/* ============================================================================
   HERO SECTION STYLES
   ============================================================================ */

.styles_heroSectionBg__9sxBe {
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inline-size: 100%;
  inset-block-start: -12%;
  pointer-events: none;
  z-index: 0;
  transition: transform 0.1s ease-out;
}

.styles_heroSectionBg__9sxBe.styles_bgLight__BI715 {
  opacity: 1; /* Light mode - default visibility */
}

.styles_heroSectionBg__9sxBe.styles_bgDark__yZ8Ij {
  opacity: 1; /* Dark mode - default visibility */
}

.styles_heroSecDashboard__dRLwS {
  inline-size: 100%;
}

.styles_heroSectionElements__7RNMw {
  inset-block-start: 0%;
  inset-inline-end: 0%;
}

.styles_heroSectionElements__7RNMw img {
  inline-size: 100%;
}

.styles_heroText__MUpY3 {
  background: linear-gradient(135deg, #1a1a2e 0%, var(--mui-palette-primary-main) 50%, #16213e 100%);
  background-size: 200% 200%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  will-change: background-position;
  animation: styles_shine__GmjMN 5s ease-in-out infinite alternate;
}

.styles_heroText--garagesocial__v9zAF {
  background: linear-gradient(135deg, #000000 0%, rgb(2, 44, 209) 47.92%, #1e1c1c 100%) repeat;
  background-size: 200% 200%;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  will-change: background-position;
  animation: styles_shine__GmjMN 5s ease-in-out infinite alternate;
}

.styles_heroText--noophy__fRlD4 {
  background: linear-gradient(135deg, #000000 0%, rgb(225, 147, 13) 47.92%, #1e1c1c 100%) repeat;
  background-size: 200% 200%;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  will-change: background-position;
  animation: styles_shine__GmjMN 5s ease-in-out infinite alternate;
}

.styles_heroText--shootory__qLpEv {
  background: linear-gradient(135deg, #000000 0%, rgb(2, 44, 209) 47.92%, #1e1c1c 100%) repeat;
  background-size: 200% 200%;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  will-change: background-position;
  animation: styles_shine__GmjMN 5s ease-in-out infinite alternate;
}

@keyframes styles_shine__GmjMN {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* ============================================================================
   MODERN HERO SECTION
   ============================================================================ */

.styles_heroModern__5ISxy {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.styles_heroGradientBg__5tupj {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

.styles_heroGradientBg__5tupj.styles_light__wRIcf {
  background:
    radial-gradient(ellipse 80% 50% at 50% -20%, rgba(var(--mui-palette-primary-mainChannel) / 0.15) 0%, transparent 50%),
    radial-gradient(ellipse 60% 40% at 100% 0%, rgba(var(--mui-palette-info-mainChannel) / 0.1) 0%, transparent 50%),
    radial-gradient(ellipse 50% 30% at 0% 100%, rgba(var(--mui-palette-warning-mainChannel) / 0.08) 0%, transparent 50%);
}

.styles_heroGradientBg__5tupj.styles_dark__1ffDo {
  background:
    radial-gradient(ellipse 80% 50% at 50% -20%, rgba(var(--mui-palette-primary-mainChannel) / 0.2) 0%, transparent 50%),
    radial-gradient(ellipse 60% 40% at 100% 0%, rgba(var(--mui-palette-info-mainChannel) / 0.15) 0%, transparent 50%);
}

.styles_particlesContainer__WFsd6 {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}

.styles_particle__BVt2q {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--mui-palette-primary-main);
  opacity: 0.2;
  will-change: transform;
  animation: styles_floatParticle__jl7tI 25s infinite linear;
}

@keyframes styles_floatParticle__jl7tI {
  0% {
    transform: translateY(100vh);
    opacity: 0;
  }
  5% {
    opacity: 0.2;
  }
  95% {
    opacity: 0.2;
  }
  100% {
    transform: translateY(-100vh);
    opacity: 0;
  }
}

.styles_heroBadge__bREKJ {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.styles_heroBadge__bREKJ.styles_visible__9AG1a {
  opacity: 1;
  transform: translateY(0);
}

.styles_pulsingDot__4Wspy {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--mui-palette-success-main);
  will-change: opacity;
  animation: styles_pulse__dS1tj 3s ease-in-out infinite;
}

@keyframes styles_pulse__dS1tj {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

.styles_heroTextModern__M2lfn {
  /* Legacy class - kept for backward compatibility */
  opacity: 1;
}

.styles_heroTitleModern__2i9Yf {
  opacity: 1;
}

.styles_wordReveal__vVfun {
  display: inline-block;
  opacity: 0;
  transform: translateY(30px);
}

.styles_wordReveal__vVfun.styles_wordVisible__BdOXJ {
  animation: styles_wordFadeIn__obR9Q 0.6s ease-out forwards;
}

@keyframes styles_wordFadeIn__obR9Q {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


.styles_subtitleReveal__8zueG {
  opacity: 0;
  transform: translateY(20px);
}

.styles_subtitleReveal__8zueG.styles_visible__9AG1a {
  animation: styles_fadeInUp__6UEpI 0.6s forwards;
}

.styles_ctaReveal__GD0Hk {
  opacity: 0;
  transform: translateY(20px);
}

.styles_ctaReveal__GD0Hk.styles_visible__9AG1a {
  animation: styles_fadeInUp__6UEpI 0.6s forwards;
}

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

/* Standalone fadeInUp class for reuse */
.styles_fadeInUp__6UEpI {
  opacity: 0;
  transform: translateY(20px);
  animation: styles_fadeInUp__6UEpI 0.6s forwards;
}

.styles_ctaButton__8ujx7 {
  position: relative;
  overflow: hidden;
}

/* Simplified shimmer - only runs on hover for performance */
.styles_ctaButton__8ujx7::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);
  transform: translateX(-100%);
  opacity: 0;
  transition: opacity 0.3s;
}

.styles_ctaButton__8ujx7:hover::after {
  opacity: 1;
  animation: styles_shimmer__TMuMV 1.5s ease-out;
}

@keyframes styles_shimmer__TMuMV {
  100% {
    transform: translateX(100%);
  }
}

.styles_watchButton__3CXbA {
  position: relative;
}

.styles_playIconWrapper__Tb_jS {
  transition: transform 0.3s ease;
}

.styles_watchButton__3CXbA:hover .styles_playIconWrapper__Tb_jS {
  transform: scale(1.15);
}

.styles_heroImageWrapper__2Vvz0 {
  opacity: 0;
  transform: translateY(40px);
}

.styles_heroImageWrapper__2Vvz0.styles_visible__9AG1a {
  animation: styles_heroImageReveal__2rOjP 1s forwards;
}

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

.styles_heroImageContainer__d2AwJ {
  position: relative;
}

.styles_heroImageGlow__VoSjo {
  position: absolute;
  inset: -20%;
  background: radial-gradient(circle at center, rgba(var(--mui-palette-primary-mainChannel) / 0.12) 0%, transparent 70%);
  z-index: -1;
  will-change: opacity;
  animation: styles_glowPulse__drZVf 6s ease-in-out infinite;
}

@keyframes styles_glowPulse__drZVf {
  0%, 100% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.6;
  }
}

.styles_heroImageMain__FUldT {
  border-radius: 16px;
  box-shadow: 0 32px 64px rgba(0, 0, 0, 0.2);
}

.styles_playIconCenter__G_TOA {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

.styles_playRipple__kl_Ri {
  position: absolute;
  inline-size: 80px;
  block-size: 80px;
  border-radius: 50%;
  background: rgba(var(--mui-palette-primary-mainChannel) / 0.3);
  opacity: 0;
  z-index: -1;
  animation: styles_rippleEffect__oOsyN 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
}

@keyframes styles_rippleEffect__oOsyN {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(3.5);
    opacity: 0;
  }
}

.styles_playIconRing__seq1f {
  inline-size: 80px;
  block-size: 80px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--mui-palette-primary-main) 0%, var(--mui-palette-primary-dark) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  box-shadow: 0 10px 40px rgba(var(--mui-palette-primary-mainChannel) / 0.4);
  z-index: 2;
  position: relative;
}

.styles_playIconRing__seq1f:hover {
  transform: scale(1.15);
  box-shadow: 0 15px 50px rgba(var(--mui-palette-primary-mainChannel) / 0.6);
}

.styles_playIconRing__seq1f::before {
  content: '';
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  border: 2px solid transparent;
  border-block-start-color: rgba(255, 255, 255, 0.8);
  border-inline-end-color: rgba(255, 255, 255, 0.4);
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.styles_playIconRing__seq1f:hover::before {
  opacity: 1;
  animation: styles_spin__Pdq_x 1.5s linear infinite;
}

@keyframes styles_spin__Pdq_x {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.styles_scrollIndicator__HTiIY {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  animation: styles_scrollFadeIn__h5wP1 1s forwards 2s;
}

.styles_scrollIndicator__HTiIY.styles_visible__9AG1a {
  animation: styles_scrollFadeIn__h5wP1 1s forwards 1.5s;
}

@keyframes styles_scrollFadeIn__h5wP1 {
  to {
    opacity: 0.7;
  }
}

.styles_scrollMouse__5vcyz {
  width: 24px;
  height: 40px;
  border: 2px solid var(--mui-palette-text-secondary);
  border-radius: 12px;
  position: relative;
}

.styles_scrollWheel__8Yg3r {
  width: 4px;
  height: 8px;
  background: var(--mui-palette-text-secondary);
  border-radius: 2px;
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  animation: styles_scrollWheel__8Yg3r 2s infinite;
}

@keyframes styles_scrollWheel__8Yg3r {
  0%, 100% {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
  50% {
    opacity: 0.4;
    transform: translateX(-50%) translateY(10px);
  }
}

/* ============================================================================
   REUSABLE BACKGROUND PATTERNS
   ============================================================================ */

/* Pattern A: Circuit board / tech pattern */
.styles_sectionPatternA___wypR {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.styles_sectionPatternA___wypR::before {
  content: '';
  position: absolute;
  inset: -15%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='%23000' stroke-width='0.8' opacity='0.12'%3E%3Cpath d='M0 50 H150 V100 H200'/%3E%3Cpath d='M0 150 H100 V200 H250 V150 H400'/%3E%3Cpath d='M0 250 H50 V300 H150'/%3E%3Cpath d='M200 0 V100 H300 V50'/%3E%3Cpath d='M350 0 V150 H400'/%3E%3Cpath d='M100 400 V350 H200 V300'/%3E%3Cpath d='M300 400 V300 H350 V250'/%3E%3Ccircle cx='150' cy='100' r='4'/%3E%3Ccircle cx='200' cy='100' r='4'/%3E%3Ccircle cx='100' cy='200' r='4'/%3E%3Ccircle cx='250' cy='200' r='4'/%3E%3Ccircle cx='250' cy='150' r='4'/%3E%3Ccircle cx='50' cy='300' r='4'/%3E%3Ccircle cx='150' cy='300' r='4'/%3E%3Ccircle cx='200' cy='300' r='4'/%3E%3Ccircle cx='300' cy='100' r='4'/%3E%3Ccircle cx='350' cy='150' r='4'/%3E%3Ccircle cx='350' cy='250' r='4'/%3E%3Ccircle cx='200' cy='50' r='3'/%3E%3Ccircle cx='350' cy='50' r='3'/%3E%3Ccircle cx='100' cy='350' r='3'/%3E%3Ccircle cx='300' cy='350' r='3'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 300px 300px;
  mask-image: radial-gradient(ellipse 85% 80% at 50% 50%, black 25%, transparent 70%);
}

/* Pattern B: Geometric mesh with diamonds */
.styles_sectionPatternB__9vWcA {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.styles_sectionPatternB__9vWcA::before {
  content: '';
  position: absolute;
  inset: -25%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cg fill='none' stroke='%23000' stroke-width='1' opacity='0.15'%3E%3Cpath d='M0 300 L150 150 L300 300 L150 450 Z'/%3E%3Cpath d='M300 0 L450 150 L300 300 L150 150 Z'/%3E%3Cpath d='M300 300 L450 150 L600 300 L450 450 Z'/%3E%3Cpath d='M300 300 L450 450 L300 600 L150 450 Z'/%3E%3Cpath d='M75 225 L150 150 L225 225 L150 300 Z'/%3E%3Cpath d='M375 225 L450 150 L525 225 L450 300 Z'/%3E%3Cpath d='M75 375 L150 300 L225 375 L150 450 Z'/%3E%3Cpath d='M375 375 L450 300 L525 375 L450 450 Z'/%3E%3Cpath d='M225 75 L300 0 L375 75 L300 150 Z'/%3E%3Cpath d='M225 525 L300 450 L375 525 L300 600 Z'/%3E%3Ccircle cx='150' cy='150' r='20'/%3E%3Ccircle cx='450' cy='150' r='20'/%3E%3Ccircle cx='150' cy='450' r='20'/%3E%3Ccircle cx='450' cy='450' r='20'/%3E%3Ccircle cx='300' cy='300' r='35'/%3E%3Ccircle cx='300' cy='0' r='15'/%3E%3Ccircle cx='0' cy='300' r='15'/%3E%3Ccircle cx='600' cy='300' r='15'/%3E%3Ccircle cx='300' cy='600' r='15'/%3E%3Cline x1='150' y1='150' x2='300' y2='300'/%3E%3Cline x1='450' y1='150' x2='300' y2='300'/%3E%3Cline x1='150' y1='450' x2='300' y2='300'/%3E%3Cline x1='450' y1='450' x2='300' y2='300'/%3E%3Cline x1='0' y1='0' x2='150' y2='150'/%3E%3Cline x1='600' y1='0' x2='450' y2='150'/%3E%3Cline x1='0' y1='600' x2='150' y2='450'/%3E%3Cline x1='600' y1='600' x2='450' y2='450'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 350px 350px;
  mask-image: radial-gradient(ellipse 80% 85% at 50% 50%, black 20%, transparent 70%);
}

/* Secondary dot overlay for Pattern B */
.styles_sectionPatternB__9vWcA::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at center, rgba(var(--mui-palette-primary-mainChannel) / 0.08) 1.5px, transparent 1.5px);
  background-size: 28px 28px;
  mask-image: radial-gradient(ellipse 90% 90% at 50% 50%, black 40%, transparent 85%);
}

/* ============================================================================
   VIDEO CAROUSEL SECTION (FEATURED CONTENT)
   ============================================================================ */

.styles_videoCarouselSection__KxV3M {
  /* Background set via inline style for consistent alternation */
  position: relative;
}

.styles_videoCard__lKVD3 {
  border: 1px solid rgba(var(--mui-palette-divider) / 0.5);
  background: var(--mui-palette-background-paper);
}

.styles_videoCard__lKVD3.styles_active__y47Mv {
  border-color: var(--mui-palette-primary-main);
}

.styles_carouselNav__CeFu1 {
  transition: all 0.3s ease !important;
}

/* ============================================================================
   PRODUCT SHOWCASE SECTION
   ============================================================================ */

.styles_productShowcaseSection__c245r {
  /* Background set via inline style for consistent alternation */
  position: relative;
}

.styles_showcaseBgShapes___ay4L {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.styles_bgShape1__yuzds {
  position: absolute;
  top: 10%;
  left: -10%;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--mui-palette-primary-mainChannel) / 0.08) 0%, transparent 70%);
}

.styles_bgShape2__KDk2D {
  position: absolute;
  bottom: 10%;
  right: -10%;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--mui-palette-info-mainChannel) / 0.06) 0%, transparent 70%);
}

.styles_screenshotContainer__JP2zO {
  opacity: 0;
  transform: translateY(24px);
}

.styles_screenshotContainer__JP2zO.styles_visible__9AG1a {
  animation: styles_slideInUp__BpnzQ 0.4s ease-out forwards;
}

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

.styles_calloutCard__7fn5o {
  opacity: 0;
  transform: translateX(-20px);
}

.styles_calloutCard__7fn5o.styles_visible__9AG1a {
  animation: styles_slideInLeft__3U8Cc 0.35s ease-out forwards;
}

@keyframes styles_slideInLeft__3U8Cc {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* ============================================================================
   INSTAGRAM FEED SECTION
   ============================================================================ */

.styles_instagramSection__KawlZ {
  background: var(--mui-palette-background-default);
  position: relative;
}


.styles_instagramPost__EcZiR {
  opacity: 0;
  transform: scale(0.9);
}

.styles_instagramPost__EcZiR.styles_visible__9AG1a {
  animation: styles_scaleIn__YHPjz 0.5s forwards;
}

@keyframes styles_scaleIn__YHPjz {
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* ============================================================================
   SOCIAL GRAPH SECTION
   ============================================================================ */

.styles_socialGraphSection__TsV_P {
  background: var(--mui-palette-background-paper);
  position: relative;
  overflow: hidden;
}

.styles_graphBg__EPOw_ {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.styles_graphGrid__O7qeD {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(var(--mui-palette-divider) / 0.15) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--mui-palette-divider) / 0.15) 1px, transparent 1px);
  background-size: 60px 60px;
  mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, black 20%, transparent 80%);
  opacity: 0.5;
}

.styles_graphContainer__1LU03 {
  min-height: 500px;
  height: 60vh;
  max-height: 650px;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.styles_graphContainer__1LU03.styles_visible__9AG1a {
  opacity: 1;
  transform: translateY(0);
}

/* ============================================================================
   FEATURES MODERN SECTION - CLEAN MINIMAL DESIGN
   ============================================================================ */

.styles_featuresSection__wAZOR {
  /* Background set via inline style for consistent alternation */
  position: relative;
}

/* Feature badge animation */
.styles_featureBadge__kC3Bd {
  opacity: 0;
  transform: translateY(16px);
}

.styles_featureBadge__kC3Bd.styles_visible__9AG1a {
  animation: styles_fadeSlideUp__TPUoW 0.5s ease-out forwards;
}

/* Feature header animation */
.styles_featureHeader__ncl5o {
  opacity: 0;
  transform: translateY(20px);
}

.styles_featureHeader__ncl5o.styles_visible__9AG1a {
  animation: styles_fadeSlideUp__TPUoW 0.5s 0.1s ease-out forwards;
}

/* Feature subtitle animation */
.styles_featureSubtitle__vgLQJ {
  opacity: 0;
  transform: translateY(16px);
}

.styles_featureSubtitle__vgLQJ.styles_visible__9AG1a {
  animation: styles_fadeSlideUp__TPUoW 0.5s 0.2s ease-out forwards;
}

/* Feature card animations */
.styles_featureCard__kZ_DE {
  opacity: 0;
  transform: translateY(24px);
}

.styles_featureCard__kZ_DE.styles_visible__9AG1a {
  animation: styles_fadeSlideUp__TPUoW 0.5s ease-out forwards;
}

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

/* Modern feature card with CSS-only hover (snappy) */
/* Standard border-radius: 20px for all cards */
.styles_featureCardModern__v3cNf {
  position: relative;
  padding: 24px;
  border-radius: 20px;
  background: var(--mui-palette-background-paper);
  border: 1px solid var(--mui-palette-divider);
  overflow: hidden;
  cursor: default;
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, border-color 0.15s ease-out;
}

.styles_featureCardModern__v3cNf.styles_visible__9AG1a {
  opacity: 1;
  transform: translateY(0);
}

.styles_featureCardModern__v3cNf.styles_visible__9AG1a:hover {
  transform: translateY(-4px);
  border-color: rgba(var(--mui-palette-primary-mainChannel) / 0.3);
  transition: transform 0.15s ease-out, border-color 0.15s ease-out;
}

/* Top glow line - pure CSS */
.styles_cardGlow__bTKoD {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--mui-palette-primary-main), transparent);
  opacity: 0;
  transition: opacity 0.15s ease-out;
  pointer-events: none;
}

