/* Decorative layers never intercept actions or carry essential information. */
body[data-technology-scene]{--technology-orange:#ff6c00;--technology-blue:#1765d5}
.technology-section{position:relative;isolation:isolate}
.technology-section>.container{position:relative;z-index:1}
.technology-circuits{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;color:#1b78c7;opacity:.24;overflow:hidden}
.technology-track{fill:none;stroke:currentColor;stroke-width:1;opacity:.45}
.technology-pulse{fill:none;stroke:var(--technology-orange);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:8 22 3 850;animation:technology-transfer 16s linear infinite;animation-delay:var(--delay);animation-play-state:paused}
.technology-node{fill:currentColor;stroke:#ffffff;stroke-width:2}
.technology-bits{font:14px monospace;fill:currentColor;animation:technology-to-bits 12s ease-in-out infinite;animation-delay:var(--delay);animation-play-state:paused}
.technology-result{fill:none;stroke:currentColor;stroke-width:1.7;animation:technology-to-document 12s ease-in-out infinite;animation-delay:var(--delay);animation-play-state:paused}
.technology-visible .technology-circuits :is(.technology-pulse,.technology-bits,.technology-result){animation-play-state:running}
.technology-section.process-section .technology-circuits{color:#7edbec;opacity:.25}
body[data-technology-scene] :is(.button,.btn-primary,.share-trigger){position:relative;isolation:isolate;overflow:hidden}
body[data-technology-scene] :is(.button,.btn-primary,.share-trigger)::before{content:"0101 0010 1101 1001 0110 1010 0011 0101";position:absolute;inset:-12px;z-index:-1;pointer-events:none;font:12px/1.8 monospace;letter-spacing:5px;word-spacing:8px;color:currentColor;opacity:0;transform:translateX(-15px);transition:opacity .25s;}
body[data-technology-scene] :is(.button,.btn-primary,.share-trigger):is(:hover,:focus-visible)::before{opacity:.14;animation:technology-button 2.5s linear infinite}
body[data-technology-scene] .button:hover{box-shadow:0 5px 20px #ff6c0026}
@keyframes technology-transfer{to{stroke-dashoffset:-883}}
@keyframes technology-to-bits{0%,35%,100%{opacity:1}50%,85%{opacity:0}}
@keyframes technology-to-document{0%,35%,100%{opacity:0}50%,85%{opacity:1}}
@keyframes technology-button{to{transform:translateX(15px)}}
.technology-paused .technology-circuits *,.technology-reduced .technology-circuits *{animation-play-state:paused!important}
@media(max-width:640px){.technology-circuits{opacity:.17}.technology-circuits>g:nth-child(n+5){display:none}}
@media(prefers-reduced-motion:reduce){.technology-circuits *{animation:none!important}.technology-result{opacity:0}body[data-technology-scene] :is(.button,.btn-primary,.share-trigger)::before{animation:none!important;transform:none}}

/* Neutral circuit traces on the white sections, with warmer data pulses. */
.technology-paper .technology-circuits{color:#7d8792;opacity:.3}
.technology-paper .technology-track{stroke-width:1.3;opacity:.5}
.technology-paper .technology-pulse{stroke:var(--technology-orange);stroke-width:4;stroke-dasharray:14 24 5 840}
.technology-paper .technology-node{fill:var(--technology-orange)}
.technology-code{position:absolute;inset:20px 0 0;overflow:hidden;pointer-events:none;z-index:0;color:#8ac9d5;opacity:.12;display:flex;flex-direction:column;gap:15px;justify-content:center;padding-left:clamp(18px,8vw,140px);font:clamp(11px,1.5vw,19px)/1.4 ui-monospace,monospace;white-space:pre}
.technology-code span{display:block;width:var(--code-length);max-width:95%;overflow:hidden;border-right:1px solid currentColor;animation:technology-code-write 18s steps(40,end) infinite;animation-delay:var(--code-delay);animation-play-state:paused}
.technology-code span:nth-child(even){margin-left:20%}
.technology-visible .technology-code span{animation-play-state:running}
@keyframes technology-code-write{0%{clip-path:inset(0 100% 0 0);opacity:.3}35%,75%{clip-path:inset(0 0 0 0);opacity:1}95%,100%{clip-path:inset(0 0 0 0);opacity:0}}
.technology-paused .technology-code span,.technology-reduced .technology-code span{animation-play-state:paused!important}
@media(max-width:640px){.technology-paper .technology-circuits{opacity:.22}.technology-code{opacity:.09;gap:24px}.technology-code span:nth-child(even){margin-left:8%}}
@media(prefers-reduced-motion:reduce){.technology-code span{animation:none!important;border-right:0;opacity:.65}}

/* The logo orange highlights activity; the brand blue anchors the interface. */
.technology-bits{fill:var(--technology-orange)}
.technology-code span:nth-child(even){color:#ff9c55}
body[data-technology-scene] .service-card:hover{border-color:var(--technology-orange);box-shadow:0 10px 28px #ff6c0012}
body[data-technology-scene] .button-outline{border-color:#ff6c0066}
body[data-technology-scene] .button:is(:hover,:focus-visible){outline:1px solid var(--technology-orange);outline-offset:2px}
body[data-technology-scene] .hero-home .eyebrow{border-color:#ff6c004d}
body[data-technology-scene] .process-grid article{border-color:#ff9c5540}