/* ===========================================================
   AERYTE — shared brand tokens
   Manrope · #1973FD blue · #6232FF purple · off-white / black
   =========================================================== */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap');

:root{
  /* brand */
  --blue:#1973FD;
  --blue-ink:#0B57D0;        /* darker blue for text-on-light */
  --purple:#6232FF;
  --offwhite:#F5F6FC;
  --black:#010101;

  /* grayscale ramp (from guidelines) */
  --cloud:#EDEFF7;
  --smoke:#D3D6E0;
  --steel:#BCBFCC;
  --space:#9DA2B3;
  --graphite:#6E7180;
  --arsenic:#40424D;
  --phantom:#1E1E24;
  --pure-black:#000000;

  --font:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --maxw:1200px;
  --radius:18px;
  --radius-lg:26px;
  --ease:cubic-bezier(.22,.61,.36,1);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  margin:0;
  font-family:var(--font);
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  letter-spacing:-0.011em;
}
img{display:block;max-width:100%;}
a{text-decoration:none;color:inherit;}
button{font-family:inherit;cursor:pointer;}
h1,h2,h3,h4,p{margin:0;}
::selection{background:var(--blue);color:#fff;}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}

/* ---- cross-direction preview switcher (dev aid) ---- */
.dirbar{
  position:fixed;bottom:18px;left:50%;transform:translateX(-50%);
  z-index:1000;display:flex;align-items:center;gap:4px;
  padding:5px;border-radius:999px;
  background:rgba(20,20,26,.72);backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 8px 30px rgba(0,0,0,.28);
  font-size:13px;font-weight:600;
}
.dirbar a{
  padding:7px 15px;border-radius:999px;color:#C7CAD6;
  transition:color .18s, background .18s;white-space:nowrap;
}
.dirbar a:hover{color:#fff;}
.dirbar a.on{background:#fff;color:#0d0d12;}
.dirbar .lbl{padding:0 8px 0 12px;color:#7E8295;font-weight:700;
  font-size:11px;letter-spacing:.08em;text-transform:uppercase;}
@media(max-width:640px){.dirbar .lbl{display:none;}.dirbar a{padding:7px 11px;}}

/* reveal-on-scroll helper — gated behind .js so content is visible if JS fails */
.js .reveal{opacity:0;transform:translateY(18px);
  transition:opacity .7s var(--ease),transform .7s var(--ease);}
.js .reveal.in{opacity:1;transform:none;}
.nav-cta .signin{white-space:nowrap;}
@media(prefers-reduced-motion:reduce){
  .js .reveal{opacity:1;transform:none;transition:none;}
  html{scroll-behavior:auto;}
}