.styles_featureCardModern__v3cNf.styles_visible__9AG1a:hover .styles_cardGlow__bTKoD {
  opacity: 0.6;
}

/* Icon styling */
.styles_cardIcon__3XpXt {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: rgba(var(--mui-palette-primary-mainChannel) / 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  transition: background-color 0.15s ease-out, transform 0.15s ease-out;
}

.styles_cardIcon__3XpXt svg {
  width: 26px;
  height: 26px;
  color: var(--mui-palette-primary-main);
}

.styles_featureCardModern__v3cNf.styles_visible__9AG1a:hover .styles_cardIcon__3XpXt {
  background: rgba(var(--mui-palette-primary-mainChannel) / 0.12);
  transform: scale(1.05);
}

/* Number indicator */
.styles_cardNumber__dwJsO {
  position: absolute;
  bottom: 16px;
  right: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  font-family: monospace;
  color: var(--mui-palette-text-disabled);
  opacity: 0.4;
  transition: color 0.15s ease-out, opacity 0.15s ease-out;
}

.styles_featureCardModern__v3cNf:hover .styles_cardNumber__dwJsO {
  color: var(--mui-palette-primary-main);
  opacity: 0.8;
}

@media (min-width: 900px) {
  .styles_featureCardModern__v3cNf {
    padding: 32px;
  }
}

/* ============================================================================
   LEGACY STYLES (preserved)
   ============================================================================ */

.styles_teamCard__OViYd {
  border-start-start-radius: 90px;
  border-start-end-radius: 20px;
}

.styles_contactRadius__ZxUS1 {
  border-start-start-radius: 3.75rem;
  border-start-end-radius: var(--mui-shape-borderRadius);
  border-end-end-radius: var(--mui-shape-borderRadius);
  border-end-start-radius: var(--mui-shape-borderRadius);
}

.styles_sectionStartRadius__AQ5hW {
  border-radius: 0; /* Reset - use custom radius per section */
}

.styles_bgAlternate__sBkOL {
  background-color: var(--mui-palette-background-default);
}

.styles_faqSectionBg__55yRM {
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  pointer-events: none;
  z-index: 0;
}

.styles_faqSectionBg__55yRM.styles_bgLight__BI715 {
  opacity: 1; /* Light mode - default visibility */
}

.styles_faqSectionBg__55yRM.styles_bgDark__yZ8Ij {
  opacity: 1; /* Dark mode - default visibility */
}

/* ============================================================================
   RESPONSIVE ADJUSTMENTS
   ============================================================================ */

@media (max-width: 899px) {
  .styles_scrollIndicator__HTiIY {
    display: none;
  }

  .styles_graphContainer__1LU03 {
    height: 400px;
  }

  .styles_particle__BVt2q {
    width: 3px;
    height: 3px;
  }
}

@media (max-width: 599px) {
  .styles_graphContainer__1LU03 {
    height: 350px;
  }

  .styles_playIconRing__seq1f {
    width: 60px;
    height: 60px;
  }

  .styles_bgShape1__yuzds,
  .styles_bgShape2__KDk2D {
    display: none;
  }
}

/* ============================================================================
   ACCESSIBILITY & REDUCED MOTION
   ============================================================================ */

@media (prefers-reduced-motion: reduce) {
  .styles_particle__BVt2q,
  .styles_pulsingDot__4Wspy,
  .styles_wordReveal__vVfun,
  .styles_ctaButton__8ujx7::after,
  .styles_scrollWheel__8Yg3r,
  .styles_playIconRing__seq1f::before {
    animation: none;
  }

  .styles_heroTextModern__M2lfn.styles_visible__9AG1a,
  .styles_heroBadge__bREKJ.styles_visible__9AG1a,
  .styles_subtitleReveal__8zueG.styles_visible__9AG1a,
  .styles_ctaReveal__GD0Hk.styles_visible__9AG1a,
  .styles_heroImageWrapper__2Vvz0.styles_visible__9AG1a,
  .styles_screenshotContainer__JP2zO.styles_visible__9AG1a,
  .styles_calloutCard__7fn5o.styles_visible__9AG1a,
  .styles_instagramPost__EcZiR.styles_visible__9AG1a,
  .styles_graphContainer__1LU03.styles_visible__9AG1a {
    animation: none;
    opacity: 1;
    transform: none;
  }
}

.styles_layoutSpacing__R__T6 {
  margin-inline: auto;
  padding-inline: 1.5rem;

  @media (min-width: 900px) {
    max-inline-size: 900px;
  }

  @media (min-width: 1200px) {
    max-inline-size: 1200px;
  }

  @media (min-width: 1920px) {
    max-inline-size: 1440px;
  }
}

.styles_errorBox__qSX8Q {
  padding: 10px 10px;
  border: 1px solid #ff9797;
  margin: 20px 20px 0px 0px;
  border-radius: 5px;
  background-color: #fff3f3;
}

.styles_header__tmUH8 {
  position: sticky;
  inset-block-start: 0;
  z-index: var(--header-z-index);
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 100%;
  pointer-events: none;

  &:before {
    content: '';
    position: absolute;
    z-index: -1;
    inset-block-start: 0;
    inset-inline: 0;
    block-size: 100%;
    backdrop-filter: saturate(100%) blur(6px);
    opacity: 0;
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }

  &:has(.styles_headerScrolled__kRAY8):before,
  &.styles_headerActive__pJXEQ:before {
    opacity: 1;
  }

  .styles_navbar__YXJwO {
    inline-size: calc(100% - 48px);
    padding-block: 0.75rem;
    padding-inline: 1.5rem;
    margin-inline: auto;
    margin-block-start: 1.25rem;
    pointer-events: auto;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 16px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;

    /* Subtle glow effect - only visible when scrolled */
    &::before {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: inherit;
      background: linear-gradient(
        135deg,
        rgba(var(--mui-palette-primary-mainChannel) / 0.03) 0%,
        transparent 50%,
        rgba(var(--mui-palette-primary-mainChannel) / 0.02) 100%
      );
      opacity: 0;
      transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      pointer-events: none;
    }

    &.styles_headerScrolled__kRAY8 {
      margin-block-start: 0.75rem;
      background-color: rgb(var(--mui-palette-background-paperChannel) / 0.85);
      border-color: rgb(var(--mui-palette-divider) / 0.12);
      box-shadow:
        0 4px 24px -4px rgba(0, 0, 0, 0.08),
        0 8px 32px -8px rgba(var(--mui-palette-primary-mainChannel) / 0.08);
      backdrop-filter: saturate(180%) blur(20px);
    }

    &.styles_headerScrolled__kRAY8::before {
      opacity: 1;
    }

    @media (max-width: 374px) {
      inline-size: calc(100% - 24px);
      padding-inline: 0.75rem;
    }
    @media (min-width: 600px) {
      padding-inline: 2rem;
    }
    @media (min-width: 900px) {
      max-inline-size: calc(900px - 48px);
    }
    @media (min-width: 1200px) {
      max-inline-size: calc(1200px - 48px);
    }
    @media (min-width: 1920px) {
      max-inline-size: calc(1440px - 48px);
    }

    .styles_navbarContent__5O122 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1.5rem;
    }
  }
}

