@font-face{
  font-family:'Estedad';
  src:url('fonts/Estedad.woff2') format('woff2');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
:root{
  --black:#08090A;
  --charcoal:#17191C;
  --charcoal-2:#222429;
  --gold:#C7A25A;
  --gold-soft:#E1C58A;
  --red:#7A0F18;
  --red-deep:#4E090E;
  --text:#F7F3EA;
  --muted:#CCC3B3;
  --line:rgba(199,162,90,.2);
  --container:min(1360px,calc(100% - 40px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--text);font-family:'Estedad',sans-serif;direction:rtl}
a{color:inherit;text-decoration:none}
.container{width:var(--container);margin-inline:auto}
.site-header{position:fixed;top:0;left:0;right:0;z-index:20;background:rgba(8,9,10,.84);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.header-inner{min-height:86px;display:grid;grid-template-columns:minmax(240px,auto) 1fr auto;align-items:center;gap:26px}
.brand{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;white-space:nowrap}
.brand-title{font-size:25px;font-weight:850;color:#fff}
.brand-title b{color:var(--gold-soft)}
.brand-sub{margin-top:6px;font-size:13px;font-weight:500;color:var(--muted)}
.main-nav{display:flex;justify-content:center;align-items:center;gap:4px;white-space:nowrap}
.main-nav a{position:relative;padding:12px 15px;font-size:14px;font-weight:550;color:#eee5d5;border-radius:12px;transition:.2s ease}
.main-nav a:hover{background:rgba(255,255,255,.045);color:#fff}
.main-nav a.active::after{content:'';position:absolute;right:15px;left:15px;bottom:3px;height:2px;border-radius:3px;background:linear-gradient(90deg,var(--red),var(--gold))}
.header-cta{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:12px;background:linear-gradient(180deg,#A71724,var(--red));border:1px solid rgba(255,255,255,.08);font-size:14px;font-weight:750;color:#fff;box-shadow:0 12px 28px rgba(122,15,24,.26);transition:.2s ease;white-space:nowrap}
.header-cta:hover{transform:translateY(-1px);background:linear-gradient(180deg,#B91D2B,#89111A)}
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:86px}
.hero-bg{position:absolute;inset:0;background:url('img/hero.jpg') center / cover no-repeat;transform:scale(1.002)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,9,.93) 0%,rgba(7,8,9,.77) 27%,rgba(7,8,9,.34) 52%,rgba(7,8,9,.06) 76%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.22))}
.hero-content{position:relative;z-index:2;max-width:650px;padding:72px 0}
.hero-kicker{display:inline-flex;align-items:center;gap:12px;color:var(--gold-soft);font-size:14px;font-weight:700;margin-bottom:18px}
.hero-kicker::before{content:'';width:42px;height:2px;background:linear-gradient(90deg,var(--red),var(--gold))}
.hero h1{margin:0;color:#fff;font-size:clamp(44px,5vw,76px);font-weight:900;line-height:1.12;letter-spacing:-1.2px}
.hero h1 span{display:block;color:var(--gold-soft)}
.hero-subtitle{margin:18px 0 0;font-size:clamp(20px,2vw,27px);font-weight:650;color:#efe5d2}
.hero-desc{max-width:590px;margin:20px 0 0;font-size:17px;font-weight:400;line-height:2.05;color:var(--muted)}
.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:30px}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-width:176px;padding:15px 24px;border-radius:13px;background:linear-gradient(180deg,#A91724,var(--red));color:#fff;font-weight:800;border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 34px rgba(122,15,24,.28)}
.phone-pill{display:inline-flex;align-items:center;justify-content:center;padding:15px 21px;border-radius:13px;background:rgba(8,9,10,.58);border:1px solid var(--line);color:#fff;font-weight:700;backdrop-filter:blur(10px)}
.hero-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.meta-item{min-width:165px;padding:15px 17px;border-radius:14px;background:rgba(13,14,16,.52);border:1px solid rgba(199,162,90,.15);backdrop-filter:blur(9px)}
.meta-item strong{display:block;color:#fff;font-size:14px;margin-bottom:4px}.meta-item span{display:block;color:#bfb5a5;font-size:12px}
.hero-edge{position:absolute;right:0;left:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--red),var(--gold),var(--red),transparent);opacity:.6}
@media (max-width:1100px){
  .header-inner{grid-template-columns:auto auto;gap:12px;padding:12px 0}.main-nav{grid-column:1/-1;order:3;justify-content:center;overflow-x:auto;padding-bottom:6px}.site-header{position:absolute}.hero{padding-top:140px}.brand-title{font-size:22px}
}
@media (max-width:720px){
  :root{--container:min(100% - 26px,1360px)}
  .header-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.brand{align-items:flex-start}.brand-title{font-size:19px}.brand-sub{font-size:11px}.header-cta{padding:11px 14px;font-size:12px}.main-nav{width:100%;justify-content:flex-start;direction:rtl;overflow-x:auto}.main-nav a{font-size:12px;padding:9px 10px}
  .hero{min-height:100svh;padding-top:142px;align-items:flex-end}.hero-bg{background-position:38% center}.hero-overlay{background:linear-gradient(180deg,rgba(7,8,9,.16) 0%,rgba(7,8,9,.4) 30%,rgba(7,8,9,.93) 70%,rgba(7,8,9,.98) 100%)}.hero-content{padding:40px 0 58px}.hero h1{font-size:38px}.hero-subtitle{font-size:18px}.hero-desc{font-size:14px;line-height:1.95}.hero-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}.meta-item{min-width:0}.btn-primary,.phone-pill{width:100%}
}
