/* =========================================================
   BAYAN ASSESSMENT - BLUE / LIGHT THEME (test variant)
   Loaded after assessment.css. Scoped to .bay-assess.bay-blue
   Brand: #0D336A  -  no dark section backgrounds
   ========================================================= */
.bay-assess.bay-blue{
  --ba-ink:#0b1b33;
  --ba-ink-2:#1e3252;
  --ba-muted:#5a6a80;
  --ba-paper:#f7faff;
  --ba-paper-2:#edf3fb;
  --ba-white:#fff;
  --ba-teal-950:#0d336a;
  --ba-teal-900:#123f80;
  --ba-teal-800:#1a4f9c;
  --ba-teal-700:#2563b8;
  --ba-sage:#5aa9e6;
  --ba-mint:#cfe3fa;
  --ba-mint-2:#e7f0fc;
  --ba-line:#dbe5f2;
  --ba-shadow:0 28px 80px rgba(13,51,106,.12);
  --ba-shadow-soft:0 18px 46px rgba(13,51,106,.07);
  background:var(--ba-paper);color:var(--ba-ink);
}
.bay-assess.bay-blue ::selection{background:#cfe3fa;color:#0d336a}

/* BUTTONS */
.bay-assess.bay-blue .btn-primary{background:var(--ba-teal-950);color:#fff;box-shadow:0 12px 30px rgba(13,51,106,.18)}
.bay-assess.bay-blue .btn-primary:hover{background:var(--ba-teal-800);box-shadow:0 18px 40px rgba(13,51,106,.24)}
.bay-assess.bay-blue .btn-ghost{border-color:rgba(13,51,106,.22);color:var(--ba-teal-950);background:rgba(255,255,255,.7)}
.bay-assess.bay-blue .btn-ghost:hover{background:#fff;border-color:rgba(13,51,106,.45)}
.bay-assess.bay-blue .btn-light:hover{border-color:#b9cde6}
.bay-assess.bay-blue .eyebrow{color:var(--ba-teal-700)}

/* NAV (light) */
.bay-assess.bay-blue .nav.scrolled{background:rgba(255,255,255,.88);border-bottom:1px solid var(--ba-line);box-shadow:0 8px 30px rgba(13,51,106,.06)}
.bay-assess.bay-blue .brand{color:var(--ba-ink)}
.bay-assess.bay-blue .brand-mark{background:var(--ba-teal-950);color:#fff;box-shadow:0 10px 26px rgba(13,51,106,.22)}
.bay-assess.bay-blue .brand-copy small{color:var(--ba-muted)}
.bay-assess.bay-blue .nav-links{color:var(--ba-ink-2)}
.bay-assess.bay-blue .nav-links a:hover{color:var(--ba-teal-950)}
.bay-assess.bay-blue .nav-links a::after{background:var(--ba-sage)}
.bay-assess.bay-blue .nav-actions .login{color:var(--ba-teal-950)}
.bay-assess.bay-blue .menu-btn{border-color:var(--ba-line);background:#fff;color:var(--ba-teal-950)}
.bay-assess.bay-blue .mobile-menu{background:#fff}
.bay-assess.bay-blue .mobile-menu a{color:var(--ba-ink);border-bottom-color:var(--ba-line)}
.bay-assess.bay-blue .mobile-menu .btn-primary{color:#fff}
.bay-assess.bay-blue .lang-switch{border-color:rgba(13,51,106,.2);color:var(--ba-teal-950);background:#fff}
.bay-assess.bay-blue .lang-switch:hover{background:var(--ba-mint-2);border-color:rgba(13,51,106,.4)}
.bay-assess.bay-blue .mobile-menu .lang-switch{border-color:var(--ba-line)}

/* HERO (light) */
.bay-assess.bay-blue .hero{background:linear-gradient(180deg,#eef4fd 0%,#f7faff 100%);color:var(--ba-ink)}
.bay-assess.bay-blue .hero::before{background:
  radial-gradient(900px 520px at 8% 18%,rgba(90,169,230,.20),transparent 60%),
  radial-gradient(720px 420px at 85% 0%,rgba(13,51,106,.08),transparent 63%),
  linear-gradient(rgba(13,51,106,.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(13,51,106,.045) 1px,transparent 1px);background-size:auto,auto,64px 64px,64px 64px}
.bay-assess.bay-blue .hero::after{border-color:rgba(13,51,106,.08);box-shadow:0 0 0 70px rgba(13,51,106,.025),0 0 0 140px rgba(13,51,106,.015)}
.bay-assess.bay-blue .hero-pill{border-color:rgba(37,99,184,.22);background:#fff;color:var(--ba-teal-800)}
.bay-assess.bay-blue .hero-pill .pulse{background:var(--ba-sage);box-shadow:0 0 0 5px rgba(90,169,230,.18)}
.bay-assess.bay-blue .hero h1{color:var(--ba-ink)}
.bay-assess.bay-blue .hero h1 span{color:var(--ba-teal-700)}
.bay-assess.bay-blue .hero .lead{color:var(--ba-muted)}
.bay-assess.bay-blue .hero-meta{color:var(--ba-muted)}
.bay-assess.bay-blue .hero-proof{border-top-color:var(--ba-line)}
.bay-assess.bay-blue .hero-proof p{color:var(--ba-muted)}.bay-assess.bay-blue .hero-proof b{color:var(--ba-ink)}
.bay-assess.bay-blue .avatar-stack i{border-color:#f3f7fd;background:linear-gradient(135deg,#cfe3fa,#2563b8)}
.bay-assess.bay-blue .avatar-stack i:nth-child(2){background:linear-gradient(135deg,#f3d9a8,#5a7fb0)}
.bay-assess.bay-blue .avatar-stack i:nth-child(3){background:linear-gradient(135deg,#b9dcf3,#0d336a)}
.bay-assess.bay-blue .photo-frame{background:#dbe7f7;box-shadow:0 42px 90px rgba(13,51,106,.18);border-color:#fff}
.bay-assess.bay-blue .photo-frame::after{background:linear-gradient(180deg,rgba(13,51,106,0) 40%,rgba(13,51,106,.62) 100%)}
.bay-assess.bay-blue .photo-caption{color:#fff}
.bay-assess.bay-blue .dashboard-card{border-color:var(--ba-line)}
.bay-assess.bay-blue .score-ring{background:conic-gradient(var(--ba-teal-700) 0 72%,#e6edf6 72% 100%)}
.bay-assess.bay-blue .track{background:#e6edf6}
.bay-assess.bay-blue .fill{background:linear-gradient(90deg,var(--ba-sage),var(--ba-teal-950))}
.bay-assess.bay-blue .floating-stat{background:#fff;color:var(--ba-teal-950);border:1px solid var(--ba-line);box-shadow:0 22px 52px rgba(13,51,106,.14)}
.bay-assess.bay-blue .floating-stat b{color:var(--ba-teal-700)}
.bay-assess.bay-blue .orb{border-color:rgba(37,99,184,.22)}.bay-assess.bay-blue .orb::after{border-color:rgba(37,99,184,.14)}

/* LOGOS */
.bay-assess.bay-blue .logos span{color:#8d9bb0}

/* PLATFORM CARD (light) */
.bay-assess.bay-blue .platform-card{background:linear-gradient(160deg,#dcebfb 0%,#eef5fe 100%);border:1px solid var(--ba-line)}
.bay-assess.bay-blue .platform-card::before{background:rgba(90,169,230,.22)}
.bay-assess.bay-blue .browser-top{color:var(--ba-muted)}
.bay-assess.bay-blue .dots i{background:rgba(13,51,106,.18)}
.bay-assess.bay-blue .dots i:first-child{background:#5aa9e6}
.bay-assess.bay-blue .ui-shell{background:#fbfdff;box-shadow:0 10px 30px rgba(13,51,106,.06)}
.bay-assess.bay-blue .ui-tabs{background:#edf3fb}
.bay-assess.bay-blue .chart{border-bottom-color:#e6edf6}
.bay-assess.bay-blue .chart i{background:linear-gradient(180deg,var(--ba-sage),var(--ba-teal-950))}
.bay-assess.bay-blue .donut{background:conic-gradient(var(--ba-teal-950) 0 64%,var(--ba-sage) 64% 82%,#e6edf6 82% 100%)}
.bay-assess.bay-blue .ui-note{background:var(--ba-teal-950);color:#fff;box-shadow:0 12px 30px rgba(13,51,106,.18)}

/* BENTO - former dark card becomes soft blue */
.bay-assess.bay-blue .service-card:hover{border-color:#b9cde6}
.bay-assess.bay-blue .service-card.dark{background:linear-gradient(165deg,#e3eefc 0%,#f4f8ff 100%);color:var(--ba-ink);border-color:#cddcf0}
.bay-assess.bay-blue .dark .service-tag{background:#fff;color:var(--ba-teal-800);border:1px solid var(--ba-line)}
.bay-assess.bay-blue .dark p{color:var(--ba-muted)}
.bay-assess.bay-blue .word-cloud span{background:#f1f6fd}
.bay-assess.bay-blue .dark .word-cloud span{background:#fff;border-color:var(--ba-line);color:var(--ba-teal-800)}
.bay-assess.bay-blue .profile-panel, .bay-assess.bay-blue .insight-card, .bay-assess.bay-blue .micro-flow{background:#fff;border-color:var(--ba-line);box-shadow:0 6px 18px rgba(13,51,106,.04)}
.bay-assess.bay-blue .profile-head span{color:var(--ba-muted);background:var(--ba-paper-2)}
.bay-assess.bay-blue .profile-radar .grid{stroke:rgba(13,51,106,.14)}
.bay-assess.bay-blue .profile-radar .axis{stroke:rgba(13,51,106,.10)}
.bay-assess.bay-blue .profile-radar .shape{fill:rgba(90,169,230,.25);stroke:var(--ba-teal-700)}
.bay-assess.bay-blue .profile-radar .dot{fill:var(--ba-teal-950)}
.bay-assess.bay-blue .profile-labels span{color:var(--ba-muted)}
.bay-assess.bay-blue .insight-top strong{color:var(--ba-teal-700)}
.bay-assess.bay-blue .mini-track{background:#e6edf6}
.bay-assess.bay-blue .mini-track i{background:linear-gradient(90deg,var(--ba-sage),var(--ba-teal-950))}
.bay-assess.bay-blue .micro-flow{color:var(--ba-muted)}.bay-assess.bay-blue .micro-flow i{color:var(--ba-teal-700)}
.bay-assess.bay-blue .service-card.large::after{border-color:rgba(37,99,184,.10);box-shadow:0 0 0 46px rgba(37,99,184,.03),0 0 0 92px rgba(37,99,184,.02)}
.bay-assess.bay-blue .mini-report{background:#f5f9fe}
.bay-assess.bay-blue .role-chip{border-color:var(--ba-line);background:#fff;color:var(--ba-ink-2)}

/* STORY */
.bay-assess.bay-blue .story-photo::after{background:linear-gradient(180deg,transparent 50%,rgba(13,51,106,.6))}

/* NUMBERS (light) */
.bay-assess.bay-blue .numbers-wrap{background:#fff;border:1px solid var(--ba-line);box-shadow:var(--ba-shadow-soft)}
.bay-assess.bay-blue .numbers{background:var(--ba-line)}
.bay-assess.bay-blue .number{background:linear-gradient(180deg,#fff 0%,#f5f9fe 100%);color:var(--ba-ink)}
.bay-assess.bay-blue .number b{color:var(--ba-teal-950)}
.bay-assess.bay-blue .number span{color:var(--ba-muted)}
.bay-assess.bay-blue .number:nth-child(n+4){border-top-color:var(--ba-line)}

/* AUDIENCE - featured becomes soft blue */
.bay-assess.bay-blue .audience-card.featured{background:linear-gradient(165deg,#e3eefc 0%,#f4f8ff 100%);color:var(--ba-ink);border-color:#cddcf0}
.bay-assess.bay-blue .featured .icon{background:var(--ba-teal-950);color:#fff}
.bay-assess.bay-blue .featured .desc{color:var(--ba-muted)}
.bay-assess.bay-blue .featured li{color:var(--ba-ink-2)}
.bay-assess.bay-blue .audience-list li::before{background:var(--ba-sage)}
.bay-assess.bay-blue .featured .btn-ghost{background:#fff}

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

/* CTA (light) */
.bay-assess.bay-blue .cta-band{background:linear-gradient(135deg,#dcebfb 0%,#eef5fe 55%,#f8fbff 100%);color:var(--ba-ink);border:1px solid #cddcf0}
.bay-assess.bay-blue .cta-band:before{background:radial-gradient(420px circle at 85% 15%,rgba(90,169,230,.22),transparent 70%)}
.bay-assess.bay-blue .cta-band h2{color:var(--ba-teal-950)}
.bay-assess.bay-blue .cta-band p{color:var(--ba-muted)}
.bay-assess.bay-blue .cta-band .btn-accent{background:var(--ba-teal-950);color:#fff}
.bay-assess.bay-blue .cta-band .btn-accent:hover{background:var(--ba-teal-800)}
.bay-assess.bay-blue .cta-band .btn-outline{border-color:rgba(13,51,106,.28);color:var(--ba-teal-950);background:#fff}
.bay-assess.bay-blue .cta-band .btn-outline:hover{background:#fff;border-color:rgba(13,51,106,.55)}
.bay-assess.bay-blue .cta-mini{background:#fff;border-color:var(--ba-line);box-shadow:0 10px 30px rgba(13,51,106,.06)}
.bay-assess.bay-blue .cta-mini .row{color:var(--ba-ink-2)}
.bay-assess.bay-blue .cta-mini .track{background:#e6edf6}
.bay-assess.bay-blue .cta-mini .fill{background:linear-gradient(90deg,var(--ba-sage),var(--ba-teal-950))}
.bay-assess.bay-blue .cta-mini b{color:var(--ba-teal-950)}
.bay-assess.bay-blue .cta-mini > span{color:var(--ba-muted)}

/* FOOTER (light) */
.bay-assess.bay-blue footer{background:#eef3fa;color:var(--ba-muted);border-top:1px solid var(--ba-line)}
.bay-assess.bay-blue .footer-grid{border-bottom-color:var(--ba-line)}
.bay-assess.bay-blue .foot-col h5{color:var(--ba-ink)}
.bay-assess.bay-blue .foot-col a:hover{color:var(--ba-teal-950)}
.bay-assess.bay-blue footer .brand{color:var(--ba-ink)}

/* Placeholder imagery */
.bay-assess.bay-blue .ph-photo{background:
  radial-gradient(140% 120% at 15% 0%, rgba(90,169,230,.28), transparent 55%),
  linear-gradient(155deg,#dcebfb 0%,#c3d9f4 60%,#a9c7ee 100%)}
.bay-assess.bay-blue .ph-photo::before{background-image:linear-gradient(rgba(13,51,106,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(13,51,106,.06) 1px,transparent 1px)}
.bay-assess.bay-blue .ph-photo::after{color:rgba(13,51,106,.08)}

/* fixes */
body.bay-assess{background:#eef3fa}
.bay-assess.bay-blue footer .foot-brand p, .bay-assess.bay-blue footer p, .bay-assess.bay-blue footer li, .bay-assess.bay-blue footer a, .bay-assess.bay-blue .footer-bottom{color:var(--ba-muted)}
.bay-assess.bay-blue footer .foot-col h5, .bay-assess.bay-blue footer .brand-copy b{color:var(--ba-ink)}
.bay-assess.bay-blue footer a:hover{color:var(--ba-teal-950)}
.bay-assess.bay-blue footer .brand-mark, .bay-assess.bay-blue footer .brand-mark strong{color:#fff}

/* consulting content variant */
.bay-assess.bay-consult .score-ring{background:conic-gradient(var(--ba-teal-700) 0 85%,#e6edf6 85% 100%)}
.bay-assess.bay-consult .score-ring::before{content:"85%"}
.bay-assess.bay-consult .donut{background:conic-gradient(var(--ba-teal-950) 0 72%,var(--ba-sage) 72% 86%,#e6edf6 86% 100%)}
.bay-assess.bay-consult .donut::before{content:"72%"}
.bay-assess.bay-consult .report-row{grid-template-columns:84px 1fr 20px}
.bay-assess.bay-consult .audience-list li{align-items:baseline;line-height:1.7}
.bay-assess.bay-consult .audience-list li::before{flex:0 0 7px;transform:rotate(45deg) translateY(-2px)}

.bay-assess.bay-blue .report-row .fill{display:block}

.bay-assess.bay-blue .track .fill{display:block}

/* internal service links */
.bay-assess.bay-blue .word-cloud a{padding:9px 12px;border-radius:10px;background:#fff;border:1px solid var(--ba-line);font-size:10.5px;font-weight:800;color:var(--ba-teal-800);transition:.2s ease}
.bay-assess.bay-blue .word-cloud a:hover{background:var(--ba-teal-950);border-color:var(--ba-teal-950);color:#fff;transform:translateY(-2px)}
.bay-assess.bay-blue .service-card h3 a{color:inherit;transition:color .2s}
.bay-assess.bay-blue .service-card h3 a:hover{color:var(--ba-teal-700)}
.bay-assess.bay-blue .svc-inline{color:var(--ba-teal-700);font-weight:700;text-decoration:underline;text-decoration-color:rgba(37,99,184,.3);text-underline-offset:4px;transition:.2s}
.bay-assess.bay-blue .svc-inline:hover{color:var(--ba-teal-950);text-decoration-color:currentColor}
.bay-assess.bay-blue .svc-more{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-size:12.5px;font-weight:800;color:var(--ba-teal-700);position:relative;z-index:2}
.bay-assess.bay-blue .svc-more span{transition:transform .2s}
.bay-assess.bay-blue .svc-more:hover{color:var(--ba-teal-950)}
.bay-assess.bay-blue .svc-more:hover span{transform:translateX(-4px)}
@media (max-width:760px){.bay-assess.bay-blue .word-cloud a{padding:8px 10px;font-size:10px}}

.bay-assess.bay-blue .svc-inline{white-space:nowrap}

/* services list section */
.bay-assess.bay-blue #services-list{padding-bottom:60px}
.bay-assess.bay-blue .svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bay-assess.bay-blue .svc-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--ba-line);border-radius:24px;padding:26px;min-height:270px;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;overflow:hidden}
.bay-assess.bay-blue .svc-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--ba-sage),var(--ba-teal-950));transform:scaleX(0);transform-origin:right;transition:transform .35s ease}
.bay-assess.bay-blue .svc-card:hover{transform:translateY(-5px);box-shadow:var(--ba-shadow-soft);border-color:#b9cde6}
.bay-assess.bay-blue .svc-card:hover::before{transform:scaleX(1)}
.bay-assess.bay-blue .svc-card-link{position:absolute;inset:0;z-index:1}
.bay-assess.bay-blue .svc-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.bay-assess.bay-blue .svc-arrow{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--ba-line);color:var(--ba-teal-700);font-size:16px;transition:.25s ease}
.bay-assess.bay-blue .svc-card:hover .svc-arrow{background:var(--ba-teal-950);border-color:var(--ba-teal-950);color:#fff;transform:translateX(-3px)}
.bay-assess.bay-blue .svc-card h3{font-size:20px;font-weight:900;line-height:1.45}
.bay-assess.bay-blue .svc-card h3 a{color:var(--ba-ink)}
.bay-assess.bay-blue .svc-card:hover h3 a{color:var(--ba-teal-800)}
.bay-assess.bay-blue .svc-card p{margin-top:10px;font-size:13.5px;color:var(--ba-muted);line-height:1.9}
.bay-assess.bay-blue .svc-card .svc-more{margin-top:auto;padding-top:18px}
.bay-assess.bay-blue .svc-all{display:flex;justify-content:center;margin-top:34px}
@media (max-width:1050px){.bay-assess.bay-blue .svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.bay-assess.bay-blue .svc-grid{grid-template-columns:1fr;gap:12px}.bay-assess.bay-blue .svc-card{min-height:auto;padding:22px;border-radius:20px}.bay-assess.bay-blue .svc-card h3{font-size:18px}.bay-assess.bay-blue .svc-all .btn{width:100%}}

/* services list: v2 (navy arrow, no top border, light-blue hover) */
.bay-assess.bay-blue .svc-card::before{display:none}
.bay-assess.bay-blue .svc-card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background-color .28s ease}
.bay-assess.bay-blue .svc-card:hover{background:#e7f0fc;border-color:#cddcf0;box-shadow:0 18px 46px rgba(13,51,106,.09)}
.bay-assess.bay-blue .svc-card:hover .step-num{background:#fff}
.bay-assess.bay-blue .svc-arrow{width:44px;height:44px;border:0;background:var(--ba-teal-950);color:#fff;box-shadow:0 8px 20px rgba(13,51,106,.18)}
.bay-assess.bay-blue .svc-arrow svg{width:18px;height:18px;display:block}
.bay-assess.bay-blue .svc-card:hover .svc-arrow{background:var(--ba-teal-800);color:#fff;transform:translateX(-4px)}
.bay-assess.bay-blue .svc-more{font-family:'IBM Plex Sans Arabic','Cairo',Tahoma,sans-serif;font-size:13px;font-weight:700;gap:8px;line-height:1}
.bay-assess.bay-blue .svc-more-ico{display:inline-grid;place-items:center;transition:transform .2s ease}
.bay-assess.bay-blue .svc-more-ico svg{width:15px;height:15px;display:block}
.bay-assess.bay-blue .svc-card:hover .svc-more{color:var(--ba-teal-950)}
.bay-assess.bay-blue .svc-card:hover .svc-more-ico{transform:translateX(-4px)}
.bay-assess.bay-blue .svc-more:hover .svc-more-txt{transform:none}
.bay-assess.bay-blue .svc-arrow{display:none}

/* remove eyebrow diamond icon */
.bay-assess.bay-blue .eyebrow::before{display:none;content:none}
.bay-assess.bay-blue .eyebrow{gap:0}

.bay-consult .audience-list li::before{display:none}

@media (max-width:760px){
  .bay-consult .platform-card{display:none}
}

#services .eyebrow,
#services-list .eyebrow{font-size:22px}