.engagement-process{background:var(--gray-50);padding:80px 0}.engagement-header{text-align:center;max-width:600px;margin:0 auto 48px}.engagement-header h2{margin-bottom:16px}.engagement-header p{color:var(--text-secondary);font-size:18px}.engagement-selector{gap:16px;max-width:700px;margin:0 auto 48px;display:flex}.selector-btn{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:left;flex:1;align-items:center;gap:16px;padding:20px 24px;display:flex}.selector-btn:hover{border-color:var(--primary-300);background:var(--white)}.selector-btn.active{border-color:var(--primary-600);background:var(--primary-50);box-shadow:var(--shadow-md)}.selector-icon{flex-shrink:0;font-size:28px}.selector-text{flex-direction:column;gap:4px;display:flex}.selector-text strong{color:var(--text-primary);font-size:16px}.selector-text span{color:var(--text-muted);font-size:14px}.engagement-content{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:900px;margin:0 auto;padding:48px}.engagement-overview{border-bottom:1px solid var(--gray-100);margin-bottom:40px;padding-bottom:40px}.overview-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.overview-header h3{color:var(--text-primary);font-size:24px}.overview-timeline{background:var(--primary-50);color:var(--primary-700);border-radius:var(--radius-full);align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.overview-description{color:var(--text-secondary);margin-bottom:24px;font-size:17px;line-height:1.7}.ideal-for h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:14px;font-weight:600}.ideal-for ul{grid-template-columns:repeat(2,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.ideal-for li{color:var(--text-primary);align-items:flex-start;gap:10px;font-size:15px;display:flex}.ideal-for li svg{color:var(--accent);flex-shrink:0;margin-top:3px}.process-steps{border-bottom:1px solid var(--gray-100);margin-bottom:40px;padding-bottom:40px}.process-steps h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:24px;font-size:14px;font-weight:600}.steps-timeline{flex-direction:column;gap:0;display:flex}.step-item{gap:20px;display:flex}.step-marker{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.step-number{background:var(--primary-600);width:40px;height:40px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.step-line{background:var(--gray-200);flex:1;width:2px;min-height:40px;margin:8px 0}.step-content{flex:1;padding-bottom:32px}.step-item:last-child .step-content{padding-bottom:0}.step-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.step-header h5{color:var(--text-primary);font-size:17px;font-weight:600}.step-duration{background:var(--gray-100);color:var(--text-muted);border-radius:var(--radius-full);padding:4px 10px;font-size:12px;font-weight:500}.step-content p{color:var(--text-secondary);font-size:15px;line-height:1.6}.engagement-deliverables{margin-bottom:40px}.engagement-deliverables h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:20px;font-size:14px;font-weight:600}.deliverables-grid{grid-template-columns:repeat(2,1fr);gap:12px 24px;display:grid}.deliverable-item{color:var(--text-primary);align-items:center;gap:10px;font-size:15px;display:flex}.deliverable-item svg{color:var(--primary-600);flex-shrink:0}.engagement-cta{text-align:center;border-top:1px solid var(--gray-100);padding-top:24px}.engagement-cta .btn{padding:16px 40px;font-size:16px}.cta-note{color:var(--text-muted);margin-top:12px;font-size:14px}@media (max-width:768px){.engagement-process{padding:60px 0}.engagement-selector{flex-direction:column}.selector-btn{padding:16px 20px}.engagement-content{padding:32px 24px}.overview-header{flex-direction:column;align-items:flex-start}.ideal-for ul,.deliverables-grid{grid-template-columns:1fr}.step-item{gap:16px}.step-number{width:36px;height:36px;font-size:13px}}
