:root {
  --bno-soft-orange: #ffe1c8;
  --bno-soft-yellow: #fff5a8;
  --bno-soft-pink: #f4cdf8;
  --bno-soft-card-gray: #efeeec;
  --bno-shadow-soft: 0 0 12px rgba(0, 0, 0, 0.035), 0 2px 6px rgba(0, 0, 0, 0.022);
  --bno-shadow-panel: 0 0 16px rgba(0, 0, 0, 0.045), 0 3px 8px rgba(0, 0, 0, 0.026);
  --bno-shadow-hover: 0 0 20px rgba(0, 0, 0, 0.06), 0 4px 11px rgba(0, 0, 0, 0.034);
}

/* Final visual polish loaded after page-specific CSS. */
:is(
  .score-card,
  .answer-card,
  .risk-card,
  .case-card,
  .case-logo,
  .metric-card,
  .route-grid article,
  .method-card,
  .deliverables article,
  .service-grid article,
  .timeline article,
  .contact-card,
  .location-chip,
  .contact-faq-grid article,
  .route-steps article,
  .role-card,
  .culture-card,
  .value-card-careers,
  .faq-card,
  .expectations-grid article,
  .proof-snapshot,
  .boost-visual,
  .seo-visual,
  .ads-visual,
  .aeo-visual,
  .ai-visual,
  .branding-visual,
  .loop-visual,
  .outbound-visual,
  .implementation-visual,
  .migration-visual,
  .integrations-visual,
  .education-visual,
  .realestate-visual,
  .about-visual,
  .contact-form-shell,
  .careers-form-card,
  .hub-card,
  .route-panel,
  .form-shell
) {
  box-shadow: var(--bno-shadow-panel) !important;
}

:is(
  .case-card:hover,
  .case-card:focus-visible,
  .service-grid article:hover,
  .route-grid article:hover,
  .timeline article:hover,
  .metric-card:hover,
  .role-card:hover
) {
  box-shadow: var(--bno-shadow-hover) !important;
}

:is(
  .metric-card.orange,
  .case-card.orange,
  .contact-card.orange,
  .answer-card.orange,
  .cases-mini-card:nth-child(3),
  .hub-card:nth-child(2),
  .route-grid article:nth-child(4),
  .proof-grid article:nth-child(2n),
  .deliverables article:nth-child(3n+2),
  .risk-path article:nth-child(1),
  .levels-grid article:nth-child(4)
) {
  background: var(--bno-soft-orange) !important;
  color: #000 !important;
}

:is(
  .metric-card.yellow,
  .case-card.featured:not(.dark),
  .contact-card.yellow,
  .answer-card.yellow,
  .culture-card.yellow,
  .about-ai-card.yellow,
  .cases-mini-card:nth-child(2),
  .timeline article:nth-child(2),
  .risk-card,
  .risk-path article:nth-child(3),
  .locations-grid .location-chip:nth-child(2),
  .locations-grid .location-chip:nth-child(5),
  .expectations-grid article:nth-child(2),
  .route-grid article:nth-child(2),
  .deliverables article:nth-child(3n+1),
  .proof-grid article:nth-child(3n+1),
  .levels-grid article:nth-child(2)
) {
  background: var(--bno-soft-yellow) !important;
  color: #000 !important;
}

:is(
  .metric-card.pink,
  .timeline article:nth-child(4),
  .route-grid article:nth-child(3),
  .deliverables article:nth-child(3n),
  .proof-grid article:nth-child(3n),
  .hub-card:nth-child(4),
  .levels-grid article:nth-child(3)
) {
  background: var(--bno-soft-pink) !important;
  color: #000 !important;
}

:is(
  .signal-chip.orange,
  .signal-chip.yellow,
  .signal-chip.pink,
  .flow-pill.orange,
  .flow-pill.yellow,
  .flow-pill.pink,
  .sales-card.orange,
  .sales-card.yellow,
  .sales-card.pink
) {
  box-shadow: none !important;
}

:is(
  .metric-card.orange,
  .metric-card.yellow,
  .metric-card.pink,
  .case-card.orange,
  .case-card.featured:not(.dark),
  .contact-card.orange,
  .contact-card.yellow,
  .answer-card.orange,
  .answer-card.yellow,
  .answer-card.black,
  .culture-card.yellow,
  .risk-card,
  .risk-path article,
  .timeline article,
  .route-grid article
) :is(h1, h2, h3, h4, strong, b, p, span, small, li) {
  color: inherit;
}

.answer-card.black {
  background: var(--bno-soft-card-gray) !important;
  color: #000 !important;
}

.risk-path article:nth-child(2),
.expectations-grid article:nth-child(4) {
  background: #000 !important;
  color: #fff !important;
}

.risk-path article:nth-child(2) :is(small, b, span, p),
.expectations-grid article:nth-child(4) :is(small, b, span, p, h3) {
  color: #fff !important;
}

.method-head .eyebrow::before {
  display: none !important;
}

.method-head .eyebrow,
.method .section-head.centered .eyebrow {
  justify-content: center !important;
}

.method .section-head.centered .eyebrow::before {
  display: none !important;
}

.score-card,
.cases-visual,
.proof-snapshot,
.boost-visual,
.seo-visual,
.ads-visual,
.aeo-visual,
.ai-visual,
.branding-visual,
.loop-visual,
.outbound-visual,
.implementation-visual,
.migration-visual,
.integrations-visual,
.education-visual,
.realestate-visual,
.about-visual {
  transform: none !important;
}

.metric-card h3,
.route-grid h3,
.compare-grid h3,
.service-grid h3,
.hub-card h3 {
  font-size: clamp(25px, 2vw, 30px) !important;
  line-height: 1.02 !important;
  overflow-wrap: anywhere;
}

.method .route-grid h3 {
  font-size: clamp(21px, 1.55vw, 26px) !important;
}

.method .route-grid p {
  font-size: clamp(15px, 1.05vw, 17px) !important;
  line-height: 1.45 !important;
}

