/* Supporting-section fidelity pass based on the approved homepage concepts. */
:root { --wide-section: 1400px; }

.guided-strip .container,
.mechanism > .container,
.mechanism-explainer .container,
.voice-section .container,
.example-stage .container,
.pilot-section .container {
  width: min(calc(100% - 96px), var(--wide-section));
  max-width: var(--wide-section);
}

.section-concept-note {
  position: absolute;
  z-index: 4;
  right: 34px;
  bottom: 12px;
  margin: 0;
  color: #7992b8;
  font-size: .68rem;
  font-style: italic;
}

.section-concept-note.light-note { color: #6f84b0; }

/* New overview from the supplied “More Relevant Conversation” concept. */
.conversation-overview {
  position: relative;
  min-height: 610px;
  padding: 64px 0 34px;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 11%, rgba(19, 124, 255, .38), transparent 34%),
    radial-gradient(circle at 18% 75%, rgba(101, 66, 238, .26), transparent 31%),
    linear-gradient(118deg, #071a3e 0%, #082b60 53%, #061b42 100%);
}

.conversation-overview:before,
.conversation-overview:after {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  border-radius: 50%;
}

.conversation-overview:before {
  width: 1280px;
  height: 280px;
  left: -300px;
  bottom: -175px;
  transform: rotate(-10deg);
  border: 62px solid rgba(37, 83, 174, .25);
  box-shadow: 0 -30px 0 rgba(89, 61, 218, .18);
}

.conversation-overview:after {
  width: 900px;
  height: 165px;
  right: -240px;
  top: -110px;
  transform: rotate(12deg);
  background: linear-gradient(90deg, rgba(40, 125, 255, .06), rgba(48, 104, 223, .34));
}

.conversation-overview > .container {
  width: min(calc(100% - 96px), 1360px);
  max-width: 1360px;
}

.conversation-overview-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 550px minmax(0, 1fr);
  gap: 48px;
  align-items: center;
}

.conversation-overview-copy h2 {
  margin-bottom: 22px;
  font-size: clamp(3rem, 3.8vw, 3.9rem);
  line-height: 1.05;
}

.conversation-overview-copy > p:not(.eyebrow) {
  max-width: 590px;
  color: #e8f2ff;
  font-size: 1.08rem;
  line-height: 1.58;
}

.conversation-overview-copy .hero-actions { margin-top: 28px; }
.conversation-overview-copy .button { min-height: 55px; }

.conversation-overview-demo {
  position: relative;
  min-width: 0;
  min-height: 370px;
  padding: 10px 52px 0 0;
}

.overview-browser {
  position: relative;
  z-index: 2;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(171, 216, 255, .6);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 32px 72px rgba(0, 6, 27, .42);
}

.overview-browser .browser-bar { height: 35px; }

.overview-site-nav {
  height: 49px;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 0 16px;
  color: #091c46;
  background: #fff;
  border-bottom: 1px solid #e2eaf4;
  font-size: .62rem;
}

