.hero h1 span,.chain-title-gradient{font-style:normal;background:linear-gradient(100deg,#8cdbf7 0%,#47b9ef 49%,#5977e8 100%);color:transparent;background-clip:text;-webkit-background-clip:text}
.chain-story{background:radial-gradient(ellipse at 83% 10%,#102b45 0,#071525 35%,#071525 100%)}
.chain-top{padding-top:125px;padding-bottom:64px}
.chain-top h2{font-size:clamp(43px,4.7vw,75px);letter-spacing:-.058em;line-height:1.02}
.chain-top .lead{font-size:18px;line-height:1.55;color:#c8dce7}
.chain-stage{min-height:104vh;border-color:#8aafc545;gap:52px}
.chain-copy small{font-size:12px;color:#94dcfa}
.chain-copy h3{font-size:clamp(42px,3.9vw,62px);line-height:1.02;letter-spacing:-.052em}
.chain-copy p{font-size:17px;line-height:1.55;color:#c8d9e4}
.chain-copy .chain-outcome{border-color:#719db455;font-size:13px;line-height:1.5}
.chain-scene{border:1px solid #88aec3;border-radius:19px;box-shadow:0 30px 78px #0008,0 0 0 1px #83cde91c;min-height:450px}
.chain-stage.is-active .chain-scene{box-shadow:0 35px 88px #0009,0 0 0 1px #65b5dd55}
.chain-scene:before{content:"";display:block;height:5px;background:linear-gradient(90deg,#2d388a,#2774b3,#00aeef)}
.chain-scene-head{background:#f7fbfd;border-bottom:1px solid #a8c4d2;padding:19px 24px}
.chain-scene-head b{font-size:13px}
.chain-scene-body{padding:29px 30px 34px}
.chain-scene h4{font-size:clamp(25px,2.5vw,34px);font-weight:700;letter-spacing:-.045em}
.chain-scene p{font-size:14px;color:#526f80}
.chain-tag{border-color:#7bbdd9;background:#e9f8fd;border-radius:5px;color:#1f5e7e;font-size:11px;padding:8px 11px}
.chain-scene-foot{background:#f6fafc;border-color:#a8c4d2;padding:19px 24px;font-size:12px}
.chain-scene-foot b{font-size:12px;color:#2d388a}
.chain-brief,.chain-approval,.chain-contract{border-color:#98b9c9;box-shadow:0 12px 28px #12364b13}
.chain-brief-row,.chain-approval .approve-line,.contract-check{border-color:#c4d8e2}
.chain-brief-row{padding:15px 17px;font-size:13px}
.chain-brief-row b{font-weight:700}
.chain-supplier{background:#fff;border-color:#a6c5d2;min-height:91px;box-shadow:0 7px 16px #14324710}
.chain-supplier strong{font-size:14px}
.chain-supplier span{font-size:11px}
.chain-offer{border-color:#a6c5d2;padding:16px 15px;font-size:12px;background:#fff}
.chain-offer strong{font-size:14px}
.chain-compare-total{border-color:#b1cad5;font-size:12px}
.chain-compare-total b{font-size:18px}
.chain-decision>div{border-color:#a6c5d2;background:#fff}
.chain-decision .selected{background:#ebf7fd;border-color:#4badd7;box-shadow:inset 4px 0 #00aeef}
.chain-approval{border-radius:12px;background:#fff}
.chain-approval button{background:#2d388a;border-radius:5px;font-size:12px}
.chain-contract{background:#fff}
.contract-signatures>div{border-color:#a6c5d2}
/* Each internal card makes a visible entrance while its scene is on screen. */
.concept-scroll-target{opacity:.08;filter:saturate(.45);transform:translateY(30px) scale(.96);clip-path:inset(0 0 18% 0);will-change:opacity,transform,clip-path}
.chain-brief-row,.chain-supplier,.chain-offer,.chain-compare-total,.chain-decision>div,.approve-line,.chain-approval button{position:relative}
.chain-brief-row:before,.chain-supplier:before,.chain-offer:before,.chain-decision>div:before,.approve-line:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#2d388a,#00aeef);opacity:var(--accent-opacity,0)}
.chain-scene{position:relative}
.chain-scene:after{content:"";position:absolute;top:5px;left:0;height:3px;width:var(--scene-progress,0%);background:linear-gradient(90deg,#2d388a,#00aeef);box-shadow:0 0 12px #00aeef75;pointer-events:none}
.chain-market-count{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:22px;padding:12px 14px;border:1px solid #9fbfce;border-radius:9px;background:#f4fafc;color:#526d7e;font-size:11px;line-height:1.2}
.chain-market-count b{color:#2d388a;font-size:17px;line-height:1}
.chain-market-count i{height:18px;width:1px;background:#9fbfce;margin:0 4px}
.chain-suppliers{position:relative}
.chain-suppliers:after{content:"";position:absolute;left:var(--lens-x,0%);top:var(--lens-y,0%);width:48px;height:48px;border:2px solid #00aeef;border-radius:50%;box-shadow:0 0 0 8px #00aeef16,0 9px 21px #087baa55;opacity:var(--lens-opacity,0);pointer-events:none;transform:translate(-10%,-10%)}
.chain-approval button{opacity:1!important;filter:none!important;transform:none!important}
.chain-scene-foot .stage-replay{font-size:12px;line-height:1.3;color:#214b8b;text-decoration-thickness:1px;text-underline-offset:4px}
.chain-top h2{font-weight:700;max-width:800px}
.chain-top .lead{font-weight:500}
/* The contract line is positioned by scroll progress, so it cannot finish
   while the document is still below the phone viewport. */
.chain-contract.is-scanning .contract-scan{animation:none;opacity:1}
.chain-contract .contract-scan{top:9%;transition:none}
.contract-replay{display:inline-flex;margin:16px 0 0 12px;padding:7px 0;vertical-align:middle;font-size:12px;color:#214b8b}
/* Motion is progressive enhancement: readable content remains in the DOM
   and comes to full contrast as each section enters the viewport. */
.motion-ready .reveal{opacity:.78;transform:translate3d(0,22px,0);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.75,.2,1)}
.motion-ready .reveal.visible{opacity:1;transform:none}
.hero-grid>.reveal:first-child,.motion-ready .hero-grid>.reveal:first-child{opacity:1;transform:none}
.motion-ready .motion-item{opacity:.76;transform:translate3d(0,20px,0);transition:opacity .75s ease,transform .9s cubic-bezier(.2,.75,.2,1),border-color .4s,box-shadow .4s}
.motion-ready .motion-item.motion-visible{opacity:1;transform:none}
.motion-ready .range-row.active.motion-visible{transform:translateY(0);box-shadow:0 24px 50px #0b244335}
.motion-ready .range-row.active:not(.motion-visible){transform:translateY(28px);box-shadow:0 5px 15px #0b244315}
.proof-stats>div{position:relative}
.proof-stats>div:before{content:"";position:absolute;left:0;top:-1px;width:0;height:2px;background:linear-gradient(90deg,#2d388a,#00aeef);transition:width 1.1s cubic-bezier(.2,.75,.2,1)}
.proof-stats>div.motion-visible:before{width:100%}
.outcome-row.visible .comparison-line i{animation:bar-grow .95s cubic-bezier(.2,.75,.2,1) both;transform-origin:left center}
.outcome-row.visible .comparison-line:nth-child(4) i{animation-delay:.12s}
.outcome-row.visible .comparison-line:nth-child(5) i{animation-delay:.24s}
@keyframes bar-grow{from{transform:scaleX(.12);opacity:.35}to{transform:scaleX(1);opacity:1}}
.outcome-row .control-track>*{opacity:.35;transform:translateY(12px);transition:opacity .55s,transform .65s cubic-bezier(.2,.75,.2,1)}
.outcome-row.visible .control-track>*{opacity:1;transform:none}
.outcome-row.visible .control-track>*:nth-child(2){transition-delay:.08s}
.outcome-row.visible .control-track>*:nth-child(3){transition-delay:.16s}
.outcome-row.visible .control-track>*:nth-child(4){transition-delay:.24s}
.outcome-row.visible .control-track>*:nth-child(5){transition-delay:.32s}
.outcome-row.visible .control-track>*:nth-child(6){transition-delay:.4s}
.outcome-row.visible .control-track>*:nth-child(7){transition-delay:.48s}
.delivery-principles>div{transition-delay:0ms}
.delivery-principles>div:nth-child(2){transition-delay:90ms}
.delivery-principles>div:nth-child(3){transition-delay:180ms}
.chain-benefits-grid .chain-benefit:nth-child(2){transition-delay:90ms}
.chain-benefits-grid .chain-benefit:nth-child(3){transition-delay:180ms}
.explore{background:#f4f8fb;padding:110px 0 120px;border-top:1px solid #dce7ec}
.explore-head{max-width:740px}
.explore-head h2{margin:15px 0 20px}
.explore-head .lead{max-width:650px}
.explore-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:48px}
.explore-card{display:flex;flex-direction:column;min-height:260px;padding:28px;border:1px solid #bdd3df;border-radius:14px;background:#fff;box-shadow:0 18px 38px #1334510d;transition:border-color .35s,box-shadow .35s,transform .45s cubic-bezier(.2,.75,.2,1)}
.explore-card:hover{border-color:#3aaee0;box-shadow:0 25px 50px #1334511c;transform:translateY(-5px)}
.explore-card small{font-size:10px;font-weight:700;letter-spacing:.13em;color:#2d388a}
.explore-card strong{display:block;font-size:22px;letter-spacing:-.04em;line-height:1.15;margin:29px 0 12px}
.explore-card span{font-size:13px;line-height:1.55;color:#526b7c}
.explore-card em{display:block;align-self:flex-start;margin-top:auto;padding-top:27px;border-bottom:1px solid #208fc2;color:#155b86;font-style:normal;font-size:12px;font-weight:700}
@media(max-width:980px){.explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.explore-card{min-height:220px}}
@media(max-width:980px){.chain-stage{min-height:0;gap:24px;padding:75px 0;scroll-margin-top:128px}.chain-copy h3{font-size:clamp(38px,7vw,56px)}.chain-scene{min-height:0}}
@media(max-width:700px){.chain-top{padding:86px 0 45px}.chain-top h2{font-size:clamp(41px,9vw,61px)}.chain-top .lead{font-size:16px}.chain-stage{padding:78px 0}.chain-scene-body{padding:20px}.chain-scene-head,.chain-scene-foot{padding:15px 17px}.chain-copy h3{font-size:42px}.chain-supplier{min-height:78px}.chain-brief-row{font-size:12px}}
@media(max-width:700px){.chain-top h2{font-size:clamp(43px,11.5vw,60px)}.motion-ready .reveal{transform:translate3d(0,15px,0)}.motion-ready .motion-item{transform:translate3d(0,14px,0)}.explore{padding:74px 0 85px}.explore-grid{grid-template-columns:1fr;gap:10px;margin-top:33px}.explore-card{min-height:0;padding:23px}.explore-card strong{font-size:23px;margin:18px 0 8px}.explore-card em{padding-top:17px}}
@media(prefers-reduced-motion:reduce){.concept-scroll-target{opacity:1;filter:none;transform:none}.chain-contract.is-scanning .contract-scan{opacity:0}.motion-ready .reveal,.motion-ready .motion-item{opacity:1;transform:none;transition:none}.outcome-row .control-track>*{opacity:1;transform:none;transition:none}.outcome-row.visible .comparison-line i{animation:none}}