:root {
  --graphite-0: #080c0e;
  --graphite-1: #0d1215;
  --graphite-2: #12191d;
  --graphite-3: #182126;
  --steel: #77848a;
  --steel-dim: #39464c;
  --off-white: #edf0e8;
  --text-secondary: #b2bbb8;
  --text-tertiary: #7f8a88;
  --text-muted: #596467;
  --cyan: #4dd7e6;
  --cyan-soft: rgba(77, 215, 230, .14);
  --amber: #f2a93b;
  --amber-soft: rgba(242, 169, 59, .14);
  --ok: #91c794;
  --line: rgba(220, 232, 228, .14);
  --line-soft: rgba(220, 232, 228, .075);
  --line-strong: rgba(220, 232, 228, .28);
  --max: 1220px;
  --unit: 8px;
  --radius-s: 2px;
  --radius-m: 5px;
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 112px; }
body { margin: 0; background: var(--graphite-0); color: var(--off-white); font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .22; z-index: 20; background-image: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(255,255,255,.018) 4px); }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
img { display: block; max-width: 100%; }
.wrap { width: min(calc(100% - 48px), var(--max)); margin-inline: auto; }
.skip-link { position: fixed; left: 16px; top: -80px; padding: 10px 16px; background: var(--amber); color: #13100b; z-index: 100; font-weight: 800; }
.skip-link:focus { top: 16px; }

.site-header { position: sticky; top: 0; z-index: 15; background: rgba(8, 12, 14, .96); border-bottom: 1px solid var(--line); backdrop-filter: blur(14px); }
.status-rail { height: 28px; display: flex; justify-content: space-between; align-items: center; padding: 0 max(24px, calc((100vw - var(--max)) / 2)); color: var(--text-tertiary); border-bottom: 1px solid var(--line-soft); font: 700 10px/1 "Courier New", monospace; letter-spacing: .16em; }
.status-dot { display: inline-block; width: 6px; height: 6px; margin-right: 7px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 8px rgba(145,199,148,.65); }
.nav-shell { width: min(calc(100% - 48px), var(--max)); min-height: 76px; margin: 0 auto; display: grid; grid-template-columns: 1fr auto 120px; align-items: center; gap: 48px; }
.brand { display: inline-flex; align-items: center; gap: 12px; width: max-content; }
.brand > span:last-child { display: flex; flex-direction: column; }
.brand b { font: 800 19px/1 Arial, sans-serif; letter-spacing: -.02em; }
.brand small { margin-top: 5px; color: var(--text-tertiary); font: 700 9px/1 "Courier New", monospace; letter-spacing: .18em; }
.brand-gauge { position: relative; display: block; width: 39px; height: 39px; border: 1px solid var(--line-strong); border-radius: 50%; background: var(--graphite-2); }
.brand-gauge::before { content: ""; position: absolute; inset: 6px; border: 2px solid var(--cyan); border-bottom-color: transparent; border-radius: 50%; transform: rotate(-42deg); }
.brand-gauge::after { content: ""; position: absolute; left: 50%; bottom: 7px; width: 1px; height: 14px; background: var(--amber); transform-origin: bottom; transform: rotate(38deg); }
.brand-gauge i { position: absolute; left: 17px; bottom: 5px; width: 4px; height: 4px; background: var(--off-white); border-radius: 50%; }
.main-nav { display: flex; align-items: stretch; height: 76px; }
.main-nav a { position: relative; display: grid; place-items: center; padding: 0 22px; color: var(--text-secondary); font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.main-nav a::after { content: ""; position: absolute; bottom: -1px; left: 22px; right: 22px; height: 2px; background: var(--cyan); transform: scaleX(0); transition: transform .2s ease; }
.main-nav a:hover, .main-nav a:focus-visible, .main-nav a.is-current { color: var(--off-white); }
.main-nav a:hover::after, .main-nav a:focus-visible::after, .main-nav a.is-current::after { transform: scaleX(1); }
.header-readout { justify-self: end; border-left: 1px solid var(--line); padding-left: 20px; }
.header-readout span { display: block; color: var(--text-muted); font: 700 9px/1 "Courier New", monospace; letter-spacing: .16em; }
.header-readout strong { display: block; margin-top: 5px; font: 700 22px/1 "Courier New", monospace; color: var(--amber); }
.header-readout strong span { display: inline; color: var(--text-tertiary); font-size: 12px; }
.menu-toggle { display: none; }

.hero { position: relative; min-height: 760px; overflow: hidden; border-bottom: 1px solid var(--line); }
.hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5,8,10,.97) 0%, rgba(5,8,10,.81) 38%, rgba(5,8,10,.18) 72%), linear-gradient(0deg, rgba(5,8,10,.86), transparent 36%); }
.hero::before { content: ""; position: absolute; inset: 28px; z-index: 1; border: 1px solid rgba(237,240,232,.16); pointer-events: none; }
.hero::after { content: "ALT  21450 FT     HDG  274°     IAS  268 KT"; position: absolute; top: 48px; right: 48px; z-index: 2; color: rgba(77,215,230,.68); font: 700 10px/1 "Courier New", monospace; letter-spacing: .15em; }
.hero-content { position: relative; z-index: 2; min-height: 670px; display: grid; grid-template-columns: minmax(0, 1.2fr) 360px; align-items: center; gap: 80px; padding-top: 56px; }
.hero-copy { max-width: 720px; }
.kicker, .eyebrow { margin: 0 0 20px; color: var(--text-tertiary); font: 700 11px/1.2 "Courier New", monospace; letter-spacing: .17em; text-transform: uppercase; }
.kicker span, .eyebrow { color: var(--amber); }
.hero h1 { margin: 0; max-width: 760px; font-size: clamp(58px, 7.5vw, 108px); line-height: .86; letter-spacing: -.065em; text-transform: uppercase; }
.hero h1 em { display: inline-block; color: var(--cyan); font-style: normal; font-weight: 300; }
.hero-lead { max-width: 670px; margin: 32px 0; color: var(--text-secondary); font-size: 18px; line-height: 1.7; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 20px; border: 1px solid var(--line-strong); border-radius: var(--radius-s); font: 800 11px/1 "Courier New", monospace; letter-spacing: .1em; text-transform: uppercase; transition: background .2s ease, border-color .2s ease, transform .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--amber); border-color: var(--amber); color: #16120c; }
.button-primary:hover { background: #ffc463; }
.button-primary span { margin-left: 20px; font-size: 18px; }
.button-ghost:hover { background: rgba(255,255,255,.06); border-color: var(--cyan); }
.flight-card, .panel { background: rgba(13,18,21,.9); border: 1px solid var(--line); border-radius: var(--radius-m); }
.flight-card { align-self: end; margin-bottom: 55px; backdrop-filter: blur(10px); }
.panel-cap { min-height: 38px; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; border-bottom: 1px solid var(--line); color: var(--text-tertiary); font: 700 9px/1 "Courier New", monospace; letter-spacing: .14em; }
.panel-cap i { color: var(--ok); font-style: normal; }
.route-points { display: flex; align-items: center; gap: 12px; padding: 22px 20px; }
.route-points b { font: 700 28px/1 "Courier New", monospace; }
.route-points span { position: relative; flex: 1; height: 1px; border-top: 1px dashed var(--cyan); }
.route-points span::before, .route-points span::after { content: ""; position: absolute; top: -3px; width: 5px; height: 5px; background: var(--cyan); transform: rotate(45deg); }
.route-points span::before { left: 0; }.route-points span::after { right: 0; }
.route-points span i { position: absolute; left: 62%; top: -5px; width: 10px; height: 10px; background: var(--amber); clip-path: polygon(0 35%, 38% 35%, 56% 0, 70% 0, 63% 35%, 100% 35%, 100% 50%, 61% 62%, 58% 100%, 47% 100%, 41% 62%, 0 50%); }
.telemetry-grid { display: grid; grid-template-columns: 1fr 1fr; margin: 0; border-top: 1px solid var(--line); }
.telemetry-grid div { padding: 16px 20px; border-right: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); }
.telemetry-grid dt, .telemetry-grid dd { margin: 0; }
.telemetry-grid dt { color: var(--text-muted); font: 700 9px/1 "Courier New", monospace; letter-spacing: .1em; }
.telemetry-grid dd { margin-top: 8px; font: 700 15px/1 "Courier New", monospace; }.telemetry-grid dd small { color: var(--text-tertiary); }
.approach-meter { padding: 16px 20px 20px; display: grid; grid-template-columns: 1fr auto; gap: 9px; align-items: center; color: var(--text-tertiary); font: 700 9px/1 "Courier New", monospace; }
.approach-meter b { color: var(--cyan); font-size: 13px; }.approach-meter > i { grid-column: 1 / -1; height: 4px; background: var(--steel-dim); overflow: hidden; }.approach-meter u { display: block; width: 82%; height: 100%; background: var(--cyan); }
.hero-strip { position: relative; z-index: 3; display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); background: rgba(8,12,14,.92); }
.hero-strip span { padding: 15px 18px; border-right: 1px solid var(--line); color: var(--text-tertiary); font: 700 9px/1 "Courier New", monospace; letter-spacing: .08em; }.hero-strip span:last-child { border: 0; }
.hud-mark { position: absolute; z-index: 2; width: 44px; height: 44px; border: 1px solid rgba(77,215,230,.48); opacity: .7; }
.hud-mark::before, .hud-mark::after { content: ""; position: absolute; background: var(--cyan); }.hud-mark::before { left: 50%; top: -9px; width: 1px; height: 60px; }.hud-mark::after { top: 50%; left: -9px; height: 1px; width: 60px; }
.hud-mark-a { right: 20%; top: 28%; }.hud-mark-b { right: 35%; top: 43%; transform: scale(.6); }

