/* page-header-business: used by 1 page(s): business.html */
/* =============================================================
  LawFiq v5 - white / navy / royal blue
  Visual system: the Meeting Arch. A pointed (Islamic) arch and
  a round (English) arch spring from two sides and meet at a
  keystone - LawFiq. Arches frame the photography; a girih line
  texture adds cultured depth to the dark bands. Layered, with
  real overlap and shadow, not flat cards.
  Image zones are styled to look finished now and to receive
  commissioned photography later (swap the .imgslot background).
  ============================================================= */
/* ---- reusable image zone (holds photography) ---- */
/* arch shapes */
/* =============================================================
  HEADER + MEGA
  ============================================================= */
.navlink,.navtrigger{border-radius:12px;display:inline-flex;align-items:center;gap:.4rem;background:none;border:0;text-decoration:none;font-size:.95rem;font-weight:450;color:var(--ink);padding:.6rem .7rem;border-radius:8px;cursor:pointer}
/* =============================================================
  HERO - the Meeting Arch
  ============================================================= */
/* the arch composition (dual-arch SVG) */
.arch-stage .cred-float{position:absolute;left:-14px;bottom:18px;z-index:4}
/* (legacy) */
.cred-float{position:absolute;left:-16px;bottom:26px;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);padding:1rem 1.2rem;max-width:255px;z-index:4}
.cred-float p{margin:0;font-family:var(--serif);font-weight:600;font-size:1rem;color:var(--navy);line-height:1.25}
/* facts ribbon */
/* THE GAP */
.gap{padding:var(--sec) 0;background:#fff}
/* =============================================================
  APPROACH - convergence
  ============================================================= */
.approach{padding:var(--sec) 0}
/* the converging bridge */
/* =============================================================
  SERVICE PATHWAYS
  ============================================================= */
/* =============================================================
  PEOPLE
  ============================================================= */
/* =============================================================
  PROCESS
  ============================================================= */
/* =============================================================
  TRANSPARENCY
  ============================================================= */
/* =============================================================
  INSIGHTS
  ============================================================= */
/* =============================================================
  CONSULTATION
  ============================================================= */
/* =============================================================
  FOOTER
  ============================================================= */
@media (max-width:640px){
 .pcols{grid-template-columns:1fr}.converge{display:none}.node{display:none}.pfix{grid-template-columns:1fr}
 .ribbon-in{grid-template-columns:1fr}.rib{border-left:0;border-bottom:1px solid var(--line-d)}
 .psteps,.ins-grid,.ftr-top{grid-template-columns:1fr}
 .creds li{grid-template-columns:1fr;gap:.2rem}
 .ftr-base{flex-direction:column}
}
/* mobile panel */
/* ===== hero photo: medium & balanced, mobile card below ===== */
/* prose */
/* subpage compact header */
/* two-pillar mega */
/* sticky mobile CTA */
/* trust strip */
.tstrip{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tstrip-in{display:flex;flex-wrap:wrap;justify-content:center;gap:.9rem 2.5rem;padding:1.5rem 0;text-align:center}
.tstrip span{display:inline-flex;align-items:center;gap:.6rem;font-size:var(--t-sm);color:var(--ink-2);font-weight:450}
.tstrip svg{width:18px;height:18px;stroke:var(--blue);fill:none;stroke-width:1.8;flex:0 0 auto}
@media (max-width:640px){.tstrip-in{flex-direction:column;gap:.9rem;padding:1.4rem 0}}
/* micro-polish */
/* section surfaces */
/* ==== restored component styles (fcard grid, standards, aim, sec heads) ==== */
.sec--navy{background:var(--navy);color:var(--inverse);position:relative;overflow:hidden}
.sec--navy .girih{position:absolute;inset:0;opacity:.06;mix-blend-mode:screen}
.sec--navy .inner{position:relative;z-index:1}
.sec-head{max-width:62ch;margin-bottom:clamp(2.5rem,4.5vw,3.75rem)}
.sec-head .h2{margin:1.05rem 0}
.fcard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,2.6vw,2.25rem)}
.fcard{background:#fff;border:1px solid var(--line);border-radius:var(--r-feat,24px);padding:clamp(2rem,3vw,2.6rem);box-shadow:0 30px 60px -45px rgba(11,31,58,.4);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
@media (hover:hover){.fcard:hover{transform:translateY(-6px)}}
.fcard .ic{width:48px;height:48px;border-radius:12px;background:var(--tint,#EEF3FB);display:grid;place-items:center;margin-bottom:1.1rem}
.fcard .ic svg{width:24px;height:24px;stroke:var(--blue);fill:none;stroke-width:1.6}
.fcard h3{color:var(--navy);margin-bottom:.5rem;font-family:var(--serif);font-weight:600;font-size:1.14rem;line-height:1.25}
.fcard h3 .ar{font-size:.8em;color:var(--blue);margin-left:.35rem}
.fcard p{margin:0 0 1.1rem;color:var(--ink-2);font-size:var(--t-sm);line-height:1.55;flex:1}
.fcard p a{color:var(--blue)}
.fcard .lk{display:inline-flex;align-items:center;gap:.45rem;font-weight:600;font-size:var(--t-sm);color:var(--blue);text-decoration:none}
.fcard .lk svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.9;transition:transform .2s}
@media (hover:hover){.fcard .lk:hover svg{transform:translateX(3px)}}
.std-cols{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.std-list{list-style:none;margin:0;padding:0}
.std-list li{position:relative;padding:.85rem 0 .85rem 1.75rem;border-top:1px solid var(--line-d,#22385c);font-size:var(--t-body);color:#EAF1FF}
.std-list li:first-child{border-top:0}

.aim{background:var(--navy-2,#0f2947);border:1px solid var(--line-d,#22385c);border-radius:var(--r-feat,24px);padding:clamp(1.6rem,2.6vw,2.2rem);box-shadow:var(--shadow)}
.aim .q{font-family:var(--serif);font-weight:500;font-size:var(--t-lg);line-height:1.5;color:#fff;margin:0}
.aim .lbl{font-size:var(--t-cap);letter-spacing:.01em;text-transform:none;color:var(--blue-lt);font-weight:700;margin-bottom:.9rem;display:block}
.note{margin-top:1.75rem;color:var(--ink-2);font-size:var(--t-sm);max-width:70ch}
.sec--navy .note{color:#9DB2D4}
@media (max-width:1024px){.fcard-grid{grid-template-columns:1fr 1fr}.std-cols{grid-template-columns:1fr}}
@media (max-width:640px){.fcard-grid{grid-template-columns:1fr}}
/* ===== service page hero (shared, clean navy) ===== */
.shero{position:relative;overflow:hidden;background:radial-gradient(130% 100% at 50% 0%,#12325C 0%,var(--navy) 55%,#08152a 100%);color:#F4F1EA}
.shero-in{text-align:left;max-width:1180px;margin:0 auto;padding:clamp(3.25rem,7vw,5.5rem) clamp(20px,5vw,48px)}
.shero .crumb{justify-content:flex-start;color:#8FA6CC;margin-bottom:1.25rem}
.shero .crumb a{color:#8FA6CC}
.shero .crumb span{margin:0 .4rem;color:#4E668F}
.shero .eyebrow{justify-content:flex-start}

.shero-h1{font-family:var(--serif);font-weight:600;font-size:clamp(2.3rem,5vw,4rem);line-height:1.08;letter-spacing:-.02em;color:#fff;margin:1.1rem 0 1.2rem;max-width:20ch}
.shero-sub{color:#CBD3E2;font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.6;max-width:60ch;margin:0 0 2.25rem}
.shero-cta{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center;justify-content:flex-start}
.shero-call{display:inline-flex;align-items:center;gap:.55rem;color:#CBD3E2;text-decoration:none;font-weight:500;font-size:var(--t-sm)}
.shero-call svg{width:18px;height:18px;stroke:var(--blue-lt);stroke-width:1.8}
@media (hover:hover){.shero-call:hover{color:#fff}}
/* service cards (shared) */
.fam-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.1rem,2vw,1.5rem)}
.fam-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-feat,24px);padding:clamp(1.6rem,2.6vw,2.2rem);text-decoration:none;box-shadow:0 30px 60px -45px rgba(11,31,58,.4);transition:transform .2s,border-color .2s}
@media (hover:hover){.fam-card:hover{transform:translateY(-5px);border-color:var(--blue-lt)}}
.fam-ic{width:52px;height:52px;border-radius:14px;background:var(--tint,#EEF3FB);display:grid;place-items:center;margin-bottom:1.1rem}
.fam-ic svg{width:26px;height:26px;stroke:var(--blue);fill:none}
.fam-card h3{font-family:var(--serif);font-weight:600;font-size:1.25rem;color:var(--navy);margin:0 0 .5rem}
.fam-card h3 .ar{font-size:.85em;color:var(--blue);margin-left:.3rem}
.fam-card p{color:var(--ink-2);font-size:var(--t-body);line-height:1.55;margin:0 0 1.1rem;flex:1}
.fam-tags{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1.1rem;padding:0}
.fam-tags li{font-size:var(--t-sm);color:var(--navy);background:var(--mist);border:1px solid var(--line);border-radius:999px;padding:.3rem .75rem}
.fam-card .go{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--blue);margin-top:auto}
.fam-card .go svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .2s}
@media (hover:hover){.fam-card:hover .go svg{transform:translateX(4px)}}
.fam-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.25rem,2.5vw,2rem)}
.fam-step{background:#fff;border:1px solid var(--line);border-radius:var(--r-card,18px);padding:clamp(1.5rem,2.4vw,2rem)}

.fam-step h3{font-family:var(--serif);color:var(--navy);font-size:1.1rem;margin:0 0 .4rem}
.fam-step p{color:var(--ink-2);font-size:var(--t-sm);line-height:1.6;margin:0}
.faq2-list{max-width:820px;margin:0 auto}
.faq2-item{background:#fff;border:1px solid var(--line);border-radius:var(--r-card,18px);margin-bottom:.75rem;overflow:hidden}
.faq2-item summary{list-style:none;cursor:pointer;padding:1.15rem 1.4rem;font-family:var(--serif);font-weight:600;font-size:1.05rem;color:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:1rem}
.faq2-item summary::-webkit-details-marker{display:none}
.faq2-item summary::after{content:"+";color:var(--blue);font-size:1.4rem;line-height:1}
.faq2-item[open] summary::after{content:"–"}
.faq2-item .a{padding:0 1.4rem 1.25rem;color:var(--ink-2);line-height:1.65}
@media(max-width:1024px){.fam-grid{grid-template-columns:1fr}.fam-steps{grid-template-columns:1fr}}
/* footer contact + social */
.ftr-contact{display:flex;flex-direction:column;gap:.65rem;margin:1.25rem 0 1.25rem}
.ftr-contact a,.ftr-hours{display:inline-flex;align-items:center;gap:.6rem;color:#C7D3E8;text-decoration:none;font-size:.95rem}
@media (hover:hover){.ftr-contact a:hover{color:#fff}}
.ftr-contact svg{width:17px;height:17px;flex:0 0 auto;opacity:.8}
.ftr-social{display:flex;gap:.6rem;margin-top:.25rem}
.ftr-social a{width:38px;height:38px;border-radius:10px;border:1px solid var(--line-d,#22385c);display:grid;place-items:center;color:#8FA6CC;transition:color .15s,border-color .15s,background .15s}
@media (hover:hover){.ftr-social a:hover{color:#fff;border-color:var(--blue);background:rgba(29,78,216,.15)}}
.ftr-social svg{width:19px;height:19px}
/* a11y: eyebrow contrast (corrected) */