.process-page .page-hero-grid{grid-template-columns:.9fr 1.1fr;gap:36px}
.process-page .page-hero-grid>.process-hero-comparison{padding:12px;min-width:0;align-self:center;box-shadow:none}
.process-hero-comparison .comparison-panels{grid-template-columns:1fr}
.process-page .page-hero .process-hero-comparison img{min-height:0;max-height:none;aspect-ratio:auto;border-radius:0}
.process-hero-comparison .comparison-image{aspect-ratio:4/3;border-radius:14px}
.process-hero-comparison .comparison-controls{padding-bottom:12px}
.process-roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.roadmap-phase{min-width:0;padding-top:22px;border-top:1px solid #bea88f}
.roadmap-phase-number{font-size:.6875rem;letter-spacing:.16em;color:#8a7058}
.roadmap-phase>h3{font-size:1.85rem;line-height:1.2;margin:12px 0 28px}
.roadmap-phase ol{list-style:none;padding:0;margin:0}
.roadmap-phase li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:0 0 24px;margin:0;position:relative}
.roadmap-phase li:last-child{padding-bottom:0}
.roadmap-step-number{font-size:.75rem;color:#977b60;padding-top:3px}
.roadmap-phase h4{font-family:Inter,sans-serif;font-size:1rem;line-height:1.4;font-weight:600;margin:0 0 6px;color:#493323}
.roadmap-phase p{font-size:.9375rem;line-height:1.6;margin:0;color:#706254;max-width:33ch}
@media(max-width:1000px) and (min-width:701px){.process-page .page-hero-grid{grid-template-columns:1fr}.process-roadmap{gap:22px}.roadmap-phase>h3{font-size:1.5rem}}
@media(max-width:700px){
 .process-page .page-hero-grid{grid-template-columns:1fr;gap:22px;padding:24px 18px}
 .process-page .page-hero-grid>div:first-child{padding:0}
 .process-page .page-hero-grid>.process-hero-comparison{padding:8px;width:100%;box-sizing:border-box;border-radius:16px}
 .process-hero-comparison .comparison-controls{gap:7px;padding-bottom:8px}
 .process-hero-comparison .comparison-controls button{font-size:.8125rem;min-height:44px}
 .process-roadmap{grid-template-columns:1fr;gap:28px}
 .roadmap-phase{padding-top:20px}
 .roadmap-phase>h3{font-size:1.65rem;margin:10px 0 22px}
 .roadmap-phase li{grid-template-columns:28px minmax(0,1fr);gap:12px;padding-bottom:20px}
 .roadmap-phase h4{font-size:.9375rem}
 .roadmap-phase p{font-size:.9375rem;max-width:none}
}
/* Compact introduction and a scan-friendly overview without body copy. */
.process-page .page-hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;grid-template-areas:'copy visual' 'actions visual' 'note visual';grid-template-rows:auto auto auto;align-items:center;gap:20px 40px;padding:32px 36px}
.process-page .page-hero-grid>.process-intro-copy{grid-area:copy;padding:0;align-self:end}
.process-page .page-hero h1{font-size:clamp(2.5rem,4.2vw,4rem);line-height:1.1;margin:16px 0 0}
.process-page .page-hero-grid>.process-hero-comparison{grid-area:visual}
.process-page .page-hero-grid>.process-intro-actions{grid-area:actions;padding:0;margin:0}
.process-page .page-hero-grid>.process-intro-note{grid-area:note;padding:0;align-self:start;color:#796b5c;font-size:.8125rem;line-height:1.5;max-width:34ch}
.process-page .process-roadmap-section .section-head{margin-bottom:24px}
.roadmap-phase{padding-top:18px}
.roadmap-phase>h3{font-size:1.5rem;margin:0 0 15px}
.roadmap-phase li{align-items:center;min-height:44px;padding:8px 0;border-bottom:1px solid #e1d8cb}
.roadmap-phase li:last-child{padding-bottom:8px;border-bottom:0}
.roadmap-step-number{padding-top:0}
.roadmap-phase h4{margin:0;font-weight:500}
@media(max-width:700px){
 .process-page .page-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:'copy visual' 'actions actions' 'note note';gap:16px 12px;padding:20px 16px}
 .process-page .page-hero-grid>.process-intro-copy{align-self:center}
 .process-page .process-intro-copy .eyebrow{font-size:.55rem;letter-spacing:.1em}
 .process-page .page-hero h1{font-size:clamp(1.3rem,6.1vw,2.2rem);line-height:1.12;margin:10px 0 0;letter-spacing:-.025em}
 .process-page .page-hero-grid>.process-hero-comparison{padding:0;border:0;background:none;border-radius:0;display:flex;flex-direction:column;gap:8px}
 .process-hero-comparison .comparison-panels{order:0}
 .process-hero-comparison .comparison-image{aspect-ratio:1;border-radius:10px}
 .process-hero-comparison .comparison-controls{order:1;gap:4px;padding:0}
 .process-hero-comparison .comparison-controls button{min-height:40px;font-size:.625rem;padding:6px 3px;border-radius:8px;white-space:nowrap}
 .process-page .page-hero .process-intro-actions{display:flex;margin:0}
 .process-page .page-hero .process-intro-actions .btn{width:100%;min-height:46px;font-size:.875rem;padding:12px}
 .process-page .page-hero-grid>.process-intro-note{max-width:none;font-size:.6875rem;text-align:center;line-height:1.5;margin-top:-5px}
 .process-page .process-roadmap-section{padding-top:28px}
 .process-page .process-roadmap-section .section-head{margin-bottom:20px}
 .process-page .process-roadmap-section h2{font-size:1.85rem;margin:8px 0 0}
 .process-roadmap{gap:20px}
 .roadmap-phase{padding-top:16px}
 .roadmap-phase>h3{font-size:1.2rem;margin:0 0 9px}
 .roadmap-phase li{min-height:34px;padding:6px 0;gap:10px}
 .roadmap-phase li:last-child{padding-bottom:6px}
 .roadmap-phase h4{font-size:.9375rem}
 .roadmap-step-number{font-size:.6875rem}
}
@media(min-width:701px){.process-page .page-hero-grid{grid-template-rows:1fr auto 1fr}.process-page .page-hero-grid>.process-intro-note{max-width:42ch}}