.hero-motion{position:relative;display:flex;flex-direction:column;min-height:0;padding:var(--space-12) 0 var(--space-8) clamp(var(--space-8),4vw,var(--space-16));overflow:hidden}
.hero-motion svg{min-width:0}
.hero-motion__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding-right:var(--gutter)}
.hero-motion__eyebrow,.hero-motion .state-line,.hero-motion .mode__meta,.hero-motion .mode__status,.hero-motion__footer,.hero-motion .mode-button{font:var(--type-mono);letter-spacing:var(--tracking-mono);text-transform:uppercase}
.hero-motion__live{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--red)}
.hero-motion__live i{display:block;width:10px;height:10px;background:var(--red);animation:hero-motion-blink 1.4s steps(1,end) infinite}
.hero-motion__stage{position:relative;display:grid;place-items:center;flex:1;min-height:var(--hero-motion-stage-min-height);padding-right:var(--gutter)}
.hero-motion .mode{display:grid;grid-template-columns:minmax(0,1fr);width:min(100%,var(--hero-motion-mode-width));min-height:var(--hero-motion-mode-min-height);align-content:center;gap:var(--space-8);opacity:0;transform:translateY(14px);transition:opacity var(--duration-slow) var(--ease-standard),transform var(--duration-slow) var(--ease-standard);pointer-events:none}
.hero-motion .mode.is-active{opacity:1;transform:translateY(0);pointer-events:auto}
.hero-motion .mode:not(.is-active){position:absolute;inset:0 auto auto 0;margin:auto}
.hero-motion .mode__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);padding-bottom:18px;border-bottom:var(--rule)}.hero-motion .mode__header>div{flex:1;min-width:0}.hero-motion .mode__title,.hero-motion .mode__status{overflow-wrap:anywhere}
.hero-motion .mode__title{display:flex;align-items:center;gap:var(--space-3);margin:0;font:var(--weight-semibold) var(--hero-motion-title-size)/1 var(--font-sans);letter-spacing:var(--tracking-heading)}
.hero-motion .mode__title svg{width:28px;height:28px;stroke-width:var(--icon-stroke-width)}
.hero-motion .mode__meta{color:var(--graphite);white-space:nowrap}
.hero-motion .mode__status,.hero-motion .voice__signal{color:var(--red)}
.hero-motion .mode__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:18px;border-top:var(--rule)}
.hero-motion .voice__core{display:grid;place-items:center;min-height:265px}
.hero-motion .voice__dial{position:relative;display:grid;place-items:center;width:var(--hero-motion-dial-size);height:var(--hero-motion-dial-size);border:var(--rule);border-radius:50%}
.hero-motion .voice__dial::before{position:absolute;inset:var(--space-6);border:var(--rule-soft);border-radius:50%;content:""}
.hero-motion .voice__icon{position:relative;z-index:1;width:42px;height:42px;stroke-width:var(--icon-stroke-width)}
.hero-motion .voice__bars{position:absolute;z-index:2;bottom:50px;left:50%;display:flex;align-items:center;gap:4px;height:24px;transform:translateX(-50%)}
.hero-motion .voice__bars span{display:block;width:3px;background:var(--carbon);animation:hero-motion-wave 1s ease-in-out infinite alternate}
.hero-motion .voice__bars span:nth-child(2n){animation-delay:-.35s}.hero-motion .voice__bars span:nth-child(3n){animation-delay:-.65s}
.hero-motion .voice__transcript{max-width:360px;text-align:center;font:var(--weight-regular) 20px/1.2 var(--font-sans);letter-spacing:var(--tracking-body)}
.hero-motion .voice__transcript b{color:var(--red);font-weight:var(--weight-medium)}
.hero-motion .memo__sheet{display:grid;gap:22px;padding:28px;border:var(--rule)}
.hero-motion .memo__headline{max-width:420px;font:var(--weight-semibold) var(--hero-motion-title-size)/1 var(--font-sans);letter-spacing:var(--tracking-heading)}
.hero-motion .memo__item{display:grid;grid-template-columns:22px 1fr;gap:var(--space-3)}
.hero-motion .memo__item svg{width:20px;height:20px;margin-top:3px;stroke-width:var(--icon-stroke-width)}
.hero-motion .memo__item h3{font:var(--type-mono);letter-spacing:var(--tracking-mono);color:var(--red);text-transform:uppercase}
.hero-motion .memo__item p{margin-top:var(--space-1);font:var(--type-body-md);line-height:1.35}
.hero-motion .cursor{display:inline-block;width:2px;height:1em;margin-left:var(--space-1);background:var(--red);vertical-align:-.12em;animation:hero-motion-blink .8s steps(1,end) infinite}
.hero-motion .memo__sources{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:14px;border-top:var(--rule)}
.hero-motion .source-marks{display:flex;gap:var(--space-2)}
.hero-motion .source-marks i{display:block;width:11px;height:11px;background:var(--carbon)}
.hero-motion .source-marks i:nth-child(2){background:var(--red)}.hero-motion .source-marks i:nth-child(3){border:var(--rule);background:var(--paper)}
.hero-motion .payments__sorter{display:grid;width:100%;min-width:0;grid-template-columns:78px repeat(3,minmax(0,1fr)) 94px;gap:var(--space-3);align-items:end}
.hero-motion .payment__inbox{display:grid;gap:var(--space-3);padding-bottom:var(--space-2)}
.hero-motion .payment__inbox svg{width:25px;height:25px;justify-self:center;stroke-width:var(--icon-stroke-width);animation:hero-motion-drop 1.5s ease-in-out infinite}
.hero-motion .payment__inbox svg:nth-child(2){animation-delay:-.5s}.hero-motion .payment__inbox svg:nth-child(3){animation-delay:-1s}
.hero-motion .ledger{display:grid;border:var(--rule)}
.hero-motion .ledger span{position:relative;height:24px;border-bottom:var(--rule-soft)}
.hero-motion .ledger span::before{position:absolute;top:8px;left:8px;width:7px;height:7px;border:var(--rule-muted);content:""}
.hero-motion .ledger span:last-child{border-bottom:0}.hero-motion .ledger--exception span:nth-child(3){background:rgb(199 5 18 / .06)}
.hero-motion .ledger--exception span:nth-child(3)::after{position:absolute;top:11px;right:7px;width:8px;height:8px;background:var(--red);content:""}
.hero-motion .exception{display:grid;place-items:center;gap:10px;padding-bottom:5px;color:var(--red);text-align:center}
.hero-motion .exception svg{width:32px;height:32px;stroke-width:var(--icon-stroke-width)}
.hero-motion .exception span{font:var(--type-mono);letter-spacing:var(--tracking-mono);text-transform:uppercase}
.hero-motion .payment__stat{font:var(--type-mono);letter-spacing:var(--tracking-mono);text-transform:uppercase}.hero-motion .payment__stat b{color:var(--red);font-weight:var(--weight-medium)}
.hero-motion .feedback__board{display:grid;grid-template-columns:1fr var(--space-12) 1.2fr;gap:18px;align-items:center}
.hero-motion .feedback__incoming{display:grid;gap:10px}.hero-motion .feedback__message{padding:var(--space-3);border:var(--rule-soft);font:var(--type-body-sm);line-height:1.25;animation:hero-motion-message .75s ease both}
.hero-motion .feedback__message:nth-child(2){animation-delay:.2s}.hero-motion .feedback__message:nth-child(3){animation-delay:.4s}.hero-motion .feedback__message:nth-child(4){animation-delay:.6s}
.hero-motion .feedback__arrow{display:grid;place-items:center}.hero-motion .feedback__arrow svg{width:32px;height:32px;stroke:var(--red);stroke-width:var(--icon-stroke-width);animation:hero-motion-shift 1.3s ease-in-out infinite}
.hero-motion .feedback__themes{display:grid;gap:1px;border-top:var(--rule)}
.hero-motion .theme{display:grid;grid-template-columns:20px 1fr auto;gap:10px;align-items:center;padding:13px 0;border-bottom:var(--rule-soft)}
.hero-motion .theme svg{width:19px;height:19px;stroke-width:var(--icon-stroke-width)}.hero-motion .theme strong{font:var(--weight-semibold) 17px/1 var(--font-sans);letter-spacing:var(--tracking-body)}.hero-motion .theme span{font:var(--type-mono);color:var(--graphite)}.hero-motion .theme.is-hot{color:var(--red)}
.hero-motion__modes{display:grid;grid-template-columns:repeat(4,1fr);margin-top:auto;margin-right:var(--gutter);border-top:var(--rule)}
.hero-motion .mode-button{display:grid;gap:var(--space-2);min-height:var(--hero-motion-control-height);padding:17px var(--space-2) var(--space-3) 0;border:0;border-right:var(--rule-soft);background:transparent;color:var(--carbon);cursor:pointer;text-align:left}
.hero-motion .mode-button+.mode-button{padding-left:14px}.hero-motion .mode-button:last-child{border-right:0}.hero-motion .mode-button svg{width:23px;height:23px;stroke-width:var(--icon-stroke-width)}.hero-motion .mode-button>span{color:var(--graphite)}.hero-motion .mode-button[aria-selected="true"],.hero-motion .mode-button[aria-selected="true"]>span{color:var(--red)}.hero-motion .mode-button:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}
.hero-motion__footer{padding:18px var(--gutter) 0 0;color:var(--graphite)}
@keyframes hero-motion-blink{50%{opacity:.2}}@keyframes hero-motion-wave{from{height:5px}to{height:24px}}@keyframes hero-motion-drop{0%,100%{opacity:.25;transform:translateY(-12px)}50%{opacity:1;transform:translateY(4px)}}@keyframes hero-motion-message{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes hero-motion-shift{50%{transform:translateX(9px)}}
@media(max-width:1100px){:root{--hero-motion-stage-min-height:520px;--hero-motion-mode-width:720px}.hero-motion{grid-column:1 / -1;padding-left:0;border-top:var(--rule)}.hero-motion__top,.hero-motion__stage,.hero-motion__modes,.hero-motion__footer{margin-right:0;padding-right:0}}
@media(max-width:600px){:root{--hero-motion-stage-min-height:500px;--hero-motion-mode-min-height:410px;--hero-motion-dial-size:196px;--hero-motion-title-size:20px;--hero-motion-control-height:72px}.hero-motion{padding-top:28px}.hero-motion .mode{gap:var(--space-5)}.hero-motion .mode__meta{display:none}.hero-motion .memo__sheet{padding:var(--space-5)}.hero-motion .payments__sorter{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.hero-motion .payment__inbox,.hero-motion .exception{display:none}.hero-motion .feedback__board{grid-template-columns:1fr;gap:14px}.hero-motion .feedback__arrow,.hero-motion .feedback__incoming{display:none}.hero-motion__modes{grid-template-columns:1fr 1fr}.hero-motion .mode-button{padding-left:0}.hero-motion .mode-button+.mode-button{padding-left:0}.hero-motion .mode-button:nth-child(even){padding-left:14px}.hero-motion__footer{padding-top:14px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-motion *,.hero-motion *::before,.hero-motion *::after{animation:none!important;transition:none!important}}