#onboarding-app{min-height:100vh;background:linear-gradient(180deg,#fafafa,#fff)}.onboarding-container{max-width:800px;margin:0 auto;padding:0 20px}.onboarding-header{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.logo{font-size:20px;font-weight:700;color:#000;text-decoration:none}.progress-bar{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden;margin-bottom:48px}.progress-fill{height:100%;background:linear-gradient(135deg,#000,#333);transition:width .5s ease}.onboarding-content{padding-bottom:80px}.step-content{background:#fff;padding:48px;border-radius:16px;box-shadow:0 4px 12px #0000000d}.step-content h1{font-size:36px;margin-bottom:16px;text-align:center}.step-content h2{font-size:32px;margin-bottom:12px}.subtitle,.step-description{font-size:18px;color:#666;margin-bottom:32px}.welcome-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:48px}.feature{display:flex;align-items:center;gap:16px}.feature-icon{font-size:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon svg{width:32px;height:32px}.feature-text{display:flex;flex-direction:column}.feature-text strong{font-size:16px;color:#000}.feature-text span{font-size:14px;color:#666}.topics-covered{background:#f9fafb;border-radius:12px;padding:24px;margin-bottom:32px;border:1px solid #e5e7eb}.topics-covered h3{font-size:18px;font-weight:600;margin:0 0 16px;color:#000}.topics-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.topics-list li{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.topic-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#000;color:#fff;border-radius:50%;font-size:14px;font-weight:600;flex-shrink:0}.topic-label{font-size:15px;color:#333;font-weight:500}.btn-large{width:100%;padding:20px;font-size:18px}.onboarding-form{max-width:500px}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;font-family:Inter,sans-serif;transition:border-color .3s ease;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#000}.form-group textarea{min-height:100px;line-height:1.5}.form-actions{display:flex;gap:16px;margin-top:32px}.form-actions button{flex:1}.project-type-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.project-type-card{padding:24px;border:2px solid #e5e7eb;border-radius:12px;text-align:center;cursor:pointer;transition:all .3s ease}.project-type-card:hover{border-color:#000;transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.project-type-card.selected{border-color:#000;background:#f9fafb}.type-icon{font-size:48px;margin-bottom:16px}.project-type-card h3{font-size:20px;margin-bottom:8px}.project-type-card p{font-size:14px;color:#666;margin-bottom:16px}.type-price{font-size:16px;font-weight:600;color:#000}.timeline-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.timeline-option{display:flex;align-items:center;padding:16px 20px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .3s ease}.timeline-option:hover{border-color:#000}.timeline-option.selected{border-color:#000;background:#f9fafb}.timeline-option input[type=radio]{margin-right:12px;width:20px;height:20px;cursor:pointer}.timeline-option-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.timeline-label{font-size:16px;flex:1}.timeline-price-impact{font-size:14px;font-weight:600;color:#f59e0b;background:#fef3c7;padding:4px 10px;border-radius:6px;white-space:nowrap}.rush-timeline-notice{display:flex;align-items:flex-start;gap:16px;background:#fffbeb;border:2px solid #fcd34d;border-radius:12px;padding:20px;margin-top:24px}.notice-icon{font-size:24px;flex-shrink:0}.notice-content{flex:1}.notice-content strong{display:block;font-size:16px;color:#000;margin-bottom:8px}.notice-content p{font-size:14px;color:#666;line-height:1.6;margin:0}.checkbox-option{display:flex;align-items:center;margin:16px 0;cursor:pointer}.checkbox-option input{margin-right:12px;width:20px;height:20px;cursor:pointer}.current-price-indicator{background:linear-gradient(135deg,#000,#333);border-radius:12px;padding:16px 24px;margin-bottom:32px;box-shadow:0 4px 12px #0000001a}.price-indicator-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.price-indicator-label{font-size:15px;font-weight:500;color:#fff;opacity:.9}.price-indicator-amount{font-size:28px;font-weight:700;color:#fff;letter-spacing:-.5px}.price-indicator-weeks{font-size:16px;font-weight:500;color:#fff;opacity:.8;margin-left:8px}.features-form{max-width:700px;margin:0 auto}.feature-category{margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid #e5e7eb}.feature-category:last-child{border-bottom:none}.category-title{font-size:20px;font-weight:600;margin-bottom:8px;color:#000}.category-description{font-size:14px;color:#666;margin-bottom:16px;line-height:1.5}.feature-options{display:flex;flex-direction:column;gap:12px}.feature-option{display:flex;align-items:flex-start;padding:16px 20px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#fff}.feature-option:hover,.feature-option.selected{border-color:#000;background:#f9fafb}.feature-option input[type=checkbox],.feature-option input[type=radio]{margin-right:16px;margin-top:2px;width:20px;height:20px;cursor:pointer;flex-shrink:0}.feature-option-content{flex:1}.feature-option-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.feature-option-label{font-size:16px;font-weight:500;color:#000;flex:1}.feature-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;white-space:nowrap;flex-shrink:0;text-transform:uppercase;letter-spacing:.5px}.feature-badge.badge-included{background:#dcfce7;color:#166534}.feature-badge.badge-extra{background:#fef3c7;color:#92400e}.feature-option-description{font-size:14px;color:#666;line-height:1.5}.chat-container{background:#f9fafb;border-radius:12px;padding:24px;margin-bottom:32px}.chat-messages{max-height:400px;overflow-y:auto;margin-bottom:20px}.assistant-message,.user-message{margin-bottom:16px}.message-content{padding:12px 16px;border-radius:12px;max-width:80%}.assistant-message .message-content{background:#fff;border:1px solid #e5e7eb}.user-message{text-align:right}.user-message .message-content{background:#000;color:#fff;margin-left:auto}.chat-input-form{display:flex;gap:12px}.chat-input-form input{flex:1;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;font-family:Inter,sans-serif}.chat-input-form input:focus{outline:none;border-color:#000}.summary-card{background:#f9fafb;border-radius:12px;padding:32px;margin-bottom:32px}.summary-section{margin-bottom:32px}.summary-section:last-child{margin-bottom:0}.summary-section h3{font-size:18px;margin-bottom:16px;color:#000}.summary-section p{margin-bottom:8px;color:#666}.pricing-summary{text-align:center;padding-top:32px;border-top:2px solid #e5e7eb}.price-display{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:24px 0}.price-display .currency{font-size:24px;font-weight:600;color:#666}.price-display .amount{font-size:48px;font-weight:800;color:#000}.price-display .period{font-size:16px;color:#666}.price-note{font-size:14px;color:#999}.price-note-small{font-size:12px;color:#999;margin-top:4px}.price-breakdown{background:#f9fafb;border-radius:8px;padding:20px;margin:24px 0}.price-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:15px}.price-breakdown-item .breakdown-label{color:#666}.price-breakdown-item .breakdown-amount{font-weight:600;color:#000}.price-breakdown-divider{height:2px;background:#e5e7eb;margin:16px 0}.price-breakdown-total{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:18px;font-weight:700}.price-breakdown-total .breakdown-label{color:#000}.price-breakdown-total .breakdown-amount{font-size:24px;color:#000}.insight-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:24px}.insight-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.insight-icon{font-size:28px}.insight-header h3{font-size:22px;margin:0;color:#000}.insight-description{color:#666;font-size:15px;margin-bottom:20px;line-height:1.6}.complexity-indicator{margin:20px 0}.complexity-bar{width:100%;height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden;margin-bottom:12px}.complexity-fill{height:100%;border-radius:6px;transition:width .5s ease}.complexity-label{font-size:18px;font-weight:600;text-align:center}.weeks-estimate{background:#f9fafb;padding:12px 16px;border-radius:8px;margin-top:16px;font-size:15px;text-align:center}.priority-section{margin-bottom:20px}.priority-section:last-child{margin-bottom:0}.priority-title{font-size:16px;font-weight:600;margin-bottom:12px;padding:8px 12px;border-radius:6px;display:inline-block}.priority-title.essential{background:#dcfce7;color:#166534}.priority-title.nice{background:#dbeafe;color:#1e40af}.priority-title.future{background:#f3e8ff;color:#6b21a8}.priority-list{list-style:none;padding-left:0;margin:0}.priority-list li{padding:8px 12px;margin-bottom:6px;background:#f9fafb;border-radius:6px;font-size:14px;line-height:1.5}.priority-list li:before{content:"✓ ";color:#10b981;font-weight:700;margin-right:8px}.risks-list{display:flex;flex-direction:column;gap:16px}.risk-item{background:#f9fafb;border-radius:8px;padding:16px;border-left:4px solid #e5e7eb}.risk-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.risk-severity{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;color:#fff;letter-spacing:.5px}.risk-title{font-size:16px;font-weight:600;margin:0;color:#000}.risk-description{color:#666;font-size:14px;line-height:1.6;margin:8px 0}.risk-mitigation{background:#fff;padding:12px;border-radius:6px;margin-top:12px;font-size:14px;line-height:1.6;color:#333}.risk-mitigation strong{color:#000}.optimizations-list{display:flex;flex-direction:column;gap:16px}.optimization-item{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:16px}.optimization-title{font-size:16px;font-weight:600;margin:0 0 8px;color:#000}.optimization-description{color:#666;font-size:14px;line-height:1.6;margin:8px 0}.optimization-impact{background:#fff;padding:8px 12px;border-radius:6px;margin-top:12px;font-size:13px;color:#333}.optimization-impact strong{color:#000}.upsells-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:24px}.upsell-card{display:flex;flex-direction:column;padding:20px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#fff;position:relative}.upsell-card:hover{border-color:#000;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.upsell-card.selected{border-color:#000;background:#f9fafb}.upsell-card input[type=checkbox]{position:absolute;top:16px;right:16px;width:20px;height:20px;cursor:pointer}.upsell-card-content{flex:1}.upsell-icon{font-size:32px;margin-bottom:12px}.upsell-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.upsell-title{font-size:18px;font-weight:600;color:#000;margin:0;flex:1}.upsell-price{font-size:16px;font-weight:600;color:#166534;background:#dcfce7;padding:4px 10px;border-radius:6px;white-space:nowrap}.upsell-description{font-size:14px;color:#666;line-height:1.5;margin:0}.upsells-note{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:16px;margin-bottom:32px}.upsells-note p{margin:0;font-size:14px;color:#1e40af;line-height:1.6}.upsells-note strong{color:#000}.upsells-summary{background:#fff;padding:20px;border-radius:8px;border:1px solid #e5e7eb}.upsells-list{list-style:none;padding:0;margin:0}.upsell-summary-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f3f4f6}.upsell-summary-item:last-child{border-bottom:none}.upsell-summary-icon{font-size:20px}.upsell-summary-label{flex:1;font-size:15px;color:#333}.upsell-summary-price{font-size:15px;font-weight:600;color:#166534}.calendar-embed{background:#f9fafb;border-radius:12px;padding:0;margin-bottom:32px;min-height:700px;overflow:hidden}.calendar-note{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:16px;margin-bottom:32px}.calendar-note p{margin:0;font-size:14px;color:#1e40af;line-height:1.6}.calendar-note strong{color:#000}.booking-confirmed{text-align:center;padding:32px}.confirmation-icon{font-size:64px;margin-bottom:24px}.booking-confirmed h2{font-size:32px;margin-bottom:16px;color:#000}.call-details{background:#f9fafb;border-radius:8px;padding:20px;margin:24px 0;border:1px solid #e5e7eb}.call-details p{margin:0;font-size:16px;color:#333}.next-steps{background:#fff;border-radius:12px;padding:24px;margin:32px 0;border:2px solid #e5e7eb;text-align:left}.next-steps h3{font-size:20px;margin-bottom:16px;color:#000}.next-steps ul{list-style:none;padding:0;margin:0}.next-steps li{padding:12px 0 12px 28px;position:relative;color:#666;font-size:15px;line-height:1.6}.next-steps li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700;font-size:18px}.completion-message{text-align:center;padding:32px}.completion-message h3{font-size:24px;margin-bottom:16px;color:#000}.completion-message p{margin-bottom:24px;color:#666}.timeline-reminder{background:#f9fafb;border-radius:12px;padding:32px;margin-top:32px;border:2px solid #e5e7eb}.timeline-reminder h3{font-size:22px;margin-bottom:12px;color:#000;text-align:center}.timeline-intro{text-align:center;color:#666;font-size:15px;margin-bottom:32px}.process-steps{display:flex;flex-direction:column;gap:24px}.process-step{display:flex;align-items:flex-start;gap:20px;padding:20px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;transition:all .3s ease}.process-step:hover{border-color:#000;box-shadow:0 2px 8px #0000000d}.process-step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#000;color:#fff;border-radius:50%;font-size:18px;font-weight:700;flex-shrink:0}.process-step-content{flex:1}.process-step-content h4{font-size:18px;font-weight:600;margin:0 0 8px;color:#000}.process-step-content p{font-size:14px;color:#666;line-height:1.6;margin:0}@media (max-width: 768px){.step-content{padding:32px 24px}.step-content h1{font-size:28px}.step-content h2{font-size:24px}.welcome-features,.project-type-cards,.upsells-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.timeline-reminder{padding:24px}.process-step{padding:16px}.process-step-number{width:36px;height:36px;font-size:16px}}