/* Shared header (menus, mobile menu) and footer for every page, including the homepage */
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:20px}
.top .logo{flex:none}
.menu{display:flex;gap:4px;align-items:center;font-size:14.5px;color:var(--muted)}
.menu>a,.dd-t{padding:8px 12px;border-radius:9px;color:var(--muted);background:none;border:0;font:inherit;cursor:pointer;display:flex;align-items:center;gap:6px;transition:color .2s,background .2s}
.menu>a:hover,.dd-t:hover,.dd.open .dd-t,.menu>a.cur,.dd.cur .dd-t{color:var(--bone)}
.menu>a:hover,.dd-t:hover,.dd.open .dd-t{background:#171a1f}
.dd{position:relative}
.dd-t svg{width:10px;height:10px;transition:transform .2s}
.dd.open .dd-t svg{transform:rotate(180deg)}
.dd-p{position:absolute;top:calc(100% + 10px);left:-10px;min-width:320px;background:rgba(20,23,27,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid #2a2e35;border-radius:16px;padding:10px;box-shadow:0 30px 60px -20px rgba(0,0,0,.8);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s;display:grid;gap:2px;z-index:60}
.dd-p:before{content:'';position:absolute;top:-12px;left:0;right:0;height:12px}
.dd.open .dd-p{opacity:1;visibility:visible;transform:none}
@media (hover:hover) and (min-width:961px){.dd:hover .dd-p{opacity:1;visibility:visible;transform:none}}
.dd-p.wide{grid-template-columns:1fr 1fr;min-width:560px}
.dd-p a{display:flex;gap:11px;align-items:flex-start;padding:10px;border-radius:10px;color:var(--bone)}
.dd-p a:hover{background:#1e2228}
.dd-p .di{width:32px;height:32px;border-radius:9px;background:#22262c;display:grid;place-items:center;color:var(--volt);flex:none}
.dd-p .di svg{width:16px;height:16px}
.dd-p b{display:block;font-size:14px;font-weight:600}
.dd-p small{display:block;font-size:12.5px;color:var(--slate);line-height:1.35;margin-top:2px}
.dd-p a.all{grid-column:1/-1;border-top:1px solid #2a2e35;margin-top:6px;border-radius:0 0 10px 10px;padding-top:12px;font-size:13.5px;color:var(--volt);font-weight:600}
.top-cta{display:flex;gap:10px;align-items:center;flex:none}
.top .btn.sm,.btn.sm{padding:10px 16px;font-size:14px}
.burger{display:none;width:42px;height:42px;border-radius:11px;border:1px solid #2f343b;background:transparent;cursor:pointer;place-items:center;align-content:center;gap:5px}
.burger i{display:block;width:18px;height:2px;background:var(--bone);border-radius:2px;transition:transform .25s}
.top.menu-open .burger i:first-child{transform:translateY(3.5px) rotate(45deg)}
.top.menu-open .burger i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
@media(max-width:1120px){.top-cta .btn-ghost{display:none}}
@media(max-width:960px){
 .menu{position:fixed;top:72px;left:0;right:0;bottom:0;background:var(--ink);flex-direction:column;align-items:stretch;padding:16px 20px 40px;overflow:auto;display:none;gap:2px;font-size:17px}
 .top.menu-open{background:var(--ink)}
 .top.menu-open .menu{display:flex}
 .menu>a,.dd-t{padding:14px 10px;justify-content:space-between;width:100%}
 .dd-p{position:static;opacity:1;visibility:visible;transform:none;display:none;box-shadow:none;min-width:0;background:#14171b;margin:2px 0 8px}
 .dd.open .dd-p{display:grid}
 .dd-p.wide{grid-template-columns:1fr;min-width:0}
 .burger{display:grid}
 .top-cta .btn-volt{padding:9px 13px;font-size:13px}
}
body.no-scroll{overflow:hidden}

/* footer */
footer .wrap{grid-template-columns:1.5fr 1fr 1fr 1fr}
footer .brand p{margin-top:16px;max-width:34ch}
.legal a{margin-left:14px}
.disclaimer{grid-column:1/-1;font-size:12px;color:#6b717a;max-width:95ch;line-height:1.5}
@media(max-width:860px){footer .wrap{grid-template-columns:1fr 1fr}footer .brand{grid-column:1/-1}}