@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes softPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}html{scroll-behavior:smooth}.reveal,.reveal-up{opacity:0;transform:translateY(42px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)!important;transition-delay:calc(var(--d, 0) * 90ms)!important}.reveal.in-view,.reveal-up.in-view{opacity:1;transform:translateY(0)}.reveal-scale{opacity:0;transform:scale(.9);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)!important;transition-delay:calc(var(--d, 0) * 90ms)!important}.reveal-scale.in-view{opacity:1;transform:scale(1)}@media(prefers-reduced-motion:reduce){.reveal,.reveal-up,.reveal-scale{opacity:1!important;transform:none!important;transition:none!important}body{opacity:1!important;animation:none!important}html{scroll-behavior:auto}}.glass-clay-card,.clean-card,.glass-card,.industry-card,.premium-card,.page-404-card,.process-step,.faq-item,.stack-item{transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1);will-change:transform}.glass-clay-card:hover,.clean-card:hover,.glass-card:hover,.industry-card:hover,.premium-card:hover,.stack-item:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f}.process-step{position:relative}.process-step:hover{transform:translateY(-6px)}.process-step:hover .step-number{color:var(--accent);transform:scale(1.08)}.step-number{display:inline-block;transition:color .3s ease,transform .3s ease}.icon-large{display:inline-block;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.clean-card:hover .icon-large{transform:scale(1.18) rotate(-4deg)}a[class*=cta],button,.btn{position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,filter .3s ease}a[class*=cta]:before,.btn:before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-20deg);transition:left .6s ease;pointer-events:none}a[class*=cta]:hover:before,.btn:hover:before{left:125%}a[class*=cta]:hover,.btn:hover{transform:translateY(-3px);filter:brightness(1.05);box-shadow:0 10px 26px #00000029}a[class*=cta]:active,.btn:active{transform:translateY(0) scale(.97)}.media-frame{position:relative;overflow:hidden;border-radius:var(--radius, 18px);display:block}.media-frame img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.media-frame:hover img{transform:scale(1.06)}.card-media{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:14px;display:block;margin-bottom:1.1rem;transition:transform .5s cubic-bezier(.16,1,.3,1)}.card-media:hover{transform:scale(1.03)}.hero-banner-wrap{max-width:1100px;margin:1.5rem auto 3rem;padding:0 1.5rem}.hero-banner-img{width:100%;height:auto;border-radius:24px;box-shadow:0 20px 50px #00000024;display:block}.avatar-media{border-radius:50%;object-fit:cover;transition:transform .4s ease,box-shadow .4s ease}.avatar-media:hover{transform:scale(1.06);box-shadow:0 8px 20px #0000002e}.float-decor{animation:floatSlow 6s ease-in-out infinite}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:var(--accent);transition:width .3s cubic-bezier(.16,1,.3,1)}.nav-link:hover:after{width:100%}input,textarea,select{transition:border-color .3s ease,box-shadow .3s ease,transform .2s ease}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 4px #0066cc1f}.img-shimmer{background:linear-gradient(90deg,#eee,#f5f5f5 20%,#eee 40% 100%);background-size:800px 100%;animation:shimmer 1.6s linear infinite}@media(max-width:640px){main section,main>div{padding-left:1rem!important;padding-right:1rem!important}#hero-video-wrap,#hero-sequence-wrap{padding-left:0!important;padding-right:0!important}main,section,.grid-layout,[style*="max-width: 1200px"],[style*="max-width: 900px"],[style*="max-width: 800px"],[style*="max-width: 750px"],[style*="max-width: 700px"],[style*="max-width: 650px"]{max-width:100%!important}.clean-card,.glass-card,.industry-card,.premium-card,.faq-item,.glass-clay-card [style*="padding: 2rem"]{padding:1.25rem!important}.hero-banner-wrap{max-width:100%!important;padding-left:1rem!important;padding-right:1rem!important;margin-left:0!important;margin-right:0!important;overflow:hidden}.hero-banner-img{border-radius:16px!important;aspect-ratio:680/500}.hero-banner-img.hero-stacked{aspect-ratio:1300/1550}.hero-banner-img.hero-wide{aspect-ratio:1550/896}.card-media{border-radius:10px}}.concept-badge{position:absolute;top:14px;left:14px;background:#141416c7;color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:.4rem .85rem;border-radius:50px;z-index:3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.concept-note{max-width:850px;margin:0 auto 2.5rem;padding:1rem 1.5rem;background:#0066cc0f;border:1px solid rgba(0,102,204,.18);border-radius:14px;color:var(--text-secondary, #555);font-size:.92rem;line-height:1.6;text-align:center}
.reveal-left{opacity:0;transform:translateX(-64px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)!important;transition-delay:calc(var(--d, 0) * 90ms)!important}
.reveal-left.in-view{opacity:1;transform:translateX(0)}
.reveal-right{opacity:0;transform:translateX(64px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)!important;transition-delay:calc(var(--d, 0) * 90ms)!important}
.reveal-right.in-view{opacity:1;transform:translateX(0)}
@media(prefers-reduced-motion:reduce){.reveal-left,.reveal-right{opacity:1!important;transform:none!important;transition:none!important}}
@media(max-width:640px){.reveal-left,.reveal-right{transform:translateX(0) translateY(32px)!important}.reveal-left.in-view,.reveal-right.in-view{transform:translateY(0)!important}}
/* Subtle 3D tilt on interactive cards — reinforces the "we build 3D sites" feel site-wide */
.service-card,.content-card,.feature-item{transform-style:preserve-3d;perspective:800px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)!important}
.service-card:hover{transform:perspective(800px) rotateX(4deg) rotateY(-4deg) translateY(-6px)!important}
.content-card:hover{transform:perspective(800px) rotateX(3deg) rotateY(-3deg) translateY(-6px)!important}
.feature-item:hover{transform:perspective(600px) rotateY(-3deg) translateY(-2px)!important}
@media(max-width:640px){.service-card:hover,.content-card:hover,.feature-item:hover{transform:translateY(-4px)!important}}