@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700;800&display=swap");

:root {
  --paper: #fff;
  --ink: #08090d;
  --muted: #62656d;
  --soft: rgba(8, 9, 13, .14);
  --violet: #9651d7;
  --cyan: #008998;
  --gold: #d6b86c;
  --font: "Space Grotesk", Arial, sans-serif;
  --display: "Cormorant Garamond", Georgia, serif;
}

html {
  scroll-behavior: smooth;
  background: var(--paper) !important;
}

body {
  min-height: 100vh;
  margin: 0;
  background: var(--paper) !important;
  color: var(--ink) !important;
  font-family: var(--font) !important;
  overflow-x: hidden;
  cursor: auto;
}

body::before,
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
}

body::before {
  z-index: 0;
  opacity: .105;
  background:
    repeating-radial-gradient(ellipse at 52% 52%, transparent 0 35px, rgba(116, 89, 160, .34) 36px, transparent 38px),
    repeating-linear-gradient(148deg, transparent 0 72px, rgba(92, 76, 142, .12) 73px, transparent 74px);
}

body::after {
  z-index: 0;
  background:
    radial-gradient(ellipse 44% 44% at 40% 35%, rgba(58, 58, 58, .34) 0%, rgba(74, 74, 74, .2) 34%, rgba(120, 120, 120, .08) 58%, transparent 74%),
    radial-gradient(ellipse 42% 40% at 67% 60%, rgba(217, 189, 110, .42), rgba(217, 189, 110, .17) 48%, transparent 73%);
}

body > * {
  position: relative;
  z-index: 1;
}

a,
button {
  cursor: pointer;
}

.cursor-dot {
  display: none !important;
  position: fixed;
  left: 0;
  top: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #000;
  box-shadow: 0 0 13px 5px rgba(0, 0, 0, .22), 0 10px 24px rgba(0, 0, 0, .18);
  transform: translate3d(-50%, -50%, 0);
  pointer-events: none;
  z-index: 1000;
  opacity: 0;
  transition: opacity .2s ease, width .24s ease, height .24s ease, background .24s ease;
}

.cursor-dot.is-visible {
  opacity: 1;
}

.cursor-dot.is-active {
  width: 23px;
  height: 23px;
  background: rgba(0, 0, 0, .82);
}

.mobile-menu {
  display: none !important;
}

nav,
.navbar,
.site-nav {
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 30 !important;
  min-height: 76px !important;
  padding: 0 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: rgba(255, 255, 255, .34) !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: blur(12px);
  animation: innerNavReveal .75s cubic-bezier(.16, 1, .3, 1) both;
}

nav .container,
.nav-inner,
.navbar .container {
  width: min(1500px, calc(100vw - 72px)) !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 28px !important;
}

