/* The hero and Why Blue Penguin content share one physical water section. */
html { scroll-padding-top: 28px; }
[hidden] { display: none !important; }
.skip-link { position: fixed; z-index: 200; top: 10px; left: 10px; padding: 12px 18px; color: #071e44; background: #fff; transform: translateY(-180%); }
.skip-link:focus { transform: none; }
.page-scroll-indicator {
  position: fixed;
  z-index: 190;
  inset: 0 auto 0 0;
  width: 4px;
  background: rgba(47, 126, 216, .13);
  pointer-events: none;
}
.page-scroll-indicator > span {
  display: block;
  width: 100%;
  height: 100%;
  transform: scaleY(0);
  transform-origin: top;
  background: linear-gradient(180deg, var(--brand-blue-light) 0%, var(--brand-blue) 52%, var(--brand-blue-deep) 100%);
  box-shadow: 0 0 12px #438fe08c;
  will-change: transform;
}
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid #72b8f1; outline-offset: 5px; }
.reference-nav { pointer-events: none; }
.reference-nav a, .reference-nav button, .site-menu { pointer-events: auto; }
.reference-nav .nav-layout { position: relative; height: 0; padding: 0 !important; }
.reference-brand { position: absolute; top: 18px; left: var(--hero-edge-balance); display: block; width: 160px; height: 28px; }
.reference-brand img { display: block; width: 100%; height: 100%; object-fit: contain; }
.reference-nav #menuBtn { position: absolute; top: 10px; right: var(--hero-edge-balance); }
.no-script-menu { position: absolute; top: 18px; right: 20px; }
.unified-water-section { position: relative; isolation: isolate; overflow: hidden; background: #c7e8fb; }
#heroWater {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 1px;
  pointer-events: none;
  user-select: none;
  contain: strict;
}
.reference-hero {
  position: relative;
  width: 100%;
  height: min(100vh, 52.513vw);
  height: min(100svh, 52.513vw);
  overflow: visible;
  background: transparent;
}
.hero-sky-scene { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; }
.hero-background-glaciers { opacity: .9; mix-blend-mode: multiply; }
.hero-scene-layer { position: absolute; inset: 0; z-index: 2; }
.hero-code-scene {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.hero-iceberg-bob {
  transform-box: view-box;
  transform-origin: 82% 93.5%;
  animation: iceberg-bob 7.8s ease-in-out infinite;
  will-change: transform;
}
@keyframes iceberg-bob {
  0%, 100% { transform: translateY(1px) rotate(-.12deg); }
  22% { transform: translateY(-6px) rotate(.08deg); }
  49% { transform: translateY(3px) rotate(.17deg); }
  73% { transform: translateY(-4px) rotate(-.06deg); }
}
.reference-copy { position: absolute; z-index: 4; top: clamp(126px, 11vw, 190px); left: var(--hero-edge-balance); width: min(900px, calc(100% - (2 * var(--hero-edge-balance)))); color: #0a0b0d; }
.hero-message {
  position: relative;
  box-sizing: border-box;
  width: min(860px, 100%);
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.hero-message::after { content: none; }
.reference-copy h1 { max-width: 860px; margin: 0; padding: 0; color: #071c45; font-family: var(--ui-font); font-size: clamp(48px, 4.7vw, 78px); font-weight: 300; line-height: 1.02; letter-spacing: -.06em; }
.reference-copy h1 span { display: block; white-space: nowrap; }
.hero-title-accent { color: #438fdf; }
.hero-subtitle { max-width: 710px; margin-top: 24px; padding-left: 0; border-left: 0; color: #526d89; font: 300 clamp(16px, 1.3vw, 21px)/1.52 var(--ui-font); }
.hero-actions { display: flex; align-items: center; gap: 12px; margin-top: 24px; }
.hero-actions .hero-action.button-name { gap: 18px; height: 58px; min-width: 240px; padding: 0 28px; border-radius: 14px; font-family: var(--ui-font); font-size: 16px; font-weight: 300; }
.hero-actions .hero-primary-action.button-name { justify-content: space-between; }
.hero-actions .hero-secondary-action.button-name {
  min-width: 252px;
  border: 1px solid rgba(61, 130, 217, .24);
  background: rgba(255, 255, 255, .72);
  color: #174d94;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .8), 0 8px 24px rgba(50, 111, 177, .08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.hero-actions .hero-secondary-action.button-name:hover,
.hero-actions .hero-secondary-action.button-name:focus {
  border-color: rgba(61, 130, 217, .5);
  background: #fff;
  color: #176ac1;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .9), 0 12px 28px rgba(50, 111, 177, .14);
}
.hero-actions .hero-secondary-action.button-name:active {
  background: #f2f8ff;
  color: #174d94;
  box-shadow: inset 0 2px 6px rgba(50, 111, 177, .12);
}
.hero-actions svg { flex: 0 0 auto; }
.hero-benefits {
  display: grid;
  box-sizing: border-box;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  width: min(790px, 100%);
  margin-top: clamp(30px, 3.5vw, 54px);
  padding: 0 8px;
  border: 1px solid rgba(118, 190, 237, .2);
  border-radius: 18px;
  background: rgba(245, 251, 255, .62);
  box-shadow: inset 0 1px rgba(255, 255, 255, .9), 0 14px 36px rgba(39, 109, 165, .09);
  backdrop-filter: blur(14px) saturate(118%);
  -webkit-backdrop-filter: blur(14px) saturate(118%);
}
.hero-benefit {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 76px;
  padding: 12px 18px;
  border: 0;
  border-radius: 0;
  background: none;
  color: #294663;
  font: 300 12px/1.38 var(--ui-font);
  letter-spacing: -.02em;
}
.hero-benefit + .hero-benefit { border-left: 1px solid rgba(103, 170, 218, .16); }
.hero-benefit-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(81, 163, 243, .18);
  border-radius: 50%;
  background: rgba(214, 239, 253, .78);
  color: #348aec;
  box-shadow: inset 0 1px rgba(255, 255, 255, .75);
}
.hero-benefit-icon svg { width: 21px; height: 21px; }
.hero-explore { position: absolute; z-index: 4; bottom: -4px; display: flex; align-items: center; gap: 12px; min-height: 40px; color: #deefff; font: 300 12px/1.5 var(--ui-font); letter-spacing: .03em; text-shadow: 0 1px 10px #062544; }
.hero-explore { left: 4.9%; }
.hero-explore:hover { color: #fff; }
.reference-copy { animation: scene-copy-in .9s ease-out both; }
@keyframes scene-copy-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.why-water-content {
  position: relative;
  z-index: 4;
  padding: clamp(120px, 11vw, 170px) 0 1px;
}
.iceberg-journey {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin-top: 0;
  background: #010b1e;
}
.hero-iceberg-reflection { opacity: .72; filter: saturate(.78) brightness(.88) blur(.2px); }
.iceberg-journey::before,
.iceberg-journey::after {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  z-index: 0;
  height: clamp(900px, 120vw, 1320px);
  pointer-events: none;
}
.iceberg-journey::before {
  content: none;
}
.iceberg-journey::after {
  content: none;
}
.integration-marquee-track.is-ready { animation-play-state: paused; }
.integration-marquee.is-in-view .integration-marquee-track.is-ready { animation-play-state: running; }
.integration-marquee.is-in-view:hover .integration-marquee-track.is-ready { animation-play-state: paused; }
.product-showcase-section {
  position: relative;
  z-index: 1;
  padding: 0 clamp(24px, 4vw, 64px) 128px;
}
.product-showcase-wrap::before {
  top: 0;
  background: linear-gradient(180deg, #f6f9fd 0, #fff 88px);
  clip-path: none;
  box-shadow: none;
}
.product-showcase-wrap::after {
  content: none;
}
.why-statement {
  position: relative;
  width: 100%;
  margin: 0 0 clamp(165px, 13vw, 220px);
  padding: clamp(20px, 2vw, 30px) clamp(24px, 6vw, 96px);
  border-top: 1px solid rgba(154, 216, 248, .2);
  border-bottom: 1px solid rgba(154, 216, 248, .16);
  background: linear-gradient(90deg, rgba(0, 25, 58, 0), rgba(0, 25, 58, .28) 18%, rgba(0, 22, 52, .4) 50%, rgba(0, 25, 58, .28) 82%, rgba(0, 25, 58, 0));
}
.why-statement-inner {
  width: min(1180px, 100%);
  margin: 0 auto;
  text-align: center;
}
.why-statement h2 {
  margin-top: 0;
  color: #f7fcff;
  font: 300 clamp(32px, 3.4vw, 48px)/1.04 var(--ui-font);
  letter-spacing: -.045em;
  text-wrap: balance;
}
.why-statement p {
  max-width: 1120px;
  margin: clamp(17px, 1.9vw, 23px) auto 0;
  color: #b4cfdf;
  font: 300 clamp(15px, 1.2vw, 19px)/1.62 var(--ui-font);
  letter-spacing: -.018em;
  text-wrap: balance;
}
.why-statement p strong {
  color: #edf8ff;
  font-weight: 300;
}
.product-box-label, .product-showcase-kicker, .integration-story-kicker, .integration-api-label { font-size: 12px; }
.product-box-summary, .dashboard-options-copy p, .integration-api-product > p, .integration-api-note p { font-size: 16px; }
.ai-benefit-list li { font-size: 14px; }
.phone-console { grid-column: 1 / -1; width: 100%; overflow: hidden; border: 1px solid #d2dfeb; border-radius: 20px; background: linear-gradient(145deg,#fff,#f3f8fe); color: #172a42; box-shadow: 0 22px 60px #254d7312; }
.console-bar { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 20px 26px; border-bottom: 1px solid #dce5ef; }
.console-bar > span:first-child { display: flex; align-items: center; gap: 9px; font: 300 16px/1.4 var(--ui-font); }
.console-bar img { width: 24px; height: 24px; }
.console-sample { font: 300 12px/1.5 var(--ui-font); color: #637b94; }
.console-body { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); }
.console-call-list, .console-detail { padding: 26px; }
.console-call-list { border-right: 1px solid #dce5ef; }
.console-label { color: #58728d; text-transform: uppercase; font: 300 12px/1.6 var(--ui-font); letter-spacing: .07em; }
.console-call { display: flex; align-items: center; gap: 12px; padding: 19px 0; border-bottom: 1px solid #e0e8f1; }
.console-call:last-child { border-bottom: 0; }
.console-call div { min-width: 0; }
.console-call strong { display: block; font: 300 14px/1.5 var(--ui-font); }
.console-call div > span { display: block; margin-top: 4px; color: #60758b; font-size: 12px; line-height: 1.5; }
.call-avatar { display: grid; place-items: center; flex-shrink: 0; width: 34px; height: 34px; background: #e5f0fa; border-radius: 50%; font-size: 12px; font-weight: 300; color: #4776a6; }
.call-tag { margin-left: auto; padding: 3px 8px; color: #2b6d63; border-radius: 5px; background: #e5f3ef; font-size: 12px; }
.muted-tag { background: #e9f0f8; color: #516b86; }
.console-detail h3 { margin-top: 18px; font: 300 23px/1.25 var(--ui-font); letter-spacing: -.04em; }
.console-detail > p:not(.console-label) { margin-top: 13px; font-size: 14px; line-height: 1.8; color: #5d7289; }
.console-recording { display: flex; align-items: center; gap: 12px; padding: 15px; border-radius: 10px; margin-top: 20px; background: #172c45; color: white; }
.console-recording > span { display: grid; place-items: center; width: 28px; height: 28px; background: #3d82d9; border-radius: 50%; font-size: 11px; }
.console-recording strong { display: block; font-size: 14px; }
.console-recording div > span { display: block; margin-top: 5px; color: #bacfe4; font-size: 12px; }
.console-next { margin-top: 20px; }
.console-next p { font-size: 14px; color: #5d7289; margin-top: 5px; }
.console-caption { padding: 13px 26px; border-top: 1px solid #dce5ef; color: #60768c; font-size: 14px; }
.faq-toggle { cursor: pointer; list-style: none; }
.faq-toggle::-webkit-details-marker { display: none; }
details.faq-item[open] .faq-answer { max-height: none; }
details.faq-item[open] .faq-icon { transform: rotate(45deg); }
.contact-faq-panel .faq-toggle { font-size: 16px; }
.contact-faq-panel .faq-answer p { font-size: 16px; color: #607187; }
.contact-form input, .contact-form textarea { font-size: 16px; }
.contact-honeypot { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.contact-submit:disabled { opacity: .65; cursor: wait; }
.contact-response-note a { text-decoration: underline; text-underline-offset: 3px; }
/* Small redirect/error pages share the original palette. */
.route-message { padding: 80px 6vw; color: #172a42; background: #fff; min-height: 100svh; font-family: var(--ui-font); }
.route-message h1 { margin-block: 25px; font-size: 40px; line-height: 1.15; letter-spacing: -.04em; }
.route-message p { margin-bottom: 25px; color: #607187; }
.contact-recording-note { margin-top: 20px; color: #52667d; font-size: 13px; line-height: 1.7; }
.contact-recording-note span { display: block; }
.legal-page { margin: 0; box-sizing: border-box; line-height: 1.7; }
.legal-page header, .legal-page main, .legal-page footer { max-width: 720px; margin-inline: auto; }
.legal-page header img { width: 160px; height: 28px; object-fit: contain; }
.legal-page main { padding-block: 40px; }
.legal-page a { color: #176ac1; text-underline-offset: 4px; }
.legal-page .legal-draft-label { color: #176ac1; font-size: 13px; font-weight: 300; letter-spacing: .06em; text-transform: uppercase; }
.customer-proof { padding: 64px clamp(20px, 6vw, 80px); background: #fff; color: #172a42; text-align: center; }
.customer-proof-inner { max-width: 1180px; margin-inline: auto; }
.customer-proof h2 { margin: 0; font: 300 clamp(24px, 3vw, 32px)/1.2 var(--ui-font); letter-spacing: -.04em; }
.customer-proof-note { margin-top: 12px; color: #607187; font: 300 14px/1.7 var(--ui-font); }
.customer-proof-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 28px 0 0; padding: 0; list-style: none; }
.customer-proof-strip li { display: flex; flex-direction: column; justify-content: center; gap: 14px; min-height: 120px; padding: 20px; border: 1px dashed #bfd2e4; border-radius: 16px; background: #f7fafd; }
.customer-proof-label { color: #526d89; font: 300 11px/1.5 var(--ui-font); letter-spacing: .06em; text-transform: uppercase; }
.customer-proof-strip strong { color: #2f7ed8; font: 300 clamp(16px, 2vw, 22px)/1.4 var(--ui-font); overflow-wrap: anywhere; }
@media (max-width: 639px) {
  .customer-proof { padding-block: 44px; }
  .customer-proof-strip { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .customer-proof-strip li { min-height: 96px; }
}
@media (min-width: 640px) and (max-width: 1099px) {
  .reference-hero {
    height: min(100vh, 700px);
    height: min(100svh, 700px);
    background: #f7fbfe;
  }
  .hero-sky-scene, .hero-scene-layer { top: auto; bottom: 0; height: 52.513vw; }
  .reference-copy { top: clamp(108px, 12vw, 132px); width: min(800px, calc(100% - (2 * var(--hero-edge-balance)))); }
  .hero-message { width: min(780px, 100%); padding: 0; border-radius: 0; }
  .reference-copy h1 { font-size: clamp(46px, 5.7vw, 62px); }
  .hero-subtitle { max-width: 640px; margin-right: 0; margin-left: 0; font-size: clamp(15px, 1.8vw, 18px); text-align: left; }
  .hero-actions { justify-content: flex-start; }
  .hero-actions .hero-action.button-name { height: 54px; min-width: 220px; padding-inline: 24px; font-size: 15px; }
  .hero-actions .hero-secondary-action.button-name { min-width: 238px; }
  .hero-benefits { gap: 0; width: min(730px, 100%); margin-top: 30px; padding: 0 7px; }
  .hero-benefit { grid-template-columns: 38px minmax(0, 1fr); gap: 9px; min-height: 70px; padding: 10px 13px; font-size: 10px; }
  .hero-benefit-icon { width: 38px; height: 38px; }
  .hero-benefit-icon svg { width: 19px; height: 19px; }
}
@media (max-width: 1023px) {
  .reference-nav #menuBtn { top: 18px; right: 20px; }
  .reference-brand { top: 20px; left: 20px; width: 160px; }
  .product-showcase-section { padding-top: 0; }
  .console-bar { padding: 18px; }
  .console-body { grid-template-columns: 1fr; }
  .console-call-list { border-right: 0; border-bottom: 1px solid #dce5ef; }
}
@media (max-width: 639px) {
  .page-scroll-indicator { width: 3px; }
  .reference-hero { height: 820px; aspect-ratio: auto; background: #f7fbfe; }
  .reference-brand { top: 27px; left: 24px; width: 146px; height: auto; }
  .reference-nav #menuBtn { position: fixed; top: 19px; right: 20px; width: 44px; height: 44px; padding: 0; }
  .reference-nav #menuBtn > span:first-child { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .hero-sky-scene, .hero-scene-layer { top: auto; bottom: 0; height: 68%; }
  .reference-hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 46%; z-index: -1; background: linear-gradient(#f9fdff,#f5fbff 80%,#f5fbff00); }
  .reference-copy { top: 92px; left: 18px; right: 18px; width: auto; }
  .hero-message { width: 100%; padding: 0; border-radius: 0; }
  .reference-copy h1 { font-size: clamp(30px, 8.2vw, 35px); font-weight: 300; line-height: 1.04; letter-spacing: -.055em; max-width: 100%; }
  .reference-copy h1 span { white-space: normal; }
  .reference-copy h1 span:last-child { max-width: calc(100vw - 48px); }
  .hero-subtitle { max-width: 100%; margin: 15px 0 0; padding-left: 0; border-left: 0; font-size: 13px; line-height: 1.48; text-align: left; }
  .hero-actions { justify-content: flex-start; gap: 8px; margin-top: 16px; }
  .hero-actions .hero-action.button-name { flex: 1 1 0; min-width: 0; height: 46px; gap: 7px; padding: 0 10px; border-radius: 12px; font-size: 12px; }
  .hero-actions .hero-primary-action.button-name,
  .hero-actions .hero-secondary-action.button-name { min-width: 0; }
  .hero-actions .hero-action svg { width: 19px; height: 19px; }
  .hero-benefits { gap: 0; width: 100%; margin-top: 24px; padding: 0 4px; border-radius: 15px; }
  .hero-benefit { grid-template-columns: 1fr; justify-items: center; gap: 6px; min-height: 82px; padding: 10px 4px; font-size: 9px; line-height: 1.35; text-align: center; }
  .hero-benefit-icon { width: 36px; height: 36px; }
  .hero-benefit-icon svg { width: 18px; height: 18px; }
  .hero-explore { left: 24px; font-size: 11px; bottom: -4px; max-width: 180px; }
  .product-showcase-section { padding: 0 20px 76px; }
  .why-water-content { padding-top: 46px; }
  .why-statement { margin-bottom: 190px; padding: 18px 22px 20px; }
  .why-statement h2 { font-size: 31px; }
  .why-statement p { margin-top: 18px; font-size: 14px; line-height: 1.62; }
  .dashboard-options-copy p, .product-box-summary { font-size: 16px; }
  .console-bar { align-items: flex-start; gap: 10px; flex-wrap: wrap; }
  .console-call-list, .console-detail { padding: 18px; }
  .console-call { gap: 9px; flex-wrap: wrap; }
  .console-call div { flex: 1; }
  .call-tag { margin-left: 43px; }
  .console-caption { padding-inline: 18px; }
  .console-bar > span:first-child { font-size: 15px; }
}

/* Center the section headings; align detailed content for easy reading. */
.iceberg-journey .product-showcase-intro,
.iceberg-journey .product-box-copy,
.iceberg-journey .dashboard-options-copy,
.iceberg-journey .integration-story-head,
.iceberg-journey .integration-api-product,
.iceberg-journey .integration-api-note,
.iceberg-journey .contact-panel,
.iceberg-journey footer {
  text-align: center;
}

.iceberg-journey .product-showcase-intro,
.iceberg-journey .product-box-copy,
.iceberg-journey .dashboard-options-cta,
.iceberg-journey .integration-api-note,
.iceberg-journey .contact-section .journey-heading {
  justify-items: center;
}

.iceberg-journey .product-showcase-intro h2,
.iceberg-journey .product-showcase-intro p,
.iceberg-journey .product-box h3,
.iceberg-journey .product-box-summary,
.iceberg-journey .dashboard-options-copy p,
.iceberg-journey .integration-story-head,
.iceberg-journey .integration-story-head h2,
.iceberg-journey .integration-story-head p,
.iceberg-journey .integration-api-product h3,
.iceberg-journey .integration-api-product > p,
.iceberg-journey .integration-api-list,
.iceberg-journey .integration-api-note p,
.iceberg-journey .contact-section .journey-heading,
.iceberg-journey .contact-section .journey-heading h2,
.iceberg-journey .contact-section .journey-heading p,
.iceberg-journey footer p {
  margin-right: auto;
  margin-left: auto;
}

.iceberg-journey .ai-product-box {
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  padding-right: 0;
  padding-left: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.iceberg-journey .ai-product-box::before {
  content: none;
}
.iceberg-journey .product-box-copy {
  display: flex;
  box-sizing: border-box;
  width: min(1160px, 100%);
  min-height: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: clamp(76px, 8vw, 112px) 0 48px;
}
.iceberg-journey .product-box-copy > h2 {
  width: 100%;
  max-width: 1000px;
}
.iceberg-journey .ai-product-box .product-box-summary {
  width: 100%;
  max-width: 860px;
}
.iceberg-journey .assistant-steps {
  position: relative;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: clamp(36px, 4vw, 54px);
  padding: 8px 0 26px;
  border-bottom: 1px solid rgba(18, 34, 56, .13);
}
.iceberg-journey .assistant-steps::before {
  content: "";
  position: absolute;
  top: 44px;
  right: 12.5%;
  left: 12.5%;
  height: 1px;
  background: #b8d0e6;
}
.iceberg-journey .assistant-steps li {
  position: relative;
  display: grid;
  align-content: start;
  justify-items: center;
  min-width: 0;
  padding: 0 clamp(18px, 2vw, 30px);
  text-align: center;
}
.iceberg-journey .assistant-steps li:not(:last-child)::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 40px;
  right: -5px;
  width: 9px;
  height: 9px;
  border-top: 2px solid #6b9cca;
  border-right: 2px solid #6b9cca;
  background: #fff;
  transform: rotate(45deg);
}
.iceberg-journey .assistant-step-image {
  position: relative;
  z-index: 3;
  display: grid;
  width: 72px;
  height: 72px;
  place-items: center;
  border: 1px solid rgba(61, 130, 217, .25);
  border-radius: 50%;
  background: #f2f8fe;
  color: #2f7ed8;
  box-shadow: 0 0 0 9px #fff;
}
.iceberg-journey .assistant-step-image svg {
  width: 40px;
  height: 40px;
}
.iceberg-journey .assistant-step-copy {
  margin-top: 24px;
}
.iceberg-journey .assistant-step-number {
  display: block;
  color: #2f7ed8;
  font: 300 10px/1 var(--ui-font);
  letter-spacing: .12em;
  text-transform: uppercase;
}
.iceberg-journey .assistant-steps strong {
  display: block;
  margin-top: 12px;
  color: #172a42;
  font: 300 17px/1.3 var(--ui-font);
  letter-spacing: -.025em;
}
.iceberg-journey .assistant-steps p {
  margin-top: 8px;
  color: #68798d;
  font-size: 14px;
  line-height: 1.65;
}
.iceberg-journey .assistant-customization {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin: 0;
  padding: clamp(34px, 4vw, 54px);
  border-radius: 24px;
  background: #3d82d9;
  color: #fff;
  text-align: left;
  box-shadow: 0 22px 54px rgba(47, 126, 216, .2);
}
.iceberg-journey .assistant-customization > span {
  color: rgba(255, 255, 255, .72);
  font: 300 10px/1 var(--ui-font);
  letter-spacing: .13em;
  text-transform: uppercase;
}
.iceberg-journey .assistant-customization h3 {
  margin-top: 14px;
  color: #fff;
  font: 300 clamp(26px, 2.6vw, 38px)/1.08 var(--ui-font);
  letter-spacing: -.045em;
}
.iceberg-journey .assistant-customization p {
  max-width: 560px;
  margin: 16px 0 0;
  color: rgba(255, 255, 255, .82);
  font-size: 16px;
  line-height: 1.7;
}
.iceberg-journey .assistant-customization + .product-box-actions {
  margin-top: 30px;
}
.iceberg-journey .assistant-customization .product-box-actions {
  justify-content: flex-start;
  margin-top: 30px;
}
.iceberg-journey .assistant-customization .button-name {
  background: #fff;
  color: #19518f;
  box-shadow: 0 10px 24px rgba(13, 57, 108, .2);
}
.iceberg-journey .assistant-customization .button-name:hover,
.iceberg-journey .assistant-customization .button-name:focus {
  background: #eef7ff;
  color: #103d70;
}
.iceberg-journey .assistant-feature-row {
  display: grid;
  box-sizing: border-box;
  width: min(1240px, 100%);
  min-height: 0;
  grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr);
  gap: clamp(24px, 2.25vw, 32px);
  align-items: center;
  margin-top: 0;
  padding: 40px 0 72px;
}
.iceberg-journey .ai-benefit-list {
  width: min(560px, 100%);
}
.iceberg-journey .ai-benefit-list li {
  grid-template-columns: 28px auto;
  justify-content: center;
  text-align: center;
}
.iceberg-journey .product-box-actions,
.iceberg-journey .dashboard-options-actions {
  justify-content: center;
}
.iceberg-journey .ai-product-preview {
  width: 100%;
  height: auto;
  align-self: center;
  overflow: visible;
  margin: 0;
  padding: 20px 14px 10px;
  border: 1px solid #dce8f3;
  border-radius: 22px;
  background: #f7fafd;
  box-shadow: 0 16px 48px #234b7310;
}
.iceberg-journey .ai-product-preview .ai-assistant-svg {
  display: block;
  width: 100%;
  height: auto;
  background: transparent;
}

.iceberg-journey .dashboard-options-cta {
  grid-template-columns: minmax(0, 1fr);
  text-align: center;
}
.iceberg-journey .phone-console {
  width: min(1100px, 100%);
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

.iceberg-journey .integration-story-head {
  margin-right: auto;
  margin-left: auto;
}
.iceberg-journey .integration-api-list li {
  justify-content: center;
  text-align: center;
}
.iceberg-journey .integration-api-note {
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
}
.iceberg-journey .integration-api-note p {
  max-width: 820px;
}

.iceberg-journey .contact-section > .contact-panel,
.iceberg-journey .journey-left.contact-section > .contact-panel,
.iceberg-journey .contact-section .journey-heading,
.iceberg-journey .contact-section .journey-heading h2,
.iceberg-journey .contact-section .journey-heading p {
  text-align: center !important;
}
.iceberg-journey .contact-section .journey-heading > span,
.iceberg-journey .contact-response-note {
  justify-content: center;
}
.iceberg-journey .contact-field label,
.iceberg-journey .contact-field input,
.iceberg-journey .contact-field textarea {
  text-align: left;
}
.iceberg-journey .contact-submit {
  display: inline-flex;
  gap: 28px;
  margin-right: 0;
  margin-left: 0;
}
.iceberg-journey .contact-faq-panel .faq-toggle {
  position: relative;
  justify-content: flex-start;
  padding-right: 32px;
  padding-left: 0;
  text-align: left;
}
.iceberg-journey .contact-faq-panel .faq-icon {
  position: absolute;
  right: 0;
}
.iceberg-journey .contact-faq-panel .faq-answer p {
  padding-right: 0 !important;
  text-align: left;
}

.iceberg-journey footer .max-w-6xl > div,
.iceberg-journey footer .max-w-6xl > div > div {
  justify-items: center;
  text-align: center;
}
.iceberg-journey footer .flex {
  justify-content: center;
}

@media (max-width: 767px) {
  .iceberg-journey .assistant-steps {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 32px;
    padding: 0 0 8px;
  }
  .iceberg-journey .assistant-steps::before {
    top: 36px;
    right: auto;
    bottom: 44px;
    left: 36px;
    width: 1px;
    height: auto;
  }
  .iceberg-journey .assistant-steps li {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
    justify-items: start;
    padding: 18px 0;
    text-align: left;
  }
  .iceberg-journey .assistant-steps li + li {
    border: 0;
  }
  .iceberg-journey .assistant-steps li:not(:last-child)::after {
    content: none;
  }
  .iceberg-journey .assistant-step-image {
    width: 72px;
    height: 72px;
    box-shadow: 0 0 0 7px #fff;
  }
  .iceberg-journey .assistant-step-image svg {
    width: 38px;
    height: 38px;
  }
  .iceberg-journey .assistant-step-copy {
    margin-top: 4px;
  }
  .iceberg-journey .assistant-steps strong {
    margin-top: 10px;
    font-size: 16px;
  }
  .iceberg-journey .assistant-steps p {
    font-size: 13px;
  }
}

@media (max-width: 899px) {
  .iceberg-journey .assistant-feature-row {
    grid-template-columns: minmax(0, 1fr);
  }
  .iceberg-journey .assistant-customization {
    align-items: center;
    padding: 34px 24px;
    border-radius: 20px;
    text-align: center;
  }
  .iceberg-journey .assistant-customization p {
    margin-right: auto;
    margin-left: auto;
  }
  .iceberg-journey .assistant-customization .product-box-actions {
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}
body.motion-paused *, body.motion-paused *::before, body.motion-paused *::after { animation-play-state: paused !important; }
.contact-response-note { display: block; font-size: 13px; line-height: 1.8; }
.contact-response-note::before { display: none; }

/* Product refinements use the existing palette and type; the hero is untouched. */
.iceberg-journey .product-box-label { color: #176ac1; }
.iceberg-journey .product-box-copy > h2,
.iceberg-journey .dashboard-options-copy > h2 {
  margin-top: 20px;
  color: #172a42;
  font: 300 clamp(34px, 4vw, 54px)/1.08 var(--ui-font);
  letter-spacing: -.045em;
  text-wrap: balance;
}
.iceberg-journey .product-box-copy > .product-box-summary { max-width: 660px; margin-top: 20px; font-size: 17px; line-height: 1.7; }
.iceberg-journey .assistant-steps { margin-top: 48px; }
.iceberg-journey .assistant-customization { box-shadow: 0 16px 40px #2f7ed81a; }
.assistant-controls { width: 100%; margin-top: 28px; }
.assistant-controls > div { padding: 14px 0; border-top: 1px solid #ffffff30; }
.assistant-controls dt { color: #d8eaff; font: 300 11px/1.5 var(--ui-font); letter-spacing: .02em; }
.assistant-controls dd { margin: 5px 0 0; color: #fff; font: 300 15px/1.5 var(--ui-font); }
.iceberg-journey .assistant-customization .assistant-control-note { margin-top: 12px; font-size: 13px; line-height: 1.7; }
.product-text-link { display: inline-flex; align-items: center; gap: 12px; color: #176ac1; font: 300 14px/1.6 var(--ui-font); text-decoration: underline; text-decoration-color: #176ac14d; text-underline-offset: 5px; }
.product-text-link:hover { text-decoration-color: currentColor; }
.assistant-customization .product-text-link { color: #fff; text-decoration-color: #ffffff70; }
.assistant-example-caption { display: flex; justify-content: space-between; gap: 16px; padding: 0 12px 12px; color: #526d89; font: 300 14px/1.5 var(--ui-font); letter-spacing: .04em; }
.assistant-example-caption > span:first-child { color: #176ac1; }
.compact-call-example { display: none; }
.iceberg-journey .dashboard-options-cta { margin-top: 16px; padding-block: 76px; gap: 32px; }
.iceberg-journey .dashboard-options-copy p { max-width: 630px; margin-top: 20px; font-size: 17px; line-height: 1.7; }
.console-brand { display: flex; align-items: center; gap: 11px; }
.console-brand strong { display: block; color: #172a42; font: 300 15px/1.4 var(--ui-font); }
.console-brand div > span { display: block; margin-top: 3px; color: #637b94; font: 300 11px/1.4 var(--ui-font); }
.console-brand img { width: 28px; height: 28px; }
.console-call-list > .console-label { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.console-call-count { font-size: 11px; background: #eaf1f8; border-radius: 4px; padding: 1px 7px; }
.phone-console .console-call { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; width: 100%; gap: 12px; padding: 18px 12px; margin-bottom: 6px; border: 1px solid transparent; border-radius: 10px; background: transparent; color: #172a42; text-align: left; font-family: var(--ui-font); cursor: pointer; transition: background .15s, border-color .15s; }
.phone-console .console-call.is-selected { border-color: #c2d9f1; background: #edf5ff; }
.phone-console .console-call:enabled:hover { background: #f0f6fc; border-color: #c2d9f1; }
.phone-console .console-call:disabled { cursor: default; opacity: 1; }
.phone-console .console-call:focus-visible { outline-offset: 1px; }
.console-call-copy { min-width: 0; }
.console-call-copy > span { display: block; margin-top: 4px; color: #61788e; font-size: 12px; line-height: 1.5; }
.phone-console .call-tag { margin: 0; font-size: 10px; }
.console-interaction-hint { margin: 20px 10px 0; color: #637b94; font-size: 12px; line-height: 1.7; }
.console-interaction-hint > span { margin-left: 6px; color: #2f7ed8; }
.console-detail { min-height: 426px; }
.console-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 20px; padding-top: 18px; border-top: 1px solid #e0e8f1; }
.console-facts dt { color: #61788e; font: 300 10px/1.5 var(--ui-font); }
.console-facts dd { margin-top: 6px; color: #273f5a; font: 300 12px/1.5 var(--ui-font); }
.console-recording > span { border-radius: 8px; }
.console-recording svg { width: 20px; height: 20px; }
.dashboard-demo-link { justify-self: center; }
.iceberg-journey .button-name { border-radius: 10px; box-shadow: 0 2px 5px #225a9930; font-weight: 300; }
.iceberg-journey .button-name:hover { box-shadow: 0 4px 10px #225a9926; transform: translateY(-1px); }
.iceberg-journey .contact-section .contact-form,
.iceberg-journey .contact-faq-panel,
.iceberg-journey .contact-faq-panel .faq-list { text-align: left !important; }
.iceberg-journey .contact-section .journey-heading p { max-width: 590px; font-size: 16px; }
.contact-form-kicker { line-height: 1.5; font-size: 11px; }
.contact-form-fields { gap: 24px; }
.contact-field label { color: #526d89; font-size: 11px; line-height: 1.5; letter-spacing: .03em; }
.contact-field input, .contact-field textarea { font-size: 16px; padding-block: 13px; }
.contact-field input::placeholder, .contact-field textarea::placeholder { color: #7d8ea2; }
.contact-form-note { font-size: 14px; line-height: 1.7; }
.iceberg-journey .contact-faq-panel .faq-toggle { font-weight: 300; line-height: 1.55; }
.contact-faq-panel .faq-answer p { font-size: 14px; line-height: 1.8; }
.iceberg-journey footer { border-top: 1px solid #dfe8f0; }
.iceberg-journey footer a { display: inline-block; padding-block: 4px; }
.iceberg-journey footer .space-y-2 a { display: block; }
@media (max-width: 1099px) and (min-width: 1024px) {
  .phone-console .console-call { grid-template-columns: 34px minmax(0, 1fr); }
  .phone-console .call-tag { grid-column: 2; justify-self: start; }
}
@media (max-width: 899px) {
  .iceberg-journey .assistant-feature-row { padding-top: 12px; gap: 24px; }
  .assistant-controls { max-width: 440px; text-align: left; }
  .iceberg-journey .assistant-customization { padding: 36px 28px; }
}
@media (max-width: 639px) {
  .iceberg-journey .product-box-copy { padding: 60px 0 32px; }
  .iceberg-journey .product-box-copy > .product-box-summary,
  .iceberg-journey .dashboard-options-copy p { font-size: 15px; }
  .iceberg-journey .assistant-steps { margin-top: 30px; }
  .iceberg-journey .assistant-step-image { width: 58px; height: 58px; }
  .iceberg-journey .assistant-step-image svg { width: 32px; height: 32px; }
  .iceberg-journey .assistant-steps::before { left: 29px; }
  .iceberg-journey .assistant-steps li { grid-template-columns: 58px minmax(0, 1fr); gap: 18px; }
  .iceberg-journey .assistant-feature-row { padding-bottom: 44px; }
  .iceberg-journey .ai-product-preview { padding: 20px; }
  .assistant-example-caption { padding: 0 0 18px; gap: 10px; font-size: 14px; }
  .iceberg-journey .ai-product-preview .ai-assistant-svg { display: none; }
  .compact-call-example { display: block; color: #273f5a; font-family: var(--ui-font); }
  .compact-call-person { display: flex; align-items: center; gap: 10px; padding-bottom: 22px; }
  .compact-call-person strong, .compact-call-person div > span { display: block; }
  .compact-call-person strong { font-size: 14px; font-weight: 300; }
  .compact-call-person div > span { margin-top: 4px; color: #61788e; font-size: 11px; }
  .compact-call-message { margin: 0 18px 12px 0; padding: 13px 15px; border: 1px solid #e3ebf3; border-radius: 12px; background: #fff; }
  .compact-call-message > span { font: 300 9px/1.5 var(--ui-font); color: #61788e; }
  .compact-call-message p { margin-top: 6px; font-size: 13px; line-height: 1.7; }
  .compact-call-message.assistant-reply { margin-right: 0; margin-left: 18px; border-color: #cee2f7; background: #e7f2fe; }
  .assistant-reply > span { color: #176ac1; }
  .compact-call-outcome { margin-top: 22px; padding: 14px; border-radius: 10px; background: #e9f8f6; color: #267c73; }
  .compact-call-outcome strong, .compact-call-outcome > span { display: block; font-size: 12px; line-height: 1.6; }
  .compact-call-outcome strong { font-weight: 300; }
  .compact-call-note { margin-top: 15px; color: #61788e; font-size: 11px; line-height: 1.7; }
  .iceberg-journey .dashboard-options-cta { padding-block: 48px; }
  .console-call-list, .console-detail { padding: 20px 16px; }
  .phone-console .console-call { grid-template-columns: 32px minmax(0, 1fr); padding: 14px 10px; gap: 8px 10px; }
  .phone-console .call-tag { grid-column: 2; justify-self: start; }
  .console-facts { grid-template-columns: 1fr; gap: 12px; }
  .console-detail { min-height: 460px; }
  .console-sample { font-size: 10px; }
  .console-brand strong { font-size: 14px; }
  .console-bar { padding: 18px 16px; }
  .iceberg-journey .contact-submit { width: 100%; justify-content: space-between; padding-inline: 20px; }
  .contact-response-note { font-size: 12px; }
  .contact-recording-note { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .iceberg-journey .button-name:hover { transform: none; }
}

/* Product presentation: one type system, earlier demonstration, clear next steps. */
:root {
  --product-ink: #172a42;
  --product-muted: #526b84;
  --product-line: #d5e2ee;
  --product-radius: 18px;
  --product-shadow: 0 12px 36px #254d730c;
}
body.font-body, .font-display { font-family: var(--ui-font); }
.iceberg-journey { background: #fff; }
.desktop-nav { position: absolute; top: 16px; right: var(--hero-edge-balance); display: flex; align-items: center; gap: 30px; }
.desktop-nav > a { display: inline-flex; align-items: center; min-height: 44px; color: #273f5a; font-size: 14px; font-weight: 300; }
.desktop-nav > a:not(.button-name):hover { color: var(--ui-link); text-decoration: underline; text-underline-offset: 6px; }
.desktop-nav > .button-name { gap: 20px; color: #fff; padding-inline: 20px; }
.button-name,
.nav-menu-trigger.button-name,
.iceberg-journey .button-name,
.hero-actions .hero-action.button-name,
.site-menu-close {
  align-items: center;
  border-radius: .25rem;
  box-shadow: rgba(0, 0, 0, .02) 0 1px 3px 0;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  font-family: var(--ui-font);
  font-weight: 300;
  justify-content: center;
  line-height: 1.25;
  min-height: 3rem;
  text-decoration: none;
  touch-action: manipulation;
  transition: all 250ms;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: baseline;
  width: auto;
}
.button-name:hover,
.button-name:focus,
.nav-menu-trigger.button-name:hover,
.nav-menu-trigger.button-name:focus,
.iceberg-journey .button-name:hover,
.iceberg-journey .button-name:focus,
.hero-actions .hero-action.button-name:hover,
.hero-actions .hero-action.button-name:focus,
.site-menu-close:hover,
.site-menu-close:focus {
  box-shadow: rgba(0, 0, 0, .1) 0 4px 12px;
}
.button-name:hover,
.nav-menu-trigger.button-name:hover,
.iceberg-journey .button-name:hover,
.hero-actions .hero-action.button-name:hover,
.site-menu-close:hover {
  transform: translateY(-1px);
}
.button-name:active,
.nav-menu-trigger.button-name:active,
.iceberg-journey .button-name:active,
.hero-actions .hero-action.button-name:active,
.site-menu-close:active {
  box-shadow: rgba(0, 0, 0, .06) 0 2px 4px;
  transform: translateY(0);
}
.site-menu-close { width: 3rem; height: 3rem; flex-basis: 3rem; padding: 0; }
.hero-actions .hero-secondary-action.button-name:hover,
.hero-actions .hero-secondary-action.button-name:focus { background: #fff; }
.hero-benefit { font-size: 13px; }
.why-water-content { padding: 26px 24px 40px; }
.water-story-link { display: flex; align-items: center; justify-content: center; gap: 24px; width: fit-content; margin: 0 auto; min-height: 48px; color: #e2f2ff; font: 300 14px/1.6 var(--ui-font); }
.water-story-link > span:last-child { font-size: 22px; }
.water-story-link:hover { color: #fff; }
.section-shell { width: min(1180px, calc(100% - 64px)); margin-inline: auto; }
.product-story { padding-block: 76px; background: #176ac1; color: #fff; }
.product-story .section-heading h2 { color: #fff; }
.product-story .section-kicker, .product-story .section-heading > p, .product-story .product-story-footer p { color: #e2effc; }
.product-story .product-story-footer .product-text-link { color: #fff; text-decoration-color: #ffffff80; }
.product-story .product-story-footer .product-text-link:hover { text-decoration-color: #fff; }
.section-heading { display: grid; grid-template-columns: 1.15fr 1fr; align-items: end; gap: 64px; margin-bottom: 38px; text-align: left; }
.section-kicker { display: block; color: #176ac1; font: 300 12px/1.6 var(--ui-font); letter-spacing: .07em; text-transform: uppercase; }
.section-heading h2, .assistant-overview h2 { margin-top: 16px; font: 300 clamp(34px, 3.5vw, 50px)/1.1 var(--ui-font); letter-spacing: -.045em; }
.section-heading > p { max-width: 450px; padding-bottom: 4px; color: var(--product-muted); font-size: 17px; line-height: 1.7; }
.assistant-story { display: grid; grid-template-columns: .86fr 1.14fr; gap: 68px; padding-block: 80px; color: var(--product-ink); border-bottom: 1px solid var(--product-line); text-align: left; }
.assistant-overview { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 42px; background: #2775c8; border-radius: var(--product-radius); color: #fff; box-shadow: var(--product-shadow); }
.assistant-overview .section-kicker { color: #fff; }
.assistant-overview h2 { font-size: clamp(34px, 3vw, 44px); }
.assistant-overview h2 > span { display: block; }
.assistant-overview p { margin-top: 22px; color: #fff; font-size: 16px; line-height: 1.75; }
.assistant-overview .product-text-link { color: #fff; margin-top: 28px; text-decoration-color: #ffffff8c; }
.control-details { align-self: center; }
.control-details li { display: flex; align-items: start; gap: 24px; padding-block: 26px; border-bottom: 1px solid var(--product-line); }
.control-details li:first-child { padding-top: 0; }
.control-details li:last-child { padding-bottom: 0; border-bottom: 0; }
.control-number { padding-top: 4px; color: #176ac1; font: 300 13px/1.5 var(--ui-font); }
.control-details h3 { font-size: 21px; font-weight: 300; line-height: 1.35; letter-spacing: -.025em; }
.control-details p { margin-top: 12px; font-size: 16px; line-height: 1.75; color: var(--product-muted); }
.iceberg-journey .contact-section { padding-block: 76px !important; }
.iceberg-journey .contact-section .journey-heading,
.iceberg-journey .contact-section .journey-heading h2,
.iceberg-journey .contact-section .journey-heading p { text-align: left !important; margin-inline: 0; }
.iceberg-journey .contact-section .journey-heading { justify-items: start; }
.iceberg-journey .contact-section .journey-heading > span { justify-content: start; color: #176ac1 !important; }
.iceberg-journey .contact-section .journey-heading h2 { max-width: 720px; font-size: clamp(34px, 3.5vw, 50px); line-height: 1.1; letter-spacing: -.045em; }
.iceberg-journey .contact-section .journey-heading p { max-width: 640px; font-size: 17px; }




.contact-form-kicker { font-size: 12px; letter-spacing: .06em; margin-bottom: 12px; }
.demo-request-note { margin-bottom: 26px; color: var(--product-muted); font-size: 14px; line-height: 1.7; }
.contact-field label { font-family: var(--ui-font); font-size: 14px; line-height: 1.5; text-transform: none; letter-spacing: 0; }
.contact-field label span { color: #63758a; }
.contact-field input:focus-visible, .contact-field textarea:focus-visible { outline: 2px solid #438fdf; outline-offset: 4px; border-radius: 2px; }
.contact-field input::placeholder, .contact-field textarea::placeholder { color: #677d92; }
.contact-faq-header span { font-size: 12px; line-height: 1.6; letter-spacing: .05em; }
.contact-faq-panel .faq-answer p { font-size: 15px; color: var(--product-muted); }
.contact-response-note, .contact-recording-note { font-size: 13px; }
.iceberg-journey footer .max-w-6xl { width: min(1180px, calc(100% - 64px)); max-width: none; padding-inline: 0; }
.iceberg-journey footer .max-w-6xl > div { text-align: left; justify-items: start; }
.iceberg-journey footer .flex { justify-content: start; }
.iceberg-journey footer p { margin-inline: 0; }
.iceberg-journey footer a { font-size: 14px; }
@media (min-width: 900px) {
  .reference-nav #menuBtn, .no-script-menu { display: none; }
}
@media (max-width: 1023px) {
  .desktop-nav { gap: 22px; right: 24px; }
  .section-heading { gap: 36px; }
  .assistant-story { gap: 36px; }
  .assistant-overview { padding: 32px; }
  .contact-content-grid { gap: 42px; }
}
@media (max-width: 899px) {
  .desktop-nav { display: none; }
  .section-heading { grid-template-columns: 1fr; gap: 20px; }
  .section-heading > p { max-width: 620px; }
  .assistant-story { grid-template-columns: 1fr; }
  .assistant-overview h2 { max-width: 500px; }
  .assistant-overview p { max-width: 580px; }
}
@media (max-width: 639px) {
  .reference-hero { height: 740px; }
  .hero-subtitle { font-size: 14px; }
  .hero-actions .hero-action.button-name { font-size: 12px; }
  .hero-benefit { font-size: 11px; line-height: 1.5; padding: 10px 4px; }
  .hero-benefit-icon { width: 32px; height: 32px; }
  .why-water-content { padding: 16px 24px 30px; }
  .water-story-link { gap: 16px; justify-content: space-between; font-size: 13px; }
  .section-shell { width: calc(100% - 36px); }
  .product-story { padding-block: 46px; }
  .section-heading { margin-bottom: 28px; gap: 18px; }
  .section-heading > p { font-size: 16px; }
  .section-heading h2, .assistant-overview h2 { font-size: 34px; }
  .console-bar { padding: 18px; }
  .console-sample { font-size: 12px; }
  .console-facts { grid-template-columns: 1fr 1fr; }
  .console-caption { padding: 15px 18px; font-size: 14px; }
  .assistant-story { padding-block: 44px; gap: 32px; }
  .assistant-overview { padding: 28px; }
  .assistant-overview h2 { max-width: 250px; }
  .control-details li { gap: 16px; padding-block: 24px; }
  .control-details h3 { font-size: 20px; }
  .control-details p { font-size: 15px; }
  .iceberg-journey .contact-section { padding-block: 46px !important; }
  .iceberg-journey .contact-section .journey-heading p { font-size: 16px; }



  .contact-content-grid { gap: 32px; }
  .contact-faq-panel { padding-top: 30px; }
  .iceberg-journey footer .max-w-6xl { width: calc(100% - 36px); grid-template-columns: 1fr 1fr; gap: 30px 20px; padding-block: 36px; }
  .iceberg-journey footer .max-w-6xl > div:first-child { grid-column: 1 / -1; }
  .iceberg-journey footer a { overflow-wrap: anywhere; }
}
@media (max-width: 359px) {
  .hero-actions .hero-action.button-name { font-size: 11px; padding-inline: 8px; }
  .hero-benefit { font-size: 11px; }
  .console-facts { grid-template-columns: 1fr; }
  .section-heading h2, .assistant-overview h2 { font-size: 31px; }
}
@media (prefers-reduced-motion: reduce) {
  .button-name:hover, .button-name:focus,
  .nav-menu-trigger.button-name:hover, .nav-menu-trigger.button-name:focus,
  .iceberg-journey .button-name:hover, .iceberg-journey .button-name:focus,
  .hero-actions .hero-action.button-name:hover, .hero-actions .hero-action.button-name:focus,
  .site-menu-close:hover, .site-menu-close:focus { transform: none; }
}

/* Call history uses a compact inbox and a single record, with understated controls. */
.product-story .section-heading h2 { max-width: 540px; }
.call-workspace { overflow: hidden; border: 1px solid #d6e0e9; border-radius: 12px; background: #fff; color: #172a42; text-align: left; box-shadow: 0 8px 30px #17395508; }
.workspace-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 62px; padding: 16px 24px; border-bottom: 1px solid #dfe6ed; }
.workspace-header > div { display: flex; align-items: center; gap: 10px; }
.workspace-header img { width: 22px; height: 22px; }
.workspace-header h3 { font-size: 14px; font-weight: 300; }
.workspace-header > span { color: #64768a; font-size: 12px; }
.workspace-layout { display: grid; grid-template-columns: 300px minmax(0, 1fr); }
.call-inbox { background: #f8fafc; border-right: 1px solid #dfe6ed; }
.inbox-label { padding: 22px 22px 16px; color: #5b6e82; font-size: 12px; font-weight: 300; }
.inbox-call { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; align-items: center; gap: 10px; width: 100%; padding: 18px 20px; border-top: 1px solid transparent; border-bottom: 1px solid #e7ecf2; border-left: 2px solid transparent; text-align: left; cursor: pointer; }
.inbox-call.is-selected { border-left-color: #438fdf; background: #eaf2fb; }
.inbox-call:enabled:hover { background: #edf3fa; }
.inbox-call:disabled { cursor: default; opacity: 1; }
.inbox-call:focus-visible { outline-offset: -3px; }
.inbox-avatar { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #e3ebf4; color: #526b84; font-size: 11px; font-weight: 300; }
.inbox-person { min-width: 0; }
.inbox-person strong { display: block; font-size: 13px; font-weight: 300; line-height: 1.5; }
.inbox-person > span { display: block; margin-top: 4px; color: #64768a; font-size: 12px; line-height: 1.5; }
.inbox-call time { align-self: start; padding-top: 3px; color: #64768a; font-size: 11px; white-space: nowrap; }
.call-record { min-width: 0; }
.record-header { padding: 30px 36px 18px; }
.record-header h3 { color: #172a42; font-size: 27px; font-weight: 300; letter-spacing: -.035em; line-height: 1.3; }
.person-heading { display: flex; align-items: center; gap: 10px; min-width: 0; }
.person-icon { display: grid; place-items: center; flex: 0 0 auto; width: 34px; height: 34px; border-radius: 50%; background: #eaf3fd; color: #176ac1; }
.person-icon svg { width: 18px; height: 18px; }
.record-header p { margin-top: 9px; color: #64768a; font-size: 13px; line-height: 1.6; }
.record-tabs { display: flex; gap: 28px; padding-inline: 36px; border-bottom: 1px solid #e1e7ee; }
.record-tabs button { position: relative; min-height: 48px; padding: 12px 0; border-bottom: 2px solid transparent; color: #64768a; font-size: 14px; font-weight: 300; }
.record-tabs button[aria-selected="true"] { border-bottom-color: #438fdf; color: #172a42; }
.record-tabs button:hover { color: #176ac1; }
.record-tabs button:focus-visible { outline-offset: 3px; }
.record-panel { min-height: 332px; padding: 26px 36px 32px; }
.record-panel:focus-visible { outline: 2px solid #438fdf; outline-offset: -3px; }
.record-panel h4 { color: #273f5a; font-size: 13px; line-height: 1.6; font-weight: 300; }
.record-panel > p, .record-next p { margin-top: 8px; max-width: 660px; color: #526b84; font-size: 15px; line-height: 1.75; }
.record-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-block: 24px; padding-block: 20px; border-top: 1px solid #e4eaf0; border-bottom: 1px solid #e4eaf0; }
.record-facts dt { color: #64768a; font-size: 12px; line-height: 1.5; }
.record-facts dd { margin-top: 7px; color: #273f5a; font-size: 14px; line-height: 1.6; font-weight: 300; }
.record-facts div:first-child dd { color: #176ac1; }
.record-transcript { margin-top: 6px; }
.record-transcript li { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 22px; padding-block: 20px; border-bottom: 1px solid #e4eaf0; }
.record-transcript li:last-child { border-bottom: 0; padding-bottom: 0; }
.record-transcript li > span { color: #273f5a; font-size: 13px; font-weight: 300; line-height: 1.8; }
.record-transcript p { color: #526b84; font-size: 15px; line-height: 1.75; }
.mobile-call-picker { display: none; }
.product-story-footer { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-top: 20px; }
.product-story-footer p { color: #64768a; font-size: 12px; line-height: 1.7; }
.product-story-footer .product-text-link { flex-shrink: 0; font-size: 13px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 1023px) and (min-width: 768px) {
  .workspace-layout { grid-template-columns: 245px minmax(0, 1fr); }
  .inbox-call { padding-inline: 14px; grid-template-columns: 28px minmax(0, 1fr); }
  .inbox-call time { display: none; }
  .record-header, .record-panel { padding-inline: 28px; }
  .record-tabs { padding-inline: 28px; }
  .record-transcript li { grid-template-columns: 82px minmax(0, 1fr); gap: 16px; }
}
@media (max-width: 767px) {
  .workspace-layout { grid-template-columns: 1fr; }
  .call-inbox { display: none; }
  .mobile-call-picker { display: grid; gap: 9px; padding: 18px 22px; background: #f8fafc; border-bottom: 1px solid #dfe6ed; }
  .mobile-call-picker label { color: #5b6e82; font-size: 12px; font-weight: 300; }
  .mobile-call-picker select { width: 100%; min-width: 0; min-height: 44px; padding: 10px; border: 1px solid #cdd9e5; border-radius: 6px; background: #fff; color: #273f5a; font-family: var(--ui-font); font-size: 16px; }
  .mobile-call-picker select:focus-visible { outline: 2px solid #438fdf; outline-offset: 3px; }
  .record-header { padding: 26px 22px 16px; }
  .record-tabs { padding-inline: 22px; }
  .record-panel { padding: 24px 22px; min-height: 355px; }
  .record-transcript li { grid-template-columns: 1fr; gap: 6px; padding-block: 16px; }
  .record-facts { gap: 20px; }
}
@media (max-width: 639px) {
  .workspace-header { min-height: 58px; padding: 16px 20px; }
  .record-header h3 { font-size: 25px; }
  .product-story-footer { align-items: flex-start; flex-direction: column; gap: 8px; padding-top: 16px; }
}
@media (max-width: 359px) {
  .mobile-call-picker, .record-header, .record-panel { padding-inline: 18px; }
  .record-tabs { padding-inline: 18px; }
  .record-facts { grid-template-columns: 1fr; gap: 14px; }
}

/* Demo request: a concise introduction beside one clearly defined form. */
.demo-request-section { padding-block: 80px; color: #172a42; text-align: left; }
.demo-request-layout { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); grid-template-areas: 'intro form' 'details form'; grid-template-rows: auto 1fr; column-gap: 88px; row-gap: 34px; align-items: start; }
.demo-intro { grid-area: intro; padding-top: 10px; }
.demo-eyebrow { color: #526b84; font-size: 13px; line-height: 1.6; font-weight: 300; }
.demo-intro h2 { margin-top: 18px; color: #172a42; font: 300 clamp(34px, 3.35vw, 48px)/1.1 var(--ui-font); letter-spacing: -.045em; }
.demo-intro > p { max-width: 430px; margin-top: 22px; color: #526b84; font-size: 17px; line-height: 1.75; }
.demo-details { grid-area: details; }
.demo-details > h3 { margin-bottom: 4px; font-size: 14px; font-weight: 300; line-height: 1.6; }
.demo-topics > div { display: grid; grid-template-columns: 116px minmax(0, 1fr); gap: 20px; padding-block: 19px; border-bottom: 1px solid #e1e7ee; }
.demo-topics dt { color: #273f5a; font-size: 13px; font-weight: 300; line-height: 1.7; }
.demo-topics dd { color: #526b84; font-size: 14px; line-height: 1.7; }
.demo-email { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 12px; margin-top: 26px; color: #64768a; font-size: 13px; line-height: 1.8; }
.demo-email a { color: #176ac1; text-decoration: underline; text-decoration-color: #176ac14d; text-underline-offset: 4px; }
.demo-email a > span { margin-left: 6px; }
.demo-email a:hover { text-decoration-color: currentColor; }
.demo-form { grid-area: form; min-width: 0; margin: 0; padding: 32px; border: 1px solid #d6e0e9; border-radius: 12px; background: #fff; box-shadow: 0 8px 30px #17395508; }
.demo-form-header { margin-bottom: 28px; }
.demo-form-header h3 { color: #172a42; font-size: 23px; line-height: 1.3; font-weight: 300; letter-spacing: -.03em; }
.demo-form-header p { margin-top: 9px; color: #64768a; font-size: 14px; line-height: 1.7; }
.demo-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 18px; }
.demo-field { min-width: 0; }
.demo-field-wide { grid-column: 1 / -1; }
.demo-field label { display: block; color: #273f5a; font-size: 13px; font-weight: 300; line-height: 1.6; }
.demo-field label > span { margin-left: 3px; color: #64768a; font-weight: 300; }
.demo-field input, .demo-field textarea { display: block; width: 100%; margin-top: 8px; padding: 12px; min-height: 46px; border: 1px solid #cdd9e5; border-radius: 6px; background: #fff; color: #172a42; font: 300 16px/1.5 var(--ui-font); transition: border-color .15s; }
.demo-field textarea { min-height: 112px; resize: vertical; }
.demo-field input::placeholder, .demo-field textarea::placeholder { color: #697c90; opacity: 1; }
.demo-field input:hover, .demo-field textarea:hover { border-color: #9bb3ca; }
.demo-field input:focus-visible, .demo-field textarea:focus-visible { border-color: #438fdf; outline: 2px solid #438fdf; outline-offset: 2px; }
.demo-form .demo-submit { display: inline-flex; width: 100%; min-height: 48px; justify-content: space-between; margin-top: 26px; padding-inline: 18px; font-size: 14px; border-radius: .25rem; }
.demo-submit:disabled { opacity: .65; cursor: wait; }
.demo-form-status { margin-top: 18px; color: #273f5a; font-size: 14px; line-height: 1.7; }
.demo-recording-note { margin-top: 22px; padding-top: 18px; border-top: 1px solid #e4eaf0; color: #64768a; font-size: 12px; line-height: 1.7; }
.demo-recording-note > span { display: block; }
.demo-faq { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); align-items: start; gap: 88px; margin-top: 64px; padding-top: 48px; border-top: 1px solid #dfe6ed; }
.demo-faq > h3 { max-width: 350px; color: #172a42; font: 300 28px/1.25 var(--ui-font); letter-spacing: -.035em; }
.demo-faq .faq-list { width: 100%; min-width: 0; margin: 0; padding: 0; }
.demo-faq .faq-item { padding: 0; border: 0; border-bottom: 1px solid #e1e7ee; }
.demo-faq .faq-item:first-child { border-top: 1px solid #e1e7ee; }
.demo-faq .faq-toggle { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 60px; padding-block: 18px; color: #273f5a; font-size: 14px; line-height: 1.7; font-weight: 300; }
.demo-faq .faq-toggle:hover { color: #176ac1; }
.demo-faq .faq-toggle:focus-visible { outline-offset: 4px; }
.demo-faq .faq-icon { flex: 0 0 18px; color: #64768a; font-size: 20px; font-weight: 300; line-height: 1; text-align: center; }
.demo-faq .faq-answer p { margin: 0; padding: 0 30px 20px 0; color: #526b84; font-size: 14px; line-height: 1.8; }
@media (max-width: 1099px) {
  .demo-request-layout, .demo-faq { column-gap: 44px; }
  .demo-form { padding: 28px; }
  .demo-topics > div { grid-template-columns: 1fr; gap: 6px; padding-block: 16px; }
}
@media (max-width: 899px) {
  .demo-request-layout { grid-template-columns: 1fr; grid-template-areas: 'intro' 'form' 'details'; row-gap: 32px; }
  .demo-intro { padding-top: 0; }
  .demo-intro > p { max-width: 540px; }
  .demo-intro h2 { font-size: 40px; }
  .demo-topics > div { grid-template-columns: 160px minmax(0, 1fr); gap: 24px; }
  .demo-faq { grid-template-columns: 1fr; gap: 26px; margin-top: 42px; padding-top: 36px; }
  .demo-faq > h3 { max-width: none; font-size: 27px; }
}
@media (max-width: 639px) {
  .demo-request-section { padding-block: 46px; }
  .demo-intro h2 { font-size: 34px; }
  .demo-intro > p { margin-top: 18px; font-size: 16px; }
  .demo-form { padding: 24px 20px; }
  .demo-form-header { margin-bottom: 24px; }
  .demo-form-header h3 { font-size: 22px; }
  .demo-fields { grid-template-columns: 1fr; gap: 20px; }
  .demo-field-wide { grid-column: auto; }
  .demo-form .demo-submit { margin-top: 24px; }
  .demo-topics > div { grid-template-columns: 1fr; gap: 6px; }
  .demo-faq { margin-top: 36px; padding-top: 30px; }
  .demo-faq > h3 { font-size: 25px; }
  .demo-faq .faq-toggle { gap: 18px; }
}
@media (max-width: 359px) {
  .demo-intro h2 { font-size: 31px; }
  .demo-form { padding-inline: 18px; }
}

/* Product value. */
.why-product-section { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: 88px; padding-top: 80px; color: #172a42; text-align: left; }
.why-product-intro h2 { margin-top: 18px; font: 300 clamp(34px, 3.2vw, 44px)/1.12 var(--ui-font); letter-spacing: -.045em; }
.why-product-intro p { max-width: 420px; margin-top: 22px; color: #526b84; font-size: 16px; line-height: 1.8; }
.why-product-reasons > div { padding-block: 23px; border-bottom: 1px solid #e1e7ee; }
.why-product-reasons > div:first-child { padding-top: 0; }
.why-product-reasons > div:last-child { padding-bottom: 0; border-bottom: 0; }
.why-product-reasons dt { color: #273f5a; font-size: 18px; line-height: 1.5; font-weight: 300; letter-spacing: -.025em; }
.why-product-reasons dd { margin-top: 9px; color: #526b84; font-size: 15px; line-height: 1.8; }
@media (max-width: 1099px) {
  .why-product-section { gap: 44px; }
}
@media (max-width: 899px) {
  .why-product-section { grid-template-columns: 1fr; gap: 32px; }
  .why-product-intro p { max-width: 600px; }
  .why-product-reasons > div:first-child { padding-top: 23px; border-top: 1px solid #e1e7ee; }
}
@media (max-width: 639px) {
  .why-product-section { padding-top: 46px; gap: 26px; }
  .why-product-intro h2 { font-size: 34px; }
  .why-product-intro p { margin-top: 18px; font-size: 15px; }
  .why-product-reasons dt { font-size: 17px; }
  .why-product-reasons dd { font-size: 14px; }
}
@media (max-width: 359px) {
  .why-product-intro h2 { font-size: 31px; }
}

/* iOS-inspired grouped surfaces and native system typography. */
.assistant-intro-section {
  --assistant-font: "Poppins", sans-serif;
  --assistant-secondary: #6e6e73;
  --assistant-separator: #dedee3;
  padding-block: 96px;
  border-bottom: 1px solid #e8e8ed;
  background: #fff;
  color: #1d1d1f;
  font-family: var(--assistant-font);
  text-align: left;
}
.assistant-intro-layout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); align-items: center; gap: 100px; }
.assistant-intro-copy { min-width: 0; }
.assistant-intro-label { color: var(--assistant-secondary); font-size: 14px; font-weight: 300; line-height: 1.5; }
.assistant-intro-copy h2 { margin-top: 16px; font: 300 clamp(34px, 3.5vw, 48px)/1.08 var(--assistant-font); letter-spacing: -.045em; }
.assistant-intro-copy > p { max-width: 490px; margin-top: 24px; color: var(--assistant-secondary); font-size: 17px; line-height: 1.6; letter-spacing: -.015em; }
.assistant-flow { margin-top: 30px; padding: 0; overflow: hidden; border-radius: 18px; background: #f5f5f7; list-style: none; }
.assistant-flow > li { position: relative; display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: start; gap: 15px; padding: 18px; }
.assistant-flow > li:not(:last-child)::after { content: ''; position: absolute; right: 0; bottom: 0; left: 63px; height: 1px; background: var(--assistant-separator); }
.assistant-flow-icon { display: grid; place-items: center; width: 30px; height: 30px; margin-top: 2px; border-radius: 7px; background: #777780; color: #fff; }
.assistant-flow-icon svg { width: 19px; height: 19px; }
.assistant-flow > li:nth-child(2) .assistant-flow-icon { background: #278b46; }
.assistant-flow > li:nth-child(3) .assistant-flow-icon { background: #0071e3; }
.assistant-flow h3 { font-size: 15px; font-weight: 300; line-height: 1.4; letter-spacing: -.015em; }
.assistant-flow p { max-width: 420px; margin-top: 4px; color: var(--assistant-secondary); font-size: 14px; line-height: 1.5; letter-spacing: -.01em; }
.assistant-intro-copy > .product-text-link { gap: 4px; min-height: 44px; margin-top: 18px; color: #0066cc; font: 300 16px/1.5 var(--assistant-font); letter-spacing: -.015em; text-decoration: none; }
.assistant-intro-copy > .product-text-link:hover { text-decoration: underline; text-underline-offset: 3px; }
.assistant-intro-copy > .product-text-link > svg { width: 16px; height: 16px; }
.assistant-handoff { min-width: 0; width: 100%; max-width: 480px; margin: 0; justify-self: center; }
.assistant-example-record { padding: 28px; border: 1px solid #e5e5ea; border-radius: 28px; background: #f5f5f7; box-shadow: 0 16px 40px #1d1d1f08, 0 2px 6px #1d1d1f03; }
.assistant-example-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.assistant-example-header h3 { font-size: 15px; font-weight: 300; line-height: 1.4; letter-spacing: -.015em; }
.assistant-call-title { display: flex; align-items: center; gap: 11px; }
.assistant-call-title > div > span { display: block; margin-top: 2px; color: var(--assistant-secondary); font-size: 12px; line-height: 1.4; }
.assistant-call-icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 9px; background: #278b46; color: #fff; }
.assistant-call-icon svg { width: 21px; height: 21px; }
.assistant-dialogue { display: grid; gap: 16px; padding-top: 24px; }
.assistant-dialogue > div { max-width: 87%; }
.assistant-dialogue span { display: block; margin: 0 12px 5px; color: var(--assistant-secondary); font-size: 11px; line-height: 1.4; }
.assistant-dialogue p { padding: 12px 16px; border-radius: 20px 20px 20px 6px; background: #e7e7ec; color: #1d1d1f; font-size: 15px; line-height: 1.45; letter-spacing: -.015em; }
.assistant-dialogue .assistant-reply-message { justify-self: end; }
.assistant-reply-message > span { text-align: right; }
.assistant-reply-message > p { border-radius: 20px 20px 6px 20px; background: #0071e3; color: #fff; }
.assistant-dashboard-example { margin-top: 30px; }
.assistant-dashboard-example > .assistant-example-header { flex-wrap: wrap; gap: 3px 12px; padding: 0 4px 12px; }
.assistant-dashboard-example > .assistant-example-header h3 { font-size: 13px; font-weight: 300; }
.assistant-dashboard-example > .assistant-example-header > span { color: var(--assistant-secondary); font-size: 11px; line-height: 1.4; }
.assistant-saved-call { overflow: hidden; padding-inline: 18px; border-radius: 16px; background: #fff; }
.assistant-saved-person { display: flex; align-items: center; gap: 12px; padding-block: 20px; }
.assistant-person-avatar { display: grid; flex: 0 0 auto; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: #ededf0; color: #6e6e73; font-size: 15px; font-weight: 300; }
.assistant-saved-person h4 { font-size: 18px; font-weight: 300; line-height: 1.3; letter-spacing: -.025em; }
.assistant-saved-person p { margin-top: 3px; color: var(--assistant-secondary); font-size: 12px; line-height: 1.4; }
.assistant-saved-call dl > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding-block: 14px; border-top: 1px solid #ededf0; }
.assistant-saved-call dt { color: var(--assistant-secondary); font-size: 13px; line-height: 1.5; }
.assistant-saved-call dd { min-width: 0; font-size: 13px; line-height: 1.5; text-align: right; }
.assistant-saved-call .assistant-booked-status { color: #248044; }
.assistant-follow-up { padding-block: 14px 18px; border-top: 1px solid #ededf0; color: #1d1d1f; font-size: 13px; line-height: 1.5; }
.assistant-follow-up strong { display: block; margin-bottom: 4px; color: var(--assistant-secondary); font-size: 12px; font-weight: 300; }
.assistant-handoff > figcaption { margin-top: 16px; color: var(--assistant-secondary); font-size: 14px; line-height: 1.5; text-align: center; }
@media (max-width: 1099px) {
  .assistant-intro-layout { gap: 48px; }
  .assistant-example-record { padding: 24px; }
}
@media (max-width: 899px) {
  .assistant-intro-section { padding-block: 64px; }
  .assistant-intro-layout { grid-template-columns: 1fr; gap: 44px; max-width: 620px; }
  .assistant-intro-copy > p, .assistant-flow p { max-width: none; }
  .assistant-handoff { max-width: 480px; }
}
@media (max-width: 639px) {
  .assistant-intro-section { padding-block: 48px; }
  .assistant-intro-copy h2 { font-size: 36px; }
  .assistant-intro-copy > p { margin-top: 20px; font-size: 16px; }
  .assistant-flow { margin-top: 26px; border-radius: 16px; }
  .assistant-flow > li { padding: 17px 15px; gap: 13px; }
  .assistant-flow > li:not(:last-child)::after { left: 58px; }
  .assistant-flow h3 { font-size: 14px; }
  .assistant-flow p { font-size: 13px; }
  .assistant-intro-copy > .product-text-link { font-size: 15px; }
  .assistant-example-record { padding: 20px; border-radius: 24px; }
  .assistant-dialogue > div { max-width: 90%; }
  .assistant-dialogue p { padding: 11px 14px; font-size: 14px; }
  .assistant-saved-call { padding-inline: 16px; }
  .assistant-saved-call dt, .assistant-saved-call dd { font-size: 12px; }
}
@media (max-width: 359px) {
  .assistant-intro-copy h2 { font-size: 31px; }
  .assistant-example-record { padding: 16px; }
  .assistant-dashboard-example > .assistant-example-header { display: block; }
  .assistant-dashboard-example > .assistant-example-header > span { display: block; margin-top: 3px; }
  .assistant-saved-call { padding-inline: 14px; }
  .assistant-saved-call dl > div { gap: 8px; }
}

/* A single editorial quote beneath the existing waterline. */
.why-water-content.has-water-quote { display: grid; align-items: center; min-height: max(420px, 40vw); padding: 48px 0; }
.underwater-quote { margin: 0; padding: 24px; border-block: 1px solid #d5eaff30; text-align: center; background: #05274424; }
.underwater-quote blockquote { max-width: 1200px; margin: 0 auto; }
.underwater-quote p { color: #b7d2e7; font: 300 clamp(18px, 1.7vw, 26px)/1.4 var(--ui-font); letter-spacing: -.025em; white-space: nowrap; }
.underwater-quote strong { color: #f4faff; font-weight: 300; }
.underwater-quote figcaption { margin-top: 22px; color: #b7d2e7; font: 300 14px/1.6 var(--ui-font); letter-spacing: .07em; text-transform: uppercase; }
@media (max-width: 767px) {
  .underwater-quote p { white-space: normal; text-wrap: balance; }
}

/* Product benefits reuse the page's type, blue accents, and call interface. */
.benefit-section { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); align-items: center; column-gap: 88px; row-gap: 38px; padding-block: 84px; color: var(--product-ink); text-align: left; border-bottom: 1px solid var(--product-line); }
.benefit-copy { min-width: 0; }
.benefit-copy > .section-kicker { font: 300 13px/1.6 var(--ui-font); letter-spacing: 0; text-transform: none; }
.benefit-copy h2 { margin-top: 20px; font: 300 clamp(34px, 3.3vw, 46px)/1.12 var(--ui-font); letter-spacing: -.045em; }
.benefit-copy > p { max-width: 455px; margin-top: 24px; color: var(--product-muted); font-size: 16px; line-height: 1.8; }
.benefit-points { display: grid; gap: 12px; margin-top: 26px; }
.benefit-points li { position: relative; padding-left: 23px; color: #273f5a; font-size: 14px; line-height: 1.7; }
.benefit-points li::before { content: ''; position: absolute; left: 1px; top: 8px; width: 7px; height: 7px; border: 1px solid #438fdf; border-radius: 50%; background: #eaf3fd; }
.benefit-copy > .product-text-link { margin-top: 30px; }
.benefit-visual { min-width: 0; margin: 0; padding: 0; border-radius: 0; background: transparent; }
.benefit-visual > figcaption { margin-top: 16px; color: #64768a; font-size: 14px; line-height: 1.7; text-align: center; }
.detail-example, .priority-example, .conversation-example { overflow: hidden; border: 1px solid #d6e0e9; border-radius: 12px; background: #fff; box-shadow: 0 8px 30px #17395508; }
.example-heading { display: flex; align-items: center; gap: 10px; min-height: 62px; padding: 16px 22px; border-bottom: 1px solid #dfe6ed; }
.example-heading h3 { font-size: 14px; font-weight: 300; line-height: 1.5; }
.example-icon { display: grid; place-items: center; color: #397fc7; }
.example-icon svg { width: 22px; height: 22px; }
.example-heading > img { width: 22px; height: 22px; }
.example-tag { margin-left: auto; padding: 4px 8px; border-radius: 5px; background: #eaf3fd; color: #176ac1; font-size: 10px; line-height: 1.5; white-space: nowrap; }
.example-count { margin-left: auto; color: #64768a; font-size: 11px; white-space: nowrap; }
.example-person { display: flex; align-items: center; gap: 12px; padding: 24px 24px 10px; }
.example-person .inbox-avatar { width: 38px; height: 38px; background: #eaf3fd; color: #176ac1; }
.example-person strong, .example-person div > span { display: block; }
.example-person strong { font-size: 17px; font-weight: 300; letter-spacing: -.025em; }
.example-person div > span { margin-top: 4px; color: #64768a; font-size: 12px; }
.documented-facts { padding: 6px 24px 22px; }
.documented-facts > div { padding-block: 15px; border-bottom: 1px solid #e4eaf0; }
.documented-facts > div:last-child { border: 0; padding-bottom: 0; }
.documented-facts dt { color: #64768a; font-size: 11px; line-height: 1.6; }
.documented-facts dd { margin-top: 5px; color: #273f5a; font-size: 13px; line-height: 1.7; }
.example-next { display: flex; gap: 12px; margin: 0 16px 16px; padding: 16px; border-radius: 8px; background: #eaf3fd; }
.example-next > span { color: #176ac1; font-size: 20px; }
.example-next strong { display: block; color: #245a93; font-size: 12px; font-weight: 300; line-height: 1.6; }
.example-next p { margin-top: 5px; color: #526b84; font-size: 12px; line-height: 1.7; }
.benefit-section-reverse .benefit-copy { grid-column: 2; grid-row: 1; }
.benefit-section-reverse .benefit-visual { grid-column: 1; grid-row: 1; }
.priority-calls { padding: 0 22px; }
.priority-calls > li { padding-block: 24px; border-bottom: 1px solid #e4eaf0; }
.priority-calls > li:last-child { border-bottom: 0; }
.priority-person { display: flex; align-items: start; gap: 12px; }
.priority-person .inbox-avatar { flex-shrink: 0; }
.priority-person h4 { font-size: 14px; font-weight: 300; line-height: 1.5; }
.priority-person p { margin-top: 5px; color: #526b84; font-size: 12px; line-height: 1.7; }
.priority-meta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-top: 16px; padding-left: 42px; }
.priority-label { padding: 4px 7px; border-radius: 4px; background: #fff3e2; color: #8a5c24; font-size: 10px; line-height: 1.6; }
.priority-label-blue { color: #176ac1; background: #eaf3fd; }
.priority-label-neutral { color: #526b84; background: #f0f3f6; }
.priority-meta time { color: #64768a; font-size: 10px; }
.conversation-example-body { padding: 22px; }
.conversation-example-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.conversation-example-title h4 { font-size: 18px; font-weight: 300; letter-spacing: -.025em; }
.person-heading-small { gap: 8px; }
.person-heading-small .person-icon { width: 28px; height: 28px; }
.person-heading-small .person-icon svg { width: 15px; height: 15px; }
.conversation-example-title > span { color: #64768a; font-size: 11px; }
.recording-sample { margin-top: 22px; padding: 16px; border: 1px solid #dce7f2; border-radius: 9px; background: #f7fafe; }
.recording-sample-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.recording-sample h5, .transcript-excerpt h5 { font-size: 12px; font-weight: 300; line-height: 1.6; }
.recording-sample-header > span { color: #64768a; font-size: 10px; }
.recording-sample-track { display: flex; align-items: center; gap: 14px; margin-top: 14px; }
.recording-sample-track button { display: grid; place-items: center; flex: 0 0 34px; height: 34px; border-radius: 50%; background: #dceafb; color: #3b77b4; cursor: not-allowed; }
.recording-sample-track button svg { width: 16px; height: 16px; }
.recording-wave { min-width: 0; flex: 1; color: #8eb8e1; }
.recording-wave svg { display: block; width: 100%; height: 32px; }
.recording-sample-track > span { color: #64768a; font: 300 10px/1.5 var(--ui-font); }
.recording-sample > p { margin-top: 10px; color: #64768a; font-size: 10px; line-height: 1.6; }
.transcript-excerpt { margin-top: 24px; }
.transcript-excerpt dl > div { display: grid; grid-template-columns: 82px minmax(0, 1fr); gap: 14px; padding-block: 15px; border-bottom: 1px solid #e4eaf0; }
.transcript-excerpt dl > div:last-child { border: 0; padding-bottom: 0; }
.transcript-excerpt dt { color: #273f5a; font-size: 11px; font-weight: 300; line-height: 1.8; }
.transcript-excerpt dd { color: #526b84; font-size: 12px; line-height: 1.8; }

/* Package cards are independent; adding or removing one needs no layout changes. */
.packages-section { padding-block: 84px; border-bottom: 1px solid var(--product-line); color: var(--product-ink); text-align: left; }
.packages-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 20px; }
.package-card { display: flex; flex-direction: column; min-width: 0; padding: 26px 24px; border: 1px solid #d6e0e9; border-radius: 12px; background: linear-gradient(160deg, #f3f8fe, #fff 48%); box-shadow: 0 8px 30px #17395508; }
.package-card-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.package-number { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid #d7e7f7; border-radius: 10px; color: #176ac1; background: #eaf3fd; font: 300 12px/1.5 var(--ui-font); }
.package-status { color: #64768a; font-size: 11px; }
.package-card h3 { margin-top: 26px; color: #273f5a; font-size: 24px; font-weight: 300; line-height: 1.4; letter-spacing: -.035em; }
.package-price { margin-top: 8px; color: #526b84; font-size: 14px; }
.package-details { margin-block: 26px; border-top: 1px solid #e1e7ee; }
.package-details > div { padding-block: 15px; border-bottom: 1px solid #e1e7ee; }
.package-details dt { color: #273f5a; font-size: 12px; line-height: 1.6; font-weight: 300; }
.package-details dd { margin-top: 4px; color: #64768a; font-size: 12px; line-height: 1.6; }
.package-card .package-cta { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 46px; margin-top: auto; padding: 12px 16px; font-size: 13px; }
@media (max-width: 1099px) {
  .benefit-section { column-gap: 44px; }
  .packages-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); }
}
@media (max-width: 899px) {
  .benefit-section { grid-template-columns: 1fr; padding-block: 64px; }
  .benefit-copy > p { max-width: 620px; }
  .benefit-section-reverse .benefit-copy, .benefit-section-reverse .benefit-visual { grid-column: auto; grid-row: auto; }
  .benefit-visual { width: 100%; max-width: 640px; justify-self: center; }
  .packages-section { padding-block: 64px; }
}
@media (max-width: 639px) {
  .hero-scene-layer { height: 52.513vw; }
  .why-water-content.has-water-quote { min-height: max(280px, 48vw); padding: 40px 0; }
  .underwater-quote { padding: 20px 24px; }
  .underwater-quote p { font-size: 18px; line-height: 1.5; white-space: normal; text-wrap: balance; }
  .underwater-quote figcaption { margin-top: 20px; font-size: 14px; }
  .benefit-section { padding-block: 46px; gap: 30px; }
  .benefit-copy h2 { margin-top: 16px; font-size: 34px; }
  .benefit-copy > p { margin-top: 20px; font-size: 15px; }
  .benefit-points { margin-top: 22px; gap: 10px; }
  .benefit-points li { font-size: 13px; }
  .benefit-copy > .product-text-link { margin-top: 24px; }
  .example-heading { padding-inline: 16px; gap: 8px; }
  .example-heading h3 { font-size: 13px; }
  .example-person { padding: 20px 18px 10px; }
  .documented-facts { padding-inline: 18px; }
  .example-next { margin-inline: 12px; padding: 14px 12px; gap: 9px; }
  .priority-calls { padding-inline: 16px; }
  .priority-calls > li { padding-block: 20px; }
  .conversation-example-body { padding: 18px 16px; }
  .recording-sample { padding: 13px; }
  .recording-sample-track { gap: 10px; }
  .conversation-example-title { flex-wrap: wrap; gap: 4px 12px; }
  .transcript-excerpt dl > div { grid-template-columns: 1fr; gap: 4px; padding-block: 13px; }
  .packages-section { padding-block: 46px; }
  .packages-grid { gap: 16px; }
  .package-card { padding: 24px; }
}
@media (max-width: 359px) {
  .benefit-copy h2 { font-size: 31px; }
  .underwater-quote p { font-size: 17px; }
  .example-heading { padding-inline: 12px; }
  .example-tag { font-size: 9px; padding-inline: 6px; }
  .example-count { font-size: 10px; }
}