:root{--color-white: rgba(255, 255, 255, 1);--color-black: rgba(0, 0, 0, 1);--color-cream-50: rgba(252, 252, 249, 1);--color-cream-100: rgba(255, 255, 253, 1);--color-gray-200: rgba(245, 245, 245, 1);--color-gray-300: rgba(167, 169, 169, 1);--color-gray-400: rgba(119, 124, 124, 1);--color-slate-500: rgba(98, 108, 113, 1);--color-brown-600: rgba(94, 82, 64, 1);--color-charcoal-700: rgba(31, 33, 33, 1);--color-charcoal-800: rgba(38, 40, 40, 1);--color-slate-900: rgba(19, 52, 59, 1);--color-teal-300: rgba(50, 184, 198, 1);--color-teal-400: rgba(45, 166, 178, 1);--color-teal-500: rgba(33, 128, 141, 1);--color-teal-600: rgba(29, 116, 128, 1);--color-teal-700: rgba(26, 104, 115, 1);--color-teal-800: rgba(41, 150, 161, 1);--color-red-400: rgba(255, 84, 89, 1);--color-red-500: rgba(192, 21, 47, 1);--color-orange-400: rgba(230, 129, 97, 1);--color-orange-500: rgba(168, 75, 47, 1);--color-brown-600-rgb: 94, 82, 64;--color-teal-500-rgb: 33, 128, 141;--color-slate-900-rgb: 19, 52, 59;--color-slate-500-rgb: 98, 108, 113;--color-red-500-rgb: 192, 21, 47;--color-red-400-rgb: 255, 84, 89;--color-orange-500-rgb: 168, 75, 47;--color-orange-400-rgb: 230, 129, 97;--color-bg-1: rgba(59, 130, 246, .08);--color-bg-2: rgba(245, 158, 11, .08);--color-bg-3: rgba(34, 197, 94, .08);--color-bg-4: rgba(239, 68, 68, .08);--color-bg-5: rgba(147, 51, 234, .08);--color-bg-6: rgba(249, 115, 22, .08);--color-bg-7: rgba(236, 72, 153, .08);--color-bg-8: rgba(6, 182, 212, .08);--color-background: var(--color-cream-50);--color-surface: var(--color-cream-100);--color-text: var(--color-slate-900);--color-text-secondary: var(--color-slate-500);--color-primary: var(--color-teal-500);--color-primary-hover: var(--color-teal-600);--color-primary-active: var(--color-teal-700);--color-secondary: rgba(var(--color-brown-600-rgb), .12);--color-secondary-hover: rgba(var(--color-brown-600-rgb), .2);--color-secondary-active: rgba(var(--color-brown-600-rgb), .25);--color-border: rgba(var(--color-brown-600-rgb), .2);--color-btn-primary-text: var(--color-cream-50);--color-card-border: rgba(var(--color-brown-600-rgb), .12);--color-card-border-inner: rgba(var(--color-brown-600-rgb), .12);--color-error: var(--color-red-500);--color-success: var(--color-teal-500);--color-warning: var(--color-orange-500);--color-info: var(--color-slate-500);--color-focus-ring: rgba(var(--color-teal-500-rgb), .4);--color-select-caret: rgba(var(--color-slate-900-rgb), .8);--focus-ring: 0 0 0 3px var(--color-focus-ring);--focus-outline: 2px solid var(--color-primary);--status-bg-opacity: .15;--status-border-opacity: .25;--select-caret-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' 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");--select-caret-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' 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");--color-success-rgb: 33, 128, 141;--color-error-rgb: 192, 21, 47;--color-warning-rgb: 168, 75, 47;--color-info-rgb: 98, 108, 113;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "Berkeley Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 30px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 550;--font-weight-bold: 600;--line-height-tight: 1.2;--line-height-normal: 1.5;--letter-spacing-tight: -.01em;--space-0: 0;--space-1: 1px;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--radius-sm: 6px;--radius-base: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .02);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .04), 0 2px 4px -1px rgba(0, 0, 0, .02);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .04), 0 4px 6px -2px rgba(0, 0, 0, .02);--shadow-inset-sm: inset 0 1px 0 rgba(255, 255, 255, .15), inset 0 -1px 0 rgba(0, 0, 0, .03);--duration-fast: .15s;--duration-normal: .25s;--ease-standard: cubic-bezier(.16, 1, .3, 1);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--color-solar-blue: #1e40af;--color-solar-green: #059669;--color-solar-yellow: #f59e0b;--color-solar-light-blue: #dbeafe;--color-solar-light-green: #d1fae5}html{font-size:var(--font-size-base);font-family:var(--font-family-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;box-sizing:border-box;scroll-behavior:smooth}body{margin:0;padding:0}*,*:before,*:after{box-sizing:inherit}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text);letter-spacing:var(--letter-spacing-tight)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}p{margin:0 0 var(--space-16) 0}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}a:hover{color:var(--color-primary-hover)}.header{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--color-border);transition:all var(--duration-normal) var(--ease-standard)}.header.scrolled{background:var(--color-surface);box-shadow:var(--shadow-md)}.header-content{max-width:var(--container-xl);margin:0 auto;padding:var(--space-16) var(--space-20);display:flex;align-items:center;justify-content:space-between}.logo{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.75rem;font-weight:700;color:var(--color-primary);letter-spacing:1.2px;text-transform:uppercase;display:flex;align-items:center;gap:var(--space-8);font-style:normal;transition:color .3s ease}.logo:hover{color:#007acc}.logo:before{font-size:2rem;margin-right:.3em;transform:translateY(-2px)}.nav{display:flex;list-style:none;margin:0;padding:0;gap:var(--space-32)}.nav a{color:var(--color-text);font-weight:var(--font-weight-medium);transition:color var(--duration-fast) var(--ease-standard)}.nav a:hover{color:var(--color-primary)}.mobile-menu-btn{display:none;background:none;border:none;font-size:var(--font-size-2xl);color:var(--color-text);cursor:pointer}.hero{background:linear-gradient(135deg,#1e40afcc,#059669cc),url("./media/hero_solar-5KOT5S7P.png");background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:100px 0 40px;text-align:center;position:relative;overflow:hidden;margin-top:0}.hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="solar" patternUnits="userSpaceOnUse" width="20" height="20"><rect width="20" height="20" fill="none"/><circle cx="10" cy="10" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23solar)"/></svg>') repeat;opacity:.3}.hero-content{max-width:var(--container-lg);margin:2% auto 0;padding:0 var(--space-20);position:relative;z-index:1}.hero h1{font-size:3.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--space-20);color:#fff}.hero .subtitle{font-size:var(--font-size-xl);margin-bottom:var(--space-32);opacity:.9}.hero-buttons{display:flex;gap:var(--space-16);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-32)}.flash-message{background:var(--color-bg-2);width:100%;position:relative;z-index:2;border-top:1px solid rgba(5,150,105,.2);border-bottom:1px solid rgba(5,150,105,.2);box-shadow:0 4px 12px #0000001a;margin-top:0}.flash-content{max-width:var(--container-xl);margin:0 auto;padding:var(--space-24) var(--space-20);text-align:center;color:#e55f0d;font-weight:var(--font-weight-medium);font-size:var(--font-size-xl);line-height:1.6;animation:gentleSlide 3s ease-in-out infinite;text-shadow:0 1px 1px rgba(255,255,255,.5);position:relative;overflow:hidden}.flash-content:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 25%,rgba(255,255,255,.2) 75%,transparent 100%);animation:shimmer 3s infinite;pointer-events:none}@keyframes gentleSlide{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-12) var(--space-24);border-radius:var(--radius-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.5;cursor:pointer;transition:all var(--duration-normal) var(--ease-standard);border:none;text-decoration:none;position:relative}.btn--primary{background:var(--color-solar-yellow);color:var(--color-slate-900)}.btn--primary:hover{background:#d97706;transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b4d}.btn--secondary{background:transparent;color:#fff;border:2px solid white}.btn--secondary:hover{background:#fff;color:var(--color-slate-900);transform:translateY(-2px)}.container{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-20)}.section{padding:80px 0}.section-title{text-align:center;font-size:2.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--space-20);color:var(--color-text)}.section-subtitle{text-align:center;font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:60px;max-width:600px;margin-left:auto;margin-right:auto}.about{background:var(--color-bg-3)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-image{position:relative}.consultation-image{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:transform var(--duration-normal) var(--ease-standard)}.consultation-image:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a}.about-text h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-16);color:var(--color-primary)}.about-text p{font-size:var(--font-size-lg);line-height:1.7;margin-bottom:var(--space-20)}.highlights{display:grid;gap:var(--space-16)}.highlight{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-16);background:var(--color-surface);border-radius:var(--radius-base);border-left:4px solid var(--color-primary)}.highlight-icon{font-size:var(--font-size-2xl)}.highlight-text{font-weight:var(--font-weight-medium)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-24)}.service-image{position:relative;width:100%;height:200px;border-radius:var(--radius-base);overflow:hidden;margin-bottom:var(--space-16)}.service-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-normal) var(--ease-standard)}.service-image .service-icon{position:absolute;top:var(--space-12);right:var(--space-12);background:#ffffffe6;color:var(--color-primary);padding:var(--space-8);border-radius:var(--radius-full);font-size:var(--font-size-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.service-card{background:var(--color-surface);padding:var(--space-24);border-radius:var(--radius-lg);border:1px solid var(--color-card-border);text-align:center;transition:all var(--duration-normal) var(--ease-standard);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.service-card:hover:before{left:100%}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.service-card:hover .service-image img{transform:scale(1.05)}.service-card:hover .service-image .service-icon{background:var(--color-primary);color:#fff}.service-icon{font-size:3rem;margin-bottom:var(--space-16)}.service-card h3{font-size:var(--font-size-xl);margin-bottom:var(--space-12);color:var(--color-primary)}.service-card p{color:var(--color-text-secondary);line-height:1.6}.benefits{background:var(--color-bg-1)}.benefits-grid{display:flex;flex-wrap:wrap;gap:var(--space-24);justify-content:center}.benefit-card{flex:1 1 250px;max-width:300px;box-sizing:border-box;background:var(--color-surface);padding:var(--space-20);border-radius:var(--radius-base);text-align:center;border:1px solid var(--color-card-border)}.benefit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.benefit-icon{font-size:2.5rem;margin-bottom:var(--space-12)}.benefit-card h4{font-size:var(--font-size-lg);margin-bottom:var(--space-8);color:var(--color-primary)}.benefit-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-24)}.project-image-container{position:relative;width:100%;height:250px;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.project-image-real{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-normal) var(--ease-standard)}.project-overlay{position:absolute;inset:0;background:linear-gradient(45deg,rgba(0,0,0,.3),transparent);opacity:0;transition:opacity var(--duration-normal) var(--ease-standard);display:flex;align-items:flex-start;justify-content:flex-end;padding:var(--space-16)}.project-badge{background:var(--color-primary);color:#fff;padding:var(--space-6) var(--space-12);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.project-card{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-card-border);transition:all var(--duration-normal) var(--ease-standard)}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.project-card:hover .project-image-real{transform:scale(1.05)}.project-card:hover .project-overlay{opacity:1}.project-image{width:100%;height:200px;background:linear-gradient(45deg,var(--color-solar-light-blue),var(--color-solar-light-green));display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--color-primary)}.project-content{padding:var(--space-20)}.project-card h4{font-size:var(--font-size-lg);margin-bottom:var(--space-8);color:var(--color-primary)}.project-location{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-12)}.project-card p{color:var(--color-text-secondary);line-height:1.6}.contact{background:var(--color-bg-2)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-form{background:var(--color-surface);padding:var(--space-32);border-radius:var(--radius-lg);border:1px solid var(--color-card-border)}.form-group{margin-bottom:var(--space-20)}.form-label{display:block;margin-bottom:var(--space-8);font-weight:var(--font-weight-medium);color:var(--color-text)}.form-control{width:100%;padding:var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-base);font-size:var(--font-size-base);background:var(--color-surface);color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-standard)}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.form-control::placeholder{color:var(--color-text-secondary)}textarea.form-control{resize:vertical;min-height:120px}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--select-caret-light);background-repeat:no-repeat;background-position:right var(--space-12) center;background-size:16px;padding-right:var(--space-32)}.contact-info{display:flex;flex-direction:column;gap:var(--space-24)}.contact-item{display:flex;align-items:flex-start;gap:var(--space-16);padding:var(--space-20);background:var(--color-surface);border-radius:var(--radius-base);border:1px solid var(--color-card-border)}.contact-icon{font-size:var(--font-size-2xl);color:var(--color-primary);margin-top:var(--space-4)}.contact-details h4{font-size:var(--font-size-lg);margin-bottom:var(--space-8);color:var(--color-text)}.contact-details p{color:var(--color-text-secondary);margin:0}.map-placeholder{width:100%;background:var(--color-bg-3);border-radius:var(--radius-base);overflow:hidden}.map-container{position:relative;width:100%;padding-bottom:56.25%}.map-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;color:var(--color-text-secondary);border:1px solid var(--color-card-border)}.footer{background:var(--color-slate-900);color:var(--color-gray-200);padding:60px 0 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-32);margin-bottom:var(--space-32)}.footer-section h4{color:#fff;margin-bottom:var(--space-16);font-size:var(--font-size-lg)}.footer-section p,.footer-section a{color:var(--color-gray-300);line-height:1.6}.footer-section a:hover{color:var(--color-teal-300)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--space-8)}.social-links{display:flex;gap:var(--space-16);margin-top:var(--space-16)}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:var(--radius-full);color:var(--color-gray-300);transition:all var(--duration-normal) var(--ease-standard)}.social-links a:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--space-20);text-align:center;color:var(--color-gray-400)}.back-to-top{position:fixed;bottom:var(--space-20);right:var(--space-20);width:50px;height:50px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-full);font-size:var(--font-size-xl);cursor:pointer;opacity:0;visibility:hidden;transition:all var(--duration-normal) var(--ease-standard);z-index:1000}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background:var(--color-primary-hover);transform:translateY(-2px)}@media (max-width: 768px){.flash-content{font-size:var(--font-size-lg);padding:var(--space-16) var(--space-20)}.mobile-menu-btn{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-surface);flex-direction:column;padding:var(--space-20);border-top:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.nav.active{display:flex}.nav a{padding:var(--space-12) 0;border-bottom:1px solid var(--color-border)}.hero h1{font-size:2.5rem}.hero .subtitle{font-size:var(--font-size-lg)}.hero-buttons{flex-direction:column;align-items:center}.about-content,.contact-content{grid-template-columns:1fr;gap:var(--space-32)}.about-content{grid-template-columns:1fr}.about-image{order:-1}.service-image{height:180px}.services-grid,.benefits-grid,.projects-grid{grid-template-columns:1fr}.section-title{font-size:2rem}.footer-content{grid-template-columns:1fr;gap:var(--space-24)}}@media (max-width: 480px){.hero{padding:100px 0 60px;background-attachment:scroll}.hero h1{font-size:2rem}.section{padding:60px 0}.container{padding:0 var(--space-16)}.header-content{padding:var(--space-12) var(--space-16)}.service-image{height:150px}.project-image-container{height:200px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .6s ease-out}.form-control.error{border-color:var(--color-error)}.error-message{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--space-4);display:block}.success-message{background:rgba(var(--color-success-rgb),.1);color:var(--color-success);padding:var(--space-16);border-radius:var(--radius-base);border:1px solid rgba(var(--color-success-rgb),.2);margin-bottom:var(--space-16);text-align:center}.sendus-message{margin-bottom:var(--space-16)}