@charset "UTF-8";
* {
  font-family: var(--primary-font, "DM Sans", sans-serif);
}

:root {
  --anga-radius: 8px;
  --anga-radius-pill: 30px;
  --anga-card-bg: #ffffff;
  --anga-card-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  --anga-card-shadow-hover: 0 8px 20px rgba(0, 0, 0, 0.08);
  --anga-motion-duration: 0.3s;
  --anga-motion-ease: ease-out;
  --anga-section-gap: 4rem;
  --anga-glass-bg: rgba(255, 255, 255, 0.97);
  --anga-glass-blur: 0px;
  --anga-bg-light: #fbfbfb;
  --anga-cta-green: #33d951;
  /* Elle typescale (px on live site → rem @ 16px root) */
  --anga-h2-size: clamp(1.85rem, 4vw, 3.75rem);
  --anga-h3-size: clamp(1.15rem, 2.5vw, 1.75rem);
  --anga-h2-weight: 700;
  --anga-h3-weight: 300;
  --anga-h4-size: 2.5rem; /* 40px — prices */
  --anga-p1-size: 1.25rem; /* 20px */
  --anga-p2-size: 1rem; /* 16px */
  --anga-label-size: 0.875rem; /* 14px */
}

.anga-h2 {
  font-size: var(--anga-h2-size);
  font-weight: var(--anga-h2-weight, 700);
  line-height: 1.15;
  letter-spacing: -0.015em;
  /* color inherits — dark cards / photo overlays set their own */
}

.anga-h3 {
  font-size: var(--anga-h3-size);
  font-weight: var(--anga-h3-weight, 300);
  line-height: 1.25;
}

.anga-h4 {
  font-size: var(--anga-h4-size);
  font-weight: 700;
  line-height: 1.2;
}

.anga-p1 {
  font-size: var(--anga-p1-size);
  font-weight: 400;
  line-height: 1.55;
}

.anga-p2 {
  font-size: var(--anga-p2-size);
  font-weight: 400;
  line-height: 1.5;
}

@media (min-width: 992px) {
  :root {
    --anga-section-gap: 6rem;
  }
}
body.anga-landing,
body.anga-blog {
  --anga-page-inset-x: 1rem;
}

@media (min-width: 768px) {
  body.anga-landing,
  body.anga-blog {
    --anga-page-inset-x: 1.5rem;
  }
}
@media (min-width: 992px) {
  body.anga-landing,
  body.anga-blog {
    --anga-page-inset-x: 2rem;
  }
}
.anga-design-phantom-motion {
  --anga-radius: 16px;
  --anga-card-bg: rgba(31, 28, 28, 0.55);
  --anga-card-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);
  --anga-card-shadow-hover: 0 24px 64px rgba(0, 0, 0, 0.45);
  --anga-motion-duration: 0.45s;
  --anga-glass-bg: rgba(255, 255, 255, 0.08);
  --anga-glass-blur: 12px;
  color: #f5f3f0;
}
.anga-design-phantom-motion .anga-card,
.anga-design-phantom-motion .anga-glass {
  background: var(--anga-glass-bg);
  border-radius: var(--anga-radius);
}
@supports (backdrop-filter: blur(12px)) {
  .anga-design-phantom-motion .anga-card,
  .anga-design-phantom-motion .anga-glass {
    backdrop-filter: blur(var(--anga-glass-blur));
    -webkit-backdrop-filter: blur(var(--anga-glass-blur));
  }
}
@supports not (backdrop-filter: blur(12px)) {
  .anga-design-phantom-motion .anga-card,
  .anga-design-phantom-motion .anga-glass {
    background: rgba(31, 28, 28, 0.92);
  }
}

.anga-design-premium-cards {
  --anga-radius: 16px;
  --anga-radius-pill: 999px;
  --anga-card-bg: #ffffff;
  --anga-card-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  --anga-card-shadow-hover: 0 16px 36px rgba(0, 0, 0, 0.12);
  --anga-motion-duration: 0.3s;
}
.anga-design-premium-cards .anga-card {
  background: var(--anga-card-bg);
  border-radius: var(--anga-radius);
  box-shadow: var(--anga-card-shadow);
  transition: transform var(--anga-motion-duration) var(--anga-motion-ease), box-shadow var(--anga-motion-duration) var(--anga-motion-ease);
}
.anga-design-premium-cards .anga-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--anga-card-shadow-hover);
}

.anga-design-minimal-seo {
  --anga-radius: 4px;
  --anga-radius-pill: 4px;
  --anga-card-bg: transparent;
  --anga-card-shadow: none;
  --anga-card-shadow-hover: none;
  --anga-motion-duration: 0.15s;
  --anga-glass-bg: transparent;
  --anga-glass-blur: 0px;
}
.anga-design-minimal-seo .anga-card {
  background: var(--anga-card-bg);
  box-shadow: none;
}

.anga-footer-layout--contact .footer-card {
  display: grid;
  gap: 2rem;
  align-items: start;
  text-align: center;
}
@media (min-width: 992px) {
  .anga-footer-layout--contact .footer-card {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2rem;
    text-align: start;
  }
}
.anga-footer-layout--contact .footer-brand {
  justify-self: center;
}
@media (min-width: 992px) {
  .anga-footer-layout--contact .footer-brand {
    flex: 0 0 auto;
    justify-self: start;
    align-self: start;
  }
}
.anga-footer-layout--contact .footer-content {
  display: grid;
  gap: 2rem;
  align-items: start;
}
@media (min-width: 992px) {
  .anga-footer-layout--contact .footer-content {
    flex: 0 0 auto;
    grid-template-columns: auto minmax(0, 1fr);
    -moz-column-gap: 3.5rem;
         column-gap: 3.5rem;
    margin-inline-start: auto;
    align-items: start;
  }
}
.anga-footer-layout--contact .footer-qr {
  justify-self: center;
  align-self: start;
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 992px) {
  .anga-footer-layout--contact .footer-qr {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    align-self: start;
  }
}
.anga-footer-layout--contact .footer-aside {
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
  align-self: start;
}
@media (min-width: 992px) {
  .anga-footer-layout--contact .footer-aside {
    grid-column: 2;
    grid-row: 1;
    gap: 2.75rem;
  }
}
.anga-footer-layout--contact .footer-get-in-touch {
  max-width: 28rem;
  margin-inline: auto;
}
@media (min-width: 992px) {
  .anga-footer-layout--contact .footer-get-in-touch {
    margin-inline: 0;
    max-width: none;
  }
}
.anga-footer-layout--contact .footer-get-in-touch__title {
  margin: 0 0 0.65rem;
  font-size: 1.125rem;
  font-weight: 700;
  color: #d9e05d;
}
.anga-footer-layout--contact .footer-get-in-touch__copy {
  margin: 0 0 1.35rem;
  font-size: 0.875rem;
  line-height: 1.55;
  color: #fff;
  max-width: 22rem;
}
@media (min-width: 992px) {
  .anga-footer-layout--contact .footer-get-in-touch__copy {
    max-width: 26rem;
  }
}
.anga-footer-layout--contact .footer-get-in-touch__label {
  margin: 0 0 0.3rem;
  font-size: 0.6875rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 700;
  color: #b8b8b8;
}
.anga-footer-layout--contact .footer-get-in-touch__phone {
  display: inline-block;
  direction: ltr;
  unicode-bidi: isolate;
  font-size: 1.0625rem;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  letter-spacing: 0.02em;
}
.anga-footer-layout--contact .footer-get-in-touch__phone:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.anga-footer-layout--contact .footer-nav {
  margin-top: 0;
}
@media (min-width: 992px) {
  .anga-footer-layout--contact .footer-nav {
    justify-content: flex-start;
    gap: 2.75rem;
  }
}

