.agent-hero{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1.12fr);align-items: center;gap:28px;padding:18px 0 64px}.agent-hero-copy{position:relative;z-index:1;padding-bottom:40px}.agent-hero-copy>.eyebrow{color:#4d5c50;margin-bottom:28px}.agent-hero h1{letter-spacing:-.05em;font-size:clamp(50px,5.5vw,86px);font-weight:440;line-height:1.01}.hero-lead{max-width:520px;margin:28px 0 32px;font-size:18px;line-height:1.62}.agent-hero .hero-actions{flex-wrap:wrap;justify-content:flex-start;gap:12px 28px}.agent-hero .hero-actions .text-link{white-space:nowrap}.hero-note{color:#7a7f75;max-width:400px;margin-top:24px;font-size:12px;line-height:1.7}.agent-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr)218px;grid-template-areas:"frame activity" "bar bar";align-items: center;column-gap:4px;min-width:0}.agent-frame{grid-area:frame;position:relative;isolation:isolate;height:clamp(460px,68vh,640px)}.agent-frame:before{content:"";position:absolute;z-index:-1;opacity:0;background:radial-gradient(closest-side,#eef2ec,#0000);border-radius:50%;transition:opacity .6s;inset:4% 12% 10%}.agent-stage[data-mode=speaking] .agent-frame:before{opacity:1}.agent-canvas{position:absolute;display:block;width:100%;height:100%;inset:0}.agent-state{position:absolute;display:inline-flex;color:#4b5249;white-space:nowrap;background:#ffffffd9;border:1px solid #ebece6;border-radius:99px;align-items: center;gap:8px;padding:6px 12px;font-size:12px;line-height:1.4;top:8px;left:50%;translate:-50%}.state-dot{background:#b9beb5;border-radius:50%;width:7px;height:7px;transition:background-color .2s}.agent-stage[data-mode=speaking] .state-dot{background:var(--green);animation:state-pulse 1.1s ease-in-out infinite}.agent-stage[data-mode=listening] .state-dot{background:#8fa596}@keyframes state-pulse{50%{box-shadow:0 0 0 5px #3c65531f}}.agent-caption{position:absolute;text-align:center;background:linear-gradient(#0000,#fff 46%);width:min(560px,100%);padding:44px 16px 6px;bottom:0;left:50%;translate:-50%}.caption-speaker{letter-spacing:.12em;text-transform:uppercase;color:#7c8277;margin-bottom:8px;font-size:11px;font-weight:500}.caption-text{letter-spacing:-.015em;color:#262a25;text-wrap:balance;min-height:3.1em;font-size:21px;line-height:1.45}.caption-text .word{color:#b7bbb2;transition:color .16s}.caption-text .word.is-spoken{color:#171817}.agent-stage[data-speaker=caller] .caption-text .word.is-spoken,.agent-stage[data-speaker=caller] .caption-speaker{color:#4f6a5b}.sample-bar{grid-area:bar;display:flex;background:#f1f1ed;border-radius:99px;align-items: center;gap:6px;width:-moz-fit-content;width:fit-content;max-width:100%;margin:22px auto 0;padding:5px}.sample-toggle{--progress:0;position:relative;display:grid;background:var(--ink);color:#fff;border:0;border-radius:50%;flex-shrink:0;place-items: center;width:44px;height:44px}.sample-toggle:after{content:"";position:absolute;background:conic-gradient(var(--green)calc(var(--progress)*1turn),transparent 0);mask:radial-gradient(closest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px));pointer-events:none;border-radius:50%;inset:-3px}.sample-toggle .icon-pause,.agent-stage[data-playing=true] .sample-toggle .icon-play{display:none}.agent-stage[data-playing=true] .sample-toggle .icon-pause{display:inline-block}.sample-choices{display:flex;overflow-x:auto;scrollbar-width:none;gap:2px;min-width:0}.sample-choices::-webkit-scrollbar{display:none}.sample-choices button{display:inline-flex;color:#5f655b;white-space:nowrap;background:0 0;border:0;border-radius:99px;align-items: center;gap:7px;min-height:44px;padding:8px 16px;transition:background-color .15s,color .15s,box-shadow .15s;font-size:14px}.sample-choices button[aria-pressed=true]{color:var(--ink);background:#fff;box-shadow:0 1px 3px #1a221c14}.choice-status{color:#62665d;background:#e5e6e0;border-radius:4px;padding:2px 6px;font-size:10px}.agent-activity{grid-area:activity;list-style:none;display:flex;flex-direction:column;gap:8px;margin:0;padding:0}.activity-item{display:flex;backdrop-filter:blur(8px);opacity:.5;transition:opacity .4s ease,translate .4s var(--ease),border-color .4s ease;background:#ffffffe6;border:1px solid #ebece6;border-radius:14px;align-items: flex-start;gap:10px;padding:10px 12px;translate:6px}.activity-item.is-done{opacity:1;border-color:#dfe6de;translate:0}.activity-icon{display:grid;color:#0000;border:1px solid #d8dbd3;border-radius:50%;flex-shrink:0;place-items: center;width:20px;height:20px;margin-top:1px;transition:background-color .3s,color .3s,border-color .3s}.activity-icon .icon{stroke-width:2.4;width:12px;height:12px}.activity-item.is-done .activity-icon{background:var(--green);border-color:var(--green);color:#fff}.activity-item strong{display:block;color:var(--ink);font-size:13px;font-weight:500;line-height:1.35}.activity-item small{display:block;color:#72776e;margin-top:2px;font-size:11px;line-height:1.45}.agent-stage[data-speaker=event] .caption-speaker{color:var(--green)}.agent-stage.no-face .agent-canvas{display:none}.agent-stage.no-face .agent-frame{height:auto;min-height:220px}@media (hover:hover) and (pointer:fine){.sample-choices button:not([aria-pressed=true]):hover{color:var(--ink);background:#e8e8e3}.sample-toggle:hover{background:#353a32}}@media (max-width:1150px){.agent-stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"frame" "bar" "activity"}.agent-activity{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));width:100%;max-width:620px;margin:18px auto 0}.activity-item{translate:0}.sample-choices button{padding-inline-start:12px;padding-inline-end:12px;font-size:13px}}@media (max-width:900px){.agent-hero{grid-template-columns:1fr;gap:0;padding-top:36px}.agent-hero-copy{padding-bottom:12px}.agent-frame{height:clamp(420px,70vw,560px)}}@media (max-width:760px){.agent-hero{padding:28px 0 44px}.agent-hero-copy>.eyebrow{margin-bottom:20px;font-size:11px}.agent-hero h1{font-size:clamp(42px,11.4vw,60px)}.hero-lead{margin:20px 0 24px;font-size:16px}.agent-hero .hero-actions{gap:20px}.hero-note{margin-top:18px;font-size:11px}.agent-frame{height:clamp(380px,112vw,480px)}.agent-caption{padding-inline-start:0;padding-inline-end:0}.caption-text{min-height:4.4em;font-size:17px}.sample-bar{width:100%;margin-top:14px}.sample-choices{scroll-snap-type:x proximity;mask-image:linear-gradient(90deg,#000 82%,#0000)}.sample-choices button{scroll-snap-align:start;padding-inline-start:12px;padding-inline-end:12px;font-size:13px}.agent-activity{grid-template-columns:1fr;gap:6px}.activity-item{border-radius:12px;align-items: center;padding:8px 12px}.activity-item small{display:none}}@media (prefers-reduced-motion:reduce){.agent-stage[data-mode=speaking] .state-dot{animation:none}}.voice-hero .agent-frame{height:clamp(420px,60vh,560px)}@media (max-width:1150px){.voice-hero{grid-template-columns:minmax(0,1fr)}.voice-hero .agent-stage{margin-top:12px}}