/* ==========================================================================
   Shaikh Associates · visual polish layer
   CSS only. Loaded LAST on every page. No text, headings, URLs, meta or
   schema are touched. Remove this one file to return to the previous look.
   ========================================================================== */

/* 1. Palette: copper from the logo replaces bright orange; one navy only */
:root{
  --accent:#A85A26;          /* copper for light backgrounds (white text on it passes AA) */
  --accent-dark:#8C4A1E;     /* hover */
  --accent-light:#E2A672;    /* copper for dark navy backgrounds */
  --emerald:var(--accent);
  --emerald-dark:var(--accent-dark);
  --navy:#0B2545;
  --navy-dark:#0B2545;       /* footer and every dark band use the same navy */
  --ink:#0F1E33;
  --line:#E6E8EC;
  --soft:#F7F7F5;            /* warm off-white for alternating sections */
  --shadow-sm:0 1px 2px rgba(15,30,51,.05),0 2px 8px rgba(15,30,51,.04);
  --shadow-md:0 2px 4px rgba(15,30,51,.04),0 14px 36px rgba(15,30,51,.09);
}

/* Tailwind utilities that hard-code the old orange */
.text-accent{color:var(--accent)!important}
.bg-accent{background-color:var(--accent)!important}
.border-accent{border-color:var(--accent)!important}

/* Copper on dark sections must be the lighter tone to stay readable */
.hero-premium .text-accent,.formula-section .text-accent,.trial-section .text-accent,
.bg-navy .text-accent,.bg-navy-dark .text-accent,footer .text-accent,
.hero-stat-value span,.hero-premium .eyebrow,.formula-section .eyebrow,.trial-section .eyebrow{color:var(--accent-light)!important}

/* One navy everywhere (footer was a second, darker shade) */
.bg-navy-dark{background-color:var(--navy)!important}
footer.bg-navy-dark{border-top:1px solid rgba(255,255,255,.08)}

/* Warm off-white instead of cold blue-grey for alternating sections */
.compare-section,.testimonials-light,.partners-section,.bg-gray-50{background-color:var(--soft)!important}

/* 2. Typography: one display face for every main heading */
.hero-premium h1,.section-title,#faq h2,.formula-section h2,.trial-section h2{
  font-family:'Playfair Display',Georgia,serif!important;
  font-weight:600!important;
  letter-spacing:-.01em!important;
}
.hero-premium h1{line-height:1.08!important}
.eyebrow{letter-spacing:.18em}

/* 3. Spacing: trim oversized gaps between sections */
@media (min-width:1024px){
  .lg\:py-28{padding-top:5.5rem!important;padding-bottom:5.5rem!important}
  .story-section{padding-top:5rem!important;padding-bottom:4rem!important}
  .leadership-teaser{padding-top:3rem!important;padding-bottom:3rem!important}
  .formula-section{padding-top:5rem!important;padding-bottom:2rem!important}
  .trial-section{padding-top:3rem!important;padding-bottom:5.5rem!important}
  .blog-guides-section{padding-top:5rem!important;padding-bottom:4rem!important}
}

/* 4. Buttons: solid copper, calmer shadow, consistent radius */
.btn-primary{
  background:var(--accent)!important;color:#fff!important;border-radius:10px!important;
  box-shadow:0 1px 2px rgba(15,30,51,.12),0 6px 16px rgba(168,90,38,.22)!important;
  transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease!important;
}
.btn-primary:hover{background:var(--accent-dark)!important;transform:translateY(-1px);box-shadow:0 2px 4px rgba(15,30,51,.12),0 10px 22px rgba(168,90,38,.28)!important}
.btn-header-outline,.btn-service.outline{border-radius:10px!important}
.services-v2-more .btn-service.outline,.services-v2-more [class*=outline]{border-color:var(--accent)!important;color:var(--accent)!important}

/* 5. Cards: hairline borders, soft shadows, gentle lift */
.blog-guide-card,.faq-item,.testimonial-card,[class*=service-card],[class*=compare-card],[class*=pricing-card],.hero-stat-card{
  border-radius:16px!important;
}
.blog-guide-card,[class*=service-card],.testimonial-card,[class*=pricing-card]{
  box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;
}
.blog-guide-card:hover,[class*=service-card]:hover,.testimonial-card:hover,[class*=pricing-card]:hover{
  transform:translateY(-3px);box-shadow:var(--shadow-md)!important;
}

/* Readable "+ 12 More Services" label */
.services-v2-more .service-tag{color:var(--accent)!important;opacity:1!important}

