:root{--color-primary-900: #0a1628;--color-primary-800: #0f2137;--color-primary-700: #152c46;--color-primary-600: #1a3755;--color-primary-500: #1e4263;--color-primary-400: #2a5a8a;--color-primary-300: #3b7ab8;--color-primary-200: #5c9ad6;--color-primary-100: #8bbef0;--color-primary-50: #c5e1ff;--color-accent-900: #0c4a6e;--color-accent-800: #075985;--color-accent-700: #0369a1;--color-accent-600: #0284c7;--color-accent-500: #0ea5e9;--color-accent-400: #38bdf8;--color-accent-300: #7dd3fc;--color-accent-200: #bae6fd;--color-accent-100: #e0f2fe;--color-accent-50: #f0f9ff;--color-neutral-950: #0a0a0a;--color-neutral-900: #171717;--color-neutral-800: #262626;--color-neutral-700: #404040;--color-neutral-600: #525252;--color-neutral-500: #737373;--color-neutral-400: #a3a3a3;--color-neutral-300: #d4d4d4;--color-neutral-200: #e5e5e5;--color-neutral-100: #f5f5f5;--color-neutral-50: #fafafa;--color-white: #ffffff;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--gradient-primary: linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-accent-500) 100%);--gradient-hero: linear-gradient(135deg, var(--color-primary-800) 0%, var(--color-primary-600) 50%, var(--color-accent-700) 100%);--gradient-text: linear-gradient(135deg, var(--color-accent-400) 0%, var(--color-accent-300) 100%);--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.1;--line-height-snug: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-32: 8rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 40px rgba(14, 165, 233, .3);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 400;--z-popover: 500;--container-max: 1280px;--container-padding: var(--spacing-5)}@media(min-width:480px){:root{--container-padding: var(--spacing-6)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-neutral-800);background-color:var(--color-white)}.skip-link{position:fixed;top:-100px;left:var(--spacing-4);z-index:var(--z-popover);padding:var(--spacing-3) var(--spacing-5);background-color:var(--color-primary-500);color:var(--color-white);font-weight:var(--font-weight-semibold);text-decoration:none;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);transition:top var(--transition-fast)}.skip-link:focus{top:var(--spacing-4)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.text-gradient{color:var(--color-accent-400)}.section-tag{display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent-500);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-4)}.section-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary-800);line-height:var(--line-height-tight);margin-bottom:var(--spacing-4)}.section-description{font-size:var(--font-size-lg);color:var(--color-neutral-600);max-width:600px}.section-header{text-align:center;margin-bottom:var(--spacing-16)}.section-header .section-description{margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);transition:transform var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base),border-color var(--transition-base);white-space:nowrap}.btn-primary{background:var(--gradient-primary);color:var(--color-white);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-primary:active{transform:translateY(0)}.btn-outline{background:transparent;color:var(--color-white);border:2px solid rgba(255,255,255,.3)}.btn-outline:hover{background:#ffffff1a;border-color:#ffffff80}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-base)}.btn-full{width:100%}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);padding:var(--spacing-4) 0;transition:padding var(--transition-base),background-color var(--transition-base),box-shadow var(--transition-base)}.header-scrolled{background:#0a1628f7;box-shadow:var(--shadow-lg);padding:var(--spacing-3) 0}.header-content{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:var(--spacing-3);color:var(--color-white)}.logo-icon{width:40px;height:40px;color:var(--color-accent-400)}.logo-img{height:48px;width:auto;transition:transform var(--transition-base)}.header .logo:hover .logo-img{transform:scale(1.05)}.logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.nav{display:none}.nav-list{display:flex;gap:var(--spacing-8)}.nav-link{color:#fffc;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.nav-link:hover{color:var(--color-white)}.header-cta{display:none}.mobile-menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;padding:var(--spacing-2)}.hamburger,.hamburger:before,.hamburger:after{display:block;width:24px;height:2px;background:var(--color-white);border-radius:var(--radius-full);transition:transform var(--transition-base),background-color var(--transition-base),top var(--transition-base)}.hamburger{position:relative}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0}.hamburger:before{top:-7px}.hamburger:after{top:7px}.mobile-menu-toggle.active .hamburger{background:transparent}.mobile-menu-toggle.active .hamburger:before{top:0;transform:rotate(45deg)}.mobile-menu-toggle.active .hamburger:after{top:0;transform:rotate(-45deg)}.nav-open{display:block;position:absolute;top:100%;left:0;right:0;background:var(--color-primary-900);padding:var(--spacing-6);box-shadow:var(--shadow-xl)}.nav-open .nav-list{flex-direction:column;gap:var(--spacing-4)}.nav-open .nav-link{display:block;padding:var(--spacing-3) 0;font-size:var(--font-size-lg)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background{position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,#0a1628b3,#0a1628d9),var(--gradient-hero)}.hero-content{position:relative;text-align:center;padding:var(--spacing-32) 0 var(--spacing-16)}.hero-text{max-width:800px;margin:0 auto}.hero-badge{display:inline-block;padding:var(--spacing-2) var(--spacing-4);background:#0ea5e926;border:1px solid rgba(14,165,233,.3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-accent-300);margin-bottom:var(--spacing-6)}.hero-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);color:var(--color-white);line-height:var(--line-height-tight);margin-bottom:var(--spacing-6)}.hero-description{font-size:var(--font-size-lg);color:#fffc;line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-8)}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-12)}.hero-cta .btn{width:100%;max-width:280px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4);padding-top:var(--spacing-8);border-top:1px solid rgba(255,255,255,.1)}.stat{text-align:center}.stat-number{display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-accent-400)}.stat-label{font-size:var(--font-size-xs);color:#fff9;text-transform:uppercase;letter-spacing:.05em}.hero-scroll-indicator{position:absolute;bottom:var(--spacing-8);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);color:#ffffff80;font-size:var(--font-size-xs);animation:pulse 2.5s ease-in-out infinite}.scroll-arrow{width:20px;height:20px;border-right:2px solid rgba(255,255,255,.5);border-bottom:2px solid rgba(255,255,255,.5);transform:rotate(45deg)}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.placeholder-image{width:100%;height:100%;min-height:200px;background:linear-gradient(135deg,var(--color-neutral-200) 0%,var(--color-neutral-100) 100%);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);overflow:hidden}.placeholder-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-400);text-transform:uppercase;letter-spacing:.05em}.about{padding:var(--spacing-24) 0;background:var(--color-neutral-50)}.about-grid{display:grid;gap:var(--spacing-12)}.about-image{position:relative}.about-image img{width:100%;height:auto;border-radius:var(--radius-lg);display:block}.about-experience-badge{position:absolute;bottom:-20px;right:20px;background:var(--gradient-primary);color:var(--color-white);padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-xl)}.experience-number{display:block;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1}.experience-text{font-size:var(--font-size-sm);opacity:.9}.about-content{display:flex;flex-direction:column;justify-content:center}.about-text{color:var(--color-neutral-600);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}.about-features{display:grid;gap:var(--spacing-4);margin-top:var(--spacing-6)}.about-feature{display:flex;align-items:center;gap:var(--spacing-3)}.feature-icon{width:24px;height:24px;color:var(--color-accent-500);flex-shrink:0}.feature-icon svg{width:100%;height:100%}.about-feature span{font-weight:var(--font-weight-medium);color:var(--color-neutral-700)}.services{padding:var(--spacing-24) 0}.services-grid{display:grid;gap:var(--spacing-8)}.service-card{background:var(--color-white);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base)}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.service-image{position:relative;overflow:hidden}.service-image img{width:100%;height:100%;object-fit:cover;display:block;min-height:180px}.ba-label{position:absolute;bottom:var(--spacing-3);padding:var(--spacing-1) var(--spacing-3);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-full);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none;line-height:1;z-index:1}.ba-label--before{left:var(--spacing-3);background:#00000073;color:var(--color-white)}.ba-label--after{right:var(--spacing-3);background:#0ea5e9a6;color:var(--color-white)}.service-content{padding:var(--spacing-6)}.service-icon{width:48px;height:48px;background:var(--color-accent-100);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-4)}.service-icon svg{width:24px;height:24px;color:var(--color-accent-600)}.service-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary-800);margin-bottom:var(--spacing-2)}.service-description{font-size:var(--font-size-sm);color:var(--color-neutral-600);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}.service-link{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent-600);transition:gap var(--transition-fast)}.service-link:hover{gap:var(--spacing-3)}.service-link svg{width:16px;height:16px}.social-section{padding:var(--spacing-16) 0;background:var(--gradient-hero)}.social-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-8)}.social-text .section-tag{color:var(--color-accent-300)}.social-text .section-title{color:var(--color-white)}.social-description{color:#fffc;max-width:500px}.social-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-4)}.social-link{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-8);background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl);color:var(--color-white);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);transition:transform var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)}.social-link:hover{background:#fff3;transform:translateY(-2px)}.social-link svg{width:24px;height:24px}.contact{padding:var(--spacing-24) 0;background:var(--color-neutral-50)}.contact-grid{display:grid;gap:var(--spacing-12)}.contact-info{display:flex;flex-direction:column}.contact-description{color:var(--color-neutral-600);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-8)}.contact-details{display:flex;flex-direction:column;gap:var(--spacing-6)}.contact-item{display:flex;align-items:flex-start;gap:var(--spacing-4)}.contact-icon{width:48px;height:48px;background:var(--color-accent-100);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-icon svg{width:24px;height:24px;color:var(--color-accent-600)}.contact-text{display:flex;flex-direction:column;gap:var(--spacing-1)}.contact-label{font-size:var(--font-size-sm);color:var(--color-neutral-500)}.contact-value{font-weight:var(--font-weight-medium);color:var(--color-neutral-800)}a.contact-value:hover{color:var(--color-accent-600)}.contact-form-wrapper{background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--spacing-8);box-shadow:var(--shadow-xl)}.form-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary-800);margin-bottom:var(--spacing-6)}.form-row{display:grid;gap:var(--spacing-4)}.form-group{margin-bottom:var(--spacing-4)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);margin-bottom:var(--spacing-2)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-3) var(--spacing-4);background:var(--color-neutral-50);border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);color:var(--color-neutral-800);transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-accent-500);background:var(--color-white);box-shadow:0 0 0 3px #0ea5e926}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-neutral-400)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-3) center;background-size:18px;padding-right:var(--spacing-10)}.form-textarea{resize:vertical;min-height:120px}.form-note{text-align:center;font-size:var(--font-size-sm);color:var(--color-neutral-500);margin-top:var(--spacing-4)}.form-success{text-align:center;padding:var(--spacing-8) var(--spacing-4)}.estimate-banner{position:relative;background:linear-gradient(135deg,var(--color-primary-700) 0%,var(--color-primary-600) 100%);border-radius:var(--radius-xl);padding:var(--spacing-4);margin-bottom:var(--spacing-6);color:var(--color-white)}.estimate-banner-header{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent-300);margin-bottom:var(--spacing-2)}.estimate-banner-header svg{width:18px;height:18px}.estimate-banner-content{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-4)}.estimate-banner-price{flex-shrink:0}.estimate-banner-range{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.estimate-banner-details{display:flex;flex-wrap:wrap;gap:var(--spacing-2);font-size:var(--font-size-xs);color:#fffc}.estimate-banner-details span{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);background:#ffffff1a;border-radius:var(--radius-md)}.estimate-banner-clear{position:absolute;top:var(--spacing-2);right:var(--spacing-2);width:28px;height:28px;border-radius:var(--radius-full);background:#ffffff1a;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.estimate-banner-clear:hover{background:#fff3}.estimate-banner-clear svg{width:14px;height:14px;color:#ffffffb3}.footer{background:var(--color-primary-900);color:var(--color-white);padding:var(--spacing-16) 0 var(--spacing-8)}.footer-grid{display:grid;gap:var(--spacing-10)}.footer-brand{max-width:300px}.footer-logo{margin-bottom:var(--spacing-4)}.footer-tagline{font-size:var(--font-size-sm);color:#ffffffb3;line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6)}.footer-social{display:flex;gap:var(--spacing-3)}.footer-social-link{width:40px;height:40px;background:#ffffff1a;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast),background-color var(--transition-fast)}.footer-social-link:hover{background:var(--color-accent-500);transform:translateY(-2px)}.footer-social-link svg{width:18px;height:18px}.footer-heading{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent-400);margin-bottom:var(--spacing-4)}.footer-nav{display:flex;flex-direction:column;gap:var(--spacing-3)}.footer-nav a{font-size:var(--font-size-sm);color:#ffffffb3;transition:color var(--transition-fast)}.footer-nav a:hover{color:var(--color-white)}.footer-contact-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.footer-contact-list li{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-sm);color:#ffffffb3}.footer-contact-list svg{width:18px;height:18px;flex-shrink:0;color:var(--color-accent-400)}.footer-contact-list a{color:#ffffffb3;transition:color var(--transition-fast)}.footer-contact-list a:hover{color:var(--color-white)}.footer-bottom{display:flex;flex-direction:column;gap:var(--spacing-4);padding-top:var(--spacing-8);margin-top:var(--spacing-10);border-top:1px solid rgba(255,255,255,.1);text-align:center}.copyright{font-size:var(--font-size-sm);color:#ffffff80}.footer-legal{display:flex;justify-content:center;gap:var(--spacing-6)}.footer-legal a{font-size:var(--font-size-sm);color:#ffffff80;transition:color var(--transition-fast)}.footer-legal a:hover{color:var(--color-white)}.estimator{padding:var(--spacing-24) 0;background:linear-gradient(180deg,var(--color-white) 0%,var(--color-neutral-50) 100%)}.estimator-container{max-width:800px;margin:0 auto}.estimator-progress{margin-bottom:var(--spacing-8)}.progress-bar{height:4px;background:var(--color-neutral-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-6)}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width .5s cubic-bezier(.4,0,.2,1);width:0%}.progress-steps{display:flex;justify-content:space-between}.progress-step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);flex:1}.step-indicator{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-neutral-100);border:2px solid var(--color-neutral-300);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-neutral-500);transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base)}.step-label{font-size:var(--font-size-xs);color:var(--color-neutral-500);text-align:center;display:none}.progress-step.active .step-indicator{background:var(--color-accent-500);border-color:var(--color-accent-500);color:var(--color-white);box-shadow:0 0 0 4px #0ea5e933}.progress-step.active .step-label{color:var(--color-accent-600);font-weight:var(--font-weight-medium)}.progress-step.completed .step-indicator{background:var(--color-accent-500);border-color:var(--color-accent-500);color:var(--color-white)}.progress-step.completed .step-label{color:var(--color-neutral-600)}.estimator-card{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden}.estimator-step{display:none;padding:var(--spacing-8);animation:fadeIn .4s ease}.estimator-step.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-header{display:flex;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.step-icon{width:56px;height:56px;background:var(--color-accent-100);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-icon svg{width:28px;height:28px;color:var(--color-accent-600)}.step-icon.success{background:linear-gradient(135deg,var(--color-success) 0%,#16a34a 100%)}.step-icon.success svg{color:var(--color-white)}.step-header-text h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary-800);margin-bottom:var(--spacing-1)}.step-header-text p{font-size:var(--font-size-sm);color:var(--color-neutral-500)}.step-content{margin-bottom:var(--spacing-6)}.option-cards{display:grid;gap:var(--spacing-4)}.option-card{position:relative;cursor:pointer}.option-card input{position:absolute;opacity:0;pointer-events:none}.option-card-inner{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-5);background:var(--color-neutral-50);border:2px solid var(--color-neutral-200);border-radius:var(--radius-xl);transition:border-color var(--transition-base),background-color var(--transition-base),box-shadow var(--transition-base)}.option-card:hover .option-card-inner{border-color:var(--color-accent-300);background:var(--color-accent-50)}.option-card.selected .option-card-inner{border-color:var(--color-accent-500);background:var(--color-accent-50);box-shadow:0 0 0 3px #0ea5e926}.option-icon{width:56px;height:56px;background:var(--color-white);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-sm)}.option-icon svg{width:32px;height:32px;color:var(--color-accent-600)}.option-text{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1)}.option-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary-800)}.option-desc{font-size:var(--font-size-sm);color:var(--color-neutral-500)}.option-check{width:28px;height:28px;border-radius:var(--radius-full);border:2px solid var(--color-neutral-300);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color var(--transition-base),border-color var(--transition-base)}.option-check svg{width:16px;height:16px;color:var(--color-white);opacity:0;transform:scale(.5);transition:opacity var(--transition-base),transform var(--transition-base)}.option-card.selected .option-check{background:var(--color-accent-500);border-color:var(--color-accent-500)}.option-card.selected .option-check svg{opacity:1;transform:scale(1)}.input-group{margin-bottom:var(--spacing-6)}.input-group:last-child{margin-bottom:0}.input-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-neutral-700);margin-bottom:var(--spacing-3)}.input-hint{font-size:var(--font-size-xs);color:var(--color-neutral-500);margin-top:var(--spacing-2)}.stories-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3)}.story-option{cursor:pointer}.story-option{position:relative}.story-option input{position:absolute;opacity:0;pointer-events:none}.story-option-inner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-neutral-50);border:2px solid var(--color-neutral-200);border-radius:var(--radius-xl);transition:border-color var(--transition-base),background-color var(--transition-base),box-shadow var(--transition-base)}.story-option:hover .story-option-inner{border-color:var(--color-accent-300)}.story-option.selected .story-option-inner{border-color:var(--color-accent-500);background:var(--color-accent-50);box-shadow:0 0 0 3px #0ea5e926}.story-visual{display:flex;flex-direction:column-reverse;align-items:center;gap:4px;height:60px;justify-content:flex-start}.story-block{width:40px;height:16px;background:var(--color-neutral-300);border-radius:var(--radius-sm);transition:background var(--transition-base)}.story-option.selected .story-block{background:var(--color-accent-500)}.story-option-inner span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-600)}.story-option.selected .story-option-inner span{color:var(--color-accent-700)}.sqft-input-wrapper{position:relative;margin-bottom:var(--spacing-3)}.sqft-input{width:100%;padding:var(--spacing-4) var(--spacing-5);padding-right:80px;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);background:var(--color-neutral-50);border:2px solid var(--color-neutral-200);border-radius:var(--radius-xl);color:var(--color-primary-800);transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);-moz-appearance:textfield}.sqft-input::-webkit-outer-spin-button,.sqft-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sqft-input:focus{outline:none;border-color:var(--color-accent-500);background:var(--color-white);box-shadow:0 0 0 3px #0ea5e926}.sqft-input::placeholder{color:var(--color-neutral-400);font-weight:var(--font-weight-normal)}.sqft-suffix{position:absolute;right:var(--spacing-5);top:50%;transform:translateY(-50%);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-neutral-500)}.sqft-presets{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.sqft-preset{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-600);background:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.sqft-preset:hover{background:var(--color-neutral-200)}.sqft-preset.active{background:var(--color-accent-500);border-color:var(--color-accent-500);color:var(--color-white)}.counter-input{display:flex;align-items:center;justify-content:center;gap:var(--spacing-6);padding:var(--spacing-6);background:var(--color-neutral-50);border-radius:var(--radius-xl)}.counter-btn{width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-white);border:2px solid var(--color-neutral-200);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.counter-btn:hover{border-color:var(--color-accent-500);background:var(--color-accent-50)}.counter-btn:active{transform:scale(.95)}.counter-btn svg{width:20px;height:20px;color:var(--color-neutral-600)}.counter-btn:hover svg{color:var(--color-accent-600)}.counter-display{text-align:center;min-width:80px}.counter-value{display:block;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary-800);line-height:1}.counter-label{font-size:var(--font-size-sm);color:var(--color-neutral-500)}.addon-options{display:flex;flex-direction:column;gap:var(--spacing-3)}.addon-option{position:relative;cursor:pointer}.addon-option input{position:absolute;opacity:0;pointer-events:none}.addon-option-inner{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-neutral-50);border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);transition:border-color var(--transition-base),background-color var(--transition-base)}.addon-option:hover .addon-option-inner{border-color:var(--color-accent-300)}.addon-option.selected .addon-option-inner{border-color:var(--color-accent-500);background:var(--color-accent-50)}.addon-icon{width:44px;height:44px;background:var(--color-white);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.addon-icon svg{width:22px;height:22px;color:var(--color-neutral-600)}.addon-option.selected .addon-icon svg{color:var(--color-accent-600)}.addon-text{flex:1;display:flex;flex-direction:column;gap:2px}.addon-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-neutral-800)}.addon-price{font-size:var(--font-size-sm);color:var(--color-neutral-500)}.addon-check{width:24px;height:24px;border-radius:var(--radius-md);border:2px solid var(--color-neutral-300);flex-shrink:0;transition:border-color var(--transition-base);position:relative}.addon-check:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;background:var(--color-accent-500);border-radius:2px;transform:translate(-50%,-50%) scale(0);transition:transform var(--transition-fast)}.addon-option.selected .addon-check{border-color:var(--color-accent-500)}.addon-option.selected .addon-check:after{transform:translate(-50%,-50%) scale(1)}.fence-details{margin-top:var(--spacing-4);padding:var(--spacing-5);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--border-radius-lg);animation:fadeSlideDown .3s ease}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.fence-type-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.fence-type-option{position:relative;cursor:pointer}.fence-type-option input{position:absolute;opacity:0}.fence-type-inner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--color-neutral-200);border-radius:var(--border-radius-md);text-align:center;transition:border-color .2s ease,background-color .2s ease}.fence-type-option:hover .fence-type-inner{border-color:var(--color-accent-300)}.fence-type-option.selected .fence-type-inner{border-color:var(--color-accent-500);background:var(--color-accent-50)}.fence-type-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-neutral-800)}.fence-type-rate{font-size:var(--font-size-sm);color:var(--color-neutral-500)}.results-header{justify-content:center;text-align:center;flex-direction:column;align-items:center}.results-header .step-icon{width:72px;height:72px;margin-bottom:var(--spacing-2)}.results-header .step-icon svg{width:36px;height:36px}.estimate-result{background:linear-gradient(135deg,var(--color-primary-800) 0%,var(--color-primary-600) 100%);border-radius:var(--radius-xl);padding:var(--spacing-8);color:var(--color-white);margin-bottom:var(--spacing-6)}.estimate-price-container{text-align:center;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-6);border-bottom:1px solid rgba(255,255,255,.15)}.estimate-label{display:block;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.1em;color:#ffffffb3;margin-bottom:var(--spacing-2)}.estimate-price{display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-2)}.price-currency{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-accent-300)}.price-value{font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);line-height:1}.price-separator{font-size:var(--font-size-2xl);color:#ffffff80;margin:0 var(--spacing-1)}.estimate-note{display:block;font-size:var(--font-size-xs);color:#fff9;margin-top:var(--spacing-3)}.estimate-breakdown{margin-bottom:var(--spacing-6)}.estimate-breakdown h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:#ffffffb3;margin-bottom:var(--spacing-3)}.breakdown-items{display:flex;flex-direction:column;gap:var(--spacing-2)}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0}.breakdown-label{font-size:var(--font-size-sm);color:#fffc}.breakdown-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-white)}.estimate-summary{display:flex;flex-wrap:wrap;gap:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid rgba(255,255,255,.15)}.summary-item{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:#fffc}.summary-item svg{width:16px;height:16px;color:var(--color-accent-300)}.estimate-cta{text-align:center}.cta-text{font-size:var(--font-size-base);color:var(--color-neutral-600);margin-bottom:var(--spacing-4)}.btn-text{display:inline-flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-500);transition:color var(--transition-fast)}.btn-text:hover{color:var(--color-accent-600)}.btn-text svg{width:16px;height:16px}.estimator-nav{display:flex;justify-content:space-between;padding:var(--spacing-6);background:var(--color-neutral-50);border-top:1px solid var(--color-neutral-200)}.btn-ghost{padding:var(--spacing-3) var(--spacing-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-600);background:transparent;border-radius:var(--radius-lg);transition:background-color var(--transition-fast),color var(--transition-fast)}.btn-ghost:hover:not(:disabled){background:var(--color-neutral-100);color:var(--color-neutral-800)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-ghost svg,.btn svg{width:16px;height:16px}#nextStep:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--shadow-md)}.estimator-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-6);margin-top:var(--spacing-8)}.trust-badge{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-neutral-600)}.trust-badge svg{width:20px;height:20px;color:var(--color-accent-500)}[data-theme=dark]{--color-bg-primary: #0d1117;--color-bg-secondary: #161b22;--color-bg-tertiary: #21262d;--color-bg-elevated: #1c2128;--color-text-primary: #e6edf3;--color-text-secondary: #8b949e;--color-text-muted: #6e7681;--color-accent-dark: #58a6ff;--color-accent-glow: rgba(88, 166, 255, .4);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-glow: 0 0 40px var(--color-accent-glow);--gradient-hero: linear-gradient(135deg, #0d1117 0%, #161b22 50%, #1a2332 100%);--gradient-primary: linear-gradient(135deg, #1a3a5c 0%, #0ea5e9 100%)}[data-theme=dark] body{background-color:var(--color-bg-primary);color:var(--color-text-primary)}[data-theme=dark] .about,[data-theme=dark] .contact{background:var(--color-bg-secondary)}[data-theme=dark] .services{background:var(--color-bg-primary)}[data-theme=dark] .estimator{background:linear-gradient(180deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%)}[data-theme=dark] .header-scrolled{background:#0d1117f2}[data-theme=dark] .service-card,[data-theme=dark] .contact-form-wrapper,[data-theme=dark] .estimator-card{background:var(--color-bg-elevated);border:1px solid rgba(255,255,255,.08)}[data-theme=dark] .service-card:hover{border-color:var(--color-accent-dark);box-shadow:var(--shadow-xl),0 0 20px var(--color-accent-glow)}[data-theme=dark] .section-title,[data-theme=dark] .service-title,[data-theme=dark] .form-title,[data-theme=dark] .step-header-text h3,[data-theme=dark] .option-title,[data-theme=dark] .counter-value{color:var(--color-text-primary)}[data-theme=dark] .section-description,[data-theme=dark] .about-text,[data-theme=dark] .service-description,[data-theme=dark] .contact-description,[data-theme=dark] .step-header-text p,[data-theme=dark] .option-desc,[data-theme=dark] .cta-text{color:var(--color-text-secondary)}[data-theme=dark] .section-tag{color:var(--color-accent-dark)}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea,[data-theme=dark] .sqft-input{background:var(--color-bg-tertiary);border-color:#ffffff1a;color:var(--color-text-primary)}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus,[data-theme=dark] .form-textarea:focus,[data-theme=dark] .sqft-input:focus{background:var(--color-bg-secondary);border-color:var(--color-accent-dark);box-shadow:0 0 0 3px var(--color-accent-glow)}[data-theme=dark] .form-input::placeholder,[data-theme=dark] .form-textarea::placeholder,[data-theme=dark] .sqft-input::placeholder{color:var(--color-text-muted)}[data-theme=dark] .form-label,[data-theme=dark] .input-label{color:var(--color-text-secondary)}[data-theme=dark] .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238b949e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-3) center;background-size:18px}[data-theme=dark] .option-card-inner,[data-theme=dark] .story-option-inner,[data-theme=dark] .addon-option-inner{background:var(--color-bg-tertiary);border-color:#ffffff1a}[data-theme=dark] .option-card:hover .option-card-inner,[data-theme=dark] .story-option:hover .story-option-inner,[data-theme=dark] .addon-option:hover .addon-option-inner{border-color:var(--color-accent-dark);background:#58a6ff1a}[data-theme=dark] .option-card.selected .option-card-inner,[data-theme=dark] .story-option.selected .story-option-inner,[data-theme=dark] .addon-option.selected .addon-option-inner{border-color:var(--color-accent-dark);background:#58a6ff26;box-shadow:0 0 0 3px var(--color-accent-glow)}[data-theme=dark] .option-icon,[data-theme=dark] .addon-icon{background:var(--color-bg-secondary)}[data-theme=dark] .option-icon svg,[data-theme=dark] .addon-icon svg{color:var(--color-accent-dark)}[data-theme=dark] .addon-title{color:var(--color-neutral-100)}[data-theme=dark] .addon-price{color:var(--color-neutral-400)}[data-theme=dark] .addon-check{border-color:#fff3}[data-theme=dark] .fence-details{background:var(--color-bg-secondary);border-color:#ffffff1a}[data-theme=dark] .fence-type-inner{background:var(--color-bg-tertiary);border-color:#ffffff1a}[data-theme=dark] .fence-type-option:hover .fence-type-inner{border-color:var(--color-accent-dark);background:#58a6ff1a}[data-theme=dark] .fence-type-option.selected .fence-type-inner{border-color:var(--color-accent-dark);background:#58a6ff26}[data-theme=dark] .fence-type-name{color:var(--color-neutral-100)}[data-theme=dark] .fence-type-rate{color:var(--color-neutral-400)}[data-theme=dark] .progress-bar{background:var(--color-bg-tertiary)}[data-theme=dark] .step-indicator{background:var(--color-bg-tertiary);border-color:#ffffff26;color:var(--color-text-secondary)}[data-theme=dark] .progress-step.active .step-indicator{box-shadow:0 0 0 4px var(--color-accent-glow)}[data-theme=dark] .counter-input{background:var(--color-bg-tertiary)}[data-theme=dark] .counter-btn{background:var(--color-bg-secondary);border-color:#ffffff1a}[data-theme=dark] .counter-btn:hover{border-color:var(--color-accent-dark);background:#58a6ff1a}[data-theme=dark] .counter-btn svg{color:var(--color-text-secondary)}[data-theme=dark] .counter-btn:hover svg{color:var(--color-accent-dark)}[data-theme=dark] .sqft-preset{background:var(--color-bg-tertiary);border-color:#ffffff1a;color:var(--color-text-secondary)}[data-theme=dark] .sqft-preset:hover{background:#ffffff1a}[data-theme=dark] .estimator-nav{background:var(--color-bg-tertiary);border-color:#ffffff14}[data-theme=dark] .btn-ghost{color:var(--color-text-secondary)}[data-theme=dark] .btn-ghost:hover:not(:disabled){background:#ffffff1a;color:var(--color-text-primary)}[data-theme=dark] .trust-badge{color:var(--color-text-secondary)}[data-theme=dark] .trust-badge svg{color:var(--color-accent-dark)}[data-theme=dark] .placeholder-image{background:linear-gradient(135deg,var(--color-bg-tertiary) 0%,var(--color-bg-secondary) 100%)}[data-theme=dark] .placeholder-text{color:var(--color-text-muted)}[data-theme=dark] .about-feature span{color:var(--color-text-secondary)}[data-theme=dark] .feature-icon svg{color:var(--color-accent-dark)}[data-theme=dark] .contact-icon{background:var(--color-bg-tertiary)}[data-theme=dark] .contact-icon svg{color:var(--color-accent-dark)}[data-theme=dark] .contact-label{color:var(--color-text-muted)}[data-theme=dark] .contact-value{color:var(--color-text-primary)}[data-theme=dark] a.contact-value:hover{color:var(--color-accent-dark)}[data-theme=dark] .service-icon{background:var(--color-bg-tertiary)}[data-theme=dark] .service-icon svg{color:var(--color-accent-dark)}[data-theme=dark] .service-link{color:var(--color-accent-dark)}[data-theme=dark] .footer{background:var(--color-bg-secondary)}[data-theme=dark] .btn-text{color:var(--color-text-secondary)}[data-theme=dark] .btn-text:hover{color:var(--color-accent-dark)}[data-theme=dark] .story-block{background:var(--color-text-muted)}[data-theme=dark] .story-option.selected .story-block{background:var(--color-accent-dark)}[data-theme=dark] .story-option-inner span{color:var(--color-text-secondary)}[data-theme=dark] .story-option.selected .story-option-inner span{color:var(--color-accent-dark)}.theme-toggle{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);background:#ffffff1a;border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:transform var(--transition-base),background-color var(--transition-base),box-shadow var(--transition-base);margin-left:var(--spacing-2)}.theme-toggle:hover{background:#fff3;transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.theme-toggle svg{width:20px;height:20px;color:var(--color-white);transition:color var(--transition-base)}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun{display:block}[data-theme=dark] .theme-toggle .icon-moon{display:none}[data-theme=dark] .theme-toggle{background:#58a6ff26;border-color:#58a6ff4d}[data-theme=dark] .theme-toggle:hover{background:#58a6ff40;box-shadow:0 0 20px var(--color-accent-glow)}[data-theme=dark] .theme-toggle svg{color:var(--color-accent-dark)}html.theme-transition body,html.theme-transition .about,html.theme-transition .contact,html.theme-transition .services,html.theme-transition .estimator,html.theme-transition .header-scrolled,html.theme-transition .service-card,html.theme-transition .contact-form-wrapper,html.theme-transition .estimator-card,html.theme-transition .section-title,html.theme-transition .service-title,html.theme-transition .form-title,html.theme-transition .section-description,html.theme-transition .about-text,html.theme-transition .service-description,html.theme-transition .contact-description,html.theme-transition .section-tag,html.theme-transition .form-input,html.theme-transition .form-select,html.theme-transition .form-textarea,html.theme-transition .sqft-input,html.theme-transition .option-card-inner,html.theme-transition .story-option-inner,html.theme-transition .addon-option-inner,html.theme-transition .footer,html.theme-transition .btn-primary,html.theme-transition .theme-toggle{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease!important}[data-theme=dark] .hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20px 30px,rgba(88,166,255,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(88,166,255,.2),transparent),radial-gradient(3px 3px at 50px 160px,rgba(88,166,255,.3),transparent),radial-gradient(2px 2px at 90px 40px,rgba(88,166,255,.2),transparent),radial-gradient(3px 3px at 130px 80px,rgba(88,166,255,.25),transparent),radial-gradient(2px 2px at 160px 120px,rgba(88,166,255,.2),transparent);background-repeat:repeat;background-size:200px 200px;animation:dropletFall 8s linear infinite;pointer-events:none;z-index:0;opacity:.6;will-change:transform}@keyframes dropletFall{0%{transform:translateY(-200px)}to{transform:translateY(0)}}[data-theme=dark] .btn-primary{box-shadow:var(--shadow-md),0 0 15px var(--color-accent-glow)}[data-theme=dark] .btn-primary:hover{box-shadow:var(--shadow-lg),0 0 30px var(--color-accent-glow),0 0 60px #58a6ff33}[data-theme=dark] .text-gradient{color:var(--color-accent-dark)}[data-theme=dark] .stat:hover .stat-number{text-shadow:0 0 20px var(--color-accent-glow);transform:scale(1.1)}[data-theme=dark] .stat-number{transition:transform var(--transition-base),text-shadow var(--transition-base)}[data-theme=dark] .hero-scroll-indicator{color:var(--color-accent-dark)}[data-theme=dark] .scroll-arrow{border-color:var(--color-accent-dark)}[data-theme=dark] .social-link:hover{box-shadow:0 0 30px var(--color-accent-glow)}[data-theme=dark] .footer-social-link:hover{box-shadow:0 0 20px var(--color-accent-glow)}[data-theme=dark] .services:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.15),transparent),radial-gradient(1px 1px at 30% 60%,rgba(255,255,255,.1),transparent),radial-gradient(1px 1px at 50% 30%,rgba(255,255,255,.15),transparent),radial-gradient(1px 1px at 70% 80%,rgba(255,255,255,.1),transparent),radial-gradient(1px 1px at 90% 10%,rgba(255,255,255,.12),transparent),radial-gradient(1.5px 1.5px at 15% 85%,rgba(255,255,255,.08),transparent),radial-gradient(1px 1px at 85% 45%,rgba(255,255,255,.1),transparent);pointer-events:none;z-index:0}[data-theme=dark] .services{position:relative}[data-theme=dark] .services>*{position:relative;z-index:1}[data-theme=dark] .logo:hover .logo-icon:after{content:"💦";position:absolute;right:-20px;top:-5px;font-size:16px;animation:spray .5s ease-out forwards}[data-theme=dark] .logo .logo-icon{position:relative}@keyframes spray{0%{opacity:1;transform:translate(0) scale(.5)}to{opacity:0;transform:translate(20px,-10px) scale(1.2)}}@media(max-width:479px){.about,.services,.contact,.estimator{padding:var(--spacing-16) 0}.social-section{padding:var(--spacing-12) 0}.footer{padding:var(--spacing-12) 0 var(--spacing-6)}.section-header{margin-bottom:var(--spacing-10)}.section-title{font-size:var(--font-size-2xl)}.section-description{font-size:var(--font-size-base)}.hero-title{font-size:var(--font-size-3xl)}.hero-description{font-size:var(--font-size-base)}.hero-badge{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-3)}.hero-content{padding:var(--spacing-24) 0 var(--spacing-12)}.hero-stats{gap:var(--spacing-2);padding-top:var(--spacing-6)}.stat-number{font-size:var(--font-size-xl)}.stat-label{font-size:.65rem}.about-grid{gap:var(--spacing-8)}.about-experience-badge{padding:var(--spacing-3) var(--spacing-4);right:var(--spacing-4)}.experience-number{font-size:var(--font-size-2xl)}.services-grid{gap:var(--spacing-6)}.service-content{padding:var(--spacing-5)}.social-links{gap:var(--spacing-3)}.social-link{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base)}.contact-grid{gap:var(--spacing-8)}.contact-form-wrapper,.estimator-step{padding:var(--spacing-5)}.step-header{flex-direction:column;text-align:center;gap:var(--spacing-3)}.step-header-text h3{font-size:var(--font-size-lg)}.step-icon{width:48px;height:48px}.step-icon svg{width:24px;height:24px}.estimator-nav{padding:var(--spacing-4)}.estimate-result{padding:var(--spacing-5)}.price-value{font-size:var(--font-size-4xl)}.footer-grid{gap:var(--spacing-8)}.footer-bottom{padding-top:var(--spacing-6);margin-top:var(--spacing-8)}}@media(min-width:640px){.hero-title{font-size:var(--font-size-5xl)}.hero-cta{flex-direction:row;justify-content:center}.hero-cta .btn{width:auto;max-width:none}.form-row{grid-template-columns:repeat(2,1fr)}.stat-number{font-size:var(--font-size-3xl)}.step-label{display:block}.option-cards{grid-template-columns:repeat(2,1fr)}.estimate-summary{justify-content:center}}@media(min-width:768px){:root{--container-padding: var(--spacing-8)}.section-title{font-size:var(--font-size-4xl)}.hero-title{font-size:var(--font-size-6xl)}.about-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-16)}.about-features,.services-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}.footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}.estimator-step{padding:var(--spacing-10)}.step-indicator{width:44px;height:44px}.price-value{font-size:var(--font-size-6xl)}}@media(min-width:1024px){.nav{display:block}.header-cta{display:inline-flex}.mobile-menu-toggle{display:none}.hero-title{font-size:var(--font-size-7xl)}.hero-stats{max-width:600px;margin:0 auto}.stat-number{font-size:var(--font-size-4xl)}.services-grid{grid-template-columns:repeat(3,1fr)}.social-content{flex-direction:column;align-items:center;text-align:center}.social-text{max-width:500px}}@media(min-width:1280px){.about-grid{gap:var(--spacing-24)}.contact-grid{gap:var(--spacing-20)}.contact-form-wrapper{padding:var(--spacing-10)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}