:root{--site-header-height:76px;--site-hero-size:clamp(2rem,3vw,2.75rem)}
.header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(5,7,20,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.header .nav{position:relative;min-height:var(--site-header-height);display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:18px;padding:0}
.header .brand{display:flex;align-items:center;gap:11px;flex:0 1 auto}
.header .brand img,.header .brand .logo{width:58px;height:42px;flex:0 0 58px;object-fit:contain;border:0;border-radius:12px;background:#fff;padding:4px;box-shadow:none}
.header .brand strong{display:block;font-size:1rem;letter-spacing:-.025em}
.header .brand small{display:block;margin-top:1px;color:#728096;font-size:.62rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.header .menu-check{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}
.header .menu-button{display:none;width:44px;height:44px;flex:0 0 44px;place-items:center;border:1px solid rgba(255,255,255,.26);border-radius:14px;background:rgba(255,255,255,.07);cursor:pointer}
.header .menu-button i,.header .menu-button i::before,.header .menu-button i::after{content:"";display:block;width:21px;height:2px;border-radius:999px;background:#fff}
.header .menu-button i::before{transform:translateY(-7px)}.header .menu-button i::after{transform:translateY(5px)}
.header .links{width:auto;display:flex;align-items:center;gap:4px;padding:0;border:0;background:transparent;box-shadow:none}
.header .links a{position:relative;display:flex;align-items:center;justify-content:center;min-height:40px;padding:9px 10px;border-radius:11px;color:#a8b4ca;font-size:.86rem;font-weight:850;white-space:nowrap;text-align:center;transition:color .2s ease,background .2s ease,transform .2s ease}
.header .links a:hover,.header .links a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.08);transform:translateY(-1px)}
.header .links a[aria-current="page"]::after{content:"";position:absolute;right:12px;bottom:5px;left:12px;height:2px;border-radius:999px;background:linear-gradient(90deg,#5eead4,#60a5fa);box-shadow:0 0 12px rgba(94,234,212,.55)}
.header .links .cta,.header .links .nav-cta{margin:0;color:#06131d;background:linear-gradient(135deg,#5eead4,#60a5fa)}
.header .links .cta::after,.header .links .nav-cta::after{display:none}
.header .links .cta:hover,.header .links .nav-cta:hover{box-shadow:0 10px 28px rgba(94,234,212,.22)}
.header a:focus-visible,.site-footer a:focus-visible{outline:3px solid rgba(94,234,212,.78);outline-offset:3px}
.hero h1,.legal-copy h1{font-size:var(--site-hero-size);line-height:1.08;letter-spacing:-.04em}
.site-footer{padding:42px 0 54px;border-top:1px solid rgba(255,255,255,.15);color:#728096}
.site-footer>p{max-width:720px;color:#728096;line-height:1.55}
.site-footer .footer-links{display:flex;flex-wrap:wrap;gap:11px 16px;margin-top:18px}
.site-footer .footer-links a{color:#a8b4ca;font-weight:800}
.site-footer .footer-links a:hover{color:#d7fff8}
.legal-notice{padding:18px;border:1px solid rgba(94,234,212,.3);border-radius:18px;color:#d7fff8;background:rgba(94,234,212,.07);line-height:1.6}
.legal-notice a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){
  :root{--site-header-height:68px;--site-hero-size:clamp(1.95rem,8.5vw,2.3rem)}
  .header .nav{min-height:var(--site-header-height)}
  .header .brand img,.header .brand .logo{width:52px;height:38px;flex-basis:52px}
  .header .brand strong{font-size:.95rem}.header .brand small{font-size:.56rem}
  .header .menu-button{display:grid}
  .header .links{display:none;position:absolute;right:0;top:calc(100% + 8px);width:min(330px,calc(100vw - 28px));grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:9px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(8,14,31,.99);box-shadow:0 18px 50px rgba(0,0,0,.45)}
  .header .menu-check:checked~.links{display:grid}
  .header .links a{min-height:43px;padding:9px 8px;font-size:.82rem}
  .header .links .cta,.header .links .nav-cta{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){
  .header .links a{transition:none}
  html{scroll-behavior:auto}
}