.section { padding: 112px 0; border-bottom: 1px solid var(--line-soft); }
.section-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 520px); align-items: end; gap: 80px; margin-bottom: 48px; }
.section-head h2, .setup-copy h2, .requirements-intro h2 { margin: 0; font-size: clamp(38px, 5vw, 68px); line-height: .98; letter-spacing: -.045em; }
.section-head > p, .setup-copy > p, .requirements-intro > p { margin: 0; color: var(--text-secondary); font-size: 16px; line-height: 1.75; }
.news-grid { display: grid; grid-template-columns: 1.35fr .65fr .65fr; grid-template-rows: auto auto; gap: 12px; }
.news-primary { grid-row: 1 / 3; min-height: 470px; display: grid; grid-template-rows: auto 1fr 94px; overflow: hidden; }
.news-body { padding: 32px; }.news-index { color: var(--cyan); font: 700 11px/1 "Courier New", monospace; }.news-body h3 { max-width: 650px; margin: 28px 0 18px; font-size: clamp(28px, 3vw, 44px); line-height: 1.04; letter-spacing: -.035em; }.news-body p { max-width: 610px; margin: 0 0 28px; color: var(--text-secondary); }.text-link { color: var(--amber); font: 700 10px/1 "Courier New", monospace; letter-spacing: .1em; }
.signal-chart { display: flex; align-items: end; gap: 5px; padding: 10px 32px 22px; border-top: 1px solid var(--line-soft); }
.signal-chart i { flex: 1; height: var(--h, 30%); background: var(--cyan-soft); border-top: 1px solid var(--cyan); }.signal-chart i:nth-child(1){--h:22%}.signal-chart i:nth-child(2){--h:31%}.signal-chart i:nth-child(3){--h:48%}.signal-chart i:nth-child(4){--h:38%}.signal-chart i:nth-child(5){--h:71%}.signal-chart i:nth-child(6){--h:56%}.signal-chart i:nth-child(7){--h:82%}.signal-chart i:nth-child(8){--h:64%}.signal-chart i:nth-child(9){--h:76%}.signal-chart i:nth-child(10){--h:46%}.signal-chart i:nth-child(11){--h:55%}.signal-chart i:nth-child(12){--h:32%}
.news-brief { padding: 25px; min-height: 230px; display: flex; flex-direction: column; }.brief-code { color: var(--amber); font: 700 10px/1 "Courier New", monospace; letter-spacing: .12em; }.news-brief h3 { margin: 24px 0 12px; font-size: 20px; line-height: 1.2; }.news-brief p { margin: 0; color: var(--text-tertiary); font-size: 14px; }.brief-status { margin-top: auto; padding-top: 20px; color: var(--amber); font: 700 9px/1 "Courier New", monospace; }.brief-status.cyan { color: var(--cyan); }
.dispatch-list { grid-column: 2 / 4; }.dispatch-list ol { margin: 0; padding: 0; list-style: none; }.dispatch-list li { display: grid; grid-template-columns: 58px 1fr; gap: 16px; padding: 13px 18px; border-bottom: 1px solid var(--line-soft); font-size: 13px; }.dispatch-list li:last-child { border: 0; }.dispatch-list time { color: var(--cyan); font: 700 10px/1.6 "Courier New", monospace; }.dispatch-list span { color: var(--text-secondary); }

