#main-content { display: flex; flex-direction: column; }
#main-content > .hero { order: 1; }
#main-content > .counter-section { order: 2; }
#main-content > .about { order: 3; }
#main-content > .why { order: 4; }
#main-content > .programs { order: 5; }
#main-content > .process { order: 6; }
#main-content > .transformations { order: 7; }
#main-content > .stories { order: 8; }
#main-content > .testimonials { order: 9; }
#main-content > .faq { order: 10; }
#main-content > .cta { order: 11; }
#main-content > .contact { order: 12; }
#main-content > .business-info { order: 13; }
#main-content > .community-links { order: 14; }

.process { background: #fff; }
.process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin: 0; padding: 0; list-style: none; counter-reset: journey; }
.process-grid li { position: relative; padding: 28px 22px; border: 1px solid #dce8df; border-radius: 18px; background: #fff; box-shadow: 0 8px 25px rgba(15, 23, 42, .04); }
.process-grid li:not(:last-child)::after { content: ""; position: absolute; top: 50px; left: calc(100% + 1px); width: 18px; height: 2px; background: #8bd48b; }
.process-grid span { display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 16px; border-radius: 50%; background: #e8f8ea; color: #27862a; font-weight: 800; }
.process-grid h3 { margin-bottom: 8px; font: 700 1.08rem Poppins, sans-serif; }
.process-grid p { color: #64748b; font-size: .91rem; }

.transformation-modal { position: fixed; inset: 0; width: min(92vw, 850px); height: fit-content; max-height: 90vh; margin: auto; }
@media (max-width: 850px) { .process-grid { grid-template-columns: repeat(2, 1fr); } .process-grid li:nth-child(2)::after { display: none; } }
@media (max-width: 560px) { .process-grid { grid-template-columns: 1fr; } .process-grid li::after { display: none; } }