/* Narrow local candidate. All underlying product and diagram content remains authentic. */
.ambient-packet{pointer-events:none;transition:filter .5s}
.guided-active .ambient-packet{filter:opacity(.18)}
.chapter-edge{animation:rich-dash13 9s linear infinite}
.chapter-edge.return{animation:rich-dash10 9s linear infinite}
@keyframes rich-dash13{to{stroke-dashoffset:-13}}
@keyframes rich-dash10{to{stroke-dashoffset:-10}}
.guided-active .chapter-edge.active{animation:none}
.motion-paused .chapter-edge,.out-of-view .chapter-edge{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.chapter-edge,.chapter-edge.return{animation:none}}
@media(prefers-reduced-motion:reduce){.ambient-packet{display:none}}
.trust-track{animation-duration:var(--ticker-duration,280s)!important}
.trust-list{gap:76px;padding:14px 38px}
.trust-list li{width:155px;height:62px;display:flex;align-items:center;justify-content:center;flex:none}
.trust-list img{display:block;max-width:155px;max-height:43px;width:auto;height:auto;object-fit:contain}
.trust-list img[data-brand="jnj"]{max-width:190px}
.trust-list li:has([data-brand="jnj"]){width:195px}
.trust-list img[data-brand="salesforce"]{max-height:60px}
.trust-list img[data-brand="john"]{max-height:56px}
.trust-list img[data-brand="lvmh"],.trust-list img[data-brand="netlify"]{filter:brightness(0)}
.trust-list img[data-brand="gsk"]{max-width:100px}
.workflow-ribbon{margin:35px 0 12px;padding:30px 0;border-block:1px solid #4154ef35;color:#4154ef}
.workflow-ribbon .ribbon-heading{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.06em;margin:0 0 28px}
.workflow-ribbon svg{display:block;width:100%;height:auto;overflow:visible}
.workflow-ribbon .flow-wire{fill:none;stroke:#4154ef55;stroke-width:1.3}
.workflow-ribbon .flow-node{fill:#f3f5fc;stroke:#4154ef66;stroke-width:1}
.workflow-ribbon text{fill:#0b0e18;font:16px Archivo,Arial,sans-serif}
.workflow-ribbon .flow-dot{fill:#4154ef;offset-path:path("M 140 60 H 350 H 560 H 770");offset-distance:0%;animation:context-flow 18s linear infinite}
.workflow-ribbon .flow-dot.two{animation-delay:-9s}
@keyframes context-flow{0%{offset-distance:0%;opacity:0}5%,95%{opacity:1}100%{offset-distance:100%;opacity:0}}
.workflow-ribbon:not(.in-view) .flow-dot,.motion-paused .flow-dot,.document-hidden .flow-dot{animation-play-state:paused}
.motion-paused .flow-dot{visibility:hidden}
/* Flat, crisp app evidence. Movement frames the screenshot; text itself is not tilted. */
.screen-main,.journey .screen-main{transform:none!important;border-radius:6px;box-shadow:0 25px 65px #0005;width:100%;max-width:1280px}
.screen-main img{image-rendering:auto}
.scene-layout{grid-template-columns:minmax(0,1fr) 245px;align-items:start}
.scene-copy{padding-top:24px}
.scene-number{font-size:52px;margin-bottom:18px}
.scene-thumbs{gap:12px}
.scene-thumbs button{opacity:.65}
.scene-thumbs button[aria-pressed=true]{opacity:1}
.focus-window{cursor:zoom-in;outline-offset:4px}
.inspector-canvas img{width:min(100%,var(--native-width,1280px))}.inspector-canvas.zoomed img{width:var(--native-width,1280px)}
.inspector-tools button{min-height:40px}
.theatre-focus-hint{font-size:11px;color:#b5c1da;margin:14px 0 0}
@media(max-width:700px){.trust-list{gap:42px;padding-inline:21px}.trust-list li{width:135px}.trust-list img{max-width:135px}.workflow-ribbon text{font-size:18px}.workflow-ribbon .ribbon-heading{line-height:1.5;letter-spacing:0}.scene-layout{grid-template-columns:1fr}.scene-copy{padding-top:0}.workflow-ribbon{margin-top:24px}.inspector-tools{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.flow-dot{display:none}.trust-track{animation:none!important}.trust-list li{flex:0 1 135px}.workflow-ribbon{scroll-behavior:auto}}

/* Same live landscape and orbital composition as the public website. */
.hero:has(#brief-cover-canvas)>.hero-art,.hero:has(#brief-cover-canvas)>.orbital-scene{display:none}
@media(min-width:801px){.hero:has(#brief-cover-canvas)::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(11,14,24,.78) 0%,rgba(11,14,24,.55) 29%,transparent 57%)}}
#brief-cover-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
#brief-sun-handle{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:0;border-radius:50%;background:transparent;color:#0b0e18;padding:0;cursor:grab;touch-action:none}
#brief-sun-handle:active{cursor:grabbing}
#brief-sun-handle>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #56841788;border-radius:50%;background:#baff38;font:30px/1 Archivo,Arial,sans-serif}
#brief-sun-handle>small{padding:3px 7px;background:#baff38;font:10px Archivo,Arial,sans-serif}
#brief-sun-handle:focus-visible{outline:3px solid #c4a6ff;outline-offset:8px}
.hero:has(#brief-cover-canvas) .hero-copy{z-index:3}
.hero:has(#brief-cover-canvas) .hero-bottom{z-index:3}
@media(max-width:800px){#brief-sun-handle>span{width:30px;height:30px;font-size:24px}#brief-sun-handle>small{font-size:8px;white-space:nowrap}}