/* ==========================================================================
   VITA-M UNIFIED DESIGN SYSTEM: Brand Porcelain (#f6f8f7) & Clean Alignment
   ========================================================================== */

/* 0. Permanent & Complete Suppression of Framer Badge & Bottom Lettering */
#__framer-badge-container,
.framer-19yaanm,
.framer-1kflzx5,
.framer-hcsc7,
.framer-e50co,
.framer-j4ugry,
.framer-jnuwbw,
.framer-g7oZR,
.framer-1um7t9d,
[data-framer-name="Badge"],
[data-framer-badge],
.framer-badge,
a[href*="framer.com"] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  width: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  z-index: -9999 !important;
}

/* 1. Global Canvas & Background Standardization to Porcelain (#f6f8f7) */
:root,
html,
body,
#main,
div.framer-aNDHh,
div.framer-nqho7h,
div.framer-76pugn,
div.framer-lmlzpj,
section {
  background-color: #f6f8f7 !important;
  background: #f6f8f7 !important;
}

:root,
body,
#main {
  --token-a0ba8a14-548b-41a2-ba86-b47d8bcfc7ff: #f6f8f7 !important; /* Base white -> Brand porcelain #f6f8f7 */
  --token-cf94c284-6ad8-4d9f-90d7-00c438772f95: #f6f8f7 !important; /* Soft card white -> #f6f8f7 */
  --token-8382c315-2003-4b3b-88f4-1adefa8e1567: #f6f8f7 !important; /* Light neutral grey -> #f6f8f7 */
  --token-601c05cf-c4f5-4701-9a1a-db147b310402: #e2e8f0 !important; /* Light divider */
  --token-0eacfdea-2024-4a31-9540-62eeb1a816f1: #e2e8f0 !important; /* Slate divider line */
  --token-0986fddd-7d9b-4846-85f2-6e60ff21397e: rgba(0, 0, 0, 0.08) !important; /* Hairline border */
  --token-d88f38a5-5347-4378-ab48-7dfe36759eff: rgba(0, 0, 0, 0.05) !important; /* Subtle tint */
}

/* 1b. Brand Typography Standards (Plus Jakarta Sans for Headings & Inter for Body) */
h1, h2, h3, h4, h5, h6,
[data-framer-name="Title"],
[data-framer-name="Main Heading"],
[data-framer-name="Heading"] h1,
[data-framer-name="Heading"] h2,
[data-framer-name="Heading"] h3 {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

body,
p,
span:not(.vitam-pulse):not([class*="mono"]):not([class*="code"]),
a,
button,
label,
input,
textarea,
select {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* 2. Universal Transparency Reset for all Layout Containers, Sections, Headings, Intros, and Navbars */
/* Eliminates ANY unwanted "white blocks" or "transparent box behind text / components" */
header[data-framer-name="Hero"],
[data-framer-name="Hero"],
.framer-R7Tcl,
.framer-1pddkct,
.framer-1kyfypp,
.framer-oijnfc,
.framer-17ceh16,
.framer-1y38uhm,
.framer-2um82i,
.framer-quh6p5,
.framer-dhxpx3,
[data-framer-name="Intro"],
[data-framer-name="Heading"],
[data-framer-name*="Heading"],
[data-framer-name="Main Heading"],
[data-framer-name="Subtext"],
[data-framer-name*="Subtext"],
[data-framer-name="Title"],
[data-framer-name="Container"],
[data-framer-name="Card Container"],
[data-framer-name="Pricing Card Deck"],
[data-framer-name="Automation Cards"],
[data-framer-name="Contact Cards"],
[data-framer-name="Everyone Cards"],
[data-framer-name="Creators Cards"],
[data-framer-name="Cards"],
[data-framer-name="Integrate Cards"],
[data-framer-name="Integrate Container"],
[data-framer-name="Header Desktop"],
.framer-80CNt,
.framer-zBkCR,
.framer-2qutug,
.framer-15prirs,
.framer-1ilmyqa a,
.framer-1quxjbd,
.framer-1qbzxuj,
.framer-2rce9f,
.framer-1rlthiz,
.framer-2ymfu6,
.framer-1hlaj04,
.framer-1pg4zyo,
.framer-dxpnog,
.framer-at6ine,
.framer-yedtzt,
.framer-1jhl1lq,
.framer-1pxtfaj,
.framer-axi75a,
.framer-ho3sbe,
.framer-xeqc0h,
.framer-1hl4qp5,
.framer-1ibgtsz,
.framer-1ramu32,
.framer-16d9ghz,
.framer-1om3bne,
.framer-lrir0r,
.framer-15olpb5,
.framer-1s8f14x,
.framer-5s80gs {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* 3. Discrete Card Leaves: Standardize to Brand Porcelain (#f6f8f7) with Crisp Coordinated Borders */
/* ONLY targets actual card components, never sections, wrappers, decks, or headings */
[data-framer-name="Pricing Card"],
.framer-1slf04e,
.framer-19ps4ck,
.framer-1k9cjsg,
.framer-2rce9f > div,
[data-framer-name="Words"] .framer-sfkgz6,
[data-framer-name="Words"] .framer-1xn5ycg,
.framer-1ma50od .framer-sfkgz6,
[data-framer-name="Creators Cards"] .framer-sfkgz6,
[data-framer-name="Integrity"] .framer-1tr7eka,
.framer-19RlA .framer-iqn4e,
[data-framer-name="Big Closed"] .framer-iqn4e,
[data-framer-name="FAQ Container"] .framer-iqn4e,
.framer-iqn4e[data-framer-name="Container"],
.framer-5s80gs > div > div,
.framer-5s80gs [data-framer-name="Desktop"],
.framer-10xdc7h-container .framer-1uj20fx,
.framer-j2qlh1-container .framer-1uj20fx,
.framer-1urz6n6-container .framer-1uj20fx,
.framer-rjm1nn-container .framer-1uj20fx,
.framer-1u865sh-container .framer-1uj20fx,
.framer-1ww61tl-container .framer-1uj20fx,
[data-framer-name^="Automation Card "] div[data-framer-name="Desktop"],
[data-framer-name="Contact Cards"] a[data-framer-name="Desktop"],
.framer-luk241 {
  background-color: #f6f8f7 !important;
  background: #f6f8f7 !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  --border-color: rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.04), 0 2px 6px -1px rgba(0, 0, 0, 0.03) !important;
}

/* 4. Complete Removal of Dark Smoky Clouds, Gradients, Shadows & Smudges Behind Text Across ALL Pages */
figure[aria-label="Cloud"],
figure[aria-label="Clouds"],
figure[aria-label="CClouds"],
[data-framer-name="Cloud"],
[data-framer-name="Clouds"],
.framer-1811mrh,
.framer-19y3i1b,
.framer-1k9l541,
.framer-1fb47d7,
.framer-1877t4x,
.framer-1fb4y40,
.framer-1rz55tc,
.framer-gyqvv3,
img[src*="Dnpvup1NyF3hzpSZcFDgQYUY"],
.framer-1171po9,
.framer-qz9zx6,
.framer-17cltao,
.framer-hbbjju,
[data-framer-name="Light"],
figure[aria-label="Line Gradient"],
figure[data-framer-name="Image"] img[src*="ZzXR4Xa701pprKwAZYChrznQWE"],
section[data-framer-name="Integration"] figure[data-framer-name="Gradient"],
section[data-framer-name="Integration"] .framer-pd0ysp,
.framer-pd0ysp,
img[src*="wGRpGCVddpSX66N7QtulWVzOo5s"],
figure[aria-label="Background Gradient"],
[data-framer-name="FAQ Container"] figure,
[data-framer-name="Faq Group"] figure,
.framer-iqn4e figure,
img[src*="YGX1qkBSROQ2XWKi4pS5HF9SwA"],
img[src*="wpszIUGVcA8JGd5RvhiWpiFzw"],
img[src*="GyQ8vseqb2W0VfUiKvu7MOK5bM"],
img[src*="JYCdS5LpcGS2naZS691eVVC3eEg"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 5. Force Visibility for Center Text in Empowering Section */
[data-framer-name="Empowering"] .framer-s9d8a6,
.framer-s9d8a6 {
  opacity: 1 !important;
  visibility: visible !important;
}

[data-framer-name="Empowering"] .framer-nnsru9,
[data-framer-name="Empowering"] .framer-u5v4jv,
[data-framer-name="Empowering"] .framer-1inde4z {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* 6. Pricing Section (Enterprise Delivery Framework) Badge Tags: Prevent Truncation */
[data-framer-name="Title + Label"],
[data-framer-name="Title+ Label"],
.framer-VYp9V .framer-3vt97o,
.framer-VYp9V .framer-y3n1k3,
.framer-3vt97o,
.framer-y3n1k3 {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
}

.framer-122x8tp,
.framer-1o5ehen,
.framer-1oj2e6r {
  width: auto !important;
  min-width: fit-content !important;
  max-width: 100% !important;
  flex-shrink: 0 !important;
  overflow: visible !important;
  white-space: nowrap !important;
  padding: 4px 12px !important;
}

.framer-130c5zq,
.framer-e4f3f2,
.framer-bpubai,
.framer-130c5zq p,
.framer-e4f3f2 p,
.framer-bpubai p {
  width: auto !important;
  overflow: visible !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}

/* 7. Remove Initial Blur / Ghosting / Translation on Letter Spans */
[data-framer-component-type="RichTextContainer"] span[style*="filter"],
[data-framer-component-type="RichTextContainer"] span[style*="blur"],
h1 span, h2 span, h3 span, h4 span, h5 span, .framer-text span {
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}

/* ==========================================================================

/* HERO BACKGROUND: Clean Native Enterprise Background */

/* 8. Force Visibility & Clean Layout for Interactive Cards (Eliminate Static opacity:0) */
[data-framer-name="Pricing Card"],
.framer-1slf04e,
.framer-19ps4ck,
.framer-1k9cjsg,
[data-framer-name^="Automation Card"],
[data-framer-name="Contact Cards"] [class*="-container"],
[data-framer-name="Integrate Cards"] [class*="-container"],
[data-framer-name="Screen"],
[data-framer-name="Right Image"] [class*="-container"],
[data-framer-name="Left Image"] [class*="-container"],
.framer-ytmg8a-container,
[data-framer-name="FAQ Container"] > div,
[data-framer-name="Faq Group"] > div,
.framer-x0ex5s-container,
.framer-pmir9y-container,
.framer-16nmmyh-container,
.framer-1qhsq78-container,
.framer-11xrtgv-container,
.framer-10xdc7h-container,
.framer-j2qlh1-container,
.framer-1urz6n6-container,
.framer-rjm1nn-container,
.framer-1u865sh-container,
.framer-1ww61tl-container {
  opacity: 1 !important;
  transform: none !important;
  display: flex !important;
  visibility: visible !important;
}

/* 9. Typography & Text Contrast on #f6f8f7 Canvas */
h1.framer-text,
h2.framer-text,
h3.framer-text,
h4.framer-text,
h5.framer-text,
h6.framer-text,
h1.framer-styles-preset-1q8d096,
h2.framer-styles-preset-vc45uf,
h4.framer-styles-preset-11dbg6b,
[data-styles-preset="oJV4_GmMt"],
[data-styles-preset="oqeBbItbq"],
[data-styles-preset="11dbg6b"],
[data-styles-preset="PpEuTpWjX"] {
  color: #1a1a1a !important;
  --framer-text-color: #1a1a1a !important;
}

header:not(.framer-1gnurja) h1,
header:not(.framer-1gnurja) h1 span,
header:not(.framer-1gnurja) .framer-styles-preset-1q8d096,
header:not(.framer-1gnurja) [data-styles-preset="oJV4_GmMt"],
header:not(.framer-1gnurja) p,
header:not(.framer-1gnurja) [data-styles-preset="X7htgiN0Z"] {
  color: #1a1a1a !important;
  --framer-text-color: #1a1a1a !important;
}

p.framer-styles-preset-18p0xtk,
[data-styles-preset="X7htgiN0Z"],
p.framer-styles-preset-18p0xtk span,
.framer-1dj1ljm p,
.framer-1dj1ljm span {
  color: #4b5563 !important;
  --framer-text-color: #4b5563 !important;
}

/* Small tags, pills, meta badges for internal pages */
header:not(.framer-1gnurja) .framer-1ukmpx,
header:not(.framer-1gnurja) [data-framer-name="Other/Tag"] span,
header:not(.framer-1gnurja) .framer-1ukmpx span {
  color: #4b5563 !important;
}

/* 10. Hero Section Headline on Homepage: Signature #f6f8f7 Brand White Directly on Video */
.framer-1gnurja h1,
.framer-1gnurja h1 span,
.framer-1gnurja [data-styles-preset="ar6rbu1OM"],
.framer-1gnurja [data-styles-preset="ar6rbu1OM"] span,
.framer-1gnurja .framer-styles-preset-1eyuh3q,
.framer-1gnurja .framer-styles-preset-1eyuh3q span {
  color: #f6f8f7 !important;
  --framer-text-color: #f6f8f7 !important;
  text-shadow: none !important;
}

.framer-1gnurja p,
.framer-1gnurja p span,
.framer-1gnurja [data-styles-preset="X7htgiN0Z"],
.framer-1gnurja [data-styles-preset="X7htgiN0Z"] span {
  color: #f1f5f9 !important;
  --framer-text-color: #f1f5f9 !important;
  text-shadow: none !important;
}

/* 11. Floating Call Bar (#vita-call-bar) Standardization */
#vita-call-bar {
  background: #f6f8f7 !important;
  background-color: #f6f8f7 !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 4px 24px -2px rgba(0, 0, 0, 0.08), 0 2px 6px -1px rgba(0, 0, 0, 0.04) !important;
}
#vita-call-bar .vita-icon {
  background: #e2e8f0 !important;
}
#vita-call-bar .vita-icon svg {
  fill: #0f172a !important;
}
#vita-call-bar .vita-headline {
  color: #0f172a !important;
}
#vita-call-bar .vita-label {
  color: #64748b !important;
}
#vita-call-bar .vita-btn {
  background: #0f172a !important;
  color: #ffffff !important;
}

/* Form Inputs on Contact Page */
.framer-form-input,
input.framer-form-input,
textarea.framer-form-input {
  background-color: #f6f8f7 !important;
  background: #f6f8f7 !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  color: #1a1a1a !important;
}

