.flow-app{min-height:100dvh;display:flex;flex-direction:column;background:var(--color-bg);color:var(--color-text);position:relative}.flow-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--color-border);z-index:10}.flow-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-vivid));transition:width .4s var(--ease-out);width:0%}.coaching-nav{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--color-bg) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.coaching-nav-inner{max-width:72rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem}.coaching-nav-logo{font-family:var(--font-hand);font-size:1.3rem;color:var(--color-text-subtle);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.coaching-nav-logo:hover{color:var(--color-hand)}.coaching-nav-links{display:flex;gap:var(--space-lg)}.coaching-nav-links a{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.coaching-nav-links a:hover{color:var(--color-text)}.coaching-nav-links a.active{color:var(--color-accent)}@media(max-width:640px){.coaching-nav-links{gap:var(--space-md)}.coaching-nav-links a{font-size:var(--text-xs)}}.intro-checklist{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.intro-checklist li{display:flex;align-items:center;gap:.75rem;color:var(--color-text-muted);font-size:var(--text-base)}.intro-checklist li:before{content:"✓";color:var(--color-accent);font-weight:700;font-size:1.1em;flex-shrink:0}.intro-testimonial{border-left:2px solid var(--color-hand);padding-left:var(--space-lg);margin:0}.intro-testimonial p{font-size:var(--text-lg);color:var(--color-hand);opacity:.8}.intro-actions{display:grid;gap:var(--space-lg)}.book-now-btn{font-size:var(--text-lg);padding:.8em 2em}.book-price{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.book-price strong{color:var(--color-text);font-family:var(--font-display)}.pro-bono{display:grid;gap:var(--space-sm);padding-block-start:var(--space-md);border-block-start:1px solid var(--color-border);margin-block-start:var(--space-sm)}.pro-bono-divider{color:var(--color-text-subtle);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em}.pro-bono-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm);padding:.6em 1.4em;justify-self:start}.pro-bono-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.pro-bono-note{font-size:var(--text-xs);color:var(--color-text-subtle);max-width:40ch}.skip-queue{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.skip-divider{color:var(--color-text-subtle);font-size:var(--text-sm)}.skip-btn{background:transparent;border:1px solid var(--color-hand);color:var(--color-hand);font-size:var(--text-sm);padding:.5em 1.2em}.skip-btn:hover{background:var(--color-hand);color:var(--color-bg);box-shadow:0 4px 20px color-mix(in srgb,var(--color-hand) 25%,transparent)}.skip-note{font-size:var(--text-xs);color:var(--color-text-subtle);flex-basis:100%}.flow-steps{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 2rem 4rem}.flow-step{display:none;width:100%;max-width:40rem;transition:transform .3s var(--ease-out),opacity .3s var(--ease-out)}.flow-step.active{display:block}.step-content{display:grid;gap:var(--space-lg)}.step-number{font-size:var(--text-xl);opacity:.5}.step-badge{display:inline-block;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,transparent);padding:.3em .8em;border-radius:100px;justify-self:start}.step-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;line-height:1.1;letter-spacing:-.03em}.step-subtitle{color:var(--color-text-muted);font-size:var(--text-lg);max-width:45ch}.step-detail{color:var(--color-text-subtle);font-size:var(--text-base);max-width:45ch}.step-description{color:var(--color-text-subtle);font-size:var(--text-sm);margin-block-start:calc(-1 * var(--space-sm))}.input-stack{display:grid;gap:var(--space-lg)}.flow-input{width:100%;padding:0;border:none;border-bottom:2px solid var(--color-border);background:transparent;color:var(--color-text);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;line-height:1.4;outline:none;transition:border-color .3s var(--ease-out);caret-color:var(--color-accent)}.flow-textarea{width:100%;padding:0;border:none;border-left:2px solid var(--color-border);padding-left:var(--space-lg);background:transparent;color:var(--color-text);font-family:var(--font-body);font-size:var(--text-lg);line-height:1.6;resize:none;outline:none;transition:border-color .3s var(--ease-out);caret-color:var(--color-accent)}.flow-input:focus,.flow-textarea:focus{border-color:var(--color-accent)}.flow-input::placeholder,.flow-textarea::placeholder{color:var(--color-text-subtle);opacity:.5}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.shake{animation:shake .4s var(--ease-out);border-color:var(--color-hand)!important}.email-error{color:var(--color-hand);font-size:var(--text-xs);margin-top:.5rem;display:block}.flow-options{display:grid;gap:var(--space-md)}.flow-option{display:flex;align-items:center;gap:var(--space-md);padding:1em 1.25em;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-elevated);color:var(--color-text);font-family:inherit;font-size:var(--text-base);cursor:pointer;text-align:left;transition:all var(--duration-fast) var(--ease-out)}.flow-option:hover{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 6%,var(--color-bg-elevated));transform:translate(4px)}.option-key{display:grid;place-items:center;width:1.75rem;height:1.75rem;border:1px solid var(--color-border);border-radius:4px;font-size:var(--text-xs);font-weight:600;color:var(--color-text-subtle);flex-shrink:0;transition:all var(--duration-fast) var(--ease-out)}.flow-option:hover .option-key{border-color:var(--color-accent);color:var(--color-accent)}.step-actions{display:flex;align-items:center;gap:var(--space-lg)}.step-hint{font-size:var(--text-xs);color:var(--color-text-subtle)}.step-hint kbd{padding:.15em .4em;border:1px solid var(--color-border);border-radius:3px;font-family:inherit;font-size:.85em}.flow-btn{display:inline-flex;align-items:center;gap:.5em;padding:.7em 1.8em;border:none;border-radius:8px;font-family:inherit;font-size:var(--text-base);font-weight:600;cursor:pointer;text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.flow-btn.primary{background:var(--color-accent);color:var(--color-bg)}.flow-btn.primary:hover{background:var(--color-accent-vivid);box-shadow:0 8px 32px var(--color-glow);transform:translateY(-2px)}.flow-btn.secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.flow-btn.secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn-arrow{transition:transform var(--duration-fast) var(--ease-spring)}.flow-btn:hover .btn-arrow{transform:translate(4px)}.thank-you{text-align:center;justify-items:center}.book-btn{font-size:var(--text-lg);padding:1em 2.5em}.book-note{font-size:var(--text-base)!important}.flow-footer{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:var(--space-md);transition:opacity .3s var(--ease-out)}.flow-nav-btn{width:2.5rem;height:2.5rem;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:50%;background:var(--color-bg-elevated);color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-out)}.flow-nav-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.flow-nav-btn:disabled{opacity:.3;cursor:not-allowed}.flow-counter{font-size:var(--text-xs);color:var(--color-text-subtle);font-family:var(--font-mono);min-width:4em;text-align:center}body:after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px}
