[data-devcut-landing]{--dc-ink:#050607;--dc-panel:#0c0e10;--dc-rail:#14181c;--dc-signal:#ff9f1c;--dc-signal-soft:#ff9f1c2e;--dc-cyan:#2de2c5;--dc-cyan-soft:#2de2c524;--dc-paper:#f4efe4;--dc-mute:#f4efe4a8;--dc-dim:#f4efe480;--dc-cut:#ff3b55;--dc-line:#f4efe41f;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-inout:cubic-bezier(.77, 0, .175, 1);color:var(--dc-paper);background:var(--dc-ink);font-family:var(--font-jakarta), system-ui, sans-serif}[data-devcut-landing] .dc-display{font-family:var(--font-display), var(--font-jakarta), system-ui, sans-serif}[data-devcut-landing] .dc-mono{font-family:var(--font-mono), ui-monospace, monospace}@keyframes dc-rec-blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes dc-playhead{0%{transform:translate(-8%)}to{transform:translate(108%)}}@keyframes dc-grain{0%,to{transform:translate(0)}10%{transform:translate(-1%,1%)}30%{transform:translate(1%,-1%)}50%{transform:translate(-1%,.5%)}70%{transform:translate(.5%,-1%)}90%{transform:translate(1%,.5%)}}@keyframes dc-track-jitter{0%,to{transform:translate(0)}20%{transform:translate(-.4px,.3px)}40%{transform:translate(.5px,-.2px)}60%{transform:translate(-.3px,-.4px)}80%{transform:translate(.3px,.2px)}}[data-devcut-landing] .dc-rec{animation:1.4s step-end infinite dc-rec-blink}[data-devcut-landing] .dc-playhead{animation:7.5s linear infinite dc-playhead}[data-devcut-landing] .dc-grain{animation:.45s steps(2,end) infinite dc-grain}[data-devcut-landing] .dc-brand{text-shadow:-1.5px 0 #ff3b5573,1.5px 0 #2de2c573}[data-devcut-landing] .dc-brand:hover{animation:.28s steps(2,end) infinite dc-track-jitter}@media (prefers-reduced-motion:reduce){[data-devcut-landing] .dc-rec,[data-devcut-landing] .dc-playhead,[data-devcut-landing] .dc-grain,[data-devcut-landing] .dc-brand:hover{animation:none}}[data-devcut-landing] .dc-btn{transition:transform .14s var(--ease-out), background-color .18s ease, border-color .18s ease, color .18s ease}[data-devcut-landing] .dc-btn:active{transform:scale(.97)}[data-devcut-landing] .dc-sprocket{background-image:radial-gradient(circle at 50% 50%, transparent 38%, var(--dc-ink) 40%, var(--dc-ink) 58%, transparent 60%);background-repeat:repeat-y;background-size:100% 18px}@keyframes dc-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}[data-devcut-landing] .dc-marquee{animation:28s linear infinite dc-marquee}@media (prefers-reduced-motion:reduce){[data-devcut-landing] .dc-marquee{animation:none}}