.analytics-page{background:#070c15;color:#d8e8ff}
.analytics-wrap{max-width:1160px;margin:auto;padding:0 2rem}
.analytics-hero{padding:140px 0 70px;background:radial-gradient(ellipse at 75% 15%,rgba(73,125,197,.16),transparent 60%)}
.analytics-kicker{font:500 .7rem 'JetBrains Mono',monospace;letter-spacing:2px;text-transform:uppercase;color:#8ab6eb;margin-bottom:18px;display:block}
.analytics-hero h1{font-size:clamp(2.4rem,5vw,4.4rem);line-height:1.1;letter-spacing:-2px;max-width:900px;margin:0 0 25px}
.analytics-hero h1 em{font-style:normal;color:#87b7ed}
.analytics-lead{max-width:790px;font-size:1.12rem;line-height:1.8;color:#b1c1d5}
.analytics-framing{max-width:790px;margin:0;color:#8fa7c2;line-height:1.7}
.analytics-pill{display:inline-block;padding:7px 12px;border:1px solid #354764;border-radius:20px;font-size:.73rem;color:#c9b477;margin:20px 0}
.analytics-section{padding:65px 0;border-top:1px solid #1e2a3b;scroll-margin-top:85px}
.analytics-section h2{font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.25;margin:0 0 16px}
.analytics-section p{color:#adbed2;line-height:1.75}
.analytics-system-grid,.analytics-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:32px 0}
.analytics-system,.analytics-flow div{border:1px solid #2a3b54;padding:24px;border-radius:12px;background:#0c1523}
.analytics-system h3{color:#8bb9ee;margin:0 0 10px;font-size:1.12rem}
.analytics-system p{font-size:.9rem;margin:0}
.analytics-filters{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0 12px}
.analytics-filters button{background:#0d1726;border:1px solid #354764;border-radius:24px;padding:10px 18px;color:#c4d4e8;cursor:pointer;font:inherit;font-size:.85rem}
.analytics-filters button[aria-pressed=true]{background:#21456e;border-color:#8bb9ee;color:#fff}
.analytics-filters button:focus-visible,.analytics-page a:focus-visible,.analytics-page summary:focus-visible{outline:2px solid #c9b477;outline-offset:4px}
.analytics-count{font-size:.8rem;color:#9cb1ca}
.analytics-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}
.analytics-card{padding:29px;border:1px solid #2a3b54;border-radius:14px;background:linear-gradient(145deg,#101c2d,#0a111d);scroll-margin-top:90px}
.analytics-card[hidden]{display:none}
.analytics-card h3{font-size:1.35rem;margin:12px 0 14px;line-height:1.4}
.analytics-card .analytics-tags{font:500 .65rem/1.6 'JetBrains Mono',monospace;letter-spacing:.6px;color:#87b7ed;text-transform:uppercase}
.analytics-card strong{color:#d9e5f5}
.analytics-card details{border-top:1px solid #2a3b54;padding-top:16px;margin-top:18px}
.analytics-card summary{color:#d3b86f;cursor:pointer;font-size:.9rem}
.analytics-card details p{font-size:.88rem}
.analytics-flow div span{color:#d3b86f;font:500 .72rem 'JetBrains Mono',monospace;display:block;margin-bottom:12px}
.analytics-flow div strong{font-size:1.05rem}.analytics-flow p{font-size:.85rem;margin-bottom:0}
.analytics-note{padding:24px;border-left:3px solid #c9b477;background:#101b2a;margin:28px 0}
.analytics-page a{color:#93bef1}
.analytics-team{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.analytics-team span,.analytics-team a{padding:12px 16px;border:1px solid #2a3b54;border-radius:8px;text-decoration:none;font-size:.85rem}
.analytics-footer{padding:36px 0;border-top:1px solid #223048;color:#91a5bf;font-size:.85rem}
@media(max-width:900px){.analytics-system-grid,.analytics-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.analytics-wrap{padding:0 1.2rem}.analytics-hero{padding:110px 0 40px}.analytics-hero h1{letter-spacing:-1px}.analytics-cards,.analytics-system-grid,.analytics-flow{grid-template-columns:1fr}.analytics-card{padding:22px}.analytics-section{padding:45px 0}}
