@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333}.app{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0000001a}.header .container{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;padding:1rem 20px;gap:1rem;position:relative;min-height:60px}.nav-brand{justify-self:start}.logo-container{display:flex;align-items:center;gap:.5rem}.logo-icon{color:#2563eb}.logo-text{font-size:1.5rem;font-weight:700;color:#1f2937}.nav{display:flex;gap:2rem;align-items:center;grid-column:2}.nav a{text-decoration:none;color:#333;font-weight:500;transition:color .3s ease}.nav a:hover{color:#2563eb}.cta-button{background:#2563eb;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s ease;grid-column:3;position:relative;z-index:20;display:block}.cta-button:hover{background:#1d4ed8}.pilot-invite-text{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);color:#1f2937;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;border:1px solid #cbd5e1;box-shadow:0 1px 3px #94a3b81a;white-space:nowrap;animation:subtle-pulse 2s ease-in-out infinite;position:absolute;left:50%;text-align:center;z-index:1;pointer-events:none;max-width:calc(100% - 300px)}@keyframes subtle-pulse{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.98;transform:translate(-50%) scale(1.01)}}.menu-toggle{display:none;background:none;border:none;cursor:pointer;color:#333;grid-column:4}.hero{background:linear-gradient(135deg,#eff6ff,#fff);padding:4rem 0}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-left h1{font-size:3rem;font-weight:800;color:#1f2937;margin-bottom:1.5rem;line-height:1.2}.hero-left p{font-size:1.25rem;color:#6b7280;margin-bottom:2rem}.pilot-projects{margin-bottom:2rem}.pilot-projects-intro{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.pilot-projects-list{list-style:none;padding:0;margin:0}.pilot-projects-list li{font-size:1rem;color:#4b5563;margin-bottom:.5rem;padding-left:1.5rem;position:relative;line-height:1.6}.pilot-projects-list li:before{content:"▸";position:absolute;left:0;color:#2563eb;font-weight:600}.cta-button-large{background:#2563eb;color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;transition:all .3s ease}.cta-button-large:hover{background:#1d4ed8;transform:translateY(-2px)}.cta-subtitle{font-size:.9rem;font-weight:400;opacity:.9}.hero-right{display:flex;justify-content:center}.dashboard-mockup{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;overflow:hidden;max-width:500px;border:1px solid #e5e7eb}.dashboard-header{background:#f8f9fa;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.dashboard-title{font-weight:600;color:#1f2937;font-size:.9rem}.dashboard-status{font-size:.8rem;color:#059669;font-weight:500}.chat-thread{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.message{display:flex;gap:.75rem;align-items:flex-start}.message-avatar{font-size:1.5rem;flex-shrink:0}.message-content{flex:1}.message-sender{font-size:.8rem;font-weight:600;color:#6b7280;margin-bottom:.25rem}.message-text{background:#f3f4f6;padding:.75rem 1rem;border-radius:12px;font-size:.9rem;color:#1f2937}.user-message .message-text{background:#dbeafe;color:#1e40af}.dashboard-footer{background:#f8f9fa;padding:.75rem 1.5rem;border-top:1px solid #e5e7eb}.project-info{font-size:.8rem;color:#6b7280;font-weight:500}.why-skillflow{background:#f8f9fa;padding:4rem 0}.why-skillflow h2{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#1f2937}.why-skillflow p{font-size:1.1rem;text-align:center;color:#6b7280;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.quote-box{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:3rem auto;max-width:600px;text-align:center}.quote-box blockquote{font-size:1.5rem;font-style:italic;color:#2563eb;font-weight:600}.solution-text{font-size:1.2rem;font-weight:600;text-align:center;color:#1f2937;margin:3rem auto 4rem;max-width:700px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-item{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;text-align:center;transition:transform .3s ease}.feature-item:hover{transform:translateY(-5px)}.feature-item svg{color:#2563eb;margin-bottom:1rem}.feature-item h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#1f2937}.feature-item p{color:#6b7280;margin:0}.how-it-works{background:#fff;padding:4rem 0}.how-it-works h2{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:#1f2937}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.step-item{background:#f8f9fa;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;text-align:center;transition:transform .3s ease;border:1px solid #e5e7eb}.step-item:hover{transform:translateY(-5px)}.step-number{font-size:2rem;margin-bottom:1rem}.step-item h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#1f2937}.step-item p{color:#6b7280;margin:0;line-height:1.6}.flow-tagline{text-align:center;margin-top:3rem}.flow-tagline p{font-size:1.2rem;font-weight:600;color:#1f2937}.join-waitlist{padding:4rem 0;background:#fff}.waitlist-card{max-width:600px;margin:0 auto;background:#f8f9fa;padding:3rem;border-radius:20px;text-align:center}.waitlist-card h2{font-size:2rem;font-weight:700;margin-bottom:2rem;color:#1f2937}.pilot-details{margin-bottom:2rem}.pilot-details-list{list-style:none;padding:0;margin:0;text-align:left}.pilot-details-list li{font-size:1rem;color:#4b5563;margin-bottom:.75rem;padding-left:1.5rem;position:relative;line-height:1.6}.pilot-details-list li:before{content:"▸";position:absolute;left:0;color:#2563eb;font-weight:600}.waitlist-form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.form-group input,.form-group select{width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2563eb}.waitlist-subtext{color:#6b7280;margin-bottom:2rem}.tally-form-container{margin-bottom:2rem}.tally-iframe{border-radius:8px;min-height:300px}.pilot-form-container{margin-top:2rem;margin-bottom:1rem}.pilot-form-button{display:inline-block;background:#2563eb;color:#fff;padding:1rem 2.5rem;border-radius:12px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer}.pilot-form-button:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.progress-bar{background:#e5e7eb;height:8px;border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress-fill{background:#10b981;height:100%;transition:width .3s ease}.progress-text{color:#6b7280;font-size:.9rem}.footer{background:#222;color:#fff;padding:3rem 0 1rem}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.footer-links{display:flex;gap:2rem}.footer-links a{color:#fff;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#2563eb}.footer-social{display:flex;gap:1rem}.footer-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#374151;border-radius:50%;text-decoration:none;transition:background .3s ease}.footer-social a:hover{background:#2563eb}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #374151}.footer-bottom p{color:#9ca3af;font-size:.9rem}@media (max-width: 768px){.header .container{grid-template-columns:auto 1fr auto}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:1rem;box-shadow:0 2px 10px #0000001a;grid-column:auto}.nav-open{display:flex}.pilot-invite-text,.cta-button{display:none}.menu-toggle{display:block;grid-column:3}.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-left h1{font-size:2rem}.pilot-projects{text-align:left}.pilot-projects-list li{font-size:.95rem}.steps-grid{grid-template-columns:1fr;gap:2rem}.footer-content{flex-direction:column;gap:2rem}.footer-links{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.container{padding:0 15px}.hero-left h1{font-size:1.8rem}.hero-left p{font-size:1rem}.features-grid,.steps-grid{grid-template-columns:1fr}.dashboard-mockup{max-width:100%}.waitlist-card{padding:2rem 1.5rem}}