.bubble.svelte-1ykiih2{inline-size:var(--bubble-size);aspect-ratio:1;background:#c8e4fa;border:2px solid #4d282f;border-radius:50%;display:block;position:absolute}.bubble.svelte-1ykiih2:after{content:"";background:#fff;border-radius:50%;block-size:32%;inline-size:32%;position:absolute;top:16%;left:18%}.landing.svelte-1uha8ag{--landing-max:64rem;align-items:center;gap:var(--space-14);padding:var(--space-12) 0 var(--space-14);flex-direction:column;display:flex}.hero.svelte-1uha8ag{grid-template-columns:minmax(0, var(--panel-max));justify-content:center;align-items:center;gap:var(--space-8);inline-size:100%;max-inline-size:var(--landing-max);padding-block:var(--space-8);display:grid}.hero.svelte-1uha8ag h1:where(.svelte-1uha8ag){letter-spacing:-.01em;font-size:1.375rem}.mascot-wrap.svelte-1uha8ag{justify-self:center;font-size:clamp(10rem,24vw,13rem);position:relative}.mascot.svelte-1uha8ag{inline-size:1em;display:block}.mascot-wrap.svelte-1uha8ag .bubble-pop.big{top:-.058em;right:.019em}.mascot-wrap.svelte-1uha8ag .bubble-pop.small{top:-.173em;right:.212em}.explain.svelte-1uha8ag{inline-size:100%;max-inline-size:var(--landing-max);gap:var(--space-14)}.explain.svelte-1uha8ag>section:where(.svelte-1uha8ag){gap:var(--space-6)}.explain.svelte-1uha8ag h2:where(.svelte-1uha8ag){letter-spacing:-.02em;font-size:1.5rem;line-height:1.2}.explain.svelte-1uha8ag p:where(.svelte-1uha8ag){max-inline-size:65ch;color:var(--ink-soft);line-height:1.6}.steps.svelte-1uha8ag{gap:var(--space-6);display:grid}.step.svelte-1uha8ag{gap:var(--space-3)}.step-head.svelte-1uha8ag{align-items:center;gap:var(--space-3);display:flex}.number.svelte-1uha8ag{border-radius:var(--radius-full);background:var(--accent);block-size:2rem;inline-size:2rem;color:var(--accent-ink);flex:none;place-items:center;font-size:.875rem;font-weight:600;display:grid}.step.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-size:1rem}.step.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--muted);font-size:.9375rem;line-height:1.55}.examples.svelte-1uha8ag{gap:var(--space-8);display:grid}.example.svelte-1uha8ag{gap:var(--space-4)}.example.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-size:1rem}.example.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--muted);font-size:.9375rem;line-height:1.55}@media (width>=48rem){.hero.svelte-1uha8ag{grid-template-columns:auto minmax(0, var(--panel-max));gap:var(--space-12)}.steps.svelte-1uha8ag{grid-template-columns:repeat(3,minmax(0,1fr))}.examples.svelte-1uha8ag{grid-template-columns:repeat(2,minmax(0,1fr))}}