.overview-site-nav strong { margin-right: auto; font-size: .72rem; }
.overview-site-nav button { border: 0; border-radius: 7px; padding: 8px 14px; color: #fff; background: #082d62; font-size: .6rem; font-weight: 800; }

.overview-site-hero {
  min-height: 250px;
  padding: 31px 28px;
  color: #081842;
  background-image:
    linear-gradient(90deg, rgba(255,255,255,.98), rgba(255,255,255,.88) 48%, rgba(255,255,255,.05) 76%),
    url("service-ac.webp");
  background-position: center;
  background-size: cover;
}

.overview-site-hero > div { width: 52%; }
.overview-site-hero h3 { margin-bottom: 8px; font-size: 1.65rem; }
.overview-site-hero p { margin-bottom: 16px; color: #35496b; font-size: .71rem; line-height: 1.45; }
.overview-site-hero button { border: 0; border-radius: 7px; padding: 10px 17px; color: #fff; background: var(--coral); font-size: .66rem; font-weight: 800; }
.overview-site-hero span { margin-left: 12px; color: #12376d; font-size: .62rem; font-weight: 800; }

.overview-chat {
  position: absolute;
  z-index: 5;
  right: 7px;
  top: 115px;
  width: 255px;
  padding: 13px;
  border: 1px solid #d3e1f0;
  border-radius: 16px;
  color: #0a214c;
  background: rgba(255,255,255,.98);
  box-shadow: 0 24px 55px rgba(0, 18, 55, .28);
}

.overview-chat-intro { display: grid; grid-template-columns: 28px 1fr; gap: 7px; align-items: start; margin-bottom: 8px; }
.overview-chat-intro > span { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #177af1; font-size: .6rem; }
.overview-chat-intro p { margin: 0; padding: 8px; border-radius: 9px; background: #f4f8fd; font-size: .62rem; line-height: 1.25; }
.overview-chat button { width: calc(100% - 34px); min-height: 29px; display: block; margin: 5px 0 5px 34px; border: 1px solid #d6e2ef; border-radius: 7px; color: #17345f; background: #fff; font-size: .59rem; text-align: left; padding: 5px 9px; }
.overview-chat button.is-active { border-color: #89d8ef; background: #dcf6ff; }
.overview-chat-input { min-height: 35px; display: flex; align-items: center; justify-content: space-between; margin-top: 11px; padding: 0 8px 0 11px; border: 1px solid #d3dfec; border-radius: 999px; color: #8292aa; font-size: .58rem; }
.overview-chat-input b { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #177cf2; font-size: .65rem; }
.overview-mic { position: absolute; z-index: 4; right: -12px; bottom: 28px; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; color: #0d3976; background: #fff; box-shadow: 0 12px 28px rgba(0,18,55,.24); }
.helpful-note { position: absolute; z-index: 3; right: -72px; top: 170px; color: #b5f3ff; font-family: "Segoe Print", "Bradley Hand", cursive; font-size: .82rem; line-height: 1.15; transform: rotate(-8deg); }

.overview-journey {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  gap: 16px;
  align-items: center;
  margin-top: 24px;
  text-align: center;
}

.overview-journey > div { display: grid; justify-items: center; }
.overview-journey > div > span { width: 51px; height: 51px; display: grid; place-items: center; border: 2px solid rgba(255,255,255,.42); border-radius: 50%; color: #fff; background: linear-gradient(145deg, #16d2e8, #146ee9); box-shadow: 0 0 25px rgba(25,215,244,.32); }
.overview-journey > div:nth-of-type(2) > span { background: linear-gradient(145deg, #8a75ff, #5144dc); }
.overview-journey > div:nth-of-type(4) > span { background: linear-gradient(145deg, #ff8069, #f44d42); }
.overview-journey strong { margin-top: 8px; color: var(--cyan); font-size: .82rem; }
.overview-journey small { max-width: 190px; color: #d5e4f8; font-size: .67rem; line-height: 1.35; }
.overview-journey > b { color: var(--cyan); font-size: 1.25rem; }

/* From static pages to guided customer journeys */
.guided-strip {
  position: relative;
  z-index: 3;
  padding: 28px 0 38px;
  background:
    linear-gradient(180deg, #fff 0%, #fff 78%, #f3f8ff 100%);
}

.guided-strip h2 {
  margin: 0 0 22px;
  color: var(--ink);
  font-size: clamp(1.75rem, 2.35vw, 2.35rem);
}

.guided-strip .credibility-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.guided-strip .credibility-grid > div {
  min-height: 158px;
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 15px;
  align-items: center;
  align-content: center;
  padding: 21px 20px;
  border: 1px solid #dbe8f8;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 14px 38px rgba(20, 65, 126, .055);
}

.guided-strip .credibility-grid > div:last-child { border-right: 1px solid #dbe8f8; }
.guided-strip .credibility-grid > div > span:last-child { display: grid; }
.guided-strip .credibility-grid strong { color: #081744; font-size: 1.08rem; }
.guided-strip .credibility-grid small { margin-top: 5px; color: #536481; font-size: .85rem; line-height: 1.45; }
.journey-outcomes { display: flex !important; flex-wrap: wrap; gap: 5px; margin-top: 10px; }
.journey-outcomes b { padding: 4px 7px; border: 1px solid #bfe7df; border-radius: 999px; color: #087d73; background: #edfffa; font-size: .62rem; line-height: 1; }

.summary-icon {
  width: 60px;
  height: 60px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #1578ef;
  background: #dbf3ff;
  font-size: 1.65rem;
  font-weight: 800;
}

.summary-icon.purple { color: #6753eb; background: #ece8ff; }
.summary-icon.coral { color: #f45140; background: #ffe4df; }
.summary-icon.green { color: #05a69c; background: #d9faf3; }

/* Question-led hero adaptation, based on the supplied before/after concept. */
.hero-adaptation-section {
  padding: 88px 0 72px;
  overflow: hidden;
  border-top: 1px solid #edf2fa;
  border-bottom: 1px solid #e6eef9;
  background: #fff;
}

.hero-adaptation-section > .container {
  width: min(calc(100% - 96px), 1400px);
  max-width: 1400px;
}

.hero-adaptation-heading {
  text-align: center;
}

.hero-adaptation-heading .eyebrow {
  margin-bottom: 14px;
  color: var(--blue);
}
.hero-adaptation-heading h2 {
  max-width: none;
  margin: 0 auto 16px;
  color: var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(2.35rem, 3vw, 3.25rem);
  font-weight: 780;
  line-height: 1.05;
  letter-spacing: -.048em;
  white-space: nowrap;
}
.hero-adaptation-heading h2 span { color: var(--blue); }
.hero-adaptation-heading > p:last-child {
  margin: 0;
  color: var(--muted);
  font-size: 1.08rem;
  font-weight: 500;
  letter-spacing: 0;
}

.hero-adaptation-stage {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .94fr) 125px minmax(0, 1.06fr);
  gap: 21px;
  align-items: end;
  margin-top: 46px;
  padding: 34px 30px 58px;
  border: 1px solid var(--line);
  border-radius: 28px;
  background:
    radial-gradient(circle at 50% 56%, rgba(25, 215, 244, .14), transparent 24%),
    linear-gradient(145deg, #f8fbff 0%, #fff 50%, #f1f7ff 100%);
  box-shadow: 0 24px 70px rgba(8, 35, 82, .09);
}

.adapt-example { min-width: 0; }
.adapt-after { padding-right: 55px; }
.adapt-example-label {
  min-height: 56px;
  display: grid;
  justify-items: center;
  align-content: start;
  margin-bottom: 13px;
  color: #0a4f7b;
  line-height: 1.1;
  text-transform: uppercase;
}
.adapt-example-label strong {
  min-width: 146px;
  padding: 7px 20px;
  border: 1px solid #d6e4f4;
  border-radius: 999px;
  color: #29415f;
  background: #edf4fb;
  font-size: .9rem;
  letter-spacing: .16em;
  text-align: center;
}
.adapt-after .adapt-example-label strong {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(135deg, var(--cyan), var(--blue));
  box-shadow: 0 9px 24px rgba(33, 129, 255, .22);
}
.adapt-example-label span { margin-top: 8px; font-size: .67rem; font-weight: 800; letter-spacing: .25em; }

.adapt-laptop {
  position: relative;
  z-index: 2;
  min-width: 0;
  padding: 13px 13px 18px;
  border: 1px solid #263549;
  border-radius: 18px 18px 10px 10px;
  background: linear-gradient(145deg, #101b29, #02060c 72%);
  box-shadow: 0 23px 45px rgba(4, 34, 62, .25);
}
.adapt-laptop:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: -5%;
  bottom: -27px;
  width: 110%;
  height: 22px;
  border-radius: 2px 2px 18px 18px;
  background: linear-gradient(180deg, #c6d0d8, #6f7d88 48%, #dce5eb 55%, #7a8791);
  box-shadow: 0 9px 12px rgba(11, 40, 63, .2);
}
.adapt-laptop:before {
  content: "";
  position: absolute;
  left: 42%;
  bottom: -9px;
  width: 16%;
  height: 6px;
  border-radius: 0 0 7px 7px;
  background: #7b8891;
}
.device-camera {
  position: absolute;
  z-index: 4;
  left: 50%;
  top: 4px;
  width: 42px;
  height: 8px;
  transform: translateX(-50%);
  border-radius: 0 0 7px 7px;
  background: #02050a;
}
.adapt-screen {
  overflow: hidden;
  border-radius: 8px 8px 3px 3px;
  color: #08204a;
  background: #fff;
}
.adapt-site-nav {
  height: 43px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 14px;
  border-bottom: 1px solid #dce7ee;
  color: #0b3962;
  background: rgba(255,255,255,.96);
  font-size: .54rem;
}
.adapt-site-nav strong { margin-right: auto; font-size: .64rem; }
.adapt-site-nav b { padding: 6px 9px; border-radius: 999px; color: #fff; background: var(--coral); font-size: .52rem; }

.adapt-original-hero {
  min-height: 330px;
  display: grid;
  align-content: center;
  justify-items: center;
  padding: 34px 26px 28px;
  text-align: center;
  background-image:
    linear-gradient(180deg, rgba(244,251,255,.18), rgba(232,247,251,.1)),
    linear-gradient(90deg, rgba(255,255,255,.05), rgba(255,255,255,.68) 49%, rgba(255,255,255,.03)),
    url("service-ac.webp");
  background-position: center;
  background-size: cover;
}
.adapt-original-copy { max-width: 390px; padding: 14px 19px; border-radius: 15px; background: rgba(255,255,255,.78); backdrop-filter: blur(5px); }
.adapt-original-copy small,
.adapt-result-copy > small,
.adapt-phone-copy > small { color: #087998; font-size: .6rem; font-weight: 850; letter-spacing: .15em; }
.adapt-original-copy h3 { margin: 5px 0 7px; color: #071d46; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.55rem, 2vw, 2.05rem); font-weight: 500; }
.adapt-original-copy p { margin: 0; color: #375474; font-size: .7rem; }

.adapt-question-form {
  width: min(92%, 470px);
  min-height: 46px;
  display: grid;
  grid-template-columns: auto 1fr 34px;
  gap: 8px;
  align-items: center;
  margin-top: 18px;
  padding: 5px 6px 5px 13px;
  border: 1px solid #b7d7e6;
  border-radius: 999px;
  background: rgba(255,255,255,.97);
  box-shadow: 0 12px 26px rgba(2, 44, 76, .12);
}
.adapt-question-form > span { color: var(--blue); }
.adapt-question-form input { min-width: 0; border: 0; outline: 0; color: #173b60; background: transparent; font-size: .7rem; }
.adapt-question-form button { width: 34px; height: 34px; border: 0; border-radius: 50%; color: #fff; background: var(--blue); cursor: pointer; }
.adapt-prompt-row { display: flex; justify-content: center; gap: 7px; margin-top: 10px; }
.adapt-prompt-row button {
  min-height: 28px;
  padding: 4px 10px;
  border: 1px solid #c6dde7;
  border-radius: 999px;
  color: #17466c;
  background: rgba(255,255,255,.96);
  font-size: .55rem;
  cursor: pointer;
}
.adapt-prompt-row button.is-active { border-color: var(--blue); color: #fff; background: var(--blue); }
.adapt-benefit-strip { min-height: 48px; display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; color: #165173; background: #f7fbfd; font-size: .57rem; font-weight: 700; text-align: center; }

.adapt-transition {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 14px;
  padding-bottom: 152px;
  color: var(--blue);
  text-align: center;
}
.adapt-question-bubble {
  position: relative;
  width: 160px;
  display: grid;
  grid-template-columns: 27px 1fr;
  gap: 7px;
  align-items: center;
  padding: 12px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 15px 33px rgba(13, 76, 111, .15);
}
.adapt-question-bubble:after { content: ""; position: absolute; left: calc(50% - 10px); bottom: -10px; border: 10px solid transparent; border-top-color: #fff; border-bottom: 0; }
.adapt-question-bubble > span { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--blue); font-size: .55rem; }
.adapt-question-bubble p { margin: 0; color: #0b355d; font-size: .7rem; font-weight: 750; line-height: 1.3; text-align: left; }
.adapt-transition small { font-size: .78rem; font-weight: 700; line-height: 1.35; }
.adapt-transition b { color: var(--blue); font-size: 3rem; font-weight: 300; line-height: .7; }

.adapt-after-devices { position: relative; }
.adapt-result-hero {
  min-height: 330px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 135px;
  gap: 12px;
  align-content: center;
  padding: 29px 28px;
  background-image:
    linear-gradient(90deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.91) 51%, rgba(255,255,255,.18) 77%),
    url("service-ac.webp");
  background-position: center;
  background-size: cover;
}
.adapt-result-copy { align-self: center; }
.adapt-result-copy h3 { max-width: 330px; margin: 5px 0 7px; color: #071d46; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.55rem, 2vw, 2.15rem); font-weight: 500; }
.adapt-result-copy p { max-width: 330px; margin: 0 0 9px; color: #365272; font-size: .69rem; }
.adapt-result-copy ul,
.adapt-phone-copy ul { list-style: none; display: grid; gap: 4px; margin: 0 0 11px; padding: 0; color: #274a6c; font-size: .6rem; }
.adapt-result-copy li:before,
.adapt-phone-copy li:before { content: "✓"; margin-right: 6px; color: var(--blue); font-weight: 900; }
.adapt-result-copy button,
.adapt-phone-copy button { border: 0; border-radius: 999px; padding: 8px 13px; color: #fff; background: linear-gradient(135deg, var(--coral), #ff8067); font-size: .58rem; font-weight: 800; }
.adapt-proof-card,
.adapt-person-card { align-self: center; padding: 8px; border: 1px solid rgba(211,227,236,.9); border-radius: 11px; background: rgba(255,255,255,.9); box-shadow: 0 8px 20px rgba(11, 57, 91, .1); }
.adapt-proof-card { display: grid; text-align: center; }
.adapt-proof-photo { min-height: 74px; display: grid; place-items: center; margin-bottom: 7px; border-radius: 8px; color: #fff; background-image: linear-gradient(rgba(4,38,68,.18), rgba(4,38,68,.18)), url("service-ac.webp"); background-position: center; background-size: cover; }
.adapt-proof-card strong { color: #153b60; font-size: .59rem; }
.adapt-proof-card small { color: #637790; font-size: .5rem; }
.adapt-person-card { display: grid; grid-template-columns: 27px 1fr auto; gap: 6px; align-items: center; margin-top: 9px; }
.adapt-person-card > span { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--blue); font-size: .5rem; }
.adapt-person-card small { color: #1b4569; font-size: .53rem; font-weight: 750; line-height: 1.15; }
.adapt-person-card b { color: #0c83a3; }

.adapt-phone {
  position: absolute;
  z-index: 5;
  right: -52px;
  bottom: -35px;
  width: 142px;
  min-height: 316px;
  overflow: hidden;
  padding: 15px 6px 7px;
  border: 5px solid #08111d;
  border-radius: 27px;
  color: #0a2449;
  background: #fff;
  box-shadow: 0 18px 35px rgba(3, 29, 52, .3);
}
.phone-speaker { position: absolute; left: 35%; top: 5px; width: 30%; height: 5px; border-radius: 999px; background: #02060b; }
.adapt-phone-nav { min-height: 30px; display: flex; align-items: center; justify-content: space-between; padding: 0 5px; color: #0a4068; font-size: .5rem; }
.adapt-phone-image { height: 76px; margin-inline: -1px; background: url("service-ac.webp") center/cover; }
.adapt-phone-copy { padding: 10px 7px 6px; }
.adapt-phone-copy h4 { margin: 3px 0 5px; color: #071d46; font-family: Georgia, "Times New Roman", serif; font-size: .93rem; font-weight: 500; }
.adapt-phone-copy p { margin-bottom: 7px; color: #48607a; font-size: .51rem; line-height: 1.4; }
.adapt-phone-copy ul { font-size: .49rem; }
.adapt-phone-copy button { width: 100%; padding-block: 7px; font-size: .49rem; }

.adapt-after-devices.just-updated .adapt-laptop { animation: adapt-refresh .5s ease; }
@keyframes adapt-refresh { 50% { transform: translateY(-3px); box-shadow: 0 30px 60px rgba(15, 135, 170, .28); } }
.adaptation-closing { display: grid; grid-template-columns: minmax(40px, 110px) auto minmax(40px, 110px); gap: 22px; justify-content: center; align-items: center; margin-top: 64px; }
.adaptation-closing span { height: 1px; background: #b9cce4; }
.adaptation-closing p { margin: 0; color: #31547e; font-size: .82rem; font-weight: 800; letter-spacing: .22em; text-transform: uppercase; }

@media (max-width: 1150px) {
  .hero-adaptation-heading h2 { white-space: normal; }
}

/* Real-time adaptive service example */
.mechanism {
  padding: 70px 0 74px;
  background:
    radial-gradient(circle at 68% 23%, rgba(18, 118, 244, .44), transparent 35%),
    radial-gradient(circle at 12% 72%, rgba(99, 69, 237, .28), transparent 31%),
    linear-gradient(118deg, #061630 0%, #082c61 52%, #061b41 100%);
}

.mechanism:before,
.mechanism:after,
.example-stage:before,
.example-stage:after,
.pilot-section:before,
.pilot-section:after {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  border-radius: 50%;
}

.mechanism:before {
  width: 1080px;
  height: 260px;
  left: -310px;
  top: 315px;
  transform: rotate(-16deg);
  background: linear-gradient(90deg, rgba(109, 73, 255, .55), rgba(18, 75, 161, .03));
}

.mechanism:after {
  width: 1550px;
  height: 300px;
  right: -350px;
  bottom: 190px;
  transform: rotate(8deg);
  border: 70px solid rgba(28, 84, 178, .18);
}

.mechanism-layout {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 455px minmax(0, 1fr);
  gap: 36px;
  align-items: center;
}

.mechanism-intro h2 {
  margin-bottom: 20px;
  font-size: clamp(2.75rem, 3.55vw, 3.7rem);
  line-height: 1.04;
}

.mechanism-intro > p:not(.eyebrow) {
  color: #eef5ff;
  font-size: 1.05rem;
  line-height: 1.55;
}

.mechanism-intro .hero-actions { margin-top: 27px; }
.mechanism-intro .button { min-height: 54px; }

.mechanism-showcase {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 282px;
  gap: 15px;
  align-items: stretch;
}

.mechanism .service-browser {
  position: relative;
  z-index: 2;
  min-width: 0;
  border-radius: 16px;
  border-color: rgba(175, 220, 255, .62);
  background: rgba(8, 37, 78, .78);
  box-shadow: 0 28px 70px rgba(0, 5, 24, .38);
}

.mechanism .browser-bar { height: 34px; border-radius: 14px 14px 0 0; }
.mechanism .service-content { min-height: 0; background: white; }
.mechanism .service-topline {
  height: 50px;
  gap: 14px;
  padding: 0 16px;
  font-size: .71rem;
}

.service-nav-mini { margin-left: auto; color: #1e3157; font-size: .56rem; font-weight: 600; }
.mechanism .service-topline button { padding: 7px 13px; font-size: .63rem; }

.mechanism .service-stage {
  min-height: 355px;
  padding: 28px 27px 24px;
  background-image:
    linear-gradient(90deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.93) 42%, rgba(255,255,255,.08) 69%),
    url("service-ac.webp");
  background-position: center;
  background-size: cover;
}

.mechanism .service-stage:after { display: none; }
.mechanism .service-stage > * { position: relative; z-index: 2; }
.mechanism .service-stage h3 { max-width: 56%; margin: 11px 0 7px; font-size: clamp(1.75rem, 2.35vw, 2.55rem); line-height: 1.01; }
.mechanism .service-stage p { max-width: 54%; margin-bottom: 8px; font-size: .75rem; }
.mechanism .service-stage ul { max-width: 58%; margin: 10px 0 14px; gap: 5px; }
.mechanism .service-stage li { color: #13284e; font-size: .69rem; }
.mechanism .service-stage li:before { width: 18px; height: 18px; }
.mechanism .service-stage .demo-cta { padding: 10px 15px; font-size: .72rem; }
.mechanism .service-adapting { right: 14px; bottom: 26px; top: auto; }

.mechanism .conversation-card {
  min-width: 0;
  padding: 17px 16px;
  border-radius: 16px;
  border-color: rgba(70, 194, 255, .42);
  background: linear-gradient(180deg, rgba(3, 27, 66, .9), rgba(2, 20, 51, .95));
  box-shadow: 0 24px 64px rgba(0, 5, 24, .32);
}

.mechanism .conversation-card .card-label { margin-bottom: 11px; }
.mechanism .conversation-card .bubble { font-size: .7rem; }
.mechanism .conversation-card .intent-readout { margin-top: 12px; padding: 11px; }
.mechanism .conversation-card .intent-readout small { color: #65e8fa; font-size: .65rem; }
.mechanism .conversation-card .intent-readout strong { margin-top: 7px; font-size: .77rem; }
.mechanism .service-switcher { padding-top: 10px; gap: 5px; }
.mechanism .service-switcher button { padding: 7px; font-size: .67rem; }

.mechanism-link {
  position: absolute;
  z-index: 5;
  right: 270px;
  width: 76px;
  height: 2px;
  background: var(--cyan);
  box-shadow: 0 0 12px rgba(25, 215, 244, .8);
  transform-origin: right center;
}

.mechanism-link:before {
  content: "‹";
  position: absolute;
  left: -4px;
  top: -15px;
  color: var(--cyan);
  font-size: 1.4rem;
}

.mechanism-link.one { top: 155px; transform: rotate(-12deg); }
.mechanism-link.two { top: 314px; transform: rotate(15deg); }

.mechanism > .step-row {
  position: relative;
  z-index: 2;
  margin-top: 34px;
  padding-bottom: 42px;
}

.mechanism > .step-row article:not(:last-child):after {
  content: "";
  position: absolute;
  left: 70%;
  top: 25px;
  width: 60%;
  height: 1px;
  background: linear-gradient(90deg, rgba(25,215,244,.25), var(--cyan));
}

.mechanism > .step-row article:not(:last-child):before {
  content: "›";
  position: absolute;
  z-index: 2;
  left: 129%;
  top: 10px;
  color: var(--cyan);
  font-size: 1.4rem;
}

.mechanism-explainer {
  position: relative;
  z-index: 3;
  padding: 27px 0 48px;
  color: var(--ink);
  background:
    radial-gradient(ellipse at 12% 120%, rgba(157, 207, 255, .28), transparent 40%),
    linear-gradient(180deg, #fff, #f7fbff);
}

.mechanism-explainer h3 { margin-bottom: 18px; font-size: clamp(1.75rem, 2.35vw, 2.35rem); }
.mechanism-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.mechanism-cards article {
  min-height: 142px;
  display: grid;
  grid-template-columns: 66px 1fr;
  gap: 17px;
  align-items: center;
  padding: 21px 23px;
  border: 1px solid #dbe8f7;
  border-radius: 13px;
  background: rgba(255,255,255,.92);
}

.mechanism-cards h4 { margin: 0 0 5px; color: #091847; font-size: 1rem; }
.mechanism-cards p { margin: 0; color: #4e6080; font-size: .83rem; line-height: 1.45; }
.explainer-close { margin: 27px 0 0; font-size: 1.18rem; font-weight: 850; }

/* Voice as a choice */
.voice-section {
  position: relative;
  padding: 64px 0 70px;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 95% -20%, rgba(174, 215, 255, .28), transparent 44%),
    linear-gradient(180deg, #fff, #f6faff);
}

.voice-section:after,
.discovery-section:after {
  content: "";
  position: absolute;
  z-index: 0;
  left: -12%;
  right: -12%;
  bottom: -125px;
  height: 230px;
  border-radius: 50%;
  border: 40px solid rgba(113, 173, 247, .1);
  transform: rotate(3deg);
}

.voice-section .container { position: relative; z-index: 2; }
.voice-section .section-heading { max-width: 1250px; }
.voice-section .section-heading h2 { font-size: clamp(2.5rem, 3.45vw, 3.65rem); }
.voice-section .section-heading > p:last-child { max-width: 1120px; font-size: 1.08rem; }

.voice-section .voice-grid {
  grid-template-columns: .87fr 1.06fr .86fr;
  gap: 16px;
  margin-top: 28px;
}

.voice-section .human-card,
.voice-section .voice-console,
.voice-section .choice-card { min-height: 500px; border-radius: 19px; }

.voice-section .human-card {
  padding: 20px;
  text-align: left;
  background-image: linear-gradient(180deg, rgba(3, 20, 48, .02), rgba(3, 20, 48, .42)), url("voice-woman.webp");
  background-position: center;
  background-size: cover;
}

.voice-section .voice-choice {
  position: relative;
  z-index: 2;
  padding: 10px 16px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 12px 28px rgba(5, 24, 56, .13);
}

.photo-caption {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 21px;
  color: #fff;
  font-weight: 800;
  text-shadow: 0 2px 14px rgba(0,0,0,.55);
}

.voice-section .voice-console { padding: 20px 27px 18px; }
.voice-section .voice-console h3 { margin: 0 0 6px; font-size: 1.55rem; }
.voice-section .waveform { margin-top: 7px; height: 48px; }
.voice-section .mic-button { width: 96px; height: 96px; }
.voice-section .voice-transcript { margin-top: 9px; }
.voice-section .voice-transcript > div { grid-template-columns: 62px 1fr; }
.voice-section .voice-transcript p { font-size: .72rem; }
.voice-section .voice-type-form { margin-top: 10px; }
.voice-controls { display: flex; justify-content: center; gap: 42px; margin-top: 12px; }
.voice-controls span { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; color: white; background: rgba(255,255,255,.12); font-size: 1.2rem; }
.voice-controls span.end { background: var(--coral); }
.voice-controls small { position: absolute; margin-top: 70px; color: #d6e7ff; font-size: .65rem; }

.voice-section .choice-card { padding: 32px 24px; box-shadow: none; }
.voice-section .choice-card h3 { font-size: 1.7rem; }
.voice-section .choice-card button,
.voice-section .choice-card a { min-height: 93px; margin-bottom: 16px; border-radius: 15px; background: #fff; box-shadow: 0 12px 26px rgba(22, 66, 126, .05); }

.voice-section .voice-features { margin-top: 18px; }
.voice-section .voice-features span { min-height: 86px; padding: 14px; background: rgba(255,255,255,.92); font-size: .82rem; font-weight: 750; }
.voice-footer { display: grid; justify-items: center; gap: 15px; margin-top: 20px; text-align: center; }
.voice-footer .privacy-note { margin: 0; color: #153b7d; font-size: .78rem; }
.voice-footer .button { min-width: 360px; }

/* Service and e-commerce compositions */
.examples-section { background: #061832; }
.example-stage {
  position: relative;
  min-height: 790px;
  padding: 70px 0 52px;
  overflow: hidden;
  background:
    radial-gradient(circle at 73% 13%, rgba(21, 124, 255, .36), transparent 34%),
    radial-gradient(circle at 13% 68%, rgba(105, 66, 245, .24), transparent 30%),
    linear-gradient(120deg, #061630, #082d64 54%, #061b41);
}

.example-stage + .example-stage { border-top: 1px solid rgba(130, 191, 255, .22); }
.example-stage:before { width: 1300px; height: 250px; left: -250px; bottom: -145px; border: 55px solid rgba(34, 87, 176, .22); transform: rotate(-8deg); }
.example-stage:after { width: 700px; height: 140px; left: -210px; bottom: 10px; background: linear-gradient(90deg, rgba(112,65,247,.65), transparent); transform: rotate(-15deg); }
.example-stage-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 425px minmax(0, 1fr); gap: 34px; align-items: center; }

.example-stage .example-copy h3 {
  margin-bottom: 23px;
  color: white;
  font-size: clamp(3rem, 4vw, 4.05rem);
  line-height: 1.01;
}

.example-stage .example-copy > p:not(.eyebrow):not(.opt-in-note) { color: #e5efff; font-size: 1.05rem; line-height: 1.55; }
.example-stage .example-copy .button { margin-top: 16px; }
.opt-in-note { margin-top: 18px; color: #d4e8ff; font-size: .88rem; }

.legal-ui {
  min-width: 0;
  display: block;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(164, 214, 255, .64);
  border-radius: 19px;
  color: var(--ink);
  background: #f8fbff;
  box-shadow: 0 34px 75px rgba(0, 5, 25, .38);
}

.legal-ui .browser-bar { height: 35px; }
.legal-topline { height: 53px; display: flex; align-items: center; gap: 18px; padding: 0 16px; background: #fff; border-bottom: 1px solid #dce8f5; font-size: .64rem; }
.legal-topline strong { margin-right: auto; font-size: .78rem; }
.legal-topline button { border: 0; border-radius: 7px; padding: 9px 14px; color: #fff; background: var(--coral); font-weight: 800; }
.legal-workspace { display: grid; grid-template-columns: 1.02fr 1fr; min-height: 500px; }

.legal-page {
  position: relative;
  min-width: 0;
  padding: 48px 28px 24px;
  overflow: hidden;
  background-image:
    linear-gradient(90deg, #fff 0%, rgba(255,255,255,.97) 50%, rgba(255,255,255,.16) 84%),
    url("legal-courthouse.jpg");
  background-position: right center;
  background-size: auto 100%;
}

.legal-page h4 { max-width: 82%; margin-bottom: 9px; font-size: clamp(1.65rem, 2.45vw, 2.5rem); }
.legal-page > p:not(.mini-kicker) { max-width: 76%; color: #28416d; font-size: .8rem; line-height: 1.45; }
.legal-badges { max-width: 78%; display: flex; gap: 7px; margin: 18px 0; }
.legal-badges span { padding: 8px 10px; border-radius: 8px; background: rgba(255,255,255,.86); color: #0a377d; font-size: .62rem; font-weight: 750; }
.legal-page button { border: 0; border-radius: 8px; padding: 11px 16px; color: #fff; background: var(--coral); font-weight: 800; }

.legal-chat {
  min-width: 0;
  display: grid;
  grid-template-columns: 1.12fr .88fr;
  grid-auto-rows: min-content;
  gap: 7px;
  padding: 9px;
  border-left: 1px solid #dce8f5;
  background: #f0f6ff;
}

.legal-tabs { grid-column: 1 / -1; min-height: 42px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; border-radius: 8px; background: #e9f2ff; text-align: center; font-size: .68rem; }
.legal-tabs b { height: 100%; display: grid; place-items: center; border-radius: 8px; color: #fff; background: #1378f3; }
.legal-chat .card-label { grid-column: 1 / -1; display: flex; justify-content: space-between; margin: 0; padding: 5px 7px; color: #14376f; }
.legal-chat .card-label span { color: #029e6f; }
.legal-chat .bubble { grid-column: 1; margin: 0; max-width: 100%; padding: 8px 9px; font-size: .62rem; }
.legal-mic { grid-column: 2; grid-row: 3 / 6; display: grid; justify-items: center; align-content: center; gap: 7px; border: 1px solid #d6e4f4; border-radius: 11px; background: #fff; color: #0d3e88; }
.legal-mic .pulse-dot { position: absolute; margin: -165px 0 0 -90px; }
.legal-mic b { color: #048c68; font-size: .67rem; }
.legal-mic button { width: 82px; height: 82px; border: 8px solid #d7f4ff; border-radius: 50%; color: #fff; background: linear-gradient(145deg, #18cdf0, #1769ee); font-size: 1.8rem; box-shadow: 0 0 30px rgba(23, 130, 255, .28); }
.legal-mic small { font-size: .65rem; font-weight: 800; }
.legal-chat .captured { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; margin-top: 0; padding: 9px; border: 1px solid #d2e4f6; border-radius: 10px; background: #fff; }
.legal-chat .captured small { grid-column: 1 / -1; color: #1173d5; font-weight: 850; }
.legal-chat .captured span { color: #263f69; font-size: .61rem; }

.example-flow {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  gap: 17px;
  align-items: center;
  margin-top: 34px;
}

.example-flow > div { display: grid; grid-template-columns: 54px 1fr; grid-template-rows: auto auto; column-gap: 14px; align-items: center; }
.example-flow > div > span { grid-row: 1 / 3; width: 54px; height: 54px; display: grid; place-items: center; border: 2px solid rgba(255,255,255,.5); border-radius: 50%; color: #fff; background: linear-gradient(145deg, #14d5ee, #1368f0); box-shadow: 0 0 24px rgba(25,215,244,.32); }
.example-flow > div:nth-of-type(2) > span { background: linear-gradient(145deg, #9a72ff, #5745e8); }
.example-flow > div:nth-of-type(4) > span { background: linear-gradient(145deg, #ff826b, #f64a40); }
.example-flow strong { color: var(--cyan); font-size: .88rem; }
.example-flow small { color: #e1edff; font-size: .68rem; line-height: 1.35; }
.example-flow > b { color: var(--cyan); font-size: 1.35rem; }

.commerce-example { background: radial-gradient(circle at 75% 22%, rgba(12, 109, 232, .39), transparent 37%), linear-gradient(118deg, #061630, #082c61 52%, #061b41); }
.commerce-grid { grid-template-columns: 445px minmax(0, 1fr); }
.commerce-demo { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 14px; }
.store-ui { min-width: 0; padding: 0; overflow: hidden; border: 1px solid rgba(164, 214, 255, .62); border-radius: 16px; color: var(--ink); background: white; box-shadow: 0 30px 70px rgba(0, 5, 25, .35); }
.store-ui .browser-bar { height: 33px; }
.store-top { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 16px; background: #fff; border-bottom: 1px solid #e1eaf5; font-size: .61rem; }
.store-top strong { font-size: .82rem; }
.store-message { position: relative; min-height: 282px; padding: 28px 21px 18px; background-image: linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.92) 43%, rgba(255,255,255,.04) 71%), url("boots-hero.webp"); background-size: cover; background-position: center; }
.store-message .adaptive-label { top: 10px; right: 10px; }
.store-message h4 { width: 53%; margin: 8px 0 7px; padding: 0; border: 0; border-radius: 0; background: transparent; font-size: clamp(1.35rem, 2vw, 2rem); }
.store-message > p:not(.mini-kicker) { width: 50%; color: #23385f; font-size: .7rem; }
.store-message .preference-chips { max-width: 54%; display: flex; gap: 5px; flex-wrap: wrap; margin: 10px 0; }
.store-message .preference-chips button { border: 1px solid #8bc9ee; border-radius: 6px; padding: 6px 8px; color: #0b4c94; background: #fff; font-size: .59rem; font-weight: 800; }
.store-message .preference-chips button.is-active { color: #fff; background: #1178ef; border-color: #1178ef; }
.store-message .demo-cta { font-size: .68rem; }

.store-ui .product-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; margin-top: 0; padding: 9px; }
.store-ui .product-card { position: relative; min-width: 0; min-height: 150px; display: grid; align-content: start; padding: 6px; border: 1px solid #dfe8f3; border-radius: 8px; background: #fff; }
.store-ui .product-card.featured { border: 2px solid var(--cyan); box-shadow: 0 0 14px rgba(25, 215, 244, .25); }
.store-ui .product-visual { height: 77px; margin-bottom: 5px; border-radius: 6px; color: transparent; background-position: center; background-size: cover; }
.store-ui .product-card:nth-child(1) .product-visual { background-image: url("boot-1.jpg"); }
.store-ui .product-card:nth-child(2) .product-visual { background-image: url("boot-2.jpg"); }
.store-ui .product-card:nth-child(3) .product-visual { background-image: url("boot-3.jpg"); }
.store-ui .product-card:nth-child(4) .product-visual { background-image: url("boot-4.jpg"); }
.store-ui .product-card strong { color: #142a52; font-size: .61rem; line-height: 1.2; }
.store-ui .product-card small { color: #54709c; font-size: .51rem; line-height: 1.25; }
.store-ui .product-card > b { margin-top: 3px; color: #061a46; font-size: .7rem; }
.best-match { position: absolute; z-index: 2; right: 4px; top: 4px; padding: 3px 5px; border-radius: 999px; color: white; background: #117af2; font-size: .48rem; font-weight: 850; }

.shopping-conversation { min-width: 0; padding: 16px 14px; border: 1px solid rgba(71, 195, 255, .42); border-radius: 16px; background: linear-gradient(180deg, rgba(3, 27, 66, .92), rgba(2, 20, 51, .97)); box-shadow: 0 25px 64px rgba(0,5,25,.3); }
.shopping-conversation .bubble { margin-block: 8px; font-size: .68rem; }
.shopping-intent { display: grid; gap: 8px; margin-top: 12px; padding: 13px; border: 1px solid rgba(25,215,244,.35); border-radius: 11px; background: rgba(20, 110, 190, .18); }
.shopping-intent small { color: var(--cyan); }
.shopping-intent span { color: #e6f3ff; font-size: .7rem; }
.shopping-intent strong { margin-top: 3px; color: #fff; font-size: .74rem; }

/* Human control and AI discovery */
.control-section { padding: 78px 0; background: radial-gradient(circle at 82% 42%, rgba(25,215,244,.14), transparent 32%), #061936; }
.control-section .container { width: min(calc(100% - 96px), 1280px); }
.control-grid { grid-template-columns: .75fr 1.25fr; gap: 65px; }
.control-section .section-heading h2 { font-size: clamp(2.65rem, 3.5vw, 3.65rem); }
.control-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.control-cards article { min-height: 174px; padding: 22px; border: 1px solid rgba(147, 207, 255, .25); border-radius: 15px; background: rgba(255,255,255,.05); }
.control-cards article > span { color: var(--cyan); font-size: .72rem; font-weight: 900; letter-spacing: .14em; }
.control-cards h3 { margin: 20px 0 8px; font-size: 1.05rem; }
.control-cards p { margin: 0; color: #bfd1e9; font-size: .8rem; }

.discovery-section { position: relative; overflow: hidden; padding: 78px 0 92px; background: linear-gradient(180deg, #fff, #f5f9ff); }
.discovery-section .container { position: relative; z-index: 2; width: min(calc(100% - 96px), 1320px); }
.discovery-grid { grid-template-columns: .82fr 1.18fr; gap: 55px; align-items: center; }
.discovery-section .section-heading h2 { font-size: clamp(2.6rem, 3.4vw, 3.55rem); }
.discovery-section .qualification { padding: 13px 16px; border-left: 3px solid var(--blue); border-radius: 0 9px 9px 0; background: #eef6ff; font-size: .78rem !important; }
.discovery-visual { padding: 21px; border: 1px solid #d7e7f8; border-radius: 20px; background: rgba(255,255,255,.92); box-shadow: 0 25px 65px rgba(16, 61, 123, .1); }
.search-query { display: grid; grid-template-columns: auto 1fr auto; gap: 11px; align-items: center; min-height: 57px; padding: 0 17px; border: 1px solid #bfd8f4; border-radius: 999px; color: #203b68; background: #fff; box-shadow: 0 8px 22px rgba(14, 72, 147, .08); }
.search-spark { color: #785fff; font-size: 1.3rem; }
.search-query b { color: var(--blue); font-size: 1.25rem; }
.discovery-flow { grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; margin-top: 17px; }
.discovery-flow article { min-height: 112px; }
.discovery-result { display: grid; grid-template-columns: 1fr auto; gap: 13px; align-items: center; margin-top: 16px; padding: 18px; border: 2px solid var(--cyan); border-radius: 13px; background: linear-gradient(135deg, #f0fcff, #f7f4ff); box-shadow: 0 0 22px rgba(25,215,244,.18); }
.result-badge { grid-column: 1 / -1; color: #1170d6; text-transform: uppercase; letter-spacing: .14em; font-size: .62rem; font-weight: 900; }
.discovery-result div { display: grid; }
.discovery-result strong { color: #081846; }
.discovery-result small { margin-top: 3px; color: #536987; }
.result-check { width: 41px; height: 41px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #12bbaa; font-weight: 900; }
.discovery-close { margin: 36px 0 0; color: #081744; font-size: 1.28rem; font-weight: 850; text-align: center; }

/* Start small pilot path */
.pilot-section {
  position: relative;
  padding: 70px 0 62px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 26%, rgba(20, 132, 255, .36), transparent 34%),
    linear-gradient(135deg, #061630, #092c61 56%, #071b43);
}

.pilot-section:before { width: 1600px; height: 330px; left: -220px; bottom: -220px; border: 68px solid rgba(34, 99, 210, .32); transform: rotate(-3deg); }
.pilot-section:after { width: 1000px; height: 170px; left: -230px; top: -95px; background: linear-gradient(90deg, rgba(37, 117, 255, .52), rgba(113, 67, 243, .24)); transform: rotate(-17deg); }
.pilot-section .container { position: relative; z-index: 2; }
.pilot-section .section-heading { max-width: 1250px; }
.pilot-section .section-heading h2 { font-size: clamp(2.7rem, 3.65vw, 3.85rem); }
.pilot-section .section-heading > p:last-child { max-width: 1120px; }
.pilot-section .pilot-steps { gap: 14px; margin-top: 34px; }
.pilot-section .pilot-steps article { min-height: 455px; display: flex; flex-direction: column; padding: 20px 14px 14px; border-radius: 17px; }
.pilot-section .pilot-steps article > span { width: 52px; height: 52px; margin-bottom: 17px; }
.pilot-section .pilot-steps h3 { margin-bottom: 9px; font-size: 1.05rem; }
.pilot-section .pilot-steps p { min-height: 60px; margin-bottom: 10px; font-size: .78rem; }
.pilot-section .pilot-steps .featured-step { transform: translateY(-8px); }
.pilot-mini { min-height: 198px; margin-top: auto; overflow: hidden; border-radius: 12px; color: #0b2452; background: white; box-shadow: 0 18px 34px rgba(0,5,25,.2); }
.journey-mini { position: relative; display: grid; align-content: start; gap: 10px; padding: 22px 16px; background: linear-gradient(#fff 0 40%, transparent 40%), url("service-ac.webp") center/cover; }
.journey-mini b { color: #126cd6; font-size: 1.7rem; }
.journey-mini i { width: 75%; height: 8px; border-radius: 8px; background: #d1ddec; }
.journey-mini i:nth-of-type(2) { width: 55%; }
.journey-mini em { position: absolute; right: 12px; bottom: 8px; color: var(--cyan); font-size: 2.8rem; font-style: normal; text-shadow: 0 0 14px #0a79ff; }
.knowledge-mini { display: grid; gap: 9px; align-content: center; padding: 15px; background: transparent; box-shadow: none; }
.knowledge-mini b { min-height: 51px; display: flex; align-items: center; padding: 10px 11px; border-radius: 8px; color: #18366b; background: #fff; font-size: .68rem; }
.launch-mini { padding: 10px; }
.launch-mini > b { display: block; padding: 8px; border-radius: 8px; color: #0c438d; background: #eaf3ff; font-size: .65rem; }
.launch-mini > div { display: grid; grid-template-columns: 78px 1fr; gap: 10px; align-items: center; margin: 8px 0; }
.launch-mini i { height: 84px; border-radius: 8px; background: url("service-ac.webp") center/cover; }
.launch-mini strong { font-size: .75rem; line-height: 1.1; }
.launch-mini small { display: block; padding: 8px; border: 1px solid #d7e4f3; border-radius: 8px; color: #7591ba; text-align: left; }
.metrics-mini { display: grid; align-content: center; padding: 14px; }
.metrics-mini b { padding: 9px 6px; border-bottom: 1px solid #dce7f2; color: #17366d; font-size: .66rem; text-align: left; }
.expand-mini { padding: 13px; }
.expand-mini > b { min-height: 67px; display: grid; place-items: center; border-radius: 9px; background: #f3f8ff; font-size: .68rem; }
.expand-mini > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; margin-top: 18px; }
.expand-mini span { min-height: 70px; display: grid; place-items: center; border-radius: 8px; color: #1a64c7; background: #edf5ff; font-weight: 900; }
.expand-mini small { color: #233b69; font-size: .52rem; }
.pilot-milestones { display: grid; grid-template-columns: 1fr .6fr 1fr .6fr 1fr .6fr 1fr; gap: 13px; align-items: center; margin-top: 25px; }
.pilot-milestones span { display: grid; justify-items: center; gap: 8px; color: var(--cyan); font-size: 1.35rem; }
.pilot-milestones b { color: #fff; font-size: .8rem; }
.pilot-milestones i { height: 1px; background: linear-gradient(90deg, rgba(25,215,244,.3), var(--cyan)); }
.pilot-section .center-action { margin-top: 27px; }
.pilot-section .center-action p { margin-bottom: 13px; }
.pilot-section .center-action .button { min-width: 390px; }

/* Remaining homepage sections inherit the same visual language. */
.ways-section { padding: 82px 0; background: linear-gradient(180deg, #fff, #f7fbff); }
.ways-section .container { width: min(calc(100% - 96px), 1280px); }
.ways-section .ways-grid article { box-shadow: 0 16px 42px rgba(17, 63, 124, .06); }
.proof-section { padding: 86px 0; }
.proof-section .container,
.faq-section .container,
.contact-section .container { width: min(calc(100% - 96px), 1280px); }
.proof-panel > div { background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025)); }
.faq-section { padding: 86px 0; }
.contact-section { padding: 88px 0; }

@media (max-width: 1250px) {
  .conversation-overview > .container,
  .hero-adaptation-section > .container,
  .guided-strip .container,
  .mechanism > .container,
  .mechanism-explainer .container,
  .voice-section .container,
  .example-stage .container,
  .pilot-section .container { width: min(calc(100% - 54px), 1160px); }

  .conversation-overview-grid { grid-template-columns: 430px minmax(0, 1fr); gap: 32px; }
  .conversation-overview-copy h2 { font-size: 3rem; }
  .helpful-note { display: none; }
  .hero-adaptation-stage { grid-template-columns: minmax(0, 1fr) 102px minmax(0, 1.08fr); gap: 14px; }
  .adapt-after { padding-right: 38px; }
  .adapt-result-hero { grid-template-columns: minmax(0, 1fr) 112px; padding-inline: 21px; }
  .adapt-phone { right: -38px; width: 132px; }

  .mechanism-layout { grid-template-columns: 365px minmax(0, 1fr); gap: 24px; }
  .mechanism-intro h2 { font-size: 2.9rem; }
  .mechanism-showcase { grid-template-columns: minmax(0, 1fr) 245px; }
  .mechanism-link { right: 235px; }
  .mechanism .service-stage h3 { font-size: 1.9rem; }
  .voice-section .voice-grid { grid-template-columns: .8fr 1fr .78fr; }
  .example-stage-grid { grid-template-columns: 350px minmax(0, 1fr); gap: 24px; }
  .example-stage .example-copy h3 { font-size: 3.15rem; }
  .commerce-grid { grid-template-columns: 370px minmax(0, 1fr); }
  .commerce-demo { grid-template-columns: minmax(0, 1fr) 225px; }
  .store-ui .product-card:nth-child(4) { display: none; }
  .store-ui .product-row { grid-template-columns: repeat(3, 1fr); }
  .pilot-section .pilot-steps article { min-height: 430px; }
}

@media (max-width: 1000px) {
  .conversation-overview-grid { grid-template-columns: 1fr; }
  .conversation-overview-copy { max-width: 760px; }
  .conversation-overview-demo { width: min(100%, 760px); margin-inline: auto; }
  .overview-journey { grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: 9px; }
  .hero-adaptation-heading h2 { font-size: 2.9rem; white-space: normal; }
  .hero-adaptation-stage { width: min(calc(100% - 54px), 840px); grid-template-columns: 1fr; gap: 28px; padding: 32px 34px 60px; }
  .adapt-transition { min-height: 145px; padding: 0; }
  .adapt-question-bubble { width: min(100%, 280px); }
  .adapt-transition small br { display: none; }
  .adapt-transition b { transform: rotate(90deg); }
  .adapt-after { padding-right: 50px; }
  .adapt-result-hero { grid-template-columns: minmax(0, 1fr) 140px; padding-inline: 29px; }
  .adapt-phone { right: -44px; width: 142px; }
  .mechanism-layout { grid-template-columns: 1fr; }
  .mechanism-intro { max-width: 760px; }
  .mechanism-showcase { grid-template-columns: minmax(0, 1fr) 270px; }
  .mechanism-link { right: 260px; }
  .voice-section .voice-grid { grid-template-columns: 1fr 1.15fr; }
  .voice-section .choice-card { min-height: 0; grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
  .voice-section .choice-card h3 { grid-column: 1 / -1; }
  .voice-section .choice-card button,
  .voice-section .choice-card a { margin: 0; }
  .example-stage-grid { grid-template-columns: 1fr; }
  .example-stage .example-copy { max-width: 760px; }
  .example-stage .example-copy h3 { font-size: 3.45rem; }
  .commerce-demo { grid-template-columns: minmax(0, 1fr) 270px; }
  .control-grid,
  .discovery-grid { grid-template-columns: 1fr; }
  .pilot-section .pilot-steps { grid-template-columns: repeat(3, 1fr); }
  .pilot-section .pilot-steps article { min-height: 420px; }
}

@media (max-width: 760px) {
  .conversation-overview > .container,
  .hero-adaptation-section > .container,
  .guided-strip .container,
  .mechanism > .container,
  .mechanism-explainer .container,
  .voice-section .container,
  .example-stage .container,
  .pilot-section .container,
  .control-section .container,
  .discovery-section .container,
  .ways-section .container,
  .proof-section .container,
  .faq-section .container,
  .contact-section .container { width: min(calc(100% - 28px), 680px); }

  .conversation-overview { min-height: 0; padding-top: 56px; }
  .conversation-overview-copy h2 { font-size: 2.55rem; }
  .conversation-overview-demo { min-height: 440px; padding-right: 22px; }
  .overview-site-nav > span { display: none; }
  .overview-site-hero > div { width: 65%; }
  .overview-chat { right: 0; top: 155px; }
  .overview-mic { right: -5px; }
  .overview-journey { grid-template-columns: 1fr 1fr; gap: 24px 16px; margin-top: 34px; }
  .overview-journey > b { display: none; }

  .hero-adaptation-section { padding: 58px 0 50px; }
  .hero-adaptation-heading h2 { font-size: 2.45rem; }
  .hero-adaptation-heading > p:last-child { font-size: 1rem; line-height: 1.55; }
  .hero-adaptation-stage { width: min(calc(100% - 28px), 650px); margin-top: 34px; padding: 26px 18px 54px; border-radius: 20px; }
  .adapt-after { padding-right: 30px; }
  .adapt-phone { right: -8px; }
  .adaptation-closing { margin-top: 72px; }

  .guided-strip { padding-block: 34px; }
  .guided-strip .credibility-grid { grid-template-columns: 1fr; }
  .guided-strip .credibility-grid > div { min-height: 0; }
  .mechanism { padding-top: 60px; }
  .mechanism-intro h2 { font-size: 2.55rem; }
  .mechanism-showcase { grid-template-columns: 1fr; }
  .mechanism .conversation-card { min-height: 0; }
  .mechanism-link { display: none; }
  .mechanism .service-stage { min-height: 410px; background-image: linear-gradient(90deg, rgba(255,255,255,.99), rgba(255,255,255,.88) 62%, rgba(255,255,255,.15)), url("service-ac.webp"); }
  .mechanism .service-stage h3,
  .mechanism .service-stage p,
  .mechanism .service-stage ul { max-width: 78%; }
  .service-nav-mini { display: none; }
  .mechanism > .step-row { grid-template-columns: 1fr 1fr; gap: 30px 12px; }
  .mechanism > .step-row article:before,
  .mechanism > .step-row article:after { display: none; }
  .mechanism-cards { grid-template-columns: 1fr; }
  .voice-section .section-heading h2 { font-size: 2.55rem; }
  .voice-section .voice-grid { grid-template-columns: 1fr; }
  .voice-section .human-card,
  .voice-section .voice-console { min-height: 480px; }
  .voice-section .choice-card { grid-column: auto; display: block; }
  .voice-section .choice-card h3 { grid-column: auto; }
  .voice-section .choice-card button,
  .voice-section .choice-card a { margin-bottom: 12px; }
  .voice-section .voice-features { grid-template-columns: 1fr 1fr; }
  .voice-footer .button { min-width: 0; }
  .example-stage { padding-top: 60px; }
  .example-stage .example-copy h3 { font-size: 2.75rem; }
  .legal-workspace { grid-template-columns: 1fr; }
  .legal-page { min-height: 430px; }
  .legal-chat { border-left: 0; border-top: 1px solid #dce8f5; }
  .legal-topline span { display: none; }
  .example-flow { grid-template-columns: 1fr 1fr; gap: 24px 12px; }
  .example-flow > b { display: none; }
  .commerce-demo { grid-template-columns: 1fr; }
  .shopping-conversation { min-height: 0; }
  .store-ui .product-card:nth-child(4) { display: grid; }
  .store-ui .product-row { grid-template-columns: 1fr 1fr; }
  .store-message { min-height: 340px; }
  .control-cards { grid-template-columns: 1fr; }
  .discovery-flow { grid-template-columns: 1fr; }
  .discovery-flow > b { transform: rotate(90deg); text-align: center; }
  .pilot-section .pilot-steps { grid-template-columns: 1fr 1fr; }
  .pilot-milestones { grid-template-columns: 1fr 1fr; gap: 20px; }
  .pilot-milestones i { display: none; }
  .pilot-section .center-action .button { min-width: 0; }
  .section-concept-note { right: 14px; }
}

@media (max-width: 520px) {
  .conversation-overview-copy h2 { font-size: 2.25rem; }
  .conversation-overview-copy .hero-actions { align-items: stretch; }
  .conversation-overview-copy .button { width: 100%; }
  .conversation-overview-demo { min-height: 0; padding-right: 0; }
  .overview-browser .browser-bar { height: 31px; }
  .overview-site-nav { height: 44px; padding-inline: 10px; }
  .overview-site-nav strong { font-size: .61rem; }
  .overview-site-nav button { padding: 7px 9px; font-size: .54rem; }
  .overview-site-hero { min-height: 235px; padding: 25px 17px; background-position: 63% center; }
  .overview-site-hero > div { width: 73%; }
  .overview-site-hero h3 { font-size: 1.25rem; }
  .overview-site-hero span { display: block; margin: 9px 0 0; }
  .overview-chat { position: relative; right: auto; top: auto; width: calc(100% - 20px); margin: -28px auto 0; }
  .overview-mic { display: none; }
  .overview-journey { grid-template-columns: 1fr; }
  .hero-adaptation-heading h2 { font-size: 2.28rem; }
  .hero-adaptation-heading > p:last-child { font-size: .7rem; letter-spacing: .15em; }
  .adapt-example-label strong { min-width: 130px; font-size: .78rem; }
  .adapt-laptop { padding: 9px 9px 15px; }
  .adapt-site-nav { height: 38px; padding-inline: 9px; }
  .adapt-site-nav > span { display: none; }
  .adapt-site-nav strong { font-size: .58rem; }
  .adapt-original-hero { min-height: 405px; padding: 28px 13px 22px; }
  .adapt-original-copy { padding-inline: 14px; }
  .adapt-original-copy h3 { font-size: 1.45rem; }
  .adapt-question-form { width: 100%; }
  .adapt-prompt-row { width: 100%; display: grid; grid-template-columns: 1fr; }
  .adapt-prompt-row button { min-height: 32px; font-size: .61rem; }
  .adapt-benefit-strip span { font-size: .48rem; }
  .adapt-transition { min-height: 125px; }
  .adapt-after { padding-right: 0; }
  .adapt-result-hero { min-height: 380px; grid-template-columns: 1fr; padding: 28px 17px; background-position: 58% center; }
  .adapt-result-copy { max-width: 78%; }
  .adapt-result-copy h3 { font-size: 1.48rem; }
  .adapt-proof-card,
  .adapt-person-card { display: none; }
  .adapt-phone { position: relative; right: auto; bottom: auto; width: 155px; margin: -52px 10px 0 auto; }
  .adaptation-closing { grid-template-columns: 35px 1fr 35px; gap: 11px; margin-top: 46px; text-align: center; }
  .adaptation-closing p { font-size: .68rem; letter-spacing: .16em; }
  .guided-strip h2 { font-size: 1.65rem; }
  .guided-strip .credibility-grid > div,
  .mechanism-cards article { grid-template-columns: 52px 1fr; padding: 18px; }
  .summary-icon { width: 48px; height: 48px; font-size: 1.25rem; }
  .mechanism-intro h2 { font-size: 2.25rem; }
  .mechanism .service-topline { font-size: .61rem; }
  .mechanism .service-stage { min-height: 430px; padding: 25px 18px; background-position: 65% center; }
  .mechanism .service-stage h3 { max-width: 88%; font-size: 1.8rem; }
  .mechanism .service-stage p,
  .mechanism .service-stage ul { max-width: 92%; }
  .mechanism .service-adapting { right: 8px; bottom: 10px; }
  .mechanism > .step-row { grid-template-columns: 1fr; }
  .voice-section .section-heading h2 { font-size: 2.25rem; }
  .voice-section .human-card { min-height: 430px; }
  .voice-section .voice-console { min-height: 520px; padding-inline: 16px; }
  .voice-section .voice-features { grid-template-columns: 1fr; }
  .voice-controls { gap: 28px; }
  .example-stage .example-copy h3 { font-size: 2.45rem; }
  .legal-topline button { padding-inline: 8px; font-size: .58rem; }
  .legal-page { min-height: 455px; padding: 36px 18px 24px; background-image: linear-gradient(90deg, rgba(255,255,255,.99), rgba(255,255,255,.91) 70%, rgba(255,255,255,.22)), url("legal-courthouse.jpg"); }
  .legal-page h4,
  .legal-page > p:not(.mini-kicker),
  .legal-badges { max-width: 95%; }
  .legal-chat { grid-template-columns: 1fr; }
  .legal-chat .bubble,
  .legal-mic,
  .legal-chat .captured { grid-column: 1; }
  .legal-mic { grid-row: auto; min-height: 225px; }
  .legal-mic .pulse-dot { display: none; }
  .legal-chat .captured { grid-template-columns: 1fr; }
  .legal-chat .captured small { grid-column: 1; }
  .example-flow { grid-template-columns: 1fr; }
  .store-message { padding: 48px 14px 18px; background-image: linear-gradient(90deg, rgba(255,255,255,.98), rgba(255,255,255,.83) 70%, rgba(255,255,255,.05)), url("boots-hero.webp"); background-position: 60% center; }
  .store-message h4,
  .store-message > p:not(.mini-kicker),
  .store-message .preference-chips { width: auto; max-width: 88%; }
  .store-ui .product-row { grid-template-columns: 1fr; }
  .store-ui .product-card { min-height: 190px; }
  .store-ui .product-visual { height: 115px; }
  .pilot-section .pilot-steps { grid-template-columns: 1fr; }
  .pilot-section .pilot-steps article { min-height: 420px; }
  .pilot-section .pilot-steps .featured-step { transform: none; }
  .pilot-milestones { grid-template-columns: 1fr; }
}

/* Search-to-landing-page journey */
.search-journey{background:radial-gradient(ellipse at 50% 55%,#e8f1ff 0,transparent 65%),#fbfdff;scroll-margin-top:80px;overflow:hidden}
.search-journey-heading{text-align:center;max-width:850px;margin:0 auto 58px}.search-journey-heading h2{font-size:clamp(2rem,3.5vw,3.5rem)}.search-journey-heading h2 span{color:#6554dc}.search-journey-heading>p:last-child{color:#526582;font-size:1.1rem;max-width:630px;margin:0 auto}
.search-journey-grid{display:grid;grid-template-columns:1.1fr .78fr 1.25fr;gap:28px;align-items:start}.search-step{min-width:0}.search-step-heading{display:flex;gap:14px;min-height:145px}.search-step-heading>b{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;background:#dfecff;color:#194dd4;font-size:1.5rem}.search-detection .search-step-heading>b{background:#e4ddff;color:#6042cf}.search-step-heading h3{font-size:1.18rem;letter-spacing:-.025em;margin:4px 0 10px}.search-step-heading p{font-size:1rem;line-height:1.45;color:#4b6081;margin:0}
.search-window{border:1px solid #d5e3ff;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 15px 50px #3272bd12}.search-window-bar{display:flex;gap:6px;padding:13px 16px;background:linear-gradient(120deg,#e8edf6,#f6f8fb);border-bottom:1px solid #e0e7f2}.search-window-bar i{width:8px;height:8px;border-radius:50%;background:#ff7775}.search-window-bar i:nth-child(2){background:#ffd36c}.search-window-bar i:nth-child(3){background:#52cd83}.search-window-body{padding:24px 18px}.search-google{display:flex;font-weight:600;font-size:1.75rem;letter-spacing:-1.5px;margin-bottom:16px;line-height:1}.search-google span:nth-child(1),.search-google span:nth-child(4){color:#4285f4}.search-google span:nth-child(2),.search-google span:nth-child(6){color:#ea4335}.search-google span:nth-child(3){color:#c78d00}.search-google span:nth-child(5){color:#34a853}.search-query{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border:1px solid #e0e7f4;border-radius:24px;font-size:.875rem;line-height:1.5;box-shadow:0 3px 8px #0926530a}.search-query>span{font-size:1.5rem;color:#2356ef}.search-tabs{display:flex;gap:20px;font-size:.875rem;color:#65738f;padding:20px 3px 12px;border-bottom:1px solid #e7edf7}.search-tabs b{color:#2453eb}.search-ad{position:relative;margin-top:18px;border:1px solid #dce6ff;border-radius:11px;padding:17px 14px;background:#f8faff}.search-ad small{font-size:.75rem;font-weight:650}.search-ad-domain{font-size:.75rem;color:#586b8e;margin:10px 0}.search-ad h4{font-size:1.3rem;line-height:1.2;color:#214ed9;margin-bottom:12px}.search-ad>p:not(.search-ad-domain){font-size:.875rem;line-height:1.55;margin-bottom:12px}.search-ad-links{font-size:.75rem;color:#2855d0}.search-click{display:table;margin:17px 0 0 auto;padding:6px 12px;border-radius:20px;background:#2b4ff3;color:#fff;font-size:.875rem}.search-placeholder{display:grid;gap:9px;margin:25px 5px 5px}.search-placeholder i{height:7px;border-radius:6px;background:#e8edf5}.search-placeholder i:nth-child(3n+1){width:65%;background:#c7d6f0}.search-placeholder i:nth-child(3n){width:80%}.search-step-note{text-align:center;font-style:italic;color:#2f5288;font-size:1rem;line-height:1.45;margin:23px 0 0}
.search-intent-card{position:relative;margin-top:44px;padding:30px 22px 22px;background:#ffffffdb;border:1px solid #e0eaff;border-radius:25px;box-shadow:0 15px 50px #3272bd10}.search-intent-card:before,.search-intent-card:after{position:absolute;top:38%;color:#81bafa;font-size:2.3rem;line-height:1;content:'→'}.search-intent-card:before{left:-29px}.search-intent-card:after{right:-29px}.search-ai-icon{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 23px;border-radius:18px;background:linear-gradient(140deg,#b08aff,#553af2);border:5px solid #e4dcff;box-shadow:0 0 0 8px #f0ebff;color:#fff;font-size:1.8rem;font-weight:700}.search-intent-card h4{text-align:center;font-size:1.35rem;line-height:1.2;margin-bottom:25px}.search-intent-card dl{margin:0}.search-intent-card dl>div{padding:0 0 17px 13px;border-left:2px solid #dfd9ff}.search-intent-card dt{font-size:.875rem;font-weight:700;line-height:1.4}.search-intent-card dd{font-size:.875rem;line-height:1.5;margin:3px 0 0;color:#4c6288}.search-personalizing{display:flex;align-items:center;gap:10px;background:#eeeaff;padding:12px;border-radius:16px;color:#4238a3;font-size:.875rem;line-height:1.4;margin:10px 0 0}.search-personalizing span{font-size:1.3rem}
.search-law-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:19px 18px;border-bottom:1px solid #e2ebf8}.search-law-nav strong{font-size:1rem;letter-spacing:-.035em}.search-law-nav>span{font-size:.75rem;color:#617590}.search-law-hero{padding:26px 22px 40px;background:linear-gradient(90deg,#fffffffa,#ffffffa8),url('legal-courthouse.jpg') center/cover}.search-law-tag{display:inline-block;font-size:.75rem;border-radius:15px;padding:4px 10px;background:#dfedff;color:#2855b8}.search-law-hero h4{font-size:clamp(1.8rem,2.4vw,2.6rem);line-height:1.07;margin:16px 0;max-width:340px}.search-law-hero>p{font-size:1rem;line-height:1.5}.search-law-hero ul{list-style:none;padding:0;margin:18px 0 0;font-size:.875rem}.search-law-hero li{margin:8px 0}.search-law-hero li:before{content:'✓';margin-right:8px;color:#146b98;font-weight:700}.search-law-conversation{position:relative;margin:-18px 16px 18px 32px;padding:19px;background:white;border:1px solid #dce4ff;border-radius:18px;box-shadow:0 10px 25px #314d8512}.search-law-conversation h5{font-size:1rem;margin:0 0 4px;line-height:1.3;letter-spacing:-.02em}.search-law-conversation p{font-size:.75rem;color:#5c7195;margin-bottom:14px}.search-law-conversation>div{padding:9px 10px;border:1px solid #d9e2f3;border-radius:10px;font-size:.875rem;line-height:1.4;margin-top:7px}.search-law-conversation>div:first-of-type{color:#214ece;background:#edf3ff;border-color:#b9d4ff}.search-journey-closing{text-align:center;text-transform:uppercase;letter-spacing:.24em;color:#637da4;font-size:.875rem;margin:45px 0 12px}.search-journey-disclaimer{text-align:center;font-size:.75rem;color:#73829b;margin:0}
@media(min-width:1400px){.search-journey>.container{max-width:1400px;width:calc(100% - 80px)}}
@media(max-width:1000px){.search-journey-grid{gap:19px;grid-template-columns:1fr .82fr 1.1fr}.search-step-heading{display:block;min-height:190px}.search-step-heading>b{margin-bottom:13px}.search-intent-card{padding:26px 15px 18px}.search-intent-card:before{left:-22px}.search-intent-card:after{right:-22px}.search-law-nav{display:block}.search-law-nav>span{display:block}.search-law-hero{padding:22px 17px 30px}.search-law-conversation{margin-left:12px;margin-right:12px;padding:15px}}
@media(max-width:740px){.search-journey{padding:72px 0}.search-journey-heading{margin-bottom:38px}.search-journey-grid{grid-template-columns:1fr;max-width:480px;margin:auto;gap:40px}.search-step-heading{display:flex;min-height:0;margin-bottom:22px}.search-step-heading>b{margin:0}.search-intent-card{margin:0;padding:30px}.search-intent-card:before,.search-intent-card:after{display:none}.search-intent-card dl{display:grid;grid-template-columns:1fr 1fr;gap:14px}.search-law-hero h4{font-size:2.5rem}.search-law-nav{display:flex}.search-journey-closing{line-height:1.8}.search-step-note{margin-top:17px}}
@media(prefers-reduced-motion:reduce){.search-journey *{scroll-behavior:auto}}

/* One crossfading demonstration, with explanation on the left. */
#ask-and-adapt{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px 45px;padding:100px max(40px,calc((100% - 1400px)/2));align-items:center}
#ask-and-adapt>.hero-adaptation-heading{width:100%;max-width:none;text-align:left;margin:0;grid-column:1;grid-row:1}
@media(min-width:901px){#ask-and-adapt>.hero-adaptation-heading{padding-left:clamp(14px,1.8vw,26px)}}
#ask-and-adapt .hero-adaptation-heading h2{white-space:normal;font-size:clamp(2rem,2.8vw,2.8rem);line-height:1.12}
#ask-and-adapt .hero-adaptation-heading h2 span{display:block}
#ask-and-adapt .hero-adaptation-heading>p:last-child{font-size:1.05rem;line-height:1.6;letter-spacing:normal;text-transform:none;margin-top:25px}
#ask-and-adapt>.hero-adaptation-stage{grid-column:2;grid-row:1;width:100%;max-width:none;margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding:23px 30px 48px;align-items:start}
#ask-and-adapt .adapt-example{grid-column:1;grid-row:2;padding:0;transition:opacity 1.1s ease,filter 1.1s ease;min-width:0}
#ask-and-adapt .adapt-after{opacity:0;pointer-events:none;filter:blur(4px)}
#ask-and-adapt [data-phase=after] .adapt-before{opacity:0;pointer-events:none;filter:blur(4px)}
#ask-and-adapt [data-phase=after] .adapt-after{opacity:1;pointer-events:auto;filter:none}
#ask-and-adapt .adapt-phone,#ask-and-adapt .adapt-example-label,#ask-and-adapt .adapt-transition{display:none}
#ask-and-adapt .adapt-original-hero,#ask-and-adapt .adapt-result-hero{height:430px;min-height:430px}
#ask-and-adapt .adapt-original-copy h3,#ask-and-adapt .adapt-result-copy h3{font-size:clamp(1.6rem,2.3vw,2.4rem)}
#ask-and-adapt .adapt-original-copy p,#ask-and-adapt .adapt-result-copy p{font-size:.9375rem}
#ask-and-adapt .adapt-question-form input{font-size:.875rem}
#ask-and-adapt .adapt-prompt-row{flex-wrap:wrap}
#ask-and-adapt .adapt-prompt-row button{font-size:.75rem;padding:7px 10px}
#ask-and-adapt .adapt-result-copy ul{font-size:.875rem}
#ask-and-adapt .adapt-result-copy button{font-size:.875rem}
#ask-and-adapt .adapt-after-devices.just-updated .adapt-laptop{animation:none}
#ask-and-adapt>.adaptation-closing{grid-column:2;width:100%;margin-top:5px}
.a-animation-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;grid-row:1;font-size:.875rem;color:#33597a}
.a-animation-controls>span{font-weight:700}.a-animation-controls>div{display:flex;gap:7px;flex-wrap:wrap}.a-animation-controls button{font-size:.75rem;border:1px solid #cbdef0;background:white;color:#29597d;border-radius:20px;padding:8px 11px;cursor:pointer}
@media(max-width:1100px) and (min-width:901px){#ask-and-adapt{padding-inline:25px;gap:25px}#ask-and-adapt .adapt-result-hero{grid-template-columns:1fr}#ask-and-adapt .adapt-proof-card{display:none}}
@media(max-width:900px){#ask-and-adapt{display:block;padding:65px 22px}#ask-and-adapt>.hero-adaptation-heading{margin:0 auto 32px;max-width:650px}#ask-and-adapt>.hero-adaptation-stage{max-width:750px;margin:auto}#ask-and-adapt>.adaptation-closing{margin-top:35px}}
@media(max-width:550px){#ask-and-adapt{padding-inline:14px}#ask-and-adapt>.hero-adaptation-stage{padding:20px 17px 44px}#ask-and-adapt .adapt-original-hero,#ask-and-adapt .adapt-result-hero{height:475px;min-height:475px;padding:24px 14px}#ask-and-adapt .adapt-result-hero{grid-template-columns:1fr}#ask-and-adapt .adapt-proof-card{display:none}#ask-and-adapt .adapt-original-copy h3,#ask-and-adapt .adapt-result-copy h3{font-size:1.8rem}#ask-and-adapt .adapt-site-nav>span{display:none}#ask-and-adapt .adapt-original-copy{padding:12px}#ask-and-adapt .adapt-question-form{width:100%}}
@media(max-width:550px){#ask-and-adapt .hero-adaptation-heading h2{font-size:clamp(1.7rem,7vw,2rem)}}
@media(prefers-reduced-motion:reduce){#ask-and-adapt .adapt-example{transition:none;filter:none!important}}

/* Let the shortened hero end naturally above the guided journey section. */
.hero { min-height: 0; padding-bottom: 48px; }

#ask-and-adapt > .hero-adaptation-stage {
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  padding: 0;
  gap: 0;
}
#ask-and-adapt .adapt-example { grid-row: 1; }

.adapt-demo-cursor { position:absolute; z-index:10; pointer-events:none; opacity:0; width:32px; height:40px; }
.adapt-demo-cursor.is-visible { opacity:1; }
.adapt-demo-cursor::before { content:""; position:absolute; left:-15px; top:-15px; width:32px; height:32px; border:3px solid #1678ff; border-radius:50%; opacity:0; }
.adapt-demo-cursor.is-clicking::before { animation:adapt-click-ring .55s ease-out; }
#ask-and-adapt .adapt-prompt-row .demo-click { background:#1678ff; color:white; box-shadow:0 0 0 5px #1678ff30; transform:scale(.97); }
@keyframes adapt-click-ring { from { opacity:1; transform:scale(.3); } to { opacity:0; transform:scale(1.6); } }

.search-journey-grid,.commerce-demo { position:relative; }
.feature-cursor { z-index:30; }
.search-intent-card,.search-landing,.search-ad { transition:opacity .7s ease,transform .7s ease,box-shadow .7s ease; }
.search-journey-grid[data-demo-phase="search"] .search-intent-card,
.search-journey-grid[data-demo-phase="clicked"] .search-intent-card { opacity:.25; transform:translateY(8px); }
.search-journey-grid[data-demo-phase="search"] .search-landing,
.search-journey-grid[data-demo-phase="clicked"] .search-landing,
.search-journey-grid[data-demo-phase="intent"] .search-landing { opacity:.16; transform:translateY(14px); }
.search-journey-grid[data-demo-phase="clicked"] .search-ad { box-shadow:0 0 0 4px #1678ff40; }
.search-journey-grid[data-demo-phase="intent"] .search-intent-card { box-shadow:0 0 0 3px #8b65ff60,0 12px 38px #6554dc25; }
.search-journey-grid[data-demo-phase="complete"] .search-landing { box-shadow:0 0 0 2px #1678ff30,0 15px 45px #1678ff15; }
.commerce-demo .product-card.featured { box-shadow:0 0 0 2px #18c8e6; }

/* Paid ads: sequential visuals on the left, explanation on the right. */
#search-to-experience>.container{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(36px,6vw,90px);align-items:center}
#search-to-experience .search-journey-heading{grid-column:2;grid-row:1;text-align:left;margin:0;max-width:none}
#search-to-experience .search-journey-heading h2{font-size:clamp(2rem,3.4vw,3.5rem);line-height:1.12}
#search-to-experience .search-journey-heading h2 span{display:block}
#search-to-experience .search-journey-heading>p:last-of-type{margin:20px 0 0;line-height:1.65}
#search-to-experience .search-journey-grid{grid-column:1;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:100%;max-width:610px;margin:0 auto;align-items:center}
#search-to-experience .search-step{grid-area:1/1;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease,visibility .45s;min-width:0;width:100%}
#search-to-experience .search-step.paid-active{opacity:1;visibility:visible;pointer-events:auto;transform:none}
#search-to-experience .search-step-heading{display:flex;min-height:0;margin-bottom:20px;gap:14px;align-items:flex-start}
#search-to-experience .search-step-heading>b{margin:0}
#search-to-experience .search-step-heading p{max-width:440px}
#search-to-experience .search-step-note{margin-top:16px}
#search-to-experience .search-intent-card{max-width:370px;margin:28px auto;padding:35px 28px}
#search-to-experience .search-intent-card:before,#search-to-experience .search-intent-card:after{display:none}
#search-to-experience .search-intent-card h4{margin-bottom:24px}
#search-to-experience .search-personalizing{justify-content:center}
#search-to-experience .search-placeholder{display:none}
#search-to-experience .search-law-nav{display:flex}
#search-to-experience .search-law-hero{padding:22px 24px 32px}
#search-to-experience .search-law-hero h4{max-width:440px;font-size:clamp(1.9rem,2.6vw,2.65rem)}
.paid-controls{margin-top:23px;display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.paid-controls>div{display:flex;flex-wrap:wrap;gap:11px;align-items:center}
.paid-controls button{width:13px;height:13px;padding:0;border:1px solid #7ea7d9;border-radius:50%;background:#adc9e8;cursor:pointer}
.paid-controls button[aria-pressed=true]{width:27px;border-radius:999px;background:#40c9ee;border-color:#40c9ee}
.paid-controls .paid-pause{background:transparent;border-color:transparent;padding-left:0;text-decoration:underline;text-underline-offset:4px}
.paid-controls button:focus-visible{outline:3px solid #6554dc;outline-offset:3px}
@media(max-width:800px){#search-to-experience>.container{grid-template-columns:minmax(0,1fr);gap:36px}#search-to-experience .search-journey-heading{grid-column:1;grid-row:1}#search-to-experience .search-journey-grid{grid-column:1;grid-row:2}#search-to-experience .search-journey-heading h2{max-width:600px}}
@media(prefers-reduced-motion:reduce){#search-to-experience .search-step{transition:none;transform:none}}

/* Consistent stage spacing and a visible, contextual landing-page photograph. */
#search-to-experience{padding-block:72px}
#search-to-experience>.container{width:calc(100% - 80px);max-width:1320px;gap:clamp(32px,5vw,72px)}
#search-to-experience .search-step-heading{margin-bottom:16px}
#search-to-experience .search-window-body{padding:20px}
#search-to-experience .search-tabs{padding-top:15px}
#search-to-experience .search-ad{margin-top:14px;padding:16px}
#search-to-experience .search-step-note{margin-top:12px}
#search-to-experience .search-law-hero{padding:22px 24px 27px;background:linear-gradient(90deg,#fffffff5 0%,#ffffffe0 45%,#ffffff20 100%),url('legal-courthouse.jpg') center/cover}
#search-to-experience .search-law-hero h4{font-size:clamp(1.8rem,2.4vw,2.4rem);max-width:370px;margin:12px 0}
#search-to-experience .search-law-hero>p{margin-bottom:10px}
#search-to-experience .search-law-hero ul{margin-top:10px}
#search-to-experience .search-law-conversation{padding:15px;margin:0 15px 15px}
#search-to-experience .search-law-conversation>div{padding:7px 10px}
#search-to-experience .search-intent-card{margin:20px auto;padding:28px;max-width:390px}
#search-to-experience .search-ai-icon{margin-bottom:20px}
#search-to-experience .search-intent-card h4{margin-bottom:18px}
.paid-cursor{position:absolute;left:67%;top:48%;z-index:4;opacity:0;pointer-events:none;filter:drop-shadow(0 3px 3px #123a6f30)}
.paid-active .paid-cursor{animation:paid-pointer 3.9s ease-in-out infinite}
.paid-cursor:after{content:'';position:absolute;left:-15px;top:-15px;border:3px solid #238aff;width:32px;height:32px;border-radius:50%;opacity:0}
.paid-active .paid-cursor:after{animation:paid-click 3.9s ease-out infinite}
.paid-processing{display:grid;gap:12px;text-align:left;margin:0 0 20px;font-size:14px;color:#526782}
.paid-processing>div{display:flex;align-items:center;gap:10px;opacity:.35}
.paid-processing i{width:9px;height:9px;border-radius:50%;background:#8873d9;flex-shrink:0}
.paid-active .paid-processing>div{animation:paid-process 2.8s ease both}
.paid-active .paid-processing>div:nth-child(2){animation-delay:.55s}
.paid-active .paid-processing>div:nth-child(3){animation-delay:1.1s}
.paid-active .search-ai-icon{animation:paid-think .85s ease-in-out infinite alternate}
.paid-paused .paid-cursor,.paid-paused .paid-cursor:after,.paid-paused .paid-processing>div,.paid-paused .search-ai-icon{animation-play-state:paused}
@keyframes paid-pointer{0%,12%{opacity:0;transform:translate(70px,70px)}28%,45%{opacity:1;transform:translate(0,0)}49%{opacity:1;transform:scale(.86)}55%,75%{opacity:1;transform:none}85%,100%{opacity:0;transform:none}}
@keyframes paid-click{0%,46%{opacity:0;transform:scale(.2)}49%{opacity:1;transform:scale(.3)}61%,100%{opacity:0;transform:scale(1.8)}}
@keyframes paid-process{0%{opacity:.35;transform:translateY(4px)}25%,100%{opacity:1;transform:none}}
@keyframes paid-think{to{box-shadow:0 0 0 13px #e8e0ff,0 0 28px #8265e74a}}
@media(max-width:800px){#search-to-experience{padding-block:52px}#search-to-experience>.container{width:calc(100% - 36px);gap:28px}}
@media(prefers-reduced-motion:reduce){.paid-active .paid-cursor,.paid-active .paid-cursor:after,.paid-active .paid-processing>div,.paid-active .search-ai-icon{animation:none}.paid-processing>div{opacity:1}.paid-cursor{display:none}}
@media(prefers-reduced-motion:reduce){.feature-cursor{display:none}.search-intent-card,.search-landing,.search-ad{transition:none}}

/* Background photograph: Nathan Cima / Unsplash, A4Qca4vX1Q0. */
#search-to-experience .search-law-hero{background-image:linear-gradient(90deg,#fffffff5 0%,#ffffffdc 46%,#ffffff08 100%),url('paid-courthouse.webp');background-position:center,right center}


/* Continuous hero masthead and refined BI monogram. */
.site-header{margin-bottom:-66px;background:transparent;border-bottom:0;backdrop-filter:none;color:white}.site-header.has-scrolled{background:#071b3ff5;backdrop-filter:blur(16px)}
.hero{padding-top:88px}.site-header .brand{color:#fff;gap:12px;font-size:1.15rem;letter-spacing:-.035em}.site-header .brand-mark{display:flex;align-items:center;justify-content:center;gap:1px;width:42px;height:42px;border-radius:12px;background:linear-gradient(140deg,#32e6f0,#2181ff 64%,#795cff);color:#041b3e;font-size:29px;font-weight:900;letter-spacing:-3px;box-shadow:inset 0 0 0 1px #ffffff60,0 5px 22px #00bfff25;padding-right:4px}.site-header .brand-mark .brand-i{position:static;display:block;width:auto;height:auto;background:none;transform:none;color:white;font-size:25px;border-radius:0}.site-header .site-nav a{color:#e8f3ff}.site-header .site-nav a:hover{color:#2be0f5}.site-header .nav-toggle>span:not(.sr-only){background:white}
@media(max-width:760px){.site-header .site-nav{background:#0a234a;border-color:#416087}.site-header .brand{font-size:1rem}.site-header .brand-mark{width:36px;height:36px;font-size:26px}}
/* A sequential, viewport-aware customer journey. */
.guided-strip .credibility-grid>div{position:relative;overflow:hidden;transition:transform .5s,background .5s,box-shadow .5s,border-color .5s}
.guided-strip .credibility-grid>div.journey-active{transform:translateY(-5px);background:#eff9ff;border-color:#26b7ed;box-shadow:0 12px 28px #176ead1a}
.guided-strip .credibility-grid>div:after{content:'';position:absolute;bottom:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,#17d2ec,#367df4);transform:scaleX(var(--journey-progress,0));transform-origin:left}
.guided-strip .summary-icon{transition:transform .5s,box-shadow .5s}.guided-strip .journey-active .summary-icon{transform:scale(1.12);box-shadow:0 0 0 7px #22bcee12}
.journey-controls{display:flex;justify-content:flex-end;margin-top:16px}.journey-controls button{background:transparent;border:1px solid #b6cee5;border-radius:7px;padding:7px 12px;font-size:14px;color:#284867;cursor:pointer}
@media(prefers-reduced-motion:reduce){.guided-strip .credibility-grid>div,.guided-strip .summary-icon{transition:none}.guided-strip .credibility-grid>div.journey-active{transform:none}}

@media(max-width:1100px){.guided-strip .credibility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.guided-strip .credibility-grid{grid-template-columns:1fr}.guided-strip .credibility-grid>div{min-height:0}}

/* Match the Voice + Chat headline treatment across the main page story. */
.hero-copy h1,
.conversation-overview-copy h2,
.mechanism-intro h2,
.example-stage .example-copy h3,
.vs-heading h2,
.contact-card h2 {
  color: #fff;
}

.hero-copy h1 span,
.conversation-overview-copy h2 span,
.mechanism-intro h2 span,
.example-stage .example-copy h3 span,
.vs-heading h2 span,
.contact-card h2 span {
  color: var(--cyan);
}

.guided-strip h2,
.hero-adaptation-heading h2,
.search-journey-heading h2,
.faq-section .section-heading h2 {
  color: var(--ink);
}

.guided-strip h2 span,
.hero-adaptation-heading h2 span,
.search-journey-heading h2 span,
.faq-section .section-heading h2 span {
  color: var(--blue);
}

#ask-and-adapt>.hero-adaptation-stage{max-width:620px;justify-self:center;padding:16px 20px 30px}
#ask-and-adapt .adapt-original-hero,#ask-and-adapt .adapt-result-hero{height:360px;min-height:360px}
#ask-and-adapt .adapt-original-copy h3,#ask-and-adapt .adapt-result-copy h3{font-size:clamp(1.5rem,2vw,2rem)}
@media(max-width:1100px){#ask-and-adapt .adapt-result-hero{grid-template-columns:1fr}#ask-and-adapt .adapt-proof-card{display:none}}
@media(max-width:550px){#ask-and-adapt>.hero-adaptation-stage{padding:12px 8px 25px}#ask-and-adapt .adapt-original-hero,#ask-and-adapt .adapt-result-hero{height:420px;min-height:420px}}

#ask-and-adapt .adapt-original-hero{background-image:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.77) 52%,rgba(255,255,255,.08)),url("service-ac.webp");background-position:center,right center}
#ask-and-adapt .adapt-result-hero{background-image:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.88) 51%,rgba(255,255,255,.12)),url("service-ac.webp");background-position:center,right center}
#ask-and-adapt .adapt-phone-image{background-image:url("service-ac.webp")}
#search-to-experience{color:white;background:radial-gradient(circle at 80% 20%,rgba(33,129,255,.23),transparent 36%),linear-gradient(135deg,var(--navy-950),var(--navy-800))}
#search-to-experience .search-journey-heading h2,#search-to-experience .search-step-heading h3{color:white}
#search-to-experience .search-journey-heading h2 span,#search-to-experience .search-journey-heading .eyebrow{color:var(--cyan)}
#search-to-experience .search-journey-heading>p:last-of-type,#search-to-experience .search-step-heading p,#search-to-experience .search-step-note{color:#c5d8ef}
#search-to-experience .search-window,#search-to-experience .search-intent-card{color:var(--ink)}

#talk.voice-story-section{background:#f3f8fd;color:var(--ink)}
#talk .vs-heading h2{color:var(--ink)}
#talk .vs-heading h2 span,#talk .vs-heading .eyebrow{color:var(--blue)}
#talk .vs-live{border-color:#c8d9eb}
#talk .vs-live summary{color:#245a88}
#talk .vs-demo{border-color:#cadced;box-shadow:0 16px 42px #153e6814}
#search-to-experience .paid-controls .paid-pause{color:#c5eafa}

.footer-grid>div{flex-wrap:wrap}.footer-copyright{margin-top:24px;font-size:14px;line-height:1.5;color:#b6cce5}

.footer-contact{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:28px;font-style:normal;font-size:16px;line-height:1.6;color:#d5e4f5}.footer-contact a{text-decoration:underline;text-underline-offset:4px}.footer-contact a:hover{color:var(--cyan)}.footer-contact span{flex-basis:100%}

/* Compact, two-column answers like the planning mockup. */
#faq.faq-section{padding:68px 0;background:linear-gradient(110deg,#f3f9ff,#fff 54%,#edf7ff)}
#faq .faq-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,76px);align-items:start}
#faq .section-heading h2{font-size:clamp(2rem,3vw,3.05rem);line-height:1.12}
#faq .section-heading>p:last-child{max-width:440px;font-size:1.04rem;line-height:1.55}
#faq .faq-list{gap:8px}
#faq .faq-list details{padding:0 16px;border-radius:9px;box-shadow:0 6px 20px #1d5b950a}
#faq .faq-list summary{padding:12px 34px 12px 0;font-size:.94rem;line-height:1.35}
#faq .faq-list summary:after{top:8px}
#faq .faq-list p{padding-bottom:15px;font-size:.91rem;line-height:1.55}
@media(max-width:760px){#faq .faq-grid{grid-template-columns:1fr;gap:28px}#faq.faq-section{padding:60px 0}}

.contact-card h2{font-size:clamp(2rem,3.5vw,3.15rem);line-height:1.13}
@media(max-width:650px){.contact-title-break{display:none}}