:root{--color-primary: #B8860B;--color-primary-dark: #8B6508;--color-primary-light: #DAA520;--color-secondary: #2C3E50;--color-accent: #C8A870;--color-white: #FFFFFF;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-900: #111827;--color-black: #000000;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-base: 16px;--line-height-base: 1.6;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--max-width-content: 1400px;--border-radius: .5rem;--border-radius-lg: 1rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-gray-900);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.skip-to-main{position:absolute;top:-100px;left:0;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:var(--color-white);text-decoration:none;z-index:9999}.skip-to-main:focus{top:0}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--color-gray-900)}a{color:inherit;text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary)}ul{list-style:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--max-width-content);margin:0 auto;padding:0 var(--spacing-md)}.section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.section-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-sm);letter-spacing:-.02em}.section-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--color-gray-600);max-width:700px;margin:0 auto}.site-header{position:fixed;top:0;left:0;right:0;background:var(--color-white);box-shadow:var(--shadow-sm);z-index:100;border-bottom:1px solid var(--color-gray-200);transition:transform .3s ease-in-out}.site-header.header-hidden{transform:translateY(-100%)}.main-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;min-height:70px}.logo a{display:flex;align-items:center;font-weight:700}.logo-image{height:80px;width:80px;object-fit:contain;transition:transform var(--transition-base)}.logo-image:hover{transform:scale(1.05)}img{display:block;max-width:100%;height:auto}.comparison-image{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}.logo-text{font-size:1.5rem;color:var(--color-primary);line-height:1}.logo-subtitle{font-size:.75rem;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.1em}.nav-menu{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-menu a{font-weight:500;font-size:.95rem;position:relative}.nav-menu a:not(.nav-cta):after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-base)}.nav-menu a:not(.nav-cta):hover:after{width:100%}.nav-menu a.active:after{width:100%}.nav-cta{background:var(--color-primary);color:var(--color-white);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius);font-weight:600;transition:all var(--transition-base)}.nav-cta:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--spacing-xs)}.hamburger-line{width:25px;height:2px;background:var(--color-gray-900);transition:all var(--transition-base)}@media(max-width:768px){.mobile-menu-toggle{display:flex}.nav-menu{position:absolute;top:70px;left:0;right:0;background:var(--color-white);flex-direction:column;align-items:stretch;padding:var(--spacing-md);box-shadow:var(--shadow-lg);display:none}.nav-menu.active{display:flex}.nav-menu a{padding:var(--spacing-sm);text-align:center}}.hero-section{position:relative;padding:var(--spacing-3xl) 0;padding-top:calc(var(--spacing-3xl) + 70px);min-height:700px;display:flex;align-items:center;background-image:url(/kitchen-renovation-hero-oakville-kingoaks-construction.webp);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000000a6,#2c3e50b3);z-index:1}.hero-section .container{position:relative;z-index:2}.hero-content{text-align:center;max-width:900px;margin:0 auto}.hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;margin-bottom:var(--spacing-md);color:var(--color-white);line-height:1.1;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(0,0,0,.5)}.hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.4rem);color:var(--color-gray-100);margin-bottom:var(--spacing-xl);max-width:700px;margin-left:auto;margin-right:auto;text-shadow:0 1px 8px rgba(0,0,0,.4)}.hero-cta{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-2xl)}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-lg);max-width:600px;margin:0 auto}.stat-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius);box-shadow:0 8px 20px #0000004d;transition:all var(--transition-base);border:1px solid rgba(255,255,255,.2)}.stat-item:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 30px #0006;background:#fff}.stat-number{font-size:2.5rem;font-weight:800;color:var(--color-primary);line-height:1}.stat-label{font-size:.875rem;color:var(--color-gray-600);margin-top:var(--spacing-xs)}.btn{display:inline-block;padding:1rem 2rem;font-size:1rem;font-weight:600;text-align:center;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-base);border:2px solid transparent;text-decoration:none}.btn-primary{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg);color:var(--color-white)}.btn-secondary{background:transparent;color:var(--color-primary);border-color:var(--color-gray-300)}.btn-secondary:hover{background:var(--color-gray-100);border-color:var(--color-gray-400);color:var(--color-primary)}.btn-large{padding:1.25rem 2.5rem;font-size:1.125rem}.services-section{padding:var(--spacing-3xl) 0;background:var(--color-white)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}.service-card{padding:var(--spacing-xl);background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--border-radius-lg);transition:all var(--transition-base);text-align:center}.service-card:hover{transform:translateY(-8px);border-color:var(--color-primary);box-shadow:var(--shadow-xl)}.service-icon{width:60px;height:60px;margin:0 auto var(--spacing-md);color:var(--color-primary);stroke-width:1.5}.service-title{font-size:1.5rem;margin-bottom:var(--spacing-sm);color:var(--color-gray-900)}.service-description{color:var(--color-gray-600);line-height:1.7}.transformations-section{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-gray-100) 100%)}.gallery-wrapper{position:relative;width:100%;max-width:1200px;margin:0 auto}.comparison-container{position:relative;width:100%;overflow:hidden;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);background:var(--color-black);aspect-ratio:3 / 4;max-width:450px;margin:0 auto}@media(max-width:1024px)and (min-width:769px){.comparison-container{max-width:420px}}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);z-index:10;box-shadow:var(--shadow-lg)}.gallery-nav:hover{background:var(--color-white);transform:translateY(-50%) scale(1.1);box-shadow:var(--shadow-xl)}.gallery-nav:active{transform:translateY(-50%) scale(.95)}.gallery-nav svg{width:24px;height:24px;color:var(--color-gray-900)}.gallery-nav-prev{left:-25px}.gallery-nav-next{right:-25px}.gallery-info{margin-top:var(--spacing-lg);text-align:center}.gallery-project-title{font-size:1.25rem;font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.gallery-indicators{display:flex;gap:.5rem;justify-content:center;align-items:center}.gallery-indicator{width:8px;height:8px;border-radius:50%;background:var(--color-gray-300);cursor:pointer;transition:all var(--transition-base)}.gallery-indicator.active{background:var(--color-primary);width:24px;border-radius:4px}.gallery-indicator:hover:not(.active){background:var(--color-gray-400);transform:scale(1.2)}@media(max-width:768px){.comparison-container{aspect-ratio:3 / 4;max-width:100%}.gallery-nav{width:40px;height:40px}.gallery-nav svg{width:20px;height:20px}.gallery-nav-prev{left:10px}.gallery-nav-next{right:10px}.gallery-project-title{font-size:1.1rem}}.image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.before-image-wrapper{z-index:1}.after-image-wrapper{z-index:2;clip-path:inset(0 50% 0 0)}.comparison-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.after-image-wrapper .comparison-image{transform:scale(1.15)}.image-label{position:absolute;top:2rem;padding:.5rem 1.25rem;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-white);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border-radius:2rem;z-index:3;transition:opacity var(--transition-base)}.before-label{left:2rem}.after-label{right:2rem}@media(max-width:768px){.image-label{top:1rem;padding:.4rem 1rem;font-size:.75rem}.before-label{left:1rem}.after-label{right:1rem}}.slider-handle{position:absolute;top:0;left:50%;width:4px;height:100%;z-index:4;cursor:ew-resize;transform:translate(-50%);padding:0 20px;margin-left:-20px}.slider-line{position:absolute;left:50%;width:2px;height:50%;background:var(--color-white);box-shadow:0 0 10px #0000004d;transform:translate(-50%)}.slider-line:first-child{top:0}.slider-line:last-child{bottom:0}.slider-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:var(--color-white);border-radius:50%;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;gap:2px;transition:all var(--transition-base)}@media(hover:hover){.slider-handle:hover .slider-button{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 25px #0000004d}}.slider-handle:active .slider-button,.slider-handle.dragging .slider-button{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 6px 30px #0006}.slider-icon{width:16px;height:16px;color:var(--color-gray-900)}@media(max-width:768px){.slider-button{width:50px;height:50px}.slider-icon{width:14px;height:14px}}.slider-handle:focus{outline:none}.slider-handle:focus .slider-button{outline:3px solid var(--color-primary);outline-offset:2px}.comparison-container:not(.dragging) .after-image-wrapper{transition:clip-path .05s ease-out}.comparison-container:not(.dragging) .slider-handle{transition:left .05s ease-out}.testimonials-section{padding:var(--spacing-3xl) 0;background:var(--color-white)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.testimonial-card{padding:var(--spacing-xl);background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--border-radius-lg);transition:all var(--transition-base);display:flex;flex-direction:column}.testimonial-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--color-primary-light)}.rating{color:var(--color-primary);font-size:1.5rem;margin-bottom:var(--spacing-md)}.testimonial-text{font-size:1.05rem;line-height:1.7;color:var(--color-gray-700);margin-bottom:var(--spacing-md);flex-grow:1;font-style:italic}.testimonial-author{border-top:1px solid var(--color-gray-200);padding-top:var(--spacing-md)}.author-name{font-weight:700;color:var(--color-gray-900);margin-bottom:.25rem}.author-project{font-size:.875rem;color:var(--color-gray-600)}.contact-section{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,var(--color-gray-900) 0%,var(--color-secondary) 100%);color:var(--color-white);min-height:500px;display:flex;align-items:center;justify-content:center}.contact-content-centered{text-align:center;max-width:800px;margin:0 auto;padding:var(--spacing-2xl)}.contact-content-centered .section-title{color:var(--color-white);margin-bottom:var(--spacing-md);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;letter-spacing:-.02em}.contact-subtitle{color:var(--color-gray-300);font-size:clamp(1.1rem,2.5vw,1.4rem);margin-bottom:var(--spacing-2xl);line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.btn-interested{display:inline-flex;align-items:center;justify-content:center;padding:1.5rem 4rem;font-size:1.5rem;font-weight:700;color:var(--color-gray-900);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border:none;border-radius:4rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #b8860b4d;position:relative;overflow:hidden;letter-spacing:.02em}.btn-interested:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.btn-interested:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 20px 40px #b8860b80;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%)}.btn-interested:hover:before{left:100%}.btn-interested:active{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 25px #b8860b66}.btn-interested:focus{outline:3px solid rgba(184,134,11,.5);outline-offset:4px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.contact-content-centered{animation:fadeInUp .8s ease-out}@media(max-width:768px){.contact-section{min-height:400px;padding:var(--spacing-2xl) 0}.contact-content-centered{padding:var(--spacing-md)}.btn-interested{padding:1.25rem 3rem;font-size:1.25rem}}@media(max-width:480px){.btn-interested{padding:1rem 2.5rem;font-size:1.1rem;width:100%;max-width:300px}}.site-footer{background:var(--color-gray-900);color:var(--color-gray-300);padding:var(--spacing-3xl) 0 var(--spacing-md)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-section h3,.footer-section h4{color:var(--color-white);margin-bottom:var(--spacing-md);font-size:1.1rem}.footer-brand{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.footer-logo{width:50px;height:50px;object-fit:contain;border-radius:8px}.footer-brand h3{margin-bottom:0}.footer-section p{line-height:1.7}.footer-links{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-links a:hover{color:var(--color-primary-light)}.footer-bottom{border-top:1px solid var(--color-gray-700);padding-top:var(--spacing-md);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.footer-legal{display:flex;gap:var(--spacing-md)}.footer-legal a:hover{color:var(--color-primary-light)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.comparison-container{animation:fadeIn .6s ease-out}@media(max-width:992px){:root{--spacing-3xl: 4rem}}@media(max-width:768px){:root{--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 3rem}.hero-section{padding:var(--spacing-2xl) 0;min-height:600px;background-attachment:scroll}.hero-section:before{background:linear-gradient(135deg,#000000b3,#2c3e50bf)}.hero-cta{flex-direction:column}.contact-content{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}}@media(max-width:480px){.container{padding:0 var(--spacing-sm)}.services-grid,.testimonials-grid{grid-template-columns:1fr}.btn{width:100%}}.contact-thank-you{background:var(--color-white);padding:var(--spacing-2xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);text-align:center}.thank-you-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);color:var(--color-primary);stroke-width:2}.contact-thank-you h2{font-size:2rem;color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.contact-thank-you>p{font-size:1.1rem;color:var(--color-gray-600);margin-bottom:var(--spacing-xl);line-height:1.6}.thank-you-details{background:var(--color-gray-50);padding:var(--spacing-lg);border-radius:var(--border-radius);margin-bottom:var(--spacing-xl);text-align:left}.thank-you-details h3{font-size:1.25rem;color:var(--color-gray-900);margin-bottom:var(--spacing-md);text-align:center}.thank-you-detail-row{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-gray-200)}.thank-you-detail-row:last-child{border-bottom:none}.thank-you-label{font-weight:600;color:var(--color-gray-700)}.thank-you-value{color:var(--color-gray-900);text-align:right;word-break:break-word}.thank-you-next-steps{background:var(--color-white);border:2px solid var(--color-primary-light);padding:var(--spacing-lg);border-radius:var(--border-radius);margin-bottom:var(--spacing-xl);text-align:left}.thank-you-next-steps h3{font-size:1.25rem;color:var(--color-gray-900);margin-bottom:var(--spacing-md);text-align:center}.thank-you-next-steps ul{list-style:none;padding:0}.thank-you-next-steps li{padding:var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-lg);color:var(--color-gray-700);position:relative;line-height:1.6}.thank-you-next-steps li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700;font-size:1.1rem}.thank-you-button{margin-top:var(--spacing-md)}@media(max-width:768px){.contact-thank-you{padding:var(--spacing-lg)}.thank-you-icon{width:60px;height:60px}.contact-thank-you h2{font-size:1.5rem}.thank-you-detail-row{flex-direction:column;gap:.25rem}.thank-you-value{text-align:left}}.legal-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.legal-modal.active{pointer-events:all;opacity:1}.legal-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);overflow-y:auto}.legal-modal-container{position:relative;background:var(--color-white);border-radius:var(--border-radius-lg);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;padding:var(--spacing-2xl);box-shadow:var(--shadow-2xl);transform:scale(.9) translateY(20px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.legal-modal.active .legal-modal-container{transform:scale(1) translateY(0);opacity:1}.legal-modal-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:40px;height:40px;border:none;background:var(--color-gray-100);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);z-index:10}.legal-modal-close svg{width:20px;height:20px;color:var(--color-gray-700);transition:color var(--transition-base)}.legal-modal-close:hover{background:var(--color-primary);transform:rotate(90deg)}.legal-modal-close:hover svg{color:var(--color-white)}.legal-modal-title{font-size:2rem;font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-xl);padding-right:var(--spacing-2xl)}.legal-modal-content{color:var(--color-gray-700);line-height:1.8}.legal-section{margin-bottom:var(--spacing-xl);animation:fadeInUp .4s ease-out forwards;opacity:0}.legal-modal.active .legal-section{animation:fadeInUp .4s ease-out forwards}.legal-section:nth-child(1){animation-delay:.05s}.legal-section:nth-child(2){animation-delay:.1s}.legal-section:nth-child(3){animation-delay:.15s}.legal-section:nth-child(4){animation-delay:.2s}.legal-section:nth-child(5){animation-delay:.25s}.legal-section:nth-child(6){animation-delay:.3s}.legal-section:nth-child(7){animation-delay:.35s}.legal-section:nth-child(8){animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.legal-section h3{font-size:1.25rem;font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.legal-section p{margin-bottom:var(--spacing-md)}.legal-section ul{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl)}.legal-section li{margin-bottom:var(--spacing-xs);line-height:1.8}.legal-footer{margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200);color:var(--color-gray-600);font-size:.875rem;text-align:center}.legal-modal-container::-webkit-scrollbar{width:8px}.legal-modal-container::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:4px}.legal-modal-container::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}.legal-modal-container::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}@media(max-width:768px){.legal-modal-container{padding:var(--spacing-xl);max-height:95vh}.legal-modal-title{font-size:1.5rem;margin-bottom:var(--spacing-lg)}.legal-modal-close{top:var(--spacing-md);right:var(--spacing-md);width:36px;height:36px}.legal-section h3{font-size:1.125rem}}.main-content{display:none}body:not(.loading) .main-content{display:block!important}#loader{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity 1.5s ease,visibility 1.5s ease}#loader.fade-out{opacity:0;visibility:hidden;pointer-events:none}.loading-content{text-align:center;max-width:500px;width:90%}#kingoaks-logo{width:300px;height:300px;max-width:90vw;max-height:90vh;object-fit:contain;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}.loading-text{margin-top:2rem;color:#b38b2e;font-size:1.25rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:0;animation:fadeInText 1s ease-in .5s forwards}@keyframes fadeInText{to{opacity:1}}@media(max-width:768px){#kingoaks-logo{width:250px;height:250px}.loading-text{font-size:1rem}}@media(max-width:480px){#kingoaks-logo{width:200px;height:200px}.loading-text{font-size:.9rem}}.stepper-outer-container{display:flex;height:100%;flex-direction:column;padding:0;overflow:hidden}.stepper-circle-container{width:100%;height:100%;display:flex;flex-direction:column;background:var(--color-white);overflow:hidden}.stepper-indicator-row{display:flex;width:100%;align-items:center;padding:1.25rem 1.5rem 1rem;flex-shrink:0}.stepper-content-default{position:relative;overflow:hidden;flex:1;min-height:0}.stepper-step-default{padding-left:0;padding-right:0;height:100%}.stepper-footer-container{padding:0 1.5rem 1.25rem;flex-shrink:0}.stepper-footer-nav{margin-top:1rem;display:flex}.stepper-footer-nav.spread{justify-content:space-between}.stepper-footer-nav.end{justify-content:flex-end}.stepper-back-button{transition:all .35s;border-radius:.5rem;padding:.5rem 1rem;color:var(--color-gray-600);cursor:pointer;background:transparent;border:2px solid var(--color-gray-300);font-weight:500;font-size:.875rem}.stepper-back-button:hover{color:var(--color-gray-900);background:var(--color-gray-100);border-color:var(--color-gray-400)}.stepper-back-button.inactive{pointer-events:none;opacity:.5;color:var(--color-gray-400)}.stepper-next-button{transition:all .35s;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background-color:var(--color-primary);color:var(--color-white);font-weight:600;letter-spacing:-.025em;padding:.5rem 1.25rem;cursor:pointer;border:2px solid var(--color-primary);font-size:.875rem}.stepper-next-button:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px #b8860b33}.stepper-next-button:active{background-color:var(--color-primary-dark);transform:translateY(0)}.stepper-step-indicator{position:relative;cursor:pointer;outline:none}.stepper-step-indicator-inner{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px;font-weight:600;transition:all .3s ease}.stepper-step-indicator-inner.inactive{background-color:var(--color-gray-300);color:var(--color-gray-600)}.stepper-step-indicator-inner.active{background-color:var(--color-primary);color:var(--color-white);box-shadow:0 0 0 4px #b8860b1a}.stepper-step-indicator-inner.complete{background-color:var(--color-primary);color:var(--color-white)}.stepper-active-dot{height:.5rem;width:.5rem;border-radius:9999px;background-color:var(--color-white);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.stepper-step-number{font-size:.875rem}.stepper-step-connector{position:relative;margin-left:.5rem;margin-right:.5rem;height:.125rem;flex:1;overflow:hidden;border-radius:.25rem;background-color:var(--color-gray-300)}.stepper-step-connector-inner{position:absolute;left:0;top:0;height:100%;background-color:var(--color-primary);transition:width .4s ease}.stepper-check-icon{height:1rem;width:1rem;color:var(--color-white)}@media(max-width:640px){.stepper-indicator-row{padding:1rem 1rem .75rem}.stepper-step-default{padding-left:0;padding-right:0}.stepper-footer-container{padding:0 1rem 1rem}.stepper-step-indicator-inner{height:1.75rem;width:1.75rem}.stepper-step-number{font-size:.75rem}.stepper-back-button,.stepper-next-button{padding:.5rem .875rem;font-size:.8rem}}.quote-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.quote-modal-overlay.hidden{display:none}.quote-modal-container{position:relative;background:var(--color-white);border-radius:1.5rem;box-shadow:0 25px 50px -12px #0006;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.quote-modal-close{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-gray-100);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;z-index:10;color:var(--color-gray-600)}.quote-modal-close:hover{background:var(--color-gray-200);color:var(--color-gray-900);transform:rotate(90deg)}.quote-modal-close svg{width:1.25rem;height:1.25rem}.quote-modal-header{padding:1.5rem 2rem 1rem;text-align:center;border-bottom:1px solid var(--color-gray-200);flex-shrink:0}.quote-modal-title{font-size:1.5rem;font-weight:700;color:var(--color-gray-900);margin-bottom:.375rem;letter-spacing:-.025em}.quote-modal-subtitle{font-size:.875rem;color:var(--color-gray-600);line-height:1.4}.quote-modal-body{flex:1;overflow:hidden;padding:0;min-height:0}.quote-modal-footer{padding:.75rem 1.5rem;background:linear-gradient(to top,var(--color-gray-50),transparent);border-top:1px solid var(--color-gray-200);text-align:center;flex-shrink:0}.quote-modal-disclaimer{display:flex;align-items:flex-start;gap:.5rem;font-size:.75rem;color:var(--color-gray-600);line-height:1.4;max-width:500px;margin:0 auto}.quote-modal-disclaimer svg{width:1rem;height:1rem;color:var(--color-primary);flex-shrink:0;margin-top:.1rem}.quote-form-step{padding:1.25rem 2rem;height:100%;display:flex;flex-direction:column}.quote-form-step h2{font-size:1.25rem;font-weight:700;color:var(--color-gray-900);margin-bottom:.5rem}.quote-form-step p{color:var(--color-gray-600);margin-bottom:1rem;line-height:1.5;font-size:.9rem}.quote-form-group{margin-bottom:1rem}.quote-form-label{display:block;margin-bottom:.375rem;font-weight:600;color:var(--color-gray-900);font-size:.9rem}.quote-form-label .required{color:var(--color-primary);margin-left:.25rem}.quote-form-input,.quote-form-select{width:100%;padding:.625rem .875rem;border:2px solid var(--color-gray-300);border-radius:.5rem;font-size:.95rem;font-family:inherit;transition:all .25s ease;background:var(--color-white);color:var(--color-gray-900)}.quote-form-input:focus,.quote-form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #b8860b1a}.quote-form-input::placeholder{color:var(--color-gray-400)}.quote-form-input.error,.quote-form-select.error{border-color:#dc2626}.quote-form-error{display:block;margin-top:.375rem;font-size:.875rem;color:#dc2626}.quote-location-options{display:flex;flex-wrap:wrap;gap:.625rem;margin-bottom:.75rem}.quote-location-option{padding:.5rem 1rem;border:2px solid var(--color-gray-300);border-radius:2rem;background:var(--color-white);cursor:pointer;transition:all .25s ease;font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.quote-location-option:hover{border-color:var(--color-primary-light);background:var(--color-gray-50)}.quote-location-option.selected{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-white)}.quote-location-custom{margin-top:.5rem}.quote-time-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem}.quote-time-option{padding:.75rem .875rem;border:2px solid var(--color-gray-300);border-radius:.5rem;background:var(--color-white);cursor:pointer;transition:all .25s ease;font-size:.875rem;font-weight:500;color:var(--color-gray-700);text-align:center}.quote-time-option:hover{border-color:var(--color-primary-light);background:var(--color-gray-50)}.quote-time-option.selected{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-white)}.quote-success{text-align:center;padding:2rem}.quote-success-icon{width:4rem;height:4rem;margin:0 auto 1rem;color:var(--color-primary)}.quote-success h2{font-size:1.75rem;font-weight:700;color:var(--color-gray-900);margin-bottom:.75rem}.quote-success p{color:var(--color-gray-600);line-height:1.6;margin-bottom:1.5rem}.quote-success-details{background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:.75rem;padding:1.25rem;text-align:left;margin-bottom:1.5rem}.quote-success-details h3{font-size:1rem;font-weight:600;color:var(--color-gray-900);margin-bottom:.75rem}.quote-success-detail-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--color-gray-200)}.quote-success-detail-row:last-child{border-bottom:none}.quote-success-detail-label{font-weight:500;color:var(--color-gray-600)}.quote-success-detail-value{font-weight:600;color:var(--color-gray-900)}.quote-success-button{padding:.875rem 2rem;background:var(--color-primary);color:var(--color-white);border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s ease}.quote-success-button:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #b8860b4d}@media(max-width:640px){.quote-modal-container{max-height:95vh;border-radius:1rem}.quote-modal-header{padding:1.25rem 1.5rem .875rem}.quote-modal-title{font-size:1.25rem}.quote-modal-subtitle{font-size:.8rem}.quote-form-step{padding:1rem 1.5rem}.quote-form-step h2{font-size:1.125rem}.quote-form-step p{font-size:.85rem}.quote-time-grid{grid-template-columns:1fr}.quote-modal-footer{padding:.625rem 1.25rem}.quote-modal-disclaimer{font-size:.65rem}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.quote-modal-overlay{animation:modalFadeIn .3s ease-out}.quote-modal-container{animation:modalSlideUp .4s ease-out}