.stage.svelte-r9lt3v{flex-direction:column;align-items:flex-end;gap:12px;max-width:460px;margin-inline:auto;display:flex;position:relative;transform:rotate(-1.5deg)}@media (width<=960px){.stage.svelte-r9lt3v{transform:none}}.window.svelte-r9lt3v{background:var(--color-card);box-shadow:inset 0 0 0 1px var(--color-border), 0 1px 2px oklch(20% .03 275/.06), 0 30px 70px -24px oklch(25% .08 275/.35);border-radius:20px;align-self:stretch;overflow:hidden}.bar.svelte-r9lt3v{border-bottom:1px solid var(--color-border);align-items:center;gap:6px;padding:10px 14px;display:flex}.bar.svelte-r9lt3v i:where(.svelte-r9lt3v){background:var(--color-muted);width:10px;height:10px;box-shadow:inset 0 0 0 1px var(--color-border);border-radius:50%}.url.svelte-r9lt3v{background:var(--color-muted);color:var(--color-muted-foreground);border-radius:8px;flex:1;margin-left:10px;padding:3px 10px;font-size:12px}.body.svelte-r9lt3v{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px 20px;display:flex}.body.svelte-r9lt3v p:where(.svelte-r9lt3v){margin:0}.title.svelte-r9lt3v{font-family:var(--font-display);letter-spacing:-.03em;font-size:22px;font-weight:600}.cta.svelte-r9lt3v{background:var(--color-foreground);color:var(--color-background);border-radius:10px;padding:8px 18px;font-size:13px;font-weight:600}.mail-head.svelte-r9lt3v{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:16px;display:flex}.mail-head.svelte-r9lt3v p:where(.svelte-r9lt3v){margin:0}.avatar.svelte-r9lt3v{color:#fff;width:36px;height:36px;font-family:var(--font-display);background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:600;display:grid}.who.svelte-r9lt3v{min-width:0}.subject.svelte-r9lt3v{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.from.svelte-r9lt3v{color:var(--color-muted-foreground);font-size:12px}.letter.svelte-r9lt3v{background:var(--color-muted);border-radius:14px;margin:16px}.greeting.svelte-r9lt3v{color:var(--color-muted-foreground);font-size:14px}.where.svelte-r9lt3v{background:var(--color-card);box-shadow:inset 0 0 0 1px var(--color-border), 0 4px 12px -6px oklch(20% .05 275/.3);border-radius:9999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.where.svelte-r9lt3v svg{color:var(--color-primary)}.layout.svelte-15wisll{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:56px;padding-top:clamp(24px,4vw,48px);display:grid}@media (width<=960px){.layout.svelte-15wisll{grid-template-columns:minmax(0,1fr)}}.main.svelte-15wisll{max-width:48rem}.steps.svelte-15wisll{flex-direction:column;gap:16px;margin:0;padding:0;scroll-margin-top:80px;list-style:none;display:flex;position:relative}.steps.svelte-15wisll:before{content:"";background:linear-gradient(var(--color-primary), color-mix(in oklch, var(--color-primary) 10%, transparent));opacity:.5;border-radius:2px;width:2px;position:absolute;top:20px;bottom:20px;left:19px}.step.svelte-15wisll{grid-template-columns:40px minmax(0,1fr);gap:20px;display:grid;position:relative}@media (width<=600px){.step.svelte-15wisll{gap:12px}}.num.svelte-15wisll{width:40px;height:40px;box-shadow:0 0 0 6px var(--landing-bg), 0 8px 20px -8px oklch(50% .22 285/.7);color:#fff;font-family:var(--font-display);background:linear-gradient(135deg,oklch(55% .22 265),oklch(50% .24 300));border-radius:50%;place-items:center;margin-top:18px;font-size:16px;font-weight:600;display:grid;position:relative}.card.svelte-15wisll{background:var(--color-card);box-shadow:inset 0 0 0 1px var(--color-border);border-radius:24px;flex-direction:column;gap:10px;padding:22px 24px 24px;display:flex}.card.svelte-15wisll h2:where(.svelte-15wisll){font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:600;line-height:1.25}.card.svelte-15wisll p:where(.svelte-15wisll){color:var(--color-muted-foreground);text-wrap:pretty;margin:0;font-size:15.5px;line-height:1.65}.card.svelte-15wisll .code{margin-top:6px}.extra.svelte-15wisll{background:radial-gradient(80% 90% at 50% 0%, color-mix(in oklch, var(--color-primary) 12%, transparent), transparent), var(--color-muted);border-radius:24px;flex-direction:column;gap:12px;margin:32px 0 0 60px;padding:28px;display:flex}@media (width<=600px){.extra.svelte-15wisll{margin-left:0;padding:22px}}.extra.svelte-15wisll h2:where(.svelte-15wisll){font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:24px;font-weight:600}.extra.svelte-15wisll p:where(.svelte-15wisll){color:var(--color-muted-foreground);margin:0;font-size:15.5px;line-height:1.65}.extra.svelte-15wisll .after:where(.svelte-15wisll) a{color:var(--color-foreground);text-underline-offset:3px;text-decoration:underline}.compare.svelte-15wisll,.more.svelte-15wisll{flex-direction:column;gap:12px;margin:32px 0 0 60px;display:flex}@media (width<=600px){.compare.svelte-15wisll,.more.svelte-15wisll{margin-left:0}}:is(.compare.svelte-15wisll,.more.svelte-15wisll) h2:where(.svelte-15wisll){font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:24px;font-weight:600}:is(.compare.svelte-15wisll,.more.svelte-15wisll) p:where(.svelte-15wisll){color:var(--color-muted-foreground);margin:0;font-size:15.5px;line-height:1.65}:is(.compare.svelte-15wisll,.more.svelte-15wisll) .after:where(.svelte-15wisll) a{color:var(--color-foreground);text-underline-offset:3px;text-decoration:underline}.compare-table.svelte-15wisll{background:var(--color-card);box-shadow:inset 0 0 0 1px var(--color-border);border-radius:20px;overflow-x:auto}.compare-table.svelte-15wisll table:where(.svelte-15wisll){border-collapse:collapse;width:100%;font-size:14.5px;line-height:1.5}.compare-table.svelte-15wisll th:where(.svelte-15wisll),.compare-table.svelte-15wisll td:where(.svelte-15wisll){text-align:left;vertical-align:top;padding:12px 16px}.compare-table.svelte-15wisll thead:where(.svelte-15wisll) th:where(.svelte-15wisll){font-family:var(--font-display);font-weight:600}.compare-table.svelte-15wisll tbody:where(.svelte-15wisll) tr:where(.svelte-15wisll){border-top:1px solid var(--color-border)}.compare-table.svelte-15wisll tbody:where(.svelte-15wisll) th:where(.svelte-15wisll){width:30%;font-weight:600}.compare-table.svelte-15wisll td:where(.svelte-15wisll){color:var(--color-muted-foreground)}.compare-table.svelte-15wisll .ours:where(.svelte-15wisll){background:color-mix(in oklch, var(--color-primary) 7%, transparent);color:var(--color-foreground)}.compare-table.svelte-15wisll thead:where(.svelte-15wisll) .ours:where(.svelte-15wisll){color:var(--color-primary)}@media (width<=640px){.compare-table.svelte-15wisll thead:where(.svelte-15wisll){display:none}.compare-table.svelte-15wisll tbody:where(.svelte-15wisll) tr:where(.svelte-15wisll),.compare-table.svelte-15wisll tbody:where(.svelte-15wisll) th:where(.svelte-15wisll),.compare-table.svelte-15wisll tbody:where(.svelte-15wisll) td:where(.svelte-15wisll){width:auto;display:block}.compare-table.svelte-15wisll tbody:where(.svelte-15wisll) tr:where(.svelte-15wisll){padding:12px 14px}.compare-table.svelte-15wisll tbody:where(.svelte-15wisll) th:where(.svelte-15wisll){padding:0 0 6px}.compare-table.svelte-15wisll td:where(.svelte-15wisll){border-radius:10px;padding:6px 10px}.compare-table.svelte-15wisll td:where(.svelte-15wisll):before{content:attr(data-label);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted-foreground);font-size:11px;font-weight:600;display:block}}.side.svelte-15wisll{position:sticky;top:96px}@media (width<=960px){.side.svelte-15wisll{display:none}}.side-card.svelte-15wisll{background:var(--color-card);box-shadow:inset 0 0 0 1.5px color-mix(in oklch, var(--color-primary) 40%, var(--color-border)), 0 30px 60px -30px color-mix(in oklch, var(--color-primary) 50%, transparent);border-radius:24px;flex-direction:column;gap:16px;padding:24px;display:flex}.side-card.svelte-15wisll ul:where(.svelte-15wisll){flex-direction:column;gap:10px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.side-card.svelte-15wisll li:where(.svelte-15wisll){align-items:flex-start;gap:8px;display:flex}.side-card.svelte-15wisll li:where(.svelte-15wisll) svg{color:var(--color-primary);flex:none;margin-top:2px}.side-title.svelte-15wisll{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:600;line-height:1.2}.side-note.svelte-15wisll{color:var(--color-muted-foreground);text-align:center;margin:-4px 0 0;font-size:12.5px}