@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap");

:root {
  /* Colors */
  --color-bg-primary: #0c0e38;
  --color-bg-secondary: #141740;
  --color-accent-cyan: #48d6fd;
  --color-text-primary: #e0e0ff;
  --color-text-secondary: #bcc9ce;
  --color-btn-primary: linear-gradient(135deg, #48d6fd 0%, #00b8de 100%);
  --color-btn-secondary: #02528e;
  --color-border: rgba(61, 73, 77, 0.15);

  /* Extended design system */
  --color-surface: #0c0e38;
  --color-surface-lowest: #060833;
  --color-surface-low: #141740;
  --color-surface-medium: #191b44;
  --color-surface-high: #23264f;
  --color-surface-highest: #2e315b;
  --color-surface-variant: rgba(46, 49, 91, 0.6);
  --color-tertiary: #e9c176;
  --color-primary-container: #00b8de;
  --color-on-primary: #003542;
  --color-on-secondary: #00325a;
  --color-on-secondary-container: #99c6ff;
  --color-outline: #869398;
  --color-outline-ghost: rgba(61, 73, 77, 0.15);

  /* Typography */
  --font-heading: "Manrope", sans-serif;
  --font-body: "Manrope", sans-serif;
  --font-label: "Inter", sans-serif;

  /* Font sizes */
  --text-h1: clamp(3.5rem, 6vw, 5rem);
  --text-h2: clamp(2.5rem, 4.2vw, 3.5rem);
  --text-h3: clamp(1.75rem, 2.4vw, 2.25rem);
  --text-body: 1rem;
  --text-small: 0.875rem;
  --text-label: 0.75rem;

  /* Spacing */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-2xl: 5rem;

  /* Layout */
  --container-max-width: 96rem;
  --section-padding: clamp(5rem, 8vw, 8rem);
  --border-radius-sm: 0.25rem;
  --border-radius-md: 0.75rem;
  --border-radius-lg: 1.5rem;

  /* Shadows & Effects */
  --shadow-card: 0 20px 40px rgba(12, 14, 56, 0.4);
  --shadow-glow: 0 0 30px rgba(72, 214, 253, 0.25);
  --blur-glass: blur(20px);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

ul[role="list"],
ol[role="list"] {
  list-style: none;
  margin: 0;
  padding: 0;
}

body {
  min-height: 100vh;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-body);
  font-size: var(--text-body);
  line-height: 1.6;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

img,
picture,
svg,
canvas {
  display: block;
  max-width: 100%;
}

button,
input,
textarea,
select {
  font: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  cursor: pointer;
}

:focus-visible {
  outline: 2px solid var(--color-accent-cyan);
  outline-offset: 3px;
}

::selection {
  background: rgba(72, 214, 253, 0.25);
  color: var(--color-text-primary);
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.glass-panel,
.glass-card {
  background: var(--color-surface-variant);
  -webkit-backdrop-filter: var(--blur-glass);
  backdrop-filter: var(--blur-glass);
}

.nv-container {
  width: min(100% - 2rem, var(--container-max-width));
  margin-inline: auto;
}

.nv-section {
  padding-block: var(--section-padding);
}

.nv-eyebrow {
  font-family: var(--font-label);
  font-size: var(--text-label);
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--color-accent-cyan);
}

.nv-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  border: 0;
  border-radius: var(--border-radius-sm);
  background: var(--color-btn-primary);
  color: var(--color-on-primary);
  font-weight: 800;
  box-shadow: var(--shadow-glow);
}

.nv-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-sm);
  background: rgba(25, 27, 68, 0.4);
  color: var(--color-text-primary);
}

.nv-card {
  border: 1px solid var(--color-outline-ghost);
  border-radius: var(--border-radius-md);
  background: var(--color-surface-low);
  box-shadow: var(--shadow-card);
}

.nv-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid var(--color-outline-ghost);
  border-radius: 9999px;
  background: var(--color-surface-high);
  padding: 0.5rem 0.875rem;
  font-family: var(--font-label);
  font-size: var(--text-label);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.nv-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--color-outline-ghost), transparent);
}

.nv-page {
  isolation: isolate;
}

.nv-brand-link {
  cursor: pointer;
}

.nv-disabled-link {
  cursor: default;
  pointer-events: none;
}

.nv-mobile-nav-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border: 1px solid rgba(72, 214, 253, 0.24);
  border-radius: 0.75rem;
  background: rgba(20, 23, 64, 0.92);
  color: var(--color-text-primary);
  box-shadow: 0 12px 28px rgba(6, 8, 51, 0.35);
}

