/* Font faces are loaded via Google Fonts link in header.php - Removed duplicate local @font-face declarations (saved ~25KB) */

/* Font family CSS variables - required for Google Fonts to work */
.lexend_a8ffbe33-module__wjwryW__variable {
  --font-lexend: "Lexend", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.jost_45bd24f9-module__fklsWW__variable {
  --font-jost: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

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

/* [project]/src/app/globals.css [app-client] (css) */
:root {
  --brand-royal-blue: #0e397e;
  --brand-deep-blue: #051433;
  --brand-accent-cyan: #00d4ff;
  --brand-accent-green: #28a745;
  --background: #051433;
  --foreground: #fff;
  --surface: #0e397e;
  --surface-hover: #173463;
  --text-primary: #fff;
  --text-secondary: #ffffffd9;
  --text-muted: #fff9;
  --text-accent: var(--brand-accent-cyan);
  --container-width: 1400px;
  --header-height: 90px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --font-heading: var(--font-lexend);
  --font-body: var(--font-jost);
}

html,
body {
  background-color: var(--background);
  max-width: 100vw;
  color: var(--foreground);
  font-family: var(--font-body), sans-serif;
  line-height: 1.6;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading), sans-serif;
  color: var(--text-primary);
  margin-bottom: 1rem;
  line-height: 1.2;
}

h1 {
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 800;
}

h2 {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
}

h3 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
}

h4 {
  font-size: 1.25rem;
  font-weight: 600;
}

a {
  color: inherit;
  text-decoration: none;
  transition: color .2s;
}

p {
  color: var(--text-secondary);
  margin-bottom: 1rem;
}

.container {
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 1.5rem;
}

.text-accent {
  color: var(--text-accent);
}

.bg-surface {
  background-color: var(--surface);
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: var(--brand-deep-blue);
}

::-webkit-scrollbar-thumb {
  background: var(--surface);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--brand-accent-cyan);
}

