#hero-demo .phone-frame{position:relative}#hero-demo.is-playing .demo-layers{display:grid}#hero-demo .demo-layers{align-content:start;gap:14px;font-size:14px;position:absolute;inset:68px 14px 120px}.demo-wave{height:28px;color:var(--ink);justify-content:center;align-items:center;gap:6px;display:flex}.demo-wave span{transform-origin:50%;background:currentColor;border-radius:5px;width:5px;height:24px;display:block}#hero-demo .demo-transcript{margin:0;font-size:14px;line-height:1.5}#hero-demo .demo-layers .bubble{padding:10px 12px;font-size:14px;line-height:1.4}.demo-scribe{justify-self:end;width:64px;height:50px}.demo-char{white-space:pre-wrap}.heading-word{display:inline-block}.how-character{width:260px;max-width:100%;margin:1.5rem auto 0}#how .how-step{padding-block:2rem;display:block}#how .step-copy .bubble{margin-top:.5rem}.how-progress{display:none}.scene-spacer{background:var(--scene-ground);position:relative}.scene-spacer>.wave-edge{position:absolute;bottom:0;left:0}@media (width>=900px) and (prefers-reduced-motion:no-preference){#how.is-pinned .how-scene{flex-direction:column;justify-content:center;gap:2rem;height:100svh;min-height:640px;padding-block:72px;display:flex}#how.is-pinned .how-stage{grid-template-columns:360px 1fr;align-items:center;gap:4rem;display:grid}#how.is-pinned .how-character{width:320px;margin:0 auto}#how.is-pinned .how-steps{align-items:center;display:grid}#how.is-pinned .how-step{grid-area:1/1;min-width:0}#how.is-pinned .step-copy{position:relative}#how.is-pinned .step-copy .bubble{width:260px;font-size:1.125rem;position:absolute;bottom:calc(50% + 88px);right:calc(100% + 2rem)}#how.is-pinned .step-copy .bubble:after{bottom:-9px;left:42%}#how.is-pinned .how-progress{gap:14px;padding-left:424px;display:flex}.how-progress>span{background:var(--ink);opacity:.4;transform-origin:0;border-radius:10px;width:22px;height:10px;display:block}.how-progress>.is-active{opacity:1;transform:scaleX(1.5)}.how-progress i{display:none}#stamps.is-pinned .section-content{height:100svh;min-height:690px;padding-block:72px}}@media (width>=900px) and (prefers-reduced-motion:reduce){.how-stage{grid-template-columns:320px 1fr;align-items:center;gap:4rem;margin-top:2rem;display:grid}.how-character{width:320px;margin:0}}.step-natter{display:none}.step-copy h3{max-width:none}@media (width>=900px) and (prefers-reduced-motion:no-preference){#how.is-pinned .how-scene{gap:3.5rem;padding-top:110px;padding-bottom:72px}#how.is-pinned .how-character{width:340px}#how.is-pinned .how-progress{gap:16px}.how-progress>span{width:24px}.how-progress>.is-active{width:36px;transform:none}}@media (width<=899px){.how-character{display:none}.step-conversation{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;display:grid}.step-natter{width:96px;display:block}#how .step-copy .bubble{margin:0;padding:1rem;font-size:1rem}.step-conversation .bubble:after{bottom:calc(50% - 11px)}}@media (width>=900px){.how-character .n-thought{transform:translate(32px,112px)}}.theme-transition{z-index:100;pointer-events:none;position:fixed;inset:0;overflow:hidden}.theme-sky{position:absolute;inset:0}.theme-sky-day{background:#bde0f5}.theme-sky-night{background:#10303a}.theme-orb{border-radius:50%;width:96px;height:96px;position:absolute;top:24%;left:calc(50% - 48px)}.theme-sun{background:#ffe9a8;box-shadow:0 0 70px #ffe9a866}.theme-moon{background:#fff8ec;box-shadow:inset -22px -8px #dccbf2}.theme-horizon{background:var(--ground-mint);border-radius:50% 50% 0 0;width:140%;height:70%;position:absolute;top:65%;left:-20%}.theme-stars i{background:#fff8ec;border-radius:50%;width:5px;height:5px;position:absolute}#theme-toggle .theme-icon-moon,html[data-theme=night] #theme-toggle .theme-icon-sun{display:none}html[data-theme=night] #theme-toggle .theme-icon-moon{display:block}#sound-toggle .sound-waves,#sound-toggle[aria-pressed=true] .sound-slash{display:none}#sound-toggle[aria-pressed=true] .sound-waves{display:block}.nightcap-drop [data-natter] .n-cap{transform-box:fill-box;transform-origin:bottom;animation:.65s cubic-bezier(.34,1.56,.64,1) both cap-drop}@keyframes cap-drop{0%{opacity:0;transform:translateY(-65px)rotate(-12deg)}65%{opacity:1;transform:translateY(3px)rotate(2deg)}to{opacity:1;transform:translateY(0)rotate(0)}}.confetti-piece{border-radius:3px;width:9px;height:13px;position:absolute}[data-tilt]{transform-style:preserve-3d;transition:rotate .45s cubic-bezier(.34,1.56,.64,1)}.person-card.is-popover{z-index:60;width:min(280px,100vw - 24px);max-height:calc(100dvh - 24px);box-shadow:var(--shadow);border:1px solid var(--line);color:var(--ink);background:var(--paper);margin:0;position:fixed;inset:auto;overflow:auto}.person-card[hidden]{display:none}.people-cards.is-enhanced{margin:0;display:block}.person-card.is-popover{overflow:visible;rotate:none}.person-card.is-popover h3{border-radius:19px 19px 0 0}.person-card.is-popover:after{content:"";left:var(--tail-left,24px);background:var(--paper);width:16px;height:16px;position:absolute;bottom:-8px;transform:rotate(45deg)}.person-card.is-popover[data-placement=below]:after{background:var(--peach);top:-8px;bottom:auto}.rest-art.is-enhanced .bubble{opacity:0}.rest-art.is-enhanced.is-awake .bubble{opacity:1}@media (prefers-reduced-motion:reduce){[data-tilt]{transition:none;rotate:none!important}.nightcap-drop [data-natter] .n-cap{animation:none}}