.card[data-astro-cid-ryuh4v2g]{--x:50%;--y:100%;--travel:0px;color:inherit;gap:1.25rem;text-decoration:none;display:grid;position:relative}.stage[data-astro-cid-ryuh4v2g]{aspect-ratio:5/4;isolation:isolate;border-radius:var(--radius);border:1px solid var(--line);background:radial-gradient(120% 90% at 50% 120%, color-mix(in srgb, var(--brand) 22%, transparent), transparent 60%), var(--bg-raised);transition:border-color .4s var(--ease-out);position:relative;overflow:hidden}.stage[data-astro-cid-ryuh4v2g]:before{content:"";z-index:-2;background-image:radial-gradient(#ffffff0f 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 30%,#0000);mask-image:linear-gradient(#000 30%,#0000)}.fill[data-astro-cid-ryuh4v2g]{z-index:-1;background:radial-gradient(90% 70% at 85% 0%, color-mix(in srgb, var(--brand-2) 90%, #fff 10%), transparent 70%), linear-gradient(160deg, var(--brand-2), var(--brand));clip-path:circle(0% at var(--x) var(--y));transition:clip-path .7s var(--ease-out);position:absolute;inset:0}.logo[data-astro-cid-ryuh4v2g]{color:var(--brand-ink);letter-spacing:-.02em;opacity:0;transition:opacity .4s var(--ease-out), translate .5s var(--ease-out);align-items:center;gap:.625rem;font-size:1.125rem;font-weight:650;display:inline-flex;position:absolute;top:1.25rem;left:1.25rem;translate:0 -8px}.logo[data-astro-cid-ryuh4v2g] img[data-astro-cid-ryuh4v2g]{background:#fff;border-radius:7px;width:28px;height:28px;padding:3px;box-shadow:0 4px 14px #0000002e}.browser[data-astro-cid-ryuh4v2g]{transition:translate .6s var(--ease-out);background:#10151f;border:1px solid #ffffff1a;border-radius:8px 8px 0 0;grid-template-rows:auto 1fr;display:grid;position:absolute;inset:16% 14% -4% 7%;overflow:hidden;box-shadow:0 30px 70px -30px #000000b3}.bar[data-astro-cid-ryuh4v2g]{background:#171d29;border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;height:28px;padding-inline:10px;display:flex}.bar[data-astro-cid-ryuh4v2g] i[data-astro-cid-ryuh4v2g]{background:#384356;border-radius:50%;width:8px;height:8px}.url[data-astro-cid-ryuh4v2g]{color:var(--fg-subtle);background:#ffffff0f;border-radius:4px;margin-inline:auto;padding:2px 10px;font-size:.6875rem;translate:-12px}.screen[data-astro-cid-ryuh4v2g]{position:relative;overflow:hidden}.strip[data-astro-cid-ryuh4v2g]{width:100%;height:auto;transition:translate .9s var(--ease-out)}.phone[data-astro-cid-ryuh4v2g]{aspect-ratio:600/1298;width:24%;transition:translate .6s var(--ease-out), rotate .6s var(--ease-out);background:#0b0f17;border:4px solid #0b0f17;border-radius:18px;outline:1px solid #ffffff1f;position:absolute;bottom:-10%;right:5%;overflow:hidden;rotate:4deg;box-shadow:0 30px 50px -20px #000000bf}.phone[data-astro-cid-ryuh4v2g] img[data-astro-cid-ryuh4v2g]{object-fit:cover;object-position:top;border-radius:13px;width:100%;height:100%}.pill[data-astro-cid-ryuh4v2g]{left:var(--x);top:var(--y);z-index:2;color:#0b0f17;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .25s var(--ease-out), scale .35s var(--ease-out);background:#fff;border-radius:999px;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.875rem;font-weight:600;display:inline-flex;position:absolute;translate:-50% -50%;scale:.6}.pill[data-astro-cid-ryuh4v2g] svg[data-astro-cid-ryuh4v2g]{width:1rem;height:1rem}.meta[data-astro-cid-ryuh4v2g]{justify-content:space-between;align-items:start;gap:1rem;display:flex}.label[data-astro-cid-ryuh4v2g]{color:var(--fg-subtle);margin-bottom:.375rem;font-size:.8125rem}h3[data-astro-cid-ryuh4v2g]{letter-spacing:-.02em;font-size:1.5rem;font-weight:600}.kind[data-astro-cid-ryuh4v2g]{color:var(--fg-muted);margin-top:.125rem}.go[data-astro-cid-ryuh4v2g]{border:1px solid var(--line-strong);width:44px;height:44px;color:var(--fg-muted);transition:background-color .35s var(--ease-out), border-color .35s var(--ease-out), color .35s var(--ease-out), rotate .35s var(--ease-out);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.go[data-astro-cid-ryuh4v2g] svg[data-astro-cid-ryuh4v2g]{width:18px;height:18px}.tags[data-astro-cid-ryuh4v2g]{flex-wrap:wrap;gap:.5rem;margin-top:-.25rem;display:flex}.tags[data-astro-cid-ryuh4v2g] li[data-astro-cid-ryuh4v2g]{border:1px solid var(--line);color:var(--fg-subtle);border-radius:999px;padding:.25rem .625rem;font-size:.75rem}.card[data-astro-cid-ryuh4v2g]:is(:hover,:focus-visible,.is-active) .stage[data-astro-cid-ryuh4v2g]{border-color:#0000}.card[data-astro-cid-ryuh4v2g]:is(:hover,:focus-visible,.is-active) .fill[data-astro-cid-ryuh4v2g]{clip-path:circle(150% at var(--x) var(--y))}.card[data-astro-cid-ryuh4v2g]:is(:hover,:focus-visible,.is-active) .logo[data-astro-cid-ryuh4v2g]{opacity:1;translate:0}.card[data-astro-cid-ryuh4v2g]:is(:hover,:focus-visible,.is-active) .browser[data-astro-cid-ryuh4v2g]{translate:0 -3%}.card[data-astro-cid-ryuh4v2g]:is(:hover,:focus-visible,.is-active) .strip[data-astro-cid-ryuh4v2g]{translate:0 calc(var(--travel) * -1);transition:translate 9s cubic-bezier(.45,0,.55,1) .3s}.card[data-astro-cid-ryuh4v2g]:is(:hover,:focus-visible,.is-active) .phone[data-astro-cid-ryuh4v2g]{translate:0 -10%;rotate:0deg}.card[data-astro-cid-ryuh4v2g]:is(:hover,:focus-visible,.is-active) .go[data-astro-cid-ryuh4v2g]{background:var(--brand);border-color:var(--brand);color:var(--brand-ink);rotate:45deg}@media (hover:hover) and (pointer:fine){.card[data-astro-cid-ryuh4v2g]:hover .pill[data-astro-cid-ryuh4v2g]{opacity:1;scale:1}}.card[data-astro-cid-ryuh4v2g]:focus-visible{outline:none}.card[data-astro-cid-ryuh4v2g]:focus-visible .stage[data-astro-cid-ryuh4v2g]{outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){.card[data-astro-cid-ryuh4v2g]:is(:hover,:focus-visible,.is-active) .strip[data-astro-cid-ryuh4v2g]{translate:none}}