:root{--bg:#0a0a0a;--s1:#141414;--s2:#1c1c1c;--ln:#2a2a2a;--tx:#ecebe4;--mu:#8d8c85;--ac:#c6ff00;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
*,*:before,*:after{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.5 "JetBrains Mono",ui-monospace,Menlo,monospace;overflow-x:hidden}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.09;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}
.d{font-family:"Archivo Black",Impact,"Arial Black",sans-serif;text-transform:uppercase;letter-spacing:-.02em;line-height:.9}
.w{max-width:1240px;margin:0 auto;padding:0 20px}
.mu{color:var(--mu)}.ac{color:var(--ac)}
header{position:sticky;top:0;z-index:20;background:rgba(10,10,10,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--ln)}
header .w{display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{font-size:22px}.logo b{color:var(--ac)}
nav{display:flex;gap:20px;align-items:center;font-size:13px}
nav a:hover{color:var(--ac)}
.btn{border:1px solid var(--tx);background:none;padding:11px 18px;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.06em;transition:.15s}
.btn:hover{background:var(--tx);color:#000}
.btn.p{background:var(--ac);border-color:var(--ac);color:#000}.btn.p:hover{box-shadow:0 0 24px rgba(198,255,0,.4);transform:translateY(-1px)}
.btn.sm{padding:7px 12px;font-size:11px}
.cb{position:relative}.cb i{font-style:normal;background:var(--ac);color:#000;border-radius:9px;padding:0 6px;margin-left:6px;font-size:11px}
.hero{padding:64px 0 40px;position:relative}
.hero h1{font-size:clamp(54px,15vw,190px);margin:0 0 24px}
.hero h1 span{color:var(--ac);display:block}
.hero p{max-width:520px;font-size:16px;color:var(--mu)}
.hero .row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.wavebg{display:flex;align-items:center;gap:3px;height:120px;margin-top:44px;opacity:.9}
.wavebg i{flex:1;background:var(--ac);min-width:2px;border-radius:1px;animation:pl 1.6s ease-in-out infinite;transform-origin:center}
@keyframes pl{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}
.mq{border-block:1px solid var(--ln);overflow:hidden;white-space:nowrap;padding:12px 0;font-size:12px;color:var(--mu)}
.mq div{display:inline-block;animation:mq 30s linear infinite}.mq span{margin:0 22px}.mq b{color:var(--ac)}
@keyframes mq{to{transform:translateX(-50%)}}
section{padding:64px 0}
h2{font-size:clamp(34px,6vw,64px);margin:0 0 28px}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.cat{background:var(--s1);border:1px solid var(--ln);padding:22px;text-align:left;transition:.2s}
.cat:hover{border-color:var(--ac);transform:translateY(-3px)}.cat .d{font-size:22px;display:block;margin-bottom:6px}
.bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:22px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{background:none;border:1px solid var(--ln);padding:7px 13px;font-size:12px;border-radius:99px}
.chip.on,.chip:hover{border-color:var(--ac);color:var(--ac)}
select{background:var(--s1);color:var(--tx);border:1px solid var(--ln);padding:8px 10px;font:inherit;font-size:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
.card{background:var(--s1);border:1px solid var(--ln);display:flex;flex-direction:column;transition:.2s}
.card:hover{border-color:#444;transform:translateY(-3px)}
.card .art{display:block;overflow:hidden}.card .art svg{display:block;width:100%;transition:transform .5s}.card:hover .art svg{transform:scale(1.04)}
.cbody{padding:16px;display:flex;flex-direction:column;gap:10px;flex:1}
.cbody h3{margin:0;font-size:22px}.cbody p{margin:0;color:var(--mu);font-size:13px;flex:1}
.meta{display:flex;justify-content:space-between;font-size:12px;color:var(--mu)}
.pr{font-size:18px;color:var(--tx);font-weight:700}
.mini{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--mu)}
.pb{width:38px;height:38px;border-radius:50%;border:0;background:var(--ac);color:#000;font-size:14px;flex:none;transition:.15s}.pb:hover{transform:scale(1.1)}
.sk{flex:1;height:18px;display:flex;align-items:center;cursor:pointer}
.sk div{width:100%;height:4px;background:var(--ln);position:relative}.sk div i{position:absolute;inset:0 auto 0 0;background:var(--ac)}
.feat{display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--ln);background:var(--s1)}
.coll{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.coll a{border:1px solid var(--ln);padding:26px;background:linear-gradient(160deg,var(--s2),var(--s1));display:block;transition:.2s}.coll a:hover{border-color:var(--ac)}
.coll .d{font-size:30px;margin:10px 0}
.about{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center}
.about .big{font-size:clamp(40px,8vw,96px)}
footer{border-top:1px solid var(--ln);padding:40px 0;color:var(--mu);font-size:12px}
footer .w{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
footer h4{color:var(--tx);margin:0 0 8px;font-size:12px;text-transform:uppercase}footer a{display:block;padding:2px 0}footer a:hover{color:var(--ac)}
.pp{display:grid;gap:32px;padding-top:28px}
@media(min-width:880px){.pp{grid-template-columns:1fr 1fr;align-items:start}.feat{grid-template-columns:1.1fr 1fr}.pp .art{position:sticky;top:80px}}
.pp h1{font-size:clamp(38px,6vw,76px);margin:8px 0 14px}
.specs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ln);margin:20px 0}
.specs div{padding:12px 14px;border:1px solid var(--ln);margin:-1px 0 0 -1px;font-size:13px}.specs small{display:block;color:var(--mu);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.player{background:var(--s1);border:1px solid var(--ln);padding:16px;margin:20px 0}
.wf{display:flex;align-items:center;gap:2px;height:84px;cursor:pointer;touch-action:none}
.wf i{flex:1;background:#3a3a3a;border-radius:1px;min-width:1px;transition:background .1s}.wf i.on{background:var(--ac)}
.ctl{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:12px}
.ctl .sp{flex:1}.ib{background:none;border:1px solid var(--ln);width:36px;height:36px;border-radius:50%}.ib:hover{border-color:var(--ac);color:var(--ac)}
input[type=range]{accent-color:var(--ac);width:80px}
.tl button{display:flex;width:100%;justify-content:space-between;background:none;border:0;border-top:1px solid var(--ln);padding:11px 4px;text-align:left;font-size:13px}.tl button:hover,.tl button.on{color:var(--ac)}
.buy{display:flex;gap:10px;flex-wrap:wrap}.buy .btn{flex:1;min-width:150px;padding:15px}
.note{font-size:11px;color:var(--mu);border:1px dashed var(--ln);padding:10px;margin-top:14px}
.dim{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:40}
.dr{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--s1);border-left:1px solid var(--ln);z-index:41;padding:20px;display:flex;flex-direction:column;gap:14px;animation:sl .25s;overflow:auto}
@keyframes sl{from{transform:translateX(100%)}}
.it{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;border-top:1px solid var(--ln);padding-top:12px}.it svg{width:64px;display:block}
.q button{width:24px;height:24px;background:none;border:1px solid var(--ln)}
.rev{animation:up .5s both}@keyframes up{from{opacity:0;transform:translateY(14px)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:640px){nav .hm{display:none}}

a.btn{display:inline-block;line-height:normal;text-align:center;font-family:inherit}
.artimg{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.card .art img{transition:transform .5s}.card:hover .art img{transform:scale(1.04)}