:root {
  --bella-violet:#8F69FC;
  --bella-violet-hover:#7b52f7;
  --bella-violet-heel:#5e35db;
  --bella-violet-btn:#7445F8;
  --bella-violet-btn-hover:#6333ea;
  --bella-violet-btn-heel:#4e1ec9;
  --bella-violet-soft:#F4F0FF;
  --bella-teal:#05B5BE;
  --bella-teal-hover:#049CA5;
  --bella-teal-heel:#037C83;
  --bella-teal-soft:#E6F8F9;
  --bella-indigo:#070626;
  --bella-dark:#0B0A33;
  --bella-bg:#FFFFFF;
  --bella-surface:#F8FAFC;
  --bella-surface-card:#FFFFFF;
  --bella-border:#E8EDF5;
  --bella-text-primary:#0F172A;
  --bella-text-secondary:#475569;
  --bella-text-muted:#64748B;
  --bella-radius-sm:8px;
  --bella-radius-md:14px;
  --bella-radius-lg:20px;
  --bella-radius-xl:28px;
  --font-en:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --font-ar:'Readex Pro','Cairo',-apple-system,BlinkMacSystemFont,sans-serif;
}

*,*::before,*::after {
  box-sizing:border-box;
  margin:0;
  padding:0;
}

html {
  scroll-behavior:smooth;
  text-size-adjust:100%;
  overflow-x:hidden;
}

body {
  font-family:var(--font-en);
  background-color:var(--bella-bg);
  color:var(--bella-text-primary);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}

[dir="rtl"] body {
  font-family:var(--font-ar);
  text-align:right;
}

[dir="rtl"] .ltr-only {
  direction:ltr;
}

.container {
  width:100%;
  max-width:1280px;
  margin-left:auto;
  margin-right:auto;
  padding-left:24px;
  padding-right:24px;
}

@media (min-width:1440px) {
  .container {
    max-width:1360px;
  }

}

h1,h2,h3,h4,h5,h6 {
  color:var(--bella-indigo);
  font-weight:700;
  line-height:1.25;
}

a {
  color:inherit;
  text-decoration:none;
  transition:color 0.2s ease;
}

.btn-bella-heel {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background-color:var(--bella-violet-btn);
  color:#FFFFFF !important;
  font-weight:700;
  font-size:15px;
  height:44px;
  min-height:44px;
  box-sizing:border-box;
  padding:0 24px;
  border-radius:9999px;
  border:none;
  border-bottom:3px solid var(--bella-violet-btn-heel);
  cursor:pointer;
  box-shadow:0 4px 14px rgba(116,69,248,0.3);
  transition:transform 0.15s cubic-bezier(0.4,0,0.2,1),background-color 0.15s ease,border-bottom 0.15s ease,box-shadow 0.15s ease;
  user-select:none;
  text-align:center;
  line-height:1;
  white-space:nowrap;
}

.btn-bella-heel:hover {
  background-color:var(--bella-violet-btn-hover);
  transform:translateY(-2px);
  box-shadow:0 6px 20px rgba(116,69,248,0.4);
}

.btn-bella-heel:active {
  transform:translateY(2px);
  border-bottom-width:1px;
  box-shadow:0 2px 6px rgba(116,69,248,0.25);
}

.btn-bella-ghost {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background-color:transparent;
  color:var(--bella-text-primary);
  font-weight:600;
  font-size:15px;
  height:44px;
  min-height:44px;
  box-sizing:border-box;
  padding:0 22px;
  border-radius:9999px;
  border:1.5px solid var(--bella-border);
  cursor:pointer;
  transition:all 0.2s ease;
  line-height:1;
  white-space:nowrap;
}

.btn-bella-ghost:hover {
  background-color:var(--bella-surface);
  border-color:#CBD5E1;
  color:var(--bella-violet);
}

.site-header {
  position:sticky;
  top:0;
  z-index:100;
  background-color:rgba(255,255,255,0.95);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--bella-border);
  transition:background-color 0.2s ease,box-shadow 0.2s ease;
}

.header-inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:80px;
}

.brand-group {
  display:flex;
  align-items:center;
  gap:12px;
  font-weight:800;
  font-size:24px;
  color:var(--bella-indigo);
  letter-spacing:-0.5px;
}

.brand-logo-img {
  width:44px;
  height:44px;
  border-radius:12px;
  object-fit:cover;
}

.nav-actions {
  display:flex;
  align-items:center;
  gap:16px;
}

.site-nav {
  display:flex;
  align-items:center;
  gap:4px;
}

@media (max-width:1080px) {
  .site-nav {
    display:none;
  }

}

.site-nav-link {
  font-size:15px;
  font-weight:600;
  color:#334155;
  padding:8px 14px;
  border-radius:9999px;
  text-decoration:none;
  transition:all 0.2s ease;
  white-space:nowrap;
}

.site-nav-link:hover {
  color:var(--bella-violet);
  background-color:var(--bella-violet-soft);
}

.site-nav-link.active {
  color:var(--bella-violet);
  font-weight:700;
  background-color:var(--bella-violet-soft);
}

.mobile-nav-toggle {
  display:none;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  min-height:44px;
  max-height:44px;
  box-sizing:border-box;
  border-radius:12px;
  background:#FFFFFF;
  border:1.5px solid #E2E8F0;
  color:#070626;
  cursor:pointer;
  transition:all 0.2s ease;
}

.mobile-nav-toggle:hover {
  border-color:var(--bella-violet);
  color:var(--bella-violet);
}

@media (min-width: 1081px) {
  .mobile-nav-drawer,
  .mobile-nav-backdrop,
  #mobileNavDrawer,
  #mobileNavBackdrop {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
    transform: none !important;
  }
}

@media (max-width: 1080px) {
  .mobile-nav-toggle {
    display: flex;
  }

  .mobile-nav-drawer {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    width: 320px;
    max-width: 86vw;
    background: #FFFFFF;
    z-index: 300;
    padding: 24px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 48px rgba(7,6,38,0.2);
    transform: translateX(105%);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  }

  [dir="ltr"] .mobile-nav-drawer,
  [dir="rtl"] .mobile-nav-drawer {
    right: 0;
    left: auto;
    transform: translateX(105%);
  }

  .mobile-nav-drawer.open,
  .mobile-nav-drawer.active {
    transform: translateX(0);
  }

  .mobile-nav-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(7,6,38,0.4);
    backdrop-filter: blur(4px);
    z-index: 250;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
  }

  .mobile-nav-backdrop.open,
  .mobile-nav-backdrop.active {
    opacity: 1;
    pointer-events: auto;
  }
}

