.app-audit-page{background:var(--page-bg);padding:clamp(2.5rem,6vw,5rem) 1.25rem 5rem}.app-audit-shell{max-width:1040px}body:has(.app-audit-page) .site-header button{min-height:44px;min-width:44px}.audit-intro{max-width:760px;margin-bottom:2rem}.audit-brand{display:flex;align-items:center;gap:.55rem;color:var(--accent-primary);font-size:1rem;font-weight:650}.audit-brand>span{color:var(--text-secondary);font-size:.85rem;font-weight:400}.audit-brand svg{width:1.15rem;height:1.15rem}.audit-intro h1{margin-top:1.7rem;font-size:clamp(2.65rem,6.3vw,4.75rem);font-weight:650;letter-spacing:-.055em;line-height:1.04}.audit-intro h1>span{color:var(--accent-primary)}.audit-intro>p{max-width:600px;margin-top:1.25rem;font-size:1.1rem;color:var(--text-secondary);line-height:1.7}.audit-scan-panel{border:1px solid var(--border-subtle);background:var(--surface-1);padding:clamp(1.25rem,3vw,2rem);border-radius:var(--radius)}.audit-scan-panel label{display:block;margin-bottom:.7rem;font-size:.95rem;font-weight:600}.audit-input-row{display:flex;gap:.75rem}.audit-input-row>div{position:relative;flex:1;min-width:0}.audit-input-row>div>svg{position:absolute;top:50%;left:1rem;transform:translateY(-50%);width:1.1rem;height:1.1rem;color:var(--text-secondary)}.audit-input-row input{min-height:3.25rem;padding-left:2.7rem;font-size:1rem;border:1px solid var(--border-subtle);border-radius:.6rem}.audit-input-row>button{min-height:3.25rem;border-radius:.6rem;padding-inline:1.4rem}.audit-muted{font-size:.82rem;line-height:1.6;color:var(--text-secondary);margin-top:.8rem}.audit-promo-form label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.audit-promo-row{display:flex;gap:.5rem}.audit-promo-row input{flex:1;min-width:0;font-size:1rem}.audit-promo-row button,.audit-promo-row input{min-height:44px}.audit-promo-confirmed{font-size:.85rem;line-height:1.6;margin-top:.65rem}.audit-promo-confirmed span{display:inline-block;padding:.15rem .5rem;border-radius:.35rem;background:var(--accent-soft);font-weight:600}.audit-error{margin-top:1rem;color:#a02330;font-size:.92rem;line-height:1.6}.audit-error button{margin-top:.65rem}.audit-check-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem 1.5rem;list-style:none;padding:1.75rem .2rem;border-bottom:1px solid var(--border-subtle)}.audit-check-list li{display:flex;gap:.6rem;align-items:center;font-size:.9rem;color:var(--text-secondary)}.audit-check-list svg{color:var(--accent-primary);width:1rem;height:1rem;flex-shrink:0}.audit-boundary{display:flex;gap:.7rem;max-width:740px;margin-top:1.3rem;font-size:.84rem;line-height:1.7;color:var(--text-secondary)}.audit-boundary svg{width:1.1rem;height:1.1rem;margin-top:.15rem;flex-shrink:0}.audit-progress-title{display:flex;align-items:center;gap:1rem}.audit-progress-title h2{font-weight:650;font-size:1rem}.audit-progress-title p,.audit-progress>p{color:var(--text-secondary);font-size:.85rem;margin-top:.35rem}.audit-progress-title>b{margin-left:auto;font-variant-numeric:tabular-nums}.audit-progress progress{width:100%;height:.5rem;margin-block:1rem .5rem;accent-color:var(--accent-primary)}.audit-spin{animation:audit-spin 1.2s linear infinite}@keyframes audit-spin{to{transform:rotate(360deg)}}.audit-report-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.95rem}.app-audit-report{margin-top:2rem}.app-audit-report [tabindex="-1"]{scroll-margin-top:6rem}.audit-score strong.audit-missing-value{font-size:1.6rem;letter-spacing:0}.audit-reachability{margin-top:1.5rem;padding:1.25rem;border:1px solid #a02330;border-radius:var(--radius)}.audit-reachability h3{font-weight:650;color:#a02330}.audit-reachability p{font-size:.85rem;color:var(--text-secondary);line-height:1.7;margin-top:.5rem}.audit-timing-grid dd strong.audit-missing-value{font-size:1rem;margin-block:.7rem .3rem}.audit-result-top{display:grid;grid-template-columns:230px 1fr;gap:2rem}.audit-score{padding:1.6rem;background:var(--accent-dark);color:#fff;border-radius:var(--radius);align-self:start}.audit-score>span{font-size:.8rem;color:#d5e6df}.audit-score p{margin-block:.5rem;font-variant-numeric:tabular-nums}.audit-score strong{font-size:4.4rem;line-height:1.1;letter-spacing:-.07em}.audit-score p>span{color:#d5e6df;font-size:1.1rem}.audit-score b{font-size:.9rem;color:#ffe09d}.audit-score[data-tone=good] b{color:#91e6b6}.audit-result-intro{min-width:0}.audit-result-intro h2{font-weight:650;letter-spacing:-.045em;font-size:clamp(1.6rem,3vw,2.25rem);overflow-wrap:anywhere;margin:.5rem 0}.audit-result-intro>p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.audit-result-intro .eyebrow{font-size:.7rem}.audit-tech{margin-top:.7rem}.audit-share{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.1rem;align-items:center}.audit-share button,.audit-share a{min-height:44px;font-size:.8rem}.audit-share a{display:inline-flex;gap:.4rem;align-items:center;padding:.5rem .65rem}.audit-share a svg{width:1rem;height:1rem}.audit-notice{min-height:1.5rem}.audit-performance{margin-top:1.75rem}.audit-performance h3{font-weight:650;font-size:1.1rem}.audit-timing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:.75rem}.audit-timing-grid>div{padding:.8rem .9rem;border:1px solid var(--border-subtle);border-radius:.65rem}.audit-timing-grid dt{font-size:.8rem;color:var(--text-secondary)}.audit-timing-grid dd strong{display:block;font-size:1.3rem;font-variant-numeric:tabular-nums;margin-top:.35rem}.audit-timing-grid dd span,.audit-timing-grid dd small{display:block;font-size:.75rem;line-height:1.6}.audit-timing-grid dd small{color:var(--text-secondary)}.audit-timing-grid [data-slow=true] dd span{color:#a02330;font-weight:650}.audit-resource-list li{margin-top:.6rem;overflow-wrap:anywhere}.audit-resource-list code,.audit-resource-list span{display:block}.audit-resource-list span{font-size:.75rem}.audit-findings-heading{display:flex;gap:1rem;align-items:center;justify-content:space-between;margin-top:2.25rem}.audit-findings-heading h3{font-size:1.4rem;font-weight:650;letter-spacing:-.03em}.audit-filters{display:flex;gap:.25rem;flex-wrap:wrap}.audit-filters button{min-height:44px;padding:.5rem .75rem;border-radius:.4rem;font-size:.82rem;color:var(--text-secondary)}.audit-filters button[aria-pressed=true]{background:var(--accent-soft-strong);color:var(--text-primary)}.audit-filters button>span{margin-left:.25rem;font-size:.72rem}.audit-active-filter{margin-top:.75rem;font-size:.85rem}.audit-active-filter button{margin-left:.75rem;text-decoration:underline;min-height:44px}.audit-findings{border-top:1px solid var(--border-subtle);margin-top:1rem}.audit-finding{border-bottom:1px solid var(--border-subtle)}.audit-finding summary{display:flex;align-items:center;gap:.85rem;min-height:66px;padding:1rem .2rem;cursor:pointer;list-style:none}.audit-finding summary::-webkit-details-marker{display:none}.audit-finding summary strong{font-size:.92rem;font-weight:600}.audit-severity{width:112px;flex-shrink:0;font-size:.72rem;font-weight:600;color:#86531b}.audit-finding[data-severity=critical] .audit-severity,.audit-finding[data-severity=high] .audit-severity{color:#a02330}.audit-finding[data-severity=recommendation] .audit-severity,.audit-finding[data-severity=not_assessed] .audit-severity{color:#325f8b}.audit-finding[data-severity=passed] .audit-severity{color:var(--accent-primary)}.audit-expand{margin-left:auto;color:var(--text-secondary);font-size:1.3rem}.audit-finding[open] .audit-expand{transform:rotate(45deg)}.audit-finding-body{max-width:760px;padding:0 .2rem 1.5rem;font-size:.88rem;line-height:1.75;color:var(--text-secondary)}.audit-finding-body dt{color:var(--text-primary);font-weight:600;margin-top:1rem}.audit-finding-body dd{margin-top:.2rem}.audit-group-count{font-weight:400;color:var(--text-secondary)}.audit-finding-occurrences{list-style:decimal;padding-left:1.5rem}.audit-finding-occurrences>li{padding-left:.25rem}.audit-finding-occurrences>li+li{border-top:1px solid var(--border-subtle);margin-top:1.5rem;padding-top:1.5rem}.audit-finding-occurrences>li::marker{color:var(--text-primary);font-weight:600}.audit-finding-body code{display:block;border:1px solid var(--border-subtle);padding:.6rem .75rem;border-radius:.4rem;background:var(--surface-1);white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem}.audit-empty{display:flex;gap:.65rem;padding:1.5rem 0;font-size:.9rem;color:var(--text-secondary)}.audit-empty svg{width:1.1rem;height:1.1rem}.audit-scope{margin-top:1.5rem;font-size:.85rem;color:var(--text-secondary)}.audit-scope summary{min-height:44px;cursor:pointer;color:var(--text-primary);font-weight:600;padding-block:.7rem}.audit-scope ul{list-style:disc;padding-left:1.2rem;line-height:1.8}.audit-scope>p{margin-top:1rem}.audit-dns{margin-top:1rem;overflow-wrap:anywhere;line-height:1.8}.audit-dns h4{color:var(--text-primary);font-weight:600;margin-bottom:.5rem}.audit-help{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:2rem;padding:1.5rem;background:var(--accent-soft);border:1px solid var(--border-subtle);border-radius:var(--radius)}.audit-help h3{font-weight:650;font-size:1.1rem}.audit-help p{color:var(--text-secondary);font-size:.85rem;margin-top:.4rem;line-height:1.7}.app-audit-page summary:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}@media (max-width: 700px){.audit-timing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-input-row,.audit-findings-heading,.audit-help{flex-direction:column;align-items:stretch}.audit-input-row>button{width:100%}.audit-result-top{grid-template-columns:1fr;gap:1.25rem}.audit-score{display:grid;grid-template-columns:1fr auto;align-items:center}.audit-score p{grid-row:span 2;grid-column:2;margin:0}.audit-score strong{font-size:3.5rem}.audit-findings-heading{gap:.75rem}.audit-filters button{padding-inline:.6rem}.audit-severity{width:96px;font-size:.66rem}.audit-finding summary{gap:.6rem}.audit-finding summary strong{font-size:.86rem}.audit-help a{white-space:normal;height:auto;min-height:44px;text-align:center;padding-block:.75rem}}@media (max-width: 420px){.audit-check-list{grid-template-columns:1fr}.audit-report-toolbar{align-items:flex-start;flex-direction:column}}@media (prefers-reduced-motion: reduce){.audit-spin{animation:none}.app-audit-page *{scroll-behavior:auto;transition:none}}.audit-share-menu [role=menuitem]{min-height:44px;gap:.55rem}body:has(.app-audit-page) .footer-bottom{color:var(--text-secondary)}.audit-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-block:1.25rem}.audit-contact-grid input{min-height:3.25rem;font-size:1rem}.audit-contact-grid label span{font-weight:400;color:var(--text-secondary)}.audit-contact-grid .audit-error{margin-top:.5rem}.audit-paywall{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;margin-top:2rem;padding:clamp(1.25rem,4vw,2rem);border:1px solid var(--border-subtle);background:var(--surface-1);border-radius:var(--radius)}.audit-paywall-copy>svg{width:1.4rem;color:var(--accent-primary);margin-bottom:.75rem}.audit-paywall h3{font-size:1.4rem;font-weight:650;letter-spacing:-.025em}.audit-paywall-copy>p{max-width:540px;margin-top:.6rem;line-height:1.7;font-size:.9rem;color:var(--text-secondary)}.audit-paywall ul{display:grid;gap:.5rem;margin-top:1rem;font-size:.85rem;color:var(--text-secondary)}.audit-paywall li{display:flex;gap:.5rem;align-items:center}.audit-paywall li svg{width:1rem;height:1rem}.audit-paywall-offer{align-self:center;max-width:270px}.audit-price strong{font-size:3rem;font-weight:650;letter-spacing:-.05em}.audit-price span{color:var(--text-secondary);font-size:.85rem}.audit-paywall-offer button{margin-top:1rem;min-height:48px;width:100%}.audit-checkout{max-width:480px}.audit-checkout p{font-size:.9rem;line-height:1.65}.audit-checkout>button:not([aria-label]){min-height:48px}.audit-order-summary{display:flex;justify-content:space-between;gap:1rem;border-block:1px solid var(--border-subtle);padding-block:1rem;font-size:.9rem}.audit-payment-methods{display:grid;gap:.6rem}.audit-payment-methods>div{display:flex;align-items:center;gap:.65rem;padding:.8rem;border:1px solid var(--border-subtle);border-radius:.5rem;font-size:.85rem}.audit-payment-methods svg{width:1.1rem;height:1.1rem}.audit-payment-methods small{margin-left:auto;color:var(--text-secondary)}.audit-delivery{padding:1rem;margin-top:1.5rem;background:var(--accent-soft);border-radius:.6rem;font-size:.9rem}@media (max-width: 700px){.audit-contact-grid,.audit-paywall{grid-template-columns:1fr}.audit-paywall-offer{max-width:none}.audit-checkout{width:calc(100% - 2rem);max-height:calc(100dvh - 2rem);overflow-y:auto}}.audit-checkout-header{padding-inline-end:2.5rem;text-align:left}.audit-checkout>button:last-child{min-width:44px;min-height:44px;display:grid;place-items:center}.audit-mpesa-form{display:grid;gap:.75rem}.audit-mpesa-form label{font-weight:600;font-size:.9rem}.audit-mpesa-form input{min-height:48px;font-size:1rem}.audit-mpesa-form button{min-height:48px;width:100%}.audit-order-summary{gap:1rem}.audit-order-summary strong{white-space:nowrap}.audit-localhost{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(1.25rem,3vw,2rem);align-items:center}.audit-localhost figure{margin:0}.audit-localhost figure svg{display:block;width:100%;height:auto;border-radius:.75rem}.audit-localhost h2{font-size:clamp(1.35rem,2.6vw,1.7rem);font-weight:650;letter-spacing:-.02em;line-height:1.2;text-wrap:balance}.audit-localhost h2:focus{outline:none}.audit-localhost h2:focus-visible{outline:2px solid var(--accent-primary);outline-offset:4px}.audit-localhost p{margin-top:.8rem;color:var(--text-secondary);line-height:1.65}.audit-localhost code{color:var(--text-primary);font-size:.92em;overflow-wrap:anywhere}.audit-localhost-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.4rem}.audit-localhost-actions a,.audit-localhost-actions button{min-height:44px}@media (max-width: 720px){.audit-localhost{grid-template-columns:1fr}}.audit-result-intro>.audit-summary-line{margin-block:.25rem .6rem;font-size:1.05rem;line-height:1.6;color:var(--text-primary);max-width:640px}.audit-top{margin-top:2rem}.audit-top>h3,.audit-scorecard>h3{font-size:1.4rem;font-weight:650;letter-spacing:-.03em}.audit-top-list{display:grid;gap:.75rem;margin-top:1rem;list-style:none;padding:0}.audit-top-list>li{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:.75rem;padding:1.25rem;border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface-1)}.audit-top-number{font-size:1.15rem;font-weight:650;font-variant-numeric:tabular-nums;color:var(--accent-primary);line-height:1.5}.audit-top-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .75rem;font-size:.75rem;color:var(--text-secondary)}.audit-top-meta .audit-severity{width:auto;color:#86531b}.audit-top-list>li[data-severity=critical] .audit-severity,.audit-top-list>li[data-severity=high] .audit-severity{color:#a02330}.audit-top-list>li[data-severity=recommendation] .audit-severity{color:#325f8b}.audit-impact{padding:.1rem .5rem;border-radius:999px;background:var(--accent-soft);color:var(--text-primary);font-weight:600}.audit-top-list h4{margin-top:.45rem;font-size:1.1rem;font-weight:650;letter-spacing:-.015em;line-height:1.35}.audit-top-list p:not(.audit-top-meta,.audit-top-locked){margin-top:.4rem;font-size:.9rem;line-height:1.65}.audit-top-list .audit-top-impact{color:var(--text-secondary);font-size:.85rem}.audit-top-locked{display:flex;gap:.45rem;align-items:center;margin-top:.8rem;padding-top:.8rem;border-top:1px dashed var(--border-subtle);color:var(--text-secondary);font-size:.82rem}.audit-top-locked svg{width:.95rem;height:.95rem;flex-shrink:0}.audit-scorecard{margin-top:2.25rem}.audit-scorebars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem 2rem;margin-top:.75rem}.audit-scorebar{display:grid;grid-template-columns:minmax(7.5rem,10rem) minmax(0,1fr) 4.5rem;grid-template-areas:"label track score";align-items:center;gap:.9rem;min-height:52px;padding:.45rem .5rem;border-radius:.5rem;text-align:left;width:100%}button.audit-scorebar[aria-pressed=true]{background:var(--accent-soft)}@media (hover: hover) and (pointer: fine){button.audit-scorebar:hover{background:var(--accent-soft)}}.audit-scorebar-label{grid-area:label;font-size:.88rem;font-weight:600;line-height:1.3}.audit-scorebar-label small{display:block;font-size:.7rem;font-weight:400;color:var(--text-secondary)}.audit-scorebar-track{grid-area:track;height:.5rem;border-radius:999px;background:var(--border-subtle);overflow:hidden}.audit-scorebar-track>span{display:block;height:100%;border-radius:inherit;background:var(--text-secondary)}.audit-scorebar[data-tone=good] .audit-scorebar-track>span{background:var(--accent-primary)}.audit-scorebar[data-tone=fair] .audit-scorebar-track>span{background:#b7791f}.audit-scorebar[data-tone=poor] .audit-scorebar-track>span{background:#a02330}.audit-scorebar strong{grid-area:score;font-size:1.15rem;font-weight:650;font-variant-numeric:tabular-nums;text-align:right}.audit-scorebar strong small{font-size:.68rem;font-weight:400;color:var(--text-secondary)}.audit-scorebar strong.audit-missing-value{font-size:.75rem;font-weight:500;color:var(--text-secondary)}@media (max-width: 700px){.audit-scorebars{grid-template-columns:1fr}.audit-scorebar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label score" "track track";gap:.45rem 1rem;padding-block:.6rem}.audit-top-list>li{grid-template-columns:1fr;gap:.25rem;padding:1rem}}