/* Final premium QA overrides loaded after the main stylesheet. */

.nav__logo-img,
.footer__logo-img,
.nav__mobile-logo-img,
.hero__logo-large-img {
  display: block;
  width: auto;
  object-fit: contain;
  background: transparent !important;
  mix-blend-mode: normal;
  filter: contrast(1.06) saturate(1.04);
}

.nav__logo,
.footer__logo {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  color: var(--white);
}

.nav__logo::after,
.footer__logo::after {
  content: none;
}

.hero__logo-large {
  font-family: var(--font-display);
}

.hero__logo-large::before {
  content: none;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  color: var(--gold-light);
  font-size: clamp(11rem, 18vw, 18rem);
  font-weight: 900;
  line-height: 0.8;
  text-shadow: 0 0 28px rgba(201, 168, 76, 0.42), 0 8px 40px rgba(0, 0, 0, 0.6);
  z-index: 1;
}

.hero__logo-large::after {
  content: none;
  position: absolute;
  inset: 18%;
  border: 1px solid rgba(201, 168, 76, 0.42);
  border-radius: 50%;
  transform: rotateX(65deg) rotateZ(-18deg);
  z-index: 2;
}

.cursor {
  width: 18px;
  height: 22px;
  border-radius: 0;
  background: var(--gold);
  clip-path: polygon(0 0, 0 100%, 36% 76%, 55% 100%, 74% 91%, 55% 68%, 100% 68%);
  box-shadow: 0 0 13px rgba(43, 142, 255, 0.38), 0 0 2px rgba(226, 192, 104, 0.9);
  mix-blend-mode: normal;
}

.cursor-ring {
  width: 30px;
  height: 30px;
  border-color: rgba(43, 142, 255, 0.38);
  box-shadow: 0 0 18px rgba(43, 142, 255, 0.22);
}

.cursor.hovering {
  width: 20px;
  height: 24px;
  background: var(--gold-light);
}

.cursor-ring.hovering {
  width: 42px;
  height: 42px;
  border-color: rgba(201, 168, 76, 0.46);
}

