.tech-strip{position:relative;isolation:isolate;--strip-active:0;--pointer-x:50%;--pointer-y:50%;overflow:visible}.tech-strip:before{content:"";position:absolute;inset:-18px -8px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 160px 60px at var(--pointer-x) var(--pointer-y),#a3f75a22,transparent 75%);opacity:var(--strip-active);transition:opacity .3s ease}.tech-strip>span{position:relative;padding:8px 10px 8px 19px;--proximity:0;color:color-mix(in srgb,#aeb8a6,#ddffb5 calc(var(--proximity)*100%));text-shadow:0 0 calc(var(--proximity)*17px) rgb(172 247 92 / calc(var(--proximity)*.8));transition:color .12s,text-shadow .12s;white-space:nowrap}.tech-strip>span:before{content:"";position:absolute;inset-inline-start:0;top:50%;width:4px;height:4px;border-radius:50%;background:color-mix(in srgb,#414d38,#c6ff83 calc(var(--proximity)*100%));box-shadow:0 0 calc(var(--proximity)*8px) calc(var(--proximity)*2px) rgb(184 255 105 / calc(var(--proximity)*.85)),0 0 calc(var(--proximity)*22px) calc(var(--proximity)*4px) rgb(142 255 60 / calc(var(--proximity)*.3));transform:translateY(-50%)}.hero-actions .primary:hover,.dock-item:hover,.header-contact:hover{box-shadow:0 0 28px #c6ff831a}.machine{transition:border-color .25s,box-shadow .25s}.machine:hover{border-color:#a8d576;box-shadow:18px 22px 0 #0c100d,0 0 45px #a3ef5b12}.machine:hover .signal{filter:drop-shadow(0 0 6px #d6f78a)}@media(max-width:720px){.tech-strip{gap:10px 17px}.tech-strip>span{padding:5px 5px 5px 14px}}@media(prefers-reduced-motion:reduce){.tech-strip:before,.tech-strip>span,.machine{transition:none}}

/* A viewport-positioned halo has no rectangular paint edge or page overflow. */
.tech-strip:before{position:fixed;inset:auto;left:var(--pointer-screen-x,50vw);top:var(--pointer-screen-y,50vh);width:560px;height:280px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at center,#a3f75a20 0%,#8be2460c 35%,transparent 72%);filter:blur(14px)}