.landing-page{background-color:var(--color-landing-bg);color:var(--color-landing-text-primary);font-family:var(--font-landing-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.grid-bg{background-image:linear-gradient(var(--color-landing-border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--color-landing-border-subtle) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 20%,transparent 100%)}.hero-glow{background:radial-gradient(600px circle at 50% 40%,var(--color-landing-accent-glow),transparent 60%),radial-gradient(400px circle at 60% 50%,var(--color-landing-warm-glow),transparent 50%)}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.gradient-border{--angle:0deg;border:1px solid transparent;background-origin:border-box;background-clip:padding-box,border-box;background-image:linear-gradient(var(--color-landing-bg-raised),var(--color-landing-bg-raised)),conic-gradient(from var(--angle),var(--color-landing-accent),var(--color-landing-warm),var(--color-landing-accent));animation:rotate-border 6s linear infinite}@keyframes rotate-border{to{--angle:360deg}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .8s ease-out both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.delay-7{animation-delay:.7s}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--color-landing-accent-glow)}50%{box-shadow:0 0 40px var(--color-landing-accent-glow),0 0 60px var(--color-landing-accent-glow)}}.pulse-glow{animation:pulse-glow 3s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{animation:blink 1s step-end infinite}@keyframes selection-appear{0%{border-color:transparent;box-shadow:0 0 0 transparent;background-color:transparent}to{border-color:var(--color-landing-accent);box-shadow:0 0 20px var(--color-landing-accent-glow);background-color:rgba(108,99,255,.05)}}.demo-card-select{border-color:transparent;box-shadow:none;background-color:transparent;animation:selection-appear .5s ease-out 1.8s both}.demo-card-select-inner{opacity:0;animation:fade-in .4s ease-out 2s both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.demo-source-label{opacity:0;animation:fade-in-up .4s ease-out 2.2s both}@keyframes editor-slide-up{0%{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.demo-editor-panel{opacity:0;animation:editor-slide-up .6s cubic-bezier(.16,1,.3,1) 2.5s both}.demo-task-block{opacity:0;animation:fade-in .4s ease-out 3.1s both}.demo-step-1{opacity:0;animation:fade-in-up .3s ease-out 3.4s both}.demo-step-2{opacity:0;animation:fade-in-up .3s ease-out 3.7s both}.demo-input-area{opacity:0;animation:fade-in .3s ease-out 4s both}@keyframes typing{0%{max-width:0}to{max-width:20em}}.demo-typing{display:inline-block;overflow:hidden;white-space:nowrap;max-width:0;animation:typing 1.2s steps(30) 4.3s both}.demo-cursor{opacity:0;animation:fade-in .01s ease-out 4.3s both,blink 1s step-end 5.5s infinite}.demo-toolbar{opacity:0;animation:fade-in-up .3s ease-out 4.2s both}@keyframes selection-pulse{0%,to{box-shadow:0 0 20px var(--color-landing-accent-glow)}50%{box-shadow:0 0 30px var(--color-landing-accent-glow),0 0 50px rgba(108,99,255,.1)}}.demo-card-select{animation:selection-appear .5s ease-out 1.8s both,selection-pulse 3s ease-in-out 2.3s infinite}