
/* Radar Preview visual refinement v1.1 */
.sidebar{padding:28px 22px 22px}
.nav a{font-size:12px;color:#889ca2;padding:12px 12px}
.nav a span{font-size:9px;color:#587078}
.sidebar-note .eyebrow{color:#789097}
.sidebar-note p{color:#74898f;font-size:11px}
.runtime-card small{font-size:10px}

.hero{min-height:420px;grid-template-columns:minmax(0,.94fr) minmax(500px,1.06fr)}
.hero-copy{padding:46px 44px 34px}
.hero h2{max-width:600px;margin:16px 0;font-size:clamp(40px,3.35vw,54px);line-height:1.01;letter-spacing:-.052em}
.hero p{max-width:580px;font-size:13px;line-height:1.68}
.hero-actions{margin-top:23px}
.hero-stats{margin-top:31px;padding-top:16px}
.hero-stats dd.online{color:var(--p-accent2)}
.hero-media,.hero-media img{min-height:420px}
.hero-media img{object-position:55% center;transform:scale(1.015)}
.hero-media figcaption{right:20px;bottom:18px;left:20px}

.metrics{gap:14px}
.metric{padding:19px 18px;min-height:108px}
.metric small{color:#789097;letter-spacing:.02em}
.metric strong{font-size:29px}
.metric span{font-weight:600}
.grid-two{gap:14px}
.panel{padding:19px}
.panel h3{font-size:16px;letter-spacing:-.02em}
.priority-panel{margin-top:2px}
.activity{padding:11px 0}
.funnel-row{gap:10px}
table th{color:#748b92;letter-spacing:.03em}
table td{padding-top:11px;padding-bottom:11px}
.notice{margin-bottom:16px}
.architecture-strip{margin-top:16px;margin-bottom:16px}

@media(max-width:1180px){.hero{min-height:0;grid-template-columns:1fr}.hero-media,.hero-media img{min-height:360px}.hero-media img{object-position:center}}
@media(max-width:900px){.hero-copy{padding:38px 28px 32px}.hero h2{font-size:44px;max-width:650px}}
@media(max-width:620px){.hero h2{font-size:36px}.hero-media,.hero-media img{min-height:280px}}
