:root{
    --bg:#070b1e; --bg-2:#0b1230; --panel:#0f1a48; --panel-soft:rgba(255,255,255,.05);
    --primary:#ffd400; --text:#e7ecff; --text-muted:#99a3c7;
    --radius:14px; --shadow:0 10px 30px rgba(0,0,0,.45); --shadow-soft:0 8px 24px rgba(0,0,0,.25);
    --container:1200px;
  }
  *{box-sizing:border-box} html,body{margin:0;padding:0}
  body{
    font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Arial;
    color:var(--text);
    background:
      radial-gradient(1200px 800px at 100% -10%, rgba(61,214,255,.08), transparent),
      radial-gradient(1000px 700px at -10% 120%, rgba(255,212,0,.07), transparent),
      var(--bg);
    line-height:1.6; scroll-behavior:smooth;
  }
  .container{width:min(100% - 32px, var(--container)); margin-inline:auto}
  a{color:inherit; text-decoration:none}
  img{max-width:100%; display:block}
  .muted{color:var(--text-muted)}
  
  .site-header{
    position:sticky; top:0; z-index:40;
    background:linear-gradient(180deg, rgba(7,11,30,.86), rgba(7,11,30,.6));
    backdrop-filter:blur(8px); border-bottom:1px solid rgba(255,255,255,.06);
    transition:.25s ease;
  }
  .nav{display:flex; align-items:center; justify-content:space-between; gap:18px; height:76px}
  .brand{font-weight:800; font-size:22px}
  .brand span{color:var(--primary)}
  .header-cta{display:none}
  @media (min-width:1050px){ .header-cta{display:inline-flex} }
  
  /* centered nav pills */
  .nav-pills{
    display:flex; align-items:center; gap:10px; padding:6px;
    background:var(--panel-soft); border:1px solid rgba(255,255,255,.08);
    border-radius:999px;
  }
  .pill{
    padding:10px 16px; border-radius:999px; color:var(--text-muted);
    border:1px solid transparent; transition:.2s ease;
  }
  .pill:hover{color:#fff; background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.12)}
  .pill.active{color:#1b1700; background:linear-gradient(180deg,#ffe05a,#ffd400); box-shadow:0 6px 18px rgba(255,212,0,.3)}
  
  .burger{display:none; width:42px;height:42px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.04);gap:5px;align-items:center;justify-content:center}
  .burger span{display:block;width:20px;height:2px;background:#d8e3ff;border-radius:2px}
  @media (max-width:900px){
    .burger{display:inline-flex}
    .nav-pills{position:fixed; inset:76px 12px auto 12px; display:none; gap:8px; padding:12px; border-radius:16px; background:rgba(7,11,30,.95)}
    .nav-pills.open{display:grid}
    .pill{border-radius:12px}
  }
  
  .section{padding:72px 0}
  .section--alt{padding:72px 0; background:linear-gradient(180deg, rgba(11,18,48,.65), rgba(11,18,48,0))}
  .section__head{text-align:center; margin-bottom:28px}
  .section__head h2{font-size:clamp(24px,4.5vw,34px); margin:0 0 8px}
  .cards,.steps{display:grid; gap:18px; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))}