.audit-page { --audit-paper:var(--intro-ink);--audit-ink:var(--intro-bg);--audit-warm:color-mix(in srgb,var(--intro-accent) 16%,var(--intro-ink));--audit-soft:color-mix(in srgb,var(--intro-ink) 6%,var(--intro-bg));font-family:system-ui,sans-serif; }
.audit-page h1,.audit-page h2,.audit-page h3 { font-family:var(--resource-font-display); }
.audit-page h2 { font-size:clamp(2.1rem,3.15vw,3rem);font-weight:400;line-height:1.12;letter-spacing:-.035em;text-wrap:balance; }
.audit-page p { line-height:1.7; }.audit-page figure { margin:0; }.audit-page svg { flex-shrink:0; }.audit-page .resource-button { font-size:var(--resource-font-size-sm); }
.audit-hero { display:grid;grid-template-columns:.95fr 1.05fr;gap:3.5rem;align-items:center;padding-block:4.5rem 5rem; }
.audit-hero h1 { font-size:clamp(3.2rem,4.8vw,4.5rem);line-height:1.05;letter-spacing:-.045em;max-width:13ch;font-weight:500;margin-bottom:1.5rem; }
.audit-hero .resource-eyebrow { max-width:36ch;line-height:1.7; }.audit-lead { font-size:var(--resource-font-size-lg);color:var(--intro-muted); }
.audit-scan { border:1px solid var(--intro-rule);border-radius:1.5rem;background:linear-gradient(140deg,var(--intro-surface),var(--intro-bg));overflow:hidden;min-width:0; }
.audit-frame-heading { display:flex;align-items:center;gap:.55rem;padding:1.2rem 1.3rem;border-bottom:1px solid var(--intro-rule);font-size:var(--resource-font-size-sm); }
.audit-frame-heading>svg { width:1.7rem;height:auto; }.audit-frame-heading>strong { font-weight:500; }.audit-frame-heading>span { display:flex;align-items:center;gap:.4rem;color:var(--intro-muted);margin-left:auto;font-size:calc(var(--resource-font-size-sm) * .8); }
.audit-scan-window { position:relative;margin:1.25rem;isolation:isolate; }
.audit-browser { width:100%;border:1px solid color-mix(in srgb,var(--intro-ink) 18%,transparent);border-radius:.8rem;overflow:hidden;color:var(--audit-ink);background:var(--audit-paper);font-family:system-ui,sans-serif;transition:width .8s; }
.audit-browser-bar { height:1.8rem;display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:0 .8rem;background:var(--audit-warm);font-size:calc(var(--resource-font-size-sm) * .65); }
.audit-browser-bar>span:first-child { letter-spacing:2px;opacity:.55; }.audit-website-viewport { height:22rem;overflow:hidden; }.audit-website-scroll { transition:transform .85s ease; }
.audit-site-nav { display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--audit-ink) 12%,transparent);font-size:calc(var(--resource-font-size-sm) * .85); }
.audit-site-hero { display:grid;grid-template-columns:1fr 1fr;gap:1rem;height:13rem;padding:1rem;align-items:center; }
.audit-site-hero>div { min-width:0; }.audit-site-hero small { font-size:calc(var(--resource-font-size-sm) * .6);letter-spacing:.07em; }.audit-site-title { display:block;font:500 clamp(1.3rem,2.2vw,1.9rem)/1.08 var(--resource-font-display);letter-spacing:-.035em;margin:.5rem 0 .7rem;position:relative; }.audit-site-hero p { font-size:calc(var(--resource-font-size-sm) * .75);line-height:1.5;margin:0; }
.audit-site-hero img { width:100%;height:100%;min-height:0;object-fit:cover;object-position:60% 35%;border-radius:.6rem; }
.audit-site-cta { display:flex;align-items:center;justify-content:space-between;margin:0 1rem 1rem;padding:.6rem .8rem;border-radius:.4rem;background:color-mix(in srgb,var(--audit-ink) 8%,var(--audit-paper));font-size:calc(var(--resource-font-size-sm) * .8); }
.audit-site-form { background:color-mix(in srgb,var(--audit-paper) 65%,var(--audit-warm));padding:1rem;border-top:1px solid color-mix(in srgb,var(--audit-ink) 10%,transparent); }
.audit-site-form>strong { display:block;font:500 var(--resource-font-size-md)/1.2 var(--resource-font-display);margin-bottom:.65rem; }
.audit-form-fields { display:grid;grid-template-columns:1fr 1fr;gap:.45rem; }
.audit-form-fields>span { display:flex;justify-content:space-between;align-items:center;gap:.25rem;min-height:1.8rem;padding:.4rem .5rem;border:1px solid color-mix(in srgb,var(--audit-ink) 16%,transparent);border-radius:.3rem;background:var(--audit-paper);font-size:calc(var(--resource-font-size-sm) * .62); }
.audit-form-fields small { opacity:.5; }.audit-form-submit { display:flex;align-items:center;justify-content:space-between;margin-top:.65rem;padding:.5rem .7rem;background:var(--audit-ink);color:var(--audit-paper);border-radius:.3rem;font-size:calc(var(--resource-font-size-sm) * .75); }
.audit-target-offer,.audit-target-cta,.audit-target-form { outline:2px solid transparent;outline-offset:5px;transition:outline-color .4s,background .4s; }
[data-scan="0"] .audit-target-offer,[data-finding="0"] .audit-target-offer,[data-scan="1"] .audit-target-cta,[data-finding="1"] .audit-target-cta,[data-scan="2"] .audit-target-form,[data-finding="2"] .audit-target-form { outline-color:var(--intro-accent); }
[data-scan="1"] .audit-browser { width:85%;margin-inline:auto; }[data-scan="1"] .audit-website-scroll { transform:translateY(-3.5rem); }[data-scan="2"] .audit-website-scroll { transform:translateY(-10rem); }
.audit-scan-beam { position:absolute;inset:2rem 0 auto;height:1px;background:var(--intro-accent);box-shadow:0 0 16px var(--intro-accent);pointer-events:none;opacity:.6;animation:audit-sweep 4s ease-in-out infinite; }
@keyframes audit-sweep { 0%,100% { translate:0 0;opacity:0; }15%,70% { opacity:.6; }85% { translate:0 18rem;opacity:0; } }
.audit-scan-caption { display:flex;align-items:center;gap:.65rem;padding:0 1.25rem 1.1rem;min-height:4rem;font-size:var(--resource-font-size-sm);line-height:1.5; }.audit-scan-caption>svg { width:1.4rem;height:auto; }
.audit-scan-stages { list-style:none;display:flex;justify-content:space-between;gap:.5rem;margin:0;padding:1rem 1.25rem;border-top:1px solid var(--intro-rule);font-size:calc(var(--resource-font-size-sm) * .8);color:var(--intro-muted); }.audit-scan-stages [aria-current] { color:var(--intro-accent); }
.audit-section { padding-block:5rem;border-top:1px solid var(--intro-rule);scroll-margin-top:2rem; }.audit-section-heading { max-width:48rem;margin-bottom:2.5rem; }.audit-section-body { color:var(--intro-muted);font-size:var(--resource-font-size-md); }.audit-centered { margin-inline:auto;text-align:center; }
.audit-coverage-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem; }.audit-coverage-grid h3 { font-size:var(--resource-font-size-lg);font-weight:500;margin:1.4rem 0 .8rem;line-height:1.3; }.audit-coverage-grid p { font-size:var(--resource-font-size-sm);color:var(--intro-muted);margin:0; }
.audit-coverage-symbol { display:flex;align-items:center;justify-content:space-between;height:5.5rem;padding:1.2rem;border:1px solid var(--intro-rule);border-radius:.8rem;background:linear-gradient(130deg,var(--intro-surface),transparent);color:var(--intro-accent); }.audit-coverage-symbol span { color:var(--intro-muted);font:400 var(--resource-font-size-xl)/1 var(--resource-font-display);opacity:.5; }
.audit-split { display:grid;grid-template-columns:1fr 1fr;gap:4.5rem;align-items:center; }.audit-select-hint { color:var(--intro-accent);font-size:var(--resource-font-size-sm);margin-bottom:1.2rem; }
.audit-finding-buttons { display:flex;flex-direction:column;gap:.7rem; }.audit-finding-buttons button { display:flex;text-align:left;gap:.85rem;align-items:flex-start;width:100%;padding:1.1rem;border:1px solid var(--intro-rule);border-radius:.85rem;background:transparent;color:var(--intro-ink);cursor:pointer;font-family:inherit;transition:background .2s,border-color .2s; }.audit-finding-buttons button[aria-pressed="true"] { background:var(--intro-surface);border-color:color-mix(in srgb,var(--intro-accent) 65%,transparent); }.audit-finding-buttons button:hover { background:var(--audit-soft); }.audit-finding-buttons button:focus-visible { outline:2px solid var(--intro-accent);outline-offset:3px; }
.audit-finding-number { color:var(--intro-accent);font-size:calc(var(--resource-font-size-sm) * .8);padding-top:.1rem; }.audit-finding-buttons button>span:nth-child(2) { flex:1; }.audit-finding-buttons strong { display:block;font-size:var(--resource-font-size-md);font-weight:500;margin-bottom:.45rem;line-height:1.3; }.audit-finding-buttons button>span>span { display:block;color:var(--intro-muted);font-size:var(--resource-font-size-sm);line-height:1.55; }.audit-finding-buttons button>svg { color:var(--intro-muted);margin-top:.15rem; }
.audit-finding-preview { padding:1.25rem;border:1px solid var(--intro-rule);border-radius:1.5rem;background:var(--intro-surface);min-width:0; }.audit-finding-preview .audit-website-viewport { height:33rem; }.audit-finding-preview figcaption { padding:1.1rem .1rem 0;min-height:4.1rem;font-size:var(--resource-font-size-sm);line-height:1.5; }.audit-finding-preview figcaption>span:not([hidden]) { display:flex;align-items:flex-start;gap:.65rem; }.audit-finding-preview figcaption svg { width:1.4rem;height:auto;margin-top:.2rem; }
.audit-revision-pair { display:grid;grid-template-columns:1fr 3rem 1fr;gap:1rem;align-items:center; }.audit-revision-pair figure { min-width:0; }.audit-revision-pair figcaption { display:flex;align-items:center;gap:.55rem;font-size:var(--resource-font-size-sm);padding:0 .3rem 1rem;color:var(--intro-muted); }.audit-revision-pair figcaption>svg { width:1.5rem;height:auto; }.audit-revised figcaption { color:var(--intro-accent); }.audit-revised figcaption>svg:last-child { margin-left:auto;width:18px; }.audit-revision-arrow { display:grid;place-items:center;width:3rem;height:3rem;border:1px solid var(--intro-rule);border-radius:50%;color:var(--intro-accent); }.audit-revision-pair .audit-website-viewport { height:33rem; }.audit-original { opacity:.8; }.audit-revised .audit-browser { border-color:var(--intro-accent);box-shadow:0 0 30px color-mix(in srgb,var(--intro-accent) 5%,transparent); }.is-improved .audit-site-cta { background:var(--audit-ink);color:var(--audit-paper);border-radius:2rem; }.is-improved .audit-form-submit { background:var(--intro-accent);color:var(--audit-ink);border-radius:2rem; }.audit-revision-summary { display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:1.5rem; }.audit-revision-summary p { display:flex;gap:.6rem;align-items:center;font-size:var(--resource-font-size-sm);color:var(--intro-muted);margin:0; }.audit-revision-summary p>svg { color:var(--intro-accent); }
.audit-measurement-visual { background:linear-gradient(135deg,var(--intro-surface),var(--intro-bg));border:1px solid var(--intro-rule);border-radius:1.5rem;overflow:hidden; }.audit-measurement-visual ol { list-style:none;padding:1.3rem 1.5rem;margin:0; }.audit-measurement-visual li { display:flex;gap:1rem;align-items:center;position:relative;min-height:4.3rem; }.audit-measurement-visual li:not(:last-child):after { content:'';position:absolute;left:1.2rem;top:3rem;bottom:-.6rem;width:1px;background:var(--intro-rule); }.audit-event-node { display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid var(--intro-rule);border-radius:50%;color:var(--intro-accent);background:var(--intro-surface);flex-shrink:0; }.audit-measurement-visual li strong { display:block;font-size:var(--resource-font-size-md);font-weight:500; }.audit-measurement-visual li div>span { display:block;font-size:calc(var(--resource-font-size-sm) * .85);color:var(--intro-muted); }.audit-enquiry { margin:0 1.5rem;padding:1rem;background:var(--audit-paper);color:var(--audit-ink);border-radius:.8rem; }.audit-enquiry>div { display:flex;gap:.65rem;align-items:center; }.audit-enquiry img { width:2.4rem;height:2.4rem;object-fit:cover;border-radius:50%; }.audit-enquiry strong { display:block;font-size:var(--resource-font-size-sm);font-weight:500; }.audit-enquiry small { display:block;font-size:calc(var(--resource-font-size-sm) * .75); }.audit-enquiry p { font-size:var(--resource-font-size-sm);line-height:1.5;margin:.8rem 0 0; }.audit-measurement-visual figcaption { padding:1rem 1.5rem;font-size:calc(var(--resource-font-size-sm) * .85);color:var(--intro-muted); }
.audit-faq { display:grid;grid-template-columns:.7fr 1.3fr;gap:5rem; }.audit-faq details { border-bottom:1px solid var(--intro-rule); }.audit-faq summary { display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;list-style:none;padding:1.2rem 0;font-size:var(--resource-font-size-md);line-height:1.5; }.audit-faq summary::-webkit-details-marker { display:none; }.audit-faq details[open] summary svg { transform:rotate(180deg); }.audit-faq p { color:var(--intro-muted);font-size:var(--resource-font-size-sm); }.audit-faq summary:focus-visible { outline:2px solid var(--intro-accent);outline-offset:3px; }
.audit-closing { padding:3.5rem 2rem;text-align:center;border:1px solid var(--intro-rule);border-radius:1.5rem;background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--intro-accent) 9%,transparent),transparent 70%); }.audit-closing>svg { width:2.5rem;height:auto; }.audit-closing h2 { max-width:24ch;margin:1.2rem auto; }.audit-closing p { color:var(--intro-muted);font-size:var(--resource-font-size-md); }
@media(max-width:70rem) { .audit-hero { gap:2rem; }.audit-lead { font-size:var(--resource-font-size-md); }.audit-split { gap:2.5rem; }.audit-site-title { font-size:1.6rem; }.audit-site-hero { gap:.7rem; }.audit-faq { gap:3rem; } }
@media(max-width:58rem) { .audit-hero { grid-template-columns:1fr;padding-block:3rem;gap:2.5rem; }.audit-hero h1 { max-width:16ch; }.audit-lead { max-width:42ch; }.audit-scan { width:100%;max-width:37rem;justify-self:center; }.audit-split,.audit-faq { grid-template-columns:1fr; }.audit-section { padding-block:3.5rem; }.audit-coverage-grid { gap:1.25rem; }.audit-coverage-grid h3 { font-size:var(--resource-font-size-md); }.audit-finding-preview,.audit-measurement-visual { max-width:37rem;width:100%;justify-self:center; }.audit-measurement-visual { order:2; }.audit-site-title { font-size:1.9rem; }.audit-revision-pair { gap:.7rem;grid-template-columns:1fr 2rem 1fr; }.audit-revision-arrow { width:2rem;height:2rem; }.audit-revision-pair .audit-site-title { font-size:1.4rem; }.audit-revision-pair .audit-site-hero { grid-template-columns:1fr;height:15rem;position:relative; }.audit-revision-pair .audit-site-hero>div { position:relative;z-index:1;background:color-mix(in srgb,var(--audit-paper) 87%,transparent);padding:.6rem;border-radius:.5rem; }.audit-revision-pair .audit-site-hero img { position:absolute;inset:0;width:100%;height:100%;border-radius:0; }.audit-revision-pair .audit-website-viewport { height:37rem; }.audit-revision-summary { flex-direction:column;align-items:flex-start; } }
@media(max-width:35rem) { .audit-hero h1 { font-size:3.25rem;max-width:13ch; }.audit-hero .resource-eyebrow { font-size:calc(var(--resource-font-size-sm) * .75); }.audit-page h2 { font-size:2.25rem; }.audit-page .resource-button { white-space:normal;text-align:center; }.audit-hero .resource-actions { gap:1rem; }.audit-frame-heading { padding:1rem; }.audit-frame-heading>span { font-size:calc(var(--resource-font-size-sm) * .7); }.audit-scan-window { margin:.8rem; }.audit-site-hero { padding:.8rem;gap:.5rem;height:14rem; }.audit-site-title { font-size:1.6rem; }.audit-site-hero p { font-size:calc(var(--resource-font-size-sm) * .67); }.audit-site-cta { margin:0 .8rem .8rem;padding:.5rem .6rem;font-size:calc(var(--resource-font-size-sm) * .72); }.audit-site-form { padding:.8rem; }.audit-form-fields>span { font-size:calc(var(--resource-font-size-sm) * .6); }.audit-scan-caption { font-size:calc(var(--resource-font-size-sm) * .9);padding:0 .85rem 1rem;min-height:4.4rem; }.audit-scan-stages { padding:.9rem;font-size:calc(var(--resource-font-size-sm) * .7); }.audit-website-viewport { height:23rem; }[data-scan="1"] .audit-browser { width:92%; }[data-scan="2"] .audit-website-scroll { transform:translateY(-10rem); }.audit-section { padding-block:3rem; }.audit-section-heading { margin-bottom:2rem; }.audit-coverage-grid { grid-template-columns:1fr;gap:1.8rem; }.audit-coverage-symbol { height:4rem;padding:.85rem 1rem; }.audit-coverage-grid h3 { margin-top:1rem;font-size:var(--resource-font-size-lg); }.audit-finding-buttons button { padding:.9rem;gap:.6rem; }.audit-finding-buttons strong { font-size:var(--resource-font-size-sm); }.audit-finding-buttons button>span>span { font-size:calc(var(--resource-font-size-sm) * .9); }.audit-finding-preview { padding:.8rem; }.audit-finding-preview .audit-website-viewport { height:34rem; }.audit-finding-preview figcaption { font-size:calc(var(--resource-font-size-sm) * .9); }.audit-revision-pair { grid-template-columns:1fr;gap:1.5rem; }.audit-revision-arrow { justify-self:center;transform:rotate(90deg); }.audit-revision-pair .audit-site-hero { grid-template-columns:1fr 1fr;height:14rem;position:static; }.audit-revision-pair .audit-site-hero>div { background:none;padding:0; }.audit-revision-pair .audit-site-hero img { position:static;min-height:0;height:100%;border-radius:.6rem; }.audit-revision-pair .audit-site-title { font-size:1.6rem; }.audit-revision-pair .audit-website-viewport { height:33rem; }.audit-centered { text-align:left; }.audit-measurement-visual ol { padding:1rem; }.audit-enquiry { margin:0 1rem; }.audit-measurement-visual figcaption { padding:1rem; }.audit-faq { gap:1rem; }.audit-faq summary { font-size:var(--resource-font-size-sm); }.audit-closing { padding:2.5rem 1.25rem; } }
@media(prefers-reduced-motion:reduce) { .audit-page *,.audit-page *:before,.audit-page *:after { animation:none!important;transition:none!important; }.audit-scan-beam { display:none; } }