.hero{position:relative;overflow:hidden}
.hero>.wrap,.hero .hero-inner{position:relative;z-index:3}
.tech-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;opacity:.58}
.tech-status{position:absolute;z-index:2;right:max(22px,calc((100vw - var(--max))/2));bottom:30px;display:flex;align-items:center;gap:9px;color:rgba(199,255,52,.78);font:700 9px Manrope,monospace;letter-spacing:.14em;pointer-events:none}
.tech-status i{width:7px;height:7px;border-radius:50%;background:#c7ff34;box-shadow:0 0 0 0 rgba(199,255,52,.55);animation:techPulse 1.8s infinite}
.tech-status span:after{content:"SYSTEM ANALYZING  01 · 10 · 11";animation:techLabel 8s steps(1) infinite}
.tech-active{position:relative;overflow:hidden;isolation:isolate}
.tech-active>.wrap,.tech-active>.keyword-tool{position:relative;z-index:2}
.section-tech{position:absolute;z-index:0;inset:0;pointer-events:none;overflow:hidden;opacity:.76;background-image:radial-gradient(circle at 86% 18%,rgba(117,240,189,.13),transparent 25%),radial-gradient(circle at 10% 82%,rgba(17,102,218,.11),transparent 29%),linear-gradient(rgba(117,240,189,.085) 1px,transparent 1px),linear-gradient(90deg,rgba(117,240,189,.085) 1px,transparent 1px);background-size:auto,auto,48px 48px,48px 48px;mask-image:linear-gradient(90deg,rgba(0,0,0,.28) 0,#000 9%,#000 91%,rgba(0,0,0,.28) 100%)}
.section-network{position:absolute;inset:0;width:100%;height:100%;opacity:1}
.section-tech:before{content:"";position:absolute;top:0;bottom:0;width:24%;left:-30%;background:linear-gradient(90deg,transparent,rgba(199,255,52,.1),transparent);transform:skewX(-17deg);animation:sectionScan 9s linear infinite}
.section-tech:after{content:"";position:absolute;width:260px;height:260px;right:5%;top:18%;border:1px solid rgba(117,240,189,.13);border-radius:50%;box-shadow:0 0 0 38px rgba(117,240,189,.025),0 0 0 76px rgba(117,240,189,.018);animation:orbRotate 16s linear infinite}
.section-tech span{position:absolute;left:-180px;color:rgba(199,255,52,.52);text-shadow:0 0 12px rgba(199,255,52,.25);font:700 9px Manrope,monospace;letter-spacing:.14em;white-space:nowrap;animation:dataPacket 13s linear infinite}
.section-tech span:before{content:"";display:inline-block;width:36px;height:1px;margin-right:9px;vertical-align:middle;background:currentColor}
.section-tech span:nth-child(1){top:19%;animation-delay:-2s}.section-tech span:nth-child(2){top:43%;animation-delay:-7s}.section-tech span:nth-child(3){top:71%;animation-delay:-10s}.section-tech span:nth-child(4){top:88%;animation-delay:-4s}
.light .section-tech,.white .section-tech,.keyword-shell .section-tech,.books .section-tech,.press .section-tech,.contact .section-tech,.what .section-tech,.proof .section-tech{opacity:.9;mix-blend-mode:multiply;background-image:radial-gradient(circle at 87% 15%,rgba(17,102,218,.16),transparent 27%),radial-gradient(circle at 9% 84%,rgba(0,148,96,.15),transparent 30%),linear-gradient(rgba(17,102,218,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(17,102,218,.1) 1px,transparent 1px)}
.light .section-network,.white .section-network,.keyword-shell .section-network,.books .section-network,.press .section-network,.contact .section-network,.what .section-network,.proof .section-network{opacity:.92}
.light .section-tech span,.white .section-tech span,.keyword-shell .section-tech span,.books .section-tech span,.press .section-tech span,.contact .section-tech span,.what .section-tech span,.proof .section-tech span{color:rgba(10,68,151,.55);text-shadow:none}
.tech-readout{position:absolute;right:clamp(18px,4vw,64px);bottom:24px;padding:9px 12px;border:1px solid rgba(117,240,189,.24);border-radius:8px;background:rgba(5,14,10,.22);color:rgba(199,255,52,.7);font:700 8px Manrope,monospace;letter-spacing:.13em;backdrop-filter:blur(5px);animation:readoutBlink 3.2s steps(1) infinite}
.tech-readout:before{content:"●";margin-right:7px;color:#c7ff34}
.light .tech-readout,.white .tech-readout,.keyword-shell .tech-readout,.books .tech-readout,.press .tech-readout,.contact .tech-readout,.what .tech-readout,.proof .tech-readout{border-color:rgba(17,102,218,.24);background:rgba(255,255,255,.55);color:rgba(7,61,140,.78)}
.light .tech-readout:before,.white .tech-readout:before,.keyword-shell .tech-readout:before,.books .tech-readout:before,.press .tech-readout:before,.contact .tech-readout:before,.what .tech-readout:before,.proof .tech-readout:before{color:#1166da}
.tech-circuit{position:absolute;left:clamp(16px,4vw,70px);top:38px;width:150px;height:72px;border-top:1px solid rgba(117,240,189,.28);border-left:1px solid rgba(117,240,189,.28)}
.tech-circuit:before,.tech-circuit:after{content:"";position:absolute;border-radius:50%;background:#c7ff34;box-shadow:0 0 12px rgba(199,255,52,.75)}
.tech-circuit:before{width:6px;height:6px;right:-3px;top:-3px}.tech-circuit:after{width:4px;height:4px;left:-2px;bottom:-2px}
.light .tech-circuit,.white .tech-circuit,.keyword-shell .tech-circuit,.books .tech-circuit,.press .tech-circuit,.contact .tech-circuit,.what .tech-circuit,.proof .tech-circuit{border-color:rgba(17,102,218,.32)}
.light .tech-circuit:before,.white .tech-circuit:before,.keyword-shell .tech-circuit:before,.books .tech-circuit:before,.press .tech-circuit:before,.contact .tech-circuit:before,.what .tech-circuit:before,.proof .tech-circuit:before{background:#1166da;box-shadow:0 0 12px rgba(17,102,218,.55)}
.tech-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.tech-reveal.tech-visible{opacity:1;transform:none}
.keyword-cta{position:relative;padding:10px 15px!important;border:1px solid rgba(199,255,52,.7)!important;border-radius:100px;color:#111!important;background:var(--lime,#c7ff34);box-shadow:0 0 0 0 rgba(199,255,52,.25);animation:keywordGlow 2.4s infinite}
.keyword-cta:before{content:"⌕";margin-right:6px;font-size:14px}
.keyword-cta:hover{background:#fff!important;color:#111!important;transform:translateY(-2px)}
.card,.stack-card,.service{position:relative;overflow:hidden}
.card:after,.stack-card:after,.service:after{content:"";position:absolute;left:-70%;bottom:0;width:65%;height:2px;background:linear-gradient(90deg,transparent,#c7ff34,transparent);transition:left .6s}
.card:hover:after,.stack-card:hover:after,.service:hover:after{left:110%}
@keyframes techPulse{70%{box-shadow:0 0 0 9px rgba(199,255,52,0)}}
@keyframes keywordGlow{50%{box-shadow:0 0 0 7px rgba(199,255,52,0)}}
@keyframes techLabel{0%,32%{content:"SYSTEM ANALYZING  01 · 10 · 11"}33%,65%{content:"AI WORKFLOW  CONNECTED"}66%,100%{content:"DATA SIGNAL  OPTIMIZED"}}
@keyframes sectionScan{to{left:130%}}
@keyframes dataPacket{to{left:110%}}
@keyframes orbRotate{to{transform:rotate(360deg)}}
@keyframes readoutBlink{0%,78%{opacity:1}79%,84%{opacity:.4}85%,100%{opacity:1}}
@media(max-width:900px){.tech-status{right:18px;bottom:18px}.keyword-cta{display:inline-flex!important}}
@media(max-width:650px){.tech-readout,.tech-circuit{display:none}}
@media(prefers-reduced-motion:reduce){.tech-status i,.keyword-cta,.tech-status span:after,.section-tech:before,.section-tech:after,.section-tech span,.tech-readout{animation:none}.card:after,.stack-card:after,.service:after{display:none}.tech-reveal{opacity:1;transform:none}}