@keyframes hero-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes hero-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards hero-fade-in}.animate-fade-in-delay{opacity:0;animation:.5s ease-out .15s forwards hero-fade-in}.hero-title-gradient{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#1e40af 0%,#2929a3 25%,#1e40af 50%,#2929a3 75%,#1e40af 100%) 0 0/200%;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite hero-gradient-shimmer}.hero-subtitle{opacity:0;animation:.8s ease-out .3s forwards hero-subtitle-fade}.mask-fade-out{-webkit-mask-image:linear-gradient(#000 30%,#0000 100%);mask-image:linear-gradient(#000 30%,#0000 100%)}.interactive-grid-box{border-bottom:1px solid #1919700d;border-right:1px solid #1919700d;width:50px;height:50px;transition:background-color 1.5s}.interactive-grid-box:hover{background-color:#ff6b3526;transition:background-color}.hero-ripple-container{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-ripple{pointer-events:none;border:2px solid #cf06;border-radius:50%;animation:2s ease-out forwards hero-ripple;position:absolute}.hero-cta-primary{position:relative;overflow:hidden}.hero-cta-primary:before{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-cta-primary:hover:before{width:300px;height:300px}@keyframes hero-float{0%,to{transform:translateY(0)translate(0)}25%{transform:translateY(-20px)translate(10px)}50%{transform:translateY(-10px)translate(-10px)}75%{transform:translateY(-30px)translate(5px)}}.hero-particle{pointer-events:none;background:#cf09;border-radius:50%;width:4px;height:4px;animation:6s ease-in-out infinite hero-float;position:absolute}.hero-particle:nth-child(2n){background:#19197066;animation-duration:8s;animation-delay:1s}.hero-particle:nth-child(3n){background:#ff6b354d;animation-duration:10s;animation-delay:2s}.hero-mockup-marquee-container{width:100%;padding:.5rem 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.hero-mockup-marquee-content{will-change:transform;gap:.75rem;width:max-content;animation:20s linear infinite hero-marquee-scroll;display:flex;animation-play-state:running!important}.hero-marquee-paused .hero-mockup-marquee-content{animation-play-state:paused!important}.hero-project-card{flex-shrink:0;transition:transform .3s;border-radius:1rem!important;width:280px!important;height:220px!important}.hero-project-card:hover{z-index:10;transform:translateY(-3px)scale(1.01)}@media (min-width:480px){.hero-project-card{width:340px!important;height:260px!important}}@media (min-width:640px){.hero-mockup-marquee-container{padding:1rem 0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.hero-mockup-marquee-content{gap:1.25rem;animation-duration:30s}.hero-project-card{width:400px!important;height:300px!important}.hero-project-card:hover{transform:translateY(-5px)scale(1.02)}}@media (min-width:768px){.hero-mockup-marquee-container{padding:1.5rem 0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.hero-mockup-marquee-content{gap:1.5rem;animation-duration:40s}.hero-project-card{width:460px!important;height:340px!important}.hero-project-card:hover{transform:translateY(-8px)scale(1.02)}}@media (min-width:1024px){.hero-mockup-marquee-container{padding:2rem 0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.hero-mockup-marquee-content{gap:2rem;animation-duration:45s}.hero-project-card{width:480px!important;height:355px!important}.hero-project-card:hover{transform:translateY(-10px)scale(1.02)}}@keyframes hero-shimmer{to{transform:translate(100%)}}.animate-hero-shimmer{animation:2s infinite hero-shimmer}.hero-preview-iframe{transform-origin:0 0;pointer-events:none;border:none;width:1440px;height:900px;display:block;transform:scale(.291)}@keyframes hero-preview-scanline{0%{top:-20%}to{top:120%}}.hero-preview-scroll-overlay{background:linear-gradient(#0000 0%,#ffffff0f 45%,#ffffff1f 50%,#ffffff0f 55%,#0000 100%);width:100%;height:40%;animation:4s ease-in-out infinite hero-preview-scanline;position:absolute;left:0}@media (prefers-reduced-motion:reduce){.hero-mockup-marquee-content{animation-duration:120s!important}.hero-project-card:hover{transform:none}.animate-fade-in,.animate-fade-in-delay{opacity:1;animation:none}.hero-preview-scroll-overlay{animation:none;display:none}}