.nxd{
  --nxd-primary:#1088E7;
  --nxd-primary-dark:#0B63AE;
  --nxd-accent:#00CCFF;
  --nxd-navy:#081B33;
  --nxd-navy-2:#0E2A4C;
  --nxd-light:#F2F8FF;
  --nxd-white:#FFFFFF;
  --nxd-text:#152238;
  --nxd-text-light:#5C7188;
  --nxd-border:#E1EBF6;
  --nxd-success:#12C48B;
  --nxd-radius:14px;
  --nxd-max:1230px;
}
.nxd *{margin:0;padding:0;box-sizing:border-box;}
.nxd{
  font-family:'Be Vietnam Pro',Arial,sans-serif;
  color:var(--nxd-text);
  background:var(--nxd-white);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.nxd img, .nxd svg{display:block;max-width:100%;}
.nxd a{text-decoration:none;color:inherit;}
.nxd ul{list-style:none;}
.nxd .wrap{max-width:var(--nxd-max);margin:0 auto;padding:0 24px;}
.nxd h1, .nxd h2, .nxd h3, .nxd h4{line-height:1.25;font-weight:800;}
.nxd section{position:relative;}
.nxd .eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;font-weight:700;letter-spacing:.04em;
  color:var(--nxd-primary);background:rgba(16,136,231,.09);
  padding:7px 14px;border-radius:100px;margin-bottom:16px;
  text-transform:uppercase;
}
.nxd .section-head{margin:0 auto 48px;text-align:center;}
.nxd .section-head h2{font-size:clamp(26px,3.4vw,38px);color:var(--nxd-navy);margin-bottom:14px;}
.nxd .section-head p{color:var(--nxd-text-light);font-size:16px;}
.nxd .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:15px 28px;border-radius:10px;font-weight:700;font-size:15px;
  border:2px solid transparent;cursor:pointer;transition:.2s ease;white-space:nowrap;
}
.nxd .btn-primary{background:var(--nxd-primary);color:#fff;}
.nxd .btn-primary:hover{background:var(--nxd-primary-dark);transform:translateY(-2px);}
.nxd .btn-ghost{border-color:rgba(255,255,255,.35);color:#fff;}
.nxd .btn-ghost:hover{background:rgba(255,255,255,.12);}
.nxd .btn-outline{border-color:var(--nxd-primary);color:var(--nxd-primary);}
.nxd .btn-outline:hover{background:var(--nxd-primary);color:#fff;}
.nxd .btn-block{width:100%;}
.nxd /* ---------- HEADER ---------- */
header{
  position:sticky;top:0;z-index:100;
  background:rgba(8,27,51,.92);backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.nxd .nav{display:flex;align-items:center;justify-content:space-between;height:76px;}
.nxd .logo{display:flex;align-items:center;gap:10px;}
.nxd .logo span{color:#fff;font-weight:800;font-size:20px;letter-spacing:.01em;}
.nxd .logo small{display:block;color:var(--nxd-accent);font-size:10px;font-weight:600;letter-spacing:.12em;}
.nxd .nav-links{display:flex;align-items:center;gap:36px;}
.nxd .nav-links a{color:#CFE0F5;font-weight:600;font-size:14.5px;transition:.2s;}
.nxd .nav-links a:hover{color:#fff;}
.nxd .nav-actions{display:flex;align-items:center;gap:14px;}
.nxd .burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:0;}
.nxd .burger span{width:24px;height:2.4px;background:#fff;border-radius:2px;}
.nxd /* ---------- HERO ---------- */
.hero{
  background:linear-gradient(160deg,var(--nxd-navy) 0%,var(--nxd-navy-2) 55%,#0A3866 100%);
  padding:88px 0 60px;overflow:hidden;position:relative;
}
.nxd .hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;}
.nxd .hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;}
.nxd .hero-badge{
  display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);color:#EAF3FF;font-size:12.5px;font-weight:600;
  padding:6px 12px;border-radius:100px;
}
.nxd .hero h1{color:#fff;font-size:clamp(32px,4.6vw,52px);margin-bottom:18px;}
.nxd .hero h1 em{font-style:normal;color:var(--nxd-accent);}
.nxd .hero p{color:#B9CBE0;font-size:17px;max-width:520px;margin-bottom:30px;}
.nxd .hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:36px;}
.nxd .hero-stats{display:flex;gap:34px;flex-wrap:wrap;}
.nxd .hero-stats div b{display:block;color:#fff;font-size:24px;font-weight:800;}
.nxd .hero-stats div span{color:#8DA5C2;font-size:13px;}
.nxd .hero-art{position:relative;}
.nxd .hero-art svg{width:100%;height:auto;}
.nxd /* ---------- LOGOS STRIP ---------- */
.strip{padding:34px 0;border-bottom:1px solid var(--nxd-border);}
.nxd .strip .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;}
.nxd .strip p{color:var(--nxd-text-light);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;}
.nxd .strip-icons{display:flex;gap:34px;flex-wrap:wrap;align-items:center;}
.nxd .strip-icons svg{width:34px;height:34px;opacity:.55;}
.nxd /* ---------- FEATURES ---------- */
.features{padding:96px 0;background:var(--nxd-light);}
.nxd .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.nxd .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.nxd .card{
  background:#fff;border:1px solid var(--nxd-border);border-radius:var(--nxd-radius);
  padding:32px 26px;transition:.2s;
}
.nxd .card:hover{border-color:var(--nxd-primary);transform:translateY(-4px);box-shadow:0 14px 30px rgba(16,136,231,.12);}
.nxd .card .icon-box{
  width:56px;height:56px;border-radius:14px;background:rgba(16,136,231,.1);
  display:flex;align-items:center;justify-content:center;margin-bottom:20px;
}
.nxd .card .icon-box svg{width:30px;height:30px;}
.nxd .card h3{font-size:18px;color:var(--nxd-navy);margin-bottom:10px;}
.nxd .card p{color:var(--nxd-text-light);font-size:14.5px;}
.nxd /* ---------- STATS ---------- */
.stats{background:var(--nxd-navy);padding:60px 0;}
.nxd .stats .grid-4{gap:20px;}
.nxd .stat-item{text-align:center;color:#fff;}
.nxd .stat-item b{display:block;font-size:36px;font-weight:900;color:var(--nxd-accent);}
.nxd .stat-item span{color:#9BB3CE;font-size:14px;}
.nxd /* ---------- PRICING ---------- */
.pricing{padding:96px 0;}
.nxd .plan-toggle{display:flex;justify-content:center;margin-bottom:44px;}
.nxd .plan-toggle-inner{display:inline-flex;background:var(--nxd-light);border-radius:100px;padding:5px;gap:4px;}
.nxd .plan-toggle-inner button{
  border:0;background:transparent;padding:10px 22px;border-radius:100px;font-weight:700;font-size:14px;
  color:var(--nxd-text-light);cursor:pointer;
}
.nxd .plan-toggle-inner button.active{background:var(--nxd-primary);color:#fff;}
.nxd .pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.nxd .plan{
  border:1px solid var(--nxd-border);border-radius:var(--nxd-radius);padding:30px 24px;
  display:flex;flex-direction:column;gap:18px;position:relative;
}
.nxd .plan.featured{border:2px solid var(--nxd-primary);box-shadow:0 18px 40px rgba(16,136,231,.16);}
.nxd .plan-tag{
  position:absolute;top:-13px;right:24px;background:var(--nxd-accent);color:#052033;
  font-size:11.5px;font-weight:800;padding:5px 12px;border-radius:100px;text-transform:uppercase;
}
.nxd .plan-name{font-size:15px;font-weight:700;color:var(--nxd-primary);text-transform:uppercase;letter-spacing:.04em;}
.nxd .plan-price{display:flex;align-items:baseline;gap:6px;}
.nxd .plan-price b{font-size:27px;color:var(--nxd-navy);font-weight:900;}
.nxd .plan-price span{color:var(--nxd-text-light);font-size:13px;}
.nxd .plan-old{color:var(--nxd-text-light);font-size:13px;text-decoration:line-through;}
.nxd .plan-specs{display:flex;flex-direction:column;gap:11px;margin:6px 0;}
.nxd .plan-specs li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--nxd-text);}
.nxd .plan-specs svg{width:17px;height:17px;flex:none;margin-top:2px;}
.nxd /* ---------- LOCATIONS ---------- */
.locations{padding:96px 0;background:var(--nxd-light);}
.nxd .loc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.nxd .loc-card{
  background:#fff;border:1px solid var(--nxd-border);border-radius:var(--nxd-radius);
  padding:26px;display:flex;align-items:center;gap:16px;
}
.nxd .loc-card svg{width:44px;height:44px;flex:none;}
.nxd .loc-card h4{font-size:15.5px;color:var(--nxd-navy);margin-bottom:3px;}
.nxd .loc-card span{font-size:13px;color:var(--nxd-text-light);}
.nxd /* ---------- HOW IT WORKS ---------- */
.steps{padding:96px 0;}
.nxd .steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;position:relative;}
.nxd .step{text-align:center;position:relative;}
.nxd .step .num{
  width:48px;height:48px;border-radius:50%;background:var(--nxd-navy);color:var(--nxd-accent);
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;
  margin:0 auto 18px;
}
.nxd .step svg{width:64px;height:64px;margin:0 auto 16px;}
.nxd .step h3{font-size:16.5px;color:var(--nxd-navy);margin-bottom:8px;}
.nxd .step p{font-size:14px;color:var(--nxd-text-light);}
.nxd /* ---------- TESTIMONIALS ---------- */
.testi{padding:96px 0;background:var(--nxd-light);}
.nxd .testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.nxd .testi-card{background:#fff;border:1px solid var(--nxd-border);border-radius:var(--nxd-radius);padding:28px;}
.nxd .testi-stars{display:flex;gap:3px;margin-bottom:16px;}
.nxd .testi-stars svg{width:16px;height:16px;}
.nxd .testi-card p{color:var(--nxd-text);font-size:14.5px;margin-bottom:22px;}
.nxd .testi-person{display:flex;align-items:center;gap:12px;}
.nxd .testi-avatar{width:42px;height:42px;border-radius:50%;flex:none;}
.nxd .testi-person b{display:block;font-size:14px;color:var(--nxd-navy);}
.nxd .testi-person span{font-size:12.5px;color:var(--nxd-text-light);}
.nxd /* ---------- FAQ ---------- */
.faq{padding:96px 0;}
.nxd .faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;}
.nxd .faq-item{border:1px solid var(--nxd-border);border-radius:12px;padding:6px 22px;margin-bottom:14px;}
.nxd .faq-item:last-child{margin-bottom:0;}
.nxd .faq-item summary{
  cursor:pointer;list-style:none;padding:18px 30px 18px 0;font-weight:700;font-size:15.5px;
  color:var(--nxd-navy);position:relative;
}
.nxd .faq-item summary::-webkit-details-marker{display:none;}
.nxd .faq-item summary::after{
  content:"";position:absolute;right:0;top:22px;width:12px;height:12px;
  border-right:2.5px solid var(--nxd-primary);border-bottom:2.5px solid var(--nxd-primary);
  transform:rotate(45deg);transition:.2s;
}
.nxd .faq-item[open] summary::after{transform:rotate(-135deg);top:26px;}
.nxd .faq-item p{color:var(--nxd-text-light);font-size:14.5px;padding-bottom:20px;}
.nxd /* ---------- CTA ---------- */
.cta{
  background:linear-gradient(120deg,var(--nxd-primary) 0%,#0B63C7 60%,var(--nxd-navy) 130%);
  border-radius:24px;padding:64px 50px;margin:0 24px 0;text-align:center;
  position:relative;overflow:hidden;
}
.nxd .cta-inner{max-width:var(--nxd-max);margin:0 auto;position:relative;z-index:1;}
.nxd .cta h2{color:#fff;font-size:clamp(24px,3.4vw,34px);margin-bottom:14px;}
.nxd .cta p{color:#DCEBFB;margin-bottom:30px;font-size:15.5px;}
.nxd .cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.nxd /* ---------- FOOTER ---------- */
footer{background:var(--nxd-navy);color:#B7C8DD;padding:70px 0 0;margin-top:96px;}
.nxd .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:30px;padding-bottom:50px;border-bottom:1px solid rgba(255,255,255,.08);}
.nxd .foot-brand p{font-size:13.5px;color:#8FA5C1;margin:14px 0 18px;max-width:260px;}
.nxd .foot-social{display:flex;gap:10px;}
.nxd .foot-social a{width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;}
.nxd .foot-social svg{width:16px;height:16px;}
.nxd .foot-col h4{color:#fff;font-size:14.5px;margin-bottom:18px;}
.nxd .foot-col li{margin-bottom:11px;}
.nxd .foot-col a{font-size:13.5px;color:#96ABC5;}
.nxd .foot-col a:hover{color:var(--nxd-accent);}
.nxd .foot-bottom{padding:24px 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12.5px;color:#6E85A2;}
@media(max-width:980px){
.nxd .nav-links, .nxd .nav-actions{display:none;}
.nxd .burger{display:flex;}
.nxd .hero .wrap{grid-template-columns:1fr;}
.nxd .hero-art{order:-1;max-width:420px;margin:0 auto 20px;}
.nxd .grid-3, .nxd .grid-4, .nxd .pricing-grid, .nxd .loc-grid, .nxd .steps-grid, .nxd .testi-grid{grid-template-columns:repeat(2,1fr);}
.nxd .foot-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){
.nxd .grid-3, .nxd .grid-4, .nxd .pricing-grid, .nxd .loc-grid, .nxd .steps-grid, .nxd .testi-grid{grid-template-columns:1fr;}
.nxd .foot-grid{grid-template-columns:1fr;}
.nxd .cta{padding:44px 24px;}
.nxd .hero-stats{gap:22px;}
}