/* Shared dark legal/trust chrome — matches home header emblem size */
:root{
  --black:#000000;--white:#fff;--accent:#7894FF;--accent2:#4A6CF7;
  --ink:#F5F4F1;--dim:rgba(245,244,241,.62);--line:rgba(245,244,241,.12);
  --sans:'Satoshi',-apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',system-ui,sans-serif;
  --display:Archivo,system-ui,sans-serif;
  --nav-pad-x:36px;
  --nav-h:68px;
  /* Same as marketing index.html — logo must not jump size across pages */
  --nav-emblem-box:40px;
  --nav-emblem-draw:34px;
}
@media (max-width:640px){
  :root{ --nav-pad-x:20px; --nav-h:60px; }
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--black);color-scheme:dark;}
body{
  background:var(--black);color:var(--ink);font-family:var(--sans);
  line-height:1.55;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;
  min-height:100vh;
}
a{color:inherit;text-decoration:none}
.wrap{max-width:960px;margin:0 auto;padding:0 28px}

/* Desktop: logo left · centred Home/Trust/Terms/Privacy · lang right */
nav.site-nav{
  position:sticky;top:0;z-index:50;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  column-gap:16px;
  min-height:var(--nav-h);height:var(--nav-h);
  padding:0 var(--nav-pad-x);
  padding-top:env(safe-area-inset-top,0);
  box-sizing:border-box;
  border-bottom:1px solid var(--line);
  background:#000000;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.wordmark{
  display:inline-flex;align-items:center;justify-content:center;
  width:var(--nav-emblem-box);height:var(--nav-emblem-box);margin:0;padding:0;
  color:#fff;flex:none;flex-shrink:0;
  position:relative;z-index:2;
  grid-column:1;grid-row:1;
}
.wordmark:hover{opacity:.88}
.wordmark .dot{
  width:var(--nav-emblem-draw);height:var(--nav-emblem-draw);
  color:#fff;flex:none;display:block;shape-rendering:geometricPrecision;
}
.nav-right{
  display:contents;
}
.nav-links{
  display:flex;align-items:center;flex-wrap:nowrap;
  /* Match main site desktop spacing between section links */
  gap:28px;
  font-size:14px;font-weight:600;
  grid-column:1 / -1;
  grid-row:1;
  justify-content:center;
  justify-self:center;
  width:max-content;
  max-width:100%;
  min-width:0;
  z-index:1;
  pointer-events:none;
}
@media (min-width:901px){
  .nav-links{gap:calc(28px + 1.1cm);}
}
.nav-links a{
  color:var(--dim);transition:color .2s ease;
  display:inline-flex;align-items:center;justify-content:center;
  min-width:0; min-height:1.35em; text-align:center;
  white-space:nowrap;
  pointer-events:auto;
}
.nav-links a:hover,.nav-links a.is-active{color:var(--ink)}
.lang-switch{
  display:inline-flex;gap:16px;padding:0;border-radius:0;flex:none;
  background:transparent;
  border:none;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  grid-column:3;grid-row:1;
  justify-self:end;
  position:relative;z-index:2;
}
.lang-switch::before{display:none !important;content:none !important;}
.lang-btn{
  border:0;background:transparent;color:var(--dim);font:inherit;font-size:12px;font-weight:700;
  padding:0;border-radius:0;cursor:pointer;
  min-width:0; text-align:center;position:relative;z-index:1;
  letter-spacing:.02em;
}
.lang-btn.is-active,
.lang-btn.active{
  background:transparent;color:#fff;
  box-shadow:none;
}
.lang-btn:hover{color:rgba(255,255,255,.88)}
.lang-btn.is-active:hover,.lang-btn.active:hover{color:#fff}

/* Mindworks-inspired CTAs — white fill, black text */
.btn-glass,.cta-row .btn,.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 22px;border-radius:999px;font-weight:650;font-size:14px;
  min-width:9.5em;position:relative;
  color:#0A0A0A;text-decoration:none;
  background:#ffffff;
  border:none;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  transition:transform .25s cubic-bezier(.22,1,.36,1), filter .2s ease;
}
.btn-glass::before,.cta-row .btn::before,.btn::before,
.btn-glass::after,.cta-row .btn::after,.btn::after{display:none !important;content:none !important;}
.btn-glass > *,.cta-row .btn > *,.btn > *{position:relative;z-index:1;color:#0A0A0A}
.cta-row .btn.secondary,.btn.secondary{
  background:transparent;
  border:1px solid rgba(255,255,255,.42);
  color:#fff;
}
.cta-row .btn.secondary > *,.btn.secondary > *{color:#fff}
.cta-row .btn:hover,.btn:hover,.btn-glass:hover{
  transform:translateY(-1px);
  filter:brightness(0.96);
}
.cta-row .btn.secondary:hover,.btn.secondary:hover{
  background:rgba(255,255,255,.06);
  filter:none;
}
main.legal-main{padding:48px 28px 72px;max-width:720px;margin:0 auto}
main.legal-main h1{
  font-size:clamp(28px,5vw,40px);font-weight:600;letter-spacing:-.025em;margin-bottom:8px;color:var(--ink);
  min-height:1.2em; line-height:1.15;
}
main.legal-main .meta{font-size:14px;color:var(--dim);margin-bottom:32px;min-height:1.4em}
main.legal-main h2{font-size:18px;font-weight:600;margin:28px 0 10px;letter-spacing:-.018em;color:var(--ink)}
main.legal-main p,main.legal-main li{font-size:15px;color:var(--dim);margin-bottom:12px}
main.legal-main strong{color:var(--ink);font-weight:600}
main.legal-main code{
  font-size:.92em;padding:1px 6px;border-radius:6px;
  background:rgba(255,255,255,.06);color:var(--ink);border:1px solid var(--line);
}
main.legal-main ul{padding-left:20px;margin-bottom:12px}
main.legal-main a{color:var(--accent)}
main.legal-main a:hover{text-decoration:underline}
footer.site-foot{
  padding:40px 28px 56px;border-top:1px solid var(--line);font-size:13px;color:var(--dim);
  max-width:960px;margin:0 auto;
}
footer.site-foot a{color:var(--dim)}
footer.site-foot a:hover{color:var(--ink)}

/*
  Mobile: [logo] …… [Trust Terms Privacy centred] …… [lang]
  Home hidden on mobile.
*/
@media(max-width:720px){
  nav.site-nav{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    column-gap:8px;
    row-gap:0;
    min-height:calc(var(--nav-h) + env(safe-area-inset-top,0px));
    height:calc(var(--nav-h) + env(safe-area-inset-top,0px));
    padding:env(safe-area-inset-top,0) var(--nav-pad-x) 0;
    background:#000000 !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  .wordmark{
    position:static;
    grid-column:1;
    grid-row:1;
    width:var(--nav-emblem-box);
    height:var(--nav-emblem-box);
  }
  .wordmark .dot{
    width:var(--nav-emblem-draw);
    height:var(--nav-emblem-draw);
  }
  .nav-right{
    display:contents;
  }
  .nav-links{
    grid-column:2;
    grid-row:1;
    justify-content:center;
    justify-self:center;
    width:max-content;
    max-width:100%;
    gap:10px 14px;
    font-size:13px;
    min-width:0;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    pointer-events:none;
  }
  .nav-links a{pointer-events:auto;}
  .nav-links::-webkit-scrollbar{display:none}
  .nav-links a{
    min-width:0;
    font-size:13px;
    padding:0;
  }
  /* Hide Home on mobile — centre Trust / Terms / Privacy between logo & lang */
  .nav-links a[data-i18n="nav_home"]{display:none !important;}
  .lang-switch{
    grid-column:3;
    grid-row:1;
    margin-left:0;
    align-self:center;
    justify-self:end;
  }
  .lang-btn{padding:0;font-size:12px}
  main.legal-main{padding:36px 20px 56px}
  .wrap{padding:0 20px}
}
