:root{--primary-h: 220;--primary-s: 33%;--primary-l: 16%;--secondary-h: 19;--secondary-s: 100%;--secondary-l: 60%;--accent-h: 27;--accent-s: 100%;--accent-l: 63%;--secondary-hover-l: calc(var(--secondary-l) - 10%);--secondary-active-l: calc(var(--secondary-l) - 15%);--accent-hover-l: calc(var(--accent-l) - 10%);--accent-active-l: calc(var(--accent-l) - 15%);--primary-color: hsl(var(--primary-h), var(--primary-s), var(--primary-l));--secondary-color: hsl(var(--secondary-h), var(--secondary-s), var(--secondary-l));--secondary-hover: hsl(var(--secondary-h), var(--secondary-s), var(--secondary-hover-l));--secondary-active: hsl(var(--secondary-h), var(--secondary-s), var(--secondary-active-l));--accent-color: hsl(var(--accent-h), var(--accent-s), var(--accent-l));--accent-hover: hsl(var(--accent-h), var(--accent-s), var(--accent-hover-l));--accent-active: hsl(var(--accent-h), var(--accent-s), var(--accent-active-l));--text-dark: var(--primary-color);--text-light: #6b7785;--bg-light: #faf8f4;--white: #ffffff;--cream: #f5f1eb;--gradient: linear-gradient(135deg, #ffb347 0%, var(--secondary-color) 50%, #e63946 100%);--mountain-gradient: linear-gradient(135deg, var(--primary-color) 0%, #3d5a80 100%);--brand-primary: var(--primary-color);--brand-secondary: var(--secondary-color);--brand-accent: var(--accent-color);--neutral-100: var(--bg-light);--neutral-900: var(--text-dark);--text-heading: var(--primary-color);--text-body: var(--text-dark);--bg-surface: var(--white);--bg-muted: var(--bg-light);--space-2xs: 0.25rem;--space-xs: 0.5rem;--space-sm: 0.75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 5rem;--fs-sm: 0.875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 2rem;--fs-4xl: 2.5rem;--fs-5xl: 3.5rem;--focus-color: var(--accent-color)}*{margin: 0;padding: 0;box-sizing: border-box}body{font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;line-height: 1.6;color: var(--text-dark);overflow-x: hidden;background-color: var(--cream)}header{position: fixed;top: 0;left: 0;right: 0;background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(10px);z-index: 1000;padding: 1rem 0;transition: box-shadow 0.3s ease, background-color 0.3s ease}header.scrolled{box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1)}nav{display: flex;justify-content: space-between;align-items: center;max-width: 1200px;margin: 0 auto;padding: 0 2rem}.logo{display: flex;align-items: center;text-decoration: none;gap: 0.75rem}.logo-icon{width: 45px;height: 45px;border-radius: 50%;overflow: hidden;transition: transform 0.3s ease}.logo-icon:hover{transform: scale(1.05)}.logo-icon img{width: 100%;height: 100%;object-fit: cover}.logo-text{font-size: 1.8rem;font-weight: 700;color: var(--primary-color)}.nav-links{display: flex;list-style: none;gap: 2rem}.nav-links a{text-decoration: none;color: var(--text-dark);font-weight: 500;transition: color 0.3s ease}.nav-links a:hover{color: var(--secondary-color)}.menu-toggle{display: none;flex-direction: column;cursor: pointer;padding: 8px;min-width: 44px;min-height: 44px;justify-content: center;align-items: center;border: none;background: none}.menu-toggle span{width: 25px;height: 3px;background: var(--primary-color);margin: 3px 0;transition: 0.3s}.hero{height: 100vh;background: var(--gradient);display: flex;align-items: center;justify-content: center;text-align: center;color: var(--white);position: relative}.hero::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('assets/patterns/hero-overlay.svg');background-size: cover;background-repeat: no-repeat}.hero-content{position: relative;z-index: 1;max-width: 800px;padding: 0 2rem}.hero h1{font-size: var(--fs-5xl);margin-bottom: 1rem;font-weight: 300}.hero h2{font-size: var(--fs-2xl);margin-bottom: 2rem;font-weight: 400;opacity: 0.9}.cta-button{display: inline-block;padding: 1rem 2rem;background: var(--accent-color);color: var(--white);text-decoration: none;border-radius: 50px;font-weight: 600;transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease;margin-top: 1rem;min-width: 44px;min-height: 44px;text-align: center}.cta-button:hover{transform: translateY(-2px);background: var(--accent-hover);box-shadow: 0 10px 30px rgba(231, 76, 60, 0.3)}.sticky-cta{position: fixed;bottom: 20px;right: 20px;z-index: 1000;background: var(--accent-color);color: var(--white);padding: 12px 20px;border-radius: 50px;text-decoration: none;font-weight: 600;box-shadow: 0 4px 20px rgba(231, 76, 60, 0.3);transform: translateY(100px);transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;min-width: 44px;min-height: 44px}.sticky-cta.visible{transform: translateY(0)}.sticky-cta:hover{background: var(--secondary-hover);box-shadow: 0 6px 25px rgba(231, 76, 60, 0.4)}section{padding: var(--space-3xl) 0}.container{max-width: 1200px;margin: 0 auto;padding: 0 var(--space-xl)}.section-title{text-align: center;font-size: var(--fs-4xl);margin-bottom: 1rem;color: var(--primary-color)}.section-subtitle{text-align: center;color: var(--text-light);margin-bottom: var(--space-2xl);max-width: 600px;margin-left: auto;margin-right: auto}.services-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;margin-top: 3rem}.service-card{background: var(--white);padding: var(--space-xl);border-radius: 15px;box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease, box-shadow 0.3s ease;text-align: center}.service-card:hover{transform: translateY(-5px);box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15)}.service-icon{width: 60px;height: 60px;margin: 0 auto 1rem;background: var(--mountain-gradient);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;color: var(--white)}.service-card h3{margin-bottom: 1rem;color: var(--primary-color)}.service-card ul{list-style: none;text-align: left}.service-card li{padding: 0.3rem 0;color: var(--text-light)}.service-card li:before{content: "✓ ";color: var(--secondary-color);font-weight: bold}.about{background: var(--bg-light)}.about-content{display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: center}.about-text h3{color: var(--primary-color);margin-bottom: 1rem}.about-text p{margin-bottom: 1rem;color: var(--text-light)}.stats{display: grid;grid-template-columns: repeat(2, 1fr);gap: 2rem;margin-top: 2rem}.stat{text-align: center;padding: 1rem;background: var(--white);border-radius: 10px}.stat-number{font-size: 2rem;font-weight: 700;color: var(--secondary-color)}.stat-label{color: var(--text-light);font-size: 0.9rem}.portfolio-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem}.portfolio-item{background: var(--white);border-radius: 15px;overflow: hidden;box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease}.portfolio-item:hover{transform: translateY(-5px)}.portfolio-content{padding: var(--space-lg)}.portfolio-item h4{margin-bottom: 0.5rem;color: var(--primary-color)}.portfolio-item p{color: var(--text-light);font-size: 0.9rem}.portfolio-tag{display: inline-block;background: var(--secondary-color);color: var(--white);padding: 0.3rem 0.8rem;border-radius: 20px;font-size: 0.8rem;margin: 0.5rem 0.5rem 0 0}.portfolio-links{margin-top: 1rem;display: flex;gap: 1rem;flex-wrap: wrap}.portfolio-link{display: inline-flex;align-items: center;gap: 0.3rem;padding: 0.4rem 0.8rem;background: var(--bg-light);color: var(--text-dark);text-decoration: none;border-radius: 20px;font-size: 0.85rem;font-weight: 500;transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;border: 1px solid var(--secondary-color)}.portfolio-link:hover{background: var(--secondary-hover);color: var(--white);transform: translateY(-1px)}.portfolio-link.review-link{border-color: var(--accent-color)}.portfolio-link.review-link:hover{background: var(--accent-hover)}.testimonials{background: var(--bg-light)}.testimonials-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;margin-top: 3rem}.testimonial-card{background: var(--white);padding: 2rem;border-radius: 15px;box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);position: relative;text-align: center}.testimonial-quote{font-style: italic;margin-bottom: 1.5rem;color: var(--text-light);font-size: 1.1rem;line-height: 1.6}.testimonial-author{font-weight: 600;color: var(--primary-color);margin-bottom: 0.5rem}.testimonial-company{color: var(--text-light);font-size: 0.9rem}.testimonial-stars{color: var(--accent-color);font-size: 1.2rem;margin-bottom: 1rem}.testimonial-card::before{content: '"';position: absolute;top: -10px;left: 20px;font-size: 4rem;color: var(--accent-color);opacity: 0.3;line-height: 1}.lead-magnets-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 2rem;margin-bottom: 3rem}.lead-magnet-card{background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 15px;padding: 2rem;text-align: center;transition: transform 0.3s ease, background-color 0.3s ease}.lead-magnet-card:hover{transform: translateY(-5px);background: rgba(255, 255, 255, 0.15)}.lead-magnet-icon{font-size: 3rem;margin-bottom: 1rem;opacity: 0.9}.lead-magnet-card h3{color: var(--white);margin-bottom: 1rem;font-size: 1.3rem}.lead-magnet-card p{color: rgba(255, 255, 255, 0.8);margin-bottom: 1.5rem;line-height: 1.5}.btn{display: inline-block;padding: 0.75rem 1.5rem;border-radius: 50px;text-decoration: none;font-weight: 600;transition: all 0.3s ease;min-width: 44px;min-height: 44px;text-align: center;border: 2px solid transparent}.btn-primary{background: var(--accent-color);color: var(--white);border-color: var(--accent-color)}.btn-primary:hover{background: var(--accent-hover);border-color: var(--accent-hover);transform: translateY(-2px);box-shadow: 0 8px 25px rgba(255, 107, 53, 0.3)}.btn-secondary{background: transparent;color: var(--white);border-color: rgba(255, 255, 255, 0.3)}.btn-secondary:hover{background: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.5);transform: translateY(-2px)}.service-price{font-size: 1.5rem;font-weight: 700;color: var(--accent-color);margin-bottom: 0.5rem}.service-duration{color: var(--text-light);font-size: 0.9rem;margin-bottom: 1rem;font-style: italic}.service-target{background: var(--bg-light);padding: 1rem;border-radius: 8px;margin-bottom: 1.5rem;border-left: 4px solid var(--secondary-color);font-size: 0.9rem}.service-target strong{color: var(--primary-color)}.service-deliverables{text-align: left;margin-top: 1rem}.service-deliverables h4{color: var(--primary-color);margin-bottom: 0.75rem;font-size: 1rem;border-bottom: 2px solid var(--accent-color);padding-bottom: 0.25rem;display: inline-block}.service-deliverables ul{margin: 0;padding-left: 0}.service-deliverables li{padding: 0.4rem 0;font-size: 0.9rem;line-height: 1.4}.differentiators{background: var(--white);padding: var(--space-3xl) 0}.differentiators-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 2rem;margin-top: 3rem}.differentiator-card{background: var(--bg-light);padding: 2rem;border-radius: 12px;border-top: 4px solid var(--accent-color);transition: transform 0.3s ease, box-shadow 0.3s ease;text-align: center}.differentiator-card:hover{transform: translateY(-5px);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1)}.differentiator-icon{font-size: 2.5rem;margin-bottom: 1rem;color: var(--accent-color)}.differentiator-card h4{font-size: 1.3rem;font-weight: 700;color: var(--primary-color);margin-bottom: 1rem}.differentiator-card p{color: var(--text-light);line-height: 1.6;margin: 0}.momentum-section{background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 100%);color: var(--white);padding: 4rem 0;text-align: center}.momentum-section .section-title{color: var(--white);font-size: 2.5rem;font-weight: 800;margin-bottom: 1rem}.momentum-section .section-subtitle{font-size: 1.2rem;margin-bottom: 3rem;opacity: 0.9;max-width: 800px}.credentials-mini{background: rgba(255, 255, 255, 0.1);padding: 1rem;border-radius: 8px;margin: 1rem 0;text-align: left;backdrop-filter: blur(5px)}.credentials-mini p{margin: 0.25rem 0;color: rgba(255, 255, 255, 0.9);font-size: 0.9rem}.contact{background: var(--mountain-gradient);color: var(--white)}.contact-content{display: grid;grid-template-columns: 1fr 1fr;gap: 4rem}.contact-info h3{margin-bottom: 1rem}.contact-info p{margin-bottom: 1rem;opacity: 0.9}.contact-item{display: flex;align-items: flex-start;margin-bottom: 1.5rem;gap: 1rem}.contact-item i{font-size: 1.5rem;min-width: 2rem;text-align: center;line-height: 1.2;margin-top: 0.1rem;color: #4a90e2}.portfolio-link i{margin-right: 0.5rem;font-size: 1rem}.social-links i{font-size: 1.5rem;transition: color 0.3s ease}.social-links a:hover i{color: #4a90e2}.contact-form{background: rgba(255, 255, 255, 0.1);padding: var(--space-xl);border-radius: 15px;backdrop-filter: blur(10px)}.form-group{margin-bottom: var(--space-lg)}.form-group label{display: block;margin-bottom: 0.5rem;font-weight: 500}.form-group input, .form-group textarea, .form-group select{width: 100%;padding: 0.8rem;border: none;border-radius: 8px;background: rgba(255, 255, 255, 0.2);color: var(--white);backdrop-filter: blur(10px);font-family: inherit}.form-group select{cursor: pointer}.form-group select option{background: var(--primary-color);color: var(--white)}.form-group input::placeholder, .form-group textarea::placeholder{color: rgba(255, 255, 255, 0.7)}.form-group textarea{resize: vertical;height: 120px}.submit-btn{background: var(--accent-color);color: var(--white);border: none;padding: 0.8rem 2rem;border-radius: 50px;cursor: pointer;transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease;min-width: 44px;min-height: 44px;font-weight: 600}.submit-btn:hover{transform: translateY(-2px);background: var(--accent-hover);box-shadow: 0 10px 30px rgba(231, 76, 60, 0.3)}footer{background: #1a1a1a;color: var(--white);padding: 2rem 0;text-align: center}.footer-content{display: flex;justify-content: space-between;align-items: center}.social-links{display: flex;gap: 1rem}.social-links a{color: var(--white);font-size: 1.2rem;transition: color 0.3s ease}.social-links a:hover{color: var(--secondary-color)}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0}a:focus, button:focus, input:focus, textarea:focus{outline: 3px solid var(--focus-color);outline-offset: 2px}.nav-links a:focus, .logo:focus{outline: 2px solid var(--focus-color);outline-offset: 2px;border-radius: 4px}.menu-toggle:focus{outline: 2px solid var(--focus-color);outline-offset: 2px}@media (prefers-reduced-motion: reduce){*{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}.fade-in{transform: none !important;opacity: 1 !important}.cta-button:hover, .sticky-cta:hover, .service-card:hover, .portfolio-item:hover{transform: none !important}}.fade-in{opacity: 0;transform: translateY(30px);transition: opacity 0.6s ease, transform 0.6s ease}.fade-in.visible{opacity: 1;transform: translateY(0)}.loading{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: var(--white);display: flex;justify-content: center;align-items: center;z-index: 9999;transition: opacity 0.5s ease}.loading-spinner{width: 50px;height: 50px;border: 3px solid var(--bg-light);border-top: 3px solid var(--secondary-color);border-radius: 50%;animation: spin 1s linear infinite}@keyframes spin{0%{transform: rotate(0deg)}100%{transform: rotate(360deg)}}@media (max-width: 768px){.menu-toggle{display: flex}.nav-links{display: none;position: absolute;top: 100%;left: 0;right: 0;background: var(--white);flex-direction: column;padding: 2rem;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1)}.nav-links.active{display: flex}.hero h1{font-size: 2.5rem}.hero h2{font-size: 1.2rem}.about-content, .contact-content{grid-template-columns: 1fr}.lead-magnets-grid{grid-template-columns: 1fr;gap: 1.5rem}.differentiators-grid{grid-template-columns: 1fr}.lead-magnet-card{padding: 1.5rem}.differentiator-card{padding: 1.5rem}.stats{grid-template-columns: 1fr}.footer-content{flex-direction: column;gap: 1rem}section{padding: 3rem 0}.sticky-cta{bottom: 15px;right: 15px;padding: 10px 16px;font-size: 0.9rem}}@media (max-width: 1024px){section{padding: var(--space-2xl) 0}}@media (max-width: 480px){.container{padding: 0 var(--space-md)}.hero h1{font-size: var(--fs-3xl)}.section-title{font-size: var(--fs-3xl)}}