
/* Ensure landing content is visible even if reveal observer misses elements */
.svc-landing-page .fade-in.visible,
.svc-landing-page .fade-in {
  opacity: 1;
  transform: none;
}

/* Service landing — full local styles for published svc pages */

.service-img--ads::before {
  background:
    linear-gradient(135deg, rgba(18, 16, 42, 0.35) 0%, rgba(10, 10, 16, 0.55) 100%),
    url('assets/service-ads.png') center / cover no-repeat;
}

.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  font-size: .82rem;
  font-weight: 500;
  color: var(--text-dim);
}
.breadcrumbs a {
  color: var(--text-muted);
  text-decoration: none;
  transition: color var(--transition);
}
.breadcrumbs a:hover { color: var(--accent-light); }
.breadcrumbs-current { color: var(--text-muted); }

/* ============ SERVICE LANDING PAGES ============ */

.svc-landing-page .hero.page-hero {
  justify-content: center;
  padding: 120px 24px 48px;
}
.svc-landing-page .svc-hero .hero-content,
.svc-landing-page .ind-hero .hero-content {
  max-width: 780px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  text-align: center;
}
.svc-landing-page .breadcrumbs {
  justify-content: center;
}
.svc-landing-page .svc-hero-actions,
.svc-landing-page .ind-hero-actions {
  justify-content: center;
}
.svc-landing-page .section-header,
.svc-landing-page .section-title,
.svc-landing-page .section-desc,
.svc-landing-page .svc-tech-desc {
  text-align: center;
}
.svc-landing-page .svc-split-body .section-title {
  text-align: left;
}
.svc-landing-page .logo-3d-bg {
  left: 50%;
  top: 50%;
  width: min(360px, 36vw);
  height: min(360px, 36vw);
}
.svc-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}
.svc-section--muted {
  position: relative;
  isolation: isolate;
  background:
    linear-gradient(
      180deg,
      rgba(168, 85, 247, 0.10) 0%,
      rgba(124, 58, 237, 0.06) 100%
    ),
    rgba(9, 9, 11, 0.35);
  backdrop-filter: blur(18px) saturate(1.25);
  -webkit-backdrop-filter: blur(18px) saturate(1.25);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    inset 0 -1px 0 rgba(124, 58, 237, 0.12);
}
[data-theme="light"] .svc-section--muted {
  background:
    linear-gradient(
      180deg,
      rgba(168, 85, 247, 0.08) 0%,
      rgba(124, 58, 237, 0.04) 100%
    ),
    rgba(255, 255, 255, 0.45);
  border-top-color: rgba(124, 58, 237, 0.12);
  border-bottom-color: rgba(124, 58, 237, 0.12);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    inset 0 -1px 0 rgba(124, 58, 237, 0.08);
}
.svc-benefits-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 32px;
}
.svc-benefit-card {
  padding: 0;
  overflow: hidden;
}
.svc-benefit-thumb {
  height: 140px;
  overflow: hidden;
  border-bottom: 1px solid var(--border-glass);
  background: #0c0c12;
}
.svc-benefit-thumb img,
.svc-why-thumb img,
.svc-split-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.svc-landing-page .hero-desc {
  margin-left: auto;
  margin-right: auto;
  max-width: 620px;
}
.svc-landing-page .hero-tag {
  margin-left: auto;
  margin-right: auto;
}
.svc-benefit-card:nth-child(1) .svc-benefit-thumb,
.svc-benefit-card:nth-child(2) .svc-benefit-thumb,
.svc-benefit-card:nth-child(3) .svc-benefit-thumb,
.svc-benefit-card:nth-child(4) .svc-benefit-thumb { background-position: unset; }
.svc-benefit-card .svc-benefit-body {
  padding: 22px 24px 24px;
}
.svc-benefit-card h3 {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.35;
}
.svc-benefit-card p {
  font-size: .9rem;
  color: var(--text-muted);
  line-height: 1.65;
}
.svc-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 32px;
}
.svc-step {
  padding: 28px 24px;
  position: relative;
}
.svc-step-num {
  display: block;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .12em;
  color: var(--accent-light);
  margin-bottom: 14px;
}
.svc-step h3 {
  font-size: 1.05rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.svc-step p {
  font-size: .88rem;
  color: var(--text-muted);
  line-height: 1.65;
}
.svc-split {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 40px;
  align-items: center;
}
.svc-split-visual {
  height: 320px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-glass);
  overflow: hidden;
  background: #0c0c12;
}
.svc-feature-list {
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.svc-feature-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  padding-left: 0;
  font-size: .92rem;
  color: var(--text-muted);
  line-height: 1.55;
}
.svc-feature-list li::before {
  content: '';
  position: relative;
  flex-shrink: 0;
  left: auto;
  top: auto;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-radius: 2px;
  background: linear-gradient(145deg, #e9d5ff 0%, #c084fc 38%, #a855f7 62%, #6d28d9 100%);
  box-shadow:
    0 0 10px rgba(168, 85, 247, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.45),
    inset 0 -1px 0 rgba(76, 29, 149, 0.35);
}
.svc-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}
.svc-tag {
  padding: 8px 14px;
  border-radius: 999px;
  font-size: .82rem;
  font-weight: 600;
  color: var(--text);
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(10px) saturate(1.15);
  -webkit-backdrop-filter: blur(10px) saturate(1.15);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.svc-tech-desc {
  margin-top: 12px;
  max-width: 820px;
  line-height: 1.75;
}
.svc-why-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 32px;
}
.svc-why-card {
  padding: 0;
  overflow: hidden;
}
.svc-why-thumb {
  height: 108px;
  overflow: hidden;
  border-bottom: 1px solid var(--border-glass);
  background: #0c0c12;
}
.svc-why-card .svc-why-body {
  padding: 20px 22px 22px;
}
.svc-why-card h3 {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.svc-why-card p {
  font-size: .88rem;
  color: var(--text-muted);
  line-height: 1.65;
}
.svc-related-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}
.svc-related-links a {
  padding: 10px 16px;
  border-radius: 12px;
  font-size: .86rem;
  font-weight: 600;
  color: var(--text-muted);
  background: rgba(168, 85, 247, .08);
  border: 1px solid var(--border-glass);
  text-decoration: none;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.svc-related-links a:hover {
  color: var(--text);
  background: rgba(168, 85, 247, .16);
  border-color: rgba(168, 85, 247, .35);
}
.svc-cases-cta {
  padding: 36px 32px;
  text-align: center;
}
.svc-cases-cta .section-desc { margin: 12px auto 20px; max-width: 560px; }
.svc-faq-list {
  margin-top: 32px;
  max-width: 920px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.svc-landing-page #faq .section-title {
  text-align: center;
}
.svc-landing-page #faq .faq-question {
  width: 100%;
  text-align: left;
}
.svc-page--chatbots #faq .section-title {
  text-align: center;
}
.svc-page--chatbots .svc-faq-list {
  max-width: 920px;
  width: 100%;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
}
.svc-chat-contact-section .section-desc {
  max-width: 620px;
  margin-bottom: 24px;
}
.svc-chat-price-badge {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  margin: 0 auto 32px;
  padding: 18px 36px 20px;
  border-radius: 18px;
  border: 1px solid rgba(168, 85, 247, .38);
  background: linear-gradient(160deg, rgba(168, 85, 247, .14) 0%, rgba(12, 10, 18, .4) 100%);
  box-shadow: 0 8px 32px rgba(124, 58, 237, .12), inset 0 1px 0 rgba(255, 255, 255, .06);
}
.svc-chat-price-label {
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--text-dim);
}
.svc-chat-price-value {
  font-size: clamp(2rem, 4vw, 2.6rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.03em;
  background: linear-gradient(135deg, #f3e8ff 0%, #c084fc 45%, #a855f7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 0 20px rgba(168, 85, 247, .35));
}
.svc-chat-contact-section .contact-glass {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 36px 32px;
  border-radius: var(--radius-lg);
}
.svc-chat-contact-section {
  text-align: center;
}
.svc-chat-contact-section .section-desc {
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
}
.svc-chat-contact-section .contact-form {
  text-align: left;
}
.svc-chat-contact-section .form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.svc-chat-contact-section .contact-form textarea {
  width: 100%;
}
.svc-page--growth .svc-chat-price-value {
  font-size: clamp(1.35rem, 2.6vw, 1.75rem);
  letter-spacing: -0.02em;
  line-height: 1.25;
  max-width: none;
}
.svc-chat-price-value--stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}
.svc-chat-price-value--stack > span {
  display: block;
}
@media (max-width: 640px) {
  .svc-chat-contact-section .form-row {
    grid-template-columns: 1fr;
  }
  .svc-chat-contact-section .contact-glass {
    padding: 28px 20px;
  }
}
.svc-calendly-inner {
  padding: 36px 32px;
  text-align: center;
}
.svc-calendly-placeholder {
  margin-top: 20px;
  padding: 48px 24px;
  border-radius: var(--radius);
  border: 1px dashed var(--border-glass);
  color: var(--text-dim);
  font-size: .9rem;
}
.svc-price-line {
  margin-top: 16px;
  font-size: .95rem;
  color: var(--text-muted);
}
.svc-price-line strong {
  font-size: 1.35rem;
  color: var(--accent-light);
  margin-left: 6px;
}
.svc-pricing-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 28px;
}
.svc-pricing-card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}
.svc-pricing-card:hover {
  transform: translateY(-4px);
  border-color: rgba(168, 85, 247, .4);
  box-shadow: 0 16px 48px rgba(124, 58, 237, .15);
}
.svc-pricing-visual {
  height: 200px;
  overflow: hidden;
  border-bottom: 1px solid var(--border-glass);
}
.svc-pricing-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .5s ease;
}
.svc-pricing-card:hover .svc-pricing-visual img {
  transform: scale(1.04);
}
.svc-pricing-body {
  padding: 26px 28px 30px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.svc-pricing-badge {
  display: inline-block;
  align-self: flex-start;
  margin-bottom: 14px;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--accent-light);
  background: rgba(168, 85, 247, .14);
  border: 1px solid rgba(168, 85, 247, .25);
}
.svc-pricing-from {
  font-size: .85rem;
  color: var(--text-muted);
  margin: 0 0 6px;
}
.svc-pricing-amount {
  font-size: 2.4rem;
  font-weight: 800;
  line-height: 1.1;
  margin: 0 0 10px;
  letter-spacing: -0.02em;
  color: var(--text);
}
.svc-pricing-amount span {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-muted);
  margin-left: 4px;
}
.svc-pricing-budget {
  margin: 0 0 16px;
  font-size: .92rem;
  font-weight: 600;
  color: var(--accent-light);
}
.svc-pricing-copy {
  margin: 0;
  font-size: .9rem;
  line-height: 1.65;
  color: var(--text-muted);
}
.svc-pricing-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: auto;
  padding-top: 22px;
}
.svc-pricing-actions .btn {
  flex: 1 1 calc(50% - 5px);
  min-width: 118px;
  justify-content: center;
  text-align: center;
}
@media (max-width: 768px) {
  .svc-pricing-grid { grid-template-columns: 1fr; }
  .svc-pricing-amount { font-size: 2rem; }
  .svc-pricing-visual { height: 180px; }
}
.svc-sticky-cta {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 12px 12px 20px;
  border-radius: 999px;
  background: rgba(10, 10, 14, 0.92);
  border: 1px solid var(--border-glass);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
  pointer-events: none;
}
.svc-sticky-cta.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
.svc-sticky-cta p {
  font-size: .84rem;
  font-weight: 600;
  color: var(--text-muted);
  margin: 0;
  white-space: nowrap;
}
.services-hub-categories { display: flex; flex-direction: column; gap: 48px; }
.services-category-title {
  font-size: 1.1rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--accent-light);
  margin-bottom: 20px;
}
.services-grid--hub {
  grid-template-columns: repeat(3, 1fr);
}
.service-card-premium .service-body { padding: 24px 26px 26px; }
.service-card-premium h3 {
  font-size: 1.15rem;
  font-weight: 800;
  margin-bottom: 10px;
  letter-spacing: -.02em;
}
.service-card-premium > .service-body > p {
  font-size: .88rem;
  color: var(--text-muted);
  line-height: 1.6;
  margin-bottom: 14px;
}
.service-card-benefits {
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 0 0 auto;
}
.nav-dropdown-menu--scroll {
  max-height: min(70vh, 420px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.service-img--automation::before {
  background:
    linear-gradient(135deg, rgba(30, 20, 50, 0.35) 0%, rgba(12, 10, 18, 0.55) 100%),
    url('assets/service-automation.png') center / cover no-repeat;
}
.service-img--workflow::before {
  background:
    linear-gradient(135deg, rgba(18, 28, 48, 0.35) 0%, rgba(10, 12, 18, 0.55) 100%),
    url('assets/service-workflow.png') center / cover no-repeat;
}
.service-img--ai::before {
  background:
    linear-gradient(135deg, rgba(24, 16, 44, 0.35) 0%, rgba(8, 10, 16, 0.55) 100%),
    url('assets/service-ai.png') center / cover no-repeat;
}
.service-img--consulting::before {
  background:
    linear-gradient(135deg, rgba(20, 24, 42, 0.35) 0%, rgba(10, 12, 18, 0.55) 100%),
    url('assets/service-consulting.png') center / cover no-repeat;
}
.service-img--software::before {
  background:
    linear-gradient(135deg, rgba(16, 22, 38, 0.35) 0%, rgba(8, 10, 14, 0.55) 100%),
    url('assets/service-software.png') center / cover no-repeat;
}
.service-img--ads::before {
  background:
    linear-gradient(135deg, rgba(18, 16, 42, 0.35) 0%, rgba(10, 10, 16, 0.55) 100%),
    url('assets/service-ads.png') center / cover no-repeat;
}
.service-img--seo::before {
  background:
    linear-gradient(135deg, rgba(14, 26, 36, 0.35) 0%, rgba(8, 10, 14, 0.55) 100%),
    url('assets/service-seo.png') center / cover no-repeat;
}
.service-img--geo::before {
  background:
    linear-gradient(135deg, rgba(22, 18, 40, 0.35) 0%, rgba(8, 10, 16, 0.55) 100%),
    url('assets/service-geo.png') center / cover no-repeat;
}
.service-img--marketing::before {
  background:
    linear-gradient(135deg, rgba(28, 14, 36, 0.35) 0%, rgba(10, 8, 14, 0.55) 100%),
    url('assets/service-marketing.png') center / cover no-repeat;
}

@media (max-width: 1024px) {
  .services-grid--hub { grid-template-columns: repeat(2, 1fr); }
  .svc-steps, .svc-why-grid { grid-template-columns: 1fr; }
  .svc-split { grid-template-columns: 1fr; }
  .svc-split-visual { height: 220px; }
}
@media (max-width: 768px) {
  .services-grid--hub { grid-template-columns: 1fr; }
  .svc-benefits-grid { grid-template-columns: 1fr; }
  .svc-sticky-cta {
    left: 16px;
    right: 16px;
    bottom: 16px;
    border-radius: 16px;
    flex-direction: column;
    align-items: stretch;
    text-align: center;
    padding: 14px 16px;
  }
  .svc-sticky-cta p { white-space: normal; }
}

/* ============ RICH CHATBOT SERVICE PAGE ============ */
.svc-page--chatbots .hero.page-hero .hero-desc {
  margin-bottom: 28px;
}
.svc-page--chatbots .section-header {
  margin-bottom: 8px;
}
.svc-page--chatbots .section-desc {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  max-width: 680px;
}
.svc-page--chatbots .section-tag {
  display: inline-block;
  margin-bottom: 14px;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .14em;
  color: var(--accent-light);
}
.svc-chat-hero-pills {
  list-style: none;
  margin: 0 auto 32px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  max-width: 720px;
}
.svc-chat-section {
  padding-top: 88px;
  padding-bottom: 88px;
}
.svc-chat-hero-pills li {
  padding: 8px 14px;
  border-radius: 50px;
  font-size: .82rem;
  font-weight: 500;
  color: var(--text-muted);
  background: rgba(168, 85, 247, .1);
  border: 1px solid rgba(168, 85, 247, .28);
}
.svc-chat-bento {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 12px;
}
.svc-growth-bento {
  grid-template-columns: 1fr 1fr;
}
.svc-growth-bento .svc-chat-type--featured,
.svc-growth-seo-grid .svc-chat-type--featured {
  grid-column: auto !important;
}
.svc-growth-seo-grid {
  grid-template-columns: repeat(2, 1fr);
}
.svc-landing-page .svc-steps:has(> :nth-child(4)) {
  grid-template-columns: repeat(4, 1fr);
}
.svc-chat-type {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}
.svc-chat-type:hover {
  transform: translateY(-4px);
  border-color: rgba(168, 85, 247, .4);
  box-shadow: 0 16px 48px rgba(124, 58, 237, .15);
}
.svc-chat-type--featured { grid-column: span 2; }
.svc-chat-type--wide { grid-column: span 3; }
.svc-chat-type-img {
  flex-shrink: 0;
  height: 200px;
  overflow: hidden;
  border-bottom: 1px solid var(--border-glass);
}
.svc-chat-type-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
  transition: transform .5s ease;
}
.svc-chat-type-img--training img {
  object-position: center 42%;
}
.svc-chat-type-img--portal img {
  object-position: center 38%;
}
.svc-chat-type:hover .svc-chat-type-img img { transform: scale(1.05); }
.svc-chat-type-body { padding: 22px 24px 26px; }
.svc-chat-type-tag {
  display: inline-block;
  margin-bottom: 10px;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--accent-light);
  background: rgba(168, 85, 247, .14);
  border: 1px solid rgba(168, 85, 247, .25);
}
.svc-chat-type-body h3 {
  font-size: 1.05rem;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.35;
}
.svc-chat-type-body p {
  font-size: .88rem;
  color: var(--text-muted);
  line-height: 1.65;
}
.svc-chat-audience {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 12px;
}
.svc-chat-audience-card {
  padding: 32px 28px;
  position: relative;
  overflow: hidden;
}
.svc-chat-section--outlined .svc-chat-audience-card {
  background: transparent;
  border: 1px solid rgba(168, 85, 247, .32);
  border-radius: var(--radius-lg);
  box-shadow: none;
  transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}
