.m-page{max-width:1160px;margin:auto;padding:64px 32px 76px}.m-hero{text-align:center;max-width:760px;margin:0 auto 48px}.m-eyebrow{letter-spacing:.1em;color:var(--primary);font-size:11px;font-weight:650}.m-page .m-hero h1{letter-spacing:-.045em;margin:20px 0;font-size:clamp(34px,4.2vw,54px);font-weight:700;line-height:1.1}.m-page .m-hero p{color:var(--fg-2);max-width:660px;margin:auto;font-size:17px;line-height:1.8}.m-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.m-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.m-step{padding:30px}.m-step-top{color:var(--primary);justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.m-step-top span{letter-spacing:.08em;font-size:12px;font-weight:600}.m-page h2{letter-spacing:-.025em;font-size:23px;font-weight:650;line-height:1.3}.m-page .m-step p{color:var(--fg-2);margin:14px 0 20px;font-size:14px;line-height:1.85}.m-step strong{color:var(--primary);font-size:12px;font-weight:550}.m-callout{border:1px solid var(--border);background:var(--soft);border-radius:14px;justify-content:space-between;align-items:center;gap:28px;margin-top:44px;padding:30px;display:flex}.m-callout>div{max-width:680px}.m-page .m-callout p{color:var(--fg-2);margin-top:12px;font-size:14px;line-height:1.8}.m-callout>a{flex-shrink:0}.m-related{border-top:1px solid var(--border);flex-wrap:wrap;gap:14px 28px;margin-top:40px;padding-top:26px;display:flex}.m-related a{color:var(--primary);align-items:center;gap:10px;font-size:13px;line-height:1.7;display:flex}.m-faq-page{max-width:1060px}.m-faq-group{grid-template-columns:240px minmax(0,1fr);gap:40px;margin-top:42px;display:grid}.m-faq-group h2{padding-top:18px;font-size:20px}.m-faq-group details{border-bottom:1px solid var(--border)}.m-faq-group summary{cursor:pointer;justify-content:space-between;align-items:start;gap:20px;padding:20px 0;font-size:14px;font-weight:600;list-style:none;display:flex}.m-faq-group summary::-webkit-details-marker{display:none}.m-faq-group summary span{color:var(--fg-2)}.m-faq-group details[open] summary span{transform:rotate(45deg)}.m-page .m-faq-group p{color:var(--fg-2);padding-bottom:22px;font-size:14px;line-height:1.85}.m-tool-help{margin-top:44px}.m-tool-card{gap:28px;max-width:860px;margin:auto;padding:36px;display:flex}.m-tool-icon{background:var(--soft);width:56px;height:56px;color:var(--primary);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.m-tool-card h2{margin-top:10px}.m-page .m-tool-card p{color:var(--fg-2);max-width:620px;margin:16px 0 24px;font-size:15px;line-height:1.85}.m-page .m-tools-intro{color:var(--fg-2);max-width:680px;margin-top:14px;font-size:15px;line-height:1.8}.m-breadcrumb{color:var(--fg-2);flex-wrap:wrap;gap:8px;margin:-24px 0 32px;font-size:12px;display:flex}.m-breadcrumb a{color:var(--primary)}.m-tool-help>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:24px;display:grid}.m-tool-help p{color:var(--fg-2);font-size:13px;line-height:1.85}.m-tool-help strong{color:var(--foreground);margin-bottom:8px;font-weight:600;display:block}.m-generator{padding:28px}.m-generator .b-composer-layout{margin-top:0}.m-generator .b-composer-preview{background:var(--background);border:1px solid var(--border);border-radius:10px;padding:20px}.m-generator .b-composer-preview textarea{background:var(--card);min-height:430px}.m-generator .b-composer-preview p{color:var(--fg-2);margin:10px 0 14px;font-size:12px;line-height:1.7}.m-generator .b-field{margin-bottom:14px}.m-generator .b-field:first-child{margin-top:0}@media (width<=700px){.m-page{padding:42px 22px 48px}.m-hero{margin-bottom:30px}.m-page .m-hero p{font-size:15px}.m-steps,.m-tool-help>div{grid-template-columns:1fr;gap:16px}.m-step{padding:24px}.m-callout{flex-direction:column;align-items:start;padding:24px}.m-faq-group{grid-template-columns:1fr;gap:4px;margin-top:28px}.m-generator{padding:18px}.m-generator .b-composer-preview{padding:16px}.m-generator .b-field input,.m-generator .b-field select,.m-generator .b-field textarea{font-size:16px}}@media (width<=540px){.m-tool-card{flex-direction:column;gap:20px;padding:24px}.m-tool-card .n-btn{width:100%}.m-breadcrumb{margin-top:-12px}}
