/* The system is the visual: its parts unfold and its connections stay attached. */
.scene-wrap:after,html[dir=rtl] .scene-wrap:after{background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 92%,transparent) 20%,transparent 45%),linear-gradient(0deg,var(--bg),transparent 12%)}
html[dir=rtl] .scene-wrap:after{background:linear-gradient(270deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 92%,transparent) 20%,transparent 45%),linear-gradient(0deg,var(--bg),transparent 12%)}
.experience-pin:before{background:radial-gradient(ellipse at 74% 44%,#152b4a60,transparent 48%)}
.architecture-copy{top:22%;width:39%}.architecture h2,html[lang=ru] .architecture h2{font-size:clamp(3.1rem,5.05vw,6.5rem);line-height:1.08;letter-spacing:-.055em}.architecture h2 span{white-space:nowrap}.chapter-copy{margin-top:45px;max-width:340px}.chapter-copy h3{font-size:1.45rem;line-height:1.3}.chapter-copy p{max-width:330px;font-size:1rem;line-height:1.7}
.scene-fallback{left:73%;top:49%;width:43%;display:grid;grid-template-columns:1fr 1fr;gap:0;transform:translate(-50%,-50%);will-change:auto}.scene-fallback img{width:100%;height:auto;object-fit:contain}.scene-fallback img:first-child{grid-column:1/-1;max-width:75%;justify-self:center;margin-bottom:-12%}.scene-fallback img:nth-child(2){margin-top:-12%}.scene-ready .scene-fallback{visibility:hidden}.scene-unavailable .scene-fallback{visibility:visible}html[dir=rtl] .scene-fallback{left:27%}
.back-to-top{position:fixed;inset:auto 26px 25px auto;z-index:45;width:56px;height:56px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:#f2f5fa;color:#1b315b;box-shadow:0 5px 25px #00000030,inset 0 0 0 1px #b8c7e4;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px);transition:opacity .25s,visibility .25s,transform .25s,background .2s}
.back-to-top.visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{background:#fff;transform:translateY(-3px)}.return-progress{position:absolute;inset:0;width:56px;height:56px;fill:none;stroke-width:1.5;transform:rotate(-90deg)}.return-track{stroke:#c1cce0}.return-meter{stroke:#3457d5;stroke-dasharray:100;stroke-dashoffset:100}.return-arrow{width:23px;height:23px}.return-tooltip{position:absolute;right:calc(100% + 12px);padding:9px 13px;white-space:nowrap;background:var(--text);color:var(--bg);font-size:12px;border-radius:5px;opacity:0;transform:translateX(5px);transition:opacity .2s,transform .2s;pointer-events:none}.back-to-top:is(:hover,:focus-visible) .return-tooltip{opacity:1;transform:none}
body.can-return .scene-controls{right:calc(var(--pad) + 67px)}html[dir=rtl] .back-to-top{right:auto;left:26px}html[dir=rtl] .return-tooltip{right:auto;left:calc(100% + 12px)}html[dir=rtl] body.can-return .scene-controls{right:auto;left:calc(var(--pad) + 67px)}
.colophon-bottom{justify-content:space-between}
/* The delivery objects are illustrations, without the old generic icon tiles. */
.delivery-flow{padding:28px 32px 0;background:radial-gradient(ellipse at 50% 40%,#224f9220,transparent 70%);border-color:var(--line)}.pipeline{padding-block:14px 34px;align-items:start}.pipeline-node{min-width:0}.node-glyph,.pipeline-node.featured .node-glyph{position:relative;display:grid;place-items:center;width:160px;height:150px;max-width:100%;margin:0 auto 12px;border:0;border-radius:0;background:none;box-shadow:none;color:inherit}.node-glyph img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 14px #00000020);transition:transform .6s cubic-bezier(.2,.7,.2,1)}.pipeline-node:hover .node-glyph img{transform:translateY(-7px) rotate(-2deg)}.node-glyph:after{content:'';position:absolute;bottom:8px;left:21%;right:21%;height:9px;border-radius:50%;background:#10244750;filter:blur(9px);z-index:-1}.pipeline-node>.mono{font-size:14px}.pipeline-node>strong{font-size:15px}.flow-line{margin-top:77px;background:linear-gradient(90deg,transparent,#536993,transparent);position:relative}.flow-line:before,.flow-line:after{content:'';position:absolute;top:-2px;width:5px;height:5px;border-radius:50%;background:#5e7cad}.flow-line:before{left:0}.flow-line:after{right:0}.flow-line span{height:2px;box-shadow:0 0 8px #77a9ff;background:#96b5ff}.flow-footer{padding-block:21px;line-height:1.7}.delivery-flow[data-mode=vod] .node-source img{filter:drop-shadow(0 12px 14px #00000020) hue-rotate(16deg)}
html[data-theme=light] .delivery-flow{background:radial-gradient(ellipse at 50% 35%,#cedbff66,transparent 70%)}
html[lang=ar] .architecture h2{font-size:clamp(3rem,4.5vw,5.7rem);line-height:1.45;letter-spacing:0}html[lang=ar] .chapter-copy h3{font-size:1.4rem}html[lang=ar] .chapter-copy p{line-height:1.9}
@media(max-width:1000px) and (min-width:701px){.architecture-copy{width:43%;top:20%}.architecture h2,html[lang=ru] .architecture h2{font-size:3.1rem}.chapter-copy{max-width:290px}.chapter-copy p{font-size:.9375rem}.system-label{font-size:11px}.node-glyph,.pipeline-node.featured .node-glyph{width:130px;height:132px}.flow-line{margin-top:66px}}
@media(max-width:700px){.scene-wrap:after,html[dir=rtl] .scene-wrap:after{background:linear-gradient(0deg,var(--bg),transparent 26%,transparent 78%,var(--bg))}.system-annotations{display:none}.architecture-copy,html[lang=ar] .architecture-copy{left:var(--pad);right:var(--pad);top:15%;bottom:158px;width:auto;max-width:none}.architecture h2,html[lang=ru] .architecture h2{font-size:2.2rem;max-width:340px;line-height:1.08}.architecture h2 span{white-space:normal}.chapter-kicker{margin-bottom:13px}.chapter-copy,html[lang=ar] .chapter-copy{position:absolute;bottom:0;left:0;right:0;margin:0;max-width:100%;min-height:0}.chapter-copy h3{font-size:1.125rem;margin-top:9px}.chapter-copy p{font-size:.875rem;line-height:1.55;margin-top:7px;max-width:100%}.chapter-number{font-size:12px}.architecture-steps{bottom:8%;gap:9px}.arch-step{font-size:.6875rem;padding-top:10px;min-height:48px;gap:6px}.experience-track{bottom:24px}.scene-fallback,html[dir=rtl] .scene-fallback{left:50%;top:46%;width:72%;max-width:380px}.back-to-top{right:16px;bottom:18px;width:50px;height:50px}.return-progress{width:50px;height:50px}.return-tooltip{display:none}html[dir=rtl] .back-to-top{left:16px}.scene-controls{bottom:19px}.scene-controls>.mono{display:none}html[lang=ar] .architecture h2{font-size:2rem;line-height:1.48}html[lang=ar] .chapter-copy h3{font-size:1.1rem}html[lang=ar] .chapter-copy p{font-size:.8125rem;line-height:1.75}}
@media(max-width:600px){.delivery-flow{padding:22px 20px 0}.pipeline{padding-top:18px;padding-bottom:24px;gap:0}.pipeline-node{grid-template-columns:104px minmax(0,1fr);min-height:110px;column-gap:19px;align-items:center}.node-glyph,.pipeline-node.featured .node-glyph{width:108px;height:106px;margin:0;grid-row:1/3}.pipeline-node>.mono{align-self:end;padding-bottom:4px;font-size:14px}.pipeline-node>strong{align-self:start;font-size:15px;line-height:1.5}.flow-line{margin:4px 0 4px 51px;background:linear-gradient(0deg,transparent,#536993,transparent);height:26px}.flow-line:before,.flow-line:after{left:-2px;right:auto}.flow-line:before{top:0}.flow-line:after{top:auto;bottom:0}.flow-line span{width:2px}.flow-footer{font-size:12px;gap:14px;align-items:end}.flow-footer>span:last-child{white-space:nowrap}html[dir=rtl] .flow-line{margin:4px 51px 4px 0}}
@media(max-width:700px) and (max-height:760px){.architecture-copy,html[lang=ar] .architecture-copy{top:14.7%;bottom:140px}.architecture h2,html[lang=ru] .architecture h2{font-size:1.95rem}.chapter-copy p{font-size:.8125rem;line-height:1.45}.chapter-copy h3{font-size:1.04rem}.chapter-kicker{font-size:12px;margin-bottom:9px}html[lang=ar] .architecture h2{font-size:1.75rem}html[lang=ar] .chapter-copy p{font-size:.75rem;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.node-glyph img,.back-to-top,.system-label{transition:none}.pipeline-node:hover .node-glyph img{transform:none}.scene-wrap canvas{cursor:default}}