/* The selected white-and-cobalt direction continues through the research story.
   Loaded after home.css, home-story.css and home-motion.css; homepage only. */
.home-page #ad-anatomy,
.home-page #research-example,
.home-page .home-industries,
.home-page .home-gallery,
.home-page .home-faq,
.home-page .directory-section { background: #fff; color: #101114; }

.home-page #ad-anatomy { border-block-color: #e7ebf2; }
.home-page #ad-anatomy .story-eyebrow,
.home-page #research-example .story-eyebrow,
.home-page .home-industries .story-eyebrow,
.home-page .home-gallery .eyebrow,
.home-page .home-faq .eyebrow { color: #1f51ff; font-size: 11px; letter-spacing: 1.6px; }
.home-page #ad-anatomy .story-heading h2,
.home-page #research-example .story-heading h2,
.home-page .home-industries .story-heading h2,
.home-page .home-gallery .section-heading h2,
.home-page .faq-intro h2 { color: #101114; font-weight: 700; letter-spacing: -.045em; }
.home-page #research-example .story-heading h2,
.home-page .home-industries .story-heading h2,
.home-page .home-gallery .section-heading h2 { font-size: clamp(34px, 3.4vw, 48px); line-height: 1.12; }
.home-page #ad-anatomy .story-intro,
.home-page #research-example .story-intro,
.home-page .home-industries .story-intro,
.home-page .home-gallery .section-heading > p,
.home-page .faq-intro > p:not(.eyebrow) { color: #626773; font-size: 16px; line-height: 1.75; }
.home-page #ad-anatomy .story-link,
.home-page #research-example .story-link,
.home-page .home-industries .story-link,
.home-page .home-gallery .story-link { color: #1f51ff; font-size: 14px; }

/* The four ad layers remain animated, with a neutral stage and blue selection. */
.home-page .anatomy-experience .anatomy-stage { border-color: #e7ebf2; background: #fff; box-shadow: 0 20px 55px -35px #17233d30; }
.home-page .anatomy-stage-header { border-color: #e7ebf2; color: #626773; font-size: 12px; }
.home-page .anatomy-live-dot { background: #1f51ff; }
.home-page .anatomy-board { background: #f7f9fc; }
.home-page .anatomy-board::before { display: none; }
.home-page .anatomy-connectors { stroke: #1f51ff; opacity: .6; }
.home-page .anatomy-connectors circle { fill: #1f51ff; }
.home-page .anatomy-piece { border-color: #e0e6ef; background: #fff; box-shadow: 0 12px 28px -16px #17233d29; }
.home-page .anatomy-piece.is-highlighted { border-color: #1f51ff; box-shadow: 0 0 0 4px #1f51ff0d, 0 18px 36px -20px #17233d30; }
.home-page .anatomy-piece-index { color: #1f51ff; border-color: #c8d6ff; background: #fff; font-size: 11px; }
.home-page .anatomy-piece--brand strong { color: #101114; font-size: 14px; }
.home-page .anatomy-piece--brand div > span,
.home-page .anatomy-piece--brand > small { color: #626773; font-size: 11px; }
.home-page .anatomy-piece--creative > img { background: #f3f5f9; }
.home-page .anatomy-piece--creative .anatomy-ad-copy h3 { color: #101114; font-weight: 700; }
.home-page .anatomy-piece--creative .anatomy-ad-copy p { color: #626773; font-size: 13px; line-height: 1.6; }
.home-page .anatomy-piece--context { background: #fff; border-color: #d8e1f2; }
.home-page .anatomy-piece--context .anatomy-question-label { color: #626773; font-size: 11px; }
.home-page .anatomy-piece--context p { color: #101114; font-size: 14px; }
.home-page .anatomy-context-tag { color: #626773; font-size: 10px; }
.home-page .anatomy-evidence-symbol { color: #1f51ff; }
.home-page .anatomy-piece--evidence div > span,
.home-page .anatomy-evidence-label { color: #626773; font-size: 10px; }
.home-page .anatomy-piece--evidence time { color: #101114; font-size: 13px; }
.home-page .anatomy-experience .anatomy-stage figcaption { border-color: #e7ebf2; color: #626773; font-size: 11px; line-height: 1.7; }
.home-page .anatomy-controls { background: #fff; }
.home-page .anatomy-control { color: #626773; border-color: #e0e6ef; background: #fff; font-size: 14px; }
.home-page .anatomy-control > span:first-child { font-size: 11px; }
.home-page .anatomy-control:hover { color: #1f51ff; border-color: #a9bfff; }
.home-page .anatomy-control[aria-pressed="true"] { background: #1f51ff; border-color: #1f51ff; color: #fff; }
.home-page .anatomy-detail h3 { color: #101114; font-weight: 700; font-size: clamp(28px, 2.6vw, 34px); }
.home-page .anatomy-detail p { color: #626773; font-size: 16px; line-height: 1.8; }
.home-page .anatomy-detail-tag { border-color: #e7ebf2; background: #f6f8fc; color: #626773; font-size: 12px; }
.home-page .anatomy-replay { color: #1f51ff; border-color: #d5dff7; background: #fff; min-height: 44px; font-size: 13px; }
.home-page .anatomy-replay:hover:not(:disabled) { border-color: #1f51ff; background: #f6f8ff; }

/* A readable, light research workspace rather than a second dark visual theme. */
.home-page .research-workspace { border-color: #e0e6ef; background: #fff; box-shadow: 0 24px 60px -42px #17233d45; }
.home-page .research-workspace-header,
.home-page .research-workspace-footer { background: #fff; border-color: #e7ebf2; color: #626773; }
.home-page .research-workspace-header { font-size: 13px; padding-block: 20px; }
.home-page .research-workspace-header strong { color: #101114; }
.home-page .research-status-dot { background: #1f51ff; }
.home-page .research-demo-label { border-color: #e0e6ef; background: #f6f8fc; color: #626773; font-size: 11px; }
.home-page .research-autoplay { border-color: #d5dff7; color: #1f51ff; background: #fff; min-height: 36px; font-size: 12px; }
.home-page .research-autoplay:hover:not(:disabled) { border-color: #1f51ff; background: #f6f8ff; }
.home-page .research-progress,
.home-page .research-progress > span { background: #edf1f8; }
.home-page [data-active-research="0"] .research-progress > span:first-child,
.home-page [data-active-research="1"] .research-progress > span:nth-child(2),
.home-page [data-active-research="2"] .research-progress > span:nth-child(3) { background: #1f51ff; }
.home-page .research-steps { background: #f7f9fc; border-right: 1px solid #e7ebf2; }
.home-page .research-step { color: #3e4552; border-color: transparent; }
.home-page .research-step strong { font-size: 14px; line-height: 1.5; }
.home-page .research-step-number,
.home-page .research-step small,
.home-page .research-sidebar-note { color: #626773; font-size: 11px; line-height: 1.7; }
.home-page .research-step:hover { border-color: #d5dff7; background: #fff; }
.home-page .research-step[aria-pressed="true"] { background: #1f51ff; border-color: #1f51ff; color: #fff; box-shadow: 0 4px 12px #1f51ff16; }
.home-page .research-step[aria-pressed="true"] .research-step-number,
.home-page .research-step[aria-pressed="true"] small { color: #e7edff; }
.home-page .research-panel { border-color: #e7ebf2; }
.home-page .research-panel-eyebrow { color: #1f51ff; font-size: 11px; letter-spacing: 1px; }
.home-page .research-panel h3 { color: #101114; font-size: 27px; font-weight: 700; letter-spacing: -.7px; }
.home-page .research-panel-intro { color: #626773; font-size: 14px; line-height: 1.8; }
.home-page .research-domain-orbit { background: #f7f9fc; }
.home-page .research-orbit-ring { border-color: #c4d2f7; }
.home-page .research-orbit-ring:nth-child(2) { border-color: #d5dff7; }
.home-page .research-orbit-ring:nth-child(3) { border-color: #e0e6ef; }
.home-page .research-orbit-core { background: #1f51ff; box-shadow: 0 10px 25px #1f51ff1f; }
.home-page .research-orbit-core > span { color: #e6edff; font-size: 9px; }
.home-page .research-orbit-brand { background: #fff; border-color: #dce4f2; color: #3e4552; font-size: 12px; box-shadow: 0 5px 12px #17233d08; }
.home-page .research-market-card { border-color: #e0e6ef; }
.home-page .research-domain { background: #fff; border-color: #e7ebf2; }
.home-page .research-domain div > span,
.home-page .research-domain-tag { color: #626773; font-size: 11px; }
.home-page .research-domain strong { color: #101114; font-size: 19px; }
.home-page .research-brand-initial { border-color: #e0e6ef; background: #f3f6fc; color: #3e4552; }
.home-page .research-market-details dt,
.home-page .research-market-brands > span { color: #626773; font-size: 12px; }
.home-page .research-market-details dd { color: #101114; font-size: 14px; }
.home-page .research-market-brands > div > span { color: #3e4552; background: #f7f9fc; border-color: #e7ebf2; font-size: 12px; }
.home-page .research-takeaway { color: #626773; background: #f7f9fc; border-color: #1f51ff; font-size: 13px; }
.home-page .research-takeaway strong { color: #101114; font-size: 12px; }
.home-page .research-brand-row { border-color: #e7ebf2; }
.home-page .research-brand-name strong { color: #101114; font-size: 14px; }
.home-page .research-brand-name small,
.home-page .research-brand-count small { color: #626773; font-size: 11px; }
.home-page .research-brand-count strong { color: #101114; font-size: 16px; }
.home-page .research-share-meter { background: #edf1f8; }
.home-page .research-share-meter::-webkit-meter-bar { background: #edf1f8; }
.home-page .research-share-meter::-webkit-meter-optimum-value { background: #1f51ff; }
.home-page .research-share-meter::-moz-meter-bar { background: #1f51ff; }
.home-page .research-metric-note { color: #626773; font-size: 12px; }
.home-page .research-topic { background: #fff; border-color: #e0e6ef; }
.home-page .research-topic-label { color: #626773; font-size: 11px; }
.home-page .research-topic h4 { color: #101114; font-size: 14px; line-height: 1.5; }
.home-page .research-topic p { color: #626773; font-size: 12px; line-height: 1.6; }
.home-page .research-intent { color: #1f51ff; background: #f0f4ff; font-size: 10px; line-height: 1.5; }
.home-page .research-creative-card { background: #fff; border-color: #e0e6ef; box-shadow: 0 15px 25px -22px #17233d40; }
.home-page .research-creative-card > img { background: #f3f5f9; }
.home-page .research-creative-brand { color: #626773; font-size: 11px; }
.home-page .research-creative-card h4 { color: #101114; font-size: 19px; font-weight: 700; }
.home-page .research-creative-card p { color: #626773; font-size: 13px; }
.home-page .research-creative-card figcaption { color: #626773; border-color: #e7ebf2; font-size: 11px; }
.home-page .research-workspace-footer > span { color: #626773; font-size: 11px; line-height: 1.7; }
.home-page .research-workspace-footer .story-link { font-size: 13px; }

/* Coverage and discovery stay quiet so the creatives carry the color. */
.home-page .home-evidence-band { background: #f7f9fc; border-color: #e7ebf2; padding-block: 48px; }
.home-page .home-evidence-heading .story-eyebrow { color: #1f51ff; font-size: 11px; letter-spacing: 1.4px; }
.home-page .home-evidence-heading h2 { color: #101114; font-weight: 700; font-size: 26px; }
.home-page .home-evidence-heading .demo-flag { color: #626773; border-color: #dce4ef; background: #fff; font-size: 11px; }
.home-page .home-evidence-stats { margin-block: 34px 28px; }
.home-page .home-evidence-stats > div + div { border-color: #dfe5ee; }
.home-page .home-evidence-stats dt { color: #626773; font-size: 13px; line-height: 1.5; }
.home-page .home-evidence-stats dd { color: #101114; font-size: 42px; font-weight: 700; letter-spacing: -1.6px; }
.home-page .home-evidence-note { color: #626773; font-size: 12px; }
.home-page .home-evidence-note a { color: #1f51ff; }
.home-page .home-industry-card { border-color: #e7ebf2; border-radius: 16px; padding: 28px; }
.home-page .home-industry-card::before { display: none; }
.home-page .home-industry-card:hover { border-color: #bacbff; box-shadow: 0 16px 32px -24px #17233d38; transform: translateY(-4px); }
.home-page .home-industry-card .home-industry-icon { color: #1f51ff; background: #f2f5ff; border-radius: 14px; }
.home-page .home-industry-card h3 { color: #101114; font-size: 22px; font-weight: 700; }
.home-page .home-industry-card > p { color: #626773; font-size: 14px; }
.home-page .home-industry-counts strong { color: #101114; font-size: 13px; }
.home-page .home-industry-counts > span { color: #626773; font-size: 12px; }
.home-page .home-industry-action { color: #1f51ff; border-color: #e7ebf2; font-size: 13px; }
.home-page .home-gallery-controls button { border-color: #dce4ef; color: #1f51ff; background: #fff; }
.home-page .home-gallery-controls button:hover:not(:disabled) { color: #fff; background: #1f51ff; border-color: #1f51ff; }
.home-page .home-creative-grid { scrollbar-color: #c4d2f7 transparent; }
.home-page .home-creative-card { border-color: #e0e6ef; border-radius: 18px; }
.home-page .home-creative-card:hover { border-color: #a9bfff; }
.home-page .home-creative-media { background: #f6f8fc; border-color: #e7ebf2; }
.home-page .home-creative-media::before { display: none; }
.home-page .home-creative-media img { box-shadow: 0 18px 30px -18px #17233d32; }
.home-page .home-creative-brand { color: #101114; font-size: 14px; }
.home-page .home-creative-brand > span { color: #626773; font-size: 11px; }
.home-page .home-creative-content h3 { color: #101114; font-weight: 700; font-size: 23px; }
.home-page .home-creative-content > p:not(.home-creative-date) { color: #626773; font-size: 14px; line-height: 1.7; }
.home-page .home-creative-focus span { color: #626773; font-size: 11px; }
.home-page .home-creative-focus strong { color: #3e4552; background: #f1f4f9; font-size: 11px; }
.home-page .home-creative-date { color: #626773; font-size: 11px; }
.home-page .home-creative-link { color: #1f51ff; border-color: #e7ebf2; font-size: 13px; }
.home-page .home-creative-link:hover { color: #163fce; }
.home-page .home-gallery-actions p { color: #626773; font-size: 13px; }
.home-page .home-gallery-actions .button { background: #1f51ff; color: #fff; font-size: 14px; min-height: 48px; border-radius: 10px; box-shadow: 0 6px 15px #1f51ff12; }
.home-page .home-gallery-actions .button:hover { background: #163fce; }

/* A simple close: questions, one call to action, directories, grouped links. */
.home-page .home-faq { border-top: 1px solid #e7ebf2; }
.home-page .faq-contact { color: #1f51ff; font-size: 14px; }
.home-page .faq-list,
.home-page .faq-item { border-color: #e7ebf2; }
.home-page .faq-item summary { color: #101114; font-size: 16px; min-height: 80px; font-weight: 600; }
.home-page .faq-item summary:hover { color: #1f51ff; }
.home-page .faq-item summary:focus-visible { outline-color: #1f51ff; }
.home-page .faq-mark { border-color: #dce4ef; }
.home-page .faq-mark::before,
.home-page .faq-mark::after { background: #626773; }
.home-page .faq-item[open] .faq-mark { background: #f0f4ff; border-color: #c8d6ff; }
.home-page .faq-item[open] .faq-mark::before,
.home-page .faq-item[open] .faq-mark::after { background: #1f51ff; }
.home-page .faq-answer p { color: #626773; font-size: 14px; line-height: 1.85; }
.home-page .faq-answer a { color: #1f51ff; font-size: 14px; }
.home-page .home-final-cta { background: #f7f9fc; border-color: #e0e6ef; border-radius: 20px; color: #101114; }
.home-page .home-final-cta::after { display: none; }
.home-page .home-final-cta .eyebrow { color: #1f51ff; font-size: 11px; letter-spacing: 1.4px; }
.home-page .home-final-cta h2 { color: #101114; font-weight: 700; letter-spacing: -.04em; }
.home-page .home-final-cta p:not(.eyebrow) { color: #626773; font-size: 15px; line-height: 1.7; }
.home-page .home-final-cta .button { background: #1f51ff; color: #fff; border-radius: 10px; box-shadow: 0 6px 15px #1f51ff12; font-size: 14px; }
.home-page .home-final-cta .button:hover { background: #163fce; }
.home-page .directory-section { border-bottom-color: #e7ebf2; }
.home-page .directory-heading .eyebrow { color: #626773; font-size: 11px; letter-spacing: 1.4px; }
.home-page .directory-heading h2 { color: #101114; font-weight: 700; font-size: 25px; }
.home-page .directory-heading p:not(.eyebrow) { color: #626773; font-size: 14px; }
.home-page .directory-motion-toggle { color: #626773; border-color: #dce4ef; font-size: 12px; min-height: 40px; }
.home-page .directory-motion-toggle:hover { color: #1f51ff; border-color: #a9bfff; }
.home-page .directory-marquee { mask-image: none; }
.home-page .directory-badge { color: #101114; border-color: #e7ebf2; background: #fff; box-shadow: none; }
.home-page a.directory-badge:hover { border-color: #a9bfff; background: #f7f9fc; }
.home-page .directory-badge-initial { color: #1f51ff; background: #f1f4ff; }
.home-page .directory-badge small { color: #626773; font-size: 9px; }
.home-page .footer-redesign { background: #fff; border-top-color: #e7ebf2; }
.home-page .footer-brand-block .footer-tagline { color: #101114; font-size: 25px; font-weight: 600; letter-spacing: -.8px; }
.home-page .footer-description { color: #626773; font-size: 14px; line-height: 1.8; }
.home-page .footer-contact { color: #1f51ff; font-size: 14px; }
.home-page .footer-columns h2 { color: #101114; font-size: 14px; }
.home-page .footer-columns a { color: #626773; font-size: 14px; min-height: 40px; }
.home-page .footer-columns a:hover,
.home-page .footer-contact:hover { color: #1f51ff; }
.home-page .footer-bottom { color: #626773; border-color: #e7ebf2; font-size: 12px; }
.home-page .footer-bottom a { color: #1f51ff; }

@media (min-width: 761px) {
  .home-page #ad-anatomy,
  .home-page #research-example,
  .home-page .home-industries { padding-block: 100px; }
}

@media (max-width: 1000px) {
  .home-page .anatomy-control { font-size: 13px; }
  .home-page .research-step strong { font-size: 13px; }
  .home-page .research-topic h4 { font-size: 13px; }
  .home-page .research-workspace-footer { flex-wrap: wrap; gap: 5px 20px; }
}

@media (max-width: 760px) {
  .home-page #ad-anatomy .story-intro,
  .home-page #research-example .story-intro,
  .home-page .home-industries .story-intro,
  .home-page .home-gallery .section-heading > p { font-size: 15px; }
  .home-page .anatomy-detail p { font-size: 15px; }
  .home-page .research-steps { border-right: 0; border-bottom-color: #e7ebf2; }
  .home-page .research-step strong { font-size: 12px; }
  .home-page .research-panel h3 { font-size: 24px; }
  .home-page .research-topic-story { grid-template-columns: 1fr; }
  .home-page .research-creative-card { display: grid; grid-template-columns: 130px 1fr; gap: 8px 18px; }
  .home-page .research-creative-card > img { height: 130px; margin: 0; }
  .home-page .research-creative-card > .research-topic-label,
  .home-page .research-creative-card figcaption { grid-column: 1 / -1; }
  .home-page .home-evidence-stats dd { font-size: 35px; }
  .home-page .home-evidence-stats dt { font-size: 12px; }
  .home-page .home-creative-content h3 { font-size: 21px; }
  .home-page .home-creative-content { padding-inline: 22px; }
}

@media (max-width: 620px) {
  .home-page .faq-item summary { font-size: 15px; }
  .home-page .home-final-cta { padding: 32px 25px; }
  .home-page .home-final-cta p:not(.eyebrow) { font-size: 14px; }
  .home-page .directory-heading h2 { font-size: 23px; }
  .home-page .directory-heading p:not(.eyebrow) { font-size: 13px; }
  .home-page .directory-motion-toggle { font-size: 11px; }
  .home-page .footer-columns a { font-size: 13px; }
  .home-page .footer-columns { gap: 18px; }
}

@media (max-width: 480px) {
  .home-page #ad-anatomy .story-eyebrow,
  .home-page #research-example .story-eyebrow,
  .home-page .home-industries .story-eyebrow,
  .home-page .home-gallery .eyebrow,
  .home-page .home-faq .eyebrow { font-size: 10px; letter-spacing: 1.2px; }
  .home-page .anatomy-control { font-size: 12px; }
  .home-page .anatomy-stage-header { font-size: 10px; }
  .home-page .anatomy-board { height: 640px; }
  .home-page .anatomy-piece--brand > small { font-size: 10px; }
  .home-page .anatomy-piece--creative .anatomy-ad-copy p { font-size: 12px; }
  .home-page .anatomy-piece--context { top: 410px; }
  .home-page .anatomy-piece--context p { font-size: 13px; }
  .home-page .anatomy-piece--evidence { top: 565px; }
  .home-page .anatomy-evidence-label { font-size: 9px; }
  .home-page .anatomy-experience .anatomy-stage figcaption { font-size: 10px; }
  .home-page .research-workspace-header > div { font-size: 12px; }
  .home-page .research-header-actions { flex-wrap: wrap; }
  .home-page .research-autoplay { font-size: 11px; }
  .home-page .research-panel-intro { font-size: 13px; }
  .home-page .research-step strong { font-size: 11px; }
  .home-page .research-orbit-brand { font-size: 10px; padding: 6px 9px; }
  .home-page .research-orbit-core > span { font-size: 8px; }
  .home-page .research-brand-name strong { font-size: 12px; }
  .home-page .research-brand-name small,
  .home-page .research-brand-count small { font-size: 10px; }
  .home-page .research-brand-count strong { font-size: 14px; }
  .home-page .research-topic-grid { grid-template-columns: 1fr 1fr; }
  .home-page .research-topic { padding: 14px 12px; }
  .home-page .research-creative-card { grid-template-columns: 95px 1fr; gap: 8px 14px; }
  .home-page .research-creative-card > img { height: 110px; }
  .home-page .research-creative-card h4 { font-size: 17px; }
  .home-page .research-workspace-footer > span { font-size: 11px; }
  .home-page .home-evidence-band { padding-block: 36px; }
  .home-page .home-evidence-heading { flex-wrap: wrap; gap: 14px; }
  .home-page .home-evidence-heading h2 { font-size: 24px; }
  .home-page .home-evidence-heading .demo-flag { font-size: 10px; }
  .home-page .home-evidence-stats dt { font-size: 12px; }
  .home-page .home-evidence-note { font-size: 11px; }
  .home-page .home-industry-card { padding: 25px; }
  .home-page .home-creative-content { padding: 24px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .home-industry-card:hover { transform: none; }
}