/* Perspective data fabric. Decorative, with no live metrics or product UI claims. */
body[data-page=home] .photo-hero{background:#041a2c;isolation:isolate}
body[data-page=home] .photo-hero:after{content:"";display:block;position:absolute;inset:0;inline-size:100%;block-size:100%;z-index:1;pointer-events:none;background:linear-gradient(to right,#041a2c0d 12%,#041a2c33 36%,#041a2ccf 59%,#041a2cf0 100%)}
html[dir=ltr] body[data-page=home] .photo-hero:after{background:linear-gradient(to left,#041a2c0d 12%,#041a2c33 36%,#041a2ccf 59%,#041a2cf0 100%)}
.light-trails{position:absolute;inset-block:60px 0;inset-inline:0;inline-size:100%;pointer-events:none;z-index:0;overflow:hidden;opacity:.85}
.light-trails svg{inline-size:100%;block-size:100%}
html[dir=ltr] .light-trails svg{transform:scaleX(-1)}
.fabric-board{opacity:.6}.fabric-board path{stroke:#2474ad;stroke-width:1}
.fabric-source rect{fill:#082c48;stroke:#399cd0;stroke-width:1}.fabric-source rect+rect{stroke:#64d5ff;fill:#0c3b5a}.fabric-source path{stroke:#92e4ff;stroke-width:2;stroke-linecap:round}
.fabric-wire{stroke:var(--channel);stroke-width:1;opacity:.48}
.fabric-packet{stroke:var(--channel);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:2 48;filter:drop-shadow(0 0 3px var(--channel));animation:fabric-flow var(--flow-speed) linear var(--flow-delay) infinite}
.fabric-port{fill:var(--channel);filter:drop-shadow(0 0 3px var(--channel))}
.fabric-cell{fill:var(--channel);opacity:.55;animation:fabric-cell 4s ease-in-out var(--cell-delay) infinite}
.fabric-panels rect{fill:#06223e;fill-opacity:.65;stroke:#236090;stroke-width:1}.fabric-panels path{stroke:#419ad4;stroke-width:1.2;opacity:.7}
body[data-page=home] .photo-content,body[data-page=home] .hero-controls{position:relative;z-index:2}
body[data-page=home] .hero-controls{justify-content:flex-end}
@keyframes fabric-flow{to{stroke-dashoffset:-100}}@keyframes fabric-cell{0%,70%,100%{opacity:.3}35%{opacity:1}}
.photo-hero:is(.motion-paused,.page-hidden,.offscreen) .light-trails *{animation-play-state:paused!important}
@media(max-width:580px){.light-trails,html[dir=ltr] .light-trails{inset-block:65px 0;inset-inline:-4%;inline-size:108%;block-size:650px;opacity:.7;mask-image:linear-gradient(#000 80%,transparent)}body[data-page=home] .photo-hero:after,html[dir=ltr] body[data-page=home] .photo-hero:after{background:linear-gradient(to bottom,#041a2c00 100px,#041a2c66 200px,#041a2ce0 280px,#041a2cf5 100%)}body[data-page=home] .photo-hero{padding-block-start:232px}body[data-page=home] .photo-content{padding-block-start:30px}}
@media(prefers-reduced-motion:reduce){.light-trails *{animation:none!important}.fabric-cell{opacity:.65}}

/* Start-align the copy in both languages; the fabric occupies the opposite side. */
html body[data-page=home] .photo-content {
 justify-content: flex-start;
 text-align: start;
}
body[data-page=home] .photo-content .actions span { display: inline-block; }
html[dir=rtl] body[data-page=home] .photo-content .actions span { transform: scaleX(-1); }
