.wgu2OW_wrapper{width:100%;padding:var(--space-16) 0;background:var(--color-bg-secondary);justify-content:center;display:flex}.wgu2OW_container{width:100%;max-width:1100px;padding:0 var(--space-6);align-items:center;gap:var(--space-12);flex-direction:column;display:flex}.wgu2OW_title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);color:var(--color-text-primary);text-align:center;letter-spacing:-.02em;max-width:700px;margin:0}.wgu2OW_phasesGrid{grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:0;width:100%;display:grid}.wgu2OW_phaseCard{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);text-align:center;align-items:center;gap:var(--space-4);transition:all var(--transition-base);flex-direction:column;display:flex}.wgu2OW_phaseCard:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.wgu2OW_phaseCardActive{border-color:var(--color-accent);box-shadow:var(--shadow-glow-accent);background:var(--color-accent-subtle)}.wgu2OW_phaseCardActive:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow-accent)}.wgu2OW_arrowConnector{padding:0 var(--space-2);color:var(--color-text-tertiary);justify-content:center;align-items:center;display:flex}.wgu2OW_phaseIcon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.wgu2OW_phaseIconBefore{background:var(--color-cyan-subtle);color:var(--color-cyan)}.wgu2OW_phaseIconDuring{background:var(--color-accent-subtle);color:var(--color-accent)}.wgu2OW_phaseIconAfter{background:var(--color-green-subtle);color:var(--color-green)}.wgu2OW_phaseTitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.wgu2OW_phaseDesc{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}@media (max-width:768px){.wgu2OW_phasesGrid{gap:var(--space-4);grid-template-columns:1fr}.wgu2OW_arrowConnector{padding:var(--space-2) 0;transform:rotate(90deg)}.wgu2OW_title{font-size:var(--font-size-2xl)}}@media (max-width:480px){.wgu2OW_wrapper{padding:var(--space-10) 0}.wgu2OW_phaseCard{padding:var(--space-6) var(--space-4)}.wgu2OW_title{font-size:var(--font-size-xl)}}@media (max-height:500px) and (orientation:landscape){.wgu2OW_wrapper{padding:var(--space-8) 0}.wgu2OW_container{gap:var(--space-6)}.wgu2OW_phasesGrid{grid-template-columns:1fr auto 1fr auto 1fr;gap:0}.wgu2OW_arrowConnector{padding:0 var(--space-2);transform:none}.wgu2OW_phaseCard{padding:var(--space-4)}}
