:root {
  --bg: #12314f;
  --bg-soft: #1b4369;
  --bg-alt: #0f2a44;
  --panel-border: rgba(173, 223, 255, 0.2);
  --text: #f2fbff;
  --muted: rgba(221, 241, 255, 0.74);
  --accent: #2aa7ff;
  --accent-2: #dff3ff;
  --cyan: #dff3ff;
  --shadow: 0 24px 80px rgba(0, 0, 0, 0.45);
  --max: 1680px;
  --panel-plan: linear-gradient(180deg, #11141b 0%, #0c1117 52%, #090d12 100%);
  --panel-appointment: linear-gradient(180deg, #131920 0%, #0c131d 52%, #080b12 100%);
  --panel-support: linear-gradient(180deg, #12171c 0%, #0c1118 54%, #080b10 100%);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background:
    radial-gradient(circle at 24% 34%, rgba(255, 255, 255, 0.2), transparent 30%),
    radial-gradient(circle at 72% 42%, rgba(163, 221, 255, 0.14), transparent 32%),
    radial-gradient(circle at 18% 78%, rgba(41, 167, 255, 0.12), transparent 28%),
    linear-gradient(180deg, #0f2a44 0%, var(--bg) 25%, #0c2540 100%);
  color: var(--text);
  font-family: Arial, Helvetica, sans-serif;
  overflow-x: hidden;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(circle at 22% 48%, rgba(160, 223, 255, 0.16), transparent 36%),
    radial-gradient(circle at 78% 52%, rgba(160, 223, 255, 0.12), transparent 36%);
}

a {
  color: inherit;
  text-decoration: none;
}

.page {
  width: 100%;
}

.site-header {
  position: fixed;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 40;
  width: min(100% - 64px, 1240px);
  backdrop-filter: blur(12px);
  background: rgba(234, 244, 252, 0.94);
  border: 1px solid rgba(34, 98, 155, 0.22);
  border-radius: 999px;
  box-shadow:
    0 10px 28px rgba(19, 75, 121, 0.14),
    0 0 0 1px rgba(255, 255, 255, 0.45) inset;
}

.site-header__inner,
.site-footer__inner {
  max-width: var(--max);
  margin: 0 auto;
  padding: 14px 36px;
}

.site-header__inner {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 24px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.site-header__brand {
  display: inline-flex;
  align-items: center;
  gap: 0;
  overflow: visible;
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.64);
}

.site-header__logo {
  width: clamp(86px, 8.5vw, 124px);
  height: clamp(86px, 8.5vw, 124px);
  display: block;
  transform: scale(1.75);
  transform-origin: left center;
  filter: contrast(1.22) saturate(1.18) brightness(0.9);
}

.site-footer__logo {
  width: clamp(96px, 9vw, 140px);
  height: clamp(96px, 9vw, 140px);
  display: block;
}

.site-header__nav {
  display: flex;
  justify-content: center;
  gap: 24px;
}

.site-header__nav a {
  color: rgba(249, 247, 240, 0.84);
}

.site-header__cta {
  justify-self: end;
  min-height: 42px;
  padding: 0 18px;
  font-size: 0.94rem;
}

.panel--hero .panel__inner {
  padding-top: clamp(170px, 12vw, 220px);
}

.site-footer {
  border-top: 1px solid rgba(220, 241, 255, 0.2);
  background: linear-gradient(180deg, rgba(15, 48, 77, 0.72), rgba(11, 37, 60, 0.94));
}

.site-footer__inner {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 18px;
  padding-top: 26px;
  padding-bottom: 26px;
}

.site-footer__brand {
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.site-footer__links {
  display: flex;
  justify-content: center;
  gap: 18px;
}

.site-footer__links a,
.site-footer__copy {
  color: rgba(240, 236, 226, 0.72);
}

.site-footer__copy {
  text-align: right;
  font-size: 0.95rem;
}

.arrow-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.panel {
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(255, 255, 255, 0.03);
}

.panel + .panel {
  margin-top: clamp(48px, 3.2vw, 72px);
}

.panel--hero + .panel--services {
  margin-top: clamp(120px, 8vw, 180px);
}

.panel--hero {
  position: relative;
  z-index: 2;
  background:
    radial-gradient(circle at 20% 18%, rgba(255, 255, 255, 0.95), transparent 36%),
    radial-gradient(circle at 78% 24%, rgba(223, 243, 255, 0.8), transparent 34%),
    linear-gradient(180deg, #fdfefe 0%, #eef7ff 70%, #e8f3ff 100%);
  border-bottom: 1px solid rgba(16, 74, 120, 0.08);
}

.panel--hero .hero__title {
  color: #0c3458;
}

.panel--hero .hero__accent {
  background: linear-gradient(180deg, #2aa7ff 0%, #1696ef 46%, #0e7fd6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.panel--hero .hero__body {
  color: rgba(12, 52, 88, 0.84);
}

.panel--hero .hero__button-secondary {
  background: transparent;
  border: 1px solid rgba(12, 52, 88, 0.28);
  color: #0c3458;
}

/* --- Light SaaS Style Override --- */
:root {
  --bg: #d8ecfb;
  --bg-soft: #eaf5ff;
  --bg-alt: #cfe7fa;
  --text: #102f4c;
  --muted: rgba(16, 47, 76, 0.72);
  --accent: #2ea7ff;
  --accent-2: #f5fbff;
  --panel-border: rgba(37, 107, 168, 0.14);
}

body {
  background:
    radial-gradient(circle at 14% 12%, rgba(255, 255, 255, 0.55), transparent 28%),
    radial-gradient(circle at 82% 14%, rgba(255, 255, 255, 0.42), transparent 26%),
    linear-gradient(180deg, #c6e2f7 0%, #d9ecfb 42%, #e9f5ff 100%);
  color: var(--text);
}

body::before {
  background:
    radial-gradient(circle at 18% 40%, rgba(255, 255, 255, 0.36), transparent 30%),
    radial-gradient(circle at 82% 56%, rgba(255, 255, 255, 0.26), transparent 34%);
}

.site-header {
  background: rgba(231, 244, 255, 0.82);
  border-bottom: 1px solid rgba(46, 113, 172, 0.14);
}

.site-footer {
  border-top: 1px solid rgba(46, 113, 172, 0.14);
  background: linear-gradient(180deg, rgba(223, 240, 254, 0.95), rgba(211, 232, 250, 0.95));
}

.site-footer__links a,
.site-footer__copy {
  color: rgba(12, 52, 88, 0.74);
}

.panel {
  border-top: 0;
}

.panel__inner {
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid var(--panel-border);
  border-radius: 28px;
  box-shadow: 0 22px 48px rgba(16, 62, 103, 0.09);
}

.panel--hero {
  background: transparent;
  border-bottom: 0;
}

.hero__title,
.services h2,
.plan__copy h2,
.agent-section__copy h2,
.enterprise__left h3 {
  color: #0f3558;
}

.hero__accent,
.plan__copy .plan__title-line--accent,
.enterprise__ai-accent {
  background: linear-gradient(180deg, #4fb8ff 0%, #2ea7ff 46%, #1591ef 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.hero__body,
.services__lead,
.plan__copy p,
.agent-section__copy p,
.enterprise__left p {
  color: rgba(13, 56, 93, 0.74);
}

.button {
  border-radius: 14px;
  background: linear-gradient(180deg, #4bb7ff 0%, #2ea7ff 100%);
  color: #072847;
  box-shadow: 0 12px 28px rgba(46, 167, 255, 0.2);
}

.hero__button-secondary {
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.76);
  border: 1px solid rgba(34, 106, 166, 0.2);
  color: #0c3458;
}

.services__visual {
  background: rgba(233, 245, 255, 0.8);
  border: 1px solid rgba(49, 121, 182, 0.16);
  border-radius: 20px;
}

.demo-frame {
  border: 1px solid rgba(49, 121, 182, 0.16);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(229, 243, 255, 0.96));
  box-shadow: 0 16px 36px rgba(16, 62, 103, 0.11);
}

.demo-frame__label {
  color: rgba(10, 50, 84, 0.76);
}

.plan__copy .plan__benefit:not(:first-child),
.enterprise__benefits span:not(:first-child) {
  border-left-color: rgba(38, 109, 169, 0.2);
}

.enterprise__card {
  border: 1px solid rgba(40, 110, 169, 0.18);
  background:
    radial-gradient(circle at 50% 12%, rgba(255, 255, 255, 0.8), transparent 36%),
    linear-gradient(180deg, #f5fbff 0%, #e3f1fd 100%);
  box-shadow: 0 24px 50px rgba(15, 60, 102, 0.11);
}

.enterprise__benefits b {
  color: #0f365a;
}

.enterprise__benefits small {
  color: rgba(12, 52, 88, 0.72);
}

.panel--services {
  position: relative;
  z-index: 1;
}

.panel--plan {
  padding-bottom: clamp(28px, 2vw, 44px);
}

.panel--lead {
  padding-top: clamp(20px, 1.8vw, 36px);
}

.panel__inner {
  max-width: var(--max);
  margin: 0 auto;
  padding: clamp(72px, 5.5vw, 96px) 36px;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 24px;
  border-radius: 8px;
  background: var(--accent);
  color: #0b0d10;
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1;
  box-shadow: 0 12px 28px rgba(41, 167, 255, 0.14);
}

.button:active {
  transform: translateY(1px);
}

.button--compact {
  min-height: 52px;
  padding-inline: 30px;
}

.button--card {
  margin-top: auto;
  width: fit-content;
}

.eyebrow,
.plan__copy p,
.appointment__copy p,
.enterprise__intro p,
.feature-card p {
  color: var(--muted);
}

.eyebrow {
  margin: 0 0 10px;
  font-size: clamp(1.2rem, 1.5vw, 1.9rem);
  font-weight: 500;
}

.hero {
  min-height: 980px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  align-items: center;
  justify-items: center;
}

.hero__copy {
  position: relative;
  z-index: 1;
  max-width: 980px;
  margin-inline: auto;
  text-align: center;
}

.hero__kicker {
  margin: 0 0 20px;
  color: rgba(111, 204, 255, 0.94);
  text-transform: uppercase;
  letter-spacing: 0.11em;
  font-size: clamp(0.86rem, 1.1vw, 1.02rem);
}

.hero__title::after {
  display: none;
}

.hero__title {
  margin: 0;
  font-size: clamp(3.1rem, 6vw, 6rem);
  line-height: 0.95;
  letter-spacing: -0.06em;
  font-weight: 800;
  max-width: 14ch;
  margin-inline: auto;
}

.hero__accent {
  display: inline;
  background: linear-gradient(180deg, #7fd0ff 0%, #2aa7ff 45%, #1e9eff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.hero__body,
.plan__copy p,
.agent-section__copy p,
.appointment__copy p,
.support__copy p,
.feature-card p,
.enterprise__left p {
  margin: 0;
  max-width: 64ch;
  font-size: clamp(0.98rem, 1.05vw, 1.26rem);
  line-height: 1.68;
  letter-spacing: -0.01em;
}

.hero__body {
  margin-top: 24px;
  max-width: 48ch;
  font-size: clamp(1rem, 1.15vw, 1.32rem);
  line-height: 1.52;
  margin-inline: auto;
}

.hero__actions {
  margin-top: 28px;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
}

.hero__actions .button {
  min-height: 54px;
  padding-inline: 24px;
}

.hero__button-secondary {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #f4f6fb;
  box-shadow: none;
}

.hero__points {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.hero__point {
  display: grid;
  gap: 5px;
  padding-left: 14px;
  border-left: 1px solid rgba(255, 255, 255, 0.18);
}

.hero__point strong {
  font-size: 1.1rem;
}

.hero__point span {
  color: var(--muted);
  font-size: 1rem;
}

.hero__visual {
  position: relative;
  min-height: 900px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero__image {
  width: min(200%, 2200px);
  height: auto;
  display: block;
  object-fit: contain;
  transform: translateX(-8%);
}

.services {
  min-height: 620px;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: clamp(24px, 4vw, 60px);
  align-items: start;
  padding-top: clamp(22px, 2.4vw, 44px);
}

.services__eyebrow {
  margin-bottom: 14px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(245, 247, 251, 0.55);
}

.services__eyebrow--above {
  margin: 0 0 18px;
  display: inline-flex;
  align-items: center;
  gap: 0;
  font-size: clamp(0.9rem, 1.15vw, 1.15rem);
  letter-spacing: 0.14em;
  color: rgba(41, 167, 255, 0.9);
}

.services__eyebrow--above::before {
  content: none;
}

.services h2,
.plan__copy h2,
.appointment__copy h2,
.enterprise__intro h2 {
  margin: 0;
  font-size: clamp(2.4rem, 4.8vw, 5rem);
  line-height: 0.95;
  letter-spacing: -0.06em;
}

.services__lead {
  margin: 18px 0 0;
  max-width: 42ch;
  color: var(--muted);
  font-size: clamp(1.05rem, 1.15vw, 1.35rem);
  line-height: 1.65;
  letter-spacing: -0.01em;
}

.services__copy {
  position: relative;
  z-index: 1;
  max-width: 680px;
  padding-right: 10px;
}

.services__copy h2 {
  max-width: none;
  font-size: clamp(3.15rem, 4.2vw, 5.3rem);
  white-space: normal;
}

.services__subtitle {
  margin: 14px 0 0;
  font-size: clamp(1.75rem, 2.7vw, 2.85rem);
  line-height: 1.02;
  letter-spacing: -0.05em;
  color: var(--text);
}

.services__subtitle span {
  position: relative;
  display: inline-block;
}

.services__subtitle-highlight::after {
  content: "";
  position: absolute;
  left: -8%;
  width: 116%;
  bottom: -0.12em;
  height: 22px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 44'%3E%3Cpath d='M10 26 C 46 18, 76 24, 108 26 S 166 30, 202 25 S 270 15, 316 24 S 390 34, 432 25 S 486 20, 512 24' fill='none' stroke='%2333b3ff' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 29 C 54 26, 88 28, 124 30 S 188 32, 228 28 S 292 20, 336 26 S 402 31, 446 28 S 492 25, 506 27' fill='none' stroke='%2333b3ff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' opacity='0.68'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  transform: translateY(0.22em);
  opacity: 0.95;
}

.services__visual {
  position: relative;
  z-index: 1;
  min-height: 560px;
  border-radius: 0;
  overflow: hidden;
}

.services__visual-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 70% center;
  transform: scale(1);
  filter: none;
  mix-blend-mode: normal;
  -webkit-mask-image: none;
  mask-image: none;
}

.services__visual::before {
  content: none;
}

.services__visual::after {
  content: none;
}

.services__cta-button {
  position: relative;
  z-index: 1;
  justify-self: start;
  min-width: min(100%, 220px);
  min-height: 54px;
  padding: 0 28px;
  border-radius: 10px;
  font-size: 1rem;
  margin-top: 30px;
  border: 1px solid rgba(41, 167, 255, 0.82);
  box-shadow:
    0 0 0 1px rgba(41, 167, 255, 0.24),
    0 14px 34px rgba(41, 167, 255, 0.22),
    0 0 46px rgba(41, 167, 255, 0.14);
  transform: translateY(0);
  transition: transform 180ms ease, box-shadow 220ms ease, filter 220ms ease;
}

.services__cta-button--mic {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.services__demo-actions {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  align-items: center;
}

.services__demo-actions .services__cta-button {
  margin-top: 0;
}

.services__demo-status {
  margin: 10px 0 0;
  color: rgba(240, 236, 226, 0.72);
  font-size: 0.96rem;
}

.services__stop-button {
  display: none;
  width: 62px !important;
  min-width: 62px;
  max-width: 62px;
  min-height: 62px;
  max-height: 62px;
  aspect-ratio: 1 / 1;
  flex: 0 0 62px;
  padding: 0;
  background: #c91524 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(201, 21, 36, 0.28);
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-top: 0;
  align-self: center;
}

.services__stop-button.is-visible {
  display: inline-flex;
}

.services__stop-button:disabled {
  opacity: 0.5;
}

.services__stop-icon {
  width: 1.42em;
  height: 1.42em;
  color: #ffffff !important;
  display: block;
  transform: rotate(135deg);
  transform-origin: center;
}

.services__cta-button:hover {
  transform: translateY(-2px);
  box-shadow:
    0 0 0 1px rgba(41, 167, 255, 0.34),
    0 18px 38px rgba(41, 167, 255, 0.28),
    0 0 58px rgba(41, 167, 255, 0.2);
  filter: brightness(1.02);
}

.services__copy {
  position: relative;
}


.services__cta-button--mic .button__icon {
  width: 1.35em;
  height: 1.35em;
}

.button__icon {
  width: 1.05em;
  height: 1.05em;
  flex: none;
}

.service-tile {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 18px;
  padding: 28px 28px 26px;
  border: 1px solid rgba(120, 140, 175, 0.56);
  border-radius: 20px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.01)),
    linear-gradient(180deg, #0d1014 0%, #090c11 100%);
  box-shadow: 0 20px 42px rgba(0, 0, 0, 0.22);
}

.service-tile::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 28%),
    radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.06), transparent 24%),
    radial-gradient(circle at 82% 82%, rgba(255, 255, 255, 0.03), transparent 18%);
  opacity: 0.95;
  pointer-events: none;
}

.service-tile__meta {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  font-size: 0.86rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(245, 247, 251, 0.62);
}

.service-tile__chips {
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  letter-spacing: 0;
  text-transform: none;
  font-size: 0.82rem;
  color: rgba(245, 247, 251, 0.82);
}

.service-tile--clinic {
  --tile-tone: rgba(136, 199, 255, 0.42);
}

.service-tile--hotel {
  --tile-tone: rgba(41, 167, 255, 0.42);
}

.service-tile--airlines {
  --tile-tone: rgba(245, 247, 251, 0.32);
}

.service-tile--clinic,
.service-tile--hotel,
.service-tile--airlines {
  box-shadow:
    inset 0 3px 0 var(--tile-tone),
    0 20px 42px rgba(0, 0, 0, 0.22);
}

.service-tile__content {
  position: relative;
  z-index: 1;
  max-width: 34ch;
  margin-top: 4px;
  margin-bottom: auto;
}

.service-tile h3 {
  margin: 0;
  font-size: clamp(1.75rem, 2.2vw, 2.7rem);
  line-height: 1.02;
  letter-spacing: -0.05em;
}

.service-tile p {
  margin: 14px 0 0;
  color: var(--muted);
  font-size: clamp(0.98rem, 1.02vw, 1.2rem);
  line-height: 1.65;
  letter-spacing: -0.01em;
}

.service-tile__demo {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 124px;
  padding: 18px 18px 16px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.service-tile__demo-copy {
  display: grid;
  gap: 4px;
}

.service-tile__demo-copy span {
  color: rgba(245, 247, 251, 0.6);
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.service-tile__demo-copy strong {
  font-size: 1.05rem;
  letter-spacing: -0.02em;
}

.micro-mic--small {
  width: 86px;
  height: 86px;
}

.service-tile .button--tile {
  position: relative;
  z-index: 1;
  width: 100%;
  min-width: 0;
  margin-top: 6px;
  min-height: 50px;
  font-size: 0.98rem;
  border-radius: 12px;
}

.service-tile--clinic::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 28%),
    radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.06), transparent 24%),
    radial-gradient(circle at 82% 82%, rgba(255, 255, 255, 0.03), transparent 18%);
}

.service-tile--hotel::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 28%),
    radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.06), transparent 24%),
    radial-gradient(circle at 82% 82%, rgba(255, 255, 255, 0.03), transparent 18%);
}

.service-tile--airlines::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 28%),
    radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.06), transparent 24%),
    radial-gradient(circle at 82% 82%, rgba(255, 255, 255, 0.03), transparent 18%);
}

