.process-page{color:#054b54;background:#fff}
.process-page main>section{padding-block:clamp(4rem,7vw,7rem)}
.process-hero{position:relative;isolation:isolate;display:grid;min-height:560px;align-items:center;overflow:hidden;color:#fff;background:radial-gradient(circle at 82% 18%,rgba(249,160,97,.12),transparent 28rem),#03373e}
.process-hero__grid{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:3.25rem 3.25rem;mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%)}
.process-hero__inner{display:grid;justify-items:center;text-align:center}
.process-hero h1{max-width:16ch;margin:0 auto var(--space-lg);color:#fff;font-size:clamp(3.25rem,7vw,6.5rem);font-weight:800;line-height:.92;letter-spacing:-.055em}
.process-hero p{max-width:62ch;margin:0 auto var(--space-xl);color:rgba(255,255,255,.78);font-size:var(--font-size-lg);line-height:1.65}
.process-button{min-height:3.25rem;padding-inline:1.5rem;border:3px solid #054b54;border-radius:12px;color:#054b54;background:#f9a061;box-shadow:0 0 0 4px #f9a061;font-weight:800}
.process-button:hover,.process-button:focus-visible{color:#054b54;background:#f9a061;transform:translateY(-2px)}
.process-journey{background:#fff}
.process-section-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(20rem,1.1fr);gap:clamp(2rem,5vw,6rem);align-items:end;margin-bottom:clamp(3rem,6vw,5rem)}
.process-section-heading .process-eyebrow{grid-column:1;margin:0}
.process-section-heading h2{grid-column:1;margin:0;color:#054b54;font-size:clamp(2.7rem,5vw,5.25rem);line-height:.95;letter-spacing:-.05em}
.process-section-heading>p:last-child{grid-column:2;grid-row:1/3;align-self:end;max-width:48ch;margin:0;color:rgba(5,75,84,.76);font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.65}
.process-eyebrow{color:#be6c39;font-size:.8rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.process-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,1.7vw,1.5rem);margin:0;padding:0;list-style:none}
.process-stage{position:relative;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(1.25rem,2.5vw,2.5rem);min-height:310px;padding:clamp(2rem,4vw,4rem);overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:28px;box-shadow:0 14px 34px rgba(5,75,84,.1);transition:border-color 180ms ease,transform 180ms ease}
.process-stage::before{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:3.25rem 3.25rem;content:"";transition:opacity 180ms ease}
.process-stage:hover{border-color:rgba(255,255,255,.48);transform:translateY(-3px)}
.process-stage:hover::before{opacity:1}
.process-reveal-ready .process-stage{opacity:0;transform:translateY(2.75rem)}
.process-reveal-ready .process-stage.is-visible{opacity:1;transform:translateY(0)}
.process-reveal-ready .process-stage{transition:opacity 700ms cubic-bezier(.22,1,.36,1),transform 700ms cubic-bezier(.22,1,.36,1),border-color 180ms ease}
.process-reveal-ready .process-stage.is-visible:hover{transform:translateY(-3px)}
.process-stage__number{position:relative;z-index:1;color:#fff;font-size:1.25rem;font-weight:900;letter-spacing:.12em;line-height:1.2}
.process-stage__body{position:relative;z-index:1;min-width:0}
.process-stage__body h3{margin:0 0 1rem;color:#fff;font-size:clamp(1.6rem,2.4vw,2.35rem);line-height:1.08;letter-spacing:-.035em}
.process-stage__body p{max-width:55ch;margin:0;color:rgba(255,255,255,.92);font-size:clamp(1rem,1.15vw,1.2rem);font-weight:600;line-height:1.65}
.process-stage--accent{background:#be6c39}
.process-stage--dark{background:#054b54}
.process-stage--dark .process-stage__number{color:#f9a061}
.process-your-part{min-height:100vh;color:#fff;background:#054b54;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:3.25rem 3.25rem}
.process-your-part__layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(3rem,8vw,9rem);align-items:stretch}
.process-your-part header{position:sticky;top:clamp(7rem,12vh,10rem);align-self:start}
.process-your-part h2{max-width:11ch;margin:.75rem 0 0;color:#fff;font-size:clamp(2.8rem,5vw,5.5rem);line-height:.95;letter-spacing:-.05em}
.process-your-part ul{display:grid;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.2);list-style:none}
.process-your-part li{display:grid;grid-template-columns:minmax(10rem,.65fr) minmax(0,1.35fr);gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid rgba(255,255,255,.2)}
.process-your-part strong{color:#fff;font-size:1.05rem}
.process-your-part span{color:rgba(255,255,255,.78);line-height:1.65}
.process-next{background:#fff}
.process-next__inner{display:flex;align-items:center;justify-content:space-between;gap:3rem;padding:clamp(2.5rem,5vw,4.5rem);border-radius:28px;background:#fff0e3;box-shadow:inset 0 0 0 1px rgba(190,108,57,.32)}
.process-next h2{margin:.5rem 0 1rem;color:#054b54;font-size:clamp(2.5rem,4.5vw,4.75rem);line-height:.95;letter-spacing:-.045em}
.process-next p:not(.process-eyebrow){max-width:55ch;margin:0;color:rgba(5,75,84,.76);font-size:1.05rem;line-height:1.65}
@media(max-width:900px){.process-section-heading,.process-your-part__layout{grid-template-columns:1fr}.process-section-heading>p:last-child{grid-column:1;grid-row:auto}.process-next__inner{align-items:flex-start;flex-direction:column}.process-your-part{min-height:auto}.process-your-part header{position:static}.process-your-part h2{max-width:none}}
@media(max-width:47.9375rem){.process-stages{grid-template-columns:1fr}.process-stage{min-height:auto}}
@media(max-width:600px){.process-page main>section{padding-block:4rem}.process-hero{min-height:520px}.process-stage{grid-template-columns:1fr;gap:1rem;padding:2rem;border-radius:20px}.process-your-part li{grid-template-columns:1fr;gap:.5rem}.process-next__inner{padding:2rem;border-radius:20px}.process-button{width:auto}}
@media(prefers-reduced-motion:reduce){.process-button,.process-stage{opacity:1!important;transition:none!important;transform:none!important}.process-button:hover,.process-button:focus-visible,.process-stage:hover{transform:none}}
.process-journey{background:#fff}
.process-next__inner{background:#fff}
.process-section-heading h2,.process-next__inner h2{color:#000}
.process-section-heading>p:not(.process-eyebrow),.process-next__inner p{color:var(--color-text-muted)}