.svc-chat-section--outlined .svc-chat-audience-card::before {
  display: none;
}
.svc-chat-section--outlined .svc-chat-audience-card:hover {
  border-color: rgba(192, 132, 252, .55);
  box-shadow: 0 0 24px rgba(124, 58, 237, .12);
  transform: translateY(-2px);
}
.svc-chat-section--outlined .svc-step {
  background: transparent;
  border: 1px solid rgba(168, 85, 247, .32);
  border-radius: var(--radius-lg);
  box-shadow: none;
  transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}
.svc-chat-section--outlined .svc-step:hover {
  border-color: rgba(192, 132, 252, .55);
  box-shadow: 0 0 24px rgba(124, 58, 237, .12);
  transform: translateY(-2px);
}
.svc-chat-section--outlined .svc-steps {
  margin-top: 12px;
}
.svc-chat-audience-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--accent), var(--accent-light));
  opacity: .85;
}
.svc-chat-audience-num {
  display: block;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .12em;
  color: var(--accent-light);
  margin-bottom: 12px;
}
.svc-chat-audience-label {
  display: block;
  font-size: .78rem;
  font-weight: 600;
  color: var(--text-dim);
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.svc-chat-audience-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 12px;
  line-height: 1.35;
}
.svc-chat-audience-card p {
  font-size: .9rem;
  color: var(--text-muted);
  line-height: 1.65;
}
.svc-chat-engine {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 12px;
}
.svc-chat-engine-card {
  padding: 36px 28px 32px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.svc-chat-engine-card::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 50% 0%, rgba(168, 85, 247, .12) 0%, transparent 65%);
  pointer-events: none;
}
.svc-chat-engine-icon {
  width: 52px;
  height: 52px;
  margin: 0 auto 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.svc-chat-engine-icon svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 0 14px rgba(192, 132, 252, .5));
}
.svc-chat-engine-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 12px;
  line-height: 1.35;
  position: relative;
}
.svc-chat-engine-card p {
  font-size: .9rem;
  color: var(--text-muted);
  line-height: 1.65;
  position: relative;
}
.svc-chat-int-split {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 40px;
  align-items: center;
}
.svc-chat-int-visual {
  overflow: hidden;
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-glass);
}
.svc-chat-int-visual img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}
.svc-chat-int-body .section-title,
.svc-chat-int-body .section-desc { text-align: left; margin-left: 0; }
.svc-chat-int-list {
  list-style: none;
  margin: 32px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.svc-chat-int-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 3.75rem;
  padding: 12px 14px;
  border-radius: 12px;
  font-size: .86rem;
  font-weight: 500;
  line-height: 1.45;
  color: var(--text-muted);
  background: rgba(168, 85, 247, .08);
  border: 1px solid var(--border-glass);
  box-sizing: border-box;
}
.svc-chat-int-list li::before {
  content: '';
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--accent-light);
  box-shadow: 0 0 8px rgba(192, 132, 252, .6);
}
.svc-chat-cap-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: 12px;
}
.svc-chat-cap-item {
  padding: 20px 18px;
  text-align: center;
  font-size: .88rem;
  font-weight: 600;
  line-height: 1.45;
  color: var(--text);
  border-radius: var(--radius);
  transition: transform .25s ease, border-color .25s ease;
}
.svc-chat-cap-item:hover {
  transform: translateY(-2px);
  border-color: rgba(168, 85, 247, .35);
}
.svc-chat-tech-section {
  padding-bottom: 72px;
  overflow: hidden;
}
.svc-chat-tech-desc {
  margin-bottom: 28px;
}
.svc-tech-marquee-wrap {
  position: relative;
  width: 100%;
  margin-top: 8px;
  mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
}
.svc-tech-marquee {
  overflow: hidden;
  width: 100%;
}
.svc-tech-marquee-track {
  display: flex;
  width: max-content;
  animation: svc-tech-marquee-scroll 52s linear infinite;
}
.svc-tech-marquee:hover .svc-tech-marquee-track {
  animation-play-state: paused;
}
.svc-tech-marquee-group {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-right: 14px;
}
.svc-tech-logo-pill {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  width: max-content;
  height: 64px;
  padding: 0 18px;
  border-radius: 14px;
  background: rgba(168, 85, 247, .06);
  border: 1px solid rgba(168, 85, 247, .22);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
  transition: border-color .25s ease, background .25s ease, transform .25s ease;
}
.svc-tech-logo-pill:hover {
  border-color: rgba(192, 132, 252, .45);
  background: rgba(168, 85, 247, .11);
  transform: translateY(-2px);
}
.svc-tech-logo-pill img {
  display: block;
  width: auto;
  height: 30px;
  max-width: none;
  margin: 0 auto;
  object-fit: contain;
  object-position: center;
}
@keyframes svc-tech-marquee-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .svc-tech-marquee-track {
    animation: none;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    gap: 12px;
    padding: 0 24px;
    box-sizing: border-box;
  }
  .svc-tech-marquee-group[aria-hidden="true"] {
    display: none;
  }
  .svc-tech-marquee-group {
    flex-wrap: wrap;
    justify-content: center;
    padding-right: 0;
    gap: 12px;
  }
  .svc-tech-marquee-wrap {
    mask-image: none;
    -webkit-mask-image: none;
  }
}
.svc-chat-why-section {
  padding-top: 88px;
  padding-bottom: 88px;
}
.svc-chat-why-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 12px;
}
.svc-chat-why-card {
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding: 28px 26px 30px;
  border-radius: var(--radius-lg);
  border: 1px solid rgba(168, 85, 247, .28);
  background: linear-gradient(165deg, rgba(168, 85, 247, .06) 0%, transparent 55%);
  transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}
