@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root { --ink:#f4f1eb; --muted:#9b9ca2; --paper:#090b10; --panel:#11141a; --line:#252932; --acid:#d7ff45; --blue:#7b8cff; --max:1200px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:100px; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"Manrope",sans-serif; font-size:16px; line-height:1.75; }
a { color:inherit; }
.reading-progress { position:fixed; inset:0 0 auto; height:3px; z-index:99; background:transparent; }
.reading-progress span { display:block; width:0; height:100%; background:var(--acid); }
.site-header { height:82px; padding:0 max(24px,calc((100vw - var(--max))/2)); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); background:rgba(9,11,16,.88); backdrop-filter:blur(18px); position:sticky; top:0; z-index:20; }
.brand { display:flex; align-items:center; gap:12px; text-decoration:none; font-size:18px; font-weight:800; letter-spacing:-.04em; }
.brand-mark { width:38px; height:38px; border:1px solid #353a44; border-radius:10px; display:grid; place-items:center; overflow:hidden; background:#0e1117; }
.brand-mark img { width:100%; height:100%; object-fit:contain; }
.header-link { font-family:"DM Mono",monospace; font-size:12px; text-transform:uppercase; letter-spacing:.12em; text-underline-offset:5px; text-decoration-color:var(--acid); }
.hero { min-height:640px; border-bottom:1px solid var(--line); padding:100px max(24px,calc((100vw - var(--max))/2)); display:grid; grid-template-columns:1.05fr .95fr; gap:70px; align-items:center; overflow:hidden; }
.eyebrow,.kicker,.toc>p { font-family:"DM Mono",monospace; text-transform:uppercase; letter-spacing:.13em; font-size:11px; color:var(--muted); font-weight:500; }
.eyebrow { display:flex; align-items:center; gap:10px; }
.eyebrow span { width:7px; height:7px; border-radius:50%; background:var(--acid); box-shadow:0 0 16px var(--acid); }
h1 { margin:24px 0 28px; font-size:clamp(68px,8vw,124px); line-height:.82; letter-spacing:-.075em; font-weight:800; }
h1 em { color:var(--acid); font-style:normal; }
.hero-intro { max-width:600px; color:#c0c0c4; font-size:18px; }
.meta-row { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; color:#73757d; font-family:"DM Mono",monospace; font-size:11px; text-transform:uppercase; letter-spacing:.06em; }
.hero-art { height:480px; position:relative; display:grid; place-items:center; }
.disc { position:absolute; border-radius:50%; border:1px solid #282d37; }
.disc-one { width:460px; height:460px; background:repeating-radial-gradient(circle,#131720 0,#131720 2px,#0a0d12 3px,#0a0d12 7px); box-shadow:0 20px 100px #000; }
.disc-two { width:155px; height:155px; background:var(--acid); box-shadow:0 0 70px rgba(215,255,69,.18); }
.player-card { width:min(390px,90%); position:relative; z-index:2; transform:rotate(-4deg); padding:25px; border:1px solid #383e48; border-radius:20px; background:rgba(19,22,29,.9); backdrop-filter:blur(15px); box-shadow:0 30px 80px #000; }
.player-top { display:flex; justify-content:space-between; font:10px "DM Mono",monospace; letter-spacing:.15em; color:#8c8f97; }
.player-top i { width:8px; height:8px; border-radius:50%; background:var(--acid); }
.waveform { height:96px; display:flex; gap:7px; align-items:center; justify-content:center; }
.waveform b { width:3px; border-radius:5px; background:var(--acid); animation:pulse 1.4s ease-in-out infinite alternate; }
.waveform b:nth-child(3n+1){height:22px}.waveform b:nth-child(3n+2){height:60px;animation-delay:.3s}.waveform b:nth-child(3n){height:38px;animation-delay:.6s}
@keyframes pulse { to { transform:scaleY(.45); opacity:.45; } }
.track { text-align:center; display:flex; flex-direction:column; line-height:1.5; }
.track strong { font-size:14px; }.track span{font-size:11px;color:#81838b}
.timeline { height:2px; background:#333842; margin:25px 0 20px; }.timeline span{display:block;width:62%;height:100%;background:var(--acid)}
.controls { display:flex; gap:30px; align-items:center; justify-content:center; color:#8d9098; }.controls .play{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#0a0c10;font-size:12px;padding-left:2px}
.policy-layout { max-width:var(--max); margin:auto; padding:0 24px; display:grid; grid-template-columns:230px 1fr; gap:80px; }
.toc { position:sticky; top:120px; align-self:start; padding:70px 0; }
.toc nav { display:flex; flex-direction:column; margin-top:22px; }
.toc a { padding:8px 0; color:#686b73; text-decoration:none; font-size:13px; transition:.2s; }.toc a span{font:10px "DM Mono",monospace;display:inline-block;width:32px}.toc a:hover,.toc a.active{color:var(--ink)}.toc a.active span{color:var(--acid)}
.policy section { display:grid; grid-template-columns:54px 1fr; gap:24px; padding:80px 0; border-bottom:1px solid var(--line); }
.section-number { font:11px "DM Mono",monospace; color:#555963; padding-top:4px; }
.section-content { max-width:760px; }
.section-content h2 { font-size:clamp(35px,5vw,58px); line-height:1.05; letter-spacing:-.055em; margin:12px 0 30px; }
.section-content>p:not(.kicker) { color:#a7a8ad; }
.highlight { margin-top:36px; display:grid; grid-template-columns:40px 1fr; gap:16px; padding:24px; border-left:2px solid var(--acid); background:linear-gradient(90deg,rgba(215,255,69,.08),transparent); color:#d8d9db; }.highlight span{color:var(--acid)}.highlight p{margin:0}
.data-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin:35px 0; background:var(--line); border:1px solid var(--line); }
.data-grid>div { background:var(--panel); padding:28px; }.data-grid span{font:10px "DM Mono",monospace;color:var(--acid)}.data-grid h3{font-size:16px;margin:35px 0 8px}.data-grid p{font-size:13px;color:#878990;margin:0;line-height:1.65}
.providers { border-top:1px solid var(--line); margin:35px 0; }.providers a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line);text-decoration:none}.providers strong{font-size:14px}.providers span{font:10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.06em;color:#73767e}.providers a:hover span{color:var(--acid)}
.check-list { list-style:none; padding:0; margin:35px 0 0; }.check-list li{display:grid;grid-template-columns:32px 1fr;gap:15px;padding:20px 0;border-top:1px solid var(--line)}.check-list li>span{color:var(--acid)}.check-list strong{font-size:14px}.check-list p{color:#898b92;font-size:14px;margin:3px 0 0}
.contact-section { border-bottom:0!important; padding-bottom:120px!important; }.email-button{margin-top:30px;display:flex;justify-content:space-between;align-items:center;padding:22px 25px;border:1px solid var(--acid);color:var(--acid);text-decoration:none;font:13px "DM Mono",monospace;transition:.25s}.email-button:hover{background:var(--acid);color:#090b10}.email-button span{font-size:20px}
footer { min-height:140px; padding:35px max(24px,calc((100vw - var(--max))/2)); display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--line); background:#07080c; color:#6e7077; font:11px "DM Mono",monospace; text-transform:uppercase; letter-spacing:.05em; }.footer-brand{color:var(--ink);font-family:"Manrope",sans-serif;text-transform:none;letter-spacing:-.04em}footer button{border:0;background:none;color:#8a8c93;font:inherit;text-transform:inherit;cursor:pointer}footer button:hover{color:var(--acid)}footer button span{margin-left:10px}
@media (max-width:900px){.hero{grid-template-columns:1fr;padding-top:70px}.hero-art{height:390px}.disc-one{width:380px;height:380px}.policy-layout{grid-template-columns:1fr}.toc{display:none}.policy{max-width:760px;margin:auto}.policy section{padding:65px 0}}
@media (max-width:600px){.site-header{height:68px}.hero{padding:62px 20px;min-height:auto}.hero-art{height:300px}.disc-one{width:300px;height:300px}.disc-two{width:110px;height:110px}.player-card{padding:18px}.waveform{height:70px}.meta-row .dot{display:none}.meta-row{flex-direction:column;gap:3px}.policy-layout{padding:0 20px}.policy section{grid-template-columns:1fr;gap:8px}.section-number{color:var(--acid)}.data-grid{grid-template-columns:1fr}.providers a{align-items:flex-start;flex-direction:column;gap:3px}.contact-section{padding-bottom:80px!important}.email-button{font-size:11px;padding:18px 15px}footer{padding:30px 20px;flex-direction:column;gap:22px}.footer-brand{display:none}h1{font-size:65px}.section-content h2{font-size:40px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.waveform b{animation:none}}