.takeover{position:relative;z-index:8;margin-top:-50px;height:170vh;--to-scale:1}.takeover-pin{position:sticky;top:64px;height:calc(100svh - 64px);padding:18px 24px;display:grid;place-items:center}.takeover-panel{position:relative;width:100%;max-width:1380px;height:100%;max-height:850px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:44px clamp(26px,5vw,80px);border:1px solid #55794a;border-radius:32px;background:radial-gradient(ellipse at 80% 50%,#24471d88,transparent 60%),#091009;box-shadow:0 -30px 100px #0009,0 40px 80px #000a;transform:scale(var(--to-scale));transform-origin:center;overflow:hidden}.takeover-copy{position:relative;z-index:3}.takeover-copy h2{font:italic clamp(48px,6.3vw,94px)/.94 var(--display);letter-spacing:-.025em;margin:0}.takeover-copy>p:not(.eyebrow){color:#c0cdbc;font-size:18px;margin:24px 0}.takeover-copy>small{display:block;color:#a0b59a;font-size:10px;margin-top:12px}.takeover-scroll{font:9px monospace;letter-spacing:2px;color:#bad1b0;margin-top:35px}.takeover-scroll span{display:inline-block;color:#61ff33;font-size:20px;margin-left:10px;animation:to-float 2s infinite}.takeover-visual{position:relative;width:100%;height:100%;max-height:650px;min-height:0;display:grid;place-items:center}.takeover-phone{position:relative;height:88%;aspect-ratio:941/1810;max-width:75%;padding:7px;border-radius:36px;background:linear-gradient(120deg,#93aa91,#121c11 40%,#51654c);box-shadow:0 20px 70px #0009;overflow:hidden;transform:rotate(5deg)}.takeover-phone img{width:100%;height:100%;object-fit:cover;border-radius:29px}.takeover-island{position:absolute;top:13px;left:50%;transform:translateX(-50%);width:65px;height:17px;border-radius:20px;background:#000;z-index:2}.takeover-screen-label{position:absolute;bottom:25px;left:20px;right:20px;font:8px monospace;letter-spacing:1px;color:white}.takeover-screen-label b{display:block;color:#a3ff7d;margin-top:5px}.to-chip{position:absolute;z-index:4;border:1px solid #93ca784d;border-radius:15px;background:linear-gradient(120deg,#1e3023ed,#0b150eed);backdrop-filter:blur(20px);box-shadow:0 14px 40px #0007;padding:16px;color:#ecf7e7;animation:to-float 5s ease-in-out infinite}.to-chip small{display:block;font:8px monospace;color:#a5ee8e;letter-spacing:1.3px;margin-bottom:8px}.to-chip strong{font-size:14px;display:block}.to-live{top:5%;left:3%;font:9px monospace;letter-spacing:1px;padding:12px 15px}.to-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#61ff33;margin-right:6px;box-shadow:0 0 14px #61ff33}.to-live span{display:block;color:#a8b8a2;font-size:7px;margin:6px 0 0 15px}.to-cue{top:36%;left:-7%;animation-delay:-1s}.to-wave{display:flex;align-items:center;gap:4px;height:23px;margin-top:8px}.to-wave i{width:3px;height:18px;background:#a6ff82;animation:to-wave .7s infinite alternate}.to-wave i:nth-child(2n){animation-delay:-.3s;height:10px}.to-reps{right:-3%;top:22%;animation-delay:-2s}.to-reps>strong{font-size:39px;font-weight:500;line-height:1}.to-reps strong span{font:12px monospace;color:#b0c2a8}.to-meter{height:3px;background:#31452b;margin-top:13px;width:95px}.to-meter i{display:block;width:67%;height:100%;background:#61ff33;animation:to-meter 5s infinite}.to-quality{bottom:10%;right:-3%;display:flex;align-items:center;gap:12px;animation-delay:-3s}.to-quality>div>span{font-size:8px;color:#bdcdb5;display:block;margin-top:6px}.to-ring{width:58px;height:58px;display:grid;place-items:center;border:3px solid #91ff66;border-left-color:#334c29;border-radius:50%;box-shadow:0 0 20px #61ff3310}.to-ring b{font-size:20px;font-weight:500}.to-ring b span{font-size:10px}.to-disclaimer{position:absolute;bottom:-3px;text-align:center;width:100%;font:7px monospace;color:#abc39f;letter-spacing:1px}.takeover-pause{position:absolute;right:20px;bottom:12px;border:0;background:transparent;color:#b5c4af;font-size:9px;padding:10px;min-height:44px;cursor:pointer}.takeover.is-paused *,.takeover.is-offscreen *{animation-play-state:paused!important}@keyframes to-float{50%{translate:0 -8px}}@keyframes to-wave{to{transform:scaleY(.25)}}@keyframes to-meter{0%{transform:scaleX(.6);transform-origin:left}70%,100%{transform:scaleX(1);transform-origin:left}}@media(max-width:740px){.takeover{height:160vh;margin-top:-24px}.takeover-pin{padding:10px}.takeover-panel{border-radius:23px;padding:25px 20px 35px;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:15px}.takeover-copy h2{font-size:clamp(30px,8vw,44px);line-height:.94}.takeover-copy h2 br:first-child{display:none}.takeover-copy .eyebrow{font-size:8px;margin-bottom:8px}.takeover-copy>p:not(.eyebrow){font-size:12px;margin:12px 0}.takeover-copy .button{min-height:42px;font-size:12px;padding:0 16px}.takeover-copy>small{font-size:8px;margin-top:6px}.takeover-scroll{display:none}.takeover-visual{min-height:0}.takeover-phone{height:94%;border-radius:23px;padding:5px}.takeover-phone img{border-radius:18px}.takeover-island{top:9px;width:44px;height:11px}.to-chip{padding:10px;border-radius:10px}.to-chip small{font-size:6px;letter-spacing:.7px;margin-bottom:5px}.to-chip strong{font-size:10px}.to-live{font-size:6px;top:2%;left:0}.to-live span{font-size:6px}.to-reps{right:0;top:17%}.to-reps>strong{font-size:27px}.to-meter{width:62px}.to-cue{left:0;top:43%}.to-quality{right:0;bottom:9%;gap:7px}.to-ring{width:40px;height:40px;border-width:2px}.to-ring b{font-size:15px}.to-quality>div>span{font-size:6px}.takeover-screen-label{font-size:5px;left:13px;bottom:16px}.to-disclaimer{font-size:6px;bottom:-10px}.takeover-pause{font-size:8px;bottom:0;min-height:32px}.to-wave{height:15px;margin-top:3px}.to-wave i{height:12px}}@media(max-height:680px){.takeover{height:auto;margin-top:0}.takeover-pin{position:relative;top:0;height:auto}.takeover-panel{min-height:650px}.takeover-visual{min-height:330px}}@media(prefers-reduced-motion:reduce){.takeover-panel{transform:none}.feature-hero *{animation:none!important}.takeover-pause{display:none}}

/* The former scroll-banner artwork is now the sole, in-flow hero. */
.feature-hero.hero{display:block;min-height:100svh;padding:64px 0 0;overflow:hidden;border:0;background:#070c08}
.feature-hero.hero:before{display:none}
.feature-hero .takeover-panel{margin:auto;min-height:calc(100svh - 64px);height:auto;max-width:1500px;max-height:none;transform:none;grid-template-columns:1fr 1.08fr;gap:clamp(24px,5vw,84px);padding:56px clamp(32px,6vw,100px);background:none;color:#f5fff0;border:0;border-radius:0;box-shadow:none;overflow:visible}
.feature-hero .takeover-panel:before{display:none}
.feature-hero .takeover-copy .eyebrow{color:#8eff62;letter-spacing:.2em}
.feature-hero .takeover-copy h1{font:italic clamp(48px,6.3vw,94px)/.94 var(--display);letter-spacing:-.025em;margin:0;color:#f6fff2;text-transform:none}
.feature-hero .takeover-copy h1 span{color:#91ff64}
.feature-hero .takeover-copy>p:not(.eyebrow){color:#c6d9c2}
.feature-hero .takeover-copy>small{color:#91ae8d}
.feature-hero .takeover-copy .button.primary{background:#9cff6d;color:#0b1c0b;border-color:#9cff6d;border-radius:9px;box-shadow:0 12px 35px #65ff4630;padding:0 26px}
.feature-hero .takeover-copy .button.primary:hover{background:#d8ffc1;color:#10200e;border-color:#d8ffc1}
.feature-hero .takeover-scroll,.feature-hero .takeover-scroll span{color:#a5c99c}
.feature-hero .takeover-visual{height:clamp(600px,70svh,650px)}
.feature-hero .takeover-visual:before{display:none}
.feature-hero .takeover-phone{transform:none;background:linear-gradient(120deg,#eef5e9,#72846a 35%,#101b0b 65%,#8d9e83);box-shadow:0 30px 60px #18361050,0 0 0 1px #e6ffd2}
.feature-hero .to-chip{border-color:#d6ffc075;box-shadow:0 16px 36px #1b381b35,inset 0 1px #ffffff18;background:linear-gradient(125deg,#213c25f5,#0b190ef5)}
.feature-hero .to-disclaimer{color:#b1d4a8;font-weight:700}
.feature-hero .takeover-pause{color:#b1d4a8}
.feature-hero.is-paused *,.feature-hero.is-out-of-view *{animation-play-state:paused!important}
.feature-hero :focus-visible{outline:2px solid #24491b;outline-offset:3px}
@media(min-width:741px) and (max-width:1199px){.feature-hero.hero{text-align:left}.feature-hero .takeover-panel{grid-template-columns:1fr;gap:24px;padding:80px 56px 50px}.feature-hero .takeover-copy{max-width:650px}.feature-hero .takeover-copy h1{font-size:clamp(60px,9vw,84px)}.feature-hero .takeover-visual{height:650px;max-width:640px;margin:auto}.feature-hero .to-disclaimer,.feature-hero .takeover-pause{color:#b1d4a8}}
@media(max-width:740px){.feature-hero.hero{padding:64px 0 0;text-align:left}.feature-hero .takeover-panel{min-height:calc(100svh - 64px);grid-template-columns:1fr;grid-template-rows:auto auto;gap:12px;padding:44px 24px 48px;background:none}.feature-hero .takeover-copy h1{font-size:clamp(36px,9vw,52px)}.feature-hero .takeover-copy h1 br:first-child{display:block}.feature-hero .takeover-copy .button.primary{border-radius:9px;padding:0 19px}.feature-hero .takeover-visual{height:clamp(340px,53svh,510px)}.feature-hero .to-disclaimer,.feature-hero .takeover-pause{color:#b1d4a8}.feature-hero .takeover-pause{right:16px;bottom:7px}}
@media(max-height:680px) and (min-width:741px){.feature-hero .takeover-panel{min-height:0}.feature-hero .takeover-visual{height:450px}.feature-hero .takeover-phone{width:220px}}
@media(prefers-reduced-motion:reduce){.feature-hero .takeover-panel{transform:none}.feature-hero .takeover-pause{display:none}}

/* A continuous device bezel, clipped screen corners and real exercise cues. */
.feature-hero .takeover-phone{width:min(310px,65%);height:auto;aspect-ratio:941/1810;padding:8px;border:1px solid #93a88e;border-radius:43px;overflow:visible;background:linear-gradient(130deg,#d5e0ce 0%,#344433 19%,#0b120d 48%,#7d9277 80%,#d2dfc8 100%);box-shadow:inset 0 0 0 2px #213021,0 0 0 1px #273b28,0 30px 75px #000a}
.feature-hero .takeover-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:35px;background:#080b08;box-shadow:inset 0 0 0 1px #86968366}
.feature-hero .takeover-screen img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;border-radius:0}
.feature-hero .takeover-island{top:16px;width:69px;height:17px;border:1px solid #111;box-shadow:0 1px 2px #2b3d2b70}
.feature-hero .takeover-screen-label{left:14px;right:14px;bottom:17px;text-shadow:0 1px 5px #000}
.feature-hero .to-chip{width:210px;max-width:45%;padding:13px 15px;animation-duration:7s}
.feature-hero .to-chip small{color:#9eee84;font-size:9px;letter-spacing:.12em}
.feature-hero .to-chip strong{font-size:13px;line-height:1.35;font-weight:650}
.feature-hero .to-setup{top:10%;left:-2%}
.feature-hero .to-balance{top:17%;right:-2%;animation-delay:-2s}
.feature-hero .to-return{bottom:12%;left:-3%;animation-delay:-4s}
.feature-hero .to-disclaimer{bottom:-16px;font-size:8px;letter-spacing:.08em}
@media(max-width:740px){.feature-hero .takeover-phone{width:min(240px,64%);padding:6px;border-radius:31px}.feature-hero .takeover-screen{border-radius:24px}.feature-hero .takeover-island{top:11px;width:51px;height:13px}.feature-hero .takeover-screen-label{font-size:6px;left:12px;bottom:13px}.feature-hero .to-chip{width:140px;max-width:43%;padding:9px 10px}.feature-hero .to-chip small{font-size:7px;margin-bottom:4px}.feature-hero .to-chip strong{font-size:10px;line-height:1.25}.feature-hero .to-setup{top:4%;left:-2%}.feature-hero .to-balance{top:12%;right:-2%}.feature-hero .to-return{bottom:10%;left:-2%}.feature-hero .to-disclaimer{bottom:-17px;font-size:6px}}
@media(max-height:680px) and (min-width:741px){.feature-hero .takeover-visual .takeover-phone{width:220px}}

/* Enlarged in-app speech motif beside the phone; no browser audio playback. */
.feature-hero .hero-voice{position:absolute;z-index:5;left:-1%;top:45%;display:flex;align-items:center;gap:12px;width:240px;min-height:71px;padding:12px 14px;border:1px solid #81cd704a;border-radius:14px;background:linear-gradient(120deg,#16291bf2,#0a190eef);box-shadow:0 14px 35px #0008,inset 0 1px #ffffff0d;color:#eef9e8;backdrop-filter:blur(14px)}
.feature-hero .hero-voice small{display:block;color:#a2f381;font:9.6px/1.2 monospace;letter-spacing:.12em;white-space:nowrap}
.feature-hero .hero-voice strong{display:block;margin-top:5px;font-size:13.2px;font-weight:650;line-height:1.2}
.feature-hero .hero-voice svg{flex:none;width:24px;height:24px;color:#a8ff8a}
.feature-hero .hero-voice-bars{display:flex;align-items:center;gap:2.4px;height:26px;margin-left:auto}
.feature-hero .hero-voice-bars i{width:2.4px;height:10px;border-radius:2px;background:#a3ff80;animation:hero-voice-pulse .9s ease-in-out infinite alternate}
.feature-hero .hero-voice-bars i:nth-child(2),.feature-hero .hero-voice-bars i:nth-child(4){height:20px;animation-delay:-.3s}
.feature-hero .hero-voice-bars i:nth-child(3){height:25px;animation-delay:-.6s}
@keyframes hero-voice-pulse{to{transform:scaleY(.38)}}
@media(max-width:740px){.feature-hero .hero-voice{left:-2%;top:48%;width:156px;min-height:54px;gap:7px;padding:8px;border-radius:11px}.feature-hero .hero-voice small{font-size:7.2px;letter-spacing:.04em}.feature-hero .hero-voice strong{font-size:9.6px;line-height:1.1}.feature-hero .hero-voice svg{width:19px;height:19px}.feature-hero .hero-voice-bars{height:20px;gap:1px}.feature-hero .hero-voice-bars i{width:2px}.feature-hero .hero-voice-bars i:nth-child(2),.feature-hero .hero-voice-bars i:nth-child(4){height:15px}.feature-hero .hero-voice-bars i:nth-child(3){height:19px}}
@media(max-width:350px){.feature-hero .hero-voice{width:134px}.feature-hero .hero-voice strong{font-size:8.4px}}
@media(prefers-reduced-motion:reduce){.feature-hero .hero-voice-bars i{animation:none}}