.timeline-section{font-family:var(--font-sans,system-ui, -apple-system, sans-serif);color:#111827;background:linear-gradient(#fff,#f9fafb);padding:3rem 1.5rem}.timeline-container{max-width:1200px;margin:0 auto}.timeline-header{text-align:center;margin-bottom:2rem}.timeline-badge{color:#b45309;letter-spacing:.05em;background-color:#fef3c7;border:1px solid #fde68a;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.4rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex;box-shadow:0 2px 4px #fbbf2426}.timeline-badge svg{width:.9rem;height:.9rem}.timeline-title{color:#111827;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:.75rem;font-size:2.25rem;font-weight:800;line-height:1.2}.timeline-subtitle{color:#6b7280;max-width:600px;margin:0 auto;font-size:1rem;line-height:1.5}.timeline-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;display:grid}.timeline-card{background:#fff;border:2px solid #fdc600;flex-direction:column;padding:1.5rem;display:flex;box-shadow:0 4px 12px #0000000d}.timeline-card.timeline-color-navy{border:2px solid #00165c}.timeline-card:hover{box-shadow:0 8px 20px #00165c1a}.timeline-card-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.timeline-card-phase{color:#fdc600;letter-spacing:.05em;background:#00165c;padding:.2rem .6rem;font-size:.75rem;font-weight:900}.timeline-color-navy .timeline-card-phase{color:#fff;background:#00165c}.timeline-card-tag{color:#b45309;letter-spacing:.05em;text-transform:uppercase;background:#fef3c7;padding:.2rem .6rem;font-size:.7rem;font-weight:800}.timeline-color-navy .timeline-card-tag{color:#00165c;background:#00165c14}.timeline-card-title{color:#111827;margin-bottom:.5rem;font-size:1.25rem;font-weight:800;line-height:1.3}.timeline-card-desc{color:#4b5563;flex-grow:1;margin-bottom:1rem;font-size:.9rem;line-height:1.5}.timeline-card-points{flex-direction:column;gap:.5rem;display:flex}.timeline-point{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;font-weight:600;display:flex}.timeline-point svg{flex-shrink:0;width:1rem;height:1rem}@media (max-width:768px){.timeline-section{padding:2rem 1rem}.timeline-header{margin-bottom:1.5rem}.timeline-title{font-size:1.6rem}.timeline-grid{grid-template-columns:1fr;gap:1rem}.timeline-card{padding:1.25rem}}