.feature-card {
  position: relative;
  min-height: 830px;
  border: 1px solid rgba(120, 140, 175, 0.7);
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  align-items: stretch;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.01));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}

.feature-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.5)),
    radial-gradient(circle at 50% 15%, rgba(255, 255, 255, 0.18), transparent 32%);
  opacity: 0.9;
}

.feature-card__overlay {
  position: absolute;
  inset: auto 0 0 0;
  height: 42%;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.8));
}

.feature-card__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding: 30px 24px 22px;
  justify-content: flex-start;
}

.feature-card h3 {
  margin: 0;
  font-size: clamp(1.8rem, 2vw, 2.6rem);
  line-height: 1.05;
}

.micro-mic {
  align-self: center;
  margin-top: auto;
  width: 108px;
  height: 108px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 50%, #fff 0 31%, #f2f2f2 32% 36%, transparent 37%),
    linear-gradient(180deg, #111 0 48%, transparent 49%);
  border: 1px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.micro-mic::before,
.micro-mic::after {
  content: "";
  position: absolute;
}

.micro-mic {
  position: relative;
}

.micro-mic::before {
  left: 50%;
  top: 26px;
  width: 16px;
  height: 34px;
  transform: translateX(-50%);
  border: 4px solid #111;
  border-radius: 999px;
  background: transparent;
}

.micro-mic::after {
  left: 50%;
  bottom: 18px;
  width: 18px;
  height: 4px;
  transform: translateX(-50%);
  background: #111;
  border-radius: 999px;
  box-shadow: 0 -10px 0 0 #111;
}

.feature-card__cta {
  margin-top: 10px;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
}

.connector-arrow {
  display: block;
  color: var(--accent);
  fill: currentColor;
  line-height: 0;
  transform-box: fill-box;
  transform-origin: center;
  pointer-events: none;
  user-select: none;
  flex: 0 0 auto;
  overflow: visible;
}

.connector-arrow--card {
  align-self: center;
  margin: -12px auto -10px;
  width: 44px;
  transform: translateX(-8px) scaleY(-1);
}

.connector-arrow use {
  fill: currentColor;
}

.feature-card .button--card {
  margin-top: 26px;
  min-width: 100%;
}

.feature-card--clinic {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.82)),
    radial-gradient(circle at 50% 22%, rgba(225, 230, 236, 0.82), rgba(26, 32, 40, 0.9) 42%, rgba(8, 10, 14, 0.96) 82%);
}