/* 12. Ultra-Clean Seamless Dark Footer (No Barricades, No Dividers, No Contact Strip, No Legal Buttons) */
.vitam-compact-footer,
.framer-Nt0eU {
  background-color: #000000 !important;
  background: #000000 !important;
  border-top: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 56px 32px 40px 32px !important;
  margin: 0 !important;
}

/* Eliminate ALL Sectional Barricading, Dividing Lines, Contact Row, and Legal Buttons */
.vitam-divider,
.vitam-channel-divider,
.vitam-contact-row,
.vitam-legal-links,
.vitam-legal-sep,
.vitam-nav-grid,
.vitam-col,
.vitam-col-title,
.vitam-col-links,
.vitam-compact-footer hr,
.vitam-compact-footer ul,
.vitam-compact-footer li {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.vitam-footer-wrap {
  max-width: 1200px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 36px !important;
  box-sizing: border-box !important;
  position: relative !important;
}

/* Direct Category Navigation Links */
.vitam-footer-nav {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 24px 48px !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.vitam-nav-item {
  color: #a3a3a3 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  position: relative !important;
  padding: 6px 0 !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: inline-flex !important;
  align-items: center !important;
}

.vitam-nav-item:hover {
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  text-shadow: 0 0 16px rgba(255, 255, 255, 0.5) !important;
}

.vitam-nav-item::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 1.5px !important;
  background: #ffffff !important;
  transition: width 0.25s ease !important;
}

.vitam-nav-item:hover::after {
  width: 100% !important;
}

/* Wordmark Container */
.vitam-wordmark-container {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 8px 0 !important;
  opacity: 0.88 !important;
}

/* Bottom Bar & Copyright */
.vitam-bottom-bar {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.vitam-copyright {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #737373 !important;
  letter-spacing: 0.04em !important;
  text-align: center !important;
}

@media (max-width: 809px) {
  .vitam-footer-nav {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px 24px !important;
    text-align: center !important;
    justify-items: center !important;
  }
}



.framer-R7Tcl [data-framer-name="Logo"] img,
.framer-f4ppp0 img,
[data-framer-name="Logo"] img {
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
}

/* 13. Viewport & Responsive Alignment (Desktop, Tablet, Mobile) */
/* Desktop Symmetrical Navbar Centering: Logo anchored left, Pill floating dead center */
@media (min-width: 810px) {
  .framer-R7Tcl.framer-1klg7hf {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    padding: 32px 40px 0 !important;
    box-sizing: border-box !important;
  }

  .framer-R7Tcl .framer-1pddkct {
    position: relative !important;
    width: 100% !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .framer-R7Tcl .framer-1kyfypp {
    position: relative !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .framer-R7Tcl .framer-f4ppp0 {
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 20 !important;
  }

  .framer-R7Tcl .framer-1ilmyqa {
    margin: 0 auto !important;
    position: relative !important;
    z-index: 15 !important;
  }
}

@media (max-width: 809px) {
  .framer-R7Tcl .framer-1pddkct,
  .framer-R7Tcl .framer-1kyfypp {
    justify-content: space-between !important;
  }
  .framer-R7Tcl .framer-f4ppp0 {
    position: static !important;
    transform: none !important;
  }
  .framer-R7Tcl .framer-1ilmyqa {
    position: static !important;
    transform: none !important;
    margin: 0 !important;
  }
}

/* Equalize Card Head Blocks & Align Dividers Horizontally Across All Pricing Cards */
.framer-zzo7xe,
.framer-1gbfdp3,
.framer-1f1u74g,
[data-framer-name="Head Title"] {
  display: flex !important;
  flex-direction: column !important;
  min-height: 84px !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
}

[data-framer-name="Head Title"] + [data-framer-name="Text"],
.framer-67oy57,
.framer-6z0gzz,
.framer-17v0ilu,
[data-framer-name="Card Head Block"] > [data-framer-name="Text"] {
  min-height: 72px !important;
  height: 72px !important;
  display: flex !important;
  align-items: flex-start !important;
  width: 100% !important;
}

.framer-19m987w,
.framer-1nbz3em,
.framer-melzri,
[data-framer-name="Card Head Block"] {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 180px !important;
  height: 180px !important;
  position: relative !important;
  gap: 16px !important;
}

.framer-1iunvbs,
.framer-dcr89r,
.framer-12me05,
[data-framer-name="Divider"] {
  display: block !important;
  width: 100% !important;
  height: 1px !important;
  background-color: rgba(0, 0, 0, 0.08) !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

[data-framer-name="Pricing Card"],
.framer-1slf04e,
.framer-19ps4ck,
.framer-1k9cjsg {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}
html,
body {
  overflow-x: clip !important;
  max-width: 100vw !important;
}

/* ==========================================================================
   PERFECT HERO HEADING & TITLE CENTER ALIGNMENT FOR INTERNAL PAGES
   Scope: /about, /products, /services, /pricing, /contact, /case-studies, etc.
   ========================================================================== */

/* 1. Internal Hero Header Alignment */
header[data-framer-name="Hero"]:not(.framer-1gnurja),
[data-framer-name="Hero"]:not(.framer-1gnurja),
section[data-framer-name="Hero"]:not(.framer-1gnurja) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  text-align: center !important;
  margin: 0 auto !important;
  position: relative !important;
}

/* 2. Internal Hero Container: Centered in Viewport */
header:not(.framer-1gnurja) [data-framer-name="Container"],
[data-framer-name="Hero"]:not(.framer-1gnurja) [data-framer-name="Container"],
.framer-ttk5qr,
.framer-qc7fww,
.framer-19j7hpt,
.framer-ohkmq9,
.framer-cnif3x {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box !important;
  position: relative !important;
}

/* 3. Internal Hero Heading Block: Full Width up to 1000px, Centered */
header:not(.framer-1gnurja) [data-framer-name="Heading"],
[data-framer-name="Hero"]:not(.framer-1gnurja) [data-framer-name="Heading"],
.framer-1573vid,
.framer-1kz3suu,
.framer-1z18kd,
.framer-satt3h,
.framer-l2c7rk {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 1000px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  gap: 24px !important;
  position: relative !important;
}

/* 4. Internal Main Heading Block: Full Width up to 920px, Centered */
header:not(.framer-1gnurja) [data-framer-name="Main Heading"],
[data-framer-name="Hero"]:not(.framer-1gnurja) [data-framer-name="Main Heading"],
.framer-2ikw3f,
.framer-1pg375z,
.framer-1xh8zag,
.framer-168oyne,
.framer-if13dy,
.framer-5l9hqc {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 920px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  position: relative !important;
}

/* 5. Internal H1 Elements: True Symmetrical Center Alignment */
header:not(.framer-1gnurja) h1,
header:not(.framer-1gnurja) h1.framer-text,
[data-framer-name="Hero"]:not(.framer-1gnurja) h1,
[data-framer-name="Hero"]:not(.framer-1gnurja) h1.framer-text,
h1.framer-styles-preset-1q8d096,
[data-styles-preset="oJV4_GmMt"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  --framer-text-alignment: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  word-break: normal !important;
  word-wrap: normal !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
}

header:not(.framer-1gnurja) h1 span,
[data-framer-name="Hero"]:not(.framer-1gnurja) h1 span {
  text-align: center !important;
  --framer-text-alignment: center !important;
  display: inline-block !important;
}

/* 6. Internal Subtext Containers & Paragraphs: Centered */
header:not(.framer-1gnurja) [data-framer-name="Subtext"],
[data-framer-name="Hero"]:not(.framer-1gnurja) [data-framer-name="Subtext"],
.framer-1upzpdb,
.framer-pxhym5,
.framer-54pxld,
.framer-svbyd5,
.framer-riowit,
.framer-8m39cn,
.framer-137ntkv,
.framer-1inde4z,
.framer-z6sob3 {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

header:not(.framer-1gnurja) [data-framer-name="Subtext"] p,
[data-framer-name="Hero"]:not(.framer-1gnurja) [data-framer-name="Subtext"] p,
.framer-1upzpdb p,
.framer-pxhym5 p,
.framer-54pxld p,
.framer-svbyd5 p,
.framer-riowit p {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  --framer-text-alignment: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  word-break: normal !important;
  word-wrap: normal !important;
  overflow-wrap: normal !important;
}

/* 7. Centered Section Headings on Body Sections */
section [data-framer-name="Heading"].framer-nn3792,
section [data-framer-name="Heading"].framer-nn3792 h2,
section [data-framer-name="Heading"].framer-nn3792 p {
  text-align: center !important;
  --framer-text-alignment: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

h1, h2, h3, h4, h5, h6,
p,
.framer-text {
  word-break: normal !important;
  overflow-wrap: normal !important;
  word-wrap: normal !important;
  hyphens: none !important;
  -webkit-hyphens: none !important;
}

/* ==========================================================================
   HOMEPAGE HERO: SOVEREIGN PORCELAIN CANVAS & 3D VITA-M EMBLEM
   ========================================================================== */

/* Header Root: Clean porcelain hero container */
.framer-1gnurja {
  display: flex !important;
  flex-flow: row !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 860px !important;
  position: relative !important;
  background: transparent !important;
  padding: 16px 16px 40px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.framer-1gnurja .framer-oijnfc {
  display: flex !important;
  flex-flow: row !important;
  flex: 1 0 0 !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 800px !important;
  padding: 0 !important;
  position: relative !important;
  overflow: visible !important;
  background: transparent !important;
}

.framer-1gnurja .framer-17ceh16 {
  display: flex !important;
  flex-flow: row !important;
  flex: 1 0 0 !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  max-width: 1440px !important;
  height: 100% !important;
  min-height: 800px !important;
  padding: 0 !important;
  position: relative !important;
  overflow: visible !important;
  background: transparent !important;
}

/* Background Contents Canvas: Transparent for Video Visibility */
.framer-1gnurja .framer-1y38uhm {
  width: 100% !important;
  height: 100% !important;
  min-height: 800px !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  display: block !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-width: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

.framer-1gnurja .framer-1y38uhm:after,
.framer-1gnurja [data-border="true"]:after {
  display: none !important;
  border: none !important;
  border-width: 0 !important;
  box-shadow: none !important;
}

/* Suppress Liquid Canvas, Concentric Rings & White Cloud Blobs in Hero */
.framer-1gnurja .framer-1xey877-container,
.framer-1gnurja .framer-3uqwqh,
.framer-1gnurja [data-framer-name="Background Pattern"],
.framer-1gnurja [data-framer-name="Outer Circle"],
.framer-1gnurja [data-framer-name="Middle Circle"],
.framer-1gnurja [data-framer-name="Inner Circle"],
.framer-1gnurja .framer-1fb47d7,
.framer-1gnurja .framer-1877t4x,
.framer-1gnurja [data-framer-name="Right Clouds"],
.framer-1gnurja [data-framer-name="Left Clouds"],
.framer-1gnurja [data-framer-name*="Clouds"],
.framer-1gnurja img[src*="Dnpvup1NyF3hzpSZcFDgQYUY"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* ==========================================================================
   SUPPRESS 3D VITA-M EMBLEM (REMOVED IN FAVOR OF CINEMATIC HERO VIDEO)
   ========================================================================== */
.framer-1gnurja .framer-1rd4xez,
.framer-1gnurja [data-framer-name="Globe"],
.framer-1gnurja .ssr-variant:has(.framer-1rd4xez),
.framer-1gnurja .ssr-variant:has([data-framer-name="Globe"]),
img[src*="ZRWv1QRNXoGnqXDDox6HAfD3jg"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
}

/* ==========================================================================
   EMPOWERING SECTION: REMOVE 3D SPHERICAL ORB ABOVE HEADING
   ========================================================================== */
.framer-1ol25rh,
[data-framer-name="Globe"].framer-1ol25rh,
[data-framer-name="Globe"],
.framer-s9d8a6 .framer-1ol25rh,
.framer-s9d8a6 [data-framer-name="Globe"],
section[data-framer-name="Empowering"] .framer-1ol25rh,
section[data-framer-name="Empowering"] [data-framer-name="Globe"],
.framer-596yk6,
[aria-label="Multicolor Sphere"],
img[src*="YziTdwKe6Vfgc6wayevfoO58uE"],
figure[data-framer-name="Image"][aria-label="Multicolor Sphere"],
.framer-s9d8a6 > div:first-child:not([data-framer-name="Text"]) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  max-height: 0 !important;
  max-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  position: absolute !important;
  transform: scale(0) !important;
}

.framer-s9d8a6,
section[data-framer-name="Empowering"] [data-framer-name="Heading"] {
  gap: 0px !important;
  padding-top: 0px !important;
}

/* ==========================================================================
   SUPPRESS OLD DEMO MOBILE SCREENS & PHONE MOCKUP
   ========================================================================== */
.framer-1gnurja .framer-1njldg3,
.framer-1gnurja [data-framer-name="Phone Sticky"],
.framer-1gnurja [data-framer-name="Phone Placeholder"],
.framer-1gnurja [data-framer-name="Device Render"],
.framer-1gnurja [data-framer-name="Phone"],
.framer-1gnurja [data-framer-name^="Screen Content"],
.framer-1gnurja [data-framer-name^="Pop-out"],
.framer-1gnurja [data-framer-name="Phone Halt"],
.framer-rks0m2,
.framer-1hl3nyl,
.framer-usd0po,
.framer-15llmyi,
.framer-s4ci4s,
.framer-1j4nfa9,
.framer-792fka,
.framer-1e21tiv,
.framer-14oe8u7,
.framer-kxy9d1 {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
}

/* ==========================================================================
   HOMEPAGE HERO INTRO COLUMN & CRISP HIGH-CONTRAST TYPOGRAPHY OVER VIDEO
   ========================================================================== */
.framer-1gnurja .framer-2um82i {
  display: flex !important;
  flex-flow: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: 1440px !important;
  padding: 80px 48px 0 !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  z-index: 3 !important;
  background: transparent !important;
  box-sizing: border-box !important;
  pointer-events: auto !important;
}

.framer-1gnurja .framer-quh6p5 {
  display: flex !important;
  flex-flow: column !important;
  flex: 1 0 0 !important;
  justify-content: center !important;
  align-items: flex-start !important;
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
}

.framer-1gnurja .framer-dhxpx3,
.framer-1gnurja [data-framer-name="Intro"] {
  display: flex !important;
  flex-flow: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: 860px !important;
  padding: 0 !important;
  text-align: left !important;
  background: transparent !important;
}

/* Tag / Badge: 25+ Enterprise Deployments - Clean normal text without background bulge */
.framer-1gnurja .framer-1ukmpx,
[data-framer-name="Other/Tag"].framer-1ukmpx {
  display: block !important;
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 0 12px 0 !important;
  box-shadow: none !important;
  width: auto !important;
  opacity: 1 !important;
  transform: none !important;
}
.framer-1gnurja .framer-11kovam,
[data-framer-name="Other/Tag"] [data-framer-name="Persons"] {
  display: none !important;
}
.framer-1gnurja .framer-1ukmpx p,
.framer-1gnurja .framer-1ukmpx span,
.framer-1gnurja .framer-15xvfjk p {
  color: #f6f8f7 !important;
  font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.framer-1gnurja .framer-15xvfjk p {
  color: #ffffff !important;
  --framer-text-color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 0.02em !important;
  text-shadow: none !important;
}

/* Title & Heading Container */
.framer-1gnurja .framer-1quxjbd,
.framer-1gnurja .framer-1qbzxuj {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: left !important;
  background: transparent !important;
  gap: 16px !important;
}

/* Homepage H1: Crisp White #ffffff Directly Over Video Background */
.framer-1gnurja h1,
.framer-1gnurja h1.framer-text,
.framer-1gnurja [data-styles-preset="ar6rbu1OM"],
.framer-1gnurja .framer-styles-preset-1eyuh3q {
  display: block !important;
  width: 100% !important;
  max-width: 820px !important;
  text-align: left !important;
  --framer-text-alignment: left !important;
  color: #ffffff !important;
  --framer-text-color: #ffffff !important;
  font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: clamp(38px, 4.8vw, 64px) !important;
  font-weight: 700 !important;
  line-height: 1.14 !important;
  letter-spacing: -0.025em !important;
  text-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.framer-1gnurja h1 span,
.framer-1gnurja [data-styles-preset="ar6rbu1OM"] span,
.framer-1gnurja .framer-styles-preset-1eyuh3q span {
  color: #ffffff !important;
  --framer-text-color: #ffffff !important;
  text-shadow: none !important;
  display: inline !important;
  opacity: 1 !important;
  transform: none !important;
}

/* Homepage Hero Subtext: Legible Crisp White-Silver over Video */
.framer-1gnurja .framer-unx6hd,
.framer-1gnurja [data-framer-name="Subtext"] {
  display: block !important;
  width: 100% !important;
  max-width: 720px !important;
  text-align: left !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}

.framer-1gnurja .framer-unx6hd p,
.framer-1gnurja [data-framer-name="Subtext"] p {
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  --framer-text-alignment: left !important;
  color: rgba(255, 255, 255, 0.92) !important;
  --framer-text-color: rgba(255, 255, 255, 0.92) !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(16px, 1.3vw, 19px) !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
  text-shadow: none !important;
}

/* Eliminate ANY vertical or horizontal divider line, border, or pseudo-element in Hero */
.framer-1gnurja .framer-1y38uhm,
.framer-1gnurja .framer-1y38uhm:after,
.framer-1gnurja .framer-2um82i,
.framer-1gnurja .framer-quh6p5,
.framer-1gnurja .framer-dhxpx3,
.framer-1gnurja [data-border="true"]:after {
  border: none !important;
  border-width: 0 !important;
  box-shadow: none !important;
  -webkit-mask: none !important;
  mask: none !important;
}

/* Ensure Content Sections Below Hero Have Solid #f6f8f7 Porcelain Canvas */
.framer-65xzeu,
section[data-framer-name="Unlock"],
main > section:not(.framer-1gnurja),
main > div:not(.framer-1gnurja) {
  background: #f6f8f7 !important;
  background-color: #f6f8f7 !important;
  position: relative !important;
  z-index: 2 !important;
}

/* 14. Tablet Optimizations (810px to 1199px) */
@media (min-width: 810px) and (max-width: 1199px) {
  .framer-1gnurja .framer-2um82i {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    padding: 32px 0 0 !important;
  }
  .framer-1gnurja .framer-1rd4xez,
  .framer-1gnurja [data-framer-name="Globe"] {
    position: absolute !important;
    top: 50% !important;
    right: 2% !important;
    left: auto !important;
    transform: translateY(-50%) !important;
    width: 420px !important;
    height: 420px !important;
    max-width: 45vw !important;
    max-height: 60vh !important;
  }
  .framer-1gnurja .framer-dhxpx3,
  .framer-1gnurja [data-framer-name="Intro"] {
    width: auto !important;
    max-width: 460px !important;
    min-width: 340px !important;
  }
  .framer-1gnurja .framer-1quxjbd {
    max-width: 100% !important;
    width: 100% !important;
  }
  .framer-1gnurja h1,
  .framer-1gnurja [data-styles-preset="ar6rbu1OM"] {
    font-size: clamp(34px, 5.2vw, 48px) !important;
    line-height: 1.15 !important;
    letter-spacing: -0.025em !important;
    max-width: 100% !important;
  }
  .framer-2rce9f,
  [data-framer-name="Pricing Card Deck"] {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
    width: 100% !important;
  }
  .framer-1slf04e, .framer-19ps4ck, .framer-1k9cjsg,
  [data-framer-name="Pricing Card"] {
    min-height: auto !important;
    width: 100% !important;
  }
}

/* 15. Mobile Optimizations (<= 809px) */
@media (max-width: 809px) {
  .framer-1gnurja {
    flex-direction: column !important;
    padding: 8px 8px 20px !important;
    min-height: auto !important;
  }
  .framer-1gnurja .framer-2um82i {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 32px !important;
    padding: 24px 0 0 !important;
  }
  .framer-1gnurja .framer-quh6p5 {
    flex-direction: column !important;
    align-items: center !important;
    padding: 0 16px !important;
  }
  .framer-1gnurja .framer-dhxpx3,
  .framer-1gnurja [data-framer-name="Intro"] {
    width: 100% !important;
    max-width: 100% !important;
    align-items: center !important;
    text-align: center !important;
    padding: 24px 0 0 !important;
  }
  .framer-1gnurja .framer-1quxjbd,
  .framer-1gnurja .framer-1qbzxuj {
    align-items: center !important;
    text-align: center !important;
  }
  .framer-1gnurja h1,
  .framer-1gnurja h1.framer-text,
  .framer-1gnurja [data-styles-preset="ar6rbu1OM"] {
    font-size: clamp(28px, 7.8vw, 38px) !important;
    line-height: 1.18 !important;
    letter-spacing: -0.025em !important;
    max-width: 100% !important;
    text-align: center !important;
    --framer-text-alignment: center !important;
  }
  .framer-1gnurja .framer-unx6hd,
  .framer-1gnurja .framer-unx6hd p {
    text-align: center !important;
    --framer-text-alignment: center !important;
    max-width: 100% !important;
  }
  .framer-1gnurja [data-framer-name="Other/Tag"],
  .framer-1gnurja .framer-1ukmpx {
    flex-wrap: wrap !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 8px !important;
    max-width: 100% !important;
    font-size: 13px !important;
  }
  .framer-1gnurja .framer-1rd4xez,
  .framer-1gnurja [data-framer-name="Globe"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
  }
  .framer-2rce9f,
  [data-framer-name="Pricing Card Deck"] {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    width: 100% !important;
  }
  .framer-1slf04e, .framer-19ps4ck, .framer-1k9cjsg,
  [data-framer-name="Pricing Card"] {
    min-height: auto !important;
    width: 100% !important;
    padding: 24px !important;
  }
  .framer-at6ine,
  .framer-yedtzt,
  .framer-1jhl1lq {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  #vita-call-bar {
    width: calc(100vw - 32px) !important;
    max-width: 380px !important;
    margin: 0 auto !important;
  }
}

/* ==========================================================================
   VITA-M PRODUCT SUITE & ARCHITECTURAL SHOWCASE DESIGN SYSTEM
   ========================================================================== */

/* 1. Global Product Layout Canvas */
.vitam-product-container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}

/* 2. Hero Section */
.vitam-product-hero {
  padding: 140px 0 60px 0;
  text-align: center;
  position: relative;
  z-index: 2;
}

.vitam-badge-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 9999px;
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.08);
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #0f172a;
  margin-bottom: 24px;
  backdrop-filter: blur(8px);
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}

.vitam-badge-pill .pulse-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #10b981;
  box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
  animation: vitamPulse 2s infinite;
}

@keyframes vitamPulse {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
  70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

.vitam-product-title {
  font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: clamp(34px, 5.5vw, 58px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.03em;
  color: #09090b;
  max-width: 980px;
  margin: 0 auto 20px auto;
}

.vitam-product-subtitle {
  font-family: "Inter", sans-serif;
  font-size: clamp(16px, 2vw, 20px);
  font-weight: 400;
  line-height: 1.6;
  color: #475569;
  max-width: 820px;
  margin: 0 auto 32px auto;
}

.vitam-kpi-strip {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-bottom: 36px;
}

.vitam-kpi-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 6px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #1e293b;
  box-shadow: 0 1px 3px rgba(0,0,0,0.03);
}

.vitam-hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin-bottom: 60px;
}

.vitam-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 13px 26px;
  border-radius: 9999px;
  background: #09090b;
  color: #ffffff !important;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.vitam-btn-primary:hover {
  background: #27272a;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);
}

.vitam-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 13px 26px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid #cbd5e1;
  color: #0f172a !important;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  backdrop-filter: blur(8px);
}

.vitam-btn-secondary:hover {
  background: #ffffff;
  border-color: #94a3b8;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

/* 3. High-End macOS Style Interactive Media Showcase Frame */
.vitam-showcase-window {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto 90px auto;
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.03);
  overflow: hidden;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;
}

.vitam-showcase-window:hover {
  box-shadow: 0 30px 70px -15px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.vitam-window-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 18px;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
}

.vitam-window-dots {
  display: flex;
  gap: 6px;
  align-items: center;
}

.vitam-dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
}
.vitam-dot.red { background: #ef4444; }
.vitam-dot.yellow { background: #f59e0b; }
.vitam-dot.green { background: #10b981; }

.vitam-window-title {
  font-family: "Geist Mono", monospace, sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #64748b;
  letter-spacing: -0.01em;
}

.vitam-window-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: "Geist Mono", monospace, sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: #10b981;
  background: rgba(16, 185, 129, 0.1);
  padding: 2px 8px;
  border-radius: 4px;
}

.vitam-media-canvas {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: linear-gradient(135deg, #090d16 0%, #111827 50%, #0b1120 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-sizing: border-box;
}

.vitam-media-grid-pattern {
  position: absolute;
  inset: 0;
  background-size: 32px 32px;
  background-image: 
    linear-gradient(to right, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  pointer-events: none;
}

.vitam-media-glow {
  position: absolute;
  width: 450px;
  height: 450px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.22) 0%, rgba(16, 185, 129, 0.08) 50%, transparent 70%);
  filter: blur(50px);
  pointer-events: none;
}

.vitam-media-content-overlay {
  position: relative;
  z-index: 3;
  text-align: center;
  padding: 24px;
  max-width: 640px;
}

.vitam-slot-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 16px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px dashed rgba(255, 255, 255, 0.35);
  font-family: "Geist Mono", monospace, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #f8fafc;
  margin-bottom: 20px;
  backdrop-filter: blur(12px);
  text-transform: uppercase;
}

.vitam-play-trigger {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  border: 2px solid rgba(255, 255, 255, 0.4);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  cursor: pointer;
  margin-bottom: 16px;
  transition: all 0.25s ease;
  box-shadow: 0 0 25px rgba(255, 255, 255, 0.15);
}

.vitam-play-trigger:hover {
  transform: scale(1.1);
  background: rgba(255, 255, 255, 0.25);
  border-color: #ffffff;
  box-shadow: 0 0 35px rgba(59, 130, 246, 0.4);
}

.vitam-play-trigger svg {
  width: 28px;
  height: 28px;
  fill: #ffffff;
  margin-left: 3px;
}

.vitam-slot-title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 8px;
  letter-spacing: -0.01em;
}

.vitam-slot-desc {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: #94a3b8;
  line-height: 1.5;
}

.vitam-telemetry-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 20px;
  background: rgba(15, 23, 42, 0.85);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Geist Mono", monospace, sans-serif;
  font-size: 11px;
  color: #94a3b8;
  z-index: 4;
}

/* 4. Section Structures */
.vitam-section-wrap {
  padding: 80px 0;
  position: relative;
}

.vitam-section-header {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 56px auto;
}

.vitam-section-badge {
  display: inline-block;
  font-family: "Geist Mono", monospace, sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #2563eb;
  margin-bottom: 12px;
}

.vitam-section-title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: clamp(28px, 3.8vw, 42px);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #0f172a;
  line-height: 1.2;
  margin-bottom: 16px;
}

.vitam-section-desc {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  color: #475569;
  line-height: 1.6;
}

/* 5. Feature Grid & Engineering Cards */
.vitam-cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 24px;
  margin-bottom: 40px;
}

