:root {
  --bg0:#07080c; --bg1:#0b0d13; --bg2:#10131c; --bg3:#151a26;
  --bdr:rgba(255,255,255,0.07); --bdrh:rgba(255,255,255,0.13);
  --tx:#e0e4f5; --txm:#475068; --txs:#8892b0;
  /* PRIMARY — Electric Blue */
  --a:#3b9eff; --ah:#2880e0;
  /* SECONDARY — Cyan Teal (matches blue perfectly on dark) */
  --b:#00d4c8; --bh:#00b5aa;
  --r:10px;
  --fh:'Fraunces',serif;
  /* --fb:'Plus Jakarta Sans',sans-serif; */
     --fb: 'Inter', sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg1);color:var(--tx);font-family:var(--fb);font-size:15px;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg0)}::-webkit-scrollbar-thumb{background:var(--a);border-radius:2px}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E")}

h1,h2,h3,h4{font-family:var(--fb);line-height:1.1}

/* ═══ NAVBAR ═══ */
.nav{position:fixed;top:0;left:0;right:0;z-index:500;height:7rem;display:flex;align-items:center;padding:0 5%;background:rgba(7,8,12,.92);backdrop-filter:blur(24px);border-bottom:1px solid var(--bdr);}
.nav-logo{display:flex;align-items:center;
  /* gap:11px; */
  gap:6px;

  text-decoration:none;flex-shrink:0;}
.logo-svg-wrap{flex-shrink:0;width:36px;height:36px;}
/* .logo-svg-wrap{flex-shrink:0;width:43px;height:43px;} */
.logo-svg-wrap svg{width:36px;height:36px;}
.logo-wordmark{display:flex;flex-direction:column;line-height:1;}
.logo-main{
  /* font-family:var(--fh); */
  font-family:'Oswald';

  font-weight:700;font-size:18px;color:#fff;letter-spacing:-.2px}
.logo-sub{font-family:var(--fb);font-weight:600;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--a);margin-top:4px}
.nav-mid{display:flex;align-items:center;gap:1px;list-style:none;margin:0 auto}
.nav-mid>li>a{display:block;padding:7px 14px;color:var(--txs);
  font-size:16px;
  font-weight:600;text-decoration:none;border-radius:7px;transition:all .2s}
.nav-mid>li>a:hover{color:#fff;background:rgba(255,255,255,.05)}
.nd{position:relative}.nd:hover .ndp{display:flex}
.ndp{display:none;position:absolute;
  /* top:calc(100% + 10px); */
  left:0;background:var(--bg3);border:1px solid var(--bdr);border-radius:12px;padding:8px;min-width:215px;flex-direction:column;gap:2px;box-shadow:0 24px 60px rgba(0,0,0,.75);animation:ddIn .13s ease}
@keyframes ddIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.ndp a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--txs);font-size:13.5px;text-decoration:none;transition:all .15s}
.ndp a:hover{background:rgba(59,158,255,.06);color:#fff}
.ndp a i{color:var(--a);font-size:14px;width:18px;text-align:center;flex-shrink:0}
.nav-r{display:flex;align-items:center;gap:9px;flex-shrink:0}
.btn-ghost-sm{padding:8px 16px;background:transparent;color:var(--txs);font-size:13px;font-weight:600;border:1px solid var(--bdrh);border-radius:8px;text-decoration:none;transition:all .2s}
.btn-ghost-sm:hover{color:#fff;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.04)}
.btn-blue{padding:9px 20px;background:var(--a);color:#fff;font-size:15px;font-weight:800;border-radius:8px;text-decoration:none;transition:all .2s;box-shadow:0 0 0 0 rgba(59,158,255,.4)}
.btn-blue:hover{background:var(--ah);box-shadow:0 0 22px rgba(59,158,255,.35);color:#fff}