.feature-card--hotel {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.82)),
    linear-gradient(180deg, rgba(176, 182, 190, 0.82), rgba(61, 70, 78, 0.5) 48%, rgba(20, 23, 26, 0.94));
}

.feature-card--hotel::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.58)),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0 3px, transparent 3px 22px);
}

.feature-card--airlines {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0.82)),
    radial-gradient(circle at 50% 85%, rgba(41, 167, 255, 0.38), rgba(24, 34, 48, 0.96) 36%, rgba(8, 10, 14, 0.96) 74%);
}

.feature-card--airlines::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.7)),
    linear-gradient(160deg, transparent 62%, rgba(255, 255, 255, 0.02) 63%);
}

.feature-card--airlines .micro-mic {
  margin-top: auto;
}

.panel--plan .panel__inner {
  padding-top: clamp(92px, 7vw, 132px);
  padding-bottom: clamp(64px, 5.5vw, 108px);
}

.plan {
  position: relative;
  min-height: 860px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  align-items: center;
}

.lead {
  position: relative;
  min-height: 640px;
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(560px, 1.18fr);
  gap: 24px 56px;
  align-items: stretch;
}

.lead__copy {
  max-width: 640px;
}

.lead__copy h2 {
  margin: 0 0 18px;
  font-size: clamp(3rem, 4.6vw, 5.2rem);
  line-height: 0.95;
  letter-spacing: -0.05em;
}

.lead__copy .button {
  margin-top: 12px;
}

.lead__media {
  position: relative;
  min-height: 100%;
}

.plan__copy {
  grid-column: 1 / -1;
  max-width: 1280px;
  width: min(100%, 1280px);
  margin-inline: auto;
  padding-left: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.plan__copy .plan__eyebrow {
  margin: 0 0 18px;
  color: rgba(41, 167, 255, 0.95);
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: clamp(0.9rem, 1.05vw, 1.1rem);
  text-align: left;
  align-self: flex-start;
  margin-left: clamp(6px, 1.2vw, 14px);
}

.plan__copy .plan__title {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.02em;
  font-size: clamp(3.4rem, 5.7vw, 6.8rem);
  line-height: 0.9;
  letter-spacing: -0.07em;
  text-wrap: balance;
  max-width: 14ch;
  text-align: center;
}

.plan__copy .plan__title-line {
  display: block;
}

.plan__copy .plan__title-line--accent {
  background: linear-gradient(180deg, #6ec8ff 0%, #2aa7ff 40%, #1a98ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.plan__copy p {
  margin-top: 24px;
  max-width: 66ch;
  color: var(--muted);
  font-size: clamp(1rem, 1.08vw, 1.22rem);
  line-height: 1.62;
  text-align: center;
}

.plan__copy .button {
  margin-top: 28px;
  min-width: min(100%, 680px);
  align-self: center;
}

.plan__copy .plan__highlight {
  color: #6ec8ff;
}

.plan__copy .plan__highlight-alt {
  color: #f2e0b1;
}

.plan__copy .plan__benefits {
  width: fit-content;
  display: grid;
  grid-template-columns: repeat(3, max-content);
  gap: clamp(4px, 0.8vw, 10px);
  margin-top: 24px;
  justify-content: center;
  margin-inline: auto;
}

.plan__copy .plan__benefit {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-height: 54px;
}

.plan__copy .plan__benefit:not(:first-child) {
  padding-left: 6px;
  border-left: 1px solid rgba(255, 255, 255, 0.16);
}

.plan__copy .plan__benefit-icon {
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: var(--accent);
  border: 1px solid rgba(41, 167, 255, 0.72);
  background: radial-gradient(circle at 50% 50%, rgba(41, 167, 255, 0.16), rgba(255, 255, 255, 0.02));
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.03),
    0 0 18px rgba(41, 167, 255, 0.16);
}

.plan__copy .plan__benefit-icon svg {
  width: 22px;
  height: 22px;
}

.plan__copy .plan__benefit-text {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-top: 0;
  font-size: 1rem;
  line-height: 1.12;
}

.plan__copy .plan__benefit-text strong {
  font-size: 1.02rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 1px;
}

.plan__copy .plan__benefit-text span {
  color: var(--muted);
}

.plan__poster {
  display: none;
}

.poster-card {
  position: absolute;
  top: -82px;
  right: -72px;
  width: min(45vw, 730px);
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  transform: none;
  filter: none;
  z-index: 1;
}

.price {
  margin: 22px 0 0;
  font-size: clamp(1rem, 1.3vw, 1.4rem);
  font-weight: 700;
}

.plan__panel {
  position: relative;
  min-height: 320px;
  border-radius: 18px;
  overflow: hidden;
  border: 3px solid rgba(120, 140, 175, 0.5);
  background: var(--panel-plan);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.demo-frame {
  position: absolute;
  inset: 0;
  border-radius: 18px;
  border: 1px solid rgba(120, 140, 175, 0.6);
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 28%),
    var(--panel-plan);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
}

.demo-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 78% 22%, rgba(136, 199, 255, 0.14), transparent 18%),
    radial-gradient(circle at 82% 58%, rgba(41, 167, 255, 0.12), transparent 16%),
    linear-gradient(140deg, rgba(255, 255, 255, 0.02), transparent 38%);
  pointer-events: none;
}

.demo-frame::after {
  content: "";
  position: absolute;
  inset: 24px 24px 24px 24px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 14px;
  pointer-events: none;
}

.demo-frame__play {
  position: absolute;
  left: 28px;
  top: 28px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.85);
}

.demo-frame__play::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-28%, -50%);
  width: 0;
  height: 0;
  border-left: 16px solid rgba(255, 255, 255, 0.92);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.demo-frame__label {
  position: absolute;
  left: 28px;
  bottom: 28px;
  font-size: clamp(1.7rem, 2.5vw, 2.8rem);
  line-height: 0.95;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.demo-frame--plan {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 28%),
    var(--panel-plan);
}

.demo-frame--appointment {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 28%),
    var(--panel-appointment);
}

.demo-frame--support {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 28%),
    var(--panel-support);
}

.message {
  position: absolute;
  left: 8%;
  width: 34%;
  height: 54px;
  border-radius: 16px;
}

.message::before,
.message::after {
  content: "";
  position: absolute;
  left: 12%;
  right: 12%;
  height: 4px;
  border-radius: 999px;
  top: 18px;
}

.message::after {
  top: 30px;
}

.message--blue {
  background: linear-gradient(180deg, #88c7ff 0%, #4f83d8 100%);
  box-shadow: 0 8px 16px rgba(9, 20, 50, 0.22);
}

.message--blue::before,
.message--blue::after {
  background: rgba(255, 255, 255, 0.85);
}

.message--white {
  width: 28%;
  background: #eff0f5;
  box-shadow: 0 8px 16px rgba(5, 8, 20, 0.2);
}

.message--white::before,
.message--white::after,
.message--dots::before,
.message--dots::after {
  background: rgba(38, 42, 54, 0.24);
}

.message--dots {
  width: 17%;
  height: 42px;
  border-radius: 22px;
  background: #fff;
}

.message--dots::before {
  width: 8px;
  height: 8px;
  left: 26px;
  top: 17px;
  border-radius: 50%;
  box-shadow: 14px 0 0 rgba(38, 42, 54, 0.24), 28px 0 0 rgba(38, 42, 54, 0.24);
}

.message--dots::after {
  display: none;
}

.message:nth-child(1) {
  top: 28px;
}

.message:nth-child(2) {
  top: 106px;
  left: 24%;
}

.message:nth-child(3) {
  top: 208px;
}

.message--dots {
  top: 304px;
}

.play {
  position: absolute;
  width: 102px;
  height: 102px;
  border-radius: 50%;
  border: 6px solid #fff;
}

.play::before {
  content: "";
  position: absolute;
  left: 40%;
  top: 50%;
  transform: translate(-30%, -50%);
  width: 0;
  height: 0;
  border-left: 26px solid #fff;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
}

.play--plan {
  left: 28px;
  bottom: 128px;
}

.plan__panel-title {
  position: absolute;
  left: 28px;
  bottom: 30px;
  font-size: clamp(2.2rem, 3.2vw, 3.8rem);
  font-weight: 800;
}

.plan__bubble {
  position: absolute;
  right: -12px;
  bottom: 30px;
  width: 132px;
  height: 380px;
  border-radius: 58px;
  background:
    linear-gradient(180deg, rgba(120, 225, 255, 0.95), rgba(55, 78, 255, 0.83) 54%, rgba(255, 95, 180, 0.86)),
    radial-gradient(circle at 42% 32%, rgba(255, 255, 255, 0.8), transparent 32%);
  clip-path: polygon(12% 0, 100% 6%, 88% 100%, 0 94%);
  transform: rotate(24deg);
}

.plan__bubble--bottom {
  display: none;
}

.appointment {
  min-height: 640px;
  display: grid;
  grid-template-columns: minmax(320px, 0.82fr) minmax(560px, 1.18fr);
  gap: 24px 56px;
  align-items: stretch;
}

.appointment__media {
  position: relative;
  min-height: 100%;
}

.appointment-card {
  position: absolute;
  left: 8%;
  top: 0;
  width: min(100%, 760px);
  height: 430px;
  border-radius: 18px;
  border: 4px solid rgba(255, 255, 255, 0.18);
  background: var(--panel-appointment);
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.36);
}

.appointment-card__note {
  position: absolute;
  left: 10%;
  width: 28%;
  height: 60px;
  border-radius: 16px;
}

.appointment-card__note::before,
.appointment-card__note::after {
  content: "";
  position: absolute;
  left: 12%;
  right: 12%;
  top: 18px;
  height: 4px;
  border-radius: 999px;
}

