:root{--night:#061921;--night-2:#0a2631;--cyan:#08b9db;--cyan-soft:#82e3f0;--paper:#f4f6f6;--white:#fff;--ink:#14242b;--muted:#68777d;--line:#dfe4e5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.site-header{height:76px;padding:0 5vw;display:flex;align-items:center;gap:40px;background:var(--night);color:#fff;position:relative;z-index:20;border-bottom:1px solid #ffffff16}.brand{display:flex;align-items:center;gap:10px;font-size:20px}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--cyan);display:grid;place-items:center;color:var(--night);font-weight:900}.brand strong{letter-spacing:-.04em}.site-header nav{display:flex;gap:29px;margin-left:auto;color:#a8b6bb;font-size:13px}.site-header nav a:hover{color:#fff}.header-store{border:1px solid #ffffff55;border-radius:8px;padding:10px 16px;font-size:12px;font-weight:700}.menu-button{display:none}.hero{min-height:760px;background:radial-gradient(circle at 75% 43%,#0d5263 0,transparent 32%),linear-gradient(135deg,#061921,#0b2935);color:#fff;padding:100px 5vw 80px;display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:800;color:var(--cyan-soft)}.dark{color:#078daa}.hero h1{font-size:clamp(64px,7.5vw,112px);line-height:.88;letter-spacing:-.065em;margin:27px 0}.hero h1 em{font-style:normal;color:var(--cyan)}.hero-lead{max-width:580px;color:#a8b7bd;font-size:18px;line-height:1.65}.hero-lead strong{color:#fff;font-weight:700}.hero-actions{display:flex;align-items:center;gap:13px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:15px 21px;font-size:13px;font-weight:750}.primary{background:var(--cyan);color:var(--night)}.secondary{border:1px solid #ffffff45;color:#fff}.secondary span{font-size:9px;margin-right:9px}.hero-meta{display:flex;gap:25px;margin-top:55px;color:#72868e;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.hero-product{height:590px;position:relative;display:grid;place-items:center}.hero-glow{position:absolute;width:70%;height:60%;background:var(--cyan);opacity:.16;filter:blur(90px);border-radius:50%}.ipad,.screen-frame{border:7px solid #20272a;background:#121719;border-radius:28px;padding:8px;box-shadow:0 45px 100px #0008;overflow:hidden}.ipad{width:min(57vw,840px);transform:perspective(1200px) rotateY(-7deg) rotateX(3deg)}.ipad img,.screen-frame img{display:block;width:100%;border-radius:15px}.ipad-camera{position:absolute}.floating-card{position:absolute;background:#fff;color:var(--ink);border-radius:13px;box-shadow:0 18px 50px #0007;z-index:2}.mix-card{left:1%;bottom:5%;padding:14px;display:flex;align-items:center;gap:8px;font-size:9px}.mix-card b{font-size:18px}.mix-card i{width:45px;height:4px;background:linear-gradient(90deg,var(--cyan) 50%,#dbe1e2 50%);border-radius:4px}.bpm-card{right:1%;top:5%;width:90px;height:90px;border-radius:50%;display:grid;place-items:center;align-content:center}.bpm-card b{font-size:30px}.bpm-card span{font-size:8px;color:#748187}.promise{height:120px;padding:0 5vw;display:flex;align-items:center;gap:8vw;border-bottom:1px solid var(--line)}.promise>p{font-size:9px;letter-spacing:.15em;font-weight:800;color:#879399}.promise>div{display:flex;justify-content:space-between;align-items:center;flex:1;font-size:22px;color:#49585e}.promise i{font-style:normal;font-size:8px;color:var(--cyan)}.how,.features,.study{padding:110px 5vw;background:var(--paper)}.section-heading{max-width:760px}.section-heading h2,.core-copy h2,.method-copy h2,.manual h2,.final-cta h2{font-size:clamp(46px,5.7vw,78px);line-height:1.02;letter-spacing:-.055em;margin:18px 0}.section-heading>p:last-child{max-width:600px;color:var(--muted);line-height:1.65}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:68px}.how-grid article{background:#fff;border:1px solid #e0e4e3;border-radius:15px;padding:22px;opacity:0;transform:translateY(16px);transition:.5s}.how-grid article.visible{opacity:1;transform:none}.step-number{font-size:9px;color:#98a2a6}.step-visual{height:220px;border-radius:11px;background:#edf1f1;margin:20px 0 28px;display:flex;align-items:center;justify-content:center}.patterns{gap:8px}.patterns b{font:27px Georgia;width:57px;height:57px;background:#fff;border-radius:50%;display:grid;place-items:center;box-shadow:0 7px 20px #0001}.tempo{flex-direction:column}.tempo b{font-size:64px;font-weight:300}.tempo small{font-size:8px;color:#79868b}.tempo i{width:65%;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--cyan) 60%,#d0d6d7 60%);margin-top:25px}.start{flex-direction:column;gap:24px}.start button{width:65px;height:65px;border:0;border-radius:50%;background:var(--cyan);font-size:18px}.start>div{height:30px;display:flex;gap:5px;align-items:center}.start i{display:block;width:3px;background:#76858a}.start i:nth-child(1){height:30%}.start i:nth-child(2){height:80%}.start i:nth-child(3){height:50%}.start i:nth-child(4){height:100%}.start i:nth-child(5){height:40%}.how-grid h3{font-size:25px;margin:0}.how-grid p{color:var(--muted);line-height:1.55}.core-feature{min-height:820px;padding:110px 5vw;background:linear-gradient(135deg,#082732,#051820);color:#fff;display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;overflow:hidden}.core-copy>p{color:#90a5ad;line-height:1.65}.core-copy ul{list-style:none;padding:0;margin-top:40px;border-top:1px solid #ffffff22}.core-copy li{padding:17px 0;border-bottom:1px solid #ffffff22;color:#a8b8be}.core-copy li span{display:inline-block;width:48px;color:var(--cyan);font-size:10px}.core-visual{position:relative;padding-left:6vw}.core-visual .screen-frame{transform:rotate(3deg);width:110%}.sequence-badge{position:absolute;left:1%;bottom:-25px;background:#fff;color:var(--ink);padding:16px 21px;border-radius:12px;box-shadow:0 17px 45px #0006;display:flex;align-items:center;gap:12px}.sequence-badge b{font-size:30px;color:var(--cyan)}.sequence-badge span{font-size:10px}.centered{text-align:center;margin:0 auto}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:65px}.feature-card{min-height:390px;border-radius:17px;padding:32px;position:relative;overflow:hidden;opacity:0;transform:translateY(16px);transition:.5s}.feature-card.visible{opacity:1;transform:none}.feature-card>span,.feature-copy-card>span{font-size:9px;letter-spacing:.15em;font-weight:800}.feature-card h3{font-size:37px;line-height:1.08;letter-spacing:-.045em;margin:25px 0 12px}.feature-card p{line-height:1.55;max-width:430px}.wide{grid-column:1/-1;display:grid;grid-template-columns:.65fr 1.35fr;gap:5vw}.cyan{background:#55cde0}.navy{background:#0a2631;color:#fff}.light{background:#fff;border:1px solid #e1e5e4}.ramp-card{background:#d9f3f6}.timer-card{background:#9ae3ee}.preset-card{background:#c9eef2}.feature-copy-card{align-self:center}.feature-image{display:flex;align-items:flex-end}.feature-image img{width:110%;border:6px solid #20282b;border-radius:22px;transform:translateY(12%) rotate(-2deg);box-shadow:0 20px 60px #0003}.mix-demo{margin-top:55px;display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative}.mix-demo>div{background:#ffffff12;border:1px solid #ffffff20;border-radius:11px;padding:19px;display:flex;flex-direction:column}.mix-demo span{color:#8ea2aa;font-size:11px}.mix-demo i{position:absolute;height:4px;left:20%;right:20%;bottom:-25px;background:linear-gradient(90deg,var(--cyan) 50%,#ffffff30 50%)}.pulse-demo{display:flex;gap:8px;margin-top:60px}.pulse-demo b{width:58px;height:58px;border-radius:12px;background:#edf1f1;display:grid;place-items:center}.pulse-demo b:nth-child(3){background:var(--cyan);color:#fff}.timer-display{font-size:85px;font-weight:250;letter-spacing:-.06em;margin-top:55px}.timer-display span{color:#fff}.preset-list{display:flex;flex-direction:column;gap:9px;margin-top:40px}.preset-list span{background:#ffffff75;border-radius:9px;padding:14px}.method{min-height:780px;padding:110px 5vw;background:var(--night);color:#fff;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:8vw;overflow:hidden}.method-visual .screen-frame{width:115%;transform:rotate(-4deg) translateX(-10%)}.method-copy>p{color:#98aab0;line-height:1.7}.method-copy blockquote{margin:45px 0 0;border-left:2px solid var(--cyan);padding-left:22px;color:#d8e3e6;font:italic 20px/1.5 Georgia}.study-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:60px}.study-grid article{background:#fff;border:1px solid #e1e5e4;border-radius:14px;padding:28px;min-height:270px;opacity:0;transform:translateY(15px);transition:.5s}.study-grid article.visible{opacity:1;transform:none}.study-grid span{color:var(--cyan);font-weight:800}.study-grid h3{font-size:24px;margin-top:70px}.study-grid p{color:var(--muted);line-height:1.5}.manual{padding:110px 5vw;background:#d9f3f6;display:grid;grid-template-columns:1fr .65fr;align-items:center;gap:10vw}.manual>div:first-child>p:not(.eyebrow){color:var(--muted);line-height:1.65;max-width:600px}.manual-cover{height:500px;background:linear-gradient(145deg,#0b3340,#061921);color:#fff;border-radius:8px;padding:42px;display:flex;flex-direction:column;box-shadow:0 30px 70px #47707855;position:relative;transform:rotate(3deg)}.manual-cover>span{font-size:11px;letter-spacing:.18em;color:var(--cyan-soft)}.manual-cover b{font-size:57px;line-height:1;margin-top:75px}.manual-cover small{margin-top:auto;color:#8ba1a8}.manual-cover i{position:absolute;right:38px;bottom:30px;width:70px;height:70px;border-radius:50%;background:var(--cyan);color:var(--night);display:grid;place-items:center;font-size:30px}.final-cta{padding:120px 5vw;text-align:center;background:var(--night);color:#fff}.final-cta>p:not(.eyebrow){color:#8ea0a7}.final-cta .button{margin-top:25px}footer{padding:55px 5vw;background:#030d12;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}footer>p{color:#71838b}footer>div{display:flex;justify-content:flex-end;gap:23px;font-size:12px;color:#a1b0b6}footer small{color:#52636a}
@media(max-width:800px){.site-header{height:68px;padding:0 20px}.site-header nav,.header-store{display:none}.site-header nav.open{display:flex;position:absolute;top:68px;left:0;right:0;background:var(--night);padding:25px;flex-direction:column}.menu-button{display:block;margin-left:auto;border:0;background:none;color:#fff}.hero{grid-template-columns:1fr;padding:70px 20px}.hero h1{font-size:57px}.hero-actions{align-items:stretch;flex-direction:column}.hero-meta{flex-wrap:wrap}.hero-product{height:450px}.ipad{width:100%}.promise{height:auto;padding:30px 20px;display:block}.promise>div{display:grid;grid-template-columns:1fr 20px 1fr;margin-top:18px;gap:10px}.promise i:nth-of-type(2),.promise i:nth-of-type(3){display:none}.how,.features,.study{padding:85px 20px}.section-heading h2,.core-copy h2,.method-copy h2,.manual h2,.final-cta h2{font-size:41px}.how-grid,.study-grid{grid-template-columns:1fr}.core-feature,.method,.manual{grid-template-columns:1fr;padding:85px 20px}.core-visual{padding:65px 0 0}.core-visual .screen-frame,.method-visual .screen-frame{width:110%}.feature-grid{grid-template-columns:1fr}.feature-card,.wide{grid-column:auto;grid-template-columns:1fr;min-height:360px}.feature-image{margin-top:30px}.method-visual{order:2;margin-top:55px}.study-grid article{min-height:230px}.study-grid h3{margin-top:45px}.manual-cover{height:420px;margin-top:50px}.final-cta{padding:90px 20px}footer{grid-template-columns:1fr;padding:50px 20px}footer>div{justify-content:flex-start;flex-wrap:wrap}}
.language-picker{position:relative}.language-button{display:flex;align-items:center;gap:7px;border:1px solid #ffffff2b;background:#ffffff0b;color:#fff;border-radius:8px;padding:9px 11px;font:700 11px/1 inherit;cursor:pointer}.current-flag{font-size:16px}.language-menu{display:none;position:absolute;right:0;top:calc(100% + 10px);width:205px;padding:7px;background:#0b2530;border:1px solid #ffffff20;border-radius:12px;box-shadow:0 20px 50px #0008;z-index:30}.language-menu.open{display:grid}.language-menu button{border:0;background:transparent;color:#b7c5ca;text-align:left;padding:10px 11px;border-radius:7px;cursor:pointer;font:500 12px inherit}.language-menu button:hover,.language-menu button[aria-selected=true]{background:#ffffff10;color:#fff}.language-menu button span{font-size:17px;margin-right:8px}@media(max-width:800px){.site-header{gap:12px}.language-picker{margin-left:auto}.language-button{padding:7px 9px}.current-code{display:none}.language-menu{position:fixed;top:60px;right:20px}.menu-button{margin-left:0}}
.hero-copy{container-type:inline-size}.hero .app-title{display:flex;align-items:center;gap:14px;font-size:clamp(30px,3.2vw,48px);line-height:1;letter-spacing:-.04em;margin:18px 0 22px;color:#fff}.app-title:after{content:"";width:54px;height:3px;border-radius:3px;background:var(--cyan)}.hero-slogan{font-size:clamp(32px,4.5vw,88px);font-size:clamp(32px,9.5cqw,88px);line-height:.92;letter-spacing:-.06em;margin:0 0 27px;white-space:nowrap;overflow-wrap:normal;word-break:keep-all}.hero-slogan em{font-style:normal;color:var(--cyan)}@media(max-width:800px){.hero .app-title{font-size:30px}.hero-slogan{font-size:clamp(32px,9.5cqw,44px)}}
@media(min-width:801px){.hero{grid-template-columns:.72fr 1.28fr;column-gap:3vw;padding-left:4vw;padding-right:3vw}.hero-copy{position:relative;z-index:3}.hero-product{height:clamp(610px,34vw,690px);min-width:0}.ipad{width:94%;max-width:1180px;justify-self:end;transform:rotate(1.5deg);transform-origin:center}.mix-card{left:1%;bottom:0}.bpm-card{right:1%}}
.site-header nav{align-items:center}.site-header nav .nav-manual{border:1px solid #ffffff48;border-radius:8px;padding:10px 13px;color:#fff;font-weight:700;transition:border-color .2s,background .2s}.site-header nav .nav-manual:after{content:"↘";margin-left:7px;color:var(--cyan)}.site-header nav .nav-manual:hover{border-color:var(--cyan);background:#08b9db14}
.back-to-top{position:fixed;right:24px;bottom:24px;width:52px;height:52px;border:1px solid #ffffff55;border-radius:50%;background:var(--cyan);color:var(--night);box-shadow:0 12px 35px #0006;display:grid;place-items:center;font:800 25px/1 inherit;cursor:pointer;z-index:50;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s,visibility .25s,transform .25s,background .2s}.back-to-top.visible{opacity:1;visibility:visible;transform:none}.back-to-top:hover{background:var(--cyan-soft)}.back-to-top:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:800px){.back-to-top{right:16px;bottom:16px;width:46px;height:46px;font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.back-to-top{transition:none}}