:root{--color-primary:#2d2d2d;--color-primary-dark:#1a1a1a;--color-primary-light:#404040;--color-bg:#fff;--color-bg-alt:#f5f5f5;--color-text:#1a1a1a;--color-text-secondary:#666;--color-accent:#2d2d2d;--color-success:#276749;--color-warning:#c05621;--color-danger:#9b2c2c;--color-border:#e0e0e0;--color-on-primary:#fff;--color-danger-bg:#fff5f5;--color-danger-subtle:#9b2c2c0f;--color-warning-bg:#fffbeb;--color-warning-border:#fcd34d;--color-success-subtle:#16a34a1a;--color-disabled:#999;--color-indicator-bg:#fffffffa;--color-saving-overlay:#ffffffe6;--color-surface-primary:var(--color-primary);--color-surface-primary-end:var(--color-primary-light);--color-button-inverted-bg:#fff;--color-button-inverted-text:var(--color-primary);--color-button-inverted-hover:#ffffffe6;--color-focus-ring:#2d2d2d1f;--color-overlay:#00000080;--color-spinner:#2d2d2d;--color-spinner-track:#2d2d2d26;--color-spinner-glow:#2d2d2d4d;--color-skeleton-base:var(--color-border);--color-skeleton-shine:var(--color-bg-alt);--color-energy-a:#276749;--color-energy-b:#38a169;--color-energy-c:#68d391;--color-energy-d:#ecc94b;--color-energy-e:#ed8936;--color-energy-f:#e53e3e;--color-energy-g:#c53030;--color-energy-h:#9b2c2c;--gradient-energy-scale:linear-gradient(90deg, #276749, #38a169, #68d391, #ecc94b, #ed8936, #e53e3e, #c53030);--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:64px;--space-8:96px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}:root.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#e0e0e0;--color-primary-dark:silver;--color-primary-light:#f0f0f0;--color-bg:#131313;--color-bg-alt:#1b1b1b;--color-text:#ececec;--color-text-secondary:#858585;--color-accent:#e0e0e0;--color-border:#282828;--color-success:#48bb78;--color-warning:#ed8936;--color-danger:#fc8181;--color-focus-ring:#e0e0e033;--color-overlay:#000000b3;--color-spinner:#e0e0e0;--color-spinner-track:#e0e0e033;--color-spinner-glow:#e0e0e066;--color-on-primary:#131313;--color-skeleton-base:var(--color-bg-alt);--color-skeleton-shine:var(--color-border);--color-danger-bg:#fc818114;--color-danger-subtle:#9b2c2c1a;--color-warning-bg:#ed89361a;--color-warning-border:#ed893666;--color-success-subtle:#4ade8026;--color-disabled:#282828;--color-indicator-bg:#1b1b1bfa;--color-saving-overlay:#131313e6;--color-surface-primary:var(--color-bg-alt);--color-surface-primary-end:var(--color-bg);--color-button-inverted-bg:var(--color-primary);--color-button-inverted-text:var(--color-on-primary);--color-button-inverted-hover:var(--color-primary-light)}body{background-color:var(--color-bg);width:100%;min-height:100vh;color:var(--color-text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}.page-title{color:var(--color-text);text-align:center;letter-spacing:-.3px;margin-bottom:2rem;font-size:24px;font-weight:600}.app-wrapper{flex-direction:column;width:100%;min-height:100vh;margin:0;display:flex}.small-unit{font-size:.8em}.app-container{width:800px;max-width:90%;min-height:calc(100vh - 200px);margin:0 auto 40px;position:relative}.survey-container{border-radius:8px;padding:16px}.questionnaire{opacity:1;transition:opacity .3s}@media (width<=768px){.app-container{width:100%;max-width:95%;margin:0 auto 30px}.survey-container{padding:12px}}@media (width<=480px){.app-container{max-width:98%;margin:0 auto 20px}.survey-container{padding:8px}}.loading{opacity:.5;pointer-events:none;position:relative}.initial-loader-container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.initial-loading-spinner,.loading-spinner{border:4px solid var(--color-spinner-track);border-top:4px solid var(--color-spinner);z-index:1000;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.question.saving{position:relative}.saving-indicator{background-color:var(--color-saving-overlay);color:var(--color-text);border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spinner{border:3px solid var(--color-spinner-track);border-top:3px solid var(--color-spinner);vertical-align:middle;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin;display:inline-block}.loading-results .calculation-animation{background-color:var(--color-bg-alt);border-radius:8px;justify-content:center;align-items:center;margin:10px 0;padding:8px;display:flex}.loading-value{justify-content:flex-end;align-items:center;min-height:30px;display:flex}.loading-value.huge{min-height:48px}.loading-value .calculation-animation{justify-content:flex-end;width:100%;margin:0;padding:4px 8px}.section-header{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin:var(--space-5) 0 var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border);scroll-margin-top:120px;font-size:12px;font-weight:600}div:first-child>.section-header{border-top:none;margin-top:0;padding-top:0}@media (width<=640px){.section-header{scroll-margin-top:100px}}.question{background-color:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);opacity:0;will-change:transform, opacity, max-height;border-radius:12px;max-height:0;margin-bottom:20px;padding:16px;overflow:hidden;transform:translateY(20px);box-shadow:0 1px 3px #00000014}.question.expanded{max-height:none;animation:.5s forwards slideIn;overflow:visible}.question.collapsing{animation:.5s forwards slideOut}.question.invalid{border-color:var(--color-danger);animation:.5s forwards slideIn,.4s ease-out questionShake}@keyframes questionShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes slideIn{0%{opacity:0;max-height:0;overflow:hidden;transform:translateY(20px)}to{opacity:1;max-height:2000px;overflow:hidden;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;max-height:2000px;transform:translateY(0)}to{opacity:0;max-height:0;transform:translateY(-20px)}}.question-title-container{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.question-title{color:var(--color-text);flex:1;margin-bottom:0;font-size:16px;font-weight:500}.helper-text-toggle{background-color:var(--color-bg-alt);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-left:10px;padding:0;transition:all .2s;display:flex}.helper-text-toggle:hover{color:var(--color-primary);border-color:var(--color-primary);background-color:#2563eb14}.helper-text-toggle:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.helper-text-toggle--active{color:var(--color-primary);border-color:var(--color-primary);background-color:#2563eb1f}.helper-text-toggle svg{display:block}.helper-text-container{background-color:var(--color-bg-alt);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:6px;margin-bottom:12px;padding:10px 12px;font-size:14px;line-height:1.4;animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.helper-text{margin:0}.helper-text table{border-collapse:collapse;width:100%;margin:8px 0}.helper-text th,.helper-text td{text-align:left;border-bottom:1px solid var(--color-border);padding:4px 8px}.helper-text th{font-weight:600}.helper-text td:last-child,.helper-text th:last-child{text-align:right}.helper-text a{color:var(--color-accent);font-weight:500;text-decoration:underline;transition:all .2s}.helper-text a:hover,.helper-text a:focus{color:var(--color-primary);text-decoration:underline}.option{cursor:pointer;border-radius:8px;align-items:center;min-height:44px;margin-bottom:6px;margin-right:0;padding:8px 12px;transition:background-color .15s;display:flex}.option:hover{background-color:var(--color-bg-alt)}.options-row{flex-wrap:wrap;gap:4px;display:flex}.option input{flex-shrink:0;margin-right:8px}.yearly-question-container{flex-direction:column;width:100%;margin-bottom:20px;padding-bottom:4px;display:flex;overflow-x:auto}.yearly-question-container .instruction{align-items:center;margin-top:12px;display:flex}.instruction-icon{margin-right:8px;font-size:16px}.instruction-text{color:var(--color-text-secondary);font-size:12px;font-weight:600}.instruction-text.error{color:var(--color-warning)}.year-labels{justify-content:space-between;margin-bottom:5px;display:flex}.year-label{text-align:center;flex:1;font-weight:700}.year-inputs{justify-content:space-between;align-items:stretch;display:flex}.year-inputs>*{flex:1;max-width:calc(33.3333% - 10px);margin:0 5px}input[type=text],input[type=number],textarea{border:1px solid var(--color-border);box-sizing:border-box;width:100%;color:var(--color-text);background-color:var(--color-bg);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s,transform .1s}input[type=text]:hover,input[type=number]:hover,textarea:hover{border-color:var(--color-text-secondary)}input[type=text]:focus,input[type=number]:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}textarea{resize:vertical;min-height:80px}input.input-invalid{border-color:var(--color-danger)}input.input-invalid:focus{box-shadow:0 0 0 3px #dc354526}.validation-error{color:var(--color-danger);margin:4px 0 0;font-size:13px}select{border:1px solid var(--color-border);box-sizing:border-box;width:100%;color:var(--color-text);background-color:var(--color-bg);cursor:pointer;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}select:hover{border-color:var(--color-text-secondary)}select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}input[type=radio],input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;width:18px;height:18px}.question-skeleton{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;margin-bottom:20px;padding:16px;box-shadow:0 1px 3px #00000014}.question-skeleton__title{background:linear-gradient(90deg, var(--color-skeleton-base) 25%, var(--color-skeleton-shine) 50%, var(--color-skeleton-base) 75%);background-size:200% 100%;border-radius:4px;width:70%;height:20px;margin-bottom:16px;animation:1.5s ease-in-out infinite skeleton-pulse}.question-skeleton__input{background:linear-gradient(90deg, var(--color-skeleton-base) 25%, var(--color-skeleton-shine) 50%, var(--color-skeleton-base) 75%);background-size:200% 100%;border-radius:8px;width:100%;height:42px;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.dark input[type=text],.dark input[type=number],.dark textarea,.dark select,.dark .question{background-color:var(--color-bg-alt);border-color:var(--color-border)}.dark .helper-text-container{background-color:var(--color-bg);border-color:var(--color-border)}.dark .question-skeleton{background-color:var(--color-bg-alt);border-color:var(--color-border)}.dark .option:hover{background-color:#ffffff0d}.text-question .input-wrapper{position:relative}.text-question .unit{pointer-events:none;opacity:.8;color:var(--color-text-secondary);font-size:14px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}@media (width<=768px){.question{margin-bottom:16px;padding:12px}.question-title{font-size:15px}.year-inputs>*{margin:0 3px}input[type=text],input[type=number],select{font-size:16px}}@media (width<=480px){.question{margin-bottom:12px;padding:10px}.question-title{font-size:14px}.helper-text-container{padding:8px 10px;font-size:13px}.year-labels{font-size:13px}.year-inputs>*{margin:0 2px}input[type=text],input[type=number],textarea,select{padding:10px;font-size:16px}}.results-box{background-color:var(--color-bg);color:var(--color-text);transform-origin:50%;border:1px solid var(--color-border);border-radius:12px;margin-top:32px;margin-bottom:40px;padding:24px;animation:.4s ease-out forwards resultAppear;position:relative;overflow-y:auto;box-shadow:0 1px 3px #00000014}@keyframes resultAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.results-box h2{color:var(--color-text);margin-bottom:16px;font-size:18px;font-weight:600}.results-box ul{margin:0;padding:0;list-style:none}.results-box li{justify-content:space-between;align-items:center;gap:40px;margin-bottom:12px;padding:8px 0;display:flex}.results-box li:last-child{margin-bottom:0}.result-label{color:var(--color-text-secondary);flex:5;font-size:15px;font-weight:500}.result-value{color:var(--color-text);text-align:right;white-space:nowrap;flex:1;font-weight:500;transition:all .3s}.result-value.huge{letter-spacing:-2px;font-size:56px;font-weight:700}.energy-class-A{color:var(--color-energy-a)}.energy-class-B{color:var(--color-energy-b)}.energy-class-C{color:var(--color-energy-c)}.energy-class-D{color:var(--color-energy-d)}.energy-class-E{color:var(--color-energy-e)}.energy-class-F{color:var(--color-energy-f)}.energy-class-G{color:var(--color-energy-g)}.energy-class-H{color:var(--color-energy-h)}.result-value.placeholder{color:var(--color-text-secondary);text-align:center;opacity:.6;min-width:20px;font-style:italic}.validation-errors{background-color:var(--color-danger-bg);border:1px solid var(--color-danger);border-radius:8px;margin-bottom:20px;padding:16px;animation:.4s ease-out forwards errorAppear}@keyframes errorAppear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.validation-errors-header{color:var(--color-danger);margin-bottom:12px;font-size:16px;font-weight:600}.validation-errors-list{text-align:left;margin:0 0 12px;padding:0;list-style:none}.validation-error-item{color:var(--color-danger);word-wrap:break-word;margin-bottom:8px;line-height:1.4;text-align:left!important}.validation-errors-footer{color:var(--color-text-secondary);font-size:14px;font-style:italic}.skeleton-value{background:linear-gradient(90deg, var(--color-skeleton-base) 25%, var(--color-skeleton-shine) 50%, var(--color-skeleton-base) 75%);background-size:200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite skeleton-pulse;display:inline-block}.skeleton-value--large{border-radius:8px;width:48px;height:56px}.skeleton-value--medium{width:120px;height:20px}.skeleton-value--small{width:80px;height:20px}.dark .results-box{background-color:var(--color-bg-alt);border-color:var(--color-border)}.site-header{background-color:var(--color-bg);z-index:1000;height:64px;transition:box-shadow .2s;position:fixed;top:0;left:0;right:0}.site-header--scrolled{box-shadow:0 1px 3px #0000001a}.site-header__container{height:100%;padding:0 var(--space-6);justify-content:space-between;align-items:center;display:flex}.site-header__logo{color:var(--color-primary);letter-spacing:-.5px;align-items:center;gap:8px;font-size:22px;font-weight:700;text-decoration:none;display:flex}.site-header__logo:hover{color:var(--color-primary-light)}.site-header__logo-icon{flex-shrink:0}.site-header__nav--desktop{gap:var(--space-5);display:flex}.site-header__link{color:var(--color-text);padding:var(--space-2) 0;font-size:16px;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.site-header__link:hover,.site-header__link--active{color:var(--color-primary)}.site-header__link--active:after{content:"";background-color:var(--color-primary);height:2px;position:absolute;bottom:0;left:0;right:0}.site-header__hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:4px;display:none}.site-header__hamburger:focus-visible{box-shadow:0 0 0 3px var(--color-focus-ring);border-radius:4px;outline:none}.site-header__hamburger-line{background-color:var(--color-text);border-radius:1px;width:24px;height:2px;transition:transform .3s,opacity .3s;display:block}.site-header__hamburger--open .site-header__hamburger-line:first-child{transform:translateY(7px)rotate(45deg)}.site-header__hamburger--open .site-header__hamburger-line:nth-child(2){opacity:0}.site-header__hamburger--open .site-header__hamburger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.site-header__overlay{background-color:var(--color-overlay);z-index:998;display:none;position:fixed;inset:0}.site-header__mobile-nav{background-color:var(--color-bg);z-index:999;width:280px;height:100vh;padding:var(--space-7) var(--space-4) var(--space-6);gap:var(--space-2);flex-direction:column;transition:right .3s;display:none;position:fixed;top:0;right:-280px}.site-header__mobile-nav--open{right:0}.site-header__mobile-link{color:var(--color-text);padding:var(--space-3) 0;border-bottom:1px solid var(--color-bg-alt);font-size:18px;font-weight:500;text-decoration:none;transition:color .2s}.site-header__mobile-link:hover,.site-header__mobile-link--active{color:var(--color-primary)}@media (width<=640px){.site-header{height:56px}.site-header__nav--desktop{display:none}.site-header__hamburger{display:flex}.site-header__overlay{display:block}.site-header__mobile-nav{display:flex}}.main-content{padding-top:64px}@media (width<=640px){.main-content{padding-top:56px}}.dark .site-header{background-color:var(--color-bg);border-bottom:1px solid var(--color-border)}.dark .site-header--scrolled{box-shadow:0 1px 3px #0000004d}.dark .site-header__hamburger-line{background-color:var(--color-text)}.dark .site-header__mobile-nav{background-color:var(--color-bg)}.dark .site-header__mobile-link{border-bottom-color:var(--color-border)}.site-header__theme-toggle{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:color .2s,background-color .2s;display:flex}.site-header__theme-toggle:hover{color:var(--color-primary);background-color:var(--color-bg-alt)}.site-header__theme-toggle:focus-visible{box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.site-footer{background-color:var(--color-border);padding:var(--space-5) var(--space-6) 0;margin-top:auto}.site-footer__container{justify-content:space-evenly;display:flex}.site-footer__section{flex-direction:column;display:flex}.site-footer__heading{color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-3);font-size:14px;font-weight:600}.site-footer__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.site-footer__item{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:14px;display:flex}.site-footer__icon{color:var(--color-text-secondary);flex-shrink:0}.site-footer__link{color:var(--color-text-secondary);text-decoration:none;transition:color .2s}.site-footer__link:hover{color:var(--color-primary)}.site-footer__button{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;transition:color .2s;display:flex}.site-footer__button:hover{color:var(--color-primary)}.site-footer__button:focus-visible{box-shadow:0 0 0 3px var(--color-focus-ring);border-radius:4px;outline:none}.site-footer__button:hover .site-footer__icon{color:var(--color-primary)}.site-footer__bottom{margin-top:var(--space-4);padding:var(--space-3) 0;text-align:center}.site-footer__copyright{color:var(--color-text-secondary);margin:0;font-size:12px}@media (width<=480px){.site-footer{padding:var(--space-6) var(--space-4) 0}.site-footer__container{gap:var(--space-5);flex-direction:column}}.dark .site-footer{background-color:var(--color-bg-alt)}.modal-backdrop{background:var(--color-overlay);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:12px;min-width:400px;max-width:90vw;max-height:90vh;padding:20px 24px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;position:relative;overflow-y:auto;box-shadow:0 8px 24px #0003}.modal-close-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;font-size:18px;transition:color .2s;position:absolute;top:10px;right:12px}.modal-close-btn:hover{color:var(--color-text)}.modal-close-btn:focus-visible{box-shadow:0 0 0 3px var(--color-focus-ring);border-radius:4px;outline:none}.info-box{border-top:1px solid var(--color-border);color:var(--color-text-secondary);margin:20px 0 0;padding:16px 0 0;font-size:13px;line-height:1.5}.info-box p{margin:0 0 6px}.info-box p:last-child{margin-bottom:0}.modal-content .question{background-color:var(--color-bg-alt);border:1px solid var(--color-border);margin-bottom:12px;padding:12px}.modal-content .question-title-container{margin-bottom:8px}.modal-content .question-title{font-weight:500}.modal-actions{margin-top:var(--space-3);justify-content:flex-end;display:flex}.modal-actions--center{margin-top:var(--space-4);justify-content:center}.dark .modal-content{box-shadow:0 8px 24px #00000080}.button-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.action-button{color:var(--color-on-primary);background-color:var(--color-primary);cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:background-color .2s,opacity .2s,transform .1s}.action-button:hover{background-color:var(--color-primary-light);transform:translateY(-1px)}.action-button:active{transform:translateY(0)}.action-button:focus-visible{box-shadow:0 0 0 3px var(--color-focus-ring), 0 1px 3px #00000014;outline:none}.clear-button:focus-visible{box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.action-button:disabled,.action-button.loading{background-color:var(--color-disabled);cursor:not-allowed;opacity:.6}.clear-button{border:1px solid var(--color-border);color:var(--color-text-secondary);background-color:#0000;border-radius:8px}.clear-button:hover{background-color:var(--color-bg-alt);border-color:var(--color-text-secondary)}.error-message{z-index:3;color:var(--color-danger);background-color:var(--color-danger-subtle);border:1px solid var(--color-danger);border-radius:8px;justify-content:center;align-items:center;margin:20px 0;padding:12px 20px;font-size:16px;transition:transform .3s,box-shadow .3s;display:flex;position:fixed;box-shadow:0 4px 8px #0000001a}.error-message:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.error-message-icon{margin-right:12px}.error-message-icon:before{content:"⚠️";font-size:20px}.inline-error{color:var(--color-danger);text-align:center;margin:8px 0 0;font-size:14px;font-weight:500;animation:.3s ease-out inlineErrorAppear}@keyframes inlineErrorAppear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.price-hint{text-align:center;width:100%;color:var(--color-text-secondary);margin:0;font-size:14px}.button-inverted{background-color:var(--color-button-inverted-bg);color:var(--color-button-inverted-text)}.button-inverted:hover{background-color:var(--color-button-inverted-hover)}.dark .clear-button{color:var(--color-text)}.dark .clear-button:hover{border-color:var(--color-text);background-color:#ffffff1a}.auto-save-indicator{z-index:1000;background-color:var(--color-indicator-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);opacity:0;pointer-events:none;border-radius:8px;padding:8px 12px;transition:all .3s;position:fixed;top:80px;right:20px;transform:translateY(-10px);box-shadow:0 4px 12px #00000026}.auto-save-indicator.visible{opacity:1;transform:translateY(0)}.save-content{align-items:center;gap:8px;display:flex}.save-icon{justify-content:center;align-items:center;width:18px;height:18px;font-size:16px;font-weight:700;display:flex}.save-success{color:var(--color-success);background-color:var(--color-success-subtle);border-radius:50%;animation:.6s ease-out checkmarkPulse}.save-error{color:var(--color-danger);background-color:var(--color-danger-bg);border-radius:50%;animation:.5s ease-out errorShake}.save-spinner{border:2px solid var(--color-spinner-track);border-top:2px solid var(--color-spinner);border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.save-message{color:var(--color-text);white-space:nowrap;font-size:14px;font-weight:500}.auto-save-indicator.saving .save-message{color:var(--color-spinner)}.auto-save-indicator.saved .save-message{color:var(--color-success)}.auto-save-indicator.error .save-message{color:var(--color-danger)}@keyframes checkmarkPulse{0%{opacity:.8;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@media (width<=768px){.auto-save-indicator{padding:6px 10px;font-size:13px;top:10px;right:10px}.save-content{gap:6px}.save-icon{width:16px;height:16px;font-size:14px}.save-spinner{width:14px;height:14px}.save-message{font-size:13px}}@media (prefers-contrast:more){.auto-save-indicator{background-color:#000;border:2px solid #fff}.save-success{color:#0f0}.save-error{color:red}}@media (prefers-reduced-motion:reduce){.auto-save-indicator{transition:opacity .2s}.save-spinner{border:2px solid var(--color-spinner);border-radius:2px;animation:none}.save-success,.save-error{animation:none}}.address-autocomplete{width:100%;position:relative}.address-autocomplete .input-wrapper{align-items:center;display:flex;position:relative}.address-autocomplete .input-icon{color:var(--color-text-secondary);pointer-events:none;z-index:1;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute}.address-autocomplete .location-icon{top:50%;left:12px;transform:translateY(-50%)}.address-autocomplete .address-spinner{border:2px solid var(--color-spinner-track);border-top-color:var(--color-spinner);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite addressSpin;display:inline-block}@keyframes addressSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.address-autocomplete .text-input.readonly~.location-icon{color:var(--color-primary)}.address-autocomplete .dropdown-icon{opacity:.8;font-size:12px;top:50%;right:12px;transform:translateY(-50%)}.address-autocomplete .clear-icon{pointer-events:auto;cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;font-weight:600;line-height:1;transition:color .2s;top:50%;right:12px;transform:translateY(-50%)}.address-autocomplete .text-input.readonly~.clear-icon{color:var(--color-primary)}.address-autocomplete .text-input.readonly~.clear-icon:hover{color:var(--color-text)}.address-autocomplete .text-input:not(.readonly)~.clear-icon{color:var(--color-text-secondary)}.address-autocomplete .text-input:not(.readonly)~.clear-icon:hover{color:var(--color-text)}.address-autocomplete .restore-icon{pointer-events:auto;cursor:pointer;color:var(--color-accent);background:0 0;border:none;padding:4px;font-size:18px;font-weight:600;line-height:1;transition:color .2s;top:50%;right:12px;transform:translateY(-50%)}.address-autocomplete .restore-icon:hover{color:var(--color-primary)}.address-autocomplete .text-input{color:var(--color-text);background-color:var(--color-bg);padding-left:38px;padding-right:32px}.address-autocomplete .text-input::placeholder{color:var(--color-text-secondary)}.address-autocomplete .text-input.readonly{background-color:var(--color-bg-alt);cursor:default;color:var(--color-text);border-color:var(--color-border)}.address-autocomplete .helper-text-small{color:var(--color-text-secondary);margin-top:6px;padding-left:2px;font-size:12px}.address-autocomplete .text-input.loading{border-color:var(--color-spinner);box-shadow:0 0 0 1px var(--color-spinner-track), inset 0 1px 0 var(--color-spinner-track);border-width:2px;animation:2s ease-in-out infinite loadingPulse;position:relative}@keyframes loadingPulse{0%,to{box-shadow:0 0 0 1px var(--color-spinner-track), inset 0 1px 0 var(--color-spinner-track)}50%{box-shadow:0 0 0 1px var(--color-spinner-glow), inset 0 1px 0 var(--color-spinner-track)}}@keyframes loadingGradient{0%{background-position:200% 0}to{background-position:-200% 0}}.address-autocomplete .suggestions-list{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;max-height:500px;margin:8px 0 0;padding:0;list-style:none;overflow-y:scroll;box-shadow:0 4px 16px #0000001f}.address-autocomplete .suggestion-item{cursor:pointer;border-bottom:1px solid var(--color-border);padding:12px 16px;transition:background-color .15s}.address-autocomplete .suggestion-item:hover,.address-autocomplete .suggestion-item.selected{background-color:var(--color-bg-alt)}.address-autocomplete .suggestion-item:last-child{border-bottom:none}.address-autocomplete .suggestion-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.address-autocomplete .suggestion-item:last-child{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.address-autocomplete .suggestion-address{color:var(--color-text);margin-bottom:4px;font-size:15px;font-weight:500}.address-autocomplete .suggestion-code{color:var(--color-text-secondary);margin-top:2px;font-size:13px}.address-autocomplete .error-message{background-color:var(--color-danger-subtle);color:var(--color-danger);border:1px solid var(--color-danger);box-shadow:none;border-radius:6px;margin-top:8px;padding:12px;font-size:14px;line-height:1.4;display:block;position:static}.address-autocomplete .no-results-message{background-color:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border);text-align:center;border-radius:6px;margin-top:8px;padding:12px;font-size:14px;line-height:1.4}.address-autocomplete .existing-metadata{background-color:var(--color-bg-alt);border:1px solid var(--color-border);color:var(--color-text);box-sizing:border-box;word-break:break-word;border-radius:6px;width:100%;margin-top:12px;padding:12px;font-size:14px;line-height:1.4}.address-autocomplete .metadata-item{align-items:center;margin-bottom:6px;display:flex}.address-autocomplete .metadata-item:last-child{margin-bottom:0}.address-autocomplete .metadata-label{color:var(--color-text-secondary);flex-shrink:0;min-width:85px;margin-right:8px;font-size:14px;font-weight:500}.address-autocomplete .metadata-value{color:var(--color-text);font-size:14px;font-weight:500}@media (width<=768px){.address-autocomplete .suggestion-address{font-size:14px}.address-autocomplete .suggestion-code{font-size:12px}.address-autocomplete .metadata-label{min-width:75px;font-size:13px}.address-autocomplete .metadata-value{font-size:13px}}@media (width<=480px){.address-autocomplete .text-input{padding-left:34px;padding-right:30px;font-size:16px}.address-autocomplete .suggestions-list{max-height:300px}.address-autocomplete .suggestion-item{padding:10px 12px}.address-autocomplete .metadata-item{flex-direction:column;align-items:flex-start}.address-autocomplete .metadata-label{min-width:auto;margin-bottom:2px}}.dark .address-autocomplete .text-input{background-color:var(--color-bg-alt)}.dark .address-autocomplete .suggestions-list{background:var(--color-bg-alt);box-shadow:0 4px 16px #0000004d}.dark .address-autocomplete .suggestion-item:hover,.dark .address-autocomplete .suggestion-item.selected{background-color:var(--color-bg)}.metadata-error{background:var(--color-danger-bg);border-radius:6px;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;font-size:.85rem;display:flex}.metadata-error-icon{color:var(--color-danger);flex-shrink:0}.metadata-error-message{color:var(--color-danger);flex:1}.metadata-error-retry{border:1px solid var(--color-danger);color:var(--color-danger);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;padding:2px 8px;font-size:.8rem}.metadata-error-retry:hover{background:var(--color-danger-subtle)}.page-hero{padding:var(--space-6) 0;text-align:center}.page-hero__container{max-width:800px;padding:0 var(--space-4);margin:0 auto}.page-hero__title{color:var(--color-text);margin:0 0 var(--space-3);font-size:36px;font-weight:700;line-height:1.2}.page-hero__subtitle{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:18px;line-height:1.6}.page-hero__subtitle a{color:var(--color-accent);text-decoration:none}.page-hero__subtitle a:hover{text-decoration:underline}.page-hero__eyebrow{color:var(--color-primary);margin:0 0 var(--space-2);letter-spacing:.02em;font-size:16px;font-weight:600}.page-hero--landing .page-hero__eyebrow{margin-bottom:var(--space-3);font-size:18px}.page-hero__ctas{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;justify-content:center;display:flex}.page-hero__cta{background-color:var(--color-primary);color:var(--color-on-primary);border-radius:8px;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block;box-shadow:0 4px 14px #0003}.page-hero__cta:hover{background-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.page-hero__cta--secondary{color:var(--color-primary);border:2px solid var(--color-primary);box-shadow:none;background-color:#0000}.page-hero__cta--secondary:hover{background-color:var(--color-primary);color:var(--color-on-primary);box-shadow:0 4px 14px #0003}.page-hero__image{width:100%;margin-top:var(--space-6);line-height:0}.page-hero__image img{object-fit:cover;width:100%;height:360px;display:block}.page-hero__image--parallax{background-position:50%;background-size:cover;background-attachment:fixed;height:400px;position:relative;box-shadow:inset 0 8px 24px #00000026,inset 0 -8px 24px #0000001a}.page-hero__image--parallax:before{content:"";pointer-events:none;background:linear-gradient(#0000 0% 92%,#2d37484d 100%);position:absolute;inset:0}.page-hero--landing{background-color:var(--color-bg);padding:var(--space-7) 0 0}.page-hero--landing .page-hero__container{max-width:700px}.page-hero--landing .page-hero__title{margin-bottom:var(--space-4);letter-spacing:-.02em;font-size:52px;font-weight:800;line-height:1.08}.page-hero--landing .page-hero__subtitle{max-width:520px;color:var(--color-text-secondary);font-size:20px;line-height:1.6}.hero-badges{justify-content:center;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.hero-badge{color:var(--color-text-secondary);background-color:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.hero-badge svg{color:var(--color-success);flex-shrink:0}.page-hero--content{background-color:var(--color-primary);padding:var(--space-5) 0;border-bottom:none}.page-hero--content .page-hero__title{letter-spacing:-.02em;color:#fff;margin-bottom:var(--space-2);font-size:28px;font-weight:700}.page-hero--content .page-hero__subtitle{color:#ffffffbf;font-size:14px}.page-hero--content .page-hero__subtitle a{color:#fffffff2;-webkit-text-decoration:underline #fff6;text-decoration:underline #fff6}.page-hero--content .page-hero__subtitle a:hover{text-decoration-color:#fffc}.page-hero--compact{background-color:var(--color-bg-alt);border-bottom:1px solid var(--color-border);padding:var(--space-5) 0 var(--space-4)}.page-hero--compact .page-hero__container{max-width:600px}.page-hero--compact .page-hero__title{margin-bottom:var(--space-2);font-size:28px}.page-hero--compact .page-hero__subtitle{font-size:16px}.page-section{padding:var(--space-6) 0;background-color:var(--color-bg)}.page-section__container{max-width:800px;padding:0 var(--space-4);margin:0 auto}.page-section__container--narrow{max-width:700px}.page-section__container--wide{max-width:1000px}.page-section__container--full{max-width:1400px}.page-section__title{color:var(--color-text);margin:0 0 var(--space-3);font-size:24px;font-weight:600;line-height:1.3}.page-section__title--center{text-align:center;margin-bottom:var(--space-6);letter-spacing:-.02em;font-size:36px;font-weight:800}.page-section__text{color:var(--color-text-secondary);margin:0 0 var(--space-3);font-size:16px;line-height:1.6}.page-section__text:last-child{margin-bottom:0}.page-section__text--center{text-align:center;max-width:700px;margin-left:auto;margin-right:auto;margin-bottom:var(--space-5)}.page-section__text a{color:var(--color-accent);text-decoration:none}.page-section__text a:hover{text-decoration:underline}.page-section__list{margin:0 0 var(--space-4);padding-left:var(--space-4);color:var(--color-text-secondary);line-height:1.8}.page-section__list li{margin-bottom:var(--space-2)}.page-section--alt{background-color:var(--color-bg-alt)}.page-section+.page-section{border-top:1px solid var(--color-border)}.page-section--prominent{padding:var(--space-7) 0}.page-cta{background:linear-gradient(135deg, var(--color-surface-primary) 0%, var(--color-surface-primary-end) 100%);padding:var(--space-7) 0;text-align:center}.page-cta--prominent{padding:var(--space-7) 0}.page-cta__container{max-width:600px;padding:0 var(--space-4);margin:0 auto}.page-cta__title{color:#fff;margin:0 0 var(--space-2);letter-spacing:-.02em;font-size:32px;font-weight:800;line-height:1.2}.page-cta__title--large{margin-bottom:var(--space-3);font-size:36px}.page-cta__text{color:#ffffffe6;margin:0 0 var(--space-4);max-width:500px;margin-left:auto;margin-right:auto;font-size:18px;line-height:1.5}.page-cta__text--large{margin-bottom:var(--space-5);font-size:18px}.page-cta__button{border-radius:8px;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block;box-shadow:0 4px 14px #00000026}.page-cta__button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.how-it-works__steps{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.how-it-works__steps--4{gap:var(--space-4);grid-template-columns:repeat(4,1fr)}.step{text-align:center}.step__number{background-color:var(--color-primary);width:48px;height:48px;color:var(--color-on-primary);margin:0 auto var(--space-3);border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.step__title{color:var(--color-text);margin:0 0 var(--space-2);font-size:18px;font-weight:600}.step__text{color:var(--color-text-secondary);margin:0;font-size:15px;line-height:1.6}.social-proof{justify-content:center;align-items:center;gap:var(--space-5);padding:var(--space-3) 0;display:flex}.social-proof__stat{text-align:center;padding:0 var(--space-4);flex-direction:column;align-items:center;display:flex}.social-proof__number{color:var(--color-primary);font-size:36px;font-weight:700;line-height:1.1}.social-proof__label{color:var(--color-text-secondary);margin-top:4px;font-size:14px}.social-proof__divider{background-color:var(--color-border);width:1px;height:48px}.info-grid{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.info-block__title{color:var(--color-text);margin:0 0 var(--space-3);font-size:20px;font-weight:600}.info-block__list{color:var(--color-text);margin:0;padding-left:20px;line-height:1.8}.info-block__list li{margin-bottom:4px}.info-block__text{color:var(--color-text-secondary);margin:0 0 var(--space-2);line-height:1.6}.info-block__text:last-of-type{margin-bottom:0}.info-block__note{margin-top:var(--space-3);font-size:14px}.info-block__note a{color:var(--color-accent);font-weight:500;text-decoration:none}.info-block__note a:hover{text-decoration:underline}.info-block__cta{margin-top:var(--space-4);align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.info-block__button{background-color:var(--color-primary);color:var(--color-on-primary);border-radius:8px;padding:10px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-block}.info-block__button:hover{background-color:var(--color-primary-light)}.info-block__hint{color:var(--color-text-secondary);font-size:13px}.section-cta{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.section-cta__button{background-color:var(--color-primary);color:var(--color-on-primary);border-radius:8px;padding:12px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-block}.section-cta__button:hover{background-color:var(--color-primary-light)}.section-cta__hint{color:var(--color-text-secondary);font-size:14px}.accolades{justify-content:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.accolade{text-align:center;padding:0 var(--space-4)}.accolade__value{color:var(--color-primary);font-size:32px;font-weight:700;line-height:1.2;display:block}.accolade__label{color:var(--color-text-secondary);margin-top:4px;font-size:14px;display:block}.home-cta{text-align:center;padding:var(--space-5) var(--space-4);background-color:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:12px}.home-cta__title{color:var(--color-text);margin:0 0 var(--space-2);font-size:24px;font-weight:600}.home-cta__text{color:var(--color-text-secondary);margin:0 0 var(--space-4)}.home-cta__button{background-color:var(--color-primary);color:var(--color-on-primary);border-radius:8px;padding:12px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-block}.home-cta__button:hover{background-color:var(--color-primary-light)}.benefits__grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.benefit-card{background-color:var(--color-bg);padding:var(--space-4);border-radius:12px;transition:box-shadow .2s,transform .2s;box-shadow:0 1px 3px #00000014}.benefit-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.benefit-card__icon{background-color:var(--color-bg-alt);width:48px;height:48px;color:var(--color-primary);margin-bottom:var(--space-3);border-radius:12px;justify-content:center;align-items:center;display:flex}.benefit-card__title{color:var(--color-text);margin:0 0 var(--space-2);font-size:18px;font-weight:600;line-height:1.4}.benefit-card__text{color:var(--color-text-secondary);margin:0;font-size:16px;line-height:1.6}.services-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.service-card{background-color:var(--color-bg);padding:var(--space-5);border:none;border-radius:16px;flex-direction:column;transition:all .25s;display:flex;box-shadow:0 1px 3px #0000000a,0 4px 12px #0000000a}.service-card:hover{transform:translateY(-4px);box-shadow:0 4px 8px #0000000a,0 12px 32px #00000014}.service-card__number{background-color:var(--color-primary);width:32px;height:32px;color:var(--color-on-primary);margin-bottom:var(--space-3);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.service-card__title{color:var(--color-text);margin:0 0 var(--space-2);font-size:18px;font-weight:600;line-height:1.3}.service-card__text{color:var(--color-text-secondary);margin:0 0 var(--space-4);flex-grow:1;font-size:15px;line-height:1.6}.service-card__button{background-color:var(--color-primary);color:var(--color-on-primary);text-align:center;border-radius:8px;align-self:flex-start;padding:10px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.service-card__button:hover{background-color:var(--color-primary-light);transform:translateY(-1px)}.service-card__button--secondary{background-color:var(--color-bg-alt);color:var(--color-primary);border:none}.service-card__button--secondary:hover{background-color:var(--color-border);color:var(--color-primary)}.service-card--primary{background:linear-gradient(135deg, var(--color-surface-primary) 0%, var(--color-surface-primary-end) 100%);color:#fff}.service-card--primary .service-card__title,.service-card--primary .service-card__text{color:#fff}.service-card--primary .service-card__text{opacity:.9}.service-card--primary .service-card__button{background-color:var(--color-button-inverted-bg);color:var(--color-button-inverted-text)}.service-card--primary .service-card__button:hover{background-color:var(--color-button-inverted-hover)}.stats-grid--home{max-width:800px;margin-top:0;margin-left:auto;margin-right:auto}.comparison-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.comparison-card{background-color:var(--color-bg);padding:var(--space-5);border-radius:16px;transition:all .25s;box-shadow:0 1px 3px #0000000a,0 4px 12px #0000000a}.comparison-card:hover{transform:translateY(-4px);box-shadow:0 4px 8px #0000000a,0 12px 32px #00000014}.comparison-card__icon{background:linear-gradient(135deg, var(--color-surface-primary) 0%, var(--color-surface-primary-end) 100%);color:#fff;width:56px;height:56px;margin-bottom:var(--space-4);border-radius:14px;justify-content:center;align-items:center;display:flex}.comparison-card__icon svg{width:28px;height:28px}.comparison-card__title{color:var(--color-text);margin:0 0 var(--space-2);letter-spacing:-.01em;font-size:20px;font-weight:700}.comparison-card__text{color:var(--color-text-secondary);margin:0 0 var(--space-3);font-size:15px;line-height:1.6}.comparison-card__list{padding-left:var(--space-3);color:var(--color-text-secondary);margin:0;font-size:14px;line-height:2}.comparison-card__list li{margin-bottom:var(--space-1)}.link-cards{gap:var(--space-2);flex-direction:column;display:flex}.link-card{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-bg);color:var(--color-text);border-radius:12px;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.link-card:hover{background-color:#fff;transform:translate(4px);box-shadow:0 4px 12px #00000014}.link-card__icon{background-color:var(--color-bg-alt);width:40px;height:40px;color:var(--color-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.link-card:hover .link-card__icon{background-color:var(--color-primary);color:var(--color-on-primary)}.link-card__text{flex:1;font-size:15px;font-weight:500}.link-card__arrow{color:var(--color-text-secondary);font-size:18px;transition:transform .2s}.link-card:hover .link-card__arrow{color:var(--color-primary);transform:translate(4px)}.energy-scale{margin-top:var(--space-4);max-width:480px}.energy-scale__item{padding:10px var(--space-3);border-radius:8px;align-items:center;margin-bottom:6px;display:flex}.energy-scale__label{color:#fff;width:36px;height:36px;margin-right:var(--space-3);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.energy-scale__desc{color:var(--color-text);font-size:15px;font-weight:500}.energy-scale__item--a .energy-scale__label{background-color:var(--color-energy-a)}.energy-scale__item--b .energy-scale__label{background-color:var(--color-energy-b)}.energy-scale__item--c .energy-scale__label{background-color:var(--color-energy-c)}.energy-scale__item--d .energy-scale__label{background-color:var(--color-energy-d)}.energy-scale__item--e .energy-scale__label{background-color:var(--color-energy-e)}.energy-scale__item--f .energy-scale__label{background-color:var(--color-energy-f)}.energy-scale__item--g .energy-scale__label{background-color:var(--color-energy-g)}.energy-scale__item--h .energy-scale__label{background-color:var(--color-energy-h)}.energy-scale__item--a,.energy-scale__item--b{background-color:#27674914}.energy-scale__item--c{background-color:#68d39126}.energy-scale__item--d{background-color:#ecc94b26}.energy-scale__item--e{background-color:#ed893626}.energy-scale__item--f,.energy-scale__item--g,.energy-scale__item--h{background-color:#9b2c2c14}.energy-scale--detailed{max-width:600px}.energy-scale--horizontal{gap:8px;max-width:700px;margin:0 auto;display:flex}.energy-scale--horizontal .energy-scale__item{padding:var(--space-3) var(--space-2);background-color:var(--color-bg);border-radius:10px;flex-direction:column;flex:1;align-items:center;margin-bottom:0;transition:transform .2s;display:flex;box-shadow:0 1px 3px #0000000d}.energy-scale--horizontal .energy-scale__item:hover{transform:scale(1.05)}.energy-scale--horizontal .energy-scale__label{width:44px;height:44px;margin-right:0;margin-bottom:var(--space-2);font-size:24px;box-shadow:0 2px 6px #00000026}.energy-scale--horizontal .energy-scale__threshold{color:var(--color-text);margin-top:var(--space-1);font-size:13px;font-weight:700}.energy-scale--horizontal .energy-scale__unit{color:var(--color-text-secondary);margin-top:2px;font-size:11px}.energy-scale--detailed .energy-scale__item{gap:var(--space-2);grid-template-columns:44px 120px 1fr;align-items:center;display:grid}.energy-scale__threshold{color:var(--color-text);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:13px;font-weight:600}.energy-scale--detailed .energy-scale__desc{color:var(--color-text-secondary);font-size:13px;font-weight:400}.weighted-energy-grid{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.weighted-energy-card{background-color:var(--color-bg);border:1px solid var(--color-border);padding:var(--space-4);text-align:center;border-radius:12px}.weighted-energy-card__factor{color:var(--color-primary);margin-bottom:var(--space-1);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:32px;font-weight:700}.weighted-energy-card__label{color:var(--color-text);margin-bottom:var(--space-2);font-size:16px;font-weight:600}.weighted-energy-card__desc{color:var(--color-text-secondary);font-size:13px;line-height:1.4}.stats-grid{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{background-color:var(--color-bg-alt);padding:var(--space-5);text-align:center;border-radius:16px;transition:transform .2s}.stat-card:hover{transform:scale(1.02)}.stat-card__number{color:var(--color-primary);margin-bottom:var(--space-1);letter-spacing:-.02em;font-size:42px;font-weight:800;display:block}.stat-card__label{color:var(--color-text-secondary);font-size:14px;font-weight:500;display:block}.stat-card__detail{color:var(--color-text-secondary);font-size:13px;line-height:1.4}.page-section__note{color:var(--color-text-secondary);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border);font-size:14px}.page-section__note a{color:var(--color-accent);text-decoration:none}.page-section__note a:hover{text-decoration:underline}@media (width<=900px){.weighted-energy-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.how-it-works__steps--4{gap:var(--space-5);grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.weighted-energy-grid,.stats-grid{grid-template-columns:1fr}.page-hero__image img{height:180px}.page-hero__image--parallax{height:220px}.energy-scale--detailed .energy-scale__item{grid-template-rows:auto auto;grid-template-columns:40px 1fr}.energy-scale--detailed .energy-scale__threshold{grid-column:2}.energy-scale--detailed .energy-scale__desc{grid-column:1/-1;margin-top:-4px;padding-left:52px}.energy-scale--horizontal{flex-wrap:wrap;justify-content:center;gap:6px}.energy-scale--horizontal .energy-scale__item{flex:0 0 calc(25% - 6px);min-width:70px}.energy-scale--horizontal .energy-scale__label{width:36px;height:36px;font-size:20px}.energy-scale--horizontal .energy-scale__threshold{font-size:11px}.energy-scale--horizontal .energy-scale__unit{font-size:10px}.page-hero__ctas{flex-direction:column;align-items:center}}.accordion{border-top:1px solid var(--color-border)}.accordion__item{border-bottom:1px solid var(--color-border)}.accordion__header{width:100%;padding:var(--space-3) 0;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;font-family:inherit;display:flex}.accordion__question{color:var(--color-text);padding-right:var(--space-3);font-size:16px;font-weight:600;line-height:1.4}.accordion__chevron{color:var(--color-primary);opacity:.7;flex-shrink:0;width:24px;height:24px;transition:transform .3s}.accordion__header:hover .accordion__chevron{opacity:1}.accordion__item--open .accordion__chevron{transform:rotate(180deg)}.accordion__item--open .accordion__question{color:var(--color-primary)}.accordion__content{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.accordion__item--open .accordion__content{grid-template-rows:1fr}.accordion__answer{overflow:hidden}.accordion__answer p{color:var(--color-text-secondary);margin:0 0 var(--space-3);font-size:15px;line-height:1.7}.accordion__answer p:last-child{margin-bottom:var(--space-3)}.accordion__answer ul{margin:var(--space-2) 0 var(--space-3);padding-left:var(--space-4);color:var(--color-text-secondary);font-size:15px;line-height:1.7}.accordion__answer a{color:var(--color-accent);text-decoration:none}.accordion__answer a:hover{text-decoration:underline}.specialists-grid{gap:var(--space-5);max-width:900px;padding:0 var(--space-4);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}.specialist-card{background-color:var(--color-bg);padding:var(--space-5);text-align:center;border:1px solid var(--color-border);border-radius:12px;flex-direction:column;align-items:center;transition:all .2s;display:flex}.specialist-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.specialist-card__photo{width:96px;height:96px;margin-bottom:var(--space-4);border-radius:50%;overflow:hidden}.specialist-card__photo img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter .3s}.specialist-card:hover .specialist-card__photo img{filter:grayscale(0%)}.specialist-card__info{margin-bottom:var(--space-4)}.specialist-card__name{color:var(--color-text);margin:0 0 4px;font-size:18px;font-weight:600}.specialist-card__title{color:var(--color-text-secondary);margin:0 0 var(--space-2);font-size:14px}.specialist-card__badge{color:var(--color-primary);background-color:var(--color-bg-alt);text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-block}.specialist-card__experience{margin-bottom:var(--space-3);justify-content:center;align-items:baseline;gap:6px;display:flex}.specialist-card__experience-value{color:var(--color-text);font-size:24px;font-weight:700;line-height:1}.specialist-card__experience-label{color:var(--color-text-secondary);font-size:13px}.specialist-card__credentials{margin:0 0 var(--space-4);padding:var(--space-3);background-color:var(--color-bg-alt);border-radius:8px;width:100%;list-style:none}.specialist-card__credentials li{color:var(--color-text-secondary);padding:2px 0;font-size:13px}.specialist-card__credentials li:before{content:"✓ ";color:var(--color-success)}.specialist-card__contact{align-items:center;gap:var(--space-3);flex-direction:column;width:100%;margin-top:auto;display:flex}.specialist-card__contact-link{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:13px;transition:color .15s;display:flex}.specialist-card__contact-link:hover{color:var(--color-primary)}.specialist-card__contact-link svg{flex-shrink:0}.specialist-card__contact-icons{gap:var(--space-3);display:flex}.specialist-card__contact-icon{color:var(--color-text-secondary);transition:color .15s}.specialist-card__contact-icon:hover{color:var(--color-primary)}.trust-badge{justify-content:center;align-items:center;gap:var(--space-3);text-align:center;max-width:600px;margin:0 auto;display:flex}.trust-badge__icon{color:var(--color-success);flex-shrink:0}.trust-badge__text{color:var(--color-text-secondary);margin:0;font-size:16px;line-height:1.6}.trust-badge__text a{color:var(--color-accent);text-decoration:none}.trust-badge__text a:hover{text-decoration:underline}.not-found{min-height:60vh;padding:var(--space-7) var(--space-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.not-found__title{color:var(--color-text);margin:0 0 var(--space-3);font-size:48px;font-weight:700}.not-found__text{color:var(--color-text-secondary);margin:0 0 var(--space-5);font-size:18px}.not-found__link{background-color:var(--color-primary);color:var(--color-on-primary);border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-block}.not-found__link:hover{background-color:var(--color-primary-light)}.placeholder-page{background-color:var(--color-bg);justify-content:center;align-items:center;min-height:60vh;display:flex}.placeholder-page__container{text-align:center;padding:var(--space-4)}.placeholder-page__title{color:var(--color-text);margin:0 0 var(--space-3);font-size:36px;font-weight:700}.placeholder-page__text{color:var(--color-text-secondary);margin:0;font-size:18px}.external-link-icon{vertical-align:middle;opacity:.7;margin-left:4px;display:inline-block}@media (width<=768px){.page-hero--landing .page-hero__title{font-size:36px}.page-hero--landing .page-hero__subtitle{font-size:18px}.page-hero--landing .page-hero__eyebrow{font-size:16px}.page-hero__title{font-size:28px}.page-hero__image img{height:240px}.page-hero__image--parallax{background-attachment:scroll;height:280px}.page-section__title--center{font-size:28px}.how-it-works__steps,.how-it-works__steps--4{gap:var(--space-6);grid-template-columns:1fr}.services-grid,.benefits__grid{grid-template-columns:1fr}.info-grid{gap:var(--space-5);grid-template-columns:1fr}.social-proof{gap:var(--space-4);flex-direction:column}.social-proof__divider{width:80px;height:1px}.hero-badges{align-items:center;gap:var(--space-2);flex-direction:column}.comparison-grid{grid-template-columns:1fr}.specialists-grid{max-width:400px;padding:0 var(--space-4);grid-template-columns:1fr;margin:0 auto}.specialist-card__stats{gap:var(--space-5)}.page-cta__title{font-size:24px}.page-cta__title--large{font-size:28px}.not-found__title{font-size:36px}}@media (width<=640px){.page-hero--landing{padding:var(--space-7) 0 var(--space-6)}.page-hero--landing .page-hero__title{font-size:28px}.page-hero__title,.page-hero--compact .page-hero__title,.page-section__title--center{font-size:24px}.page-section__title{font-size:20px}.page-cta__title--large{font-size:24px}}.calculator-page{min-height:calc(100vh - 64px)}.calculator-body{background-color:var(--color-bg);padding:var(--space-5) var(--space-4) var(--space-6)}@media (width<=640px){.calculator-body{padding:var(--space-4) var(--space-3) var(--space-5)}}.dark .service-card{background-color:var(--color-bg-alt);box-shadow:0 1px 3px #0003,0 4px 12px #0003}.dark .service-card:hover{box-shadow:0 4px 8px #0000004d,0 12px 32px #0000004d}.dark .service-card__button--secondary{color:var(--color-text);background-color:#ffffff1a}.dark .service-card__button--secondary:hover{background-color:#ffffff26}.dark .stat-card{background-color:var(--color-bg-alt)}.dark .comparison-card,.dark .specialist-card{background-color:var(--color-bg-alt);box-shadow:0 1px 3px #0003,0 4px 12px #0003}.dark .link-card{background-color:var(--color-bg-alt);box-shadow:0 1px 3px #0003}.dark .link-card:hover{background-color:var(--color-bg);box-shadow:0 4px 12px #0000004d}.dark .link-card__icon{background-color:#ffffff1a}.dark .page-hero__cta--secondary{border-color:var(--color-primary);color:var(--color-primary)}.dark .page-hero__cta--secondary:hover{background-color:var(--color-primary);color:var(--color-bg)}.dark .energy-scale--horizontal .energy-scale__item{background-color:var(--color-bg-alt);box-shadow:0 1px 3px #0003}.dark .page-hero--content{background-color:var(--color-bg-alt)}.dark .page-hero--compact{background-color:var(--color-bg-alt);border-bottom-color:var(--color-border)}.dark .page-section+.page-section{border-top-color:var(--color-border)}.cookie-banner{background:var(--color-bg);border-top:1px solid var(--color-border);z-index:1000;justify-content:center;align-items:center;gap:16px;padding:12px 24px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #00000014}.cookie-banner__text{color:var(--color-text-secondary);margin:0;font-size:14px}.cookie-banner__buttons{gap:8px;display:flex}.cookie-banner__btn{cursor:pointer;background:var(--color-bg-alt);border:1px solid var(--color-border);color:var(--color-text);border-radius:8px;padding:8px 20px;font-size:14px;font-weight:500;transition:background-color .2s}.cookie-banner__btn:hover{background:var(--color-border)}@media (width<=600px){.cookie-banner{flex-direction:column;gap:12px;padding:16px}.cookie-banner__text{text-align:center}}.dark .cookie-banner{background:var(--color-bg);border-top-color:var(--color-border)}.dark .cookie-banner__btn{border-color:var(--color-border);background:#ffffff1a}.dark .cookie-banner__btn:hover{background:#ffffff26}