.appointment-card__note::after {
  top: 30px;
}

.appointment-card__note--light {
  background: #eef0f5;
}

.appointment-card__note--light::before,
.appointment-card__note--light::after {
  background: rgba(29, 36, 52, 0.2);
}

.appointment-card__note--blue {
  background: #88c7ff;
  left: 24%;
  top: 84px;
  width: 31%;
}

.appointment-card__note--blue::before,
.appointment-card__note--blue::after {
  background: rgba(255, 255, 255, 0.84);
}

.appointment-card__note.lower {
  top: 182px;
}

.appointment-card__calendar {
  position: absolute;
  right: 0;
  top: 0;
  width: 40%;
  height: 100%;
  background:
    linear-gradient(180deg, rgba(245, 247, 251, 0.96), rgba(228, 233, 241, 0.92)),
    repeating-linear-gradient(90deg, transparent 0 16px, rgba(0, 0, 0, 0.05) 16px 18px),
    repeating-linear-gradient(180deg, transparent 0 12px, rgba(0, 0, 0, 0.08) 12px 13px);
  clip-path: polygon(8% 2%, 100% 0, 100% 100%, 0 100%);
}

.appointment-card__calendar::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 16px;
  width: 58%;
  height: 10px;
  background: rgba(0, 0, 0, 0.72);
  box-shadow: 0 24px 0 rgba(0, 0, 0, 0.08), 0 48px 0 rgba(0, 0, 0, 0.08);
  opacity: 0.8;
}

.appointment-card__title {
  position: absolute;
  left: 12%;
  bottom: 30px;
  font-size: clamp(2rem, 3.2vw, 3.6rem);
  font-weight: 800;
}

.appointment-card__cube {
  position: absolute;
  right: -72px;
  bottom: -78px;
  width: 360px;
  height: 240px;
  background:
    linear-gradient(145deg, rgba(120, 225, 255, 0.94), rgba(56, 111, 255, 0.82) 50%, rgba(255, 95, 180, 0.86)),
    radial-gradient(circle at 40% 30%, rgba(255, 255, 255, 0.74), transparent 32%);
  clip-path: polygon(8% 14%, 62% 4%, 100% 39%, 90% 92%, 28% 100%, 0 56%);
  transform: rotate(-14deg);
  filter: saturate(1.12);
}

.appointment__copy {
  max-width: 820px;
  padding-left: 0;
}

.appointment__copy p {
  margin-top: 14px;
  max-width: 62ch;
}

.appointment__copy .button {
  margin-top: 12px;
}

.support {
  min-height: 640px;
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(560px, 1.18fr);
  gap: 24px 56px;
  align-items: stretch;
}

.support__copy {
  max-width: 640px;
  padding-left: 3%;
}

.support__copy h2 {
  margin: 0;
  font-size: clamp(3rem, 5vw, 5.8rem);
  line-height: 0.95;
  letter-spacing: -0.06em;
}

.support__copy p {
  margin-top: 14px;
  max-width: 62ch;
}

.support__copy .button {
  margin-top: 12px;
}

.agent-section {
  position: relative;
  min-height: 640px;
  display: grid;
  gap: 24px 64px;
  align-items: stretch;
}

.agent-section--normal {
  grid-template-columns: minmax(0, 1fr) minmax(380px, 0.98fr);
  grid-template-areas: "copy media";
}

.agent-section--reverse {
  grid-template-columns: minmax(360px, 0.95fr) minmax(0, 1fr);
  grid-template-areas: "media copy";
}

.agent-section__copy {
  grid-area: copy;
  max-width: 760px;
  padding-left: 0;
}

.agent-section__media {
  grid-area: media;
  position: relative;
  min-height: 100%;
}

.agent-section--lead .agent-section__copy {
  max-width: 820px;
}

.agent-section__copy h2 {
  margin: 0;
  font-size: clamp(3rem, 5vw, 5.8rem);
  line-height: 0.95;
  letter-spacing: -0.06em;
}

.agent-section__copy p {
  margin-top: 14px;
  max-width: 62ch;
}

.agent-section__copy .button {
  margin-top: 12px;
}

.support__media {
  position: relative;
  min-height: 100%;
}

.support-card {
  position: absolute;
  right: 0;
  top: 0;
  width: min(100%, 760px);
  height: 430px;
  border-radius: 18px;
  border: 4px solid rgba(255, 255, 255, 0.18);
  background: var(--panel-support);
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.36);
}

.support-card__note {
  position: absolute;
  left: 10%;
  width: 28%;
  height: 60px;
  border-radius: 16px;
}

.support-card__note:nth-of-type(1) {
  top: 28px;
}

.support-card__note:nth-of-type(2) {
  top: 84px;
  left: 24%;
  width: 31%;
}

.support-card__note:nth-of-type(3) {
  top: 182px;
}

.support-card__note::before,
.support-card__note::after {
  content: "";
  position: absolute;
  left: 12%;
  right: 12%;
  top: 18px;
  height: 4px;
  border-radius: 999px;
}

.support-card__note::after {
  top: 30px;
}

.support-card__note--light {
  background: #eff0f5;
}

.support-card__note--light::before,
.support-card__note--light::after {
  background: rgba(29, 36, 52, 0.2);
}

.support-card__note--blue {
  background: #88c7ff;
}

.support-card__note--blue::before,
.support-card__note--blue::after {
  background: rgba(255, 255, 255, 0.84);
}

.support-card__title {
  position: absolute;
  left: 12%;
  bottom: 30px;
  font-size: clamp(2rem, 3.2vw, 3.6rem);
  font-weight: 800;
}

.support-card__bubble {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 48%;
  height: 100%;
  background:
    radial-gradient(circle at 30% 24%, rgba(255, 255, 255, 0.12), transparent 16%),
    radial-gradient(circle at 55% 60%, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.96) 30%, transparent 31%);
}

.support-card__bubble::before {
  content: "";
  position: absolute;
  left: 10%;
  bottom: 18%;
  width: 84%;
  height: 42%;
  border: 18px solid rgba(10, 12, 16, 0.96);
  border-color: rgba(10, 12, 16, 0.96) transparent transparent rgba(10, 12, 16, 0.96);
  border-radius: 50%;
  transform: rotate(14deg);
}

.support-card__bubble::after {
  content: "";
  position: absolute;
  right: 12%;
  bottom: 18%;
  width: 128px;
  height: 128px;
  border-radius: 50%;
  border: 18px solid rgba(10, 12, 16, 0.96);
  border-top-color: transparent;
  border-left-color: transparent;
  transform: rotate(18deg);
}

.support-card__headset {
  position: absolute;
  right: 16%;
  bottom: 18%;
  width: 220px;
  height: 150px;
  border-radius: 50% 50% 48% 52% / 42% 42% 58% 58%;
  border: 18px solid #0a0c10;
  border-bottom-color: transparent;
  border-left-color: transparent;
  transform: rotate(18deg);
}

.support-card__headset::before,
.support-card__headset::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: #0a0c10;
}

.support-card__headset::before {
  width: 50px;
  height: 50px;
  left: -22px;
  bottom: -2px;
}

.support-card__headset::after {
  width: 44px;
  height: 44px;
  right: -10px;
  bottom: 6px;
}

.support-card__cube {
  position: absolute;
  right: -32px;
  bottom: -34px;
  width: 220px;
  height: 158px;
  background:
    linear-gradient(145deg, rgba(120, 225, 255, 0.94), rgba(39, 110, 255, 0.8) 52%, rgba(255, 97, 185, 0.88)),
    radial-gradient(circle at 36% 30%, rgba(255, 255, 255, 0.76), transparent 32%);
  clip-path: polygon(18% 10%, 87% 7%, 100% 44%, 82% 96%, 16% 87%, 0 47%);
  transform: rotate(26deg);
}

.play--support {
  left: 28px;
  bottom: 138px;
}

.enterprise {
  min-height: 880px;
  display: grid;
  grid-template-rows: auto auto;
  gap: 34px;
  align-content: start;
}

.enterprise__intro h2 {
  max-width: 14ch;
}

.enterprise__intro p {
  margin: 16px 0 0;
  font-size: clamp(1.05rem, 1.55vw, 1.5rem);
  color: var(--muted);
}

.enterprise__card {
  min-height: 520px;
  display: block;
  position: relative;
  border: 1px solid rgba(120, 140, 175, 0.48);
  border-radius: 24px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 18%, rgba(41, 167, 255, 0.12), transparent 40%),
    radial-gradient(circle at 72% 74%, rgba(110, 178, 255, 0.12), transparent 34%),
    linear-gradient(180deg, #0a1018 0%, #060a12 100%);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45);
}

.enterprise__left {
  padding: clamp(36px, 5vw, 74px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: flex-start;
  gap: 20px;
  max-width: 980px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.enterprise__left h3 {
  margin: 0;
  font-size: clamp(2.6rem, 5.2vw, 5.4rem);
  line-height: 0.94;
  letter-spacing: -0.06em;
  max-width: 14ch;
}

.enterprise__left p {
  margin: 0;
  max-width: 38ch;
  color: var(--muted);
  font-size: clamp(1.02rem, 1.3vw, 1.5rem);
  line-height: 1.5;
  letter-spacing: -0.01em;
}

.enterprise__benefits {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 2px;
}

.enterprise__benefits span {
  padding: 6px 0 6px 26px;
  color: rgba(245, 247, 251, 0.88);
  font-size: 1rem;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas:
    "icon title"
    "icon subtitle";
  align-items: start;
  column-gap: 10px;
  row-gap: 0;
  justify-content: flex-start;
  text-align: left;
  position: relative;
}

.enterprise__benefits span:not(:first-child) {
  border-left: 1px solid rgba(245, 247, 251, 0.38);
}

.enterprise__benefits i {
  width: 68px;
  height: 68px;
  flex: none;
  grid-area: icon;
  grid-row: 1 / span 2;
  align-self: start;
  border-radius: 10px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(41, 167, 255, 0.34);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.01));
  color: rgba(41, 167, 255, 0.96);
}

.enterprise__benefits i svg {
  width: 40px;
  height: 40px;
}

.enterprise__benefits b {
  grid-area: title;
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.02em;
  margin: 6px 0 0;
}

.enterprise__benefits span:first-child b {
  margin-left: 8px;
}

.enterprise__benefits small {
  grid-area: subtitle;
  color: rgba(240, 236, 226, 0.72);
  font-size: 0.94rem;
  line-height: 1.15;
  margin-top: 6px;
}

