.im[data-astro-cid-dqbyyhwa]{--ring:var(--period);background:color-mix(in srgb, var(--bg) 60%, var(--card));box-shadow:0 0 0 1px var(--line) inset;color:var(--ink);border-radius:22px;padding:18px;font-size:14px}.safari[data-astro-cid-dqbyyhwa],.chrome[data-astro-cid-dqbyyhwa]{gap:10px;display:grid}.url[data-astro-cid-dqbyyhwa]{background:var(--card);box-shadow:0 0 0 1px var(--line) inset;color:var(--muted);border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;font-weight:700;display:flex}.tools[data-astro-cid-dqbyyhwa]{color:var(--accent);justify-content:space-around;align-items:center;font-size:20px;display:flex}.ring[data-astro-cid-dqbyyhwa]{width:42px;height:42px;box-shadow:0 0 0 3px var(--ring);color:var(--accent);border-radius:50%;place-items:center;display:inline-grid}.sheet[data-astro-cid-dqbyyhwa]{background:var(--line);border-radius:14px;gap:1px;display:grid;overflow:hidden}.row[data-astro-cid-dqbyyhwa]{background:var(--card);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.ring-row[data-astro-cid-dqbyyhwa]{box-shadow:0 0 0 3px var(--ring) inset;font-weight:800}.bar[data-astro-cid-dqbyyhwa]{background:var(--card);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.dim[data-astro-cid-dqbyyhwa]{color:var(--muted)}.ring-txt[data-astro-cid-dqbyyhwa]{box-shadow:0 0 0 3px var(--ring);color:var(--accent);border-radius:99px;padding:2px 10px;font-weight:800}.appline[data-astro-cid-dqbyyhwa]{background:var(--card);align-items:center;gap:12px;padding:14px;font-weight:800;display:flex}.appline[data-astro-cid-dqbyyhwa] img[data-astro-cid-dqbyyhwa]{border-radius:10px}.home[data-astro-cid-dqbyyhwa]{grid-template-columns:repeat(4,52px);justify-content:center;gap:16px;padding:8px;display:grid}.home[data-astro-cid-dqbyyhwa] span[data-astro-cid-dqbyyhwa]{opacity:.55;border-radius:13px;width:52px;height:52px}.home[data-astro-cid-dqbyyhwa] .me[data-astro-cid-dqbyyhwa]{opacity:1;box-shadow:0 0 0 3px var(--ring)}.home[data-astro-cid-dqbyyhwa] .me[data-astro-cid-dqbyyhwa] img[data-astro-cid-dqbyyhwa]{border-radius:13px;display:block}@media (prefers-reduced-motion:no-preference){.ring[data-astro-cid-dqbyyhwa],.ring-row[data-astro-cid-dqbyyhwa],.ring-txt[data-astro-cid-dqbyyhwa],.home[data-astro-cid-dqbyyhwa] .me[data-astro-cid-dqbyyhwa]{animation:pulse 2.4s var(--ease-in-out) infinite}}@keyframes pulse{50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--ring) 55%, transparent)}}.end[data-astro-cid-mavegstg]{margin-top:var(--s8)}.head[data-astro-cid-mavegstg]{grid-template-columns:1fr auto;align-items:center;gap:clamp(24px,5vw,80px);display:grid}h1[data-astro-cid-mavegstg]{letter-spacing:-.03em;text-wrap:balance;max-width:18ch;margin-top:12px;font-size:clamp(2.2rem,4.6vw,3.8rem);line-height:1}.lede[data-astro-cid-mavegstg]{max-width:48ch;margin-top:18px}.ctas[data-astro-cid-mavegstg]{margin-top:26px}.demo[data-astro-cid-mavegstg]{justify-items:center;gap:10px;display:grid}.demo-k[data-astro-cid-mavegstg]{font-weight:700;font-size:var(--step--1);color:var(--muted);text-align:center;margin:10px 0 0}@media (prefers-reduced-motion:no-preference){.demo[data-astro-cid-mavegstg]{animation:i-in .9s var(--ease-out-expo) .12s both}}.steps[data-astro-cid-mavegstg]{gap:8px;margin:0 0 32px;padding:0;list-style:none;display:grid}.steps[data-astro-cid-mavegstg] li[data-astro-cid-mavegstg]{border-top:1px solid var(--line);grid-template-columns:52px minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:18px clamp(24px,4vw,64px);padding:28px 0;display:grid}.st[data-astro-cid-mavegstg] h2[data-astro-cid-mavegstg]{margin-top:6px}.mk[data-astro-cid-mavegstg] .im{border-radius:var(--radius);background:radial-gradient(120% 90% at 80% 0%, color-mix(in srgb, var(--accent-soft) 80%, var(--card)), color-mix(in srgb, var(--accent-soft) 35%, var(--card)));min-height:188px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 10%, transparent) inset;align-content:center;padding:clamp(20px,3vw,32px) clamp(18px,4vw,48px);display:grid}.mk[data-astro-cid-mavegstg] .sheet{background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow);gap:0;padding:6px}.mk[data-astro-cid-mavegstg] .sheet .row,.mk[data-astro-cid-mavegstg] .sheet .bar,.mk[data-astro-cid-mavegstg] .sheet .appline{border-radius:var(--radius-xs);background:0 0}.mk[data-astro-cid-mavegstg] .sheet .row+.row,.mk[data-astro-cid-mavegstg] .sheet .appline{box-shadow:0 -1px 0 var(--line);border-radius:0}.mk[data-astro-cid-mavegstg] .sheet .row.ring-row{border-radius:var(--radius-xs);box-shadow:0 0 0 2.5px var(--ring) inset;background:color-mix(in srgb, var(--period-soft) 45%, var(--card))}.mk[data-astro-cid-mavegstg] .sheet .ring-row+.row{box-shadow:none}@media (width<=860px){.mk[data-astro-cid-mavegstg] .im{min-height:0;padding:18px}.mk[data-astro-cid-mavegstg] .home{grid-template-columns:repeat(4,44px);gap:12px}.mk[data-astro-cid-mavegstg] .home span,.mk[data-astro-cid-mavegstg] .home .me img{width:44px;height:44px}}.mk[data-astro-cid-mavegstg] .safari{background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:10px}.mk[data-astro-cid-mavegstg] .chrome .url{box-shadow:var(--shadow)}.mk[data-astro-cid-mavegstg] .home{background:color-mix(in srgb, var(--card) 70%, transparent);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);justify-self:center;padding:14px}.notes[data-astro-cid-mavegstg]{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;display:grid}.notes[data-astro-cid-mavegstg] .co{background:var(--card);box-shadow:var(--shadow);border-radius:var(--radius);padding:22px 24px}.notes[data-astro-cid-mavegstg] .co .ic{color:var(--accent);background:var(--accent-soft)}.notes[data-astro-cid-mavegstg] .co .t{font-family:var(--font-display,inherit);font-size:var(--step-1);letter-spacing:-.01em;margin:0 0 6px;font-weight:650}.notes[data-astro-cid-mavegstg] .co .b{color:var(--muted)}@media (prefers-reduced-motion:no-preference){.head[data-astro-cid-mavegstg]>div[data-astro-cid-mavegstg]>*{animation:i-in .8s var(--ease-out-expo) both}.head[data-astro-cid-mavegstg]>div[data-astro-cid-mavegstg]>:nth-child(3){animation-delay:60ms}.head[data-astro-cid-mavegstg]>div[data-astro-cid-mavegstg]>:nth-child(4){animation-delay:.12s}@supports (animation-timeline:view()){.steps[data-astro-cid-mavegstg] li[data-astro-cid-mavegstg]{animation:linear both rv-soft view();animation-range:entry entry 60%}.steps[data-astro-cid-mavegstg] .n[data-astro-cid-mavegstg]{animation:linear both i-pop view();animation-range:entry 30% cover 40%}}}@keyframes i-in{0%{opacity:0;transform:translateY(16px)}}@keyframes i-pop{0%{filter:saturate(0);transform:scale(.6)}}@media (width<=860px){.steps[data-astro-cid-mavegstg] li[data-astro-cid-mavegstg]{grid-template-columns:44px minmax(0,1fr);align-items:start}.mk[data-astro-cid-mavegstg]{grid-column:2}}.n[data-astro-cid-mavegstg]{background:var(--accent-grad);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:grid}.steps[data-astro-cid-mavegstg] h2[data-astro-cid-mavegstg]{font-size:var(--step-2)}.steps[data-astro-cid-mavegstg] p[data-astro-cid-mavegstg]{color:var(--muted);margin:6px 0 16px}.other[data-astro-cid-mavegstg]{color:var(--muted);margin-top:28px}.other[data-astro-cid-mavegstg] a[data-astro-cid-mavegstg]{color:var(--accent)}@media (width<=760px){.head[data-astro-cid-mavegstg]{grid-template-columns:1fr}.head[data-astro-cid-mavegstg] .dev{justify-self:center}}@keyframes rv-soft{0%{opacity:.3;transform:translateY(10px)}}