:root{--cl-600: #262D3F;--cl-500: #1A3758;--cl-400: #41518B;--cl-300: #5264AE;--cl-200: #E9ECF3;--cl-100: #F1F1F5;--white: #FFFFFF;--trasition: .45s ease}.page-comparison .footer{display:none}.xl-title{text-transform:uppercase}.comparison{min-height:100vh;background:var(--cl-400);color:var(--white);padding-block:clamp(120px,98.6440677966px + 5.0847457627vw,180px) clamp(60px,52.8813559322px + 1.6949152542vw,80px)}.comparison__viewport{display:grid;min-height:clamp(480px,451.5254237288px + 6.7796610169vw,560px)}.comparison__step{grid-area:1/1;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;pointer-events:none}.comparison__step.is-active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.comparison__step.is-leaving{opacity:0;transform:translateY(-16px)}.comparison__intro{max-width:926px}.comparison__intro,.comparison__panel{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;margin-inline:auto;gap:20px}.comparison__intro .xl-title,.comparison__intro .html-content,.comparison__panel .xl-title,.comparison__panel .html-content{max-width:926px}.comparison__intro-text,.comparison__panel-text{max-width:926px;color:#ffffffeb}.comparison__step-label{font-size:14px;font-weight:600;letter-spacing:.02em;margin:0;color:#ffffffd9}.comparison__service-btns{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:520px;padding-block:30px}@media(min-width:769px){.comparison__service-btns{flex-direction:row;justify-content:center;max-width:none}}.comparison__service-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:56px;padding:14px 28px;border:none;border-radius:999px;font-weight:600;font-size:15px;line-height:19px;cursor:pointer;transition:background-color var(--trasition),color var(--trasition)}@media(min-width:769px){.comparison__service-btn{width:auto;min-width:240px}}.comparison__service-btn--dark{background:var(--cl-600);color:var(--white)}@media(hover:hover){.comparison__service-btn--dark:hover{background:var(--cl-200);color:var(--cl-600)}}.comparison__service-btn--light{background:var(--white);color:var(--cl-600)}@media(hover:hover){.comparison__service-btn--light:hover{background:var(--cl-600);color:var(--white)}}.comparison__service-btn-icon{display:flex;align-items:center;justify-content:center}.comparison__service-btn-icon svg{width:27px;height:27px}.comparison__back-link,.comparison__self-link{color:var(--white);text-decoration:underline;font-size:15px;line-height:19px;font-weight:500;text-decoration-skip-ink:none;text-underline-offset:6px}.comparison__self-link{color:var(--cl-600);margin-top:8px;text-align:center}.comparison__options{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;width:100%;padding-block:30px}.comparison__options [hidden]{display:none!important}@media(max-width:768px){.comparison__options--supply .comparison__option{flex:1 1 calc(33.333% - 16px)}}@media(max-width:576px){.comparison__options--supply .comparison__option{flex:1 1 calc(50% - 16px)}}@media(max-width:768px){.comparison__options--professional .comparison__option{flex:1 1 calc(50% - 16px)}}.comparison__options--tariffs{display:none}.comparison__options--tariffs.is-visible{display:flex}@media(max-width:768px){.comparison__options--tariffs .comparison__option{flex:1 1 calc(25% - 16px)}}@media(max-width:576px){.comparison__options--tariffs .comparison__option{flex:1 1 calc(33.333% - 16px)}}@media(max-width:768px){.comparison__options--tariffs.comparison__options--gas .comparison__option{flex:1 1 calc(33.333% - 16px)}}@media(max-width:576px){.comparison__options--tariffs.comparison__options--gas .comparison__option{flex:1 1 calc(50% - 16px)}}.comparison__option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:clamp(120px,115.3728813559px + 1.1016949153vw,133px);max-width:226px;padding:20px 16px;border:none;border-radius:16px;background:var(--white);color:var(--cl-600);cursor:pointer;transition:background-color var(--trasition),color var(--trasition);flex:1}@media(hover:hover){.comparison__option:hover{background:var(--cl-600);color:var(--white)}}.comparison__option.is-selected{background:var(--cl-600);color:var(--white)}.comparison__option.is-selected .comparison__option-icon svg path{fill:var(--white)}.comparison__option--blue .comparison__option-icon svg path{fill:#5264ae}.comparison__option--yellow .comparison__option-icon svg path{fill:#e8b923}.comparison__option--green .comparison__option-icon svg path{fill:#3cb371}.comparison__option--grey .comparison__option-icon svg path{fill:#6b7280}.comparison__option-icon{display:flex;align-items:center;justify-content:center}.comparison__option-icon svg{width:28px;height:28px}.comparison__option-label{font-weight:800;font-size:16px;line-height:1.2;text-align:center}.comparison__nav{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:520px;gap:16px}.comparison__nav--form{justify-content:center;max-width:none}.comparison__nav-prev{background:none;border:none;color:var(--white);text-decoration:underline;cursor:pointer;padding:8px 0;text-underline-offset:6px;text-decoration-skip-ink:none}.comparison__nav-next{display:inline-flex;align-items:center;gap:5px;margin-left:auto;color:var(--white);cursor:pointer;transition:opacity .2s ease}.comparison__nav-next:disabled{opacity:.45;cursor:not-allowed}.comparison__nav-next-text{font-weight:700;font-size:13px;line-height:18px;display:flex;padding:14px 26.5px;background:var(--cl-300);border-radius:999px}.comparison__nav-next-arrow{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--cl-600)}.comparison__nav-next-arrow svg{width:16px;height:11px}.comparison__form-card{width:100%;max-width:982px;padding:clamp(28px,25.1525423729px + .6779661017vw,36px);border-radius:24px;background:var(--white);color:var(--cl-600);text-align:left}.comparison__form{display:flex;flex-direction:column;gap:20px}.comparison__form .form-row{display:flex;gap:20px;width:100%}@media(max-width:768px){.comparison__form .form-row{flex-direction:column}}.comparison__form .form-group{display:flex;flex-direction:column;gap:5px;width:100%}.comparison__form .form-group label{font-weight:700;font-size:14px}.comparison__form .form-group input[type=text],.comparison__form .form-group input[type=tel]{width:100%;padding:14px 18px;border:none;border-radius:999px;background:var(--cl-100);color:var(--cl-600);font:inherit}.comparison__form .form-group input[type=text]::placeholder,.comparison__form .form-group input[type=tel]::placeholder{color:#262d3f8c}.comparison__form .form-group input[type=text]::placeholder,.comparison__form .form-group input[type=tel]::placeholder{color:#41518b}.comparison__form .form-group.error input{outline:2px solid #c0392b}.comparison__form .form-group--checkbox .checkbox-wrapper{font-weight:400;font-size:16px;line-height:20px}.comparison__form .form-group--checkbox .checkbox-wrapper a{color:var(--cl-400);text-decoration:underline}.comparison__form .form-group__feedback small{color:#c0392b}.comparison__submit{margin-inline:auto;justify-content:center;margin-top:4px}.comparison__submit.ctab{padding-inline:40px}.comparison .form-response{margin-top:16px;color:var(--cl-600);font-weight:600;text-align:center}.footer{display:none}