:root{--motion-orange:#ff6a1a;--pointer-x:50vw;--pointer-y:50vh}
body.motion-ready{overflow-x:hidden}
.motion-pointer{position:fixed;z-index:9999;left:0;top:0;width:360px;height:360px;border-radius:50%;pointer-events:none;opacity:.16;mix-blend-mode:screen;background:radial-gradient(circle,#ff6a1a 0,#ff6a1a44 24%,transparent 68%);transform:translate3d(calc(var(--pointer-x) - 50%),calc(var(--pointer-y) - 50%),0);transition:opacity .3s}
.concept-badge{position:fixed;z-index:30;right:20px;top:104px;padding:8px 12px;border:1px solid #ff6a1a70;background:#141719d9;backdrop-filter:blur(10px);color:#ff8a4b;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;pointer-events:none}
.motion-ready .hero{isolation:isolate;background:#071520}
.motion-ready .hero:before{content:"";position:absolute;z-index:0;inset:auto -8% -18% 34%;height:72%;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,#dff5ff42 0,#9bcde52b 23%,transparent 66%);filter:blur(7px);transform:translate3d(calc(var(--hero-x,0px)*.35),calc(var(--hero-y,0px)*.35),0)}
.motion-ready .hero:after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 26%,#ffffff26 0 1px,transparent 2px),radial-gradient(circle at 69% 54%,#ffffff20 0 1.5px,transparent 2.5px),radial-gradient(circle at 91% 72%,#ffffff2b 0 1px,transparent 2px);background-size:92px 92px,137px 137px,181px 181px;mask-image:linear-gradient(90deg,transparent 18%,#000 56%,#000);transform:translate3d(calc(var(--hero-x,0px)*-.25),calc(var(--hero-y,0px)*-.25),0)}
.motion-ready .hero-bg{background:linear-gradient(90deg,#061018f0 0%,#07131db8 34%,#07131d35 58%,#07131d0f 100%),url('assets/hero-snowflakes-atrium-v1.png') center/cover no-repeat;transform:scale(1.08) translate3d(var(--hero-x,0px),var(--hero-y,0px),0);transition:transform .18s ease-out;will-change:transform}
.snowfall{position:absolute;z-index:1;inset:-25% 0 0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,#000 0,#0009 50%,#000 100%)}
.snowfall i{position:absolute;left:var(--snow-x);top:-10%;color:#f4fbff;font-style:normal;font-size:var(--snow-size);line-height:1;opacity:calc(var(--snow-opacity)*.38);filter:drop-shadow(0 0 7px #dff7ffb0);animation:snowfall var(--snow-time) linear var(--snow-delay) infinite;will-change:transform}
@keyframes snowfall{0%{transform:translate3d(0,-8vh,0) rotate(0deg)}50%{transform:translate3d(var(--snow-drift),64vh,0) rotate(190deg)}100%{transform:translate3d(var(--snow-drift-back),138vh,0) rotate(380deg)}}
.motion-ready .hero-content{transform:translate3d(calc(var(--hero-x,0px)*-.22),calc(var(--hero-y,0px)*-.22),0);transition:transform .22s ease-out;will-change:transform}
.motion-ready .hero h1 em{position:relative;background:linear-gradient(100deg,transparent 10%,#ff6a1a 48%,transparent 76%);background-size:220% 100%;background-position:130% 0;background-clip:text;-webkit-background-clip:text;animation:motionShine 6s ease-in-out infinite}
@keyframes motionShine{0%,55%{background-position:130% 0}80%,100%{background-position:-120% 0}}
.motion-ready .trust-strip{position:relative;overflow:hidden}
.motion-ready .trust-strip:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,#fff5 50%,transparent 70%);transform:translateX(-120%);animation:stripSweep 7s ease-in-out infinite}
@keyframes stripSweep{0%,58%{transform:translateX(-120%)}86%,100%{transform:translateX(120%)}}
.motion-ready .motion-section{position:relative;isolation:isolate}
.motion-ready .motion-section:after{content:"";position:absolute;z-index:-1;right:-12vw;top:9%;width:32vw;height:32vw;border:1px solid #ff6a1a20;border-radius:50%;transform:translate3d(0,calc(var(--section-shift,0)*1px),0);box-shadow:0 0 0 55px #ff6a1a08,0 0 0 110px #ff6a1a05;pointer-events:none}
.motion-ready .service-card.motion-tilt,.motion-ready .benefit-card.motion-tilt{--rx:0deg;--ry:0deg;--lift:0px;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translate3d(0,var(--lift),0);transform-style:preserve-3d;will-change:transform;transition:transform .16s ease,box-shadow .25s ease;overflow:hidden}
.motion-ready .service-card.motion-tilt:hover,.motion-ready .benefit-card.motion-tilt:hover{--lift:-8px;box-shadow:0 28px 55px #17191a2d;z-index:3}
.motion-ready .service-card.motion-tilt:after,.motion-ready .benefit-card.motion-tilt:after{content:"";position:absolute;z-index:5;inset:-1px;pointer-events:none;background:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,50%),#fff9,transparent 34%);opacity:0;transition:opacity .25s}
.motion-ready .service-card.motion-tilt:hover:after,.motion-ready .benefit-card.motion-tilt:hover:after{opacity:.32}
.motion-ready .service-card.motion-tilt>*{transform:translateZ(22px)}
.motion-ready .portfolio-carousel{box-shadow:0 34px 70px #0004}
.motion-ready .portfolio-slide img{transform:scale(1.035) translate3d(var(--gallery-x,0px),var(--gallery-y,0px),0);transition:transform .35s ease-out;will-change:transform}
.motion-ready .button,.motion-ready .contact-channel{transition:transform .18s ease,background-color .2s,border-color .2s,color .2s,box-shadow .2s}
.motion-ready .button.motion-magnet,.motion-ready .contact-channel.motion-magnet{transform:translate3d(var(--magnet-x,0px),var(--magnet-y,0px),0)}
.motion-ready .button.primary:hover{box-shadow:0 16px 34px #ff6a1a45}
.motion-ready .reveal{transform:translateY(34px) scale(.985);filter:blur(5px);transition:opacity .85s cubic-bezier(.2,.75,.25,1),transform .85s cubic-bezier(.2,.75,.25,1),filter .85s}
.motion-ready .reveal.visible{transform:none;filter:none}
.motion-ready .process-cards li{transition:transform .28s ease,background-color .28s ease}
.motion-ready .process-cards li:hover{transform:translateY(-8px);background-color:#fff}
@media(max-width:900px){.motion-pointer,.concept-badge{display:none}.motion-ready .hero-bg,.motion-ready .hero-content,.motion-ready .portfolio-slide img{transform:none}.motion-ready .hero-bg{background:linear-gradient(90deg,#061018fa 0%,#07131de3 52%,#07131d55 100%),url('assets/hero-snowflakes-atrium-v1.png') 60% center/cover no-repeat}.snowfall{opacity:.5}.motion-ready .service-card.motion-tilt,.motion-ready .benefit-card.motion-tilt,.motion-ready .button.motion-magnet,.motion-ready .contact-channel.motion-magnet{transform:none!important}.motion-ready .motion-section:after{display:none}}
@media(max-width:680px){.motion-ready .hero-bg{background-image:linear-gradient(90deg,#061018f2 0%,#07131dce 48%,#07131d52 100%),url('assets/hero-snowflakes-atrium-v1.png');background-position:center,85% center;background-size:100% 100%,auto 100%;background-repeat:no-repeat}.snowfall{opacity:.72}.motion-ready .hero:after{opacity:.7}}
@media(prefers-reduced-motion:reduce){.motion-pointer,.concept-badge{display:none}.motion-ready *{animation:none!important}.motion-ready .hero-bg,.motion-ready .hero-content,.motion-ready .portfolio-slide img,.motion-ready .service-card.motion-tilt,.motion-ready .benefit-card.motion-tilt,.motion-ready .button.motion-magnet,.motion-ready .contact-channel.motion-magnet{transform:none!important;transition:none!important}}