:root{--bg:#08080c;--bg-2:#0e0e14;--bg-3:#14141c;--ink:#eaeaec;--ink-2:#a8a8b0;--ink-3:#6e6e78;--ink-4:#3a3a44;--rule:#eaeaec14;--rule-strong:#eaeaec29;--signal:#f0685c;--signal-2:#bc352a;--gold:#e8b57b;--mint:#6edcc4;--glass:#14141cb3;--mono:var(--font-plex-mono), ui-monospace, SFMono-Regular, Menlo, monospace;--sans:var(--font-plex-sans), system-ui, -apple-system, sans-serif;--cond:var(--font-plex-cond), var(--font-plex-sans), system-ui, sans-serif;--max:1200px;--gutter:32px}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-delay:0s!important}}body{background:var(--bg);color:var(--ink);font-family:var(--sans);background-image:radial-gradient(#eaeaec05 1px,#0000 1px);background-size:4px 4px;margin:0;font-size:17px;line-height:1.55;overflow-x:hidden}body.no-scroll{overflow:hidden}.wrap{max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.snap-container{scroll-snap-type:y proximity;scroll-behavior:smooth;height:100vh;overflow-y:auto}@media (prefers-reduced-motion:reduce){.snap-container{scroll-snap-type:none;scroll-behavior:auto}}.snap-section{scroll-snap-align:start;scroll-snap-stop:always;min-height:100vh;position:relative}.snap-section>.snap-end{scroll-snap-align:end;pointer-events:none;height:1px;position:absolute;bottom:0;left:0;right:0}.intro-overlay{z-index:200;background:var(--bg);justify-content:center;align-items:center;transition:opacity .9s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}.intro-overlay.fade-out{opacity:0;pointer-events:none}.intro-bg{pointer-events:none;background:radial-gradient(#f0685c0f,#0000 50%),radial-gradient(#e8b57b0a,#0000 60%);position:absolute;inset:0}.intro-scene{perspective:1200px;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.meter-device{opacity:0;background:linear-gradient(#16161e,#0c0c12);border:1px solid #eaeaec1a;border-radius:22px;flex-direction:column;align-items:center;gap:14px;width:190px;padding:28px 22px 22px;transition:border-color .5s,box-shadow .5s;animation:.8s cubic-bezier(.16,1,.3,1) .2s forwards meterIn;display:flex;position:relative;transform:scale(.85)translateY(20px);box-shadow:0 0 80px #000000b3,0 0 0 1px #eaeaec08,inset 0 1px #eaeaec0a}@keyframes meterIn{to{opacity:1;transform:scale(1)translateY(0)}}.meter-device.active{border-color:#f0685c40;box-shadow:0 0 80px #000000b3,0 0 50px #f0685c1f,0 0 100px #e8b57b0f,inset 0 1px #eaeaec0a}.meter-device.zoom-out{animation:.7s cubic-bezier(.4,0,1,1) forwards meterZoomOut}@keyframes meterZoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(3)}}.meter-slot{background:#08080c;border:1px solid #eaeaec1a;border-radius:3px;width:54px;height:6px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.meter-slot.flash{animation:.45s slotFlash}@keyframes slotFlash{0%{box-shadow:none;border-color:#eaeaec1a}40%{border-color:#e8b57b99;box-shadow:0 0 18px #e8b57b80}to{box-shadow:none;border-color:#eaeaec1a}}.meter-display{text-align:center;width:100%;font-family:var(--mono);color:var(--mint);letter-spacing:.03em;background:#08080c;border:1px solid #eaeaec0f;border-radius:10px;padding:14px 10px;font-size:24px;font-weight:600;transition:color .4s,text-shadow .4s;position:relative;overflow:hidden}.meter-display:after{content:"";pointer-events:none;background:linear-gradient(#6edcc40a,#0000);position:absolute;inset:0}.meter-display.gold-glow{color:var(--gold);text-shadow:0 0 24px #e8b57b59}.meter-display.gold-glow:after{background:linear-gradient(#e8b57b0f,#0000)}.meter-display.flicker{animation:.25s displayFlicker}@keyframes displayFlicker{0%{opacity:1}30%{opacity:.2}60%{opacity:1}80%{opacity:.4}to{opacity:1}}.meter-bar{background:#eaeaec0f;border-radius:3px;width:100%;height:6px;overflow:hidden}.meter-fill{background:linear-gradient(90deg, var(--signal), var(--gold));border-radius:3px;width:0%;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1)}.meter-dots{gap:6px;margin-top:2px;display:flex}.meter-dots span{background:#eaeaec14;border-radius:50%;width:5px;height:5px;transition:background .4s,box-shadow .4s}.meter-dots.lit span:first-child,.meter-dots.lit span:nth-child(2){background:var(--signal);box-shadow:0 0 8px #f0685c66}.meter-dots.lit span:nth-child(3),.meter-dots.lit span:nth-child(4){background:var(--gold);box-shadow:0 0 8px #e8b57b66}.meter-dots.lit span:nth-child(5){background:var(--mint);box-shadow:0 0 8px #6edcc466}.meter-label{font-family:var(--mono);letter-spacing:.35em;text-transform:uppercase;color:var(--ink-4);margin-top:4px;font-size:9.5px}.coin{width:56px;height:56px;font-family:var(--mono);transform-style:preserve-3d;opacity:0;z-index:10;pointer-events:none;will-change:transform, opacity;border-radius:50%;place-items:center;margin-top:-28px;margin-left:-28px;font-size:22px;font-weight:700;display:grid;position:absolute;top:50%;left:50%}.coin-1{color:#ffffffe6;background:linear-gradient(145deg,#f47a70,#d4544a);border:3px solid #ffffff1f;animation:1.15s .7s forwards coinFly1;box-shadow:0 0 30px #f0685c59,0 0 60px #f0685c1f,inset 0 2px 6px #fff3,inset 0 -2px 4px #0000004d}.coin-2{color:#64460ad9;background:linear-gradient(145deg,#f0c48a,#d4a06a);border:3px solid #ffffff1f;animation:1.15s 1.5s forwards coinFly2;box-shadow:0 0 30px #e8b57b59,0 0 60px #e8b57b1f,inset 0 2px 6px #ffffff40,inset 0 -2px 4px #0003}.coin-3{color:#0f463cd9;background:linear-gradient(145deg,#82ecd6,#5bc4ae);border:3px solid #ffffff1f;animation:1.15s 2.3s forwards coinFly3;box-shadow:0 0 30px #6edcc459,0 0 60px #6edcc41f,inset 0 2px 6px #ffffff40,inset 0 -2px 4px #0003}@keyframes coinFly1{0%{opacity:0;transform:translate(-300px,-250px)rotateY(0)rotateX(18deg)scale(.12)}5%{opacity:1}10%{opacity:1;transform:translate(-265px,-218px)rotateY(130deg)rotateX(14deg)scale(.28)}22%{transform:translate(-200px,-158px)rotateY(330deg)rotateX(6deg)scale(.48)}36%{transform:translate(-135px,-95px)rotateY(560deg)rotateX(-2deg)scale(.66)}50%{transform:translate(-80px,-48px)rotateY(750deg)rotateX(-6deg)scale(.8)}64%{opacity:1;transform:translate(-38px,-18px)rotateY(910deg)rotateX(-3deg)scale(.91)}76%{opacity:.9;transform:translate(-14px,-5px)rotateY(1000deg)rotateX(0)scale(.82)}88%{opacity:.5;transform:translate(-3px,-1px)rotateY(1050deg)scale(.4)}to{opacity:0;transform:translate(0)rotateY(1080deg)scale(0)}}@keyframes coinFly2{0%{opacity:0;transform:translate(330px,-130px)rotateY(0)rotateX(-14deg)scale(.12)}5%{opacity:1}10%{opacity:1;transform:translate(295px,-110px)rotateY(130deg)rotateX(-10deg)scale(.28)}22%{transform:translate(220px,-72px)rotateY(330deg)rotateX(-4deg)scale(.48)}36%{transform:translate(148px,-38px)rotateY(560deg)rotateX(2deg)scale(.66)}50%{transform:translate(88px,-18px)rotateY(750deg)rotateX(5deg)scale(.8)}64%{opacity:1;transform:translate(40px,-6px)rotateY(910deg)rotateX(2deg)scale(.91)}76%{opacity:.9;transform:translate(14px,-2px)rotateY(1000deg)rotateX(0)scale(.82)}88%{opacity:.5;transform:translate(3px,-1px)rotateY(1050deg)scale(.4)}to{opacity:0;transform:translate(0)rotateY(1080deg)scale(0)}}@keyframes coinFly3{0%{opacity:0;transform:translate(-270px,250px)rotateY(0)rotateX(-20deg)scale(.12)}5%{opacity:1}10%{opacity:1;transform:translate(-240px,218px)rotateY(130deg)rotateX(-16deg)scale(.28)}22%{transform:translate(-180px,158px)rotateY(330deg)rotateX(-8deg)scale(.48)}36%{transform:translate(-118px,95px)rotateY(560deg)rotateX(0)scale(.66)}50%{transform:translate(-68px,48px)rotateY(750deg)rotateX(5deg)scale(.8)}64%{opacity:1;transform:translate(-30px,18px)rotateY(910deg)rotateX(3deg)scale(.91)}76%{opacity:.9;transform:translate(-10px,5px)rotateY(1000deg)rotateX(0)scale(.82)}88%{opacity:.5;transform:translate(-2px,1px)rotateY(1050deg)scale(.4)}to{opacity:0;transform:translate(0)rotateY(1080deg)scale(0)}}.burst-ring{opacity:0;pointer-events:none;border:2px solid #f0685c80;border-radius:50%;width:400px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.burst-ring.r2{border-color:#e8b57b59;width:500px;height:500px}.burst-ring.active{animation:.9s cubic-bezier(.2,.8,.2,1) forwards burstExpand}@keyframes burstExpand{0%{opacity:.7;border-width:3px;transform:translate(-50%,-50%)scale(0)}to{opacity:0;border-width:1px;transform:translate(-50%,-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.intro-overlay{display:none!important}}.progress{background:linear-gradient(90deg, var(--signal), var(--gold));z-index:100;width:0%;height:2px;transition:width 60ms linear;position:fixed;top:0;left:0}.topbar{z-index:90;background:0 0;padding:20px 0;transition:all .4s cubic-bezier(.2,.8,.2,1);position:fixed;top:0;left:0;right:0}.topbar.scrolled{-webkit-backdrop-filter:blur(16px)saturate(180%);background:#ffffff08;border-bottom:1px solid #ffffff0f;padding:12px 0}.topbar .wrap{align-items:center;gap:12px;display:flex}.topbar nav{align-items:center;gap:10px;margin-left:auto;display:flex}.mark,.glass-pill,.glass-cta{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#ffffffd9;-webkit-backdrop-filter:blur(16px)saturate(200%);cursor:pointer;white-space:nowrap;background:linear-gradient(#ffffff1f 0%,#ffffff0d 50%,#ffffff14 100%);border:.5px solid #ffffff26;border-radius:100px;align-items:center;gap:8px;padding:10px 18px;font-size:11.5px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.2,.8,.2,1);display:inline-flex;box-shadow:inset 0 1px #ffffff40,inset 0 -1px #ffffff0d,0 4px 16px #0000001a}.mark:hover,.glass-pill:hover,.glass-cta:hover{color:#fff;background:linear-gradient(#fff3 0%,#ffffff14 50%,#ffffff1f 100%);border-color:#ffffff40;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff59,inset 0 -1px #ffffff14,0 8px 24px #00000026}.mark:active,.glass-pill:active,.glass-cta:active{background:linear-gradient(#ffffff14 0%,#ffffff08 50%,#ffffff0d 100%);transform:translateY(0)scale(.98)}.mark{flex-shrink:0;font-weight:600}.mark .dot{background:var(--signal);width:7px;height:7px;box-shadow:0 0 10px var(--signal), 0 0 3px var(--signal);border-radius:50%;flex-shrink:0;animation:2.4s ease-in-out infinite dotpulse}@keyframes dotpulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.glass-cta{color:var(--signal);font-weight:600}.glass-cta:hover{color:#fff}.glass-cta .arr{font-size:14px;transition:transform .2s}.glass-cta:hover .arr{transform:translate(4px)}@media (max-width:720px){.glass-pill:not(.glass-cta){display:none}.topbar nav{gap:6px}.mark,.glass-pill,.glass-cta{padding:9px 14px;font-size:11px}}.section-dots{z-index:95;flex-direction:column;gap:14px;display:flex;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.section-dots a{background:#ffffff1f;border:1px solid #ffffff14;border-radius:50%;width:10px;height:10px;text-decoration:none;transition:all .3s cubic-bezier(.2,.8,.2,1);display:block}.section-dots a:hover{background:#ffffff40}.section-dots a.active{background:var(--signal);border-color:var(--signal);transform:scale(1.2);box-shadow:0 0 12px #f0685c66}@media (max-width:720px){.section-dots{gap:10px;right:12px}.section-dots a{width:8px;height:8px}}.hero{--hero-fs:clamp(4.5rem, 13vw, 11rem);--orbit-optical-shift:calc(var(--hero-fs) * .174);opacity:0;justify-content:center;align-items:center;transition:opacity 1.2s cubic-bezier(.2,.8,.2,1),transform 1.2s cubic-bezier(.2,.8,.2,1);display:flex;overflow:hidden;transform:translateY(30px)}.hero.landed{opacity:1;transform:translateY(0)}.hero:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(at 30% 40%,#f0685c14,#0000 55%),radial-gradient(at 70% 60%,#e8b57b0f,#0000 50%);position:absolute;inset:0}.orbit-container{perspective:1200px;perspective-origin:50%;pointer-events:none;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.orbit-ring{top:calc(50% + var(--orbit-optical-shift));width:0;height:0;transform-style:preserve-3d;position:absolute;left:50%}.ring-1{--ring-r:300px;animation:60s linear infinite orbit1}@keyframes orbit1{0%{transform:rotateX(-14deg)rotateY(0)}to{transform:rotateX(-14deg)rotateY(360deg)}}.t3d{width:0;height:0;transform-style:preserve-3d;transform:rotateY(var(--a)) translateZ(var(--r));position:absolute;top:0;left:0}.tk{font-family:var(--mono);color:var(--ink-3);white-space:nowrap;-webkit-backdrop-filter:blur(6px);background:#eaeaec09;border:1px solid #eaeaec17;border-radius:100px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.tk.hot{color:var(--signal);background:#f0685c1a;border-color:#f0685c59;box-shadow:0 0 24px #f0685c2e}.tk.gold{color:var(--gold);background:#e8b57b14;border-color:#e8b57b40}.tk.mint{color:var(--mint);background:#6edcc40f;border-color:#6edcc433}.tk .cost{color:var(--gold);letter-spacing:.04em;background:#08080cd9;border:1px solid #e8b57b40;border-radius:3px;padding:2px 7px;font-size:10px;font-weight:600}.cost-float{font-family:var(--mono);color:var(--gold);z-index:3;pointer-events:none;opacity:0;animation:floatIn 1s ease forwards, floatDrift var(--dur) ease-in-out infinite;animation-delay:var(--delay), 1.5s;background:#08080cd9;border:1px solid #e8b57b40;border-radius:4px;padding:5px 12px;font-size:11.5px;font-weight:600;position:absolute}@keyframes floatIn{to{opacity:.8}}@keyframes floatDrift{0%,to{transform:translate(var(--x1), var(--y1))}50%{transform:translate(var(--x2), var(--y2))}}.hero-center{z-index:5;text-align:center;will-change:transform, opacity;position:relative}.hero-glow{top:calc(50% + var(--orbit-optical-shift));pointer-events:none;z-index:-1;opacity:0;background:radial-gradient(circle,#f0685c1f 0%,#e8b57b0f 40%,#0000 70%);width:500px;height:500px;position:absolute;left:50%;transform:translate(-50%,-50%)}.hero-glow.animate{animation:2s forwards glowIn}@keyframes glowIn{to{opacity:1}}.hero-name{font-family:var(--cond);font-weight:700;font-size:var(--hero-fs);letter-spacing:-.04em;color:var(--ink);justify-content:center;margin:0;line-height:.9;display:flex}.letter{opacity:0;display:inline-block;transform:translateY(50px)scale(.7)}.hero-name.animate .letter{animation:.9s cubic-bezier(.16,1,.3,1) forwards letterIn;animation-delay:calc(var(--i) * .1s)}.letter.accent{color:#0000;background:linear-gradient(135deg, var(--signal) 0%, var(--gold) 100%);-webkit-background-clip:text;background-clip:text}@keyframes letterIn{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.scroll-hint{z-index:5;font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);opacity:0;flex-direction:column;align-items:center;gap:12px;font-size:10.5px;transition:opacity 1s;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.scroll-hint.animate{opacity:1}.scroll-hint .line-drop{background:linear-gradient(to bottom, transparent, var(--ink-3));width:1px;height:32px;animation:2.6s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media (max-width:800px){.orbit-container{transform:scale(.55)}.hero-glow{width:300px;height:300px}}@media (max-width:500px){.orbit-container{transform:scale(.4)}}.overview{border-top:1px solid var(--rule);justify-content:center;align-items:center;padding:80px 0;display:flex}.overview-layout{grid-template-columns:1fr 1.4fr;align-items:center;gap:64px;display:grid}@media (max-width:900px){.overview-layout{grid-template-columns:1fr;gap:40px}}.section-label{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--signal);align-items:center;gap:12px;margin:0 0 24px;font-size:11.5px;display:flex}.section-label:before{content:"";background:var(--signal);width:24px;height:1px}.overview h2{font-family:var(--cond);letter-spacing:-.02em;max-width:22ch;margin:0 0 24px;font-size:clamp(2rem,5vw,3.6rem);font-weight:700;line-height:1.02}.overview h2 em{background:linear-gradient(135deg, var(--signal), var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.overview .lede{color:var(--ink-2);max-width:48ch;margin:0 0 32px;font-size:17px;line-height:1.55}.live-badge{background:var(--glass);border:1px solid var(--rule-strong);-webkit-backdrop-filter:blur(12px);font-family:var(--mono);letter-spacing:.08em;color:var(--ink-2);text-transform:uppercase;border-radius:100px;align-items:center;gap:10px;padding:8px 16px 8px 12px;font-size:11.5px;display:inline-flex}.live-badge .live-dot{background:var(--mint);width:6px;height:6px;box-shadow:0 0 10px var(--mint);border-radius:50%;animation:1.6s ease-in-out infinite dotpulse}.live-badge b{color:var(--ink);font-weight:500}.carousel{border-radius:12px;position:relative;overflow:hidden}.carousel-viewport{border-radius:12px;overflow:hidden}.carousel-track{transition:transform .65s cubic-bezier(.22,1,.36,1);display:flex}.carousel-slide{border:1px solid var(--rule);background:linear-gradient(#eaeaec06,#eaeaec01);border-radius:12px;flex-direction:column;justify-content:center;min-width:100%;min-height:340px;padding:48px 44px 44px;display:flex;position:relative;overflow:hidden}.slide-bg-num{font-family:var(--cond);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(120px,14vw,180px);font-weight:700;line-height:1;position:absolute;top:-16px;right:24px}.carousel-slide[data-accent=coral] .slide-bg-num{color:#f0685c0d}.carousel-slide[data-accent=gold] .slide-bg-num{color:#e8b57b0d}.carousel-slide[data-accent=mint] .slide-bg-num{color:#6edcc40d}.slide-accent-line{border-radius:2px;width:36px;height:3px;margin-bottom:24px}.carousel-slide[data-accent=coral] .slide-accent-line{background:var(--signal);box-shadow:0 0 12px #f0685c4d}.carousel-slide[data-accent=gold] .slide-accent-line{background:var(--gold);box-shadow:0 0 12px #e8b57b4d}.carousel-slide[data-accent=mint] .slide-accent-line{background:var(--mint);box-shadow:0 0 12px #6edcc44d}.carousel-slide h3{font-family:var(--cond);letter-spacing:-.012em;color:var(--ink);max-width:24ch;margin:0 0 18px;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;line-height:1.1;position:relative}.carousel-slide p{color:var(--ink-2);max-width:44ch;margin:0 0 24px;font-size:16px;line-height:1.6;position:relative}.slide-foot{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border-top:1px dashed var(--rule);max-width:44ch;padding-top:16px;font-size:11px;position:relative}.carousel-slide[data-accent=coral] .slide-foot{color:var(--signal)}.carousel-slide[data-accent=gold] .slide-foot{color:var(--gold)}.carousel-slide[data-accent=mint] .slide-foot{color:var(--mint)}.carousel-controls{justify-content:space-between;align-items:center;margin-top:24px;padding:0 4px;display:flex}.carousel-counter{font-family:var(--mono);letter-spacing:.1em;color:var(--ink-3);font-size:12px}.carousel-counter .current{color:var(--ink);font-weight:600}.carousel-dots{align-items:center;gap:10px;display:flex}.carousel-dot{cursor:pointer;background:#eaeaec1f;border:none;border-radius:2px;width:28px;height:4px;padding:0;transition:all .3s cubic-bezier(.2,.8,.2,1)}.carousel-dot:hover{background:#eaeaec40}.carousel-dot.active{background:var(--signal);width:48px;box-shadow:0 0 10px #f0685c4d}.carousel-dot[data-index="1"].active{background:var(--gold);box-shadow:0 0 10px #e8b57b4d}.carousel-dot[data-index="2"].active{background:var(--mint);box-shadow:0 0 10px #6edcc44d}.carousel-arrows{gap:8px;display:flex}.carousel-btn{border:1px solid var(--rule);width:40px;height:40px;color:var(--ink-2);cursor:pointer;font-family:var(--mono);background:#eaeaec05;border-radius:6px;place-items:center;padding:0;font-size:16px;transition:all .2s;display:grid}.carousel-btn:hover{border-color:var(--rule-strong);color:var(--ink);background:#eaeaec0d}.carousel-btn:active{transform:scale(.95)}.carousel-progress{background:#eaeaec0f;border-radius:1px;height:2px;margin-top:16px;overflow:hidden}.carousel-progress-fill{border-radius:1px;width:0%;height:100%;transition:width 80ms linear}.carousel-progress-fill.accent-coral{background:var(--signal)}.carousel-progress-fill.accent-gold{background:var(--gold)}.carousel-progress-fill.accent-mint{background:var(--mint)}.usage{border-top:1px solid var(--rule);background:radial-gradient(at 80% 20%,#e8b57b0d,#0000 55%),radial-gradient(at 20% 80%,#f0685c0d,#0000 55%);flex-direction:column;justify-content:flex-start;min-height:150vh;padding:120px 0 80px;display:flex}.usage-header{margin-bottom:80px}.usage h2{font-family:var(--cond);letter-spacing:-.02em;max-width:22ch;margin:0 0 24px;font-size:clamp(2rem,5vw,3.6rem);font-weight:700;line-height:1.02}.usage h2 .grad-text{background:linear-gradient(135deg, var(--signal), var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text}.usage .lede{color:var(--ink-2);max-width:56ch;margin:0;font-size:19px;line-height:1.55}.usage-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:80px;display:grid;position:relative}@media (max-width:900px){.usage-grid{grid-template-columns:1fr;gap:40px}.usage{min-height:auto}}.usage-steps{position:relative}.step-block{opacity:.4;gap:24px;margin-bottom:160px;transition:opacity .5s;display:flex;position:relative}.step-block:last-child{margin-bottom:0}.step-block.active{opacity:1}@media (max-width:900px){.step-block{opacity:1;margin-bottom:60px}}.step-node{font-family:var(--mono);color:var(--ink-3);border:1px solid var(--rule);background:var(--bg-2);z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:14px;font-weight:600;transition:all .4s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.step-block.active .step-node{color:var(--bg);background:var(--signal);border-color:var(--signal);transform:scale(1.1);box-shadow:0 0 32px #f0685c66}.step-block[data-step="1"].active .step-node{background:var(--gold);border-color:var(--gold);box-shadow:0 0 32px #e8b57b66}.step-block[data-step="2"].active .step-node{background:var(--mint);border-color:var(--mint);box-shadow:0 0 32px #6edcc466}.step-block:not(:last-child):after{content:"";background:var(--rule);z-index:1;width:1px;position:absolute;top:48px;bottom:-160px;left:23px}.step-block.active:not(:last-child):after{background:linear-gradient(to bottom, var(--signal), var(--rule))}.step-block[data-step="1"].active:not(:last-child):after{background:linear-gradient(to bottom, var(--gold), var(--rule))}.step-content{padding-top:10px}.step-tag{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px;font-size:11px;display:block}.step-block.active .step-tag{color:var(--signal)}.step-block[data-step="1"].active .step-tag{color:var(--gold)}.step-block[data-step="2"].active .step-tag{color:var(--mint)}.step-content h3{font-family:var(--cond);letter-spacing:-.012em;color:var(--ink);max-width:18ch;margin:0 0 16px;font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:700;line-height:1.1}.step-content p{color:var(--ink-2);max-width:40ch;margin:0 0 20px;font-size:16px;line-height:1.6}.step-content p b{color:var(--ink);font-weight:500}.step-content .foot{font-family:var(--mono);letter-spacing:.06em;color:var(--mint);text-transform:uppercase;border-top:1px dashed var(--rule);max-width:40ch;padding-top:14px;font-size:11px}.usage-code-wrapper{height:420px;display:grid;position:sticky;top:15vh}@media (max-width:900px){.usage-code-wrapper{height:auto;margin-top:20px;display:block;position:static}}.code-window{background:var(--bg-3);border:1px solid var(--rule);opacity:0;pointer-events:none;border-radius:12px;grid-area:1/1;transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1);overflow:hidden;transform:translateY(20px)scale(.98);box-shadow:0 24px 80px -20px #0009,inset 0 0 0 1px #eaeaec05}.code-window.active{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}@media (max-width:900px){.code-window{margin-bottom:40px;position:relative;opacity:1!important;transform:none!important}}.code-window .head{border-bottom:1px solid var(--rule);background:#0000004d;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.code-window .head .fname{font-family:var(--mono);color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.code-window .head .dots{gap:6px;display:flex}.code-window .head .dots span{background:#eaeaec14;border-radius:50%;width:10px;height:10px}.code-window .head .copy{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:1px solid var(--rule);color:var(--ink-3);background:0 0;border-radius:4px;padding:5px 12px;font-size:10.5px;transition:all .16s}.code-window .head .copy:hover{color:var(--ink);border-color:var(--rule-strong)}.code-window .head .copy.copied{color:var(--mint);border-color:var(--mint)}.code-window pre{font-family:var(--mono);color:var(--ink);white-space:pre;margin:0;padding:28px 24px;font-size:13.5px;line-height:1.8;overflow-x:auto}.code-window .c{color:var(--ink-3)}.code-window .k{color:var(--signal)}.code-window .s{color:var(--mint)}.code-window .n{color:var(--gold)}.code-window .p{color:var(--ink-3)}.hero-cta{background:var(--ink);color:var(--bg);font-family:var(--sans);letter-spacing:-.005em;border-radius:4px;align-items:center;gap:12px;padding:18px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.2,.8,.2,1);display:inline-flex;box-shadow:0 8px 32px -8px #eaeaec33}.hero-cta:hover{background:linear-gradient(135deg, var(--signal), var(--gold));color:var(--bg);transform:translateY(-2px);box-shadow:0 16px 48px -12px #f0685c80}.hero-cta .arr{font-family:var(--mono);font-size:18px;font-weight:400;transition:transform .2s}.hero-cta:hover .arr{transform:translate(6px)}.final-cta{text-align:center;border-top:1px solid var(--rule);background:radial-gradient(#f0685c0f,#0000 55%);align-items:center;padding:100px 0 80px;display:flex;position:relative}.final-cta h2{font-family:var(--cond);letter-spacing:-.024em;margin:0 0 32px;max-width:20ch;margin-inline:auto;font-size:clamp(2.4rem,6vw,4.2rem);font-weight:700;line-height:1}.final-cta h2 em{background:linear-gradient(135deg, var(--signal), var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.final-cta p{color:var(--ink-2);max-width:46ch;margin:0 auto 48px;font-size:17px}footer{border-top:1px solid var(--rule);background:var(--bg-2);padding:32px 0}footer .wrap{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:11px;display:flex}.reveal{opacity:0;transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1);transform:translateY(28px)}.reveal.in-view{opacity:1;transform:translateY(0)}.reveal.d1{transition-delay:80ms}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.reveal.d4{transition-delay:.32s}a:focus-visible{outline:2px solid var(--signal);outline-offset:3px;border-radius:4px}