@layer page {
  [data-site-page-root] {
    --rwd-r: var(--color-accent);
    --rwd-w: color-mix(in srgb, var(--color-accent) 45%, #fff);
    --rwd-d: var(--color-primary);
    --muted: color-mix(in srgb, var(--color-text) 68%, var(--color-bg));
    font-family: var(--font-body);
    color: var(--color-text);
    background: var(--color-bg);
    overflow-x: clip;
  }
  [data-site-page-root] *, [data-site-page-root] *::before, [data-site-page-root] *::after { box-sizing: border-box; }
  [data-site-page-root] img { display: block; max-width: 100%; height: auto; }
  [data-site-page-root] h1, [data-site-page-root] h2, [data-site-page-root] h3, [data-site-page-root] h4 {
    font-family: var(--font-display); font-weight: 400; margin: 0; color: var(--color-primary); text-wrap: balance;
  }
  [data-site-page-root] h1 { font-size: clamp(2.5rem, 5.4vw, 3.75rem); line-height: 1.1; }
  [data-site-page-root] h2 { font-size: clamp(1.75rem, 3.4vw, 2.25rem); line-height: 1.2; }
  [data-site-page-root] h3 { font-size: clamp(1.25rem, 2.2vw, 1.5rem); line-height: 1.25; }
  [data-site-page-root] p { margin: 0; font-size: 18px; line-height: 1.6; color: var(--muted); text-wrap: pretty; overflow-wrap: break-word; }
  [data-site-page-root] .eyebrow { margin-bottom: 18px; font-size: 14px; line-height: 1.4; letter-spacing: 1.12px; color: var(--color-accent); }
  [data-site-page-root] .eyebrow.eyebrow--light { color: var(--color-mint-tint); }
  [data-site-page-root] .wrap { width: 100%; max-width: calc(var(--maxw) + 2 * var(--gutter)); margin: 0 auto; padding-inline: clamp(20px, 4.2vw, var(--gutter)); }
  [data-site-page-root] .band { padding-block: clamp(56px, 8vw, 100px); position: relative; }
  [data-site-page-root] .band--white { background: var(--color-surface); }
  [data-site-page-root] .band--tint { background: var(--color-bg); }
  [data-site-page-root] .band--soft { background: var(--color-soft); }
  [data-site-page-root] .band--ink { background: var(--color-ink); color: var(--color-on-ink); }
  [data-site-page-root] .center-head { max-width: 720px; margin: 0 auto clamp(36px, 5vw, 56px); text-align: center; }
  [data-site-page-root] .center-head p:not(.eyebrow) { margin-top: 16px; }
  [data-site-page-root] .btn-row { display: flex; flex-wrap: wrap; gap: 12px; }
  [data-site-page-root] .btn-row--center { justify-content: center; }
  [data-site-page-root] .btn-primary:focus-visible, [data-site-page-root] .btn-secondary:focus-visible,
  [data-site-page-root] a:focus-visible, [data-site-page-root] button:focus-visible, [data-site-page-root] summary:focus-visible {
    outline: 2px solid var(--color-accent); outline-offset: 3px; border-radius: 8px;
  }
  [data-site-page-root] .btn-primary, [data-site-page-root] .btn-secondary { min-height: 54px; }
  [data-site-page-root] .reassure { margin-top: 14px; font-size: 14px; line-height: 1.5; color: var(--color-accent); }
  [data-site-page-root] .textlinks { display: flex; flex-wrap: wrap; gap: 8px 28px; margin-top: 24px; }
  [data-site-page-root] .link-text { display: inline-flex; align-items: center; min-height: 44px; border-bottom: 1px solid currentColor; padding-block: 0; font-size: 15px; }

  /* ---------- HERO ---------- */
    background: linear-gradient(to right bottom, #dbfdfa, #f2ebff);
    padding-top: calc(91px + clamp(24px, 4vw, 56px));
    position: relative; z-index: 2;
  }
    max-width: calc(var(--maxw) + 2 * var(--gutter)); margin: 0 auto; padding-inline: clamp(20px, 4.2vw, var(--gutter));
    display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: clamp(16px, 3vw, 40px); align-items: end;
  }
  [data-site-page-root] .bubble { margin: 0; font-size: 15px; line-height: 1.45; padding: 12px 16px; border-radius: 18px; max-width: 94%; color: var(--color-text); }
  [data-site-page-root] .bubble--you { background: var(--color-primary); color: #fff; align-self: flex-end; border-radius: 18px 18px 4px 18px; }
  [data-site-page-root] .bubble--bot { background: var(--color-bg); align-self: flex-start; border-radius: 18px 18px 18px 4px; }


  /* ---------- GUARDRAILS ---------- */
  [data-site-page-root] .rwd { background: #fff; border-radius: var(--radius-lg); padding: clamp(22px, 4vw, 44px); box-shadow: var(--shadow-sm); }
  [data-site-page-root] .rwd__bar { display: flex; gap: 4px; height: 18px; margin-bottom: clamp(24px, 4vw, 40px); }
  [data-site-page-root] .rwd__bar i, [data-site-page-root] .mini i { border-radius: 100px; display: block; min-width: 0; }
  [data-site-page-root] i.r { background: var(--rwd-r); }
  [data-site-page-root] i.w { background: var(--rwd-w); }
  [data-site-page-root] i.d { background: var(--rwd-d); }
  [data-site-page-root] .rwd__cols { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: clamp(20px, 3vw, 40px); }
  [data-site-page-root] .rwd__cols > div { min-width: 0; }
  [data-site-page-root] .rwd__cols b { display: block; font-family: var(--font-display); font-weight: 400; font-size: clamp(3rem, 7vw, 5rem); line-height: 1; margin: 14px 0 10px; }
  [data-site-page-root] .rwd__cols p { font-size: 16px; line-height: 1.5; }
  [data-site-page-root] .always { list-style: none; margin: clamp(32px, 5vw, 56px) 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 0 clamp(24px, 5vw, 72px); }
  [data-site-page-root] .always li { padding: 22px 0 22px 34px; border-top: 1px solid var(--color-border); position: relative; font-size: 17px; line-height: 1.55; color: var(--muted); }
  [data-site-page-root] .always li::before { content: ""; position: absolute; left: 0; top: 27px; width: 18px; height: 18px; border-radius: 50%; background: var(--color-mint-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.3l2.7 2.7L13 6.5' fill='none' stroke='%230d6c50' stroke-width='1.8'/%3E%3C/svg%3E") center/18px no-repeat; }
  [data-site-page-root] .always b { font-weight: 500; color: var(--color-text); }


  /* ---------- CONNECT ---------- */
  [data-site-page-root] .connect { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 96px); align-items: start; }
  [data-site-page-root] .connect__side { position: sticky; top: 112px; }
  [data-site-page-root] .connect__side h2 { margin-bottom: 16px; }
  [data-site-page-root] .code { margin-top: 28px; background: var(--color-primary); border-radius: var(--radius-md); padding: 18px 20px 20px; }
  [data-site-page-root] .code__label { display: block; font-size: 14px; letter-spacing: 1.1px; text-transform: uppercase; color: var(--color-mint-tint); margin-bottom: 10px; }
  [data-site-page-root] .code__row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
  [data-site-page-root] .code code { flex: 1 1 220px; min-width: 0; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: clamp(14px, 2.6vw, 17px); color: #fff; overflow-wrap: anywhere; user-select: all; }
  [data-site-page-root] .code__copy { min-height: 44px; padding: 8px 20px; border-radius: 100px; border: 1px solid rgba(255,255,255,.5); background: transparent; color: #fff; font: 400 15px/24px var(--font-body); cursor: pointer; transition: background-color .2s ease, color .2s ease; }
  [data-site-page-root] .code__copy:hover { background: #fff; color: var(--color-primary); }
  [data-site-page-root] .code__copy:focus-visible { outline-color: var(--color-mint-tint); }
  [data-site-page-root] .need { margin-top: 28px; }
  [data-site-page-root] .need h3 { font-size: 20px; margin-bottom: 12px; }
  [data-site-page-root] .need ul { margin: 0; padding: 0; list-style: none; }
  [data-site-page-root] .need li { position: relative; padding: 10px 0 10px 30px; border-top: 1px solid var(--color-border); font-size: 17px; line-height: 1.45; }
  [data-site-page-root] .need li::before { content: ""; position: absolute; left: 0; top: 14px; width: 18px; height: 18px; border-radius: 50%; background: var(--color-mint-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.3l2.7 2.7L13 6.5' fill='none' stroke='%230d6c50' stroke-width='1.8'/%3E%3C/svg%3E") center/18px no-repeat; }
  [data-site-page-root] .need__no { margin-top: 14px; padding: 14px 16px; background: #fff; border-radius: var(--radius-sm); font-size: 15px; line-height: 1.5; color: var(--color-text); }
  [data-site-page-root] .steps { list-style: none; margin: 0; padding: 0; position: relative; }
  [data-site-page-root] .steps::before { content: ""; position: absolute; left: 27px; top: 28px; bottom: 28px; width: 1px; background: var(--color-border); }
  [data-site-page-root] .steps li { position: relative; display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 22px; padding-bottom: clamp(28px, 4vw, 44px); }
  [data-site-page-root] .steps li:last-child { padding-bottom: 0; }
  [data-site-page-root] .steps__n { position: relative; z-index: 1; width: 56px; height: 56px; border-radius: 50%; background: var(--color-primary); color: #fff; display: grid; place-items: center; font-family: var(--font-display); font-size: 24px; }
  [data-site-page-root] .steps li:last-child .steps__n { background: var(--color-accent); }
  [data-site-page-root] .steps h3 { padding-top: 12px; margin-bottom: 8px; font-size: clamp(1.25rem, 2.2vw, 1.5rem); }
  [data-site-page-root] .steps p { font-size: 17px; }
  [data-site-page-root] .steps code { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: .88em; background: #fff; padding: 1px 6px; border-radius: 6px; color: var(--color-text); }

  /* ---------- FAQ ---------- */

  /* ---------- CTA ---------- */

  /* ---------- HERO (works with, chat card) ---------- */
  [data-site-page-root] .bubble__note { font-size: 14px; color: var(--muted); }
  [data-site-page-root] .mini-bars, [data-site-page-root] .bars { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
  [data-site-page-root] .mini-bars li, [data-site-page-root] .bars li { display: grid; grid-template-columns: 118px minmax(0, 1fr) 40px; gap: 10px; align-items: center; font-size: 14px; color: var(--muted); }
  [data-site-page-root] .mini-bars div, [data-site-page-root] .bars div { height: 8px; border-radius: 100px; background: var(--color-border); overflow: hidden; }
  [data-site-page-root] .mini-bars i, [data-site-page-root] .bars i { display: block; height: 100%; border-radius: 100px; background: color-mix(in srgb, var(--color-primary) 55%, #fff); }
  [data-site-page-root] .mini-bars .you i, [data-site-page-root] .bars .you i { background: var(--color-accent); }
  [data-site-page-root] .mini-bars b, [data-site-page-root] .bars b { font-weight: 500; text-align: right; color: var(--color-text); }
  [data-site-page-root] .mini-bars .you span, [data-site-page-root] .bars .you span { color: var(--color-text); font-weight: 500; }
  @keyframes mcp-pop { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }

  /* ---------- THREE STEPS ---------- */
  [data-site-page-root] .three { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  [data-site-page-root] .three > li { padding: 4px clamp(20px, 3vw, 44px) 8px; border-left: 1px solid var(--color-border); display: flex; flex-direction: column; gap: 14px; align-items: flex-start; }
  [data-site-page-root] .three > li:first-child { padding-left: 0; border-left: 0; }
  [data-site-page-root] .three > li:last-child { padding-right: 0; }
  [data-site-page-root] .three__no { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: var(--color-mint-tint); color: var(--color-accent); font-family: var(--font-display); font-size: 28px; line-height: 1; }
  [data-site-page-root] .three p { font-size: 17px; }
  [data-site-page-root] .three__vis { width: 100%; margin-top: auto; }
  [data-site-page-root] .three__vis--acct { display: flex; align-items: center; gap: 14px; padding: 16px; background: var(--color-bg); border-radius: var(--radius-sm); }
  [data-site-page-root] .three__vis--acct img { width: 40px; height: 40px; border-radius: 10px; }
  [data-site-page-root] .three__vis--acct span { font-size: 14px; line-height: 1.4; color: var(--muted); }
  [data-site-page-root] .three__vis--acct b { display: block; font-weight: 500; font-size: 16px; color: var(--color-text); }
  [data-site-page-root] .code--sm { margin-top: auto; padding: 14px 16px 16px; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
  [data-site-page-root] .code--sm .code__label { margin-bottom: 0; }
  [data-site-page-root] .code--sm code { flex: none; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 14px; color: #fff; white-space: nowrap; }
  [data-site-page-root] .three__vis--chat { display: flex; flex-direction: column; gap: 8px; padding: 16px; background: var(--color-bg); border-radius: var(--radius-sm); }
  [data-site-page-root] .three__vis--chat p.bubble { max-width: 92%; margin: 0; padding: 12px 16px; font-size: 15px; line-height: 1.45; border-radius: 18px; }
  [data-site-page-root] .three__vis--chat p.bubble--you { align-self: flex-end; border-radius: 18px 18px 4px 18px; }
  [data-site-page-root] .three__vis--chat p.bubble--bot { align-self: flex-start; border-radius: 18px 18px 18px 4px; }
  [data-site-page-root] .three__vis--chat .bubble--bot { background: #fff; }

  /* ---------- OUTCOMES ---------- */
  [data-site-page-root] .outs { display: flex; flex-direction: column; gap: clamp(48px, 7vw, 96px); }
  [data-site-page-root] .out { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(28px, 5vw, 72px); align-items: center; }
  [data-site-page-root] .out--flip { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); }
  [data-site-page-root] .out--flip .out__copy { order: 2; }
  [data-site-page-root] .out__no { margin-right: 12px; padding-right: 12px; border-right: 1px solid currentColor; }
  [data-site-page-root] .out__copy h3 { font-size: clamp(1.75rem, 3.4vw, 2.25rem); line-height: 1.15; margin-bottom: 14px; }
  [data-site-page-root] .out__copy > p:not(.eyebrow):not(.agents__cap) { max-width: 500px; }
  [data-site-page-root] .asks { list-style: none; margin: 22px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
  [data-site-page-root] .asks li { align-self: flex-start; padding: 10px 18px; border-radius: 18px 18px 18px 4px; background: #fff; box-shadow: var(--shadow-sm); font-size: 16px; line-height: 1.4; color: var(--color-text); }
  [data-site-page-root] .agents__cap { margin-top: 24px; font-size: 14px; letter-spacing: 1.1px; text-transform: uppercase; color: var(--muted); }
  [data-site-page-root] .agents { list-style: none; margin: 10px 0 18px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
  [data-site-page-root] .agents li { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 100px; background: #fff; border: 1px solid var(--color-border); font-size: 14px; color: var(--color-text); }
  [data-site-page-root] .agents i { width: 8px; height: 8px; border-radius: 50%; background: var(--color-accent); }
  
  [data-site-page-root] .panel { border-radius: var(--radius-lg); padding: clamp(20px, 4vw, 48px); display: flex; justify-content: center; }
  [data-site-page-root] .panel--mint { background: linear-gradient(135deg, #ddf8f0, #eae8ff); }
  [data-site-page-root] .panel--lilac { background: linear-gradient(225deg, #eae8ff, #dbfdfa); }
  [data-site-page-root] .panel--sky { background: linear-gradient(to right bottom, #dbfdfa, #f2ebff); }
  [data-site-page-root] .panel--mint2 { background: linear-gradient(315deg, #ddf8f0, #eae8ff); }
  [data-site-page-root] .res { width: 100%; max-width: 480px; padding: clamp(18px, 2.4vw, 26px); background: #fff; display: flex; flex-direction: column; gap: 14px; }
  [data-site-page-root] .res__top { display: flex; align-items: center; gap: 10px; }
  [data-site-page-root] .res__top b { font-weight: 500; font-size: 16px; color: var(--color-text); }
  [data-site-page-root] .chips { display: flex; gap: 6px; flex-wrap: wrap; }
  [data-site-page-root] .chips span { font-size: 14px; padding: 4px 12px; border-radius: 100px; border: 1px solid var(--color-border); color: var(--muted); }
  [data-site-page-root] .chips .on { background: var(--color-mint-tint); border-color: var(--color-mint-tint); color: var(--color-accent); }
  [data-site-page-root] .tbl { width: 100%; border-collapse: collapse; font-size: 14px; }
  [data-site-page-root] .tbl th { text-align: left; font-weight: 400; font-size: 14px; color: var(--muted); padding: 0 0 8px; }
  [data-site-page-root] .tbl td { padding: 11px 0; border-top: 1px solid var(--color-border); color: var(--color-text); }
  [data-site-page-root] .tbl td:nth-child(n+2), [data-site-page-root] .tbl th:nth-child(n+2) { text-align: right; }
  [data-site-page-root] .tbl td:first-child { padding-right: 10px; }
  [data-site-page-root] em.hi, [data-site-page-root] em.md { font-style: normal; display: inline-block; font-size: 14px; padding: 2px 10px; border-radius: 100px; white-space: nowrap; }
  [data-site-page-root] em.hi { background: var(--color-primary); color: #fff; }
  [data-site-page-root] em.md { background: var(--color-mint-tint); color: var(--color-accent); }
  [data-site-page-root] .res__next { display: flex; align-items: center; gap: 10px; font-size: 14px; line-height: 1.45; padding-top: 12px; border-top: 1px solid var(--color-border); color: var(--muted); }
  [data-site-page-root] .res__next i { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--color-accent); }
  [data-site-page-root] .res .bars li { grid-template-columns: 112px minmax(0, 1fr) 40px; font-size: 14px; }
  [data-site-page-root] .res .bars div { height: 10px; }
  [data-site-page-root] .res__flag { font-size: 14px; color: var(--color-text); }
  [data-site-page-root] .res__done { display: flex; gap: 12px; align-items: flex-start; padding: 14px; border-radius: var(--radius-sm); background: var(--color-mint-tint); }
  [data-site-page-root] .res__done i { flex: none; width: 18px; height: 18px; margin-top: 2px; border-radius: 50%; background: var(--color-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.3l2.7 2.7L13 6.5' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
  [data-site-page-root] .res__done b { display: block; font-weight: 500; font-size: 15px; color: var(--color-text); }
  [data-site-page-root] .res__done span { font-size: 14px; line-height: 1.45; color: var(--muted); }
  [data-site-page-root] .engines { list-style: none; margin: 0; padding: 0; }
  [data-site-page-root] .engines li { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-top: 1px solid var(--color-border); font-size: 16px; color: var(--color-text); }
  [data-site-page-root] .engines li:first-child { border-top: 0; padding-top: 0; }
  [data-site-page-root] .engines img { width: 32px; height: 32px; border-radius: 8px; }
  [data-site-page-root] .engines span { flex: 1; }
  [data-site-page-root] .engines em { font-style: normal; font-size: 14px; padding: 3px 12px; border-radius: 100px; }
  [data-site-page-root] .engines .ok { background: var(--color-mint-tint); color: var(--color-accent); }
  [data-site-page-root] .engines .no { background: var(--color-bg); color: var(--muted); border: 1px solid var(--color-border); }
  [data-site-page-root] .outs__note { margin-top: clamp(40px, 6vw, 64px); padding-top: 24px; border-top: 1px solid var(--color-border); font-size: 15px; text-align: center; }

  /* ---------- PLATFORM (dark) ---------- */
  [data-site-page-root] .band--ink h2 { color: #fff; }
  [data-site-page-root] .band--ink p { color: var(--color-border); }
  [data-site-page-root] .btn-ghost { background: transparent; color: #fff; }
  [data-site-page-root] .btn-ghost:hover { background: #fff; color: var(--color-primary); }
  [data-site-page-root] .band--ink a:focus-visible { outline-color: var(--color-mint-tint); }

  /* ---------- WHY ---------- */
  [data-site-page-root] .trust { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  [data-site-page-root] .trust > li { padding: 4px clamp(18px, 2.4vw, 36px) 8px; border-left: 1px solid var(--color-border); display: flex; flex-direction: column; gap: 12px; }
  [data-site-page-root] .trust > li:first-child { padding-left: 0; border-left: 0; }
  [data-site-page-root] .trust > li:last-child { padding-right: 0; }
  [data-site-page-root] .trust h3 { font-size: 24px; line-height: 1.2; }
  [data-site-page-root] .trust p { font-size: 16px; line-height: 1.55; }

  /* ---------- CONNECT note, CTA address ---------- */
  [data-site-page-root] .other { margin-top: 20px; font-size: 15px; line-height: 1.5; }

  /* ---------- RESPONSIVE ---------- */
  @media (max-width: 1024px) {
    [data-site-page-root] .connect__side, [data-site-page-root] .plat__head, [data-site-page-root] .faq__head { position: static; }
    [data-site-page-root] .trust { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 28px; }
    [data-site-page-root] .trust > li:nth-child(3) { padding-left: 0; border-left: 0; }
  }
  @media (max-width: 860px) {
    [data-site-page-root] .three > li, [data-site-page-root] .three > li:first-child, [data-site-page-root] .three > li:last-child { padding: 28px 0; border-left: 0; border-top: 1px solid var(--color-border); }
    [data-site-page-root] .three > li:first-child { border-top: 0; padding-top: 0; }
    [data-site-page-root] .out--flip .out__copy { order: 0; }
    [data-site-page-root] .rwd__cols { grid-template-columns: minmax(0, 1fr); }
    [data-site-page-root] .rwd__cols > div { display: grid; grid-template-columns: auto 1fr; column-gap: 18px; align-items: start; }
    [data-site-page-root] .rwd__cols .pill { grid-column: 1 / -1; justify-self: start; }
    [data-site-page-root] .rwd__cols b { margin: 8px 0 0; }
    [data-site-page-root] .trust > li, [data-site-page-root] .trust > li:first-child, [data-site-page-root] .trust > li:last-child { padding: 24px 0; border-left: 0; border-top: 1px solid var(--color-border); }
    [data-site-page-root] .trust > li:first-child { border-top: 0; padding-top: 0; }
  }
  @media (max-width: 560px) {
    [data-site-page-root] .btn-row .btn-cta, [data-site-page-root] .btn-row .btn-line, [data-site-page-root] .btn-row .btn-primary, [data-site-page-root] .btn-row .btn-secondary, [data-site-page-root] .btn-row .btn-light, [data-site-page-root] .btn-row .btn-ghost { width: 100%; }
    [data-site-page-root] .steps li { grid-template-columns: 44px minmax(0, 1fr); gap: 16px; }
    [data-site-page-root] .steps__n { width: 44px; height: 44px; font-size: 20px; }
    [data-site-page-root] .steps::before { left: 22px; }
    [data-site-page-root] .panel { padding: 16px; }
    [data-site-page-root] .mini-bars li, [data-site-page-root] .bars li, [data-site-page-root] .res .bars li { grid-template-columns: 112px minmax(0, 1fr) 36px; }
    [data-site-page-root] .code--sm code { font-size: 14px; }
  }
  @media (prefers-reduced-motion: reduce) {
  }

  /* ---------- BUTTONS (as on the Visibility product page) ---------- */
  [data-site-page-root] .btn-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; border-radius: 100px; font-family: var(--font-body); font-size: 17px; font-weight: 500; line-height: 1.2; text-decoration: none; white-space: nowrap; transition: background-color .2s ease, color .2s ease; }
  [data-site-page-root] .btn-cta { gap: 16px; padding: 5px 28px 5px 5px; background: var(--color-primary); color: #fff; }
  [data-site-page-root] .btn-cta:hover { background: #061b16; }
  [data-site-page-root] .btn-cta__ico { flex: none; width: 44px; height: 44px; border-radius: 50%; background: url("data:image/svg+xml,%3Csvg width=%2230%22 height=%2230%22 class=%22cta-icon%22 viewBox=%220 0 30 30%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22 aria-hidden=%22true%22%3E%3Cdefs%3E%3ClinearGradient id=%22btn_ico_grad%22 x1=%224%22 y1=%222%22 x2=%2226%22 y2=%2228%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop stop-color=%22%231FEFB8%22%3E%3C/stop%3E%3Cstop offset=%221%22 stop-color=%22%23C2B5FF%22%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width=%2230%22 height=%2230%22 rx=%2215%22 fill=%22url%28%23btn_ico_grad%29%22%3E%3C/rect%3E%3Cpath d=%22M12.9167 6.66665C13.4457 6.66657 13.9548 6.86768 14.341 7.22918C14.7271 7.59069 14.9612 8.08553 14.9959 8.61332L15.0001 8.74998V12.5875L19.5351 13.0917C20.3213 13.179 21.0509 13.5432 21.5933 14.1191C22.1357 14.6949 22.4557 15.4449 22.4959 16.235L22.5001 16.4042V16.6667C22.5001 18.3987 21.826 20.0627 20.6205 21.3064C19.4151 22.5501 17.7729 23.2759 16.0417 23.33L15.8334 23.3333H15.2717C14.0738 23.3333 12.898 23.0105 11.868 22.3988C10.838 21.7872 9.99178 20.9093 9.41841 19.8575L9.30925 19.6483L6.94091 14.9117C6.64091 14.3117 6.86341 13.5092 7.56341 13.2217C8.43258 12.8658 9.25841 12.7992 10.1092 13.2317C10.2942 13.3261 10.4759 13.4411 10.6542 13.5767L10.8334 13.7183V8.74998C10.8334 8.19745 11.0529 7.66755 11.4436 7.27685C11.8343 6.88614 12.3642 6.66665 12.9167 6.66665ZM12.9167 8.33332C12.8192 8.33329 12.7248 8.36746 12.6499 8.42989C12.5749 8.49232 12.5243 8.57906 12.5067 8.67498L12.5001 8.74998V15.8333C12.4999 16.0058 12.4463 16.1741 12.3465 16.3148C12.2466 16.4555 12.1056 16.5618 11.9428 16.6189C11.78 16.6761 11.6035 16.6813 11.4377 16.6339C11.2718 16.5865 11.1247 16.4887 11.0167 16.3542L10.7401 16.015L10.4876 15.72C10.0042 15.1725 9.65341 14.87 9.35425 14.7175C9.17732 14.6222 8.97578 14.5824 8.77591 14.6033L8.65841 14.62L10.8001 18.9033C11.2 19.7029 11.807 20.3806 12.5579 20.8659C13.3087 21.3512 14.176 21.6263 15.0692 21.6625L15.2717 21.6667H15.8334C17.1271 21.6667 18.3704 21.1653 19.3021 20.2679C20.2339 19.3705 20.7816 18.1469 20.8301 16.8542L20.8334 16.6667V16.4042C20.8335 16.0169 20.6987 15.6417 20.4521 15.343C20.2056 15.0444 19.8628 14.8409 19.4826 14.7675L19.3509 14.7475L14.8159 14.2442C14.4309 14.2014 14.0728 14.0259 13.8031 13.7477C13.5335 13.4696 13.3692 13.1062 13.3384 12.72L13.3334 12.5875V8.74998C13.3334 8.63948 13.2895 8.5335 13.2114 8.45536C13.1332 8.37722 13.0273 8.33332 12.9167 8.33332ZM8.33341 9.99998C8.55443 9.99998 8.76639 10.0878 8.92267 10.2441C9.07895 10.4003 9.16675 10.6123 9.16675 10.8333C9.16675 11.0543 9.07895 11.2663 8.92267 11.4226C8.76639 11.5789 8.55443 11.6667 8.33341 11.6667H7.50008C7.27907 11.6667 7.06711 11.5789 6.91083 11.4226C6.75455 11.2663 6.66675 11.0543 6.66675 10.8333C6.66675 10.6123 6.75455 10.4003 6.91083 10.2441C7.06711 10.0878 7.27907 9.99998 7.50008 9.99998H8.33341ZM18.3334 9.16665C18.5458 9.16689 18.7501 9.24822 18.9046 9.39403C19.059 9.53983 19.1519 9.73911 19.1644 9.95115C19.1768 10.1632 19.1079 10.372 18.9715 10.5348C18.8352 10.6977 18.6418 10.8024 18.4309 10.8275L18.3334 10.8333H17.5001C17.2877 10.8331 17.0834 10.7518 16.9289 10.6059C16.7745 10.4601 16.6816 10.2609 16.6691 10.0488C16.6567 9.83679 16.7256 9.628 16.862 9.46512C16.9983 9.30225 17.1917 9.19757 17.4026 9.17248L17.5001 9.16665H18.3334ZM8.92258 6.07748L9.75591 6.91082C9.90771 7.06799 9.99171 7.27849 9.98981 7.49699C9.98791 7.71548 9.90027 7.92449 9.74576 8.079C9.59126 8.23351 9.38225 8.32115 9.16375 8.32305C8.94525 8.32495 8.73475 8.24095 8.57758 8.08915L7.74425 7.25582C7.59245 7.09865 7.50845 6.88815 7.51035 6.66965C7.51225 6.45115 7.59989 6.24214 7.7544 6.08764C7.90891 5.93313 8.11792 5.84549 8.33641 5.84359C8.55491 5.84169 8.76541 5.92569 8.92258 6.07748ZM18.0892 6.07748C18.2455 6.23376 18.3332 6.44568 18.3332 6.66665C18.3332 6.88762 18.2455 7.09955 18.0892 7.25582L17.2559 8.08915C17.179 8.16874 17.0871 8.23223 16.9854 8.2759C16.8837 8.31958 16.7744 8.34257 16.6637 8.34353C16.5531 8.34449 16.4434 8.3234 16.341 8.2815C16.2385 8.2396 16.1455 8.17772 16.0673 8.09948C15.989 8.02124 15.9271 7.92819 15.8852 7.82578C15.8433 7.72337 15.8222 7.61363 15.8232 7.50298C15.8242 7.39233 15.8472 7.28298 15.8908 7.18131C15.9345 7.07964 15.998 6.98769 16.0776 6.91082L16.9109 6.07748C17.0672 5.92126 17.2791 5.8335 17.5001 5.8335C17.7211 5.8335 17.933 5.92126 18.0892 6.07748Z%22 fill=%22%23072929%22%3E%3C/path%3E%3C/svg%3E") center / contain no-repeat; }

  /* ---------- FAQ ---------- */
  [data-site-page-root] .faq { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(32px, 6vw, 96px); align-items: start; }
  [data-site-page-root] .faq__head { position: sticky; top: 112px; }
  [data-site-page-root] .faq__head h2 { margin-bottom: 16px; }
  [data-site-page-root] .faq__head p:not(.eyebrow) { font-size: 16px; line-height: 1.55; max-width: 380px; }
  [data-site-page-root] .faq__group { font-family: var(--font-body); font-weight: 500; font-size: 14px; letter-spacing: 1.1px; text-transform: uppercase; color: var(--color-accent); margin: 0 0 8px; }
  [data-site-page-root] .faq__group:not(:first-child) { margin-top: 48px; }
  [data-site-page-root] .faq details { border-top: 1px solid var(--color-border); }
  [data-site-page-root] .faq details:last-of-type, [data-site-page-root] .faq details:has(+ .faq__group) { border-bottom: 1px solid var(--color-border); }
  [data-site-page-root] .faq summary { list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 68px; padding: 16px 0; cursor: pointer; font-family: var(--font-display); font-size: clamp(1.1rem, 2vw, 1.375rem); line-height: 1.3; color: var(--color-text); }
  [data-site-page-root] .faq summary::-webkit-details-marker { display: none; }
  [data-site-page-root] .faq summary i { flex: none; width: 16px; height: 16px; position: relative; transition: transform .3s cubic-bezier(0.65, 0, 0.35, 1); }
  [data-site-page-root] .faq summary i::before { content: ""; position: absolute; left: 2px; top: 2px; width: 9px; height: 9px; border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: rotate(45deg); }
  [data-site-page-root] .faq details[open] summary i { transform: rotate(180deg); }
  [data-site-page-root] .faq details p { padding: 0 40px 22px 0; font-size: 17px; line-height: 1.55; max-width: 640px; }

  /* ---------- Step visuals, line button, text links ---------- */
  [data-site-page-root] .three > li { gap: 16px; }
  [data-site-page-root] .three__vis { margin-top: 4px; min-height: 176px; }
  [data-site-page-root] .three > li > .btn-line { margin-top: auto; }
  [data-site-page-root] .three__vis--chat { justify-content: center; }
  [data-site-page-root] .code--sm { justify-content: center; }
  [data-site-page-root] .btn-line { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 10px 24px; border: 1px solid var(--color-primary); border-radius: 100px; background: transparent; color: var(--color-primary); font-size: 15px; font-weight: 500; text-decoration: none; transition: background-color .2s ease, color .2s ease; }
  [data-site-page-root] .btn-line:hover { background: var(--color-primary); color: #fff; }
  [data-site-page-root] .link-text { border-bottom: 0; font-weight: 500; gap: 8px; text-decoration: none; transition: opacity .2s ease-in; opacity: .85; }
  [data-site-page-root] .link-text::after { content: "\2192"; transition: transform .2s ease; }
  [data-site-page-root] .link-text:hover { opacity: 1; }
  [data-site-page-root] .link-text:hover::after { transform: translateX(3px); }

  /* ---------- Fix-first list ---------- */
  [data-site-page-root] .fixes { list-style: none; margin: 0; padding: 0; }
  [data-site-page-root] .fixes li { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 13px 0; border-top: 1px solid var(--color-border); }
  [data-site-page-root] .fixes li:first-child { border-top: 0; padding-top: 0; }
  [data-site-page-root] .fixes li > div { min-width: 0; }
  [data-site-page-root] .fixes b { display: block; font-weight: 500; font-size: 15px; color: var(--color-text); }
  [data-site-page-root] .fixes span { display: block; font-size: 14px; line-height: 1.4; color: var(--muted); }

  /* ---------- Late responsive overrides ---------- */
  @media (max-width: 1024px) {
    [data-site-page-root] .faq__head { position: static; }
  }
  @media (max-width: 860px) {
    [data-site-page-root] .faq { grid-template-columns: minmax(0, 1fr); gap: 28px; }
    [data-site-page-root] .faq__head p:not(.eyebrow) { max-width: 560px; }
    [data-site-page-root] .faq details p { padding-right: 0; }
    [data-site-page-root] .three__vis { min-height: 0; }
  }

  /* ---------- Hero connection diagram ---------- */
  @media (max-width: 860px) {
  }
  @media (max-width: 420px) {
  }
  @media (prefers-reduced-motion: reduce) { [data-site-page-root] .link__line::after { animation: none; left: 50%; opacity: 0; } }
  [data-site-page-root] .ex { margin-left: 8px; font-style: normal; font-size: 14px; line-height: 1; padding: 4px 10px; border-radius: 100px; background: var(--color-bg); color: var(--muted); }
  [data-site-page-root] .btn-line--lg { min-height: 54px; padding: 0 32px; font-size: 17px; }
  [data-site-page-root] .code__copy--lt { border-color: rgba(255,255,255,.5); }

  /* ---------- HERO (centred, three options) ---------- */
  [data-site-page-root] .hx { background: linear-gradient(to right bottom, #dbfdfa, #f2ebff); padding: calc(91px + clamp(28px, 5vw, 64px)) clamp(20px, 4.2vw, 60px) clamp(48px, 7vw, 96px); position: relative; z-index: 2; text-align: center; }
  [data-site-page-root] .hx__in { max-width: 820px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
  [data-site-page-root] .hx__in .eyebrow { margin-bottom: 18px; }
  [data-site-page-root] .hx__in .lead { margin: 22px auto 0; max-width: 600px; }
  [data-site-page-root] .hx .btn-row { margin-top: 32px; justify-content: center; }
  [data-site-page-root] .hx .reassure { margin-top: 14px; }
  [data-site-page-root] .hx__vis { max-width: 820px; margin: clamp(32px, 5vw, 56px) auto 0; }
  [data-site-page-root] .hx__in--after { margin-top: clamp(32px, 4vw, 44px); }
  [data-site-page-root] .hx__in--after .btn-row { margin-top: 0; }
  [data-site-page-root] .works2 { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; margin-top: 28px; }
  [data-site-page-root] .works2__cap { font-size: 14px; letter-spacing: 1.12px; text-transform: uppercase; color: var(--muted); margin-right: 4px; }
  [data-site-page-root] .works2 img { width: 36px; height: 36px; padding: 6px; border-radius: 10px; background: #fff; box-shadow: var(--shadow-sm); }
  [data-site-page-root] .works2__more { font-size: 15px; color: var(--muted); }

  /* Option A: assistant window that straddles the next section */

  /* Option B: logos wired to the connector address */
  [data-site-page-root] .wire { max-width: 600px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
  [data-site-page-root] .wire__llms { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; width: 100%; }
  [data-site-page-root] .wire__llms li { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 16px 8px 12px; border-radius: var(--radius-md); background: #fff; box-shadow: var(--shadow-sm); font-size: 14px; color: var(--color-text); }
  [data-site-page-root] .wire__llms img { width: 40px; height: 40px; }
  [data-site-page-root] .wire__rail { position: relative; width: 2px; height: 56px; background: repeating-linear-gradient(to bottom, var(--color-accent) 0 6px, transparent 6px 12px); }
  [data-site-page-root] .wire__rail span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 4px 14px; border-radius: 100px; background: #fff; box-shadow: var(--shadow-sm); font-size: 14px; font-weight: 500; letter-spacing: 1.1px; color: var(--color-accent); }
  [data-site-page-root] .wire__addr { width: 100%; display: flex; align-items: center; gap: 14px; padding: 14px 14px 14px 16px; border-radius: var(--radius-lg); background: var(--color-primary); text-align: left; box-shadow: 0 8px 32px rgba(7,41,41,.18); }
  [data-site-page-root] .wire__addr img { flex: none; width: 40px; height: 40px; border-radius: 10px; }
  [data-site-page-root] .wire__addr > div { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
  [data-site-page-root] .wire__lab { font-size: 14px; letter-spacing: 1.1px; text-transform: uppercase; color: var(--color-mint-tint); }
  [data-site-page-root] .wire__addr code { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: clamp(14px, 3.4vw, 18px); color: #fff; white-space: nowrap; overflow-wrap: normal; }
  [data-site-page-root] .code__copy--lt { flex: none; }
  [data-site-page-root] .wire__cap { margin-top: 16px; font-size: 15px; line-height: 1.5; color: var(--muted); max-width: 440px; }

  /* Option C: the message box */
  [data-site-page-root] .composer { max-width: 720px; margin: 0 auto; padding: 22px 22px 16px 26px; background: #fff; border: 1px solid var(--color-border); border-radius: 28px; box-shadow: 0 8px 40px rgba(7,41,41,.12); text-align: left; }
  [data-site-page-root] .composer__txt { margin: 0; min-height: 76px; font-size: clamp(1.15rem, 2.4vw, 1.5rem); line-height: 1.4; color: var(--color-text); }
  [data-site-page-root] .caret { display: inline-block; width: 2px; height: 1.15em; margin-left: 3px; vertical-align: text-bottom; background: var(--color-accent); animation: caret 1.1s steps(1) infinite; }
  @keyframes caret { 50% { opacity: 0; } }
  [data-site-page-root] .composer__row { display: flex; align-items: center; gap: 10px; }
  [data-site-page-root] .composer__plus { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--color-border); font-size: 22px; line-height: 1; color: var(--muted); }
  [data-site-page-root] .composer__tool { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px 6px 8px; border-radius: 100px; background: var(--color-bg); font-size: 14px; color: var(--color-text); }
  [data-site-page-root] .composer__tool img { width: 20px; height: 20px; border-radius: 5px; }
  [data-site-page-root] .composer__tool i { width: 8px; height: 8px; border-radius: 50%; background: #1cf3b4; }
  [data-site-page-root] .composer__send { margin-left: auto; }
  [data-site-page-root] .prompts { list-style: none; margin: 22px auto 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; max-width: 760px; }
  [data-site-page-root] .prompts li { padding: 9px 18px; border-radius: 100px; background: rgba(255,255,255,.8); border: 1px solid #fff; font-size: 15px; color: var(--color-text); }
  @media (max-width: 860px) {
    [data-site-page-root] .wire__llms { gap: 8px; }
  }
  @media (max-width: 480px) {
    [data-site-page-root] .hx .btn-row .btn-cta, [data-site-page-root] .hx .btn-row .btn-line { width: 100%; }
    [data-site-page-root] .wire__addr { flex-wrap: wrap; }
    [data-site-page-root] .wire__addr .code__copy { width: 100%; }
  }
  @media (prefers-reduced-motion: reduce) {
  }

  /* ---------- Hero connection (final) ---------- */
  [data-site-page-root] .hx__vis { max-width: 680px; }
  [data-site-page-root] .wire { max-width: 680px; }
  [data-site-page-root] .wire__top { margin: 0 0 18px; font-size: 16px; line-height: 1.5; color: var(--color-text); max-width: 520px; }
  [data-site-page-root] .wire__llms { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  [data-site-page-root] .wire__any { border: 1.5px dashed var(--color-accent); background: rgba(255,255,255,.55) !important; box-shadow: none !important; }
  [data-site-page-root] .wire__any svg { width: 40px; height: 40px; }
  [data-site-page-root] .wire__llms li span { line-height: 1.2; }
  [data-site-page-root] .code__copy--lt { border-color: rgba(255,255,255,.5); }

  /* ---------- Step visuals ---------- */
  [data-site-page-root] .addsite { display: flex; flex-direction: column; gap: 10px; padding: 18px; background: var(--color-bg); border-radius: var(--radius-sm); }
  [data-site-page-root] .addsite__top { display: flex; align-items: center; gap: 10px; margin-bottom: 4px; }
  [data-site-page-root] .addsite__top img { width: 28px; height: 28px; border-radius: 8px; }
  [data-site-page-root] .addsite__top b { font-weight: 500; font-size: 17px; color: var(--color-text); }
  [data-site-page-root] .addsite__top .ex { margin-left: auto; }
  [data-site-page-root] .addsite__row { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 46px; padding: 6px 8px 6px 18px; border-radius: 100px; background: #fff; border: 1px solid var(--color-border); font-size: 15px; color: var(--color-text); }
  [data-site-page-root] .addsite__row em { font-style: normal; font-size: 14px; padding: 4px 12px; border-radius: 100px; background: var(--color-mint-tint); color: var(--color-accent); }
  [data-site-page-root] .addsite__row--ghost { background: transparent; border-style: dashed; color: var(--muted); }
  [data-site-page-root] .addsite__row i { display: grid; place-items: center; width: 30px; height: 30px; font-style: normal; font-size: 20px; color: var(--muted); }
  [data-site-page-root] .composer--sm { max-width: none; margin: 0; padding: 16px 16px 12px 20px; border-radius: 24px; box-shadow: var(--shadow-sm); }
  [data-site-page-root] .composer--sm .composer__txt { min-height: 64px; font-size: 18px; }

  /* ---------- What your agent can use ---------- */
  [data-site-page-root] .center-head--light h2 { color: #fff; }
  [data-site-page-root] .center-head--light p:not(.eyebrow) { color: var(--color-mint-tint); }
  [data-site-page-root] .cns { list-style: none; margin: 0 0 clamp(36px, 5vw, 56px); padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
  [data-site-page-root] .cn { display: flex; flex-direction: column; gap: 10px; padding: 8px clamp(14px, 1.8vw, 28px) 8px; border-left: 1px solid rgba(235,234,225,.25); }
  [data-site-page-root] .cn:first-child { border-left: 0; padding-left: 0; }
  [data-site-page-root] .cn__no { font-size: 14px; letter-spacing: 1.1px; color: var(--color-mint-tint); }
  [data-site-page-root] .cn h3 { color: #fff; font-size: clamp(1.5rem, 2.2vw, 2rem); line-height: 1.1; }
  [data-site-page-root] .cn__lead { font-size: 16px; line-height: 1.4; color: var(--color-mint-tint); }
  [data-site-page-root] .cn p:not(.cn__lead) { font-size: 15px; line-height: 1.55; color: #fff; }
  [data-site-page-root] .cn a { margin-top: auto; display: inline-flex; align-items: center; min-height: 44px; color: #fff; font-size: 15px; font-weight: 500; text-decoration: none; }
  [data-site-page-root] .cn a::after { content: "\2192"; margin-left: 8px; transition: transform .2s ease; }
  [data-site-page-root] .cn a:hover::after { transform: translateX(3px); }
  [data-site-page-root] .btn-light { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 0 32px; border-radius: 100px; background: #fff; color: var(--color-primary); font-size: 17px; font-weight: 500; text-decoration: none; transition: background-color .2s ease; }
  [data-site-page-root] .btn-light:hover { background: var(--color-mint-tint); }
  @media (max-width: 1100px) {
    [data-site-page-root] .cns { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 32px; }
    [data-site-page-root] .cn:nth-child(odd) { border-left: 0; padding-left: 0; }
  }
  @media (max-width: 640px) {
    [data-site-page-root] .cns { grid-template-columns: minmax(0, 1fr); row-gap: 0; }
    [data-site-page-root] .cn { border-left: 0; padding: 22px 0; border-top: 1px solid rgba(235,234,225,.25); }
    [data-site-page-root] .cn:first-child { border-top: 0; padding-top: 0; }
    [data-site-page-root] .wire__llms { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    [data-site-page-root] .btn-light { width: 100%; }
  }
  /* ---------- Also ask ---------- */
  [data-site-page-root] .also { margin-top: clamp(40px, 6vw, 72px); padding-top: 32px; border-top: 1px solid var(--color-border); text-align: center; }
  [data-site-page-root] .also__cap { font-size: 14px; letter-spacing: 1.1px; text-transform: uppercase; color: var(--muted); }
  [data-site-page-root] .also ul { list-style: none; margin: 16px auto 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; max-width: 960px; }
  [data-site-page-root] .also li { padding: 10px 18px; border-radius: 100px; background: #fff; box-shadow: var(--shadow-sm); font-size: 16px; color: var(--color-text); }
  /* ---------- Stack on tablet and phone ---------- */
  @media (max-width: 860px) {
    [data-site-page-root] .three, [data-site-page-root] .out, [data-site-page-root] .out--flip, [data-site-page-root] .connect, [data-site-page-root] .trust { grid-template-columns: minmax(0, 1fr); }
    [data-site-page-root] .out--flip .out__copy { order: 0; }
    [data-site-page-root] .three > li { border-left: 0; padding-left: 0; }
    [data-site-page-root] .also li { font-size: 15px; }
  }

  /* ---------- Help band ---------- */
  [data-site-page-root] .help { background: var(--color-bg); padding-block: clamp(64px, 9vw, 110px); }
  [data-site-page-root] .help__in { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(32px, 6vw, 96px); align-items: center; }
  [data-site-page-root] .help__copy h2 { margin-bottom: 18px; }
  [data-site-page-root] .help__copy > p:not(.eyebrow):not(.reassure) { max-width: 520px; }
  [data-site-page-root] .help .btn-row { margin-top: 28px; }
  [data-site-page-root] .help .reassure { margin-top: 14px; }
  [data-site-page-root] .inline-link { color: var(--color-accent); text-decoration: underline; text-underline-offset: 3px; }

  /* ---------- Covered: shared ---------- */
  [data-site-page-root] .center-head--light h2 { color: #fff; }

  /* A: tabs */

  /* B: hub */

  /* C: routes */

  @media (max-width: 860px) {
    [data-site-page-root] .help__in { grid-template-columns: minmax(0, 1fr); }
  }

  /* ---------- What it can do ---------- */
  [data-site-page-root] .stay { max-width: 1100px; margin: 0 auto; padding-top: 28px; border-top: 1px solid rgba(235,234,225,.25); }
  [data-site-page-root] .stay__cap { margin-bottom: 18px; font-size: 14px; letter-spacing: 1.1px; text-transform: uppercase; color: var(--color-mint-tint); }
  [data-site-page-root] .stay ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(18px, 2.5vw, 36px); }
  [data-site-page-root] .stay li { display: flex; flex-direction: column; gap: 6px; }
  [data-site-page-root] .stay b { font-family: var(--font-display); font-weight: 400; font-size: 1.375rem; line-height: 1.2; color: #fff; }
  [data-site-page-root] .stay span { font-size: 15px; line-height: 1.5; color: var(--color-mint-tint); }

  /* ---------- Booking calendar ---------- */

  @media (max-width: 1024px) {
    [data-site-page-root] .stay ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
  @media (max-width: 860px) {
  }
  @media (max-width: 560px) {
    [data-site-page-root] .stay ul { grid-template-columns: minmax(0, 1fr); }
  }

  /* ---------- Chat frames in "What you get" ---------- */
  [data-site-page-root] .chat { width: 100%; max-width: 500px; background: #fff; border-radius: var(--radius-lg); box-shadow: 0 8px 40px rgba(7,41,41,.12); overflow: hidden; display: flex; flex-direction: column; }
  [data-site-page-root] .chat__bar { display: flex; align-items: center; gap: 12px; padding: 12px 18px; border-bottom: 1px solid var(--color-border); }
  [data-site-page-root] .chat__bar b { font-weight: 500; font-size: 15px; color: var(--color-text); }
  [data-site-page-root] .chat__bar .ex { margin-left: auto; }
  [data-site-page-root] .chat__dots { display: flex; gap: 6px; }
  [data-site-page-root] .chat__dots i { width: 9px; height: 9px; border-radius: 50%; background: var(--color-border); }
  [data-site-page-root] .chat__body { display: flex; flex-direction: column; gap: 12px; padding: 18px; }
  [data-site-page-root] .chat__body > p.bubble { margin: 0; max-width: 88%; padding: 11px 16px; font-size: 15px; line-height: 1.45; }
  [data-site-page-root] .chat__bot { display: flex; align-items: flex-start; gap: 10px; }
  [data-site-page-root] .chat__av { flex: none; width: 28px; height: 28px; margin-top: 2px; border-radius: 50%; background: var(--color-mint-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M14 6l1.8 5.2L21 13l-5.2 1.8L14 20l-1.8-5.2L7 13l5.2-1.8Z' fill='%230d6c50'/%3E%3C/svg%3E") center / contain no-repeat; }
  [data-site-page-root] .chat__msg { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 12px; }
  [data-site-page-root] .chat__msg > p { margin: 0; font-size: 15px; line-height: 1.5; color: var(--color-text); }
  [data-site-page-root] .chat__msg > ul, [data-site-page-root] .chat__msg > table { padding: 14px 16px; border-radius: var(--radius-sm); background: var(--color-bg); margin: 0; }
  [data-site-page-root] .chat__msg > table { display: table; width: 100%; box-sizing: border-box; }
  [data-site-page-root] .chat__msg .bars li { grid-template-columns: 112px minmax(0, 1fr) 30px; }
  [data-site-page-root] .chat__msg p.chat__follow { color: var(--muted); font-size: 14px; }
  [data-site-page-root] .chat__input { display: flex; align-items: center; justify-content: space-between; margin: 0 18px 18px; padding: 10px 10px 10px 16px; border: 1px solid var(--color-border); border-radius: 100px; font-size: 14px; color: var(--muted); }
  [data-site-page-root] .chat__input i { width: 28px; height: 28px; border-radius: 50%; background: var(--color-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M14 20V9M9 13.5 14 8.5l5 5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
  @media (max-width: 560px) {
    [data-site-page-root] .chat__body { padding: 14px; }
    [data-site-page-root] .chat__msg .bars li { grid-template-columns: 96px minmax(0, 1fr) 28px; }
    [data-site-page-root] .chat__input { margin: 0 14px 14px; }
  }
  [data-site-page-root] .chat .composer--chat { max-width: none; margin: 0 14px 14px; padding: 14px 14px 12px 18px; border-radius: 24px; box-shadow: none; background: #fff; border: 1px solid var(--color-border); }
  [data-site-page-root] .chat .composer--chat .composer__txt { min-height: 36px; font-size: 16px; color: var(--muted); }
  [data-site-page-root] .chat__input { display: none; }
  [data-site-page-root] .composer__send { flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--color-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 28V13M13.5 19.5 20 13l6.5 6.5' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
  [data-site-page-root] .composer--sm .composer__send { width: 36px; height: 36px; }
  [data-site-page-root] .chat__tbl { padding: 12px 16px 6px; border-radius: var(--radius-sm); background: var(--color-bg); }
  [data-site-page-root] .chat__tbl .tbl { width: 100%; table-layout: fixed; }
  [data-site-page-root] .chat__tbl .tbl th:first-child, [data-site-page-root] .chat__tbl .tbl td:first-child { width: 44%; }
  [data-site-page-root] .chat__tbl .tbl th:nth-child(n+2), [data-site-page-root] .chat__tbl .tbl td:nth-child(n+2) { padding-left: 8px; }
  [data-site-page-root] .chat__tbl .tbl th:last-child, [data-site-page-root] .chat__tbl .tbl td:last-child { text-align: right; padding-right: 0; }
  [data-site-page-root] .chat__tbl .tbl td { font-size: 14px; }
  /* A: tabs */
  [data-site-page-root] .tabs { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(20px, 3vw, 40px); margin-bottom: clamp(36px, 5vw, 56px); align-items: stretch; }
  [data-site-page-root] .tabs__list { display: flex; flex-direction: column; gap: 8px; }
  [data-site-page-root] .tabs__list button { display: grid; grid-template-columns: 32px 1fr; align-items: baseline; text-align: left; column-gap: 8px; padding: 16px 20px; border: 1px solid rgba(235,234,225,.25); border-radius: var(--radius-md); background: transparent; color: #fff; font-family: var(--font-display); font-size: 1.5rem; line-height: 1.2; cursor: pointer; transition: background-color .2s ease, border-color .2s ease; min-height: 72px; }
  [data-site-page-root] .tabs__list button span { grid-row: 1; font-family: var(--font-body); font-size: 14px; letter-spacing: 1.1px; color: var(--color-mint-tint); }
  [data-site-page-root] .tabs__list button em { grid-column: 2; font-style: normal; font-family: var(--font-body); font-size: 15px; color: var(--color-mint-tint); margin-top: 4px; }
  [data-site-page-root] .tabs__list button:hover { background: rgba(255,255,255,.06); }
  [data-site-page-root] .tabs__list button[aria-selected="true"] { background: #fff; color: var(--color-text); border-color: #fff; }
  [data-site-page-root] .tabs__list button[aria-selected="true"] span, [data-site-page-root] .tabs__list button[aria-selected="true"] em { color: var(--color-accent); }
  [data-site-page-root] .tabs__pan { padding: clamp(24px, 4vw, 48px); border: 1px solid rgba(235,234,225,.25); border-radius: var(--radius-lg); background: rgba(255,255,255,.05); height: 100%; }
  [data-site-page-root] .tabs__pan[hidden] { display: none; }
  [data-site-page-root] .tabs__pan h3 { color: #fff; font-size: clamp(2rem, 3.4vw, 2.75rem); line-height: 1.1; margin-bottom: 10px; }
  [data-site-page-root] .tabs__lead { font-size: 18px; color: var(--color-mint-tint); margin-bottom: 12px; }
  [data-site-page-root] .tabs__pan > p:not(.tabs__lead):not(.tabs__cap):not(.tabs__ask) { color: #fff; font-size: 17px; max-width: 520px; }
  [data-site-page-root] .tabs__cap { margin-top: 28px; font-size: 14px; letter-spacing: 1.1px; text-transform: uppercase; color: var(--color-mint-tint); }
  [data-site-page-root] .tabs__ask { margin-top: 10px; display: inline-block; padding: 12px 20px; border-radius: 20px 20px 20px 4px; background: #fff; color: var(--color-text); font-size: 17px; line-height: 1.4; }
  [data-site-page-root] .tabs__inc { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
  [data-site-page-root] .tabs__inc li { padding: 6px 14px; border-radius: 100px; border: 1px solid rgba(235,234,225,.4); color: #fff; font-size: 15px; }
  [data-site-page-root] .tabs__pan > a { display: inline-flex; align-items: center; min-height: 44px; margin-top: 24px; color: #fff; font-weight: 500; text-decoration: none; }
  [data-site-page-root] .tabs__pan > a::after { content: "\2192"; margin-left: 8px; }

  
  [data-site-page-root] .tabs__list button { font-family: var(--font-display); }
  @media (max-width: 860px) {
    [data-site-page-root] .tabs { grid-template-columns: minmax(0, 1fr); }
    [data-site-page-root] .tabs__list { flex-direction: row; overflow-x: auto; gap: 8px; padding-bottom: 4px; }
    [data-site-page-root] .tabs__list button { flex: none; min-width: 150px; min-height: 64px; font-size: 1.25rem; }
    [data-site-page-root] .tabs__list button em { display: none; }
  }
  [data-site-page-root] .tabs__list button[aria-selected="true"] { color: var(--color-text); }
  [data-site-page-root] .band--ink .tabs__ask { color: var(--color-text); }
  [data-site-page-root] .stay { margin-bottom: clamp(32px, 4vw, 48px); }
  [data-site-page-root] .chat__msg .bars li { grid-template-columns: 132px minmax(0, 1fr) 30px; }
  [data-site-page-root] .chat__msg .bars li span { white-space: nowrap; font-size: 13px; }
  [data-site-page-root] .stay { max-width: none; }
  [data-site-page-root] .faq__head { position: sticky; top: 120px; align-self: start; }
  @media (max-width: 860px) { [data-site-page-root] .faq__head { position: static; } }
  @media (max-width: 560px) { [data-site-page-root] .chat__msg .bars li { grid-template-columns: 112px minmax(0, 1fr) 28px; } }
  [data-site-page-root] .asks::before { content: "Also try asking"; display: block; margin-bottom: 4px; font-size: 14px; letter-spacing: 1.1px; text-transform: uppercase; color: var(--muted); }
  [data-site-page-root] .cal { position: relative; max-width: 380px; margin-inline: auto; width: 100%; padding: 22px; background: #fff; border: 1px solid var(--color-border); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); display: flex; flex-direction: column; gap: 14px; pointer-events: none; user-select: none; cursor: default; overflow: hidden; }
  [data-site-page-root] .cal::after { content: ""; position: absolute; inset: 42% 0 0 0; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.88) 70%); }
  [data-site-page-root] .cal__top { display: flex; align-items: center; gap: 14px; }
  [data-site-page-root] .cal__top > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
  [data-site-page-root] .cal__top b { font-weight: 500; font-size: 18px; color: var(--color-text); }
  [data-site-page-root] .cal__top span:not(.cal__ico) { font-size: 14px; line-height: 1.4; color: var(--muted); }
  [data-site-page-root] .cal__ico { flex: none; width: 44px; height: 44px; border-radius: 12px; background: var(--color-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44' fill='none'%3E%3Crect x='12' y='14' width='20' height='19' rx='3' stroke='%23fff' stroke-width='2'/%3E%3Cpath d='M12 20h20M17 11v5M27 11v5' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; }
  [data-site-page-root] .cal__wk, [data-site-page-root] .cal__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; text-align: center; }
  [data-site-page-root] .cal__wk { font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: var(--muted); }
  [data-site-page-root] .cal__slots { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  [data-site-page-root] .cal__slots span { display: grid; place-items: center; min-height: 36px; border: 1px dashed var(--color-border); border-radius: 100px; font-size: 14px; color: var(--muted); }
  [data-site-page-root] .nb { white-space: nowrap; }
  [data-site-page-root] .wire__top { text-wrap: balance; }
  [data-site-page-root] .cal__grid span { height: 36px; border-radius: 10px; background: var(--color-bg); }
  [data-site-page-root] .cal__grid span.l1 { background: color-mix(in srgb, var(--color-accent) 16%, #fff); }
  [data-site-page-root] .cal__grid span.l2 { background: color-mix(in srgb, var(--color-accent) 42%, #fff); }
  [data-site-page-root] .cal__grid span.l3 { background: var(--color-primary); }
  [data-site-page-root] .inline-link { padding-block: 12px; margin-block: -12px; }
  @media (max-width: 560px) {
    [data-site-page-root] .chat__tbl { padding: 10px 12px 4px; }
    [data-site-page-root] .chat__tbl .tbl th, [data-site-page-root] .chat__tbl .tbl td { font-size: 13px; }
    [data-site-page-root] .chat__tbl .tbl th:first-child, [data-site-page-root] .chat__tbl .tbl td:first-child { width: 34%; padding-right: 6px; }
    [data-site-page-root] .chat__tbl .tbl th:nth-child(n+2), [data-site-page-root] .chat__tbl .tbl td:nth-child(n+2) { padding-left: 4px; }
    [data-site-page-root] .chat__tbl em.hi, [data-site-page-root] .chat__tbl em.md { font-size: 13px; padding: 2px 8px; }
  }
  @media (max-width: 560px) {
    [data-site-page-root] .chat__tbl .tbl th:first-child, [data-site-page-root] .chat__tbl .tbl td:first-child { width: 30%; }
    [data-site-page-root] .chat__tbl .tbl th:nth-child(2), [data-site-page-root] .chat__tbl .tbl td:nth-child(2) { width: 22%; }
    [data-site-page-root] .chat__tbl .tbl th:nth-child(3), [data-site-page-root] .chat__tbl .tbl td:nth-child(3) { width: 14%; }
    [data-site-page-root] .chat__tbl .tbl th:last-child, [data-site-page-root] .chat__tbl .tbl td:last-child { width: 34%; }
    [data-site-page-root] .chat__tbl em.hi, [data-site-page-root] .chat__tbl em.md { padding: 2px 8px; font-size: 12.5px; }
  }
  @media (max-width: 560px) {
    [data-site-page-root] .chat__tbl .tbl th:first-child, [data-site-page-root] .chat__tbl .tbl td:first-child { width: 37%; }
    [data-site-page-root] .chat__tbl .tbl th:nth-child(2), [data-site-page-root] .chat__tbl .tbl td:nth-child(2) { width: 21%; }
    [data-site-page-root] .chat__tbl .tbl th:nth-child(3), [data-site-page-root] .chat__tbl .tbl td:nth-child(3) { width: 11%; }
    [data-site-page-root] .chat__tbl .tbl th:last-child, [data-site-page-root] .chat__tbl .tbl td:last-child { width: 31%; }
    [data-site-page-root] .chat__tbl .tbl td { line-height: 1.35; }
    [data-site-page-root] .chat__tbl em.hi, [data-site-page-root] .chat__tbl em.md { padding: 2px 7px; font-size: 12px; }
  }
  /* ---------- Hero: copy left, visual right ---------- */
  [data-site-page-root] .hx--split { text-align: left; }
  [data-site-page-root] .hx__grid { max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(32px, 5vw, 80px); align-items: center; }
  [data-site-page-root] .hx__copy { display: flex; flex-direction: column; align-items: flex-start; }
  [data-site-page-root] .hx__copy .eyebrow { margin-bottom: 18px; }
  [data-site-page-root] .hx__copy .lead { margin: 22px 0 0; max-width: 560px; }
  [data-site-page-root] .hx__copy .btn-row { margin-top: 32px; justify-content: flex-start; }
  [data-site-page-root] .hx--split .works2 { justify-content: flex-start; margin-top: 32px; }
  [data-site-page-root] .hx--split .hx__vis { margin: 0; max-width: none; }
  [data-site-page-root] .hx--split .wire { margin: 0; max-width: none; }
  [data-site-page-root] .hx__art { min-width: 0; display: flex; justify-content: center; }
  [data-site-page-root] .chat--hero { max-width: 520px; box-shadow: 0 16px 56px rgba(7,41,41,.16); }
  [data-site-page-root] .chat--hero .bubble--you { align-self: flex-end; }
  [data-site-page-root] .stack { width: 100%; max-width: 520px; display: flex; flex-direction: column; gap: 12px; }
  [data-site-page-root] .stack__card { position: relative; display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-radius: var(--radius-md); background: #fff; box-shadow: var(--shadow-sm); }
  [data-site-page-root] .stack__card--2 { margin-left: clamp(12px, 3vw, 36px); }
  [data-site-page-root] .stack__card--3 { margin-left: clamp(24px, 6vw, 72px); }
  [data-site-page-root] .stack__card img { flex: none; width: 40px; height: 40px; border-radius: 10px; }
  [data-site-page-root] .stack__card div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
  [data-site-page-root] .stack__card b { font-weight: 500; font-size: 16px; color: var(--color-text); }
  [data-site-page-root] .stack__card span { font-size: 14px; line-height: 1.4; color: var(--muted); }
  [data-site-page-root] .stack__card .ex { position: absolute; top: 10px; right: 12px; }
  [data-site-page-root] .composer--stack { max-width: none; margin: 8px 0 0; padding: 16px 16px 12px 20px; border-radius: 24px; }
  [data-site-page-root] .composer--stack .composer__txt { min-height: 48px; font-size: 18px; }
  @media (max-width: 900px) {
    [data-site-page-root] .hx__grid { grid-template-columns: minmax(0, 1fr); }
    [data-site-page-root] .hx__art { justify-content: stretch; }
    [data-site-page-root] .chat--hero, [data-site-page-root] .stack { max-width: none; }
  }
  [data-site-page-root] .h-mint { color: var(--color-mint-tint); }
  [data-site-page-root] .tag { display: inline-block; padding: 3px 10px; border-radius: 100px; font-size: 13px; line-height: 1.4; white-space: nowrap; }
  [data-site-page-root] .tag--read { background: color-mix(in srgb, var(--color-accent) 14%, #fff); color: var(--color-text); }
  [data-site-page-root] .tag--do { background: var(--color-primary); color: #fff; }
  [data-site-page-root] .tag--cr { background: #fff; border: 1px solid var(--color-border); color: var(--muted); }
  [data-site-page-root] .flow__foot { max-width: 720px; margin: clamp(28px, 4vw, 44px) auto 0; text-align: center; font-size: 15px; color: var(--muted); }
  [data-site-page-root] .flowA, [data-site-page-root] .flowB, [data-site-page-root] .flowC { padding-block: clamp(64px, 9vw, 120px); }
  [data-site-page-root] .plan { background: #fff; border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: 20px 22px; }
  [data-site-page-root] .plan__cap { margin: 0 0 8px; font-size: 14px; letter-spacing: 1.1px; text-transform: uppercase; color: var(--muted); }
  [data-site-page-root] .plan__list { list-style: none; margin: 0; padding: 0; counter-reset: pl; }
  [data-site-page-root] .plan__list li { counter-increment: pl; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 12px 0; border-top: 1px solid var(--color-border); }
  [data-site-page-root] .plan__list li:first-child { border-top: 0; }
  [data-site-page-root] .plan__list li b { font-weight: 500; font-size: 16px; color: var(--color-text); }
  [data-site-page-root] .plan__list li b::before { content: counter(pl); display: inline-grid; place-items: center; width: 24px; height: 24px; margin-right: 10px; border-radius: 50%; background: var(--color-bg); font-size: 13px; font-weight: 400; }
  [data-site-page-root] .plan__tags { display: inline-flex; gap: 6px; flex-wrap: wrap; }
  [data-site-page-root] .plan__ask { margin: 8px 0 0; padding-top: 12px; border-top: 1px solid var(--color-border); font-size: 15px; color: var(--color-text); }
  [data-site-page-root] .composer--demo { max-width: none; margin: 0 0 16px; padding: 18px 18px 14px 22px; border-radius: 24px; box-shadow: var(--shadow-sm); }
  [data-site-page-root] .composer--demo .composer__txt { min-height: 56px; font-size: clamp(1.05rem, 2vw, 1.25rem); }

  /* ===== Version A: say it, check, yes + sample workflows ===== */
  [data-site-page-root] .big135 { max-width: 1100px; margin: 0 auto clamp(40px, 6vw, 72px); display: grid; grid-template-columns: auto minmax(0, 1fr); gap: clamp(24px, 5vw, 72px); align-items: center; }
  [data-site-page-root] .big135__n { font-family: var(--font-display); font-weight: 400; font-size: clamp(7rem, 22vw, 17rem); line-height: .8; color: var(--color-mint-tint); letter-spacing: -0.03em; }
  [data-site-page-root] .big135__t h2 { margin-bottom: 14px; }
  [data-site-page-root] .big135__t > p:not(.eyebrow):not(.big135__sub) { max-width: 560px; }
  [data-site-page-root] .big135__facts { list-style: none; margin: 20px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
  [data-site-page-root] .big135__facts li { padding: 8px 16px; border-radius: 100px; border: 1px solid rgba(235,234,225,.35); font-size: 15px; color: #fff; }
  [data-site-page-root] .big135__sub { margin-top: 16px; font-size: 15px; }
  /* ===== Section 3: so simple, endless possibilities ===== */
  [data-site-page-root] .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  [data-site-page-root] .endl { background: linear-gradient(to right bottom, #dbfdfa, #f2ebff); padding-block: clamp(72px, 10vw, 140px); overflow: hidden; }
  [data-site-page-root] .endl__head { max-width: 980px; margin: 0 auto clamp(36px, 5vw, 64px); text-align: center; display: flex; flex-direction: column; align-items: center; }
  [data-site-page-root] .endl__head h2 { font-size: clamp(2.75rem, 7.4vw, 6rem); line-height: 1.02; letter-spacing: -0.025em; margin: 0 0 22px; text-wrap: balance; }
  [data-site-page-root] .endl__head h2 em { display: block; font-style: normal; color: var(--color-accent); }
  [data-site-page-root] .endl__head p:not(.eyebrow) { max-width: 660px; font-size: 20px; line-height: 1.55; color: var(--color-text); }
  [data-site-page-root] .endl__more { margin: clamp(56px, 8vw, 104px) auto 0; max-width: 1400px; text-align: center; }
  [data-site-page-root] .endl__big { margin: 0 auto 28px; max-width: 900px; padding-inline: 20px; font-family: var(--font-display); font-weight: 400; font-size: clamp(2rem, 5vw, 3.75rem); line-height: 1.08; letter-spacing: -0.02em; color: var(--color-text); text-wrap: balance; }
  [data-site-page-root] .endl__big em { font-style: normal; color: var(--color-accent); }
  [data-site-page-root] .endl .flow__foot { padding-inline: 20px; }
  @media (prefers-reduced-motion: reduce) {
  }

  /* ===== Audit pass 1: alignment, proportion and phone fixes ===== */
  /* first fold: left edges line up, and the diagram never outgrows its column */
  [data-site-page-root] .hx--split .wire__top { align-self: stretch; max-width: none; text-align: left; margin-bottom: 18px; }
  [data-site-page-root] .hx--split .wire__cap { align-self: stretch; max-width: none; text-align: left; }
  [data-site-page-root] .hx--split .wire__llms li { min-width: 0; }
  [data-site-page-root] .hx--split .wire__addr code { white-space: normal; overflow-wrap: anywhere; font-size: clamp(14px, 1.5vw, 18px); }
  @media (max-width: 1100px) {
    [data-site-page-root] .hx__grid { grid-template-columns: minmax(0, 1fr); max-width: 760px; }
    [data-site-page-root] .hx__art { justify-content: stretch; }
    [data-site-page-root] .hx--split .hx__vis, [data-site-page-root] .hx--split .wire { max-width: none; width: 100%; }
  }
  /* the 135 band: numeral above the copy on tablet and phone */
  @media (max-width: 860px) {
    [data-site-page-root] .big135 { grid-template-columns: minmax(0, 1fr); gap: 20px; text-align: left; }
    [data-site-page-root] .big135__n { font-size: clamp(6rem, 30vw, 9rem); }
  }
  /* the endless section: still the biggest moment, in proportion to the page */
  [data-site-page-root] .endl__head h2 { font-size: clamp(2.25rem, 5.4vw, 4.25rem); }
  [data-site-page-root] .endl__big { font-size: clamp(1.75rem, 3.8vw, 2.75rem); }
  /* connector address: never breaks mid-word, copy button sits on its own line on a phone */
  @media (max-width: 560px) {
    [data-site-page-root] .code code { flex: 1 1 100%; font-size: 14px; overflow-wrap: normal; white-space: nowrap; }
    [data-site-page-root] .code__row .code__copy { width: 100%; }
    [data-site-page-root] .inline-link { display: inline-block; min-height: 44px; line-height: 44px; }
  }
  [data-site-page-root] .hx__grid { max-width: var(--maxw); }
  [data-site-page-root] .hx { padding-inline: clamp(20px, 4.2vw, var(--gutter)); }

  /* ===== Audit pass 2: one type scale ===== */
  [data-site-page-root] .out__copy h3 { font-size: clamp(1.5rem, 2.6vw, 1.875rem); line-height: 1.2; }
  [data-site-page-root] .tabs__panel h3, [data-site-page-root] .tabs [role="tabpanel"] h3 { font-size: clamp(1.75rem, 3vw, 2.25rem); }
  [data-site-page-root] .tag { font-size: 14px; }
  [data-site-page-root] .plan__list li b::before { font-size: 14px; }

  /* ===== Audit pass 3: connector tabs wrap instead of hiding the last ones ===== */
  @media (max-width: 860px) {
    [data-site-page-root] .tabs__list { flex-wrap: wrap; overflow: visible; }
    [data-site-page-root] .tabs__list button { flex: 1 1 calc(33.333% - 8px); min-width: 0; padding: 12px 14px; font-size: 1.125rem; }
  }
  @media (max-width: 480px) {
    [data-site-page-root] .tabs__list button { flex: 1 1 calc(50% - 8px); }
  }
  [data-site-page-root] .endl__head h2 { font-size: clamp(2.25rem, 5.2vw, 4.625rem); }
  [data-site-page-root] .cal__wk { font-size: 14px; }
  @media (max-width: 560px) {
    [data-site-page-root] .chat__tbl .tbl th, [data-site-page-root] .chat__tbl .tbl td { font-size: 14px; }
    [data-site-page-root] .chat__tbl em.hi, [data-site-page-root] .chat__tbl em.md { font-size: 14px; padding: 2px 8px; }
  }

  /* ===== Hero visual: your assistant + Visibility, connected ===== */
  [data-site-page-root] .hx__art { align-items: center; }
  [data-site-page-root] .stage { position: relative; width: 100%; max-width: 560px; margin-inline: auto; padding: clamp(18px, 2.4vw, 28px); border-radius: 28px; background: linear-gradient(150deg, #b6f3e5 0%, #cfd6ff 55%, #dccbff 100%); box-shadow: 0 24px 64px rgba(7,41,41,.12); }
  [data-site-page-root] .stage__chip { position: absolute; z-index: 3; top: -16px; right: clamp(12px, 3vw, 28px); display: inline-flex; align-items: baseline; gap: 6px; padding: 9px 18px; border-radius: 100px; background: var(--color-primary); color: #fff; font-size: 15px; box-shadow: 0 8px 24px rgba(7,41,41,.25); }
  [data-site-page-root] .stage__chip b { font-family: var(--font-display); font-weight: 400; font-size: 22px; line-height: 1; color: var(--color-mint-tint); }
  [data-site-page-root] .win { background: #fff; border-radius: 20px; box-shadow: 0 12px 40px rgba(7,41,41,.16); overflow: hidden; }
  [data-site-page-root] .win__bar { display: flex; align-items: center; gap: 12px; padding: 12px 18px; border-bottom: 1px solid var(--color-border); }
  [data-site-page-root] .win__bar b { font-weight: 500; font-size: 15px; color: var(--color-text); }
  [data-site-page-root] .win__bar .ex { margin-left: auto; }
  [data-site-page-root] .win__body { display: flex; flex-direction: column; gap: 12px; padding: 18px 18px 14px; }
  [data-site-page-root] .win__body > .bubble { margin: 0; align-self: flex-end; max-width: 88%; padding: 10px 16px; font-size: 15px; }
  [data-site-page-root] .win__tool { display: flex; align-items: center; gap: 8px; margin: 0 18px 16px; padding: 8px 14px 8px 10px; border-radius: 100px; background: var(--color-bg); width: max-content; font-size: 14px; color: var(--color-text); }
  [data-site-page-root] .win__tool img { width: 20px; height: 20px; border-radius: 5px; }
  [data-site-page-root] .win__tool i { width: 8px; height: 8px; border-radius: 50%; background: #1cf3b4; }
  [data-site-page-root] .win__tool em { font-style: normal; color: var(--muted); }
  [data-site-page-root] .stage__rail { position: relative; width: 2px; height: 36px; margin: 0 auto; background: repeating-linear-gradient(to bottom, var(--color-accent) 0 6px, transparent 6px 12px); }
  [data-site-page-root] .stage__rail span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 3px 14px; border-radius: 100px; background: #fff; box-shadow: var(--shadow-sm); font-size: 14px; font-weight: 500; color: var(--color-text); }
  [data-site-page-root] .stage__addr { display: flex; align-items: center; gap: 12px; padding: 12px 12px 12px 14px; border-radius: 20px; background: var(--color-primary); box-shadow: 0 12px 32px rgba(7,41,41,.25); }
  [data-site-page-root] .stage__addr img { flex: none; width: 40px; height: 40px; border-radius: 10px; }
  [data-site-page-root] .stage__addr > div { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
  [data-site-page-root] .stage__addr code { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: clamp(14px, 1.5vw, 16px); color: #fff; overflow-wrap: anywhere; }
  [data-site-page-root] .stage__cap { margin: 12px 0 0; font-size: 14px; line-height: 1.4; text-align: center; color: var(--color-text); }
  @media (max-width: 1100px) { [data-site-page-root] .stage { max-width: 600px; } }
  @media (max-width: 520px) {
    [data-site-page-root] .stage__chip { top: -14px; right: 12px; }
    [data-site-page-root] .stage__addr { flex-wrap: wrap; }
    [data-site-page-root] .stage__addr .code__copy { width: 100%; }
    [data-site-page-root] .win__body > .bubble { max-width: 94%; }
  }

  /* hero visual, simplified and aligned with the copy */
  [data-site-page-root] .hx--split .hx__grid { align-items: center; }
  [data-site-page-root] .stage { max-width: 520px; padding: 24px; display: flex; flex-direction: column; gap: 16px; margin-inline: auto 0; }
  [data-site-page-root] .win__body { padding: 20px 18px 22px; gap: 14px; }
  [data-site-page-root] .stage__addr { margin: 0; }
  @media (max-width: 1100px) { [data-site-page-root] .stage { margin-inline: auto; max-width: 560px; } }
  @media (max-width: 520px) {
    [data-site-page-root] .stage { padding: 14px; }
  }

  /* hero visual v3: one window, three client logos around it */
  [data-site-page-root] .stage { display: block; padding: 28px; max-width: 500px; }
  [data-site-page-root] .stage__logo { position: absolute; z-index: 3; display: grid; place-items: center; width: 68px; height: 68px; border-radius: 20px; background: #fff; box-shadow: 0 12px 32px rgba(7,41,41,.16); }
  [data-site-page-root] .stage__logo img { width: 36px; height: 36px; }
  [data-site-page-root] .stage__logo--1 { top: -22px; left: -22px; }
  [data-site-page-root] .stage__logo--2 { top: 42%; right: -26px; }
  [data-site-page-root] .stage__logo--3 { bottom: -22px; left: 12%; }
  [data-site-page-root] .win__body { padding: 22px 20px 24px; }
  @media (max-width: 1100px) { [data-site-page-root] .stage { max-width: 520px; } }
  @media (max-width: 520px) {
    [data-site-page-root] .stage { padding: 18px; }
    [data-site-page-root] .stage__logo { width: 56px; height: 56px; border-radius: 16px; }
    [data-site-page-root] .stage__logo img { width: 30px; height: 30px; }
    [data-site-page-root] .stage__logo--1 { top: -18px; left: -6px; }
    [data-site-page-root] .stage__logo--2 { right: -6px; }
    [data-site-page-root] .stage__logo--3 { bottom: -18px; left: 10%; }
  }
  @media (max-width: 520px) {
    [data-site-page-root] .stage__logo--2 { top: -18px; right: 10px; }
  }

  /* ===== Section 3, static: one example, then "it doesn't end there" ===== */
  [data-site-page-root] .endl { padding-block: clamp(64px, 9vw, 120px); }
  [data-site-page-root] .endl__head { margin-bottom: clamp(32px, 4.5vw, 56px); }
  [data-site-page-root] .endl__head h2 { font-size: clamp(2.25rem, 5.2vw, 4.25rem); }
  [data-site-page-root] .endl__head p:not(.eyebrow) { max-width: 600px; font-size: clamp(17px, 1.6vw, 20px); }
  [data-site-page-root] .ex2 { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) 56px minmax(0, 1fr); align-items: start; gap: 0; }
  [data-site-page-root] .ex2__lead { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; font-size: 16px; font-weight: 500; color: var(--color-text); }
  [data-site-page-root] .ex2__lead span { flex: none; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--color-primary); color: #fff; font-size: 14px; font-weight: 400; }
  [data-site-page-root] .ex2 .composer--demo { margin: 0; max-width: none; box-shadow: 0 12px 40px rgba(7,41,41,.10); }
  [data-site-page-root] .ex2 .composer__txt { min-height: 132px; font-size: clamp(1.15rem, 1.9vw, 1.375rem); }
  [data-site-page-root] .ex2 .plan { box-shadow: 0 12px 40px rgba(7,41,41,.10); }
  [data-site-page-root] .ex2__arrow { position: relative; height: 2px; margin-top: 98px; background: var(--color-accent); }
  [data-site-page-root] .ex2__arrow::after { content: ""; position: absolute; right: -1px; top: -6px; border: 7px solid transparent; border-left: 10px solid var(--color-accent); border-right: 0; }
  [data-site-page-root] .endl__more { margin: clamp(48px, 7vw, 88px) auto 0; text-align: center; }
  [data-site-page-root] .endl__big { margin: 0 auto 8px; padding: 0; text-align: center; font-size: clamp(1.75rem, 3.8vw, 2.75rem); }
  [data-site-page-root] .endl__sub { margin: 0 0 24px; font-size: 18px; color: var(--color-text); }
  [data-site-page-root] .moreq { list-style: none; margin: 0 auto; padding: 0; max-width: 960px; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
  [data-site-page-root] .moreq li { padding: 10px 20px; border-radius: 100px; background: rgba(255,255,255,.85); border: 1px solid #fff; font-size: 16px; color: var(--color-text); }
  @media (max-width: 860px) {
    [data-site-page-root] .ex2 { grid-template-columns: minmax(0, 1fr); gap: 0; }
    [data-site-page-root] .ex2__arrow { width: 2px; height: 36px; margin: 8px auto; background: var(--color-accent); }
    [data-site-page-root] .ex2__arrow::after { right: auto; left: -6px; top: auto; bottom: -1px; border: 7px solid transparent; border-top: 10px solid var(--color-accent); border-bottom: 0; border-left: 7px solid transparent; }
    [data-site-page-root] .ex2 .composer__txt { min-height: 0; }
  }

  /* hero visual v4: a bigger, roomier card */
  [data-site-page-root] .stage { max-width: 640px; padding: clamp(28px, 3.4vw, 44px); }
  [data-site-page-root] .stage .win__bar b { font-size: 17px; }
  [data-site-page-root] .stage .win__body { padding: 28px 28px 32px; gap: 20px; }
  [data-site-page-root] .stage .bubble { font-size: 18px; padding: 14px 22px; }
  [data-site-page-root] .stage .chat__msg > p { font-size: 18px; line-height: 1.5; }
  [data-site-page-root] .stage .bars { gap: 14px; padding: 20px 22px; }
  [data-site-page-root] .stage .bars li { grid-template-columns: 148px minmax(0, 1fr) 44px; font-size: 16px; }
  [data-site-page-root] .stage .bars div { height: 12px; }
  [data-site-page-root] .stage .bars b { font-size: 17px; }
  @media (max-width: 520px) {
    [data-site-page-root] .stage .win__body { padding: 18px 16px 22px; }
    [data-site-page-root] .stage .bubble, [data-site-page-root] .stage .chat__msg > p { font-size: 16px; }
    [data-site-page-root] .stage .bars { padding: 14px; }
    [data-site-page-root] .stage .bars li { grid-template-columns: 104px minmax(0, 1fr) 30px; font-size: 13px; gap: 8px; }
  }
  @media (max-width: 520px) {
    [data-site-page-root] .stage .win__bar b { font-size: 15px; white-space: nowrap; }
    [data-site-page-root] .stage .win__body { overflow: hidden; }
    [data-site-page-root] .stage .bubble { max-width: calc(100% - 4px); margin-right: 0; padding: 12px 18px; }
  }

  /* hero visual v5: airy light ground, frosted card, one colour per brand, named pills */
  [data-site-page-root] .stage { background: linear-gradient(150deg, #dff7f7 0%, #e6f0ff 55%, #f0e8ff 100%); border: 1px solid rgba(255,255,255,.8); box-shadow: 0 24px 64px rgba(7,41,41,.10); }
  [data-site-page-root] .stage .win { background: linear-gradient(160deg, rgba(255,255,255,.96), rgba(244,251,249,.9)); border: 1px solid #fff; border-radius: 24px; box-shadow: 0 16px 48px rgba(7,41,41,.10); }
  [data-site-page-root] .stage .win__bar { padding: 16px 22px; border-bottom: 0; gap: 14px; }
  [data-site-page-root] .win__mark { flex: none; width: 36px; height: 36px; border-radius: 10px; }
  [data-site-page-root] .win__ttl { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
  [data-site-page-root] .stage .win__bar .win__ttl b { font-size: 17px; line-height: 1.2; white-space: nowrap; }
  [data-site-page-root] .win__ttl small { font-size: 14px; line-height: 1.2; color: var(--muted); white-space: nowrap; }
  [data-site-page-root] .stage .win__bar .ex { background: var(--color-mint-tint); color: var(--color-accent); }
  [data-site-page-root] .stage .win__body { padding-top: 8px; }
  [data-site-page-root] .stage .bubble--you { background: var(--color-primary); }
  [data-site-page-root] .stage .chat__msg > ul.bars { background: rgba(255,255,255,.7); border: 1px solid var(--color-border); border-radius: 18px; }
  [data-site-page-root] .stage .bars li.you span, [data-site-page-root] .stage .bars li.you b { color: var(--color-accent); font-weight: 600; }
  [data-site-page-root] .stage .bars div { background: #ecece6; }
  [data-site-page-root] .stage .bars .you i { background: var(--color-accent); }
  [data-site-page-root] .stage .bars .c-a i { background: #0ea5e9; }
  [data-site-page-root] .stage .bars .c-b i { background: #8b5cf6; }
  [data-site-page-root] .stage .bars .c-c i { background: #f2a33a; }
  [data-site-page-root] .stage .chat__av { background-color: var(--color-mint-tint); }
  [data-site-page-root] .stage__logo { width: auto; height: auto; gap: 10px; padding: 10px 18px 10px 12px; border-radius: 100px; display: inline-flex; align-items: center; font-size: 16px; font-weight: 500; line-height: 1; color: var(--color-text); white-space: nowrap; background: #fff; border: 1px solid #fff; box-shadow: 0 10px 28px rgba(7,41,41,.14); }
  [data-site-page-root] .stage__logo img { width: 22px; height: 22px; }
  [data-site-page-root] .stage__logo--1 { top: -20px; left: 26px; }
  [data-site-page-root] .stage__logo--2 { top: -20px; right: 26px; left: auto; }
  [data-site-page-root] .stage__logo--3 { bottom: -20px; left: 36px; }
  @media (max-width: 520px) {
    [data-site-page-root] .stage__logo { padding: 8px 14px 8px 10px; font-size: 14px; gap: 8px; width: auto; height: auto; border-radius: 100px; }
    [data-site-page-root] .stage__logo img { width: 20px; height: 20px; }
    [data-site-page-root] .stage__logo--1 { top: -16px; left: 14px; }
    [data-site-page-root] .stage__logo--2 { top: -16px; right: 10px; left: auto; }
    [data-site-page-root] .stage__logo--3 { bottom: -16px; left: 14px; }
    [data-site-page-root] .stage .win__bar { padding: 14px 16px; }
    [data-site-page-root] .stage .win__bar .win__ttl b { font-size: 15px; }
    [data-site-page-root] .win__ttl small { font-size: 13px; }
    [data-site-page-root] .stage .win__bar .ex { display: none; }
  }
  @media (max-width: 520px) {
    [data-site-page-root] .stage .chat__msg > ul.bars { gap: 12px; }
    [data-site-page-root] .stage .chat__msg .bars li { grid-template-columns: minmax(0, 1fr) 32px; row-gap: 6px; column-gap: 12px; font-size: 14px; }
    [data-site-page-root] .stage .chat__msg .bars li span { grid-column: 1 / -1; font-size: 14px; }
  }
}