.chain-story{background:#071525;color:#fff;position:relative;overflow:clip}
.chain-top{padding:112px 0 45px;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:70px}
.chain-top h2{max-width:690px;margin-top:15px}
.chain-top .lead{color:#b9d0df;max-width:520px}
.chain-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:70px;align-items:start}
.chain-rail{position:sticky;top:100px;padding:26px 0 0;height:calc(100vh - 120px);min-height:540px;display:flex;flex-direction:column;justify-content:space-between}
.chain-rail-title{font-size:11px;letter-spacing:.16em;color:#8cdbf7;text-transform:uppercase;font-weight:700}
.chain-progress{height:3px;background:#34566c;position:relative;overflow:hidden;border-radius:10px;margin:20px 0 30px}
.chain-progress i{display:block;width:0;height:100%;background:#00aeef;transition:width .18s linear}
.chain-menu{display:grid;gap:0;margin-top:12px}
.chain-menu a{display:flex;gap:12px;align-items:center;color:#86a5b7;border-left:1px solid #385668;padding:15px 0 15px 17px;font-size:12px;font-weight:700;transition:color .35s,border-color .35s,transform .35s}
.chain-menu a span{color:#66869a;font-size:10px}
.chain-menu a.is-active{color:#fff;border-color:#00aeef;transform:translateX(4px)}
.chain-menu a.is-active span{color:#8cdbf7}
.chain-rail-foot{border-top:1px solid #3e6072;padding-top:20px;color:#a6c0cf;font-size:12px}
.chain-stages{min-width:0}
.chain-stage{min-height:92vh;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:34px;align-items:center;border-top:1px solid #49647660;scroll-margin-top:90px;padding:54px 0}
.chain-stage:last-child{min-height:78vh}
.chain-copy{opacity:.4;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}
.chain-stage.is-active .chain-copy{opacity:1;transform:translateY(0)}
.chain-copy small{font-size:11px;letter-spacing:.15em;color:#77d8ff;text-transform:uppercase;font-weight:700}
.chain-copy h3{font-size:clamp(33px,3.5vw,52px);margin:20px 0}
.chain-copy p{font-size:16px;line-height:1.65;color:#b9d0df;max-width:390px}
.chain-copy .chain-outcome{border-top:1px solid #3d6277;margin-top:30px;padding-top:17px;font-size:12px;color:#e4f2f8}
.chain-copy .chain-outcome b{display:block;color:#77d8ff;text-transform:uppercase;font-size:10px;letter-spacing:.12em;margin-bottom:7px}
.chain-scene{background:#fff;color:#142435;border:1px solid #dce7ec;border-radius:22px;box-shadow:0 30px 90px #0005;min-height:430px;overflow:hidden;transform:translateY(20px) scale(.97);opacity:.55;transition:opacity .75s ease,transform .75s ease}
.chain-stage.is-active .chain-scene{transform:translateY(0) scale(1);opacity:1}
.chain-scene-head{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #e0ebf0;background:#f6fbfd;padding:16px 22px;font-size:11px;color:#5e7282}
.chain-scene-head b{color:#142435;font-size:12px}
.chain-scene-body{padding:26px}
.chain-tag{display:inline-block;border:1px solid #b8ddea;border-radius:100px;color:#225983;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:7px 11px}
.chain-scene h4{font-size:clamp(19px,2vw,27px);line-height:1.15;letter-spacing:-.03em;margin:14px 0 10px}
.chain-scene p{font-size:13px;line-height:1.55;color:#5d6f7f}
.chain-brief{border:1px solid #d5e4eb;border-radius:13px;margin-top:25px;overflow:hidden}
.chain-brief-row{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #e2ebf0;padding:13px 16px;font-size:12px}
.chain-brief-row:first-child{border-top:0}.chain-brief-row span{color:#677989}.chain-brief-row b{max-width:61%;text-align:right}
.chain-scene-foot{border-top:1px solid #e1eaf0;padding:17px 22px;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#4c6475}.chain-scene-foot b{color:#2d388a}
.chain-suppliers{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px}
.chain-supplier{border:1px solid #d7e4eb;border-radius:12px;padding:14px;min-height:85px;position:relative;transition:transform .6s,background .6s}
.chain-stage.is-active .chain-supplier:nth-child(2){transform:translateY(8px)}.chain-stage.is-active .chain-supplier:nth-child(3){transform:translateY(-3px)}
.chain-supplier strong{font-size:12px;display:block}.chain-supplier span{font-size:10px;color:#617687;display:block;margin-top:5px}.chain-supplier i{width:8px;height:8px;border-radius:50%;background:#45acd8;position:absolute;right:13px;top:16px}
.chain-compare{display:grid;gap:8px;margin-top:20px}
.chain-offer{display:grid;grid-template-columns:1fr 90px 90px;gap:8px;align-items:center;border:1px solid #d9e5eb;border-radius:10px;padding:15px 13px;font-size:11px}
.chain-offer strong{font-size:12px}.chain-offer span{color:#65798a}.chain-offer b{text-align:right}.chain-offer.selected{border-color:#50b6df;background:#ebf8fc;box-shadow:inset 3px 0 #00aeef}
.chain-compare-total{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-top:16px;border-top:1px solid #d6e5ed;padding-top:15px;font-size:11px;color:#607787}.chain-compare-total b{font-size:30px;color:#2d388a;line-height:1}
.chain-decision{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.chain-decision>div{border:1px solid #d9e5eb;border-radius:12px;padding:17px;min-height:120px}.chain-decision span{display:block;color:#708594;font-size:10px;letter-spacing:.09em;text-transform:uppercase}.chain-decision strong{display:block;margin-top:15px;font-size:17px}.chain-decision .selected{background:#e8f5fb;border-color:#8ad4ef}
.chain-approval{border:1px solid #d4e5ec;border-radius:14px;padding:20px;margin-top:26px;box-shadow:0 14px 35px #173c5214}.chain-approval small{font-size:10px;color:#5f7687;letter-spacing:.08em}.chain-approval h4{margin:9px 0}.chain-approval .approve-line{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #e2ecf1;font-size:11px}.chain-approval .approve-line span{color:#6b7d89}.chain-approval button{margin-top:20px;padding:11px 19px;border:0;border-radius:7px;background:#2d388a;color:white;font-size:11px;font-weight:700}
.chain-contract{border:1px solid #d7e5ec;border-radius:12px;margin-top:18px;padding:21px;position:relative;background:linear-gradient(135deg,#fff,#f5fbfd)}.chain-contract:after{content:'';position:absolute;right:23px;bottom:27px;border:3px solid #21a7de;border-radius:50%;width:48px;height:48px;opacity:.65;transform:rotate(-17deg)}.chain-contract small{font-size:10px;letter-spacing:.09em;color:#667e8e}.chain-contract h4{margin:12px 0 17px}.chain-contract .line{height:7px;border-radius:10px;background:#dbe8ee;margin:10px 0;width:88%}.chain-contract .line.short{width:55%}.chain-contract .signature{font-family:Georgia,serif;font-style:italic;font-size:24px;color:#2d388a;margin-top:32px}
.chain-benefits{padding:100px 0 120px;background:#fff}.chain-benefits-head{max-width:770px;margin-bottom:40px}.chain-benefits-head h2{margin:16px 0}.chain-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.chain-benefit{background:#f7fbfd;border:1px solid #dce8ee;border-radius:17px;padding:26px;min-height:220px}.chain-benefit strong{display:block;font-size:clamp(32px,3.5vw,52px);line-height:1.05;letter-spacing:-.05em;color:#2d388a;margin:14px 0}.chain-benefit b{display:block;font-size:15px}.chain-benefit p{font-size:13px;line-height:1.55;color:#627687;margin-top:10px}.chain-benefit small{font-size:10px;letter-spacing:.12em;color:#337597;font-weight:700}
.chain-categories{border-top:1px solid #dce8ee;margin-top:78px;padding-top:56px;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.chain-categories h3{font-size:clamp(29px,3vw,43px);margin:15px 0}.chain-categories p{color:#64798a;max-width:480px}.chain-category-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chain-category-list span{min-height:70px;display:flex;align-items:center;padding:16px 20px;background:#fff;border:1px solid #dce8ee;border-radius:10px;font-size:13px;font-weight:700;box-shadow:0 10px 25px #0d3d5510;transition:transform .4s,border-color .4s}.chain-category-list span:hover{transform:translateY(-4px);border-color:#78c7e6}.chain-next-cta{margin-top:44px}
@media(max-width:980px){.chain-layout{grid-template-columns:1fr;gap:0}.chain-rail{position:sticky;top:76px;height:auto;min-height:0;background:#071525;z-index:8;padding:12px 0;border-bottom:1px solid #3b6174}.chain-rail-title,.chain-rail-foot,.chain-menu{display:none}.chain-progress{margin:0}.chain-stage{grid-template-columns:1fr;min-height:0;gap:26px;padding:70px 0}.chain-copy{opacity:1;transform:none}.chain-scene{opacity:1;transform:none}.chain-top{grid-template-columns:1fr;padding:80px 0 45px;gap:22px}.chain-benefits-grid{grid-template-columns:1fr}.chain-benefit{min-height:0}.chain-categories{grid-template-columns:1fr;gap:28px}}
@media(max-width:560px){.chain-scene{min-height:0}.chain-scene-body{padding:19px}.chain-offer{grid-template-columns:1fr 72px;gap:5px}.chain-offer span{display:none}.chain-scene-head,.chain-scene-foot{padding:15px}.chain-decision{grid-template-columns:1fr 1fr}.chain-decision>div{min-height:115px;padding:12px}.chain-decision strong{font-size:14px}.chain-stage{padding:59px 0}.chain-copy h3{font-size:36px}.chain-benefits{padding:75px 0}.chain-top{padding-top:70px}}
@media(prefers-reduced-motion:reduce){.chain-copy,.chain-scene,.chain-menu a,.chain-progress i{transition:none!important;transform:none!important;opacity:1!important}}