/* v2.73.0 UI CLEAN — desktop header, Windows typography, simplified navigation */
:root{--hn-font:-apple-system,BlinkMacSystemFont,"Segoe UI Variable","Segoe UI",Arial,sans-serif}
body,button,input,select,textarea,h1,h2,h3,h4,label,legend{font-family:var(--hn-font)!important}

/* Desktop header: one row, public navigation only */
.topbar{background:rgba(255,255,255,.97)!important}
.topbar .top-inner{max-width:1280px!important;min-height:94px;padding:10px 18px!important;gap:22px!important;flex-wrap:nowrap!important}
.topbar .brand{flex:0 0 auto;gap:10px!important}
.topbar .brand-icon{width:44px!important;height:44px!important;border-radius:10px!important}
.topbar .brand-name{font-size:16px!important;font-weight:800!important;letter-spacing:.035em!important}
.topbar .brand-tag{font-size:10px!important;line-height:1.25!important;max-width:270px}
.topbar .top-actions{margin-left:auto;display:flex!important;align-items:center!important;gap:24px!important;min-width:0}
.topbar .mini-nav{display:flex!important;align-items:center!important;gap:26px!important;flex-wrap:nowrap!important}
.topbar .mini-nav a{font-size:14px!important;font-weight:700!important;letter-spacing:-.01em!important;padding:9px 0!important;white-space:nowrap!important}
.internal-login-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid #c9dce9;border-radius:12px;background:#eef7ff;color:#123a63!important;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px rgba(16,42,67,.05)}
.internal-login-button:hover{background:#e2f2ff;border-color:#9ec5de}

/* Quick tools are secondary, only three */
.guide-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:760px;margin:16px auto 0!important}
.guide-strip a{min-height:54px!important;font-size:12px!important;font-weight:650!important;border-radius:13px!important}

/* Main cards */
.tool-test b{font-size:18px!important;font-weight:700!important;letter-spacing:-.015em!important;line-height:1.28!important}
.tool-test span{font-size:12px!important;line-height:1.55!important}
.tool-test a{font-weight:700!important}

/* Sample report CTA */
.test-report-box h2{font:700 24px/1.2 var(--hn-font)!important;letter-spacing:-.02em!important;text-transform:none!important}
.test-report-box a{font-family:var(--hn-font)!important;font-size:17px!important;font-weight:700!important;letter-spacing:-.01em!important;text-transform:none!important}

/* Survey typography on Windows */
.page-title{font-family:var(--hn-font)!important;font-weight:700!important;letter-spacing:-.035em!important;text-transform:none!important;line-height:1.15!important}
.eyebrow,.survey-guide b,.helper{font-family:var(--hn-font)!important;font-weight:700!important;letter-spacing:.035em!important}
.question h2,fieldset legend,.form>label,.form label{font-family:var(--hn-font)!important;font-weight:700!important;letter-spacing:-.015em!important}
.answer,.radio{font-family:var(--hn-font)!important;font-weight:600!important;letter-spacing:0!important}

/* Public footer: compact and non-technical */
.footer{padding:20px 18px 24px!important}
.footer .page{max-width:1180px;padding:0!important}
.footer-logo{width:min(440px,100%)!important;margin:0 0 12px!important}
.footer p{margin:4px 0 8px;font-size:12px;line-height:1.5}
.footer-public-links{font-size:12px;line-height:1.6}
.footer-public-links a{font-weight:700}
.footer-build{display:none!important}

@media(max-width:1100px){
 .topbar .top-inner{min-height:84px!important}
 .topbar .mini-nav{gap:18px!important}
 .topbar .mini-nav a{font-size:13px!important}
 .topbar .brand-tag{display:none!important}
}
@media(max-width:900px){
 .topbar .top-inner{min-height:auto!important;flex-wrap:wrap!important}
 .topbar .top-actions{width:100%;justify-content:space-between;gap:12px!important}
 .topbar .mini-nav{display:flex!important;gap:14px!important;overflow-x:auto;scrollbar-width:none}
 .topbar .mini-nav::-webkit-scrollbar{display:none}
 .internal-login-button{flex:0 0 auto}
}
@media(max-width:700px){
 .topbar .top-inner{padding:10px 12px!important}
 .topbar .brand-icon{width:40px!important;height:40px!important}
 .topbar .brand-name{font-size:14px!important}
 .topbar .top-actions{align-items:flex-start;flex-direction:column}
 .topbar .mini-nav{width:100%;font-size:12px}
 .internal-login-button{width:100%}
 .guide-strip{grid-template-columns:1fr!important;max-width:none}
 .test-report-box h2{font-size:21px!important}
}

/* v2.75.0 — standard brand logo */
.topbar .brand-full-logo{display:block;width:min(310px,28vw);height:auto;max-height:64px;object-fit:contain}
@media(max-width:900px){.topbar .brand-full-logo{width:min(280px,68vw);max-height:58px}}
@media(max-width:560px){.topbar .brand-full-logo{width:min(250px,78vw);max-height:54px}}