/* terms — ported from ../desgin/terms/index.html by scripts/port-page.mjs. Do not edit by hand; re-run the script. */

img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */


:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:root { --wp--style--global--content-size: 800px;--wp--style--global--wide-size: 1200px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:root :where(.wp-block-icon svg){width: 24px;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
/*# sourceURL=global-styles-inline-css */


.e-heading-base a, .e-paragraph-base a { all: unset; cursor: pointer; }form[data-element_type="e-form"].form-state-success [data-element_type="e-form-success-message"],form[data-element_type="e-form"].form-state-error [data-element_type="e-form-error-message"]{ display: block; }
.e-form-textarea-base:not([data-resizable]) { resize: none; } .e-form-submit-button-base { cursor: pointer; box-sizing: border-box; }
/*# sourceURL=elementor-frontend-inline-css */



/* ============================================
   HEARTMOMENTS.IN - GLOBAL STYLES
   Step 1: Foundation CSS
   ============================================ */

/* --- CSS Variables (Brand Identity) --- */
:root {
  /* Primary Palette */
  --om-primary: #E11D74;
  --om-primary-dark: #BE185D;
  --om-primary-light: #FBCFE0;
  --om-primary-glow: rgba(225, 29, 116, 0.3);
  
  /* Secondary Palette */
  --om-secondary: #1A237E;
  --om-secondary-light: #3949AB;
  --om-accent: #9D174D;
  --om-accent-warm: #FBBF24;
  
  /* Backgrounds */
  --om-bg-white: #FFFFFF;
  --om-bg-cream: #FFF5FA;
  --om-bg-soft: #FDE2EA;
  --om-bg-dark: #4A1D2E;
  
  /* Text */
  --om-text-dark: #4A1D2E;
  --om-text-medium: #7A4A5A;
  --om-text-light: #B08A98;
  --om-text-white: #FFFFFF;
  
  /* Gradients */
  --om-gradient-hero: linear-gradient(135deg, #FFF5FA 0%, #FDE2EA 50%, #E8EAF6 100%);
  --om-gradient-pink: linear-gradient(135deg, #E11D74 0%, #9D174D 100%);
  --om-gradient-dark: linear-gradient(135deg, #1A237E 0%, #0D47A1 100%);
  --om-gradient-card: linear-gradient(145deg, #ffffff 0%, #fff5fa 100%);
  
  /* Shadows */
  --om-shadow-sm: 0 2px 8px rgba(225, 29, 116, 0.08);
  --om-shadow-md: 0 8px 30px rgba(225, 29, 116, 0.12);
  --om-shadow-lg: 0 20px 60px rgba(26, 35, 126, 0.15);
  --om-shadow-glow: 0 0 40px rgba(225, 29, 116, 0.2);
  
  /* Spacing */
  --om-space-xs: 0.5rem;
  --om-space-sm: 1rem;
  --om-space-md: 2rem;
  --om-space-lg: 4rem;
  --om-space-xl: 6rem;
  
  /* Border Radius */
  --om-radius-sm: 8px;
  --om-radius-md: 16px;
  --om-radius-lg: 24px;
  --om-radius-xl: 32px;
  --om-radius-full: 9999px;
  
  /* Transitions */
  --om-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --om-transition-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* --- Reset & Base --- */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  color: var(--om-text-dark);
  background: var(--om-bg-white);
  line-height: 1.6;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

/* --- Typography Scale --- */
.om-h1 {
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.om-h2 {
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.om-h3 {
  font-size: clamp(1.2rem, 2.5vw, 1.5rem);
  font-weight: 600;
  line-height: 1.3;
}

.om-text-lg {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  line-height: 1.7;
  color: var(--om-text-medium);
}

.om-text-sm {
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--om-text-light);
}

/* --- Buttons --- */
.om-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.875rem 2rem;
  font-size: 1rem;
  font-weight: 600;
  border: none;
  border-radius: var(--om-radius-full);
  cursor: pointer;
  text-decoration: none;
  transition: var(--om-transition);
  position: relative;
  overflow: hidden;
}

.om-btn-primary {
  background: var(--om-gradient-pink);
  color: var(--om-text-white);
  box-shadow: var(--om-shadow-md);
}

.om-btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: var(--om-shadow-glow);
}

.om-btn-primary::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
  transition: 0.5s;
}

.om-btn-primary:hover::after {
  left: 100%;
}

.om-btn-secondary {
  background: transparent;
  color: var(--om-primary);
  border: 2px solid var(--om-primary);
}

.om-btn-secondary:hover {
  background: var(--om-primary);
  color: white;
  transform: translateY(-3px);
}

/* --- Animations --- */
@keyframes om-float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-15px); }
}

@keyframes om-pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.05); opacity: 0.8; }
}

