:root{--ink:#172833;--green:#174969;--green2:#1f6e9c;--sage:#eaf4f9;--cream:#fafcfc;--sun:#f2a93b;--muted:#536c7a;--line:#dce7ed}
body{background:#fafcfc;color:var(--ink)}
.site-header{background:rgba(250,252,252,.94);backdrop-filter:blur(16px);border-bottom:1px solid #dce7ed}
.wordmark,.site-header nav a{color:#173f59}.wordmark-symbol,.wordmark span{color:#1f6e9c}.site-header nav .nav-cta,.button-primary,.button-dark{background:#1f6e9c;color:#fff;border-color:#1f6e9c}.button-primary:hover,.button-dark:hover{background:#155b83}
.hero{background:linear-gradient(115deg,#fafcfc 35%,#e9f3f8 100%)}.hero h1 em,.feature-copy h2 em{color:#1f6e9c}.eyebrow,.eyebrow-line{color:#1f6e9c}.hero-art{background:radial-gradient(circle at 67% 43%,#dceef5,#eef6f8 64%,transparent 72%)}.art-sun{background:#f2a93b}.art-orbit{border-color:#8dc4dd}.art-note{border:1px solid #dce7ed}.art-note small{color:#1f6e9c}.proof-strip,.final-cta{background:#173f59}.proof-dot,.final-cta .eyebrow{color:#f2a93b}.benefit-icon,.visual-check{background:#e6f3f8;color:#1f6e9c}.feature-section{background:#f0f6f9}.feature-visual{background:#d9edf5}.visual-roof{background:#36617b;border-color:#295571;box-shadow:15px 22px 0 #b2d4e4}.visual-top{color:#1f6e9c}.visual-check{color:#1f6e9c}.tick-list li:before{background:#e1f0f7;color:#1f6e9c}.step{border-top-color:#bcd6e3}.step b{color:#1f6e9c}.finance-band{background:#eef4f8}.finance-link{background:#f6c56d;border-color:#ecb554}.faq-list summary:after{background:#e6f1f7;color:#1f6e9c}.site-footer{background:#142c3b}.site-footer p,.site-footer small{color:#c4d7df}
.design-intro{padding:54px 0 25px}.design-intro h1{color:#172833}.widget-shell{background:#fff;border:1px solid #e0eaf0;border-radius:18px;padding:16px 20px;margin-bottom:60px!important;box-shadow:0 20px 55px #1e52700c}
#solar-widget{--sw-primary:#1f6e9c;--sw-green:#1f6e9c;--sw-ink:#172833}
#solar-widget .sw-variant-book-btn{background:#173f59!important;border:1px solid #102f43!important;color:#fff!important;box-shadow:0 2px 7px rgba(16,47,67,.22)!important}
#solar-widget .sw-variant-book-btn:hover{background:#102f43!important;border-color:#0b2433!important;color:#fff!important}
#solar-widget #quote-calculate{background:#1f6e9c!important;border-color:#1f6e9c!important;color:#fff!important}
#solar-widget .sw-variant-smart{border-color:#1f6e9c!important}
#solar-widget .sw-variant-badge{background:#1f6e9c!important}
.flow-header-label{font-size:11px;font-weight:800;letter-spacing:.16em;color:#6c8592;margin-left:auto}.flow-back{font-size:13px;font-weight:700;color:#1f6e9c;text-decoration:none;margin-left:24px}
.flow-progress{display:flex;gap:0;align-items:center;margin:38px 0 58px;color:#7c929e;font-size:12px;font-weight:800;letter-spacing:.04em}.flow-progress>*{padding:10px 22px 10px 0;border-bottom:2px solid #cbdce5}.flow-progress strong{color:#1f6e9c;border-bottom-color:#1f6e9c}
.order-shell{padding-bottom:100px}.order-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:70px;align-items:start}.order-main h1{font-size:clamp(3.1rem,6vw,5.5rem);margin:6px 0 18px;line-height:1.04;letter-spacing:-.06em}.order-intro{max-width:650px;color:#536c7a;font-size:18px;line-height:1.6;margin:0 0 44px}.order-section{display:grid;grid-template-columns:44px minmax(0,1fr);gap:15px;border-top:1px solid #dce7ed;padding:31px 0}.section-index{font-size:12px;font-weight:800;color:#1f6e9c;padding-top:6px}.order-section h2{font-size:1.55rem;margin:0 0 16px;letter-spacing:-.03em}.order-section p{font-size:14px;color:#536c7a;line-height:1.55;margin:-5px 0 20px}.order-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.order-fields label:first-child:nth-last-child(3){grid-column:1/-1}.order-fields label{display:grid;gap:7px;font-size:13px;font-weight:800;color:#334f61}.order-fields input,.order-fields select{width:100%;min-height:48px;border:1px solid #cbdce5;background:#fff;border-radius:8px;padding:10px 13px;font:inherit;color:#172833}.order-fields input:focus,.order-fields select:focus{outline:3px solid #a7d7ed;outline-offset:1px}.order-check{display:flex;gap:11px;align-items:flex-start;font-size:14px;font-weight:700;color:#27495c;line-height:1.5}.order-check input{width:19px;height:19px;flex:none;accent-color:#1f6e9c;margin-top:1px}.order-check+ .order-fields{margin-top:18px}.order-consent{border-top:1px solid #dce7ed;padding-top:26px;margin:5px 0 24px}.order-submit{border:0;min-height:54px;padding:14px 26px;cursor:pointer}.order-submit:disabled{opacity:.6;cursor:wait}.order-aside{background:#f0f7fa;border:1px solid #cfe3ec;border-radius:18px;padding:32px;position:sticky;top:105px}.order-aside h2{font-size:1.75rem;line-height:1.22;margin:10px 0 20px}.order-price{font-size:2.5rem;font-weight:800;letter-spacing:-.05em;color:#1f6e9c;padding-bottom:20px;border-bottom:1px solid #ccdfeb}.package-stats>div{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid #d5e5ed;font-size:14px}.package-stats span{color:#526e7d}.package-stats strong{text-align:right}.package-address{font-size:13px;color:#526e7d;padding-top:16px}.order-assurance{margin-top:35px;background:#fff;border-radius:10px;padding:20px}.order-assurance b{font-size:14px}.order-assurance ol{padding-left:22px;color:#536c7a;font-size:13px;line-height:1.7;margin:11px 0 0}.order-alert{background:#fff2e5;padding:18px;border-radius:8px}.order-success{padding:40px 0}.order-success h2{font-size:2.7rem}.success-mark{background:#ddf0e8;color:#14754a;display:grid;place-items:center;width:55px;height:55px;border-radius:50%;font-size:30px}
.order-grid:has(.order-aside[hidden]){grid-template-columns:1fr;max-width:760px}
@media(max-width:900px){.order-grid{grid-template-columns:1fr;gap:42px}.order-aside{grid-row:1;position:static}.flow-progress{margin:25px 0 37px}.widget-shell{padding:8px;border:0;box-shadow:none}}
@media(max-width:600px){.order-fields{grid-template-columns:1fr}.order-fields label:first-child:nth-last-child(3){grid-column:auto}.order-section{grid-template-columns:34px minmax(0,1fr)}.flow-header-label{display:none}.flow-back{margin-left:auto}.order-aside{padding:24px}.flow-progress{font-size:10px}.flow-progress>*{padding-right:11px}.widget-shell{width:100%;padding:0}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@view-transition{navigation:auto}
.site-header{view-transition-name:site-header}
.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(380px,.82fr);align-items:center;gap:clamp(35px,6vw,110px);min-height:660px}.hero-copy{padding:80px 0}.hero h1{font-size:clamp(4.1rem,6.1vw,7rem);line-height:1.02;letter-spacing:-.065em;max-width:780px}.hero h1 em{display:block;font-style:normal}.hero h1 .hero-price{display:inline-block;position:relative;white-space:nowrap}.hero h1 .hero-price:after{content:'';height:.11em;width:100%;background:#f2a93b;position:absolute;left:0;bottom:-.075em;border-radius:6px}.hero-lead{max-width:580px}.hero-address-card{background:#fff;border:1px solid #d6e5ed;box-shadow:0 30px 80px #19486616;border-radius:18px;padding:34px 34px 0;view-transition-name:address-card}.hero-address-card .hero-card-kicker{display:flex;justify-content:space-between;color:#1f6e9c;font-size:11px;font-weight:800;letter-spacing:.12em}.hero-address-card .hero-card-kicker span{color:#879dab}.hero-address-card h2{font-size:clamp(2rem,3vw,3rem);letter-spacing:-.045em;margin:35px 0 6px}.hero-address-card p{color:#5c7280;font-size:15px;line-height:1.55;margin:0 0 34px}.hero-address-card label{display:block;color:#1a4258;font-size:12px;font-weight:800;margin-bottom:9px}.hero-address-row{display:flex;min-height:58px;border:1px solid #a8c4d4;border-radius:9px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.hero-address-row:focus-within{border-color:#1f6e9c;box-shadow:0 0 0 3px #b7deef}.hero-address-row input{min-width:0;flex:1;border:0;padding:13px 15px;font:600 15px var(--font);outline:none}.hero-address-row button{width:62px;background:#1f6e9c;color:#fff;border:0;font-size:28px;cursor:pointer}.hero-address-row button:hover{background:#155b83}.hero-address-card>small{display:block;color:#6d8795;line-height:1.5;margin:13px 0 35px}.hero-card-foot{display:flex;justify-content:space-between;gap:8px;margin:0 -34px;background:#edf5f9;border-top:1px solid #daeaf1;border-radius:0 0 18px 18px;padding:17px 34px;color:#718c9b;font-size:9px;font-weight:800;letter-spacing:.08em}.hero-card-foot span:first-child{color:#1f6e9c}.hero .microcopy{font-size:12px;color:#6a8391;margin-top:38px}
.crm-body{background:#f3f7f9}.crm-header{border-bottom-color:#dce7ed}.crm-tabs button.active{color:#1f6e9c;border-color:#1f6e9c}.crm-title .eyebrow,.detail-head .eyebrow{color:#1f6e9c}.project-item:hover,.project-item.selected,.stage-select{background:#e9f4f9}.project-item small{color:#1f6e9c}.mini-submit{background:#1f6e9c}.quote-caveat{background:#eff6f9;color:#3c6477;font-size:12px;line-height:1.5;padding:12px 14px;border-radius:8px}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr;gap:0;padding-bottom:65px}.hero-copy{padding:65px 0 32px}.hero h1{max-width:680px}.hero-address-card{max-width:620px}}
@media(max-width:650px){.hero-grid{padding-bottom:45px}.hero-copy{padding:48px 0 28px}.hero h1{font-size:clamp(3.5rem,12vw,5rem)}.hero-address-card{padding:26px 22px 0}.hero-address-card h2{margin-top:26px}.hero-card-foot{margin:0 -22px;padding:14px 22px}.hero-card-foot span{font-size:8px}.hero .microcopy{margin-top:24px}}
.crm-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:-5px 0 26px}.overview-card{background:#fff;border:1px solid #dce7ed;border-radius:11px;padding:20px;min-height:105px;box-shadow:0 4px 15px #21495f0b}.overview-card span{display:block;color:#637c89;font-size:12px;font-weight:800}.overview-card strong{display:block;font-size:32px;line-height:1.2;letter-spacing:-.05em;margin-top:9px;color:#1f6e9c}.crm-attention{margin-bottom:28px}.crm-attention h2{font-size:17px;margin:0 0 12px}.attention-row{display:grid;grid-template-columns:1fr 1.6fr auto;gap:16px;align-items:center;text-align:left;width:100%;border:1px solid #dce7ed;border-bottom:0;background:#fff;padding:15px 19px;cursor:pointer;color:#172833}.attention-row:first-of-type{border-radius:10px 10px 0 0}.attention-row:last-child{border-bottom:1px solid #dce7ed;border-radius:0 0 10px 10px}.attention-row:only-of-type{border-radius:10px}.attention-row:hover{background:#f2f8fb}.attention-row strong{font-size:14px}.attention-row span{color:#637c89;font-size:13px}.attention-row b{color:#1f6e9c;font-size:12px}
@media(max-width:850px){.crm-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.attention-row{grid-template-columns:1fr auto}.attention-row span{grid-column:1;grid-row:2}.attention-row b{grid-column:2;grid-row:1/3}}
@media(max-width:700px){.crm-header>span{display:none}.crm-theme-toggle .theme-label{display:none}.crm-header-actions button{white-space:nowrap}}
.wordmark{display:inline-flex;align-items:center;line-height:1;min-width:0}.brand-logo{display:block;height:auto;width:clamp(155px,14vw,205px);object-fit:contain}.brand-logo-dark{display:none}.site-footer .brand-logo-light{display:none}.site-footer .brand-logo-dark{display:block}.crm-header .brand-logo{width:164px}
html[data-theme="dark"] .crm-body{--ink:#eaf3f5;--green:#6faed4;--green2:#82bee3;--muted:#9cabb4;--line:#303e45;background:#10171b;color:#eaf3f5}
html[data-theme="dark"] .crm-header{background:#182126;border-color:#303e45}
html[data-theme="dark"] .crm-header .brand-logo-light{display:none}html[data-theme="dark"] .crm-header .brand-logo-dark{display:block}
html[data-theme="dark"] .crm-login,html[data-theme="dark"] .crm-list-panel,html[data-theme="dark"] .crm-detail,html[data-theme="dark"] .catalog-group,html[data-theme="dark"] .crm-dialog,html[data-theme="dark"] .overview-card,html[data-theme="dark"] .attention-row{background:#182126;border-color:#303e45;color:#eaf3f5;box-shadow:none}
html[data-theme="dark"] .overview-card span,html[data-theme="dark"] .attention-row span{color:#9cabb4}html[data-theme="dark"] .overview-card strong,html[data-theme="dark"] .attention-row b{color:#82bee3}
html[data-theme="dark"] .attention-row:hover,html[data-theme="dark"] .project-item:hover,html[data-theme="dark"] .project-item.selected{background:#203038}
html[data-theme="dark"] .crm-body .button-primary,html[data-theme="dark"] .crm-body .mini-submit{background:#347ca7;color:#fff}
html[data-theme="dark"] .crm-body .button-primary:hover,html[data-theme="dark"] .crm-body .mini-submit:hover{background:#4797c5}
html[data-theme="dark"] .crm-tabs button.active{color:#82bee3;border-color:#82bee3}
html[data-theme="dark"] .quote-caveat{background:#203540;color:#b8d2df}


/* Order request calendar and catalogue extras */
.order-date-fields { align-items: start; }
.order-calendar { grid-column: 1 / -1; border: 1px solid #dce5e9; border-radius: 16px; padding: 16px; background: #fff; }
.calendar-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; color:#193344; }
.calendar-controls { display:flex; gap:8px; }
.calendar-controls button { width:36px; height:36px; border:1px solid #d8e1e6; border-radius:50%; background:#fff; color:#1f6e9c; font-size:24px; line-height:1; cursor:pointer; }
.calendar-controls button:disabled { opacity:.35; cursor:default; }
.calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:5px; }
.calendar-weekday { padding:6px 0; color:#788b96; text-align:center; font-size:12px; font-weight:700; }
.calendar-day,.calendar-blank { min-height:38px; }
.calendar-day { border:1px solid #e1e8eb; border-radius:10px; background:#fff; color:#233a48; cursor:pointer; font:inherit; }
.calendar-day:not(:disabled):hover { border-color:#1f6e9c; color:#1f6e9c; }
.calendar-day:disabled { color:#aeb9be; background:#f5f7f8; cursor:default; }
.calendar-day.is-selected { border-color:#1f6e9c; background:#1f6e9c; color:#fff; font-weight:800; }
.calendar-picked { margin:12px 0 0; color:#1f6e9c; font-weight:700; }
.order-section .order-confirmation-note { display:block; clear:both; margin:14px 0 0 !important; color:#637782; font-size:13px; line-height:1.5; }
.additional-equipment { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }
.equipment-option { display:flex; align-items:flex-start; gap:10px; padding:12px; border:1px solid #dce5e9; border-radius:14px; background:#fff; cursor:pointer; }
.equipment-option:has(input:checked) { border:1px solid #b8cedb; padding:12px; background:#fff; }
.equipment-option input { margin-top:5px; accent-color:#1f6e9c; }
.equipment-option-body { display:flex; align-items:center; gap:12px; min-width:0; }
.equipment-option-body img { width:56px; height:56px; object-fit:contain; border-radius:9px; background:#f3f6f7; }
.equipment-option-details { display:grid; gap:4px; }
.equipment-option-details strong { color:#193344; }
.equipment-option-details span { color:#1f6e9c; font-weight:700; }
.order-note-label { display:grid; gap:8px; color:#193344; font-weight:700; }
.order-note-label small { color:#788b96; font-weight:400; }
.order-note-label textarea { width:100%; min-height:110px; padding:12px 14px; border:1px solid #d6e0e5; border-radius:12px; font:inherit; resize:vertical; }
@media(max-width:680px) { .order-calendar { padding:12px; } .calendar-grid { gap:3px; } .calendar-day,.calendar-blank { min-height:34px; } .additional-equipment { grid-template-columns:1fr; } }

/* Fix hidden call preferences and give the calendar footer its own breathing room. */
#order-form [hidden] { display: none !important; }
#call-fields[hidden] { display: none !important; }
.order-calendar .calendar-grid { row-gap: 8px; }
.order-calendar .calendar-picked { margin: 18px 0 0; padding-top: 12px; border-top: 1px solid #e1e8eb; line-height: 1.5; }

.calendar-day.is-full{color:#87939a;background:#f0f3f4}.calendar-slots{grid-column:1/-1;margin-top:12px;padding-top:12px;border-top:1px solid #d9e5ea}.calendar-slot-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:9px}.calendar-slot{padding:10px;border:1px solid #cbdde6;border-radius:8px;background:#fff;color:#17465e;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.calendar-slot:hover,.calendar-slot.is-selected{background:#1f6e9c;color:#fff;border-color:#1f6e9c}.calendar-slot:disabled{background:#eef1f2;color:#7b878d;cursor:not-allowed}.calendar-full{margin:8px 0 0;padding:8px 11px;border-radius:7px;background:#eef1f2;color:#68757c;font-weight:800}
.calendar-day.is-full{text-decoration:none;color:#77848b;background:#f0f3f4}.calendar-day.is-full::after{content:'Full';display:block;font-size:.58rem;font-weight:800;line-height:1;color:#7d898f}

/* 7 October: booking slots and complete installation summary */
.order-sidebar{min-width:0}.order-sidebar .order-aside{position:static}.installation-included{margin-top:20px;padding:24px;border:1px solid #dce7ed;border-radius:18px;background:#fff}.installation-included h2{font-size:20px;margin:0 0 18px}.installation-item{display:flex;align-items:center;gap:12px;padding:11px 0}.installation-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:10px;background:#edf5f9;color:#1f6e9c;font-size:13px;font-weight:800;object-fit:contain}.installation-item strong,.installation-item small{display:block}.installation-item strong{font-size:13px}.installation-item small{font-size:12px;color:#637782;margin-top:4px;line-height:1.45}.installation-included>p{font-size:12px;line-height:1.5;color:#536c7a;border-top:1px solid #dce7ed;padding-top:14px}.calendar-slots p{margin:12px 0!important}.calendar-slot-list .calendar-slot{min-height:44px}.calendar-day.is-full::after{content:'Full';display:block;font-size:9px}.order-calendar{scroll-margin-top:110px}.equipment-installation-note{margin:16px 0 0!important}.s4e-drawing,.s4e-drawing *{cursor:crosshair!important}.s4e-obstruction-manager{margin:0 0 14px;padding:12px;border:1px solid #dce7ed;border-radius:10px;background:#f3f8fb}.s4e-obstruction-manager[hidden]{display:none!important}.s4e-obstruction-row{display:flex;align-items:center;gap:8px;margin-top:8px}.s4e-obstruction-row span{flex:1;font-size:13px}.s4e-obstruction-row button{padding:7px 12px!important;font-size:12px!important}.experience-widget-surface{overflow-anchor:none}.order-shell{overflow-anchor:none}.order-sidebar:has(.order-aside[hidden]){display:none}@media(max-width:900px){.order-sidebar{grid-row:auto}.order-aside{grid-row:auto}}

.installation-icon svg{width:27px;height:27px;display:block}

.equipment-option{display:flex;flex-direction:column;gap:14px}.equipment-select{display:flex;gap:10px;cursor:pointer;width:100%}.equipment-option-body{align-items:flex-start}.equipment-option-body img{width:80px;height:100px;flex:none;cursor:zoom-in}.equipment-gateway img,.gateway-photo{filter:none;background:#fff!important}.equipment-details-button{border:1px solid #b8cedb;border-radius:8px;padding:8px 12px;background:#fff;color:#1f6e9c;font:inherit;font-size:13px;font-weight:700;cursor:pointer;margin-top:auto}.equipment-details-button:focus-visible{outline:3px solid #1f6e9c;outline-offset:3px}.equipment-dialog{box-sizing:border-box;width:min(600px,calc(100% - 32px));max-height:90vh;overflow:auto;border:1px solid #dce5e9;border-radius:18px;padding:28px;color:#193344;background:#fff}.equipment-dialog::backdrop{background:#142d3a99}.equipment-dialog-close{float:right;border:0;background:#edf5f9;border-radius:8px;padding:8px 12px;cursor:pointer}.equipment-dialog h2{margin:8px 0 20px;padding-right:70px;font-size:24px!important;line-height:1.25!important;letter-spacing:normal!important}.equipment-detail-image{display:block;width:100%;height:320px;object-fit:contain;border-radius:12px;background:#edf2f5}.equipment-detail-price{font-size:18px;font-weight:700;color:#1f6e9c}.equipment-dialog p{line-height:1.5}.equipment-dialog dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}.equipment-dialog dd{margin:0;font-weight:700}@media(max-width:600px){.equipment-detail-image{height:250px}.equipment-option-body img{width:72px;height:90px}}

/* Uniform product cards: choice is shown by the checkbox. */
.equipment-option{border:1px solid #b8cedb;background:#fff;padding:12px}.equipment-select{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start}.equipment-select input{margin:8px 0 0;width:16px;height:16px}.equipment-option-body{display:flex;flex-direction:column;width:100%;gap:12px;align-items:stretch}.equipment-option-body img{width:100%;height:140px;object-fit:contain;box-sizing:border-box;padding:8px;background:#fff;border:1px solid #edf1f4;filter:none!important}.equipment-option-details{min-width:0}.gateway-photo{filter:none!important;background:#fff!important}.equipment-details-button{width:100%;white-space:normal}