:root{--hot: #e11d8a;--glow: #ff4eb8;--violet: #a855f7;--orchid: #f0abfc;--fuchsia: #c026d3;--success: #34d399;--bg: #08060c;--surface: #130e18;--surface-2: #1d1626;--text: #f7f1fa;--muted: #b9a8c6;--border: #3d334c;--radius: 10px;--radius-lg: 24px;--font: "IBM Plex Sans", ui-sans-serif, sans-serif;--display: Syne, ui-sans-serif, sans-serif;--page: 1180px;--nav: var(--glow);--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.55}body{background:radial-gradient(900px 480px at 12% -10%,#ff4eb824,transparent 55%),radial-gradient(700px 420px at 110% 8%,#a855f720,transparent 50%),var(--bg)}body:before{content:"";pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;opacity:.045;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#root{position:relative;z-index:2;min-height:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{max-width:100%;display:block}.skip{position:absolute;left:-999px;top:8px;background:var(--hot);color:#fff;padding:8px 12px;border-radius:999px;z-index:20}.skip:focus{left:8px}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:24px;justify-content:space-between;padding:16px 32px;background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--orchid) 12%,transparent)}.brand{display:flex;align-items:center;gap:10px;min-height:44px}.brand img{width:32px;height:32px}.brand-mark{font-family:var(--display);font-size:26px;font-weight:800;letter-spacing:-1.5px}.brand-mark span{color:var(--glow)}.nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}.nav a,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 16px;border-radius:999px;border:0;cursor:pointer;font-size:14px;font-weight:600;transition:transform .14s var(--ease),background-color .14s var(--ease),color .14s var(--ease),box-shadow .14s var(--ease)}.nav a{color:var(--muted);font-weight:500}.nav a:hover{color:var(--text);background:color-mix(in srgb,var(--nav) 12%,transparent)}.nav a.active{color:var(--nav);background:color-mix(in srgb,var(--nav) 16%,transparent);box-shadow:inset 0 -2px 0 var(--nav)}.nav a.tint-hot{--nav: var(--glow)}.nav a.tint-violet{--nav: var(--violet)}.nav a.tint-orchid{--nav: var(--orchid)}.nav a.tint-fuchsia{--nav: var(--fuchsia)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--hot);color:#fff;box-shadow:0 0 0 0 var(--glow)}.btn-primary:hover{background:var(--glow);box-shadow:0 8px 28px #ff4eb833}.btn-ghost{background:var(--surface-2);color:var(--text)}.btn-ghost:hover{background:color-mix(in srgb,var(--violet) 22%,var(--surface-2))}.stage{animation:rise .36s var(--ease)}@keyframes rise{0%{transform:translateY(8px)}to{transform:none}}.page{width:min(var(--page),calc(100% - 64px));margin:0 auto;padding:72px 0 120px;display:grid;gap:56px}.hero{display:grid;grid-template-columns:1.15fr .85fr;background:linear-gradient(160deg,var(--surface) 40%,#1a0a22 100%);border-radius:var(--radius-lg);overflow:hidden;min-height:380px;border:1px solid color-mix(in srgb,var(--orchid) 14%,transparent)}.hero-copy{padding:56px;display:grid;align-content:center;gap:20px}.hero-art{position:relative;min-height:340px;background:radial-gradient(circle at 70% 38%,#ff4eb840,transparent 42%),radial-gradient(circle at 30% 80%,#a855f728,#0e0814 68%);display:grid;place-items:center;padding:40px 16px 56px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2.4px;color:var(--orchid);text-transform:uppercase;margin:0}h1,.h1{margin:0;font-family:var(--display);font-size:clamp(36px,5vw,56px);line-height:1.05;letter-spacing:-2px;font-weight:800;color:var(--text)}h2{margin:0;font-family:var(--display);font-size:28px;font-weight:800;letter-spacing:-.8px}h3{margin:0;font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:-.4px}.lede,.muted,.legal p,.card p{color:var(--muted)}.lede{max-width:38ch;margin:0;font-size:18px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.vinyl{width:244px;height:244px;border-radius:50%;position:relative;display:grid;place-items:center;animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.vinyl:before,.vinyl:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;border-radius:50%;border:1px solid #4a2f58}.vinyl:before{width:204px;height:204px}.vinyl:after{width:164px;height:164px}.vinyl-label{width:104px;height:104px;border-radius:52px;background:var(--hot);color:#fff;display:grid;place-items:center;text-align:center;gap:4px;z-index:1;font-size:12px;font-weight:700;letter-spacing:.4px;animation:spin 18s linear infinite reverse}.vinyl-hole{width:12px;height:12px;border-radius:6px;background:#0e0814}.vinyl-side{font-size:10px;font-weight:400}.tape{position:absolute;right:20px;bottom:28px;background:var(--orchid);color:#1a1020;font-size:12px;font-weight:700;padding:8px 12px;transform:rotate(-6deg);box-shadow:6px 8px #ff4eb833}.split{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.card{background:var(--surface);border-radius:var(--radius-lg);padding:32px;display:grid;gap:14px;align-content:start;border:1px solid var(--surface-2);transition:transform .18s var(--ease),border-color .18s var(--ease)}.card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--nav, var(--glow)) 40%,var(--surface-2))}.card.tint-hot{--nav: var(--glow)}.card.tint-violet{--nav: var(--violet)}.card.tint-orchid{--nav: var(--orchid)}.bar{height:14px;border-radius:999px;overflow:hidden;display:flex;background:var(--surface-2)}.bar span:first-child{width:85%;background:linear-gradient(90deg,var(--hot),var(--glow))}.bar span:last-child{width:15%;background:var(--violet)}.legend{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:16px;font-variant-numeric:tabular-nums}.fine{font-size:14px;color:var(--muted);margin:0}.caption{font-size:12px;color:var(--muted)}.price-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.price-hero{background:var(--surface);border-radius:var(--radius-lg);padding:40px;display:grid;gap:18px;border:1px solid color-mix(in srgb,var(--glow) 18%,transparent)}.price-amount{font-family:var(--display);font-size:40px;font-weight:800;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.list{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:10px}.site-footer{border-top:1px solid var(--surface-2);padding:48px 32px 64px}.footer-inner{width:min(var(--page),100%);margin:0 auto;display:grid;gap:20px}.footer-links{display:flex;flex-wrap:wrap;gap:8px 20px}.footer-links a{color:var(--muted);min-height:44px;display:inline-flex;align-items:center;transition:color .14s var(--ease)}.footer-links a:hover,.footer-links a.active{color:var(--glow)}.legal{display:grid;gap:18px;max-width:68ch}.legal h1{font-size:40px}.legal h2{margin-top:12px}.legal h3{font-size:16px;font-family:var(--font);color:var(--orchid)}.legal p{margin:0}.legal-version{font-size:12px;color:var(--muted);margin:0;font-variant-numeric:tabular-nums}.tabs{display:flex;flex-wrap:wrap;gap:8px}.tabs a.active{background:var(--hot);color:#fff}.not-found{min-height:42vh;display:grid;place-content:center;justify-items:center;gap:16px;text-align:center}.not-found .btn{width:fit-content}@media(max-width:800px){.hero,.price-grid{grid-template-columns:1fr}.page{width:min(var(--page),calc(100% - 32px));padding-top:40px;gap:40px}.hero-copy{padding:32px 24px}.site-header{padding:10px 16px;align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
