/* Neon aurora visual system */
:root{--aurora:linear-gradient(100deg,#00f0ff 0%,#9d4edf 28%,#ff007a 53%,#ffc83d 76%,#19f7a5 100%)}
body{background:#030309}body:before{display:none}.visual-canvas{z-index:0;mix-blend-mode:screen;opacity:1;filter:saturate(1.7) contrast(1.12) brightness(1.22)}main{background:linear-gradient(180deg,#030309b8,#05050aaa 45%,#030309c2)!important}
.gradient-title,.commercial-head h2,.section-head h2,.mascot-section h2,.contact-logo h2{background:var(--aurora);background-size:240% 100%;color:transparent!important;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 16px #9d4edf42);animation:aurora-text 7s linear infinite}
.studio-pill,.work-info small,.process-card>span{border-color:transparent!important;background:linear-gradient(#080916e8,#080916e8) padding-box,var(--aurora) border-box!important;box-shadow:0 0 18px #00f0ff19,inset 0 0 16px #9d4edf14}
.work-card,.service-card,.process-card,.contact-card,.traffic-dashboard{position:relative;isolation:isolate;border:1px solid transparent!important;background:linear-gradient(145deg,#0a101eea,#100b19ed) padding-box,conic-gradient(from var(--aurora-angle),#00f0ff,#ffffff18 16%,#9d4edf 34%,#ff007a 54%,#ffc83d 72%,#19f7a5 88%,#00f0ff) border-box!important;box-shadow:0 18px 45px #0008,0 0 22px #00f0ff12;transition:transform .32s ease,box-shadow .32s ease}
.work-card:after,.service-card:after,.process-card:after,.contact-card:after,.traffic-dashboard:after{content:"";position:absolute;inset:-2px;z-index:-1;border-radius:inherit;background:conic-gradient(from var(--aurora-angle),transparent 0 36%,#00f0ff 43%,#9d4edf 49%,#ff007a 55%,#ffc83d 60%,#19f7a5 65%,transparent 72%);filter:blur(15px);opacity:.2;pointer-events:none;animation:aurora-spin 7s linear infinite}
.work-card:hover,.service-card:hover,.process-card:hover,.contact-card:hover{transform:translateY(-7px);box-shadow:0 22px 52px #0009,0 0 26px #00f0ff30,0 0 34px #ff007a25}.work-card:hover:after,.service-card:hover:after,.process-card:hover:after,.contact-card:hover:after{opacity:.55}
.work-visual:before{content:"";position:absolute;inset:-40%;z-index:3;pointer-events:none;mix-blend-mode:screen;background:conic-gradient(from 0deg,transparent,#00f0ff25,transparent 28%,#ff007a22,transparent 58%,#ffc83d1d,transparent);animation:visual-orbit 10s linear infinite}.round-arrow,.service-icon{border-color:#00f0ff55!important;box-shadow:0 0 18px #00f0ff22,inset 0 0 14px #9d4edf20}.hero-logo-aura{filter:drop-shadow(0 0 28px #00f0ff2f) drop-shadow(0 0 42px #ff007a22)}
@property --aurora-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes aurora-spin{to{--aurora-angle:360deg}}@keyframes aurora-text{to{background-position:240% 50%}}@keyframes aurora-breathe{to{opacity:.66;transform:scale(1.035)}}@keyframes visual-orbit{to{transform:rotate(360deg)}}
@media(max-width:768px){.visual-canvas{opacity:.88;filter:saturate(1.5) brightness(1.12)}.work-card:after,.service-card:after,.process-card:after,.contact-card:after,.traffic-dashboard:after{filter:blur(10px);opacity:.16}.work-card:hover,.service-card:hover,.process-card:hover,.contact-card:hover{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.gradient-title,.commercial-head h2,.section-head h2,.mascot-section h2,.contact-logo h2,.work-card:after,.service-card:after,.process-card:after,.contact-card:after,.traffic-dashboard:after,.work-visual:before{animation:none!important}.work-card,.service-card,.process-card,.contact-card{transition:none!important}}