/* Real product evidence sits directly after the fictional demonstration. */
.real-screen-bridge{margin:30px 0 0;padding:24px 20px;border:1px solid color-mix(in srgb,var(--blue,#2659a8) 24%,transparent);border-radius:18px;background:var(--paper,#fffdf7);color:var(--ink,#172e49);box-shadow:0 12px 32px #0b234308}
.real-screen-bridge h3{font-size:clamp(19px,4vw,25px);line-height:1.6;margin:9px 0 10px;letter-spacing:.01em}
.real-screen-bridge .bridge-copy>p{font-size:14px;line-height:1.9;margin:0 0 18px}
.real-screen-bridge figure{margin:0}
body .real-screen-bridge .official-screen{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:inherit;overflow:visible}
body .real-screen-bridge .official-screen figcaption{padding:0;background:transparent;color:inherit}
.bridge-screen-name{display:block;font-size:12px;font-weight:800;line-height:1.6;margin:0 0 9px}
.real-screen-bridge .bridge-image{display:block;position:relative;width:100%;padding:10px 14px;background:#141d29;border:1px solid #788293;border-radius:17px;overflow:hidden;box-shadow:0 9px 18px #08172d20}
.real-screen-bridge .bridge-image img{display:block;width:100%;height:auto;max-height:320px;object-fit:contain;border-radius:6px;background:#f3f5f8;transition:opacity .2s}
.bridge-zoom{display:block;font:700 12px/1.6 var(--sans,sans-serif);padding:9px 0 0;color:#fff;text-align:center}
.real-screen-bridge figcaption{font-size:11px;line-height:1.75;margin:10px 0 15px;opacity:.8}
.real-screen-bridge figure[data-device=phone]{width:min(100%,205px);margin:0 auto 15px}
.real-screen-bridge figure[data-device=phone] .bridge-image{border-radius:24px;padding:19px 8px 8px}
.real-screen-bridge figure[data-device=phone] .bridge-image img{max-height:295px}
.real-screen-bridge .bridge-image:focus-visible{outline:3px solid var(--gold,#c59635);outline-offset:5px}
.real-screen-bridge .feature-text-link{font-size:13px;min-height:44px;display:inline-flex;align-items:center}
.case-story[data-official-case]{padding:0;overflow:hidden;border-radius:15px}
.case-photo{aspect-ratio:16/9;max-height:235px;overflow:hidden;background:color-mix(in srgb,var(--blue,#2659a8) 9%,#fff)}
.case-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.case-content{padding:23px 23px 25px}
.case-content .case-shop{font-size:13px!important;font-weight:800;line-height:1.7;margin:8px 0 14px!important}
.case-content h4{font-size:22px;line-height:1.65;margin:0 0 12px}
.case-content>p{font-size:14px;line-height:1.95}
.case-content>small{display:block;font-size:11px;line-height:1.8;margin-top:14px}
body[data-vertical=host] .real-screen-bridge{--paper:#1e242d;--ink:#e7eaef;border-color:#65707f;background:#1e242d;color:#e7eaef}
body[data-vertical=host] .real-screen-bridge .setup-eyebrow,body[data-vertical=host] .real-screen-bridge .feature-text-link{color:#d8dee7}
body[data-vertical=host] .real-screen-bridge .official-screen,body[data-vertical=host] .real-screen-bridge .official-screen figcaption{background:transparent;color:inherit;border:0;box-shadow:none}
body[data-vertical=host] .case-photo{background:#171d24}
@media(max-width:350px){.real-screen-bridge{padding:20px 14px}.real-screen-bridge h3{font-size:19px}.case-content{padding:20px 17px}.case-content h4{font-size:20px}}
@media(prefers-reduced-motion:reduce){.real-screen-bridge *{transition:none!important}}

/* Let the whole service stage be visible while its story is in view. */
@media(max-width:1023px){
  .scene-viewing .mobile-sticky:not(:focus-within){transform:translate(-50%,140%);visibility:hidden;pointer-events:none}
  .scene-viewing .mobile-sticky:focus-within{transform:translateX(-50%);visibility:visible;pointer-events:auto}
}

/* One visual handoff for ordinary tabs; the selected content stays semantic. */
.ui-panel-root { position:relative; min-width:0; }
.ui-panel-stack { display:flow-root; }
.ui-panel-root.is-ui-changing { overflow:hidden; }
body .ui-panel-managed { animation:none!important; }
.ui-panel-ghost { position:absolute!important; z-index:2; margin:0!important; max-width:none!important; pointer-events:none!important; visibility:visible!important; }
.ui-panel-ghost,.ui-panel-ghost * { animation:none!important; transition:none!important; }
@media (prefers-reduced-motion:reduce) { .ui-panel-ghost { display:none!important; } }
body.motion-off .ui-panel-ghost,html[data-motion=off] .ui-panel-ghost { display:none!important; }

.faq-motion-content { display:flow-root; }
.faq-list details.ui-disclosure-changing { overflow:hidden; }

.reading-progress { width:100%; transform:scaleX(0); transform-origin:left center; }

.faq-list details summary[aria-expanded=false] i { transform:rotate(0); }
.faq-list details summary i { transition:transform .28s cubic-bezier(.22,.72,.24,1); }