/* Full-width, independently staged scenes with native document scrolling. */
#alli-backup{max-width:none}
.story{padding:0;height:auto!important}
.scene-line{display:block}
.chapter{--enter:1;--headline:1;--support:1;--exit:0;--exit-late:0;--row-one:1;--row-two:1;--row-three:1;margin:0;position:relative}
.scene-frame{border:0;border-radius:0;box-shadow:none;padding:34px var(--gutter);height:calc(100svh - 82px);min-height:660px;max-height:none}
.motion-enabled .chapter{height:auto;min-height:0}
.motion-enabled .scene-frame{position:relative;top:auto}
.cinematic .chapter{height:185svh;min-height:0}
.cinematic .scene-frame{position:sticky;top:82px;height:calc(100svh - 82px);min-height:0}
.scene-grid{max-width:1500px;width:100%;margin-inline:auto;gap:7vw}
.scene-copy h2{font-size:clamp(42px,5.5vw,85px)}
.chapter-reverse .scene-copy{order:2}
.chapter-reverse .scene-visual{order:1}
.scene-meta,.scene-bottom{width:100%;max-width:1500px;margin-inline:auto}
.scene-bottom{border-top:0;padding-top:20px}
.scene-meter{display:none}
.cinematic .scene-copy,.cinematic .payoff-copy{transform:none}
.cinematic .scene-line{opacity:calc(var(--headline)*(1 - var(--exit)));transform:translate3d(calc((1 - var(--headline))*-115px - var(--exit)*150px),calc((1 - var(--headline))*38px - var(--exit)*70px),0)}
.cinematic .scene-line:nth-child(2){transform:translate3d(calc((1 - var(--headline))*-180px - var(--exit)*210px),calc((1 - var(--headline))*70px - var(--exit)*40px),0)}
.cinematic .scene-line:nth-child(3){transform:translate3d(calc((1 - var(--headline))*-225px - var(--exit)*260px),calc((1 - var(--headline))*95px),0)}
.cinematic .scene-copy>p,.cinematic .payoff-copy>p{opacity:calc(var(--support)*(1 - var(--exit)));transform:translate3d(0,calc((1 - var(--support))*55px - var(--exit)*45px),0)}
.cinematic .scene-bottom{opacity:calc(var(--enter)*(1 - var(--exit-late)));transform:translateY(calc((1 - var(--enter))*35px + var(--exit-late)*45px))}
.cinematic .scene-meta{opacity:calc(.55 + var(--enter)*.45 - var(--exit)*.45)}
.cinematic .scene-footnote{opacity:calc(var(--support)*(1 - var(--exit-late)))}
.cinematic .scene-stamp{opacity:calc(var(--settle)*(1 - var(--exit-late)));transform:translateY(calc((1 - var(--settle))*35px + var(--exit-late)*50px))}
.cinematic .call-card{opacity:calc(var(--enter)*(1 - var(--exit)));transform:translate3d(calc((1 - var(--enter))*300px - var(--arrive)*68px - var(--exit)*240px),calc((1 - var(--enter))*160px - var(--arrive)*15px - var(--exit)*230px),0) rotate(calc((1 - var(--enter))*24deg - var(--exit)*22deg)) scale(calc(.72 + var(--enter)*.28 - var(--exit)*.15))}
.cinematic .alli-reply{opacity:calc(var(--arrive)*(1 - var(--exit-late)));transform:translate3d(calc((1 - var(--arrive))*260px + var(--exit-late)*320px),calc((1 - var(--arrive))*100px + var(--exit-late)*150px),0) rotate(calc((1 - var(--arrive))*12deg + var(--exit-late)*16deg))}
.caller-icon{position:relative}
.caller-icon:after{content:'';position:absolute;inset:0;border:1px solid var(--purple);border-radius:50%;opacity:0}
.motion-enabled.page-visible .is-inview.is-ringing .caller-icon:after{animation:ring-pulse 1.8s ease-out infinite}
.motion-enabled.page-visible .is-inview.is-ringing .caller-icon svg{animation:ring-phone 1.5s ease-in-out infinite}
.motion-enabled.page-visible .is-inview.is-speaking .wave b{animation:talk-wave .8s ease-in-out infinite alternate;animation-delay:calc(var(--bar)*-.17s)}
@keyframes ring-pulse{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.85);opacity:0}}
@keyframes ring-phone{0%,35%,100%{transform:rotate(0)}8%,22%{transform:rotate(-18deg)}15%,29%{transform:rotate(18deg)}}
@keyframes talk-wave{from{transform:scaleY(.2)}to{transform:scaleY(1)}}
.cinematic .browser-card{opacity:calc(var(--enter)*(1 - var(--exit)));transform:translate3d(calc((1 - var(--enter))*240px - var(--exit)*240px),calc((1 - var(--enter))*100px - var(--exit)*180px),0) rotate(calc((1 - var(--enter))*16deg - var(--exit)*14deg))}
.cinematic .visitor-card{opacity:calc(var(--arrive)*(1 - var(--exit-late)));transform:translate3d(calc((1 - var(--arrive))*220px + var(--exit-late)*280px),calc((1 - var(--arrive))*110px + var(--exit-late)*160px),0) rotate(calc((1 - var(--arrive))*-8deg + var(--exit-late)*10deg))}
.website-cursor{position:absolute;top:145px;left:140px;z-index:2;color:#13664f;pointer-events:none}
.website-cursor svg{width:28px;height:28px;fill:#fff;filter:drop-shadow(0 3px 2px #124b3330)}
.motion-enabled.page-visible .is-inview .website-cursor{animation:visit-cursor 4.5s ease-in-out infinite}
.motion-enabled.page-visible .is-inview .visit-path span{animation:path-highlight 4.5s ease-in-out infinite}
.motion-enabled .visit-path span:nth-child(2){animation-delay:1.5s!important}.motion-enabled .visit-path span:nth-child(3){animation-delay:3s!important}
@keyframes visit-cursor{0%,18%,100%{transform:translate(0,0)}33%,51%{transform:translate(-35px,26px)}66%,84%{transform:translate(12px,52px)}}
@keyframes path-highlight{0%,25%{color:#075f44;transform:translateX(8px)}35%,100%{color:#4d6f61;transform:translateX(0)}}
.cinematic .loose-note{opacity:calc(var(--enter)*(1 - var(--merge)))}
.cinematic .note-one{transform:translate3d(calc((1 - var(--enter))*-220px + var(--merge)*110px),calc((1 - var(--enter))*-100px + var(--merge)*80px),0) rotate(calc(-12deg + var(--merge)*12deg))}
.cinematic .note-two{transform:translate3d(calc((1 - var(--enter))*260px - var(--merge)*100px),calc((1 - var(--enter))*130px - var(--merge)*110px),0) rotate(calc(12deg - var(--merge)*12deg))}
.cinematic .handoff-card{opacity:calc(var(--arrive)*(1 - var(--exit-late)));transform:translate3d(-50%,calc((1 - var(--arrive))*160px - var(--exit-late)*200px),0) rotate(calc((1 - var(--arrive))*-10deg + var(--exit-late)*12deg)) scale(calc(.65 + var(--arrive)*.35 - var(--exit-late)*.2))}
.cinematic .handoff-row{--row:var(--row-one);opacity:var(--row);transform:translateX(calc((1 - var(--row))*50px))}
.cinematic .handoff-row:nth-of-type(3){--row:var(--row-two)}.cinematic .handoff-row:nth-of-type(4){--row:var(--row-three)}
.cinematic .payoff-photo{opacity:calc(var(--enter)*(1 - var(--exit-late)));clip-path:inset(0 0 calc((1 - var(--enter))*100%) 0);transform:scale(calc(1.2 - var(--enter)*.2 + var(--exit-late)*.12)) translateX(calc(var(--exit-late)*100px))}
.cinematic .payoff-shade{opacity:calc(var(--enter)*(1 - var(--exit-late)))}
.cinematic .payoff-copy>.button{opacity:calc(var(--arrive)*(1 - var(--exit)));transform:translateY(calc((1 - var(--arrive))*70px - var(--exit)*100px))}
.cinematic .payoff-caption{opacity:calc(var(--settle)*(1 - var(--exit-late)));transform:translateX(calc((1 - var(--settle))*100px + var(--exit-late)*200px))}
.cinematic .scene-payoff>.scene-meter{opacity:calc(var(--enter)*(1 - var(--exit-late)))}
/* The pain comes first. Cards are editorial references, not partner badges. */
.scene-noise{background:#f0eaf7}
.model-card{position:absolute;width:185px;min-height:76px;display:flex;align-items:center;gap:14px;padding:17px 20px;background:#fff;border:1px solid #d8cee6;border-radius:14px;box-shadow:0 12px 32px #2813450c;color:#252429}
.model-card img{width:38px;height:38px;object-fit:contain;flex-shrink:0}.model-card strong{font-size:19px;font-weight:500;letter-spacing:-.035em}
.model-one{top:20px;left:0;--from-x:-260px;--from-y:-140px;--to-x:-250px;--to-y:-130px;--tilt:-6deg}
.model-two{top:103px;right:0;--from-x:320px;--from-y:-80px;--to-x:260px;--to-y:-130px;--tilt:7deg}
.model-three{bottom:106px;left:8%;--from-x:-260px;--from-y:160px;--to-x:-300px;--to-y:160px;--tilt:-5deg}
.model-four{bottom:17px;right:5%;--from-x:260px;--from-y:180px;--to-x:300px;--to-y:180px;--tilt:5deg}
.noise-note{position:absolute;font-size:12px;color:var(--muted);font-style:italic}.noise-one{top:14px;right:15px;--shift:90px}.noise-two{top:179px;left:2%;--shift:-90px}.noise-three{bottom:2px;left:12%;--shift:-70px}
.noise-resolution{position:absolute;inset:90px 20px auto;text-align:center;opacity:0}.noise-resolution>span{font-size:10px;letter-spacing:.13em;color:var(--purple)}.noise-resolution>strong{display:block;font-size:clamp(38px,5vw,64px);font-weight:500;line-height:1.05;letter-spacing:-.055em;margin-top:15px}
.cinematic .model-card{opacity:calc(var(--enter)*(1 - var(--arrive)));transform:translate3d(calc((1 - var(--enter))*var(--from-x) + var(--arrive)*var(--to-x)),calc((1 - var(--enter))*var(--from-y) + var(--arrive)*var(--to-y)),0) rotate(var(--tilt))}
.cinematic .noise-note{opacity:calc(var(--support)*(1 - var(--arrive)));transform:translateX(calc((1 - var(--support))*var(--shift) + var(--arrive)*var(--shift)))}
.cinematic .noise-resolution{opacity:calc(var(--arrive)*(1 - var(--exit-late)));transform:translateY(calc((1 - var(--arrive))*130px - var(--exit-late)*150px)) scale(calc(.8 + var(--arrive)*.2))}
.brand-note{font-size:9px}.scene-noise .scene-bottom{padding-bottom:20px}
.scene-training{background:#f5f1f9}.training-paper{position:absolute;top:10px;left:13%;width:300px;max-width:85%;padding:27px 25px 32px;border:1px solid #d8cee6;background:#fff;border-radius:10px;box-shadow:0 16px 35px #28134510;transform:rotate(-6deg)}
.training-paper>span{font-size:9px;color:var(--purple);letter-spacing:.08em}.training-paper>strong{display:block;font-size:27px;font-weight:500;letter-spacing:-.04em;margin:18px 0 20px}.training-paper p{display:flex;align-items:center;gap:10px;font-size:12px;padding:12px 0;border-top:1px solid var(--line)}.training-paper svg{width:15px;height:15px;color:var(--purple)}
.training-reminder{position:absolute;padding:15px 19px;background:var(--ink);color:white;border-radius:12px;font-size:13px;box-shadow:0 12px 25px #28134518}
.reminder-one{top:80px;left:0;--dx:-280px;--dy:-80px;--twist:-8deg}.reminder-two{top:185px;right:0;--dx:300px;--dy:25px;--twist:7deg}.reminder-three{bottom:28px;left:12%;--dx:-180px;--dy:160px;--twist:-4deg}
.training-answer{position:absolute;inset:80px 5% auto;text-align:center;opacity:0}.training-answer svg{width:48px;height:48px;color:var(--purple);margin-bottom:22px}.training-answer strong{display:block;font-size:clamp(23px,3vw,35px);font-weight:500;letter-spacing:-.035em;line-height:1.2}
.cinematic .training-paper{opacity:calc(var(--enter)*(1 - var(--arrive)));transform:translate3d(0,calc((1 - var(--enter))*200px - var(--arrive)*180px),0) rotate(calc(-6deg - var(--arrive)*20deg))}
.cinematic .training-reminder{opacity:calc(var(--support)*(1 - var(--arrive)));transform:translate3d(calc((1 - var(--support))*var(--dx) + var(--arrive)*var(--dx)),calc((1 - var(--support))*var(--dy) + var(--arrive)*var(--dy)),0) rotate(var(--twist))}
.cinematic .training-answer{opacity:calc(var(--arrive)*(1 - var(--exit-late)));transform:translate3d(0,calc((1 - var(--arrive))*150px - var(--exit-late)*160px),0)}
.scene-meet{background:#e7f6f0}.scene-meet .scene-copy em{color:#13664f}.meet-visual{height:470px}.meet-portrait{position:absolute;inset:0 10%;border-radius:100px 14px 14px 14px;overflow:hidden;background:var(--purple)}.meet-portrait img{height:100%;width:100%;object-fit:cover;object-position:50% 20%}.meet-signature{position:absolute;bottom:18px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:15px;border:1px solid #cae0d5;border-radius:14px;background:#fff;padding:17px;font-size:13px;box-shadow:0 15px 30px #28134510}.meet-signature img{width:65px;height:45px;object-fit:contain}
.cinematic .meet-portrait{opacity:calc(var(--enter)*(1 - var(--exit)));transform:translate3d(calc((1 - var(--enter))*200px + var(--exit)*240px),calc((1 - var(--enter))*150px - var(--exit)*110px),0) rotate(calc((1 - var(--enter))*12deg + var(--exit)*12deg)) scale(calc(.78 + var(--enter)*.22))}
.cinematic .meet-signature{opacity:calc(var(--arrive)*(1 - var(--exit-late)));transform:translateY(calc((1 - var(--arrive))*100px + var(--exit-late)*170px))}
/* The rest of the page still moves, with no text wobble while reading. */
.motion-enabled .hero-copy>*{animation:hero-arrive .95s both cubic-bezier(.16,1,.3,1)}
.motion-enabled .hero-copy h1{animation-delay:.10s}.motion-enabled .hero-intro{animation-delay:.22s}.motion-enabled .hero-copy>.button{animation-delay:.32s}.motion-enabled .hero-offer{animation-delay:.4s}.motion-enabled .scroll-cue{animation-delay:.5s}
.motion-enabled .hero-portrait{animation:portrait-arrive 1.25s both cubic-bezier(.16,1,.3,1);transform:translateY(calc(var(--hero-progress,0)*-65px))}
.motion-enabled .hero-portrait>img{transform:scale(calc(1 + var(--hero-progress,0)*.16))}
.motion-enabled.page-visible .scroll-line:after{animation:scroll-cue 2.2s ease-in-out infinite}
.motion-enabled .reveal{transform:translateY(70px);transition:opacity .8s,transform 1.1s cubic-bezier(.16,1,.3,1)}
.motion-enabled .reveal.seen{transform:none}
.motion-enabled .offer-content.seen .allowances strong{display:block;animation:number-arrive 1s both cubic-bezier(.16,1,.3,1)}
.motion-enabled .offer-content.seen .allowances>div:last-child strong{animation-delay:.18s}
@keyframes hero-arrive{from{opacity:0;translate:0 55px}to{opacity:1;translate:0 0}}
@keyframes portrait-arrive{from{opacity:0;clip-path:inset(12% 0 100% 0);translate:0 80px}to{opacity:1;clip-path:inset(0);translate:0 0}}
@keyframes number-arrive{from{opacity:0;translate:0 80px;scale:.65}to{opacity:1;translate:0 0;scale:1}}
@keyframes scroll-cue{0%{transform:translateY(-110%)}70%,100%{transform:translateY(110%)}}
html:not(.motion-enabled){scroll-behavior:auto}
html:not(.page-visible) *,html:not(.page-visible) *:after{animation-play-state:paused!important}
@media(max-width:1000px){.model-card{width:163px;padding:14px;gap:11px}.model-card strong{font-size:17px}.model-card img{width:31px;height:31px}.meet-signature{font-size:11px;padding:13px}.meet-visual{height:410px}}
@media(max-width:720px){
 .story{--stage-height:calc(100svh - 96px)}.cinematic .story-stage{top:82px;border-radius:17px}.cinematic .scene-frame{padding:17px 20px 22px}.cinematic .scene-grid{padding-bottom:0}.cinematic .scene-copy h2{margin-top:10px}.cinematic .scene-copy>p{margin-top:12px}
 .cinematic .call-card{transform:translate3d(calc((1 - var(--enter))*220px - var(--arrive)*36px - var(--exit)*240px),calc((1 - var(--enter))*100px - var(--arrive)*3px - var(--exit)*150px),0) rotate(calc((1 - var(--enter))*20deg - var(--exit)*20deg)) scale(calc(.75 + var(--enter)*.25))}
 .website-cursor{top:114px;left:125px}.website-cursor svg{width:23px;height:23px}.scene-noise .scene-bottom{padding-bottom:22px}.brand-note{font-size:8px;left:20px;right:15px;bottom:8px}
 .model-card{width:145px;min-height:62px;padding:14px 12px;gap:10px}.model-card img{width:28px;height:28px}.model-card strong{font-size:16px}.model-one{top:12px;left:0}.model-two{top:78px;right:0}.model-three{bottom:80px;left:0}.model-four{bottom:14px;right:0}.noise-note{font-size:10px}.noise-one{right:8px;top:9px}.noise-two{top:137px;left:0}.noise-three{left:3%;bottom:2px}.noise-resolution{top:65px}.noise-resolution>strong{font-size:47px}
 .training-paper{width:230px;padding:20px;left:13%;top:8px}.training-paper>span{font-size:7px}.training-paper>strong{font-size:23px;margin:13px 0}.training-paper p{font-size:10px;padding:10px 0;gap:8px}.training-reminder{font-size:10px;padding:13px}.reminder-one{top:53px}.reminder-two{top:139px}.reminder-three{bottom:13px;left:4%}.training-answer{top:65px}.training-answer strong{font-size:27px}.training-answer svg{width:38px;height:38px;margin-bottom:16px}
 .meet-visual{height:340px}.meet-portrait{inset:0 12%;border-top-left-radius:65px}.meet-signature{bottom:12px;padding:10px;font-size:11px;gap:12px}.meet-signature img{width:53px;height:36px}
 .cinematic .scene-payoff{min-height:0}.cinematic .payoff-copy h2{font-size:44px}.cinematic .payoff-copy{margin-top:32px}
}
@media(max-height:760px) and (max-width:720px){
 .cinematic .scene-frame{padding:14px 17px 18px}.cinematic .scene-copy h2{font-size:32px;line-height:1.02;margin-top:7px}.cinematic .scene-copy>p{font-size:11px;line-height:1.5;margin-top:11px}.cinematic .scene-visual{height:265px}.cinematic .scene-grid{gap:7px}.cinematic .scene-bottom{padding-top:10px;min-height:34px}.cinematic .scene-bottom p{font-size:10px}.cinematic .scene-meta{font-size:8px}.cinematic .meet-visual{height:285px}.cinematic .scene-training .scene-copy h2{font-size:30px}.cinematic .scene-training .scene-visual{height:245px}.cinematic .training-paper{padding:16px}.cinematic .training-paper p{padding:8px 0}.cinematic .reminder-two{top:116px}.cinematic .payoff-copy h2{font-size:39px}.cinematic .payoff-copy{margin-top:23px}.cinematic .payoff-copy p{margin-top:13px}.cinematic .payoff-copy .button{margin-top:15px}.cinematic .scene-footnote{left:17px;font-size:8px}
}
@media(min-width:721px) and (max-height:760px){.cinematic .meet-visual{height:360px}.cinematic .scene-copy h2{font-size:45px}.cinematic .scene-visual{height:320px}.cinematic .model-card{min-height:65px;padding-block:12px}.cinematic .model-two{top:87px}.cinematic .model-three{bottom:88px}.cinematic .training-paper{top:0;padding:20px}.cinematic .reminder-two{top:155px}}
@media(prefers-reduced-motion:reduce){.scene-line,.scene-copy>p,.payoff-copy>p{transform:none!important;opacity:1!important}}
@media print{.cinematic .story{height:auto}.cinematic .story-stage{position:static;height:auto;overflow:visible}.cinematic .chapter{position:relative;opacity:1;height:auto;page-break-inside:avoid}.cinematic .scene-frame{min-height:640px}.chapter{--enter:1!important;--headline:1!important;--support:1!important;--arrive:1!important;--exit:0!important;--exit-late:0!important;--settle:1!important;--merge:1!important}.nav,.staging-notice{display:none}}

.model-card img.grok-wordmark{width:106px;height:40px;margin:auto}

@media(max-width:720px){.cinematic .scene-call .scene-visual{height:330px}}

/* A clean break: the entire viewport becomes Alli's introduction. */
.scene-breakthrough{padding:0;background:var(--paper);isolation:isolate}
.breakthrough-question{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--gutter);z-index:1}
.breakthrough-question h2{font-size:clamp(48px,7vw,108px);line-height:1.05;letter-spacing:-.065em;font-weight:500;margin:24px 0 36px}
.breakthrough-question em{font-style:normal;color:var(--purple)}
.breakthrough-cue svg{width:35px;height:35px;color:var(--purple)}
.breakthrough-reveal{position:absolute;inset:0;background:var(--purple);overflow:hidden;z-index:2}
.breakthrough-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}
.breakthrough-shade{position:absolute;inset:0;background:linear-gradient(90deg,#281345d9,transparent 80%)}
.breakthrough-copy{position:absolute;left:var(--gutter);top:50%;transform:translateY(-50%);color:white;max-width:56%}
.breakthrough-copy .eyebrow{color:#eadcff}
.breakthrough-copy h2{font-size:clamp(44px,6.6vw,100px);font-weight:500;line-height:1.01;letter-spacing:-.065em;margin:25px 0}
.breakthrough-copy h2 em{font-style:normal;color:var(--teal)}
.breakthrough-copy>p:not(.eyebrow){font-size:18px;line-height:1.6;margin-bottom:24px}
.breakthrough-offer{display:block;font-size:12px;margin-top:14px;color:#eee3fc}
.cinematic .breakthrough-question{opacity:calc(var(--enter)*(1 - var(--arrive)));transform:translateY(calc((1 - var(--enter))*90px - var(--arrive)*130px)) scale(calc(1 - var(--arrive)*.15))}
.cinematic .breakthrough-reveal{opacity:calc(var(--arrive)*(1 - var(--exit-late)));clip-path:circle(calc(8% + var(--arrive)*110%) at 75% 50%)}
.cinematic .breakthrough-photo{transform:scale(calc(1.15 - var(--arrive)*.15))}
.cinematic .breakthrough-copy{opacity:calc(var(--settle)*(1 - var(--exit)));transform:translateY(calc(-50% + (1 - var(--settle))*60px - var(--exit)*70px))}
/* A new portrait gives the voice scene its own composition. */
.scene-call{background:#f6f2fa;isolation:isolate}
.call-photo{position:absolute;right:0;top:0;height:100%;width:48%;overflow:hidden;z-index:-1}
.call-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f6f2fa,transparent 38%)}
.call-photo img{width:100%;height:100%;object-fit:cover;object-position:48% 30%}
.scene-call .scene-grid{grid-template-columns:1.15fr .85fr;gap:20px}
.scene-call .scene-copy h2{font-size:clamp(40px,4.8vw,74px)}
.scene-call .scene-visual{align-self:end;height:365px;max-width:390px;margin-bottom:35px}
.scene-call .call-card{width:210px;padding:18px;left:0;top:0}
.scene-call .caller-icon{margin:14px auto;width:50px;height:50px}
.scene-call .call-card>strong{font-size:18px}
.scene-call .wave{margin-top:12px;height:28px}
.scene-call .alli-reply{right:0;bottom:50px}
.cinematic .call-photo{opacity:calc(var(--enter)*(1 - var(--exit-late)));transform:translateX(calc((1 - var(--enter))*25% + var(--exit-late)*30%))}
.cinematic .scene-call .call-card{transform:translate3d(calc((1 - var(--enter))*200px - var(--arrive)*35px - var(--exit)*200px),calc((1 - var(--enter))*130px - var(--exit)*190px),0) rotate(calc((1 - var(--enter))*20deg - var(--exit)*20deg))}
/* Proof lives between the scenes, with no disappearing copy or autoplay. */
.proof{padding:110px var(--gutter);background:var(--paper);display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:center;overflow:clip}
.proof-copy{max-width:540px}
.proof-copy h2{font-size:clamp(40px,4.6vw,70px);line-height:1.05;letter-spacing:-.055em;font-weight:500;margin:20px 0}
.proof-copy h2 em{color:var(--purple);font-style:normal}
.proof-copy cite{display:block;font-size:14px;font-style:normal;font-weight:600}
.proof-copy .proof-role{display:block;font-size:12px;color:var(--muted);margin-top:5px}
.proof-player{position:relative;background:var(--ink);overflow:hidden;border-radius:18px;box-shadow:0 22px 60px #28134518;aspect-ratio:16/9}
.proof-player video{display:block;width:100%;height:100%;object-fit:contain}
.proof-play{position:absolute;inset:0;border:0;background:linear-gradient(transparent 55%,#281345ab);color:white;display:flex;align-items:flex-end;gap:14px;padding:24px;text-align:left}
.proof-play>span:first-child{display:grid;place-items:center;background:var(--teal);color:var(--ink);width:58px;height:58px;border-radius:50%;flex-shrink:0}
.proof-play svg{width:24px;height:24px;fill:currentColor}
.proof-play strong{display:block;font-weight:500;font-size:16px}
.proof-play small{display:block;font-size:12px;margin-top:5px;color:#eee2ff}
.proof-player.playing .proof-play{display:none}
.proof-media details{margin-top:16px;font-size:12px;color:var(--muted)}
.proof-media summary{cursor:pointer;min-height:32px;display:flex;align-items:center;gap:12px}
.proof-media summary:after{content:'+';color:var(--purple)}
.proof-media details[open] summary:after{content:'−'}
.proof-media details p{line-height:1.8;margin-top:8px}
.motion-enabled .proof-media.reveal{transform:translateX(160px) rotate(3deg);transition:opacity .6s,transform 1s cubic-bezier(.16,1,.3,1)}
.motion-enabled .proof-media.reveal.seen{transform:none}
.proof-reverse{grid-template-columns:1.15fr .85fr;background:#e7f6f0}
.proof-reverse .proof-copy{order:2}.proof-reverse .proof-media{order:1}
.motion-enabled .proof-reverse .proof-media.reveal{transform:translateX(-160px) rotate(-3deg)}
.motion-enabled .proof-reverse .proof-media.reveal.seen{transform:none}
.offer-content>.offer-reassurance{font-size:12px;color:var(--muted);margin-top:-8px}
.closing{position:relative;text-align:left;min-height:670px;display:flex;align-items:center;overflow:hidden;isolation:isolate}
.closing-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.closing:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#281345ec,#28134577 45%,transparent 80%)}
.closing-copy{max-width:65%}.closing-copy .eyebrow{color:#e0cef8}
.closing h2{font-size:clamp(55px,7.5vw,110px);margin:22px 0}
.closing-promise{font-size:15px;line-height:1.7;margin:0 0 25px;color:#eee3fc}
#setup-result ul{padding-left:19px;font-size:13px;line-height:1.8;margin-bottom:0;color:var(--muted)}
html:not(.cinematic) .noise-resolution,html:not(.cinematic) .training-answer{opacity:1}
html:not(.cinematic) .model-card,html:not(.cinematic) .noise-note,html:not(.cinematic) .training-paper,html:not(.cinematic) .training-reminder,html:not(.cinematic) .breakthrough-question{display:none}
@media(min-width:1800px){.section-pad,.proof{padding-inline:max(var(--gutter),calc((100vw - 1500px)/2))}}
@media(max-width:1000px) and (min-width:721px){.scene-copy h2{font-size:clamp(42px,5.2vw,60px)}.scene-grid{gap:30px;grid-template-columns:1fr 1fr}.scene-call .scene-copy h2{font-size:43px}.proof{gap:35px}}
@media(max-width:720px){
 .scene-frame,.cinematic .scene-frame{padding:22px 24px 28px;border-radius:0}
 .scene-frame{height:auto;min-height:700px}.cinematic .scene-frame{top:70px;height:calc(100svh - 70px);min-height:0}
 .cinematic .chapter{height:185svh}
 .scene-grid,.scene-call .scene-grid{grid-template-columns:1fr;gap:15px;align-content:center;padding-bottom:0}
 .chapter-reverse .scene-copy,.chapter-reverse .scene-visual{order:initial}
 .scene-copy h2,.cinematic .scene-copy h2,.scene-call .scene-copy h2{font-size:clamp(36px,9.2vw,55px);line-height:1.03;margin-top:12px}
 .scene-copy>p,.cinematic .scene-copy>p{font-size:13px;margin-top:16px;line-height:1.55}
 .scene-visual,.cinematic .scene-visual{height:300px;max-width:390px}
 .scene-bottom,.cinematic .scene-bottom{padding-top:12px}.scene-bottom p,.cinematic .scene-bottom p{font-size:11px}
 .scene-meta,.cinematic .scene-meta{font-size:9px}.scene-footnote,.cinematic .scene-footnote{left:24px;font-size:8px}
 .scene-breakthrough,.cinematic .scene-breakthrough{padding:0;min-height:0}
 html:not(.cinematic) .scene-breakthrough{height:750px}
 .breakthrough-question h2{font-size:51px}.breakthrough-question .eyebrow{font-size:10px}
 .breakthrough-photo{object-position:69% center}.breakthrough-shade{background:linear-gradient(0deg,#281345fa, #281345bd 43%,transparent 80%)}
 .breakthrough-copy{left:24px;right:24px;top:auto;bottom:40px;max-width:none;transform:none}
 .breakthrough-copy .eyebrow{font-size:9px}.breakthrough-copy h2{font-size:clamp(43px,11vw,61px);margin:17px 0}
 .breakthrough-copy>p:not(.eyebrow){font-size:14px;margin-bottom:18px}.breakthrough-offer{font-size:10px}
 .cinematic .breakthrough-copy{transform:translateY(calc((1 - var(--settle))*50px - var(--exit)*70px))}
 .scene-call .scene-copy{align-self:start}.call-photo{width:62%;height:67%;top:33%}.call-photo:after{background:linear-gradient(90deg,#f6f2fa,transparent 40%)}
 .scene-call .scene-visual,.cinematic .scene-call .scene-visual{height:310px;max-width:390px;margin-bottom:0;align-self:center}
 .scene-call .call-card{width:165px;padding:15px;top:28px;left:25px}.scene-call .call-card>strong{font-size:15px}.scene-call .caller-icon{width:40px;height:40px;margin:13px auto}.scene-call .alli-reply{bottom:20px;left:35px;right:auto;padding:13px;max-width:225px}.scene-call .scene-stamp{display:none}
 .scene-call .scene-bottom{padding-top:18px}
 .proof,.proof-reverse{padding:70px 24px;grid-template-columns:1fr;gap:32px}
 .proof-reverse .proof-copy,.proof-reverse .proof-media{order:initial}
 .proof-copy h2{font-size:45px;margin:16px 0}.proof-copy blockquote{font-size:22px;margin-bottom:20px}.proof-copy .eyebrow{font-size:10px}
 .proof-play{padding:16px;gap:10px}.proof-play>span:first-child{width:44px;height:44px}.proof-play strong{font-size:13px}.proof-play small{font-size:10px}.proof-player{border-radius:12px}
 .closing{min-height:750px;align-items:flex-end;padding-bottom:50px}.closing-copy{max-width:100%}.closing-photo{object-position:68% center}.closing:after{background:linear-gradient(0deg,#281345f5,#281345d6 38%,transparent 78%)}.closing h2{font-size:60px}.closing-promise{font-size:13px}
}
@media(max-width:720px) and (max-height:760px){
 .cinematic .scene-frame{padding:16px 20px 22px}.cinematic .scene-grid{gap:10px}.cinematic .scene-copy h2,.cinematic .scene-call .scene-copy h2{font-size:clamp(32px,8.7vw,43px)}.cinematic .scene-copy>p{font-size:12px;margin-top:12px}
 .cinematic .scene-visual{height:255px}.cinematic .scene-training .scene-visual{height:245px}.cinematic .scene-call .scene-visual{height:260px}.cinematic .scene-breakthrough{padding:0}.breakthrough-copy{left:20px;right:20px;bottom:30px}.breakthrough-copy h2{font-size:43px}.breakthrough-copy>p:not(.eyebrow){font-size:12px}.breakthrough-copy .button{min-height:44px;padding:12px 18px}.scene-call .call-card{top:12px}.scene-call .alli-reply{bottom:12px}.cinematic .scene-footnote{left:20px;font-size:8px}.cinematic .scene-payoff{min-height:0}
}
@media(max-height:760px) and (min-width:721px){.scene-copy h2{font-size:51px}.breakthrough-copy h2{font-size:67px}.breakthrough-copy>p:not(.eyebrow){font-size:16px}.cinematic .scene-call .scene-visual{height:325px;margin-bottom:0}.scene-call .scene-copy h2{font-size:49px}}
@media print{.cinematic .chapter{height:auto}.cinematic .scene-frame{position:relative;top:0;min-height:650px}.proof-play{display:none}}

.proof-external>img{width:100%;height:100%;object-fit:cover}.proof-youtube iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.proof-fallback{font-size:12px;color:var(--muted);margin-top:16px}.proof-fallback a{text-decoration:none}.proof-fallback a:hover{text-decoration:underline}

html:not(.proof-ready) button.proof-play{display:none}.scene-call .scene-stamp{display:none}.breakthrough-photo{object-position:center 22%}
@media(max-width:720px){.breakthrough-photo{object-position:69% center}}

a.proof-play{text-decoration:none}.proof-play:hover>span:first-child{background:#31e9b1;transform:scale(1.06)}

/* Phone layouts: a shorter scroll beat and consistent space around each story. */
.story-stop{position:absolute;left:0;right:0;height:2px;pointer-events:none}
@media(max-width:720px){
 html.cinematic{scroll-snap-type:y proximity;scroll-padding-top:70px}
 .cinematic .story-stop,.cinematic .proof{scroll-snap-align:start;scroll-snap-stop:always}
 .cinematic .chapter{height:195svh}
 .scene-copy h2,.cinematic .scene-copy h2{margin-top:0}
 .proof,.proof-reverse{padding:54px var(--gutter);gap:24px}
 .proof-copy h2{font-size:clamp(36px,10.7vw,45px);margin:14px 0 18px}
 .proof-copy blockquote{font-size:clamp(18px,5.3vw,22px);margin-bottom:18px}
 .proof-media details{margin-top:12px}
 .proof-play{padding:12px;align-items:center;justify-content:center;background:#28134542}
 .proof-play>span:last-child{max-width:190px;text-shadow:0 1px 5px #281345}
 .story-intro{padding-top:40px;padding-bottom:42px}
 .story-intro h2{font-size:clamp(36px,10.5vw,44px)}
 .free-offer{padding-block:54px;gap:28px}
 .ways,.faq{padding-block:54px}
 .closing{min-height:660px;padding-bottom:38px}
 .closing h2{font-size:clamp(48px,13.8vw,60px)}
 .scene-footnote{right:var(--gutter)}
 .scene-bottom p{line-height:1.5}
}
@media(max-width:720px) and (min-height:761px){
 .cinematic .scene-grid{flex:0 0 auto;gap:22px;padding-top:0}
 .cinematic .scene-bottom{margin-top:24px}
 .cinematic .scene-frame:not(.scene-breakthrough):not(.scene-payoff){justify-content:center}
 .cinematic .scene-meta{position:absolute;top:22px;left:24px;right:24px;width:auto}
 .cinematic .scene-noise .scene-bottom{padding-bottom:0}
 .scene-call .call-photo{top:37%;height:63%}
}
@media(max-width:370px){
 .proof-play{gap:8px;padding:10px}.proof-play strong{font-size:12px}.proof-play small{font-size:9px}
 .proof-play>span:first-child{width:40px;height:40px}
}

/* One generous welcome offer, with the entire generated composition visible. */
.free-offer{grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,60px)}
.offer-heading h2{font-size:clamp(42px,5.3vw,76px)}
.offer-intro{max-width:350px;font-size:16px;line-height:1.65;color:var(--muted);margin:24px 0}
.offer-heading .offer-reassurance{font-size:11px;line-height:1.6;color:var(--muted);margin-top:14px;max-width:300px}
.offer-art{min-width:0;align-self:center}
.offer-art>img{width:100%;height:auto;border-radius:20px}
.offer-art figcaption{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px;margin-top:18px;font-size:12px;color:var(--muted)}
.offer-art figcaption span{display:flex;align-items:center;gap:7px}.offer-art figcaption svg{width:16px;height:16px;color:var(--purple)}
.text-alli{position:fixed;right:24px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;gap:10px;padding:7px 17px 7px 7px;border:1px solid #d4c5e9;border-radius:40px;background:var(--ink);color:white;box-shadow:0 8px 32px #28134538;text-decoration:none;font-size:14px;font-weight:500;transition:transform .2s,box-shadow .2s}
.text-alli img{width:42px;height:42px;object-fit:cover;object-position:50% 20%;border-radius:50%;border:2px solid var(--teal)}
.text-alli svg{color:var(--teal);width:18px;height:18px}.text-alli:hover{transform:translateY(-3px);box-shadow:0 10px 36px #28134555}
body:has(dialog[open]){overflow:hidden}body:has(dialog[open]) .text-alli{visibility:hidden}
.footer{padding-right:220px}
.setup-fields{margin-top:25px}.setup-fields>label{display:block;font-size:13px;margin-bottom:9px}
.setup-fields>input{width:100%;min-height:50px;border:1px solid #ccbddd;background:white;color:var(--ink);border-radius:7px;padding:12px;font-size:16px}
.setup-fields>input[aria-invalid="true"]{border-color:#a12643}
.setup-fields>.button{width:100%;margin-top:18px}
.trial-allowance{text-align:center;font-size:12px;color:var(--muted);margin-top:14px}
.field-error{font-size:12px;color:#a12643;line-height:1.5;margin-top:8px}
.field-help{font-size:12px;line-height:1.55;color:var(--muted);margin-top:9px}
.research-preview{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--soft);border-radius:10px;padding:13px;font-size:12px;line-height:1.5;margin-bottom:23px;color:var(--muted)}
.research-preview svg{color:var(--purple)}.research-preview strong{display:block;color:var(--ink);font-weight:500;overflow-wrap:anywhere}
.setup-fields>.call-request{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;margin:18px 0 0;cursor:pointer}
.call-request input{width:18px;height:18px;flex:0 0 18px;accent-color:var(--purple);margin:1px 0 0}
.setup-back{display:block;margin:8px auto 0;min-height:44px;background:none;border:0;color:var(--purple);font-size:12px;text-decoration:underline;text-underline-offset:4px}
.setup-summary{display:grid;gap:7px;border-block:1px solid var(--line);padding-block:18px;font-size:14px;overflow-wrap:anywhere}.setup-summary>span+span{font-size:13px;color:var(--muted)}
.button.google-signin{background:#e8e1f1;border-color:#d5c7e5;color:#726481}.button.google-signin:hover{transform:none;box-shadow:none}
#setup-result ul{padding-left:19px;font-size:13px;line-height:1.8;margin-bottom:0;color:var(--muted)}
@media(max-width:720px){
 .free-offer{grid-template-columns:1fr;gap:24px}.offer-heading h2{font-size:clamp(42px,11.5vw,64px)}
 .offer-intro{font-size:14px;margin:20px 0;max-width:340px}.offer-art figcaption{gap:14px;font-size:11px;margin-top:8px}
 .offer-art>img{border-radius:14px}.offer-art figcaption svg{width:14px;height:14px}
 .text-alli{right:14px;bottom:calc(12px + env(safe-area-inset-bottom));font-size:13px;padding:6px 14px 6px 6px;gap:8px}.text-alli img{width:36px;height:36px}.text-alli svg{width:16px;height:16px}
 .footer{padding-right:var(--gutter);padding-bottom:calc(90px + env(safe-area-inset-bottom))}
 #setup-dialog{padding:25px;max-height:calc(100svh - 28px)}.setup-avatar{width:52px;height:52px;margin-bottom:18px}
 #setup-dialog h2{font-size:30px}.setup-fields{margin-top:21px}
}

/* Longer story beats: noise → your job → Alli gathers the models. */
.cinematic #scene-noise{height:320svh}
.cinematic #scene-training{height:285svh}
.cinematic #scene-meet{height:430svh}
.noise-solution h2{font-size:clamp(40px,5.1vw,78px);line-height:1.07;font-weight:500;letter-spacing:-.055em}
.noise-solution>p{font-size:16px;line-height:1.65;margin-top:24px;color:var(--muted)}
.noise-visual{height:440px;max-width:570px}
.noise-visual .model-card{left:50%;top:50%;right:auto;bottom:auto;width:156px;min-height:64px;padding:12px 14px;gap:10px;z-index:3;transform:translate(calc(-50% + var(--dock-x)),calc(-50% + var(--dock-y)))}
.noise-visual .model-card strong{font-size:17px}.noise-visual .model-card img{width:30px;height:30px}.noise-visual .model-card img.grok-wordmark{width:86px;height:30px}
.noise-visual .model-one{--scatter-x:-105px;--scatter-y:-155px;--dock-x:-83px;--dock-y:78px}
.noise-visual .model-two{--scatter-x:110px;--scatter-y:-70px;--dock-x:83px;--dock-y:78px}
.noise-visual .model-three{--scatter-x:-100px;--scatter-y:55px;--dock-x:-83px;--dock-y:152px}
.noise-visual .model-four{--scatter-x:105px;--scatter-y:153px;--dock-x:83px;--dock-y:152px}
.noise-visual .noise-resolution{inset:115px 0 auto;z-index:2}
.cinematic .noise-solution>p{opacity:1;transform:none}
.cinematic .noise-visual .model-card{opacity:calc(var(--enter)*(1 - var(--exit-late)));width:calc(180px - var(--gather)*24px);transform:translate3d(calc(-50% + (1 - var(--enter))*var(--from-x) + (1 - var(--gather))*var(--scatter-x) + var(--gather)*var(--dock-x) + var(--noise-job)*(var(--job-x) - var(--scatter-x))),calc(-50% + (1 - var(--enter))*var(--from-y) + (1 - var(--gather))*var(--scatter-y) + var(--gather)*var(--dock-y) + var(--noise-job)*(var(--job-y) - var(--scatter-y))),0) rotate(calc((1 - var(--gather))*var(--tilt))) scale(calc(1 - var(--noise-job)*.35))}
.cinematic .noise-visual .noise-resolution{opacity:var(--noise-job);transform:scale(calc(.86 + var(--arrive)*.14))}
.cinematic .training-reminder{--reminder:var(--reminder-one);opacity:calc(var(--reminder)*(1 - var(--arrive)));transform:translate3d(calc((1 - var(--reminder))*var(--dx) + var(--arrive)*var(--dx)),calc((1 - var(--reminder))*var(--dy) + var(--arrive)*var(--dy)),0) rotate(var(--twist))}
.cinematic .reminder-two{--reminder:var(--reminder-two)}.cinematic .reminder-three{--reminder:var(--reminder-three)}
/* One full-bleed scene carries the reveal directly into her first call. */
.scene-breakthrough{background:var(--paper)}
.call-act{position:absolute;inset:0;padding:34px var(--gutter);display:flex;flex-direction:column;overflow:hidden;background:#f6f2fa;z-index:3;isolation:isolate}
.cinematic .breakthrough-reveal{opacity:calc(var(--arrive)*(1 - var(--call-transition)));transform:scale(calc(1 + var(--call-transition)*.07))}
.cinematic .call-act{opacity:var(--call-transition);clip-path:inset(calc((1 - var(--call-transition))*100%) 0 0 0);pointer-events:none}
.call-act .scene-copy h2{font-size:clamp(40px,4.8vw,72px)}
.call-act .scene-grid{height:100%}
.scene-visit .visit-stat{font-size:clamp(100px,13vw,180px);line-height:.95;color:#13664f;margin-bottom:20px;letter-spacing:-.075em}
.visit-stat a{text-decoration:none}.visit-stat a:focus-visible{outline-offset:10px}
.scene-visit .scene-copy h2>.scene-line:last-child{font-size:clamp(28px,3.5vw,52px);line-height:1.1}
.scene-details .scene-copy h2{font-size:clamp(35px,4.6vw,66px)}
.scene-details .scene-copy>p{max-width:420px}
#proof-voice{background:#f6f2fa;padding-top:60px}
#proof-growth .proof-copy h2{font-size:clamp(66px,7.8vw,118px);line-height:.98;margin-top:0}
#proof-growth .proof-copy h2 em{white-space:nowrap}
html:not(.cinematic) .noise-problem,html:not(.cinematic) .noise-visual .noise-resolution{display:none}
html:not(.cinematic) .noise-solution{display:block;opacity:1}
html:not(.cinematic) .noise-visual .model-card{display:flex}
html:not(.cinematic) .scene-breakthrough{height:auto;min-height:0;overflow:visible;display:block}
html:not(.cinematic) .breakthrough-reveal{position:relative;height:780px}
html:not(.cinematic) .call-act{position:relative;min-height:700px}
@media(max-width:1000px) and (min-width:721px){.noise-visual .model-card{width:145px}.noise-visual .model-one,.noise-visual .model-three{--dock-x:-77px;--scatter-x:-77px}.noise-visual .model-two,.noise-visual .model-four{--dock-x:77px;--scatter-x:77px}.noise-solution h2{font-size:49px}}
@media(max-width:720px){
 .cinematic #scene-noise{height:340svh}.cinematic #scene-training{height:310svh}.cinematic #scene-meet{height:460svh}
 .noise-solution h2{font-size:clamp(34px,9.1vw,48px)}.noise-solution>p{font-size:14px;margin-top:17px;line-height:1.55}
 .noise-visual,.cinematic .noise-visual{height:325px;max-width:390px}
 .noise-visual .model-card,.cinematic .noise-visual .model-card{width:139px;min-height:54px;padding:10px;gap:8px}
 .noise-visual .model-card strong{font-size:15px}.noise-visual .model-card img{width:26px;height:26px}
 .noise-visual .model-one{--scatter-x:-75px;--scatter-y:-125px;--dock-x:-73px;--dock-y:43px}
 .noise-visual .model-two{--scatter-x:80px;--scatter-y:-60px;--dock-x:73px;--dock-y:43px}
 .noise-visual .model-three{--scatter-x:-75px;--scatter-y:45px;--dock-x:-73px;--dock-y:105px}
 .noise-visual .model-four{--scatter-x:75px;--scatter-y:120px;--dock-x:73px;--dock-y:105px}
 .noise-visual .noise-resolution{inset:78px 0 auto}.noise-visual .noise-resolution>strong{font-size:44px}
 .noise-visual .noise-one{right:0;top:4px}.noise-visual .noise-two{top:135px}.noise-visual .noise-three{bottom:2px}
 .call-act{padding:24px var(--gutter);justify-content:center}
 .call-act .scene-copy h2{font-size:clamp(32px,8.8vw,48px);line-height:1.06;margin:0}
 .call-act .scene-grid{height:auto;flex:0 0 auto;gap:22px;padding:0}
 .call-act .scene-visual{height:310px}.call-act .call-photo{top:32%;height:68%}
 .scene-visit .visit-stat{font-size:clamp(98px,28vw,140px);margin-bottom:13px}
 .scene-visit .scene-copy h2>.scene-line:last-child{font-size:clamp(27px,7.4vw,39px)}
 .scene-visit .scene-copy>p{max-width:345px;font-size:14px}
 .scene-details .scene-copy h2,.cinematic .scene-details .scene-copy h2{font-size:clamp(31px,8.7vw,44px);line-height:1.05}
 #proof-voice{padding-top:30px}
 #proof-growth .proof-copy h2{font-size:clamp(64px,19.5vw,95px);margin-bottom:24px}
 html:not(.cinematic) .breakthrough-reveal{height:750px}
 html:not(.cinematic) .call-act{min-height:740px}
}
@media(max-width:720px) and (max-height:760px){
 .cinematic .noise-visual{height:285px}
 .noise-visual .model-one,.noise-visual .model-two{--dock-y:38px}.noise-visual .model-three,.noise-visual .model-four{--dock-y:99px}
 .noise-solution h2{font-size:34px}.noise-solution>p{font-size:13px;margin-top:14px}
 .call-act .scene-visual{height:260px}.call-act .scene-grid{gap:12px}.call-act .scene-copy h2{font-size:34px}
 .scene-visit .visit-stat{font-size:96px}.scene-visit .scene-copy>p{font-size:13px}
 .cinematic .scene-details .scene-copy h2{font-size:32px}
}
@media(max-width:370px){
 .noise-visual .model-card,.cinematic .noise-visual .model-card{width:128px;padding:9px;gap:6px}
 .noise-visual .model-one,.noise-visual .model-three{--dock-x:-67px;--scatter-x:-67px}.noise-visual .model-two,.noise-visual .model-four{--dock-x:67px;--scatter-x:67px}
 .noise-visual .model-card strong{font-size:14px}
 .call-act .scene-copy h2{font-size:30px}
}

/* Give the business-owner beat clear space between the smaller logos. */
.noise-visual .model-one{--job-x:-166px;--job-y:-164px}.noise-visual .model-two{--job-x:166px;--job-y:-164px}
.noise-visual .model-three{--job-x:-166px;--job-y:145px}.noise-visual .model-four{--job-x:166px;--job-y:145px}
@media(max-width:720px){.noise-visual .model-one,.noise-visual .model-three{--job-x:-108px}.noise-visual .model-two,.noise-visual .model-four{--job-x:108px}.noise-visual .model-one,.noise-visual .model-two{--job-y:-115px}.noise-visual .model-three,.noise-visual .model-four{--job-y:112px}}

/* The package heading keeps the largest word in the Alli palette. */
.ways-heading h2 span{color:var(--purple)}

/* Reserve room for every test-call label so assignment never shifts the nav. */
.nav-call-cta{inline-size:208px;min-height:46px;line-height:1.2;text-align:center;justify-content:center;white-space:normal}
@media(max-width:720px){.nav .nav-call-cta{inline-size:min(172px,calc(100vw - 174px));min-height:44px;padding:9px 12px;font-size:13px}}

/* Portraits belong to the story; functional controls use the shared icon set. */
.alli-reply .reply-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #ffffff40;border-radius:50%;color:var(--teal)}
.alli-reply .reply-icon svg{width:22px;height:22px}
.handoff-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:var(--soft);color:var(--purple)}
.handoff-top .handoff-icon{margin:0;letter-spacing:normal}
.setup-symbol{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;margin-bottom:22px;background:var(--soft);color:var(--purple)}
.setup-symbol svg{width:24px;height:24px}
.text-alli{min-height:50px;padding:12px 18px;gap:12px}
@media(max-width:720px){.text-alli{min-height:46px;padding:11px 16px}.alli-reply .reply-icon{width:34px;height:34px;flex-basis:34px}.alli-reply .reply-icon svg{width:18px;height:18px}.handoff-icon{width:34px;height:34px;flex-basis:34px}}

/* The model noise clears before Alli returns on the opposite side. */
.scene-frame.scene-noise{display:grid}
.noise-act{grid-area:1/1;align-self:center;min-width:0;width:100%}
.noise-tamed .scene-grid{grid-template-columns:1.05fr .95fr;gap:6vw}
.bot-wrangler{width:min(100%,580px,calc(100svh - 162px));justify-self:center;border-radius:28px;overflow:hidden;box-shadow:0 24px 70px #7031ba18}
.bot-wrangler img{display:block;width:100%;height:auto;object-fit:contain}
.noise-tamed .noise-solution h2{font-size:clamp(38px,4.7vw,74px);line-height:1.07}
.cinematic .noise-chaos{opacity:calc(1 - var(--noise-handoff));transform:translateY(calc(var(--noise-handoff)*-70px))}
.cinematic .noise-tamed{opacity:calc(var(--gather)*(1 - var(--exit-late)))}
.cinematic .bot-wrangler{transform:translate3d(calc((1 - var(--gather))*-110px),calc((1 - var(--gather))*35px - var(--exit-late)*80px),0)}
.cinematic .noise-tamed .noise-solution{transform:translate3d(calc((1 - var(--gather))*100px),calc(var(--exit-late)*-80px),0)}
html:not(.cinematic) .noise-chaos{display:none}
@media(max-width:720px){
 .noise-tamed .scene-grid,.cinematic .noise-tamed .scene-grid{grid-template-columns:1fr;gap:22px}
 .bot-wrangler{width:min(100%,350px,calc(100svh - 362px));border-radius:22px}
 .noise-tamed .noise-solution h2{font-size:clamp(32px,9vw,42px);line-height:1.05}
 .noise-tamed .noise-solution>p{font-size:14px;line-height:1.55;margin-top:16px}
 html:not(.cinematic) .bot-wrangler{width:min(100%,390px)}
}