/* V18 compact layout: loaded last; preserve animations and interactivity. */
:root{scroll-padding-top:72px}
html,body{max-width:100%;overflow-x:clip}
.shell{width:min(1120px,calc(100% - 40px))!important}
.topbar{min-height:64px!important;padding-top:9px!important;padding-bottom:9px!important}
.section,.demo-section,.life-section,.agent-flow-section{padding-top:54px!important;padding-bottom:54px!important}
.section-head{margin-bottom:24px!important}
.section-head h2,.flow-intro h2,.life-heading h2{line-height:1.16!important}
.hero-v5{min-height:unset!important;padding-top:42px!important;padding-bottom:20px!important}
.hero-v5 .hero-grid{gap:36px!important;align-items:center!important}
.hero-v5 h1{font-size:clamp(38px,4vw,58px)!important;line-height:1.12!important;margin-bottom:15px!important}
.hero-v5 .hero-lead{font-size:16px!important;line-height:1.55!important;max-width:560px}
.hero-v5 .hero-actions{margin-top:20px!important;gap:10px!important}
.hero-v5 .hero-proof{margin-top:18px!important;gap:10px!important}
.hero-bottom{padding-top:18px!important;padding-bottom:10px!important}
.agent-stage{padding:16px!important}
.agent-selector{padding:12px!important}
.agent-dialog{margin:10px 0!important}
.agent-thinking{margin:10px 0!important}
.agent-result{padding:13px!important}
.flow-steps{gap:10px!important}
.flow-step{padding:15px!important}
.life-layout{gap:18px!important}
.life-choices{gap:10px!important}
.life-explainer-card{padding:17px!important}
.contact-card{padding:24px!important}
@media(max-width:760px){
 .shell{width:calc(100% - 28px)!important}
 .topbar{min-height:56px!important;padding:8px 14px!important}
 .section,.demo-section,.life-section,.agent-flow-section{padding-top:32px!important;padding-bottom:32px!important}
 .hero-v5{padding-top:24px!important;padding-bottom:12px!important}
 .hero-v5 .hero-grid{display:flex!important;flex-direction:column!important;gap:16px!important;align-items:stretch!important}
 .hero-v5 h1{font-size:clamp(30px,8vw,39px)!important;line-height:1.12!important;margin:10px 0!important}
 .hero-v5 .hero-lead{font-size:14px!important;line-height:1.45!important;margin-bottom:0!important}
 .hero-v5 .hero-actions{display:flex!important;flex-wrap:wrap!important;margin-top:14px!important;gap:8px!important}
 .hero-v5 .hero-actions .button{font-size:12px!important;padding:11px 13px!important}
 .hero-v5 .hero-proof,.hero-bottom{display:none!important}
 .agent-stage{padding:10px!important;border-radius:17px!important;animation:agentMobileFloat 5s ease-in-out infinite!important}
 .agent-selector{padding:9px!important}
 .selector-heading small{font-size:11px!important}
 .scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
 .scenario-choice{min-height:44px!important;padding:7px 6px!important;font-size:12px!important}
 .agent-topline,.agent-bottom{font-size:10px!important;gap:6px!important}
 .agent-dialog{margin:8px 0!important}
 .agent-user>div{font-size:13px!important;padding:10px!important}
 .agent-thinking{margin:7px 0!important}
 .agent-result{padding:10px!important}
 .agent-task{font-size:12px!important;line-height:1.35!important;padding-top:5px!important;padding-bottom:5px!important}
 .agent-result-bottom{font-size:10px!important}
 .flow-intro h2,.life-heading h2,.section-head h2{font-size:clamp(25px,6.8vw,34px)!important}
 .flow-intro p,.life-intro{font-size:14px!important;line-height:1.45!important}
 .flow-steps{gap:7px!important}
 .flow-step{padding:10px!important}
 .life-layout{gap:14px!important}
 .life-choices{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .life-choices>*{min-width:0!important}
 .life-phone{max-width:390px!important;width:100%!important;margin-inline:auto!important}
 .life-explainer{display:none!important}
 .market-grid,.trust-grid,.stake-grid{gap:12px!important}
 .service-tile{min-width:0!important}
 .contact-grid{gap:18px!important}
 .contact-card{padding:16px!important}
 .contact-card input,.contact-card select,.contact-card textarea{width:100%!important;box-sizing:border-box!important}
 .footer{padding-top:28px!important;padding-bottom:24px!important}
}
@media(max-width:390px){
 .hero-v5 h1{font-size:30px!important}
 .hero-v5 .hero-actions .button{width:100%!important;justify-content:center!important}
 .scenario-choice{font-size:11px!important}
 .life-choices{gap:6px!important}
}
@media(prefers-reduced-motion:reduce){.agent-stage{animation:none!important}}