/* Access positioning, shared across the homepage and agent/demo guides. */
.hero{min-height:730px;gap:56px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-block:76px 94px}
.hero h1{font-size:clamp(64px,6.5vw,88px);line-height:1.01;max-width:560px}
.hero-lede{font-size:20px}.trust-list{flex-wrap:wrap}.site-header nav{gap:28px}
.handoff-demo{background:#fff;border:1px solid #d9dce8;border-radius:22px;padding:26px;box-shadow:0 28px 80px -45px #5163ab;min-width:0;position:relative}
.walkthrough-top{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}.walkthrough-top .kicker{font-size:10px;letter-spacing:.04em;margin:0}
.sample-label{font-size:10px;color:#626877;border:1px solid #dce0eb;border-radius:20px;padding:5px 8px}
.handoff-demo h2{font-size:24px;letter-spacing:-.04em;margin:22px 0 17px}
.agent-picker{display:flex;gap:6px;margin-bottom:17px}.agent-picker button{border:1px solid #dce0eb;background:#fff;border-radius:7px;padding:7px 17px;font-size:12px;color:#565d6c;cursor:pointer}.agent-picker button[aria-pressed=true]{background:#151925;color:#fff;border-color:#151925}
.sample-request{border-left:2px solid #697df5;padding:1px 0 1px 14px;margin-bottom:22px}.sample-request span{font-weight:600;font-size:11px;color:#4457bf}.sample-request p{font-size:15px;line-height:1.5;margin:8px 0 0;color:#404550}
.stage-card{background:#f0f2ff;border:1px solid #e0e5fd;border-radius:13px;padding:22px;min-height:218px}.stage-label{font:10px var(--font-geist-mono),monospace;letter-spacing:.1em;color:#4354ab}.stage-card h3{font-size:22px;letter-spacing:-.035em;margin:14px 0 10px}.stage-card p{font-size:14px;line-height:1.55;color:#565e75;margin:0}.stage-detail{font-size:11px;border-top:1px solid #d5dcf4;margin-top:18px;padding-top:13px;color:#435284;line-height:1.5}
.walkthrough-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:19px}.stage-dots{display:flex;gap:5px}.stage-dots button{width:30px;height:30px;border-radius:50%;border:1px solid #dce0eb;color:#565d6c;background:#fff;font-size:11px;cursor:pointer}.stage-dots button[aria-pressed=true]{background:#4767ff;color:#fff;border-color:#4767ff}.next-step{border:0;background:transparent;color:#2946dd;font-size:12px;font-weight:600;cursor:pointer;padding:10px 0}.demo-disclosure{font-size:11px;line-height:1.5;color:#747988;margin:17px 0 0}
.recording-note{background:#1d2231;color:#c7cedc;font-size:13px;line-height:1.55;padding:18px 24px;margin:0}.recording-footer{display:flex;justify-content:space-between;gap:18px;padding:20px 24px;flex-wrap:wrap;color:#aeb9d2;font-size:12px}.recording-footer a{color:#dce3ff;font-weight:600}
.guide-hero{padding-block:85px 80px}.guide-hero h1{font-size:clamp(44px,6vw,78px);line-height:1.04;letter-spacing:-.06em;margin:0}.guide-hero h1 span{color:var(--blue)}.guide-hero .hero-lede{max-width:780px}.guide-hero .hero-lede a{text-decoration:underline;text-underline-offset:4px}
.setup-section,.mode-section,.flow-section{padding-block:36px 90px}.setup-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 48px}.setup-list li{display:flex;gap:20px;padding:28px 0;border-top:1px solid var(--line)}.setup-list li>span{font:12px var(--font-geist-mono),monospace;color:var(--blue-dark);padding-top:6px}.setup-list h3{font-size:22px;letter-spacing:-.025em;margin:0 0 13px}.setup-list p,.mode-grid p,.section-note{font-size:16px;color:#5a6070;line-height:1.75;margin:0}.connection-note{border:1px solid #d5dbf0;background:#eef1ff;padding:22px 26px;border-radius:12px;font-size:14px;line-height:1.7;color:#485373}.connection-note strong{color:#293555;display:block}
.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mode-grid article{border:1px solid var(--line);border-radius:16px;padding:30px;background:#fff}.mode-tag{font:11px var(--font-geist-mono),monospace;color:var(--blue-dark);text-transform:uppercase;letter-spacing:.1em}.mode-grid h3{font-size:26px;line-height:1.2;letter-spacing:-.035em;margin:20px 0 15px}.section-note{max-width:900px;margin:24px 0}.flow-section h2{font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.045em;margin:0 0 30px}.flow-line{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:28px;border-radius:16px;background:#161c30;color:#dce2ff;font-size:15px}.flow-line b{color:#87a2ff}.flow-line span{line-height:1.5}
.recording-grid{padding-bottom:30px}.recording-card{display:grid;grid-template-columns:.7fr 1fr;gap:50px;align-items:center;border-top:1px solid var(--line);padding-block:45px}.recording-copy h2{font-size:34px;line-height:1.1;letter-spacing:-.04em;margin:0 0 20px}.recording-copy p:not(.kicker){font-size:16px;line-height:1.75;color:#5a6070}.recording-card video{width:100%;border-radius:14px;background:#121723;display:block;border:1px solid #d2d6df}
:focus-visible{outline:3px solid #4767ff;outline-offset:4px}section[id]{scroll-margin-top:96px}.faq-list a{text-decoration:underline}
@media(max-width:1050px){.hero{gap:30px}.hero h1{font-size:68px}.handoff-demo{padding:22px}.hero-actions{gap:20px}.hero-actions .button{padding-inline:19px}.stage-card{min-height:240px}.site-header nav{gap:20px}}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:42px;min-height:0;padding-block:54px 65px}.hero-copy{max-width:700px}.hero h1{font-size:clamp(62px,11vw,84px);max-width:650px}.handoff-demo{width:100%;max-width:620px;justify-self:center}.stage-card{min-height:218px}.setup-list,.mode-grid{grid-template-columns:1fr}.recording-card{grid-template-columns:1fr;gap:18px}.guide-hero{padding-block:56px}.flow-line{flex-direction:column;align-items:flex-start;gap:12px}.flow-line b{transform:rotate(90deg);margin-left:30px}.setup-section,.mode-section,.flow-section{padding-bottom:56px}}
@media(max-width:480px){.shell{width:calc(100% - 36px)}.hero h1{font-size:62px}.hero-lede{font-size:18px}.hero-actions{flex-wrap:wrap;gap:22px}.handoff-demo{padding:18px}.stage-card{padding:18px;min-height:240px}.handoff-demo h2{font-size:23px}.stage-card h3{font-size:21px}.walkthrough-top{gap:9px}.sample-label{font-size:9px}.walkthrough-top .kicker{font-size:9px}.next-step{font-size:11px}.stage-dots button{width:28px;height:28px}.recording-note,.recording-footer{padding:16px}.mode-grid article{padding:24px}.guide-hero h1{font-size:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pulse-dot{animation:none}}