:root{
  --bg:#07101b;--panel:#0b1b2b;--card:#0c2034;--line:rgba(96,164,220,.28);
  --text:#eaf6ff;--muted:#9fb2c7;--blue:#3bb0ff;--gold:#d7a84a;
}
*{box-sizing:border-box}
body{margin:0;color:var(--text);font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 72% -10%,rgba(45,153,255,.16),transparent 30%),linear-gradient(135deg,#020812,#07111f 45%,#03070d)}
.page-shell{max-width:1500px;margin:0 auto;padding:24px}
.top-banner{min-height:280px;padding:36px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(90deg,rgba(4,12,22,.92),rgba(4,12,22,.64)),radial-gradient(circle at right top,rgba(59,176,255,.28),transparent 34%),url('aircraft/hero.jpg');background-size:cover;background-position:center;box-shadow:0 25px 70px rgba(0,0,0,.34)}
.eyebrow{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:900}
h1{font-size:46px;line-height:1.02;margin:10px 0;letter-spacing:-.03em}
.top-banner p{font-size:17px;color:var(--muted);max-width:720px;margin:0}
.btn{display:inline-block;text-decoration:none;font-weight:900;border-radius:12px;padding:13px 17px;border:1px solid var(--line)}
.btn.primary{background:linear-gradient(135deg,#138be0,#3bb0ff);color:#00101c}
.metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}
.metric{padding:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(16,41,66,.92),rgba(8,22,37,.92))}
.metric span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.14em}
.metric strong{display:block;font-size:34px;margin:6px 0;color:#fff}
.metric small{color:var(--muted)}
.filter-strip{display:flex;gap:10px;flex-wrap:wrap;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);margin-bottom:22px}
.filter{border:1px solid var(--line);color:var(--text);background:rgba(255,255,255,.05);padding:10px 14px;border-radius:999px;cursor:pointer;font-weight:900}
.filter.active,.filter:hover{background:rgba(59,176,255,.18);border-color:rgba(59,176,255,.75)}
.aircraft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.aircraft-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(16,41,66,.94),rgba(6,18,31,.98));border-radius:18px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.22)}
.aircraft-image{height:165px;background-size:cover;background-position:center;background-color:#12263b;position:relative}
.aircraft-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.72))}
.status-tag{position:absolute;left:12px;bottom:12px;z-index:1;max-width:calc(100% - 24px);border:1px solid rgba(59,176,255,.42);background:rgba(3,10,18,.82);border-radius:999px;color:#dff3ff;padding:7px 10px;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aircraft-body{padding:17px}
.card-kicker{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:900}
.aircraft-body h3{font-size:21px;margin:7px 0 6px}
.role{color:var(--blue);font-size:14px;margin:0 0 14px;font-weight:900}
.data-lines{display:grid;gap:9px}
.data-lines div{border-top:1px solid rgba(255,255,255,.08);padding-top:9px}
.data-lines span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:3px}
.data-lines strong{font-size:14px;line-height:1.35}
.ops-footer{text-align:center;color:var(--muted);padding:36px 0 18px;letter-spacing:.12em;text-transform:uppercase;font-size:12px}
@media(max-width:760px){.page-shell{padding:14px}.top-banner{display:block;padding:24px}.banner-actions{margin-top:20px}.metrics-row{grid-template-columns:1fr}h1{font-size:34px}}