/* Minimal Atlas Pro app-inspired refinements */
:root {
  --atlas-purple-900: #16052d;
  --atlas-purple-800: #30115f;
  --atlas-purple-700: #5f24ba;
  --atlas-purple-600: #7440d8;
  --atlas-lime-500: #f3cf22;
  --atlas-lime-600: #e0b90f;
  --atlas-text: #201831;
  --atlas-text-soft: #665a82;
  --atlas-border: rgba(95, 36, 186, 0.12);
  --atlas-shadow: 0 16px 36px rgba(33, 16, 70, 0.1);
}

.header {
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1200 !important;
  width: 100% !important;
  isolation: isolate !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.3) !important;
  backdrop-filter: blur(16px) saturate(1.3) !important;
}

.nav {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: min(100%, 80rem) !important;
  min-height: clamp(4rem, 7vw, 4.75rem) !important;
  height: auto !important;
  gap: clamp(0.5rem, 2vw, 1.25rem) !important;
  padding-inline: clamp(0.75rem, 3vw, 1.5rem) !important;
}

.nav__left {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.nav__logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 auto !important;
  width: clamp(7.75rem, 22vw, 11.5rem) !important;
  height: clamp(3.2rem, 6vw, 4.25rem) !important;
  max-width: 42vw !important;
  overflow: visible !important;
  line-height: 0 !important;
}

.nav__logo-img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: left center !important;
  aspect-ratio: 220 / 106 !important;
  flex: 0 0 auto !important;
}

.nav__menu {
  min-width: 0 !important;
}

.nav__menu-list {
  align-items: center !important;
  min-width: 0 !important;
}

.nav__cta {
  display: none !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  min-width: max-content !important;
}

.nav__cta .btn,
.nav__mobile-cta .btn,
.hero__cta .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  min-height: 2.75rem !important;
  line-height: 1.15 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.nav__cta .btn {
  padding: 0.78rem clamp(1rem, 1.6vw, 1.35rem) !important;
  font-size: clamp(0.88rem, 1vw, 1rem) !important;
}

.nav__cta .btn .icon,
.nav__mobile-cta .btn .icon {
  width: 1.1rem !important;
  height: 1.1rem !important;
  flex: 0 0 1.1rem !important;
}

.nav__mobile-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 2.75rem !important;
  width: 2.75rem !important;
  height: 2.75rem !important;
  margin-left: auto !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
  flex-direction: column !important;
  gap: 0.32rem !important;
}

.nav__mobile-toggle-icon {
  display: none !important;
}

.nav__mobile-toggle::before,
.nav__mobile-toggle::after,
.nav__mobile-toggle .nav__mobile-toggle-icon {
  content: "" !important;
  width: 1.25rem !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  transition: transform 180ms ease, opacity 180ms ease !important;
}

.nav__mobile-toggle .nav__mobile-toggle-icon {
  display: block !important;
  flex: 0 0 2px !important;
  stroke: none !important;
}

.nav__mobile-toggle.is-open::before {
  transform: translateY(0.43rem) rotate(45deg) !important;
}

.nav__mobile-toggle.is-open .nav__mobile-toggle-icon {
  opacity: 0 !important;
}

.nav__mobile-toggle.is-open::after {
  transform: translateY(-0.43rem) rotate(-45deg) !important;
}

.nav__mobile-menu {
  position: fixed !important;
  top: clamp(4rem, 7vw, 4.75rem) !important;
  left: max(0.75rem, env(safe-area-inset-left)) !important;
  right: max(0.75rem, env(safe-area-inset-right)) !important;
  bottom: auto !important;
  z-index: 1190 !important;
  max-height: calc(100dvh - clamp(5rem, 9vw, 5.8rem)) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}

.nav__mobile-menu.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

#mobileMenu.nav__mobile-menu.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

.nav__mobile-content,
.nav__mobile-cta {
  min-width: 0 !important;
}

.nav__mobile-cta .btn {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 3rem !important;
  padding: 0.9rem 1rem !important;
  font-size: clamp(0.95rem, 3.8vw, 1.05rem) !important;
}

.whatsapp-float {
  position: fixed !important;
  right: max(1rem, env(safe-area-inset-right)) !important;
  bottom: max(1rem, env(safe-area-inset-bottom)) !important;
  z-index: 1300 !important;
  width: clamp(3.25rem, 9vw, 3.85rem) !important;
  height: clamp(3.25rem, 9vw, 3.85rem) !important;
  min-width: 3.25rem !important;
  min-height: 3.25rem !important;
  flex: 0 0 auto !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
}

.whatsapp-float__icon {
  width: 52% !important;
  height: 52% !important;
  flex: 0 0 auto !important;
}

.whatsapp-chat-popup {
  z-index: 1290 !important;
  right: max(1rem, env(safe-area-inset-right)) !important;
  bottom: calc(max(1rem, env(safe-area-inset-bottom)) + clamp(4rem, 11vw, 4.65rem)) !important;
  width: min(22rem, calc(100vw - 2rem)) !important;
  max-height: calc(100dvh - 7rem) !important;
}