.method .route-grid b {
  font-size: clamp(48px, 4.6vw, 66px) !important;
}

.method .route-grid article {
  min-height: 360px !important;
}

.risk-card {
  box-shadow: var(--bno-shadow-panel) !important;
}

.risk-card :is(h3, b) {
  font-size: clamp(22px, 1.85vw, 30px) !important;
  line-height: 0.98 !important;
}

.risk-card :is(p, span) {
  font-size: clamp(14px, 1vw, 16px) !important;
  line-height: 1.34 !important;
}

.proof-grid strong {
  font-size: clamp(26px, 2.45vw, 36px) !important;
  line-height: 0.98 !important;
}

.risk-path article {
  min-height: 245px !important;
  padding: clamp(14px, 1.7vw, 20px) !important;
}

.risk-path b {
  font-size: clamp(17px, 1.15vw, 22px) !important;
  line-height: 1 !important;
  overflow-wrap: anywhere;
}

.risk-path span {
  font-size: 12px !important;
  line-height: 1.28 !important;
}

.risk-path small {
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
}

.timeline h3,
.offer-card h3,
.levels-grid h3 {
  font-size: clamp(18px, 1.25vw, 22px) !important;
  line-height: 1.02 !important;
  overflow-wrap: anywhere;
}

.deliverables article strong {
  font-size: clamp(16px, 1.12vw, 20px) !important;
  line-height: 1.05 !important;
}

.contact-card h3 {
  font-size: clamp(18px, 1.25vw, 22px) !important;
  line-height: 1.02 !important;
  overflow-wrap: anywhere;
}

.location-chip strong {
  font-size: clamp(14px, 0.92vw, 18px) !important;
  line-height: 1.04 !important;
  overflow-wrap: anywhere;
}

.route-steps h3 {
  font-size: clamp(15px, 1vw, 18px) !important;
  line-height: 1.04 !important;
  overflow-wrap: anywhere;
}

.contact-faq-grid h3 {
  font-size: clamp(18px, 1.25vw, 22px) !important;
  line-height: 1.04 !important;
}

.role-card h3 {
  font-size: clamp(15px, 0.98vw, 18px) !important;
  line-height: 1.03 !important;
  overflow-wrap: anywhere;
}

.culture-card h3 {
  font-size: clamp(22px, 1.75vw, 29px) !important;
  line-height: 1.02 !important;
}

.route .section-head {
  display: block !important;
  max-width: 840px !important;
  margin: 0 auto 42px !important;
  text-align: center !important;
}

.route .section-head h2 {
  max-width: 720px !important;
  margin-inline: auto !important;
}

.timeline {
  max-width: 980px !important;
  margin-inline: auto !important;
}

.timeline article {
  min-width: 0 !important;
}

.locations-grid {
  align-items: stretch !important;
}

.contact-faq-grid h3,
.role-card h3 {
  overflow-wrap: anywhere !important;
}

.site-header {
  border-bottom-color: var(--site-line, rgba(0, 0, 0, 0.12)) !important;
}

@media (max-width: 760px) {
  .locations-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .location-chip {
    min-width: 0;
  }

  .location-chip strong {
    font-size: clamp(15px, 6vw, 18px) !important;
  }
}

/* System-wide final pass: softer shadows and calmer solid color blocks. */
:is(
  .score-card,
  .answer-card,
  .risk-card,
  .case-card,
  .case-logo,
  .case-logo-box,
  .metric-card,
  .route-grid article,
  .method-card,
  .deliverables article,
  .service-grid article,
  .timeline article,
  .contact-card,
  .location-chip,
  .contact-faq-grid article,
  .route-steps article,
  .role-card,
  .culture-card,
  .value-card-careers,
  .faq-card,
  .expectations-grid article,
  .proof-snapshot,
  .proof-card,
  .proof-grid article,
  .boost-visual,
  .seo-visual,
  .ads-visual,
  .aeo-visual,
  .ai-visual,
  .branding-visual,
  .loop-visual,
  .outbound-visual,
  .implementation-visual,
  .migration-visual,
  .integrations-visual,
  .education-visual,
  .realestate-visual,
  .finance-visual,
  .b2b-visual,
  .tourism-visual,
  .health-visual,
  .logistics-visual,
  .industrial-visual,
  .about-visual,
  .contact-form-shell,
  .careers-form-card,
  .hub-card,
  .route-panel,
  .form-shell,
  .visual-card,
  .process-card,
  .platform-card,
  .scope-card,
  .source-card,
  .pain-card,
  .signal-card,
  .map-card,
  .cta-card,
  .about-ai-card,
  .client-logo,
  .logo-card,
  .review-column article,
  .cases-mini-card,
  .compare-card,
  .level-card,
  .levels-grid article,
  .pattern-card,
  .system-card,
  .step-card
) {
  box-shadow: var(--bno-shadow-panel) !important;
}

:is(
  .case-card:hover,
  .case-card:focus-visible,
  .service-grid article:hover,
  .route-grid article:hover,
  .timeline article:hover,
  .metric-card:hover,
  .role-card:hover,
  .contact-card:hover,
  .hub-card:hover,
  .proof-grid article:hover,
  .deliverables article:hover
) {
  box-shadow: var(--bno-shadow-hover) !important;
  transform: translateY(-1px);
}

:is(article, div, section).orange,
:is(
  .metric-card.orange,
  .case-card.orange,
  .contact-card.orange,
  .answer-card.orange,
  .about-ai-card.orange,
  .culture-card.orange,
  .offer-card.orange,
  .proof-card.orange,
  .visual-card.orange,
  .process-card.orange,
  .platform-card.orange,
  .step-card.orange,
  .system-card.orange,
  .scope-card.orange,
  .source-card.orange,
  .pain-card.orange,
  .signal-card.orange,
  .level-card.orange,
  .hub-card.orange,
  .cases-mini-card.orange,
  .method-card.orange,
  .route-panel.orange,
  .route-grid article:nth-child(4),
  .deliverables article:nth-child(3n+2),
  .service-grid article:nth-child(6),
  .timeline article:nth-child(5),
  .proof-grid article:nth-child(3n+2),
  .risk-path article:nth-child(1),
  .levels-grid article:nth-child(4),
  .hub-card:nth-child(2)
) {
  background: var(--bno-soft-orange) !important;
  background-color: var(--bno-soft-orange) !important;
  color: #000 !important;
}

