.year-roadmap{--roadmap-accent:#bd2675;padding:100px 0 108px;background:linear-gradient(145deg,#eaf2f8,#f8fbfd);color:#102a48}.year-roadmap-head{display:grid;grid-template-columns:1.15fr .7fr;align-items:end;gap:60px;margin-bottom:47px}.year-roadmap-head h2{max-width:770px;margin:12px 0 0;font-size:clamp(2.4rem,4.3vw,4.3rem);line-height:1.12;letter-spacing:-.045em}.year-roadmap-head p{max-width:440px;margin:0 0 5px;color:#52677b;line-height:1.8}.year-roadmap-track{--roadmap-progress:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;position:relative;list-style:none;margin:0;padding:0}.year-roadmap-track::before,.year-roadmap-track::after{content:"";position:absolute;left:30px;right:30px;top:27px;height:3px;border-radius:2px}.year-roadmap-track::before{background:#bfd4df}.year-roadmap-track::after{background:linear-gradient(90deg,#1a8ba8,#bd2675);transform:scaleX(var(--roadmap-progress));transform-origin:left}.year-roadmap-year{position:relative;z-index:1;min-width:0}.year-roadmap-marker{display:grid;place-items:center;width:56px;height:56px;margin-bottom:22px;border:3px solid #c4d9e2;border-radius:50%;background:#fff;color:#1c5977;font:800 1.1rem Manrope,sans-serif;box-shadow:0 1px 2px rgba(7,20,42,.07),0 6px 18px #163e5b14;transition:background .25s,color .25s,border-color .25s}.year-roadmap-card{min-height:272px;padding:26px;border:1px solid #d7e5ec;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(7,20,42,.07),0 14px 35px #153e6010;transition:border-color .25s,box-shadow .25s}.year-roadmap-label{color:#147695;font:800 .7rem Manrope,'IBM Plex Sans Thai',sans-serif;letter-spacing:.14em}.year-roadmap-card h3{margin:13px 0 11px;font-size:1.42rem;line-height:1.35}.year-roadmap-card p{margin:0;color:#53687b;font-size:.9rem;line-height:1.8}.year-roadmap-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:21px}.year-roadmap-tags span{padding:6px 9px;border-radius:999px;background:#eaf3f7;color:#245a72;font-size:.7rem}.year-roadmap-year.is-current .year-roadmap-marker{background:#0d6887;border-color:#0d6887;color:#fff}.year-roadmap-year.is-current .year-roadmap-card{border-color:#74b6ca;box-shadow:0 1px 2px rgba(7,20,42,.07),0 18px 45px #126b9a1c}.year-roadmap-link{display:inline-flex;align-items:center;gap:10px;margin-top:31px;color:#0c6189;font-weight:700;border-bottom:1px solid currentColor}.year-roadmap-link:hover{color:#bd2675}
@media(max-width:1000px){.year-roadmap-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.year-roadmap-track::before,.year-roadmap-track::after{display:none}.year-roadmap-card{min-height:240px}}
@media(max-width:620px){.year-roadmap{padding:78px 0 84px}.year-roadmap-head{display:block;margin-bottom:34px}.year-roadmap-head p{margin-top:17px}.year-roadmap-track{display:block;padding-left:52px}.year-roadmap-track::before,.year-roadmap-track::after{display:block;left:18px;right:auto;top:25px;bottom:25px;width:3px;height:auto}.year-roadmap-track::after{transform:scaleY(var(--roadmap-progress));transform-origin:top}.year-roadmap-year{margin-bottom:22px}.year-roadmap-year:last-child{margin-bottom:0}.year-roadmap-marker{position:absolute;left:-52px;top:0;width:39px;height:39px;border-width:2px;font-size:.8rem}.year-roadmap-card{min-height:0;padding:22px}}
@media(prefers-reduced-motion:reduce){.year-roadmap-marker,.year-roadmap-card{transition:none}.year-roadmap-track::after{display:none}}
@media screen{[data-theme="dark"] .year-roadmap{background:linear-gradient(145deg,#0b1e31,#102a42);color:#eff7fc}[data-theme="dark"] .year-roadmap-head p{color:#b8cad7}[data-theme="dark"] .year-roadmap-card{background:#142f49;border-color:#31516a}[data-theme="dark"] .year-roadmap-card p{color:#c1d3df}[data-theme="dark"] .year-roadmap-card h3{color:#fff}[data-theme="dark"] .year-roadmap-marker{background:#142f49;color:#c9e9f2;border-color:#476b7f}[data-theme="dark"] .year-roadmap-tags span{background:#24455c;color:#d4eaf2}[data-theme="dark"] .year-roadmap-link{color:#80d8e9}}
@media print{.year-roadmap-track::after{display:none}.year-roadmap-card{box-shadow:none;break-inside:avoid}}
