/* PROCESS — "Log to Load": steel blueprint, saw-orange */
.page-process{--bg:#0E1317;--fg:#E7ECEF;--muted:rgba(231,236,239,.6);--line:rgba(160,190,210,.16);--accent:#FF7A30;
  background-image:linear-gradient(rgba(160,190,210,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(160,190,210,.05) 1px,transparent 1px);background-size:56px 56px}

.pr-head{padding:150px 0 clamp(70px,8vw,120px)}
.pr-head__title{font-size:clamp(88px,12.5vw,230px);display:flex;align-items:center;gap:.12em;margin:24px 0 40px}
.pr-arrow{display:inline-block;width:1.4em;height:.08em;position:relative;overflow:hidden;align-self:center;background:rgba(231,236,239,.12)}
.pr-arrow i{position:absolute;inset:0;background:var(--accent);animation:feed 2.6s var(--ease-io) infinite}
@keyframes feed{0%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}
.pr-head__row{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap}
.pr-head__meta{display:flex;gap:0;margin:0;border:1px solid var(--line)}
.pr-head__meta div{padding:14px 22px;border-right:1px solid var(--line)}
.pr-head__meta div:last-child{border-right:0}
.pr-head__meta dt{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.pr-head__meta dd{margin:4px 0 0;font-size:26px;font-family:var(--f-display);font-weight:800;color:var(--accent)}
@media (max-width:760px){.pr-head{padding-top:120px}.pr-head__title{font-size:clamp(64px,20vw,120px)}}

/* pinned stages */
.stages{position:relative;height:640vh;border-top:1px solid var(--line)}
.stages__sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column}
.blade{position:absolute;left:50%;bottom:-62vh;width:110vh;height:110vh;margin-left:-55vh;opacity:.5;pointer-events:none}
.blade__teeth path{fill:#1A2228;stroke:rgba(160,190,210,.35);stroke-width:.4}
.blade__plate{fill:#141B20;stroke:rgba(160,190,210,.3);stroke-width:.4}
.blade__ring{fill:none;stroke:rgba(255,122,48,.4);stroke-width:.5;stroke-dasharray:2 3}
.blade__hub{fill:var(--accent)}
.stages__in{position:relative;flex:1;display:flex;align-items:center}
.stages__list{position:relative;width:100%;height:min(62vh,520px)}
.stage{position:absolute;inset:0;display:grid;grid-template-columns:auto 1fr 1.1fr;gap:clamp(20px,4vw,70px);align-items:center;opacity:0;visibility:hidden;transition:opacity .6s var(--ease),visibility .6s}
.stage.on{opacity:1;visibility:visible}
.stage__n{font-size:clamp(120px,15vw,250px);color:transparent;-webkit-text-stroke:1.5px var(--accent);line-height:.8;transform:translateY(30px);transition:transform .9s var(--ease)}
.stage.on .stage__n{transform:none}
.stage__body{max-width:44ch;transform:translateY(24px);transition:transform .9s .06s var(--ease)}
.stage.on .stage__body{transform:none}
.stage h2{font-family:var(--f-display);font-weight:800;text-transform:uppercase;font-size:clamp(42px,4.6vw,78px);line-height:.9;margin:0 0 20px}
.stage p{color:var(--muted);margin:0 0 18px;font-size:16.5px}
.stage__spec{color:var(--accent)!important;font-size:12.5px!important;letter-spacing:.06em;padding-top:14px;border-top:1px dashed var(--line);display:inline-block}
.dia{width:100%;max-height:52vh;background:rgba(14,19,23,.7);border:1px solid var(--line);padding:18px;transform:translateX(30px);transition:transform .9s .1s var(--ease)}
.stage.on .dia{transform:none}
.dia .ln{fill:none;stroke:rgba(231,236,239,.75);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.dia .thin{stroke-width:.8;stroke:rgba(231,236,239,.4)}
.dia .hot{stroke:var(--accent)}
.dia .dash{stroke-dasharray:6 6;animation:dash 1.4s linear infinite}
@keyframes dash{to{stroke-dashoffset:-24}}
.dia text{fill:rgba(231,236,239,.6);stroke:none;font-family:var(--f-mono);font-size:12px}
.dia .beam{stroke:var(--accent);stroke-dasharray:4 4;animation:dash .8s linear infinite}
.dia .arc{stroke:var(--accent);stroke-width:3;transform-origin:200px 130px;animation:spin 3s linear infinite}
.dia .spin{transform-origin:330px 70px;animation:spin 1.2s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.dia .chips rect{fill:var(--accent);stroke:none;animation:fall 1.6s linear infinite}
.dia .chips rect:nth-child(2){animation-delay:.4s}.dia .chips rect:nth-child(3){animation-delay:.8s}.dia .chips rect:nth-child(4){animation-delay:1.2s}
@keyframes fall{from{transform:translateY(-30px);opacity:0}30%{opacity:1}to{transform:translateY(30px);opacity:0}}
.dia .curve{stroke-width:2.4;stroke-dasharray:420;stroke-dashoffset:420}
.stage.on .dia .curve{animation:draw 2.4s .3s var(--ease) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.dia .heat{stroke:var(--accent);opacity:.7;animation:rise 1.8s ease-in-out infinite}
@keyframes rise{0%,100%{transform:translateY(0);opacity:.2}50%{transform:translateY(-8px);opacity:.9}}
.dia .unit rect{fill:rgba(231,236,239,.06);stroke:rgba(231,236,239,.55);stroke-width:.8}
.stages__rail{padding-bottom:34px;position:relative}
.rail{height:2px;background:var(--line)}
.rail i{display:block;height:100%;width:0;background:var(--accent);box-shadow:0 0 14px var(--accent)}
.rail__labels{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.rail__labels li{transition:color .3s}
.rail__labels li.on{color:var(--fg)}
@media (max-width:900px){
  .stages{height:auto;padding:40px 0}
  .stages__sticky{position:relative;height:auto;overflow:visible}
  .blade{display:none}
  .stages__list{height:auto;display:grid;gap:70px}
  .stage{position:relative;opacity:1;visibility:visible;grid-template-columns:1fr;gap:18px}
  .stage__n{font-size:96px;transform:none}
  .stage__body,.dia{transform:none}
  .dia .curve{stroke-dashoffset:0}
  .stages__rail{display:none}
}

/* yield */
.yield{padding:clamp(100px,12vw,170px) 0;background:#E7ECEF;color:#0E1317;--muted:rgba(14,19,23,.6);--line:rgba(14,19,23,.15)}
.yield__head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:56px}
.yield__title{font-size:clamp(58px,8vw,140px)}
.yield__title .serif{color:#D85A1B}
.ybar{display:flex;height:clamp(90px,11vw,150px);gap:4px}
.ybar__seg{width:0;overflow:hidden;display:flex;align-items:flex-end;padding:14px;transition:width 1.6s var(--ease)}
.ybar.in .ybar__seg{width:var(--w)}
.ybar__seg:nth-child(2){transition-delay:.15s}.ybar__seg:nth-child(3){transition-delay:.3s}.ybar__seg:nth-child(4){transition-delay:.45s}
.ybar__seg b{font-family:var(--f-display);font-weight:800;font-size:clamp(24px,3vw,46px);line-height:1}
.s1{background:#D9A867;color:#0E1317}
.s2{background:#8E6A3E;color:#E7ECEF}
.s3{background:#C9B9A0;color:#0E1317}
.s4{background:#3B2A1E;color:#E7ECEF}
.ylegend{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:34px}
.ylegend i{display:block;width:30px;height:8px;margin-bottom:16px}
.ylegend h3{font-size:19px;font-weight:600;margin:0 0 6px}
.ylegend p{margin:0;color:var(--muted);font-size:14.5px}
@media (max-width:760px){.ylegend{grid-template-columns:1fr 1fr}.ybar__seg{padding:8px}.ybar__seg b{font-size:18px}}

/* tour */
.tour{padding:clamp(100px,12vw,170px) 0}
.tour__in{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:end}
.tour__title{font-size:clamp(56px,7.6vw,128px)}
.tour__side p{color:var(--muted);font-size:17px;margin:0 0 26px;max-width:40ch}
.tour .btn--solid{color:#0E1317}
@media (max-width:860px){.tour__in{grid-template-columns:1fr}}
.pr-head__title{flex-wrap:wrap;row-gap:0}
@media (max-width:760px){
  .pr-arrow{width:.7em}
  .ybar__seg.s3 b,.ybar__seg.s4 b{display:none}
}