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

body {
  color: var(--atlas-text);
  background: #ffffff !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__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-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: var(--atlas-purple-800) !important;
  border-color: rgba(95, 36, 186, 0.16) !important;
}

.btn--outline:hover,
.btn-outline:hover,
.pricing__button--outline:hover {
  background: #f7f3ff !important;
  color: var(--atlas-purple-900) !important;
  border-color: rgba(95, 36, 186, 0.22) !important;
}

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

.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 {
  color: var(--atlas-lime-500) !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.4rem !important;
  height: 2.4rem !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;
}

.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: 0.6rem !important;
  height: 0.6rem !important;
  border-radius: 999px !important;
  background: rgba(95, 36, 186, 0.24) !important;
  border: 0 !important;
  padding: 0 !important;
}

.features__carousel-dot.is-active {
  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__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="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: 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__trust {
    justify-content: center;
  }

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

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

  .pricing__card[data-plan="1-screen"],
  .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;
    gap: 0.8rem !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;
  }

  .hero__offer-banner-title {
    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;
  }

  .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;
  }

  .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;
  }
}