@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#202833;background:#f7f5f0;--ink:#202833;--muted:#68727d;--orange:#c96d38;--orange-dark:#a94f21;--orange-soft:#f7e8de;--green:#71945f;--line:rgba(32,40,51,.13);--card:rgba(255,255,255,.9)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 18% 10%,#fff 0,transparent 34rem),linear-gradient(135deg,#f9f7f2,#efede7)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}svg{width:1.2rem;height:1.2rem}.onboarding-app{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.app-header{min-height:92px;display:grid;grid-template-columns:220px minmax(260px,620px) 220px;align-items:center;justify-content:space-between;gap:2rem;padding:1.1rem clamp(1.25rem,5vw,5rem);border-bottom:1px solid var(--line);background:#ffffffb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:.25rem;color:var(--ink);text-decoration:none;width:max-content}.brand>span{font-size:2.5rem;line-height:.8;font-weight:800;font-style:italic;letter-spacing:-.09em}.brand b{font-size:.73rem;line-height:.88;color:var(--orange)}.progress-wrap{display:grid;gap:.55rem;width:100%}.progress-meta{display:flex;justify-content:space-between;gap:1rem;font-size:.76rem;color:var(--muted)}.progress-meta b{color:var(--ink)}.progress-track{height:10px;border-radius:999px;overflow:hidden;background:#e7e3dc;box-shadow:inset 0 1px 3px #20283314}.progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--orange),#df955f);transition:width .32s ease;box-shadow:0 2px 8px #c96d3840}.step-nav{position:relative;display:grid;grid-template-columns:repeat(8,1fr);align-items:center;gap:.45rem;isolation:isolate}.step-nav:before,.step-nav:after{content:"";position:absolute;z-index:-1;left:3%;right:3%;top:50%;height:4px;border-radius:999px;transform:translateY(-50%)}.step-nav:before{background:#dedbd5}.step-nav:after{right:auto;width:var(--progress);max-width:94%;background:linear-gradient(90deg,var(--orange),#df955f);transition:width .3s ease}.step-nav button{justify-self:center;width:31px;height:31px;padding:0;border:3px solid #f7f5f0;border-radius:50%;background:#d8d7d2;color:#69716e;font-size:.75rem;font-weight:800;box-shadow:0 3px 8px #2028331f;transition:transform .16s ease,background .16s ease}.step-nav button:not(:disabled):hover{transform:scale(1.1)}.step-nav button.complete,.step-nav button.active{background:var(--orange);color:#fff}.step-nav button.active{outline:5px solid rgba(201,109,56,.18)}.step-nav button:disabled{cursor:not-allowed;opacity:.72}.saved-status{justify-self:end;display:inline-flex;align-items:center;gap:.35rem;color:#67805e;font-size:.77rem}.saved-status svg{width:1rem}.flow-main{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:clamp(2rem,5vh,4.5rem) 0 2rem;display:grid;align-content:center}.question-screen{width:min(940px,100%);margin:0 auto;display:grid;gap:clamp(1.5rem,3vh,2.5rem);animation:enter .26s ease both}.compact-question{width:min(820px,100%)}@keyframes enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.question-heading{display:grid;gap:.65rem;text-align:center;justify-items:center}.eyebrow,.result-label{color:var(--orange);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800}.title-line{display:flex;justify-content:center;align-items:center;gap:.65rem}h1,h2,p{margin:0}.question-heading h1,.results-intro h1{font-size:clamp(1.9rem,4.5vw,3.35rem);letter-spacing:-.045em;line-height:1.04}.question-heading>p,.results-intro>p{max-width:620px;color:var(--muted);line-height:1.6}.info-button{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:50%;border:1px solid rgba(201,109,56,.35);background:var(--orange-soft);color:var(--orange);box-shadow:0 5px 12px #80442014}.info-overlay{position:fixed;z-index:2000;inset:0;display:grid;place-items:center;padding:1rem;background:#2028332e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlay-in .16s ease both}.info-card{width:min(460px,100%);position:relative;display:grid;justify-items:start;gap:.65rem;padding:1.7rem;border:1px solid rgba(201,109,56,.22);border-radius:26px;background:#fffdfa;box-shadow:0 30px 90px #2028333d,0 8px 24px #2028331f;animation:card-in .2s cubic-bezier(.2,.8,.2,1) both}.info-card h2{padding-right:2.5rem;font-size:1.45rem;letter-spacing:-.025em}.info-card p{color:var(--muted);font-size:.9rem;line-height:1.65}.info-card-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--orange);background:var(--orange-soft)}.info-close{position:absolute;top:1rem;right:1rem;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);font-size:1.45rem;line-height:1;box-shadow:0 7px 16px #20283314}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes card-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.notice{justify-self:center;margin-bottom:1rem;padding:.7rem 1rem;border-radius:999px;color:#87532f;background:#fff2e9;border:1px solid rgba(201,109,56,.22);font-size:.82rem}.notice:empty{display:none}.province-question{align-content:center}.province-select-wrap{width:min(560px,100%);display:grid;gap:.6rem;color:var(--muted);font-size:.8rem;font-weight:700}.province-select-wrap select{appearance:none;width:100%;min-height:72px;padding:0 3.4rem 0 1.25rem;border:1px solid var(--line);border-radius:18px;outline:0;background:#fff;color:var(--ink);font-size:1.15rem;font-weight:700;box-shadow:0 10px 26px #20283312;cursor:pointer}.province-select-wrap select:focus{border-color:var(--orange);box-shadow:0 0 0 4px #c96d381f,0 10px 26px #20283312}.province-select-wrap{position:relative}.province-select-wrap:after{content:"";position:absolute;right:1.35rem;bottom:1.65rem;width:.62rem;height:.62rem;border-right:2px solid var(--orange);border-bottom:2px solid var(--orange);transform:rotate(45deg);pointer-events:none}.pool-stage{min-height:270px;display:grid;place-items:center;perspective:900px}.pool-3d{width:min(var(--pool-model-width),76vw);height:var(--pool-model-height);border:15px solid #e6e0d7;border-radius:42px;position:relative;transform:rotateX(55deg) rotate(-5deg);transform-style:preserve-3d;background:#84cddd;box-shadow:0 var(--pool-depth) 0 #4b9db1,0 calc(var(--pool-depth) + 22px) 45px #203e493b,inset 0 0 0 7px #ffffff8c;transition:width .42s cubic-bezier(.2,.8,.2,1),height .42s cubic-bezier(.2,.8,.2,1),box-shadow .42s cubic-bezier(.2,.8,.2,1)}.pool-3d:after{content:"";position:absolute;inset:12px;border-radius:24px;background:linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(135deg,#8ad5e5,#4eafc8);background-size:var(--tile-x) var(--tile-y),var(--tile-x) var(--tile-y),auto;box-shadow:inset 0 10px 30px #ffffff38;transition:background-size .42s ease}.pool-depth-wall{position:absolute;z-index:-1;left:-15px;right:-15px;bottom:calc(-1 * var(--pool-depth));height:var(--pool-depth);border-radius:0 0 30px 30px;background:linear-gradient(180deg,#5baec1,#3c879b);transform-origin:top;transition:height .42s ease,bottom .42s ease}.measure{position:absolute;z-index:2;color:var(--ink);font-size:.66rem;font-weight:600;padding:.32rem .55rem;border-radius:999px;background:#fff;box-shadow:0 6px 14px #20283324;white-space:nowrap}.measure b{color:var(--orange)}.length-line{left:42%;bottom:-34px}.width-line{right:-53px;top:43%}.depth-line{left:-48px;top:42%}.measurement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.number-field{display:grid;gap:.55rem;color:var(--muted);font-size:.8rem;font-weight:600}.number-field>div{height:66px;display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid var(--line);border-radius:18px;background:#fff;padding:0 1.2rem;box-shadow:0 10px 26px #20283312}.number-field input{width:100%;min-width:0;border:0;outline:0;color:var(--ink);background:transparent;font-size:1.45rem;font-weight:750}.number-field b{color:var(--muted)}.choice-grid{display:grid;gap:1rem}.choice-grid.three{grid-template-columns:repeat(3,1fr)}.choice-grid.two{grid-template-columns:repeat(2,1fr)}.choice-card{min-height:205px;position:relative;display:grid;place-content:center;justify-items:center;gap:.55rem;padding:1.5rem;border:2px solid transparent;border-radius:24px;background:var(--card);color:var(--ink);box-shadow:0 15px 38px #20283317,0 3px 8px #2028330d;transition:transform .16s ease,border-color .16s ease}.choice-card:hover{transform:translateY(-3px)}.choice-card.selected{border-color:var(--orange);background:#fffaf6}.choice-icon{font-size:2rem;color:var(--orange)}.choice-card strong{font-size:1.08rem}.choice-card small{color:var(--muted)}.choice-check{position:absolute;right:1rem;top:1rem;width:25px;height:25px;display:none;place-items:center;border-radius:50%;background:var(--orange);color:#fff}.choice-check svg{width:.9rem}.choice-card.selected .choice-check{display:grid}.decision-note{margin-top:1rem;padding:1rem 1.1rem;border:1px solid #efd4c2;border-radius:18px;background:#fff8f2;color:#6e4a35;box-shadow:0 10px 28px #20283312;font-size:.82rem;line-height:1.55}.decision-note.positive{border-color:#cfe0c7;background:#f4f9f1;color:#48613f}.decision-note.warning{border-color:#efc4a6;background:#fff3ea;color:#7a4122}.single-control,.range-control{min-height:280px;display:grid;place-content:center;justify-items:center;gap:1.5rem;border:1px solid var(--line);border-radius:28px;background:var(--card);box-shadow:0 20px 48px #20283317}.big-number{display:flex;align-items:baseline;gap:.8rem}.big-number input{width:180px;border:0;border-bottom:3px solid var(--orange);outline:0;text-align:center;color:var(--ink);background:transparent;font-size:4rem;font-weight:800}.big-number span{color:var(--muted);font-size:1.1rem;font-weight:700}.suggestion-pill{border-radius:999px;padding:.65rem 1rem;color:#536b4a;background:#edf4e9;font-size:.8rem}.quick-values{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem}.quick-values button{border:1px solid var(--line);border-radius:999px;padding:.65rem 1rem;background:#fff;color:var(--ink)}.quick-values button.selected{border-color:var(--orange);color:var(--orange);background:var(--orange-soft)}.range-control{padding:2rem clamp(1rem,6vw,5rem)}.range-control output{color:var(--orange);font-size:4rem;font-weight:800}.range-control input{width:min(560px,72vw);accent-color:var(--orange)}.range-control>div{width:min(560px,72vw);display:flex;justify-content:space-between;color:var(--muted);font-size:.76rem}.temperature-question{width:min(1080px,100%)}.temperature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem}.temperature-card{min-height:230px;position:relative;display:grid;place-content:center;justify-items:center;gap:.45rem;border:2px solid transparent;border-radius:24px;background:var(--card);color:var(--ink);box-shadow:0 15px 38px #20283317}.temperature-card.selected{border-color:var(--orange);background:#fffaf6}.temperature-card strong{font-size:2.7rem;color:var(--orange)}.temperature-card small{color:var(--muted)}.popular{position:absolute;z-index:1;top:.8rem;left:50%;transform:translate(-50%);border-radius:999px;padding:.3rem .6rem;background:var(--orange-soft);color:var(--orange);font-size:.65rem;font-weight:800;text-transform:uppercase;white-space:nowrap}.flow-actions{min-height:92px;display:flex;align-items:center;justify-content:space-between;padding:1rem clamp(1.25rem,5vw,5rem);border-top:1px solid var(--line);background:#ffffffc2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;bottom:0;z-index:20}.primary-button,.secondary-button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border-radius:14px;padding:.75rem 1.25rem;font-weight:750}.primary-button{border:1px solid var(--orange);background:linear-gradient(180deg,#dc8851,var(--orange));color:#fff;box-shadow:0 9px 20px #a94f2138}.secondary-button{border:1px solid var(--line);background:#fff;color:var(--ink);box-shadow:0 7px 17px #2028330f}.secondary-button:disabled,.primary-button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.results-screen{width:min(1040px,100%);margin:0 auto;display:grid;gap:1.5rem;padding-bottom:2rem}.results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:20px;background:#ffffffc7;box-shadow:0 12px 32px #20283312}.results-toolbar>div{display:grid;gap:.25rem}.results-toolbar p{color:var(--muted);font-size:.72rem}.export-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--orange);border-radius:13px;padding:.7rem 1rem;background:linear-gradient(180deg,#dc8851,var(--orange));color:#fff;font-weight:800;box-shadow:0 9px 20px #a94f2133}.export-button svg{width:1.05rem}.export-button:disabled{opacity:.7;cursor:wait}.results-intro{display:grid;justify-items:center;text-align:center;gap:.6rem}.success-mark{color:#5b8351;background:#edf5e9}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.result-product{display:grid;grid-template-columns:minmax(180px,42%) 1fr;gap:1rem;position:relative;overflow:hidden;padding:1.25rem;border:2px solid var(--orange);border-radius:26px;background:#fff;box-shadow:0 20px 52px #2028331c}.result-product.upgrade{border-color:#2028331f}.result-product>.result-label{position:absolute;top:1rem;left:1rem;z-index:2;border-radius:999px;padding:.38rem .65rem;background:#fff4ec}.product-image{min-height:260px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(145deg,#f1f3f1,#dce1de);overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.product-copy{display:grid;align-content:center;gap:.8rem}.product-copy h2,.solar-result h2{font-size:1.2rem;line-height:1.25}.product-copy>p,.solar-result p{color:var(--muted);font-size:.82rem;line-height:1.5}.result-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.result-facts span{display:grid;gap:.2rem;padding:.7rem;border-radius:13px;background:#f7f5f1}.result-facts b{font-size:.9rem}.result-facts small{color:var(--muted);font-size:.66rem}.product-actions{display:flex;flex-wrap:wrap;gap:.55rem}.product-button,.savings-button,.solar-result a{width:max-content;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border-radius:11px;padding:.55rem .8rem;font-size:.78rem;font-weight:800;text-decoration:none}.product-button{border:1px solid var(--orange);background:var(--orange);color:#fff}.savings-button{border:1px solid var(--line);background:#fff;color:var(--orange-dark)}.solar-result a{color:var(--orange-dark);padding:0}.product-button svg,.solar-result a svg{width:1rem}.savings-panel{grid-column:1/-1;display:grid;gap:1rem;padding:1rem;border-radius:18px;background:#f7f5f1;border:1px solid var(--line);animation:enter .22s ease both}.savings-panel h3{margin:.25rem 0 .35rem;font-size:1.05rem}.savings-panel p,.saving-assumption{color:var(--muted);font-size:.72rem;line-height:1.5}.saving-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.saving-totals span{display:grid;gap:.25rem;padding:.75rem;border-radius:13px;background:#fff;border:1px solid rgba(32,40,51,.08)}.saving-totals small{color:var(--muted);font-size:.65rem}.saving-totals strong{color:var(--orange-dark);font-size:.95rem}.running-cost-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem .8rem}.running-cost-month{display:grid;grid-template-columns:30px minmax(55px,1fr) auto;align-items:center;gap:.45rem;padding:.4rem .5rem;border-radius:10px;background:#fff}.running-cost-month small{color:var(--muted);font-size:.65rem;font-weight:750}.running-cost-month i{height:6px;overflow:hidden;border-radius:999px;background:#eee9e3}.running-cost-month i b{display:block;height:100%;min-width:2px;border-radius:inherit;background:linear-gradient(90deg,#e59b6c,var(--orange))}.running-cost-month strong{font-size:.68rem;white-space:nowrap}.running-cost-month em{grid-column:2/4;color:var(--muted);font-size:.58rem;font-style:normal}.running-cost-chart-scroll{overflow-x:auto;padding:.25rem 0}.running-cost-chart{display:block;width:100%;min-width:620px;height:auto;overflow:visible}.cost-bar{fill:var(--orange);opacity:.92}.cost-value{fill:var(--ink);font-size:11px;font-weight:750}.chart-footnote,.empty-cost-chart{color:var(--muted);font-size:.72rem;line-height:1.5}.empty-cost-chart{padding:1rem;border-radius:12px;background:#fff}.temperature-section{display:grid;gap:1rem;padding:1.25rem;border-radius:26px;border:1px solid var(--line);background:#fff;box-shadow:0 18px 44px #20283314}.chart-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem}.chart-heading h2{margin:.25rem 0 .35rem;font-size:1.35rem}.chart-heading p,.temperature-section>small{color:var(--muted);font-size:.76rem;line-height:1.5}.temperature-key{display:flex;gap:.8rem;color:var(--muted);font-size:.7rem;white-space:nowrap}.temperature-key span{display:flex;align-items:center;gap:.3rem}.temperature-key i{width:15px;height:3px;border-radius:99px;background:var(--orange)}.temperature-key span:last-child i{height:0;border-top:2px dashed #8a918f;background:transparent}.temperature-chart-scroll{overflow-x:auto;padding:.25rem 0}.temperature-chart{display:block;width:100%;min-width:720px;height:auto;overflow:visible}.grid-line{stroke:#e8e5df;stroke-width:1}.target-line{stroke:#8a918f;stroke-width:1.5;stroke-dasharray:6 6}.temperature-line{fill:none;stroke:var(--orange);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.temperature-point{fill:#fff;stroke:var(--orange);stroke-width:3}.axis-label,.month-label{fill:#7b837e;font-size:11px}.value-label{fill:var(--ink);font-size:11px;font-weight:700}.solar-result{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:1.25rem;padding:1.2rem;border:1px solid rgba(113,148,95,.25);border-radius:26px;background:#f7fbf4;box-shadow:0 14px 36px #3b5b3114}.solar-image{height:150px;display:grid;place-items:center;border-radius:18px;overflow:hidden;background:#e6eee1}.solar-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.solar-result>div:last-child{display:grid;gap:.6rem}.cost-note{color:var(--muted);text-align:center;font-size:.72rem}.results-screen>.secondary-button{justify-self:center}.results-cta{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.4rem;border-radius:24px;color:#fff;background:linear-gradient(135deg,#27333e,#3f4d58);box-shadow:0 18px 42px #20283329}.results-cta>div{display:grid;gap:.35rem}.results-cta .eyebrow{color:#f2b991}.results-cta h2{font-size:1.25rem}.results-cta p{max-width:650px;color:#d8dde1;font-size:.78rem;line-height:1.5}.results-cta a{flex:none;display:inline-flex;align-items:center;gap:.4rem;padding:.75rem 1rem;border-radius:12px;color:#fff;background:var(--orange);font-size:.8rem;font-weight:800;text-decoration:none}.results-cta a svg{width:1rem}.results-cta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.results-cta-grid .results-cta{min-height:180px}.purchase-cta{background:linear-gradient(135deg,#c96d38,#e28d54)}.purchase-cta .eyebrow{color:#fff0e5}.purchase-cta a{background:#27333e}.enquiry-cta{background:linear-gradient(135deg,#27333e,#3f4d58)}.savings-slot{grid-column:1/-1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.app-header{grid-template-columns:auto 1fr}.saved-status{display:none}.results-grid{grid-template-columns:1fr}.result-product{grid-template-columns:220px 1fr}.temperature-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.app-header{min-height:104px;padding:.7rem 1rem;gap:.65rem;grid-template-columns:auto 1fr}.brand>span{font-size:1.75rem}.brand b{font-size:.52rem}.progress-wrap{gap:.3rem}.progress-meta{font-size:.64rem}.progress-meta b{display:none}.step-nav{gap:.12rem}.step-nav button{width:24px;height:24px;border-width:2px;font-size:.63rem}.step-nav button.active{outline-width:3px}.flow-main{width:min(100% - 1.25rem,1120px);padding:1.35rem 0;align-content:start}.question-heading h1,.results-intro h1{font-size:2rem}measurement-grid,.choice-grid.three,.choice-grid.two,.temperature-grid,.results-cta-grid{grid-template-columns:1fr}.pool-stage{min-height:235px;overflow:hidden}.pool-3d{max-width:72vw;max-height:155px}.width-line{right:-18px}.depth-line{left:-18px}.choice-card,.temperature-card{min-height:145px}.temperature-card.is-popular{min-height:178px;padding:3.6rem 1rem 1.25rem}.single-control,.range-control{min-height:250px}.flow-actions{min-height:76px;padding:.75rem 1rem}.results-toolbar{align-items:stretch;flex-direction:column}.export-button{width:100%}.result-product{grid-template-columns:1fr}.product-image{min-height:220px}.saving-totals,.running-cost-grid{grid-template-columns:1fr}.chart-heading{align-items:start;flex-direction:column}.temperature-key{white-space:normal}.solar-result{grid-template-columns:1fr}.solar-image{height:180px}.results-cta{align-items:stretch;flex-direction:column}.results-cta a{justify-content:center}}