/* Shared implementation-v1 components, with audit-specific content layouts. */
.audit-page {font-family:Inter,"Segoe UI",Arial,sans-serif}
.audit-page h1,.audit-page h2,.audit-page h3 {font-family:inherit;letter-spacing:-.035em}
.audit-page h1 {font-size:clamp(44px,4.1vw,60px);line-height:1.02;font-weight:800;margin:0 0 22px;max-width:550px}
.audit-page h2 {font-size:34px;line-height:1.1;font-weight:780;margin:0 0 20px}
.audit-page h3 {font-size:19px;line-height:1.2;margin:0 0 9px}
.audit-page p {line-height:1.55;margin:0 0 16px}
.audit-section {padding:44px 0}
.audit-hero {position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line)}
.audit-hero-layout {position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:500px}
.audit-hero-copy {position:relative;z-index:2;max-width:580px;padding:44px 28px 38px 0;display:flex;flex-direction:column;justify-content:center}
.audit-kicker {display:flex;align-items:center;gap:10px;color:var(--blue);text-transform:uppercase;font-size:12px;font-weight:850;letter-spacing:.03em}
.audit-hero .audit-kicker::before,.audit-request .audit-kicker::before {content:"";width:7px;height:25px;flex-shrink:0;background:var(--red);border-radius:2px;transform:skew(-14deg)}
.audit-lede {font-size:17px;max-width:660px}
.audit-actions {display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:10px 0 18px}
.audit-page .audit-note {font-size:12px;line-height:1.5;color:var(--muted);margin:0}
.audit-text-link {color:var(--blue);font-size:15px;font-weight:750;line-height:1.4}
.audit-hero-visual {display:flex;align-items:center;justify-content:flex-end;padding:30px 0 30px 22px}
.audit-hero-photo {position:absolute;z-index:-2;left:25%;top:0;width:calc(75% + max(20px,(100vw - 1280px)/2));max-width:none;height:100%;object-fit:cover;object-position:55% 50%;filter:saturate(.72) brightness(1.06)}
.audit-hero-visual::before {content:"";position:absolute;z-index:-1;inset:0 calc((100vw - min(100vw - 40px,1280px))/-2) 0 0;background:linear-gradient(90deg,#fff 0%,#fff 29%,rgba(255,255,255,.95) 39%,rgba(255,255,255,.32) 59%,rgba(255,255,255,.08) 100%)}
.audit-dashboard {width:370px;max-width:100%;padding:22px;border:1px solid rgba(255,255,255,.9);border-radius:8px;background:rgba(255,255,255,.62);backdrop-filter:blur(8px);box-shadow:0 12px 32px #102a4e14;font-size:13px}
.audit-dashboard-top {display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:750}
.audit-live-dot {width:7px;height:7px;border-radius:50%;background:#12845e}
.audit-page .audit-dashboard-date {font-size:11px;color:var(--muted);margin:6px 0 16px}
.audit-dashboard-total {display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px}
.audit-dashboard-total strong {font-size:32px;line-height:1.1;letter-spacing:-.04em}
.audit-bars {display:grid;gap:10px;margin:14px 0 18px}
.audit-bars>div {display:grid;grid-template-columns:1fr auto;gap:4px 15px;font-size:12px}
.audit-bars i {grid-column:1/-1;height:6px;background:#e4edf7;border-radius:3px;overflow:hidden}
.audit-bars i::before {content:"";display:block;width:var(--bar);height:100%;background:var(--blue)}
.audit-bars>div+div i::before {background:#19a8c9}
.audit-dashboard-finding {display:flex;gap:14px;padding:16px;background:rgba(237,245,255,.78);border:1px solid #d6e7fc;border-radius:6px}
.audit-dashboard-finding img {width:27px;height:27px;margin-top:4px}
.audit-dashboard-finding span {font-size:11px}
.audit-dashboard-finding strong {display:block;font-size:25px;color:var(--blue);line-height:1.2;margin:4px 0}
.audit-page .audit-dashboard-finding p {margin:0;font-size:12px;line-height:1.5}
.audit-dashboard-action {margin:14px 0 12px;padding-left:13px;border-left:3px solid var(--green)}
.audit-dashboard-action b {font-size:12px}
.audit-page .audit-dashboard-action p {font-size:12px;line-height:1.4;margin:3px 0 0}
.audit-dashboard>small {font-size:10px;color:var(--muted)}
.audit-icon {display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#eef6ff;flex-shrink:0}
.audit-icon img {width:27px;height:27px}
.audit-icon svg,.audit-dashboard-finding svg {width:27px;height:27px;flex-shrink:0;fill:currentColor;color:var(--blue)}
.audit-route {padding-top:34px;padding-bottom:28px}
.audit-route h2 {font-size:30px;margin-bottom:36px}
.audit-route-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #92b8eb}
.audit-route-grid article {position:relative;display:flex;gap:16px;padding-top:29px}
.audit-route-number {position:absolute;top:-16px;left:0;display:grid;place-items:center;width:30px;height:30px;background:var(--blue);border-radius:50%;color:#fff;font-size:13px;font-weight:800;box-shadow:0 0 0 6px #fff}
.audit-route-grid h3 {font-size:18px}
.audit-route-grid p {font-size:14px;margin:0}
.audit-three {display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:26px}
.audit-three article {padding:22px;border:1px solid var(--line);border-radius:8px;background:#fff}
.audit-three .audit-icon {margin-bottom:15px}
.audit-three p {font-size:15px;margin:0}
.audit-symptoms {padding-top:26px}
.audit-symptoms .audit-three article {padding:0 24px 0 0;border:0;border-right:1px solid var(--line);border-radius:0}
.audit-symptoms .audit-three article:last-child {border-right:0}
.audit-check-section {background:var(--soft)}
.audit-check-layout {display:grid;grid-template-columns:.8fr 1.65fr;gap:60px;align-items:start}
.audit-section-intro {padding-top:14px}
.audit-intro {font-size:16px;max-width:770px}
.audit-checks>div {display:grid;grid-template-columns:38px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}
.audit-checks>div:first-child {padding-top:14px}
.audit-check-number {color:var(--blue);font-size:15px;padding-top:1px}
.audit-checks p {font-size:15px;margin:0}
.audit-checks h3 {font-size:18px}
.audit-deliverable .audit-three article {display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:16px;align-content:start;padding:22px 24px}
.audit-deliverable .audit-three .audit-icon {grid-column:1;grid-row:1/3;margin:0}
.audit-deliverable .audit-three h3,.audit-deliverable .audit-three p {grid-column:2;min-width:0}
@media(max-width:900px) {.audit-deliverable .audit-three {grid-template-columns:1fr}}
@media(max-width:560px) {.audit-deliverable .audit-three article {grid-template-columns:38px minmax(0,1fr);column-gap:12px;padding:20px 18px}.audit-deliverable .audit-three .audit-icon {width:38px;height:38px}.audit-deliverable .audit-three .audit-icon svg {width:24px;height:24px}}
.audit-case {background:var(--soft)}
.audit-case-grid {display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center}
.audit-proof {padding:8px 0}
.audit-proof>strong {display:block;font-size:42px;line-height:1.15;letter-spacing:-.04em;color:var(--blue);margin:10px 0 12px}
.audit-proof p {font-size:15px}
.audit-proof .audit-insight {border-left:3px solid var(--blue);padding-left:16px}
.audit-example {display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center;padding:26px;background:#fff;border:1px solid var(--line);border-radius:8px}
.audit-example>img {width:100%;height:auto;box-shadow:0 8px 24px #102a4e18}
.audit-example h3 {font-size:24px}
.audit-example p {font-size:15px}
.audit-example .button {font-size:14px;padding-inline:17px;min-height:46px}
.audit-faq-section .shell {display:grid;grid-template-columns:.8fr 1.65fr;gap:60px;align-items:start}
.audit-faq-section h2 {padding-top:20px}
.audit-faq details {border-bottom:1px solid var(--line);padding:20px 0}
.audit-faq summary {display:flex;gap:20px;justify-content:space-between;cursor:pointer;list-style:none;font-size:17px;font-weight:700;line-height:1.4}
.audit-faq summary::-webkit-details-marker {display:none}
.audit-faq summary::after {content:"+";color:var(--blue);font-size:22px;font-weight:500;line-height:1}
.audit-faq details[open] summary::after {content:"\2212"}
.audit-faq details p {font-size:15px;margin:14px 0 0}
.audit-request {background:#061b3a;color:#fff;padding:54px 0}
.audit-grid {display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}
.audit-request .audit-kicker {color:#73baff}
.audit-request .audit-lede,.audit-request p {color:#c4d3e6}
.audit-request h2 {font-size:36px;max-width:550px}
.audit-form {display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink)}
.audit-form label {display:grid;gap:7px;font-size:13px;font-weight:700;min-width:0}
.audit-form input,.audit-form textarea {width:100%;font:inherit;font-weight:400;border:1px solid #bfd1e5;border-radius:6px;padding:12px;color:var(--ink);background:#fff}
.audit-form textarea {min-height:100px;resize:vertical}
.audit-message,.audit-form .button,.audit-form [data-lead-status] {grid-column:1/-1}
.audit-related {padding:32px 0 40px}
.audit-related h2 {font-size:26px}
.audit-related-link {display:block;border:1px solid var(--line);border-radius:8px;padding:16px 22px;font-weight:750;color:var(--blue)}
.audit-page a:focus-visible,.audit-page button:focus-visible,.audit-page summary:focus-visible,.audit-page input:focus-visible,.audit-page textarea:focus-visible {outline:3px solid #70b8ff;outline-offset:4px}
.audit-page .button:active,.audit-text-link:active,.audit-related-link:active {transform:scale(.97)}
.audit-page .menu-button img {width:26px;height:26px}
@media(max-width:1024px) {.audit-page .site-header .mobile-nav.is-open {display:grid}}
@media(hover:hover) and (pointer:fine) {.audit-page .button-primary:hover {background:var(--blue-dark)}.audit-text-link:hover {text-decoration:underline;text-underline-offset:4px}.audit-related-link:hover {border-color:#7eb6f6;background:#f4f9ff}}
@media(max-width:1100px) {.audit-hero-copy {padding-right:16px}.audit-dashboard {width:330px;padding:18px}.audit-hero h1 {font-size:48px}.audit-check-layout,.audit-faq-section .shell {gap:36px}.audit-case-grid {gap:26px;grid-template-columns:1fr 1fr}.audit-example {grid-template-columns:110px 1fr;gap:20px;padding:20px}.audit-grid {gap:40px}}
@media(max-width:800px) {.audit-hero-layout {grid-template-columns:1fr}.audit-hero-copy {max-width:680px;padding:34px 0 24px}.audit-hero-visual {position:relative;isolation:isolate;min-height:380px;margin:0 -20px;padding:24px 30px}.audit-hero-photo {inset:0;width:100%;object-position:center}.audit-hero-visual::before {inset:0;background:linear-gradient(90deg,rgba(255,255,255,.2),rgba(255,255,255,.15))}.audit-dashboard {width:330px}.audit-route-grid {gap:24px}.audit-route-grid article {display:block}.audit-route-grid .audit-icon {margin-bottom:14px}.audit-check-layout,.audit-faq-section .shell {grid-template-columns:1fr;gap:0}.audit-section-intro {max-width:680px}.audit-case-grid {grid-template-columns:1fr}.audit-example {grid-template-columns:150px 1fr}.audit-grid {grid-template-columns:1fr;gap:26px}.audit-request h2 {font-size:32px}.audit-three {gap:16px}.audit-three article {padding:18px}}
@media(max-width:560px) {.audit-page h1 {font-size:42px}.audit-page h2 {font-size:29px}.audit-section {padding:34px 0}.audit-hero-copy {padding:32px 0 24px}.audit-hero .audit-actions {align-items:stretch;flex-direction:column;gap:16px;margin-top:4px}.audit-text-link {width:max-content;max-width:100%}.audit-lede {font-size:16px}.audit-kicker {font-size:11px}.audit-hero-visual {margin:0 -14px;padding:22px 18px;min-height:380px}.audit-dashboard {width:280px;padding:16px}.audit-dashboard-finding {padding:12px}.audit-route-grid {grid-template-columns:1fr;gap:26px;border-top:0;border-left:1px solid #92b8eb;margin-left:15px;padding:0 0 0 26px}.audit-route-grid article {display:flex;padding:0;gap:14px}.audit-route-number {top:0;left:-42px}.audit-route-grid .audit-icon {width:38px;height:38px}.audit-route-grid .audit-icon img {width:24px;height:24px}.audit-route h2 {margin-bottom:26px}.audit-three {grid-template-columns:1fr;gap:20px}.audit-symptoms .audit-three article {border-right:0;border-bottom:1px solid var(--line);padding:0 0 20px}.audit-symptoms .audit-three article:last-child {border-bottom:0}.audit-symptoms .audit-three .audit-icon {float:left;margin:0 16px 10px 0}.audit-checks>div {grid-template-columns:28px 1fr;gap:10px}.audit-example {grid-template-columns:90px 1fr;gap:18px;padding:18px}.audit-example h3 {font-size:21px}.audit-example .button {grid-column:1/-1}.audit-proof>strong {font-size:36px}.audit-form {grid-template-columns:1fr;padding:22px}.audit-related .audit-actions {display:grid;gap:12px}.audit-page .audit-note {font-size:12px}}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto}.audit-page *, .audit-page *::before,.audit-page *::after {scroll-behavior:auto!important;transition:none!important;animation:none!important}}
