/*
 * © 2026 AutoFlow Agency. All Rights Reserved.
 * This code is protected by copyright law.
 * Unauthorized copying, modification, or distribution is strictly prohibited.
 */
@keyframes ambient-glow{0%,100%{box-shadow:0 4px 20px rgba(0,0,0,.1),0 0 0 1px var(--border-subtle);transform:translateY(0)}50%{box-shadow:0 8px 30px rgba(0,0,0,.15),0 0 20px -5px var(--accent-primary),0 0 0 1px var(--border-accent);transform:translateY(-4px)}}@keyframes ambient-shimmer{0%,100%{background-position:-100% 0}50%{background-position:200% 0}}.section-grid-overlay{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.02;background-image:linear-gradient(var(--text-primary) 1px,transparent 1px),linear-gradient(90deg,var(--text-primary) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,black 20%,transparent 70%)}.section-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.section-particle{position:absolute;width:5px;height:5px;background:var(--accent-secondary);border-radius:50%;opacity:0;animation:12s ease-in-out infinite particleFloat;box-shadow:0 0 6px var(--glow-secondary)}.section-particle:first-child{left:5%;top:15%;animation-delay:0s;animation-duration:14s}.section-particle:nth-child(2){left:15%;top:65%;animation-delay:-2s;animation-duration:11s}.section-particle:nth-child(3){left:25%;top:25%;animation-delay:-4s;animation-duration:13s}.section-particle:nth-child(4){left:40%;top:75%;animation-delay:-6s;animation-duration:10s}.section-particle:nth-child(5){left:55%;top:20%;animation-delay:-8s;animation-duration:15s}.section-particle:nth-child(6){left:70%;top:60%;animation-delay:-1s;animation-duration:12s}.section-particle:nth-child(7){left:85%;top:30%;animation-delay:-5s;animation-duration:11s}.section-particle:nth-child(8){left:92%;top:70%;animation-delay:-9s;animation-duration:14s}.section-particle:nth-child(9){left:8%;top:45%;animation-delay:-3s;animation-duration:13s}.section-particle:nth-child(10){left:32%;top:55%;animation-delay:-7s;animation-duration:12s}.section-particle:nth-child(11){left:48%;top:35%;animation-delay:-10s;animation-duration:14s}.section-particle:nth-child(12){left:62%;top:80%;animation-delay:-4s;animation-duration:11s}.section-particle:nth-child(13){left:78%;top:45%;animation-delay:-11s;animation-duration:15s}.section-particle:nth-child(14){left:95%;top:25%;animation-delay:-6s;animation-duration:10s}.section-particle:nth-child(15){left:3%;top:85%;animation-delay:-8s;animation-duration:13s}.section-particle:nth-child(16){left:18%;top:10%;animation-delay:-12s;animation-duration:12s}@keyframes particleFloat{0%,100%{opacity:0;transform:translateY(0) scale(.5)}15%,85%{opacity:.7}50%{opacity:.5;transform:translateY(-60px) scale(1)}}.section-connector{position:absolute;left:50%;bottom:-40px;transform:translateX(-50%);width:1px;height:80px;background:linear-gradient(to bottom,var(--border-accent),transparent);opacity:.3;z-index:1}.section-connector::before{content:'';position:absolute;top:0;left:-2px;width:5px;height:5px;background:var(--accent-secondary);border-radius:50%;animation:3s ease-in-out infinite connectorPulse}@keyframes connectorPulse{0%,100%{opacity:.5;box-shadow:0 0 5px var(--glow-secondary)}50%{opacity:1;box-shadow:0 0 15px var(--glow-secondary)}}.logos{position:relative}.logos::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg-primary) 0,transparent 10%,transparent 90%,var(--bg-primary) 100%);z-index:1;pointer-events:none}.logo-item{position:relative;padding:var(--space-3) var(--space-4);border-radius:var(--border-radius-base);transition:.4s cubic-bezier(.4, 0, .2, 1)}.logo-item::before{content:'';position:absolute;inset:0;background:var(--glow-primary);border-radius:inherit;opacity:0;filter:blur(20px);transition:opacity .4s}.logo-item:hover::before{opacity:.3}.logo-item:hover{transform:scale(1.1) translateY(-2px)}.process{position:relative;overflow:hidden}.process .section-orb-1{top:-100px;left:-150px}.process .section-orb-2{bottom:-100px;right:-100px}.process::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:100%;background:linear-gradient(to bottom,transparent,var(--border-light) 20%,var(--border-light) 80%,transparent);opacity:.5}.process-grid{position:relative}.process-grid::before{content:'';position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 5%,var(--border-accent) 20%,var(--accent-secondary) 50%,var(--border-accent) 80%,transparent 95%);z-index:0;opacity:.4}.process-grid::after{content:'';position:absolute;top:50%;left:0;width:40px;height:4px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-full);filter:blur(2px);animation:4s ease-in-out infinite processFlow;z-index:1;box-shadow:0 0 20px var(--glow-primary)}@keyframes processFlow{0%{left:5%;opacity:0}10%,90%{opacity:1}100%{left:calc(95% - 40px);opacity:0}}.step-card{position:relative;z-index:2;overflow:hidden}.step-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--theme-gradient);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.4, 0, .2, 1)}.step-card:hover::before{transform:scaleX(1)}.step-number{position:relative;transition:.4s cubic-bezier(.4, 0, .2, 1)}.step-card:hover .step-number{transform:scale(1.1);box-shadow:0 0 30px var(--glow-primary)}.step-number::after{content:'';position:absolute;inset:-4px;border-radius:inherit;border:2px solid var(--accent-secondary);opacity:0;animation:none}.step-card:hover .step-number::after{animation:1.5s ease-out infinite stepPulse}@keyframes stepPulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.5);opacity:0}}.services{position:relative;overflow:hidden}.services::before{content:'';position:absolute;top:50%;left:50%;width:800px;height:800px;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--glow-tertiary) 0,transparent 70%);opacity:.3;pointer-events:none}.services .section-orb-1{top:-100px;right:-200px}.services .section-orb-2{bottom:-150px;left:-100px}.service-card{position:relative;overflow:hidden}.service-icon{position:relative;overflow:hidden;transition:.4s cubic-bezier(.4, 0, .2, 1)}.service-icon::before{content:'';position:absolute;inset:0;background:var(--theme-gradient);opacity:.7;transition:transform .4s}.service-card:hover .service-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 0 40px var(--glow-primary)}.service-card:hover .service-icon::before{animation:1.5s ease-in-out infinite iconShimmer}@keyframes iconShimmer{0%,100%{transform:translateX(-100%) rotate(45deg)}50%{transform:translateX(100%) rotate(45deg)}}.service-card::before{content:'';position:absolute;top:0;right:0;width:120px;height:120px;background:radial-gradient(circle at top right,var(--glow-secondary) 0,transparent 70%);opacity:0;transition:opacity .4s}.service-card:hover::before{opacity:.5}.service-card::after{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--theme-gradient);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;opacity:0;transition:opacity .4s;pointer-events:none}.service-card:hover::after{opacity:1}.service-link{position:relative;overflow:hidden}.service-link::before{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--theme-gradient);transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.4, 0, .2, 1)}.service-card:hover .service-link::before{transform:scaleX(1);transform-origin:left}.portfolio{position:relative;overflow:hidden}.portfolio .section-orb-1{top:20%;right:-150px}.portfolio .section-orb-2{bottom:10%;left:-100px}.portfolio::before{content:'';position:absolute;top:20%;right:5%;width:200px;height:200px;border:1px solid var(--border-subtle);border-radius:50%;opacity:.3;animation:8s ease-in-out infinite floatDecor}.portfolio::after{content:'';position:absolute;bottom:15%;left:8%;width:150px;height:150px;border:1px solid var(--border-accent);border-radius:var(--border-radius-base);opacity:.2;animation:10s ease-in-out infinite reverse floatDecor;transform:rotate(45deg)}@keyframes floatDecor{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(5deg)}}.portfolio-card{position:relative;transition:box-shadow .4s,transform .4s;--glow-x:50%;--glow-y:50%}.portfolio-card::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;opacity:0;transition:opacity .4s;background:radial-gradient(400px circle at var(--glow-x) var(--glow-y),rgba(var(--accent-primary-rgb,99,102,241),.4) 0,transparent 60%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;padding:2px}.portfolio-card:hover::after{opacity:1}.portfolio-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.1)}.portfolio-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.95) 0,rgba(0,0,0,.8) 30%,rgba(0,0,0,.4) 60%,transparent 100%);padding-bottom:var(--space-8);transform:translateY(20px);transition:.5s cubic-bezier(.4, 0, .2, 1);color:#fff}.portfolio-card:hover .portfolio-overlay{transform:translateY(0)}.portfolio-category,.portfolio-title{transform:translateY(20px);opacity:.8;transition:.5s cubic-bezier(.4, 0, .2, 1)}.portfolio-title{color:#fff;transition-delay:50ms}.portfolio-card:hover .portfolio-category,.portfolio-card:hover .portfolio-title{transform:translateY(0);opacity:1}.portfolio-metrics{display:flex;gap:var(--space-6);margin-top:var(--space-4);opacity:0;transform:translateY(20px);transition:.5s cubic-bezier(.4, 0, .2, 1) .1s}.portfolio-card:hover .portfolio-metrics{opacity:1;transform:translateY(0)}.portfolio-metric{display:flex;flex-direction:column}.portfolio-metric-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--accent-secondary)}.portfolio-metric-label{font-size:var(--text-xs);color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.05em}.portfolio-tech{display:flex;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;opacity:0;transform:translateY(20px);transition:.5s cubic-bezier(.4, 0, .2, 1) .2s}.portfolio-card:hover .portfolio-tech{opacity:1;transform:translateY(0)}.portfolio-tech-badge{padding:var(--space-1) var(--space-2);background:rgba(255,255,255,.1);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);font-size:var(--text-xs);color:#fff;font-weight:var(--font-medium)}@media (max-width:768px){.process-grid::after,.process-grid::before{display:none}.portfolio-card{transform:none!important;aspect-ratio:1/1!important;height:auto}.portfolio-overlay{opacity:1!important;transform:translateY(0)!important;padding:var(--space-5);background:linear-gradient(to top,rgba(0,0,0,.95) 0,rgba(0,0,0,.8) 40%,rgba(0,0,0,.4) 70%,transparent 100%);justify-content:flex-end}.portfolio-category,.portfolio-metrics,.portfolio-tech,.portfolio-title{opacity:1!important;transform:translateY(0)!important}.portfolio-title{font-size:var(--text-xl);margin-bottom:var(--space-2)}.portfolio-metrics{gap:var(--space-4);margin-top:var(--space-3)}.portfolio-metric-value{font-size:var(--text-xl)}.portfolio-tech{margin-top:var(--space-3)}}.portfolio-image-1{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-tertiary) 100%),repeating-linear-gradient(45deg,transparent,transparent 10px,var(--border-light) 10px,var(--border-light) 11px);position:relative}.portfolio-image-1::before{content:'';position:absolute;inset:20%;border:2px dashed var(--border-light);border-radius:var(--radius-lg);opacity:.5}.portfolio-image-2{background:linear-gradient(45deg,var(--accent-secondary) 0,var(--accent-primary) 100%),repeating-linear-gradient(-45deg,transparent,transparent 10px,var(--border-light) 10px,var(--border-light) 11px)}.portfolio-image-3{background:linear-gradient(180deg,var(--accent-tertiary) 0,var(--accent-primary) 100%),repeating-linear-gradient(0deg,transparent,transparent 10px,var(--border-light) 10px,var(--border-light) 11px)}.testimonials{position:relative;overflow:hidden}.testimonials-metrics{display:flex;justify-content:center;gap:var(--space-12);margin-bottom:var(--space-12);padding:var(--space-8) 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.testimonial-metric{text-align:center}.testimonial-metric-value{font-size:var(--text-4xl);font-weight:var(--font-bold);background:var(--theme-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.testimonial-metric-label{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.testimonial-card{position:relative;transition:.4s cubic-bezier(.4, 0, .2, 1);flex-shrink:0;min-width:320px;max-width:380px}.testimonial-card::before{content:'"';position:absolute;top:var(--space-4);right:var(--space-6);font-size:80px;font-family:Georgia,serif;color:var(--accent-primary);opacity:.1;line-height:1;pointer-events:none;transition:opacity .3s,transform .4s}.testimonial-card:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,.3),0 0 0 1px var(--border-accent)}@media (min-width:769px){.testimonial-card{transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,box-shadow}.testimonials-track:not(:hover) .testimonial-card{animation:4s ease-in-out infinite ambient-glow}.testimonials-track:not(:hover) .testimonial-card:first-child{animation-delay:0s}.testimonials-track:not(:hover) .testimonial-card:nth-child(2){animation-delay:.5s}.testimonials-track:not(:hover) .testimonial-card:nth-child(3){animation-delay:1s}.testimonials-track:not(:hover) .testimonial-card:nth-child(4){animation-delay:1.5s}.testimonials-track:not(:hover) .testimonial-card:nth-child(5){animation-delay:2s}.testimonials-track:not(:hover) .testimonial-card:nth-child(6){animation-delay:2.5s}.testimonials-track:hover .testimonial-card{animation:none;transition:transform .5s cubic-bezier(.34, 1.56, .64, 1),box-shadow .4s,opacity .3s}.testimonials-track.scrolling-left .testimonial-card,.testimonials-track.scrolling-right .testimonial-card{box-shadow:0 20px 40px -12px rgba(0,0,0,.25),0 0 30px -10px var(--accent-primary)}.testimonials-track.scrolling-left .testimonial-card::before,.testimonials-track.scrolling-right .testimonial-card::before{opacity:.2;transform:scale(1.1)}.testimonials-track{position:relative}.testimonials-track::after{content:'← Drag to explore →';position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);font-size:var(--text-xs);color:var(--text-tertiary);opacity:0;transition:opacity .4s;pointer-events:none;white-space:nowrap}.testimonials:hover .testimonials-track::after{opacity:1}}.testimonial-verified{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--success-color);margin-top:var(--space-2)}.testimonial-verified svg{width:14px;height:14px}.testimonial-platform{position:absolute;top:var(--space-4);left:var(--space-4);padding:var(--space-1) var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-tertiary);opacity:0;transform:translateY(-10px);transition:.3s}.testimonial-card:hover .testimonial-platform{opacity:1;transform:translateY(0)}@media (max-width:768px){.testimonials-metrics{flex-wrap:wrap;gap:var(--space-6)}.testimonial-metric{flex:1 1 45%}}.pricing{overflow:hidden}.pricing::after{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at center,var(--border-light) 1px,transparent 1px);background-size:40px 40px;opacity:.3;animation:10s ease-in-out infinite gridPulse;pointer-events:none;z-index:0}@keyframes gridPulse{0%,100%{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.02)}}.pricing-card{position:relative;overflow:hidden;z-index:1}.pricing-card.featured{box-shadow:0 25px 80px -20px var(--glow-primary),0 0 60px -15px var(--glow-secondary)}.pricing-card.featured::before{content:'Most Popular';position:absolute;top:var(--space-4);right:calc(-1 * var(--space-8));padding:var(--space-1) var(--space-10);background:var(--theme-gradient);color:var(--text-primary);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;transform:rotate(45deg);box-shadow:0 4px 12px var(--glow-primary)}.pricing-value{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:color-mix(in srgb,var(--success-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--success-color) 20%,transparent);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--success-color)}.pricing-value svg{width:14px;height:14px}.pricing-feature{position:relative;padding-left:var(--space-8);transition:.3s}.pricing-feature svg{position:absolute;left:0;top:50%;transform:translateY(-50%);transition:.3s}.pricing-card:hover .pricing-feature svg{color:var(--success-color)}.pricing-feature:hover{transform:translateX(4px)}.pricing-feature:hover svg{transform:translateY(-50%) scale(1.2)}.pricing-savings{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--text-tertiary)}.pricing-savings strong{color:var(--accent-secondary)}.pricing-compare{position:absolute;bottom:0;left:0;right:0;padding:var(--space-3);background:var(--bg-tertiary);text-align:center;font-size:var(--text-xs);color:var(--text-tertiary);opacity:0;transform:translateY(100%);transition:.3s}.pricing-card:hover .pricing-compare{opacity:1;transform:translateY(0)}.faq{position:relative}.faq-categories{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8);flex-wrap:wrap}.faq-category{padding:var(--space-2) var(--space-4);background:0 0;border:1px solid var(--border-light);border-radius:var(--button-radius);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:.3s}.faq-category.active,.faq-category:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-primary)}.faq-item{position:relative;margin-bottom:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--border-radius-base);overflow:hidden;transition:.3s}.faq-item:hover{border-color:var(--border-accent);box-shadow:0 4px 20px rgba(0,0,0,.1)}.faq-item.open{border-color:var(--accent-primary);box-shadow:0 0 30px var(--glow-primary)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);background:0 0;border:none;text-align:left;font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--text-primary);cursor:pointer;transition:.3s}.faq-question:hover{background:color-mix(in srgb,var(--accent-primary) 5%,transparent)}.faq-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-tertiary);border-radius:var(--radius-full);transition:.4s cubic-bezier(.4, 0, .2, 1);flex-shrink:0}.faq-icon svg{color:var(--accent-secondary);transition:transform .4s cubic-bezier(.4, 0, .2, 1)}.faq-item.open .faq-icon{background:var(--accent-primary)}.faq-item.open .faq-icon svg{color:var(--text-primary);transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4, 0, .2, 1)}.faq-item.open .faq-answer{max-height:300px}.faq-answer-inner{padding:0 var(--space-6) var(--space-6);color:var(--text-secondary);line-height:var(--leading-relaxed)}.faq-help{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-8);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--border-radius-base);font-size:var(--text-sm);color:var(--text-secondary)}.faq-help a{color:var(--accent-secondary);text-decoration:underline;text-underline-offset:2px}.cta-section{overflow:hidden}.cta-section .section-orb-1{top:-200px;left:20%}.cta-section .section-orb-2{bottom:-150px;right:10%}.cta-section .section-orb-3{top:50%;left:-100px}.cta-section::after{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,var(--glow-primary) 0,transparent 25%),radial-gradient(circle at 80% 50%,var(--glow-secondary) 0,transparent 25%),radial-gradient(circle at 50% 20%,var(--glow-tertiary) 0,transparent 30%);animation:8s ease-in-out infinite ctaGlow;pointer-events:none}@keyframes ctaGlow{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.cta-urgency{display:inline-flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-2) var(--space-4);background:color-mix(in srgb,var(--accent-primary) 15%,transparent);border:1px solid var(--border-accent);border-radius:var(--button-radius);font-size:var(--text-sm)}.cta-urgency-dot{width:8px;height:8px;background:var(--success-color);border-radius:50%;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 var(--success-glow)}50%{box-shadow:0 0 0 8px transparent}}.cta-social-proof{display:flex;justify-content:center;gap:var(--space-8);margin-top:var(--space-10)}.cta-proof-item{text-align:center}.cta-proof-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.cta-proof-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.contact{position:relative;overflow:hidden}.contact-flow{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-8);flex-wrap:wrap}.contact-flow-step{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-secondary);transition:.3s}.contact-flow-step.active{border-color:var(--accent-secondary);color:var(--accent-secondary);box-shadow:0 0 20px var(--glow-secondary)}.contact-flow-step svg{width:16px;height:16px}.contact-flow-arrow{color:var(--text-tertiary);font-size:var(--text-lg)}.form-group{position:relative}.form-input:focus,.form-textarea:focus{box-shadow:0 0 0 3px var(--glow-primary)}.form-typing{position:absolute;bottom:-20px;left:0;font-size:var(--text-xs);color:var(--text-tertiary);opacity:0;transition:opacity .3s}.form-group:focus-within .form-typing{opacity:1}.btn-loading{position:relative;color:transparent!important}.btn-loading::after{content:'';position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid var(--text-primary);border-top-color:transparent;border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.contact-preview{position:absolute;top:50%;right:-300px;transform:translateY(-50%);width:250px;padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--border-radius-base);backdrop-filter:var(--card-blur);opacity:0;transition:.5s cubic-bezier(.4, 0, .2, 1)}.contact-preview.visible{right:calc(100% + var(--space-8));opacity:1}.contact-preview-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.contact-preview-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-xs);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}.contact-preview-item:last-child{border-bottom:none}.contact-preview-item svg{width:14px;height:14px;color:var(--success-color)}.footer{position:relative;overflow:hidden}.footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--theme-gradient);opacity:.5}.footer-newsletter{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.footer-newsletter input{flex:1;padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--button-radius);color:var(--text-primary);font-size:var(--text-sm)}.footer-newsletter input::placeholder{color:var(--text-tertiary)}.footer-newsletter button{padding:var(--space-3) var(--space-4);background:var(--accent-primary);border:none;border-radius:var(--button-radius);color:var(--text-primary);cursor:pointer;transition:.3s}.footer-newsletter button:hover{background:var(--accent-primary-light);transform:translateX(2px)}.footer-social{position:relative}.footer-social::before{content:'';position:absolute;inset:-4px;background:var(--theme-gradient);border-radius:inherit;opacity:0;filter:blur(8px);transition:opacity .3s;z-index:-1}.footer-social:hover::before{opacity:.5}[data-theme=neon-tech] .section-grid-overlay{opacity:.04;background-image:linear-gradient(rgba(0,212,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.4) 1px,transparent 1px)}[data-theme=neon-tech] .section-particle{opacity:0;animation:13s ease-in-out infinite particleFloatNeon;box-shadow:0 0 8px var(--accent-secondary),0 0 12px var(--glow-secondary)}[data-theme=neon-tech] .section-particle:nth-child(4n){display:none}@keyframes particleFloatNeon{0%,100%{opacity:0;transform:translateY(0) scale(.5)}20%,80%{opacity:.55}50%{opacity:.45;transform:translateY(-60px) scale(1)}}[data-theme=neon-tech] .portfolio::after,[data-theme=neon-tech] .process::after,[data-theme=neon-tech] .services::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--accent-primary) 20%,var(--accent-secondary) 50%,var(--accent-primary) 80%,transparent 100%);opacity:.3}[data-theme=neon-tech] .process-grid::after{box-shadow:0 0 20px var(--glow-primary),0 0 40px var(--glow-secondary)}[data-theme=neon-tech] .service-card:hover::after{opacity:1;animation:2s ease-in-out infinite borderGlow}@keyframes borderGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.3)}}[data-theme=neon-tech] .portfolio-card:hover{box-shadow:0 0 60px var(--glow-primary)}[data-theme=neon-tech] .testimonial-card:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,.4),0 0 40px var(--glow-primary)}[data-theme=luxury] .section-grid-overlay{display:none}[data-theme=luxury] .section-particle{background:var(--accent-primary);width:3px;height:3px;box-shadow:0 0 8px rgba(201,169,98,.5)}[data-theme=luxury] .section-connector::before{background:var(--accent-primary)}[data-theme=luxury] .process-grid::after,[data-theme=luxury] .process-grid::before{display:none}[data-theme=luxury] .step-card::before{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%)}[data-theme=luxury] .faq-item,[data-theme=luxury] .portfolio-card,[data-theme=luxury] .service-icon{border-radius:var(--border-radius-base)}[data-theme=luxury] .testimonial-card::before{font-family:var(--font-heading);color:var(--accent-primary)}[data-theme=nature] .section-grid-overlay{display:none}[data-theme=nature] .section-particle{background:var(--accent-primary);border-radius:50%;box-shadow:0 0 8px rgba(74,124,89,.4)}[data-theme=nature] .process-grid::after{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));box-shadow:0 0 15px var(--glow-primary)}[data-theme=nature] .portfolio::before{border-color:var(--accent-primary);opacity:.2}[data-theme=nature] .portfolio::after{border-color:var(--accent-tertiary);border-radius:50%}[data-theme=nature] .cta-section::after,[data-theme=nature] .cta-section::before{opacity:.1}[data-theme=brutalist] .section-grid-overlay,[data-theme=brutalist] .section-particles{display:none}[data-theme=brutalist] .section-connector{width:3px;background:var(--accent-primary)}[data-theme=brutalist] .process-grid::after,[data-theme=brutalist] .process-grid::before,[data-theme=brutalist] .section-connector::before{display:none}[data-theme=brutalist] .step-card::before{height:6px;background:var(--accent-primary)}[data-theme=brutalist] .service-card::after{padding:3px;background:var(--accent-primary)}[data-theme=brutalist] .portfolio-card{border-width:3px}[data-theme=brutalist] .pricing-card.featured::before{background:var(--accent-primary)}[data-theme=brutalist] .faq-item{border-width:2px}[data-theme=brutalist] .faq-item.open{border-color:var(--accent-primary);box-shadow:8px 8px 0 var(--accent-primary)}[data-theme=corporate] .process-grid::after{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));box-shadow:0 0 10px var(--glow-primary);filter:none}[data-theme=corporate] .step-card::before{height:2px}[data-theme=corporate] .service-icon{border-radius:var(--border-radius-base)}[data-theme=corporate] .portfolio-card:hover{box-shadow:0 15px 40px rgba(0,0,0,.1)}[data-theme=corporate] .testimonial-card:hover{box-shadow:0 15px 40px rgba(0,0,0,.08)}[data-theme=corporate] .cta-section::after,[data-theme=corporate] .cta-section::before{opacity:.15}[data-theme=corporate] .pricing-card.featured{box-shadow:0 15px 50px rgba(0,0,0,.1)}[data-theme=corporate] .section-grid-overlay{opacity:.02}[data-theme=corporate] .section-particle{width:4px;height:4px;background:var(--accent-primary);box-shadow:0 0 6px rgba(59,130,246,.4)}[data-animate-count]{transition:.3s}.animate-progress{width:0;transition:width 1.5s cubic-bezier(.4, 0, .2, 1)}.animate-progress.visible{width:var(--progress-width,100%)}.typewriter{overflow:hidden;border-right:2px solid var(--accent-primary);white-space:nowrap;animation:3s steps(40,end) typing,.75s step-end infinite blink-caret}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:var(--accent-primary)}}@media (max-width:768px){.portfolio::after,.portfolio::before,.process-grid::after,.process-grid::before{display:none}.testimonials-metrics{padding:var(--space-4) var(--space-2)}.testimonial-metric-value{font-size:var(--text-2xl)}.cta-social-proof{flex-direction:column;gap:var(--space-4)}.contact-flow{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.contact-flow-step{padding:var(--space-1) var(--space-2);font-size:10px}.contact-flow-step svg{width:12px;height:12px}.contact-flow-arrow{transform:none;font-size:var(--text-sm);margin:0 -2px}.contact-preview{display:none}}@media (max-width:480px){.faq-question{font-size:var(--text-base);padding:var(--space-4)}.testimonials-metrics{gap:var(--space-4)}}@media (prefers-reduced-motion:reduce){.section-connector::before,.section-orb,.section-particle{animation:none}.section-orb.visible{opacity:.1}.section-particle{opacity:.3}.btn-loading::after,.cta-urgency-dot,.process-grid::after,.service-icon::before,.step-card::after,.step-number::after{animation:none}.animate-progress{transition:none}.typewriter{animation:none;border-right:none}}