/* =========================================================
   BAYAN CONSULTING - HOME BRAND ALIGNMENT
   Loaded after assessment.css + assessment-blue.css on the
   consulting page only (AR /consulting/ + EN /en/consulting/).
   Mirrors the home page (page-home-v3) identity:
   navy #0B2033 / #17243C, brand blue #206ACA, highlight #2F6FDB,
   consulting navy #1A4178, neutral paper #FAFAFA, Cairo type,
   6px buttons. Delete this file to revert.
   ========================================================= */
.bay-assess.bay-blue{
  --ba-ink:#0B2033;
  --ba-ink-2:#17243C;
  --ba-muted:#5D6A80;
  --ba-paper:#FAFAFA;
  --ba-paper-2:#F3F4F6;
  --ba-white:#fff;
  --ba-teal-950:#1A4178;
  --ba-teal-900:#194179;
  --ba-teal-800:#206ACA;
  --ba-teal-700:#206ACA;
  --ba-sage:#2F6FDB;
  --ba-mint:#E5EBF4;
  --ba-mint-2:#EEF2F8;
  --ba-line:#E3E7ED;
  --ba-shadow:0 28px 80px rgba(11,32,51,.10);
  --ba-shadow-soft:0 18px 46px rgba(11,32,51,.06);
  font-family:'Cairo','IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;
  background:var(--ba-paper);
}
body.bay-assess,body:has(.bay-assess.bay-blue){background:#FAFAFA !important}
.bay-assess.bay-blue ::selection{background:#D6E4F7;color:#0B2033}

/* Typography: Cairo everywhere like the home page */
.bay-assess.bay-blue p,.bay-assess.bay-blue li,.bay-assess.bay-blue span,
.bay-assess.bay-blue a,.bay-assess.bay-blue button,.bay-assess.bay-blue .svc-more{font-family:'Cairo','IBM Plex Sans Arabic',Tahoma,Arial,sans-serif}
.bay-assess.bay-blue h1,.bay-assess.bay-blue h2,.bay-assess.bay-blue h3,.bay-assess.bay-blue h4{color:var(--ba-ink-2)}
.bay-assess.bay-blue h1,.bay-assess.bay-blue h2{font-weight:800}
.bay-assess.bay-blue .hero h1{color:var(--ba-ink-2);font-weight:800}
.bay-assess.bay-blue .hero h1 span,.bay-assess.bay-blue h2 span{color:#2F6FDB}
.bay-assess.bay-blue .eyebrow{color:#206ACA;font-weight:700}

/* Buttons: same as home (blue primary, outlined ghost, 6px radius) */
.bay-assess.bay-blue .btn{border-radius:6px;font-weight:700}
.bay-assess.bay-blue .btn-primary,
.bay-assess.bay-blue .btn-dark,
.bay-assess.bay-blue .cta-band .btn-accent{background:#206ACA;color:#fff;box-shadow:0 14px 28px -14px rgba(32,106,202,.75)}
.bay-assess.bay-blue .btn-primary:hover,
.bay-assess.bay-blue .btn-dark:hover,
.bay-assess.bay-blue .cta-band .btn-accent:hover{background:#1A4178;box-shadow:0 18px 32px -14px rgba(26,65,120,.7)}
.bay-assess.bay-blue .btn-ghost,
.bay-assess.bay-blue .btn-light,
.bay-assess.bay-blue .cta-band .btn-outline{background:transparent;color:#17243C;border:1px solid rgba(23,36,60,.18);box-shadow:none}
.bay-assess.bay-blue .btn-ghost:hover,
.bay-assess.bay-blue .btn-light:hover,
.bay-assess.bay-blue .cta-band .btn-outline:hover{background:#fff;border-color:rgba(23,36,60,.4)}

/* Hero: neutral paper like home, subtle navy grid instead of blue wash */
.bay-assess.bay-blue .hero{background:linear-gradient(180deg,#F3F4F6 0%,#FAFAFA 100%)}
.bay-assess.bay-blue .hero::before{background:
  radial-gradient(900px 520px at 8% 18%,rgba(32,106,202,.08),transparent 60%),
  radial-gradient(720px 420px at 85% 0%,rgba(11,32,51,.05),transparent 63%),
  linear-gradient(rgba(11,32,51,.035) 1px,transparent 1px),
  linear-gradient(90deg,rgba(11,32,51,.035) 1px,transparent 1px);background-size:auto,auto,64px 64px,64px 64px}
.bay-assess.bay-blue .hero::after{border-color:rgba(11,32,51,.06);box-shadow:0 0 0 70px rgba(11,32,51,.02),0 0 0 140px rgba(11,32,51,.012)}
.bay-assess.bay-blue .hero-pill{border-color:rgba(32,106,202,.2);color:#1A4178}
.bay-assess.bay-blue .hero-pill .pulse{background:#206ACA}
.bay-assess.bay-blue .avatar-stack i{background:linear-gradient(135deg,#D6E4F7,#206ACA)}
.bay-assess.bay-blue .avatar-stack i:nth-child(2){background:linear-gradient(135deg,#E5EBF4,#1A4178)}
.bay-assess.bay-blue .avatar-stack i:nth-child(3){background:linear-gradient(135deg,#C9D6EA,#0B2033)}
.bay-assess.bay-blue .photo-frame{background:#E5EBF4;box-shadow:0 42px 90px rgba(11,32,51,.16)}
.bay-assess.bay-blue .photo-frame::after{background:linear-gradient(180deg,rgba(11,32,51,0) 40%,rgba(11,32,51,.66) 100%)}
.bay-assess.bay-blue .floating-stat{box-shadow:0 22px 52px rgba(11,32,51,.12)}
.bay-assess.bay-blue .floating-stat b{color:#206ACA}
.bay-assess.bay-blue .score-ring{background:conic-gradient(#206ACA 0 72%,#E9EDF2 72% 100%)}
.bay-assess.bay-blue.bay-consult .score-ring{background:conic-gradient(#206ACA 0 85%,#E9EDF2 85% 100%)}
.bay-assess.bay-blue .track,.bay-assess.bay-blue .mini-track,.bay-assess.bay-blue .cta-mini .track{background:#E9EDF2}
.bay-assess.bay-blue .fill,.bay-assess.bay-blue .mini-track i,.bay-assess.bay-blue .cta-mini .fill{background:linear-gradient(90deg,#2F6FDB,#1A4178)}
.bay-assess.bay-blue .orb{border-color:rgba(32,106,202,.16)}
.bay-assess.bay-blue .orb::after{border-color:rgba(32,106,202,.1)}

/* Platform / dashboard mock */
.bay-assess.bay-blue .platform-card{background:linear-gradient(160deg,#E9EDF2 0%,#F6F7F9 100%);border-color:var(--ba-line)}
.bay-assess.bay-blue .platform-card::before{background:rgba(32,106,202,.12)}
.bay-assess.bay-blue .dots i{background:rgba(11,32,51,.16)}
.bay-assess.bay-blue .dots i:first-child{background:#2F6FDB}
.bay-assess.bay-blue .ui-shell{background:#fff;box-shadow:0 10px 30px rgba(11,32,51,.05)}
.bay-assess.bay-blue .ui-tabs{background:#F3F4F6}
.bay-assess.bay-blue .chart{border-bottom-color:#E9EDF2}
.bay-assess.bay-blue .chart i{background:linear-gradient(180deg,#2F6FDB,#1A4178)}
.bay-assess.bay-blue .donut,.bay-assess.bay-blue.bay-consult .donut{background:conic-gradient(#1A4178 0 72%,#2F6FDB 72% 86%,#E9EDF2 86% 100%)}
.bay-assess.bay-blue .ui-note{background:#1A4178;box-shadow:0 12px 30px rgba(11,32,51,.16)}

/* Sections & cards: neutral surfaces like home */
.bay-assess.bay-blue .section.soft,.bay-assess.bay-blue section.soft{background:#F3F4F6}
.bay-assess.bay-blue .service-card.dark,
.bay-assess.bay-blue .audience-card.featured{background:linear-gradient(165deg,#EEF1F5 0%,#F8F9FA 100%);border-color:var(--ba-line)}
.bay-assess.bay-blue .service-card:hover{border-color:#C9D2DE}
.bay-assess.bay-blue .dark .service-tag{color:#1A4178}
.bay-assess.bay-blue .word-cloud span{background:#F3F4F6}
.bay-assess.bay-blue .word-cloud a{border-radius:6px;color:#1A4178;font-family:'Cairo',Tahoma,sans-serif}
.bay-assess.bay-blue .word-cloud a:hover{background:#206ACA;border-color:#206ACA;color:#fff}
.bay-assess.bay-blue .profile-panel,.bay-assess.bay-blue .insight-card,.bay-assess.bay-blue .micro-flow{box-shadow:0 6px 18px rgba(11,32,51,.04)}
.bay-assess.bay-blue .mini-report{background:#F6F7F9}
.bay-assess.bay-blue .featured .icon{background:#1A4178}
.bay-assess.bay-blue .step-num{background:#EEF2F8;color:#206ACA}

/* Services grid */
.bay-assess.bay-blue .svc-card{border-radius:16px}
.bay-assess.bay-blue .svc-card:hover{background:#F3F6FA;border-color:#C9D2DE;box-shadow:0 18px 46px rgba(11,32,51,.08)}
.bay-assess.bay-blue .svc-card h3 a{color:#17243C}
.bay-assess.bay-blue .svc-card:hover h3 a{color:#206ACA}
.bay-assess.bay-blue .svc-more,.bay-assess.bay-blue .svc-inline{color:#206ACA}
.bay-assess.bay-blue .svc-more:hover,.bay-assess.bay-blue .svc-card:hover .svc-more{color:#1A4178}

/* Numbers */
.bay-assess.bay-blue .number{background:linear-gradient(180deg,#fff 0%,#F8F9FA 100%)}
.bay-assess.bay-blue .number b{color:#1A4178}

/* FAQ */
.bay-assess.bay-blue .faq-item.open{border-color:#C9D2DE}

/* CTA band */
.bay-assess.bay-blue .cta-band{background:linear-gradient(135deg,#E9EDF2 0%,#F3F4F6 55%,#FAFAFA 100%);border-color:var(--ba-line)}
.bay-assess.bay-blue .cta-band::before{background:radial-gradient(420px circle at 85% 15%,rgba(32,106,202,.1),transparent 70%)}
.bay-assess.bay-blue .cta-band h2{color:#17243C}
.bay-assess.bay-blue .cta-mini b{color:#1A4178}

/* Placeholder imagery */
.bay-assess.bay-blue .ph-photo{background:radial-gradient(140% 120% at 15% 0%,rgba(32,106,202,.14),transparent 55%),linear-gradient(155deg,#E9EDF2 0%,#D9E0EA 60%,#C9D2DE 100%)}
.bay-assess.bay-blue .story-photo::after{background:linear-gradient(180deg,transparent 50%,rgba(11,32,51,.62))}

/* ---- Flat section backgrounds (no gradients), like the home page ---- */
.bay-assess.bay-blue .hero{background:#F3F4F6}
.bay-assess.bay-blue .hero::before{background:none}
.bay-assess.bay-blue .platform-card{background:#F3F4F6}
.bay-assess.bay-blue .service-card.dark,
.bay-assess.bay-blue .audience-card.featured{background:#F3F4F6}
.bay-assess.bay-blue .number{background:#fff}
.bay-assess.bay-blue .cta-band{background:#F3F4F6}
.bay-assess.bay-blue .cta-band::before{background:none}
.bay-assess.bay-blue .ph-photo{background:#E9EDF2}

/* ---- Service pages (single bayan_service, .svc3) ---- */
body.svc3-page{background:#FAFAFA}
.bay-assess.svc3 .hero{background:#F3F4F6}
.bay-assess.svc3 .hero::before,.bay-assess.svc3 .fx-glow{background:none}
.bay-assess.svc3 .fx-grid{background-image:linear-gradient(rgba(11,32,51,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(11,32,51,.035) 1px,transparent 1px)}
.bay-assess.svc3 .fx-ring{border-color:rgba(11,32,51,.06);box-shadow:0 0 0 70px rgba(11,32,51,.018),0 0 0 140px rgba(11,32,51,.01)}
.bay-assess.svc3 .fx-ring.r2{box-shadow:0 0 0 48px rgba(11,32,51,.015),0 0 0 96px rgba(11,32,51,.01)}
.bay-assess.svc3 .shot::after{background:linear-gradient(200deg,rgba(11,32,51,0) 45%,rgba(11,32,51,.5))}
.bay-assess.svc3 .section.soft,.bay-assess.svc3 section.soft{background:#F3F4F6}
.bay-assess.svc3 .pain:hover,.bay-assess.svc3 .inc:hover,.bay-assess.svc3 .deliv:hover{border-color:#C9D2DE}
.bay-assess.svc3 .risk{background:#1A4178}
.bay-assess.svc3 .risk p{color:#D6E0EE}
.bay-assess.svc3 .inc .n{background:#EEF2F8;color:#206ACA;font-family:'Cairo',sans-serif;border-radius:6px}
.bay-assess.svc3 .phase .num{color:#D9E0EA}
.bay-assess.svc3 .deliv .tick{background:#206ACA;border-radius:6px}
.bay-assess.svc3 .faq-q{color:#17243C}
.bay-assess.svc3 .faq-item.open .plus{background:#206ACA}
.bay-assess.svc3 .cta-band{background:#F3F4F6}
.bay-assess.svc3 .cta-band::before{background:none}
.bay-assess.svc3 .cta-band .btn-accent{background:#206ACA;color:#fff;box-shadow:0 14px 28px -14px rgba(32,106,202,.75)}
.bay-assess.svc3 .cta-band .btn-accent:hover{background:#1A4178}
.bay-assess.svc3 .cta-band .btn-outline{background:transparent;border-color:rgba(23,36,60,.18);color:#17243C}
.bay-assess.svc3 .cta-band .btn-outline:hover{background:#fff;border-color:rgba(23,36,60,.4)}
.bay-assess.svc3 .cta-card b{color:#1A4178}

/* Service hero: no background grid squares */
.bay-assess.svc3 .fx-grid{display:none}