@media (min-width: 768px) {
  .nav {
    display: grid !important;
    grid-template-columns: minmax(8.5rem, auto) minmax(0, 1fr) auto !important;
  }

  .nav__left {
    display: contents !important;
  }

  .nav__logo {
    grid-column: 1 !important;
    width: clamp(9rem, 13vw, 11.75rem) !important;
    max-width: none !important;
  }

  .nav__menu {
    display: flex !important;
    grid-column: 2 !important;
    justify-content: center !important;
  }

  .nav__menu-list {
    display: flex !important;
    justify-content: center !important;
    gap: clamp(0.2rem, 0.8vw, 0.55rem) !important;
    flex-wrap: nowrap !important;
  }

  .nav__link {
    padding: 0.55rem clamp(0.45rem, 0.9vw, 0.85rem) !important;
    font-size: clamp(0.78rem, 0.95vw, 0.92rem) !important;
    white-space: nowrap !important;
  }

  .nav__cta {
    display: flex !important;
    grid-column: 3 !important;
    justify-self: end !important;
  }

  .nav__mobile-toggle,
  .nav__mobile-menu {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .nav__link {
    padding-inline: clamp(0.7rem, 1vw, 1rem) !important;
    font-size: 0.94rem !important;
  }
}

@media (max-width: 767px) {
  .nav__menu,
  .nav__cta {
    display: none !important;
  }

  .nav__left {
    flex: 1 1 auto !important;
  }

  .nav__logo {
    width: clamp(7.5rem, 38vw, 9.6rem) !important;
    max-width: calc(100vw - 5rem) !important;
  }

  .whatsapp-chat-popup {
    left: max(0.75rem, env(safe-area-inset-left)) !important;
    right: max(0.75rem, env(safe-area-inset-right)) !important;
    width: auto !important;
  }
}

@media (max-width: 360px) {
  .nav {
    padding-inline: 0.65rem !important;
  }

  .nav__logo {
    width: clamp(6.75rem, 36vw, 8rem) !important;
  }

  .nav__mobile-toggle {
    flex-basis: 2.55rem !important;
    width: 2.55rem !important;
    height: 2.55rem !important;
  }

  .whatsapp-float {
    width: 3.1rem !important;
    height: 3.1rem !important;
  }
}

.footer__link,
.footer__support-atlas-pro-item a,
.footer__payment-item a {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  touch-action: manipulation !important;
}

.footer__links,
.footer__support-atlas-pro {
  gap: 0.25rem !important;
}

.features__card-grid,
.testimonials__card-grid {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.icon:empty,
.nav__mobile-toggle-icon:empty {
  display: inline-block !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  background: transparent !important;
  color: currentColor !important;
  fill: none !important;
  stroke: currentColor !important;
}

.hero {
  min-height: calc(100svh - 4.75rem) !important;
  contain: layout paint !important;
}

.hero__content {
  min-height: clamp(32rem, 72svh, 46rem) !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

.hero__offer-banner,
.hero__promo {
  min-height: 6rem !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

.hero__background-image,
.hero__title,
.hero__description,
.hero__cta,
.hero__trust {
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

@media (max-width: 639px) {
  .footer__links,
  .footer__support-atlas-pro {
    gap: 0.35rem !important;
  }

  .footer__link,
  .footer__support-atlas-pro-item a {
    width: 100% !important;
  }

  .hero {
    min-height: calc(100svh - 4rem) !important;
  }

  .hero__content {
    min-height: 46rem !important;
    justify-content: flex-start !important;
    padding-top: 3rem !important;
  }

  .hero__offer-banner,
  .hero__promo {
    min-height: 12rem !important;
  }
}

html,
body {
  overflow-x: hidden;
}

body {
  color: var(--atlas-text);
  background: #ffffff !important;
  overflow-x: hidden !important;
}

html {
  overflow-x: hidden !important;
}

.features,
.pricing,
.faq,
.download-platforms,
.apps,
.testimonials,
.blog,
.why-choose,
.payment-methods,
.cta-final,
.installation-guides,
.trial-form {
  background: #ffffff !important;
}

.features::before {
  display: none !important;
}

@media (min-width: 768px) {
  .nav {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    column-gap: 1rem !important;
  }

  .nav__left {
    display: contents !important;
  }

  .nav__logo {
    grid-column: 1 !important;
    justify-self: start !important;
  }

  .nav__menu {
    grid-column: 2 !important;
    justify-self: center !important;
  }

  .nav__menu-list {
    justify-content: center !important;
  }

  .nav__cta {
    grid-column: 3 !important;
    justify-self: end !important;
  }
}

.header {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100%;
  z-index: 120 !important;
  background: rgba(22, 5, 45, 0.92) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(12px);
}

.announcement-banner {
  background: linear-gradient(90deg, #8d69cb 0%, #6e2fd6 58%, #581cb6 100%) !important;
}

.nav {
  min-height: 4.5rem !important;
}

.nav__logo {
  display: flex !important;
  align-items: center !important;
  height: 4rem !important;
  max-width: 11rem !important;
  overflow: hidden !important;
}

.nav__logo-img {
  width: min(42vw, 10.5rem) !important;
  height: auto !important;
  max-height: 3.85rem !important;
  object-fit: contain !important;
}

@media (min-width: 768px) {
  .nav__logo {
    max-width: 12rem !important;
  }
}

.nav__dropdown-panel,
.nav__dropdown-grid,
.nav__dropdown-primary,
.nav__dropdown-secondary,
.nav__mobile-menu {
  background: rgba(24, 8, 50, 0.98) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.nav__mobile-menu {
  top: 4.5rem !important;
  left: 0.75rem !important;
  right: 0.75rem !important;
  bottom: auto !important;
  max-height: calc(100dvh - 5.25rem) !important;
  padding: 1rem !important;
  background: rgba(18, 7, 38, 0.995) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 1.2rem !important;
  box-shadow: 0 24px 60px rgba(7, 2, 18, 0.42) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  overflow-y: auto !important;
  z-index: 110 !important;
}

.nav__mobile-toggle {
  flex-shrink: 0 !important;
}

.nav__mobile-toggle-lines {
  display: flex !important;
  width: 1.35rem !important;
  height: 1rem !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.nav__mobile-toggle-line {
  display: block !important;
  width: 100% !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: currentColor !important;
  background-color: #ffffff !important;
  transition: transform 180ms ease, opacity 180ms ease !important;
}

.footer__legal-links {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 0.7rem 1rem !important;
  padding: 1.1rem 0 !important;
  margin-top: 1.2rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.footer__legal-links a {
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 0.9rem !important;
  text-decoration: none !important;
}

.footer__legal-links a:hover {
  color: #ffffff !important;
}

.nav__mobile-toggle.is-open .nav__mobile-toggle-line:nth-child(1) {
  transform: translateY(7px) rotate(45deg) !important;
}

.nav__mobile-toggle.is-open .nav__mobile-toggle-line:nth-child(2) {
  opacity: 0 !important;
}

.nav__mobile-toggle.is-open .nav__mobile-toggle-line:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg) !important;
}

.nav__mobile-content {
  gap: 0.45rem !important;
}

.nav__mobile-link {
  min-height: 3.15rem !important;
  border-radius: 0.95rem !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  color: #ffffff !important;
}

.nav__mobile-link .icon {
  color: rgba(255, 255, 255, 0.88) !important;
  display: none !important;
}

.nav__mobile-link:hover,
.nav__mobile-link:focus-visible {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(243, 207, 34, 0.18) !important;
}

.nav__mobile-link {
  justify-content: flex-start !important;
}

.nav__mobile-cta {
  padding-top: 0.85rem !important;
}

@media (max-width: 445px) {
  .nav__mobile-menu {
    top: 4.35rem !important;
    left: 0.6rem !important;
    right: 0.6rem !important;
    max-height: calc(100dvh - 4.95rem) !important;
  }
}

.btn--primary,
.btn-primary,
.pricing__button--primary {
  background: linear-gradient(180deg, var(--atlas-lime-500) 0%, var(--atlas-lime-600) 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 12px 28px rgba(211, 234, 35, 0.18);
}

.btn--primary:hover,
.btn-primary:hover,
.pricing__button--primary:hover {
  background: linear-gradient(180deg, var(--atlas-lime-500) 0%, var(--atlas-lime-600) 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.btn--outline,
.btn-outline,
.pricing__button--outline {
  background: #ffffff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(95, 36, 186, 0.16) !important;
}

.btn--outline:hover,
.btn-outline:hover,
.pricing__button--outline:hover {
  background: #f7f3ff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(95, 36, 186, 0.22) !important;
}

.btn-secondary,
.btn--secondary {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.btn-secondary:hover,
.btn--secondary:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.hero__background-image {
  filter: brightness(0.52) saturate(0.82);
}

.download-support__actions .btn--primary,
.download-support__actions .btn--primary:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.hero__overlay-gradient {
  background: linear-gradient(90deg, rgba(17, 5, 33, 0.84) 0%, rgba(40, 13, 80, 0.66) 48%, rgba(92, 31, 181, 0.72) 100%) !important;
}

.hero__overlay-horizontal {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px) !important;
  background-size: 84px 100%;
  opacity: 0.1;
}

.hero__offer-badge {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(211, 234, 35, 0.28) !important;
}

.hero__offer-badge-highlight {
  color: var(--atlas-lime-500) !important;
}

.offer-counter {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.55rem 0.9rem;
  border-radius: 999px;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.offer-counter__label {
  opacity: 0.88;
}

.offer-counter__timer {
  font-variant-numeric: tabular-nums;
  font-weight: 800;
}

.offer-counter--hero {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  width: min(100%, 40rem) !important;
  margin-bottom: 2rem !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 1rem 1.05rem !important;
  border-radius: 1.35rem !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.08) 100%),
    linear-gradient(135deg, rgba(26, 10, 56, 0.88) 0%, rgba(72, 29, 141, 0.72) 50%, rgba(24, 10, 53, 0.82) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow:
    0 24px 54px rgba(10, 3, 24, 0.32),
    0 8px 24px rgba(243, 207, 34, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
  backdrop-filter: blur(22px) saturate(1.1);
  -webkit-backdrop-filter: blur(22px) saturate(1.1);
}

.offer-counter--hero::before {
  content: "" !important;
  position: absolute !important;
  inset: -20% auto auto -10% !important;
  width: 14rem !important;
  height: 7rem !important;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0) 70%) !important;
  pointer-events: none !important;
}

.offer-counter--hero::after {
  content: "" !important;
  position: absolute !important;
  inset: auto -8% -28% auto !important;
  width: 11rem !important;
  height: 11rem !important;
  background: radial-gradient(circle, rgba(243, 207, 34, 0.24) 0%, rgba(243, 207, 34, 0) 72%) !important;
  pointer-events: none !important;
}

.hero__offer-banner-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.48rem !important;
  min-width: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

.hero__offer-banner-kicker {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0.24rem 0.62rem !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(243, 207, 34, 0.22) 0%, rgba(224, 185, 15, 0.16) 100%) !important;
  border: 1px solid rgba(243, 207, 34, 0.3) !important;
  color: #fff2b3 !important;
  font-size: 0.66rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

.hero__offer-banner-headline {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.55rem !important;
}

.hero__offer-banner-title {
  color: #fdfcff !important;
  font-size: 1.06rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.12) !important;
}

.hero__offer-banner-price {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.38rem 0.76rem !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(243, 207, 34, 0.24) 0%, rgba(243, 207, 34, 0.16) 100%) !important;
  border: 1px solid rgba(243, 207, 34, 0.34) !important;
  color: #fff6cf !important;
  font-size: 0.98rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 6px 18px rgba(243, 207, 34, 0.14) !important;
}

.hero__offer-banner-price-old {
  color: rgba(255, 245, 222, 0.72) !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: line-through !important;
  text-decoration-thickness: 1.5px !important;
  text-decoration-color: rgba(255, 245, 222, 0.55) !important;
  white-space: nowrap !important;
}

.hero__offer-banner-text {
  color: rgba(27, 12, 52, 0.72) !important;
  font-size: 0.84rem !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}

.hero__offer-banner-timer {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.24rem !important;
  flex-shrink: 0 !important;
  min-width: 10.25rem !important;
  padding: 0.72rem 0.82rem !important;
  border-radius: 1rem !important;
  position: relative !important;
  z-index: 1 !important;
  background: linear-gradient(180deg, rgba(17, 10, 40, 0.48) 0%, rgba(9, 7, 24, 0.32) 100%) !important;
  border: 1px solid rgba(243, 207, 34, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 8px 22px rgba(8, 5, 20, 0.16) !important;
  text-align: center !important;
}

.offer-counter--hero .offer-counter__label {
  color: rgba(255, 244, 201, 0.82) !important;
  font-size: 0.64rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
}

.offer-counter--hero .offer-counter__timer {
  color: #ffd84b !important;
  font-size: 1.02rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
  line-height: 1 !important;
  text-shadow: 0 0 14px rgba(243, 207, 34, 0.18) !important;
}

.offer-counter--card {
  margin-top: 0.85rem;
  background: rgba(243, 207, 34, 0.1);
  border: 1px solid rgba(243, 207, 34, 0.22);
  color: var(--atlas-purple-900);
  justify-content: center;
}

.hero__title,
.hero__title-highlight {
  background: none !important;
  -webkit-text-fill-color: initial !important;
  text-shadow: none !important;
}

.nav__link[aria-current="page"],
.nav__mobile-link[aria-current="page"] {
  color: #ffffff !important;
  background: rgba(243, 207, 34, 0.12) !important;
  border-color: rgba(243, 207, 34, 0.2) !important;
}

.hero__title {
  color: #ffffff !important;
  font-size: clamp(2.05rem, 4vw, 3.15rem) !important;
  line-height: 1.14 !important;
  margin-top: 1.85rem !important;
}

.hero__title-highlight {
  display: inline-block !important;
  padding: 0 0.12em 0.04em !important;
  border-radius: 0.12em !important;
  color: #ffd84b !important;
  -webkit-text-fill-color: #ffd84b !important;
  background: rgba(16, 5, 35, 0.82) !important;
  box-decoration-break: clone !important;
  -webkit-box-decoration-break: clone !important;
}

.hero__description,
.hero__trust {
  color: rgba(255, 255, 255, 0.86) !important;
  text-shadow: none !important;
}

.hero__description {
  max-width: 44rem !important;
  font-size: clamp(0.94rem, 1.35vw, 1.02rem) !important;
  line-height: 1.62 !important;
}

.hero__trust-indicator {
  background: var(--atlas-lime-500) !important;
}

.download-hero {
  background: linear-gradient(135deg, #16052d 0%, #35136a 62%, #6122bf 100%) !important;
}

.download-hero__title,
.download-hero__title-highlight {
  background: none !important;
  -webkit-text-fill-color: initial !important;
  text-shadow: none !important;
}

.download-hero__title {
  color: #ffffff !important;
}

.download-hero__title-highlight {
  color: var(--atlas-lime-500) !important;
}

.download-hero__description {
  color: rgba(255, 255, 255, 0.84) !important;
}

.download-platforms {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: clamp(4rem, 8vw, 6rem) 1rem !important;
  background: #ffffff !important;
}

.download-platforms__header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  max-width: 52rem !important;
  margin: 0 auto 2.4rem !important;
  padding-left: clamp(0.5rem, 2vw, 1.5rem) !important;
  padding-right: clamp(0.5rem, 2vw, 1.5rem) !important;
  text-align: center !important;
}

.download-platforms__header .download-hero__badge {
  justify-content: center !important;
}

.download-platforms__header .features__title {
  margin-bottom: 0.85rem !important;
  font-size: clamp(1.6rem, 2.8vw, 2.05rem) !important;
  line-height: 1.2 !important;
}

.download-platforms__header .download-hero__description {
  max-width: 44rem !important;
  margin: 0 auto !important;
  color: var(--atlas-text-soft) !important;
  font-size: 0.95rem !important;
  line-height: 1.62 !important;
}

.download-platforms__container {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  max-width: 62rem !important;
  margin: 0 auto !important;
  padding-left: clamp(0.5rem, 2vw, 1.5rem) !important;
  padding-right: clamp(0.5rem, 2vw, 1.5rem) !important;
  gap: 1rem !important;
  align-items: stretch !important;
  justify-content: center !important;
  justify-items: center !important;
}

.download-platforms__card {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: 100% !important;
  max-width: 29rem !important;
  min-height: 100% !important;
  padding: 1.1rem !important;
  border-radius: 1.35rem !important;
  text-align: left !important;
}

.download-platforms__icon-wrapper {
  width: 3rem !important;
  height: 3rem !important;
  margin-bottom: 0.85rem !important;
}

.download-platforms__icon-wrapper .icon {
  width: 1.35rem !important;
  height: 1.35rem !important;
  color: var(--atlas-purple-700) !important;
}

.download-platforms__card-title {
  margin-bottom: 0.45rem !important;
  font-size: 1.04rem !important;
  line-height: 1.35 !important;
}

.download-platforms__description {
  margin-bottom: 0.9rem !important;
  font-size: 0.92rem !important;
  line-height: 1.62 !important;
  text-align: left !important;
}

.download-platforms__requirements {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.45rem !important;
  justify-content: flex-start !important;
  margin-bottom: 0.9rem !important;
}

.download-platforms__requirement {
  padding: 0.34rem 0.56rem !important;
  border-radius: 999px !important;
  background: rgba(95, 36, 186, 0.06) !important;
  color: var(--atlas-purple-800) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
}

.download-platforms__actions {
  width: 100% !important;
  margin-top: auto !important;
}

.download-platforms__actions .btn {
  width: 100% !important;
}

.download-support__container {
  max-width: 62rem !important;
  margin: 1.15rem auto 0 !important;
  padding-left: clamp(0.5rem, 2vw, 1.5rem) !important;
  padding-right: clamp(0.5rem, 2vw, 1.5rem) !important;
}

.download-support__content {
  max-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0.8rem !important;
  padding: clamp(1.5rem, 3vw, 2.25rem) !important;
  border-radius: 1.5rem !important;
  background: #ffffff !important;
  border: 1px solid rgba(95, 36, 186, 0.12) !important;
  box-shadow: 0 18px 40px rgba(33, 16, 70, 0.08) !important;
  text-align: center !important;
}

.download-support__icon {
  width: 3.5rem !important;
  height: 3.5rem !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: rgba(95, 36, 186, 0.08) !important;
  color: var(--atlas-purple-700) !important;
}

.download-support__icon .icon {
  width: 1.45rem !important;
  height: 1.45rem !important;
}

.download-support__title {
  color: var(--atlas-purple-900) !important;
  font-size: clamp(1.2rem, 2.2vw, 1.5rem) !important;
  line-height: 1.22 !important;
}

.download-support__description {
  max-width: 40rem !important;
  color: var(--atlas-text-soft) !important;
  font-size: 0.93rem !important;
  line-height: 1.6 !important;
}

.download-support__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 0.75rem !important;
  width: 100% !important;
}

.why-choose__title,
.features__title,
.pricing__title,
.faq__title,
.apps__title,
.testimonials__title,
.blog__title,
.trial-form__title {
  color: var(--atlas-purple-900) !important;
  font-size: clamp(1.55rem, 2.55vw, 2rem) !important;
  line-height: 1.2 !important;
}

.why-choose__title-highlight,
.features__title-highlight,
.pricing__title-highlight,
.faq__title-highlight,
.apps__title-highlight,
.testimonials__title-highlight,
.blog__title-highlight,
.trial-form__title-highlight,
.features__stat-number,
.pricing__price-amount,
.pricing__price-currency,
.pricing__price-decimal {
  background: none !important;
  color: var(--atlas-purple-700) !important;
  -webkit-text-fill-color: var(--atlas-purple-700) !important;
  text-shadow: none !important;
}

.why-choose__description,
.features__description,
.pricing__description,
.faq__description,
.apps__description,
.testimonials__description,
.blog__description,
.trial-form__description,
.why-choose__card-description,
.features__card-description,
.pricing__payment-note,
.pricing__feature,
.pricing__section-title,
.faq__answer,
.faq__answer-content,
.apps__card-description,
.blog__card-excerpt,
.testimonials__card-text,
.download-platforms__description,
.installation-guide__description,
.installation-guide__step p,
.trial-form__success-message {
  color: var(--atlas-text-soft) !important;
  font-size: 0.95rem !important;
  line-height: 1.62 !important;
  text-shadow: none !important;
}

.features__header {
  text-align: center !important;
  margin-bottom: 1.8rem !important;
}

.features__container {
  max-width: 74rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(1rem, 3vw, 2.75rem) !important;
  padding-right: clamp(1rem, 3vw, 2.75rem) !important;
}

.features__header-text {
  width: 100% !important;
  max-width: 47rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.features__description {
  max-width: 43rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: 0.92rem !important;
  line-height: 1.62 !important;
}

.features__header-text .features__title {
  font-size: clamp(1.55rem, 2.55vw, 2rem) !important;
  line-height: 1.18 !important;
}

.features__body {
  display: grid !important;
  grid-template-columns: minmax(22rem, 1.02fr) minmax(0, 0.9fr) !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(1rem, 2.5vw, 1.8rem) !important;
  max-width: 72rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.features__visual {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-self: center !important;
  width: 100% !important;
  max-width: 38rem !important;
  gap: 0.95rem !important;
}

.features__header-image {
  width: min(100%, 38rem) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
}

.features__carousel {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  min-height: 21rem !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  border-radius: 1.35rem !important;
  background: linear-gradient(180deg, #ffffff 0%, #f6f2ff 100%) !important;
  border: 1px solid rgba(95, 36, 186, 0.14) !important;
  box-shadow: 0 18px 42px rgba(33, 16, 70, 0.12) !important;
}

.features__carousel::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 0 !important;
  height: 18% !important;
  background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.18) 100%) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

.features__carousel-slide {
  position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  transition: opacity 320ms ease !important;
}

.features__carousel-slide.is-active {
  opacity: 1 !important;
}

.features__carousel-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #1b0f38 !important;
}

.features__carousel-controls {
  position: absolute !important;
  inset: auto 1rem 1rem 1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  z-index: 3 !important;
}

.features__carousel-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.75rem !important;
  height: 2.75rem !important;
  min-width: 2.75rem !important;
  min-height: 2.75rem !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(95, 36, 186, 0.14) !important;
  color: var(--atlas-purple-800) !important;
  backdrop-filter: blur(8px) !important;
  touch-action: manipulation !important;
}

.features__carousel-button .icon {
  width: 1.1rem !important;
  height: 1.1rem !important;
}

.features__carousel-dots {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.45rem !important;
  padding: 0.45rem 0.7rem !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(95, 36, 186, 0.12) !important;
  backdrop-filter: blur(8px) !important;
}

.features__carousel-dot {
  width: 2.75rem !important;
  height: 2.75rem !important;
  border-radius: 999px !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  position: relative !important;
  touch-action: manipulation !important;
}

.features__carousel-dot::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 0.65rem !important;
  height: 0.65rem !important;
  border-radius: 999px !important;
  background: rgba(95, 36, 186, 0.24) !important;
  transform: translate(-50%, -50%) !important;
  transition: width 180ms ease, background-color 180ms ease !important;
}

.features__carousel-dot.is-active {
  background: transparent !important;
}

.features__carousel-dot.is-active::before {
  width: 1.45rem !important;
  background: var(--atlas-lime-500) !important;
}

.features__devices-img {
  width: min(100%, 32rem) !important;
  margin: 0 !important;
}

.why-choose__badge,
.pricing__badge,
.features__badge,
.faq__badge,
.apps__badge,
.testimonials__badge,
.blog__badge,
.download-hero__badge {
  background: rgba(95, 36, 186, 0.08) !important;
  border: 1px solid rgba(95, 36, 186, 0.14) !important;
  color: var(--atlas-purple-700) !important;
}

.features__stats,
.why-choose__card,
.features__card,
.pricing__card,
.faq__item,
.apps__card,
.testimonials__card,
.blog__card,
.download-platforms__card,
.installation-guide,
.trial-form__form,
.trial-form__success {
  background: #ffffff !important;
  border-color: var(--atlas-border) !important;
  box-shadow: var(--atlas-shadow) !important;
}

.features__stats {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.7rem !important;
  width: min(100%, 38rem) !important;
  margin: 0 !important;
  padding: 0.65rem !important;
  background: #ffffff !important;
  border: 1px solid rgba(95, 36, 186, 0.1) !important;
  border-radius: 1.15rem !important;
  box-shadow: 0 8px 22px rgba(33, 16, 70, 0.05) !important;
  justify-self: center !important;
}

.features__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 16.5rem)) !important;
  max-width: 33.9rem !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  gap: 0.8rem !important;
  align-items: stretch !important;
  justify-content: center !important;
  justify-items: center !important;
}

.features__stat {
  padding: 0.8rem 0.65rem !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.features__card {
  width: 100% !important;
  max-width: 16.5rem !important;
  margin: 0 !important;
  padding: 0.82rem !important;
}

.features__card-icon {
  width: 2.75rem !important;
  height: 2.75rem !important;
  margin-bottom: 0.72rem !important;
}

.features__card-icon .icon {
  width: 1.2rem !important;
  height: 1.2rem !important;
}

.features__card-title {
  font-size: 0.98rem !important;
  line-height: 1.35 !important;
  margin-bottom: 0.45rem !important;
}

.features__card-description {
  font-size: 0.84rem !important;
  line-height: 1.5 !important;
}

.features__stat-number {
  font-size: clamp(1.2rem, 2vw, 1.55rem) !important;
  line-height: 1.05 !important;
  margin-bottom: 0.2rem !important;
}

.features__stat-label {
  font-size: 0.78rem !important;
  line-height: 1.28 !important;
}

@media (max-width: 767px) {
  .features__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.5rem !important;
    width: min(100%, 21.5rem) !important;
    margin: 0 auto !important;
    padding: 0.55rem !important;
    border-radius: 1rem !important;
  }

  .features__stat {
    padding: 0.62rem 0.45rem !important;
  }

  .features__stat-number {
    font-size: 0.98rem !important;
    margin-bottom: 0.12rem !important;
  }

  .features__stat-label {
    font-size: 0.64rem !important;
    line-height: 1.2 !important;
    letter-spacing: 0.03em !important;
  }
}

.why-choose__card:hover,
.features__card:hover,
.pricing__card:hover,
.faq__item:hover,
.apps__card:hover,
.testimonials__card:hover,
.blog__card:hover,
.download-platforms__card:hover,
.installation-guide:hover {
  border-color: rgba(95, 36, 186, 0.22) !important;
  box-shadow: 0 20px 44px rgba(33, 16, 70, 0.12) !important;
}

.why-choose__card-title,
.features__card-title,
.pricing__card-title,
.apps__card-title,
.testimonials__card-title,
.blog__card-title,
.download-platforms__card-title,
.installation-guide__title,
.trial-form__success-title,
.faq__question {
  color: var(--atlas-purple-900) !important;
}

.why-choose__card-icon,
.features__card-icon,
.apps__icon-wrapper,
.download-platforms__icon-wrapper {
  background: rgba(95, 36, 186, 0.08) !important;
  border-color: rgba(95, 36, 186, 0.12) !important;
  color: var(--atlas-purple-700) !important;
}

.pricing__switcher {
  background: rgba(95, 36, 186, 0.06) !important;
  border: 1px solid rgba(95, 36, 186, 0.08);
}

.pricing__switcher-label {
  color: var(--atlas-text-soft) !important;
}

.pricing__switcher-label--active {
  background: linear-gradient(135deg, var(--atlas-purple-700) 0%, var(--atlas-purple-600) 100%) !important;
  color: #ffffff !important;
}

.pricing__grid {
  grid-template-columns: repeat(auto-fit, minmax(245px, 1fr)) !important;
  gap: 1rem !important;
  align-items: end !important;
}

.pricing__promo {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  margin: 80px auto 0 !important;
  max-width: 70rem !important;
  padding: 1.35rem !important;
  border-radius: 1.55rem !important;
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at top right, rgba(243, 207, 34, 0.18) 0%, rgba(243, 207, 34, 0) 28%),
    radial-gradient(circle at left center, rgba(123, 61, 229, 0.12) 0%, rgba(123, 61, 229, 0) 36%),
    linear-gradient(135deg, #fbf9ff 0%, #f4efff 100%) !important;
  border: 1px solid rgba(95, 36, 186, 0.1) !important;
  box-shadow:
    0 24px 60px rgba(33, 16, 70, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    border-color 0.22s ease !important;
}

.pricing__promo::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0) 38%),
    linear-gradient(90deg, rgba(95, 36, 186, 0.1) 0%, rgba(95, 36, 186, 0) 30%) !important;
  pointer-events: none !important;
}