.enterprise__cta {
  margin-top: 10px;
  min-width: min(100%, 620px);
  min-height: 72px;
  border-radius: 999px;
  font-size: clamp(1.2rem, 2.1vw, 2rem);
  font-weight: 800;
  background: var(--accent);
  color: #0b0d10;
  box-shadow: 0 0 0 1px rgba(41, 167, 255, 0.62), 0 18px 34px rgba(41, 167, 255, 0.22);
  display: inline-grid;
  grid-template-columns: 52px 1fr 52px;
  align-items: center;
  gap: 12px;
  padding-inline: 22px 34px;
  position: relative;
  isolation: isolate;
  overflow: visible;
  --glow-angle: 0deg;
  --glow-duration: 3s;
  border: 1px solid rgba(41, 167, 255, 0.8);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.16),
    0 0 20px rgba(10, 15, 24, 0.32),
    0 18px 34px rgba(41, 167, 255, 0.25);
  transition: transform 240ms ease, box-shadow 260ms ease;
}

.enterprise__cta:hover {
  transform: translateY(-1px);
  box-shadow:
    0 0 0 1px rgba(41, 167, 255, 0.28),
    0 0 26px rgba(41, 167, 255, 0.3),
    0 20px 38px rgba(41, 167, 255, 0.3);
}

.enterprise__cta > * {
  position: relative;
  z-index: 2;
}

.enterprise__cta span {
  text-align: center;
}

.enterprise__cta > span:not(.enterprise__cta-arrow) {
  justify-self: center;
  width: 100%;
}

.enterprise__cta-icon {
  width: 1.25em;
  height: 1.25em;
  flex: none;
  justify-self: center;
}

.enterprise__cta-arrow {
  width: 1.7em;
  height: 1.7em;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: var(--accent);
  background: #0a0f18;
}

.enterprise__cta-arrow svg {
  width: 1.25em;
  height: 1.25em;
}

.enterprise__cta::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  padding: 2px;
  background:
    linear-gradient(transparent, transparent) padding-box,
    conic-gradient(
      from var(--glow-angle),
      rgba(10, 15, 24, 0.9),
      rgba(255, 247, 215, 1),
      rgba(41, 167, 255, 0.95),
      rgba(10, 15, 24, 0.9)
    ) border-box;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0.96;
  z-index: 1;
  pointer-events: none;
}

.enterprise__cta::after {
  content: "";
  position: absolute;
  inset: -12px;
  border-radius: inherit;
  background:
    radial-gradient(circle at 50% 50%, rgba(10, 15, 24, 0.28), transparent 58%),
    radial-gradient(circle at 50% 50%, rgba(41, 167, 255, 0.22), transparent 66%);
  filter: blur(11px);
  z-index: 0;
  pointer-events: none;
  opacity: 0.42;
}

.panel--enterprise.is-inview .enterprise__cta::before {
  animation: cta-glow-border var(--glow-duration) linear infinite;
}

.panel--final-cta.is-inview .enterprise__cta::before {
  animation: cta-glow-border var(--glow-duration) linear infinite;
}

@keyframes cta-glow-border {
  from { --glow-angle: 0deg; }
  to { --glow-angle: 360deg; }
}

@property --glow-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

.enterprise__left small {
  color: rgba(240, 236, 226, 0.66);
  font-size: 1.02rem;
}

.enterprise__ai-accent {
  background: linear-gradient(180deg, #6ec8ff 0%, #2aa7ff 45%, #1a98ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.enterprise__visual {
  position: relative;
  min-height: 0;
  overflow: hidden;
}

.enterprise__visual::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 20% 50%, rgba(110, 178, 255, 0.1), transparent 34%),
    radial-gradient(circle at 78% 48%, rgba(41, 167, 255, 0.08), transparent 32%);
  opacity: 1;
  pointer-events: none;
}

