.hero-section{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-title{margin-bottom:1.5rem;font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:1.1;animation:1s ease-out fadeInUp}.hero-subtitle{color:var(--text-secondary);max-width:48rem;margin:0 auto 3rem;font-size:clamp(1.125rem,2vw,1.5rem);animation:1s ease-out .2s backwards fadeInUp}.scroll-indicator{animation:2s infinite bounce;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.stats-section{background:var(--surface);padding:5rem 0}.stat-item{text-align:center;animation:.6s ease-out backwards scaleIn}.stat-value{background:linear-gradient(135deg, var(--primary-light), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;animation:3s ease-in-out infinite pulse-glow}.services-preview{padding:6rem 0}.service-card{background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:2rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.service-card:before{content:"";background:linear-gradient(90deg,#0000,#6c3ce11a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.service-card:hover:before{left:100%}.service-card:hover{border-color:#6c3ce180;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #6c3ce133}.why-section{background:var(--surface);padding:6rem 0}.testimonials-section{padding:6rem 0}.testimonial-card{background:var(--surface);border:1px solid var(--border);border-radius:1rem;flex-direction:column;height:100%;padding:2rem;transition:all .4s;display:flex}.testimonial-card:hover{border-color:#6c3ce180;transform:translateY(-5px);box-shadow:0 15px 30px #6c3ce126}.cta-section{background:var(--surface);padding:6rem 0;position:relative;overflow:hidden}.cta-section:before{content:"";background:radial-gradient(circle,#6c3ce11a 0%,#0000 70%);width:200%;height:200%;animation:30s linear infinite rotate-slow;position:absolute;top:-50%;left:-50%}.cta-button{transition:all .3s;position:relative;overflow:hidden}.cta-button: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%)}.cta-button:hover:before{width:300px;height:300px}.cta-button:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 15px 35px #6c3ce166}.hero-mesh{background-image:linear-gradient(#9d00ff07 1px,#0000 1px),linear-gradient(90deg,#9d00ff07 1px,#0000 1px);background-size:56px 56px;animation:32s linear infinite hero-mesh-pan;-webkit-mask-image:radial-gradient(92% 72% at 50% 38%,#000 12%,#0000 78%);mask-image:radial-gradient(92% 72% at 50% 38%,#000 12%,#0000 78%)}@keyframes hero-mesh-pan{0%{background-position:0 0,0 0}to{background-position:56px 56px,56px 56px}}@media (prefers-reduced-motion:reduce){.hero-mesh{animation:none}}.hero-headline-shimmer{background:linear-gradient(105deg, #fff 0%, var(--primary-dark) 18%, var(--primary-light) 36%, var(--primary-dark) 52%, var(--primary-ultra-light) 68%, var(--primary-dark) 82%, #fff 100%);-webkit-text-fill-color:transparent;background-size:240%;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite hero-shimmer-slide}@keyframes hero-shimmer-slide{0%{background-position:200%}to{background-position:-200%}}@media (prefers-reduced-motion:reduce){.hero-headline-shimmer{-webkit-text-fill-color:var(--primary-dark);background:0 0;animation:none}}.hero-cta-primary{background-color:var(--primary-dark)}.hero-cta-primary:hover{background-color:var(--primary)}.hero-ping{animation:2s cubic-bezier(0,0,.2,1) infinite hero-ping}@keyframes hero-ping{75%,to{opacity:0;transform:scale(2.5)}}@media (prefers-reduced-motion:reduce){.hero-ping{animation:none}}.hero-cta-shine{background:linear-gradient(115deg,#0000 35%,#ffffff2e 50%,#0000 65%);transform:translate(-130%)}.hero-cta-primary:hover .hero-cta-shine{animation:.85s ease-out forwards hero-cta-sweep}@keyframes hero-cta-sweep{to{transform:translate(130%)}}