.pricing__promo:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(95, 36, 186, 0.18) !important;
  box-shadow:
    0 30px 72px rgba(33, 16, 70, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
}

.pricing__promo-main {
  display: grid !important;
  grid-template-columns: minmax(0, 1.6fr) minmax(19rem, 0.95fr) !important;
  gap: 1rem !important;
  align-items: stretch !important;
  position: relative !important;
  z-index: 1 !important;
}

.pricing__promo-badge {
  display: inline-flex !important;
  align-self: flex-start !important;
  padding: 0.42rem 0.82rem !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(250, 247, 255, 0.9) 100%) !important;
  border: 1px solid rgba(95, 36, 186, 0.12) !important;
  color: #4d1ca2 !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  box-shadow: 0 12px 26px rgba(33, 16, 70, 0.08) !important;
}

.pricing__promo-copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 0.75rem !important;
  padding: 0.1rem !important;
}

.pricing__promo-head {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.8rem !important;
}

.pricing__promo-heading {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.55rem !important;
}

.pricing__promo-title {
  margin: 0 !important;
  color: #21143a !important;
  font-size: clamp(1.45rem, 2.35vw, 1.9rem) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.045em !important;
  font-weight: 900 !important;
  max-width: 20rem !important;
}

.pricing__promo-text {
  margin: 0 !important;
  color: #51486b !important;
  font-size: 0.96rem !important;
  line-height: 1.56 !important;
  max-width: 31rem !important;
}

