:root{--ink:#ecf3f7;--muted:#91a2ad;--navy:#06101b;--navy2:#0a1825;--panel:#0d1c29;--line:#1e3443;--gold:#e8b94e;--gold2:#f8d77f;--aqua:#62d8cc;--red:#ff776f;--green:#55d69f;--serif:"Manrope",sans-serif;--sans:"DM Sans",sans-serif;--shadow:0 28px 70px rgba(0,0,0,.36)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--ink);font:16px/1.5 var(--sans);overflow-x:hidden}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,78px);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(5,14,24,.94);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border:1px solid rgba(232,185,78,.55);background:linear-gradient(145deg,#f6d477,#af7411);color:#07111b;font:800 13px var(--serif);clip-path:polygon(50% 0,95% 20%,95% 75%,50% 100%,5% 75%,5% 20%)}.brand strong,.brand small{display:block}.brand strong{font:800 16px/1 var(--serif);letter-spacing:.06em}.brand small{font-size:9px;letter-spacing:.24em;color:var(--gold);margin-top:5px}.topbar nav{display:flex;gap:32px}.topbar nav a{font-weight:600;font-size:14px;color:#a9b6bd;position:relative}.topbar nav a:hover,.topbar nav a.active{color:#fff}.topbar nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-27px;height:2px;background:var(--gold)}.watch-btn{border:1px solid #324553;border-radius:999px;padding:9px 15px;background:#0c1a26;color:#fff;font-weight:700}.watch-btn span{color:var(--gold)}.watch-btn b{display:inline-grid;place-items:center;background:var(--gold);color:#09131c;width:20px;height:20px;border-radius:50%;font-size:11px;margin-left:6px}.market-strip{border-bottom:1px solid rgba(255,255,255,.07);background:#081521;overflow:hidden}.market-strip-inner{max-width:1440px;margin:auto;display:flex;justify-content:space-between;gap:34px;padding:10px clamp(18px,5vw,78px);white-space:nowrap}.ticker-item{display:flex;align-items:center;gap:9px;font-size:12px}.ticker-item b{font-size:13px}.ticker-item small{color:var(--muted);font-size:10px;letter-spacing:.08em}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.hero{min-height:680px;position:relative;display:flex;align-items:center;padding:84px clamp(22px,7vw,112px);overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}.hero-shark{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,20,.96) 0%,rgba(4,12,20,.9) 28%,rgba(4,12,20,.48) 58%,rgba(4,12,20,.18) 100%),linear-gradient(0deg,#06101b 0%,transparent 20%,transparent 88%,rgba(6,16,27,.6) 100%)}.hero-copy{position:relative;z-index:2;width:min(560px,48vw)}.eyebrow,.section-kicker{font-size:12px;font-weight:800;letter-spacing:.19em;color:var(--gold);text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:22px;height:1px;background:var(--gold)}h1,h2,h3{font-family:var(--serif);margin:0}h1{font-size:clamp(48px,6vw,86px);line-height:.98;letter-spacing:-.055em;margin:22px 0}h1 em{font-style:normal;color:var(--gold2)}.hero-copy>p{max-width:520px;font-size:19px;line-height:1.6;color:#b9c5cb}.primary-cta{display:inline-flex;gap:26px;align-items:center;background:linear-gradient(135deg,#f4d171,#c88c27);color:#07111b;padding:16px 21px;font-weight:800;border-radius:2px;margin-top:12px;box-shadow:0 10px 30px rgba(232,185,78,.18)}.primary-cta:hover{transform:translateY(-2px)}.trust-row{display:flex;gap:20px;margin-top:26px;color:#aeb9bf;font-size:13px}.trust-row span::first-letter{color:var(--aqua)}.glass-card{background:rgba(7,18,28,.82);border:1px solid rgba(255,255,255,.17);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.hero-quote{position:absolute;z-index:3;right:clamp(22px,6vw,92px);bottom:58px;width:360px;padding:22px}.quote-head,.quote-meta{display:flex;justify-content:space-between}.quote-head{font-size:11px;letter-spacing:.13em;color:#b4c0c6}.demo-pill{color:var(--gold);font-size:9px;border:1px solid rgba(232,185,78,.38);padding:4px 6px}.quote-price{margin:14px 0 1px;font:800 45px var(--serif)}.quote-price sup{font-size:22px}.quote-price small{font:500 12px var(--sans);color:var(--muted);margin-left:5px}.quote-change{font-weight:700;font-size:13px}.quote-meta{border-top:1px solid var(--line);margin-top:16px;padding-top:12px;color:var(--muted);font-size:12px}.quote-meta b{color:#fff;margin-left:5px}.spark{height:90px;margin-top:6px}.spark svg{width:100%;height:100%}.snapshot-note{display:block;color:#778a96;font-size:10px;line-height:1.4}.scanner-section,.market-section,.tools-section,.learn-section{padding:96px clamp(22px,7vw,112px);max-width:1600px;margin:auto}.section-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:12px 0 34px}.section-heading-row h2{font-size:clamp(34px,4vw,55px);line-height:1.05;letter-spacing:-.04em}.section-heading-row p{color:var(--muted);max-width:560px;margin:10px 0 0}.data-badge{border:1px solid var(--line);background:var(--navy2);padding:10px 13px;font-size:12px;color:#b4c0c6}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(232,185,78,.09);margin-right:8px}.filter-panel{background:#0c1a27;border:1px solid var(--line);padding:20px;display:flex;gap:26px;align-items:flex-end}.metal-tabs{display:flex;background:#07131e;padding:5px;align-self:stretch}.metal-tab{border:0;background:transparent;color:#8ea0aa;padding:0 18px;font-weight:700}.metal-tab.active{background:#172938;color:#fff}.metal-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px}.metal-dot.gold{background:var(--gold)}.metal-dot.silver{background:#c6d0d6}.metal-dot.platinum{background:#8bb8bb}.filters{display:grid;grid-template-columns:1.45fr .75fr 1.15fr 1.15fr;gap:12px;flex:1}.filters label,.calc-fields label,.calculator-card>label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#718692;font-weight:700}.filters input,.filters select,.calculator-card input,.calculator-card select{display:block;width:100%;border:1px solid #29404f;background:#091620;color:#eef4f7;padding:12px;margin-top:6px;outline:none;border-radius:0}.filters input:focus,.filters select:focus,.calculator-card input:focus,.calculator-card select:focus{border-color:var(--gold)}.best-deal{display:grid;grid-template-columns:auto 1fr auto;gap:17px;align-items:center;border:1px solid rgba(232,185,78,.48);border-left:4px solid var(--gold);padding:18px 20px;margin:20px 0;background:linear-gradient(100deg,rgba(232,185,78,.12),rgba(232,185,78,.02))}.best-icon{width:44px;height:44px;display:grid;place-items:center;background:var(--gold);color:#07111b;font-size:20px;clip-path:polygon(50% 0,100% 25%,91% 80%,50% 100%,9% 80%,0 25%)}.best-deal small{display:block;color:var(--gold);font-size:9px;letter-spacing:.14em;font-weight:800}.best-deal strong{display:block;font:700 17px var(--serif)}.best-deal span{color:var(--muted);font-size:12px}.best-price{text-align:right}.best-price strong{font-size:26px}.comparison-wrap{border:1px solid var(--line);background:#091722}.comparison-head,.deal-row{display:grid;grid-template-columns:2.2fr .9fr .85fr .8fr .9fr 1fr 44px;align-items:center;gap:14px}.comparison-head{padding:13px 20px;text-transform:uppercase;letter-spacing:.1em;font-size:10px;color:#6f8490;background:#07131e}.deal-row{padding:18px 20px;border-top:1px solid var(--line);transition:.2s}.deal-row:hover{background:#0f202e}.dealer-product{display:flex;gap:13px;align-items:center}.dealer-logo{width:42px;height:42px;display:grid;place-items:center;background:#152936;border:1px solid #2b4353;font:800 11px var(--serif);color:var(--gold)}.dealer-product strong,.dealer-product span{display:block}.dealer-product strong{font:700 14px var(--serif)}.dealer-product span{font-size:11px;color:var(--muted);margin-top:3px}.cell-main{font-weight:700;font-size:14px}.cell-sub{font-size:10px;color:var(--muted);margin-top:3px}.rank{display:inline-block;border:1px solid rgba(85,214,159,.35);background:rgba(85,214,159,.08);color:var(--green);font-size:9px;margin-left:7px;padding:2px 5px}.watch-star{border:0;background:transparent;color:#5e737f;font-size:20px;padding:7px}.watch-star.active{color:var(--gold)}.comparison-note{font-size:11px;color:#6f818b}.market-section{background:#081521;max-width:none}.market-section>.section-heading-row,.market-grid{max-width:1376px;margin-left:auto;margin-right:auto}.range-tabs{display:flex;border:1px solid var(--line);padding:4px}.range-tabs button{border:0;background:transparent;color:#7e919c;padding:7px 12px;font-size:12px}.range-tabs button.active{background:#20313c;color:#fff}.market-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,.72fr);gap:20px}.chart-card,.insights-card,.calculator-card{border:1px solid var(--line);background:#0b1a26}.chart-card{padding:28px}.chart-top{display:flex;justify-content:space-between}.chart-top small{display:block;color:#6f8490;font-size:10px;letter-spacing:.12em}.chart-top strong{font:800 33px var(--serif)}.chart-top>span{font-weight:700}.large-chart{height:270px;margin-top:24px}.large-chart svg{width:100%;height:100%}.chart-axis{display:flex;justify-content:space-between;color:#687c88;font-size:10px}.insights-card{padding:26px}.insights-title{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.13em;color:var(--muted)}.insights-title b{color:var(--gold)}.gauge{height:8px;border-radius:99px;margin:26px 0 8px;background:linear-gradient(90deg,var(--green),var(--gold),var(--red));position:relative}.gauge span{position:absolute;width:14px;height:14px;left:49%;top:-3px;border:3px solid #fff;background:#06101b;border-radius:50%}.gauge-labels{display:flex;justify-content:space-between;color:#71838e;font-size:9px}.insights-card dl{margin:27px 0}.insights-card dl div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:12px 0}.insights-card dt{color:var(--muted)}.insights-card dd{margin:0;font-weight:700}.insights-card p{font-size:12px;color:#91a3ad;border-left:2px solid var(--gold);padding-left:12px}.tools-section{padding-top:100px}.tools-section>.section-heading-row>p{max-width:430px}.tool-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}.calculator-card{padding:26px;position:relative;overflow:hidden}.calculator-card h3{font-size:22px;margin-top:34px}.calculator-card>p{color:var(--muted);min-height:48px}.tool-number{position:absolute;right:20px;top:15px;font:800 54px var(--serif);color:#132936}.feature-tool{border-color:rgba(232,185,78,.35);background:linear-gradient(145deg,#102331,#0a1824)}.calc-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.calc-fields label:last-child{grid-column:span 2}.calc-result{margin-top:18px;padding:18px;background:#07131e;border-left:3px solid var(--gold)}.calc-result span,.calc-result small,.mini-result span{display:block;color:var(--muted);font-size:11px}.calc-result strong{display:block;font:800 31px var(--serif);color:var(--gold2)}.mini-result{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.mini-result strong{display:block;font:800 22px var(--serif);margin-top:5px}.learn-section{border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.5fr;gap:70px}.learn-section h2{font-size:clamp(33px,4vw,54px);line-height:1.08;letter-spacing:-.04em;margin-top:12px}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.lesson-grid article{background:#081521;padding:25px}.lesson-grid span{color:var(--gold);font-weight:800}.lesson-grid h3{margin:40px 0 8px}.lesson-grid p{color:var(--muted);font-size:13px}footer{border-top:1px solid var(--line);padding:34px clamp(22px,7vw,112px);display:flex;align-items:center;justify-content:space-between;color:#71838e;font-size:11px}footer p{color:var(--gold);font-size:13px}dialog{width:min(620px,calc(100vw - 28px));background:#0a1925;color:#fff;border:1px solid #314552;box-shadow:var(--shadow);padding:25px}dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between}.dialog-head small{color:var(--gold);letter-spacing:.14em}.dialog-head h2{font-size:35px}.dialog-head button{border:0;background:transparent;color:#fff;font-size:31px}.watch-items{margin:20px 0}.watch-item{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line)}.watch-item span{color:var(--muted);font-size:12px}dialog>p{font-size:11px;color:var(--muted)}
@media(max-width:1050px){.topbar nav{display:none}.hero{min-height:760px;align-items:flex-start}.hero-copy{width:70vw}.hero-quote{left:clamp(22px,7vw,112px);right:auto}.filter-panel{display:block}.metal-tabs{height:50px;margin-bottom:14px}.filters{grid-template-columns:repeat(2,1fr)}.tool-grid{grid-template-columns:1fr 1fr}.feature-tool{grid-column:span 2}.learn-section{grid-template-columns:1fr}.comparison-wrap{overflow-x:auto}.comparison-head,.deal-row{min-width:920px}}
@media(max-width:700px){.topbar{height:66px;padding:0 16px}.watch-btn{font-size:0}.watch-btn span,.watch-btn b{font-size:13px}.market-strip-inner{overflow:auto;justify-content:flex-start}.hero{min-height:780px;padding:55px 20px}.hero-copy{width:100%}.hero-shark{object-position:62% center;opacity:.65}.hero-shade{background:linear-gradient(90deg,rgba(4,12,20,.96),rgba(4,12,20,.55)),linear-gradient(0deg,#06101b,transparent 48%)}h1{font-size:50px}.hero-copy>p{font-size:16px}.trust-row{gap:10px;flex-wrap:wrap}.hero-quote{left:20px;bottom:34px;width:calc(100% - 40px)}.scanner-section,.market-section,.tools-section,.learn-section{padding:72px 18px}.section-heading-row{align-items:flex-start;flex-direction:column}.filters{grid-template-columns:1fr 1fr}.best-deal{grid-template-columns:auto 1fr}.best-price{grid-column:2;text-align:left}.market-grid{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr}.feature-tool{grid-column:auto}.lesson-grid{grid-template-columns:1fr}.lesson-grid h3{margin-top:18px}footer{flex-direction:column;align-items:flex-start;gap:18px}.brand small{display:none}}
@media(max-width:430px){.metal-tab{padding:0 11px}.filters{grid-template-columns:1fr}.calc-fields{grid-template-columns:1fr}.calc-fields label:last-child{grid-column:auto}.quote-price{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-cta:hover{transform:none}}

/* DeepHVAC-inspired cinematic hero: one lightweight 3-second glide every 120 seconds. */
.hero-media{position:absolute;inset:0;overflow:hidden;background:#020b13;pointer-events:none}
.hero-media .hero-shark{inset:-2%;width:104%;height:104%;transform:translate3d(0,0,0) scale(1.015);transform-origin:72% 52%;backface-visibility:hidden}
.hero-caustics,.hero-current{position:absolute;inset:-10%;opacity:0;pointer-events:none;will-change:transform,opacity}
.hero-caustics{background:radial-gradient(ellipse at 73% 35%,rgba(248,215,127,.18),transparent 31%),radial-gradient(ellipse at 86% 62%,rgba(98,216,204,.09),transparent 25%),linear-gradient(104deg,transparent 35%,rgba(255,225,145,.11) 49%,transparent 62%);mix-blend-mode:screen}
.hero-current{background:repeating-linear-gradient(112deg,transparent 0 44px,rgba(113,202,211,.08) 46px 47px,transparent 49px 83px);filter:blur(1px);mix-blend-mode:screen}
.hero.is-swimming .hero-shark{animation:shark-glide 3s cubic-bezier(.22,.61,.36,1) both}
.hero.is-swimming .hero-caustics{animation:caustic-sweep 3s ease-out both}
.hero.is-swimming .hero-current{animation:water-current 3s ease-out both}
@keyframes shark-glide{
  0%{transform:translate3d(18px,3px,0) rotate(.08deg) scale(1.018);filter:brightness(.94) saturate(.96)}
  35%{transform:translate3d(-7px,-3px,0) rotate(-.16deg) scale(1.027);filter:brightness(1.06) saturate(1.04)}
  68%{transform:translate3d(-22px,-1px,0) rotate(.08deg) scale(1.033);filter:brightness(1.1) saturate(1.07)}
  100%{transform:translate3d(0,0,0) rotate(0) scale(1.015);filter:brightness(1) saturate(1)}
}
@keyframes caustic-sweep{
  0%{opacity:0;transform:translate3d(8%,2%,0) scale(.96)}
  30%{opacity:.62}
  72%{opacity:.28;transform:translate3d(-3%,-1%,0) scale(1.04)}
  100%{opacity:0;transform:translate3d(-6%,-2%,0) scale(1.07)}
}
@keyframes water-current{
  0%{opacity:0;transform:translate3d(7%,0,0)}
  28%{opacity:.32}
  100%{opacity:0;transform:translate3d(-6%,1%,0)}
}
@media(max-width:700px){.hero-media .hero-shark{object-position:62% center;opacity:.65}}
@media(prefers-reduced-motion:reduce){.hero.is-swimming .hero-shark,.hero.is-swimming .hero-caustics,.hero.is-swimming .hero-current{animation:none}}