:root{--color--primary:#152d72;--color--tertiary:#6c757d;--color--secondary:#ff6841;--color--white:#fff;--color--black-80:#000c;--fw--lg:600;--ease-out:cubic-bezier(.25, .1, .25, 1);--ff--primary:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--input-border:1px solid #ced4da;--input-box-shadow:inset 0 1px 1px #00000013;--input-border-radius:.375rem;--input-padding--md:0 1rem;--input-padding--lg:0 1.25rem;--spacing--2:.5rem;--spacing--4:.25rem;--spacing--8:.5rem;--spacing--10:.625rem;--spacing--12:.75rem;--spacing--14:.875rem;--spacing--16:1rem;--spacing--24:1.5rem;--spacing--26:1.625rem;--spacing--32:2rem;--spacing--40:2.5rem;--spacing--48:3rem;--transition-duration:.2s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--ff--primary);color:#212529;background-color:#f8f9fa;line-height:1.6}#root{width:100%;max-width:100%;margin:0 auto}.layout{min-height:100vh;margin:0 auto;padding:40px 20px}.Container{max-width:30.375rem;margin:0 var(--spacing--24);text-align:center;position:relative}@media (width>=414px){.Container{margin:0 auto}}@media (width>=768px){.Container{max-width:43.5rem}.layout{padding:60px 20px}}@media (width>=1136px){.Container{max-width:67rem}}@media (width>=1440px){.Container{max-width:71rem}}.LargeTitle{margin-bottom:16px;font-size:1.25rem;line-height:1.625rem}.selection-info{text-align:left;background:#e8f4fd;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;padding:12px 16px;display:flex}.selection-label{color:#7f8c8d;font-size:.875rem}.selection-value{color:var(--color--primary);font-weight:600}.selection-note{color:#e67e22;font-size:.75rem;font-style:italic}.MainTitle{color:#6c757d;margin-bottom:32px;font-size:1.125rem;font-weight:400;line-height:1.5rem}@media (width>=768px){.LargeTitle{margin-bottom:24px;font-size:2.125rem;line-height:2.5rem}.MainTitle{margin-bottom:40px;font-size:1.375rem;line-height:1.75rem}}.PostcodeSearch{max-width:30.375rem;margin:0 auto;position:relative}.BaseInput__Input{padding:var(--input-padding--md);border:var(--input-border);box-shadow:var(--input-box-shadow);border-radius:var(--input-border-radius);box-sizing:border-box;background-color:var(--color--white);text-align:left;width:100%;transition:box-shadow var(--transition-duration) var(--ease-out);color:#212529;outline:none;font-family:inherit;font-size:1rem;font-weight:400;line-height:3.125rem}@media (width>=768px){.BaseInput__Input{padding:var(--input-padding--lg);font-size:1.125rem;line-height:3.5rem}}.AddressList{background-color:var(--color--white);text-align:left;border-radius:.375rem;max-width:30.375rem;margin:12px auto 0}.InputWithButton{position:relative}.InputWithButton__Input{border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0}.Dropdown{border:var(--input-border);z-index:100;background-color:var(--color--white);text-align:left;border-top:none;border-radius:0 0 .375rem .375rem;width:100%;position:absolute}.Dropdown__List{margin:var(--spacing--2);max-height:11.25rem;font-style:normal;font-stretch:100%;font-family:var(--ff--primary);border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef;outline:none;padding-inline-start:0;list-style:none;overflow:hidden auto}.Dropdown__Option{color:var(--color--black-80);padding:var(--spacing--8) var(--spacing--24);transition:background-color var(--transition-duration) var(--ease-out);cursor:pointer;font-size:.875rem}.Dropdown__Option:hover{background-color:#f8f9fa}.Dropdown__NotListedLink{color:var(--color--black-80);font-weight:var(--fw--lg);padding:var(--spacing--14) var(--spacing--24) var(--spacing--16);margin:var(--spacing--2);border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem;outline:none;text-decoration:none;display:block}.Dropdown__NotListedLink:hover{background-color:#f8f9fa}.ServiceCards{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px;display:grid}.ServiceCard{text-align:center;cursor:pointer;transition:all .3s var(--ease-out);background-color:#fff;border:2px solid #e9ecef;border-radius:12px;padding:32px 24px;box-shadow:0 2px 8px #0000000d}.ServiceCard:hover{border-color:var(--color--primary);transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.ServiceCard.selected{border-color:var(--color--primary);background-color:#f0f4ff;box-shadow:0 0 0 3px #152d7233}.ServiceCard__icon{justify-content:center;margin-bottom:16px;display:flex}.ServiceCard__icon svg{width:72px;height:72px}.ServiceCard__title{color:#212529;margin-bottom:8px;font-size:20px;font-weight:600}.ServiceCard__description{color:#6c757d;font-size:14px}.UsageForm{text-align:left;max-width:30.375rem;margin:0 auto 40px}.UsageCard{transition:all .3s var(--ease-out);background-color:#fff;border:2px solid #e9ecef;border-radius:12px;margin-bottom:16px;padding:24px;box-shadow:0 2px 8px #0000000d}.UsageCard:hover{border-color:var(--color--primary);box-shadow:0 4px 16px #0000001a}.UsageCard__header{border-bottom:1px solid #e9ecef;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.UsageCard__icon{background-color:#f8f9fa;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.UsageCard h3{color:var(--color--primary);margin:0;font-size:1.125rem;font-weight:600}.FormGroup{margin-bottom:16px}.FormGroup label{color:#495057;margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}.FormGroup .BaseInput__Input{line-height:2.5rem}.Navigation{justify-content:space-between;align-items:center;max-width:30.375rem;margin:0 auto;padding:32px 0 20px;display:flex}.Navigation__BackButton,.Navigation__NextButton{cursor:pointer;transition:all .3s var(--ease-out);border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;display:flex}.Navigation__BackButton{color:#212529;background-color:#fff;border:2px solid #e9ecef}.Navigation__BackButton:hover{border-color:#adb5bd}.Navigation__NextButton{background-color:var(--color--primary);border:2px solid var(--color--primary);color:#fff}.Navigation__NextButton:hover:not(:disabled){background-color:#0f1f4a;border-color:#0f1f4a}.Navigation__NextButton:disabled{cursor:not-allowed;opacity:.6;background-color:#adb5bd;border-color:#adb5bd}.EmailConsentBionic{margin-left:auto;margin-top:var(--spacing--40);padding:var(--spacing--4) var(--spacing--14) var(--spacing--14);text-align:left;background-color:#152d721a;border-radius:1.25rem;flex-direction:column;max-width:30.375rem;margin-right:auto;display:flex}.EmailConsentBionic__Wrapper{display:flex}.EmailConsentBionic__Checkbox{cursor:pointer;margin-right:var(--spacing--8);background-color:#fff;border:2px solid #ced4da;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;min-width:1.5rem;min-height:1.5rem;display:flex}.EmailConsentBionic__Checkbox.selected{background-color:var(--color--primary);border-color:var(--color--primary)}.EmailConsentBionic__Checkbox .Icon{color:#fff;transition:transform var(--transition-duration) var(--ease-out);transform:scale(0)}.EmailConsentBionic__Content__Text{font-size:.75rem;line-height:1.125rem}.EmailConsentBionic__Content__Text--bold{color:var(--color--tertiary);font-weight:700;display:block}.address-wrap{width:100%;max-width:30.375rem;margin:0 auto;position:relative}.address-dropdown{box-sizing:border-box;text-align:left;z-index:100;background-color:#fff;border:1px solid #e9ecef;border-radius:8px;width:100%;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.address-dropdown__list{max-height:250px;margin:0;padding:0;list-style:none;overflow-y:auto}.address-dropdown__item{cursor:pointer;border-bottom:1px solid #f0f0f0;padding:12px 16px;font-size:.875rem;transition:background-color .2s}.address-dropdown__item:hover{background-color:#f8f9fa}.address-dropdown__item:last-child{border-bottom:none}.meter-info{background:#f8f9fa;border-radius:8px;margin-top:15px;padding:15px;display:none}.meter-info.active{display:block}.meter-info h4{color:#2c3e50;margin:0 0 10px}.meter-info p{margin:5px 0;font-size:14px}.loading-spinner{text-align:center;padding:20px;display:none}.loading-spinner.active{display:block}.spinner{border:3px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:30px;height:30px;margin:0 auto 10px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{color:#e74c3c;margin-top:10px;font-size:14px;display:none}.error-message.active{display:block}.loading-overlay{z-index:1000;background:#fffffff2;flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.loading-overlay.active{display:flex}.loading-overlay .loading-spinner{border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}.loading-text{color:#2c3e50;text-align:center;font-size:18px}.loading-subtext{color:#7f8c8d;margin-top:10px;font-size:14px}.success-message{color:#155724;background:#d4edda;border-radius:8px;margin-bottom:20px;padding:15px;display:none}.success-message.active{display:block}.results-container{padding:20px 0}.results-section{margin-bottom:30px}.results-section h2{color:#2c3e50;margin-bottom:15px;font-size:20px}.quote-card{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;margin-bottom:15px;padding:20px;transition:all .3s}.quote-card:hover{border-color:#3498db;box-shadow:0 4px 12px #0000001a}.quote-card.selected{background:#f0f9f4;border-color:#27ae60}.quote-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.quote-supplier{color:#2c3e50;font-size:18px;font-weight:700}.quote-price{color:#27ae60;font-size:24px;font-weight:700}.quote-details{color:#7f8c8d;font-size:14px}.quote-details p{margin:5px 0}.no-quotes{text-align:center;color:#7f8c8d;padding:40px;display:none}.no-quotes h3{color:#2c3e50;margin-bottom:10px}.confirmation-container{text-align:center;padding:40px 20px}.success-icon{background:#27ae60;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.success-icon svg{color:#fff;width:40px;height:40px}.confirmation-details{text-align:left;background:#f8f9fa;border-radius:8px;margin:20px 0;padding:20px}.confirmation-details h3{color:#2c3e50;margin-top:0}.confirmation-details p{color:#7f8c8d;margin:8px 0}.confirmation-details strong{color:#2c3e50}.next-steps{text-align:left;background:#e8f4f8;border-radius:8px;margin-top:30px;padding:20px}.next-steps h4{color:#2980b9;margin-top:0}.next-steps ul{margin:0;padding-left:20px}.next-steps li{color:#34495e;margin:5px 0}.start-new{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:8px;margin-top:30px;padding:15px 30px;font-size:16px}.start-new:hover{background:#2980b9}@media (width<=768px){.ServiceCards{grid-template-columns:1fr}.Navigation{flex-direction:column;gap:16px}.Navigation__BackButton,.Navigation__NextButton{justify-content:center;width:100%}}.manual-input-toggle{margin-top:16px}.manual-input-btn{color:var(--color--primary);cursor:pointer;background:0 0;border:none;padding:8px;font-size:.875rem;text-decoration:underline}.manual-input-btn:hover{color:#0f1f4a}.manual-input-form{text-align:left;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;margin-top:16px;padding:24px}.manual-input-form h3{color:var(--color--primary);margin-bottom:16px;font-size:1rem}.manual-input-form .Navigation__NextButton{justify-content:center;width:100%;margin-top:16px}