.guide-section { background-color: var(--graphite-1); background-image: linear-gradient(var(--line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--line-soft) 1px, transparent 1px); background-size: 40px 40px; }
.checklist-layout { display: grid; grid-template-columns: 360px 1fr; gap: 12px; }
.step-selector { display: flex; flex-direction: column; gap: 8px; }
.step-button { appearance: none; width: 100%; min-height: 88px; display: grid; grid-template-columns: 44px 1fr 20px; align-items: center; gap: 12px; padding: 16px; text-align: left; background: var(--graphite-2); border: 1px solid var(--line); border-radius: var(--radius-m); cursor: pointer; transition: background .2s ease, border-color .2s ease; }
.step-button:hover { background: var(--graphite-3); border-color: var(--line-strong); }.step-button.is-active { background: var(--amber-soft); border-color: rgba(242,169,59,.55); }
.step-button > b { color: var(--text-muted); font: 700 18px/1 "Courier New", monospace; }.step-button.is-active > b { color: var(--amber); }.step-button span { display: flex; flex-direction: column; }.step-button strong { font-size: 14px; }.step-button small { margin-top: 4px; color: var(--text-tertiary); font: 12px/1.3 Arial, sans-serif; }.step-button > i { color: var(--text-muted); font-style: normal; }
.step-display { min-height: 376px; padding: 34px 40px; background: rgba(18,25,29,.96); }
.step-display-top { display: flex; justify-content: space-between; color: var(--cyan); font: 700 10px/1 "Courier New", monospace; letter-spacing: .1em; }.step-display-top b { color: var(--amber); }
.step-display h3 { max-width: 720px; margin: 42px 0 16px; font-size: clamp(30px, 4vw, 48px); line-height: 1.04; letter-spacing: -.03em; }.step-display > p { max-width: 740px; margin: 0; color: var(--text-secondary); }
.setting-readout { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin: 30px 0 22px; padding: 18px 0; border-block: 1px solid var(--line-soft); }
.setting-readout > div { display: flex; align-items: center; gap: 10px; }.setting-readout span { margin-right: auto; color: var(--text-tertiary); font: 700 9px/1 "Courier New", monospace; letter-spacing: .1em; }.setting-readout b { color: var(--cyan); font: 700 22px/1 "Courier New", monospace; }
input[type="range"] { width: 130px; height: 3px; accent-color: var(--amber); }
.quality-bars i { width: 18px; height: 8px; background: var(--steel-dim); }.quality-bars i.on { background: var(--cyan); }
.step-display ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 0; padding: 0; list-style: none; }.step-display li { position: relative; padding-left: 18px; color: var(--text-tertiary); font-size: 12px; line-height: 1.5; }.step-display li::before { content: "✓"; position: absolute; left: 0; color: var(--ok); }

