/* Amanah Guards - static rebuild. Brand: #FEE012 on near-black. Font: Oxanium. */
:root{
  --brand:#FEE012; --brand-dark:#c99a00; --ink:#0f0f0f; --ink2:#161616; --ink3:#1c1c1c;
  --cream:#FFFEF7; --line:#2a2a2a; --muted:#999; --muted2:#c7c7c7; --white:#fff;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Oxanium',system-ui,-apple-system,sans-serif;color:#222;background:var(--cream);line-height:1.6;font-size:16px}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
h1,h2,h3,h4,h5,h6{font-weight:800;line-height:1.2}
/* top bar */
.topbar{background:var(--ink);color:#e8e8e8;font-size:12.5px;padding:9px 0}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.topbar i{color:var(--brand);margin-right:5px}
.topbar a{color:#e8e8e8}
.topbar .tb-right{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
/* nav */
.nav{background:var(--ink2);border-bottom:2px solid var(--brand);position:sticky;top:0;z-index:50}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:12px;padding-bottom:12px}
.logo{display:flex;align-items:center;gap:10px}
.logo-mark{width:40px;height:40px;background:var(--brand);border-radius:7px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;color:var(--ink)}
.logo-txt{line-height:1;color:#fff}
.logo-txt .n1{font-weight:800;font-size:19px;letter-spacing:.5px}
.logo-txt .n1 span{color:var(--brand)}
.logo-txt .n2{font-size:9px;letter-spacing:3px;color:#bbb;margin-top:3px}
.menu{display:flex;gap:22px;align-items:center;font-size:14px;font-weight:600;color:#eaeaea}
.menu>li{position:relative;list-style:none}
.menu>li>a{padding:8px 0;display:inline-block}
.menu>li:hover>a,.menu a.active{color:var(--brand)}
.menu .caret{font-size:11px}
.submenu{position:absolute;top:100%;left:0;background:var(--ink2);border:1px solid var(--line);border-top:2px solid var(--brand);min-width:230px;padding:8px 0;display:none;box-shadow:0 12px 30px rgba(0,0,0,.4);max-height:70vh;overflow:auto}
.menu>li:hover .submenu{display:block}
.submenu li{list-style:none}
.submenu a{display:block;padding:8px 18px;font-size:13px;color:#ddd;font-weight:500}
.submenu a:hover{background:#222;color:var(--brand)}
.btn-quote{background:var(--brand);color:var(--ink)!important;padding:10px 18px;border-radius:6px;font-weight:800}
.lang-switch a{display:flex;align-items:center;gap:5px;padding:7px 12px;border:1.5px solid rgba(255,255,255,.25);border-radius:6px;font-size:13px;font-weight:600;color:#fff!important;white-space:nowrap;transition:border-color .2s,background .2s}
.lang-switch a:hover{border-color:var(--brand);background:rgba(254,224,18,.1);color:var(--brand)!important}
@media(max-width:900px){.lang-switch{order:-1;margin-left:auto;margin-right:8px}.lang-switch a{padding:6px 10px;font-size:12px}}
.nav-toggle{display:none;background:none;border:none;color:#fff;font-size:26px;cursor:pointer}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:6px;font-weight:800;font-size:14px;cursor:pointer;transition:.2s}
.btn-primary{background:var(--brand);color:var(--ink)}
.btn-primary:hover{background:#ffd400}
.btn-outline{border:1.5px solid #666;color:#fff}
.btn-outline:hover{border-color:var(--brand);color:var(--brand)}
.btn i{font-size:16px}
/* hero */
.hero{position:relative;background:var(--ink);color:#fff;padding:80px 0;overflow:hidden;background-size:cover;background-position:center}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,15,15,.94) 0%,rgba(15,15,15,.78) 55%,rgba(15,15,15,.5) 100%)}
.hero .wrap{position:relative;z-index:2}
.hero-inner{max-width:640px}
.eyebrow{display:inline-block;background:rgba(254,224,18,.14);border:1px solid var(--brand);color:var(--brand);font-size:11px;font-weight:700;padding:6px 14px;border-radius:20px;letter-spacing:1.2px;margin-bottom:18px;text-transform:uppercase}
.hero h1{font-size:40px;margin-bottom:8px}
.hero .sub{color:var(--brand);font-size:20px;font-weight:700;margin-bottom:16px}
.hero p{color:var(--muted2);font-size:15px;margin-bottom:26px;max-width:92%}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.pagehero{padding:66px 0 58px}
.pagehero h1{font-size:34px}
.breadcrumb{font-size:12.5px;color:#bbb;margin-top:12px}
.breadcrumb a{color:var(--brand)}
/* stats */
.stats{background:var(--ink2);border-top:1px solid var(--line)}
.stats .wrap{display:grid;grid-template-columns:repeat(3,1fr)}
.stat{padding:26px;text-align:center;border-right:1px solid var(--line)}
.stat:last-child{border-right:none}
.stat .num{color:var(--brand);font-size:32px;font-weight:800}
.stat .lbl{color:#bbb;font-size:12.5px;letter-spacing:1px;text-transform:uppercase}
/* sections */
section{padding:52px 0}
.sec-head{text-align:center;max-width:720px;margin:0 auto 34px}
.sec-eyebrow{color:var(--brand-dark);font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.sec-head h2{font-size:27px;color:var(--ink);margin:8px 0}
.sec-head p{color:#777;font-size:14.5px}
.on-dark{background:var(--ink);color:#fff}
.on-dark .sec-eyebrow{color:var(--brand)}
.on-dark .sec-head h2{color:#fff}
.on-dark .sec-head p{color:#aaa}
/* feature quad */
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.feature{background:#fff;border:1px solid #eee;border-top:3px solid var(--brand);border-radius:8px;padding:22px}
.feature .fnum{color:var(--brand-dark);font-size:26px;font-weight:800;opacity:.85}
.feature h3{font-size:15.5px;margin:8px 0 6px;color:var(--ink)}
.feature p{font-size:12.5px;color:#666;line-height:1.6}
.on-dark .feature{background:var(--ink3);border-color:var(--line);border-top-color:var(--brand)}
.on-dark .feature h3{color:#fff}
.on-dark .feature p{color:var(--muted)}
/* why cards */
.whygrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.whycard{background:#fff;border:1px solid #eee;border-top:3px solid var(--brand);border-radius:8px;padding:20px}
.whycard i{font-size:30px;color:var(--ink)}
.whycard h3{font-size:14.5px;margin:10px 0 6px;color:var(--ink)}
.whycard p{font-size:12.5px;color:#666;line-height:1.6}
/* service cards */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.scard{background:var(--ink3);border:1px solid var(--line);border-radius:9px;overflow:hidden;transition:.2s}
.scard:hover{transform:translateY(-4px);border-color:var(--brand)}
.scard .thumb{height:150px;background:#222;position:relative;overflow:hidden}
.scard .thumb img{width:100%;height:100%;object-fit:cover}
.scard .body{padding:18px}
.scard h3{color:#fff;font-size:16px;margin-bottom:7px}
.scard p{color:var(--muted);font-size:12.5px;line-height:1.6;margin-bottom:12px}
.readmore{color:var(--brand);font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;gap:5px}
/* process */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.step{text-align:center;padding:10px}
.step .snum{width:54px;height:54px;border-radius:50%;background:var(--brand);color:var(--ink);font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.step h3{color:#fff;font-size:15px;margin-bottom:6px}
.step p{color:var(--muted);font-size:12.5px}
/* cities grid */
.citygrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.citycard{background:var(--ink);border-radius:8px;padding:18px;color:#fff;border:1px solid var(--line);transition:.2s}
.citycard:hover{border-color:var(--brand)}
.citycard i{color:var(--brand);font-size:20px}
.citycard h3{font-size:14.5px;margin:8px 0 4px}
.citycard p{font-size:11.5px;color:#aaa;line-height:1.5}
/* content body */
.prose{max-width:820px;margin:0 auto}
.prose p{margin-bottom:16px;color:#333;font-size:15px}
.prose h2{font-size:22px;margin:26px 0 12px;color:var(--ink)}
.prose h3{font-size:18px;margin:20px 0 10px;color:var(--ink)}
.prose ul,.prose ol{margin:0 0 16px 22px}
.prose li{margin-bottom:8px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.split img{border-radius:10px;width:100%;max-height:520px;object-fit:cover;object-position:center top}
/* map */
.map-embed{border-radius:10px;overflow:hidden;border:1px solid var(--line);line-height:0}
.map-embed iframe{width:100%;height:360px;border:0}
/* cta band */
.cta-band{background:var(--ink2);text-align:center;border-top:2px solid var(--brand)}
.cta-band h2{color:#fff;font-size:24px;margin-bottom:8px}
.cta-band p{color:#bbb;font-size:14px;margin-bottom:20px}
/* contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.info-card{background:#fff;border:1px solid #eee;border-radius:10px;padding:22px;display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}
.info-card i{font-size:24px;color:var(--brand-dark);margin-top:2px}
.info-card h3{font-size:15px;color:var(--ink);margin-bottom:3px}
.info-card p{font-size:14px;color:#555}
/* footer */
.footer{background:#0a0a0a;color:#bbb;padding:48px 0 0}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:30px;padding-bottom:34px}
.footer h4{color:#fff;font-size:15px;margin-bottom:16px}
.footer a{color:#bbb;font-size:13px;display:block;margin-bottom:9px}
.footer a:hover{color:var(--brand)}
.footer .about-txt{font-size:13px;line-height:1.7;color:#999;margin-top:12px}
.footer .social{display:flex;gap:10px;margin-top:14px}
.footer .social a{width:34px;height:34px;border:1px solid #333;border-radius:6px;display:flex;align-items:center;justify-content:center;margin:0}
.footer .social a:hover{background:var(--brand);color:var(--ink);border-color:var(--brand)}
.footer-bottom{border-top:1px solid #222;padding:18px 0;font-size:12px;color:#777;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
/* floating whatsapp */
.wa-float{position:fixed;bottom:22px;right:22px;width:56px;height:56px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;z-index:60;box-shadow:0 6px 20px rgba(0,0,0,.3)}
/* rtl */
[dir="rtl"] .topbar i,[dir="rtl"] .btn i{margin-right:0;margin-left:5px}
[dir="rtl"] .hero::before{background:linear-gradient(-90deg,rgba(15,15,15,.94) 0%,rgba(15,15,15,.78) 55%,rgba(15,15,15,.5) 100%)}
[dir="rtl"] .feature{border-top:3px solid var(--brand)}
[dir="rtl"] .stat{border-right:none;border-left:1px solid var(--line)}
[dir="rtl"] .stat:last-child{border-left:none}
/* responsive */
@media(max-width:960px){
  .features,.whygrid,.steps,.citygrid{grid-template-columns:repeat(2,1fr)}
  .cards3{grid-template-columns:1fr}
  .split,.contact-grid,.footer-grid{grid-template-columns:1fr}
  .menu{position:fixed;top:0;right:0;height:100vh;width:280px;background:var(--ink2);flex-direction:column;align-items:flex-start;padding:70px 22px;gap:6px;transform:translateX(100%);transition:.3s;overflow:auto;z-index:70}
  .menu.open{transform:translateX(0)}
  .menu>li{width:100%}
  .submenu{position:static;display:block;box-shadow:none;border:none;border-left:2px solid var(--brand);max-height:none;padding-left:10px}
  .nav-toggle{display:block;z-index:80}
  .hero h1{font-size:30px}
  .stats .wrap{grid-template-columns:1fr}
  .stat{border-right:none;border-bottom:1px solid var(--line)}
}

/* ── QC PASS: new utility classes (replaces inline styles) ── */
.body-section{padding-top:8px}
.body-h2{font-size:25px;color:var(--ink);margin:8px 0 16px}
.dark-card{background:var(--ink3);border-color:var(--line)}
.brand-icon{color:var(--brand)}
.card-h3-light{color:#fff}
.card-p-muted{color:var(--muted)}
/* mid-body CTA block */
.mid-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.btn-wa{background:#25D366;color:#fff;border-color:#25D366}
.btn-wa:hover{background:#1da851;border-color:#1da851;color:#fff}
/* faq close CTA */
.faq-section{padding:32px 0 40px}
.faq-cta-inline{display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:var(--bg2);padding:24px 28px;border-radius:var(--radius-lg);border:1px solid var(--line)}
.faq-cta-inline p{flex:1;margin:0;font-size:15px;color:var(--ink)}
/* sticky mobile CTA bar — [8.6] */
.sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:8000;text-align:center;padding:0;background:#25D366}
.sticky-cta a{display:flex;align-items:center;justify-content:center;gap:9px;color:#fff;font-weight:700;font-size:17px;text-decoration:none;letter-spacing:.01em;padding:15px 20px;width:100%}
.sticky-cta a i{font-size:22px}
@media(max-width:768px){
  .sticky-cta{display:block}
  .wa-float{display:none}
  .mid-cta{flex-direction:column}
  .faq-cta-inline{flex-direction:column;gap:14px}
}
/* favicons already referenced in <head> — no CSS needed */

/* ── submenu View All link ── */
.submenu-all a{color:var(--brand) !important;font-weight:600;border-top:1px solid var(--line);margin-top:4px;padding-top:6px}

/* ── Blog post layout ── */
.post-section{padding:48px 0}
.post-layout{display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:start}
.post-body{min-width:0}
.post-body h1,.post-body h2{color:var(--ink);margin:1.8rem 0 .8rem;line-height:1.25}
.post-body h2{font-size:22px;border-left:3px solid var(--brand);padding-left:12px}
.post-body h3{font-size:17px;color:var(--ink);margin:1.4rem 0 .5rem}
.post-body p{line-height:1.8;color:var(--ink);margin:0 0 1.1rem}
.post-body ul,.post-body ol{margin:0 0 1.2rem 1.4rem;line-height:1.8;color:var(--ink)}
.post-body li{margin-bottom:.4rem}
.post-intro{font-size:17px;line-height:1.8;color:var(--ink);font-weight:400;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}
/* tables */
.table-wrap{overflow-x:auto;margin:1.5rem 0}
.post-table{width:100%;border-collapse:collapse;font-size:14px}
.post-table th{background:var(--ink2);color:#fff;padding:10px 14px;text-align:left;font-weight:600;font-size:13px}
.post-table td{padding:9px 14px;border-bottom:1px solid var(--line);color:var(--ink);vertical-align:top}
.post-table tr:nth-child(even) td{background:var(--bg2)}
/* callouts */
.post-callout{display:flex;gap:14px;padding:16px 18px;border-radius:var(--radius-lg);margin:1.5rem 0;align-items:flex-start}
.post-callout i{font-size:22px;margin-top:2px;flex-shrink:0}
.post-callout p{margin:4px 0 0;font-size:14px;line-height:1.7}
.post-callout strong{font-size:14px;display:block;margin-bottom:2px}
.callout-tip{background:#fffbeb;border:1px solid #f59e0b}
.callout-tip i{color:#d97706}
.callout-info{background:var(--bg2);border:1px solid var(--line)}
.callout-info i{color:var(--brand-dark)}
.callout-warn{background:#fff5f5;border:1px solid #fca5a5}
.callout-warn i{color:#dc2626}
/* inline cta */
.post-cta-block{background:var(--ink2);border-radius:var(--radius-lg);padding:24px 28px;margin:2rem 0;display:flex;align-items:center;flex-wrap:wrap;gap:14px}
.post-cta-block p{flex:1;color:#fff;margin:0;font-size:15px;min-width:200px}
/* sidebar */
.post-sidebar{position:sticky;top:88px}
.sidebar-cta{background:var(--ink2);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px}
.sidebar-label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#888;margin:0 0 12px}
.sidebar-related{background:var(--bg2);border-radius:var(--radius-lg);padding:16px 18px;margin-bottom:16px;border:1px solid var(--line)}
.related-link{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:13px}
.related-link:last-child{border-bottom:none}
.related-link:hover{color:var(--brand-dark)}
.related-link i{color:var(--brand-dark);flex-shrink:0}
@media(max-width:960px){
  .post-layout{grid-template-columns:1fr}
  .post-sidebar{position:static;order:-1}
  .sidebar-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
  .sidebar-cta .sidebar-label{width:100%;margin-bottom:0}
}

/* ── BLOG INDEX GRID ─────────────────────────────── */
.blog-index-section{padding:60px 0}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px}
.blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e8e8e8;border-radius:10px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s}
.blog-card:hover{box-shadow:0 8px 28px rgba(0,0,0,.10);transform:translateY(-3px)}
.blog-card-img{height:190px;background-size:cover;background-position:center;background-color:#1a1a1a}
.blog-card-body{padding:20px;display:flex;flex-direction:column;flex:1}
.blog-card-title{font-size:16px;font-weight:700;color:#0f0f0f;line-height:1.4;margin:0 0 8px}
.blog-card-sub{font-size:13px;color:#666;line-height:1.5;margin:0 0 14px;flex:1}
.blog-card-read{font-size:13px;font-weight:600;color:var(--brand-dark);display:flex;align-items:center;gap:5px;margin-top:auto}
[dir=rtl] .blog-card-read .ti-arrow-right{transform:scaleX(-1)}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr}.blog-card-img{height:160px}}