:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg0:#05060a;--bg1:#0c0f18;--fg:#eef2ff;--muted:#9aa3b2;--accent:#6ee7ff;--accent2:#a78bfa;--danger:#fb7185;--ok:#34d399;--line:#ffffff14;--glow:#6ee7ff8c;--radius:14px;--maxw:1200px;--font-display:"Bebas Neue", system-ui, sans-serif;--font-mono:"Space Mono", ui-monospace, monospace;--font-body:"DM Sans", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body{background:radial-gradient(1200px 800px at 20% 0%, #121a33, var(--bg0));color:var(--fg);font-family:var(--font-body);margin:0;padding:0;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.shell{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.container{width:min(var(--maxw), calc(100% - 32px));margin-inline:auto}.headline{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;line-height:.95}.mono{font-family:var(--font-mono)}.marquee{border-block:1px solid var(--line);background:linear-gradient(90deg,#6ee7ff14,#0000);overflow:hidden}.marquee__inner{white-space:nowrap;font-family:var(--font-mono);color:var(--muted);gap:3rem;padding:.65rem 0;font-size:.85rem;animation:28s linear infinite marquee;display:flex}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.grid-cards{gap:16px;display:grid}@media (width>=720px){.grid-cards{grid-template-columns:repeat(2,1fr)}}@media (width>=1100px){.grid-cards{grid-template-columns:repeat(3,1fr)}}.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#ffffff0a,#0000);padding:18px}.btn{appearance:none;border:1px solid var(--line);color:var(--fg);cursor:pointer;font-weight:600;font-family:var(--font-body);background:#ffffff0f;border-radius:999px;padding:10px 16px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:linear-gradient(90deg,#6ee7ff2e,#a78bfa2e);border-color:#6ee7ff73;box-shadow:0 0 24px #6ee7ff1f}.btn--danger{background:#fb71851f;border-color:#fb718573}.section{padding:64px 0}.section--tight{padding:40px 0}.progress{border:1px solid var(--line);background:#00000059;border-radius:999px;height:18px;position:relative;overflow:hidden}.progress__fill{width:0%;height:100%;box-shadow:0 0 18px var(--glow);background:linear-gradient(90deg,#22d3ee,#a78bfa);transition:width 1.2s cubic-bezier(.2,.9,.2,1);position:relative}.progress__fill:after{content:"";filter:blur(6px);background:#ffffffd9;width:10px;margin-left:-6px;position:absolute;inset:0 auto 0 100%}.progress__ticks{pointer-events:none;position:absolute;inset:0}.progress__tick{color:var(--muted);font-size:.7rem;font-family:var(--font-mono);position:absolute;top:-22px;transform:translate(-50%)}.canvas-wrap{aspect-ratio:1600/1000;border-radius:var(--radius);border:1px solid var(--line);width:min(1600px,100%);image-rendering:pixelated;background:#020617;margin-inline:auto;position:relative;overflow:hidden}.canvas-wrap canvas{width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.legend{color:var(--muted);font-size:.85rem;font-family:var(--font-mono);flex-wrap:wrap;gap:10px 14px;margin-top:12px;display:flex}.legend__swatch{vertical-align:-2px;border:1px solid #ffffff26;border-radius:3px;width:12px;height:12px;margin-right:6px;display:inline-block}.cart-bar{z-index:40;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06080eeb;transition:transform .35s cubic-bezier(.2,.9,.2,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(110%)}.cart-bar--open{transform:translateY(0)}.cart-bar__inner{width:min(var(--maxw), calc(100% - 24px));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:12px auto;display:flex}.modal-backdrop{z-index:60;background:#000000a6;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:linear-gradient(#0f172a,#060912);border-radius:18px;width:min(720px,100%);max-height:min(92vh,900px);overflow:auto;box-shadow:0 30px 120px #0000008c}.modal__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.modal__body{padding:18px}.steps{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.step-bubble{border:1px solid var(--line);width:28px;height:28px;font-family:var(--font-mono);color:var(--muted);border-radius:999px;place-items:center;font-size:.8rem;display:grid}.step-bubble--active{color:var(--fg);border-color:#6ee7ff8c;box-shadow:0 0 18px #6ee7ff1f}.step-bubble--hidden{display:none}.field{gap:6px;margin-bottom:12px;display:grid}.field label{color:var(--muted);font-size:.85rem}.field input,.field textarea{border:1px solid var(--line);width:100%;color:var(--fg);font-family:var(--font-body);background:#00000059;border-radius:12px;outline:none;padding:10px 12px}.field textarea{resize:vertical;min-height:84px}.field--error input,.field--error textarea{border-color:#fb7185a6}.tooltip{align-items:center;gap:6px;display:inline-flex;position:relative}.tooltip__bubble{border:1px solid var(--line);width:240px;color:var(--muted);z-index:5;background:#020617f2;border-radius:10px;padding:8px 10px;font-size:.78rem;display:none;position:absolute;bottom:calc(100% + 8px);left:0}.tooltip:hover .tooltip__bubble{display:block}.chip{border:1px solid var(--line);font-family:var(--font-mono);background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;font-size:.82rem;display:inline-flex}.footer{border-top:1px solid var(--line);color:var(--muted);padding:28px 0;font-size:.9rem}@media (width>=1600px){:root{--maxw:1320px}}@media (width>=2400px){:root{--maxw:1500px}}