.compare-photo { position: relative; margin: 0 0 12px; overflow: hidden; }
.compare-photo img { width: 100%; height: 310px; object-fit: cover; object-position: center 55%; filter: saturate(.82) contrast(1.06); }
.compare-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,12,14,.74), transparent 48%, rgba(8,12,14,.28)); pointer-events: none; }
.compare-photo figcaption { position: absolute; z-index: 1; inset: auto 0 0; display: grid; grid-template-columns: 120px 1fr auto; align-items: center; gap: 24px; min-height: 64px; padding: 12px 20px; background: rgba(8,12,14,.9); border-top: 1px solid var(--line); }
.compare-photo figcaption span, .compare-photo figcaption b { color: var(--cyan); font: 700 9px/1.3 "Courier New", monospace; letter-spacing: .1em; }.compare-photo figcaption b { color: var(--amber); }.compare-photo figcaption strong { font-size: 13px; }
.compare-grid { display: grid; grid-template-columns: 1fr 90px 1fr; overflow: hidden; background: var(--graphite-1); }
.compare-side { position: relative; min-height: 570px; padding: 32px; overflow: hidden; }.flight-side { border-right: 1px solid var(--line); }.race-side { border-left: 1px solid var(--line); }
.compare-label { display: flex; align-items: center; gap: 12px; }.compare-label span { display: grid; place-items: center; width: 44px; height: 28px; border: 1px solid var(--cyan); color: var(--cyan); font: 700 10px/1 "Courier New", monospace; }.race-side .compare-label span { border-color: var(--amber); color: var(--amber); }.compare-label b { font: 700 10px/1 "Courier New", monospace; letter-spacing: .12em; }
.compare-side h3 { margin: 28px 0 12px; font-size: 28px; line-height: 1.08; }.compare-side > p { min-height: 76px; margin: 0 0 24px; color: var(--text-secondary); font-size: 14px; }
.compare-side dl { margin: 0; border-top: 1px solid var(--line-soft); }.compare-side dl div { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid var(--line-soft); }.compare-side dt, .compare-side dd { margin: 0; }.compare-side dt { color: var(--text-muted); font: 700 9px/1.5 "Courier New", monospace; }.compare-side dd { font: 700 12px/1.2 "Courier New", monospace; }
.radar, .tachometer { position: relative; width: 180px; height: 180px; margin: 32px auto; border: 1px solid var(--line-strong); border-radius: 50%; background: repeating-radial-gradient(circle, transparent 0 28px, var(--line-soft) 29px 30px); display: grid; place-items: center; }
.radar::before, .radar::after { content: ""; position: absolute; background: var(--line); }.radar::before { width: 100%; height: 1px; }.radar::after { height: 100%; width: 1px; }.radar i { position: absolute; left: 50%; bottom: 50%; width: 1px; height: 45%; background: var(--cyan); transform-origin: bottom; transform: rotate(58deg); box-shadow: 12px 0 28px var(--cyan); }.radar b { color: var(--cyan); font: 700 22px/1 "Courier New", monospace; }
.tachometer { border-top-color: var(--amber); }.tachometer::before { content: ""; position: absolute; inset: 13px; border: 8px dotted var(--line-strong); border-radius: 50%; border-bottom-color: transparent; }.tachometer i { position: absolute; left: 50%; bottom: 50%; width: 2px; height: 38%; background: var(--amber); transform-origin: bottom; transform: rotate(48deg); }.tachometer b { margin-top: 22px; color: var(--amber); font: 700 30px/1 "Courier New", monospace; }.tachometer small { position: absolute; bottom: 42px; color: var(--text-muted); font: 700 8px/1 "Courier New", monospace; }
.versus-core { display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--graphite-2); }.versus-core span { display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid var(--line-strong); border-radius: 50%; font: 700 15px/1 "Courier New", monospace; }.versus-core i { height: 210px; border-left: 1px dashed var(--line-strong); }.versus-core small { writing-mode: vertical-rl; color: var(--text-muted); font: 700 8px/1 "Courier New", monospace; letter-spacing: .12em; }