/* [project]/src/components/layout/Header.module.css [app-client] (css) */
.Header-module__lnUIdW__header {
  z-index: 1030;
  background-color: #0000;
  width: 100%;
  height: 90px;
  padding: 0;
  transition: all .4s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.Header-module__lnUIdW__scrolled {
  background-color: #fff;
  box-shadow: 0 4px 20px #0000000d;
}

.Header-module__lnUIdW__container {
  justify-content: center;
  align-items: center;
  gap: 3rem;
  max-width: 1400px;
  height: 100%;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  position: relative;
}

.Header-module__lnUIdW__logoWrapper {
  z-index: 1040;
  justify-content: center;
  align-items: flex-start;
  width: 140px;
  height: 90px;
  display: flex;
  position: absolute;
  top: 0;
  left: 20px;
}

.Header-module__lnUIdW__logoContainer {
  background-color: #fff;
  border-radius: 0 0 12px 12px;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
  transition: all .4s cubic-bezier(.25, .8, .25, 1);
  display: flex;
  box-shadow: 0 4px 20px #0000001a;
}

.Header-module__lnUIdW__scrolled .Header-module__lnUIdW__logoContainer {
  box-shadow: none;
  background-color: #fff;
}

.Header-module__lnUIdW__logo {
  object-fit: contain;
  width: 85%;
  height: auto;
}

.Header-module__lnUIdW__nav {
  align-items: center;
  gap: .5rem;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.Header-module__lnUIdW__navItem {
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.Header-module__lnUIdW__navLink {
  color: #fff;
  cursor: pointer;
  height: 100%;
  font-size: 15px;
  font-weight: 500;
  font-family: var(--font-jost), sans-serif;
  letter-spacing: 0;
  text-transform: uppercase;
  background: none;
  border: none;
  align-items: center;
  padding: .5rem;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.Header-module__lnUIdW__navLink:hover {
  color: var(--brand-accent-cyan);
}

.Header-module__lnUIdW__scrolled .Header-module__lnUIdW__navLink {
  color: #1a1a1a;
}

.Header-module__lnUIdW__scrolled .Header-module__lnUIdW__navLink:hover {
  color: var(--brand-royal-blue);
}

.Header-module__lnUIdW__chevron {
  margin-left: 4px;
  transition: transform .3s;
}

.Header-module__lnUIdW__navItem:hover .Header-module__lnUIdW__chevron {
  transform: rotate(180deg);
}

.Header-module__lnUIdW__megaMenuFullWidth {
  z-index: 999;
  background: #fff;
  border-top: 1px solid #17346314;
  width: 100%;
  margin: 0;
  animation: .3s ease-out forwards Header-module__lnUIdW__megaMenuSlideDown;
  position: fixed;
  top: 90px;
  left: 0;
  right: 0;
  box-shadow: 0 10px 40px #1734631f;
}

@keyframes Header-module__lnUIdW__megaMenuSlideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.Header-module__lnUIdW__megaMenuInner {
  width: 100%;
  margin: 0;
  padding: 0;
}

.Header-module__lnUIdW__megaMenuColumns {
  grid-template-columns: 350px 1fr;
  gap: 0;
  max-width: 100%;
  margin: 0 auto;
  display: grid;
}

.Header-module__lnUIdW__megaMenuImageCol {
  min-height: 100%;
  box-shadow: none;
  background: linear-gradient(135deg, #173463 0%, #0e397e 50%, #1a5490 100%);
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.Header-module__lnUIdW__megaMenuCtaCard {
  z-index: 2;
  text-align: center;
  background: none;
  padding: 1.5rem 1.25rem;
  transition: transform .3s;
  position: relative;
  transform: translateY(0);
}

.Header-module__lnUIdW__megaMenuImageCol:hover .Header-module__lnUIdW__megaMenuCtaCard {
  transform: translateY(-5px);
}

.Header-module__lnUIdW__ctaTitle {
  color: #fff;
  text-shadow: 0 2px 4px #00000080;
  margin: 0 0 .5rem;
  font-size: 1.25rem;
  font-weight: 700;
}

.Header-module__lnUIdW__ctaDesc {
  color: #fffffff2;
  text-shadow: 0 1px 3px #00000080;
  margin: 0 0 1rem;
  font-size: .875rem;
  line-height: 1.4;
}

.Header-module__lnUIdW__ctaBtn {
  color: #fff;
  background: #28a745;
  border-radius: 6px;
  padding: .625rem 1.5rem;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
  display: inline-block;
}

.Header-module__lnUIdW__ctaBtn:hover {
  filter: brightness(1.1);
}

.Header-module__lnUIdW__megaMenuItemsGrid {
  background: #fff;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  max-width: 1200px;
  margin-left: 0;
  padding: 1.5rem 2rem;
  display: grid;
}

.Header-module__lnUIdW__megaMenuLink {
  background: #fff;
  border: 1px solid #0000;
  border-radius: 8px;
  align-items: flex-start;
  gap: .625rem;
  min-height: 60px;
  padding: .375rem .625rem;
  text-decoration: none;
  transition: all .25s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
}

.Header-module__lnUIdW__megaMenuLink:before {
  content: "";
  opacity: 0;
  background: linear-gradient(135deg, #173463 0%, #0e397e 100%);
  border-radius: 10px 0 0 10px;
  width: 3px;
  transition: opacity .25s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.Header-module__lnUIdW__megaMenuLink:hover {
  background: linear-gradient(135deg, #17346308 0%, #0e397e05 100%);
  border-color: #1734631a;
  transform: translateX(4px);
}

.Header-module__lnUIdW__megaMenuLink:hover:before {
  opacity: 1;
}

.Header-module__lnUIdW__megaMenuLinkIcon {
  width: 36px;
  height: 36px;
  color: var(--brand-deep-blue);
  background: linear-gradient(135deg, #17346314 0%, #0e397e0d 100%);
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: all .3s;
  display: flex;
}

.Header-module__lnUIdW__megaMenuLink:hover .Header-module__lnUIdW__megaMenuLinkIcon {
  color: #fff;
  background: linear-gradient(135deg, #173463 0%, #0e397e 100%);
  transform: scale(1.08)rotate(5deg);
}

.Header-module__lnUIdW__megaMenuLinkContent {
  flex-direction: column;
  flex: 1;
  gap: .15rem;
  display: flex;
}

.Header-module__lnUIdW__megaMenuLinkTitle {
  color: var(--brand-deep-blue);
  letter-spacing: -.01em;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.3;
}

.Header-module__lnUIdW__rightUtils {
  align-items: center;
  display: flex;
  position: absolute;
  right: 20px;
}

.Header-module__lnUIdW__btnCustom {
  color: var(--brand-deep-blue);
  cursor: pointer;
  background: #fff;
  border: none;
  border-radius: 12px;
  padding: 12px 28px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: all .3s;
  box-shadow: 0 4px 15px #ffffff1a;
}

.Header-module__lnUIdW__btnCustom:hover {
  background: var(--brand-accent-green);
  color: #fff;
  transform: translateY(-2px);
}

.Header-module__lnUIdW__scrolled .Header-module__lnUIdW__btnCustom {
  background: var(--brand-royal-blue);
  color: #fff;
  box-shadow: 0 4px 15px #0e397e33;
}

.Header-module__lnUIdW__scrolled .Header-module__lnUIdW__btnCustom:hover {
  background: var(--brand-deep-blue);
}

.Header-module__lnUIdW__headerSocials {
  align-items: center;
  gap: .25rem;
  margin-right: 1.5rem;
  display: none;
}

.Header-module__lnUIdW__scrolled .Header-module__lnUIdW__headerSocials {
  display: flex;
}

.Header-module__lnUIdW__socialLink {
  color: #fff;
  background: #ffffff26;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  text-decoration: none;
  transition: all .3s;
  display: inline-flex;
}

.Header-module__lnUIdW__socialLink:hover {
  background: var(--brand-accent-cyan);
  color: #fff;
}

.Header-module__lnUIdW__scrolled .Header-module__lnUIdW__socialLink {
  background: var(--brand-royal-blue);
  color: #fff;
}

.Header-module__lnUIdW__scrolled .Header-module__lnUIdW__socialLink:hover {
  background: var(--brand-deep-blue);
}

/* =========================================
   MOBILE MENU & NAVIGATION - CLEAN REBUILD
   ========================================= */

/* Use !important to override any legacy conflicts */

/* 1. Mobile Toggle Button (The Hamburger) */
.Header-module__lnUIdW__mobileToggler {
  display: none !important;
  /* Hidden on Desktop */
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  padding: 8px;
  cursor: pointer;
  color: #fff;
  transition: all 0.3s ease;
  z-index: 1040;
}

.Header-module__lnUIdW__mobileToggler:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #00d4ff;
  /* Brand cyan */
  color: #00d4ff;
}

.Header-module__lnUIdW__scrolled .Header-module__lnUIdW__mobileToggler {
  color: #1a1a1a;
  border-color: rgba(0, 0, 0, 0.1);
}

.Header-module__lnUIdW__scrolled .Header-module__lnUIdW__mobileToggler:hover {
  background: rgba(0, 0, 0, 0.05);
  border-color: #0e397e;
  /* Brand blue */
  color: #0e397e;
}

/* 2. Mobile Menu Container (Off-Canvas) */
.mobile-menu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 85%;
  /* Use percentage for better mobile fit */
  max-width: 350px;
  background: #0e397e;
  /* Dark Blue Theme */
  color: #fff;
  z-index: 10000;
  transform: translateX(100%);
  /* Hidden off-screen by default */
  transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
  box-shadow: -5px 0 25px rgba(0, 0, 0, 0.2);
  overflow-y: auto;
  display: flex !important;
  /* Ensure it exists in DOM */
  flex-direction: column;
}

.mobile-menu.active {
  transform: translateX(0);
  /* Slide in */
}

/* 3. Mobile Overlay (Backdrop) */
.mobile-menu-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(4px);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  display: block !important;
  /* Always display block so visibility handles state */
}

.mobile-menu-overlay.active {
  opacity: 1;
  visibility: visible;
}

/* 4. Hide Menu on Desktop (Ensuring absolute hiding for large screens) */
@media screen and (min-width: 1025px) {

  .mobile-menu,
  .mobile-menu-overlay,
  .Header-module__lnUIdW__mobileToggler {
    display: none !important;
  }
}

/* 5. Mobile Responsive Logic (Max Width 1024px) */
@media screen and (max-width: 1024px) {

  /* Hide Desktop Nav Elements */
  .Header-module__lnUIdW__nav,
  .Header-module__lnUIdW__headerSocials,
  .Header-module__lnUIdW__rightUtils>.Header-module__lnUIdW__btnCustom,
  /* Specificity check */
  .Header-module__lnUIdW__btnCustom.booking-cta-btn {
    display: none !important;
  }

  /* Show Mobile Toggler */
  .Header-module__lnUIdW__mobileToggler {
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  /* Adjust Header Layout */
  .Header-module__lnUIdW__rightUtils {
    width: auto;
    display: flex !important;
    justify-content: flex-end;
    position: absolute;
    right: 20px;
  }

  .Header-module__lnUIdW__logoWrapper {
    position: relative;
    left: 0;
    margin-right: auto;
  }

  .Header-module__lnUIdW__megaMenuFullWidth {
    display: none !important;
  }

  /* Ensure container flex works */
  .Header-module__lnUIdW__container {
    justify-content: space-between !important;
    padding: 0 1.5rem !important;
  }
}

/* 6. Mobile Menu Content Styles */
.mobile-menu-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 90px;
  /* Fixed height for the header panel */
  padding: 0;
  /* Remove padding */
  background: #fff;
  /* White background */
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-menu-logo {
  height: 100%;
  /* Full height */
  width: auto;
  max-width: 200px;
  object-fit: contain;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
}

.mobile-menu-close {
  background: transparent;
  border: 1px solid #eee;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #0e397e;
  /* Blue cross icon */
  transition: all 0.3s ease;
  margin-right: 20px;
  /* Spacing from the right edge */
}

.mobile-menu-close:hover {
  background: #f0f9ff;
  border-color: #00d4ff;
  transform: rotate(90deg);
}

.mobile-menu-content {
  padding: 1rem 0;
  flex: 1;
}

/* Links */
.mobile-nav-link,
.mobile-service-link,
.mobile-social-links a {
  display: flex;
  align-items: center;
  padding: 1rem 1.5rem;
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  font-size: 1rem;
  transition: all 0.2s;
  font-weight: 500;
}

.mobile-nav-link:hover,
.mobile-service-link:hover,
.mobile-social-links a:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #00d4ff;
  padding-left: 2rem;
}

.mobile-section-title {
  padding: 1.5rem 1.5rem 0.5rem;
  color: #00d4ff;
  /* Cyan accent */
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 700;
  opacity: 0.8;
}

.mobile-service-link svg,
.mobile-social-links svg {
  margin-right: 12px;
  opacity: 0.7;
}

.mobile-menu-cta {
  padding: 1.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-cta-btn {
  display: block;
  background: #28a745;
  color: #fff;
  text-align: center;
  padding: 1rem;
  border-radius: 8px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3);
  transition: all 0.3s;
}

.mobile-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(40, 167, 69, 0.4);
  background: #218838;
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__48671412._.css.map*/
/* [project]/src/app/page.module.css [app-client] (css) */
.page-module___8aEwW__hero {
  background-color: var(--brand-deep-blue);
  z-index: 1;
  background: radial-gradient(circle, #0e397e 0%, #051433 60%, #020b1e 100%);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-top: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-module___8aEwW__hero:before {
  content: "";
  opacity: .3;
  pointer-events: none;
  z-index: 1;
  background-image: radial-gradient(#ffffff08 1px, #0000 1px);
  background-size: 24px 24px;
  position: absolute;
  inset: 0;
}

.page-module___8aEwW__heroGrid {
  z-index: 10;
  grid-template-columns: 1fr 1.2fr .9fr;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
  max-width: 1600px;
  height: auto;
  margin-top: 0;
  padding: 0 4rem;
  display: grid;
  position: relative;
}

.page-module___8aEwW__heroLeft {
  text-align: left;
  z-index: 30;
  padding-right: 0;
}

.page-module___8aEwW__heroTitle {
  font-family: var(--font-heading);
  margin-bottom: 1.25rem;
  line-height: 1.2;
}

.page-module___8aEwW__headlinePain {
  color: #94a3b8;
  letter-spacing: 0;
  margin-bottom: .5rem;
  font-size: clamp(1rem, 1.2vw, 1.15rem);
  font-weight: 500;
  display: block;
}

.page-module___8aEwW__headlineOutcome {
  color: #fff;
  text-shadow: 0 10px 40px #0006;
  letter-spacing: -.01em;
  margin-top: .25rem;
  font-size: clamp(2rem, 2.5vw, 2.5rem);
  font-weight: 700;
  display: block;
}

.page-module___8aEwW__heroSubtitle {
  color: #cbd5e1;
  max-width: 95%;
  margin-bottom: 1.5rem;
  font-size: .95rem;
  line-height: 1.6;
}

.page-module___8aEwW__trustBadges {
  color: #fff;
  flex-direction: column;
  gap: .75rem;
  font-size: .85rem;
  font-weight: 600;
  display: flex;
}

.page-module___8aEwW__trustBadges span {
  color: var(--brand-accent-green);
  align-items: center;
  gap: .75rem;
  display: flex;
}

.page-module___8aEwW__heroCenter {
  z-index: 20;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.page-module___8aEwW__growthVisualWrapper {
  width: 100%;
  position: relative;
  transform: scale(.95);
}

.page-module___8aEwW__cssDashboard {
  background: #0f172a;
  border: 1px solid #ffffff1a;
  border-radius: 12px;
  width: 100%;
  padding: 0;
  transition: transform .5s;
  overflow: hidden;
  transform: perspective(2000px)rotateY(-8deg)rotateX(4deg);
  box-shadow: -20px 30px 60px #00000080, 0 0 0 1px #ffffff0d;
}

.page-module___8aEwW__cssDashboard:hover {
  transform: perspective(2000px)rotateY(0)rotateX(0);
}

.page-module___8aEwW__dashToolbar {
  background: #ffffff08;
  border-bottom: 1px solid #ffffff0d;
  justify-content: space-between;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.page-module___8aEwW__dashDots {
  gap: 6px;
  display: flex;
}

.page-module___8aEwW__dashDot {
  background: #334155;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.page-module___8aEwW__dashDot.page-module___8aEwW__red {
  background: #ef4444;
}

.page-module___8aEwW__dashDot.page-module___8aEwW__yellow {
  background: #f59e0b;
}

.page-module___8aEwW__dashDot.page-module___8aEwW__green {
  background: #22c55e;
}

.page-module___8aEwW__dashUrlBar {
  color: #64748b;
  text-align: center;
  background: #020617;
  border-radius: 6px;
  width: 60%;
  padding: 4px 12px;
  font-size: .7rem;
}

.page-module___8aEwW__dashContent {
  grid-template-columns: 1fr 1.5fr;
  gap: 1.5rem;
  padding: 1.5rem;
  display: grid;
}

.page-module___8aEwW__dashWidget {
  background: #1e293b;
  border: 1px solid #ffffff0d;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  min-height: 120px;
  padding: 1rem;
  display: flex;
}

.page-module___8aEwW__widgetTitle {
  color: #94a3b8;
  margin-bottom: .5rem;
  font-size: .75rem;
  font-weight: 600;
}

.page-module___8aEwW__widgetValue {
  color: #fff;
  align-items: center;
  gap: 8px;
  font-size: 1.75rem;
  font-weight: 700;
  display: flex;
}

.page-module___8aEwW__widgetGrowth {
  color: #4ade80;
  background: #22c55e33;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: .8rem;
}

.page-module___8aEwW__chartArea {
  background: #1e293b;
  border: 1px solid #ffffff0d;
  border-radius: 8px;
  grid-column: span 2;
  height: 140px;
  padding: 1rem;
  position: relative;
  overflow: hidden;
}

.page-module___8aEwW__chartLine {
  border-bottom: 1px solid #334155;
  border-left: 1px solid #334155;
  position: absolute;
  inset: 40px 20px 20px;
}

.page-module___8aEwW__chartPath {
  transform-origin: bottom;
  background: linear-gradient(90deg, #0000, #00d4ff33);
  border-top: 2px solid #00d4ff;
  width: 100%;
  height: 50%;
  animation: 2s ease-out forwards page-module___8aEwW__growChart;
  position: absolute;
  bottom: 0;
  left: 0;
}

@keyframes page-module___8aEwW__growChart {
  from {
    transform: scaleY(0);
  }

  to {
    transform: scaleY(1);
  }
}

.page-module___8aEwW__dashNavFloat {
  color: #0f172a;
  z-index: 40;
  background: #fff;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: .6rem 1rem;
  font-size: .8rem;
  font-weight: 700;
  animation: 6s ease-in-out infinite page-module___8aEwW__floatBadge;
  display: flex;
  position: absolute;
  top: 50%;
  right: -10px;
  box-shadow: 0 10px 40px #00000080;
}

@keyframes page-module___8aEwW__floatBadge {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }
}

.page-module___8aEwW__heroRight {
  z-index: 30;
  justify-content: flex-end;
  margin-top: 0;
  display: flex;
}

.page-module___8aEwW__conversionCard {
  -webkit-backdrop-filter: blur(24px);
  background: #0f172a99;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  width: 100%;
  max-width: 380px;
  padding: 1.75rem;
  box-shadow: 0 25px 50px -12px #00000080;
}

.page-module___8aEwW__cardHeader {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25rem;
  display: flex;
}

.page-module___8aEwW__cardLabel {
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: .75rem;
  font-weight: 600;
}

.page-module___8aEwW__cardStars {
  color: #f59e0b;
  letter-spacing: 2px;
  font-size: .8rem;
}

.page-module___8aEwW__cardPitch {
  color: #fff;
  margin-bottom: 1.5rem;
  font-size: .9rem;
  font-weight: 500;
  line-height: 1.5;
}

.page-module___8aEwW__industryIcons {
  color: #64748b;
  border-top: 1px solid #ffffff1a;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding-top: 1rem;
  display: flex;
}

.page-module___8aEwW__cardActions {
  flex-direction: column;
  gap: .75rem;
  display: flex;
}

.page-module___8aEwW__auditBtn {
  color: #fff;
  text-align: center;
  background: radial-gradient(circle, #00d4ff 0%, #00a3cc 100%);
  border: 1px solid #fff3;
  border-radius: 8px;
  padding: .9rem;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  transition: all .3s cubic-bezier(.25, .8, .25, 1);
  animation: 3s infinite page-module___8aEwW__pulseGlow;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 20px #00d4ff66;
}

.page-module___8aEwW__auditBtn:hover {
  transform: translateY(-2px)scale(1.02);
  box-shadow: 0 0 30px #00d4ff99;
}

@keyframes page-module___8aEwW__pulseGlow {
  0% {
    box-shadow: 0 0 15px #00d4ff4d;
  }

  50% {
    box-shadow: 0 0 25px #00d4ff80;
  }

  100% {
    box-shadow: 0 0 15px #00d4ff4d;
  }
}

.page-module___8aEwW__growthBtn {
  color: #4ade80;
  text-align: center;
  background: #22c55e26;
  border: 1px solid #22c55e;
  border-radius: 8px;
  padding: .9rem;
  font-size: .95rem;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
}

.page-module___8aEwW__growthBtn:hover {
  color: #020617;
  background: #22c55e;
  transform: translateY(-1px);
}

.page-module___8aEwW__cardFooterText {
  text-align: center;
  color: #64748b;
  margin-top: .75rem;
  font-size: .75rem;
  font-style: italic;
}

.page-module___8aEwW__trustSignals {
  color: #0f172a;
  background: #fff;
  border-top: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
  padding: 4.5rem 0 3.5rem;
  position: relative;
  overflow: hidden;
}

.page-module___8aEwW__trustSignals:before {
  content: "";
  opacity: .6;
  pointer-events: none;
  z-index: 1;
  background-image: linear-gradient(#94a3b81a 1px, #0000 1px), linear-gradient(90deg, #94a3b81a 1px, #0000 1px);
  background-size: 32px 32px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: radial-gradient(#000 40%, #0000 80%);
  mask-image: radial-gradient(#000 40%, #0000 80%);
}

.page-module___8aEwW__trustSignals:after {
  content: "";
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(circle, #38bdf808 0%, #0000 70%);
  width: 80%;
  height: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.page-module___8aEwW__trustGrid {
  z-index: 2;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  gap: 2rem;
  display: grid;
  position: relative;
}

.page-module___8aEwW__trustItem {
  z-index: 2;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  align-items: flex-start;
  gap: 1.25rem;
  padding: 1.75rem;
  transition: all .4s cubic-bezier(.175, .885, .32, 1.275);
  display: flex;
  position: relative;
  box-shadow: 0 4px 6px -1px #00000005, 0 2px 4px -1px #00000005;
}

.page-module___8aEwW__trustItem:hover {
  border-color: #bae6fd;
  transform: translateY(-8px);
  box-shadow: 0 20px 40px -10px #0ea5e91a, 0 0 0 4px #e0f2fe4d;
}

.page-module___8aEwW__trustIconWrapper {
  color: #0284c7;
  background: #eff6ff;
  border-radius: 9px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  display: flex;
}

.page-module___8aEwW__trustContent {
  flex-direction: column;
  gap: .6rem;
  display: flex;
}

.page-module___8aEwW__trustMetric {
  color: #0f172a;
  letter-spacing: -.01em;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.3;
}

.page-module___8aEwW__trustDesc {
  color: #64748b;
  opacity: .9;
  font-size: .9rem;
  font-weight: 400;
  line-height: 1.5;
}

.page-module___8aEwW__trustFooterLine {
  text-align: center;
  color: #cbd5e1;
  opacity: .8;
  z-index: 2;
  border-top: 1px solid #ffffff14;
  margin-top: 3.5rem;
  padding-top: 1.5rem;
  font-size: 1rem;
  font-weight: 500;
  position: relative;
}

@media (max-width: 1366px) {
  .page-module___8aEwW__heroGrid {
    grid-template-columns: 1fr 1fr .9fr;
    gap: 1rem;
    padding: 0 2rem;
  }

  .page-module___8aEwW__headlineOutcome {
    font-size: 2.25rem;
  }
}

@media (max-width: 1024px) {
  .page-module___8aEwW__trustGrid {
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
  }

  .page-module___8aEwW__hero {
    align-items: flex-start;
    height: auto;
    min-height: 100%;
    padding-top: 100px;
    padding-bottom: 4rem;
    overflow-y: auto;
  }

  .page-module___8aEwW__heroGrid {
    flex-direction: column;
    gap: 3rem;
    max-width: 700px;
    margin-top: 0;
    display: flex;
  }

  .page-module___8aEwW__heroLeft {
    text-align: center;
    order: 1;
    padding-right: 0;
  }

  .page-module___8aEwW__trustBadges {
    flex-direction: row;
    justify-content: center;
    gap: 1.5rem;
  }

  .page-module___8aEwW__heroRight {
    order: 2;
    justify-content: center;
    width: 100%;
  }

  .page-module___8aEwW__conversionCard {
    max-width: 100%;
  }

  .page-module___8aEwW__heroCenter {
    order: 3;
    width: 100%;
    height: 300px;
    margin-top: -1rem;
  }

  .page-module___8aEwW__cssDashboard {
    transform: none;
    box-shadow: 0 10px 30px #0000004d;
  }

  .page-module___8aEwW__cssDashboard:hover {
    transform: none;
  }
}

@media (max-width: 768px) {
  .page-module___8aEwW__trustGrid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .page-module___8aEwW__hero {
    height: auto;
    min-height: 100vh;
    padding-top: 100px;
    padding-bottom: 2rem;
  }

  .page-module___8aEwW__heroGrid {
    gap: 2rem;
    padding: 0 1.5rem;
    margin-top: 0;
  }

  /* On mobile, center the hero content */
  .page-module___8aEwW__heroLeft {
    text-align: center;
    padding: 0;
  }

  .page-module___8aEwW__heroRight {
    width: 100%;
    margin-top: 1rem;
  }

  .page-module___8aEwW__headlineOutcome {
    font-size: 1.85rem;
  }

  .page-module___8aEwW__headlinePain {
    font-size: 0.95rem;
  }

  .page-module___8aEwW__trustBadges {
    flex-direction: column;
    gap: .5rem;
    justify-content: center;
  }

  .page-module___8aEwW__heroCenter {
    display: none;
  }

  .page-module___8aEwW__cssDashboard {
    padding: .5rem;
  }

  .page-module___8aEwW__dashWidget {
    height: auto;
    min-height: 80px;
  }
}

/* Compact Form Styles */
.hero-inquiry-form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.hero-inquiry-form .form-group {
  margin-bottom: 0;
}

.hero-inquiry-form .form-label {
  display: block;
  font-size: 0.8rem;
  font-weight: 600;
  color: #94a3b8;
  margin-bottom: 0.25rem;
}

.hero-inquiry-form .form-input,
.hero-inquiry-form .form-textarea {
  width: 100%;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  padding: 0.6rem 0.75rem;
  color: #fff;
  font-size: 0.9rem;
  transition: all 0.2s;
  font-family: var(--font-body);
}

.hero-inquiry-form .form-textarea {
  resize: none;
  height: 60px;
  /* Compact height */
}

.hero-inquiry-form .form-input:focus,
.hero-inquiry-form .form-textarea:focus {
  background: rgba(255, 255, 255, 0.1);
  border-color: #00d4ff;
  outline: none;
}

.hero-inquiry-form .hero-submit-btn {
  width: 100%;
  box-sizing: border-box;
  background: linear-gradient(135deg, #00d4ff, #0088cc);
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 0.75rem;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s;
  margin-top: 0.25rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.hero-inquiry-form .hero-submit-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(0, 212, 255, 0.4);
}

/* Adjust Conversion Card for Compactness */
.page-module___8aEwW__conversionCard {
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  background: #0f172a99;
  border: 1px solid #ffffff1a;
  border-radius: 12px;
  width: 100%;
  max-width: 360px;
  /* Slightly narrower */
  padding: 1.25rem;
  /* Reduced padding */
  box-shadow: 0 25px 50px -12px #00000080;
}

/* Trust Bar */
.trust-bar {
  background: #051433;
  /* Match deep blue brand */
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  padding: 2rem 0;
  position: relative;
  z-index: 10;
}

.trust-stats {
  display: flex;
  justify-content: center;
  gap: 4rem;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  flex-wrap: wrap;
}

.trust-stat {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.trust-stat-number {
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  background: linear-gradient(135deg, #fff 0%, #94a3b8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--font-heading);
}

.trust-stat-label {
  color: #94a3b8;
  font-size: 0.85rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

@media (max-width: 768px) {
  .trust-stats {
    gap: 2rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .trust-stat-number {
    font-size: 1.75rem;
  }

  .trust-stat-label {
    font-size: 0.75rem;
  }
}

.page-module___8aEwW__problemMirror {
  color: #fff;
  background: radial-gradient(circle at 0 0, #172554 0%, #0b1120 40%);
  border-bottom: 1px solid #ffffff0d;
  padding: 6rem 0;
  position: relative;
}

.page-module___8aEwW__problemGrid {
  grid-template-columns: .9fr 1.1fr;
  align-items: flex-start;
  gap: 4rem;
  margin-bottom: 4rem;
  display: grid;
}

.page-module___8aEwW__problemLeft {
  padding-right: 1rem;
}

.page-module___8aEwW__problemHeadline {
  color: #f1f5f9;
  letter-spacing: -.01em;
  margin-bottom: 1.5rem;
  font-size: clamp(1.75rem, 2.5vw, 2.5rem);
  font-weight: 600;
  line-height: 1.3;
}

.page-module___8aEwW__problemIntro {
  color: #94a3b8;
  max-width: 90%;
  font-size: 1.125rem;
  line-height: 1.7;
}

.page-module___8aEwW__problemRight {
  border-left: 1px solid #ffffff0d;
  padding-left: 2rem;
  position: relative;
}

.page-module___8aEwW__problemList {
  flex-direction: column;
  gap: 1.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.page-module___8aEwW__problemList li {
  color: #cbd5e1;
  opacity: .9;
  padding-left: 0;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
  transition: opacity .3s;
  position: relative;
}

.page-module___8aEwW__problemList li:hover {
  opacity: 1;
  color: #fff;
}

.page-module___8aEwW__problemBridge {
  text-align: center;
  color: #e2e8f0;
  opacity: .9;
  border-top: 1px solid #ffffff0d;
  max-width: 800px;
  margin: 0 auto;
  padding-top: 3rem;
  font-size: 1.25rem;
  font-style: italic;
  font-weight: 500;
}

@media (max-width: 1024px) {
  .page-module___8aEwW__problemGrid {
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .page-module___8aEwW__problemRight {
    border-top: 1px solid #ffffff0d;
    border-left: none;
    padding-top: 2rem;
    padding-left: 0;
  }
}

@media (max-width: 768px) {
  .page-module___8aEwW__problemMirror {
    padding: 4rem 0;
  }

  .page-module___8aEwW__problemHeadline {
    font-size: 1.75rem;
  }

  .page-module___8aEwW__problemList li,
  .page-module___8aEwW__problemBridge {
    font-size: 1.1rem;
  }
}

.page-module___8aEwW__section {
  padding: 4rem 0;
}

.page-module___8aEwW__sectionTitle {
  text-align: center;
  color: var(--text-primary);
  margin-bottom: 1rem;
}

.page-module___8aEwW__sectionDesc {
  text-align: center;
  max-width: 700px;
  color: var(--text-muted);
  margin: 0 auto;
  font-size: 1.1rem;
}

.page-module___8aEwW__cardGrid {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
  display: grid;
}

.page-module___8aEwW__card {
  background: var(--surface);
  border-radius: var(--radius-lg);
  border: 1px solid #ffffff0d;
  padding: 2.5rem;
  transition: all .3s;
}

.page-module___8aEwW__card:hover {
  border-color: var(--brand-accent-cyan);
  transform: translateY(-5px);
}

.page-module___8aEwW__cardIcon {
  color: var(--brand-accent-cyan);
  background: #00d4ff1a;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 1.5rem;
  display: flex;
}

.page-module___8aEwW__cardTitle {
  margin-bottom: 1rem;
  font-size: 1.5rem;
}

.page-module___8aEwW__cardDesc {
  color: var(--text-secondary);
}

.page-module___8aEwW__statsSection {
  background: linear-gradient(to right, #0e397e, #051433);
  border-top: 1px solid #ffffff1a;
  border-bottom: 1px solid #ffffff1a;
  padding: 3rem 0;
}

.page-module___8aEwW__statsGrid {
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 2rem;
  display: flex;
}

.page-module___8aEwW__statItem {
  text-align: center;
}

.page-module___8aEwW__statValue {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 800;
  display: block;
}

.page-module___8aEwW__statLabel {
  color: var(--text-accent);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: .9rem;
}

.page-module___8aEwW__primaryBtnSimple {
  background: var(--brand-accent-green);
  color: #fff;
  border-radius: var(--radius-md);
  padding: 1rem 2rem;
  font-weight: 700;
  text-decoration: none;
}

.page-module___8aEwW__processSection {
  background: #0b1120;
  position: relative;
  overflow: visible;
}

.page-module___8aEwW__processSticky {
  will-change: transform;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.page-module___8aEwW__processContainer {
  justify-content: space-between;
  align-items: center;
  gap: 4rem;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  padding: 0 2rem;
  display: flex;
  position: relative;
}

.page-module___8aEwW__leftColumn {
  flex-direction: column;
  justify-content: center;
  width: 50%;
  height: 100%;
  display: flex;
  position: relative;
}

.page-module___8aEwW__contentStage {
  width: 100%;
  max-width: 540px;
  min-height: 300px;
  position: relative;
}

.page-module___8aEwW__rightColumn {
  perspective: 1000px;
  justify-content: center;
  width: 50%;
  height: 100%;
  display: flex;
  position: relative;
}

.page-module___8aEwW__cardStage {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 520px;
  min-height: 360px;
  display: flex;
  position: relative;
}

.page-module___8aEwW__cardSwap {
  width: 100%;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.page-module___8aEwW__stepContent {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0;
}

.page-module___8aEwW__stepNumber {
  color: var(--brand-accent-cyan);
  opacity: .8;
  align-items: center;
  gap: .5rem;
  margin-bottom: 1.5rem;
  font-family: monospace;
  font-size: 1.25rem;
  display: inline-flex;
}

.page-module___8aEwW__stepNumber:before {
  content: "";
  background: var(--brand-accent-cyan);
  width: 2rem;
  height: 1px;
  display: block;
}

.page-module___8aEwW__stepTitle {
  color: #fff;
  margin-bottom: 1.25rem;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.page-module___8aEwW__stepDesc {
  color: #cad5e2;
  max-width: 500px;
  font-size: 1.125rem;
  line-height: 1.7;
}

.page-module___8aEwW__revenueCard {
  background: #0f172a;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  width: 100%;
  max-width: 520px;
  transition: all .4s cubic-bezier(.22, 1, .36, 1);
  overflow: hidden;
  box-shadow: 0 30px 60px #00000080, 0 0 0 1px #ffffff0d;
}

.page-module___8aEwW__revenueCard:hover {
  transform: translateY(-8px)scale(1.02);
  box-shadow: 0 40px 80px #0009, 0 0 0 1px #00d4ff4d;
}

.page-module___8aEwW__revenueHeader {
  background: #ffffff08;
  border-bottom: 1px solid #ffffff0d;
  justify-content: space-between;
  align-items: center;
  padding: .75rem 1.25rem;
  display: flex;
}

.page-module___8aEwW__revenueDots {
  gap: 6px;
  display: flex;
}

.page-module___8aEwW__dot {
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.page-module___8aEwW__dot.page-module___8aEwW__red {
  background: #ef4444;
}

.page-module___8aEwW__dot.page-module___8aEwW__yellow {
  background: #f59e0b;
}

.page-module___8aEwW__dot.page-module___8aEwW__green {
  background: #22c55e;
}

.page-module___8aEwW__revenueTitle {
  color: #64748b;
  font-family: monospace;
  font-size: .7rem;
}

.page-module___8aEwW__revenueBody {
  flex-direction: column;
  gap: 1.5rem;
  padding: 2rem;
  display: flex;
  position: relative;
}

.page-module___8aEwW__revenueMetrics {
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  display: grid;
}

.page-module___8aEwW__revenueMetric {
  background: #1e293b;
  border: 1px solid #ffffff0d;
  border-radius: 10px;
  padding: 1.25rem;
}

.page-module___8aEwW__revenueMetric .page-module___8aEwW__metricLabel {
  color: #94a3b8;
  margin-bottom: .5rem;
  font-size: .7rem;
  font-weight: 600;
}

.page-module___8aEwW__revenueMetric .page-module___8aEwW__metricValue {
  color: #fff;
  align-items: center;
  gap: 8px;
  font-size: 1.75rem;
  font-weight: 700;
  display: flex;
}

.page-module___8aEwW__growth {
  color: #4ade80;
  background: #22c55e33;
  border-radius: 6px;
  padding: 3px 8px;
  font-size: .75rem;
}

.page-module___8aEwW__revenueChart {
  background: #1e293b;
  border: 1px solid #ffffff0d;
  border-radius: 10px;
  padding: 1.25rem;
}

.page-module___8aEwW__chartLabel {
  color: #94a3b8;
  margin-bottom: 1rem;
  font-size: .75rem;
  font-weight: 600;
}

.page-module___8aEwW__chartBars {
  align-items: flex-end;
  gap: .75rem;
  height: 80px;
  display: flex;
}

.page-module___8aEwW__chartBar {
  background: linear-gradient(#00d4ff, #08c);
  border-radius: 4px 4px 0 0;
  flex: 1;
  animation: .8s ease-out forwards page-module___8aEwW__growBar;
}

@keyframes page-module___8aEwW__growBar {
  from {
    transform: scaleY(0);
  }

  to {
    transform: scaleY(1);
  }
}

.page-module___8aEwW__revenueBadge {
  color: #0f172a;
  background: #fff;
  border-radius: 10px;
  align-items: center;
  gap: .5rem;
  padding: .6rem 1.2rem;
  font-size: .85rem;
  font-weight: 700;
  display: flex;
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
  box-shadow: 0 10px 30px #0000004d;
}

.page-module___8aEwW__funnelCard {
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  border: 1px solid #ffffff14;
  border-radius: 20px;
  width: 100%;
  max-width: 520px;
  transition: all .4s;
  overflow: hidden;
  box-shadow: 0 25px 50px #0006, inset 0 1px #ffffff0d;
}

.page-module___8aEwW__funnelCard:hover {
  transform: translateY(-6px)rotate(-1deg);
  box-shadow: 0 35px 70px #00000080, 0 0 0 1px #f59e0b4d;
}

.page-module___8aEwW__funnelHeader {
  background: #f59e0b1a;
  border-bottom: 1px solid #f59e0b33;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  display: flex;
}

.page-module___8aEwW__funnelIcon {
  color: #f59e0b;
  background: #f59e0b33;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.page-module___8aEwW__funnelTitle {
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
}

.page-module___8aEwW__funnelBody {
  padding: 2rem 1.5rem;
  position: relative;
}

.page-module___8aEwW__funnelStages {
  flex-direction: column;
  gap: .75rem;
  margin-bottom: 1.5rem;
  display: flex;
}

.page-module___8aEwW__funnelStage {
  background: linear-gradient(90deg, #00d4ff26, #00d4ff0d);
  border: 1px solid #00d4ff33;
  border-left: 3px solid #00d4ff;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.25rem;
  transition: all .3s;
  display: flex;
}

.page-module___8aEwW__funnelStage:hover {
  background: linear-gradient(90deg, #00d4ff40, #00d4ff1a);
  transform: translateX(5px);
}

.page-module___8aEwW__funnelStage span {
  color: #94a3b8;
  font-size: .85rem;
  font-weight: 600;
}

.page-module___8aEwW__funnelStage strong {
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
}

.page-module___8aEwW__funnelInsight {
  background: #ef44441a;
  border: 1px solid #ef44444d;
  border-radius: 10px;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1rem 1.25rem;
  display: flex;
}

.page-module___8aEwW__insightIcon {
  font-size: 1.5rem;
}

.page-module___8aEwW__insightText {
  color: #fecaca;
  font-size: .9rem;
}

.page-module___8aEwW__insightText strong {
  color: #fca5a5;
}

.page-module___8aEwW__funnelStatus {
  color: #0f172a;
  background: #fff;
  border-radius: 10px;
  align-items: center;
  gap: .5rem;
  padding: .6rem 1.2rem;
  font-size: .85rem;
  font-weight: 700;
  display: flex;
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
  box-shadow: 0 10px 30px #0000004d;
}

.page-module___8aEwW__architectureCard {
  background: radial-gradient(circle at 100% 0, #8b5cf61a, #0000 50%), #0f172a;
  border: 1px solid #8b5cf633;
  border-radius: 18px;
  width: 100%;
  max-width: 520px;
  transition: all .4s;
  overflow: hidden;
  box-shadow: 0 20px 40px #0006, 0 0 0 1px #8b5cf61a;
}

.page-module___8aEwW__architectureCard:hover {
  transform: scale(1.03);
  box-shadow: 0 30px 60px #00000080, 0 0 0 1px #8b5cf666;
}

.page-module___8aEwW__archHeader {
  background: #8b5cf61a;
  border-bottom: 1px solid #8b5cf633;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 1.5rem;
  display: flex;
}

.page-module___8aEwW__archTitle {
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
}

.page-module___8aEwW__archVersion {
  color: #a78bfa;
  background: #8b5cf633;
  border-radius: 6px;
  padding: .25rem .75rem;
  font-family: monospace;
  font-size: .75rem;
}

.page-module___8aEwW__archBody {
  padding: 2rem 1.5rem;
  position: relative;
}

.page-module___8aEwW__archDiagram {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
  position: relative;
}

.page-module___8aEwW__archNode {
  color: #a78bfa;
  z-index: 2;
  background: #8b5cf626;
  border: 2px solid #8b5cf64d;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  gap: .5rem;
  padding: 1rem 1.25rem;
  font-size: .85rem;
  font-weight: 600;
  transition: all .3s;
  display: flex;
}

.page-module___8aEwW__archNode:hover {
  background: #8b5cf640;
  transform: translateY(-5px);
}

.page-module___8aEwW__archNode span {
  color: #fff;
}

.page-module___8aEwW__archConnector {
  z-index: 1;
  background: linear-gradient(90deg, #8b5cf680, #8b5cf633);
  flex: 1;
  height: 2px;
  position: relative;
}

.page-module___8aEwW__archConnector:after {
  content: "→";
  color: #a78bfa;
  font-size: 1.2rem;
  position: absolute;
  top: -10px;
  right: -8px;
}

.page-module___8aEwW__archModules {
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
  display: flex;
}

.page-module___8aEwW__archModule {
  background: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 10px;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.25rem;
  transition: all .3s;
  display: flex;
}

.page-module___8aEwW__archModule:hover {
  background: #ffffff0f;
  transform: translateX(8px);
}

.page-module___8aEwW__moduleIcon {
  font-size: 1.5rem;
}

.page-module___8aEwW__moduleInfo {
  flex: 1;
}

.page-module___8aEwW__moduleName {
  color: #fff;
  margin-bottom: .25rem;
  font-size: .95rem;
  font-weight: 600;
}

.page-module___8aEwW__moduleStatus {
  color: #4ade80;
  font-size: .75rem;
  font-weight: 600;
}

.page-module___8aEwW__archBadge {
  color: #0f172a;
  background: #fff;
  border-radius: 10px;
  align-items: center;
  gap: .5rem;
  padding: .6rem 1.2rem;
  font-size: .85rem;
  font-weight: 700;
  display: flex;
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
  box-shadow: 0 10px 30px #0000004d;
}

.page-module___8aEwW__accountabilityCard {
  background: linear-gradient(#1e293b 0%, #0f172a 100%);
  border: 1px solid #22c55e33;
  border-radius: 16px;
  width: 100%;
  max-width: 520px;
  transition: all .4s;
  overflow: hidden;
  box-shadow: 0 25px 50px #0006, 0 0 0 1px #22c55e1a;
}

.page-module___8aEwW__accountabilityCard:hover {
  transform: translateY(-6px)rotate(1deg);
  box-shadow: 0 35px 70px #00000080, 0 0 0 1px #22c55e66;
}

.page-module___8aEwW__accHeader {
  background: #22c55e1a;
  border-bottom: 1px solid #22c55e33;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 1.5rem;
  display: flex;
}

.page-module___8aEwW__accTitle {
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
}

.page-module___8aEwW__accDate {
  color: #4ade80;
  font-size: .75rem;
  font-weight: 600;
}

.page-module___8aEwW__accBody {
  padding: 2rem 1.5rem;
  position: relative;
}

.page-module___8aEwW__accOwners {
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
  display: flex;
}

.page-module___8aEwW__accOwner {
  background: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem;
  transition: all .3s;
  display: flex;
}

.page-module___8aEwW__accOwner:hover {
  background: #ffffff0f;
  border-color: #22c55e4d;
}

.page-module___8aEwW__ownerAvatar {
  color: #fff;
  background: linear-gradient(135deg, #22c55e, #16a34a);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: .9rem;
  font-weight: 700;
  display: flex;
}

.page-module___8aEwW__ownerInfo {
  flex: 1;
}

.page-module___8aEwW__ownerName {
  color: #fff;
  margin-bottom: .25rem;
  font-size: .95rem;
  font-weight: 600;
}

.page-module___8aEwW__ownerKpi {
  color: #94a3b8;
  font-size: .75rem;
}

.page-module___8aEwW__ownerStatus {
  color: #22c55e;
  font-size: 1.5rem;
}

.page-module___8aEwW__accReporting {
  background: #22c55e1a;
  border: 1px solid #22c55e33;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: 1rem 1.25rem;
  display: flex;
}

.page-module___8aEwW__reportLabel {
  color: #94a3b8;
  font-size: .85rem;
  font-weight: 600;
}

.page-module___8aEwW__reportValue {
  color: #4ade80;
  font-size: .95rem;
  font-weight: 700;
}

.page-module___8aEwW__accBadge {
  color: #0f172a;
  background: #fff;
  border-radius: 10px;
  align-items: center;
  gap: .5rem;
  padding: .6rem 1.2rem;
  font-size: .85rem;
  font-weight: 700;
  display: flex;
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
  box-shadow: 0 10px 30px #0000004d;
}

.page-module___8aEwW__metricsCard {
  background: radial-gradient(circle at 0 100%, #ec48991a, #0000 50%), #0f172a;
  border: 1px solid #ec489933;
  border-radius: 18px;
  width: 100%;
  max-width: 520px;
  transition: all .4s;
  overflow: hidden;
  box-shadow: 0 20px 40px #0006, 0 0 0 1px #ec48991a;
}

.page-module___8aEwW__metricsCard:hover {
  transform: translateY(-8px)scale(1.02);
  box-shadow: 0 30px 60px #00000080, 0 0 0 1px #ec489966;
}

.page-module___8aEwW__metricsHeader {
  background: #ec48991a;
  border-bottom: 1px solid #ec489933;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  display: flex;
}

.page-module___8aEwW__metricsIcon {
  color: #ec4899;
  background: #ec489933;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.page-module___8aEwW__metricsTitle {
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
}

.page-module___8aEwW__metricsBody {
  padding: 2rem 1.5rem;
  position: relative;
}

.page-module___8aEwW__metricsGrid {
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 1.5rem;
  display: grid;
}

.page-module___8aEwW__metricItem {
  background: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 10px;
  padding: 1.25rem;
  transition: all .3s;
}

.page-module___8aEwW__metricItem:hover {
  background: #ffffff0f;
  transform: translateY(-3px);
}

.page-module___8aEwW__metricItemLabel {
  color: #94a3b8;
  margin-bottom: .5rem;
  font-size: .75rem;
  font-weight: 600;
}

.page-module___8aEwW__metricItemValue {
  color: #fff;
  margin-bottom: .25rem;
  font-size: 1.5rem;
  font-weight: 700;
}

.page-module___8aEwW__metricItemTrend {
  color: #4ade80;
  font-size: .85rem;
  font-weight: 600;
}

.page-module___8aEwW__metricsInsight {
  color: #4ade80;
  background: #22c55e1a;
  border: 1px solid #22c55e33;
  border-radius: 10px;
  align-items: center;
  gap: .75rem;
  margin-bottom: 1.5rem;
  padding: 1rem 1.25rem;
  font-size: .9rem;
  font-weight: 600;
  display: flex;
}

.page-module___8aEwW__metricsBadge {
  color: #0f172a;
  background: #fff;
  border-radius: 10px;
  align-items: center;
  gap: .5rem;
  padding: .6rem 1.2rem;
  font-size: .85rem;
  font-weight: 700;
  display: flex;
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
  box-shadow: 0 10px 30px #0000004d;
}

.page-module___8aEwW__mobileProcess {
  background: #0b1120;
  padding: 4rem 1.5rem;
  display: none;
}

.page-module___8aEwW__mobileStep {
  margin-bottom: 4rem;
}

.page-module___8aEwW__mobileStepText {
  margin-bottom: 2rem;
}

.page-module___8aEwW__servicesSection {
  background: #0b1120;
  position: relative;
  overflow: visible;
}

.page-module___8aEwW__servicesSection:before {
  content: "";
  background: linear-gradient(90deg, #0000, #ffffff1a, #0000);
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.page-module___8aEwW__servicesSticky {
  background: #0b1120;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 60px 2rem 2rem;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.page-module___8aEwW__servicesHeader {
  text-align: center;
  flex-shrink: 0;
  max-width: 900px;
  margin-bottom: 2rem;
}

.page-module___8aEwW__sectionTitle {
  margin-bottom: .25rem;
  font-size: 2.25rem;
}

.page-module___8aEwW__sectionDesc {
  color: var(--text-secondary);
  font-size: 1rem;
  line-height: 1.4;
}

.page-module___8aEwW__stackedCardsWrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1300px;
  height: 420px;
  display: flex;
  position: relative;
}

.page-module___8aEwW__stackedCardItem {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
}

.page-module___8aEwW__largeOutcomeCard {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: #141e32f2;
  border: 1px solid #ffffff1a;
  border-radius: 24px;
  grid-template-columns: 1.5fr 1fr;
  align-items: center;
  gap: 4rem;
  width: 100%;
  padding: 2.5rem 3.5rem;
  transition: border-color .3s;
  display: grid;
  box-shadow: 0 30px 60px #00000080, 0 0 0 1px #ffffff0d;
}

.page-module___8aEwW__largeOutcomeCard:hover {
  border-color: #00d4ff4d;
}

.page-module___8aEwW__cardLeft {
  flex-direction: column;
  display: flex;
}

.page-module___8aEwW__cardNumber {
  color: var(--brand-accent-cyan);
  opacity: .8;
  align-items: center;
  gap: .5rem;
  margin-bottom: .5rem;
  font-family: monospace;
  font-size: 1rem;
  display: inline-flex;
}

.page-module___8aEwW__cardNumber:before {
  content: "";
  background: var(--brand-accent-cyan);
  width: 1.5rem;
  height: 1px;
  display: block;
}

.page-module___8aEwW__cardDesc {
  color: #94a3b8;
  max-width: 95%;
  margin-bottom: 1.5rem;
  font-size: 1.05rem;
  line-height: 1.5;
}

.page-module___8aEwW__cardCaps {
  flex-wrap: wrap;
  gap: .6rem;
  margin-bottom: 1.5rem;
  display: flex;
}

.page-module___8aEwW__cardCapBadge {
  color: #94a3b8;
  background: #ffffff14;
  border: 1px solid #ffffff1a;
  border-radius: 6px;
  padding: .35rem .8rem;
  font-size: .85rem;
}

.page-module___8aEwW__cardRight {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

@media (max-width: 1024px) {
  .page-module___8aEwW__servicesSticky {
    justify-content: center;
    padding-top: 60px;
  }

  .page-module___8aEwW__stackedCardsWrapper {
    height: auto;
    max-height: none;
    padding-bottom: 60px;
  }

  .page-module___8aEwW__stackedCardItem {
    margin-bottom: 2rem;
    position: relative;
  }

  .page-module___8aEwW__largeOutcomeCard {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    padding: 1.5rem;
  }

  .page-module___8aEwW__cardRight {
    min-height: 200px;
  }

  .page-module___8aEwW__cardTitle {
    font-size: 1.5rem;
  }
}

.page-module___8aEwW__cardTitle {
  color: #fff;
  letter-spacing: -.02em;
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.1;
}

.page-module___8aEwW__cardDesc {
  color: #94a3b8;
  margin-bottom: 2rem;
  font-size: 1.1rem;
  line-height: 1.6;
}

.page-module___8aEwW__subCapabilities {
  flex-wrap: wrap;
  gap: .75rem;
  margin-bottom: 2rem;
  display: flex;
}

.page-module___8aEwW__capabilityBadge {
  color: #cbd5e1;
  background: #ffffff14;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  padding: .5rem 1rem;
  font-size: .85rem;
}

.page-module___8aEwW__cardActions {
  align-items: center;
  gap: 1rem;
  display: flex;
}

.page-module___8aEwW__cardCta {
  color: var(--brand-accent-cyan);
  align-items: center;
  gap: .5rem;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: gap .2s;
  display: inline-flex;
}

.page-module___8aEwW__cardCta:hover {
  gap: .8rem;
}

.page-module___8aEwW__systemVisual {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: .5rem;
  display: flex;
}

.page-module___8aEwW__browserMock,
.page-module___8aEwW__funnelDiagram,
.page-module___8aEwW__brandShowcase,
.page-module___8aEwW__techDiagram {
  width: 100%;
  max-width: 320px;
  transition: all .4s;
}

@media (max-width: 1440px) {
  .page-module___8aEwW__servicesSticky {
    padding-top: 50px;
  }

  .page-module___8aEwW__servicesHeader {
    margin-bottom: 1.5rem;
  }

  .page-module___8aEwW__sectionTitle {
    font-size: 2rem;
  }

  .page-module___8aEwW__largeOutcomeCard {
    gap: 2rem;
    padding: 2rem 2.5rem;
  }

  .page-module___8aEwW__cardTitle {
    font-size: 1.75rem;
  }

  .page-module___8aEwW__cardDesc {
    margin-bottom: 1.25rem;
    font-size: 1rem;
  }

  .page-module___8aEwW__browserMock,
  .page-module___8aEwW__funnelDiagram,
  .page-module___8aEwW__brandShowcase,
  .page-module___8aEwW__techDiagram {
    max-width: 280px;
    transform: scale(.95);
  }
}

.page-module___8aEwW__browserMock {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 20px 40px #0000004d, 0 0 0 1px #ffffff1a;
}

.page-module___8aEwW__outcomeCard:hover .page-module___8aEwW__browserMock {
  transform: translateY(-8px)scale(1.05);
  box-shadow: 0 30px 60px #0006, 0 0 0 1px #00d4ff4d;
}

.page-module___8aEwW__browserBar {
  background: #f1f5f9;
  border-bottom: 1px solid #e2e8f0;
  padding: .75rem 1rem;
}

.page-module___8aEwW__browserDots {
  gap: 6px;
  display: flex;
}

.page-module___8aEwW__browserDots span {
  background: #cbd5e1;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.page-module___8aEwW__browserDots span:first-child {
  background: #ef4444;
}

.page-module___8aEwW__browserDots span:nth-child(2) {
  background: #f59e0b;
}

.page-module___8aEwW__browserDots span:nth-child(3) {
  background: #22c55e;
}

.page-module___8aEwW__browserContent {
  background: #fff;
  flex-direction: column;
  gap: 1rem;
  min-height: 180px;
  padding: 1.5rem;
  display: flex;
}

.page-module___8aEwW__mockSection {
  border-radius: 8px;
  animation: 2s ease-in-out infinite page-module___8aEwW__shimmer;
}

@keyframes page-module___8aEwW__shimmer {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: .8;
  }
}

.page-module___8aEwW__mockGrid {
  flex: 1;
  grid-template-columns: repeat(3, 1fr);
  gap: .75rem;
  display: grid;
}

.page-module___8aEwW__mockBlock {
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
}

.page-module___8aEwW__ctaButton {
  color: #fff;
  text-align: center;
  background: linear-gradient(135deg, #00d4ff, #08c);
  border-radius: 8px;
  padding: .75rem;
  font-size: .9rem;
  font-weight: 700;
  animation: 2s ease-in-out infinite page-module___8aEwW__pulse;
  box-shadow: 0 4px 12px #00d4ff4d;
}

@keyframes page-module___8aEwW__pulse {

  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.02);
  }
}

.page-module___8aEwW__funnelDiagram {
  flex-direction: column;
  gap: .75rem;
  display: flex;
  position: relative;
}

.page-module___8aEwW__funnelStageViz {
  background: linear-gradient(90deg, #00d4ff33, #00d4ff0d);
  border: 1px solid #00d4ff4d;
  border-left: 3px solid #00d4ff;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1rem 1.25rem;
  transition: all .3s;
  display: flex;
}

.page-module___8aEwW__outcomeCard:hover .page-module___8aEwW__funnelStageViz {
  background: linear-gradient(90deg, #00d4ff4d, #00d4ff1a);
  transform: translateX(5px);
}

.page-module___8aEwW__funnelStageViz span {
  color: #94a3b8;
  font-size: .8rem;
  font-weight: 600;
}

.page-module___8aEwW__funnelStageViz strong {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
}

.page-module___8aEwW__conversionBadge {
  color: #4ade80;
  background: #22c55e33;
  border: 1px solid #22c55e66;
  border-radius: 8px;
  align-items: center;
  gap: .5rem;
  padding: .5rem 1rem;
  font-size: .85rem;
  font-weight: 700;
  display: flex;
  position: absolute;
  bottom: -1rem;
  right: 0;
  box-shadow: 0 4px 12px #22c55e33;
}

.page-module___8aEwW__brandShowcase {
  background: linear-gradient(135deg, #1e293b, #0f172a);
  border: 1px solid #ffffff1a;
  border-radius: 12px;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.5rem;
  transition: all .4s;
  display: flex;
  position: relative;
  box-shadow: 0 20px 40px #0000004d;
}

.page-module___8aEwW__brandLogo {
  justify-content: center;
  padding: 1rem;
  display: flex;
}

.page-module___8aEwW__logoShape {
  background: linear-gradient(135deg, #00d4ff, #08c);
  border-radius: 12px;
  width: 50px;
  height: 50px;
  animation: 4s linear infinite page-module___8aEwW__rotate;
  box-shadow: 0 8px 24px #00d4ff66;
}

@keyframes page-module___8aEwW__rotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.page-module___8aEwW__brandElements {
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.page-module___8aEwW__colorPalette {
  gap: .5rem;
  display: flex;
}

.page-module___8aEwW__colorSwatch {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  transition: all .3s;
  box-shadow: 0 4px 12px #0003;
}

.page-module___8aEwW__typographyPreview {
  text-align: center;
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  flex: 1;
  padding: .5rem 1rem;
}

.page-module___8aEwW__typeHeading {
  color: #fff;
  margin-bottom: .1rem;
  font-size: 1.5rem;
  font-weight: 700;
}

.page-module___8aEwW__typeBody {
  color: #94a3b8;
  font-size: .7rem;
  font-weight: 600;
}

.page-module___8aEwW__trustBadgeViz {
  color: #4ade80;
  background: #22c55e33;
  border: 1px solid #22c55e66;
  border-radius: 8px;
  align-items: center;
  gap: .4rem;
  padding: .4rem .6rem;
  font-size: .7rem;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.page-module___8aEwW__techDiagram {
  background: linear-gradient(135deg, #8b5cf61a, #0000);
  border: 1px solid #8b5cf633;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  gap: .5rem;
  padding: 1.5rem 1rem;
  transition: all .4s;
  display: flex;
  position: relative;
  box-shadow: 0 20px 40px #0000004d;
}

.page-module___8aEwW__techNode {
  color: #a78bfa;
  background: #8b5cf626;
  border: 2px solid #8b5cf64d;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  gap: .25rem;
  width: 100%;
  padding: .6rem 1rem;
  font-size: .7rem;
  font-weight: 600;
  transition: all .3s;
  display: flex;
}

.page-module___8aEwW__techNode span {
  color: #fff;
}

.page-module___8aEwW__techFlow {
  background: linear-gradient(#8b5cf680, #8b5cf633);
  width: 2px;
  height: 16px;
  position: relative;
}

.page-module___8aEwW__techFlow:after {
  content: "↓";
  color: #a78bfa;
  font-size: .8rem;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
}

.page-module___8aEwW__automationBadge {
  color: #4ade80;
  background: #22c55e33;
  border: 1px solid #22c55e66;
  border-radius: 8px;
  align-items: center;
  gap: .4rem;
  padding: .4rem .6rem;
  font-size: .7rem;
  font-weight: 700;
  display: flex;
  position: absolute;
  bottom: .75rem;
  right: .75rem;
}

@media (max-width: 1024px) {
  .page-module___8aEwW__processSection {
    height: auto;
    display: none;
  }

  .page-module___8aEwW__mobileProcess {
    display: block;
  }

  .page-module___8aEwW__servicesSection {
    padding: 4rem 0;
  }

  .page-module___8aEwW__stackedCardsContainer {
    min-height: auto;
    padding: 24px;
    display: block;
  }

  .page-module___8aEwW__stackedCardWrapper {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 32px;
    position: relative;
    top: auto;
    transform: none;
  }

  .page-module___8aEwW__stackedCardWrapper .page-module___8aEwW__outcomeCard {
    background: #1e293b80;
    transform: none;
  }

  .page-module___8aEwW__outcomeCard {
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 2rem;
  }

  .page-module___8aEwW__cardVisual {
    order: 2;
    height: 200px;
  }
}

.page-module___8aEwW__portfolioSection {
  background-color: #0f172a;
  background-image: linear-gradient(#0f172ae6, #0f172ae6), linear-gradient(#1e293b 1px, #0000 1px), linear-gradient(90deg, #1e293b 1px, #0000 1px);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 100% 100%, 40px 40px, 40px 40px;
  background-attachment: scroll;
  background-origin: padding-box;
  background-clip: border-box;
  padding: 8rem 0;
  position: relative;
  overflow: hidden;
}

.page-module___8aEwW__portfolioHeader {
  text-align: center;
  max-width: 800px;
  margin-bottom: 5rem;
  margin-left: auto;
  margin-right: auto;
}

.page-module___8aEwW__portfolioGrid {
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
}

.page-module___8aEwW__projectCard {
  background: none;
  flex-direction: column;
  gap: 1.5rem;
  display: flex;
}

.page-module___8aEwW__projectVisual {
  aspect-ratio: 16 / 10;
  border: 1px solid #ffffff1a;
  border-radius: 12px;
  transition: all .4s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 40px #0000004d;
}

.page-module___8aEwW__projectCard:hover .page-module___8aEwW__projectVisual {
  border-color: #00d4ff4d;
  transform: translateY(-8px);
  box-shadow: 0 30px 60px #0006, 0 0 0 1px #00d4ff1a;
}

.page-module___8aEwW__projectImagePlaceholder {
  background: #1e293b;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.page-module___8aEwW__projectAbstractViz {
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  transition: transform .6s;
}

.page-module___8aEwW__projectCard:hover .page-module___8aEwW__projectAbstractViz {
  transform: scale(1.05);
}

.page-module___8aEwW__projectAbstractViz[data-type="1"] {
  background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);
}

.page-module___8aEwW__projectAbstractViz[data-type="1"]:before {
  content: "";
  background-image: radial-gradient(circle at 30% 30%, #ffffff1a 0%, #0000 40%);
  position: absolute;
  inset: 0;
}

.page-module___8aEwW__projectAbstractViz[data-type="2"] {
  background: linear-gradient(135deg, #022c22 0%, #115e59 100%);
}

.page-module___8aEwW__projectAbstractViz[data-type="3"] {
  background: linear-gradient(135deg, #4a044e 0%, #701a75 100%);
}

.page-module___8aEwW__projectAbstractViz[data-type="4"] {
  background: linear-gradient(135deg, #172554 0%, #1e40af 100%);
}

.page-module___8aEwW__projectMetricBadge {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: #22c55e;
  z-index: 10;
  background: #0f172ae6;
  border: 1px solid #ffffff1a;
  border-radius: 6px;
  align-items: center;
  gap: .5rem;
  padding: .5rem .8rem;
  font-size: .85rem;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  box-shadow: 0 4px 12px #0003;
}

.page-module___8aEwW__projectOverlay {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  opacity: 0;
  background: #0f172a99;
  justify-content: center;
  align-items: center;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  inset: 0;
}

.page-module___8aEwW__projectCard:hover .page-module___8aEwW__projectOverlay {
  opacity: 1;
}

.page-module___8aEwW__viewProjectBtn {
  color: #0f172a;
  background: #fff;
  border-radius: 8px;
  align-items: center;
  gap: .5rem;
  padding: .8rem 1.5rem;
  font-weight: 700;
  text-decoration: none;
  transition: transform .4s cubic-bezier(.2, .8, .2, 1);
  display: flex;
  transform: translateY(20px);
}

.page-module___8aEwW__projectCard:hover .page-module___8aEwW__viewProjectBtn {
  transform: translateY(0);
}

.page-module___8aEwW__projectContent {
  padding: 0 .5rem;
}

.page-module___8aEwW__projectType {
  color: var(--brand-accent-cyan);
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: .5rem;
  font-size: .85rem;
  font-weight: 600;
  display: block;
}

.page-module___8aEwW__projectTitle {
  color: #fff;
  margin-bottom: .75rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.page-module___8aEwW__projectDesc {
  color: #94a3b8;
  font-size: 1rem;
  line-height: 1.6;
}

@media (max-width: 1024px) {
  .page-module___8aEwW__portfolioGrid {
    grid-template-columns: 1fr;
    gap: 4rem;
    padding: 0 1.5rem;
  }

  .page-module___8aEwW__portfolioSection {
    padding: 5rem 0;
  }
}

.page-module___8aEwW__testimonialSection {
  background: #1e293b radial-gradient(circle at 50% 0, #ffffff0d 0%, #0000 50%);
  padding: 8rem 0;
  position: relative;
  overflow: hidden;
}

.page-module___8aEwW__testimonialHeader {
  text-align: center;
  max-width: 800px;
  margin-bottom: 5rem;
  margin-left: auto;
  margin-right: auto;
}

.page-module___8aEwW__testimonialGrid {
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-bottom: 4rem;
  display: grid;
}

.page-module___8aEwW__testimonialCard {
  background: #0f172a;
  border: 1px solid #ffffff0d;
  border-radius: 16px;
  padding: 2.5rem;
  transition: transform .3s, box-shadow .3s;
  position: relative;
  box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
}

.page-module___8aEwW__testimonialCard:hover {
  border-color: #ffffff1a;
  transform: translateY(-5px);
  box-shadow: 0 20px 25px -5px #00000080, 0 10px 10px -5px #0000000a;
}

.page-module___8aEwW__quoteIcon {
  color: #00d4ff33;
  font-family: serif;
  font-size: 4rem;
  line-height: 1;
  position: absolute;
  top: 1.5rem;
  left: 2rem;
}

.page-module___8aEwW__testimonialText {
  color: #e2e8f0;
  z-index: 2;
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 1.05rem;
  font-style: italic;
  line-height: 1.7;
  position: relative;
}

.page-module___8aEwW__clientProfile {
  border-top: 1px solid #ffffff1a;
  align-items: center;
  gap: 1rem;
  padding-top: 1.5rem;
  display: flex;
}

.page-module___8aEwW__clientAvatar {
  color: #fff;
  background: linear-gradient(135deg, #334155, #475569);
  border: 2px solid #ffffff1a;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 1rem;
  font-weight: 700;
  display: flex;
}

.page-module___8aEwW__clientInfo {
  flex-direction: column;
  display: flex;
}

.page-module___8aEwW__clientName {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
}

.page-module___8aEwW__clientRole {
  color: #94a3b8;
  font-size: .85rem;
}

.page-module___8aEwW__clientIndustry {
  color: var(--brand-accent-cyan);
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-top: .25rem;
  font-size: .75rem;
  font-weight: 600;
}

.page-module___8aEwW__testimonialFooter {
  justify-content: center;
  margin-top: 2rem;
  display: flex;
}

.page-module___8aEwW__retentionBadge {
  color: #4ade80;
  background: #22c55e1a;
  border: 1px solid #22c55e33;
  border-radius: 50px;
  align-items: center;
  gap: .75rem;
  padding: .75rem 1.5rem;
  font-size: .95rem;
  font-weight: 600;
  display: inline-flex;
}

@media (max-width: 1024px) {
  .page-module___8aEwW__testimonialGrid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

.page-module___8aEwW__finalCtaSection {
  background: #1e293b;
  justify-content: center;
  align-items: center;
  padding: 8rem 0;
  display: flex;
}

.page-module___8aEwW__decisionBlock {
  text-align: center;
  background: linear-gradient(135deg, #1e3a8a 0%, #172554 100%);
  border: 1px solid #ffffff1a;
  border-radius: 24px;
  max-width: 900px;
  margin: 0 auto;
  padding: 5rem 2rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px #00000080;
}

.page-module___8aEwW__decisionBlock:before {
  content: "";
  background: linear-gradient(90deg, #0000, #ffffff4d, #0000);
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.page-module___8aEwW__decisionTitle {
  color: #fff;
  letter-spacing: -.02em;
  margin-bottom: 1.5rem;
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 800;
  line-height: 1.1;
}

.page-module___8aEwW__decisionDesc {
  color: #bfdbfe;
  max-width: 600px;
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.2rem;
  line-height: 1.6;
}

.page-module___8aEwW__decisionActions {
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 2.5rem;
  display: flex;
}

.page-module___8aEwW__primaryDecisionBtn {
  color: #1e3a8a;
  background: #fff;
  border-radius: 12px;
  padding: 1rem 2rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s;
  box-shadow: 0 10px 25px -5px #0003;
}

.page-module___8aEwW__primaryDecisionBtn:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 25px -5px #0000004d;
}

.page-module___8aEwW__secondaryDecisionBtn {
  color: #fff;
  background: #ffffff1a;
  border: 1px solid #fff3;
  border-radius: 12px;
  padding: 1rem 2rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-decoration: none;
  transition: background .2s;
}

.page-module___8aEwW__secondaryDecisionBtn:hover {
  background: #fff3;
}

.page-module___8aEwW__trustMicroLine {
  color: #fff9;
  font-size: .9rem;
  font-weight: 500;
}

@media (max-width: 768px) {
  .page-module___8aEwW__decisionBlock {
    border-radius: 16px;
    padding: 3rem 1.5rem;
  }
}

/* =========================================
   MEGA MENU & NAVIGATION FIXES
   ========================================= */

/* 1. Navigation Links Styling */
.nav-link {
  color: #fff;
  font-family: var(--font-jost), sans-serif;
  font-weight: 500;
  font-size: 0.95rem;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0.5rem 1rem;
  transition: color 0.3s ease;
  display: flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  border: none;
  cursor: pointer;
}

.nav-link:hover,
.nav-link:focus {
  color: #00d4ff;
  /* Cyan accent */
}

.Header-module__lnUIdW__scrolled .nav-link {
  color: #1a1a1a;
  /* Dark text on white header */
}

.Header-module__lnUIdW__scrolled .nav-link:hover {
  color: #0e397e;
  /* Blue hover on white header */
}

/* 2. Mega Menu Container Logic */
.nav-dropdown {
  position: static;
  /* Allows mega menu to reference full width header parent */
  height: 100%;
  display: flex;
  align-items: center;
}

.mega-menu {
  position: fixed;
  top: 90px;
  left: 0;
  right: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 10px 40px rgba(23, 52, 99, 0.1);
  z-index: 990;
  /* Below header but above page content */

  /* Hiding mechanism */
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-top: 1px solid rgba(23, 52, 99, 0.08);
  display: block !important;
  /* Force block layout structure */
}

/* Show on Hover */
.nav-dropdown:hover .mega-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* 3. Mega Menu Inner Layout */
.mega-menu-container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 300px;
  /* 3 cols: Website, Marketing, CTA */
  gap: 2rem;
  padding: 2rem;
}

.mega-menu-column h4.mega-menu-title {
  color: #0e397e;
  font-size: 0.9rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #00d4ff;
  display: inline-block;
}

.mega-menu-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* 2 columns for items within section */
  gap: 1rem;
}

/* 4. Mega Menu Items */
.mega-menu-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  text-decoration: none;
  padding: 0.5rem;
  border-radius: 8px;
  transition: all 0.2s;
}

.mega-menu-item:hover {
  background: #f0f9ff;
  transform: translateX(4px);
}

.mega-menu-item svg {
  width: 20px;
  height: 20px;
  color: #0e397e;
  flex-shrink: 0;
  margin-top: 2px;
}

.mega-menu-item div strong {
  display: block;
  color: #1a1a1a;
  font-size: 0.9rem;
  margin-bottom: 2px;
  font-weight: 600;
}

.mega-menu-item:hover div strong {
  color: #00d4ff;
}

.mega-menu-item div span {
  display: block;
  color: #64748b;
  font-size: 0.75rem;
  line-height: 1.3;
}

/* 5. CTA Column Specifics */
.mega-menu-column.mega-menu-cta {
  background: linear-gradient(135deg, #0e397e 0%, #051433 100%);
  border-radius: 12px;
  padding: 2rem;
  text-align: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.mega-menu-cta h4 {
  color: #fff !important;
  border-bottom: none !important;
  font-size: 1.25rem !important;
  margin-bottom: 1rem !important;
}

.mega-menu-cta p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.9rem;
  margin-bottom: 1.5rem;
  line-height: 1.5;
}

.mega-menu-btn {
  display: inline-block;
  background: #28a745;
  color: #fff;
  padding: 12px 24px;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.mega-menu-btn:hover {
  background: #218838;
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
}

.mega-menu-trust {
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: #4ade80;
}

/* 6. Icon Rotation for Dropdown */
.dropdown-icon {
  transition: transform 0.3s ease;
}

.nav-dropdown:hover .dropdown-icon {
  transform: rotate(180deg);
}

/* Ensure Mega Menu is HIDDEN on Mobile */
@media screen and (max-width: 1024px) {
  .mega-menu {
    display: none !important;
  }
}/* =========================================
   MOBILE MENU FIXES
   ========================================= */

.mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 300px;
    /* Adjust width as needed */
    background-color: #0f172a;
    /* Dark blue background */
    z-index: 2000;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
}

.mobile-menu.active {
    transform: translateX(0);
}

.mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s;
}

.mobile-menu-overlay.active {
    opacity: 1;
    visibility: visible;
}

.mobile-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-menu-logo {
    height: 40px;
    width: auto;
}

.mobile-menu-close {
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 0.5rem;
}

.mobile-menu-content {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
}

.mobile-nav {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
}

.mobile-nav-link {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 500;
    text-decoration: none;
    padding: 0.5rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.mobile-section-title {
    color: #94a3b8;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1rem;
    font-weight: 600;
}

.mobile-services-list,
.mobile-social-links {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 2rem;
}

.mobile-service-link,
.mobile-social-links a {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: #cbd5e1;
    text-decoration: none;
    font-size: 0.95rem;
    padding: 0.5rem;
    border-radius: 6px;
    transition: background 0.2s;
}

.mobile-service-link:hover,
.mobile-social-links a:hover {
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
}

.mobile-menu-cta {
    margin-top: auto;
    padding-top: 1rem;
}

.mobile-cta-btn {
    display: block;
    background: linear-gradient(135deg, #00d4ff, #0088cc);
    color: white;
    text-align: center;
    padding: 1rem;
    border-radius: 8px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* =========================================
   RESPONSIVE LAYOUT FIXES
   ========================================= */

.split-layout-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
}

.media-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.split-content {
    padding-left: 2rem;
}

/* Mobile Responsive */
@media (max-width: 900px) {
    .split-layout-container {
        grid-template-columns: 1fr;
        /* Stack vertically */
    }

    .split-content {
        padding-left: 0;
        text-align: center;
        /* Center align text on mobile */
    }

    /* Keep media side-by-side or stack? */
    /* Side-by-side looks better for comparison if space allows, 
       but on very small screens, stack.*/
    .media-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 480px) {
    .media-grid {
        grid-template-columns: 1fr;
        /* Stack images on very small screens */
        gap: 1rem;
    }

    /* Adjust iframe/image aspect ratio containers if needed */
    /* They use padding-bottom percent which is responsive */
}

/* Additional global padding fix for mobile */
@media (max-width: 768px) {
    .container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    section {
        padding: 3rem 0 !important;
        /* Reduce section padding */
    }

    h1 {
        font-size: 2.5rem !important;
        /* Clamp handles this usually but ensure it fits */
    }

    h2 {
        font-size: 2rem !important;
    }
}