/* Response 24 Hours — Release 11, native scroll story. No external libraries. */
.call-story .intro-v11{padding:68px 0 58px;background:#fff}
.call-story .intro-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:78px;align-items:end}
.call-story .intro-v11 h1{font-size:clamp(46px,4.75vw,70px);line-height:1.05;letter-spacing:-.055em;max-width:820px}
.call-story .intro-v11 h1 span{color:#677990}
.call-story .intro-v11 .eyebrow{margin-bottom:23px}
.call-story .intro-copy{padding-bottom:4px}.call-story .intro-copy .lede{font-size:17px;line-height:1.75;max-width:390px}
.call-story .intro-audience{font-size:13px;color:#62748b;margin-top:16px}
.call-story .intro-copy .actions{margin-top:25px;gap:14px 22px}.call-story .intro-copy .text-link{font-size:12px;gap:12px}
/* A complete, static story is the baseline. Motion is progressive enhancement. */
.call-story{--pin-height:min(732px,calc(100svh - 84px));--story-progress:0;--caller-y:0px;--agent-y:0px;--back-y:0px;background:#f5f7f9;border-block:1px solid #e5e9ef;position:relative}
.call-story .story-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;padding-top:47px;padding-bottom:39px}
.call-story .story-section-heading h2{font-size:clamp(34px,3vw,45px);letter-spacing:-.045em;line-height:1.09}
.call-story .story-section-heading .eyebrow{font-size:10px;margin-bottom:14px}
.call-story .story-section-actions{max-width:385px;padding-bottom:4px}.call-story .story-section-actions>p{font-size:14px;color:#5c6f84;line-height:1.75}
.call-story .story-section-actions>div{display:flex;align-items:center;gap:22px;margin-top:15px}
.call-story .motion-toggle{border:1px solid #c5ced9;background:transparent;border-radius:30px;padding:7px 14px;min-height:40px;font-size:11px;font-weight:600;color:#213c58}
.call-story .motion-toggle:hover{background:#fff;border-color:#8da2b9}.call-story .motion-toggle[aria-pressed="true"]{background:#fff}
.call-story .motion-toggle:disabled{opacity:.72;cursor:default}
.call-story .story-skip{font-size:12px;display:inline-flex;align-items:center;gap:10px;padding:8px 0;color:#234765;min-height:40px}
.call-story .story-skip:hover{text-decoration:underline;text-underline-offset:4px}.call-story .motion-note{display:block;font-size:10px;color:#65758a;line-height:1.5;margin-top:7px;min-height:15px}
.call-story .story-scroll{display:none}.call-story[data-mode="scroll"] .story-scroll{display:block;height:calc(var(--pin-height) + 172svh);position:relative}
.call-story[data-mode="scroll"] .story-static{display:none}
.call-story .story-pin{position:sticky;top:84px;height:var(--pin-height);display:flex;align-items:center;overflow:clip;background:#f5f7f9;border-top:1px solid #e3e8ee}
.call-story .story-pin>.shell{width:min(calc(100% - 96px),1120px)}
.call-story .scene-copy{display:grid;grid-template-columns:1.1fr .8fr;gap:90px;align-items:center;min-height:114px;padding:20px 0 10px}
.call-story .chapter-kicker{font-size:10px;line-height:1.3;letter-spacing:.045em;color:#5a6e84;display:flex;align-items:center;gap:15px;margin:0 0 11px}.call-story .chapter-kicker>span:first-child{font-size:10px;letter-spacing:.08em;color:var(--red);font-weight:700;white-space:nowrap}
.call-story .scene-copy h3{font-size:clamp(27px,2.55vw,35px);line-height:1.12;letter-spacing:-.041em;font-weight:620}
.call-story .scene-copy>p{font-size:13px;line-height:1.75;color:#5e7188;max-width:48ch}
.call-story .scene-canvas{height:338px;position:relative;isolation:isolate;margin-block:5px 11px}
.call-story .scene-backdrop{position:absolute;inset:15px 7% 20px;border-radius:50%;background:radial-gradient(ellipse at 50% 65%,#dce6f175 0%,#e8edf540 47%,transparent 71%);transform:translateY(var(--back-y));z-index:-3}
.call-story .scene-tag{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.19em;color:#667c92;white-space:nowrap}
.call-story .connection-rail{position:absolute;left:18%;right:18%;top:47%;height:1px;background:#c0cedd;z-index:-1}
.call-story .rail-progress{height:2px;position:absolute;left:0;right:0;top:0;background:#c4192c;transform:scaleX(var(--story-progress));transform-origin:left}
.call-story .call-packet{position:absolute;top:0;left:calc(var(--story-progress) * 100%);transform:translate(-50%,-50%);width:33px;height:33px;background:var(--red);border:5px solid #f5f7f9;border-radius:50%;color:white;display:grid;place-items:center;box-shadow:0 0 0 1px #e2d3d8}
.call-story .call-packet .icon{width:13px;height:13px;stroke-width:2}
.call-story .caller-wrap,.call-story .agent-wrap{position:absolute;top:30px;width:clamp(208px,21vw,255px);transform:translateY(var(--caller-y));z-index:2}
.call-story .caller-wrap{left:0}.call-story .agent-wrap{right:0;transform:translateY(var(--agent-y))}
.call-story .human-panel{margin:0;overflow:hidden;border-radius:13px;background:#fff;border:1px solid #dfe5eb;box-shadow:0 18px 34px -27px #17334980;transition:opacity .22s,box-shadow .22s}
.call-story .human-photo{height:224px;overflow:hidden;background:#d5e0e9;position:relative}.call-story .human-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 39%;transform:scale(1.045) translateY(calc(var(--caller-y) * -.28));display:block}
.call-story .agent-panel .human-photo img{transform:scale(1.045) translateY(calc(var(--agent-y) * -.25));object-position:50% 38%}
.call-story .human-panel figcaption{min-height:62px;padding:12px 13px;display:flex;align-items:center;gap:11px;text-align:left}
.call-story .human-icon{width:32px;height:32px;background:#edf3f8;color:#234763;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.call-story .human-icon .icon{width:15px;height:15px}
.call-story .human-panel figcaption small{font-size:8px;letter-spacing:.1em;line-height:1.3;color:#63788e;display:block;margin-bottom:4px}
.call-story .human-panel figcaption strong{font-size:12px;line-height:1.3;display:block;font-weight:650;color:#132d48}
.call-story .system-wrap,.call-story .record-wrap{position:absolute;left:50%;top:13px;transform:translateX(-50%);width:310px;z-index:3}
.call-story .routing-panel,.call-story .record-panel{background:#fff;border:1px solid #dae3ec;border-radius:14px;box-shadow:0 20px 40px -30px #14365790;overflow:hidden;text-align:left}
.call-story .routing-brand{padding:16px 20px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8edf2;gap:8px}
.call-story .routing-brand img{width:159px;height:auto}.call-story .routing-brand>span{font-size:7px;letter-spacing:.12em;color:#60748a;white-space:nowrap}
.call-story .routing-title{padding:16px 22px 13px;font-size:23px;line-height:1.12;letter-spacing:-.035em;font-weight:650;color:#142c47}
.call-story .routing-rows{padding:0 22px 13px;display:grid;gap:13px}
.call-story .routing-rows>div{display:flex;align-items:center;gap:11px}
.call-story .route-bullet{width:29px;height:29px;background:#edf2f7;border-radius:8px;display:grid;place-items:center;flex-shrink:0;color:#294968;font-size:13px;font-weight:650}.call-story .route-bullet .icon{width:14px;height:14px}
.call-story .routing-rows small{display:block;font-size:9px;color:#64798d;line-height:1.2;margin-bottom:3px}
.call-story .routing-rows strong{display:block;font-size:12px;line-height:1.25;font-weight:600;color:#213d58}
.call-story .routing-foot{font-size:9px;font-weight:520;color:#49617b;background:#f5f8fa;padding:10px 22px;border-top:1px solid #e8edf2}
.call-story .record-top{display:flex;align-items:center;gap:10px;padding:20px 22px 16px;background:#fff}
.call-story .record-symbol{width:30px;height:30px;border-radius:50%;background:#eaf4ee;color:#25654f;display:grid;place-items:center}.call-story .record-symbol .icon{width:17px;height:17px}
.call-story .record-top small{display:block;color:#677b8d;font-size:8px;letter-spacing:.055em;margin-bottom:3px}
.call-story .record-top strong{font-size:23px;line-height:1.2;font-weight:640;color:#142d48;letter-spacing:-.036em}
.call-story .record-facts{margin:0;padding:0 22px}.call-story .record-facts>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid #e9edf2;font-size:11px;line-height:1.4}.call-story .record-facts dt{color:#5f7185}.call-story .record-facts dd{margin:0;font-weight:580;color:#173852;text-align:right}.call-story .record-facts .connection-state{color:#176444}
.call-story .record-caveat{font-size:9px;line-height:1.55;color:#60758b;padding:8px 22px 12px}
.call-story .record-link{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;min-height:44px;padding:12px 22px;color:#fff;background:#09233c;font-weight:550}.call-story .record-link .icon{width:15px;height:15px}.call-story .record-link:hover{background:#203f60}
.call-story[data-stage="0"] .system-wrap{opacity:.73}.call-story[data-stage="0"] .agent-panel{opacity:.58}
.call-story[data-stage="1"] .caller-panel,.call-story[data-stage="1"] .agent-panel{opacity:.66}
.call-story[data-stage="2"] .caller-panel{opacity:.64}.call-story[data-stage="2"] .system-wrap{opacity:.88}
.call-story[data-stage="2"] .agent-panel{box-shadow:0 0 0 3px #d2e3dc,0 20px 35px -30px #17334980}
.call-story[data-stage="3"] .human-panel{opacity:.57}
.call-story[data-stage="1"] .routing-panel{border-color:#abbfd3;box-shadow:0 0 0 3px #e2e9f0,0 20px 40px -30px #14365790}
.call-story .system-wrap{transition:opacity .2s}
.call-story .story-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0;border-top:1px solid #dce4ec}
.call-story .story-steps li{min-width:0}.call-story .story-steps button{position:relative;background:transparent;width:100%;display:flex;gap:12px;align-items:center;min-height:57px;padding:17px 10px;text-align:left;font-size:11px;line-height:1.35;color:#5b7087}
.call-story .story-steps button>.step-label{max-width:17ch}
.call-story .story-steps .step-number{font-size:9px;color:#8292a3;font-weight:650;white-space:nowrap}
.call-story .story-steps button[aria-current="step"]{color:#102c47;font-weight:650}.call-story .story-steps button[aria-current="step"] .step-number{color:var(--red)}
.call-story .step-underline{position:absolute;top:-1px;height:2px;left:0;right:0;background:transparent}
.call-story .story-steps button[aria-current="step"] .step-underline{background:var(--red)}
.call-story .story-steps button:hover{background:#eaf0f5}
.call-story .story-bottom{padding:6px 0 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;color:#61748b}
.call-story .story-bottom a{display:inline-flex;align-items:center;gap:8px;color:#214464;font-size:10px;padding:8px 0;min-height:32px}.call-story .story-bottom a .icon{width:13px;height:13px}
.call-story .scroll-hint{display:inline-flex;align-items:center;gap:13px;color:#4c667f;font-size:10px}
/* Without animation: read the same four moments in an ordinary, accessible flow. */
.call-story .story-static{padding-bottom:38px;max-width:1120px}
.call-story .static-chapter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px;padding:35px 0;border-top:1px solid #dde5ec;align-items:center}
.call-story .static-copy{max-width:485px}.call-story .static-copy h3{font-size:clamp(29px,2.8vw,38px);line-height:1.14;letter-spacing:-.035em}
.call-story .static-copy>p:not(.chapter-kicker){font-size:14px;line-height:1.75;color:#5e7185;margin-top:18px;max-width:45ch}
.call-story .static-visual{max-width:340px;width:100%;justify-self:center}.call-story .static-visual .human-panel{max-width:270px;margin-inline:auto}
.call-story .static-visual .human-photo{height:246px}.call-story .static-visual .routing-title{font-size:26px;padding-top:23px}.call-story .static-visual .routing-rows{padding-block:7px 20px;gap:18px}
.call-story .static-disclosure{font-size:10px;line-height:1.7;color:#64788c;border-top:1px solid #e1e7ed;padding-top:22px}
@media (min-width:1500px){.call-story .intro-v11{padding-block:81px 62px}.call-story .scene-copy h3{font-size:36px}}
@media (max-width:1100px){.call-story .intro-grid{gap:40px}.call-story .intro-v11 h1{font-size:53px}.call-story .intro-copy .lede{font-size:16px}.call-story .story-pin>.shell{width:calc(100% - 64px)}.call-story .scene-copy{gap:55px}.call-story .caller-wrap,.call-story .agent-wrap{width:215px}.call-story .system-wrap,.call-story .record-wrap{width:284px}.call-story .routing-brand img{width:140px}.call-story .human-photo{height:210px}.call-story .scene-canvas{height:330px}.call-story .scene-tag{font-size:7px}.call-story .story-bottom{font-size:8px}.call-story .scroll-hint{font-size:9px}.call-story .story-steps button{font-size:10px}}
@media (max-height:770px) and (min-width:960px){.call-story .scene-copy{min-height:101px;padding-top:14px;padding-bottom:5px}.call-story .scene-copy h3{font-size:29px}.call-story .scene-copy>p{font-size:12px}.call-story .scene-canvas{height:325px;margin-block:0 7px}.call-story .story-steps button{min-height:51px;padding-block:13px}.call-story .story-bottom{padding-block:1px 9px}.call-story .human-photo{height:204px}.call-story .caller-wrap,.call-story .agent-wrap{top:32px}.call-story .system-wrap,.call-story .record-wrap{top:9px}.call-story .record-top{padding-top:14px;padding-bottom:11px}.call-story .record-facts>div{padding-block:8px}}
@media (max-width:959px){.call-story .intro-v11{padding:47px 0 44px}.call-story .intro-grid{grid-template-columns:1fr;gap:24px}.call-story .intro-v11 h1{font-size:clamp(43px,6.4vw,62px);max-width:740px}.call-story .intro-copy .lede{max-width:600px;font-size:17px}.call-story .intro-copy .actions{margin-top:22px}.call-story .intro-audience{margin-top:11px}.call-story .story-section-heading{gap:28px;padding-top:37px;padding-bottom:28px}.call-story .story-section-heading h2{font-size:36px}.call-story .story-section-actions{max-width:270px}.call-story .story-section-actions>p{font-size:12px}.call-story .story-section-actions>div{gap:13px}.call-story .story-section-heading .eyebrow{font-size:9px}.call-story .static-chapter{gap:42px}.call-story .static-copy h3{font-size:30px}.call-story .static-copy>p:not(.chapter-kicker){font-size:13px}.call-story .static-visual{max-width:285px}.call-story .static-visual .human-photo{height:226px}.call-story .static-visual .human-panel{max-width:250px}}
@media (max-width:600px){.call-story .intro-v11{padding:37px 0}.call-story .intro-grid{gap:23px}.call-story .intro-v11 h1{font-size:43px;letter-spacing:-.049em}.call-story .intro-v11 .eyebrow{font-size:9px;margin-bottom:18px}.call-story .intro-v11 .desktop-br{display:none}.call-story .intro-copy .lede{font-size:15px;line-height:1.7}.call-story .intro-audience{font-size:12px}.call-story .intro-copy .actions{gap:10px 20px}.call-story .intro-copy .button{font-size:12px;padding:12px 17px;min-height:46px}.call-story .intro-copy .text-link{font-size:12px}.call-story .story-section-heading{display:block;padding-block:29px 24px}.call-story .story-section-heading h2{font-size:34px}.call-story .story-section-actions{margin-top:18px;max-width:none;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.call-story .story-section-actions>p{max-width:200px;font-size:11px}.call-story .story-section-actions>div{margin:0;flex-shrink:0}.call-story .story-section-actions .motion-note{display:none}.call-story .story-skip{font-size:10px;min-height:32px}.call-story .static-chapter{grid-template-columns:1fr;gap:23px;padding:30px 0 34px}.call-story .static-copy{max-width:100%}.call-story .static-copy h3{font-size:27px}.call-story .static-copy .chapter-kicker{font-size:10px;margin-bottom:10px}.call-story .static-copy>p:not(.chapter-kicker){font-size:13px;line-height:1.75;margin-top:12px}.call-story .static-visual{max-width:340px}.call-story .static-visual .human-panel{max-width:100%;display:grid;grid-template-columns:138px 1fr;min-height:146px;border-radius:12px;box-shadow:none}.call-story .static-visual .human-photo{height:100%;min-height:146px}.call-story .static-visual .human-panel figcaption{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;padding:15px}.call-story .static-visual .human-panel figcaption small{font-size:7px}.call-story .static-visual .human-panel figcaption strong{font-size:12px}.call-story .static-visual .human-icon{width:28px;height:28px}.call-story .static-visual .routing-panel,.call-story .static-visual .record-panel{box-shadow:none;border-radius:12px}.call-story .static-visual .routing-title{padding:16px 20px 12px;font-size:22px}.call-story .static-visual .routing-brand{padding:12px 20px}.call-story .static-visual .routing-brand img{width:155px}.call-story .static-visual .routing-rows{padding:0 20px 16px;gap:13px}.call-story .static-visual .routing-title br{display:none}.call-story .static-visual .record-top{padding:16px 20px 12px}.call-story .static-visual .record-facts>div{padding-block:9px}.call-story .static-disclosure{font-size:9px}.call-story .story-static{padding-bottom:27px}}
@media (prefers-reduced-motion:reduce){.call-story *{transition:none!important;animation:none!important}.call-story .human-photo img{transform:none!important}.call-story .scene-backdrop,.call-story .caller-wrap,.call-story .agent-wrap{transform:none!important}}
@media  print{.call-story .story-scroll,.call-story .motion-toggle,.call-story .story-skip{display:none!important}.call-story .story-static{display:block!important}.call-story .static-chapter{break-inside:avoid}.call-story{background:white}.call-story .site-header{position:static}}

/* Final visual review: opaque software, clear static photography, accessible pinned controls. */
.call-story .intro-v11 h1 br{display:block}
.call-story .system-wrap{opacity:1!important}
.call-story[data-stage="0"] .agent-panel{opacity:.78}
.call-story[data-stage="1"] .caller-panel,.call-story[data-stage="1"] .agent-panel{opacity:.81}
.call-story[data-stage="2"] .caller-panel{opacity:.82}
.call-story[data-stage="3"] .human-panel{opacity:.76}
.call-story .story-static .human-panel{opacity:1!important;box-shadow:none!important}
.call-story .scene-tag{display:none}
.call-story .story-bottom .inline-motion{font-size:10px;min-height:36px;padding:5px 11px;white-space:nowrap}
.call-story .story-static .human-photo img{transform:none}
@media (max-width:600px){.call-story .intro-v11 h1{font-size:42px}.call-story .intro-v11 h1 br{display:block}.call-story .story-static .human-panel{opacity:1!important}}
.call-story .connection-rail{left:clamp(208px,21vw,255px);right:clamp(208px,21vw,255px)}
@media (max-width:1100px){.call-story .connection-rail{left:215px;right:215px}}
.call-story .motion-toggle[aria-pressed="true"]::before{content:"✓ ";color:#245b47}

/* Release 12: visible independent depth and a mobile scroll camera. */
.call-story{--caller-x:0px;--caller-y:0px;--agent-x:0px;--agent-y:0px;--system-x:0px;--system-y:0px;--record-x:0px;--record-y:0px;--caller-scale:1;--agent-scale:1;--system-scale:1;--record-scale:1;--system-opacity:1;--record-opacity:0;--caller-opacity:1;--agent-opacity:1;--photo-depth:0px;--header-height:84px;--pin-height:min(760px,calc(100svh - var(--header-height)));--rail-shift:0px}
.call-story[data-mode="scroll"] .story-scroll{display:block;height:calc(var(--pin-height) + 190svh)}
.call-story .story-pin{top:var(--header-height);height:var(--pin-height);display:block;overflow:clip;background:#f5f7f9}
.call-story .story-pin>.shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;width:min(calc(100% - 72px),1220px)}
.call-story .scene-copy{min-height:126px;gap:50px;padding:23px 0 12px;grid-template-columns:1.15fr 1fr}
.call-story .scene-copy h3{font-size:clamp(27px,2.6vw,36px);line-height:1.13}
.call-story .scene-copy>p{font-size:14px;max-width:46ch}
.call-story .scene-canvas{height:auto;min-height:0;margin:0;overflow:clip;width:100%;isolation:isolate;border-radius:16px}
.call-story .scene-backdrop{inset:-50px -30px;background:radial-gradient(ellipse at 50% 50%,#d4e1ed8c,transparent 62%),repeating-linear-gradient(90deg,transparent 0 80px,#b7c8d521 80px 81px);border-radius:0;transform:translate3d(var(--back-x),var(--back-y),0);z-index:-2}
.call-story .caller-wrap,.call-story .agent-wrap{top:50%;width:clamp(230px,22vw,274px);will-change:transform}
.call-story .caller-wrap{left:3%;right:auto;transform:translateY(-50%) translate3d(var(--caller-x),var(--caller-y),0) scale(var(--caller-scale));opacity:var(--caller-opacity)}
.call-story .agent-wrap{right:3%;left:auto;transform:translateY(-50%) translate3d(var(--agent-x),var(--agent-y),0) scale(var(--agent-scale));opacity:var(--agent-opacity)}
.call-story .system-wrap,.call-story .record-wrap{top:50%;left:50%;width:326px;will-change:transform}
.call-story[data-mode="scroll"] .system-wrap{transform:translate(-50%,-50%) translate3d(var(--system-x),var(--system-y),0) scale(var(--system-scale));opacity:var(--system-opacity)!important;transition:none}
.call-story[data-mode="scroll"] .record-wrap{transform:translate(-50%,-50%) translate3d(var(--record-x),var(--record-y),0) scale(var(--record-scale));opacity:var(--record-opacity);transition:none}
.call-story .human-panel{opacity:1!important;transition:none!important;box-shadow:0 18px 34px -27px #17334980!important}
.call-story .human-photo{height:232px}
.call-story .caller-panel .human-photo img{transform:scale(1.16) translate3d(0,var(--photo-depth),0);will-change:transform}
.call-story .agent-panel .human-photo img{transform:scale(1.16) translate3d(0,calc(var(--photo-depth) * -.65),0);will-change:transform}
.call-story .human-panel figcaption{min-height:68px}.call-story .human-panel figcaption strong{font-size:13px}.call-story .human-panel figcaption small{font-size:9px}
.call-story .routing-brand{background:white}.call-story .routing-brand img{width:158px;filter:none;mix-blend-mode:normal}.call-story .routing-brand>span{font-size:8px}
.call-story .routing-title{font-size:25px}.call-story .routing-rows small{font-size:10px}.call-story .routing-rows strong{font-size:13px}.call-story .routing-rows{gap:14px}.call-story .routing-foot{font-size:10px}
.call-story .record-top strong{font-size:24px}.call-story .record-top small{font-size:9px}.call-story .record-facts>div{font-size:12px}.call-story .record-caveat{font-size:10px}.call-story .record-link{font-size:13px}
.call-story .connection-rail{left:12%;right:12%;top:52%;z-index:-1;transform:translateY(calc(var(--back-y) * -.5))}.call-story .call-packet{height:38px;width:38px;border-width:5px}.call-story .rail-progress{height:2px}.call-story .call-packet .icon{width:16px;height:16px}
.call-story .story-steps button{min-height:62px;font-size:12px;gap:12px}.call-story .story-steps .step-number{font-size:10px}
.call-story .story-bottom{min-height:48px;padding:4px 0 12px}.call-story .story-bottom>p{font-size:10px}.call-story .story-bottom .inline-motion{min-height:34px;font-size:11px}.call-story .story-bottom a{font-size:11px}.call-story .scroll-hint{font-size:11px}
.call-story .motion-toggle{background:#fff;min-height:40px}.call-story .motion-toggle[aria-pressed="false"]::before{content:"● ";color:#28785c}.call-story .motion-toggle[aria-pressed="true"]::before{content:""}
.call-story .story-static .human-photo img{transform:none!important;will-change:auto!important}
.call-story .site-logo img,.call-story .footer-mark,.call-story .brand-art img{filter:none!important;mix-blend-mode:normal!important}
.call-story .brand-art{background:#fff}.call-story .brand-art.dark{background:#000}
@media (max-width:1100px) and (min-width:960px){.call-story .story-pin>.shell{width:calc(100% - 40px)}.call-story .system-wrap,.call-story .record-wrap{width:292px}.call-story .caller-wrap,.call-story .agent-wrap{width:226px}.call-story .caller-wrap{left:2%}.call-story .agent-wrap{right:2%}.call-story .routing-brand img{width:135px}.call-story .scene-copy{gap:32px}.call-story .scene-copy>p{font-size:12px}}
@media (max-height:770px){.call-story .scene-copy{min-height:100px;padding-block:13px 7px}.call-story .scene-copy h3{font-size:28px}.call-story .scene-copy>p{font-size:12px}.call-story .story-steps button{min-height:52px;padding-block:10px}.call-story .story-bottom{min-height:41px;padding-block:3px 8px}}
/* Smaller screens keep the effect: one readable card at a time, with a moving camera. */
@media (max-width:959px){
 .call-story .story-pin>.shell{width:calc(100% - 32px)}
 .call-story .scene-copy{display:block;min-height:119px;padding:14px 4px 7px;max-width:700px;margin-inline:auto;width:100%}
 .call-story .chapter-kicker{font-size:10px;margin-bottom:8px}.call-story .scene-copy h3{font-size:28px;line-height:1.15}.call-story .scene-copy>p{display:none}
 .call-story .scene-canvas{border-radius:13px}
 .call-story .caller-wrap,.call-story .agent-wrap,.call-story .system-wrap,.call-story .record-wrap{left:50%;right:auto;top:50%;width:min(326px,calc(100% - 40px))}
 .call-story .caller-wrap{transform:translate(-50%,-50%) translate3d(var(--caller-x),var(--caller-y),0) scale(var(--caller-scale))}
 .call-story .agent-wrap{transform:translate(-50%,-50%) translate3d(var(--agent-x),var(--agent-y),0) scale(var(--agent-scale))}
 .call-story .human-photo{height:245px}.call-story .human-panel figcaption{min-height:62px}
 .call-story .connection-rail{left:50%;right:auto;width:324%;top:54%;transform:translate3d(var(--rail-shift),calc(var(--back-y) * -.5),0)}
 .call-story .story-steps{margin-top:4px}.call-story .story-steps button{min-height:56px;padding:9px 4px;gap:4px;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:10px;line-height:1.25}.call-story .story-steps .step-number{font-size:9px}.call-story .story-steps button>.step-label{max-width:14ch}
 .call-story .story-bottom{display:grid;grid-template-columns:1fr auto;gap:0 12px;padding-block:7px 9px;min-height:68px}.call-story .story-bottom>p{font-size:8px;grid-column:1/-1;line-height:1.4;margin-bottom:3px}.call-story .story-bottom .scroll-hint{display:none}.call-story .story-bottom .inline-motion{justify-self:start;font-size:10px;min-height:32px;padding:5px 12px}.call-story .story-bottom a{min-height:32px;font-size:10px;justify-self:end}
 .call-story .story-section-actions{flex-wrap:wrap}.call-story .story-section-actions>div{flex-wrap:wrap;gap:10px}.call-story .story-section-actions .motion-note{display:block;width:100%;font-size:10px;margin-top:4px}
}
@media (max-width:600px){
 .call-story .intro-v11 h1{font-size:42px}.call-story .story-section-heading{padding-block:30px 24px}.call-story .story-section-heading h2{font-size:32px}.call-story .story-section-actions{display:block;margin-top:16px}.call-story .story-section-actions>p{max-width:none;font-size:12px}.call-story .story-section-actions>div{margin-top:12px;display:flex;justify-content:space-between}
 .call-story .scene-copy h3{font-size:27px}.call-story .scene-copy{min-height:114px}.call-story .scene-copy .chapter-kicker{font-size:10px}
}
/* Landscape / short laptop viewports adapt their geometry, not their activation. */
@media (max-height:520px){
 .call-story .story-pin>.shell{width:calc(100% - 24px)}.call-story .scene-copy{min-height:68px;padding:7px 0 3px;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:none}.call-story .scene-copy h3{font-size:20px;line-height:1.1}.call-story .scene-copy .chapter-kicker{font-size:9px;margin-bottom:4px}.call-story .scene-copy>p{display:none}
 .call-story .story-steps button{min-height:37px;font-size:9px;padding-block:4px;flex-direction:row;gap:7px}.call-story .story-steps .step-number{font-size:8px}.call-story .story-bottom{min-height:30px;display:flex;padding-block:0 2px;gap:10px}.call-story .story-bottom>p{display:none}.call-story .story-bottom .inline-motion{min-height:27px;font-size:9px}.call-story .story-bottom a{min-height:27px;font-size:10px}.call-story .story-bottom .scroll-hint{display:block;font-size:9px}
 .call-story .scene-canvas{margin:0}.call-story .story-steps{margin:0}
}
@media (prefers-reduced-motion:reduce){.call-story .story-static *{transition:none!important;animation:none!important;will-change:auto!important}.call-story .story-static .human-photo img{transform:none!important}}

/* Release 13 — the call story starts directly, without its deleted heading or controls. */
.call-story .story-pin{border-top:0}
.call-story .story-steps button{gap:0}
.call-story .story-steps .step-label{display:block;white-space:normal}
.call-story .chapter-kicker{gap:0}
.call-story .chapter-kicker [data-stage-label]{white-space:normal;color:#5a6e84;font-weight:650;letter-spacing:.045em}
.call-story .story-bottom{display:flex;align-items:center;justify-content:flex-start;min-height:34px;padding:7px 0 10px;gap:0}
.call-story .story-bottom>p{margin:0;line-height:1.5}
@media (max-width:959px){
 .call-story .story-bottom{min-height:30px;padding:6px 4px 9px}
 .call-story .story-bottom>p{font-size:8px}
 .call-story .story-steps button{min-height:48px}
}
@media (max-height:520px){
 .call-story .story-bottom{min-height:22px;padding:2px 0 4px}
 .call-story .story-bottom>p{display:block;font-size:8px}
 .call-story .story-steps button{min-height:34px}
}