:root{--bg:#03050a;--panel:#0a0f18;--panel2:#0d1420;--text:#f7fbff;--muted:#94a3b8;--cyan:#20e7ff;--blue:#168cff;--magenta:#d83cff;--green:#44f2a1;--amber:#ffc857;--line:rgba(255,255,255,.11);--shadow:0 20px 70px rgba(0,0,0,.35);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}
body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 12% 10%,rgba(32,231,255,.12),transparent 28%),radial-gradient(circle at 88% 14%,rgba(216,60,255,.10),transparent 26%),radial-gradient(circle at 62% 72%,rgba(22,140,255,.08),transparent 32%),linear-gradient(180deg,#020409 0%,#050914 52%,#020409 100%)}body:after{content:"";position:fixed;inset:0;z-index:-2;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
.wrap{width:min(1240px,calc(100% - 36px));margin:auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(2,4,9,.84);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.topbar-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.16em;font-size:.84rem}.mark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(32,231,255,.55);box-shadow:0 0 22px rgba(32,231,255,.15);font-weight:900;letter-spacing:-.08em}.brand span:last-child{opacity:.92}nav{display:flex;gap:24px;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#b9c4d2}nav a:hover,nav a[aria-current="page"]{color:var(--cyan)}
.hero{padding:86px 0 54px}.kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(32,231,255,.25);border-radius:999px;background:rgba(32,231,255,.06);color:#c6f8ff;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase}.pulse{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:34px;align-items:end;margin-top:28px}.hero h1{margin:0;font-size:clamp(3.4rem,8vw,7.8rem);line-height:.84;letter-spacing:-.07em}.hero h1 span{display:block;background:linear-gradient(90deg,var(--cyan),#fff 46%,var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:780px;color:#aab6c6;font-size:1.1rem;margin:28px 0 0}.hero-card{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:linear-gradient(180deg,rgba(14,22,34,.92),rgba(8,13,22,.82));box-shadow:var(--shadow)}.hero-card .small{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}.hero-card h3{margin:12px 0 8px;font-size:1.35rem}.hero-card p{margin:0;font-size:.92rem}.status{margin-top:18px;padding:10px 12px;border-radius:12px;border:1px solid rgba(68,242,161,.25);background:rgba(68,242,161,.07);color:#bfffe1;font-size:.78rem}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.stat{padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(9,14,23,.7)}.stat b{font-size:1.65rem;display:block}.stat span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.section{padding:54px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:24px}.section-head h2{margin:0;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.04em}.section-head p{margin:0;max-width:560px;color:var(--muted)}.tabs{display:flex;gap:10px;overflow:auto;padding-bottom:6px;margin-bottom:18px}.tab{white-space:nowrap;border:1px solid var(--line);background:rgba(10,15,24,.75);color:#b9c4d2;border-radius:999px;padding:11px 16px;cursor:pointer}.tab.active{color:#061015;background:linear-gradient(90deg,var(--cyan),#8ff5ff);border-color:transparent;font-weight:800}
.radar-shell{border:1px solid var(--line);background:rgba(8,13,21,.86);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.radar-head,.track{display:grid;grid-template-columns:64px minmax(240px,1.7fr) 170px 80px 100px 110px;align-items:center;gap:12px}.radar-head{padding:14px 20px;background:rgba(255,255,255,.035);border-bottom:1px solid var(--line);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#7f8ea1}.track{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.07);transition:.2s}.track:hover{background:rgba(32,231,255,.035)}.track:last-child{border-bottom:0}.rank{font-weight:900;font-size:1.15rem}.move{display:block;font-size:.66rem;color:var(--green);font-weight:600}.move.Stable{color:#9ab0c5}.move.New{color:var(--amber)}.title b{display:block;font-size:.97rem}.title span{color:var(--muted);font-size:.8rem}.signal{display:flex;gap:5px;flex-wrap:wrap}.dot{font-size:.64rem;padding:4px 7px;border-radius:999px;background:rgba(22,140,255,.12);border:1px solid rgba(22,140,255,.24);color:#bcdcff}.bpm,.key{font-size:.78rem;color:#c5d0de}.btn{display:inline-flex;justify-content:center;align-items:center;padding:8px 10px;border-radius:9px;border:1px solid rgba(32,231,255,.3);font-size:.7rem;color:#d8fbff;background:rgba(32,231,255,.07)}.btn:hover{background:rgba(32,231,255,.14)}
.dj-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:-4px 0 20px}.dj-filter{border:1px solid var(--line);background:rgba(10,15,24,.75);color:#b9c4d2;border-radius:999px;padding:9px 14px;cursor:pointer;font-size:.74rem}.dj-filter.active{color:#061015;background:linear-gradient(90deg,var(--cyan),#8ff5ff);border-color:transparent;font-weight:800}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:20px;padding:22px;background:linear-gradient(155deg,rgba(13,20,32,.96),rgba(7,11,18,.88));min-height:245px;display:flex;flex-direction:column}.card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-70px;top:-70px;background:var(--glow,var(--cyan));filter:blur(65px);opacity:.23}.card .eyebrow{font-size:.66rem;text-transform:uppercase;letter-spacing:.14em;color:var(--cyan)}.card h3{font-size:1.35rem;margin:14px 0 7px}.card p{font-size:.86rem;color:var(--muted);margin:0 0 18px}.mini-list{display:grid;gap:8px;margin-top:auto}.mini-item{display:flex;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.07);font-size:.78rem}.mini-item span:last-child{color:#8fa0b5}.card .btn{margin-top:14px;width:max-content}.is-hidden{display:none}
.consensus{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.consensus-list{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:rgba(8,13,21,.82)}.consensus-item{display:grid;grid-template-columns:48px 1fr 96px;gap:12px;align-items:center;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.07)}.consensus-item:last-child{border-bottom:0}.score{font-size:.78rem;color:var(--green);text-align:right}.feature{border:1px solid rgba(216,60,255,.24);border-radius:20px;padding:26px;background:linear-gradient(150deg,rgba(216,60,255,.12),rgba(22,140,255,.08));position:relative;overflow:hidden}.feature:before{content:"VIOLA";position:absolute;right:-8px;bottom:-28px;font-size:6rem;font-weight:900;letter-spacing:-.08em;color:rgba(255,255,255,.035)}.feature .label{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#f0c7ff}.feature h3{font-size:2rem;line-height:1.05;margin:18px 0 10px}.feature p{color:#b7c4d4;font-size:.9rem}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.chip{font-size:.68rem;padding:6px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04)}
.method{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.step{padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(10,15,24,.7)}.step b{display:block;color:var(--cyan);font-size:.72rem;letter-spacing:.12em;margin-bottom:10px}.step h3{margin:0 0 7px;font-size:1rem}.step p{margin:0;color:var(--muted);font-size:.8rem}.sources{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.source-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(10,15,24,.7)}.source-card b{display:block;margin-bottom:10px}.source-card p{color:var(--muted);font-size:.8rem;min-height:48px}

.site-sidebar{display:none}
@media(min-width:1180px){body{padding-left:214px}.site-sidebar{position:fixed;z-index:30;inset:18px auto 18px 16px;width:182px;display:flex;flex-direction:column;padding:18px 14px;overflow-y:auto;border:1px solid var(--line);border-radius:22px;background:rgba(5,9,16,.94);box-shadow:0 24px 70px rgba(0,0,0,.42);backdrop-filter:blur(18px)}.sidebar-title{padding:0 8px 15px;color:var(--cyan);font-size:.68rem;font-weight:900;letter-spacing:.18em}.sidebar-link,.sidebar-group-label,.sidebar-sub a{display:block;border-radius:10px;padding:9px 10px;color:#b7c4d2;font-size:.72rem;font-weight:750;letter-spacing:.06em}.sidebar-link:hover,.sidebar-link.active,.sidebar-group-label.active,.sidebar-sub a:hover,.sidebar-sub a.active{color:#effeff;background:rgba(32,231,255,.08)}.sidebar-group{margin:4px 0;padding:5px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-group-label{color:#fff}.sidebar-sub{display:grid;gap:1px;padding-left:8px}.sidebar-sub a{padding:7px 10px;color:#8293a7;font-size:.66rem;font-weight:650}.sidebar-foot{margin-top:auto;padding:16px 8px 2px;color:#607084;font-size:.61rem;line-height:1.45}}
footer{margin-top:40px;border-top:1px solid var(--line);padding:34px 0 50px;color:#8492a6;font-size:.76rem}.foot{display:flex;justify-content:space-between;gap:30px}.legal{max-width:760px}.footer-links{display:flex;gap:14px;white-space:nowrap}.footer-links a:hover{color:var(--cyan)}
@media(max-width:980px){.hero-grid,.consensus{grid-template-columns:1fr}.stats,.method,.sources{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr 1fr}.radar-head{display:none}.track{grid-template-columns:48px 1fr 120px}.track .bpm,.track .key{display:none}}@media(max-width:700px){.wrap{width:min(100% - 22px,1240px)}.brand span:last-child{display:none}.topbar-inner{gap:12px}nav{display:flex;max-width:calc(100vw - 78px);gap:14px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;font-size:.62rem}.hero{padding-top:56px}.hero h1{font-size:3.5rem}.stats,.cards,.method,.sources{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.track{grid-template-columns:38px 1fr}.track .signal{display:none}.track .btn{grid-column:2;width:max-content}.consensus-item{grid-template-columns:38px 1fr}.score{display:none}.foot{flex-direction:column}.footer-links{white-space:normal;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}