/* Shared header: one layout on the homepage, content and transactional pages. */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;display:block;padding:0;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid #DAE4EE}
.top .wrap{box-sizing:border-box;width:min(1160px,100% - 40px);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px}
.top .brand{display:block;flex:none}
.top .brand img{display:block;height:44px;width:auto;max-width:100%}
.top nav{display:flex;align-items:center;gap:26px;font-family:"Albert Sans","Helvetica Neue",Arial,sans-serif}
.top nav a:not(.btn){color:#0E2240;text-decoration:none;font-size:15px;line-height:1.6;font-weight:600}
.top nav a:not(.btn):hover{color:#0868B5}
.top .btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:11px 18px;border-radius:999px;border:0;background:#0A2858;color:#fff;font:700 15px/1 "Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;letter-spacing:-.01em;text-decoration:none;white-space:nowrap;box-shadow:0 12px 26px -14px rgba(10,40,88,.7);transition:transform .18s,background .18s,box-shadow .18s}
.top .btn:hover{background:#0F3470;transform:translateY(-2px)}
.top .btn .dot{width:10px;height:10px;border-radius:50%;background:#D93025;box-shadow:0 0 0 3px rgba(255,255,255,.28);flex:none}
.top a:focus-visible{outline:3px solid #0868B5;outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;top:10px;z-index:99;background:#0A2858;color:#fff;padding:10px 14px;border-radius:8px}
.skip:focus{left:10px}
@media(max-width:900px){.top nav{gap:14px}.top nav a:not(.btn){display:none}.top nav a[href="/features/"]{display:inline-flex;align-items:center;min-height:44px}}
@media(max-width:480px){.top .brand img{height:38px}}
@media(prefers-reduced-motion:reduce){.top .btn{transition:none}.top .btn:hover{transform:none}}