@media (max-width: 768px) {
  .nav__inner {
    width: 100%;
    max-width: none;
    justify-content: space-between;
  }

  .nav__hamburger {
    display: flex !important;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    position: fixed;
    right: 1rem;
    top: 1.1rem;
    z-index: 1200;
  }

  .nav__hamburger span {
    display: none;
  }

  .nav__hamburger::before {
    content: '';
    width: 22px;
    height: 2px;
    background: var(--blue-deeper);
    border-radius: 999px;
    box-shadow: 0 -7px 0 var(--blue-deeper), 0 7px 0 var(--blue-deeper);
  }

  .nav__inner::after {
    content: '';
    position: fixed;
    right: 1.35rem;
    top: 2rem;
    width: 22px;
    height: 2px;
    background: var(--blue-deeper);
    border-radius: 999px;
    box-shadow: 0 -7px 0 var(--blue-deeper), 0 7px 0 var(--blue-deeper);
    z-index: 1300;
    pointer-events: none;
  }

  .hero__left,
  .hero__content {
    min-width: 0;
    width: 100%;
    max-width: calc(100vw - 2rem);
  }

  .hero__headline {
    font-size: clamp(2.7rem, 12.5vw, 4rem);
  }

  .hero__sub {
    max-width: calc(100vw - 2rem) !important;
    overflow-wrap: anywhere;
  }

  .hero__cta-row {
    width: min(100%, calc(100vw - 2rem));
    max-width: calc(100vw - 2rem);
  }

  .hero__cta-input,
  .hero__cta-submit {
    width: 100% !important;
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  .nav__inner,
  .hero__left,
  .hero__content {
    max-width: calc(100vw - 2.5rem);
  }

  .hero__sub,
  .hero__cta-row {
    max-width: min(330px, calc(100vw - 3rem)) !important;
  }

  .hero__headline {
    font-size: clamp(1.85rem, 8.2vw, 2.2rem);
  }

  .hero__right {
    min-height: 210px;
  }

  .hero__logo-large {
    width: min(260px, 76vw);
  }
}

@media (pointer: coarse), (max-width: 768px) {
  body,
  button,
  .btn,
  .service-card,
  .feature-item,
  .stat-card,
  .process-step,
  .testimonial-card,
  .testimonials__nav-btn,
  .hero__cta-submit,
  .nav__hamburger,
  .footer__social-link,
  .footer__link,
  .nav__mobile-link {
    cursor: auto;
  }

  .cursor,
  .cursor-ring {
    display: none !important;
  }
}

/* Final layout guardrails: keep the homepage content visible immediately */
html,
body {
  overflow-x: hidden;
}

.hero {
  min-height: auto !important;
  justify-content: flex-start !important;
  padding-top: 104px !important;
  padding-bottom: 3rem !important;
}

.hero__content {
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.hero__headline {
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.manual-stack {
  gap: 1rem !important;
  max-width: 94% !important;
}

.manual-card {
  min-height: 56px !important;
  padding: 0.9rem 1rem !important;
  grid-template-columns: 34px 1fr !important;
  gap: 0.85rem !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  color: #0B1220 !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1.5px solid rgba(11, 18, 32, 0.24) !important;
  box-shadow:
    0 10px 24px rgba(13, 27, 62, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

.manual-card svg {
  width: 24px !important;
  height: 24px !important;
  stroke: #0B1220 !important;
  stroke-width: 2.1 !important;
}

@media (max-width: 768px) {
  .hero {
    min-height: auto !important;
    padding-top: 86px !important;
    padding-bottom: 2.25rem !important;
  }

  .hero__left,
  .hero__content {
    width: 100% !important;
    max-width: 100% !important;
  }

  .hero__content {
    gap: 1.25rem !important;
  }

  .hero__headline {
    font-size: clamp(2.25rem, 10.5vw, 3.35rem) !important;
    line-height: 0.95 !important;
  }

  .hero-transform-stage {
    min-height: 260px !important;
  }

  .manual-card {
    min-height: 48px !important;
    padding: 0.7rem !important;
    grid-template-columns: 28px 1fr !important;
    font-size: 0.78rem !important;
  }

  .manual-card svg {
    width: 21px !important;
    height: 21px !important;
  }
}

@media (max-width: 420px) {
  .hero {
    padding-top: 78px !important;
  }

  .hero-transform-stage {
    min-height: 245px !important;
  }

  .manual-card {
    font-size: 0.72rem !important;
  }
}

/* Hard fix for first-screen hero positioning and manual card overflow */
body.home-page {
  overflow-x: hidden !important;
}

.home-page .hero {
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  padding-top: 112px !important;
  padding-bottom: 2.75rem !important;
  margin-top: 0 !important;
}

.home-page #hero-particles,
.home-page .hero__grid,
.home-page .hero__beam,
.home-page .hero__accents,
.home-page .hero > div[aria-hidden="true"] {
  position: absolute !important;
  inset: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  pointer-events: none !important;
}

.home-page .hero > .container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.home-page .hero__scroll {
  display: none !important;
}

.home-page .hero__content {
  display: grid !important;
  grid-template-columns: minmax(340px, 0.9fr) minmax(520px, 1.1fr) !important;
  align-items: start !important;
  gap: clamp(1.75rem, 3vw, 3rem) !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

.home-page .hero__left,
.home-page .hero__right {
  align-self: start !important;
}

.home-page .hero__right {
  display: flex !important;
}

.home-page .hero .anim-fade-up,
.home-page .hero .anim-scale-in,
.home-page .hero__right,
.home-page .hero-transform-stage {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

.home-page .hero-transform-stage {
  width: 100% !important;
  max-width: 680px !important;
  min-height: 340px !important;
  grid-template-columns: minmax(250px, 1fr) 72px minmax(230px, 1fr) !important;
}

.home-page .manual-stack {
  width: 100% !important;
  max-width: none !important;
  gap: 0.85rem !important;
}

.home-page .manual-card,
.home-page .manual-card--calendar,
.home-page .manual-card--phone,
.home-page .manual-card--email {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
}

.home-page .manual-card {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  min-height: 64px !important;
  padding: 1rem 1.05rem !important;
  gap: 0.9rem !important;
  overflow: hidden !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  line-height: 1.15 !important;
  font-size: 0.95rem !important;
  opacity: 1 !important;
  filter: none !important;
  animation: none !important;
}

.home-page .manual-card span {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  background: transparent !important;
  border: 0 !important;
  animation: none !important;
  color: #0B1220 !important;
  line-height: 1.2 !important;
}

.home-page .manual-card svg {
  flex: 0 0 26px !important;
  width: 26px !important;
  height: 26px !important;
}

@media (max-width: 1100px) {
  .home-page .hero__content {
    grid-template-columns: 1fr !important;
  }

  .home-page .hero__right {
    display: flex !important;
    width: 100% !important;
  }

  .home-page .hero-transform-stage {
    max-width: 760px !important;
    margin-inline: auto !important;
  }
}

@media (max-width: 768px) {
  .home-page .hero {
    padding-top: 96px !important;
    padding-bottom: 2rem !important;
  }

  .home-page .hero__content {
    gap: 1.25rem !important;
  }

  .home-page .hero__right {
    order: 2 !important;
  }

  .home-page .hero-transform-stage {
    width: min(calc(100vw - 2.5rem), 360px) !important;
    max-width: 360px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    min-height: 300px !important;
    grid-template-columns: minmax(170px, 1fr) 28px minmax(0, 0.82fr) !important;
    border-radius: 16px !important;
  }

  .home-page .hero-transform-stage__side {
    padding: 1rem !important;
  }

  .home-page .manual-card {
    min-height: 62px !important;
    padding: 0.86rem 0.78rem !important;
    gap: 0.65rem !important;
    font-size: clamp(0.68rem, 2.2vw, 0.82rem) !important;
  }

  .home-page .manual-card svg {
    flex-basis: 22px !important;
    width: 22px !important;
    height: 22px !important;
  }
}

@media (max-width: 430px) {
  .home-page .hero {
    padding-top: 88px !important;
  }

  .home-page .hero-transform-stage {
    width: min(calc(100vw - 2.25rem), 360px) !important;
    max-width: 360px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    min-height: 285px !important;
  }

  .home-page .hero-transform-stage__side {
    padding: 0.78rem !important;
  }

  .home-page .manual-stack {
    gap: 0.55rem !important;
  }

  .home-page .manual-card {
    min-height: 58px !important;
    padding: 0.7rem 0.58rem !important;
    font-size: 0.64rem !important;
  }
}

/* Mobile logo + spacing polish */
.nav__logo,
.footer__logo,
.nav__mobile-logo {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.nav__logo-img,
.footer__logo-img,
.nav__mobile-logo-img {
  background: transparent !important;
  border-radius: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
}

.home-page .hero__typed-row {
  align-items: center !important;
  max-width: 100% !important;
}

.home-page .hero__typed-word {
  font-size: clamp(1rem, 1.55vw, 1.16rem) !important;
  line-height: 1.25 !important;
  min-width: min(260px, 100%) !important;
  white-space: nowrap !important;
}

@media (max-width: 768px) {
  .scroll-indicator,
  .scroll-text,
  .scroll-vertical,
  .hero__scroll,
  .home-page .hero__scroll {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .nav__logo,
  .nav__mobile-logo {
    gap: 0.42rem !important;
    max-width: calc(100vw - 5.25rem) !important;
  }

  .nav__logo-img,
  .nav__mobile-logo-img {
    height: 44px !important;
    max-width: 104px !important;
  }

  .nav__brand-name {
    font-size: 0.98rem !important;
    letter-spacing: 0.055em !important;
  }

  .home-page .hero {
    padding-top: 84px !important;
    padding-bottom: 1rem !important;
    margin-bottom: 0 !important;
  }

  .home-page .hero > .container {
    margin-bottom: 0 !important;
  }

  .home-page .hero__content {
    gap: 1rem !important;
    margin-bottom: 0 !important;
  }

  .home-page .hero__typed-row {
    width: min(100%, 315px) !important;
    min-width: 0 !important;
    margin: -0.15rem auto 1.05rem 0 !important;
    padding: 0.68rem 0 !important;
    letter-spacing: 0.075em !important;
  }

  .home-page .hero__typed-row::before,
  .home-page .hero__typed-row::after {
    width: 100% !important;
  }

  .home-page .hero__typed-word {
    font-size: clamp(0.96rem, 4.1vw, 1.12rem) !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
  }

  .home-page .hero__sub {
    margin-bottom: 1.1rem !important;
  }

  .home-page .hero__cta-row--buttons {
    margin-bottom: 0.65rem !important;
  }

  .home-page .hero__proof {
    margin-top: 1rem !important;
    margin-bottom: 0 !important;
  }

  .home-page .hero__right {
    margin-top: 0.2rem !important;
    margin-bottom: 0 !important;
  }

  .home-page .pain-section,
  .home-page .services {
    margin-top: 0 !important;
  }
}

@media (max-width: 430px) {
  .nav__logo-img,
  .nav__mobile-logo-img {
    height: 40px !important;
    max-width: 96px !important;
  }

  .home-page .hero {
    padding-top: 78px !important;
    padding-bottom: 0.75rem !important;
  }

  .home-page .hero__typed-row {
    width: min(100%, 296px) !important;
  }

  .home-page .hero__typed-word {
    font-size: clamp(0.92rem, 4.2vw, 1.05rem) !important;
  }
}

/* Services typography hierarchy */
.services__grid {
  align-items: stretch !important;
}

.service-card--software {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: clamp(2rem, 3vw, 2.75rem) !important;
  background:
    linear-gradient(135deg, #FFFFFF 0%, #F6FAFF 58%, #EAF4FF 100%) !important;
  border-color: rgba(43,142,255,0.28) !important;
}

.service-card__name--featured {
  font-size: clamp(3rem, 4.6vw, 4rem) !important;
  font-weight: 800 !important;
  line-height: 0.92 !important;
  letter-spacing: -0.5px !important;
  color: #0B1220 !important;
  margin-bottom: clamp(0.75rem, 1.3vw, 1.15rem) !important;
}

.service-card--software .service-card__desc {
  max-width: 620px;
  font-size: clamp(1rem, 1.2vw, 1.08rem) !important;
  line-height: 1.55 !important;
  color: #263A5F !important;
  margin-bottom: 0.35rem !important;
}

@media (max-width: 1024px) {
  .service-card--software {
    grid-column: span 2;
  }
}

@media (max-width: 768px) {
  .service-card--software {
    grid-column: 1 / -1;
    padding: 1.65rem !important;
  }

  .service-card__name--featured {
    font-size: clamp(1.75rem, 8.4vw, 2.25rem) !important;
    line-height: 1 !important;
    margin-bottom: 0.9rem !important;
  }

  .service-card--software .service-card__desc {
    font-size: 0.96rem !important;
    line-height: 1.55 !important;
  }
}

/* Final header/logo and featured title hierarchy */
.nav__logo,
.nav__mobile-logo {
  gap: 0 !important;
}

.nav__logo-img {
  height: 48px !important;
  width: auto !important;
  max-width: none !important;
}

.nav__mobile-logo-img {
  height: 48px !important;
  width: auto !important;
  max-width: none !important;
}

.service-card__name--featured {
  font-size: clamp(4.5rem, 6.4vw, 5.15rem) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: -1px !important;
  color: #0B1220 !important;
  margin-bottom: clamp(1rem, 1.5vw, 1.5rem) !important;
  text-decoration: none !important;
  border: 0 !important;
}

.service-card__name--featured::before,
.service-card__name--featured::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 768px) {
  .nav__logo-img,
  .nav__mobile-logo-img {
    height: 36px !important;
    width: auto !important;
    max-width: none !important;
  }

  .service-card__name--featured {
    font-size: 36px !important;
    line-height: 1.1 !important;
    letter-spacing: -0.45px !important;
    margin-bottom: 1rem !important;
  }
}

/* Final hero hierarchy balance */
.home-page .hero__sub {
  max-width: 600px !important;
  font-size: 20px !important;
  line-height: 1.6 !important;
  color: #1F2A44 !important;
}

.nav__logo-img,
.nav__mobile-logo-img {
  height: 64px !important;
  width: auto !important;
  max-width: none !important;
}

@media (max-width: 768px) {
  .home-page .hero__sub {
    max-width: min(100%, 600px) !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

  .nav__logo-img,
  .nav__mobile-logo-img {
    height: 44px !important;
    width: auto !important;
    max-width: none !important;
  }
}

/* Final scale pass: dominant service title and stronger logos */
.nav__logo-img,
.nav__mobile-logo-img {
  height: 72px !important;
  width: auto !important;
  max-width: none !important;
}

.footer__logo-img {
  height: 64px !important;
  width: auto !important;
  max-width: none !important;
  filter:
    brightness(1.6)
    contrast(1.2)
    drop-shadow(0 0 6px rgba(255,255,255,0.15))
    drop-shadow(0 10px 22px rgba(43,142,255,0.18)) !important;
}

.service-card--software {
  overflow: visible !important;
}

.service-card__name--featured {
  width: max-content !important;
  max-width: none !important;
  min-width: max-content !important;
  font-size: clamp(5.5rem, 7.8vw, 6.1rem) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: -1.5px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  color: #0B1220 !important;
}

@media (max-width: 768px) {
  .nav__logo-img,
  .nav__mobile-logo-img {
    height: 48px !important;
  }

  .footer__logo-img {
    height: 48px !important;
  }

  .service-card__name--featured {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    font-size: 42px !important;
    line-height: 1.1 !important;
    letter-spacing: -0.75px !important;
    white-space: nowrap !important;
  }
}

/* Final hero subtitle and footer logo readability */
.home-page .hero__typed-row {
  width: fit-content !important;
  min-width: min(100%, 560px) !important;
  padding: 0.55rem 0 !important;
  margin: -0.15rem 0 1.35rem !important;
  letter-spacing: 0 !important;
}

.home-page .hero__typed-row::before,
.home-page .hero__typed-row::after,
.home-page .hero__typed-word::after {
  content: none !important;
  display: none !important;
}

.home-page .hero__typed-word {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  font-family: var(--font-display) !important;
  font-size: clamp(3.5rem, 4.9vw, 4rem) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #1D4ED8 !important;
  text-shadow: none !important;
  white-space: nowrap !important;
}

.footer__logo {
  padding: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

.footer__logo::before,
.footer__logo::after {
  content: none !important;
  display: none !important;
}

.footer__logo-img {
  height: 70px !important;
  filter:
    brightness(1.5)
    contrast(1.4)
    drop-shadow(0 0 8px rgba(255,255,255,0.15)) !important;
}

@media (max-width: 768px) {
  .home-page .hero__typed-row {
    width: min(100%, 340px) !important;
    min-width: 0 !important;
    margin-bottom: 1.05rem !important;
  }

  .home-page .hero__typed-word {
    font-size: 32px !important;
    line-height: 1.1 !important;
    letter-spacing: 1px !important;
    white-space: normal !important;
  }

  .footer__logo {
    padding: 0 !important;
  }

  .footer__logo-img {
    height: 56px !important;
  }
}

/* Why Askova benefit card readability */
.features__list {
  gap: 1.25rem !important;
  width: 100% !important;
}

.feature-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 1.25rem !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 1.25rem 1.35rem !important;
  background: #FFFFFF !important;
  border: 1.5px solid rgba(13,27,62,0.14) !important;
  box-shadow: 0 12px 30px rgba(13,27,62,0.08) !important;
  overflow: visible !important;
}

.feature-item:hover {
  border-color: rgba(43,142,255,0.36) !important;
  box-shadow: 0 16px 38px rgba(13,27,62,0.12) !important;
}

.feature-item__icon {
  flex: 0 0 48px !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 10px !important;
  background: rgba(43,142,255,0.14) !important;
  border: 1.5px solid rgba(29,78,216,0.34) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.75) !important;
}

.feature-item__icon svg {
  width: 23px !important;
  height: 23px !important;
  stroke: #0D3F8F !important;
  stroke-width: 2.6 !important;
}

.feature-item__text {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.feature-item__text strong {
  color: #0B1220 !important;
  font-size: 1.08rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.015em !important;
  margin-bottom: 0.35rem !important;
}

.feature-item__text span {
  display: block !important;
  color: #344256 !important;
  font-size: 0.96rem !important;
  line-height: 1.6 !important;
  opacity: 1 !important;
  overflow: visible !important;
}

@media (max-width: 768px) {
  .features__container {
    gap: 2rem !important;
  }

  .features__list {
    gap: 1rem !important;
  }

  .feature-item {
    width: 100% !important;
    max-width: 100% !important;
    padding: 1.15rem !important;
    gap: 1rem !important;
    align-items: flex-start !important;
    transform: none !important;
  }

  .feature-item:hover {
    transform: none !important;
  }

  .feature-item__icon {
    flex-basis: 44px !important;
    width: 44px !important;
    height: 44px !important;
  }

  .feature-item__icon svg {
    width: 22px !important;
    height: 22px !important;
  }

  .feature-item__text strong {
    font-size: 1rem !important;
  }

  .feature-item__text span {
    font-size: 0.92rem !important;
    line-height: 1.55 !important;
  }
}

/* Services card balance: equal height and old-grid alignment */
.services__grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 1.5rem !important;
  align-items: stretch !important;
}

.service-card,
.service-card--software {
  grid-column: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  height: 100% !important;
  min-height: 330px !important;
  padding: 1.5rem !important;
  overflow: hidden !important;
}

.service-card__icon {
  flex: 0 0 auto !important;
}

.service-card__name,
.service-card__name--featured {
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: 0.02em !important;
  white-space: normal !important;
  overflow: visible !important;
  color: #0B1220 !important;
  margin-bottom: 0.75rem !important;
}

.service-card__desc,
.service-card--software .service-card__desc {
  max-width: 100% !important;
  min-height: 7.25rem !important;
  font-size: 0.92rem !important;
  line-height: 1.55 !important;
  color: #344256 !important;
}

.service-card__link {
  margin-top: auto !important;
}

@media (max-width: 1100px) {
  .services__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 768px) {
  .services__grid {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  .service-card,
  .service-card--software {
    min-height: auto !important;
    padding: 1.5rem !important;
  }

  .service-card__desc,
  .service-card--software .service-card__desc {
    min-height: 0 !important;
  }
}

/* Mobile UX refinement: cleaner nav icon, calmer first screen, tighter flow */
@media (max-width: 768px) {
  .nav__hamburger {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    margin-left: auto !important;
    position: fixed !important;
    right: 1rem !important;
    top: 1rem !important;
    z-index: 1200 !important;
    background: rgba(255,255,255,0.86) !important;
    border: 1px solid rgba(13,27,62,0.08) !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 24px rgba(13,27,62,0.12) !important;
  }

  .nav__hamburger::before,
  .nav__inner::after {
    content: none !important;
    display: none !important;
  }

  .nav__hamburger span {
    display: block !important;
    width: 22px !important;
    height: 2px !important;
    flex: 0 0 2px !important;
    background: var(--blue-deeper) !important;
    border-radius: 999px !important;
    transform-origin: center !important;
    transition: transform 0.25s var(--ease-smooth), opacity 0.2s var(--ease-smooth) !important;
  }

  .home-page .hero {
    padding-top: 90px !important;
    padding-bottom: 2.25rem !important;
  }

  .home-page .hero__content {
    gap: 1.4rem !important;
  }

  .home-page .hero__sub {
    margin-bottom: 1.15rem !important;
  }

  .home-page .hero__cta-row--buttons {
    margin-bottom: 0.55rem !important;
  }

  .home-page .hero__cta-submit {
    width: auto !important;
    min-height: 46px !important;
    padding: 0.82rem 1.15rem !important;
    gap: 0.72rem !important;
    flex: 0 0 auto !important;
  }

  .home-page .hero__cta-submit svg {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
  }

  .home-page .hero__proof {
    margin-top: 1rem !important;
  }

  .section,
  .section--lg {
    padding-top: 3.25rem !important;
    padding-bottom: 3.25rem !important;
  }

  .pain-grid,
  .services__grid,
  .features__stats-grid,
  .process__steps {
    gap: 0.9rem !important;
  }

  .pain-item,
  .service-card,
  .stat-card,
  .process-step,
  .testimonial-card {
    border-radius: 10px !important;
  }

  .btn,
  .hero__cta-submit {
    column-gap: 0.72rem !important;
  }

  .btn .btn-arrow {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    margin-left: 0.15rem !important;
  }

  .btn--lg {
    padding: 0.95rem 1.2rem !important;
    font-size: 1rem !important;
  }

  .cta-section {
    padding: 3.5rem 0 !important;
  }

  .cta-section__inner {
    gap: 1.75rem !important;
  }
}

@media (max-width: 420px) {
  .home-page .hero__cta-submit {
    width: auto !important;
    max-width: 100% !important;
  }

  .home-page .hero__cta-row--buttons {
    align-items: flex-start !important;
  }
}

/* Direct-booking mobile pass: fewer repeated blocks, cleaner CTA rhythm */
.mobile-sticky-cta {
  display: none;
}

.home-page .hero-transform-stage__flow {
  overflow: visible !important;
  z-index: 3 !important;
}

.home-page .flow-line {
  left: 8px !important;
  right: 8px !important;
  height: 1.5px !important;
  background: linear-gradient(90deg, rgba(43,142,255,0.08), rgba(43,142,255,0.78), rgba(43,142,255,0.08)) !important;
  box-shadow: none !important;
  opacity: 0.78 !important;
}

.home-page .flow-line::after {
  right: -1px !important;
  width: 7px !important;
  height: 7px !important;
  border-width: 1.5px !important;
}

.home-page .flow-node {
  width: 6px !important;
  height: 6px !important;
  box-shadow: 0 0 10px rgba(43,142,255,0.35) !important;
  opacity: 0.75 !important;
}

.home-page .ai-node-map::before,
.home-page .ai-node-map::after {
  height: 1px !important;
  opacity: 0.38 !important;
}

@media (max-width: 768px) {
  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .home-page {
    padding-bottom: calc(76px + env(safe-area-inset-bottom)) !important;
  }

  .mobile-sticky-cta {
    position: fixed;
    left: 1rem;
    right: 1rem;
    bottom: calc(0.85rem + env(safe-area-inset-bottom));
    z-index: 950;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.72rem;
    min-height: 52px;
    padding: 0.9rem 1.2rem;
    color: #FFFFFF;
    background: linear-gradient(135deg, var(--cta), var(--cta-hover));
    border: 1px solid rgba(255,255,255,0.22);
    border-radius: 14px;
    box-shadow: 0 16px 36px rgba(13,27,62,0.24), 0 0 0 1px rgba(255,255,255,0.12) inset;
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    opacity: 0;
    pointer-events: none;
    transform: translateY(16px);
    transition: opacity 0.25s ease, transform 0.25s ease;
  }

  .mobile-sticky-cta.is-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }

  .mobile-sticky-cta .btn-arrow {
    display: inline-flex;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    align-items: center;
    justify-content: center;
  }

  .home-page .hero__cta-submit {
    width: min(100%, 280px) !important;
    justify-content: center !important;
  }

  .trusted,
  .process {
    display: none !important;
  }

  .nav__mobile-link[href="#process"] {
    display: none !important;
  }

  .pain-section {
    padding-top: 2.4rem !important;
    padding-bottom: 2.6rem !important;
  }

  .pain-intro {
    margin-bottom: 1.2rem !important;
  }

  .pain-intro__headline {
    font-size: clamp(1.75rem, 8vw, 2.35rem) !important;
  }

  .pain-intro__sub {
    line-height: 1.55 !important;
  }

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

  .pain-item {
    padding: 1rem !important;
    min-height: 0 !important;
  }

  .pain-item:nth-child(n+5) {
    display: none !important;
  }

  .pain-item__icon {
    width: 40px !important;
    height: 40px !important;
    margin-bottom: 0.75rem !important;
  }

  .pain-item__title {
    font-size: 1rem !important;
  }

  .pain-item__desc {
    line-height: 1.5 !important;
  }

  .pain-resolution {
    margin-top: 1.2rem !important;
    padding: 1.1rem !important;
  }

  .pain-resolution .btn {
    width: 100% !important;
    justify-content: center !important;
  }

  .services__header,
  .features__left,
  .testimonials__header {
    margin-bottom: 1.35rem !important;
  }

  .service-card,
  .service-card--software {
    padding: 1.1rem !important;
    gap: 0 !important;
  }

  .service-card__icon {
    width: 44px !important;
    height: 44px !important;
    margin-bottom: 0.8rem !important;
  }

  .service-card__name,
  .service-card__name--featured {
    font-size: 1.12rem !important;
    margin-bottom: 0.45rem !important;
  }

  .service-card__desc,
  .service-card--software .service-card__desc {
    font-size: 0.88rem !important;
    line-height: 1.5 !important;
  }

  .features__left > .reveal.delay-500 {
    display: none !important;
  }

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

  .stat-card:nth-child(n+3) {
    display: none !important;
  }

  .stat-card {
    padding: 1rem !important;
  }

  .stat-card__number {
    font-size: clamp(2rem, 10vw, 2.8rem) !important;
  }

  .testimonials__track {
    display: block !important;
  }

  .testimonial-card:nth-child(n+2),
  .testimonials__nav {
    display: none !important;
  }

  .testimonial-card {
    width: 100% !important;
    padding: 1.2rem !important;
  }

  .cta-split-label,
  .cta-section__card .cta-card__world-row {
    display: none !important;
  }

  .cta-section__title {
    font-size: clamp(1.8rem, 8vw, 2.45rem) !important;
    margin-bottom: 0.8rem !important;
  }

  .cta-section__sub {
    line-height: 1.55 !important;
  }

  .cta-trust-row {
    gap: 0.55rem !important;
  }

  .cta-section__card {
    padding: 1rem !important;
  }

  .home-page .hero-transform-stage {
    grid-template-columns: minmax(160px, 1fr) 22px minmax(92px, 0.74fr) !important;
  }

  .home-page .flow-line {
    left: 4px !important;
    right: 4px !important;
    height: 1px !important;
    opacity: 0.58 !important;
  }

  .home-page .flow-line::after {
    width: 5px !important;
    height: 5px !important;
    border-width: 1px !important;
  }

  .home-page .flow-node {
    display: none !important;
  }

  .home-page .ai-node-map::before,
  .home-page .ai-node-map::after {
    width: 28% !important;
    opacity: 0.22 !important;
  }
}

@media (max-width: 420px) {
  .features__stats-grid {
    grid-template-columns: 1fr !important;
  }

  .stat-card:nth-child(2) {
    display: none !important;
  }
}

/* Final hero polish: stable type row, softer CTA, safer mobile graphic */
.home-page .hero__typed-row {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 3.35rem !important;
  height: 3.35rem !important;
  margin: 0.85rem 0 1.1rem !important;
  overflow: visible !important;
}

.home-page .hero__typed-word {
  display: block !important;
  min-height: 1em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: opacity 0.18s ease, transform 0.18s ease !important;
}

.home-page .hero__typed-word.is-changing {
  opacity: 0 !important;
  transform: translateY(4px) !important;
}

.home-page .hero__cta-submit {
  background: var(--blue-dark) !important;
  box-shadow: 0 2px 0 rgba(10,40,100,0.45), var(--shadow-sm) !important;
}

.home-page .hero__cta-submit:hover {
  background: var(--blue) !important;
}

.home-page .hero__cta-row--buttons {
  width: auto !important;
  max-width: max-content !important;
  min-width: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 768px) {
  #hero-particles {
    opacity: 0.16 !important;
    display: block !important;
  }

  .home-page .hero__typed-row {
    min-height: 2.65rem !important;
    height: 2.65rem !important;
    margin: 0.65rem 0 0.95rem !important;
  }

  .home-page .hero__typed-word {
    max-width: 100% !important;
    font-size: clamp(1.95rem, 9vw, 2.85rem) !important;
    overflow: visible !important;
  }

  .home-page .hero-transform-stage {
    width: 100% !important;
    max-width: min(100%, 370px) !important;
    grid-template-columns: minmax(0, 1.05fr) 18px minmax(0, 0.95fr) !important;
    overflow: hidden !important;
  }

  .home-page .hero-transform-stage__side {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .home-page .hero-transform-stage__side--new {
    padding: 0.85rem 0.9rem 0.85rem 0.65rem !important;
  }

  .home-page .hero-transform-stage__label {
    max-width: 100% !important;
    font-size: 0.56rem !important;
    letter-spacing: 0.08em !important;
    overflow: visible !important;
    white-space: nowrap !important;
  }

  .home-page .ai-node-map {
    inset: 0.35rem !important;
    overflow: visible !important;
  }

  .home-page .ai-node {
    overflow: visible !important;
    box-shadow: 0 0 14px rgba(43,142,255,0.28) !important;
  }

  .home-page .ai-node span {
    max-width: 64px !important;
    font-size: 0.42rem !important;
    letter-spacing: 0.02em !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    transform: translateX(-50%) !important;
  }

  .home-page .ai-node--core {
    left: 42% !important;
    top: 46% !important;
    width: 32px !important;
    height: 32px !important;
  }

  .home-page .ai-node--a {
    right: 18% !important;
    top: 18% !important;
  }

  .home-page .ai-node--b {
    right: 10% !important;
    bottom: 20% !important;
  }

  .home-page .ai-node--c {
    left: 18% !important;
    right: auto !important;
    bottom: 17% !important;
  }

  .home-page .ai-node--d {
    display: none !important;
  }

  .home-page .flow-line {
    left: 2px !important;
    right: 2px !important;
  }
}

@media (max-width: 430px) {
  .home-page .hero-transform-stage__side--old {
    padding: 0.72rem 0.52rem 0.72rem 0.72rem !important;
  }

  .home-page .hero-transform-stage__side--new {
    padding: 0.72rem 0.82rem 0.72rem 0.5rem !important;
  }

  .home-page .manual-card {
    font-size: 0.58rem !important;
  }

  .home-page .ai-node span {
    font-size: 0.36rem !important;
    max-width: 56px !important;
  }

  .home-page .ai-node--core {
    width: 28px !important;
    height: 28px !important;
  }
}

/* Final interaction polish: anchor offsets, blue-only focus, stable hit areas */
#services {
  scroll-margin-top: 160px !important;
}

.btn,
.hero__cta-submit,
.mobile-sticky-cta,
.nav__mobile-link--cta,
.btn *,
.hero__cta-submit *,
.mobile-sticky-cta * {
  cursor: pointer !important;
}

.btn::before,
.btn::after,
.btn-arrow,
.btn-arrow *,
.hero__cta-submit svg,
.mobile-sticky-cta svg {
  pointer-events: none !important;
}

.btn--primary,
.nav__mobile-link--cta,
.mobile-sticky-cta {
  background: var(--cta) !important;
  color: #FFFFFF !important;
  box-shadow: 0 2px 0 var(--cta-dark), 0 10px 24px rgba(20,99,204,0.18) !important;
}

.btn--primary:hover,
.btn--primary:focus,
.btn--primary:focus-visible,
.btn--primary:active,
.nav__mobile-link--cta:hover,
.nav__mobile-link--cta:focus,
.nav__mobile-link--cta:focus-visible,
.mobile-sticky-cta:hover,
.mobile-sticky-cta:focus,
.mobile-sticky-cta:focus-visible,
.mobile-sticky-cta:active {
  background: var(--cta-hover) !important;
  color: #FFFFFF !important;
  outline: 0 !important;
  box-shadow: 0 2px 0 var(--cta-dark), 0 0 0 3px rgba(43,142,255,0.2), 0 14px 30px rgba(20,99,204,0.22) !important;
  transform: none !important;
}

.btn:focus-visible,
.hero__cta-submit:focus-visible,
.service-card__link:focus-visible,
.footer__link:focus-visible,
.nav__link:focus-visible,
.nav__mobile-link:focus-visible {
  outline: 3px solid rgba(43,142,255,0.32) !important;
  outline-offset: 3px !important;
}

.home-page .hero__cta-submit,
.home-page .hero__cta-submit:hover,
.home-page .hero__cta-submit:focus,
.home-page .hero__cta-submit:focus-visible,
.home-page .hero__cta-submit:active {
  background: var(--blue-dark) !important;
  box-shadow: 0 2px 0 rgba(10,40,100,0.48), 0 10px 24px rgba(20,99,204,0.16) !important;
  transform: none !important;
}

.home-page .ai-node {
  display: grid !important;
  place-items: center !important;
}

.home-page .ai-node--core span {
  position: static !important;
  transform: none !important;
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  line-height: 1 !important;
  text-align: center !important;
}

.home-page .hero-transform-stage__side--new .hero-transform-stage__label {
  color: rgba(234,244,255,0.9) !important;
}

@media (min-width: 769px) {
  .home-page .ai-node span {
    font-size: 0.72rem !important;
    letter-spacing: 0.03em !important;
    color: rgba(234,244,255,0.92) !important;
    text-shadow: 0 1px 8px rgba(43,142,255,0.55) !important;
    top: calc(100% + 0.56rem) !important;
  }

  .home-page .ai-node--core span {
    font-size: 1.1rem !important;
    color: #0D3F8F !important;
    text-shadow: none !important;
  }

  .home-page .ai-node--a {
    right: 12% !important;
    top: 16% !important;
  }

  .home-page .ai-node--b {
    right: 9% !important;
    bottom: 19% !important;
  }

  .home-page .ai-node--c {
    right: 32% !important;
    bottom: 10% !important;
  }
}

@media (max-width: 768px) {
  #services {
    scroll-margin-top: 110px !important;
  }

  .mobile-sticky-cta {
    transition: opacity 0.34s ease, transform 0.34s ease !important;
    box-shadow: 0 2px 0 var(--cta-dark), 0 14px 30px rgba(20,99,204,0.24) !important;
  }

  .home-page .hero-transform-stage {
    grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) !important;
  }

  .home-page .hero-transform-stage__side--old {
    padding-right: 1.4rem !important;
  }

  .home-page .manual-card {
    width: calc(100% - 0.85rem) !important;
    max-width: calc(100% - 0.85rem) !important;
    margin-right: auto !important;
  }

  .home-page .hero-transform-stage__side--new {
    padding-left: 0.95rem !important;
  }

  .home-page .ai-node span {
    color: rgba(234,244,255,0.95) !important;
    text-shadow: 0 1px 7px rgba(43,142,255,0.58) !important;
  }

  .home-page .ai-node--core span {
    color: #0D3F8F !important;
    text-shadow: none !important;
  }

  .home-page .ai-node--a {
    right: 14% !important;
    top: 17% !important;
  }

  .home-page .ai-node--b {
    right: 10% !important;
    bottom: 21% !important;
  }

  .home-page .ai-node--c {
    left: 25% !important;
    bottom: 17% !important;
  }
}

/* Final load/anchor polish: lock hero type layout and keep automated labels airy */
.home-page .hero__typed-row {
  justify-content: flex-start !important;
  contain: layout !important;
}

.home-page .hero__typed-word {
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  will-change: opacity, transform !important;
}

.home-page .hero__typed-word.is-changing {
  transform: translateY(calc(-50% + 5px)) !important;
}

@media (min-width: 769px) {
  #services {
    scroll-margin-top: 160px !important;
  }

  .home-page .ai-node-map::before,
  .home-page .ai-node-map::after {
    opacity: 0.56 !important;
    filter: drop-shadow(0 0 6px rgba(43,142,255,0.22)) !important;
  }

  .home-page .ai-node:not(.ai-node--core) {
    box-shadow: 0 0 12px rgba(43,142,255,0.42) !important;
  }

  .home-page .ai-node--a {
    right: 6% !important;
    top: 10% !important;
  }

  .home-page .ai-node--b {
    right: 9% !important;
    bottom: 14% !important;
  }

  .home-page .ai-node--c {
    right: 35% !important;
    bottom: 5% !important;
  }

  .home-page .ai-node--d {
    right: 46% !important;
    top: 16% !important;
  }

  .home-page .ai-node--a span {
    left: auto !important;
    right: -0.9rem !important;
    top: calc(100% + 0.72rem) !important;
    transform: none !important;
  }

  .home-page .ai-node--d span {
    top: auto !important;
    bottom: calc(100% + 0.72rem) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  .home-page .ai-node--b span {
    left: auto !important;
    right: -1rem !important;
    top: calc(100% + 0.78rem) !important;
    transform: none !important;
  }

  .home-page .ai-node--c span {
    left: 50% !important;
    top: calc(100% + 0.78rem) !important;
    transform: translateX(-50%) !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  #services {
    scroll-margin-top: 140px !important;
  }
}

@media (max-width: 768px) {
  .home-page .ai-node-map::before,
  .home-page .ai-node-map::after {
    opacity: 0.5 !important;
    filter: drop-shadow(0 0 5px rgba(43,142,255,0.2)) !important;
  }

  .home-page .ai-node:not(.ai-node--core) {
    box-shadow: 0 0 10px rgba(43,142,255,0.38) !important;
  }

  .home-page .ai-node span {
    top: calc(100% + 0.48rem) !important;
  }

  .home-page .ai-node--core span {
    top: auto !important;
  }

  .home-page .hero__typed-word {
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }

  .home-page .hero__typed-word.is-changing {
    transform: translate(-50%, calc(-50% + 5px)) !important;
  }
}

.btn--primary,
.hero__cta-submit,
.nav__mobile-link--cta,
.mobile-sticky-cta {
  background: var(--cta) !important;
  box-shadow: 0 2px 0 var(--cta-dark), 0 10px 24px rgba(20,99,204,0.18) !important;
  transition: transform 0.24s ease, background 0.24s ease, box-shadow 0.24s ease, color 0.24s ease !important;
}

.btn--primary:hover,
.hero__cta-submit:hover,
.nav__mobile-link--cta:hover,
.mobile-sticky-cta:hover {
  background: var(--cta-hover) !important;
  box-shadow: 0 4px 0 var(--cta-dark), 0 14px 30px rgba(20,99,204,0.24), 0 0 44px rgba(43,142,255,0.12) !important;
  transform: translateY(-1px) !important;
}

.btn--primary:active,
.hero__cta-submit:active,
.nav__mobile-link--cta:active,
.mobile-sticky-cta:active {
  background: var(--cta-hover) !important;
  box-shadow: 0 1px 0 var(--cta-dark), 0 8px 18px rgba(20,99,204,0.18) !important;
  transform: translateY(0) scale(0.985) !important;
}

.btn--primary:focus-visible,
.hero__cta-submit:focus-visible,
.nav__mobile-link--cta:focus-visible,
.mobile-sticky-cta:focus-visible {
  background: var(--cta-hover) !important;
  outline: 0 !important;
  box-shadow: 0 2px 0 var(--cta-dark), 0 0 0 4px rgba(43,142,255,0.24), 0 14px 30px rgba(20,99,204,0.22) !important;
}

/* Final consistency pass: shared button motion and unified transition graphic */
.btn,
.hero__cta-submit,
.nav__mobile-link--cta,
.mobile-sticky-cta {
  cursor: pointer !important;
  background: var(--cta) !important;
  color: #FFFFFF !important;
  border-color: rgba(43,142,255,0.28) !important;
  box-shadow: 0 2px 0 var(--cta-dark), 0 10px 24px rgba(20,99,204,0.18) !important;
  transform: translateY(0) scale(1) !important;
  transition: transform 220ms ease, background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease, color 220ms ease !important;
}

.btn:hover,
.hero__cta-submit:hover,
.nav__mobile-link--cta:hover,
.mobile-sticky-cta:hover {
  background: #2F94FF !important;
  color: #FFFFFF !important;
  border-color: rgba(90,173,255,0.45) !important;
  box-shadow: 0 4px 0 var(--cta-dark), 0 14px 30px rgba(20,99,204,0.24), 0 0 34px rgba(43,142,255,0.18) !important;
  transform: translateY(-1px) scale(1) !important;
}

.btn:active,
.hero__cta-submit:active,
.nav__mobile-link--cta:active,
.mobile-sticky-cta:active {
  background: var(--cta-dark) !important;
  color: #FFFFFF !important;
  border-color: rgba(20,99,204,0.46) !important;
  box-shadow: 0 1px 0 var(--cta-dark), 0 7px 16px rgba(20,99,204,0.16) !important;
  transform: translateY(0) scale(0.985) !important;
}

.btn:focus,
.hero__cta-submit:focus,
.nav__mobile-link--cta:focus,
.mobile-sticky-cta:focus {
  outline: 0 !important;
}

.btn:focus-visible,
.hero__cta-submit:focus-visible,
.nav__mobile-link--cta:focus-visible,
.mobile-sticky-cta:focus-visible {
  background: #2F94FF !important;
  outline: 0 !important;
  box-shadow: 0 2px 0 var(--cta-dark), 0 0 0 4px rgba(43,142,255,0.24), 0 14px 30px rgba(20,99,204,0.22) !important;
}

.btn *,
.hero__cta-submit *,
.nav__mobile-link--cta *,
.mobile-sticky-cta * {
  cursor: pointer !important;
}

.btn::before,
.btn::after,
.hero__cta-submit::before,
.hero__cta-submit::after,
.mobile-sticky-cta::before,
.mobile-sticky-cta::after {
  pointer-events: none !important;
}

@media (min-width: 769px) {
  .home-page .ai-node--a span {
    right: -1.2rem !important;
    top: calc(100% + 0.86rem) !important;
  }

  .home-page .ai-node--b span {
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: calc(100% + 0.9rem) !important;
    transform: translateX(-50%) !important;
  }

  .home-page .ai-node--c span {
    top: calc(100% + 0.9rem) !important;
    left: 42% !important;
  }

  .home-page .ai-node--d span {
    bottom: calc(100% + 0.9rem) !important;
    left: 42% !important;
  }
}

@media (max-width: 768px) {
  .home-page .hero-transform-stage {
    grid-template-columns: minmax(0, 0.86fr) 22px minmax(0, 1.14fr) !important;
  }

  .home-page .hero-transform-stage__flow {
    display: grid !important;
    place-items: center !important;
    overflow: visible !important;
    z-index: 4 !important;
  }

  .home-page .flow-line {
    left: -1px !important;
    right: -1px !important;
    height: 1.5px !important;
    opacity: 0.72 !important;
    background: linear-gradient(90deg, rgba(43,142,255,0.08), rgba(43,142,255,0.82), rgba(90,173,255,0.14)) !important;
  }

  .home-page .flow-line::after {
    right: -1px !important;
    width: 6px !important;
    height: 6px !important;
    border-width: 1.5px !important;
  }

  .home-page .flow-node {
    display: block !important;
    width: 5px !important;
    height: 5px !important;
    box-shadow: 0 0 10px rgba(43,142,255,0.34) !important;
    opacity: 0.62 !important;
  }

  .home-page .ai-node--a span,
  .home-page .ai-node--b span,
  .home-page .ai-node--c span {
    top: calc(100% + 0.58rem) !important;
  }

  .home-page .ai-node--a span {
    left: auto !important;
    right: -0.52rem !important;
    transform: none !important;
  }

  .home-page .ai-node--b span {
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: calc(100% + 0.76rem) !important;
    transform: translateX(-50%) !important;
  }

  .home-page .ai-node--c span {
    left: 42% !important;
    transform: translateX(-50%) !important;
  }
}

@media (max-width: 430px) {
  .home-page .ai-node--b {
    right: 14% !important;
  }

  .home-page .ai-node--b span {
    bottom: calc(100% + 0.82rem) !important;
  }
}

@media (min-width: 769px) {
  .home-page .services.section--lg {
    padding-top: 4.75rem !important;
  }

  .home-page .services__header {
    margin-bottom: 2.1rem !important;
  }

  .home-page .service-card,
  .home-page .service-card--software {
    min-height: 250px !important;
    padding: 1.35rem !important;
  }

  .home-page .service-card__icon {
    width: 46px !important;
    height: 46px !important;
    margin-bottom: 1rem !important;
  }

  .home-page .service-card__name,
  .home-page .service-card__name--featured {
    font-size: 1.2rem !important;
    margin-bottom: 0.55rem !important;
  }

  .home-page .service-card__desc,
  .home-page .service-card--software .service-card__desc {
    min-height: 0 !important;
    font-size: 0.88rem !important;
    line-height: 1.45 !important;
  }
}

/* Mobile automated panel polish: keep labels and AI connectors clear */
@media (max-width: 768px) {
  .home-page .hero-transform-stage__side--new {
    padding: 0.95rem 0.9rem 0.82rem 1.18rem !important;
  }

  .home-page .hero-transform-stage__side--new .hero-transform-stage__label {
    position: relative !important;
    z-index: 6 !important;
    display: block !important;
    width: max-content !important;
    max-width: calc(100% - 0.5rem) !important;
    margin: 0 0 0.35rem 0.78rem !important;
    padding-left: 0.15rem !important;
    color: rgba(234,244,255,0.94) !important;
    overflow: visible !important;
    clip-path: none !important;
  }

  .home-page .ai-node-map {
    inset: 0.7rem 0.48rem 0.45rem 0.85rem !important;
    min-height: 150px !important;
    overflow: visible !important;
  }

  .home-page .ai-node-map::before,
  .home-page .ai-node-map::after {
    left: 50% !important;
    top: 49% !important;
    width: 28% !important;
    opacity: 0.42 !important;
    transform-origin: left center !important;
  }

  .home-page .ai-node-map::before {
    transform: rotate(-33deg) !important;
  }

  .home-page .ai-node-map::after {
    transform: rotate(31deg) !important;
  }

  .home-page .ai-node--core {
    left: 39% !important;
    top: 45% !important;
    width: 31px !important;
    height: 31px !important;
    z-index: 4 !important;
  }

  .home-page .ai-node--a {
    right: 14% !important;
    top: 18% !important;
    z-index: 3 !important;
  }

  .home-page .ai-node--b {
    right: 11% !important;
    bottom: 22% !important;
    z-index: 3 !important;
  }

  .home-page .ai-node--c {
    left: 21% !important;
    right: auto !important;
    bottom: 16% !important;
    z-index: 3 !important;
  }

  .home-page .ai-node--d {
    display: grid !important;
    right: 47% !important;
    top: 20% !important;
    width: 16px !important;
    height: 16px !important;
    z-index: 3 !important;
  }

  .home-page .ai-node span {
    z-index: 5 !important;
    max-width: 72px !important;
    font-size: 0.38rem !important;
    line-height: 1 !important;
    text-shadow: 0 1px 6px rgba(43,142,255,0.5) !important;
  }

  .home-page .ai-node--a span {
    left: 50% !important;
    right: auto !important;
    top: calc(100% + 0.58rem) !important;
    transform: translateX(-50%) !important;
  }

  .home-page .ai-node--b span {
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: calc(100% + 0.82rem) !important;
    transform: translateX(-50%) !important;
  }

  .home-page .ai-node--c span {
    left: 50% !important;
    top: calc(100% + 0.58rem) !important;
    transform: translateX(-50%) !important;
  }

  .home-page .ai-node--d span {
    left: 50% !important;
    top: calc(100% + 0.52rem) !important;
    transform: translateX(-50%) !important;
  }
}

@media (max-width: 430px) {
  .home-page .hero-transform-stage__side--new {
    padding-left: 1.12rem !important;
    padding-right: 0.68rem !important;
  }

  .home-page .hero-transform-stage__side--new .hero-transform-stage__label {
    margin-left: 0.72rem !important;
  }

  .home-page .ai-node-map {
    inset: 0.72rem 0.36rem 0.42rem 0.7rem !important;
  }

  .home-page .ai-node--core {
    left: 38% !important;
    top: 46% !important;
  }

  .home-page .ai-node--b {
    right: 12% !important;
    bottom: 22% !important;
  }
}

/* Clean hub-and-spoke automated network map */
.home-page .ai-node-map {
  --hub-x: 30%;
  --hub-y: 49%;
  --consulting-x: 58%;
  --consulting-y: 19%;
  --automation-x: 82%;
  --automation-y: 29%;
  --software-x: 78%;
  --software-y: 72%;
  --marketing-x: 52%;
  --marketing-y: 78%;
}

.home-page .ai-node-map::before,
.home-page .ai-node-map::after {
  content: '' !important;
  position: absolute !important;
  left: var(--hub-x) !important;
  top: var(--hub-y) !important;
  height: 1px !important;
  transform-origin: left center !important;
  background: linear-gradient(90deg, rgba(90,173,255,0), rgba(90,173,255,0.62), rgba(90,173,255,0.12)) !important;
  filter: drop-shadow(0 0 5px rgba(43,142,255,0.2)) !important;
  opacity: 0.55 !important;
  z-index: 1 !important;
}

.home-page .ai-node-map::before {
  width: 39% !important;
  transform: rotate(-36deg) !important;
}

.home-page .ai-node-map::after {
  width: 51% !important;
  transform: rotate(0deg) !important;
}

.home-page .ai-node-map .ai-node--core::before {
  content: '' !important;
  position: absolute !important;
  left: calc(100% + 6px) !important;
  top: 50% !important;
  width: 52px !important;
  height: 1px !important;
  transform: translateY(-50%) rotate(28deg) !important;
  transform-origin: left center !important;
  background: linear-gradient(90deg, rgba(90,173,255,0.68), rgba(90,173,255,0.18)) !important;
  filter: drop-shadow(0 0 5px rgba(43,142,255,0.2)) !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

.home-page .ai-node--core {
  left: var(--hub-x) !important;
  top: var(--hub-y) !important;
}

.home-page .ai-node--d {
  display: grid !important;
  left: var(--consulting-x) !important;
  right: auto !important;
  top: var(--consulting-y) !important;
}

.home-page .ai-node--a {
  left: var(--automation-x) !important;
  right: auto !important;
  top: var(--automation-y) !important;
}

.home-page .ai-node--b {
  left: var(--software-x) !important;
  right: auto !important;
  top: var(--software-y) !important;
  bottom: auto !important;
}

.home-page .ai-node--c {
  left: var(--marketing-x) !important;
  right: auto !important;
  top: var(--marketing-y) !important;
  bottom: auto !important;
}

.home-page .ai-node--a span,
.home-page .ai-node--b span,
.home-page .ai-node--c span,
.home-page .ai-node--d span {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  white-space: nowrap !important;
}

.home-page .ai-node--d span {
  top: auto !important;
  bottom: calc(100% + 0.72rem) !important;
}

.home-page .ai-node--a span {
  top: calc(100% + 0.68rem) !important;
}

.home-page .ai-node--b span {
  top: auto !important;
  bottom: calc(100% + 0.9rem) !important;
}

.home-page .ai-node--c span {
  top: calc(100% + 0.68rem) !important;
}

@media (max-width: 768px) {
  .home-page .hero-transform-stage__side--new {
    padding: 1rem 0.82rem 0.82rem 1.28rem !important;
  }

  .home-page .hero-transform-stage__side--new .hero-transform-stage__label {
    margin: 0 0 0.2rem 1.1rem !important;
  }

  .home-page .ai-node-map {
    --hub-x: 28%;
    --hub-y: 50%;
    --consulting-x: 62%;
    --consulting-y: 19%;
    --automation-x: 72%;
    --automation-y: 39%;
    --software-x: 70%;
    --software-y: 68%;
    --marketing-x: 42%;
    --marketing-y: 79%;
    inset: 0.85rem 0.42rem 0.42rem 0.82rem !important;
    min-height: 150px !important;
  }

  .home-page .ai-node-map::before {
    width: 42% !important;
    transform: rotate(-34deg) !important;
  }

  .home-page .ai-node-map::after {
    width: 39% !important;
    transform: rotate(-8deg) !important;
  }

  .home-page .ai-node-map .ai-node--core::before {
    left: calc(100% + 5px) !important;
    width: 42px !important;
    transform: translateY(-50%) rotate(33deg) !important;
  }

  .home-page .ai-node--core {
    width: 31px !important;
    height: 31px !important;
    z-index: 5 !important;
  }

  .home-page .ai-node--a,
  .home-page .ai-node--b,
  .home-page .ai-node--c,
  .home-page .ai-node--d {
    width: 16px !important;
    height: 16px !important;
    z-index: 4 !important;
  }

  .home-page .ai-node span {
    font-size: 0.405rem !important;
    max-width: 74px !important;
    letter-spacing: 0.015em !important;
    text-shadow: 0 1px 5px rgba(43,142,255,0.45) !important;
  }

  .home-page .ai-node--d span {
    bottom: calc(100% + 0.58rem) !important;
  }

  .home-page .ai-node--a span {
    left: 50% !important;
    top: auto !important;
    bottom: calc(100% + 0.58rem) !important;
  }

  .home-page .ai-node--b span {
    bottom: calc(100% + 0.68rem) !important;
  }

  .home-page .ai-node--c span {
    top: calc(100% + 0.56rem) !important;
  }
}

@media (max-width: 430px) {
  .home-page .ai-node-map {
    --hub-x: 28%;
    --hub-y: 50%;
    --consulting-x: 62%;
    --consulting-y: 20%;
    --automation-x: 72%;
    --automation-y: 39%;
    --software-x: 70%;
    --software-y: 68%;
    --marketing-x: 42%;
    --marketing-y: 79%;
  }
}

/* Final balanced Manual -> Automated comparison graphic */
.home-page .hero-transform-stage {
  grid-template-columns: minmax(0, 0.94fr) 76px minmax(0, 1.06fr) !important;
}

.home-page .hero-transform-stage__side {
  display: flex !important;
  flex-direction: column !important;
}

.home-page .hero-transform-stage__side--old {
  padding: 2rem 2.45rem 2rem 2rem !important;
}

.home-page .hero-transform-stage__side--new {
  padding: 2rem 1.75rem 2rem 2.2rem !important;
}

.home-page .hero-transform-stage__side--old .hero-transform-stage__label {
  margin: 0 0 1.1rem 0.15rem !important;
}

.home-page .hero-transform-stage__side--new .hero-transform-stage__label {
  position: relative !important;
  z-index: 7 !important;
  width: max-content !important;
  margin: 0 0 0.5rem 0.55rem !important;
  padding: 0.08rem 0.18rem !important;
  color: rgba(234,244,255,0.96) !important;
  text-shadow: 0 1px 7px rgba(6,14,30,0.85) !important;
}

.home-page .manual-stack {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 1rem !important;
  width: min(100%, 250px) !important;
  max-width: 78% !important;
  margin: 0 auto 0 0 !important;
  transform: translateY(-0.1rem) !important;
}

.home-page .manual-card,
.home-page .manual-card--calendar,
.home-page .manual-card--phone,
.home-page .manual-card--email {
  width: 100% !important;
  min-height: 52px !important;
  margin: 0 !important;
  grid-template-columns: 26px minmax(0, 1fr) !important;
  gap: 0.95rem !important;
  padding: 0.72rem 0.88rem !important;
  border-radius: 8px !important;
  font-size: 0.76rem !important;
  line-height: 1.15 !important;
}

.home-page .manual-card svg {
  width: 20px !important;
  height: 20px !important;
}

.home-page .hero-transform-stage__flow {
  display: grid !important;
  place-items: center !important;
  z-index: 6 !important;
}

.home-page .flow-line {
  left: -42px !important;
  right: -42px !important;
  top: 50% !important;
  height: 1.5px !important;
  opacity: 0.72 !important;
  background: linear-gradient(90deg, rgba(11,18,32,0.12), rgba(43,142,255,0.92), rgba(90,173,255,0.16)) !important;
  box-shadow: 0 0 12px rgba(43,142,255,0.25) !important;
}

.home-page .flow-line::after {
  width: 7px !important;
  height: 7px !important;
  border-width: 1.5px !important;
}

.home-page .flow-node {
  width: 7px !important;
  height: 7px !important;
  opacity: 0.62 !important;
  box-shadow: 0 0 10px rgba(43,142,255,0.32) !important;
}

.home-page .ai-node-map {
  --hub-x: 28%;
  --hub-y: 51%;
  --consulting-x: 58%;
  --consulting-y: 20%;
  --automation-x: 80%;
  --automation-y: 35%;
  --software-x: 78%;
  --software-y: 70%;
  --marketing-x: 50%;
  --marketing-y: 78%;
  flex: 1 !important;
  min-height: 230px !important;
  inset: auto !important;
  margin: 0.1rem 0 0 !important;
  overflow: visible !important;
}

.home-page .ai-node-map::before,
.home-page .ai-node-map::after {
  left: calc(var(--hub-x) + 24px) !important;
  top: calc(var(--hub-y) + 2px) !important;
  height: 1px !important;
  transform-origin: left center !important;
  opacity: 0.46 !important;
  z-index: 1 !important;
}

.home-page .ai-node-map::before {
  width: 36% !important;
  transform: rotate(-37deg) !important;
}

.home-page .ai-node-map::after {
  width: 43% !important;
  transform: rotate(-8deg) !important;
}

.home-page .ai-node-map .ai-node--core::before {
  left: calc(100% + 7px) !important;
  top: 52% !important;
  width: 52px !important;
  transform: translateY(-50%) rotate(31deg) !important;
  opacity: 0.44 !important;
  z-index: -1 !important;
}

.home-page .ai-node {
  box-shadow: 0 0 0 4px rgba(43,142,255,0.1), 0 0 15px rgba(43,142,255,0.44) !important;
}

.home-page .ai-node--core {
  left: var(--hub-x) !important;
  top: var(--hub-y) !important;
  width: 42px !important;
  height: 42px !important;
  z-index: 5 !important;
}

.home-page .ai-node--d {
  display: grid !important;
  left: var(--consulting-x) !important;
  top: var(--consulting-y) !important;
  right: auto !important;
  width: 21px !important;
  height: 21px !important;
  z-index: 4 !important;
}

.home-page .ai-node--a {
  left: var(--automation-x) !important;
  top: var(--automation-y) !important;
  right: auto !important;
  width: 23px !important;
  height: 23px !important;
  z-index: 4 !important;
}

.home-page .ai-node--b {
  left: var(--software-x) !important;
  top: var(--software-y) !important;
  right: auto !important;
  bottom: auto !important;
  width: 22px !important;
  height: 22px !important;
  z-index: 4 !important;
}

.home-page .ai-node--c {
  left: var(--marketing-x) !important;
  top: var(--marketing-y) !important;
  right: auto !important;
  bottom: auto !important;
  width: 20px !important;
  height: 20px !important;
  z-index: 4 !important;
}

.home-page .ai-node--a span,
.home-page .ai-node--b span,
.home-page .ai-node--c span,
.home-page .ai-node--d span {
  display: inline-block !important;
  left: 50% !important;
  right: auto !important;
  max-width: none !important;
  padding: 0.05rem 0.18rem !important;
  border-radius: 3px !important;
  background: rgba(8,18,36,0.34) !important;
  color: rgba(234,244,255,0.96) !important;
  text-shadow: 0 1px 6px rgba(6,14,30,0.9) !important;
  transform: translateX(-50%) !important;
  white-space: nowrap !important;
  z-index: 8 !important;
}

.home-page .ai-node--d span {
  top: auto !important;
  bottom: calc(100% + 0.78rem) !important;
}

.home-page .ai-node--a span {
  top: calc(100% + 0.76rem) !important;
  bottom: auto !important;
}

.home-page .ai-node--b span {
  top: auto !important;
  bottom: calc(100% + 0.88rem) !important;
}

.home-page .ai-node--c span {
  top: calc(100% + 0.72rem) !important;
  bottom: auto !important;
}

@media (max-width: 768px) {
  .home-page .hero-transform-stage {
    grid-template-columns: minmax(0, 0.94fr) 20px minmax(0, 1.06fr) !important;
  }

  .home-page .hero-transform-stage__side--old {
    padding: 0.9rem 1.55rem 0.88rem 0.58rem !important;
  }

  .home-page .hero-transform-stage__side--new {
    padding: 0.95rem 0.62rem 0.8rem 1.18rem !important;
  }

  .home-page .hero-transform-stage__side--old .hero-transform-stage__label {
    margin: 0 0 0.45rem 0.08rem !important;
  }

  .home-page .hero-transform-stage__side--new .hero-transform-stage__label {
    margin: 0 0 0.18rem 1rem !important;
  }

  .home-page .manual-stack {
    gap: 0.58rem !important;
    width: min(100%, 112px) !important;
    max-width: 100% !important;
    margin-left: 0 !important;
  }

  .home-page .manual-card,
  .home-page .manual-card--calendar,
  .home-page .manual-card--phone,
  .home-page .manual-card--email {
    min-height: 54px !important;
    grid-template-columns: 18px minmax(0, 1fr) !important;
    gap: 0.48rem !important;
    padding: 0.54rem 0.5rem !important;
    font-size: 0.53rem !important;
    overflow: visible !important;
  }

  .home-page .manual-card svg {
    width: 17px !important;
    height: 17px !important;
  }

  .home-page .flow-line {
    left: -8px !important;
    right: -8px !important;
    top: 50% !important;
    height: 1.25px !important;
  }

  .home-page .flow-node {
    width: 5px !important;
    height: 5px !important;
  }

  .home-page .ai-node-map {
    --hub-x: 27%;
    --hub-y: 51%;
    --consulting-x: 60%;
    --consulting-y: 21%;
    --automation-x: 74%;
    --automation-y: 40%;
    --software-x: 72%;
    --software-y: 69%;
    --marketing-x: 45%;
    --marketing-y: 80%;
    min-height: 150px !important;
  }

  .home-page .ai-node-map::before {
    left: calc(var(--hub-x) + 18px) !important;
    top: calc(var(--hub-y) + 1px) !important;
    width: 38% !important;
    transform: rotate(-36deg) !important;
  }

  .home-page .ai-node-map::after {
    left: calc(var(--hub-x) + 18px) !important;
    top: calc(var(--hub-y) + 1px) !important;
    width: 35% !important;
    transform: rotate(-7deg) !important;
  }

  .home-page .ai-node-map .ai-node--core::before {
    left: calc(100% + 5px) !important;
    width: 37px !important;
    transform: translateY(-50%) rotate(34deg) !important;
  }

  .home-page .ai-node--core {
    width: 31px !important;
    height: 31px !important;
  }

  .home-page .ai-node--a,
  .home-page .ai-node--b,
  .home-page .ai-node--c,
  .home-page .ai-node--d {
    width: 16px !important;
    height: 16px !important;
  }

  .home-page .ai-node span {
    font-size: 0.38rem !important;
    letter-spacing: 0.01em !important;
  }

  .home-page .ai-node--d span {
    bottom: calc(100% + 0.58rem) !important;
  }

  .home-page .ai-node--a span {
    top: calc(100% + 0.56rem) !important;
  }

  .home-page .ai-node--b span {
    bottom: calc(100% + 0.66rem) !important;
  }

  .home-page .ai-node--c span {
    top: calc(100% + 0.55rem) !important;
  }
}

@media (max-width: 430px) {
  .home-page .hero-transform-stage__side--old {
    padding-right: 1.45rem !important;
  }

  .home-page .manual-stack {
    width: min(100%, 108px) !important;
  }

  .home-page .ai-node-map {
    --hub-x: 27%;
    --automation-x: 73%;
    --software-x: 71%;
    --marketing-x: 45%;
  }
}

/* Final geometry polish: premium hamburger + radial AI network */
.nav__hamburger {
  position: relative !important;
  display: none;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,0.92) !important;
  border: 1px solid rgba(43,142,255,0.12) !important;
  box-shadow: 0 10px 24px rgba(13,27,62,0.08) !important;
  cursor: pointer !important;
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease !important;
}

.nav__hamburger:hover,
.nav__hamburger:focus-visible {
  border-color: rgba(43,142,255,0.28) !important;
  box-shadow: 0 12px 28px rgba(20,99,204,0.14) !important;
  transform: translateY(-1px) !important;
  outline: 0 !important;
}

.nav__hamburger span {
  position: absolute !important;
  left: 50% !important;
  width: 21px !important;
  height: 2px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: #1463CC !important;
  transform: translateX(-50%) !important;
  transform-origin: center !important;
  transition: transform 240ms ease, opacity 180ms ease, background-color 220ms ease !important;
}

.nav__hamburger span:nth-child(1) {
  top: 15px !important;
}

.nav__hamburger span:nth-child(2) {
  top: 21px !important;
}

.nav__hamburger span:nth-child(3) {
  top: 27px !important;
}

.nav__hamburger:hover span {
  background: #2B8EFF !important;
}

@media (max-width: 768px) {
  .nav__hamburger {
    display: inline-flex !important;
  }
}

.home-page .ai-node-map {
  --hub-x: 30%;
  --hub-y: 50%;
  --consulting-x: 60%;
  --consulting-y: 19%;
  --automation-x: 85%;
  --automation-y: 34%;
  --software-x: 76%;
  --software-y: 72%;
  --marketing-x: 48%;
  --marketing-y: 76%;
}

.home-page .hero-transform-stage__side--new .hero-transform-stage__label {
  margin-left: 1rem !important;
}

.home-page .ai-node-map::before,
.home-page .ai-node-map::after {
  left: calc(var(--hub-x) + 25px) !important;
  top: calc(var(--hub-y) + 4px) !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(90,173,255,0.64), rgba(90,173,255,0.08)) !important;
  opacity: 0.42 !important;
  z-index: 1 !important;
}

.home-page .ai-node-map::before {
  width: 34% !important;
  transform: rotate(-38deg) !important;
}

.home-page .ai-node-map::after {
  width: 43% !important;
  transform: rotate(-8deg) !important;
}

.home-page .ai-node--a::before,
.home-page .ai-node--b::before,
.home-page .ai-node--c::before,
.home-page .ai-node--d::before {
  content: '' !important;
  position: absolute !important;
  height: 1px !important;
  pointer-events: none !important;
  transform-origin: left center !important;
  background: linear-gradient(90deg, rgba(90,173,255,0.48), rgba(90,173,255,0.08)) !important;
  filter: drop-shadow(0 0 4px rgba(43,142,255,0.18)) !important;
  opacity: 0 !important;
}

.home-page .ai-node-map .ai-node--core::before {
  left: calc(100% + 8px) !important;
  top: 54% !important;
  width: 54px !important;
  transform: translateY(-50%) rotate(36deg) !important;
  opacity: 0.42 !important;
}

.home-page .ai-node {
  box-shadow: 0 0 0 3px rgba(43,142,255,0.1), 0 0 13px rgba(43,142,255,0.38) !important;
}

.home-page .ai-node--core {
  left: var(--hub-x) !important;
  top: var(--hub-y) !important;
}

.home-page .ai-node--d {
  left: var(--consulting-x) !important;
  top: var(--consulting-y) !important;
}

.home-page .ai-node--a {
  left: var(--automation-x) !important;
  top: var(--automation-y) !important;
}

.home-page .ai-node--b {
  left: var(--software-x) !important;
  top: var(--software-y) !important;
}

.home-page .ai-node--c {
  left: var(--marketing-x) !important;
  top: var(--marketing-y) !important;
}

.home-page .ai-node--d span {
  bottom: calc(100% + 0.86rem) !important;
}

.home-page .ai-node--a span {
  top: auto !important;
  bottom: calc(100% + 0.88rem) !important;
}

.home-page .ai-node--b span {
  bottom: calc(100% + 0.98rem) !important;
}

.home-page .ai-node--c span {
  top: calc(100% + 0.8rem) !important;
}

@media (max-width: 768px) {
  .home-page .hero-transform-stage {
    grid-template-columns: minmax(0, 0.92fr) 22px minmax(0, 1.08fr) !important;
  }

  .home-page .hero-transform-stage__side--old {
    padding: 0.92rem 1.42rem 0.9rem 0.62rem !important;
  }

  .home-page .hero-transform-stage__side--new {
    padding: 1rem 0.62rem 0.85rem 1.26rem !important;
  }

  .home-page .hero-transform-stage__side--new .hero-transform-stage__label {
    margin-left: 1.15rem !important;
    margin-bottom: 0.2rem !important;
  }

  .home-page .manual-stack {
    width: min(100%, 110px) !important;
    gap: 0.58rem !important;
  }

  .home-page .flow-line {
    left: -7px !important;
    right: -7px !important;
    top: 50% !important;
  }

  .home-page .ai-node-map {
    --hub-x: 28%;
    --hub-y: 50%;
    --consulting-x: 58%;
    --consulting-y: 20%;
    --automation-x: 73%;
    --automation-y: 40%;
    --software-x: 70%;
    --software-y: 69%;
    --marketing-x: 44%;
    --marketing-y: 77%;
    min-height: 150px !important;
  }

  .home-page .ai-node-map::before,
  .home-page .ai-node-map::after {
    left: calc(var(--hub-x) + 18px) !important;
    top: calc(var(--hub-y) + 2px) !important;
  }

  .home-page .ai-node-map::before {
    width: 36% !important;
    transform: rotate(-37deg) !important;
  }

  .home-page .ai-node-map::after {
    width: 35% !important;
    transform: rotate(-8deg) !important;
  }

  .home-page .ai-node-map .ai-node--core::before {
    left: calc(100% + 6px) !important;
    width: 38px !important;
    transform: translateY(-50%) rotate(35deg) !important;
  }

  .home-page .ai-node--d span {
    bottom: calc(100% + 0.62rem) !important;
  }

  .home-page .ai-node--a span {
    top: calc(100% + 0.58rem) !important;
    bottom: auto !important;
  }

  .home-page .ai-node--b span {
    bottom: calc(100% + 0.7rem) !important;
  }

  .home-page .ai-node--c span {
    top: calc(100% + 0.58rem) !important;
  }
}

@media (max-width: 430px) {
  .home-page .hero-transform-stage__side--new .hero-transform-stage__label {
    margin-left: 1.08rem !important;
  }

  .home-page .manual-stack {
    width: min(100%, 106px) !important;
  }
}

/* Minimal automated map: remove AI web lines, keep clean node field */
.home-page .ai-node-map::before,
.home-page .ai-node-map::after,
.home-page .ai-node-map .ai-node--core::before,
.home-page .ai-node--a::before,
.home-page .ai-node--b::before,
.home-page .ai-node--c::before,
.home-page .ai-node--d::before {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  box-shadow: none !important;
  filter: none !important;
}

@media (max-width: 768px) {
  .home-page .hero-transform-stage__side--new .hero-transform-stage__label {
    margin-left: 1.45rem !important;
    margin-top: 0.08rem !important;
  }

  .home-page .ai-node-map {
    --hub-x: 28%;
    --hub-y: 51%;
    --consulting-x: 59%;
    --consulting-y: 20%;
    --automation-x: 74%;
    --automation-y: 40%;
    --software-x: 72%;
    --software-y: 69%;
    --marketing-x: 45%;
    --marketing-y: 77%;
  }
}

@media (max-width: 430px) {
  .home-page .hero-transform-stage__side--new .hero-transform-stage__label {
    margin-left: 1.38rem !important;
  }
}

/* Minimal automated panel cleanup: remove decorative debris */
.home-page .hero-transform-stage::before {
  background:
    linear-gradient(112deg, transparent 0 47.2%, rgba(255,255,255,0.85) 47.2% 47.7%, rgba(43,142,255,0.95) 47.7% 48.3%, rgba(9,22,48,0.70) 48.3% 49%, transparent 49%) !important;
}

.home-page .flow-line,
.home-page .flow-line::after,
.home-page .flow-node {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  animation: none !important;
}

.home-page .hero-transform-stage__flow {
  pointer-events: none !important;
}

/* Manual card copy breathing room */
.home-page .manual-card,
.home-page .manual-card--calendar,
.home-page .manual-card--phone,
.home-page .manual-card--email {
  grid-template-columns: 26px minmax(0, 1fr) !important;
  gap: 1.05rem !important;
  padding-right: 1.18rem !important;
  box-sizing: border-box !important;
}

.home-page .manual-card span {
  display: block !important;
  min-width: 0 !important;
  padding-right: 0.1rem !important;
  overflow-wrap: normal !important;
}

@media (max-width: 768px) {
  .home-page .manual-card,
  .home-page .manual-card--calendar,
  .home-page .manual-card--phone,
  .home-page .manual-card--email {
    grid-template-columns: 17px minmax(0, 1fr) !important;
    gap: 0.6rem !important;
    padding-right: 0.68rem !important;
    padding-left: 0.52rem !important;
  }

  .home-page .manual-card span {
    padding-right: 0.08rem !important;
  }
}

/* Final comparison graphic balance */
.home-page .manual-stack {
  align-items: stretch !important;
}

.home-page .manual-card,
.home-page .manual-card--calendar,
.home-page .manual-card--phone,
.home-page .manual-card--email {
  display: grid !important;
  align-items: center !important;
  justify-items: start !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  column-gap: 1.12rem !important;
  padding: 0.78rem 1.3rem 0.78rem 0.95rem !important;
  text-align: left !important;
}

.home-page .manual-card svg {
  justify-self: center !important;
  align-self: center !important;
  flex: 0 0 auto !important;
}

.home-page .manual-card span {
  align-self: center !important;
  justify-self: stretch !important;
  width: 100% !important;
  padding-right: 0 !important;
  line-height: 1.18 !important;
}

.home-page .ai-node {
  width: 34px !important;
  height: 34px !important;
  box-shadow:
    0 0 0 4px rgba(43,142,255,0.12),
    0 0 18px rgba(43,142,255,0.5) !important;
}

.home-page .ai-node--core {
  width: 54px !important;
  height: 54px !important;
  box-shadow:
    0 0 0 5px rgba(43,142,255,0.14),
    0 0 24px rgba(43,142,255,0.62) !important;
}

.home-page .ai-node--a span,
.home-page .ai-node--b span,
.home-page .ai-node--c span,
.home-page .ai-node--d span {
  margin: 0 !important;
  text-shadow: 0 1px 8px rgba(6,14,30,0.92) !important;
}

.home-page .ai-node--d {
  left: 61% !important;
  top: 20% !important;
}

.home-page .ai-node--a {
  left: 84% !important;
  top: 37% !important;
}

.home-page .ai-node--b {
  left: 75% !important;
  top: 72% !important;
}

.home-page .ai-node--c {
  left: 48% !important;
  top: 77% !important;
}

.home-page .ai-node--d span {
  bottom: calc(100% + 1rem) !important;
}

.home-page .ai-node--a span {
  bottom: calc(100% + 1rem) !important;
  top: auto !important;
}

.home-page .ai-node--b span {
  bottom: calc(100% + 1.05rem) !important;
}

.home-page .ai-node--c span {
  top: calc(100% + 0.92rem) !important;
}

@media (max-width: 768px) {
  .home-page .manual-stack {
    width: min(100%, 118px) !important;
  }

  .home-page .manual-card,
  .home-page .manual-card--calendar,
  .home-page .manual-card--phone,
  .home-page .manual-card--email {
    grid-template-columns: 18px minmax(0, 1fr) !important;
    column-gap: 0.62rem !important;
    padding: 0.56rem 0.72rem 0.56rem 0.5rem !important;
    min-height: 54px !important;
  }

  .home-page .manual-card span {
    line-height: 1.16 !important;
  }

  .home-page .ai-node {
    width: 24px !important;
    height: 24px !important;
    box-shadow:
      0 0 0 3px rgba(43,142,255,0.12),
      0 0 14px rgba(43,142,255,0.48) !important;
  }

  .home-page .ai-node--core {
    width: 38px !important;
    height: 38px !important;
    left: 28% !important;
    top: 51% !important;
    box-shadow:
      0 0 0 4px rgba(43,142,255,0.14),
      0 0 19px rgba(43,142,255,0.6) !important;
  }

  .home-page .ai-node--d {
    left: 59% !important;
    top: 21% !important;
  }

  .home-page .ai-node--a {
    left: 75% !important;
    top: 41% !important;
  }

  .home-page .ai-node--b {
    left: 72% !important;
    top: 69% !important;
  }

  .home-page .ai-node--c {
    left: 45% !important;
    top: 78% !important;
  }

  .home-page .ai-node--d span {
    bottom: calc(100% + 0.68rem) !important;
  }

  .home-page .ai-node--a span {
    bottom: auto !important;
    top: calc(100% + 0.64rem) !important;
  }

  .home-page .ai-node--b span {
    bottom: calc(100% + 0.76rem) !important;
  }

  .home-page .ai-node--c span {
    top: calc(100% + 0.62rem) !important;
  }
}

/* Final automated panel polish */
.home-page .hero-transform-stage__side--new .hero-transform-stage__label {
  margin-left: 1.25rem !important;
}

.home-page .manual-card,
.home-page .manual-card--calendar,
.home-page .manual-card--phone,
.home-page .manual-card--email {
  grid-template-columns: 28px minmax(0, 1fr) !important;
  column-gap: 1.18rem !important;
  padding: 0.78rem 1.42rem 0.78rem 1.02rem !important;
}

.home-page .manual-card span {
  text-align: left !important;
}

.home-page .ai-node {
  width: 30px !important;
  height: 30px !important;
  box-shadow:
    0 0 0 3px rgba(43,142,255,0.1),
    0 0 14px rgba(43,142,255,0.42) !important;
}

.home-page .ai-node--core {
  width: 48px !important;
  height: 48px !important;
  left: 30% !important;
  top: 50% !important;
  box-shadow:
    0 0 0 4px rgba(43,142,255,0.13),
    0 0 21px rgba(43,142,255,0.56) !important;
}

.home-page .ai-node span {
  font-size: 0.74rem !important;
  letter-spacing: 0.09em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.home-page .ai-node--core span {
  font-size: 0.92rem !important;
  letter-spacing: 0 !important;
}

.home-page .ai-node--d {
  left: 62% !important;
  top: 20% !important;
}

.home-page .ai-node--a {
  left: 84% !important;
  top: 36% !important;
}

.home-page .ai-node--b {
  left: 76% !important;
  top: 73% !important;
}

.home-page .ai-node--c {
  left: 48% !important;
  top: 73% !important;
}

.home-page .ai-node--d span,
.home-page .ai-node--a span,
.home-page .ai-node--b span {
  bottom: calc(100% + 1.12rem) !important;
  top: auto !important;
}

.home-page .ai-node--c span {
  top: calc(100% + 1rem) !important;
}

@media (max-width: 768px) {
  .home-page .hero-transform-stage__side--new .hero-transform-stage__label {
    margin-left: 1.58rem !important;
  }

  .home-page .manual-stack {
    width: min(100%, 120px) !important;
  }

  .home-page .manual-card,
  .home-page .manual-card--calendar,
  .home-page .manual-card--phone,
  .home-page .manual-card--email {
    grid-template-columns: 18px minmax(0, 1fr) !important;
    column-gap: 0.66rem !important;
    padding: 0.56rem 0.78rem 0.56rem 0.54rem !important;
  }

  .home-page .ai-node {
    width: 21px !important;
    height: 21px !important;
    box-shadow:
      0 0 0 2px rgba(43,142,255,0.11),
      0 0 11px rgba(43,142,255,0.42) !important;
  }

  .home-page .ai-node--core {
    width: 34px !important;
    height: 34px !important;
    left: 29% !important;
    top: 50% !important;
    box-shadow:
      0 0 0 3px rgba(43,142,255,0.13),
      0 0 17px rgba(43,142,255,0.56) !important;
  }

  .home-page .ai-node span {
    font-size: 0.52rem !important;
    letter-spacing: 0.075em !important;
  }

  .home-page .ai-node--core span {
    font-size: 0.7rem !important;
  }

  .home-page .ai-node--d {
    left: 61% !important;
    top: 20% !important;
  }

  .home-page .ai-node--a {
    left: 75% !important;
    top: 39% !important;
  }

  .home-page .ai-node--b {
    left: 72% !important;
    top: 70% !important;
  }

  .home-page .ai-node--c {
    left: 45% !important;
    top: 73% !important;
  }

  .home-page .ai-node--d span,
  .home-page .ai-node--b span {
    bottom: calc(100% + 0.76rem) !important;
    top: auto !important;
  }

  .home-page .ai-node--a span {
    bottom: auto !important;
    top: calc(100% + 0.7rem) !important;
  }

  .home-page .ai-node--c span {
    top: calc(100% + 0.7rem) !important;
  }
}

/* Final label/node separation pass */
.home-page .ai-node {
  width: 28px !important;
  height: 28px !important;
}

.home-page .ai-node--core {
  width: 46px !important;
  height: 46px !important;
}

.home-page .ai-node span {
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.085em !important;
  z-index: 4 !important;
}

.home-page .ai-node--d {
  left: 62% !important;
  top: 19% !important;
}

.home-page .ai-node--a {
  left: 85% !important;
  top: 34% !important;
}

.home-page .ai-node--b {
  left: 76% !important;
  top: 75% !important;
}

.home-page .ai-node--c {
  left: 49% !important;
  top: 70% !important;
}

.home-page .ai-node--d span,
.home-page .ai-node--b span {
  bottom: calc(100% + 1.18rem) !important;
  top: auto !important;
}

.home-page .ai-node--a span,
.home-page .ai-node--c span {
  top: calc(100% + 1.12rem) !important;
  bottom: auto !important;
}

@media (max-width: 768px) {
  .home-page .hero-transform-stage__side--new .hero-transform-stage__label {
    margin-left: 1.68rem !important;
  }

  .home-page .ai-node {
    width: 20px !important;
    height: 20px !important;
  }

  .home-page .ai-node--core {
    width: 33px !important;
    height: 33px !important;
  }

  .home-page .ai-node span {
    font-size: 0.54rem !important;
    letter-spacing: 0.07em !important;
  }

  .home-page .ai-node--d {
    left: 62% !important;
    top: 20% !important;
  }

  .home-page .ai-node--a {
    left: 76% !important;
    top: 36% !important;
  }

  .home-page .ai-node--b {
    left: 73% !important;
    top: 72% !important;
  }

  .home-page .ai-node--c {
    left: 46% !important;
    top: 70% !important;
  }

  .home-page .ai-node--d span,
  .home-page .ai-node--b span {
    bottom: calc(100% + 0.82rem) !important;
    top: auto !important;
  }

  .home-page .ai-node--a span,
  .home-page .ai-node--c span {
    top: calc(100% + 0.82rem) !important;
    bottom: auto !important;
  }
}