.demo:where(.astro-l34onybk){width:100%;max-width:520px;margin-left:auto;position:relative}.window:where(.astro-l34onybk){border:1px solid var(--line-strong);background:linear-gradient(#1d1f24,#15171b);border-radius:16px;overflow:hidden;box-shadow:0 40px 80px -30px #000c,inset 0 0 0 1px #ffffff05}.titlebar:where(.astro-l34onybk){border-bottom:1px solid var(--line);color:var(--ink-soft);align-items:center;gap:12px;padding:12px 14px;font-size:.82rem;display:flex}.dots:where(.astro-l34onybk){gap:6px;display:inline-flex}.dots:where(.astro-l34onybk) i:where(.astro-l34onybk){background:#363a42;border-radius:50%;width:10px;height:10px}.app-name:where(.astro-l34onybk){color:var(--ink);font-weight:600}.chip:where(.astro-l34onybk){font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--green-deep);color:var(--green);background:var(--green-glow);border-radius:999px;margin-left:auto;padding:3px 9px;font-size:.7rem}.to:where(.astro-l34onybk){color:var(--ink-faint);border-bottom:1px solid var(--line);padding:10px 16px;font-size:.82rem}.field:where(.astro-l34onybk){white-space:pre-wrap;min-height:150px;color:var(--ink);padding:18px 16px 22px;font-size:1.02rem;line-height:1.55}.out:where(.astro-l34onybk){transition:opacity .3s}.caret:where(.astro-l34onybk){vertical-align:text-bottom;background:var(--green);width:2px;height:1.15em;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.said:where(.astro-l34onybk){min-height:4.6em;margin:18px 6px 0}.said-label:where(.astro-l34onybk){font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint);font-size:.7rem}.said-text:where(.astro-l34onybk){color:var(--ink-soft);margin-top:4px;font-size:.95rem;font-style:italic}.said-text:where(.astro-l34onybk) span{opacity:0;transition:opacity .2s,color .3s}.said-text:where(.astro-l34onybk) span.on{opacity:1}.said-text:where(.astro-l34onybk) span.drop.struck{color:var(--strike);opacity:.55;text-decoration:line-through 2px}.controls:where(.astro-l34onybk){flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:14px 6px 0;display:flex}.keys:where(.astro-l34onybk){color:var(--ink-faint);align-items:center;gap:8px;display:flex}.keys:where(.astro-l34onybk) .key:where(.astro-l34onybk){transition:transform .12s,border-color .12s,color .12s,box-shadow .12s}.keys:where(.astro-l34onybk).down .key:where(.astro-l34onybk){border-bottom-width:1px;border-color:var(--green);color:var(--green-bright);box-shadow:0 0 18px var(--green-glow);transform:translateY(2px)}.pill:where(.astro-l34onybk){border:1px solid var(--line-strong);opacity:0;background:#0a0b0d;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;transition:opacity .2s,transform .2s;display:inline-flex;transform:translateY(6px)scale(.96)}.pill:where(.astro-l34onybk).show{opacity:1;transform:none}.pill-label:where(.astro-l34onybk){color:var(--ink-soft);min-width:6.5em;font-size:.78rem}.bars:where(.astro-l34onybk){align-items:center;gap:3px;height:18px;display:inline-flex}.bars:where(.astro-l34onybk) i:where(.astro-l34onybk){background:var(--green);border-radius:2px;width:3px;height:4px}.pill:where(.astro-l34onybk).rec .bars:where(.astro-l34onybk) i:where(.astro-l34onybk){animation:.9s ease-in-out infinite level}.bars:where(.astro-l34onybk) i:where(.astro-l34onybk):nth-child(2){animation-delay:-.2s!important}.bars:where(.astro-l34onybk) i:where(.astro-l34onybk):nth-child(3){animation-delay:-.5s!important}.bars:where(.astro-l34onybk) i:where(.astro-l34onybk):nth-child(4){animation-delay:-.1s!important}.bars:where(.astro-l34onybk) i:where(.astro-l34onybk):nth-child(5){animation-delay:-.7s!important}.bars:where(.astro-l34onybk) i:where(.astro-l34onybk):nth-child(6){animation-delay:-.35s!important}.bars:where(.astro-l34onybk) i:where(.astro-l34onybk):nth-child(7){animation-delay:-.6s!important}@keyframes level{0%,to{height:4px}50%{height:17px}}.pill:where(.astro-l34onybk).busy .bars:where(.astro-l34onybk) i:where(.astro-l34onybk){height:4px;animation:1.1s ease-in-out infinite shimmer}@keyframes shimmer{0%,to{opacity:.25}50%{opacity:1}}.nav:where(.astro-lcdefpme){z-index:10;backdrop-filter:blur(14px);background:#0c0d10b8;border-bottom:1px solid #ffffff0a;position:sticky;top:0}.nav-inner:where(.astro-lcdefpme){align-items:center;gap:28px;height:68px;display:flex}.brand:where(.astro-lcdefpme){font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;text-decoration:none;display:flex}.brand:where(.astro-lcdefpme) img:where(.astro-lcdefpme){border-radius:8px}.links:where(.astro-lcdefpme){gap:26px;margin-left:auto;font-size:.93rem;display:flex}.links:where(.astro-lcdefpme) a:where(.astro-lcdefpme){color:var(--ink-soft);text-decoration:none}.links:where(.astro-lcdefpme) a:where(.astro-lcdefpme):hover{color:var(--ink)}.nav-star:where(.astro-lcdefpme){display:flex}.nav-cta:where(.astro-lcdefpme){padding:9px 18px;font-size:.9rem}@media (width<=820px){.links:where(.astro-lcdefpme){display:none}.nav-inner:where(.astro-lcdefpme){gap:12px}.nav-star:where(.astro-lcdefpme){margin-left:auto}}@media (width<=480px){.nav-star:where(.astro-lcdefpme){display:none}.nav-cta:where(.astro-lcdefpme){margin-left:auto}}.hero:where(.astro-lcdefpme){padding:110px 0 120px;position:relative;overflow:hidden}.glow:where(.astro-lcdefpme){pointer-events:none;background:radial-gradient(closest-side,#5cf2b029,#0000 70%);width:900px;height:900px;position:absolute;inset:-30% -10% auto auto}.hero-grid:where(.astro-lcdefpme){grid-template-columns:1.25fr 1fr;align-items:center;gap:56px;display:grid;position:relative}.hero:where(.astro-lcdefpme) h1:where(.astro-lcdefpme){margin-bottom:26px;font-size:clamp(3rem,6.4vw,5.2rem)}.ctas:where(.astro-lcdefpme){flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.fineprint:where(.astro-lcdefpme){color:var(--ink-faint);margin-top:18px;font-size:.85rem}@media (width<=960px){.hero:where(.astro-lcdefpme){padding:64px 0 80px}.hero-grid:where(.astro-lcdefpme){grid-template-columns:1fr;gap:56px}}.how:where(.astro-lcdefpme){border-top:1px solid var(--line)}.steps:where(.astro-lcdefpme){grid-template-columns:repeat(3,1fr);gap:20px;margin:56px 0 0;padding:0;list-style:none;display:grid}.steps:where(.astro-lcdefpme) li:where(.astro-lcdefpme){border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);padding:30px 28px;position:relative}.steps:where(.astro-lcdefpme) h3:where(.astro-lcdefpme){margin:26px 0 10px}.steps:where(.astro-lcdefpme) p:where(.astro-lcdefpme){color:var(--ink-soft);font-size:.97rem}.num:where(.astro-lcdefpme){font-family:var(--font-mono);color:var(--ink-faint);font-size:.85rem;position:absolute;top:24px;right:26px}.step-keys:where(.astro-lcdefpme),.wave:where(.astro-lcdefpme),.landed:where(.astro-lcdefpme){align-items:center;gap:8px;height:44px;display:flex}.wave:where(.astro-lcdefpme){gap:4px}.wave:where(.astro-lcdefpme) i:where(.astro-lcdefpme){background:var(--green);width:4px;height:8px;animation:1.4s ease-in-out infinite wave;animation-delay:calc(var(--i) * -.09s);border-radius:2px}@keyframes wave{0%,to{opacity:.5;height:6px}50%{opacity:1;height:36px}}.landed:where(.astro-lcdefpme){border:1px solid var(--line-strong);width:fit-content;height:40px;color:var(--ink-soft);border-radius:999px;padding:0 14px;font-size:.9rem}@media (width<=860px){.steps:where(.astro-lcdefpme){grid-template-columns:1fr}}.examples:where(.astro-lcdefpme){background:linear-gradient(180deg, var(--bg), #101216)}.section-lede:where(.astro-lcdefpme){max-width:52ch;margin-top:20px}.ex-grid:where(.astro-lcdefpme){grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px;display:grid}.ex:where(.astro-lcdefpme){border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-card);flex-direction:column;gap:14px;margin:0;padding:24px;display:flex}.ex:where(.astro-lcdefpme) figcaption:where(.astro-lcdefpme){font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--green);font-size:.72rem}.ex-said:where(.astro-lcdefpme){color:var(--ink-faint);font-size:.95rem;font-style:italic}.ex-got:where(.astro-lcdefpme){white-space:pre-line;border-top:1px dashed var(--line-strong);margin-top:auto;padding-top:14px;font-weight:500}@media (width<=900px){.ex-grid:where(.astro-lcdefpme){grid-template-columns:1fr 1fr}}@media (width<=580px){.ex-grid:where(.astro-lcdefpme){grid-template-columns:1fr}}.privacy-grid:where(.astro-lcdefpme){grid-template-columns:1fr 1fr;align-items:center;gap:72px;display:grid}.privacy:where(.astro-lcdefpme) .lede:where(.astro-lcdefpme){margin-top:22px}.checks:where(.astro-lcdefpme){gap:12px;margin:30px 0 0;padding:0;list-style:none;display:grid}.checks:where(.astro-lcdefpme) li:where(.astro-lcdefpme){color:var(--ink-soft);padding-left:30px;position:relative}.checks:where(.astro-lcdefpme) li:where(.astro-lcdefpme):before{content:"✓";color:var(--green);font-weight:700;position:absolute;left:0}.mac:where(.astro-lcdefpme){border:1.5px solid var(--green-deep);background:radial-gradient(120% 80% at 50% 0%, var(--green-glow), transparent 60%), var(--bg-raised);border-radius:26px;padding:44px 26px 26px;position:relative}.mac-label:where(.astro-lcdefpme){background:var(--bg);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--green);padding:0 10px;font-size:.75rem;position:absolute;top:-12px;left:24px}.flow:where(.astro-lcdefpme){flex-direction:column;align-items:stretch;display:flex}.node:where(.astro-lcdefpme){border:1px solid var(--line-strong);background:var(--bg-card);border-radius:12px;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 18px;display:flex}.node:where(.astro-lcdefpme) span:where(.astro-lcdefpme){color:var(--ink-faint);text-align:right;font-size:.85rem}.node-green:where(.astro-lcdefpme){border-color:var(--green-deep)}.arrow:where(.astro-lcdefpme){background:linear-gradient(var(--green-deep), var(--green));width:2px;height:22px;margin:0 auto}.cloud:where(.astro-lcdefpme){border-top:1px dashed var(--line-strong);color:var(--ink-faint);text-align:center;margin-top:24px;padding-top:16px;font-size:.85rem}@media (width<=900px){.privacy-grid:where(.astro-lcdefpme){grid-template-columns:1fr;gap:48px}}.features:where(.astro-lcdefpme){border-top:1px solid var(--line)}.feat-grid:where(.astro-lcdefpme){grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px;display:grid}.feat:where(.astro-lcdefpme){border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-raised);flex-direction:column;gap:12px;padding:28px;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.feat:where(.astro-lcdefpme):hover{border-color:var(--green-deep);transform:translateY(-2px)}.feat:where(.astro-lcdefpme) p:where(.astro-lcdefpme){color:var(--ink-soft);font-size:.96rem}.tag:where(.astro-lcdefpme){font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--green);font-size:.72rem}.more:where(.astro-lcdefpme){color:var(--ink-faint);margin-top:auto;padding-top:8px;font-size:.88rem}.feat:where(.astro-lcdefpme):hover .more:where(.astro-lcdefpme){color:var(--green)}@media (width<=900px){.feat-grid:where(.astro-lcdefpme){grid-template-columns:1fr 1fr}}@media (width<=580px){.feat-grid:where(.astro-lcdefpme){grid-template-columns:1fr}}.native:where(.astro-lcdefpme){padding:0 0 120px}.native-grid:where(.astro-lcdefpme){border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.stat:where(.astro-lcdefpme){gap:10px;padding:40px 28px;display:grid}.stat:where(.astro-lcdefpme)+.stat:where(.astro-lcdefpme){border-left:1px solid var(--line)}.stat:where(.astro-lcdefpme) b:where(.astro-lcdefpme){font-family:var(--font-display);letter-spacing:-.03em;color:var(--green);font-size:2rem}.stat:where(.astro-lcdefpme) span:where(.astro-lcdefpme){color:var(--ink-soft);font-size:.95rem}@media (width<=760px){.native:where(.astro-lcdefpme){padding-bottom:80px}.native-grid:where(.astro-lcdefpme){grid-template-columns:1fr}.stat:where(.astro-lcdefpme)+.stat:where(.astro-lcdefpme){border-left:0;border-top:1px solid var(--line)}}.open:where(.astro-lcdefpme){border-top:1px solid var(--line)}.open-inner:where(.astro-lcdefpme){grid-template-columns:1fr 1.2fr;align-items:center;gap:64px;display:grid}.open:where(.astro-lcdefpme) .lede:where(.astro-lcdefpme){margin-top:22px}.open-cards:where(.astro-lcdefpme){gap:12px;display:grid}.open-card:where(.astro-lcdefpme){border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);grid-template-columns:40px 1fr;gap:4px 16px;padding:20px 22px;text-decoration:none;transition:border-color .2s,transform .2s;display:grid}.open-card:where(.astro-lcdefpme):hover{border-color:var(--green-deep);transform:translateY(-2px)}.open-icon:where(.astro-lcdefpme){background:var(--green-glow);width:40px;height:40px;color:var(--green);border-radius:12px;grid-row:span 2;place-items:center;font-weight:700;display:grid}.open-card:where(.astro-lcdefpme) span:where(.astro-lcdefpme):last-child{color:var(--ink-soft);font-size:.93rem}@media (width<=860px){.open-inner:where(.astro-lcdefpme){grid-template-columns:1fr;gap:36px}}.faq:where(.astro-lcdefpme){padding-top:0}.faq-grid:where(.astro-lcdefpme){grid-template-columns:1fr 1.6fr;gap:64px;display:grid}.faq-more:where(.astro-lcdefpme){color:var(--ink-soft);margin-top:20px}.faq-more:where(.astro-lcdefpme) a:where(.astro-lcdefpme){color:var(--green)}details:where(.astro-lcdefpme){border-bottom:1px solid var(--line);padding:22px 0}details:where(.astro-lcdefpme):first-child{border-top:1px solid var(--line)}summary:where(.astro-lcdefpme){cursor:pointer;justify-content:space-between;gap:20px;font-size:1.08rem;font-weight:600;list-style:none;display:flex}summary:where(.astro-lcdefpme)::-webkit-details-marker{display:none}summary:where(.astro-lcdefpme):after{content:"+";color:var(--green);font-size:1.4rem;line-height:1;transition:transform .2s}details:where(.astro-lcdefpme)[open] summary:where(.astro-lcdefpme):after{transform:rotate(45deg)}details:where(.astro-lcdefpme) p:where(.astro-lcdefpme){color:var(--ink-soft);max-width:62ch;margin-top:12px}@media (width<=860px){.faq-grid:where(.astro-lcdefpme){grid-template-columns:1fr;gap:36px}}.final:where(.astro-lcdefpme){border-top:1px solid var(--line);background:radial-gradient(60% 70% at 50% 100%,#5cf2b024,#0000 70%)}.final-inner:where(.astro-lcdefpme){text-align:center;flex-direction:column;align-items:center;display:flex}.final:where(.astro-lcdefpme) img:where(.astro-lcdefpme){border-radius:22px;margin-bottom:30px;box-shadow:0 20px 60px -20px #5cf2b073}.final:where(.astro-lcdefpme) .lede:where(.astro-lcdefpme){margin-top:18px}.final:where(.astro-lcdefpme) .ctas:where(.astro-lcdefpme){justify-content:center}.foot:where(.astro-lcdefpme){border-top:1px solid var(--line);color:var(--ink-faint);padding:36px 0 48px;font-size:.88rem}.foot-inner:where(.astro-lcdefpme){flex-wrap:wrap;align-items:center;gap:28px;display:flex}.foot:where(.astro-lcdefpme) nav:where(.astro-lcdefpme){gap:20px;display:flex}.foot:where(.astro-lcdefpme) a:where(.astro-lcdefpme){color:var(--ink-soft);text-decoration:none}.foot:where(.astro-lcdefpme) a:where(.astro-lcdefpme):hover{color:var(--ink)}.foot:where(.astro-lcdefpme) p:where(.astro-lcdefpme){margin-left:auto}@media (width<=700px){.foot:where(.astro-lcdefpme) p:where(.astro-lcdefpme){width:100%;margin-left:0}}