.fleet-page {
  --fleet-cyan: #52ded3;
  --fleet-teal: #0c8c84;
  --fleet-blue: #2c8eb6;
  --fleet-gold: #e0ad4b;
  --fleet-red: #ee3b4f;
  --fleet-ink: #10272d;
  --fleet-muted: #61777c;
  --fleet-line: #d4e1de;
  --fleet-paper: #f3f7f5;
  --fleet-card: #fffefa;
  background: var(--fleet-paper);
}

.fleet-topbar { border-bottom-color: rgba(82, 222, 211, 0.16); }
.fleet-planner-link { display: inline-flex; }

.fleet-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(390px, 0.72fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
  min-height: 650px;
  padding: clamp(5rem, 9vw, 8rem) max(5vw, calc((100vw - 1400px) / 2));
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 76% 28%, rgba(82, 222, 211, 0.18), transparent 26%),
    radial-gradient(circle at 10% 90%, rgba(238, 59, 79, 0.12), transparent 30%),
    linear-gradient(128deg, #051722 0%, #082936 56%, #0c3a43 100%);
}
.fleet-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 530px;
  height: 530px;
  right: -190px;
  top: -210px;
  border: 70px solid rgba(255, 255, 255, 0.035);
  border-radius: 50%;
}
.fleet-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: 0.26;
  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: 42px 42px;
  mask-image: linear-gradient(90deg, transparent, #000 55%, transparent);
}
.fleet-hero-copy { max-width: 790px; }
.fleet-hero .ops-eyebrow { color: var(--fleet-cyan); }
.fleet-hero h1 {
  max-width: 820px;
  margin: 0.6rem 0 1.1rem;
  font: 600 clamp(3rem, 5.8vw, 6.2rem)/0.98 Georgia, "Times New Roman", serif;
  letter-spacing: -0.055em;
}
.fleet-hero-lead { max-width: 750px; margin: 0; color: #d6e4e5; font-size: clamp(1.03rem, 1.5vw, 1.23rem); }
.fleet-hero .ops-hero-actions { margin-top: 1.8rem; }
.fleet-hero-guardrail { display: flex; gap: 0.75rem; max-width: 720px; margin-top: 1.45rem; color: #aec7c9; font-size: 0.82rem; }
.fleet-hero-guardrail svg { flex: 0 0 auto; width: 1.2rem; color: var(--fleet-cyan); }

.fleet-command-card {
  position: relative;
  padding: clamp(1.4rem, 2.3vw, 2rem);
  border: 1px solid rgba(160, 238, 232, 0.22);
  border-radius: 1.6rem;
  background: linear-gradient(145deg, rgba(10, 40, 51, 0.93), rgba(5, 23, 34, 0.92));
  box-shadow: 0 36px 90px rgba(0,0,0,.28);
  backdrop-filter: blur(14px);
}
.fleet-command-card::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; border-radius: inherit; background: linear-gradient(90deg, var(--fleet-cyan), var(--fleet-blue), var(--fleet-gold)); }
.fleet-command-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.fleet-command-heading small, .fleet-command-heading strong { display: block; }
.fleet-command-heading small { color: #9bb6b9; font-size: 0.7rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.fleet-command-heading strong { margin-top: .15rem; font: 600 1.15rem Georgia, serif; }
.fleet-status { display: inline-flex; align-items: center; gap: .35rem; padding: .42rem .65rem; border-radius: 999px; background: rgba(82, 222, 211, .1); color: var(--fleet-cyan); font-size: .68rem; font-weight: 850; }
.fleet-status svg { width: .9rem; }
.fleet-command-primary { margin: 1.3rem 0; padding: 1.2rem 0; border-block: 1px solid rgba(255,255,255,.1); }
.fleet-command-primary span, .fleet-command-primary strong, .fleet-command-primary small { display: block; }
.fleet-command-primary span { color: #9fb9bc; font-size: .74rem; font-weight: 800; }
.fleet-command-primary strong { margin: .2rem 0; color: #fff; font: 600 clamp(2.2rem, 4vw, 3.5rem) Georgia, serif; letter-spacing: -.035em; }
.fleet-command-primary small { color: var(--fleet-cyan); font-weight: 800; }
.fleet-command-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .7rem; }
.fleet-command-grid article { padding: .85rem; border: 1px solid rgba(255,255,255,.08); border-radius: .85rem; background: rgba(255,255,255,.035); }
.fleet-command-grid span, .fleet-command-grid strong { display: block; }
.fleet-command-grid span { color: #90acaf; font-size: .68rem; font-weight: 750; }
.fleet-command-grid strong { margin-top: .22rem; color: #fff; font-size: 1.02rem; }
.fleet-command-card > p { margin: 1rem 0 0; color: #88a4a8; font-size: .72rem; }

.fleet-principles { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 1400px; margin: -2.3rem auto 0; padding: 0 5vw; position: relative; z-index: 2; }
.fleet-principles article { display: flex; gap: 1rem; padding: 1.35rem 1.55rem; border: 1px solid var(--fleet-line); background: rgba(255,254,250,.98); box-shadow: 0 18px 48px rgba(4,35,42,.08); }
.fleet-principles article:first-child { border-radius: 1.15rem 0 0 1.15rem; }
.fleet-principles article:last-child { border-radius: 0 1.15rem 1.15rem 0; }
.fleet-principles article + article { border-left: 0; }
.fleet-principles span { color: var(--fleet-red); font: 700 .82rem Georgia, serif; }
.fleet-principles h2 { margin: 0; font: 600 1.05rem Georgia, serif; }
.fleet-principles p { margin: .35rem 0 0; color: var(--fleet-muted); font-size: .8rem; }

.fleet-section { max-width: 1500px; margin: 0 auto; padding: clamp(5rem, 8vw, 8rem) 5vw; }
.fleet-section--tint { max-width: none; padding-inline: max(5vw, calc((100vw - 1500px) / 2)); background: linear-gradient(135deg, #e9f3f0, #f8f5ec); }
.fleet-section--dark { max-width: none; padding-inline: max(5vw, calc((100vw - 1500px) / 2)); color: #fff; background: linear-gradient(135deg, #061722, #0a3039 75%, #103e43); }
.fleet-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 3rem; margin-bottom: 2rem; }
.fleet-section-heading > div { max-width: 790px; }
.fleet-section-heading h2 { margin: .45rem 0 0; font: 600 clamp(2.3rem, 4.7vw, 4.8rem)/1 Georgia, serif; letter-spacing: -.04em; }
.fleet-section-heading > p { max-width: 500px; margin: 0; color: var(--fleet-muted); font-size: .98rem; }
.fleet-section--dark .ops-eyebrow { color: var(--fleet-cyan); }
.fleet-section--dark .fleet-section-heading > p { color: #b9cdce; }

.fleet-model-layout { display: grid; grid-template-columns: minmax(500px, .95fr) minmax(430px, .86fr); gap: 1.2rem; align-items: start; }
.fleet-panel { border: 1px solid var(--fleet-line); border-radius: 1.25rem; background: var(--fleet-card); box-shadow: 0 20px 54px rgba(7, 40, 48, .07); }
.fleet-input-panel { padding: clamp(1.1rem, 2.4vw, 2rem); }
.fleet-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.fleet-panel-heading small, .fleet-panel-heading h3 { display: block; }
.fleet-panel-heading small { color: var(--fleet-teal); font-size: .67rem; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.fleet-panel-heading h3 { margin: .15rem 0 0; font: 600 clamp(1.2rem, 2vw, 1.65rem) Georgia, serif; }
.fleet-panel-heading > svg { width: 1.45rem; color: var(--fleet-red); }
.fleet-currency-row { display: grid; grid-template-columns: minmax(180px, .45fr) 1fr; gap: 1rem; align-items: end; margin: 1.3rem 0; padding: .9rem; border-radius: .9rem; background: #edf7f4; }
.fleet-currency-row p { display: flex; align-items: center; gap: .5rem; margin: 0 0 .7rem; color: #607579; font-size: .75rem; }
.fleet-currency-row svg { flex: 0 0 auto; width: 1rem; color: var(--fleet-teal); }
.fleet-input-panel fieldset { margin: 1.15rem 0 0; padding: 0; border: 0; }
.fleet-input-panel legend { width: 100%; padding: 0 0 .45rem; border-bottom: 1px solid var(--fleet-line); color: var(--fleet-ink); font: 600 1rem Georgia, serif; }
.fleet-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .8rem; margin-top: .85rem; }
.fleet-form-grid label:last-child:nth-child(odd) { grid-column: span 2; }
.fleet-input-panel label { position: relative; color: #4f666b; font-size: .74rem; font-weight: 850; }
.fleet-input-panel input, .fleet-input-panel select { padding-right: 6.5rem; background: #fff; font-weight: 700; }
.fleet-currency-row select { padding-right: .8rem; }
.fleet-input-panel label > small { position: absolute; right: .75rem; bottom: .78rem; color: #89999b; font-size: .65rem; font-weight: 750; pointer-events: none; }
.fleet-model-note { display: flex; gap: .75rem; margin-top: 1.2rem; padding: 1rem; border-left: 4px solid var(--fleet-gold); border-radius: 0 .8rem .8rem 0; background: #fbf2de; }
.fleet-model-note svg { flex: 0 0 auto; width: 1.15rem; color: #9a6b18; }
.fleet-model-note p { margin: 0; color: #5f5d54; font-size: .76rem; }
.fleet-inline-actions { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.1rem; }
.fleet-inline-actions span { color: #3f826c; font-size: .72rem; font-weight: 800; }

.fleet-output-column { display: grid; gap: 1.2rem; position: sticky; top: 100px; }
.fleet-output-column .fleet-panel { padding: clamp(1.1rem, 2.4vw, 1.65rem); }
.fleet-results-card { overflow: hidden; }
.fleet-result-hero { margin: 1.15rem -1.65rem 0; padding: 1.25rem 1.65rem; color: #fff; background: linear-gradient(105deg, var(--navy), #0c4b53); }
.fleet-result-hero span, .fleet-result-hero strong, .fleet-result-hero small { display: block; }
.fleet-result-hero span { color: #b4ccce; font-size: .74rem; font-weight: 800; }
.fleet-result-hero strong { margin: .18rem 0; font: 600 clamp(2.2rem, 4.3vw, 3.65rem) Georgia, serif; letter-spacing: -.04em; }
.fleet-result-hero small { color: var(--fleet-cyan); font-weight: 800; }
.fleet-result-list { margin-top: .65rem; }
.fleet-result-list > div { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .55rem 0; border-bottom: 1px solid #e4ebe9; font-size: .78rem; }
.fleet-result-list span { color: var(--fleet-muted); }
.fleet-result-list strong { color: var(--fleet-ink); }
.fleet-result-list .fleet-result-subtotal { margin-top: .15rem; border-bottom-color: #9ebbb6; }
.fleet-return-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: .7rem; margin-top: .85rem; }
.fleet-return-grid article { padding: .8rem; border-radius: .8rem; background: #edf7f4; }
.fleet-return-grid span, .fleet-return-grid strong { display: block; }
.fleet-return-grid span { color: var(--fleet-muted); font-size: .68rem; font-weight: 800; }
.fleet-return-grid strong { margin-top: .2rem; color: var(--fleet-teal); font: 600 1.45rem Georgia, serif; }
.fleet-comparison-group { margin-top: 1.1rem; }
.fleet-comparison-label { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: .55rem; font-size: .74rem; }
.fleet-comparison-label span { color: var(--fleet-muted); font-weight: 800; }
.fleet-comparison-label strong { color: var(--fleet-teal); }
.fleet-bars { display: grid; gap: .4rem; }
.fleet-bars > div { display: grid; grid-template-columns: 58px minmax(60px,1fr) 88px; gap: .5rem; align-items: center; font-size: .67rem; }
.fleet-bars span { color: #77898c; }
.fleet-bars b { display: block; height: .55rem; border-radius: 999px; background: #d7e1df; }
.fleet-bars > div:first-child b { background: #97aaa7; }
.fleet-bars > div:last-child b { background: linear-gradient(90deg, var(--fleet-teal), var(--fleet-cyan)); }
.fleet-bars strong { text-align: right; font-size: .68rem; }
.fleet-detail-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: .6rem; margin-top: 1rem; }
.fleet-detail-grid article { padding: .7rem; border: 1px solid var(--fleet-line); border-radius: .7rem; }
.fleet-detail-grid span, .fleet-detail-grid strong { display: block; }
.fleet-detail-grid span { color: var(--fleet-muted); font-size: .63rem; font-weight: 800; }
.fleet-detail-grid strong { margin-top: .16rem; font: 600 .92rem Georgia, serif; }
.fleet-summary-card > p { margin: 1rem 0; padding: .9rem; border-radius: .75rem; background: #f3f6f4; color: #53686c; font-size: .74rem; }
.fleet-summary-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.fleet-summary-actions .ops-button { min-height: 38px; padding: .55rem .72rem; font-size: .7rem; }
#modelActionStatus { display: block; min-height: 1.1rem; margin-top: .6rem; color: var(--fleet-teal); font-size: .7rem; font-weight: 800; }

.fleet-pilot-layout { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(340px,.65fr); gap: 1.3rem; align-items: start; }
.fleet-pilot-steps { display: grid; grid-template-columns: repeat(2,1fr); gap: .8rem; margin: 0; padding: 0; list-style: none; }
.fleet-pilot-steps li { display: flex; gap: .8rem; padding: 1.2rem; border: 1px solid rgba(8,126,121,.16); border-radius: 1rem; background: rgba(255,254,250,.9); }
.fleet-pilot-steps li > span { color: var(--fleet-red); font: 700 .74rem Georgia, serif; }
.fleet-pilot-steps h3 { margin: 0; font: 600 1.1rem Georgia, serif; }
.fleet-pilot-steps p { margin: .35rem 0 0; color: var(--fleet-muted); font-size: .78rem; }
.fleet-readiness-card { padding: 1.3rem; }
.fleet-progress { height: .65rem; margin-top: 1.1rem; overflow: hidden; border-radius: 999px; background: #dde6e3; }
.fleet-progress span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--fleet-teal), var(--fleet-cyan)); transition: width .2s ease; }
.fleet-progress-label { display: flex; justify-content: space-between; gap: 1rem; margin: .55rem 0 .8rem; font-size: .7rem; }
.fleet-progress-label span { color: var(--fleet-muted); }
.fleet-checklist { display: grid; gap: .45rem; }
.fleet-checklist label { display: flex; align-items: flex-start; gap: .55rem; padding: .62rem; border: 1px solid var(--fleet-line); border-radius: .7rem; background: #fff; color: #53696d; font-size: .72rem; font-weight: 750; }
.fleet-checklist input { width: 1rem; min-height: auto; margin: .12rem 0 0; padding: 0; accent-color: var(--fleet-teal); }
.fleet-readiness-card .ops-button { margin-top: .85rem; }
.fleet-privacy-note { display: flex; gap: .5rem; margin: .8rem 0 0; color: var(--fleet-muted); font-size: .68rem; }
.fleet-privacy-note svg { flex: 0 0 auto; width: .95rem; color: var(--fleet-teal); }

.fleet-networker-flow { display: grid; grid-template-columns: repeat(4,1fr); gap: .8rem; margin-top: 2rem; }
.fleet-networker-flow article { position: relative; padding: 1.3rem; border: 1px solid rgba(82,222,211,.16); border-radius: 1rem; background: rgba(255,255,255,.045); }
.fleet-networker-flow article > svg { width: 1.6rem; color: var(--fleet-cyan); }
.fleet-networker-flow article > span { position: absolute; right: 1rem; top: .85rem; color: rgba(255,255,255,.25); font: 700 1.5rem Georgia, serif; }
.fleet-networker-flow h3 { margin: 1rem 0 .35rem; font: 600 1.14rem Georgia, serif; }
.fleet-networker-flow p { margin: 0; color: #b4c9ca; font-size: .78rem; }
.fleet-networker-notice { display: flex; gap: 1rem; margin-top: 1rem; padding: 1.2rem; border: 1px solid rgba(224,173,75,.26); border-radius: 1rem; background: rgba(224,173,75,.08); }
.fleet-networker-notice > svg { flex: 0 0 auto; color: var(--fleet-gold); }
.fleet-networker-notice strong { font: 600 1.1rem Georgia, serif; }
.fleet-networker-notice p { margin: .3rem 0 0; color: #bfd0d1; font-size: .78rem; }
.fleet-dark-actions { display: flex; gap: .7rem; margin-top: 1.1rem; }

.fleet-safeguard-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: .8rem; }
.fleet-safeguard-grid article { padding: 1.2rem; border: 1px solid var(--fleet-line); border-radius: 1rem; background: #fffefa; }
.fleet-safeguard-grid svg { width: 1.35rem; color: var(--fleet-red); }
.fleet-safeguard-grid h3 { margin: .85rem 0 .3rem; font: 600 1.12rem Georgia, serif; }
.fleet-safeguard-grid p { margin: 0; color: var(--fleet-muted); font-size: .78rem; }
.fleet-assumption-banner { display: flex; gap: .85rem; margin-top: 1rem; padding: 1.1rem; border-radius: .9rem; background: #0b2b37; color: #d4e1e2; }
.fleet-assumption-banner svg { flex: 0 0 auto; color: var(--fleet-cyan); }
.fleet-assumption-banner p { margin: 0; font-size: .8rem; }
.fleet-footer { margin-top: 0; }

@media (max-width: 1180px) {
  .fleet-topbar .ops-nav { display: none; }
  .fleet-topbar .ops-menu-toggle { display: inline-grid; }
  .fleet-model-layout { grid-template-columns: 1fr; }
  .fleet-output-column { position: static; grid-template-columns: repeat(2,1fr); }
  .fleet-summary-card { grid-column: 1 / -1; }
  .fleet-networker-flow { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 900px) {
  .fleet-hero { grid-template-columns: 1fr; min-height: auto; padding-top: 5.5rem; }
  .fleet-command-card { max-width: 680px; }
  .fleet-principles { grid-template-columns: 1fr; margin-top: 0; padding-top: 1rem; }
  .fleet-principles article, .fleet-principles article:first-child, .fleet-principles article:last-child { border: 1px solid var(--fleet-line); border-radius: .9rem; }
  .fleet-principles article + article { margin-top: .55rem; }
  .fleet-section-heading { display: block; }
  .fleet-section-heading > p { margin-top: 1rem; }
  .fleet-pilot-layout { grid-template-columns: 1fr; }
  .fleet-safeguard-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 720px) {
  .fleet-planner-link, .fleet-topbar .ops-actions > a { display: none; }
  .fleet-hero { padding-inline: 1rem; }
  .fleet-hero h1 { font-size: clamp(2.7rem, 13vw, 4.4rem); }
  .fleet-principles, .fleet-section { padding-inline: 1rem; }
  .fleet-section--tint, .fleet-section--dark { padding-inline: 1rem; }
  .fleet-model-layout { display: block; }
  .fleet-output-column { display: grid; grid-template-columns: 1fr; margin-top: 1rem; }
  .fleet-summary-card { grid-column: auto; }
  .fleet-form-grid { grid-template-columns: 1fr; }
  .fleet-form-grid label:last-child:nth-child(odd) { grid-column: auto; }
  .fleet-currency-row { grid-template-columns: 1fr; }
  .fleet-currency-row p { margin: 0; }
  .fleet-pilot-steps, .fleet-networker-flow, .fleet-safeguard-grid { grid-template-columns: 1fr; }
  .fleet-dark-actions { flex-direction: column; align-items: stretch; }
  .fleet-summary-actions .ops-button { flex: 1 1 44%; }
  .fleet-footer { padding-inline: 1rem; }
}

@media (max-width: 430px) {
  .fleet-command-grid, .fleet-return-grid, .fleet-detail-grid { grid-template-columns: 1fr; }
  .fleet-bars > div { grid-template-columns: 52px minmax(40px,1fr) 76px; }
  .fleet-inline-actions { align-items: flex-start; flex-direction: column; }
}

@media print {
  .fleet-topbar, .skip-link, .fleet-hero .ops-hero-actions, .fleet-summary-actions, .fleet-readiness-card button, .fleet-dark-actions, .fleet-footer { display: none !important; }
  .fleet-page { background: #fff; }
  .fleet-hero { min-height: auto; padding: 1rem 0 2rem; color: #111; background: #fff; }
  .fleet-hero-copy { display: none; }
  .fleet-command-card { width: 100%; color: #111; border-color: #aaa; box-shadow: none; background: #fff; }
  .fleet-command-card * { color: #111 !important; }
  .fleet-principles, .fleet-section { max-width: none; margin: 0; padding: 1rem 0; }
  .fleet-principles { display: none; }
  .fleet-section:not(#fleet-model) { display: none; }
  .fleet-section-heading { margin-bottom: 1rem; }
  .fleet-model-layout { grid-template-columns: .95fr 1.05fr; }
  .fleet-output-column { position: static; }
  .fleet-panel { break-inside: avoid; box-shadow: none; }
}