/* â”€â”€ VARIABLES â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
:root {
  --bg-0:  #050a14;
  --bg-1:  #080f1e;
  --bg-2:  #0b1628;
  --bg-2h: #0e1d35;
  --blue:  #1a6eff;
  --blue-l:#3d8bff;
  --glow:  rgba(26,110,255,.30);
  --b-blue:rgba(26,110,255,.22);
  --b-sub: rgba(255,255,255,.07);
  --t1: #ffffff;
  --t2: #8a9bb8;
  --t3: #5a6a84;
  --ff: 'Inter', sans-serif;
  --fd: 'Manrope', sans-serif;
  --ease: all .3s cubic-bezier(.4,0,.2,1);
  --r:  12px;
  --rl: 20px;
}

/* â”€â”€ RESET â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body { font-family:var(--ff); background:var(--bg-0); color:var(--t1); line-height:1.6; overflow-x:hidden; }
a { text-decoration:none; color:inherit; }
ul { list-style:none; }
img { max-width:100%; display:block; }
button { cursor:pointer; border:none; background:none; font-family:inherit; }
::-webkit-scrollbar { width:5px; }
::-webkit-scrollbar-track { background:var(--bg-0); }
::-webkit-scrollbar-thumb { background:var(--blue); border-radius:3px; }

/* â”€â”€ SHARED â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
.nm-wrap {
  max-width:1280px;
  margin:0 auto;
  padding:0 28px;
}
.nm-label {
  font-size:11px;
  font-weight:700;
  letter-spacing:2.2px;
  text-transform:uppercase;
  color:var(--blue);
}
.nm-btn {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:11px 22px;
  border-radius:8px;
  font-weight:600;
  font-size:14px;
  transition:var(--ease);
  white-space:nowrap;
}
.nm-btn-primary {
  background:var(--blue);
  color:#fff;
}
.nm-btn-primary:hover {
  background:var(--blue-l);
  transform:translateY(-2px);
  box-shadow:0 8px 24px var(--glow);
}
.nm-btn-outline {
  background:transparent;
  color:var(--t1);
  border:1px solid rgba(255,255,255,.18);
}
.nm-btn-outline:hover {
  border-color:var(--blue);
  color:var(--blue-l);
  transform:translateY(-2px);
}
.nm-reveal {
  opacity:0;
  transform:translateY(28px);
  transition:opacity .6s ease, transform .6s ease;
}
.nm-reveal.vis { opacity:1; transform:translateY(0); }

/* NOTIFICATIONS */
.nm-notify-stack {
  margin-bottom: 22px;
}
.nm-notify {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  animation: nm-notify-in .45s cubic-bezier(.22,1,.36,1);
}
@keyframes nm-notify-in {
  from { opacity: 0; transform: translateY(-10px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.nm-notify.is-hiding {
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity .45s ease, transform .45s ease;
}
.nm-notify__glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .9;
}
.nm-notify__inner {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 54px 20px 20px;
  border: 1px solid transparent;
  border-radius: 16px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.nm-notify__icon-ring {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-top: 2px;
}
.nm-notify__body {
  flex: 1;
  min-width: 0;
  padding-top: 2px;
}
.nm-notify__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.nm-notify__title {
  font-family: var(--fd);
  font-size: clamp(16px, 1.6vw, 18px);
  font-weight: 800;
  color: #fff;
  margin: 0 0 8px;
  line-height: 1.35;
}
.nm-notify__hint,
.nm-notify__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: rgba(255,255,255,.78);
}
.nm-notify__hint {
  margin-bottom: 10px;
}
.nm-notify__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}
.nm-notify__list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  font-size: 13.5px;
  line-height: 1.55;
  color: rgba(255,255,255,.88);
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.06);
}
.nm-notify__list li::before {
  content: "\f06a";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 12px;
  margin-top: 2px;
  flex-shrink: 0;
}
.nm-notify__close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,.55);
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  transition: var(--ease);
  font-size: 13px;
}
.nm-notify__close:hover {
  color: #fff;
  background: rgba(255,255,255,.1);
  border-color: rgba(255,255,255,.16);
  transform: scale(1.04);
}

