:root{--heading:'Fauna One',Georgia,serif;--body:Gotham,'Montserrat',Arial,sans-serif}
body{font-family:var(--body)}
h1,h2,h3,.question,.purple-statement,.capacity,.finder-result>strong,.confidence-number strong,.contact-temp{font-family:var(--heading)!important}
.site-nav.v5-nav{min-height:84px;padding:18px var(--space);display:flex;align-items:center;justify-content:flex-start;gap:24px;background:rgba(7,7,7,.74);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}
.v5-nav .nav-links{order:1;display:flex;align-items:center;gap:4px}
.v5-nav .nav-links a,.v5-nav .nav-links button{font-family:var(--body);font-size:10px;letter-spacing:.06em;text-transform:none;padding:11px 13px}
.v5-nav-brand{order:2;margin-left:auto;width:155px;opacity:0;transform:translateY(-8px);transition:.35s ease;display:flex;flex-direction:column;align-items:center;text-decoration:none}
.v5-nav-brand img{width:100%;filter:brightness(0) invert(1)}
.v5-nav-brand span{font-size:6.5px;letter-spacing:.22em;margin-top:5px;color:#b9b9b9;white-space:nowrap}
.v5-nav.is-scrolled .v5-nav-brand{opacity:1;transform:none}

.v5-hero{min-height:100vh;display:flex!important;align-items:center;justify-content:center;text-align:center!important;padding:180px var(--space) 90px!important;background:radial-gradient(circle at 50% 36%,rgba(111,49,160,.16),transparent 33%),radial-gradient(circle at 18% 38%,rgba(245,115,50,.10),transparent 26%),#070707!important}
.v5-hero:after{background:linear-gradient(to bottom,transparent 72%,#070707)}
.hero-brand-lockup{position:absolute;top:125px;left:50%;transform:translateX(-50%);z-index:4;width:min(520px,58vw);display:flex;flex-direction:column;align-items:center;transition:.3s}
.hero-brand-lockup img{width:100%;filter:brightness(0) invert(1)}
.hero-brand-lockup span{font-size:clamp(10px,1.1vw,15px);letter-spacing:.32em;margin-top:16px;color:#ddd}
.v5-hero-copy{max-width:900px!important;margin:120px auto 0;text-align:center}
.v5-hero-copy .hero-kicker{text-align:center;margin-bottom:26px}
.v5-hero-copy h1{font-size:clamp(46px,6.5vw,94px)!important;line-height:.98;max-width:960px;margin:0 auto;color:#f4f2ee}
.v5-hero-copy h1 em{font-style:normal;color:#aaa}
.v5-hero-copy p{max-width:700px!important;margin:28px auto 0!important;color:#aaa;font-size:16px}
.v5-hero-copy .hero-cta-row{justify-content:center;margin-top:34px}
.v5-hero-copy .scroll-pill{margin:0}

.v5-cooling{height:230vh!important;position:relative;isolation:isolate;background:#111!important}
.v5-cooling .scene-layer{position:absolute;inset:0;background-position:center;background-size:cover;background-attachment:fixed;pointer-events:none}
.scene-heat{background-image:url('../images/heat-scene.svg');opacity:calc(1 - var(--scene-progress,0));transform:scale(calc(1.04 - var(--scene-progress,0)*.02));transition:opacity .05s linear}
.scene-cool{background-image:url('../images/cool-scene.svg');opacity:var(--scene-progress,0);transform:scale(calc(1.08 - var(--scene-progress,0)*.05));transition:opacity .05s linear}
.scene-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,10,.66),rgba(5,8,10,.16) 45%,rgba(5,8,10,.42)),linear-gradient(0deg,rgba(5,8,10,.55),transparent 35%,rgba(5,8,10,.24));z-index:1}
.v5-scene-content{display:flex!important;align-items:center;justify-content:space-between;gap:50px;padding:120px var(--space) 70px;z-index:2;position:sticky;top:0;min-height:100vh;background:transparent!important}
.scene-copy{max-width:730px;text-shadow:0 4px 22px rgba(0,0,0,.42)}
.scene-copy>span{font-size:10px;letter-spacing:.22em;color:#d7d7d7}
.scene-copy h2{font-size:clamp(58px,8vw,118px);line-height:.9;letter-spacing:-.055em;margin-top:22px;color:white}
.scene-copy h2 em{font-style:normal;color:#d9f6ff}
.scene-copy p{margin-top:22px;color:#e2e2e2;max-width:560px}
.scene-status{display:flex;align-items:flex-start;justify-content:center;min-width:250px;color:white;text-shadow:0 5px 22px rgba(0,0,0,.4);position:relative}
.scene-status strong{font-family:var(--heading);font-size:clamp(92px,14vw,190px);line-height:.78;font-weight:400;letter-spacing:-.07em}
.scene-status>span{font-size:26px;margin-left:5px}.scene-status small{position:absolute;bottom:-42px;right:4px;font-size:9px;letter-spacing:.18em}

.purple-intro{font-size:10px!important;letter-spacing:.17em;color:#c4a5ff!important;margin-bottom:20px!important}
.purple-compare-wrap{max-width:1300px;margin:100px auto 0;display:grid;grid-template-columns:1.15fr .85fr;gap:18px;position:relative;z-index:3}
.purple-table-card,.purple-practical{border:1px solid rgba(185,149,255,.2);border-radius:26px;background:rgba(11,8,13,.88);overflow:hidden}
.table-title{padding:24px 26px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:20px;align-items:end}.table-title span{font-family:var(--heading);font-size:28px}.table-title small{color:#8d7b9e;font-size:9px;letter-spacing:.11em}
.purple-compare-table{display:grid}.pct-row{display:grid;grid-template-columns:.8fr 1fr 1.25fr;border-bottom:1px solid rgba(255,255,255,.07)}.pct-row>div{padding:14px 16px;font-size:11px;color:#bdb6c0;border-right:1px solid rgba(255,255,255,.06)}.pct-row>div:first-child{color:white;font-weight:600}.pct-row>div:last-child{color:#d1b7ff;border-right:0}.pct-head>div{font-size:8px;letter-spacing:.1em;color:#766c7d!important;background:rgba(255,255,255,.025)}
.table-disclaimer{padding:15px 18px;color:#756d79;font-size:9px}
.purple-practical{padding:24px;display:grid;grid-template-rows:230px auto 1fr;gap:18px}.purple-practical img{width:min(420px,88%);height:100%;object-fit:contain;margin:auto;filter:drop-shadow(0 20px 45px rgba(0,0,0,.3))}.reason-tabs{display:flex;flex-wrap:wrap;gap:7px}.reason-tabs button{border:1px solid rgba(185,149,255,.24);background:transparent;color:#aaa;padding:9px 12px;border-radius:999px;font-size:9px;cursor:pointer}.reason-tabs button.is-active{background:#8e50ff;color:#fff;border-color:#8e50ff}.reason-copy{border-top:1px solid rgba(255,255,255,.08);padding-top:18px}.reason-copy strong{font-family:var(--heading);font-size:25px}.reason-copy p{color:#a99ead;font-size:12px;margin-top:10px}

.v5-section-head{grid-template-columns:1fr 1fr!important;align-items:end}.eyebrow-clean{font-size:9px;letter-spacing:.16em;color:#7c7a79;margin-bottom:16px}.v5-tech-grid{grid-template-columns:1fr 1fr!important;gap:14px}.v5-tech-grid .tech-card{min-height:690px;padding:38px;overflow:hidden}.v5-tech-grid .tech-card h3{font-size:clamp(36px,4vw,58px);line-height:.98;margin-top:30px}.v5-tech-grid .tech-card>p{font-size:13px;max-width:650px;margin-top:15px;line-height:1.55}.tech-meta strong{font-size:9px;letter-spacing:.16em}
.cost-card{background:linear-gradient(155deg,#121214,#0b0b0c)}.cost-tool{margin-top:28px;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.cost-tool label{display:flex;flex-direction:column;gap:7px}.cost-tool label>span{font-size:8px;letter-spacing:.11em;color:#777}.cost-tool select,.cost-tool input[type=number]{width:100%;min-height:42px;border:1px solid rgba(255,255,255,.12);background:#111;color:#eee;border-radius:10px;padding:8px 10px}.cost-tool input[type=range]{accent-color:#9a62ff;width:100%}.cost-tool label>strong{font-size:10px;color:#bbb}.input-unit{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.input-unit b{font-size:9px;color:#777;font-weight:500}.cost-bars{grid-column:1/-1;display:grid;gap:10px;margin-top:3px}.cost-bars>div{display:grid;grid-template-columns:92px 1fr 110px;gap:9px;align-items:center}.cost-bars span{font-size:8px;letter-spacing:.1em;color:#888}.cost-bars i{height:12px;border-radius:999px;background:linear-gradient(90deg,#8750e5,#c8a9ff);width:var(--costbar,25%);transition:width .25s}.cost-bars>div:nth-child(2) i{background:#767676}.cost-bars strong{font-size:10px;text-align:right}.cost-result{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.09);padding-top:15px;display:flex;justify-content:space-between;gap:15px;align-items:end}.cost-result span{font-size:8px;letter-spacing:.1em;color:#777}.cost-result strong{font-family:var(--heading);font-size:22px;color:#c4a5ff}.cost-tool>small{grid-column:1/-1;color:#6f6f74;font-size:8.5px;line-height:1.5}
.v5-inverter-card{background:#dbd8d2!important;color:#111!important}.v5-inverter-card>p{color:#5e5a55!important}.inverter-sim{margin-top:32px;border-top:1px solid rgba(0,0,0,.12);padding-top:18px}.inverter-sim label{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.inverter-sim label span{font-size:8px;letter-spacing:.1em}.inverter-sim input{accent-color:#6e3bb4}.inverter-sim svg{width:100%;margin-top:15px;height:240px}.sim-grid{stroke:rgba(0,0,0,.12);fill:none}.sim-target{stroke:#7a4db0;stroke-dasharray:7 7;fill:none}.sim-inverter{stroke:#111;stroke-width:4;fill:none}.sim-fixed{stroke:#8c8580;stroke-width:3;fill:none;stroke-dasharray:9 7}.sim-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:8px;letter-spacing:.08em}.sim-legend i{width:18px;height:2px;display:inline-block;margin-right:5px;vertical-align:middle}.sim-legend .inv{background:#111}.sim-legend .fixed{background:#8c8580}.inverter-sim small{font-size:8px;color:#777;display:block;margin-top:10px}
.v5-airflow-card{background:#e9e6df!important;color:#111!important}.v5-airflow-card>p{color:#645f5a!important}.actual-airflow{position:relative;margin-top:35px;height:285px;display:grid;place-items:center}.actual-airflow img{width:min(620px,92%);position:relative;z-index:2;filter:drop-shadow(0 20px 40px rgba(0,0,0,.18))}.actual-airflow .air-beams{position:absolute;left:22%;right:4%;top:62%;height:160px;transform-origin:20% 0;transition:transform .25s}.actual-airflow .air-beams i{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(66,146,180,.7),transparent)}.actual-airflow .air-beams i:nth-child(2){top:26px}.actual-airflow .air-beams i:nth-child(3){top:52px}.actual-airflow[data-direction=left] .air-beams{transform:rotate(15deg)}.actual-airflow[data-direction=right] .air-beams{transform:rotate(-15deg)}.direction-controls button.active{background:#111!important;color:white!important}
.v5-r32-card{background:#45165e!important}.r32-compare{margin-top:32px;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:22px}.r32-stat{display:flex;align-items:end;justify-content:space-between;gap:20px}.r32-stat strong{font-family:var(--heading);font-size:82px;line-height:.8}.r32-stat span{font-size:9px;letter-spacing:.12em;max-width:170px;color:#beaaca}.gwp-bars{display:grid;gap:12px;margin-top:25px}.gwp-bars button{display:grid;grid-template-columns:58px 1fr 100px;align-items:center;gap:10px;background:transparent;border:0;color:white;text-align:left;cursor:pointer}.gwp-bars span{font-size:9px}.gwp-bars i{display:block;height:12px;background:rgba(255,255,255,.32);width:var(--bar);border-radius:999px}.gwp-bars button.is-active i{background:#d8b9ff}.gwp-bars strong{font-size:10px;text-align:right}.r32-message{margin-top:24px;border-top:1px solid rgba(255,255,255,.13);padding-top:18px}.r32-message strong{font-family:var(--heading);font-size:26px}.r32-message p{font-size:10px;color:#ccbdda;margin-top:8px;line-height:1.5}

.finder-copy .eyebrow-clean{color:#6f6f72}.finder-result [data-result-load]{font-size:11px;color:#715995;margin-top:10px}.v5-range{padding:70px var(--space)!important}.v5-range-head{margin-bottom:24px!important}.v5-range-head h2{font-size:clamp(44px,5.5vw,74px)!important}.v5-range-panels{gap:12px}.v5-range .range-card{min-height:510px!important;padding:30px!important}.v5-range .range-visual{top:70px!important;height:195px!important}.v5-range .range-card h3{bottom:112px!important;font-size:clamp(30px,3vw,44px)!important}.v5-range .range-card>p{bottom:75px!important;font-size:11px!important;max-width:70%}.v5-range .capacity-row{bottom:26px!important}.v5-range .range-link{position:static!important;font-size:9px}.v5-range .range-top{align-items:center}.compact-trust div{min-height:86px!important;padding:17px!important}.compact-trust strong{font-size:15px!important}
.brought-by{margin-top:72px;border-top:1px solid rgba(0,0,0,.14);padding-top:28px;text-align:center}.brought-by>p{font-size:9px;letter-spacing:.15em;color:#6f6b66}.brought-by>strong{display:block;font-family:var(--heading);font-size:clamp(28px,4vw,52px);margin-top:8px}.contact-details{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;margin-top:14px;font-size:10px;color:#6f6b66}.contact-details a{text-decoration:none}.contact-logo{margin-top:58px!important}

@media(max-width:920px){.v5-nav .nav-links{display:none}.v5-nav-brand{opacity:1;transform:none;width:120px}.hero-brand-lockup{top:130px;width:min(480px,72vw)}.v5-hero-copy{margin-top:140px}.v5-scene-content{flex-direction:column;justify-content:center;align-items:flex-start}.scene-status{align-self:flex-end}.purple-compare-wrap{grid-template-columns:1fr}.v5-tech-grid{grid-template-columns:1fr!important}.v5-tech-grid .tech-card{min-height:auto}.v5-section-head{grid-template-columns:1fr!important}.v5-range .range-card{min-height:560px!important}.cost-tool{grid-template-columns:1fr}.cost-bars,.cost-result,.cost-tool>small{grid-column:auto}.cost-bars>div{grid-template-columns:80px 1fr 100px}}
@media(max-width:620px){.site-nav.v5-nav{min-height:70px;padding:12px 18px}.v5-nav-brand{width:105px}.v5-hero{padding:160px 20px 70px!important;min-height:100svh}.hero-brand-lockup{top:112px;width:76vw}.hero-brand-lockup span{font-size:8px}.v5-hero-copy{margin-top:120px}.v5-hero-copy h1{font-size:44px!important}.v5-hero-copy p{font-size:13px}.v5-hero-copy .hero-cta-row{flex-direction:column}.scene-copy h2{font-size:58px}.scene-status strong{font-size:96px}.purple-compare-wrap{margin-top:60px}.pct-row{grid-template-columns:.75fr 1fr 1.15fr}.pct-row>div{padding:10px 8px;font-size:9px}.table-title{align-items:flex-start;flex-direction:column}.purple-practical{grid-template-rows:190px auto auto}.purple-statement{font-size:50px!important}.technology{padding:90px 20px!important}.v5-tech-grid .tech-card{padding:24px!important}.v5-tech-grid .tech-card h3{font-size:37px}.cost-bars>div{grid-template-columns:72px 1fr 88px}.cost-result{flex-direction:column;align-items:flex-start}.inverter-sim label{grid-template-columns:1fr}.actual-airflow{height:230px}.v5-range{padding:60px 20px!important}.v5-range .range-card{min-height:500px!important}.v5-range .range-visual{height:155px!important}.v5-range .range-card h3{bottom:120px!important}.v5-range .range-card>p{bottom:82px!important;max-width:86%}.confidence{padding:100px 20px!important}.contact{padding-inline:20px!important}.contact-details{flex-direction:column}}

/* V6 refinement pass */
:root{--heading:'Fauna Pro','Fauna One',Georgia,serif;--body:'Roboto',Arial,sans-serif}
body{font-family:var(--body);font-weight:400}
h1,h2,h3,.question,.purple-statement,.capacity,.finder-result>strong,.confidence-number strong,.contact-temp,.table-title span,.reason-copy strong,.cost-result strong{font-family:var(--heading)!important}

/* Make the hero-to-nav brand movement feel intentional. */
.v5-nav .nav-links{transform:translateX(0);transition:transform .55s cubic-bezier(.22,.8,.22,1),gap .55s ease}
.v5-nav-brand{opacity:0;transform:translate(18px,-10px) scale(.84);transition:opacity .5s ease,transform .6s cubic-bezier(.22,.8,.22,1)}
.v5-nav.is-scrolled .nav-links{transform:translateX(18px)}
.v5-nav.is-scrolled .v5-nav-brand{opacity:1;transform:translate(0,0) scale(1)}
.hero-brand-lockup{transform:translateX(-50%) scale(calc(1 - var(--hero-leave,0)*.18));opacity:calc(1 - var(--hero-leave,0)*1.15);transition:opacity .12s linear}
.v5-nav .nav-links a,.v5-nav .nav-links button{font-size:12px;font-weight:600;padding:12px 15px}
.v5-nav .nav-links a:hover,.v5-nav .nav-links button:hover{background:rgba(255,255,255,.08);color:#fff}

/* Purple Fin: clearer table and a real coil detail. */
.purple-compare-wrap{grid-template-columns:1.08fr .92fr}
.pct-row{grid-template-columns:.72fr 1fr 1.2fr}
.pct-row>div{font-size:12px;line-height:1.45;padding:15px 16px}
.pct-head>div{font-size:9px;font-weight:700;letter-spacing:.11em}
.purple-practical{grid-template-rows:245px auto auto 1fr;gap:14px}
.purple-coil-stage{height:245px;display:grid;place-items:center;position:relative;border-radius:20px;background:radial-gradient(circle at 50% 52%,rgba(142,80,255,.16),transparent 57%);overflow:hidden}
.purple-coil-stage img{width:min(260px,70%);height:auto;object-fit:contain;filter:drop-shadow(0 24px 45px rgba(92,38,138,.38));transform:scale(1.12)}
.purple-coil-stage span{position:absolute;left:18px;bottom:14px;font-size:10px;font-weight:700;letter-spacing:.15em;color:#d2b9ff}
.interaction-hint{font-family:var(--body);font-size:11px!important;font-weight:700!important;letter-spacing:.11em;color:#a887dc!important;margin:0!important}
.reason-tabs{gap:9px}.reason-tabs button{font-size:12px;font-weight:700;padding:12px 16px;border-width:1.5px;min-height:44px;transition:.2s ease}.reason-tabs button:hover{border-color:#b995ff;color:#fff;transform:translateY(-1px)}
.reason-copy strong{font-size:28px}.reason-copy p{font-size:13px;line-height:1.55}

/* Cost comparison: only inputs users actually need. */
.cost-tool{gap:16px}.clickable-control{border:1px solid rgba(185,149,255,.2);border-radius:14px;padding:13px;background:rgba(255,255,255,.025)}
.cost-tool label>span{font-size:10px;font-weight:700;color:#aaa}.cost-tool select,.cost-tool input[type=number]{min-height:48px;font-size:14px;font-weight:600;border-color:rgba(185,149,255,.34)}
.cost-tool select{cursor:pointer}.cost-tool input[type=range]{height:8px;cursor:pointer}.cost-tool label>small{font-size:9px;color:#777;line-height:1.4}
.full-control{grid-column:1/-1}.full-control>strong{font-size:13px!important;color:#ddd!important}
.cost-rate{grid-column:1/-1;border-radius:14px;background:rgba(142,80,255,.09);border:1px solid rgba(185,149,255,.22);padding:14px;display:grid;grid-template-columns:auto auto;gap:4px 18px;align-items:center}.cost-rate>span{font-size:9px;font-weight:700;letter-spacing:.1em;color:#a889c8}.cost-rate>strong{font-size:16px;color:#fff}.cost-rate>small{grid-column:1/-1;font-size:9px;color:#8b838f;line-height:1.45}
.cost-bars span{font-size:10px;font-weight:700}.cost-bars strong{font-size:12px}.cost-bars i{height:15px}.cost-result span{font-size:9px;font-weight:700}.cost-result strong{font-size:24px}.cost-disclaimer{font-size:9px!important}

/* Static, clearly labelled inverter vs non-inverter chart. */
.static-inverter-chart{margin-top:28px;border-top:1px solid rgba(0,0,0,.12);padding-top:20px;position:relative}.static-inverter-chart svg{width:100%;height:285px;overflow:visible}.static-fixed{stroke:#8c8580;stroke-width:3.3;fill:none;stroke-dasharray:8 7}.static-inverter{stroke:#111;stroke-width:4.5;fill:none}.chart-label{font-family:var(--body);font-size:11px;font-weight:700}.inverter-label{fill:#111}.fixed-label{fill:#756f6a}.axis-copy{font-family:var(--body);font-size:9px;font-weight:700;fill:#716b67;letter-spacing:.04em}.chart-y-label{font-size:9px;font-weight:700;letter-spacing:.1em;color:#726b66}.chart-key{display:grid;gap:10px;margin-top:6px}.chart-key span{font-size:11px;color:#4f4a46}.chart-key i{display:inline-block;width:28px;height:3px;margin-right:8px;vertical-align:middle}.chart-key .inv{background:#111}.chart-key .fixed{background:#8c8580}.static-inverter-chart>small{display:block;margin-top:12px;font-size:9px;color:#777}

/* Better airflow visual + clearer click targets. */
.actual-airflow{height:300px;margin-top:26px;overflow:visible}.actual-airflow img{width:min(610px,88%)}
.actual-airflow .air-beams{left:28%;right:0;top:62%;height:190px;transform-origin:5% 0;transition:transform .3s ease}
.actual-airflow .air-beams i{height:3px;border-radius:999px;background:linear-gradient(90deg,rgba(42,149,193,.78),rgba(117,211,239,.36) 55%,transparent);box-shadow:0 0 14px rgba(56,165,207,.13);animation:airPulse 2.4s ease-in-out infinite}
.actual-airflow .air-beams i:nth-child(1){top:0}.actual-airflow .air-beams i:nth-child(2){top:25px;left:4%}.actual-airflow .air-beams i:nth-child(3){top:50px;left:8%}.actual-airflow .air-beams i:nth-child(4){top:75px;left:12%}.actual-airflow .air-beams i:nth-child(5){top:100px;left:16%}
.actual-airflow[data-direction=left] .air-beams{transform:rotate(14deg) translateX(-8px)}.actual-airflow[data-direction=right] .air-beams{transform:rotate(-14deg) translateX(8px)}
@keyframes airPulse{0%,100%{opacity:.5;transform:translateX(-5px)}50%{opacity:1;transform:translateX(12px)}}
.airflow-hint{text-align:center;margin-top:-6px!important;margin-bottom:10px!important;color:#477e96!important}.direction-controls{display:flex;justify-content:center;gap:10px}.direction-controls button{min-width:96px;min-height:48px;border:1.5px solid rgba(0,0,0,.22);background:#f5f2ec;color:#111;border-radius:999px;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px}.direction-controls button b{font-size:18px}.direction-controls button:hover{border-color:#111;transform:translateY(-1px)}

/* R32 is still interactive, so make that clear too. */
.gwp-bars button{min-height:42px;padding:6px 0}.gwp-bars span,.gwp-bars strong{font-size:11px;font-weight:700}.gwp-bars button:hover i{filter:brightness(1.25)}

/* Finder: fit within a desktop viewport and make the controls obvious. */
.finder{min-height:calc(100svh - 82px);padding:76px var(--space)!important;align-items:center;gap:5vw}
.finder-copy h2{font-size:clamp(54px,6.5vw,88px);line-height:.94}.finder-copy>p:not(.eyebrow-clean):not(.interaction-hint){font-size:14px;max-width:430px}.finder-hint{margin-top:24px!important;color:#b995ff!important}
.finder-panel{padding:34px!important;border-color:rgba(185,149,255,.22)!important}.finder-controls{gap:30px!important}.finder-clickable{border:1px solid rgba(185,149,255,.18);border-radius:18px;padding:18px;background:rgba(255,255,255,.025)}.finder-clickable>span{font-size:10px!important;font-weight:700!important;letter-spacing:.12em;color:#a689c7!important}.finder-controls select{font-size:34px!important;font-weight:600!important;cursor:pointer;border-bottom:2px solid rgba(185,149,255,.42)!important;padding-bottom:12px!important}.finder-controls label>strong{font-size:64px!important}.finder-controls input[type=range]{height:9px;accent-color:#9b5fff;cursor:pointer}.finder-result{padding:26px!important;margin-top:24px!important}.finder-result>strong{font-size:68px!important}.finder-result>button{min-height:48px!important;font-size:12px!important;font-weight:700!important;padding:0 20px!important;border:2px solid #111!important;cursor:pointer}.finder-result>button:hover{transform:translateY(-2px)}

/* Range cards keep their approval proportions, only the click cues become stronger. */
.v5-range .range-link{font-size:11px!important;font-weight:700!important;padding:9px 12px;border:1px solid currentColor;border-radius:999px;text-decoration:none}.v5-range .range-link:hover{transform:translateY(-1px)}

/* Final contact branding. */
.contact-temp{display:flex;align-items:flex-start;justify-content:center;line-height:.76}.contact-temp>strong{font-family:var(--heading);font-size:inherit;font-weight:400}.unit-celsius{font-family:var(--body)!important;font-size:.17em!important;font-weight:600!important;margin:.02em 0 0 .08em!important;color:#5d5954!important;letter-spacing:0!important}.altitude-group-logo{display:block;width:min(330px,62vw);height:auto;margin:16px auto 0}.contact-logo{filter:brightness(0);opacity:1!important}.contact-tag{color:#111!important}.brought-by>strong{display:none}

/* Improve click affordance across the website. */
button,a,select,input[type=range]{-webkit-tap-highlight-color:transparent}.hero-ghost-link,.scroll-pill,.confidence-actions a,.quote-form button,.nav-cta{font-weight:700!important}.hero-ghost-link:hover,.scroll-pill:hover,.confidence-actions a:hover,.quote-form button:hover{transform:translateY(-2px);transition:.2s ease}

@media(max-width:920px){
  .v5-nav .nav-links{transform:none}.purple-compare-wrap{grid-template-columns:1fr}.purple-practical{grid-template-rows:230px auto auto auto}.finder{min-height:auto;padding:85px var(--space)!important}.cost-rate{grid-template-columns:1fr}.cost-rate>small{grid-column:auto}.full-control{grid-column:auto}.static-inverter-chart svg{height:250px}
}
@media(max-width:620px){
  .finder{padding:70px 20px!important}.finder-copy h2{font-size:48px}.finder-panel{padding:20px!important}.finder-controls select{font-size:28px!important}.finder-controls label>strong{font-size:54px!important}.finder-result>strong{font-size:54px!important}.direction-controls button{min-width:82px}.pct-row{grid-template-columns:.7fr 1fr 1.1fr}.pct-row>div{font-size:9px;padding:10px 8px}.purple-coil-stage{height:210px}.purple-coil-stage img{width:220px}.reason-tabs button{font-size:11px;padding:10px 13px}.cost-tool{grid-template-columns:1fr}.static-inverter-chart svg{height:220px}.chart-label{font-size:9px}.altitude-group-logo{width:min(300px,76vw)}
}
#purple,#technology,#finder,#range,.confidence,#contact{scroll-margin-top:92px}
.cost-rate a{color:#c5a8ff;font-weight:700;text-underline-offset:2px}