:root{
  --navy:#071B4D; --blue:#156BFF; --purple:#6A35FF;
  --ink:#071B4D; --muted:#6B7280;
  --bg:#fff; --surface:#fff; --soft:#F5F7FB; --border:#E8EAF2;
  --glass:rgba(255,255,255,.88);
  --wrap:1220px; --pad:28px;
  --grad:linear-gradient(135deg,#156BFF,#6A35FF);
}
html[data-theme=dark]{
  --ink:#F4F7FF; --muted:#A9B4CE;
  --bg:#090F22; --surface:#111A34; --soft:#0E1730; --border:#263251;
  --glass:rgba(9,15,34,.84);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink);
  line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}
button{font:inherit}
.container{max-width:var(--wrap);margin:auto;padding:0 var(--pad)}
h1,h2,h3{font-family:Sora,sans-serif;margin:0;letter-spacing:-.03em;text-wrap:balance}
.muted{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 25px;
  border-radius:999px;font-weight:700;font-size:15px;border:1px solid transparent;cursor:pointer;
  transition:transform .2s,box-shadow .2s,border-color .2s;text-decoration:none}
.btn:hover{transform:translateY(-2px);text-decoration:none}
.primary{background:var(--grad);color:#fff;box-shadow:0 15px 34px -18px rgba(21,107,255,.75)}
.secondary{background:var(--surface);border-color:var(--border);color:var(--ink)}
.secondary:hover{border-color:var(--blue);color:var(--blue)}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:8px}
header.nav{position:sticky;top:0;z-index:60;background:var(--glass);
  backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}
.nav__in{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{display:flex;align-items:center;height:40px;flex:none;min-width:0}
.logo img{height:36px;width:auto;max-width:min(180px,42vw)}
.nav__desktop{display:flex;align-items:center;justify-content:center;flex:1;min-width:0}
.links{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;font-size:14px;font-weight:600;color:var(--muted)}
.links a{color:inherit}
.links a:hover{color:var(--blue);text-decoration:none}
.nav__panel{display:none}
.actions{display:flex;align-items:center;gap:10px;flex:none}
.theme{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);
  background:var(--surface);color:var(--ink);cursor:pointer;flex:none}
.nav__toggle{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--border);
  background:var(--surface);color:var(--ink);cursor:pointer;padding:0;align-items:center;justify-content:center;flex:none}
.nav__toggle-bars,.nav__toggle-bars::before,.nav__toggle-bars::after{
  display:block;width:18px;height:2px;border-radius:2px;background:currentColor;position:relative;transition:transform .2s,opacity .2s}
.nav__toggle-bars::before,.nav__toggle-bars::after{content:'';position:absolute;left:0}
.nav__toggle-bars::before{top:-6px}
.nav__toggle-bars::after{top:6px}
header.nav.is-open .nav__toggle-bars{background:transparent}
header.nav.is-open .nav__toggle-bars::before{top:0;transform:rotate(45deg)}
header.nav.is-open .nav__toggle-bars::after{top:0;transform:rotate(-45deg)}
body.nav-open{overflow:hidden}

@media(max-width:1000px){
  .nav__toggle{display:inline-flex}
  .nav__desktop,.nav__cta-desktop{display:none!important}
  header.nav.is-open .nav__panel{
    display:block;border-top:1px solid var(--border);background:var(--bg);
    box-shadow:0 24px 40px -28px rgba(7,27,77,.45);max-height:calc(100dvh - 64px);overflow:auto}
  .nav__panel-in{padding:8px 0 20px}
  .links--mobile{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0}
  .links--mobile a{display:block;padding:14px 4px;border-bottom:1px solid var(--border);color:var(--ink);font-size:16px}
  .nav__panel-cta{display:grid;gap:10px;margin-top:16px}
  .nav__panel-cta .btn{width:100%}
}

@media(max-width:640px){
  :root{--pad:16px}
  .nav__in{min-height:64px;gap:10px}
  .logo img{height:30px}
  .actions{gap:6px}
  .lang a{min-width:30px;height:30px;padding:0 8px;font-size:11px}
  .page-hero{padding:36px 0 22px}
  .legal{padding:28px 0 64px}
  .foot{align-items:flex-start;flex-direction:column;gap:16px}
}
.page-hero{padding:56px 0 28px;background:
  radial-gradient(circle at 82% 20%,rgba(21,107,255,.12),transparent 22rem),
  linear-gradient(180deg,var(--bg),var(--soft))}
.page-hero h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;margin:12px 0 10px}
.page-hero .lead{max-width:680px;color:var(--muted);margin:0;font-size:17px}
.kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;
  background:#F0F5FF;border:1px solid #D6E4FF;color:var(--navy);font-size:12px;font-weight:700}
.kicker::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--blue)}
html[data-theme=dark] .kicker{background:rgba(21,107,255,.14);border-color:rgba(21,107,255,.35);color:#B8D0FF}
.legal{padding:40px 0 88px}
.legal-grid{display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:start}
@media(max-width:900px){.legal-grid{grid-template-columns:1fr}}
.toc{position:sticky;top:100px;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}
@media(max-width:900px){.toc{position:static}}
.toc p{margin:0 0 10px;font-family:Sora,sans-serif;font-size:13px;font-weight:700}
.toc ol{margin:0;padding-left:18px;color:var(--muted);font-size:13px;display:flex;flex-direction:column;gap:8px}
.toc a{color:inherit}
.content{max-width:760px}
.content h2{font-size:1.35rem;margin:36px 0 12px;padding-top:8px}
.content h2:first-child{margin-top:0}
.content p,.content li{color:var(--muted);font-size:15px}
.content ul,.content ol{padding-left:20px;margin:0 0 1em}
.content li{margin-bottom:8px}
.content strong{color:var(--ink);font-weight:700}
.note{margin:20px 0;padding:16px 18px;border-radius:14px;border:1px solid var(--border);
  background:var(--soft);color:var(--muted);font-size:14px}
footer{border-top:1px solid var(--border);padding:40px 0}
.foot{display:flex;justify-content:space-between;align-items:center;gap:26px;flex-wrap:wrap}
.foot-brand{display:flex;align-items:center;gap:14px}
.foot-brand img{height:28px;width:auto}
.foot-links{display:flex;gap:22px;flex-wrap:wrap;color:var(--muted);font-size:13px}
.foot-links a{color:inherit}
.foot-links a:hover{color:var(--blue);text-decoration:none}

.lang{display:inline-flex;align-items:center;gap:2px;padding:4px;border:1px solid var(--border);border-radius:999px;background:var(--surface);flex:none}
.lang a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:32px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700;color:var(--muted);text-decoration:none}
.lang a:hover{color:var(--ink);text-decoration:none}
.lang a.is-active{background:var(--grad);color:#fff}

.pills{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 8px}
.pill{font-size:12px;font-weight:700;padding:8px 12px;border-radius:999px;
  border:1px solid rgba(106,53,255,.28);background:rgba(106,53,255,.10);color:var(--purple)}
html[data-theme=dark] .pill{color:#BDB4FF}