:root{--cnt-primary:#2563eb;--cnt-primary-hover:#1d4ed8;--cnt-primary-soft:#eff6ff;--cnt-primary-contrast:#fff;--cnt-background:#eef2f6;--cnt-surface:#fff;--cnt-surface-muted:#f8fafc;--cnt-border:#d7dee8;--cnt-text-primary:#111827;--cnt-text-secondary:#475569;--cnt-text-muted:#64748b;--cnt-success:#0f766e;--cnt-success-soft:#ecfdf5;--cnt-warning:#b45309;--cnt-warning-soft:#fef3c7;--cnt-danger:#dc2626;--cnt-danger-soft:#fef2f2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--cnt-background);min-height:100%}body{min-height:100%;color:var(--cnt-text-primary);background:var(--cnt-background);margin:0;font-family:Inter,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}section[id]{scroll-margin-top:80px}a:focus-visible,button:focus-visible{outline-offset:3px;outline:3px solid #2563eb57}.page{min-height:100vh;overflow-x:hidden}.shell{width:min(1180px,100% - 32px);margin:0 auto}.topbar{z-index:50;background:#eef2f6f2;border-bottom:1px solid #d7dee8b3;width:100%;position:sticky;top:0}.topbarInner{justify-content:space-between;align-items:center;gap:12px;min-height:64px;display:flex}.brand{align-items:center;gap:10px;min-width:0;font-weight:800;display:inline-flex}.brandLogo{object-fit:contain;border-radius:8px;width:36px;height:36px}.smallLogo{width:32px;height:32px}.nav,.footerNav{align-items:center;gap:22px;display:flex}.nav a,.footerNav a{color:var(--cnt-text-secondary);font-size:14px;font-weight:650;transition:color .16s}.nav a:hover,.footerNav a:hover{color:var(--cnt-text-primary)}.actions{align-items:center;display:flex}.button{border:1px solid var(--cnt-border);border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:0 16px;font-size:14px;font-weight:800;transition:border-color .16s,background-color .16s,box-shadow .16s,color .16s,transform .16s;display:inline-flex}.button:hover{transform:translateY(-1px);box-shadow:0 12px 28px #0f172a1f}.buttonPrimary{border-color:var(--cnt-primary);background:var(--cnt-primary);color:var(--cnt-primary-contrast)}.buttonPrimary:hover{border-color:var(--cnt-primary-hover);background:var(--cnt-primary-hover)}.buttonOutline{color:var(--cnt-text-primary);background:0 0}.buttonOutline:hover{background:var(--cnt-primary-soft);border-color:#2563eb5c}.buttonLight{border-color:var(--cnt-primary-contrast);background:var(--cnt-primary-contrast);color:var(--cnt-primary-hover)}.buttonLarge{min-height:44px;padding:0 22px;font-size:16px}.heroSection{background:radial-gradient(ellipse at top, #2563eb14, transparent 54%), var(--cnt-background);padding:84px 0 96px;position:relative;overflow:hidden}.heroContent{text-align:center;max-width:960px;margin:0 auto}.heroContent h1{letter-spacing:0;max-width:900px;margin:0 auto;font-size:clamp(36px,6vw,72px);line-height:1.1}.heroContent h1 span{display:block}.heroContent p{max-width:780px;color:var(--cnt-text-secondary);margin:24px auto 0;font-size:clamp(17px,2vw,20px);line-height:1.62}.heroActions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:32px;display:flex}.heroMeta{font-weight:650;color:var(--cnt-text-muted)!important;font-size:14px!important}.section{background:var(--cnt-background);padding:76px 0}.sectionMuted{background:#f8fafcd1}.sectionHeader{text-align:center;max-width:700px;margin:0 auto 44px}.sectionHeader h1,.sectionHeader h2,.answerLayout h2,.resultLayout h2,.marketLayout h2,.ctaPanel h2{color:var(--cnt-text-primary);letter-spacing:0;margin:0;font-size:clamp(30px,4vw,44px);line-height:1.14}.sectionHeader p,.mutedText,.card p,.interactiveCard p,.standardCard p,.footerBottom,.processNote span{color:var(--cnt-text-secondary);line-height:1.65}.sectionHeader p{margin:16px 0 0;font-size:18px}.answerLayout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:40px;max-width:1160px;display:grid}.leadText{color:var(--cnt-text-primary);margin:18px 0 0;font-size:18px;font-weight:760;line-height:1.65}.mutedText{margin:16px 0 0}.answerAside{gap:20px;display:grid}.card,.interactiveCard{background:var(--cnt-surface);border:1px solid #d7dee8b8;border-radius:12px;box-shadow:0 1px 2px #0f172a0a}.interactiveCard{transition:border-color .18s,box-shadow .18s,transform .18s}.interactiveCard:hover{border-color:#2563eb61;transform:translateY(-4px);box-shadow:0 18px 48px #0f172a1a}.panelCard,.standardCard,.statCard{padding:26px}.panelCard h3,.card h3,.interactiveCard h3{color:var(--cnt-text-primary);margin:0;font-size:18px;line-height:1.35}.iconMark,.miniIcon{background:var(--cnt-primary-soft);width:48px;height:48px;color:var(--cnt-primary);border-radius:10px;justify-content:center;align-items:center;font-size:15px;font-weight:900;display:inline-flex}.miniIcon{border-radius:7px;width:24px;height:24px;font-size:12px}.answerLayout>div>.iconMark,.resultLayout>div>.iconMark,.marketLayout>div>.iconMark{margin-bottom:20px}.checkList{gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.checkList li{color:var(--cnt-text-secondary);gap:10px;font-size:14px;line-height:1.65;display:flex}.checkList li:before{background:var(--cnt-primary-soft);width:18px;height:18px;color:var(--cnt-primary);content:"✓";text-align:center;border-radius:999px;flex:none;margin-top:3px;font-size:12px;font-weight:900;line-height:18px}.audienceGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.smallCard,.benefitCard,.metricCard,.stepCard{padding:22px}.benefitCard .iconMark{width:42px;height:42px;margin-bottom:16px}.problemGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:980px;margin:0 auto;display:grid}.problemCard{gap:18px;padding:24px;display:flex}.problemCard .iconMark{background:var(--cnt-danger-soft);color:var(--cnt-danger);flex:none}.benefitGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:980px;margin:0 auto;display:grid}.benefitCard{text-align:center}.benefitCard .iconMark{border-radius:999px;margin-left:auto;margin-right:auto}.resultLayout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:48px;max-width:1180px;display:grid}.resultList{margin-top:24px}.resultFigure{margin:0;overflow:hidden}.resultMock{background:var(--cnt-surface)}.mockTop{border-bottom:1px solid var(--cnt-border);color:var(--cnt-text-secondary);justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;font-size:14px;display:flex}.mockTop b{color:var(--cnt-text-primary)}.mockBody{grid-template-columns:minmax(0,1fr) minmax(240px,.78fr);gap:0;display:grid}.mockBody pre{color:#e5e7eb;background:#111827;min-height:280px;margin:0;padding:22px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.7}.resultRows{background:var(--cnt-surface-muted);align-content:start;display:grid}.resultRow{border-bottom:1px solid var(--cnt-border);justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex}.status{border-radius:999px;padding:6px 10px;font-size:13px}.status-success{background:var(--cnt-success-soft);color:var(--cnt-success)}.status-warning{background:var(--cnt-warning-soft);color:var(--cnt-warning)}.resultFigure figcaption{border-top:1px solid var(--cnt-border);color:var(--cnt-text-secondary);align-items:center;gap:10px;padding:16px 20px;font-size:14px;display:flex}.metricGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:920px;margin:0 auto;display:grid}.metricCard{text-align:left}.metricValue{color:var(--cnt-primary);margin:0 0 12px;font-size:clamp(36px,5vw,52px);font-weight:900;line-height:1}.marketLayout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:42px;max-width:1120px;display:grid}.marketGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.statValue{color:var(--cnt-text-primary);margin:0 0 12px;font-size:28px;font-weight:900}.timeline{max-width:900px;margin:0 auto;padding-left:44px;position:relative}.timeline:before{background:var(--cnt-border);content:"";width:2px;position:absolute;top:0;bottom:0;left:9px}.timelineStep{grid-template-columns:1fr;margin-bottom:34px;display:grid;position:relative}.timelineStep:last-child{margin-bottom:0}.timelineDot{border:5px solid var(--cnt-primary);background:var(--cnt-background);z-index:1;border-radius:999px;width:18px;height:18px;position:absolute;top:28px;left:-44px}.stepHead{align-items:center;gap:14px;margin-bottom:16px;display:flex}.stepHead span{background:var(--cnt-primary);min-width:42px;min-height:42px;color:var(--cnt-primary-contrast);border-radius:10px;justify-content:center;align-items:center;font-size:18px;font-weight:900;display:inline-flex}.processNote{text-align:center;background:#2563eb0f;border:1px solid #2563eb2e;border-radius:12px;max-width:720px;margin:44px auto 0;padding:24px}.processNote p{margin:0;font-size:18px;font-weight:800}.processNote span{margin-top:8px;display:block}.standardGrid{max-width:720px;margin:0 auto;display:grid}.standardBadge{background:var(--cnt-primary-soft);width:fit-content;color:var(--cnt-primary);border-radius:8px;padding:6px 10px;font-size:14px;font-weight:800;display:inline-flex}.standardCard>p{margin:18px 0 0}.ctaPanel{background:var(--cnt-primary);max-width:880px;color:var(--cnt-primary-contrast);text-align:center;border-radius:16px;margin:0 auto;padding:52px 32px;overflow:hidden;box-shadow:0 24px 80px #2563eb33}.ctaPanel h2{max-width:720px;color:var(--cnt-primary-contrast);margin:0 auto}.ctaPanel p{color:#ffffffd6;max-width:680px;margin:18px auto 28px;font-size:18px;line-height:1.62}.footer{background:#f8fafcb8;border-top:1px solid #d7dee8b8;padding:32px 0}.footerTop{justify-content:space-between;align-items:center;gap:24px;display:flex}.footerBottom{border-top:1px solid var(--cnt-border);grid-template-columns:minmax(0,1fr) auto;gap:24px;margin-top:28px;padding-top:22px;font-size:14px;display:grid}.footerBottom p{margin:0 0 8px}.footerBottom a{color:var(--cnt-text-primary);text-underline-offset:4px;font-weight:800;-webkit-text-decoration:underline #64748b73;text-decoration:underline #64748b73}.footerBottom a:hover{color:var(--cnt-primary-hover);text-decoration-color:currentColor}.faqList{gap:14px;max-width:900px;margin:0 auto;display:grid}.faqDetails{background:var(--cnt-surface);border:1px solid #d7dee8b8;border-radius:12px;padding:0;transition:border-color .18s,box-shadow .18s;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.faqDetails.isOpen{border-color:#2563eb52;box-shadow:0 18px 44px #0f172a14}.faqQuestion{cursor:pointer;width:100%;color:var(--cnt-text-primary);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;font-size:18px;font-weight:850;transition:background-color .18s;display:flex}.faqQuestion:hover{background:var(--cnt-surface-muted)}.faqToggleIcon{background:var(--cnt-primary-soft);width:28px;height:28px;color:var(--cnt-primary);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:24px;line-height:1;transition:background-color .18s,color .18s,transform .22s;display:inline-flex}.faqDetails.isOpen .faqToggleIcon{background:var(--cnt-primary);color:var(--cnt-primary-contrast);transform:rotate(45deg)}.faqAnswerShell{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .26s,opacity .18s;display:grid}.faqDetails.isOpen .faqAnswerShell{opacity:1;grid-template-rows:1fr}.faqAnswerInner{border-top:1px solid #0000;min-height:0;transition:border-color .18s;overflow:hidden}.faqDetails.isOpen .faqAnswerInner{border-top-color:var(--cnt-border)}.faqAnswerInner p{color:var(--cnt-text-secondary);margin:0;padding:0 22px 20px;line-height:1.65}@media (max-width:1080px){.nav{display:none}.benefitGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.answerLayout,.resultLayout,.marketLayout,.mockBody,.audienceGrid,.metricGrid{grid-template-columns:1fr}.timeline{max-width:620px}}@media (max-width:680px){.shell{width:min(100% - 24px,1180px)}.topbarInner{min-height:58px}.button{min-height:42px}.heroSection{padding:54px 0 66px}.heroActions,.footerTop,.footerBottom,.problemCard,.mockTop,.resultRow{flex-direction:column;align-items:stretch}.heroActions .button{width:100%}.section{padding:56px 0}.problemGrid,.benefitGrid,.marketGrid{grid-template-columns:1fr}.footerBottom{display:flex}.footerNav{flex-direction:column;align-items:flex-start;gap:10px}.ctaPanel{padding:34px 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important}}
