@font-face{font-family:"Envy Code B 10pt";src:url(./EnvyCodeB-10pt-CCT4lZqY.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg: #0A0A0A;--panel: #131211;--elev: #141313;--fg: #F2F1EE;--sec: #A8A7A3;--ter: #6E6D6A;--accent: #BDF37F;--amber: #F0C24C;--div: #2A2927;--div2: #3A3935;--line: rgba(242,241,238,.09);--mono: "Envy Code B 10pt", ui-monospace, monospace;--disp: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;--body: "Geist", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}html,body{background:var(--bg)}body{font-family:var(--body);color:var(--fg);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{color:#d4f9a8}button{font-family:inherit}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:var(--div2);border-radius:99px}::-webkit-scrollbar-track{background:transparent}::selection{background:#bdf37f40}.nav{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:18px 40px;transition:background .3s,border-color .3s,backdrop-filter .3s;border-bottom:1px solid transparent}.nav.scrolled{background:#0a0a0ab8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--line)}.nav-brand{font-family:var(--disp);font-weight:600;font-size:17px;letter-spacing:.5px;color:var(--fg);display:flex;align-items:center;gap:10px}.nav-brand .sq{width:9px;height:9px;background:var(--accent);border-radius:2px}.nav-links{display:flex;align-items:center;gap:26px}.nav-links a{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--sec);transition:color .2s}.nav-links a:hover{color:var(--fg)}.nav-links a.nav-cta{color:#0a0a0a;background:var(--accent);padding:8px 16px;border-radius:8px;font-weight:400}.nav-links a.nav-cta:hover{background:#d4f9a8;color:#0a0a0a}@media(max-width:760px){.nav-links a:not(.nav-cta){display:none}}.lp-hero{position:relative;height:100vh;min-height:640px;overflow:hidden}.hero-fade{position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(180deg,#0a0a0a8c,#0a0a0a00 30%),radial-gradient(120% 70% at 30% 30%,#0a0a0aa8,#0a0a0a00 62%)}.hero-content{position:absolute;z-index:3;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-start;padding:13vh 6.5vw 0}.hero-content a,.hero-content button{pointer-events:auto}.hero-kicker{font-family:var(--mono);font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--ter)}.hero-h1{font-family:var(--disp);font-weight:500;font-size:clamp(84px,12.5vw,176px);line-height:.88;letter-spacing:-.045em;margin-top:20px}.hero-h1 .cn{display:block;font-size:clamp(30px,3.6vw,50px);letter-spacing:.06em;color:var(--accent);margin-top:18px;font-weight:500}.hero-lede{max-width:460px;margin-top:26px;font-size:16.5px;line-height:1.65;color:var(--sec);text-wrap:pretty}.hero-ctas{display:flex;align-items:center;gap:16px;margin-top:36px;flex-wrap:wrap}.btn-solid{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:#0a0a0a;font-family:var(--disp);font-weight:600;font-size:16px;padding:14px 26px;border-radius:12px;transition:transform .2s,background .2s}.btn-solid:hover{background:#d4f9a8;color:#0a0a0a;transform:translateY(-2px)}.btn-solid .arr{transition:transform .2s}.btn-solid:hover .arr{transform:translate(3px)}.btn-solid.big{font-size:19px;padding:18px 34px;border-radius:14px}.btn-ghost{display:inline-flex;align-items:center;gap:10px;color:var(--fg);font-family:var(--disp);font-weight:500;font-size:15px;padding:14px 22px;border-radius:12px;border:1px solid var(--div2);transition:border-color .2s,background .2s}.btn-ghost:hover{border-color:#bdf37f80;background:#bdf37f0d;color:var(--fg)}.hero-stats{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:44px;font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ter)}.hero-stats span{white-space:nowrap}.hero-stats b{color:var(--sec);font-weight:400}.hero-hint{position:absolute;z-index:3;right:40px;bottom:26px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ter);display:flex;align-items:center;gap:10px;pointer-events:none}.hero-hint .dot{width:6px;height:6px;border-radius:99px;background:var(--accent);animation:hintBlink 2.2s ease-in-out infinite}@keyframes hintBlink{0%,to{opacity:1}50%{opacity:.25}}.hero-scrolldn{position:absolute;z-index:3;left:6.5vw;bottom:26px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ter)}@media(max-width:760px){.hero-hint{display:none}.hero-stats{gap:18px;flex-wrap:wrap}}.hero-pulse{transform-box:fill-box;transform-origin:center;animation:heroPulse .85s ease-out forwards;pointer-events:none}@keyframes heroPulse{0%{opacity:.95;transform:scale(.4)}to{opacity:0;transform:scale(3.4)}}.hero-switch:hover text{fill:var(--sec)}.lmain{position:relative;max-width:1240px;margin:0 auto;padding:0 6.5vw}.spine{position:absolute;left:-8px;top:40px;bottom:40px;width:44px}.spine-loco{position:absolute;left:9px;top:0;will-change:transform}@media(max-width:1180px){.spine{display:none}}@media(min-width:1181px){.lmain{padding-left:96px}}.lsec{padding:130px 0 30px}.kicker{font-family:var(--mono);font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--ter)}.sec-head h2,.col-copy h2{font-family:var(--disp);font-weight:500;font-size:clamp(34px,4vw,52px);letter-spacing:-1.6px;line-height:1.08;margin-top:16px}.sec-head .sub,.col-copy .sub{margin-top:18px;font-size:16px;line-height:1.65;color:var(--sec);max-width:560px;text-wrap:pretty}.sec-foot{margin-top:34px}.ghost-link{display:inline-flex;align-items:center;gap:8px;margin-top:26px;font-family:var(--disp);font-weight:500;font-size:15.5px;color:var(--accent)}.ghost-link .arr{transition:transform .2s}.ghost-link:hover .arr{transform:translate(4px)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}@media(max-width:900px){.steps-grid{grid-template-columns:1fr}}.step-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:border-color .25s,transform .25s}.step-card:hover{border-color:#bdf37f59;transform:translateY(-3px)}.step-demo{background:#0d0d0c;border-bottom:1px solid var(--line)}.step-body{padding:22px 24px 26px}.step-tag{display:flex;align-items:baseline;gap:12px}.step-tag .num{font-family:var(--mono);font-size:14px;color:var(--accent)}.step-tag .en{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;color:var(--ter)}.step-body h3{font-family:var(--disp);font-weight:500;font-size:24px;letter-spacing:-.5px;margin-top:8px}.step-body p{margin-top:8px;font-size:14px;line-height:1.6;color:var(--sec)}.lsec-bleed .mq{margin-top:48px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.mq-track{display:flex;align-items:flex-end;gap:60px;width:max-content;padding:10px 0;animation:mqScroll var(--mq-dur, 52s) linear infinite}.mq:hover .mq-track{animation-play-state:paused}@keyframes mqScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.mq-item{display:flex;flex-direction:column;align-items:center;gap:4px}.mq-cn{font-family:var(--disp);font-weight:500;font-size:15px;margin-top:10px}.mq-en{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--ter)}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}@media(max-width:900px){.twocol{grid-template-columns:1fr;gap:36px}.twocol.rev .col-demo{order:2}}.replay-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px 28px}.rp-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:18px;border-bottom:1px dashed var(--div2)}.rp-kicker{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;color:var(--ter);text-transform:uppercase}.rp-title{font-family:var(--disp);font-weight:500;font-size:22px;margin-top:6px}.rp-clock{font-family:var(--mono);font-size:20px;color:var(--accent);font-variant-numeric:tabular-nums}.rp-moves{margin-top:6px}.rp-move{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--div);transition:opacity .3s;opacity:.45}.rp-move.past{opacity:.8}.rp-move.on{opacity:1}.rp-dot{width:8px;height:8px;border-radius:99px;background:var(--div2);transition:background .3s,box-shadow .3s}.rp-move.past .rp-dot{background:#5a6e42}.rp-move.on .rp-dot{background:var(--accent);box-shadow:0 0 0 4px #bdf37f29}.rp-cn{font-size:14.5px}.rp-move.on .rp-cn{color:var(--fg)}.rp-en{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--ter)}.rp-bar{height:4px;border-radius:99px;background:var(--div);margin-top:20px;overflow:hidden}.rp-fill{height:100%;background:var(--accent);border-radius:99px}.rp-done{margin-top:14px;font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;color:var(--accent);opacity:0;transition:opacity .4s;text-transform:uppercase}.rp-done.show{opacity:1}.creator-mock{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;background-image:radial-gradient(rgba(242,241,238,.06) 1.2px,transparent 1.2px);background-size:26px 26px}.draw{stroke-dasharray:1;stroke-dashoffset:1;animation:drawSeg 7.5s ease-in-out infinite}.draw.d1{animation-delay:0s}.draw.d2{animation-delay:.8s}.draw.d3{animation-delay:1.5s}.draw.d4{animation-delay:2.2s}@keyframes drawSeg{0%{stroke-dashoffset:1;opacity:1}26%{stroke-dashoffset:0}86%{stroke-dashoffset:0;opacity:1}94%{opacity:0}to{stroke-dashoffset:1;opacity:0}}.draw-node{opacity:0;animation:nodeIn 7.5s ease-in-out infinite;animation-delay:.8s}@keyframes nodeIn{0%{opacity:0}12%{opacity:1}78%{opacity:1}88%{opacity:0}to{opacity:0}}.draw-car{opacity:0;animation:nodeIn 7.5s ease-in-out infinite;animation-delay:3.2s}.creator-hud{display:flex;gap:8px;margin-top:16px}.creator-hud span{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;color:var(--ter);border:1px solid var(--div2);border-radius:7px;padding:6px 12px}.creator-hud span.on{color:#0a0a0a;background:var(--accent);border-color:var(--accent)}.cta-sec{position:relative;text-align:center;padding:170px 0 150px;overflow:hidden}.cta-rails{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:130%;min-width:900px;opacity:.5;pointer-events:none}.cta-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:0}.cta-h{font-family:var(--disp);font-weight:500;font-size:clamp(38px,5vw,64px);letter-spacing:-2px;line-height:1.12;margin:18px 0 38px}.cta-links{display:flex;gap:14px;margin-top:30px;font-size:14px;align-items:center}.cta-links span{color:var(--div2)}.cta-links a{color:var(--sec)}.cta-links a:hover{color:var(--accent)}.lfoot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:26px 0 40px;border-top:1px solid var(--line);font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ter)}.lfoot-mid{color:#4b4a47}.radio-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px 24px}.radio-cap-row{display:flex;justify-content:flex-start;padding-bottom:18px;border-bottom:1px dashed var(--div2)}.radio-capsule{display:inline-flex;align-items:center;gap:8px;width:fit-content;max-width:90vw;white-space:nowrap;background:#131211b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:999px;padding:8px 14px;cursor:pointer;appearance:none;color:var(--fg);transition:box-shadow .24s ease}.radio-capsule:hover,.radio-capsule:focus-visible{outline:none;box-shadow:0 0 0 1px rgba(var(--ring-rgb),.45),0 0 16px rgba(var(--ring-rgb),.28)}.radio-capsule:active{box-shadow:0 0 0 1px rgba(var(--ring-rgb),.6),0 0 20px rgba(var(--ring-rgb),.4)}.radio-capsule.is-pulsing{animation:radioCapPulse .42s ease-out}@keyframes radioCapPulse{0%{box-shadow:0 0 rgba(var(--ring-rgb),.55)}60%{box-shadow:0 0 0 5px rgba(var(--ring-rgb),.3),0 0 22px rgba(var(--ring-rgb),.32)}to{box-shadow:0 0 0 1px rgba(var(--ring-rgb),0)}}.rc-dot{width:7px;height:7px;border-radius:99px;background:rgb(var(--ring-rgb));flex-shrink:0}.rc-station{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--sec)}.rc-state{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:rgb(var(--ring-rgb));opacity:.9}.radio-capsule-song{display:grid;grid-template-columns:0fr;transition:grid-template-columns .45s cubic-bezier(.34,1.56,.64,1)}.radio-capsule-song-inner{overflow:hidden;min-width:0;display:flex;align-items:center}.rc-sep{font-size:12px;padding:0 8px 0 6px;color:var(--ter)}.rc-name{white-space:nowrap;font-weight:600;font-size:13px;color:var(--fg);opacity:0;filter:blur(5px);transition:opacity .3s ease 60ms,filter .3s ease 60ms}.radio-capsule.is-open .radio-capsule-song{grid-template-columns:1fr}.radio-capsule.is-open .rc-name{opacity:1;filter:blur(0)}.radio-list{margin-top:6px}.radio-row{position:relative;display:grid;grid-template-columns:34px 1fr auto 44px;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--div);transition:opacity .3s;opacity:.5}.radio-row.on{opacity:1}.radio-idx{font-family:var(--mono);font-size:11px;color:var(--ter)}.radio-row.on .radio-idx{color:var(--accent)}.radio-name{font-size:14.5px}.radio-row.on .radio-name{color:var(--fg)}.radio-dur{font-family:var(--mono);font-size:11px;color:var(--ter);text-align:right;font-variant-numeric:tabular-nums}.radio-eq{display:inline-flex;align-items:flex-end;gap:2.5px;height:12px}.radio-eq i{width:3px;background:var(--accent);border-radius:2px;animation:eqBar .9s ease-in-out infinite}.radio-eq i:nth-child(1){height:6px;animation-delay:0s}.radio-eq i:nth-child(2){height:11px;animation-delay:.22s}.radio-eq i:nth-child(3){height:8px;animation-delay:.44s}@keyframes eqBar{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.radio-prog{position:absolute;left:0;bottom:-1px;height:2px;background:var(--accent);border-radius:99px}.radio-note{margin-top:22px;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ter)}@media(prefers-reduced-motion:reduce){.radio-eq i{animation:none}}.rv{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.6,.2,1),transform .7s cubic-bezier(.2,.6,.2,1)}.rv.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.mq-track,.draw,.draw-node,.draw-car,.hero-hint .dot{animation:none!important}.draw{stroke-dashoffset:0}.draw-node,.draw-car{opacity:1}html{scroll-behavior:auto}}