.pricing__promo-side {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: stretch !important;
  min-height: 100% !important;
}

.pricing__promo-side-panel {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 0.72rem !important;
  min-height: 100% !important;
  padding: 1.12rem !important;
  border-radius: 1.2rem !important;
  background:
    radial-gradient(circle at top right, rgba(243, 207, 34, 0.18) 0%, rgba(243, 207, 34, 0) 30%),
    linear-gradient(180deg, #2b0f53 0%, #4a1ca0 58%, #652cc8 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow:
    0 20px 44px rgba(44, 15, 84, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
  position: relative !important;
}

.pricing__promo-side-panel::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 52%) !important;
  pointer-events: none !important;
}

.pricing__price-row--promo {
  display: flex !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  width: 100% !important;
  padding-bottom: 0.5rem !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
  position: relative !important;
  z-index: 1 !important;
}

.pricing__promo-side-panel .pricing__price {
  display: inline-flex !important;
  align-items: flex-start !important;
}

.pricing__promo-side-panel .pricing__price-currency {
  font-size: 1.18rem !important;
  color: #f7e8ff !important;
  -webkit-text-fill-color: #f7e8ff !important;
  transform: translateY(0.34rem) !important;
}

.pricing__promo-side-panel .pricing__price-amount {
  font-size: clamp(2.5rem, 4vw, 2.95rem) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  letter-spacing: -0.05em !important;
}