.vitam-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 30px;
  box-sizing: border-box;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  display: flex;
  flex-direction: column;
  position: relative;
}

.vitam-card:hover {
  transform: translateY(-4px);
  border-color: #cbd5e1;
  box-shadow: 0 16px 36px -10px rgba(0, 0, 0, 0.08);
}

.vitam-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0f172a;
  margin-bottom: 20px;
  font-size: 20px;
}

.vitam-card-title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 19px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 12px;
  line-height: 1.3;
}

.vitam-card-text {
  font-family: "Inter", sans-serif;
  font-size: 14.5px;
  color: #475569;
  line-height: 1.6;
  margin-bottom: 20px;
  flex-grow: 1;
}

.vitam-card-features {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #f1f5f9;
  padding-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.vitam-card-features li {
  font-family: "Inter", sans-serif;
  font-size: 13.5px;
  color: #334155;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  line-height: 1.45;
}

.vitam-card-features li::before {
  content: "✓";
  color: #10b981;
  font-weight: bold;
}

/* 6. Architecture & Engineering Diagram Box */
.vitam-arch-box {
  background: #090d16;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 36px;
  box-sizing: border-box;
  color: #f8fafc;
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
}

.vitam-arch-box::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, transparent 70%);
  pointer-events: none;
}

.vitam-arch-layers {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  z-index: 2;
}

