/* Approved direction D: anthracite to silver. Loaded after draft-map.css. */
html.draft-v3 {
  --canvas: #dee4e6;
  --canvas-2: #dee4e6;
  --panel: rgba(244,247,247,.94);
  --panel-hi: #f4f7f7;
  --brand-navy: #171c21;
  --brand-blue: #637e8b;
  --accent: #7f9ca9;
  --accent-hover: #6b8996;
  --accent-muted: rgba(127,156,169,.14);
  --text-primary: #29363c;
  --text-secondary: #57666d;
  --hairline: rgba(41,54,60,.16);
  --hairline-strong: rgba(41,54,60,.28);
  --lift: 0 15px 38px rgba(35,48,54,.10), 0 2px 7px rgba(35,48,54,.05);
  --lift-hi: 0 21px 48px rgba(35,48,54,.15), 0 4px 12px rgba(35,48,54,.07);
  background: #dee4e6;
}

html.draft-v3 body { background: #dee4e6; color: #29363c; }
html.draft-v3 :focus-visible { outline-color: #7f9ca9; }

/* Keep the approved morning image luminous on the aircraft side. */
html.draft-v3 .hdr.solid { background: rgba(23,28,33,.91); }
html.draft-v3 .hdr::before {
  background: linear-gradient(180deg,rgba(23,28,33,.72),rgba(23,28,33,.30) 58%,rgba(23,28,33,0));
}
html.draft-v3 .nav a:hover,
html.draft-v3 .lang button:hover { color: #fff; }
html.draft-v3 .hero { background: #171c21; }
html.draft-v3 .hero-media { filter: saturate(.96) contrast(1.01); }
html.draft-v3 .hero .scrim {
  background:
    linear-gradient(90deg,rgba(23,28,33,.86) 0%,rgba(23,28,33,.74) 30%,rgba(23,28,33,.35) 58%,rgba(23,28,33,.04) 100%),
    linear-gradient(180deg,rgba(23,28,33,.12) 0%,transparent 45%,rgba(23,28,33,.50) 100%);
}
html.draft-v3 .hero-in .lede { color: #e7eef0; }
html.draft-v3 .hero-facts { border-top-color: rgba(244,247,247,.28); }

/* The full map remains dark; the light sequence starts only after it. */
html.draft-v3 .geo.geo-bleed { background: #171c21 !important; }
html.draft-v3 .geo-stage .map {
  background: radial-gradient(ellipse at 50% 57%,rgba(74,88,96,.30),transparent 54%),#171c21;
}
html.draft-v3 .geo-stage .map::after {
  background: linear-gradient(180deg,rgba(23,28,33,.35) 0%,rgba(23,28,33,.08) 38%,rgba(23,28,33,.68) 100%);
}
html.draft-v3 .geo-code[aria-selected="true"] {
  background: linear-gradient(180deg,#f4f7f7,#dee4e6);
  color: #29363c;
}
html.draft-v3 .map-detail {
  background: linear-gradient(145deg,rgba(74,88,96,.96),rgba(23,28,33,.97));
  border-color: rgba(244,247,247,.32);
}

/* The same silver canvas runs through every information section. */
html.draft-v3 .sec:not(.geo) {
  --from: #dee4e6;
  --to: #dee4e6;
  --text-primary: #29363c;
  --text-secondary: #57666d;
  --hairline: rgba(41,54,60,.16);
  --hairline-strong: rgba(41,54,60,.28);
  --panel: rgba(244,247,247,.94);
  --panel-hi: #f4f7f7;
  color: #29363c;
  background: #dee4e6;
}
html.draft-v3 .sec:not(.geo) .kicker { color: #5b7783; }
html.draft-v3 .sec:not(.geo) .sec-head .lede { color: #57666d; }

/* The only dark-to-light gradient sits in the empty top padding of Why. */
html.draft-v3 .why::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: min(84px,8vw);
  background: linear-gradient(180deg,#171c21 0%,#4a5860 35%,#dee4e6 100%);
  pointer-events: none;
}

/* White mineral surfaces keep the raised cards legible against silver. */
html.draft-v3 .why-i.flip .flip-b,
html.draft-v3 .card.flip .flip-b,
html.draft-v3 .card.flip .flip-f,
html.draft-v3 #how .how-demo,
html.draft-v3 .req-side,
html.draft-v3 .req-ok,
html.draft-v3 .acc details {
  background: linear-gradient(155deg,#f4f7f7,rgba(237,242,243,.94));
  border-color: rgba(255,255,255,.86);
  box-shadow: inset 0 1px 0 #fff,var(--lift);
}
html.draft-v3 .why-i.flip .flip-b,
html.draft-v3 .card.flip .flip-b,
html.draft-v3 #how .how-demo { color: #29363c; }
html.draft-v3 .why-i.flip .flip-b p,
html.draft-v3 .card.flip .flip-b p,
html.draft-v3 .card.flip .card-body p { color: #57666d; }
html.draft-v3 .step-n,
html.draft-v3 .sec.alt .step-n {
  background: linear-gradient(155deg,#f4f7f7,#dee4e6);
  color: #5b7783;
  border-color: #fff;
}
html.draft-v3 .card.flip .card-body h3,
html.draft-v3 .card.flip .flip-b h3 { color: #29363c; }
html.draft-v3 .card.flip .hint,
html.draft-v3 .card.flip .lnk,
html.draft-v3 #how .how-demo-ref { color: #526e7a; }

/* Quality stays on the shared canvas; its hold control is one dark instrument. */
html.draft-v3 .sec.quality {
  --text-primary: #29363c;
  --text-secondary: #57666d;
  --hairline: rgba(41,54,60,.16);
  --hairline-strong: rgba(41,54,60,.28);
  color: #29363c;
  background: #dee4e6;
}
html.draft-v3 .quality .kicker { color: #5b7783; }
html.draft-v3 .quality .sec-head .lede,
html.draft-v3 .quality .q-item p { color: #57666d; }
html.draft-v3 .quality .q-hold {
  --text-primary: #f4f7f7;
  --text-secondary: #c5d1d5;
  --panel-hi: #7f9ca9;
  color: #f4f7f7;
  background: linear-gradient(155deg,#4a5860,#171c21);
  border-color: rgba(244,247,247,.30);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 18px 48px rgba(23,28,33,.19);
}
html.draft-v3 .quality .hold-steps li { color: #c5d1d5; }
html.draft-v3 .quality .hold-steps li.lit { color: #f4f7f7; }
html.draft-v3 .quality .hold-btn {
  color: #29363c;
  background: linear-gradient(180deg,#f4f7f7,#dee4e6);
  border-color: #fff;
  box-shadow: inset 0 1px 0 #fff,0 8px 20px rgba(0,0,0,.20);
}
html.draft-v3 .quality .hold-btn:hover { background: linear-gradient(180deg,#fff,#e8eeef); }
html.draft-v3 .quality .hold-done { color: #dce9ee; }

html.draft-v3 .acc summary::after { color: #607f8d; }
html.draft-v3 input,
html.draft-v3 select,
html.draft-v3 textarea {
  background: rgba(244,247,247,.96);
  color: #29363c;
  border-color: rgba(41,54,60,.20);
}
html.draft-v3 input:focus,
html.draft-v3 select:focus,
html.draft-v3 textarea:focus { border-color: #7f9ca9; background: #f4f7f7; }
html.draft-v3 option { background: #f4f7f7; color: #29363c; }
html.draft-v3 .request .btn-ghost {
  color: #29363c;
  background: linear-gradient(180deg,#f4f7f7,#e9eef0);
  border-color: #fff;
}

/* The form intro is part of its panel, not a section-sized pause. */
html.draft-v3 #request .req-form > .sec-head { margin-bottom: 24px; }
@media (min-width: 1081px) {
  html.draft-v3 #request .req-grid { align-items: stretch; }
  html.draft-v3 #request .req-form {
    min-width: 0;
    padding: 30px 28px;
    border: 1px solid rgba(255,255,255,.86);
    border-radius: var(--r);
    background: linear-gradient(155deg,#f4f7f7,rgba(237,242,243,.94));
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: inset 0 1px 0 #fff,var(--lift);
  }
}

/* The return to anthracite occupies only the request section's bottom padding. */
html.draft-v3 .ftr {
  background: #171c21;
  border-top-color: transparent;
  color: #f4f7f7;
  --text-primary: #f4f7f7;
  --text-secondary: #becbd0;
  --hairline: rgba(244,247,247,.18);
}
html.draft-v3 .ftr::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: min(88px,9vw);
  background: linear-gradient(180deg,rgba(23,28,33,0),#171c21);
  pointer-events: none;
}
html.draft-v3 .ftr-col a,
html.draft-v3 .ftr-col p { color: #e5edef; }
html.draft-v3 .ftr-col h5,
html.draft-v3 .ftr-bot p { color: #becbd0; }

@media (max-width: 560px) {
  html.draft-v3 .hero .scrim {
    background: linear-gradient(180deg,rgba(23,28,33,.49),rgba(23,28,33,.59) 48%,rgba(23,28,33,.82));
  }
  html.draft-v3 .why::before { height: 70px; }
  html.draft-v3 .ftr::before { height: 68px; }
}
@media (max-width: 860px) {
  html.draft-v3 .nav { background: rgba(23,28,33,.97); }
}