:root {
  --bg: #0a0a0a;
  --text: #f5f7fb;
  --muted: #b9c2d0;
  --accent: #1863ff; /* edge CTA */
  --accent-hover: #2a72ff;
  --focus: 2px solid #6aa2ff;
  --maxw: 1200px;
}

* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font: 500 16px/1.2 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
}

/* Header shell */
.nv-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: var(--bg);
  border-bottom: 1px solid rgba(255,255,255,0.04);
}

.nv-container {
  max-width: var(--maxw);
  margin: 0 auto;
  display: grid;
  grid-template-columns: auto 1fr auto; /* brand | menu | actions */
  align-items: center;
  gap: 24px;
  min-height: 64px; /* matches screenshot scale */
  padding: 0 24px;
}

/* Brand */
.nv-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: white;
}
.nv-logo { height: 26px; width: auto; display: block; }
.nv-name { font-weight: 700; letter-spacing: 0.1px; }
.nv-name span { color: var(--muted); font-weight: 600; }

/* Menu */
.nv-nav { justify-self: center; }
.nv-menu {
  list-style: none;
  display: flex;
  gap: 36px;
  margin: 0;
  padding: 0;
}
.nv-menu a {
  color: var(--text);
  text-decoration: none;
  opacity: 0.9;
  transition: opacity 0.2s ease, color 0.2s ease;
}
.nv-menu a:hover { opacity: 1; }
.nv-menu a:focus-visible { outline: var(--focus); outline-offset: 4px; }

/* Actions (right) */
.nv-actions { display: flex; align-items: stretch; gap: 20px; }
.nv-login { align-self: center; color: var(--text); text-decoration: none; opacity: 0.92; }
.nv-login:hover { opacity: 1; }

/* Edge CTA mimics the solid blue block on the far right */
.nv-cta-edge {
  background: var(--accent);
  color: #fff;
  text-decoration: none;
  padding: 0 28px; /* horizontal space like screenshot */
  display: grid;
  place-items: center;
  border-radius: 0; /* flush edge */
  font-weight: 600;
}
.nv-cta-edge:hover { background: var(--accent-hover); }
.nv-cta-edge:focus-visible { outline: var(--focus); outline-offset: -4px; }

/* Mobile: burger + slide-down menu using checkbox hack */
.nv-toggle { display: none; }
.nv-burger { display: none; cursor: pointer; width: 28px; height: 22px; position: relative; }
.nv-burger span { position: absolute; left: 0; right: 0; height: 2px; background: var(--text); opacity: 0.9; transition: transform 0.2s ease, top 0.2s ease, opacity 0.2s ease; }
.nv-burger span:nth-child(1){ top: 0; }
.nv-burger span:nth-child(2){ top: 10px; }
.nv-burger span:nth-child(3){ top: 20px; }

/* Breakpoint */
@media (max-width: 1024px) {
  .nv-container { gap: 16px; }
  .nv-menu { gap: 24px; }
}

