.hero-art { background-image: url('assets/rescue-hero-v2.png'); }
.feature-card.image::before { background-image: linear-gradient(0deg,#0c0f1b 2%,transparent 85%), url('assets/rescue-gameplay.png'); background-position: center; background-size: cover; filter: saturate(.72); }
.units { position: relative; padding: 140px 7vw; background: #0b0e19; }
.units .section-count { color: #696b76; }
.units-heading { display: grid; grid-template-columns: 1.35fr .65fr; align-items: end; gap: 8vw; margin-bottom: 70px; }
.units-heading h2 { font-size: clamp(60px,7.5vw,120px); font-weight: 900; }
.units-heading h2 span { font-style: italic; color: var(--orange); }
.units-heading > p { color: var(--muted); line-height: 1.8; }
.unit-list { border-top: 1px solid var(--line); }
.unit-list article { display: grid; grid-template-columns: 100px 74px 1fr auto; align-items: center; gap: 28px; padding: 30px 0; border-bottom: 1px solid var(--line); }
.unit-code { font: 700 10px var(--body); letter-spacing: .16em; color: var(--orange); }
.unit-symbol { display: grid; place-items: center; width: 60px; height: 60px; border: 1px solid #ffffff35; color: var(--cyan); font: 800 27px var(--display); font-style: normal; clip-path: polygon(0 0,82% 0,100% 18%,100% 100%,18% 100%,0 82%); }
.unit-list h3 { margin: 0 0 8px; font: 800 30px/1 var(--display); text-transform: uppercase; }
.unit-list p { margin: 0; max-width: 650px; color: var(--muted); font-size: 13px; line-height: 1.65; }
.unit-list b { font-size: 9px; letter-spacing: .13em; color: #747682; }
.quote-section { background: radial-gradient(circle,#18202a,#090b16 55%); }
.dispatch-rings { position: absolute; border: 1px solid #6ee7f22b; border-radius: 50%; width: 430px; height: 430px; }
.dispatch-rings::before, .dispatch-rings::after { content: ""; position: absolute; border: 1px solid #6ee7f21c; border-radius: 50%; inset: 70px; }
.dispatch-rings::after { inset: 145px; }
.dispatch-rings.two { width: 760px; height: 760px; border-color: #ff5a1f18; }
.dispatch-dot { position: absolute; width: 14px; height: 14px; border: 3px solid var(--orange); border-radius: 50%; transform: translate(270px,-175px); box-shadow: 0 0 0 12px #ff5a1f16; }
@media (max-width:850px) { .units { padding: 100px 7vw; } .units-heading { grid-template-columns: 1fr; gap: 25px; } .unit-list article { grid-template-columns: 70px 1fr; } .unit-code { display: none; } .unit-list article > b { grid-column: 2; } .dispatch-dot { display: none; } }
@media (max-width:520px) { .units-heading h2 { font-size: 52px; } .unit-list article { grid-template-columns: 54px 1fr; gap: 18px; } .unit-symbol { width: 48px; height: 48px; } .unit-list h3 { font-size: 25px; } }