.setup-section { background: var(--graphite-1); }
.setup-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 72px; align-items: center; }
.setup-image { position: relative; overflow: hidden; }.setup-image img { width: 100%; aspect-ratio: 1.25; object-fit: cover; filter: saturate(.86) contrast(1.03); }.image-tag { position: absolute; left: 18px; top: 18px; padding: 8px 10px; background: rgba(8,12,14,.86); border: 1px solid var(--line); color: var(--cyan); font: 700 9px/1 "Courier New", monospace; letter-spacing: .1em; }.scan-line { position: absolute; left: 0; right: 0; top: 32%; height: 1px; background: rgba(77,215,230,.45); animation: scan 5s ease-in-out infinite alternate; }@keyframes scan { to { top: 78%; } }
.setup-copy .eyebrow { margin-bottom: 20px; }.setup-copy > p { margin-top: 24px; }.calibration-list { margin-top: 36px; border-top: 1px solid var(--line); }.calibration-list article { display: grid; grid-template-columns: 40px 1fr 54px; gap: 16px; align-items: start; padding: 20px 0; border-bottom: 1px solid var(--line); }.cal-number { color: var(--text-muted); font: 700 11px/1.5 "Courier New", monospace; }.calibration-list h3 { margin: 0 0 5px; font-size: 15px; }.calibration-list p { margin: 0; color: var(--text-tertiary); font-size: 13px; line-height: 1.55; }.calibration-list article > b { color: var(--amber); font: 700 15px/1.5 "Courier New", monospace; text-align: right; }

