.hbl-root{--hbl-amber-deep:color-mix(in srgb, var(--color-accent) 77%, black);--hbl-dim:color-mix(in srgb, var(--color-deep) 75%, var(--color-teal))}.hbl-card{--lit:1;background:color-mix(in srgb, var(--color-cream) calc(var(--lit) * 100%), color-mix(in srgb, var(--hbl-dim) 72%, transparent));color:color-mix(in srgb, var(--color-deep) calc(var(--lit) * 100%), color-mix(in srgb, var(--color-cream) 78%, transparent));border:1px solid color-mix(in srgb, var(--color-accent) calc(var(--lit) * 100%), color-mix(in srgb, var(--color-cream) 16%, transparent));box-shadow:0 calc(14px + 10px * var(--lit)) calc(30px + 14px * var(--lit)) rgb(0 0 0/calc(.22 + .16 * var(--lit)));transition:translate .2s}.hbl-card--phone{background:color-mix(in srgb, var(--color-cream) calc(var(--lit) * 100%), color-mix(in srgb, var(--hbl-dim) 80%, transparent));box-shadow:0 calc(10px + 8px * var(--lit)) calc(22px + 12px * var(--lit)) rgb(0 0 0/calc(.2 + .16 * var(--lit)))}.hbl-num{--num:1;background:color-mix(in srgb, color-mix(in srgb, var(--color-accent) 20%, transparent) calc(var(--num) * 100%), color-mix(in srgb, var(--color-cream) 8%, transparent));color:color-mix(in srgb, var(--hbl-amber-deep) calc(var(--num) * 100%), color-mix(in srgb, var(--color-cream) 60%, transparent))}.hbl-node{--lit:1;fill:color-mix(in srgb, var(--color-accent) calc(var(--lit) * 100%), var(--color-deep));stroke:color-mix(in srgb, var(--color-accent) calc(var(--lit) * 100%), color-mix(in srgb, var(--color-cream) 45%, transparent))}.hbl-ping{transform-box:fill-box;transform-origin:50%}.hbl-tick{transform-box:view-box}.hbl-rest{display:none}.hbl-pill{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;margin:0;padding:0;display:block}.hbl-pill:hover .hbl-card,.hbl-pill:focus-visible .hbl-card{translate:0 -3px}.hbl-pill:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.hbl-pill--phone{border-radius:10px}.hbl-pill--phone:hover .hbl-card{translate:none}.hbl-pill--phone:focus-visible{outline-offset:2px}.hbl-tilt{transform-style:preserve-3d;transform:rotateX(calc(var(--hbl-py,0) * -7deg)) rotateY(calc(var(--hbl-px,0) * 10deg));transition:transform .9s cubic-bezier(.2,.8,.2,1)}.hbl-glow{transform:translate(calc(var(--hbl-px,0) * -18px), calc(var(--hbl-py,0) * -12px));transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}@keyframes hblFade{0%{opacity:0}to{opacity:1}}@keyframes hblDraw{0%{stroke-dashoffset:101px}to{stroke-dashoffset:0}}@keyframes hblIn{0%{opacity:0;transform:translateY(28px)scale(.9)}to{opacity:1;transform:none}}.hbl-fade{animation:1s ease-out both hblFade}.hbl-draw{stroke-dasharray:100 200;animation:1.2s cubic-bezier(.65,0,.35,1) both hblDraw}.hbl-in{animation:.9s cubic-bezier(.2,.8,.2,1) both hblIn}.hbl-d1{animation-delay:.1s}.hbl-d2{animation-delay:.25s}.hbl-d3{animation-delay:.4s}.hbl-d4{animation-delay:.7s}.hbl-d5{animation-delay:.9s}.hbl-d6{animation-delay:1s}.hbl-d7{animation-delay:1.15s}@media (prefers-reduced-motion:reduce){.hbl-fade,.hbl-draw,.hbl-in{animation:none}.hbl-card,.hbl-node{--lit:1!important}.hbl-num{--num:1!important}.hbl-fill{stroke-dashoffset:0!important;opacity:1!important}.hbl-halo{opacity:1!important}.hbl-dot,.hbl-ping,.hbl-tick{display:none}.hbl-rest{display:inline}.hbl-sway{transform:rotateX(5deg)rotateY(-5deg)!important}.hbl-sway--phone{transform:rotateX(4deg)rotateY(-4deg)!important}.hbl-bob,.hbl-tilt,.hbl-glow{transition:none;transform:none!important}}@keyframes hblWdIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.hbl-wd[data-reveal=armed] .hbl-wd-step{opacity:0}.hbl-wd[data-reveal=in] .hbl-wd-step{animation:.8s cubic-bezier(.2,.8,.2,1) both hblWdIn}.hbl-wd-d1{animation-delay:.2s}.hbl-wd-d2{animation-delay:.5s}.hbl-wd-d3{animation-delay:.8s}.hbl-wd-c1{animation-delay:.35s}.hbl-wd-c2{animation-delay:.65s}.hbl-wd-c3{animation-delay:.95s}