:is(article, div, section).yellow,
:is(
  .metric-card.yellow,
  .case-card.featured:not(.dark),
  .case-card.yellow,
  .contact-card.yellow,
  .answer-card.yellow,
  .culture-card.yellow,
  .about-ai-card.yellow,
  .offer-card.yellow,
  .proof-card.yellow,
  .visual-card.yellow,
  .process-card.yellow,
  .platform-card.yellow,
  .step-card.yellow,
  .system-card.yellow,
  .scope-card.yellow,
  .source-card.yellow,
  .pain-card.yellow,
  .signal-card.yellow,
  .level-card.yellow,
  .hub-card.yellow,
  .cases-mini-card:nth-child(2),
  .route-grid article:nth-child(2),
  .deliverables article:nth-child(3n+1),
  .service-grid article:nth-child(2),
  .service-grid article:nth-child(5),
  .timeline article:nth-child(2),
  .proof-grid article:nth-child(3n+1),
  .risk-card,
  .risk-path article:nth-child(3),
  .locations-grid .location-chip:nth-child(2),
  .locations-grid .location-chip:nth-child(5),
  .expectations-grid article:nth-child(2),
  .levels-grid article:nth-child(2)
) {
  background: var(--bno-soft-yellow) !important;
  background-color: var(--bno-soft-yellow) !important;
  color: #000 !important;
}

:is(article, div, section).pink,
:is(
  .metric-card.pink,
  .case-card.pink,
  .contact-card.pink,
  .answer-card.pink,
  .culture-card.pink,
  .about-ai-card.pink,
  .offer-card.pink,
  .proof-card.pink,
  .visual-card.pink,
  .process-card.pink,
  .platform-card.pink,
  .step-card.pink,
  .system-card.pink,
  .scope-card.pink,
  .source-card.pink,
  .pain-card.pink,
  .signal-card.pink,
  .level-card.pink,
  .hub-card.pink,
  .cases-mini-card.pink,
  .method-card.pink,
  .route-grid article:nth-child(3),
  .deliverables article:nth-child(3n),
  .service-grid article:nth-child(4),
  .timeline article:nth-child(4),
  .proof-grid article:nth-child(3n),
  .levels-grid article:nth-child(3),
  .hub-card:nth-child(4)
) {
  background: var(--bno-soft-pink) !important;
  background-color: var(--bno-soft-pink) !important;
  color: #000 !important;
}

:is(
  .flow-pill.orange,
  .flow-pill.yellow,
  .flow-pill.pink,
  .signal-chip.orange,
  .signal-chip.yellow,
  .signal-chip.pink,
  .sales-card.orange,
  .sales-card.yellow,
  .sales-card.pink,
  .hero-tag.orange,
  .hero-tag.yellow,
  .hero-tag.pink,
  .chip.orange,
  .chip.yellow,
  .chip.pink
) {
  background: revert-layer;
}

:is(
  .metric-card,
  .route-grid article,
  .service-grid article,
  .deliverables article,
  .timeline article,
  .proof-grid article,
  .case-card,
  .contact-card,
  .answer-card,
  .risk-card,
  .hub-card,
  .role-card,
  .culture-card
) :is(h1, h2, h3, h4, p, span, small, strong, b, li, a) {
  color: inherit;
}

.method-head .eyebrow::before,
.method .section-head.center .eyebrow::before,
.method .section-head.centered .eyebrow::before {
  display: none !important;
}

.method-head .eyebrow,
.method .section-head.center .eyebrow,
.method .section-head.centered .eyebrow {
  justify-content: center !important;
}

.hub-card h3,
.method-card h3,
.route-grid h3,
.service-grid h3,
.metric-card h3 {
  font-size: clamp(23px, 1.85vw, 29px) !important;
  line-height: 1.02 !important;
  overflow-wrap: anywhere !important;
}

.risk-card .risk-path b,
.risk-card .risk-path h3,
.risk-path article b,
.risk-path article h3 {
  font-size: clamp(16px, 1.1vw, 20px) !important;
  line-height: 1.02 !important;
}

.risk-path article {
  min-width: 0 !important;
}

.risk-path article:nth-child(2) small,
.risk-path article:nth-child(2) span {
  color: #fff !important;
}

.timeline h3,
.offer-card h3,
.levels-grid h3,
.contact-card h3,
.contact-faq-grid h3,
.role-card h3 {
  font-size: clamp(17px, 1.16vw, 21px) !important;
  line-height: 1.04 !important;
  overflow-wrap: anywhere !important;
}

.location-chip strong {
  font-size: clamp(13px, 0.8vw, 16px) !important;
  line-height: 1 !important;
  overflow-wrap: anywhere !important;
}

.route-steps h3 {
  font-size: clamp(14px, 0.92vw, 17px) !important;
  line-height: 1.04 !important;
}

.contact-faq-grid h3 {
  font-size: clamp(18px, 1.18vw, 22px) !important;
}

.role-card h3 {
  font-size: clamp(18px, 1.18vw, 22px) !important;
}

.answer-card.black {
  background: var(--bno-soft-card-gray) !important;
  color: #000 !important;
}

.answer-card.black :is(h2, h3, p, b, strong, span) {
  color: #000 !important;
}

@media (max-width: 760px) {
  .location-chip strong {
    font-size: clamp(13px, 4.6vw, 17px) !important;
  }

  .contact-card h3,
  .contact-faq-grid h3,
  .role-card h3 {
    font-size: clamp(18px, 5.4vw, 22px) !important;
  }
}

/* Global visual-system enforcement. This sits last so page-level CSS cannot
   bring back heavy shadows or saturated large-card fills. */
