@layer components{.mkt{--mkt-canvas:#fff;--mkt-paper:oklch(from var(--primary) .975 .008 h);--mkt-tint:oklch(from var(--primary) .955 .02 h);--mkt-line:oklch(from var(--primary) .915 .014 h);--mkt-wordmark:var(--wordmark);--mkt-signature:oklch(from var(--primary) .935 .022 h);--mkt-shadow:var(--raised-shadow);background-color:var(--mkt-canvas);color:var(--foreground)}:root.dark .mkt{--mkt-canvas:var(--background);--mkt-paper:oklch(from var(--background) calc(l + .025) c h);--mkt-tint:oklch(from var(--primary) .25 .035 h);--mkt-line:var(--border);--mkt-signature:oklch(from var(--primary) .26 .03 h)}.mkt-display{font-family:var(--font-display), var(--font-sans), sans-serif;letter-spacing:-.035em;text-wrap:balance;font-variant-numeric:lining-nums proportional-nums;font-weight:700;line-height:1}.mkt-header{box-shadow:0 1px 0 var(--mkt-line)}@supports (animation-timeline:scroll()){.mkt-header{animation:linear both mkt-header-line;animation-timeline:scroll(root);animation-range:0 64px}}.stage-pane{transition:opacity .38s var(--ease-out), transform .52s var(--ease-out);grid-area:1/1}.stage-pane[data-on=false]{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out), visibility 0s linear .2s;transform:translateY(12px)}.stage-fade{transition:opacity .38s var(--ease-out), transform .52s var(--ease-out)}.stage-fade[data-on=false]{opacity:0;transform:translateY(6px)scale(.98)}.stage-press[data-on=true]{animation:stage-press .9s var(--ease-out) .45s 1 both}.story-beat{transition:transform .3s var(--ease-out), background-color .3s ease}.story-beat[data-on=true]{background-color:var(--primary)}.story-beat[data-now=true]{transform:scale(1.35)}.cadence-dot{transform:scale(var(--s,1))}.mkt-press{transition:transform .16s var(--ease-out), background-color .16s ease, color .16s ease, border-color .16s ease}.mkt-press:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.stage-pane,.stage-fade,.stage-press,.story-beat,.mkt-press{transition:none!important;animation:none!important}}}@keyframes stage-press{0%,to{transform:scale(1)}30%{transform:scale(.96)}}@keyframes mkt-header-line{0%{box-shadow:0 1px #0000}to{box-shadow:0 1px 0 var(--mkt-line)}}
