.cst{--cst-ease:cubic-bezier(.2, .7, .2, 1);--cst-line:color-mix(in oklch, var(--foreground) 9%, transparent);--cst-active:color-mix(in oklch, var(--foreground) 5%, transparent)}.cst-shell{box-shadow:var(--ed-shadow)}.cst-stage{isolation:isolate;background:radial-gradient(60% 60% at 55% 50%, color-mix(in oklch, var(--foreground) 6%, transparent), transparent 72%), radial-gradient(circle at 1px 1px, color-mix(in oklch, var(--foreground) 9%, transparent) 1px, transparent 0) 0 0 / 18px 18px}.cst-phone{filter:drop-shadow(0 20px 28px #00000052);filter:drop-shadow(0 20px 28px lab(0% 0 0/.32))}.cst-metric+.cst-metric{border-left:1px solid var(--cst-line);padding-left:1rem}.cst-hl{transition:background-color .35s}.cst-hl-ico{transition:background-color .35s,border-color .35s,color .35s}.cst-hl-text{transition:color .35s}.cst-hl[data-active]{background-color:var(--cst-active)}.cst-hl[data-active] .cst-hl-ico{background-color:var(--foreground);border-color:var(--foreground);color:var(--background)}.sd-tour[data-step] .cst-hl:not([data-active]) .cst-hl-text{color:var(--muted-foreground)}.cst-hl-progress{background:var(--foreground);opacity:0;transform:scaleX(0)}@media (prefers-reduced-motion:no-preference){[data-touring]:not([data-tour-paused]) .cst-hl[data-active] .cst-hl-progress{opacity:.4;animation:cst-progress var(--tour-ms,3s) linear both}}@keyframes cst-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){[data-reveal-trigger]:not(.is-revealed) .cst-phone{opacity:0;translate:0 1.25rem}[data-reveal-trigger] .cst-phone{transition:opacity .7s var(--cst-ease) .35s, translate .9s var(--cst-ease) .35s}}
