:root{
  --ns-black:#0b0d12;
  --ns-ink:#111318;
  --ns-deep:#0d0f15;
  --ns-white:#ffffff;
  --ns-blue:#1463ff;
  --ns-green:#29ff65;
  --ns-silver:#eceff3;
  --ns-slate:#7e8794;
  --bg-gradient:radial-gradient(80rem 50rem at 85% 10%, rgba(20,99,255,.25), transparent 60%), radial-gradient(60rem 40rem at 20% 20%, rgba(41,255,101,.15), transparent 60%);
  --brand-gradient:linear-gradient(135deg, var(--ns-blue) 0%, #5d7bff 35%, #9a53ff 65%, #ff2cb7 100%);
  --container:clamp(16rem, 92vw, 74rem);
  --radius:14px;
  --shadow-1:0 10px 30px rgba(0,0,0,.25);
  --shadow-2:0 6px 20px rgba(0,0,0,.18);
  --step--2:clamp(.75rem, .73rem + .1vw, .85rem);
  --step--1:clamp(.875rem, .85rem + .2vw, .95rem);
  --step-0:clamp(1rem, .9rem + .3vw, 1.125rem);
  --step-1:clamp(1.125rem, 1rem + .6vw, 1.375rem);
  --step-2:clamp(1.35rem, 1.15rem + 1vw, 1.875rem);
  --step-3:clamp(1.8rem, 1.6rem + 1.8vw, 2.6rem);
  --step-4:clamp(2.2rem, 1.8rem + 3vw, 3.25rem);
  --step-5:clamp(2.6rem, 2rem + 4.2vw, 4.25rem);
  --g-gap:24px
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji",sans-serif;
  color:var(--ns-white);
  background:var(--ns-black);
  line-height:1.45;
  letter-spacing:.01em
}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
a.link{color:var(--ns-blue)}
a.link:hover{text-decoration:underline}
h1,h2,h3{line-height:1.08;margin:0 0 .6em}
h1{font-size:var(--step-5);letter-spacing:-.02em}
h2{font-size:var(--step-3);letter-spacing:-.01em}
h3{font-size:var(--step-2)}
p{margin:0 0 1em;font-size:var(--step-0);color:#cbd3dd}
.lead{font-size:var(--step-1);color:#dbe3ec}
.container{width:min(var(--container),100%);margin-inline:auto;padding-inline:1.25rem}
.section{padding:clamp(3rem,6vw,6rem) 0}
.section.alt{background:#0f1219}
.section-head{text-align:center;margin-bottom:clamp(2rem,5vw,3rem)}
.sm{font-size:var(--step--1);color:#9aa3b2}
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:1rem;top:1rem;width:auto;height:auto;padding:.6rem 1rem;background:#141824;border-radius:.5rem;z-index:10}
.grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--g-gap)}
.col-span-12{grid-column:span 12/span 12}
.col-span-6{grid-column:span 6/span 6}
.col-span-7{grid-column:span 7/span 7}
.col-span-5{grid-column:span 5/span 5}
.col-span-4{grid-column:span 4/span 4}
@media (max-width:960px){
  .grid-12{gap:18px}
  .col-span-md-12{grid-column:1/-1}
}
.btn{
  --btn-bg:#1a2030;
  --btn-fg:#e9eef6;
  display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.8rem 1.05rem;border-radius:12px;border:1px solid #2a3042;background:var(--btn-bg);color:var(--btn-fg);font-weight:700;font-size:var(--step--1);transition:transform .06s ease,border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;box-shadow:0 0 0 0 rgba(20,99,255,0)
}
.btn:hover{transform:translateY(-1px);border-color:#3a4460}
.btn:active{transform:translateY(0)}
.btn-lg{padding:1rem 1.2rem;font-size:var(--step-0)}
.btn-primary{--btn-bg:var(--ns-blue);--btn-fg:#fff;border-color:transparent;box-shadow:0 12px 30px rgba(20,99,255,.25)}
.btn-primary:hover{filter:brightness(1.05)}
.btn-ghost{background:transparent;border-color:#374058;color:#e2e8f3}
.btn-ghost:hover{background:#141a28}
.btn-inverse{background:#fff;color:#0b1020;border-color:#fff}
.btn-inverse:hover{background:#f6f8ff}
.btn-light{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25)}
.btn-light:hover{background:rgba(255,255,255,.18)}
.w-100{width:100%}
.site-header{position:sticky;top:0;z-index:50;background:rgba(11,13,18,.7);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;letter-spacing:.2px}
.brand-mark{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--brand-gradient);box-shadow:var(--shadow-2)}
.brand-text{font-size:1.05rem}
.brand-accent{color:var(--ns-blue)}
.nav-desktop{display:flex;align-items:center;gap:1.25rem}
.nav-desktop ul{display:flex;gap:1rem;margin:0;padding:0;list-style:none}
.nav-desktop a{padding:.35rem .55rem;border-radius:8px;color:#cfd6e3}
.nav-desktop a:hover{background:#141a28;color:#fff}
.nav-ctas{display:flex;gap:.6rem;margin-left:.6rem}
.nav-mobile{display:none}
.nav-mobile summary{list-style:none}
.nav-mobile summary::-webkit-details-marker{display:none}
.hamburger,.hamburger::before,.hamburger::after{content:"";display:block;width:24px;height:2px;background:#e7ecf3;border-radius:2px;position:relative}
.hamburger::before,.hamburger::after{position:absolute;left:0}
.hamburger::before{top:-7px}
.hamburger::after{top:7px}
.nav-mobile[open] .drawer{transform:none;opacity:1;pointer-events:auto}
.drawer{position:fixed;inset:64px 0 0;background:#0c111c;border-top:1px solid #141a28;transform:translateY(-8px);opacity:0;pointer-events:none;transition:.25s ease;padding:1rem 1.25rem}
.drawer ul{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.drawer a{display:block;padding:.85rem 1rem;background:#0f1625;border:1px solid #1c263a;border-radius:12px}
.drawer a:hover{background:#111a2c}
.drawer-ctas{display:grid;gap:.6rem;margin-top:1rem}
@media (max-width:960px){
  .nav-desktop{display:none}
  .nav-mobile{display:block}
}
.announcement{background:#0f141f;border-bottom:1px solid rgba(255,255,255,.06);font-size:var(--step--1);color:#cdd6e6}
.announcement p{margin:0;padding:.7rem 0;text-align:center}
.announcement .link{color:#9fb5ff}
.hero{position:relative;padding:clamp(3rem,6vw,5rem) 0 clamp(2rem,8vw,6rem);background:radial-gradient(42rem 28rem at 10% 0%, rgba(20,99,255,.15), transparent 60%),var(--bg-gradient);overflow:hidden}
.hero-inner{align-items:center}
.hero-copy .cta-group{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}
.hero-stats{list-style:none;display:flex;gap:1.2rem;margin:1.6rem 0 0;padding:0;flex-wrap:wrap}
.kpi{display:block;font-weight:800;font-size:clamp(1.4rem,1.1rem + 2.5vw,2rem)}
.kpi-label{display:block;font-size:var(--step--1);color:#9aa4b5;margin-top:.15rem}
.hero-visual{position:relative}
.cards{position:relative;max-width:460px;margin-inline:auto}
.card{background:#0e1422;border:1px solid #1e2841;border-radius:16px;padding:1rem 1rem;box-shadow:var(--shadow-1)}
.card-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .75rem;background:#0b1220;border:1px solid #1a2339;border-radius:12px;margin-bottom:.6rem}
.badge{font-size:var(--step--2);font-weight:700;padding:.35rem .6rem;border-radius:999px;color:#e7ecf6;background:#1a2237;border:1px solid #2a3550}
.badge-outline{background:transparent;border-color:#2a3550;color:#cbd4e5}
.badge-blue{background:var(--ns-blue);color:#fff;border-color:var(--ns-blue)}
.dot{width:.6rem;height:.6rem;border-radius:50%;background:#e5e9f2;margin-right:.15rem}
.dot-blue{background:var(--ns-blue)}
.dot-green{background:var(--ns-green)}
.route{height:2px;background:repeating-linear-gradient(90deg, rgba(231,236,246,.28), rgba(231,236,246,.28) 10px, transparent 10px, transparent 18px);margin:.65rem .25rem;border-radius:2px}
.route-short{width:70%}
.cards .glow{position:absolute;inset:-10% -15% -20%;background:radial-gradient(40rem 18rem at 20% 0%, rgba(20,99,255,.25), transparent 60%),radial-gradient(26rem 16rem at 100% 80%, rgba(255,44,183,.18), transparent 60%);filter:blur(24px);z-index:-1}
.hero-dashes{position:absolute;inset:auto 0 -40px 0;height:1px;pointer-events:none;background:repeating-linear-gradient(90deg, rgba(255,255,255,.38), rgba(255,255,255,.38) 6px, transparent 6px, transparent 12px);opacity:.2}
.logos{padding:1.25rem 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:#0d111b}
.marquee{--gap:clamp(2rem,6vw,6rem);--speed:28s;overflow:hidden;position:relative}
.marquee-track{display:inline-flex;gap:var(--gap);width:max-content;padding:.3rem 0;animation:marquee var(--speed) linear infinite;will-change:transform}
.marquee:hover .marquee-track{animation-play-state:paused}
.logo{opacity:.7;font-weight:800;letter-spacing:.08em;color:#acb6ca;white-space:nowrap}
@keyframes marquee{to{transform:translateX(-50%)}}
.cards-3{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--g-gap)}
.cards-3>.feature-card{grid-column:span 4/span 4}
@media (max-width:960px){.cards-3>.feature-card{grid-column:1/-1}}
.feature-card{background:#0e1422;border:1px solid #1c2742;border-radius:var(--radius);padding:1.25rem 1.4rem;position:relative;overflow:hidden}
.feature-card h3{margin-bottom:.35rem}
.feature-card .icon-ring{width:56px;height:56px;border-radius:50%;background:conic-gradient(from 200deg, var(--ns-blue), transparent 40%);border:1px solid #273152;margin-bottom:.8rem}
.feature-card .ring-green{background:conic-gradient(from 200deg, var(--ns-green), transparent 40%)}
.feature-card .ring-blue{background:conic-gradient(from 200deg, #5d7bff, transparent 40%)}
.feature-card::after{content:"";position:absolute;inset:auto -30% -30% -30%;height:60%;background:radial-gradient(28rem 12rem at 30% 0%, rgba(20,99,255,.15), transparent 60%);pointer-events:none}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g-gap);counter-reset:step}
.steps li{list-style:none;background:#0e1422;border:1px solid #1b2743;border-radius:var(--radius);padding:1.25rem 1.3rem;position:relative}
.steps h3{margin:.25rem 0 .35rem}
.step-num{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--ns-blue);color:#fff;font-weight:800}
@media (max-width:960px){.steps{grid-template-columns:1fr}}
.network{align-items:center;gap:var(--g-gap)}
.tick-list{margin:1rem 0 0;padding:0;list-style:none}
.tick-list li{padding-left:1.25rem;position:relative;margin:.35rem 0;color:#cbd3de}
.tick-list li::before{content:"";position:absolute;width:.7rem;height:.7rem;left:0;top:.45rem;border-radius:50%;background:radial-gradient(circle at 30% 30%, #fff, #9fb5ff);box-shadow:0 0 0 2px rgba(159,181,255,.15)}
.map-card{position:relative;height:320px;border-radius:16px;background:#0c111d;border:1px solid #1a223a;box-shadow:0 8px 18px rgba(0,0,0,.25);overflow:hidden}
.map-card::before{content:"";position:absolute;inset:10px;border-radius:12px;background:
  radial-gradient(40rem 28rem at 80% 10%, rgba(20,99,255,.15), transparent 60%),
  radial-gradient(30rem 20rem at 10% 90%, rgba(255,44,183,.12), transparent 60%),
  repeating-linear-gradient(to right, rgba(255,255,255,.06) 0 1px, transparent 1px 32px),
  repeating-linear-gradient(to bottom, rgba(255,255,255,.06) 0 1px, transparent 1px 32px)}
.pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:.4rem}
.pin-dot{width:12px;height:12px;border-radius:50%;background:var(--ns-blue);box-shadow:0 0 0 2px rgba(20,99,255,.35),0 6px 14px rgba(20,99,255,.35)}
.pulse{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:rgba(20,99,255,.35);animation:pulse 2.2s ease-out infinite}
.pin-label{background:#0f1625;border:1px solid #1c2742;border-radius:10px;padding:.35rem .6rem;font-size:12px;color:#d7e0ef}
@keyframes pulse{0%{opacity:.7;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(2.2)}}
.legend{display:flex;align-items:center;gap:.6rem;margin-top:.7rem;color:#b8c3d6;font-size:var(--step--1)}
.swatch{width:10px;height:10px;border-radius:3px;display:inline-block;margin-right:.25rem}
.swatch-blue{background:var(--ns-blue)}
.swatch-green{background:var(--ns-green)}
.cta-banner{padding:clamp(2.5rem,6vw,4rem) 0;background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0) 60%),radial-gradient(40rem 28rem at 110% 10%, rgba(255,44,183,.2), transparent 60%),#0c111b;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.cta-inner{text-align:center}
.cta-inner p{color:#cfd6e6}
.cta-inner .cta-group{display:flex;gap:.75rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}
.site-footer{background:#0b0f19;padding:2.5rem 0}
.footer-grid{display:grid;grid-template-columns:1.3fr 2fr;gap:var(--g-gap)}
.footer-brand{max-width:28rem}
.footer-col h4{margin:0 0 .6rem;font-size:var(--step-0)}
.footer-col ul{list-style:none;padding:0;margin:0;display:grid;gap:.35rem}
.footer-col a{color:#bfc8d8}
.footer-col a:hover{color:#fff}
@media (max-width:960px){
  .footer-grid{grid-template-columns:1fr}
}
.wavy-underline{text-decoration:underline wavy currentColor}
.hero-accent{position:absolute;right:-15%;top:-10%;width:56vw;height:56vw;pointer-events:none;background:radial-gradient(closest-side, rgba(20,99,255,.22), rgba(20,99,255,0) 70%);filter:blur(18px)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}