.hkf-demo-frame[data-astro-cid-d2vzh7q5]{border-radius:var(--r-lg);background:var(--licht);border:1px solid var(--border);width:100%;max-width:27rem;box-shadow:var(--shadow-3);margin-inline:auto;overflow:hidden}.hkf-demo-bar[data-astro-cid-d2vzh7q5]{background:color-mix(in oklab, var(--azur) 4%, var(--licht));border-bottom:1px solid var(--border);align-items:center;gap:.4375rem;padding:.625rem .875rem;display:flex}.hkf-demo-dot[data-astro-cid-d2vzh7q5]{border-radius:9999px;flex-shrink:0;width:.625rem;height:.625rem}.hkf-demo-dot--a[data-astro-cid-d2vzh7q5]{background:#ff5f57}.hkf-demo-dot--b[data-astro-cid-d2vzh7q5]{background:#febc2e}.hkf-demo-dot--c[data-astro-cid-d2vzh7q5]{background:#28c840}.hkf-demo-bar-label[data-astro-cid-d2vzh7q5]{text-align:center;font-family:var(--font-body);letter-spacing:var(--tr-wide);text-transform:uppercase;color:var(--fg3);flex:1;margin-right:1.875rem;font-size:.6875rem;font-weight:700}.hkf-demo-stage[data-astro-cid-d2vzh7q5]{pointer-events:none;height:clamp(230px,24vw,268px);position:relative}.hkf-demo-view[data-astro-cid-d2vzh7q5]{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.25rem 1.375rem;display:flex;position:absolute;inset:0}.hkf-demo-view--cards[data-astro-cid-d2vzh7q5]{animation:hkf-act-cards 9s var(--ease-soft) infinite;justify-content:flex-start;padding-top:1.5rem}@keyframes hkf-act-cards{0%,44%{opacity:1;transform:translateY(0)}46%{opacity:0;transform:translateY(-10px)}96%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hkf-demo-cards[data-astro-cid-d2vzh7q5]{gap:.5rem;width:100%;display:flex;position:relative}.hkf-demo-card[data-astro-cid-d2vzh7q5]{border-radius:var(--r-sm);border:1.5px solid var(--border);background:var(--licht);min-width:0;box-shadow:var(--shadow-1);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.hkf-demo-card[data-astro-cid-d2vzh7q5] img[data-astro-cid-d2vzh7q5]{object-fit:cover;width:100%;height:3.75rem;display:block}.hkf-demo-card-label[data-astro-cid-d2vzh7q5]{color:var(--fg2);text-align:center;overflow-wrap:break-word;hyphens:auto;padding:.3125rem .375rem;font-size:.625rem;font-weight:600;line-height:1.2}.hkf-demo-card-check[data-astro-cid-d2vzh7q5]{background:var(--azur);opacity:0;width:1.125rem;height:1.125rem;box-shadow:0 2px 6px color-mix(in oklab, var(--azur) 50%, transparent);border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute;top:.3125rem;right:.3125rem;transform:scale(.4)}.hkf-demo-card--a[data-astro-cid-d2vzh7q5]{animation:hkf-card-a 9s var(--ease-soft) infinite}@keyframes hkf-card-a{0%,5%{border-color:var(--border);box-shadow:var(--shadow-1);opacity:1;transform:scale(1)}7%,16%{border-color:var(--azur);box-shadow:var(--shadow-2);opacity:1;transform:scale(1.035)}18%,39%{border-color:var(--border);box-shadow:var(--shadow-1);opacity:1;transform:scale(1)}41%,45%{border-color:var(--border);box-shadow:var(--shadow-1);opacity:.55;transform:scale(.97)}to{border-color:var(--border);box-shadow:var(--shadow-1);opacity:1;transform:scale(1)}}.hkf-demo-card--c[data-astro-cid-d2vzh7q5]{animation:hkf-card-c 9s var(--ease-soft) infinite}@keyframes hkf-card-c{0%,17%{border-color:var(--border);box-shadow:var(--shadow-1);opacity:1;transform:scale(1)}19%,27%{border-color:var(--azur);box-shadow:var(--shadow-2);opacity:1;transform:scale(1.035)}29%,39%{border-color:var(--border);box-shadow:var(--shadow-1);opacity:1;transform:scale(1)}41%,45%{border-color:var(--border);box-shadow:var(--shadow-1);opacity:.55;transform:scale(.97)}to{border-color:var(--border);box-shadow:var(--shadow-1);opacity:1;transform:scale(1)}}.hkf-demo-card--b[data-astro-cid-d2vzh7q5]{animation:hkf-card-b 9s var(--ease-soft) infinite}@keyframes hkf-card-b{0%,29%{border-color:var(--border);box-shadow:var(--shadow-1);transform:scale(1)}31%,38%{border-color:var(--azur);box-shadow:var(--shadow-2);transform:scale(1.035)}40%,46%{border-color:var(--azur);box-shadow:var(--shadow-3);background:color-mix(in oklab, var(--azur) 6%, var(--licht));transform:scale(1.05)}to{border-color:var(--border);box-shadow:var(--shadow-1);background:var(--licht);transform:scale(1)}}.hkf-demo-card--b[data-astro-cid-d2vzh7q5] .hkf-demo-card-check[data-astro-cid-d2vzh7q5]{animation:9s linear infinite hkf-card-b-check}@keyframes hkf-card-b-check{0%,39%{opacity:0;transform:scale(.4)}41%,46%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.4)}}.hkf-demo-cursor[data-astro-cid-d2vzh7q5]{animation:hkf-cursor 9s var(--ease-soft) infinite;position:absolute;top:1.6rem;left:16%;transform:translate(-50%,-50%)}@keyframes hkf-cursor{0%{opacity:0;left:16%;transform:translate(-50%,-50%)scale(.85)}4%{opacity:1;left:16%;transform:translate(-50%,-50%)scale(1)}15%{opacity:1;left:16%;transform:translate(-50%,-50%)scale(1)}18%,27%{opacity:1;left:84%;transform:translate(-50%,-50%)scale(1)}30%,38%{opacity:1;left:50%;transform:translate(-50%,-50%)scale(1)}40%{opacity:1;left:50%;transform:translate(-50%,-50%)scale(.7)}42%,to{opacity:0;left:50%;transform:translate(-50%,-50%)scale(.9)}}.hkf-demo-cursor-ripple[data-astro-cid-d2vzh7q5]{border:1.5px solid var(--azur);opacity:0;border-radius:9999px;width:1.75rem;height:1.75rem;margin:auto;animation:9s linear infinite hkf-cursor-ripple;position:absolute;inset:0}@keyframes hkf-cursor-ripple{0%,39%{opacity:0;transform:scale(.5)}40%{opacity:.6;transform:scale(.5)}46%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(.5)}}.hkf-demo-view--options[data-astro-cid-d2vzh7q5]{animation:hkf-act-options 9s var(--ease-soft) infinite;align-items:stretch}@keyframes hkf-act-options{0%,44%{opacity:0;transform:translateY(10px)}46%,64%{opacity:1;transform:translateY(0)}66%,to{opacity:0;transform:translateY(-10px)}}.hkf-demo-view-kicker[data-astro-cid-d2vzh7q5]{letter-spacing:var(--tr-wide);text-transform:uppercase;color:var(--fg-accent);margin:0 0 .375rem;font-size:.6875rem;font-weight:700}.hkf-demo-opt[data-astro-cid-d2vzh7q5]{color:var(--fg2);border-bottom:1px solid var(--border);align-items:center;gap:.625rem;padding:.5rem 0;font-size:.8125rem;font-weight:500;display:flex}.hkf-demo-opt[data-astro-cid-d2vzh7q5]:last-child{border-bottom:none}.hkf-demo-opt-check[data-astro-cid-d2vzh7q5]{border-radius:var(--r-xs);border:1.5px solid var(--border-strong);flex-shrink:0;justify-content:center;align-items:center;width:1.125rem;height:1.125rem;display:flex}.hkf-demo-opt--1[data-astro-cid-d2vzh7q5] .hkf-demo-opt-check[data-astro-cid-d2vzh7q5]{animation:9s step-end infinite hkf-opt-check}.hkf-demo-opt--2[data-astro-cid-d2vzh7q5] .hkf-demo-opt-check[data-astro-cid-d2vzh7q5]{animation:9s step-end .36s infinite hkf-opt-check}.hkf-demo-opt--3[data-astro-cid-d2vzh7q5] .hkf-demo-opt-check[data-astro-cid-d2vzh7q5]{animation:9s step-end .72s infinite hkf-opt-check}@keyframes hkf-opt-check{0%,49%{border-color:var(--border-strong);background:0 0}50%,64%{background:var(--azur);border-color:var(--azur)}66%,to{border-color:var(--border-strong);background:0 0}}.hkf-demo-opt-check[data-astro-cid-d2vzh7q5] svg[data-astro-cid-d2vzh7q5]{opacity:0}.hkf-demo-opt--1[data-astro-cid-d2vzh7q5] .hkf-demo-opt-check[data-astro-cid-d2vzh7q5] svg[data-astro-cid-d2vzh7q5]{animation:9s step-end infinite hkf-opt-icon}.hkf-demo-opt--2[data-astro-cid-d2vzh7q5] .hkf-demo-opt-check[data-astro-cid-d2vzh7q5] svg[data-astro-cid-d2vzh7q5]{animation:9s step-end .36s infinite hkf-opt-icon}.hkf-demo-opt--3[data-astro-cid-d2vzh7q5] .hkf-demo-opt-check[data-astro-cid-d2vzh7q5] svg[data-astro-cid-d2vzh7q5]{animation:9s step-end .72s infinite hkf-opt-icon}@keyframes hkf-opt-icon{0%,49%{opacity:0}50%,64%{opacity:1}66%,to{opacity:0}}.hkf-demo-view--loading[data-astro-cid-d2vzh7q5]{animation:hkf-act-loading 9s var(--ease-soft) infinite}@keyframes hkf-act-loading{0%,64%{opacity:0;transform:translateY(10px)}66%,80%{opacity:1;transform:translateY(0)}82%,to{opacity:0;transform:translateY(-10px)}}.hkf-demo-spinner[data-astro-cid-d2vzh7q5]{border:3px solid color-mix(in oklab, var(--azur) 16%, transparent);border-top-color:var(--azur);border-radius:9999px;width:2rem;height:2rem;animation:1s linear infinite hkf-spin}@keyframes hkf-spin{to{transform:rotate(360deg)}}.hkf-demo-loading-label[data-astro-cid-d2vzh7q5]{font-family:var(--font-display);color:var(--fg1);margin:0;font-size:.875rem;font-weight:500}.hkf-demo-view--result[data-astro-cid-d2vzh7q5]{animation:hkf-act-result 9s var(--ease-soft) infinite}@keyframes hkf-act-result{0%,80%{opacity:0;transform:translateY(10px)}82%,96%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.hkf-demo-result-kicker[data-astro-cid-d2vzh7q5]{letter-spacing:var(--tr-wide);text-transform:uppercase;color:var(--fg3);font-size:.6875rem;font-weight:700}.hkf-demo-result-price[data-astro-cid-d2vzh7q5]{font-family:var(--font-display);color:var(--azur);font-variant-numeric:tabular-nums;font-size:clamp(1.75rem,4vw,2.1rem);font-weight:500;line-height:1.1}.hkf-demo-result-model[data-astro-cid-d2vzh7q5]{color:var(--fg2);font-size:.8125rem}@media (prefers-reduced-motion:reduce){.hkf-demo-cursor[data-astro-cid-d2vzh7q5],.hkf-demo-cursor-ripple[data-astro-cid-d2vzh7q5],.hkf-demo-card--b[data-astro-cid-d2vzh7q5] .hkf-demo-card-check[data-astro-cid-d2vzh7q5],.hkf-demo-view--options[data-astro-cid-d2vzh7q5],.hkf-demo-view--loading[data-astro-cid-d2vzh7q5],.hkf-demo-view--result[data-astro-cid-d2vzh7q5]{display:none}}