.hero h1{font-size:clamp(2.9rem,5.6vw,4.65rem)}
.hero-shot{width:min(300px,72%);padding:0;background:transparent;border:0;box-shadow:0 28px 72px #172b4833}
.hero-shot img{border-radius:25%;box-shadow:inset 0 1px 0 #ffffff80}
.filter-visual{width:min(380px,100%);justify-self:center}
.visual-window,.insight-card{padding:22px;border:1px solid #d7e2ec;border-radius:24px;background:linear-gradient(145deg,#fff,#f8fbfe);box-shadow:0 22px 60px #203b5616}
.visual-window-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:.88rem;font-weight:700}
.window-check,.insight-spark{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:var(--blue);background:#eaf2fa}
.filter-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:15px 0;border-top:1px solid #e7edf3;color:#40546c;font-size:.87rem}
.filter-symbol{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;color:var(--blue);background:#eaf2fa;font-size:1.2rem}
.filter-value{color:#78899c;font-size:.76rem}
.visual-caption{display:flex;align-items:center;gap:9px;margin:14px 0 0 12px;color:var(--muted);font-size:.82rem}
.caption-dot{width:8px;height:8px;border-radius:50%;background:#70a58d}
.insight-visual{width:min(400px,100%);justify-self:center}
.insight-card{padding:23px 24px 18px}
.insight-spark{font-size:1rem}
.chart-legend{display:flex;gap:20px;color:var(--muted);font-size:.78rem}
.chart-legend>span{display:flex;align-items:center;gap:7px}
.blue-dot,.green-dot{width:8px;height:8px;border-radius:50%;background:#3978b5}
.green-dot{background:#70a58d}
.chart-area{position:relative;height:175px;margin-top:7px}
.chart-grid{position:absolute;inset:12px 0 10px;display:flex;flex-direction:column;justify-content:space-between}
.chart-grid i{display:block;border-top:1px solid #e9eff4}
.chart-area svg{position:relative;width:100%;height:100%;overflow:visible}
.insight-footer{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid #e7edf3;color:var(--muted);font-size:.79rem}
.footer-mark{color:#70a58d;font-size:1.1rem}
@media(max-width:760px){.hero h1{font-size:clamp(2.8rem,11vw,4rem)}.hero-shot{width:min(230px,62%)}.filter-visual,.insight-visual{width:min(340px,100%)}.insights-section .insight-visual{order:1}}