.s-timeline{--node:52px;gap:18px;padding:0;list-style:none;display:grid;position:relative}.s-timeline:before{content:"";inset-inline-start:calc(var(--node) / 2 - 1px);border-inline-start:2px dashed var(--color-accent-300);position:absolute;top:26px;bottom:26px}.s-timeline-step{grid-template-columns:var(--node) minmax(0, 1fr);align-items:start;gap:clamp(14px,2.4vw,28px);display:grid;position:relative}.s-timeline-node{z-index:1;width:var(--node);height:var(--node);background:var(--color-green-deep);color:var(--color-accent-300);font-family:var(--font-heading);box-shadow:0 0 0 6px var(--color-bg);border-radius:50%;place-items:center;margin-top:20px;font-size:22px;font-weight:700;display:grid;position:relative}.s-timeline-card{border-radius:var(--s-radius-lg);background:var(--color-card);border:1px solid var(--color-divider);box-shadow:var(--s-shadow-sm);gap:18px;padding:clamp(20px,2.6vw,30px);transition:border-color .3s,box-shadow .3s;display:grid}.s-timeline-step:hover .s-timeline-card{border-color:var(--color-accent-300);box-shadow:var(--s-shadow-md)}.s-timeline-main{gap:8px;display:grid}.s-timeline-main h2{font-size:clamp(21px,.8vw + 16px,26px)}.s-timeline-main p{color:var(--color-neutral-700);font-size:15.5px}.s-timeline-out{border-radius:var(--s-radius-md);background:var(--color-accent-50);border:1px solid var(--color-accent-200);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.s-timeline-out svg{width:22px;height:22px;color:var(--color-accent-600);margin-top:3px}.s-timeline-out-label{color:var(--color-accent-700);font-size:12.5px;font-weight:500}.s-timeline-out-value{font-size:15px;font-weight:500;line-height:1.7}@media (min-width:820px){.s-timeline-card{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:28px}}.s-timeline-end{border-radius:var(--s-radius-xl);background:radial-gradient(60% 120% at 0% 50%, #e8c58873, transparent 70%), linear-gradient(135deg, var(--color-accent-50), var(--color-accent-100));border:1px solid var(--color-accent-200);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:clamp(32px,5vw,56px);padding:clamp(24px,3.4vw,40px);display:flex}.s-timeline-end h2{font-size:clamp(22px,1.2vw + 16px,30px)}.s-timeline-end p{color:var(--color-neutral-700);margin-top:6px}@media (max-width:599px){.s-timeline{--node:38px}.s-timeline-node{box-shadow:0 0 0 4px var(--color-bg);margin-top:22px;font-size:18px}}