*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--green:#017f47;--green-mid:#02a358;--green-light:#02b463;--green-pale:#eaf5ef;--green-glow:rgba(1, 127, 71, 0.18);--gray-line:#dde9e4;--gray-muted:#6b8c7a;--text-dark:#122a1c;--card-bg:#ffffff;--body-bg:#f4f8f5;--border:#dfe9e5;--dot-size:52px;--dot-gap:28px;--item-gap:56px}body{background:var(--body-bg);font-family:'DM Sans',sans-serif;color:var(--text-dark)}.section-intro{text-align:center;max-width:520px;margin:0 auto 80px}.section-eyebrow{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--green);background:var(--green-pale);border:1px solid rgb(1 127 71 / .18);border-radius:100px;padding:5px 16px;margin-bottom:18px}.section-intro h2{font-family:'DM Serif Display',serif;font-size:40px;font-weight:400;line-height:1.15;margin-bottom:14px}.section-intro p{font-size:15px;line-height:1.7;color:var(--gray-muted)}.timeline{position:relative;max-width:680px;margin:0 auto}.timeline-track,.timeline-progress{position:absolute;width:3px;border-radius:99px;z-index:0;pointer-events:none}.timeline-track{background:var(--gray-line)}.timeline-progress{background:linear-gradient(180deg,var(--green) 0%,var(--green-light) 100%);height:0;transition:height 0.07s linear;filter:drop-shadow(0 0 6px rgb(1 127 71 / .38))}.timeline-progress::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:11px;height:11px;border-radius:50%;background:var(--green-mid);box-shadow:0 0 0 5px rgb(1 127 71 / .18);animation:tip-pulse 1.4s ease-in-out infinite;opacity:0;transition:opacity 0.3s}.timeline-progress.has-tip::after{opacity:1}@keyframes tip-pulse{0%,100%{box-shadow:0 0 0 5px rgb(1 127 71 / .18)}50%{box-shadow:0 0 0 11px rgb(1 127 71 / .04)}}.timeline-item{position:relative;display:flex;flex-direction:row;align-items:center;gap:var(--dot-gap);margin-bottom:var(--item-gap);opacity:0;transform:translateX(-14px);transition:opacity 0.5s ease,transform 0.5s ease}.timeline-item.is-visible{opacity:.3;transform:translateX(0)}.timeline-item.is-active{opacity:1;transform:translateX(0)}.timeline-dot{position:relative;flex-shrink:0;width:var(--dot-size);height:var(--dot-size);border-radius:50%;z-index:2;display:flex;align-items:center;justify-content:center;background:var(--body-bg);border:3px solid var(--border);transition:background 0.35s ease,border-color 0.35s ease,box-shadow 0.35s ease,transform 0.35s cubic-bezier(.34,1.56,.64,1)}.dot-ring{position:absolute;inset:-7px;width:calc(100% + 14px);height:calc(100% + 14px);fill:none;stroke:var(--green-light);stroke-width:2;stroke-dasharray:170;stroke-dashoffset:170;stroke-linecap:round;transform:rotate(-90deg);transition:stroke-dashoffset 0.55s ease 0.08s;pointer-events:none}.dot-number{font-size:15px;font-weight:600;color:#a0bcaf;transition:color 0.3s;user-select:none}.timeline-item.is-active .timeline-dot{background:var(--green);border-color:var(--green);box-shadow:0 0 0 7px rgb(1 127 71 / .13),0 6px 24px rgb(1 127 71 / .32);transform:scale(1.08)}.timeline-item.is-active .dot-number{color:#fff}.timeline-item.is-active .dot-ring{stroke-dashoffset:0}.timeline-item:not(.is-active):hover .timeline-dot{border-color:var(--green);box-shadow:0 0 0 5px rgb(1 127 71 / .1);transform:scale(1.07)}.timeline-item:not(.is-active):hover .dot-number{color:var(--green)}.timeline-card{flex:1;position:relative;z-index:1;background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:24px 28px;transition:border-color 0.35s ease,box-shadow 0.35s ease,transform 0.35s ease}.timeline-card::before{content:'';position:absolute;left:-8px;top:50%;transform:translateY(-50%) rotate(45deg);width:14px;height:14px;background:var(--card-bg);border-left:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:2px 0 0 0;transition:border-color 0.35s}.timeline-item.is-active .timeline-card{border-color:rgb(1 127 71 / .22);box-shadow:0 10px 40px rgb(1 127 71 / .09)}.timeline-item.is-active .timeline-card::before{border-color:rgb(1 127 71 / .22)}.timeline-card:hover{transform:translateX(5px);box-shadow:0 12px 40px rgb(18 42 28 / .1);border-color:rgb(1 127 71 / .28)}.timeline-card:hover::before{border-color:rgb(1 127 71 / .28)}.card-step{display:block;font-size:10.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#a0bcaf;margin-bottom:7px;transition:color 0.3s}.timeline-item.is-active .card-step{color:var(--green)}.timeline-card h3{font-family:'DM Serif Display',serif;font-size:20px;font-weight:400;line-height:1.22;color:var(--text-dark);margin-bottom:9px}.timeline-card p{font-size:14px;line-height:1.7;color:var(--gray-muted);font-weight:300;margin-bottom:14px}.card-tag{display:inline-block;font-size:11px;font-weight:500;letter-spacing:.04em;color:#a0bcaf;background:var(--green-pale);border:1px solid rgb(1 127 71 / .12);border-radius:100px;padding:3px 12px;transition:background 0.3s,color 0.3s,border-color 0.3s}.timeline-item.is-active .card-tag{background:rgb(1 127 71 / .1);color:var(--green);border-color:rgb(1 127 71 / .25)}@media (max-width:480px){:root{--dot-size:42px;--dot-gap:18px;--item-gap:44px}.section-intro h2{font-size:30px}.timeline-card{padding:18px 20px}.timeline-card h3{font-size:18px}}