.hpx-bg-full{background:radial-gradient(80% 60% at 50% 0%,#0264c90f,#0264c900 70%),#fff}.hpx-toggle{display:inline-flex;gap:.4rem;padding:.4rem;border-radius:999px;background:linear-gradient(180deg,#16376a,#0f2647);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 2px 6px #040a1973,0 8px 22px #13325e38}.hpx-radio{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;min-width:44px;padding:.625rem 1.4rem;border-radius:999px;border:0;background:transparent;color:#c7d3e6;font-family:var(--font-display);font-weight:800;font-size:.83rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.hpx-radio:hover{color:#fff}.hpx-radio-cooling[aria-checked=true]{background:linear-gradient(180deg,#1e7fe0,#0264c9 55%,#014489);color:#fff;box-shadow:inset 0 1px #ffffff59,0 6px 16px #0264c973}.hpx-radio-heating[aria-checked=true]{background:linear-gradient(180deg,#f24b57,#e3212f 55%,#a60d19);color:#fff;box-shadow:inset 0 1px #ffffff59,0 6px 16px #e3212f73}.hpx-stagecard{border-radius:var(--radius-card-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-card-lg);padding:.85rem}@media(min-width:640px){.hpx-stagecard{padding:1.1rem}}.hpx-canvas{overflow-x:auto;border-radius:.85rem;border:1px solid #dbe6f3;-webkit-overflow-scrolling:touch}.hpx-canvas svg{display:block;min-width:40rem}.hpx-swipe{display:none;margin:.5rem 0 0;text-align:right;font-family:var(--font-display);font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-blue)}@media(max-width:47.999rem){.hpx-swipe{display:block;visibility:hidden}}.hpx-stagecard.is-scrollable:not(.is-end) .hpx-swipe{display:block;visibility:visible}.hpx-stagecard.is-scrollable:not(.is-end) .hpx-canvas{-webkit-mask-image:linear-gradient(to right,#000 78%,transparent);mask-image:linear-gradient(to right,#000 78%,transparent)}.hpx-part,.hpx-part-sm{font-family:var(--font-body);font-weight:600;fill:#3c4a61;paint-order:stroke fill;stroke:#ffffffeb;stroke-width:7px;stroke-linejoin:round}.hpx-part{font-size:20px}.hpx-part-sm{font-size:18px}.hpx-part-strong{font-family:var(--font-display);font-weight:800;font-size:20px;fill:var(--brand-navy);paint-order:stroke fill;stroke:#ffffffeb;stroke-width:7px;stroke-linejoin:round}.hpx-tag{font-family:var(--font-display);font-size:16px;font-weight:800;letter-spacing:.01em}.hpx-tag-cool{fill:var(--brand-blue-dark)}.hpx-tag-heat{fill:var(--brand-red-dark)}.hpx-pill{fill:#fffffff0;stroke:#13325e24;stroke-width:1.5;filter:drop-shadow(0 3px 6px rgba(19,50,94,.14))}.hpx-pill-cool{stroke:#0264c952}.hpx-pill-heat{stroke:#e3212f4d}.hpx-chip-bg{fill:#13325ef0;stroke:#fff6;stroke-width:1.5;filter:drop-shadow(0 4px 10px rgba(19,50,94,.35))}.hpx-chip{font-family:var(--font-display);font-size:19px;font-weight:800;fill:#fff}.hpx-pin-badge circle{fill:var(--brand-red);stroke:#fff;stroke-width:3;filter:drop-shadow(0 3px 6px rgba(227,33,47,.4))}.hpx-pin{font-family:var(--font-display);font-size:17px;font-weight:800;fill:#fff}.hpx-root[data-mode=cooling] .hpx-when-heat,.hpx-root[data-mode=heating] .hpx-when-cool{display:none}.hpx-sky-cool,.hpx-sky-heat{transition:opacity .45s ease}.hpx-root[data-mode=cooling] .hpx-sky-heat,.hpx-root[data-mode=heating] .hpx-sky-cool{opacity:0}.hpx-interior{transition:fill .45s ease}.hpx-root[data-mode=heating] .hpx-interior{fill:var(--hpx-interior-heat, #fbeed7)}.hpx-air{fill:var(--brand-blue);transition:fill .4s ease}.hpx-root[data-mode=heating] .hpx-air{fill:var(--brand-red)}@media(prefers-reduced-motion:no-preference){.hpx-airflow .hpx-air{animation:hpx-drift 1.7s ease-in-out infinite}.hpx-airflow .hpx-air-2{animation-delay:.55s}}@keyframes hpx-drift{0%{transform:translateY(0);opacity:.95}to{transform:translateY(9px);opacity:.15}}.hpx-pipe{stroke-linecap:round;stroke-linejoin:round}.hpx-coil{transition:stroke .4s ease}.hpx-coil-indoor{stroke:var(--brand-blue)}.hpx-coil-outdoor{stroke:var(--brand-red)}.hpx-g1,.hpx-g3{stroke:var(--hpx-pipe-cool)}.hpx-g2{stroke:var(--hpx-pipe-hot)}.hpx-head-g1,.hpx-head-g3{fill:var(--brand-blue);stroke:var(--brand-blue);stroke-width:3}.hpx-head-g2{fill:var(--brand-red);stroke:var(--brand-red);stroke-width:3}.hpx-root[data-mode=heating] .hpx-coil-indoor{stroke:var(--brand-red)}.hpx-root[data-mode=heating] .hpx-g1{stroke:var(--hpx-pipe-hot)}.hpx-root[data-mode=heating] .hpx-head-g1{fill:var(--brand-red);stroke:var(--brand-red)}.hpx-root[data-mode=heating] .hpx-coil-outdoor{stroke:var(--brand-blue)}.hpx-root[data-mode=heating] .hpx-g2{stroke:var(--hpx-pipe-cool)}.hpx-root[data-mode=heating] .hpx-head-g2{fill:var(--brand-blue);stroke:var(--brand-blue)}.hpx-flow{stroke-dasharray:10 26;animation:hpx-march .9s linear infinite}.hpx-root[data-mode=heating] .hpx-flow{animation-direction:reverse}@keyframes hpx-march{to{stroke-dashoffset:-36}}@media(prefers-reduced-motion:no-preference){.hpx-spin{animation:hpx-rotate 2.6s linear infinite;transform-box:fill-box;transform-origin:center}.hpx-spin-slow{animation-duration:4.5s}}@keyframes hpx-rotate{to{transform:rotate(360deg)}}.hpx-legend{margin-top:.9rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem}.hpx-legend-chip{display:inline-flex;align-items:center;gap:.55rem;border-radius:999px;border:1px solid var(--line);background:var(--grey-tint);padding:.4rem .95rem;font-family:var(--font-display);font-size:.8rem;font-weight:800;letter-spacing:.02em;color:var(--brand-navy)}.hpx-swatch{display:inline-block;width:1.65rem;height:.65rem;border-radius:999px;box-shadow:inset 0 1px #ffffff73}.hpx-swatch-hot{background:linear-gradient(90deg,#ff7a5c,#e3212f)}.hpx-swatch-cool{background:linear-gradient(90deg,#39a0f4,#0264c9)}.hpx-callout{display:flex;align-items:center;gap:.7rem;border-radius:var(--radius-card);background-color:var(--brand-navy);background-image:var(--gloss-top);border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow-card);padding:.9rem 1.25rem;font-family:var(--font-display);font-size:.9rem;font-weight:700;line-height:1.5;color:#fff}.hpx-root[data-js-upgraded] [data-mode-panel]{display:none}.hpx-root[data-js-upgraded][data-mode=cooling] [data-mode-panel=cooling],.hpx-root[data-js-upgraded][data-mode=heating] [data-mode-panel=heating]{display:block}@media(prefers-reduced-motion:reduce){.hpx-flow{animation:none!important}.hpx-interior,.hpx-air,.hpx-coil,.hpx-pipe,.hpx-radio,.hpx-sky-cool,.hpx-sky-heat{transition:none!important;animation:none!important}}