.pricing__promo-side-panel .pricing__price-decimal {
  font-size: 1.05rem !important;
  color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
  transform: translateY(0.24rem) !important;
}

.pricing__payment-note--promo-dark {
  color: rgba(241, 233, 255, 0.82) !important;
  font-size: 0.82rem !important;
  line-height: 1.45 !important;
  width: 100% !important;
  position: relative !important;
  z-index: 1 !important;
}

.pricing__promo-panel-features {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.38rem 0.75rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
  position: relative !important;
  z-index: 1 !important;
  align-content: start !important;
}

.pricing__promo-side-panel .pricing__feature {
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 0.86rem !important;
  line-height: 1.36 !important;
  gap: 0.48rem !important;
}

.pricing__promo-side-panel .pricing__feature-icon {
  color: #ffd84b !important;
  width: 0.92rem !important;
  height: 0.92rem !important;
  margin-top: 0.08rem !important;
}

.pricing__button--promo {
  width: 100% !important;
  min-height: 2.95rem !important;
  justify-content: center !important;
  border-radius: 1.05rem !important;
  font-size: 0.9rem !important;
  box-shadow: 0 18px 36px rgba(243, 207, 34, 0.26) !important;
  position: relative !important;
  z-index: 1 !important;
}

.pricing__card {
  display: flex !important;
  flex-direction: column !important;
  max-width: 22rem !important;
  width: 100% !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 1.15rem !important;
}

.pricing__card[data-plan="1-screen"],
.pricing__card[data-plan="1-screen-6m"],
.pricing__card[data-plan="3-screens"] {
  min-height: 39rem !important;
}

.pricing__card-header {
  gap: 0.4rem !important;
}

