/* Header, navigation, language switcher, mobile drawer */
header{position:fixed;left:0;right:0;top:env(safe-area-inset-top,0px);z-index:9;transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
header.solid{background:rgba(7,12,20,.82);backdrop-filter:blur(12px);border-color:var(--line)}
.bar{display:flex;align-items:center;gap:16px;padding-block:12px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0;min-width:0}
.brand img{width:44px;height:44px;flex:none;border-radius:50%;box-shadow:0 0 0 1px rgba(255,196,0,.35),0 6px 18px rgba(0,0,0,.4)}
.brand b{font:900 17px/1 Inter,var(--f-display);letter-spacing:.06em}
.brand small{display:block;font:500 10px/1.3 var(--f-mono);letter-spacing:.14em;color:var(--muted);margin-top:4px}
header nav{display:flex;gap:20px;margin-left:auto;flex-shrink:0}
header nav a{text-decoration:none;color:var(--muted);font-size:14px;white-space:nowrap;transition:color .2s}
header nav a:hover{color:var(--ink)}

/* language switcher */
.langs{display:flex;gap:2px;padding:3px;border:1px solid var(--line2);border-radius:999px;background:rgba(255,255,255,.03);overflow:visible;flex-shrink:0}
.langs a{text-decoration:none;width:34px;height:28px;padding:0;display:grid;place-items:center;border-radius:999px;background:none;border:0;cursor:pointer}
.flag{display:block;width:22px;height:15px;border-radius:3px;opacity:.5;filter:saturate(.6);box-shadow:0 0 0 1px rgba(255,255,255,.2);transition:opacity .2s,filter .2s,box-shadow .2s}
.langs a:hover .flag{opacity:.95;filter:none}
.langs a[aria-current="true"] .flag{opacity:1;filter:none;box-shadow:0 0 0 2px var(--gold)}

.hcta{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;background:var(--gold);color:var(--bg);text-decoration:none;font-weight:700;font-size:14px;flex-shrink:0;white-space:nowrap}

/* burger + compact / mobile header */
.burger{display:none;position:relative;flex:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line2);background:var(--panel);cursor:pointer}
.burger i{position:absolute;left:12px;right:12px;height:2px;border-radius:2px;background:var(--ink);transition:transform .3s,opacity .2s,top .3s}
.burger i:nth-child(1){top:14px}.burger i:nth-child(2){top:20.5px}.burger i:nth-child(3){top:27px}
html.menu-open .burger i:nth-child(1){top:20.5px;transform:rotate(45deg)}
html.menu-open .burger i:nth-child(2){opacity:0}
html.menu-open .burger i:nth-child(3){top:20.5px;transform:rotate(-45deg)}
header.compact nav{display:none}
header.compact .burger{display:block}
header.compact .bar>.soc{margin-left:auto}
@media (max-width:1023px){header nav{display:none}header .burger{display:block}header .bar>.soc{margin-left:auto}}
@media (max-width:640px){header .hcta,header .bar>.soc{display:none}header .langs{margin-left:auto}}
@media (max-width:420px){.bar{gap:10px}.brand{gap:9px}.brand img{width:38px;height:38px}.brand b{font-size:15px}.brand small{display:none}.langs a{width:30px;height:26px}.flag{width:20px;height:14px}}
@media (max-width:340px){header .brand>span{display:none}}
html.menu-open header{background:rgba(7,12,20,.96);border-color:var(--line)}

/* drawer */
.drawer{position:fixed;inset:0;z-index:8;background:rgba(7,12,20,.97);backdrop-filter:blur(14px);padding-top:calc(70px + env(safe-area-inset-top,0px));overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s,transform .3s,visibility 0s .3s}
html.menu-open .drawer{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform .3s}
.dwrap{display:flex;flex-direction:column;gap:28px;padding-block:16px max(32px,env(safe-area-inset-bottom,0px))}
.dnav{display:flex;flex-direction:column}
.dnav a{display:flex;align-items:baseline;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);font:700 clamp(21px,5.6vw,30px)/1.15 var(--f-display);font-stretch:78%;text-transform:uppercase;transition:color .2s,padding .2s}
.dnav a:hover{color:var(--gold);padding-left:6px}
.dnav a i{font:500 12px var(--f-mono);font-style:normal;color:var(--gold);letter-spacing:.1em}
html.menu-open .dnav a{animation:din .45s both}
html.menu-open .dnav a:nth-child(2){animation-delay:.04s}html.menu-open .dnav a:nth-child(3){animation-delay:.08s}html.menu-open .dnav a:nth-child(4){animation-delay:.12s}
html.menu-open .dnav a:nth-child(5){animation-delay:.16s}html.menu-open .dnav a:nth-child(6){animation-delay:.2s}html.menu-open .dnav a:nth-child(7){animation-delay:.24s}
@keyframes din{from{opacity:0;transform:translateY(12px)}}
.dfoot{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.dfoot .btn{align-self:stretch;justify-content:center}
.dphone{display:inline-flex;align-items:center;gap:10px;font-size:20px;color:var(--ink);text-decoration:none}
.dphone .ic{width:18px;height:18px;fill:var(--gold)}
.dfoot .soc{gap:12px}.dfoot .si{width:46px;height:46px}.dfoot .si svg{width:22px;height:22px}.dfoot .si.ig{border-radius:13px}
@media (min-width:700px){.dwrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:start}}