/* Compact five-card row. Existing Toll Bench portrait assets, wordmark and font. */
.agent-process{padding-top:72px;padding-bottom:72px}
.agent-process-intro{max-width:1320px;margin-bottom:28px;gap:48px}
.agent-process-intro h2{font-size:clamp(46px,5.4vw,76px)}
.agent-row-hint{max-width:1320px;margin:0 auto 12px;font-size:15px;line-height:1.5;color:#b8b8c3}
.agent-process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-flow:column;gap:16px;max-width:1320px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:6px 0 16px;perspective:none;scrollbar-color:#6d6d7a #25252d;scrollbar-width:thin}
.agent-process-grid:focus-visible{outline:2px solid #fff;outline-offset:5px}
.agent-process-step,.agent-process-step:nth-child(4),.agent-process-step:last-child{grid-column:auto;width:auto;justify-self:stretch;min-width:0;scroll-snap-align:start;transform:none!important}
.agent-step-label{font-size:16px;line-height:1.35;min-height:44px;margin-bottom:10px;gap:8px}
.tb-story-card{border-radius:20px;perspective:1200px;box-shadow:0 10px 26px #0004}
.tb-story-inner{min-height:0}
.tb-story-face{min-height:0}
.tb-story-brand{display:none;background:#000;color:#fff;flex-direction:column;align-items:center;justify-content:center;padding:18px;gap:24px;text-align:center}
.tb-story-brand img{display:block;width:100%;height:auto;object-fit:contain}
.tb-story-brand p{font-size:14px;line-height:1.5;color:#bfbfc7;margin:0}
.tb-story-agent{height:200px}
.tb-story-identity{padding:20px}
.tb-story-identity h3{font-size:30px}
.tb-story-identity p{font-size:12px}
.tb-story-explanation{padding:20px;gap:16px}
.tb-story-explanation h3{font-size:22px;line-height:1.15}
.tb-story-explanation p{font-size:16px;line-height:1.5}
.tb-story-counter,.tb-story-credit{font-size:12px}
.agent-cards-enhanced .tb-story-inner{height:360px;min-height:360px;transition:transform 420ms cubic-bezier(.2,.7,.2,1);transform:rotateY(0deg)}
.agent-cards-enhanced .tb-story-face{display:flex;position:absolute;inset:0;min-height:0;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.agent-cards-enhanced .tb-story-brand{transform:rotateY(0deg);visibility:visible}
.agent-cards-enhanced .tb-story-agent{transform:rotateY(180deg)}
.agent-cards-enhanced .tb-story-explanation{transform:rotateY(0deg);visibility:hidden}
.agent-cards-enhanced .tb-story-card[data-stage="agent"] .tb-story-inner{transform:rotateY(180deg)}
.agent-cards-enhanced .tb-story-card[data-stage="explanation"] .tb-story-inner{transform:rotateY(360deg)}
.agent-cards-enhanced .tb-story-card[data-stage="explanation"] .tb-story-brand{visibility:hidden}
.agent-cards-enhanced .tb-story-card[data-stage="explanation"] .tb-story-explanation{visibility:visible}
.agent-cards-enhanced .tb-story-card.sequence-reset .tb-story-inner{transition:none}
.tb-story-flip{min-height:46px;font-size:16px;padding:10px 12px}
.agent-process-outro{max-width:1320px;margin-top:20px;gap:24px;flex-wrap:wrap}
.agent-process-outro p{max-width:540px}
.agent-sequence-replay{display:none;align-items:center;gap:8px;font:inherit;font-size:18px;line-height:1.4;color:#fff;background:none;border:0;border-bottom:1px solid #888;padding:10px 0;min-height:44px;cursor:pointer}
.agent-cards-enhanced .agent-sequence-replay{display:inline-flex}
.agent-sequence-replay:focus-visible{outline:2px solid #fff;outline-offset:4px}
.agent-sequence-paused .tb-story-inner{transition:none}
@media(max-width:1199px){.agent-process-grid{grid-template-columns:none;grid-auto-columns:260px}.agent-process-step:last-child{grid-column:auto;width:auto}.agent-process-intro{gap:32px}}
@media(max-width:640px){.agent-process{padding:56px 20px}.agent-process-grid{grid-auto-columns:min(280px,calc(100vw - 64px));max-width:100%;gap:14px}.agent-process-intro{margin-bottom:24px;gap:24px}.agent-process-intro p:not(.eyebrow){font-size:18px}.agent-process-outro{display:flex;align-items:flex-start;gap:18px}.agent-process-outro>a{margin-top:0}.tb-story-identity h3{font-size:32px}}
@media(prefers-reduced-motion:reduce){.agent-cards-enhanced .tb-story-inner{height:auto;min-height:0;transform:none!important;transition:none!important}.agent-cards-enhanced .tb-story-face{position:relative;inset:auto;transform:none!important;backface-visibility:visible;visibility:visible!important;height:auto;min-height:0}.agent-cards-enhanced .tb-story-brand{display:none}.agent-cards-enhanced .tb-story-agent{height:180px}.agent-cards-enhanced .tb-story-explanation{display:flex;gap:16px}.agent-cards-enhanced .tb-story-flip,.agent-cards-enhanced .agent-sequence-replay{display:none}}
