:root {
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --bg: #030405;
  --panel: #090d10;
  --panel-2: #0f1519;
  --panel-3: #121b20;
  --text: #eef9f7;
  --muted: #91a5a7;
  --muted-2: #5f7376;
  --line: rgba(255,255,255,0.14);
  --line-2: rgba(157,248,255,0.18);
  --accent: #9df8ff;
  --gold: #d8b765;
  --danger: #ff7d7d;
  --success: #9dffcf;
  --warn: #ffd98a;
  --shadow: 0 30px 90px rgba(0,0,0,0.50);
  --radius: 20px;
  --sidebar: 286px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at 60% 0%, rgba(157,248,255,0.055), transparent 34%),
    radial-gradient(circle at 8% 20%, rgba(216,183,101,0.045), transparent 25%),
    var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: -0.01em;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, select, textarea { font: inherit; }
::selection { background: var(--accent); color: var(--bg); }
.mono { font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.smallcaps { text-transform: uppercase; letter-spacing: 0.15em; }
.muted { color: var(--muted); }
.muted2 { color: var(--muted-2); }
.accent { color: var(--accent); }
.gold { color: var(--gold); }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:44px; padding: 0 18px; border-radius: 12px; border: 1px solid var(--line); background: rgba(255,255,255,0.04); color: var(--text); font-weight: 700; cursor: pointer; transition: .2s ease; }
.btn:hover { border-color: var(--line-2); background: rgba(157,248,255,0.08); transform: translateY(-1px); }
.btn.primary { background: var(--text); color: var(--bg); border-color: transparent; }
.btn.primary:hover { background: var(--accent); }
.btn.gold { background: rgba(216,183,101,0.12); border-color: rgba(216,183,101,0.35); color: var(--gold); }
.btn.block { width: 100%; }
.chip { display:inline-flex; align-items:center; gap:7px; padding: 6px 10px; border-radius: 999px; background: rgba(157,248,255,0.07); border: 1px solid rgba(157,248,255,0.22); color: var(--accent); font-size: 12px; font-family: "JetBrains Mono", ui-monospace, monospace; text-transform: uppercase; letter-spacing: .12em; }
.chip.gold { color: var(--gold); border-color: rgba(216,183,101,0.28); background: rgba(216,183,101,0.08); }
.chip.red { color: var(--danger); border-color: rgba(255,125,125,0.25); background: rgba(255,125,125,0.08); }
.chip.green { color: var(--success); border-color: rgba(157,255,207,0.22); background: rgba(157,255,207,0.06); }
.status-dot { width: 8px; height: 8px; border-radius: 99px; background: var(--accent); box-shadow: 0 0 18px rgba(157,248,255,.8); display:inline-block; }
.status-dot.gold { background: var(--gold); box-shadow: 0 0 18px rgba(216,183,101,.7); }
.status-dot.red { background: var(--danger); box-shadow: 0 0 18px rgba(255,125,125,.7); }
.status-dot.green { background: var(--success); box-shadow: 0 0 18px rgba(157,255,207,.7); }
.card { background: linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.018)); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; }
.card.pad { padding: 22px; }
.card::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(130deg, rgba(157,248,255,0.07), transparent 32%, transparent 70%, rgba(216,183,101,0.035)); opacity: .7; }
.card > * { position: relative; z-index: 1; }
.field, select, textarea { width: 100%; background: rgba(3,4,5,0.76); color: var(--text); border: 1px solid var(--line); border-radius: 12px; min-height: 44px; padding: 10px 12px; outline: 0; }
textarea { min-height: 120px; resize: vertical; }
.field:focus, select:focus, textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(157,248,255,0.12); }
label { display:block; color: var(--muted); font-size: 13px; margin-bottom: 7px; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; min-width: 760px; }
th, td { text-align: left; padding: 14px 12px; border-bottom: 1px solid rgba(255,255,255,0.08); vertical-align: middle; }
th { color: var(--muted-2); font-size: 12px; text-transform: uppercase; letter-spacing: .12em; font-family: "JetBrains Mono", ui-monospace, monospace; }
td { color: var(--muted); font-size: 14px; }
td strong { color: var(--text); }
.progress { height: 8px; background: rgba(255,255,255,0.08); border-radius: 999px; overflow:hidden; }
.progress span { display:block; height:100%; background: linear-gradient(90deg, var(--accent), var(--gold)); border-radius: inherit; }
.public-header { position: fixed; inset: 0 0 auto 0; height: 80px; z-index: 40; border-bottom: 1px solid var(--line); background: rgba(3,4,5,0.78); backdrop-filter: blur(16px); }
.public-nav { max-width: 1240px; height: 80px; margin: 0 auto; padding: 0 24px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:center; gap: 12px; min-width: 0; }
.brand img { width: 34px; height: 34px; object-fit: contain; }
.brand-title { font-weight: 900; text-transform: uppercase; letter-spacing: .02em; }
.brand-sub { font-size: 11px; color: var(--accent); letter-spacing: .16em; text-transform: uppercase; }
.public-links { display:flex; gap:24px; color: var(--muted); font-size: 14px; font-weight: 600; }
.public-links a:hover { color: var(--accent); }
.hero { min-height: 100vh; position: relative; overflow: hidden; padding: 160px 24px 92px; background: var(--bg); }
#hero-terrain { position:absolute; inset:0; width:100%; height:100%; opacity:.72; pointer-events:none; }
.star-field { position:absolute; inset:0; background-image: radial-gradient(circle, rgba(255,255,255,0.42) 1px, transparent 1px); background-size: 82px 82px; opacity:.12; mask-image: linear-gradient(to bottom, black 0%, transparent 78%); }
.hero::after { content:""; position:absolute; inset:0; background: linear-gradient(to bottom, rgba(3,4,5,0.18), rgba(3,4,5,0.62) 60%, var(--bg)); pointer-events:none; }
.hero-inner { max-width: 1240px; margin:0 auto; display:grid; grid-template-columns: 1.05fr .75fr; gap: 44px; align-items:center; position: relative; z-index: 2; }
.hero h1 { font-size: clamp(44px, 7vw, 86px); line-height: .98; letter-spacing: -.065em; margin: 18px 0 24px; }
.hero p { max-width: 710px; color: var(--muted); font-size: 18px; line-height:1.75; }
.hero-actions { display:flex; flex-wrap:wrap; gap: 13px; margin-top: 34px; }
.hero-panel { min-height: 460px; padding: 26px; border-radius: 28px; border:1px solid var(--line); background: rgba(9,13,16,0.62); backdrop-filter: blur(12px); box-shadow: var(--shadow); position: relative; overflow:hidden; }
.hero-panel::before { content:""; position:absolute; inset:-40%; background: conic-gradient(from 120deg, transparent, rgba(157,248,255,.12), transparent, rgba(216,183,101,.08), transparent); animation: spin 16s linear infinite; opacity:.58; }
.hero-panel > * { position:relative; z-index:1; }
.orbit { height: 210px; border:1px solid rgba(157,248,255,0.22); border-radius:50%; position:relative; margin: 16px auto 24px; max-width:210px; }
.orbit::before, .orbit::after { content:""; position:absolute; inset:22px; border:1px solid rgba(255,255,255,0.13); border-radius:50%; transform: rotate(34deg); }
.orbit::after { inset:58px; border-color: rgba(216,183,101,0.20); transform: rotate(-20deg); }
.orbit img { position:absolute; width: 70px; height: 70px; inset: 50% auto auto 50%; transform: translate(-50%,-50%); }
.altitude-line { display:grid; grid-template-columns: 82px 1fr; gap: 12px; align-items:center; padding: 13px 0; border-top: 1px solid rgba(255,255,255,0.09); }
.altitude-line b { color: var(--text); font-family: "JetBrains Mono", ui-monospace, monospace; }
.altitude-line span { color: var(--muted); font-size: 13px; }
@keyframes spin { to { transform: rotate(360deg); } }
.public-section { padding: 92px 24px; }
.container { max-width:1240px; margin:0 auto; }
.section-head { max-width: 780px; margin-bottom: 36px; }
.section-head h2 { margin: 0 0 14px; font-size: clamp(32px, 4.6vw, 56px); letter-spacing:-.045em; line-height:1.02; }
.section-head p { color: var(--muted); line-height: 1.7; font-size: 17px; }
.grid-2 { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 22px; }
.grid-3 { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; }
.grid-4 { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px; }
.dashboard-shell { min-height: 100vh; display: grid; grid-template-columns: var(--sidebar) 1fr; }
.sidebar { position: sticky; top:0; height:100vh; border-right: 1px solid var(--line); background: rgba(3,4,5,0.84); backdrop-filter: blur(18px); padding: 22px 18px; display:flex; flex-direction:column; overflow-y:auto; }
.sidebar .brand { padding: 0 6px 18px; border-bottom: 1px solid rgba(255,255,255,0.09); margin-bottom: 16px; }
.nav-group { margin: 14px 0; }
.nav-label { color: var(--muted-2); font-size:11px; text-transform:uppercase; letter-spacing:.16em; padding: 0 10px 9px; font-family: "JetBrains Mono", ui-monospace, monospace; }
.nav-link { display:flex; align-items:center; gap: 10px; padding: 10px 11px; border-radius: 12px; color: var(--muted); font-size:14px; font-weight: 650; margin-bottom: 3px; border:1px solid transparent; }
.nav-link:hover, .nav-link.active { color: var(--text); background: rgba(255,255,255,0.045); border-color: rgba(255,255,255,0.08); }
.nav-link.active { box-shadow: inset 3px 0 0 var(--accent); }
.nav-icon { width: 18px; height: 18px; color: var(--accent); opacity:.92; }
.sidebar-footer { margin-top:auto; padding-top: 18px; }
.main { min-width: 0; }
.topbar { position: sticky; top:0; z-index: 20; min-height: 74px; border-bottom:1px solid var(--line); background: rgba(3,4,5,0.74); backdrop-filter: blur(18px); display:flex; align-items:center; justify-content:space-between; gap:18px; padding: 14px 28px; }
.topbar h1 { font-size: 22px; margin:0; letter-spacing:-.035em; }
.breadcrumb { color: var(--muted-2); font-size: 13px; margin-top:4px; }
.topbar-actions { display:flex; align-items:center; gap: 10px; }
.avatar { width: 38px; height:38px; border-radius: 99px; display:grid; place-items:center; background: rgba(157,248,255,0.1); border: 1px solid rgba(157,248,255,0.25); color: var(--accent); font-weight: 900; }
.content { padding: 28px; }
.kpi-grid { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px; margin-bottom: 22px; }
.kpi { padding: 18px; }
.kpi .label { color: var(--muted-2); font-size: 12px; text-transform: uppercase; letter-spacing:.13em; font-family: "JetBrains Mono", ui-monospace, monospace; }
.kpi .value { font-size: 34px; font-weight: 900; margin: 8px 0 4px; letter-spacing:-.045em; }
.kpi .note { color: var(--muted); font-size: 13px; }
.module-tile { padding: 20px; min-height: 190px; display:flex; flex-direction:column; gap:14px; }
.tile-icon { width: 46px; height:46px; border-radius: 15px; display:grid; place-items:center; border:1px solid rgba(157,248,255,0.22); background: rgba(157,248,255,0.06); color: var(--accent); }
.module-tile h3, .card h3 { margin: 0; font-size: 19px; letter-spacing:-.025em; }
.module-tile p { color: var(--muted); line-height:1.6; margin:0; font-size:14px; }
.module-tile .meta { margin-top:auto; color: var(--muted-2); font-size:12px; font-family:"JetBrains Mono", ui-monospace, monospace; }
.split { display:grid; grid-template-columns: 1.2fr .8fr; gap: 22px; }
.split.reverse { grid-template-columns: .8fr 1.2fr; }
.timeline { display:flex; flex-direction:column; gap: 14px; }
.timeline-item { display:grid; grid-template-columns: 90px 1fr; gap: 14px; padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,0.08); }
.timeline-item time { color: var(--accent); font-family:"JetBrains Mono", ui-monospace, monospace; font-size:12px; }
.timeline-item strong { display:block; margin-bottom: 5px; }
.timeline-item p { margin:0; color: var(--muted); line-height:1.5; font-size:14px; }
.form-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
.form-grid .full { grid-column: 1 / -1; }
.detail-grid { display:grid; grid-template-columns: 1fr 360px; gap: 22px; }
.detail-list { display:grid; gap: 12px; }
.detail-row { display:flex; justify-content:space-between; gap:12px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,0.08); }
.detail-row span:first-child { color: var(--muted-2); }
.detail-row span:last-child { color: var(--text); text-align:right; }
.sky-map { height: 300px; border:1px solid var(--line); border-radius: var(--radius); position:relative; overflow:hidden; background: linear-gradient(to bottom, rgba(157,248,255,0.06), rgba(255,255,255,0.015)); }
.sky-map::before { content:""; position:absolute; inset:0; background: repeating-linear-gradient(to bottom, rgba(255,255,255,0.08) 0 1px, transparent 1px 58px); }
.sky-map::after { content:""; position:absolute; left:-10%; right:-10%; bottom:0; height: 52%; background: linear-gradient(160deg, transparent 40%, rgba(157,248,255,0.12)), polygon(0 100%, 100% 100%, 100% 45%, 80% 65%, 65% 40%, 45% 66%, 27% 38%, 0 70%); }
.alt-band { position:absolute; left:16px; right:16px; border-top:1px dashed rgba(157,248,255,0.32); color: var(--muted); font-size:12px; padding-top:5px; font-family:"JetBrains Mono", ui-monospace, monospace; }
.alt-band.one { top:18%; } .alt-band.two { top:42%; } .alt-band.three { top:66%; }
.flight-dot { position:absolute; width:12px; height:12px; border-radius:50%; background: var(--accent); box-shadow:0 0 28px rgba(157,248,255,.9); }
.flight-dot.a { left:58%; top:32%; } .flight-dot.b { left:72%; top:18%; background:var(--gold); } .flight-dot.c { left:44%; top:56%; background:var(--success); }
.empty { border:1px dashed var(--line); padding: 32px; border-radius: var(--radius); color: var(--muted); text-align:center; }
.footer { padding: 34px 24px; border-top:1px solid var(--line); color: var(--muted-2); font-size:14px; }
.mobile-menu { display:none; }
@media (max-width: 1080px) {
  .hero-inner, .split, .split.reverse, .detail-grid { grid-template-columns: 1fr; }
  .grid-4, .kpi-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .dashboard-shell { grid-template-columns: 1fr; }
  .sidebar { position: relative; height: auto; display:block; }
  .nav-grid-mobile { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:4px; }
}
@media (max-width: 760px) {
  .public-links { display:none; }
  .hero { padding-top: 124px; }
  .hero-inner, .grid-2, .grid-3, .grid-4, .kpi-grid, .form-grid { grid-template-columns: 1fr; }
  .hero-panel { min-height: auto; }
  .topbar { align-items:flex-start; flex-direction:column; padding: 16px; }
  .content { padding: 16px; }
  .sidebar { padding: 16px; }
  .timeline-item { grid-template-columns: 1fr; }
}
@media print {
  .sidebar, .topbar, .public-header, .btn { display:none !important; }
  .dashboard-shell { display:block; }
  body { background:#fff; color:#000; }
  .card { box-shadow:none; border-color:#ccc; }
}

/* Phase 2 authentication and access-control refinements */
.auth-check {
  display:flex;
  gap:10px;
  align-items:center;
  color:var(--muted);
  font-size:14px;
}
.auth-check input { accent-color: var(--accent); }
.credential-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.credential-grid div {
  border:1px solid var(--line);
  border-radius:14px;
  padding:10px;
  background:rgba(255,255,255,0.035);
}
.credential-grid strong,
.credential-grid span { display:block; }
.credential-grid span {
  color:var(--muted);
  font-size:12px;
  margin-top:4px;
  word-break:break-word;
}
.form-actions {
  grid-column:1/-1;
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
}
.inline-access-form {
  display:grid;
  grid-template-columns:1fr 1fr 1.4fr auto;
  gap:8px;
  align-items:center;
}
.field.compact {
  min-height:38px;
  padding:8px 10px;
  font-size:12px;
}
@media (max-width: 980px) {
  .credential-grid { grid-template-columns:1fr; }
  .inline-access-form { grid-template-columns:1fr; }
}


/* Phase 10 executive polish */
.sidebar { padding: 20px 16px; }
.sidebar-scroll { flex: 1 1 auto; overflow-y: auto; padding-right: 3px; }
.nav-section { margin: 8px 0; border: 1px solid rgba(255,255,255,0.055); border-radius: 16px; background: rgba(255,255,255,0.018); }
.nav-section summary { list-style: none; cursor: pointer; display:flex; align-items:center; justify-content:space-between; padding: 12px 12px; color: var(--muted-2); font-size:11px; text-transform:uppercase; letter-spacing:.15em; font-family:"JetBrains Mono", ui-monospace, monospace; }
.nav-section summary::-webkit-details-marker { display:none; }
.summary-caret { font-size:18px; line-height:1; transition:.2s ease; opacity:.7; }
.nav-section[open] .summary-caret { transform: rotate(90deg); }
.nav-section .nav-grid-mobile { padding: 0 6px 8px; }
.nav-link { gap: 11px; padding: 10px 10px; }
.nav-icon { width:18px; height:18px; flex:0 0 18px; color: var(--accent); opacity:.9; }
.btn-icon { width:17px; height:17px; flex:0 0 17px; }
.tile-svg { width:22px; height:22px; color: var(--accent); }
.btn.danger-soft { color: var(--danger); border-color: rgba(255,125,125,.2); background: rgba(255,125,125,.055); }
.btn.danger-soft:hover { background: rgba(255,125,125,.1); border-color: rgba(255,125,125,.35); }
.visual-workspace { min-height: calc(100vh - 130px); display:grid; grid-template-columns: 1.15fr .85fr; overflow:hidden; }
.visual-workspace.single { grid-template-columns: 1fr; }
.visual-pane { min-height: calc(100vh - 130px); position:relative; overflow:hidden; background: radial-gradient(circle at 50% 20%, rgba(157,248,255,.08), transparent 38%), #030405; }
.visual-pane + .visual-pane { border-left: 1px solid var(--line); background: linear-gradient(180deg, rgba(157,248,255,.04), rgba(255,255,255,.015)), var(--panel); }
.visual-canvas { position:absolute; inset:0; width:100%; height:100%; }
.visual-overlay { position:absolute; left:20px; top:20px; z-index:4; width:min(330px, calc(100% - 40px)); padding:18px; border-radius:18px; border:1px solid rgba(157,248,255,.18); background:rgba(3,4,5,.7); backdrop-filter: blur(12px); box-shadow: 0 20px 60px rgba(0,0,0,.35); }
.visual-overlay.right { left:auto; right:20px; text-align:right; }
.visual-overlay h3 { margin:12px 0 8px; font-size:20px; letter-spacing:-.025em; }
.visual-overlay p { margin:0 0 12px; color:var(--muted); font-size:13px; line-height:1.55; }
.visual-system-grid { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin: 22px 0; }
.visual-system-card { min-height: 250px; padding: 20px; display:flex; flex-direction:column; justify-content:space-between; }
.strato-orbit-preview { position:absolute; inset:20px 20px auto auto; width:140px; height:140px; border:1px solid rgba(157,248,255,.28); border-radius:50%; opacity:.75; }
.strato-orbit-preview::before, .strato-orbit-preview::after { content:""; position:absolute; inset:20px; border:1px solid rgba(255,255,255,.15); border-radius:50%; transform:rotate(28deg); }
.strato-orbit-preview::after { inset:54px; background:rgba(157,248,255,.12); box-shadow:0 0 30px rgba(157,248,255,.15); }
.strato-grid-preview { position:absolute; inset:auto 0 0 0; height:120px; opacity:.8; background: linear-gradient(to top, rgba(157,248,255,.09), transparent), repeating-linear-gradient(170deg, rgba(157,248,255,.18) 0 1px, transparent 1px 22px), repeating-linear-gradient(10deg, rgba(255,255,255,.08) 0 1px, transparent 1px 28px); mask-image: linear-gradient(to top, black, transparent); }
@media (max-width:1080px) { .visual-workspace, .visual-system-grid { grid-template-columns:1fr; } .visual-pane + .visual-pane { border-left:0; border-top:1px solid var(--line); } }

/* Phase 11 executive briefing and payload digital-twin layer */
.executive-topbar { align-items:flex-end; }
.executive-brief-content { display:grid; gap:22px; }
.executive-hero { display:grid; grid-template-columns: 1.05fr .95fr; min-height: 420px; overflow:hidden; position:relative; }
.executive-copy { position:relative; z-index:2; max-width:780px; }
.executive-copy h2 { font-size: clamp(42px, 6vw, 88px); line-height:.92; letter-spacing:-.07em; margin: 18px 0; }
.lead-text { font-size: clamp(20px, 2.2vw, 31px); line-height:1.22; color:var(--text); margin:0 0 14px; max-width:900px; }
.lead-text strong { color:var(--accent); font-weight:800; }
.spacious { max-width:780px; margin-bottom:28px; }
.executive-stat-grid { display:grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:10px; margin: 22px 0; }
.executive-stat-grid div { border:1px solid rgba(255,255,255,.09); border-radius:16px; padding:14px; background:rgba(255,255,255,.035); }
.executive-stat-grid span { display:block; font-size:11px; color:var(--muted-2); text-transform:uppercase; letter-spacing:.12em; font-family:"JetBrains Mono", ui-monospace, monospace; }
.executive-stat-grid strong { display:block; margin-top:8px; color:var(--text); font-size:14px; line-height:1.35; }
.executive-stat-grid.dense { grid-template-columns: repeat(2,minmax(0,1fr)); margin:18px 0; }
.executive-stat-grid.dense div { padding:13px; }
.executive-stat-grid.dense strong { font-size:17px; }
.executive-visual { position:relative; min-height:360px; border-left:1px solid rgba(255,255,255,.08); overflow:hidden; background: radial-gradient(circle at 55% 35%, rgba(157,248,255,.16), transparent 30%), radial-gradient(circle at 50% 100%, rgba(216,183,101,.11), transparent 32%); }
.executive-visual::before { content:""; position:absolute; inset:0; background: repeating-linear-gradient(165deg, rgba(157,248,255,.12) 0 1px, transparent 1px 34px), repeating-linear-gradient(20deg, rgba(255,255,255,.06) 0 1px, transparent 1px 42px); opacity:.58; mask-image: linear-gradient(to top, black, transparent 85%); }
.orbit-ring { position:absolute; border:1px solid rgba(157,248,255,.28); border-radius:50%; transform: rotateX(68deg) rotateZ(-18deg); box-shadow:0 0 45px rgba(157,248,255,.06); }
.ring-one { width:520px; height:520px; left:7%; top:5%; }
.ring-two { width:320px; height:320px; left:24%; top:22%; border-color:rgba(216,183,101,.25); }
.payload-node { position:absolute; left:52%; top:36%; width:18px; height:18px; border-radius:50%; background:var(--accent); box-shadow:0 0 44px rgba(157,248,255,.95), 0 0 90px rgba(157,248,255,.35); animation: briefingPulse 1.8s ease-in-out infinite; }
.earth-curve { position:absolute; left:-15%; right:-15%; bottom:-46%; height:70%; border-radius:50% 50% 0 0; border-top:1px solid rgba(157,248,255,.18); background: radial-gradient(circle at 50% 0, rgba(157,248,255,.12), transparent 38%); }
.briefing-readout { position:absolute; right:24px; bottom:24px; width:210px; padding:16px; border-radius:18px; border:1px solid rgba(157,248,255,.18); background:rgba(3,4,5,.72); backdrop-filter:blur(12px); }
.briefing-readout span, .briefing-readout em { display:block; color:var(--muted-2); font-size:11px; letter-spacing:.12em; text-transform:uppercase; font-family:"JetBrains Mono", ui-monospace, monospace; font-style:normal; }
.briefing-readout strong { display:block; margin:8px 0; color:var(--accent); font-size:24px; }
@keyframes briefingPulse { 0%,100%{ transform:scale(1); opacity:.9;} 50%{ transform:scale(1.35); opacity:1;} }
.briefing-card { display:block; text-decoration:none; color:inherit; min-height:420px; position:relative; overflow:hidden; }
.briefing-card:hover { border-color:rgba(157,248,255,.35); transform: translateY(-2px); }
.card-topline { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.briefing-card h3 { margin:18px 0 10px; font-size:28px; letter-spacing:-.04em; }
.briefing-card p { min-height:72px; color:var(--muted); line-height:1.55; }
.briefing-mini-map { height:120px; border:1px solid rgba(255,255,255,.08); border-radius:18px; position:relative; overflow:hidden; background:linear-gradient(to bottom, rgba(157,248,255,.05), rgba(255,255,255,.02)); margin:18px 0; }
.briefing-mini-map::before { content:""; position:absolute; inset:0; background: repeating-linear-gradient(to bottom, rgba(255,255,255,.07) 0 1px, transparent 1px 28px), linear-gradient(to top, rgba(157,248,255,.09), transparent); }
.altitude-line { position:absolute; left:0; right:0; top:42%; border-top:1px dashed rgba(157,248,255,.36); }
.payload-pulse { position:absolute; width:13px; height:13px; border-radius:50%; background:var(--accent); box-shadow:0 0 22px rgba(157,248,255,.9); }
.compact-timeline { display:grid; gap:12px; }
.event-row { grid-template-columns:100px 1fr; }
.event-row p { margin:5px 0 0; color:var(--muted); line-height:1.45; }

.mission-brief-shell { display:grid; grid-template-columns:minmax(0, 1.45fr) minmax(420px, .75fr); min-height:100vh; background:#010203; }
.mission-visual-panel { position:sticky; top:0; height:100vh; min-height:720px; overflow:hidden; background: radial-gradient(circle at 50% 20%, rgba(157,248,255,.08), transparent 40%), #010203; border-right:1px solid rgba(255,255,255,.08); }
.payload-twin-canvas { position:absolute; inset:0; width:100%; height:100%; }
.payload-twin-canvas canvas { display:block; }
.mission-visual-panel::after { content:""; position:absolute; inset:0; pointer-events:none; background: radial-gradient(circle at 50% 50%, transparent 20%, rgba(1,2,3,.25) 72%, #010203 100%), linear-gradient(to top, rgba(1,2,3,.85), transparent 45%); }
.mission-visual-overlay { position:absolute; z-index:5; width:min(390px, calc(100% - 40px)); padding:18px; border-radius:20px; border:1px solid rgba(157,248,255,.18); background:rgba(3,4,5,.68); backdrop-filter:blur(14px); box-shadow:0 24px 80px rgba(0,0,0,.42); }
.mission-visual-overlay.top-left { top:22px; left:22px; }
.mission-visual-overlay.bottom-left { left:22px; bottom:22px; }
.mission-visual-overlay.compact { width:min(430px, calc(100% - 40px)); }
.mission-visual-overlay h1 { margin:14px 0 8px; font-size: clamp(42px, 6vw, 78px); line-height:.9; letter-spacing:-.07em; }
.mission-visual-overlay p { margin:0; color:var(--muted); line-height:1.55; }
.visual-hint { margin-top:14px; color:var(--muted-2); font-size:12px; font-family:"JetBrains Mono", ui-monospace, monospace; text-transform:uppercase; letter-spacing:.12em; }
.mission-visual-overlay.compact span, .mission-visual-overlay.compact em { display:block; color:var(--muted-2); font-size:11px; font-family:"JetBrains Mono", ui-monospace, monospace; text-transform:uppercase; letter-spacing:.12em; font-style:normal; }
.mission-visual-overlay.compact strong { display:block; color:var(--text); font-size:18px; margin:8px 0 6px; }
.mission-brief-panel { padding:26px; overflow-y:auto; height:100vh; background:linear-gradient(180deg, rgba(157,248,255,.035), transparent 22%), var(--panel); }
.panel-header-actions { display:flex; justify-content:flex-end; gap:10px; margin-bottom:20px; flex-wrap:wrap; }
.briefing-title-block { padding: 22px 0 10px; border-bottom:1px solid rgba(255,255,255,.08); }
.briefing-title-block h2 { font-size: clamp(38px, 4vw, 62px); line-height:.92; letter-spacing:-.07em; margin:12px 0; }
.briefing-title-block p { color:var(--muted); font-size:18px; line-height:1.45; }
.briefing-title-block strong { color:var(--accent); }
.inset-card { margin-top:18px; background:rgba(255,255,255,.03); }
.command-details { margin-top:18px; }
.command-details summary { cursor:pointer; color:var(--text); font-weight:800; letter-spacing:-.02em; }
.compact-form { margin-top:18px; gap:10px; }
.compact-form label { color:var(--muted-2); font-size:12px; font-family:"JetBrains Mono", ui-monospace, monospace; text-transform:uppercase; letter-spacing:.1em; }
.compact-form .field { margin-top:6px; }
.span-2 { grid-column: span 2; }
@media (max-width:1200px) {
  .executive-hero, .mission-brief-shell { grid-template-columns:1fr; }
  .executive-visual { border-left:0; border-top:1px solid rgba(255,255,255,.08); }
  .mission-visual-panel { position:relative; min-height:620px; height:70vh; }
  .mission-brief-panel { height:auto; }
}
@media (max-width:760px) {
  .executive-stat-grid, .executive-stat-grid.dense { grid-template-columns:1fr; }
  .event-row { grid-template-columns:1fr; }
  .span-2 { grid-column:span 1; }
}
.executive-callout { display:flex; justify-content:space-between; align-items:center; gap:22px; margin-bottom:22px; background: radial-gradient(circle at 85% 20%, rgba(157,248,255,.13), transparent 30%), linear-gradient(135deg, rgba(157,248,255,.06), rgba(255,255,255,.02)); }
.executive-callout h2 { font-size: clamp(30px, 4vw, 52px); line-height:.95; letter-spacing:-.06em; margin:14px 0 8px; }
.executive-callout p { max-width:820px; line-height:1.6; }
@media (max-width:760px) { .executive-callout { flex-direction:column; align-items:flex-start; } }
.chip.success { color: var(--success); border-color: rgba(157,255,207,0.22); background: rgba(157,255,207,0.06); }
.chip.danger { color: var(--danger); border-color: rgba(255,125,125,0.25); background: rgba(255,125,125,0.08); }
.chip.muted { color: var(--muted-2); border-color: rgba(255,255,255,0.12); background: rgba(255,255,255,0.035); }

/* Phase 12 payload brief refinement */
.payload-ops-grid { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:16px; }
.payload-ops-card { position:relative; overflow:hidden; padding:22px; border-radius:22px; border:1px solid rgba(255,255,255,.11); background:linear-gradient(145deg, rgba(15,21,25,.96), rgba(3,4,5,.88)); box-shadow:0 30px 90px rgba(0,0,0,.34); }
.payload-ops-card::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 82% 12%, rgba(157,248,255,.14), transparent 30%), linear-gradient(to bottom, rgba(255,255,255,.035), transparent); pointer-events:none; }
.payload-ops-card-top { position:relative; z-index:1; display:flex; justify-content:space-between; gap:14px; align-items:flex-start; }
.payload-ops-card h3 { margin:14px 0 6px; font-size:26px; letter-spacing:-.04em; }
.payload-ops-card p { margin:0; }
.payload-brief-line { position:relative; z-index:1; color:var(--muted); line-height:1.55; margin:18px 0 !important; min-height:54px; }
.payload-mini-readouts { position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:18px 0; }
.payload-mini-readouts div { padding:12px; border-radius:14px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.035); }
.payload-mini-readouts span, .payload-ops-meta span { display:block; color:var(--muted-2); font-size:10px; text-transform:uppercase; letter-spacing:.12em; font-family:"JetBrains Mono",ui-monospace,monospace; }
.payload-mini-readouts strong { display:block; margin-top:6px; color:var(--text); font-size:14px; }
.payload-ops-meta { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.payload-ops-meta span { border:1px solid rgba(255,255,255,.08); border-radius:999px; padding:7px 10px; background:rgba(255,255,255,.03); }
.payload-actions-row { position:relative; z-index:1; display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:18px; }
.payload-brief-v2 { grid-template-columns: minmax(0,1.22fr) minmax(420px,.78fr); }
.payload-command-visual { background:radial-gradient(circle at 50% 42%, rgba(157,248,255,.14), transparent 36%), radial-gradient(circle at 68% 64%, rgba(216,183,101,.08), transparent 34%), #010203; }
.payload-command-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(3,4,5,.78), transparent 28%, transparent 66%, rgba(3,4,5,.82)), repeating-linear-gradient(to bottom, rgba(255,255,255,.028) 0 1px, transparent 1px 42px); pointer-events:none; }
.payload-visual-title h1 { font-size:clamp(44px,5vw,86px); letter-spacing:-.075em; max-width:760px; }
.payload-visual-title p { max-width:660px; line-height:1.55; }
.payload-telemetry-stamp { left:auto; right:24px; }
.payload-brief-control-panel { background:linear-gradient(180deg, rgba(10,13,16,.98), rgba(3,4,5,.98)); }
.mission-objective-card { margin:18px 0; padding:18px; border:1px solid rgba(157,248,255,.16); border-radius:18px; background:rgba(157,248,255,.045); }
.mission-objective-card span, .brief-readout-list span, .fault-summary span { display:block; color:var(--muted-2); font-size:10px; text-transform:uppercase; letter-spacing:.12em; font-family:"JetBrains Mono",ui-monospace,monospace; }
.mission-objective-card strong { display:block; color:var(--accent); margin:8px 0; font-size:18px; }
.mission-objective-card p { color:var(--muted); line-height:1.55; margin:0; }
.payload-stat-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.payload-brief-section-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.brief-readout-list { display:grid; gap:10px; }
.brief-readout-list.two-col { grid-template-columns:repeat(2,minmax(0,1fr)); }
.brief-readout-list div { padding:10px 0; border-bottom:1px solid rgba(255,255,255,.075); }
.brief-readout-list div:last-child { border-bottom:0; }
.brief-readout-list strong { display:block; margin-top:5px; color:var(--text); line-height:1.35; }
.health-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:14px; }
.health-tile { padding:14px; border-radius:16px; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.035); }
.health-tile.green { border-color:rgba(46,213,115,.35); background:rgba(46,213,115,.08); }
.health-tile.gold { border-color:rgba(216,183,101,.35); background:rgba(216,183,101,.08); }
.health-tile.red { border-color:rgba(255,71,87,.35); background:rgba(255,71,87,.08); }
.health-tile span { display:block; color:var(--muted-2); font-size:10px; text-transform:uppercase; letter-spacing:.12em; font-family:"JetBrains Mono",ui-monospace,monospace; }
.health-tile strong { display:block; margin-top:7px; color:var(--text); }
.fault-summary { margin-top:14px; border:1px solid rgba(216,183,101,.2); border-radius:16px; padding:14px; background:rgba(216,183,101,.06); }
.fault-summary p, .next-decision-card p { margin:8px 0 0; color:var(--muted); line-height:1.55; }
.next-decision-card { border-color:rgba(157,248,255,.18); background:rgba(157,248,255,.04); }
.payload-timeline .timeline-item { border-left-color:rgba(157,248,255,.22); }
@media (max-width: 1180px) { .payload-brief-v2 { grid-template-columns:1fr; } .payload-command-visual { min-height:70vh; } .payload-ops-grid { grid-template-columns:1fr; } }
@media (max-width: 720px) { .payload-mini-readouts, .payload-stat-grid, .payload-brief-section-grid, .health-strip, .brief-readout-list.two-col { grid-template-columns:1fr; } .payload-telemetry-stamp { left:24px; right:auto; bottom:120px; } }

/* Phase 13: Payload Mission Operations */
.payload-ops-command-shell {
  min-height: 100vh;
  padding: 26px;
  background:
    radial-gradient(circle at 18% 0%, rgba(157, 248, 255, 0.08), transparent 28%),
    radial-gradient(circle at 84% 14%, rgba(216, 183, 101, 0.06), transparent 30%),
    var(--bg, #030405);
}

.payload-command-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 28px;
  margin-bottom: 22px;
}

.payload-command-header h1 {
  margin: 14px 0 8px;
  font-size: clamp(42px, 6vw, 84px);
  letter-spacing: -0.075em;
  line-height: .86;
}

.payload-command-header p {
  max-width: 1040px;
  color: var(--muted, #91a5a7);
  line-height: 1.7;
  font-size: 16px;
}

.mission-clock {
  min-width: 190px;
  padding: 14px 16px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025));
  text-align: right;
}

.mission-clock span,
.payload-visual-card span,
.health-cell span,
.payload-state-card span,
.ops-readout-grid span,
.ttc-row span,
.engineering-margin-grid span,
.budget-card span {
  display: block;
  color: var(--muted2, #607274);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 10px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.mission-clock strong { font-size: 23px; color: var(--text, #eef9f7); }

.payload-command-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(340px, .8fr);
  gap: 22px;
  align-items: stretch;
  margin-bottom: 22px;
}

.payload-command-visual-panel {
  position: relative;
  min-height: 640px;
  overflow: hidden;
  border: 1px solid rgba(157,248,255,.16);
  border-radius: 28px;
  background: #010203;
  box-shadow: 0 40px 120px rgba(0,0,0,.6), inset 0 0 80px rgba(157,248,255,.045);
}

.payload-command-visual-panel::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(to bottom, rgba(3,4,5,.16), rgba(3,4,5,.02), rgba(3,4,5,.72)),
    linear-gradient(90deg, rgba(157,248,255,.04) 1px, transparent 1px),
    linear-gradient(0deg, rgba(157,248,255,.035) 1px, transparent 1px);
  background-size: auto, 76px 76px, 76px 76px;
}

.payload-command-visual-panel .payload-twin-canvas,
.payload-command-visual-panel canvas {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
}

.payload-visual-card {
  position: absolute;
  z-index: 3;
  padding: 16px 18px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  background: rgba(3,4,5,.72);
  backdrop-filter: blur(12px);
  box-shadow: 0 20px 70px rgba(0,0,0,.42);
  max-width: 360px;
}

.payload-visual-card strong { display:block; color: #fff; margin: 5px 0; font-size: 15px; }
.payload-visual-card em { display:block; color: var(--muted, #91a5a7); font-size: 12px; font-style: normal; line-height: 1.55; }
.visual-card-left { top: 22px; left: 22px; }
.visual-card-right { top: 22px; right: 22px; text-align: right; }
.visual-card-bottom { bottom: 22px; left: 22px; }

.payload-command-side {
  display: grid;
  gap: 16px;
  align-content: start;
}

.payload-state-card,
.health-cell,
.budget-card,
.anomaly-row,
.command-log-row,
.contact-window-row,
.gate-row {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
  box-shadow: 0 24px 80px rgba(0,0,0,.35);
}

.payload-state-card { padding: 22px; }
.primary-state-card h2 { font-size: 31px; letter-spacing: -.04em; margin: 10px 0; }
.primary-state-card p, .compact-card p { color: var(--muted, #91a5a7); line-height: 1.7; }

.state-two-col {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.state-two-col > div {
  padding: 12px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 14px;
  background: rgba(0,0,0,.18);
}

.state-two-col strong { display: block; color: var(--text, #eef9f7); font-size: 13px; margin-top: 5px; line-height: 1.35; }

.payload-health-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.health-cell { padding: 14px; }
.health-cell strong { display:block; color:#fff; font-size: 24px; margin-top: 5px; }
.health-cell.green { border-color: rgba(46,213,115,.35); box-shadow: inset 0 0 26px rgba(46,213,115,.065); }
.health-cell.gold { border-color: rgba(216,183,101,.38); box-shadow: inset 0 0 26px rgba(216,183,101,.06); }
.health-cell.red { border-color: rgba(255,71,87,.38); box-shadow: inset 0 0 26px rgba(255,71,87,.06); }

.payload-ops-grid-main {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(310px, .75fr) minmax(310px, .75fr);
  gap: 22px;
  align-items: start;
  margin-bottom: 22px;
}

.payload-ops-grid-main.secondary { grid-template-columns: minmax(0, 1.4fr) minmax(330px, .8fr) minmax(330px, .8fr); }
.ops-card-xl, .ops-card-lg { min-height: 100%; }

.section-title em {
  display: block;
  color: var(--muted2, #607274);
  font-style: normal;
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
  margin-top: 4px;
}

.ops-readout-grid,
.engineering-margin-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.engineering-margin-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.ops-readout-grid > div,
.engineering-margin-grid > div {
  padding: 14px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 16px;
  background: rgba(0,0,0,.18);
}

.ops-readout-grid strong,
.engineering-margin-grid strong {
  display: block;
  color: var(--text, #eef9f7);
  font-size: 15px;
  margin-top: 7px;
  line-height: 1.35;
}

.engineering-margin-grid meter,
.budget-card meter {
  width: 100%;
  height: 6px;
  margin-top: 10px;
  accent-color: var(--accent, #9df8ff);
}

.ttc-stack { display:grid; gap: 10px; margin-top: 16px; }
.ttc-row { display:flex; justify-content:space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.08); }
.ttc-row strong { text-align:right; color: var(--text, #eef9f7); font-size: 13px; }

.budget-board { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
.budget-card { padding: 16px; }
.budget-card strong { display:block; font-size: 22px; color:#fff; margin-top: 6px; }
.budget-card p { color: var(--muted, #91a5a7); line-height: 1.55; min-height: 48px; }
.budget-foot { display:flex; justify-content:space-between; gap: 8px; margin-top: 10px; color: var(--muted2, #607274); font-size: 12px; }
.budget-card.green { border-color: rgba(46,213,115,.28); }
.budget-card.gold { border-color: rgba(216,183,101,.34); }
.budget-card.red { border-color: rgba(255,71,87,.34); }

.gate-stack, .anomaly-stack, .command-log-list, .contact-window-list { display:grid; gap: 10px; margin-top: 16px; }
.gate-row { display:grid; grid-template-columns: minmax(0, 1fr) 140px auto; gap: 10px; align-items:center; padding: 12px; }
.gate-row strong { display:block; color:#fff; font-size:14px; }
.gate-row span { display:block; color: var(--muted2, #607274); font-size: 12px; margin-top: 4px; }
.gate-row select { min-width: 0; }
.btn.micro { padding: 8px 10px; font-size: 11px; }

.anomaly-row { padding: 14px; }
.anomaly-head { display:flex; justify-content:space-between; gap: 12px; }
.anomaly-head strong { color:#fff; }
.anomaly-head span, .anomaly-row em { color: var(--muted2, #607274); font-size: 12px; font-style: normal; }
.anomaly-row p { color: var(--muted, #91a5a7); line-height: 1.55; }
.anomaly-row.gold { border-color: rgba(216,183,101,.34); }
.anomaly-row.red { border-color: rgba(255,71,87,.34); }

.command-log-row,
.contact-window-row { padding: 13px 14px; }
.command-log-row span,
.contact-window-row span { color: var(--muted2, #607274); font-size: 12px; }
.command-log-row strong,
.contact-window-row strong { display:block; color:#fff; margin: 4px 0; }
.command-log-row em,
.contact-window-row em { color: var(--muted2, #607274); font-size: 12px; font-style: normal; }
.contact-window-row p { color: var(--muted, #91a5a7); margin: 6px 0; }

.ops-update-console,
.payload-inline-forms { margin-top: 22px; }
.payload-inline-forms { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }

@media (max-width: 1300px) {
  .payload-command-layout,
  .payload-ops-grid-main,
  .payload-ops-grid-main.secondary,
  .payload-inline-forms { grid-template-columns: 1fr; }
  .ops-readout-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .budget-board { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 760px) {
  .payload-ops-command-shell { padding: 16px; }
  .payload-command-header { flex-direction: column; }
  .payload-command-visual-panel { min-height: 520px; }
  .visual-card-right { top: auto; bottom: 95px; right: 22px; text-align: left; }
  .payload-health-strip,
  .state-two-col,
  .ops-readout-grid,
  .engineering-margin-grid,
  .budget-board { grid-template-columns: 1fr; }
  .gate-row { grid-template-columns: 1fr; }
}

/* Phase 14: StratoConnect Network Operations Centre */
.network-command-page .grid-4 .kpi .value { letter-spacing: -0.04em; }
.network-command-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  min-height: 560px;
  overflow: hidden;
  border-color: rgba(157,248,255,0.18);
  box-shadow: 0 40px 140px rgba(0,0,0,0.62), inset 0 0 0 1px rgba(157,248,255,0.04);
}
.network-visual-wrap { position: relative; min-height: 560px; background: radial-gradient(circle at 50% 10%, rgba(157,248,255,0.09), transparent 38%), #030405; overflow: hidden; }
#strato-network-map { display:block; width:100%; height:100%; min-height:560px; }
.network-map-overlay {
  position: absolute;
  z-index: 2;
  min-width: 210px;
  padding: 14px 16px;
  border: 1px solid rgba(157,248,255,0.18);
  background: rgba(5,7,9,0.68);
  backdrop-filter: blur(12px);
  border-radius: 18px;
  box-shadow: 0 24px 80px rgba(0,0,0,0.45);
}
.network-map-overlay.left { left: 22px; bottom: 22px; }
.network-map-overlay.right { right: 22px; top: 22px; text-align:right; }
.network-map-overlay span, .network-map-overlay em { display:block; color: var(--muted); font-size: 12px; line-height: 1.5; }
.network-map-overlay strong { display:block; color: var(--text); font-size: 26px; line-height:1.1; margin: 4px 0; }
.network-command-side { padding: 28px; border-left: 1px solid rgba(255,255,255,0.1); background: linear-gradient(180deg, rgba(10,13,16,0.95), rgba(6,8,9,0.96)); }
.network-brief { color: var(--muted); line-height: 1.72; margin: 16px 0 20px; }
.noc-readout-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px; margin:20px 0; }
.noc-readout-grid div { border:1px solid rgba(255,255,255,0.11); background:rgba(255,255,255,0.035); border-radius:16px; padding:14px; }
.noc-readout-grid span { display:block; color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.noc-readout-grid strong { display:block; color:var(--accent); margin-top:8px; font-size:20px; }
.network-action-grid { display:grid; gap:10px; margin-top:20px; }
.network-grid-main { display:grid; grid-template-columns: minmax(0,1.1fr) minmax(360px,.9fr); gap:22px; margin-top:22px; align-items:start; }
.network-grid-main.secondary { grid-template-columns: minmax(0,1fr) minmax(360px,.78fr); }
.network-card-list { display:grid; gap:14px; }
.network-card-list.compact { gap:12px; }
.network-row-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.55fr); gap:18px; padding:18px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); border-radius:22px; }
.network-row-card.compact { grid-template-columns:minmax(0,1fr) minmax(190px,.45fr); padding:16px; }
.network-row-card h3 { color:var(--text); font-size:20px; margin:12px 0 8px; }
.network-row-card p { color:var(--muted); line-height:1.55; margin:0; }
.network-metrics-mini { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; align-content:start; }
.network-row-card.compact .network-metrics-mini { grid-template-columns:repeat(2,minmax(0,1fr)); }
.network-metrics-mini div { border:1px solid rgba(255,255,255,0.09); background:rgba(0,0,0,0.2); border-radius:14px; padding:11px; }
.network-metrics-mini span { display:block; color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.07em; }
.network-metrics-mini strong { display:block; margin-top:6px; color:var(--text); font-size:14px; }
.slim-form { margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.08); }
.horizontal-edit { grid-template-columns: repeat(4, minmax(0,1fr)); }
.inline-edit-row td { background: rgba(255,255,255,0.015); padding-top: 0 !important; }
.inline-edit-row .form-actions { align-self:end; }
@media (max-width: 1180px) {
  .network-command-shell, .network-grid-main, .network-grid-main.secondary, .network-row-card, .network-row-card.compact { grid-template-columns: 1fr; }
  .network-command-side { border-left:0; border-top:1px solid rgba(255,255,255,0.1); }
  .horizontal-edit { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 680px) {
  .network-map-overlay { position:relative; left:auto !important; right:auto !important; top:auto !important; bottom:auto !important; margin:12px; }
  .network-visual-wrap { min-height: 420px; }
  #strato-network-map { min-height:420px; }
  .network-metrics-mini, .noc-readout-grid, .horizontal-edit { grid-template-columns:1fr; }
}


/* Phase 15: Flight Operations Centre */
.flight-command-page .grid-4 .kpi .value { letter-spacing: -0.04em; }
.flight-command-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  min-height: 600px;
  overflow: hidden;
  border-color: rgba(157,248,255,0.18);
  box-shadow: 0 40px 140px rgba(0,0,0,0.64), inset 0 0 0 1px rgba(157,248,255,0.04);
}
.flight-visual-wrap { position: relative; min-height: 600px; background: radial-gradient(circle at 50% 10%, rgba(157,248,255,0.1), transparent 38%), #030405; overflow: hidden; }
#strato-flight-map { display:block; width:100%; height:100%; min-height:600px; }
.flight-map-overlay { position:absolute; z-index:2; min-width:220px; padding:14px 16px; border:1px solid rgba(157,248,255,0.18); background:rgba(5,7,9,.68); backdrop-filter:blur(12px); border-radius:18px; box-shadow:0 24px 80px rgba(0,0,0,.45); }
.flight-map-overlay.left { left:22px; bottom:22px; }
.flight-map-overlay.right { right:22px; top:22px; text-align:right; }
.flight-map-overlay span, .flight-map-overlay em { display:block; color:var(--muted); font-size:12px; line-height:1.5; }
.flight-map-overlay strong { display:block; color:var(--text); font-size:26px; line-height:1.1; margin:4px 0; }
.flight-command-side { padding:28px; border-left:1px solid rgba(255,255,255,.1); background:linear-gradient(180deg, rgba(10,13,16,.95), rgba(6,8,9,.96)); }
.flight-brief { color:var(--muted); line-height:1.72; margin:16px 0 20px; }
.flight-readout-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:20px 0; }
.flight-readout-grid div { border:1px solid rgba(255,255,255,.11); background:rgba(255,255,255,.035); border-radius:16px; padding:14px; }
.flight-readout-grid span { display:block; color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.flight-readout-grid strong { display:block; color:var(--accent); margin-top:8px; font-size:20px; }
.flight-grid-main { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr); gap:22px; margin-top:22px; align-items:start; }
.flight-grid-main.secondary { grid-template-columns:minmax(0,1fr) minmax(360px,.78fr); }
.flight-card-list { display:grid; gap:14px; }
.flight-card-list.compact { gap:12px; }
.flight-row-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.58fr); gap:18px; padding:18px; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.03); border-radius:22px; }
.flight-row-card.compact { grid-template-columns:minmax(0,1fr) minmax(210px,.45fr); padding:16px; }
.flight-row-card h3 { color:var(--text); font-size:20px; margin:12px 0 8px; }
.flight-row-card p { color:var(--muted); line-height:1.55; margin:0; }
.flight-metrics-mini { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; align-content:start; }
.flight-row-card.compact .flight-metrics-mini { grid-template-columns:repeat(2,minmax(0,1fr)); }
.flight-metrics-mini div { border:1px solid rgba(255,255,255,.09); background:rgba(0,0,0,.2); border-radius:14px; padding:11px; }
.flight-metrics-mini span { display:block; color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.07em; }
.flight-metrics-mini strong { display:block; margin-top:6px; color:var(--text); font-size:14px; }
@media (max-width:1180px) { .flight-command-shell, .flight-grid-main, .flight-grid-main.secondary, .flight-row-card, .flight-row-card.compact { grid-template-columns:1fr; } .flight-command-side { border-left:0; border-top:1px solid rgba(255,255,255,.1); } }
@media (max-width:680px) { .flight-map-overlay { position:relative; left:auto !important; right:auto !important; top:auto !important; bottom:auto !important; margin:12px; } .flight-visual-wrap { min-height:420px; } #strato-flight-map { min-height:420px; } .flight-metrics-mini, .flight-readout-grid { grid-template-columns:1fr; } }

/* Phase 16: Engineering Authority */
.engineering-authority-page .grid-4 .kpi .value { letter-spacing:-0.04em; }
.authority-shell { display:grid; grid-template-columns:minmax(0,1fr) 380px; min-height:560px; overflow:hidden; border-color:rgba(216,183,101,.22); box-shadow:0 40px 140px rgba(0,0,0,.68), inset 0 0 0 1px rgba(216,183,101,.04); }
.authority-visual { position:relative; min-height:560px; background:radial-gradient(circle at 50% 45%, rgba(216,183,101,.16), transparent 24%), radial-gradient(circle at 50% 10%, rgba(157,248,255,.08), transparent 42%), #030405; overflow:hidden; }
.authority-visual:before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px); background-size:42px 42px; mask-image:radial-gradient(circle at 50% 50%, black, transparent 74%); opacity:.5; }
.authority-orbit { position:absolute; left:50%; top:50%; border:1px solid rgba(157,248,255,.18); border-radius:999px; transform:translate(-50%,-50%) rotate(-18deg); }
.authority-orbit.one { width:560px; height:260px; box-shadow:0 0 70px rgba(157,248,255,.05); }
.authority-orbit.two { width:420px; height:420px; border-color:rgba(216,183,101,.18); transform:translate(-50%,-50%) rotate(38deg); }
.authority-core { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:260px; height:260px; border-radius:999px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; border:1px solid rgba(216,183,101,.26); background:radial-gradient(circle, rgba(216,183,101,.14), rgba(5,7,9,.86)); box-shadow:0 0 100px rgba(216,183,101,.12), inset 0 0 50px rgba(157,248,255,.04); }
.authority-core span { color:var(--muted); font-size:11px; letter-spacing:.16em; line-height:1.6; }
.authority-core strong { color:var(--text); font-size:54px; letter-spacing:-.08em; margin-top:12px; }
.authority-core em { color:var(--gold); font-size:12px; font-style:normal; }
.authority-node { position:absolute; width:56px; height:56px; border-radius:999px; display:grid; place-items:center; border:1px solid rgba(157,248,255,.22); background:rgba(10,13,16,.8); color:var(--accent); font-family:var(--mono, monospace); font-size:12px; box-shadow:0 20px 80px rgba(0,0,0,.5); }
.authority-node.n1 { left:21%; top:23%; } .authority-node.n2 { right:22%; top:25%; } .authority-node.n3 { left:25%; bottom:21%; color:#ffb4b4; border-color:rgba(255,120,120,.25); } .authority-node.n4 { right:26%; bottom:20%; color:var(--gold); border-color:rgba(216,183,101,.28); } .authority-node.n5 { left:50%; bottom:12%; transform:translateX(-50%); }
.authority-baseline { position:absolute; z-index:2; min-width:220px; padding:14px 16px; border:1px solid rgba(216,183,101,.18); background:rgba(5,7,9,.68); backdrop-filter:blur(12px); border-radius:18px; box-shadow:0 24px 80px rgba(0,0,0,.45); }
.authority-baseline.left { left:22px; bottom:22px; } .authority-baseline.right { right:22px; top:22px; text-align:right; }
.authority-baseline span { display:block; color:var(--muted); font-size:12px; line-height:1.5; } .authority-baseline strong { display:block; color:var(--text); font-size:26px; line-height:1.1; margin-top:4px; }
.authority-side { padding:28px; border-left:1px solid rgba(255,255,255,.1); background:linear-gradient(180deg, rgba(10,13,16,.96), rgba(6,8,9,.97)); }
.authority-brief { color:var(--muted); line-height:1.72; margin:16px 0 20px; }
.authority-readout-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:20px 0; }
.authority-readout-grid div { border:1px solid rgba(255,255,255,.11); background:rgba(255,255,255,.035); border-radius:16px; padding:14px; }
.authority-readout-grid span { display:block; color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.authority-readout-grid strong { display:block; color:var(--gold); margin-top:8px; font-size:20px; }
.authority-grid-main { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr); gap:22px; margin-top:22px; align-items:start; }
.authority-grid-main.secondary { grid-template-columns:minmax(0,1fr) minmax(360px,.78fr); }
.authority-card-list { display:grid; gap:14px; } .authority-card-list.compact { gap:12px; }
.authority-row-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.58fr); gap:18px; padding:18px; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.03); border-radius:22px; }
.authority-row-card.compact { grid-template-columns:minmax(0,1fr) minmax(210px,.45fr); padding:16px; }
.authority-row-card h3 { color:var(--text); font-size:20px; margin:12px 0 8px; } .authority-row-card p { color:var(--muted); line-height:1.55; margin:0; }
.authority-metrics-mini { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; align-content:start; }
.authority-row-card.compact .authority-metrics-mini { grid-template-columns:repeat(2,minmax(0,1fr)); }
.authority-metrics-mini div { border:1px solid rgba(255,255,255,.09); background:rgba(0,0,0,.2); border-radius:14px; padding:11px; }
.authority-metrics-mini span { display:block; color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.07em; }
.authority-metrics-mini strong { display:block; margin-top:6px; color:var(--text); font-size:14px; }
.inline-mini-form { display:grid; gap:8px; min-width:170px; }
.inline-mini-form select, .inline-mini-form input { width:100%; min-height:34px; font-size:12px; }
.btn.small { padding:7px 10px; min-height:auto; font-size:12px; }
@media (max-width:1180px) { .authority-shell, .authority-grid-main, .authority-grid-main.secondary, .authority-row-card, .authority-row-card.compact { grid-template-columns:1fr; } .authority-side { border-left:0; border-top:1px solid rgba(255,255,255,.1); } }
@media (max-width:680px) { .authority-baseline { position:relative; left:auto !important; right:auto !important; top:auto !important; bottom:auto !important; margin:12px; } .authority-visual { min-height:420px; } .authority-metrics-mini, .authority-readout-grid { grid-template-columns:1fr; } }

/* Phase 17: Integrated Mission Control Centre */
.command-centre-topbar h1 { letter-spacing: -0.065em; }
.command-centre-page { display:grid; gap:22px; }
.command-hero { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(360px,.72fr); overflow:hidden; min-height:680px; background:linear-gradient(145deg, rgba(10,13,16,.98), rgba(1,2,3,.98)); }
.command-visual-panel { position:relative; min-height:680px; overflow:hidden; background:#010203; border-right:1px solid rgba(255,255,255,.08); }
.command-visual-panel::before { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background: radial-gradient(circle at 42% 35%, rgba(157,248,255,.12), transparent 26%), radial-gradient(circle at 60% 72%, rgba(216,183,101,.08), transparent 30%), linear-gradient(to bottom, rgba(3,4,5,.04), rgba(3,4,5,.72)), linear-gradient(90deg, rgba(157,248,255,.045) 1px, transparent 1px), linear-gradient(0deg, rgba(157,248,255,.035) 1px, transparent 1px); background-size:auto, auto, auto, 70px 70px, 70px 70px; }
#strato-command-wall { position:absolute; inset:0; width:100%; height:100%; display:block; }
.command-overlay { position:absolute; z-index:3; padding:16px 18px; border:1px solid rgba(157,248,255,.18); border-radius:18px; background:rgba(3,4,5,.72); backdrop-filter:blur(14px); box-shadow:0 24px 80px rgba(0,0,0,.38); max-width:410px; }
.command-overlay span, .mission-control-readouts span, .command-row-metrics span { display:block; color:var(--muted2,#607274); text-transform:uppercase; letter-spacing:.12em; font-size:10px; font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; }
.command-overlay strong { display:block; color:var(--accent,#9df8ff); font-size:22px; margin:7px 0; letter-spacing:-.02em; }
.command-overlay p { margin:0; color:var(--muted,#91a5a7); line-height:1.55; font-size:13px; }
.command-overlay-left { left:22px; top:22px; }
.command-overlay-right { right:22px; top:22px; text-align:right; }
.command-overlay-bottom { left:22px; bottom:22px; }
.command-side-panel { padding:22px; display:grid; align-content:start; gap:18px; background:linear-gradient(180deg, rgba(10,13,16,.98), rgba(3,4,5,.96)); }
.command-primary-card h2 { font-size:clamp(28px,3vw,46px); line-height:.94; letter-spacing:-.06em; margin:14px 0 18px; }
.mission-control-readouts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:18px 0; }
.mission-control-readouts div { padding:13px; border-radius:15px; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.035); }
.mission-control-readouts strong { display:block; color:var(--text,#eef9f7); margin-top:7px; line-height:1.25; font-size:14px; }
.kpi-mini-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.command-kpis { margin:0; }
.command-grid-main { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr); gap:22px; }
.command-grid-secondary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.section-head-row { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:16px; }
.section-head-row h3 { margin:10px 0 0; font-size:26px; letter-spacing:-.04em; }
.command-table-list, .dense-card-list { display:grid; gap:12px; }
.command-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.45fr) auto; gap:14px; align-items:center; padding:15px; border-radius:18px; border:1px solid rgba(255,255,255,.09); background:linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.018)); }
.command-row strong, .dense-card-row strong { display:block; color:var(--text,#eef9f7); letter-spacing:-.01em; }
.command-row p, .dense-card-row p { margin:6px 0 0; color:var(--muted,#91a5a7); font-size:13px; line-height:1.45; }
.command-row-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.command-row-metrics span { padding:8px 9px; border-radius:12px; border:1px solid rgba(157,248,255,.13); color:var(--accent,#9df8ff); background:rgba(157,248,255,.045); text-align:center; }
.dense-card-row { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:14px; border-radius:16px; border:1px solid rgba(255,255,255,.085); background:rgba(255,255,255,.032); }
.compact-command-timeline .timeline-item p { line-height:1.45; }
@media (max-width:1180px) { .command-hero, .command-grid-main, .command-grid-secondary { grid-template-columns:1fr; } .command-visual-panel { border-right:0; border-bottom:1px solid rgba(255,255,255,.08); min-height:620px; } .command-row { grid-template-columns:1fr; } .command-row-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:760px) { .command-overlay { position:relative; left:auto !important; right:auto !important; top:auto !important; bottom:auto !important; margin:14px; max-width:none; } .command-visual-panel { display:flex; flex-direction:column; justify-content:flex-end; padding-top:280px; } .mission-control-readouts, .kpi-mini-grid, .command-row-metrics { grid-template-columns:1fr; } }

/* Phase 18: visual payload models and premium form polish */
.payload-command-visual-panel {
  min-height: 680px;
}
.payload-twin-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background:
    radial-gradient(circle at 52% 42%, rgba(157,248,255,.14), transparent 28%),
    radial-gradient(circle at 72% 68%, rgba(216,183,101,.08), transparent 28%),
    linear-gradient(180deg, rgba(1,2,3,.9), rgba(3,4,5,.96));
}
.payload-twin-canvas::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: radial-gradient(circle at 50% 50%, black 0 52%, transparent 78%);
  pointer-events: none;
  z-index: 1;
}
.payload-twin-canvas canvas {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 2;
}
.payload-twin-loading,
.payload-twin-fallback {
  position: absolute;
  inset: 28px;
  z-index: 4;
  display: grid;
  place-content: center;
  gap: 8px;
  text-align: center;
  color: var(--text);
  border: 1px solid rgba(157,248,255,.16);
  border-radius: 24px;
  background: radial-gradient(circle at 50% 40%, rgba(157,248,255,.08), transparent 38%), rgba(1,2,3,.62);
}
.payload-twin-loading span {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(157,248,255,.55);
  border-top-color: transparent;
  border-radius: 999px;
  margin: 0 auto 8px;
  animation: strato-spin 1.1s linear infinite;
}
.payload-twin-loading strong,
.payload-twin-fallback strong {
  font-size: 1.05rem;
  letter-spacing: -.02em;
}
.payload-twin-loading em,
.payload-twin-fallback em,
.payload-twin-fallback span {
  color: var(--muted);
  font-style: normal;
  font-size: .82rem;
}
.payload-twin-overlay {
  position: absolute;
  z-index: 5;
  inset: 22px;
  pointer-events: none;
  display: grid;
  grid-template-columns: minmax(220px, .8fr) minmax(260px, 1fr);
  grid-template-rows: auto 1fr auto;
  gap: 18px;
}
.payload-twin-id,
.payload-twin-readouts,
.payload-twin-corridor {
  border: 1px solid rgba(157,248,255,.16);
  background: rgba(3,4,5,.58);
  backdrop-filter: blur(10px);
  border-radius: 18px;
  box-shadow: 0 24px 80px rgba(0,0,0,.36);
}
.payload-twin-id { padding: 16px; align-self: start; }
.payload-twin-id span {
  display: inline-flex;
  color: var(--accent);
  border: 1px solid rgba(157,248,255,.28);
  border-radius: 999px;
  padding: 4px 9px;
  font: 700 .66rem/1 var(--mono);
  letter-spacing: .16em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.payload-twin-id strong { display:block; font-size:1.05rem; letter-spacing:-.02em; }
.payload-twin-id em { display:block; color:var(--muted); font-style:normal; font-size:.78rem; margin-top:4px; }
.payload-twin-readouts {
  justify-self: end;
  align-self: start;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: 310px;
  overflow: hidden;
}
.payload-twin-readouts div { padding: 12px 14px; border-bottom:1px solid rgba(255,255,255,.08); border-right:1px solid rgba(255,255,255,.08); }
.payload-twin-readouts div:nth-child(2n) { border-right:0; }
.payload-twin-readouts div:nth-last-child(-n+1) { border-bottom:0; }
.payload-twin-readouts span { display:block; color:var(--muted); font:700 .62rem/1 var(--mono); text-transform:uppercase; letter-spacing:.12em; margin-bottom:7px; }
.payload-twin-readouts strong { color:var(--accent); font:800 .96rem/1 var(--mono); }
.payload-twin-corridor {
  grid-column: 1 / -1;
  align-self: end;
  justify-self: center;
  color: var(--text);
  font: 800 .7rem/1 var(--mono);
  letter-spacing: .16em;
  text-transform: uppercase;
  padding: 11px 16px;
  max-width: min(90%, 760px);
}
@keyframes strato-spin { to { transform: rotate(360deg); } }

/* Dark form controls across generated operational screens */
.card input,
.card select,
.card textarea,
.main input,
.main select,
.main textarea,
.command-details input,
.command-details select,
.command-details textarea,
.form-grid input,
.form-grid select,
.form-grid textarea,
.gate-row input,
.gate-row select,
.gate-row textarea,
.table input,
.table select,
.table textarea {
  background: linear-gradient(180deg, rgba(8,11,13,.96), rgba(3,4,5,.98)) !important;
  color: var(--text) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 12px !important;
  min-height: 42px;
  padding: 10px 12px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 10px 30px rgba(0,0,0,.18);
  outline: none;
}
.card textarea,
.main textarea,
.command-details textarea,
.form-grid textarea { min-height: 96px; resize: vertical; }
.card input:focus,
.card select:focus,
.card textarea:focus,
.main input:focus,
.main select:focus,
.main textarea:focus,
.form-grid input:focus,
.form-grid select:focus,
.form-grid textarea:focus,
.table input:focus,
.table select:focus,
.table textarea:focus {
  border-color: rgba(157,248,255,.55) !important;
  box-shadow: 0 0 0 3px rgba(157,248,255,.08), inset 0 1px 0 rgba(255,255,255,.04);
}
.card option,
.main option,
.form-grid option,
.table option {
  background: #050708 !important;
  color: #eef9f7 !important;
}
.form-grid label,
.compact-form label,
.card form label {
  color: var(--muted);
  font-size: .78rem;
  line-height: 1.35;
  letter-spacing: .01em;
}
.form-grid label > input,
.form-grid label > select,
.form-grid label > textarea,
.compact-form label > input,
.compact-form label > select,
.compact-form label > textarea,
.card form label > input,
.card form label > select,
.card form label > textarea {
  display: block;
  width: 100%;
  margin-top: 7px;
}
.form-grid .span-2,
.compact-form .span-2,
.card form .span-2 { grid-column: 1 / -1; }
.gate-row,
.table form,
.configuration-row form {
  align-items: center;
}
.table input,
.table select,
.table textarea,
.gate-row input,
.gate-row select {
  min-height: 36px;
  padding: 8px 10px;
  border-radius: 10px !important;
  font-size: .78rem;
}
.command-details summary {
  cursor: pointer;
  color: var(--text);
  font-weight: 800;
  letter-spacing: -.02em;
  list-style: none;
}
.command-details summary::-webkit-details-marker { display:none; }
.command-details summary::after {
  content: "+";
  float: right;
  color: var(--accent);
  font-family: var(--mono);
}
.command-details[open] summary::after { content: "−"; }
.command-details[open] summary { margin-bottom: 18px; }
::placeholder { color: rgba(145,165,167,.55) !important; }

@media (max-width: 900px) {
  .payload-command-visual-panel { min-height: 580px; }
  .payload-twin-overlay { grid-template-columns: 1fr; inset: 14px; }
  .payload-twin-readouts { justify-self: stretch; min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Phase 19: Payload Presentation and Operational Truth Layer */
.payload-card-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.payload-card-actions .btn{white-space:nowrap}.payload-presentation-shell{height:100vh;display:grid;grid-template-columns:minmax(44vw,1.06fr) minmax(520px,.94fr);background:radial-gradient(circle at 25% 18%,rgba(157,248,255,.12),transparent 24%),radial-gradient(circle at 80% 0%,rgba(216,183,101,.08),transparent 20%),#010203;color:#eef9f7;overflow:hidden}.presentation-visual-zone{position:relative;min-height:100vh;border-right:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(157,248,255,.05),transparent 45%)}.presentation-twin{height:100vh!important;border:0!important;border-radius:0!important;background:transparent!important}.presentation-grid-overlay{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(circle at 50% 50%,black 0,transparent 72%)}.presentation-command-panel{padding:28px;display:flex;flex-direction:column;gap:18px;overflow-y:auto;background:linear-gradient(180deg,rgba(10,13,16,.9),rgba(3,4,5,.95))}.presentation-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.presentation-header h1{font-size:clamp(34px,4vw,64px);line-height:.92;margin:12px 0 8px;letter-spacing:-.06em}.presentation-header p{color:#91a5a7;margin:0}.presentation-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.presentation-statement-card{padding:22px;border:1px solid rgba(157,248,255,.22);border-radius:24px;background:linear-gradient(135deg,rgba(157,248,255,.11),rgba(255,255,255,.03));box-shadow:0 28px 90px rgba(0,0,0,.42)}.presentation-statement-card span{display:block;font-family:var(--mono,monospace);color:#9df8ff;text-transform:uppercase;letter-spacing:.22em;font-size:11px;margin-bottom:10px}.presentation-statement-card strong{display:block;font-size:clamp(18px,2.1vw,30px);line-height:1.18;letter-spacing:-.04em}.presentation-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.presentation-kpi-grid div,.system-meter,.presentation-card{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);border-radius:18px;padding:14px}.presentation-kpi-grid span,.system-meter span,.mini-pairs span{display:block;color:#607274;text-transform:uppercase;letter-spacing:.14em;font-family:var(--mono,monospace);font-size:10px}.presentation-kpi-grid strong,.system-meter strong{display:block;margin-top:5px;color:#eef9f7;font-size:15px}.presentation-systems-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.system-meter meter{width:100%;height:8px;margin-top:12px;accent-color:#9df8ff}.presentation-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.presentation-card h2{margin:0 0 12px;font-size:16px;color:#9df8ff;text-transform:uppercase;letter-spacing:.12em}.presentation-card p{color:#c9d7d8;line-height:1.55}.mini-pairs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.mini-pairs strong{display:block;color:#eef9f7;margin-top:5px}.presentation-timeline{display:grid;gap:10px}.presentation-timeline div{display:grid;grid-template-columns:86px 1fr;gap:4px 12px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:9px}.presentation-timeline time{grid-row:span 2;color:#607274;font-family:var(--mono,monospace);font-size:11px}.presentation-timeline strong{color:#eef9f7}.presentation-timeline span{color:#91a5a7;font-size:12px}.payload-annex-body{background:#f4f7f7;color:#091012;font-family:Inter,system-ui,sans-serif}.payload-annex-page{max-width:1120px;margin:0 auto;padding:42px}.annex-header{display:flex;justify-content:space-between;gap:24px;border-bottom:3px solid #091012;padding-bottom:22px;margin-bottom:24px}.annex-header span{font-family:monospace;text-transform:uppercase;letter-spacing:.18em;color:#607274}.annex-header h1{font-size:42px;margin:6px 0 6px;letter-spacing:-.05em}.annex-header p{margin:0;color:#607274}.annex-actions{display:flex;gap:8px;align-items:flex-start}.annex-statement{border:1px solid #9fb2b4;background:#fff;padding:22px;border-radius:16px;margin:22px 0;font-size:22px;line-height:1.3}.annex-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.annex-grid article,.annex-table-section{background:#fff;border:1px solid #d5dddd;border-radius:16px;padding:18px}.annex-grid h2,.annex-table-section h2{font-size:14px;text-transform:uppercase;letter-spacing:.16em;color:#0b5d62;margin:0 0 14px}.annex-grid dl{display:grid;grid-template-columns:160px 1fr;gap:8px;margin:0}.annex-grid dt{color:#607274}.annex-grid dd{margin:0;font-weight:700}.annex-table-section{margin-top:16px;overflow:auto}.annex-table-section table{width:100%;border-collapse:collapse;font-size:13px}.annex-table-section th{text-align:left;color:#607274;text-transform:uppercase;letter-spacing:.12em;font-size:10px;border-bottom:1px solid #d5dddd;padding:9px}.annex-table-section td{border-bottom:1px solid #edf1f1;padding:10px;vertical-align:top}.payload-annex-page .btn{border:1px solid #091012;background:#091012;color:#fff;border-radius:999px;padding:10px 14px;text-decoration:none;font-weight:800}@media(max-width:1100px){.payload-presentation-shell{grid-template-columns:1fr;overflow:auto}.presentation-visual-zone{min-height:52vh}.presentation-twin{height:52vh!important}.presentation-command-panel{overflow:visible}.presentation-kpi-grid,.presentation-systems-row{grid-template-columns:repeat(2,1fr)}}@media print{body{overflow:visible!important}.no-print,.presentation-actions{display:none!important}.payload-presentation-shell{height:auto;display:block;background:#fff;color:#111}.presentation-visual-zone{display:none}.presentation-command-panel{background:#fff;color:#111;overflow:visible}.presentation-statement-card,.presentation-kpi-grid div,.system-meter,.presentation-card{border-color:#bbb;background:#fff;color:#111;box-shadow:none}.presentation-header h1,.presentation-statement-card strong,.presentation-card p,.presentation-kpi-grid strong,.system-meter strong{color:#111}.payload-annex-body{background:#fff}.payload-annex-page{padding:0}.annex-grid article,.annex-table-section,.annex-statement{break-inside:avoid}}

/* Phase 20: Payload Operations Update Console */
.ops-console-page .split-header{align-items:flex-start}.ops-truth-wall{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);gap:22px;align-items:stretch;background:radial-gradient(circle at 0 0,rgba(157,248,255,.12),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018))}.truth-main h2{margin:10px 0 12px;font-size:clamp(26px,3vw,46px);line-height:.98;letter-spacing:-.065em;max-width:980px}.truth-main p{max-width:900px;color:var(--muted);font-size:15px;line-height:1.7}.truth-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.truth-kpi{border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px;background:rgba(0,0,0,.22)}.truth-kpi.green{border-color:rgba(64,225,160,.28);background:rgba(64,225,160,.07)}.truth-kpi.gold{border-color:rgba(216,183,101,.32);background:rgba(216,183,101,.07)}.truth-kpi.red{border-color:rgba(255,110,110,.32);background:rgba(255,110,110,.06)}.truth-kpi span,.ops-action-strip .eyebrow{display:block;color:#607274;text-transform:uppercase;letter-spacing:.16em;font-family:var(--mono,monospace);font-size:10px}.truth-kpi strong{display:block;margin-top:7px;color:#eef9f7;font-size:18px;line-height:1.15}.ops-action-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;background:linear-gradient(135deg,rgba(157,248,255,.075),rgba(255,255,255,.025))}.ops-action-strip h3{margin:6px 0 0;font-size:22px;letter-spacing:-.035em}.ops-action-buttons{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.ops-action-buttons form{margin:0}.btn.danger{border-color:rgba(255,110,110,.42)!important;color:#ffb3b3!important;background:rgba(255,110,110,.075)!important}.btn.danger:hover{background:rgba(255,110,110,.14)!important}.ops-console-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.42fr);gap:18px;margin-top:18px;align-items:start}.ops-console-card{min-width:0}.ops-console-grid .wide-card{grid-column:span 1}.ops-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ops-form-grid.compact{gap:12px}.ops-form-grid .span-2{grid-column:1/-1}.ops-update-feed{display:grid;gap:12px;max-height:720px;overflow:auto;padding-right:4px}.ops-update-item{border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:14px;background:rgba(255,255,255,.032)}.ops-update-item strong{display:block;margin:10px 0 6px;color:#eef9f7;font-size:15px}.ops-update-item p{margin:0;color:#91a5a7;line-height:1.5}.ops-update-item small{display:block;margin-top:10px;color:#607274;font-family:var(--mono,monospace);font-size:11px}.ops-console-page .form-actions{display:flex;justify-content:flex-end}.ops-console-page input[type="datetime-local"]{color-scheme:dark}.ops-console-page .empty{padding:18px;border:1px dashed rgba(255,255,255,.16);border-radius:18px;color:#91a5a7}.payload-card-actions .btn{min-height:34px}@media(max-width:1200px){.ops-truth-wall,.ops-console-grid{grid-template-columns:1fr}.truth-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.truth-kpis,.ops-form-grid{grid-template-columns:1fr}.ops-action-strip{align-items:flex-start;flex-direction:column}.ops-action-buttons{justify-content:flex-start}.truth-main h2{font-size:30px}}

/* Phase 21 — Sky-Layer Atlas strengthening */
.atlas-page { display:flex; flex-direction:column; gap:22px; }
.atlas-kpis {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.atlas-kpi {
  padding:18px 18px 16px;
  min-height:148px;
}
.atlas-kpi .label {
  display:block;
  color:var(--muted-2);
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-family:var(--mono);
}
.atlas-kpi .value {
  display:block;
  margin:10px 0 8px;
  font-size:34px;
  line-height:1;
  letter-spacing:-.05em;
}
.atlas-kpi p {
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
}
.atlas-grid {
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(320px,.74fr);
  gap:22px;
  align-items:start;
}
.atlas-main-column,
.atlas-side-stack {
  display:flex;
  flex-direction:column;
  gap:22px;
}
.atlas-visual-card,
.atlas-panel {
  padding:20px;
}
.atlas-card-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
.atlas-card-head.compact {
  margin-bottom:14px;
}
.atlas-card-head h3,
.atlas-panel h3 {
  margin:10px 0 6px;
  font-size:24px;
  letter-spacing:-.04em;
}
.atlas-card-head p {
  margin:0;
  color:var(--muted);
  line-height:1.6;
  font-size:14px;
}
.atlas-head-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.atlas-canvas {
  width:100%;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:20px;
  background: radial-gradient(circle at 50% 0%, rgba(157,248,255,0.08), transparent 36%), rgba(4,8,12,0.96);
  overflow:hidden;
}
.atlas-canvas--global { min-height:460px; }
.atlas-canvas--section { min-height:420px; display:block; }
.atlas-global-legend {
  margin-top:16px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.legend-pill {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(255,255,255,0.03);
  color:var(--muted);
  font-size:12px;
}
.legend-pill span,
.atlas-layer-badge span {
  width:10px;
  height:10px;
  border-radius:999px;
  display:inline-block;
  box-shadow:0 0 16px currentColor;
}
.atlas-condition-list,
.atlas-watch-list,
.atlas-asset-list,
.atlas-layer-list {
  display:flex;
  flex-direction:column;
  gap:12px;
}
.condition-tile,
.atlas-watch-row,
.atlas-asset-row,
.atlas-layer-item,
.atlas-support-row {
  border:1px solid rgba(255,255,255,0.08);
  background:rgba(255,255,255,0.025);
  border-radius:16px;
}
.condition-tile {
  padding:14px;
}
.condition-meta {
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  margin-bottom:10px;
}
.condition-meta span {
  color:var(--muted);
  font-size:13px;
  max-width:60%;
}
.condition-meta strong {
  font-size:21px;
  line-height:1;
  letter-spacing:-.035em;
  text-align:right;
}
.condition-status-row { margin-bottom:8px; }
.condition-tile p,
.atlas-watch-row p,
.atlas-layer-item p {
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
}
.atlas-asset-row {
  padding:14px;
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
}
.atlas-asset-row strong,
.atlas-layer-item strong,
.atlas-watch-title,
.atlas-support-row strong {
  display:block;
  margin-bottom:4px;
  color:var(--text);
}
.atlas-asset-row p {
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}
.atlas-asset-stats {
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:4px;
  color:var(--muted);
  font-size:12px;
  white-space:nowrap;
}
.atlas-watch-row {
  padding:14px;
}
.atlas-watch-row .chip { margin:8px 0; }
.atlas-bottom-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:22px;
  align-items:start;
}
.atlas-layer-item {
  display:grid;
  grid-template-columns:24px 1fr;
  gap:12px;
  padding:14px;
}
.atlas-layer-range {
  color:var(--accent);
  font-size:12px;
  font-family:var(--mono);
  margin-bottom:6px;
}
.atlas-support-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.atlas-support-grid h4 {
  margin:0 0 10px;
  font-size:15px;
  letter-spacing:-.02em;
}
.atlas-support-row {
  padding:12px 13px;
  margin-bottom:10px;
}
.atlas-support-row span {
  display:block;
  color:var(--muted);
  font-size:12px;
  line-height:1.5;
}
@media (max-width: 1280px) {
  .atlas-kpis,
  .atlas-bottom-grid,
  .atlas-support-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width: 1080px) {
  .atlas-grid,
  .atlas-bottom-grid {
    grid-template-columns:1fr;
  }
}
@media (max-width: 760px) {
  .atlas-kpis,
  .atlas-support-grid {
    grid-template-columns:1fr;
  }
  .atlas-asset-row,
  .condition-meta {
    flex-direction:column;
  }
  .atlas-asset-stats {
    align-items:flex-start;
  }
}

/* Phase 22 — Public hero sky-layer section view */
.hero {
  min-height: 100vh;
  padding: 150px 24px 110px;
  isolation: isolate;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 74px 0 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 72% 44%, rgba(157,248,255,0.13), transparent 26%),
    radial-gradient(circle at 84% 18%, rgba(216,183,101,0.05), transparent 22%),
    linear-gradient(90deg, rgba(3,4,5,0.96) 0%, rgba(3,4,5,0.85) 42%, rgba(3,4,5,0.44) 74%, rgba(3,4,5,0.78) 100%);
  z-index: 0;
}
.hero::after {
  background:
    linear-gradient(90deg, rgba(3,4,5,0.62) 0%, rgba(3,4,5,0.30) 50%, rgba(3,4,5,0.10) 100%),
    linear-gradient(to bottom, rgba(3,4,5,0.08), rgba(3,4,5,0.40) 72%, var(--bg));
  z-index: 1;
}
#hero-terrain {
  opacity: .28;
  z-index: 1;
  mix-blend-mode: screen;
}
.hero .star-field {
  z-index: 0;
  opacity:.20;
  background-size: 92px 92px;
}
.hero-inner {
  max-width: 1360px;
  grid-template-columns: minmax(480px,.92fr) minmax(560px,1.08fr);
  min-height: 650px;
  gap: 28px;
  z-index: 2;
}
.hero-inner > div:first-child {
  align-self:center;
  position: relative;
  z-index: 4;
}
.hero h1 {
  max-width: 720px;
  text-shadow: 0 18px 60px rgba(0,0,0,0.55);
}
.hero p {
  max-width: 720px;
}
.hero-sky-layer {
  position: relative;
  min-height: 640px;
  width: min(780px, 54vw);
  justify-self: end;
  align-self: center;
  overflow: visible;
  pointer-events: none;
  transform: translateX(34px);
}
.hero-sky-layer::before {
  content:"";
  position:absolute;
  left:-16%;
  right:-12%;
  top:-16%;
  bottom:-10%;
  background:
    radial-gradient(circle at 50% 48%, rgba(157,248,255,.12), transparent 16%),
    radial-gradient(circle at 48% 82%, rgba(157,248,255,.16), transparent 34%),
    radial-gradient(circle at 54% 12%, rgba(244,114,182,.08), transparent 34%);
  filter: blur(.2px);
  opacity:.94;
}
.hero-sky-layer::after {
  content:"";
  position:absolute;
  left:-4%;
  right:-4%;
  top:-2%;
  bottom:10%;
  background-image:
    linear-gradient(rgba(157,248,255,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(157,248,255,0.035) 1px, transparent 1px);
  background-size: 52px 52px;
  opacity:.30;
  transform: perspective(700px) rotateX(62deg) translateY(130px) scale(1.22);
  transform-origin: 50% 100%;
  mask-image: linear-gradient(to top, black, transparent 82%);
}
.hero-layer-orbital,
.hero-layer-mesosphere,
.hero-layer-stratosphere,
.hero-layer-troposphere,
.hero-earth-limb,
.hero-innovation-band {
  position:absolute;
  left:50%;
  transform: translateX(-50%);
  border-radius: 50%;
  pointer-events:none;
}
.hero-layer-orbital {
  width: 1040px;
  height: 1040px;
  bottom: -560px;
  border: 1px solid rgba(244,114,182,0.23);
  box-shadow: inset 0 0 70px rgba(244,114,182,0.07), 0 0 70px rgba(244,114,182,0.08);
}
.hero-layer-orbital::before {
  content:"";
  position:absolute;
  inset: 8px;
  border-radius:inherit;
  background-image: linear-gradient(60deg, rgba(244,114,182,0.18) 1px, transparent 1px), linear-gradient(120deg, rgba(244,114,182,0.10) 1px, transparent 1px);
  background-size: 34px 34px;
  opacity:.34;
  mask-image: linear-gradient(to top, transparent 0%, black 50%, transparent 82%);
}
.hero-layer-mesosphere {
  width: 820px;
  height: 820px;
  bottom: -452px;
  border: 1px dashed rgba(167,139,250,0.32);
}
.hero-layer-stratosphere {
  width: 620px;
  height: 620px;
  bottom: -348px;
  border: 2px solid rgba(157,248,255,0.58);
  box-shadow: 0 0 38px rgba(157,248,255,0.20), inset 0 0 28px rgba(157,248,255,0.06);
}
.hero-layer-troposphere {
  width: 462px;
  height: 462px;
  bottom: -274px;
  border: 1px dashed rgba(157,248,255,0.24);
}
.hero-earth-limb {
  width: 900px;
  height: 315px;
  bottom: -132px;
  border-top: 3px solid rgba(157,248,255,0.72);
  background:
    radial-gradient(ellipse at 50% 10%, rgba(157,248,255,0.20), transparent 30%),
    radial-gradient(ellipse at 50% 100%, rgba(216,183,101,0.16), transparent 26%),
    linear-gradient(to bottom, rgba(157,248,255,0.07), rgba(8,20,27,0.50));
  box-shadow: 0 -12px 60px rgba(157,248,255,0.22), inset 0 30px 80px rgba(157,248,255,0.08);
  opacity:.92;
}
.hero-earth-limb::before {
  content:"";
  position:absolute;
  inset: 44px 80px 12px;
  background-image:
    radial-gradient(circle, rgba(216,183,101,0.55) 1px, transparent 2px),
    radial-gradient(circle, rgba(255,255,255,0.30) 1px, transparent 1px);
  background-size: 56px 34px, 88px 54px;
  opacity:.28;
  mask-image: radial-gradient(ellipse at 50% 100%, black 0%, transparent 70%);
}
.hero-innovation-band {
  width: 700px;
  height: 700px;
  bottom: -386px;
  border-top: 3px solid rgba(157,248,255,0.95);
  box-shadow: 0 -3px 28px rgba(157,248,255,.42);
  opacity:.96;
}
.hero-innovation-band::before {
  content:"";
  position:absolute;
  left: 5%;
  right: 5%;
  top: -8px;
  height: 22px;
  border-radius: 50%;
  border-top: 1px dashed rgba(157,248,255,0.66);
}
.hero-layer-axis {
  position:absolute;
  left:52%;
  top:32px;
  bottom:92px;
  width:1px;
  background: linear-gradient(to bottom, transparent, rgba(157,248,255,.52), rgba(157,248,255,.32), transparent);
}
.hero-layer-axis::before,
.hero-layer-axis::after {
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:7px;
  height:7px;
  border-radius:999px;
  background:rgba(238,249,247,.85);
  box-shadow:0 0 18px rgba(157,248,255,.7);
}
.hero-layer-axis::before { top: 18%; }
.hero-layer-axis::after { top: 63%; }
.hero-layer-marker {
  position:absolute;
  left:52%;
  width:220px;
  transform: translateX(-50%);
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-family:var(--mono);
  color:rgba(238,249,247,.94);
  text-shadow:0 0 20px rgba(0,0,0,.9);
  z-index:3;
}
.hero-layer-marker b {
  display:block;
  font-size:13px;
  line-height:1.35;
  font-weight:700;
}
.hero-layer-marker span {
  display:block;
  margin-top:4px;
  font-size:11px;
  color:var(--accent);
}
.marker-orbital { top: 94px; }
.marker-mesosphere { top: 218px; }
.marker-stratosphere { top: 344px; }
.marker-troposphere { top: 454px; }
.marker-surface { top: 548px; }
.hero-bird-system {
  position:absolute;
  left:52%;
  top:51%;
  width:170px;
  height:170px;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  z-index:5;
}
.hero-bird-system img {
  width:86px;
  height:86px;
  object-fit:contain;
  filter: drop-shadow(0 0 18px rgba(157,248,255,.35)) drop-shadow(0 22px 46px rgba(0,0,0,.65));
}
.hero-bird-orbits {
  position:absolute;
  inset:0;
  border:1px solid rgba(157,248,255,.38);
  border-radius:999px;
  box-shadow:0 0 28px rgba(157,248,255,.09), inset 0 0 24px rgba(157,248,255,.07);
}
.hero-bird-orbits::before,
.hero-bird-orbits::after {
  content:"";
  position:absolute;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.13);
}
.hero-bird-orbits::before { inset:25px; }
.hero-bird-orbits::after { inset:52px; border-color:rgba(216,183,101,.24); }
@media (max-width: 1180px) {
  .hero-inner {
    grid-template-columns: 1fr;
    min-height:auto;
  }
  .hero-sky-layer {
    width: min(900px, 100%);
    justify-self:center;
    transform:none;
    margin-top:10px;
  }
}
@media (max-width: 760px) {
  .hero {
    padding-top: 118px;
    padding-bottom: 74px;
  }
  .hero-sky-layer {
    min-height: 520px;
    width: 100%;
  }
  .hero-layer-marker {
    left:50%;
    width:180px;
  }
  .hero-layer-marker b { font-size:10px; }
  .hero-layer-marker span { font-size:9px; }
  .hero-layer-orbital { width:760px; height:760px; bottom:-428px; }
  .hero-layer-mesosphere { width:640px; height:640px; bottom:-364px; }
  .hero-layer-stratosphere { width:500px; height:500px; bottom:-298px; }
  .hero-layer-troposphere { width:384px; height:384px; bottom:-244px; }
  .hero-earth-limb { width:680px; height:250px; bottom:-105px; }
  .hero-innovation-band { width:560px; height:560px; bottom:-333px; }
  .hero-bird-system { width:132px; height:132px; }
  .hero-bird-system img { width:66px; height:66px; }
  .marker-orbital { top: 72px; }
  .marker-mesosphere { top: 168px; }
  .marker-stratosphere { top: 270px; }
  .marker-troposphere { top: 358px; }
  .marker-surface { top: 435px; }
}

/* Phase 22B — public hero precision rebuild */
.hero.hero22b {
  min-height: 900px;
  padding: 0 24px;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 73% 19%, rgba(244,114,182,0.12), transparent 24%),
    radial-gradient(circle at 72% 48%, rgba(157,248,255,0.13), transparent 24%),
    #030405;
}
.hero.hero22b::before {
  content: "";
  position: absolute;
  inset: 74px 0 0;
  pointer-events: none;
  z-index: 3;
  background:
    linear-gradient(90deg, #030405 0%, rgba(3,4,5,.94) 20%, rgba(3,4,5,.72) 42%, rgba(3,4,5,.20) 70%, rgba(3,4,5,.04) 100%);
}
.hero.hero22b::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 220px;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(to bottom, transparent, var(--bg) 88%);
}
.hero22b-stars {
  position:absolute;
  inset:0;
  z-index:0;
  opacity:.33;
  background-image:
    radial-gradient(circle at 18% 20%, rgba(255,255,255,.55) 0 1px, transparent 1.6px),
    radial-gradient(circle at 82% 16%, rgba(255,255,255,.40) 0 1px, transparent 1.8px),
    radial-gradient(circle, rgba(255,255,255,.28) 0 1px, transparent 1.4px);
  background-size: 340px 250px, 260px 310px, 84px 84px;
  mask-image: linear-gradient(to bottom, black 0%, black 62%, transparent 94%);
}
.hero22b-grid {
  position:absolute;
  inset: 36% -10% -8%;
  z-index:1;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(157,248,255,0.050) 1px, transparent 1px),
    linear-gradient(90deg, rgba(157,248,255,0.040) 1px, transparent 1px);
  background-size: 76px 42px;
  transform: perspective(740px) rotateX(66deg) scale(1.25);
  transform-origin: 50% 100%;
  opacity:.42;
  mask-image: linear-gradient(to top, black 4%, transparent 86%);
}
.hero22b-inner {
  position: relative;
  z-index: 6;
  max-width: 1360px;
  min-height: 900px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.hero22b-copy {
  width: min(720px, 48vw);
  padding-top: 48px;
}
.hero22b-copy .chip {
  margin-bottom: 24px;
}
.hero22b-copy h1 {
  margin: 0 0 26px;
  max-width: 820px;
  font-size: clamp(64px, 5.9vw, 98px);
  line-height: .94;
  letter-spacing: -.07em;
  text-shadow: 0 26px 80px rgba(0,0,0,.66);
}
.hero22b-copy p {
  max-width: 690px;
  margin: 0;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.75;
  text-shadow: 0 20px 45px rgba(0,0,0,.75);
}
.hero22b-copy .hero-actions {
  margin-top: 34px;
}
.hero22b-sky-scene {
  position: absolute;
  z-index: 2;
  right: -6.4vw;
  top: 76px;
  width: min(74vw, 1240px);
  height: 800px;
  pointer-events: none;
  overflow: visible;
}
.hero22b-sky-scene::before {
  content:"";
  position:absolute;
  inset: -5% -4% 0 2%;
  background:
    radial-gradient(circle at 58% 14%, rgba(244,114,182,.16), transparent 27%),
    radial-gradient(circle at 50% 50%, rgba(157,248,255,.15), transparent 24%),
    radial-gradient(ellipse at 55% 82%, rgba(157,248,255,.12), transparent 40%);
  filter: blur(.2px);
  opacity:.96;
}
.hero22b-atmosphere {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
}
.hero22b-wireframe path {
  stroke: rgba(157,248,255,.42);
  fill: none;
  stroke-width: .7;
}
.hero22b-layer-title {
  fill: rgba(238,249,247,.96);
  font-family: var(--mono);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .18em;
}
.hero22b-layer-range {
  fill: #9df8ff;
  font-family: var(--mono);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .11em;
}
.hero22b-bird {
  position:absolute;
  left:58.4%;
  top:51.7%;
  width:92px;
  height:92px;
  object-fit:contain;
  transform:translate(-50%,-50%);
  filter:
    drop-shadow(0 0 14px rgba(157,248,255,.35))
    drop-shadow(0 24px 58px rgba(0,0,0,.76));
}
.public-header {
  background: rgba(3,4,5,.74);
  backdrop-filter: blur(18px);
}
@media (min-width: 1500px) {
  .hero22b-sky-scene {
    right: -3.2vw;
    width: min(70vw, 1320px);
  }
  .hero22b-copy h1 {
    font-size: 102px;
  }
}
@media (max-width: 1280px) {
  .hero.hero22b,
  .hero22b-inner {
    min-height: 820px;
  }
  .hero22b-copy {
    width: min(640px, 50vw);
  }
  .hero22b-copy h1 {
    font-size: clamp(56px, 6.4vw, 82px);
  }
  .hero22b-copy p {
    font-size: 16px;
    max-width: 600px;
  }
  .hero22b-sky-scene {
    right: -14vw;
    top: 78px;
    width: 88vw;
    height: 720px;
  }
}
@media (max-width: 1080px) {
  .hero.hero22b {
    min-height: 980px;
    padding: 112px 20px 70px;
  }
  .hero.hero22b::before {
    background: linear-gradient(to bottom, rgba(3,4,5,.90), rgba(3,4,5,.68) 40%, rgba(3,4,5,.18));
  }
  .hero22b-inner {
    min-height: auto;
    align-items: flex-start;
  }
  .hero22b-copy {
    width: min(720px, 100%);
    padding-top: 30px;
  }
  .hero22b-sky-scene {
    top: 390px;
    left: 50%;
    right: auto;
    width: 1120px;
    max-width: none;
    height: 650px;
    transform: translateX(-45%) scale(.82);
    transform-origin: 50% 0;
  }
}
@media (max-width: 760px) {
  .hero.hero22b {
    min-height: 860px;
    padding-top: 105px;
  }
  .hero22b-copy .chip {
    margin-bottom: 18px;
  }
  .hero22b-copy h1 {
    font-size: clamp(44px, 14vw, 62px);
    line-height: .96;
  }
  .hero22b-copy p {
    font-size: 15px;
    line-height: 1.65;
  }
  .hero22b-copy .hero-actions {
    gap: 10px;
  }
  .hero22b-copy .btn {
    min-height: 42px;
    padding-inline: 14px;
    font-size: 13px;
  }
  .hero22b-sky-scene {
    top: 430px;
    width: 880px;
    height: 560px;
    transform: translateX(-47%) scale(.58);
  }
  .hero22b-bird {
    width: 82px;
    height: 82px;
  }
}

/* Phase 22C — hero final alignment */
.hero22b-copy {
  width: min(850px, 54vw);
  padding-top: 34px;
}
.hero22b-copy h1 {
  max-width: 860px;
  font-size: clamp(66px, 5.15vw, 92px);
  line-height: .93;
  letter-spacing: -.073em;
}
.hero22b-line {
  display: block;
  white-space: nowrap;
}
.hero22b-copy p {
  max-width: 720px;
}
.hero22b-sky-scene {
  right: -7vw;
  top: 54px;
  width: min(80vw, 1450px);
  height: 860px;
}
.hero22b-sky-scene::before {
  inset: -4% -3% -2% -2%;
  background:
    radial-gradient(circle at 58% 14%, rgba(244,114,182,.18), transparent 28%),
    radial-gradient(circle at 52% 49%, rgba(157,248,255,.17), transparent 27%),
    radial-gradient(ellipse at 56% 82%, rgba(157,248,255,.15), transparent 43%);
}
.hero22b-wireframe {
  opacity: .58;
}
.hero22b-bird {
  top: 55%;
  width: 88px;
  height: 88px;
}
.hero22b-layer-title {
  font-size: 15.5px;
  letter-spacing: .20em;
}
.hero22b-layer-range {
  font-size: 13.5px;
}
@media (min-width: 1500px) {
  .hero22b-copy {
    width: min(880px, 52vw);
  }
  .hero22b-copy h1 {
    font-size: clamp(78px, 4.9vw, 96px);
  }
  .hero22b-sky-scene {
    right: -4.8vw;
    top: 48px;
    width: min(76vw, 1480px);
    height: 880px;
  }
  .hero22b-bird {
    width: 94px;
    height: 94px;
  }
}
@media (max-width: 1280px) {
  .hero22b-copy {
    width: min(760px, 55vw);
  }
  .hero22b-copy h1 {
    font-size: clamp(58px, 5.9vw, 78px);
  }
  .hero22b-sky-scene {
    right: -16vw;
    top: 62px;
    width: 96vw;
    height: 760px;
  }
  .hero22b-bird {
    top: 55%;
    width: 82px;
    height: 82px;
  }
}
@media (max-width: 1080px) {
  .hero22b-line {
    white-space: normal;
  }
  .hero22b-copy {
    width: min(760px, 100%);
  }
  .hero22b-sky-scene {
    top: 410px;
    right: auto;
    width: 1120px;
    height: 650px;
    transform: translateX(-45%) scale(.82);
  }
}
@media (max-width: 760px) {
  .hero22b-copy h1 {
    font-size: clamp(42px, 13vw, 58px);
    letter-spacing: -.062em;
  }
  .hero22b-sky-scene {
    top: 448px;
    width: 880px;
    height: 560px;
    transform: translateX(-47%) scale(.58);
  }
  .hero22b-bird {
    width: 78px;
    height: 78px;
  }
}

/* Phase 23 — multipage public site foundation */
.public-header--phase23 {
  min-height: 76px;
}
.public-nav--wide {
  max-width: 1380px;
  gap: 28px;
}
.public-links--grouped {
  gap: 10px;
  align-items: center;
  flex-wrap: nowrap;
}
.public-links--grouped > a,
.public-nav-group > button,
.public-nav-cta {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid transparent;
  background:transparent;
  color:var(--muted);
  font-weight:750;
  font-size:14px;
  cursor:pointer;
}
.public-links--grouped > a:hover,
.public-nav-group:hover > button,
.public-nav-group:focus-within > button {
  color:var(--accent);
  border-color:rgba(157,248,255,0.16);
  background:rgba(157,248,255,0.055);
}
.public-nav-cta {
  border-color:rgba(255,255,255,0.14) !important;
  background:rgba(255,255,255,0.055) !important;
  color:var(--text) !important;
}
.public-nav-cta:hover {
  border-color:rgba(157,248,255,0.34) !important;
  background:rgba(157,248,255,0.1) !important;
}
.public-nav-group {
  position:relative;
  display:inline-flex;
  align-items:center;
}
.public-nav-panel {
  position:absolute;
  top:calc(100% + 12px);
  left:50%;
  transform:translateX(-50%) translateY(8px);
  width:min(420px, 88vw);
  padding:10px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,0.13);
  background:rgba(5,8,10,0.96);
  backdrop-filter:blur(18px);
  box-shadow:0 30px 80px rgba(0,0,0,0.55);
  opacity:0;
  pointer-events:none;
  transition:.18s ease;
  z-index:60;
}
.public-nav-panel::before {
  content:"";
  position:absolute;
  inset:-14px 0 auto 0;
  height:14px;
}
.public-nav-group:hover .public-nav-panel,
.public-nav-group:focus-within .public-nav-panel {
  opacity:1;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
.public-nav-panel a {
  display:block;
  padding:13px 14px;
  border-radius:14px;
  border:1px solid transparent;
  color:var(--muted);
}
.public-nav-panel a:hover {
  border-color:rgba(157,248,255,0.16);
  background:rgba(157,248,255,0.06);
}
.public-nav-panel strong {
  display:block;
  color:var(--text);
  font-size:14px;
  margin-bottom:4px;
}
.public-nav-panel span {
  display:block;
  color:var(--muted-2);
  font-size:12px;
  line-height:1.45;
}
.public-page-hero {
  position:relative;
  min-height:560px;
  padding:156px 24px 82px;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,0.08);
  background:
    radial-gradient(circle at 68% 16%, rgba(157,248,255,0.10), transparent 30%),
    radial-gradient(circle at 90% 0%, rgba(244,114,182,0.095), transparent 31%),
    linear-gradient(180deg, rgba(4,6,8,1), rgba(3,4,5,0.96));
}
.public-page-hero::before {
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(3,4,5,0.96), rgba(3,4,5,0.80) 36%, rgba(3,4,5,0.20) 100%),
    radial-gradient(circle at 74% 72%, rgba(157,248,255,0.12), transparent 34%);
  pointer-events:none;
}
.public-page-stars {
  position:absolute;
  inset:0;
  opacity:.22;
  background-image:radial-gradient(circle, rgba(255,255,255,.46) 1px, transparent 1px);
  background-size:86px 86px;
  mask-image:linear-gradient(to bottom, black, transparent 86%);
}
.public-page-hero-inner {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,0.84fr) minmax(340px,0.56fr);
  gap:56px;
  align-items:center;
}
.public-page-copy h1 {
  max-width:760px;
  margin:18px 0 20px;
  font-size:clamp(46px, 6.4vw, 82px);
  line-height:.96;
  letter-spacing:-.07em;
}
.public-page-copy p {
  max-width:720px;
  margin:0;
  color:var(--muted);
  line-height:1.75;
  font-size:18px;
}
.public-page-orbit {
  position:relative;
  min-height:360px;
  display:grid;
  place-items:center;
}
.public-page-orbit::before {
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(157,248,255,0.10), transparent 58%);
  filter:blur(4px);
}
.public-page-orbit img {
  width:92px;
  height:92px;
  object-fit:contain;
  position:relative;
  z-index:3;
  filter:drop-shadow(0 0 18px rgba(157,248,255,0.34));
}
.public-page-orbit-ring {
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(157,248,255,0.22);
}
.public-page-orbit-ring.one { width:160px; height:160px; }
.public-page-orbit-ring.two { width:280px; height:280px; opacity:.65; }
.public-page-orbit-ring.three { width:410px; height:410px; opacity:.32; border-color:rgba(244,114,182,0.35); }
.public-page-section .section-head h2,
.public-page-band .section-head h2 {
  max-width:820px;
}
.public-narrative-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.public-narrative-card {
  padding:22px;
  min-height:245px;
}
.public-narrative-card span {
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  border:1px solid rgba(157,248,255,0.24);
  background:rgba(157,248,255,0.07);
  color:var(--accent);
  font-family:var(--mono);
  font-size:12px;
  margin-bottom:18px;
}
.public-narrative-card h3 {
  margin:0 0 10px;
  font-size:22px;
}
.public-narrative-card p {
  margin:0;
  color:var(--muted);
  line-height:1.65;
}
.public-page-band {
  background:rgba(255,255,255,0.018);
  border-block:1px solid var(--line);
}
.public-proof-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.public-proof-tile {
  min-height:118px;
  padding:16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,0.10);
  background:linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.016));
}
.public-proof-tile span {
  display:block;
  color:var(--accent);
  font-family:var(--mono);
  font-size:12px;
  margin-bottom:8px;
}
.public-proof-tile strong {
  display:block;
  color:var(--text);
  margin-bottom:6px;
}
.public-proof-tile p {
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}
.public-footer--phase23 {
  padding:54px 24px 28px;
}
.public-footer-grid {
  display:grid;
  grid-template-columns:1.5fr repeat(3,minmax(0,1fr));
  gap:34px;
  align-items:start;
}
.public-footer-grid p {
  color:var(--muted);
  line-height:1.7;
  max-width:390px;
}
.public-footer-grid h4 {
  margin:0 0 14px;
  color:var(--text);
  font-size:14px;
}
.public-footer-grid a:not(.brand) {
  display:block;
  color:var(--muted);
  font-size:13px;
  margin:0 0 9px;
}
.public-footer-grid a:not(.brand):hover { color:var(--accent); }
.public-footer-bottom {
  margin-top:36px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,0.09);
}
@media (max-width: 1180px) {
  .public-links--grouped { gap:5px; }
  .public-links--grouped > a,
  .public-nav-group > button,
  .public-nav-cta { padding:0 9px; font-size:13px; }
  .public-page-hero-inner { grid-template-columns:1fr; }
  .public-page-orbit { min-height:250px; opacity:.78; }
}
@media (max-width: 900px) {
  .public-nav--wide { align-items:flex-start; height:auto; min-height:80px; padding-block:12px; }
  .public-links--grouped {
    justify-content:flex-end;
    flex-wrap:wrap;
    max-width:560px;
  }
  .public-nav-panel { left:auto; right:0; transform:translateY(8px); }
  .public-nav-group:hover .public-nav-panel,
  .public-nav-group:focus-within .public-nav-panel { transform:translateY(0); }
  .public-narrative-grid,
  .public-footer-grid { grid-template-columns:1fr; }
}
@media (max-width: 680px) {
  .public-page-hero { padding-top:142px; }
  .public-page-copy h1 { font-size:42px; }
  .public-page-copy p { font-size:16px; }
  .public-links--grouped { width:100%; justify-content:flex-start; }
  .public-nav--wide { flex-direction:column; }
  .public-proof-grid { grid-template-columns:1fr; }
  .public-nav-panel { width:calc(100vw - 32px); }
}

/* Phase 24 — public Sky-Layer Science authority page */
.sky-science-hero {
  position:relative;
  min-height:760px;
  overflow:hidden;
  padding:156px 24px 92px;
  border-bottom:1px solid rgba(255,255,255,0.08);
  background:
    radial-gradient(circle at 74% 16%, rgba(244,114,182,0.12), transparent 31%),
    radial-gradient(circle at 72% 58%, rgba(157,248,255,0.14), transparent 35%),
    linear-gradient(180deg, #030405 0%, #05080a 68%, #030405 100%);
}
.sky-science-hero::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(3,4,5,0.98), rgba(3,4,5,0.88) 31%, rgba(3,4,5,0.18) 72%, rgba(3,4,5,0.05)),
    repeating-linear-gradient(to bottom, rgba(157,248,255,0.045) 0 1px, transparent 1px 84px);
}
.sky-science-hero::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:180px;
  pointer-events:none;
  background:linear-gradient(180deg, transparent, #030405 82%);
}
.sky-science-stars {
  position:absolute;
  inset:0;
  opacity:.24;
  background-image:radial-gradient(circle, rgba(255,255,255,.58) 1px, transparent 1px);
  background-size:82px 82px;
  mask-image:linear-gradient(to bottom, black 0%, transparent 88%);
}
.sky-science-hero-grid {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(360px,0.78fr) minmax(520px,1.05fr);
  gap:42px;
  align-items:center;
}
.sky-science-copy h1 {
  max-width:760px;
  margin:18px 0 22px;
  font-size:clamp(52px, 6.7vw, 92px);
  line-height:.93;
  letter-spacing:-.075em;
}
.sky-science-copy p {
  max-width:690px;
  margin:0;
  color:var(--muted);
  font-size:18px;
  line-height:1.78;
}
.sky-science-instrument {
  position:relative;
  min-height:560px;
  transform:translateX(4vw) scale(1.05);
  filter:drop-shadow(0 30px 80px rgba(0,0,0,0.55));
}
.sky-science-instrument svg {
  width:100%;
  height:auto;
  display:block;
  overflow:visible;
}
.sky-label text:first-child {
  fill:#dfeeed;
  font-family:var(--mono);
  font-size:17px;
  letter-spacing:.24em;
  font-weight:800;
}
.sky-label text:last-child {
  fill:var(--accent);
  font-family:var(--mono);
  font-size:14px;
  letter-spacing:.12em;
  font-weight:800;
}
.innovation-target {
  filter:drop-shadow(0 0 18px rgba(157,248,255,0.24));
}
.sky-layer-head-wide {
  max-width:980px;
}
.sky-layer-head-wide h2,
.sky-layer-band-grid h2,
.sky-layer-research-roadmap h2 {
  font-size:clamp(34px, 4.8vw, 62px);
  line-height:1;
  letter-spacing:-.055em;
}
.sky-layer-head-wide p,
.sky-layer-band-grid p,
.sky-layer-research-roadmap .section-head p {
  max-width:880px;
  color:var(--muted);
  font-size:17px;
  line-height:1.75;
}
.sky-layer-why-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.sky-layer-why-card {
  min-height:280px;
  padding:24px;
}
.sky-layer-why-card span {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:14px;
  margin-bottom:22px;
  color:var(--accent);
  border:1px solid rgba(157,248,255,0.24);
  background:rgba(157,248,255,0.07);
  font-family:var(--mono);
  font-size:12px;
}
.sky-layer-why-card h3,
.sky-condition-card h3,
.sky-layer-command-card h3 {
  margin:0 0 12px;
  font-size:24px;
  line-height:1.08;
}
.sky-layer-why-card p,
.sky-condition-card p {
  margin:0;
  color:var(--muted);
  line-height:1.7;
}
.sky-layer-band-system {
  position:relative;
  overflow:hidden;
  border-block:1px solid var(--line);
  background:
    radial-gradient(circle at 72% 38%, rgba(157,248,255,0.10), transparent 35%),
    rgba(255,255,255,0.018);
}
.sky-layer-band-grid {
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(420px,1fr);
  gap:42px;
  align-items:start;
}
.sky-layer-stack {
  display:flex;
  flex-direction:column;
  gap:12px;
}
.sky-layer-row {
  display:grid;
  grid-template-columns:1fr 120px;
  gap:16px;
  padding:18px 20px;
  border:1px solid rgba(255,255,255,0.09);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,0.043), rgba(255,255,255,0.014));
}
.sky-layer-row strong {
  color:var(--text);
  font-size:18px;
}
.sky-layer-row span {
  text-align:right;
  color:var(--accent);
  font-family:var(--mono);
  font-weight:800;
  font-size:13px;
}
.sky-layer-row p {
  grid-column:1/-1;
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.65;
}
.sky-layer-row.featured {
  border-color:rgba(157,248,255,0.34);
  background:
    linear-gradient(180deg, rgba(157,248,255,0.12), rgba(157,248,255,0.025)),
    rgba(255,255,255,0.02);
  box-shadow:0 0 40px rgba(157,248,255,0.08);
}
.sky-condition-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.sky-condition-card {
  padding:22px;
  min-height:245px;
}
.sky-condition-card div {
  display:inline-flex;
  min-height:34px;
  padding:0 12px;
  align-items:center;
  border-radius:999px;
  margin-bottom:18px;
  color:var(--gold);
  border:1px solid rgba(216,183,101,0.24);
  background:rgba(216,183,101,0.07);
  font-family:var(--mono);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.13em;
}
.sky-layer-research-roadmap {
  background:
    radial-gradient(circle at 20% 0%, rgba(157,248,255,0.07), transparent 34%),
    #030405;
}
.sky-layer-command-card {
  padding:24px;
}
.sky-question-list {
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-top:18px;
}
.sky-question-list div {
  display:grid;
  grid-template-columns:46px 1fr;
  gap:14px;
  align-items:start;
  padding:16px;
  border:1px solid rgba(255,255,255,0.09);
  border-radius:16px;
  background:rgba(255,255,255,0.025);
}
.sky-question-list strong {
  color:var(--accent);
  font-family:var(--mono);
  font-size:12px;
}
.sky-question-list p {
  margin:0;
  color:var(--muted);
  line-height:1.65;
  font-size:14px;
}
@media (max-width: 1180px) {
  .sky-science-hero-grid,
  .sky-layer-band-grid {
    grid-template-columns:1fr;
  }
  .sky-science-instrument {
    transform:none;
    max-width:760px;
    margin:0 auto;
  }
  .sky-layer-why-grid,
  .sky-condition-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width: 760px) {
  .sky-science-hero {
    min-height:auto;
    padding-top:140px;
  }
  .sky-science-copy h1 {
    font-size:43px;
  }
  .sky-science-copy p {
    font-size:16px;
  }
  .sky-science-instrument {
    min-height:0;
  }
  .sky-layer-why-grid,
  .sky-condition-grid {
    grid-template-columns:1fr;
  }
  .sky-layer-row,
  .sky-question-list div {
    grid-template-columns:1fr;
  }
  .sky-layer-row span {
    text-align:left;
  }
  .sky-label text:first-child { font-size:15px; }
  .sky-label text:last-child { font-size:12px; }
}

/* Phase 25 — Public Platforms, Payloads and Missions */
.public-product-hero {
  min-height: 720px;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.product-hero-grid {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0, .95fr) minmax(420px, .85fr);
  gap: clamp(34px, 5vw, 78px);
  align-items:center;
}
.product-hero-copy { max-width: 760px; }
.product-hero-copy h1 {
  font-size: clamp(48px, 6.6vw, 92px);
  line-height:.94;
  letter-spacing:-.07em;
  margin:18px 0 22px;
}
.product-hero-copy p {
  color:var(--muted);
  font-size:18px;
  line-height:1.75;
  max-width:720px;
}
.product-hero-visual,
.mission-command-visual {
  min-height: 500px;
  position:relative;
  border-radius: 36px;
}
.product-hero-visual::before,
.mission-command-visual::before {
  content:"";
  position:absolute;
  inset:4% -12% -6% 2%;
  background: radial-gradient(circle at 50% 44%, rgba(157,248,255,.20), transparent 30%), radial-gradient(circle at 62% 58%, rgba(216,183,101,.10), transparent 34%);
  filter: blur(4px);
}
.payload-stack-orbit {
  position:absolute;
  left:50%; top:50%;
  transform:translate(-50%,-50%) rotate(-16deg);
  border:1px solid rgba(157,248,255,.18);
  border-radius:50%;
  box-shadow:0 0 48px rgba(157,248,255,.10);
}
.payload-stack-orbit.outer { width:460px; height:460px; }
.payload-stack-orbit.mid { width:330px; height:330px; border-color:rgba(216,183,101,.25); transform:translate(-50%,-50%) rotate(22deg); }
.payload-stack-orbit.inner { width:205px; height:205px; border-color:rgba(157,248,255,.34); transform:translate(-50%,-50%) rotate(56deg); }
.payload-stack-core {
  position:absolute;
  left:50%; top:50%;
  transform:translate(-50%,-50%);
  width:132px; height:132px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(157,248,255,.32);
  background:rgba(3,4,5,.62);
  box-shadow:0 0 70px rgba(157,248,255,.20);
}
.payload-stack-core img { width:86px; height:86px; object-fit:contain; filter:drop-shadow(0 0 28px rgba(157,248,255,.45)); }
.payload-node {
  position:absolute;
  display:grid;
  place-items:center;
  width:92px; height:92px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(9,13,16,.72);
  color:var(--text);
  font:700 12px var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 18px 48px rgba(0,0,0,.38);
}
.payload-node.node-a { left:8%; top:21%; }
.payload-node.node-b { right:8%; top:18%; color:var(--gold); }
.payload-node.node-c { left:15%; bottom:16%; color:var(--success); }
.payload-node.node-d { right:13%; bottom:18%; color:var(--accent); }
.product-section-tight { padding-top:76px; padding-bottom:76px; }
.product-family-grid,
.public-profile-grid,
.mission-lifecycle-grid {
  display:grid;
  gap:20px;
}
.product-family-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.product-family-card,
.public-profile-card,
.mission-stage-card,
.profile-spec-card,
.mission-profile-card {
  padding:22px;
}
.product-family-card.featured,
.public-profile-card.featured {
  border-color:rgba(216,183,101,.34);
  background:linear-gradient(180deg, rgba(216,183,101,.075), rgba(255,255,255,.018));
}
.family-number,
.mission-stage-card span {
  display:inline-flex;
  width:42px; height:42px;
  border-radius:14px;
  align-items:center;
  justify-content:center;
  background:rgba(157,248,255,.08);
  border:1px solid rgba(157,248,255,.20);
  color:var(--accent);
  font:800 13px var(--mono);
  margin-bottom:18px;
}
.product-family-card h3,
.public-profile-card h3,
.mission-stage-card h3 {
  margin:0 0 12px;
  font-size:23px;
  letter-spacing:-.035em;
}
.product-family-card p,
.public-profile-card p,
.mission-stage-card p {
  margin:0;
  color:var(--muted);
  line-height:1.65;
}
.product-family-card ul {
  margin:18px 0 0;
  padding-left:18px;
  color:var(--muted);
  line-height:1.8;
}
.payload-class-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.payload-class-tile,
.proof-stack div,
.profile-proof-list div,
.mission-timeline-public div {
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
  border-radius:18px;
  padding:17px;
}
.payload-class-tile strong,
.profile-proof-list div,
.proof-stack strong,
.mission-timeline-public strong {
  display:block;
  color:var(--text);
  margin-bottom:6px;
}
.payload-class-tile span,
.profile-meta span,
.proof-stack p,
.mission-timeline-public p,
.mission-proof-row span,
.profile-spec-card p,
.mission-profile-card span {
  color:var(--muted);
  line-height:1.55;
  font-size:13px;
}
.public-profile-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.public-profile-card { min-height:350px; display:flex; flex-direction:column; align-items:flex-start; }
.public-profile-card .btn { margin-top:auto; }
.profile-meta {
  display:flex;
  flex-direction:column;
  gap:7px;
  margin:18px 0 22px;
  width:100%;
}
.profile-meta span {
  padding:8px 10px;
  border-radius:12px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.07);
}
.product-stack-section { padding-top:70px; }
.proof-stack {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.proof-stack strong { color:var(--accent); font:800 13px var(--mono); }
.proof-stack p { margin:0; color:var(--text); font-weight:700; }
.mission-command-visual { min-height:540px; }
.mission-earth-arc {
  position:absolute;
  left:6%; right:-18%; bottom:-18%; height:260px;
  border-radius:50% 50% 0 0;
  border-top:1px solid rgba(157,248,255,.38);
  background:radial-gradient(ellipse at 50% 0%, rgba(157,248,255,.17), transparent 34%), linear-gradient(180deg, rgba(10,24,34,.88), rgba(2,4,7,.98));
  box-shadow:0 -26px 90px rgba(157,248,255,.11);
}
.mission-track {
  position:absolute;
  left:50%; top:50%;
  border:1px solid rgba(157,248,255,.16);
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(-17deg);
}
.mission-track.one { width:500px; height:260px; }
.mission-track.two { width:390px; height:190px; border-color:rgba(216,183,101,.22); transform:translate(-50%,-50%) rotate(13deg); }
.mission-track.three { width:610px; height:330px; border-style:dashed; opacity:.7; }
.mission-vehicle {
  position:absolute;
  left:52%; top:34%;
  width:86px; height:86px;
  display:grid; place-items:center;
  border-radius:50%;
  background:rgba(3,4,5,.68);
  border:1px solid rgba(157,248,255,.28);
  box-shadow:0 0 62px rgba(157,248,255,.22);
}
.mission-vehicle img { width:58px; filter:drop-shadow(0 0 24px rgba(157,248,255,.5)); }
.mission-pin {
  position:absolute;
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(9,13,16,.72);
  color:var(--muted);
  font:700 11px var(--mono);
  text-transform:uppercase;
  letter-spacing:.08em;
}
.mission-pin.launch { left:17%; bottom:27%; }
.mission-pin.float { right:21%; top:29%; color:var(--accent); }
.mission-pin.downlink { right:7%; bottom:38%; color:var(--gold); }
.mission-pin.recovery { left:37%; bottom:12%; color:var(--success); }
.mission-lifecycle-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.mission-proof-panel { padding:20px; }
.mission-proof-row { display:grid; grid-template-columns:150px 1fr; gap:16px; padding:16px 0; border-bottom:1px solid rgba(255,255,255,.08); }
.mission-proof-row:last-child { border-bottom:0; }
.mission-proof-row strong { color:var(--text); }
.public-profile-hero {
  min-height:640px;
  padding:150px 24px 84px;
  position:relative;
  overflow:hidden;
  background:radial-gradient(circle at 72% 32%, rgba(157,248,255,.13), transparent 28%), radial-gradient(circle at 18% 18%, rgba(216,183,101,.07), transparent 24%), var(--bg);
}
.profile-detail-grid {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.55fr);
  gap:38px;
  align-items:center;
}
.profile-detail-copy h1 {
  font-size:clamp(54px, 8vw, 108px);
  line-height:.9;
  letter-spacing:-.075em;
  margin:18px 0 20px;
}
.profile-detail-copy p {
  color:var(--muted);
  font-size:18px;
  line-height:1.75;
  max-width:760px;
}
.profile-detail-visual {
  min-height:330px;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.10);
  background:radial-gradient(circle at 50% 45%, rgba(157,248,255,.18), transparent 36%), rgba(255,255,255,.025);
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
}
.profile-detail-visual::before,
.profile-detail-visual::after {
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(157,248,255,.18);
}
.profile-detail-visual::before { width:260px; height:260px; }
.profile-detail-visual::after { width:180px; height:180px; border-color:rgba(216,183,101,.18); }
.profile-detail-visual img {
  position:relative;
  z-index:2;
  width:110px;
  filter:drop-shadow(0 0 34px rgba(157,248,255,.48));
}
.profile-detail-visual span {
  position:absolute;
  right:24px;
  bottom:22px;
  color:rgba(255,255,255,.10);
  font-size:88px;
  font-weight:900;
  letter-spacing:-.08em;
}
.profile-spec-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.profile-spec-card strong { display:block; color:var(--accent); margin-bottom:8px; font:800 12px var(--mono); text-transform:uppercase; letter-spacing:.1em; }
.profile-spec-card p { margin:0; color:var(--text); font-weight:700; }
.profile-proof-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.mission-profile-card strong { display:block; margin:14px 0 6px; color:var(--accent); font:800 12px var(--mono); text-transform:uppercase; letter-spacing:.1em; }
.mission-profile-card strong:first-child { margin-top:0; }
.mission-timeline-public {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.mission-timeline-public h3 { margin:0 0 8px; }
@media (max-width: 1180px) {
  .product-hero-grid,
  .profile-detail-grid { grid-template-columns:1fr; }
  .product-hero-visual,
  .mission-command-visual { min-height:420px; }
  .product-family-grid,
  .public-profile-grid,
  .mission-lifecycle-grid { grid-template-columns:1fr; }
  .proof-stack,
  .profile-spec-grid,
  .mission-timeline-public { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .public-product-hero { min-height:auto; padding-top:120px; }
  .product-hero-visual,
  .mission-command-visual { min-height:320px; transform:scale(.88); transform-origin:center top; margin-bottom:-30px; }
  .payload-class-grid,
  .proof-stack,
  .profile-spec-grid,
  .profile-proof-list,
  .mission-timeline-public { grid-template-columns:1fr; }
  .mission-proof-row { grid-template-columns:1fr; gap:4px; }
  .payload-stack-orbit.outer { width:340px; height:340px; }
  .payload-stack-orbit.mid { width:245px; height:245px; }
  .payload-stack-orbit.inner { width:160px; height:160px; }
  .payload-node { width:74px; height:74px; font-size:10px; }
  .mission-track.one { width:360px; height:200px; }
  .mission-track.two { width:270px; height:140px; }
  .mission-track.three { width:420px; height:245px; }
}

/* Phase 26 — Government & Institutional Partnership Layer */
.public-header--phase26 .public-nav { max-width: 1400px; }
.public-nav-panel--wide-menu { min-width: 380px; grid-template-columns: 1fr; }
.public-footer-grid--phase26 { grid-template-columns: 1.25fr repeat(4, minmax(0, 1fr)); }
.partner-hero,
.partner-detail-hero {
  min-height: 720px;
  padding: 160px 24px 94px;
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(3,4,5,1) 0%, rgba(3,4,5,.92) 38%, rgba(3,4,5,.40) 75%, rgba(3,4,5,.92) 100%),
    radial-gradient(circle at 74% 32%, rgba(157,248,255,.15), transparent 34%),
    radial-gradient(circle at 18% 12%, rgba(216,183,101,.07), transparent 24%),
    var(--bg);
}
.partner-hero::after,
.partner-detail-hero::after {
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:170px;
  background:linear-gradient(to bottom, transparent, var(--bg));
  pointer-events:none;
}
.partner-hero-inner,
.partner-detail-inner {
  position:relative;
  z-index:2;
}
.partner-copy,
.partner-detail-copy { max-width: 790px; }
.partner-copy h1,
.partner-detail-copy h1 {
  font-size: clamp(54px, 7.4vw, 106px);
  line-height:.9;
  letter-spacing:-.075em;
  margin:18px 0 22px;
}
.partner-copy p,
.partner-detail-copy p {
  color:var(--muted);
  font-size:18px;
  line-height:1.72;
  max-width:760px;
}
.partner-hero-atmosphere,
.partner-detail-shell {
  position:absolute;
  right:-10vw;
  top:54px;
  width:min(900px, 68vw);
  height:680px;
  pointer-events:none;
  opacity:.95;
}
.partner-arc,
.partner-detail-orbit {
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(157,248,255,.18);
  transform:rotate(-12deg);
}
.partner-arc.arc-one,
.partner-detail-orbit.one { width:760px; height:310px; right:0; top:160px; border-color:rgba(157,248,255,.36); box-shadow:0 0 70px rgba(157,248,255,.08); }
.partner-arc.arc-two,
.partner-detail-orbit.two { width:620px; height:240px; right:80px; top:230px; border-color:rgba(216,183,101,.26); transform:rotate(10deg); }
.partner-arc.arc-three,
.partner-detail-orbit.three { width:980px; height:430px; right:-120px; top:30px; border-style:dashed; border-color:rgba(167,139,250,.18); }
.partner-earth {
  position:absolute;
  right:-5%;
  bottom:-70px;
  width:780px;
  height:260px;
  border-radius:50% 50% 0 0;
  border-top:1px solid rgba(157,248,255,.42);
  background:radial-gradient(ellipse at 50% 0%, rgba(157,248,255,.20), transparent 34%), linear-gradient(180deg, rgba(10,24,34,.86), rgba(2,4,7,.98));
  box-shadow:0 -34px 110px rgba(157,248,255,.13);
}
.partner-hero-atmosphere img,
.partner-detail-shell img {
  position:absolute;
  left:44%; top:42%;
  width:96px;
  filter:drop-shadow(0 0 36px rgba(157,248,255,.55));
}
.partner-detail-beam {
  position:absolute;
  left:48%;
  top:18%;
  width:1px;
  height:430px;
  background:linear-gradient(to bottom, transparent, rgba(157,248,255,.46), transparent);
  box-shadow:0 0 24px rgba(157,248,255,.35);
}
.partner-value-grid,
.partner-track-grid,
.partner-detail-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.partner-value-card,
.partner-track-card,
.partner-usecase-card {
  padding:24px;
  min-height:230px;
}
.partner-value-card span,
.partner-track-card span,
.partner-usecase-card span,
.partner-program-steps span {
  display:inline-flex;
  width:44px;
  height:44px;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  border:1px solid rgba(157,248,255,.22);
  background:rgba(157,248,255,.07);
  color:var(--accent);
  font:800 12px var(--mono);
  margin-bottom:18px;
}
.partner-value-card h3,
.partner-track-card h3,
.partner-usecase-card h3 {
  margin:0 0 12px;
  font-size:24px;
  letter-spacing:-.035em;
}
.partner-value-card p,
.partner-track-card p,
.partner-usecase-card p {
  margin:0;
  color:var(--muted);
  line-height:1.65;
}
.partner-track-card.featured,
.partner-detail-proof,
.partner-cta-card {
  border-color:rgba(216,183,101,.34);
  background:linear-gradient(180deg, rgba(216,183,101,.075), rgba(255,255,255,.018));
}
.partner-split,
.partner-detail-split { align-items:start; margin-bottom:26px; }
.partner-matrix,
.partner-detail-proof {
  padding:22px;
}
.partner-matrix {
  display:grid;
  gap:12px;
}
.partner-matrix div,
.partner-detail-proof {
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:rgba(255,255,255,.035);
  padding:17px;
}
.partner-matrix strong,
.partner-detail-proof strong,
.partner-program-steps strong {
  display:block;
  color:var(--text);
  margin-bottom:6px;
}
.partner-matrix span,
.partner-detail-proof p,
.partner-program-steps p {
  color:var(--muted);
  line-height:1.55;
  font-size:14px;
  margin:0;
}
.partner-detail-proof .btn { margin-top:18px; }
.partner-section--band {
  background:linear-gradient(180deg, rgba(157,248,255,.035), rgba(255,255,255,.012));
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.partner-proof-layout {
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
  gap:30px;
  align-items:start;
}
.partner-program-steps {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.partner-program-steps--two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.partner-program-steps div {
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
  border-radius:18px;
  padding:18px;
}
.partner-cta-card {
  padding:28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.partner-cta-card h2 { margin:10px 0; font-size:clamp(30px, 4vw, 54px); line-height:1; letter-spacing:-.055em; }
.partner-cta-card p { color:var(--muted); line-height:1.65; max-width:760px; margin:0; }
.partner-detail-grid { margin-top:26px; }
.partner-detail-shell { opacity:.82; }
.contact-route-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width: 1180px) {
  .public-footer-grid--phase26,
  .partner-value-grid,
  .partner-track-grid,
  .partner-detail-grid,
  .contact-route-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .partner-proof-layout { grid-template-columns:1fr; }
  .partner-program-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .partner-hero-atmosphere,
  .partner-detail-shell { opacity:.28; right:-24vw; }
}
@media (max-width: 760px) {
  .partner-hero,
  .partner-detail-hero { min-height:auto; padding-top:122px; }
  .partner-copy h1,
  .partner-detail-copy h1 { font-size:clamp(44px, 14vw, 68px); }
  .public-footer-grid--phase26,
  .partner-value-grid,
  .partner-track-grid,
  .partner-detail-grid,
  .contact-route-grid,
  .partner-program-steps,
  .partner-program-steps--two { grid-template-columns:1fr; }
  .partner-cta-card { flex-direction:column; align-items:flex-start; }
  .partner-hero-atmosphere,
  .partner-detail-shell { display:none; }
}

/* Phase 27 — public research, reports and media authority layer */
.public-header--phase26.public-header--phase23 .public-nav--wide { max-width: 1420px; }
.research-centre-hero,
.media-centre-hero,
.research-detail-hero,
.media-detail-hero {
  min-height: 760px;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 22%, rgba(157,248,255,0.13), transparent 28%),
    radial-gradient(circle at 88% 70%, rgba(216,183,101,0.07), transparent 34%),
    linear-gradient(120deg, rgba(3,4,5,0.98), rgba(5,10,17,0.96));
}
.research-centre-inner,
.media-centre-inner { position:relative; z-index:2; }
.research-centre-copy,
.media-centre-copy { max-width: 760px; }
.research-hero-instrument,
.media-hero-system,
.research-detail-system,
.media-detail-system {
  position:absolute;
  inset:auto -7vw -90px auto;
  width:min(760px, 58vw);
  height:min(760px, 58vw);
  pointer-events:none;
  opacity:.9;
}
.research-detail-system,
.media-detail-system { inset: 120px -4vw auto auto; width:min(620px,52vw); height:min(620px,52vw); opacity:.76; }
.research-radar-ring,
.media-signal {
  position:absolute;
  border:1px solid rgba(157,248,255,0.22);
  border-radius:50%;
  inset:12%;
  box-shadow:0 0 70px rgba(157,248,255,0.08), inset 0 0 80px rgba(157,248,255,0.04);
}
.research-radar-ring.ring-two,
.media-signal.signal-two { inset:25%; border-color:rgba(216,183,101,0.25); transform:rotate(18deg) scaleX(1.18); }
.research-radar-ring.ring-three,
.media-signal.signal-three { inset:38%; border-color:rgba(167,139,250,0.22); transform:rotate(-14deg) scaleX(1.34); }
.research-hero-instrument img,
.media-hero-system img,
.research-detail-system img,
.media-detail-system img {
  position:absolute;
  left:50%;
  top:48%;
  width:96px;
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 0 34px rgba(157,248,255,0.55));
}
.research-data-column {
  position:absolute;
  bottom:8%;
  width:8px;
  border-radius:99px;
  background:linear-gradient(to top, rgba(157,248,255,0.04), rgba(157,248,255,0.55));
  box-shadow:0 0 22px rgba(157,248,255,0.22);
}
.research-data-column.one { left:28%; height:42%; }
.research-data-column.two { left:38%; height:56%; }
.research-data-column.three { left:49%; height:33%; }
.media-earthline {
  position:absolute;
  left:6%; right:0; bottom:10%; height:32%;
  border-top:1px solid rgba(157,248,255,0.34);
  border-radius:50% 50% 0 0;
  background:radial-gradient(ellipse at 50% 0%, rgba(157,248,255,0.16), transparent 62%);
}
.research-section,
.media-section { position:relative; }
.research-index-section,
.media-section { background:linear-gradient(180deg, rgba(255,255,255,0.01), rgba(157,248,255,0.018)); }
.research-library-grid,
.media-hub-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.research-library-grid--detail,
.media-hub-grid--detail { grid-template-columns:repeat(2,minmax(0,1fr)); }
.research-library-card,
.media-hub-card {
  min-height:250px;
  padding:22px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.research-library-card.featured,
.media-hub-card.featured { grid-column:span 2; }
.research-library-card > span,
.media-hub-card > span,
.research-timeline-step > span {
  display:inline-flex;
  width:max-content;
  min-width:42px;
  height:42px;
  padding:0 12px;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  border:1px solid rgba(157,248,255,0.24);
  color:var(--accent);
  background:rgba(157,248,255,0.06);
  font-family:var(--mono);
  font-weight:800;
  font-size:13px;
}
.research-library-card h3,
.media-hub-card h3,
.research-timeline-step h3 { margin:0; font-size:24px; letter-spacing:-.035em; }
.research-library-card p,
.media-hub-card p,
.research-timeline-step p { margin:0; color:var(--muted); line-height:1.65; }
.research-library-card strong,
.media-hub-card strong { margin-top:auto; color:var(--accent); font-size:13px; font-family:var(--mono); text-transform:uppercase; letter-spacing:.12em; }
.research-feature-band,
.media-section--band { background:radial-gradient(circle at 70% 30%, rgba(157,248,255,0.06), transparent 38%); }
.research-proof-split,
.media-editorial-split { align-items:center; }
.research-metric-board,
.media-pillar-board {
  padding:20px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.research-metric-board div,
.media-pillar-board div {
  border:1px solid rgba(255,255,255,0.08);
  background:rgba(255,255,255,0.025);
  border-radius:16px;
  padding:16px;
}
.research-metric-board strong,
.media-pillar-board strong { display:block; color:var(--text); font-size:22px; letter-spacing:-.035em; }
.research-metric-board span,
.media-pillar-board span { display:block; color:var(--muted); font-size:13px; margin-top:6px; line-height:1.5; }
.research-timeline-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.research-timeline-step { padding:20px; min-height:230px; }
.public-footer-grid--phase27 { grid-template-columns:1.35fr repeat(5,minmax(0,1fr)); }
@media (max-width: 1180px) {
  .research-library-grid,
  .media-hub-grid,
  .research-timeline-grid,
  .public-footer-grid--phase27 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .research-hero-instrument,
  .media-hero-system,
  .research-detail-system,
  .media-detail-system { opacity:.34; width:70vw; height:70vw; }
}
@media (max-width: 760px) {
  .research-library-grid,
  .media-hub-grid,
  .research-library-grid--detail,
  .media-hub-grid--detail,
  .research-metric-board,
  .media-pillar-board,
  .research-timeline-grid,
  .public-footer-grid--phase27 { grid-template-columns:1fr; }
  .research-library-card.featured,
  .media-hub-card.featured { grid-column:auto; }
  .research-hero-instrument,
  .media-hero-system,
  .research-detail-system,
  .media-detail-system { display:none; }
  .research-centre-hero,
  .media-centre-hero,
  .research-detail-hero,
  .media-detail-hero { min-height:auto; }
}

/* Phase 30 — Public inquiry and executive briefing intake */
.public-inquiry-section { position: relative; }
.public-inquiry-layout { align-items: start; }
.public-inquiry-form {
  padding: 22px;
  overflow: visible;
}
.public-inquiry-form .form-grid { gap: 14px; }
.public-inquiry-form .form-actions { margin-top: 2px; }
.hidden-field {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
.contact-route-list {
  display: grid;
  gap: 12px;
  margin-top: 22px;
}
.contact-route-list div {
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 16px;
  padding: 14px 15px;
  background: rgba(255,255,255,0.025);
}
.contact-route-list strong,
.public-inquiry-card h3 {
  display: block;
  color: var(--text);
  margin-bottom: 5px;
}
.contact-route-list span {
  display: block;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}
.public-inquiry-list {
  display: grid;
  gap: 16px;
}
.public-inquiry-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 18px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 18px;
  background: rgba(255,255,255,0.025);
}
.public-inquiry-head {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.public-inquiry-main h3 {
  margin: 0 0 8px;
  font-size: 22px;
  letter-spacing: -0.03em;
}
.public-inquiry-main p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}
.public-inquiry-meta {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 14px 0;
}
.public-inquiry-meta span {
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 999px;
  padding: 7px 10px;
  color: var(--muted);
  font-size: 12px;
  background: rgba(255,255,255,0.025);
}
.public-inquiry-message {
  border-left: 3px solid rgba(157,248,255,0.4);
  padding: 10px 0 10px 14px;
  color: var(--muted);
  line-height: 1.65;
  white-space: pre-wrap;
}
.public-inquiry-actions {
  display: grid;
  gap: 10px;
}
.public-inquiry-actions textarea { min-height: 110px; }
@media (max-width: 1080px) {
  .public-inquiry-card { grid-template-columns: 1fr; }
}