:root{--ink:#07060d;--ink2:#14112a;--paper:#f6f3ee;--gold:#f5c451;--pink:#ff3d8b;--violet:#7b5cff;--cyan:#38e1ff;--muted:#a9a6bd;--ease:cubic-bezier(.22,1,.36,1);--pop:cubic-bezier(.34,1.56,.64,1);
--serif:'Instrument Serif',Georgia,serif;--sans:'Space Grotesk',system-ui,sans-serif;--body:'Inter',system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}
body{font-family:var(--body);background:var(--ink);color:#fff;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}img{max-width:100%}
.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:var(--ink);padding:8px 14px;z-index:100;border-radius:6px}.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.ph{font-style:normal;background:rgba(245,196,81,.18);color:var(--gold);padding:0 .35em;border-radius:4px;font-size:.85em}
.light .ph{color:#8a5a00;background:#f5c45133}
/* header */
.hdr{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,4vw,56px);transition:transform .6s var(--ease),background .4s;}
.hdr.scrolled{background:rgba(7,6,13,.72);backdrop-filter:blur(14px)}.hdr.hide{transform:translateY(-110%)}
.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font:700 15px/1 var(--sans);letter-spacing:.14em}
.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--gold),var(--pink));color:var(--ink)}
nav{display:flex;gap:28px;align-items:center;font:500 14px var(--sans)}
nav a{text-decoration:none;position:relative}nav a:not(.cta)::after{content:"";position:absolute;left:0;bottom:-4px;height:1px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
nav a:hover::after{transform:scaleX(1);transform-origin:left}
.cta{background:#fff;color:var(--ink);padding:10px 18px;border-radius:99px;transition:transform .4s var(--pop)}.cta:hover{transform:scale(1.06)}
.menu-btn{display:none;background:none;border:1px solid #fff5;color:#fff;border-radius:99px;padding:8px 16px;font:500 14px var(--sans)}
@media(max-width:900px){.menu-btn{display:block}nav{position:fixed;inset:70px 12px auto;flex-direction:column;align-items:flex-start;background:var(--ink2);padding:24px;border-radius:18px;gap:18px;opacity:0;pointer-events:none;transform:translateY(-10px);transition:.4s var(--ease)}nav.open{opacity:1;pointer-events:auto;transform:none}}
/* type */
.eyebrow{font:600 12px var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:22px}
.light .eyebrow{color:#b5482f}
h1,h2.split{display:flex;flex-direction:column;line-height:.95;margin-bottom:28px}
.serif{font:400 clamp(44px,7vw,108px)/1 var(--serif);letter-spacing:-.01em}
.heavy{font:700 clamp(40px,6.4vw,100px)/1 var(--sans);letter-spacing:-.04em}
h2 .serif{font-size:clamp(38px,5.4vw,84px)}h2 .heavy{font-size:clamp(34px,5vw,78px)}
.line{display:block;overflow:hidden;padding-bottom:.08em}.line>span{display:block}
.lede,.body{font-size:clamp(16px,1.4vw,20px);max-width:600px;color:var(--muted)}.light .body{color:#4a4658}
/* buttons */
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:99px;padding:15px 28px;font:600 15px var(--sans);text-decoration:none;border:0;cursor:pointer;transition:transform .45s var(--pop),box-shadow .45s}
.primary{background:linear-gradient(120deg,var(--gold),var(--pink));color:var(--ink)}.primary:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 14px 40px -10px var(--pink)}
.ghost{border:1px solid #fff6;color:#fff}.ghost:hover{background:#fff;color:var(--ink)}
.explore{display:inline-flex;gap:10px;margin-top:26px;font:600 16px var(--sans);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}
.explore span{transition:transform .5s var(--ease)}.explore:hover span{transform:translateX(8px)}
.start-link{display:inline-flex;gap:8px;margin-top:18px;font:600 15px var(--sans);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}.start-link span{transition:transform .5s var(--ease)}.start-link:hover span{transform:translateX(6px)}
/* hero */
.hero{position:relative;min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding:120px clamp(20px,5vw,80px) 80px;overflow:hidden}
.hero.short{min-height:78vh;grid-template-columns:1fr}
.hero-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(120% 80% at 70% 10%,#24124a 0%,var(--ink) 60%)}
.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.7;mix-blend-mode:screen;animation:float 14s ease-in-out infinite alternate}
.o1{width:520px;height:520px;background:var(--violet);top:-120px;right:-80px}.o2{width:380px;height:380px;background:var(--pink);bottom:-80px;left:30%;animation-delay:-5s}.o3{width:260px;height:260px;background:var(--cyan);top:40%;right:20%;opacity:.45;animation-delay:-9s}
.o4{width:500px;height:500px;background:var(--violet);right:-150px;top:10%;opacity:.35}
@keyframes float{to{transform:translate3d(-60px,50px,0) scale(1.15)}}
.wave{position:absolute;left:-10%;right:-10%;bottom:-2px;height:42%;background:repeating-linear-gradient(90deg,transparent 0 38px,#ffffff08 38px 40px),linear-gradient(0deg,#ff3d8b30,transparent);-webkit-mask:radial-gradient(120% 100% at 50% 100%,#000 40%,transparent 72%);animation:wave 9s linear infinite}
@keyframes wave{to{background-position:400px 0,0 0}}
.grain{position:absolute;inset:0;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero-inner,.devices{position:relative;z-index:2}
.devices{position:relative;height:560px}
.dev{position:absolute;width:300px;background:rgba(20,17,42,.72);border:1px solid #ffffff1f;border-radius:22px;padding:16px;backdrop-filter:blur(16px);box-shadow:0 30px 80px -20px #000;font-size:14px}
.d1{top:0;left:6%}.d2{top:190px;right:0}.d3{bottom:0;left:16%}
.bar{display:flex;gap:8px;align-items:center;font:500 12px var(--sans);color:var(--muted);margin-bottom:12px}.bar i{width:8px;height:8px;border-radius:50%;background:#3ddc97}.bar i.amber{background:var(--gold)}.bar i.violet{background:var(--violet)}
.in,.out{padding:9px 13px;border-radius:14px;margin:6px 0;max-width:88%}.in{background:#ffffff14}.out{background:linear-gradient(120deg,#7b5cff,#a24bff);margin-left:auto}.ok{background:#3ddc9722;color:#7ff0bf}
.row{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-top:1px solid #ffffff12}
.t{font:600 11px var(--sans);padding:2px 9px;border-radius:99px}.new{background:#38e1ff22;color:var(--cyan)}.rem{background:#f5c45122;color:var(--gold)}.won{background:#ff3d8b22;color:#ff8dbb}
.scroll-cue{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:2;font:500 11px var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:10px}
.scroll-cue span{width:1px;height:44px;background:linear-gradient(#fff,transparent);animation:cue 2s var(--ease) infinite}@keyframes cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
/* chapters */
.chapter{position:relative;padding:clamp(100px,14vw,200px) clamp(20px,5vw,80px);overflow:hidden}
.wrap{max-width:1240px;margin:0 auto;position:relative;z-index:2}.narrow{max-width:900px}
.light{background:var(--paper);color:var(--ink)}.dark{background:var(--ink)}
.neon{background:linear-gradient(180deg,#0b0820,#2a0f3d);min-height:90vh;display:flex;align-items:center}
.skyline{position:absolute;inset:auto -5% -10% -5%;height:70%;z-index:1;background:
 linear-gradient(0deg,#ff3d8b40,transparent 60%),
 repeating-linear-gradient(90deg,#0b0820 0 60px,transparent 60px 64px);
 -webkit-mask:linear-gradient(0deg,#000,transparent);
 clip-path:polygon(0 100%,0 60%,6% 60%,6% 30%,10% 30%,10% 55%,18% 55%,18% 15%,21% 5%,24% 15%,24% 50%,33% 50%,33% 35%,40% 35%,40% 62%,48% 62%,48% 20%,52% 20%,52% 45%,60% 45%,60% 8%,63% 0,66% 8%,66% 52%,75% 52%,75% 28%,82% 28%,82% 58%,90% 58%,90% 38%,100% 38%,100% 100%);background-color:#ff3d8b22}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:70px}
.fcard{padding:34px;border-radius:24px;background:#ffffff0a;border:1px solid #ffffff17;transition:transform .55s var(--pop),background .4s}
.fcard:hover{transform:translateY(-8px);background:#ffffff14}.fcard.lt{background:#fff;border-color:#0000000f}.fcard.lt:hover{box-shadow:0 30px 60px -30px #0004}
.fcard h3{font:700 22px var(--sans);margin-bottom:10px}.fcard p{color:var(--muted)}.fcard.lt p{color:#4a4658}
/* horizontal carousel */
.hscroll{margin-top:70px}.track{display:flex;gap:22px;list-style:none;padding:0 clamp(20px,5vw,80px);width:max-content}
.card{width:min(380px,78vw);height:440px;border-radius:28px;padding:32px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;position:relative;overflow:hidden;transition:transform .55s var(--pop)}
.card:hover{transform:scale(1.025) rotate(-.6deg)}
.card .num{position:absolute;top:26px;left:32px;font:600 13px var(--sans);opacity:.7}.card strong{font:400 52px/1 var(--serif);margin-bottom:10px}.card span{opacity:.85}
.c1{background:linear-gradient(160deg,#7b5cff,#20124d)}.c2{background:linear-gradient(160deg,#ff3d8b,#4a0c2b)}.c3{background:linear-gradient(160deg,#18b7d6,#08324a)}.c4{background:linear-gradient(160deg,#f5a524,#5a2a00)}.c5{background:linear-gradient(160deg,#c03cff,#2a0742)}
/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:70px;border-top:1px solid #ffffff22;padding-top:40px}
.stats b{display:block;font:700 clamp(44px,5vw,76px)/1 var(--sans);letter-spacing:-.04em;background:linear-gradient(120deg,var(--gold),var(--pink));-webkit-background-clip:text;color:transparent}
.stats span{color:var(--muted)}.caption{margin-top:26px;color:var(--muted);font-size:14px}
/* form */
.form{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:50px}.full{grid-column:1/-1}
label{display:flex;flex-direction:column;gap:8px;font:600 14px var(--sans)}
input,select,textarea{font:16px var(--body);padding:14px 16px;border-radius:14px;border:1px solid #0002;background:#fff;color:var(--ink)}
.note{font-size:14px;color:#4a4658}
/* mantra */
.mantra{min-height:70vh;display:grid;place-items:center;text-align:center;padding:100px 20px;background:radial-gradient(60% 60% at 50% 50%,#2a1460,var(--ink))}
.mantra h2{display:flex;flex-direction:column;align-items:center}
.cycle{display:block;height:1.2em;overflow:hidden;font:700 clamp(40px,7vw,110px)/1.2 var(--sans);letter-spacing:-.04em}
.words span{display:block;background:linear-gradient(120deg,var(--gold),var(--pink),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
.words{display:flex;flex-direction:column;animation:cycle 10s var(--ease) infinite}
@keyframes cycle{0%,18%{transform:translateY(0)}25%,43%{transform:translateY(-1.2em)}50%,68%{transform:translateY(-2.4em)}75%,93%{transform:translateY(-3.6em)}100%{transform:translateY(-4.8em)}}
/* setup page */
.steps{list-style:none;display:grid;gap:clamp(60px,10vw,140px)}.step{display:flex;gap:clamp(20px,4vw,60px);align-items:flex-start}
.sn{font:400 clamp(90px,14vw,200px)/.8 var(--serif);background:linear-gradient(180deg,var(--gold),var(--pink));-webkit-background-clip:text;color:transparent}
.step h2{font-size:clamp(30px,4vw,56px);margin-bottom:14px}.step p{color:var(--muted);max-width:560px;font-size:18px}
.progress{position:absolute;left:-30px;top:0;bottom:0;width:2px;background:#ffffff15}.progress span{display:block;width:100%;height:100%;background:linear-gradient(var(--gold),var(--pink));transform:scaleY(0);transform-origin:top}
/* footer */
.ftr{background:#000;padding:50px clamp(20px,5vw,80px);color:var(--muted);font-size:14px}.ftr div{display:flex;gap:30px;flex-wrap:wrap;margin-bottom:16px}.ftr strong{color:#fff;font-family:var(--sans);letter-spacing:.14em}
/* responsive */
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:110px}.devices{height:500px;max-width:420px;width:100%;margin:0 auto}.dev{width:250px;font-size:13px}.d2{top:170px}
.grid3,.stats{grid-template-columns:1fr 1fr}.form{grid-template-columns:1fr}.progress{display:none}}
@media(max-width:560px){.grid3{grid-template-columns:1fr}.track{width:auto;flex-direction:column}.card{width:100%;height:280px}.scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.words{transform:none}.cycle{height:auto}.words span:not(:first-child){display:none}}