:root{--navy:#06192d;--navy2:#0b2a49;--blue:#078dcc;--cyan:#18a9e8;--red:#e82127;--soft:#f4f8fb;--ink:#152536;--muted:#697a89}*{box-sizing:border-box}body{font-family:Tahoma,Arial,sans-serif;color:var(--ink);background:#fff}.site-header{background:rgba(5,24,44,.96);backdrop-filter:blur(10px);box-shadow:0 1px 0 #ffffff12}.navbar{padding:.55rem 0}.navbar-brand img{width:52px;height:52px;object-fit:contain}.navbar-brand span{display:flex;flex-direction:column;line-height:1}.navbar-brand b{font-size:1.12rem;letter-spacing:.08em}.navbar-brand small{font-size:.56rem;color:#82d8ff;margin-top:5px}.navbar .nav-link{color:#d8e7f1!important;font-size:.92rem;padding:.65rem .7rem!important;border-radius:8px}.navbar .nav-link.active,.navbar .nav-link:hover{color:#fff!important;background:#ffffff12}.lang-link{font-weight:800;color:#83dbff!important}.btn-accent{background:var(--red);border-color:var(--red);color:#fff;font-weight:700}.btn-accent:hover{background:#c9181d;color:#fff}.btn-brand{background:var(--blue);border-color:var(--blue);color:#fff}.btn-brand:hover{background:#0477ad;color:#fff}.hero{position:relative;overflow:hidden;background:linear-gradient(100deg,#06192d 0%,#08294a 62%,#0a6f9e 100%);color:#fff}.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 80% 15%,#1ab3ef33,transparent 32%),linear-gradient(120deg,transparent 0 70%,#ffffff08 70% 72%,transparent 72%)}.hero-overlay{position:absolute;inset:0;background:url('../images/projects/copper.jpg') right center/52% auto no-repeat;opacity:.2;mix-blend-mode:screen}.min-vh-hero{min-height:590px;padding:70px 0}.hero .eyebrow,.page-hero span,.section-head>span{font-weight:800;letter-spacing:.13em;color:#5ecfff;font-size:.8rem}.hero h1{font-size:clamp(2.25rem,5vw,4.75rem);font-weight:900;line-height:1.08;max-width:900px;margin:15px 0 18px}.hero .lead{font-size:1.16rem;line-height:2;color:#d8e7f2;max-width:740px}.hero-card{margin-inline-start:auto;width:330px;height:330px;border-radius:50%;border:1px solid #6ed4ff55;display:grid;place-items:center;position:relative;background:#ffffff0a;box-shadow:0 0 0 25px #ffffff03,0 0 0 50px #ffffff02}.hero-card img{width:170px}.hero-card div{position:absolute;bottom:20px;background:#fff;color:var(--navy);padding:13px 20px;border-radius:13px;display:flex;align-items:center;gap:10px;box-shadow:0 12px 30px #0005}.hero-card span{font-size:2rem;font-weight:900;color:var(--blue)}.hero-card small{max-width:100px}.stats-strip{background:#fff;box-shadow:0 12px 35px #11283e18;position:relative;z-index:2}.stat{padding:23px 10px;border-inline-end:1px solid #e7eef3}.stat:last-child{border:0}.stat strong{display:block;font-size:1.8rem;color:var(--blue)}.stat span{color:var(--muted);font-size:.9rem}.section{padding:88px 0}.section-soft{background:var(--soft)}.section-head{max-width:760px;margin-bottom:38px}.section-head h2{font-size:clamp(1.8rem,3vw,2.75rem);font-weight:900;color:var(--navy);margin:9px 0 12px}.section-head p{color:var(--muted);line-height:1.9}.section-head.light h2,.section-head.light p{color:#fff}.d-flex-lg{display:flex}.section-link{color:var(--blue);font-weight:800;text-decoration:none;align-self:end;margin-bottom:40px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.why-grid>div,.feature-box{background:#fff;border:1px solid #e4edf4;padding:26px;border-radius:18px;transition:.25s;box-shadow:0 4px 18px #06223a08}.why-grid>div:hover,.feature-box:hover{transform:translateY(-5px);box-shadow:0 16px 40px #06223a15}.why-grid i,.feature-box i{font-size:2rem;color:var(--blue)}.why-grid h3,.feature-box h3{font-size:1rem;font-weight:800;line-height:1.7;margin:12px 0 0}.feature-box p{color:var(--muted);line-height:1.8;font-size:.92rem}.content-card{background:#fff;border-radius:18px;overflow:hidden;border:1px solid #e2ebf2;box-shadow:0 6px 22px #11283e0c;transition:.25s}.content-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px #11283e18}.card-media{display:block;height:220px;background:#eef5f8;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover;transition:.35s}.content-card:hover .card-media img{transform:scale(1.05)}.card-body-custom{padding:24px;position:relative}.card-body-custom h3{font-size:1.15rem;font-weight:900;color:var(--navy)}.card-body-custom p{color:var(--muted);line-height:1.8;min-height:52px}.icon-badge{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#e9f7ff;color:var(--blue);font-size:1.25rem;margin-bottom:14px}.more-link{color:var(--blue);font-weight:800;text-decoration:none}.projects-section{background:linear-gradient(135deg,#06192d,#0b304f);position:relative}.projects-section .content-card{border-color:#ffffff1f}.projects-section .section-head span{color:#61ceff}.partner-panel{border:1px solid #e1eaf0;border-radius:18px;padding:20px;background:#fff;text-align:center}.partner-panel img{width:100%;height:230px;object-fit:contain}.partner-panel h4{font-size:1rem;margin-top:14px}.cta{background:linear-gradient(90deg,var(--blue),#0aa5e7);color:#fff;padding:52px 0}.cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-weight:900;max-width:750px}.cta span{font-weight:900;letter-spacing:.2em}.footer{background:#041522;color:#b9cad7;padding:58px 0 18px}.footer-brand{display:flex;gap:18px}.footer-brand img{width:75px;height:75px}.footer h5,.footer h6{color:#fff;font-weight:800}.footer p{font-size:.9rem;line-height:1.8}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.footer-links a{color:#b9cad7;text-decoration:none}.footer-bottom{border-top:1px solid #ffffff18;padding-top:18px;margin-top:35px;font-size:.82rem;text-align:center}.page-hero{background:linear-gradient(120deg,#06192d,#0a5f8b);padding:105px 0 85px;color:#fff}.page-hero.compact{padding:75px 0 62px}.page-hero h1{font-size:clamp(2.2rem,4vw,4rem);font-weight:900;margin:12px 0}.page-hero p{max-width:760px;color:#d8e7f1;line-height:1.9}.about-image-stack{display:grid;grid-template-columns:1fr 1fr;gap:14px}.about-image-stack img{width:100%;height:350px;object-fit:cover;border-radius:18px}.about-image-stack img:last-child{margin-top:38px}.check-list{list-style:none;padding:0}.check-list li{padding:9px 0}.check-list li:before{content:"✓";color:var(--blue);font-weight:900;margin-inline-end:10px}.detail-copy{font-size:1.02rem;line-height:2;color:#43576a}.detail-image{width:100%;max-height:440px;object-fit:contain;background:#f4f8fb;border-radius:18px;padding:12px}.detail-side{background:var(--navy);color:#fff;padding:24px;border-radius:16px;margin-top:18px}.detail-side a{color:#60d0ff}.certificate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.certificate-card{display:block;text-decoration:none;color:inherit;border:1px solid #e1e9ef;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 6px 22px #0b28400a;transition:.25s}.certificate-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #0b284018}.certificate-card img{width:100%;height:430px;object-fit:cover;object-position:top;background:#f5f7f8}.certificate-card div{padding:18px}.certificate-card h3{font-size:1rem;font-weight:800}.certificate-card span{color:var(--blue);font-size:.85rem}.contact-info{background:var(--navy);color:#fff;border-radius:22px;padding:34px}.contact-info p{color:#c6d5df;line-height:1.9}.contact-item{display:flex;gap:14px;padding:17px 0;border-top:1px solid #ffffff17}.contact-item i{font-size:1.3rem;color:#62d0ff}.contact-item b,.contact-item span{display:block}.contact-item span{color:#c8d8e2;margin-top:5px}.form-panel{padding:34px;border:1px solid #e1eaf0;border-radius:22px;background:#fff;box-shadow:0 10px 35px #0a263b0a}.form-panel label{font-weight:700;margin-bottom:7px}.form-control,.form-select{padding:.78rem .9rem;border-color:#dbe5ec}.form-control:focus,.form-select:focus{border-color:#63c8f5;box-shadow:0 0 0 .2rem #078dcc18}@media(max-width:991px){.why-grid{grid-template-columns:repeat(2,1fr)}.d-flex-lg{display:block}.cta .container{display:block}.cta .btn{margin-top:20px}.certificate-grid{grid-template-columns:repeat(2,1fr)}.hero-overlay{background-size:cover}.min-vh-hero{min-height:520px}.navbar-collapse{padding:16px 0}}@media(max-width:576px){.section{padding:62px 0}.why-grid{grid-template-columns:1fr}.certificate-grid{grid-template-columns:1fr}.certificate-card img{height:auto}.stat{border-bottom:1px solid #e7eef3}.about-image-stack img{height:230px}.card-media{height:200px}.hero h1{font-size:2.35rem}.page-hero{padding:70px 0 55px}}

/* Readable Arabic typography, project photography and profile navigation. */
html{scroll-behavior:smooth;scroll-padding-top:110px}body{line-height:1.8}.hero:after{pointer-events:none}.hero .container{z-index:1}.hero h1{line-height:1.35;font-size:clamp(2.2rem,4.4vw,4rem)}.hero-card{width:100%;height:390px;border-radius:24px;background:#fff;box-shadow:18px 18px 0 #078dcc20;overflow:hidden}.hero-card img{width:100%;height:100%;object-fit:cover}.hero-card div{bottom:20px;inset-inline-start:20px}.hero-overlay{opacity:.08}.hero .lead{font-size:1.05rem}.profile-banner{background:#0b304f;color:#d8e7f2;padding:17px 0}.profile-banner .container{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.profile-banner a{color:#79dcff;text-decoration:none;font-weight:bold}.content-card{height:100%;display:flex;flex-direction:column}.card-body-custom{flex:1;display:flex;flex-direction:column}.more-link{margin-top:auto}.card-media{flex-shrink:0}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.catalog-toolbar p{margin:0;color:var(--muted)}.catalog-toolbar form{width:min(100%,480px)}.profile-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:start}.profile-index{position:sticky;top:110px;padding:22px;border:1px solid #dae5ec;border-radius:16px;background:white}.profile-index b{display:block;margin-bottom:14px}.profile-index a{display:block;color:#43576a;text-decoration:none;padding:8px 0;font-size:.88rem}.profile-index a:hover{color:var(--blue)}.profile-section{padding:36px;background:#fff;border:1px solid #e1eaf0;border-radius:20px;margin-bottom:24px;scroll-margin-top:110px}.profile-section h2{font-size:1.6rem;font-weight:bold;line-height:1.6;margin-bottom:20px}.profile-number{color:var(--blue);font-size:.9rem;font-weight:bold;letter-spacing:.12em}.profile-pages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.profile-pages a{border:1px solid #dbe5ec;border-radius:12px;overflow:hidden;text-decoration:none;background:#f4f8fb;color:var(--ink)}.profile-pages img{display:block;width:100%;height:auto;aspect-ratio:595/842;object-fit:contain}.profile-pages span{padding:12px 16px;display:flex;justify-content:space-between}.certificate-card img{object-fit:contain}.btn:focus-visible,a:focus-visible{outline:3px solid #18a9e8;outline-offset:4px}.navbar-brand{flex-shrink:0}.navbar .nav-link{font-size:.82rem;padding:.6rem .45rem!important}.detail-copy{overflow-wrap:anywhere}
@media(max-width:991px){.profile-layout{grid-template-columns:1fr}.profile-index{position:static}.profile-pages{grid-template-columns:repeat(3,minmax(0,1fr))}.navbar .nav-link{font-size:1rem}}
@media(max-width:576px){.catalog-toolbar{align-items:stretch;flex-direction:column}.profile-pages{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-section{padding:22px}.hero h1{font-size:2.2rem}.profile-banner{font-size:.85rem}.profile-layout{gap:24px}.hero .btn-lg{font-size:1rem}.section-head h2{line-height:1.6}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Consistent media frames preserve the entire product and original document. */
body{font-size:16px;line-height:1.95}
.hero h1,.page-hero h1,.section-head h2{font-weight:750;line-height:1.55;letter-spacing:0}
.hero h1{font-size:clamp(2.1rem,3.6vw,3.4rem)}
.navbar .nav-link{font-size:.88rem;font-weight:600}
.navbar-brand small{font-size:.6rem;line-height:1.6}
.hero .lead{font-weight:400;line-height:2;font-size:1.12rem}
.card-body-custom h3{font-weight:700;line-height:1.7;font-size:1.15rem}
.card-body-custom p{font-size:.96rem;line-height:1.95}
.card-media{height:245px;position:relative;display:flex;align-items:center;justify-content:center;background:#f5f9fb;border-bottom:1px solid #e9eff3}
.card-media img{width:100%;height:100%;object-fit:contain;padding:18px}
.content-card:hover .card-media img{transform:none}
.content-card--product .card-media{background:#fff}
.card-media--illustration img{padding:0}
.media-caption{position:absolute;bottom:10px;inset-inline-end:12px;background:#ffffffeb;color:#456176;padding:2px 10px;border-radius:20px;font-size:.68rem;line-height:1.7}
.icon-badge{height:36px;width:36px;font-size:1.1rem;margin-bottom:10px}
.hero-card{height:350px;background:#0780b1;border:1px solid #79cce3;box-shadow:14px 14px 0 #078dcc20}
.hero-card img{object-fit:contain;padding:10px}
.hero-card div{bottom:12px;padding:8px 15px;border-radius:10px;font-size:.8rem}
.hero-card span{font-size:1.7rem;direction:ltr}
.hero-card small{line-height:1.8}
.partner-panel img{height:260px;object-fit:contain}
.about-image-stack img{object-fit:contain;background:#f5f9fb;padding:12px}
.detail-figure{border:1px solid #e1eaf0;border-radius:18px;overflow:hidden;background:#f8fafc}
.detail-image{display:block;width:100%;height:340px;max-height:none;object-fit:contain;padding:20px;border-radius:0;background:transparent}
.detail-figure figcaption{font-size:.8rem;text-align:center;color:#657c8c;padding:0 12px 10px}
.detail-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.detail-gallery a{border:1px solid #e1eaf0;border-radius:10px;overflow:hidden;background:#f8fafc}
.detail-gallery img{width:100%;height:125px;object-fit:contain;padding:8px}
.profile-section h2,.feature-box h3,.why-grid h3{font-weight:700}
@media(max-width:991px){.hero-visual{margin-top:30px}.hero-card{max-width:540px;margin-inline:auto;height:280px}.hero h1{max-width:700px}.min-vh-hero{padding:45px 0}}
@media(max-width:576px){.hero h1{font-size:2rem}.hero .lead{font-size:1rem}.hero-card{height:225px}.card-media{height:240px}.hero-visual{margin-top:28px}.detail-image{height:280px}.detail-gallery img{height:100px}.section-head h2{font-size:1.8rem}}