/* Response 24 Hours v16 — layered hardware, original human story; no remote assets. */
.r16 .scene-core{transform:perspective(1400px) rotateX(17deg) rotateY(-15deg) rotateZ(-8deg)}
.r16 .base-hardware,.r16 .static-keypad{transform-origin:420px 300px}
.r16 .handset-hardware{transform-origin:214px 289px}
.r16 .morph-screen{left:319px;top:110px;width:279px;height:144px;border-radius:3px;background:#dfeaf1;border:1px solid #73859a;box-shadow:inset 0 1px 4px #07172b66}
.r16 .phone-display{padding:0;background:linear-gradient(150deg,#dce9f3,#f1f7fa 68%,#deebf3);color:#183049}
.r16 .phone-display-top{height:25px;margin:0 12px;border-bottom:1px solid #b7cddd;font-size:8px;gap:5px;font-weight:600}
.r16 .lcd-dot{height:4px;width:4px;background:#65838f;box-shadow:0 0 0 2px #8cafbc20}
.r16 .phone-network{margin-left:auto;width:12px;height:12px}
.r16 .phone-network svg{width:12px;height:12px;stroke:#647a8c;stroke-width:1.5;fill:none}
.r16 .phone-display-main{margin:18px 15px 0;gap:12px}
.r16 .phone-call-symbol{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;border:1px solid #becfdd;background:#d0e0eb66}
.r16 .phone-call-symbol .icon{width:20px;height:20px;stroke:#415f76;stroke-width:1.3}
.r16 .phone-display-main small{font-size:9px;margin-bottom:5px;color:#536f86}
.r16 .phone-display-main strong{font-size:22px;letter-spacing:-.035em;font-weight:500}
.r16 .phone-display-foot{position:absolute;bottom:0;left:0;right:0;height:24px;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;background:#cddfeacc;border-top:1px solid #b3c8d7;font-size:7px;text-align:center}
.r16 .phone-display-foot span+span{border-left:1px solid #b4c9d7}
.r16 .lcd-reflection{position:absolute;inset:0;background:linear-gradient(121deg,#ffffff38 0%,#ffffff04 39%,#ffffff00 39.3%,#ffffff00 74%,#ffffff18 74.3%,#ffffff00 88%);pointer-events:none}
.r16 .static-key,.r16 .flow-node{width:56px;height:30px;border-radius:5px;border:1px solid #778495;background:#303b49;box-shadow:0 3px 0 #070d16,inset 0 1px 1px #dee7f440}
.r16 .static-key{background:linear-gradient(175deg,#5e6a7b 0%,#414e60 12%,#2e3b4e 82%,#253044)}
.r16 .flow-node:before{content:"";position:absolute;inset:0;background:linear-gradient(175deg,#ffffff28,#ffffff06 25%,#00000012 82%,#00000035);opacity:var(--key-sheen,1);pointer-events:none}
.r16 .key-number{font-size:13px;padding-bottom:7px;color:#e8eef8;text-shadow:0 -1px #0c1b30}
.r16 .key-number small{font-size:4px;letter-spacing:.8px;bottom:3px;color:#bac9dc}
.r16 .static-key:nth-child(2):after{content:"";position:absolute;left:50%;bottom:1px;width:7px;height:1px;background:#90a0b5;transform:translateX(-50%);box-shadow:0 1px #18283b}
.r16 .cable-track{stroke:#111822;stroke-width:5.6;stroke-linecap:round;stroke-linejoin:round}
.r16 .cable-highlight{fill:none;stroke:#818b98;stroke-width:1.1;opacity:.48;stroke-linecap:round;stroke-linejoin:round}
.r16 .chapter-index{min-height:26px}
.r16 .chapter-navigation>button{gap:10px}
.r16 .technology-row{padding-left:0}
.r16 .row-icon{margin-left:0}
.r16 .story-controls-top{justify-content:flex-start}
.r16 .story-controls-top .motion-toggle{display:none}
/* The complete caller → route → agent → record scene follows the opening morph. */
.r16 .call-story{background:#f3f6f8;border-top:1px solid #e0e5e8;border-bottom:1px solid #e0e5e8;scroll-margin-top:var(--header-height)}
.r16 .call-story .story-pin{background:#f3f6f8}
.r16 .call-story .story-pin>.shell{width:min(calc(100% - 112px),1240px)}
.r16 .call-story .scene-copy{padding-top:34px;padding-bottom:15px;min-height:140px}
.r16 .call-story .chapter-kicker [data-stage-label]{font-weight:700;color:var(--red);font-size:11px}
.r16 .call-story .scene-copy h3{font-size:clamp(30px,3.2vw,43px);font-weight:500;letter-spacing:-.047em;line-height:1.12}
.r16 .call-story .scene-copy>p{color:#526473;line-height:1.8;font-size:14px;max-width:46ch}
.r16 .call-story .scene-backdrop{background:radial-gradient(ellipse at 50% 50%,#d4e1ed80,transparent 64%),repeating-linear-gradient(90deg,transparent 0 95px,#aebfce20 95px 96px)}
.r16 .call-story .routing-title{font-weight:500;letter-spacing:-.04em}
.r16 .call-story .routing-panel,.r16 .call-story .record-panel{border-radius:12px}
.r16 .call-story .human-panel{border-radius:12px}
.r16 .call-story .story-steps button{font-size:12px;min-height:60px;padding-left:0;padding-right:16px}
.r16 .call-story .story-steps button>.step-label{max-width:24ch}
.r16 .call-story .story-steps button[aria-current="step"]{color:var(--ink);font-weight:700}
.r16 .call-story .story-bottom{padding-bottom:16px;min-height:40px}
.r16 .call-story .story-bottom>p{font-size:10px}
.r16 .call-story .call-packet{border-color:#f3f6f8}
.r16 .call-story .human-photo img{backface-visibility:hidden}
@media(max-width:1200px){.r16 .call-story .story-pin>.shell{width:calc(100% - 64px)}}
@media(max-width:959px){
 .r16 .call-story .story-pin>.shell{width:calc(100% - 32px)}
 .r16 .call-story .scene-copy{min-height:169px;padding-top:23px;padding-bottom:10px}
 .r16 .call-story .scene-copy h3{font-size:clamp(27px,4.7vw,39px)}
 .r16 .call-story .scene-copy>p{display:block;font-size:12px;line-height:1.65;margin-top:12px;max-width:56ch}
 .r16 .call-story .story-steps button{font-size:10px;min-height:55px;padding:10px 4px}
 .r16 .call-story .story-steps button>.step-label{max-width:14ch}
 .r16 .call-story .story-bottom{padding-bottom:10px;min-height:31px}
 .r16 .call-story .story-bottom>p{font-size:8px}
}
@media(max-width:760px) and (max-height:740px){
 .r16.motion-on .hero-pin{min-height:0}
 .r16 .hero-stage{padding-top:16px}
 .r16 .chapter-stack{height:204px;min-height:204px}
 .r16 .chapter-index{min-height:15px;margin-bottom:11px}
 .r16 .chapter-copy h1,.r16 .chapter-copy h2{font-size:43px;margin-bottom:10px}
 .r16 .chapter-description{font-size:11px;line-height:1.55}
 .r16 .r15-button{margin-top:10px;min-height:34px;padding:8px 12px}
 .r16 .visual-stage{min-height:165px}
 .r16 .story-controls{padding-bottom:8px}
 .r16 .chapter-navigation>button{padding-block:11px;min-height:42px}
 .r16 .story-controls-top{padding-bottom:5px;min-height:25px}
 .r16 .call-story .scene-copy{min-height:163px;padding-top:18px}
 .r16 .call-story .scene-copy h3{font-size:25px}
 .r16 .call-story .scene-copy>p{font-size:11px;margin-top:10px}
 .r16 .call-story .story-steps button{font-size:9px;min-height:47px}
}
@media(max-height:540px){
 .r16 .call-story .scene-copy{min-height:74px;padding:10px 0 5px;gap:20px;display:flex}
 .r16 .call-story .scene-copy h3{font-size:20px}
 .r16 .call-story .scene-copy>p{display:none}
 .r16 .call-story .story-steps button{min-height:37px;font-size:9px;padding-block:5px}
 .r16 .call-story .story-bottom{min-height:22px;padding-bottom:3px}
}
@media(prefers-reduced-motion:reduce){.r16 .call-story .static-chapter{scroll-margin-top:var(--header-height)}}
/* Short viewports retain natural scrolling without an oversized sticky panel. */
.r16.motion-on .hero-pin{min-height:0}
/* Compact portrait screens keep cards legible instead of shrinking a desktop card. */
@media(max-width:760px) and (max-height:620px){
 .r16 .call-story .scene-copy{min-height:150px;padding-top:14px}
 .r16 .call-story .scene-copy h3{font-size:23px}
 .r16 .call-story .scene-copy>p{line-height:1.55;margin-top:9px}
 .r16 .call-story .story-scroll .human-photo{height:185px}
 .r16 .call-story .routing-brand{padding:10px 16px 9px}
 .r16 .call-story .routing-brand img{width:135px}
 .r16 .call-story .routing-title{font-size:22px;padding:12px 16px 10px}
 .r16 .call-story .routing-rows{gap:9px;padding:0 16px 12px}
 .r16 .call-story .routing-rows strong{font-size:12px}
 .r16 .call-story .routing-foot{font-size:9px;padding:8px 16px}
 .r16 .call-story .record-top{padding:12px 16px 10px}
 .r16 .call-story .record-top strong{font-size:22px}
 .r16 .call-story .record-facts{padding:0 16px}
 .r16 .call-story .record-facts>div{font-size:11px;padding-block:6px}
 .r16 .call-story .record-caveat{font-size:9px;padding:6px 16px 8px}
 .r16 .call-story .record-link{min-height:38px;padding:10px 16px;font-size:12px}
}
/* One header offset, not scroll-padding plus scroll-margin applied twice. */
html{scroll-padding-top:var(--r24-anchor-offset,84px)}
.r16 .call-story,.r16 .call-story .static-chapter{scroll-margin-top:0}
@media(max-width:760px){html{--r24-anchor-offset:73px}}