.svc-chat-why-card:hover {
  border-color: rgba(192, 132, 252, .5);
  box-shadow: 0 12px 40px rgba(124, 58, 237, .14);
  transform: translateY(-3px);
}
.svc-chat-why-icon {
  width: 52px;
  height: 52px;
  flex-shrink: 0;
}
.svc-chat-why-icon svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 0 14px rgba(192, 132, 252, .45));
}
.svc-chat-why-body h3 {
  font-size: 1.08rem;
  font-weight: 700;
  margin-bottom: 12px;
  line-height: 1.35;
  letter-spacing: -.01em;
}
.svc-chat-why-body p {
  font-size: .9rem;
  color: var(--text-muted);
  line-height: 1.7;
}
@media (max-width: 1024px) {
  .svc-chat-why-grid { grid-template-columns: 1fr; }
}
.svc-chat-discovery-section {
  padding-top: 72px;
  padding-bottom: 88px;
}
.svc-chat-discovery-grid {
  display: grid;
  grid-template-columns: 1.08fr 1fr;
  gap: 40px;
  align-items: start;
}
.svc-chat-discovery-header {
  text-align: left;
  margin-bottom: 4px;
}
.svc-page--chatbots .svc-chat-discovery-header .section-title,
.svc-page--chatbots .svc-chat-discovery-header .section-desc {
  text-align: left;
  margin-left: 0;
  margin-right: 0;
}
.svc-chat-discovery-header .section-desc {
  margin-bottom: 22px;
  max-width: 420px;
}
.svc-industries-links--rich {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 0;
}
.svc-ind-chip {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 14px;
  text-decoration: none;
  color: var(--text);
  background: linear-gradient(145deg, rgba(168, 85, 247, .07) 0%, transparent 70%);
  border: 1px solid rgba(168, 85, 247, .26);
  transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.svc-ind-chip:hover {
  border-color: rgba(192, 132, 252, .5);
  background: rgba(168, 85, 247, .12);
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(124, 58, 237, .12);
}
.svc-ind-chip-icon {
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-size: 1.15rem;
  background: rgba(168, 85, 247, .14);
  border: 1px solid rgba(168, 85, 247, .22);
}
.svc-ind-chip-text {
  flex: 1;
  font-size: .88rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--text);
}
.svc-ind-chip-arrow {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  color: var(--accent-light);
  opacity: .5;
  transition: opacity .2s ease, transform .2s ease;
}
.svc-ind-chip:hover .svc-ind-chip-arrow {
  opacity: 1;
  transform: translateX(3px);
}
.svc-related-links--rich {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 0;
}
.svc-related-card {
  display: flex;
  align-items: stretch;
  overflow: hidden;
  border-radius: var(--radius-lg);
  text-decoration: none;
  color: inherit;
  background: linear-gradient(145deg, rgba(168, 85, 247, .06) 0%, transparent 65%);
  border: 1px solid rgba(168, 85, 247, .28);
  transition: border-color .3s ease, transform .3s ease, box-shadow .3s ease;
}
.svc-related-card:hover {
  border-color: rgba(192, 132, 252, .5);
  transform: translateY(-3px);
  box-shadow: 0 14px 36px rgba(124, 58, 237, .14);
}
.svc-related-card-visual.service-img {
  width: 108px;
  min-height: 108px;
  height: auto;
  flex-shrink: 0;
  border-bottom: none;
  border-right: 1px solid var(--border-glass);
}
.svc-related-card-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  padding: 18px 20px;
  min-width: 0;
}
.svc-related-card-body h3 {
  font-size: .98rem;
  font-weight: 700;
  line-height: 1.35;
  margin: 0;
}
.svc-related-card-body p {
  font-size: .8rem;
  color: var(--text-muted);
  line-height: 1.5;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.svc-related-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--accent-light);
}
.svc-related-card-cta svg {
  width: 14px;
  height: 14px;
  transition: transform .2s ease;
}
.svc-related-card:hover .svc-related-card-cta svg {
  transform: translateX(4px);
}
@media (max-width: 1024px) {
  .svc-chat-discovery-grid {
    grid-template-columns: 1fr;
    gap: 56px;
  }
}
@media (max-width: 560px) {
  .svc-industries-links--rich {
    grid-template-columns: 1fr;
  }
}
.svc-chat-cases-section {
  padding-top: 72px;
  padding-bottom: 88px;
  overflow: hidden;
}
.svc-chat-cases-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 28px;
}
.svc-chat-cases-intro {
  text-align: left;
  margin-bottom: 0;
  flex: 1;
}
.svc-page--chatbots .svc-chat-cases-intro .section-title,
.svc-page--chatbots .svc-chat-cases-intro .section-desc {
  text-align: left;
  margin-left: 0;
  margin-right: 0;
}
.svc-chat-cases-intro .section-desc {
  margin-bottom: 0;
  max-width: 560px;
}
.svc-chat-cases-all {
  flex-shrink: 0;
  white-space: nowrap;
}
.svc-cases-carousel-outer {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 0 8px;
}
.svc-cases-carousel-viewport {
  flex: 1;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x proximity;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 4px 0 20px;
  mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%);
}
.svc-cases-carousel-viewport::-webkit-scrollbar {
  display: none;
}
.svc-cases-carousel-track {
  display: flex;
  gap: 20px;
  width: max-content;
  padding: 0 max(24px, calc((100vw - var(--max-w)) / 2 + 24px));
  box-sizing: border-box;
}
.svc-cases-carousel-card {
  flex: 0 0 clamp(280px, 30vw, 360px);
  scroll-snap-align: start;
  text-decoration: none;
}
.svc-cases-carousel-card .case-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.svc-cases-carousel-card .case-img {
  height: 156px;
}
.svc-cases-carousel-card .case-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 20px 22px 22px;
}
.svc-cases-carousel-card .case-body p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.svc-cases-carousel-btn {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(168, 85, 247, .35);
  background: rgba(12, 10, 18, .85);
  color: var(--accent-light);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease, transform .2s ease, opacity .2s ease;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .35);
  z-index: 2;
}
.svc-cases-carousel-btn svg {
  width: 20px;
  height: 20px;
}
.svc-cases-carousel-btn:hover:not(:disabled) {
  border-color: rgba(192, 132, 252, .6);
  background: rgba(168, 85, 247, .2);
  transform: scale(1.05);
}
.svc-cases-carousel-btn:disabled {
  opacity: .35;
  cursor: not-allowed;
}
@media (max-width: 768px) {
  .svc-chat-cases-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .svc-cases-carousel-btn {
    display: none;
  }
  .svc-cases-carousel-track {
    padding: 0 20px;
  }
  .svc-cases-carousel-card {
    flex-basis: min(300px, 82vw);
  }
}
@media (max-width: 1024px) {
  .svc-chat-bento { grid-template-columns: repeat(2, 1fr); }
  .svc-growth-bento,
  .svc-growth-seo-grid { grid-template-columns: 1fr 1fr; }
  .svc-landing-page .svc-steps:has(> :nth-child(4)) { grid-template-columns: 1fr 1fr; }
  .svc-chat-type--featured,
  .svc-chat-type--wide { grid-column: span 2; }
  .svc-growth-bento .svc-chat-type--featured,
  .svc-growth-seo-grid .svc-chat-type--featured,
  .svc-growth-bento .svc-chat-type--wide,
  .svc-growth-seo-grid .svc-chat-type--wide { grid-column: auto; }
  .svc-chat-engine { grid-template-columns: 1fr; }
  .svc-chat-audience { grid-template-columns: 1fr; }
  .svc-chat-int-split { grid-template-columns: 1fr; }
  .svc-chat-cap-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .svc-chat-bento { grid-template-columns: 1fr; }
  .svc-growth-bento { grid-template-columns: 1fr; }
  .svc-landing-page .svc-steps:has(> :nth-child(4)) { grid-template-columns: 1fr; }
  .svc-chat-type--featured,
  .svc-chat-type--wide { grid-column: span 1; }
  .svc-chat-type-img { height: 200px; }
  .svc-chat-int-list { grid-template-columns: 1fr; }
  .svc-chat-cap-grid { grid-template-columns: 1fr; }
  .svc-chat-hero-pills { flex-direction: column; align-items: center; }
}

