/* ============================================================
   Ali Al-Masrdi — faithful homepage (design project: website-full)
   New component layer, prefix `amz-`, so existing inner pages
   (amx-*) are untouched. Scoped under body.amx-body.
   ============================================================ */

/* ---------- Two-tier header (top bar + nav bar) ---------- */
body.amx-body .amz-topbar { background:var(--teal-950); color:var(--teal-100); font-size:var(--fs-caption); }
body.amx-body .amz-topbar .in { display:flex; align-items:center; justify-content:space-between; gap:var(--sp-4); min-height:40px; }
body.amx-body .amz-topbar a { color:var(--teal-100); }
body.amx-body .amz-topbar .soc { display:flex; align-items:center; gap:var(--sp-3); }
body.amx-body .amz-topbar .soc a:hover { color:var(--teal-300); }
body.amx-body .amz-topbar .soc i { width:15px; height:15px; }
body.amx-body .amz-topbar .meta { display:flex; align-items:center; gap:var(--sp-5); }
body.amx-body .amz-topbar .meta span { display:inline-flex; align-items:center; gap:6px; }
body.amx-body .amz-topbar .meta i { width:14px; height:14px; color:var(--teal-300); }
body.amx-body .amz-topbar .meta .ph { font-weight:var(--fw-bold); color:#fff; direction:ltr; }
@media (max-width:760px){ body.amx-body .amz-topbar .meta .hrs { display:none; } }

body.amx-body .amz-nav { background:#fff; border-bottom:1px solid var(--border-subtle); position:sticky; top:0; z-index:100; }
body.amx-body .amz-nav .in { display:flex; align-items:center; gap:var(--sp-6); min-height:78px; }
body.amx-body .amz-brand img { height:52px; width:auto; }
body.amx-body .amz-links { display:none; align-items:center; margin-inline-end:auto; }
body.amx-body .amz-links ul { list-style:none; margin:0; padding:0; display:flex; align-items:center; gap:var(--sp-1); }
body.amx-body .amz-links li { position:relative; }
body.amx-body .amz-links a { display:inline-flex; align-items:center; gap:5px; padding:8px 12px; border-radius:var(--radius-sm); color:var(--text-body); font-weight:var(--fw-medium); font-size:var(--fs-body-sm); white-space:nowrap; }
body.amx-body .amz-links a:hover { color:var(--brand); background:var(--brand-subtle); }
body.amx-body .amz-links .current-menu-item>a, body.amx-body .amz-links .current_page_item>a, body.amx-body .amz-links a.active { color:var(--brand); font-weight:var(--fw-bold); }
/* dropdowns */
body.amx-body .amz-links .sub-menu { position:absolute; inset-inline-start:0; top:calc(100% + 6px); min-width:220px; background:#fff; border:1px solid var(--border-subtle); border-radius:var(--radius-md); box-shadow:var(--shadow-lg); padding:var(--sp-2); display:none; flex-direction:column; gap:2px; z-index:120; }
body.amx-body .amz-links li:hover > .sub-menu { display:flex; }
body.amx-body .amz-links .sub-menu li { width:100%; }
body.amx-body .amz-links .sub-menu a { display:block; width:100%; }
body.amx-body .amz-nav-cta { display:none; align-items:center; gap:var(--sp-3); }
body.amx-body .amz-acct { width:44px; height:44px; border:1px solid var(--border-default); border-radius:var(--radius-md); display:inline-flex; align-items:center; justify-content:center; color:var(--text-strong); }
body.amx-body .amz-acct:hover { border-color:var(--brand); color:var(--brand); }
body.amx-body .amz-burger { margin-inline-start:auto; width:46px; height:46px; border:1px solid var(--border-default); border-radius:var(--radius-md); background:#fff; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; }
@media (min-width:1024px){
  body.amx-body .amz-links{ display:flex; } body.amx-body .amz-nav-cta{ display:flex; } body.amx-body .amz-burger{ display:none; }
}

/* ---------- Buttons ---------- */
body.amx-body .amz-btn { display:inline-flex; align-items:center; gap:8px; font-family:var(--font-sans); font-weight:var(--fw-bold); font-size:var(--fs-body-sm); padding:12px 22px; border-radius:var(--radius-md); border:1px solid transparent; cursor:pointer; transition:background var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast), border-color var(--dur-fast), transform var(--dur-fast); line-height:1.2; }
body.amx-body .amz-btn-primary { background:var(--brand); color:#fff; box-shadow:var(--shadow-brand); }
body.amx-body .amz-btn-primary:hover { background:var(--brand-hover); color:#fff; }
body.amx-body .amz-btn-primary:active { transform:scale(.98); }
body.amx-body .amz-btn-ghostdark { background:transparent; color:#fff; border-color:rgba(255,255,255,.35); }
body.amx-body .amz-btn-ghostdark:hover { border-color:var(--teal-300); color:#fff; }
body.amx-body .amz-btn-lg { padding:15px 30px; font-size:var(--fs-body); }
body.amx-body .amz-linkmore { display:inline-flex; align-items:center; gap:8px; background:none; border:0; cursor:pointer; font-family:var(--font-sans); font-size:var(--fs-body); font-weight:var(--fw-bold); color:var(--brand); }
body.amx-body .amz-linkmore:hover { color:var(--text-link-hover); }
body.amx-body .amz-linkmore i { width:18px; height:18px; transition:transform var(--dur-fast); }
body.amx-body .amz-linkmore:hover i { transform:translateX(-4px); }

/* ---------- Kicker (double-rule + overline) ---------- */
body.amx-body .amz-kicker { display:inline-flex; align-items:center; gap:12px; margin-bottom:var(--sp-4); }
body.amx-body .amz-kicker .rule { width:34px; height:3px; border-top:1px solid var(--brand); border-bottom:1px solid var(--brand); box-sizing:border-box; }
body.amx-body .amz-kicker span.t { font-size:var(--fs-overline); font-weight:var(--fw-extrabold); letter-spacing:var(--ls-overline); color:var(--brand); }
body.amx-body .amz-kicker.ondark .rule { border-color:var(--highlight-from-dark); }
body.amx-body .amz-kicker.ondark span.t { color:var(--highlight-from-dark); }

/* Highlighted words */
body.amx-body .amz-hi { display:inline-block; line-height:1.25; padding-bottom:.16em; margin-bottom:-.16em; background-image:linear-gradient(100deg,var(--highlight-from-light),var(--highlight-to-light)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
body.amx-body .amz-hi.ondark { background-image:linear-gradient(100deg,var(--highlight-from-dark),var(--highlight-to-dark)); }

/* ---------- Section (rounded-top overlap) + tones ---------- */
body.amx-body .amz-sec { position:relative; padding:clamp(56px,9vw,104px) var(--gutter); border-top-left-radius:clamp(28px,4vw,48px); border-top-right-radius:clamp(28px,4vw,48px); margin-top:calc(-1 * clamp(28px,4vw,48px)); }
body.amx-body .amz-sec.flat { border-radius:0; margin-top:0; }
body.amx-body .amz-sec.page { background:var(--surface-page); }
body.amx-body .amz-sec.card { background:var(--surface-card); }
body.amx-body .amz-sec.sunken { background:var(--surface-sunken); }
body.amx-body .amz-sec.parchment { background:var(--surface-parchment); }
body.amx-body .amz-sec.ink { background:var(--teal-950); }
body.amx-body .amz-sec.inkpanel { background:var(--teal-900); }
body.amx-body .amz-wrap { max-width:var(--container-max); margin-inline:auto; width:100%; }

/* Section head */
body.amx-body .amz-head { max-width:680px; margin-bottom:clamp(32px,5vw,56px); }
body.amx-body .amz-head.center { max-width:720px; margin-inline:auto; text-align:center; }
body.amx-body .amz-head.center .amz-kicker { }
body.amx-body .amz-head h2 { font-size:clamp(28px,5vw,44px); font-weight:var(--fw-black); letter-spacing:var(--ls-tight); color:var(--text-strong); line-height:1.15; text-wrap:balance; }
body.amx-body .amz-head.ondark h2 { color:#fff; }
body.amx-body .amz-head p.lead { margin-top:var(--sp-4); font-size:clamp(16px,2.4vw,19px); line-height:var(--lh-relaxed); color:var(--text-muted); }
body.amx-body .amz-head.ondark p.lead { color:var(--teal-100); }
body.amx-body .amz-head.center .amz-kicker { justify-content:center; }

/* ---------- Poster panel (dark brand card) ---------- */
body.amx-body .amz-poster { position:relative; width:100%; aspect-ratio:1/1; background:#0d1413; overflow:hidden; border-radius:var(--radius-xl); }
body.amx-body .amz-poster .g1 { position:absolute; inset:0; background:radial-gradient(circle at 30% 62%, rgba(67,146,138,.55), transparent 58%); }
body.amx-body .amz-poster .g2 { position:absolute; inset-inline-end:-14%; top:-22%; width:55%; aspect-ratio:1/1; border-radius:50%; background:radial-gradient(circle, rgba(110,231,210,.14), transparent 62%); }
body.amx-body .amz-poster .in { position:absolute; inset:0; padding:clamp(28px,4vw,48px); display:flex; flex-direction:column; }
body.amx-body .amz-poster img.logo { height:58px; width:auto; align-self:flex-start; opacity:.96; }
body.amx-body .amz-poster .mid { flex:1; display:flex; flex-direction:column; justify-content:center; text-align:center; }
body.amx-body .amz-poster h3 { color:#fff; font-size:clamp(30px,5vw,52px); font-weight:var(--fw-black); line-height:1.15; letter-spacing:var(--ls-tight); text-shadow:0 2px 20px rgba(0,0,0,.4); }
body.amx-body .amz-poster p.sub { color:var(--teal-100); font-size:clamp(14px,2vw,17px); line-height:1.9; max-width:440px; margin:var(--sp-4) auto 0; }
body.amx-body .amz-poster .credit { border-top:1px solid rgba(255,255,255,.18); padding-top:14px; font-size:12px; color:rgba(255,255,255,.62); line-height:1.7; text-align:center; }

/* ---------- HERO ---------- */
body.amx-body .amz-hero { position:relative; background:var(--teal-950); overflow:hidden; }
body.amx-body .amz-hero .glow-a { position:absolute; inset-inline-end:-10%; top:-20%; width:620px; height:620px; border-radius:50%; background:radial-gradient(circle, rgba(110,231,210,.13), transparent 62%); pointer-events:none; }
body.amx-body .amz-hero .glow-b { position:absolute; inset-inline-start:-8%; bottom:-25%; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle, rgba(67,146,138,.35), transparent 62%); pointer-events:none; }
body.amx-body .amz-hero .in { position:relative; max-width:var(--container-max); margin-inline:auto; padding:clamp(56px,8vw,96px) var(--gutter) clamp(48px,7vw,88px); }
body.amx-body .amz-hero-grid { display:grid; grid-template-columns:1fr; gap:clamp(32px,5vw,64px); align-items:center; }
@media (min-width:1000px){ body.amx-body .amz-hero-grid { grid-template-columns:1.1fr 0.9fr; } }
body.amx-body .amz-hero h1 { font-size:clamp(38px,7.5vw,76px); font-weight:var(--fw-black); line-height:1.08; letter-spacing:var(--ls-tight); color:#fff; text-wrap:balance; margin:0; }
body.amx-body .amz-hero p.lead { margin-top:var(--sp-5); font-size:clamp(16px,2.4vw,20px); line-height:var(--lh-relaxed); color:var(--teal-100); max-width:560px; }
body.amx-body .amz-hero-actions { display:flex; gap:var(--sp-3); flex-wrap:wrap; margin-top:var(--sp-8); }
body.amx-body .amz-hero-social { display:flex; align-items:center; gap:var(--sp-4); margin-top:var(--sp-10); flex-wrap:wrap; }
@media (min-width:640px){ body.amx-body .amz-hero-social { flex-wrap:nowrap; } }
body.amx-body .amz-advisors { display:inline-flex; align-items:center; gap:var(--sp-3); cursor:pointer; flex:0 0 auto; }
body.amx-body .amz-greview { flex:0 1 auto; min-width:0; }
body.amx-body .amz-greview .cnt { line-height:1.35; }
body.amx-body .amz-avatars { display:flex; flex-direction:row-reverse; }
body.amx-body .amz-avatars .av { width:54px; height:54px; border-radius:50%; border:2px solid var(--teal-950); box-shadow:0 0 0 2px var(--highlight-from-dark); overflow:hidden; background:var(--teal-900); }
body.amx-body .amz-avatars .av:not(:first-child) { margin-inline-start:-16px; }
body.amx-body .amz-avatars .av img { width:100%; height:100%; object-fit:cover; display:block; }
body.amx-body .amz-advisors > span:not(.amz-avatars) { display:flex; flex-direction:column; }
body.amx-body .amz-advisors .lbl { display:block; font-size:var(--fs-title); font-weight:var(--fw-extrabold); color:#fff; line-height:1.2; white-space:nowrap; }
body.amx-body .amz-advisors .sub { display:block; font-size:var(--fs-caption); color:var(--teal-200); margin-top:2px; white-space:nowrap; }
body.amx-body .amz-hsep { width:1px; align-self:stretch; background:rgba(255,255,255,.18); }
@media (max-width:760px){ body.amx-body .amz-hsep{ display:none; } }

/* Google review card */
body.amx-body .amz-greview { display:inline-flex; align-items:center; gap:var(--sp-3); background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.16); border-radius:var(--radius-lg); padding:var(--sp-3) var(--sp-4); backdrop-filter:blur(6px); }
body.amx-body .amz-greview .rate { text-align:center; }
body.amx-body .amz-greview .rate .n { font-size:var(--fs-h3); font-weight:var(--fw-black); color:#fff; line-height:1; direction:ltr; }
body.amx-body .amz-greview .rate .stars { margin-top:4px; color:#F4B400; display:inline-flex; gap:1px; }
body.amx-body .amz-greview .rate .stars i { width:12px; height:12px; fill:#F4B400; }
body.amx-body .amz-greview .vsep { width:1px; align-self:stretch; background:rgba(255,255,255,.18); }
body.amx-body .amz-greview .gw { font-family:Arial, var(--font-sans); font-weight:700; font-size:17px; letter-spacing:-.5px; }
body.amx-body .amz-greview .gw b:nth-child(1){color:#4285F4}.amz-greview .gw b:nth-child(2){color:#EA4335}.amz-greview .gw b:nth-child(3){color:#FBBC05}.amz-greview .gw b:nth-child(4){color:#4285F4}.amz-greview .gw b:nth-child(5){color:#34A853}.amz-greview .gw b:nth-child(6){color:#EA4335}
body.amx-body .amz-greview .lbl { font-size:var(--fs-body-sm); font-weight:var(--fw-bold); color:#fff; display:flex; align-items:center; gap:6px; margin-bottom:3px; }
body.amx-body .amz-greview .cnt { font-size:var(--fs-caption); color:var(--teal-200); }

/* Hero floating award badge */
body.amx-body .amz-hero-poster { position:relative; }
body.amx-body .amz-badge { position:absolute; inset-inline-start:calc(-1 * var(--sp-4)); bottom:var(--sp-6); background:#fff; border-radius:var(--radius-lg); padding:var(--sp-4) var(--sp-5); box-shadow:var(--shadow-lg); display:flex; align-items:center; gap:12px; max-width:260px; }
body.amx-body .amz-badge .ic { width:44px; height:44px; border-radius:var(--radius-md); background:linear-gradient(135deg,var(--teal-400),var(--teal-700)); display:flex; align-items:center; justify-content:center; flex:0 0 auto; color:#fff; }
body.amx-body .amz-badge .t1 { font-size:var(--fs-body-sm); font-weight:var(--fw-extrabold); color:var(--text-strong); line-height:1.2; }
body.amx-body .amz-badge .t2 { font-size:var(--fs-caption); color:var(--text-muted); }

/* ---------- Stats strip ---------- */
body.amx-body .amz-stats { position:relative; background:var(--surface-card); border-bottom:1px solid var(--border-subtle); border-top-left-radius:clamp(28px,4vw,48px); border-top-right-radius:clamp(28px,4vw,48px); margin-top:calc(-1 * clamp(28px,4vw,48px)); }
body.amx-body .amz-stats .in { max-width:var(--container-max); margin-inline:auto; padding:var(--sp-10) var(--gutter); display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-6); }
@media (min-width:900px){ body.amx-body .amz-stats .in { grid-template-columns:repeat(4,1fr); } }
body.amx-body .amz-stat { text-align:center; }
body.amx-body .amz-stat .n { font-size:clamp(30px,5vw,46px); font-weight:var(--fw-black); color:var(--brand); line-height:1; }
body.amx-body .amz-stat .l { font-size:var(--fs-body-sm); color:var(--text-muted); margin-top:8px; font-weight:var(--fw-medium); }

/* ---------- About intro ---------- */
body.amx-body .amz-about { display:grid; grid-template-columns:1fr; gap:clamp(28px,4vw,56px); align-items:center; }
@media (min-width:900px){ body.amx-body .amz-about { grid-template-columns:0.95fr 1.05fr; } }
body.amx-body .amz-about p { font-size:clamp(16px,2.4vw,18px); line-height:var(--lh-relaxed); margin-bottom:var(--sp-4); }
body.amx-body .amz-about p.muted { color:var(--text-muted); margin-bottom:var(--sp-6); }

/* ---------- Services grid ---------- */
body.amx-body .amz-grid { display:grid; grid-template-columns:1fr; gap:var(--sp-5); }
@media (min-width:640px){ body.amx-body .amz-grid.c3, body.amx-body .amz-grid.c4 { grid-template-columns:repeat(2,1fr); } }
@media (min-width:1000px){ body.amx-body .amz-grid.c3 { grid-template-columns:repeat(3,1fr); } body.amx-body .amz-grid.c4 { grid-template-columns:repeat(4,1fr); } }
body.amx-body .amz-scard { background:var(--surface-card); border:1px solid var(--border-subtle); border-top:3px solid var(--brand); border-radius:var(--radius-lg); padding:var(--sp-6); box-shadow:var(--shadow-sm); height:100%; transition:box-shadow var(--dur-base) var(--ease-standard), transform var(--dur-base) var(--ease-standard); display:block; }
body.amx-body .amz-scard:hover { box-shadow:var(--shadow-md); transform:translateY(-3px); }
body.amx-body .amz-scard .ic { width:52px; height:52px; border-radius:var(--radius-md); background:var(--teal-50); color:var(--brand); display:flex; align-items:center; justify-content:center; margin-bottom:var(--sp-4); }
body.amx-body .amz-scard h3 { font-size:var(--fs-h4); margin-bottom:var(--sp-2); }
body.amx-body .amz-scard p { font-size:var(--fs-body-sm); color:var(--text-muted); line-height:var(--lh-relaxed); margin-bottom:var(--sp-4); }
body.amx-body .amz-scard .more { display:inline-flex; align-items:center; gap:5px; font-size:var(--fs-body-sm); font-weight:var(--fw-bold); color:var(--brand); }

/* ---------- Why us (dark) ---------- */
body.amx-body .amz-why { display:grid; grid-template-columns:1fr; gap:var(--sp-6); }
@media (min-width:640px){ body.amx-body .amz-why { grid-template-columns:repeat(2,1fr); } }
@media (min-width:1000px){ body.amx-body .amz-why { grid-template-columns:repeat(4,1fr); } }
body.amx-body .amz-wcard { padding:var(--sp-6); border-radius:var(--radius-lg); background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); height:100%; }
body.amx-body .amz-wcard .ic { width:50px; height:50px; border-radius:var(--radius-md); background:rgba(110,231,210,.13); color:var(--highlight-from-dark); display:flex; align-items:center; justify-content:center; margin-bottom:var(--sp-4); }
body.amx-body .amz-wcard h3 { color:#fff; font-size:var(--fs-title); margin-bottom:var(--sp-2); }
body.amx-body .amz-wcard p { color:var(--teal-200); font-size:var(--fs-body-sm); line-height:var(--lh-relaxed); }

/* ---------- Awards ---------- */
body.amx-body .amz-awards { display:grid; grid-template-columns:1fr; gap:var(--sp-5); }
@media (min-width:900px){ body.amx-body .amz-awards { grid-template-columns:repeat(3,1fr); } }
body.amx-body .amz-acard { position:relative; background:var(--surface-card); border:1px solid var(--border-subtle); border-top:3px solid var(--brand); border-radius:var(--radius-lg); padding:var(--sp-8) var(--sp-6); height:100%; box-shadow:var(--shadow-sm); }
body.amx-body .amz-acard .top { display:flex; align-items:center; justify-content:space-between; margin-bottom:var(--sp-4); }
body.amx-body .amz-acard .tr { width:54px; height:54px; border-radius:50%; background:linear-gradient(135deg,var(--teal-400),var(--teal-700)); display:flex; align-items:center; justify-content:center; color:#fff; }
body.amx-body .amz-acard .yr { font-size:var(--fs-h3); font-weight:var(--fw-black); color:var(--brand); direction:ltr; }
body.amx-body .amz-acard h3 { font-size:var(--fs-h4); margin-bottom:var(--sp-2); line-height:1.3; }
body.amx-body .amz-acard p { font-size:var(--fs-body-sm); color:var(--text-muted); line-height:var(--lh-relaxed); }
body.amx-body .amz-acard .tag { margin-top:var(--sp-4); font-size:var(--fs-caption); font-weight:var(--fw-bold); letter-spacing:.04em; color:var(--teal-700); direction:ltr; }

/* ---------- Team ---------- */
body.amx-body .amz-team { display:grid; grid-template-columns:1fr; gap:var(--sp-6); }
@media (min-width:640px){ body.amx-body .amz-team { grid-template-columns:repeat(2,1fr); } }
@media (min-width:1000px){ body.amx-body .amz-team { grid-template-columns:repeat(3,1fr); } }
body.amx-body .amz-tcard { background:var(--surface-card); border:1px solid var(--border-subtle); border-radius:var(--radius-lg); overflow:hidden; height:100%; box-shadow:var(--shadow-sm); transition:box-shadow var(--dur-base) var(--ease-standard), transform var(--dur-base) var(--ease-standard); display:block; }
body.amx-body .amz-tcard:hover { box-shadow:var(--shadow-md); transform:translateY(-3px); }
body.amx-body .amz-tcard .ph { position:relative; background:var(--teal-950); aspect-ratio:1/1; }
body.amx-body .amz-tcard .ph img { width:100%; height:100%; object-fit:cover; display:block; }
body.amx-body .amz-tcard .ph .scrim { position:absolute; inset-inline:0; bottom:0; height:45%; background:linear-gradient(to top, rgba(19,38,36,.85), transparent); }
body.amx-body .amz-tcard .ph .role { position:absolute; bottom:12px; inset-inline-start:14px; font-size:var(--fs-caption); font-weight:var(--fw-bold); color:var(--highlight-from-dark); letter-spacing:.04em; }
body.amx-body .amz-tcard .bd { padding:var(--sp-5); }
body.amx-body .amz-tcard h3 { font-size:var(--fs-title); margin-bottom:var(--sp-2); }
body.amx-body .amz-tcard p { font-size:var(--fs-body-sm); color:var(--text-muted); line-height:var(--lh-relaxed); }

/* ---------- FAQ (plus/minus) ---------- */
body.amx-body .amz-faq { display:flex; flex-direction:column; gap:var(--sp-3); max-width:860px; margin-inline:auto; }
body.amx-body .amz-q { background:var(--surface-card); border:1px solid var(--border-subtle); border-radius:var(--radius-lg); overflow:hidden; transition:border-color var(--dur-base); }
body.amx-body .amz-q.open { border-color:var(--border-brand); }
body.amx-body .amz-q .qh { width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:var(--sp-5) var(--sp-6); background:none; border:0; cursor:pointer; text-align:start; font-family:var(--font-sans); }
body.amx-body .amz-q .qh .qt { font-size:var(--fs-title); font-weight:var(--fw-bold); color:var(--text-strong); }
body.amx-body .amz-q .qh .pm { flex:0 0 auto; width:32px; height:32px; border-radius:50%; background:var(--teal-50); color:var(--brand); display:flex; align-items:center; justify-content:center; transition:all var(--dur-base); }
body.amx-body .amz-q.open .qh .pm { background:var(--brand); color:#fff; }
body.amx-body .amz-q .pm .plus { display:block; } body.amx-body .amz-q .pm .minus { display:none; }
body.amx-body .amz-q.open .pm .plus { display:none; } body.amx-body .amz-q.open .pm .minus { display:block; }
body.amx-body .amz-q .qa { max-height:0; overflow:hidden; transition:max-height var(--dur-slow) var(--ease-standard); }
body.amx-body .amz-q.open .qa { max-height:360px; }
body.amx-body .amz-q .qa p { padding:0 var(--sp-6) var(--sp-6); font-size:var(--fs-body); color:var(--text-body); line-height:var(--lh-relaxed); }

/* ---------- Blog ---------- */
body.amx-body .amz-blog { display:grid; grid-template-columns:1fr; gap:var(--sp-5); }
@media (min-width:640px){ body.amx-body .amz-blog { grid-template-columns:repeat(2,1fr); } }
@media (min-width:1000px){ body.amx-body .amz-blog { grid-template-columns:repeat(3,1fr); } }
body.amx-body .amz-post { background:var(--surface-card); border:1px solid var(--border-subtle); border-radius:var(--radius-lg); overflow:hidden; height:100%; box-shadow:var(--shadow-sm); display:flex; flex-direction:column; }
body.amx-body .amz-post:hover { box-shadow:var(--shadow-md); }
body.amx-body .amz-post .im { position:relative; }
body.amx-body .amz-post .im img { width:100%; aspect-ratio:10/7; object-fit:cover; display:block; }
body.amx-body .amz-post .cat { position:absolute; top:12px; inset-inline-start:12px; font-size:var(--fs-overline); font-weight:var(--fw-bold); letter-spacing:.05em; color:#fff; padding:4px 12px; border-radius:var(--radius-pill); box-shadow:var(--shadow-sm); }
body.amx-body .amz-post .bd { padding:var(--sp-5); display:flex; flex-direction:column; flex:1; border-top:3px solid var(--brand); }
body.amx-body .amz-post .date { font-size:var(--fs-caption); color:var(--text-faint); margin-bottom:var(--sp-3); }
body.amx-body .amz-post h3 { font-size:var(--fs-title); line-height:1.4; margin-bottom:var(--sp-3); flex:1; }
body.amx-body .amz-post .meta { display:flex; align-items:center; justify-content:space-between; font-size:var(--fs-caption); color:var(--text-muted); border-top:1px solid var(--border-subtle); padding-top:var(--sp-3); }
body.amx-body .amz-post .meta span { display:inline-flex; align-items:center; gap:6px; }
body.amx-body .amz-post .meta i { width:14px; height:14px; }

/* ---------- CTA banner ---------- */
body.amx-body .amz-ctawrap { max-width:var(--container-max); margin-inline:auto; }
body.amx-body .amz-cta { position:relative; overflow:hidden; background:var(--teal-950); border-radius:var(--radius-xl); padding:clamp(40px,6vw,72px); text-align:center; }
body.amx-body .amz-cta .glow { position:absolute; inset-inline-end:-6%; top:-40%; width:420px; height:420px; border-radius:50%; background:radial-gradient(circle, rgba(110,231,210,.13), transparent 62%); }
body.amx-body .amz-cta .in { position:relative; }
body.amx-body .amz-cta h2 { font-size:clamp(26px,5vw,42px); font-weight:var(--fw-black); color:#fff; margin-bottom:var(--sp-3); text-wrap:balance; }
body.amx-body .amz-cta p { font-size:clamp(16px,2.4vw,19px); color:var(--teal-100); max-width:620px; margin:0 auto var(--sp-8); line-height:var(--lh-relaxed); }
body.amx-body .amz-cta .acts { display:flex; gap:var(--sp-3); justify-content:center; flex-wrap:wrap; }

/* Center helper for section actions */
body.amx-body .amz-center { text-align:center; margin-top:var(--sp-8); }

/* ============================================================
   Mega menu + regular dropdown (header)
   ============================================================ */
body.amx-body .amz-links .amz-top { display:inline-flex; align-items:center; gap:6px; padding:8px 12px; border-radius:var(--radius-sm); background:none; border:0; cursor:pointer; font-family:var(--font-sans); font-weight:var(--fw-medium); font-size:var(--fs-body-sm); color:var(--text-body); white-space:nowrap; }
body.amx-body .amz-links .amz-top:hover { color:var(--brand); background:var(--brand-subtle); }
body.amx-body .amz-links .amz-top[aria-current="page"] { color:var(--brand); font-weight:var(--fw-bold); }
body.amx-body .amz-links .amz-top i { width:15px; height:15px; transition:transform var(--dur-base) var(--ease-standard); }
body.amx-body .amz-links li.has-panel { position:relative; }
body.amx-body .amz-links li.has-panel:hover > .amz-top { color:var(--brand); background:var(--brand-subtle); }
body.amx-body .amz-links li.has-panel:hover > .amz-top i { transform:rotate(180deg); }

body.amx-body .amz-panel { position:absolute; top:calc(100% + 12px); inset-inline-start:0; z-index:130; display:none; background:#fff; border:1px solid var(--border-subtle); border-radius:var(--radius-lg); box-shadow:var(--shadow-lg); padding:var(--sp-5) var(--sp-6) var(--sp-4); }
body.amx-body .amz-links li.has-panel:hover > .amz-panel { display:block; animation:amzfade var(--dur-base) var(--ease-out); }
@keyframes amzfade { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }
body.amx-body .amz-panel::before { content:""; position:absolute; top:-16px; inset-inline:0; height:18px; } /* hover bridge */
body.amx-body .amz-panel .amz-caret { position:absolute; top:-7px; inset-inline-start:34px; width:14px; height:14px; background:#fff; border-top:1px solid var(--border-subtle); border-inline-start:1px solid var(--border-subtle); transform:rotate(45deg); }
body.amx-body .amz-mega { width:min(760px,86vw); }
body.amx-body .amz-dd { width:min(360px,86vw); }
body.amx-body .amz-panel .hd { font-size:var(--fs-body); font-weight:var(--fw-extrabold); color:var(--text-strong); text-align:start; padding-bottom:var(--sp-3); margin-bottom:var(--sp-3); border-bottom:1px solid var(--border-subtle); }
body.amx-body .amz-panel .items { display:grid; grid-template-columns:1fr; gap:2px; }
body.amx-body .amz-mega .items { grid-template-columns:1fr 1fr; gap:2px 16px; }
body.amx-body .amz-mi { display:flex; align-items:center; gap:14px; padding:12px; border-radius:var(--radius-md); transition:background var(--dur-fast) var(--ease-standard); }
body.amx-body .amz-mi:hover { background:var(--brand-subtle); }
body.amx-body .amz-mi .ic { flex:0 0 auto; width:48px; height:48px; border-radius:var(--radius-md); background:var(--teal-50); color:var(--brand); display:flex; align-items:center; justify-content:center; }
body.amx-body .amz-mi .ic i { width:22px; height:22px; }
body.amx-body .amz-mi:hover .ic { background:var(--brand); color:#fff; }
body.amx-body .amz-mi .tx { min-width:0; text-align:start; }
body.amx-body .amz-mi .tx b { display:block; font-size:var(--fs-body-sm); font-weight:var(--fw-bold); color:var(--text-strong); }
body.amx-body .amz-mi .tx small { display:block; font-size:var(--fs-caption); color:var(--text-muted); margin-top:2px; line-height:1.4; }
body.amx-body .amz-panel .ft { display:flex; align-items:center; justify-content:space-between; gap:var(--sp-4); margin-top:var(--sp-3); padding-top:var(--sp-4); border-top:1px solid var(--border-subtle); }
body.amx-body .amz-panel .ft > span { font-size:var(--fs-body-sm); color:var(--text-muted); }
body.amx-body .amz-panel .ft a { display:inline-flex; align-items:center; gap:6px; font-size:var(--fs-body-sm); font-weight:var(--fw-bold); color:var(--brand); }
body.amx-body .amz-panel .ft a i { width:16px; height:16px; }

/* Mobile drawer group labels */
body.amx-body .amx-mobile .grp { margin-top:var(--sp-3); }
body.amx-body .amx-mobile .grp-l { display:block; padding:6px var(--sp-4); font-size:var(--fs-caption); font-weight:var(--fw-extrabold); letter-spacing:var(--ls-overline); color:var(--brand); text-transform:none; }
body.amx-body .amx-mobile .grp + li a, body.amx-body .amx-mobile .grp ~ li a { padding-inline-start:var(--sp-6); }

/* Social brand SVGs (topbar + footer) */
body.amx-body .amz-topbar .soc a { display:inline-flex; align-items:center; }
body.amx-body .amz-topbar .soc svg { width:15px; height:15px; }
body.amx-body .amx-social a { color:#fff; }
body.amx-body .amx-social svg { width:18px; height:18px; }






/* Initials fallback for advisor avatars + team photos (source photos 404) */
body.amx-body .amz-avatars .av { display:flex; align-items:center; justify-content:center; background:linear-gradient(150deg,var(--teal-700),var(--teal-900)); }
body.amx-body .amz-avatars .av .ini { color:#fff; font-weight:var(--fw-black); font-size:15px; letter-spacing:1px; }
body.amx-body .amz-tcard .ph { display:flex; align-items:center; justify-content:center; background:linear-gradient(160deg,var(--teal-800),var(--teal-950)); }
body.amx-body .amz-tcard .ph .ini { font-size:clamp(52px,7vw,84px); font-weight:var(--fw-black); color:rgba(255,255,255,.16); letter-spacing:3px; }



/* ---------- Inner page banner (dark, breadcrumb + title) ---------- */
body.amx-body .amz-banner { position:relative; background:var(--teal-950); overflow:hidden; padding:clamp(48px,7vw,84px) var(--gutter); }
body.amx-body .amz-banner .glow { position:absolute; inset-inline-end:-8%; top:-60%; width:460px; height:460px; border-radius:50%; background:radial-gradient(circle, rgba(110,231,210,.12), transparent 62%); pointer-events:none; }
body.amx-body .amz-banner .in { position:relative; max-width:var(--container-max); margin-inline:auto; }
body.amx-body .amz-banner .crumb { display:flex; align-items:center; gap:8px; font-size:var(--fs-caption); color:var(--teal-300); margin-bottom:var(--sp-3); }
body.amx-body .amz-banner .crumb i { width:14px; height:14px; }
body.amx-body .amz-banner .crumb .cur { color:var(--highlight-from-dark); }
body.amx-body .amz-banner h1 { font-size:clamp(30px,5.5vw,52px); font-weight:var(--fw-black); color:#fff; letter-spacing:var(--ls-tight); margin:0; }
body.amx-body .amz-banner p { margin-top:var(--sp-3); font-size:clamp(16px,2.4vw,19px); color:var(--teal-100); max-width:680px; line-height:var(--lh-relaxed); }

/* 2-col grid variant */
@media (min-width:768px){ body.amx-body .amz-grid.c2 { grid-template-columns:repeat(2,1fr); } }



/* Compact strength-point cards (why-us) */
body.amx-body .amz-points { display:grid; grid-template-columns:1fr; gap:var(--sp-3); }
@media (min-width:640px){ body.amx-body .amz-points { grid-template-columns:1fr 1fr; } }
@media (min-width:1000px){ body.amx-body .amz-points { grid-template-columns:repeat(4,1fr); } }
body.amx-body .amz-point { display:flex; align-items:center; gap:12px; background:var(--surface-card); border:1px solid var(--border-subtle); border-radius:var(--radius-md); padding:14px 16px; box-shadow:var(--shadow-xs); transition:box-shadow var(--dur-base) var(--ease-standard), transform var(--dur-base) var(--ease-standard); }
body.amx-body .amz-point:hover { box-shadow:var(--shadow-sm); transform:translateY(-2px); }
body.amx-body .amz-point .ic { flex:0 0 auto; width:40px; height:40px; border-radius:var(--radius-md); background:var(--teal-50); color:var(--brand); display:flex; align-items:center; justify-content:center; }
body.amx-body .amz-point .ic i { width:20px; height:20px; }
body.amx-body .amz-point h3 { font-size:var(--fs-body-sm); font-weight:var(--fw-bold); color:var(--text-strong); margin:0; line-height:1.35; }


/* ---------- Services page: numbered step cards ---------- */
body.amx-body .amz-stepc { position:relative; background:var(--surface-card); border:1px solid var(--border-subtle); border-radius:var(--radius-lg); padding:var(--sp-6); box-shadow:var(--shadow-sm); height:100%; }
body.amx-body .amz-stepc .num { position:absolute; top:var(--sp-5); inset-inline-end:var(--sp-5); font-size:var(--fs-h2); font-weight:var(--fw-black); color:var(--teal-100); line-height:1; direction:rtl; }
body.amx-body .amz-stepc .ic { width:50px; height:50px; border-radius:var(--radius-md); background:var(--teal-50); color:var(--brand); display:flex; align-items:center; justify-content:center; margin-bottom:var(--sp-4); }
body.amx-body .amz-stepc h3 { font-size:var(--fs-title); margin-bottom:6px; }
body.amx-body .amz-stepc p { font-size:var(--fs-body-sm); color:var(--text-muted); line-height:var(--lh-relaxed); }

/* ---------- Services page: bookable product cards ---------- */
body.amx-body .amz-pcard { display:block; background:var(--surface-card); border:1px solid var(--border-subtle); border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-sm); transition:box-shadow var(--dur-base) var(--ease-standard), transform var(--dur-base) var(--ease-standard); }
body.amx-body .amz-pcard:hover { box-shadow:var(--shadow-md); transform:translateY(-3px); }
body.amx-body .amz-pcard .amz-poster { border-radius:0; aspect-ratio:16/10; }
body.amx-body .amz-pcard .amz-poster h3 { font-size:clamp(22px,3vw,30px); }
body.amx-body .amz-pcard .amz-poster img.logo { height:38px; }
body.amx-body .amz-poster.green .g1 { background:radial-gradient(circle at 30% 62%, rgba(47,138,91,.5), transparent 58%); }
body.amx-body .amz-poster.amber .g1 { background:radial-gradient(circle at 30% 62%, rgba(192,138,46,.45), transparent 58%); }
body.amx-body .amz-pcard .pf { padding:var(--sp-5); }
body.amx-body .amz-pcard .pf h3 { font-size:var(--fs-title); font-weight:var(--fw-bold); margin:0 0 6px; }
body.amx-body .amz-pcard .pf .price { font-size:var(--fs-body); font-weight:var(--fw-black); color:var(--brand); }



/* ============================================================
   Service detail page
   ============================================================ */
body.amx-body .amz-svc-hero { display:grid; grid-template-columns:1fr; gap:var(--sp-6); align-items:center; }
@media (min-width:640px){ body.amx-body .amz-svc-hero { grid-template-columns:auto 1fr; } }
body.amx-body .amz-svc-ico { width:72px; height:72px; border-radius:var(--radius-lg); background:rgba(110,231,210,.16); color:var(--highlight-from-dark); display:flex; align-items:center; justify-content:center; flex:0 0 auto; }
body.amx-body .amz-svc-ico i { width:38px; height:38px; }
body.amx-body .amz-banner .amz-svc-hero h1 { margin-bottom:var(--sp-3); }
body.amx-body .amz-banner .amz-svc-hero p { font-size:clamp(16px,2.5vw,20px); color:var(--teal-100); line-height:var(--lh-relaxed); max-width:720px; }
body.amx-body .amz-svc-actions { display:flex; gap:var(--sp-3); flex-wrap:wrap; margin-top:var(--sp-6); }

/* Overview + offerings 2-col */
body.amx-body .amz-svc-body { display:grid; grid-template-columns:1fr; gap:var(--sp-10); align-items:start; }
@media (min-width:900px){ body.amx-body .amz-svc-body { grid-template-columns:1fr 1fr; } }
body.amx-body .amz-svc-body h2 { font-size:clamp(24px,4vw,34px); font-weight:var(--fw-black); margin-bottom:var(--sp-4); }
body.amx-body .amz-svc-body .ov p { margin:0 0 var(--sp-4); font-size:var(--fs-body-lg); color:var(--text-body); line-height:1.95; }
body.amx-body .amz-offs { display:grid; grid-template-columns:1fr; gap:var(--sp-4); }
@media (min-width:560px){ body.amx-body .amz-offs { grid-template-columns:1fr 1fr; } }
body.amx-body .amz-off { background:var(--surface-card); border:1px solid var(--border-subtle); border-radius:var(--radius-lg); padding:var(--sp-5); box-shadow:var(--shadow-sm); }
body.amx-body .amz-off .ic { width:44px; height:44px; border-radius:var(--radius-md); background:var(--teal-50); color:var(--brand); display:flex; align-items:center; justify-content:center; margin-bottom:var(--sp-3); }
body.amx-body .amz-off h3 { font-size:var(--fs-title); margin-bottom:4px; }
body.amx-body .amz-off p { font-size:var(--fs-body-sm); color:var(--text-muted); line-height:var(--lh-relaxed); }

/* Steps (centered circle) */
body.amx-body .amz-stepc.ctr { text-align:center; }
body.amx-body .amz-stepc.ctr .num { inset-inline-end:14px; top:12px; font-size:var(--fs-h3); }
body.amx-body .amz-stepc.ctr .ic { border-radius:50%; width:54px; height:54px; margin:0 auto var(--sp-3); }

/* Other services cards */
body.amx-body .amz-oth-grid { display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-4); }
@media (min-width:900px){ body.amx-body .amz-oth-grid { grid-template-columns:repeat(4,1fr); } }
body.amx-body .amz-oth { display:block; background:var(--surface-card); border:1px solid var(--border-subtle); border-radius:var(--radius-lg); padding:var(--sp-5); transition:border-color var(--dur-base), box-shadow var(--dur-base); }
body.amx-body .amz-oth:hover { border-color:var(--brand); box-shadow:var(--shadow-md); }
body.amx-body .amz-oth > i { color:var(--brand); width:26px; height:26px; }
body.amx-body .amz-oth h3 { font-size:var(--fs-body); font-weight:var(--fw-bold); color:var(--text-strong); margin:10px 0 6px; }
body.amx-body .amz-oth .more { display:inline-flex; align-items:center; gap:4px; font-size:var(--fs-caption); font-weight:var(--fw-bold); color:var(--brand); }