:root{--navy:#071426;--navy2:#0b1d34;--teal:#12b6c7;--teal2:#56e0e4;--pink:#ed1762;--ice:#f1f7fa;--white:#fff;--ink:#0c1a2e;--muted:#637184;--line:#dbe6eb;--shadow:0 24px 70px rgba(2,17,34,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1160px,calc(100% - 40px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:82px;background:rgba(7,20,38,.96);color:#fff;position:fixed;z-index:20;inset:0 0 auto;backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:50px;height:40px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,var(--teal2),var(--teal));clip-path:polygon(12% 5%,88% 5%,100% 34%,90% 82%,50% 100%,10% 82%,0 34%);filter:drop-shadow(0 4px 9px rgba(15,182,199,.2))}.brand-mark:after{content:"";position:absolute;inset:3px;border:2px solid var(--pink);clip-path:inherit}.brand-mark span{font-weight:1000;font-style:italic;letter-spacing:-3px;font-size:18px;color:#fff;z-index:1}.brand-copy{display:flex;flex-direction:column;line-height:.84;font-style:italic}.brand-copy small{font-size:9px;font-weight:900;letter-spacing:2px}.brand-copy strong{font-size:16px;font-weight:1000;letter-spacing:-.6px}.brand-copy em{font-style:inherit;color:var(--teal2)}#main-nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:750}#main-nav>a:not(.button){opacity:.75;transition:.2s}#main-nav>a:not(.button):hover{opacity:1;color:var(--teal2)}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:5px;padding:14px 21px;font-size:13px;font-weight:900;letter-spacing:.3px;text-transform:uppercase;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg,var(--pink),#d70d53);color:#fff;box-shadow:0 12px 28px rgba(237,23,98,.24)}.button-ghost{border:1px solid rgba(255,255,255,.25);color:#fff}.button-small{padding:9px 14px}.button-text{color:#fff;padding-inline:8px}.button-white{background:#fff;color:var(--navy);box-shadow:0 12px 28px rgba(0,0,0,.15)}
.hero{min-height:760px;background:radial-gradient(circle at 76% 45%,rgba(18,182,199,.13),transparent 30%),linear-gradient(125deg,#061222,#0a1d34);color:#fff;padding:160px 0 90px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(255,255,255,.05);border-radius:50%;left:-280px;bottom:-260px}.rink-lines{position:absolute;inset:82px 0 0;background:linear-gradient(90deg,transparent 49.9%,rgba(237,23,98,.05) 50%,transparent 50.1%);opacity:.6}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:70px;position:relative}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:900;color:var(--teal2);display:flex;align-items:center;gap:10px}.eyebrow span{width:32px;height:2px;background:var(--pink)}.eyebrow.dark{color:#188b9a}.hero h1{font-size:clamp(45px,5vw,71px);line-height:.98;letter-spacing:-3.8px;margin:22px 0 26px;max-width:620px}.hero h1 em{display:block;color:var(--teal2);font-style:italic}.hero-copy>p{font-size:18px;color:#b9c7d7;max-width:570px}.hero-actions{display:flex;gap:14px;align-items:center;margin:35px 0}.trust-row{display:flex;flex-wrap:wrap;gap:16px;font-size:11px;color:#aebdcd}.trust-row i{display:inline-grid;place-items:center;width:17px;height:17px;border:1px solid var(--teal);border-radius:50%;color:var(--teal2);font-style:normal;margin-right:5px}
.hero-product{position:relative}.glow{position:absolute;inset:15% 10%;background:var(--teal);filter:blur(80px);opacity:.13}.dashboard-card{position:relative;background:#f6fafc;color:var(--ink);border-radius:12px;padding:18px;box-shadow:0 34px 80px rgba(0,0,0,.42);transform:perspective(1200px) rotateY(-5deg) rotateX(2deg);border:1px solid rgba(255,255,255,.5)}.dash-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #dce6ea}.mini-brand{font-size:10px;display:flex;align-items:center;gap:8px}.mini-mark{background:var(--teal);color:white;padding:5px;border-radius:4px;font-weight:1000}.coach-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-size:10px;font-weight:900}.welcome{padding:22px 6px 15px}.welcome small,.next-session small{color:#8996a4;font-size:8px;font-weight:900;letter-spacing:1.3px}.welcome h2{font-size:24px;margin:3px 0}.welcome p{margin:0;color:#738091;font-size:11px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats div{background:#fff;border:1px solid #e4ecef;border-radius:7px;padding:12px}.stats strong{font-size:22px;display:block}.stats span{font-size:9px;color:#7a8794}.next-session{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;background:var(--navy);color:#fff;padding:13px;margin-top:10px;border-radius:8px}.date{display:flex;flex-direction:column;align-items:center;color:var(--teal2);border-right:1px solid #34435a;padding-right:12px}.date b{font-size:21px}.date span{font-size:7px}.next-session>div:nth-child(2){display:flex;flex-direction:column}.next-session strong{font-size:11px}.next-session div>span{font-size:8px;color:#98a9bc}.next-session button{border:0;background:var(--pink);color:white;width:28px;height:28px;border-radius:50%}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.quick-grid div{background:#fff;border:1px solid #e3ebee;padding:12px 8px;border-radius:6px;display:flex;align-items:center;gap:7px;font-size:9px}.quick-grid span{color:var(--pink);font-size:16px}.floating-note{position:absolute;right:-18px;bottom:-22px;background:#fff;color:var(--ink);border-radius:7px;padding:11px 16px;display:flex;gap:9px;align-items:center;box-shadow:var(--shadow)}.floating-note>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#dff8f6;color:#07998e}.floating-note div{display:flex;flex-direction:column}.floating-note small{font-size:7px;color:#81909e;font-weight:900}.floating-note b{font-size:10px}
.section{padding:105px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading h2,.how h2,.platform h2{font-size:clamp(35px,4vw,52px);line-height:1.05;letter-spacing:-2.2px;margin:14px 0 0}.section-heading>p{max-width:430px;color:var(--muted);margin:0}.features{background:var(--ice)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{background:#fff;border:1px solid #e0e9ed;border-radius:8px;padding:27px;min-height:225px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.feature-main{grid-row:span 2;min-height:464px;background:var(--navy);color:#fff}.feature-video{grid-column:span 2}.feature-icon{width:43px;height:43px;border-radius:5px;display:grid;place-items:center;font-weight:1000;font-size:21px}.feature-icon.pink{background:#fde6ef;color:var(--pink)}.feature-icon.teal{background:#dff6f7;color:#099aaa}.feature-main .feature-icon{background:rgba(237,23,98,.16)}.feature-card .number{position:absolute;right:23px;top:24px;color:#ccd7dc;font-size:11px;font-weight:900}.feature-card h3{margin:24px 0 8px;font-size:20px}.feature-card p{font-size:14px;color:var(--muted);margin:0}.feature-main p{color:#aebdcb}.planner-mini{margin-top:35px;display:grid;gap:8px}.planner-mini div{display:flex;justify-content:space-between;border-left:3px solid var(--teal);padding:10px;background:rgba(255,255,255,.06);font-size:10px}.planner-mini div:nth-child(2){border-color:var(--pink)}.planner-mini span{color:#91a2b4}.video-mini{position:absolute;width:47%;right:24px;bottom:22px;top:22px;background:linear-gradient(140deg,#152b43,#091729);border-radius:6px;overflow:hidden}.play{position:absolute;display:grid;place-items:center;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:43px;height:43px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff}.angle-line{position:absolute;width:90px;height:2px;background:var(--pink);transform:rotate(-34deg);left:20%;top:68%}.angle-dot{position:absolute;width:9px;height:9px;border:2px solid var(--teal2);border-radius:50%;left:60%;top:39%}
.how{background:var(--navy);color:#fff}.how-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.how-copy>p{color:#afbdcb;max-width:480px;margin-bottom:28px}.steps{display:grid}.steps article{display:grid;grid-template-columns:80px 1fr;gap:22px;padding:29px 0;border-bottom:1px solid rgba(255,255,255,.12)}.steps article>span{font-size:35px;font-weight:1000;color:var(--teal2);font-style:italic}.steps h3{margin:0;font-size:22px}.steps p{margin:3px 0;color:#aab8c6;font-size:14px}
.platform-card{background:linear-gradient(120deg,#eaf6f8,#fff);border:1px solid #dce8ec;border-radius:12px;padding:58px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.platform-card>div:first-child{position:relative;z-index:2}.platform p{color:var(--muted);max-width:520px}.device-list{display:flex;gap:10px;margin-top:26px}.device-list span{font-size:9px;font-weight:900;letter-spacing:1.4px;background:#fff;border:1px solid #d7e3e7;border-radius:20px;padding:7px 13px}.devices{min-height:300px;position:relative}.laptop{position:absolute;width:370px;height:230px;background:#0b192b;border:8px solid #17283b;border-radius:12px;left:15px;top:25px;box-shadow:var(--shadow)}.laptop:after{content:"";position:absolute;width:420px;height:10px;background:#cdd9df;border-radius:2px 2px 10px 10px;left:-33px;bottom:-17px}.laptop>div{background:#eff6f8;height:100%;padding:26px}.mock-line{display:block;width:50%;height:8px;background:#a9c8d0;border-radius:5px;margin-bottom:8px}.mock-line.wide{width:75%;height:12px;background:var(--navy)}.laptop section{display:flex;gap:8px;margin-top:30px}.laptop i{width:33%;height:90px;border-radius:5px;background:#fff;border-top:5px solid var(--teal)}.laptop i:nth-child(2){border-color:var(--pink)}.phone{position:absolute;right:-4px;bottom:3px;width:116px;height:225px;background:#f5fafb;border:7px solid var(--navy);border-radius:20px;padding:34px 12px 12px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px}.notch{position:absolute;top:0;left:28px;width:48px;height:12px;background:var(--navy);border-radius:0 0 8px 8px}.phone b{color:var(--teal);font-size:23px}.phone span{height:8px;background:#d9e4e8;border-radius:5px}.phone span:nth-of-type(2){width:60%}.phone button{border:0;background:var(--pink);color:#fff;font-size:7px;font-weight:900;padding:8px;margin-top:auto;border-radius:4px}
.cta{background:linear-gradient(110deg,var(--pink),#c6094a);color:#fff;padding:55px 0}.cta .shell{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px}.brand-mark.large{width:73px;height:62px}.cta small{font-size:9px;font-weight:900;letter-spacing:2px}.cta h2{margin:3px 0;font-size:29px;letter-spacing:-1px}footer{background:#05101e;color:#8999aa;padding:42px 0}footer .shell{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px}.footer-brand{color:#fff}footer p{font-size:12px}footer nav{display:flex;gap:22px;font-size:11px;color:#bbc7d3}footer .shell>small{grid-column:1/-1;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);font-size:9px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}
@media(max-width:900px){.hero-grid,.how-grid,.platform-card{grid-template-columns:1fr}.hero-grid{gap:55px}.hero{padding-top:135px}.hero-product{max-width:610px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-main{grid-row:span 2}.feature-video{grid-column:auto}.video-mini{display:none}.section-heading{align-items:start;flex-direction:column}.how-grid{gap:50px}.platform-card{padding:42px}.devices{max-width:520px;width:100%;margin:auto}.cta .shell{grid-template-columns:auto 1fr}.cta .button{grid-column:1/-1}footer .shell{grid-template-columns:1fr auto}footer p{display:none}}
@media(max-width:720px){.shell{width:min(100% - 28px,1160px)}.site-header{height:72px}.menu-toggle{display:block}#main-nav{position:absolute;left:0;right:0;top:72px;background:#071426;padding:18px 22px 25px;display:none;flex-direction:column;align-items:stretch;gap:10px;border-top:1px solid rgba(255,255,255,.1)}#main-nav.open{display:flex}#main-nav a{padding:8px}.hero{padding:120px 0 72px;min-height:auto}.hero-grid{display:block}.hero h1{font-size:49px;letter-spacing:-2.7px}.hero-copy>p{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.trust-row{display:grid;margin-bottom:48px}.dashboard-card{transform:none}.floating-note{right:8px}.section{padding:75px 0}.feature-grid{grid-template-columns:1fr}.feature-main{grid-row:auto;min-height:420px}.feature-video{grid-column:auto}.how-grid{grid-template-columns:1fr;gap:30px}.steps article{grid-template-columns:58px 1fr}.platform-card{padding:30px 22px}.devices{transform:scale(.78);transform-origin:left center;width:125%;margin-bottom:-35px}.cta .shell{grid-template-columns:1fr;text-align:center}.cta .brand-mark{margin:auto}.cta .button{grid-column:auto}footer .shell{display:flex;flex-direction:column;align-items:flex-start;gap:18px}footer nav{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}