.lab[data-astro-cid-xha7nbel]{background:#040405;min-height:40rem}.lab-glow[data-astro-cid-xha7nbel]{background:radial-gradient(50% 60% at 15% 100%,#ff6b2c38,#0000 70%),radial-gradient(45% 55% at 90% 10%,#505aff33,#0000 70%),#040405}.kinetic[data-astro-cid-xha7nbel]{letter-spacing:-.04em;user-select:none;flex-wrap:wrap;margin:0;font-size:clamp(3.8rem,15vw,12.5rem);line-height:.88;display:flex}.k-char[data-astro-cid-xha7nbel]{font-weight:var(--w,700);font-variation-settings:"opsz" 96;transform:translateY(var(--ty,0));color:color-mix(in oklab, #fff calc(100% - var(--hot,0) * 100%), var(--brand-flame));transition:font-weight .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1),color .35s;display:inline-block}.k-dot[data-astro-cid-xha7nbel]{color:var(--brand-flame);font-weight:800}.inspector[data-astro-cid-xha7nbel]{pointer-events:none;opacity:0;background:#38bdf814;border:1px solid #38bdf8;transition:opacity .15s,transform .18s cubic-bezier(.22,1,.36,1),width .18s cubic-bezier(.22,1,.36,1),height .18s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0}.inspector[data-astro-cid-xha7nbel][data-on=true]{opacity:1}.inspector-tag[data-astro-cid-xha7nbel]{color:#e0f2fe;white-space:nowrap;background:#0c4a6e;margin-bottom:4px;padding:2px 6px;font-size:10px;position:absolute;bottom:100%;left:-1px}.ide[data-astro-cid-xha7nbel]{border:1px solid var(--border);background:#0b0c0f;box-shadow:0 40px 80px -40px #0009}.ide-code[data-astro-cid-xha7nbel]{border-right:1px solid #ffffff14;min-width:0}.ide-tabs[data-astro-cid-xha7nbel]{color:#ffffff73;background:#111317;border-bottom:1px solid #ffffff14;font-size:11px;display:flex}.ide-tabs[data-astro-cid-xha7nbel] span[data-astro-cid-xha7nbel]{border-right:1px solid #ffffff0f;padding:.6rem 1rem}.ide-tabs[data-astro-cid-xha7nbel] .is-active[data-astro-cid-xha7nbel]{color:#fff;box-shadow:inset 0 2px 0 var(--brand-flame);background:#0b0c0f}.ide-pre[data-astro-cid-xha7nbel]{color:#d4d4d8;min-height:20rem;margin:0;padding:1.2rem 0;font-size:clamp(11.5px,1.4vw,13.5px);line-height:1.85;overflow-x:auto}.ide-pre[data-astro-cid-xha7nbel] .ide-line{white-space:pre;display:block}.ide-pre[data-astro-cid-xha7nbel] .ide-ln{text-align:right;color:#ffffff38;user-select:none;width:3rem;padding-right:1rem;display:inline-block}.ide-pre[data-astro-cid-xha7nbel] .t-kw{color:#c084fc}.ide-pre[data-astro-cid-xha7nbel] .t-fn{color:#60a5fa}.ide-pre[data-astro-cid-xha7nbel] .t-str{color:#fdba74}.ide-pre[data-astro-cid-xha7nbel] .t-prop{color:#7dd3fc}.ide-pre[data-astro-cid-xha7nbel] .t-op{color:#a1a1aa}.ide-pre[data-astro-cid-xha7nbel] .t-id{color:#f4f4f5}.ide-pre[data-astro-cid-xha7nbel] .t-cm{color:#4ade80}.ide-pre[data-astro-cid-xha7nbel] .ide-caret{vertical-align:text-bottom;background:var(--brand-flame);width:.55em;height:1.1em;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.ide-preview[data-astro-cid-xha7nbel]{color:#0a0a0a;background:#f7f7f5;flex-direction:column;min-width:0;display:flex}.browser-bar[data-astro-cid-xha7nbel]{background:#e9e9e6;align-items:center;gap:.8rem;padding:.55rem .9rem;font-size:11px;display:flex}.dots[data-astro-cid-xha7nbel]{gap:5px;display:flex}.dots[data-astro-cid-xha7nbel] i[data-astro-cid-xha7nbel]{background:#ff5f57;border-radius:9999px;width:9px;height:9px}.dots[data-astro-cid-xha7nbel] i[data-astro-cid-xha7nbel]:nth-child(2){background:#febc2e}.dots[data-astro-cid-xha7nbel] i[data-astro-cid-xha7nbel]:nth-child(3){background:#28c840}.url[data-astro-cid-xha7nbel]{color:#555;background:#fff;border-radius:9999px;flex:1;padding:.2rem .7rem}.status[data-astro-cid-xha7nbel]{color:#888}[data-astro-cid-xha7nbel][data-step="9"] .status[data-astro-cid-xha7nbel]{color:#16a34a}.pv[data-astro-cid-xha7nbel]{--accent:#0a0a0a;flex-direction:column;flex:1;gap:.9rem;padding:1rem;display:flex;position:relative}.pv-nav[data-astro-cid-xha7nbel],.pv-hero[data-astro-cid-xha7nbel],.pv-grid[data-astro-cid-xha7nbel]{opacity:.08;filter:blur(3px);transition:opacity .6s,filter .6s,transform .6s cubic-bezier(.22,1,.36,1);transform:translateY(8px)}[data-astro-cid-xha7nbel][data-step]:is([data-step="2"],[data-step="3"],[data-step="4"],[data-step="5"],[data-step="6"],[data-step="7"],[data-step="8"],[data-step="9"]) .pv-nav[data-astro-cid-xha7nbel],[data-astro-cid-xha7nbel][data-step]:is([data-step="3"],[data-step="4"],[data-step="5"],[data-step="6"],[data-step="7"],[data-step="8"],[data-step="9"]) .pv-hero[data-astro-cid-xha7nbel],[data-astro-cid-xha7nbel][data-step]:is([data-step="4"],[data-step="5"],[data-step="6"],[data-step="7"],[data-step="8"],[data-step="9"]) .pv-grid[data-astro-cid-xha7nbel]{opacity:1;filter:none;transform:none}[data-astro-cid-xha7nbel][data-step]:is([data-step="5"],[data-step="6"],[data-step="7"],[data-step="8"],[data-step="9"]) .pv[data-astro-cid-xha7nbel]{--accent:#ff6b2c}.pv-nav[data-astro-cid-xha7nbel]{justify-content:space-between;align-items:center;display:flex}.pv-brand[data-astro-cid-xha7nbel]{font-size:1.05rem;font-weight:800}.pv-brand[data-astro-cid-xha7nbel] b[data-astro-cid-xha7nbel]{color:var(--accent);transition:color .6s}.pv-links[data-astro-cid-xha7nbel]{gap:6px;display:flex}.pv-links[data-astro-cid-xha7nbel] i[data-astro-cid-xha7nbel]{background:#d4d4d0;border-radius:3px;width:2.2rem;height:6px}.pv-hero[data-astro-cid-xha7nbel]{grid-template-columns:1.4fr 1fr;align-items:end;gap:.9rem;display:grid}.pv-hero-media[data-astro-cid-xha7nbel]{aspect-ratio:16/10;background:#ddd;border-radius:.5rem;display:block;position:relative;overflow:hidden}.pv-hero-media[data-astro-cid-xha7nbel] img[data-astro-cid-xha7nbel]{object-fit:cover;width:100%;height:100%}.pv-play[data-astro-cid-xha7nbel]{background:#ffffffe6;border-radius:9999px;width:2.3rem;height:2.3rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pv-play[data-astro-cid-xha7nbel]:after{content:"";border:7px solid #0000;border-left:11px solid #0a0a0a;border-right:0;position:absolute;top:50%;left:55%;transform:translate(-50%,-50%)}[data-astro-cid-xha7nbel][data-step]:is([data-step="6"],[data-step="7"],[data-step="8"],[data-step="9"]) .pv-play[data-astro-cid-xha7nbel]{animation:1.6s ease-out infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #ff6b2cb3}to{box-shadow:0 0 0 16px #ff6b2c00}}.pv-hero-copy[data-astro-cid-xha7nbel]{flex-direction:column;gap:.3rem;display:flex}.pv-hero-copy[data-astro-cid-xha7nbel] b[data-astro-cid-xha7nbel]{font-size:clamp(1rem,2vw,1.5rem);line-height:1.05}.pv-hero-copy[data-astro-cid-xha7nbel] em[data-astro-cid-xha7nbel]{color:#666;font-size:.8rem;font-style:normal}.pv-cta[data-astro-cid-xha7nbel]{background:var(--accent);color:#fff;border-radius:9999px;align-self:flex-start;margin-top:.3rem;padding:.35rem .8rem;font-size:.75rem;font-weight:600;transition:background .6s}.pv-grid[data-astro-cid-xha7nbel]{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.pv-grid[data-astro-cid-xha7nbel] img[data-astro-cid-xha7nbel]{aspect-ratio:1;object-fit:cover;background:#ddd;border-radius:.4rem;width:100%}[data-astro-cid-xha7nbel][data-step]:is([data-step="6"],[data-step="7"],[data-step="8"],[data-step="9"]) .pv-grid[data-astro-cid-xha7nbel] li[data-astro-cid-xha7nbel]{animation:3s ease-in-out infinite alternate float}.pv-grid[data-astro-cid-xha7nbel] li[data-astro-cid-xha7nbel]:nth-child(2){animation-delay:-1s!important}.pv-grid[data-astro-cid-xha7nbel] li[data-astro-cid-xha7nbel]:nth-child(3){animation-delay:-2s!important}@keyframes float{to{transform:translateY(-5px)}}.pv-toast[data-astro-cid-xha7nbel]{color:#4ade80;opacity:0;background:#0a0a0a;padding:.45rem .8rem;font-size:11px;transition:opacity .4s,transform .4s;position:absolute;bottom:1rem;right:1rem;transform:translateY(10px)}[data-astro-cid-xha7nbel][data-step="9"] .pv-toast[data-astro-cid-xha7nbel]{opacity:1;transform:none}.vp-stage[data-astro-cid-xha7nbel]{background-color:var(--muted);background-image:radial-gradient(color-mix(in oklab, var(--foreground) 14%, transparent) 1px, transparent 1px);background-size:16px 16px;padding:1.5rem;overflow:hidden}.vp-frame[data-astro-cid-xha7nbel]{width:var(--vp);min-width:17rem;max-width:100%;margin-inline:auto;padding-right:1.1rem;transition:width .5s cubic-bezier(.22,1,.36,1);position:relative}.vp-frame[data-astro-cid-xha7nbel].is-dragging{transition:none}.vp-ruler[data-astro-cid-xha7nbel]{border-bottom:1px solid var(--brand-flame);color:var(--brand-flame);justify-content:center;margin-bottom:.6rem;font-size:11px;display:flex;position:relative}.vp-ruler[data-astro-cid-xha7nbel] span[data-astro-cid-xha7nbel]{background:var(--muted);padding:0 .5rem;transform:translateY(50%)}.vp-site[data-astro-cid-xha7nbel]{color:#0a0a0a;background:#fff;border:1px solid #0000001a;gap:1rem;min-height:26rem;padding:1rem;display:grid;box-shadow:0 30px 60px -30px #0006;container-type:inline-size}.vs-head[data-astro-cid-xha7nbel]{justify-content:space-between;align-items:center;gap:1rem;display:flex}.vs-links[data-astro-cid-xha7nbel]{letter-spacing:.1em;text-transform:uppercase;gap:1.2rem;font-size:11px;display:none}.vs-burger[data-astro-cid-xha7nbel]{gap:3px;display:grid}.vs-burger[data-astro-cid-xha7nbel] i[data-astro-cid-xha7nbel]{background:#0a0a0a;width:1.2rem;height:2px}.vs-hero[data-astro-cid-xha7nbel]{gap:.8rem;display:grid}.vs-hero[data-astro-cid-xha7nbel] img[data-astro-cid-xha7nbel]{aspect-ratio:16/9;object-fit:cover;width:100%}.vs-kicker[data-astro-cid-xha7nbel]{letter-spacing:.2em;text-transform:uppercase;color:#c2410c;font-size:10px}.vs-title[data-astro-cid-xha7nbel]{letter-spacing:-.03em;font-size:1.6rem;font-weight:800;line-height:1}.vs-grid[data-astro-cid-xha7nbel]{grid-template-columns:repeat(2,1fr);gap:.6rem;display:grid}.vs-grid[data-astro-cid-xha7nbel] img[data-astro-cid-xha7nbel]{aspect-ratio:1;object-fit:cover;background:#eee;width:100%}.vs-grid[data-astro-cid-xha7nbel] span[data-astro-cid-xha7nbel]{white-space:nowrap;text-overflow:ellipsis;padding-top:.3rem;font-size:11px;display:block;overflow:hidden}@container (width>=480px){.vs-hero[data-astro-cid-xha7nbel]{grid-template-columns:1fr 1.2fr;align-items:end}.vs-title[data-astro-cid-xha7nbel]{font-size:2.2rem}.vs-grid[data-astro-cid-xha7nbel]{grid-template-columns:repeat(3,1fr)}}@container (width>=720px){.vs-links[data-astro-cid-xha7nbel]{display:flex}.vs-burger[data-astro-cid-xha7nbel]{display:none}.vs-title[data-astro-cid-xha7nbel]{font-size:3.2rem}.vs-grid[data-astro-cid-xha7nbel]{grid-template-columns:repeat(6,1fr)}}.vp-handle[data-astro-cid-xha7nbel]{background:var(--brand-navy);cursor:ew-resize;touch-action:none;place-items:center;width:.9rem;display:grid;position:absolute;top:2rem;bottom:0;right:0}.vp-handle[data-astro-cid-xha7nbel] i[data-astro-cid-xha7nbel]{background:#fff9;border-radius:3px;width:3px;height:2.2rem}.vp-handle[data-astro-cid-xha7nbel]:hover,.vp-handle[data-astro-cid-xha7nbel]:focus-visible{background:var(--brand-flame)}.icon-btn[data-astro-cid-xha7nbel]{border:1px solid var(--border);place-items:center;width:2.5rem;height:2.5rem;transition:border-color .2s,background .2s,color .2s;display:grid}.icon-btn[data-astro-cid-xha7nbel]:hover{border-color:var(--brand-flame);color:var(--brand-flame)}.icon-btn[data-astro-cid-xha7nbel][aria-pressed=true]{background:var(--brand-flame);border-color:var(--brand-flame);color:#fff}.tilt[data-astro-cid-xha7nbel]{border:1px solid var(--border);background:radial-gradient(400px circle at var(--mx,50%) var(--my,50%), color-mix(in oklab, var(--brand-flame) 12%, transparent), transparent 60%), var(--card);height:100%;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;padding:1.6rem;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .3s;position:relative}.tilt[data-astro-cid-xha7nbel]:hover{border-color:color-mix(in oklab, var(--brand-flame) 50%, var(--border))}.cap-demo[data-astro-cid-xha7nbel]{background:var(--muted);align-items:center;height:4.5rem;padding:0 1rem;display:flex;overflow:hidden;transform:translateZ(30px)}.demo-brand[data-astro-cid-xha7nbel]{gap:.4rem;display:flex}.demo-brand[data-astro-cid-xha7nbel] i[data-astro-cid-xha7nbel]{border-radius:9999px;width:2.2rem;height:2.2rem;animation:6s ease-in-out infinite swatch}.demo-brand[data-astro-cid-xha7nbel] i[data-astro-cid-xha7nbel]:first-child{background:#0a0a0a}.demo-brand[data-astro-cid-xha7nbel] i[data-astro-cid-xha7nbel]:nth-child(2){background:#ff6b2c;animation-delay:-1.5s}.demo-brand[data-astro-cid-xha7nbel] i[data-astro-cid-xha7nbel]:nth-child(3){background:#f2f2f2;border:1px solid #0000001a;animation-delay:-3s}.demo-brand[data-astro-cid-xha7nbel] i[data-astro-cid-xha7nbel]:nth-child(4){background:#2b1306;animation-delay:-4.5s}@keyframes swatch{50%{transform:translateY(-6px)scale(1.1)}}.demo-count[data-astro-cid-xha7nbel]{letter-spacing:.05em;color:var(--brand-flame);font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:700}.demo-speed[data-astro-cid-xha7nbel]{background:color-mix(in oklab, var(--foreground) 10%, transparent);border-radius:9999px;flex:1;height:.5rem;overflow:hidden}.demo-speed[data-astro-cid-xha7nbel] i[data-astro-cid-xha7nbel]{background:linear-gradient(90deg,#0cce6b,#4ade80);height:100%;animation:2.4s cubic-bezier(.22,1,.36,1) infinite load;display:block}@keyframes load{0%{width:0}40%,to{width:100%}}.demo-edit[data-astro-cid-xha7nbel]{font-size:1.3rem;font-weight:600}.demo-edit[data-astro-cid-xha7nbel] b[data-astro-cid-xha7nbel]{vertical-align:middle;background:var(--brand-flame);width:2px;height:1.3em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}.demo-motion[data-astro-cid-xha7nbel]{flex:1;height:100%;position:relative}.demo-motion[data-astro-cid-xha7nbel] i[data-astro-cid-xha7nbel]{background:var(--brand-flame);border-radius:.4rem;width:1.6rem;height:1.6rem;margin-top:-.8rem;animation:2.6s cubic-bezier(.65,0,.35,1) infinite alternate glide;position:absolute;top:50%;left:0}@keyframes glide{to{border-radius:9999px;left:calc(100% - 1.6rem);transform:rotate(180deg)}}.demo-a11y[data-astro-cid-xha7nbel]{gap:.5rem;display:flex}.demo-a11y[data-astro-cid-xha7nbel] span[data-astro-cid-xha7nbel]{border:1px solid var(--border);background:var(--card);padding:.35rem .65rem;font-size:12px;animation:3s step-end infinite focus-ring}.demo-a11y[data-astro-cid-xha7nbel] span[data-astro-cid-xha7nbel]:nth-child(2){animation-delay:1s}.demo-a11y[data-astro-cid-xha7nbel] span[data-astro-cid-xha7nbel]:nth-child(3){animation-delay:2s}@keyframes focus-ring{0%{outline:2px solid var(--brand-flame);outline-offset:2px}33%{outline:none}}@media (prefers-reduced-motion:reduce){.k-char[data-astro-cid-xha7nbel]{transition:none}}