.timeline-section{border-top:0;padding-block:88px}.timeline-section .section-intro{max-width:700px}.product-timeline{list-style:none;padding:0;margin:44px 0 24px}.product-timeline>li{display:grid;grid-template-columns:210px minmax(0,1fr);gap:44px;position:relative;padding:0 0 42px 30px;border-left:2px solid var(--line);margin-left:8px}.product-timeline>li:before{content:'';position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #fff}.product-timeline>li:last-child{padding-bottom:0;border-left-color:transparent}.timeline-date{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:14px;font-weight:600}.timeline-status{font-size:12px;line-height:1.5;padding:5px 10px;border-radius:20px;font-weight:600}.timeline-status.shipped{background:#e2f3eb;color:#215b43}.timeline-status.progress{background:#fff0d2;color:#704a12}.timeline-status.planned{background:#e9eff5;color:#40566a}.timeline-story h3{font-size:25px;margin-bottom:12px;letter-spacing:-.03em}.timeline-story p{font-size:16px;line-height:1.7;color:var(--muted);max-width:670px}.timeline-story details{margin-top:15px}.timeline-story summary{cursor:pointer;color:var(--accent);font-size:14px;padding-block:8px}.timeline-story details p{margin:10px 0 0}.timeline-note{font-size:14px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);padding-top:22px;max-width:900px}
@media(max-width:700px){.timeline-section{padding-block:56px}.product-timeline>li{grid-template-columns:1fr;gap:17px;padding-left:22px;padding-bottom:34px}.timeline-date{gap:8px}.timeline-story h3{font-size:22px}.product-timeline{margin-top:32px}}
@media screen and (prefers-color-scheme:dark){.product-timeline>li:before{box-shadow:0 0 0 5px #0d171c}.timeline-status.shipped{background:#234c3e;color:#b9f2d0}.timeline-status.progress{background:#4d4028;color:#ffe1a3}.timeline-status.planned{background:#29404e;color:#c9e2f3}}