:root {
  --bno-soft-orange: #ffe1c8;
  --bno-soft-yellow: #fff5a8;
  --bno-soft-pink: #f4cdf8;
  --bno-shadow-soft: 0 0 12px rgba(0, 0, 0, 0.035), 0 2px 6px rgba(0, 0, 0, 0.022);
  --bno-shadow-panel: 0 0 16px rgba(0, 0, 0, 0.045), 0 3px 8px rgba(0, 0, 0, 0.026);
  --bno-shadow-hover: 0 0 20px rgba(0, 0, 0, 0.06), 0 4px 11px rgba(0, 0, 0, 0.034);
}

:is(
  .score-card,
  .answer-card,
  .risk-card,
  .case-card,
  .case-logo,
  .metric-card,
  .route-grid article,
  .method-card,
  .deliverables article,
  .service-grid article,
  .timeline article,
  .contact-card,
  .location-chip,
  .contact-faq-grid article,
  .route-steps article,
  .role-card,
  .culture-card,
  .value-card-careers,
  .faq-card,
  .expectations-grid article,
  .proof-snapshot,
  .proof-grid article,
  .boost-visual,
  .seo-visual,
  .ads-visual,
  .aeo-visual,
  .ai-visual,
  .branding-visual,
  .loop-visual,
  .outbound-visual,
  .implementation-visual,
  .migration-visual,
  .integrations-visual,
  .education-visual,
  .realestate-visual,
  .about-visual,
  .contact-form-shell,
  .careers-form-card,
  .hub-card,
  .route-panel,
  .form-shell,
  .cases-mini-card,
  .compare-card,
  .level-card,
  .levels-grid article,
  .pattern-card,
  .system-card,
  .step-card,
  .offer-card,
  .platform-card,
  .process-card,
  .source-card,
  .pain-card,
  .signal-card,
  .map-card,
  .cta-card,
  .about-ai-card,
  .client-logo,
  .logo-card,
  .review-column article,
  .industry-logo-strip img,
  .proof-logo-strip img
) {
  box-shadow: var(--bno-shadow-panel) !important;
  filter: none !important;
}

:is(
  .case-card:hover,
  .case-card:focus-visible,
  .service-grid article:hover,
  .route-grid article:hover,
  .timeline article:hover,
  .metric-card:hover,
  .role-card:hover,
  .contact-card:hover,
  .hub-card:hover,
  .proof-grid article:hover,
  .deliverables article:hover,
  .contact-faq-grid article:hover,
  .culture-card:hover,
  .value-card-careers:hover
) {
  box-shadow: var(--bno-shadow-hover) !important;
  transform: none !important;
}

:is(
  .score-card,
  .answer-card,
  .risk-card,
  .case-card,
  .route-grid article,
  .method-card,
  .deliverables article,
  .service-grid article,
  .timeline article,
  .contact-card,
  .role-card,
  .culture-card,
  .value-card-careers,
  .proof-grid article,
  .hub-card,
  .cases-mini-card,
  .compare-card,
  .level-card,
  .levels-grid article,
  .pattern-card,
  .system-card,
  .step-card,
  .offer-card,
  .platform-card,
  .process-card,
  .source-card,
  .pain-card,
  .signal-card,
  .map-card,
  .cta-card,
  .about-ai-card,
  .location-chip
).orange,
:is(
  .metric-card.orange,
  .case-card.orange,
  .contact-card.orange,
  .answer-card.orange,
  .about-ai-card.orange,
  .culture-card.orange,
  .offer-card.orange,
  .proof-card.orange,
  .visual-card.orange,
  .process-card.orange,
  .platform-card.orange,
  .step-card.orange,
  .system-card.orange,
  .scope-card.orange,
  .source-card.orange,
  .pain-card.orange,
  .signal-card.orange,
  .level-card.orange,
  .hub-card.orange,
  .cases-mini-card.orange,
  .method-card.orange,
  .route-panel.orange,
  .route-grid article:nth-child(4),
  .deliverables article:nth-child(3n+2),
  .service-grid article:nth-child(6),
  .timeline article:nth-child(5),
  .proof-grid article:nth-child(3n+2),
  .risk-path article:nth-child(1),
  .levels-grid article:nth-child(4),
  .hub-card:nth-child(2),
  .locations-grid .location-chip:nth-child(4),
  .expectations-grid article:nth-child(3)
) {
  background: var(--bno-soft-orange) !important;
  background-color: var(--bno-soft-orange) !important;
  color: #000 !important;
}

:is(
  .score-card,
  .answer-card,
  .risk-card,
  .case-card,
  .route-grid article,
  .method-card,
  .deliverables article,
  .service-grid article,
  .timeline article,
  .contact-card,
  .role-card,
  .culture-card,
  .value-card-careers,
  .proof-grid article,
  .hub-card,
  .cases-mini-card,
  .compare-card,
  .level-card,
  .levels-grid article,
  .pattern-card,
  .system-card,
  .step-card,
  .offer-card,
  .platform-card,
  .process-card,
  .source-card,
  .pain-card,
  .signal-card,
  .map-card,
  .cta-card,
  .about-ai-card,
  .location-chip
).yellow,
:is(
  .metric-card.yellow,
  .case-card.featured:not(.dark),
  .case-card.yellow,
  .contact-card.yellow,
  .answer-card.yellow,
  .culture-card.yellow,
  .about-ai-card.yellow,
  .offer-card.yellow,
  .proof-card.yellow,
  .visual-card.yellow,
  .process-card.yellow,
  .platform-card.yellow,
  .step-card.yellow,
  .system-card.yellow,
  .scope-card.yellow,
  .source-card.yellow,
  .pain-card.yellow,
  .signal-card.yellow,
  .level-card.yellow,
  .hub-card.yellow,
  .cases-mini-card:nth-child(2),
  .route-grid article:nth-child(2),
  .deliverables article:nth-child(3n+1),
  .service-grid article:nth-child(2),
  .service-grid article:nth-child(5),
  .timeline article:nth-child(2),
  .proof-grid article:nth-child(3n+1),
  .risk-card,
  .risk-path article:nth-child(3),
  .locations-grid .location-chip:nth-child(2),
  .locations-grid .location-chip:nth-child(5),
  .expectations-grid article:nth-child(2),
  .levels-grid article:nth-child(2)
) {
  background: var(--bno-soft-yellow) !important;
  background-color: var(--bno-soft-yellow) !important;
  color: #000 !important;
}

