.sentence-demo:where(.astro-2263dkai){align-items:center;gap:var(--space-2);flex-direction:column;width:fit-content;max-width:100%;margin-inline:auto;display:flex}.strip:where(.astro-2263dkai){justify-content:center;align-items:center;gap:var(--space-3);max-width:100%;padding:var(--space-4) var(--space-5);background-color:var(--site-strip);border:1.5px solid var(--site-border);border-radius:var(--site-radius-md);font:inherit;cursor:pointer;transition:border-color .12s var(--site-ease), transform .12s var(--site-ease);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");flex-wrap:nowrap;display:flex;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000d}.strip:where(.astro-2263dkai):hover{border-color:var(--site-border-strong)}.strip:where(.astro-2263dkai):active{transform:scale(.99)}.strip:where(.astro-2263dkai):focus-visible{outline:3px solid var(--site-focus);outline-offset:2px}.strip:where(.astro-2263dkai)[aria-disabled=true]{opacity:.6;cursor:default}.words:where(.astro-2263dkai){justify-content:center;gap:var(--space-2);flex-wrap:nowrap;margin:0;display:flex}.speaker:where(.astro-2263dkai){color:var(--site-accent-text);flex:none}.hint:where(.astro-2263dkai){color:var(--site-text-soft);margin:0;font-size:.85rem}.word:where(.astro-2263dkai){background:var(--card);color:var(--site-card-ink);border:1.5px solid var(--site-card-line);border-radius:var(--site-radius-sm);transition:transform .12s var(--site-ease);padding:.3em .55em;font-size:clamp(1rem,1.5vw + .55rem,1.5rem);font-weight:600;line-height:1.15;display:inline-flex;box-shadow:0 1px 2px #0000001a}.word:where(.astro-2263dkai).is-current{border-color:var(--site-card-ink);transform:scale(1.06)}.speaker:where(.astro-2263dkai) .wave:where(.astro-2263dkai){opacity:.5}.is-speaking:where(.astro-2263dkai) .speaker:where(.astro-2263dkai) .wave-1:where(.astro-2263dkai){animation:.9s infinite hero-wave}.is-speaking:where(.astro-2263dkai) .speaker:where(.astro-2263dkai) .wave-2:where(.astro-2263dkai){animation:.9s .15s infinite hero-wave}@keyframes hero-wave{0%,to{opacity:.25}50%{opacity:1}}@media (width<=40rem){.strip:where(.astro-2263dkai){padding:var(--space-3) var(--space-4)}}@media (prefers-reduced-motion:reduce){.word:where(.astro-2263dkai){transition:none}.word:where(.astro-2263dkai).is-current,.strip:where(.astro-2263dkai):active{transform:none}.is-speaking:where(.astro-2263dkai) .speaker:where(.astro-2263dkai) .wave:where(.astro-2263dkai){opacity:1;animation:none}}.hero:where(.astro-lcdefpme){text-align:center;max-width:56rem;margin-inline:auto;padding:clamp(2.5rem,6vw,4rem) 0 1.5rem;position:relative}.hero:where(.astro-lcdefpme):before{content:"";z-index:-1;background:radial-gradient(closest-side at 50% 45%, transparent 30%, var(--site-border-strong) 78%, transparent 100%);opacity:.5;pointer-events:none;position:absolute;inset:0;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84'%3E%3Crect x='5' y='5' width='74' height='74' rx='12' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E");mask-position:top}@media (width<=64rem){.hero:where(.astro-lcdefpme):before{opacity:.3}}@media (width<=40rem){.hero:where(.astro-lcdefpme):before{content:none}}.hero:where(.astro-lcdefpme) .eyebrow:where(.astro-lcdefpme) span:where(.astro-lcdefpme){white-space:nowrap}.hero:where(.astro-lcdefpme) h1:where(.astro-lcdefpme){letter-spacing:-.02em;margin:var(--space-3) 0 var(--space-4);font-size:clamp(2.1rem,5.5vw + .6rem,3.6rem);font-weight:650;line-height:1.1}.hero:where(.astro-lcdefpme) h1:where(.astro-lcdefpme) .soft:where(.astro-lcdefpme){color:var(--site-text-soft)}.hero:where(.astro-lcdefpme) .lede:where(.astro-lcdefpme){margin-inline:auto}.demo:where(.astro-lcdefpme){margin-top:var(--space-6)}.actions:where(.astro-lcdefpme){gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap;justify-content:center;display:flex}.devices:where(.astro-lcdefpme){margin:var(--space-7) 0 0;color:var(--site-text-soft);flex-wrap:wrap;justify-content:center;padding:0;font-size:.95rem;font-weight:500;list-style:none;display:flex}.devices:where(.astro-lcdefpme) li:where(.astro-lcdefpme)+li:where(.astro-lcdefpme):before{content:"·";color:var(--site-text-muted);margin:0 .5rem}.devices-note:where(.astro-lcdefpme){color:var(--site-text-soft);max-width:38rem;margin:var(--space-3) auto 0}.devices-note:where(.astro-lcdefpme) a:where(.astro-lcdefpme){color:var(--site-accent-text)}section:where(.astro-lcdefpme)+section:where(.astro-lcdefpme){margin-top:var(--space-8)}.plain:where(.astro-lcdefpme){max-width:44rem;margin-inline:auto}.plain:where(.astro-lcdefpme) h2:where(.astro-lcdefpme){margin-top:var(--space-6)}.plain:where(.astro-lcdefpme) p:where(.astro-lcdefpme),.plain:where(.astro-lcdefpme) li:where(.astro-lcdefpme){color:var(--site-text-soft)}.plain:where(.astro-lcdefpme) a:where(.astro-lcdefpme){color:var(--site-accent-text)}.plain:where(.astro-lcdefpme) li:where(.astro-lcdefpme)+li:where(.astro-lcdefpme){margin-top:var(--space-2)}@media (width<=40rem){.actions:where(.astro-lcdefpme){align-items:center;gap:var(--space-3);flex-direction:column}.actions:where(.astro-lcdefpme) .btn:where(.astro-lcdefpme){width:min(100%,20rem)}section:where(.astro-lcdefpme)+section:where(.astro-lcdefpme){margin-top:var(--space-7)}}