.hero.svelte-1vs1q85{padding:clamp(20px,4vw,48px) 0 8px}.grid.svelte-1vs1q85{align-items:center;gap:24px;display:grid}.copy.svelte-1vs1q85{gap:12px;display:grid}h1.svelte-1vs1q85{font-size:var(--step-4)}.lead.svelte-1vs1q85{max-width:46ch;color:var(--muted);font-size:var(--step-1);line-height:1.45}.art.svelte-1vs1q85{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);view-transition-name:art-tela;width:100%;height:auto}@media (width>=900px){.grid.svelte-1vs1q85{grid-template-columns:1fr 1.1fr;gap:48px}}.content.svelte-1vs1q85{gap:16px;margin-top:28px;display:grid}h2.svelte-1vs1q85{font-size:var(--step-1);margin-top:22px}h2.first.svelte-1vs1q85{margin-top:0}.chips.svelte-1vs1q85{flex-wrap:wrap;gap:8px;display:flex}.chips.svelte-1vs1q85 button:where(.svelte-1vs1q85){border:1px solid var(--line-strong);min-height:42px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-weight:700;display:inline-flex}.chips.svelte-1vs1q85 button:where(.svelte-1vs1q85):hover{background:var(--teal-soft)}.chips.svelte-1vs1q85 button.on:where(.svelte-1vs1q85){border-color:var(--teal);background:var(--teal-soft)}.chips.svelte-1vs1q85 button.on:where(.svelte-1vs1q85) svg{color:var(--teal)}.cards.svelte-1vs1q85{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:12px;display:grid}.card.svelte-1vs1q85{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);transition:transform .16s var(--ease-out), border-color .16s ease;align-items:center;gap:16px;padding:18px 20px;text-decoration:none;display:flex}.card.daily.svelte-1vs1q85{background:linear-gradient(120deg, oklab(71.7159% .0759388 -.12518/.22), transparent 70%), var(--surface);border-color:oklab(71.7159% .0759388 -.12518/.6)}.card.svelte-1vs1q85:hover{border-color:#b48cf0;transform:translateY(-2px)}.ico.svelte-1vs1q85{color:#1d1233;background:linear-gradient(160deg,#e6d6ff,#b48cf0 60%,#8f63d9);border-radius:14px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.ico.alt.svelte-1vs1q85{background:var(--surface-2);color:var(--teal)}.txt.svelte-1vs1q85{gap:2px;min-width:0;display:grid}.txt.svelte-1vs1q85 strong:where(.svelte-1vs1q85){font-size:var(--step-1)}.sub.svelte-1vs1q85{color:var(--muted);font-size:var(--step--1)}.state.svelte-1vs1q85{white-space:nowrap;align-items:center;gap:6px;margin-left:auto;font-weight:800;display:inline-flex}.two.svelte-1vs1q85{gap:16px;margin-top:12px;display:grid}@media (width>=900px){.two.svelte-1vs1q85{grid-template-columns:1fr 1.15fr;align-items:start}}.how.svelte-1vs1q85{gap:14px;display:grid}.how.svelte-1vs1q85 h2:where(.svelte-1vs1q85){margin-top:0}.example.svelte-1vs1q85{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.nodes.svelte-1vs1q85{gap:5px;display:flex}.node.svelte-1vs1q85{border:2px solid color-mix(in oklab, #b48cf0 55%, var(--line-strong));background:var(--surface);border-radius:50%;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.node.on.svelte-1vs1q85{color:#1d1233;background:#b48cf0;border-color:#efe6ff}.arrow.svelte-1vs1q85{color:var(--muted);font-weight:900}.slot.svelte-1vs1q85{gap:3px;display:inline-flex}.slot.svelte-1vs1q85 i:where(.svelte-1vs1q85){color:#1d1233;background:linear-gradient(160deg,#e6d6ff,#b48cf0 60%,#8f63d9);border-radius:6px;place-items:center;width:30px;height:32px;font-style:normal;font-weight:900;display:grid}.how.svelte-1vs1q85 ul:where(.svelte-1vs1q85){gap:10px;margin:0;padding:0;list-style:none;display:grid}.how.svelte-1vs1q85 li:where(.svelte-1vs1q85){align-items:flex-start;gap:10px;line-height:1.4;display:flex}.how.svelte-1vs1q85 li:where(.svelte-1vs1q85) svg{color:var(--teal);flex-shrink:0;margin-top:2px}.dot.svelte-1vs1q85{border-radius:5px;flex-shrink:0;width:16px;height:16px;margin-top:2px}.dot.lilla.svelte-1vs1q85{background:#b48cf0;border-radius:50%}.dot.box.svelte-1vs1q85{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong)}.dot.gold.svelte-1vs1q85{background:linear-gradient(160deg,#ffe08a,#f2b632 55%,#d48f12)}@media (width<=520px){.card.svelte-1vs1q85{flex-wrap:wrap}.card.svelte-1vs1q85 .state:where(.svelte-1vs1q85){justify-content:flex-end;width:100%}}
