:root {
  --bg: #f4f4f6;
  --surface: #ffffff;
  --surface-soft: #fafafa;
  --gold: #b38b47;
  --gold-dark: #8c6a31;
  --wood: #7a4b26;
  --text: #242426;
  --muted: #6b6b70;
  --border: rgba(179, 139, 71, .25);
  --shadow: 0 18px 45px rgba(31, 28, 24, .10);
  --radius: 22px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Tajawal',Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.8;overflow-x:hidden;padding-bottom:90px}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);box-shadow:0 8px 25px rgba(0,0,0,.05);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 5%}
.brand{display:flex;flex-direction:column;line-height:1.15;font-size:27px;font-weight:900;color:var(--wood);letter-spacing:-.3px}.brand span{font-size:12px;color:var(--gold);font-weight:700;margin-top:3px}
.nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.nav a{font-size:14px;font-weight:800;color:#333;padding:8px 10px;border-radius:999px;transition:.25s}.nav a:hover{background:rgba(179,139,71,.12);color:var(--wood);transform:translateY(-1px)}
.nav .btn{color:#fff;padding:9px 15px}.nav-toggle{display:none;border:0;background:var(--wood);color:#fff;width:44px;height:44px;border-radius:14px;font-size:22px;cursor:pointer}
.btn,.floating a,button[type='submit']{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#fff;font-weight:900;padding:13px 24px;box-shadow:0 12px 25px rgba(140,106,49,.25);cursor:pointer;transition:.25s}.btn:hover,.floating a:hover,button[type='submit']:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(140,106,49,.32)}.btn.secondary{background:#fff;color:var(--wood);border:1px solid var(--border);box-shadow:none}.btn.small{padding:8px 15px;font-size:14px}
.hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:42px;padding:86px 5%;min-height:calc(100vh - 74px);overflow:hidden;background:linear-gradient(135deg,#ffffff 0%,#f4eee5 56%,#e8dcc9 100%)}.hero:before{content:'';position:absolute;inset:auto -12% -25% auto;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(179,139,71,.24),transparent 65%)}.hero>*{position:relative;z-index:1}.eyebrow{display:inline-block;color:var(--gold-dark);background:rgba(179,139,71,.13);border:1px solid var(--border);padding:6px 14px;border-radius:999px;font-weight:900;margin-bottom:16px}h1{font-size:clamp(34px,5vw,64px);line-height:1.22;color:#1f1f22;margin-bottom:18px;font-weight:900;letter-spacing:-1px}h2{font-size:clamp(26px,3vw,38px);color:#262629;margin-bottom:14px}h3{color:var(--wood);font-size:22px;margin:12px 0 8px}.lead{font-size:20px;color:var(--muted);max-width:850px;margin-bottom:24px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-media{border-radius:34px;overflow:hidden;box-shadow:var(--shadow);border:6px solid #fff;transform:rotate(-1deg);animation:float 5s ease-in-out infinite}.hero-media img{width:100%;height:470px;object-fit:cover}.section{padding:76px 5%}.section.alt{background:var(--surface)}.section-head{max-width:860px;margin:0 auto 35px;text-align:center}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:0 12px 34px rgba(0,0,0,.06);transition:.28s;overflow:hidden}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:rgba(179,139,71,.55)}.card img{width:100%;height:210px;object-fit:cover;border-radius:18px;margin-bottom:14px;background:#eee}.card p{color:var(--muted);margin-bottom:16px}.list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none}.list li,.step{background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:0 8px 25px rgba(0,0,0,.04);font-weight:800}.steps{counter-reset:step}.step:before{counter-increment:step;content:counter(step);display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;background:var(--gold);color:white;font-weight:900;margin-left:8px}.areas{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.areas span{background:#fff;border:1px solid var(--border);border-radius:999px;padding:8px 14px;font-weight:800;color:var(--wood)}.article{max-width:980px;margin:auto;background:#fff;border:1px solid var(--border);border-radius:26px;padding:38px;box-shadow:0 12px 35px rgba(0,0,0,.05)}.article p{font-size:18px;color:#4b4b50;margin-bottom:16px}.article h2{margin-top:25px}.faq details{background:white;border:1px solid var(--border);border-radius:16px;padding:15px 18px;margin:10px 0}.faq summary{font-weight:900;cursor:pointer;color:var(--wood)}.map iframe{width:100%;height:360px;border:0;border-radius:22px;box-shadow:var(--shadow)}.form{display:grid;gap:12px}.form input,.form textarea,.form select{padding:14px 16px;border:1px solid #ddd;border-radius:14px;font:inherit;background:#fff}.note{font-size:14px;color:var(--muted)}.footer{background:#1f1f22;color:#f7f7f7;padding:50px 5%;display:grid;grid-template-columns:2fr 1fr 1.4fr 1.5fr;gap:24px}.footer h3{color:#f2d79d}.footer a{display:block;color:#efefef;margin:6px 0}.copy{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.14);padding-top:16px;color:#ddd}.dev{font-size:14px;color:#d7c39b;margin-top:10px}.floating{position:fixed;left:18px;bottom:18px;z-index:1200;display:flex;gap:10px}.floating .call{background:#37373c}.reveal{opacity:0;transform:translateY(28px);transition:.6s}.reveal.visible{opacity:1;transform:none}@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}
@media(max-width:1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr}.hero-media img{height:380px}}
@media(max-width:760px){body{padding-bottom:78px}.site-header{padding:12px 4%}.brand{font-size:23px}.nav-toggle{display:block}.nav{display:none;position:absolute;top:70px;right:4%;left:4%;background:#fff;border:1px solid var(--border);border-radius:20px;padding:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{text-align:center;padding:10px}.hero,.section{padding:48px 5%}.hero{min-height:auto}.hero-media img{height:310px}h1{font-size:34px}.lead{font-size:18px}.grid,.grid.three,.list,.footer{grid-template-columns:1fr}.article{padding:24px}.floating{right:14px;left:14px}.floating a{flex:1;padding:11px 10px}.card img{height:190px}}