.pricing__popular {
  display: inline-flex !important;
  align-self: flex-start !important;
  margin-bottom: 2rem !important;
  padding: 0.35rem 0.7rem !important;
  border-radius: 999px !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

.pricing__card-title {
  font-size: 1.12rem !important;
  line-height: 1.3 !important;
}

.pricing__old-price {
  display: inline-flex !important;
  align-items: center !important;
  color: rgba(83, 92, 116, 0.78) !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: line-through !important;
  text-decoration-thickness: 1.5px !important;
  text-decoration-color: rgba(83, 92, 116, 0.52) !important;
}

.pricing__price-row {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 0.55rem !important;
  flex-wrap: wrap !important;
}

.pricing__price {
  gap: 0.08rem !important;
}

.pricing__price-currency {
  font-size: 1rem !important;
}

.pricing__price-amount {
  font-size: clamp(2rem, 3.2vw, 2.5rem) !important;
  line-height: 1 !important;
}

.pricing__price-decimal {
  font-size: 1rem !important;
}

.pricing__payment-note {
  font-size: 0.86rem !important;
  line-height: 1.45 !important;
}

.pricing__features {
  flex: 1 1 auto !important;
  margin-top: 0.9rem !important;
}

.pricing__features-list {
  gap: 0.55rem !important;
}

.pricing__feature {
  gap: 0.55rem !important;
  font-size: 0.92rem !important;
  line-height: 1.45 !important;
}

.pricing__feature-icon {
  width: 1rem !important;
  height: 1rem !important;
  margin-top: 0.15rem !important;
}

.pricing__divider {
  margin: 0.95rem 0 !important;
}

.pricing__section-title {
  font-size: 0.88rem !important;
  margin-bottom: 0.55rem !important;
}

.pricing__devices-img {
  max-width: 9.6rem !important;
}

.pricing__buttons {
  margin-top: auto !important;
  padding-top: 0.95rem !important;
}

.pricing__button {
  min-height: 2.85rem !important;
  padding: 0.8rem 1rem !important;
  font-size: 0.93rem !important;
}

.pricing__card--featured {
  background: linear-gradient(180deg, #5322a8 0%, #6e34d7 100%) !important;
  border-color: rgba(95, 36, 186, 0.24) !important;
}

.pricing__card--featured .pricing__card-title,
.pricing__card--featured .pricing__payment-note,
.pricing__card--featured .pricing__feature,
.pricing__card--featured .pricing__section-title {
  color: rgba(255, 255, 255, 0.92) !important;
}

.pricing__card--featured .pricing__card-title {
  margin-top: 0.35rem !important;
}

.pricing__payment-note--promo {
  color: rgba(255, 255, 255, 0.95) !important;
  font-weight: 700 !important;
}

.pricing__card--featured .pricing__price-currency,
.pricing__card--featured .pricing__price-amount,
.pricing__card--featured .pricing__price-decimal {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.pricing__card--featured .pricing__old-price {
  color: rgba(255, 255, 255, 0.72) !important;
  text-decoration-color: rgba(255, 255, 255, 0.45) !important;
}

.pricing__card--featured .offer-counter--card {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.18);
  color: #ffffff;
}

.pricing__card--featured .offer-counter--card-fomo {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.1) 100%) !important;
  border-color: rgba(243, 207, 34, 0.38) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 10px 22px rgba(34, 16, 77, 0.16) !important;
}

.pricing__card--featured .offer-counter--card-fomo .offer-counter__label {
  color: rgba(255, 242, 188, 0.94) !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

.pricing__card--featured .offer-counter--card-fomo .offer-counter__timer {
  color: #ffd84b !important;
  text-shadow: 0 0 12px rgba(243, 207, 34, 0.2) !important;
}

.pricing__popular {
  background: linear-gradient(180deg, var(--atlas-lime-500) 0%, var(--atlas-lime-600) 100%) !important;
  color: #261545 !important;
}

.faq__item.active {
  border-color: rgba(95, 36, 186, 0.22) !important;
}

.faq__support-atlas-pro {
  max-width: 52rem !important;
  margin: 2.5rem auto 0 !important;
  padding: clamp(1.5rem, 3vw, 2.5rem) !important;
  background: #ffffff !important;
  border: 1px solid rgba(95, 36, 186, 0.12) !important;
  border-radius: 1.5rem !important;
  box-shadow: 0 18px 40px rgba(33, 16, 70, 0.1) !important;
  text-align: center !important;
}

.why-choose__cta,
.apps__cta {
  background: linear-gradient(135deg, #5120a4 0%, #6e34d7 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.faq__support-atlas-pro-icon {
  width: 4rem !important;
  height: 4rem !important;
  margin: 0 auto 1rem !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(116, 64, 216, 0.12) 0%, rgba(95, 36, 186, 0.18) 100%) !important;
  color: var(--atlas-purple-700) !important;
}

.faq__support-atlas-pro-icon .icon {
  width: 1.5rem !important;
  height: 1.5rem !important;
}

.faq__support-atlas-pro-title {
  margin: 0 0 0.85rem !important;
  color: var(--atlas-purple-900) !important;
  font-size: clamp(1.5rem, 2.8vw, 2rem) !important;
  line-height: 1.15 !important;
  text-wrap: balance !important;
}

.faq__support-atlas-pro-text {
  max-width: 40rem !important;
  margin: 0 auto 1.5rem !important;
  color: var(--atlas-text-soft) !important;
  font-size: 1rem !important;
  line-height: 1.7 !important;
}

.faq__support-atlas-pro-text strong {
  color: var(--atlas-purple-800) !important;
}

.faq__support-atlas-pro .btn {
  min-width: min(100%, 18rem) !important;
}

.support-request {
  padding: 1.75rem 0 6rem !important;
  background: #ffffff !important;
}

.support-request__container {
  max-width: 52rem !important;
  margin: 0 auto !important;
  padding: 0 1.25rem !important;
}

.support-request__panel {
  background: #ffffff !important;
  border: 1px solid rgba(95, 36, 186, 0.12) !important;
  border-radius: 1.6rem !important;
  box-shadow: 0 18px 55px rgba(30, 17, 70, 0.08) !important;
  padding: 2.1rem !important;
}

.support-request__header {
  text-align: center !important;
  margin-bottom: 1.5rem !important;
}

.support-request__badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.38rem 0.8rem !important;
  border-radius: 999px !important;
  background: rgba(95, 36, 186, 0.08) !important;
  color: var(--atlas-purple-800) !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

.support-request__title {
  margin: 0.9rem 0 0.7rem !important;
  color: var(--atlas-purple-900) !important;
  font-size: clamp(1.55rem, 2.8vw, 2.2rem) !important;
  line-height: 1.15 !important;
}

.support-request__text {
  max-width: 36rem !important;
  margin: 0 auto !important;
  color: var(--atlas-text-soft) !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
}

.support-request__form {
  display: grid !important;
  gap: 1rem !important;
}

.support-request__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1rem !important;
}

.support-request__field {
  display: grid !important;
  gap: 0.45rem !important;
}

.support-request__field span {
  color: var(--atlas-purple-900) !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
}

.support-request__field input,
.support-request__field select,
.support-request__field textarea {
  width: 100% !important;
  border: 1px solid rgba(95, 36, 186, 0.14) !important;
  border-radius: 1rem !important;
  background: #fcfbff !important;
  color: var(--atlas-text) !important;
  padding: 0.95rem 1rem !important;
  outline: none !important;
  box-shadow: none !important;
}

.support-request__field input:focus,
.support-request__field select:focus,
.support-request__field textarea:focus {
  border-color: rgba(95, 36, 186, 0.38) !important;
  box-shadow: 0 0 0 3px rgba(95, 36, 186, 0.08) !important;
}

.support-request__submit {
  width: 100% !important;
  justify-content: center !important;
  margin-top: 0.4rem !important;
}

.support-hero .features__title {
  color: #ffffff !important;
}

.support-hero .features__title-highlight {
  color: var(--atlas-lime-500) !important;
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
}

.trial-form__input,
.trial-form__select,
.trial-form__textarea {
  background: #fcfbff !important;
  border-color: rgba(95, 36, 186, 0.14) !important;
  color: var(--atlas-text) !important;
}

.trial-form__input:focus,
.trial-form__select:focus,
.trial-form__textarea:focus {
  border-color: rgba(95, 36, 186, 0.36) !important;
  box-shadow: 0 0 0 3px rgba(95, 36, 186, 0.1) !important;
}

