/* Agency presentation layer. Scoring and report behavior stay in the kit. */
html body{--r:0px}
body h1,body h2,body h3{text-transform:uppercase;font-weight:700;line-height:1.13}
body header.bar{background:#fff;border-bottom:4px solid #00c0ff}
body .bar .wrap{padding-block:1.15rem;gap:1.5rem}
body .logo{color:#080b0d;gap:1.1rem}
body .logo img{height:48px;width:auto}
body .logo span{max-width:11rem;font:700 .7rem/1.5 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;border-left:1px solid #ccc;padding-left:1rem}
body .nav a,body .nav a:hover{color:#080b0d}
body .btn{background:#eaff00;border-color:#eaff00;color:#000;letter-spacing:.02em}
body .btn.ghost{background:transparent;border-color:var(--line);color:var(--text)}
body .btn:hover{filter:brightness(.94)}
body main>section.block:first-child{padding-block:clamp(3rem,7vw,6.5rem)}
body main>section.block:first-child h1{max-width:52rem;font-size:clamp(2.8rem,6.7vw,5.8rem);letter-spacing:-.025em}
body #checks{background:#f6f5f1;color:#080b0d;--muted:#465057;--line:#cdd1cf;--panel:transparent}
body #checks .eyebrow{color:#215569}
body #checks .grid{gap:0;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
body #checks .panel{border:0;border-bottom:1px solid var(--line);padding:1.7rem 1.2rem 1.7rem 0;border-radius:0}
body #checks h3{font-size:1.65rem}
body footer.site{border-top:1px solid var(--line)}
@media(max-width:850px){body #checks .grid{grid-template-columns:repeat(2,minmax(0,1fr))}body .bar .wrap{gap:1rem}body .nav{gap:.85rem;align-items:center}}
@media(max-width:480px){body .logo img{height:40px}body .logo span{max-width:9rem;font-size:.6rem}body .nav{font-size:.75rem;width:100%;justify-content:space-between}body .scanform>.btn{width:100%}body #checks .panel{padding-right:.9rem}body #checks h3{font-size:1.4rem}}