.nav-logo,
.brand,
.logo {
  color: var(--ink) !important;
  font-family: var(--font) !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  letter-spacing: -.065em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.nav-logo span,
.brand span,
.nav-logo .os,
.brand .os {
  color: var(--ink) !important;
  font-style: italic !important;
}

.nav-links,
.menu,
nav ul {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: clamp(14px, 2vw, 30px) !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.nav-links a,
.menu a,
nav ul a,
nav > a:not(.nav-logo):not(.brand):not(.logo) {
  color: var(--ink) !important;
  font-family: var(--font) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
}

.nav-cta,
.nav-links .nav-cta,
.menu .nav-cta,
nav a[href*="tarify"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 4px 18px !important;
  color: var(--ink) !important;
  background: transparent !important;
  border: 1px solid var(--ink) !important;
  border-radius: 50% !important;
  transform: rotate(-3deg) !important;
}

nav .btn,
nav .btn-primary,
nav .nav-cta .btn {
  min-height: 28px !important;
  padding: 5px 18px !important;
  color: var(--ink) !important;
  background: rgba(255, 255, 255, .35) !important;
  border: 1px solid var(--ink) !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  transform: rotate(-3deg) !important;
}

main {
  background: transparent !important;
}

section,
.section,
.page-section,
.hero,
.page-hero,
.article-hero,
.blog-hero,
.pricing-hero,
.cta-section,
.contact-section,
.final-cta,
.calculator-section,
.faq-section,
.warehouse-section,
.pricing-section,
.plans-section,
.cases-section,
.addon-bar,
.vs-section,
.setup-section,
.trial-note {
  position: relative;
  padding: clamp(64px, 7vw, 112px) 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

section.dark,
.section-bg2 {
  background: transparent !important;
  color: var(--ink) !important;
}

.page-hero {
  min-height: min(720px, 82vh) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  overflow: hidden !important;
  background: transparent !important;
  border-bottom: 0 !important;
  animation: innerHeroReveal .95s cubic-bezier(.16, 1, .3, 1) both;
}

.page-hero::before {
  display: none !important;
}

.hero,
.article-hero,
.blog-hero,
.pricing-hero {
  animation: innerHeroReveal .95s cubic-bezier(.16, 1, .3, 1) both;
}

.hero h1,
.page-hero h1,
.article-hero h1,
.blog-hero h1,
.pricing-hero h1 {
  animation: innerTitleReveal 1s cubic-bezier(.16, 1, .3, 1) .08s both;
}

.hero .hero-sub,
.page-hero p,
.article-hero p,
.blog-hero p,
.pricing-hero p,
.hero-btns,
.hero-tag,
.tag {
  animation: innerRise .8s cubic-bezier(.16, 1, .3, 1) .24s both;
}

@keyframes innerNavReveal {
  from { opacity: 1; transform: translateY(-18px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes innerHeroReveal {
  from { opacity: 1; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes innerTitleReveal {
  from { opacity: 1; transform: translateY(44px) rotate(.45deg); }
  to { opacity: 1; transform: translateY(0) rotate(0); }
}

@keyframes innerRise {
  from { opacity: 1; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}

.page-hero h1 {
  color: var(--ink) !important;
  font-family: var(--display) !important;
  font-size: clamp(58px, 9.2vw, 132px) !important;
  font-weight: 500 !important;
  line-height: .88 !important;
  letter-spacing: -.045em !important;
}

.page-hero h1 em {
  color: var(--ink) !important;
  font-style: normal !important;
}

.page-hero p {
  max-width: 680px !important;
  color: var(--muted) !important;
  font-size: clamp(18px, 1.5vw, 23px) !important;
}

.container,
.wrap,
.content,
.article-container {
  width: min(1280px, calc(100vw - 80px)) !important;
  max-width: none !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

h1,
.hero-title,
.page-title,
.article-title {
  max-width: 1200px !important;
  margin: 0 auto clamp(20px, 3vw, 42px) !important;
  color: var(--ink) !important;
  font-family: var(--display) !important;
  font-size: clamp(54px, 8vw, 126px) !important;
  font-weight: 500 !important;
  line-height: .88 !important;
  letter-spacing: -.045em !important;
  text-align: center !important;
}

h2,
.section-title {
  color: var(--ink) !important;
  font-family: var(--display) !important;
  font-size: clamp(40px, 5vw, 82px) !important;
  font-weight: 500 !important;
  line-height: .92 !important;
  letter-spacing: -.04em !important;
}

h3,
h4 {
  color: var(--ink) !important;
  font-family: var(--font) !important;
  letter-spacing: -.025em !important;
}

p,
li,
.lead,
.subtitle,
.section-subtitle,
.article-lead {
  color: var(--muted) !important;
  font-family: var(--font) !important;
  line-height: 1.55 !important;
}

.lead,
.subtitle,
.section-subtitle,
.article-lead {
  max-width: 760px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  text-align: center !important;
  font-size: clamp(19px, 2vw, 26px) !important;
}

.tag,
.eyebrow,
.badge,
.label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  min-height: 36px !important;
  padding: 0 20px !important;
  margin: 0 auto 24px !important;
  color: var(--violet) !important;
  background: rgba(150, 81, 215, .075) !important;
  border: 1px solid rgba(8, 9, 13, .18) !important;
  border-radius: 999px !important;
  font-family: var(--font) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.btn,
.button,
button,
input[type="submit"],
.cta,
.primary-btn,
.btn-primary,
.btn-secondary {
  min-height: 48px !important;
  padding: 12px 24px !important;
  color: var(--ink) !important;
  background: rgba(255, 255, 255, .45) !important;
  border: 1px solid var(--ink) !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  font-family: var(--font) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.btn:hover,
.button:hover,
.cta:hover,
.primary-btn:hover,
.btn-primary:hover {
  transform: translateY(-2px) rotate(-2deg) !important;
}

.card,
.feature-card,
.pricing-card,
.plan,
.step,
.faq-item,
.metric-card,
.article-card,
.blog-card,
.problem-card,
.solution-card,
.price-card,
.price-plan,
.case-card,
.result-card,
.module-card,
.benefit-card,
.contact-card,
.setup-card,
.vs-saving,
.addon-inner,
.pain-card,
.feat-card,
.proof-item,
.form-card,
.form-box,
.quote-card,
.comparison-card,
.debit-mock,
.signal-card,
.replace-card,
.bespoke-card,
.mgr-card,
.auto-card,
.dashboard-card,
.dashboard-mock,
.screen-mock,
.mock-card {
  position: relative !important;
  overflow: hidden !important;
  color: var(--ink) !important;
  background: rgba(255, 255, 255, .48) !important;
  border: 1px solid rgba(8, 9, 13, .16) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: blur(5px);
  transition: transform .45s cubic-bezier(.2, .8, .2, 1), background .45s ease, border-color .45s ease;
}

.card:hover,
.feature-card:hover,
.pricing-card:hover,
.plan:hover,
.step:hover,
.faq-item:hover,
.article-card:hover,
.blog-card:hover {
  transform: translateY(-6px) !important;
  background: rgba(255, 255, 255, .72) !important;
  border-color: rgba(8, 9, 13, .34) !important;
}

.grid,
.cards,
.features-grid,
.pricing-grid,
.steps-grid,
.blog-grid,
.article-grid,
.plans-grid,
.modules-grid,
.cases-grid,
.results-grid,
.benefits-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)) !important;
  gap: 0 !important;
  border-top: 1px solid var(--soft) !important;
  border-left: 1px solid var(--soft) !important;
}

.sr,
.reveal,
[data-reveal] {
  opacity: 1 !important;
  transform: none !important;
}

.reason-card,
.price-card,
.setup-card,
.faq-item,
.blog-card,
.process,
.comparison-card,
.feature-card,
.metric-card,
.case-card,
.xl-card,
.xl-prob,
.xl-feature,
.content-card {
  transition: transform .45s cubic-bezier(.16, 1, .3, 1), filter .45s cubic-bezier(.16, 1, .3, 1), border-color .35s ease, background .35s ease !important;
}

.reason-card:hover,
.price-card:hover,
.setup-card:hover,
.faq-item:hover,
.blog-card:hover,
.process:hover,
.comparison-card:hover,
.feature-card:hover,
.metric-card:hover,
.case-card:hover,
.xl-card:hover,
.xl-prob:hover,
.xl-feature:hover,
.content-card:hover {
  transform: translateY(-7px) !important;
  filter: drop-shadow(0 18px 26px rgba(8, 9, 13, .08));
}

.pain-grid,
.feat-grid,
.form-grid,
.proof-row,
.proof-grid {
  border: 0 !important;
}

.proof-item {
  min-height: 34px !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
}

.debit-table th,
.debit-table td,
.vs-table th,
.vs-table td {
  background: rgba(255, 255, 255, .42) !important;
  color: var(--muted) !important;
  border-color: rgba(8, 9, 13, .13) !important;
}

.debit-table tr:hover td,
.vs-table tr:hover td {
  background: rgba(255, 255, 255, .72) !important;
}

.debit-mock-header,
.dashboard-header,
.mock-header {
  background: rgba(255, 255, 255, .58) !important;
  border-color: rgba(8, 9, 13, .14) !important;
  color: var(--ink) !important;
}

section [class*="card"],
section [class*="item"],
section [class*="stat"],
section [class*="metric"],
section [class*="table"],
section [class*="panel"],
section [class*="box"],
section [class*="cell"],
section [class*="demo"],
section [class*="app"],
section [class*="feature"],
section [class*="col"],
section [class*="task"],
section [class*="prob"],
section [class*="alert"],
.page-section [class*="card"],
.page-section [class*="item"],
.page-section [class*="stat"],
.page-section [class*="metric"],
.page-section [class*="table"],
.page-section [class*="panel"],
.page-section [class*="box"],
.page-section [class*="cell"],
.page-section [class*="demo"],
.page-section [class*="app"],
.page-section [class*="feature"],
.page-section [class*="col"],
.page-section [class*="prob"],
.page-section [class*="alert"] {
  color: var(--ink) !important;
  background: rgba(255, 255, 255, .54) !important;
  border-color: rgba(8, 9, 13, .16) !important;
  box-shadow: none !important;
}

section [class*="card"] *,
section [class*="item"] *,
section [class*="stat"] *,
section [class*="metric"] *,
section [class*="table"] *,
section [class*="panel"] *,
section [class*="box"] * {
  color: inherit;
}

section [class*="card"] p,
section [class*="item"] p,
section [class*="stat"] p,
section [class*="metric"] p,
section [class*="table"] p,
section [class*="panel"] p,
section [class*="box"] p,
section [class*="card"] li,
section [class*="item"] li,
section [class*="stat"] li,
section [class*="metric"] li,
section [class*="table"] li,
section [class*="panel"] li,
section [class*="box"] li {
  color: var(--muted) !important;
}

.grid > *,
.cards > *,
.features-grid > *,
.pricing-grid > *,
.steps-grid > *,
.blog-grid > *,
.article-grid > *,
.plans-grid > *,
.modules-grid > *,
.cases-grid > *,
.results-grid > *,
.benefits-grid > * {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 1px solid var(--soft) !important;
  border-bottom: 1px solid var(--soft) !important;
}

table {
  width: 100% !important;
  color: var(--ink) !important;
  background: rgba(255, 255, 255, .45) !important;
  border-collapse: collapse !important;
}

th,
td {
  border-color: rgba(8, 9, 13, .16) !important;
}

footer,
.footer,
.site-footer {
  margin-top: 0 !important;
  padding: clamp(56px, 8vw, 104px) 32px !important;
  color: rgba(255, 255, 255, .92) !important;
  background:
    radial-gradient(ellipse at 46% 105%, rgba(0, 137, 152, .22), transparent 48%),
    #101118 !important;
  border: 0 !important;
}

.cta-section::before,
.cta-section::after,
.final-cta::before,
.final-cta::after,
.contact-section::before,
.contact-section::after {
  opacity: .16 !important;
}

[style*="background: oklch(11%"],
[style*="background:oklch(11%"],
[style*="background: oklch(13%"],
[style*="background:oklch(13%"],
[style*="background:#0"],
[style*="background: #0"] {
  background: transparent !important;
}

footer .container,
.footer .container,
.site-footer .container {
  width: min(1380px, calc(100vw - 64px)) !important;
  display: grid !important;
  grid-template-columns: minmax(140px, .7fr) minmax(240px, 1.4fr) minmax(220px, .8fr) !important;
  gap: 32px !important;
  align-items: start !important;
}

footer h2,
footer h3,
footer h4,
footer .brand,
footer .nav-logo {
  color: #fff !important;
}

footer p,
footer li,
footer a,
footer span {
  color: rgba(255, 255, 255, .82) !important;
}

footer a {
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, .24) !important;
}

@media (max-width: 860px) {
  body {
    cursor: auto;
  }

  a,
  button {
    cursor: pointer;
  }

  .cursor-dot {
    display: none;
  }

  nav,
  .navbar,
  .site-nav {
    min-height: auto !important;
    padding: 18px 20px !important;
    align-items: flex-start !important;
  }

  nav .container,
  .nav-inner,
  .navbar .container {
    width: 100% !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .nav-links,
  .menu,
  nav ul {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 12px 18px !important;
  }

  .container,
  .wrap,
  .content,
  .article-container {
    width: min(100% - 36px, 1280px) !important;
  }

  h1,
  .hero-title,
  .page-title,
  .article-title {
    font-size: clamp(46px, 16vw, 76px) !important;
  }

  footer .container,
  .footer .container,
  .site-footer .container {
    width: min(100% - 36px, 1380px) !important;
    grid-template-columns: 1fr !important;
  }
}

/* Final inner-page polish: light Antara-like system for all pages except index.html. */
body:not(.home-page) nav,
body:not(.home-page) .navbar,
body:not(.home-page) .site-nav {
  background: transparent !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
  border-bottom: 0 !important;
}

.section-label,
.section-tag,
.hero-tag,
.tag,
.badge,
.pill,
.eyebrow,
.price-badge {
  display: inline-flex !important;
  width: max-content !important;
  max-width: calc(100vw - 40px) !important;
  min-height: 34px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto clamp(16px, 2vw, 28px) !important;
  padding: 7px 18px !important;
  color: var(--violet) !important;
  background: rgba(150, 81, 215, .08) !important;
  border: 1px solid rgba(150, 81, 215, .24) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-family: var(--font) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

.page-hero,
.hero,
.article-hero,
.blog-hero,
.pricing-hero,
.vs-section,
.setup-section,
.faq-section,
.cta-section,
.final-cta {
  text-align: center !important;
}

.page-hero h1,
.hero h1,
.article-hero h1,
.blog-hero h1,
.pricing-hero h1,
.section-title,
section h2,
.page-section h2,
.vs-section h2,
.setup-section h2,
.faq-section h2,
.cta-section h2,
.final-cta h2 {
  width: min(100%, 1120px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: var(--ink) !important;
  text-align: center !important;
  text-wrap: balance;
}

.page-hero p,
.hero p,
.article-hero p,
.blog-hero p,
.pricing-hero p,
.section-sub,
.section-subtitle,
.article-lead,
.cta-section p,
.final-cta p {
  width: min(100%, 760px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: var(--muted) !important;
  text-align: center !important;
}

section > .container > .section-tag,
section > .container > .section-label,
section > .container > h2,
section > .container > .section-sub {
  display: flex !important;
  margin-left: auto !important;
  margin-right: auto !important;
  justify-content: center !important;
  text-align: center !important;
}

.price-grid,
.setup-grid,
.faq-list {
  text-align: left !important;
}

.price-card,
.price-plan,
.setup-card,
.faq-item,
.vs-table,
.vs-wrap,
.vs-saving,
.trial-note,
.addon-bar,
.cta-section,
.final-cta {
  color: var(--ink) !important;
  background: rgba(255, 255, 255, .56) !important;
  border-color: rgba(8, 9, 13, .15) !important;
  box-shadow: none !important;
}

.price-card *,
.setup-card *,
.faq-item *,
.vs-table *,
.vs-saving *,
.addon-bar *,
.trial-note * {
  color: inherit;
}

.price-name,
.price-target,
.price-period,
.price-setup,
.price-feats li,
.setup-list li,
.faq-a,
.vs-table th,
.vs-table td,
.vs-saving-text,
.addon-desc,
.trial-note {
  color: var(--ink) !important;
}

.price-target,
.price-period,
.price-setup,
.setup-list li,
.faq-a,
.vs-saving-text,
.addon-desc {
  opacity: .74 !important;
}

.price-amount,
.setup-price,
.addon-price {
  color: var(--cyan) !important;
}

.price-card.featured {
  border-color: rgba(150, 81, 215, .32) !important;
  background: rgba(255, 255, 255, .62) !important;
}

.price-feats li::before,
.setup-list li::before {
  color: rgba(8, 9, 13, .42) !important;
}

.vs-check,
.check-cell {
  color: #009b68 !important;
  font-weight: 800 !important;
}

.vs-cross,
.cross-cell {
  color: #d94141 !important;
  font-weight: 800 !important;
}

.vs-partial,
.partial-cell {
  color: #a0791d !important;
  font-weight: 700 !important;
}

.setup-card.cta-card,
.price-card.cta-card,
.cta-card,
.exact-price {
  display: flex !important;
  min-height: 0 !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  background: rgba(255, 255, 255, .62) !important;
  color: var(--ink) !important;
  border: 1px solid rgba(150, 81, 215, .24) !important;
}

.setup-card.cta-card .setup-name,
.cta-card h3 {
  color: var(--violet) !important;
}

.setup-card.cta-card p,
.cta-card p {
  color: var(--ink) !important;
  opacity: .76 !important;
}

.price-btn,
.setup-card.cta-card .price-btn,
.cta-card .price-btn,
.cta-section .btn,
.final-cta .btn {
  display: inline-flex !important;
  width: auto !important;
  max-width: max-content !important;
  min-height: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 18px !important;
  padding: 10px 22px !important;
  color: var(--violet) !important;
  background: rgba(150, 81, 215, .08) !important;
  border: 1px solid rgba(150, 81, 215, .28) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-size: 14px !important;
}

.price-btn:hover,
.cta-section .btn:hover,
.final-cta .btn:hover {
  color: #fff !important;
  background: var(--violet) !important;
}

.faq-q {
  color: var(--ink) !important;
}

.faq-toggle {
  width: 28px !important;
  height: 28px !important;
  color: var(--violet) !important;
  background: rgba(150, 81, 215, .08) !important;
  border: 1px solid rgba(150, 81, 215, .24) !important;
  border-radius: 50% !important;
}

.faq-item.open .faq-toggle {
  color: #fff !important;
  background: var(--violet) !important;
}

.cta-section::before,
.cta-section::after,
.final-cta::before,
.final-cta::after {
  opacity: .06 !important;
}

.cta-section,
.final-cta,
.contact-section,
.section-bg2,
section.dark {
  background-color: transparent !important;
  color: var(--ink) !important;
}

.cta-section > .container,
.final-cta > .container,
.contact-section > .container {
  color: var(--ink) !important;
}

.faq-list {
  width: min(100%, 1280px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.faq-item {
  overflow: hidden !important;
}

.faq-item.open {
  border-color: rgba(150, 81, 215, .34) !important;
}

.vs-wrap {
  border: 1px solid rgba(8, 9, 13, .12) !important;
  border-radius: 0 !important;
  overflow: auto !important;
}

.vs-table th {
  background: rgba(255, 255, 255, .55) !important;
  color: var(--ink) !important;
}

.vs-table td {
  color: rgba(8, 9, 13, .78) !important;
}

.vs-table td:first-child,
.vs-table th:first-child {
  color: var(--ink) !important;
}

.vs-table tr:hover td {
  background: rgba(255, 255, 255, .66) !important;
}

.category-row td,
.big-table .category-row td,
tr.category-row td {
  background: rgba(150, 81, 215, .07) !important;
  color: var(--violet) !important;
  border-top: 1px solid rgba(150, 81, 215, .14) !important;
  border-bottom: 1px solid rgba(150, 81, 215, .14) !important;
}

.big-table th,
.big-table td {
  background: rgba(255, 255, 255, .42) !important;
  color: rgba(8, 9, 13, .78) !important;
}

.big-table th,
.big-table td:first-child {
  color: var(--ink) !important;
}

.big-table th.vex-th {
  color: var(--cyan) !important;
}

.reason-card,
.reason-card *,
.for-card,
.for-card *,
.form-body,
.form-body *,
.form-info,
.form-info * {
  color: var(--ink) !important;
}

.reason-card p,
.reason-text,
.for-list li,
.form-info p {
  color: rgba(8, 9, 13, .68) !important;
}

.reason-num {
  font-family: var(--display) !important;
  font-size: clamp(48px, 5vw, 72px) !important;
  font-weight: 400 !important;
  line-height: .8 !important;
  letter-spacing: 0 !important;
  color: rgba(8, 9, 13, .36) !important;
}

.for-card.yes,
.for-card.no,
.form-body,
.form-block,
.inp,
select.inp,
textarea.inp,
input.inp {
  background: rgba(255, 255, 255, .56) !important;
  border-color: rgba(8, 9, 13, .15) !important;
}

.for-card.yes .for-header,
.for-card.yes .for-list li::before,
.check-cell,
.vex-col td {
  color: #009b68 !important;
}

.cross-cell {
  color: #d94141 !important;
}

.partial-cell {
  color: #9a731c !important;
}

.inp::placeholder {
  color: rgba(8, 9, 13, .45) !important;
}

body.alt-bitrix-page::before {
  opacity: 0 !important;
}

body.alt-bitrix-page .hero {
  min-height: calc(100vh - 80px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.alt-bitrix-page .hero-inner {
  text-align: center !important;
}

body.alt-bitrix-page .reasons-grid {
  align-items: stretch !important;
}

body.alt-bitrix-page .reason-card {
  display: flex !important;
  min-height: 250px !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

body.alt-bitrix-page .reason-num {
  margin: 0 auto 24px !important;
  text-align: center !important;
}

body.alt-bitrix-page .reason-title,
body.alt-bitrix-page .reason-text {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

body.alt-bitrix-page #contact .form-grid {
  width: min(100%, 980px) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 28px !important;
  align-items: center !important;
  text-align: center !important;
}

body.alt-bitrix-page #contact .form-info {
  width: min(100%, 760px) !important;
  margin: 0 auto !important;
  text-align: center !important;
}

body.alt-bitrix-page #contact .form-info h2,
body.alt-bitrix-page #contact .form-info p,
body.alt-bitrix-page #contact .section-tag {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

body.alt-bitrix-page #contact .form-body {
  width: min(100%, 760px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.alt-bitrix-page #contact .inp {
  background: rgba(255, 255, 255, .34) !important;
  backdrop-filter: blur(8px) !important;
}

body.alt-bitrix-page #contact .submit-btn {
  width: auto !important;
  min-width: 0 !important;
  align-self: center !important;
  margin: 18px auto 0 !important;
  padding: 11px 26px !important;
  border-radius: 999px !important;
  background: rgba(0, 137, 152, .12) !important;
  border: 1px solid rgba(0, 137, 152, .32) !important;
  color: var(--cyan) !important;
  box-shadow: none !important;
}

body.alt-bitrix-page #contact .submit-btn:hover {
  background: var(--cyan) !important;
  color: #fff !important;
}

body.alt-bitrix-page #contact .form-note {
  text-align: center !important;
}

.setup-card.cta-card .price-btn {
  align-self: flex-start !important;
}

@media (min-width: 901px) {
  .setup-card.cta-card {
    padding: 34px 36px !important;
  }
}

footer,
.footer,
.site-footer {
  color: var(--ink) !important;
  background: transparent !important;
  border-top: 1px solid rgba(8, 9, 13, .14) !important;
}

footer h2,
footer h3,
footer h4,
footer .brand,
footer .nav-logo,
footer .footer-logo {
  color: var(--ink) !important;
}

footer p,
footer li,
footer a,
footer span {
  color: rgba(8, 9, 13, .72) !important;
}

footer a {
  border-bottom: 1px solid rgba(8, 9, 13, .22) !important;
}

/* Shared article-page cleanup: align inner pages with alternativa-bitriks24 */
:root {
  --bg: #ffffff !important;
  --bg2: rgba(255, 255, 255, .36) !important;
  --bg3: rgba(255, 255, 255, .48) !important;
  --border: rgba(8, 9, 13, .16) !important;
  --ink: #08090d !important;
  --ink2: rgba(8, 9, 13, .68) !important;
  --ink3: rgba(8, 9, 13, .45) !important;
}

body:not(.home-page) {
  --bg: #ffffff !important;
  --bg2: rgba(255, 255, 255, .36) !important;
  --bg3: rgba(255, 255, 255, .48) !important;
  --border: rgba(8, 9, 13, .16) !important;
  --ink: #08090d !important;
  --ink2: rgba(8, 9, 13, .68) !important;
  --ink3: rgba(8, 9, 13, .45) !important;
  background: #fff !important;
  color: var(--ink) !important;
}

body:not(.home-page) nav,
body:not(.home-page) .navbar,
body:not(.home-page) .site-nav {
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  background: transparent !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body:not(.home-page) nav .nav-cta,
body:not(.home-page) nav .btn-primary,
body:not(.home-page) nav .btn-p,
body:not(.home-page) .navbar .nav-cta,
body:not(.home-page) .navbar .btn-primary,
body:not(.home-page) .navbar .btn-p,
body:not(.home-page) .site-nav .nav-cta,
body:not(.home-page) .site-nav .btn-primary,
body:not(.home-page) .site-nav .btn-p {
  background: transparent !important;
  color: var(--ink) !important;
  border: 1px solid rgba(8, 9, 13, .78) !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  padding: 7px 19px !important;
  transform: rotate(-4deg) !important;
}

body:not(.home-page)::before,
body.alt-bitrix-page::before {
  opacity: .12 !important;
  background:
    repeating-radial-gradient(
      ellipse at 52% 50%,
      transparent 0 34px,
      rgba(145, 116, 184, .18) 35px,
      transparent 37px
    ) !important;
}

body:not(.home-page)::after {
  background:
    radial-gradient(ellipse at 52% 48%,
      rgba(207, 174, 90, .48) 0%,
      rgba(220, 198, 134, .32) 20%,
      rgba(236, 224, 185, .16) 44%,
      rgba(255, 255, 255, 0) 72%),
    radial-gradient(ellipse at 38% 36%,
      rgba(155, 155, 155, .28) 0%,
      rgba(185, 185, 185, .15) 28%,
      rgba(255, 255, 255, 0) 64%) !important;
}

#bgLines,
canvas#bgLines {
  display: none !important;
  opacity: 0 !important;
}

.breadcrumb,
.crumbs,
.breadcrumbs,
[class*="breadcrumb"] {
  display: none !important;
}

.hero-tag-dot,
.hero-dot,
.tag-dot,
[class*="tag-dot"] {
  display: none !important;
}

body:not(.home-page) .hero,
body:not(.home-page) .page-hero,
body:not(.home-page) .article-hero,
body:not(.home-page) .pricing-hero {
  padding-top: clamp(112px, 12vh, 150px) !important;
  text-align: center !important;
}

body:not(.home-page) .hero-inner,
body:not(.home-page) .section-head,
body:not(.home-page) .section-header,
body:not(.home-page) .section-wrap,
body:not(.home-page) .section-title,
body:not(.home-page) .section-sub,
body:not(.home-page) .hero-sub,
body:not(.home-page) .title,
body:not(.home-page) .subtitle,
body:not(.home-page) .container > h2,
body:not(.home-page) .container > p,
body:not(.home-page) .hero h1,
body:not(.home-page) .hero p,
body:not(.home-page) .lead,
body:not(.home-page) .sublead {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

body:not(.home-page) .hero-tag,
body:not(.home-page) .section-tag,
body:not(.home-page) .eyebrow,
body:not(.home-page) .pill-label {
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: var(--violet) !important;
}

body:not(.home-page) .hero-btns,
body:not(.home-page) .cta-btns {
  display: none !important;
}

body:not(.home-page) section,
body:not(.home-page) section.dark,
body:not(.home-page) .section-bg2,
body:not(.home-page) .page-section {
  background: transparent !important;
  color: var(--ink) !important;
}

.reason-num,
.pain-num,
.step-num,
.how-num,
.metric-num,
.cost-num,
.xl-num,
.auto-num,
.task-num,
.module-num,
.result-num,
.card-num,
.num {
  display: block !important;
  width: auto !important;
  margin: 0 auto 22px !important;
  font-family: var(--display) !important;
  font-size: clamp(48px, 5vw, 72px) !important;
  font-weight: 400 !important;
  line-height: .82 !important;
  letter-spacing: 0 !important;
  color: rgba(8, 9, 13, .36) !important;
  opacity: 1 !important;
  text-align: center !important;
}

.reason-card,
.pain-card,
.step-card,
.step-item,
.how-card,
.signal-card,
.metric-card,
.cost-card,
.xl-prob,
.xl-feature,
.xl-card,
.replace-card,
.analytics-card,
.feat-card,
.auto-card,
.mgr-card,
.bespoke-card,
.for-card,
.ba-col,
.old-app,
.replace-feature,
.task-widget,
.task-item,
.task-row {
  background: rgba(255, 255, 255, .34) !important;
  border: 1px solid rgba(8, 9, 13, .16) !important;
  box-shadow: none !important;
  text-align: center !important;
  align-items: center !important;
  justify-items: center !important;
}

.cta-box,
.cta-section,
.cta-card,
.analyst-price-block,
.vs-side,
.ba-col.before,
.ba-col.after,
.debit-mock,
.debit-mock-header,
.alert-demo,
.alert-item,
.form-body,
.form-block {
  background: rgba(255, 255, 255, .34) !important;
  border-color: rgba(8, 9, 13, .16) !important;
  box-shadow: none !important;
}

.ba-col.after,
.vs-side.us,
.task-widget,
.task-topbar {
  background: rgba(255, 255, 255, .42) !important;
  color: var(--ink) !important;
}

.ba-col.after *,
.vs-side.us *,
.task-widget *,
.task-topbar * {
  color: rgba(8, 9, 13, .72) !important;
}

.ba-col.before .ba-header,
.ba-col.after .ba-header,
.ba-col.after h3,
.vs-side.us h3,
.replace-feature h3,
.replace-feature-name,
.task-title,
.task-widget strong {
  color: var(--cyan) !important;
}

.ba-list,
.ba-list li,
.replace-feature-desc,
.old-app-desc,
.auto-text,
.mgr-desc,
.bespoke-text,
.task-widget p {
  color: rgba(8, 9, 13, .68) !important;
  text-align: center !important;
}

.ba-list li {
  padding-left: 0 !important;
  list-style: none !important;
}

.ba-list li::before {
  position: static !important;
  display: inline-block !important;
  margin-right: 8px !important;
  color: var(--cyan) !important;
}

.replace-feature,
.old-app,
.auto-card,
.mgr-card,
.bespoke-card,
.task-widget,
.task-row {
  text-align: center !important;
  align-items: center !important;
  justify-content: center !important;
}

.cta-inner,
.cta-box,
.cta-section,
.faq-list,
.steps-list,
.how-grid,
.signals-grid,
.metrics-row,
.steps-grid,
.analytics-grid,
.replace-grid,
.feat-grid,
.cost-grid {
  margin-left: auto !important;
  margin-right: auto !important;
}

.step-item,
.how-card {
  grid-template-columns: 1fr !important;
}

.reason-card > *,
.pain-card > *,
.step-card > *,
.step-item > *,
.how-card > *,
.signal-card > *,
.metric-card > *,
.cost-card > *,
.xl-prob > *,
.xl-feature > *,
.xl-card > *,
.replace-card > *,
.analytics-card > *,
.feat-card > *,
.auto-card > *,
.mgr-card > *,
.bespoke-card > *,
.for-card > * {
  margin-left: auto !important;
  margin-right: auto !important;
}

.table-wrap,
.vs-wrap,
.debit-table-wrap,
.compare-wrap,
.big-table-wrap,
.data-table-wrap {
  width: min(100%, 1280px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

table,
.vs-table,
.big-table,
.debit-table,
.compare-table,
.data-table {
  margin-left: auto !important;
  margin-right: auto !important;
}

table th,
table td,
.vs-table th,
.vs-table td,
.big-table th,
.big-table td,
.debit-table th,
.debit-table td,
.compare-table th,
.compare-table td,
.data-table th,
.data-table td {
  text-align: center !important;
  vertical-align: middle !important;
}

#contact .form-grid,
.contact .form-grid,
.lead-form .form-grid,
#contact .form-wrap,
.contact .form-wrap,
.lead-form .form-wrap {
  width: min(100%, 980px) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 28px !important;
  align-items: center !important;
  text-align: center !important;
}

#contact .form-info,
.contact .form-info,
.lead-form .form-info,
#contact .form-body,
.contact .form-body,
.lead-form .form-body {
  width: min(100%, 760px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

#contact .form-body,
.contact .form-body,
.lead-form .form-body,
#contact .form-block,
.contact .form-block,
.lead-form .form-block {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#contact input,
#contact select,
#contact textarea,
#contact .inp,
.contact input,
.contact select,
.contact textarea,
.contact .inp,
.lead-form input,
.lead-form select,
.lead-form textarea,
.lead-form .inp {
  background: rgba(255, 255, 255, .36) !important;
  border: 1px solid rgba(8, 9, 13, .16) !important;
  color: var(--ink) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

#contact .submit-btn,
.contact .submit-btn,
.lead-form .submit-btn {
  width: auto !important;
  min-width: 0 !important;
  align-self: center !important;
  margin: 18px auto 0 !important;
  padding: 11px 26px !important;
  border-radius: 999px !important;
  background: rgba(0, 137, 152, .12) !important;
  border: 1px solid rgba(0, 137, 152, .32) !important;
  color: var(--cyan) !important;
  box-shadow: none !important;
}

#contact .submit-btn:hover,
.contact .submit-btn:hover,
.lead-form .submit-btn:hover {
  background: var(--cyan) !important;
  color: #fff !important;
}

/* Final parity pass: inner pages should behave like the main page */
body:not(.home-page) {
  cursor: none !important;
}

body:not(.home-page) a,
body:not(.home-page) button,
body:not(.home-page) input,
body:not(.home-page) select,
body:not(.home-page) textarea {
  cursor: none !important;
}

body:not(.home-page) .cursor-dot {
  display: block !important;
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  width: 15px !important;
  height: 15px !important;
  border-radius: 50% !important;
  background: #000 !important;
  box-shadow: 0 0 14px 5px rgba(0, 0, 0, .2), 0 10px 24px rgba(0, 0, 0, .16) !important;
  pointer-events: none !important;
  z-index: 10000 !important;
  opacity: 0;
}

body:not(.home-page) .cursor-dot.is-visible {
  opacity: 1 !important;
}

body:not(.home-page) .cursor-dot.is-active {
  width: 23px !important;
  height: 23px !important;
  background: rgba(0, 0, 0, .82) !important;
}

body:not(.home-page) nav,
body:not(.home-page) .navbar,
body:not(.home-page) .site-nav {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1000 !important;
  background: transparent !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.pricing-page .cta-section {
  display: none !important;
}

body.pricing-page #contact {
  padding-top: clamp(72px, 8vw, 120px) !important;
}

@media (max-width: 900px) {
  body:not(.home-page) {
    cursor: auto !important;
    font-size: 15px !important;
  }

  body:not(.home-page) .cursor-dot {
    display: none !important;
  }

  body:not(.home-page) a,
  body:not(.home-page) button,
  body:not(.home-page) input,
  body:not(.home-page) select,
  body:not(.home-page) textarea {
    cursor: auto !important;
  }

  body:not(.home-page) nav,
  body:not(.home-page) .navbar,
  body:not(.home-page) .site-nav {
    min-height: 64px !important;
    height: 64px !important;
    padding: 0 18px !important;
  }

  body:not(.home-page) .nav-inner {
    height: 64px !important;
    gap: 14px !important;
  }

  body:not(.home-page) .brand,
  body:not(.home-page) .logo,
  body:not(.home-page) .nav-logo {
    font-size: 22px !important;
    line-height: 1 !important;
    flex: 0 0 auto !important;
  }

  body:not(.home-page) .nav-links,
  body:not(.home-page) .nav-menu {
    gap: 12px !important;
    font-size: 11px !important;
    letter-spacing: .02em !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    max-width: calc(100vw - 120px) !important;
    scrollbar-width: none;
  }

  body:not(.home-page) .nav-links::-webkit-scrollbar,
  body:not(.home-page) .nav-menu::-webkit-scrollbar {
    display: none;
  }

  body:not(.home-page) .nav-links a,
  body:not(.home-page) .nav-menu a {
    padding: 8px 0 !important;
    font-size: 11px !important;
  }

  body:not(.home-page) .nav-cta,
  body:not(.home-page) nav a[href*="tarify"] {
    display: none !important;
  }

  body:not(.home-page) .container {
    width: min(100% - 28px, 720px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body:not(.home-page) .hero,
  body:not(.home-page) .page-hero,
  body:not(.home-page) .article-hero,
  body:not(.home-page) .pricing-hero {
    min-height: auto !important;
    padding: 96px 0 52px !important;
  }

  body:not(.home-page) .hero h1,
  body:not(.home-page) .page-hero h1,
  body:not(.home-page) .article-hero h1,
  body:not(.home-page) .pricing-hero h1,
  body:not(.home-page) .section-title,
  body:not(.home-page) section h2 {
    font-size: clamp(42px, 15vw, 72px) !important;
    line-height: .94 !important;
    max-width: 100% !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
  }

  body:not(.home-page) .hero p,
  body:not(.home-page) .page-hero p,
  body:not(.home-page) .article-hero p,
  body:not(.home-page) .pricing-hero p,
  body:not(.home-page) .section-sub {
    font-size: 16px !important;
    line-height: 1.55 !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  body:not(.home-page) section,
  body:not(.home-page) .page-section,
  body:not(.home-page) .vs-section,
  body:not(.home-page) .setup-section,
  body:not(.home-page) .faq-section {
    padding: 54px 0 !important;
  }

  body:not(.home-page) .price-grid,
  body:not(.home-page) .setup-grid,
  body:not(.home-page) .for-grid,
  body:not(.home-page) .reasons-grid,
  body:not(.home-page) .metrics-row,
  body:not(.home-page) .steps-grid,
  body:not(.home-page) .analytics-grid,
  body:not(.home-page) .replace-grid,
  body:not(.home-page) .feat-grid,
  body:not(.home-page) .cost-grid,
  body:not(.home-page) .how-grid,
  body:not(.home-page) .signals-grid,
  body:not(.home-page) .blog-grid,
  body:not(.home-page) .problem-grid,
  body:not(.home-page) .solution-grid,
  body:not(.home-page) .ba-grid,
  body:not(.home-page) .comparison-grid,
  body:not(.home-page) .form-grid {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 540px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body:not(.home-page) .price-card,
  body:not(.home-page) .setup-card,
  body:not(.home-page) .reason-card,
  body:not(.home-page) .pain-card,
  body:not(.home-page) .step-card,
  body:not(.home-page) .step-item,
  body:not(.home-page) .how-card,
  body:not(.home-page) .ba-col,
  body:not(.home-page) .form-body,
  body:not(.home-page) .form-block,
  body:not(.home-page) .faq-item {
    padding: 24px 18px !important;
    border-radius: 12px !important;
  }

  body:not(.home-page) .price-card *,
  body:not(.home-page) .setup-card *,
  body:not(.home-page) .reason-card *,
  body:not(.home-page) .pain-card *,
  body:not(.home-page) .step-card *,
  body:not(.home-page) .step-item *,
  body:not(.home-page) .how-card * {
    text-align: center !important;
  }

  body:not(.home-page) .table-wrap,
  body:not(.home-page) .vs-wrap,
  body:not(.home-page) .debit-table-wrap,
  body:not(.home-page) .compare-wrap,
  body:not(.home-page) .big-table-wrap,
  body:not(.home-page) .data-table-wrap {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    width: 100% !important;
  }

  body:not(.home-page) table,
  body:not(.home-page) .vs-table,
  body:not(.home-page) .big-table,
  body:not(.home-page) .debit-table,
  body:not(.home-page) .compare-table,
  body:not(.home-page) .data-table {
    min-width: 680px !important;
  }

  body:not(.home-page) #contact .form-grid,
  body:not(.home-page) .contact .form-grid,
  body:not(.home-page) .lead-form .form-grid {
    width: 100% !important;
    max-width: 520px !important;
  }

  body:not(.home-page) .inp-row {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 520px) {
  body:not(.home-page) .nav-links,
  body:not(.home-page) .nav-menu {
    display: none !important;
  }

  body:not(.home-page) nav .nav-cta,
  body:not(.home-page) nav .btn-primary,
  body:not(.home-page) nav .btn-p {
    display: none !important;
  }

  body:not(.home-page) .hero h1,
  body:not(.home-page) .page-hero h1,
  body:not(.home-page) .article-hero h1,
  body:not(.home-page) .pricing-hero h1,
  body:not(.home-page) .section-title,
  body:not(.home-page) section h2 {
    font-size: clamp(38px, 14.5vw, 58px) !important;
  }
}