:is(
  .score-card,
  .answer-card,
  .risk-card,
  .case-card,
  .route-grid article,
  .method-card,
  .deliverables article,
  .service-grid article,
  .timeline article,
  .contact-card,
  .role-card,
  .culture-card,
  .value-card-careers,
  .proof-grid article,
  .hub-card,
  .cases-mini-card,
  .compare-card,
  .level-card,
  .levels-grid article,
  .pattern-card,
  .system-card,
  .step-card,
  .offer-card,
  .platform-card,
  .process-card,
  .source-card,
  .pain-card,
  .signal-card,
  .map-card,
  .cta-card,
  .about-ai-card,
  .location-chip
).pink,
:is(
  .metric-card.pink,
  .case-card.pink,
  .contact-card.pink,
  .answer-card.pink,
  .culture-card.pink,
  .about-ai-card.pink,
  .offer-card.pink,
  .proof-card.pink,
  .visual-card.pink,
  .process-card.pink,
  .platform-card.pink,
  .step-card.pink,
  .system-card.pink,
  .scope-card.pink,
  .source-card.pink,
  .pain-card.pink,
  .signal-card.pink,
  .level-card.pink,
  .hub-card.pink,
  .cases-mini-card.pink,
  .method-card.pink,
  .route-grid article:nth-child(3),
  .deliverables article:nth-child(3n),
  .service-grid article:nth-child(4),
  .timeline article:nth-child(4),
  .proof-grid article:nth-child(3n),
  .levels-grid article:nth-child(3),
  .hub-card:nth-child(4)
) {
  background: var(--bno-soft-pink) !important;
  background-color: var(--bno-soft-pink) !important;
  color: #000 !important;
}

:is(.flow-pill, .signal-chip, .sales-card, .hero-tag, .chip, .diagram-card, .architecture-card).orange,
:is(.flow-pill, .signal-chip, .sales-card, .hero-tag, .chip, .diagram-card, .architecture-card).yellow,
:is(.flow-pill, .signal-chip, .sales-card, .hero-tag, .chip, .diagram-card, .architecture-card).pink {
  box-shadow: none !important;
}

.method .section-head.center .eyebrow::before,
.method .section-head.centered .eyebrow::before,
.method-head .eyebrow::before {
  display: none !important;
}

.method .route-grid h3,
.trust-grid article strong,
.hub-card h3,
.method-card h3,
.route-grid h3,
.service-grid h3,
.metric-card h3 {
  font-size: clamp(22px, 1.65vw, 27px) !important;
  line-height: 1.02 !important;
  overflow-wrap: anywhere !important;
}

.risk-path {
  gap: clamp(10px, 1.2vw, 14px) !important;
}

.risk-path article {
  min-width: 0 !important;
  padding: clamp(16px, 1.5vw, 20px) !important;
}

.risk-path article :is(b, h3, strong) {
  font-size: clamp(24px, 2.05vw, 32px) !important;
  line-height: 0.98 !important;
  overflow-wrap: anywhere !important;
}

.risk-path article :is(p, span) {
  font-size: clamp(13px, 0.95vw, 15px) !important;
  line-height: 1.18 !important;
}

.risk-path article:nth-child(2) :is(small, span) {
  color: #fff !important;
}

.timeline h3,
.offer-card h3,
.levels-grid h3,
.contact-card h3,
.contact-faq-grid h3,
.role-card h3,
.deliverables article strong {
  font-size: clamp(17px, 1.1vw, 21px) !important;
  line-height: 1.04 !important;
  overflow-wrap: anywhere !important;
}

.location-chip strong {
  font-size: clamp(13px, 0.78vw, 16px) !important;
  line-height: 1 !important;
  overflow-wrap: anywhere !important;
}

/* 2026-05-13 final shared visual pass.
   This layer intentionally loads last so the whole site uses one softer depth
   and large solid cards stop feeling visually harsh. */
:root {
  --bno-soft-orange: #ffe2cc;
  --bno-soft-yellow: #fff6ad;
  --bno-soft-pink: #f4cdf8;
  --bno-soft-card-gray: #efeeec;
  --bno-shadow-soft: 0 0 10px rgba(0, 0, 0, .035), 0 2px 5px rgba(0, 0, 0, .018);
  --bno-shadow-panel: 0 0 14px rgba(0, 0, 0, .045), 0 3px 7px rgba(0, 0, 0, .022);
  --bno-shadow-hover: 0 0 18px rgba(0, 0, 0, .06), 0 4px 9px rgba(0, 0, 0, .028);
}

:is(
  .score-card,
  .answer-card,
  .risk-card,
  .case-card,
  .case-logo,
  .metric-card,
  .method-card,
  .route-grid article,
  .service-grid article,
  .deliverables article,
  .timeline article,
  .offer-card,
  .proof-card,
  .proof-grid article,
  .proof-snapshot,
  .contact-card,
  .contact-faq-grid article,
  .location-chip,
  .role-card,
  .culture-card,
  .value-card-careers,
  .expectations-grid article,
  .levels-grid article,
  .hub-card,
  .cases-mini-card,
  .compare-card,
  .pattern-card,
  .system-card,
  .step-card,
  .platform-card,
  .process-card,
  .source-card,
  .pain-card,
  .signal-card,
  .scope-card,
  .map-card,
  .cta-card,
  .about-ai-card,
  .form-shell,
  .contact-form-shell,
  .careers-form-card,
  .boost-visual,
  .seo-visual,
  .ads-visual,
  .aeo-visual,
  .ai-visual,
  .branding-visual,
  .loop-visual,
  .outbound-visual,
  .implementation-visual,
  .migration-visual,
  .integrations-visual,
  .education-visual,
  .realestate-visual,
  .about-visual,
  .cases-visual
) {
  box-shadow: var(--bno-shadow-panel) !important;
  filter: none !important;
}

