.js .reveal{opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease-out-soft),transform .5s var(--ease-out-soft);transition-delay:var(--rd, 0ms)}.js .reveal.is-visible{opacity:1;transform:none}.hero-glow:before{content:"";position:absolute;inset:-20% -10% auto;height:70%;background:radial-gradient(60% 60% at 30% 30%,rgb(11 122 115 / .1),transparent 70%);pointer-events:none;z-index:0}.phone{width:min(280px,78vw);aspect-ratio:280 / 570;border-radius:var(--radius-phone);background:var(--color-ink-900);padding:.625rem;box-shadow:var(--shadow-lg);position:relative}.phone-screen{position:relative;height:100%;border-radius:var(--radius-screen);background:var(--color-canvas);overflow:hidden;display:flex;flex-direction:column}.phone-stage{position:relative;flex:1;overflow:hidden}.scene{position:absolute;top:0;right:0;bottom:0;left:0;padding:.75rem;opacity:0;visibility:hidden;transition:opacity .45s var(--ease-out-soft),visibility .45s}.demo[data-scene="1"] .scene[data-index="1"],.demo[data-scene="2"] .scene[data-index="2"],.demo[data-scene="3"] .scene[data-index="3"],.demo[data-scene="4"] .scene[data-index="4"]{opacity:1;visibility:visible}.demo[data-scene="1"] .scene[data-index="1"] .beat,.demo[data-scene="2"] .scene[data-index="2"] .beat,.demo[data-scene="3"] .scene[data-index="3"] .beat,.demo[data-scene="4"] .scene[data-index="4"] .beat{animation:rise .42s var(--ease-out-soft) both;animation-delay:var(--d, 0ms)}.demo[data-scene="1"] .rec-idle{animation:swap-out .4s var(--ease-out-soft) 1.7s both}.demo[data-scene="1"] .rec-live{animation:swap-in .4s var(--ease-out-soft) 1.9s both}.rec-live{opacity:0}.fill{position:relative;min-height:.95rem}.fill-bar{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.25rem;background:var(--color-ink-100)}.fill-val{opacity:0}.demo[data-scene="3"] .fill-bar{animation:shimmer 1.4s ease-in-out infinite,swap-out .3s var(--ease-out-soft) var(--d, 0ms) forwards}.demo[data-scene="3"] .fill-val{animation:swap-in .3s var(--ease-out-soft) var(--d, 0ms) forwards}.demo[data-scene="4"] .spark-line{animation:draw 1.1s var(--ease-out-soft) .5s both}.spark-line{stroke-dasharray:240;stroke-dashoffset:240}.wave{display:flex;align-items:center;justify-content:center;gap:4px;height:34px}.wave i{display:block;width:3px;border-radius:9999px;background:var(--color-brand-500);height:22%;transform-origin:center}.demo[data-scene="1"] .rec-live .wave i{animation-name:bar;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.wave i:nth-child(6n+1){animation-duration:.52s;animation-delay:0s}.wave i:nth-child(6n+2){animation-duration:.74s;animation-delay:.09s}.wave i:nth-child(6n+3){animation-duration:.44s;animation-delay:.18s}.wave i:nth-child(6n+4){animation-duration:.84s;animation-delay:.05s}.wave i:nth-child(6n+5){animation-duration:.58s;animation-delay:.22s}.wave i:nth-child(6n+6){animation-duration:.68s;animation-delay:.13s}.chip-fill{transform:scaleX(0);transform-origin:left}.chip[aria-selected=true] .chip-fill{animation:chip-fill var(--dwell, 5s) linear both}.demo.is-paused .chip[aria-selected=true] .chip-fill{animation-play-state:paused}@keyframes swap-out{to{opacity:0}}@keyframes swap-in{0%{opacity:0}to{opacity:1}}@keyframes bar{0%{height:18%}to{height:96%}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes chip-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(prefers-reduced-motion:reduce){.phone{animation:none!important}.rec-live{opacity:1}.fill-bar{display:none}.fill-val{opacity:1}.spark-line{stroke-dashoffset:0}}.logo-mark{border-radius:23.4375%}.ic{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.5rem;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:.375rem;border-radius:9999px;background:var(--color-ink-100)}input[type=range]::-moz-range-track{height:.375rem;border-radius:9999px;background:var(--color-ink-100)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.5rem;height:1.5rem;margin-top:-.5625rem;border-radius:9999px;background:var(--color-brand-600);border:3px solid var(--color-surface);box-shadow:var(--shadow-sm)}input[type=range]::-moz-range-thumb{width:1.5rem;height:1.5rem;border-radius:9999px;background:var(--color-brand-600);border:3px solid var(--color-surface);box-shadow:var(--shadow-sm)}summary::-webkit-details-marker{display:none}