.mobile-nav-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-bottom:16px;
  border-bottom:1px solid #E2E8F0;
}

.mobile-nav-close {
  background:none;
  border:none;
  font-size:26px;
  color:#64748B;
  cursor:pointer;
  padding:4px;
}

.mobile-nav-links {
  display:flex;
  flex-direction:column;
  gap:6px;
  margin:20px 0;
  overflow-y:auto;
  flex:1;
}

.mobile-nav-item {
  padding:12px 16px;
  font-size:16px;
  font-weight:700;
  color:#1E293B;
  text-decoration:none;
  border-radius:12px;
  transition:all 0.15s ease;
}

.mobile-nav-item:hover,.mobile-nav-item.active {
  background-color:var(--bella-violet-soft);
  color:var(--bella-violet);
}

.lang-trigger-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background-color:#FFFFFF;
  border:1.5px solid #E2E8F0;
  height:44px;
  min-height:44px;
  max-height:44px;
  box-sizing:border-box;
  padding:0 16px;
  border-radius:9999px;
  font-size:14px;
  font-weight:600;
  color:#334155;
  cursor:pointer;
  transition:all 0.2s ease;
  line-height:1;
  white-space:nowrap;
}

.lang-trigger-btn:hover {
  border-color:var(--bella-violet);
  color:var(--bella-violet);
  background-color:var(--bella-violet-soft);
}

.lang-trigger-btn svg {
  transition:transform 0.2s ease;
}

.lang-trigger-btn.active svg {
  transform:rotate(180deg);
}

.lang-modal-backdrop {
  position:fixed;
  inset:0;
  background-color:rgba(15,23,42,0.35);
  backdrop-filter:blur(4px);
  z-index:200;
  display:none;
  opacity:0;
  transition:opacity 0.2s ease;
}

.lang-modal-backdrop.open {
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding-top:90px;
  opacity:1;
}

.lang-modal-card {
  position:relative;
  width:360px;
  background:#FFFFFF;
  border-radius:24px;
  box-shadow:0 20px 50px rgba(7,6,38,0.18),0 0 0 1px rgba(0,0,0,0.04);
  padding:24px;
  animation:modalPop 0.25s cubic-bezier(0.16,1,0.3,1);
}

@keyframes modalPop {
  from {
    opacity:0;
    transform:translateY(-16px) scale(0.96);
  }

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

}

.lang-modal-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:18px;
  padding-bottom:14px;
  border-bottom:1px solid var(--bella-border);
}

.lang-modal-title {
  font-size:17px;
  font-weight:700;
  color:var(--bella-indigo);
}

.lang-modal-close {
  background:none;
  border:none;
  font-size:22px;
  cursor:pointer;
  color:var(--bella-text-muted);
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border-radius:50%;
  transition:background 0.2s;
}

.lang-modal-close:hover {
  background:var(--bella-surface);
  color:var(--bella-text-primary);
}

.lang-list {
  display:flex;
  flex-direction:column;
  gap:6px;
  max-height:420px;
  overflow-y:auto;
}

.lang-item {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 16px;
  border-radius:14px;
  font-size:15px;
  font-weight:600;
  color:#1E293B;
  transition:all 0.15s ease;
  border:1px solid transparent;
}

.lang-item:hover {
  background-color:#F8FAFC;
  border-color:#E2E8F0;
}

.lang-item.active {
  background-color:var(--bella-violet-soft);
  color:var(--bella-violet);
  font-weight:700;
  border-color:rgba(143,105,252,0.3);
}

.lang-item-content {
  display:flex;
  align-items:center;
  gap:12px;
}

.lang-flag {
  font-size:22px;
  line-height:1;
}

.hero-section {
  padding:60px 0 80px;
  background:linear-gradient(180deg,#FFFFFF 0%,#FAF8FF 100%);
  position:relative;
  overflow:hidden;
}

.hero-grid {
  display:grid;
  grid-template-columns:1.15fr 0.85fr;
  align-items:center;
  gap:60px;
}

@media (max-width:991px) {
  .hero-grid {
    grid-template-columns:1fr;
    text-align:center;
    gap:40px;
  }

}

.hero-badge-pill {
  display:inline-flex;
  align-items:center;
  gap:8px;
  background-color:#F1EDFF;
  color:#6938EF;
  padding:8px 18px;
  border-radius:9999px;
  font-size:14px;
  font-weight:700;
  margin-bottom:24px;
  box-shadow:0 2px 8px rgba(143,105,252,0.12);
}

.hero-title {
  font-size:48px;
  font-weight:800;
  letter-spacing:-1px;
  line-height:1.2;
  margin-bottom:24px;
  color:var(--bella-indigo);
}

@media (min-width:1200px) {
  .hero-title {
    font-size:54px;
  }

}

.hero-title .highlight-violet {
  color:var(--bella-violet);
  display:block;
}

.hero-description {
  font-size:18px;
  line-height:1.65;
  color:#475569;
  margin-bottom:36px;
  max-width:580px;
}

@media (max-width:991px) {
  .hero-description {
    margin-left:auto;
    margin-right:auto;
  }

}

.hero-cta-group {
  display:flex;
  flex-direction:column;
  gap:18px;
  align-items:flex-start;
}

@media (max-width:991px) {
  .hero-cta-group {
    align-items:center;
  }

}

.hero-social-proof {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  font-weight:600;
  color:#64748B;
}

.stars-rating {
  color:#B45309;
  letter-spacing:2px;
}

.hero-mascot-wrapper {
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}

.hero-mascot-img {
  width:100%;
  max-width:480px;
  height:auto;
  filter:drop-shadow(0 20px 40px rgba(143,105,252,0.18));
  animation:floatSlow 5s ease-in-out infinite;
}

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

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

}

.lang-strip-section {
  padding:60px 0;
  background-color:#FFFFFF;
  border-top:1px solid #F1F5F9;
  border-bottom:1px solid #F1F5F9;
}

.lang-strip-title {
  text-align:center;
  font-size:28px;
  font-weight:800;
  margin-bottom:32px;
}

.lang-strip-grid {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:20px;
  margin-bottom:32px;
}

.lang-strip-pill {
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 24px;
  background-color:#FFFFFF;
  border:1.5px solid #E2E8F0;
  border-radius:9999px;
  font-weight:700;
  font-size:16px;
  color:#1E293B;
  text-decoration:none;
  box-shadow:0 2px 6px rgba(0,0,0,0.03);
  transition:all 0.2s cubic-bezier(0.16,1,0.3,1);
  cursor:pointer;
}

