@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap";
:root{--bg:#0b0b12;--bg-raised:#14141f;--bg-raised-2:#1b1b29;--line:#8b5cf63d;--line-soft:#8b5cf624;--ink:#f1f0f8;--muted:#a3a1c0;--violet:#8b5cf6;--cyan:#00e5ff;--violet-dim:#8b5cf629;--cyan-dim:#00e5ff24;--danger:#ff6b81;--danger-bg:#ff6b811f}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);background-image:radial-gradient(760px 420px at 14% -8%, var(--violet-dim), transparent 60%), radial-gradient(620px 380px at 96% 8%, var(--cyan-dim), transparent 55%);color:var(--ink);background-repeat:no-repeat;margin:0;font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.6;position:relative}a{color:inherit;text-underline-offset:4px}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan)}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}.circuit-rail{background:linear-gradient(180deg, transparent 0%, var(--line) 8%, var(--line) 92%, transparent 100%);z-index:0;pointer-events:none;width:1px;display:none;position:fixed;top:0;bottom:0;left:28px}.circuit-rail:before{content:"";background:var(--cyan);width:7px;height:7px;box-shadow:0 0 10px 2px var(--cyan-dim);border-radius:50%;animation:9s ease-in-out infinite pulse-travel;position:absolute;top:18%;left:-3px}@keyframes pulse-travel{0%,to{background:var(--cyan);box-shadow:0 0 12px 2px var(--cyan-dim);top:12%}50%{background:var(--violet);box-shadow:0 0 12px 2px var(--violet-dim);top:78%}}@media (min-width:1080px){.circuit-rail{display:block}}@media (prefers-reduced-motion:reduce){.circuit-rail:before{animation:none;top:18%}}.topbar{border-bottom:1px solid var(--line);z-index:1;justify-content:space-between;align-items:center;max-width:1280px;margin:auto;padding:26px 6%;display:flex;position:relative}.brand{letter-spacing:1.5px;text-transform:uppercase;color:var(--ink);align-items:center;gap:10px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.brand-mark{object-fit:contain;width:30px;height:30px;display:block}.brand-dot,.status-dot{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 8px 1px var(--cyan-dim);border-radius:50%;display:inline-block}nav{align-items:center;gap:26px;display:flex}nav a{letter-spacing:.3px;color:var(--muted);font-size:13px;text-decoration:none}nav a:hover{color:var(--ink)}.button{border:1px solid var(--violet);background:var(--violet);color:#08060f;letter-spacing:.4px;border-radius:3px;justify-content:center;align-items:center;gap:10px;padding:13px 22px;font-size:13px;font-weight:700;text-decoration:none;transition:box-shadow .2s,transform .15s,background .2s;display:inline-flex}.button:hover:not(:disabled){box-shadow:0 0 0 1px var(--cyan), 0 0 20px 0 var(--cyan-dim);transform:translateY(-1px)}.button.small{padding:9px 16px}.button.secondary{color:var(--ink);border-color:var(--line);background:0 0}.button.secondary:hover:not(:disabled){border-color:var(--cyan)}.full{width:100%}.hero{z-index:1;max-width:1180px;margin:auto;padding:96px 6% 88px;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:3px;color:var(--cyan);align-items:center;gap:10px;margin-bottom:22px;font-family:Orbitron,Inter,sans-serif;font-size:11px;font-weight:700;display:flex}.eyebrow:before{content:"";background:var(--cyan);width:6px;height:6px;box-shadow:0 0 8px 1px var(--cyan-dim);border-radius:50%;flex:none}h1{letter-spacing:-.5px;max-width:900px;color:var(--ink);margin:0 0 22px;font-family:Orbitron,Inter,sans-serif;font-size:clamp(38px,5.6vw,74px);font-weight:800;line-height:1.08}h1 em{background:linear-gradient(100deg, var(--cyan), var(--violet) 70%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}h2{letter-spacing:.2px;color:var(--ink);margin:0 0 16px;font-family:Orbitron,Inter,sans-serif;font-size:19px;font-weight:700}h3{color:var(--ink);margin:0 0 8px;font-size:16px}p{color:var(--muted)}.hero>p{max-width:480px;font-size:17px;line-height:1.75}.actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:34px;display:flex}.text-link{color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:2px;font-size:14px;text-decoration:none}.text-link:hover{border-color:var(--cyan)}.hero-note{color:var(--muted);align-items:center;gap:10px;margin-top:58px;font-size:12px;display:flex}.narrow{z-index:1;max-width:460px;margin:auto;padding:65px 24px 80px;position:relative}.narrow h1{letter-spacing:-.3px;font-size:38px}.narrow>p{margin-bottom:30px}.divider{text-align:center;color:var(--muted);padding:22px 0;font-size:12px}label{color:var(--ink);margin-bottom:18px;font-size:13px;font-weight:600;display:block}input,textarea{border:1px solid var(--line);background:var(--bg-raised);width:100%;color:var(--ink);border-radius:3px;margin-top:7px;padding:12px;display:block}input::placeholder,textarea::placeholder{color:#6f6d8c}input:focus,textarea:focus{border-color:var(--cyan)}small{color:var(--muted);font-weight:400}.auth-options{flex-direction:column;gap:10px;margin-top:24px;display:flex}.link-button{color:var(--cyan);text-align:left;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.error{color:var(--danger);background:var(--danger-bg);border:1px solid #ff6b814d;border-radius:4px;padding:12px}.success{background:var(--cyan-dim);border:1px solid #00e5ff4d;border-radius:4px;padding:12px}.container{z-index:1;max-width:1120px;margin:auto;padding:60px 6% 100px;position:relative}.container h1{font-size:clamp(34px,5vw,52px)}.workspace-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:35px;display:grid}.panel{background:var(--bg-raised);border:1px solid var(--line);border-radius:4px;padding:28px}.saved-item{border-top:1px solid var(--line);padding:18px 0}.saved-item p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.orders{margin:24px 0}.order{border-top:1px solid var(--line);justify-content:space-between;padding:15px 0;display:flex}.badge{background:var(--violet-dim);color:var(--ink);text-transform:capitalize;border-radius:20px;padding:3px 10px;font-size:12px}.product-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:36px;display:grid}.product-photo{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);background:var(--bg);border-radius:3px;width:100%;margin-bottom:18px}.price{color:var(--ink);font-family:Orbitron,Inter,sans-serif;font-size:26px;font-weight:700}.favorite-button{border:1px solid var(--line);width:100%;color:var(--muted);cursor:pointer;background:0 0;border-radius:3px;margin-top:14px;padding:10px 14px;font-size:13px;transition:border-color .15s,color .15s}.favorite-button:hover:not(:disabled){border-color:var(--violet);color:var(--ink)}.favorite-button.is-active{border-color:var(--cyan);color:var(--cyan)}.favorite-button:disabled{opacity:.6;cursor:default}.favorites{margin:24px 0}.lineup-note{margin-top:10px;font-size:13px}section.section{z-index:1;max-width:1180px;margin:auto;padding:30px 6% 88px;position:relative}section.section .eyebrow{margin-bottom:18px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:8px;display:flex}.section-head p{max-width:520px}.section-title{letter-spacing:-.2px;color:var(--ink);margin:0 0 14px;font-family:Orbitron,Inter,sans-serif;font-size:clamp(26px,3.4vw,38px);font-weight:800}.waitlist-panel{background:var(--bg-raised);border:1px solid var(--line);border-radius:4px;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;margin-top:36px;padding:40px;display:grid}.waitlist-form{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.waitlist-form input{flex:1;min-width:220px;margin-top:0}.about-grid{grid-template-columns:1fr 1fr;gap:48px;margin-top:40px;display:grid}.about-grid .panel{padding:26px}.pillar-list{gap:18px;margin-top:30px;display:grid}.pillar{border-top:1px solid var(--line);padding-top:16px}footer{border-top:1px solid var(--line);max-width:1280px;color:var(--muted);z-index:1;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:auto;padding:30px 6%;font-size:12px;display:flex;position:relative}footer a{color:var(--muted)}footer a:hover{color:var(--cyan)}@media (max-width:900px){.waitlist-panel,.about-grid{grid-template-columns:1fr}}@media (max-width:640px){nav{gap:14px}nav>a:first-child{display:none}.topbar{padding:22px 6%}.hero{padding-top:64px}.actions{flex-direction:column;align-items:flex-start;gap:20px}.workspace-grid{grid-template-columns:1fr}footer{gap:12px}.hero-note{margin-top:42px}.waitlist-panel{padding:26px}}
