html, body {font-family: 'Inter', sans-serif; overflow-x: hidden; width: 100%; max-width: 100vw;}
.bg-hero {background-image: linear-gradient(rgba(28,31,38,.85), rgba(28,31,38,.95)), var(--hero-image, url('../img/bg.png')); background-size: cover; background-position: center;}
.bg-project-hero {background-image: linear-gradient(rgba(28,31,38,.75), rgba(28,31,38,.95)), var(--project-hero-image); background-size: cover; background-position:center;}
.mouse-follower{position:absolute;top:0;left:0;pointer-events:none;z-index:0;opacity:0;transition:opacity .5s ease;filter:drop-shadow(0 0 5px rgba(255,204,0,.3))}
.gold-shine{background:linear-gradient(to right,#B8860B 20%,#FFDF73 50%,#B8860B 80%);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:shine 3s linear infinite}@keyframes shine{to{background-position:200% center}}
.premium-title-gradient{background:linear-gradient(to right,#FFCC00 0%,#FFF 50%,#FFCC00 100%);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:titleShine 4s linear infinite}@keyframes titleShine{to{background-position:200% center}}
.nav-link-sweep{background:linear-gradient(to right,#FFCC00 50%,#E5E7EB 50%);background-size:200% 100%;background-position:100% 0;color:transparent!important;-webkit-background-clip:text;background-clip:text;transition:background-position .4s ease-out}.nav-link-sweep:hover,.nav-link-active{background-position:0 0}.nav-link-active{border-bottom:2px solid #FFCC00}
.footer-link-sweep{background:linear-gradient(to right,#FFCC00 50%,#9CA3AF 50%);background-size:200% 100%;background-position:100% 0;color:transparent!important;-webkit-background-clip:text;background-clip:text;transition:background-position .4s ease-out}.footer-link-sweep:hover{background-position:0 0}
.btn-sweep-primary{background-color:#FFCC00;color:#1C1F26;position:relative;z-index:10;overflow:hidden;transition:color .4s ease-out}.btn-sweep-primary:before{content:"";position:absolute;z-index:-1;inset:0;background-color:#E6B800;transform:scaleX(0);transform-origin:0 50%;transition:transform .4s ease-out}.btn-sweep-primary:hover:before{transform:scaleX(1)}
.btn-sweep-outline{background:transparent;color:#fff;position:relative;z-index:10;overflow:hidden;border:1px solid rgba(255,255,255,.4);transition:color .4s ease-out,border-color .4s ease-out}.btn-sweep-outline:before{content:"";position:absolute;z-index:-1;inset:0;background:#fff;transform:scaleX(0);transform-origin:0 50%;transition:transform .4s ease-out}.btn-sweep-outline:hover{color:#1C1F26;border-color:#fff}.btn-sweep-outline:hover:before{transform:scaleX(1)}
.reveal-up{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.25,1,.5,1)}.reveal-left{opacity:0;transform:translateX(-40px);transition:all .8s cubic-bezier(.25,1,.5,1)}.reveal-right{opacity:0;transform:translateX(40px);transition:all .8s cubic-bezier(.25,1,.5,1)}.reveal-up.active,.reveal-left.active,.reveal-right.active{opacity:1;transform:translate(0)}.delay-100{transition-delay:100ms}.delay-200{transition-delay:200ms}.delay-300{transition-delay:300ms}.delay-400{transition-delay:400ms}.delay-500{transition-delay:500ms}
.testimonial-scroll-container{height:380px;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent)}.testimonial-scroll-track{display:flex;flex-direction:column;gap:1.5rem;animation:scrollVertical 20s linear infinite}.testimonial-scroll-container:hover .testimonial-scroll-track{animation-play-state:paused}@keyframes scrollVertical{0%{transform:translateY(0)}100%{transform:translateY(calc(-50% - .75rem))}}
.partner-logo-box{filter:grayscale(100%) opacity(.6);transition:all .4s ease}.partner-logo-box:hover{filter:grayscale(0) opacity(1);transform:translateY(-5px);border-color:#FFCC00;box-shadow:0 4px 20px -2px rgba(255,204,0,.2)}
.horizontal-scroll-container{width:100%;overflow:hidden;position:relative;padding:1rem 0 2rem;-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}.horizontal-scroll-track{display:flex;width:max-content;gap:2rem;animation:scrollHorizontal 35s linear infinite}.horizontal-scroll-container:hover .horizontal-scroll-track{animation-play-state:paused}@keyframes scrollHorizontal{0%{transform:translateX(0)}100%{transform:translateX(calc(-50% - 1rem))}}
[dir="rtl"] .reveal-left{transform:translateX(40px)}[dir="rtl"] .reveal-right{transform:translateX(-40px)}