.lang-strip-pill:hover {
  transform:translateY(-3px);
  border-color:var(--bella-violet);
  color:var(--bella-violet);
  box-shadow:0 8px 18px rgba(143,105,252,0.15);
}

.lang-strip-notice {
  max-width:760px;
  margin:0 auto;
  background-color:#FFFBEB;
  border:1px solid #FDE68A;
  border-radius:16px;
  padding:14px 24px;
  text-align:center;
  font-size:15px;
  font-weight:600;
  color:#92400E;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}

.video-feature-section {
  padding:90px 0;
  background-color:#FAF8FF;
}

.section-header {
  text-align:center;
  max-width:820px;
  margin:0 auto 50px;
}

.section-title {
  font-size:38px;
  font-weight:800;
  letter-spacing:-0.5px;
  margin-bottom:16px;
}

.section-subtitle {
  font-size:18px;
  color:#64748B;
  line-height:1.6;
}

.video-tabs-bar {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:40px;
}

.video-tab-btn {
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 26px;
  border-radius:9999px;
  background-color:#FFFFFF;
  border:1.5px solid #E2E8F0;
  font-weight:700;
  font-size:15px;
  color:#475569;
  cursor:pointer;
  transition:all 0.2s ease;
}

.video-tab-btn:hover {
  border-color:#CBD5E1;
  color:var(--bella-indigo);
}

.video-tab-btn.active {
  background-color:var(--bella-violet);
  border-color:var(--bella-violet);
  color:#FFFFFF;
  box-shadow:0 4px 14px rgba(143,105,252,0.3);
}

.video-feature-section {
  padding:90px 0;
  background-color:#FAF8FF;
  overflow:hidden;
}

.video-carousel-container {
  position:relative;
  width:100%;
  max-width:1200px;
  margin:30px auto 10px;
  overflow:visible;
  padding:10px 0;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.video-carousel-stage {
  position:relative;
  width:100%;
  height:560px;
  display:flex;
  justify-content:center;
  align-items:center;
  perspective:1200px;
  direction:ltr;
}

.video-phone-card {
  position:absolute;
  width:285px;
  background:#000000;
  border-radius:42px;
  padding:10px;
  user-select:none;
  cursor:pointer;
  transition:transform 0.55s cubic-bezier(0.16,1,0.3,1),opacity 0.55s ease,box-shadow 0.55s ease,filter 0.55s ease;
  will-change:transform,opacity;
}

.video-phone-card.pos-center {
  transform:translateX(0) scale(1.08);
  opacity:1;
  filter:none;
  z-index:10;
  box-shadow:0 28px 65px rgba(143,105,252,0.35),0 0 0 3.5px var(--bella-violet);
  pointer-events:auto;
}

.video-phone-card.pos-left {
  transform:translateX(-330px) scale(0.86);
  opacity:0.82;
  filter:none;
  z-index:5;
  box-shadow:0 18px 45px rgba(7,6,38,0.2),0 0 0 2.5px rgba(143,105,252,0.35);
  pointer-events:auto;
}

.video-phone-card.pos-right {
  transform:translateX(330px) scale(0.86);
  opacity:0.82;
  filter:none;
  z-index:5;
  box-shadow:0 18px 45px rgba(7,6,38,0.2),0 0 0 2.5px rgba(143,105,252,0.35);
  pointer-events:auto;
}

.video-phone-card.pos-left:hover {
  opacity:1;
  transform:translateX(-330px) scale(0.90);
  box-shadow:0 24px 55px rgba(143,105,252,0.35),0 0 0 3px var(--bella-violet);
}

.video-phone-card.pos-right:hover {
  opacity:1;
  transform:translateX(330px) scale(0.90);
  box-shadow:0 24px 55px rgba(143,105,252,0.35),0 0 0 3px var(--bella-violet);
}

.video-phone-card:not(.pos-center) .video-screen-box::after {
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:52px;
  height:52px;
  border-radius:50%;
  background-color:rgba(255,255,255,0.92);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238F69FC'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
  background-position:55% 50%;
  background-repeat:no-repeat;
  background-size:24px;
  box-shadow:0 6px 20px rgba(0,0,0,0.35);
  pointer-events:none;
  transition:transform 0.25s cubic-bezier(0.16,1,0.3,1),background-color 0.2s ease;
  z-index:6;
}

.video-phone-card:not(.pos-center):hover .video-screen-box::after {
  transform:translate(-50%,-50%) scale(1.15);
  background-color:#FFFFFF;
}

.video-phone-card.pos-hidden {
  transform:translateX(0) scale(0.65);
  opacity:0;
  filter:blur(2px);
  z-index:1;
  pointer-events:none;
}

@media (max-width:900px) {
  .video-phone-card.pos-left {
    transform:translateX(-220px) scale(0.78);
    opacity:0.75;
  }

  .video-phone-card.pos-right {
    transform:translateX(220px) scale(0.78);
    opacity:0.75;
  }

}

@media (max-width:640px) {
  .video-carousel-stage {
    height:490px;
  }

  .video-phone-card {
    width:245px;
  }

  .video-phone-card.pos-left {
    transform:translateX(-145px) scale(0.7);
    opacity:0.65;
  }

  .video-phone-card.pos-right {
    transform:translateX(145px) scale(0.7);
    opacity:0.65;
  }

  .video-phone-card:not(.pos-center) .video-screen-box::after {
    width:40px;
    height:40px;
    background-size:18px;
  }

}

.video-screen-box {
  position:relative;
  width:100%;
  aspect-ratio:9 / 16;
  border-radius:32px;
  overflow:hidden;
  background-color:#070626;
}

.carousel-video-player {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.video-audio-toggle {
  position:absolute;
  top:14px;
  right:14px;
  z-index:12;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 12px;
  border-radius:9999px;
  background:rgba(7,6,38,0.78);
  border:1px solid rgba(255,255,255,0.22);
  color:#FFFFFF;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:0 4px 14px rgba(0,0,0,0.4);
  transition:all 0.2s cubic-bezier(0.16,1,0.3,1);
  direction:ltr;
}

[dir="rtl"] .video-audio-toggle {
  right:auto;
  left:14px;
  direction:rtl;
}

.video-audio-toggle:hover {
  background:var(--bella-violet);
  border-color:#FFFFFF;
  transform:scale(1.06);
  box-shadow:0 6px 20px rgba(143,105,252,0.5);
}

.video-audio-toggle .icon-sound {
  display:none;
}

.video-audio-toggle.is-unmuted {
  background:rgba(143,105,252,0.9);
  border-color:rgba(255,255,255,0.6);
  box-shadow:0 0 16px rgba(143,105,252,0.6);
}

.video-audio-toggle.is-unmuted .icon-muted {
  display:none;
}

.video-audio-toggle.is-unmuted .icon-sound {
  display:inline-block;
  color:var(--bella-teal);
}

.phone-screen-cta-overlay {
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,rgba(7,6,38,0.35) 0%,rgba(7,6,38,0.8) 100%);
  padding:20px;
  text-align:center;
  z-index:5;
  opacity:0;
  pointer-events:none;
  transition:opacity 0.35s ease;
}

.phone-screen-cta-overlay.visible {
  opacity:1;
  pointer-events:auto;
}

.phone-screen-play-icon {
  width:58px;
  height:58px;
  border-radius:50%;
  background:rgba(255,255,255,0.95);
  color:var(--bella-violet);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:16px;
  box-shadow:0 8px 24px rgba(0,0,0,0.35);
  cursor:pointer;
  transition:transform 0.2s ease,background-color 0.2s ease;
}

.phone-screen-play-icon:hover {
  transform:scale(1.12);
  background:#FFFFFF;
}

.phone-screen-cta-btn {
  display:inline-block;
  padding:12px 20px;
  border-radius:14px;
  font-weight:700;
  font-size:14px;
  color:#FFFFFF !important;
  box-shadow:0 6px 18px rgba(0,0,0,0.3);
  cursor:pointer;
  transition:transform 0.15s ease;
  text-decoration:none;
}

.phone-screen-cta-btn:hover {
  transform:scale(1.04);
}

.btn-cta-french {
  background-color:#633ECC;
  border-bottom:3px solid #452994;
}

.btn-cta-german {
  background-color:#108A4A;
  border-bottom:3px solid #09592f;
}

.btn-cta-english {
  background-color:#02848B;
  border-bottom:3px solid #015559;
}

.btn-cta-chinese {
  background-color:#C4831B;
  border-bottom:3px solid #8c5d10;
}

.video-card-top-tag {
  position:absolute;
  top:14px;
  left:14px;
  z-index:6;
  background:rgba(7,6,38,0.7);
  backdrop-filter:blur(8px);
  color:#FFFFFF;
  padding:5px 12px;
  border-radius:9999px;
  font-size:12px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:6px;
  border:1px solid rgba(255,255,255,0.18);
}

[dir="rtl"] .video-card-top-tag {
  left:auto;
  right:14px;
}

.video-carousel-arrows {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin-top:15px;
  margin-bottom:25px;
}

.science-section {
  padding:90px 0;
  background:linear-gradient(145deg,#6832F0 0%,#4B17B8 100%);
  color:#FFFFFF;
  position:relative;
  overflow:hidden;
}

.science-section .section-title {
  color:#FFFFFF;
}

.science-grid {
  display:grid;
  grid-template-columns:1.15fr 1fr;
  align-items:center;
  gap:40px;
  margin-top:40px;
}

[dir="rtl"] .science-grid {
  direction:rtl;
}

[dir="rtl"] .science-steps-container {
  order:1;
}

[dir="rtl"] .science-showcase-box {
  order:2;
}

[dir="ltr"] .science-steps-container {
  order:2;
}

[dir="ltr"] .science-showcase-box {
  order:1;
}

@media (max-width:991px) {
  .science-grid {
    grid-template-columns:1fr;
    gap:35px;
  }

  [dir="rtl"] .science-steps-container,[dir="ltr"] .science-steps-container {
    order:1;
  }

  [dir="rtl"] .science-showcase-box,[dir="ltr"] .science-showcase-box {
    order:2;
  }

}

.science-steps-container {
  display:flex;
  flex-direction:column;
  gap:16px;
}

.science-step-card {
  padding:22px 26px;
  border-radius:18px;
  background-color:transparent;
  border:2px solid rgba(255,255,255,0.25);
  cursor:pointer;
  transition:all 0.3s cubic-bezier(0.16,1,0.3,1);
  position:relative;
  overflow:hidden;
  text-align:inherit;
}

.science-step-card:hover {
  background-color:rgba(255,255,255,0.1);
  border-color:rgba(255,255,255,0.6);
}

.science-step-card .step-title-text {
  font-size:20px;
  font-weight:800;
  color:#FFFFFF;
  margin-bottom:6px;
  line-height:1.35;
}

.science-step-card .step-desc-text {
  font-size:15px;
  color:#FFFFFF;
  opacity:0.95;
  line-height:1.6;
  margin:0;
  padding:0;
}

.science-step-card.active {
  background-color:#FFFFFF;
  border-color:#FFFFFF;
  box-shadow:0 16px 36px rgba(7,6,38,0.22);
}

.science-step-card.active .step-title-text {
  color:#070626;
}

.science-step-card.active .step-desc-text {
  color:#1E293B;
}

.science-step-card.active .science-step-progress-bar {
  position:absolute;
  bottom:0;
  left:0;
  height:4px;
  background-color:var(--bella-violet);
  width:100%;
  animation:stepTimer 3s linear infinite;
}

[dir="rtl"] .science-step-card.active .science-step-progress-bar {
  left:auto;
  right:0;
}

@keyframes stepTimer {
  from {
    width:0%;
  }

  to {
    width:100%;
  }

}

.science-cta-wrap {
  margin-top:10px;
}

[dir="rtl"] .science-cta-wrap {
  text-align:right;
}

[dir="ltr"] .science-cta-wrap {
  text-align:left;
}

@media (max-width:991px) {
  .science-cta-wrap {
    text-align:center !important;
  }

}

.btn-bella-white-heel {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background-color:#FFFFFF;
  color:var(--bella-violet) !important;
  font-weight:800;
  font-size:17px;
  padding:16px 38px;
  border-radius:20px;
  border:none;
  border-bottom:3.5px solid #D8CCFE;
  cursor:pointer;
  box-shadow:0 10px 28px rgba(0,0,0,0.18);
  transition:transform 0.15s ease,background-color 0.15s ease,box-shadow 0.15s ease;
  text-decoration:none;
}

.btn-bella-white-heel:hover {
  background-color:#F8FAFC;
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(0,0,0,0.25);
  color:#7950f2 !important;
}

.btn-bella-white-heel:active {
  transform:translateY(1.5px);
  border-bottom-width:1px;
}

.science-showcase-box {
  position:relative;
  width:100%;
  height:580px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  box-shadow:none;
  border:none;
  padding:0;
  overflow:visible;
}

.showcase-content-panel {
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  transform:scale(0.96);
  pointer-events:none;
  transition:opacity 0.3s cubic-bezier(0.16,1,0.3,1),transform 0.3s cubic-bezier(0.16,1,0.3,1);
}

.showcase-content-panel.active {
  opacity:1;
  transform:scale(1);
  pointer-events:auto;
  z-index:5;
}

.science-slide-single {
  max-width:100%;
  max-height:560px;
  width:auto;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 25px 50px rgba(0,0,0,0.35));
  transition:transform 0.4s ease;
}

.science-phone-trio {
  position:relative;
  width:100%;
  max-width:580px;
  height:560px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.trio-phone {
  position:absolute;
  top:50%;
  max-height:500px;
  width:auto;
  object-fit:contain;
  transition:all 0.4s cubic-bezier(0.16,1,0.3,1);
  filter:drop-shadow(0 20px 40px rgba(0,0,0,0.32));
  display:block;
}

.trio-phone img {
  max-height:500px;
  width:auto;
  display:block;
}

.trio-left {
  left:4%;
  transform:translateY(-50%) scale(0.92);
  z-index:1;
  opacity:0.92;
}

.trio-center {
  left:50%;
  transform:translate(-50%,-50%) scale(1.05);
  z-index:3;
  filter:drop-shadow(0 30px 60px rgba(0,0,0,0.45));
}

.trio-right {
  right:4%;
  transform:translateY(-50%) scale(0.92);
  z-index:2;
  opacity:0.92;
}

.science-phone-duo {
  position:relative;
  width:100%;
  max-width:520px;
  height:560px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.duo-phone {
  position:absolute;
  top:50%;
  max-height:510px;
  width:auto;
  object-fit:contain;
  transition:all 0.4s cubic-bezier(0.16,1,0.3,1);
  filter:drop-shadow(0 25px 45px rgba(0,0,0,0.35));
  display:block;
}

.duo-phone img {
  max-height:510px;
  width:auto;
  display:block;
}

.duo-left {
  left:8%;
  transform:translateY(-50%) scale(0.96);
  z-index:1;
}

.duo-right {
  right:8%;
  transform:translateY(-50%) scale(1.02);
  z-index:2;
  filter:drop-shadow(0 30px 60px rgba(0,0,0,0.45));
}

@media (max-width:640px) {
  .trio-left {
    left:-10px;
    transform:translateY(-50%) scale(0.8);
  }

  .trio-right {
    right:-10px;
    transform:translateY(-50%) scale(0.8);
  }

  .trio-center {
    transform:translate(-50%,-50%) scale(0.95);
  }

  .duo-left {
    left:0;
    transform:translateY(-50%) scale(0.85);
  }

  .duo-right {
    right:0;
    transform:translateY(-50%) scale(0.9);
  }

}

.teal-banner-section {
  padding:80px 0;
  background-color:var(--bella-teal);
  color:#FFFFFF;
  border-radius:36px;
  margin:40px 24px;
  position:relative;
  overflow:hidden;
}

@media (min-width:1440px) {
  .teal-banner-section {
    margin:40px auto;
    max-width:1360px;
  }

}

.teal-banner-grid {
  display:grid;
  grid-template-columns:1.2fr 0.8fr;
  align-items:center;
  gap:40px;
}

@media (max-width:991px) {
  .teal-banner-grid {
    grid-template-columns:1fr;
    text-align:center;
  }

}

.teal-pill-badge {
  display:inline-flex;
  align-items:center;
  gap:8px;
  background-color:rgba(255,255,255,0.2);
  color:#FFFFFF;
  padding:8px 20px;
  border-radius:9999px;
  font-size:14px;
  font-weight:700;
  margin-bottom:20px;
}

.teal-banner-title {
  color:#FFFFFF;
  font-size:42px;
  font-weight:800;
  letter-spacing:-0.5px;
  line-height:1.2;
  margin-bottom:18px;
}

.teal-banner-subtitle {
  color:rgba(255,255,255,0.9);
  font-size:18px;
  line-height:1.6;
  margin-bottom:30px;
  max-width:560px;
}

@media (max-width:991px) {
  .teal-banner-subtitle {
    margin-left:auto;
    margin-right:auto;
  }

}

.store-badges-group {
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}

@media (max-width:991px) {
  .store-badges-group {
    justify-content:center;
  }

}

.store-badge-btn {
  height:56px;
  min-height:56px;
  max-height:56px;
  min-width:175px;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  padding:0 20px;
  box-sizing:border-box;
  border-radius:14px;
  background-color:#000000;
  color:#FFFFFF !important;
  text-decoration:none;
  box-shadow:0 6px 18px rgba(0,0,0,0.2);
  transition:transform 0.2s ease,box-shadow 0.2s ease;
  vertical-align:middle;
}

.store-badge-btn:hover {
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(0,0,0,0.3);
}

.store-badge-btn svg {
  width:24px;
  height:24px;
  flex-shrink:0;
}

.store-badge-btn div {
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:left;
}

[dir="rtl"] .store-badge-btn div {
  text-align:right;
}

.store-badge-text-sub {
  font-size:10px;
  font-weight:500;
  text-transform:uppercase;
  color:#94A3B8;
  line-height:1.1;
  letter-spacing:0.5px;
  margin-bottom:2px;
}

.store-badge-text-main {
  font-size:15px;
  font-weight:700;
  line-height:1.1;
  color:#FFFFFF;
}

.teal-banner-phone {
  display:flex;
  justify-content:center;
  align-items:center;
  transition:transform 0.3s ease;
}

.teal-banner-phone img {
  max-width:280px;
  height:auto;
  filter:drop-shadow(0 20px 40px rgba(0,0,0,0.25));
}

[dir="rtl"] .teal-banner-phone {
  transform:scaleX(-1);
}

.stories-section {
  padding:90px 0;
  background-color:#FAF8FF;
  overflow:hidden;
}

.stories-carousel-container,.carousel-container {
  position:relative;
  width:100%;
  max-width:1200px;
  margin:30px auto 10px;
  overflow:hidden;
  padding:20px 0;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.stories-carousel-stage,.carousel-track {
  position:relative;
  width:100%;
  height:390px;
  display:flex;
  justify-content:center;
  align-items:center;
  perspective:1200px;
  direction:ltr;
}

[dir="rtl"] .story-card {
  direction:rtl;
  text-align:right;
}

[dir="rtl"] .video-card-top-tag,[dir="rtl"] .phone-screen-cta-overlay {
  direction:rtl;
}

.story-card {
  position:absolute;
  width:390px;
  max-width:88vw;
  background:#FFFFFF;
  border:1.5px solid #ECEFF4;
  border-radius:24px;
  padding:30px 28px;
  box-shadow:0 6px 20px rgba(7,6,38,0.04);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  user-select:none;
  cursor:pointer;
  transition:transform 0.55s cubic-bezier(0.16,1,0.3,1),opacity 0.55s ease,box-shadow 0.55s ease,border-color 0.55s ease,filter 0.55s ease;
  will-change:transform,opacity;
}

.story-card.pos-center {
  transform:translateX(0) scale(1.08);
  opacity:1;
  filter:none;
  z-index:10;
  border-color:var(--bella-violet);
  box-shadow:0 22px 50px rgba(143,105,252,0.22),0 0 0 2px var(--bella-violet);
  pointer-events:auto;
}

.story-card.pos-center:hover {
  transform:translateX(0) scale(1.1);
  box-shadow:0 26px 56px rgba(143,105,252,0.28),0 0 0 2.5px var(--bella-violet);
}

.story-card.pos-right-1 {
  transform:translateX(410px) scale(0.88);
  opacity:1;
  filter:blur(0.4px);
  z-index:6;
  border-color:#ECEFF4;
  box-shadow:0 10px 28px rgba(7,6,38,0.08);
  pointer-events:auto;
}

.story-card.pos-right-1:hover {
  transform:translateX(410px) scale(0.92);
}

.story-card.pos-right-2 {
  transform:translateX(760px) scale(0.76);
  opacity:1;
  filter:blur(1px);
  z-index:3;
  border-color:#ECEFF4;
  box-shadow:0 6px 18px rgba(7,6,38,0.05);
  pointer-events:auto;
}

.story-card.pos-right-2:hover {
  transform:translateX(760px) scale(0.8);
}

.story-card.pos-left-1 {
  transform:translateX(-410px) scale(0.88);
  opacity:1;
  filter:blur(0.4px);
  z-index:6;
  border-color:#ECEFF4;
  box-shadow:0 10px 28px rgba(7,6,38,0.08);
  pointer-events:auto;
}

.story-card.pos-left-1:hover {
  transform:translateX(-410px) scale(0.92);
}

.story-card.pos-left-2 {
  transform:translateX(-760px) scale(0.76);
  opacity:1;
  filter:blur(1px);
  z-index:3;
  border-color:#ECEFF4;
  box-shadow:0 6px 18px rgba(7,6,38,0.05);
  pointer-events:auto;
}

.story-card.pos-left-2:hover {
  transform:translateX(-760px) scale(0.8);
  opacity:0.55;
}

.story-card.pos-hidden {
  transform:translateX(0) scale(0.6);
  opacity:0;
  filter:blur(2px);
  z-index:1;
  pointer-events:none;
}

@media (max-width:1024px) {
  .story-card {
    width:340px;
    padding:24px;
  }

  .story-card.pos-right-1 {
    transform:translateX(320px) scale(0.85);
  }

  .story-card.pos-right-1:hover {
    transform:translateX(320px) scale(0.88);
  }

  .story-card.pos-left-1 {
    transform:translateX(-320px) scale(0.85);
  }

  .story-card.pos-left-1:hover {
    transform:translateX(-320px) scale(0.88);
  }

  .story-card.pos-right-2 {
    transform:translateX(600px) scale(0.72);
    opacity:0.2;
  }

  .story-card.pos-left-2 {
    transform:translateX(-600px) scale(0.72);
    opacity:0.2;
  }

}

@media (max-width:768px) {
  .stories-carousel-stage,.carousel-track {
    height:380px;
  }

  .story-card {
    width:310px;
    padding:22px 20px;
  }

  .story-card.pos-center {
    transform:translateX(0) scale(1.04);
  }

  .story-card.pos-center:hover {
    transform:translateX(0) scale(1.06);
  }

  .story-card.pos-right-1 {
    transform:translateX(250px) scale(0.8);
    opacity:0.35;
  }

  .story-card.pos-right-1:hover {
    transform:translateX(250px) scale(0.83);
  }

  .story-card.pos-left-1 {
    transform:translateX(-250px) scale(0.8);
    opacity:0.35;
  }

  .story-card.pos-left-1:hover {
    transform:translateX(-250px) scale(0.83);
  }

  .story-card.pos-right-2,.story-card.pos-left-2 {
    transform:translateX(0) scale(0.6);
    opacity:0;
    pointer-events:none;
  }

}

@media (max-width:480px) {
  .stories-carousel-stage,.carousel-track {
    height:370px;
  }

  .story-card {
    width:285px;
    max-width:86vw;
    padding:18px 16px;
  }

  .story-card.pos-center {
    transform:translateX(0) scale(1);
    opacity:1;
    z-index:10;
  }

  .story-card.pos-right-1,.story-card.pos-right-2,.story-card.pos-left-1,.story-card.pos-left-2,.story-card.pos-hidden {
    opacity:0;
    pointer-events:none;
    visibility:hidden;
  }

}

.story-author-group {
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:20px;
}

.story-author-avatar {
  width:56px;
  height:56px;
  border-radius:50%;
  object-fit:cover;
  border:2px solid var(--bella-violet);
}

.story-author-name {
  font-size:18px;
  font-weight:700;
  color:var(--bella-indigo);
}

.story-author-tag {
  font-size:13px;
  font-weight:600;
  color:#334155;
}

.story-quote-title {
  font-size:17px;
  font-weight:700;
  color:var(--bella-indigo);
  margin-bottom:10px;
}

.story-quote-body {
  font-size:15px;
  line-height:1.65;
  color:#475569;
}

.carousel-nav-arrows {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin-top:30px;
}

.carousel-arrow-btn {
  width:44px;
  height:44px;
  border-radius:50%;
  background-color:#FFFFFF;
  border:1.5px solid #E2E8F0;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  color:var(--bella-indigo);
  transition:all 0.2s ease;
  box-shadow:0 2px 6px rgba(0,0,0,0.05);
}

.carousel-arrow-btn:hover {
  background-color:var(--bella-violet);
  border-color:var(--bella-violet);
  color:#FFFFFF;
}

.site-footer {
  background-color:#070626;
  color:#94A3B8;
  padding:64px 0 35px;
  border-top:1px solid #1E293B;
}

.social-showcase-section {
  background:radial-gradient(100% 120% at 50% 0%,rgba(143,105,252,0.08) 0%,rgba(6,210,221,0.05) 50%,#F8FAFC 100%),#F8FAFC;
  border-top:1px solid #E2E8F0;
  border-bottom:1px solid #E2E8F0;
  padding:68px 0 64px;
  position:relative;
  overflow:hidden;
}

.social-showcase-section::before {
  content:"";
  position:absolute;
  top:-100px;
  right:-50px;
  width:380px;
  height:380px;
  background:radial-gradient(circle,rgba(143,105,252,0.12) 0%,transparent 70%);
  pointer-events:none;
}

.social-showcase-section::after {
  content:"";
  position:absolute;
  bottom:-100px;
  left:-50px;
  width:380px;
  height:380px;
  background:radial-gradient(circle,rgba(6,210,221,0.10) 0%,transparent 70%);
  pointer-events:none;
}

.social-showcase-inner {
  position:relative;
  z-index:2;
}

.social-showcase-header {
  text-align:center;
  max-width:720px;
  margin:0 auto 36px;
  position:relative;
  z-index:2;
}

.social-showcase-pill {
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:rgba(143,105,252,0.1);
  border:1px solid rgba(143,105,252,0.28);
  color:#6D28D9;
  padding:6px 18px;
  border-radius:9999px;
  font-size:13px;
  font-weight:700;
  margin-bottom:14px;
  box-shadow:0 2px 8px rgba(143,105,252,0.12);
}

.social-pulse-dot {
  width:8px;
  height:8px;
  border-radius:50%;
  background-color:var(--bella-teal);
  box-shadow:0 0 8px rgba(6,210,221,0.7);
  animation:socialPulse 2s infinite ease-in-out;
}

@keyframes socialPulse {
  0%,100% {
    transform:scale(1);
    opacity:1;
  }

  50% {
    transform:scale(1.4);
    opacity:0.6;
  }

}

.social-showcase-title {
  color:#070626;
  font-size:26px;
  font-weight:800;
  letter-spacing:-0.5px;
  line-height:1.3;
  margin-bottom:12px;
}

@media (min-width:992px) {
  .social-showcase-title {
    font-size:32px;
  }

}

.social-showcase-sub {
  color:#475569;
  font-size:16px;
  line-height:1.65;
}

.social-channels-grid {
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:16px;
  position:relative;
  z-index:2;
}

@media (max-width:1200px) {
  .social-channels-grid {
    grid-template-columns:repeat(3,1fr);
  }

}

@media (max-width:768px) {
  .social-channels-grid {
    grid-template-columns:repeat(2,1fr);
  }

}

@media (max-width:480px) {
  .social-channels-grid {
    grid-template-columns:1fr;
  }

}

.social-card {
  background:#FFFFFF;
  border-radius:20px;
  padding:20px 18px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:142px;
  text-decoration:none;
  transition:all 0.3s cubic-bezier(0.16,1,0.3,1);
  box-sizing:border-box;
  position:relative;
  overflow:hidden;
  box-shadow:0 4px 16px rgba(7,6,38,0.04);
}

.social-card:hover {
  transform:translateY(-5px);
}

.social-card-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:14px;
}

.social-card-icon-wrap {
  width:40px;
  height:40px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  transition:all 0.25s ease;
}

.social-card-btn {
  font-size:11.5px;
  font-weight:800;
  padding:5px 13px;
  border-radius:9999px;
  transition:all 0.25s ease;
  white-space:nowrap;
  letter-spacing:-0.2px;
}

.social-card-info {
  display:flex;
  flex-direction:column;
  gap:3px;
}

.social-card-name {
  color:#070626;
  font-size:16px;
  font-weight:800;
  line-height:1.2;
}

.social-card-handle {
  color:#64748B;
  font-size:12.5px;
  font-weight:500;
}

.social-card-tag {
  color:#475569;
  font-size:11.5px;
  line-height:1.35;
  margin-top:2px;
}

.social-card-youtube {
  background:linear-gradient(145deg,rgba(255,0,0,0.07) 0%,rgba(255,0,0,0.02) 100%),#FFFFFF;
  border:1.5px solid rgba(255,0,0,0.20);
  box-shadow:0 4px 18px rgba(255,0,0,0.06);
}

.social-card-youtube .social-card-icon-wrap {
  background:#FFFFFF;
  border:1px solid rgba(255,0,0,0.16);
  box-shadow:0 2px 8px rgba(255,0,0,0.08);
}

.social-card-youtube .social-card-btn {
  background:rgba(255,0,0,0.08);
  color:#DC2626;
  border:1px solid rgba(255,0,0,0.22);
}

.social-card-youtube:hover {
  background:linear-gradient(145deg,rgba(255,0,0,0.12) 0%,rgba(255,0,0,0.04) 100%),#FFFFFF;
  border-color:rgba(255,0,0,0.45);
  box-shadow:0 16px 32px rgba(255,0,0,0.16);
}

.social-card-youtube:hover .social-card-btn {
  background:#FF0000;
  color:#FFFFFF;
  border-color:#FF0000;
}

.social-card-tiktok {
  background:linear-gradient(145deg,rgba(0,242,254,0.06) 0%,rgba(254,44,85,0.04) 100%),#FFFFFF;
  border:1.5px solid rgba(15,23,42,0.14);
  box-shadow:0 4px 18px rgba(0,242,254,0.05);
}

.social-card-tiktok .social-card-icon-wrap {
  background:#000000;
  box-shadow:0 2px 8px rgba(0,0,0,0.14);
}

.social-card-tiktok .social-card-btn {
  background:rgba(15,23,42,0.06);
  color:#0F172A;
  border:1px solid rgba(15,23,42,0.16);
}

.social-card-tiktok:hover {
  border-color:rgba(0,242,254,0.45);
  box-shadow:0 16px 32px rgba(0,242,254,0.16),0 0 18px rgba(254,44,85,0.10);
}

.social-card-tiktok:hover .social-card-btn {
  background:#000000;
  color:#00F2FE;
  border-color:#000000;
}

.social-card-instagram {
  background:linear-gradient(145deg,rgba(131,58,180,0.07) 0%,rgba(225,48,108,0.06) 50%,rgba(245,96,64,0.04) 100%),#FFFFFF;
  border:1.5px solid rgba(225,48,108,0.22);
  box-shadow:0 4px 18px rgba(225,48,108,0.06);
}

.social-card-instagram .social-card-icon-wrap {
  background:#FFFFFF;
  border:1px solid rgba(225,48,108,0.18);
  box-shadow:0 2px 8px rgba(225,48,108,0.10);
}

.social-card-instagram .social-card-btn {
  background:rgba(225,48,108,0.08);
  color:#C13584;
  border:1px solid rgba(225,48,108,0.22);
}

.social-card-instagram:hover {
  background:linear-gradient(145deg,rgba(131,58,180,0.12) 0%,rgba(225,48,108,0.09) 50%,rgba(245,96,64,0.06) 100%),#FFFFFF;
  border-color:rgba(225,48,108,0.45);
  box-shadow:0 16px 32px rgba(225,48,108,0.20);
}

.social-card-instagram:hover .social-card-btn {
  background:linear-gradient(135deg,#fdf497 0%,#fd5949 50%,#d6249f 100%);
  color:#FFFFFF;
  border-color:transparent;
}

.social-card-facebook {
  background:linear-gradient(145deg,rgba(24,119,242,0.07) 0%,rgba(24,119,242,0.02) 100%),#FFFFFF;
  border:1.5px solid rgba(24,119,242,0.22);
  box-shadow:0 4px 18px rgba(24,119,242,0.06);
}

.social-card-facebook .social-card-icon-wrap {
  background:#FFFFFF;
  border:1px solid rgba(24,119,242,0.16);
  box-shadow:0 2px 8px rgba(24,119,242,0.08);
}

.social-card-facebook .social-card-btn {
  background:rgba(24,119,242,0.08);
  color:#1877F2;
  border:1px solid rgba(24,119,242,0.22);
}

.social-card-facebook:hover {
  background:linear-gradient(145deg,rgba(24,119,242,0.12) 0%,rgba(24,119,242,0.04) 100%),#FFFFFF;
  border-color:rgba(24,119,242,0.45);
  box-shadow:0 16px 32px rgba(24,119,242,0.18);
}

.social-card-facebook:hover .social-card-btn {
  background:#1877F2;
  color:#FFFFFF;
  border-color:#1877F2;
}

.social-card-snapchat {
  background:linear-gradient(145deg,rgba(255,252,0,0.22) 0%,rgba(255,252,0,0.08) 100%),#FFFFFF;
  border:1.5px solid rgba(212,188,0,0.32);
  box-shadow:0 4px 18px rgba(212,188,0,0.08);
}

.social-card-snapchat .social-card-icon-wrap {
  background:#FFFFFF;
  border:1px solid rgba(212,188,0,0.32);
  box-shadow:0 2px 8px rgba(212,188,0,0.12);
}

.social-card-snapchat .social-card-btn {
  background:rgba(255,252,0,0.40);
  color:#070626;
  border:1px solid rgba(212,188,0,0.45);
}

.social-card-snapchat:hover {
  background:linear-gradient(145deg,rgba(255,252,0,0.34) 0%,rgba(255,252,0,0.14) 100%),#FFFFFF;
  border-color:rgba(212,188,0,0.60);
  box-shadow:0 16px 32px rgba(212,188,0,0.22);
}

.social-card-snapchat:hover .social-card-btn {
  background:#070626;
  color:#FFFFFF;
  border-color:#070626;
}

.social-card-x {
  background:linear-gradient(145deg,rgba(15,23,42,0.06) 0%,rgba(15,23,42,0.02) 100%),#FFFFFF;
  border:1.5px solid rgba(15,23,42,0.15);
  box-shadow:0 4px 18px rgba(15,23,42,0.05);
}

.social-card-x .social-card-icon-wrap {
  background:#000000;
  box-shadow:0 2px 8px rgba(0,0,0,0.14);
}

.social-card-x .social-card-btn {
  background:rgba(15,23,42,0.06);
  color:#0F172A;
  border:1px solid rgba(15,23,42,0.16);
}

.social-card-x:hover {
  background:linear-gradient(145deg,rgba(15,23,42,0.10) 0%,rgba(15,23,42,0.04) 100%),#FFFFFF;
  border-color:rgba(15,23,42,0.40);
  box-shadow:0 16px 32px rgba(15,23,42,0.16);
}

.social-card-x:hover .social-card-btn {
  background:#070626;
  color:#FFFFFF;
  border-color:#070626;
}

.footer-top-grid {
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1fr;
  gap:40px;
  margin-bottom:60px;
}

@media (max-width:991px) {
  .footer-top-grid {
    grid-template-columns:1fr 1fr;
  }

}

@media (max-width:640px) {
  .footer-top-grid {
    grid-template-columns:1fr;
  }

}

.footer-brand-title {
  color:#FFFFFF;
  font-size:26px;
  font-weight:800;
  margin-bottom:14px;
}

.footer-brand-desc {
  font-size:15px;
  line-height:1.65;
  max-width:320px;
}

.footer-col-title {
  color:#FFFFFF;
  font-size:17px;
  font-weight:700;
  margin-bottom:20px;
}

.footer-links-list {
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.footer-links-list a {
  color:#94A3B8;
  font-size:15px;
}

.footer-links-list a:hover {
  color:var(--bella-teal);
}

.footer-bottom-bar {
  padding-top:30px;
  border-top:1px solid rgba(255,255,255,0.08);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.footer-love-msg {
  color:#94A3B8;
  font-size:16px;
  font-weight:500;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:0;
  text-align:center;
  letter-spacing:0.3px;
}


@media (max-width: 768px) {
  .nav-actions .btn-bella-ghost,
  .nav-actions .btn-bella-heel {
    display: none;
  }
  .nav-actions {
    gap: 8px;
  }
}

@media (max-width: 420px) {
  .lang-trigger-btn span:nth-child(2) {
    display: none;
  }
  .lang-trigger-btn {
    padding: 8px 10px;
  }
}

@media (max-width: 640px) {
  .hero-title {
    font-size: 32px;
    line-height: 1.25;
  }
  .section-title {
    font-size: 28px;
  }
  .teal-banner-title {
    font-size: 28px;
  }
}

@media (max-width: 400px) {
  .hero-title {
    font-size: 28px;
  }
  .section-title {
    font-size: 24px;
  }
  .teal-banner-title {
    font-size: 24px;
  }
}

@media (max-width: 640px) {
  .container {
    padding-left: 16px;
    padding-right: 16px;
  }
  .lang-trigger-btn span:nth-child(2) {
    display: none;
  }
  .lang-trigger-btn {
    padding: 8px 12px;
  }
  .hero-social-proof {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 4px;
  }
}

html, body {
  overflow-x: clip !important;
  max-width: 100vw;
}

#mainContent, .site-header, .site-footer {
  overflow-x: clip;
  width: 100%;
  max-width: 100vw;
}