/* 6. Homepage guides: 6 newest posts with branded covers, even 3x2 grid */
@media (min-width:1024px){
  .blog-guides-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
}
.blog-guide-card{display:flex!important;flex-direction:column;overflow:hidden;background:#fff}
.blog-guide-card .blog-guide-thumb img{aspect-ratio:1200/630!important;width:100%;height:auto;object-fit:cover}
.blog-guide-card-inner{display:flex;flex-direction:column;flex:1}
.blog-guide-card-inner .blog-guide-link{margin-top:auto;padding-top:.75rem}
.blog-guide-card h3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-guide-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.guides-cta{margin-top:2.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem;
  background:var(--navy);border-radius:16px;padding:1.75rem 2rem;color:#fff}
.guides-cta-title{margin:0;font-family:'Playfair Display',Georgia,serif;font-size:1.5rem;font-weight:600;color:#fff}
.guides-cta-text{margin:.35rem 0 0;color:#C9D4E3;font-size:.95rem}
.guides-cta-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.guides-cta-actions .btn-primary{padding:.85rem 1.4rem}
.guides-cta-wa{display:inline-flex;align-items:center;padding:.8rem 1.4rem;border:1px solid rgba(255,255,255,.35);border-radius:10px;color:#fff;font-weight:600;text-decoration:none}
.guides-cta-wa:hover{border-color:#fff;background:rgba(255,255,255,.06)}

/* 9. Blog listing page */
.blog-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 2rem}
.blog-filter{min-height:40px;padding:.5rem 1.1rem;border:1px solid var(--line);border-radius:999px;background:#fff;cursor:pointer;
  font:600 .85rem/1 'Montserrat',system-ui,sans-serif;color:#334155;transition:background-color .2s,color .2s,border-color .2s}
.blog-filter:hover{border-color:var(--navy)}
.blog-filter[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.blog-filter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.blog-hub-lead{display:grid;grid-template-columns:1fr;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;
  text-decoration:none;color:inherit;margin-bottom:1.75rem;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s}
.blog-hub-lead:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
@media (min-width:900px){.blog-hub-lead{grid-template-columns:1.15fr 1fr;align-items:stretch}}
.blog-hub-lead .blog-hub-card-body{padding:2rem 2.25rem;justify-content:center}
.blog-hub-lead h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.2;color:var(--navy);margin:.5rem 0 .75rem}
.blog-hub-lead p{color:#475569;font-size:1rem;line-height:1.65}
.blog-hub-latest{display:inline-block;align-self:flex-start;margin-top:.9rem;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.blog-hub-thumb{display:block;line-height:0;margin:0}
.blog-hub-thumb img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover}
.blog-hub-lead .blog-hub-thumb{background:#0B2545;display:flex;align-items:center}
.blog-hub-card{border-radius:16px!important;border-color:var(--line)!important;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s!important}
.blog-hub-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)!important}
.blog-hub-card h2{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-hub-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-hub-card .blog-hub-read,.blog-hub-lead .blog-hub-read{margin-top:auto;padding-top:.75rem;color:var(--accent);font-weight:700}
[data-cat][hidden]{display:none!important}

/* 10. Blog post pages */
.blog-article-hero{background:var(--navy)!important}
.blog-byline{display:flex;align-items:center;gap:.8rem;margin-top:1.5rem}
.blog-byline img{width:44px;height:44px;border-radius:999px;object-fit:cover;border:2px solid rgba(226,166,114,.6)}
.blog-byline div{display:flex;flex-direction:column;line-height:1.35}
.blog-byline-name{color:#fff;font-weight:600;font-size:.95rem}
.blog-byline-meta{color:#AFC0D6;font-size:.82rem}
.blog-cover{margin:0 0 2rem;line-height:0}
.blog-cover img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:16px;box-shadow:0 18px 44px rgba(15,30,51,.16)}
@media (min-width:768px){.blog-cover{margin-top:-1rem}}
.blog-author-card{display:grid;grid-template-columns:112px 1fr;gap:1.75rem;align-items:start;margin:3rem 0 2rem;padding:2rem;
  background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm)}
.blog-author-card-photo{width:112px;height:112px;border-radius:999px;object-fit:cover;border:3px solid #fff;box-shadow:0 0 0 2px rgba(168,90,38,.45),0 10px 24px rgba(15,30,51,.15)}
.blog-author-card-label{margin:0 0 .3rem;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.blog-author-card-name{margin:0;font-family:'Playfair Display',Georgia,serif;font-size:1.5rem;font-weight:600;color:var(--navy);line-height:1.2}
.blog-author-card-title{margin:.25rem 0 .9rem;color:#64748b;font-size:.9rem}
.blog-author-card-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;padding:0;list-style:none}
.blog-author-card-badges li{padding:.35rem .75rem;border-radius:999px;background:#FBF5EF;border:1px solid #EBD3BF;color:#7A4220;font-size:.78rem;font-weight:600}
.blog-author-card-bio{margin:0 0 1.1rem;color:#475569;font-size:.95rem;line-height:1.7}
.blog-author-card-links{display:flex;flex-wrap:wrap;gap:.6rem}
.blog-author-card-links a{display:inline-flex;align-items:center;min-height:42px;padding:.55rem 1.1rem;border-radius:10px;font-weight:600;font-size:.88rem;text-decoration:none;
  border:1px solid var(--navy);color:var(--navy);transition:background-color .2s,color .2s}
.blog-author-card-links a:first-child{background:var(--navy);color:#fff}
.blog-author-card-links a:hover{background:var(--accent);border-color:var(--accent);color:#fff}
@media (max-width:640px){
  .blog-author-card{grid-template-columns:1fr;text-align:center;padding:1.5rem}
  .blog-author-card-photo{margin:0 auto}
  .blog-author-card-badges,.blog-author-card-links{justify-content:center}
}
.blog-article-title{font-weight:600!important}
.blog-answer{margin:0 0 2rem;padding:1.4rem 1.6rem;background:#FBF5EF;border:1px solid #EBD3BF;border-radius:14px}
.blog-answer-label{margin:0 0 .35rem!important;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.blog-answer p:last-child{margin:0;font-size:1.0625rem;line-height:1.7;color:var(--navy);font-weight:500}
.blog-prose{font-size:1.0625rem;line-height:1.8;color:#334155}
@media (min-width:768px){.blog-prose{font-size:1.125rem}}
.blog-prose ul{list-style:disc}.blog-prose ol{list-style:decimal}
.blog-prose ul,.blog-prose ol{padding-left:1.4rem}
.blog-prose li{padding-left:.25rem}
.blog-prose li::marker{color:var(--accent);font-weight:700}
.blog-prose h2{font-weight:600;font-size:clamp(1.4rem,2.2vw,1.75rem);line-height:1.25}
.blog-prose h3{font-family:'Playfair Display',Georgia,serif;font-weight:600;color:var(--navy);font-size:1.25rem;margin:1.75rem 0 .5rem}
.blog-prose strong{color:var(--navy)}
.blog-prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.blog-prose table{width:100%;border-collapse:separate;border-spacing:0;margin:1.5rem 0 2rem;font-size:.95rem;line-height:1.55;
  border:1px solid var(--line);border-radius:12px;overflow:hidden;display:block;overflow-x:auto}
@media (min-width:768px){.blog-prose table{display:table}}
.blog-prose th,.blog-prose td{padding:.8rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.blog-prose thead th{background:var(--navy);color:#fff;font-weight:600;font-size:.85rem;letter-spacing:.02em}
.blog-prose tbody tr:nth-child(even) td,.blog-prose tbody tr:nth-child(even) th{background:#FAFAF8}
.blog-prose tbody tr:last-child td,.blog-prose tbody tr:last-child th{border-bottom:0}
.blog-prose tbody th{color:var(--navy);font-weight:600}
.blog-prose blockquote{margin:1.5rem 0;padding:1rem 1.25rem;border-left:3px solid var(--accent);background:#FAFAF8;border-radius:0 10px 10px 0}
.blog-toc{background:#fff!important;border-color:var(--line)!important;border-radius:14px!important;box-shadow:var(--shadow-sm)}
.blog-toc ol{list-style:decimal;padding-left:1.25rem}
.blog-toc a{color:var(--navy)}
.blog-eyebrow{color:var(--accent)!important;letter-spacing:.16em}
.blog-meta-note{font-size:.9rem;color:#64748b}
.blog-disclaimer{font-size:.85rem!important;color:#64748b!important;border-top:1px solid var(--line);padding-top:1rem;margin-top:2rem}
.blog-sources{margin:2.5rem 0 0;padding:1.5rem 1.75rem;border:1px solid var(--line);border-radius:14px;background:#fff}
.blog-sources h2{margin:0 0 .75rem;font-family:'Playfair Display',Georgia,serif;font-size:1.2rem;font-weight:600;color:var(--navy)}
.blog-sources ul{margin:0;padding-left:1.2rem;list-style:disc}
.blog-sources li{margin:.35rem 0;font-size:.95rem}
.blog-sources a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;word-break:break-word}
.blog-author-box,.blog-cta-box,.blog-faq-section{border-radius:16px!important}

/* Hero highlight on navy: light copper */
.hero-title .highlight,.hero-premium .highlight{color:var(--accent-light)!important;-webkit-text-fill-color:var(--accent-light)!important;background:none!important}

/* 7. Interactive comparison (only when compare-toggle.js is loaded) */
.cmp-js .compare-col-labels{display:none!important}
.cmp-toggle{display:flex;justify-content:center;gap:4px;width:max-content;max-width:100%;margin:0 auto 2.5rem;padding:5px;
  background:#fff;border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-sm)}
.cmp-toggle button{min-height:44px;padding:.6rem 1.4rem;border:0;border-radius:999px;background:transparent;cursor:pointer;
  font:600 .9rem/1 'Montserrat',system-ui,sans-serif;color:#475569;transition:background-color .2s ease,color .2s ease}
.cmp-toggle button[aria-pressed="true"]{background:var(--navy);color:#fff}
.cmp-toggle button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.cmp-js > div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cmp-js .compare-intro,.cmp-js .cmp-toggle{grid-column:1/-1}
.cmp-js .compare-row{display:block!important;margin:0!important}
.cmp-js .compare-row:last-child{grid-column:1/-1}
.cmp-js .compare-card{height:100%;box-sizing:border-box;margin:0!important}
.cmp-js .compare-side-tag{display:none!important}
.cmp-js[data-mode="new"] .compare-card:not(.win),
.cmp-js[data-mode="old"] .compare-card.win{display:none!important}
.cmp-js .compare-card{animation:cmpIn .35s ease both}
.cmp-js[data-mode="old"] .compare-card:not(.win){background:#fff!important;border-color:var(--line)!important}
.cmp-js[data-mode="old"] .compare-card:not(.win) .compare-body{color:#64748b}
.cmp-js[data-mode="old"] .compare-num{color:#94a3b8!important}
.cmp-js .compare-card.win{border-color:rgba(168,90,38,.35)!important;box-shadow:var(--shadow-sm)}
.cmp-js .compare-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
@keyframes cmpIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:767px){.cmp-js > div{grid-template-columns:1fr}}

/* 8. Phones: tighter spacing so the page reads faster */
@media (max-width:767px){
  .py-20,.story-section,.compare-section,.testimonials-light,#faq,#pricing,#services{padding-top:3.5rem!important;padding-bottom:3.5rem!important}
  .formula-section{padding-top:3.5rem!important;padding-bottom:1.5rem!important}
  .trial-section{padding-top:2rem!important;padding-bottom:3.5rem!important}
  .blog-guides-section,.partners-section{padding-top:3rem!important;padding-bottom:3rem!important}
  .leadership-teaser,.big4-strip{padding-top:2.25rem!important;padding-bottom:2.25rem!important}
  .compare-card{padding:1.1rem 1.25rem!important}
  .cmp-toggle{margin-bottom:1.5rem}
  .blog-guides-grid{gap:16px!important}
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion:reduce){.cmp-js .compare-card{animation:none!important}
  .btn-primary,.blog-guide-card,[class*=service-card],.testimonial-card,[class*=pricing-card]{transition:none!important;transform:none!important}
}

/* 11. Specialist service and industry pages */
.svc-answer{margin-bottom:1.75rem}
.svc-article{padding:3.5rem 0 4rem;background:#fff;border-top:1px solid var(--line)}
.svc-article .blog-prose h2:first-child{margin-top:0}
.svc-article .blog-prose table{margin-top:1rem}
.svc-disclaimer{font-size:.8rem;color:#64748b;text-align:center;padding-top:1rem;padding-bottom:2rem}
.dropdown-item-compact{padding-top:.45rem!important;padding-bottom:.45rem!important}
@media (min-width:1024px){
  .nav-dropdown-menu--mega{max-height:calc(100vh - 90px);overflow-y:auto}
}
.svc-hub-extra{padding:4rem 0;background:var(--soft)}
.svc-hub-extra h2{text-align:center}
.svc-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;margin-top:2rem}
.svc-hub-link{display:flex;flex-direction:column;gap:.35rem;padding:1.15rem 1.25rem;background:#fff;border:1px solid var(--line);border-radius:14px;
  text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s}
.svc-hub-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.svc-hub-link strong{color:var(--navy);font-size:1rem}
.svc-hub-link span{color:#64748b;font-size:.875rem;line-height:1.5}
.svc-hub-link.is-flagship{border-color:rgba(168,90,38,.45)}
.svc-hub-link .tag{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.svc-article .blog-prose h2{font-family:'Playfair Display',Georgia,serif!important;font-weight:600!important;color:var(--navy)!important;
  font-size:clamp(1.45rem,2.2vw,1.8rem)!important;margin:2.75rem 0 1rem!important;line-height:1.25}
.svc-article .blog-prose h2:first-child{margin-top:0!important}
.svc-article .blog-prose h3{margin:2rem 0 .75rem!important}
.svc-article .blog-prose p{margin:0 0 1.15rem}
.svc-article .blog-prose ul,.svc-article .blog-prose ol{margin:0 0 1.5rem}
.svc-intro p + p{margin-top:1rem}

/* 12. Location pages (rewritten content) and hierarchy links */
.loc-body{padding-top:3rem;padding-bottom:3rem;color:#334155;font-size:1.0625rem;line-height:1.8}
.loc-body h2{font-family:'Playfair Display',Georgia,serif;font-weight:600;color:var(--navy);font-size:clamp(1.4rem,2.2vw,1.75rem);line-height:1.25;margin:2.75rem 0 1rem}
.loc-body h3{font-weight:700;color:var(--navy);font-size:1.05rem;margin:0 0 .35rem}
.loc-body p{margin:0 0 1rem}
.loc-short-answer{margin:0 0 2rem;padding:1.4rem 1.6rem;background:#FBF5EF;border:1px solid #EBD3BF;border-radius:14px}
.loc-short-answer p{margin:0;color:var(--navy);font-weight:500}
.loc-short-answer strong{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;display:block;margin-bottom:.35rem}
.loc-grid{display:grid;gap:14px}
.loc-card{padding:1.2rem 1.35rem;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm)}
.loc-card p{margin:0;font-size:.97rem}
.loc-obligations table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:.95rem;line-height:1.55}
.loc-obligations th,.loc-obligations td{padding:.8rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.loc-obligations thead th{background:var(--navy);color:#fff;font-size:.85rem}
.loc-obligations tbody th{color:var(--navy);font-weight:600;width:42%}
.loc-obligations tbody tr:nth-child(even) td,.loc-obligations tbody tr:nth-child(even) th{background:#FAFAF8}
.loc-obligations tbody tr:last-child th,.loc-obligations tbody tr:last-child td{border-bottom:0}
.loc-note{font-size:.85rem;color:#64748b;margin-top:.75rem}
.loc-services ul,.loc-guides ul{list-style:disc;padding-left:1.4rem}.loc-how ol{list-style:decimal;padding-left:1.4rem}
.loc-services li::marker,.loc-guides li::marker,.loc-how li::marker{color:var(--accent);font-weight:700}
.loc-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.loc-faq .faq-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.9rem 1.1rem;margin-bottom:.6rem}
.loc-faq summary{cursor:pointer;font-weight:600;color:var(--navy)}
.loc-faq .faq-item p{margin:.6rem 0 0;font-size:.97rem}
.loc-cta{margin-top:2.75rem;padding:1.75rem 2rem;background:var(--navy);border-radius:16px;color:#C9D4E3}
.loc-cta h2{color:#fff;margin-top:0}
.loc-cta a.btn-primary,.loc-cta a.btn-secondary{text-decoration:none;display:inline-flex;margin:.35rem .5rem .35rem 0;padding:.8rem 1.3rem;border-radius:10px;font-weight:600}
.loc-cta a.btn-secondary{border:1px solid rgba(255,255,255,.35);color:#fff}
.loc-children{padding:2.5rem 0;background:#fff;border-top:1px solid var(--line)}
.loc-children-title{font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 1rem}
/* One heading face on every page hero */
.page-hero .hero-title{font-family:'Playfair Display',Georgia,serif!important;font-weight:600!important;letter-spacing:-.01em!important}

/* ---- Audit fixes (Nov 2026) ---- */
/* service card footer was picking up the card shadow */
.service-card-footer{box-shadow:none!important;border:0!important;background:transparent!important;border-radius:0!important;transform:none!important}
/* related-link pills on every page (location pages don't load service-pages.css) */
.svc-related{background:var(--soft);padding:3rem 0;border-top:1px solid var(--line)}
.svc-related-links{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center}
.svc-related-links a{padding:.5rem 1.05rem;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:.8125rem;font-weight:600;color:var(--navy);text-decoration:none;transition:border-color .2s,color .2s}
.svc-related-links a:hover{border-color:var(--accent);color:var(--accent)}
/* wide tables in posts scroll sideways on phones instead of breaking the page */
.blog-prose table,.svc-article table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
/* calculator */
.calc-result-price{font-size:clamp(1.8rem,7vw,2.5rem)!important;line-height:1.1;white-space:nowrap}
.calc-seo-content p+p{margin-top:1rem}
.calc-seo-content h2{margin-top:2.25rem}
/* about page training strip */
.big4-badge-line{padding:1rem 1.25rem!important;line-height:1.7}
/* footer: two columns on phones */
@media (max-width:639px){
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:2rem 1.25rem!important}
  .footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}
}
@media (min-width:1024px){.footer-grid{grid-template-columns:1.5fr repeat(4,1fr)!important}}
@media (max-width:640px){.blog-prose th,.blog-prose td,.svc-article th,.svc-article td{min-width:9.5rem}}
/* in-article photos */
.blog-inline-figure{margin:2rem 0 2.25rem}
.blog-inline-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:14px;box-shadow:0 10px 28px rgba(15,30,51,.12);background:var(--soft)}
/* lead card: photo fills the whole panel */
.blog-hub-lead .blog-hub-thumb{display:block!important;min-height:260px;position:relative}
.blog-hub-lead .blog-hub-thumb picture,.blog-hub-lead .blog-hub-thumb img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover}

/* ===== Nov 2026 audit round 2 ===== */
/* 7. Logo walls: identical white tiles, logos optically balanced */
.partners-grid{display:flex!important;flex-wrap:wrap;justify-content:center;gap:14px!important;max-width:68rem!important}
.partners-block+.partners-block .partners-grid{max-width:45rem!important}
.partner-logo,.partner-logo--pill{width:168px;height:84px!important;min-height:0!important;min-width:0!important;padding:12px 16px!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:0 1px 2px rgba(15,30,51,.04);transition:border-color .2s,box-shadow .2s,transform .2s}
.partner-logo:hover{border-color:rgba(168,90,38,.35)!important;box-shadow:0 8px 22px rgba(15,30,51,.08);transform:translateY(-2px)}
.partner-logo img,.partner-logo svg,.partner-logo picture img{max-height:46px!important;max-width:100%!important;width:auto!important;height:38px;opacity:1!important;transform:none!important;object-fit:contain}
.partner-logo img[src$="/ded.svg"]{height:44px!important}
@media (max-width:640px){
  .partners-grid,.partners-block+.partners-block .partners-grid{display:grid!important;grid-template-columns:repeat(3,1fr);gap:10px!important;max-width:none!important}
  .partner-logo,.partner-logo--pill{width:auto;height:64px!important;padding:8px 10px!important;border-radius:12px!important}
  .partner-logo img,.partner-logo svg{max-height:32px!important}
}
.client-logo img{opacity:1!important}

/* 8. Trial checklist: title and description read as one item */
.trial-checklist li{align-items:flex-start;margin-bottom:1.15rem!important}
.trial-checklist li>span:first-child{flex-shrink:0;width:1.35rem;height:1.35rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(226,166,114,.16);color:var(--accent-light)!important;font-size:.75rem;font-weight:700;margin-top:.15rem}
.trial-checklist strong{margin-bottom:.1rem!important}
.trial-checklist strong+br{display:none}
.trial-checklist li>span:last-child{color:rgba(255,255,255,.72)}

/* 10. No text below 12px */
.big4-badge-line,.big4-strip-label,.compare-label,.formula-pill,.svc-step-num,.tool-checks legend,.blog-answer-label,.blog-author-card-label,.blog-eyebrow,.blog-toc-title,.calc-result-label,.clients-label,.partners-label,.team-panel-badge,.team-section-label,.tool-result-label,.blog-cat,.blog-guide-cat,.blog-hub-latest,.leader-badge,.leader-cred-status,.leader-tag,.service-pill,.service-tag,.tag,.testimonial-tag,.milestones-card h4,.leader-subsection h3,.leader-stat span,.blog-related h2,.blog-related-card span,.eyebrow{font-size:12px!important}

/* 11. Floating buttons: smaller on phones, hidden over the home hero */
@media (max-width:640px){
  .sa-whatsapp-float{width:2.85rem!important;height:2.85rem!important;bottom:.85rem!important;left:.85rem!important}
  .sa-whatsapp-float svg{width:1.4rem!important;height:1.4rem!important}
  .sa-whatsapp-float__ping,.sa-whatsapp-float__ring{display:none!important}
  .sa-chatbot-fab{bottom:.85rem!important;right:.85rem!important;padding:.7rem!important}
  .sa-chatbot-fab svg{width:20px;height:20px}
  body.sa-floats-hidden .sa-whatsapp-float,body.sa-floats-hidden .sa-chatbot-fab{opacity:0;pointer-events:none;transform:translateY(12px)}
  .sa-whatsapp-float,.sa-chatbot-fab{transition:opacity .25s,transform .25s}
}

/* 6. Home: specialist services + free calculators strip */
.home-quicklinks{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.25rem}
@media (min-width:900px){.home-quicklinks{grid-template-columns:1fr 1fr}}
.hq-group{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.25rem 1.4rem}
.hq-label{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 .8rem}
.hq-links{display:flex;flex-wrap:wrap;gap:.5rem}
.hq-links a{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .95rem;border-radius:999px;border:1px solid var(--line);background:var(--soft);font-size:.85rem;font-weight:600;color:var(--navy);text-decoration:none;transition:border-color .2s,color .2s,background .2s}
.hq-links a:hover{border-color:var(--accent);color:var(--accent);background:#fff}
.hq-links a.is-featured{background:var(--navy);color:#fff;border-color:var(--navy)}
.hq-links a.is-featured span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-light);font-weight:700}
.hq-links a.is-featured:hover{background:#13355f;color:#fff}

/* 3. Footer: areas we serve */
.footer-areas{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.1rem;margin-top:2.25rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem}
.footer-areas-label{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-light);margin-right:.4rem}
.footer-areas+div{margin-top:1.5rem!important}

/* 5. Blog posts: free tool callout */
.blog-tool{display:flex;align-items:center;gap:1rem;margin:0 0 2rem;padding:1rem 1.2rem;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:14px;background:#fff;text-decoration:none;box-shadow:0 1px 2px rgba(15,30,51,.05);transition:box-shadow .2s,transform .2s}
.blog-tool:hover{box-shadow:0 10px 26px rgba(15,30,51,.09);transform:translateY(-2px)}
.blog-tool-icon{flex-shrink:0;width:44px;height:44px;border-radius:12px;background:var(--navy);color:var(--accent-light);display:flex;align-items:center;justify-content:center}
.blog-tool-body{display:flex;flex-direction:column;gap:.1rem;min-width:0}
.blog-tool-label{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.blog-tool-body strong{color:var(--navy);font-size:1rem}
.blog-tool-desc{color:#475569;font-size:.88rem;line-height:1.5}
.blog-tool-go{margin-left:auto;flex-shrink:0;font-weight:700;color:var(--accent);font-size:.9rem;white-space:nowrap}
@media (max-width:520px){.blog-tool{align-items:flex-start}.blog-tool-go{display:none}}
.partner-logo img[src$="/adgm.png"]{height:40px!important}
.partner-logo img[src$="/difc.png"]{height:37px!important}
.partner-logo img[src$="/dmcc.png"]{height:46px!important}
.partner-logo img[src$="/dynamics.png"]{height:37px!important}
.partner-logo img[src$="/freshbooks.png"]{height:32px!important}
.partner-logo img[src$="/ifza.png"]{height:38px!important}
.partner-logo img[src$="/jafza.png"]{height:46px!important}
.partner-logo img[src$="/meydan.png"]{height:41px!important}
.partner-logo img[src$="/odoo.png"]{height:39px!important}
.partner-logo img[src$="/oracle.png"]{height:25px!important}
.partner-logo img[src$="/quickbooks.png"]{height:30px!important}
.partner-logo img[src$="/rakez.png"]{height:46px!important}
.partner-logo img[src$="/sage.png"]{height:46px!important}
.partner-logo img[src$="/sap.png"]{height:46px!important}
.partner-logo img[src$="/tally.png"]{height:46px!important}
.partner-logo img[src$="/wave.png"]{height:36px!important}
.partner-logo img[src$="/xero.png"]{height:46px!important}
.partner-logo img[src$="/zoho.png"]{height:45px!important}
/* keep the site light even when a browser forces dark mode */
:root{color-scheme:light only}
html,body{background:#fff}
/* lead card v2: keep the cover's text side visible — wider image column, crop only the photo edge */
@media (min-width:900px){.blog-hub-lead{grid-template-columns:1.55fr 1fr!important}}
.blog-hub-lead .blog-hub-thumb{min-height:0!important;aspect-ratio:1200/630}
@media (min-width:900px){.blog-hub-lead .blog-hub-thumb{aspect-ratio:auto;min-height:100%}}
.blog-hub-lead .blog-hub-thumb picture,.blog-hub-lead .blog-hub-thumb img{object-position:left center!important}

/* ===== Blog article layout v2: cover in the hero, wide shell, sticky sidebar ===== */
.blog-article-hero{padding-top:6.5rem!important;padding-bottom:3rem!important;background:linear-gradient(135deg,#0B2545 0%,#123A66 100%)!important}
.blog-article-hero-inner{max-width:76rem!important;padding:0 1.25rem!important}
.blog-article-hero-inner.has-cover{display:grid;gap:2rem;align-items:center}
@media (min-width:1024px){
  .blog-article-hero-inner.has-cover{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:3.5rem}
  .blog-article-title{font-size:clamp(2rem,3vw,2.75rem)!important}
}
.blog-hero-cover{margin:0;line-height:0}
.blog-hero-cover img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:16px;
  box-shadow:0 24px 60px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12)}
.blog-shell{max-width:76rem;margin:0 auto;padding:0 1.25rem}
.blog-article-layout{max-width:46rem!important;margin:0 auto!important;padding:2.5rem 0 3.5rem!important}
.blog-prose{max-width:none!important}
.blog-sidebar{display:none}
@media (min-width:1100px){
  .blog-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:4rem;align-items:start}
  .blog-article-layout{max-width:none!important;margin:0!important}
  .blog-sidebar{display:block;padding-top:2.5rem;height:100%}
  .blog-sidebar-sticky{position:sticky;top:96px;display:flex;flex-direction:column;gap:1.25rem}
  .blog-prose .blog-toc{display:none!important}
  .blog-related{max-width:76rem!important;padding:0 1.25rem 4rem!important}
  .blog-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .blog-internal-links{max-width:76rem!important;padding-left:1.25rem!important;padding-right:1.25rem!important}
}
.blog-side-label{margin:0 0 .75rem;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.blog-side-toc{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.25rem 1.25rem 1rem;box-shadow:var(--shadow-sm);
  max-height:calc(100vh - 330px);overflow:auto}
.blog-side-toc ol{list-style:none;margin:0;padding:0;counter-reset:toc}
.blog-side-toc li{counter-increment:toc;margin:0}
.blog-side-toc a{display:flex;gap:.6rem;padding:.45rem .5rem;border-radius:8px;color:#475569;font-size:.88rem;line-height:1.4;text-decoration:none;border-left:2px solid transparent}
.blog-side-toc a::before{content:counter(toc);color:var(--accent);font-weight:700;font-size:.8rem;min-width:1rem}
.blog-side-toc a:hover{background:var(--soft);color:var(--navy)}
.blog-side-toc a.is-active{background:#FBF5EF;color:var(--navy);font-weight:600;border-left-color:var(--accent)}
.blog-side-cta{background:var(--navy);color:#fff;border-radius:14px;padding:1.35rem}
.blog-side-cta .blog-side-label{color:var(--accent-light)}
.blog-side-cta-text{margin:0 0 1rem;font-size:.92rem;line-height:1.55;color:#D6DFEA}
.blog-side-btn{display:flex;justify-content:center;align-items:center;min-height:44px;border-radius:10px;font-weight:600;font-size:.92rem;text-decoration:none;
  background:var(--accent);color:#fff;margin-top:.5rem;transition:background .2s}
.blog-side-btn:hover{background:#8E4A1E;color:#fff}
.blog-side-btn.is-ghost{background:transparent;border:1px solid rgba(255,255,255,.35)}
.blog-side-btn.is-ghost:hover{background:rgba(255,255,255,.08)}
.blog-prose h2{scroll-margin-top:96px}
#blog-faq-heading{scroll-margin-top:96px}
@media (max-width:1023px){.blog-article-hero{padding-bottom:2rem!important}.blog-hero-cover{order:2}}
.blog-hero-cover.is-photo img{aspect-ratio:3/2}
@media (min-width:1024px){.blog-hero-cover.is-photo img{aspect-ratio:4/3;max-height:420px}}
/* Blog hero: article photo as a soft watermark behind the title */
.blog-article-hero.has-photo-bg{position:relative;overflow:hidden;isolation:isolate}
.blog-article-hero.has-photo-bg::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--hero-photo) center/cover no-repeat;filter:grayscale(.35)}
.blog-article-hero.has-photo-bg::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(11,37,69,.97) 0%,rgba(11,37,69,.93) 40%,rgba(11,37,69,.80) 70%,rgba(11,37,69,.70) 100%)}
.blog-article-hero.has-photo-bg .blog-hero-text{max-width:50rem}
.blog-article-hero.has-photo-bg{padding-bottom:3.5rem!important}
@media (max-width:767px){.blog-article-hero.has-photo-bg::after{background:rgba(11,37,69,.9)}}