/* ===== Phase 16F — Canonical design tokens (consolidated from 4 :root blocks) 2026-07-18 ===== */
:root{--labeeb-royal:#3D52C4;--labeeb-royal-bright:#4356BB;--labeeb-mid:#2D3E9E;--labeeb-deep:#1E2B72;--labeeb-pale:#A5BAFF;--labeeb-pale2:#BDC9F5;--labeeb-wa:#25d366;--labeeb-gold:#C7972F;--labeeb-light:#F7F8FC;--labeeb-border:#E5E7EB;--labeeb-ink:#111827;--labeeb-footer:#0f1636;--labeeb-body:#4B5563;--labeeb-secondary:#6B7280;--labeeb-blue-gradient:radial-gradient(ellipse at 75% -5%, rgba(120,140,255,0.26) 0%, transparent 52%),radial-gradient(ellipse at -8% 90%, rgba(45,60,190,0.20) 0%, transparent 52%),linear-gradient(165deg,#3D52C4 0%,#2D3E9E 45%,#1E2B72 100%);--labeeb-focus:0 0 0 3px rgb(61 82 196 / 40%);--labeeb-navy:#0f1636;--labeeb-blue:#2f45d6;--labeeb-indigo:#4338ca;--labeeb-violet:#7c3aed;--labeeb-whatsapp:#25d366;--labeeb-text:#151b30;--labeeb-text-muted:#4b5473;--labeeb-surface:#f6f8fc;--labeeb-radius-button:12px;--labeeb-radius-card:16px;--labeeb-container:1200px;--labeeb-hero-heading:#fff;--labeeb-hero-lead:rgba(255,255,255,.92);--labeeb-hero-body:rgba(255,255,255,.78);--labeeb-hero-muted:rgba(255,255,255,.68);--labeeb-hero-breadcrumb:rgba(255,255,255,.74);--labeeb-hero-eyebrow:rgba(255,255,255,.88)}


html { scroll-behavior: smooth; }
body { margin: 0; }

.skip-link { position: absolute; inset-inline-start: 1rem; top: -4rem; z-index: 999; padding: 0.75rem 1rem; background: #111827; color: #fff; }
.skip-link:focus { top: 1rem; }

a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, summary:focus-visible { outline: 0; box-shadow: var(--labeeb-focus); }

/* ============ Base chrome ============ */
.labeeb-shell { max-width: 1180px; margin-inline: auto; padding-inline: clamp(1rem, 3vw, 2rem); }
.labeeb-announcement { padding: 0.45rem 1rem; background: var(--labeeb-deep); color: #fff; font-size: 0.92rem; text-align: center; }
.labeeb-header { border-bottom: 1px solid var(--labeeb-border); background: #fff; }
.labeeb-header__inner { display: flex; align-items: center; justify-content: space-between; min-height: 76px; gap: 1rem; }
.labeeb-brand { color: var(--labeeb-ink); font-size: 1.4rem; font-weight: 800; text-decoration: none; }
.labeeb-nav { display: flex; align-items: center; gap: 1rem; }
.labeeb-nav a { color: var(--labeeb-ink); text-decoration: none; }
.labeeb-nav a:hover { color: var(--labeeb-royal); }
.labeeb-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0.7rem 1.4rem; border-radius: 13px; background: var(--labeeb-royal); color: #fff !important; font-weight: 700; text-decoration: none !important; }
.labeeb-cta:hover { background: var(--labeeb-mid); }
.labeeb-hero { padding-block: clamp(3rem, 8vw, 7rem); background: var(--labeeb-light); }
.labeeb-grid { display: grid; gap: 1.25rem; }
.labeeb-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.labeeb-card { padding: 1.25rem; border: 1px solid var(--labeeb-border); border-radius: 16px; background: #fff; }
.labeeb-footer { margin-top: 4rem; padding-block: 3rem; background: var(--labeeb-ink); color: #fff; }
.labeeb-footer a { color: #fff; }
.labeeb-breadcrumb { margin-block: 1rem; color: var(--labeeb-secondary); font-size: 0.9rem; }
.labeeb-table { width: 100%; border-collapse: collapse; }
.labeeb-table th, .labeeb-table td { padding: 0.75rem; border: 1px solid var(--labeeb-border); text-align: start; }

/* ============================================================
   LABEEB BLOG DESIGN SYSTEM (B506 reference, centralized)
   ============================================================ */
.labeeb-blog { font-family: system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; -webkit-font-smoothing: antialiased; color: var(--labeeb-body); box-sizing: border-box; }
.labeeb-blog, .labeeb-blog *, .labeeb-blog *::before, .labeeb-blog *::after { box-sizing: border-box; }
.labeeb-section { box-sizing: border-box; max-width: 100%; }

/* Sections */
.labeeb-section { width: 100%; padding: clamp(48px,8vw,96px) clamp(18px,4vw,48px); }
.labeeb-section--light { background: #fff; }
.labeeb-section--mist { background: var(--labeeb-light); }
.labeeb-section--dark { position: relative; overflow: hidden; background: var(--labeeb-blue-gradient); }
.labeeb-in { margin-inline: auto; }
.labeeb-in--narrow { max-width: 780px; }
.labeeb-in--article { max-width: 820px; }
.labeeb-in--wide { max-width: 880px; }
.labeeb-in--hero { max-width: 1080px; }
.labeeb-blob { position: absolute; z-index: 1; pointer-events: none; border-radius: 999px; background: radial-gradient(circle at 35% 35%, rgba(255,255,255,0.08), transparent 65%); }
.labeeb-blob--a { top: -120px; left: -100px; width: 340px; height: 340px; opacity: .5; }
.labeeb-blob--b { bottom: -100px; right: -90px; width: 300px; height: 300px; opacity: .38; }
.labeeb-section--dark > .labeeb-in { position: relative; z-index: 2; }

/* Label pill */
.labeeb-label { display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--labeeb-royal-bright); border-radius: 999px; padding: 5px 14px; font-size: 11px; font-weight: 700; letter-spacing: .7px; text-transform: uppercase; color: var(--labeeb-royal-bright); margin-bottom: 18px; line-height: 1; }
.labeeb-label__dot { width: 6px; height: 6px; border-radius: 50%; background: var(--labeeb-royal-bright); display: inline-block; }
.labeeb-label--ondark { background: rgba(255,255,255,0.10); border-color: rgba(255,255,255,0.18); color: rgba(255,255,255,0.82); }
.labeeb-label--ondark .labeeb-label__dot { background: var(--labeeb-wa); }

/* Headings + text */
.labeeb-h2 { font-size: clamp(22px,4vw,32px); font-weight: 780; color: var(--labeeb-ink); line-height: 1.2; letter-spacing: -0.2px; margin: 0 0 14px; }
.labeeb-h2--ondark { color: #fff; font-weight: 800; }
.labeeb-p { font-size: clamp(14px,1.9vw,16px); font-weight: 400; color: var(--labeeb-body); line-height: 1.72; margin: 0 0 16px; }
.labeeb-p--ondark { color: var(--labeeb-pale2); }
.labeeb-p a { color: var(--labeeb-royal-bright); text-decoration: underline; text-underline-offset: 2px; font-weight: 500; }

/* WhatsApp button (shared) */
.labeeb-wa-btn { display: inline-flex; align-items: center; gap: 10px; background: var(--labeeb-wa); color: #111827 !important; text-decoration: none !important; font-size: 15px; font-weight: 800; padding: 15px 30px; border-radius: 13px; box-shadow: 0 6px 28px rgba(37,211,102,0.34); line-height: 1; min-height: 44px; }
.labeeb-wa-btn:hover { background: #1fbb5a; }
.labeeb-wa-btn:focus-visible { outline: 0; box-shadow: var(--labeeb-focus), 0 6px 28px rgba(37,211,102,0.34); }
.labeeb-wa-btn svg { width: 18px; height: 18px; flex-shrink: 0; }
.labeeb-wa-note { font-size: 12px; font-weight: 500; color: rgba(255,255,255,0.60); line-height: 1.5; }
.labeeb-cta-wrap { display: flex; flex-direction: column; align-items: center; gap: 10px; margin: 8px 0 0; }
.labeeb-cta-wrap--start { align-items: flex-start; }

/* 1. Hero */
.labeeb-blog-hero { text-align: center; }
.labeeb-blog-hero .labeeb-in { padding: clamp(70px,9vw,104px) clamp(16px,4vw,44px) clamp(48px,7vw,80px); }
.labeeb-blog-hero__crumb { font-size: 12px; color: rgba(189,201,245,0.85); margin: 0 0 18px; }
.labeeb-blog-hero__crumb a { color: rgba(189,201,245,0.85); text-decoration: none; }
.labeeb-blog-hero__crumb a:hover { text-decoration: underline; }
.labeeb-blog-hero__h1 { font-size: clamp(26px,5.4vw,52px); line-height: 1.12; font-weight: 850; color: #fff; letter-spacing: -0.3px; max-width: 920px; margin: 8px auto 16px; overflow-wrap: anywhere; }
.labeeb-blog-hero__h1 mark { background: none; color: var(--labeeb-pale); }
.labeeb-blog-hero__tagline { font-size: clamp(14px,2vw,18px); font-weight: 500; color: var(--labeeb-pale2); line-height: 1.65; max-width: 740px; margin: 0 auto 12px; }
.labeeb-blog-hero__body { font-size: clamp(12px,1.7vw,14px); color: rgba(255,255,255,0.54); line-height: 1.7; max-width: 690px; margin: 0 auto 30px; }
.labeeb-blog-hero .labeeb-cta-wrap { margin-bottom: 34px; }
.labeeb-signals { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; max-width: 860px; margin: 0 auto; }
.labeeb-signal { background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12); border-radius: 12px; padding: 14px 10px 12px; text-align: center; }
.labeeb-signal__i { font-size: 18px; display: block; margin: 0 0 7px; line-height: 1; }
.labeeb-signal__t { font-size: clamp(11px,2.6vw,13px); font-weight: 800; color: #fff; display: block; line-height: 1.25; }
.labeeb-signal__s { font-size: 10px; font-weight: 500; color: rgba(255,255,255,0.48); display: block; margin: 4px 0 0; line-height: 1.4; }

/* 2. Quick Answer */
.labeeb-quick-answer__card { background: var(--labeeb-light); border: 1px solid var(--labeeb-border); border-left: 4px solid var(--labeeb-royal); border-radius: 0 16px 16px 0; padding: 26px 28px; box-shadow: 0 2px 12px rgba(67,86,187,0.06); }
.labeeb-quick-answer__q { font-size: clamp(18px,2.6vw,22px); font-weight: 780; color: var(--labeeb-ink); line-height: 1.25; margin: 0 0 12px; }
.labeeb-quick-answer__a { font-size: clamp(14px,1.9vw,16px); color: var(--labeeb-body); line-height: 1.72; margin: 0; }

/* 3. Audience */
.labeeb-audience__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 24px 0; }
.labeeb-audience__card { background: #fff; border: 1px solid var(--labeeb-border); border-radius: 16px; padding: 24px; box-shadow: 0 2px 10px rgba(67,86,187,0.06); }
.labeeb-audience__ch { display: flex; align-items: center; gap: 9px; font-size: 15px; font-weight: 760; color: var(--labeeb-ink); margin-bottom: 12px; }
.labeeb-audience__yes { color: #16a34a; font-weight: 800; font-size: 17px; }
.labeeb-audience__no { color: #dc2626; font-weight: 800; font-size: 17px; }
.labeeb-audience__list { list-style: none; margin: 0; padding: 0; }
.labeeb-audience__list li { position: relative; padding: 8px 0 8px 22px; font-size: 14px; color: var(--labeeb-body); line-height: 1.55; border-bottom: 1px solid #F0F1F6; }
.labeeb-audience__list li:last-child { border-bottom: none; }
.labeeb-audience__list li::before { content: ""; position: absolute; left: 2px; top: 15px; width: 7px; height: 7px; border-radius: 50%; background: var(--labeeb-royal-bright); }
.labeeb-note { font-size: 13px; color: var(--labeeb-secondary); line-height: 1.65; background: #fff; border: 1px dashed #D8DCEC; border-radius: 12px; padding: 16px 18px; margin-top: 8px; }

/* 4. Signal cards */
.labeeb-signal-cards { display: grid; grid-template-columns: repeat(auto-fit,minmax(230px,1fr)); gap: 12px; margin-bottom: 20px; }
.labeeb-signal-card { background: var(--labeeb-light); border: 1px solid var(--labeeb-border); border-radius: 14px; padding: 18px 18px 16px; }
.labeeb-signal-card__t { font-size: 14px; font-weight: 760; color: var(--labeeb-deep); line-height: 1.3; margin-bottom: 6px; }
.labeeb-signal-card__s { font-size: 13px; color: var(--labeeb-secondary); line-height: 1.55; }

/* 5. Mistakes (dark numbered) */
.labeeb-mistakes__list { list-style: none; display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; }
.labeeb-mistakes__row { display: flex; gap: 14px; align-items: flex-start; background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12); border-radius: 14px; padding: 18px 20px; }
.labeeb-mistakes__n { flex-shrink: 0; width: 30px; height: 30px; border-radius: 9px; background: rgba(165,186,255,0.18); color: var(--labeeb-pale); font-size: 14px; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.labeeb-mistakes__t { font-size: 15px; font-weight: 760; color: #fff; line-height: 1.35; margin-bottom: 4px; }
.labeeb-mistakes__s { font-size: 13.5px; color: rgba(255,255,255,0.64); line-height: 1.6; }

/* 6. Comparison table */
.labeeb-compare__wrap { overflow-x: auto; border: 1px solid var(--labeeb-border); border-radius: 16px; background: #fff; box-shadow: 0 2px 12px rgba(67,86,187,0.06); }
.labeeb-compare { width: 100%; border-collapse: collapse; min-width: 560px; }
.labeeb-compare th, .labeeb-compare td { text-align: left; padding: 14px 18px; font-size: 13.5px; line-height: 1.5; border-bottom: 1px solid #EEF0F6; vertical-align: top; }
.labeeb-compare thead th { background: var(--labeeb-deep); color: #fff; font-weight: 700; font-size: 12.5px; letter-spacing: .3px; }
.labeeb-compare td:first-child { font-weight: 740; color: var(--labeeb-deep); white-space: nowrap; }
.labeeb-compare td.is-outdated { color: #9a3412; }
.labeeb-compare td.is-refreshed { color: #166534; }
.labeeb-compare tbody tr:last-child td { border-bottom: none; }
.labeeb-compare tbody tr:nth-child(even) td { background: #FaFbFe; }

/* 7. Service CTA + 10. Final CTA (blue block) */
.labeeb-blueblock { position: relative; overflow: hidden; background: linear-gradient(165deg,#3D52C4 0%,#2D3E9E 45%,#1E2B72 100%); border-radius: 22px; padding: clamp(32px,5vw,52px) clamp(22px,4vw,44px); }
.labeeb-blueblock--center { text-align: center; }
.labeeb-blueblock > * { position: relative; z-index: 2; }
.labeeb-service-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 26px; }
.labeeb-service-grid a { display: block; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.16); border-radius: 13px; padding: 16px 18px; text-decoration: none; }
.labeeb-service-grid a:hover { background: rgba(255,255,255,0.14); }
.labeeb-service-grid__t { font-size: 14px; font-weight: 760; color: #fff; line-height: 1.3; }
.labeeb-service-grid__s { font-size: 12px; color: var(--labeeb-pale); line-height: 1.45; margin-top: 4px; display: block; }
.labeeb-disclaimer { font-size: 12.5px; color: var(--labeeb-pale); line-height: 1.6; }

/* 8. FAQ (native details) */
.labeeb-faq__item { background: var(--labeeb-light); border: 1px solid var(--labeeb-border); border-radius: 14px; margin-bottom: 10px; overflow: hidden; }
.labeeb-faq__item[open] { border-color: #c5ccee; box-shadow: 0 4px 18px rgba(67,86,187,0.10); }
.labeeb-faq__summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 18px 20px; font-size: clamp(14px,2vw,16px); font-weight: 680; color: var(--labeeb-ink); line-height: 1.35; }
.labeeb-faq__summary::-webkit-details-marker { display: none; }
.labeeb-faq__item[open] .labeeb-faq__summary { color: var(--labeeb-deep); }
.labeeb-faq__ic { flex-shrink: 0; width: 28px; height: 28px; border-radius: 8px; background: #EEF1FB; display: flex; align-items: center; justify-content: center; color: var(--labeeb-royal-bright); font-size: 18px; font-weight: 700; line-height: 1; transition: transform .2s ease; }
.labeeb-faq__item[open] .labeeb-faq__ic { transform: rotate(45deg); }
.labeeb-faq__a { padding: 0 20px 18px; font-size: clamp(13px,1.8vw,15px); color: var(--labeeb-body); line-height: 1.7; }

/* 9. Arabic summary */
.labeeb-arabic__in { max-width: 780px; margin: 0 auto; direction: rtl; unicode-bidi: isolate; text-align: right; font-family: "Noto Naskh Arabic",Tahoma,Arial,"Segoe UI",sans-serif; }
.labeeb-arabic__h2 { font-size: clamp(20px,3.4vw,28px); font-weight: 800; color: #fff; line-height: 1.4; margin-bottom: 14px; }
.labeeb-arabic__b { font-size: clamp(14px,1.9vw,16px); color: #D9E0F7; line-height: 2.0; }
.labeeb-arabic__note { font-size: 12.5px; color: rgba(255,255,255,0.64); line-height: 1.8; margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.14); direction: ltr; text-align: left; }

/* Related services */
.labeeb-related__grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 12px; margin-top: 8px; }
.labeeb-related__card { display: block; background: #fff; border: 1px solid var(--labeeb-border); border-radius: 14px; padding: 18px; text-decoration: none; box-shadow: 0 2px 10px rgba(67,86,187,0.05); }
.labeeb-related__card:hover { border-color: #c5ccee; }
.labeeb-related__t { font-size: 14px; font-weight: 760; color: var(--labeeb-deep); }
.labeeb-related__s { font-size: 13px; color: var(--labeeb-secondary); margin-top: 4px; display: block; }

/* Responsive */
@media (max-width: 640px) {
	.labeeb-signals { grid-template-columns: 1fr; }
	.labeeb-audience__grid, .labeeb-service-grid { grid-template-columns: 1fr; }
	.labeeb-header__inner { align-items: flex-start; flex-direction: column; padding-block: 1rem; }
	.labeeb-nav { flex-wrap: wrap; }
	.labeeb-grid--3 { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
	* { animation-duration: 0.01ms !important; scroll-behavior: auto !important; transition-duration: 0.01ms !important; }
}

/* ==========================================================================
   v0.1.9 — Phase 11.5 Global Premium Header, Navigation & Footer System
   Scoped under .lb-hdr / .lb-ftr. Uses existing :root brand tokens. No external
   fonts/icons/libraries. Royal-blue primary, WhatsApp-green secondary.
   ========================================================================== */
.lb-hdr *,.lb-ftr *{box-sizing:border-box;}
.lb-hdr a,.lb-ftr a{text-decoration:none;}
.lb-hdr{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;position:relative;z-index:100;}

/* ---- utility bar ---- */
.lb-util{background:var(--labeeb-deep);color:#dfe5ff;font-size:.8rem;}
.lb-util__in{max-width:1240px;margin-inline:auto;padding:.4rem clamp(1rem,3vw,2rem);display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:34px;}
.lb-util__tag{margin:0;letter-spacing:.01em;}
.lb-util__nav{display:flex;align-items:center;gap:1.1rem;}
.lb-util__nav a{color:#dfe5ff;}
.lb-util__nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:2px;}
.lb-util__wa{display:inline-flex;align-items:center;gap:.3rem;}
.lb-util__wa::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--labeeb-wa);display:inline-block;}

/* ---- main bar ---- */
.lb-bar{background:#fff;border-bottom:1px solid var(--labeeb-border);}
.lb-bar__in{max-width:1240px;margin-inline:auto;padding:0 clamp(1rem,3vw,2rem);min-height:72px;display:flex;align-items:center;gap:1.5rem;}
.lb-brand{display:flex;flex-direction:column;line-height:1;margin-inline-end:auto;}
.lb-brand__name{font-size:1.5rem;font-weight:800;color:var(--labeeb-ink);letter-spacing:-.01em;}
.lb-brand__sub{font-size:.66rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--labeeb-secondary);margin-top:.2rem;}

/* ---- desktop nav ---- */
.lb-nav__list{display:flex;align-items:center;gap:.35rem;list-style:none;margin:0;padding:0;}
.lb-nav__item{position:relative;}
.lb-nav__top{display:inline-flex;align-items:center;gap:.35rem;font:inherit;font-size:.98rem;font-weight:600;color:var(--labeeb-ink);background:none;border:0;cursor:pointer;padding:.7rem .85rem;border-radius:10px;min-height:44px;}
.lb-nav__top:hover{color:var(--labeeb-royal);background:#f3f5ff;}
.lb-chev{transition:transform .18s ease;}
.lb-has-mega:hover .lb-chev,.lb-nav__top[aria-expanded="true"] .lb-chev{transform:rotate(180deg);}
.lb-nav__top:focus-visible{outline:0;box-shadow:var(--labeeb-focus);}

/* ---- mega menu ---- */
.lb-mega{position:absolute;inset-inline-start:auto;inset-inline-end:0;top:calc(100% + 10px);width:min(560px,86vw);background:#fff;border:1px solid var(--labeeb-border);border-radius:16px;box-shadow:0 24px 60px rgba(9,17,55,.16);padding:1.3rem;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease,visibility .16s;}
.lb-mega[hidden]{display:block;}
.lb-has-mega:hover .lb-mega,.lb-has-mega:focus-within .lb-mega,.lb-nav__top[aria-expanded="true"]+.lb-mega{opacity:1;visibility:visible;transform:none;}
.lb-mega__in{display:grid;grid-template-columns:.9fr 1.3fr;gap:1.4rem;}
.lb-mega__k{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--labeeb-royal);margin:0 0 .5rem;}
.lb-mega__desc{font-size:.86rem;color:var(--labeeb-body);line-height:1.55;margin:0 0 .8rem;}
.lb-mega__all{font-size:.85rem;font-weight:600;color:var(--labeeb-royal);}
.lb-mega__all:hover{text-decoration:underline;text-underline-offset:2px;}
.lb-mega__cols{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.lb-mega__h{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--labeeb-secondary);margin:0 0 .5rem;}
.lb-mega__col a{display:block;font-size:.9rem;color:var(--labeeb-ink);padding:.32rem 0;line-height:1.35;}
.lb-mega__col a:hover{color:var(--labeeb-royal);}
.lb-mega__col a:focus-visible{outline:0;box-shadow:var(--labeeb-focus);border-radius:6px;}

/* ---- actions: primary CTA + WhatsApp + burger ---- */
.lb-actions{display:flex;align-items:center;gap:.6rem;}
.lb-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.7rem 1.3rem;border-radius:12px;background:var(--labeeb-royal);color:#fff;font-weight:700;font-size:.95rem;border:2px solid transparent;white-space:nowrap;}
.lb-cta:hover{background:var(--labeeb-mid);}
.lb-cta:focus-visible{outline:0;box-shadow:var(--labeeb-focus);}
.lb-cta--block{width:100%;}
.lb-wa{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--labeeb-wa);color:#0b3d20;border:1px solid #12a150;}
.lb-wa:hover{background:#1fc35d;}
.lb-wa:focus-visible{outline:0;box-shadow:var(--labeeb-focus);}
.lb-wabtn{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.7rem 1.2rem;border-radius:12px;background:var(--labeeb-wa);color:#0b3d20;font-weight:700;font-size:.95rem;border:1px solid #12a150;}
.lb-wabtn:hover{background:#1fc35d;}
.lb-wabtn:focus-visible{outline:0;box-shadow:var(--labeeb-focus);}
.lb-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:none;border:1px solid var(--labeeb-border);border-radius:10px;cursor:pointer;padding:0 10px;}
.lb-burger span{display:block;height:2px;background:var(--labeeb-ink);border-radius:2px;transition:transform .2s ease,opacity .2s ease;}
.lb-burger:focus-visible{outline:0;box-shadow:var(--labeeb-focus);}

/* ---- mobile drawer ---- */
.lb-drawer{position:fixed;inset:0;z-index:200;}
.lb-drawer[hidden]{display:none;}
.lb-drawer__scrim{position:absolute;inset:0;background:rgba(9,17,55,.5);}
.lb-drawer__panel{position:absolute;inset-block:0;inset-inline-end:0;width:min(400px,90vw);background:#fff;box-shadow:-8px 0 40px rgba(9,17,55,.25);display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.lb-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;border-bottom:1px solid var(--labeeb-border);position:sticky;top:0;background:#fff;}
.lb-drawer__brand{font-size:1.25rem;font-weight:800;color:var(--labeeb-ink);}
.lb-drawer__close{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid var(--labeeb-border);border-radius:10px;color:var(--labeeb-ink);cursor:pointer;}
.lb-drawer__close:focus-visible{outline:0;box-shadow:var(--labeeb-focus);}
.lb-drawer__nav{padding:.6rem 1rem 1rem;}
.lb-acc{border-bottom:1px solid #eef0f6;}
.lb-acc__top{display:flex;align-items:center;justify-content:space-between;width:100%;font:inherit;font-size:1rem;font-weight:700;color:var(--labeeb-ink);background:none;border:0;cursor:pointer;padding:.95rem .2rem;min-height:48px;}
.lb-acc__top .lb-chev{transition:transform .2s ease;}
.lb-acc__top[aria-expanded="true"] .lb-chev{transform:rotate(180deg);}
.lb-acc__top:focus-visible{outline:0;box-shadow:var(--labeeb-focus);border-radius:8px;}
.lb-acc__body{padding:0 .2rem .7rem;}
.lb-acc__body[hidden]{display:none;}
.lb-acc__body a{display:block;font-size:.94rem;color:var(--labeeb-body);padding:.55rem .2rem;min-height:40px;}
.lb-acc__body a:hover{color:var(--labeeb-royal);}
.lb-acc__body a:focus-visible{outline:0;box-shadow:var(--labeeb-focus);border-radius:6px;}
.lb-drawer__link{display:block;font-size:1rem;font-weight:700;color:var(--labeeb-ink);padding:.95rem .2rem;}
.lb-drawer__cta{padding:1rem 1.2rem 1.6rem;display:grid;gap:.6rem;border-top:1px solid var(--labeeb-border);margin-top:.4rem;}

/* ---- pre-footer CTA band ---- */
.lb-ftr{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;}
.lb-precta{background:var(--labeeb-blue-gradient);color:#fff;}
.lb-precta__in{max-width:1000px;margin-inline:auto;padding:clamp(2.4rem,5vw,3.6rem) clamp(1rem,4vw,2rem);text-align:center;}
.lb-precta__k{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--labeeb-pale);margin:0 0 .7rem;}
.lb-precta__h{font-size:clamp(1.4rem,3.4vw,2.1rem);font-weight:700;color:#fff;line-height:1.22;margin:0 auto .7rem;max-width:22ch;}
.lb-precta__d{font-size:1rem;color:var(--labeeb-pale2);line-height:1.6;margin:0 auto 1.3rem;max-width:52ch;}
.lb-precta__cta{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;}

/* ---- main footer ---- */
.lb-foot{background:var(--labeeb-footer);color:#c7cede;}
.lb-foot__in{max-width:1240px;margin-inline:auto;padding:clamp(2.4rem,5vw,3.6rem) clamp(1rem,3vw,2rem) 1.8rem;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;gap:1.6rem 1.4rem;}
.lb-foot__logo{font-size:1.4rem;font-weight:800;color:#fff;margin:0 0 .6rem;}
.lb-foot__pos,.lb-foot__cov{font-size:.86rem;line-height:1.6;margin:0 0 .6rem;color:#b3bcd0;}
.lb-foot__contact{display:flex;flex-direction:column;gap:.25rem;margin:.4rem 0 0;}
.lb-foot__contact a{color:#fff;font-size:.9rem;font-weight:600;}
.lb-foot__contact a:hover{color:var(--labeeb-pale);}
.lb-foot__h{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin:0 0 .8rem;}
.lb-foot__col a{display:block;font-size:.88rem;color:#c7cede;padding:.28rem 0;line-height:1.4;}
.lb-foot__col a:hover{color:#fff;}
.lb-foot__col a:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(165,186,255,.5);border-radius:5px;}
.lb-foot__regions{font-size:.86rem;line-height:1.7;color:#c7cede;margin:0 0 .5rem;}
.lb-foot__note{font-size:.78rem;line-height:1.55;color:#9aa3ba;margin:0;}
.lb-foot__legal{max-width:1240px;margin-inline:auto;padding:1.1rem clamp(1rem,3vw,2rem);border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;}
.lb-foot__copy{font-size:.82rem;color:#9aa3ba;margin:0;}
.lb-foot__legalnav{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;}
.lb-foot__legalnav a{font-size:.82rem;color:#c7cede;}
.lb-foot__legalnav a:hover{color:#fff;text-decoration:underline;text-underline-offset:2px;}

/* ---- responsive ---- */
@media(max-width:1199px){
  .lb-nav,.lb-actions .lb-cta,.lb-actions .lb-wa{display:none;}
  .lb-burger{display:flex;}
}
@media(max-width:1023px){
  .lb-foot__in{grid-template-columns:1fr 1fr;}
  .lb-foot__brand{grid-column:1 / -1;}
}
@media(max-width:640px){
  .lb-util__tag{display:none;}
  .lb-util__in{justify-content:center;}
  .lb-foot__in{grid-template-columns:1fr;}
  .lb-foot__legal{justify-content:center;text-align:center;}
}
@media(prefers-reduced-motion:reduce){
  .lb-mega,.lb-chev,.lb-burger span{transition:none!important;}
}
html.lb-lock,body.lb-lock{overflow:hidden;}

/* ==========================================================================
   v0.1.11 — Phase 11.6 Premium UX & Brand Polish (FINAL DESIGN LOCK)
   Refinement layer only — tunes weight, spacing, rhythm and restrained motion
   for a calm, executive, advisory feel. No structural/markup changes here.
   ========================================================================== */

/* --- refined typographic weight (less shouting, more elegance) --- */
.lb-brand__name{font-weight:750;letter-spacing:-.015em;}
.lb-brand__sub{letter-spacing:.2em;color:#8b93a8;}
.lb-precta__h{font-weight:640;letter-spacing:-.015em;line-height:1.18;}
.lb-precta__k{letter-spacing:.16em;}

/* --- header: more breathing, calmer hover, refined focus affordance --- */
.lb-bar__in{min-height:76px;gap:1.75rem;}
.lb-nav__list{gap:.1rem;}
.lb-nav__top{font-weight:600;transition:color .18s ease;position:relative;}
.lb-nav__top:hover{background:transparent;color:var(--labeeb-royal);}
.lb-nav__top::after{content:"";position:absolute;inset-inline:.85rem;bottom:.55rem;height:1.5px;border-radius:2px;background:var(--labeeb-royal);transform:scaleX(0);transform-origin:left;transition:transform .24s cubic-bezier(.22,.61,.36,1);}
.lb-has-mega:hover .lb-nav__top::after,.lb-nav__item:focus-within .lb-nav__top::after{transform:scaleX(1);}
.lb-cta{font-weight:650;box-shadow:0 6px 18px rgba(61,82,196,.20);transition:background .18s ease,box-shadow .2s ease,transform .18s ease;}
.lb-cta:hover{box-shadow:0 10px 26px rgba(61,82,196,.28);transform:translateY(-1px);}
.lb-wa,.lb-wabtn{transition:background .18s ease,transform .18s ease;}
.lb-util__nav a{transition:color .16s ease;}

/* --- mega menu: more space, hover-intent delay, calmer reveal --- */
.lb-mega{padding:1.75rem;border-radius:18px;box-shadow:0 30px 72px rgba(9,17,55,.15);transition:opacity .22s ease,transform .22s ease,visibility .22s;transition-delay:.09s;}
.lb-has-mega:hover .lb-mega,.lb-has-mega:focus-within .lb-mega{transition-delay:0s;}
.lb-mega__in{gap:1.9rem;}
.lb-mega__k{letter-spacing:.14em;}
.lb-mega__desc{line-height:1.62;}
.lb-mega__col a{padding:.42rem 0;border-radius:6px;transition:color .16s ease,padding-inline-start .16s ease;}
.lb-mega__col a:hover{color:var(--labeeb-royal);padding-inline-start:.3rem;}

/* --- footer: premium consultancy breathing, hierarchy & rhythm --- */
.lb-precta__in{padding-block:clamp(3rem,6vw,4.4rem);}
.lb-foot__in{padding-block:clamp(3.2rem,6.5vw,4.75rem) 2.4rem;gap:2.2rem 1.9rem;}
.lb-foot__logo{font-size:1.55rem;font-weight:750;letter-spacing:-.01em;margin-bottom:.55rem;}
.lb-foot__tagline{font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--labeeb-pale);margin:0 0 .9rem;}
.lb-foot__story{font-size:.9rem;line-height:1.78;color:#aab2c6;margin:0 0 1.2rem;max-width:36ch;}
.lb-foot__h{letter-spacing:.14em;color:#eef1f8;margin-bottom:1.05rem;}
.lb-foot__col a{padding:.36rem 0;transition:color .16s ease,padding-inline-start .16s ease;}
.lb-foot__col a:hover{padding-inline-start:.25rem;}
.lb-foot__contact{gap:.35rem;}
.lb-foot__regions{line-height:1.85;}
.lb-foot__legal{padding-block:1.5rem;}

/* --- restrained card elevation (hub / related cards) --- */
@media(hover:hover) and (pointer:fine){
  .labeeb-related__card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
  .labeeb-related__card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(9,17,55,.10);border-color:#c5ccee;}
}

/* --- reduced-motion safety for the entire polish layer --- */
@media(prefers-reduced-motion:reduce){
  .lb-nav__top::after,.lb-cta,.lb-wa,.lb-wabtn,.lb-mega,.lb-mega__col a,.labeeb-related__card,.lb-foot__col a{transition:none!important;}
  .lb-cta:hover,.labeeb-related__card:hover{transform:none!important;}
}

/* ===== Phase 16C global design standardisation (2026-07-17) ===== */
.lb-wabtn{justify-content:center;gap:10px;}
.lb-wabtn>svg{flex:0 0 auto;}
.lb-drawer__cta .lb-wabtn{display:flex;align-items:center;justify-content:center;gap:10px;padding-block:calc(0.7rem + 1px);}
.lb-drawer__cta .lb-wabtn>svg{flex:0 0 auto;}
.labeeb-svc.labeeb-svc .btn{border-radius:12px;}

/* ===== Phase 16D — WhatsApp CTA colour + hero harmonisation (2026-07-17) ===== */
/* WhatsApp CTAs: white label + white icon on accessible deep green (>=4.5:1 with white); centred group preserved */
.lb-wabtn,.lb-wa,.btn--wa,.btn.btn--wa{background:#25d366;color:#fff;}
.lb-wabtn:hover,.lb-wabtn:focus-visible,.lb-wabtn:active,.lb-wa:hover,.lb-wa:focus-visible,.btn--wa:hover,.btn--wa:focus-visible,.btn.btn--wa:hover,.btn.btn--wa:focus-visible{background:#20b95a;color:#fff;}
.lb-wabtn svg,.lb-wa svg{fill:currentColor;}

/* Homepage hero polish (scoped body.home; overrides page-284 inline naturally, no !important) */
body.home .lh-hero h1{font-size:clamp(2.5rem,3.6vw,3.3rem);line-height:1.12;letter-spacing:-.02em;text-wrap:balance;}
body.home .lh-hero__grid{padding-top:52px;}
body.home .lh-hero__sub{font-weight:500;color:rgba(255,255,255,.86);}
body.home .lh-btn--wa{background:#25d366;color:#fff;}
body.home .lh-btn--wa:hover,body.home .lh-btn--wa:focus-visible{background:#20b95a;}
/* Hub hero: tighten header-to-hero transition + breadcrumb legibility */
.labeeb-blog-hero{padding-top:40px;}
.labeeb-blog-hero__crumb{font-size:12.5px;}
/* Service-page WhatsApp buttons are styled by page-inline CSS (specificity 3, later load); scoped !important guarantees the mandated white-on-green (WhatsApp CTAs only) */
.btn--wa,.btn.btn--wa{background:#25d366!important;color:#fff!important;}
.btn--wa:hover,.btn--wa:focus-visible,.btn.btn--wa:hover,.btn.btn--wa:focus-visible{background:#20b95a!important;}
/* Primary CTA arrow — match homepage master (hub + service MAIN CTAs; homepage keeps its inline SVG arrow; package-tier buttons excluded) */
.lb-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;}
.lb-cta::after{content:"\2192";flex:0 0 auto;font-weight:600;font-size:1.05em;line-height:1;}
.labeeb-svc__hero-cta .btn--primary,.labeeb-cfg__cta .btn--primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;}
.labeeb-svc__hero-cta .btn--primary::after,.labeeb-cfg__cta .btn--primary::after{content:"\2192";flex:0 0 auto;font-weight:600;font-size:1.05em;line-height:1;}
/* Hub hero primary uses .labeeb-cta — include it in the master arrow treatment */
.labeeb-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;}
.labeeb-cta::after{content:"\2192";flex:0 0 auto;font-weight:600;font-size:1.05em;line-height:1;}
/* ===== Phase 16D — unified hero gradient system (master = homepage deep-navy + grid + glow); pillar-tinted glow, identical navy base ===== */

body.page-template-business-solutions .labeeb-blog-hero,body.page-template-business-solutions .labeeb-svc__hero{--lb-hero-glow:rgba(120,116,240,.24);}
body.page-template-academic-support .labeeb-blog-hero,body.page-template-academic-support .labeeb-svc__hero{--lb-hero-glow:rgba(158,120,246,.26);}
.labeeb-blog-hero__h1,.labeeb-svc__hero h1{font-weight:800;}


/* ===== Phase 16E — Hero final harmonisation (match homepage master, page 284) 2026-07-17 ===== */
.labeeb-blog-hero,body .labeeb-svc__hero{position:relative;padding-top:0!important;padding-bottom:0!important;background:linear-gradient(160deg,#141c4f 0%,#1c2a86 52%,#243cc0 100%)!important}
.labeeb-blog-hero::before,body .labeeb-svc__hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle at 82% 18%,var(--lb-hero-glow,rgba(120,150,255,.28)),transparent 42%),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)!important;background-size:auto,44px 44px,44px 44px!important;opacity:.6!important}
.labeeb-blog-hero>*,body .labeeb-svc__hero>*{position:relative;z-index:1}
.labeeb-blog-hero{--lb-hero-glow:rgba(120,150,255,.28)}
.labeeb-svc__hero{--lb-hero-glow:rgba(120,150,255,.28)}
body.page-template-business-solutions .labeeb-svc__hero{--lb-hero-glow:rgba(124,120,236,.26)}
body.page-template-academic-support .labeeb-blog-hero{--lb-hero-glow:rgba(150,120,240,.26)}
.labeeb-blog-hero h1,body .labeeb-svc__hero h1{font-weight:800!important;font-size:clamp(2.3rem,4.7vw,4rem)!important;line-height:1.05!important;letter-spacing:-.025em!important;color:#fff!important}
.labeeb-blog-hero__tagline,body .labeeb-svc__hero .labeeb-svc__hero-sub{color:rgba(255,255,255,.86)!important}
.labeeb-blog-hero__body,body .labeeb-svc__hero p:not([class]){color:rgba(255,255,255,.7)!important}
.labeeb-blog-hero .labeeb-label,body .labeeb-svc__hero .labeeb-svc__eyebrow{color:#aebbff!important}
.labeeb-blog-hero__crumb,body .labeeb-svc__hero .labeeb-svc__crumb{color:rgba(255,255,255,.62)!important}
.labeeb-blog-hero .lb-hubhero,body .labeeb-svc__hero .labeeb-svc__wrap{padding-top:clamp(48px,6vw,84px)!important;padding-bottom:clamp(48px,6vw,84px)!important}
.labeeb-blog-hero .labeeb-wa-btn,.lb-hubhero__card .labeeb-wa-btn,body .labeeb-svc__hero .btn--wa{border-radius:12px!important;min-height:48px!important;font-weight:600!important}
/* ===== end 16E ===== */


/* ===== Phase 16E.1 — WhatsApp CTA consistency (owner-ratified #25D366; do not change) 2026-07-17 ===== */
.lb-wabtn,.lb-wa,.btn--wa,.btn.btn--wa,.labeeb-wa-btn,.lh-btn--wa{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;border-radius:12px!important;background:#25d366!important;color:#fff!important}
.lb-wabtn:hover,.lb-wa:hover,.btn--wa:hover,.btn.btn--wa:hover,.labeeb-wa-btn:hover,.lh-btn--wa:hover{background:#20b95a!important;color:#fff!important}
.lb-wabtn svg,.lb-wabtn img,.lb-wabtn i,.lb-wa svg,.btn--wa svg,.btn--wa i,.labeeb-wa-btn svg,.labeeb-wa-btn i,.lh-btn--wa svg{fill:#fff!important;stroke:#fff!important;color:#fff!important;order:-1!important;flex:0 0 auto}
.lb-wabtn,.lb-wa,.btn--wa,.btn.btn--wa,.labeeb-wa-btn,.lh-btn--wa.lh-btn--block{min-height:48px!important;padding-top:12px!important;padding-bottom:12px!important}
/* ===== end 16E.1 ===== */