.method64{background:#102b3b;color:#f2f6f8;padding:clamp(82px,7vw,132px) 0 75px}
.method64-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.5fr);gap:clamp(40px,8vw,135px);align-items:end;margin-bottom:clamp(65px,6vw,100px)}
.method64-intro .eyebrow{font-size:12px;letter-spacing:.14em;color:#a9c2cd;margin-bottom:25px}
.method64-intro h2{font-size:clamp(40px,3.55vw,64px);line-height:1.1;letter-spacing:-.045em;max-width:900px;text-wrap:balance}
.method64-intro>p{max-width:410px;font-size:clamp(16px,1vw,18px);line-height:1.7;color:#c3d2d9;padding-bottom:5px}
.method64-route{position:relative}.method64-stages{list-style:none;margin:0;padding:0;border-bottom:1px solid #496673}
.method64-stage{position:relative;z-index:2;display:grid;grid-template-columns:minmax(150px,.55fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,70px);align-items:start;padding:37px 0 40px 55px;border-top:1px solid #496673}
.method64-marker{position:absolute;top:42px;left:0;width:20px;height:20px;display:grid;place-items:center;background:#102b3b}
.method64-marker span{width:12px;height:12px;border-radius:50%;border:1px solid #9bb1ba;background:#102b3b;transition:background .3s,border-color .3s,box-shadow .3s}
.method64-stage.is-reached .method64-marker span{background:#d32b40;border-color:#d32b40;box-shadow:0 0 0 4px rgba(211,43,64,.16)}
.method64-number{color:#a9c2cd;font-size:clamp(29px,2.3vw,38px);line-height:1;letter-spacing:-.04em;margin:0 0 15px;transition:color .3s}
.method64-stage.is-reached .method64-number{color:#fff}
.method64-label{text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:#a9c2cd;margin:0;line-height:1.5}
.method64-stage h3{font-size:clamp(27px,2.15vw,37px);line-height:1.16;letter-spacing:-.035em;max-width:430px;margin:0;text-wrap:balance}
.method64-description{font-size:clamp(15px,1vw,17px);line-height:1.7;color:#c5d4da;max-width:510px;margin:0 0 22px}
.method64-detail{border-top:1px solid #496673;padding-top:13px;color:#a9c2cd;font-size:13px;line-height:1.5;max-width:510px;margin:0}
.method64-track{position:absolute;z-index:1;left:10px;top:52px;width:1px;height:75%;background:#75909b;pointer-events:none}
.method64-track>span{display:block;width:2px;height:100%;background:#e04756;transform-origin:center top;transform:scaleY(var(--method-progress,0))}
.method64-track>i{position:absolute;left:0;top:calc(var(--method-progress,0)*100%);width:8px;height:8px;border-radius:50%;background:#e04756;box-shadow:0 0 0 4px #e0475629;transform:translate(-50%,-50%)}
.method64-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:28px;margin-top:20px}
.method64-bottom p{font-size:13px;line-height:1.6;color:#b7cbd3;margin:0}
.method64-bottom a{display:flex;gap:36px;border-bottom:1px solid #a0b7c0;padding:9px 0;font-size:14px;white-space:nowrap}
.method64-bottom a:hover{color:#fff;border-color:#fff}
@media(max-width:1000px){.method64-intro{grid-template-columns:1fr;gap:18px}.method64-intro>p{max-width:600px}.method64-stage{grid-template-columns:120px minmax(0,1fr) minmax(0,1fr);gap:25px}.method64-stage h3{font-size:29px}}
@media(max-width:800px){.method64{padding:75px 0 65px}.method64-intro{margin-bottom:48px}.method64-stage{grid-template-columns:minmax(0,1fr);gap:14px;padding:28px 0 34px 52px}.method64-marker{top:32px}.method64-stage-label{display:flex;align-items:baseline;gap:16px}.method64-number{font-size:30px;margin:0}.method64-stage h3{font-size:28px;max-width:none}.method64-description{max-width:570px;margin-bottom:16px}.method64-detail{max-width:570px}.method64-bottom{align-items:flex-start;flex-direction:column;gap:20px}}
@media(max-width:480px){.method64-intro h2{font-size:37px}.method64-stage{padding-left:46px}.method64-stage h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){.method64-number,.method64-marker span{transition:none}}