:root{--ink:#17211f;--ink-soft:#52615d;--paper:#f4f7f5;--paper-deep:#e9efec;--white:#fff;--green:#17483b;--green-deep:#0d2924;--mint:#9be6c5;--line:#dce5e0;--coral:#f3a186;--gold:#e7c56c;--display:"Manrope",sans-serif;--body:"DM Sans",sans-serif;--wrap:1160px;--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.section-wrap{width:min(var(--wrap),calc(100% - 64px));margin-inline:auto}.section-space{padding-block:118px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding-inline:max(32px,calc((100vw - var(--wrap))/2));background:rgba(244,247,245,.87);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(220,229,224,.6)}.brand{display:inline-flex;gap:10px;align-items:center;font:800 19px var(--display);letter-spacing:-.8px}.brand img{border-radius:13px}.brand-light{font-weight:500;color:#60716b}.nav-links{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600;color:#51605b}.nav-links>a:not(.nav-cta){transition:color .2s}.nav-links>a:hover{color:var(--green)}.nav-cta{border:1px solid #cbd9d1;border-radius:99px;padding:10px 17px;color:var(--green);background:rgba(255,255,255,.48)}.nav-cta span{padding-left:8px}.menu-toggle{display:none}.hero{min-height:700px;display:grid;grid-template-columns:1fr 1.04fr;align-items:center;position:relative;padding-block:75px 105px;gap:10px}.hero-copy{position:relative;z-index:2;padding-bottom:20px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#71827b;display:flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;border-radius:50%;background:#6dc89e;box-shadow:0 0 0 4px #6dc89e20;animation:soft-pulse 2s infinite}.hero h1,.section-heading h2,.pairing h2,.pro-head h2,.faq-heading h2,.closing h2{font:700 clamp(49px,6.1vw,78px)/1.07 var(--display);letter-spacing:-5px;margin:22px 0}.headline-accent{color:#648f7c}.hero-lede{max-width:465px;font-size:17px;line-height:1.8;color:#62716b}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:14px 21px;border-radius:99px;font-size:13px;font-weight:700;transition:transform .25s var(--ease),box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 25px #17382b20}.button-dark{color:white;background:var(--green-deep)}.button-dark span{font-size:17px;color:var(--mint)}.text-link{font-size:13px;font-weight:700;color:#465c52}.text-link span{margin-left:6px}.hero-proof{margin-top:40px;display:flex;align-items:center;gap:13px;color:#718078;font-size:11px}.avatar-stack{display:flex}.avatar-stack i{font-style:normal;width:27px;height:27px;margin-left:-5px;border:2px solid var(--paper);border-radius:50%;display:grid;place-items:center;background:#d7ebe0;color:#245443;font-size:10px}.avatar-stack i:first-child{margin-left:0}.avatar-stack i:nth-child(2){background:#f3e5c9}.avatar-stack i:nth-child(3){background:#dce8ee}.hero-art{height:570px;position:relative;display:grid;place-items:center;isolation:isolate}.hero-art:before{content:"";position:absolute;z-index:-2;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,#d5e8dc 0,rgba(213,232,220,.55) 38%,rgba(213,232,220,0) 72%);animation:breathe 7s ease-in-out infinite}.orbit{position:absolute;border:1px solid #aac8b533;border-radius:50%;z-index:-1}.orbit-one{width:490px;height:490px;animation:orbit 45s linear infinite}.orbit-two{width:390px;height:390px;border-style:dashed;animation:orbit 60s linear infinite reverse}.phone{height:500px;width:251px;background:linear-gradient(110deg,#68756f,#18241f 12%,#101b17 88%,#84918b);padding:7px;border-radius:31px;box-shadow:0 35px 75px #163d2c35,0 8px 18px #163d2c17;transform:rotate(2deg);animation:phone-float 6s ease-in-out infinite;position:relative}.phone:before{content:"";position:absolute;right:-2px;top:105px;height:42px;width:3px;border-radius:0 3px 3px 0;background:#718079;box-shadow:0 54px 0 #718079}.phone:after{content:"";position:absolute;inset:3px;border:1px solid #aab8b044;border-radius:29px;pointer-events:none}.phone-screen{height:100%;border-radius:24px;background:#f3f7f4;overflow:hidden;padding:24px 16px 0;position:relative}.android-camera{height:11px;width:11px;border:2px solid #101915;border-radius:50%;position:absolute;z-index:2;left:50%;top:10px;transform:translateX(-50%);background:#18241f;box-shadow:0 0 0 2px #6e7b74}.screen-head{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.mini-logo{display:flex;align-items:center;gap:5px;font:800 10px var(--display)}.screen-avatar{height:24px;width:24px;border-radius:50%;display:grid;place-items:center;background:#dfebe4;font-size:10px;color:#34584a}.screen-date{font-size:7px;letter-spacing:1.3px;color:#819088;font-weight:700;margin-top:25px}.phone-screen h2{font:700 25px/1.12 var(--display);letter-spacing:-1.2px;margin:8px 0 13px}.score-card{background:#fff;border:1px solid #e4ebe6;border-radius:15px;padding:12px;box-shadow:0 6px 14px #193a2608}.score-meta{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1.2px;font-weight:700;color:#89958f}.score-status{color:#5caa82}.score-row{display:flex;align-items:center;gap:12px;margin-top:12px}.score-ring{height:70px;width:70px;border-radius:50%;background:conic-gradient(#5ec090 0 78%,#e8efeb 78%);display:grid;place-items:center;position:relative}.score-ring:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff}.score-ring div{z-index:1;display:flex;align-items:baseline}.score-ring strong{font:700 24px var(--display);letter-spacing:-2px}.score-ring small{font-size:8px}.score-copy{display:grid;gap:4px}.score-copy b{font:700 9px var(--display)}.score-copy small{font-size:7px;color:#86938d}.score-bars{height:21px;display:flex;align-items:end;gap:4px;margin-top:12px}.score-bars i{flex:1;height:var(--bar,50%);border-radius:3px 3px 1px 1px;background:#b8e4ce}.score-bars i:nth-child(3n){--bar:74%;background:#75c89b}.score-bars i:nth-child(4n){--bar:39%}.score-bars i:nth-child(5n){--bar:85%;background:#75c89b}.score-bars i:nth-child(1){--bar:45%}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.mini-card{border:1px solid #e4ebe6;border-radius:12px;background:white;padding:10px 9px}.mini-card>span{display:block;font-size:5.5px;letter-spacing:1px;color:#87938d;font-weight:700}.mini-card strong{display:block;font:700 16px var(--display);margin-top:7px;white-space:nowrap}.mini-card strong small{font-size:8px;color:#829088}.sparkline{height:20px;display:flex;align-items:center;gap:3px;margin-top:6px}.sparkline i{flex:1;height:40%;background:#a5dac0;border-radius:5px}.sparkline i:nth-child(2n){height:80%}.sparkline i:nth-child(3n){height:55%}.sparkline i:nth-child(5n){height:100%;background:#54b17e}.sleep-track{display:flex;gap:2px;height:10px;margin-top:11px}.sleep-track i{background:#bdc8f1;border-radius:4px;flex:2}.sleep-track i:nth-child(2){flex:1;background:#ecd68d}.sleep-track i:nth-child(3){flex:3;background:#8f9cdb}.sleep-track i:nth-child(4){flex:2;background:#b7c0ec}.sleep-track i:nth-child(5){flex:1;background:#ecd68d}.screen-nav{position:absolute;bottom:0;left:0;right:0;height:53px;background:#fff;border-top:1px solid #e7ece8;display:flex;align-items:center;justify-content:space-around;color:#8b9690;font-size:14px}.screen-nav span{display:grid;place-items:center;gap:2px}.screen-nav small{font:500 6px var(--body)}.screen-nav .nav-selected{color:#377656}.float-tag{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid #e5ebe7;background:#ffffffd9;backdrop-filter:blur(10px);border-radius:13px;box-shadow:0 10px 30px #203d2b12;animation:tag-float 5s ease-in-out infinite}.float-tag b,.float-tag small{display:block}.float-tag b{font-size:9px}.float-tag small{font-size:8px;color:#8a9690;margin-top:2px}.tag-top{top:90px;right:0}.tag-bottom{left:0;bottom:75px;animation-delay:-2s}.tag-icon,.pulse-mini{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;color:#327758;background:#e2f2e8;font-size:17px}.pulse-mini{border-radius:50%;color:#aa694b;background:#f9e8e0}.scroll-cue{position:absolute;left:0;bottom:24px;display:flex;align-items:center;gap:11px;font-size:8px;letter-spacing:1.5px;color:#829089}.scroll-cue span{width:20px;height:30px;border:1px solid #a6b4ac;border-radius:12px;position:relative}.scroll-cue span:after{content:"";position:absolute;left:8px;top:6px;width:2px;height:5px;border-radius:2px;background:#678374;animation:scroll 1.5s infinite}.ticker{overflow:hidden;background:#e7eee9;border-block:1px solid #dce5e0;padding:17px 0}.ticker-track{width:max-content;display:flex;align-items:center;gap:35px;animation:marquee 34s linear infinite}.ticker-track span{font:700 11px var(--display);letter-spacing:2px;color:#5d7067}.ticker-track i{font-style:normal;color:#7bb394;font-size:13px}.section-heading{display:grid;grid-template-columns:1fr .65fr;align-items:end;gap:70px;margin-bottom:52px}.section-heading h2,.pairing h2,.pro-head h2,.faq-heading h2{font-size:clamp(44px,5vw,62px);letter-spacing:-3.5px;margin:17px 0 0}.section-heading>p{color:#6f7b75;max-width:400px;line-height:1.85;margin:0 0 8px}.feature-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.feature-card{overflow:hidden;border:1px solid #e2e9e5;border-radius:19px;background:#fbfcfb;transition:transform .35s var(--ease),box-shadow .35s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px #123b2910}.feature-large{grid-row:span 2}.feature-wide{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.feature-visual{height:235px;position:relative;overflow:hidden}.feature-large .feature-visual{height:425px}.visual-recovery{background:#183b32;padding:24px;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center}.visual-label{align-self:flex-start;font-size:8px;letter-spacing:1.5px;color:#c4d9ce}.visual-ring{height:190px;width:190px;border-radius:50%;background:conic-gradient(from 215deg,#a6e5c6 0 77%,#48675b 77% 100%);display:grid;place-items:center;position:relative;margin-top:20px;box-shadow:0 0 40px #96e7be18}.visual-ring:before{content:"";position:absolute;inset:8px;background:#183b32;border-radius:50%}.visual-ring div{z-index:1;text-align:center;display:grid}.visual-ring b{font:700 58px/.9 var(--display);letter-spacing:-4px}.visual-ring small{margin-top:10px;font-size:8px;letter-spacing:2px;color:#bfdbcb}.visual-legend{display:flex;gap:15px;margin-top:20px;font-size:8px;color:#d3e0d8}.legend-dot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:5px}.mint{background:#a6e5c6}.yellow{background:#e7c56c}.coral{background:#f3a186}.wave-line{position:absolute;width:100%;left:0;bottom:0;height:75px;opacity:.32}.wave-line path{stroke:#a8edca;fill:none;stroke-width:2}.feature-text{padding:22px 23px 25px}.feature-number{font-size:8px;letter-spacing:1.4px;color:#8a9790;font-weight:700}.feature-text h3{font:700 20px var(--display);letter-spacing:-.7px;margin:8px 0}.feature-text p{font-size:12px;line-height:1.75;color:#748079;margin:0;max-width:440px}.visual-sleep{background:#e9ecf7;padding:25px 28px;color:#313951}.moon{font-size:27px;color:#7d86b4}.sleep-visual-title{font:700 15px var(--display);margin:8px 0 17px}.sleep-stage{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:12px;margin:9px 0;font-size:7px;color:#68718e}.sleep-stage i{height:7px;border-radius:10px;background:#7d8ed1;display:block}.stage-awake{width:20%;background:#e1bd83!important}.stage-rem{width:64%;background:#b2a4dc!important}.stage-light{width:91%;background:#929fdd!important}.stage-deep{width:52%;background:#566aaf!important}.sleep-time{display:flex;justify-content:space-between;margin:12px 0 0 52px;font-size:6px;color:#7f88a2}.visual-training{background:#f2ebda;padding:23px 25px}.training-top{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#817657}.training-top span+span{font-size:6px}.training-number{font:700 21px var(--display);margin-top:14px;color:#463f2b}.training-number small{font:500 11px var(--body);color:#928666}.training-chart{height:95px;border-bottom:1px solid #ded4bb;display:flex;align-items:end;gap:10px;padding-inline:10px}.training-chart i{flex:1;height:var(--h);background:#c1b181;border-radius:5px 5px 1px 1px}.training-chart i:nth-child(2n){background:#d4c69f}.training-chart i:nth-child(6){background:#a58e54}.training-days{display:flex;justify-content:space-around;margin-top:6px;font-size:7px;color:#8b8063}.visual-tools{height:245px;background:#e5f0e9;display:flex;align-items:center;justify-content:center;gap:20px}.tools-orbit{height:165px;width:165px;border:1px solid #a9c6b4;border-radius:50%;position:relative;animation:orbit 28s linear infinite}.tools-orbit span{position:absolute;min-width:47px;padding:5px 7px;border-radius:20px;background:#f6faf7;border:1px solid #d5e5db;text-align:center;color:#547364;font:700 7px var(--display);letter-spacing:.6px}.tools-orbit span:nth-child(1){top:-7px;left:58px}.tools-orbit span:nth-child(2){right:-18px;top:69px}.tools-orbit span:nth-child(3){bottom:-7px;left:55px}.tools-orbit span:nth-child(4){left:-23px;top:69px}.tools-core{position:absolute;inset:0;margin:auto;height:62px;width:62px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 6px 16px #21483114}.tools-core img{animation:orbit 28s linear infinite reverse}.tools-note{font:700 13px/1.45 var(--display);color:#385b49}.feature-note{margin-top:18px}.fine-print{font-size:10px;color:#8a9690}.privacy-band{background:#15362f;color:white;overflow:hidden}.privacy-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.privacy-art{height:360px;position:relative;display:grid;place-items:center}.privacy-halo{position:absolute;width:310px;height:310px;border-radius:50%;border:1px solid #c5efd019;box-shadow:inset 0 0 80px #9be6c508,0 0 90px #9be6c50a}.privacy-halo:before,.privacy-halo:after{content:"";position:absolute;inset:30px;border:1px dashed #b4e6ce24;border-radius:50%;animation:orbit 55s linear infinite}.privacy-halo:after{inset:65px;animation-direction:reverse}.privacy-lock{width:135px;height:135px;border:1px solid #8dbca355;border-radius:40px;background:linear-gradient(145deg,#2b594a,#183a32);display:grid;place-items:center;color:#b3ebd0;font-size:60px;box-shadow:0 20px 50px #071c1690;transform:rotate(-7deg);animation:lock-float 5s ease-in-out infinite}.privacy-chip{position:absolute;display:flex;gap:14px;align-items:center;padding:9px 12px;border:1px solid #91b9a435;background:#23473de8;border-radius:8px;color:#d7e8de;font-size:7px;letter-spacing:.9px;box-shadow:0 8px 20px #061c1740}.privacy-chip span{color:#9be6c5}.chip-one{left:9%;top:48px}.chip-two{right:0;top:135px}.chip-three{left:7%;bottom:63px}.eyebrow-light{color:#a4c0b2}.privacy-copy h2{font:700 clamp(50px,5.2vw,68px)/1.03 var(--display);letter-spacing:-4px;margin:19px 0 22px}.privacy-copy>p{max-width:450px;color:#c2d2c9;font-size:14px;line-height:1.85}.privacy-separator{height:1px;width:70px;background:#7ea992;margin:27px 0}.privacy-copy .privacy-small{font-size:11px;color:#aabeb3}.light-link{display:inline-block;margin-top:14px;color:#c7f0d9;font-size:11px;font-weight:700}.light-link span{margin-left:7px}.pairing{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:start}.pairing-copy>p{max-width:360px;color:#77837d;line-height:1.8;margin:23px 0 30px;font-size:14px}.button-outline{border:1px solid #c9d5ce;color:#365949;background:transparent}.button-outline span{font-size:17px}.pairing-steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:48px 1fr 30px;gap:18px;padding:23px 3px;border-bottom:1px solid var(--line);align-items:center}.step-num{font:600 11px var(--display);color:#8e9c94}.step h3{font:700 15px var(--display);margin:0 0 4px;letter-spacing:-.3px}.step p{font-size:11px;color:#7a8780;margin:0;line-height:1.7}.step-icon{font-size:18px;color:#70967f;justify-self:end}.compat-note{font-size:10px;color:#87938d;line-height:1.7;padding:19px 20px;background:#edf2ee;border-radius:10px;margin-top:17px}.compat-note b{color:#56675e}.pro-section{background:#eaf0ec}.pro-head{text-align:center;max-width:670px;margin:0 auto 50px}.pro-head .eyebrow{justify-content:center}.pro-head h2{margin-top:18px}.pro-head>p{max-width:500px;margin:19px auto 0;color:#718078;line-height:1.8;font-size:13px}.plans{display:grid;grid-template-columns:1fr 1fr;gap:17px;max-width:800px;margin:auto;align-items:stretch}.plan-card{position:relative;border:1px solid #d8e1dc;border-radius:17px;padding:30px 32px;background:#f7f9f7}.plan-pro{background:#fff;border-color:#96b9a5;box-shadow:0 16px 42px #1c543515}.plan-kicker{font-size:8px;letter-spacing:1.5px;color:#87958d;font-weight:700}.plan-card h3{font:700 27px var(--display);letter-spacing:-1.2px;margin:13px 0 2px}.plan-sub{font-size:11px;color:#7c8982;margin:0}.plan-rule{height:1px;background:#e3e9e5;margin:23px 0}.plan-card ul{list-style:none;padding:0;margin:0 0 28px}.plan-card li{display:flex;gap:10px;align-items:start;font-size:11px;color:#53625a;margin:13px 0;line-height:1.5}.plan-card li span{color:#539b71;font-weight:700}.plan-card li.muted{color:#9ca69f}.plan-card li.muted span{color:#adb6b0}.plan-link{font-size:11px;font-weight:700;color:#456b56}.plan-link span{padding-left:6px}.plan-badge{position:absolute;right:18px;top:18px;border-radius:30px;background:#e4f3e9;padding:6px 9px;color:#417253;font-size:7px;font-weight:700;letter-spacing:.7px}.plan-pro .plan-kicker{color:#648672}.plan-pro h3{color:#173d30}.plan-button{width:100%;font-size:11px;padding-block:13px}.plan-footnote{text-align:center;font-size:9px;line-height:1.6;color:#8a9690;margin:12px 0 0}.purchase-note{max-width:800px;margin:18px auto 0;display:flex;gap:13px;align-items:center;padding:16px 20px;border:1px solid #d9e3dd;border-radius:12px;background:#f2f6f3}.purchase-icon{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#e0ece4;color:#527c62;flex:0 0 auto}.purchase-note p{font-size:10px;line-height:1.7;color:#78857e;margin:0}.purchase-note b{color:#4c6255}.local-band{background:#dce9e1;padding:43px 32px}.local-inner{width:min(var(--wrap),100%);margin:auto;display:flex;align-items:center;gap:21px}.local-symbol{width:49px;height:49px;border:1px solid #abc2b2;border-radius:50%;display:grid;place-items:center;color:#527d65;font-size:22px}.local-inner p{font:500 18px/1.4 var(--display);letter-spacing:-.5px;color:#577064;margin:0}.local-inner p b{font-weight:700;color:#244536}.local-stamp{margin-left:auto;text-align:center;padding:10px 14px;border:1px solid #abc2b2;border-radius:6px;font-size:7px;line-height:1.5;letter-spacing:1.2px;color:#62816e;font-weight:700}.faq-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px}.faq-heading h2{margin-top:16px}.faq-heading>p{font-size:12px;color:#7d8982;margin-top:16px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:0 3px}.faq-list summary{cursor:pointer;list-style:none;font:700 13px var(--display);padding:19px 28px 19px 0;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span:before,.faq-list summary span:after{content:"";position:absolute;right:4px;top:26px;height:1px;width:13px;background:#73907d;transition:transform .25s}.faq-list summary span:after{transform:rotate(90deg)}.faq-list details[open] summary span:after{transform:rotate(0)}.faq-list details p{font-size:11px;line-height:1.8;color:#718078;margin:0;padding:0 25px 19px 0;max-width:610px;animation:faq-in .25s var(--ease)}.closing{position:relative;overflow:hidden;border-radius:20px;background:#14352e;color:white;padding:74px 32px;margin-bottom:100px;text-align:center;isolation:isolate}.closing-glow{position:absolute;width:540px;height:540px;top:-280px;left:calc(50% - 270px);z-index:-1;border-radius:50%;background:radial-gradient(circle,#5f9d7c48,transparent 68%);animation:breathe 8s ease-in-out infinite}.closing-content>img{border-radius:17px;box-shadow:0 10px 35px #071b1655;margin-bottom:23px}.closing-content .eyebrow{justify-content:center}.closing h2{font-size:clamp(44px,5.4vw,66px);letter-spacing:-3.8px;margin:16px 0}.closing-content>p:not(.fine-print){max-width:490px;margin:0 auto;color:#c3d5cb;font-size:13px;line-height:1.8}.coming-pill{display:inline-flex;align-items:center;gap:9px;margin-top:25px;border:1px solid #a4c5ae42;border-radius:99px;padding:9px 13px;font-size:8px;letter-spacing:1px;color:#d3e7da}.coming-pill i{height:6px;width:6px;background:#9be6c5;border-radius:50%;box-shadow:0 0 0 4px #9be6c51c}.closing-fine{color:#93afa0;margin-top:15px}.footer{padding:0 max(32px,calc((100vw - var(--wrap))/2)) 24px}.footer-top{display:flex;align-items:center;border-bottom:1px solid var(--line);padding:20px 0 24px}.footer-top>p{margin:0 0 0 20px;color:#87938d;font-size:11px}.back-top{margin-left:auto;font-size:8px;letter-spacing:1px;font-weight:700;color:#6d7b73}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:18px;color:#919c95;font-size:9px}.footer-bottom a{text-decoration:underline;text-underline-offset:3px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay{transition-delay:.14s}
@keyframes soft-pulse{50%{box-shadow:0 0 0 8px #6dc89e0a;transform:scale(.9)}}@keyframes breathe{0%,100%{transform:scale(.92);opacity:.75}50%{transform:scale(1.06);opacity:1}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes phone-float{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-13px) rotate(2deg)}}@keyframes tag-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes lock-float{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-10px) rotate(-3deg)}}@keyframes scroll{0%{transform:translateY(0);opacity:1}80%,100%{transform:translateY(9px);opacity:0}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes bar-rise{from{height:4%}to{height:var(--h)}}@keyframes faq-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.hero{grid-template-columns:.95fr 1fr;min-height:620px}.hero-art{transform:scale(.9);margin-inline:-20px}.tag-top{right:-12px}.tag-bottom{left:-12px}.privacy-layout{gap:35px}.pairing{gap:50px}.section-space{padding-block:90px}.faq-section{gap:45px}.feature-large .feature-visual{height:380px}}
@media(max-width:680px){html{scroll-padding-top:74px}.section-wrap{width:min(100% - 38px,var(--wrap))}.section-space{padding-block:75px}.topbar{height:70px;padding-inline:19px}.brand{font-size:17px}.brand img{width:34px;height:34px}.menu-toggle{display:flex;flex-direction:column;gap:5px;justify-content:center;width:42px;height:42px;border:1px solid #d9e3dd;border-radius:50%;background:#f9fbf9;z-index:2}.menu-toggle span{height:1.5px;width:15px;background:#355546;margin:auto;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.nav-links{position:absolute;left:0;right:0;top:69px;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:6px 19px 18px;background:#f4f7f5f5;backdrop-filter:blur(15px);border-bottom:1px solid var(--line);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.25s}.nav-links.open{opacity:1;visibility:visible;transform:translateY(0)}.nav-links>a{padding:12px 5px}.nav-links .nav-cta{text-align:center;margin-top:6px}.hero{width:100%;grid-template-columns:1fr;padding:56px 21px 62px;gap:0;overflow:hidden}.hero-copy{padding:0}.hero h1{font-size:clamp(49px,14vw,68px);letter-spacing:-3.7px;margin:19px 0}.hero-lede{font-size:14px;max-width:410px}.hero-actions{gap:15px;flex-wrap:wrap;margin-top:25px}.button{padding:13px 17px;font-size:11px}.text-link{font-size:11px}.hero-proof{margin-top:25px;font-size:9px}.hero-art{height:490px;margin:0 -30px;transform:scale(.88);transform-origin:top center;margin-bottom:-60px}.phone{height:470px;width:236px}.phone-screen{padding-inline:15px}.orbit-one{width:430px;height:430px}.orbit-two{width:350px;height:350px}.hero-art:before{width:400px;height:400px}.tag-top{right:0;top:72px}.tag-bottom{left:0;bottom:45px}.scroll-cue{display:none}.ticker{padding:14px 0}.ticker-track{gap:24px}.ticker-track span{font-size:9px}.section-heading{grid-template-columns:1fr;gap:17px;margin-bottom:31px}.section-heading h2,.pairing h2,.pro-head h2,.faq-heading h2{font-size:43px;letter-spacing:-2.8px}.section-heading>p{font-size:12px}.feature-grid{grid-template-columns:1fr;gap:13px}.feature-large{grid-row:auto}.feature-wide{grid-column:auto;display:block}.feature-large .feature-visual{height:340px}.feature-visual{height:220px}.feature-wide .feature-visual{height:220px}.feature-text{padding:18px 19px 21px}.feature-text h3{font-size:18px}.feature-text p{font-size:11px}.visual-ring{width:160px;height:160px}.visual-ring b{font-size:51px}.privacy-layout{grid-template-columns:1fr;gap:35px}.privacy-art{height:265px;order:2}.privacy-copy{order:1}.privacy-copy h2{font-size:52px}.privacy-copy>p{font-size:12px}.privacy-halo{width:250px;height:250px}.privacy-lock{height:112px;width:112px;font-size:51px;border-radius:32px}.chip-one{left:3%;top:26px}.chip-two{right:0;top:104px}.chip-three{left:3%;bottom:31px}.pairing{grid-template-columns:1fr;gap:35px}.pairing-copy>p{font-size:12px}.step{grid-template-columns:35px 1fr 23px;gap:11px;padding:19px 1px}.step h3{font-size:13px}.step p{font-size:10px}.compat-note{font-size:9px}.pro-head{margin-bottom:33px}.pro-head>p{font-size:11px}.plans{grid-template-columns:1fr;gap:13px}.plan-card{padding:26px 23px}.plan-pro{order:-1}.plan-card h3{font-size:24px}.plan-card li{font-size:10px}.purchase-note{align-items:flex-start;padding:14px}.purchase-note p{font-size:9px}.local-band{padding:30px 20px}.local-inner{gap:13px}.local-symbol{width:41px;height:41px;flex:0 0 auto}.local-inner p{font-size:14px}.local-stamp{font-size:6px;padding:7px;margin-left:auto}.faq-section{grid-template-columns:1fr;gap:26px}.faq-heading>p{margin-bottom:0}.faq-list summary{font-size:12px;padding-block:17px}.faq-list details p{font-size:10px}.closing{padding:55px 19px;margin-bottom:65px;border-radius:15px}.closing h2{font-size:44px;letter-spacing:-2.8px}.closing-content>p:not(.fine-print){font-size:11px}.footer{padding:0 20px 20px}.footer-top{flex-wrap:wrap;padding-bottom:16px}.footer-top>p{font-size:9px;margin-left:12px}.back-top{font-size:7px}.footer-bottom{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:8px}.footer-bottom span:nth-child(2){grid-column:1/-1;grid-row:2}}
@media(max-width:370px){.hero-actions{align-items:flex-start;flex-direction:column}.hero-art{transform:scale(.78);margin-inline:-45px;margin-bottom:-105px}.hero h1{font-size:47px}.local-inner p{font-size:12px}.local-stamp{font-size:5px;letter-spacing:.7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.ticker-track{animation:none}}
.plan-price{display:flex;align-items:baseline;gap:10px;margin-top:17px}.plan-price strong{font:800 31px/1 var(--display);letter-spacing:-1.5px;color:#173d30}.plan-price span{font-size:9px;color:#7c8982}
.plan-button:disabled{cursor:not-allowed;opacity:.66;box-shadow:none;transform:none}.checkout-status{min-height:2.5em;margin:11px 0 0;color:#6f7d75;text-align:center;font-size:10px;line-height:1.6}.checkout-status a{font-weight:700;text-decoration:underline;text-underline-offset:3px}.button-light{display:inline-flex;align-items:center;justify-content:center;gap:16px;margin-top:26px;padding:13px 19px;border:1px solid #d8eee1;border-radius:99px;background:#e1f2e7;color:#173d30;font-size:11px;font-weight:700}.button-light span{font-size:16px}
.price-currency-control{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:9px 11px;border:1px solid #e3e9e5;border-radius:9px;background:#fbfdfb}.price-currency-control label{font-size:10px;color:#7c8982}.price-currency-control select{min-height:34px;padding:6px 28px 6px 10px;border:1px solid #d4dfd8;border-radius:7px;background:#fff;color:#17211f;font:600 11px var(--body)}.currency-note{min-height:2.8em;margin:7px 0 0;color:#87938d;font-size:9px;line-height:1.5}
.checkout-email-label{display:block;margin:4px 0 7px;color:#53665d;font-size:11px;font-weight:700}.checkout-email{width:100%;min-height:44px;margin-bottom:11px;padding:10px 13px;border:1px solid #d4dfd8;border-radius:9px;background:#fbfdfb;color:var(--ink);font:500 13px var(--body);outline:none;transition:border-color .18s,box-shadow .18s}.checkout-email:focus{border-color:#648f7c;box-shadow:0 0 0 3px #648f7c22}.checkout-email::placeholder{color:#98a49d}

.launch-card{max-width:720px;margin:0 auto;padding:clamp(28px,5vw,54px);text-align:center}.launch-mark{border-radius:16px;margin:0 auto 22px;box-shadow:0 10px 30px #173d3018}.launch-card h3{font-size:clamp(22px,3vw,30px);margin:13px 0}.launch-card>p{max-width:470px;margin:0 auto;color:#718078;font-size:13px;line-height:1.8}.launch-signals{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:24px}.launch-signals span{padding:7px 10px;border:1px solid #d8e1dc;border-radius:99px;color:#648071;font-size:8px;font-weight:700;letter-spacing:1px}

.launch-price{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:9px;margin:22px 0 0}.launch-price strong{font:800 clamp(28px,4vw,38px)/1 var(--display);letter-spacing:-1.5px;color:#173d30}.launch-price span{color:#718078;font-size:10px}

@media(max-width:680px){.plan-free{order:0}.plan-pro{order:1}}

.updates-section{background:#f4f7f5}.updates-card{max-width:760px;margin:auto;padding:clamp(28px,5vw,52px);border:1px solid #dce5e0;border-radius:20px;background:#fff;text-align:center;box-shadow:0 18px 50px #17382b0b}.updates-card>.eyebrow{justify-content:center}.updates-card h2{font:700 clamp(34px,5vw,52px)/1.08 var(--display);letter-spacing:-2.5px;margin:17px 0}.updates-card>p{max-width:500px;margin:0 auto 20px;color:#718078;font-size:13px;line-height:1.8}.updates-form{width:min(100%,540px);margin:0 auto}.updates-form iframe{display:block;width:100%;height:420px;border:0;border-radius:12px;background:#fff}.updates-card>small{display:block;margin-top:6px;color:#87938d;font-size:10px;line-height:1.6}
@media(max-width:680px){.updates-section{padding-block:62px}.updates-card{padding:27px 17px;border-radius:15px}.updates-card h2{font-size:36px;letter-spacing:-1.8px}.updates-card>p{font-size:11px}.updates-form iframe{height:460px}}

.preview-section{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(28px,6vw,80px)}
.preview-copy h2{font:800 clamp(42px,6vw,72px)/.98 var(--display);letter-spacing:-4px;margin:20px 0}
.preview-copy>p{max-width:390px;color:#718078;font-size:14px;line-height:1.8}
.preview-player{padding:12px;border:1px solid #dce5e0;border-radius:22px;background:#fff;box-shadow:0 20px 60px #17382b10}
.preview-player video{display:block;width:100%;max-height:72vh;aspect-ratio:9/16;object-fit:contain;background:#102d28;border-radius:14px}
.preview-player>p{margin:10px 4px 2px;color:#87938d;font-size:10px;text-align:center}
@media(max-width:680px){.preview-section{grid-template-columns:1fr;gap:25px}.preview-copy h2{font-size:46px;letter-spacing:-2.7px}.preview-copy>p{font-size:12px}.preview-player{max-width:440px;margin-inline:auto;padding:8px;border-radius:16px}.preview-player video{max-height:none;border-radius:10px}}

/* ===== NoopPulse site update 2026-11-11 — palette system, tabbed app demo, body signals ===== */
:root{--ember:#c9704b;--ember-soft:#f0a184;--ember-deep:#2a1713;--ocean:#2e6b66;--ocean-soft:#7fe0c3;--ocean-deep:#14333a;--violet:#5a4d96;--violet-soft:#b9aee6;--violet-deep:#262038;--forest:#3a6a4e;--forest-soft:#9be6c5;--forest-deep:#1d4030}
@keyframes body-sway{0%,100%{transform:rotateY(-18deg)}50%{transform:rotateY(14deg)}}
@keyframes body-spin{from{transform:rotateY(-18deg)}to{transform:rotateY(-378deg)}}
@keyframes glow-drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(6px,-10px) scale(1.15)}}
.feature-card.visible .training-chart i{animation:bar-rise .9s var(--ease) both}
.feature-card.visible .training-chart i:nth-child(2){animation-delay:.06s}
.feature-card.visible .training-chart i:nth-child(3){animation-delay:.12s}
.feature-card.visible .training-chart i:nth-child(4){animation-delay:.18s}
.feature-card.visible .training-chart i:nth-child(5){animation-delay:.24s}
.feature-card.visible .training-chart i:nth-child(6){animation-delay:.3s}
.feature-card.visible .training-chart i:nth-child(7){animation-delay:.36s}
a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #3f7a5c;outline-offset:3px}
.skip-link{position:absolute;left:-999px;top:10px;z-index:60;background:var(--green-deep);color:#fff;padding:10px 16px;border-radius:99px;font-size:12px;font-weight:700}
.skip-link:focus{left:12px}
.launch-line{margin:18px 0 0;font-size:13px;font-weight:600;color:#4c5b54;letter-spacing:.2px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.launch-line strong{font:800 15px var(--display);color:#17382b}
.launch-when{display:inline-flex;align-items:center;gap:7px;color:#3f7a5c;font-weight:700}
.launch-when i{width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--ember-soft),var(--ember));box-shadow:0 0 0 3px #f0a1842e;animation:soft-pulse 2.4s infinite}
.fine-print{font-size:11px}
.plan-footnote{font-size:10px}
.footer-bottom{font-size:10px}
.palette-dots{display:flex;gap:7px;margin-left:16px;flex:0 0 auto}
.palette-dots i{width:11px;height:11px;border-radius:50%;border:1px solid #abc2b2;display:block}
.pd-ember{background:linear-gradient(140deg,var(--ember-deep),var(--ember-soft))}
.pd-ocean{background:linear-gradient(140deg,var(--ocean-deep),var(--ocean-soft))}
.pd-violet{background:linear-gradient(140deg,var(--violet-deep),var(--violet-soft))}
.pd-forest{background:linear-gradient(140deg,var(--forest-deep),var(--forest-soft))}
@media(max-width:680px){.palette-dots{display:none}}
/* --- interactive phone (dark app, tabbed) --- */
.phone-screen-dark{background:linear-gradient(178deg,#152219,#0d1713);color:#e9f2ec;padding-bottom:53px}
.phone-screen-dark .screen-date{color:#8fa79b}
.phone-screen-dark .phone-screen h2,.phone-screen-dark h2{color:#f2f7f3}
.app-views{position:relative;margin-top:4px;display:grid;align-items:start;min-height:318px}
.app-view{grid-area:1/1;opacity:0;transform:translateY(8px);visibility:hidden;transition:opacity .3s var(--ease),transform .3s var(--ease),visibility 0s linear .3s}
.app-view.is-active{opacity:1;transform:none;visibility:visible;transition-delay:0s,0s,0s}
.app-view[data-palette=forest]{--pulse:#9be6c5}
.app-view[data-palette=ocean]{--pulse:#7fe0c3}
.app-view[data-palette=violet]{--pulse:#b9aee6}
.app-view[data-palette=ember]{--pulse:#f0a184}
.app-view[data-palette=gradient]{--pulse:#e7c56c}
.phone-screen-dark .score-card{background:#1b2d25;border-color:#2b4337;box-shadow:none}
.phone-screen-dark .score-meta{color:#87a193}
.phone-screen-dark .score-status{color:var(--pulse)}
.phone-screen-dark .score-copy b{color:#eef6f0}
.phone-screen-dark .score-copy small{color:#8fa79b}
.phone-screen-dark .score-ring{background:conic-gradient(var(--pulse) 0 78%,#274034 78%)}
.phone-screen-dark .score-ring:before{background:#1b2d25}
.phone-screen-dark .score-bars i{background:#2c4a3c}
.phone-screen-dark .score-bars i:nth-child(3n),.phone-screen-dark .score-bars i:nth-child(5n){background:var(--pulse)}
.phone-screen-dark .mini-card{background:#1b2d25;border-color:#2b4337}
.phone-screen-dark .mini-card>span{color:#87a193}
.phone-screen-dark .mini-card strong{color:#eef6f0}
.phone-screen-dark .mini-card strong small{color:#8fa79b}
.phone-screen-dark .sparkline i{background:#2c4a3c}
.phone-screen-dark .sparkline i:nth-child(5n){background:var(--pulse)}
.phone-screen-dark .sleep-track i{background:#3a3462}
.phone-screen-dark .sleep-track i:nth-child(2),.phone-screen-dark .sleep-track i:nth-child(5){background:#e7c56c77}
.phone-screen-dark .sleep-track i:nth-child(3){background:var(--pulse)}
.screen-note{margin:10px 0 0;font-size:6.5px;letter-spacing:1px;color:#6d8577;text-transform:uppercase}
.trend-chart{height:88px;display:flex;align-items:end;gap:6px;padding:8px 4px 0;border-bottom:1px solid #2b4337}
.trend-chart i{flex:1;height:var(--h);background:#2c4a3c;border-radius:4px 4px 1px 1px}
.trend-chart i:nth-child(6){background:var(--pulse)}
.trend-days{display:flex;justify-content:space-around;padding-top:5px;font-size:6px;color:#87a193}
.sleep-stages{display:grid;gap:8px;margin-top:12px}
.sleep-stage-row{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;font-size:7px;color:#a3b8ac}
.sleep-stage-row i{height:6px;border-radius:6px;width:var(--w);background:linear-gradient(90deg,#3a3462,var(--pulse));display:block}
.sleep-times{display:flex;justify-content:space-between;margin-top:9px;font-size:6px;color:#87a193}
.coach-chat-mini{display:grid;gap:8px;margin-top:12px}
.chat-bubble{max-width:92%;padding:9px 11px;border-radius:11px;font-size:8.5px;line-height:1.55}
.chat-user-mini{justify-self:end;background:#243b31;color:#dcebe2;border-bottom-right-radius:4px}
.chat-ai-mini{justify-self:start;background:linear-gradient(140deg,#3d2721,#59352a);border:1px solid #7a4a3a;color:#f6ded3;border-bottom-left-radius:4px}
.chat-ai-mini b{display:block;font:700 9px var(--display);color:var(--pulse);margin-bottom:3px}
.chat-ai-mini small{color:#d9b8a9;font-size:7.5px}
.more-list{display:grid;gap:7px;margin-top:12px}
.more-list span{display:flex;align-items:center;gap:8px;background:#1b2d25;border:1px solid #2b4337;border-radius:10px;padding:9px 11px;font-size:8.5px;color:#dcebe2}
.more-list i{font-style:normal;color:var(--pulse);font-size:10px}
.app-tabs{background:#0f1b16;border-top:1px solid #22352c;padding:0}
.app-tabs span.nav-selected{color:#377656}
.app-tab{flex:1;background:none;border:0;display:grid;place-items:center;gap:3px;padding:9px 0 8px;color:#7d9587;cursor:pointer;font:inherit}
.app-tab span{font-size:13px;line-height:1}
.app-tab small{font:500 6.5px var(--body)}
.app-tab:hover{color:#b9d2c3}
.app-tab.is-active{color:#9be6c5}
.app-tab:focus-visible{outline:2px solid #9be6c5;outline-offset:-4px;border-radius:10px}
@media(max-width:680px){.app-views{min-height:296px}.app-tab span{font-size:11px}}
/* --- coach feature card (ember) --- */
.visual-coach{background:linear-gradient(150deg,#2a1713,#4e2c22);display:flex;flex-direction:column;justify-content:center;gap:12px;padding:24px}
.visual-coach .visual-label{color:#d9a08a}
.coach-chat{display:grid;gap:10px;margin-top:6px}
.coach-chat .chat-bubble{font-size:11px;max-width:88%;line-height:1.55}
.coach-chat .chat-user{justify-self:end;background:#f7ece6;color:#5a3226;border-bottom-right-radius:4px}
.coach-chat .chat-ai{justify-self:start;background:#3c231c;border:1px solid #6b4034;color:#f2d9cd;border-bottom-left-radius:4px}
.coach-chat .chat-ai b{display:block;font:700 12px var(--display);color:var(--ember-soft);margin-bottom:3px}
.coach-chat .chat-ai small{display:block;color:#d9b3a4;font-size:10px}
@media(max-width:680px){.coach-chat .chat-bubble{font-size:10px}.coach-chat .chat-ai b{font-size:11px}}
/* --- body signals interactive section --- */
.bodyband-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.body-stage{height:540px;background:linear-gradient(160deg,#15362f,#0e241f);border-radius:22px;position:relative;overflow:hidden;perspective:1000px;touch-action:pan-y;cursor:grab}
.body-stage:active{cursor:grabbing}
.body-orbit{position:absolute;left:50%;top:50%;width:420px;height:420px;margin:-210px 0 0 -210px;border:1px dashed #9be6c522;border-radius:50%;animation:orbit 50s linear infinite;pointer-events:none}
.body-orbit:before{content:"";position:absolute;inset:44px;border:1px dashed #9be6c51a;border-radius:50%}
.body3d{position:absolute;left:50%;top:50%;width:230px;height:390px;margin:-195px 0 0 -115px;transform-style:preserve-3d;transform:rotateY(var(--ry,0deg)) scale(var(--z,1));transition:transform .55s var(--ease)}
.body-stage.dragging .body3d{transition:none}
.body-sway{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:body-sway 9s ease-in-out infinite}
.body-stage.dragging .body-sway{animation-play-state:paused}
.body-sway.spin{animation:body-spin 1.5s var(--ease) 1}
.body-sway svg{width:100%;height:100%;filter:drop-shadow(0 0 18px #9be6c53d)}
.body-glow{position:absolute;border-radius:50%;filter:blur(26px);pointer-events:none}
.g1{width:120px;height:120px;left:56px;top:96px;background:#9be6c52e;animation:glow-drift 6s ease-in-out infinite}
.g2{width:150px;height:150px;right:28px;bottom:60px;background:#4e8f6e33;animation:glow-drift 7.5s ease-in-out infinite reverse}
.body-chip{position:absolute;left:var(--x);top:var(--y);z-index:3;border:1px solid #9be6c533;background:#0f261fd9;color:#cfe6d8;font:700 10px var(--display);letter-spacing:.4px;padding:8px 11px;border-radius:99px;cursor:pointer;transition:transform .25s var(--ease),background .25s,color .25s,border-color .25s;backdrop-filter:blur(6px)}
.body-chip:hover{transform:translateY(-2px);border-color:#9be6c566;color:#eafff2}
.body-chip.is-on{background:var(--forest-soft);border-color:var(--forest-soft);color:#0e241f}
.body-chip:focus-visible{outline:2px solid #9be6c5;outline-offset:2px}
.body-spin{position:absolute;right:14px;bottom:14px;z-index:3;border:1px solid #9be6c53d;background:#0f261fd9;color:#9be6c5;font:700 10px var(--display);letter-spacing:1px;padding:8px 12px;border-radius:99px;cursor:pointer}
.body-spin:hover{background:#16382e}
.body-draghint{position:absolute;left:16px;bottom:18px;z-index:2;font-size:8px;letter-spacing:1.6px;color:#6f8d7d;font-weight:700}
.body-copy h2{font:700 clamp(44px,4.8vw,62px)/1.06 var(--display);letter-spacing:-3.4px;margin:18px 0}
.body-copy>p{max-width:440px;color:#6f7b75;line-height:1.85;font-size:14px;margin:0 0 24px}
.body-panel{border:1px solid #dfe8e3;border-radius:16px;background:#fbfcfb;padding:20px 22px;max-width:380px;box-shadow:0 10px 26px #163d2c0d}
.bp-kicker{display:block;font-size:9px;letter-spacing:1.6px;font-weight:700;color:#5d8a70}
.bp-value{display:block;font:700 40px/1.1 var(--display);letter-spacing:-2.5px;color:#17382b;margin:6px 0 2px}
.bp-value small{font-size:14px;letter-spacing:0;color:#648f7c;font-weight:600}
.bp-sub{display:block;font-size:11px;color:#7c8982}
.bp-range{display:flex;gap:18px;margin-top:14px}
.bp-range span{font:600 11px var(--display);color:#4c6255;display:grid;gap:2px}
.bp-range i{font-style:normal;font-size:7.5px;letter-spacing:1.2px;color:#8fa096}
.bp-pills{display:inline-flex;gap:6px;margin-top:14px;border:1px solid #dbe5df;border-radius:99px;padding:4px}
.bp-pills i{font-style:normal;font:700 9px var(--display);letter-spacing:.8px;color:#6d8076;padding:5px 10px;border-radius:99px;cursor:pointer}
.bp-pills i.on{background:#e4f3e9;color:#2f5c44}
.body-hint{margin:14px 0 0;font-size:11px;color:#7c8982}
@media(max-width:900px){.bodyband-layout{gap:40px}}
@media(max-width:680px){.bodyband-layout{grid-template-columns:1fr;gap:28px}.body-stage{height:430px;order:2}.body-copy{order:1}.body3d{width:200px;height:340px;margin:-170px 0 0 -100px}.body-chip{font-size:9px;padding:7px 9px}.body-orbit{width:320px;height:320px;margin:-160px 0 0 -160px}.bp-value{font-size:34px}}
@media(prefers-reduced-motion:reduce){.app-view{transition-delay:0s}.body-sway,.body-orbit,.body-glow,.launch-when i{animation:none}.body3d{transition:none}}
/* --- glowing metric points + zoom tour --- */
@keyframes point-ping{0%{transform:scale(.45);opacity:.9}70%,100%{transform:scale(1.8);opacity:0}}
.body-point{position:absolute;left:var(--px);top:var(--py);width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--pc);box-shadow:0 0 10px var(--pc),0 0 24px var(--pc66);opacity:.4;transform:scale(.8);transition:opacity .35s var(--ease),transform .35s var(--ease);pointer-events:none;z-index:2}
.body-point::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1.5px solid var(--pc);opacity:0;animation:point-ping 2.4s ease-out infinite;animation-delay:var(--pd,0s)}
.body-point.is-on{opacity:1;transform:scale(1.3);box-shadow:0 0 14px var(--pc),0 0 34px var(--pc88)}
.body-stage.zoomed .body-sway svg{filter:drop-shadow(0 0 26px #9be6c559)}
@media(max-width:680px){.body-point{width:10px;height:10px;margin:-5px 0 0 -5px}}
@media(prefers-reduced-motion:reduce){.body-point::after{animation:none}.body-point{transition:none}}
/* ===== Real-app rebuild: S26 frames, body signals, interactive app demo ===== */
.phone-real{background:#0b0f0d;overflow:hidden}
.phone-real img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.phone-live{position:absolute;left:10px;bottom:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;background:#0c1712cc;color:#9fd8bb;font-size:7px;font-weight:700;letter-spacing:1.2px;padding:6px 9px;border-radius:99px;backdrop-filter:blur(6px)}
.phone-live i{width:6px;height:6px;border-radius:50%;background:#6dc89e;animation:soft-pulse 2s infinite}
.s26{position:relative;width:320px;height:668px;margin:auto;background:linear-gradient(140deg,#3a423e,#101613 30%,#0c110f 70%,#4a524d);border-radius:44px;padding:10px;box-shadow:0 40px 90px #0a1a1230,0 10px 26px #0a1a1220}
.s26-cam{position:absolute;left:50%;top:18px;transform:translateX(-50%);width:12px;height:12px;border-radius:50%;background:#05080a;box-shadow:0 0 0 2.5px #1d2521;z-index:5}
.s26-screen{position:relative;width:100%;height:100%;border-radius:35px;background:#0b0e0c;overflow:hidden;padding:20px 14px 64px;color:#eef4ef;font-family:var(--body)}
.s26-caption{display:block;text-align:center;margin-top:14px;font-size:10px;letter-spacing:1px;color:#8a9690}
.s26-big{width:340px;height:710px}
.app-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.app-head h3{font:700 24px/1.1 var(--display);letter-spacing:-.8px;margin:0;color:#f4f8f5}
.app-head p{margin:4px 0 0;font-size:8.5px;letter-spacing:1.4px;color:#8ba397;font-weight:600}
.app-ring{width:34px;height:34px;border-radius:50%;background:conic-gradient(#34d17e 0 72%,#233029 72%);position:relative;flex:0 0 auto}
.app-ring:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#10160f}
.app-hero-line{font:700 27px/1.12 var(--display);letter-spacing:-1px;color:#f6faf7;margin:6px 0 14px}
.app-card{position:relative;display:block;background:#161d18;border:1px solid #222b25;border-radius:18px;padding:14px;margin-bottom:10px;text-align:left;width:100%}
.card-eyebrow{display:block;font-size:8px;letter-spacing:1.6px;font-weight:700;color:#8ba397}
.pill{position:absolute;top:12px;right:12px;font-size:8px;font-weight:800;letter-spacing:1px;padding:5px 9px;border-radius:99px}
.pill-gold{color:#ecc95c;background:#2b2413}
.pill-rest{color:#bfe8d2;background:#1c2b22;position:static}
.rec-row{display:flex;align-items:center;gap:14px;margin-top:12px}
.rec-ring{width:84px;height:84px;border-radius:50%;background:conic-gradient(#ecc95c 0 53%,#2a2d24 53%);display:grid;place-items:center;flex:0 0 auto}
.rec-ring:before{content:"";position:absolute}
.rec-ring{position:relative}
.rec-ring:before{inset:9px;border-radius:50%;background:#161d18}
.rec-ring b{position:relative;z-index:1;font:700 24px var(--display);color:#f6faf7}
.rec-copy{display:grid;gap:3px}
.rec-copy b{font:600 14px var(--display);color:#f0f5f1}
.rec-copy small{font-size:10px;color:#93a89c}
.app-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.app-two .app-card{margin-bottom:10px}
.app-card.mini strong{display:block;font:700 20px var(--display);margin-top:8px;color:#f2f7f3}
.app-card.mini strong small{font-size:11px;color:#93a89c}
.mini-sub{display:block;font-size:9.5px;color:#7d9387;margin-top:4px}
.body-mini{overflow:hidden;padding-bottom:0}
.body-mini img{width:calc(100% + 28px);margin:10px -14px 0;display:block;opacity:.92}
.body-mini-sub{display:block;font-size:10px;color:#93a89c;margin-top:6px}
.body-mini-sub i{color:#4ade80;font-style:normal;font-weight:700}
.app-card.synth{display:flex;align-items:center;gap:10px}
.app-card.synth div{flex:1}
.app-card.synth b{display:block;font:600 13px var(--display);color:#eef4ef}
.app-card.synth small{display:block;font-size:9.5px;color:#8ba397;margin-top:2px}
.chev{color:#7d9387;font-size:14px}
/* body signals section */
.bodyband-layout{grid-template-columns:.9fr 1.1fr}
.body-card{padding:12px}
.body-eyebrow{font-size:8px;letter-spacing:1.8px;font-weight:700;color:#a89a85}
.body-sub{display:block;font-size:10.5px;color:#8ba397;margin-top:5px}
.body-sub i{color:#4ade80;font-style:normal;font-weight:700;margin-right:8px}
.body-stage2{position:relative;margin-top:10px;border-radius:14px;overflow:hidden}
.body-stage2 img{width:100%;display:block;user-select:none;-webkit-user-drag:none}
.sig-chip{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;background:#101511e8;border:1px solid #2a332c;border-radius:16px;padding:8px 11px;cursor:pointer;transition:transform .25s var(--ease),border-color .25s,background .25s;color:#eef4ef;font-family:var(--body);text-align:left}
.sig-chip span{display:grid;line-height:1.15}
.sig-chip b{font:600 11.5px var(--display)}
.sig-chip small{font-size:10px;color:#9db3a6}
.sig-chip:hover{transform:translate(-50%,-50%) scale(1.06);border-color:#4a5a4f}
.sig-chip.is-on{background:#1b2a20;border-color:#4ade8066;box-shadow:0 0 0 3px #4ade8022}
.sig-chip.dim{opacity:.45}
.sig-chip.static{cursor:default}
.ic{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-style:normal;flex:0 0 auto;font-size:13px}
.ic-mind{background:#232c40;color:#9db4f0}
.ic-heart{background:#3a2418;color:#f0925c}
.ic-temp{background:#332b16;color:#e0c15c}
.ic-lungs{background:#12282c;color:#5bc8d8}
.ic-steps{background:#1d2b22;color:#8fae9a}
/* metric page overlay */
.metric-page{position:absolute;inset:0;background:#0d120f;z-index:6;padding:18px 14px 16px;transform:translateY(103%);transition:transform .38s var(--ease);overflow-y:auto;scrollbar-width:none}
.metric-page.open{transform:translateY(0)}
.mp-head{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}
.mp-back{background:#1a231d;border:1px solid #2a352d;color:#dfe9e2;width:30px;height:30px;border-radius:10px;font-size:14px;cursor:pointer;flex:0 0 auto}
.mp-head h4{margin:0;font:700 16px var(--display);color:#f4f8f5;letter-spacing:-.3px}
.mp-head p{margin:3px 0 0;font-size:8.5px;color:#81998c}
.mp-latest span{font-size:8px;letter-spacing:1.6px;color:#8ba397;font-weight:700}
.mp-latest strong{display:block;font:700 30px var(--display);letter-spacing:-1px;margin-top:2px}
.mp-latest strong small{font-size:14px;color:#93a89c}
.mp-latest em{display:block;font-style:normal;font-size:9px;color:#7d9387;margin-top:2px}
.mp-ranges{display:flex;gap:4px;background:#141a15;border:1px solid #232c26;border-radius:99px;padding:4px;margin:12px 0 10px;overflow-x:auto;scrollbar-width:none}
.mp-ranges button{flex:1;background:none;border:0;color:#93a89c;font:600 9.5px var(--body);padding:6px 0;border-radius:99px;cursor:pointer}
.mp-ranges button.on{background:var(--mp-c,#6f9bef);color:#0c100d;font-weight:800}
.mp-chart{width:100%;height:110px;display:block}
.mp-avg{stroke:#3a4a3f;stroke-width:1}
.mp-stats{display:flex;gap:8px;margin:8px 0 12px}
.mp-stats span{flex:1;background:#141a15;border:1px solid #232c26;border-radius:12px;padding:9px 10px}
.mp-stats i{display:block;font-style:normal;font-size:7px;letter-spacing:1.2px;color:#81998c;font-weight:700}
.mp-stats b{display:block;font:700 13px var(--display);color:#eef4ef;margin-top:3px}
.mp-readings{background:#141a15;border:1px solid #232c26;border-radius:12px;padding:10px 12px}
.mp-rhead{display:block;font-size:8px;letter-spacing:1.6px;color:#8ba397;font-weight:700;margin-bottom:6px}
.mp-rcols,.mp-rrow{display:grid;grid-template-columns:1.4fr 1fr .7fr;gap:6px;font-size:9.5px}
.mp-rcols{color:#7d9387;font-size:8.5px;margin-bottom:4px}
.mp-rrow{padding:5px 0;border-top:1px solid #1d251f;color:#c9d8ce}
.mp-rrow b{color:#f0f5f1;font-weight:600}
.mp-rrow em{font-style:normal;color:#5fae83}
/* try app section */
.tryband{background:#0e1512;color:#eef4ef;border-radius:26px;margin-inline:max(16px,calc((100% - 1400px)/2));padding-block:90px}
.try-head{max-width:680px;margin-bottom:44px}
.try-head h2{font:700 clamp(38px,4.6vw,58px)/1.06 var(--display);letter-spacing:-3px;margin:14px 0;color:#f6faf7}
.try-head p{color:#a7bbb0;font-size:14.5px;line-height:1.8;margin:0}
.try-grid{display:grid;grid-template-columns:auto 1fr;gap:70px;align-items:start}
.try-copy{display:grid;gap:20px;max-width:400px;padding-top:16px}
.try-point{display:flex;gap:14px;background:#131b16;border:1px solid #212c25;border-radius:16px;padding:16px 18px}
.tp-num{font:700 12px var(--display);color:#5fae83;letter-spacing:1px}
.try-point h3{margin:0 0 4px;font:700 15px var(--display);color:#f0f5f1;letter-spacing:-.3px}
.try-point p{margin:0;font-size:11.5px;line-height:1.7;color:#9db3a6}
.try-copy .button{justify-self:start}
.appdemo-view{display:none;animation:appfade .3s var(--ease)}
.appdemo-view.on{display:block}
@keyframes appfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.appdemo-nav{position:absolute;left:0;right:0;bottom:0;height:60px;background:#0e1411f2;border-top:1px solid #1d2620;display:flex;align-items:center;justify-content:space-around;z-index:5}
.an{background:none;border:0;color:#7f978a;display:grid;justify-items:center;gap:2px;cursor:pointer;font-family:var(--body);padding:4px 8px}
.an span{font-size:15px;line-height:1}
.an small{font-size:8.5px;font-weight:600}
.an:hover{color:#b9d2c3}
.an.on{color:#4ade80}
.today-orb{width:46px;height:46px;border-radius:50%;background:#b9ecc9;color:#10241a;display:grid;place-items:center;margin-top:-14px;box-shadow:0 6px 18px #0007}
.today-orb span{font-size:17px}
.today-orb.on{background:var(--demo-accent,#b9ecc9)}
/* sleep screen */
.sleep-perf{display:grid;justify-items:center;gap:8px;margin:4px 0 14px}
.perf-ring{width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#3a4552,#232b34 70%);display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff14}
.perf-ring b{font:700 34px var(--display);color:#dfe7ee}
.perf-ring span{font-size:9px;color:#93a4b3;letter-spacing:.6px}
.perf-label{font-size:10px;color:#8ba397;letter-spacing:.8px;font-weight:600}
.stage-total{float:right;font:600 11px var(--display);color:#cfe0d5}
.stage-bar{display:flex;height:12px;border-radius:8px;overflow:hidden;margin-top:10px}
.stage-bar i{width:var(--w);background:var(--c)}
.stage-legend{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;margin-top:10px}
.stage-legend span{font-size:8.5px;color:#9db3a6;display:flex;align-items:center;gap:5px}
.stage-legend i{width:7px;height:7px;border-radius:2px;background:var(--c);flex:0 0 auto}
.night-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px}
.night-row span{font-size:10px;color:#9db3a6}
.night-val{font:700 16px var(--display);color:#e8734d}
.night-spark{width:100%;height:46px;margin-top:8px}
.night-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.night-grid span{background:#10160f;border:1px solid #20291f;border-radius:10px;padding:8px 10px}
.night-grid i{display:block;font-style:normal;font-size:7px;letter-spacing:1.2px;color:#81998c;font-weight:700}
.night-grid b{display:block;font:700 13px var(--display);color:#eef4ef;margin-top:2px}
/* trends */
.trend-card2 .trend-now{position:absolute;top:12px;right:14px;font:700 15px var(--display);color:#eef4ef;font-style:normal}
.trend-svg{width:100%;height:96px;margin-top:10px}
.trend-stats{display:flex;gap:6px;margin-top:8px}
.trend-stats span{flex:1;text-align:left}
.trend-stats i{display:block;font-style:normal;font-size:7px;letter-spacing:1.1px;color:#81998c;font-weight:700}
.trend-stats b{display:block;font:700 11.5px var(--display);color:#eef4ef;margin-top:2px}
.trend-stats .down{color:#e88d6a}
/* coach */
.coach-thread{display:grid;gap:9px;max-height:330px;overflow-y:auto;scrollbar-width:none;padding-right:2px}
.chat-msg{max-width:92%;border-radius:14px;padding:10px 12px;font-size:11px;line-height:1.6}
.chat-msg span{display:block;font-size:7.5px;letter-spacing:1.4px;font-weight:800;margin-bottom:5px}
.chat-msg p{margin:0}
.chat-msg.you{justify-self:end;background:#1e3a2c;border:1px solid #2c503c;border-bottom-right-radius:5px}
.chat-msg.you span{color:#7fd6a4}
.chat-msg.coach{justify-self:start;background:#151d17;border:1px solid #242e26;border-bottom-left-radius:5px}
.chat-msg.coach span{color:#8ba397}
.chat-msg.coach b{color:#cfe8d8}
.chat-msg.typing span{color:#8ba397}
.typing-dots i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#5fae83;margin-right:4px;animation:tdot 1s infinite}
.typing-dots i:nth-child(2){animation-delay:.15s}
.typing-dots i:nth-child(3){animation-delay:.3s}
@keyframes tdot{40%{transform:translateY(-3px);opacity:.5}}
.coach-sugs{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.coach-sugs button{background:#141c16;border:1px solid #26332a;color:#a9c9b6;font:600 9px var(--body);padding:6px 10px;border-radius:99px;cursor:pointer}
.coach-sugs button:hover{border-color:#3f5a4a;color:#d5ecdd}
.coach-form{display:flex;gap:8px;margin-top:10px}
.coach-form input{flex:1;background:#141c16;border:1px solid #26332a;border-radius:12px;color:#e8f1ea;font:400 11px var(--body);padding:10px 12px;outline:none}
.coach-form input:focus{border-color:#3f6a50}
.coach-form button{width:38px;border:0;border-radius:12px;background:#b9ecc9;color:#0f241a;font-size:15px;cursor:pointer;font-weight:800}
/* more + appearance */
.more-list2{display:grid;gap:7px}
.ml{display:flex;align-items:center;gap:10px;background:#141a15;border:1px solid #222b25;border-radius:13px;padding:10px 12px}
.ml i{font-style:normal;width:30px;height:30px;border-radius:9px;background:#1a231d;display:grid;place-items:center;color:#9fd8bb;font-size:13px;flex:0 0 auto}
.ml div{flex:1}
.ml b{display:block;font:600 12px var(--display);color:#eef4ef}
.ml small{display:block;font-size:9px;color:#8ba397;margin-top:2px}
.ml-btn{border:1px solid #222b25;background:#141a15;color:inherit;font-family:var(--body);cursor:pointer;text-align:left;width:100%}
.ml-btn:hover{border-color:#3f5a4a}
.appearance-sheet{margin-top:10px;background:#141a15;border:1px solid #222b25;border-radius:14px;padding:12px;display:none}
.appearance-sheet.open{display:block}
.pal-row{display:flex;gap:7px;margin:9px 0 8px}
.pal{flex:1;display:grid;justify-items:center;gap:5px;background:#10160f;border:1px solid #232c26;border-radius:11px;color:#a9c9b6;font:600 9px var(--body);padding:9px 4px;cursor:pointer}
.pal i{width:18px;height:18px;border-radius:50%;background:var(--pc)}
.pal.on{border-color:var(--pc);color:#eef4ef}
.appearance-sheet small{font-size:8.5px;color:#7d9387;line-height:1.5;display:block}
/* contact chips + follow */
.footer-contact{display:flex;gap:8px;margin-left:auto;align-items:center}
.contact-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #cfdcd4;border-radius:99px;padding:7px 12px;font-size:10.5px;font-weight:700;color:#3d5749;background:#ffffff9a;transition:border-color .2s,transform .2s}
.contact-chip:hover{border-color:#648f7c;transform:translateY(-1px)}
.follow-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:16px;font-size:11px;color:#6d7b73}
.follow-row .contact-chip{background:#fff}
/* palette feature visuals: violet sleep + ocean training */
.visual-sleep{background:linear-gradient(150deg,#2c2745,#443c72)!important;color:#e6e1f6!important}
.visual-sleep .moon,.visual-sleep .sleep-visual-title{color:#cfc6ef}
.visual-sleep .sleep-stage{color:#a99fd4}
.visual-training{background:linear-gradient(150deg,#12262e,#1e4a52)!important}
.visual-training .training-top{color:#8fc6c9}
.visual-training .training-number{color:#d3eef0}
.visual-training .training-number small{color:#7fb3b8}
.visual-training .training-chart{border-color:#2a5258}
.visual-training .training-chart i{background:#3e8a90}
.visual-training .training-chart i:nth-child(2n){background:#57a7ad}
.visual-training .training-chart i:nth-child(6){background:#7fe0c3}
.visual-training .training-days{color:#7fb3b8}
/* responsive */
@media(max-width:900px){.try-grid{gap:36px}}
@media(max-width:680px){.s26{width:280px;height:590px;border-radius:38px}.s26-big{width:300px;height:640px}.s26-screen{padding:16px 11px 58px;border-radius:30px}.try-grid{grid-template-columns:1fr}.try-copy{max-width:none}.bodyband-layout{grid-template-columns:1fr}.s26-wrap{order:2}.body-copy{order:1}.sig-chip b{font-size:10px}.sig-chip small{font-size:8.5px}.sig-chip{padding:6px 8px}.ic{width:22px;height:22px;font-size:11px}.footer-contact{margin-left:0}.footer-top{flex-wrap:wrap;gap:10px}}
@media(prefers-reduced-motion:reduce){.metric-page{transition:none}.appdemo-view{animation:none}.typing-dots i{animation:none}}
/* ===== 2026-11-11 round 3: rotating body, real tab-bar icons, topbar contacts ===== */
/* rotating body stage */
.body-stage2.rotator{aspect-ratio:640/886;touch-action:pan-y;cursor:grab;outline-offset:4px}
.body-stage2.rotator.grabbing{cursor:grabbing}
.bframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}
.bframe.on{opacity:1}
.rot-hint{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:5px;background:#0c120ecc;color:#9fd8bb;font-size:8px;font-weight:700;letter-spacing:1.1px;padding:5px 8px;border-radius:99px;backdrop-filter:blur(6px);pointer-events:none;text-transform:uppercase}
.rot-hint i{font-style:normal;font-size:10px;animation:hint-spin 3.2s ease-in-out infinite}
@keyframes hint-spin{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}
@media(prefers-reduced-motion:reduce){.rot-hint i{animation:none}}
/* signal chips — sized like the app, glyph without box */
.sig-chip{gap:6px;background:#141a16f2;border-radius:14px;padding:5px 9px}
.sig-chip span{line-height:1.12}
.sig-chip b{font-size:10.5px}
.sig-chip small{font-size:9px}
.sig-chip.chip-off{opacity:0;pointer-events:none}
.sig-chip{transition:opacity .22s ease,transform .25s var(--ease),border-color .25s,background .25s}
.ic{width:15px;height:15px;border-radius:0;background:none;font-size:0}
.ic svg{width:100%;height:100%;display:block}
.ic-mind{color:#79cfd8}
.ic-heart{color:#f0925c}
.ic-temp{color:#d9bc62}
.ic-breath,.ic-o2{color:#66c3d6}
.ic-steps{color:#93b3a0}
.ic-calories{color:#f0925c}
.ic-recovery{color:#57d98a}
.ic-rest,.ic-sleep{color:#a9c0e8}
@media(max-width:680px){.sig-chip b{font-size:9.5px}.sig-chip small{font-size:8px}.sig-chip{padding:4px 7px;border-radius:11px}.ic{width:13px;height:13px}}
/* app-like cards under the body card */
.s26-screen-flow{padding-bottom:14px}
.session-card{display:flex;align-items:center;gap:10px;padding:11px 12px;margin-bottom:9px}
.ss-ic{width:34px;height:34px;border-radius:11px;background:#12251f;color:#5bc8d8;display:grid;place-items:center;flex:0 0 auto}
.ss-ic svg{width:18px;height:18px}
.session-card div{flex:1}
.session-card b{display:flex;align-items:center;gap:7px;font:600 13px var(--display);color:#eef4ef}
.session-card .beta{font-style:normal;font-size:7.5px;font-weight:800;letter-spacing:1.2px;color:#9fd8bb;border:1px solid #2c4a3c;border-radius:99px;padding:2.5px 7px;background:#14231c}
.session-card small{display:block;font-size:9px;line-height:1.5;color:#8ba397;margin-top:3px}
.eve-row{display:flex;align-items:center;justify-content:space-between;margin:2px 2px 9px}
.eve-row>span:first-child{font-size:12px;color:#cfe0d5;font-weight:600}
.eve-pills{display:flex;gap:6px}
.eve-pills i{font-style:normal;font-size:8px;font-weight:800;letter-spacing:1px;color:#57d98a;border:1px solid #2c4a3c;border-radius:99px;padding:4px 9px;display:inline-flex;align-items:center;gap:4px;background:#12241b}
.eve-pills i.solid b{width:5px;height:5px;border-radius:50%;background:#57d98a}
.app-card.synth.solo{display:flex;align-items:center;gap:10px;margin-bottom:0}
.app-card.synth.solo b{flex:1;font:600 15px var(--display);color:#eef4ef}
.app-card.synth.solo .card-eyebrow{flex:0 0 auto}
/* real-app tab bar icons */
.appdemo-nav .an svg{width:21px;height:21px;display:block}
.appdemo-nav .an{gap:4px;padding:5px 9px}
.appdemo-nav .an small{font-size:8.5px}
.today-orb svg{width:19px;height:19px}
/* topbar contact chips */
.topbar-contact{display:inline-flex;gap:8px;margin-left:14px;align-items:center}
.topbar-contact .contact-chip{padding:6px 11px;font-size:10px;gap:6px;border-color:#d3dfd7;background:#ffffff70}
@media(max-width:1330px){.topbar-contact{display:none}}
@media(max-width:680px){.s26-screen-flow{padding-bottom:10px}.session-card small{font-size:8.5px}}
.sig-chip span b,.sig-chip span small{white-space:nowrap}
/* mobile overflow guard (pre-existing: wide headlines forced sideways scroll on phones) */
html,body{overflow-x:clip}
@media(max-width:680px){.hero h1{font-size:clamp(42px,12.4vw,68px);letter-spacing:-3.2px}}
@media(max-width:680px){.hero{grid-template-columns:minmax(0,1fr)}.hero-copy,.hero-art{min-width:0}}
/* ===== round 3c: floating card tab bar, scrollable demo views (no overlap) ===== */
.s26-screen#appScreen{display:flex;flex-direction:column;padding-bottom:82px}
#appScreen .appdemo-view{display:none;height:100%;overflow-y:auto;scrollbar-width:none;padding-bottom:26px}
#appScreen .appdemo-view.on{display:block;animation:appfade .3s var(--ease)}
.appdemo-nav{left:10px;right:10px;bottom:12px;height:58px;border-radius:24px;border:1px solid #232d26;background:#10160f;box-shadow:0 12px 28px #0009}
.today-orb{margin-top:-16px}
.coach-thread{max-height:none;overflow:visible}
#appScreen .appdemo-view.on#av-coach{display:flex;flex-direction:column}
#av-coach .coach-thread{flex:1;min-height:0;overflow-y:auto}
@media(max-width:680px){.s26-screen#appScreen{padding-bottom:74px}.appdemo-nav{height:54px;bottom:10px;border-radius:21px}.today-orb{margin-top:-14px}}
.body-mini img{height:222px;object-fit:cover;object-position:top}
/* gap between the dark demo band and the privacy band below it */
.tryband{margin-bottom:26px}