:where(.hv8){color:#52525b}:where(.hv8) :where(h1,h2,h3){color:#0a0a0a;font-weight:600;letter-spacing:-.035em}:where(.hv8) :where(h3){letter-spacing:-.02em}:where(.hv8 .mono){font-family:var(--font-mono),"JetBrains Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;font-size:11.5px}:where(.hv8 .eb){font-family:var(--font-mono),"JetBrains Mono",ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;font-size:11.5px;color:#4b6ef5}:where(.hv8 .pill){display:inline-flex;align-items:center;gap:8px;border:1px solid #e4e4e7;border-radius:999px;padding:5px 12px;background:#fff;color:#18181b}:where(.hv8 .pill):before{content:"";width:6px;height:6px;border-radius:50%;background:#4b6ef5}:where(.hv8 .card){background:#fff;border:1px solid #e4e4e7;border-radius:14px}:where(.hv8 .chip){display:inline-flex;align-items:center;gap:6px;border:1px solid #e4e4e7;border-radius:999px;padding:3px 10px;font-size:12px;color:#18181b;background:#fff}:where(.hv8 .chip):before{content:"";width:5px;height:5px;border-radius:50%;background:#4b6ef5}:where(.hv8 .btn){display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:600;border-radius:10px;white-space:nowrap;transition:background-color .15s,border-color .15s,color .15s}.hv8 .btn-p{background:#0a0a0a;color:#fff;border:1px solid #0a0a0a}.hv8 .btn-p:hover{background:#27272a}.hv8 .btn-s{background:#fff;color:#0a0a0a;border:1px solid #d4d4d8}.hv8 .btn-s:hover{border-color:#a1a1aa}.hv8 .btn-w{background:#fff;color:#0a0a0a;border:1px solid #fff}.hv8 .btn-w:hover{background:#e4e4e7}.hv8 .btn-o{background:transparent;color:#fafafa;border:1px solid #3f3f46}.hv8 .btn-o:hover{border-color:#71717a}.hv8 .lnk{color:#4b6ef5;font-weight:600}.hv8 a.lnk:hover{text-decoration:underline;text-underline-offset:3px}:where(.hv8 .grid-bg){background-image:linear-gradient(hsla(0,0%,4%,.035) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,4%,.035) 1px,transparent 0);background-size:48px 48px}:where(.hv8 .dk-grid){background-image:linear-gradient(hsla(0,0%,100%,.05) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.05) 1px,transparent 0);background-size:40px 40px}:where(.hv8 .fade-x){-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}:where(.hv8 .shot){box-shadow:0 0 0 1px #e4e4e7;border-radius:10px}:where(.hv8 .phone){width:262px;height:540px;border-radius:40px;background:#0a0a0a;padding:9px;box-shadow:0 24px 60px hsla(0,0%,4%,.18);flex-shrink:0}:where(.hv8 .phone>.scr){width:100%;height:100%;border-radius:32px;overflow:hidden;background:#fff;position:relative}:where(.hv8 .notch){position:absolute;top:8px;left:50%;transform:translateX(-50%);width:84px;height:22px;border-radius:12px;background:#0a0a0a;z-index:5}:where(.hv8 .gtick){width:18px;height:18px;border-radius:50%;background:#16a34a;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}:where(.hv8 .lift){box-shadow:0 18px 44px hsla(0,0%,4%,.12)}:where(.hv8 .code){font-family:var(--font-mono),"JetBrains Mono",ui-monospace,monospace;font-size:12px;line-height:1.75}:where(.hv8 .cp-badge){background:#fff;color:#71717a;border:1px solid #d4d4d8;transition:all .3s}.hv8 .cp-step.on .cp-badge{background:#0a0a0a;color:#fff;border-color:#0a0a0a;box-shadow:0 0 0 6px #fafafa}:where(.hv8 .cp-lab){color:#71717a;transition:color .3s}.hv8 .cp-step.on .cp-lab{color:#4b6ef5}:where(.hv8 .cp-vis){position:absolute;inset:0 0 64px 0;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}.hv8 .cp-vis.on{opacity:1;transform:none}@keyframes hv8-marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}:where(.hv8 .hv8-track){display:flex;width:-moz-max-content;width:max-content;animation:hv8-marquee var(--hv8-speed,40s) linear infinite}:where(.hv8 .hv8-track-rev){animation-direction:reverse}@media (prefers-reduced-motion:reduce){.hv8 .hv8-track{animation:none}.hv8 .cp-badge,.hv8 .cp-lab,.hv8 .cp-vis{transition:none}.hv8 .cp-vis{transform:none}}:where(.hv8 .hv8-inline-zoom){zoom:.58}@media (min-width:640px){:where(.hv8 .hv8-inline-zoom){zoom:.8}}@media (max-width:639px){.hv8 .hv8-flywheel{zoom:.55}}@media (min-width:640px) and (max-width:1279px){.hv8 .hv8-flywheel{zoom:.9}}