@media (max-width: 820px) {
  .nv-container { grid-template-columns: auto auto 1fr; }
  .nv-burger { display: inline-block; }

  /* collapse menu */
  .nv-nav {
    position: absolute;
    inset: 64px 0 auto 0; /* below header */
    background: rgba(10,10,10,0.98);
    border-top: 1px solid rgba(255,255,255,0.06);
    transform: translateY(-12px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
  }
  .nv-menu { flex-direction: column; gap: 0; }
  .nv-menu li { border-bottom: 1px solid rgba(255,255,255,0.06); }
  .nv-menu a { display: block; padding: 16px 24px; }

  /* show when toggled */
  .nv-toggle:checked ~ .nv-nav {
    opacity: 1;
    pointer-events: auto;
  }
  /* burger to X */
  .nv-toggle:checked + .nv-burger span:nth-child(1){ top: 10px; transform: rotate(45deg); }
  .nv-toggle:checked + .nv-burger span:nth-child(2){ opacity: 0; }
  .nv-toggle:checked + .nv-burger span:nth-child(3){ top: 10px; transform: rotate(-45deg); }

  /* right side: keep login visible; CTA full-height stays at far right */
  .nv-actions { gap: 12px; }
}
/* ----------
   Section 2: Hero
   Matches screenshot: dark blue → black gradient, big title, centered CTA,
   billboard mock with two floating cards
   ---------- */

.nv-hero {
  background: radial-gradient(1200px 600px at 50% -200px, #0e4fb8 0%, #0a1a35 45%, #0a0a0a 100%);
  padding: clamp(56px, 8vw, 104px) 24px 72px;
  text-align: center;
}

.nv-hero-inner {
  max-width: 1040px;
  margin: 0 auto;
}

.nv-overline {
  margin: 0 0 14px;
  font-size: 14px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: var(--muted);
}

.nv-hero-title {
  margin: 0 auto 18px;
  font-weight: 800;
  line-height: 1.05;
  font-size: clamp(32px, 6.2vw, 68px);
  max-width: 18ch;
}

.nv-hero-cta {
  display: inline-grid;
  place-items: center;
  margin-top: 8px;
  padding: 14px 26px;
  background: var(--accent);
  color: #fff;
  text-decoration: none;
  border-radius: 999px;
  font-weight: 700;
}
.nv-hero-cta:hover { background: var(--accent-hover); }

/* Stage: billboard and floating persona cards */
.nv-stage {
  position: relative;
  margin: clamp(28px, 6vw, 56px) auto 0;
  max-width: 980px;
  border-radius: 12px;
  overflow: hidden;
}

.nv-stage-board { width: 100%; display: block; border-radius: 12px; }

.nv-board-overlay {
  position: absolute; inset: auto 0 18% 0; text-align: center;
  font-weight: 800; letter-spacing: 0.5px;
  color: #fff; font-size: clamp(16px, 2.2vw, 28px);
}

.nv-persona {
  position: absolute;
  width: clamp(240px, 28vw, 320px);
  background: #fff;
  color: #0b1220;
  border-radius: 12px;
  box-shadow: 0 10px 35px rgba(0,0,0,0.35);
  overflow: hidden;
}


.nv-persona img { width: 100%; height: 170px; object-fit: cover; display: block; }

.nv-persona-body { padding: 14px 16px; background: #fff; }
.nv-persona-title { margin: 0 0 8px; font-size: 18px; font-weight: 700; }

.nv-persona-meta { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.nv-persona-meta span { display: block; font-size: 12px; color: #6b7280; }
.nv-persona-meta strong { display: block; font-size: 14px; color: #111827; }

/* Placement to mirror screenshot */
.nv-left { left: clamp(0px, 8vw, 120px); bottom: -36px; }
.nv-right { right: clamp(0px, 8vw, 120px); top: 38px; }

/* Responsiveness */
@media (max-width: 1024px) {
  .nv-persona img { height: 150px; }
}

@media (max-width: 820px) {
  .nv-stage { max-width: 700px; }
  .nv-left { left: 12px; bottom: -28px; }
  .nv-right { right: 12px; top: 20px; }
}

@media (max-width: 640px) {
  .nv-persona { display: none; } /* keep the clean hero on phones */
  .nv-board-overlay { inset: auto 0 12% 0; }
}

/* ============================
   About Section
   ============================ */
.nv-about {
  background: #fff;
  padding: clamp(48px, 8vw, 96px) 24px;
  font-family: 'Segoe UI', sans-serif;
}

.nv-about-container {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: clamp(24px, 4vw, 64px);
  align-items: center;
}

.nv-about-content h2 {
  font-size: clamp(28px, 5vw, 42px);
  color: #0b1220;
  margin-bottom: 20px;
}

.nv-about-content p {
  color: #4b5563;
  line-height: 1.7;
  margin-bottom: 18px;
}

.nv-about-video {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 20px 40px -20px rgba(0, 0, 0, 0.2);
  background: #000;
  aspect-ratio: 16/9;
}

.nv-about-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Responsive Layout */
@media (max-width: 768px) {
  .nv-about-container {
    grid-template-columns: 1fr;
  }
  .nv-about-video {
    aspect-ratio: auto;
    height: 240px;
  }
}

/* Section 3 — Industries (screenshot-accurate) */

:root{
  --cream:#f6f1e8;
  --card:#ffffff;
  --ink:#0b1220;
  --muted:#6b7280;
  --blue:#1863ff;
  --blue-hover:#2a72ff;
}

.nv-industries{
  background:#fff;
  color:var(--ink);
  padding:clamp(48px,8vw,96px) 24px;
}
.nv-industries-wrap{max-width:1200px;margin:0 auto;}
.nv-section-title{
  text-align:center;
  font-size:clamp(28px,5vw,48px);
  line-height:1.1;
  margin:0 0 36px;
  color:#000;
}

.nv-industries-grid{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:clamp(24px,4vw,64px);
  align-items:center;
}

/* LEFT panel */
.nv-panel{
  background:var(--cream);
  border-radius:12px;
  padding:clamp(20px,4vw,36px);
  position:relative;
}

/* Video frame with fixed aspect and soft shadow */
.nv-video-frame{
  border-radius:10px;
  overflow:hidden;
  background:#000;
  aspect-ratio:16/9;
  max-width:620px;
  margin:0 auto clamp(22px,3.5vw,34px);
  box-shadow:0 18px 28px -16px rgba(0,0,0,.18);
}

/* Make the mp4 fill the frame */
.nv-video,
.nv-video-frame > video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;   /* crop to fill without letterboxing */
}

/* (empty) stacked zone kept for structure parity */
.nv-card-stack{
  display:grid;
  gap:22px;
  max-width:620px;
  margin:0 auto;
}

/* Right copy */
.nv-industries-copy{max-width:560px}
.nv-copy-title{font-size:clamp(22px,3vw,34px);margin:0 0 12px}
.nv-copy-body{margin:0;color:var(--muted);line-height:1.7}

/* Responsive */
@media (max-width:1000px){
  .nv-industries-grid{grid-template-columns:1fr}
  .nv-industries-copy{order:2}
}
/* ----------
   Section 4: Split copy + right video panel
   ---------- */

:root {
  --panel:#f6f1e8;
}

.nv-targeting { background:#fff; padding: clamp(48px,8vw,96px) 24px; }
.nv-targeting-wrap { max-width:1200px; margin:0 auto; }

.nv-split {
  display:grid;
  grid-template-columns: 1fr 1.15fr; /* right panel a bit larger */
  gap: clamp(24px,4vw,64px);
  align-items: center;
}

/* Left copy */
.nv-target-title { font-size: clamp(28px,4.4vw,44px); line-height:1.12; margin:0 0 12px; color:#0b1220; }
.nv-target-body { margin:0; max-width: 56ch; line-height:1.7; color:#6b7280; }

/* Right cream panel shell */
.nv-map-panel {
  position: relative;
  background: var(--panel);
  border-radius: 12px;
  padding: clamp(12px,2.4vw,18px);
  overflow: hidden;
}

/* Optional subtle “map” pattern like the screenshot */
.nv-map-panel::before {
  content:"";
  position:absolute; inset:0;
  background:
    linear-gradient(70deg, rgba(255,255,255,.85) 10px, transparent 12px) 0 12%,
    linear-gradient(-20deg, rgba(255,255,255,.85) 6px, transparent 8px) 0 0;
  background-size: 120px 120px, 140px 140px;
  mix-blend-mode: normal;
  opacity: .55;
  pointer-events:none;
}

/* Video frame (slightly taller than 16:9 per screenshot) */
.nv-video-frame { border-radius: 10px; overflow: hidden; background:#000; box-shadow:0 18px 28px -16px rgba(0,0,0,.18); }
.nv-video-frame--tall { aspect-ratio: 16 / 11; } /* tall feel */

.nv-video, .nv-video-frame > video { width:100%; height:100%; display:block; object-fit: cover; }

/* Blue pin + soft concentric rings accent (decorative) */
.nv-ping {
  position:absolute; right: 24%; top: 42%; width: 140px; height: 140px; pointer-events:none;
  transform: translate(50%, -50%);
}
.nv-ping::before, .nv-ping::after {
  content:""; position:absolute; inset:0; border-radius:50%;
  background: radial-gradient(circle, rgba(24,99,255,.32) 0%, rgba(24,99,255,.14) 55%, rgba(24,99,255,0) 70%);
  filter: blur(0.5px);
}
.nv-ping::after { inset: 22px; opacity:.9; }

/* Responsive */
@media (max-width: 980px) { .nv-split { grid-template-columns: 1fr; } .nv-map-panel { order:2; } }
@media (max-width: 640px) { .nv-ping { display:none; } }
/* ----------
   Section 5: Support grid (screenshot-faithful)
   ---------- */

:root { --sky:#eaf3ff; --sky-deep:#e1effe; --ink:#0b1220; --muted:#6b7280; --card:#ffffff; }

.nv-support {
  background: radial-gradient(900px 380px at 50% 0, var(--sky) 0%, #f6fbff 60%, #f7fbff 100%);
  padding: clamp(56px, 8vw, 100px) 24px;
}

.nv-support-wrap { max-width: 1200px; margin: 0 auto; text-align: center; }

.nv-support-title {
  margin: 0 0 clamp(24px,3.5vw,40px);
  font-size: clamp(28px, 5vw, 48px);
  line-height: 1.1;
  color: #0b1220;
}

/* Thumbnails row */
.nv-thumb-row {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: clamp(16px, 2.2vw, 28px);
  justify-items: center;
  margin: 0 auto clamp(26px, 4vw, 44px);
  max-width: 1100px;
}

.nv-thumb-row img {
  width: 100%;
  max-width: 220px;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 10px;
  filter: saturate(1.05) contrast(1.02);
}

/* Features (3 columns) */
.nv-support-features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(22px, 3vw, 40px);
  margin-top: clamp(12px, 2.2vw, 18px);
  text-align: left;
}

.nv-feature { padding: 0 14px; }

.nv-feature-icon { font-size: 28px; color:#1863ff; text-align: center; margin: 0 0 16px; }

.nv-feature-title { text-align: center; margin: 0 0 10px; font-size: clamp(18px, 2.2vw, 24px); color: var(--ink); }

.nv-feature-body { text-align: center; margin: 0 0 14px; color: var(--muted); line-height: 1.7; max-width: 36ch; margin-inline: auto; }

.nv-feature-link { display: inline-flex; gap: 6px; align-items: center; justify-content: center; text-decoration: none; font-weight: 700; color: #0b1220; opacity: .95; }
.nv-feature-link:hover { opacity: 1; text-decoration: underline; }

/* Responsive */
@media (max-width: 1100px) {
  .nv-thumb-row { grid-template-columns: repeat(5, minmax(120px, 1fr)); }
}
@media (max-width: 900px) {
  .nv-thumb-row { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px) {
  .nv-thumb-row { grid-template-columns: repeat(2, 1fr); }
  .nv-support-features { grid-template-columns: 1fr; text-align: center; }
  .nv-feature { padding: 0; }
}

/* ====== Base & tokens ====== */
:root{
  --panel:#ffffff;
  --ring:#d7d7d7;
  --muted:#00356B;
  --ink:#00356B;
  --ink-d:#00356B;
  --accent:#ff4aa2;
}

/* 1) Font family */
html, body { font-family: 'Segoe UI', sans-serif; }

/* 3) Background gradient (#E9DCC9 theme) */
.nv-pricing{
  background: linear-gradient(180deg, #E9DCC9 0%, #FFFFFF 100%);
  color: var(--ink);
  padding: clamp(72px,10vw,120px) 24px;
}

.nv-pricing-wrap{ max-width: 1200px; margin: 0 auto; text-align: center; }
.nv-price-title{ font-size: clamp(32px,6vw,72px); line-height: .95; margin: 0 0 10px; }

/* 2) p, h3, span all #00356B */
p, h3, span { color: #00356B; }

.nv-price-sub{ margin: 0 0 18px; color: var(--muted); }

/* Billing pills (lightened to fit the new palette) */
.nv-billing{
  display: inline-flex; gap: 10px; align-items: center;
  margin-bottom: clamp(24px,3vw,36px);
}
.nv-pill-check{
  position: relative; display: inline-flex; align-items: center; gap: 10px;
  background: #fff; border: 1px solid rgba(0,53,107,.25); color: #00356B;
  padding: 8px 14px; border-radius: 999px;
}
.nv-pill-check input{
  appearance: none; width: 14px; height: 14px; border: 1px solid rgba(0,53,107,.5);
  border-radius: 999px; display: inline-block; background: #fff;
}
.nv-pill-check input:checked{ background: #00356B; border-color: #00356B; }
.nv-pill-check span{ font-weight: 600; }
.nv-save{
  background: rgba(0,53,107,.12); color:#00356B;
  font-size: 12px; padding: 4px 8px; border-radius: 999px;
}

/* Cards grid */
.nv-price-grid{
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: clamp(18px,2.2vw,28px); align-items: stretch; text-align: left;
}

.nv-cardp{
  background: var(--panel); border: 1px solid var(--ring);
  border-radius: 22px; padding: 24px;
  display: grid; grid-template-rows: auto 1fr auto;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.02);
}
.nv-cardp--hot{
  border-color: rgba(255,74,162,.5);
  box-shadow: 0 0 0 1px rgba(255,74,162,.25), 0 30px 60px -30px rgba(0,0,0,.18);
}

/* Header inside card */
.nv-cardp-h{ position: relative; margin-bottom: 8px; }
.nv-plan{
  margin: 0 0 6px; font-size: 26px; font-weight: 700;
  /* removed previous white to respect global color */
}
.nv-plan-sub{ margin: 0 0 10px; color: var(--muted); }

.nv-badge{
  position: absolute; top: -14px; right: 8px;
  background: var(--accent); color: #fff; font-size: 12px;
  padding: 6px 10px; border-radius: 999px; font-weight: 800; letter-spacing: .2px;
}
.nv-badge--ghost{ background: #f0f4f8; color: #00356B; }

.nv-price{
  display:flex; align-items: baseline; gap: 8px; margin: 10px 0 2px;
}
.nv-price span{ font-size: 40px; font-weight: 800; } /* uses global span color (#00356B) */
.nv-price small{ color: #335c85; }

/* Features */
.nv-feats{
  list-style: none; margin: 14px 0 18px; padding: 0;
  display: grid; gap: 10px; color: var(--ink-d);
}
.nv-feats li{ position: relative; padding-left: 24px; }
.nv-feats li::before{
  content:""; position:absolute; left:0; top:.55em;
  width: 10px; height: 10px; border-radius: 50%;
  background: #00a36c; box-shadow: 0 0 0 3px rgba(0,163,108,.18);
}
.nv-feats li s{ color: #6c8aa6; text-decoration-color: #5b7b99; }

/* CTA */
.nv-cta-pri{
  margin-top: 6px; display:inline-grid; place-items:center;
  height: 44px; border-radius: 10px; background: #00356B;
  color: #ffffff; text-decoration: none; font-weight: 800; padding: 0 18px;
}
.nv-cardp--hot .nv-cta-pri{
  background: linear-gradient(90deg, #ff4aa2, #8b5cf6); color: #fff;
}

/* Responsive */
@media (max-width: 1024px){
  .nv-price-grid{ grid-template-columns: 1fr; }
  .nv-pricing-wrap{ text-align: center; }
  .nv-cardp{ max-width: 720px; margin: 0 auto; }
}
* ----------
:root{
  --uc-bg: #F0F8FF;     /* section background */
  --uc-card: #B9D9EB;   /* card background */
  --uc-ink: #0B1220;    /* headings */
  --uc-muted: #1F2937;  /* body text */
  --uc-accent: #2E5090; /* icon/section accent */
}

.nv-usecases {
  background:#F0F8FF;
  padding: clamp(56px,8vw,96px) 24px;
  font-family: 'Segoe UI', sans-serif;
}

.nv-usecases-wrap {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.nv-uc-title {
  font-size: clamp(20px,2.4vw,28px);
  font-weight: 700;
  color: black;
  margin: 0 0 clamp(28px,4vw,48px);
}

.nv-uc-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(20px,2.4vw,32px);
}

.nv-uc-card {
  background: #E1EBEE;          /* your requested card color */
  border-radius: 14px;
  padding: 28px 22px;
  box-shadow: 0 8px 22px rgba(0,0,0,.06);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.nv-uc-icon {
  font-size: 28px;
  color: black;
  margin-bottom: 16px;
}

.nv-uc-head {
  font-size: clamp(16px,1.8vw,20px);
  font-weight: 700;
  margin: 0 0 12px;
  color: black;
}

.nv-uc-body {
  font-size: 15px;
  line-height: 1.6;
  color: #808080;
  margin: 0;
}

/* Responsive */
@media (max-width: 1000px) { .nv-uc-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 640px)  { .nv-uc-grid { grid-template-columns: 1fr; } }


/* ----------
   Section 8: Partners / Awards (dark)
   ---------- */

/* Partners Section */
.partners-section {
  padding: 4rem 0;
  background: #fff;
  text-align: center;
}

.partners-container .section-title {
  margin-bottom: 2rem;
  color: black;
}

.partners-grid {
  display: flex;
  justify-content: space-around; /* Even space distribution */
  align-items: center; /* Vertical alignment */
  gap: 4rem; /* Increased space between logos */
  flex-wrap: wrap; /* Allow wrapping on smaller screens */
}

.partner-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 200px;
}

.partner-item img {
  max-width: 180px; /* Slightly smaller for better spacing */
  height: auto;
  margin-bottom: 0.5rem;
}

.partner-item p {
  font-size: 0.9rem;
  color: #555;
}

/* Responsive tweaks */
@media (max-width: 768px) {
  .partners-grid {
    justify-content: center;
    gap: 2rem;
  }
}


.nv-team {
  background: #fff;
  padding: clamp(48px, 6vw, 96px) 24px;
  text-align: center;
}

.nv-team-wrap {
  max-width: 1200px;
  margin: 0 auto;
}

.nv-section-title {
  font-size: clamp(28px, 5vw, 36px);
  font-weight: 700;
  color: #1863ff;
  margin-bottom: 8px;
}

.nv-section-subtitle {
  font-size: 1rem;
  color: #6b7280;
  margin-bottom: 48px;
}

.nv-team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 32px;
}

.nv-team-card {
  background: #f9fafb;
  padding: 24px;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
  text-align: center;
}

.nv-team-card img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 50%;
  margin-bottom: 16px;
}

.nv-team-card h3 {
  font-size: 1.2rem;
  color: #1863ff;
  margin: 0 0 4px;
}

.nv-team-card .role {
  font-weight: 500;
  color: #111827;
  font-size: 0.95rem;
  margin-bottom: 12px;
}

.nv-team-card .bio {
  font-size: 0.9rem;
  color: #6b7280;
  line-height: 1.5;
  margin-bottom: 8px;
}

.nv-team-card .email {
  font-size: 0.85rem;
  color: #4b5563;
}
/* ============================
   Team Section
   ============================ */
.nv-team {
  background: #fff;
  padding: clamp(48px, 6vw, 96px) 24px;
  text-align: center;
}

.nv-team-wrap {
  max-width: 1200px;
  margin: 0 auto;
}

.nv-section-title {
  font-size: clamp(28px, 5vw, 36px);
  font-weight: 700;
  color: black;
  margin-bottom: 8px;
}

.nv-section-subtitle {
  font-size: 1rem;
  color: #6b7280;
  margin-bottom: 48px;
}

.nv-team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 32px;
}

.nv-team-card {
  background: #f9fafb;
  padding: 24px;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
  text-align: center;
}

.nv-team-card img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 50%;
  margin-bottom: 16px;
}

.nv-team-card h3 {
  font-size: 1.2rem;
  color: black
    ;
  margin: 0 0 4px;
}

.nv-team-card .role {
  font-weight: 500;
  color: #111827;
  font-size: 0.95rem;
  margin-bottom: 12px;
}

.nv-team-card .bio {
  font-size: 0.9rem;
  color: #6b7280;
  line-height: 1.5;
  margin-bottom: 8px;
}

.nv-team-card .email {
  font-size: 0.85rem;
  color: #4b5563;
}

.nv-footer {
  background: #0C2340; /* Deep navy blue */
  color: #fff;
  padding: 40px 20px;
  font-size: 0.95rem;
  font-family: 'Segoe UI', sans-serif;
}

.nv-footer-container {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 40px;
}

.nv-footer-logo {
  width: 120px;
  margin-bottom: 15px;
}

.nv-footer-col p {
  color: #e5e7eb;
  margin-bottom: 10px;
  line-height: 1.6;
}

.nv-footer-col small {
  display: block;
  color: #9ca3af;
}

.nv-footer-col h4 {
  color: #00c4cc;
  font-weight: 600;
  margin-bottom: 12px;
}

.nv-footer-col ul {
  list-style: none;
  padding: 0;
}

.nv-footer-col ul li {
  margin-bottom: 8px;
}

.nv-footer-col ul li a {
  color: #60a5fa;
  text-decoration: none;
  transition: color 0.3s ease;
}

.nv-footer-col ul li a:hover {
  color: #fff;
}

.nv-footer-form {
  display: flex;
  margin-top: 12px;
}

.nv-footer-form input {
  flex: 1;
  padding: 8px;
  border: none;
  outline: none;
  border-radius: 3px 0 0 3px;
}

.nv-footer-form button {
  background: #0077c0; /* Green send button */
  color: #fff;
  border: none;
  padding: 8px 14px;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
  font-weight: 500;
  transition: background 0.3s ease;
}

.nv-footer-form button:hover {
  background: #00CCFF;
}