.vitam-arch-layer {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.vitam-layer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  padding-bottom: 10px;
}

.vitam-layer-title {
  font-family: "Geist Mono", monospace;
  font-size: 13px;
  font-weight: 600;
  color: #38bdf8;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.vitam-layer-badge {
  font-family: "Geist Mono", monospace;
  font-size: 11px;
  color: #94a3b8;
}

.vitam-layer-components {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.vitam-component-pill {
  padding: 6px 14px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  color: #e2e8f0;
}

/* 7. Comparison Matrix Table */
.vitam-table-container {
  width: 100%;
  overflow-x: auto;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
  margin-bottom: 40px;
}

.vitam-spec-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-family: "Inter", sans-serif;
  font-size: 14px;
}

.vitam-spec-table th {
  padding: 16px 20px;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  font-weight: 600;
  color: #0f172a;
}

.vitam-spec-table td {
  padding: 16px 20px;
  border-bottom: 1px solid #f1f5f9;
  color: #334155;
}

.vitam-spec-table tr:last-child td {
  border-bottom: none;
}

.vitam-spec-table tr:hover td {
  background: #f8fafc;
}

.vitam-highlight-col {
  background: rgba(16, 185, 129, 0.04);
  font-weight: 600;
  color: #0f172a;
}

/* 8. Conversion Banner CTA */
.vitam-cta-box {
  background: linear-gradient(135deg, #090d16 0%, #1e293b 100%);
  border-radius: 18px;
  padding: 64px 36px;
  text-align: center;
  color: #ffffff;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 50px -10px rgba(15, 23, 42, 0.3);
  margin: 60px 0 100px 0;
}

.vitam-cta-box h3 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: clamp(26px, 3.5vw, 38px);
  font-weight: 700;
  margin-bottom: 16px;
  letter-spacing: -0.02em;
}

.vitam-cta-box p {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  color: #94a3b8;
  max-width: 620px;
  margin: 0 auto 32px auto;
  line-height: 1.6;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .vitam-product-hero { padding: 110px 0 40px 0; }
  .vitam-cards-grid { grid-template-columns: 1fr; }
  .vitam-media-canvas { aspect-ratio: 4 / 3; }
  .vitam-telemetry-bar { flex-direction: column; gap: 6px; text-align: center; }
  .vitam-cta-box { padding: 40px 20px; }
}


/* ==========================================================================
   VITA-M SOVEREIGN INTERACTION & MICRO-ANIMATION SUITE
   ========================================================================== */

/* 1. Global Reveal Fallback & Visibility Guarantee */
[data-framer-name^="Automation Card"],
[data-framer-name^="Automation Card"] *,
figure.framer-xxruwd,
.framer-j95tgq-container,
.framer-17o7wx3-container,
.framer-9gpc7c-container,
.framer-13y8jfy-container,
.framer-8qgiq5-container,
.framer-1u17dvh-container,
.framer-1r81g0w-container,
.framer-1t7a4q2-container,
.framer-1p4b7a1-container,
.framer-8q48q6-container,
[data-framer-name="Integrate Cards"] > div,
[data-framer-name="Device Render"] figure,
[data-framer-name="Automation Cards"] > div {
  opacity: 1 !important;
  visibility: visible !important;
}

/* 2. Interactive Product Cards Hover & Elevation */
.vitam-interactive-card,
[data-framer-name^="Automation Card"] {
  cursor: pointer !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.35s ease !important;
}
.vitam-interactive-card:hover,
[data-framer-name^="Automation Card"]:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.1) !important;
}

/* 3. Explore Link Styling */
.vitam-explore-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 14px !important;
  color: #2563eb !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  text-decoration: none !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
}
.vitam-explore-link:hover {
  color: #1d4ed8 !important;
}
.vitam-explore-link:hover svg {
  transform: translateX(4px) !important;
}

/* 4. Framer Signature Rolling Text */
[class*="rolling-text-inner-"] {
  overflow: hidden !important;
  display: flex !important;
}
[class*="rolling-text-inner-"] span {
  display: block !important;
  transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
  will-change: transform !important;
}
a:hover [class*="rolling-text-inner-"] span {
  transform: translateY(-24px) !important;
}

/* 5. Mobile Navigation Dropdown */
.framer-1b5olud {
  transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.framer-1b5olud.is-open {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
  pointer-events: auto !important;
  display: block !important;
}
.vitam-mobile-menu-inner {
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.vitam-mobile-nav-item {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #0f172a;
  text-decoration: none;
  padding: 8px 12px;
  border-radius: 8px;
  transition: background 0.15s ease;
}
.vitam-mobile-nav-item:hover {
  background: rgba(0, 0, 0, 0.04);
}
.vitam-mobile-subitems {
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-left: 2px solid rgba(37, 99, 235, 0.2);
  margin-left: 12px;
}
.vitam-mobile-subitem {
  font-family: "Inter", sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  color: #475569;
  text-decoration: none;
  padding: 4px 8px;
  border-radius: 6px;
  transition: color 0.15s ease, background 0.15s ease;
}
.vitam-mobile-subitem:hover {
  color: #2563eb;
  background: rgba(37, 99, 235, 0.05);
}
.vitam-mobile-call-btn {
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #09090b;
  color: #ffffff !important;
  font-family: "Inter", sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  padding: 12px 16px;
  border-radius: 12px;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.vitam-mobile-call-btn:hover {
  opacity: 0.9;
}

/* 6. Sticky Header Elevation on Scroll */
.vitam-scrolled {
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  background: rgba(246, 248, 247, 0.88) !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.06) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

/* 7. Floating Call Bar (#vita-call-bar) */
#vita-call-bar {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 99999;
}
.vita-call-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 16px 8px 10px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 9999px;
  box-shadow: 0 10px 30px -4px rgba(0, 0, 0, 0.12), 0 4px 10px -2px rgba(0, 0, 0, 0.06);
  text-decoration: none;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.vita-call-link:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 16px 36px -4px rgba(0, 0, 0, 0.18), 0 6px 14px -2px rgba(0, 0, 0, 0.08);
}
.vita-icon-pulse {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #10b981;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vita-pulse-dot {
  position: absolute;
  top: -1px;
  right: -1px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #22c55e;
  border: 2px solid #ffffff;
  animation: vitaPulse 2s infinite;
}
@keyframes vitaPulse {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); }
  70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(34, 197, 94, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}
.vita-text {
  display: flex;
  flex-direction: column;
}
.vita-label {
  font-family: "Inter", sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #64748b;
  font-weight: 600;
}
.vita-headline {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #0f172a;
}
.vita-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #09090b;
  color: #ffffff;
  font-family: "Inter", sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 9999px;
  margin-left: 4px;
}


/* ==========================================================================
   VITA-M ADAPTIVE BRANDING & SECTION ENHANCEMENTS
   ========================================================================== */

/* 1. Header Logo Colors: Dark Hero vs Scrolled/Light Pages */
body.is-homepage:not(.vitam-scrolled) .vitam-logo-dark-bg {
  display: block !important;
}
body.is-homepage:not(.vitam-scrolled) .vitam-logo-light-bg {
  display: none !important;
}
body.vitam-scrolled .vitam-logo-dark-bg,
body:not(.is-homepage) .vitam-logo-dark-bg {
  display: none !important;
}
body.vitam-scrolled .vitam-logo-light-bg,
body:not(.is-homepage) .vitam-logo-light-bg {
  display: block !important;
}

/* 2. Fix Squished Points in Sovereign AI Engines Cards */
.framer-klZAv .framer-1ff77ud,
.framer-qUGWF .framer-1ff77ud,
.framer-CBmFp .framer-1ff77ud {
  flex: 1 1 50% !important;
  min-width: 280px !important;
  width: auto !important;
}
.framer-klZAv .framer-1ak16ug,
.framer-qUGWF .framer-1ak16ug,
.framer-CBmFp .framer-1ak16ug {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  align-items: stretch !important;
}
.framer-klZAv .framer-Yoy71,
.framer-Yoy71.framer-lsfai7 {
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  min-height: 36px !important;
  overflow: visible !important;
  white-space: normal !important;
}
.framer-klZAv .framer-6lmh94-container,
.framer-Yoy71 .framer-6lmh94-container {
  flex-shrink: 0 !important;
}
.framer-klZAv .framer-1kskk0u,
.framer-Yoy71 .framer-1kskk0u {
  width: auto !important;
  flex: 1 1 auto !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow: visible !important;
}
.framer-klZAv .framer-1kskk0u p,
.framer-Yoy71 .framer-1kskk0u p {
  white-space: normal !important;
  word-break: normal !important;
  line-height: 1.4 !important;
  font-size: 14.5px !important;
  color: #1e293b !important;
}

/* 3. Center Logo Badge in Dedicated Technical Execution Section */
.framer-1rlthiz {
  position: relative !important;
}
.vitam-center-logo-badge {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 25 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
}
.vitam-center-logo-card {
  width: 120px !important;
  height: 120px !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  border: 3px solid rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.06) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.vitam-center-logo-card:hover {
  transform: scale(1.05) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.16), 0 6px 16px rgba(0, 0, 0, 0.08) !important;
}
@media (max-width: 809px) {
  .vitam-center-logo-badge {
    display: none !important;
  }
}

/* 4. Empowering Section Card Radial Spread & Centered Motion Architecture */
.framer-sryoa4,
[data-framer-name="Empowering"] {
  position: relative !important;
  width: 100% !important;
  min-height: 940px !important;
  height: 940px !important;
  padding: 0 !important;
  margin: 0 !important;
  background-color: #f6f8f7 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  clear: both !important;
  box-sizing: border-box !important;
}

@media (max-width: 809px) {
  .framer-sryoa4,
  [data-framer-name="Empowering"] {
    min-height: 760px !important;
    height: 760px !important;
  }
}

.framer-1xkjcmn,
[data-framer-name="Empowering"] .framer-1xkjcmn {
  position: relative !important;
  width: 100% !important;
  max-width: 1200px !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 auto !important;
}

.framer-1y207ti,
[data-framer-name="Empowering"] .framer-1y207ti {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  top: 0 !important;
  overflow: visible !important;
}

/* Hide Framer's dead scroll spacer frames */
.framer-1pb132t,
.framer-pwfqa6 {
  display: none !important;
  height: 0 !important;
  width: 0 !important;
}

/* Center Concentric Circles */
.framer-c9scgk,
[data-framer-name="Background Pattern"] {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}

/* Center Heading Text */
.framer-s9d8a6,
[data-framer-name="Empowering"] .framer-s9d8a6 {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 20 !important;
  text-align: center !important;
  width: 90% !important;
  max-width: 620px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  pointer-events: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.framer-s9d8a6 .framer-nnsru9,
.framer-s9d8a6 .framer-u5v4jv,
.framer-s9d8a6 .framer-1inde4z {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  justify-content: center !important;
}

.framer-s9d8a6 h2,
.framer-s9d8a6 h2.framer-text,
[data-framer-name="Empowering"] h2 {
  font-family: "PP Agrandir", "PPAgrandir", "Agrandir", sans-serif !important;
  font-size: clamp(26px, 3.2vw, 42px) !important;
  font-weight: 700 !important;
  color: #09090b !important;
  line-height: 1.18 !important;
  letter-spacing: -0.02em !important;
  text-align: center !important;
  margin-bottom: 12px !important;
}

.framer-s9d8a6 .framer-1inde4z,
.framer-s9d8a6 .framer-1inde4z p,
.framer-s9d8a6 p.framer-text,
.framer-s9d8a6 p,
[data-framer-name="Empowering"] p {
  font-family: "Inter", sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: #52525b !important;
  letter-spacing: normal !important;
  max-width: 580px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* Orbiting Cards Container */
.framer-2ymfu6,
[data-framer-name="Everyone Cards"] {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 0 !important;
  height: 0 !important;
  z-index: 10 !important;
  overflow: visible !important;
  pointer-events: none !important;
}

/* Individual Card Containers */
[data-framer-name^="Empower Card"],
.framer-1cls6wt-container,
.framer-1kaqnre-container,
.framer-7jhavl-container,
.framer-16x0vj5-container,
.framer-1thl2qh-container,
.framer-1d20tsl-container,
.framer-zjcnab-container,
.framer-jd2pnc-container {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  pointer-events: auto !important;
  transition: transform 0.85s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.6s ease !important;
  will-change: transform !important;
  cursor: pointer !important;
}

[data-framer-name^="Empower Card"]:hover {
  z-index: 25 !important;
  filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.18)) !important;
}

/* 5. FAQ Accordion Robust Layout & Zero Squishing Overrides (All Pages) */
.framer-1tdsqqi,
.framer-ijs3mx,
[data-framer-name="FAQs"] {
  width: 100% !important;
  min-height: min-content !important;
  padding: 90px 24px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  background-color: #f6f8f7 !important;
  position: relative !important;
  overflow: visible !important;
}

[data-framer-name="FAQs"] > div,
.framer-dbn67m,
.framer-10xug71,
.framer-1jhl1lq,
[data-framer-name="FAQs"] .framer-1jhl1lq,
[data-framer-name="FAQs"] .framer-10xug71 {
  width: 100% !important;
  max-width: 900px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 40px !important;
  box-sizing: border-box !important;
  margin: 0 auto !important;
  padding: 0 16px !important;
}

