/* Neutral surfaces throughout the homepage; foreground brand accents stay intact. */
:root { --soft: #f5f5f5; }
html, html body, html body main,
html body .enterprise-section,
html body .duo-section.has-role-stack .duo-role,
html body .offer-card { background: #fff !important; }
html body .offer-badge { background: #f5f5f5 !important; border-color: #e8e8e8 !important; }
html body .writing-card::after { background: linear-gradient(rgba(17,17,17,.08),rgba(17,17,17,.6) 45%,rgba(17,17,17,.97)) !important; }
html body .hero-network-art { content: url("assets/hero-network-neutral.png"); }
html body .hero-advisor-bg { background: #fff !important; }
/* A restrained warm halo behind the hero conversation. */
html body .hero-advisor-stage::before {
  left: -5%; top: 9%; width: 112%; height: 76%;
  background: radial-gradient(ellipse at 55% 46%, rgba(255, 158, 106, .24) 0%, rgba(255, 189, 150, .14) 32%, rgba(255, 220, 198, .055) 52%, rgba(255, 255, 255, 0) 72%) !important;
}
html body .duo-section.has-role-stack .duo-role::after,
html body .writing-card::before,
html body .writing-workflow::after { background: none !important; }
html body .writing-workflow::before { background: #fafafa !important; }
html body .offer-card--welcome { background: #fafafa !important; }
html body .writing-skill-icon.tone-orange,
html body .writing-skill-icon.tone-sand,
html body .security-benefit-icon,
html body #role-tabs .advisor-message.is-user p,
html body #role-tabs .advisor-message.is-user .advisor-message-avatar,
html body #role-tabs .advisor-user-avatar,
html body #role-tabs .advisor-trait-icon,
html body #role-tabs .writer-capability-icon,
html body #role-tabs .writer-capability-cards li:nth-child(2n),
html body .workflow-description li::before { background: #f1f2f3 !important; border-color: #e8e8e8 !important; }
html body #role-tabs .advisor-traits > div { background: #fff !important; border-color: #e8e8e8 !important; }
html body .workflow-window-dot.is-blue { background: #8b9098 !important; }
html body .hero-advisor-composer { box-shadow: 0 27px 62px rgb(0 0 0 / 9%), 0 3px 11px rgb(0 0 0 / 3%) !important; }
html body .hero-advisor-greeting { box-shadow: 0 9px 28px rgb(0 0 0 / 7%) !important; }
html body .workflow-demo { box-shadow: 0 22px 54px rgb(0 0 0 / 10%) !important; }
html body .site-footer.footer-white { background: #fff !important; border-top-color: #ededed !important; color: #171717; }
html body .site-footer.footer-white::before { display: none; }
html body .footer-white .brand-name,
html body .footer-white .footer-company-name,
html body .footer-white .footer-address,
html body .footer-white .footer-contact-details,
html body .footer-white .footer-tagline,
html body .footer-white h3,
html body .footer-white .footer-consult figcaption,
html body .footer-white .footer-legal { color: #171717; }
html body .footer-white .brand-logo { filter: brightness(0); }
html body .footer-white svg { stroke: #171717; }
html body .footer-white .footer-legal { border-top-color: #ededed; }
html body .footer-white .footer-consult figure img { border-color: #ededed; box-shadow: none; }
/* Neutral paper surfaces in the embedded writing demonstration. */
html body .fan-paper-block { background: #f1f2f3 !important; }
html body .fan-paper-rule { background: #b9bdc3 !important; }