.hpd{padding:84px 0;background:var(--bg-2)}.hpd__box{margin-top:10px;border-radius:var(--rad);padding:30px 32px 34px;background:radial-gradient(900px 420px at 85% -10%,#00b0ed2e,#0000 60%),linear-gradient(160deg,var(--navy) 0,var(--navy-2) 100%);box-shadow:0 30px 64px -34px #050a3099}.hpd__head{margin-bottom:20px}.hpd__box .ds-section-head p{color:#ffffffc7}.hpd__tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#ffffff14;border:1px solid #ffffff1f;margin-bottom:24px;flex-wrap:wrap}.hpd__tab{-webkit-appearance:none;appearance:none;border:0;background:#0000;color:#ffffffb8;font-family:var(--f-display);font-weight:700;font-size:13.5px;padding:9px 18px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s}.hpd__tab:hover{color:#fff}.hpd__tab.is-on{background:var(--orange);color:#fff}.hpd__panel{animation:hpd-fade .25s ease both}@keyframes hpd-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hpd__legend{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:18px;font-size:12.5px;color:#ffffffc7}.hpd__legend span{display:inline-flex;align-items:center;gap:8px}.hpd__key{width:18px;height:4px;border-radius:2px;display:inline-block;flex:0 0 auto}.hpd__key--ref{background:#f3b53a}.hpd__key--hot{background:#f36722}.hpd__key--cold{background:#00a0df}.hpd__lbl .hpd__lbl-hot{fill:#c1540f}.hpd__lbl .hpd__lbl-cold,.hpd__lbl .hpd__lbl-hot{font-family:var(--f-mono);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hpd__lbl .hpd__lbl-cold{fill:#0378a8}.hpd__size{max-width:640px}.hpd__size-q{margin:0 0 12px;font-family:var(--f-display);font-weight:700;font-size:16px;color:#fff}.hpd__size-opts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.hpd__size-opt{-webkit-appearance:none;appearance:none;border:1.5px solid #fff3;background:#ffffff0f;color:#fff;font-family:var(--f-display);font-weight:700;font-size:14px;padding:11px 18px;border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s}.hpd__size-opt:hover{border-color:#ffffff80}.hpd__size-opt.is-on{background:var(--orange);border-color:var(--orange)}.hpd__size-out{display:flex;align-items:center;gap:20px;padding:18px 22px;background:#ffffff0f;border:1px solid #ffffff1f;border-left:3px solid var(--orange);border-radius:12px}.hpd__size-litres{font-family:var(--f-display);font-weight:800;font-size:clamp(26px,4vw,34px);color:var(--sky-2,#2cc5ff);letter-spacing:-.02em;white-space:nowrap}.hpd__size-out p{margin:0;font-size:14px;line-height:1.5;color:#ffffffd1}.hpd__size-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:20px}.hpd__size-link{font-family:var(--f-mono);font-size:13px;color:var(--sky-2,#2cc5ff);text-decoration:none;font-weight:600}.hpd__size-link:hover{color:#fff}.hpd__size-note{margin:16px 0 0;font-size:12px;color:#ffffff8c;line-height:1.5}.hpd__pair{display:grid;grid-template-columns:.82fr 1.18fr;gap:18px}.hpd__unit{margin:0;background:#fff;border-radius:14px;padding:16px 16px 15px;display:flex;flex-direction:column}.hpd__tag{align-self:flex-start;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--orange);background:#f367221a;padding:4px 11px;border-radius:999px;margin-bottom:10px}.hpd__svg{flex:1;height:262px;display:flex;align-items:center;justify-content:center}.hpd__svg svg{width:100%;height:100%;display:block}.hpd__cap{margin:10px 0 0;font-size:12.5px;line-height:1.45;color:var(--ink-2);text-align:center}.hpd__chip{fill:#fff;font-family:var(--f-display);font-weight:800;font-size:13px;letter-spacing:.03em}.hpd__lbl text{fill:var(--ink-3);font-family:var(--f-mono);font-size:12px;letter-spacing:.01em}.hpd__steps{list-style:none;margin:26px 0 0;padding:26px 0 0;border-top:1px solid #ffffff24;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.hpd__steps li{display:flex;gap:12px;align-items:flex-start}.hpd__num{flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:var(--orange);font-size:15px;display:inline-flex;align-items:center;justify-content:center}.hpd__num,.hpd__steps strong{color:#fff;font-family:var(--f-display);font-weight:800}.hpd__steps strong{display:block;font-size:15.5px;margin-bottom:4px}.hpd__steps p{margin:0;font-size:13.5px;line-height:1.5;color:#ffffffc2}.hpd__cost{margin-top:28px;padding-top:26px;border-top:1px solid #ffffff24}.hpd__cost-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:20px}.hpd__cost-head h3{margin:0;font-family:var(--f-display);font-weight:800;font-size:18px;color:#fff;letter-spacing:-.01em}.hpd__cost-head span{font-family:var(--f-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#fff9;white-space:nowrap}.hpd__cost-chart{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;height:236px}.hpd__cost-col{flex-direction:column;height:100%;min-width:0}.hpd__cost-bar-wrap,.hpd__cost-col{display:flex;align-items:center;justify-content:flex-end}.hpd__cost-bar-wrap{width:100%;flex:1;flex-direction:column}.hpd__cost-amt{font-family:var(--f-display);font-weight:800;font-size:13px;color:#fff;margin-bottom:5px}.hpd__cost-bar{width:100%;max-width:48px;min-height:6px;border-radius:6px 6px 0 0;box-shadow:inset 0 -1px 0 #ffffff47;animation:hpd-grow .9s cubic-bezier(.16,.84,.44,1) both;transform-origin:bottom}.hpd__cost-bar--c1{background:linear-gradient(180deg,#7b6cf0,#4b3fb0)}.hpd__cost-bar--c2{background:linear-gradient(180deg,#ec5b4a,#d1352a)}.hpd__cost-bar--c3{background:linear-gradient(180deg,#f6923a,#ef6f1e)}.hpd__cost-bar--c4{background:linear-gradient(180deg,#f4c740,#e0a41c)}.hpd__cost-bar--c5{background:linear-gradient(180deg,#57bd79,#3d9a58)}.hpd__cost-bar--c6{background:linear-gradient(180deg,#a3dd6f,#6fbf3f)}.hpd__cost-lbl{margin-top:9px;font-size:10px;line-height:1.25;color:#ffffffb8;text-align:center}.hpd__cost-note{margin:18px 0 0;font-size:12px;line-height:1.5;color:#ffffff94}.hpd__cost-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:20px}.hpd-fan{transform-box:fill-box;transform-origin:center;animation:hpd-spin 4s linear infinite}.hpd-flow{stroke-dasharray:5 9;animation:hpd-dash .9s linear infinite}.hpd-pulse{animation:hpd-pulse 1.9s ease-in-out infinite}@keyframes hpd-spin{to{transform:rotate(1turn)}}@keyframes hpd-dash{to{stroke-dashoffset:-28}}@keyframes hpd-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes hpd-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.hpd-fan,.hpd-flow,.hpd-pulse,.hpd__cost-bar{animation:none}}@media (max-width:820px){.hpd__pair{grid-template-columns:1fr;gap:14px}.hpd__svg{height:240px}}@media (max-width:760px){.hpd{padding:54px 0}.hpd__box{padding:22px 16px 24px}.hpd__steps{grid-template-columns:1fr;gap:16px;margin-top:22px;padding-top:22px}.hpd__cost-chart{height:200px;gap:4px}.hpd__cost-amt{font-size:10.5px}.hpd__cost-lbl{font-size:8px}.hpd__cost-head{flex-direction:column;gap:3px}}