.hero { grid-template-columns: 1.45fr 1fr; padding: 0; overflow: hidden; }
.hero { border-color: #7b3838; box-shadow: inset 0 0 0 1px rgba(255,93,93,.05); }
.hero-intro { padding: clamp(25px, 3vw, 40px); background: linear-gradient(130deg, #092f28, #103b31); }
.hero-intro .lede { color: #d6efe6; }
.hero-intro .hero-meta { color: #b9ddd0; }
.hero-score-row { display: flex; align-items: end; gap: 25px; margin-top: 28px; }
.hero .index-card, .hero .action-time { padding: 0; border: 0; border-radius: 0; background: transparent; }
.hero .index-card strong { color: #f7fff9; font-size: 60px; }
.hero .index-card p, .hero .action-time p { max-width: 180px; color: #b9ddd0; }
.hero .action-time { border-left: 1px solid #a85151; padding-left: 20px; }
.hero .action-time strong { color: #f7fff9; font-size: 22px; }
.hero-impact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); background: #0d1b22; }
.hero-impact-grid article { display: flex; flex-direction: column; justify-content: center; min-height: 156px; padding: 21px; border-left: 1px solid #283944; border-bottom: 1px solid #283944; }
.hero-impact-grid article:nth-child(3), .hero-impact-grid article:nth-child(4) { border-bottom: 0; }
.hero-impact-grid strong { color: #fff7df; font-size: clamp(32px, 3.7vw, 52px); line-height: 1; letter-spacing: -.06em; }
.hero-impact-grid b { margin-top: 8px; font-size: 13px; }
.hero-impact-grid span { color: var(--muted); font-size: 12px; }
.hero .risk-label.neutral { background: #77521e; }
.hero .risk-label.good { background: var(--green); }
@media (max-width: 900px) { .hero { grid-template-columns: 1fr; } .hero-impact-grid article { min-height: 120px; } }
@media (max-width: 560px) { .hero-score-row { align-items: start; flex-direction: column; gap: 14px; } .hero .action-time { border-left: 0; border-top: 1px solid #7e3838; padding: 14px 0 0; } .hero-impact-grid article { padding: 15px; min-height: 105px; } }