:is(
  .score-card,
  .answer-card,
  .risk-card,
  .case-card,
  .metric-card,
  .method-card,
  .proof-snapshot,
  .contact-card,
  .role-card,
  .culture-card,
  .boost-visual,
  .seo-visual,
  .ads-visual,
  .aeo-visual,
  .ai-visual,
  .branding-visual,
  .loop-visual,
  .outbound-visual,
  .implementation-visual,
  .migration-visual,
  .integrations-visual,
  .education-visual,
  .realestate-visual,
  .about-visual,
  .cases-visual
)::before,
:is(
  .score-card,
  .answer-card,
  .risk-card,
  .case-card,
  .metric-card,
  .method-card,
  .proof-snapshot,
  .contact-card,
  .role-card,
  .culture-card,
  .boost-visual,
  .seo-visual,
  .ads-visual,
  .aeo-visual,
  .ai-visual,
  .branding-visual,
  .loop-visual,
  .outbound-visual,
  .implementation-visual,
  .migration-visual,
  .integrations-visual,
  .education-visual,
  .realestate-visual,
  .about-visual,
  .cases-visual
)::after {
  box-shadow: none !important;
  filter: none !important;
}

.risk-card::after {
  box-shadow: none !important;
}

:is(
  .case-card:hover,
  .case-card:focus-visible,
  .service-grid article:hover,
  .service-grid article:focus-visible,
  .route-grid article:hover,
  .route-grid article:focus-visible,
  .timeline article:hover,
  .timeline article:focus-visible,
  .metric-card:hover,
  .metric-card:focus-visible,
  .role-card:hover,
  .role-card:focus-visible,
  .hub-card:hover,
  .hub-card:focus-visible,
  .contact-card:hover,
  .contact-card:focus-visible
) {
  box-shadow: var(--bno-shadow-hover) !important;
  transform: none !important;
}

:is(
  .metric-card.orange,
  .case-card.orange,
  .contact-card.orange,
  .answer-card.orange,
  .culture-card.orange,
  .about-ai-card.orange,
  .offer-card.orange,
  .proof-card.orange,
  .visual-card.orange,
  .process-card.orange,
  .platform-card.orange,
  .step-card.orange,
  .system-card.orange,
  .scope-card.orange,
  .source-card.orange,
  .pain-card.orange,
  .signal-card.orange,
  .level-card.orange,
  .hub-card.orange,
  .cases-mini-card.orange,
  .method-card.orange,
  .route-grid article:nth-child(4),
  .deliverables article:nth-child(3n+2),
  .service-grid article:nth-child(6),
  .timeline article:nth-child(5),
  .proof-grid article:nth-child(3n+2),
  .risk-path article:nth-child(1),
  .levels-grid article:nth-child(4),
  .hub-card:nth-child(2),
  .locations-grid .location-chip:nth-child(4),
  .expectations-grid article:nth-child(3)
) {
  background: var(--bno-soft-orange) !important;
  background-color: var(--bno-soft-orange) !important;
  color: #000 !important;
}

:is(
  .metric-card.yellow,
  .case-card.yellow,
  .case-card.featured:not(.dark),
  .contact-card.yellow,
  .answer-card.yellow,
  .culture-card.yellow,
  .about-ai-card.yellow,
  .offer-card.yellow,
  .proof-card.yellow,
  .visual-card.yellow,
  .process-card.yellow,
  .platform-card.yellow,
  .step-card.yellow,
  .system-card.yellow,
  .scope-card.yellow,
  .source-card.yellow,
  .pain-card.yellow,
  .signal-card.yellow,
  .level-card.yellow,
  .hub-card.yellow,
  .cases-mini-card:nth-child(2),
  .route-grid article:nth-child(2),
  .deliverables article:nth-child(3n+1),
  .service-grid article:nth-child(2),
  .service-grid article:nth-child(5),
  .timeline article:nth-child(2),
  .proof-grid article:nth-child(3n+1),
  .risk-card,
  .risk-path article:nth-child(3),
  .locations-grid .location-chip:nth-child(2),
  .locations-grid .location-chip:nth-child(5),
  .expectations-grid article:nth-child(2),
  .levels-grid article:nth-child(2)
) {
  background: var(--bno-soft-yellow) !important;
  background-color: var(--bno-soft-yellow) !important;
  color: #000 !important;
}

:is(
  .metric-card.pink,
  .case-card.pink,
  .contact-card.pink,
  .answer-card.pink,
  .culture-card.pink,
  .about-ai-card.pink,
  .offer-card.pink,
  .proof-card.pink,
  .visual-card.pink,
  .process-card.pink,
  .platform-card.pink,
  .step-card.pink,
  .system-card.pink,
  .scope-card.pink,
  .source-card.pink,
  .pain-card.pink,
  .signal-card.pink,
  .level-card.pink,
  .hub-card.pink,
  .cases-mini-card.pink,
  .method-card.pink,
  .route-grid article:nth-child(3),
  .deliverables article:nth-child(3n),
  .service-grid article:nth-child(4),
  .timeline article:nth-child(4),
  .proof-grid article:nth-child(3n),
  .levels-grid article:nth-child(3),
  .hub-card:nth-child(4)
) {
  background: var(--bno-soft-pink) !important;
  background-color: var(--bno-soft-pink) !important;
  color: #000 !important;
}

