:root {
  --audit-navy: #082653;
  --audit-blue: #1267e8;
  --audit-cyan: #087f92;
  --audit-green: #008b75;
  --audit-border: #dce5ef;
  --audit-muted: #52657f;
  --audit-surface: #f6f9fc;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.audit-landing {
  margin: 0;
  color: var(--audit-navy);
  background: #fff;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}

.audit-container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }

.audit-hero { position: relative; overflow: hidden; padding: 38px 0 28px; background: linear-gradient(115deg, #fff 35%, #f6fbff 100%); }
.audit-hero-pattern { position: absolute; top: 52px; right: -70px; width: 390px; height: 330px; opacity: .22; transform: rotate(30deg); background-image: linear-gradient(30deg, #8bd3df 12%, transparent 12.5%, transparent 87%, #8bd3df 87.5%, #8bd3df), linear-gradient(150deg, #8bd3df 12%, transparent 12.5%, transparent 87%, #8bd3df 87.5%, #8bd3df), linear-gradient(30deg, #8bd3df 12%, transparent 12.5%, transparent 87%, #8bd3df 87.5%, #8bd3df), linear-gradient(150deg, #8bd3df 12%, transparent 12.5%, transparent 87%, #8bd3df 87.5%, #8bd3df); background-size: 80px 140px; background-position: 0 0, 0 0, 40px 70px, 40px 70px; }
.audit-incident-pill { position: relative; display: inline-flex; gap: 8px; align-items: center; padding: 9px 17px; border: 1px solid #bce5e6; border-radius: 999px; color: #0a5364; background: #f1fffd; font-size: 13px; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; }
.audit-incident-pill span { color: #10b4ba; }
.audit-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(275px, .7fr); gap: 64px; align-items: center; padding: 26px 0 34px; }
.audit-hero-copy h1 { max-width: 760px; margin: 0; color: var(--audit-navy); font-size: clamp(40px, 5vw, 61px); font-weight: 800; letter-spacing: -.045em; line-height: 1.05; }
.audit-hero-copy h1 span { display: block; color: var(--audit-cyan); }
.audit-lead { max-width: 680px; margin: 24px 0 26px; color: #17365e; font-size: 17px; font-weight: 600; line-height: 1.55; }
.audit-primary-cta { display: grid; grid-template-columns: 1fr auto; align-items: center; width: min(100%, 650px); padding: 15px 22px 13px; border-radius: 8px; color: #fff; background: linear-gradient(95deg, #087c7b, #00977f); box-shadow: 0 10px 24px rgba(0, 122, 113, .2); text-decoration: none; text-transform: uppercase; }
.audit-primary-cta:hover { color: #fff; filter: brightness(.96); transform: translateY(-1px); }
.audit-primary-cta strong { font-size: 21px; letter-spacing: .01em; }
.audit-primary-cta svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.audit-primary-cta small { grid-column: 1 / -1; margin-top: 8px; font-size: 16px; font-weight: 600; letter-spacing: 0; line-height: 1.35; text-align: center; text-transform: none; }
.audit-proof-card { position: relative; min-height: 340px; padding: 30px 28px 20px; border: 1px solid #cfdbe8; border-radius: 12px; background: rgba(255,255,255,.86); box-shadow: 0 18px 45px rgba(21, 52, 86, .06); text-align: center; }
.audit-proof-card > p:not(.audit-eyebrow) { margin: 20px 0 22px; color: #17365e; font-size: 16px; font-weight: 600; line-height: 1.5; }
.audit-eyebrow { margin: 0; font-size: 16px; font-weight: 800; text-transform: uppercase; }
.audit-proof-amount { display: flex; flex-direction: column; gap: 2px; }
.audit-proof-amount span { font-size: 16px; font-weight: 700; }
.audit-proof-amount strong { color: #008a6c; font-size: 45px; line-height: 1; }
.audit-proof-card small { display: block; margin-top: 20px; color: #53657d; font-size: 14px; font-weight: 600; line-height: 1.4; }
.audit-shield { width: 54px; margin-top: 22px; fill: none; stroke: #008d8e; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }

.audit-benefits { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #e1e8f0; padding-top: 26px; }
.audit-benefits article { display: flex; gap: 14px; min-height: 92px; padding: 0 26px; border-right: 1px solid #e1e8f0; }
.audit-benefits article:first-child { padding-left: 0; }
.audit-benefits article:last-child { padding-right: 0; border-right: 0; }
.audit-benefits h2 { margin: 1px 0 9px; font-size: 14px; font-weight: 800; line-height: 1.35; text-transform: uppercase; }
.audit-benefits p { margin: 0; color: #324b6d; font-size: 14px; line-height: 1.6; }
.audit-mini-icon { flex: 0 0 auto; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; color: #078b98; background: #f0fbfc; }
.audit-mini-icon svg { width: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.audit-section { padding: 22px 0 30px; background: #fff; }
.audit-why-card { padding: 25px 34px 30px; border-radius: 12px; color: #fff; background: linear-gradient(105deg, #052650 0%, #063464 100%); box-shadow: 0 14px 36px rgba(5, 38, 80, .14); }
.audit-why-card h2, .audit-how > h2, .audit-bottom-cta h2 { margin: 0 0 26px; font-size: 28px; font-weight: 800; text-align: center; }
.audit-why-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.audit-why-grid article { display: grid; justify-items: center; min-height: 150px; padding: 0 46px; border-right: 1px solid rgba(255,255,255,.25); text-align: center; }
.audit-why-grid article:last-child { border-right: 0; }
.audit-why-grid svg { width: 54px; height: 54px; margin-bottom: 14px; fill: none; stroke: #55d2c7; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.audit-why-grid p { margin: 0; font-size: 17px; font-weight: 600; line-height: 1.55; }
.audit-how { margin-top: 22px; padding: 25px 30px 28px; border: 1px solid var(--audit-border); border-radius: 12px; background: #fff; }
.audit-steps { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 24px; align-items: center; }
.audit-steps article { position: relative; display: grid; justify-items: center; text-align: center; }
.audit-step-number { position: absolute; top: -10px; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(140deg, #0a8292, #1267e8); font-size: 18px; font-weight: 800; }
.audit-steps article > svg { width: 78px; height: 78px; margin: 15px 0 8px; padding: 15px; border-radius: 50%; color: #145bba; background: #f1f6fc; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.audit-steps h3 { margin: 0 0 9px; font-size: 18px; font-weight: 800; }
.audit-steps p { max-width: 300px; margin: 0; color: #324b6d; font-size: 15px; line-height: 1.55; }
.audit-step-arrow { color: #1a67da; font-size: 40px; font-weight: 300; }
.audit-bottom-cta { margin-top: 22px; padding: 25px 30px 20px; border: 1px solid var(--audit-border); border-radius: 12px; background: linear-gradient(100deg, #f8fbff, #f2fbfa); text-align: center; }
.audit-bottom-cta h2 { margin-bottom: 5px; }
.audit-bottom-cta p { margin: 0 0 17px; color: #274466; font-size: 18px; }
.audit-primary-cta-compact { display: inline-grid; grid-template-columns: auto auto; width: min(100%, 570px); padding: 13px 22px; }
.audit-primary-cta-compact strong { font-size: 17px; }

@media (max-width: 900px) {
  .audit-hero-grid { grid-template-columns: 1fr; gap: 28px; }
  .audit-proof-card { min-height: auto; }
  .audit-benefits { grid-template-columns: repeat(2, 1fr); gap: 20px 0; }
  .audit-benefits article:nth-child(2) { border-right: 0; }
  .audit-why-grid article { padding: 0 22px; }
}

@media (max-width: 640px) {
  .audit-container { width: min(100% - 28px, 1180px); }
  .audit-hero { padding-top: 25px; }
  .audit-incident-pill { font-size: 11px; }
  .audit-hero-grid { padding-top: 20px; }
  .audit-hero-copy h1 { font-size: 38px; }
  .audit-lead { font-size: 15px; }
  .audit-primary-cta strong { font-size: 17px; }
  .audit-benefits { grid-template-columns: 1fr; }
  .audit-benefits article, .audit-benefits article:first-child, .audit-benefits article:last-child { padding: 0; border-right: 0; }
  .audit-why-card { padding: 24px 20px; }
  .audit-why-grid { grid-template-columns: 1fr; }
  .audit-why-grid article { min-height: auto; padding: 20px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.2); }
  .audit-why-grid article:last-child { border-bottom: 0; }
  .audit-how { padding: 24px 18px; }
  .audit-steps { grid-template-columns: 1fr; }
  .audit-step-arrow { transform: rotate(90deg); }
  .audit-bottom-cta { padding: 24px 18px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .audit-primary-cta:hover { transform: none; }
}