.landing{--landing-shadow:color-mix(in oklch, var(--foreground) 14%, transparent);background-color:var(--background)}@media (prefers-reduced-motion:no-preference){.landing :is([data-reveal],.landing-fade,[data-pop],[data-hero-word]){opacity:0}.landing [data-ring]{stroke-dashoffset:1px}}.landing-mark{background:linear-gradient(var(--ai), var(--ai)) no-repeat 0 92% / 100% .13em}.landing-panel{box-shadow:10px 10px 0 0 var(--landing-shadow)}.landing-flowcard{box-shadow:0 0 0 1px color-mix(in oklch, var(--foreground) 10%, transparent), 0 14px 34px -18px #00000080;transition:box-shadow .5s var(--ease-liquid,ease), translate .5s var(--ease-liquid,ease)}.landing-flowcard[data-active]{box-shadow:0 0 0 1.5px color-mix(in oklch, var(--ai) 70%, transparent), 0 0 26px -6px color-mix(in oklch, var(--ai) 40%, transparent), 0 18px 38px -18px #0000008c;translate:0 -3px}.landing-check{transition:background-color .3s,border-color .3s,color .3s}.landing-check svg{opacity:0;transition:opacity .2s}.landing-flowcard[data-c1] [data-check="1"],.landing-flowcard[data-c2] [data-check="2"]{background:var(--ai);border-color:var(--ai);color:var(--primary-foreground)}.landing-flowcard[data-c1] [data-check="1"] svg,.landing-flowcard[data-c2] [data-check="2"] svg{opacity:1}.landing-approve{background:var(--foreground);color:var(--background);transition:background-color .35s,color .35s}.landing-flowcard[data-approved] .landing-approve{background:var(--ai);color:var(--primary-foreground)}.landing-flowcard:not([data-approved]) .landing-when-approved,.landing-flowcard[data-approved] .landing-when-pending,.landing-flowcard:not([data-new]) .landing-when-new,.landing-flowcard:not([data-synced]) .landing-when-synced,.landing-flowcard[data-synced] .landing-when-syncing{display:none}.landing-taskbox svg{opacity:0}.landing-event{background:color-mix(in oklch, var(--foreground) 18%, transparent);transition:background-color .4s}.landing-flowcard[data-synced] .landing-event{background:var(--ai)}.landing-app{box-shadow:0 0 0 1px color-mix(in oklch, var(--foreground) 10%, transparent), 0 6px 16px -8px #00000073;transition:box-shadow .35s}.landing-app[data-live]{box-shadow:0 0 0 2px color-mix(in oklch, var(--ai) 75%, transparent), 0 0 16px color-mix(in oklch, var(--ai) 35%, transparent)}.landing-signal{filter:drop-shadow(0 0 4px var(--ai))}.landing-rings{-webkit-mask-image:radial-gradient(closest-side,#000 55%,#0000 100%);mask-image:radial-gradient(closest-side,#000 55%,#0000 100%)}li.landing-flowcard[data-active]>p:first-child{color:var(--ai)}
