.hero-tech-3d{min-height:calc(100svh - 82px);padding:72px 0 88px;isolation:isolate;background:radial-gradient(circle at 72% 42%,rgba(19,121,235,.3),transparent 28%),radial-gradient(circle at 50% 100%,rgba(46,219,255,.12),transparent 30%),linear-gradient(142deg,#071629 0%,#06101f 58%,#020914 100%)}
#azuero-3d{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.hero-tech-3d .grid-glow{z-index:-1;opacity:.7;mask-image:linear-gradient(to bottom,#000 15%,transparent 92%)}
.hero-aurora{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:-1;opacity:.18}.hero-aurora-a{width:340px;height:340px;background:#008cff;right:7%;top:14%;animation:azuero-aurora 8s ease-in-out infinite}.hero-aurora-b{width:260px;height:260px;background:#24dcff;right:34%;bottom:-14%;animation:azuero-aurora 10s 1.5s ease-in-out infinite reverse}
.hero-tech-3d .hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr);gap:54px;min-height:590px}.hero-tech-3d .hero-copy{position:relative;z-index:3}.hero-tech-3d .hero-copy h1{font-size:clamp(3.2rem,6.2vw,5.8rem);letter-spacing:-.062em}.hero-tech-3d .hero-copy h1 em{background:none;color:transparent;-webkit-text-stroke:1px rgba(138,220,255,.82)}
.hero-visual{height:560px;position:relative;perspective:1000px;transform-style:preserve-3d;transition:transform .16s ease-out}.tech-core-label{position:absolute;z-index:2;left:50%;top:50%;width:190px;height:190px;transform:translate(-50%,-50%);border:1px solid rgba(104,216,255,.38);border-radius:38%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 25%,rgba(83,214,255,.2),rgba(3,21,42,.38) 60%);backdrop-filter:blur(9px);box-shadow:inset 0 0 42px rgba(55,181,255,.11),0 0 70px rgba(0,116,255,.18);animation:azuero-core 8s ease-in-out infinite}.tech-core-label:before,.tech-core-label:after{content:"";position:absolute;inset:19%;border:1px solid rgba(113,219,255,.34);border-radius:22px;transform:rotate(45deg)}.tech-core-label:after{inset:36%;background:#4ce0ff;border:0;border-radius:9px;box-shadow:0 0 30px #009bff}.tech-core-label>span,.tech-core-label>strong,.tech-core-label>small{position:relative;z-index:2;text-shadow:0 2px 10px #061426}.tech-core-label>span{font-size:.58rem;letter-spacing:.24em;color:#99eaff;margin-top:-9px}.tech-core-label>strong{font:700 .88rem 'Space Grotesk';letter-spacing:.08em}.tech-core-label>small{position:absolute;bottom:-53px;white-space:nowrap;color:#82eac5;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.tech-core-label>small i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#42d392;box-shadow:0 0 12px #42d392;margin-right:7px}
.tech-node{position:absolute;z-index:4;width:178px;display:flex;align-items:center;gap:12px;padding:15px;border:1px solid rgba(98,185,255,.2);border-radius:15px;background:linear-gradient(135deg,rgba(11,35,64,.86),rgba(5,18,36,.7));backdrop-filter:blur(15px);box-shadow:0 18px 48px rgba(0,0,0,.3);color:#fff!important;transition:border-color .25s,transform .25s,box-shadow .25s;animation:azuero-float 5.8s ease-in-out infinite}.tech-node:hover{border-color:#4fe1ff;box-shadow:0 20px 55px rgba(0,119,255,.24)}.tech-node>i{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border-radius:10px;color:#57dcff;background:rgba(43,153,255,.13);border:1px solid rgba(89,219,255,.18)}.tech-node span,.tech-node b,.tech-node small{display:block}.tech-node b{font:600 .86rem 'Space Grotesk'}.tech-node small{font-size:.65rem;color:#8fa7c1;margin-top:2px}.tech-node-1{top:5%;left:1%}.tech-node-2{top:14%;right:-1%;animation-delay:-1.1s}.tech-node-3{bottom:11%;left:-4%;animation-delay:-2.1s}.tech-node-4{bottom:5%;right:1%;animation-delay:-3.2s}
.hero-process{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);z-index:4;background:rgba(4,14,29,.68);backdrop-filter:blur(18px);border-top:1px solid rgba(92,177,255,.15)}.hero-process span{padding:18px 22px;text-align:center;color:#94abc3;text-transform:uppercase;font-size:.7rem;letter-spacing:.1em;border-right:1px solid rgba(92,177,255,.13)}.hero-process b{color:#eef8ff;margin-right:9px}
@keyframes azuero-float{50%{translate:0 -12px}}@keyframes azuero-core{50%{border-radius:46%;transform:translate(-50%,-50%) rotate(8deg) scale(1.04)}}@keyframes azuero-aurora{50%{transform:translate(25px,-18px) scale(1.08)}}
@media(max-width:991px){.hero-tech-3d{padding-top:65px}.hero-tech-3d .hero-grid{grid-template-columns:1fr;gap:18px}.hero-visual{height:470px;max-width:620px;width:100%;margin:auto}.hero-process{position:relative;margin:40px 0 -88px}.tech-node-3{left:0}.tech-node-2{right:0}}
@media(max-width:700px){.hero-tech-3d{padding:62px 0 0}.hero-tech-3d .hero-copy h1{font-size:3.05rem}.hero-visual{height:420px;margin-top:14px}.tech-core-label{transform:translate(-50%,-50%) scale(.78)}.tech-node{width:135px;padding:10px;gap:8px}.tech-node>i{width:32px;height:32px;flex-basis:32px;font-size:.82rem}.tech-node small{display:none}.tech-node-1{left:-2%}.tech-node-2{right:-2%}.tech-node-3{left:-3%}.tech-node-4{right:-3%}.hero-process{grid-template-columns:1fr 1fr;margin:25px -14px 0}.hero-process span{padding:14px 8px;font-size:.61rem}.hero-process span:nth-child(2){border-right:0}.hero-process span:nth-child(-n+2){border-bottom:1px solid rgba(92,177,255,.13)}}
@media(prefers-reduced-motion:reduce){.hero-aurora,.tech-core-label,.tech-node{animation:none!important}.hero-visual{transition:none}}