*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background:#0a0a0a;color:#e5e5e5;font-family:Geist,Inter,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{position:relative;display:flex;align-items:center;justify-content:center;min-height:100dvh;width:100%;overflow:hidden}.canvas-wrapper{position:absolute;inset:0;z-index:0;transition:opacity .6s ease}.canvas-wrapper.fading{opacity:0}.workflow-canvas{display:block;width:100%;height:100%}.center-column{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2.5rem;width:100%;max-width:720px;padding:0 1rem}.content{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.logo{font-family:Geist Mono,JetBrains Mono,monospace;font-size:clamp(3rem,10vw,6rem);font-weight:200;letter-spacing:-.04em;color:#fafafa;opacity:0;transform:translateY(8px);transition:opacity 1.2s ease,transform 1.2s ease}.logo.visible{opacity:1;transform:translateY(0)}.logo.lifted{transform:translateY(-4px)}.tagline{font-family:Geist Mono,JetBrains Mono,monospace;font-size:clamp(.875rem,2.5vw,1.125rem);font-weight:300;letter-spacing:.25em;color:#525252;opacity:0;transform:translateY(6px);transition:opacity .8s ease,transform .8s ease,color 1.6s ease;min-width:14ch;text-align:center}.tagline.visible{opacity:1;transform:translateY(0);color:#737373}.tagline.fading-out{opacity:0;transform:translateY(-6px);color:#525252}.enterprise-text{font-family:Geist Mono,JetBrains Mono,monospace;font-size:clamp(.7rem,2vw,.9rem);font-weight:300;letter-spacing:.2em;color:#525252;opacity:0;transform:translateY(6px);transition:opacity .8s ease,transform .8s ease,color 1.2s ease;text-align:center;text-transform:uppercase}.enterprise-text.visible{opacity:1;transform:translateY(0);color:#14b8a6}.showcase-container{width:100%;opacity:0;transform:translateY(16px);transition:opacity .8s ease,transform .8s ease}.showcase-container.visible{opacity:1;transform:translateY(0)}.showcase-viewport{position:relative;max-height:min(420px,50vh);overflow:hidden;width:100%}.showcase-viewport:before,.showcase-viewport:after{content:"";position:absolute;left:0;right:0;height:50px;z-index:2;pointer-events:none}.showcase-viewport:before{top:0;background:linear-gradient(to bottom,#0a0a0a,transparent)}.showcase-viewport:after{bottom:0;background:linear-gradient(to top,#0a0a0a,transparent)}.workflow-list{display:flex;flex-direction:column;gap:12px;padding:8px 0}.workflow-list.scrolling{animation:scroll-workflows 25s cubic-bezier(.25,.1,.25,1) forwards}@keyframes scroll-workflows{0%,5%{transform:translateY(0)}95%,to{transform:translateY(var(--scroll-distance, -500px))}}.workflow-card{background:#141414cc;border:1px solid rgba(20,184,166,.12);border-left:2px solid #14b8a6;border-radius:8px;padding:14px 20px;opacity:0;animation:card-appear .5s ease forwards}@keyframes card-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.workflow-name{font-family:Geist Mono,JetBrains Mono,monospace;font-size:.8rem;font-weight:500;color:#e5e5e5;letter-spacing:.02em;margin-bottom:10px}.workflow-steps{display:flex;align-items:flex-start;gap:4px;flex-wrap:wrap}.workflow-step-group{display:flex;align-items:flex-start;gap:4px}.step-connector{color:#14b8a659;flex-shrink:0;margin-top:8px}.workflow-step{display:flex;flex-direction:column;align-items:center;gap:4px}.step-icon-wrapper{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(20,184,166,.2);border-radius:6px;background:#14b8a60d;color:#14b8a6}.step-icon-wrapper.pulsing{animation:icon-pulse 2.5s ease-in-out infinite}@keyframes icon-pulse{0%,to{box-shadow:0 0 #14b8a600;border-color:#14b8a633;background:#14b8a60d}50%{box-shadow:0 0 8px 2px #14b8a640;border-color:#14b8a680;background:#14b8a61f}}.step-label{font-family:Geist Mono,JetBrains Mono,monospace;font-size:.6rem;color:#737373;white-space:nowrap;letter-spacing:.02em}