:is(
  .metric-card,
  .case-card,
  .contact-card,
  .answer-card,
  .culture-card,
  .about-ai-card,
  .offer-card,
  .proof-card,
  .visual-card,
  .process-card,
  .platform-card,
  .step-card,
  .system-card,
  .scope-card,
  .source-card,
  .pain-card,
  .signal-card,
  .level-card,
  .hub-card,
  .cases-mini-card,
  .method-card,
  .route-grid article,
  .deliverables article,
  .service-grid article,
  .timeline article,
  .proof-grid article,
  .levels-grid article,
  .risk-path article,
  .location-chip,
  .expectations-grid article
) :is(h1, h2, h3, h4, strong, b, p, span, small, li) {
  color: inherit;
}

:is(.flow-pill, .signal-chip, .sales-card, .hero-tag, .chip).orange {
  background: var(--bno-fiery-orange) !important;
  background-color: var(--bno-fiery-orange) !important;
}

:is(.flow-pill, .signal-chip, .sales-card, .hero-tag, .chip).yellow {
  background: var(--bno-mellow-yellow) !important;
  background-color: var(--bno-mellow-yellow) !important;
}

:is(.flow-pill, .signal-chip, .sales-card, .hero-tag, .chip).pink {
  background: var(--bno-lively-pink) !important;
  background-color: var(--bno-lively-pink) !important;
}

:is(.flow-pill, .signal-chip, .sales-card, .hero-tag, .chip) {
  box-shadow: none !important;
}

/* -------------------------------------------------------------------------
   Site-wide final visual pass
   This block intentionally sits last: it keeps the full site feeling like one
   design system after many page-level iterations.
   ------------------------------------------------------------------------- */
:root {
  --bno-soft-orange: #ffd9ba;
  --bno-soft-yellow: #fff3b8;
  --bno-soft-pink: #f4cdf8;
  --bno-shadow-soft: 0 0 10px rgba(0, 0, 0, 0.035), 0 2px 5px rgba(0, 0, 0, 0.018);
  --bno-shadow-panel: 0 0 14px rgba(0, 0, 0, 0.045), 0 3px 7px rgba(0, 0, 0, 0.022);
  --bno-shadow-hover: 0 0 18px rgba(0, 0, 0, 0.06), 0 4px 9px rgba(0, 0, 0, 0.028);
}

:is(
  .answer-card,
  .score-card,
  .risk-card,
  .case-card,
  .case-logo,
  .cases-visual,
  .metric-card,
  .route-grid article,
  .method-card,
  .offer-card,
  .deliverables article,
  .service-grid article,
  .timeline article,
  .contact-card,
  .contact-form-shell,
  .contact-faq-grid article,
  .location-chip,
  .route-steps article,
  .role-card,
  .culture-card,
  .value-card-careers,
  .faq-card,
  .expectations-grid article,
  .proof-snapshot,
  .proof-card,
  .visual-card,
  .process-card,
  .platform-card,
  .step-card,
  .system-card,
  .scope-card,
  .source-card,
  .pain-card,
  .signal-card,
  .map-card,
  .cta-card,
  .about-ai-card,
  .cases-mini-card,
  .compare-card,
  .level-card,
  .levels-grid article,
  .pattern-card,
  .trust-grid article,
  .logo-cloud-card,
  .hub-card,
  .route-panel,
  .form-shell,
  .careers-form-card,
  .boost-visual,
  .seo-visual,
  .ads-visual,
  .aeo-visual,
  .ai-visual,
  .branding-visual,
  .loop-visual,
  .outbound-visual,
  .implementation-visual,
  .migration-visual,
  .integrations-visual,
  .education-visual,
  .realestate-visual,
  .financial-visual,
  .b2b-visual,
  .tourism-visual,
  .health-visual,
  .logistics-visual,
  .industrial-visual,
  .about-visual,
  .careers-visual
) {
  box-shadow: var(--bno-shadow-panel) !important;
  filter: none !important;
}

:is(
  .answer-card,
  .score-card,
  .risk-card,
  .case-card,
  .cases-visual,
  .metric-card,
  .route-grid article,
  .method-card,
  .offer-card,
  .service-grid article,
  .timeline article,
  .contact-card,
  .contact-form-shell,
  .contact-faq-grid article,
  .role-card,
  .culture-card,
  .hub-card,
  .proof-card,
  .visual-card,
  .process-card,
  .platform-card,
  .step-card,
  .system-card,
  .scope-card,
  .source-card,
  .pain-card,
  .signal-card,
  .level-card,
  .levels-grid article,
  .trust-grid article,
  .boost-visual,
  .seo-visual,
  .ads-visual,
  .aeo-visual,
  .ai-visual,
  .branding-visual,
  .loop-visual,
  .outbound-visual,
  .implementation-visual,
  .migration-visual,
  .integrations-visual,
  .education-visual,
  .realestate-visual,
  .financial-visual,
  .b2b-visual,
  .tourism-visual,
  .health-visual,
  .logistics-visual,
  .industrial-visual,
  .about-visual,
  .careers-visual
)::before,
:is(
  .answer-card,
  .score-card,
  .risk-card,
  .case-card,
  .cases-visual,
  .metric-card,
  .route-grid article,
  .method-card,
  .offer-card,
  .service-grid article,
  .timeline article,
  .contact-card,
  .contact-form-shell,
  .contact-faq-grid article,
  .role-card,
  .culture-card,
  .hub-card,
  .proof-card,
  .visual-card,
  .process-card,
  .platform-card,
  .step-card,
  .system-card,
  .scope-card,
  .source-card,
  .pain-card,
  .signal-card,
  .level-card,
  .levels-grid article,
  .trust-grid article,
  .boost-visual,
  .seo-visual,
  .ads-visual,
  .aeo-visual,
  .ai-visual,
  .branding-visual,
  .loop-visual,
  .outbound-visual,
  .implementation-visual,
  .migration-visual,
  .integrations-visual,
  .education-visual,
  .realestate-visual,
  .financial-visual,
  .b2b-visual,
  .tourism-visual,
  .health-visual,
  .logistics-visual,
  .industrial-visual,
  .about-visual,
  .careers-visual
)::after {
  box-shadow: none !important;
  filter: none !important;
}

