:root{--navy:#061525;--navy2:#0b2035;--gold:#d6a23b;--cream:#f6f1e8;--text:#f7f7f7;--muted:#b9c1c9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--text);font-family:"Tajawal",Arial,sans-serif}.wrap{width:min(1180px,92%);margin:auto}header{position:sticky;top:0;z-index:20;background:rgba(6,21,37,.96);border-bottom:1px solid rgba(214,162,59,.25)}.nav{height:82px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;margin-left:auto}.brand b{display:block;color:var(--gold);font-size:18px}.brand small{display:block;font-size:11px;color:#ddd}.mark{color:var(--gold);font-size:30px}.nav nav{display:flex;gap:26px}.nav nav a,.call{color:#fff;text-decoration:none}.nav nav a:hover{color:var(--gold)}.call{border:1px solid var(--gold);padding:11px 20px;border-radius:5px}.menu{display:none;background:none;border:0;color:#fff;font-size:26px}.hero{min-height:650px;position:relative;display:flex;align-items:center;background:url('assets/project1.png') center/cover no-repeat}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,13,22,.15),rgba(4,13,22,.93) 78%)}.heroContent{position:relative}.heroContent>*{max-width:620px}.eyebrow,.tag,.heading span{color:var(--gold);font-weight:700}.hero h1{font-size:58px;line-height:1.18;margin:10px 0}.hero h1 span{color:var(--gold)}.hero p{font-size:20px;color:#e4e6e8}.actions{display:flex;gap:12px;margin-top:30px}.gold,.ghost{display:inline-block;text-decoration:none;padding:14px 28px;border-radius:5px;font-weight:700}.gold{background:linear-gradient(135deg,#e0ae46,#bd8420);color:#fff}.ghost{border:1px solid var(--gold);color:#fff}.trust{margin-top:-38px;position:relative}.trustGrid{background:#091b2e;border:1px solid rgba(214,162,59,.4);display:grid;grid-template-columns:repeat(4,1fr);padding:24px;border-radius:8px}.trustGrid div{text-align:center;border-left:1px solid #24384a}.trustGrid div:last-child{border:0}.trustGrid b,.trustGrid span{display:block}.trustGrid span{font-size:13px;color:var(--muted);margin-top:4px}.section{padding:95px 0}.heading{text-align:center;margin-bottom:40px}.heading h2,.about h2,.contact h2{font-size:36px;margin:8px 0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards article{border:1px solid rgba(214,162,59,.55);padding:25px 18px;min-height:205px;background:#081a2c;border-radius:6px}.cards i{font-style:normal;color:var(--gold);font-size:34px}.cards h3{margin:12px 0}.cards p,.about p,.contact p{color:var(--muted);line-height:1.8}.works{background:#081a2c;padding:90px 0}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery img{width:100%;height:360px;object-fit:cover;border-radius:9px;border:1px solid rgba(214,162,59,.35)}.about{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.about img{width:100%;height:480px;object-fit:cover;border-radius:10px}.inline{margin-top:12px}.contact{padding:80px 0;background:#0a1e33;border-top:1px solid rgba(214,162,59,.35)}.contactGrid{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center}.info{border:1px solid rgba(214,162,59,.35);padding:25px;border-radius:8px}.info p{margin:0;padding:14px 0;border-bottom:1px solid #21374b}.info p:last-child{border:0}.info b,.info a,.info span{display:block}.info a{color:#fff;text-decoration:none;margin-top:5px}footer{padding:28px 0;background:#04101c;border-top:1px solid #152c40}footer .wrap{display:flex;justify-content:space-between;color:#b9c1c9}footer b{color:var(--gold)}.float{position:fixed;left:22px;bottom:22px;background:#1fbf63;color:#fff;text-decoration:none;padding:13px 18px;border-radius:30px;font-weight:700;z-index:30;box-shadow:0 8px 24px #0008}@media(max-width:850px){.nav{height:70px}.nav nav{display:none;position:absolute;top:70px;right:0;left:0;background:#061525;padding:20px;flex-direction:column}.nav nav.open{display:flex}.menu{display:block}.call{display:none}.brand b{font-size:15px}.brand small{font-size:9px}.hero{min-height:600px;background-position:center}.hero h1{font-size:39px}.hero p{font-size:17px}.trust{margin-top:0}.trustGrid{grid-template-columns:1fr 1fr;gap:18px}.trustGrid div{border:0}.cards{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.gallery img{height:280px}.about,.contactGrid{grid-template-columns:1fr}.about img{height:360px}.heading h2,.about h2,.contact h2{font-size:30px}}@media(max-width:520px){.cards{grid-template-columns:1fr}.gallery img{height:220px}.hero h1{font-size:34px}.actions{flex-direction:column}.actions a{text-align:center}footer .wrap{flex-direction:column;gap:8px;text-align:center}}
/* 2026 premium refresh */
header{backdrop-filter:blur(12px)}
.mark{width:46px;height:46px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#102a43,#061525);box-shadow:0 0 0 3px rgba(214,162,59,.08)}
.roof{font-size:26px;line-height:1}.hero{min-height:720px;background-position:center 58%}.shade{background:linear-gradient(90deg,rgba(4,13,22,.12),rgba(4,13,22,.96) 82%),linear-gradient(0deg,rgba(4,13,22,.65),transparent 45%)}
.heroContent{padding-top:25px}.hero h1{font-size:64px;letter-spacing:-1.5px}.hero .eyebrow{display:inline-block;padding:8px 14px;border:1px solid rgba(214,162,59,.55);border-radius:999px;background:rgba(6,21,37,.6);font-size:14px}.gold{box-shadow:0 10px 28px rgba(189,132,32,.22);transition:.2s}.gold:hover{transform:translateY(-2px)}.ghost{transition:.2s}.ghost:hover{background:rgba(214,162,59,.1)}
.heroBadge{position:absolute;z-index:3;left:4%;bottom:58px;color:#f2d08a;font-size:13px;letter-spacing:.2px;border-bottom:1px solid rgba(214,162,59,.6);padding-bottom:6px}.trust{z-index:4}.cards article{transition:.22s}.cards article:hover{transform:translateY(-5px);border-color:var(--gold);background:#0a2035}.gallery img{transition:.25s;filter:saturate(.92)}.gallery img:hover{transform:scale(1.015);filter:saturate(1.08)}
@media(max-width:850px){.hero{min-height:650px}.hero h1{font-size:44px}.heroBadge{display:none}.mark{width:40px;height:40px}.roof{font-size:22px}}
@media(max-width:520px){.hero{min-height:620px;background-position:44% center}.hero h1{font-size:38px}.heroContent{padding-top:0}.hero .eyebrow{font-size:12px}.brand small{display:none}.trustGrid{padding:18px 10px}}

/* Official brand logo */
.brand{display:flex;align-items:center;gap:12px}.brand .logo{width:72px;height:72px;object-fit:contain;object-position:center;border-radius:10px}.brandText{display:flex;flex-direction:column}.brandText b{color:#dca63a}.brandText small{color:#fff}@media(max-width:700px){.brand .logo{width:58px;height:58px}.brandText b{font-size:14px}.brandText small{font-size:9px}}
/* Premium content sections */
.process{padding:88px 0;background:linear-gradient(180deg,#061525,#07192b)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.steps article{position:relative;padding:28px 22px;background:linear-gradient(145deg,#0b2137,#071827);border:1px solid rgba(214,162,59,.28);border-radius:14px;overflow:hidden}.steps article:after{content:"";position:absolute;right:0;bottom:0;width:70px;height:2px;background:var(--gold)}.steps b{font-size:34px;color:rgba(214,162,59,.42)}.steps h3{margin:10px 0 7px;font-size:19px}.steps p{margin:0;color:var(--muted);line-height:1.75;font-size:14px}
.works .gallery{grid-template-columns:1.25fr .85fr .85fr 1.05fr}.gallery img:first-child{height:410px}.centerAction{text-align:center;margin-top:30px}
.ctaBand{padding:45px 0;background:linear-gradient(100deg,#0b2137,#071525);border-top:1px solid rgba(214,162,59,.35);border-bottom:1px solid rgba(214,162,59,.35)}.ctaBand .wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}.ctaBand span{color:var(--gold);font-weight:800}.ctaBand h2{font-size:34px;margin:5px 0}.ctaBand p{margin:0;color:var(--muted)}
@media(max-width:850px){.steps{grid-template-columns:1fr 1fr}.works .gallery{grid-template-columns:1fr 1fr}.gallery img:first-child{height:280px}.ctaBand .wrap{align-items:flex-start;flex-direction:column}.ctaBand h2{font-size:29px}}
@media(max-width:520px){.process{padding:65px 0}.steps{grid-template-columns:1fr}.steps article{padding:22px}.works .gallery{grid-template-columns:1fr 1fr}.gallery img,.gallery img:first-child{height:210px}.ctaBand{padding:38px 0}.ctaBand .gold{width:100%;text-align:center}}

.sectionLead{color:var(--muted);margin:8px auto 0;max-width:650px;line-height:1.8}.realWorks{grid-template-columns:repeat(4,1fr)}.realWorks img{height:300px}.socialCta{margin-top:28px;padding:22px 24px;border:1px solid rgba(214,162,59,.45);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#061525}.socialCta b,.socialCta span{display:block}.socialCta b{font-size:21px;color:#fff}.socialCta span{color:var(--muted);margin-top:5px}.tiktok{background:#fff;color:#071626;text-decoration:none;font-weight:800;padding:13px 22px;border-radius:6px;white-space:nowrap}@media(max-width:850px){.realWorks{grid-template-columns:1fr 1fr}.realWorks img{height:250px}.socialCta{flex-direction:column;text-align:center}.tiktok{width:100%;text-align:center}}@media(max-width:520px){.realWorks{grid-template-columns:1fr 1fr;gap:9px}.realWorks img{height:190px}.socialCta{padding:18px}}