:root { --navy: #032b47; --pale: #f5f8fa; --cyan: #2dc0eb; --orange: #f58a2c; --blue: #075487; --line: #dce8f0; --muted: #4e6777; --ink: #1a364b; }
/* Blue and orange identity from the supplied Armour brochure. */
.topbar{background:#075487;color:#fff}.topbar b{color:#ffbc80}
header{border-bottom:3px solid var(--orange)}
.brand{color:#08649f}.brand img{width:51px;height:66px}.brand small{letter-spacing:.7px}
.button,.floating-contact{background:var(--orange);border-color:var(--orange);color:#183348}
.button:hover,.floating-contact:hover{background:#ffad61;border-color:#ffad61;color:#15364c}
.hero-shade{background:linear-gradient(90deg,rgba(4,54,91,.95),rgba(4,54,91,.72) 43%,rgba(4,54,91,.08) 90%),linear-gradient(0deg,rgba(4,54,91,.65),transparent 45%)}
.hero h1 em{color:#ffb46f}.hero .eyebrow.light{color:#ffcb9c}
.page-hero{background:linear-gradient(120deg,#075487,#007bb8);border-bottom:5px solid var(--orange)}
.page-hero .breadcrumb,.page-hero>div>p:last-child,.stats p,.training-banner p,.healthcare p,.home-sectors .section-heading>p,.sector-preview p,.contact p{color:#e0edf6}
.contact .form-help{color:var(--muted)}
.stats{background:#075487;border-bottom:4px solid var(--orange)}
.section .eyebrow{color:#00689e}.section .eyebrow.light,.home-sectors .eyebrow,.healthcare .eyebrow,.contact .eyebrow{color:#ffcb9c}
.photo-note{background:#f58a2c;color:#15364c}.page-cta{background:#fff1e5;border-top:1px solid #fbd2ae}
.service-card:hover{background:#fff4e9}.sector-preview>a:hover{background:#075487}
.why-caption{background:#075487ed}.home-reading-progress{background:var(--orange)}
.full-footer{border-top:5px solid var(--blue);background:#f3f7fa}
.full-footer>div>a.brand{display:flex;align-items:center;gap:12px}.full-footer .brand img{width:48px;height:60px;flex-shrink:0}
.footer-sub{line-height:1.6;letter-spacing:.4px}
.brochure-section{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;background:#f2f6f9}
.brochure-section h2{max-width:650px}.brochure-section .check-list{margin-bottom:12px}
.brochure-visual{border-bottom:5px solid var(--orange);background:var(--blue)}
.brochure-photo{position:relative;overflow:hidden;aspect-ratio:var(--photo-ratio);width:100%;background:#e4ebef}
.brochure-photo img{position:absolute;width:var(--photo-width);max-width:none;height:auto;left:var(--photo-left);top:var(--photo-top);display:block}
.brochure-photo--full img{inset:0;left:0;top:0;width:100%;height:100%;max-width:100%;object-fit:cover}
.training-practice-section{background:#f4f7f8}
.training-practice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}
.training-practice-grid figure{min-width:0;margin:0;overflow:hidden;background:#fff;border:1px solid #e1e8ec;border-radius:5px;box-shadow:0 12px 30px rgba(16,48,67,.08)}
.training-practice-grid img{display:block;width:100%;height:360px;aspect-ratio:auto;object-fit:contain;object-position:center;background:#e8edf0;transition:none}
.training-practice-grid figcaption{min-height:60px;padding:16px 18px;border-top:3px solid var(--orange);color:var(--ink);font-size:14px;font-weight:700;line-height:1.4}
@media(max-width:900px){.training-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.training-practice-grid img{height:320px}}
@media(max-width:620px){.training-practice-grid{grid-template-columns:1fr;gap:16px}.training-practice-grid img{height:300px}.training-practice-grid figcaption{min-height:0}}
.brochure-caption{display:block;padding:18px 24px;color:#fff;font-size:11px;font-weight:700;letter-spacing:2px}
.brochure-gallery{background:#f2f6f9}.brochure-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.brochure-photo-grid figure{margin:0;align-self:start;background:#fff;border-bottom:3px solid var(--orange)}
.brochure-photo-grid figcaption{padding:18px 20px;font-size:14px;line-height:1.6}
.brochure-section .download,.brochure-gallery .download{color:#00689e}
@media(max-width:900px){.brochure-section{gap:35px}.brochure-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.brand img{height:54px;width:42px}.brand small{font-size:7px;letter-spacing:.4px}.brochure-section{grid-template-columns:1fr;gap:30px}.brochure-photo-grid{grid-template-columns:1fr}.brochure-section h2{font-size:32px}.training-banner>strong{font-size:44px}.hero-shade{background:linear-gradient(90deg,#04365bf2,#04365b85)}.full-footer .brand{max-width:100%}.footer-sub{font-size:8px!important}}
/* Full brochure content and refreshed homepage banner. */

/* --- Professional Aesthetics Override --- */
/* Add a clean shadow and remove the basic border */
header, .home-page header {
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06) !important;
  border-bottom: none !important;
}

/* Make nav links look sharper */
nav > a:not(.button) {
  font-weight: 600 !important;
  color: #1a364b !important;
  transition: all 0.2s ease-in-out !important;
}

/* Subtle, professional hover state for links */
nav > a:not(.button):hover {
  color: #00689e !important;
  transform: translateY(-1px);
}

/* Active page link styling */
nav > a[aria-current="page"]:not(.button) {
  color: #00689e !important;
}

/* Polish the Contact button to look more like a premium corporate button */
nav > a.button {
  background: linear-gradient(135deg, #075487, #00689e) !important;
  color: white !important;
  border: none !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  box-shadow: 0 4px 12px rgba(7, 84, 135, 0.25) !important;
  transition: all 0.2s ease !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.15) !important;
}

nav > a.button:hover {
  background: linear-gradient(135deg, #00689e, #075487) !important;
  box-shadow: 0 6px 16px rgba(7, 84, 135, 0.35) !important;
  transform: translateY(-2px) !important;
}

/* Refine the top bar */
.topbar {
  background: #032b47 !important; 
  color: #cfd8dc !important;
}
.topbar a {
  color: #ffc58c !important;
}
.topbar a:hover {
  color: white !important;
}

