/* Minimal clean theme */
:root{
  --bg:#0b0c10; --panel:#111217; --text:#e6e6e6; --muted:#a6a6a6;
  --g1:#d5b56d; --g2:#f0d98a; --link:#c9a85c;
  --site-canvas:2300px;
  --site-pad-x:40px;
  --site-font:26px;
}
*{box-sizing:border-box}
/* Reserve the scrollbar's width on BOTH sides so the centered content column
   (.container margin:0 auto) can't be nudged off-center by the scrollbar —
   keeps the left/right side margins visually balanced. */
html{scrollbar-gutter:stable both-edges}
body{margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,'Noto Sans',sans-serif;
  font-size:var(--site-font);
  line-height:1.6;color:var(--text);
  /* Soft central glow lifts the content zone so the side margins read as
     depth, not dead black; fades to the base tone at the edges. */
  background:
    radial-gradient(1200px 780px at 50% 12%, rgba(213,181,109,.06), transparent 62%),
    radial-gradient(1000px 700px at 50% 40%, rgba(255,255,255,.028), transparent 60%),
    #0b0c10;
  background-attachment:fixed
}
.container{width:100%;max-width:var(--site-canvas);margin:0 auto;padding:40px var(--site-pad-x)}
.header{position:sticky;
  top:0;background:rgba(11,12,16,.7);
  backdrop-filter:blur(10px);
  border-bottom:1px solid #1e2230}
/* Logo pinned left; nav links centered in the full bar (1fr | auto | 1fr) */
.nav{display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;gap:36px}
.brand{display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color:var(--text);font-weight:700}
.brand img{height:108px;width:auto;border-radius:0;display:block}
.navlinks{display:flex;
  justify-content:center;
  gap:50px}
.navlinks a{color:var(--text);
  text-decoration:none;
  padding:20px 26px;border-radius:18px}
.navlinks a:hover{background:#171a24}
.navlinks a.cta{border:1px solid #3d2e14;border-radius:18px;color:#e8ca85}
/* Active page highlight (script.js / markup sets aria-current) */
.navlinks a[aria-current="page"]{background:#171a24;color:#e8ca85}
.hero{padding:116px 0 50px;
  border-bottom:1px solid #1e2230}
h1{font-size:40px;margin:0 0 10px}
.lede{color:var(--muted);max-width:70ch}
.section{padding:56px 0;
  border-bottom:1px solid #1e2230}
.grid{display:grid;
  grid-template-columns:repeat(auto-fit,minmax(410px,1fr));gap:34px}
.card{padding:38px;
  border:1px solid #1e2230;
  border-radius:16px;
  background:linear-gradient(180deg,#12141c,#0f131a)}
.footer{padding:32px 0 40px;color:#9aa4b2}
.footer a{color:var(--link);text-decoration:none}
.footer hr{border:0;border-top:1px solid #1e2230;margin:34px 0 26px}
.footer-brandmark{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:26px;
  text-align:center;
  margin:8px auto 12px;
}
.footer-eagle{
  display:block;
  height:118px;
}
.footer-eagle img{
  display:block;
  height:118px;
  width:auto;
}
.footer-motto{
  margin:0;
  color:var(--text);
  font-size:24px;
  font-weight:600;
  line-height:1.3;
}
.footer-copy{text-align:center;margin:10px 0 0}
/* Footer body text reads larger than the generic .small utility so the
   tagline and copyright are legible against the footer's larger headings. */
.footer .small{font-size:0.95em}
.footer .footer-copy{font-size:0.8em}
.btn,.button{display:inline-block;
  padding:22px 32px;
  border-radius:20px;
  text-decoration:none;
  color:var(--text);
  border:1px solid #2a2218;
  background:linear-gradient(180deg,#16140e,#0f0d08);
  transition:border-color .15s ease, background .15s ease}
.btn:hover,.button:hover{border-color:#3d2e14}
.btn.primary,.button{color:#e8ca85;border-color:#3d2e14}
.btn.ghost{color:var(--text);border-color:#2a2f45;background:#0b0f16}
.btn.ghost:hover{border-color:#3c4668}
.small{font-size:16px;color:var(--muted)}

/* Accessibility niceties */
:focus-visible{outline:2px solid var(--link);outline-offset:2px}
@media (prefers-reduced-motion: reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}

/* Balanced services grid */
.services-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap:34px;
  align-items: stretch;
}
.svc{
  /* remove grid-column rule so auto-fit can do its job */
  border:1px solid #1e2230; border-radius:24px; padding:38px;
  background: linear-gradient(180deg,#12141c,#0f131a);
  display:flex; flex-direction:column; gap:8px; /* tidy vertical rhythm */
}

.turnaround-blurb {
  border:1px solid #1e2230;
  border-radius:24px;
  padding:42px 38px;
  background:linear-gradient(180deg,#12141c,#0f131a);
}

/* Ensure all content containers stay centered */
.wrap {
  margin: 0;
  padding: 0;
}