/* ============================================================================
   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;

      /* Tight below sm so the Register/Log In pair fits beside the logo */
      gap: 0.5rem;

      @media (min-width: 600px) {
        gap: 1.5rem;
      }
    }
  }
}

/* Community logos ship at their natural width, which leaves no room for two
   auth buttons on narrow viewports. Cap the mark instead of the container so
   logos already narrower than the cap are untouched. */
.styles_logoLink__dlLlN {
  display: flex;
  min-inline-size: 0;

  @media (max-width: 599px) {
    & svg {
      max-inline-size: 110px;
      block-size: auto;
    }
  }

  @media (max-width: 374px) {
    & svg {
      max-inline-size: 96px;
    }
  }
}

/* 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;
}