/* Royal navy / metallic silver / charcoal brand palette. */
:root {
  --navy: #0e2256;
  --navy-2: #1a346c;
  --ink: #1c2945;
  --muted: #596374;
  --aqua: #cbd1dc;
  --aqua-dark: #636e83;
  --ivory: #f2f3f6;
  --paper: #fbfbfd;
  --line: #d5d8df;
  --border-dark: #63718d;
  --silver-brushed: linear-gradient(115deg, #eef0f5 0%, #a6afbf 31%, #d4dae5 54%, #8994a8 77%, #f2f3f7 100%);
}

body { background: #fafbfc; }
.site-header { background: #0a1c4d; border-bottom-color: #c6cfdf2e; }
.brand-mark { background: var(--silver-brushed); color: #0d2156; }
.brand-mark i { background: #0d2156; }
.site-header nav a:hover { color: #d5dbea; }
nav .nav-contact { border-color: #a6afc5; }
nav .nav-contact span { color: #e4e6ee; }

.hero {
  background: radial-gradient(circle at 80% 39%, #1d3977 0, #0e255c 30%, #0a1b47 72%, #081539 100%);
}
.hero-grid {
  background-image: linear-gradient(to right, #8d9ec01c 1px, transparent 1px),
    linear-gradient(to bottom, #8d9ec01c 1px, transparent 1px);
  opacity: .85;
}
.eyebrow { color: #596c87; }
.eyebrow-line { background: #8d99ac; }
.eyebrow.light { color: #b5bfd2; }
.eyebrow.light .eyebrow-line { background: #c3ccd9; }
.hero h1 em, .framework h2 em, .contact h2 em {
  background: var(--silver-brushed);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.hero-intro { color: #c8d0e1; }
.button-primary { background: var(--silver-brushed); color: #122453; box-shadow: inset 0 1px 0 #ffffff7a; }
.button-primary:hover { background: linear-gradient(115deg,#fff,#c9cfdb); }
.light-link { border-bottom-color: #8a98af; }
.light-link span { color: #d1d7e5; }
.rings { border-color: #bec7dd25; }
.cabin-drawing { filter: drop-shadow(0 0 35px #b9c6e330); }
.drawing-label { color: #bdc8dc; }
.label-south b, .hero-bottom span span { color: #d4d9e6; }
.hero-coordinate { color: #99a8c8; }
.hero-bottom { color: #a5b1c7; border-top-color: #d4dbed29; }

.credentials { background: #e8ebf0; border-bottom-color: #ccd3df; }
.credential-grid>div { border-right-color: #c9cfd9; }
.credential-grid strong { color: #12234f; }
.credential-grid strong span { color: #66748e; }
.credential-grid p { color: #465165; }
.credential-note { color: #36465f!important; }

.section-head h2 em, .about h2 em { color: #58657b; }
.services { background: #fafbfc; }
.service-card { background: #edeff3; border-color: #d2d6dd; }
.service-card.featured {
  background: linear-gradient(155deg, #e0e4eb 0%, #f1f2f5 52%, #d7dce5 100%);
  border-color: #a9b2c1;
  box-shadow: inset 0 2px 0 #ffffffbf;
}
.card-index { color: #596578; }
.card-symbol, .aside-star { color: #475e83; }
.card-main p { color: #596271; }
.card-foot { color: #596b88; border-top-color: #c1c8d3; }
.card-glyph span { background: linear-gradient(90deg, #546681, #acb6c5); }
.service-aside { border-bottom-color: #d0d4dc; }
.service-aside p { color: #545e6d; }
.text-link { border-bottom-color: #667287; }
.text-link span { color: #526586; }

.framework { background: linear-gradient(125deg, #111f47 0%, #1b356f 100%); }
.framework:before { border-color: #cbd2df25; box-shadow: 0 0 0 60px #cbd2df09, 0 0 0 120px #cbd2df06; }
.framework-lead>p:not(.eyebrow) { color: #bec6d7; }
.standard-list { border-top-color: #7987a552; }
.standard-list>div { border-bottom-color: #7987a552; }
.standard-list span { color: #d4dae5; }
.standard-list p { color: #c3cbd9; }
.framework-note { color: #c4cbd9; border-top-color: #6a789751; }
.framework-note span { color: #d8dde7; }

.process { background: #f0f2f5; }
.steps { border-block-color: #bac2cd; }
.steps article { border-right-color: #c5cbd4; }
.step-no { color: #526785; }
.steps p { color: #5f6a7b; }

.about { background: #fff; }
.about-graphic { background: linear-gradient(140deg, #d6dae2 0%, #edf0f4 48%, #b5bdcb 100%); }
.about-graphic:before { border-color: #64748e77; }
.about-graphic:after { border-color: #8491a857; }
.about-frame { border-color: #76839c85; background: linear-gradient(125deg,#eef0f4d6,#bfc7d4dd); }
.about-frame span { color: #122756; }
.about-frame small { color: #4d5e78; }
.about-corner { color: #4f607b; }
.about-copy>p:not(.eyebrow) { color: #616b7a; }

.contact { background: linear-gradient(120deg, #142a5e 0%, #23385d 100%); }
.contact-grid>div>p:not(.eyebrow) { color: #ccd3e0; }
.contact-action { border-top-color: #d0d5df; }
.contact-action>span { color: #cad2e0; }
.contact-action>a span { color: #d7dfeb; }
.contact-action>p { color: #bac4d4; }
.footer { background: #0a1940; }
.footer-row { border-bottom-color: #a9b2c53c; }
.footer-row p, .footer-bottom { color: #a9b3c6; }
.footer-row>a:last-child { color: #d1d6e2; }

@media(max-width:720px) {
  .site-header nav { background: #0a1c4d; border-bottom-color: #7885a3; }
  .menu-toggle { border-color: #8894ac; }
  .menu-toggle span { background: #e2e7f0; }
  .credential-grid>div { border-bottom-color: #c9d0da; }
  .steps article { border-bottom-color: #c5cbd4; }
}