@media (max-width: 1280px) {
  .hero,
  .plan,
  .appointment,
  .enterprise__card,
  .plan__lower,
  .agent-section {
    grid-template-columns: 1fr;
  }

  .hero,
  .services,
  .plan,
  .appointment,
  .support,
  .agent-section,
  .enterprise {
    min-height: auto;
  }

  .hero {
    grid-template-columns: 1fr;
  }

  .hero__visual {
    min-height: auto;
  }

  .plan__lower,
  .appointment,
  .support,
  .agent-section {
    grid-template-areas:
      "copy"
      "media";
  }

  .hero__art,
  .plan__poster,
  .appointment__media,
  .support__media {
    min-height: 420px;
  }

  .hero__copy,
  .plan__copy,
  .lead__copy,
  .appointment__copy,
  .support__copy,
  .enterprise__left {
    max-width: none;
  }

  .services {
    grid-template-columns: 1fr;
  }

  .services__copy {
    max-width: none;
    padding-right: 0;
  }

  .services__visual {
    min-height: 420px;
  }

  .services__cta-button {
    min-width: 0;
    width: auto;
    margin-top: 22px;
  }

  .enterprise__left,
  .appointment__copy,
  .plan__copy,
  .support__copy {
    padding-left: 0;
  }

  .plan__poster {
    margin-right: 0;
  }

  .poster-card {
    width: min(100%, 420px);
    right: auto;
    left: 0;
  }

  .plan__copy .plan__benefits {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .plan__copy .plan__benefit:not(:first-child) {
    padding-left: 0;
    border-left: 0;
  }

  .enterprise__card {
    min-height: auto;
  }

  .enterprise__visual {
    min-height: 0;
  }

  .enterprise__benefits {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .enterprise__cta {
    min-height: 62px;
  }

  .support {
    min-height: auto;
    grid-template-columns: 1fr;
  }

  .support__media {
    min-height: 420px;
  }

  .support-card {
    right: auto;
    left: 0;
  }

  .hero__copy .button {
    min-width: 0;
  }

}

@media (max-width: 820px) {
  .site-header__inner,
  .site-footer__inner {
    padding-left: 20px;
    padding-right: 20px;
  }

  .site-header__inner {
    grid-template-columns: auto 1fr;
    align-items: center;
    justify-items: stretch;
    gap: 12px;
  }

  .site-header {
    top: 14px;
    width: calc(100% - 28px);
  }

  .site-footer__inner {
    grid-template-columns: auto 1fr;
    justify-items: start;
    gap: 12px 16px;
  }

  .site-header__nav,
  .site-footer__links {
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px 16px;
  }

  .site-header__cta {
    min-height: 40px;
    padding: 0 14px;
    font-size: 0.88rem;
    white-space: nowrap;
  }

  .site-header__logo {
    width: 78px;
    height: 78px;
    transform: scale(1.65);
  }

  .site-footer__logo {
    width: 104px;
    height: 104px;
  }

  .site-footer__copy {
    grid-column: 1 / -1;
    text-align: left;
  }

  .panel__inner {
    padding: 44px 20px 34px;
  }

  .hero {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .hero__kicker {
    margin-bottom: 14px;
  }

  .hero__copy {
    padding-top: 6px;
    max-width: none;
  }

  .hero__title {
    font-size: clamp(3rem, 12vw, 5.2rem);
    line-height: 0.9;
  }

  .services h2,
  .plan__copy h2,
  .appointment__copy h2,
  .support__copy h2,
  .enterprise__intro h2 {
    font-size: clamp(2rem, 9vw, 3.6rem);
  }

  .hero__body,
  .plan__copy p,
  .appointment__copy p,
  .support__copy p,
  .service-tile p,
  .enterprise__left p {
    font-size: 1rem;
    line-height: 1.6;
  }

  .hero__actions {
    gap: 10px;
  }

  .site-header__inner {
    padding-top: 10px;
    padding-bottom: 10px;
    gap: 8px;
  }

  .hero__actions .button {
    width: 100%;
  }

  .hero__points {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .hero__visual {
    min-height: auto;
    padding-top: 0;
  }

  .hero__image {
    width: min(100%, 860px);
    margin-inline: auto;
    transform: none;
  }

  .services {
    gap: 18px;
    min-height: auto;
  }

  .services__visual {
    min-height: 320px;
  }

  .services__subtitle {
    font-size: clamp(1.65rem, 7.8vw, 2.6rem);
  }

  .services__copy h2 {
    font-size: clamp(2.8rem, 12vw, 4rem);
  }

  .services__cta-button {
    margin-top: 18px;
  }

  .plan__poster,
  .lead__media,
  .appointment__media,
  .support__media {
    min-height: 320px;
  }

  .poster-card {
    width: 100%;
  }

  .message {
    width: 46%;
    height: 46px;
  }

  .message--white {
    width: 36%;
  }

  .message--dots {
    width: 22%;
  }

  .play--plan {
    width: 82px;
    height: 82px;
    bottom: 96px;
  }

  .appointment-card {
    left: 0;
    width: 100%;
    height: 360px;
  }

  .support__media {
    min-height: 320px;
  }

  .support-card {
    left: 0;
    width: 100%;
    height: 320px;
  }

  .play--support {
    left: 18px;
    bottom: 104px;
  }

  .enterprise__left {
    padding: 34px 20px 28px;
  }

  .enterprise__card {
    grid-template-columns: 1fr;
  }

  .enterprise__visual {
    min-height: 0;
  }

}

@media (max-width: 560px) {
  .site-header {
    top: 10px;
    width: calc(100% - 20px);
  }
  .site-header__inner {
    grid-template-columns: auto 1fr;
    align-items: center;
    justify-items: stretch;
    gap: 10px;
  }

  .site-footer__inner {
    grid-template-columns: 1fr;
    align-items: start;
    justify-items: stretch;
    gap: 10px;
  }

  .site-footer__links { justify-content: flex-start; width: 100%; }

  .site-header__logo {
    width: 70px;
    height: 70px;
    transform: scale(1.55);
  }

  .site-footer__logo {
    width: 92px;
    height: 92px;
  }

  .site-header__cta {
    display: none;
  }

  .panel__inner {
    padding: 30px 20px 24px;
  }

  .panel--hero .panel__inner {
    padding-top: 24px;
  }

  .hero__body,
  .plan__copy p,
  .appointment__copy p,
  .support__copy p,
  .service-tile p {
    line-height: 1.55;
  }

  .hero__copy .button,
  .button {
    width: 100%;
    min-width: 0;
  }

  .button--compact {
    width: auto;
  }

  .hero__visual {
    min-height: auto;
  }

  .hero__title {
    font-size: clamp(2.35rem, 12vw, 3.6rem);
    line-height: 0.96;
    letter-spacing: -0.045em;
    max-width: 11ch;
  }

  .hero__body {
    margin-top: 18px;
  }

  .services h2,
  .plan__copy h2,
  .appointment__copy h2,
  .support__copy h2,
  .enterprise__intro h2 {
    font-size: clamp(1.85rem, 8.6vw, 3.1rem);
  }

  .plan__copy h2,
  .lead__copy h2,
  .appointment__copy h2,
  .support__copy h2,
  .enterprise__intro h2 {
    letter-spacing: -0.05em;
  }

  .service-tile h3 {
    font-size: clamp(1.55rem, 7vw, 2.2rem);
  }

  .service-tile p {
    font-size: 0.98rem;
  }

  .plan__poster,
  .lead__media,
  .appointment__media,
  .support__media {
    min-height: 240px;
  }

  .enterprise__intro p {
    margin-top: 16px;
  }

  .support__copy {
    padding-left: 0;
  }

  .plan__copy,
  .lead__copy,
  .appointment__copy,
  .support__copy,
  .enterprise__left {
    padding-left: 0;
  }

  .plan__copy .plan__benefits {
    margin-top: 26px;
  }

  .plan__copy .plan__benefit-text {
    font-size: 0.98rem;
  }

  .hero__body,
  .plan__copy p,
  .lead__copy p,
  .appointment__copy p,
  .support__copy p,
  .service-tile p,
  .enterprise__left p {
    max-width: none;
  }
}

/* Final SaaS polish overrides */
.panel + .panel {
  margin-top: clamp(72px, 5vw, 118px);
}

.panel__inner {
  max-width: min(var(--max), 1400px);
  padding: clamp(84px, 6.6vw, 124px) 44px;
  border-radius: 28px;
}

.button,
.hero__button-secondary,
.services__cta-button,
.enterprise__cta {
  border-radius: 999px !important;
}

.services__visual,
.demo-frame,
.enterprise__card,
.panel__inner {
  border-radius: 24px;
}

.demo-frame {
  border: 1px solid rgba(49, 121, 182, 0.16);
  box-shadow: 0 16px 36px rgba(16, 62, 103, 0.11);
}

/* Header/Hero cleanup per requested style */
body {
  background:
    radial-gradient(circle at 6% 34%, rgba(255, 255, 255, 0.38), transparent 20%),
    radial-gradient(circle at 94% 34%, rgba(255, 255, 255, 0.38), transparent 20%),
    radial-gradient(circle at 50% 24%, rgba(255, 255, 255, 0.18), transparent 34%),
    linear-gradient(180deg, #b7d9f3 0%, #aed4f2 42%, #a6cff0 76%, #8fc0eb 100%) !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(ellipse at center bottom, rgba(88, 158, 220, 0.34) 0%, rgba(88, 158, 220, 0) 56%);
}

.site-header {
  top: 12px !important;
  width: min(100% - 92px, 1200px) !important;
  background: rgba(236, 245, 252, 0.92) !important;
  border: 1px solid rgba(34, 98, 155, 0.14) !important;
  box-shadow: 0 6px 16px rgba(19, 75, 121, 0.08) !important;
}

.site-header__inner {
  grid-template-columns: auto 1fr auto;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  gap: 22px;
}

.site-header__brand {
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.site-header__logo {
  width: clamp(72px, 6.8vw, 98px);
  height: clamp(72px, 6.8vw, 98px);
  transform: scale(1.45);
  filter: none !important;
}

.site-header__nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(16px, 2vw, 32px);
}

.site-header__nav a {
  font-size: 0.95rem;
  line-height: 1;
  white-space: nowrap;
}

.site-header__cta {
  min-height: 42px;
  padding: 0 26px;
  font-size: 0.95rem;
}

.site-header__nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(14px, 1.8vw, 30px);
}

.site-header__nav a {
  color: rgba(14, 49, 83, 0.86);
  font-size: 0.95rem;
  font-weight: 600;
}

.site-header__cta {
  min-height: 44px;
  padding: 0 24px;
  font-size: 0.94rem;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.96);
  color: #183e63;
  border: 1px solid rgba(37, 107, 168, 0.14);
  box-shadow: 0 4px 10px rgba(18, 71, 115, 0.08);
}

.site-header__cta:hover {
  background: #ffffff;
}

.site-header__cta .cta-mobile {
  display: none;
}

.site-header__cta .cta-desktop {
  display: inline;
}

.hero__cta-primary .hero-cta-mobile {
  display: none;
}

.hero__cta-primary .hero-cta-desktop {
  display: inline;
}

.panel--hero .panel__inner {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.panel--hero {
  position: relative;
  overflow: hidden;
}

.panel--hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(ellipse 480px 260px at 8% 34%, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 70%),
    radial-gradient(ellipse 520px 280px at 92% 32%, rgba(255, 255, 255, 0.46), rgba(255, 255, 255, 0) 72%),
    radial-gradient(ellipse 640px 320px at 50% 18%, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0) 74%),
    radial-gradient(ellipse 760px 260px at 50% 102%, rgba(120, 184, 235, 0.34), rgba(120, 184, 235, 0) 68%);
}

.panel--hero .hero {
  position: relative;
  z-index: 1;
}

.hero__voice-showcase {
  margin: clamp(34px, 4vw, 54px) auto 0;
  position: relative;
  width: min(100%, 860px);
  min-height: 290px;
  display: grid;
  place-items: center;
}

.hero__voice-card {
  width: min(100%, 560px);
  min-height: 250px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(40, 110, 169, 0.16);
  border-radius: 26px;
  box-shadow: 0 20px 36px rgba(19, 75, 121, 0.1);
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 14px;
}

.hero__voice-card img {
  width: clamp(170px, 18vw, 250px);
  height: auto;
  display: block;
}

.hero__voice-card p {
  margin: 0;
  font-size: clamp(1rem, 1.2vw, 1.25rem);
  font-weight: 700;
  color: #1a4a74;
  letter-spacing: -0.01em;
}

.hero__call-pill {
  position: absolute;
  top: 45%;
  width: min(42vw, 330px);
  min-height: 64px;
  border-radius: 999px;
  padding: 10px 14px;
  background: rgba(244, 251, 255, 0.96);
  border: 1px solid rgba(39, 110, 169, 0.14);
  box-shadow: 0 10px 24px rgba(19, 75, 121, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.hero__call-pill--left {
  left: 0;
  transform: translate(-12%, -50%) rotate(-10deg);
}

.hero__call-pill--right {
  right: 0;
  transform: translate(12%, -50%) rotate(10deg);
}

.hero__call-pill-name {
  font-size: clamp(0.9rem, 1vw, 1.02rem);
  color: #1b4f7c;
  font-weight: 700;
}

.hero__call-pill-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.hero__dot {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  color: #ffffff;
}

.hero__dot svg {
  width: 16px;
  height: 16px;
  transform: rotate(0deg);
}

.hero__dot--decline {
  background: #ff7e60;
}

.hero__dot--accept {
  background: #5ecb76;
}

.hero__dot--accept svg {
  transform: rotate(-34deg);
}

.hero__dot--decline svg {
  transform: rotate(146deg);
}

/* RevenueWell-like palette */
:root {
  --bg: #b7d9f3;
  --bg-soft: #d7ebfa;
  --bg-alt: #9fcaec;
  --text: #0f2d4b;
  --muted: rgba(15, 45, 75, 0.72);
  --accent: #0ea5ff;
  --accent-2: #eef7ff;
}

body {
  background:
    radial-gradient(circle at 7% 32%, rgba(255, 255, 255, 0.38), transparent 18%),
    radial-gradient(circle at 93% 32%, rgba(255, 255, 255, 0.38), transparent 18%),
    radial-gradient(circle at 50% 24%, rgba(255, 255, 255, 0.22), transparent 34%),
    linear-gradient(180deg, #b7d9f3 0%, #afd4f1 44%, #a2ceef 78%, #8ebee9 100%) !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse at center bottom, rgba(70, 145, 212, 0.34) 0%, rgba(70, 145, 212, 0) 58%);
}

.site-header {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  transition: background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease, backdrop-filter 220ms ease;
}

.site-header.site-header--scrolled {
  background: rgba(226, 235, 243, 0.92) !important;
  border: 1px solid rgba(162, 186, 206, 0.55) !important;
  box-shadow: 0 10px 28px rgba(12, 42, 72, 0.12) !important;
  backdrop-filter: blur(8px) !important;
}

.button {
  background: linear-gradient(180deg, #27b2ff 0%, #109ef7 100%);
}

/* --- RevenueWell-style background alternation --- */
body {
  background: #13a1ea !important;
}

body::before {
  content: none !important;
}

.page {
  width: min(100% - 90px, 1380px);
  margin: 22px auto 34px;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 18px 44px rgba(0, 51, 95, 0.22);
  background: #ffffff;
}

.panel {
  margin-top: 0 !important;
  border-top: 0;
}

.panel__inner {
  max-width: 1160px;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Light sections */
.panel--hero .panel__inner,
.panel--plan .panel__inner,
.panel--support .panel__inner {
  background: #d7e6f1 !important;
}

/* Dark sections */
.panel--services .panel__inner,
.panel--enterprise .panel__inner {
  background: #052345 !important;
}

/* Mid-light section */
.panel--appointment .panel__inner {
  background: #cfe0ec !important;
}

/* Text contrast in dark sections */
.panel--services h2,
.panel--services .services__subtitle,
.panel--services .services__lead,
.panel--services .services__demo-status,
.panel--enterprise h3,
.panel--enterprise p,
.panel--enterprise .enterprise__benefits b,
.panel--enterprise .enterprise__benefits small {
  color: #f4fbff !important;
}

.panel--services .services__subtitle-highlight::after {
  opacity: 0.75;
}

.panel--enterprise .enterprise__card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.site-footer {
  background: #f2f4f7 !important;
  border-top: 1px solid rgba(20, 62, 96, 0.14);
}

/* --- RevenueWell closer match (background + section alternation) --- */
body {
  background: #10a2eb !important;
}

body::before {
  content: none !important;
}

.page {
  width: 100%;
  margin: 0;
  background: #ffffff;
  border-radius: 0;
  overflow: visible;
  box-shadow: none;
}

.panel {
  margin-top: 0 !important;
  border-top: 0 !important;
}

.panel__inner {
  max-width: 1140px;
  padding: clamp(74px, 6vw, 110px) 34px;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.panel--hero {
  background: #c8d9e6 !important;
  border-radius: 0 0 50% 50% / 0 0 62% 62%;
  overflow: hidden;
}

.panel--hero::before {
  content: none !important;
}

.panel--hero .panel__inner {
  max-width: none !important;
  width: 100% !important;
  background: transparent !important;
}

.panel--services,
.panel--enterprise {
  background: #001e43 !important;
}

.panel--plan,
.panel--appointment,
.panel--support {
  background: #d5e4ee !important;
}

/* Keep inner wrappers identical to parent section color (no double backgrounds) */
.panel--hero .panel__inner {
  background: #c8d9e6 !important;
  border-radius: inherit !important;
}

.panel--hero::after {
  content: none;
}

.panel--hero .hero {
  position: relative;
  z-index: 1;
}

.panel--services .panel__inner,
.panel--enterprise .panel__inner {
  background: #001e43 !important;
}

.panel--plan .panel__inner,
.panel--appointment .panel__inner,
.panel--support .panel__inner {
  background: #d5e4ee !important;
}

.panel--services .services__eyebrow,
.panel--services h2,
.panel--services .services__subtitle,
.panel--services .services__lead,
.panel--services .services__demo-status,
.panel--enterprise h3,
.panel--enterprise p,
.panel--enterprise .enterprise__benefits b,
.panel--enterprise .enterprise__benefits small {
  color: #f2f9ff !important;
}

.panel--services .button,
.panel--enterprise .button {
  box-shadow: 0 10px 24px rgba(14, 118, 191, 0.28);
}

.site-footer {
  background: #f1f4f7 !important;
}

/* Numbers + floating demo section */
.panel--numbers {
  position: relative;
  background: #001e43 !important;
  padding-bottom: clamp(320px, 27vw, 440px);
  z-index: 3;
  overflow: visible !important;
}

.panel--numbers .panel__inner {
  background: #001e43 !important;
}

.numbers {
  color: #f1f8ff;
  text-align: center;
}

.numbers__eyebrow {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #0f3558;
  font-weight: 700;
}

.numbers__grid {
  margin-top: clamp(28px, 3.6vw, 54px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(20px, 2.4vw, 40px);
}

.numbers__item h3 {
  margin: 0;
  font-size: clamp(3rem, 5.6vw, 6rem);
  line-height: 0.92;
  color: #0f3558;
  letter-spacing: -0.03em;
}

.numbers__label {
  margin: 16px 0 0;
  color: #0f3558;
  font-size: clamp(1.1rem, 1.8vw, 2rem);
  line-height: 1.2;
}

.numbers__item > p:last-child {
  margin: 14px 0 0;
  color: rgba(15, 53, 88, 0.82);
  font-size: clamp(1rem, 1.2vw, 1.35rem);
  line-height: 1.55;
}

.numbers__closing {
  margin: clamp(40px, 4vw, 62px) 0 0;
  font-size: clamp(1.1rem, 1.5vw, 1.7rem);
  color: #0f3558;
}

.numbers__closing strong {
  color: #0f3558;
}

.numbers__floating-card {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: clamp(-145px, -12vw, -95px);
  width: min(100% - 42px, 1320px);
  background: #eef4f9;
  border-radius: 26px;
  border: 1px solid rgba(20, 63, 102, 0.16);
  box-shadow: 0 22px 44px rgba(0, 25, 53, 0.26);
  display: grid;
  grid-template-columns: minmax(300px, 0.42fr) minmax(0, 0.58fr);
  gap: 28px;
  padding: clamp(26px, 3vw, 38px);
  z-index: 5;
}

.panel--plan {
  position: relative;
  z-index: 1;
  margin-top: 0 !important;
  overflow: visible !important;
  padding-top: clamp(150px, 12vw, 220px);
}

/* Match enterprise background to hero */
.panel--enterprise,
.panel--enterprise .panel__inner {
  background: #c8d9e6 !important;
}

.panel--enterprise h3,
.panel--enterprise p,
.panel--enterprise .enterprise__benefits b,
.panel--enterprise .enterprise__benefits small {
  color: #13395c !important;
}

.numbers__floating-copy h3 {
  margin: 0;
  font-size: clamp(2rem, 3.2vw, 3.2rem);
  color: #13395c;
  letter-spacing: -0.02em;
}

.numbers__floating-copy p {
  margin: 14px 0 0;
  color: rgba(16, 53, 86, 0.86);
  font-size: clamp(1rem, 1.14vw, 1.28rem);
  line-height: 1.56;
}

.numbers__line-label {
  margin-top: 20px !important;
  color: #1ea8ff !important;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-weight: 800;
  font-size: 0.95rem !important;
}

.numbers__line-phone {
  margin-top: 6px !important;
  font-size: clamp(1.8rem, 2.6vw, 3rem) !important;
  font-weight: 800;
  color: #13395c !important;
  letter-spacing: -0.02em;
}

.numbers__floating-copy .button {
  margin-top: 18px;
  min-width: min(100%, 420px);
}

.numbers__floating-video {
  border-radius: 18px;
  overflow: hidden;
  background: #062448;
  min-height: 360px;
}

.numbers__floating-video iframe,
.numbers__floating-video video {
  border: 0;
  width: 100%;
  height: 100%;
  min-height: 360px;
  display: block;
}

@media (max-width: 1100px) {
  .numbers__grid {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .panel--numbers {
    padding-bottom: 34px;
  }

  .numbers__floating-card {
    position: relative;
    left: auto;
    transform: none;
    bottom: auto;
    margin: 34px auto 0;
    grid-template-columns: 1fr;
    width: min(100% - 28px, 980px);
  }
}

@media (max-width: 980px) {
  .hero__voice-showcase {
    min-height: 260px;
  }

  .hero__call-pill {
    width: min(44vw, 280px);
    min-height: 58px;
    top: 48%;
  }

  .hero__call-pill--left {
    transform: translate(-6%, -50%) rotate(-8deg);
  }

  .hero__call-pill--right {
    transform: translate(6%, -50%) rotate(8deg);
  }
}

@media (max-width: 760px) {
  .hero__voice-showcase {
    min-height: 0;
    display: none;
  }
}

/* Hero split layout: left copy + right future image slot */
.panel--hero .hero {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(320px, 0.96fr);
  align-items: center;
  gap: clamp(30px, 4vw, 72px);
  max-width: 1260px;
  margin: 0 auto;
}

.panel--hero .hero__copy {
  max-width: 760px;
  margin-inline: auto;
  text-align: left;
  justify-self: center;
}

.panel--hero .hero__title,
.panel--hero .hero__body {
  margin-inline: 0;
}

.panel--hero .hero__title {
  padding-right: 0.08em;
  overflow: visible;
}

.panel--hero .hero__accent {
  display: inline-block;
  padding-right: 0.12em;
}

/* White canvas + occasional semicircle accents (reference style) */
:root {
  --hero-accent-surface: #c8d9e6;
}

body {
  background: #ffffff !important;
}

body::before {
  content: none !important;
}

.page {
  background: #ffffff !important;
}

.panel,
.panel__inner,
.panel--services,
.panel--services .panel__inner,
.panel--numbers,
.panel--numbers .panel__inner,
.panel--plan,
.panel--plan .panel__inner,
.panel--appointment,
.panel--appointment .panel__inner,
.panel--support,
.panel--support .panel__inner,
.panel--enterprise,
.panel--enterprise .panel__inner {
  background: #ffffff !important;
}

.panel--hero {
  background: var(--hero-accent-surface) !important;
  border-radius: 0 0 50% 50% / 0 0 62% 62%;
  overflow: hidden;
}

.panel--numbers,
.panel--enterprise {
  position: relative;
  overflow: visible;
}

.panel--numbers {
  z-index: 20;
  isolation: isolate;
}

.panel--enterprise {
  z-index: 1;
}

.panel--numbers::before,
.panel--enterprise::before {
  content: "";
  position: absolute;
  width: clamp(300px, 42vw, 760px);
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background: var(--hero-accent-surface);
  z-index: 0;
}

.panel--numbers::before {
  width: clamp(560px, 58vw, 1100px);
  right: clamp(-300px, -10vw, -40px);
  bottom: clamp(-520px, -26vw, -260px);
  z-index: 2;
  pointer-events: none;
}

.panel--enterprise::before {
  width: clamp(240px, 24vw, 360px);
  left: clamp(-220px, -12vw, -110px);
  top: clamp(24px, 2.6vw, 48px);
}

.panel--numbers .panel__inner,
.panel--enterprise .panel__inner {
  position: relative;
}

.panel--numbers .panel__inner {
  z-index: 5;
}

.panel--enterprise .panel__inner {
  z-index: 1;
}

.panel--enterprise {
  margin-top: clamp(220px, 18vw, 360px) !important;
}

/* Benefits cards section */
.panel--enterprise .benefits-showcase {
  max-width: min(var(--max), 1320px);
  padding-top: clamp(80px, 10vw, 140px);
  padding-bottom: clamp(34px, 4vw, 56px);
  background: transparent !important;
}

.benefits-showcase__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 28px);
  margin-top: clamp(36px, 4.5vw, 72px);
}

.benefit-card {
  background: #ffffff;
  border: 1px solid rgba(18, 66, 107, 0.12);
  border-radius: 28px;
  min-height: 230px;
  padding: 26px 24px 24px;
  box-shadow: 0 14px 28px rgba(15, 50, 85, 0.08);
}

.benefit-card h3 {
  margin: 0;
  color: #13395c;
  font-size: clamp(1.15rem, 1.55vw, 1.7rem);
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.benefit-card__icon {
  width: 44px;
  height: 44px;
  display: inline-grid;
  place-items: center;
  margin-bottom: 16px;
  color: #16aebc;
}

.benefit-card__icon svg {
  width: 28px;
  height: 28px;
}

.benefit-card p {
  margin: 14px 0 0;
  color: rgba(19, 57, 92, 0.86);
  font-size: clamp(0.97rem, 1.05vw, 1.08rem);
  line-height: 1.52;
}

.benefit-card p strong {
  color: #0f3558;
}

.benefit-card--featured {
  background: linear-gradient(180deg, #6cc8ff 0%, #49b8fb 52%, #2ea7f8 100%);
  border-color: rgba(72, 166, 232, 0.72);
  box-shadow: 0 18px 34px rgba(58, 160, 225, 0.24);
}

.benefit-card--featured h3,
.benefit-card--featured p {
  color: #f8feff;
}

.benefit-card--featured p strong {
  color: #0b0d10;
}

.benefit-card--featured .benefit-card__icon {
  color: #f8feff;
}

@media (max-width: 1180px) {
  .benefits-showcase__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .benefits-showcase__grid {
    grid-template-columns: 1fr;
  }
}

/* Testimonials section */
.panel--testimonials {
  background: #ffffff !important;
}

.panel--testimonials .panel__inner {
  max-width: none;
  padding-top: clamp(140px, 14vw, 220px);
  padding-bottom: clamp(70px, 8vw, 120px);
  padding-left: clamp(24px, 3.4vw, 56px);
  padding-right: clamp(34px, 5vw, 90px);
}

.testimonials {
  display: grid;
  grid-template-columns: minmax(340px, 430px) minmax(0, 1fr);
  align-items: center;
  gap: clamp(54px, 6vw, 120px);
  max-width: none;
  margin: 0;
  width: 100%;
}

.testimonials__left {
  position: relative;
  overflow: visible;
}

.testimonials__right {
  width: 100%;
}

.testimonials__visual {
  position: relative;
  min-height: clamp(420px, 42vw, 560px);
}

.testimonials__ring {
  position: absolute;
  border: 2px solid rgba(19, 57, 92, 0.08);
  border-radius: 50%;
}

.testimonials__ring--one {
  width: clamp(380px, 38vw, 520px);
  height: clamp(380px, 38vw, 520px);
  left: clamp(-80px, -4vw, -20px);
  top: clamp(20px, 4vw, 72px);
}

.testimonials__ring--two {
  width: clamp(500px, 50vw, 700px);
  height: clamp(500px, 50vw, 700px);
  left: clamp(-160px, -8vw, -60px);
  top: clamp(-40px, -2vw, 20px);
}

.testimonials__avatar {
  position: absolute;
  border-radius: 50%;
  overflow: hidden;
  background: #e9eff4;
  border: 3px solid #ffffff;
  cursor: pointer;
  transition: transform 320ms ease, box-shadow 320ms ease, opacity 320ms ease;
}

.testimonials__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 18%;
}

.testimonials__avatar--main {
  width: clamp(300px, 31vw, 430px);
  height: clamp(300px, 31vw, 430px);
  left: clamp(70px, 8vw, 140px);
  top: clamp(90px, 9vw, 140px);
  z-index: 4;
}

.testimonials__avatar--small-top {
  width: clamp(74px, 7vw, 108px);
  height: clamp(74px, 7vw, 108px);
  left: clamp(24px, 2vw, 56px);
  top: clamp(0px, 1vw, 20px);
  z-index: 3;
}

.testimonials__avatar--small-bottom {
  width: clamp(74px, 7vw, 108px);
  height: clamp(74px, 7vw, 108px);
  left: clamp(26px, 2.2vw, 60px);
  bottom: clamp(-8px, 0vw, 10px);
  z-index: 3;
}

.testimonials__avatar.is-active {
  box-shadow: 0 20px 42px rgba(15, 52, 88, 0.2);
}

.testimonials__quote-mark {
  position: absolute;
  right: clamp(20px, 3vw, 60px);
  top: clamp(40px, 4vw, 80px);
  color: #1fb2c5;
  font-size: clamp(13rem, 18vw, 18rem);
  line-height: 0.7;
  font-weight: 700;
}

.testimonials__dot {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.testimonials__dot--black {
  left: clamp(12px, 1.6vw, 30px);
  top: clamp(200px, 20vw, 250px);
  background: #1b1f24;
}

.testimonials__dot--cyan {
  right: clamp(38px, 4vw, 80px);
  bottom: clamp(86px, 8vw, 130px);
  background: #1fb2c5;
}

.testimonials__dot--yellow {
  right: clamp(120px, 11vw, 190px);
  top: clamp(30px, 3vw, 64px);
  width: 14px;
  height: 14px;
  border: 4px solid #f5b300;
  background: transparent;
}

.testimonials__quote {
  margin: 0;
  color: #1c1f24;
  font-size: clamp(1.9rem, 3.2vw, 4rem);
  line-height: 1.14;
  letter-spacing: -0.02em;
  max-width: 34ch;
}

.testimonials__content {
  width: 100%;
  max-width: 100%;
  justify-self: start;
  margin-left: clamp(110px, 10vw, 220px);
  padding-right: 0;
}

.testimonials__author {
  margin: 26px 0 0;
  color: #111722;
  font-size: clamp(1.3rem, 1.9vw, 2rem);
  font-weight: 700;
}

.testimonials__location {
  margin: 6px 0 0;
  color: rgba(17, 23, 34, 0.48);
  font-size: clamp(1rem, 1.2vw, 1.14rem);
}

.testimonials__pager {
  margin-top: 28px;
  display: inline-flex;
  gap: 8px;
}

.testimonials__pager button {
  border: 0;
  padding: 0;
  cursor: pointer;
  width: 28px;
  height: 4px;
  border-radius: 999px;
  background: rgba(15, 53, 88, 0.18);
}

.testimonials__pager .is-active {
  background: #1fb2c5;
}

@media (max-width: 980px) {
  .testimonials {
    grid-template-columns: 1fr;
  }

  .testimonials__left {
    overflow: visible;
  }

  .testimonials__visual {
    min-height: clamp(360px, 60vw, 520px);
  }
}

/* FAQ section */
.panel--faq {
  background: #ffffff !important;
}

.panel--faq .panel__inner {
  max-width: min(var(--max), 1320px);
  padding-top: clamp(200px, 22vw, 340px);
  padding-bottom: clamp(70px, 8vw, 120px);
}

.faq__head {
  max-width: 760px;
}

.faq__head h2 {
  margin: 0;
  font-size: clamp(2rem, 3.4vw, 3.4rem);
  line-height: 0.95;
  letter-spacing: -0.03em;
  color: #0f3558;
}

.faq__head p {
  margin: 14px 0 0;
  color: rgba(15, 53, 88, 0.78);
  font-size: clamp(1rem, 1.15vw, 1.2rem);
  line-height: 1.55;
}

.faq__grid {
  margin-top: clamp(28px, 3vw, 44px);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(14px, 1.8vw, 24px);
}

.faq__item {
  background: #ffffff;
  border: 1px solid rgba(19, 57, 92, 0.12);
  border-radius: 20px;
  padding: clamp(18px, 2vw, 24px);
  box-shadow: 0 10px 24px rgba(15, 52, 88, 0.06);
}

.faq__item summary {
  list-style: none;
  cursor: pointer;
  margin: 0;
  color: #123a60;
  font-size: clamp(1.02rem, 1.25vw, 1.26rem);
  line-height: 1.35;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.faq__item summary::-webkit-details-marker {
  display: none;
}

.faq__item summary::after {
  content: "+";
  flex: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid rgba(19, 57, 92, 0.22);
  color: #0f3558;
  display: inline-grid;
  place-items: center;
  font-size: 1.1rem;
  line-height: 1;
}

.faq__item[open] summary::after {
  content: "-";
}

.faq__item summary:hover {
  color: #0f3558;
}

.faq__item p {
  margin: 10px 0 0;
  color: rgba(15, 53, 88, 0.84);
  font-size: clamp(0.95rem, 1.05vw, 1.05rem);
  line-height: 1.58;
}

.faq__item[open] {
  box-shadow: 0 14px 30px rgba(15, 52, 88, 0.1);
}

@media (max-width: 920px) {
  .faq__grid {
    grid-template-columns: 1fr;
  }
}

/* Final CTA */
.panel--final-cta {
  background: #c8d9e6 !important;
  border-radius: 50% 50% 0 0 / 62% 62% 0 0;
  overflow: hidden;
}

.panel--final-cta .panel__inner {
  max-width: min(var(--max), 1160px);
  padding-top: clamp(100px, 11vw, 170px);
  padding-bottom: clamp(68px, 8vw, 128px);
  background: transparent !important;
}

.panel--final-cta .enterprise {
  display: block;
  min-height: auto !important;
}

.panel--final-cta .enterprise__left {
  max-width: 860px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

.panel--final-cta .enterprise__left h3 {
  color: #0f3558 !important;
}

.panel--final-cta .enterprise__left p {
  color: rgba(15, 53, 88, 0.84) !important;
  max-width: 48ch;
  margin: 14px auto 0;
}

.panel--final-cta .enterprise__cta {
  margin: 24px auto 0;
}

.panel--hero .hero__actions {
  justify-content: flex-start;
}

.hero__media-placeholder {
  width: 100%;
  min-height: clamp(360px, 38vw, 560px);
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.hero__media-image {
  width: clamp(460px, 44vw, 760px);
  height: auto;
  display: block;
  object-fit: contain;
  object-position: center bottom;
  transform: translateY(clamp(10px, 1.2vw, 18px));
}

@media (max-width: 980px) {
  .panel--hero .hero {
    grid-template-columns: 1fr;
  }

  .hero__media-placeholder {
    display: none;
  }
}

@media (max-width: 760px) {
  .site-header {
    top: 8px !important;
    width: calc(100% - 16px) !important;
    border-radius: 18px !important;
  }

  .site-header__inner {
    grid-template-columns: auto 1fr auto !important;
    grid-template-areas: "brand . cta";
    align-items: center;
    gap: 8px 10px !important;
    padding: 8px 12px !important;
  }

  .site-header__brand {
    grid-area: brand;
  }

  .site-header__cta {
    display: inline-flex !important;
    grid-area: cta;
    min-height: 36px !important;
    padding: 0 12px !important;
    font-size: 0.82rem !important;
    justify-self: end;
  }

  .site-header__nav {
    display: none !important;
  }

  .site-header__logo {
    width: 58px !important;
    height: 58px !important;
    transform: scale(1.2) !important;
  }

  .site-header__cta .cta-desktop {
    display: none;
  }

  .site-header__cta .cta-mobile {
    display: inline;
  }

  .panel--hero {
    border-radius: 0 0 50% 50% / 0 0 34% 34% !important;
  }

  .panel--hero .panel__inner {
    padding-top: clamp(138px, 26vw, 180px) !important;
  }

  .hero__button-secondary {
    display: none !important;
  }

  .hero__cta-primary .hero-cta-desktop {
    display: none;
  }

  .hero__cta-primary .hero-cta-mobile {
    display: inline;
  }

  .panel--hero .hero__actions {
    justify-content: center !important;
  }

  .hero__actions .hero__cta-primary {
    width: auto !important;
    min-width: 0;
    max-width: min(100%, 280px);
    justify-self: center;
    margin-inline: auto;
    padding-inline: 22px;
  }

  .panel--numbers::before,
  .panel--enterprise::before {
    content: none !important;
  }

  .panel--final-cta {
    border-radius: 50% 50% 0 0 / 36% 36% 0 0 !important;
  }

  .panel--final-cta .panel__inner {
    padding-top: clamp(68px, 14vw, 96px) !important;
    padding-bottom: clamp(38px, 8vw, 62px) !important;
  }
}





.is-cal-modal-open {
  overflow: hidden;
}

.cal-overlay[hidden] {
  display: none;
}

.cal-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: 20px;
}

.cal-overlay__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(5, 17, 34, 0.7);
  backdrop-filter: blur(2px);
}

.cal-overlay__dialog {
  position: relative;
  width: min(980px, 100%);
  height: min(85vh, 760px);
  border-radius: 16px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
  z-index: 1;
}

.cal-overlay__frame {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.cal-overlay__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  z-index: 2;
}