:root{--midnight:#0c1417;--graphite:#202a2e;--teal:#10b7b4;--deep:#0a8584;--cream:#f5f1ec;--mist:#e6ebec;--ink:#172126;--line:rgba(255,255,255,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans Arabic",Arial,sans-serif;font-size:16px;line-height:1.9;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.skip{position:fixed;top:-100px;right:24px;background:var(--teal);padding:8px 18px;z-index:100}.skip:focus{top:12px}.nav-wrap{position:absolute;inset:0 0 auto;z-index:20;border-bottom:1px solid var(--line)}.nav{height:92px;display:flex;align-items:center;justify-content:space-between}.brand img{display:block;width:205px;height:auto}.nav-links{display:flex;align-items:center;gap:34px;color:rgba(255,255,255,.76);font-size:.88rem}.nav-links a:hover{color:#fff}.nav-cta{border-right:1px solid var(--line);padding-right:34px;color:#fff!important}.nav-cta span,.teal{color:var(--teal)}.menu-button{display:none}.hero{min-height:760px;background:var(--midnight);color:#fff;padding:170px 0 28px;position:relative;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 54%,rgba(16,183,180,.04) 54% 55%,transparent 55%),repeating-linear-gradient(135deg,transparent 0 70px,rgba(255,255,255,.018) 71px 72px);z-index:-1}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;direction:ltr}.hero-copy,.clarity-map{direction:rtl}.eyebrow,.section-mark>span,.section-head span,.photo-copy>span,.kicker{font:500 .72rem/1.4 "Noto Sans",sans-serif;letter-spacing:.16em;color:var(--teal)}.eyebrow i{display:inline-block;width:28px;height:1px;background:var(--teal);vertical-align:middle;margin-left:12px}.hero h1{font-size:clamp(3.3rem,6vw,6.2rem);line-height:1.1;letter-spacing:-.055em;margin:30px 0}.hero-lead{color:rgba(255,255,255,.68);max-width:620px;font-size:1.12rem}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:42px}.button{display:flex;align-items:center;justify-content:space-between;gap:30px;border:0;cursor:pointer;padding:15px 20px;min-width:255px;font-weight:600;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.button.primary{background:var(--teal);color:#071012}.button.primary:hover{background:#21cfcb}.text-link{color:rgba(255,255,255,.75);border-bottom:1px solid var(--line)}.clarity-map{height:470px;position:relative;border-right:1px solid var(--line)}.clarity-map svg{position:absolute;inset:20px;width:95%;height:90%;direction:ltr}.clarity-map path{fill:none;stroke:rgba(255,255,255,.18);stroke-width:1}.focus{position:absolute;left:18px;bottom:70px;width:136px;height:136px;background:var(--teal);color:#061113;clip-path:polygon(18% 0,100% 0,100% 82%,82% 100%,0 100%,0 18%);display:flex;flex-direction:column;justify-content:center;align-items:center}.focus span{font:500 .62rem "Noto Sans";letter-spacing:.16em}.focus strong{font-size:1.05rem}.chaos{position:absolute;right:45px;top:45px;width:180px;height:180px}.chaos b{position:absolute;width:55px;height:1px;background:rgba(255,255,255,.23);transform:rotate(-36deg)}.chaos b:nth-child(2){top:40px;right:75px;transform:rotate(22deg)}.chaos b:nth-child(3){top:88px;right:25px;width:100px}.chaos b:nth-child(4){top:125px;right:100px;transform:rotate(67deg)}.chaos b:nth-child(5){top:155px;right:42px;width:70px;transform:rotate(-10deg)}.map-label{position:absolute;right:28px;bottom:24px;color:rgba(255,255,255,.38);font:500 .65rem/1.7 "Noto Sans";letter-spacing:.17em;text-align:left}.hero-foot{margin-top:56px;padding-top:22px;border-top:1px solid var(--line);display:flex;gap:16px;align-items:center;color:rgba(255,255,255,.34);font:500 .64rem "Noto Sans";letter-spacing:.18em}.hero-foot i{width:4px;height:4px;background:var(--teal);transform:rotate(45deg)}.hero-foot .scroll{margin-right:auto}.section{padding:120px 0}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:12vw}.section-mark h2,.section-head h2,.diagnostic h2{font-size:clamp(2.2rem,4vw,4.4rem);line-height:1.35;letter-spacing:-.045em;margin:20px 0 0}.problem-copy{padding-top:32px}.problem-copy p{color:#5c666a}.problem-copy .large{font-size:1.35rem;line-height:2;color:var(--ink);margin-top:0}.problem-copy em{font-style:normal;color:var(--deep);font-weight:700}.line-link{display:inline-flex;gap:60px;border-bottom:1px solid var(--ink);padding-bottom:6px;margin-top:22px;font-weight:600}.flow{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto;align-items:center;margin-top:100px;direction:rtl}.flow>div{width:88px;height:88px;border:1px solid #c8d0d0;display:flex;flex-direction:column;justify-content:center;align-items:center;clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px)}.flow span{font:500 .65rem "Noto Sans";color:#879194}.flow b{font-size:.9rem}.flow i{height:1px;background:#c8d0d0}.flow .active{background:var(--teal);border-color:var(--teal)}.flow .active span{color:#0a4f50}.services{background:var(--midnight);color:#fff}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;align-items:end;margin-bottom:70px}.section-head p{color:rgba(255,255,255,.52);margin:0 0 14px}.service{display:grid;grid-template-columns:65px 1.1fr 1fr 40px;gap:30px;align-items:center;border-top:1px solid var(--line);padding:26px 12px;transition:.25s}.service:last-child{border-bottom:1px solid var(--line)}.service:hover{background:var(--graphite);padding-inline:24px}.service .num{color:var(--teal);font:500 .72rem "Noto Sans"}.service h3{font-size:1.3rem;margin:0}.service small{color:rgba(255,255,255,.36);font:500 .62rem "Noto Sans";letter-spacing:.12em}.service p{color:rgba(255,255,255,.52);margin:0}.service .arrow{color:var(--teal);font-size:1.4rem}.process{padding-bottom:0}.process-photo{min-height:560px;background:linear-gradient(90deg,rgba(12,20,23,.98) 0 36%,rgba(12,20,23,.7) 64%,rgba(12,20,23,.24)),url("process.jpg") center/cover;display:flex;align-items:center}.photo-copy{width:min(1180px,calc(100% - 48px));margin:auto;color:#fff;padding-left:55%}.photo-copy h2{font-size:clamp(3rem,6vw,6rem);line-height:1.13;margin:26px 0}.photo-copy p{color:rgba(255,255,255,.65);max-width:430px}.steps{display:grid;grid-template-columns:repeat(4,1fr);background:var(--cream);transform:translateY(-48px);box-shadow:0 18px 50px rgba(12,20,23,.08)}.steps article{padding:34px;border-left:1px solid #d7dedd}.steps article:last-child{border:0}.steps span{font:600 .68rem "Noto Sans";color:var(--teal)}.steps h3{margin:18px 0 8px}.steps p{font-size:.88rem;color:#687275}.proof{padding-top:80px}.quote{border-right:2px solid var(--teal);padding-right:34px}.quote p{font-size:1.45rem;margin:0 0 28px}.quote div{font-size:.85rem;color:#6d777a}.quote div span{display:inline-block;width:22px;height:1px;background:var(--teal);margin-left:10px;vertical-align:middle}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:85px;border-top:1px solid #cbd3d3;border-bottom:1px solid #cbd3d3}.proof-grid div{padding:34px 24px;border-left:1px solid #cbd3d3;display:flex;flex-direction:column}.proof-grid div:last-child{border:0}.proof-grid strong{font:500 1.05rem "Noto Sans";letter-spacing:.05em}.proof-grid span{font-size:.8rem;color:#7a8588;margin-top:7px}.diagnostic{background:var(--graphite);color:#fff}.diagnostic-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:11vw;align-items:start}.diagnostic h2{margin:18px 0}.diagnostic p{color:rgba(255,255,255,.58);max-width:430px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:26px}.contact-form label{font-size:.8rem;color:rgba(255,255,255,.55)}.contact-form input,.contact-form textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.22);color:white;padding:10px 0;outline:none;resize:vertical;border-radius:0}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--teal)}.contact-form ::placeholder{color:rgba(255,255,255,.28)}.wide{grid-column:1/-1}.contact-form .button{margin-top:12px;width:100%}.form-status{margin:0;color:var(--teal)}footer{background:var(--midnight);color:#fff;padding:70px 0 24px}.footer-main{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:60px;padding-bottom:55px}.footer-main img{width:210px}.footer-main p{color:rgba(255,255,255,.55)}.footer-main a{font-size:.85rem;border-bottom:1px solid var(--teal)}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;color:rgba(255,255,255,.3);font:500 .62rem "Noto Sans";letter-spacing:.12em}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:800px){.container{width:min(100% - 32px,600px)}.nav{height:76px}.brand img{width:165px}.menu-button{display:flex;flex-direction:column;gap:7px;background:transparent;border:0;padding:10px}.menu-button span{width:25px;height:1px;background:#fff}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:var(--midnight);padding:24px;flex-direction:column;align-items:stretch;gap:16px;border-top:1px solid var(--line)}.nav-links.open{display:flex}.nav-cta{border:0;padding:10px 0;color:var(--teal)!important}.hero{padding-top:130px;min-height:760px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:3.25rem}.hero-lead{font-size:1rem}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.clarity-map{height:220px;border-right:0;border-top:1px solid var(--line)}.chaos{transform:scale(.65);transform-origin:top right}.focus{width:100px;height:100px;bottom:18px}.hero-foot{margin-top:36px}.hero-foot .scroll{display:none}.section{padding:82px 0}.split,.section-head,.diagnostic-grid{grid-template-columns:1fr;gap:45px}.section-mark h2,.section-head h2,.diagnostic h2{font-size:2.5rem}.flow{grid-template-columns:1fr;gap:0;margin-top:60px}.flow i{width:1px;height:24px;justify-self:center}.flow>div{margin:auto}.service{grid-template-columns:38px 1fr 30px;gap:15px}.service p{grid-column:2/-1;font-size:.85rem}.service:hover{padding-inline:12px}.process-photo{min-height:520px;background-position:65% center}.photo-copy{padding:0}.steps{grid-template-columns:1fr 1fr;transform:none}.steps article:nth-child(2){border-left:0}.steps article{border-bottom:1px solid #d7dedd}.proof-grid{grid-template-columns:1fr 1fr}.proof-grid div:nth-child(2){border-left:0}.contact-form{grid-template-columns:1fr}.wide{grid-column:auto}.footer-main{grid-template-columns:1fr;gap:22px}.footer-bottom{gap:20px;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