/* ============ INDUSTRIES ============ */
.ind-hero .hero-content { text-align: left; max-width: 820px; }
.ind-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.ind-section--muted {
  position: relative;
  isolation: isolate;
  background:
    linear-gradient(
      180deg,
      rgba(168, 85, 247, 0.10) 0%,
      rgba(124, 58, 237, 0.06) 100%
    ),
    rgba(9, 9, 11, 0.35);
  backdrop-filter: blur(18px) saturate(1.25);
  -webkit-backdrop-filter: blur(18px) saturate(1.25);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    inset 0 -1px 0 rgba(124, 58, 237, 0.12);
}
[data-theme="light"] .ind-section--muted {
  background:
    linear-gradient(
      180deg,
      rgba(168, 85, 247, 0.08) 0%,
      rgba(124, 58, 237, 0.04) 100%
    ),
    rgba(255, 255, 255, 0.45);
  border-top-color: rgba(124, 58, 237, 0.12);
  border-bottom-color: rgba(124, 58, 237, 0.12);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    inset 0 -1px 0 rgba(124, 58, 237, 0.08);
}
.ind-challenges-grid, .ind-benefits-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 28px;
}
.ind-challenge-card, .ind-benefit-card { padding: 24px 26px; }
.ind-challenge-card h3, .ind-benefit-card h3 {
  font-size: 1rem; font-weight: 700; margin-bottom: 10px; line-height: 1.35;
}
.ind-challenge-card p, .ind-benefit-card p {
  font-size: .9rem; color: var(--text-muted); line-height: 1.65;
}
.ind-split {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 40px;
  align-items: center;
}
.ind-split-visual {
  height: 300px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-glass);
}
.ind-solution-list {
  list-style: none; margin: 20px 0 0; padding: 0;
  display: flex; flex-direction: column; gap: 12px;
}
.ind-solution-list li {
  position: relative; padding-left: 22px;
  font-size: .92rem; color: var(--text-muted); line-height: 1.55;
}
.ind-solution-list li::before {
  content: ''; position: absolute; left: 0; top: .55em;
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--accent); box-shadow: 0 0 10px rgba(168,85,247,.45);
}
.ind-service-links {
  display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px;
}
.ind-service-links a {
  padding: 10px 16px; border-radius: 12px;
  font-size: .86rem; font-weight: 600; color: var(--text-muted);
  background: rgba(168,85,247,.08); border: 1px solid var(--border-glass);
  text-decoration: none; transition: background .2s, color .2s, border-color .2s;
}
.ind-service-links a:hover {
  color: var(--text); background: rgba(168,85,247,.16);
  border-color: rgba(168,85,247,.35);
}
.ind-auto-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 24px;
}
.ind-auto-card { padding: 20px 22px; }
.ind-auto-card p { font-size: .88rem; color: var(--text-muted); line-height: 1.55; margin: 0; }
.ind-roi-desc, .ind-tech-desc { margin-top: 12px; max-width: 820px; line-height: 1.75; }
.ind-cases-cta { padding: 36px 32px; text-align: center; }
.ind-faq-list {
  margin-top: 32px;
  max-width: 920px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.ind-landing-page #faq .section-title,
.ind-section #faq .section-title {
  text-align: center;
}
.ind-calendly-inner { padding: 36px 32px; text-align: center; }
.ind-calendly-placeholder {
  margin-top: 20px; padding: 48px 24px; border-radius: var(--radius);
  border: 1px dashed var(--border-glass); color: var(--text-dim); font-size: .9rem;
}
.ind-sticky-cta {
  position: fixed; bottom: 24px; right: 24px; z-index: 9999;
  display: flex; align-items: center; gap: 14px;
  padding: 12px 12px 12px 20px; border-radius: 999px;
  background: rgba(10,10,14,.92); border: 1px solid var(--border-glass);
  box-shadow: 0 12px 40px rgba(0,0,0,.4);
  backdrop-filter: blur(16px); opacity: 0; visibility: hidden;
  transform: translateY(12px); transition: opacity .25s, transform .25s, visibility .25s;
  pointer-events: none;
}
.ind-sticky-cta.is-visible {
  opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto;
}
.ind-sticky-cta p { font-size: .84rem; font-weight: 600; color: var(--text-muted); margin: 0; white-space: nowrap; }
.industries-hub-categories { display: flex; flex-direction: column; gap: 48px; }
.industries-category-title {
  font-size: 1.1rem; font-weight: 800; letter-spacing: .06em;
  text-transform: uppercase; color: var(--accent-light); margin-bottom: 20px;
}
.industries-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; align-items: stretch; }
.industries-grid--hub { grid-template-columns: repeat(3, 1fr); }
.industry-card-link { display: flex; flex-direction: column; height: 100%; text-decoration: none; color: inherit; border-radius: var(--radius); }
.industry-card { overflow: hidden; display: flex; flex-direction: column; height: 100%; padding: 0; text-align: left; transition: transform var(--transition), box-shadow var(--transition); }
.industry-card-link:hover .industry-card { transform: translateY(-4px); }
.industry-card-link:hover .ind-img::before { transform: scale(1.04); }
.ind-img {
  height: 168px; position: relative; overflow: hidden; flex-shrink: 0;
  border-bottom: 1px solid var(--border-glass); background: #0a0810;
}
.ind-img::before {
  content: ''; position: absolute; inset: 0; opacity: .92;
  transition: transform .5s ease;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.ind-img::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(8,8,12,.88) 0%, rgba(8,8,12,.15) 55%, transparent 100%);
  pointer-events: none;
}
.industry-card-body { padding: 22px 24px 0; display: flex; flex-direction: column; flex: 1; min-height: 0; }
.industry-card-body h3 { font-size: 1.1rem; font-weight: 800; margin-bottom: 10px; }
.industry-card-desc { font-size: .86rem; color: var(--text-muted); line-height: 1.55; margin-bottom: 12px; }
.industry-card-pain, .industry-card-sol {
  font-size: .8rem; color: var(--text-dim); line-height: 1.45; margin-bottom: 8px;
}
.industry-card-footer {
  display: flex; align-items: center; justify-content: flex-start;
  margin-top: auto; padding: 20px 24px 24px;
  border-top: 1px solid var(--border-glass);
}
.industry-card-cta {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 42px; height: 42px; padding: 0 24px;
  font-size: .85rem; font-weight: 600; line-height: 1.2;
  white-space: nowrap; pointer-events: none; flex: 0 0 auto;
}
.ind-img--healthcare::before {
  background:
    linear-gradient(135deg, rgba(20,40,50,.42) 0%, rgba(10,12,18,.62) 100%),
    url('/assets/industries/healthcare.png') center / cover no-repeat;
}
.ind-img--dental::before {
  background:
    linear-gradient(135deg, rgba(24,32,48,.42) 0%, rgba(10,12,18,.62) 100%),
    url('/assets/industries/dental.png') center / cover no-repeat;
}
.ind-img--medical::before {
  background:
    linear-gradient(135deg, rgba(18,36,44,.42) 0%, rgba(8,10,14,.62) 100%),
    url('/assets/industries/medical.png') center / cover no-repeat;
}
.ind-img--hospital::before {
  background:
    linear-gradient(135deg, rgba(22,28,42,.42) 0%, rgba(8,10,16,.62) 100%),
    url('/assets/industries/hospital.png') center / cover no-repeat;
}
.ind-img--veterinary::before {
  background:
    linear-gradient(135deg, rgba(28,24,18,.42) 0%, rgba(10,10,14,.62) 100%),
    url('/assets/industries/veterinary.png') center / cover no-repeat;
}
.ind-img--manufacturing::before {
  background:
    linear-gradient(135deg, rgba(30,24,18,.42) 0%, rgba(10,10,14,.62) 100%),
    url('/assets/industries/manufacturing.png') center / cover no-repeat;
}
.ind-img--logistics::before {
  background:
    linear-gradient(135deg, rgba(18,28,42,.42) 0%, rgba(8,10,14,.62) 100%),
    url('/assets/industries/logistics.png') center / cover no-repeat;
}
.ind-img--construction::before {
  background:
    linear-gradient(135deg, rgba(32,28,20,.42) 0%, rgba(10,10,14,.62) 100%),
    url('/assets/industries/construction.png') center / cover no-repeat;
}
.ind-img--realestate::before {
  background:
    linear-gradient(135deg, rgba(24,20,36,.42) 0%, rgba(8,10,14,.62) 100%),
    url('/assets/industries/realestate.png') center / cover no-repeat;
}
.ind-img--legal::before {
  background:
    linear-gradient(135deg, rgba(20,20,32,.42) 0%, rgba(8,10,14,.62) 100%),
    url('/assets/industries/legal.png') center / cover no-repeat;
}
.ind-img--finance::before {
  background:
    linear-gradient(135deg, rgba(16,28,24,.42) 0%, rgba(8,10,14,.62) 100%),
    url('/assets/industries/finance.png') center / cover no-repeat;
}
.ind-img--insurance::before {
  background:
    linear-gradient(135deg, rgba(20,24,36,.42) 0%, rgba(8,10,14,.62) 100%),
    url('/assets/industries/insurance.png') center / cover no-repeat;
}
.ind-img--retail::before {
  background:
    linear-gradient(135deg, rgba(28,18,32,.42) 0%, rgba(8,10,14,.62) 100%),
    url('/assets/industries/retail.png') center / cover no-repeat;
}
.ind-img--hospitality::before {
  background:
    linear-gradient(135deg, rgba(24,18,36,.42) 0%, rgba(8,10,14,.62) 100%),
    url('/assets/industries/hospitality.png') center / cover no-repeat;
}
.ind-img--restaurant::before {
  background:
    linear-gradient(135deg, rgba(32,18,20,.42) 0%, rgba(8,10,14,.62) 100%),
    url('/assets/industries/restaurant.png') center / cover no-repeat;
}
.ind-img--automotive::before {
  background:
    linear-gradient(135deg, rgba(18,22,32,.42) 0%, rgba(8,10,14,.62) 100%),
    url('/assets/industries/automotive.png') center / cover no-repeat;
}
.ind-img--education::before {
  background:
    linear-gradient(135deg, rgba(20,24,40,.42) 0%, rgba(8,10,14,.62) 100%),
    url('/assets/industries/education.png') center / cover no-repeat;
}
.ind-img--recruitment::before {
  background:
    linear-gradient(135deg, rgba(22,20,36,.42) 0%, rgba(8,10,14,.62) 100%),
    url('/assets/industries/recruitment.png') center / cover no-repeat;
}
.ind-img--marketing::before {
  background:
    linear-gradient(135deg, rgba(28,14,36,.42) 0%, rgba(8,10,14,.62) 100%),
    url('/assets/industries/marketing.png') center / cover no-repeat;
}
.ind-img--saas::before {
  background:
    linear-gradient(135deg, rgba(16,24,40,.42) 0%, rgba(8,10,14,.62) 100%),
    url('/assets/industries/saas.png') center / cover no-repeat;
}
.ind-img--it::before {
  background:
    linear-gradient(135deg, rgba(14,20,36,.42) 0%, rgba(8,10,14,.62) 100%),
    url('/assets/industries/it.png') center / cover no-repeat;
}
.ind-img--professional::before {
  background:
    linear-gradient(135deg, rgba(20,22,34,.42) 0%, rgba(8,10,14,.62) 100%),
    url('/assets/industries/professional.png') center / cover no-repeat;
}
.svc-industries-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.svc-industries-links a {
  padding: 10px 16px; border-radius: 12px; font-size: .86rem; font-weight: 600;
  color: var(--text-muted); background: rgba(168,85,247,.08);
  border: 1px solid var(--border-glass); text-decoration: none;
}
.svc-industries-links a:hover { color: var(--text); background: rgba(168,85,247,.16); }
@media (max-width: 1024px) {
  .industries-grid, .industries-grid--hub { grid-template-columns: repeat(2, 1fr); }
  .ind-auto-grid { grid-template-columns: repeat(2, 1fr); }
  .ind-split { grid-template-columns: 1fr; }
  .ind-split-visual { height: 220px; }
}
@media (max-width: 768px) {
  .industries-grid, .industries-grid--hub, .ind-challenges-grid, .ind-benefits-grid, .ind-auto-grid { grid-template-columns: 1fr; }
  .ind-sticky-cta {
    left: 16px; right: 16px; bottom: 16px; border-radius: 16px;
    flex-direction: column; align-items: stretch; text-align: center; padding: 14px 16px;
  }
  .ind-sticky-cta p { white-space: normal; }
}

