.ai-receptionist-page {
  --ai-paper: #f1eee5;
  --ai-paper-2: #e5dfd2;
  --ai-card: #fffdf7;
  --ai-ink: #111713;
  --ai-muted: #535c56;
  --ai-night: #07110c;
  --ai-green: #176d53;
  --ai-mint: #80edbb;
  --ai-signal: #d8ad5f;
  --ai-yellow: #f1d48a;
  --ai-line: rgba(17, 23, 19, .14);
  color: var(--ai-ink);
  background: var(--ai-paper);
}

.ai-receptionist-page .nav { background: rgba(7, 17, 12, .96); }
.ai-receptionist-page .nav-shell { min-height: 72px; }
.ai-receptionist-page .nav-actions .language-switcher { display: flex; }
.ai-receptionist-page .btn-ghost { color: var(--white); border-color: rgba(255, 255, 255, .18); }
.ai-receptionist-page .btn { border-radius: 999px; }
.ai-receptionist-page .btn-gold { color: #171108; background: var(--ai-yellow); border-color: #f8df7d; box-shadow: 0 13px 31px rgba(244, 211, 94, .18); }

.ai-hero {
  position: relative;
  overflow: hidden;
  color: #f8f5eb;
  background: var(--ai-night);
}

.ai-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .5;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(128, 237, 187, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(128, 237, 187, .055) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(110deg, #000, transparent 80%);
}

.ai-hero::after {
  content: "";
  width: 620px;
  height: 620px;
  position: absolute;
  right: -300px;
  top: -310px;
  border: 100px solid rgba(216, 173, 95, .08);
  border-radius: 50%;
  pointer-events: none;
}

.ai-hero-inner {
  width: min(calc(100% - 64px), 1380px);
  min-height: 720px;
  position: relative;
  z-index: 1;
  margin: auto;
  padding: 72px 0 82px;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(500px, .88fr);
  align-items: center;
  gap: clamp(48px, 6vw, 92px);
}

.ai-receptionist-page .eyebrow { color: var(--ai-signal); font-size: 10px; font-weight: 900; letter-spacing: .17em; }
.ai-receptionist-page .eyebrow.dark { color: var(--ai-green); }
.ai-hero-copy h1 { max-width: 720px; margin: 18px 0 22px; font-size: clamp(58px, 6vw, 92px); font-weight: 900; letter-spacing: -.08em; line-height: .88; text-wrap: balance; }
.ai-hero-lede { max-width: 650px; margin: 0; color: rgba(255, 255, 255, .67); font-size: clamp(18px, 1.7vw, 22px); line-height: 1.56; }
.ai-hero-lede strong { color: var(--ai-yellow); font-weight: 780; }
.ai-hero-actions { margin-top: 29px; display: flex; flex-wrap: wrap; gap: 10px; }
.ai-hero-actions .btn { min-height: 52px; padding: 14px 20px; font-size: 13px; }
.ai-hero-actions .btn-light { color: #fff; border-color: rgba(255, 255, 255, .27); }
.ai-hero-points { margin: 24px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; list-style: none; }
.ai-hero-points li { padding: 8px 11px; color: rgba(255, 255, 255, .68); background: rgba(255, 255, 255, .045); border: 1px solid rgba(255, 255, 255, .1); border-radius: 999px; font-size: 10px; font-weight: 760; }
.ai-hero-note { max-width: 650px; margin: 14px 0 0; color: rgba(255, 255, 255, .4); font-size: 10px; line-height: 1.55; }

.ai-signal-stage { min-width: 0; padding: 28px 0; }
.ai-signal-board {
  --tilt-x: 0deg;
  --tilt-y: 0deg;
  min-height: 600px;
  margin: 0;
  overflow: hidden;
  position: relative;
  color: #f8f6ec;
  background: linear-gradient(148deg, #15291f, #090f0c 72%);
  border: 1px solid rgba(128, 237, 187, .22);
  border-radius: 28px;
  box-shadow: 0 45px 110px rgba(0, 0, 0, .48), inset 0 0 0 10px rgba(255, 255, 255, .018);
  transform: perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
  transition: transform .45s cubic-bezier(.2, .75, .2, 1);
}

.ai-signal-board::before { content: "VOICE / 01"; position: absolute; right: -39px; top: 45%; color: rgba(255, 255, 255, .035); font-size: 86px; font-weight: 950; letter-spacing: -.08em; transform: rotate(-90deg); pointer-events: none; }
.ai-signal-board::after { content: ""; width: 330px; height: 330px; position: absolute; left: 50%; top: 43%; border: 1px dashed rgba(244, 211, 94, .18); border-radius: 50%; transform: translate(-50%, -50%); animation: ai-board-orbit 24s linear infinite; }
.ai-call-meter { min-height: 68px; position: relative; z-index: 4; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, .1); }
.ai-call-meter span { display: flex; align-items: center; gap: 9px; color: rgba(255, 255, 255, .6); font-size: 9px; font-weight: 900; letter-spacing: .13em; }
.ai-call-meter span i { width: 8px; height: 8px; display: block; background: var(--ai-signal); border-radius: 50%; box-shadow: 0 0 0 6px rgba(216, 173, 95, .13); }
.ai-call-meter time { color: var(--ai-yellow); font-size: 22px; font-weight: 900; font-variant-numeric: tabular-nums; }
.ai-hero-voiceprint { width: 76%; height: 210px; position: absolute; z-index: 2; left: 12%; top: 135px; display: flex; align-items: center; justify-content: center; gap: clamp(3px, .45vw, 7px); }
.ai-hero-voiceprint i { width: clamp(3px, .38vw, 6px); height: 14%; display: block; background: linear-gradient(180deg, var(--ai-yellow), var(--ai-signal) 48%, var(--ai-mint)); border-radius: 99px; transform-origin: center; animation: ai-voice 1.1s ease-in-out infinite; }
.ai-hero-voiceprint i:nth-child(3n) { height: 44%; animation-delay: -.2s; }
.ai-hero-voiceprint i:nth-child(4n) { height: 78%; animation-delay: -.4s; }
.ai-hero-voiceprint i:nth-child(5n) { height: 96%; animation-delay: -.6s; }
.ai-hero-voiceprint i:nth-child(7n) { height: 57%; animation-delay: -.8s; }
.ai-signal-board[data-phase="listening"] .ai-hero-voiceprint i { animation-play-state: paused; opacity: .48; }
.ai-signal-board[data-phase="confirming"] .ai-hero-voiceprint i { background: linear-gradient(180deg, var(--ai-mint), #2ebd84); }
.ai-live-state { position: absolute; z-index: 4; left: 24px; top: 352px; display: grid; gap: 5px; }
.ai-live-state span { color: var(--ai-signal); font-size: 8px; font-weight: 900; letter-spacing: .14em; }
.ai-live-state strong { font-size: 17px; }
.ai-dialogue { width: calc(100% - 48px); position: absolute; z-index: 5; left: 24px; bottom: 76px; padding: 18px 19px; color: #17201b; background: #f7f3e8; border: 1px solid var(--ai-signal); border-radius: 16px; box-shadow: 0 18px 50px rgba(0, 0, 0, .32); }
.ai-dialogue small { display: block; margin-bottom: 6px; color: var(--ai-green); font-size: 8px; font-weight: 900; letter-spacing: .13em; }
.ai-dialogue p { margin: 0; font-size: 13px; font-weight: 760; line-height: 1.42; }
.ai-dialogue footer { margin-top: 11px; padding-top: 9px; display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #657069; border-top: 1px solid var(--ai-line); font-size: 9px; font-weight: 800; }
.ai-equalizer { height: 18px; display: inline-flex; align-items: center; gap: 3px; }
.ai-equalizer i { width: 3px; height: 6px; display: block; background: var(--ai-green); border-radius: 99px; animation: ai-mini-wave .8s ease-in-out infinite; }
.ai-equalizer i:nth-child(2) { height: 13px; animation-delay: .11s; }
.ai-equalizer i:nth-child(3) { height: 9px; animation-delay: .22s; }
.ai-equalizer i:nth-child(4) { height: 15px; animation-delay: .33s; }
.ai-call-score { height: 54px; position: absolute; z-index: 5; inset: auto 0 0; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; border-top: 1px solid rgba(255, 255, 255, .1); }
.ai-call-score li { padding: 0 14px; display: flex; align-items: center; gap: 8px; color: rgba(255, 255, 255, .35); border-right: 1px solid rgba(255, 255, 255, .1); }
.ai-call-score li:last-child { border-right: 0; }
.ai-call-score b { color: var(--ai-signal); font-size: 8px; }
.ai-call-score span { font-size: 8px; font-weight: 900; letter-spacing: .1em; }
.ai-call-score li.is-active { color: #fff; background: rgba(128, 237, 187, .06); }
.ai-dialogue p, .ai-dialogue footer span, .ai-live-state strong { transition: opacity .22s ease, transform .22s ease; }
.ai-signal-board[data-changing="true"] .ai-dialogue p, .ai-signal-board[data-changing="true"] .ai-dialogue footer span, .ai-signal-board[data-changing="true"] .ai-live-state strong { opacity: .12; transform: translateY(4px); }

.ai-proof-strip { display: grid; grid-template-columns: repeat(4, 1fr); color: var(--ai-ink); background: #d9c69f; border-bottom: 1px solid #bea675; }
.ai-proof-strip article { min-height: 105px; padding: 23px clamp(20px, 3vw, 42px); display: grid; align-content: center; gap: 5px; border-right: 1px solid rgba(31, 59, 45, .16); }
.ai-proof-strip article:last-child { border-right: 0; }
.ai-proof-strip strong { font-size: 12px; }
.ai-proof-strip span { color: rgba(25, 47, 36, .68); font-size: 10px; line-height: 1.45; }

.ai-standalone-band { padding: 56px 0; background: #fffdf7; border-bottom: 1px solid var(--ai-line); }
.ai-standalone-inner { width: min(calc(100% - 64px), 1240px); margin: auto; display: grid; grid-template-columns: minmax(210px, .52fr) minmax(0, 1.15fr) minmax(240px, .58fr); align-items: stretch; gap: 18px; }
.ai-growth-proof { padding: 27px; display: flex; flex-direction: column; justify-content: center; color: #fff; background: var(--ai-green); border-radius: 18px; box-shadow: 0 20px 48px rgba(23, 109, 83, .16); }
.ai-growth-proof > span { color: var(--ai-yellow); font-size: 9px; font-weight: 900; letter-spacing: .14em; }
.ai-growth-proof strong { margin: 9px 0 5px; font-size: clamp(48px, 5vw, 70px); letter-spacing: -.07em; line-height: 1; }
.ai-growth-proof p { margin: 0; color: rgba(255, 255, 255, .72); font-size: 11px; line-height: 1.5; }
.ai-standalone-copy { padding: 16px 10px; }
.ai-standalone-copy h2 { margin: 10px 0 9px; font-size: clamp(31px, 3vw, 46px); letter-spacing: -.055em; line-height: 1; }
.ai-standalone-copy > p { margin: 0; color: var(--ai-muted); font-size: 13px; line-height: 1.6; }
.ai-provider-row { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 7px; }
.ai-provider-row span { padding: 8px 10px; color: #315345; background: #eef5f0; border: 1px solid #d6e6dc; border-radius: 999px; font-size: 10px; font-weight: 800; }
.ai-standalone-action { padding: 24px; display: flex; flex-direction: column; justify-content: center; background: #eee8dc; border: 1px solid var(--ai-line); border-radius: 18px; }
.ai-standalone-action strong { font-size: 15px; }
.ai-standalone-action > span { margin: 7px 0 18px; color: var(--ai-muted); font-size: 10px; line-height: 1.5; }
.ai-receptionist-page .btn-dark { min-height: 46px; color: #fff; background: var(--ai-night); border-color: var(--ai-night); }

.ai-section { padding: 106px 0; }
.ai-section.alt { background: var(--ai-paper-2); }
.ai-section-inner { width: min(calc(100% - 64px), 1240px); margin: auto; }
.ai-section-head { max-width: 860px; margin-bottom: 43px; }
.ai-section-head h2 { margin: 13px 0 0; font-size: clamp(40px, 4.5vw, 64px); font-weight: 880; letter-spacing: -.065em; line-height: .98; text-wrap: balance; }
.ai-section-head p { max-width: 720px; margin: 17px 0 0; color: var(--ai-muted); font-size: 15px; line-height: 1.6; }
.ai-behavior-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border: 1px solid var(--ai-line); }
.ai-behavior-card { min-height: 265px; padding: 26px; background: var(--ai-card); border-right: 1px solid var(--ai-line); }
.ai-behavior-card:last-child { border-right: 0; }
.ai-behavior-card > span { color: var(--ai-signal); font-size: 12px; font-weight: 950; }
.ai-behavior-card h3 { margin: 72px 0 10px; font-size: 20px; letter-spacing: -.035em; line-height: 1.12; }
.ai-behavior-card p { margin: 0; color: var(--ai-muted); font-size: 12px; line-height: 1.58; }

.ai-conversation-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, .72fr); gap: 58px; align-items: center; }
.ai-conversation-card { overflow: hidden; background: var(--ai-card); border: 1px solid var(--ai-line); border-radius: 22px; box-shadow: 0 26px 66px rgba(35, 29, 17, .1); }
.ai-conversation-head { min-height: 76px; padding: 14px 20px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 13px; background: var(--ai-night); }
.ai-line-mini { width: 47px; height: 47px; display: flex; align-items: center; justify-content: center; gap: 3px; border: 1px solid rgba(128, 237, 187, .25); border-radius: 50%; }
.ai-line-mini i { width: 3px; height: 10px; background: var(--ai-signal); border-radius: 99px; animation: ai-mini-wave .9s ease-in-out infinite; }
.ai-line-mini i:nth-child(2), .ai-line-mini i:nth-child(4) { height: 22px; animation-delay: -.2s; }
.ai-line-mini i:nth-child(3) { height: 31px; animation-delay: -.4s; }
.ai-line-title { display: grid; }
.ai-line-title strong { color: #fff; font-size: 12px; }
.ai-line-title small { color: rgba(255, 255, 255, .42); font-size: 9px; }
.ai-listening { padding: 7px 9px; color: #092117; background: var(--ai-mint); border-radius: 999px; font-size: 8px; font-weight: 950; letter-spacing: .08em; }
.ai-messages { margin: 0; padding: 24px; display: grid; gap: 11px; list-style: none; }
.ai-messages li { max-width: 85%; padding: 12px 14px; color: #46534d; background: #eee9df; border-radius: 4px 15px 15px 15px; font-size: 12px; line-height: 1.5; }
.ai-messages li.receptionist { justify-self: end; color: #fff; background: var(--ai-green); border-radius: 15px 4px 15px 15px; }
.ai-outcome { margin: 0 24px 24px; padding: 12px 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #604d17; background: #fae999; border: 1px solid #ecd56e; border-radius: 10px; font-size: 10px; }
.ai-boundaries { display: grid; gap: 0; border-top: 1px solid var(--ai-line); }
.ai-boundary { padding: 18px 0; display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 14px; border-bottom: 1px solid var(--ai-line); }
.ai-boundary > span { width: 29px; height: 29px; display: grid; place-items: center; color: #fff; background: var(--ai-signal); border-radius: 50%; font-size: 10px; font-weight: 900; }
.ai-boundary h3 { margin: 0 0 4px; font-size: 16px; }
.ai-boundary p { margin: 0; color: var(--ai-muted); font-size: 12px; line-height: 1.55; }

.ai-live-showcase { position: relative; overflow: hidden; padding: 110px 0; color: #f8f5ec; background: var(--ai-night); }
.ai-live-showcase::before { content: "CALL / LISTEN / CHECK / CONFIRM /"; position: absolute; left: -20px; bottom: -32px; color: rgba(255, 255, 255, .026); font-size: 100px; font-weight: 950; white-space: nowrap; letter-spacing: -.07em; }
.ai-live-showcase-inner { width: min(calc(100% - 64px), 1240px); position: relative; z-index: 1; margin: auto; display: grid; grid-template-columns: minmax(0, .82fr) minmax(430px, .72fr); gap: clamp(55px, 8vw, 105px); align-items: center; }
.ai-live-showcase-copy h2 { margin: 15px 0 18px; font-size: clamp(44px, 5vw, 70px); letter-spacing: -.07em; line-height: .93; }
.ai-live-showcase-copy > p { color: rgba(255, 255, 255, .6); font-size: 15px; line-height: 1.65; }
.ai-live-checks { margin: 24px 0; padding: 0; display: grid; gap: 9px; list-style: none; }
.ai-live-checks li { display: flex; align-items: center; gap: 10px; color: rgba(255, 255, 255, .72); font-size: 12px; }
.ai-live-checks li::before { content: ""; width: 24px; height: 2px; background: var(--ai-signal); }
.ai-call-now { min-height: 75px; margin-top: 27px; padding: 12px 15px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 13px; color: var(--ai-ink); background: var(--ai-yellow); border-radius: 999px; text-decoration: none; box-shadow: 0 19px 50px rgba(244, 211, 94, .15); transition: transform .2s ease; }
.ai-call-now:hover { transform: translateY(-3px); }
.ai-call-now-icon { width: 48px; height: 48px; display: grid; place-items: center; color: #fff; background: var(--ai-signal); border-radius: 50%; }
.ai-call-now > span:nth-child(2) { display: grid; }
.ai-call-now strong { font-size: 12px; }
.ai-call-now small { color: rgba(21, 20, 13, .62); font-size: 9px; }
/* 034: the phone demo line comes first; the browser call is the second option. */
.ai-call-now + .ai-call-now { margin-top: 12px; }
.ai-call-now-browser { min-height: 64px; color: #f8f5ec; background: transparent; border: 1px solid rgba(255, 255, 255, .24); box-shadow: none; }
.ai-call-now-browser .ai-call-now-icon { width: 40px; height: 40px; color: var(--ai-ink); background: #f8f5ec; }
.ai-call-now-browser small { color: rgba(255, 255, 255, .62); }

.ai-phone-demo { padding: 18px; background: #111d17; border: 1px solid rgba(128, 237, 187, .2); border-radius: 25px; box-shadow: 0 38px 92px rgba(0, 0, 0, .45); }
.ai-phone-demo > header { min-height: 43px; padding: 0 4px 13px; display: flex; align-items: center; justify-content: space-between; color: rgba(255, 255, 255, .55); border-bottom: 1px solid rgba(255, 255, 255, .09); font-size: 8px; font-weight: 900; letter-spacing: .12em; }
.ai-phone-demo > header span { display: flex; align-items: center; gap: 8px; }
.ai-phone-demo > header i { width: 7px; height: 7px; display: block; background: var(--ai-signal); border-radius: 50%; box-shadow: 0 0 0 5px rgba(216, 173, 95, .11); }
.ai-phone-demo > header b { color: var(--ai-yellow); font-size: 17px; letter-spacing: 0; }
.ai-phone-line { padding: 18px 4px 11px; display: flex; align-items: center; gap: 15px; }
.ai-line-orbit { width: 72px; height: 72px; position: relative; display: grid; place-items: center; flex: 0 0 auto; border: 1px dashed rgba(244, 211, 94, .36); border-radius: 50%; animation: ai-spin 18s linear infinite; }
.ai-line-orbit::before { content: ""; width: 12px; height: 12px; background: var(--ai-signal); border-radius: 50%; box-shadow: 0 0 0 9px rgba(216, 173, 95, .11), 0 0 28px rgba(216, 173, 95, .36); }
.ai-line-orbit i { position: absolute; inset: 8px; border: 1px solid rgba(128, 237, 187, .16); border-radius: 50%; }
.ai-phone-line small, .ai-phone-line strong { display: block; }
.ai-phone-line small { margin-bottom: 5px; color: var(--ai-yellow); font-size: 8px; font-weight: 900; letter-spacing: .09em; }
.ai-phone-line strong { font-size: 15px; }
.ai-phone-wave { height: 75px; padding: 0 12px; display: flex; align-items: center; justify-content: center; gap: 7px; overflow: hidden; background: #07110c; border-radius: 15px; }
.ai-phone-wave i { width: 5px; height: 22%; background: linear-gradient(var(--ai-yellow), var(--ai-signal), var(--ai-mint)); border-radius: 99px; animation: ai-voice .95s ease-in-out infinite; }
.ai-phone-wave i:nth-child(3n) { height: 74%; animation-delay: -.3s; }
.ai-phone-wave i:nth-child(4n) { height: 45%; animation-delay: -.6s; }
.ai-phone-wave i:nth-child(5n) { height: 92%; animation-delay: -.8s; }
.ai-phone-transcript { padding: 16px 0 4px; display: grid; gap: 9px; }
.ai-phone-transcript p { width: 84%; margin: 0; padding: 11px 12px; color: #26312b; background: var(--ai-paper); border-radius: 4px 13px 13px 13px; font-size: 11px; line-height: 1.5; }
.ai-phone-transcript p.receptionist { justify-self: end; color: #fff; background: var(--ai-green); border-radius: 13px 4px 13px 13px; }
.ai-phone-transcript small { margin-bottom: 3px; display: block; opacity: .58; font-size: 7px; font-weight: 900; letter-spacing: .12em; }
.ai-phone-demo > footer { margin-top: 12px; padding: 12px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #574412; background: var(--ai-yellow); border-radius: 10px; font-size: 9px; }

.ai-plan-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.ai-plan-card { min-height: 315px; padding: 27px; display: flex; flex-direction: column; background: var(--ai-card); border: 1px solid var(--ai-line); border-radius: 18px; }
.ai-plan-card.featured { color: #fff; background: var(--ai-green); border-color: var(--ai-green); box-shadow: 0 27px 64px rgba(23, 109, 83, .18); }
.ai-plan-card > small { color: var(--ai-signal); font-weight: 900; letter-spacing: .12em; }
.ai-plan-card.featured > small { color: var(--ai-yellow); }
.ai-plan-card h3 { margin: 11px 0 4px; font-size: 25px; }
.ai-plan-price { margin: 8px 0 18px; font-size: 38px; font-weight: 900; letter-spacing: -.05em; }
.ai-plan-price small { font-size: 11px; font-weight: 650; letter-spacing: 0; }
.ai-plan-card ul { margin: 0 0 22px; padding-left: 18px; color: var(--ai-muted); font-size: 12px; }
.ai-plan-card.featured ul { color: rgba(255, 255, 255, .7); }
.ai-plan-card li { margin: 7px 0; }
.ai-plan-total { margin-top: auto; padding-top: 16px; color: #59655f; border-top: 1px solid var(--ai-line); font-size: 10px; }
.ai-plan-card.featured .ai-plan-total { color: rgba(255, 255, 255, .7); border-color: rgba(255, 255, 255, .15); }
.ai-plan-cta { min-height: 44px; margin-top: auto; padding: 11px 15px; display: inline-flex; align-items: center; justify-content: center; color: #fff; background: var(--ai-night); border: 1px solid var(--ai-night); border-radius: 999px; text-decoration: none; font-size: 11px; font-weight: 850; transition: transform .2s ease, background .2s ease; }
.ai-plan-card.featured .ai-plan-cta { color: var(--ai-ink); background: var(--ai-yellow); border-color: var(--ai-yellow); }
.ai-plan-cta:hover { transform: translateY(-2px); }
.ai-plan-cta:focus-visible { outline: 3px solid var(--ai-signal); outline-offset: 3px; }
.ai-pricing-note { margin: 21px 0 0; color: var(--ai-muted); font-size: 11px; }
.ai-faq { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.ai-faq details { background: var(--ai-card); border: 1px solid var(--ai-line); border-radius: 13px; }
.ai-faq summary { padding: 18px 45px 18px 18px; position: relative; cursor: pointer; list-style: none; font-size: 12px; font-weight: 800; }
.ai-faq summary::-webkit-details-marker { display: none; }
.ai-faq summary::after { content: "+"; position: absolute; top: 15px; right: 17px; color: var(--ai-signal); font-size: 19px; }
.ai-faq details[open] summary::after { content: "−"; }
.ai-faq p { margin: 0; padding: 0 18px 18px; color: var(--ai-muted); font-size: 11px; line-height: 1.55; }
.ai-final { width: min(calc(100% - 48px), 1360px); margin: 40px auto; padding: 68px max(30px, 6vw); display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: 60px; color: #fff; background: linear-gradient(135deg, #173f31, #0b2119); border-radius: 24px; }
.ai-final .eyebrow { color: var(--ai-yellow); }
.ai-final h2 { max-width: 780px; margin: 13px 0 0; font-size: clamp(42px, 5vw, 68px); letter-spacing: -.07em; line-height: .95; }
.ai-final p { color: rgba(255, 255, 255, .62); }
.ai-final-actions { display: grid; gap: 9px; }
.ai-final-actions .btn { min-height: 52px; }
.ai-final-actions .btn-gold { color: #111713; background: var(--ai-yellow); }
.ai-final-actions .btn-light { color: #fff; border-color: rgba(255, 255, 255, .45); }

@media (max-width: 980px) {
  .ai-hero-inner { grid-template-columns: 1fr; }
  .ai-hero-copy { max-width: 790px; }
  .ai-signal-stage { width: min(680px, 100%); margin: auto; }
  .ai-proof-strip, .ai-behavior-grid { grid-template-columns: 1fr 1fr; }
  .ai-proof-strip article:nth-child(2), .ai-behavior-card:nth-child(2) { border-right: 0; }
  .ai-proof-strip article:nth-child(-n + 2), .ai-behavior-card:nth-child(-n + 2) { border-bottom: 1px solid rgba(31, 59, 45, .16); }
  .ai-conversation-grid, .ai-live-showcase-inner, .ai-final { grid-template-columns: 1fr; }
  .ai-standalone-inner { grid-template-columns: minmax(210px, .6fr) minmax(0, 1fr); }
  .ai-standalone-action { grid-column: 1 / -1; }
  .ai-plan-grid { overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .ai-plan-grid::-webkit-scrollbar { display: none; }
  .ai-plan-card { min-width: min(330px, 78vw); scroll-snap-align: start; }
}

@media (max-width: 620px) {
  .ai-receptionist-page .nav-actions .btn-ghost { display: none; }
  .ai-receptionist-page .nav-shell { width: calc(100% - 28px); }
  .ai-hero-inner, .ai-section-inner, .ai-live-showcase-inner, .ai-standalone-inner { width: calc(100% - 32px); }
  .ai-hero-inner { min-height: 0; padding: 43px 0 58px; gap: 0; }
  .ai-hero-copy { display: contents; }
  .ai-hero-copy > .eyebrow { order: 1; }
  .ai-hero-copy h1 { order: 2; margin: 15px 0 24px; font-size: clamp(50px, 14.2vw, 64px); line-height: .86; }
  .ai-hero-lede { order: 3; font-size: 16px; }
  .ai-hero-actions { order: 4; }
  .ai-signal-stage { order: 5; margin: 29px 0 0; padding: 0; }
  .ai-hero-points { order: 6; }
  .ai-hero-note { order: 7; }
  .ai-hero-actions .btn { width: 100%; }
  .ai-signal-board { min-height: 505px; border-radius: 21px; }
  .ai-call-meter { min-height: 58px; padding: 0 15px; }
  .ai-call-meter span { font-size: 7px; }
  .ai-call-meter time { font-size: 18px; }
  .ai-hero-voiceprint { width: 88%; height: 166px; left: 6%; top: 112px; gap: 3px; }
  .ai-hero-voiceprint i { width: 3px; }
  .ai-live-state { left: 16px; top: 290px; }
  .ai-dialogue { width: calc(100% - 32px); left: 16px; bottom: 67px; padding: 14px; }
  .ai-dialogue p { font-size: 11px; }
  .ai-call-score { height: 49px; }
  .ai-call-score li { padding: 0 8px; gap: 5px; }
  .ai-call-score span { font-size: 6px; }
  .ai-proof-strip { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .ai-proof-strip::-webkit-scrollbar { display: none; }
  .ai-proof-strip article { min-width: 76vw; min-height: 88px; flex: 0 0 auto; border-right: 1px solid rgba(31, 59, 45, .16) !important; border-bottom: 0 !important; scroll-snap-align: start; }
  .ai-standalone-band { padding: 26px 0 50px; }
  .ai-standalone-inner { grid-template-columns: 1fr; gap: 12px; }
  .ai-standalone-action { grid-column: auto; }
  .ai-growth-proof, .ai-standalone-action { padding: 22px; }
  .ai-standalone-copy { padding: 12px 3px; }
  .ai-section, .ai-live-showcase { padding: 68px 0; }
  .ai-section-head { margin-bottom: 29px; }
  .ai-section-head h2 { font-size: 40px; }
  .ai-behavior-grid, .ai-conversation-grid, .ai-faq { grid-template-columns: 1fr; }
  .ai-behavior-card { min-height: 210px; border-right: 0; border-bottom: 1px solid var(--ai-line); }
  .ai-behavior-card:last-child { border-bottom: 0; }
  .ai-behavior-card h3 { margin-top: 43px; }
  .ai-conversation-grid { gap: 34px; }
  .ai-messages { padding: 18px; }
  .ai-outcome { margin: 0 18px 18px; }
  .ai-live-showcase-copy h2 { font-size: 44px; }
  .ai-call-now { border-radius: 20px; }
  .ai-phone-demo { padding: 14px; border-radius: 20px; }
  .ai-phone-line { padding-left: 0; }
  .ai-line-orbit { width: 62px; height: 62px; }
  .ai-final { width: calc(100% - 24px); margin: 18px auto; padding: 47px 21px; gap: 27px; border-radius: 19px; }
  .ai-final h2 { font-size: 42px; }
}

@media (prefers-reduced-motion: reduce) {
  .ai-receptionist-page *, .ai-receptionist-page *::before, .ai-receptionist-page *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}

@keyframes ai-voice { 0%, 100% { transform: scaleY(.32); opacity: .5; } 50% { transform: scaleY(1); opacity: 1; } }
@keyframes ai-mini-wave { 0%, 100% { transform: scaleY(.45); } 50% { transform: scaleY(1.1); } }
@keyframes ai-board-orbit { from { transform: translate(-50%, -50%) rotate(0); } to { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes ai-spin { to { transform: rotate(360deg); } }

/* Glo, the receptionist's face, on the call buttons and in the call examples. */
.ai-call-now-icon.ai-call-now-glo { overflow: visible; background: radial-gradient(circle at 50% 60%, rgba(241, 212, 138, .32), rgba(241, 212, 138, 0) 70%); }
.ai-call-now-glo img { width: 54px; height: 54px; display: block; filter: drop-shadow(0 6px 8px rgba(0, 0, 0, .28)); }
.ai-glo-avatar { width: 22px; height: 22px; margin: -6px 6px -6px 0; display: inline-block; vertical-align: middle; }

/* Readable sizes and AA contrast for small print. */
.ai-hero-note { color: rgba(255, 255, 255, .64); font-size: 12px; }
.ai-dialogue small { font-size: 11px; }
.ai-dialogue p { font-size: 13px; }
.ai-proof-strip span { color: rgba(25, 47, 36, .86); font-size: 12px; }
.ai-growth-proof > span { color: #ffe6a3; font-size: 12px; }
.ai-growth-proof p { color: rgba(255, 255, 255, .9); font-size: 13px; }
.ai-standalone-action > span { font-size: 12px; }
.ai-phone-transcript p { font-size: 13px; }
.ai-pricing-note { font-size: 13px; }
.ai-faq p { font-size: 14px; }
.ai-behavior-card > span, .ai-plan-card > small { color: #8f6216; }
.ai-plan-card.featured > small { color: #ffe6a3; }
.ai-plan-card.featured ul { color: rgba(255, 255, 255, .9); }
.ai-line-title small { color: rgba(255, 255, 255, .66); font-size: 11px; }
.ai-call-now small { color: rgba(21, 20, 13, .78); font-size: 12px; }
.ai-phone-transcript small { opacity: .85; font-size: 10px; }
.ai-call-now-browser small { color: rgba(255, 255, 255, .72); }