/* The homepage preview is a finite, labelled example, separate from customer data. */
.hero .copy h1{font-size:clamp(3rem,6.8vw,6rem);max-width:15ch;margin-inline:auto;letter-spacing:-.04em}
.hero .copy .lead{max-width:62ch;margin-inline:auto}
.agent-preview{width:100%;text-align:left;padding:16px;border-radius:20px;background:#152631 url('/art/night-horizon.webp') center 65%/cover;box-shadow:0 28px 70px -35px #0008}
.agent-console{border:1px solid var(--line-2);border-radius:12px;overflow:hidden;background:var(--bg)}
.agent-top,.agent-controls,.agent-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px}
.agent-top{border-bottom:1px solid var(--line);font-size:.9rem}.agent-top strong{display:flex;align-items:center;gap:10px}.agent-dot{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 4px color-mix(in srgb,var(--good) 12%,transparent)}
.agent-example{color:var(--fg-2);font-size:.76rem}.agent-controls{padding-block:16px;flex-wrap:wrap}.agent-controls p{margin:0;color:var(--fg-2);font-size:.82rem}
.agent-switch{display:flex;gap:3px;padding:3px;border:1px solid var(--line-2);border-radius:9px;background:var(--bg-2)}
.agent-switch button,.agent-play{font:500 .78rem var(--body);color:var(--fg-2);background:transparent;border:0;border-radius:6px;padding:8px 12px;cursor:pointer;min-height:36px}
.agent-switch button[aria-pressed=true]{color:var(--fg);background:var(--bg-3);box-shadow:0 2px 5px #0002}.agent-switch button:hover,.agent-play:hover{background:var(--bg-3);color:var(--fg)}
.agent-workspace{display:grid;grid-template-columns:.88fr 1.25fr;gap:24px;padding:4px 22px 22px;align-items:start}
.agent-metrics{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid var(--line)}.agent-metric{padding:16px 0 20px}.agent-metric:nth-child(even){padding-left:20px}.agent-metric span{display:block;color:var(--fg-2);font-size:.78rem}.agent-metric b{font:600 clamp(1.8rem,3vw,2.7rem) var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;display:block;margin-top:6px}.agent-metric.accent b{color:var(--good)}
.agent-context{padding-top:18px;font-size:.8rem;color:var(--fg-2);line-height:1.65}.agent-context b{color:var(--fg);font-weight:500}.agent-context p{margin:8px 0}.agent-context .agent-approval{display:flex;align-items:center;gap:8px;color:var(--good)}
.agent-activity{display:grid;gap:10px;min-height:296px;align-content:start}.agent-event{padding:16px;border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:38px 1fr;gap:12px;background:var(--bg-2);min-height:90px}.agent-event.is-positive{background:color-mix(in srgb,var(--good) 8%,var(--bg));border-color:color-mix(in srgb,var(--good) 28%,var(--line))}.agent-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:.7rem;color:var(--fg);background:var(--bg-3)}.agent-event p{margin:5px 0 0;font-size:.88rem;color:var(--fg);line-height:1.5}.agent-event small{display:block;color:var(--fg-2);font-size:.8rem;margin-top:4px}.agent-event-head{display:flex;justify-content:space-between;gap:8px;font-size:.75rem;color:var(--fg-2)}.agent-event.is-positive .agent-event-head b{color:var(--good)}.agent-event-head b{font-weight:500}.agent-event-head time{color:var(--fg-3);font-size:.68rem;white-space:nowrap}.agent-event.enter{animation:agent-arrive 240ms cubic-bezier(.23,1,.32,1)}
.agent-bottom{border-top:1px solid var(--line);background:var(--bg-2);font-size:.77rem;color:var(--fg-2);min-height:62px}.agent-bottom>span{display:flex;align-items:center;gap:9px}.agent-play{white-space:nowrap;border:1px solid var(--line-2)}.agent-example-note{margin:10px 5px 0!important;color:#d1dde5;font-size:.71rem!important;text-align:center;line-height:1.5}
.memberships{display:flex;align-items:center;justify-content:center;gap:40px;padding:30px 20px 0;flex-wrap:wrap;color:var(--fg-2)}.memberships>span{font-size:.78rem}.memberships ul{list-style:none;display:flex;gap:40px;align-items:center;padding:0;margin:0}.memberships li{font-size:1.13rem;font-weight:500;letter-spacing:-.02em}.memberships li small{font-weight:400}
.outcome-explain{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:36px}.outcome-explain article{padding-top:20px;border-top:1px solid var(--line-2)}.outcome-explain h3{font:600 1.3rem var(--display);margin:0 0 9px}.outcome-explain p{font-size:.92rem;color:var(--fg-2);line-height:1.6}.outcome-explain a{font-size:.86rem;color:var(--keel)}
@keyframes agent-arrive{from{transform:translateY(8px);opacity:.25}to{transform:translateY(0);opacity:1}}
@media(max-width:820px){nav .r .in{display:inline-flex!important}.agent-workspace{grid-template-columns:1fr 1.3fr;gap:16px}.memberships{gap:16px}.memberships ul{gap:24px}}
@media(max-width:600px){.agent-preview{padding:6px;border-radius:14px}.agent-top,.agent-controls,.agent-bottom{padding:14px}.agent-top{align-items:flex-start;gap:10px}.agent-top strong{font-size:.83rem}.agent-example{font-size:.68rem;white-space:nowrap}.agent-controls{gap:10px}.agent-switch{width:100%}.agent-switch button{flex:1;padding-inline:5px;min-height:40px}.agent-workspace{grid-template-columns:1fr;padding:0 14px 14px;gap:18px}.agent-metrics{grid-template-columns:repeat(4,1fr);gap:10px}.agent-metric,.agent-metric:nth-child(even){padding:6px 0 14px}.agent-metric span{font-size:.69rem}.agent-metric b{font-size:1.55rem}.agent-context{display:none}.agent-activity{min-height:298px}.agent-event{padding:14px 12px;gap:10px;grid-template-columns:32px 1fr}.agent-avatar{width:30px;height:30px;font-size:.62rem}.agent-event p{font-size:.82rem}.agent-event small{font-size:.74rem}.agent-bottom{font-size:.7rem;gap:8px}.agent-play{padding:8px;font-size:.72rem}.memberships{padding-top:22px}.memberships ul{gap:12px;flex-wrap:wrap;justify-content:center}.memberships li{font-size:.92rem}.outcome-explain{grid-template-columns:1fr;gap:12px}.outcome-explain article{padding-top:18px}}
@media(prefers-reduced-motion:reduce){.agent-event.enter{animation:none}}

.hero::before{opacity:.5}.hero .copy>.note{color:var(--fg-2);max-width:60ch;line-height:1.65}.hero .copy>.note a{white-space:nowrap}
/* A quiet white canvas keeps the product, research and conversations in focus. */
:root[data-theme=light]{--bg:#fff;--bg-2:#f8faf9;--bg-3:#eef2f0;--line:#e1e6e3;--line-2:#cbd4cf;--fg:#17221c;--fg-2:#4e5c53;--fg-3:#65736a;--good:#25734b;--sh:0 20px 50px -30px #23382c26;--sh-2:0 12px 30px -20px #23382c20}
.hero::before,.hero::after,.final::before,.final::after,.sky::before,.sky::after{display:none}
.sky,.sv-stage.sky{background:#f6f8f6}
.hero .copy>*{animation:none}
.agent-preview{background:#f5f7f5;box-shadow:none;border:1px solid var(--line);border-radius:16px;padding:12px}
.agent-console{background:#fff;border-color:var(--line)}
.agent-example-note{color:var(--fg-2)}
.agent-switch button[aria-pressed=true]{background:#fff;box-shadow:0 2px 4px -2px #152c1720}
.hero .copy h1{max-width:15ch}.hero{padding-top:clamp(4rem,7vw,6rem)}