*{box-sizing:border-box;margin:0;padding:0}
:root{--blue:#087fd1;--blue2:#0bb8ed;--navy:#061728;--ink:#0c1b2a;--muted:#637286;--white:#fff;--soft:#f4f8fc;--line:#dce7f0}
html{scroll-behavior:smooth}
body{font-family:"Cairo",system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.8}
a{text-decoration:none;color:inherit}
.nav{position:fixed;z-index:20;top:0;left:0;right:0;height:78px;display:flex;align-items:center;justify-content:space-between;padding:10px 5.5%;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(210,225,237,.65)}
.brand img{width:112px;height:55px;object-fit:cover;border-radius:9px;mix-blend-mode:multiply}
.links{display:flex;gap:28px;font-size:14px;font-weight:700;color:#30465b}
.links a{transition:.25s}.links a:hover{color:var(--blue)}
.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:12px;padding:12px 20px;font-weight:800}
.nav-cta{background:var(--navy);color:#fff;font-size:13px}
.menu{display:none;border:0;background:none;font-size:26px}
.hero{min-height:780px;padding:150px 7% 90px;display:flex;align-items:center;justify-content:space-between;gap:70px;position:relative;overflow:hidden;background:radial-gradient(circle at 85% 35%,rgba(17,177,235,.22),transparent 35%),linear-gradient(135deg,#06182b,#0a2f50 55%,#073f69)}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.035) 30.2%,transparent 30.5%),linear-gradient(20deg,transparent 70%,rgba(255,255,255,.04) 70.2%,transparent 70.5%);pointer-events:none}
.hero-content{position:relative;z-index:2;max-width:720px;color:#fff}
.eyebrow{font-size:12px;letter-spacing:2px;font-weight:900;color:#7fdcff}
.hero h1{font-size:clamp(48px,6vw,88px);line-height:1.05;margin:18px 0 25px;font-weight:900;letter-spacing:-2px}
.hero h1 span{color:#62d6ff}
.hero p{font-size:18px;color:#d8e8f5;max-width:640px}
.hero-actions{display:flex;gap:13px;margin-top:32px}
.btn.primary{background:linear-gradient(135deg,#0aa8ea,#0875cb);color:#fff;box-shadow:0 12px 35px rgba(0,154,224,.25)}
.btn.ghost{border:1px solid rgba(255,255,255,.3);color:#fff;background:rgba(255,255,255,.06)}
.btn.small{margin-top:22px;font-size:13px}
.mini-stats{display:flex;gap:38px;margin-top:48px;padding-top:22px;border-top:1px solid rgba(255,255,255,.18)}
.mini-stats div{display:flex;flex-direction:column}.mini-stats strong{font-size:17px}.mini-stats span{font-size:11px;color:#a9bfd0}
.hero-logo-card{position:relative;width:min(37vw,480px);aspect-ratio:1/1;border:1px solid rgba(255,255,255,.18);border-radius:36px;display:grid;place-items:center;background:rgba(255,255,255,.07);box-shadow:0 35px 100px rgba(0,0,0,.3);overflow:hidden}
.hero-logo-card:after{content:"";position:absolute;width:70%;height:70%;border-radius:50%;background:rgba(0,190,255,.12);filter:blur(30px)}
.hero-logo-card img{position:relative;z-index:2;width:78%;height:auto;border-radius:18px;box-shadow:0 20px 45px rgba(0,0,0,.25)}
.section{padding:110px 7%}
.section-heading{max-width:800px;margin-bottom:55px}.section-heading span{font-size:12px;color:var(--blue);font-weight:900;letter-spacing:1.5px}.section-heading h2{font-size:clamp(34px,4vw,55px);line-height:1.15;margin-top:10px}.section-heading h2 em,.why h2 em,.contact h2 em{font-style:normal;color:var(--blue)}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}.section-heading.center p{color:var(--muted);margin-top:8px}
.about{background:var(--soft)}.about-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:70px;align-items:center}.about-copy{max-width:720px}.about-copy p{color:#536577;margin-bottom:18px}.about-copy .lead{font-size:20px;color:#24394d}.text-link{color:var(--blue);font-weight:900;display:inline-flex;gap:10px;margin-top:14px}
.about-card{background:linear-gradient(145deg,#08243d,#0c7db8);min-height:360px;border-radius:30px;padding:45px;color:#fff;position:relative;overflow:hidden;box-shadow:0 30px 70px rgba(9,65,103,.22)}.about-card:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-80px;top:-70px;background:rgba(91,215,255,.15)}.card-number{font-size:70px;font-weight:900;line-height:1;color:#6bdcff}.about-card h3{font-size:42px;line-height:1.05;margin-top:65px}.about-card p{margin-top:12px;color:#bfe9f9}.about-card .line{height:1px;background:rgba(255,255,255,.25);margin:35px 0 15px}.about-card small{color:#b5cad9}
.services{background:#fff}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{min-height:290px;border:1px solid var(--line);border-radius:22px;padding:30px;position:relative;transition:.3s;background:#fff}.service-card:hover{transform:translateY(-8px);box-shadow:0 25px 55px rgba(22,70,102,.1);border-color:#b9d7e8}.service-card.featured{background:linear-gradient(160deg,#0789d9,#073b68);color:#fff;border:0}.service-card.featured p{color:#d9eef9}.icon{font-weight:900;color:var(--blue);font-size:13px}.featured .icon{color:#8ce2ff}.service-card h3{font-size:25px;margin:38px 0 12px}.service-card p{color:var(--muted);font-size:14px}.card-arrow{position:absolute;bottom:25px;left:28px;font-size:23px;color:var(--blue)}.featured .card-arrow{color:#fff}
.why{padding-top:40px}.why-panel{background:linear-gradient(125deg,#06192b,#0a5682);border-radius:34px;padding:70px 7%;color:#fff;display:grid;grid-template-columns:1fr 1.2fr;gap:90px;overflow:hidden;position:relative}.why-panel:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.1);border-radius:50%;left:-160px;bottom:-240px}.why h2{font-size:clamp(38px,4vw,58px);line-height:1.1;margin-top:18px}.why-list{display:flex;flex-direction:column;gap:26px}.why-list div{display:flex;gap:18px;align-items:flex-start;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.15)}.why-list b{color:#69dcff;font-size:14px}.why-list span{font-size:14px;color:#cfe1ed}.why-list strong{color:#fff}
.location{background:var(--soft)}.location-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:28px;align-items:stretch}.location-info{background:#fff;border-radius:26px;padding:45px;border:1px solid var(--line)}.location-badge{font-size:38px}.location-info h3{font-size:27px;margin:20px 0 10px}.location-info p{color:var(--muted);font-size:15px}.map-wrap{min-height:410px;border-radius:26px;overflow:hidden;border:1px solid var(--line);box-shadow:0 20px 50px rgba(14,54,82,.08)}iframe{width:100%;height:100%;min-height:410px;border:0}
.contact{padding-top:80px;padding-bottom:80px}.contact-box{border-radius:32px;background:#f1f7fb;border:1px solid #d9e9f3;padding:60px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact h2{font-size:50px;line-height:1.1;margin:16px 0}.contact p{color:var(--muted)}.contact-actions{display:flex;flex-direction:column;gap:12px;justify-content:center}.contact-item{display:flex;align-items:center;gap:18px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:16px}.contact-item>span{width:42px;height:42px;display:grid;place-items:center;background:#e7f6fd;color:var(--blue);border-radius:12px;font-size:20px}.contact-item small{display:block;color:#7b8c9d;font-size:11px}.contact-item strong{font-size:15px}.whatsapp{background:#0a6e8f;color:#fff;text-align:center;border-radius:14px;padding:15px;font-weight:900}
footer{background:#061522;color:#9eb2c1;padding:30px 7%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.footer-brand{display:flex;align-items:center;gap:13px;color:#fff;font-weight:800}.footer-brand img{width:70px;height:35px;object-fit:cover;border-radius:6px}

@media(max-width:1000px){.links{display:none}.menu{display:block}.nav-cta{margin-right:auto;margin-left:14px}.hero{padding-top:125px;flex-direction:column;text-align:center}.hero-content{max-width:850px}.hero p{margin:auto}.hero-actions,.mini-stats{justify-content:center}.hero-logo-card{width:min(75vw,430px)}.service-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.why-panel,.location-grid,.contact-box{grid-template-columns:1fr}}
@media(max-width:600px){.nav{height:68px;padding:8px 5%}.brand img{width:94px;height:47px}.nav-cta{padding:9px 13px;font-size:11px}.hero{min-height:auto;padding:120px 6% 70px}.hero h1{font-size:48px}.hero p{font-size:15px}.hero-actions{flex-direction:column}.mini-stats{gap:15px;flex-wrap:wrap}.mini-stats div{min-width:85px}.hero-logo-card{width:85vw}.section{padding:75px 6%}.section-heading{margin-bottom:35px}.service-grid{grid-template-columns:1fr}.service-card{min-height:250px}.about-card{min-height:320px}.why-panel,.contact-box{padding:38px 25px;border-radius:25px}.why-panel{gap:45px}.location-info{padding:32px}.contact h2{font-size:40px}.contact-box{gap:35px}footer{flex-direction:column;text-align:center}}

/* Added: founder section */
.founder-section{padding:95px 7%;display:grid;grid-template-columns:minmax(320px,.85fr) 1.15fr;gap:70px;align-items:center;background:#fff}
.founder-image-wrap{border-radius:30px;overflow:hidden;box-shadow:0 25px 65px rgba(10,45,70,.16);background:#e9f1f6}
.founder-image-wrap img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;object-position:center}
.founder-copy{max-width:720px}
.eyebrow.dark{color:var(--blue)}
.founder-copy h2{font-size:clamp(48px,5vw,72px);line-height:1.05;margin:14px 0 22px}
.founder-copy h2 em{font-style:normal;color:var(--blue)}
.founder-copy p{color:#536577;margin-bottom:17px;font-size:16px}
.founder-copy .founder-lead{font-size:21px;color:#24394d;font-weight:600}
.founder-copy strong{color:#173d59}

/* Added: clickable steel service */
.steel-service{cursor:pointer}
.steel-service:focus-visible{outline:3px solid #62d6ff;outline-offset:4px}

/* Added: steel gallery */
.gallery-modal,.image-viewer{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:30px}
.gallery-modal.open,.image-viewer.open{display:flex}
.gallery-backdrop,.viewer-backdrop{position:absolute;inset:0;background:rgba(3,14,25,.82);backdrop-filter:blur(7px)}
.gallery-dialog{position:relative;z-index:2;width:min(1120px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:28px;padding:42px;box-shadow:0 30px 100px rgba(0,0,0,.35)}
.gallery-close,.viewer-close{position:absolute;top:15px;left:18px;width:42px;height:42px;border:0;border-radius:50%;background:#edf5fa;color:#17364e;font-size:30px;line-height:1;cursor:pointer;z-index:5}
.gallery-head{text-align:center;margin:0 auto 30px;max-width:700px}
.gallery-head h2{font-size:clamp(30px,4vw,48px);margin:10px 0 5px}
.gallery-head p{color:var(--muted);font-size:14px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gallery-item{border:0;padding:0;background:#eef4f7;border-radius:17px;overflow:hidden;cursor:pointer;aspect-ratio:4/3}
.gallery-item img{display:block;width:100%;height:100%;object-fit:cover;transition:.3s}
.gallery-item:hover img{transform:scale(1.045)}
.image-viewer{z-index:110}
.viewer-content{position:relative;z-index:2;max-width:92vw;max-height:90vh}
.viewer-content img{display:block;max-width:92vw;max-height:88vh;width:auto;height:auto;border-radius:18px;box-shadow:0 25px 90px rgba(0,0,0,.5)}
.viewer-close{top:-52px;left:auto;right:0;background:#fff}

/* Added: Facebook */
.facebook{background:#1877f2;color:#fff;text-align:center;border-radius:14px;padding:15px;font-weight:900}
@media(max-width:900px){
  .founder-section{grid-template-columns:1fr;gap:38px}
  .founder-image-wrap img{height:auto;aspect-ratio:4/3}
  .gallery-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .founder-section{padding:70px 6%}
  .founder-image-wrap{border-radius:24px}
  .founder-image-wrap img{height:auto;aspect-ratio:4/3}
  .founder-copy .founder-lead{font-size:18px}
  .gallery-modal,.image-viewer{padding:14px}
  .gallery-dialog{padding:38px 16px 20px;border-radius:22px;max-height:92vh}
  .gallery-grid{grid-template-columns:1fr 1fr;gap:9px}
  .gallery-item{border-radius:12px}
}


/* Securit gallery additions */
.securit-service{cursor:pointer}
.securit-service:focus-visible{outline:3px solid #8ce2ff;outline-offset:4px}
.gallery-video{position:relative}
.gallery-video video{display:block;width:100%;height:100%;object-fit:cover}
.video-badge{position:absolute;right:10px;bottom:10px;background:rgba(6,23,40,.82);color:#fff;border-radius:10px;padding:5px 9px;font-size:11px;font-weight:800}
.video-viewer-content video{display:block;max-width:92vw;max-height:88vh;width:auto;height:auto;border-radius:18px;box-shadow:0 25px 90px rgba(0,0,0,.5);background:#000}

/* Service categories and language switch */
.service-grid{grid-template-columns:repeat(3,1fr)}
.gallery-service{cursor:pointer}
.gallery-service:focus-visible{outline:3px solid #62d6ff;outline-offset:4px}
.lang-toggle{border:1px solid #b9d7e8;background:#fff;color:#173d59;border-radius:12px;padding:10px 14px;font-weight:800;cursor:pointer;transition:.25s}
.lang-toggle:hover{background:#eef7fb}
@media(max-width:1000px){.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.service-grid{grid-template-columns:1fr}.lang-toggle{padding:8px 10px;font-size:11px}}