:root{--motion-ease:cubic-bezier(.16,1,.3,1);--motion-scene:5.6s;--motion-reveal:800ms;--motion-accent:1200ms}
/* Keep the promise and the financial example in separate roles. */
.hero .promise-label{font-size:11px;letter-spacing:1.4px}
.hero .promise-reward>strong{font-size:clamp(25px,2.5vw,32px);line-height:1.3}
.hero .promise-context{max-width:330px;font-size:14px;line-height:1.7;margin-top:10px;color:#b8b3a7}
.hero .income small{color:#a5a39a;font-size:11px;line-height:1.7}
/* The main narrative stays visible. Detailed instructions open on demand. */
.guide-details{margin-top:30px;border-top:1px solid #b69b6538;border-bottom:1px solid #b69b6538}
.guide-details>summary,.faq-category>summary{display:flex;align-items:center;gap:18px;list-style:none;cursor:pointer;color:#e7dbc3}
.guide-details>summary::-webkit-details-marker,.faq-category>summary::-webkit-details-marker{display:none}
.guide-details>summary{padding:23px 0;font-size:16px}
.guide-details>summary>small{font-size:12px;color:#a69b86;margin-left:auto}
.guide-details>summary:after,.faq-category>summary:after{content:'';flex:0 0 9px;width:9px;height:9px;border-right:1.5px solid #cdb584;border-bottom:1.5px solid #cdb584;background:none;transform:rotate(45deg);transition:transform .35s var(--motion-ease);margin:-4px 4px 0 10px}
.guide-details[open]>summary:after,.faq-category[open]>summary:after{transform:rotate(225deg);margin-top:4px}
.guide-details>summary:focus-visible,.faq-category>summary:focus-visible{outline:1px solid #d9bf91;outline-offset:5px;border-radius:3px}
#handoff .handoff-brief{max-width:720px;margin:22px 0 24px;line-height:1.8}
#handoff .guide-details .two{border:0;padding:0 0 18px;background:none}
#handoff .guide-details h3{font-size:19px}
.faq-category{border-top:1px solid #b99d662f;border-bottom:0}
.faq-category:last-child{border-bottom:1px solid #b99d662f}
.faq-category>summary{padding:25px 0}
.faq-category-number{font-size:11px;color:#b79b68;letter-spacing:1px;align-self:flex-start;padding-top:5px}
.faq-category-heading{display:flex;flex:1;min-width:0;flex-direction:column;gap:8px}
.faq-category-heading>strong{font-size:20px;font-weight:400;line-height:1.35;letter-spacing:-.3px}
.faq-category-heading>small{font-size:12px;line-height:1.6;color:#a8a398}
.faq-category[open]>.faq-group{margin:0 0 22px;padding:0 0 0 31px}
.faq-category[open]>summary{color:#efdab5}
.faq-category .faq-group summary{font-size:14px;line-height:1.6;padding:18px 0}
.faq-category .faq-group p{color:#b8b6ad}
.faq-category .faq-group details:last-child{border-bottom:0}
@media(prefers-reduced-motion:no-preference){
 .guide-details[open]>.guide-details-body,.faq-category[open]>.faq-group{animation:guide-content-in .4s var(--motion-ease) both}
 /* Inactive scenes remain readable illustrations. Active pairs take turns. */
 #offer .panel.benefit-live:not(.benefit-running) .benefit-motion *,
 #offer .panel.benefit-live:not(.benefit-running) .benefit-motion:before,
 #offer .panel.benefit-live:not(.benefit-running) .benefit-motion:after{animation:none}
 #results .result-profile{transition-timing-function:var(--motion-ease)}
 #offer .three .panel{transition-timing-function:var(--motion-ease)}
}
@keyframes guide-content-in{from{opacity:.4;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){
 .hero .agent-promise{font-size:clamp(15px,3.8vw,18px);line-height:1.65}
 .hero .promise-label{font-size:11px;letter-spacing:.8px}
 .hero .promise-reward>strong{font-size:clamp(20px,5.2vw,28px);line-height:1.35;letter-spacing:-.45px}
 .hero .promise-context{font-size:13px;line-height:1.65;margin-top:10px}
 .hero .income>.eyebrow{font-size:10px;letter-spacing:.7px}
 .hero .income>p{font-size:13px;line-height:1.6}
 .hero .example>span{font-size:10px;letter-spacing:.8px}
 .hero .hero-reward>span{font-size:12px}
 .hero .income small{font-size:12px;line-height:1.6}
 .hero .hero-signature{font-size:11px}
 #results .portrait-caption>span{font-size:10px;letter-spacing:.6px}
 #results .agent-results .result-label{font-size:11px;letter-spacing:.15px;min-height:4.65em}
 #results .result-body dt{font-size:12px}
 #offer .offer-copy>p{font-size:14px;line-height:1.7}
 #offer .offer-payment-flow{font-size:11px;gap:8px;line-height:1.5}
 #offer .benefit-motion-toggle{font-size:12px;min-height:44px}
 #offer .three p{font-size:13px;line-height:1.75}
 .guide-details>summary{font-size:15px;gap:10px;padding:21px 0}
 .guide-details>summary>small{display:none}
 #handoff .guide-details .two{gap:0}
 #handoff .handoff-brief{font-size:14px}
 .faq-category>summary{gap:13px;padding:23px 0}
 .faq-category-heading>strong{font-size:18px}
 .faq-category-heading>small{font-size:12px}
 .faq-category[open]>.faq-group{padding-left:0}
 .faq-category .faq-group p{font-size:14px;line-height:1.8}
 .faq-category .faq-group .note{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.guide-details *, .faq-category *{animation:none!important;transition:none!important}}