/* STEP 5.2 — scoped application schematic; all other approved sections stay intact */
.cryo-demo.cryo-process-demo{display:block;position:relative;margin-top:64px;padding:32px 0 12px;background:radial-gradient(ellipse at 22% 58%,#173a6329,transparent 58%),radial-gradient(ellipse at 86% 62%,#07594b20,transparent 55%)}
.cryo-process-demo .cryo-process-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:25px}
.cryo-process-demo .demo-title{min-width:0;align-items:baseline}
.cryo-process-demo .demo-title h3{margin:0;font-family:'HomeInter-Light',Inter,sans-serif;font-weight:400;font-size:28px;line-height:1.25;letter-spacing:-.025em}
.cryo-process-demo .demo-title h3 br{display:none}
.cryo-process-demo .sequence-label{margin:0;flex-shrink:0;color:#92b9c9;letter-spacing:.06em}
.cryo-process-demo .cryo-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px;list-style:none;margin:0;padding:0}
.cryo-process-demo .cryo-stage{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center;padding:8px 12px 22px}
.cryo-process-demo .cryo-stage:not(:last-child)::after{content:'';position:absolute;width:52px;height:1px;top:85px;left:calc(100% + 0px);background:linear-gradient(90deg,#446ca0,#46b5a7)}
.cryo-process-demo .cryo-stage:not(:last-child)::before{content:'';position:absolute;left:calc(100% + 45px);top:82px;width:6px;height:6px;border-right:1px solid #46b5a7;border-top:1px solid #46b5a7;transform:rotate(45deg)}
.cryo-process-demo .cryo-stage-graphic{width:200px;max-width:100%;height:148px;display:flex;align-items:center;justify-content:center;color:#8db9df}
.cryo-process-demo .cryo-stage:nth-child(2) .cryo-stage-graphic{color:#7bc8cb}
.cryo-process-demo .cryo-stage:nth-child(3) .cryo-stage-graphic{color:#6bd3bb}
.cryo-process-demo .cryo-stage-graphic svg{display:block;width:100%;height:100%;overflow:visible}
.cryo-process-demo .cryo-stage-label{display:block;font-size:16px;font-weight:400;line-height:1.55;color:#d2ecfa;max-width:240px;overflow-wrap:anywhere}
html:not([lang="en"]) .cryo-process-demo .demo-title h3{font-family:var(--locale-font);font-size:27px;line-height:1.5;letter-spacing:0}
html:not([lang="en"]) .cryo-process-demo .cryo-stage-label{font-family:var(--locale-font);letter-spacing:0}
@media(max-width:1000px){
 .cryo-process-demo .cryo-process{gap:30px}
 .cryo-process-demo .cryo-stage:not(:last-child)::after{width:30px;top:75px}
 .cryo-process-demo .cryo-stage:not(:last-child)::before{left:calc(100% + 23px);top:72px}
 .cryo-process-demo .cryo-stage-graphic{height:128px;width:176px}
 .cryo-process-demo .cryo-stage-label{font-size:15px}
}
@media(max-width:700px){
 .cryo-demo.cryo-process-demo{margin-top:44px;padding:22px 0 0}
 .cryo-process-demo .cryo-process-intro{display:block;margin-bottom:22px}
 .cryo-process-demo .demo-title h3{font-size:25px;line-height:1.3}
 html:not([lang="en"]) .cryo-process-demo .demo-title h3{font-size:25px;line-height:1.5}
 .cryo-process-demo .sequence-label{display:block;margin:12px 0 0 30px;font-size:11px}
 .cryo-process-demo .cryo-process{grid-template-columns:1fr;gap:28px}
 .cryo-process-demo .cryo-stage{display:grid;grid-template-columns:116px minmax(0,1fr);gap:20px;align-items:center;text-align:left;padding:0;min-height:104px}
 .cryo-process-demo .cryo-stage-graphic{width:116px;height:104px;max-width:100%}
 .cryo-process-demo .cryo-stage-label{font-size:15px;line-height:1.65;max-width:none}
 .cryo-process-demo .cryo-stage:not(:last-child)::after{left:58px;top:calc(100% + 1px);width:1px;height:24px;background:linear-gradient(#446ca0,#46b5a7)}
 .cryo-process-demo .cryo-stage:not(:last-child)::before{left:55px;top:calc(100% + 18px);transform:rotate(135deg)}
}
@media(prefers-reduced-motion:reduce){.cryo-process-demo *{animation:none!important;transition:none!important}}