.hero-tech{position:relative;overflow:hidden;overflow-x:clip;min-height:auto}@media(min-width:1024px){.hero-tech{min-height:min(72vh,720px)}}.hero-tech #hero-particles,.hero-tech canvas{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:auto}.hero-tech .hero-deco{position:absolute;pointer-events:none;z-index:1}.hero-tech .floating-blob{width:clamp(140px,22vw,260px);height:clamp(140px,22vw,260px);border-radius:50%;opacity:.45;filter:blur(72px);animation:blobMove 12s infinite alternate ease-in-out}.hero-tech .blob-1{top:8%;left:4%;background:linear-gradient(135deg,#2563eb,#06b6d4);animation-duration:14s}.hero-tech .blob-2{bottom:6%;right:8%;background:linear-gradient(135deg,#0891b2,#1d4ed8);animation-duration:16s}.hero-tech .glowing-orb{width:72px;height:72px;border-radius:50%;filter:blur(40px);animation:orbFloat 7s infinite alternate ease-in-out}.hero-tech .orb-1{top:18%;right:22%;background:radial-gradient(circle,rgba(34,211,238,.9) 0%,transparent 75%)}.hero-tech .orb-2{bottom:22%;left:18%;background:radial-gradient(circle,rgba(96,165,250,.85) 0%,transparent 75%);animation-duration:9s}.hero-tech .rotating-cube{width:52px;height:52px;opacity:.12;background:linear-gradient(45deg,#22d3ee,#2563eb);animation:cubeRotate 10s infinite linear}.hero-tech .cube-1{top:14%;left:12%;animation-duration:14s}.hero-tech .cube-2{bottom:18%;right:14%;animation-duration:11s}.hero-tech .pulsing-ring{width:110px;height:110px;border:2px solid rgba(34,211,238,.35);border-radius:50%;animation:ringPulse 5s infinite ease-in-out}.hero-tech .ring-1{top:28%;right:32%}.hero-tech .ring-2{bottom:30%;left:28%;animation-duration:6.5s}.hero-tech .glowing-dot{width:8px;height:8px;border-radius:50%;background:#67e8f9;box-shadow:0 0 12px #22d3ee;animation:dotMove 4.5s infinite alternate ease-in-out}.hero-tech .dot-1{top:42%;left:20%}.hero-tech .dot-2{bottom:38%;right:24%;animation-duration:5.5s}.hero-tech .hero-interaction-layer{position:relative;z-index:2;pointer-events:none}.hero-tech .hero-caption,.hero-tech .hero-visual{position:relative;pointer-events:auto}.hero-animate-in{opacity:0;transform:translateY(32px);animation:heroFadeUp .9s ease forwards}.hero-animate-in-delay-1{animation-delay:.15s}.hero-animate-in-delay-2{animation-delay:.3s}.hero-animate-in-delay-3{animation-delay:.45s}.hero-animate-in-delay-4{animation-delay:.6s}.hero-title-accent{background:linear-gradient(90deg,#22d3ee,#60a5fa);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes blobMove{0%{transform:translateY(0) scale(1)}to{transform:translateY(-24px) scale(1.08)}}@keyframes orbFloat{0%{transform:translate(0)}to{transform:translate(12px,-18px)}}@keyframes cubeRotate{0%{transform:rotateX(0) rotateY(0) translateY(0)}to{transform:rotateX(360deg) rotateY(360deg) translateY(-16px)}}@keyframes ringPulse{0%{transform:scale(1);opacity:.65}to{transform:scale(1.55);opacity:0}}@keyframes dotMove{0%{transform:translate(0)}to{transform:translate(10px,-14px)}}@keyframes heroFadeUp{to{opacity:1;transform:translateY(0)}}.hero-tech .hero-image-wrap{position:relative;animation:heroImageFloat 7s ease-in-out infinite}.hero-tech .hero-image-wrap img{width:100%;height:auto;border-radius:1.25rem;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 80px #00000073}@keyframes heroImageFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@media(prefers-reduced-motion:reduce){.hero-tech .floating-blob,.hero-tech .glowing-orb,.hero-tech .rotating-cube,.hero-tech .pulsing-ring,.hero-tech .glowing-dot,.hero-animate-in{animation:none!important;opacity:1;transform:none}}.page-banner-tech{position:relative;overflow:hidden;overflow-x:clip}.page-banner-tech .page-banner-particles{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}.page-banner-tech .page-banner-deco{position:absolute;pointer-events:none;z-index:1}.page-banner-tech .page-banner-blob{width:clamp(120px,22vw,240px);height:clamp(120px,22vw,240px);border-radius:50%;opacity:.48;filter:blur(56px);animation:blobMove 14s infinite alternate ease-in-out}.page-banner-tech .page-banner-blob-1{top:-12%;left:-4%;background:linear-gradient(135deg,#2563eb,#06b6d4)}.page-banner-tech .page-banner-blob-2{bottom:-18%;right:-2%;background:linear-gradient(135deg,#0891b2,#1d4ed8);animation-duration:18s}.page-banner-tech .page-banner-ring{border:2px solid rgba(34,211,238,.38);border-radius:50%;animation:ringPulse 5.5s infinite ease-in-out}.page-banner-tech .page-banner-ring-1{width:88px;height:88px;top:18%;right:12%}.page-banner-tech .page-banner-ring-2{width:56px;height:56px;bottom:20%;left:10%;animation-duration:7s}.page-banner-tech .page-banner-dot{width:7px;height:7px;border-radius:50%;background:#67e8f9;box-shadow:0 0 14px #22d3ee;animation:dotMove 4.5s infinite alternate ease-in-out}.page-banner-tech .page-banner-dot-1{top:38%;left:16%}.page-banner-tech .page-banner-dot-2{bottom:32%;right:22%;animation-duration:5.5s}.page-banner-tech .page-banner-gradient{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 18% 22%,rgba(37,99,235,.42),transparent 48%),radial-gradient(circle at 82% 68%,rgba(6,182,212,.22),transparent 42%);animation:pageBannerGlow 10s ease-in-out infinite alternate;pointer-events:none}.page-banner-tech .page-banner-content{position:relative;z-index:2}.page-banner-tech .page-banner-fade-in{opacity:0;transform:translateY(16px);animation:heroFadeUp .7s ease forwards}@keyframes pageBannerGlow{0%{opacity:.85;transform:scale(1)}to{opacity:1;transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.page-banner-tech .page-banner-blob,.page-banner-tech .page-banner-ring,.page-banner-tech .page-banner-dot,.page-banner-tech .page-banner-gradient,.page-banner-tech .page-banner-fade-in{animation:none!important;opacity:1;transform:none}.page-banner-tech .page-banner-particles{display:none}}