:root {
  --ink: #1b2022;
  --ink-2: #252b2d;
  --panel: #ffffff;
  --panel-2: #e7e5dd;
  --line: rgba(32, 37, 39, .14);
  --silver: #555e60;
  --muted: #697274;
  --paper: #f5f4ef;
  --yellow: #f2b21d;
  --yellow-soft: #f8c44c;
  --green: #668575;
  --radius: 6px;
  --shadow: 0 18px 55px rgba(24, 29, 31, .13);
}

body {
  color: var(--ink);
  background: var(--paper);
}

.site-header,
.site-header.scrolled {
  background: rgba(32, 37, 39, .97);
  border-color: rgba(255, 255, 255, .10);
  backdrop-filter: blur(14px);
}

.main-nav a { color: #e5e6e3; }
.main-nav a:hover,
.main-nav a[aria-current="page"] { color: var(--yellow); }
.menu-toggle { color: #fff; }
.nav-cta,
.button { border-radius: 3px; }

.hero {
  min-height: 660px;
  background: #f7f5ef;
}

.hero::before {
  inset: 96px 0 0;
  background:
    linear-gradient(90deg, #f7f5ef 0%, #f7f5ef 38%, rgba(247,245,239,.88) 50%, rgba(247,245,239,.10) 73%, rgba(247,245,239,.02) 100%),
    linear-gradient(0deg, #f7f5ef 0%, transparent 23%),
    url("../images/hero-process-audit.webp") 61% center / cover no-repeat;
  transform: none;
}

.hero::after {
  width: 330px;
  height: 330px;
  right: 5vw;
  top: 138px;
  border: 0;
  border-top: 1px solid rgba(242,178,29,.48);
  border-right: 1px solid rgba(242,178,29,.48);
  border-radius: 0;
  box-shadow: none;
  background: repeating-linear-gradient(90deg, transparent 0 54px, rgba(255,255,255,.08) 54px 55px);
  opacity: .8;
}

.hero-content { padding-top: 164px; }
.hero h1 { max-width: 760px; color: var(--ink); }
.hero .lead { color: #4f585a; max-width: 640px; }
.button-secondary { color: var(--ink); border-color: rgba(32, 37, 39, .45); background: rgba(255,255,255,.58); }
.button-secondary:hover { border-color: var(--ink); background: #fff; }
.trust-line { color: #485154; }
.trust-line span::before { border-radius: 0; width: 8px; height: 2px; vertical-align: 3px; }

.section-dark {
  background:
    linear-gradient(rgba(27,32,34,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(27,32,34,.035) 1px, transparent 1px),
    #e9e7e0;
  background-size: 42px 42px;
}
.section-mid {
  color: #f7f5ef;
  background:
    radial-gradient(circle at 88% 22%, rgba(243,173,0,.18), transparent 28%),
    linear-gradient(125deg, #2d3436, #222729);
}
.section-mid .lead,
.section-mid .step p { color: #cdd1d1; }
.section-mid .process { border-color: rgba(255,255,255,.22); }
.section-mid .step { border-color: rgba(255,255,255,.20); }

.service-card,
.service-card.featured {
  min-height: 420px;
  padding-top: 190px;
  color: var(--ink);
  background: #fff;
  border-color: rgba(32, 37, 39, .13);
  box-shadow: 0 12px 36px rgba(38, 44, 46, .08);
}

.service-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 150px;
  background: url("../images/quick-check.webp") center / cover no-repeat;
}

.service-card::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 125px;
  height: 45px;
  background: linear-gradient(0deg, #fff, transparent);
}

.service-card:nth-child(1)::before { background-size: cover; background-position: center 47%; }
.service-card:nth-child(2)::before { background-position: center center; }
.service-card:nth-child(3)::before { background-position: right center; }
.service-card:nth-child(4)::before { background-position: left center; }
.service-card:nth-child(5)::before { background-image: url("../images/industrial-quality-strip.webp"); background-size: 300% auto; background-position: right center; }
.service-card:nth-child(6)::before { background-position: center center; }
.service-card > * { position: relative; z-index: 2; }
.service-card:hover {
  transform: translateY(-6px);
  border-color: rgba(243,173,0,.7);
  background: #fffdf7;
  box-shadow: 0 22px 45px rgba(38,44,46,.15);
}
.service-card p { color: var(--muted); }
.price-chip { color: #4d5658; top: 166px; }
.service-card h3 { margin-top: 20px; }
.service-card.featured h3 { max-width: 500px; }
.traffic { margin-top: 18px; }

.image-frame {
  min-height: 560px;
  box-shadow: var(--shadow);
}
.image-frame::after {
  background: linear-gradient(90deg, transparent 72%, #fcfbf7 100%);
}
.copy-stack .lead,
.copy-stack li { color: #515b5d; }
.copy-stack .button-secondary { background: var(--ink); color: #fff; border-color: var(--ink); }

.page-hero {
  color: var(--ink);
  background:
    linear-gradient(90deg, rgba(247,245,239,.99), rgba(247,245,239,.92) 48%, rgba(247,245,239,.25)),
    url("../images/hero-process-audit.webp") right center / 68% auto no-repeat,
    #f7f5ef;
  border-color: var(--line);
}
.page-hero .lead { color: #50595b; }
.breadcrumb { color: #6d7577; }
.prose p,
.prose li { color: #525b5d; }
.aside-card {
  background: #fff9e8;
  box-shadow: var(--shadow);
}
.aside-card .meta { color: #60686a; }
.notice { color: #535c5e; background: #f2f0e9; }

.contact-panel { box-shadow: var(--shadow); }
.contact-copy { background: #f0eee7; }
.contact-copy .lead { color: #525b5d; }

.legal p,
.legal li { color: #525b5d; }
.legal a { color: #9a6a00; text-decoration: underline; }

.cta-band { background: linear-gradient(110deg, #e3a30d, #f2b21d); }
.site-footer { color: #f5f4ef; }
.site-footer .footer-brand p { color: #aeb5b7; }

@media (max-width: 960px) {
  .main-nav { background: rgba(32,37,39,.99); }
  .hero::before {
    background:
      linear-gradient(90deg, rgba(247,245,239,.98), rgba(247,245,239,.78)),
      url("../images/hero-process-audit.webp") center / cover no-repeat;
  }
  .image-frame::after { background: linear-gradient(0deg, #fcfbf7, transparent 45%); }
}

@media (max-width: 680px) {
  .hero { min-height: 735px; }
  .hero::before {
    background:
      linear-gradient(0deg, #f7f5ef 9%, rgba(247,245,239,.93) 45%, rgba(247,245,239,.62)),
      url("../images/hero-process-audit.webp") 18% center / cover no-repeat;
  }
  .hero-content { padding-top: 145px; }
  .service-card,
  .service-card.featured { min-height: 410px; padding-top: 180px; }
  .page-hero {
    background:
      linear-gradient(90deg, rgba(247,245,239,.97), rgba(247,245,239,.78)),
      url("../images/hero-process-audit.webp") center / cover no-repeat;
  }
}

.price-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.price-card { padding:34px; border:1px solid rgba(242,178,29,.42); border-radius:6px; background:#fff; color:#1b2022; box-shadow:0 18px 45px rgba(24,29,31,.10); }
.price-card h2 { font-size:clamp(1.55rem,3vw,2.2rem); }
.price-card > p:not(.eyebrow) { margin-top:18px; color:#535c5e; }
.price-card .price-amount { color:#9a6a00; font-size:2.4rem; font-weight:900; }
.price-card .button { margin-top:24px; }
.price-footnote { margin-top:28px; color:#525b5d; max-width:900px; }
.price-tax-note { margin-top:32px; color:#d9b85c; font-weight:700; }
.price-tax-note a { text-decoration:underline; text-underline-offset:4px; }
@media(max-width:680px){.price-grid{grid-template-columns:1fr}.price-card{padding:26px}}