/* v57 successor: scoped to marketing pages, leaving protected document bytes intact. */
:root{--page-gutter:clamp(20px,4vw,56px)}
.wrap{width:calc(100% - var(--page-gutter)*2)}
h1,h2,h3{overflow-wrap:break-word;text-wrap:pretty}
.section-heading>*:first-child,.proof-intro>*,.investor-hero>*,.engagement-grid>*{min-width:0}
.section-heading{gap:clamp(24px,5vw,80px)}
.support-intro{padding-block:clamp(48px,6vw,88px) 48px}
.support-intro h1{margin:14px 0 24px;line-height:1.1}
.support-intro p+p{margin-top:18px}
.engagement-paths{padding-block:40px 48px}
.engagement-intro{margin-bottom:28px}
.engagement-intro h2{margin-top:14px}
.engagement-grid article{padding:clamp(24px,3vw,36px)}
.engagement-paths>.small-note{margin-top:24px;max-width:72rem}
.site-header nav>a.button{padding:12px 18px}
.site-header .brand{min-width:0}
.brand img{width:88px;height:88px}
.sia-guide-logo{object-fit:contain}
.hero .hero-art{display:flex;align-items:center;justify-content:center;background:none}
.approved-brand-art{display:block;width:100%;height:auto;object-fit:contain}
.hero .hero-art .approved-brand-art{max-width:640px;max-height:100%}
.investor-hero-media .approved-brand-art{width:100%;height:auto;max-height:560px}
.hero h1.hero-title{line-height:1.1;margin-left:0}
.hero-title .headline-swap{display:inline-grid;vertical-align:baseline;position:relative;color:var(--white);white-space:nowrap;text-align:left}
.headline-swap>span{grid-area:1/1;position:relative}
/* Stable grid keeps the AI and SI in the same reserved space. */
.headline-swap .headline-si{visibility:visible;opacity:1}
.headline-swap .headline-ai{visibility:hidden;opacity:0}
.headline-swap.is-running .headline-ai{visibility:visible;opacity:1;animation:headline-ai-exit 1200ms ease-in-out 4.2s forwards}
.headline-swap.is-running .headline-si{visibility:visible;opacity:0;animation:headline-si-enter 1200ms ease-in-out 4.2s forwards}
.headline-ai::after{content:"";position:absolute;left:-8%;right:-8%;top:51%;height:.11em;min-height:5px;background:#ff2145;border-radius:2px;box-shadow:0 0 .14em #ff214588;transform:scaleX(0) rotate(-8deg);transform-origin:left center}
.headline-swap.is-running .headline-ai::after{animation:headline-strike 1200ms cubic-bezier(.45,0,.55,1) 2.5s forwards}
@keyframes headline-strike{to{transform:scaleX(1) rotate(-8deg)}}
@keyframes headline-ai-exit{to{opacity:0}}
@keyframes headline-si-enter{to{opacity:1}}
.hero-actions{flex-wrap:wrap;align-items:center}
.button,.text-button,.quiet-button{max-width:100%;overflow-wrap:break-word}
#sia-guide{width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;overflow-x:hidden}
#sia-guide .guide-header{padding:20px;gap:14px}
#sia-guide .guide-header>div{min-width:0}
#sia-guide .guide-header strong{font-size:1.45rem}
#sia-guide .guide-body{padding:24px}
#sia-guide h2{font-size:clamp(1.7rem,3vw,2.25rem);line-height:1.18;margin:18px 0 22px;letter-spacing:-.035em}
#sia-guide select{width:100%;min-width:0;font-size:1rem;padding:10px 28px 10px 10px;min-height:44px}
#sia-guide .voice-controls{display:flex;flex-wrap:wrap;gap:10px}
#sia-guide .guide-disclosure{line-height:1.6}
.investor-page{font-size:16px}
.investor-page main{padding-inline:var(--page-gutter)}
.investor-page .investor-hero{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:40px}
.investor-page .investor-hero h1{font-size:clamp(38px,4.7vw,64px)}
.investor-hero .investor-lead{margin-block:24px 16px}
.investor-proof-row p{font-size:1rem}
.text-product-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(32px,5vw,80px)}
.text-product-hero h1{font-size:clamp(2.6rem,4.3vw,4.5rem);max-width:13ch}
.text-product-copy>p:not(.eyebrow){font-size:1.125rem;line-height:1.7;color:#c9cdd3}
.text-product-copy>.button{margin-top:24px}
.phone-example{margin:0;justify-self:center;width:min(100%,414px)}
.iphone-frame{padding:11px;background:#050607;border:2px solid #7c8089;border-radius:56px;box-shadow:0 28px 70px #0009,0 0 65px #48257433}
.iphone-frame img{display:block;width:100%;height:auto;border-radius:43px}
.phone-example figcaption{text-align:center;font-size:.8rem;color:#b8bec8;line-height:1.6;margin:20px auto 0;max-width:360px}
.phone-example figcaption strong{font-size:.9rem;color:#f4f5f7}
@media(max-width:1100px){.site-header{gap:18px;padding-inline:24px}.site-header nav{gap:16px}.brand>span{font-size:.8rem}.brand img{width:72px;height:72px}}
@media(max-width:900px){.text-product-hero{grid-template-columns:1fr;gap:48px}.text-product-hero h1{max-width:18ch}.phone-example{width:min(100%,390px)}.investor-page .investor-hero{grid-template-columns:1fr}.investor-hero-media{max-width:460px;justify-self:center}.section-heading{grid-template-columns:1fr;gap:24px}.section-heading>p{max-width:65ch}}
@media(max-width:700px){
 .brand{gap:8px}.site-header{padding-inline:20px}.brand img{width:60px;height:60px}.brand>span{font-size:.7rem}.brand-sub{font-size:.48rem}
 .hero h1.hero-title{font-size:clamp(2.4rem,10.5vw,3.55rem);line-height:1.12}
 .hero-content{padding-block:40px 24px}.hero .hero-art{height:355px;min-height:0;padding-inline:20px;margin-bottom:24px}.hero .hero-art .approved-brand-art{max-height:340px;width:auto;max-width:100%}
 .support-intro h1{font-size:clamp(2.3rem,9vw,3.4rem)}
 .engagement-grid{display:grid;grid-template-columns:minmax(0,1fr);overflow:visible}.engagement-grid>article{width:auto;min-width:0;flex:none}
 .engagement-paths{padding-block:24px 40px}.engagement-intro h2{font-size:1.8rem}
 #sia-guide{inset:auto 16px 16px;width:calc(100% - 32px)}#sia-guide .guide-body{padding:20px}#sia-guide .guide-header{padding:16px}
 .investor-page main section{padding-block:48px}.investor-page .hero-actions{align-items:stretch}.investor-proof-row p{font-size:.95rem}
 .text-product-copy>.button{width:100%;margin-right:0}.text-product-hero{padding-bottom:40px}.text-product-hero h1{font-size:clamp(2.3rem,9.5vw,3.4rem)}
}
@media(prefers-reduced-motion:reduce){.headline-swap .headline-ai{visibility:hidden!important}.headline-swap .headline-si{visibility:visible!important;opacity:1!important}.headline-swap .headline-ai{opacity:0!important}.headline-swap>span,.headline-ai::after{animation:none!important}}
/* Give standalone section prose and footer links the same breathing room as cards. */
.section>.eyebrow{margin-bottom:14px}
.section>h2{margin-bottom:24px}
.section>p+p{margin-top:16px}
.why-sia-grid h3+p{margin-top:14px}
.why-sia-grid{margin-block:24px}
footer>.founder-social{display:block;width:fit-content;max-width:calc(100% - var(--page-gutter)*2);margin:24px var(--page-gutter)}
/* Original-review corrections: readable phone pricing and explicit launcher purpose. */
#sia-launcher small{display:block}
.business-sia-intro>.small-note{margin-bottom:18px;line-height:1.6}
.free-review-offer>.button{margin:8px 8px 8px 0}
#investor-inquiry{max-height:calc(100dvh - 32px);overflow:auto}
.investor-inquiry-grid label>span{display:block;line-height:1.5}
@media(max-width:700px){.monthly-plan-grid,.monthly-pricing-note{font-size:16px}.monthly-plan-grid p,.monthly-plan-grid .text-button,.monthly-pricing-note p,.pricing-steps li{font-size:16px;line-height:1.6}}
/* Review L-81-01: phone assistant entry participates in page flow, never covers prose. */
.monthly-plan-grid p,.monthly-plan-grid .text-button,.monthly-pricing-note p,.pricing-steps li{font-size:16px;line-height:1.6}
@media(max-width:700px){
 #sia-launcher{position:static;inset:auto;width:calc(100% - 40px);max-width:420px;margin:20px 20px 24px;justify-content:flex-start}
}
/* Keep secondary disclosures readable despite inherited 12px root sizing. */
:root .small-note{font-size:14px!important;line-height:1.6}
/* Keep restored video controls clear of the desktop assistant launcher. */
@media(min-width:1280px){.hero>.intro-controls{top:20px;bottom:auto;right:32px}}