:root{--blue:#164681;--ink:#15324d;--green:#137865;--light:#f2f7fb;--muted:#647787}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:white;color:var(--ink);font-family:Tajawal,sans-serif;font-size:18px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;object-fit:cover}svg{width:24px;height:24px}.symbols{position:absolute;width:0;height:0}.wrap{width:min(1240px,90%);margin:auto}.section{padding-top:110px;padding-bottom:110px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,5.8vw,84px);line-height:1.2;font-weight:900;letter-spacing:-1.5px;margin-bottom:28px}h2{font-size:clamp(32px,3.5vw,50px);line-height:1.35;font-weight:800;margin-bottom:24px}h3{font-size:25px;line-height:1.5}p{color:var(--muted)}.eyebrow{font-size:16px;color:var(--green);font-weight:800;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:28px;height:2px;background:currentColor}.skip{position:absolute;top:-80px;background:var(--blue);color:white;padding:10px;z-index:20}.skip:focus{top:0}:focus-visible{outline:3px solid #47b79d;outline-offset:5px}.header{background:white;position:relative;z-index:5}.nav{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:130px}.brand{display:flex;align-items:center;gap:15px}.brand img{width:85px;height:85px;border-radius:50%;object-fit:contain}.brand strong{font-size:23px;display:block;color:var(--blue);line-height:1.5}.brand small{font-size:14px;color:var(--muted);display:block}nav{display:flex;gap:24px;font-size:16px;font-weight:700}nav a:hover,.footer-links a:hover{color:var(--green)}.header-wave{position:absolute;width:100%;height:65px;top:100%;left:0}.menu{display:none;background:none;border:0;padding:12px}.menu span{display:block;width:25px;height:2px;margin:6px;background:var(--blue)}.hero{background:var(--light);padding:130px 0 95px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center}.hero-copy h1 span{color:var(--green)}.lead{font-size:21px;max-width:510px}.hero-actions{display:flex;align-items:center;gap:30px;margin:30px 0}.button{background:var(--blue);color:white;padding:14px 28px;border-radius:8px;font-weight:700;box-shadow:0 10px 30px #16468120}.button:hover{background:var(--green)}.text-link{border-bottom:1px solid #15324d60;font-weight:700}.hero-note{display:flex;gap:17px;align-items:center;font-size:15px;color:var(--muted);padding-top:15px}.hero-note i{height:4px;width:4px;border-radius:50%;background:var(--green)}.hero-art{position:relative;padding:0 0 80px 25px}.hero-photo{overflow:hidden;border-radius:150px 150px 16px 16px;position:relative}.hero-photo img{height:430px;width:100%}.hero-photo span{position:absolute;bottom:0;right:0;left:0;color:white;padding:50px 25px 18px;background:linear-gradient(transparent,#132a38c9);font-weight:700}.main-photo{margin-right:65px}.small-photo{position:absolute;bottom:0;right:0;width:47%;border:8px solid var(--light);border-radius:90px 90px 12px 12px}.small-photo img{height:220px}.round-label{position:absolute;left:0;top:30px;background:var(--green);color:white;border:6px solid var(--light);border-radius:50%;width:120px;height:120px;text-align:center;display:flex;flex-direction:column;justify-content:center;line-height:1.4;transform:rotate(-10deg)}.round-label strong{font-size:28px}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-copy p{font-size:20px}.company{background:#164681;color:white}.company .eyebrow{color:#88d5c4}.domains{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:55px}.domains article{border-top:1px solid #ffffff40;padding-top:25px}.number{font-size:16px;color:#88d5c4}.domains h3{margin:14px 0}.domains p{color:#d0dce8;font-size:18px}.domains a{border-bottom:1px solid #ffffff60;font-size:16px}.goals{display:grid;grid-template-columns:1fr 1fr;gap:120px}.goal-list article{display:flex;gap:24px;border-bottom:1px solid #d7e2e9;padding:20px 0}.goal-list article:first-child{padding-top:0}.goal-list span{color:var(--green);font-size:17px}.goal-list h3{margin-bottom:6px}.goal-list p{margin-bottom:12px}.gallery-section{background:var(--light)}.gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:40px}.gallery-heading h2{margin-bottom:8px}.filters{display:flex;gap:8px}.filters button{border:1px solid #d4e0e9;padding:12px 18px;border-radius:8px;color:var(--ink);background:white;font-weight:700;font-size:16px}.filters .active{background:var(--blue);border-color:var(--blue);color:white}.filters span{opacity:.65;margin-right:8px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.photo{border:0;text-align:right;padding:0;background:white;color:var(--ink);border-radius:12px;overflow:hidden;transition:transform .2s}.photo:hover{transform:translateY(-5px)}.photo img{height:210px;width:100%;transition:transform .4s}.photo:hover img{transform:scale(1.04)}.photo span{display:block;padding:13px 17px;font-size:16px;font-weight:700}.photo:first-child,.photo:nth-child(6){grid-column:span 2}.photo:first-child img,.photo:nth-child(6) img{height:260px}.ambition{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.ambition-photo img{width:100%;height:430px;border-radius:12px 120px 12px 12px}.ambition-line{display:block;font-weight:700;color:var(--green);margin-top:30px}.contact{border-top:1px solid #d7e2e9;text-align:center;padding-top:65px;padding-bottom:95px}.contact .eyebrow{justify-content:center}.contact-details{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.contact a{color:var(--blue)}footer{position:relative;background:#102e4f;color:white;padding-top:145px}.footer-wave{position:absolute;top:-1px;left:0;width:100%;height:80px}.footer-grid{display:grid;grid-template-columns:1.7fr .65fr 1fr;gap:80px;padding-bottom:60px}.footer-brand .brand img{width:85px;flex-shrink:0}.footer-brand .brand strong{color:white;font-size:21px}.footer-brand .brand small{color:#bed0e1}.footer-brand p{font-size:17px;color:#bed0e1;margin-top:25px;max-width:460px}footer h3{font-size:20px;color:#b6e2d7}.footer-links{display:grid;gap:9px;font-size:16px}footer [data-contact]{font-size:16px}footer [data-contact] p{color:#bed0e1}footer [data-contact] a{display:block;margin:10px 0}.socials{display:flex;gap:12px;margin-top:22px}.socials a{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #ffffff50;border-radius:50%}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff25;padding:24px 0;font-size:14px;color:#bed0e1}.floating-wa{position:fixed;bottom:24px;left:24px;z-index:10;width:58px;height:58px;border-radius:50%;background:#25d366;color:white;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 25px #102e4f30}.floating-wa svg{width:31px;height:31px}dialog{border:0;border-radius:14px;padding:20px;background:white;max-width:90vw;max-height:90vh}dialog::backdrop{background:#071728df}dialog img{max-height:70vh;object-fit:contain;margin:auto}dialog p{text-align:center;margin:15px 0 0}.close{position:absolute;top:5px;left:5px;border:0;background:white;border-radius:50%;width:40px;height:40px;font-size:30px;line-height:1}.reveal{animation:appear .7s ease both}@keyframes appear{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:1050px){.brand strong{font-size:20px}nav{gap:15px;font-size:14px}.hero-grid{gap:25px}.goals{gap:60px}.footer-grid{gap:35px}.gallery{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){body{font-size:17px}.wrap{width:90%}.section{padding-top:65px;padding-bottom:65px}.nav{min-height:100px;gap:12px}.brand img{width:62px;height:62px}.brand{gap:9px}.brand strong{font-size:17px}.brand small{font-size:12px;line-height:1.5}.menu{display:block}.header-wave{height:35px}nav{display:none;position:absolute;top:100px;right:5%;left:5%;padding:24px;background:white;border-radius:12px;box-shadow:0 15px 25px #102e4f20;font-size:17px}nav.open{display:grid}.hero{padding:85px 0 55px}.hero-grid{grid-template-columns:1fr;gap:45px}h1{font-size:49px;letter-spacing:-1px}.lead{font-size:19px}.hero-actions{gap:22px}.hero-art{max-width:520px;width:100%;margin:auto}.hero-photo img{height:330px}.small-photo img{height:170px}.round-label{width:95px;height:95px}.round-label strong{font-size:23px}.main-photo{margin-right:45px}.about,.goals,.ambition{grid-template-columns:1fr;gap:25px}.about-copy p{font-size:18px}.domains{grid-template-columns:1fr;gap:32px;margin-top:35px}.domains article{padding-top:17px}.gallery-heading{display:block}.filters{margin-top:25px}.gallery{grid-template-columns:repeat(2,1fr);gap:13px}.photo img{height:170px}.photo:first-child,.photo:nth-child(6){grid-column:span 2}.photo:first-child img,.photo:nth-child(6) img{height:260px}.photo span{font-size:14px;padding:12px}.ambition-photo img{height:320px}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-brand .brand img{width:70px}.footer-brand .brand strong{font-size:19px}.footer-bottom{display:block;padding-bottom:95px}.footer-bottom a{display:block;margin-top:14px}footer{padding-top:115px}.floating-wa{left:18px;bottom:18px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
:where([hidden]){display:none!important}
.contact-row{display:flex;flex-direction:column;gap:5px;min-width:170px}.contact-label{font-size:14px;font-weight:700;color:var(--green)}.contact-value{font-size:17px}footer .contact-row{margin-bottom:18px}footer .contact-label{color:#b6e2d7}footer .contact-value{color:#bed0e1}footer .contact-row a{margin:0}.footer-brand>p{margin-top:22px;line-height:1.9}.product-photo img,.product-photo:first-child img{object-fit:contain;padding:20px;background:white}.contact-details [data-contact]{display:flex}