/* Menu Item Hover Effects */
.styles_menuItem___kutB {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.styles_menuItem___kutB::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(
    135deg,
    rgba(var(--mui-palette-primary-mainChannel) / 0.08) 0%,
    rgba(var(--mui-palette-primary-mainChannel) / 0.04) 100%
  );
  opacity: 0;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.styles_menuItem___kutB:hover::before {
  opacity: 1;
}

.styles_menuItem___kutB .styles_menuIcon__6XgsU {
  font-size: 22px;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  color: var(--mui-palette-text-secondary);
}

.styles_menuItem___kutB:hover .styles_menuIcon__6XgsU {
  color: var(--mui-palette-primary-main);
  transform: translateY(-2px) scale(1.1);
}

.styles_menuItem___kutB .styles_menuText__us0MH {
  font-weight: 500;
  transition: color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.styles_menuItem___kutB:hover .styles_menuText__us0MH {
  color: var(--mui-palette-primary-main);
}

.styles_menuItem___kutB.styles_active__AtWpA .styles_menuIcon__6XgsU,
.styles_menuItem___kutB.styles_active__AtWpA .styles_menuText__us0MH {
  color: var(--mui-palette-primary-main);
}

.styles_menuItem___kutB.styles_active__AtWpA::before {
  opacity: 1;
}

.styles_inputBorder__C6PxH {
  fieldset {
    border-color: rgb(var(--mui-mainColorChannels-dark) / 0.22) !important;
  }
  label,
  input {
    color: rgb(var(--mui-mainColorChannels-dark) / 0.9) !important;
  }
}

.styles_footerRadius__HbTVq {
  border-start-start-radius: 3.75rem;
  border-start-end-radius: 3.75rem;
}

/* ============================================================================
   PRIVACY POLICY PAGE STYLES
   ============================================================================ */

.styles_bgGradient__dhIlg {
  background: 
    radial-gradient(ellipse 80% 50% at 50% 0%, rgba(var(--mui-palette-primary-mainChannel) / 0.08) 0%, transparent 60%),
    radial-gradient(ellipse 60% 40% at 100% 30%, rgba(var(--mui-palette-info-mainChannel) / 0.05) 0%, transparent 50%);
}

/* Animation classes */
.styles_fadeInUp__QYm5j {
  opacity: 0;
  transform: translateY(20px);
}

.styles_fadeInUp__QYm5j.styles_visible__q4f6w {
  animation: styles_fadeSlideUp__2y__c 0.5s ease-out forwards;
}

.styles_privacyBadge__aQiEA {
  opacity: 0;
  transform: translateY(16px);
}

.styles_privacyBadge__aQiEA.styles_visible__q4f6w {
  animation: styles_fadeSlideUp__2y__c 0.5s ease-out forwards;
}

.styles_privacyHeader__pknxx {
  opacity: 0;
  transform: translateY(20px);
}

.styles_privacyHeader__pknxx.styles_visible__q4f6w {
  animation: styles_fadeSlideUp__2y__c 0.5s 0.1s ease-out forwards;
}

.styles_privacySubtitle__6EGmA {
  opacity: 0;
  transform: translateY(16px);
}

.styles_privacySubtitle__6EGmA.styles_visible__q4f6w {
  animation: styles_fadeSlideUp__2y__c 0.5s 0.2s ease-out forwards;
}

.styles_sectionCard__Bvtzy {
  opacity: 0;
  transform: translateY(24px);
}

.styles_sectionCard__Bvtzy.styles_visible__q4f6w {
  animation: styles_fadeSlideUp__2y__c 0.5s ease-out forwards;
}

.styles_contactCard__lAxOa {
  opacity: 0;
  transform: translateY(24px);
}

.styles_contactCard__lAxOa.styles_visible__q4f6w {
  animation: styles_fadeSlideUp__2y__c 0.5s ease-out forwards;
}

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

/* Table of contents */
.styles_tocItem__oKVUS {
  padding: 0.75rem 1rem;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.styles_tocItem__oKVUS:hover {
  background: rgba(var(--mui-palette-primary-mainChannel) / 0.08);
}

/* Responsive */
@media (max-width: 899px) {
  .styles_tocSidebar__J4_lC {
    display: none;
  }
}


/* ============================================================================
   POLICIES CENTER PAGE STYLES
   ============================================================================ */

.styles_bgGradient__TeW0l {
  background: 
    radial-gradient(ellipse 80% 50% at 50% 0%, rgba(var(--mui-palette-primary-mainChannel) / 0.08) 0%, transparent 60%),
    radial-gradient(ellipse 60% 40% at 100% 30%, rgba(var(--mui-palette-info-mainChannel) / 0.05) 0%, transparent 50%);
}

/* Animation classes */
.styles_fadeInUp__XlKUK {
  opacity: 0;
  transform: translateY(20px);
}

.styles_fadeInUp__XlKUK.styles_visible__IFuEC {
  animation: styles_fadeSlideUp__k7ElV 0.5s ease-out forwards;
}

.styles_policiesBadge__Ie7HF {
  opacity: 0;
  transform: translateY(16px);
}

.styles_policiesBadge__Ie7HF.styles_visible__IFuEC {
  animation: styles_fadeSlideUp__k7ElV 0.5s ease-out forwards;
}

.styles_policiesHeader__i_Hg4 {
  opacity: 0;
  transform: translateY(20px);
}

.styles_policiesHeader__i_Hg4.styles_visible__IFuEC {
  animation: styles_fadeSlideUp__k7ElV 0.5s 0.1s ease-out forwards;
}

.styles_policiesSubtitle__IjhUW {
  opacity: 0;
  transform: translateY(16px);
}

.styles_policiesSubtitle__IjhUW.styles_visible__IFuEC {
  animation: styles_fadeSlideUp__k7ElV 0.5s 0.2s ease-out forwards;
}

.styles_policyCard__5A7nj {
  opacity: 0;
  transform: translateY(24px);
}

.styles_policyCard__5A7nj.styles_visible__IFuEC {
  animation: styles_fadeSlideUp__k7ElV 0.5s ease-out forwards;
}

.styles_contactCard__m3IVG {
  opacity: 0;
  transform: translateY(24px);
}

.styles_contactCard__m3IVG.styles_visible__IFuEC {
  animation: styles_fadeSlideUp__k7ElV 0.5s ease-out forwards;
}

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

/* Policy card hover glow */
.styles_cardGlow__c4Vod {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--mui-palette-primary-main), transparent);
  opacity: 0;
  transition: opacity 0.15s ease-out;
  pointer-events: none;
}

.styles_policyCardHover__EJOAM:hover .styles_cardGlow__c4Vod {
  opacity: 0.6;
}