@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.flow-layout .shimmer{background:var(--bg-tertiary);background-image:linear-gradient(to right,var(--bg-tertiary)0%,var(--bg-secondary)20%,var(--bg-tertiary)40%,var(--bg-tertiary)100%);background-repeat:no-repeat;background-size:800px 100%;animation:1.5s linear infinite shimmer}@keyframes flowMount{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.flow-layout{z-index:2000;background-color:var(--bg-primary);width:100vw;height:100vh;color:var(--text-primary);font-family:var(--font-sans);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.flow-layout:before{content:"";opacity:.015;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3%3Cfilter id='noiseFilter'%3%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3%3C/filter%3%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3%3C/svg%3");position:absolute;inset:0}.flow-main{z-index:1;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.flow-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:440px;padding:48px;animation:.4s cubic-bezier(.16,1,.3,1) forwards flowMount;box-shadow:0 4px 24px -4px #00000026,0 1px 2px #00000014}.flow-card h1{letter-spacing:-.02em;margin-bottom:8px;font-size:1.85rem;font-weight:700}.flow-card .subtext{color:var(--text-secondary);margin-bottom:32px;font-size:1rem}.flow-footer{text-align:center;border-top:1px solid var(--border-color);z-index:1;padding:24px}.flow-footer span{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.flow-form{text-align:left;flex-direction:column;gap:16px;display:flex}.flow-input-group{flex-direction:column;gap:8px;display:flex}.flow-input-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.flow-input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background-color:#0000;border-radius:8px;padding:14px 16px;font-size:1rem;transition:all .2s ease-out}.flow-input:focus{border-color:var(--text-primary);background-color:#ffffff05;outline:none}.flow-cta{margin-top:8px}.flow-confirmation{text-align:center;padding:40px 0}.flow-confirmation p{font-size:1.25rem;font-weight:600}.flow-demo-wrapper{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:1000px;padding:24px;animation:.4s cubic-bezier(.16,1,.3,1) forwards flowMount;box-shadow:0 4px 24px -4px #00000026}.flow-demo-header{text-align:center;margin-bottom:24px}.flow-demo-header h1{margin-bottom:8px;font-size:1.75rem}.cal-embed-container{background:var(--bg-secondary);border-radius:8px;width:100%;height:600px;overflow:hidden}@media (max-width:768px){.flow-layout{-webkit-overflow-scrolling:touch;overflow-y:auto}.flow-main{align-items:flex-start;padding:16px}.flow-card{padding:32px 22px}.flow-card h1{font-size:1.55rem}.flow-demo-wrapper{padding:16px}.flow-demo-header{margin-bottom:18px}.flow-demo-header h1{font-size:1.45rem}.cal-embed-container{height:540px}}