.footer {
  background: linear-gradient(180deg, #18052f 0%, #2a0d54 100%) !important;
}

.footer__main {
  row-gap: 2.25rem !important;
  column-gap: 2rem !important;
  align-items: start !important;
  margin-bottom: 0 !important;
}

.footer__col {
  gap: 0.85rem !important;
  min-width: 0 !important;
}

.footer__title {
  margin-bottom: 0.9rem !important;
}

.footer__links,
.footer__support-atlas-pro {
  gap: 0.65rem !important;
}

.footer__support-atlas-pro-item {
  align-items: flex-start !important;
  line-height: 1.5 !important;
}

.footer__support-atlas-pro-item .icon {
  margin-top: 0.15rem !important;
  flex-shrink: 0 !important;
}

.footer__payment-icon {
  width: 2.5rem !important;
  height: 1.65rem !important;
  padding: 0.25rem !important;
  border-radius: 0.55rem !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  object-fit: contain !important;
}

.footer__payment-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 0.65rem !important;
  align-items: center !important;
}

.footer__payment-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.footer__title::after {
  background: linear-gradient(90deg, var(--atlas-lime-500), transparent) !important;
}

.footer__bottom-content {
  gap: 1rem !important;
  justify-content: center !important;
  text-align: center !important;
}

.footer__bottom {
  margin-top: 1.75rem !important;
  padding-top: 1.4rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.footer__badges {
  gap: 0.65rem !important;
}

.footer__badge {
  padding: 0.45rem 0.75rem !important;
  line-height: 1.35 !important;
}

.footer__copyright {
  width: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
}

@media (max-width: 1023px) {
  .hero__content,
  .download-hero__container,
  .pricing__container,
  .faq__container,
  .testimonials__container,
  .footer__container {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .nav {
    column-gap: 0.75rem !important;
  }

  .nav__menu-list {
    gap: 0.35rem !important;
    flex-wrap: wrap !important;
  }

  .nav__link {
    font-size: 0.92rem !important;
    padding-inline: 0.55rem !important;
  }

  .hero__trust {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
    width: min(100%, 40rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .hero__trust-item {
    min-width: 0 !important;
    justify-content: flex-start !important;
  }

  .pricing__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .testimonials__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1rem !important;
  }

  .footer__main {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .hero__content,
  .download-hero__container {
    text-align: center !important;
  }

  .support-request {
    padding: 1rem 0 4rem !important;
  }

  .support-request__panel {
    padding: 1.35rem !important;
    border-radius: 1.2rem !important;
  }

  .support-request__grid {
    grid-template-columns: 1fr !important;
  }

  .hero__title {
    font-size: clamp(1.65rem, 6.2vw, 2.05rem) !important;
    line-height: 1.16 !important;
    margin-top: 1.6rem !important;
  }

  .hero__description {
    font-size: 0.9rem !important;
    line-height: 1.56 !important;
  }

  .features__container {
    padding-left: 0.9rem !important;
    padding-right: 0.9rem !important;
  }

  .download-platforms {
    padding-left: 0.9rem !important;
    padding-right: 0.9rem !important;
  }

  .download-platforms__header {
    margin-bottom: 1.5rem !important;
  }

  .download-platforms__container {
    grid-template-columns: 1fr !important;
    gap: 0.85rem !important;
  }

  .download-platforms__card {
    max-width: 100% !important;
    padding: 1rem !important;
  }

  .download-support__container {
    margin-top: 0.9rem !important;
  }

  .download-support__content {
    padding: 1.25rem !important;
    border-radius: 1.25rem !important;
  }

  .download-support__actions {
    flex-direction: column !important;
  }

  .download-support__actions .btn {
    width: 100% !important;
  }

  .features__header {
    text-align: center !important;
  }

  .features__header-text {
    max-width: 52rem !important;
    text-align: center !important;
  }

  .features__header-text .features__title {
    font-size: clamp(1.38rem, 5.8vw, 1.7rem) !important;
  }

  .features__description {
    max-width: 46rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 0.88rem !important;
    line-height: 1.54 !important;
  }

  .features__body {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  .features__visual {
    align-items: center !important;
  }

  .features__header-image {
    align-items: center !important;
    justify-content: center !important;
    gap: 0.85rem !important;
  }

  .features__carousel {
    width: min(100%, 34rem) !important;
    min-height: 13.5rem !important;
    border-radius: 1.1rem !important;
  }

  .features__carousel-controls {
    inset: auto 0.75rem 0.75rem 0.75rem !important;
  }

  .features__devices-img {
    width: min(100%, 34rem) !important;
    margin: 0 auto !important;
  }

  .features__grid {
    grid-template-columns: 1fr !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    gap: 0.85rem !important;
  }

  .features__card {
    max-width: 100% !important;
    padding: 1rem !important;
  }

  .features__card-icon {
    width: 2.7rem !important;
    height: 2.7rem !important;
    margin-bottom: 0.75rem !important;
  }

  .features__card-title {
    font-size: 1rem !important;
  }

  .features__card-description {
    font-size: 0.89rem !important;
    line-height: 1.55 !important;
  }

  .hero__cta {
    justify-content: center;
  }

  .hero__cta .btn {
    width: 100% !important;
  }

  .hero__trust {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center;
  }

  .hero__trust-item {
    justify-content: center !important;
    text-align: center !important;
    padding: 0.75rem 0.85rem !important;
    border-radius: 1rem !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
  }

  .pricing__grid {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }

  .pricing__card {
    max-width: 100% !important;
    padding: 1rem !important;
  }

  .pricing__promo {
    margin: 80px auto 0 !important;
    padding: 0.95rem !important;
    border-radius: 1.25rem !important;
  }

  .pricing__promo-main {
    grid-template-columns: 1fr !important;
    gap: 0.82rem !important;
  }

  .pricing__promo-badge {
    align-self: center !important;
  }

  .pricing__promo-head {
    align-items: center !important;
    text-align: center !important;
  }

  .pricing__promo-heading {
    align-items: center !important;
  }

  .pricing__promo-title {
    max-width: 100% !important;
    font-size: 1.22rem !important;
    text-align: center !important;
  }

  .pricing__promo-text {
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    text-align: center !important;
  }

  .pricing__price-row--promo {
    justify-content: center !important;
  }

  .pricing__promo-side {
    align-items: stretch !important;
  }

  .pricing__promo-side-panel {
    padding: 0.95rem !important;
  }

  .pricing__promo-panel-features {
    grid-template-columns: 1fr !important;
    gap: 0.42rem !important;
  }

  .pricing__promo-side-panel .pricing__feature {
    font-size: 0.82rem !important;
  }

  .pricing__payment-note--promo-dark {
    text-align: center !important;
  }

  .pricing__card[data-plan="1-screen"],
  .pricing__card[data-plan="1-screen-6m"],
  .pricing__card[data-plan="3-screens"] {
    min-height: auto !important;
  }

  .pricing__card-title {
    font-size: 1.05rem !important;
  }

  .pricing__price-amount {
    font-size: 2rem !important;
  }

  .pricing__feature {
    font-size: 0.88rem !important;
  }

  .offer-counter {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
  }

  .offer-counter--hero {
    align-items: stretch !important;
    flex-direction: column !important;
    gap: 0.8rem !important;
    width: min(100%, calc(100vw - 2rem)) !important;
    max-width: calc(100vw - 2rem) !important;
    padding: 0.95rem !important;
    margin-bottom: 1.55rem !important;
    text-align: left !important;
  }

  .hero__offer-banner-copy {
    text-align: left !important;
  }

  .hero__offer-banner-kicker {
    font-size: 0.64rem !important;
  }

  .hero__offer-banner-headline {
    gap: 0.5rem !important;
    width: 100% !important;
  }

  .hero__offer-banner-title {
    flex: 1 1 100% !important;
    font-size: 0.92rem !important;
  }

  .hero__offer-banner-price {
    font-size: 0.86rem !important;
  }

  .hero__offer-banner-timer {
    width: 100% !important;
    min-width: 0 !important;
  }

  .hero__cta,
  .hero__cta .btn {
    width: 100% !important;
    max-width: calc(100vw - 2rem) !important;
    white-space: normal !important;
  }

  .hero,
  .hero__content,
  .hero__description,
  .hero__title,
  .hero__trust,
  .hero__trust-item {
    max-width: 100% !important;
  }

  .hero__content {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    overflow: hidden !important;
  }

  .hero__description {
    width: 100% !important;
    overflow-wrap: anywhere !important;
    text-wrap: pretty !important;
  }

  .hero__trust-item {
    width: 100% !important;
    justify-content: center !important;
    white-space: normal !important;
  }

  .faq__support-atlas-pro {
    margin-top: 2rem !important;
    padding: 1.25rem !important;
    border-radius: 1.25rem !important;
  }

  .faq__support-atlas-pro-title {
    font-size: 1.35rem !important;
  }

  .faq__support-atlas-pro-text {
    font-size: 0.95rem !important;
    margin-bottom: 1.25rem !important;
  }

  .faq__support-atlas-pro .btn {
    width: 100% !important;
  }

  .faq__question {
    font-size: 0.95rem !important;
    line-height: 1.4 !important;
  }

  .testimonials__grid {
    grid-template-columns: 1fr !important;
    gap: 0.85rem !important;
  }

  .testimonials__card {
    padding: 1rem !important;
  }

  .footer__main {
    grid-template-columns: 1fr !important;
  }

  .footer__main {
    row-gap: 1.5rem !important;
  }

  .footer__col {
    gap: 0.65rem !important;
  }

  .footer__title {
    margin-bottom: 0.7rem !important;
  }

  .footer__bottom {
    margin-top: 1.25rem !important;
    padding-top: 1.1rem !important;
  }

  .footer__payment-icon {
    width: 2.35rem !important;
    height: 1.55rem !important;
  }

  .whatsapp-float {
    right: 0.85rem !important;
    bottom: 0.85rem !important;
    width: 3.45rem !important;
    height: 3.45rem !important;
  }
}

.header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1200 !important;
  width: 100% !important;
  isolation: isolate !important;
}

.nav {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: min(100%, 80rem) !important;
  min-height: clamp(4rem, 7vw, 4.75rem) !important;
  height: auto !important;
  gap: clamp(0.5rem, 2vw, 1.25rem) !important;
  padding-inline: clamp(0.75rem, 3vw, 1.5rem) !important;
}

.nav__left {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.nav__logo {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  width: clamp(7.75rem, 22vw, 11.5rem) !important;
  height: clamp(3.2rem, 6vw, 4.25rem) !important;
  max-width: 42vw !important;
  overflow: visible !important;
  line-height: 0 !important;
}

.nav__logo-img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: left center !important;
  aspect-ratio: 220 / 106 !important;
}

.nav__cta {
  display: none !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  min-width: max-content !important;
}

.nav__cta .btn,
.nav__mobile-cta .btn,
.hero__cta .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  line-height: 1.15 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.nav__mobile-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 2.75rem !important;
  width: 2.75rem !important;
  height: 2.75rem !important;
  margin-left: auto !important;
  flex-direction: column !important;
  gap: 0.32rem !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
}

.nav__mobile-toggle-icon {
  display: none !important;
}

.nav__mobile-toggle::before,
.nav__mobile-toggle::after,
.nav__mobile-toggle .nav__mobile-toggle-icon {
  content: "" !important;
  width: 1.25rem !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  transition: transform 180ms ease, opacity 180ms ease !important;
}

.nav__mobile-toggle .nav__mobile-toggle-icon {
  display: block !important;
  flex: 0 0 2px !important;
  stroke: none !important;
}

.nav__mobile-toggle.is-open::before {
  transform: translateY(0.43rem) rotate(45deg) !important;
}

.nav__mobile-toggle.is-open .nav__mobile-toggle-icon {
  opacity: 0 !important;
}

.nav__mobile-toggle.is-open::after {
  transform: translateY(-0.43rem) rotate(-45deg) !important;
}

.nav__mobile-menu {
  position: fixed !important;
  top: clamp(4rem, 7vw, 4.75rem) !important;
  left: max(0.75rem, env(safe-area-inset-left)) !important;
  right: max(0.75rem, env(safe-area-inset-right)) !important;
  bottom: auto !important;
  z-index: 1190 !important;
  max-height: calc(100dvh - clamp(5rem, 9vw, 5.8rem)) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}

.nav__mobile-cta .btn {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 3rem !important;
  padding: 0.9rem 1rem !important;
  font-size: clamp(0.95rem, 3.8vw, 1.05rem) !important;
}

.whatsapp-float {
  position: fixed !important;
  right: max(1rem, env(safe-area-inset-right)) !important;
  bottom: max(1rem, env(safe-area-inset-bottom)) !important;
  z-index: 1300 !important;
  width: clamp(3.25rem, 9vw, 3.85rem) !important;
  height: clamp(3.25rem, 9vw, 3.85rem) !important;
  min-width: 3.25rem !important;
  min-height: 3.25rem !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
}

.whatsapp-float__icon {
  width: 52% !important;
  height: 52% !important;
  flex: 0 0 auto !important;
}

.whatsapp-chat-popup {
  z-index: 1290 !important;
  right: max(1rem, env(safe-area-inset-right)) !important;
  bottom: calc(max(1rem, env(safe-area-inset-bottom)) + clamp(4rem, 11vw, 4.65rem)) !important;
  width: min(22rem, calc(100vw - 2rem)) !important;
  max-height: calc(100dvh - 7rem) !important;
}

@media (min-width: 768px) {
  .nav {
    display: grid !important;
    grid-template-columns: minmax(8.5rem, auto) minmax(0, 1fr) auto !important;
  }

  .nav__left {
    display: contents !important;
  }

  .nav__logo {
    grid-column: 1 !important;
    width: clamp(9rem, 13vw, 11.75rem) !important;
    max-width: none !important;
  }

  .nav__menu {
    display: flex !important;
    grid-column: 2 !important;
    justify-content: center !important;
    min-width: 0 !important;
  }

  .nav__menu-list {
    display: flex !important;
    justify-content: center !important;
    gap: clamp(0.2rem, 0.8vw, 0.55rem) !important;
    flex-wrap: nowrap !important;
    min-width: 0 !important;
  }

  .nav__link {
    padding: 0.55rem clamp(0.45rem, 0.9vw, 0.85rem) !important;
    font-size: clamp(0.78rem, 0.95vw, 0.92rem) !important;
    white-space: nowrap !important;
  }

  .nav__cta {
    display: flex !important;
    grid-column: 3 !important;
    justify-self: end !important;
  }

  .nav__mobile-toggle,
  .nav__mobile-menu {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .nav__link {
    padding-inline: clamp(0.7rem, 1vw, 1rem) !important;
    font-size: 0.94rem !important;
  }
}

@media (max-width: 767px) {
  .nav__menu,
  .nav__cta {
    display: none !important;
  }

  .nav__left {
    flex: 1 1 auto !important;
  }

  .nav__logo {
    width: clamp(7.5rem, 38vw, 9.6rem) !important;
    max-width: calc(100vw - 5rem) !important;
  }

  .whatsapp-chat-popup {
    left: max(0.75rem, env(safe-area-inset-left)) !important;
    right: max(0.75rem, env(safe-area-inset-right)) !important;
    width: auto !important;
  }
}

@media (max-width: 360px) {
  .nav {
    padding-inline: 0.65rem !important;
  }

  .nav__logo {
    width: clamp(6.75rem, 36vw, 8rem) !important;
  }

  .nav__mobile-toggle {
    flex-basis: 2.55rem !important;
    width: 2.55rem !important;
    height: 2.55rem !important;
  }

  .whatsapp-float {
    width: 3.1rem !important;
    height: 3.1rem !important;
  }
}