/* One continuous property enquiry, in Canadian Clean Energy's existing palette. */
.funnel-page{--max:1200px}
.funnel-page h1,.funnel-page h2{font-weight:500;text-wrap:balance}
.funnel-page h2{font-size:clamp(29px,3vw,39px);line-height:1.13;letter-spacing:-.035em}
.funnel-page .section{padding-block:82px}
.property-hero{position:relative;isolation:isolate;min-height:590px;background:var(--petrol);color:#fff;overflow:hidden}
.property-film,.property-shade{position:absolute;inset:0;width:100%;height:100%}
.property-film{object-fit:cover;object-position:center 58%;z-index:-2}
.property-shade{z-index:-1;background:linear-gradient(90deg,rgb(0 0 0/.77),rgb(0 0 0/.48) 50%,rgb(0 0 0/.12)),linear-gradient(0deg,rgb(0 0 0/.35),transparent 40%);pointer-events:none}
.property-hero-copy{padding-top:clamp(64px,8vw,106px);padding-bottom:115px}
.property-hero h1{font-size:clamp(39px,4.5vw,58px);line-height:1.06;letter-spacing:-.044em;max-width:680px;margin:0 0 24px}
.property-hero-copy>p{font-size:19px;line-height:1.55;max-width:490px;margin-bottom:30px}
.property-hero .button{background:var(--amber);border-color:var(--amber);color:var(--black);min-height:52px}
.property-hero .button:hover{background:#fff;border-color:#fff}
.hero-next{display:inline-flex;align-items:center;gap:16px;margin-left:25px;min-height:44px;font-size:14px;text-decoration:none;border-bottom:1px solid rgb(255 255 255/.6)}
.property-media-footer{position:absolute;bottom:23px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:16px}
.property-media-footer>span{font-size:10px;color:rgb(255 255 255/.78)}
.motion-toggle{display:inline-flex;align-items:center;gap:9px;background:rgb(0 0 0/.28);color:#fff;border:1px solid rgb(255 255 255/.45);border-radius:2px;padding:9px 12px;min-height:44px;font-size:11px}
.motion-toggle:hover{background:rgb(0 0 0/.65)}
.motion-toggle [data-motion-symbol]{font-size:14px;line-height:1}





.project-answers{border-top:1px solid rgb(18 59 69/.25)}
.project-answers details{border-bottom:1px solid rgb(18 59 69/.25);scroll-margin-top:110px}
.project-answers summary{font-size:17px;line-height:1.35;font-weight:500;padding:20px 0;display:flex;align-items:center;gap:20px;justify-content:space-between;list-style:none;cursor:pointer}
.project-answers summary::-webkit-details-marker{display:none}
.project-answers summary::after{content:'+';font-weight:400;font-size:22px;flex-shrink:0}
.project-answers details[open]>summary::after{content:'−'}
.project-answers .answer{padding:0 22px 24px 0;font-size:15px;line-height:1.65}
.project-answers .answer p{margin-bottom:14px}
.project-answers .answer p:last-child{margin-bottom:0}
.project-answers .answer a{font-size:13px;line-height:1.5}
.project-answers .answer .source-link{font-size:11px}
.funding-route{background:var(--petrol);color:white;padding-block:42px;scroll-margin-top:0}
.funding-route-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:95px;align-items:center}
.funding-route h2{max-width:480px;margin-bottom:20px}
.funding-route-inner>div>p{font-size:17px;max-width:510px;margin:0;color:rgb(255 255 255/.86)}
.funding-route .button{background:var(--amber);color:var(--accent-ink,#000);border-color:var(--amber);margin-bottom:16px}
.funding-route .button:hover{background:var(--amber);border-color:var(--amber);color:black}
.funding-route .funding-route-action p{font-size:12px;max-width:300px}
.assessment-section{background:rgb(109 146 125/.06);scroll-margin-top:80px}
.funnel-page .assessment-layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:85px}
.assessment-intro p{font-size:17px;max-width:390px}
.direct-email{display:inline-flex;min-height:44px;align-items:center;font-size:14px;margin-top:4px}
.funnel-page .assessment-form{background:white;padding:32px;border-color:rgb(18 59 69/.23)}
.funnel-page .form-intro{font-size:14px;line-height:1.55;margin-bottom:25px}
.optional-details{margin-top:24px;padding-block:17px;border-block:1px solid rgb(18 59 69/.22)}
.optional-details>summary{cursor:pointer;font-size:14px;font-weight:500;min-height:26px}
.optional-details>summary span{font-weight:400;font-size:12px}
.optional-details>.form-grid{padding-top:22px}

@media(max-width:1060px){.funding-route-inner{gap:45px}.funnel-page .assessment-layout{gap:40px}}
@media(max-width:980px){.property-hero h1{max-width:610px}.property-hero-copy{padding-top:77px}}
@media(max-width:780px){.funnel-page .section{padding-block:55px}.property-hero{min-height:570px}.property-hero h1{font-size:clamp(37px,7vw,48px);max-width:580px}.property-hero-copy{padding-top:62px;padding-bottom:95px}.property-hero-copy>p{font-size:18px;max-width:460px}.property-film{object-position:60% center}.property-shade{background:linear-gradient(90deg,rgb(0 0 0/.74),rgb(0 0 0/.3)),linear-gradient(0deg,rgb(0 0 0/.4),transparent 40%)}.funding-route{padding-block:43px}.funding-route-inner,.funnel-page .assessment-layout{grid-template-columns:1fr;gap:25px}.funding-route h2{max-width:560px}.assessment-intro p{max-width:560px}.funnel-page .assessment-form{padding:25px}}
@media(max-width:500px){.property-hero{min-height:560px}.property-hero h1{font-size:39px;max-width:350px;line-height:1.07}.property-hero-copy{padding-top:49px}.property-hero-copy>p{font-size:17px}.property-hero .button{font-size:14px;min-height:50px}.hero-next{font-size:12px;margin-left:0;display:flex;width:fit-content;margin-top:13px;min-height:39px;gap:12px}.property-media-footer{bottom:18px}.motion-toggle{min-height:42px;font-size:10px}.project-answers summary{font-size:16px}.project-answers .answer{font-size:14px;padding-right:5px}.funnel-page .assessment-form{padding:24px 18px}.funnel-page .form-grid{grid-template-columns:1fr}.funnel-page .field.full{grid-column:auto}.funding-route-inner>div>p{font-size:16px}.funnel-page h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.funnel-page *{scroll-behavior:auto}}
/* Give medium-width forms enough room for complete option labels. */
@media(max-width:980px){.funnel-page .assessment-layout,.funding-route-inner{grid-template-columns:1fr;gap:28px}.assessment-intro{max-width:650px}}
.funnel-page #solar,.funnel-page #energy-story,.funnel-page #assessment,.funnel-page .project-answers details{scroll-margin-top:0}

/* A large model in normal page scroll; only this local scene holds its position. */
.energy-section{--energy-top:102px;--energy-stage-height:min(760px,calc(100svh - var(--energy-top) - 56px - env(safe-area-inset-bottom,0px)));padding-top:70px;background:linear-gradient(180deg,#fff 0%,#f5f8f6 54%,#fff 100%)}
.energy-heading{display:flex;align-items:baseline;justify-content:space-between;gap:32px;margin-bottom:32px}
.energy-heading h2{max-width:620px;margin:0}.energy-heading p{font-size:15px;line-height:1.5;margin:0;color:var(--petrol);max-width:310px}
.energy-scroll-track{height:auto;padding-inline:24px}
.energy-sticky{position:relative;top:auto;max-width:1440px;margin-inline:auto}
/* Reserve the long scroll story only after this scene's controls are ready.
   A missing scene script leaves the illustration and chapters in normal flow. */
.energy-scroll-track.is-scene-ready{height:calc(var(--energy-stage-height) + 4 * (100svh - var(--energy-top) - 56px) + 48px)}
.energy-scroll-track.is-scene-ready .energy-sticky{position:sticky;top:var(--energy-top)}
.property-model{min-width:0;width:100%;margin-inline:auto;scroll-margin-top:0}
.property-model>[data-solar-scene]{height:var(--energy-stage-height);min-height:0;width:100%}
.property-model .model-note{font-size:10px;line-height:1.4;margin:9px 12px 0;color:var(--petrol)}
.property-fit{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:100px;align-items:start}
.fit-intro p{font-size:17px;max-width:410px;margin-bottom:24px}
.fit-intro h2{max-width:410px}.fit-intro .text-link{min-height:44px;display:inline-flex;align-items:center;gap:15px}
@media(min-width:1600px){.energy-scroll-track{padding-inline:40px}}
@media(max-width:980px){.property-fit{gap:42px;grid-template-columns:1fr 1.2fr}.energy-heading{display:block}.energy-heading p{max-width:none;margin-top:16px}.energy-scroll-track{padding-inline:18px}}
@media(max-width:780px){.energy-section{--energy-top:88px;padding-top:48px}.energy-heading{margin-bottom:26px}.energy-heading h2{font-size:30px}.energy-heading p{font-size:14px}.property-fit{grid-template-columns:1fr;gap:26px}.fit-intro p{max-width:560px}.fit-intro h2{margin-bottom:18px}.energy-scroll-track{padding-inline:10px}.property-model .model-note{font-size:9px;margin-inline:7px}}
@media(prefers-reduced-motion:reduce){.energy-scroll-track,.energy-scroll-track.is-scene-ready{height:auto}.energy-sticky,.energy-scroll-track.is-scene-ready .energy-sticky{position:relative;top:auto}}

/* ── v2: page-owned chapter list (static without scripts) and a section exit with the next step ── */
.energy-heading p{max-width:390px}
.property-model .model-meta .model-note{font-size:10px;line-height:1.4}
html:not(.js) .energy-scroll-track{height:auto}
html:not(.js) .energy-sticky{position:relative;top:auto}
.energy-chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:34px auto 0;padding:0;list-style:none}
.energy-chapters>li{padding:20px 20px 22px;border:1px solid rgb(18 59 69/.14);border-radius:14px;background:linear-gradient(120deg,#fff,#f9fbf9)}
.energy-chapters h3{margin:0 0 10px;font-size:18px;line-height:1.25;color:var(--petrol)}
.energy-chapters .chapter-time{display:block;margin-bottom:4px;font:500 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--petrol)}
.energy-chapters p{margin:0 0 10px;font-size:14px;line-height:1.55}
.energy-chapters .chapter-limit{margin:0;padding-left:10px;border-left:2px solid var(--sage);font-size:12px;line-height:1.5}
.energy-chapters.is-enhanced{display:block;width:auto;margin:0}
.energy-chapters.is-enhanced>li{padding:0;border:0;border-radius:0;background:none}
.energy-exit{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:36px;align-items:end;padding-block:34px 44px}
.energy-exit h3{margin:0 0 18px;font-size:20px;letter-spacing:-.02em;color:var(--petrol)}
.energy-exit ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 26px;margin:0;padding:0;list-style:none}
.energy-exit li{padding-top:14px;border-top:1px solid rgb(18 59 69/.18);font-size:15px;line-height:1.55}
.energy-exit li strong{display:block;margin-bottom:3px;font-weight:600;color:var(--petrol)}
.energy-exit li a{display:inline-block;margin-top:4px;min-height:28px;font-size:13px;color:var(--petrol)}
.energy-exit-action{padding:26px;border-radius:var(--surface-edge,22px);background:radial-gradient(ellipse at 90% 100%,rgb(109 146 125/.3),transparent 60%),linear-gradient(130deg,#194751,var(--petrol) 70%);color:#fff}
html[data-theme] .energy-exit-action{background:radial-gradient(ellipse at 90% 100%,color-mix(in srgb,var(--sage) 38%,transparent),transparent 60%),var(--petrol)}
.energy-exit-action p{margin:0 0 20px;font-size:15px;line-height:1.55}
.energy-exit-action .button{width:100%;background:radial-gradient(ellipse at 16% 10%,rgb(255 255 255/.36),transparent 66%),linear-gradient(125deg,#f0be6d 0%,var(--amber) 88%);border-color:rgb(228 164 70/.3);color:#111}
.energy-exit-action .button:hover{background:linear-gradient(125deg,#f6d297,#edb253)}
html[data-theme] .energy-exit-action .button{background:linear-gradient(125deg,color-mix(in srgb,var(--amber) 80%,white),var(--amber));border-color:var(--amber);color:var(--accent-ink)}
@media(max-width:980px){.energy-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.energy-exit{grid-template-columns:1fr;gap:30px}}
@media(max-width:780px){.energy-exit{padding-block:28px 34px}.energy-exit ul{grid-template-columns:1fr}.energy-chapters{grid-template-columns:1fr}}

/* Source-visible annual example; the potential savings figures live over the model. */
/* One benefit recap, followed directly by the assessment. */
.solar-savings-example{display:block;padding-block:42px 48px;scroll-margin-top:0}
.savings-kicker{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--sage)}
.solar-savings-example h3{font-size:clamp(30px,3.5vw,44px);line-height:1.12;letter-spacing:-.035em;color:var(--petrol);margin-bottom:24px}
.solar-savings-example p{font-size:14px;line-height:1.55;max-width:70ch;margin:0 0 14px}
.savings-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}
.savings-benefit{display:flex;flex-direction:column;min-width:0;padding:26px;border:1px solid color-mix(in srgb,var(--petrol) 20%,white);border-radius:16px;background:#fff;color:var(--petrol);scroll-margin-top:0}
.savings-benefit .savings-benefit-kind{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--sage)}
.savings-benefit .savings-benefit-number{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin:0 0 12px;font-size:16px;line-height:1.08;color:var(--petrol)}
.savings-benefit-number strong{font-size:clamp(62px,7.5vw,90px);font-weight:650;letter-spacing:-.045em;color:var(--amber);-webkit-text-stroke:.6px var(--petrol)}
.savings-benefit h4{margin:0 0 12px;font-size:20px;line-height:1.25;letter-spacing:-.02em;color:var(--petrol)}
.savings-benefit .savings-benefit-condition{font-size:14px;line-height:1.5;margin-top:auto;color:var(--petrol)}
.savings-benefit .text-link{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:13px;font-weight:600;color:var(--petrol)}
.savings-next{display:flex;align-items:center;gap:24px;margin-top:24px}
.savings-next .button{min-height:52px;flex-shrink:0}
.savings-next p{margin:0;font-size:15px;color:var(--petrol)}
.savings-next p a{display:inline-flex;align-items:center;gap:10px;min-height:44px}
.savings-assumptions{margin:12px 0 16px;font-size:14px;line-height:1.45}
.savings-assumptions>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px;padding:10px 0;border-top:1px solid color-mix(in srgb,var(--petrol) 16%,white)}
.savings-assumptions dt{font-weight:500}.savings-assumptions dd{margin:0;color:var(--petrol)}
.savings-method{scroll-margin-top:110px}
.energy-exit-action h3{color:#fff}
.savings-method{border:1px solid color-mix(in srgb,var(--petrol) 18%,white);border-radius:14px;background:#fff;overflow:hidden}
.savings-method summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;min-height:60px;padding:18px 20px;color:var(--petrol);font-size:14px;font-weight:600;cursor:pointer}
.savings-method summary::-webkit-details-marker{display:none}.savings-method summary::after{content:'+';font-size:22px;font-weight:400}.savings-method[open] summary::after{content:'−'}
.savings-method>div{padding:0 20px 8px}.savings-method a{font-size:13px}
.crm-form-container{min-width:0;background:#fff;border:1px solid color-mix(in srgb,var(--petrol) 20%,white);border-radius:22px;padding:24px 20px 16px;overflow:hidden}
.crm-form-intro{font-size:13px;line-height:1.55;color:var(--petrol);margin-bottom:12px}
#crm-form-container .crm-assessment-frame{display:block;width:100%;height:913px;min-height:913px;border:0;border-radius:8px}
.crm-form-fallback{padding:15px 4px 0;border-top:1px solid color-mix(in srgb,var(--petrol) 16%,white);font-size:12px}
.crm-form-fallback>a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:500;color:var(--petrol)}
.crm-form-fallback p{font-size:12px;margin:6px 0 2px}
@media(max-width:980px){.solar-savings-example{grid-template-columns:1fr;gap:14px}.crm-form-container{max-width:780px}}
@media(max-width:680px){.solar-savings-example{padding-block:30px 34px}.savings-benefits{grid-template-columns:1fr;gap:16px;margin-block:20px}.savings-benefit{padding:20px}.savings-benefit-number strong{font-size:clamp(60px,16vw,76px)}.savings-benefit h4{font-size:18px}.savings-next{display:block;margin-top:20px}.savings-next .button{width:100%}.savings-next p{margin-top:12px;font-size:14px}.savings-assumptions>div{grid-template-columns:1fr;gap:4px}.crm-form-container{padding:18px 8px 12px;border-radius:16px}.crm-form-intro,.crm-form-fallback{margin-inline:8px}.savings-method summary{padding:16px}}

/* The viewport-sized stage holds while all four chapters pass. Compact scene
   cards leave room for the roof; full explanations remain in the page below. */
.energy-story-details{margin:24px auto 0;border:1px solid color-mix(in srgb,var(--petrol) 20%,white);border-radius:16px;background:#fff;overflow:hidden;scroll-margin-top:110px}
.energy-story-details>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:60px;padding:18px 20px;list-style:none;color:var(--petrol);font-size:15px;font-weight:600;cursor:pointer}
.energy-story-details>summary::-webkit-details-marker{display:none}
.energy-story-details>summary::after{content:'+';font-size:22px;font-weight:400}
.energy-story-details[open]>summary::after{content:'−'}
.energy-story-reference{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;margin:0;padding:4px 20px 24px;list-style:none}
.energy-story-reference>li{padding-top:14px;border-top:1px solid color-mix(in srgb,var(--petrol) 16%,white)}
.energy-story-reference h3{margin:0 0 10px;color:var(--petrol);font-size:18px;line-height:1.3}
.energy-story-reference .chapter-time{display:block;margin-bottom:4px;color:var(--petrol);font-size:12px;line-height:1.4;font-weight:600}
.energy-story-reference p{margin:0 0 10px;font-size:14px;line-height:1.5}
.energy-story-reference .chapter-limit{margin:0;padding-left:10px;border-left:2px solid var(--sage);font-size:12px;line-height:1.5}
@media(max-width:680px){.energy-story-details>summary{padding:16px;font-size:14px}.energy-story-reference{grid-template-columns:1fr;gap:18px;padding:0 16px 20px}}
/* Short windows cannot hold both readable controls and a useful model view.
   Release the stage there; reduced-motion and no-script flow rules also apply. */
@media(max-height:679px){
.energy-section{--energy-stage-height:840px}
.energy-scroll-track,.energy-scroll-track.is-scene-ready{height:auto}
.energy-sticky,.energy-scroll-track.is-scene-ready .energy-sticky{position:relative;top:auto}
}

/* Property questions remain optional; calculations and the full story follow the form. */
.funnel-page .assessment-section{padding-block:56px;background:color-mix(in srgb,var(--sage) 5%,white)}
.assessment-intro h2{max-width:440px;margin-bottom:20px;color:var(--petrol)}
.assessment-intro p{font-size:16px;line-height:1.55}
.assessment-intro .assessment-reassurance{font-size:14px;font-weight:500;color:var(--petrol);margin-bottom:12px}
.assessment-intro .assessment-scope{font-size:13px;color:var(--petrol);margin-bottom:0}
.funnel-page .property-fit{padding-block:56px;gap:60px}
.fit-intro p{font-size:15px;margin-bottom:0}
@media(max-width:780px){.funnel-page .assessment-section,.funnel-page .property-fit{padding-block:36px}.funnel-page .property-fit{gap:24px}.assessment-intro h2{margin-bottom:16px}.assessment-intro p{margin-bottom:14px}.assessment-intro .assessment-scope{margin-bottom:0}.project-answers .savings-method>summary,.project-answers .energy-story-details>summary{font-size:16px}}