.hv{color:var(--os-ink-1);border-radius:16px;flex-direction:column;margin:0;display:flex;overflow:hidden}.hv-bar{height:34px;box-shadow:inset 0 -1px 0 var(--os-hair);align-items:center;gap:6px;padding:0 14px;display:flex}.hv-bar i{background:var(--os-hair-2);border-radius:50%;width:8px;height:8px}.hv-bar b{color:var(--os-ink-2);white-space:nowrap;text-overflow:ellipsis;margin-left:8px;font-size:12.5px;font-weight:520;overflow:hidden}.hv-foot{color:var(--os-ink-2);box-shadow:inset 0 1px 0 var(--os-hair);margin:0;padding:12px 18px 14px;font-size:13px;line-height:1.5}.hv-flow{gap:6px;margin:0;padding:16px 18px 14px;list-style:none;display:grid;position:relative}.hv-flow:before{content:"";background:linear-gradient(180deg, color-mix(in oklab, var(--accent-500) 55%, transparent), color-mix(in oklab, var(--accent-500) 12%, transparent));border-radius:2px;width:2px;position:absolute;top:34px;bottom:34px;left:37px}.hv-step{border-radius:12px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 10px 9px 0;display:grid;position:relative}.hv-step:after{content:"";pointer-events:none;opacity:0;background:color-mix(in oklab, var(--accent-500) 9%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent-500) 28%, transparent);animation:hv-lit calc(var(--n) * 1.6s) var(--os-ease-out,ease-out) infinite;animation-delay:calc(var(--k) * 1.6s);border-radius:12px;position:absolute;inset:0 -8px}.hv-ic{z-index:1;background:var(--os-surface-2);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--os-hair-2);color:var(--os-ink-1);border-radius:12px;place-items:center;display:grid;position:relative}.hv-tx{z-index:1;gap:2px;min-width:0;display:grid;position:relative}.hv-tx b{color:var(--os-ink-1);font-size:15px;font-weight:600;line-height:1.35}.hv-tx span{color:var(--os-ink-2);font-size:13.5px;line-height:1.45}.hv-pill{z-index:1;white-space:nowrap;color:var(--accent-300);background:color-mix(in oklab, var(--accent-500) 16%, transparent);border-radius:99px;align-self:center;padding:3px 9px;font-size:12px;font-weight:600;position:relative}:root:not(.dark) .hv-pill{color:var(--accent-600)}@keyframes hv-lit{0%{opacity:0}6%{opacity:1}22%{opacity:1}34%{opacity:0}to{opacity:0}}.hv-sizes{container:hv-sizes/inline-size}.hv-ladder{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:8px;margin:0;padding:22px 18px 0;list-style:none;display:grid}.hv-ladder li{min-height:calc(168px + var(--k) * 44px);display:flex}.hv-rung{background:color-mix(in oklab, var(--accent-500) calc(6% + var(--k) * 4%), var(--os-surface-2));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent-500) 22%, transparent);transform-origin:bottom;animation:hv-rise .9s var(--os-ease-out,ease-out) both;animation-delay:calc(var(--k) * .12s);color:var(--os-ink-2);border-radius:12px 12px 0 0;flex-direction:column;flex:1;gap:3px;padding:12px;font-size:12.5px;line-height:1.4;display:flex}.hv-rung b{color:var(--os-ink-1);font-size:15px;font-weight:620}.hv-price{color:var(--os-ink-1);white-space:nowrap;margin-bottom:4px;font-size:14px;font-weight:600}.hv-incl{display:contents}.hv-meter{display:none}@keyframes hv-rise{0%{opacity:0;transform:scaleY(.6)}to{opacity:1;transform:none}}@keyframes hv-grow{0%{opacity:0;transform:scaleX(.82)}to{opacity:1;transform:none}}@container hv-sizes (max-width:619px){.hv-ladder{flex-direction:column-reverse;grid-template-columns:minmax(0,1fr);align-items:flex-start;gap:6px;padding:16px 16px 14px;display:flex}.hv-ladder li{min-height:0;width:calc(76% + var(--k) * 8%)}.hv-rung{transform-origin:0;border-radius:10px;grid-template-columns:22px minmax(0,1fr) auto;grid-template-areas:"m n p""m d d";align-items:baseline;gap:2px 10px;padding:9px 12px;animation-name:hv-grow;display:grid}.hv-meter{grid-area:m;align-self:center;align-items:flex-end;gap:2px;height:18px;display:flex}.hv-meter i{background:color-mix(in oklab, var(--accent-500) 22%, transparent);border-radius:1px;width:4px}.hv-meter i:first-child{height:6px}.hv-meter i:nth-child(2){height:10px}.hv-meter i:nth-child(3){height:14px}.hv-meter i:nth-child(4){height:18px}.hv-meter i.on{background:var(--accent-500)}.hv-rung b{grid-area:n;font-size:15px}.hv-price{text-align:right;grid-area:p;margin:0}.hv-incl{flex-wrap:wrap;grid-area:d;gap:0 12px;display:flex}.hv-incl span{white-space:nowrap}}@container hv-sizes (max-width:340px){.hv-ladder{padding:14px 12px 12px}.hv-ladder li{width:calc(82% + var(--k) * 6%)}.hv-rung{column-gap:8px;padding:8px 10px}.hv-incl{gap:0 10px;font-size:12px}}.hv-facts dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:16px;display:grid}.hv-fact{background:var(--os-surface-2);box-shadow:inset 0 0 0 1px var(--os-hair);border-radius:12px;grid-template-columns:minmax(0,1fr);grid-template-areas:"i""n""l";place-items:start;gap:8px;padding:16px 16px 18px;display:grid;position:relative}.hv-fact:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(120% 90% at 0% 0%, color-mix(in oklab, var(--accent-500) 14%, transparent), transparent 70%);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent-500) 34%, transparent);animation:hv-lit calc(var(--n) * 2.2s) var(--os-ease-out,ease-out) infinite;animation-delay:calc(var(--k) * 2.2s);position:absolute;inset:0}.hv-fact .hv-ic{border-radius:10px;grid-area:i;width:34px;height:34px;margin-bottom:4px}.hv-n{z-index:1;letter-spacing:-.024em;color:var(--os-ink-1);grid-area:n;align-self:center;margin:0;font-size:32px;font-weight:640;line-height:1.05;position:relative}.hv-l{z-index:1;color:var(--os-ink-2);grid-area:l;margin:0;font-size:14px;line-height:1.45;position:relative}.hv-facts .hv-foot{padding:12px 18px 14px}@media (max-width:767px){.hv-flow{padding:12px 14px 10px}.hv-flow:before{left:33px}.hv-step{gap:10px;padding-block:7px}.hv-tx span{font-size:13px}.hv-n{font-size:26px}.hv-facts dl{gap:8px;padding:12px}.hv-fact{gap:6px 8px;padding:12px 12px 14px}.hv-fact .hv-ic{width:30px;height:30px}}@media (prefers-reduced-motion:reduce){.hv-step:after,.hv-rung,.hv-fact:after{animation:none}.hv-gate:after{opacity:1}}
