@charset "UTF-8";:root{--text-light:#9bb5ae}.product-timeline__scroll-container{height:300vh;position:relative}.product-timeline__sticky{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:visible}.product-timeline__header{max-width:1200px;margin:0 auto;padding:24px 40px 24px;width:100%}.product-timeline__title-row{display:flex;align-items:center;gap:14px;margin-bottom:8px}.product-timeline__title-bar{width:5px;height:44px;border-radius:3px;background:linear-gradient(180deg,var(--color-last),var(--color-mid));flex-shrink:0;display:block!important}.product-timeline__title{font-family:Poppins,sans-serif;font-size:clamp(28px,5vw,46px);font-weight:600;color:#333;line-height:1;letter-spacing:-.02em;margin:0}.product-timeline__subtitle{font-size:14px;color:#666;margin-top:5px}.product-timeline__content{max-width:1200px;margin:0 auto;padding:0 40px;width:100%;display:flex;align-items:stretch;gap:32px}.product-timeline__timeline-strip{flex-shrink:0;padding:0;display:flex}.product-timeline__tl-track{display:flex;flex-direction:column;height:100%}.product-timeline__tl-item{display:flex;align-items:flex-start;gap:12px;flex:1}.product-timeline__tl-item:last-child{flex:0}.product-timeline__tl-dot-row{display:flex;flex-direction:column;align-items:center;height:100%}@keyframes product-timeline-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--color) 50%,transparent)}70%{box-shadow:0 0 0 8px color-mix(in srgb,var(--color) 0,transparent)}100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--color) 0,transparent)}}.product-timeline__tl-dot{width:40px;height:40px;border-radius:50%;border:2.5px solid var(--color);background:color-mix(in srgb,var(--color) 20%,#fff);cursor:pointer;flex-shrink:0;transition:background .25s,box-shadow .25s,transform .25s;animation:product-timeline-pulse 2s ease-out infinite}.product-timeline__tl-dot:hover{background:color-mix(in srgb,var(--color) 50%,#fff);transform:scale(1.25);animation:none;box-shadow:0 0 0 6px color-mix(in srgb,var(--color) 20%,transparent)}.product-timeline__tl-dot.active{background:var(--color);transform:scale(1.15);animation:none;box-shadow:0 0 0 5px color-mix(in srgb,var(--color) 30%,transparent)}.product-timeline__tl-line{width:2px;flex:1;min-height:8px}.product-timeline__tl-label{font-size:12px;color:var(--text-light);transition:color .3s,font-weight .3s;cursor:pointer;white-space:nowrap;height:40px;line-height:40px}.product-timeline__tl-label.active{font-weight:600}.product-timeline__card-area{flex:1;min-width:0}.product-timeline__grid{display:grid;grid-template-columns:1fr}.product-timeline__card{grid-area:1/1;background:#fafbfa;border:2px solid transparent;border-radius:20px;padding:24px 20px;cursor:pointer;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),border-color .3s,background .3s,opacity .5s,translate .5s;box-shadow:0 2px 8px rgba(0,0,0,.04);opacity:0;translate:0 20px;pointer-events:none}.product-timeline__card.visible{opacity:1;translate:0 0;pointer-events:auto}.product-timeline__card.active{background:color-mix(in srgb,var(--color) 22%,#fff);transform:translateY(-4px)}.product-timeline__card::after{content:"";position:absolute;bottom:-30px;right:-30px;width:120px;height:120px;border-radius:50%;background:color-mix(in srgb,var(--color) 25%,transparent);transition:transform .4s ease}.product-timeline__card.active::after{transform:scale(1.8)}.product-timeline__image{flex-shrink:0;width:280px;border-radius:16px;overflow:hidden;align-self:center}.product-timeline__image img{width:100%;height:auto;object-fit:cover;display:block}.product-timeline__badge{display:inline-flex;align-items:center;gap:6px;border-radius:30px;padding:6px 14px;margin-bottom:16px;background:color-mix(in srgb,var(--color) 45%,transparent)}.product-timeline__badge-dot{width:8px;height:8px;border-radius:50%;background:var(--color);box-shadow:0 0 0 3px color-mix(in srgb,var(--color) 30%,transparent)}.product-timeline__badge-day{font-family:Poppins,sans-serif;font-size:14px;font-weight:800;color:color-mix(in srgb,var(--color) 60%,#333);letter-spacing:.02em}.product-timeline__badge-label{font-size:11px;color:color-mix(in srgb,var(--color) 50%,#333)}.product-timeline__results{display:flex;flex-direction:column;gap:10px}.product-timeline__result-item{display:flex;flex-direction:column;gap:3px}.product-timeline__result-text{font-size:14px;color:#333;line-height:1.4}.product-timeline__result-text.bold{font-size:14px;font-weight:400;color:#333}.product-timeline__bar-row{display:flex;align-items:center;gap:8px}.product-timeline__bar-track{flex:1;height:6px;background:color-mix(in srgb,var(--color) 35%,#d0e8e4);border-radius:4px;overflow:hidden}.product-timeline__bar-fill{height:100%;border-radius:4px;width:0%;transition:width .8s cubic-bezier(.4,0,.2,1);display:block!important}.product-timeline__bar-pct{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;min-width:36px;text-align:right;color:color-mix(in srgb,var(--color) 70%,#333)}.product-timeline__footer-note{max-width:1200px;margin:16px auto 0;padding:0 40px;display:flex;align-items:flex-start;gap:10px;width:100%}.product-timeline__footer-bar{width:3px;min-height:40px;border-radius:2px;background:linear-gradient(180deg,var(--color-mid),transparent);margin-top:2px;flex-shrink:0}.product-timeline__footer-text{font-size:12px;color:#666;line-height:1.7;max-width:520px}.product-timeline__footer-text strong{color:#333;font-weight:600}@media (max-width:768px){.product-timeline__header{padding:16px 20px 12px}.product-timeline__title{font-size:clamp(22px,5vw,28px)}.product-timeline__subtitle{font-size:12px}.product-timeline__content{padding:0 20px;gap:16px;flex-wrap:wrap}.product-timeline__footer-note{padding:0 20px}.product-timeline__tl-dot{width:32px;height:32px}.product-timeline__tl-line{height:18px}.product-timeline__tl-label{font-size:11px;height:32px;line-height:32px}.product-timeline__card-area{width:100%}.product-timeline__image{display:none}}