/* Sales Achievements UX layer, 2026-09-24 */
html{scroll-padding-top:90px}
::selection{background:#4f83d6;color:#fff}
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:#fff;color:#0e1c30;padding:10px 16px;border-radius:6px;font-weight:600;transition:top .15s}
.skip:focus{top:12px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #6ea0e8;outline-offset:3px;border-radius:4px}
header{transition:box-shadow .2s,background .2s}
header.scrolled{box-shadow:0 6px 24px rgba(0,0,0,.35);background:rgba(14,28,48,.97)}
.btn-primary,.btn-ghost,.button,.cta,.q button,.form button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s,background .15s,border-color .15s}
.btn-primary:hover,.form button:hover{transform:translateY(-1px)}
.burger{min-width:44px;min-height:44px}
.card{will-change:transform}
/* reveal on scroll */
.rv{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.rv.in{opacity:1;transform:none}
/* sticky mobile action bar */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(10,20,34,.97);border-top:1px solid #33445c;transform:translateY(110%);transition:transform .25s ease}
.mbar.show{transform:none}
.mbar a{flex:1;min-height:46px;display:flex;align-items:center;justify-content:center;border-radius:7px;font-weight:600;font-size:.92rem;text-align:center}
.mbar .p{background:#fff;color:#0e1c30}
.mbar .g{border:1px solid #6b7f99;color:#fff}
@media(max-width:760px){.mbar{display:flex}body.has-mbar footer{padding-bottom:90px}}
/* test result call to action */
.result .next{display:none;margin-top:18px;gap:10px;flex-wrap:wrap}
.result.done .next{display:flex}
.result .next a{min-height:44px;display:inline-flex;align-items:center;padding:12px 18px;border-radius:6px;font-weight:600;font-size:.92rem}
.result .next .a1{background:#fff;color:#0e1c30}
.result .next .a2{border:1px solid #6b7f99;color:#fff}
.qprog{font-family:var(--mono,monospace);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#6ea0e8;margin-bottom:12px}
.qprog .bar{height:4px;background:#33445c;border-radius:4px;margin-top:8px;overflow:hidden}
.qprog .bar i{display:block;height:100%;width:0;background:#4f83d6;transition:width .3s}
/* form states */
.form .err{color:#ffb4b4;font-size:.82rem;font-weight:400}
.form input[aria-invalid=true]{border-color:#e06c6c}
.form button[disabled]{opacity:.7;cursor:progress}
.trust{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.8rem;color:#cdd8e6;margin-top:4px}
.trust span:before{content:"\2713  ";color:#6ea0e8}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}
/* UX audit fixes 2026-09-24: contrast, legibility, tap targets */
.nav-right .button.small,.menu.open .menu-cta.blue,.q button.on,.steps li:before{background:#3566b5!important;border-color:#3566b5!important}
.q button.on{color:#fff}
.eyebrow,.card .k,.q .k,.stat .l,.badge .l,.case .cite,.attr{font-size:max(12.5px,.78rem)!important}
.badge .l{font-size:11px!important;letter-spacing:.08em}
.nav-right .button.small{font-size:max(12.5px,.8rem)!important}
@media(max-width:760px){footer .links a,footer .foot a,.foot .links a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}.foot .links{gap:4px 14px}.contact-line a{display:inline-flex;align-items:center;min-height:44px}.brand{min-height:44px;display:inline-flex;align-items:center}}