:root{--read-small:1rem;--read-body:1.125rem;--read-lead:1.25rem}
/* Keep even supporting Bengali copy readable; scale with browser text settings. */
.landing-page,.survey-page{font-size:var(--read-body);line-height:1.85}
.landing-page .preview-label,.survey-page .preview-label{font-size:var(--read-small);line-height:1.5;white-space:normal}
.landing-page .landing-eyebrow,.landing-page .cta-note,.landing-page .situation-label,.landing-page .step-index,.landing-page .example-label,.landing-page .example-note,.landing-page .landing-footer,.landing-page .landing-footer p{font-size:var(--read-small);line-height:1.8}
.landing-page .hero-description,.landing-page .hero-offer,.landing-page .section-heading>p:last-child,.landing-page .situation-body p,.landing-page .reframe,.landing-page .help-list p,.landing-page .why-ask p,.landing-page .reading-list p,.landing-page .reading-note,.landing-page .example-costs,.landing-page .example-lesson,.landing-page .final-invitation>p:not(.landing-eyebrow):not(.cta-note){font-size:var(--read-body);line-height:1.9}
.landing-page .landing-cta{font-size:var(--read-body);line-height:1.65;min-height:60px;white-space:normal;gap:16px}
.landing-page .landing-hero h1{font-size:clamp(2rem,4vw,3rem);line-height:1.5}
.landing-page .section-heading h2,.landing-page .final-invitation h2{font-size:clamp(1.75rem,3vw,2.375rem);line-height:1.6}
.landing-page .situation-title,.landing-page .help-list h3,.landing-page .cost-example h3{font-size:1.5rem;line-height:1.75}
.landing-page .reading-list li>span{font-size:var(--read-lead);line-height:1.8}
.landing-page .example-numbers>div>span,.landing-page .example-numbers strong>span{font-size:var(--read-small);line-height:1.6}
.landing-page .example-numbers strong{font-size:2rem;line-height:1.4}
.landing-page .hero-copy,.landing-page .section-heading,.landing-page .situation-body,.landing-page .help-list,.landing-page .reading-list,.landing-page .reading-note,.landing-page .reframe{max-width:46rem}
.landing-page .landing-header{min-height:96px;height:auto;padding-top:12px;padding-bottom:12px}
@media(max-width:699px){
 .landing-page .landing-header{min-height:88px;height:auto;gap:12px}
 .landing-page .brand-window{width:145px;height:65px;flex:none}

 .landing-page .preview-label{max-width:116px;padding-left:10px}
 .landing-page .landing-section{padding-top:38px;padding-bottom:38px}
 .landing-page .situation-title,.landing-page .help-list h3,.landing-page .cost-example h3{font-size:1.4375rem;line-height:1.75}
 .landing-page .example-numbers>div{padding:0 9px}
 .landing-page .example-numbers strong>span{display:block;margin-top:3px}
 .landing-page .example-numbers strong{font-size:1.875rem}
}
@media(max-width:370px){
 .landing-page .landing-cta{padding-left:16px;padding-right:16px;gap:12px}
 .landing-page .example-numbers>div{padding:0 6px}
 .landing-page .example-numbers>div>span{min-height:3.2em}
 .landing-page .example-numbers strong{font-size:1.75rem}
}
/* Match the question flow and contact screens to the same reading scale. */
.survey-page .intro p,.survey-page .survey-companion>p:not(.eyebrow),.survey-page .choice,.survey-page textarea,.survey-page .other-country,.survey-page .country-trigger,.survey-page .country-picker .country-option,.survey-page .search-wrap input,.survey-page .contact-offer>p:not(.eyebrow),.survey-page .offer-topics>li,.survey-page .method-intro,.survey-page .contact-field>input,.survey-page .end>p,.survey-page .group-invitation>p:not(.eyebrow){font-size:var(--read-body);line-height:1.85}
.survey-page .intro>span,.survey-page .survey-companion .eyebrow,.survey-page .companion-note,.survey-page .progress-caption,.survey-page .hint,.survey-page .selection-summary,.survey-page .stage-label,.survey-page .comment>label,.survey-page .optional,.survey-page .nav-caption,.survey-page .country-detail>label,.survey-page .country-detail .other-label,.survey-page .country-help,.survey-page .picker-caption,.survey-page .no-country,.survey-page .compact-summary>p,.survey-page .compact-summary .answer-details>summary,.survey-page .answer-review h3,.survey-page .answer-review li,.survey-page .answer-review p,.survey-page .edit-answer,.survey-page .finish-intro .eyebrow,.survey-page .finish-intro .eyebrow>span,.survey-page .contact-offer .eyebrow,.survey-page .contact-field>label,.survey-page .contact-field>input::placeholder,.survey-page .field-help,.survey-page .field-error,.survey-page .contact-or,.survey-page .consent-row,.survey-page .contact-purpose,.survey-page .skip-button,.survey-page .end>.eyebrow,.survey-page .group-invitation .eyebrow,.survey-page .error:not(:empty){font-size:var(--read-small);line-height:1.8}
.survey-page .contact-preview,.survey-page .preview-note{font-size:var(--read-small)!important;line-height:1.85}
.survey-page #question-title,.survey-page .question-section>h2,.survey-page .finish-intro h1,.survey-page .contact-offer h2,.survey-page .group-invitation h2{font-size:clamp(1.75rem,2.8vw,2rem);line-height:1.6}
.survey-page .survey-companion h2,.survey-page .end h1{font-size:2rem;line-height:1.6}
.survey-page .picker-head h2{font-size:1.5rem;line-height:1.6}
.survey-page .next,.survey-page .group-invitation .group-link{font-size:var(--read-body);line-height:1.65;min-height:58px;white-space:normal}
.survey-page .back,.survey-page .end>.back{font-size:var(--read-small);line-height:1.8}
.survey-page .brandbar{min-height:88px;height:auto;gap:12px}
.survey-page .preview-label{max-width:124px}
.survey-page .nav-inner{flex-wrap:wrap}
.survey-page .nav-inner>.next{margin-left:auto;max-width:100%}
.survey-page .country-picker .picker-head{gap:16px}
.survey-page .close-picker{flex:none}
@media(max-width:370px){
 .survey-page .brandbar{min-height:78px}
 .survey-page .preview-label{max-width:120px}
 .survey-page .nav-caption{max-width:112px}
 .survey-page .next{padding-left:15px;padding-right:15px}
 .survey-page .group-invitation .group-link{padding-left:12px;padding-right:12px}
}
/* Let the opening sound like the visitor's own questions, with room to read. */
.landing-page .hero-heading h1{margin-bottom:12px}
.landing-page .hero-stakes{font-size:var(--read-lead);line-height:1.8;color:#ead4b3;margin:0 0 24px;max-width:30rem}
.landing-page .hero-questions{max-width:32rem}
.landing-page .hero-questions p{font-size:var(--read-body);line-height:1.9;color:#e3dfd7;margin:0 0 18px}
.landing-page .hero-recognition{font-size:var(--read-body);line-height:1.85;color:#f1cc8c;margin:24px 0 16px;max-width:32rem}
.landing-page .hero-offer{margin-bottom:22px}
.landing-page .hero-copy .cta-note{max-width:32rem}
.landing-page .landing-cta>span{flex:none}
.landing-page .situation-body p+p{margin-top:16px}
@media(min-width:700px){.landing-page .hero-visual{align-self:start;margin-top:64px;position:sticky;top:28px}}
@media(max-width:699px){.landing-page .hero-stakes{margin-bottom:22px}.landing-page .landing-cta{text-align:left}}
/* A complete per-bag example: apparent margin, overlooked costs, then the result. */
.landing-page .export-example .example-intro,.landing-page .example-first-thought{font-size:var(--read-body);line-height:1.9;margin:0 0 18px}
.landing-page .export-example .example-assumption{margin:0 0 24px}
.landing-page .export-example .example-numbers{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:22px}
.landing-page .export-example .example-numbers strong{font-size:clamp(1.75rem,3vw,2rem);color:#302e29}
.landing-page .export-example .example-numbers strong>span{display:block;font-size:var(--read-small);margin-top:4px}
.landing-page .export-example .example-numbers>div>span{min-height:0}
.landing-page .example-first-thought strong{font-weight:600}
.landing-page .cost-breakdown-title{font-size:var(--read-lead);line-height:1.8;margin:26px 0 12px;font-weight:600}
.landing-page .cost-breakdown{margin:0;border-top:1px solid #cec6b7}
.landing-page .cost-breakdown>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start;border-bottom:1px solid #d9d2c6;padding:13px 0}
.landing-page .cost-breakdown dt,.landing-page .cost-breakdown dd{font-size:var(--read-body);line-height:1.85;margin:0}
.landing-page .cost-breakdown dt{color:#514b41}
.landing-page .cost-breakdown dd{white-space:nowrap;text-align:right;color:#302e29;font-weight:500;font-variant-numeric:tabular-nums}
.landing-page .cost-breakdown .cost-total{border-bottom:2px solid #a99b86;padding:18px 0}
.landing-page .cost-total dt,.landing-page .cost-total dd{font-weight:600;color:#302e29}
.landing-page .example-loss{margin:26px 0;padding:20px;border:1px solid #d4a292;border-left:3px solid #a4472d;border-radius:4px;background:#f0e0d7}
.landing-page .example-loss p{font-size:var(--read-small);line-height:1.85;margin:0 0 10px;color:#654a3e}
.landing-page .example-loss strong{display:block;font-size:1.5rem;line-height:1.75;font-weight:600;color:#862f20}
.landing-page .export-example .example-lesson strong{font-weight:600}
.landing-page .export-example .example-note a{color:#76500c;text-underline-offset:4px}
@media(max-width:699px){.landing-page .cost-breakdown>div{gap:14px}.landing-page .cost-breakdown dt,.landing-page .cost-breakdown dd{font-size:var(--read-small)}.landing-page .example-loss{padding:17px 15px}.landing-page .example-loss strong{font-size:1.375rem}}
.landing-page .landing-cta .cta-copy{font:inherit;line-height:inherit;flex:1;min-width:0;text-wrap:balance}
/* The first advice link docks only after its original position has passed. */
html.landing-cta-ready{scroll-padding-bottom:calc(var(--landing-dock-space,128px) + env(safe-area-inset-bottom))}
.landing-page .cta-slot{display:grid;width:100%;max-width:430px}
.landing-page .cta-slot>.landing-cta{width:100%;justify-content:space-between;text-align:left;transition:background .15s}
.landing-page .cta-slot>.landing-cta.is-floating{position:fixed;z-index:20;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));width:min(calc(100% - 48px),430px);max-width:none;margin:0;transform:translateX(-50%);border-radius:7px;box-shadow:0 6px 24px #0007,0 0 0 7px #292927e6;animation:advice-dock .18s ease-out}
.landing-page .cta-slot>.landing-cta.is-floating:active{transform:translate(-50%,2px)}
.landing-page .cta-slot>.landing-cta:focus-visible{outline:3px solid #fff0cd;outline-offset:4px}
@keyframes advice-dock{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:370px){.landing-page .cta-slot>.landing-cta.is-floating{width:calc(100% - 38px)}}
@media(prefers-reduced-motion:reduce){.landing-page .cta-slot>.landing-cta.is-floating{animation:none}}

/* Keep the two-line brand message readable beside the logo. */
.landing-page .brand-tagline,.survey-page .brand-tagline{max-width:none;flex:none;line-height:1.6}
.brand-tagline>span{display:block;white-space:nowrap}
@media(max-width:699px){
 .landing-page .brandbar:has(.brand-tagline),.survey-page .brandbar:has(.brand-tagline){gap:10px;padding-left:18px;padding-right:18px}
 .landing-page .brandbar:has(.brand-tagline) .brand-window,.survey-page .brandbar:has(.brand-tagline) .brand-window{width:118px;height:54px}
 .landing-page .brand-tagline,.survey-page .brand-tagline{padding-left:10px}
}
@media(max-width:350px){
 .landing-page .brandbar:has(.brand-tagline),.survey-page .brandbar:has(.brand-tagline){flex-wrap:wrap;justify-content:center;gap:8px;padding-top:14px;padding-bottom:14px}
 .landing-page .brand-tagline,.survey-page .brand-tagline{border-left:0;padding:0;text-align:center;flex-basis:100%}
}