.nm-notify--success .nm-notify__glow {
  background:
    radial-gradient(circle at top left, rgba(34,197,94,.28), transparent 55%),
    radial-gradient(circle at bottom right, rgba(26,110,255,.12), transparent 45%);
}
.nm-notify--success .nm-notify__inner {
  background: linear-gradient(135deg, rgba(16,44,32,.95), rgba(10,28,22,.92));
  border-color: rgba(34,197,94,.28);
  box-shadow: 0 16px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
}
.nm-notify--success .nm-notify__icon-ring {
  background: rgba(34,197,94,.16);
  color: #4ade80;
  box-shadow: 0 0 0 1px rgba(74,222,128,.25), 0 10px 24px rgba(34,197,94,.18);
}
.nm-notify--success .nm-notify__badge {
  background: rgba(34,197,94,.16);
  color: #86efac;
  border: 1px solid rgba(74,222,128,.22);
}
.nm-notify--success .nm-notify__list li::before { content: "\f058"; color: #4ade80; }

.nm-notify--error .nm-notify__glow {
  background:
    radial-gradient(circle at top left, rgba(239,68,68,.24), transparent 55%),
    radial-gradient(circle at bottom right, rgba(245,158,11,.08), transparent 45%);
}
.nm-notify--error .nm-notify__inner {
  background: linear-gradient(135deg, rgba(44,18,24,.96), rgba(28,12,18,.92));
  border-color: rgba(239,68,68,.28);
  box-shadow: 0 16px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
}
.nm-notify--error .nm-notify__icon-ring {
  background: rgba(239,68,68,.16);
  color: #f87171;
  box-shadow: 0 0 0 1px rgba(248,113,113,.25), 0 10px 24px rgba(239,68,68,.16);
}
.nm-notify--error .nm-notify__badge {
  background: rgba(239,68,68,.16);
  color: #fca5a5;
  border: 1px solid rgba(248,113,113,.22);
}
.nm-notify--error .nm-notify__list li::before { color: #f87171; }

.nm-notify--warning .nm-notify__glow {
  background: radial-gradient(circle at top left, rgba(245,158,11,.22), transparent 55%);
}
.nm-notify--warning .nm-notify__inner {
  background: linear-gradient(135deg, rgba(44,32,12,.96), rgba(28,22,10,.92));
  border-color: rgba(245,158,11,.28);
  box-shadow: 0 16px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
}
.nm-notify--warning .nm-notify__icon-ring {
  background: rgba(245,158,11,.16);
  color: #fbbf24;
  box-shadow: 0 0 0 1px rgba(251,191,36,.25), 0 10px 24px rgba(245,158,11,.14);
}
.nm-notify--warning .nm-notify__badge {
  background: rgba(245,158,11,.16);
  color: #fcd34d;
  border: 1px solid rgba(251,191,36,.22);
}
.nm-notify--warning .nm-notify__list li::before { color: #fbbf24; }

.nm-notify--info .nm-notify__glow {
  background: radial-gradient(circle at top left, rgba(26,110,255,.22), transparent 55%);
}
.nm-notify--info .nm-notify__inner {
  background: linear-gradient(135deg, rgba(12,24,44,.96), rgba(8,16,32,.92));
  border-color: rgba(26,110,255,.28);
  box-shadow: 0 16px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
}
.nm-notify--info .nm-notify__icon-ring {
  background: rgba(26,110,255,.16);
  color: var(--blue-l);
  box-shadow: 0 0 0 1px rgba(61,139,255,.25), 0 10px 24px rgba(26,110,255,.14);
}
.nm-notify--info .nm-notify__badge {
  background: rgba(26,110,255,.16);
  color: #93c5fd;
  border: 1px solid rgba(61,139,255,.22);
}
.nm-notify--info .nm-notify__list li::before { color: var(--blue-l); }

@media (max-width: 640px) {
  .nm-notify__inner {
    flex-direction: column;
    padding: 18px 48px 18px 18px;
  }
  .nm-notify__icon-ring {
    width: 44px;
    height: 44px;
    font-size: 18px;
  }
}

.nm-nav {
  position:fixed;
  inset:0 0 auto;
  z-index:1000;
  padding:15px 0;
  background:rgba(5,10,20,.88);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid var(--b-sub);
  transition:var(--ease);
}
.nm-nav.scrolled {
  padding:11px 0;
  box-shadow:0 4px 30px rgba(0,0,0,.55);
}
.nm-nav-inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

/* logo */
.nm-logo {
  display:flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;
  text-decoration:none;
}
.nm-logo img {
  height:42px;
  width:auto;
  object-fit:contain;
}
.nm-logo-icon {
  width:38px;
  height:38px;
  background:var(--blue);
  border-radius:9px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--fd);
  font-weight:900;
  font-size:18px;
  color:#fff;
  box-shadow:0 4px 14px var(--glow);
  flex-shrink:0;
}
.nm-logo-name {
  font-family:var(--fd);
  font-weight:800;
  font-size:15.5px;
  color:#fff;
  line-height:1.15;
}
.nm-logo-tag {
  font-size:9px;
  font-weight:600;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--t3);
}

/* links */
.nm-nav-links {
  display:flex;
  align-items:center;
  gap:2px;
}
.nm-nav-link {
  display:flex;
  align-items:center;
  gap:4px;
  padding:8px 13px;
  border-radius:7px;
  font-size:13.5px;
  font-weight:500;
  color:var(--t2);
  transition:var(--ease);
}
.nm-nav-link:hover, .nm-nav-link.active {
  color:#fff;
  background:rgba(255,255,255,.055);
}
.nm-nav-link.active { position:relative; }
.nm-nav-link.active::after {
  content:'';
  position:absolute;
  bottom:-4px;
  left:13px; right:13px;
  height:2px;
  background:var(--blue);
  border-radius:2px;
}
.nm-nav-link .chev { font-size:9px; }

/* right side */
.nm-nav-right {
  display:flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;
}
.nm-nav-shop {
  display:flex;
  align-items:center;
  gap:6px;
  font-size:13.5px;
  font-weight:500;
  color:var(--t2);
  padding:8px 13px;
  border-radius:7px;
  transition:var(--ease);
}
.nm-nav-shop:hover { color:#fff; background:rgba(255,255,255,.055); }

/* hamburger */
.nm-burger {
  display:none;
  flex-direction:column;
  gap:5px;
  padding:8px;
  cursor:pointer;
}
.nm-burger span {
  display:block;
  width:22px;
  height:2px;
  background:#fff;
  border-radius:2px;
  transition:var(--ease);
}

/* mobile menu */
.nm-mob-menu {
  display:none;
  position:fixed;
  top:68px;
  inset:auto 0 auto;
  background:rgba(5,10,20,.97);
  backdrop-filter:blur(18px);
  z-index:999;
  padding:18px 24px 22px;
  border-bottom:1px solid var(--b-sub);
  flex-direction:column;
  gap:2px;
}
.nm-mob-menu.open { display:flex; }
.nm-mob-menu .nm-nav-link { font-size:15px; padding:12px 14px; }
.nm-mob-menu .nm-btn { margin-top:10px; justify-content:center; }

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
   HERO
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.nm-hero {
  min-height:100vh;
  display:flex;
  align-items:center;
  padding:118px 0 80px;
  position:relative;
  overflow:hidden;
  background:var(--bg-0);
}
/* radial glow */
.nm-hero::before {
  content:'';
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse 70% 55% at 68% 38%, rgba(26,110,255,.13) 0%, transparent 70%),
    radial-gradient(ellipse 35% 35% at 18% 72%, rgba(26,110,255,.06) 0%, transparent 60%);
  pointer-events:none;
}
/* grid lines */
.nm-hero::after {
  content:'';
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(26,110,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(26,110,255,.035) 1px, transparent 1px);
  background-size:60px 60px;
  pointer-events:none;
}

.nm-hero-inner {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  gap:40px 56px;
  align-items:center;
  position:relative;
  z-index:1;
}

.nm-hero-left {
  display:flex;
  flex-direction:column;
  gap:40px;
  text-align:left;
  align-items:flex-start;
}

/* left */
.nm-hero-label {
  font-size:11px;
  font-weight:700;
  letter-spacing:2.5px;
  text-transform:uppercase;
  color:var(--blue);
  margin-bottom:18px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.nm-hero-label span:last-child { color:var(--blue-l); }
.nm-hero-h1 {
  font-family:var(--fd);
  font-size:clamp(36px,4.8vw,60px);
  font-weight:800;
  line-height:1.1;
  margin-bottom:18px;
  color:#fff;
}
.nm-hero-h1 .acc { color:var(--blue); }
.nm-hero-desc {
  font-size:14.5px;
  color:var(--t2);
  line-height:1.78;
  margin-bottom:34px;
  max-width:440px;
}
.nm-hero-cta {
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}

/* stats */
.nm-hero-stats { margin-top:4px; }
.nm-stats {
  display:flex;
  gap:32px;
  flex-wrap:wrap;
}
.nm-stat {
  display:flex;
  align-items:center;
  gap:10px;
}
.nm-stat-ico {
  width:34px;
  height:34px;
  border-radius:8px;
  background:rgba(26,110,255,.11);
  border:1px solid var(--b-blue);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--blue);
  font-size:13px;
  flex-shrink:0;
}
.nm-stat-num {
  font-family:var(--fd);
  font-size:20px;
  font-weight:800;
  color:#fff;
  line-height:1;
}
.nm-stat-lbl { font-size:11px; color:var(--t3); margin-top:2px; }

/* â”€â”€ hero visual (right) â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
.nm-hero-vis {
  position:relative;
  min-height:520px;
  height:100%;
  overflow:hidden;
}

.nm-hero-scene {
  position:relative;
  width:100%;
  height:100%;
  min-height:520px;
}

.nm-bg-glow {
  position:absolute;
  width:min(700px, 95%);
  height:min(700px, 95%);
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  background:radial-gradient(circle, #2563eb 0%, transparent 70%);
  filter:blur(120px);
  opacity:.35;
  pointer-events:none;
  z-index:0;
}

.nm-network {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:1;
  pointer-events:none;
}

.nm-wire {
  fill:none;
  stroke:#3b82f6;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-dasharray:12;
  filter:
    drop-shadow(0 0 8px #3b82f6)
    drop-shadow(0 0 18px #3b82f6);
  animation:nm-flow 2s linear infinite;
}

@keyframes nm-flow {
  to { stroke-dashoffset:-24; }
}

.nm-cube {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  z-index:3;
  width:min(420px, 88%);
  max-width:420px;
  aspect-ratio:1;
}

.nm-cube img {
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  filter:
    drop-shadow(0 0 40px rgba(37,99,235,.55))
    drop-shadow(0 0 90px rgba(26,110,255,.35));
}

.nm-particle {
  position:absolute;
  width:4px;
  height:4px;
  background:#60a5fa;
  border-radius:50%;
  box-shadow:0 0 10px #60a5fa;
  opacity:.7;
  z-index:2;
  pointer-events:none;
}

.nm-fc {
  position:absolute;
  width:200px;
  padding:22px 20px;
  border-radius:20px;
  background:rgba(7,15,35,.55);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  z-index:5;
  box-shadow:0 0 25px rgba(37,99,235,.15);
  transition:border-color .4s, box-shadow .4s, transform .4s;
}

.nm-fc:hover {
  border-color:rgba(59,130,246,.5);
  box-shadow:0 0 40px rgba(37,99,235,.35);
  transform:translateY(-10px) !important;
}

.nm-fc-ico {
  width:44px;
  height:44px;
  border-radius:12px;
  background:rgba(37,99,235,.15);
  border:none;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--blue-l);
  font-size:18px;
  margin-bottom:14px;
}

.nm-fc-title {
  font-size:17px;
  font-weight:700;
  color:#fff;
  margin-bottom:8px;
  line-height:1.25;
}

.nm-fc-desc {
  font-size:12px;
  color:rgba(255,255,255,.65);
  line-height:1.65;
}

.nm-fc.tl { left:0;   top:6%; }
.nm-fc.tr { right:0;  top:6%; }
.nm-fc.bl { left:0;   bottom:6%; }
.nm-fc.br { right:0;  bottom:6%; }

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
   SOLUTIONS
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.nm-solutions {
  padding:82px 0;
  background:var(--bg-1);
  border-top:1px solid var(--b-sub);
}
.nm-sec-hdr {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  margin-bottom:38px;
  gap:16px;
  flex-wrap:wrap;
}
.nm-sec-lbl { margin-bottom:9px; }
.nm-sec-title {
  font-family:var(--fd);
  font-size:clamp(24px,2.8vw,34px);
  font-weight:800;
  color:#fff;
}
.nm-view-all {
  display:flex;
  align-items:center;
  gap:6px;
  font-size:13px;
  font-weight:600;
  color:var(--blue);
  transition:var(--ease);
  white-space:nowrap;
}
.nm-view-all:hover { gap:10px; }
.nm-view-all i { font-size:11px; }

.nm-sol-grid {
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:14px;
}
.nm-sol-card {
  background:var(--bg-2);
  border:1px solid var(--b-sub);
  border-radius:var(--r);
  padding:26px 18px;
  transition:var(--ease);
  cursor:pointer;
}
.nm-sol-card:hover {
  background:var(--bg-2h);
  border-color:var(--b-blue);
  transform:translateY(-4px);
  box-shadow:0 12px 36px rgba(0,0,0,.4), 0 0 18px rgba(26,110,255,.09);
}
.nm-sol-ico {
  width:42px; height:42px;
  border-radius:10px;
  background:rgba(26,110,255,.09);
  border:1px solid var(--b-blue);
  display:flex; align-items:center; justify-content:center;
  color:var(--blue);
  font-size:17px;
  margin-bottom:14px;
  transition:var(--ease);
}
.nm-sol-card:hover .nm-sol-ico {
  background:rgba(26,110,255,.18);
  box-shadow:0 0 18px rgba(26,110,255,.28);
}
.nm-sol-title {
  font-size:13.5px;
  font-weight:700;
  color:#fff;
  margin-bottom:9px;
  line-height:1.3;
}
.nm-sol-desc {
  font-size:12px;
  color:var(--t3);
  line-height:1.65;
  margin-bottom:15px;
}
.nm-sol-link {
  display:flex;
  align-items:center;
  gap:5px;
  font-size:12px;
  font-weight:600;
  color:var(--blue);
  transition:var(--ease);
}
.nm-sol-link:hover { gap:9px; }
.nm-sol-link i { font-size:10px; }

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
   TRUST / TESTIMONIALS
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.nm-trust {
  padding:82px 0;
  background:var(--bg-0);
  border-top:1px solid var(--b-sub);
}
.nm-trust-inner {
  display:grid;
  grid-template-columns:1fr 1.18fr;
  gap:64px;
  align-items:center;
}
.nm-trust-heading {
  font-family:var(--fd);
  font-size:clamp(22px,2.4vw,30px);
  font-weight:800;
  color:#fff;
  margin-bottom:12px;
}
.nm-trust-desc {
  font-size:13.5px;
  color:var(--t2);
  line-height:1.72;
  margin-bottom:32px;
}
.nm-logos {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.nm-partner {
  background:var(--bg-2);
  border:1px solid var(--b-sub);
  border-radius:10px;
  padding:13px 14px;
  display:flex;
  align-items:center;
  gap:8px;
  transition:var(--ease);
}
.nm-partner:hover { border-color:var(--b-blue); background:var(--bg-2h); }
.nm-partner-ico {
  width:28px; height:28px;
  border-radius:6px;
  background:rgba(26,110,255,.1);
  border:1px solid var(--b-blue);
  display:flex; align-items:center; justify-content:center;
  color:var(--blue);
  font-size:11px;
  flex-shrink:0;
}
.nm-partner-name {
  font-size:11px;
  font-weight:700;
  color:#fff;
  line-height:1.2;
}
.nm-partner-sub { font-size:9px; color:var(--t3); text-transform:uppercase; letter-spacing:1px; }

/* testimonial right */
.nm-rev-hdr {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:24px;
  gap:12px;
  flex-wrap:wrap;
}
.nm-g-rating {
  display:flex;
  align-items:center;
  gap:12px;
}
.nm-g-logo { width:30px; height:30px; }
.nm-rating-num {
  font-family:var(--fd);
  font-size:26px;
  font-weight:800;
  color:#fff;
}
.nm-stars { color:#fbbf24; font-size:15px; letter-spacing:1.5px; }
.nm-rev-count { font-size:11.5px; color:var(--t3); }
.nm-tcard {
  background:var(--bg-2);
  border:1px solid var(--b-sub);
  border-radius:var(--rl);
  padding:30px;
  position:relative;
}
.nm-quote {
  font-size:40px;
  color:var(--blue);
  opacity:.4;
  font-family:Georgia,serif;
  line-height:1;
  margin-bottom:12px;
}
.nm-ttext {
  font-size:14.5px;
  color:var(--t2);
  line-height:1.75;
  margin-bottom:22px;
  transition:opacity .2s ease;
}
.nm-reviewer {
  display:flex;
  align-items:center;
  gap:12px;
}
.nm-ravatar {
  width:46px; height:46px;
  border-radius:50%;
  background:linear-gradient(135deg,#1a6eff,#0a1f3f);
  border:2px solid var(--b-blue);
  display:flex; align-items:center; justify-content:center;
  font-size:20px;
  flex-shrink:0;
  overflow:hidden;
}
.nm-rname { font-weight:700; font-size:13.5px; color:#fff; }
.nm-rrole { font-size:11.5px; color:var(--t3); }
.nm-tnav {
  position:absolute;
  bottom:30px;
  right:30px;
  display:flex;
  gap:7px;
}
.nm-tnav-btn {
  width:30px; height:30px;
  border-radius:7px;
  background:var(--bg-0);
  border:1px solid var(--b-sub);
  color:var(--t2);
  display:flex; align-items:center; justify-content:center;
  font-size:11px;
  transition:var(--ease);
  cursor:pointer;
}
.nm-tnav-btn:hover { border-color:var(--blue); color:var(--blue); }

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
   FOUNDER
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.nm-founder {
  padding:82px 0;
  background:var(--bg-1);
  border-top:1px solid var(--b-sub);
}
.nm-founder-inner {
  display:grid;
  grid-template-columns:290px 1fr;
  gap:60px;
  align-items:center;
}
.nm-founder-img-wrap { position:relative; }
.nm-founder-img {
  width:100%;
  aspect-ratio:3/4;
  border-radius:var(--rl);
  background:linear-gradient(160deg,#0d2a55 0%,#050a14 100%);
  border:1px solid var(--b-blue);
  overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 20px 56px rgba(0,0,0,.55), 0 0 36px rgba(26,110,255,.09);
  position:relative;
}
.nm-founder-img::before {
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse at 50% 85%, rgba(26,110,255,.22) 0%, transparent 68%);
}
.nm-founder-heading {
  font-family:var(--fd);
  font-size:clamp(24px,2.4vw,36px);
  font-weight:800;
  color:#fff;
  margin-bottom:14px;
}
.nm-founder-desc {
  font-size:13.5px;
  color:var(--t2);
  line-height:1.76;
  margin-bottom:22px;
}
.nm-creds {
  display:flex;
  flex-direction:column;
  gap:9px;
  margin-bottom:30px;
}
.nm-cred {
  display:flex;
  align-items:center;
  gap:9px;
  font-size:13px;
  color:var(--t2);
}
.nm-cred i { color:var(--blue); font-size:13px; }
.nm-founder-actions {
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:44px;
}
.nm-li-btn {
  width:38px; height:38px;
  border-radius:50%;
  background:rgba(26,110,255,.1);
  border:1px solid var(--b-blue);
  display:flex; align-items:center; justify-content:center;
  color:var(--blue);
  font-size:15px;
  transition:var(--ease);
}
.nm-li-btn:hover { background:var(--blue); color:#fff; transform:translateY(-2px); }
.nm-vals {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.nm-val {
  display:flex;
  gap:12px;
  align-items:flex-start;
}
.nm-val-ico {
  width:38px; height:38px;
  border-radius:9px;
  background:rgba(26,110,255,.1);
  border:1px solid var(--b-blue);
  display:flex; align-items:center; justify-content:center;
  color:var(--blue);
  font-size:15px;
  flex-shrink:0;
}
.nm-val-title { font-weight:700; font-size:13.5px; color:#fff; margin-bottom:3px; }
.nm-val-desc { font-size:12px; color:var(--t3); line-height:1.58; }

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
   CTA BANNER
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.nm-cta {
  padding:60px 0;
  background:var(--bg-0);
  border-top:1px solid var(--b-sub);
}
.nm-cta-inner {
  background:linear-gradient(135deg,#071428 0%,#0d2045 100%);
  border:1px solid var(--b-blue);
  border-radius:var(--rl);
  padding:46px 56px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  flex-wrap:wrap;
  position:relative;
  overflow:hidden;
}
.nm-cta-inner::before {
  content:'';
  position:absolute;
  right:-56px; top:-56px;
  width:280px; height:280px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(26,110,255,.12) 0%,transparent 70%);
  pointer-events:none;
}
.nm-cta-ico {
  width:50px; height:50px;
  border-radius:13px;
  background:rgba(26,110,255,.14);
  border:1px solid var(--b-blue);
  display:flex; align-items:center; justify-content:center;
  color:var(--blue);
  font-size:20px;
  margin-bottom:14px;
}
.nm-cta-heading {
  font-family:var(--fd);
  font-size:clamp(20px,2.4vw,28px);
  font-weight:800;
  color:#fff;
  margin-bottom:7px;
}
.nm-cta-sub { font-size:13.5px; color:var(--t2); }
.nm-cta-acts {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  flex-shrink:0;
}

/* CTA BANNER */
.nm-about-cta {
  padding: 60px 0;
  background: var(--bg-0);
  position: relative;
  overflow: hidden;
}
.nm-about-cta::after {
  display: none;
}
.nm-about-cta-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  border: 1px solid var(--b-sub);
  border-radius: 18px;
  background:
    linear-gradient(90deg, rgba(5, 10, 20, 0.82) 0%, rgba(5, 10, 20, 0.45) 55%, rgba(5, 10, 20, 0.25) 100%),
    url('../UI-Design/about_cta_bg.png') center / cover no-repeat;
  padding: 48px 52px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.nm-about-cta-left {
  display: flex;
  align-items: center;
  gap: 22px;
}
.nm-about-cta-logo {
  width: 46px; height: 46px;
  background: var(--blue);
  border-radius: 11px;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--fd);
  font-weight: 900;
  font-size: 22px;
  color: #fff;
  box-shadow: 0 6px 20px var(--glow);
  flex-shrink: 0;
}
.nm-about-cta-h2 {
  font-family: var(--fd);
  font-size: clamp(20px, 2.4vw, 28px);
  font-weight: 800;
  color: var(--t1);
  line-height: 1.25;
  margin-bottom: 6px;
}
.nm-about-cta-sub {
  font-size: 13.5px;
  color: var(--t2);
  line-height: 1.6;
  max-width: 400px;
}

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
   FOOTER
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.nm-footer {
  background:var(--bg-1);
  border-top:1px solid var(--b-sub);
  padding:58px 0 28px;
}
.nm-footer-main {
  display:grid;
  grid-template-columns:232px repeat(5,1fr);
  gap:36px;
  margin-bottom:44px;
}
.nm-foot-lbl { font-size:11px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:#fff; margin-bottom:18px; }
.nm-foot-links { display:flex; flex-direction:column; gap:9px; }
.nm-foot-link { font-size:13px; color:var(--t3); transition:var(--ease); }
.nm-foot-link:hover { color:#fff; padding-left:3px; }
.nm-foot-tagline { font-size:12.5px; color:var(--t3); line-height:1.7; margin-bottom:22px; }
.nm-socials { display:flex; gap:8px; }
.nm-soc {
  width:32px; height:32px;
  border-radius:7px;
  background:var(--bg-2);
  border:1px solid var(--b-sub);
  display:flex; align-items:center; justify-content:center;
  color:var(--t3);
  font-size:13px;
  transition:var(--ease);
}
.nm-soc:hover { border-color:var(--blue); color:var(--blue); }
.nm-footer-bot {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:24px;
  border-top:1px solid var(--b-sub);
  gap:16px;
  flex-wrap:wrap;
}
.nm-copy { font-size:12.5px; color:var(--t3); }

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
   RESPONSIVE
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */

/* 1200 */
@media (max-width:1200px) {
  .nm-sol-grid { grid-template-columns:repeat(3,1fr); }
  .nm-footer-main { grid-template-columns:200px repeat(4,1fr); gap:24px; }
  .nm-cube { max-width:360px; }
  .nm-fc { width:185px; }
}

/* 1024 */
@media (max-width:1024px) {
  .nm-hero-inner { gap:36px; }
  .nm-cube { max-width:320px; }
  .nm-fc { width:175px; padding:18px 16px; }
  .nm-fc.tl,.nm-fc.bl { left:-4px; }
  .nm-fc.tr,.nm-fc.br { right:-4px; }
  .nm-founder-inner { grid-template-columns:240px 1fr; gap:42px; }
}

/* 900 */
@media (max-width:900px) {
  .nm-nav-links, .nm-nav-shop { display:none; }
  .nm-burger { display:flex; }

  .nm-hero-inner {
    grid-template-columns:1fr;
    text-align:center;
    gap:52px;
  }
  .nm-hero-left { align-items:center; gap:36px; text-align:center; }
  .nm-hero-desc { max-width:100%; margin-left:auto; margin-right:auto; }
  .nm-hero-cta { justify-content:center; }
  .nm-stats { justify-content:center; }
  .nm-hero-vis,
  .nm-hero-scene { min-height:420px; }
  .nm-cube { max-width:280px; }
  .nm-fc { width:165px; }
  .nm-fc.tl { top:8%; left:-6px; }
  .nm-fc.bl { bottom:8%; left:-6px; }
  .nm-fc.tr { top:8%; right:-6px; }
  .nm-fc.br { bottom:8%; right:-6px; }

  .nm-trust-inner { grid-template-columns:1fr; gap:48px; }
  .nm-founder-inner { grid-template-columns:1fr; }
  .nm-founder-img { aspect-ratio:16/9; max-height:280px; }
  .nm-footer-main { grid-template-columns:1fr 1fr 1fr; }
  .nm-cta-inner { padding:34px 28px; }
  .nm-about-cta-inner { flex-direction: column; text-align: center; }
  .nm-about-cta-left { flex-direction: column; text-align: center; }
  .nm-about-cta-sub { margin: 0 auto; }
}

/* 640 */
@media (max-width:640px) {
  .nm-sol-grid { grid-template-columns:repeat(2,1fr); }
  .nm-logos { grid-template-columns:repeat(2,1fr); }
  .nm-vals { grid-template-columns:1fr; }
  .nm-footer-main { grid-template-columns:1fr 1fr; }
  .nm-about-cta-inner { padding: 32px 22px; }
  .nm-hero-vis,
  .nm-hero-scene { min-height:380px; }
  .nm-cube { max-width:240px; }
  .nm-fc { width:150px; padding:16px 14px; }
  .nm-fc-title { font-size:15px; }
}

/* 480 */
@media (max-width:480px) {
  .nm-hero { padding:100px 0 64px; }
  .nm-hero-h1 { font-size:32px; }
  .nm-hero-vis,
  .nm-hero-scene { min-height:340px; }
  .nm-cube { max-width:200px; }
  .nm-fc { width:138px; }
  .nm-fc-desc { display:none; }
  .nm-stats { flex-direction:column; align-items:center; gap:18px; }
  .nm-cta-inner { padding:28px 20px; }
  .nm-footer-main { grid-template-columns:1fr; }
}

/* 380 */
@media (max-width:380px) {
  .nm-fc { display:none; }
  .nm-sol-grid { grid-template-columns:1fr; }
}