:root{
  --N:#030139;
  --B:#08039F;
  --R:#D63422;
  --paper:#FBFCFE;
  --ink:#0D0F30;
  --grey:#5A6184;
  --line:#E5E9F4;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Heebo',sans-serif;color:var(--ink);background:var(--paper);line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Rubik',sans-serif;line-height:1.18;margin:0;font-weight:900}
p{margin:0}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.skip{position:absolute;top:-100px;inset-inline-end:12px;background:var(--N);color:#fff;padding:10px 18px;border-radius:0 0 10px 10px;z-index:2000;font-weight:700}
.skip:focus{top:0}
:focus-visible{outline:3px solid var(--R);outline-offset:3px;border-radius:6px}
::selection{background:var(--R);color:#fff}

/* ============ NAV ============ */
.nav{position:sticky;top:0;z-index:50;background:var(--N);color:#fff}
.nav-inner{height:72px;display:flex;align-items:center;gap:24px}
.nav .logo{display:flex;align-items:center;height:24px}
.nav .logo img{height:22px;width:auto}
.nav-cta{background:var(--R);color:#fff;font-weight:700;padding:10px 20px;border-radius:10px;font-size:.94rem;transition:.2s;white-space:nowrap;margin-inline-start:auto}
.nav-cta:hover{filter:brightness(1.1)}
.lang-switch{display:flex;gap:4px}
.lang-switch a{font-family:'JetBrains Mono',monospace;font-size:.78rem;font-weight:700;color:#A9AECF;padding:6px 9px;border-radius:7px;border:1px solid rgba(255,255,255,.16);transition:.2s}
.lang-switch a:hover{color:#fff;border-color:rgba(255,255,255,.4)}
.lang-switch a[aria-current]{background:#fff;color:var(--N);border-color:#fff}
@media(max-width:780px){.nav-cta{padding:9px 14px;font-size:.88rem}.lang-switch a{padding:5px 7px;font-size:.72rem}}

/* ============ FOOTER ============ */
.footer{background:var(--N);color:#A9AECF;padding:52px 24px 0;font-size:.94rem}
.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:48px;padding-bottom:44px;position:relative;z-index:2}
.footer .brand .logo img{height:22px;width:auto}
.footer .brand p{color:#A9AECF;max-width:30em;font-size:.92rem;margin-top:18px}
.footer h4{color:#fff;font-size:.95rem;font-weight:800;margin-bottom:18px;font-family:'Rubik',sans-serif}
.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.footer a{color:#C6CAEF;transition:.2s;font-size:.92rem}
.footer a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.10);padding:20px 0;text-align:center;font-size:.84rem;color:#9AA0C8}
.footer-bottom a{color:#C6CAEF}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}