.framer-55deg9,
.framer-1vl1k4e,
.framer-1ibgtsz,
[data-framer-name="FAQs"] [data-framer-name="Heading"],
[data-framer-name="FAQs"] .framer-1ibgtsz,
[data-framer-name="FAQs"] .framer-1vl1k4e {
  flex: none !important;
  width: 100% !important;
  max-width: 720px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

[data-framer-name="FAQs"] [data-framer-name="Light"],
[data-framer-name="FAQs"] .framer-17cltao,
[data-framer-name="FAQs"] .framer-ny48ci {
  margin: 0 auto 12px auto !important;
  display: flex !important;
  justify-content: center !important;
}

[data-framer-name="FAQs"] h2,
[data-framer-name="FAQs"] h2.framer-text,
.framer-uwvpv3 h2,
.framer-qksmdc h2 {
  font-family: "PP Agrandir", "PPAgrandir", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(28px, 3.5vw, 42px) !important;
  font-weight: 700 !important;
  color: #09090b !important;
  text-align: center !important;
  line-height: 1.2 !important;
  margin: 0 0 12px 0 !important;
}

[data-framer-name="FAQs"] p,
[data-framer-name="FAQs"] p.framer-text,
.framer-157b7o0 p,
.framer-2tc566 p {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 15.5px !important;
  color: #52525b !important;
  text-align: center !important;
  line-height: 1.55 !important;
  max-width: 620px !important;
  margin: 0 auto !important;
}

.framer-1q0n7ka,
.framer-d4x16q,
.framer-letnws,
[data-framer-name="FAQs"] [data-framer-name="FAQ Container"],
[data-framer-name="FAQs"] [data-framer-name="Content"],
[data-framer-name="FAQs"] .framer-letnws,
[data-framer-name="FAQs"] .framer-d4x16q {
  flex: none !important;
  width: 100% !important;
  max-width: 860px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  margin: 0 auto !important;
}

.framer-1dc5z8x,
.framer-va0uun-container,
.framer-1e03sum-container,
.framer-4v7arb-container,
.framer-yY3oV,
[data-framer-name="Faq Group"] {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  box-sizing: border-box !important;
}

.framer-x0ex5s-container,
.framer-19RlA {
  width: 100% !important;
  margin-bottom: 0 !important;
  display: block !important;
}

.framer-19RlA {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 20px !important;
  cursor: pointer !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
  overflow: hidden !important;
  height: auto !important;
  outline: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

.framer-19RlA:focus,
.framer-19RlA:focus-visible {
  outline: none !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
}

.framer-19RlA:hover {
  border-color: rgba(0, 0, 0, 0.16) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04) !important;
}

.framer-iqn4e {
  padding: 22px 28px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  height: auto !important;
  min-height: min-content !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.framer-ym00tl {
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 16px !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}

.framer-1dj1ljm {
  flex: 1 1 auto !important;
}

.framer-1dj1ljm p {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 600 !important;
  color: #18181b !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  white-space: normal !important;
  word-break: normal !important;
}

/* FAQ Icon Animation: True Plus (+) to Minus (−) Switch */
.framer-1a83jv9 {
  width: 36px !important;
  height: 36px !important;
  flex-shrink: 0 !important;
  border-radius: 50% !important;
  background: #f4f4f5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background-color 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s ease !important;
  transform: none !important;
  cursor: pointer !important;
}

.framer-1a83jv9 .framer-1otx3qj {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.framer-1a83jv9 .framer-o2g7ti {
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease, background-color 0.25s ease !important;
  transform-origin: center center !important;
  opacity: 1 !important;
  transform: scaleY(1) !important;
  background-color: #52525b !important;
}

.framer-1a83jv9 .framer-lc9akz {
  transition: background-color 0.25s ease !important;
  background-color: #52525b !important;
}

/* Open State: Vertical line collapses to 0 -> leaves horizontal line as true MINUS (−) */
.framer-19RlA.vitam-faq-item-open .framer-1a83jv9,
[data-framer-name="Big Open"] .framer-1a83jv9,
.framer-19RlA.framer-v-871f2d .framer-1a83jv9,
.framer-19RlA.framer-v-1t34pjd .framer-1a83jv9 {
  background: #18181b !important;
  transform: none !important;
}

.framer-19RlA.vitam-faq-item-open .framer-1a83jv9 .framer-o2g7ti,
[data-framer-name="Big Open"] .framer-1a83jv9 .framer-o2g7ti,
.framer-19RlA.framer-v-871f2d .framer-1a83jv9 .framer-o2g7ti,
.framer-19RlA.framer-v-1t34pjd .framer-1a83jv9 .framer-o2g7ti {
  opacity: 0 !important;
  transform: scaleY(0) !important;
  background-color: #ffffff !important;
}

.framer-19RlA.vitam-faq-item-open .framer-1a83jv9 .framer-lc9akz,
[data-framer-name="Big Open"] .framer-1a83jv9 .framer-lc9akz,
.framer-19RlA.framer-v-871f2d .framer-1a83jv9 .framer-lc9akz,
.framer-19RlA.framer-v-1t34pjd .framer-1a83jv9 .framer-lc9akz {
  background-color: #ffffff !important;
}

/* FAQ Answer Open / Closed State Animation */
.framer-19RlA .framer-9gr04y,
.framer-9gr04y {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  display: block !important;
  max-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  margin-top: 0 !important;
  padding: 0 !important;
  transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease, margin-top 0.3s ease !important;
  box-sizing: border-box !important;
}

.framer-19RlA.vitam-faq-item-open .framer-9gr04y,
.vitam-faq-item-open .framer-9gr04y,
[data-framer-name="Big Open"] .framer-9gr04y,
.framer-19RlA.framer-v-871f2d .framer-9gr04y,
.framer-19RlA.framer-v-1t34pjd .framer-9gr04y {
  max-height: 800px !important;
  opacity: 1 !important;
  margin-top: 14px !important;
  overflow: visible !important;
}

.framer-11z9ruy,
.framer-11z9ruy p {
  opacity: 1 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  color: #52525b !important;
  margin: 0 !important;
  white-space: normal !important;
  word-break: normal !important;
}

/* Custom FAQ Accordion Support (.vitam-faq-card) */
.vitam-faq-card {
  transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease !important;
}

.vitam-faq-card .vitam-faq-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  transition: transform 0.25s ease, color 0.25s ease !important;
}

.vitam-faq-card .vitam-faq-answer {
  max-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
  border-top: 1px solid transparent !important;
  transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease, margin-top 0.3s ease, padding-top 0.3s ease !important;
  box-sizing: border-box !important;
}

.vitam-faq-card.active .vitam-faq-answer {
  max-height: 500px !important;
  opacity: 1 !important;
  padding-top: 14px !important;
  margin-top: 14px !important;
  border-top-color: #f1f5f9 !important;
  overflow: visible !important;
}

.vitam-faq-card.active {
  border-color: rgba(9, 9, 11, 0.2) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

/* ==========================================================================
   Proven Commercial Deployments & Industrial Impact (Card-Deck Stacking)
   (Handled definitively in the dedicated Testimonials Card Deck section below)
   ========================================================================== */

/* ==========================================================================
   Sovereign AI Engines & Feature Points Orientation Lock (Never Turn Vertical)
   ========================================================================== */
/* [data-framer-name="Points"] is a generic Framer name: it also labels the mobile nav's
   3-dot wrapper, where width:100% turned each 6px dot into a 48px disc. Exclude it. */
[data-framer-name="Points"]:not(.framer-1937wo6),
.framer-1ak16ug {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  width: 100% !important;
  transform: none !important;
}

[data-framer-name="Points"]:not(.framer-1937wo6) > div,
.framer-1ak16ug > div,
.framer-rkiqij-container,
.framer-fv47oo-container,
.framer-1qlgjyh-container {
  width: 100% !important;
  display: block !important;
  transform: none !important;
}

.framer-Yoy71,
.framer-lsfai7,
[data-framer-name="Points"] .framer-Yoy71,
[data-framer-name="Points"] [data-framer-name="Default"] {
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  transform: none !important;
  cursor: default !important;
  user-select: none !important;
}

.framer-Yoy71:active,
.framer-Yoy71:focus,
.framer-Yoy71:focus-within,
.framer-lsfai7:active,
.framer-lsfai7:focus,
.framer-lsfai7:focus-within {
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  transform: none !important;
}

.framer-6lmh94-container,
.framer-17wxlnc,
.framer-iTPHB,
[data-framer-name="Check"] {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  flex-shrink: 0 !important;
  transform: none !important;
  transform-origin: center center !important;
}

.framer-6lmh94-container:active,
.framer-6lmh94-container:focus,
.framer-17wxlnc:active,
.framer-17wxlnc:focus,
[data-framer-name="Check"]:active,
[data-framer-name="Check"]:focus {
  transform: none !important;
}

.framer-17wxlnc .framer-qicpjr,
.framer-17wxlnc .framer-11hhe47-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
}

.framer-17wxlnc .framer-11hhe47-container::before {
  content: "" !important;
  display: block !important;
  width: 7px !important;
  height: 4px !important;
  border-left: 2px solid #ffffff !important;
  border-bottom: 2px solid #ffffff !important;
  transform: rotate(-45deg) translate(1px, -1px) !important;
}

.framer-1kskk0u,
[data-framer-name="Points"] [data-framer-name="Text"] {
  display: flex !important;
  flex: 1 1 auto !important;
  align-items: center !important;
  transform: none !important;
}

.framer-1kskk0u p,
[data-framer-name="Points"] p {
  margin: 0 !important;
  white-space: normal !important;
}

.framer-qUGWF {
  opacity: 1 !important;
  transform: none !important;
  will-change: transform, box-shadow !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.framer-qUGWF:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 36px -4px rgba(0, 0, 0, 0.08) !important;
}

/* Floating animation on the tilted device render */
.framer-mp45ki {
  will-change: transform !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s ease !important;
  transform: translate(-50%, -50%) translateX(50px) translateY(80px) rotate(-33deg);
}

.framer-klZAv:not(:hover) .framer-mp45ki,
.framer-qUGWF:not(:hover) .framer-mp45ki {
  animation: vitam-mockup-float 6s ease-in-out infinite alternate !important;
}

.framer-klZAv:hover .framer-mp45ki,
.framer-qUGWF:hover .framer-mp45ki {
  animation: none !important;
  transform: translate(-50%, -50%) translateX(35px) translateY(45px) rotate(-26deg) scale(1.06) !important;
  filter: drop-shadow(0 24px 36px rgba(0, 0, 0, 0.22)) !important;
}

@keyframes vitam-mockup-float {
  0% {
    transform: translate(-50%, -50%) translateX(50px) translateY(80px) rotate(-33deg);
  }
  50% {
    transform: translate(-50%, -50%) translateX(46px) translateY(72px) rotate(-31.5deg);
  }
  100% {
    transform: translate(-50%, -50%) translateX(52px) translateY(84px) rotate(-34deg);
  }
}

@media (max-width: 809px) {
  .framer-qUGWF[data-framer-name="Phone"],
  .framer-v-ti2ihm {
    opacity: 1 !important;
    transform: none !important;
    display: flex !important;
  }
  .framer-mp45ki {
    animation: vitam-mobile-mockup-float 4s ease-in-out infinite alternate !important;
  }
  @keyframes vitam-mobile-mockup-float {
    0% { transform: translateY(0px); }
    100% { transform: translateY(-8px); }
  }
}

/* 6. Home CTA Section Below FAQ: Perfectly Centered Responsive Architecture */
.framer-1c186hj,
[data-framer-name="CTA"] {
  width: 100% !important;
  background-color: #f6f8f7 !important;
  padding: 80px 24px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.framer-1xznel8 {
  width: 100% !important;
  max-width: 1180px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
}

.framer-lqynx5-container {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}

.framer-EnNYW,
.framer-EnNYW.framer-1k7348c,
.framer-EnNYW.framer-v-1rtnigg.framer-1k7348c,
.framer-EnNYW.framer-v-zyqi1h.framer-1k7348c {
  width: 100% !important;
  max-width: 960px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
  gap: 0 !important;
}

/* Suppress Old Smartphone Mockup Column completely */
.framer-l6yxn,
[data-framer-name="Phone"].framer-l6yxn,
.framer-e161dc,
[data-framer-name="Phone"].framer-e161dc,
.framer-1ge6nfj,
.framer-1sg4jt5 {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: none !important;
  pointer-events: none !important;
}

.framer-1ma50od,
.framer-sfkgz6,
.framer-1xn5ycg {
  width: 100% !important;
  max-width: 960px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  flex: 1 1 auto !important;
}

.framer-1xn5ycg {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 48px 36px !important;
  border-radius: 28px !important;
}

.framer-ag7vd5 {
  width: 100% !important;
  max-width: 720px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  margin: 0 auto 32px auto !important;
}

.framer-x6lv2q h2 {
  font-family: 'PP Agrandir', 'PPAgrandir', 'Agrandir', sans-serif !important;
  font-size: clamp(26px, 3.2vw, 42px) !important;
  font-weight: 700 !important;
  color: #09090b !important;
  text-align: center !important;
  line-height: 1.2 !important;
  margin-bottom: 12px !important;
}

.framer-17sb8ga {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}

.framer-qtsfy8 p {
  font-family: 'Inter', sans-serif !important;
  font-size: 15.5px !important;
  line-height: 1.6 !important;
  color: #52525b !important;
  text-align: center !important;
  max-width: 600px !important;
}

.framer-12lmgsg {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  width: 100% !important;
}

.framer-1ipz0vj-container,
.framer-1pnaq9d-container {
  width: auto !important;
  flex: none !important;
}

/* 7. Complete White Space Below Footer Elimination */
html,
body {
  background-color: #000000 !important;
  margin: 0 !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
  overflow-x: hidden !important;
}

.framer-s67ki8-container {
  width: 100% !important;
  background-color: #000000 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  position: relative !important;
  z-index: 10 !important;
}

.vitam-compact-footer {
  width: 100% !important;
  background-color: #000000 !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 32px !important;
  position: relative !important;
  box-sizing: border-box !important;
}

.framer-5optul,
.framer-1ufbo43-container,
.framer-1pbqkqy,
#template-overlay,
#overlay:empty {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
}


/* ==========================================================================
   VITA-M DEDICATED PRODUCT SUITE STYLING (Curated Enterprise Architecture)
   ========================================================================== */

.vitam-product-wrapper {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

/* Hero Badge */
.vitam-hero-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 14px !important;
  border-radius: 100px !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
  font-family: "Geist Mono", "SF Mono", monospace !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  color: #18181b !important;
  margin-bottom: 20px !important;
}
.vitam-hero-badge .vitam-pulse {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #10b981;
  box-shadow: 0 0 8px #10b981;
}

/* KPI 4-Strip */
.vitam-kpi-strip {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
  width: 100% !important;
  margin: 32px 0 !important;
}
@media (max-width: 900px) {
  .vitam-kpi-strip {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 540px) {
  .vitam-kpi-strip {
    grid-template-columns: 1fr !important;
  }
}
.vitam-kpi-card {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.07) !important;
  border-radius: 16px !important;
  padding: 20px 22px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03) !important;
  box-sizing: border-box !important;
}
.vitam-kpi-val {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #09090b !important;
  line-height: 1.2 !important;
  margin-bottom: 4px !important;
}
.vitam-kpi-val.accent-emerald { color: #059669 !important; }
.vitam-kpi-val.accent-blue { color: #2563eb !important; }
.vitam-kpi-val.accent-purple { color: #7c3aed !important; }
.vitam-kpi-label {
  font-family: "Inter", sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #71717a !important;
}
.vitam-kpi-desc {
  font-family: "Inter", sans-serif !important;
  font-size: 12.5px !important;
  color: #a1a1aa !important;
  margin-top: 4px !important;
  line-height: 1.4 !important;
}

/* Comparative Section (Broken vs Sovereign) */
.vitam-comp-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 24px !important;
  width: 100% !important;
  margin: 48px 0 !important;
}
@media (max-width: 860px) {
  .vitam-comp-grid {
    grid-template-columns: 1fr !important;
  }
}
.vitam-comp-box {
  border-radius: 24px !important;
  padding: 36px 32px !important;
  box-sizing: border-box !important;
}
.vitam-comp-broken {
  background: #ffffff !important;
  border: 1px solid rgba(239, 68, 68, 0.2) !important;
  box-shadow: 0 10px 30px rgba(239, 68, 68, 0.03) !important;
}
.vitam-comp-sovereign {
  background: #090d16 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15) !important;
}
.vitam-comp-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 20px 0 0 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}
.vitam-comp-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}
.vitam-comp-broken .vitam-comp-item {
  color: #52525b !important;
}
.vitam-comp-sovereign .vitam-comp-item {
  color: #d4d4d8 !important;
}

/* 6 Core Functional Modules Grid */
.vitam-modules-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  width: 100% !important;
  margin: 36px 0 !important;
}
@media (max-width: 980px) {
  .vitam-modules-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 640px) {
  .vitam-modules-grid {
    grid-template-columns: 1fr !important;
  }
}
.vitam-module-card {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 20px !important;
  padding: 28px 24px !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.02) !important;
  box-sizing: border-box !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