.experience-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.experience-card { position: relative; min-height: 420px; padding: 28px; overflow: hidden; display: flex; flex-direction: column; }.experience-card::before { content: ""; position: absolute; right: -40px; top: 60px; width: 150px; height: 150px; border: 1px solid var(--line-soft); border-radius: 50%; box-shadow: 0 0 0 28px rgba(255,255,255,.012), 0 0 0 56px rgba(255,255,255,.008); }.exp-top { display: flex; justify-content: space-between; color: var(--cyan); font: 700 9px/1 "Courier New", monospace; letter-spacing: .1em; }.exp-top b { color: var(--text-muted); }.exp-race .exp-top { color: var(--amber); }.experience-card h3 { position: relative; margin: 76px 0 16px; font-size: 27px; line-height: 1.07; }.experience-card p { position: relative; margin: 0; color: var(--text-secondary); font-size: 14px; }.experience-card ul { display: flex; flex-wrap: wrap; gap: 8px; margin: auto 0 0; padding: 25px 0 0; list-style: none; }.experience-card li { padding: 7px 9px; border: 1px solid var(--line); color: var(--text-tertiary); font: 700 8px/1 "Courier New", monospace; letter-spacing: .06em; }.mission-line { position: absolute; left: 28px; right: 28px; top: 107px; border-top: 1px dashed var(--line-strong); }.mission-line i { position: absolute; right: 24%; top: -4px; width: 7px; height: 7px; transform: rotate(45deg); background: var(--cyan); }.exp-race .mission-line i { background: var(--amber); }

.requirements-section { background: var(--graphite-1); }
.requirements-panel { display: grid; grid-template-columns: .78fr 1.22fr; min-height: 480px; overflow: hidden; }
.requirements-intro { padding: 48px; border-right: 1px solid var(--line); }.requirements-intro > p { margin-top: 24px; }.profile-switch { display: flex; margin-top: 34px; border: 1px solid var(--line); }.profile-switch button { flex: 1; padding: 11px 5px; background: transparent; border: 0; border-right: 1px solid var(--line); color: var(--text-tertiary); font: 700 9px/1 "Courier New", monospace; cursor: pointer; }.profile-switch button:last-child { border: 0; }.profile-switch button:hover { background: rgba(255,255,255,.035); }.profile-switch button.is-active { background: var(--cyan-soft); color: var(--cyan); }
.requirements-data { display: grid; grid-template-columns: 180px 1fr; gap: 40px; align-items: center; padding: 48px; }
.req-ring { width: 172px; height: 172px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 2px solid var(--cyan); border-bottom-color: var(--steel-dim); border-radius: 50%; transform: rotate(-28deg); }.req-ring > * { transform: rotate(28deg); }.req-ring span { color: var(--cyan); font: 700 54px/.9 "Courier New", monospace; }.req-ring small { margin-top: 10px; color: var(--text-tertiary); text-align: center; font: 700 8px/1.3 "Courier New", monospace; letter-spacing: .12em; }
.requirements-data dl { margin: 0; }.requirements-data dl div { display: grid; grid-template-columns: 120px 1fr; gap: 12px; padding: 13px 0; border-bottom: 1px solid var(--line-soft); }.requirements-data dt, .requirements-data dd { margin: 0; }.requirements-data dt { color: var(--text-muted); font: 700 9px/1.4 "Courier New", monospace; }.requirements-data dd { text-align: right; font: 700 13px/1.2 "Courier New", monospace; }.requirements-data dl i { grid-column: 1 / -1; height: 3px; background: var(--steel-dim); }.requirements-data dl i::after { content: ""; display: block; width: var(--level); height: 100%; background: var(--amber); }.req-note { grid-column: 1 / -1; margin: 0; padding: 14px 16px; background: var(--amber-soft); border-left: 2px solid var(--amber); color: var(--text-secondary); font-size: 12px; }.req-note span { color: var(--amber); margin-right: 8px; }

