:root{--green:#0b3429;--green-2:#12634c;--lime:#73d7a5;--ink:#17211e;--muted:#66736e;--line:#dfe8e3;--paper:#f6f8f6;--white:#fff;--display:"DM Sans","IBM Plex Sans Arabic",sans-serif;--arabic:"IBM Plex Sans Arabic","DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--arabic);font-size:16px;line-height:1.7}html[lang="en"] body{font-family:var(--display)}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.site-header{height:82px;padding-inline:max(32px,calc((100% - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:36px;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(20,66,51,.08)}.brand{display:flex;align-items:center;gap:10px;direction:ltr;white-space:nowrap}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--green);color:var(--lime);font:700 23px var(--display);letter-spacing:-2px}.brand-name{font:700 22px var(--display);letter-spacing:-1.2px}.brand-name span{color:var(--green-2)}.main-nav{display:flex;align-items:center;gap:30px}.main-nav a{font-size:14px;font-weight:600;color:#52605a;transition:color .2s}.main-nav a:hover{color:var(--green-2)}.language-toggle{border:1px solid #cedbd4;background:#fff;border-radius:999px;padding:9px 17px;font:600 13px var(--display);color:var(--green);cursor:pointer;min-width:82px}.language-toggle:hover{background:#eff7f2}.hero{position:relative;min-height:650px;display:flex;align-items:center;background:#0b3429;color:#fff;overflow:hidden;isolation:isolate}.hero-art,.hero-shade{position:absolute;inset:0;z-index:-1}.hero-art{background-image:url("assets/hasa-technology-hero.png");background-size:cover;background-position:center 48%;opacity:.78}.hero-shade{background:linear-gradient(90deg,rgba(5,34,25,.96) 0%,rgba(5,34,25,.86) 36%,rgba(5,34,25,.35) 72%,rgba(5,34,25,.12) 100%)}html[dir="rtl"] .hero-shade{background:linear-gradient(270deg,rgba(5,34,25,.96) 0%,rgba(5,34,25,.86) 36%,rgba(5,34,25,.35) 72%,rgba(5,34,25,.12) 100%)}.hero-content{padding-block:105px 120px}.eyebrow{margin:0 0 18px;color:var(--green-2);font:700 12px var(--display);letter-spacing:1.2px;text-transform:uppercase}.eyebrow.light{color:#8ce1b4}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.18;letter-spacing:-1.4px;max-width:750px;margin:0 0 24px;font-weight:600}.hero-copy{max-width:560px;color:#dbe8e1;font-size:18px;margin:0 0 34px}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:14px;padding:0 23px;border-radius:5px;font-weight:700;font-size:14px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:#6fdaa2;color:#083729}.button-primary:hover{background:#91e6b7}.button-quiet{color:#fff;border:1px solid rgba(255,255,255,.45)}.button-quiet:hover{background:rgba(255,255,255,.1)}.hero-note{position:absolute;bottom:34px;inset-inline-start:max(32px,calc((100% - 1160px)/2));display:flex;align-items:center;gap:10px;color:#d7e8df;font-size:13px}.note-dot{width:8px;height:8px;background:#7de0a9;border-radius:50%;box-shadow:0 0 0 5px rgba(125,224,169,.15)}.scroll-cue{position:absolute;inset-inline-end:max(32px,calc((100% - 1160px)/2));bottom:22px;border:1px solid rgba(255,255,255,.4);border-radius:50%;height:42px;width:42px;display:grid;place-items:center;font:24px var(--display);color:#fff}.section-pad{padding-block:112px}.intro-section{background:#fff}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.section-heading h2,.section-topline h2,.sectors-intro h2,.vision-heading h2,.why-layout h2,.contact-content h2{font-size:clamp(34px,4.5vw,55px);line-height:1.27;letter-spacing:-1px;font-weight:600;margin:0}.section-heading h2 em,.section-topline h2 em,.sectors-intro h2 em,.vision-heading h2 em,.why-layout h2 em,.contact-content h2 em{font-style:normal;color:var(--green-2)}.intro-copy{padding-top:42px}.intro-copy p{margin:0 0 18px;color:#55625c;font-size:17px}.text-link{display:inline-flex;gap:13px;align-items:center;color:var(--green-2);font-weight:700;margin-top:10px;font-size:14px}.text-link span:last-child{font:18px var(--display)}.principles-row{margin-top:84px;border-top:1px solid var(--line);padding-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.principle{display:flex;gap:18px}.principle-index{color:#8a9b92;font:600 13px var(--display);padding-top:4px}.principle h3{font-size:16px;margin:0 0 4px}.principle p{margin:0;color:var(--muted);font-size:14px}.services-section{background:var(--paper)}.section-topline{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:54px}.topline-copy{max-width:370px;margin:0 0 9px;color:var(--muted);font-size:16px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dbe5df;border-bottom:1px solid #dbe5df}.service-card{position:relative;min-height:300px;padding:31px 24px 28px;border-inline-start:1px solid #dbe5df;overflow:hidden}.service-card:last-child{border-inline-end:1px solid #dbe5df}.service-card:before{content:"";position:absolute;inset:100% 0 0;background:var(--green);transition:inset .35s;z-index:0}.service-card:hover:before{inset:0}.service-card>*{position:relative;z-index:1}.service-card:hover{color:#fff}.service-card:hover p,.service-card:hover .service-number{color:#c1d9cd}.service-card:hover .service-icon{background:#1b634a;color:#b0f1cd}.service-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#e4f1e9;color:var(--green-2);font-size:23px;margin-bottom:25px}.service-number{position:absolute;top:43px;inset-inline-end:24px;color:#8a9b92;font:600 12px var(--display)}.service-card h3{font-size:19px;margin:0 0 10px;line-height:1.5}.service-card p{font-size:14px;color:var(--muted);margin:0;line-height:1.9}.card-rule{position:absolute;bottom:0;inset-inline-start:24px;width:48px;height:3px;background:#69ce97;transform:scaleX(0);transform-origin:right;transition:transform .3s}.service-card:hover .card-rule{transform:scaleX(1)}.sectors-section{background:var(--green);color:#fff}.sectors-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:100px}.sectors-intro{position:relative}.sectors-intro h2{color:white}.sectors-intro h2 em{color:#7ee0aa}.sectors-intro>p:last-child{max-width:350px;margin:25px 0 0;color:#c2d5cb;font-size:16px}.sector-list{border-top:1px solid rgba(255,255,255,.21)}.sector-row{display:grid;grid-template-columns:42px 1fr 1fr 22px;align-items:center;gap:15px;padding-block:20px;border-bottom:1px solid rgba(255,255,255,.21)}.sector-num{font:600 12px var(--display);color:#79d7a2}.sector-row h3{font-size:16px;margin:0}.sector-desc{font-size:13px;color:#bfd0c7}.sector-plus{font:20px var(--display);color:#8ce1b4;text-align:end}.vision-section{background:#fff}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.vision-heading{position:relative;min-height:355px}.vision-stamp{position:absolute;bottom:3px;inset-inline-start:0;width:142px;height:142px;border-radius:50%;display:grid;place-items:center;background:#eff7f2;border:1px solid #d4e8dc;color:var(--green);font:700 68px var(--display);letter-spacing:-6px}.vision-stamp span{color:#39a36c}.vision-content{border-top:1px solid var(--line)}.vision-content article{display:grid;grid-template-columns:100px 1fr;gap:25px;padding:25px 0;border-bottom:1px solid var(--line)}.mini-label{font-size:13px;color:var(--green-2);font-weight:700;padding-top:3px}.vision-content article p{margin:0;color:#54625b;font-size:16px}.why-section{background:#f5f8f6}.why-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.why-points{border-top:1px solid #d7e2dc}.why-point{display:grid;grid-template-columns:44px 1fr;gap:19px;padding:23px 0;border-bottom:1px solid #d7e2dc}.why-point>span{font:600 12px var(--display);color:#8a9b92;padding-top:2px}.why-point h3{margin:0 0 5px;font-size:17px}.why-point p{margin:0;color:var(--muted);font-size:15px}.contact-section{position:relative;background:#092d23;color:#fff;overflow:hidden;padding:100px 0 0;isolation:isolate}.contact-backdrop{position:absolute;inset:0;z-index:-1;opacity:.16;background-image:linear-gradient(135deg,transparent 45%,#73d7a5 45.2%,transparent 45.5%),linear-gradient(35deg,transparent 60%,#73d7a5 60.2%,transparent 60.5%);background-size:280px 220px,360px 280px}.contact-content{padding-bottom:82px}.contact-content h2{font-size:clamp(40px,5vw,64px)}.contact-content h2 em{color:#82e0ad}.contact-content>p:not(.eyebrow){color:#c4d8cd;font-size:17px;margin:20px 0 30px}.contact-details{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:40px;padding-block:28px 32px;border-top:1px solid rgba(255,255,255,.23)}.contact-details>div{display:flex;flex-direction:column;align-items:flex-start}.contact-label{font-size:12px;color:#8ed7ad;font-weight:700;margin-bottom:8px}.contact-details a,.contact-details p{font:500 15px var(--display);color:#f4f7f5;margin:0;line-height:1.8}.site-footer{background:#061f18;color:#c5d4cc}.footer-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand .brand-mark{background:#194536}.footer-brand .brand-name{color:#fff}.footer-inner>p{font-size:13px;margin:0}.copyright{font:12px var(--display);color:#8ea49a}html[lang="en"] .section-heading h2,html[lang="en"] .section-topline h2,html[lang="en"] .sectors-intro h2,html[lang="en"] .vision-heading h2,html[lang="en"] .why-layout h2,html[lang="en"] .contact-content h2,html[lang="en"] .hero h1{letter-spacing:-1.6px}html[lang="en"] .hero-shade{background:linear-gradient(90deg,rgba(5,34,25,.96) 0%,rgba(5,34,25,.86) 36%,rgba(5,34,25,.35) 72%,rgba(5,34,25,.12) 100%)}html[lang="en"] .card-rule{transform-origin:left}@media(max-width:900px){.site-header{padding-inline:24px;gap:20px}.main-nav{gap:17px}.main-nav a{font-size:13px}.wrap{width:min(100% - 48px,720px)}.hero{min-height:610px}.intro-grid,.vision-grid{gap:45px}.services-grid{grid-template-columns:repeat(2,1fr)}.service-card:nth-child(3){border-top:1px solid #dbe5df}.service-card:nth-child(4){border-top:1px solid #dbe5df}.sectors-layout,.why-layout{gap:50px}.sector-row{grid-template-columns:32px 1fr 1.05fr 18px}.sector-desc{font-size:12px}}@media(max-width:640px){html{scroll-padding-top:70px}.site-header{height:70px;padding-inline:18px;gap:10px}.brand-mark{width:34px;height:34px}.brand-name{font-size:20px}.main-nav{display:none}.language-toggle{padding:8px 12px;min-width:78px}.wrap{width:calc(100% - 40px)}.hero{min-height:640px;align-items:flex-end}.hero-art{background-position:56% center;opacity:.58}.hero-shade,html[dir="rtl"] .hero-shade{background:linear-gradient(0deg,rgba(5,34,25,.98) 5%,rgba(5,34,25,.82) 49%,rgba(5,34,25,.25) 100%)}.hero-content{padding-block:150px 100px}.hero h1{font-size:clamp(38px,11vw,54px)}.hero-copy{font-size:16px}.hero-note{inset-inline-start:20px;bottom:26px;font-size:12px}.scroll-cue{inset-inline-end:20px;bottom:17px;width:36px;height:36px}.section-pad{padding-block:76px}.intro-grid,.vision-grid,.sectors-layout,.why-layout{grid-template-columns:1fr;gap:24px}.intro-copy{padding-top:0}.intro-copy p{font-size:16px}.principles-row{margin-top:48px;grid-template-columns:1fr;gap:22px}.section-topline{display:block;margin-bottom:36px}.topline-copy{margin-top:18px}.services-grid{grid-template-columns:1fr;border-bottom:0}.service-card,.service-card:last-child{min-height:0;padding:24px 20px 28px;border-inline:1px solid #dbe5df;border-bottom:1px solid #dbe5df}.service-icon{margin-bottom:15px}.service-number{top:34px}.service-card h3{font-size:18px}.service-card p{font-size:15px}.sectors-intro>p:last-child{margin-top:17px}.sector-row{grid-template-columns:28px 1fr 20px;gap:8px;padding-block:17px}.sector-row h3{font-size:15px}.sector-desc{display:none}.vision-heading{min-height:250px}.vision-stamp{width:95px;height:95px;font-size:50px}.vision-content article{grid-template-columns:75px 1fr;gap:14px;padding-block:19px}.vision-content article p{font-size:15px}.why-layout{gap:30px}.why-point{grid-template-columns:34px 1fr;gap:12px}.why-point p{font-size:14px}.contact-section{padding-top:74px}.contact-content{padding-bottom:56px}.contact-content>p:not(.eyebrow){font-size:16px}.contact-details{grid-template-columns:1fr 1fr;gap:24px}.contact-details>div:last-child{grid-column:1/-1}.footer-inner{padding-block:20px;min-height:100px;display:grid;grid-template-columns:1fr auto;gap:8px 20px}.footer-brand{grid-row:span 2}.footer-inner>p{font-size:12px}.copyright{font-size:11px;justify-self:end}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.menu-toggle{display:none;width:40px;height:40px;border:1px solid #d5e1da;border-radius:50%;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{width:15px;height:2px;background:var(--green);border-radius:2px}a:focus-visible,button:focus-visible{outline:3px solid #43a776;outline-offset:3px}@media(max-width:640px){.menu-toggle{display:flex;margin-inline-start:auto}.main-nav.nav-open{display:flex;position:absolute;top:70px;inset-inline:0;background:#fff;padding:12px 20px 20px;align-items:stretch;flex-direction:column;gap:0;border-bottom:1px solid var(--line);box-shadow:0 14px 25px rgba(11,52,41,.09)}.main-nav.nav-open a{padding:12px 4px;border-bottom:1px solid #edf1ee;font-size:15px}.language-toggle{min-width:75px;padding-inline:10px}}
.contact-details{grid-template-columns:repeat(4,1fr)}@media(max-width:640px){.contact-details{grid-template-columns:1fr 1fr}.contact-details>div:last-child{grid-column:1/-1}}