.vitam-module-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.06) !important;
}
.vitam-module-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: rgba(37, 99, 235, 0.08) !important;
  border: 1px solid rgba(37, 99, 235, 0.15) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #2563eb !important;
  margin-bottom: 18px !important;
}
.vitam-module-title {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #09090b !important;
  margin-bottom: 10px !important;
  line-height: 1.3 !important;
}
.vitam-module-desc {
  font-family: "Inter", sans-serif !important;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
  color: #52525b !important;
}

/* Technical Specs Grid */
.vitam-specs-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
  width: 100% !important;
  margin: 32px 0 !important;
}
@media (max-width: 900px) {
  .vitam-specs-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 520px) {
  .vitam-specs-grid {
    grid-template-columns: 1fr !important;
  }
}
.vitam-spec-card {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 16px !important;
  padding: 22px !important;
  box-sizing: border-box !important;
}
.vitam-spec-title {
  font-family: "Geist Mono", monospace !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #71717a !important;
  margin-bottom: 8px !important;
}
.vitam-spec-val {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #18181b !important;
  margin-bottom: 4px !important;
}
.vitam-spec-detail {
  font-family: "Inter", sans-serif !important;
  font-size: 12px !important;
  color: #71717a !important;
  line-height: 1.45 !important;
}

/* Enterprise Deployment Consultation Card */
.vitam-enterprise-banner {
  background: #090d16 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 28px !important;
  padding: 56px 44px !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.2) !important;
  text-align: center !important;
  margin: 64px auto !important;
  max-width: 1160px !important;
  box-sizing: border-box !important;
  color: #ffffff !important;
}
@media (max-width: 640px) {
  .vitam-enterprise-banner {
    padding: 36px 24px !important;
  }
}
.vitam-btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 14px 28px !important;
  border-radius: 100px !important;
  background: #ffffff !important;
  color: #09090b !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.vitam-btn-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px rgba(255, 255, 255, 0.2) !important;
}
.vitam-btn-secondary {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 14px 28px !important;
  border-radius: 100px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: background 0.2s ease !important;
}
.vitam-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.15) !important;
}

/* ==========================================================================
   Product Header Clearance, Brand Typography & Spacing Overrides
   ========================================================================== */
header.vitam-product-wrapper,
.vitam-product-wrapper header,
main > header.vitam-product-wrapper {
  padding-top: 175px !important;
  padding-bottom: 56px !important;
  text-align: center !important;
  position: relative !important;
  z-index: 10 !important;
}

header.vitam-product-wrapper h1,
.vitam-product-wrapper header h1,
.vitam-product-h1 {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(34px, 4vw, 54px) !important;
  font-weight: 700 !important;
  color: #09090b !important;
  line-height: 1.16 !important;
  letter-spacing: -0.025em !important;
  max-width: 960px !important;
  margin: 0 auto 20px auto !important;
}

header.vitam-product-wrapper p,
.vitam-product-wrapper header p,
.vitam-product-sub {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  color: #52525b !important;
  max-width: 780px !important;
  margin: 0 auto 36px auto !important;
}

.vitam-product-card-container {
  display: flex !important;
  flex-direction: column !important;
  gap: 40px !important;
}

.vitam-product-card {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 24px !important;
  padding: 40px !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.03) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 28px !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  header.vitam-product-wrapper,
  .vitam-product-wrapper header,
  main > header.vitam-product-wrapper {
    padding-top: 140px !important;
    padding-bottom: 40px !important;
  }
  .vitam-product-card {
    padding: 24px !important;
  }
}

/* ==========================================================================
   MOTION-PRIMITIVES DESIGN SYSTEM & TWO-COMPONENT SECTIONAL STYLING
   ========================================================================== */

/* 1. Motion Primitives: Spotlight Card (Mouse Tracking) */
.vitam-spotlight-card {
  position: relative !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 24px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
  overflow: hidden !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease !important;
}

/* Ensure dark enterprise banner is NEVER forced to white background */
.vitam-enterprise-banner,
.vitam-enterprise-banner.vitam-spotlight-card {
  background: #090d16 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3) !important;
}

.vitam-enterprise-banner h2,
.vitam-enterprise-banner h2 * {
  color: #ffffff !important;
}

.vitam-enterprise-banner p,
.vitam-enterprise-banner p * {
  color: #cbd5e1 !important;
}

.vitam-spotlight-card:hover {
  border-color: rgba(37, 99, 235, 0.25) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(37, 99, 235, 0.15) !important;
}

.vitam-spotlight-card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(37, 99, 235, 0.06), transparent 80%) !important;
  opacity: 0 !important;
  transition: opacity 0.4s ease !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.vitam-spotlight-card:hover::before {
  opacity: 1 !important;
}

/* 2. Motion Primitives: Text Shimmer Wave */
@keyframes vitam-shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

.vitam-text-shimmer {
  background: linear-gradient(110deg, #09090b 20%, #2563eb 45%, #60a5fa 50%, #2563eb 55%, #09090b 80%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: vitam-shimmer 4.5s linear infinite !important;
  display: inline-block !important;
}

/* 3. Motion Primitives: Segmented Tab Toolbar */
.vitam-mp-tab-bar {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 4px !important;
  background: #f1f5f9 !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 12px !important;
  margin-bottom: 20px !important;
  position: relative !important;
  z-index: 2 !important;
}

.vitam-mp-tab-btn {
  flex: 1 !important;
  padding: 8px 12px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #64748b !important;
  background: transparent !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  text-align: center !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  white-space: nowrap !important;
}

.vitam-mp-tab-btn:hover {
  color: #09090b !important;
}

.vitam-mp-tab-btn.active {
  color: #09090b !important;
  background: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

/* 4. Two-Component Sectional Layout (Motion-Primitives Balanced Grid) */
.vitam-product-section {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 48px !important;
  align-items: start !important;
  padding: 56px 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
  position: relative !important;
}

.vitam-product-section:last-child {
  border-bottom: none !important;
}

/* Reverse section alternating rhythm */
.vitam-product-section.vitam-section-reverse {
  grid-template-columns: 1fr 1fr !important;
}

.vitam-side-header {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin-bottom: 20px !important;
}

.vitam-side-header .vitam-category-badge {
  margin-bottom: 2px !important;
}

.vitam-side-header .vitam-section-h2 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(24px, 2.3vw, 32px) !important;
  font-weight: 700 !important;
  color: #09090b !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  margin: 0 !important;
}

.vitam-side-header .vitam-section-tagline {
  font-family: 'Inter', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  color: #475569 !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

@media (max-width: 960px) {
  .vitam-product-section,
  .vitam-product-section.vitam-section-reverse {
    display: flex !important;
    flex-direction: column !important;
    gap: 32px !important;
    padding: 36px 0 !important;
  }
  .vitam-product-section .vitam-section-visual,
  .vitam-product-section.vitam-section-reverse .vitam-section-visual {
    order: 1 !important;
  }
  .vitam-product-section .vitam-section-content,
  .vitam-product-section.vitam-section-reverse .vitam-section-content {
    order: 2 !important;
  }
}

/* Section Content Styling */
.vitam-section-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.vitam-category-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 5px 14px !important;
  border-radius: 100px !important;
  background: rgba(37, 99, 235, 0.06) !important;
  border: 1px solid rgba(37, 99, 235, 0.16) !important;
  font-family: 'Geist Mono', monospace !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #2563eb !important;
  width: fit-content !important;
}

.vitam-category-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #2563eb !important;
}

.vitam-section-h2 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(28px, 2.6vw, 38px) !important;
  font-weight: 700 !important;
  color: #09090b !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
  margin: 0 !important;
}

.vitam-section-tagline {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #2563eb !important;
  margin: 0 0 4px 0 !important;
}

/* Narrative Card */
.vitam-narrative-card {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.07) !important;
  border-radius: 16px !important;
  padding: 20px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.02) !important;
}

.vitam-narrative-block {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.vitam-narrative-label {
  font-family: 'Geist Mono', monospace !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #71717a !important;
}

.vitam-narrative-text {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #3f3f46 !important;
  margin: 0 !important;
}

/* Benefits Grid */
.vitam-benefits-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  margin-top: 4px !important;
}

@media (max-width: 600px) {
  .vitam-benefits-grid {
    grid-template-columns: 1fr !important;
  }
}

.vitam-benefit-item {
  background: #f8fafc !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  border-radius: 12px !important;
  padding: 14px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

.vitam-benefit-icon {
  width: 24px !important;
  height: 24px !important;
  border-radius: 6px !important;
  background: rgba(16, 185, 129, 0.1) !important;
  color: #10b981 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  margin-top: 1px !important;
}

.vitam-benefit-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #09090b !important;
  margin-bottom: 2px !important;
}

.vitam-benefit-desc {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  color: #64748b !important;
}

/* Integrations Row */
.vitam-integrations-row {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 12px 16px !important;
  background: rgba(0, 0, 0, 0.02) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(0, 0, 0, 0.04) !important;
}

.vitam-integrations-label {
  font-family: 'Geist Mono', monospace !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #71717a !important;
  margin-right: 4px !important;
}

.vitam-integration-pill {
  font-family: 'Inter', sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  color: #334155 !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 6px !important;
  padding: 3px 8px !important;
}

/* Action Buttons */
.vitam-actions-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin-top: 8px !important;
}

.vitam-btn-outline {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 13px 24px !important;
  border-radius: 100px !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #09090b !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.vitam-btn-outline:hover {
  background: #f8fafc !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
  transform: translateY(-1px) !important;
}

/* Visual Component Styling */
.vitam-section-visual {
  position: relative !important;
  z-index: 2 !important;
}

.vitam-visual-card {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 24px !important;
  padding: 28px !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.04) !important;
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.vitam-tab-panel {
  display: none !important;
  animation: vitam-fade-in 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

.vitam-tab-panel.active {
  display: block !important;
}

@keyframes vitam-fade-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Visual Widgets & Motion-Primitives Interactive Displays */
.vitam-widget-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 16px !important;
}

.vitam-widget-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #09090b !important;
}

.vitam-widget-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
  font-family: 'Geist Mono', monospace !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  background: rgba(16, 185, 129, 0.1) !important;
  color: #10b981 !important;
}

.vitam-widget-badge.amber {
  background: rgba(245, 158, 11, 0.1) !important;
  color: #f59e0b !important;
}

.vitam-widget-badge.blue {
  background: rgba(37, 99, 235, 0.1) !important;
  color: #2563eb !important;
}

/* Metric Row Inside Widget */
.vitam-metric-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px !important;
  margin-bottom: 16px !important;
}

.vitam-metric-box {
  background: #f8fafc !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  text-align: left !important;
}

.vitam-metric-val {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #09090b !important;
  letter-spacing: -0.01em !important;
}

.vitam-metric-label {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #64748b !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  margin-top: 2px !important;
}

/* Interactive Station Balancing Bars (Tula) */
.vitam-bars-container {
  display: flex !important;
  align-items: flex-end !important;
  gap: 8px !important;
  height: 120px !important;
  padding: 12px 8px 8px 8px !important;
  background: #f8fafc !important;
  border-radius: 12px !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  position: relative !important;
}

.vitam-takt-line {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 84px !important;
  border-bottom: 2px dashed #f59e0b !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.vitam-takt-label {
  position: absolute !important;
  right: 8px !important;
  bottom: 88px !important;
  font-family: 'Geist Mono', monospace !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  color: #d97706 !important;
  background: #fef3c7 !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  z-index: 3 !important;
}

.vitam-station-bar-col {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 4px !important;
  height: 100% !important;
  justify-content: flex-end !important;
  position: relative !important;
  z-index: 1 !important;
}

