/* SECTION: Our Process — timeline layout, motion states, and responsive styles */
.process-section{
  --process-ink:#0b1110;
  --process-muted:#66706d;
  --process-line:rgba(11,17,16,.13);
  --process-accent:#168b85;
  position:relative;
  padding:clamp(6rem,9vw,9rem) clamp(1.25rem,6vw,6rem) clamp(6rem,8vw,8rem)!important;
  overflow:hidden;
  background:
    radial-gradient(circle at 72% 2%,rgba(72,201,192,.11),transparent 28%),
    #f8f9f7!important;
  color:var(--process-ink)!important;
  border-top:1px solid rgba(11,17,16,.08)!important;
}
.process-section:before{content:"";position:absolute;width:32vw;height:32vw;min-width:320px;min-height:320px;right:-17vw;top:-20vw;border:1px solid rgba(22,139,133,.09);border-radius:50%;box-shadow:0 0 0 70px rgba(22,139,133,.025),0 0 0 140px rgba(22,139,133,.018);pointer-events:none}
.process-heading{position:relative;z-index:1;width:min(1400px,100%);margin:0 auto clamp(4rem,7vw,6.5rem)!important;display:grid!important;grid-template-columns:minmax(150px,.52fr) minmax(0,1.48fr)!important;gap:clamp(2rem,7vw,8rem)!important;align-items:start!important}
.process-heading>p{margin:.8rem 0 0!important;color:var(--process-accent)!important;font-size:.68rem!important;font-weight:600;letter-spacing:.25em!important;text-transform:uppercase;white-space:nowrap}
.process-heading>p:before{content:"";display:inline-block;width:34px;height:1px;margin-inline-end:12px;vertical-align:middle;background:var(--process-accent)}
.process-title-wrap{max-width:930px}
.process-heading h2{margin:0!important;color:var(--process-ink)!important;font-family:inherit;font-size:clamp(3.4rem,7.15vw,7.7rem)!important;font-weight:500;line-height:.88!important;letter-spacing:-.07em!important;text-wrap:balance}
.process-lede{max-width:610px;margin:clamp(1.6rem,3vw,2.5rem) 0 0!important;color:var(--process-muted)!important;font-size:clamp(.95rem,1.2vw,1.12rem)!important;line-height:1.75!important}
.process-wave{width:min(1400px,100%)!important;height:clamp(85px,9vw,125px)!important;margin:0 auto -5px!important}
.process-wave-base{stroke:rgba(11,17,16,.12)!important;stroke-width:1!important}
.process-wave-active{stroke:var(--process-accent)!important;stroke-width:2.25!important;filter:drop-shadow(0 3px 5px rgba(22,139,133,.16))!important}
.process-wave circle{fill:#f8f9f7!important;stroke:var(--process-accent)!important;stroke-width:2.4!important}
.process-grid{position:relative;width:min(1400px,100%);margin:0 auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;border-top:1px solid var(--process-line)}
.process-grid article{position:relative;min-width:0;min-height:300px;padding:clamp(1.5rem,2.4vw,2.5rem) clamp(1.1rem,2.2vw,2rem) 2rem!important;border:0!important;border-inline-end:1px solid var(--process-line)!important;transition:background .35s ease,transform .35s ease}
.process-grid article:last-child{border-inline-end:0!important}
.process-grid article:before{content:"";position:absolute;top:-2px;inset-inline:0 auto;width:0;height:3px;background:var(--process-accent);transition:width .45s cubic-bezier(.2,.8,.2,1)}
.process-grid article:hover{background:rgba(22,139,133,.045);transform:translateY(-4px)}
.process-grid article:hover:before{width:100%}
.process-grid span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(22,139,133,.26);border-radius:50%;color:var(--process-accent)!important;font-size:.68rem!important;font-weight:600;background:rgba(255,255,255,.6)}
.process-grid h3{margin:clamp(2.7rem,4vw,4.2rem) 0 1rem!important;color:var(--process-ink)!important;font-size:clamp(1.2rem,1.7vw,1.65rem)!important;font-weight:600;letter-spacing:-.035em;line-height:1.2}
.process-grid p{max-width:29ch;margin:0!important;color:var(--process-muted)!important;font-size:clamp(.88rem,1vw,.98rem)!important;line-height:1.75!important}
html[dir="rtl"] .process-section:before{right:auto;left:-17vw}
html[dir="rtl"] .process-heading h2{font-family:"IBM Plex Sans Arabic",sans-serif;letter-spacing:-.035em!important;line-height:1!important}
html[dir="rtl"] .process-heading>p{letter-spacing:0!important;font-size:.78rem!important}
html[dir="rtl"] .process-lede,html[dir="rtl"] .process-grid p{line-height:1.95!important}
html[dir="rtl"] .process-grid h3{letter-spacing:0}
@media(max-width:980px){.process-heading{grid-template-columns:1fr!important;gap:1.5rem!important}.process-heading>p{margin:0!important}.process-title-wrap{max-width:820px}.process-wave{display:none!important}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.process-grid article{min-height:270px;border-bottom:1px solid var(--process-line)!important}.process-grid article:nth-child(2){border-inline-end:0!important}}
@media(max-width:620px){.process-section{padding:5.25rem 1.1rem!important}.process-section:before{display:none}.process-heading{margin-bottom:3.2rem!important}.process-heading h2{font-size:clamp(2.9rem,14vw,4.5rem)!important;line-height:.94!important}.process-lede{font-size:.94rem!important;line-height:1.7!important}.process-grid{display:block!important;border-top:0;padding-inline-start:2.4rem!important}.process-grid:before{content:"";position:absolute;inset-block:20px 28px;inset-inline-start:19px;width:1px;background:linear-gradient(var(--process-accent),rgba(22,139,133,.1))}.process-grid article{min-height:0;padding:0 0 2.8rem!important;padding-inline-start:1.1rem!important;border:0!important;transform:none!important;background:transparent!important}.process-grid article:last-child{padding-bottom:0!important}.process-grid article:before{top:19px;inset-inline-start:-21px;width:14px!important;height:14px;border:3px solid #f8f9f7;border-radius:50%;background:var(--process-accent);box-shadow:0 0 0 1px var(--process-accent)}.process-grid span{width:auto;height:auto;border:0;background:none;justify-content:flex-start;font-size:.65rem!important}.process-grid h3{margin:.6rem 0 .55rem!important;font-size:1.35rem!important}.process-grid p{max-width:34ch;font-size:.9rem!important}html[dir="rtl"] .process-grid{padding-inline-start:2.4rem!important}html[dir="rtl"] .process-grid article{padding-inline-start:1.1rem!important;padding-inline-end:0!important}}
@media(prefers-reduced-motion:reduce){.process-grid article,.process-grid article:before{transition:none!important}}

/* REDESIGN: Expandable process chapters */
.process-wave{display:none!important}
.process-heading{margin-bottom:clamp(3rem,5vw,5rem)!important}
.process-grid{display:flex!important;align-items:stretch;gap:.75rem;border-top:0!important}
.process-grid article{flex:.62 1 0;min-height:clamp(390px,35vw,510px);padding:clamp(1.4rem,2.5vw,2.4rem)!important;overflow:hidden;border:1px solid var(--process-line)!important;border-radius:22px!important;background:rgba(255,255,255,.48)!important;cursor:pointer;transform:none!important;transition:flex .65s cubic-bezier(.2,.8,.2,1),background .4s ease,border-color .4s ease!important}
.process-grid article:before{top:auto!important;right:auto!important;bottom:0!important;left:0!important;width:100%!important;height:4px!important;background:var(--process-accent)!important;transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.2,.8,.2,1)!important}
.process-grid article:is(:hover,:focus-visible){border-color:rgba(22,139,133,.38)!important;outline:0}
.process-grid article.is-active{flex:2.25 1 0;background:linear-gradient(145deg,rgba(22,139,133,.13),rgba(255,255,255,.7))!important;border-color:rgba(22,139,133,.42)!important}
.process-grid article.is-active:before{transform:scaleX(1)}
.process-grid span{width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:none!important;font-size:.7rem!important;letter-spacing:.14em}
.process-grid h3{max-width:12ch;margin:auto 0 1rem!important;font-size:clamp(1.55rem,2.5vw,2.65rem)!important;font-weight:550!important;line-height:1.05!important;white-space:nowrap;transform-origin:left bottom;transition:font-size .55s ease,transform .55s ease!important}
.process-grid p{max-width:42ch!important;opacity:0;transform:translateY(12px);transition:opacity .3s ease,transform .45s ease!important}
.process-grid article.is-active p{opacity:1;transform:none;transition-delay:.22s}
.process-grid article:not(.is-active) h3{font-size:clamp(1.05rem,1.4vw,1.3rem)!important;writing-mode:vertical-rl;transform:rotate(180deg)}
html[dir="rtl"] .process-grid{direction:rtl}html[dir="rtl"] .process-grid article:before{transform-origin:right}html[dir="rtl"] .process-grid h3{transform-origin:right bottom}html[dir="rtl"] .process-grid article:not(.is-active) h3{writing-mode:vertical-rl;transform:none}html[dir="rtl"] .process-grid article.is-active h3{font-size:clamp(1.7rem,2.5vw,2.7rem)!important;line-height:1.35!important;white-space:normal}
@media(max-width:760px){.process-grid{display:block!important;padding:0!important}.process-grid:before{display:none!important}.process-grid article,.process-grid article.is-active{min-height:0!important;margin-bottom:.7rem;padding:1.25rem!important;border:1px solid var(--process-line)!important}.process-grid article{display:grid;grid-template-columns:auto 1fr;column-gap:1rem;align-items:center}.process-grid article:last-child{margin-bottom:0}.process-grid span{grid-column:1;grid-row:1}.process-grid h3,.process-grid article:not(.is-active) h3,.process-grid article.is-active h3{grid-column:2;grid-row:1;margin:0!important;font-size:1.25rem!important;line-height:1.35!important;white-space:normal;writing-mode:horizontal-tb;transform:none}.process-grid p{grid-column:1/-1;max-height:0;margin:0!important;overflow:hidden;opacity:0;transform:none}.process-grid article.is-active p{max-height:160px;margin-top:1rem!important;padding-top:1rem;border-top:1px solid var(--process-line);opacity:1}.process-grid article:before{height:3px!important}}

/* REDESIGN: Project plan roadmap */
.process-plan-key{display:flex;width:min(1400px,100%);margin:0 auto 1.4rem;align-items:center;gap:1rem;color:var(--process-accent);font-size:.62rem;font-weight:600;letter-spacing:.16em}.process-plan-key i{display:block;flex:1;height:1px;background:linear-gradient(90deg,var(--process-accent),rgba(22,139,133,.16))}
.process-grid{position:relative!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:1rem!important;padding-top:2.25rem!important;overflow:visible!important}
.process-grid:before{content:""!important;position:absolute!important;display:block!important;top:7px!important;left:calc(12.5% - .5rem)!important;right:calc(12.5% - .5rem)!important;width:auto!important;height:1px!important;background:rgba(22,139,133,.28)!important}
.process-grid article,.process-grid article.is-active{display:flex!important;min-height:330px!important;margin:0!important;padding:clamp(1.4rem,2.2vw,2rem)!important;flex-direction:column!important;border:1px solid var(--process-line)!important;border-radius:18px!important;background:rgba(255,255,255,.62)!important;cursor:default!important;transform:none!important;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease!important}
.process-grid article:before{content:""!important;position:absolute!important;display:block!important;top:-33px!important;left:50%!important;right:auto!important;bottom:auto!important;width:15px!important;height:15px!important;border:4px solid #f8f9f7!important;border-radius:50%!important;background:var(--process-accent)!important;box-shadow:0 0 0 1px var(--process-accent)!important;transform:translateX(-50%)!important}
.process-grid article:after{content:"";position:absolute;top:-17px;left:50%;width:1px;height:17px;background:rgba(22,139,133,.28)}
.process-grid article:hover{transform:translateY(-5px)!important;border-color:rgba(22,139,133,.38)!important;box-shadow:0 18px 40px rgba(26,53,50,.07)}
.process-grid span{display:block!important;width:auto!important;height:auto!important;margin:0 0 auto!important;border:0!important;background:none!important;font-size:.68rem!important;letter-spacing:.14em!important}
.process-grid h3,.process-grid article:not(.is-active) h3,.process-grid article.is-active h3{margin:clamp(3rem,5vw,5rem) 0 .8rem!important;font-size:clamp(1.4rem,1.8vw,1.8rem)!important;font-weight:600!important;line-height:1.15!important;white-space:normal!important;writing-mode:horizontal-tb!important;transform:none!important}
.process-grid p,.process-grid article.is-active p{max-width:31ch!important;max-height:none!important;margin:0!important;overflow:visible!important;opacity:1!important;transform:none!important;transition:none!important}
.process-grid small{display:block;margin-top:1.35rem;padding-top:1rem;border-top:1px solid var(--process-line);color:var(--process-accent);font-size:.68rem;font-weight:600;letter-spacing:.06em}
html[dir="rtl"] .process-plan-key{direction:rtl;letter-spacing:0}html[dir="rtl"] .process-plan-key i{background:linear-gradient(270deg,var(--process-accent),rgba(22,139,133,.16))}html[dir="rtl"] .process-grid{direction:rtl}html[dir="rtl"] .process-grid article:before{left:50%!important;right:auto!important;transform:translateX(-50%)!important}html[dir="rtl"] .process-grid h3,html[dir="rtl"] .process-grid article:not(.is-active) h3{line-height:1.45!important}html[dir="rtl"] .process-grid small{letter-spacing:0;line-height:1.7}
@media(max-width:900px){.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:2.8rem 1rem!important}.process-grid:before{display:none!important}.process-grid article:before{top:-22px!important}.process-grid article:after{top:-10px;height:10px}.process-grid article,.process-grid article.is-active{min-height:300px!important}}
@media(max-width:600px){.process-plan-key{margin-bottom:2rem}.process-grid{display:block!important;padding:0 0 0 2.25rem!important}.process-grid:before{display:block!important;top:0!important;bottom:0!important;left:7px!important;right:auto!important;width:1px!important;height:auto!important;background:linear-gradient(var(--process-accent),rgba(22,139,133,.12))!important}.process-grid article,.process-grid article.is-active{display:flex!important;min-height:0!important;margin:0 0 1rem!important;padding:1.35rem!important}.process-grid article:before{top:1.5rem!important;left:-2.25rem!important;right:auto!important;transform:none!important}.process-grid article:after{top:1.95rem;left:-1.32rem;width:1.32rem;height:1px}.process-grid h3,.process-grid article:not(.is-active) h3,.process-grid article.is-active h3{margin:2.2rem 0 .65rem!important}.process-grid p{font-size:.9rem!important}.process-grid small{margin-top:1rem}html[dir="rtl"] .process-grid{padding:0 2.25rem 0 0!important}html[dir="rtl"] .process-grid:before{left:auto!important;right:7px!important}html[dir="rtl"] .process-grid article:before{left:auto!important;right:-2.25rem!important;transform:none!important}html[dir="rtl"] .process-grid article:after{left:auto;right:-1.32rem}}