.analysis-hub { --analysis-red:#ff2d2d; --analysis-gold:var(--gold-accent); --analysis-ink:#f5f5f5; --analysis-muted:#9b9ba3; width:min(1240px,calc(100% - 40px)); margin:0 auto; padding:58px 0 100px; }
.analysis-hero { position:relative; overflow:hidden; border-bottom:1px solid #2a2a2a; padding:32px 0 58px; }
.analysis-hero::after { content:"DATA"; position:absolute; right:-12px; bottom:-34px; color:transparent; font:900 clamp(90px,17vw,220px)/.8 var(--f-display,"Bebas Neue",sans-serif); -webkit-text-stroke:1px rgba(255,255,255,.07); pointer-events:none; }
.analysis-kicker { display:flex; align-items:center; gap:12px; margin:0 0 25px; color:#bcbcc3; font:700 11px/1 var(--f-mono,monospace); letter-spacing:.18em; }
.analysis-kicker span:first-child { color:var(--analysis-red); }
.analysis-kicker i { width:34px; height:1px; background:#45454b; }
.analysis-hero h1 { position:relative; z-index:1; max-width:900px; margin:0; color:var(--analysis-ink); font:900 clamp(48px,8vw,104px)/.88 var(--f-display,"Bebas Neue",sans-serif); letter-spacing:-.035em; }
.analysis-hero h1 em { color:var(--analysis-red); font-style:normal; }
.analysis-hero > p:last-child { position:relative; z-index:1; max-width:720px; margin:28px 0 0; color:#b8b8bf; font:500 clamp(16px,2vw,20px)/1.55 var(--f-body,"Inter",sans-serif); }
.featured-lab { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr); gap:0; overflow:hidden; border:1px solid #323238; border-radius:14px; margin:44px 0 64px; background:#0c0c0e; box-shadow:0 26px 80px rgba(0,0,0,.35); }
.featured-copy { padding:clamp(28px,5vw,62px); }
.feature-index { color:var(--analysis-red); font:700 11px/1 var(--f-mono,monospace); letter-spacing:.18em; }
.featured-copy h2,.series h2 { margin:14px 0 16px; color:#fff; font:900 clamp(36px,5vw,64px)/.95 var(--f-display,"Bebas Neue",sans-serif); letter-spacing:-.02em; }
.featured-copy p { max-width:630px; color:#b5b5bc; font:500 17px/1.55 var(--f-body,"Inter",sans-serif); }
.featured-copy ul { display:flex; flex-wrap:wrap; gap:8px; margin:26px 0 30px; padding:0; list-style:none; }
.featured-copy li { border:1px solid #33333a; border-radius:999px; padding:8px 11px; color:#cdccd2; font:700 10px/1 var(--f-mono,monospace); text-transform:uppercase; }
.featured-copy a { display:inline-flex; align-items:center; gap:14px; min-height:48px; border-radius:5px; background:var(--analysis-red); padding:0 18px; color:#fff; font:800 12px/1 var(--f-body,"Inter",sans-serif); letter-spacing:.06em; text-decoration:none; }
.featured-copy a:hover { background:#ff4646; }
.featured-viz { display:grid; align-content:center; gap:18px; border-left:1px solid #2b2b31; background:radial-gradient(circle at 80% 0,rgba(255,45,45,.16),transparent 48%),#09090b; padding:clamp(28px,5vw,54px); }
.viz-score { display:grid; grid-template-columns:52px 1fr auto; align-items:center; gap:14px; }
.viz-score span { display:grid; place-items:center; width:48px; height:48px; border:1px solid #3a3a40; border-radius:50%; color:#eee; font:800 13px/1 var(--f-mono,monospace); }
.viz-score strong { color:#fff; font:900 clamp(35px,5vw,60px)/1 var(--f-numeral,"JetBrains Mono",monospace); }
.viz-score i { grid-column:2 / -1; display:block; width:55%; height:7px; border-radius:10px; background:#00b7ff; transition:width .22s ease; }
.viz-score-hot i { width:97%; background:linear-gradient(90deg,#c61122,#ff5360); }
.viz-score small { grid-column:2 / -1; color:#797981; font:700 9px/1 var(--f-mono,monospace); letter-spacing:.12em; }
.featured-viz > p { border-top:1px solid #28282e; margin:8px 0 0; padding-top:17px; color:#85858c; font:700 9px/1.5 var(--f-mono,monospace); letter-spacing:.08em; }
.series > header { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:24px; }
.series > header p { max-width:360px; margin:0 0 6px; color:#929299; font:500 14px/1.5 var(--f-body,"Inter",sans-serif); }
.series h2 { max-width:760px; margin-bottom:0; font-size:clamp(34px,4.5vw,56px); }
.series-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.series-card { position:relative; display:flex; min-height:330px; flex-direction:column; border:1px solid #2d2d33; border-radius:10px; background:linear-gradient(155deg,#131316,#09090b); padding:26px; color:#fff; text-decoration:none; transition:transform .18s ease,border-color .18s ease; }
.series-card:hover { border-color:#5b5b64; transform:translateY(-4px); }
.series-card::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; border-radius:10px 0 0 10px; background:var(--analysis-red); }
.series-card > span { color:#888890; font:700 10px/1 var(--f-mono,monospace); letter-spacing:.13em; }
.series-card h3 { margin:26px 0 15px; font:800 clamp(23px,2.6vw,34px)/1.05 var(--f-body,"Inter",sans-serif); letter-spacing:-.035em; }
.series-card p { margin:0; color:#9f9fa6; font:500 14px/1.55 var(--f-body,"Inter",sans-serif); }
.series-card b { margin-top:auto; padding-top:30px; color:var(--analysis-red); font:800 11px/1 var(--f-body,"Inter",sans-serif); letter-spacing:.08em; }
.analysis-method { display:grid; grid-template-columns:220px minmax(0,680px); gap:35px; border-top:1px solid #2a2a2f; margin-top:60px; padding-top:28px; }
.analysis-method strong { color:var(--analysis-gold); font:700 11px/1.4 var(--f-mono,monospace); letter-spacing:.15em; }
.analysis-method p { margin:0; color:#8f8f97; font:500 13px/1.6 var(--f-body,"Inter",sans-serif); }
@media(max-width:900px){.featured-lab{grid-template-columns:1fr}.featured-viz{border-top:1px solid #2b2b31;border-left:0}.series-grid{grid-template-columns:1fr 1fr}.series-card:last-child{grid-column:1/-1}.series>header{align-items:start;flex-direction:column}.analysis-method{grid-template-columns:1fr}}
@media(max-width:600px){.analysis-hub{width:min(100% - 28px,1240px);padding-top:34px}.analysis-hero{padding-top:20px}.analysis-kicker{align-items:flex-start;flex-direction:column;gap:7px}.analysis-kicker i{display:none}.featured-lab{margin-top:30px}.featured-copy,.featured-viz{padding:24px 20px}.series-grid{grid-template-columns:1fr}.series-card:last-child{grid-column:auto}.series-card{min-height:285px;padding:23px}.viz-score{grid-template-columns:44px 1fr}.viz-score span{width:40px;height:40px}.viz-score strong{grid-column:2}.viz-score i,.viz-score small{grid-column:1/-1}.analysis-method{gap:12px}}
@media(prefers-reduced-motion:reduce){.series-card,.viz-score i{transition:none}}
