.audit-page{width:min(var(--container-wide), calc(100% - 2 * var(--space-gutter)));margin:0 auto 6rem}.audit-hero{grid-template-columns:minmax(0,1.4fr) minmax(13rem,.6fr);align-items:end;gap:clamp(2rem,6vw,6rem);padding:clamp(3rem,7vw,7rem) 0;display:grid}.audit-hero-copy h1{max-width:11ch;font:600 clamp(3.8rem, 8vw, 8rem)/.95 var(--font-display);letter-spacing:-.06em;margin:1.3rem 0 2rem}.audit-hero-copy h1 em,.audit-workbench h2 em,.audit-results h2 em,.audit-explain h2 em,.audit-teaser h2 em{font:inherit;color:var(--color-brand-blue);font-style:oblique}.audit-hero-copy>p:last-child{max-width:48ch;font-size:clamp(1rem,1.6vw,1.3rem);line-height:1.65}.audit-hero-mark{aspect-ratio:1;background:var(--color-signal);color:var(--color-ink);border-radius:50%;place-items:center;animation:.9s cubic-bezier(.2,.8,.2,1) 1.8s forwards audit-mark-nudge;display:grid;position:relative;overflow:hidden}.audit-hero-mark span{font-family:var(--font-display);transform-origin:250%;font-size:clamp(8rem,18vw,16rem);font-weight:600;line-height:.8;transform:translateY(-.025em)rotate(-7deg)}@keyframes audit-mark-nudge{0%{transform:translate(0)}55%{transform:translate(-.4rem,-.5rem)}to{transform:translate(.1rem,-.15rem)}}.audit-workbench{background:var(--color-ink);color:#fff;border-radius:.7rem;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,6rem);padding:clamp(2rem,5vw,5rem);display:grid}.audit-workbench h2,.audit-results h2,.audit-explain h2{font:600 clamp(2.5rem, 4.5vw, 4.8rem)/1.05 var(--font-display);letter-spacing:-.05em;margin:1rem 0 1.5rem}.audit-workbench .eyebrow,.audit-workbench h2 em{color:var(--color-signal)}.audit-workbench-intro>p:last-child{color:#c6d2e3;max-width:32ch}.audit-form{align-self:center}.audit-form label{margin-bottom:.7rem;font-size:.8rem;display:block}.audit-input-row{gap:.5rem;display:flex}.audit-input-row input{min-width:0;font:inherit;color:var(--color-ink);border:2px solid #fff;border-radius:.25rem;flex:auto;padding:1rem}.audit-input-row button{background:var(--color-signal);color:var(--color-ink);font:700 .8rem var(--font-manrope);cursor:pointer;white-space:nowrap;border:0;border-radius:.25rem;padding:.9rem 1.2rem}.audit-input-row button:disabled{opacity:.6;cursor:progress}.audit-hint{color:#c6d2e3;font-size:.72rem;line-height:1.6}.audit-status{min-height:1.6em;color:var(--color-signal);font-size:.8rem}.audit-loading{background:#fff3;border-radius:1rem;height:.35rem;margin:.8rem 0 1.25rem;position:relative;overflow:hidden}.audit-loading[hidden]{display:none}.audit-loading:before{content:"";border-radius:inherit;background:var(--color-signal);width:35%;animation:1.5s ease-in-out infinite audit-loading-sweep;position:absolute;inset:0 auto 0 0}@keyframes audit-loading-sweep{0%{transform:translate(-110%)}to{transform:translate(290%)}}.audit-results{padding-block:clamp(4rem,7vw,7rem)}.audit-results[hidden]{display:none}.audit-results-heading{justify-content:space-between;align-items:end;gap:2rem;display:flex}.audit-results-heading a{text-underline-offset:.35rem;font-size:.8rem}.audit-results-heading p:last-child{overflow-wrap:anywhere;color:var(--color-muted)}.audit-devices{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:3rem;display:grid}.audit-device{border:1px solid var(--color-line);border-radius:.5rem;padding:clamp(1.5rem,3vw,3rem)}.audit-device-header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.audit-device-header h3{font:600 clamp(1.8rem, 3vw, 3rem)/1 var(--font-display);margin:0}.audit-device-header small{text-transform:uppercase;letter-spacing:.1em;font-size:.55rem}.audit-score-main{width:5rem;height:5rem;font:700 1.6rem var(--font-manrope);border:.4rem solid;border-radius:50%;place-items:center;display:grid}.audit-score-main[data-grade=good]{color:#207a42}.audit-score-main[data-grade=moderate]{color:#986100}.audit-score-main[data-grade=poor]{color:#b43431}.audit-score-main[data-grade=unknown]{color:var(--color-muted)}.audit-interpretation{margin-block:2rem;font-size:.9rem;line-height:1.7}.audit-category-list{gap:.7rem;margin:0;display:grid}.audit-category-list>div{border-bottom:1px solid var(--color-line);justify-content:space-between;gap:1rem;padding-bottom:.55rem;display:flex}.audit-category-list dt{font-size:.78rem}.audit-category-list dd{margin:0;font-weight:700}.audit-device h4{margin:2rem 0 .6rem;font-size:.85rem}.audit-metric-list{grid-template-columns:repeat(2,1fr);gap:.6rem;margin:0;display:grid}.audit-metric-list>div{background:var(--color-surface);padding:.8rem}.audit-metric-list dt{color:var(--color-muted);font-size:.65rem}.audit-metric-list dd{margin:.3rem 0 0;font-weight:700}.audit-field-note{color:var(--color-muted);font-size:.72rem}.audit-opportunities{padding-left:1.2rem;font-size:.78rem;line-height:1.7}.audit-result-note{background:var(--color-blue-surface);max-width:58rem;margin-top:2rem;padding:1.5rem;font-size:.8rem}.audit-result-note p{margin-bottom:0}.audit-explain{border-top:1px solid var(--color-line);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:4rem;padding-block:clamp(4rem,7vw,7rem);display:grid}.audit-explain>div:first-child>p:last-child{max-width:35ch}.audit-explain-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;display:grid}.audit-explain-grid article{border-top:1px solid var(--color-line);padding-top:1rem}.audit-explain-grid span{color:#155e9e;font-size:.6rem}.audit-explain-grid h3{font:600 1.3rem var(--font-display);margin:1rem 0}.audit-explain-grid p{font-size:.8rem;line-height:1.7}.audit-next{background:var(--color-signal);justify-content:space-between;align-items:center;gap:2rem;padding:clamp(1.5rem,4vw,3rem);text-decoration:none;display:flex}.audit-next small{margin-bottom:.7rem;font-size:.75rem;display:block}.audit-next strong{font:600 clamp(1.8rem, 4vw, 3.6rem)/1.1 var(--font-display)}.audit-next>span:last-child{font-size:clamp(2.5rem,6vw,6rem)}@media (width<=760px){.audit-hero,.audit-workbench,.audit-explain,.audit-devices{grid-template-columns:1fr}.audit-hero-mark{z-index:1;justify-self:end;width:clamp(5.5rem,26vw,7.25rem);margin:-1.25rem 1rem -3.5rem 0}.audit-hero-mark span{font-size:clamp(4rem,19vw,5.25rem)}.audit-results-heading{display:block}.audit-input-row{flex-direction:column}.audit-input-row button{min-height:48px}}@media (prefers-reduced-motion:reduce){.audit-hero-mark{animation:none}.audit-loading:before{animation:none;transform:translate(90%)}}@media (width<=480px){.audit-hero{padding-top:2rem}.audit-explain-grid{grid-template-columns:1fr}.audit-workbench{padding:1.5rem}}
