.audit-page { --audit-green:#a9f328; --audit-cyan:#00c9e8; --audit-pink:#ff3c7d; --audit-amber:#ffcf24; --audit-dark:#0d1118; }
.audit-hero { display:grid; grid-template-columns:1.12fr .88fr; min-height:620px; border-block:1px solid var(--blog-line); }
.audit-hero-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(58px,8vw,120px) 4vw; border-right:1px solid var(--blog-line); }
.audit-hero h1 { max-width:15ch; margin:0; font-size:clamp(44px,5.6vw,82px); line-height:.94; letter-spacing:-.058em; text-wrap:balance; }
.audit-hero-copy > p:not(.blog-kicker) { max-width:710px; margin:36px 0 0; color:rgba(16,16,24,.65); font-size:clamp(19px,1.45vw,27px); line-height:1.52; }
.audit-hero ul { display:flex; flex-wrap:wrap; gap:10px; margin:34px 0 0; padding:0; list-style:none; }
.audit-hero li { padding:10px 13px; border:1px solid var(--blog-line); background:#fff; font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.audit-radar { position:relative; min-height:620px; overflow:hidden; color:#fff; background:var(--audit-dark); }
.audit-radar::before,.audit-radar::after { content:""; position:absolute; inset:11%; border:1px solid rgba(255,255,255,.16); border-radius:50%; }
.audit-radar::after { inset:27%; }
.audit-radar-core { position:absolute; z-index:3; top:50%; left:50%; display:grid; place-content:center; width:150px; height:150px; border-radius:50%; color:var(--audit-dark); background:var(--audit-green); transform:translate(-50%,-50%); text-align:center; box-shadow:0 0 80px rgba(169,243,40,.28); }
.audit-radar-core strong { font-size:52px; line-height:.8; }
.audit-radar-core span { margin-top:10px; font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
.audit-radar button { position:absolute; z-index:4; top:var(--y); left:var(--x); padding:10px 13px; color:#fff; border:1px solid rgba(255,255,255,.34); border-radius:999px; background:#191f2b; transform:translate(-50%,-50%); font:inherit; font-size:11px; font-weight:750; cursor:pointer; transition:.2s ease; }
.audit-radar button:hover,.audit-radar button.is-active { color:var(--audit-dark); background:var(--audit-cyan); border-color:var(--audit-cyan); transform:translate(-50%,-50%) scale(1.08); }
.audit-disclosure { display:grid; grid-template-columns:180px 1fr; gap:4vw; padding:32px 4vw; color:#fff; background:#7948d6; }
.audit-disclosure strong { color:var(--audit-green); text-transform:uppercase; letter-spacing:.1em; }
.audit-disclosure p { max-width:1100px; margin:0; color:rgba(255,255,255,.78); line-height:1.55; }
.audit-section { padding:clamp(90px,11vw,170px) 4vw; border-bottom:1px solid var(--blog-line); }
.audit-section-head { display:grid; grid-template-columns:.38fr 1fr; gap:5vw; align-items:end; margin-bottom:60px; }
.audit-section-head h2 { max-width:17ch; margin:0; font-size:clamp(40px,5vw,76px); line-height:.94; letter-spacing:-.055em; text-wrap:balance; }
.audit-section-head > p:last-child { grid-column:2; max-width:60ch; margin:22px 0 0; color:rgba(16,16,24,.62); font-size:18px; line-height:1.55; }
.audit-scope { background:#fff; }
.audit-scope-lab { display:grid; grid-template-columns:.55fr 270px 1fr; gap:4vw; align-items:center; padding:clamp(30px,5vw,70px); border:2px solid var(--audit-dark); box-shadow:14px 14px 0 var(--audit-green); }
.audit-scope-controls { display:flex; flex-direction:column; gap:9px; }
.audit-scope-controls button { padding:15px 18px; border:1px solid var(--audit-dark); background:#fff; font:inherit; font-weight:750; text-align:left; cursor:pointer; }
.audit-scope-controls button.is-active { color:#fff; background:var(--audit-dark); box-shadow:6px 6px 0 var(--audit-pink); }
.audit-score-ring { --score:58; display:grid; place-content:center; width:260px; aspect-ratio:1; border-radius:50%; background:conic-gradient(var(--audit-cyan) calc(var(--score)*1%),#e4e6e4 0); position:relative; text-align:center; }
.audit-score-ring::before { content:""; position:absolute; inset:22px; border-radius:50%; background:#fff; }
.audit-score-ring strong,.audit-score-ring span { position:relative; z-index:1; }
.audit-score-ring strong { font-size:84px; line-height:.8; letter-spacing:-.07em; }
.audit-score-ring span { margin-top:11px; font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
.audit-scope-copy h3 { margin:0; font-size:clamp(30px,3.4vw,58px); line-height:.98; letter-spacing:-.05em; }
.audit-scope-copy p { color:rgba(16,16,24,.62); font-size:17px; line-height:1.58; }
.audit-inventory { background:#eefde8; }
.audit-inventory-grid { display:grid; grid-template-columns:1fr .92fr; gap:6vw; align-items:center; }
.audit-bubbles { position:relative; min-height:600px; }
.audit-bubble { position:absolute; display:grid; place-content:center; border-radius:50%; text-align:center; border:2px solid var(--audit-dark); }
.audit-bubble strong { font-size:clamp(34px,4vw,72px); line-height:.9; letter-spacing:-.06em; }
.audit-bubble span { margin-top:11px; font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
.audit-bubble--catalog { top:4%; left:5%; width:72%; aspect-ratio:1; background:var(--audit-green); }
.audit-bubble--main { right:2%; bottom:9%; width:34%; aspect-ratio:1; background:var(--audit-pink); color:#fff; }
.audit-bubble--total { top:7%; right:0; width:29%; aspect-ratio:1; background:var(--audit-cyan); }
.audit-bars article { margin-bottom:34px; }
.audit-bars header { display:flex; justify-content:space-between; gap:20px; }
.audit-bars header span { font-weight:800; }
.audit-bars i { display:block; height:28px; margin:12px 0; background:#d5ded2; border:1px solid var(--audit-dark); }
.audit-bars i b { display:block; width:var(--bar); height:100%; background:var(--audit-dark); }
.audit-bars p { color:rgba(16,16,24,.58); line-height:1.5; }
.audit-bars aside { margin-top:54px; padding:26px; color:#fff; background:var(--audit-dark); font-size:18px; line-height:1.55; box-shadow:9px 9px 0 var(--audit-cyan); }
.audit-observed { background:#fff; }
.audit-table-wrap { overflow-x:auto; border:1px solid var(--audit-dark); }
.audit-table-wrap table { width:100%; border-collapse:collapse; background:#fff; }
.audit-table-wrap th,.audit-table-wrap td { min-width:128px; padding:19px; border-right:1px solid var(--blog-line); border-bottom:1px solid var(--blog-line); text-align:left; }
.audit-table-wrap th { color:#fff; background:var(--audit-dark); font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
.audit-table-wrap tbody tr:hover { background:#efffe9; }
.audit-caption { max-width:780px; margin:28px 0 0 auto; color:rgba(16,16,24,.58); font-size:13px; line-height:1.55; }
.audit-robots { color:#fff; background:var(--audit-dark); }
.audit-robots .blog-kicker { color:var(--audit-green); }
.audit-robots .audit-section-head > p:last-child { color:rgba(255,255,255,.62); }
.audit-code-map { display:grid; grid-template-columns:.58fr 1fr; gap:28px; }
.audit-code { border:1px solid rgba(255,255,255,.22); background:#171e29; }
.audit-code span { display:block; padding:13px 20px; color:var(--audit-green); border-bottom:1px solid rgba(255,255,255,.16); font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
.audit-code pre { margin:0; padding:28px; overflow:auto; font-size:15px; line-height:1.8; }
.audit-code-flow { display:flex; align-items:center; justify-content:center; gap:18px; flex-wrap:wrap; padding:30px; border:1px solid rgba(255,255,255,.22); }
.audit-code-flow span,.audit-code-flow strong { padding:20px; border:1px solid rgba(255,255,255,.25); }
.audit-code-flow strong { color:var(--audit-dark); background:var(--audit-green); }
.audit-code-flow i { color:var(--audit-cyan); font-size:28px; font-style:normal; }
.audit-warning { display:grid; grid-template-columns:180px 1fr; gap:4vw; margin-top:28px; padding:28px; color:var(--audit-dark); background:var(--audit-amber); }
.audit-warning p { margin:0; line-height:1.55; }
.audit-matrix-section { background:#faf5ff; }
.audit-priority-controls { display:flex; gap:9px; flex-wrap:wrap; margin-bottom:30px; }
.audit-priority-controls button { padding:11px 16px; border:1px solid var(--audit-dark); border-radius:999px; background:#fff; font:inherit; font-weight:750; cursor:pointer; }
.audit-priority-controls button.is-active { color:#fff; background:var(--audit-dark); box-shadow:5px 5px 0 var(--audit-green); }
.audit-priority-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.audit-priority-grid article { position:relative; min-height:330px; padding:30px; background:#fff; border:1px solid var(--audit-dark); }
.audit-priority-grid article[hidden] { display:none; }
.audit-priority-grid article > span { display:grid; place-items:center; width:50px; height:50px; border-radius:50%; background:var(--audit-green); font-weight:900; }
.audit-priority-grid article[data-level="p1"] > span { background:var(--audit-cyan); }
.audit-priority-grid article[data-level="p2"] > span { background:var(--audit-amber); }
.audit-priority-grid strong { display:block; margin-top:48px; font-size:clamp(25px,2.5vw,42px); line-height:1; letter-spacing:-.045em; }
.audit-priority-grid p { color:rgba(16,16,24,.62); line-height:1.5; }
.audit-priority-grid b { position:absolute; left:30px; bottom:28px; color:#8e0d47; font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
.audit-checklist-section { background:var(--audit-amber); }
.audit-checklist-lab { display:grid; grid-template-columns:300px 1fr; gap:5vw; padding:clamp(30px,5vw,70px); background:#fff; border:2px solid var(--audit-dark); box-shadow:14px 14px 0 var(--audit-pink); }
.audit-checklist-score { align-self:start; position:sticky; top:120px; }
.audit-checklist-score strong { font-size:110px; line-height:.8; letter-spacing:-.08em; }
.audit-checklist-score span { display:block; margin-top:20px; color:rgba(16,16,24,.55); text-transform:uppercase; letter-spacing:.1em; }
.audit-checklist-score i { display:block; height:20px; margin-top:24px; border:1px solid var(--audit-dark); background:#ececec; }
.audit-checklist-score i b { display:block; width:0; height:100%; background:var(--audit-green); transition:width .35s ease; }
.audit-checks { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--blog-line); border:1px solid var(--blog-line); }
.audit-checks label { display:flex; gap:14px; align-items:flex-start; min-height:98px; padding:22px; background:#fff; line-height:1.35; cursor:pointer; }
.audit-checks label:has(input:checked) { background:#efffde; }
.audit-checks input { flex:0 0 auto; width:22px; height:22px; accent-color:var(--audit-dark); }
.audit-final { display:grid; grid-template-columns:1fr .4fr; gap:7vw; color:#fff; background:var(--audit-dark); }
.audit-final .blog-kicker { color:var(--audit-green); }
.audit-final h2 { max-width:16ch; margin:0; font-size:clamp(44px,5.6vw,82px); line-height:.94; letter-spacing:-.058em; text-wrap:balance; }
.audit-final p:not(.blog-kicker) { max-width:760px; color:rgba(255,255,255,.64); font-size:20px; line-height:1.6; }
.audit-final aside { align-self:end; padding:34px; color:var(--audit-dark); background:var(--audit-green); box-shadow:12px 12px 0 var(--audit-pink); }
.audit-final aside strong { display:block; font-size:110px; line-height:.75; }
.audit-final aside span { display:block; margin:22px 0 36px; text-transform:uppercase; letter-spacing:.1em; }
.audit-final aside a { display:block; padding:13px 0; color:inherit; border-top:1px solid rgba(16,16,24,.25); font-weight:800; }
.audit-sources { padding:54px 4vw 90px; }
.audit-method-expanded { background:#e7f0ff; }
.audit-method-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.audit-method-grid article { min-height:300px; padding:28px; border:1px solid var(--audit-dark); background:#fff; }
.audit-method-grid span { color:#8e0d47; font-size:10px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.audit-method-grid h3 { margin:72px 0 14px; font-size:clamp(26px,2.2vw,38px); line-height:1; letter-spacing:-.045em; }
.audit-method-grid p { margin:0; color:rgba(16,16,24,.66); line-height:1.55; }
.audit-method-note { display:grid; grid-template-columns:180px 1fr; gap:4vw; margin-top:16px; padding:30px; color:#fff; background:var(--audit-dark); box-shadow:10px 10px 0 var(--audit-green); }
.audit-method-note strong { color:var(--audit-green); text-transform:uppercase; letter-spacing:.1em; }
.audit-method-note p { margin:0; line-height:1.62; }
.audit-download { display:grid; grid-template-columns:.35fr 1fr auto; gap:24px; align-items:center; margin-top:36px; padding:26px 30px; color:var(--audit-dark); border:2px solid var(--audit-dark); background:var(--audit-amber); text-decoration:none; box-shadow:10px 10px 0 var(--audit-pink); transition:transform .25s ease,box-shadow .25s ease; }
.audit-download:hover { transform:translate(-3px,-3px); box-shadow:14px 14px 0 var(--audit-pink); }
.audit-download span { font-size:10px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.audit-download strong { font-size:clamp(22px,2.5vw,38px); line-height:1; letter-spacing:-.04em; }
.audit-download b { font-size:38px; }
.audit-interpretation { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:36px; }
.audit-interpretation article { min-height:350px; padding:28px; color:#fff; background:var(--audit-dark); }
.audit-interpretation span { color:var(--audit-green); font-size:10px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.audit-interpretation h3 { margin:70px 0 18px; font-size:clamp(25px,2.4vw,38px); line-height:1; letter-spacing:-.045em; }
.audit-interpretation p { color:rgba(255,255,255,.68); line-height:1.58; }
.audit-template-review { grid-column:1/-1; margin-top:clamp(60px,8vw,120px); }
.audit-template-review > header { display:grid; grid-template-columns:.28fr 1fr; gap:4vw; align-items:end; margin-bottom:34px; }
.audit-template-review > header span { color:#8e0d47; font-size:10px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.audit-template-review > header h3 { max-width:18ch; margin:0; font-size:clamp(38px,4.5vw,68px); line-height:.94; letter-spacing:-.055em; }
.audit-template-review > header p { grid-column:2; max-width:70ch; margin:0; font-size:18px; line-height:1.62; }
.audit-template-review > div { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; padding:1px; background:var(--audit-dark); }
.audit-template-review article { padding:clamp(26px,3.5vw,48px); background:#fff; }
.audit-template-review h4 { margin:0 0 36px; font-size:clamp(27px,2.6vw,42px); line-height:1; letter-spacing:-.045em; }
.audit-template-review article p { color:rgba(16,16,24,.66); line-height:1.62; }
.audit-access-layers,.audit-delivery-plan { margin-top:38px; padding:clamp(28px,4vw,58px); color:#fff; background:var(--audit-dark); }
.audit-access-layers h3,.audit-delivery-plan h3 { max-width:18ch; margin:0 0 42px; font-size:clamp(34px,4vw,60px); line-height:.96; letter-spacing:-.05em; }
.audit-access-layers dl { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; margin:0; background:rgba(255,255,255,.22); }
.audit-access-layers dl div { padding:26px; background:#171e29; }
.audit-access-layers dt { color:var(--audit-green); font-weight:850; }
.audit-access-layers dd { margin:16px 0 0; color:rgba(255,255,255,.68); line-height:1.58; }
.audit-delivery-plan { color:var(--audit-dark); background:var(--audit-green); }
.audit-delivery-plan ol { display:grid; grid-template-columns:repeat(5,1fr); gap:1px; margin:0; padding:1px; list-style:none; background:var(--audit-dark); }
.audit-delivery-plan li { padding:24px; background:#fff; }
.audit-delivery-plan strong { display:block; min-height:54px; line-height:1.25; }
.audit-delivery-plan p { color:rgba(16,16,24,.64); line-height:1.55; }
@media(max-width:900px){.audit-method-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1050px){.audit-delivery-plan ol{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.audit-interpretation{grid-template-columns:1fr}.audit-interpretation article{min-height:0}}
@media(max-width:620px){.audit-method-grid,.audit-method-note,.audit-download,.audit-template-review>header,.audit-template-review>div,.audit-access-layers dl,.audit-delivery-plan ol{grid-template-columns:1fr}.audit-template-review>header p{grid-column:1}.audit-method-grid article{min-height:250px}}
@media(max-width:1050px){.audit-hero,.audit-section-head,.audit-scope-lab,.audit-inventory-grid,.audit-code-map,.audit-final{grid-template-columns:1fr}.audit-section-head>p:last-child{grid-column:1}.audit-scope-controls{flex-direction:row;flex-wrap:wrap}.audit-score-ring{margin-inline:auto}.audit-priority-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.audit-hero h1,.audit-section-head h2,.audit-final h2{font-size:clamp(44px,13vw,70px);line-height:.9}.audit-radar{min-height:520px}.audit-radar button{font-size:9px}.audit-disclosure,.audit-warning,.audit-checklist-lab{grid-template-columns:1fr}.audit-priority-grid,.audit-checks{grid-template-columns:1fr}.audit-checklist-score{position:static}.audit-bubble--catalog{width:78%}.audit-bubble--main{width:39%}.audit-bubble--total{width:33%}}