.process-explorer{--pe-navy:var(--ink,#23233f);--pe-red:var(--brand,#bb2c22);--pe-steel:var(--ink-3,#5f5f7a);--pe-line:var(--line,#e4e1d8);color:var(--pe-navy);border-block:1px solid var(--pe-line);font-family:var(--sans,system-ui, sans-serif);background:#fff;padding:88px 32px 64px}.process-explorer *{box-sizing:border-box}.pe-inner{max-width:1320px;margin:0 auto}.pe-header{grid-template-columns:1.5fr 1fr;align-items:end;gap:48px;margin-bottom:34px;display:grid}.pe-header h2{letter-spacing:-.035em;max-width:680px;margin:0;font-size:clamp(28px,3vw,42px);font-weight:650;line-height:1.2}.pe-header p{max-width:390px;color:var(--pe-steel);margin:0;font-size:16px;line-height:1.6}.pe-tabs{scrollbar-width:thin;border-bottom:1px solid var(--pe-line);gap:28px;margin-bottom:28px;display:flex;overflow-x:auto}.pe-tabs button{appearance:none;color:var(--pe-steel);font:inherit;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;flex:none;margin-bottom:-1px;padding:14px 0 15px;font-size:15px;font-weight:650}.pe-tabs button[aria-selected=true]{color:var(--pe-navy);border-bottom-color:var(--pe-red)}.pe-tabs button:hover{color:var(--pe-red)}.pe-layout{border:1px solid var(--pe-line);background:#edf1f4;border-radius:12px;grid-template-columns:minmax(0,1.75fr) minmax(290px,1fr);align-items:stretch;gap:0;display:grid;overflow:hidden}.pe-visual{min-width:0}.pe-stage{isolation:isolate;background:#edf1f4;height:clamp(360px,36vw,505px);position:relative;overflow:hidden}.pe-poster{width:100%;height:100%;display:block}.pe-poster img{object-fit:contain;background:#edf1f4;width:100%;height:100%;display:block}.pe-canvas{opacity:0;pointer-events:none;position:absolute;inset:0}.pe-canvas.is-ready{opacity:1}.pe-canvas canvas{pointer-events:none;width:100%;height:100%;display:block}.pe-explanation{flex-direction:column;justify-content:center;align-items:flex-start;gap:22px;padding:36px;display:flex}.pe-explanation h3{letter-spacing:-.025em;margin:0;font-size:27px;font-weight:650;line-height:1.25}.pe-description{max-width:35ch;color:var(--pe-steel);margin:0;font-size:16px;line-height:1.65}.pe-action{gap:14px;min-height:44px}.process-explorer button:focus-visible{outline:2px solid var(--pe-red);outline-offset:5px;box-shadow:none}@media (width<=1050px){.process-explorer{padding:64px 24px 48px}.pe-header{grid-template-columns:1fr 1fr;gap:32px}.pe-layout{grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr)}.pe-stage{height:390px}.pe-explanation{padding:28px}}@media (width<=760px){.process-explorer{padding:44px 16px 36px}.pe-header{margin-bottom:24px;display:block}.pe-header h2{max-width:480px;font-size:28px}.pe-header p{max-width:450px;margin-top:13px;font-size:14px}.pe-tabs{gap:15px;margin-bottom:20px}.pe-tabs button{padding:12px 0;font-size:13px}.pe-layout{grid-template-columns:minmax(0,1fr)}.pe-stage{aspect-ratio:1.25;width:100%;height:auto;min-height:265px}.pe-explanation{gap:18px;padding:24px}.pe-explanation h3{font-size:24px}.pe-description{max-width:520px;font-size:15px}}@media (prefers-reduced-motion:reduce){.process-explorer *,.process-explorer :before,.process-explorer :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}