*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
:root{--n:#0b1a33;--n2:#10244a;--g:#d8b27a;--c:#f7f1e8}
body{font-family:Cairo,Tahoma,sans-serif;background:var(--n);color:#fff;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}hr{width:60px;border:0;border-top:2px solid var(--g);margin:12px auto}
.btn{display:inline-block;padding:10px 22px;border-radius:30px;background:var(--g);color:var(--n);font-weight:700;border:0;cursor:pointer;font:inherit;font-weight:700}.btn.ghost{background:transparent;color:#fff;border:1px solid var(--g)}.btn.gold{background:linear-gradient(#e6c391,#c9a06a)}
.top{position:absolute;top:0;inset-inline:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 5%}
.top nav{display:flex;gap:22px;font-size:14px}.top nav .on{color:var(--g);border-bottom:2px solid var(--g)}.logo{height:60px}#mb{display:none;background:0;border:0;color:#fff;font-size:28px}
.wrap{max-width:1150px;margin:auto;padding:0 5%}.side{color:var(--g);font-size:22px;font-weight:600;line-height:1.5}.side hr{margin:10px 0 0}
.hero{background:radial-gradient(circle at 70% 30%,#16315f,var(--n) 70%);padding-top:100px;overflow:hidden}.hero-in{max-width:1150px;margin:auto;padding:30px 5% 0;display:grid;grid-template-columns:1.1fr 1fr;gap:20px;position:relative;direction:ltr}.hero-in>*{direction:rtl}
.ht{text-align:center;align-self:center;padding-bottom:40px}.badge{color:var(--g);display:flex;align-items:center;justify-content:center;gap:12px}.badge i{width:30px;border-top:1px solid var(--g)}
.hero h1{font-size:clamp(38px,6vw,60px);color:var(--g);line-height:1.3}.hero h2{font-size:clamp(18px,2.6vw,24px);font-weight:600}.hero h3{color:var(--g);font-size:22px}.cta{display:flex;gap:14px;justify-content:center;margin-top:24px;flex-wrap:wrap}
.hp img{width:100%;mask-image:linear-gradient(90deg,transparent,#000 25%)}.hp{align-self:end}.hero .side{position:absolute;top:0;inset-inline-start:auto;right:5%;text-align:right;max-width:150px}
.feats{max-width:900px;margin:auto;padding:24px 5%;display:flex;justify-content:center;gap:40px}.feats div{text-align:center;display:flex;flex-direction:column;align-items:center;font-size:13px}.feats img{height:34px;margin-bottom:6px}.feats b{color:var(--g);font-size:15px}
.cream{background:var(--c);color:var(--n);text-align:center}.cream hr{margin:10px auto}.about{border-radius:50% 50% 0 0/36px 36px 0 0;padding:50px 0}.about .wrap{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.at{text-align:right}.at hr{margin-inline:0}.at p{margin:16px 0 24px;font-size:15px}.cream h2{font-size:28px}.ai{position:relative;border-radius:200px 0 0 0;overflow:hidden}.ai span{position:absolute;right:20px;bottom:40px;font-size:24px;font-weight:700;color:var(--n);max-width:110px;text-align:right}
.work{padding:40px 5% 50px}.grid{max-width:1150px;margin:28px auto 0;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.card{padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;border-inline-start:1px solid #e4d9c6;font-size:12px;color:#8a8070}.card:last-child{border:0}.card img{height:42px}.card b{color:var(--n);font-size:15px}
.stats{background:var(--n2);padding:30px 0}.stats .wrap{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:16px;align-items:center;direction:ltr}.stats .wrap>*{direction:rtl}.st{text-align:center;display:flex;flex-direction:column;align-items:center}.st img{height:30px}.st b{font-size:28px}.st span{font-size:12px}.stats .side{order:5;text-align:right}
.quote{padding:0}.quote .wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;align-items:center;padding:0}.qt{padding:30px 5%;text-align:right}.qt p{font-size:22px;font-weight:700}.q{color:var(--g);font-size:70px;line-height:.5;display:block}.sig{font-size:30px;font-style:italic;color:#3a4a6a;margin-top:12px}.qi{position:relative}.qi .side{position:absolute;top:20px;right:20px;max-width:140px;text-shadow:0 0 8px #000}
.contact{padding:40px 0;background:var(--n)}.contact .wrap{display:grid;grid-template-columns:1fr 1.2fr .7fr;gap:30px;align-items:center}.ci h2{font-size:28px}.ci p{color:#aab;margin:8px 0 20px;font-size:14px}.ci>a{display:block;margin:10px 0;font-size:14px}.soc{display:flex;gap:10px;margin-top:16px}.soc a{width:34px;height:34px;border-radius:50%;background:var(--g);color:var(--n);display:grid;place-items:center;font-weight:700}
.fm{background:var(--c);color:var(--n);padding:24px;border-radius:12px;display:grid;gap:10px;text-align:center}.fm input,.fm select,.fm textarea{width:100%;padding:11px;border:1px solid #e6dccb;border-radius:8px;font:inherit;background:#fff}.fm button{width:100%}.ok{background:#dff3e0;padding:8px;border-radius:8px}
.fs{font-size:20px}.map iframe{width:100%;height:340px;border:0;display:block}
footer{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:16px 5%;background:#08132a;font-size:12px}footer img{height:44px}footer nav{display:flex;gap:16px;margin-inline:auto}.up{width:34px;height:34px;border:1px solid var(--g);border-radius:50%;display:grid;place-items:center}
@media(max-width:900px){.top nav{display:none;position:absolute;top:80px;inset-inline:5%;background:var(--n2);flex-direction:column;padding:16px;border-radius:12px}.top nav.open{display:flex}#mb{display:block}.top{padding:12px 4%}.btn{padding:8px 16px;font-size:13px}.logo{height:46px}
.hero-in,.about .wrap,.quote .wrap,.contact .wrap{grid-template-columns:1fr}.hero-in{padding-top:10px}.hero .side{position:static;max-width:none;text-align:center;order:-1;font-size:18px}.hp{order:2}.hero .side hr{margin:10px auto}
.grid{grid-template-columns:repeat(2,1fr)}.card{border:0;border-bottom:1px solid #e4d9c6;padding:14px 6px}.stats .wrap{grid-template-columns:repeat(2,1fr)}.stats .side{grid-column:1/-1;order:-1;text-align:center}.stats .side hr{margin:10px auto}
.feats{gap:16px}.ai{border-radius:100px 0 0 0}.fs{text-align:center}.contact .fs{order:-1}footer{justify-content:center;text-align:center}footer nav{margin:0}}
@media(max-width:420px){.feats{gap:10px}.feats div{font-size:11px}.qt p{font-size:18px}.top .btn{font-size:12px;padding:7px 12px}}