.site-footer { padding: 72px 0 28px; background: #06090b; }.footer-grid { display: grid; grid-template-columns: 1.6fr .65fr .85fr 1fr; gap: 48px; }.footer-grid > div:first-child > p { max-width: 330px; margin: 22px 0 0; color: var(--text-tertiary); font-size: 13px; }.footer-grid h2 { margin: 4px 0 18px; color: var(--text-muted); font: 700 9px/1 "Courier New", monospace; letter-spacing: .14em; }.footer-grid > div > a:not(.brand) { display: block; margin: 10px 0; color: var(--text-secondary); font-size: 13px; }.footer-grid > div > a:hover { color: var(--cyan); }.footer-status { text-align: right; }.footer-status > span { color: var(--ok); font: 700 9px/1 "Courier New", monospace; }.footer-status p { color: var(--text-muted); font: 10px/1.8 "Courier New", monospace; }.footer-runway { display: flex; align-items: center; gap: 20px; width: min(calc(100% - 48px), var(--max)); margin: 52px auto 0; color: var(--text-muted); font: 700 16px/1 "Courier New", monospace; }.footer-runway i { flex: 1; border-top: 1px dashed var(--line); }

.legal-main { padding-block: 86px 120px; }.legal-hero { max-width: 850px; padding-bottom: 48px; }.legal-hero h1 { margin: 0 0 18px; font-size: clamp(48px, 7vw, 84px); line-height: .95; letter-spacing: -.055em; }.legal-hero > p:last-child { color: var(--text-tertiary); font: 700 11px/1.5 "Courier New", monospace; }.legal-layout { display: grid; grid-template-columns: 260px 1fr; gap: 16px; align-items: start; }.legal-toc { position: sticky; top: 130px; padding: 24px; }.legal-toc > span { display: block; margin-bottom: 16px; color: var(--amber); font: 700 9px/1 "Courier New", monospace; letter-spacing: .12em; }.legal-toc a { display: block; padding: 9px 0; border-bottom: 1px solid var(--line-soft); color: var(--text-tertiary); font-size: 12px; }.legal-toc a:hover { color: var(--cyan); }.legal-content { padding: 8px 48px 48px; }.legal-content section { padding: 48px 0; border-bottom: 1px solid var(--line); scroll-margin-top: 120px; }.legal-content section:last-child { border: 0; }.legal-code { color: var(--cyan); font: 700 9px/1 "Courier New", monospace; letter-spacing: .12em; }.legal-content h2 { margin: 16px 0; font-size: 30px; line-height: 1.1; }.legal-content h3 { margin: 26px 0 8px; font-size: 16px; }.legal-content p, .legal-content li { color: var(--text-secondary); font-size: 15px; line-height: 1.8; }.legal-content a { color: var(--cyan); text-decoration: underline; text-underline-offset: 3px; }.compact-footer { padding-block: 48px; }.compact-footer .footer-grid { grid-template-columns: 1fr 1fr 1fr; }

:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; } }

@media (max-width: 980px) {
  .nav-shell { grid-template-columns: 1fr auto; gap: 12px; }.header-readout { display: none; }
  .menu-toggle { display: grid; grid-template-columns: repeat(3, 18px); gap: 4px; align-items: center; padding: 12px; background: transparent; border: 1px solid var(--line); cursor: pointer; }.menu-toggle span { height: 1px; background: var(--off-white); }.menu-toggle b { grid-column: 1 / -1; color: var(--text-muted); font: 700 7px/1 "Courier New", monospace; letter-spacing: .12em; }
  .main-nav { display: none; position: absolute; left: 0; right: 0; top: 104px; height: auto; flex-direction: column; padding: 12px 24px 20px; background: var(--graphite-1); border-bottom: 1px solid var(--line-strong); }.main-nav.is-open { display: flex; }.main-nav a { min-height: 48px; justify-content: start; padding: 0; border-bottom: 1px solid var(--line-soft); }
  .hero-content { grid-template-columns: 1fr; min-height: 760px; padding-block: 90px 120px; }.hero-copy { max-width: 650px; }.flight-card { display: none; }.hero-strip { grid-template-columns: repeat(2, 1fr); }.hero-strip span:nth-child(2) { border-right: 0; }.hero-strip span:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .section-head { grid-template-columns: 1fr; gap: 24px; }.news-grid { grid-template-columns: 1fr 1fr; }.news-primary { grid-column: 1 / -1; grid-row: auto; }.dispatch-list { grid-column: 1 / -1; }
  .checklist-layout { grid-template-columns: 1fr; }.step-selector { display: grid; grid-template-columns: repeat(4, 1fr); }.step-button { grid-template-columns: 1fr; min-height: 100px; }.step-button > i, .step-button small { display: none; }
  .setup-grid { grid-template-columns: 1fr; gap: 48px; }.setup-image { max-width: 720px; }
  .experience-grid { grid-template-columns: 1fr 1fr; }.experience-card:last-child { grid-column: 1 / -1; }
  .requirements-panel { grid-template-columns: 1fr; }.requirements-intro { border-right: 0; border-bottom: 1px solid var(--line); }
  .footer-grid { grid-template-columns: 1.4fr 1fr 1fr; }.footer-status { grid-column: 1 / -1; text-align: left; }
}