.anga-footer-layout--home .footer-top--home {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media (min-width: 992px) {
  .anga-footer-layout--home .footer-top--home {
    justify-content: flex-start;
    text-align: start;
  }
}

[dir=rtl] .anga-footer-layout--contact,
[dir=rtl] .anga-footer-layout--home {
  text-align: right;
}
[dir=rtl] .footer-get-in-touch__phone {
  text-align: left;
}

.anga-section--contact-support {
  padding: 0 0 4rem;
  background: var(--anga-bg-light, #fbfbfb);
}
@media (min-width: 992px) {
  .anga-section--contact-support {
    padding: 0 0 6rem;
  }
}
.anga-section--contact-support .container {
  max-width: 1280px;
}

.contact-support-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  align-items: stretch;
}
@media (min-width: 768px) {
  .contact-support-grid {
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
  }
}

.contact-support-card {
  border-radius: 2.5rem;
  min-height: 22rem;
  overflow: hidden;
  color: var(--dark, #1f1c1c);
  text-align: start;
}
@media (min-width: 992px) {
  .contact-support-card {
    border-radius: 4rem;
    min-height: 32rem;
  }
}
.contact-support-card--ask, .contact-support-card--office {
  --contact-card-copy: 1.5rem;
  background: #b5cafc;
  padding: 2rem 1.75rem 2.25rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (min-width: 992px) {
  .contact-support-card--ask, .contact-support-card--office {
    --contact-card-copy: 1.6875rem; /* live 27px @ 1440 */
  }
}
.contact-support-card--office {
  background: #fcff5a;
}
.contact-support-card--office > :not(.contact-office-block__map) {
  flex-shrink: 0;
}
.contact-support-card--visual, .contact-support-card--photo {
  padding: 0;
  background: var(--anga-bg-light, #fbfbfb);
}
.contact-support-card__lead {
  margin: 0 0 1.25rem;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
}
.contact-support-card__body {
  margin: 0;
  max-width: none;
  font-size: var(--contact-card-copy);
  font-weight: 400;
  line-height: 1.4;
}
.contact-support-card__body p {
  margin: 0;
}
.contact-support-card__body p + p {
  margin-top: 1.4em;
}
.contact-support-card__media {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 22rem;
}
@media (min-width: 992px) {
  .contact-support-card__media {
    min-height: 32rem;
  }
}
.contact-support-card__media--contain {
  -o-object-fit: contain;
     object-fit: contain;
  background: var(--anga-bg-light, #fbfbfb);
}
.contact-support-card__media--cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.contact-support-card--ask .contact-label,
.contact-support-card--office .contact-label {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  margin: 1.5rem 0 0.125rem;
}
.contact-support-card--ask .contact-label:first-child,
.contact-support-card--office .contact-label:first-child {
  margin-top: 0;
}
.contact-support-card--ask .contact-value,
.contact-support-card--office .contact-value {
  margin: 0;
  font-size: var(--contact-card-copy);
  font-weight: 400;
  line-height: 1.4;
}
.contact-support-card--ask .contact-value a,
.contact-support-card--ask .contact-email-block__copy a,
.contact-support-card--office .contact-value a,
.contact-support-card--office .contact-email-block__copy a {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor: pointer;
}
.contact-support-card--ask .contact-value a:hover,
.contact-support-card--ask .contact-email-block__copy a:hover,
.contact-support-card--office .contact-value a:hover,
.contact-support-card--office .contact-email-block__copy a:hover {
  opacity: 0.75;
}
.contact-support-card--ask .contact-office-block__map-link,
.contact-support-card--office .contact-office-block__map-link {
  font-size: var(--contact-card-copy);
  font-weight: 400;
  line-height: 1.2;
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor: pointer;
}
.contact-support-card--ask .contact-office-block__map-link:hover,
.contact-support-card--office .contact-office-block__map-link:hover {
  opacity: 0.75;
}

.contact-office-block__address {
  margin: 0;
  font-size: var(--contact-card-copy);
  font-weight: 400;
  line-height: 1.4;
}
.contact-office-block__address p {
  margin: 0;
}

.contact-office-block__map-link {
  display: inline-block;
  margin: 0.75rem 0 0;
}

.contact-office-block__map {
  display: none;
}
@media (min-width: 768px) {
  .contact-office-block__map {
    display: block;
    position: relative;
    flex: 1 1 0;
    align-self: stretch;
    width: 100%;
    min-height: 0;
    margin-top: 1.25rem;
    border-radius: 1.25rem;
    overflow: hidden;
  }
}
.contact-office-block__map iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  pointer-events: none;
}
.contact-office-block__map-hit {
  position: absolute;
  inset: 0;
}

.contact-email-block__copy {
  margin: 0;
  font-size: var(--contact-card-copy);
  font-weight: 400;
  line-height: 1.4;
}

[dir=rtl] .anga-section--contact-support {
  text-align: start;
}
[dir=rtl] .contact-hero-section__content {
  text-align: center;
}

.anga-lottie {
  display: inline-block;
  position: relative;
  max-width: 100%;
}
.anga-lottie__fallback {
  display: block;
  max-width: 100%;
  height: auto;
}

.anga-section--header {
  transition: background-color 0.25s ease, box-shadow 0.25s ease;
}
.anga-section--header[data-anga-header-sticky="1"] {
  position: sticky;
  top: 0;
  z-index: 1030;
}
.anga-section--header[data-anga-header-transparent="1"] {
  background: transparent;
  box-shadow: none;
}
.anga-section--header[data-anga-header-transparent="1"].anga-header--scrolled {
  background: var(--primary-color, #fdfd5e);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.anga-header-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.85rem;
  font-size: 1.05rem;
  border: 2px solid #000;
  border-radius: var(--anga-radius-pill, 30px);
  background: #000;
  color: #fff;
  font-weight: 300;
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  min-height: 44px;
}
.anga-header-cta:hover {
  background: var(--anga-cta-green, #33d951);
  border-color: #000;
  color: #000;
  box-shadow: none;
  transform: none;
}
.anga-header-cta:focus-visible {
  outline: 2px solid var(--primary-color, #fdfd5e);
  outline-offset: 2px;
}

.anga-design-phantom-motion.anga-section--header[data-anga-header-transparent="1"].anga-header--scrolled {
  background: rgba(31, 28, 28, 0.85);
}
@supports (backdrop-filter: blur(12px)) {
  .anga-design-phantom-motion.anga-section--header[data-anga-header-transparent="1"].anga-header--scrolled {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
}
.anga-design-phantom-motion.anga-section--header[data-anga-header-transparent="1"].anga-header--scrolled {
  color: #f5f3f0;
}

@media (min-width: 992px) {
  .anga-design-premium-cards.anga-section--header {
    top: 1rem;
    margin: 0 1rem;
    border-radius: var(--anga-radius, 16px);
    box-shadow: var(--anga-card-shadow, 0 8px 24px rgba(0, 0, 0, 0.08));
  }
  .anga-design-premium-cards.anga-section--header[data-anga-header-transparent="1"] {
    background: rgba(255, 255, 255, 0.95);
  }
}
.anga-design-minimal-seo.anga-section--header {
  box-shadow: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.offcanvas-footer {
  background: rgba(0, 0, 0, 0.02);
}

.anga-design-phantom-motion.anga-section--footer .footer-get-in-touch__title,
.anga-design-phantom-motion.anga-section--footer .footer-logo__name,
.anga-design-phantom-motion.anga-section--footer .footer-menu__title {
  color: var(--primary-color, #d9e05d);
}

.anga-design-premium-cards.anga-section--footer .footer-card {
  box-shadow: var(--anga-card-shadow, 0 8px 24px rgba(0, 0, 0, 0.35));
}

.anga-design-minimal-seo.anga-section--footer .footer-qr,
.anga-design-minimal-seo.anga-section--footer .footer-logo img {
  display: none;
}

.hero-eyebrow {
  display: inline-block;
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--dark, #1f1c1c);
  opacity: 0.7;
  margin-bottom: 0.5rem;
}

.anga-design-phantom-motion.anga-section--hero .hero-content {
  background: linear-gradient(135deg, rgba(31, 28, 28, 0.65), rgba(31, 28, 28, 0.3));
}
.anga-design-phantom-motion.anga-section--hero .hero-text h1,
.anga-design-phantom-motion.anga-section--hero .hero-text p {
  color: #fff;
}
.anga-design-phantom-motion.anga-section--hero .hero-eyebrow {
  color: var(--primary-color, #fdfd5e);
  opacity: 1;
}
.anga-design-phantom-motion.anga-section--hero .hero-chat-preview {
  background: var(--anga-glass-bg, rgba(255, 255, 255, 0.08));
}
@supports (backdrop-filter: blur(12px)) {
  .anga-design-phantom-motion.anga-section--hero .hero-chat-preview {
    backdrop-filter: blur(var(--anga-glass-blur, 12px));
    -webkit-backdrop-filter: blur(var(--anga-glass-blur, 12px));
  }
}
@supports not (backdrop-filter: blur(12px)) {
  .anga-design-phantom-motion.anga-section--hero .hero-chat-preview {
    background: rgba(31, 28, 28, 0.92);
  }
}
.anga-design-phantom-motion.anga-section--hero .hero-chat-preview {
  color: #f5f3f0;
}

.anga-design-premium-cards.anga-section--hero .hero-text {
  background: var(--anga-card-bg, #fff);
  border-radius: var(--anga-radius, 16px);
  box-shadow: var(--anga-card-shadow, 0 8px 24px rgba(0, 0, 0, 0.08));
  padding: 2.5rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media (max-width: 991px) {
  .anga-design-premium-cards.anga-section--hero .hero-text {
    padding: 1.5rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}

.anga-design-minimal-seo.anga-section--hero .hero-chat-preview {
  display: none !important;
}
.anga-design-minimal-seo.anga-section--hero .hero-content {
  min-height: auto;
  padding: 3rem 0;
}
.anga-design-minimal-seo.anga-section--hero .hero-text {
  padding: 0;
  background: none;
  box-shadow: none;
}

.anga-eyebrow {
  display: inline-block;
  font-size: var(--anga-label-size, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--dark, #1f1c1c);
  opacity: 0.7;
  margin-bottom: 0.5rem;
}

.anga-design-phantom-motion.anga-section--how-it-works .anga-eyebrow {
  color: var(--primary-color, #fdfd5e);
  opacity: 1;
}
.anga-design-phantom-motion.anga-section--how-it-works h2 {
  color: #fff;
}
.anga-design-phantom-motion.anga-section--how-it-works p {
  color: #c9c5c0;
}

@supports (backdrop-filter: blur(12px)) {
  .anga-design-phantom-motion.anga-section--step .step-content {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: rgba(255, 255, 255, 0.08);
  }
}
@supports not (backdrop-filter: blur(12px)) {
  .anga-design-phantom-motion.anga-section--step .step-content {
    background: rgba(31, 28, 28, 0.92);
  }
}
.anga-design-phantom-motion.anga-section--step .step-content {
  border-radius: var(--anga-radius, 16px);
  padding: 2rem;
  color: #f5f3f0;
}

.anga-design-premium-cards.anga-section--step .step-content {
  background: var(--anga-card-bg, #fff);
  border-radius: var(--anga-radius, 16px);
  box-shadow: var(--anga-card-shadow, 0 8px 24px rgba(0, 0, 0, 0.08));
  padding: 2rem;
}

.anga-design-minimal-seo.anga-section--step .step-section__waves {
  display: none !important;
}
.anga-design-minimal-seo.anga-section--step .step-content {
  padding: 0;
  background: none;
  box-shadow: none;
}

.anga-design-minimal-seo.anga-section--about-hero {
  background-image: none !important;
  background-color: var(--anga-card-bg, #fff);
  color: var(--dark, #1f1c1c);
}
.anga-design-minimal-seo.anga-section--about-hero .about-hero-section__content {
  padding: 3rem 0;
}

.anga-design-premium-cards.anga-section--about-values .about-values-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
@media (max-width: 767px) {
  .anga-design-premium-cards.anga-section--about-values .about-values-list {
    grid-template-columns: 1fr;
  }
}

.anga-design-phantom-motion.anga-section--about-values .anga-card {
  background: var(--anga-glass-bg, rgba(255, 255, 255, 0.08));
  border-radius: var(--anga-radius, 16px);
}
@supports (backdrop-filter: blur(12px)) {
  .anga-design-phantom-motion.anga-section--about-values .anga-card {
    backdrop-filter: blur(var(--anga-glass-blur, 12px));
    -webkit-backdrop-filter: blur(var(--anga-glass-blur, 12px));
  }
}
@supports not (backdrop-filter: blur(12px)) {
  .anga-design-phantom-motion.anga-section--about-values .anga-card {
    background: rgba(31, 28, 28, 0.92);
  }
}
.anga-design-phantom-motion.anga-section--about-values .anga-card {
  color: #f5f3f0;
}

.anga-design-minimal-seo.anga-section--about-values .anga-card {
  box-shadow: none;
  background: transparent;
}
.anga-design-minimal-seo.anga-section--about-values .about-value-item__icon img {
  display: none;
}

.anga-design-minimal-seo.anga-section--contact-hero .contact-hero-section__image-wrap {
  display: none;
}
.anga-design-minimal-seo.anga-section--contact-hero .contact-hero-section__grid {
  grid-template-columns: 1fr;
}

.anga-design-premium-cards.anga-section--contact .contact-block {
  background: var(--anga-card-bg, #fff);
  border-radius: var(--anga-radius, 16px);
  box-shadow: var(--anga-card-shadow, 0 4px 12px rgba(0, 0, 0, 0.06));
  padding: 1.25rem 1.5rem;
}

.anga-design-phantom-motion.anga-section--contact .contact-block {
  background: var(--anga-glass-bg, rgba(255, 255, 255, 0.08));
  border-radius: var(--anga-radius, 16px);
}
@supports (backdrop-filter: blur(12px)) {
  .anga-design-phantom-motion.anga-section--contact .contact-block {
    backdrop-filter: blur(var(--anga-glass-blur, 12px));
    -webkit-backdrop-filter: blur(var(--anga-glass-blur, 12px));
  }
}
@supports not (backdrop-filter: blur(12px)) {
  .anga-design-phantom-motion.anga-section--contact .contact-block {
    background: rgba(31, 28, 28, 0.92);
  }
}
.anga-design-phantom-motion.anga-section--contact .contact-block {
  padding: 1.25rem 1.5rem;
  color: #f5f3f0;
}
.anga-design-phantom-motion.anga-section--contact h2 {
  color: #fff;
}

.anga-design-minimal-seo.anga-section--contact .contact-block {
  background: none;
  box-shadow: none;
  padding: 0;
}
.anga-design-minimal-seo.anga-section--contact .qr-code-container img,
.anga-design-minimal-seo.anga-section--contact .qr-code-container .anga-lottie {
  display: none;
}

.anga-design-premium-cards.anga-section--partners .partner-item {
  background: var(--anga-card-bg, #fff);
  border-radius: var(--anga-radius, 16px);
  box-shadow: var(--anga-card-shadow, 0 4px 12px rgba(0, 0, 0, 0.06));
  padding: 1.5rem 1rem;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.anga-design-premium-cards.anga-section--partners .partner-item:hover {
  transform: translateY(-2px);
  box-shadow: var(--anga-card-shadow-hover, 0 8px 20px rgba(0, 0, 0, 0.08));
}

.anga-design-minimal-seo.anga-section--partners .partner-item__icon {
  display: none;
}

.anga-design-premium-cards.anga-section--testimonial .testimonial-quote {
  background: var(--anga-card-bg, #fff);
  border-radius: var(--anga-radius, 16px);
  box-shadow: var(--anga-card-shadow, 0 4px 12px rgba(0, 0, 0, 0.06));
  padding: 2rem;
}

.anga-design-minimal-seo.anga-section--testimonial .testimonial-image {
  display: none;
}
.anga-design-minimal-seo.anga-section--testimonial .testimonial-section__row > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.anga-design-minimal-seo.anga-section--uae-cta {
  background-image: none !important;
  background-color: var(--anga-card-bg, #f5f5f5);
}

.anga-design-phantom-motion.anga-section--uae-cta {
  background-image: linear-gradient(135deg, rgba(31, 28, 28, 0.75), rgba(31, 28, 28, 0.5)) !important;
}
@supports (backdrop-filter: blur(12px)) {
  .anga-design-phantom-motion.anga-section--uae-cta .uae-simple-content {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: rgba(255, 255, 255, 0.08);
  }
}
@supports not (backdrop-filter: blur(12px)) {
  .anga-design-phantom-motion.anga-section--uae-cta .uae-simple-content {
    background: rgba(31, 28, 28, 0.92);
  }
}
.anga-design-phantom-motion.anga-section--uae-cta .uae-simple-content {
  border-radius: var(--anga-radius, 16px);
  padding: 2.5rem;
  color: #f5f3f0;
}
.anga-design-phantom-motion.anga-section--uae-cta h2 {
  color: #fff;
}

.anga-design-premium-cards.anga-section--cta-strip .container {
  background: var(--anga-card-bg, #fff);
  border-radius: var(--anga-radius, 16px);
  box-shadow: var(--anga-card-shadow, 0 8px 24px rgba(0, 0, 0, 0.08));
  padding: 2.5rem;
}

.anga-design-minimal-seo.anga-section--cta-strip {
  background-color: var(--anga-card-bg, #f5f5f5);
}

.anga-design-phantom-motion.anga-section--faq .accordion-item {
  background: var(--anga-glass-bg, rgba(255, 255, 255, 0.08));
}
@supports (backdrop-filter: blur(12px)) {
  .anga-design-phantom-motion.anga-section--faq .accordion-item {
    backdrop-filter: blur(var(--anga-glass-blur, 12px));
    -webkit-backdrop-filter: blur(var(--anga-glass-blur, 12px));
  }
}
@supports not (backdrop-filter: blur(12px)) {
  .anga-design-phantom-motion.anga-section--faq .accordion-item {
    background: rgba(31, 28, 28, 0.92);
  }
}
.anga-design-phantom-motion.anga-section--faq .accordion-item {
  color: #f5f3f0;
}

.anga-design-minimal-seo.anga-section--meet-omar [id^=bubble-] {
  display: none !important;
}

.anga-section--header .navbar {
  position: relative;
  --anga-header-inset-x: clamp(1rem, 3vw, 2rem);
}

.anga-header-end {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
  margin-inline-start: auto;
}

.anga-lang-switcher {
  flex-shrink: 0;
}

.anga-lang-switcher__list {
  display: inline-flex;
  align-items: center;
  gap: 0.15rem;
  margin: 0;
  padding: 0.2rem;
  list-style: none;
  border-radius: var(--anga-radius-pill, 999px);
  border: 1px solid rgba(31, 28, 28, 0.14);
  background: rgba(255, 255, 255, 0.55);
}

.anga-lang-switcher__item-wrap {
  margin: 0;
}

.anga-lang-switcher__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.25rem;
  min-height: 2rem;
  padding: 0.35rem 0.55rem;
  border: 0;
  border-radius: var(--anga-radius-pill, 999px);
  line-height: 1;
  text-decoration: none;
  color: var(--dark, #1f1c1c);
  background: transparent;
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.anga-lang-switcher__item .flag {
  display: block;
  border-radius: 2px;
}
.anga-lang-switcher__item:hover {
  color: var(--dark, #1f1c1c);
  background: rgba(31, 28, 28, 0.08);
}
.anga-lang-switcher__item.is-active {
  background: var(--dark, #1f1c1c);
  color: #fff;
  cursor: default;
}

@media (max-width: 991px) {
  .anga-section--header .navbar > .container > .anga-header-end {
    position: static;
    transform: none;
    margin-inline-start: auto;
    margin-inline-end: 0.5rem;
  }
  .anga-section--header .navbar > .container > .anga-lang-switcher__list {
    min-width: 5.5rem;
  }
}
@media (min-width: 992px) {
  .anga-section--header .navbar > .container > .anga-header-end {
    position: absolute;
    inset-inline-end: var(--anga-header-inset-x, 1rem);
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    margin-inline-start: 0;
  }
}
.anga-campaign-cta {
  min-height: 44px;
  min-width: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  border-radius: var(--anga-radius-pill, 30px);
  border: 2px solid var(--dark, #1f1c1c);
  background: var(--anga-cta-green, #33d951);
  color: #000;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
  transition: background 200ms ease-out, color 200ms ease-out, border-color 200ms ease-out, opacity 200ms ease-out;
}
.anga-campaign-cta .bi-whatsapp {
  margin-inline-end: 0.45rem;
  font-size: 1.15em;
}
.anga-campaign-cta:hover {
  background: var(--dark, #1f1c1c);
  color: #fff;
  border-color: var(--dark, #1f1c1c);
}
.anga-campaign-cta--outline {
  background: transparent;
  color: var(--dark, #1f1c1c);
}
.anga-campaign-cta--outline:hover {
  background: var(--dark, #1f1c1c);
  color: #fff;
}
.anga-campaign-cta--dark {
  background: #000;
  color: #fff;
  border-color: #000;
  font-weight: 400;
}
.anga-campaign-cta--dark .bi-whatsapp {
  margin-inline-end: 0.45rem;
  color: #25d366;
  font-size: 1.15em;
}
.anga-campaign-cta--dark:hover {
  background: #1a1a1a;
  color: #fff;
  border-color: #1a1a1a;
}

.anga-campaign-cta:focus-visible,
.anga-campaign-snap__track:focus-visible {
  outline: 2px solid var(--dark, #1f1c1c);
  outline-offset: 3px;
}

.anga-campaign-hero,
.anga-campaign-proof,
.anga-campaign-benefits {
  --anga-shell-radius: 1.75rem;
}

.anga-campaign-hero,
.anga-campaign-proof {
  position: relative;
  background-color: #fcff5a;
  color: var(--dark, #1f1c1c);
  overflow: hidden;
}
.anga-campaign-hero > .container,
.anga-campaign-proof > .container {
  position: relative;
  z-index: 1;
}

.anga-campaign-hero {
  background-image: linear-gradient(rgba(31, 28, 28, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(31, 28, 28, 0.08) 1px, transparent 1px);
  background-size: 3rem 3rem;
}

.anga-campaign-proof::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../images/landing/anga-background-lines.webp") center/cover no-repeat;
  opacity: 0.28;
  pointer-events: none;
}

.anga-campaign-hero {
  padding: 3rem 0 2.5rem;
}

.anga-campaign-hero--banner {
  padding: 3.25rem 0 2.75rem;
  text-align: center;
}
.anga-campaign-hero--banner .anga-campaign-hero__copy {
  max-width: 54rem;
  margin-inline: auto;
}
.anga-campaign-hero--banner .anga-campaign-hero__title {
  margin-inline: auto;
}
.anga-campaign-hero--banner .anga-campaign-hero__actions {
  justify-content: center;
}

.anga-campaign-hero .anga-campaign-proof__partner {
  margin: 2.25rem 0 0;
  text-align: start;
}

.anga-campaign-benefits,
.anga-campaign-how,
.anga-campaign-install,
.anga-campaign-plans,
.anga-campaign-compare,
.anga-campaign-reviews,
.anga-campaign-verify,
.anga-campaign-setup {
  padding: 3rem 0;
  background: #fff;
  color: var(--dark, #1f1c1c);
  scroll-margin-top: 6rem;
}

.anga-campaign-verify {
  background: #fbfbfb;
}

.anga-campaign-setup__grid {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.anga-campaign-setup .anga-campaign-benefits,
.anga-campaign-setup .anga-campaign-reviews {
  padding: 0;
  background: transparent;
}

.anga-campaign-setup .anga-campaign-benefits .container,
.anga-campaign-setup .anga-campaign-reviews .container {
  width: 100%;
  max-width: none;
  padding-inline: 0;
  margin: 0;
}

.anga-campaign-setup__grid > shortcode {
  display: contents;
}

.anga-campaign-fast {
  max-width: 26rem;
  margin-inline: auto;
  padding: 2.15rem 1.5rem 2rem;
  background: #d4b0ff;
  border-radius: var(--anga-shell-radius, 1.75rem);
  color: var(--dark, #1f1c1c);
}

.anga-campaign-fast__title {
  margin: 0 0 0.35rem;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.15;
  text-align: center;
}

.anga-campaign-fast__sub {
  margin: 0 0 1.75rem;
  font-size: 1.05rem;
  line-height: 1.35;
  text-align: center;
}

.anga-campaign-fast__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.anga-campaign-fast__row {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.55rem;
}

.anga-campaign-fast__icon {
  flex: none;
  width: 3.05rem;
  height: 3.05rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.anga-campaign-fast__copy {
  margin: 0;
  max-width: 22ch;
}

.anga-campaign-fast__heading {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.25;
}

.anga-campaign-fast__body {
  margin: 0.15rem 0 0;
  font-size: 0.98rem;
  font-weight: 400;
  line-height: 1.35;
}

.anga-campaign-setup .anga-campaign-fast {
  height: 100%;
}

.anga-campaign-setup .anga-campaign-fast__row {
  flex-direction: row;
  align-items: center;
  text-align: start;
  gap: 0.9rem;
}

.anga-campaign-setup .anga-campaign-fast__copy {
  max-width: 40ch;
}

.anga-campaign-setup .anga-campaign-reviews,
.anga-campaign-setup .anga-campaign-reviews .container {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
}

.anga-campaign-reviews__intro {
  margin: 0 auto 2.5rem;
  max-width: 42rem;
  text-align: center;
}

.anga-campaign-reviews__card {
  position: relative;
  overflow: hidden;
  border-radius: 1.75rem;
  background: #111;
  aspect-ratio: 4/5;
}

.anga-campaign-reviews__card--soon {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 4/5;
  background: #f3eaf8;
  color: var(--dark, #1f1c1c);
}

.anga-campaign-reviews__soon {
  margin: 0;
  padding: 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
}

.anga-campaign-reviews__caption {
  position: absolute;
  inset-inline: 0;
  top: 0;
  z-index: 1;
  margin: 0;
  padding: 1.15rem 1.25rem 2.75rem;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  white-space: pre-line;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.12) 70%, transparent 100%);
}

.anga-campaign-reviews__card--soon .anga-campaign-reviews__caption {
  position: static;
  padding: 1.5rem;
  color: var(--dark, #1f1c1c);
  background: none;
  text-align: center;
}

.anga-campaign-setup .anga-campaign-reviews__caption {
  display: none;
}

.anga-campaign-reviews__frame {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 1.75rem;
  background: #111;
}

.anga-campaign-setup .anga-campaign-reviews__intro,
.anga-campaign-setup .anga-campaign-reviews__card:nth-child(n+2),
.anga-campaign-setup .anga-campaign-snap__dots {
  display: none;
}

.anga-campaign-setup .anga-campaign-reviews__frame {
  width: min(100%, 22rem);
  margin-inline: auto;
}

.anga-campaign-reviews__video {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 4/5;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 32%;
     object-position: center 32%;
}

.anga-campaign-reviews__watch {
  position: absolute;
  inset-inline: 0;
  bottom: 1.25rem;
  z-index: 2;
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
  min-height: 44px;
  min-width: 44px;
  padding: 0.55rem 1.5rem;
  border: 2px solid #fff;
  border-radius: var(--anga-radius-pill, 30px);
  background: #fff;
  color: #000;
  font-weight: 600;
  cursor: pointer;
  transition: background 200ms ease-out, color 200ms ease-out, border-color 200ms ease-out;
}

.anga-campaign-reviews__watch:hover {
  background: var(--dark, #1f1c1c);
  color: #fff;
  border-color: var(--dark, #1f1c1c);
}

.anga-campaign-reviews__watch:focus-visible {
  outline: 2px solid var(--dark, #1f1c1c);
  outline-offset: 3px;
}

.anga-campaign-reviews__watch[hidden] {
  display: none;
}

.anga-campaign-verify__card {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  max-width: 72rem;
  margin-inline: auto;
  padding: 1.5rem 1.35rem;
  border-radius: 1.75rem;
  background: #ede8f4;
  text-align: start;
}

.anga-campaign-verify__title {
  margin: 0 0 0.5rem;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.15;
}

.anga-campaign-verify__gif {
  display: block;
  width: 7.5rem;
  height: auto;
  margin: 0;
  border-radius: 1rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.anga-campaign-verify__intro {
  margin: 0;
  font-size: 1rem;
  line-height: 1.35;
}

.anga-campaign-verify__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.anga-campaign-verify__list li {
  padding-block: 0.35rem;
  font-size: 1rem;
  line-height: 1.35;
}

@media (min-width: 768px) {
  .anga-campaign-fast {
    max-width: 32rem;
    padding: 2.5rem 2.25rem 2.25rem;
  }
  .anga-campaign-verify__card {
    padding: 2rem 2.25rem;
  }
}
@media (min-width: 992px) {
  .anga-campaign-setup__grid {
    display: grid;
    grid-template-columns: minmax(24rem, 38rem) minmax(18rem, 22rem);
    justify-content: space-between;
    gap: 2.5rem;
    align-items: stretch;
  }
  .anga-campaign-setup .anga-campaign-benefits,
  .anga-campaign-setup .anga-campaign-reviews {
    min-height: 0;
  }
  .anga-campaign-setup .anga-campaign-fast {
    max-width: none;
    margin-inline: 0;
    padding: 2.5rem 2.5rem 2.25rem;
  }
  .anga-campaign-setup .anga-campaign-fast__title,
  .anga-campaign-setup .anga-campaign-fast__sub {
    text-align: start;
  }
  .anga-campaign-benefits .anga-campaign-fast {
    max-width: none;
  }
  .anga-campaign-benefits .anga-campaign-fast__list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.75rem 2rem;
  }
  .anga-campaign-benefits .anga-campaign-fast__copy {
    max-width: 28ch;
  }
  .anga-campaign-setup .anga-campaign-fast__list {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
  }
  .anga-campaign-setup .anga-campaign-snap,
  .anga-campaign-setup .anga-campaign-snap__track,
  .anga-campaign-setup .anga-campaign-reviews__card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
  }
  .anga-campaign-setup .anga-campaign-reviews__frame {
    position: absolute;
    inset: 0;
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    margin-inline: 0;
  }
  .anga-campaign-setup .anga-campaign-reviews {
    position: relative;
    min-height: 100%;
  }
  .anga-campaign-setup .anga-campaign-reviews__video {
    aspect-ratio: auto;
    height: 100%;
    min-height: 0;
  }
  .anga-campaign-verify__card {
    display: grid;
    grid-template-columns: 8rem minmax(0, 1.1fr) minmax(14rem, 1fr);
    -moz-column-gap: 2rem;
         column-gap: 2rem;
    align-items: center;
  }
  .anga-campaign-verify__gif {
    width: 8rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .anga-campaign-reviews__watch {
    transition: none;
  }
}
.anga-campaign-hero__grid,
.anga-campaign-voice__inner--media {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.anga-campaign-hero__image,
.anga-campaign-hero__well {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  border-radius: var(--anga-shell-radius, 1.75rem);
}

.anga-campaign-hero__image {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 30% 50%;
     object-position: 30% 50%;
}

.anga-campaign-hero__well {
  background: #e8e8e8;
}

.anga-campaign-kicker {
  margin: 0 0 0.5rem;
  font-size: 1.6875rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
  opacity: 1;
  color: inherit;
}

.anga-campaign-hero .anga-campaign-kicker {
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1rem;
  white-space: nowrap;
}

@media (max-width: 479px) {
  .anga-campaign-hero .anga-campaign-kicker {
    font-size: 0.75rem;
    letter-spacing: 0.04em;
  }
}
.anga-campaign-hero__du {
  display: inline-block;
  width: 0.92em;
  height: 0.92em;
  margin: 0 0.1em -0.1em;
  border-radius: 22%;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: -0.1em;
  transform-origin: 50% 50%;
  animation: anga-du-pulse 1.7s ease-in-out infinite;
}

@keyframes anga-du-pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.14);
  }
}
@media (prefers-reduced-motion: reduce) {
  .anga-campaign-hero__du {
    animation: none;
  }
}
.anga-campaign-how__intro .anga-h2,
.anga-campaign-plans__intro .anga-h2,
.anga-campaign-voice__copy .anga-h2 {
  font-weight: 800;
}

.anga-campaign-hero__title {
  margin: 0;
  max-width: min(100%, 52rem);
  font-size: clamp(2rem, 5.2vw, 3.85rem);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.03em;
  overflow: visible;
}
.anga-campaign-hero__title br {
  display: none;
}
@media (min-width: 768px) {
  .anga-campaign-hero__title br {
    display: inline;
  }
}

.anga-campaign-hero__copy .anga-h2,
.anga-campaign-how__intro .anga-h2,
.anga-campaign-plans__intro .anga-h2,
.anga-campaign-compare__intro .anga-h2 {
  margin: 0 0 1rem;
}

.anga-campaign-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.75rem;
}

@media (min-width: 992px) {
  .anga-campaign-hero--split .anga-campaign-hero__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 3rem;
  }
  .anga-campaign-hero--split .anga-campaign-hero__copy {
    order: 0;
  }
  .anga-campaign-hero--split .anga-campaign-hero__media {
    order: 1;
  }
  .anga-campaign-hero,
  .anga-campaign-benefits,
  .anga-campaign-how,
  .anga-campaign-install,
  .anga-campaign-plans,
  .anga-campaign-compare,
  .anga-campaign-reviews,
  .anga-campaign-setup,
  .anga-campaign-verify {
    padding: 4.5rem 0;
  }
  .anga-campaign-hero {
    padding: 4.5rem 0 3rem;
  }
  .anga-campaign-hero--banner {
    padding: 4.25rem 0 3rem;
  }
}
.anga-campaign-proof {
  padding: 2rem 0 3rem;
}
@media (min-width: 992px) {
  .anga-campaign-proof {
    padding: 2.5rem 0 4rem;
  }
}

.anga-campaign-hero + .anga-campaign-proof {
  padding-top: 0.25rem;
}
.anga-campaign-hero + .anga-campaign-proof .anga-campaign-proof__partner {
  display: none;
}

@media (max-width: 575px) {
  .anga-campaign-hero--banner .anga-campaign-hero__actions {
    flex-direction: column;
    align-items: stretch;
  }
  .anga-campaign-hero--banner .anga-campaign-cta {
    width: 100%;
  }
}
.anga-campaign-proof__partner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  width: 100%;
  margin: 0 0 2rem;
  padding: 1.5rem 1.35rem 1.75rem;
  border-radius: var(--anga-shell-radius, 1.75rem);
  color: #fff;
  text-align: center;
  background: linear-gradient(90deg, #2e5bff 0%, #8b9cff 48%, #d4a5ff 100%);
}
@media (min-width: 768px) {
  .anga-campaign-proof__partner {
    flex-direction: row;
    align-items: center;
    gap: 1.5rem 2rem;
    min-height: 8.5rem;
    padding: 1.35rem 1.75rem 1.35rem 2rem;
    text-align: start;
  }
}

.anga-campaign-proof__brand {
  flex-shrink: 0;
}

.anga-campaign-proof__logo {
  display: block;
  width: auto;
  height: 5.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 768px) {
  .anga-campaign-proof__logo {
    height: 5.875rem;
  }
}

.anga-campaign-proof__copy {
  flex: 1 1 auto;
  margin: 0;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.35;
}
.anga-campaign-proof__copy strong {
  font-weight: 700;
}
@media (min-width: 992px) {
  .anga-campaign-proof__copy {
    font-size: 1.5rem;
    line-height: 1.3;
  }
}

.anga-campaign-proof__verify {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  min-width: 8.75rem;
  padding: 0.5rem 1.75rem;
  border-radius: 200px;
  background: #f3f3f3;
  color: #000;
  font-size: 0.9375rem;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 180ms ease-out;
}
.anga-campaign-proof__verify:hover {
  opacity: 0.82;
  color: #000;
}
.anga-campaign-proof__verify:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

.anga-campaign-proof__stats {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.anga-campaign-proof__stats .anga-h3 {
  margin: 0;
}
.anga-campaign-proof__stats .anga-p2 {
  margin: 0.25rem 0 0;
  opacity: 0.75;
}

@media (min-width: 768px) {
  .anga-campaign-proof__stats {
    flex-direction: row;
    justify-content: space-between;
    gap: 1.5rem;
  }
  .anga-campaign-proof__stats li {
    flex: 1;
  }
}
.anga-campaign-how__intro {
  margin: 0 auto 2.5rem;
  max-width: 42rem;
  text-align: center;
}

.anga-campaign-plans__intro,
.anga-campaign-compare__intro {
  margin-bottom: 2rem;
  max-width: 42rem;
}

.anga-campaign-plans__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
  margin: 1rem 0 0;
  padding: 0;
}
.anga-campaign-plans__chips li {
  border: 1px solid var(--dark, #1f1c1c);
  border-radius: var(--anga-radius-pill, 30px);
  padding: 0.35rem 0.85rem;
  font-size: var(--anga-label-size, 0.875rem);
}

.anga-campaign-plans--wireless .anga-campaign-plans__intro {
  text-align: center;
  max-width: 48rem;
  margin-inline: auto;
  margin-bottom: 2.5rem;
}

.anga-campaign-plans--wireless .anga-campaign-plans__chips {
  justify-content: center;
}
.anga-campaign-plans--wireless .anga-campaign-plans__chips li {
  font-size: 1rem;
  background: #f3f3f3;
  border-color: transparent;
}

.anga-campaign-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  padding: 1.25rem;
  background: var(--anga-card-bg, #fff);
  border: 1px solid rgba(31, 28, 28, 0.16);
  border-radius: var(--anga-radius, 8px);
  box-shadow: none;
  color: inherit;
  text-decoration: none;
}
.anga-campaign-card .anga-h3 {
  margin: 0 0 0.5rem;
}
.anga-campaign-card .anga-h4 {
  margin: 0.35rem 0 0.15rem;
}
.anga-campaign-card .anga-p2 {
  margin: 0;
}
.anga-campaign-card__media {
  margin: -1.25rem -1.25rem 1rem;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: var(--anga-radius, 8px) var(--anga-radius, 8px) 0 0;
  background: #f0f0f0;
}
.anga-campaign-card__media--square {
  aspect-ratio: 1;
}
.anga-campaign-card__media img,
.anga-campaign-card__media video,
.anga-campaign-card__media .anga-campaign-card__motion,
.anga-campaign-card__media .anga-lottie,
.anga-campaign-card__media .anga-lottie__fallback {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.anga-campaign-card--media {
  padding: 0;
  border: 0;
  background: #111;
  border-radius: 1.75rem;
  height: auto;
  overflow: hidden;
}
.anga-campaign-card--media .anga-campaign-card__media {
  position: relative;
  margin: 0;
  aspect-ratio: 428/444;
  border-radius: 0;
  background: #111;
}
.anga-campaign-card__caption {
  position: absolute;
  inset-inline: 0;
  top: 0;
  z-index: 1;
  margin: 0;
  padding: 1.35rem 1.5rem 3.25rem;
  color: #fff;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.2;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.18) 58%, transparent 100%);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}
.anga-campaign-card__clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

@media (min-width: 768px) {
  .anga-campaign-card__clamp {
    -webkit-line-clamp: unset;
    display: block;
    overflow: visible;
  }
}
.anga-campaign-plan .anga-campaign-cta,
.anga-campaign-spec .anga-campaign-cta {
  margin-top: auto;
  align-self: stretch;
  width: 100%;
}

.anga-campaign-plan__badge {
  display: inline-block;
  align-self: flex-start;
  margin: 0 0 0.75rem;
  padding: 0.2rem 0.7rem;
  border-radius: var(--anga-radius-pill, 30px);
  background: var(--yellow, #fdfd5e);
  color: var(--dark, #1f1c1c);
  font-size: var(--anga-label-size, 0.875rem);
  font-weight: 600;
}

.anga-campaign-plan .anga-h3 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 0.35rem;
}

.anga-campaign-plan__audience {
  margin-bottom: 0.75rem;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.1;
}

.anga-campaign-plan__features {
  list-style: none;
  margin: 1rem 0 1.25rem;
  padding: 0;
}
.anga-campaign-plan__features li {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.55rem 0;
  border-top: 1px solid rgba(31, 28, 28, 0.12);
  font-size: var(--anga-p2-size, 1rem);
}
.anga-campaign-plan__features .bi {
  flex: 0 0 auto;
  margin-top: 0.15rem;
}

@media (max-width: 767px) {
  .anga-campaign-plan:not(.anga-campaign-plan--wireless) .anga-campaign-plan__features {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
  }
}
.anga-campaign-plan--highlight {
  border-color: var(--yellow, #fdfd5e);
  border-width: 2px;
  background: #fffee6;
}

.anga-campaign-plans--wireless .anga-campaign-snap__track {
  align-items: stretch;
}

.anga-campaign-plan--wireless {
  --plan-pad: 1.25rem;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  height: 100%;
  margin: 0;
  padding: 0 var(--plan-pad) 1.5rem;
  overflow: hidden;
  border: 0;
  border-radius: 1.5rem;
  background: #e8eefc;
  color: var(--dark, #1f1c1c);
  box-shadow: none;
  transition: box-shadow 200ms ease-out;
}

.anga-campaign-plan--plus {
  background: #a1bdff;
}

.anga-campaign-plan--entertainment,
.anga-campaign-plan--gaming {
  background: #fcff5a;
}

.anga-campaign-plan--wireless:hover,
.anga-campaign-plan--wireless:focus-within {
  box-shadow: 0 12px 32px rgba(31, 28, 28, 0.1);
}

.anga-campaign-plan--wireless .anga-campaign-plan__save {
  flex: 0 0 auto;
  margin: 0 calc(-1 * var(--plan-pad)) 1rem;
  padding: 0.75rem var(--plan-pad);
  min-height: 2.75rem;
  border-radius: 0;
  text-align: center;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.35;
  background: #d4b0ff;
  color: var(--dark, #1f1c1c);
}

.anga-campaign-plan__badge-slot {
  display: flex;
  align-items: center;
  min-height: 2rem;
  margin: 0 0 0.5rem;
}

.anga-campaign-plan--wireless .anga-campaign-plan__badge {
  margin: 0;
  padding: 0.3rem 0.75rem;
  background: #fff;
  color: #1f1c1c;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.anga-campaign-plan__name {
  margin: 0 0 0.35rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
  opacity: 0.72;
}

.anga-campaign-plan--wireless .anga-campaign-plan__audience {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  margin: 0 0 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.anga-campaign-plan__price {
  margin: 0 0 1.25rem;
}

.anga-campaign-plan__lead {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.4rem 0.55rem;
  margin: 0;
}

.anga-campaign-plan__amount {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.anga-campaign-plan__meta {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  opacity: 0.85;
}

.anga-campaign-plan__then {
  margin: 0.4rem 0 0;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.4;
  opacity: 0.8;
}

.anga-campaign-plan--wireless .anga-campaign-plan__features {
  flex: 1 1 auto;
  margin: 0 0 1.25rem;
  padding: 0;
}
.anga-campaign-plan--wireless .anga-campaign-plan__features li {
  border-top: 0;
  padding: 0.35rem 0;
  font-size: 0.9375rem;
  opacity: 0.92;
}
.anga-campaign-plan--wireless .anga-campaign-plan__features .bi {
  margin-top: 0.1rem;
  opacity: 0.85;
}

.anga-campaign-plan--wireless .anga-campaign-cta {
  margin-top: auto;
}

@media (min-width: 768px) {
  .anga-campaign-plans--wireless .anga-campaign-snap__track {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: auto auto auto auto auto 1fr auto;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    row-gap: 0;
    align-items: stretch;
  }
  @supports (grid-template-rows: subgrid) {
    .anga-campaign-plan--wireless {
      display: grid;
      grid-template-rows: subgrid;
      grid-row: span 7;
      height: auto;
    }
    .anga-campaign-plan--wireless .anga-campaign-cta {
      margin-top: 0;
      align-self: end;
    }
  }
}
.anga-campaign-snap__track {
  display: grid;
  gap: 1rem;
}

.anga-campaign-snap__dots {
  display: none;
}

@media (max-width: 767px) {
  .anga-campaign-snap--peek .anga-campaign-snap__track {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 1.25rem;
    overscroll-behavior-x: contain;
    touch-action: manipulation;
    gap: 0.75rem;
    padding-inline: 0.15rem 1.25rem;
    scrollbar-width: none;
  }
  .anga-campaign-snap--peek .anga-campaign-snap__track::-webkit-scrollbar {
    display: none;
  }
  .anga-campaign-snap--peek .anga-campaign-card,
  .anga-campaign-snap--peek .anga-campaign-reviews__card,
  .anga-campaign-snap--peek .anga-campaign-plan--wireless {
    flex: 0 0 min(85vw, 20.5rem);
    width: min(85vw, 20.5rem);
    scroll-snap-align: start;
  }
  .anga-campaign-snap--peek .anga-campaign-card--media {
    padding: 0;
  }
  .anga-campaign-snap--peek .anga-campaign-snap__dots {
    display: flex;
    justify-content: center;
    gap: 0.4rem;
    margin-top: 1rem;
  }
  .anga-campaign-snap__dot {
    position: relative;
    flex: 0 0 auto;
    width: 0.45rem;
    height: 0.45rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--dark, #1f1c1c);
    opacity: 0.25;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    line-height: 0;
    cursor: pointer;
  }
  .anga-campaign-snap__dot::after {
    content: "";
    position: absolute;
    inset: -0.55rem;
  }
  .anga-campaign-snap__dot.is-active {
    opacity: 1;
  }
  .anga-campaign-setup .anga-campaign-snap--peek .anga-campaign-snap__track {
    display: block;
    overflow: visible;
    scroll-snap-type: none;
    padding-inline: 0;
  }
  .anga-campaign-setup .anga-campaign-snap--peek .anga-campaign-reviews__card {
    width: 100%;
    flex: none;
  }
}
@media (min-width: 768px) {
  .anga-campaign-snap__track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }
}
@media (min-width: 992px) {
  .anga-campaign-snap__track {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (prefers-reduced-motion: reduce) {
  .anga-campaign-cta,
  .anga-campaign-plan--wireless {
    transition: none;
  }
  .anga-campaign-card--media video {
    animation: none;
  }
}
@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  .anga-campaign-snap--peek .anga-campaign-snap__track {
    display: flex;
    flex-direction: column;
    overflow-x: visible;
    scroll-snap-type: none;
    padding-inline: 0;
    gap: 1rem;
  }
  .anga-campaign-snap--peek .anga-campaign-card,
  .anga-campaign-snap--peek .anga-campaign-reviews__card,
  .anga-campaign-snap--peek .anga-campaign-plan--wireless {
    flex: 1 1 auto;
    width: 100%;
  }
  .anga-campaign-snap--peek .anga-campaign-snap__dots {
    display: none;
  }
}
.anga-campaign-compare__table-wrap {
  display: none;
}

.anga-campaign-compare__cards {
  display: grid;
  gap: 1rem;
}

.anga-campaign-spec dl {
  margin: 0.75rem 0 1.25rem;
}
.anga-campaign-spec dl > div {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.65rem 0;
  border-top: 1px solid rgba(31, 28, 28, 0.12);
}
.anga-campaign-spec dl dt {
  font-weight: 400;
  opacity: 0.7;
}
.anga-campaign-spec dl dd {
  margin: 0;
  text-align: end;
  font-weight: 500;
}

@media (min-width: 768px) {
  .anga-campaign-compare__table-wrap {
    display: block;
  }
  .anga-campaign-compare__cards {
    display: none;
  }
  .anga-campaign-compare__table {
    width: 100%;
    border-collapse: collapse;
  }
  .anga-campaign-compare__table caption {
    caption-side: top;
  }
  .anga-campaign-compare__table th, .anga-campaign-compare__table td {
    padding: 0.85rem 1rem;
    border-bottom: 1px solid rgba(31, 28, 28, 0.12);
    text-align: start;
    vertical-align: top;
    background: transparent;
  }
  .anga-campaign-compare__table thead th {
    position: sticky;
    top: 0;
    background: var(--anga-bg-light, #fbfbfb);
    font-weight: 600;
  }
  .anga-campaign-compare__table tbody th {
    font-weight: 400;
  }
  .anga-campaign-compare__num {
    text-align: end;
  }
}
.anga-campaign-voice {
  padding: 4.5rem 0;
  background: #fcff5a;
  color: var(--dark, #1f1c1c);
}

.anga-campaign-voice__copy {
  text-align: start;
  max-width: 43rem;
}

.anga-campaign-voice__copy .anga-h2 {
  margin: 0 0 1rem;
  font-weight: 800;
}

.anga-campaign-voice__copy .anga-p1 {
  margin: 0 0 1.75rem;
}

.anga-campaign-voice__copy .anga-campaign-hero__actions {
  margin-top: 0;
}

.anga-campaign-voice__media {
  display: flex;
  justify-content: center;
}

.anga-campaign-voice__waves {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.45rem;
  width: min(100%, 18.5rem);
}

.anga-campaign-voice__bubble {
  position: relative;
  width: 78%;
  padding: 1.05rem 1.35rem;
  border-radius: 1.75rem;
  background: #e4e4e4;
}
.anga-campaign-voice__bubble:nth-child(odd)::after {
  content: "";
  position: absolute;
  bottom: 0.55rem;
  inset-inline-end: -0.28rem;
  width: 0.7rem;
  height: 0.7rem;
  background: inherit;
  border-radius: 0.15rem;
  transform: rotate(32deg);
}
.anga-campaign-voice__bubble:nth-child(2) {
  align-self: flex-start;
  background: #cde8d0;
}
.anga-campaign-voice__bubble:nth-child(2)::after {
  content: "";
  position: absolute;
  bottom: 0.55rem;
  inset-inline-start: -0.28rem;
  inset-inline-end: auto;
  width: 0.7rem;
  height: 0.7rem;
  background: inherit;
  border-radius: 0.15rem;
  transform: rotate(-32deg);
}

.anga-campaign-voice__media img,
.anga-campaign-voice__media video {
  display: block;
  width: 100%;
  height: auto;
}

.anga-campaign-voice__gif {
  width: min(100%, 22rem);
  border-radius: 1.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.anga-campaign-voice__wave {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.32rem;
  height: 2.5rem;
}
.anga-campaign-voice__wave span {
  display: block;
  width: 0.32rem;
  border-radius: 99px;
  background: #1a237e;
  transform-origin: 50% 50%;
  animation: anga-voice-wave 1.15s ease-in-out infinite;
}
.anga-campaign-voice__wave span:nth-child(1), .anga-campaign-voice__wave span:nth-child(15) {
  height: 0.35rem;
  animation-delay: 0s;
}
.anga-campaign-voice__wave span:nth-child(2), .anga-campaign-voice__wave span:nth-child(14) {
  height: 0.5rem;
  animation-delay: 0.06s;
}
.anga-campaign-voice__wave span:nth-child(3), .anga-campaign-voice__wave span:nth-child(13) {
  height: 0.75rem;
  animation-delay: 0.12s;
}
.anga-campaign-voice__wave span:nth-child(4), .anga-campaign-voice__wave span:nth-child(12) {
  height: 1.15rem;
  animation-delay: 0.18s;
}
.anga-campaign-voice__wave span:nth-child(5), .anga-campaign-voice__wave span:nth-child(11) {
  height: 1.65rem;
  animation-delay: 0.24s;
}
.anga-campaign-voice__wave span:nth-child(6), .anga-campaign-voice__wave span:nth-child(10) {
  height: 1.15rem;
  animation-delay: 0.3s;
}
.anga-campaign-voice__wave span:nth-child(7), .anga-campaign-voice__wave span:nth-child(9) {
  height: 0.85rem;
  animation-delay: 0.36s;
}
.anga-campaign-voice__wave span:nth-child(8) {
  height: 2.15rem;
  animation-delay: 0.42s;
}

@keyframes anga-voice-wave {
  0%, 100% {
    transform: scaleY(0.55);
  }
  50% {
    transform: scaleY(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .anga-campaign-voice__wave span {
    animation: none;
  }
}
@media (min-width: 992px) {
  .anga-campaign-voice {
    padding: 7.5rem 0;
    min-height: 28rem;
  }
  .anga-campaign-voice__inner--media {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 26rem;
    align-items: center;
    gap: 2rem 2.5rem;
  }
  .anga-campaign-voice__media {
    justify-content: flex-end;
  }
  .anga-campaign-voice__waves {
    width: 26rem;
  }
  .anga-campaign-voice__bubble {
    width: 13.5rem;
  }
}
@media (min-width: 992px) {
  [dir=rtl] .anga-section--header .offcanvas-body .navbar-nav {
    margin-inline-start: auto;
    margin-inline-end: 0;
  }
}
@media (min-width: 992px) {
  [dir=rtl] .anga-section--header .navbar .navbar-nav {
    direction: rtl;
    flex-direction: row;
  }
}
[dir=rtl] .anga-section--hero .hero-chat-preview {
  left: 6%;
  right: auto;
  inset-inline-start: auto;
  inset-inline-end: 6%;
}
[dir=rtl] .hero-chat-preview__thread {
  align-items: flex-end;
}
[dir=rtl] .anga-section--step .step-visual__overflow {
  inset-inline-start: auto;
  inset-inline-end: 0;
}
[dir=rtl] .anga-section--contact .qr-code-container {
  text-align: start;
}
@media (min-width: 992px) {
  [dir=rtl] .anga-design-premium-cards.anga-section--header {
    margin-inline-start: 1rem;
    margin-inline-end: 1rem;
  }
}
[dir=rtl] .anga-design-phantom-motion .step-content,
[dir=rtl] .anga-design-phantom-motion .contact-hero-section__content,
[dir=rtl] .anga-design-phantom-motion .about-who-we-are-section__content,
[dir=rtl] .anga-design-phantom-motion .testimonial-quote,
[dir=rtl] .anga-design-premium-cards .step-content,
[dir=rtl] .anga-design-premium-cards .contact-hero-section__content,
[dir=rtl] .anga-design-premium-cards .about-who-we-are-section__content,
[dir=rtl] .anga-design-premium-cards .testimonial-quote,
[dir=rtl] .anga-design-minimal-seo .step-content,
[dir=rtl] .anga-design-minimal-seo .contact-hero-section__content,
[dir=rtl] .anga-design-minimal-seo .about-who-we-are-section__content,
[dir=rtl] .anga-design-minimal-seo .testimonial-quote,
[dir=rtl] .anga-design-clean-modern .step-content,
[dir=rtl] .anga-design-clean-modern .contact-hero-section__content,
[dir=rtl] .anga-design-clean-modern .about-who-we-are-section__content,
[dir=rtl] .anga-design-clean-modern .testimonial-quote {
  text-align: start;
}
[dir=rtl] .anga-section--how-it-works,
[dir=rtl] .meet-omar-section,
[dir=rtl] .about-values-section,
[dir=rtl] .testimonial-section,
[dir=rtl] .anga-section--faq,
[dir=rtl] .anga-section--contact,
[dir=rtl] .contact-hero-section {
  text-align: start;
}
[dir=rtl] .anga-section--step .row.align-items-center {
  direction: rtl;
}
[dir=rtl] .anga-section--step .row.align-items-center .step-content,
[dir=rtl] .anga-section--step .row.align-items-center .step-visual-stage,
[dir=rtl] .anga-section--step .row.align-items-center .phone-mockup {
  direction: rtl;
}
[dir=rtl] .meet-omar-details .row {
  direction: rtl;
}
[dir=rtl] .meet-omar-details__image {
  margin-left: 0;
  margin-right: auto;
}
[dir=rtl] .contact-hero-section__grid {
  direction: rtl;
}
[dir=rtl] .testimonial-section__row {
  direction: rtl;
}
[dir=rtl] .about-who-we-are-section__grid {
  direction: rtl;
  text-align: start;
}
[dir=rtl] .about-split-card {
  direction: rtl;
}
[dir=rtl] .about-split-card__copy {
  text-align: start;
}
[dir=rtl] .about-promise-section,
[dir=rtl] .about-omar-teaser-section {
  text-align: center;
}
[dir=rtl] .about-meet-omar-section__layout {
  direction: rtl;
}
[dir=rtl] .about-meet-omar-section__intro {
  text-align: start;
}
@media (max-width: 991px) {
  [dir=rtl] .about-meet-omar-section__intro {
    text-align: center;
  }
}
[dir=rtl] .about-hero-section__content {
  direction: ltr;
  justify-content: center;
}
[dir=rtl] .about-hero-section__title,
[dir=rtl] .about-hero-section h1,
[dir=rtl] .about-hero-section__line {
  text-align: center;
}
[dir=rtl] .about-hero-section h1 {
  direction: rtl;
}
[dir=rtl] .footer-top--home {
  text-align: start;
}
[dir=rtl] .anga-footer-layout--contact .footer-card,
[dir=rtl] .anga-footer-layout--home .footer-nav {
  text-align: start;
}
@media (min-width: 992px) {
  [dir=rtl] .anga-footer-layout--contact .footer-card {
    text-align: start;
  }
}
[dir=rtl] .accordion-button::after {
  margin-inline-start: auto;
  margin-inline-end: 0;
}
[dir=rtl] .meet-omar-visual__control {
  inset-inline-end: 1rem;
  inset-inline-start: auto;
}
[dir=rtl] .anga-campaign-hero__grid,
[dir=rtl] .anga-campaign-voice__inner--media,
[dir=rtl] .anga-campaign-proof__partner,
[dir=rtl] .anga-campaign-compare__table {
  direction: rtl;
}

.anga-chat-template-scaler {
  width: min(20rem, 100%);
  max-width: 100%;
  position: relative;
  overflow: visible;
  flex-shrink: 0;
}

@media (min-width: 992px) {
  .anga-chat-template-scaler {
    width: 20rem;
    max-width: 100%;
    margin-inline-start: auto;
    margin-inline-end: 0;
  }
}
.anga-chat-template {
  --phone-width: 357px;
  --phone-height: 736px;
  --screen-bg: #e9e4de;
  --header-bg: rgba(247, 247, 247, 0.72);
  --ios-blue: #2f9cff;
  --incoming-bg: rgba(250, 250, 250, 0.68);
  --outgoing-bg: #dcf8c6;
  --text-color: #494949;
  --wa-time-in: rgba(0, 0, 0, 0.45);
  --wa-time-out: rgba(17, 73, 45, 0.6);
  --wa-tick-sent: #8696a0;
  --wa-tick-delivered: #8696a0;
  --wa-tick-read: #53bdeb;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--phone-width);
  height: var(--phone-height);
  transform-origin: top left;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Arial, sans-serif;
  direction: ltr;
}

.anga-chat-template[dir=rtl] {
  direction: rtl;
}

/* ponytail: chat rows stay LTR-positioned (user right, contact left); bubbles use dir=auto for Arabic text */
.anga-chat-template[dir=rtl] .chat {
  direction: ltr;
}

.anga-chat-template .phone {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 51px;
  padding: 7px;
  background: linear-gradient(90deg, #3d3d3f 0%, #090909 11%, #2a2a2c 19%, #050505 35%, #38383a 50%, #060606 65%, #2b2b2d 81%, #090909 90%, #444446 100%);
  box-shadow: 0 32px 55px rgba(28, 35, 70, 0.28), 0 9px 15px rgba(0, 0, 0, 0.28), inset 0 0 0 1px rgba(255, 255, 255, 0.22), inset 0 0 0 3px rgba(0, 0, 0, 0.76);
}

.anga-chat-template .phone::before {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 48px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  pointer-events: none;
}

.anga-chat-template .phone::after {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 41px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.85);
  pointer-events: none;
}

.anga-chat-template .side-button {
  position: absolute;
  background: linear-gradient(180deg, #38383a, #101012);
}

.anga-chat-template .side-button.left-top {
  left: -4px;
  top: 125px;
  width: 4px;
  height: 58px;
  border-radius: 4px 0 0 4px;
}

.anga-chat-template .side-button.left-bottom {
  left: -4px;
  top: 203px;
  width: 4px;
  height: 78px;
  border-radius: 4px 0 0 4px;
}

.anga-chat-template .side-button.right {
  right: -4px;
  top: 299px;
  width: 4px;
  height: 93px;
  border-radius: 0 4px 4px 0;
}

.anga-chat-template .screen {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 43px;
  background: var(--screen-bg);
}

.anga-chat-template .island {
  position: absolute;
  top: 20px;
  left: 50%;
  width: 98px;
  height: 31px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: #050505;
  z-index: 20;
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.06), 0 1px 2px rgba(255, 255, 255, 0.06);
}

.anga-chat-template .island::after {
  content: "";
  position: absolute;
  inset-block-start: 9px;
  inset-inline-end: 15px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, rgba(86, 100, 150, 0.85), rgba(16, 20, 32, 0.75) 58%, #030303);
}

.anga-chat-template .status {
  height: 56px;
  padding-block-start: 17px;
  padding-inline: 25px 22px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  color: #111;
  background: #f7f7f7;
  font-size: 13px;
  line-height: 1;
  font-weight: 600;
  position: relative;
  z-index: 5;
}

.anga-chat-template .status-icons {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #111;
}

.anga-chat-template .status-icons svg {
  display: block;
}

.anga-chat-template .header {
  height: 52px;
  padding-inline: 15px 17px;
  display: flex;
  align-items: center;
  background: var(--header-bg);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  backdrop-filter: blur(16px);
  position: relative;
  z-index: 4;
}

.anga-chat-template .back {
  width: 20px;
  height: 38px;
  display: grid;
  place-items: center;
  margin-inline-end: 10px;
  color: var(--ios-blue);
}

.anga-chat-template[dir=rtl] .back svg {
  transform: scaleX(-1);
}

.anga-chat-template .avatar {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  margin-inline-end: 9px;
  border-radius: 50%;
  overflow: hidden;
}

.anga-chat-template .avatar img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.anga-chat-template .title {
  flex: 1;
  min-width: 0;
  color: #303030;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.anga-chat-template .header-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  color: var(--ios-blue);
}

.anga-chat-template .header-actions svg {
  display: block;
}

.anga-chat-template .chat {
  position: absolute;
  inset: 108px 0 0 0;
  padding: 13px 18px 0;
  background: var(--screen-bg);
}

.anga-chat-template .date-pill {
  width: 66px;
  height: 14px;
  margin: 0 auto 16px;
  display: grid;
  place-items: center;
  border-radius: 5px;
  background: #dbe1eb;
  color: #5c5c5c;
  font-size: 10px;
  line-height: 1;
}

.anga-chat-template .chat-row {
  display: flex;
  flex-wrap: nowrap;
  margin-block-end: 8px;
  margin-inline: 0;
  margin-top: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(7px);
  animation: angaChatMessageIn 0.6s cubic-bezier(0.18, 0.78, 0.22, 1) forwards;
  animation-delay: var(--delay, 0s);
}

/* ponytail: nth-child delays survive PageSpeed stripping inline style attrs */
.anga-chat-template[data-step="1"] .chat-row:nth-child(2) {
  --delay: 0.13s;
}

.anga-chat-template[data-step="1"] .chat-row:nth-child(3) {
  --delay: 0.36s;
}

.anga-chat-template[data-step="1"] .chat-row:nth-child(4) {
  --delay: 0.63s;
}

.anga-chat-template[data-step="1"] .chat-row:nth-child(5) {
  --delay: 0.96s;
}

.anga-chat-template[data-step="2"] .chat-row:nth-child(2) {
  --delay: 0.13s;
}

.anga-chat-template[data-step="2"] .chat-row:nth-child(3) {
  --delay: 0.36s;
}

.anga-chat-template[data-step="2"] .chat-row:nth-child(4) {
  --delay: 0.59s;
}

.anga-chat-template[data-step="2"] .chat-row:nth-child(5) {
  --delay: 0.83s;
}

.anga-chat-template[data-step="2"] .chat-row:nth-child(6) {
  --delay: 1.06s;
}

.anga-chat-template[data-step="2"] .chat-row:nth-child(7) {
  --delay: 1.29s;
}

.anga-chat-template[data-step="2"] .chat-row:nth-child(8) {
  --delay: 1.55s;
}

.anga-chat-template[data-step="3"] .chat-row:nth-child(2) {
  --delay: 0.13s;
}

.anga-chat-template[data-step="3"] .chat-row:nth-child(3) {
  --delay: 0.46s;
}

.anga-chat-template[data-step="3"] .chat-row:nth-child(4) {
  --delay: 0.86s;
}

.anga-chat-template[data-step="3"] .chat-row:nth-child(5) {
  --delay: 1.25s;
}

.anga-chat-template .chat-row.out {
  justify-content: flex-end;
}

.anga-chat-template .bubble {
  position: relative;
  display: inline-grid;
  grid-template-columns: minmax(0, 1fr);
  max-width: min(253px, 86%);
  min-width: 0;
  padding: 6px 7px 7px 9px;
  border-radius: 7.5px;
  background: var(--incoming-bg);
  color: var(--text-color);
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: -0.18px;
  box-shadow: 0 1px 0.5px rgba(11, 20, 26, 0.13);
  unicode-bidi: plaintext;
  --bubble-meta-width: 44px;
}

.anga-chat-template .bubble-text {
  grid-area: 1/1;
  display: block;
  min-width: 0;
  word-break: break-word;
}
.anga-chat-template .bubble-text::after {
  content: "";
  display: inline-block;
  width: var(--bubble-meta-width);
  height: 0.85em;
  vertical-align: bottom;
}

.anga-chat-template .bubble.multiline .bubble-text {
  white-space: pre-line;
}

.anga-chat-template .bubble-meta {
  grid-area: 1/1;
  place-self: end end;
  display: inline-flex;
  align-items: flex-end;
  gap: 2px;
  flex-shrink: 0;
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  white-space: nowrap;
  z-index: 1;
  margin: 0 0 1px 2px;
}

.anga-chat-template .bubble-time {
  font-size: 0.786em;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
}

.anga-chat-template .bubble-meta--in .bubble-time {
  color: var(--wa-time-in);
}

.anga-chat-template .bubble-meta--out .bubble-time {
  color: var(--wa-time-out);
}

.anga-chat-template .bubble-ticks {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.15em;
  height: 0.79em;
  flex-shrink: 0;
}

.anga-chat-template .bubble-ticks--sent {
  width: 0.86em;
  color: var(--wa-tick-sent);
}

.anga-chat-template .bubble-ticks--delivered {
  color: var(--wa-tick-delivered);
}

.anga-chat-template .bubble-ticks--read {
  color: var(--wa-tick-read);
}

.anga-chat-template .bubble-ticks svg {
  display: block;
  width: 100%;
  height: 100%;
}

.anga-chat-template .chat-row.out .bubble {
  max-width: min(253px, 86%);
  width: auto;
  background: var(--outgoing-bg);
  color: #546d4f;
  text-align: start;
  border-radius: 7.5px 0 7.5px 7.5px;
  --bubble-meta-width: 62px;
}

.anga-chat-template .chat-row:not(.out) .bubble {
  border-radius: 0 7.5px 7.5px 7.5px;
}

.anga-chat-template .bubble.first,
.anga-chat-template .bubble.second,
.anga-chat-template .bubble.last {
  width: auto;
}

.anga-chat-template .bubble.multiline {
  white-space: normal;
}

.anga-chat-template .bubble.last {
  position: relative;
}

.anga-chat-template .chat-row.cta {
  justify-content: center;
}

.anga-chat-template .bubble.cta {
  width: auto;
  max-width: 253px;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: #039b5c;
  font-weight: 600;
  text-align: center;
}

.anga-chat-template .reaction {
  position: absolute;
  inset-inline-end: -18px;
  inset-block-end: -13px;
  width: 36px;
  height: 30px;
  display: grid;
  place-items: center;
  pointer-events: none;
  opacity: 0;
  transform-origin: 50% 70%;
  animation: angaChatHeartEnter 0.62s cubic-bezier(0.16, 0.9, 0.25, 1.25) 1.9s forwards, angaChatHeartIdle 1.8s ease-in-out 2.65s infinite;
}

.anga-chat-template .reaction svg {
  position: relative;
  z-index: 2;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.18)) drop-shadow(0 2px 4px rgba(255, 59, 48, 0.18));
}

.anga-chat-template .reaction::before,
.anga-chat-template .reaction::after {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  opacity: 0;
  background: #ff3b30;
  transform: translate(-50%, -50%);
  animation: angaChatHeartParticles 0.58s ease-out 1.97s forwards;
}

.anga-chat-template .reaction::after {
  background: #ff7a70;
  animation-delay: 2s;
}

.anga-chat-template .home-indicator {
  position: absolute;
  left: 50%;
  bottom: 13px;
  width: 133px;
  height: 5px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: #111;
  z-index: 10;
}

.anga-chat-template[data-step="2"] .bubble {
  font-size: 12.5px;
  line-height: 1.28;
  padding: 5px 6px 6px 8px;
  max-width: min(240px, 88%);
  --bubble-meta-width: 40px;
}

.anga-chat-template[data-step="2"] .chat-row.out .bubble {
  --bubble-meta-width: 56px;
}

.anga-chat-template[data-step="2"] .bubble-time {
  font-size: 0.8em;
}

.anga-chat-template[data-step="2"] .bubble-ticks {
  width: 1.1em;
  height: 0.76em;
}

.anga-chat-template[data-step="2"] .bubble-ticks--sent {
  width: 0.82em;
}

.anga-chat-template[data-step="2"] .chat-row {
  margin-block-end: 5px;
}

@keyframes angaChatMessageIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes angaChatHeartEnter {
  0% {
    opacity: 0;
    transform: translate(10px, 12px) scale(0.2) rotate(-18deg);
  }
  45% {
    opacity: 1;
    transform: translate(0, -2px) scale(1.28) rotate(7deg);
  }
  68% {
    transform: translate(0, 1px) scale(0.92) rotate(-3deg);
  }
  84% {
    transform: translate(0, 0) scale(1.07) rotate(1deg);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) scale(1) rotate(0);
  }
}
@keyframes angaChatHeartIdle {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.055);
  }
}
@keyframes angaChatHeartParticles {
  0% {
    opacity: 0.9;
    box-shadow: 0 0 0 #ff3b30, 0 0 0 #ff7a70, 0 0 0 #ff3b30, 0 0 0 #ff7a70;
  }
  100% {
    opacity: 0;
    box-shadow: -14px -11px 0 #ff3b30, 12px -13px 0 #ff7a70, -10px 10px 0 #ff7a70, 13px 8px 0 #ff3b30;
  }
}
@media (prefers-reduced-motion: reduce) {
  .anga-chat-template .chat-row,
  .anga-chat-template .reaction,
  .anga-chat-template .reaction::before,
  .anga-chat-template .reaction::after {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.anga-chat-template--static .chat-row {
  animation: none;
  opacity: 1;
  transform: none;
}

.anga-chat-template--static .reaction {
  animation: none;
  opacity: 1;
}

/* Shared mega menu panel geometry — root import so PurgeCSS cannot strip it. */
.anga-mega-panel {
  padding: 0;
  border: 0;
  background: #fff;
  min-width: min(1080px, 100vw - 2rem);
  width: min(1080px, 100vw - 2rem);
  max-width: calc(100vw - 2rem);
  cursor: default;
  text-align: start;
}

[dir=rtl] .anga-mega-panel {
  direction: rtl;
}

@media (min-width: 992px) {
  .anga-section--header .navbar,
  .anga-section--header .navbar > .container,
  .anga-section--header .navbar .navbar-collapse,
  .anga-section--header .navbar .offcanvas-body,
  .anga-section--header .navbar .navbar-nav {
    overflow: visible;
  }
  .nav-item.anga-mega-menu {
    position: static;
  }
  .nav-item.anga-mega-menu .anga-mega-panel {
    position: absolute;
    top: 100%;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    margin-top: 0.5rem;
    border: 1px solid #e8e8e8;
    border-radius: 24px;
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.16);
    z-index: 1040;
  }
  .nav-item.anga-mega-menu .anga-mega-panel::before {
    content: "";
    position: absolute;
    top: -0.75rem;
    left: 0;
    right: 0;
    height: 0.75rem;
  }
}
@media (max-width: 991px) {
  .nav-item.anga-mega-menu .anga-mega-panel {
    position: static !important;
    float: none;
    transform: none !important;
    width: 100%;
    min-width: 0;
    margin-top: 0;
    box-shadow: none;
    border-radius: 16px;
  }
}
/* Virgin mega menu — scoped under .anga-mega-panel--virgin */
.anga-mega-panel--virgin {
  --mega-brand: #e10a0a;
  --mega-brand-accent: #ff4d4d;
  --mega-brand-soft: #fff3f3;
  --mega-brand-deep: #9a0808;
  --mega-text: #1f1c1c;
  --mega-text-inverse: #fff;
}

.anga-mega-panel--virgin .anga-mega-panel__inner {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.25rem;
}

.anga-mega-panel--virgin .anga-mega-panel__hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem 1.35rem;
  border-radius: 18px;
  color: var(--mega-text-inverse);
  background: linear-gradient(135deg, #1f1c1c 0%, var(--mega-brand-deep) 42%, var(--mega-brand) 100%);
}

.anga-mega-panel--virgin .anga-mega-panel__brand {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-width: 0;
}

.anga-mega-panel--virgin .anga-mega-panel__logo--virgin {
  flex-shrink: 0;
  width: auto;
  max-height: 44px;
  padding: 0.35rem 0.65rem;
  border-radius: 10px;
  background: #fff;
  -o-object-fit: contain;
     object-fit: contain;
}

.anga-mega-panel--virgin .anga-mega-panel__eyebrow {
  margin: 0 0 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.9;
}

.anga-mega-panel--virgin .anga-mega-panel__tagline {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.45;
  max-width: 34rem;
}

.anga-mega-panel--virgin .anga-mega-panel__badge {
  flex-shrink: 0;
  align-self: flex-start;
  padding: 0.45rem 0.85rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.35);
  font-size: 0.8125rem;
  font-weight: 700;
  white-space: nowrap;
}

.anga-mega-panel--virgin .anga-mega-panel__through-anga {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.65rem 0.85rem;
  border-radius: 14px;
  background: var(--primary-color, #fdfd5e);
  border: 0;
}

.anga-mega-panel--virgin .anga-mega-panel__omar {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.anga-mega-panel--virgin .anga-mega-panel__through-anga-text {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.45;
  color: rgba(31, 28, 28, 0.88);
}

.anga-mega-panel--virgin .anga-mega-panel__section-title {
  margin: 0 0 0.75rem;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mega-brand);
  text-align: start;
}

.anga-mega-panel--virgin .anga-mega-panel__offers {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

.anga-mega-panel--virgin .anga-mega-offer {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 1rem;
  border-radius: 16px;
  text-decoration: none;
  color: var(--mega-text);
  background: var(--mega-brand-soft);
  border: 1px solid transparent;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.anga-mega-panel--virgin .anga-mega-offer:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--mega-brand) 35%, transparent);
  box-shadow: 0 12px 28px color-mix(in srgb, var(--mega-brand) 18%, transparent);
  color: var(--mega-text);
}

.anga-mega-panel--virgin .anga-mega-offer__pill {
  align-self: flex-start;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--mega-text-inverse);
  background: var(--mega-brand);
}

.anga-mega-panel--virgin .anga-mega-offer__name {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
}

.anga-mega-panel--virgin .anga-mega-offer__price {
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--mega-brand);
}

.anga-mega-panel--virgin .anga-mega-offer__desc {
  font-size: 0.8125rem;
  line-height: 1.45;
  color: rgba(31, 28, 28, 0.78);
  flex: 1;
}

.anga-mega-panel--virgin .anga-mega-offer__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.35rem;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--mega-brand);
}

.anga-mega-panel--virgin .anga-mega-panel__features {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.anga-mega-panel--virgin .anga-mega-panel__features li {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: rgba(31, 28, 28, 0.82);
}
.anga-mega-panel--virgin .anga-mega-panel__features li i {
  color: var(--mega-brand);
}

.anga-mega-panel--virgin .anga-mega-panel__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  padding-top: 0.25rem;
  border-top: 1px solid rgba(31, 28, 28, 0.08);
}

.anga-mega-panel--virgin .anga-mega-panel__cta {
  border: 0;
  border-radius: 999px;
  padding: 0.7rem 1.25rem;
  font-weight: 700;
  color: var(--mega-text-inverse);
  background: var(--mega-brand);
  text-decoration: none;
}
.anga-mega-panel--virgin .anga-mega-panel__cta:hover {
  color: var(--mega-text-inverse);
  background: var(--mega-brand-deep);
}

.anga-mega-panel--virgin .anga-mega-panel__note {
  margin: 0;
  flex: 1 1 16rem;
  font-size: 0.75rem;
  line-height: 1.45;
  color: rgba(31, 28, 28, 0.62);
}

@media (min-width: 992px) and (max-width: 1199px) {
  .anga-mega-panel--virgin .anga-mega-panel__offers {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .anga-mega-panel--virgin .anga-mega-panel__offers {
    grid-template-columns: 1fr;
  }
  .anga-mega-panel--virgin .anga-mega-panel__hero {
    flex-direction: column;
  }
  .anga-mega-panel--virgin .anga-mega-panel__footer {
    flex-direction: column;
    align-items: stretch;
  }
  .anga-mega-panel--virgin .anga-mega-panel__cta {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 991px) and (min-width: 576px) {
  .navbar .offcanvas .anga-mega-panel--virgin .anga-mega-panel__offers {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* du mega menu — wireless Plug & Go panel, scoped under .du-mega-menu */
.du-mega-menu {
  --du-aqua: #00a9ce;
  --du-violet: #753bbd;
  --du-magenta: #c724b1;
  --du-navy: #00205b;
  --du-neutral-dark: var(--dark, #1f1c1c);
  --du-grey: #47536b;
  --du-white: #fff;
  --du-hairline: #e8e8e8;
  --du-consumer-gradient: linear-gradient(90deg, #2e5bff 0%, #8b9cff 48%, #d4a5ff 100%);
  font-family: "Rubik", system-ui, -apple-system, sans-serif;
  color: var(--du-neutral-dark);
  background: var(--du-white);
}

[dir=rtl] .du-mega-menu,
.du-mega-menu[dir=rtl] {
  direction: rtl;
  text-align: start;
  --du-consumer-gradient: linear-gradient(270deg, #2e5bff 0%, #8b9cff 48%, #d4a5ff 100%);
}

.du-mega-menu__inner {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1rem;
}

@media (min-width: 992px) {
  .du-mega-menu__inner {
    gap: 2rem;
    padding: 2rem;
  }
}
.du-mega-menu__hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  border-radius: 16px;
  color: var(--du-white);
  background: var(--du-consumer-gradient);
  position: relative;
  overflow: hidden;
}
.du-mega-menu__hero::after {
  content: "";
  position: absolute;
  inset: -30% -20% auto auto;
  width: 55%;
  height: 120%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.18) 0%, transparent 68%);
  pointer-events: none;
}

.du-mega-menu__brand {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-width: 0;
  position: relative;
  z-index: 1;
}

.du-mega-menu__logo {
  flex-shrink: 0;
  display: block;
  width: auto;
  height: 72px;
  max-height: 72px;
  -o-object-fit: contain;
     object-fit: contain;
}

.du-mega-menu__eyebrow {
  margin: 0 0 0.25rem;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.du-mega-menu__tagline {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.45;
  max-width: 34rem;
}

.du-mega-menu__verify {
  flex-shrink: 0;
  align-self: center;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  min-width: 44px;
  padding: 0.5rem 1.15rem;
  border-radius: var(--anga-radius-pill, 30px);
  background: var(--du-white);
  color: var(--du-neutral-dark);
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
  transition: background 180ms ease-out, color 180ms ease-out, opacity 180ms ease-out;
}
.du-mega-menu__verify:hover {
  background: var(--anga-bg-light, #fbfbfb);
  color: var(--du-neutral-dark);
}
.du-mega-menu__verify:focus-visible {
  outline: 2px solid var(--du-white);
  outline-offset: 3px;
}

.du-mega-menu__heading {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem 1.5rem;
}

.du-mega-menu__title {
  margin: 0;
  font-size: 1.75rem;
  line-height: 1.2;
}

.du-mega-menu__view-all {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 44px;
  font-size: 0.9375rem;
  font-weight: 400;
  color: var(--du-neutral-dark);
  text-decoration: none;
  cursor: pointer;
  transition: opacity 180ms ease-out;
}
.du-mega-menu__view-all:hover {
  opacity: 0.7;
  color: var(--du-neutral-dark);
}
.du-mega-menu__view-all:focus-visible {
  outline: 2px solid var(--du-neutral-dark);
  outline-offset: 3px;
}

.du-mega-menu__offers {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

.du-mega-menu__offer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  min-height: 44px;
  padding: 1.25rem;
  border-radius: 16px;
  text-decoration: none;
  color: var(--du-neutral-dark);
  background: var(--du-white);
  border: 2px solid var(--du-hairline);
  box-shadow: none;
  cursor: pointer;
  transition: border-color 180ms ease-out, opacity 180ms ease-out;
}
.du-mega-menu__offer:hover {
  border-color: var(--du-neutral-dark);
  color: var(--du-neutral-dark);
  transform: none;
  box-shadow: none;
}
.du-mega-menu__offer:focus-visible {
  outline: 2px solid var(--du-neutral-dark);
  outline-offset: 3px;
}
.du-mega-menu__offer--featured {
  background: var(--anga-bg-light, #fbfbfb);
}

.du-mega-menu__offer-pill {
  align-self: flex-start;
  padding: 0.2rem 0.65rem;
  border-radius: var(--anga-radius-pill, 30px);
  border: 1px solid var(--du-hairline);
  background: var(--du-white);
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--du-neutral-dark);
}

.du-mega-menu__offer-name {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
}

.du-mega-menu__offer-price {
  margin: 0;
  color: var(--du-neutral-dark);
}

.du-mega-menu__offer-lead {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.2rem 0.4rem;
  margin: 0;
}

.du-mega-menu__offer-amount {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.du-mega-menu__offer-meta {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3;
  opacity: 0.85;
}

.du-mega-menu__offer-then {
  margin: 0.2rem 0 0.15rem;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.4;
  opacity: 0.8;
}

.du-mega-menu__offer-desc {
  margin: 0;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--du-grey);
}

.du-mega-menu__offer-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  min-width: 44px;
  margin-top: 0.25rem;
  padding: 0.65rem 1.15rem;
  border-radius: var(--anga-radius-pill, 30px);
  border: 2px solid var(--du-neutral-dark);
  background: var(--anga-cta-green, #33d951);
  color: #000;
  font-size: 0.875rem;
  font-weight: 600;
  pointer-events: none;
}

.du-mega-menu__omar-band {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.25rem;
  border-radius: 16px;
  background: var(--yellow, #fdfd5e);
}

.du-mega-menu__omar {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid var(--du-neutral-dark);
  box-shadow: none;
}

.du-mega-menu__omar-copy {
  margin: 0;
  flex: 1;
  font-size: 1rem;
  line-height: 1.45;
}

.du-mega-menu__omar-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  min-height: 44px;
  min-width: 44px;
  padding: 0.65rem 1.25rem;
  border-radius: var(--anga-radius-pill, 30px);
  border: 2px solid var(--du-neutral-dark);
  background: var(--du-neutral-dark);
  color: var(--du-white);
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
  transition: background 180ms ease-out, color 180ms ease-out, opacity 180ms ease-out;
}
.du-mega-menu__omar-cta:hover {
  opacity: 0.88;
  color: var(--du-white);
  transform: none;
}
.du-mega-menu__omar-cta:focus-visible {
  outline: 2px solid var(--du-neutral-dark);
  outline-offset: 3px;
}

.du-mega-menu__features {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.du-mega-menu__features li {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 1rem;
  line-height: 1.4;
  color: var(--du-neutral-dark);
}
.du-mega-menu__features li i {
  flex-shrink: 0;
  margin-top: 0.15rem;
  font-size: 1.25rem;
  color: var(--du-neutral-dark);
}

@media (min-width: 768px) {
  .du-mega-menu__omar-band {
    flex-direction: row;
    align-items: center;
  }
  .du-mega-menu__features {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
  }
}
@media (min-width: 992px) {
  .du-mega-menu__offers {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
  }
}
@media (max-width: 991px) {
  .du-mega-menu__hero {
    flex-direction: column;
  }
  .du-mega-menu__verify {
    align-self: stretch;
  }
}
@media (prefers-reduced-motion: reduce) {
  .du-mega-menu__verify,
  .du-mega-menu__view-all,
  .du-mega-menu__offer,
  .du-mega-menu__omar-cta {
    transition: none;
  }
}
:root {
  --yellow: #FDFD5E;
  --lavender: #d8b8f5;
  --lavender-light: #e7e2f5;
  --mint: #c8f5d8;
  --dark: #1f1c1c;
  --purple-bg: #d4c4f0;
  --periwinkle: #b8c9ff;
  --faq-section-bg: #d4b0ff;
  --anga-bg-light: #fbfbfb;
  --anga-cta-green: #33d951;
}

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

body {
  font-family: var(--primary-font, "DM Sans", sans-serif);
  color: var(--dark);
  overflow-x: hidden;
}

body.anga-landing {
  /* overflow:clip clips without creating a scroll container — sticky How It Works needs that.
     (overflow-x:hidden alone promotes overflow-y to auto and can spawn a second scrollbar.) */
  overflow-x: clip;
  overflow-y: clip;
}

/* Landing: step decorations use wide layers; lock document width (some browsers only scroll on html). */
html:has(body.anga-landing) {
  overflow-x: clip;
  /* overflow-y intentionally left alone: html is the real page scroller. */
}

body.anga-landing main {
  overflow-x: clip;
  overflow-y: clip;
  max-width: 100%;
}

body.anga-landing {
  font-family: "Rubik", var(--primary-font, sans-serif), sans-serif;
  background: var(--anga-bg-light, #fbfbfb);
}

.navbar {
  position: relative;
  z-index: 1030;
  background: var(--primary-color, #fdfd5e);
  padding: 0.625rem 0;
  min-height: 3.75rem;
  align-items: center;
  --anga-header-inset-x: var(--anga-page-inset-x);
}

.navbar > .container {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  /* Match hero horizontal inset so logo + CTA align with the hero card edges. */
  max-width: none;
  width: 100%;
  padding-left: var(--anga-header-inset-x);
  padding-right: var(--anga-header-inset-x);
}

@media (min-width: 992px) {
  .navbar {
    padding: 14px 0;
    min-height: 4.5rem;
  }
  .navbar .navbar-collapse {
    flex-grow: 0;
  }
  /* Nav is absolutely centered; lang switcher + CTA live in .anga-header-end (design-system). */
}
.navbar-brand {
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 0;
}

/* Logo — fixed 161x87 to match the live site exactly (theme option logo_height is kept
   in sync so Botble's inline max-height style does not clip it below 87px). */
.navbar-brand img {
  width: 161px;
  height: 87px;
  max-width: 161px;
  -o-object-fit: contain;
     object-fit: contain;
  vertical-align: middle;
}

.navbar-nav .nav-link {
  color: var(--dark) !important;
  font-weight: 300;
  margin: 0.35rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 999px;
  transition: background-color 0.2s ease, color 0.2s ease;
}

@media (min-width: 992px) {
  .navbar-nav .nav-link {
    margin: 0 15px;
    font-size: 18px;
  }
  /* Pill-shaped translucent tray behind the nav links, matching the live header.
     Absolutely centered on .navbar (not flex-pushed) so it stays dead-center regardless
     of how wide the logo or CTA button are — flex/auto-margin centering only centers
     within the leftover space next to the CTA, which drifts off-center. */
  .navbar-nav {
    background: rgba(255, 255, 255, 0.55);
    border: 0;
    border-radius: 999px;
    padding: 0.5rem 0.5rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-left: 0 !important;
  }
}
@media (min-width: 992px) {
  [dir=rtl] .anga-section--header .navbar .navbar-nav {
    direction: rtl;
    flex-direction: row;
  }
  [dir=rtl] .anga-section--header .navbar-nav .dropdown-toggle::after {
    margin-left: 0;
    margin-inline-start: 0.255em;
  }
}
/* Hover matches the "Chat on WhatsApp" CTA's base (non-hover) color — solid dark pill. */
.navbar-nav .nav-link:hover {
  background: var(--dark, #1f1c1c);
  color: #fff !important;
}

/* Keep the active brand toggle highlighted while its mega panel is open,
   so the dark pill stays put when the cursor moves down into the panel. */
.navbar-nav .nav-link.dropdown-toggle.show {
  background: var(--dark, #1f1c1c);
  color: #fff !important;
}

/* Bootstrap default focus ring is blue — use brand primary instead. */
.navbar-nav .nav-link:focus-visible {
  outline: 2px solid var(--primary-color, #fdfd5e);
  outline-offset: 2px;
  box-shadow: none;
}

.nav-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid var(--dark);
  border-radius: 50%;
  margin-left: 10px;
}

/* Brand mega menus — du & Virgin Mobile */
.nav-item.anga-mega-menu .dropdown-toggle::after {
  margin-inline-start: 0.35rem;
}

@media (min-width: 992px) {
  .nav-item.anga-mega-menu > .nav-link.dropdown-toggle {
    cursor: pointer;
  }
}
.anga-mega-panel {
  --mega-brand: #753bbd;
  --mega-brand-accent: #00a9ce;
  --mega-brand-soft: #f3ebfb;
  --mega-brand-deep: #4f2d87;
  --mega-text: #1f1c1c;
  --mega-text-inverse: #fff;
  padding: 0;
  border: 0;
  background: #fff;
  min-width: min(1080px, 100vw - 2rem);
  cursor: default;
  /* Bootstrap .dropdown-menu sets text-align:left — use logical start for RTL. */
  text-align: start;
}

.anga-mega-panel--virgin {
  --mega-brand: #e10a0a;
  --mega-brand-accent: #ff4d4d;
  --mega-brand-soft: #fff3f3;
  --mega-brand-deep: #9a0808;
}

[dir=rtl] .anga-mega-panel {
  direction: rtl;
}

.anga-mega-panel__inner {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.25rem;
}

.anga-mega-panel__hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem 1.35rem;
  border-radius: 18px;
  color: var(--mega-text-inverse);
  background: linear-gradient(135deg, var(--mega-brand-deep) 0%, var(--mega-brand) 55%, var(--mega-brand-accent) 100%);
}

.anga-mega-panel--virgin .anga-mega-panel__hero {
  background: linear-gradient(135deg, #1f1c1c 0%, var(--mega-brand-deep) 42%, var(--mega-brand) 100%);
}

.anga-mega-panel__brand {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-width: 0;
}
.anga-mega-panel__brand img {
  flex-shrink: 0;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.anga-mega-panel__brand .anga-mega-panel__logo--virgin {
  max-height: 44px;
  padding: 0.35rem 0.65rem;
  border-radius: 10px;
  background: #fff;
}

.anga-mega-panel__eyebrow {
  margin: 0 0 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.9;
}

.anga-mega-panel__tagline {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.45;
  max-width: 34rem;
}

.anga-mega-panel__badge {
  flex-shrink: 0;
  align-self: flex-start;
  padding: 0.45rem 0.85rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.35);
  font-size: 0.8125rem;
  font-weight: 700;
  white-space: nowrap;
}

.anga-mega-panel__through-anga {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.65rem 0.85rem;
  border-radius: 14px;
  background: var(--primary-color, #fdfd5e);
  border: 0;
}

.anga-mega-panel__omar {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.anga-mega-panel__through-anga-text {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.45;
  color: rgba(31, 28, 28, 0.88);
}

.anga-mega-panel__section-title {
  margin: 0 0 0.75rem;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mega-brand);
  text-align: start;
}

.anga-mega-panel__offers {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

.anga-mega-offer {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 1rem;
  border-radius: 16px;
  text-decoration: none;
  color: var(--mega-text);
  background: var(--mega-brand-soft);
  border: 1px solid transparent;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.anga-mega-offer:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--mega-brand) 35%, transparent);
  box-shadow: 0 12px 28px color-mix(in srgb, var(--mega-brand) 18%, transparent);
  color: var(--mega-text);
}

.anga-mega-offer__pill {
  align-self: flex-start;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--mega-text-inverse);
  background: var(--mega-brand);
}

.anga-mega-offer__name {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
}

.anga-mega-offer__price {
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--mega-brand-deep);
}

.anga-mega-panel--virgin .anga-mega-offer__price {
  color: var(--mega-brand);
}

.anga-mega-offer__desc {
  font-size: 0.8125rem;
  line-height: 1.45;
  color: rgba(31, 28, 28, 0.78);
  flex: 1;
}

.anga-mega-offer__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.35rem;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--mega-brand);
}

.anga-mega-panel__features {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.anga-mega-panel__features li {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: rgba(31, 28, 28, 0.82);
}
.anga-mega-panel__features li i {
  color: var(--mega-brand);
}

.anga-mega-panel__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  padding-top: 0.25rem;
  border-top: 1px solid rgba(31, 28, 28, 0.08);
}

.anga-mega-panel__cta {
  border: 0;
  border-radius: 999px;
  padding: 0.7rem 1.25rem;
  font-weight: 700;
  color: var(--mega-text-inverse);
  background: var(--mega-brand);
  text-decoration: none;
}
.anga-mega-panel__cta:hover {
  color: var(--mega-text-inverse);
  background: var(--mega-brand-deep);
}

.anga-mega-panel__note {
  margin: 0;
  flex: 1 1 16rem;
  font-size: 0.75rem;
  line-height: 1.45;
  color: rgba(31, 28, 28, 0.62);
}

@media (min-width: 992px) {
  .anga-section--header .navbar,
  .anga-section--header .navbar > .container,
  .anga-section--header .navbar .navbar-collapse,
  .anga-section--header .navbar .offcanvas-body,
  .anga-section--header .navbar .navbar-nav {
    overflow: visible;
  }
  .nav-item.anga-mega-menu {
    position: static;
  }
  /* Static popper + centered panel — same geometry in LTR and RTL. */
  .nav-item.anga-mega-menu .anga-mega-panel {
    position: absolute;
    top: 100%;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    margin-top: 0.5rem;
    border-radius: 24px;
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.16);
    z-index: 1040;
    /* Invisible bridge so the cursor can cross the gap without closing the menu. */
  }
  .nav-item.anga-mega-menu .anga-mega-panel::before {
    content: "";
    position: absolute;
    top: -0.75rem;
    left: 0;
    right: 0;
    height: 0.75rem;
  }
}
@media (max-width: 991px) {
  .nav-item.anga-mega-menu .anga-mega-panel {
    position: static !important;
    float: none;
    transform: none !important;
    width: 100%;
    min-width: 0;
    margin-top: 0;
    box-shadow: none;
    border-radius: 16px;
  }
  .anga-mega-panel__offers {
    grid-template-columns: 1fr;
  }
  .anga-mega-panel__hero {
    flex-direction: column;
  }
  .anga-mega-panel__footer {
    flex-direction: column;
    align-items: stretch;
  }
  .anga-mega-panel__cta {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 991px) and (min-width: 576px) {
  .navbar .offcanvas .anga-mega-panel__offers {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .anga-mega-panel__offers {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.navbar-toggler {
  border: none;
  border-radius: 0;
  padding: 0.35rem 0.5rem;
  box-shadow: none !important;
  background: transparent;
}

.navbar-toggler:focus {
  box-shadow: none;
}

@media (max-width: 991px) {
  .navbar .offcanvas.offcanvas-start {
    position: fixed;
    inset-block: 0;
    inset-inline: 0 auto;
    height: 100dvh;
    width: 100%;
    max-width: 100vw;
    border: 0;
    background: #ececec;
    z-index: 2000;
    display: flex;
    flex-direction: column;
    /* Beat Bootstrap .navbar-collapse collapsing width quirks */
    flex-grow: 1;
  }
  .navbar .offcanvas.navbar-collapse {
    width: 100% !important;
    max-width: 100vw !important;
  }
  .navbar .offcanvas-header {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    box-sizing: border-box;
    padding-block: calc(0.75rem + env(safe-area-inset-top, 0px)) 0.5rem;
    padding-inline: calc(1.25rem + env(safe-area-inset-left, 0px)) calc(1.25rem + env(safe-area-inset-right, 0px));
  }
  .navbar .offcanvas-header .anga-offcanvas-close {
    flex: 0 0 auto;
    margin: 0;
    margin-inline-start: auto;
    min-width: 2.75rem;
    min-height: 2.75rem;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    border-radius: 0;
    opacity: 1;
    filter: none;
    background-size: 1.25rem;
  }
  .navbar .offcanvas-body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-block: 1rem 1.5rem;
    /* Full-bleed dividers: horizontal padding lives on the links, not the list. */
    padding-inline: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  .navbar .offcanvas .navbar-nav {
    width: 100% !important;
    max-width: 100%;
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    align-items: stretch !important;
    gap: 0;
    margin: 0 !important;
    background: transparent;
    border-radius: 0;
    padding: 0;
  }
  .navbar .offcanvas .nav-item {
    width: 100%;
    border-bottom: 1px solid rgba(31, 28, 28, 0.08);
  }
  .navbar .offcanvas .nav-item:last-child {
    border-bottom: 0;
  }
  .navbar .offcanvas .navbar-nav .nav-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.75rem;
    width: 100%;
    min-height: 2.75rem;
    margin: 0;
    padding: 0.85rem calc(1.5rem + env(safe-area-inset-right, 0px)) 0.85rem calc(1.5rem + env(safe-area-inset-left, 0px));
    /* H3 visual — keep <a> for a11y; uniform size across items */
    font-size: var(--anga-h3-size, 1.25rem);
    font-weight: 700;
    line-height: 1.25;
    border-radius: 0;
    background: transparent !important;
    color: #1f1c1c !important;
    text-align: start;
  }
  .navbar .offcanvas .navbar-nav .nav-link:hover, .navbar .offcanvas .navbar-nav .nav-link:focus, .navbar .offcanvas .navbar-nav .nav-link.show {
    background: transparent !important;
    color: #1f1c1c !important;
  }
  .navbar .offcanvas .navbar-nav .nav-link.dropdown-toggle::after {
    flex-shrink: 0;
    margin: 0;
    margin-inline-start: 0.75rem;
    border-width: 0.15em;
    vertical-align: middle;
    transition: transform 0.2s ease;
  }
  .navbar .offcanvas .navbar-nav .nav-link.dropdown-toggle.show::after {
    transform: rotate(180deg);
  }
  .navbar .offcanvas .nav-item.dropdown .dropdown-menu,
  .navbar .offcanvas .nav-item.anga-mega-menu .anga-mega-panel {
    position: static !important;
    float: none;
    transform: none !important;
    inset: auto !important;
    width: 100%;
    min-width: 0;
    margin: 0 0 0.75rem;
    padding: 0;
    border: 0;
    border-radius: 12px;
    box-shadow: none;
  }
  .navbar .offcanvas .anga-mega-panel__inner {
    padding: 1rem;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  }
  .navbar .offcanvas .dropdown-menu .dropdown-item {
    padding: 0.65rem 0.85rem;
    border-radius: 8px;
    font-size: 1rem;
  }
  .navbar .offcanvas .offcanvas-footer {
    flex: 0 0 auto;
    padding-block: 1rem calc(1rem + env(safe-area-inset-bottom, 0px));
    padding-inline: calc(1.5rem + env(safe-area-inset-left, 0px)) calc(1.5rem + env(safe-area-inset-right, 0px));
    border-top: 1px solid rgba(31, 28, 28, 0.08);
    background: #ececec;
  }
}
/* Hero Section — solid yellow frame with an inset, rounded-corner image card (matches live site). */
.hero-section {
  background: var(--yellow);
  position: relative;
  padding: 1rem var(--anga-page-inset-x) 1.25rem;
}

@media (min-width: 768px) {
  .hero-section {
    padding-top: 1.25rem;
    padding-bottom: 1.75rem;
  }
}
@media (min-width: 992px) {
  .hero-section {
    padding-top: 1.5rem;
    padding-bottom: 2rem;
  }
}
.hero-content {
  position: relative;
  border-radius: 1.5rem;
  min-height: 26rem;
  display: flex;
  align-items: center;
  padding: 2.5rem 1.25rem;
  overflow: hidden;
  isolation: isolate;
}

@media (min-width: 992px) {
  .hero-content {
    border-radius: 2rem;
  }
}
.hero-content__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: var(--hero-bg-position-mobile, center 25%);
     object-position: var(--hero-bg-position-mobile, center 25%);
  z-index: 0;
  pointer-events: none;
}

@media (min-width: 992px) {
  .hero-content__bg {
    -o-object-position: var(--hero-bg-position, center center);
       object-position: var(--hero-bg-position, center center);
  }
}
@media (min-width: 768px) {
  .hero-content {
    min-height: 32rem;
    padding: 3rem 2.25rem;
  }
  @supports (height: 1dvh) {
    .hero-content {
      min-height: min(75dvh, 32rem);
    }
  }
}
@media (min-width: 992px) {
  .hero-content {
    min-height: 500px;
    padding: 60px;
  }
}
.hero-content__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.hero-content__overlay--gradient-start {
  background: linear-gradient(to inline-end, var(--hero-overlay-start, rgba(0, 0, 0, 0.58)) 0%, var(--hero-overlay-mid, rgba(0, 0, 0, 0.2)) 45%, transparent 85%);
}

.hero-content__overlay--solid {
  background: var(--hero-overlay-start, rgba(0, 0, 0, 0.58));
}

.hero-content__overlay--gradient-full {
  background: linear-gradient(to bottom, var(--hero-overlay-start, rgba(0, 0, 0, 0.49)) 0%, var(--hero-overlay-mid, rgba(0, 0, 0, 0.26)) 100%);
}

/* Mobile: extra scrim on top of CMS inline overlay (LTR + RTL). Side gradients read weak on narrow viewports. */
@media (max-width: 991px) {
  .hero-content__overlay::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.62) 100%);
    pointer-events: none;
  }
}
.hero-content > .container {
  position: relative;
  z-index: 2;
}

.hero-text {
  position: relative;
  z-index: 2;
  color: white;
  max-width: min(41.5rem, 100%);
}

.hero-text h1 {
  font-size: clamp(2.75rem, 7vw, 4.5rem);
  font-weight: 800;
  line-height: 1.08;
  margin-bottom: 1rem;
  /* Soft shadow + the scrim keeps copy readable on bright hero photos. */
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), 0 2px 20px rgba(0, 0, 0, 0.55);
}

@media (min-width: 992px) {
  .hero-text h1 {
    font-size: 4.5rem;
    margin-bottom: 20px;
  }
}
.hero-text p,
.hero-text .hero-text__subtitle {
  margin-bottom: 25px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75), 0 1px 14px rgba(0, 0, 0, 0.5);
}

/* Mobile: P2 (16px). Desktop: P1 (20px) for readability on large hero. */
.hero-text .hero-text__subtitle.anga-p2,
.hero-text p.anga-p2 {
  font-size: var(--anga-p2-size, 1rem);
  line-height: 1.5;
}

@media (min-width: 992px) {
  .hero-text .hero-text__subtitle.anga-p2,
  .hero-text p.anga-p2 {
    font-size: var(--anga-p1-size, 1.25rem);
    line-height: 1.55;
  }
}
.btn-yellow {
  background: var(--mint);
  color: var(--dark);
  border: none;
  padding: 12px 25px;
  border-radius: 30px;
  font-weight: 600;
  margin-right: 10px;
  transition: all 0.3s;
}

.btn-yellow:hover {
  background: #b4efc9;
  color: var(--dark);
}

/* Hero CTAs — Phase 2: green primary regular, black hover; white outline secondary. */
.hero-text .btn.btn-hero-primary {
  background: var(--anga-cta-green, #33d951);
  color: #000;
  border: 2px solid #000;
  padding: 12px 26px;
  font-size: 1.05rem;
  border-radius: 999px;
  font-weight: 300;
  margin-right: 10px;
  box-shadow: none;
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.hero-text .btn.btn-hero-primary:hover {
  background: #000;
  border-color: #000;
  color: #fff;
  box-shadow: none;
  transform: none;
}

.hero-text .btn.btn-hero-outline {
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
  padding: 8px 15px;
  border-radius: 999px;
  font-weight: 300;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55), 0 2px 10px rgba(0, 0, 0, 0.35);
  box-shadow: none;
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.hero-text .btn.btn-hero-outline:hover {
  background: #fff;
  color: #000;
  border-color: #fff;
  text-shadow: none;
  box-shadow: none;
  transform: none;
}

.btn-outline-light-custom {
  background: transparent;
  color: white;
  border: 1px solid white;
  padding: 12px 25px;
  border-radius: 30px;
  font-weight: 500;
  transition: all 0.3s;
}

.btn-outline-light-custom:hover {
  background: white;
  color: var(--dark);
}

/* Floating message bubbles (no card/header) — matches the live site's stacked chat preview. */
.hero-chat-preview {
  display: none;
  position: absolute;
  right: 6%;
  left: auto;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: min(19rem, 32vw);
}

[dir=rtl] .anga-section--hero .hero-chat-preview {
  right: auto;
  left: 6%;
  inset-inline-start: auto;
  inset-inline-end: 6%;
}

@media (min-width: 992px) {
  .hero-chat-preview {
    display: block;
  }
}
.hero-chat-preview__thread {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.6rem;
}

.hero-chat-preview__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  opacity: 0;
}

@media (prefers-reduced-motion: no-preference) {
  .hero-chat-preview__row {
    animation: heroChatFadeIn 0.5s ease forwards;
  }
  .hero-chat-preview__row:nth-child(1) {
    animation-delay: 0.15s;
  }
  .hero-chat-preview__row:nth-child(2) {
    animation-delay: 0.45s;
  }
  .hero-chat-preview__row:nth-child(3) {
    animation-delay: 0.75s;
  }
  @keyframes heroChatFadeIn {
    from {
      opacity: 0;
      transform: translateY(12px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}
/* Reduced-motion: rows visible immediately (opacity 1 fallback) */
@media (prefers-reduced-motion: reduce) {
  .hero-chat-preview__row {
    opacity: 1;
  }
}
.hero-chat-preview__avatar {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  flex-shrink: 0;
  align-self: center;
}

.hero-chat-preview__bubble {
  background: #fbfaf3;
  color: #1f1c1c;
  border-radius: 999px;
  padding: 0.55rem 1rem;
  font-size: 0.75rem;
  line-height: 1.4;
  text-align: start;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06);
}

.hero-chat-preview__bubble--accent {
  background: #1a5c30;
  color: #fff;
}

/* Partners — mobile first */
.partners-section {
  padding: 1.25rem 0 0.75rem;
  background: var(--anga-bg-light, #fbfbfb);
}

.partners-section__row {
  --bs-gutter-x: 1.25rem;
  --bs-gutter-y: 1rem;
  /* Reserve just enough for logos; large min-height looked like empty space before How It Works. */
  min-height: 6.5rem;
}

@media (min-width: 768px) {
  .partners-section {
    padding: 3rem 0;
  }
  .partners-section__row {
    --bs-gutter-x: 2.5rem;
    --bs-gutter-y: 2rem;
  }
}
@media (min-width: 992px) {
  .partners-section {
    padding: 3.5rem 0;
  }
  .partners-section__row {
    --bs-gutter-x: 4rem;
    --bs-gutter-y: 2rem;
    min-height: 11rem;
  }
}
.partner-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  height: 100%;
  padding: 0.5rem 0.75rem;
}

.partner-item__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 4rem;
  width: 100%;
  margin-bottom: 0.25rem;
}

.partner-item__icon picture {
  display: block;
  line-height: 0;
}

.partner-item__icon img {
  height: auto;
  max-height: 5.5rem;
  width: auto;
  max-width: 13rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.partner-item__label {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  color: #333;
  margin: 0;
  max-width: 15rem;
}

@media (min-width: 992px) {
  .partner-item__icon {
    min-height: 8.5rem;
    /* Elle: reduce gap between icons and labels */
    margin-bottom: 0.5rem;
  }
  .partner-item__icon img {
    max-height: 7.5rem;
    max-width: 17rem;
  }
  .partner-item__label {
    font-size: var(--anga-label-size, 0.875rem);
    max-width: 17rem;
  }
}
/* How It Works — mobile first */
.how-it-works-header {
  text-align: center;
  padding: 3.5rem 1rem 2.25rem;
  background: var(--anga-bg-light, #fbfbfb) !important;
}

.how-it-works-header h3,
.how-it-works-header .anga-h3 {
  color: #000;
  margin: 0;
}

@media (max-width: 991px) {
  .how-it-works-header {
    padding: 0.5rem 1rem 0.375rem;
  }
  .how-it-works-header h3,
  .how-it-works-header .anga-h3 {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .how-it-works-header {
    padding: 64px 1.5rem 28px;
    background: var(--anga-bg-light, #fbfbfb);
  }
}
.step-section {
  padding: 2rem 0;
  position: relative;
  /* Do not clip horizontally: text column was getting cut off at the viewport edge */
  overflow-x: visible;
  overflow-y: visible;
  border-radius: 1.5rem;
  margin: 0 0 1.5rem;
}

/* Decorative lines sit above section fill; copy + phone stay on top */
.step-section > .container {
  position: relative;
  z-index: 2;
}

/* Full-bleed wave PNG: decorative WiFi lines flanking the phone mockup */
.step-section__waves {
  display: block;
  position: absolute;
  pointer-events: none;
  z-index: 1;
  overflow: visible;
  /* Mobile: position behind the phone area (bottom portion of section) */
  inset: auto 0 0 0;
  height: 75%;
}

.step-section__waves-img {
  display: block;
  position: absolute;
  width: 55%;
  height: auto;
  max-width: none;
  opacity: 0.55;
  filter: saturate(1.1);
}

/* Left wave: positioned to the left of phone */
.step-section__waves-img--left {
  left: -8%;
  bottom: 5%;
  transform: scaleX(-1); /* Mirror horizontally */
}

/* Right wave: positioned to the right of phone */
.step-section__waves-img--right {
  right: -8%;
  bottom: 5%;
}

/* Mobile step-specific tweaks for visibility */
.step-section__waves--step-1 .step-section__waves-img {
  opacity: 0.5;
}

.step-section__waves--step-2 .step-section__waves-img {
  opacity: 0.5;
}

.step-section__waves--step-3 .step-section__waves-img {
  opacity: 0.5;
}

@media (min-width: 992px) {
  /*
   * Desktop: full section coverage with waves flanking the phone.
   * Overflow hidden to prevent horizontal scroll.
   */
  .step-section__waves {
    inset: 0;
    height: auto;
    overflow: hidden;
  }
  .step-section__waves-img {
    width: 45%;
    opacity: 0.4;
  }
  .step-section__waves-img--left {
    left: -5%;
    bottom: 0;
  }
  .step-section__waves-img--right {
    right: -5%;
    bottom: 0;
  }
  .step-section__waves--step-1 .step-section__waves-img {
    opacity: 0.35;
  }
  .step-section__waves--step-2 .step-section__waves-img {
    opacity: 0.38;
  }
  .step-section__waves--step-3 .step-section__waves-img {
    opacity: 0.36;
  }
}
/* Allow Bootstrap flex columns to shrink so long headings don’t shove copy off-screen */
.step-section .row > [class*=col-] {
  min-width: 0;
}

@media (min-width: 992px) {
  .step-section {
    padding: 40px 0;
    border-radius: 2rem;
    margin: 0;
  }
}
.anga-how-it-scroll-scene {
  position: relative;
  /* Vertical scroll stack only; avoid clipping step copy at the viewport edge */
  overflow-x: visible;
  padding: 1.5rem var(--anga-page-inset-x);
  background: var(--anga-bg-light, #fbfbfb) !important;
}

.anga-how-it-scroll-pin {
  position: relative;
  background: var(--anga-bg-light, #fbfbfb) !important;
}

.anga-how-it-scroll-pin--seq {
  background: var(--anga-bg-light, #fbfbfb) !important;
}

@media (min-width: 992px) {
  .anga-how-it-scroll-scene {
    /* Elle: more L/R padding around the step card */
    padding-block: 1rem 1.5rem;
    padding-inline: max(var(--anga-page-inset-x), 2.5rem);
  }
  /* Header + card pin as one unit; tighter header padding so both stay in view. */
  .anga-how-it-scroll-pin--seq .how-it-works-header {
    padding: 0.75rem 1.5rem 0.5rem;
    background: var(--anga-bg-light, #fbfbfb);
  }
}
.card-scroll-item {
  display: none;
}

.anga-how-it-scroll-stage {
  position: relative;
  background: var(--anga-bg-light, #fbfbfb);
}

.anga-how-it-scroll-layers {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.anga-how-it-scroll-layers > .step-section {
  margin-bottom: 0;
  /* Keep position: relative on mobile so .step-section__waves positions correctly */
  position: relative;
}

@media (min-width: 992px) {
  /* Compact pinned card — was 100vh/100dvh (near full-screen); minimized to a fixed height.
     Rounded corners + the inset frame live HERE on the stage (which never moves), not on the
     sliding .step-section panels. GSAP moves hidden panels with yPercent:100 — a translate by
     the PANEL's own height. If the panel were inset (smaller than the stage), 100% of its own
     height no longer clears the stage's bottom edge, leaving a visible sliver of the next panel
     poking through. Keeping panels full-size (inset: 0) and rounding/framing the stage instead
     gives the same rounded-card look with no math mismatch. */
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq {
    position: relative;
    /* Viewport-relative (clamped) instead of a fixed rem value: on a short viewport a fixed
       height can end up TALLER than the window itself; on a tall viewport it leaves a big
       leftover gap during the pin (JS centers the pin to split that leftover evenly, but a
       smaller leftover to begin with still looks better). */
    height: min(70vh, 42rem);
    min-height: min(70vh, 42rem);
    /* Horizontal gutter lives on .anga-how-it-scroll-scene padding (margin on width:100% overflows). */
    margin: 0;
    width: 100%;
    border-radius: 2rem;
    overflow-x: visible;
    overflow-y: hidden;
    isolation: isolate;
  }
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq .anga-how-it-scroll-layers {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-x: visible;
    overflow-y: hidden;
    /* Promote compositing to reduce 1px seams at panel handoffs */
    transform: translateZ(0);
  }
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq .anga-how-it-scroll-layers > .step-section {
    position: absolute;
    /* Fills the stage exactly (no inset) so yPercent:100 — a translate by the panel's own
       height — lands it fully outside the stage's already-rounded, already-clipped bounds. */
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 28px 0;
    display: flex;
    align-items: center;
    /* Clip vertical stack only; allow horizontal so copy + gutters stay visible */
    overflow-x: visible;
    overflow-y: hidden;
    backface-visibility: hidden;
  }
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq .anga-how-it-scroll-layers > .step-section:nth-child(1) {
    z-index: 1;
  }
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq .anga-how-it-scroll-layers > .step-section:nth-child(2) {
    z-index: 2;
  }
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq .anga-how-it-scroll-layers > .step-section:nth-child(3) {
    z-index: 3;
  }
  /* Title + paragraph stay fixed on the left; only phone/background panels slide. */
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq .anga-how-it-scroll-copy {
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
  }
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq .anga-how-it-scroll-copy__slot {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    opacity: 0;
    pointer-events: none;
  }
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq .anga-how-it-scroll-copy__slot .container {
    height: 100%;
  }
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq .anga-how-it-scroll-copy__slot .step-content {
    pointer-events: auto;
    padding-inline: 1.25rem 0.5rem;
  }
  /* Phone stays in the panel after copy is extracted — keep it on the RIGHT
     (Wix / live layout). Tighter gutter so copy and phone sit closer. */
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq .step-section .row {
    justify-content: flex-end;
    --bs-gutter-x: 0.35rem;
  }
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq .step-section .row > .col-lg-7 {
    flex: 0 0 auto;
    width: auto;
    max-width: 52%;
    display: flex;
    justify-content: flex-end;
    padding-inline-end: 0.25rem;
  }
}
@media (max-width: 991px), (prefers-reduced-motion: reduce) {
  .anga-how-it-scroll-stage:not(.anga-how-it-scroll-stage--seq-mobile),
  .anga-how-it-scroll-stage--seq:not(.anga-how-it-scroll-stage--seq-mobile) {
    height: auto;
    min-height: 0 !important;
    overflow: visible !important;
  }
  .anga-how-it-scroll-stage:not(.anga-how-it-scroll-stage--seq-mobile) .anga-how-it-scroll-layers {
    height: auto;
    min-height: 0 !important;
    overflow: visible !important;
  }
  .anga-how-it-scroll-stage:not(.anga-how-it-scroll-stage--seq-mobile) .anga-how-it-scroll-layers > .step-section {
    /* Keep position: relative so .step-section__waves positions correctly within each section */
    position: relative;
    height: auto;
    min-height: 0;
    overflow: visible;
  }
}
/* Mobile stacked cards — pinned scroll stack (2D yPercent cover). */
@media (max-width: 991px) {
  .anga-how-it-scroll-scene:has(.anga-how-it-scroll-pin--seq-mobile) {
    overflow: visible;
    padding-block: 0;
    margin-top: 0;
  }
  /* Sticky instead of GSAP pin — eliminates iOS pin/transform shake. */
  .anga-how-it-scroll-pin--seq-mobile {
    --how-it-header-gap: 0.25rem;
    --how-it-sticky-top: 0px;
    position: sticky;
    top: var(--how-it-sticky-top);
    width: 100%;
    overflow: hidden;
    background: var(--anga-bg-light, #fbfbfb);
    z-index: 2;
  }
  /* Beat the (min-width:768px) 4.5rem header padding that otherwise wins at 768–991. */
  .anga-how-it-scroll-pin--seq-mobile .how-it-works-header,
  .how-it-works-header {
    padding: 0.25rem 1rem 0.15rem;
    position: relative;
    z-index: 4;
    background: var(--anga-bg-light, #fbfbfb);
  }
  .anga-how-it-scroll-pin--seq-mobile .how-it-works-header h2,
  .anga-how-it-scroll-pin--seq-mobile .how-it-works-header .anga-h2,
  .how-it-works-header h2,
  .how-it-works-header .anga-h2 {
    margin-bottom: 0.15rem;
  }
  .anga-how-it-scroll-pin--seq-mobile .how-it-works-header h3,
  .anga-how-it-scroll-pin--seq-mobile .how-it-works-header .anga-h3,
  .how-it-works-header h3,
  .how-it-works-header .anga-h3 {
    margin-bottom: 0;
  }
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq-mobile {
    --how-it-mobile-peek: 0.35rem;
    position: relative;
    width: 100%;
    margin: var(--how-it-header-gap) 0 0;
    overflow: hidden;
    isolation: isolate;
    perspective: none;
    padding-top: var(--how-it-mobile-peek);
    box-sizing: border-box;
  }
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq-mobile .anga-how-it-scroll-layers {
    position: absolute;
    top: var(--how-it-mobile-peek);
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto !important;
    min-height: 100% !important;
    overflow: hidden !important;
  }
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq-mobile .anga-how-it-scroll-layers > .step-section {
    position: absolute !important;
    inset: 0;
    width: 100%;
    height: 100% !important;
    margin: 0;
    padding: 0.65rem 0 0;
    overflow: hidden;
    border-radius: 1.5rem;
    backface-visibility: hidden;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
  }
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq-mobile .step-section > .container {
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
  }
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq-mobile .step-section .row {
    flex: 1;
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap !important;
    align-items: stretch;
    gap: 0.35rem;
  }
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq-mobile .step-section .row > [class*=col-] {
    width: 100%;
    max-width: 100%;
    min-height: 0;
  }
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq-mobile .step-section .row > [class*=col-]:first-child {
    flex: 0 0 auto;
  }
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq-mobile .step-section .row > [class*=col-]:last-child {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq-mobile .step-content {
    margin-bottom: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 3;
    padding: 0 0.5rem 0.2rem;
    background: inherit;
  }
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq-mobile .step-periwinkle .step-content {
    background: var(--periwinkle);
  }
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq-mobile .step-yellow .step-content {
    background: var(--yellow);
  }
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq-mobile .step-lavender .step-content {
    background: var(--lavender);
  }
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq-mobile .step-content h2,
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq-mobile .step-content h3 {
    margin-bottom: 0.25rem;
  }
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq-mobile .step-content p {
    font-size: var(--anga-p2-size, 1rem);
    line-height: 1.35;
    margin-bottom: 0.4rem;
  }
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq-mobile .step-content .btn {
    margin-bottom: 0.5rem;
    padding: 0.5rem 1.25rem;
    font-size: 0.95rem;
    min-height: 2.5rem;
  }
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq-mobile .step-visual {
    flex: 1 1 0;
    min-height: 0;
    max-height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-top: 0;
  }
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq-mobile .step-visual__overflow {
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    min-height: 0;
    flex: 1;
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq-mobile .step-visual__content {
    width: 100%;
    height: 100%;
    min-height: 0;
    align-items: flex-end;
    padding-bottom: 0;
    overflow: hidden;
  }
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq-mobile .anga-chat-template-scaler,
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq-mobile .step-visual__image {
    /* Bigger phone — nearly full card width. */
    width: min(24rem, 98%);
    max-width: min(24rem, 98%);
    aspect-ratio: auto;
    min-height: 0;
    max-height: 100%;
    margin-inline: auto;
    position: relative;
    overflow: hidden;
  }
  .anga-how-it-scroll-stage.anga-how-it-scroll-stage--seq-mobile .anga-chat-template-scaler[data-anga-scaled] {
    max-height: 100%;
  }
}
.step-yellow {
  background: var(--yellow);
}

.step-lavender {
  background: var(--lavender);
}

.step-purple {
  background: var(--purple-bg);
}

.step-periwinkle {
  background: var(--periwinkle);
}

/* Wix-style stack: centered / end-aligned phone or illustration */
.step-visual {
  position: relative;
  z-index: 2;
  min-height: 12rem;
}

@media (min-width: 992px) {
  .step-visual {
    min-height: 14rem;
    width: auto;
    max-width: 100%;
  }
  /* Phone column: align media to the inner right edge (matches live / Wix). */
  .step-section .row > :last-child {
    display: flex;
    justify-content: flex-end;
  }
  .step-visual:has(.anga-chat-template-scaler) {
    width: 17.5rem;
    max-width: 100%;
    flex-shrink: 0;
  }
  .step-visual__overflow:has(.anga-chat-template-scaler),
  .step-visual__content:has(.anga-chat-template-scaler) {
    width: 100%;
  }
  .step-visual__content {
    justify-content: flex-end;
    width: auto;
    max-width: 100%;
    padding: 0.5rem 0 1.25rem;
  }
  .step-visual__overflow {
    width: auto;
    max-width: 100%;
    overflow: visible;
  }
}
.step-visual__overflow:has(.anga-chat-template-scaler) {
  overflow: visible;
}

.step-visual__overflow {
  position: relative;
  width: 100%;
  min-height: inherit;
  overflow: hidden;
}

.step-visual__content {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: inherit;
  padding: 0.5rem 0 1rem;
}

.step-visual__figure {
  margin: 0;
  text-align: center;
  width: 100%;
  max-width: 19rem;
}

@media (min-width: 992px) {
  .step-visual__figure {
    max-width: 20rem;
    margin-inline-start: auto;
    margin-inline-end: 0;
  }
}
.step-visual__image {
  max-width: 100%;
  height: auto;
  border-radius: 2rem;
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.18);
}

.step-content {
  text-align: center;
  margin-bottom: 2rem;
}

.step-content h2,
.step-content h3 {
  margin-bottom: 1rem;
}

.step-content p {
  font-size: var(--anga-p1-size, 1.25rem);
  line-height: 1.55;
  margin-bottom: 1.25rem;
  max-width: 100%;
}

@media (min-width: 768px) {
  .step-content h2,
  .step-content h3 {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 992px) {
  .step-content {
    text-align: start;
    margin-bottom: 0;
  }
  .step-content h2,
  .step-content h3 {
    margin-bottom: 25px;
  }
  .step-content p {
    margin-bottom: 25px;
    max-width: 100%;
  }
  /* Tighten text ↔ phone gap (Elle: reduce space between copy and illustration).
     Sticky-copy path uses Bootstrap 5/7 split + ::before spacer; keep these for non-seq fallback. */
  .step-section .row {
    --bs-gutter-x: 0.5rem;
  }
}
.btn-outline-dark-custom {
  background: transparent;
  color: var(--dark);
  border: 2px solid #000;
  padding: 12px 25px;
  border-radius: 30px;
  font-weight: 300;
  box-shadow: none;
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.btn-outline-dark-custom:hover {
  background: var(--dark);
  color: white;
  border-color: #000;
  box-shadow: none;
  transform: none;
}

.phone-mockup {
  position: relative;
  z-index: 2;
  text-align: center;
}

.phone-mockup img {
  max-width: 220px;
  width: 100%;
  height: auto;
  border-radius: 30px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

@media (min-width: 992px) {
  .phone-mockup {
    text-align: start;
  }
  .phone-mockup img {
    max-width: 280px;
  }
}
.wave-lines {
  position: absolute;
  inset-inline-end: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.3;
  z-index: 1;
}

.wave-lines svg {
  width: min(7.5rem, 30vw);
  height: auto;
}

@media (min-width: 992px) {
  .wave-lines svg {
    width: 200px;
  }
}
/* Meet Omar Section */
.meet-omar-section {
  background: var(--anga-bg-light, #fbfbfb);
  padding: 3.5rem 0;
}

.meet-omar-section .anga-scroll-anchor {
  display: block;
  position: relative;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}

.meet-omar-header {
  text-align: center;
  margin-bottom: 2rem;
}

.meet-omar-header h2 {
  margin-bottom: 1rem;
}

.meet-omar-header p {
  max-width: 42rem;
  margin: 0 auto;
  color: #1f1c1c;
}

.meet-omar-visual {
  position: relative;
  width: min(44rem, 100%);
  margin: 0 auto 2.2rem;
  padding-top: 2.25rem;
}

.meet-omar-visual__media-wrap {
  position: relative;
  width: min(23rem, 100%);
  margin: 0 auto;
  border-radius: 1.2rem;
  overflow: hidden;
}

.meet-omar-visual__media {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 1.2rem;
}

.meet-omar-visual__media--video {
  aspect-ratio: 491/542;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}

.meet-omar-visual__bubble {
  position: absolute;
  z-index: 2;
  width: min(38%, 14rem);
  pointer-events: none;
}

.meet-omar-visual__bubble-text {
  margin: 0;
  padding: 0.75rem 1rem;
  font-size: clamp(0.7rem, 0.55rem + 0.5vw, 0.875rem);
  line-height: 1.45;
  text-align: start;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.meet-omar-visual__bubble--start {
  inset-inline-start: 0;
  top: 3rem;
}

.meet-omar-visual__bubble--end {
  inset-inline-end: 0;
  top: 3.4rem;
}

.meet-omar-visual__controls {
  position: absolute;
  inset: 0;
  z-index: 3;
}

.meet-omar-visual__play-surface {
  position: absolute;
  inset: 0;
  z-index: 2;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.meet-omar-visual__play-glyph {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.34);
  opacity: 0;
  transition: opacity 0.15s ease;
  pointer-events: none;
}

.meet-omar-visual__media-wrap:hover .meet-omar-visual__play-glyph,
.meet-omar-visual__play-surface:focus-visible .meet-omar-visual__play-glyph,
.meet-omar-visual__play-surface.is-paused .meet-omar-visual__play-glyph {
  opacity: 1;
}

.meet-omar-visual__pause-bars {
  width: 0.68rem;
  height: 0.82rem;
  position: relative;
  display: inline-block;
}

.meet-omar-visual__pause-bars::before,
.meet-omar-visual__pause-bars::after {
  content: "";
  position: absolute;
  top: 0;
  width: 0.2rem;
  height: 100%;
  background: currentColor;
  border-radius: 1px;
}

.meet-omar-visual__pause-bars::before {
  left: 0.08rem;
}

.meet-omar-visual__pause-bars::after {
  right: 0.08rem;
}

.meet-omar-visual__play-triangle {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 0.36rem solid transparent;
  border-bottom: 0.36rem solid transparent;
  border-left: 0.58rem solid currentColor;
  margin-left: 0.1rem;
}

.meet-omar-visual__control {
  position: absolute;
  right: 0.75rem;
  bottom: 0.75rem;
  z-index: 4;
  min-width: 2.75rem;
  min-height: 2.75rem;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.35rem 0.65rem;
  font-size: 0.65rem;
  font-weight: 600;
  color: #fff;
  background: rgba(0, 0, 0, 0.45);
  cursor: pointer;
}

.meet-omar-visual__play-surface [data-when-paused],
.meet-omar-visual__control [data-when-unmuted] {
  display: none;
}

.meet-omar-visual__play-surface.is-paused [data-when-playing],
.meet-omar-visual__control.is-muted [data-when-unmuted] {
  display: none;
}

.meet-omar-visual__play-surface.is-paused [data-when-paused],
.meet-omar-visual__control.is-muted [data-when-muted] {
  display: inline;
}

.meet-omar-details {
  margin-top: 1.4rem;
}

.meet-omar-details__subtitle {
  margin-bottom: 0.9rem;
  color: #1f1c1c;
}

.meet-omar-details__text p {
  color: #222;
  margin-bottom: 0;
  line-height: 1.5;
  font-size: var(--anga-p2-size, 1rem);
  max-width: 23.7rem;
}

.meet-omar-details__image {
  margin: 0;
  width: min(19rem, 100%);
  margin-left: auto;
  margin-right: 0;
  border-radius: 0.8rem;
  overflow: hidden;
  aspect-ratio: 800/450;
}

[dir=rtl] .meet-omar-details__image {
  margin-left: 0;
  margin-right: auto;
}

.meet-omar-details__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 768px) {
  .meet-omar-header {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 992px) {
  .meet-omar-section {
    padding: 96px 0;
  }
  .meet-omar-header {
    margin-bottom: 60px;
  }
  .meet-omar-header h2 {
    margin-bottom: 20px;
  }
  .meet-omar-visual {
    width: min(62rem, 100%);
    margin-bottom: 3rem;
  }
  .meet-omar-visual__media-wrap {
    width: min(31rem, 100%);
  }
  .meet-omar-visual__bubble {
    width: min(32%, 13.5rem);
  }
  .meet-omar-visual__bubble--start {
    inset-inline-start: 2.4rem;
    top: 3.75rem;
  }
  .meet-omar-visual__bubble--end {
    inset-inline-end: 2.4rem;
    top: 4.1rem;
  }
  .meet-omar-details {
    margin-top: 1.9rem;
  }
}
@media (max-width: 767px) {
  .meet-omar-visual {
    padding-top: 1.2rem;
  }
  .meet-omar-visual__bubble {
    width: min(36%, 7.5rem);
  }
  .meet-omar-visual__bubble--start {
    inset-inline-start: 0.2rem;
    top: 1.75rem;
  }
  .meet-omar-visual__bubble--end {
    inset-inline-end: 0.2rem;
    top: 2rem;
  }
  .meet-omar-details__image {
    width: 100%;
    margin-inline-start: 0;
  }
  .meet-omar-details__subtitle {
    margin-bottom: 0.85rem;
  }
  .meet-omar-details__text p {
    max-width: 100%;
    font-size: var(--anga-p2-size, 1rem);
    line-height: 1.55;
  }
}
/* No Browsing Section */
.no-browsing-section {
  background: var(--mint);
  padding: 3rem 1.25rem;
  text-align: center;
}

.no-browsing-section__tagline,
.no-browsing-section h3.anga-h3 {
  margin: 0 0 0.75rem;
  color: #000;
}

.no-browsing-section p {
  margin-bottom: 0.75rem;
}

.no-browsing-section h2,
.no-browsing-section h2.anga-h2 {
  margin-bottom: 1.25rem;
}

.no-browsing-section .btn-outline-dark-custom {
  background: var(--anga-cta-green, #33d951);
  border: 2px solid #000;
  color: #000;
  font-weight: 300;
  box-shadow: none;
}

.no-browsing-section .btn-outline-dark-custom:hover {
  background: #000;
  border-color: #000;
  color: #fff;
  box-shadow: none;
  transform: none;
}

@media (min-width: 992px) {
  .no-browsing-section {
    padding: 84px 0 76px;
  }
  .no-browsing-section p,
  .no-browsing-section__tagline,
  .no-browsing-section h3.anga-h3 {
    margin-bottom: 0.9rem;
  }
  .no-browsing-section h2,
  .no-browsing-section h2.anga-h2 {
    margin-bottom: 1.55rem;
  }
}
/* Testimonial Section */
.testimonial-section {
  background: white;
  padding: 3.5rem 0;
}

@media (min-width: 992px) {
  .testimonial-section {
    padding: 80px 0;
  }
  .testimonial-section__row {
    --bs-gutter-x: 3.75rem;
  }
}
@media (min-width: 1200px) {
  .testimonial-section__row {
    --bs-gutter-x: 4.5rem;
  }
}
.testimonial-image {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.testimonial-image img {
  display: block;
  width: 100%;
  max-width: min(100%, 16rem);
  height: auto;
  border-radius: 20px;
}

@media (min-width: 768px) {
  .testimonial-image img {
    max-width: min(100%, 19.5rem);
  }
}
@media (min-width: 992px) {
  .testimonial-image img {
    max-width: min(100%, 26.5rem);
  }
}
.testimonial-quote {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.25;
}

@media (min-width: 768px) {
  .testimonial-quote {
    font-size: 2rem;
  }
}
@media (min-width: 992px) {
  .testimonial-quote {
    font-size: 4.25rem;
    line-height: 1.05;
  }
}
.testimonial-quote .quote-mark {
  color: #020202;
  display: block;
  line-height: 0;
  margin-bottom: 0.35rem;
}

.testimonial-quote .quote-mark__svg {
  display: block;
  width: 3.25rem;
  height: auto;
}

@media (min-width: 768px) {
  .testimonial-quote .quote-mark__svg {
    width: 3.75rem;
  }
}
@media (min-width: 992px) {
  .testimonial-quote .quote-mark {
    margin-bottom: 0.5rem;
  }
  .testimonial-quote .quote-mark__svg {
    width: 5.25rem;
  }
}
.testimonial-section p.mt-3 {
  font-size: 1.0625rem;
  font-weight: 400;
  color: #1f1c1c;
  margin-top: 0.75rem !important;
}

@media (min-width: 768px) {
  .testimonial-section p.mt-3 {
    font-size: 1.1875rem;
  }
}
@media (min-width: 992px) {
  .testimonial-section p.mt-3 {
    font-size: 1.4375rem;
  }
}
/* UAE Simple Section */
.uae-simple-section {
  position: relative;
  z-index: 1;
  padding: 3.5rem 1.25rem;
  min-height: 24rem;
  isolation: isolate;
  overflow: hidden;
}

.uae-simple-section__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  z-index: 0;
  pointer-events: none;
}

@supports (height: 1dvh) {
  .uae-simple-section {
    min-height: min(70dvh, 24rem);
  }
}
@media (min-width: 992px) {
  .uae-simple-section {
    padding: 100px 0;
    min-height: 500px;
  }
}
.uae-simple-section__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.45);
}

/* Extra bottom-weighted scrim on busy face-grid for mobile readability. */
.uae-simple-section__overlay::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0.65) 100%);
  pointer-events: none;
}

.uae-simple-content {
  position: relative;
  z-index: 2;
  color: white;
  max-width: min(52rem, 100%);
}

.uae-simple-content h2,
.uae-simple-content h2.anga-h2 {
  margin-bottom: 1rem;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), 0 2px 20px rgba(0, 0, 0, 0.55);
}

@media (min-width: 992px) {
  .uae-simple-content h2,
  .uae-simple-content h2.anga-h2 {
    margin-bottom: 25px;
  }
}
.uae-simple-content p,
.uae-simple-content p.anga-p1 {
  font-size: var(--anga-p1-size, 1.25rem);
  margin-bottom: 30px;
  line-height: 1.55;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75), 0 1px 14px rgba(0, 0, 0, 0.5);
}

.uae-simple-content .btn.btn-hero-outline,
.uae-simple-content__cta {
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 999px;
  font-weight: 300;
  box-shadow: none;
  text-shadow: none;
}

.uae-simple-content .btn.btn-hero-outline:hover,
.uae-simple-content__cta:hover {
  background: #fff;
  color: #000;
  border-color: #fff;
  box-shadow: none;
  transform: none;
}

/* FAQ Section */
.faq-section,
.anga-section--faq.faq-section {
  position: relative;
  z-index: 0;
  background: var(--faq-section-bg, #d4b0ff) !important;
  padding: 3.5rem 1rem;
}

.faq-section h2,
.faq-section h2.anga-h2,
.faq-section__title {
  text-align: center;
  margin-bottom: 2rem;
}

@media (min-width: 992px) {
  .faq-section,
  .anga-section--faq.faq-section {
    padding: 80px 0;
  }
  .faq-section h2,
  .faq-section h2.anga-h2,
  .faq-section__title {
    margin-bottom: 50px;
  }
}
.faq-section .accordion-item {
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.faq-section .accordion-header {
  margin: 0;
}

.faq-section .accordion-button {
  position: relative;
  display: flex;
  align-items: flex-start;
  text-align: start;
  background: transparent;
  font-weight: 600;
  font-size: 1rem;
  padding-block: 1.15rem;
  padding-inline: 0 2.25rem;
  box-shadow: none !important;
}

@media (min-width: 992px) {
  .faq-section .accordion-button {
    font-size: 1.1rem;
    padding-block: 25px;
    padding-inline-end: 2.5rem;
  }
}
.faq-section .accordion-button:not(.collapsed) {
  background-color: transparent;
  color: var(--dark);
  box-shadow: none;
}

.faq-section .accordion-button::after {
  position: absolute;
  inset-inline-end: 0;
  top: 1.15rem;
  margin: 0 !important;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

@media (min-width: 992px) {
  .faq-section .accordion-button::after {
    top: 25px;
  }
}
.faq-section .accordion-body {
  padding: 0 0 25px 0;
  color: #666;
  text-align: start;
}

/* Contact Section */
.contact-section {
  background: #000;
  color: #fff;
  padding: 3.5rem 1.25rem;
}

.contact-section h2 {
  margin-bottom: 1.25rem;
  color: #fff;
}

@media (min-width: 992px) {
  .contact-section {
    padding: 80px 0;
  }
  .contact-section h2 {
    margin-bottom: 1.5rem;
  }
}
.contact-intro {
  color: #fff;
  line-height: 1.65;
  font-size: 1rem;
  margin-bottom: 1.75rem;
}

.contact-intro strong {
  font-weight: 700;
  color: #fff;
}

.contact-block .contact-label {
  margin-bottom: 0.35rem;
}

.contact-section .contact-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #fff;
  margin-bottom: 0.35rem;
}

.contact-section .contact-value {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.45;
  color: #fff;
}

.contact-section .contact-value a {
  color: #fff;
  text-decoration: none;
}

.contact-section .contact-value a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.qr-code-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
}

.qr-code-container img {
  display: block;
  width: 100%;
  max-width: 13.75rem;
  height: auto;
  margin-bottom: 1rem;
  border-radius: 1rem;
  background: #fff;
}

@media (min-width: 992px) {
  .qr-code-container img {
    max-width: 15.5rem;
  }
}
.qr-code-container__caption {
  font-size: 0.9375rem;
  line-height: 1.45;
  color: #fff;
  margin: 0;
  max-width: 18rem;
}

/* About and contact standalone pages */
.about-hero-section {
  background: var(--yellow);
  padding: 1rem var(--anga-page-inset-x) 1.25rem;
  text-align: center;
}

@media (min-width: 768px) {
  .about-hero-section {
    padding-top: 1.25rem;
    padding-bottom: 1.75rem;
  }
}
@media (min-width: 992px) {
  .about-hero-section {
    padding-top: 1.5rem;
    padding-bottom: 2rem;
  }
}
.about-hero-section__card {
  position: relative;
  border-radius: 1.5rem;
  min-height: 26rem;
  display: grid;
  overflow: hidden;
  isolation: isolate;
  --about-hero-bg-size: 125%;
}
.about-hero-section__card > * {
  grid-area: 1/1;
}

@media (min-width: 992px) {
  .about-hero-section__card {
    border-radius: 2rem;
    min-height: 32rem;
  }
}
.about-hero-section__bg {
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--about-hero-bg-size);
  height: var(--about-hero-bg-size);
  max-width: none;
  transform: translate(-50%, -50%) scale(1);
  transform-origin: center center;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  z-index: 0;
  pointer-events: none;
  will-change: transform;
}

.about-hero-section__card--zoom-bg .about-hero-section__bg {
  animation: anga-about-hero-bg-zoom 3s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes anga-about-hero-bg-zoom {
  from {
    transform: translate(-50%, -50%) scale(1.42);
  }
  to {
    transform: translate(-50%, -50%) scale(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .about-hero-section__card--zoom-bg .about-hero-section__bg {
    animation: none;
  }
}
.about-hero-section__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.about-hero-section__content {
  position: relative;
  z-index: 2;
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  direction: ltr;
  text-align: center;
  padding: 2.5rem 1.25rem;
  color: #fff;
  box-sizing: border-box;
}

@media (min-width: 992px) {
  .about-hero-section__content {
    padding: 3rem 2.5rem 3.25rem;
  }
}
.about-hero-section__title {
  width: min(52rem, 100%);
  text-align: center;
}

.about-hero-section h1 {
  font-size: clamp(2.25rem, 5.5vw, 3.85rem);
  font-weight: 800;
  line-height: 1.12;
  margin: 0;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.55), 0 4px 16px rgba(0, 0, 0, 0.35);
}

.about-hero-section__line {
  display: block;
  text-align: center;
}

.about-promise-section {
  background: var(--anga-bg-light, #fbfbfb);
  padding: 2.5rem 1rem 1.5rem;
  text-align: center;
}

@media (min-width: 992px) {
  .about-promise-section {
    padding-bottom: 2rem;
  }
}
.about-promise-section__eyebrow {
  margin: 0 0 0.75rem;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}

.about-promise-section__headline {
  margin: 0 0 1.5rem;
}

.about-promise-section__body {
  max-width: 42rem;
  margin: 0 auto;
  font-size: var(--anga-p1-size, 1.25rem);
  line-height: 1.55;
  color: rgba(31, 28, 28, 0.92);
}

.about-promise-section__body--closing {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.about-promise-steps-section {
  background: #fbfbfb;
  padding: 2rem 0 2rem;
}

.about-promise-steps__pin {
  --ps-pin-h: min(70vh, 37.5rem);
  position: sticky;
  /* Center the stack in the viewport (still clear of the nav) */
  top: max(5rem, (100vh - min(70vh, 37.5rem)) / 2);
  height: var(--ps-pin-h);
  z-index: 1;
}

.about-promise-steps-section.is-stacking {
  /* Runway for sticky scrub — keep modest so the section doesn't feel like empty grey */
  min-height: 160vh;
}
.about-promise-steps-section.is-stacking > .container {
  min-height: inherit;
}

.about-promise-steps__stack {
  position: relative;
  /* Fill the page container on small screens — old 355px cap left huge side gaps */
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0 auto;
  border-radius: 30px;
  overflow: hidden;
  perspective: 1000px;
}

.about-promise-steps__card {
  position: absolute;
  left: 0;
  width: 100%;
  transform-origin: center top;
  will-change: transform;
}

.about-promise-steps__card--1 {
  inset: 0;
  z-index: 1;
  border-radius: 30px;
  background-color: #322d2d;
  background-image: linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size: 26px 26px;
  color: #fff;
}

.about-promise-steps__card--2 {
  top: 75px;
  height: calc(100% - 75px);
  z-index: 2;
  border-radius: 28px 28px 0 0;
  background: #d4b1ff;
  color: #050505;
}

.about-promise-steps__card--3 {
  top: 150px;
  height: calc(100% - 150px);
  z-index: 3;
  border-radius: 28px 28px 0 0;
  background-color: #322d2d;
  background-image: linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size: 26px 26px;
  color: #fff;
}

.about-promise-steps__text {
  margin: 0;
  /* inset past border-radius so overflow:hidden doesn't clip glyphs */
  padding: 0 1.75rem;
  max-width: 100%;
  box-sizing: border-box;
  overflow-wrap: break-word;
}

.about-promise-steps__card--1 .about-promise-steps__text {
  position: absolute;
  top: 36px;
  left: 0;
  right: 0;
  color: #fff;
}

.about-promise-steps__card--2 .about-promise-steps__text {
  position: absolute;
  top: 34px;
  left: 0;
  right: 0;
}

.about-promise-steps__card--3 .about-promise-steps__text {
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  color: #fff;
  text-align: center;
}

.about-promise-steps__card--1 .anga-h3,
.about-promise-steps__card--1 h3,
.about-promise-steps__card--3 .anga-h3,
.about-promise-steps__card--3 h3 {
  color: #fff;
}

.about-promise-steps__card--2 .anga-h3,
.about-promise-steps__card--2 h3 {
  color: #050505;
}

.about-promise-steps__card--1,
.about-promise-steps__card--3 {
  container-type: inline-size;
}

.about-promise-steps__card--1 .about-promise-steps__toggle {
  display: none;
}

.about-promise-steps__toggle {
  position: absolute;
  left: 0;
  right: 0;
  top: 98px;
  display: flex;
  justify-content: center;
  transform: none;
  line-height: 0;
}

.about-promise-steps__toggle .theme-toggle {
  --track-w: clamp(135px, 600cqi / 15, 184.8px);
  --track-h: clamp(67.5px, 300cqi / 15, 92.4px);
  --stroke: clamp(2.25px, 10cqi / 15, 3.08px);
  --day: #a1bdff;
  --night: #2b47ed;
  --black: #000;
  --sun: #fcff5a;
  --moon: #d9d9d9;
  --crater: #b3b3b3;
  --star: #fff;
  --knob: clamp(58.5px, 260cqi / 15, 80.08px);
  --knob-stroke: clamp(0.9px, 4cqi / 15, 1.232px);
  --day-x: clamp(33.75px, 150cqi / 15, 46.2px);
  --night-x: clamp(100.125px, 445cqi / 15, 137.06px);
  --knob-y: clamp(33.75px, 150cqi / 15, 46.2px);
  position: relative;
  width: var(--track-w);
  height: var(--track-h);
}

.about-promise-steps__toggle .toggle-track {
  position: absolute;
  inset: 0;
  display: block;
  overflow: hidden;
  border: var(--stroke) solid var(--black);
  border-radius: clamp(225px, 1000cqi / 15, 308px);
  background: var(--day);
  box-shadow: 0 clamp(2.25px, 10cqi / 15, 3.08px) clamp(2.7px, 12cqi / 15, 3.696px) rgba(0, 0, 0, 0.22), inset 0 clamp(0.675px, 3cqi / 15, 0.924px) 0 rgba(255, 255, 255, 0.22);
  animation: anga-ps-track-loop 8.5s ease-in-out infinite;
}

.about-promise-steps__toggle .toggle-track::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 clamp(0.45px, 2cqi / 15, 0.616px) 0 rgba(255, 255, 255, 0.2), inset 0 -clamp(0.9px, 4cqi / 15, 1.232px) clamp(1.8px, 8cqi / 15, 2.464px) rgba(0, 0, 0, 0.08);
}

.about-promise-steps__toggle .stars {
  position: absolute;
  left: clamp(4.5px, 20cqi / 15, 6.16px);
  top: clamp(4.5px, 20cqi / 15, 6.16px);
  width: clamp(60.975px, 271cqi / 15, 83.468px);
  height: clamp(57.825px, 257cqi / 15, 79.156px);
  opacity: 0;
  animation: anga-ps-stars-loop 8.5s ease-in-out infinite;
}

.about-promise-steps__toggle .star {
  position: absolute;
  left: clamp(var(--x) * 0.225 * 1px, var(--x) * 40cqi / 600, var(--x) * 0.308 * 1px);
  top: clamp(var(--y) * 0.225 * 1px, var(--y) * 40cqi / 600, var(--y) * 0.308 * 1px);
  width: clamp(var(--s) * 0.225 * 1px, var(--s) * 40cqi / 600, var(--s) * 0.308 * 1px);
  height: clamp(var(--s) * 0.225 * 1px, var(--s) * 40cqi / 600, var(--s) * 0.308 * 1px);
  border-radius: 50%;
  background: var(--star);
  opacity: var(--o);
}

.about-promise-steps__toggle .sparkle {
  position: absolute;
  left: clamp(var(--x) * 0.225 * 1px, var(--x) * 40cqi / 600, var(--x) * 0.308 * 1px);
  top: clamp(var(--y) * 0.225 * 1px, var(--y) * 40cqi / 600, var(--y) * 0.308 * 1px);
  width: clamp(var(--s) * 0.225 * 1px, var(--s) * 40cqi / 600, var(--s) * 0.308 * 1px);
  height: clamp(var(--s) * 0.225 * 1px, var(--s) * 40cqi / 600, var(--s) * 0.308 * 1px);
  opacity: var(--o);
}

.about-promise-steps__toggle .sparkle::before,
.about-promise-steps__toggle .sparkle::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--star);
  clip-path: polygon(50% 0%, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0% 50%, 38% 38%);
}

.about-promise-steps__toggle .sparkle::after {
  transform: rotate(45deg) scale(0.62);
}

.about-promise-steps__toggle .p1 {
  --x: 153.061;
  --y: 77;
  --s: 6;
  --o: 0.3;
}

.about-promise-steps__toggle .p2 {
  --x: 3.561;
  --y: 126.5;
  --s: 7;
  --o: 0.8;
}

.about-promise-steps__toggle .p3 {
  --x: 240.561;
  --y: 159.5;
  --s: 7;
  --o: 0.8;
}

.about-promise-steps__toggle .p4 {
  --x: 265.561;
  --y: 251.5;
  --s: 9;
  --o: 0.3;
}

.about-promise-steps__toggle .p5 {
  --x: 44.108;
  --y: 176.34;
  --s: 17;
  --o: 0.7;
}

.about-promise-steps__toggle .p6 {
  --x: 109.561;
  --y: 30.5;
  --s: 17;
  --o: 0.7;
}

.about-promise-steps__toggle .p7 {
  --x: 195.061;
  --y: 207;
  --s: 6;
  --o: 0.8;
}

.about-promise-steps__toggle .p8 {
  --x: 100.061;
  --y: 130;
  --s: 8;
  --o: 0.8;
}

.about-promise-steps__toggle .p9 {
  --x: 229.061;
  --y: 46;
  --s: 8;
  --o: 0.7;
}

.about-promise-steps__toggle .p10 {
  --x: 181.061;
  --y: 0;
  --s: 6;
  --o: 0.4;
}

.about-promise-steps__toggle .p11 {
  --x: 100.061;
  --y: 229;
  --s: 10;
  --o: 0.7;
}

.about-promise-steps__toggle .p12 {
  --x: 41.061;
  --y: 61;
  --s: 13;
  --o: 0.3;
}

.about-promise-steps__toggle .p13 {
  --x: 164.061;
  --y: 138;
  --s: 18;
  --o: 0.7;
}

.about-promise-steps__toggle .sp1 {
  --x: 210.061;
  --y: 82;
  --s: 31;
  --o: 1;
}

.about-promise-steps__toggle .sp2 {
  --x: 85.061;
  --y: 172;
  --s: 19;
  --o: 1;
}

.about-promise-steps__toggle .knob {
  position: absolute;
  left: var(--day-x);
  top: var(--knob-y);
  width: var(--knob);
  height: var(--knob);
  transform: translate(-50%, -50%);
  z-index: 3;
  animation: anga-ps-knob-loop 8.5s cubic-bezier(0.2, 0.85, 0.25, 1.08) infinite;
}

.about-promise-steps__toggle .sun {
  position: absolute;
  inset: 0;
  opacity: 1;
  transform: rotate(0deg) scale(1);
  animation: anga-ps-sun-loop 8.5s cubic-bezier(0.2, 0.85, 0.25, 1.08) infinite;
}

.about-promise-steps__toggle .sun::before,
.about-promise-steps__toggle .sun::after {
  content: "";
  position: absolute;
  clip-path: polygon(50% 0%, 55.3% 7.3%, 69.1% 3.8%, 72.8% 14.6%, 85.3% 14.7%, 85.4% 27.2%, 96.2% 30.9%, 92.7% 44.7%, 100% 50%, 92.7% 55.3%, 96.2% 69.1%, 85.4% 72.8%, 85.3% 85.3%, 72.8% 85.4%, 69.1% 96.2%, 55.3% 92.7%, 50% 100%, 44.7% 92.7%, 30.9% 96.2%, 27.2% 85.4%, 14.7% 85.3%, 14.6% 72.8%, 3.8% 69.1%, 7.3% 55.3%, 0% 50%, 7.3% 44.7%, 3.8% 30.9%, 14.6% 27.2%, 14.7% 14.7%, 27.2% 14.6%, 30.9% 3.8%, 44.7% 7.3%);
}

.about-promise-steps__toggle .sun::before {
  inset: 0;
  background: var(--black);
}

.about-promise-steps__toggle .sun::after {
  inset: var(--knob-stroke);
  background: var(--sun);
}

.about-promise-steps__toggle .moon {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: var(--knob-stroke) solid var(--black);
  background: var(--moon);
  opacity: 0;
  transform: scale(0.96) rotate(-10deg);
  animation: anga-ps-moon-loop 8.5s cubic-bezier(0.2, 0.85, 0.25, 1.08) infinite;
}

.about-promise-steps__toggle .crater {
  position: absolute;
  border-radius: 50%;
  background: var(--crater);
}

.about-promise-steps__toggle .c1 {
  width: 17.42%;
  height: 17.42%;
  left: 10.98%;
  top: 37.12%;
}

.about-promise-steps__toggle .c2 {
  width: 17.42%;
  height: 17.42%;
  left: 31.82%;
  top: 68.18%;
}

.about-promise-steps__toggle .c3 {
  width: 9.09%;
  height: 9.09%;
  left: 77.27%;
  top: 48.49%;
}

.about-promise-steps__toggle .c4 {
  width: 9.09%;
  height: 9.09%;
  left: 56.44%;
  top: 21.21%;
}

.about-promise-steps__toggle .c5 {
  width: 9.09%;
  height: 9.09%;
  left: 35.61%;
  top: 1.52%;
}

.about-promise-steps__toggle .c6 {
  width: 6.82%;
  height: 6.82%;
  left: 70.08%;
  top: 73.11%;
}

.about-promise-steps__toggle .c7 {
  width: 6.82%;
  height: 6.82%;
  left: 49.24%;
  top: 45.83%;
}

@keyframes anga-ps-track-loop {
  0%, 28% {
    background: var(--day);
  }
  45%, 70% {
    background: var(--night);
  }
  88%, 100% {
    background: var(--day);
  }
}
@keyframes anga-ps-knob-loop {
  0%, 28% {
    left: var(--day-x);
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
  }
  45%, 70% {
    left: var(--night-x);
    transform: translate(-50%, -50%) rotate(45deg) scale(1);
  }
  88%, 100% {
    left: var(--day-x);
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
  }
}
@keyframes anga-ps-stars-loop {
  0%, 31% {
    opacity: 0;
  }
  45%, 70% {
    opacity: 1;
  }
  85%, 100% {
    opacity: 0;
  }
}
@keyframes anga-ps-sun-loop {
  0%, 28% {
    opacity: 1;
    transform: rotate(0deg) scale(1);
  }
  42%, 70% {
    opacity: 0;
    transform: rotate(45deg) scale(0.86);
  }
  88%, 100% {
    opacity: 1;
    transform: rotate(0deg) scale(1);
  }
}
@keyframes anga-ps-moon-loop {
  0%, 31% {
    opacity: 0;
    transform: scale(0.96) rotate(-10deg);
  }
  45%, 70% {
    opacity: 1;
    transform: scale(1) rotate(-45deg);
  }
  85%, 100% {
    opacity: 0;
    transform: scale(0.96) rotate(-10deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .about-promise-steps__toggle .toggle-track,
  .about-promise-steps__toggle .stars,
  .about-promise-steps__toggle .knob,
  .about-promise-steps__toggle .sun,
  .about-promise-steps__toggle .moon {
    animation: none;
  }
}
[dir=rtl] .about-promise-steps__card--1 .about-promise-steps__text,
[dir=rtl] .about-promise-steps__card--2 .about-promise-steps__text,
[dir=rtl] .about-promise-steps__card--3 .about-promise-steps__text {
  left: auto;
  right: 0;
  text-align: start;
}

@media (min-width: 992px) {
  .about-promise-steps-section {
    background: #fbfbfb;
    padding: 3rem 1rem 3.5rem;
  }
  /* Stacked scroll cards (same interaction as mobile) — wider stage. */
  .about-promise-steps__pin {
    --ps-pin-h: min(70vh, 36rem);
    position: sticky;
    top: max(6rem, (100vh - min(70vh, 36rem)) / 2);
    height: var(--ps-pin-h);
    z-index: 1;
  }
  .about-promise-steps__stack {
    display: block;
    position: relative;
    width: 100%;
    max-width: 56rem;
    height: 100%;
    margin: 0 auto;
    border-radius: 2rem;
    overflow: hidden;
    perspective: none;
  }
  .about-promise-steps__card {
    position: absolute;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 0;
    transform-origin: center top;
    will-change: transform;
  }
  .about-promise-steps__card--1 {
    inset: 0;
    z-index: 1;
    border-radius: 2rem;
    background-color: #322d2d;
    background-image: linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
    background-size: 26px 26px;
    color: #fff;
  }
  .about-promise-steps__card--2 {
    top: 4.5rem;
    height: calc(100% - 4.5rem);
    z-index: 2;
    border-radius: 1.75rem 1.75rem 0 0;
    background: #d4b1ff;
    color: #050505;
  }
  .about-promise-steps__card--3 {
    top: 9rem;
    height: calc(100% - 9rem);
    z-index: 3;
    border-radius: 1.75rem 1.75rem 0 0;
    background-color: #322d2d;
    background-image: linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
    background-size: 26px 26px;
    color: #fff;
  }
  .about-promise-steps__card--1,
  .about-promise-steps__card--3 {
    display: block;
    container-type: inline-size;
  }
  .about-promise-steps__card--1 .about-promise-steps__text,
  .about-promise-steps__card--2 .about-promise-steps__text,
  .about-promise-steps__card--3 .about-promise-steps__text {
    position: absolute;
    top: 2rem;
    left: 0;
    right: 0;
    padding: 0 2.5rem;
    align-self: auto;
    text-align: center;
  }
  .about-promise-steps__card--3 .about-promise-steps__text {
    position: relative;
    top: auto;
  }
  .about-promise-steps__card--1 .about-promise-steps__toggle {
    display: none;
  }
  .about-promise-steps__toggle {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2rem;
    top: auto;
    display: flex;
    justify-content: center;
    transform: none;
  }
  /* Desktop: center headline + toggle as one cluster in the card */
  .about-promise-steps__card--3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2.5rem;
    padding: 2rem 0;
    box-sizing: border-box;
  }
  .about-promise-steps__card--3 .about-promise-steps__toggle {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: auto;
  }
  /* Tall runway so sticky pin can scrub through the stack */
  .about-promise-steps-section.is-stacking {
    min-height: 180vh;
  }
  .about-promise-steps-section.is-stacking > .container {
    min-height: inherit;
  }
}
@media (min-width: 992px) and (prefers-reduced-motion: reduce) {
  .about-promise-steps__pin {
    position: relative;
    top: auto;
    height: auto;
  }
  .about-promise-steps__stack {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    width: 100%;
    height: auto;
    border-radius: 0;
    overflow: visible;
  }
  .about-promise-steps__card {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    inset: auto;
    min-height: 16rem;
    padding: 2rem 1.5rem 1.75rem;
    border-radius: 1.75rem;
    will-change: auto;
  }
  .about-promise-steps__card--1,
  .about-promise-steps__card--2,
  .about-promise-steps__card--3 {
    border-radius: 1.75rem;
    top: auto;
    height: auto;
  }
  .about-promise-steps__card--1 .about-promise-steps__text,
  .about-promise-steps__card--2 .about-promise-steps__text,
  .about-promise-steps__card--3 .about-promise-steps__text {
    position: static;
    padding: 0;
  }
  .about-promise-steps__card--1 .about-promise-steps__toggle {
    display: block;
  }
  .about-promise-steps__toggle {
    position: static;
    transform: none;
  }
  .about-promise-steps-section.is-stacking {
    min-height: 0;
  }
}
.about-who-we-are-section {
  background: var(--yellow);
  /* Match about-hero inset + balanced vertical rhythm (was 0 top / heavy bottom). */
  padding: 1.25rem var(--anga-page-inset-x) 1.25rem;
}

@media (min-width: 992px) {
  .about-who-we-are-section {
    padding-top: 1.5rem;
    padding-bottom: 2rem;
  }
}
.about-split-card {
  display: grid;
  gap: 0;
  border-radius: 1.5rem;
  overflow: hidden;
  min-height: 26rem;
}

@media (min-width: 992px) {
  .about-split-card {
    grid-template-columns: 1fr 1fr;
    border-radius: 2rem;
    min-height: 32rem;
  }
}
.about-split-card__media {
  background: var(--yellow);
  min-height: 18rem;
}

.about-split-card__image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 18rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}

@media (min-width: 992px) {
  .about-split-card__media,
  .about-split-card__image {
    min-height: 32rem;
  }
}
.about-split-card__copy {
  background: #0057ff;
  color: var(--yellow);
  padding: 2rem 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
}

@media (min-width: 992px) {
  .about-split-card__copy {
    padding: 3rem 2.5rem;
  }
}
.about-split-card__copy h3 {
  margin: 0;
  color: #fff;
}

.about-split-card__copy p {
  margin: 0;
  color: #fff;
  line-height: 1.5;
}

.about-split-card__copy strong {
  font-weight: 800;
  color: var(--yellow);
}

.about-omar-teaser-section {
  background: var(--anga-bg-light, #fbfbfb);
  padding: 3.5rem 1rem;
  text-align: center;
}

.about-omar-teaser-section__eyebrow {
  margin: 0 0 0.75rem;
  text-transform: none;
  letter-spacing: normal;
  opacity: 1;
}

.about-omar-teaser-section__title {
  margin: 0 0 2rem;
}

.about-meet-omar-section {
  background: var(--lavender);
  padding: 3.5rem 1rem;
  overflow: hidden;
}

.about-meet-omar-section__layout {
  display: grid;
  gap: 2.5rem;
  align-items: center;
}

@media (min-width: 992px) {
  .about-meet-omar-section__layout {
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }
}
.about-meet-omar-section__intro {
  text-align: center;
}

@media (min-width: 992px) {
  .about-meet-omar-section__intro {
    text-align: start;
    max-width: 34rem;
  }
}
.about-meet-omar-section__intro h2 {
  margin: 0 0 0.5rem;
}

.about-meet-omar-section__subtitle {
  margin: 0 0 1.25rem;
}

.about-meet-omar-section__body {
  font-size: 1rem;
  line-height: 1.65;
  margin: 0 0 1.75rem;
  color: rgba(31, 28, 28, 0.92);
}

.about-meet-omar-section__visual {
  position: relative;
  width: 100%;
  max-width: 28rem;
  margin: 0 auto;
}

@media (min-width: 992px) {
  .about-meet-omar-section__visual {
    max-width: none;
    margin: 0;
    justify-self: end;
  }
}
.about-meet-omar-section__lines {
  position: absolute;
  inset-inline-end: -10%;
  top: -1.5rem;
  width: min(60%, 16rem);
  height: auto;
  opacity: 0.55;
  pointer-events: none;
  z-index: 0;
}

.about-meet-omar-section__photo {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  border-radius: 1.25rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.btn-about-omar {
  display: inline-block;
  background: var(--anga-cta-green, #33d951);
  color: #000;
  border: 2px solid #000;
  padding: 0.65rem 1.75rem;
  font-size: 1rem;
  font-weight: 300;
  border-radius: 999px;
  text-decoration: none;
  box-shadow: none;
  transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

.btn-about-omar:hover {
  background: #000;
  border-color: #000;
  color: #fff;
  box-shadow: none;
  transform: none;
}

.about-values-section {
  background: #fff;
  padding: 3.5rem 1rem;
}

.about-values-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  max-width: 100%;
  margin: 0 auto;
}

.about-value-item {
  text-align: center;
  max-width: 20rem;
}

.about-value-item__icon {
  margin-bottom: 1rem;
}

.about-value-item__icon img {
  width: 3.5rem;
  height: 3.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.about-value-item__title {
  margin-bottom: 0.5rem;
  color: #000;
}

.about-value-item__description {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.55;
  color: rgba(31, 28, 28, 0.85);
}

@media (min-width: 768px) {
  .about-values-list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
  }
  .about-value-item {
    flex: 1 1 calc(50% - 2rem);
    max-width: 14rem;
  }
  .about-value-item__icon img {
    width: 4rem;
    height: 4rem;
  }
  .about-value-item__description {
    font-size: 0.9rem;
  }
}
@media (min-width: 992px) {
  .about-values-section {
    padding: 4rem 0;
  }
  .about-values-list {
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 1.5rem;
  }
  .about-value-item {
    flex: 1 1 0;
    max-width: none;
  }
  .about-value-item__icon img {
    width: 4.5rem;
    height: 4.5rem;
  }
  .about-value-item__description {
    font-size: 0.95rem;
  }
}
.contact-hero-section {
  padding: 3.5rem 1rem 3rem;
  background: var(--anga-bg-light, #fbfbfb);
}

.contact-hero-section__content {
  text-align: center;
  max-width: 48rem;
  margin: 0 auto;
}

.contact-hero-section__title {
  font-size: clamp(2.25rem, 6vw, 5.0625rem);
  font-weight: 800;
  margin: 0 0 1.5rem;
  color: var(--dark, #1f1c1c);
  line-height: 1;
}

.contact-hero-section__tagline {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: normal;
  text-transform: none;
  margin: 0 0 0.8rem;
  color: var(--dark, #1f1c1c);
}
@media (min-width: 992px) {
  .contact-hero-section__tagline {
    font-size: 1.6875rem; /* live 27px */
  }
}

.contact-hero-section .btn-outline-dark-custom {
  border: 2px solid var(--dark, #1f1c1c);
  background: var(--anga-cta-green, #33d951);
  color: #000;
  padding: 0.7rem 1.4rem;
  font-weight: 600;
  border-radius: 2rem;
  transition: background 180ms ease-out, opacity 180ms ease-out;
  font-size: 1rem;
  min-height: 44px;
  cursor: pointer;
}

.contact-hero-section .btn-outline-dark-custom:hover {
  background: #2fc44a;
  color: #000;
}

@media (min-width: 992px) {
  .contact-hero-section {
    padding: 5rem 0 4rem;
  }
}
/* Footer — dark card on black (live design) */
.footer {
  background: #000;
  color: #fff;
  padding: 2.5rem 0 1.75rem;
}

.footer .container {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding-inline: var(--anga-page-inset-x, 1rem);
}

@media (min-width: 992px) {
  .footer {
    padding: 3rem 0 2rem;
  }
  .footer .container {
    max-width: none;
    margin-inline: 0;
    padding-inline: var(--anga-page-inset-x, 2rem);
  }
}
.footer-card {
  background: #33302e;
  border-radius: 2.5rem;
  padding: 2.5rem 1.75rem 2.25rem;
}

@media (min-width: 992px) {
  .footer-card {
    padding: 3.25rem 3.75rem 3rem;
  }
}
.footer-brand {
  text-align: center;
}

@media (min-width: 992px) {
  .footer-brand {
    text-align: start;
  }
}
.footer-logo img {
  display: block;
  height: auto;
  width: auto;
  max-width: 7.75rem;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto;
}

@media (min-width: 992px) {
  .footer-logo img {
    max-width: 8.25rem;
    margin: 0;
  }
}
.footer-logo__name {
  margin: 0.75rem 0 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.35;
  color: #d9e05d;
}

.footer-qr {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-inline: auto;
  padding: 0.625rem;
  border-radius: 0.625rem;
  background: #fff;
  line-height: 0;
}

@media (min-width: 992px) {
  .footer-qr {
    margin-inline: 0;
  }
}
.footer-qr img {
  display: block;
  width: 7rem;
  height: 7rem;
  -o-object-fit: contain;
     object-fit: contain;
  vertical-align: top;
}

@media (min-width: 992px) {
  .footer-qr img {
    width: 7.5rem;
    height: 7.5rem;
  }
}
.footer-bottom {
  margin-top: 1.5rem;
  text-align: start;
}

.footer-copyright {
  font-size: 0.8125rem;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.85);
}

.footer-copyright p {
  margin: 0;
  color: inherit;
}

.footer-nav {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem 1.25rem;
  margin-top: 2.25rem;
  text-align: start;
}

@media (min-width: 768px) {
  .footer-nav {
    grid-template-columns: repeat(4, auto);
    justify-content: center;
    gap: 2rem;
  }
}
@media (min-width: 992px) {
  .footer-nav {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 2.75rem;
    margin-top: 0;
  }
}
.footer-menu {
  min-width: 0;
}

@media (min-width: 992px) {
  .footer-menu {
    flex: 0 0 auto;
  }
}
.footer-menu__title {
  font-size: 0.6875rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0 0 0.75rem;
  font-weight: 700;
  color: #b8b8b8;
}

.footer-menu a {
  display: block;
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0.4rem;
}

.footer-menu a.footer-menu__social-link {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  min-height: 1.75rem;
  text-decoration: none;
}

.footer-menu a.footer-menu__social-link span {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.footer-menu a.footer-menu__social-link .bi {
  flex-shrink: 0;
  width: 1em;
  font-size: 1rem;
  line-height: 1;
  text-align: center;
}

.footer-menu a.footer-menu__social-link:hover {
  text-decoration: none;
}

.footer-menu a:last-child {
  margin-bottom: 0;
}

.footer-menu a:hover {
  opacity: 0.85;
}

/* Wave Animation SVG */
.wave-svg {
  stroke: currentColor;
  stroke-width: 3;
  fill: none;
  opacity: 0.4;
}

/* Touch targets — mobile first; force 2px past Bootstrap .btn border-width. */
.btn-yellow,
.btn-outline-light-custom,
.btn-outline-dark-custom,
.btn-hero-primary,
.btn-hero-outline {
  min-height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-width: 2px;
}

/*# sourceMappingURL=landing.css.map*/