.hero-phones{overflow:clip;padding:12px 0 75px;background:var(--as-paper)}.phone-fan{height:640px;max-width:1400px;margin:0 auto;position:relative;isolation:isolate}.hero-phone{position:absolute;left:50%;top:25px;width:236px;margin:0;transform-origin:50% 50%;transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .35s;z-index:var(--phone-z);transform:translateX(calc(-50% + var(--phone-x))) translateY(var(--phone-y)) scale(var(--phone-scale)) rotate(var(--phone-rotate))}.hero-phone[data-slot="0"]{--phone-x:0px;--phone-y:0px;--phone-scale:1;--phone-z:5;--phone-rotate:0deg}.hero-phone[data-slot="-1"]{--phone-x:-225px;--phone-y:35px;--phone-scale:.9;--phone-z:4;--phone-rotate:-5deg}.hero-phone[data-slot="1"]{--phone-x:225px;--phone-y:35px;--phone-scale:.9;--phone-z:4;--phone-rotate:5deg}.hero-phone[data-slot="-2"]{--phone-x:-420px;--phone-y:65px;--phone-scale:.79;--phone-z:3;--phone-rotate:-10deg}.hero-phone[data-slot="2"]{--phone-x:420px;--phone-y:65px;--phone-scale:.79;--phone-z:3;--phone-rotate:10deg}.hero-phone .as-device{position:relative;left:auto;top:auto;transform:none;width:100%;box-shadow:0 22px 55px -24px #0006,inset 0 0 0 1px #b4b7b8}.hero-phone .as-device-screen{aspect-ratio:1080/2320}.hero-phone video{display:block;width:100%;height:100%;object-fit:fill;position:absolute;inset:0}.hero-phone figcaption{font-size:14px;text-align:center;margin-top:27px;font-weight:550;letter-spacing:-.02em;color:var(--as-secondary)}.hero-phone[data-slot="0"] figcaption{color:var(--as-ink)}.hero-agent-controls{display:flex;align-items:center;justify-content:center;gap:22px;flex-direction:column;padding:0 20px}.agent-selector{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;padding:6px;border:1px solid var(--as-line);border-radius:24px;background:var(--as-canvas)}.agent-selector button{border:0;background:transparent;font:inherit;font-size:13px;color:var(--as-secondary);padding:12px 17px;border-radius:18px;cursor:pointer;min-height:44px;transition:background .2s,color .2s}.agent-selector button[aria-pressed="true"]{background:var(--as-ink);color:var(--as-paper)}.hero-motion-toggle{display:inline-flex;align-items:center;gap:12px;border:0;background:transparent;font:inherit;font-size:12px;color:var(--as-secondary);padding:10px;cursor:pointer;min-height:44px}.hero-motion-toggle span{font-size:14px}@media(max-width:767px){.hero-phones{padding-bottom:52px}.phone-fan{height:480px;margin-top:5px}.hero-phone{top:8px;width:190px}.hero-phone[data-slot="-1"]{--phone-x:-135px;--phone-y:26px;--phone-scale:.86}.hero-phone[data-slot="1"]{--phone-x:135px;--phone-y:26px;--phone-scale:.86}.hero-phone[data-slot="-2"]{--phone-x:-237px;--phone-y:54px;--phone-scale:.73}.hero-phone[data-slot="2"]{--phone-x:237px;--phone-y:54px;--phone-scale:.73}.hero-phone figcaption{font-size:12px;margin-top:25px}.agent-selector{gap:2px;border-radius:22px;max-width:360px}.agent-selector button{font-size:12px;padding:11px 12px}.hero-agent-controls{gap:10px}}@media(prefers-reduced-motion:reduce){.hero-phone,.agent-selector button{transition:none}}

@keyframes hero-phone-arrive{from{opacity:0;transform:translateX(-50%) translateY(25px) scale(.85)}to{opacity:1;transform:translateX(calc(-50% + var(--phone-x))) translateY(var(--phone-y)) scale(var(--phone-scale)) rotate(var(--phone-rotate))}}@media(prefers-reduced-motion:no-preference){.hero-phone{animation:hero-phone-arrive .95s cubic-bezier(.2,.7,.2,1) backwards}.hero-phone[data-slot="-1"],.hero-phone[data-slot="1"]{animation-delay:.08s}.hero-phone[data-slot="-2"],.hero-phone[data-slot="2"]{animation-delay:.16s}}

@media(max-width:767px){.hero-phone:not([data-slot="0"]) figcaption{opacity:0}}