/* A quiet content surface with a compact, interactive four-step navigator. */
body.page-process{background:#f5f7fb}
.process-banner{position:relative;overflow:hidden;padding:54px 24px 58px;background:radial-gradient(ellipse at 90% 10%,#2c5283,transparent 58%),#102747;color:#fff}
.process-banner:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:64px 64px;pointer-events:none}
.process-banner>div{position:relative;max-width:1200px;margin:auto;animation:process-enter .45s ease-out}
.process-banner .eyebrow{color:#8fb9dd}.process-banner h1{font-size:clamp(30px,3vw,42px);letter-spacing:-1px;margin:14px 0 16px;line-height:1.3}.process-banner p{font-size:16px;line-height:1.8;color:#c4d4e8;margin:0}.process-banner-note{display:block;margin-top:25px;font-size:11px;letter-spacing:2px;color:#809dbd}
.process-original{padding:34px 24px 48px;background:#f5f7fb;color:#20344f;overflow:visible}.process-original:before{display:none}.process-inner{max-width:1200px;animation:process-enter .5s ease-out}.process-navigation-label{display:flex;justify-content:space-between;font-size:12px;color:#8592a6;margin-bottom:16px}
.original-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-bottom:18px;isolation:isolate}
.original-steps:before,.original-steps:after{content:"";position:absolute;top:auto;bottom:0;height:2px;left:0;right:0;background:#e0e6ee;border-radius:2px}
.original-steps:after{right:auto;width:100%;background:#527bea;transform-origin:left;transform:scaleX(var(--stage-progress,0));transition:transform .32s cubic-bezier(.22,1,.36,1)}
button.original-step,.original-step{display:grid;grid-template-columns:34px 1fr;column-gap:12px;align-content:center;min-height:106px;padding:18px 20px;border:1px solid #e0e6ef;border-radius:12px;background:#fff;text-align:left;box-shadow:none;font-family:inherit;color:#20344f;cursor:pointer;transition:transform .18s ease,border-color .2s,background .2s}
button.original-step:hover{transform:translateY(-2px);border-color:#b8c9ee}
.original-step b{grid-row:span 2;width:32px;height:32px;margin:3px 0 0;border-radius:9px;background:#edf1f7;color:#728199;box-shadow:none;font-size:14px}
.original-step h2{margin:0 0 6px;font-size:17px;line-height:1.5}.original-step p{color:#8490a2;font-size:12px;line-height:1.6;margin:0}
button.original-step.is-active{background:#edf3ff;border-color:#9fb8f5;box-shadow:none}.original-step.is-active b{background:#4d73da;color:#fff;box-shadow:none}.original-step.is-active h2{color:#2b56bc}.original-step.is-complete b{background:#e4ecfd;color:#5376ce}.step-action{display:none}
.stage-panels{margin-top:28px;overflow-anchor:none}.stage-panel{padding:30px 34px;background:white;border:1px solid #e1e7f0;border-radius:16px;color:#20344f;box-shadow:0 8px 24px #18324f04;animation:none}.stage-panel[hidden]{display:none}
.stage-heading>span{color:#6583b8;font-size:10px;letter-spacing:1.7px;font-weight:700}.stage-heading h2{font-size:26px;margin:10px 0 12px;line-height:1.4}.stage-heading p{font-size:14px;color:#7a899e;line-height:1.8;margin:0}
.stage-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:28px;padding:25px 0;border-top:1px solid #ecf0f5;border-bottom:1px solid #ecf0f5}.stage-columns article{padding:0 24px 0 0;border:0;border-right:1px solid #edf0f5;background:none;border-radius:0}.stage-columns article:last-child{border-right:0;padding-right:0}.stage-columns article>span{font-size:10px;color:#96a3b4;letter-spacing:1px}.stage-columns h3{font-size:16px;margin:12px 0 14px}.stage-columns ul{padding-left:17px;margin:0;color:#6d7d93;font-size:13px;line-height:1.9}.stage-columns li+li{margin-top:9px}.stage-columns li::marker{color:#89a3cb}
.stage-note{padding:0;margin:18px 0 26px;background:none;color:#8190a4;font-size:12px;line-height:1.9}
.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-heading h3{font-size:14px;margin:0}.preview-heading>span,.preview-footnote{font-size:11px;color:#98a4b5}
.stage-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.preview-card{position:relative;min-width:0;padding:14px;border:1px solid #e7ecf4;border-radius:10px;background:#fafbfd;text-align:left;color:#20344f;cursor:pointer;font-family:inherit;transition:transform .18s,border-color .18s}.preview-card:hover{transform:translateY(-2px);border-color:#b8c9ec}.preview-label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}
.preview-sheet{display:flex;flex-direction:column;gap:7px;padding:12px;background:#f0f4fa;border-radius:6px;min-height:106px}.preview-sheet i{display:block;width:24px;height:3px;border-radius:3px;background:#6c8edb}.preview-sheet strong{font-size:11px;margin:2px 0}.preview-sheet>span{display:block;background:#ffffffb8;color:#7a8aa1;padding:5px 7px;border-radius:4px;font-size:10px;line-height:1.6}.stage-previews .preview-sheet>span:nth-of-type(n+3){display:none}.preview-zoom{display:block;margin-top:10px;color:#6e8ac0;font-size:11px}.preview-footnote{margin:12px 0 0;line-height:1.8}
.process-followup{max-width:1200px;margin:0 auto 48px;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:26px;border-top:1px solid #e0e6ef;color:#263c5a}.process-followup .eyebrow{font-size:9px;color:#8c9bb0}.process-followup h2{font-size:23px;margin:12px 0}.process-followup p{font-size:13px;color:#7c8ba0;line-height:1.8;margin:0}.process-followup>a{flex-shrink:0;padding:13px 19px;border:1px solid #cad7f1;border-radius:10px;color:#5071b6;font-size:13px;background:white}
.preview-dialog{width:min(620px,calc(100% - 32px));max-height:85vh;padding:32px;overflow:auto;background:#fff;border:1px solid #dde5f2;border-radius:18px;color:#20344f;box-shadow:0 24px 80px #071a3c33}
.preview-dialog::backdrop{background:#12274480;backdrop-filter:blur(4px);animation:backdrop-in .2s ease-out}.preview-dialog.is-closing::backdrop{animation:backdrop-out .16s ease-in forwards}
.preview-close{position:absolute;top:12px;right:14px;width:34px;height:34px;border:0;border-radius:50%;background:#f0f3f8;color:#67809b;font-size:23px;cursor:pointer}.dialog-label{font-size:11px;color:#8499b8}.preview-dialog h2{font-size:24px;margin:14px 0 24px}.preview-dialog .preview-sheet{padding:24px;min-height:250px}.preview-dialog .preview-sheet strong{font-size:18px}.preview-dialog .preview-sheet>span{font-size:14px;padding:12px}.preview-dialog>p{color:#91a0b4;font-size:12px;line-height:1.8}
.original-step:focus-visible,.preview-card:focus-visible,.preview-close:focus-visible,.stage-panel:focus-visible,.process-followup>a:focus-visible{outline:3px solid #7c9eea;outline-offset:4px}
@keyframes process-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}@keyframes backdrop-out{to{opacity:0}}
@media(max-width:850px){button.original-step{padding:16px 12px;column-gap:8px}.original-step p{font-size:11px}.stage-panel{padding:26px}.stage-columns{gap:18px}.stage-columns article{padding-right:14px}}
@media(max-width:600px){.process-banner{padding:36px 20px 40px}.process-banner p{font-size:14px}.process-banner-note{margin-top:18px}.process-original{padding:25px 18px 30px}.original-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.original-steps:before,.original-steps:after{display:block}button.original-step{min-height:88px;padding:13px 10px;grid-template-columns:26px 1fr;gap:8px}.original-step b{width:26px;height:26px;border-radius:7px;font-size:12px}.original-step h2{font-size:15px}.original-step p{font-size:10px}.stage-panels{margin-top:20px}.stage-panel{padding:24px 20px}.stage-heading h2{font-size:24px}.stage-columns{grid-template-columns:1fr;gap:22px}.stage-columns article{border-right:0;padding:0}.stage-previews{grid-template-columns:1fr}.stage-previews .preview-sheet{display:none}.preview-card{display:flex;align-items:center;justify-content:space-between;padding:14px}.preview-label,.preview-zoom{margin:0}.preview-heading{align-items:flex-start;flex-direction:column;gap:7px}.process-followup{margin:0 18px 32px;padding:24px 2px;align-items:flex-start;flex-direction:column}.preview-dialog{padding:28px 20px}}
@media(prefers-reduced-motion:reduce){.process-banner>div,.process-inner,.preview-dialog::backdrop,.preview-dialog.is-closing::backdrop{animation:none}.original-steps:after,button.original-step,.preview-card{transition:none}button.original-step:hover,.preview-card:hover{transform:none}}