.method-page .inner-hero{padding-block:64px 0}
.method-page .inner-hero h1{max-width:1050px;font-size:clamp(46px,6.5vw,90px);margin:26px 0;line-height:1.1}
.method-page .inner-hero .lead{max-width:620px;margin-bottom:44px}
.process-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #ffffff25;gap:16px}
.process-nav a{display:flex;align-items:center;gap:10px;padding:24px 0;color:#F5F7FA;font-size:14px;transition:color .2s}
.process-nav a>span:first-child{color:#50E0C1;font-size:11px}
.process-nav a>span:last-child{margin-left:auto;transition:transform .2s;color:#50E0C1}
.process-nav a:hover{color:#50E0C1}
.process-nav a:hover>span:last-child{transform:translate(3px,3px)}
.method-page .process-section{padding-block:60px;display:grid;gap:16px}
.method-page .process-step{display:grid;grid-template-columns:65px minmax(0,1fr) minmax(180px,.48fr);gap:28px;align-items:start;padding:38px;background:#fff;border:1px solid #dce4ea;border-radius:18px;scroll-margin-top:120px;transition:border-color .25s,box-shadow .25s}
.method-page .process-step:hover,.method-page .process-step:target{border-color:#279e89;box-shadow:0 10px 35px #111b2808}
.step-number{font-family:'Plus Jakarta Sans',sans-serif;font-size:40px;line-height:1.2;letter-spacing:-.06em;color:#207867}
.step-verb{display:block;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#426272;margin:3px 0 12px}
.method-page .step-copy h2{font-size:clamp(25px,2.6vw,36px);line-height:1.2;margin:0 0 15px}
.method-page .step-copy p{font-size:15px;line-height:1.75;color:#4d5e6d;margin:0;max-width:620px}
.step-outcome{align-self:stretch;border-left:1px solid #dce4ea;padding-left:28px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.step-outcome>span{display:grid;place-items:center;background:#e1f6f0;color:#176d5c;width:34px;height:34px;border-radius:50%;font-size:20px}
.method-page .step-outcome p{font-size:14px;line-height:1.55;color:#253f4c;margin:0}
.method-page .method-close{display:grid;grid-template-columns:1.2fr 1fr;gap:0;margin-bottom:64px;border-radius:20px;overflow:hidden}
.method-principle{background:#111B28;padding:44px;color:#F5F7FA}
.method-principle .eyebrow{color:#50E0C1;font-size:10px}
.method-page .method-principle h2{font-size:clamp(28px,3vw,42px);line-height:1.2;margin:24px 0 0;color:#F5F7FA}
.method-principle em{color:#50E0C1;font-style:normal}
.method-contact{background:#50E0C1;padding:44px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.method-page .method-contact h2{font-size:30px;margin:0 0 16px}
.method-page .method-contact p{color:#183e3b;font-size:14px;margin:0 0 24px}
.method-contact .button{background:#111B28;color:#F5F7FA;gap:32px;padding:15px 24px}
@media(max-width:900px){.method-page .process-step{grid-template-columns:45px minmax(0,1fr);padding:28px;gap:20px}.step-outcome{grid-column:2;border-left:0;border-top:1px solid #dce4ea;padding:18px 0 0;flex-direction:row;align-items:center;justify-content:flex-start}.step-outcome>span{flex-shrink:0}.method-principle,.method-contact{padding:30px}.process-nav{gap:10px}.process-nav a{font-size:12px;gap:6px}}
@media(max-width:600px){.method-page .inner-hero{padding-top:36px}.method-page .inner-hero h1{font-size:46px}.method-page .inner-hero .lead{font-size:15px;margin-bottom:28px}.process-nav{display:flex;flex-wrap:wrap;gap:0 18px;padding:14px 0}.process-nav a{padding:9px 0;font-size:12px;gap:8px}.process-nav a>span:last-child{display:none}.method-page .process-section{padding-block:28px;gap:12px}.method-page .process-step{padding:24px 20px;grid-template-columns:30px minmax(0,1fr);gap:15px}.step-number{font-size:28px}.method-page .step-copy h2{font-size:25px}.method-page .step-copy p{font-size:14px}.method-page .method-close{grid-template-columns:1fr;margin-bottom:36px}.method-page .method-principle h2{font-size:30px}.method-page .method-contact h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.process-nav a,.process-nav a>span:last-child,.method-page .process-step{transition:none}}

/* Spacing after removing the stage navigation and principle label. */
.method-page .inner-hero{padding-bottom:44px}
.method-page .inner-hero .lead{margin-bottom:0}
.method-page .method-principle h2{margin-top:0}
@media(max-width:600px){.method-page .inner-hero{padding-bottom:32px}}