.process-workflow{background:var(--process-workflow-bg,#f8f9fa);color:var(--primary-navy);padding:var(--spacing-xxl) 0}.process-header{margin-bottom:var(--spacing-xl);text-align:center}.process-header .section-title{color:var(--primary-navy);margin-bottom:var(--spacing-md)}.process-intro{color:var(--primary-navy);font-size:1.125rem;max-width:600px;opacity:.8}.process-grid,.process-intro{margin-bottom:var(--spacing-xxl);margin-left:auto;margin-right:auto}.process-grid{display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(7,1fr);grid-template-rows:auto auto auto;max-width:1000px}.grid-step{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:var(--primary-navy);cursor:pointer;display:flex;justify-content:center;min-height:80px;padding:var(--spacing-sm);text-align:center;transition:all .3s ease}.grid-step:hover{background:#f8f9fa;border-color:var(--accent-blue);box-shadow:0 4px 8px rgba(0,0,0,.15);transform:translateY(-2px)}.grid-step.active{background:var(--accent-blue);border-color:var(--accent-blue);box-shadow:0 4px 12px rgba(37,99,235,.3);color:var(--accent-white)}.grid-step.empty{background:transparent;border:none;cursor:default}.grid-step.empty:hover{background:transparent;transform:none}.step-title{font-size:.9rem;font-weight:var(--font-weight-medium);line-height:1.2}.grid-arrow{align-items:center;display:flex;font-size:1.5rem;justify-content:center}.grid-arrow,.grid-arrow.reverse{color:var(--primary-navy);opacity:.6}.grid-connector{align-items:center;display:flex;grid-column:7;justify-content:center}.grid-connector.right{align-items:flex-end;grid-row:1;padding-bottom:var(--spacing-sm)}.connector-arrow{color:var(--primary-navy);font-size:1.5rem;opacity:.6}.active-step-detail{min-height:300px;position:relative}.step-detail-card{background:#fff;border:2px solid var(--accent-blue);border-radius:var(--border-radius-lg);box-shadow:0 4px 6px rgba(0,0,0,.1);display:none;margin:0 auto;max-width:600px;padding:var(--spacing-xl);text-align:center}.step-detail-card.active{display:block}.step-animation{align-items:center;background:var(--primary-navy);border-radius:50%;color:var(--accent-white);display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto var(--spacing-lg) auto;width:80px}.animation-placeholder{font-size:2rem}.step-content{text-align:center}.step-content h3{font-size:1.5rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.step-content h3,.step-content p{color:var(--primary-navy);text-align:center}.step-content p{font-size:1.125rem;line-height:1.6;margin-bottom:var(--spacing-md);opacity:.8}.step-details{list-style:none;margin:0 auto;max-width:400px;padding:0;text-align:left}.step-details li{color:var(--primary-navy);font-size:1rem;line-height:1.5;padding:var(--spacing-xs) 0;padding-left:var(--spacing-md);position:relative}.step-details li:before{color:var(--accent-blue);content:"•";font-weight:700;left:0;position:absolute}@media (max-width:768px){.process-workflow{padding:var(--spacing-xl) 0}.process-grid{display:none}.active-step-detail{min-height:auto}.step-detail-card{display:block;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);text-align:center}.step-animation{font-size:1.5rem;height:60px;margin:0 auto var(--spacing-md) auto;width:60px}.step-content h3{font-size:1.25rem;text-align:center}.step-content p{font-size:1rem;text-align:center}.step-details{margin:0 auto;max-width:300px;text-align:left}}@media (min-width:769px) and (max-width:1024px){.process-grid{gap:var(--spacing-xs);max-width:800px}.grid-step{min-height:70px;padding:var(--spacing-xs)}.step-title{font-size:.8rem}.step-detail-card{padding:var(--spacing-lg)}.step-animation{font-size:1.8rem;height:70px;width:70px}}