.vitam-station-bar {
  width: 100% !important;
  border-radius: 4px 4px 0 0 !important;
  background: linear-gradient(180deg, #10b981 0%, #059669 100%) !important;
  transition: height 0.4s cubic-bezier(0.16, 1, 0.3, 1), background 0.3s ease !important;
}

.vitam-station-name {
  font-family: 'Geist Mono', monospace !important;
  font-size: 9.5px !important;
  font-weight: 600 !important;
  color: #64748b !important;
}

/* Interactive Plot Canvas Grid (Kshiti) */
.vitam-plot-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px !important;
  padding: 12px !important;
  background: #f8fafc !important;
  border-radius: 12px !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.vitam-plot-item {
  border-radius: 8px !important;
  padding: 12px 10px !important;
  border: 1.5px solid transparent !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-align: left !important;
}

.vitam-plot-item:hover {
  transform: translateY(-2px) !important;
}

.vitam-plot-item.available {
  background: rgba(16, 185, 129, 0.08) !important;
  border-color: #10b981 !important;
}
.vitam-plot-item.blocked {
  background: rgba(245, 158, 11, 0.08) !important;
  border-color: #f59e0b !important;
}
.vitam-plot-item.sold {
  background: rgba(100, 116, 139, 0.1) !important;
  border-color: #94a3b8 !important;
}

.vitam-plot-id {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #09090b !important;
}

.vitam-plot-status {
  font-family: 'Inter', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  margin-top: 2px !important;
}
.vitam-plot-item.available .vitam-plot-status { color: #10b981 !important; }
.vitam-plot-item.blocked .vitam-plot-status { color: #f59e0b !important; }
.vitam-plot-item.sold .vitam-plot-status { color: #64748b !important; }

/* Interactive Classroom / CBT Preview (EduSuite) */
.vitam-edu-card {
  background: #0f172a !important;
  border-radius: 14px !important;
  padding: 16px !important;
  color: #ffffff !important;
  position: relative !important;
  overflow: hidden !important;
}

.vitam-drm-watermark {
  position: absolute !important;
  top: 40% !important;
  left: 20% !important;
  font-family: 'Geist Mono', monospace !important;
  font-size: 11px !important;
  color: rgba(255, 255, 255, 0.12) !important;
  transform: rotate(-15deg) !important;
  pointer-events: none !important;
  user-select: none !important;
}

/* Revenue & Territory Dashboard (OmniCommerce) */
.vitam-revenue-card {
  background: #f8fafc !important;
  border-radius: 12px !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  padding: 16px !important;
}

/* Step Flow Diagram */
.vitam-step-flow {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.vitam-flow-step {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  background: #f8fafc !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
}

.vitam-step-num {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  background: #2563eb !important;
  color: #ffffff !important;
  font-family: 'Geist Mono', monospace !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.vitam-step-text {
  font-family: 'Inter', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: #334155 !important;
}



/* ==========================================================================
   SOVEREIGN AI ENGINES: CONTACT US BUTTON ALIGNMENT
   ========================================================================== */
.framer-65xzeu .framer-1mjf4wb-container,
.framer-65xzeu [data-framer-name="Default"].framer-1mjf4wb-container {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  margin-top: 24px !important;
}

@media (min-width: 1200px) {
  .framer-65xzeu .framer-1mjf4wb-container {
    justify-content: flex-start !important;
    align-self: flex-start !important;
  }
}

@media (max-width: 1199.98px) {
  .framer-65xzeu .framer-1mjf4wb-container {
    justify-content: center !important;
    align-self: center !important;
    width: 100% !important;
  }
}

/* ==========================================================================
   READY TO DEPLOY CTA SECTION: HORIZONTAL BARCODE & TEXT ALIGNMENT
   ========================================================================== */
.framer-1xn5ycg,
.framer-EnNYW .framer-1xn5ycg,
.framer-EnNYW.framer-v-zyqi1h .framer-1xn5ycg,
[data-framer-name="Content"].framer-1xn5ycg {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: clamp(24px, 4vw, 48px) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.framer-1xn5ycg > .framer-ag7vd5 {
  flex: 1 1 65% !important;
  max-width: 680px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
}

.framer-1xn5ycg > .framer-ag7vd5 .framer-x6lv2q,
.framer-1xn5ycg > .framer-ag7vd5 .framer-17sb8ga,
.framer-1xn5ycg > .framer-ag7vd5 .framer-qtsfy8,
.framer-1xn5ycg > .framer-ag7vd5 h2,
.framer-1xn5ycg > .framer-ag7vd5 p {
  text-align: left !important;
  justify-content: flex-start !important;
}

.framer-1xn5ycg > .framer-63bjyb {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  align-self: center !important;
}

@media (max-width: 809.98px) {
  .framer-1xn5ycg,
  .framer-EnNYW .framer-1xn5ycg,
  .framer-EnNYW.framer-v-zyqi1h .framer-1xn5ycg {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 24px !important;
  }
  .framer-1xn5ycg > .framer-ag7vd5 {
    align-items: center !important;
    text-align: center !important;
  }
  .framer-1xn5ycg > .framer-ag7vd5 h2,
  .framer-1xn5ycg > .framer-ag7vd5 p {
    text-align: center !important;
    justify-content: center !important;
  }
  .framer-1xn5ycg > .framer-63bjyb {
    margin: 0 auto !important;
  }
}


/* ==========================================================================
   HERO VIDEO BACKGROUND & ZERO-HALO PRISTINE TYPOGRAPHY
   ========================================================================== */
.hero-video-bg-container,
#heroVideoContainer {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100vh !important;
  min-height: 850px !important;
  max-height: 1080px !important;
  overflow: hidden !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background-color: #080b0e !important;
}

.hero-bg-video {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  transition: opacity 1.8s ease-in-out !important;
  will-change: opacity !important;
}

.hero-bg-video.active-video {
  opacity: 1 !important;
  z-index: 1 !important;
}

.hero-bg-video.inactive-video {
  opacity: 0 !important;
  z-index: 0 !important;
}

.hero-video-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(180deg, rgba(8, 11, 14, 0.65) 0%, rgba(8, 11, 14, 0.45) 45%, rgba(12, 16, 20, 0.80) 80%, #f6f8f7 100%) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

/* Allow hero video to show through homepage hero */
body:has(#heroVideoContainer),
body:has(#heroVideoContainer) #main,
body:has(#heroVideoContainer) .framer-aNDHh,
body:has(#heroVideoContainer) .framer-nqho7h,
body:has(#heroVideoContainer) .framer-1di4awv-container,
body:has(#heroVideoContainer) .framer-Cxptp,
body:has(#heroVideoContainer) .framer-1g0tlyw,
body:has(#heroVideoContainer) .framer-14nc83n,
body:has(#heroVideoContainer) .framer-ahc1bc,
body:has(#heroVideoContainer) .framer-1zgp5o,
body:has(#heroVideoContainer) .framer-1gnurja,
body:has(#heroVideoContainer) .framer-oijnfc,
body:has(#heroVideoContainer) .framer-17ceh16,
body:has(#heroVideoContainer) .framer-1y38uhm,
body.is-homepage,
body.is-homepage #main,
body.is-homepage .framer-aNDHh,
body.is-homepage .framer-nqho7h,
body.is-homepage .framer-1di4awv-container,
body.is-homepage .framer-Cxptp,
body.is-homepage .framer-1g0tlyw,
body.is-homepage .framer-14nc83n,
body.is-homepage .framer-ahc1bc,
body.is-homepage .framer-1zgp5o,
body.is-homepage .framer-1gnurja,
body.is-homepage .framer-oijnfc,
body.is-homepage .framer-17ceh16,
body.is-homepage .framer-1y38uhm {
  background: transparent !important;
  background-color: transparent !important;
}

/* Hero Section Layout Balance & Symmetrical Proportions Across All Viewports */
.framer-1gnurja {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 850px !important;
  position: relative !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

.framer-1gnurja .framer-2um82i {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 120px 32px 60px !important;
  box-sizing: border-box !important;
  z-index: 3 !important;
}

.framer-1gnurja .framer-quh6p5 {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.framer-1gnurja .framer-dhxpx3,
.framer-1gnurja [data-framer-name="Intro"] {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: 920px !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 24px !important;
}

.framer-1gnurja .framer-1quxjbd,
.framer-1gnurja .framer-1qbzxuj {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
}

/* ZERO-HALO PRISTINE WHITE HEADLINE: Absolutely NO black rectangle/fuzzy halo */
.framer-1gnurja h1,
.framer-1gnurja h1.framer-text,
.framer-1gnurja h1 span,
.framer-1gnurja [data-styles-preset="ar6rbu1OM"],
.framer-1gnurja [data-styles-preset="ar6rbu1OM"] span,
.framer-1gnurja .framer-styles-preset-1eyuh3q,
.framer-1gnurja .framer-styles-preset-1eyuh3q span {
  color: #ffffff !important;
  --framer-text-color: #ffffff !important;
  font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: clamp(38px, 4.8vw, 64px) !important;
  font-weight: 700 !important;
  line-height: 1.14 !important;
  letter-spacing: -0.025em !important;
  text-align: left !important;
  --framer-text-alignment: left !important;
  text-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-filter: none !important;
  background: transparent !important;
}

/* ZERO-HALO PRISTINE SUBTEXT */
.framer-1gnurja .framer-unx6hd,
.framer-1gnurja .framer-unx6hd p,
.framer-1gnurja .framer-unx6hd span,
.framer-1gnurja [data-framer-name="Subtext"],
.framer-1gnurja [data-framer-name="Subtext"] p,
.framer-1gnurja [data-framer-name="Subtext"] span {
  color: rgba(255, 255, 255, 0.90) !important;
  --framer-text-color: rgba(255, 255, 255, 0.90) !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(16px, 1.25vw, 19px) !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
  max-width: 760px !important;
  text-align: left !important;
  --framer-text-alignment: left !important;
  text-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-filter: none !important;
  background: transparent !important;
}

/* 25+ Enterprise Deployments Badge: Pristine & Clean */
.framer-1gnurja .framer-1ukmpx,
.framer-1gnurja [data-framer-name="Other/Tag"] {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

.framer-1gnurja .framer-15xvfjk p {
  color: rgba(255, 255, 255, 0.92) !important;
  --framer-text-color: rgba(255, 255, 255, 0.92) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

/* Eliminate any remaining container backgrounds or halos in Hero */
.framer-1gnurja .framer-1quxjbd,
.framer-1gnurja .framer-1qbzxuj,
.framer-1gnurja .framer-dhxpx3,
.framer-1gnurja .framer-quh6p5,
.framer-1gnurja .framer-2um82i,
.framer-1gnurja .framer-17ceh16 {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ==========================================================================
   TESTIMONIALS SECTION: TRUE CARD DECK STACKING (STACKED ONE OVER OTHER)
   ========================================================================== */
.framer-k4o72v {
  position: relative !important;
  overflow: visible !important;
  background-color: #f6f8f7 !important;
  z-index: 5 !important;
}

.framer-k4o72v .framer-1pxtfaj {
  position: relative !important;
  overflow: visible !important;
  width: 100% !important;
}

/* Release sticky on parent container so inner cards can stick independently over each other */
.framer-k4o72v .framer-1dauk42 {
  position: relative !important;
  top: auto !important;
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 100px 24px 60px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0 !important;
}

.framer-k4o72v .framer-xeqc0h {
  position: relative !important;
  top: auto !important;
  text-align: center !important;
  margin-bottom: 56px !important;
  width: 100% !important;
  max-width: 820px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* ---------------------------------------------------------------------------
   Accessibility and reduced-motion layer
   ------------------------------------------------------------------------ */

/* Keyboard focus: a two-tone ring that stays visible on both the light body and
   the dark hero. Uses the existing navy (#0f172a) rather than a new hue. */
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
.vitam-nav-item:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
  outline: 2px solid #0f172a;
  outline-offset: 2px;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #0f172a;
  border-radius: 4px;
}

/* Skip link: hidden until focused. */
.vitam-skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 9999;
  transform: translateY(-200%);
  padding: 10px 18px;
  background: #0f172a;
  color: #ffffff;
  font: 600 14px/1.4 Inter, -apple-system, BlinkMacSystemFont, sans-serif;
  border-radius: 10px;
  text-decoration: none;
  transition: transform 0.18s ease;
}
.vitam-skip-link:focus,
.vitam-skip-link:focus-visible {
  transform: translateY(0);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.28);
}

/* Sticky header must not cover anchor targets. */
[id] {
  scroll-margin-top: 96px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  html {
    scroll-behavior: auto !important;
  }
  /* Reveal-on-scroll must never leave content hidden when motion is reduced. */
  [class*="framer-"],
  .vitam-reveal {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* ---------------------------------------------------------------------------
   Empowering section — stacked mobile layout
   The radial spread (vitam-experience.js) is disabled below Framer's own 810px
   breakpoint; without this the eight tiles collapse onto the centred heading.
   ------------------------------------------------------------------------ */
@media (max-width: 809px) {
  .vitam-empower-stacked.framer-sryoa4,
  .vitam-empower-stacked[data-framer-name="Empowering"] {
    height: auto !important;
    min-height: 0 !important;
    display: block !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 52px 16px 60px !important;
  }

  .vitam-empower-stacked .framer-1xkjcmn,
  .vitam-empower-stacked .framer-1y207ti {
    height: auto !important;
    display: block !important;
    overflow: visible !important;
    max-width: 420px !important;
  }

  /* Heading returns to normal flow, above the tiles. */
  .vitam-empower-stacked .framer-s9d8a6 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    z-index: 3 !important;
    width: 100% !important;
    margin: 0 auto 30px !important;
    text-align: center !important;
  }

  /* Eight tiles as a tidy 4x2 grid instead of a circle. */
  .vitam-empower-stacked .framer-2ymfu6,
  .vitam-empower-stacked [data-framer-name="Everyone Cards"] {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    z-index: 2 !important;
    width: 100% !important;
    height: auto !important;
    max-width: 340px !important;
    margin: 0 auto !important;
    order: 2;
  }

  /* Title reads first, tiles second. */
  .vitam-empower-stacked .framer-1y207ti {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  .vitam-empower-stacked .framer-s9d8a6 {
    order: 1;
  }

  .vitam-empower-stacked [data-framer-name^="Empower Card"] {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    opacity: 1 !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
  }

  .vitam-empower-stacked [data-framer-name^="Empower Card"] > *,
  .vitam-empower-stacked [data-framer-name^="Empower Card"] img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  /* Concentric rings become a soft backdrop for the grid, not the layout driver. */
  .vitam-empower-stacked .framer-c9scgk,
  .vitam-empower-stacked [data-framer-name="Background Pattern"] {
    top: 68% !important;
    width: 340px !important;
    height: 340px !important;
    opacity: 0.5 !important;
  }
}

/* Closing CTA card: Framer stacks a second panel inside the card and paints the action in
   the same off-white as the card, so it reads as two empty boxes. One panel, one fill. */
.framer-sfkgz6 {
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.framer-1xn5ycg {
  background: #ffffff !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05), 0 20px 44px -22px rgba(15, 23, 42, 0.22) !important;
}

.framer-12lmgsg a,
.framer-12lmgsg .framer-PGFRP {
  background: #09090b !important;
  border: none !important;
  border-radius: 9999px !important;
  box-shadow: 0 4px 14px rgba(9, 9, 11, 0.22) !important;
  justify-content: center !important;
  gap: 12px !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease !important;
}

.framer-12lmgsg a:hover,
.framer-12lmgsg .framer-PGFRP:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 26px rgba(9, 9, 11, 0.3) !important;
}

.framer-12lmgsg a .framer-text,
.framer-12lmgsg a h5 {
  color: #ffffff !important;
}

/* The store badge is artwork, so it keeps a chip of its own rather than sitting on the fill. */
.framer-12lmgsg a img {
  background: #ffffff !important;
  border-radius: 10px !important;
  padding: 3px !important;
  box-sizing: content-box !important;
}

/* Footer: five links in a two-column grid left the last one stranded on the left. */
@media (max-width: 809px) {
  .vitam-footer-nav > .vitam-nav-item:last-child {
    grid-column: 1 / -1;
    justify-self: center;
  }
}

/* Mobile nav drawer. Framer sized .framer-1b5olud for its original one-line dropdown, so the
   seven links written into it by vitam-experience.js overflowed a 163x48 box at z-index 0. */
@media (max-width: 809px) {
  [data-framer-name="Menu"].vitam-menu-open {
    box-shadow: inset 0 0 0 2px #09090b !important;
  }

  .framer-1b5olud {
    position: fixed !important;
    top: 86px !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    max-height: calc(100dvh - 108px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, 0.1) !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 48px -14px rgba(15, 23, 42, 0.3) !important;
    z-index: 9999 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-8px) !important;
    pointer-events: none !important;
    transition: opacity 0.2s ease, transform 0.24s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.2s !important;
  }

  .framer-1b5olud.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
    display: block !important;
  }

  .vitam-mobile-menu-inner {
    padding: 10px 12px 14px !important;
    gap: 0 !important;
  }

  .vitam-mobile-nav-item {
    display: flex !important;
    align-items: center !important;
    min-height: 46px !important;
    padding: 12px !important;
    border-radius: 12px !important;
    font-size: 15.5px !important;
  }

  .vitam-mobile-subitems {
    margin: 0 0 6px 18px !important;
    padding-left: 12px !important;
    gap: 0 !important;
  }

  .vitam-mobile-subitem {
    display: flex !important;
    align-items: center !important;
    min-height: 42px !important;
  }

  .vitam-mobile-call-btn {
    margin-top: 10px !important;
    min-height: 48px !important;
    border-radius: 9999px !important;
  }
}

/* ---------------------------------------------------------------------------
   Sticky header elevation was written for the header, but vitam-experience.js
   toggles .vitam-scrolled on <body>. A backdrop-filter on body makes it the
   containing block for position:fixed, so the fixed header and the floating
   call bar detach and scroll away (measured: header top -2000 at scrollY 2000,
   call bar at y 4843). Keep the state class on body, move the styling to the
   header where it was always meant to apply.
   ------------------------------------------------------------------------ */
body.vitam-scrolled {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.vitam-scrolled .framer-1di4awv-container {
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  background: rgba(246, 248, 247, 0.88) !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.06) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

/* The floating call bar was two stacked panels: #vita-call-bar painted a #f6f8f7 pill with
   its own border and shadow, and .vita-call-link painted a white pill inside it. The outer
   wrapper is now a positioning box only, so exactly one surface is visible. */
#vita-call-bar {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.vita-call-link {
  box-shadow: 0 10px 30px -4px rgba(15, 23, 42, 0.18), 0 2px 8px -2px rgba(15, 23, 42, 0.1) !important;
}

/* Homepage-only affordance: on every other route the fixed CTA wrapper that carries the
   bar is removed by vitam-experience.js, and its in-markup twin is hidden here. */
body:not(.is-homepage) #vita-call-bar,
body:not(.is-homepage) .framer-5optul[data-framer-name="CTA"] {
  display: none !important;
}

/* The CTA action above the footer is text-only: drop the store badge it inherited from
   Framer's app-download component. */
.framer-12lmgsg [data-framer-name="Logo"] {
  display: none !important;
}

.framer-12lmgsg a {
  gap: 0 !important;
}

/* The floating call bar (#vita-call-bar) lives inside this fixed CTA wrapper, which is
   positioned left:20px / right:-20px / width:390px — so it pushed body scrollWidth to 410
   and hung off the right edge. Anchor it with symmetric insets instead. */
.framer-5optul[data-framer-name="CTA"] {
  left: 12px !important;
  right: 12px !important;
  width: auto !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* Product deep-dive pages: the section stacks to a column under 960px but keeps
   align-items:flex-start, so the visual column sizes to min-content (398px) and is
   clipped by the body's overflow-x:hidden rather than scrolling. */
@media (max-width: 809px) {
  .vitam-product-section {
    align-items: stretch !important;
  }

  .vitam-product-section > .vitam-section-visual,
  .vitam-product-section > .vitam-section-content,
  .vitam-section-visual,
  .vitam-side-header,
  .vitam-visual-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .vitam-mp-tab-bar {
    flex-wrap: wrap !important;
    min-width: 0 !important;
  }

  .vitam-mp-tab-btn {
    min-width: 0 !important;
    min-height: 44px !important;
    /* three tabs share 342px, so each is ~89px wide and labels like "Interactive
       Telemetry" overflowed the pill and collided with the neighbour */
    flex: 1 1 0 !important;
    padding: 8px 6px !important;
    font-size: 11.5px !important;
    line-height: 1.25 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  .vitam-widget-header {
    flex-wrap: wrap !important;
    gap: 8px !important;
    min-width: 0 !important;
  }

  .vitam-widget-badge {
    max-width: 100% !important;
  }

  .vitam-bars-container {
    min-width: 0 !important;
  }

  .vitam-metric-grid,
  .vitam-plot-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .vitam-nav-item {
    min-height: 44px !important;
    align-items: center !important;
  }

  button[data-action="tula-simulate"] {
    min-height: 44px !important;
    padding: 10px 18px !important;
  }

  /* /services and /pricing are byte-identical, so this fixes both. Their spotlight cards
     sized to min-content (460px) and were clipped on both edges by main{overflow-x:hidden}. */
  .vitam-spotlight-card {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .vitam-tab-panel > div > div {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  /* /contact form: 40px fields, and a fixed 100px textarea that clipped its own prefilled text. */
  .framer-form-input-wrapper {
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
  }

  .framer-form-input-wrapper > input.framer-form-input {
    width: 100% !important;
  }

  textarea.framer-form-input {
    height: auto !important;
    min-height: 132px !important;
  }

  .framer-e20ea7 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .framer-15olpb5 {
    padding: 0 !important;
  }

  .vitam-mobile-subitem {
    min-height: 44px !important;
  }
}


.framer-k4o72v .framer-1krnp17 {
  position: relative !important;
  width: 100% !important;
  max-width: 860px !important;
/* ==========================================================================
   TESTIMONIALS SECTION: TRUE PHYSICAL FANNED CARD DECK (MATCHING REFERENCE EXACTLY)
   All cards occupy the EXACT same spatial bounding box via CSS Grid overlay.
   Zero vertical gaps. At rest, cards fan out slightly with subtle rotations,
   revealing their rounded borders and shadows behind the front card.
   ========================================================================== */

/* Section Scroll Track */
.framer-k4o72v {
  position: relative !important;
  min-height: 250vh !important;
  overflow: visible !important;
  background-color: #f6f8f7 !important;
  z-index: 5 !important;
  padding: 0 !important;
}

.framer-k4o72v .framer-1pxtfaj {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
}

/* Pinned Viewport Container */
.framer-k4o72v .framer-1dauk42 {
  position: sticky !important;
  top: clamp(60px, 9vh, 100px) !important;
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 40px 24px 60px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
}

.framer-k4o72v .framer-xeqc0h {
  position: relative !important;
  top: auto !important;
  text-align: center !important;
  margin-bottom: 28px !important;
  width: 100% !important;
  max-width: 820px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* Card Deck Grid Container: ALL CARDS SHARE THE SAME SINGLE SPOT */
.framer-k4o72v .framer-1krnp17 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  justify-items: center !important;
  align-items: center !important;
  position: relative !important;
  width: 100% !important;
  max-width: 860px !important;
  min-height: 360px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Variant Wrapper also Gridded */
.framer-k4o72v .framer-1krnp17 .ssr-variant {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  justify-items: center !important;
  align-items: center !important;
  width: 100% !important;
  position: relative !important;
}

@media (min-width: 1200px) {
  .framer-k4o72v .framer-1krnp17 .ssr-variant.hidden-1g0tlyw {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .framer-k4o72v .framer-1krnp17 .ssr-variant.hidden-14nc83n,
  .framer-k4o72v .framer-1krnp17 .ssr-variant.hidden-ahc1bc {
    display: none !important;
  }
}

/* Individual Cards: Co-located in Cell 1/1/2/2 (Zero Vertical Distance) */
.framer-1oareew-container,
.framer-ekt5pq-container,
.framer-1fis5s2-container,
.framer-vi6i3c-container {
  grid-area: 1 / 1 / 2 / 2 !important;
  width: 100% !important;
  max-width: 820px !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  transform-origin: center bottom !important;
  will-change: transform, opacity !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease !important;
}

/* Rest State: Perfect Fanned Out Playing Card Deck Formation (Image 1) */
.framer-1oareew-container {
  z-index: 40 !important;
  transform: translate3d(0, 0, 0) rotate(0deg) scale(1) !important;
}

.framer-ekt5pq-container {
  z-index: 30 !important;
  transform: translate3d(4px, -6px, 0) rotate(2.4deg) scale(0.99) !important;
}

.framer-1fis5s2-container {
  z-index: 20 !important;
  transform: translate3d(-6px, -12px, 0) rotate(-2.8deg) scale(0.98) !important;
}

.framer-vi6i3c-container {
  z-index: 10 !important;
  transform: translate3d(6px, -18px, 0) rotate(3.4deg) scale(0.97) !important;
}

/* Clean Wrapper Border / Padding */
.framer-1oareew-container .framer-tQYn1,
.framer-ekt5pq-container .framer-tQYn1,
.framer-1fis5s2-container .framer-tQYn1,
.framer-vi6i3c-container .framer-tQYn1 {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: 100% !important;
}

/* Physical Card Surface: Crisp White Surface with Realistic Shadow */
.framer-1oareew-container .framer-1dhd7of,
.framer-ekt5pq-container .framer-1dhd7of,
.framer-1fis5s2-container .framer-1dhd7of,
.framer-vi6i3c-container .framer-1dhd7of {
  background-color: #ffffff !important;
  border-radius: 28px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 12px 32px -4px rgba(0, 0, 0, 0.12), 0 4px 12px -2px rgba(0, 0, 0, 0.06), 0 0 1px 1px rgba(0, 0, 0, 0.04) !important;
  transition: box-shadow 0.3s ease !important;
}

.framer-1oareew-container:hover .framer-1dhd7of,
.framer-ekt5pq-container:hover .framer-1dhd7of,
.framer-1fis5s2-container:hover .framer-1dhd7of,
.framer-vi6i3c-container:hover .framer-1dhd7of {
  box-shadow: 0 20px 48px -6px rgba(0, 0, 0, 0.18), 0 8px 16px -2px rgba(0, 0, 0, 0.08) !important;
}

/* ==========================================================================
   HOMEPAGE IMAGERY, DEVICE MOCKUPS & VIEWPORT SYMMETRY OPTIMIZATION
   Ensures zero-distortion, correct aspect ratios, and symmetrical alignment
   across Desktop (1440px+), Tablet (810px-1199px), and Mobile (<810px).
   ========================================================================== */

/* Universal Responsive Imagery & Sub-Pixel Clarity */
img {
  image-rendering: -webkit-optimize-contrast !important;
  image-rendering: auto !important;
}

/* Hero Avatar Trio: Perfect 1:1 Circular Precision */
[data-framer-name="Person 1"] img,
[data-framer-name="Person 2"] img,
[data-framer-name="Person 3"] img,
.framer-1j7q663 figure img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}

/* Core Product Mockups & Interactive OS Canvas Containers (Unlock Section) */
.framer-65xzeu,
[data-framer-name="Unlock"] {
  position: relative !important;
  width: 100% !important;
  overflow: visible !important;
}

/* Prevent device tilt distortion on mobile & ensure symmetrical centering */
@media (max-width: 809px) {
  .framer-65xzeu .framer-mp45ki {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 320px !important;
    margin: 24px auto 0 !important;
    aspect-ratio: 9/16 !important;
  }
}

/* Deep-Tech Systems & Execution Cards (Intelligence Section) */
[data-framer-name="Automation Cards"] figure,
.framer-17v1256 figure,
.framer-1fb4y40,
.framer-1rz55tc {
  overflow: hidden !important;
  border-radius: 20px !important;
}

[data-framer-name="Automation Cards"] figure img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

[data-framer-name="Automation Cards"]:hover figure img {
  transform: scale(1.04) !important;
}

/* Empowering Industry Floating Cards (Empower Section) */
[data-framer-name="Empowering"] figure,
.framer-qILQx figure {
  border-radius: 16px !important;
  overflow: hidden !important;
}

[data-framer-name="Empowering"] figure img,
.framer-qILQx figure img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Barcode & CTA Scheduling Alignment: Symmetric Horizontal Lock */
.framer-1c186hj .framer-1g6hgh0 {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 32px !important;
  width: 100% !important;
  max-width: 900px !important;
  margin: 0 auto !important;
}

@media (max-width: 809px) {
  .framer-1c186hj .framer-1g6hgh0 {
    flex-direction: column !important;
    gap: 20px !important;
    text-align: center !important;
  }
}