/* ============ GOOGLE ADS & SEO PAGE LAYOUT ============ */
.svc-page--growth .main-content {
  position: relative;
  z-index: 1;
}
.svc-page--growth .logo-3d-bg {
  left: 82%;
  top: 18%;
  width: min(280px, 22vw);
  height: min(280px, 22vw);
  opacity: 0.22;
}
.svc-page--growth .section-header {
  margin-bottom: 12px;
}
.svc-page--growth .section-desc {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.75;
}
.svc-page--growth .svc-chat-section {
  padding-top: 96px;
  padding-bottom: 96px;
}
.svc-page--growth .svc-chat-bento,
.svc-page--growth .svc-benefits-grid,
.svc-page--growth .svc-pricing-grid,
.svc-page--growth .svc-steps,
.svc-page--growth .svc-why-grid {
  margin-top: 40px;
  gap: 24px;
}
.svc-page--growth .svc-growth-bento {
  grid-template-columns: 1fr 1fr;
}
.svc-page--growth .svc-growth-bento .svc-chat-type,
.svc-page--growth .svc-growth-seo-grid .svc-chat-type {
  grid-column: auto;
}
.svc-page--growth .svc-growth-seo-grid {
  grid-template-columns: repeat(2, 1fr);
}
.svc-page--growth .svc-chat-type {
  min-height: 0;
  height: 100%;
}
.svc-page--growth .svc-chat-type-img {
  height: 220px;
}
.svc-page--growth .svc-chat-type-body {
  padding: 24px 26px 28px;
  flex: 1;
}
.svc-page--growth .svc-chat-type-body h3 {
  font-size: 1.08rem;
  line-height: 1.4;
}
.svc-page--growth .svc-chat-type-body p {
  font-size: .9rem;
  line-height: 1.7;
}
.svc-page--growth .svc-benefit-thumb {
  height: 180px;
}
.svc-page--growth .svc-benefit-card .svc-benefit-body {
  padding: 24px 26px 28px;
}
.svc-page--growth .svc-benefit-card h3 {
  font-size: 1.05rem;
  line-height: 1.4;
}
.svc-page--growth .svc-benefit-card p {
  font-size: .9rem;
  line-height: 1.7;
}
.svc-page--growth .svc-steps:has(> :nth-child(4)) {
  grid-template-columns: repeat(2, 1fr);
}
.svc-page--growth .svc-step {
  padding: 28px 26px;
  min-height: 100%;
}
.svc-page--growth .svc-step h3 {
  font-size: 1.05rem;
  line-height: 1.4;
  margin-bottom: 10px;
}
.svc-page--growth .svc-step p {
  font-size: .9rem;
  line-height: 1.7;
}
.svc-page--growth .svc-split {
  align-items: center;
  gap: 40px;
}
.svc-page--growth .svc-split-visual {
  height: 320px;
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.svc-page--growth .svc-feature-list {
  display: grid;
  gap: 12px;
}
.svc-page--growth .svc-pricing-visual {
  height: 200px;
}
.svc-page--growth .svc-pricing-body {
  padding: 28px 28px 32px;
}
.svc-page--growth .svc-pricing-amount {
  font-size: 2.5rem;
}
.svc-page--growth .svc-why-thumb {
  height: 160px;
  overflow: hidden;
}
.svc-page--growth .svc-why-body {
  padding: 22px 24px 26px;
}
.svc-page--growth .svc-why-body h3 {
  font-size: 1.05rem;
  line-height: 1.4;
  margin-bottom: 10px;
}
.svc-page--growth .svc-why-body p {
  font-size: .9rem;
  line-height: 1.7;
  color: var(--text-muted);
}
@media (max-width: 1024px) {
  .svc-page--growth .logo-3d-bg {
    opacity: 0.12;
    left: 50%;
    top: 12%;
  }
  .svc-page--growth .svc-growth-bento,
  .svc-page--growth .svc-growth-seo-grid,
  .svc-page--growth .svc-benefits-grid,
  .svc-page--growth .svc-pricing-grid {
    grid-template-columns: 1fr 1fr;
  }
  .svc-page--growth .svc-steps:has(> :nth-child(4)) {
    grid-template-columns: 1fr 1fr;
  }
  .svc-page--growth .svc-split {
    grid-template-columns: 1fr;
  }
  .svc-page--growth .svc-split-visual {
    height: 240px;
  }
}
@media (max-width: 768px) {
  .svc-page--growth .svc-chat-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .svc-page--growth .svc-growth-bento,
  .svc-page--growth .svc-growth-seo-grid,
  .svc-page--growth .svc-benefits-grid,
  .svc-page--growth .svc-pricing-grid,
  .svc-page--growth .svc-steps:has(> :nth-child(4)),
  .svc-page--growth .svc-why-grid {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 28px;
  }
  .svc-page--growth .svc-chat-type-img,
  .svc-page--growth .svc-benefit-thumb,
  .svc-page--growth .svc-pricing-visual {
    height: 180px;
  }
  .svc-page--growth .svc-pricing-amount {
    font-size: 2.1rem;
  }
  .svc-page--growth .logo-3d-bg {
    display: none;
  }
}
