.data-timeline-section{background-color:#f8fafc;padding:6rem 1.5rem}.data-timeline-container{max-width:72rem;margin:0 auto}.data-timeline-header{text-align:center;max-width:40rem;margin:0 auto 4rem}.data-timeline-title{font-size:2.25rem;line-height:1.1;font-weight:800;color:#0f172a;margin-bottom:.75rem}.data-timeline-subtitle{font-size:1rem;line-height:1.7;color:#64748b}.data-timeline-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:3rem;position:relative}.data-timeline-line-wrapper{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:2px;pointer-events:none}.data-timeline-line-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#e2e8f0,#cbd5f5);border-radius:9999px;opacity:.7}.data-timeline-line-fill{position:absolute;top:0;left:0;right:0;height:0;background:linear-gradient(to bottom,#2563eb,#1d4ed8);border-radius:9999px;transform-origin:top}.data-timeline-steps{position:relative;display:flex;flex-direction:column;gap:3rem}.data-timeline-step{display:flex;justify-content:flex-start}.data-timeline-step--right{justify-content:flex-end}.data-timeline-step__content{position:relative;max-width:21rem;background:#fff;border-radius:1rem;padding:1.75rem 2rem;box-shadow:0 10px 30px #0f172a14,0 0 0 1px #94a3b840}.data-timeline-step__content:before{content:"";position:absolute;top:1.5rem;width:12px;height:12px;border-radius:9999px;background-color:#2563eb;box-shadow:0 0 0 4px #2563eb26}.data-timeline-step--left .data-timeline-step__content:before{right:-2.75rem}.data-timeline-step--right .data-timeline-step__content:before{left:-2.75rem}.data-timeline-step__number{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;border:1px solid #e5e7eb;font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;background-color:#f9fafb;margin-bottom:.75rem}.data-timeline-step__title{font-size:1.125rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.data-timeline-step__description{font-size:.95rem;line-height:1.7;color:#64748b}@media(min-width:768px){.data-timeline-section{padding-top:7rem;padding-bottom:7rem}.data-timeline-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:767px){.data-timeline-line-wrapper{left:1.25rem;transform:none}.data-timeline-step{justify-content:flex-start;padding-left:2.75rem}.data-timeline-step__content:before{left:-2.15rem;right:auto}}