*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Cairo",system-ui,sans-serif;background:#f8fafc;color:#1e293b}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
.container{width:min(1140px,calc(100% - 32px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0}
.brand{display:flex;align-items:center;gap:14px;min-width:0}.logo{height:62px;width:auto}
.brand h1{margin:0;font-size:1.1rem;line-height:1.6}.brand p{margin:0;color:#64748b;font-size:.9rem}
.desktop-nav{display:flex;gap:22px;font-weight:700;font-size:.96rem}
.desktop-nav a:hover,.footer-links a:hover{color:#0891b2}
.menu-btn{display:none;border:1px solid #cbd5e1;background:#fff;border-radius:16px;padding:10px 14px;font-size:1.1rem;cursor:pointer}
.mobile-menu{display:flex;flex-direction:column;gap:14px;padding:0 0 16px;font-weight:700}.hidden{display:none}
.hero{position:relative;overflow:hidden;padding:56px 0}
.hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#082f49,#0f172a,#1e293b)}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.24}
.hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,.28)}
.hero-grid,.two-col{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
.hero-copy{position:relative;color:#fff}
.badge{display:inline-block;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);font-size:.92rem;font-weight:700}
.hero h2{font-size:3rem;line-height:1.3;margin:18px 0 14px}.hero h2 span{color:#67e8f9}
.hero p{font-size:1.05rem;line-height:2;color:#e2e8f0}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:18px;font-weight:800}
.btn.primary{background:#0891b2;color:#fff}.btn.primary:hover{background:#0e7490}
.btn.secondary{border:1px solid rgba(255,255,255,.4);color:#fff;background:transparent}.btn.secondary:hover{background:rgba(255,255,255,.08)}
.hero-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;position:relative}
.card{padding:24px;border-radius:28px;box-shadow:0 14px 34px rgba(0,0,0,.12)}
.card.soft{background:rgba(255,255,255,.95)}.card.featured{background:#0891b2;color:#fff;margin-top:36px}
.card.featured p{color:#ecfeff}.icon{font-size:2rem;margin-bottom:12px}.card h3{margin:0 0 10px}.card p{margin:0;color:#475569;font-size:.95rem;line-height:1.9}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.stat{background:#fff;padding:22px;border-radius:24px;text-align:center;box-shadow:0 12px 30px rgba(15,23,42,.06)}
.stat strong{display:block;color:#0891b2;font-size:2rem}.stat span{color:#64748b}
.section{padding:76px 0}.white{background:#fff}
.kicker{margin:0 0 10px;color:#0891b2;font-weight:800}.kicker.light{color:#67e8f9}.center{text-align:center}
.panel{background:#fff;border-radius:30px;padding:30px;box-shadow:0 14px 34px rgba(15,23,42,.07)}
.panel p{line-height:2;color:#475569}
.about-image-wrap{overflow:hidden;border-radius:30px;box-shadow:0 14px 34px rgba(15,23,42,.07)} .about-image-wrap img{width:100%;height:100%;object-fit:cover}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.mini-card{border-radius:24px;padding:20px}.mini-card.cyan{background:#ecfeff}.mini-card.dark{background:#0f172a;color:#fff}
.mini-card h4{margin:0 0 10px}.mini-card p{margin:0;line-height:1.9}.mini-card.dark p{color:#cbd5e1}
.grid{display:grid;gap:18px}.grid.three{grid-template-columns:repeat(3,1fr);margin-top:30px}
.service-card,.project-card,.sector{background:#fff;border-radius:28px;box-shadow:0 12px 30px rgba(15,23,42,.06)}
.service-card{padding:24px}.service-icon{font-size:1.9rem;margin-bottom:12px}.service-card h4{margin:0 0 10px}.service-card p{margin:0;line-height:1.9;color:#475569}
.sector{padding:22px;text-align:center;font-weight:700}
.project-card{overflow:hidden}.project-card img{width:100%;height:260px;object-fit:cover}.project-copy{padding:22px}.project-copy h4{margin:0 0 10px}.project-copy p{margin:0;line-height:1.9;color:#475569}
.values{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;padding:76px 0}.values-copy{color:#cbd5e1;line-height:2}
.value-list{display:grid;gap:14px}.value-item{background:rgba(255,255,255,.08);padding:16px 18px;border-radius:20px;line-height:1.9}
.tint{background:#ecfeff;box-shadow:none}
.contact-list,.info-list{display:grid;gap:12px;margin-top:22px}
.contact-item,.info-list div{background:#f8fafc;padding:14px 16px;border-radius:18px;line-height:1.8}
.site-footer{background:#fff;border-top:1px solid #e2e8f0}
.footer-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;color:#64748b}
.footer-links{display:flex;gap:18px}
@media (max-width: 980px){
  .hero-grid,.two-col,.grid.three,.stats{grid-template-columns:1fr 1fr}
}
@media (max-width: 768px){
  .desktop-nav{display:none}.menu-btn{display:block}
  .hero h2{font-size:2.2rem}
  .hero-grid,.two-col,.hero-cards,.grid.three,.stats,.mini-grid,.footer-wrap{grid-template-columns:1fr;display:grid}
  .footer-wrap{text-align:center;justify-content:center}
  .brand h1{font-size:.96rem}
}