:is(
  .case-card:hover,
  .case-card:focus-visible,
  .service-grid article:hover,
  .service-grid article:focus-visible,
  .route-grid article:hover,
  .route-grid article:focus-visible,
  .timeline article:hover,
  .timeline article:focus-visible,
  .metric-card:hover,
  .metric-card:focus-visible,
  .role-card:hover,
  .role-card:focus-visible,
  .hub-card:hover,
  .hub-card:focus-visible,
  .contact-card:hover,
  .contact-card:focus-visible,
  .trust-grid article:hover,
  .trust-grid article:focus-visible
) {
  box-shadow: var(--bno-shadow-hover) !important;
  transform: none !important;
}

:is(
  .orange,
  .metric-card.orange,
  .case-card.orange,
  .contact-card.orange,
  .answer-card.orange,
  .culture-card.orange,
  .about-ai-card.orange,
  .offer-card.orange,
  .proof-card.orange,
  .visual-card.orange,
  .process-card.orange,
  .platform-card.orange,
  .step-card.orange,
  .system-card.orange,
  .scope-card.orange,
  .source-card.orange,
  .pain-card.orange,
  .signal-card.orange,
  .level-card.orange,
  .hub-card.orange,
  .cases-mini-card.orange,
  .method-card.orange
) {
  background-color: var(--bno-soft-orange) !important;
  background-image: none !important;
  color: #000 !important;
}

:is(
  .yellow,
  .metric-card.yellow,
  .case-card.yellow,
  .contact-card.yellow,
  .answer-card.yellow,
  .culture-card.yellow,
  .about-ai-card.yellow,
  .offer-card.yellow,
  .proof-card.yellow,
  .visual-card.yellow,
  .process-card.yellow,
  .platform-card.yellow,
  .step-card.yellow,
  .system-card.yellow,
  .scope-card.yellow,
  .source-card.yellow,
  .pain-card.yellow,
  .signal-card.yellow,
  .level-card.yellow,
  .hub-card.yellow,
  .cases-mini-card.yellow,
  .method-card.yellow
) {
  background-color: var(--bno-soft-yellow) !important;
  background-image: none !important;
  color: #000 !important;
}

:is(
  .pink,
  .metric-card.pink,
  .case-card.pink,
  .contact-card.pink,
  .answer-card.pink,
  .culture-card.pink,
  .about-ai-card.pink,
  .offer-card.pink,
  .proof-card.pink,
  .visual-card.pink,
  .process-card.pink,
  .platform-card.pink,
  .step-card.pink,
  .system-card.pink,
  .scope-card.pink,
  .source-card.pink,
  .pain-card.pink,
  .signal-card.pink,
  .level-card.pink,
  .hub-card.pink,
  .cases-mini-card.pink,
  .method-card.pink
) {
  background-color: var(--bno-soft-pink) !important;
  background-image: none !important;
  color: #000 !important;
}

/* Keep small diagram chips and accents saturated; only large solid cards soften. */
:is(
  .flow-pill,
  .signal-chip,
  .sales-card,
  .hero-tag,
  .chip,
  .diagram-node,
  .diagram-step,
  .admissions-loop span
).orange {
  background: var(--bno-fiery-orange) !important;
  background-color: var(--bno-fiery-orange) !important;
}

:is(
  .flow-pill,
  .signal-chip,
  .sales-card,
  .hero-tag,
  .chip,
  .diagram-node,
  .diagram-step,
  .admissions-loop span
).yellow {
  background: var(--bno-mellow-yellow) !important;
  background-color: var(--bno-mellow-yellow) !important;
}

:is(
  .flow-pill,
  .signal-chip,
  .sales-card,
  .hero-tag,
  .chip,
  .diagram-node,
  .diagram-step,
  .admissions-loop span
).pink {
  background: var(--bno-lively-pink) !important;
  background-color: var(--bno-lively-pink) !important;
}

:is(
  .metric-card,
  .case-card,
  .contact-card,
  .answer-card,
  .culture-card,
  .about-ai-card,
  .offer-card,
  .proof-card,
  .visual-card,
  .process-card,
  .platform-card,
  .step-card,
  .system-card,
  .scope-card,
  .source-card,
  .pain-card,
  .signal-card,
  .level-card,
  .hub-card,
  .cases-mini-card,
  .method-card,
  .route-grid article,
  .deliverables article,
  .service-grid article,
  .timeline article,
  .proof-grid article,
  .levels-grid article,
  .risk-path article,
  .location-chip,
  .expectations-grid article,
  .contact-faq-grid article,
  .role-card
) :is(h1, h2, h3, h4, strong, b, p, span, small, li, a) {
  color: inherit;
}

.method .section-head.center .eyebrow::before,
.method .section-head.centered .eyebrow::before,
.method-head .eyebrow::before {
  display: none !important;
}

:is(
  .route-grid h3,
  .service-grid h3,
  .metric-card h3,
  .timeline h3,
  .offer-card h3,
  .levels-grid h3,
  .contact-card h3,
  .contact-faq-grid h3,
  .role-card h3,
  .culture-card h2,
  .culture-card h3,
  .hub-card h3,
  .method-card h3,
  .proof-card h3,
  .process-card h3,
  .platform-card h3,
  .step-card h3,
  .system-card h3,
  .scope-card h3,
  .source-card h3,
  .pain-card h3,
  .signal-card h3,
  .case-card h3,
  .deliverables article strong
) {
  font-size: clamp(20px, 1.65vw, 28px) !important;
  line-height: 1.04 !important;
  overflow-wrap: anywhere !important;
}

.trust-grid article strong {
  font-size: clamp(34px, 3.4vw, 50px) !important;
  line-height: 0.96 !important;
  overflow-wrap: anywhere !important;
}

.risk-path article h3,
.expectations-grid article h3,
.contact-faq-grid article h3,
.role-card h3 {
  font-size: clamp(20px, 1.45vw, 26px) !important;
}

.location-chip strong {
  font-size: clamp(16px, 1.5vw, 26px) !important;
  line-height: 0.98 !important;
}