/* صفحهٔ اصلی — روش طراحی شیشه‌ای و نوار شناور، با همان آبی و قاب موبایل فعلی */

body.landing-page {
  background-attachment: fixed;
}

body.landing-page .section-badge {
  border-radius: 999px;
}

body.landing-page .hero-title {
  gap: 0.42em;
  font-size: clamp(2rem, 6.4vw, 4.35rem);
  line-height: 1.18;
  letter-spacing: -0.045em;
}

body.landing-page .hero-title-tagline {
  font-weight: 800;
  letter-spacing: 0;
  color: #2563eb;
}

body.landing-page .hero-desc {
  max-width: 38rem;
}

body.landing-page .hero-cta-btn.btn-gold {
  border-radius: 16px;
  padding-inline: 18px;
}

body.landing-page .faq-item,
body.landing-page .plan-card-inner,
body.landing-page .desktop-chip {
  background: #ffffff;
  border-color: rgba(37, 99, 235, 0.14);
  color: #334155;
}

body.landing-page .desktop-chip {
  border-radius: 999px;
}

body.landing-page .billing-tab.is-active {
  color: #2563eb;
  background: #eff6ff;
  border-color: #93c5fd;
  box-shadow: none;
}

body.landing-page .store-btn-icon,
body.landing-page .store-btn--ios .store-btn-icon,
body.landing-page .store-btn--android .store-btn-icon,
body.landing-page .appdl-card-icon,
body.landing-page .appdl-card--ios .appdl-card-icon,
body.landing-page .appdl-card--android .appdl-card-icon {
  width: auto;
  height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.landing-page .desktop-chip i {
  color: #2563eb;
  background: transparent;
}

body.landing-page .plan-icon {
  color: #2563eb;
  background: #eff6ff;
  border-color: #bfdbfe;
}

body.landing-page .sector-card,
body.landing-page .step-card,
body.landing-page .bento-card,
body.landing-page .audience-panel,
body.landing-page .faq-item {
  border-radius: 22px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

body.landing-page .sector-card:hover,
body.landing-page .step-card:hover,
body.landing-page .bento-card:hover {
  border-color: rgba(96, 165, 250, 0.4);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 18px 36px -24px rgba(37, 99, 235, 0.45);
}

body.landing-page .navbar {
  top: 10px;
  right: 12px;
  left: 12px;
  width: auto;
  isolation: isolate;
  overflow: visible;
  border-radius: 999px;
  border: 1px solid rgba(37, 99, 235, 0.16);
  background: transparent;
  box-shadow: 0 18px 40px -28px rgba(37, 99, 235, 0.45);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.landing-page .navbar::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

body.landing-page .navbar-inner {
  position: relative;
  z-index: 1;
}

body.landing-page .navbar::after {
  display: none;
}

body.landing-page .hero {
  padding-top: calc(var(--nav-height) + env(safe-area-inset-top, 0px) + 28px);
}

@media (max-width: 1023px) {
  body.landing-page .hero-grid {
    gap: 22px;
  }

  body.landing-page .logo-text-brand {
    display: block;
  }

  body.landing-page .navbar {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  body.landing-page .nav-quick-login {
    height: 34px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 0.72rem;
    white-space: nowrap;
    color: #1d4ed8;
    background: #ffffff;
    border: 1px solid rgba(37, 99, 235, 0.22);
    box-shadow: none;
  }

  body.landing-page .nav-menu {
    top: 0;
    right: 0;
    left: auto;
    width: min(360px, 100%);
    height: 100dvh;
    border-radius: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(calc(100% + 64px));
    box-shadow: none;
  }

  body.landing-page .nav-menu.active {
    visibility: visible;
    pointer-events: auto;
    transform: translateX(0);
    box-shadow: var(--drawer-shadow);
  }

  body.landing-page .nav-menu .nav-cta {
    display: flex;
    margin-top: auto;
  }
}

@media (min-width: 1024px) {
  body.landing-page .navbar {
    top: 16px;
    right: auto;
    left: 50%;
    width: min(1180px, calc(100% - 36px));
    transform: translateX(-50%);
    overflow: hidden;
  }

  body.landing-page .navbar-inner {
    padding: 7px 12px;
    overflow: hidden;
    border-radius: 999px;
  }

  body.landing-page .hero {
    padding-top: calc(var(--nav-height) + 42px);
  }

  body.landing-page .hero-title {
    font-size: clamp(2.15rem, 2.7vw, 3.15rem);
    line-height: 1.12;
  }

  body.landing-page .navbar .nav-user-btn,
  body.landing-page .navbar .nav-user-btn.btn,
  body.landing-page .navbar .nav-user-btn.btn-outline,
  body.landing-page .navbar .nav-user-btn.btn-gold,
  body.landing-page .nav-cta .btn {
    min-width: 0;
    width: auto;
    min-height: 34px;
    height: 34px;
    margin: 0;
    padding: 0 16px;
    border-radius: 999px;
    box-shadow: none;
    overflow: hidden;
    align-self: center;
  }

  body.landing-page .nav-menu {
    position: static;
    flex: 1 1 auto;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    width: auto;
    min-width: 0;
    height: auto;
    padding: 0;
    background: none;
    border: 0;
    box-shadow: none;
    transform: none;
    overflow: visible;
  }

  body.landing-page .mobile-menu-body {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 0;
    padding: 0;
    overflow: visible;
  }

  body.landing-page .nav-links {
    flex-direction: row;
    align-items: center;
    gap: 2px;
    width: auto;
    margin: 0;
    padding: 0;
  }

  body.landing-page .nav-links li {
    opacity: 1;
    transform: none;
    animation: none;
  }

  body.landing-page .nav-links a {
    width: auto;
    min-height: 0;
    padding: 8px 10px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    white-space: nowrap;
  }

  body.landing-page .nav-links a::after {
    content: '';
    position: absolute;
    right: 10px;
    left: 10px;
    bottom: 2px;
    width: auto;
    height: 2px;
    margin: 0;
    border: 0;
    border-radius: 2px;
    background: var(--accent-gold);
    transform: scaleX(0);
    opacity: 1;
  }

  body.landing-page .nav-links a.is-current::after,
  body.landing-page .nav-links a:hover::after {
    transform: scaleX(1);
  }

  body.landing-page .nav-cta {
    flex-direction: row;
    flex-shrink: 0;
    align-items: center;
    width: auto;
    margin-inline-start: auto;
    padding: 0;
    border: 0;
    background: transparent;
  }

  body.landing-page .nav-cta .btn {
    width: auto;
    min-height: 34px;
    height: 34px;
    padding: 0 16px;
    font-size: 0.82rem;
    border-radius: 999px;
  }
}

html:has(body.landing-page) {
  overflow-x: hidden;
}

html:has(body.landing-page),
html:has(body.landing-page) *,
body.landing-page,
body.landing-page * {
  scrollbar-width: none;
  scrollbar-gutter: unset;
}

html:has(body.landing-page)::-webkit-scrollbar,
html:has(body.landing-page) *::-webkit-scrollbar,
body.landing-page::-webkit-scrollbar,
body.landing-page *::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

body.landing-page .section-divider-gem,
body.landing-page .section-divider-gem::before,
body.landing-page .section-divider-gem::after {
  background: transparent;
  box-shadow: none;
  animation: none;
  border: 0;
}

body.landing-page .section-divider-gem {
  width: 36px;
  height: 8px;
  transform: none;
}

body.landing-page .section-divider-inner {
  column-gap: 0;
}

body.landing-page .lp-head .section-title {
  margin-bottom: 16px;
  line-height: 1.35;
}

body.landing-page .lp-head .section-desc,
body.landing-page .hero-desc,
body.landing-page .audience-text,
body.landing-page .cta-text {
  line-height: 1.9;
}

body.landing-page .hero-desc {
  margin-bottom: 18px;
}

body.landing-page .step-card,
body.landing-page .bento-card,
body.landing-page .sector-card {
  row-gap: 8px;
  padding: 16px;
}

body.landing-page .steps-track,
body.landing-page .bento-grid,
body.landing-page .sector-grid {
  gap: 12px;
}

body.landing-page .faq-question,
body.landing-page .faq-question-text {
  color: #0f172a;
  font-size: 0.98rem;
  line-height: 1.7;
}

body.landing-page .faq-question {
  padding: 16px 16px;
}

body.landing-page .faq-list {
  gap: 12px;
}

body.landing-page .hero-cta-btn .mobile-cta-icon,
body.landing-page .btn-gold > i,
body.landing-page .btn-gold .mobile-cta-icon {
  width: auto;
  height: auto;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.landing-page .hero-phone-hint {
  background: #ffffff;
  border: 1px solid #bfdbfe;
  color: #2563eb;
  box-shadow: 0 8px 18px -12px rgba(37, 99, 235, 0.35);
}

body.landing-page .hero-phone-hint-copy {
  color: #1e3a8a;
}

@media (max-width: 720px) {
  body.landing-page .lp-section {
    padding-block: 42px;
  }

  body.landing-page .hero-title {
    gap: 0.5em;
    font-size: clamp(1.85rem, 9vw, 2.4rem);
  }

  body.landing-page .hero-actions .hero-cta-btn,
  body.landing-page .store-btn {
    min-height: 52px;
  }
}

body.landing-page {
  background-color: #f4f8ff;
  background-image:
    radial-gradient(ellipse 70% 42% at 100% 0%, rgba(59, 130, 246, 0.14), transparent 58%),
    radial-gradient(ellipse 55% 36% at 0% 100%, rgba(37, 99, 235, 0.08), transparent 52%);
  --accent: #2563eb;
  --accent-gold: #1d4ed8;
  --accent-muted: #eff6ff;
  --accent-border: #bfdbfe;
  --text-white: #0b1b3a;
  --text-gray: #3d5275;
  --bg-section: #e8f1fd;
  --border-color: rgba(37, 99, 235, 0.14);
}

body.landing-page .sector-card,
body.landing-page .step-card,
body.landing-page .bento-card,
body.landing-page .audience-card,
body.landing-page .plan-card-inner,
body.landing-page .faq-item,
body.landing-page .contact-card,
body.landing-page .appdl-card {
  background: #ffffff;
  border: 1px solid rgba(37, 99, 235, 0.14);
  box-shadow: 0 16px 36px -28px rgba(29, 78, 216, 0.55);
}

body.landing-page .section-title span,
body.landing-page .hero-title-tagline {
  color: #2563eb;
}

body.landing-page .nav-user-btn,
body.landing-page .nav-user-btn.btn-outline,
body.landing-page .nav-user-btn.btn-gold,
body.landing-page .nav-quick-login {
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  color: #1d4ed8;
  background: #ffffff;
  border: 1px solid rgba(37, 99, 235, 0.22);
  box-shadow: none;
  overflow: hidden;
}

body.landing-page.landing-theme-dark {
  background-color: #070b14;
  background-image: none;
  color: #e2e8f0;
  --border-color: rgba(71, 85, 105, 0.28);
  --border-strong: rgba(71, 85, 105, 0.4);
  --glass-fill: rgba(8, 13, 24, 0.42);
  --glass-fill-hover: rgba(10, 16, 30, 0.52);
  --card-shadow: 0 16px 36px -22px rgba(0, 0, 0, 0.5);
  --card-shadow-hover: 0 16px 36px -22px rgba(0, 0, 0, 0.5);
}

body.landing-page.landing-theme-dark .hero {
  background: transparent;
  overflow: visible;
}

body.landing-page.landing-theme-dark .hero::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background-image: url("/assets/images/AKS.png");
  background-repeat: no-repeat;
  background-position: center 42%;
  background-size: cover;
  pointer-events: none;
  -webkit-mask-image: radial-gradient(ellipse 72% 68% at 50% 46%, #000 36%, transparent 78%);
  mask-image: radial-gradient(ellipse 72% 68% at 50% 46%, #000 36%, transparent 78%);
}

body.landing-page.landing-theme-dark .hero::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(to bottom, #070b14 0%, rgba(7, 11, 20, 0.2) 14%, rgba(7, 11, 20, 0) 28%, rgba(7, 11, 20, 0) 70%, rgba(7, 11, 20, 0.35) 86%, #070b14 100%),
    linear-gradient(to right, #070b14 0%, rgba(7, 11, 20, 0.15) 12%, rgba(7, 11, 20, 0) 24%, rgba(7, 11, 20, 0) 76%, rgba(7, 11, 20, 0.15) 88%, #070b14 100%);
}

body.landing-page.landing-theme-dark .hero-grid,
body.landing-page.landing-theme-dark .hero-content,
body.landing-page.landing-theme-dark .hero-visual {
  position: relative;
  z-index: 1;
}

body.landing-page.landing-theme-dark .hero-content::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -28% -32% -18%;
  background: radial-gradient(ellipse 92% 78% at 50% 42%, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.08) 48%, transparent 74%);
  filter: blur(42px);
  pointer-events: none;
}

body.landing-page.landing-theme-dark .hero-title,
body.landing-page.landing-theme-dark .hero-title-brand {
  color: #ffffff;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.28);
}

body.landing-page.landing-theme-dark .hero-title-tagline {
  color: #93c5fd;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.24);
}

body.landing-page.landing-theme-dark .hero-desc {
  color: #f8fafc;
  padding: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.22);
}

body.landing-page.landing-theme-dark .hero-desc strong {
  color: #ffffff;
}

body.landing-page.landing-theme-dark .section-title span {
  color: #93c5fd;
}

body.landing-page.landing-theme-dark .plan-request-btn.btn-gold,
body.landing-page.landing-theme-dark .plan-request-btn.btn-gold:hover {
  color: #ffffff;
  background: #2563eb;
  border: 1px solid #2563eb;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.landing-page.landing-theme-dark .plan-request-btn.btn-gold:hover {
  background: #1d4ed8;
  border-color: #1d4ed8;
}

body.landing-page.landing-theme-dark .plan-request-btn.btn-gold > i {
  color: #ffffff !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.landing-page.landing-theme-dark main :not(.cta-actions) > .btn-gold:not(.plan-request-btn):not(.hero-cta-btn),
body.landing-page.landing-theme-dark .contact-call-btn {
  min-height: 48px;
  border-radius: 16px;
  color: #f1f5f9;
  background: #0f172a;
  border: 1px solid rgba(96, 165, 250, 0.55);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.landing-page.landing-theme-dark main :not(.cta-actions) > .btn-gold:not(.plan-request-btn):not(.hero-cta-btn):hover,
body.landing-page.landing-theme-dark .contact-call-btn:hover {
  color: #ffffff;
  background: #1e293b;
  border-color: rgba(147, 197, 253, 0.75);
}

body.landing-page.landing-theme-dark main :not(.cta-actions) > .btn-gold:not(.plan-request-btn):not(.hero-cta-btn) > i,
body.landing-page.landing-theme-dark main :not(.cta-actions) > .btn-gold:not(.plan-request-btn):not(.hero-cta-btn) .mobile-cta-icon {
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #60a5fa !important;
}

body.landing-page.landing-theme-dark .store-btn,
body.landing-page.landing-theme-dark .store-btn--ios,
body.landing-page.landing-theme-dark .store-btn--android {
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.55);
  color: #f1f5f9;
  box-shadow: none;
}

body.landing-page.landing-theme-dark .store-btn--ios {
  border: 1px solid rgba(96, 165, 250, 0.55);
}

body.landing-page.landing-theme-dark .store-btn--android {
  border: 1px solid rgba(74, 222, 128, 0.55);
}

body.landing-page.landing-theme-dark .store-btn--ios:hover {
  background: rgba(30, 41, 59, 0.72);
  border-color: rgba(147, 197, 253, 0.75);
}

body.landing-page.landing-theme-dark .store-btn--android:hover {
  background: rgba(30, 41, 59, 0.72);
  border-color: rgba(134, 239, 172, 0.75);
}

body.landing-page.landing-theme-dark .store-btn--ios .store-btn-label,
body.landing-page.landing-theme-dark .store-btn--ios .store-btn-pwa,
body.landing-page.landing-theme-dark .store-btn--android .store-btn-label {
  color: #e2e8f0;
}

body.landing-page.landing-theme-dark .store-btn-icon,
body.landing-page.landing-theme-dark .store-btn--ios .store-btn-icon,
body.landing-page.landing-theme-dark .store-btn--android .store-btn-icon,
body.landing-page.landing-theme-dark .appdl-card-icon {
  width: 22px !important;
  height: 22px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.landing-page.landing-theme-dark .store-btn--ios .store-btn-icon {
  color: #60a5fa;
}

body.landing-page.landing-theme-dark .store-btn--android .store-btn-icon {
  color: #4ade80;
}

body.landing-page.landing-theme-dark .phone-account-switch {
  background: #0f172a;
  border: 1px solid rgba(96, 165, 250, 0.28);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.landing-page.landing-theme-dark .phone-account-tab {
  color: #cbd5e1;
  background: #0f172a;
  border: 1px solid rgba(148, 163, 184, 0.28);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.landing-page.landing-theme-dark .phone-account-tab:hover {
  color: #f8fafc;
  background: #1e293b;
  border-color: rgba(147, 197, 253, 0.45);
  box-shadow: none;
}

body.landing-page.landing-theme-dark .phone-account-tab[aria-selected='true'] {
  color: #f1f5f9;
  background: #1e293b;
  border-color: rgba(96, 165, 250, 0.55);
  box-shadow: none;
}

body.landing-page.landing-theme-dark .section-badge {
  background: rgba(148, 163, 184, 0.12);
  border: 1px solid rgba(148, 163, 184, 0.22);
  color: #cbd5e1;
  box-shadow: none;
}

body.landing-page.landing-theme-dark .navbar {
  background: transparent;
  border-color: rgba(226, 232, 240, 0.08);
  box-shadow: 0 18px 40px -20px rgba(0, 0, 0, 0.55);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.landing-page.landing-theme-dark .navbar::before {
  background: rgba(7, 11, 20, 0.62);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

body.landing-page.landing-theme-dark .lp-surface,
body.landing-page.landing-theme-dark .plan-card-inner,
body.landing-page.landing-theme-dark .contact-card,
body.landing-page.landing-theme-dark .contact-reason,
body.landing-page.landing-theme-dark .appdl-card,
body.landing-page.landing-theme-dark .audience-panel,
body.landing-page.landing-theme-dark .plans-compare,
body.landing-page.landing-theme-dark .sector-foot {
  background: linear-gradient(160deg, rgba(8, 13, 24, 0.7) 0%, rgba(7, 11, 20, 0.62) 100%);
  border-color: rgba(71, 85, 105, 0.28);
  color: #e2e8f0;
  box-shadow: 0 16px 36px -22px rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}

body.landing-page.landing-theme-dark .gathering-callout {
  background: rgba(37, 99, 235, 0.12);
  border-color: rgba(147, 197, 253, 0.22);
  color: #cbd5e1;
}

body.landing-page.landing-theme-dark .faq-item,
body.landing-page.landing-theme-dark .sector-card,
body.landing-page.landing-theme-dark .step-card,
body.landing-page.landing-theme-dark .bento-card,
body.landing-page.landing-theme-dark .audience-card {
  background: rgba(8, 13, 24, 0.38);
  border-color: rgba(71, 85, 105, 0.22);
  color: #e2e8f0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.landing-page.landing-theme-dark .sector-card:hover,
body.landing-page.landing-theme-dark .step-card:hover,
body.landing-page.landing-theme-dark .bento-card:hover,
body.landing-page.landing-theme-dark .contact-reason:hover,
body.landing-page.landing-theme-dark .faq-item:hover {
  background: rgba(10, 16, 30, 0.5);
  border-color: rgba(96, 165, 250, 0.18);
  box-shadow: none;
}

body.landing-page.landing-theme-dark .faq-question,
body.landing-page.landing-theme-dark .faq-question-text {
  color: #f8fafc;
}

body.landing-page.landing-theme-dark .plan-icon,
body.landing-page.landing-theme-dark .plan-card.selected .plan-icon {
  color: #93c5fd;
  background: rgba(96, 165, 250, 0.12);
  border-color: rgba(96, 165, 250, 0.28);
}

body.landing-page.landing-theme-dark .audience-switch {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(226, 232, 240, 0.1);
}

body.landing-page.landing-theme-dark .audience-tab {
  color: #cbd5e1;
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(226, 232, 240, 0.1);
}

body.landing-page.landing-theme-dark .audience-tab[aria-selected='true'] {
  color: #93c5fd;
  background: rgba(96, 165, 250, 0.14);
  border-color: rgba(96, 165, 250, 0.32);
  box-shadow: none;
}

body.landing-page.landing-theme-dark .nav-cta {
  background: rgba(7, 11, 20, 0.92);
  border-top-color: rgba(226, 232, 240, 0.1);
}

@media (min-width: 1024px) {
  body.landing-page.landing-theme-dark .navbar .nav-cta {
    background: transparent;
    border: 0;
    box-shadow: none;
  }
}

body.landing-page.landing-theme-dark .navbar .nav-user-btn,
body.landing-page.landing-theme-dark .navbar .nav-user-btn.btn,
body.landing-page.landing-theme-dark .navbar .nav-user-btn.btn-outline,
body.landing-page.landing-theme-dark .navbar .nav-user-btn.btn-gold,
body.landing-page.landing-theme-dark .navbar .nav-quick-login {
  color: #e2e8f0;
  background: rgba(148, 163, 184, 0.18);
  border: 1px solid rgba(148, 163, 184, 0.32);
  border-radius: 999px;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.landing-page.landing-theme-dark .navbar .nav-user-btn:hover,
body.landing-page.landing-theme-dark .navbar .nav-user-btn.btn-outline:hover,
body.landing-page.landing-theme-dark .navbar .nav-user-btn.btn-gold:hover,
body.landing-page.landing-theme-dark .navbar .nav-quick-login:hover {
  color: #f8fafc;
  background: rgba(148, 163, 184, 0.28);
  border-color: rgba(148, 163, 184, 0.45);
}

body.landing-page.landing-theme-dark .navbar .nav-user-btn .mobile-cta-icon,
body.landing-page.landing-theme-dark .navbar .nav-user-btn.btn-gold .mobile-cta-icon,
body.landing-page.landing-theme-dark .navbar .nav-quick-login i {
  color: #e2e8f0;
  background: transparent;
}

body.landing-page.landing-theme-dark .hero-phone-hint {
  background: rgba(18, 26, 42, 0.9);
  border-color: rgba(96, 165, 250, 0.24);
  color: #93c5fd;
}

body.landing-page.landing-theme-dark .hero-phone-hint-copy {
  color: #e2e8f0;
}

body.landing-page.landing-theme-dark .billing-tab.is-active {
  color: #93c5fd;
  background: rgba(96, 165, 250, 0.1);
  border-color: rgba(96, 165, 250, 0.24);
}

@media (max-width: 1023px) {
  body.landing-page.landing-theme-dark .hero::before {
    background-position: center 38%;
    background-size: cover;
    -webkit-mask-image:
      linear-gradient(to bottom, transparent 0%, #000 14%, #000 78%, transparent 100%),
      radial-gradient(ellipse 92% 78% at 50% 42%, #000 22%, transparent 78%);
    mask-image:
      linear-gradient(to bottom, transparent 0%, #000 14%, #000 78%, transparent 100%),
      radial-gradient(ellipse 92% 78% at 50% 42%, #000 22%, transparent 78%);
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
  }

  body.landing-page.landing-theme-dark .hero-content::before {
    inset: -22% -18% -8%;
    background: radial-gradient(ellipse 94% 80% at 50% 38%, rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0.08) 50%, transparent 76%);
  }

  body.landing-page.landing-theme-dark .desktop-stage {
    -webkit-mask-image: radial-gradient(ellipse 96% 92% at 50% 50%, #000 68%, transparent 100%);
    mask-image: radial-gradient(ellipse 96% 92% at 50% 50%, #000 68%, transparent 100%);
  }
}

@media (max-width: 720px) {
  body.landing-page.landing-theme-dark .hero::before {
    background-position: center 46%;
    background-size: cover;
  }

  body.landing-page.landing-theme-dark .hero-content::before {
    inset: -4% -4% 4%;
  }

  body.landing-page.landing-theme-dark .store-btn,
  body.landing-page.landing-theme-dark .hero-cta-btn.btn-gold {
    min-height: 50px;
  }
}

body.landing-page.landing-theme-dark .btn,
body.landing-page.landing-theme-dark .btn-gold,
body.landing-page.landing-theme-dark .btn-outline,
body.landing-page.landing-theme-dark .store-btn,
body.landing-page.landing-theme-dark .contact-call-btn,
body.landing-page.landing-theme-dark .hero-phone-nav {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.landing-page.landing-theme-dark .hero-phone-nav {
  background: #0f172a;
  border: 1px solid rgba(96, 165, 250, 0.45);
  box-shadow: none;
}

body.landing-page.landing-theme-dark .contact-call-btn,
body.landing-page.landing-theme-dark .contact-telegram-btn {
  border-radius: 16px;
}

body.landing-page.landing-theme-dark #panel-preview {
  position: relative;
  overflow: visible;
  background: transparent;
}

body.landing-page.landing-theme-dark #panel-preview::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background-image: url("/assets/images/B2.png");
  background-repeat: no-repeat;
  background-position: center 58%;
  background-size: cover;
  pointer-events: none;
  -webkit-mask-image: radial-gradient(ellipse 78% 72% at 50% 48%, #000 34%, transparent 78%);
  mask-image: radial-gradient(ellipse 78% 72% at 50% 48%, #000 34%, transparent 78%);
}

body.landing-page.landing-theme-dark #panel-preview::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(to bottom, #070b14 0%, rgba(7, 11, 20, 0.18) 16%, rgba(7, 11, 20, 0) 32%, rgba(7, 11, 20, 0) 68%, rgba(7, 11, 20, 0.32) 86%, #070b14 100%),
    linear-gradient(to right, #070b14 0%, rgba(7, 11, 20, 0.14) 12%, rgba(7, 11, 20, 0) 24%, rgba(7, 11, 20, 0) 76%, rgba(7, 11, 20, 0.14) 88%, #070b14 100%);
}

body.landing-page.landing-theme-dark #panel-preview .container {
  position: relative;
  z-index: 1;
}

body.landing-page.landing-theme-dark #sectors {
  position: relative;
  overflow: visible;
  background: transparent;
}

body.landing-page.landing-theme-dark #sectors::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background-image: url("/assets/images/VAGHT.png");
  background-repeat: no-repeat;
  background-position: center 52%;
  background-size: cover;
  pointer-events: none;
  -webkit-mask-image: radial-gradient(ellipse 78% 72% at 50% 48%, #000 34%, transparent 78%);
  mask-image: radial-gradient(ellipse 78% 72% at 50% 48%, #000 34%, transparent 78%);
}

body.landing-page.landing-theme-dark #sectors::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(to bottom, #070b14 0%, rgba(7, 11, 20, 0.18) 16%, rgba(7, 11, 20, 0) 32%, rgba(7, 11, 20, 0) 68%, rgba(7, 11, 20, 0.32) 86%, #070b14 100%),
    linear-gradient(to right, #070b14 0%, rgba(7, 11, 20, 0.14) 12%, rgba(7, 11, 20, 0) 24%, rgba(7, 11, 20, 0) 76%, rgba(7, 11, 20, 0.14) 88%, #070b14 100%);
}

body.landing-page.landing-theme-dark #sectors .container {
  position: relative;
  z-index: 1;
}

body.landing-page.landing-theme-dark #admin-panel {
  position: relative;
  overflow: visible;
  background: transparent;
}

body.landing-page.landing-theme-dark #admin-panel::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background-image: url("/assets/images/AKS.png");
  background-repeat: no-repeat;
  background-position: center 42%;
  background-size: cover;
  pointer-events: none;
  -webkit-mask-image: radial-gradient(ellipse 78% 72% at 50% 48%, #000 34%, transparent 78%);
  mask-image: radial-gradient(ellipse 78% 72% at 50% 48%, #000 34%, transparent 78%);
}

body.landing-page.landing-theme-dark #admin-panel::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(to bottom, #070b14 0%, rgba(7, 11, 20, 0.18) 16%, rgba(7, 11, 20, 0) 32%, rgba(7, 11, 20, 0) 68%, rgba(7, 11, 20, 0.32) 86%, #070b14 100%),
    linear-gradient(to right, #070b14 0%, rgba(7, 11, 20, 0.14) 12%, rgba(7, 11, 20, 0) 24%, rgba(7, 11, 20, 0) 76%, rgba(7, 11, 20, 0.14) 88%, #070b14 100%);
}

body.landing-page.landing-theme-dark #admin-panel .container {
  position: relative;
  z-index: 1;
}

body.landing-page.landing-theme-dark .biz-panel-stat,
body.landing-page.landing-theme-dark .biz-row {
  background: rgba(8, 13, 24, 0.45);
  border-color: rgba(96, 165, 250, 0.1);
  box-shadow: none;
}

body.landing-page.landing-theme-dark #contact {
  position: relative;
  overflow: visible;
  background: transparent;
}

body.landing-page.landing-theme-dark #contact::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background-image: url("/assets/images/OO.png");
  background-repeat: no-repeat;
  background-position: center 48%;
  background-size: cover;
  pointer-events: none;
  -webkit-mask-image: radial-gradient(ellipse 78% 72% at 50% 48%, #000 34%, transparent 78%);
  mask-image: radial-gradient(ellipse 78% 72% at 50% 48%, #000 34%, transparent 78%);
}

body.landing-page.landing-theme-dark #contact::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(to bottom, #070b14 0%, rgba(7, 11, 20, 0.18) 16%, rgba(7, 11, 20, 0) 32%, rgba(7, 11, 20, 0) 68%, rgba(7, 11, 20, 0.32) 86%, #070b14 100%),
    linear-gradient(to right, #070b14 0%, rgba(7, 11, 20, 0.14) 12%, rgba(7, 11, 20, 0) 24%, rgba(7, 11, 20, 0) 76%, rgba(7, 11, 20, 0.14) 88%, #070b14 100%);
}

body.landing-page.landing-theme-dark #contact .container {
  position: relative;
  z-index: 1;
}

body.landing-page.landing-theme-dark #mobile-app {
  position: relative;
  overflow: visible;
  background: transparent;
}

body.landing-page.landing-theme-dark #mobile-app::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  inset: 0;
  background-image: url("/assets/images/LLLL.png");
  background-repeat: no-repeat;
  background-position: center 48%;
  background-size: cover;
  pointer-events: none;
  -webkit-mask-image: radial-gradient(ellipse 92% 84% at 50% 48%, #000 36%, transparent 86%);
  mask-image: radial-gradient(ellipse 92% 84% at 50% 48%, #000 36%, transparent 86%);
}

body.landing-page.landing-theme-dark #mobile-app::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(to bottom, #070b14 0%, rgba(7, 11, 20, 0.18) 16%, rgba(7, 11, 20, 0) 32%, rgba(7, 11, 20, 0) 68%, rgba(7, 11, 20, 0.32) 86%, #070b14 100%),
    linear-gradient(to right, #070b14 0%, rgba(7, 11, 20, 0.14) 12%, rgba(7, 11, 20, 0) 24%, rgba(7, 11, 20, 0) 76%, rgba(7, 11, 20, 0.14) 88%, #070b14 100%);
}

body.landing-page.landing-theme-dark #mobile-app .container {
  position: relative;
  z-index: 1;
}

body.landing-page.landing-theme-dark #future {
  position: relative;
  overflow: visible;
  background: transparent;
}

body.landing-page.landing-theme-dark #future::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  inset: -12px;
  background-image: url("/assets/images/ESHT.png");
  background-repeat: no-repeat;
  background-position: center 50%;
  background-size: cover;
  opacity: 0.38;
  filter: blur(12px) brightness(0.42) saturate(0.28) contrast(0.82);
  pointer-events: none;
  -webkit-mask-image: radial-gradient(ellipse 74% 66% at 50% 48%, #000 22%, transparent 76%);
  mask-image: radial-gradient(ellipse 74% 66% at 50% 48%, #000 22%, transparent 76%);
}

body.landing-page.landing-theme-dark #future::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(to bottom, #070b14 0%, rgba(7, 11, 20, 0.58) 14%, rgba(7, 11, 20, 0.34) 50%, rgba(7, 11, 20, 0.62) 86%, #070b14 100%),
    linear-gradient(to right, #070b14 0%, rgba(7, 11, 20, 0.38) 12%, rgba(7, 11, 20, 0.22) 50%, rgba(7, 11, 20, 0.38) 88%, #070b14 100%);
}

body.landing-page.landing-theme-dark #future .container {
  position: relative;
  z-index: 1;
}

body.landing-page.landing-theme-dark #future .plan-card-inner,
body.landing-page.landing-theme-dark #future .plan-card.selected .plan-card-inner {
  background: linear-gradient(160deg, rgba(10, 16, 28, 0.94) 0%, rgba(7, 11, 20, 0.9) 100%);
  border-color: rgba(71, 85, 105, 0.38);
  box-shadow: 0 16px 36px -22px rgba(0, 0, 0, 0.55);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.landing-page.landing-theme-dark #future .plan-card:hover .plan-card-inner {
  background: linear-gradient(160deg, rgba(12, 20, 34, 0.96) 0%, rgba(8, 13, 24, 0.92) 100%);
  border-color: rgba(96, 165, 250, 0.32);
}

body.landing-page.landing-theme-dark #future .plan-card.selected .plan-card-inner {
  background: linear-gradient(160deg, rgba(14, 22, 40, 0.96) 0%, rgba(8, 13, 24, 0.92) 100%);
  border-color: rgba(96, 165, 250, 0.45);
}

body.landing-page #cta {
  padding-block: clamp(40px, 7vw, 88px);
}

body.landing-page #cta .container {
  display: flex;
  justify-content: center;
}

body.landing-page .cta-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 52rem;
  margin-inline: auto;
  padding: clamp(28px, 5vw, 56px) clamp(16px, 4.5vw, 48px);
  text-align: center;
}

body.landing-page .cta-inner .section-badge {
  margin-bottom: 14px;
}

body.landing-page .cta-title,
body.landing-page .cta-text {
  margin-inline: auto;
  text-align: center;
}

body.landing-page .cta-actions,
body.landing-page.landing-theme-dark .cta-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-inline: auto;
  gap: 12px;
}

body.landing-page .cta-actions .btn {
  width: min(100%, 22rem);
  justify-content: center;
}

@media (min-width: 640px) {
  body.landing-page .cta-actions {
    display: flex;
    grid-template-columns: none;
    max-width: none;
  }
}

body.landing-page.landing-theme-dark #cta .cta-inner {
  background: linear-gradient(160deg, rgba(8, 13, 24, 0.7) 0%, rgba(7, 11, 20, 0.62) 100%);
  border-color: rgba(71, 85, 105, 0.28);
  box-shadow: 0 16px 36px -22px rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}

body.landing-page.landing-theme-dark #cta .cta-title span {
  color: #93c5fd;
}

body.landing-page .hero-cta-btn.btn-gold,
body.landing-page.landing-theme-dark .hero-cta-btn.btn-gold,
body.landing-page main .cta-actions .btn.btn-gold,
body.landing-page.landing-theme-dark main .cta-actions .btn.btn-gold {
  color: #f8fafc;
  background: rgba(30, 41, 59, 0.72);
  border: 1px solid rgba(147, 197, 253, 0.68);
  box-shadow: none;
  outline: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transform: none;
}

body.landing-page .hero-cta-btn.btn-gold:hover,
body.landing-page.landing-theme-dark .hero-cta-btn.btn-gold:hover,
body.landing-page main .cta-actions .btn.btn-gold:hover,
body.landing-page.landing-theme-dark main .cta-actions .btn.btn-gold:hover {
  color: #ffffff;
  background: rgba(51, 65, 85, 0.82);
  border-color: rgba(186, 230, 253, 0.8);
  box-shadow: none;
  transform: none;
}

body.landing-page .hero-cta-btn.btn-gold:active,
body.landing-page.landing-theme-dark .hero-cta-btn.btn-gold:active,
body.landing-page main .cta-actions .btn.btn-gold:active,
body.landing-page.landing-theme-dark main .cta-actions .btn.btn-gold:active {
  color: #ffffff;
  background: rgba(51, 65, 85, 0.9);
  border-color: rgba(147, 197, 253, 0.75);
  box-shadow: none;
  transform: none;
}

body.landing-page .hero-cta-btn.btn-gold > i,
body.landing-page .hero-cta-btn.btn-gold .mobile-cta-icon,
body.landing-page.landing-theme-dark .hero-cta-btn.btn-gold > i,
body.landing-page.landing-theme-dark .hero-cta-btn.btn-gold .mobile-cta-icon,
body.landing-page main .cta-actions .btn.btn-gold > i,
body.landing-page.landing-theme-dark main .cta-actions .btn.btn-gold > i {
  color: #93c5fd !important;
  background: transparent !important;
  box-shadow: none !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border-radius: 0 !important;
}