.interlude-art:after{content:"";position:absolute;inset:auto 0 0;height:12%;background:linear-gradient(transparent,#fff);pointer-events:none}
.process-section{padding:110px 6.2% 100px;background:#fff;color:#080b12;scroll-margin-top:30px;font-family:Inter,sans-serif}
.process-header{display:flex;align-items:flex-start;justify-content:space-between;gap:60px;margin-bottom:44px}
.process-eyebrow{font-size:14px;font-weight:350;color:#858b95;margin:0 0 23px}
.process-header h2{font-size:clamp(40px,4.7vw,66px);line-height:1.12;font-weight:300;letter-spacing:-.05em;margin:0}
.process-intro{max-width:355px;font-size:16px;font-weight:300;line-height:1.7;color:#777e89;margin:44px 0 0}
.process-grid{list-style:none;padding:0;margin:0;display:block}
.process-step{display:grid;grid-template-columns:22% 1fr;grid-template-rows:auto auto;column-gap:0;row-gap:6px;align-content:center;position:relative;min-height:155px;padding:34px 0;border-bottom:1px solid #e3e5e9;font-weight:300}
.process-step-top{grid-column:1;grid-row:1 / 3;align-self:center;padding-left:31%}
.process-number{display:block;font-size:clamp(40px,4vw,54px);line-height:1.1;font-weight:250;letter-spacing:-.065em;color:#244cb4}
.process-step h3{grid-column:2;grid-row:1;margin:0;font-size:25px;font-weight:300;line-height:1.2;letter-spacing:-.035em}
.process-step>p{grid-column:2;grid-row:2;max-width:690px;font-size:15px;font-weight:300;line-height:1.65;color:#777e89;margin:0}
.process-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:42px}
.process-footer>p{font-size:17px;font-weight:350;line-height:1.5;color:#777e89;margin:0;letter-spacing:-.02em}
.process-step.process-ready{opacity:0;transform:translateY(18px);transition:opacity .85s ease,transform .95s cubic-bezier(.2,.7,.2,1);transition-delay:var(--process-delay)}
.process-step.process-visible{opacity:1;transform:none}
@media(min-width:1500px){.process-section{padding-top:130px;padding-bottom:120px}.process-step{min-height:180px}.process-header{margin-bottom:55px}.process-step>p{font-size:17px;max-width:850px}.process-step h3{font-size:29px}.process-intro{font-size:18px;max-width:420px}}
@media(max-width:800px){.process-section{padding:75px 6% 85px}.process-header{display:block;margin-bottom:28px}.process-header h2{font-size:43px}.process-eyebrow{margin-bottom:20px}.process-intro{margin-top:24px;max-width:450px;font-size:15px}.process-step{grid-template-columns:21% 1fr;min-height:160px;padding:30px 0;row-gap:11px}.process-step-top{padding-left:0;align-self:start}.process-number{font-size:37px}.process-step h3{font-size:23px}.process-step>p{font-size:14px}.process-step.process-ready{transition-delay:0ms}.process-footer{flex-direction:column;align-items:flex-start;gap:24px;margin-top:32px}}
@media(prefers-reduced-motion:reduce){.process-step.process-ready{opacity:1;transform:none;transition:none}}

/* Pale blue surface and compact artwork that appears in the reserved right column. */
.process-section{background:linear-gradient(180deg,#fff 0%,#f3f7fd 14%,#edf4fd 70%,#f6f9fe 100%)}
.process-step{border-bottom-color:#cfdbec;isolation:isolate}
.process-step>p{padding-right:210px;max-width:none}
.process-step h3{padding-right:200px}
.process-step:before{content:"";position:absolute;inset:12px -18px;border-radius:14px;z-index:-1;background:#ffffff85;opacity:0;transition:opacity .45s ease;pointer-events:none}
.process-hover-art{position:absolute;right:12px;top:50%;width:136px;height:100px;border-radius:13px;background:#1746bd var(--process-art) center 45% / cover no-repeat;box-shadow:0 10px 25px #173c9b1a;border:1px solid #ffffff70;opacity:0;transform:translate(8px,-44%) rotate(2deg) scale(.94);transition:opacity .45s ease,transform .65s cubic-bezier(.2,.7,.2,1);pointer-events:none}
@media(max-width:800px){.process-step>p,.process-step h3{padding-right:0}.process-hover-art{display:none}.process-step:before{inset:8px -10px}}
@media(prefers-reduced-motion:reduce){.process-hover-art,.process-step:before{transition:none}}

/* Two process surfaces, with meaningful line icons beside each step. */
.process-section{background:#fff;transition:background-color .4s,color .4s}
.process-stage-icon{position:absolute;right:26px;top:50%;display:grid;place-items:center;width:70px;height:70px;border:1px solid #dae5f7;border-radius:50%;background:#f2f6ff;color:#2856bd;transform:translateY(-50%);transition:background .4s,border-color .4s,box-shadow .4s}
.process-stage-icon svg{width:35px;height:35px;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.process-step>p{padding-right:145px}
.process-step h3{padding-right:135px}
.process-themes{display:flex;align-items:center;gap:8px;margin:-12px 0 22px}
.process-themes>span{font-size:14px;color:#8b929e;margin-right:8px}
.process-themes button{font:350 14px Inter,sans-serif;color:#657083;background:transparent;border:1px solid #dee5ef;border-radius:999px;padding:9px 14px;cursor:pointer}
.process-themes button[aria-pressed="true"]{color:#214797;background:#edf4ff;border-color:#a0b9e7}
.process-themes button:focus-visible{outline:2px solid #7299e5;outline-offset:3px}
.process-section[data-theme="dark"]{background:#0c101a;color:#f4f6fc}
.process-section[data-theme="dark"] .process-number{color:#7e9ef3}
.process-section[data-theme="dark"] .process-step>p,.process-section[data-theme="dark"] .process-intro,.process-section[data-theme="dark"] .process-footer>p{color:#a5adbf}
.process-section[data-theme="dark"] .process-step{border-bottom-color:#293142}
.process-section[data-theme="dark"] .process-step:before{background:#ffffff04}
.process-section[data-theme="dark"] .process-stage-icon{color:#9ab9ff;background:#141e34;border-color:#2b3a57}
.process-section[data-theme="dark"] .process-themes>span{color:#8993a7}
.process-section[data-theme="dark"] .process-themes button{color:#a5afc5;border-color:#344058}
.process-section[data-theme="dark"] .process-themes button[aria-pressed="true"]{color:#d7e5ff;background:#20365f;border-color:#4b6ca6}
@media(max-width:800px){.process-stage-icon{right:0;top:30px;transform:none;width:40px;height:40px}.process-stage-icon svg{width:24px;height:24px}.process-step h3{padding-right:53px;min-height:40px;display:flex;align-items:center}.process-step>p{padding-right:0}.process-themes{margin:0 0 24px;flex-wrap:wrap}.process-themes button{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.process-stage-icon,.process-stage-icon svg,.process-section{transition:none}}

.process-section[data-theme="dark"] .process-number{color:#5f7fff}

.process-section[data-theme="dark"] .process-crystal-icon{width:112px;height:112px;right:9px;border:0;border-radius:0;background:none;box-shadow:none}
.process-crystal-icon>span{display:block;width:100%;height:100%;background:url('assets/process-clear-glass-atlas.png') var(--crystal-x) var(--crystal-y) / 200% 200% no-repeat;filter:drop-shadow(0 6px 12px #2458d517);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
@media(max-width:800px){.process-section[data-theme="dark"] .process-crystal-icon{width:50px;height:50px;right:0;top:25px}}
@media(prefers-reduced-motion:reduce){.process-crystal-icon>span{transition:none}}

/* Approved white process surface with the same crystal artwork. */
.process-section[data-theme="light"]{background:#fff;color:#080b12}
.process-section[data-theme="light"] .process-number{color:#244cb4}
.process-section[data-theme="light"] .process-crystal-icon{width:112px;height:112px;right:9px;border:0;border-radius:0;background:none;box-shadow:none}
@media(max-width:800px){.process-section[data-theme="light"] .process-crystal-icon{width:50px;height:50px;right:0;top:25px}}

/* Informational stage icons appear with their row, without hover or focus behavior. */
.process-crystal-icon{opacity:1;pointer-events:none;transition:none}
.process-crystal-icon>span{transform:none;transition:none}