.nv-mobile-nav-panel {
  display: none;
  padding: 1rem;
  border-top: 1px solid rgba(61, 73, 77, 0.35);
  background: rgba(12, 14, 56, 0.98);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

.nv-mobile-nav-panel a,
.nv-mobile-nav-panel button {
  width: 100%;
}

.nv-mobile-nav-panel a {
  display: block;
  padding: 0.875rem 1rem;
  border: 1px solid rgba(61, 73, 77, 0.25);
  border-radius: 0.875rem;
  background: rgba(20, 23, 64, 0.82);
  font-family: var(--font-label);
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-align: center;
}

.nv-mobile-nav-cta {
  padding: 0.95rem 1rem;
  font-size: 0.8rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.nv-mobile-nav-open .nv-mobile-nav-panel {
  display: grid;
  gap: 0.75rem;
}

.nv-products-menu {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-bottom: 0.9rem;
  margin-bottom: -0.9rem;
}

.nv-products-menu::after {
  content: "";
  position: absolute;
  top: 100%;
  left: -0.55rem;
  right: -0.55rem;
  height: 1rem;
}

.nv-products-menu-trigger {
  display: inline-flex;
  align-items: center;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.nv-products-submenu {
  position: absolute;
  top: calc(100% + 0.14rem);
  left: 50%;
  transform: translateX(-50%) translateY(-8px);
  min-width: 18.75rem;
  padding: 0.65rem;
  border: 1px solid rgba(72, 214, 253, 0.2);
  border-radius: 0.95rem;
  background: rgba(12, 14, 56, 0.98);
  box-shadow: 0 24px 50px rgba(6, 8, 51, 0.5);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
  z-index: 80;
}

.nv-products-submenu::before {
  content: "";
  position: absolute;
  top: -0.45rem;
  left: 50%;
  width: 0.85rem;
  height: 0.85rem;
  transform: translateX(-50%) rotate(45deg);
  border-top: 1px solid rgba(72, 214, 253, 0.2);
  border-left: 1px solid rgba(72, 214, 253, 0.2);
  background: rgba(12, 14, 56, 0.98);
}

.nv-products-menu:hover .nv-products-submenu,
.nv-products-menu:focus-within .nv-products-submenu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.nv-products-submenu-link {
  display: block;
  padding: 0.66rem 0.84rem;
  border-radius: 0.68rem;
  font-family: var(--font-heading);
  font-size: 0.84rem;
  font-weight: 650;
  letter-spacing: 0.012em;
  line-height: 1.32;
  color: rgba(224, 224, 255, 0.9);
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.nv-products-submenu-link + .nv-products-submenu-link {
  margin-top: 0.12rem;
}

.nv-products-submenu-link:hover,
.nv-products-submenu-link:focus-visible {
  background: linear-gradient(135deg, rgba(72, 214, 253, 0.2), rgba(72, 214, 253, 0.09));
  color: #48d6fd;
  transform: translateX(2px);
}

/* Responsive breakpoints */
/* sm: 640px */
/* md: 768px */
/* lg: 1024px */
/* xl: 1280px */
/* 2xl: 1536px */

@media (max-width: 767px) {
  .nv-mobile-nav-toggle {
    display: inline-flex;
    flex-shrink: 0;
  }

  nav > div:first-child {
    padding-inline: 1rem !important;
    padding-block: 0.9rem !important;
    gap: 0.75rem;
  }

  nav img {
    height: 2.2rem !important;
    max-width: 12rem !important;
  }

  nav > div:first-child > button:not(.nv-mobile-nav-toggle) {
    display: none !important;
  }

  .nv-home .nv-home-hero {
    min-height: auto;
    padding-top: 6.5rem;
    padding-bottom: 3.5rem;
  }

  .nv-home .nv-home-hero > div {
    padding-inline: 1rem !important;
    gap: 2rem !important;
  }

  .nv-home .nv-home-hero h1 {
    font-size: clamp(2.05rem, 11.2vw, 2.9rem) !important;
    line-height: 1.03 !important;
    letter-spacing: -0.028em;
    margin-bottom: 1rem !important;
  }

  .nv-home .nv-home-hero p {
    font-size: 0.985rem !important;
    line-height: 1.55 !important;
    margin-bottom: 1.5rem !important;
  }

  .nv-home .nv-home-hero .inline-flex {
    width: 100%;
    margin-bottom: 1.5rem !important;
    padding-right: 1rem;
  }

  .nv-home .nv-home-hero .flex.items-center.gap-6 {
    flex-direction: column;
    align-items: stretch;
    gap: 0.9rem;
  }

  .nv-home .nv-home-hero .flex.items-center.gap-6 > * {
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  .nv-home .nv-home-hero .absolute.bottom-12.left-0 {
    position: static;
    max-width: none;
    margin-top: 1rem;
  }

  .nv-home .nv-home-hero .relative.flex.justify-end {
    flex-direction: column;
    justify-content: stretch;
    gap: 1rem;
  }

  .nv-home .nv-home-hero .relative.flex.justify-end > div:first-child {
    max-width: none;
  }

  .nv-home .nv-home-hero .relative.flex.justify-end .glass-panel {
    width: 100%;
  }

  .nv-home .nv-home-trust {
    padding-block: 2rem !important;
  }

  .nv-home .nv-home-trust > div {
    padding-inline: 1rem !important;
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 1rem !important;
    justify-items: center;
  }

  .nv-home .nv-home-trust span {
    display: block;
    width: 100%;
    font-size: 0.82rem !important;
    line-height: 1.45;
    letter-spacing: 0.18em !important;
    text-align: center;
  }

  .nv-home section.py-32,
  .nv-home section.py-24 {
    padding-top: 4.25rem !important;
    padding-bottom: 4.25rem !important;
  }

  .nv-home section.px-12,
  .nv-home footer .px-12 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .nv-home h2.text-\[3\.5rem\],
  .nv-home h2.text-\[3rem\] {
    font-size: clamp(2rem, 11vw, 2.65rem) !important;
    line-height: 1.14 !important;
    letter-spacing: -0.024em;
    text-wrap: balance;
  }

  .nv-home .mb-20.text-center.lg\:text-left p.text-xl,
  .nv-home .text-center.mb-20 p.text-xl,
  .nv-home .mb-16 p.text-xl {
    font-size: 1.05rem !important;
    line-height: 1.52 !important;
    max-width: none !important;
  }

  .nv-home .grid.grid-cols-1.lg\:grid-cols-3.gap-8.mb-24,
  .nv-home .grid.grid-cols-1.md\:grid-cols-3.gap-8,
  .nv-home .grid.grid-cols-1.md\:grid-cols-3.gap-12 {
    gap: 1.15rem !important;
  }

  .nv-home .group.relative.flex.flex-col.bg-surface-container-high.rounded-2xl .p-8,
  .nv-home .bg-surface-container-low.rounded-xl .p-8 {
    padding: 1.2rem !important;
  }

  .nv-home .group.relative.flex.flex-col.bg-surface-container-high.rounded-2xl .h-72 {
    height: 13.75rem !important;
  }

  .nv-home .group.relative.flex.flex-col.bg-surface-container-high.rounded-2xl .flex.justify-between.items-start.mb-4 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.7rem;
  }

  .nv-home .group.relative.flex.flex-col.bg-surface-container-high.rounded-2xl h3.text-2xl {
    font-size: 1.7rem !important;
    line-height: 1.15;
  }

  .nv-home .group.relative.flex.flex-col.bg-surface-container-high.rounded-2xl span.rounded-full {
    white-space: normal !important;
    line-height: 1.25;
    letter-spacing: 0.11em !important;
    font-size: 0.62rem !important;
  }

  .nv-home .pt-24.border-t {
    padding-top: 3rem !important;
  }

  .nv-home .flex.flex-col.md\:flex-row.justify-between.items-start.md\:items-end.mb-12.gap-6 {
    gap: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .nv-home .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3.gap-8 > div,
  .nv-home .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3.gap-6 > div {
    padding: 1.35rem !important;
  }

  .nv-home .glass-panel.min-h-\[300px\].justify-end {
    min-height: 0 !important;
    justify-content: flex-start !important;
  }

  .nv-home .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3.gap-8 h3.text-xl,
  .nv-home .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3.gap-6 h3.text-2xl {
    font-size: 1.5rem !important;
    line-height: 1.24 !important;
  }

  .nv-home .grid.grid-cols-1.lg\:grid-cols-2.gap-24.items-center {
    gap: 2.1rem !important;
  }

  .nv-home .space-y-10 > div {
    gap: 0.9rem !important;
  }

  .nv-home .space-y-10 > div > div:last-child p {
    line-height: 1.55 !important;
  }

  .nv-home footer .flex.flex-wrap.gap-12.lg\:gap-24 {
    gap: 1.5rem !important;
  }

  .nv-home footer .text-\[\#e0e0ff\]\/40.font-inter.text-\[0\.75rem\].uppercase {
    text-align: center;
    line-height: 1.5;
  }

  .nv-about main {
    padding-top: 6.6rem !important;
  }

  .nv-about section.px-12,
  .nv-about footer .px-12 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .nv-about section.mb-24,
  .nv-about section.mb-32 {
    margin-bottom: 4.25rem !important;
  }

  .nv-about section.relative.min-h-\[716px\] {
    min-height: auto !important;
    align-items: flex-start !important;
  }

  .nv-about section.relative.min-h-\[716px\] h1 {
    font-size: clamp(2.2rem, 13vw, 3.2rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.03em;
    margin-bottom: 1rem !important;
  }

  .nv-about section.relative.min-h-\[716px\] p.text-xl {
    font-size: 1.06rem !important;
    line-height: 1.55 !important;
    max-width: none !important;
  }

  .nv-about .grid.grid-cols-1.md\:grid-cols-12.gap-6.h-auto.md\:h-\[600px\] {
    gap: 1rem !important;
    height: auto !important;
  }

  .nv-about .md\:col-span-8.bg-surface-container-low,
  .nv-about .md\:col-span-4.bg-primary {
    padding: 1.4rem !important;
    border-radius: 0.8rem !important;
  }

  .nv-about .md\:col-span-8.bg-surface-container-low p.text-lg,
  .nv-about .md\:col-span-4.bg-primary p.text-lg {
    font-size: 1.02rem !important;
    line-height: 1.56 !important;
    max-width: none !important;
  }

  .nv-about section .flex.flex-col.md\:flex-row.gap-20.items-start {
    display: block !important;
  }

  .nv-about section .md\:w-1\/3.sticky.top-32 {
    position: static !important;
    width: 100% !important;
    margin-bottom: 1.1rem;
  }

  .nv-about section .md\:w-1\/3.sticky.top-32 h2,
  .nv-about h2.text-5xl {
    font-size: clamp(2rem, 11vw, 2.8rem) !important;
    line-height: 1.1 !important;
    margin-bottom: 0.9rem !important;
    text-wrap: balance;
  }

  .nv-about section .md\:w-1\/3.sticky.top-32 p.text-lg {
    font-size: 1.06rem !important;
    line-height: 1.52 !important;
    margin-bottom: 0.95rem !important;
  }

  .nv-about section .md\:w-2\/3.space-y-12 {
    width: 100% !important;
    margin-top: 0.65rem;
  }

  .nv-about section .md\:w-2\/3.space-y-12 > .group {
    display: grid !important;
    grid-template-columns: 2rem 1fr;
    gap: 0.75rem !important;
    padding-top: 1.4rem !important;
    padding-bottom: 1.4rem !important;
    padding-left: 0 !important;
  }

  .nv-about section .md\:w-2\/3.space-y-12 > .group span.text-xl {
    font-size: 1.8rem !important;
    line-height: 1;
    margin-top: 0.1rem;
  }

  .nv-about section .md\:w-2\/3.space-y-12 > .group h3.text-2xl {
    font-size: 2rem !important;
    line-height: 1.2 !important;
    margin-bottom: 0.5rem !important;
  }

  .nv-about section .md\:w-2\/3.space-y-12 > .group p.text-lg {
    font-size: 1.05rem !important;
    line-height: 1.56 !important;
  }

  .nv-about section.bg-surface-container-low.py-32 {
    padding-top: 4.1rem !important;
    padding-bottom: 4.1rem !important;
  }

  .nv-about section.bg-surface-container-low.py-32 .text-center.mb-20 {
    margin-bottom: 1.4rem !important;
  }

  .nv-about section.bg-surface-container-low.py-32 .grid.grid-cols-1.md\:grid-cols-4 {
    gap: 0.75rem !important;
  }

  .nv-about section.bg-surface-container-low.py-32 .grid.grid-cols-1.md\:grid-cols-4 > div {
    padding: 1.1rem !important;
  }

  .nv-about section.px-12.max-w-screen-2xl.mx-auto.mb-32 .grid.grid-cols-1.md\:grid-cols-3 {
    gap: 0.9rem !important;
  }

  .nv-about section.px-12.max-w-screen-2xl.mx-auto.mb-32 > h2.text-5xl {
    text-align: left !important;
    margin-bottom: 1rem !important;
    padding-left: 0.15rem;
  }

  .nv-about section.px-12.max-w-screen-2xl.mx-auto.mb-32 .grid.grid-cols-1.md\:grid-cols-3 > div {
    padding: 1.25rem !important;
  }

  .nv-about section.px-12.max-w-screen-2xl.mx-auto.mb-32 .grid.grid-cols-1.md\:grid-cols-3 h3.text-2xl {
    font-size: 1.95rem !important;
    line-height: 1.2 !important;
  }

  .nv-about section.px-12.max-w-screen-2xl.mx-auto.mb-32 .rounded-2xl.p-20 {
    padding: 1.6rem !important;
    text-align: center !important;
  }

  .nv-about section.px-12.max-w-screen-2xl.mx-auto.mb-32 .rounded-2xl.p-20 h2.text-5xl {
    font-size: clamp(2.2rem, 14vw, 3rem) !important;
    line-height: 1.04 !important;
    margin-bottom: 0.8rem !important;
  }

  .nv-about section.px-12.max-w-screen-2xl.mx-auto.mb-32 .rounded-2xl.p-20 p.text-xl {
    font-size: 1.08rem !important;
    line-height: 1.5 !important;
    margin-bottom: 1.1rem !important;
    max-width: none !important;
  }

  .nv-about section.px-12.max-w-screen-2xl.mx-auto.mb-32 .rounded-2xl.p-20 .flex.flex-col.sm\:flex-row {
    gap: 0.75rem !important;
  }

  .nv-about section.px-12.max-w-screen-2xl.mx-auto.mb-32 .rounded-2xl.p-20 .flex.flex-col.sm\:flex-row button {
    width: 100% !important;
    padding: 0.85rem 1rem !important;
    line-height: 1.35;
  }

  .nv-about footer .flex.flex-col.md\:flex-row.justify-between.items-center.px-12.py-10.w-full {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
    gap: 0.75rem;
  }

  .nv-about footer .flex.flex-wrap.justify-center.gap-8 {
    gap: 0.6rem 1.2rem !important;
  }

  .nv-about footer .font-inter.text-sm.uppercase.tracking-widest {
    font-size: 0.86rem !important;
    letter-spacing: 0.08em !important;
  }

  .nv-about footer .font-inter.text-sm.uppercase.tracking-widest.text-\[\#e0e0ff\]\/50 {
    text-align: center;
    line-height: 1.4;
  }

  .nv-products main {
    padding-top: 6.6rem !important;
  }

  .nv-products section.px-12,
  .nv-products footer .px-12 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .nv-products section.py-24,
  .nv-products section.py-32 {
    padding-top: 4.2rem !important;
    padding-bottom: 4.2rem !important;
  }

  .nv-products section.px-12.py-24.max-w-screen-2xl {
    gap: 1.35rem !important;
    align-items: flex-start !important;
    padding-top: 2.4rem !important;
    padding-bottom: 2.9rem !important;
  }

  .nv-products section.px-12.py-24.max-w-screen-2xl .md\:w-3\/5 {
    width: 100% !important;
  }

  .nv-products section.px-12.py-24.max-w-screen-2xl h1.text-7xl {
    font-size: clamp(2.3rem, 13vw, 3.35rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.03em;
  }

  .nv-products section.px-12.py-24.max-w-screen-2xl p.text-xl {
    font-size: 1.05rem !important;
    line-height: 1.55 !important;
    max-width: none !important;
  }

  .nv-products section.px-12.py-24.max-w-screen-2xl .flex.gap-4 {
    width: 100%;
  }

  .nv-products section.px-12.py-24.max-w-screen-2xl .flex.gap-4 > button {
    width: 100%;
    justify-content: center;
    padding: 0.9rem 1rem !important;
  }

  .nv-products section.px-12.py-24.max-w-screen-2xl .md\:w-2\/5.relative.h-\[500px\] {
    width: 100% !important;
    height: clamp(260px, 72vw, 360px) !important;
    border-radius: 1rem !important;
    margin-top: 0.3rem;
  }

  .nv-products .py-32.px-12.tonal-shift-section .flex.justify-between.items-end.mb-24 {
    margin-bottom: 1.4rem !important;
    align-items: flex-start !important;
  }

  .nv-products .py-32.px-12.tonal-shift-section .space-y-4 h2.text-4xl {
    font-size: clamp(2rem, 11vw, 2.7rem) !important;
    line-height: 1.12 !important;
    text-wrap: balance;
  }

  .nv-products .py-32.px-12.tonal-shift-section .font-label.text-on-surface\/50.text-sm {
    display: none !important;
  }

  .nv-products .py-32.px-12.tonal-shift-section .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3 {
    gap: 1rem !important;
  }

  .nv-products .py-32.px-12.tonal-shift-section .group .h-64 {
    height: 12.75rem !important;
  }

  .nv-products .py-32.px-12.tonal-shift-section .group .p-8 {
    padding: 1.15rem !important;
    gap: 0.75rem !important;
  }

  .nv-products .py-32.px-12.tonal-shift-section .group h3.text-2xl {
    font-size: 2rem !important;
    line-height: 1.13 !important;
  }

  .nv-products .py-32.px-12.tonal-shift-section .group p.text-sm {
    font-size: 1.03rem !important;
    line-height: 1.55 !important;
    color: rgba(224, 224, 255, 0.72) !important;
  }

  .nv-products .py-32.px-12.bg-surface .max-w-screen-2xl.mx-auto.flex.flex-col.md\:flex-row {
    gap: 1.4rem !important;
    align-items: flex-start !important;
  }

  .nv-products .py-32.px-12.bg-surface h2.text-5xl {
    font-size: clamp(2.15rem, 11.5vw, 3rem) !important;
    line-height: 1.08 !important;
    margin-bottom: 0.65rem !important;
  }

  .nv-products .py-32.px-12.bg-surface .space-y-10 {
    gap: 1.15rem !important;
  }

  .nv-products .py-32.px-12.bg-surface .flex.gap-6.group {
    gap: 0.9rem !important;
    align-items: flex-start;
  }

  .nv-products .py-32.px-12.bg-surface .md\:w-1\/2.w-full.grid.grid-cols-2.gap-4 {
    width: 100% !important;
    gap: 0.75rem !important;
  }

  .nv-products .py-32.px-12.bg-surface .md\:w-1\/2.w-full.grid.grid-cols-2.gap-4 .space-y-4.mt-12 {
    margin-top: 0 !important;
  }

  .nv-products .py-32.px-12.bg-surface .md\:w-1\/2.w-full.grid.grid-cols-2.gap-4 .h-48 {
    height: 7.6rem !important;
  }

  .nv-products .py-32.px-12.bg-surface .md\:w-1\/2.w-full.grid.grid-cols-2.gap-4 .h-80 {
    height: 12.9rem !important;
  }

  .nv-products .py-40.px-12.text-center.bg-surface-container-lowest {
    padding-top: 4.4rem !important;
    padding-bottom: 4.4rem !important;
  }

  .nv-products .py-40.px-12.text-center.bg-surface-container-lowest h2.text-6xl {
    font-size: clamp(2.25rem, 13vw, 3.3rem) !important;
    line-height: 1.07 !important;
    text-wrap: balance;
  }

  .nv-products .py-40.px-12.text-center.bg-surface-container-lowest p.text-xl {
    font-size: 1.08rem !important;
    line-height: 1.53 !important;
  }

  .nv-products .py-40.px-12.text-center.bg-surface-container-lowest .flex.flex-col.md\:flex-row {
    padding-top: 0 !important;
  }

  .nv-products .py-40.px-12.text-center.bg-surface-container-lowest .flex.flex-col.md\:flex-row button {
    width: 100% !important;
    padding: 0.9rem 1rem !important;
  }

  .nv-products footer .flex.flex-col.md\:flex-row.justify-between.items-start {
    padding-top: 2.4rem !important;
    padding-bottom: 2.4rem !important;
    gap: 1.3rem !important;
  }

  .nv-products footer .md\:w-1\/3.space-y-6 {
    width: 100% !important;
  }

  .nv-products footer .flex.flex-wrap.gap-x-20.gap-y-8 {
    gap: 1rem 1.5rem !important;
  }

  .nv-products footer .flex.gap-6.self-end.md\:self-auto {
    align-self: flex-start !important;
  }

  .nv-products footer .px-12.py-8.border-t {
    padding-top: 1.2rem !important;
    padding-bottom: 1.2rem !important;
    text-align: center;
  }

  .nv-services main {
    padding-top: 6.6rem !important;
    overflow-x: clip;
  }

  .nv-services {
    overflow-x: hidden;
  }

  .nv-services nav > div:first-child {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    gap: 0.7rem !important;
  }

  .nv-services nav .nv-mobile-nav-toggle {
    margin-left: auto;
    flex-shrink: 0;
  }

  .nv-services section.px-5,
  .nv-services section.sm\:px-8,
  .nv-services section.md\:px-12,
  .nv-services footer .px-12 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    overflow-x: clip;
  }

  .nv-services section.mb-16.md\:mb-32 {
    margin-bottom: 3rem !important;
  }

  .nv-services section.py-14,
  .nv-services section.py-16 {
    padding-top: 3.8rem !important;
    padding-bottom: 3.8rem !important;
  }

  .nv-services h1.text-\[1\.65rem\] {
    font-size: clamp(2.08rem, 11.5vw, 2.85rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.02em;
  }

  .nv-services h2.text-2xl,
  .nv-services h2.text-4xl {
    font-size: clamp(1.95rem, 10.8vw, 2.55rem) !important;
    line-height: 1.14 !important;
    text-wrap: balance;
  }

  .nv-services p.text-on-surface-variant {
    font-size: 1.03rem !important;
    line-height: 1.56 !important;
  }

  .nv-services .grid.grid-cols-1.md\:grid-cols-3 {
    gap: 0.95rem !important;
  }

  .nv-services .grid.grid-cols-1.md\:grid-cols-3 > div {
    padding: 1.15rem !important;
  }

  .nv-services .relative.grid.md\:grid-cols-4 {
    gap: 1.45rem !important;
  }

  .nv-services .relative.grid.md\:grid-cols-4 > div {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }

  .nv-services .max-w-6xl.mx-auto.rounded-2xl.md\:rounded-3xl {
    padding: 1.35rem !important;
  }

  .nv-services .max-w-6xl.mx-auto.rounded-2xl.md\:rounded-3xl h2 {
    font-size: clamp(2rem, 11vw, 2.7rem) !important;
    line-height: 1.12 !important;
  }

  .nv-services .max-w-6xl.mx-auto.rounded-2xl.md\:rounded-3xl .flex.flex-col.sm\:flex-row.flex-wrap > * {
    width: 100%;
  }

  .nv-services .max-w-6xl.mx-auto.rounded-2xl.md\:rounded-3xl .flex.flex-col.sm\:flex-row.flex-wrap > * {
    justify-content: center;
    text-align: center;
  }

  .nv-industries main {
    padding-top: 6.6rem !important;
    padding-bottom: 3.5rem !important;
  }

  .nv-industries section.px-12,
  .nv-industries header.px-12,
  .nv-industries footer .px-12 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .nv-industries header.mb-32,
  .nv-industries section.mb-32 {
    margin-bottom: 3.2rem !important;
  }

  .nv-industries header .flex.flex-col.md\:flex-row.items-end.gap-16 {
    align-items: flex-start !important;
    gap: 1rem !important;
  }

  .nv-industries header h1.text-6xl {
    font-size: clamp(2.25rem, 13vw, 3.25rem) !important;
    line-height: 1.06 !important;
    letter-spacing: -0.025em;
    margin-bottom: 1rem !important;
  }

  .nv-industries header p.text-xl {
    font-size: 1.06rem !important;
    line-height: 1.56 !important;
    max-width: none !important;
  }

  .nv-industries .glass-panel.p-16 {
    padding: 1.3rem !important;
    text-align: left !important;
    align-items: flex-start !important;
  }

  .nv-industries .glass-panel.p-16 h2 {
    font-size: clamp(2rem, 11vw, 2.6rem) !important;
    line-height: 1.12 !important;
    margin-bottom: 0.8rem !important;
    text-wrap: balance;
  }

  .nv-industries .glass-panel.p-16 p.text-lg {
    font-size: 1.04rem !important;
    line-height: 1.55 !important;
    max-width: none !important;
  }

  .nv-industries .grid.grid-cols-1.md\:grid-cols-12 {
    gap: 0.85rem !important;
  }

  .nv-industries .industry-card {
    min-height: 0 !important;
    padding: 1.25rem !important;
    border-radius: 1rem !important;
    justify-content: flex-start !important;
  }

  .nv-industries .industry-card h3 {
    font-size: 2rem !important;
    line-height: 1.14 !important;
    margin-bottom: 0.6rem !important;
  }

  .nv-industries .industry-card p {
    font-size: 1.03rem !important;
    line-height: 1.56 !important;
    max-width: none !important;
    font-weight: 400 !important;
  }

  .nv-industries .industry-card .text-4xl,
  .nv-industries .industry-card .text-5xl {
    font-size: 2.05rem !important;
    margin-bottom: 0.85rem !important;
  }

  .nv-industries .industry-card .w-16.h-16 {
    width: 3rem !important;
    height: 3rem !important;
    margin-bottom: 0.8rem !important;
  }

  .nv-industries .industry-card .w-16.h-16 .material-symbols-outlined {
    font-size: 1.5rem !important;
  }

  .nv-industries .industry-card .grid.grid-cols-1.lg\:grid-cols-2.gap-16 {
    gap: 0.9rem !important;
  }

  .nv-industries .industry-card .glass-panel.p-6 {
    padding: 0.8rem !important;
    gap: 0.65rem !important;
  }

  .nv-industries .industry-card .glass-panel.p-6 span.text-lg {
    font-size: 1.55rem !important;
    line-height: 1.35 !important;
  }

  .nv-industries .industry-card .pt-8.border-t {
    padding-top: 0.85rem !important;
    margin-top: 0.7rem;
  }

  .nv-industries section.mt-40 {
    margin-top: 3rem !important;
  }

  .nv-industries section.mt-40 .bg-surface.rounded-\[2rem\].p-20 {
    padding: 1.3rem !important;
    border-radius: 1rem !important;
    gap: 1rem !important;
    text-align: left !important;
  }

  .nv-industries section.mt-40 .bg-surface.rounded-\[2rem\].p-20 h2.text-5xl {
    font-size: clamp(2rem, 11.5vw, 2.8rem) !important;
    line-height: 1.11 !important;
    margin-bottom: 0.8rem !important;
  }

  .nv-industries section.mt-40 .bg-surface.rounded-\[2rem\].p-20 p.text-xl {
    font-size: 1.08rem !important;
    line-height: 1.54 !important;
  }

  .nv-industries section.mt-40 .bg-surface.rounded-\[2rem\].p-20 button {
    width: 100%;
    padding: 0.92rem 1rem !important;
    font-size: 1rem !important;
  }

  .nv-industries footer .flex.flex-col.md\:flex-row.justify-between.items-center {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
    gap: 0.8rem;
  }

  .nv-industries footer .flex.flex-col.md\:flex-row.items-center.gap-12 {
    gap: 0.9rem !important;
  }

  .nv-industries footer .flex.gap-8 {
    gap: 1rem !important;
    flex-wrap: wrap;
    justify-content: center;
  }

  .nv-industries footer .font-inter.text-xs.uppercase.tracking-\[0\.2em\] {
    letter-spacing: 0.1em !important;
    line-height: 1.35;
  }

  .nv-industries footer .mt-8.md\:mt-0.font-inter.text-xs.uppercase.tracking-\[0\.2em\].text-\[\#e0e0ff\]\/30 {
    text-align: center;
  }

  .nv-contact main {
    padding-top: 6.6rem !important;
    padding-bottom: 3.4rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .nv-contact header.grid.grid-cols-1.lg\:grid-cols-2 {
    gap: 1.2rem !important;
    margin-bottom: 1.7rem !important;
  }

  .nv-contact h1.text-5xl {
    font-size: clamp(2.15rem, 12.2vw, 3rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.02em;
    margin-bottom: 1rem !important;
  }

  .nv-contact p.text-lg,
  .nv-contact p.text-xl {
    font-size: 1.03rem !important;
    line-height: 1.56 !important;
  }

  .nv-contact .mt-12.max-w-2xl.rounded-2xl {
    margin-top: 1.1rem !important;
    padding: 1rem !important;
  }

  .nv-contact .mt-12.max-w-2xl.rounded-2xl .grid.grid-cols-2 {
    gap: 0.75rem !important;
  }

  .nv-contact .mt-12.max-w-2xl.rounded-2xl .grid.grid-cols-2 span {
    font-size: 0.83rem !important;
    line-height: 1.3;
    letter-spacing: 0.12em !important;
  }

  .nv-contact .relative.h-\[400px\].lg\:h-\[600px\] {
    height: auto !important;
    min-height: 0 !important;
  }

  .nv-contact .relative.h-\[400px\].lg\:h-\[600px\] .z-10.text-center.p-12 {
    padding: 1rem !important;
  }

  .nv-contact .relative.h-\[400px\].lg\:h-\[600px\] h3.text-2xl {
    font-size: 2rem !important;
    margin-bottom: 0.5rem !important;
  }

  .nv-contact .relative.h-\[400px\].lg\:h-\[600px\] .mt-8.grid.grid-cols-2 {
    gap: 0.65rem !important;
  }

  .nv-contact .grid.grid-cols-1.lg\:grid-cols-12.gap-12 {
    gap: 1rem !important;
  }

  .nv-contact .lg\:col-span-7.bg-surface-container-low {
    padding: 1.2rem !important;
    border-radius: 0.9rem !important;
  }

  .nv-contact .lg\:col-span-7.bg-surface-container-low h2.text-3xl {
    font-size: 2rem !important;
    line-height: 1.12 !important;
    margin-bottom: 1rem !important;
  }

  .nv-contact form.space-y-8 {
    display: grid !important;
    gap: 1rem !important;
  }

  .nv-contact form .grid.grid-cols-1.md\:grid-cols-3.gap-8 {
    gap: 0.95rem !important;
  }

  .nv-contact form label {
    letter-spacing: 0.12em !important;
  }

  .nv-contact form input,
  .nv-contact form textarea,
  .nv-contact form select {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    padding-top: 0.68rem !important;
    padding-bottom: 0.68rem !important;
    font-size: 1rem !important;
  }

  .nv-contact form textarea {
    min-height: 6.2rem;
  }

  .nv-contact form button[type="submit"] {
    width: 100% !important;
    justify-content: center;
    padding-top: 0.86rem !important;
    padding-bottom: 0.86rem !important;
  }

  .nv-contact .lg\:col-span-5.flex.flex-col.gap-8 {
    gap: 0.8rem !important;
  }

  .nv-contact .bg-surface-container-high.p-8.rounded-xl,
  .nv-contact .bg-surface-container-low.p-8.rounded-xl {
    padding: 1rem !important;
  }

  .nv-contact .bg-surface-container-high.p-8.rounded-xl h4,
  .nv-contact .bg-surface-container-low.p-8.rounded-xl h4 {
    margin-bottom: 0.6rem !important;
  }

  .nv-contact .bg-surface-container-high.p-8.rounded-xl .space-y-6 {
    gap: 0.8rem !important;
    display: grid;
  }

  .nv-contact .bg-surface-container-high.p-8.rounded-xl .flex.gap-4,
  .nv-contact .bg-surface-container-low.p-8.rounded-xl .flex.gap-4 {
    gap: 0.65rem !important;
    align-items: flex-start;
  }

  .nv-contact .bg-surface-container-high.p-8.rounded-xl a.text-lg,
  .nv-contact .bg-surface-container-low.p-8.rounded-xl p.text-lg {
    font-size: 1.25rem !important;
    line-height: 1.28 !important;
    word-break: break-word;
  }

  .nv-contact .flex.flex-wrap.gap-4.mt-auto {
    gap: 0.55rem !important;
    margin-top: 0.1rem !important;
  }

  .nv-contact .flex.flex-wrap.gap-4.mt-auto > a {
    min-width: 0 !important;
    flex: 1 1 calc(50% - 0.3rem) !important;
    padding-top: 0.8rem !important;
    padding-bottom: 0.8rem !important;
  }

  .nv-contact .flex.flex-wrap.gap-4.mt-auto > a:last-child {
    flex-basis: 100% !important;
  }

  .nv-contact footer .flex.flex-col.md\:flex-row.justify-between.items-center.px-12.py-10.w-full {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
    gap: 0.85rem !important;
  }

  .nv-contact footer .flex.flex-wrap.justify-center.gap-8.font-inter {
    gap: 0.7rem 1.2rem !important;
  }

  .nv-contact footer .font-inter.text-sm.uppercase.tracking-widest {
    font-size: 0.88rem !important;
    letter-spacing: 0.08em !important;
    line-height: 1.35;
  }

  .nv-contact footer .mt-8.md\:mt-0.font-inter.text-sm.uppercase.tracking-widest.text-\[\#e0e0ff\]\/50 {
    text-align: center;
  }

  .nv-product-detail main {
    padding-top: 6.6rem !important;
    padding-bottom: 3.2rem !important;
  }

  .nv-product-detail section.px-12,
  .nv-product-detail section.px-10,
  .nv-product-detail section.px-8,
  .nv-product-detail header.px-12,
  .nv-product-detail header.px-10,
  .nv-product-detail footer .px-12 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .nv-product-detail section.py-24,
  .nv-product-detail section.py-28,
  .nv-product-detail section.py-32,
  .nv-product-detail section.py-40 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .nv-product-detail section.mb-24,
  .nv-product-detail section.mb-28,
  .nv-product-detail section.mb-32 {
    margin-bottom: 3.1rem !important;
  }

  .nv-product-detail h1 {
    font-size: clamp(2.15rem, 12vw, 3.2rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.02em;
    margin-bottom: 0.9rem !important;
    text-wrap: balance;
  }

  .nv-product-detail h2,
  .nv-product-detail h3 {
    text-wrap: balance;
  }

  .nv-product-detail h2.text-5xl,
  .nv-product-detail h2.text-4xl,
  .nv-product-detail h3.text-4xl,
  .nv-product-detail h3.text-3xl {
    font-size: clamp(1.9rem, 10.5vw, 2.7rem) !important;
    line-height: 1.14 !important;
  }

  .nv-product-detail p.text-xl,
  .nv-product-detail p.text-lg {
    font-size: 1.04rem !important;
    line-height: 1.56 !important;
  }

  .nv-product-detail [class*="gap-20"] {
    gap: 1.25rem !important;
  }

  .nv-product-detail [class*="gap-16"] {
    gap: 1rem !important;
  }

  .nv-product-detail [class*="gap-12"] {
    gap: 0.9rem !important;
  }

  .nv-product-detail [class*="h-[600px]"],
  .nv-product-detail [class*="h-[560px]"],
  .nv-product-detail [class*="h-[500px]"] {
    height: clamp(260px, 72vw, 360px) !important;
    min-height: 0 !important;
  }

  .nv-product-detail [class*="md:h-[600px]"],
  .nv-product-detail [class*="md:h-[560px]"],
  .nv-product-detail [class*="md:h-[500px]"] {
    height: auto !important;
  }

  .nv-product-detail [class*="min-h-[560px]"],
  .nv-product-detail [class*="min-h-[520px]"],
  .nv-product-detail [class*="min-h-[500px]"],
  .nv-product-detail [class*="min-h-[480px]"] {
    min-height: 0 !important;
  }

  .nv-product-detail [class*="md:min-h-[560px]"],
  .nv-product-detail [class*="md:min-h-[520px]"],
  .nv-product-detail [class*="md:min-h-[500px]"],
  .nv-product-detail [class*="md:min-h-[480px]"] {
    min-height: auto !important;
  }

  .nv-product-detail .p-16,
  .nv-product-detail .p-14,
  .nv-product-detail .p-12,
  .nv-product-detail .p-10 {
    padding: 1.2rem !important;
  }

  .nv-product-detail .p-8 {
    padding: 1rem !important;
  }

  .nv-product-detail .px-14,
  .nv-product-detail .px-12,
  .nv-product-detail .px-10 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .nv-product-detail .py-6,
  .nv-product-detail .py-5,
  .nv-product-detail .py-4 {
    padding-top: 0.86rem !important;
    padding-bottom: 0.86rem !important;
  }

  .nv-product-detail .grid.grid-cols-2 {
    gap: 0.65rem !important;
  }

  .nv-product-detail .flex.flex-col.sm\:flex-row.justify-center > *,
  .nv-product-detail .flex.flex-col.md\:flex-row.justify-center > * {
    width: 100%;
    justify-content: center;
  }

  .nv-product-detail footer [class*="justify-between"] {
    gap: 0.85rem !important;
  }

  .nv-product-detail footer [class*="tracking-widest"],
  .nv-product-detail footer [class*="tracking-[0.2em]"] {
    letter-spacing: 0.08em !important;
    line-height: 1.35;
  }

  .nv-product-detail footer .mt-8.md\:mt-0,
  .nv-product-detail footer [class*="text-[#e0e0ff]/40"],
  .nv-product-detail footer [class*="text-[#e0e0ff]/30"] {
    text-align: center;
  }

  .nv-catwalkcraft main {
    padding-top: 6.4rem !important;
  }

  .nv-catwalkcraft section.relative.px-8.md\:px-16.py-28 {
    padding-top: 2rem !important;
    padding-bottom: 2.2rem !important;
  }

  .nv-catwalkcraft section.px-8.md\:px-16.py-32,
  .nv-catwalkcraft section.px-8.md\:px-16.py-44 {
    padding-top: 2.6rem !important;
    padding-bottom: 2.6rem !important;
  }

  .nv-catwalkcraft .grid.grid-cols-1.lg\:grid-cols-2.gap-20,
  .nv-catwalkcraft .grid.grid-cols-1.lg\:grid-cols-3.gap-8,
  .nv-catwalkcraft .grid.grid-cols-1.lg\:grid-cols-2.gap-24 {
    gap: 0.9rem !important;
  }

  .nv-catwalkcraft .mt-16 {
    margin-top: 0.9rem !important;
  }

  .nv-catwalkcraft section.px-8.md\:px-16.py-44.text-center.relative.overflow-hidden .max-w-4xl {
    display: grid;
    gap: 0.8rem;
  }

  .nv-catwalkcraft section.px-8.md\:px-16.py-44.text-center.relative.overflow-hidden p.text-xl {
    margin-bottom: 0 !important;
  }

  .nv-catwalkcraft footer.py-16 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .nv-motioniq section.relative.min-h-\[870px\].flex.items-center.overflow-hidden.px-8 {
    min-height: 0 !important;
    padding-top: 1.8rem !important;
    padding-bottom: 2.4rem !important;
  }

  .nv-motioniq section.max-w-7xl.mx-auto.px-8.grid.lg\:grid-cols-2.gap-12.items-center.mb-32 {
    margin-bottom: 2rem !important;
    gap: 0.95rem !important;
  }

  .nv-motioniq section.max-w-7xl.mx-auto.px-8.my-32 {
    margin-top: 2.2rem !important;
    margin-bottom: 2.2rem !important;
  }

  .nv-motioniq section.max-w-7xl.mx-auto.px-8.my-32 .p-16 {
    padding: 1.2rem !important;
  }

  .nv-motioniq section.max-w-7xl.mx-auto.px-8.my-32 .flex.justify-center.gap-6 {
    gap: 0.6rem !important;
  }

  .nv-motioniq footer.py-12.mt-24 {
    margin-top: 1.3rem !important;
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .nv-courtpilot section.relative.min-h-\[870px\].flex.items-center.overflow-hidden.px-8 {
    min-height: 0 !important;
    padding-top: 1.8rem !important;
    padding-bottom: 2.2rem !important;
  }

  .nv-courtpilot section.relative.min-h-\[870px\].flex.items-center.overflow-hidden.px-8 h1 {
    font-size: clamp(2rem, 11.8vw, 2.95rem) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em;
  }

  .nv-courtpilot section.relative.min-h-\[870px\].flex.items-center.overflow-hidden.px-8 p.text-lg {
    font-size: 1.03rem !important;
    line-height: 1.55 !important;
  }

  .nv-courtpilot section.py-24,
  .nv-courtpilot section.py-24.px-8 {
    padding-top: 2.8rem !important;
    padding-bottom: 2.8rem !important;
  }

  .nv-courtpilot section.py-24 .grid.grid-cols-1.md\:grid-cols-12 {
    gap: 0.8rem !important;
  }

  .nv-courtpilot section.py-24 .md\:col-span-7.p-8,
  .nv-courtpilot section.py-24 .md\:col-span-5.p-8,
  .nv-courtpilot section.py-24 .md\:col-span-4.p-8 {
    padding: 1rem !important;
  }

  .nv-courtpilot section.py-24 .text-headline-md {
    font-size: clamp(1.75rem, 10vw, 2.35rem) !important;
    line-height: 1.15 !important;
  }

  .nv-courtpilot section.py-24 .text-2xl {
    font-size: 1.95rem !important;
    line-height: 1.16 !important;
  }

  .nv-courtpilot section.py-24 .text-xl,
  .nv-courtpilot section.py-24 p.text-lg {
    font-size: 1.03rem !important;
    line-height: 1.54 !important;
  }

  .nv-courtpilot section.py-24.px-8 .max-w-5xl.mx-auto.rounded-\[2rem\].p-16 {
    padding: 1.2rem !important;
  }

  .nv-courtpilot section.py-24.px-8 .max-w-5xl.mx-auto.rounded-\[2rem\].p-16 .flex.flex-col.sm\:flex-row {
    justify-content: center;
  }

  .nv-courtpilot footer.py-12.mt-24 {
    margin-top: 1.2rem !important;
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .nv-foodvoice section.relative.min-h-\[921px\].flex.items-center.overflow-hidden.px-8 {
    min-height: 0 !important;
    padding-top: 1.8rem !important;
    padding-bottom: 2.2rem !important;
  }

  .nv-foodvoice section.relative.min-h-\[921px\].flex.items-center.overflow-hidden.px-8 h1 {
    font-size: clamp(2rem, 11.4vw, 2.9rem) !important;
    line-height: 1.1 !important;
  }

  .nv-foodvoice section.py-32,
  .nv-foodvoice section.py-40 {
    padding-top: 2.8rem !important;
    padding-bottom: 2.8rem !important;
  }

  .nv-foodvoice section.py-32.px-8 .md\:col-span-3.bg-surface-container-low.p-8.rounded-xl.flex.flex-col.md\:flex-row.md\:items-center.justify-between.border.border-outline-variant\/10.gap-8 {
    align-items: flex-start !important;
  }

  .nv-foodvoice section.py-32.px-8 .md\:col-span-3.bg-surface-container-low.p-8.rounded-xl.flex.flex-col.md\:flex-row.md\:items-center.justify-between.border.border-outline-variant\/10.gap-8 .flex.gap-4 {
    width: 100%;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
  }

  .nv-foodvoice section.py-32.px-8 .md\:col-span-3.bg-surface-container-low.p-8.rounded-xl.flex.flex-col.md\:flex-row.md\:items-center.justify-between.border.border-outline-variant\/10.gap-8 .flex.gap-4 > div {
    width: 100%;
    text-align: center;
  }

  .nv-foodvoice section.relative.min-h-\[921px\].flex.items-center.overflow-hidden.px-8 .flex.flex-wrap.gap-6 > :nth-child(2),
  .nv-foodvoice section.py-40.px-8.relative.overflow-hidden .flex.flex-col.sm\:flex-row.gap-4.justify-center > :nth-child(2) {
    display: none !important;
  }

  .nv-foodvoice footer.py-12.mt-24 {
    margin-top: 1.2rem !important;
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .nv-clinicpilot section.relative.overflow-hidden.min-h-\[921px\].flex.items-center {
    min-height: 0 !important;
    padding-top: 1.8rem !important;
    padding-bottom: 2.2rem !important;
  }

  .nv-clinicpilot section.relative.overflow-hidden.min-h-\[921px\].flex.items-center h1 {
    font-size: clamp(2rem, 11.4vw, 2.95rem) !important;
    line-height: 1.1 !important;
  }

  .nv-clinicpilot .translate-y-8 {
    transform: none !important;
  }

  .nv-clinicpilot section.py-32,
  .nv-clinicpilot section.py-24 {
    padding-top: 2.8rem !important;
    padding-bottom: 2.8rem !important;
  }

  .nv-clinicpilot section.py-24.px-8 h2.text-4xl.lg\:text-5xl {
    font-size: clamp(1.9rem, 10.2vw, 2.45rem) !important;
    line-height: 1.14 !important;
  }

  .nv-clinicpilot section.py-24.px-8 p.text-lg {
    font-size: 1.02rem !important;
    line-height: 1.5 !important;
  }

  .nv-clinicpilot section.relative.overflow-hidden.min-h-\[921px\].flex.items-center .flex.flex-wrap.gap-6 > :nth-child(2),
  .nv-clinicpilot section.py-24.px-8 .flex.flex-col.sm\:flex-row.gap-6.justify-center > :nth-child(2) {
    display: none !important;
  }

  .nv-clinicpilot footer.py-12.mt-24 {
    margin-top: 1.2rem !important;
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .nv-lexdraft section.relative.overflow-hidden.pt-20.pb-32 {
    padding-top: 2rem !important;
    padding-bottom: 2.6rem !important;
  }

  .nv-lexdraft section.py-24,
  .nv-lexdraft section.py-32 {
    padding-top: 2.8rem !important;
    padding-bottom: 2.8rem !important;
  }

  .nv-lexdraft h1 {
    font-size: clamp(1.9rem, 10.4vw, 2.55rem) !important;
    line-height: 1.14 !important;
  }

  .nv-lexdraft section.bg-surface-container-low.py-24 .relative.order-2.md\:order-1 {
    display: none !important;
  }

  .nv-lexdraft section.py-24 .text-center {
    text-align: left !important;
  }

  .nv-lexdraft section.py-24 h2.text-center {
    font-size: clamp(1.85rem, 10vw, 2.35rem) !important;
    line-height: 1.16 !important;
    margin-bottom: 0.6rem !important;
  }

  .nv-lexdraft section.py-32 h2.text-4xl.md\:text-5xl {
    font-size: clamp(1.95rem, 10.8vw, 2.5rem) !important;
    line-height: 1.14 !important;
  }

  .nv-lexdraft section.relative.overflow-hidden.pt-20.pb-32 .flex.gap-6 > :nth-child(2),
  .nv-lexdraft section.py-32 .flex.flex-col.md\:flex-row.justify-center.gap-6 > :nth-child(2) {
    display: none !important;
  }

  .nv-lexdraft footer.py-12 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .nv-staysmart main {
    padding-top: 6.3rem !important;
    padding-bottom: 1rem !important;
  }

  .nv-staysmart section.relative.px-12.py-24.min-h-\[819px\].flex.items-center.overflow-hidden {
    min-height: 0 !important;
    padding-top: 1.9rem !important;
    padding-bottom: 2.4rem !important;
  }

  .nv-staysmart section.px-12.py-24.bg-surface-container-low,
  .nv-staysmart section.px-12.py-32.bg-surface,
  .nv-staysmart section.px-12.py-24.mb-24 {
    padding-top: 2.8rem !important;
    padding-bottom: 2.8rem !important;
  }

  .nv-staysmart section.px-12.py-24.mb-24 {
    margin-bottom: 1.2rem !important;
  }

  .nv-staysmart footer .grid.grid-cols-1.md\:grid-cols-4.gap-12.px-12.py-24 {
    padding-top: 1.6rem !important;
    padding-bottom: 1.8rem !important;
    gap: 1rem !important;
  }

  .nv-herofactory section.relative.min-h-\[921px\].flex.items-center.overflow-hidden.px-12 {
    min-height: 0 !important;
    padding-top: 1.9rem !important;
    padding-bottom: 2.4rem !important;
  }

  .nv-herofactory section.bg-surface-container-low.py-32.px-12,
  .nv-herofactory section.py-32.px-12.bg-surface,
  .nv-herofactory section.py-32.px-12 {
    padding-top: 2.8rem !important;
    padding-bottom: 2.8rem !important;
  }

  .nv-herofactory section.bg-surface-container-low.py-32.px-12 .mb-20.max-w-2xl {
    margin-bottom: 1rem !important;
  }

  .nv-herofactory section.bg-surface-container-low.py-32.px-12 h2.text-\[2\.5rem\] {
    font-size: clamp(1.9rem, 10.2vw, 2.35rem) !important;
    line-height: 1.15 !important;
  }

  .nv-herofactory h1 {
    font-size: clamp(2.02rem, 11.6vw, 2.95rem) !important;
    line-height: 1.1 !important;
  }

  .nv-herofactory section.py-32.px-12 h2.text-\[3\.5rem\] {
    font-size: clamp(2rem, 11.3vw, 2.7rem) !important;
    line-height: 1.12 !important;
  }

  .nv-herofactory footer .py-24,
  .nv-herofactory footer .py-8 {
    padding-top: 1.4rem !important;
    padding-bottom: 1.4rem !important;
  }

  .nv-sentiment section.relative.min-h-\[921px\].flex.items-center.px-12.overflow-hidden {
    min-height: 0 !important;
    padding-top: 2rem !important;
    padding-bottom: 2.4rem !important;
  }

  .nv-sentiment section.py-32.px-12.bg-surface-container-low,
  .nv-sentiment section.py-32.px-12.overflow-hidden,
  .nv-sentiment section.py-24.px-12 {
    padding-top: 2.8rem !important;
    padding-bottom: 2.8rem !important;
  }

  .nv-sentiment h1 {
    font-size: clamp(2.04rem, 11.6vw, 2.95rem) !important;
    line-height: 1.1 !important;
  }

  .nv-sentiment footer .py-24,
  .nv-sentiment footer .py-8 {
    padding-top: 1.4rem !important;
    padding-bottom: 1.4rem !important;
  }
}

@media (min-width: 768px) {
  .nv-mobile-nav-panel,
  .nv-mobile-nav-toggle {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .nv-products section.py-24 {
    padding-top: 4.75rem !important;
    padding-bottom: 4.75rem !important;
  }

  .nv-products section.py-32 {
    padding-top: 5.25rem !important;
    padding-bottom: 5.25rem !important;
  }

  .nv-products section.py-40 {
    padding-top: 5.75rem !important;
    padding-bottom: 5.75rem !important;
  }

  .nv-products .tonal-shift-section .mb-24 {
    margin-bottom: 3.25rem !important;
  }

  .nv-products .tonal-shift-section {
    padding-bottom: 4.5rem !important;
  }

  .nv-products .py-40.px-12.text-center.bg-surface-container-lowest {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .nv-product-detail section.py-24 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }

  .nv-product-detail section.py-28 {
    padding-top: 4.75rem !important;
    padding-bottom: 4.75rem !important;
  }

  .nv-product-detail section.py-32 {
    padding-top: 5.25rem !important;
    padding-bottom: 5.25rem !important;
  }

  .nv-product-detail section.py-40,
  .nv-product-detail section.py-44 {
    padding-top: 5.75rem !important;
    padding-bottom: 5.75rem !important;
  }

  .nv-product-detail section.mb-24 {
    margin-bottom: 4rem !important;
  }

  .nv-product-detail section.mb-28 {
    margin-bottom: 4.5rem !important;
  }

  .nv-product-detail section.mb-32 {
    margin-bottom: 5rem !important;
  }

  .nv-product-detail section.my-32 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }

  .nv-product-detail [class*="gap-24"] {
    gap: 4rem !important;
  }

  .nv-product-detail [class*="gap-20"] {
    gap: 3.5rem !important;
  }

  .nv-product-detail [class*="min-h-"][class*="flex"][class*="items-center"] {
    min-height: clamp(520px, 66vh, 740px) !important;
  }

  .nv-home .nv-home-products {
    padding-bottom: 2.75rem !important;
  }

  .nv-home .nv-home-products .pt-24.border-t {
    padding-top: 2.75rem !important;
  }

  .nv-home .nv-home-systems {
    padding-top: 2.75rem !important;
    padding-bottom: 4.5rem !important;
  }

  .nv-home .nv-home-systems .mb-20 {
    margin-bottom: 3.25rem !important;
  }

  .nv-services .nv-services-engagement {
    padding-top: 4.25rem !important;
    padding-bottom: 4.25rem !important;
  }

  .nv-services .nv-services-engagement .mb-24 {
    margin-bottom: 2.75rem !important;
  }

  .nv-services .nv-services-final-cta {
    padding-top: 3.75rem !important;
    padding-bottom: 4rem !important;
  }

  .nv-services footer {
    margin-top: 0 !important;
  }

  .nv-products .nv-products-why {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }

  .nv-products .nv-products-final-cta {
    padding-top: 4.25rem !important;
    padding-bottom: 4.5rem !important;
  }

  .nv-industries main {
    padding-top: 8.2rem !important;
    padding-bottom: 2.2rem !important;
  }

  .nv-industries .nv-industries-hero {
    margin-bottom: 4.25rem !important;
  }

  .nv-industries .nv-industries-hero h1 {
    font-size: clamp(3.1rem, 3.9vw, 4.25rem) !important;
    letter-spacing: -0.02em !important;
    margin-bottom: 1.4rem !important;
  }

  .nv-industries .nv-industries-hero p {
    font-size: 1.16rem !important;
    line-height: 1.72 !important;
    max-width: 62ch !important;
    color: rgba(224, 224, 255, 0.8) !important;
  }

  .nv-industries .nv-industries-positioning {
    margin-bottom: 3.75rem !important;
  }

  .nv-industries .nv-industries-positioning .glass-panel {
    padding: 2.8rem 3.1rem !important;
  }

  .nv-industries .nv-industries-positioning h2 {
    font-size: clamp(2rem, 2.2vw, 2.45rem) !important;
    margin-bottom: 1rem !important;
  }

  .nv-industries .nv-industries-positioning p {
    font-size: 1.03rem !important;
    line-height: 1.7 !important;
  }

  .nv-industries .nv-industries-cta {
    margin-top: 4.75rem !important;
    margin-bottom: 1.6rem !important;
  }

  .nv-industries .nv-industries-cta .p-20 {
    padding: 2.7rem 2.9rem !important;
    gap: 2.1rem !important;
  }

  .nv-industries .nv-industries-cta h2 {
    font-size: clamp(2.15rem, 2.55vw, 3rem) !important;
    margin-bottom: 1rem !important;
  }

  .nv-industries .nv-industries-cta p {
    font-size: 1.03rem !important;
    line-height: 1.7 !important;
  }

  .nv-catwalkcraft section.px-8.md\:px-16.py-32.bg-surface-container-lowest\/50 {
    padding-top: 4.4rem !important;
    padding-bottom: 4.4rem !important;
  }

  .nv-catwalkcraft .nv-catwalkcraft-comparison {
    margin-top: 2.2rem !important;
  }

  .nv-catwalkcraft .nv-catwalkcraft-comparison img {
    max-height: 380px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center 24% !important;
  }

  .nv-catwalkcraft section.px-8.md\:px-16.py-32 {
    padding-top: 4.4rem !important;
    padding-bottom: 4.6rem !important;
  }
}