.console-bar{transform-box:fill-box;transform-origin:50% 100%;animation:console-bar-in .8s var(--ease-out-expo) both;animation-delay:calc(var(--i) * 28ms + .55s)}@keyframes console-bar-in{0%{transform:scaleY(0)}}.console-reveal{transform-box:fill-box;transform-origin:0;animation:1.2s ease-in-out .8s both console-reveal}@keyframes console-reveal{0%{transform:scaleX(0)}}.console-fade{animation:console-fade .4s var(--ease-out-expo) both}@keyframes console-fade{0%{opacity:0;transform:translateY(5px)}}.console-feed-in{animation:console-feed-in .9s var(--ease-out-expo) both}@keyframes console-feed-in{0%{opacity:0;background:color-mix(in oklab, var(--signal) 14%, transparent);transform:translateY(-12px)}}.console-row-in{animation:console-fade .4s var(--ease-out-expo) both;animation-delay:calc(var(--i) * 40ms + 80ms)}.console-grow{transform-origin:0;animation:console-grow .8s var(--ease-out-expo) both;animation-delay:calc(var(--i) * 70ms + .15s)}@keyframes console-grow{0%{transform:scaleX(0)}}.console-flash{animation:1.8s ease-out console-flash}@keyframes console-flash{0%{background:color-mix(in oklab, var(--signal) 18%, transparent)}}.console-pop{animation:.5s cubic-bezier(.34,1.56,.64,1) both console-pop;animation-delay:calc(var(--i) * 45ms);transform-box:fill-box;transform-origin:50% 100%}@keyframes console-pop{0%{opacity:0;transform:scaleY(0)}}.console-pulse{animation:.9s ease-out console-pulse}@keyframes console-pulse{30%{color:var(--signal);text-shadow:0 0 12px color-mix(in oklab, var(--signal) 45%, transparent)}}.console-panel-in{animation:console-panel-in .45s var(--ease-out-expo) both}@keyframes console-panel-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.demo-spot{animation:.5s ease-out 1.6s both demo-spot-in}.demo-spot:after{content:"";border-radius:inherit;box-shadow:0 0 0 0 color-mix(in oklab, var(--signal) 60%, transparent);animation:3.2s ease-out 2.1s infinite demo-spot-ring;position:absolute;inset:0}@keyframes demo-spot-in{0%{opacity:0;scale:.4}}@keyframes demo-spot-ring{0%,45%{box-shadow:0 0 0 0 color-mix(in oklab, var(--signal) 60%, transparent)}22%,67%,to{box-shadow:0 0 0 7px #0000}}.demo-frame:before,.demo-frame:after{content:"";pointer-events:none;opacity:0;background:conic-gradient(from var(--demo-angle,0deg), var(--ch-google), var(--ch-meta), var(--ch-tiktok), var(--ch-ga4), var(--ch-crm), var(--ch-google));border-radius:23px;position:absolute;inset:-5px}.demo-frame:before{z-index:1;padding:3px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.demo-frame:after{z-index:-1;filter:blur(26px);border-radius:32px;inset:-14px}@property --demo-angle{syntax:"<angle>";inherits:true;initial-value:0deg}.demo-flash{animation:2.6s linear demo-spin}.demo-flash:before{animation:2.6s ease-out demo-ring}.demo-flash:after{animation:2.6s ease-out demo-glow}@keyframes demo-spin{to{--demo-angle:360deg}}@keyframes demo-ring{8%,75%{opacity:1}}@keyframes demo-glow{8%{opacity:.75}35%{opacity:.35}55%{opacity:.7}80%{opacity:.3}}@media (prefers-reduced-motion:reduce){.demo-flash,.demo-flash:before,.demo-flash:after{animation:none}.demo-flash:before{opacity:1}.demo-flash:after{opacity:.45}.demo-spot,.demo-spot:after,.console-reveal{animation:none}}
.hero-mask{vertical-align:bottom;margin-bottom:-.12em;padding-bottom:.12em;display:inline-block;overflow:hidden}.hero-word{animation:hero-word 1s var(--ease-out-expo) both;animation-delay:calc(var(--i) * 55ms + 50ms);display:inline-block}@keyframes hero-word{0%{transform:translateY(108%)rotate(2deg)}}.hero-rise{animation:hero-rise .9s var(--ease-out-expo) both;animation-delay:var(--d,0s)}@keyframes hero-rise{0%{opacity:0;transform:translateY(14px)}}.hero-console-in{animation:hero-console-in 1.4s var(--ease-out-expo) .15s both}@keyframes hero-console-in{0%{opacity:0;transform:translateY(70px)rotateX(18deg)}}.hero-chip{animation:.8s cubic-bezier(.34,1.56,.64,1) both hero-chip-in,7s ease-in-out infinite hero-chip-float;animation-delay:calc(var(--i) * .12s + .95s), calc(var(--i) * -2.3s)}@keyframes hero-chip-in{0%{opacity:0;scale:.85}}@keyframes hero-chip-float{50%{translate:0 -5px}}@property --glow{syntax:"<color>";inherits:false;initial-value:#0000}.hero-glow{background:radial-gradient(closest-side, color-mix(in oklab, var(--glow) 22%, transparent), transparent 70%);transition:--glow .7s}:root:not(.dark) .hero-glow{background:radial-gradient(closest-side, color-mix(in oklab, var(--glow) 13%, transparent), transparent 70%)}.spectrum-lines:not([data-play]) path{animation-play-state:paused}.spectrum-draw{stroke-dasharray:1;animation:1.6s ease-in-out both spectrum-draw;animation-delay:calc(var(--i) * 90ms + .3s)}@keyframes spectrum-draw{0%{stroke-dashoffset:1px}}.spectrum-flow{stroke-dasharray:.035 .965;stroke-dashoffset:1px;opacity:0;animation:3.2s linear infinite spectrum-flow;animation-delay:calc(var(--i) * .55s + 2s)}@keyframes spectrum-flow{0%{stroke-dashoffset:1px;opacity:0}10%,85%{opacity:1}to{stroke-dashoffset:0;opacity:0}}.hero-scene[data-focus=true] .hero-chip{opacity:.1;pointer-events:none}
.build-draw{animation:.6s ease-out both build-draw}@keyframes build-draw{0%{opacity:0}}.build-flow{stroke-dasharray:.14 2;stroke-dashoffset:.14px;animation:.7s linear both build-flow}.build-flow-out{animation-delay:var(--d,.61s)}@keyframes build-flow{0%{stroke-dashoffset:.14px}to{stroke-dashoffset:-1px}}.build-land{opacity:0;box-shadow:0 0 0 1.5px var(--c);background:color-mix(in oklab, var(--c) 22%, transparent);animation:1.2s ease-out 1.2s build-land}@keyframes build-land{0%,35%{opacity:1}}.build-row-in{isolation:isolate;animation:build-row-in .7s var(--ease-out-expo) both;position:relative}.build-row-in:before{content:"";z-index:-1;border-radius:inherit;background:color-mix(in oklab, var(--c) 18%, transparent);opacity:0;pointer-events:none;animation:1.1s ease-out build-row-tint;position:absolute;inset:0}@keyframes build-row-in{0%{opacity:0;transform:translateY(-10px)}}@keyframes build-row-tint{0%{opacity:1}}.build-delta{animation:1.6s ease-out both build-delta}@keyframes build-delta{0%{opacity:0;transform:translateY(3px)}12%,80%{opacity:1;transform:none}to{opacity:0}}@media (prefers-reduced-motion:reduce){.build-draw,.build-land,.build-row-in,.build-row-in:before{animation:none}.build-flow{display:none}.build-delta{animation:none}}
.proc{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""day""art""track""meta";row-gap:24px;display:grid}.proc-side{display:contents}.proc-head{grid-area:head}.proc-day{grid-area:day}.proc-art{grid-area:art}.proc-track{grid-area:track}.proc-meta{grid-area:meta}@media (min-width:1024px){.proc{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"head head""side art""track track";gap:32px 48px}.proc-side{flex-direction:column;grid-area:side;display:flex}.proc-meta{margin-top:auto;padding-top:24px}}.track-lit{transition:transform .22s var(--ease-out-expo)}.track-handle{transition:left .22s var(--ease-out-expo)}.track[data-drag] .track-lit,.track[data-drag] .track-handle{transition:none}.track-dim{opacity:.22}.stage-chip[data-ready]{background:color-mix(in oklab, var(--c) 14%, transparent)}@media (prefers-reduced-motion:reduce){.track-lit,.track-handle{transition:none}}
.brief-route{grid-template-columns:minmax(0,1fr);grid-template-areas:"lanes""card""foot";display:grid}.brief-route>[data-panel]{grid-area:1/1/-1/-1}@media (min-width:80rem){.brief-route{grid-template-columns:minmax(0,1fr) 112px 340px;grid-template-areas:"lanes.card""foot.card"}.brief-route>[data-panel]{grid-area:1/1/-1/2}}.brief-lane{--lane-ink:color-mix(in oklab, var(--lane) 70%, var(--foreground))}.brief-dot{background:var(--window);box-shadow:inset 0 0 0 1.5px var(--lane);transition:background-color .3s,box-shadow .3s}.brief-dot[data-done]{background:var(--lane);box-shadow:0 0 0 4px color-mix(in oklab, var(--lane) 20%, transparent)}.brief-state{color:var(--subtle);transition:color .3s}.brief-state[data-done]{color:var(--lane-ink)}.brief-lane .choice[aria-checked=true]{background:color-mix(in oklab, var(--lane) 14%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--lane) 60%, transparent)}.brief-lane .choice[aria-checked=true]>.choice-box{background:var(--lane);color:var(--on-channel)}.brief-lane .choice[aria-checked=true] .brief-icon{color:var(--lane-ink)}.brief-lane .brief-time[aria-checked=true]{background:var(--lane);color:var(--on-channel);box-shadow:none;font-weight:600}.brief-lane :is(input,textarea):focus:not([aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--lane) 70%, transparent)}.brief-line{stroke-dasharray:1;transition:stroke-dashoffset .9s var(--ease-out-expo)}.brief-tip{fill:var(--window);transition:fill .3s}.brief-tip[data-done]{fill:currentColor}.brief-hub{fill:var(--line-strong);transition:fill .4s,filter .4s}.brief-hub[data-on]{fill:var(--signal);filter:drop-shadow(0 0 6px color-mix(in oklab, var(--signal) 60%, transparent))}.brief-system{transform-origin:0;transition:transform .9s var(--ease-out-expo), background-color .4s ease;transform:scaleX(0)}.brief-system[data-on]{transform:none}.brief-card[data-sent] .brief-node:after{content:"";border-radius:inherit;box-shadow:0 0 0 0 var(--good);animation:brief-ring 1.4s var(--ease-out-expo) .3s 2 both;position:absolute;inset:-1px}@keyframes brief-ring{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--good) 55%, transparent)}to{box-shadow:0 0 0 12px color-mix(in oklab, var(--good) 0%, transparent)}}.brief-stage{transition:background-color .5s}@media (prefers-reduced-motion:reduce){.brief-line,.brief-system,.brief-stage{transition:none}.brief-card[data-sent] .brief-node:after{display:none}}