:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden}#root{width:100%;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #000000;--primary-dark: #0a0a0a;--secondary: #C84C3C;--accent: #E5E5E5;--white: #ffffff;--gray-50: #0a0a0a;--gray-100: #111111;--gray-200: #1a1a1a;--gray-300: #C84C3C;--gray-400: #E5E5E5;--gray-500: #D3D3D3;--gray-600: #C0C0C0;--gray-700: #A9A9A9;--gray-800: #808080;--gray-900: #000000;--gradient-primary: linear-gradient(135deg, #000000 0%, #111111 100%);--gradient-secondary: linear-gradient(135deg, #C84C3C 0%, #A33D30 100%);--gradient-accent: linear-gradient(135deg, #E5E5E5 0%, #C0C0C0 100%);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .15);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .25), 0 2px 4px -2px rgb(0 0 0 / .15);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .25), 0 4px 6px -4px rgb(0 0 0 / .15);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .25), 0 8px 10px -6px rgb(0 0 0 / .15);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1)}body{font-family:var(--font-sans);line-height:1.6;color:var(--white);background-color:var(--primary);overflow-x:hidden;width:100%;max-width:100vw}html{overflow-x:hidden;width:100%}.app{width:100%;overflow-x:hidden;position:relative}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.header{position:fixed;top:0;left:0;right:0;width:100%;background:var(--primary);border-bottom:1px solid var(--gray-200);z-index:1000;transition:var(--transition)}.header .container{display:flex;align-items:center;justify-content:space-between;height:80px;width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.logo{display:flex;align-items:center;gap:var(--space-sm);font-weight:700;font-size:1.25rem;color:var(--white);text-decoration:none}.logo-image{height:150px;width:auto;object-fit:contain;max-width:200px;filter:brightness(1.3)}.footer-logo-image{height:200px;width:auto;object-fit:contain;margin-bottom:var(--space-sm);max-width:250px;filter:brightness(1.3)}.nav{display:flex;align-items:center;gap:var(--space-lg)}.nav a{color:var(--gray-400);text-decoration:none;font-weight:500;transition:var(--transition);cursor:pointer}.nav a:hover{color:var(--white)}.mobile-menu-btn{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--space-xs)}.mobile-menu-btn span{width:24px;height:2px;background:var(--gray-600);transition:var(--transition)}.hero{width:100%;padding:120px 0 var(--space-3xl);background:var(--primary);color:var(--white);position:relative;overflow:hidden;border-bottom:1px solid var(--gray-200)}.hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero .container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2xl)}.hero-content{max-width:600px;margin:0 auto}.hero-content h1{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:var(--space-lg);color:var(--white);white-space:nowrap;text-align:center;display:flex;justify-content:center;align-items:center}.highlight-text{background:transparent;color:var(--secondary);padding:0;border-radius:0;display:inline;align-items:center;justify-content:center;box-shadow:none;text-align:center;font-weight:800}.hero-content p{font-size:1.25rem;margin-bottom:var(--space-xl);opacity:.9}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);width:100%;max-width:340px;margin:0 auto}.btn{min-width:260px;max-width:340px;width:auto;margin:0 auto;justify-content:center}.btn-primary{background:var(--secondary);color:var(--white);border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--gray-100);color:var(--secondary);border:1px solid var(--secondary)}.btn-secondary{background:transparent;color:var(--gray-400);border:1px solid var(--secondary)}.btn-secondary:hover{background:var(--gray-100);color:var(--secondary);border-color:var(--secondary)}.hero-stats{display:flex;gap:var(--space-lg);justify-content:center;margin-top:var(--space-xl)}.stat{text-align:center;padding:var(--space-lg);background:var(--gray-100);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--secondary)}.stat h3{font-size:2.5rem;font-weight:800;margin-bottom:var(--space-xs);color:var(--secondary);text-shadow:0 0 10px rgba(200,76,60,.3)}.stat p{font-size:.875rem;color:var(--gray-400)}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-header h2{font-size:2.5rem;font-weight:700;color:var(--white);margin-bottom:var(--space-md);text-shadow:0 0 10px rgba(255,255,255,.1)}.section-header p{font-size:1.125rem;color:var(--gray-400);max-width:600px;margin:0 auto}.services{padding:var(--space-3xl) 0;background:var(--primary);border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl)}.service-card{background:var(--gray-100);padding:var(--space-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:var(--transition);text-align:center;border:1px solid var(--secondary)}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.service-icon{width:64px;height:64px;color:var(--secondary);margin:0 auto var(--space-lg);padding:var(--space-md);background:var(--gray-100);border-radius:var(--radius-xl);border:1px solid var(--secondary)}.service-card h3{font-size:1.5rem;font-weight:700;color:var(--white);margin-bottom:var(--space-md)}.service-card p{color:var(--gray-400);line-height:1.6}.results{padding:var(--space-3xl) 0}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl)}.result-card{background:var(--gray-100);padding:var(--space-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center;border:1px solid var(--secondary);transition:var(--transition);position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.result-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.result-number{font-size:3rem;font-weight:800;color:var(--primary);margin-bottom:var(--space-sm)}.result-card h3{font-size:1.25rem;font-weight:700;color:var(--white);margin-bottom:var(--space-sm)}.result-card p{color:var(--white);margin-bottom:var(--space-lg);font-style:italic;opacity:.9}.result-badge{display:inline-block;padding:var(--space-xs) var(--space-md);background:var(--gray-100);color:var(--white);border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;opacity:.9}.about{padding:var(--space-3xl) 0;background:var(--gray-900);border-top:1px solid var(--gray-800);border-bottom:1px solid var(--gray-800)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:center}.about-text h2{font-size:2.5rem;font-weight:700;color:var(--white);margin-bottom:var(--space-lg)}.about-lead{font-size:1.25rem;font-weight:600;color:var(--primary);margin-bottom:var(--space-md)}.about-inspiration{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--space-sm);line-height:1.3}.about-inspiration-subtitle{font-size:1.125rem;font-weight:500;color:var(--gray-600);margin-bottom:var(--space-xl);line-height:1.6;font-style:italic}.about-text p{color:var(--gray-600);margin-bottom:var(--space-xl);line-height:1.7}.about-features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.feature{display:flex;align-items:center;gap:var(--space-sm);color:var(--gray-700);font-weight:500}.feature svg{width:20px;height:20px;color:var(--accent);flex-shrink:0}.about-image{display:flex;justify-content:center}.about-profile-image{width:400px;height:auto;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);transition:var(--transition)}.about-profile-image:hover{transform:scale(1.02);box-shadow:var(--shadow-2xl)}.contact{padding:var(--space-3xl) 0}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl)}.contact-info{display:flex;flex-direction:column;gap:var(--space-xl)}.contact-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--gray-50);border-radius:var(--radius-lg);transition:var(--transition)}.contact-item:hover{background:var(--gray-100);transform:translate(8px)}.contact-item svg{width:24px;height:24px;color:var(--secondary);flex-shrink:0}.contact-item h4{font-weight:600;color:var(--white);margin-bottom:var(--space-xs)}.contact-item p{color:var(--white);opacity:.9}.contact-form,.lead-form{background:var(--gray-100);padding:var(--space-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-300)}.form-group{margin-bottom:var(--space-lg)}.form-group input,.form-group textarea{width:100%;padding:var(--space-md);border:1px solid var(--secondary);border-radius:var(--radius-lg);font-size:1rem;transition:var(--transition);font-family:inherit;background:var(--gray-100);color:var(--gray-400)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 3px #c84c3c1a}.form-group input.error,.form-group textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group textarea{resize:vertical;min-height:120px}.form-label{display:block;font-weight:600;color:var(--gray-300);margin-bottom:var(--space-xs);font-size:.875rem}.required{color:#ef4444;font-weight:700}.form-error{color:#ef4444;font-size:.875rem;margin-top:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs)}.form-counter{color:var(--gray-500);font-size:.875rem;margin-top:var(--space-xs);text-align:right}.form-counter.warning{color:#f59e0b}.form-counter.error{color:#ef4444}.form-checkbox{margin-bottom:var(--space-lg)}.checkbox-label{display:flex;align-items:flex-start;gap:var(--space-sm);cursor:pointer;font-size:.875rem;color:var(--gray-700)}.checkbox-label input[type=checkbox]{width:auto;margin:0;opacity:0;position:absolute}.checkmark{width:20px;height:20px;border:2px solid var(--gray-300);border-radius:var(--radius-sm);position:relative;flex-shrink:0;margin-top:2px;transition:var(--transition)}.checkbox-label:hover .checkmark{border-color:var(--primary)}.checkbox-label input:checked~.checkmark{background:var(--primary);border-color:var(--primary)}.checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label input:checked~.checkmark:after{display:block}.checkbox-text{line-height:1.5}.checkbox-text a{color:var(--secondary);text-decoration:none;font-weight:600}.checkbox-text a:hover{text-decoration:underline;color:var(--white)}.form-message{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);font-size:.875rem;font-weight:500}.form-message.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.form-message.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.form-message.info{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn:disabled:hover{transform:none!important;box-shadow:var(--shadow-md)!important}.footer{background:var(--primary);color:var(--white);padding:var(--space-2xl) 0 var(--space-lg);border-top:1px solid var(--gray-200)}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-2xl);margin-bottom:var(--space-xl)}.footer-brand{display:flex;flex-direction:column;gap:var(--space-md)}.footer-brand .logo{color:var(--white)}.footer-brand p{color:var(--gray-400)}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.footer-section h4{font-weight:600;margin-bottom:var(--space-md);color:var(--white)}.footer-section a{display:block;color:var(--gray-400);text-decoration:none;margin-bottom:var(--space-sm);transition:var(--transition)}.footer-section a:hover{color:var(--white)}.footer-bottom{border-top:1px solid var(--gray-800);padding-top:var(--space-lg);text-align:center;color:var(--gray-400)}@media (max-width: 768px){.container{padding:0 var(--space-sm)}.nav{position:fixed;top:70px;left:0;right:0;background:var(--white);flex-direction:column;padding:var(--space-lg);border-bottom:1px solid var(--gray-200);transform:translateY(-100%);opacity:0;transition:var(--transition)}.nav.nav-open{transform:translateY(0);opacity:1}.mobile-menu-btn{display:flex}.hero{padding:100px 0 var(--space-2xl)}.hero .container{gap:var(--space-xl)}.hero-stats{flex-direction:column;align-items:center;gap:var(--space-md);margin-top:var(--space-lg)}.services-grid,.results-grid,.about-content,.about-features,.contact-content{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;text-align:center}.footer-links{grid-template-columns:1fr}.hero-cta{flex-direction:column;align-items:center}.btn{width:100%;justify-content:center}}@media (max-width: 480px){.hero-content h1{font-size:1.8rem;white-space:normal;line-height:1.2}.highlight-text{font-size:1.8rem;padding:var(--space-xs) var(--space-sm);display:inline-block;margin-bottom:var(--space-xs)}.section-header h2,.about-text h2{font-size:2rem}.result-number{font-size:2.5rem}.stat h3{font-size:2rem}.btn{min-width:180px;max-width:100%;width:100%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.service-card:hover .service-icon{animation:float 2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn:focus,.nav a:focus,input:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed}.service-card,.result-card,.contact-item{will-change:transform}.portfolio{padding:var(--space-3xl) 0;background:var(--gray-900)}.portfolio .section-header h2{color:var(--secondary)}.portfolio .section-header p{color:var(--white);opacity:.9}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-top:var(--space-2xl);padding:0 var(--space-md)}@media (max-width: 1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.portfolio-grid{grid-template-columns:1fr}}.portfolio-item{aspect-ratio:1;position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;background:var(--gray-100);transition:all .3s ease;border:1px solid var(--border-light)}.portfolio-item img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.portfolio-item .overlay{position:absolute;inset:0;background:linear-gradient(to top,#000c,#0000);opacity:0;transition:all .3s ease;display:flex;align-items:flex-end;padding:var(--space-md)}.portfolio-item:hover .overlay{opacity:1}.portfolio-item:hover img{transform:scale(1.1)}.portfolio-item span{color:var(--white);font-weight:500;font-size:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}