:root{--kadr-header-h:3.5rem}.tone-light{color:var(--color-fg);--color-fg:#0f0f0f;--color-fg-muted:#0f0f0fb3;--color-fg-faint:#0f0f0f91;--color-fg-ghost:#0f0f0f52;--color-paper:#0f0f0f;--color-ink:#fff;--color-line:#0f0f0f1f;--color-line-hi:#0f0f0f42;--color-block:#fff;--color-block-hi:#fff;--color-block-lo:#fff;--shadow-card:0 1px 2px #0f0f0f0f;--shadow-lift:0 18px 40px -22px #0f0f0f59}.tone-dark{color:var(--color-fg);--color-fg:#fff;--color-fg-muted:#fff9;--color-fg-faint:#fff6;--color-fg-ghost:#ffffff3d;--color-paper:#fff;--color-ink:#0f0f0f;--color-line:#2a2a2a;--color-line-hi:#383838;--color-block:#161616;--color-block-hi:#1c1c1c;--color-block-lo:#121212;--shadow-card:0 1px 2px #00000059;--shadow-lift:0 12px 32px -14px #000000b3}.tone-light ::selection{background:color-mix(in oklab, var(--color-signal) 24%, transparent);color:#0f0f0f}@media (prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(12px)}.reveal.is-in{opacity:1;transition:opacity .26s var(--ease-out-soft), transform .26s var(--ease-out-soft);transition-delay:calc(60ms * var(--i,0));transform:none}.stagger:not(.is-in)>*{opacity:0}.stagger.is-in>*{animation:landing-line-in .4s var(--ease-out-soft) both}.stagger.is-in>:nth-child(2){animation-delay:60ms}.stagger.is-in>:nth-child(3){animation-delay:.12s}.stagger.is-in>:nth-child(4){animation-delay:.18s}.stagger.is-in>:nth-child(5){animation-delay:.24s}.stagger.is-in>:nth-child(6){animation-delay:.3s}.stagger.is-in>:nth-child(n+7){animation-delay:.36s}}@keyframes landing-line-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}:root{--seam-cut:57%}.seam-line{transform:translateY(calc(-1 * var(--seam-cut)))}.seam-half-top{clip-path:inset(0 0 calc(100% - var(--seam-cut)) 0)}.seam-half-bottom{clip-path:inset(var(--seam-cut) 0 0 0)}.strike{position:relative}.strike:after{content:"";background:var(--color-signal);transform-origin:0;width:100%;height:1px;position:absolute;top:50%;left:0}@media (prefers-reduced-motion:no-preference){.strike:after{transform:scaleX(0)}.strike.is-in:after{transition:transform .32s var(--ease-out-soft);transition-delay:calc(60ms * var(--i,0));transform:scaleX(1)}}.preview-part{outline-offset:8px;transition:outline-color .26s var(--ease-out-soft), box-shadow .26s var(--ease-out-soft);outline:1px solid #0000}.preview-part[data-inset=true]{outline-offset:-1px}.preview-part[data-active=true]{outline-color:var(--color-signal);box-shadow:inset 0 0 0 100vmax color-mix(in oklab, var(--color-signal) 6%, transparent)}.preview-pane{transition:transform .5s var(--ease-out-soft)}.kadr-anim[data-phase=armed] .kadr-anim-frame,.kadr-anim[data-phase=run] .kadr-anim-frame{stroke-dasharray:1;stroke-dashoffset:1px}.kadr-anim[data-phase=armed] .kadr-anim-spine,.kadr-anim[data-phase=armed] .kadr-anim-arm{opacity:0}.kadr-anim[data-phase=run] .kadr-anim-frame{animation:1.05s cubic-bezier(.65,0,.25,1) .12s forwards kadr-draw-frame}.kadr-anim[data-phase=run] .kadr-anim-spine{transform-box:fill-box;transform-origin:50%;animation:.52s cubic-bezier(.2,.85,.2,1) .6s forwards kadr-build-spine}.kadr-anim[data-phase=run] .kadr-anim-arm{transform-box:fill-box;transform-origin:0}.kadr-anim[data-phase=run] .kadr-anim-arm-upper{animation:.62s cubic-bezier(.15,.9,.2,1) .82s forwards kadr-arm-upper}.kadr-anim[data-phase=run] .kadr-anim-arm-lower{animation:.62s cubic-bezier(.15,.9,.2,1) .92s forwards kadr-arm-lower}@keyframes kadr-draw-frame{to{stroke-dashoffset:0}}@keyframes kadr-build-spine{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes kadr-arm-upper{0%{opacity:0;transform:translate(-14px,14px)scale(.72)}65%{opacity:1;transform:translate(2px,-2px)scale(1)}to{opacity:1;transform:none}}@keyframes kadr-arm-lower{0%{opacity:0;transform:translate(-14px,-14px)scale(.72)}65%{opacity:1;transform:translate(2px,2px)scale(1)}to{opacity:1;transform:none}}.hero-surface{background-color:#f5f8f6}
