@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 ---------- */
  [data-site-page-root] .mcp-hero {
    background: linear-gradient(to right bottom, #dbfdfa, #f2ebff);
    padding-top: calc(91px + clamp(24px, 4vw, 56px));
    position: relative; z-index: 2;
  }
  [data-site-page-root] .mcp-hero__inner {
    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] .mcp-hero__copy { padding-bottom: clamp(48px, 6vw, 80px); align-self: center; }
  [data-site-page-root] .mcp-hero__copy .lead { margin-top: 22px; max-width: 540px; }
  [data-site-page-root] .mcp-hero__stage { position: relative; min-height: 460px; display: flex; justify-content: flex-end; align-items: flex-end; }
  [data-site-page-root] .mcp-hero__person { width: min(100%, 440px); margin-right: 2%; position: relative; z-index: 1; }
  [data-site-page-root] .bubble { font-size: 14px; line-height: 1.45; padding: 10px 12px; border-radius: 14px; max-width: 94%; color: var(--color-text); }
  [data-site-page-root] .bubble--you { background: var(--color-primary); color: #fff; align-self: flex-end; border-bottom-right-radius: 4px; }
  [data-site-page-root] .bubble--bot { background: var(--color-bg); border-bottom-left-radius: 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] .pill { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; padding: 4px 14px; border-radius: 100px; border: 1px solid; }
  [data-site-page-root] .pill::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
  [data-site-page-root] .pill--r { color: var(--rwd-r); background: var(--color-mint-tint); border-color: var(--color-mint-tint); }
  [data-site-page-root] .pill--w { color: var(--color-accent); background: #fff; border-color: var(--rwd-w); }
  [data-site-page-root] .pill--w::before { background: var(--rwd-w); }
  [data-site-page-root] .pill--d { color: #fff; background: var(--color-primary); border-color: var(--color-primary); }
  [data-site-page-root] .pill--d::before { background: #fff; }
  [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 ---------- */
  [data-site-page-root] .faq__head { max-width: 640px; margin-bottom: clamp(32px, 5vw, 52px); }
  [data-site-page-root] .faq__body { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(32px, 6vw, 88px); align-items: start; }
  [data-site-page-root] .faq details { border-top: 1px solid var(--color-border); }
  [data-site-page-root] .faq details:last-child { 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: 64px; padding: 14px 0; cursor: pointer; font-family: var(--font-display); font-size: clamp(1.125rem, 2vw, 1.375rem); line-height: 1.3; color: var(--color-primary); }
  [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 32px 22px 0; font-size: 17px; }
  [data-site-page-root] .fix { background: #fff; border-radius: var(--radius-lg); padding: clamp(22px, 3.4vw, 36px); }
  [data-site-page-root] .fix h3 { margin-bottom: 8px; }
  [data-site-page-root] .fix details:last-of-type { border-bottom: 0; }
  [data-site-page-root] .fix summary { font-family: var(--font-body); font-weight: 500; font-size: 16px; min-height: 52px; line-height: 1.35; }
  [data-site-page-root] .fix details p { font-size: 15px; line-height: 1.5; padding-right: 8px; }
  [data-site-page-root] .fix__foot { margin-top: 8px; }
  [data-site-page-root] .fix__foot { font-size: 15px; line-height: 1.5; padding-top: 16px; border-top: 1px solid var(--color-border); color: var(--color-text); }

  /* ---------- CTA ---------- */
  [data-site-page-root] .mcp-cta { background: linear-gradient(135deg, #ddf8f0, #eae8ff); padding-block: clamp(64px, 9vw, 110px); }
  [data-site-page-root] .mcp-cta__in { max-width: 760px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 18px; }
  [data-site-page-root] .mcp-cta img { width: 56px; height: 56px; border-radius: 14px; }
  [data-site-page-root] .mcp-cta h2 { font-size: clamp(2rem, 4.4vw, 3.125rem); }
  [data-site-page-root] .mcp-cta p { color: var(--color-text); max-width: 560px; }
  [data-site-page-root] .mcp-cta .reassure { margin-top: 0; }

  /* ---------- HERO (works with, chat card) ---------- */
  [data-site-page-root] .works { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 28px 0 32px; }
  [data-site-page-root] .works__cap { font-size: 14px; letter-spacing: 1.12px; text-transform: uppercase; color: var(--muted); margin-right: 4px; }
  [data-site-page-root] .works img { width: 40px; height: 40px; border-radius: 10px; background: #fff; box-shadow: var(--shadow-sm); }
  [data-site-page-root] .works__txt { display: inline-flex; align-items: center; height: 40px; padding: 0 14px; border-radius: 10px; background: #fff; box-shadow: var(--shadow-sm); font-size: 15px; color: var(--color-text); }
  [data-site-page-root] .works__more { font-size: 15px; color: var(--muted); }
  [data-site-page-root] .ex { margin-left: auto; 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] .chat { position: absolute; z-index: 2; left: 0; top: 12%; width: min(360px, 66%); padding: 16px; display: flex; flex-direction: column; gap: 10px; }
  [data-site-page-root] .chat__bar { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; padding-bottom: 10px; border-bottom: 1px solid var(--color-border); }
  [data-site-page-root] .chat__bar img { width: 22px; height: 22px; }
  [data-site-page-root] .chat__dot { width: 8px; height: 8px; border-radius: 50%; background: #1cf3b4; }
  [data-site-page-root] .chat .bubble--bot { max-width: 100%; display: flex; flex-direction: column; gap: 10px; }
  [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; }
  [data-site-page-root] .float-chip { position: absolute; z-index: 3; display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 100px; background: #fff; box-shadow: var(--shadow-md); font-size: 14px; color: var(--color-text); }
  [data-site-page-root] .float-chip i { width: 8px; height: 8px; border-radius: 50%; background: var(--color-accent); }
  [data-site-page-root] .float-chip--a { left: 4%; bottom: 12%; }
  [data-site-page-root] .float-chip--b { right: 0; top: 16%; }
  [data-site-page-root] .chat .bubble, [data-site-page-root] .float-chip { animation: mcp-pop 600ms cubic-bezier(0.65, 0, 0.35, 1) both; }
  [data-site-page-root] .chat .bubble--you { animation-delay: .5s; }
  [data-site-page-root] .chat .bubble--bot { animation-delay: 1.2s; }
  [data-site-page-root] .float-chip--a { animation-delay: 2s; }
  [data-site-page-root] .float-chip--b { animation-delay: 2.3s; }
  @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 .bubble { max-width: 92%; }
  [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] .agents i.w { background: var(--rwd-w); }
  [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] .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 b { display: block; font-weight: 500; font-size: 15px; color: var(--color-text); }
  [data-site-page-root] .fixes span { font-size: 14px; color: var(--muted); }
  [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] .plat { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 88px); align-items: start; }
  [data-site-page-root] .plat__head { position: sticky; top: 112px; }
  [data-site-page-root] .plat__head h2 { margin-bottom: 18px; }
  [data-site-page-root] .plat__nums { display: flex; gap: clamp(24px, 4vw, 48px); margin: 32px 0; padding: 24px 0; border-block: 1px solid rgba(235,234,225,.25); }
  [data-site-page-root] .plat__nums > div { margin: 0; }
  [data-site-page-root] .plat__nums dt { font-family: var(--font-display); font-size: clamp(3rem, 6vw, 4.5rem); line-height: 1; color: #fff; }
  [data-site-page-root] .plat__nums dd { margin: 10px 0 0; line-height: 1.3; font-size: 15px; color: var(--color-border); }
  [data-site-page-root] .btn-light, [data-site-page-root] .btn-ghost { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 14px 24px; border-radius: 100px; font-size: 15px; line-height: 24px; text-decoration: none; border: 1px solid #fff; transition: background .2s ease, color .2s ease; }
  [data-site-page-root] .btn-light { background: #fff; color: var(--color-primary); }
  [data-site-page-root] .btn-light:hover { background: var(--color-mint-tint); }
  [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); }
  [data-site-page-root] .plat__note { margin-top: 18px; font-size: 14px; }
  [data-site-page-root] .plat__list { display: flex; flex-direction: column; }
  [data-site-page-root] .cn { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 20px; padding: 26px 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] .cn__h { display: flex; flex-direction: column; gap: 4px; }
  [data-site-page-root] .cn__no { font-size: 14px; letter-spacing: 1.1px; color: var(--color-mint-tint); }
  [data-site-page-root] .cn__h h3 { color: #fff; font-size: 24px; }
  [data-site-page-root] .cn__h b { font-weight: 400; font-family: var(--font-display); font-size: 20px; color: #fff; }
  [data-site-page-root] .cn__h small { font-family: var(--font-body); font-size: 14px; color: var(--color-border); }
  [data-site-page-root] .cn__b p { font-size: 16px; line-height: 1.5; margin-bottom: 14px; }
  [data-site-page-root] .cn__b ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
  [data-site-page-root] .cn__b a { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px 8px 8px 18px; border: 1px solid rgba(235,234,225,.4); border-radius: 100px; color: #fff; font-size: 15px; text-decoration: none; transition: background .2s ease, color .2s ease; }
  [data-site-page-root] .cn__b a b { font-weight: 400; font-size: 14px; min-width: 28px; text-align: center; padding: 3px 8px; border-radius: 100px; background: rgba(255,255,255,.14); }
  [data-site-page-root] .cn__b a:hover { background: #fff; color: var(--color-primary); }
  [data-site-page-root] .cn__b a:hover b { background: var(--color-mint-tint); }
  [data-site-page-root] .cn--extra h3 { color: var(--color-border); }

  /* ---------- WHY ---------- */
  [data-site-page-root] #why .rwd { background: var(--color-bg); box-shadow: none; }
  [data-site-page-root] .rwd__bar { margin-bottom: clamp(20px, 3vw, 32px); }
  [data-site-page-root] .rwd__cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(20px, 3vw, 48px); }
  [data-site-page-root] .rwd__cols b { display: block; font-family: var(--font-display); font-weight: 400; font-size: clamp(3rem, 6vw, 4.5rem); line-height: 1; margin: 12px 0 8px; }
  [data-site-page-root] #why .always { grid-template-columns: repeat(3, minmax(0, 1fr)); }

  /* ---------- CONNECT note, CTA address ---------- */
  [data-site-page-root] .other { margin-top: 20px; font-size: 15px; line-height: 1.5; }
  [data-site-page-root] .code--cta { width: 100%; max-width: 480px; margin-top: 8px; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; text-align: left; }
  [data-site-page-root] .code--cta .code__label { flex-basis: 100%; margin-bottom: 0; }
  [data-site-page-root] .code--cta code { flex: 1 1 200px; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 15px; color: #fff; }

  /* ---------- RESPONSIVE ---------- */
  @media (max-width: 1024px) {
    [data-site-page-root] .connect__side, [data-site-page-root] .plat__head { position: static; }
    [data-site-page-root] #why .always { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
  @media (max-width: 860px) {
    [data-site-page-root] .mcp-hero__inner, [data-site-page-root] .three, [data-site-page-root] .out, [data-site-page-root] .out--flip, [data-site-page-root] .plat, [data-site-page-root] .connect, [data-site-page-root] .faq__body, [data-site-page-root] .cn { grid-template-columns: minmax(0, 1fr); }
    [data-site-page-root] .mcp-hero__copy { padding-bottom: 8px; }
    [data-site-page-root] .mcp-hero__stage { min-height: 0; margin-top: 12px; flex-direction: column; align-items: center; }
    [data-site-page-root] .mcp-hero__person { width: min(70%, 320px); margin: 0 auto; }
    [data-site-page-root] .chat { position: relative; left: auto; top: auto; width: 100%; max-width: 380px; order: 2; margin-top: -40px; }
    [data-site-page-root] .float-chip--a { left: 0; bottom: auto; top: 4%; }
    [data-site-page-root] .float-chip--b { right: 0; top: 18%; }
    [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] .cn { gap: 12px; }
  }
  @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] #why .always { grid-template-columns: minmax(0, 1fr); }
    [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] .plat__nums { gap: 20px; }
    [data-site-page-root] .code--sm code { font-size: 14px; }
  }
  @media (prefers-reduced-motion: reduce) {
    [data-site-page-root] .chat .bubble, [data-site-page-root] .float-chip { animation: none; }
  }

  /* ---------- ACTIONS PAGE ---------- */
  [data-site-page-root] .acts-hero { background: linear-gradient(to right bottom, #dbfdfa, #f2ebff); padding: calc(91px + clamp(32px, 5vw, 72px)) 0 clamp(40px, 6vw, 72px); }
  [data-site-page-root] .acts-hero__in { max-width: 980px; }
  [data-site-page-root] .acts-hero .lead { margin-top: 20px; max-width: 640px; }
  [data-site-page-root] .legend { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 26px 0 28px; }
  [data-site-page-root] .legend__cr { font-size: 15px; color: var(--muted); margin-left: 6px; }
  [data-site-page-root] .jump { list-style: none; margin: 36px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
  [data-site-page-root] .jump a { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px 10px 8px 18px; border-radius: 100px; background: rgba(255,255,255,.75); color: var(--color-text); font-size: 15px; text-decoration: none; transition: background .2s ease; }
  [data-site-page-root] .jump a:hover { background: #fff; }
  [data-site-page-root] .jump b { font-weight: 400; font-size: 14px; min-width: 28px; text-align: center; padding: 3px 8px; border-radius: 100px; background: var(--color-mint-tint); color: var(--color-accent); }
  [data-site-page-root] .mods2 { display: flex; flex-direction: column; }
  [data-site-page-root] .mod2 { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(24px, 5vw, 72px); padding: clamp(32px, 4vw, 52px) 0; border-top: 1px solid var(--color-border); scroll-margin-top: 110px; }
  [data-site-page-root] .mod2:first-child { border-top: 0; padding-top: 0; }
  [data-site-page-root] .mod2__h { position: sticky; top: 112px; align-self: start; }
  [data-site-page-root] .mod2__h h2 { font-size: 30px; line-height: 1.15; margin-bottom: 10px; }
  [data-site-page-root] .mod2__h p:not(.eyebrow) { font-size: 16px; line-height: 1.5; }
  [data-site-page-root] .mod2__h .mod2__n { margin-top: 14px; font-size: 14px; }
  [data-site-page-root] .mod2__n b { font-weight: 500; color: var(--color-text); }
  [data-site-page-root] .alist { list-style: none; margin: 0; padding: 0; }
  [data-site-page-root] .alist li { display: flex; align-items: center; gap: 10px; padding: 14px 0; border-bottom: 1px solid var(--color-border); }
  [data-site-page-root] .alist li:first-child { padding-top: 0; }
  [data-site-page-root] .aname { flex: 1; font-size: 17px; line-height: 1.35; color: var(--color-text); }
  [data-site-page-root] .acc2, [data-site-page-root] .cr { flex: none; font-size: 14px; line-height: 1; padding: 4px 12px; border-radius: 100px; border: 1px solid; }
  [data-site-page-root] .acc2--r { color: var(--color-accent); background: var(--color-mint-tint); border-color: var(--color-mint-tint); }
  [data-site-page-root] .acc2--w { color: var(--color-accent); background: #fff; border-color: var(--rwd-w); }
  [data-site-page-root] .acc2--d { color: #fff; background: var(--color-primary); border-color: var(--color-primary); }
  [data-site-page-root] .cr { color: var(--muted); border-color: var(--color-border); background: var(--color-bg); }
  @media (max-width: 860px) {
    [data-site-page-root] .mod2 { grid-template-columns: minmax(0, 1fr); }
    [data-site-page-root] .mod2__h { position: static; }
  }
  @media (max-width: 560px) {
    [data-site-page-root] .alist li { flex-wrap: wrap; }
    [data-site-page-root] .aname { flex-basis: 100%; }
  }

  /* ---------- 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; }
  [data-site-page-root] .btn-light { font-size: 17px; font-weight: 500; }
  [data-site-page-root] .btn-line { display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--color-primary); border-radius: 100px; background: transparent; color: var(--color-primary); 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] .btn-line--lg { min-height: 54px; padding: 0 32px; font-size: 17px; }
}