@keyframes om-shimmer {
  0% { background-position: -200% center; }
  100% { background-position: 200% center; }
}

@keyframes om-fade-up {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes om-heart-beat {
  0%, 100% { transform: scale(1); }
  14% { transform: scale(1.15); }
  28% { transform: scale(1); }
  42% { transform: scale(1.15); }
  70% { transform: scale(1); }
}

.om-animate-fade-up {
  animation: om-fade-up 0.8s ease-out forwards;
}

.om-animate-float {
  animation: om-float 4s ease-in-out infinite;
}

.om-animate-pulse {
  animation: om-pulse 2s ease-in-out infinite;
}

.om-animate-heart {
  animation: om-heart-beat 1.5s ease-in-out infinite;
}

/* --- Glassmorphism Utility --- */
.om-glass {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

/* --- Container --- */
.om-container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 var(--om-space-md);
}

/* --- Section Spacing --- */
.om-section {
  padding: var(--om-space-xl) 0;
  position: relative;
}

/* --- Gradient Text --- */
.om-gradient-text {
  background: var(--om-gradient-pink);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* --- Mobile Responsive Base --- */
@media (max-width: 768px) {
  :root {
    --om-space-lg: 2.5rem;
    --om-space-xl: 4rem;
  }
  
  .om-container {
    padding: 0 var(--om-space-sm);
  }
}


/* ============================================
   FIXES FOR HEADER & HERO STATS
   Add this to Additional CSS (bottom)
   ============================================ */

/* FIX 1: Header vertical centering */
.om-header-inner {
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* FIX 2: Stats bar — remove absolute positioning, make it flow naturally */
.om-hero-stats {
  position: relative;
  bottom: auto;
  left: auto;
  transform: none;
  margin-top: 3rem;
  margin-bottom: 2rem;
  align-self: center;
  justify-content: center;
}

/* FIX 3: Hero section padding adjustment after removing section padding */
.om-hero {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

/* FIX 4: Scroll indicator fix */
.om-scroll-indicator {
  position: relative;
  bottom: auto;
  left: auto;
  transform: none;
  margin-top: 1rem;
}

/* FIX 5: Hero inner grid spacing */
.om-hero-inner {
  gap: 3rem;
}

/* FIX 6: Ensure phone mockup doesn't push stats up */
.om-hero-visual {
  margin-bottom: 0;
}

/* ============================================
   FIX: Remove gap between header and hero
   ============================================ */

/* Reduce the spacer height */
.om-header + div[style*="height: 72px"] {
  height: 0px !important;
}

/* Add padding to hero content instead to avoid header overlap */
.om-hero {
  padding-top: 100px !important;
}




/* ============================================
   HEARTMOMENTS — PERFORMANCE OPTIMIZATION LAYER
   Add at the BOTTOM of Additional CSS
   ============================================ */

/* ---- 1. RESPECT MOTION PREFERENCES ---- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ---- 2. GPU ACCELERATION HINTS ---- */
/* Only apply to elements that actually transform */
.om-phone-v2,
.om-hero-cta-primary,
.om-cta-primary-v2,
.om-mobile-panel-v2,
.om-pcard-v2,
.om-tst-track,
.om-back-top,
.om-slide-v2 {
  will-change: transform;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

/* ---- 3. CONTENT VISIBILITY (lazy-render off-screen sections) ---- */
.om-exp-v2,
.om-how-v2,
.om-tst-v2,
.om-cta-v2,
.om-footer-v2 {
  content-visibility: auto;
  contain-intrinsic-size: 1px 800px;
}

/* ---- 4. MOBILE PERFORMANCE OVERRIDES ---- */
@media (max-width: 768px) {
  
  /* Reduce ALL backdrop blur intensity (was 20px) */
  .om-header-v2,
  .om-hero-stats-v2,
  .om-hero-cta-secondary,
  .om-hero-notif,
  .om-foot-form,
  .om-foot-rating,
  .om-foot-social,
  .om-trust-pill,
  .om-cta-badge,
  .om-cta-secondary-v2,
  .om-mobile-backdrop-v2,
  .om-mobile-cta-v2 {
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
  }
  
  /* Reduce large blur orbs (were 80-120px filter blur) */
  .om-hero-mesh::before,
  .om-hero-mesh::after,
  .om-hero-mesh > span,
  .om-exp-v2::before,
  .om-exp-v2::after,
  .om-how-v2::before,
  .om-tst-v2::before,
  .om-tst-v2::after,
  .om-cta-v2::before,
  .om-cta-v2::after,
  .om-foot-glow,
  .om-cta-orb,
  .om-hero-glow {
    filter: blur(35px) !important;
    -webkit-filter: blur(35px) !important;
    opacity: 0.25 !important;
  }
  
  /* HIDE decorative particles on mobile (they're invisible micro-elements) */
  .om-foot-particle,
  .om-cta-sparkle,
  .om-scene .om-particle,
  .om-scene .om-confetti,
  .om-scene .om-piece,
  .om-scene .om-rupee,
  .om-scene .om-petal,
  .om-scene .om-spark,
  .om-scene .om-ring,
  .om-how-deco,
  .om-hero-grid {
    display: none !important;
  }
  
  /* Stop infinite animations on mobile (keep ONE-time entrance animations) */
  .om-scene-main,
  .om-slide-icon,
  .om-cta-orb,
  .om-foot-glow,
  .om-hero-mesh::before,
  .om-hero-mesh::after,
  .om-hero-mesh > span,
  .om-exp-v2::before,
  .om-exp-v2::after,
  .om-how-v2::before,
  .om-tst-v2::before,
  .om-tst-v2::after,
  .om-cta-v2::before,
  .om-cta-v2::after {
    animation: none !important;
  }
  
  /* Disable gradient-shift animations (heavy paint) */
  .om-hero-title-v2 .grad,
  .om-cta-headline .grad,
  .om-cta-card {
    animation: none !important;
  }
  
  /* Slow down marquee on mobile (less repaints per second) */
  .om-tst-track {
    animation-duration: 60s !important;
  }
  .om-tst-track.reverse {
    animation-duration: 70s !important;
  }
  
  /* Disable badge pulse on mobile */
  .om-pbadge.popular,
  .om-slide-btn,
  .om-hero-badge-v2,
  .om-foot-logo-mark,
  .om-logo-mark-v2 {
    animation: none !important;
  }
}

/* ---- 5. PAUSE ANIMATIONS WHEN TAB INACTIVE ---- */
/* Browsers do this automatically, but we reinforce it */
@media (max-width: 968px) {
  /* On smaller screens, simplify backdrop blur on header too */
  .om-header-v2 {
    backdrop-filter: blur(10px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(120%) !important;
  }
}

/* ---- 6. SMOOTH SCROLLING ON BODY (helps perceived performance) ---- */
html {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

body {
  overscroll-behavior-y: none;
}

/* ---- 7. REDUCE TESTIMONIAL CARD COMPLEXITY ON MOBILE ---- */
@media (max-width: 600px) {
  .om-tst-card {
    box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important;
  }
}

/* ---- 8. PREVENT LAYOUT SHIFT FROM EMOJI LOADING ---- */
.om-scene-main,
.om-slide-icon,
.om-how-icon-v2,
.om-step-icon {
  font-feature-settings: "liga" 0;
  text-rendering: optimizeSpeed;
}



    .om-policy {
        --pink: #E11D74;
        --coral: #9D174D;
        --dark: #4A1D2E;
        --ink: #7A4A5A;
        --muted: #71718A;
        --bg: #FFF9FC;
        --card: #ffffff;
        --line: rgba(225, 29, 116, 0.1);
        position: relative;
        background: var(--bg);
        font-family: 'Segoe UI', system-ui, -apple-system, "Helvetica Neue", sans-serif;
        color: var(--dark);
        overflow: hidden;
        -webkit-font-smoothing: antialiased;
    }

    .om-policy * {
        box-sizing: border-box;
    }

    .om-policy-mesh {
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        overflow: hidden;
    }

    .om-policy-mesh span {
        position: absolute;
        border-radius: 50%;
        filter: blur(70px);
        opacity: 0.4;
    }

    .om-policy-mesh .b1 {
        width: 420px;
        height: 420px;
        background: #FDE2EA;
        top: -14%;
        left: -12%;
    }

    .om-policy-mesh .b2 {
        width: 380px;
        height: 380px;
        background: #E8EAF6;
        bottom: -16%;
        right: -10%;
    }

    .om-policy-wrap {
        position: relative;
        z-index: 1;
        max-width: 840px;
        margin: 0 auto;
        padding: 44px 20px 72px;
    }

    .om-policy-nav {
        margin-bottom: 26px;
    }

    .om-policy-home {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: linear-gradient(135deg, var(--pink), var(--coral));
        color: #fff;
        border-radius: 100px;
        padding: 10px 22px;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
        box-shadow: 0 8px 22px rgba(225, 29, 116, 0.22);
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .om-policy-home:hover {
        transform: translateY(-2px);
        box-shadow: 0 12px 28px rgba(225, 29, 116, 0.3);
        color: #fff;
    }

    .om-policy-card {
        background: var(--card);
        border: 1px solid var(--line);
        border-radius: 26px;
        padding: 48px 46px;
        box-shadow: 0 24px 60px rgba(74, 29, 46, 0.07);
    }

    .om-policy-head {
        text-align: center;
        padding-bottom: 28px;
        margin-bottom: 30px;
        border-bottom: 1px solid var(--line);
    }

    .om-policy-icon {
        width: 72px;
        height: 72px;
        border-radius: 20px;
        margin: 0 auto 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 36px;
        background: linear-gradient(135deg, rgba(225, 29, 116, 0.12), rgba(157, 23, 77, 0.12));
        box-shadow: 0 10px 26px rgba(225, 29, 116, 0.12);
    }

    .om-policy-card h1 {
        font-size: clamp(28px, 4.4vw, 40px);
        font-weight: 800;
        letter-spacing: -0.5px;
        margin: 0;
        line-height: 1.15;
        color: var(--dark);
    }

    .om-policy-eff {
        display: inline-block;
        margin: 16px 0 0;
        background: rgba(225, 29, 116, 0.07);
        color: var(--pink);
        font-size: 13px;
        font-weight: 700;
        padding: 6px 16px;
        border-radius: 100px;
        border: 1px solid var(--line);
    }

    .om-policy-body>p {
        font-size: 15.5px;
        line-height: 1.8;
        color: var(--ink);
        margin: 0 0 18px;
    }

    .om-policy-lead {
        font-size: 17px;
        color: var(--dark);
        line-height: 1.75;
        font-weight: 500;
        margin-bottom: 28px;
    }

    .om-policy-body h2 {
        font-size: 19px;
        font-weight: 800;
        color: var(--dark);
        margin: 34px 0 14px;
        padding-left: 16px;
        position: relative;
        line-height: 1.3;
    }

    .om-policy-body h2::before {
        content: "";
        position: absolute;
        left: 0;
        top: 3px;
        bottom: 3px;
        width: 5px;
        border-radius: 100px;
        background: linear-gradient(180deg, var(--pink), var(--coral));
    }

    .om-policy-body ul {
        list-style: none;
        margin: 0 0 20px;
        padding: 0;
    }

    .om-policy-body li {
        position: relative;
        padding: 9px 0 9px 30px;
        font-size: 15px;
        line-height: 1.6;
        color: var(--ink);
        border-bottom: 1px dashed rgba(225, 29, 116, 0.09);
    }

    .om-policy-body li:last-child {
        border-bottom: none;
    }

    .om-policy-body li::before {
        content: "";
        position: absolute;
        left: 6px;
        top: 16px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: linear-gradient(135deg, var(--pink), var(--coral));
    }

    .om-policy-body a {
        color: var(--pink);
        font-weight: 700;
        text-decoration: none;
        border-bottom: 1px solid rgba(225, 29, 116, 0.3);
    }

    .om-policy-body a:hover {
        border-bottom-color: var(--pink);
    }

    .om-policy-contact {
        margin-top: 34px;
        background: linear-gradient(135deg, rgba(225, 29, 116, 0.06), rgba(157, 23, 77, 0.06));
        border: 1px solid var(--line);
        border-radius: 18px;
        padding: 22px 26px 24px;
    }

    .om-policy-contact h2 {
        margin-top: 8px;
    }

    .om-policy-contact p {
        margin-bottom: 0;
    }

    .om-policy-foot {
        text-align: center;
        margin-top: 28px;
        color: var(--muted);
        font-size: 13px;
    }

    .om-policy-foot a {
        color: var(--pink);
        font-weight: 700;
        text-decoration: none;
    }

    @media (max-width: 560px) {
        .om-policy-wrap {
            padding: 32px 14px 56px;
        }

        .om-policy-card {
            padding: 32px 22px;
        }

        .om-policy-mesh span {
            filter: blur(45px);
            opacity: 0.28;
        }
    }

    @media (prefers-reduced-motion: reduce) {

        .om-policy-home {
            transition: none;
        }
    }