/* Strong desktop campaign effects. All layers are decorative and click-through. */
@media(min-width:761px){
 .tech-motion-on .hero[data-guest-banner]{border-color:#48ffed73;box-shadow:0 0 0 1px #26f8e112,inset 0 0 55px #1febd61c,0 0 45px #00e6dc12;isolation:isolate;transition:box-shadow .5s,border-color .5s}
 .tech-motion-on .hero[data-guest-banner]:hover{border-color:#6affef;box-shadow:0 0 0 1px #58ffed40,inset 0 0 75px #00eed72d,0 0 55px #00e6dc2b}
 .tech-hero-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;mix-blend-mode:screen;border-radius:inherit;contain:paint}
 .tech-hero-grid{position:absolute;left:27%;right:-25%;top:52%;height:100%;background-image:linear-gradient(#36efed35 1px,transparent 1px),linear-gradient(90deg,#36efed35 1px,transparent 1px);background-size:58px 58px;transform-origin:50% 0;transform:perspective(400px) rotateX(56deg) rotateZ(-9deg);mask-image:linear-gradient(transparent,#0009 45%,transparent 95%);animation:tech-hero-grid 9s linear infinite}
 .tech-hero-glow{position:absolute;inset:-15%;background:radial-gradient(ellipse at 77% 45%,#00ffdc38,transparent 35%),radial-gradient(ellipse at 35% 85%,#00bfff22,transparent 40%);animation:tech-hero-breathe 5s ease-in-out infinite;transform:translate(calc((var(--tech-px,.5) - .5)*22px),calc((var(--tech-py,.5) - .5)*16px))}
 .tech-hero-orbit{position:absolute;left:76%;top:50%;width:310px;height:310px;border:1px solid #64fff771;border-radius:50%;margin:-155px;box-shadow:inset 0 0 25px #38e7ff18,0 0 20px #38e7ff18}
 .tech-hero-orbit-a{border-left:3px solid #b5fff6;border-right:3px solid #1cffc6;animation:tech-hero-orbit-a 14s linear infinite}
 .tech-hero-orbit-b{width:390px;height:390px;margin:-195px;border-style:dashed;border-color:#66fff647;animation:tech-hero-orbit-b 24s linear infinite}
 .tech-hero-orbit-c{width:250px;height:250px;margin:-125px;border-top:4px solid #a6ffed;border-bottom:4px solid #1bffe791;transform:rotateX(65deg) rotateZ(30deg);animation:tech-hero-orbit-c 12s linear infinite}
 .tech-hero-core{position:absolute;width:10px;height:10px;border:1px solid #b5fff5;left:76%;top:50%;border-radius:50%;box-shadow:0 0 25px 6px #38ffe560;animation:tech-hero-breathe 4s ease-in-out infinite}
 .tech-hero-beam{position:absolute;width:30%;height:230%;left:68%;top:-70%;background:linear-gradient(90deg,transparent,#72fff221,transparent);transform:rotate(30deg);animation:tech-hero-beam 7s ease-in-out infinite}
 .tech-hero-scan{position:absolute;left:43%;right:0;top:-20%;height:17%;background:linear-gradient(transparent,#57ffea0e 70%,#80ffec55);border-bottom:1px solid #bdfff677;animation:tech-hero-scan 6.5s ease-in-out infinite;mask-image:linear-gradient(90deg,transparent,#000)}
 .tech-hero-corner{position:absolute;width:42px;height:42px;border-color:#84ffee;border-style:solid;opacity:.8;filter:drop-shadow(0 0 5px #2fffd9);animation:tech-hero-corner 5s ease-in-out infinite}
 .tech-hero-corner-a{top:16px;right:16px;border-width:1px 1px 0 0}.tech-hero-corner-b{bottom:17px;left:17px;border-width:0 0 1px 1px}
 .tech-hero-particles{position:absolute;inset:0}.tech-hero-particles i{position:absolute;left:var(--sx);top:var(--sy);width:3px;height:3px;border-radius:50%;background:#aefff0;box-shadow:0 0 9px 2px #3dffe659;opacity:0;animation:tech-hero-particle calc(5s + var(--n)*.15s) var(--sd) linear infinite}
 .tech-motion-on .tech-hero-host .hero-art{animation:none;transform:translate3d(calc((var(--tech-px,.5) - .5)*-18px),calc((var(--tech-py,.5) - .5)*-12px),0) scale(1.065);transition:transform .65s cubic-bezier(.16,.7,.3,1);filter:saturate(1.12)}
 .tech-motion-on [data-guest-banner] .is-active .hero-copy{animation:tech-hero-copy .85s cubic-bezier(.16,.8,.3,1) both}
 .tech-motion-on [data-guest-banner] .bn-title em{background:linear-gradient(110deg,#52ffe0 5%,#d5fff7 35%,#00edff 60%,#52ffe0 95%);background-size:230% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:tech-hero-type 5s ease-in-out infinite;text-shadow:0 0 30px #00ffe026}
 .tech-motion-on .section-title:before{content:'';width:3px;height:19px;background:#41ffdf;box-shadow:0 0 13px #41ffdf88;border-radius:3px;margin-right:2px}
 .tech-motion-on .topbar{background-image:linear-gradient(90deg,#32ffdf66,#1acaff66);background-size:calc(var(--tech-scroll,0)*100%) 1px;background-repeat:no-repeat;background-position:left bottom}
 .tech-offscreen .tech-hero-scene *,.tech-hero-host:not(.is-active) .tech-hero-scene *,.motion-paused .tech-hero-scene *,.tech-offscreen .bn-title em,.tech-hero-host:not(.is-active) .bn-title em,.motion-paused [data-guest-banner] .bn-title em,.auth-modal-open .tech-hero-scene *{animation-play-state:paused!important}
 @keyframes tech-hero-grid{from{background-position:0 0}to{background-position:0 58px}}
 @keyframes tech-hero-orbit-a{from{transform:rotateX(58deg) rotateY(-15deg) rotateZ(0)}to{transform:rotateX(58deg) rotateY(-15deg) rotateZ(360deg)}}
 @keyframes tech-hero-orbit-b{from{transform:rotateX(18deg) rotateY(44deg) rotateZ(0)}to{transform:rotateX(18deg) rotateY(44deg) rotateZ(-360deg)}}
 @keyframes tech-hero-orbit-c{from{transform:rotateX(65deg) rotateZ(30deg)}to{transform:rotateX(65deg) rotateZ(390deg)}}
 @keyframes tech-hero-breathe{0%,100%{opacity:.45}50%{opacity:1}}
 @keyframes tech-hero-beam{0%,15%{translate:-130% 0;opacity:0}35%{opacity:.7}65%,100%{translate:120% 0;opacity:0}}
 @keyframes tech-hero-scan{0%{translate:0 -100%;opacity:0}20%{opacity:.8}80%{opacity:.8}100%{translate:0 750%;opacity:0}}
 @keyframes tech-hero-corner{0%,100%{opacity:.45}50%{opacity:1}}
 @keyframes tech-hero-particle{0%{translate:0 25px;opacity:0}20%,75%{opacity:.85}100%{translate:18px -65px;opacity:0}}
 @keyframes tech-hero-copy{from{opacity:.2;transform:translate3d(0,22px,0);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
 @keyframes tech-hero-type{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
}
@media(max-width:760px){.tech-hero-scene{display:none}}
@media(prefers-reduced-motion:reduce){.tech-hero-scene{display:none}.tech-motion-on .hero .hero-copy,.tech-motion-on .bn-title em{animation:none!important}.tech-motion-on .tech-hero-host .hero-art{transform:none;transition:none}.tech-motion-on .section-title:before{display:none}}
