:root{
  /* ألوان الهوية من الشعار */
  --brand-blue:#2E3192;   /* أزرق الشعار */
  --brand-orange:#F7931E; /* برتقالي الشعار */

  --text:#222;
  --muted:#666;
  --bg:#f7f8fb;
  --card:#fff;
  --line:#e9ecf2;
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  font-family: "Tajawal", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.8;
  scroll-behavior: smooth;
}

img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}

/* حاوية عامة */
.container{max-width:1100px;margin:0 auto;padding:0 1rem}

/* الشريط العلوي المطابق للبانر */
.top-accent__orange{height:42px;background:var(--brand-orange)}
.top-accent__blue{height:10px;background:var(--brand-blue)}

/* الهيدر */
.site-header{
  position:sticky;top:0;z-index:50;
  backdrop-filter:saturate(1.1) blur(8px);
  background:rgba(255,255,255,.92);
  border-bottom:1px solid var(--line);
}
.header-wrap{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 0;
}
.brand{display:flex;align-items:center;gap:.75rem}
.brand__logo{height:56px;width:auto;object-fit:contain}
.brand__text{display:flex;flex-direction:column;gap:.15rem}
.brand__name{color:var(--brand-blue);font-weight:850;font-size:2rem}
.brand__tag{color:#F7931E;font-size:.90rem}
.brand__text{
  display:flex;
  flex-direction:column;
  gap:0;             /* بدون فراغ بين السطرين */
}

.brand__name,
.brand__tag{
  line-height: 1.1;  /* تقليل ارتفاع السطر */
}

.brand__tag{
  font-size: 0.8rem; /* اختياري: تخلي السطر الثاني أخف شوي */
}
/* النافبار */
.nav ul{list-style:none;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.nav a{
  padding:.4rem .9rem;border-radius:999px;border:1px solid transparent;
  transition:.2s ease; color:#1e1e1e; font-size:.92rem;
}
.nav a:hover{border-color:var(--brand-blue);color:var(--brand-blue);background:rgba(46,49,146,.06)}

@media (max-width:820px){
  .header-wrap{flex-direction:column;align-items:flex-start}
}

/* الأقسام */
.section{padding:3.2rem 0}
.section--tint{background:linear-gradient(180deg, #fff 0%, #f5f6fb 100%)}

.section__head{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem}
.section__head h2{
  font-size:1.35rem;font-weight:900;color:var(--brand-blue);letter-spacing:.2px;
  border-right:6px solid var(--brand-orange);padding-right:.6rem;
}
.kicker{font-size:.82rem;color:var(--muted)}

.grid-two{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,2fr);gap:1.2rem}
@media (max-width:900px){.grid-two{grid-template-columns:1fr}}

.text p{margin:.5rem 0 .7rem}

.check{list-style:none;margin:.2rem 0 .6rem 0}
.check li{
  position:relative;padding-right:1.3rem;margin:.25rem 0;
}
.check li::before{
  content:"";position:absolute;right:0;top:.5rem;transform:translateY(-50%);
  width:9px;height:9px;border-radius:50%;
  background: radial-gradient(circle at 30% 30%, #fff, var(--brand-orange));
  box-shadow:0 0 0 2px rgba(247,147,30,.25);
}

/* بطاقات */
.card, .hero__card, .feature{
  background:var(--card);border:1px solid var(--line);
  border-radius:14px;padding:1.1rem 1rem;box-shadow:0 10px 28px rgba(0,0,0,.05);
}
.card h3{color:var(--brand-blue);font-size:1rem;margin-bottom:.4rem}
.hero__card{
  padding: 0;          /* نشيل الحواف الداخلية عشان الصورة تملأ الكرت */
  overflow: hidden;    /* لو الصورة أكبر ما تطلع برا الزوايا */
}

.hero__card img{
  width: 100%;
  height: 100%;
  object-fit: cover;   /* تخلي الصورة مغطّية الكرت بشكل أنيق */
  display: block;
}

/* HERO */
.hero{padding:2.6rem 0 3.2rem;background:#fff}
.hero__grid{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(0,1.6fr);gap:1.2rem;align-items:center}
@media (max-width:900px){.hero__grid{grid-template-columns:1fr}}
.hero__title{font-size:2rem;font-weight:900;color:var(--brand-blue);margin-bottom:.35rem}
.hero__subtitle{font-size:1.05rem;color:#333;margin-bottom:.7rem}
.hero__lead{font-size:.98rem;color:#2b2b2b;margin-bottom:1.1rem}
.hero__cta{display:flex;gap:.7rem;flex-wrap:wrap}
.btn{display:inline-block;padding:.6rem 1.3rem;border-radius:999px;font-weight:700;font-size:.92rem;transition:.2s ease}
.btn--primary{background:linear-gradient(135deg,var(--brand-blue),#4134c7);color:#fff;box-shadow:0 10px 24px rgba(46,49,146,.28)}
.btn--primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(46,49,146,.36)}
.btn--ghost{border:1px solid var(--brand-orange);color:var(--brand-orange);background:#fff}
.btn--ghost:hover{background:rgba(247,147,30,.08)}

/* بطاقات الخدمات */
.grid-cards{
  display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:1rem;margin-top:.4rem
}
@media (max-width:1100px){.grid-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.grid-cards{grid-template-columns:1fr}}
.feature h3{color:var(--brand-blue);font-size:1rem;margin-bottom:.35rem}
.feature p{color:#333}

/* لماذا هافانا */
.list-why{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}
.list-why li{
  background:#fff;border:1px solid var(--line);border-radius:12px;padding:.75rem .9rem
}
@media (max-width:700px){.list-why{grid-template-columns:1fr}}

/* تواصل معنا */
.contact__list{list-style:none;display:grid;gap:.5rem}
.contact__list .label{color:var(--muted);margin-left:.35rem}
.contact__list a{color:#111;border-bottom:1px dashed transparent}
.contact__list a:hover{color:var(--brand-blue);border-color:var(--brand-blue)}
.hint{border:1px dashed var(--line);border-radius:12px;padding:1rem;background:#fff}

/* الفوتر */
.footer{padding:1.6rem 0;text-align:center;color:#4b4b4b;font-size:.85rem;border-top:1px solid var(--line);background:#fff}