:root{--color-bg-primary:#f7f7f4;--color-bg-secondary:#ebebe4;--color-bg-tertiary:#dfdfd5;--color-text-primary:#1a1c19;--color-text-secondary:#4a5046;--color-accent-dark:#2b3a2c;--color-accent-main:#3f523e;--color-accent-light:#5a7059;--color-accent-vibrant:#88a983;--color-white:#fff;--color-black:#000;--color-error:#d34b4b;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--shadow-sm:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-md:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000006;--shadow-lg:0 20px 25px -5px #0000000d, 0 10px 10px -5px #00000005;--shadow-glow:0 0 30px #88a98333;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-primary);font-weight:600;line-height:1.1}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}ul{list-style:none}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.section{padding:100px 0}.section-dark{background-color:var(--color-accent-dark);color:var(--color-white)}.section-dark h2,.section-dark h3{color:var(--color-white)}.section-dark p{color:#fffc}.section-secondary{background-color:var(--color-bg-secondary)}.text-center{text-align:center}.text-primary{color:var(--color-accent-dark)}.text-vibrant{color:var(--color-accent-vibrant)}.h1{letter-spacing:-.02em;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700}.h2{letter-spacing:-.01em;margin-bottom:24px;font-size:clamp(2rem,4vw,3rem);font-weight:600}.h3{margin-bottom:16px;font-size:clamp(1.5rem,3vw,2rem);font-weight:500}.p-large{color:var(--color-text-secondary);margin-bottom:32px;font-size:clamp(1.125rem,2vw,1.375rem);font-weight:300}.btn{border-radius:var(--radius-full);transition:all var(--transition-normal);text-align:center;justify-content:center;align-items:center;gap:8px;padding:16px 32px;font-size:1.125rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--color-accent-main);color:var(--color-white);box-shadow:var(--shadow-md)}.btn-primary:hover{background-color:var(--color-accent-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{color:var(--color-accent-dark);border:1px solid var(--color-accent-dark);background-color:#0000}.btn-outline:hover{background-color:var(--color-accent-dark);color:var(--color-white)}.btn-outline-light{color:var(--color-white);background-color:#0000;border:1px solid #ffffff4d}.btn-outline-light:hover{background-color:var(--color-white);color:var(--color-accent-dark)}.glass{box-shadow:var(--shadow-lg);background:#ffffffe6;border:1px solid #fff6}.glass-dark{background:#2b3a2cf2;border:1px solid #ffffff1a}.input-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.input-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:600}.input-field{border-radius:var(--radius-md);border:1px solid var(--color-bg-tertiary);background-color:var(--color-white);font-family:var(--font-body);transition:all var(--transition-fast);color:var(--color-text-primary);padding:14px 16px;font-size:1rem}.input-field:focus{border-color:var(--color-accent-main);outline:none;box-shadow:0 0 0 3px #3f523e1a}.input-field::placeholder{color:#999}.navbar{z-index:100;transition:all var(--transition-normal);padding:20px 0;position:fixed;top:0;left:0;right:0}.navbar.scrolled{box-shadow:var(--shadow-sm);background:#f7f7f4fa;border-bottom:1px solid #0000000d;padding:12px 0}.nav-content{justify-content:space-between;align-items:center;display:flex}.nav-logo{font-family:var(--font-heading);color:var(--color-accent-dark);align-items:center;gap:8px;font-size:1.25rem;font-weight:700;display:flex}.nav-logo span{color:var(--color-accent-vibrant)}.hero{align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:-2;background:url(/assets/house-O1lljiIQ.png) 50%/cover no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.hero-overlay{z-index:-1;background:linear-gradient(90deg,#f7f7f4f2 0%,#f7f7f4b3 50%,#f7f7f433 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{max-width:650px}.hero-tag{color:var(--color-accent-main);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;background-color:#3f523e1a;margin-bottom:24px;padding:6px 12px;font-size:.875rem;font-weight:600;display:inline-block}.grid-2{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=992px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.feature-card{border-radius:var(--radius-lg);background-color:var(--color-white);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);border:1px solid #0000;padding:32px}.feature-card:hover{box-shadow:var(--shadow-md);border-color:#88a98333;transform:translateY(-5px)}.feature-icon{width:56px;height:56px;color:var(--color-accent-main);background-color:#88a98326;border-radius:14px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.feature-card h3{margin-bottom:12px;font-size:1.25rem}.feature-card p{color:var(--color-text-secondary);font-size:.95rem}.calculator-section{position:relative}.calculator-container{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background-color:var(--color-white);overflow:hidden}.calc-header{background-color:var(--color-accent-dark);color:var(--color-white);text-align:center;padding:40px}.calc-header h2{color:var(--color-white);margin-bottom:12px}.calc-header p{color:#fffc;font-size:1.1rem}.calc-body{padding:40px}.calc-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=768px){.calc-grid{grid-template-columns:1fr}}.radio-group{flex-wrap:wrap;gap:12px;display:flex}.radio-label{border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background-color:var(--color-white);align-items:center;gap:8px;padding:10px 16px;font-size:.95rem;display:flex}.radio-label:hover{border-color:var(--color-accent-light)}.radio-input{display:none}.radio-input:checked+.radio-label{background-color:var(--color-accent-main);color:var(--color-white);border-color:var(--color-accent-main)}.calc-result{background-color:var(--color-bg-secondary);border-radius:var(--radius-md);text-align:center;border:1px solid #0000000d;margin-top:40px;padding:32px;animation:.5s ease-out fadeIn}.result-number{font-size:3.5rem;font-weight:700;font-family:var(--font-heading);color:var(--color-accent-dark);margin:16px 0;line-height:1}.result-unit{color:var(--color-text-secondary);font-size:1.25rem;font-weight:400}.result-reduction{color:var(--color-accent-main);border-radius:var(--radius-full);background-color:#88a98333;align-items:center;gap:8px;margin-top:16px;padding:8px 16px;font-weight:600;display:inline-flex}.method-timeline{max-width:800px;margin:0 auto;position:relative}.method-timeline:before{content:"";background-color:#3f523e1a;width:2px;position:absolute;top:0;bottom:0;left:28px}.method-step{margin-bottom:48px;padding-left:80px;position:relative}.method-step:last-child{margin-bottom:0}.method-number{background-color:var(--color-accent-dark);width:58px;height:58px;color:var(--color-white);font-family:var(--font-heading);box-shadow:0 0 0 8px var(--color-bg-primary);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.method-content{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:32px}.contact-grid{grid-template-columns:1fr 1fr;gap:64px;display:grid}@media (width<=992px){.contact-grid{grid-template-columns:1fr}}.contact-info{padding-right:40px}.contact-card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:40px}.footer{background-color:var(--color-text-primary);color:var(--color-white);padding:80px 0 40px}.footer-bottom{color:#ffffff80;border-top:1px solid #ffffff1a;justify-content:space-between;margin-top:60px;padding-top:24px;font-size:.875rem;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s ease-out forwards fadeIn}.delay-100{opacity:0;animation-delay:.1s}.delay-200{opacity:0;animation-delay:.2s}.delay-300{opacity:0;animation-delay:.3s}.faq-container{max-width:800px;margin:0 auto}.faq-item{border-bottom:1px solid #0000001a;margin-bottom:16px;overflow:hidden}.faq-header{cursor:pointer;font-family:var(--font-heading);color:var(--color-text-primary);transition:color var(--transition-fast);justify-content:space-between;align-items:center;padding:24px 0;font-size:1.15rem;font-weight:500;display:flex}.faq-header:hover{color:var(--color-accent-main)}.faq-icon{color:var(--color-accent-main);transition:transform .3s}.faq-icon.open{transform:rotate(180deg)}.faq-content{color:var(--color-text-secondary);padding-bottom:24px;font-size:1.05rem;line-height:1.7}.comparison-card{border-radius:var(--radius-lg);background-color:var(--color-white);box-shadow:var(--shadow-sm);height:100%;padding:40px}.comparison-card.highlight{background-color:var(--color-accent-dark);color:var(--color-white);box-shadow:var(--shadow-lg);transform:scale(1.05)}@media (width<=992px){.comparison-card.highlight{transform:scale(1)}}.comparison-card.highlight h3,.comparison-card.highlight .stat-label{color:var(--color-white)}.stat-row{margin-bottom:24px}.stat-header{justify-content:space-between;margin-bottom:8px;font-size:.95rem;display:flex}.stat-label{color:var(--color-text-primary);font-weight:500}.stat-value{font-weight:700}.stat-bar-bg{border-radius:var(--radius-full);background-color:#0000001a;width:100%;height:8px;overflow:hidden}.highlight .stat-bar-bg{background-color:#fff3}.stat-bar-fill{border-radius:var(--radius-full);height:100%}.popup-overlay{z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.popup-backdrop{background-color:#0009;width:100%;height:100%;position:absolute;top:0;left:0}.popup-modal{background-color:var(--color-white);border-radius:var(--radius-lg);z-index:1001;width:100%;max-width:480px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.popup-close{color:var(--color-text-secondary);transition:color var(--transition-fast);z-index:10;position:absolute;top:16px;right:16px}.popup-close:hover{color:var(--color-error)}.popup-content{padding:40px}.skiptranslate iframe{display:none!important}body{top:0!important}#google_translate_element{display:none!important}.nav-links{align-items:center;gap:24px;display:flex}.language-switcher{gap:8px;font-size:.9rem;font-weight:500;display:flex}.language-switcher button{transition:all var(--transition-fast);background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:4px 8px}.language-switcher button:hover{background-color:var(--color-bg-secondary);border-color:var(--color-accent-main)}.nav-cta{padding:10px 24px;font-size:.95rem}@media (width<=768px){.nav-content{flex-wrap:wrap;justify-content:center;gap:16px}.nav-links{justify-content:space-between;width:100%}.footer-bottom{text-align:center;flex-direction:column;align-items:center;gap:16px}.hero-content{text-align:center;padding:0 16px}.hero-tag{margin-left:auto;margin-right:auto}.method-timeline:before{left:20px}.method-number{width:40px;height:40px;font-size:1.2rem}.method-step{padding-left:60px}.contact-info{padding-right:0}}@media (width<=480px){.nav-links{flex-direction:column;gap:12px}.nav-cta{width:100%}.radio-group{flex-direction:column}.radio-label{justify-content:center;width:100%}.h1{font-size:2rem}.h2{font-size:1.75rem}}