@media (max-width: 680px) {
  .wrap, .nav-shell, .footer-runway { width: min(calc(100% - 32px), var(--max)); }.status-rail { padding-inline: 16px; }.status-rail span:nth-child(2) { display: none; }.brand b { font-size: 16px; }
  .hero { min-height: 700px; }.hero::before { inset: 12px; }.hero::after, .hud-mark { display: none; }.hero-shade { background: linear-gradient(90deg, rgba(5,8,10,.94), rgba(5,8,10,.52)), linear-gradient(0deg, rgba(5,8,10,.94), transparent 50%); }.hero-content { min-height: 640px; padding-block: 72px 92px; }.hero h1 { font-size: clamp(48px, 16vw, 72px); }.hero-lead { font-size: 15px; }.button { width: 100%; }.hero-strip { width: calc(100% - 24px); }.hero-strip span { padding: 12px 9px; font-size: 7px; }
  .section { padding: 78px 0; }.section-head { margin-bottom: 32px; }.section-head h2, .setup-copy h2, .requirements-intro h2 { font-size: 42px; }.section-head > p { font-size: 14px; }
  .news-grid { grid-template-columns: 1fr; }.news-primary { min-height: 430px; }.news-body { padding: 24px; }.news-body h3 { font-size: 30px; }.dispatch-list { grid-column: auto; }
  .step-selector { grid-template-columns: 1fr 1fr; }.step-button { min-height: 80px; }.step-display { padding: 28px 22px; }.step-display h3 { margin-top: 30px; font-size: 30px; }.setting-readout { grid-template-columns: 1fr; gap: 20px; }.step-display ul { grid-template-columns: 1fr; gap: 8px; }
  .compare-grid { grid-template-columns: 1fr; }.compare-side { min-height: auto; }.flight-side, .race-side { border: 0; }.flight-side { border-bottom: 1px solid var(--line); }.versus-core { min-height: 72px; flex-direction: row; gap: 18px; }.versus-core i { width: 80px; height: 1px; border-top: 1px dashed var(--line-strong); border-left: 0; }.versus-core small { writing-mode: horizontal-tb; }.radar, .tachometer { width: 150px; height: 150px; }
  .compare-photo img { height: 260px; }.compare-photo figcaption { grid-template-columns: 1fr; gap: 6px; }.compare-photo figcaption b { display: none; }
  .setup-grid { gap: 36px; }.setup-image img { aspect-ratio: 1; }.calibration-list article { grid-template-columns: 28px 1fr; }.calibration-list article > b { grid-column: 2; text-align: left; }
  .experience-grid { grid-template-columns: 1fr; }.experience-card:last-child { grid-column: auto; }
  .requirements-intro, .requirements-data { padding: 28px 22px; }.requirements-data { grid-template-columns: 1fr; gap: 28px; }.req-ring { margin: 0 auto; }.requirements-data dl div { grid-template-columns: 1fr 1fr; }
  .footer-grid, .compact-footer .footer-grid { grid-template-columns: 1fr; gap: 28px; }.footer-status { grid-column: auto; }
  .legal-main { padding-block: 58px 78px; }.legal-layout { grid-template-columns: 1fr; }.legal-toc { position: static; }.legal-content { padding: 0 24px 24px; }.legal-content section { padding: 36px 0; }.legal-hero h1 { font-size: 48px; }
}
