:root {
  --yl-bg: #0b0d0f;
  --yl-surface: #141719;
  --yl-surface-2: #1d2124;
  --yl-surface-3: #252a2e;
  --yl-line: #30363a;
  --yl-line-bright: #4c565d;
  --yl-silver: #d7dde0;
  --yl-foil: #b9c3c8;
  --yl-muted: #95a0a6;
  --yl-quiet: #727d84;
  --yl-gold: #b9a47b;
  --yl-gold-bright: #d1ba8b;
}

html,
body {
  color: var(--yl-silver) !important;
  background: var(--yl-bg) !important;
}

body,
.site-shell {
  background:
    radial-gradient(circle at 80% 0, rgba(185, 164, 123, .08), transparent 24%),
    linear-gradient(rgba(255, 255, 255, .022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .022) 1px, transparent 1px),
    linear-gradient(145deg, #171b1e 0%, #0e1012 48%, #080a0c 100%) !important;
  background-size: auto, 56px 56px, 56px 56px, auto !important;
}

.ambient-grid {
  background-image:
    linear-gradient(rgba(255, 255, 255, .028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .028) 1px, transparent 1px) !important;
}

.ambient-orb,
.ambient-nebula {
  opacity: .4 !important;
}

.orb-one,
.nebula-cloud-a {
  background: radial-gradient(circle, rgba(185, 164, 123, .13), transparent 68%) !important;
}

.orb-two,
.nebula-cloud-c {
  background: radial-gradient(circle, rgba(185, 195, 200, .08), transparent 70%) !important;
}

.topbar,
.topbar-scrolled {
  color: var(--yl-silver) !important;
  background: rgba(14, 17, 19, .92) !important;
  border-bottom-color: rgba(215, 221, 224, .14) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .24) !important;
}

.brand,
.brand-name,
.desktop-nav,
.nav-item {
  color: var(--yl-silver) !important;
}

.nav-item:hover {
  color: #fff !important;
  background: rgba(215, 221, 224, .07) !important;
}

.nav-item.active,
.nav-dropdown-all,
.eyebrow,
.section-header span,
.tag,
.status-label,
.about-year,
.team-role,
.credential-num,
.case-industry,
.case-results-label,
.solution-meta-card h3 {
  color: var(--yl-gold-bright) !important;
}

.nav-item.active:after,
.section-header:after,
.animated-underline:after {
  background: var(--yl-gold) !important;
  box-shadow: 0 0 12px rgba(185, 164, 123, .3) !important;
}

.nav-dropdown,
.mobile-menu {
  color: var(--yl-silver) !important;
  background: var(--yl-surface) !important;
  border-color: var(--yl-line) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .42) !important;
}

.nav-dropdown-title,
.mobile-menu a {
  color: var(--yl-silver) !important;
}

.nav-dropdown-desc,
.mobile-menu a.mobile-menu-subitem {
  color: var(--yl-muted) !important;
}

.nav-dropdown-item:hover,
.mobile-menu a:hover,
.nav-dropdown-all:hover {
  background: rgba(215, 221, 224, .07) !important;
}

.nav-cta,
.primary-button {
  color: #0b0d0f !important;
  background: var(--yl-silver) !important;
  border-color: var(--yl-silver) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .34) !important;
}

.nav-cta:hover,
.primary-button:hover {
  color: #0b0d0f !important;
  background: #f4f6f7 !important;
  box-shadow: 0 14px 34px rgba(185, 164, 123, .2) !important;
}

.language-link,
.secondary-button {
  color: var(--yl-silver) !important;
  background: var(--yl-surface) !important;
  border-color: var(--yl-line-bright) !important;
}

.language-link:hover,
.secondary-button:hover {
  color: #fff !important;
  background: var(--yl-surface-2) !important;
  border-color: var(--yl-gold) !important;
}

.hero {
  background:
    linear-gradient(100deg, rgba(3, 6, 8, .56), rgba(3, 6, 8, .18)),
    #0b0d0f !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .36) !important;
}

.hero:before {
  background:
    linear-gradient(100deg, rgba(3, 6, 8, .55) 0%, rgba(3, 6, 8, .28) 46%, rgba(3, 6, 8, .1) 100%),
    radial-gradient(circle at 52% 44%, rgba(15, 23, 42, .04), rgba(15, 23, 42, .38) 78%) !important;
}

.hero:after {
  background: linear-gradient(transparent, rgba(4, 8, 12, .46)) !important;
}

.hero-carousel-slide img {
  filter: saturate(1.06) contrast(1.03) brightness(1.05) !important;
}

.hero-copy h1,
.hero-copy p,
.hero .primary-button,
.hero .secondary-button {
  color: #f2f4f5 !important;
}

.hero .primary-button,
.hero .secondary-button {
  background: rgba(15, 18, 20, .46) !important;
  border-color: rgba(215, 221, 224, .5) !important;
}

.hero .primary-button:hover {
  color: #0b0d0f !important;
  background: var(--yl-gold-bright) !important;
  border-color: var(--yl-gold-bright) !important;
}

.hero-pill {
  color: var(--yl-foil) !important;
  background: rgba(15, 18, 20, .44) !important;
  border-color: rgba(215, 221, 224, .24) !important;
}

.hero-carousel-dots {
  background: rgba(4, 8, 12, .48) !important;
  border-color: rgba(215, 221, 224, .28) !important;
}

.hero-carousel-dot {
  background: rgba(215, 221, 224, .5) !important;
}

.hero-carousel-dot:hover,
.hero-carousel-dot.is-active {
  background: var(--yl-gold-bright) !important;
}

.hero-visual {
  background: rgba(215, 221, 224, .08) !important;
  border-color: rgba(215, 221, 224, .32) !important;
  box-shadow: 0 34px 110px rgba(0, 0, 0, .5) !important;
}

.hero-visual figcaption {
  color: var(--yl-silver) !important;
  background: rgba(12, 15, 17, .9) !important;
}

.hero-visual strong {
  color: var(--yl-silver) !important;
}

.hero-visual span {
  color: var(--yl-muted) !important;
}

.hero-signal-board span {
  color: var(--yl-foil) !important;
  background: rgba(12, 15, 17, .78) !important;
  border-color: rgba(215, 221, 224, .24) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .34) !important;
}

.hero-signal-board span:after {
  background: var(--yl-gold-bright) !important;
  box-shadow: 0 0 0 5px rgba(185, 164, 123, .2) !important;
}

.hero-pills span {
  color: var(--yl-foil) !important;
  background: rgba(20, 23, 25, .86) !important;
  border-color: rgba(215, 221, 224, .2) !important;
}

.section-header h2,
.cta-section h2,
h1,
.business-card h3,
.product-card h3,
.capability-lead h3,
.showcase-copy h3,
.company-reference-card-title,
.about-stat-value,
.about-mission h3,
.case-card h3,
.solution-card-body h3,
.solution-detail-hero h1,
.solution-case-card h3,
.team-card-body h3,
.contact-hero-copy h1,
.contact-info-item strong {
  color: var(--yl-silver) !important;
}

.section-header p,
.cta-section p,
.business-card p,
.product-card p,
.capability-lead p,
.showcase-copy p,
.product-note,
.company-reference-card-summary,
.about-stat-label,
.about-mission p,
.about-event,
.case-summary,
.solution-list-item-summary,
.solution-card-body p,
.solution-detail-hero-copy p,
.case-desc,
.team-card-body p,
.contact-hero-copy p,
.contact-info-item span {
  color: var(--yl-muted) !important;
}

.business-card,
.product-card,
.showcase-card,
.capability-panel,
.compliance-grid,
.cta-section,
.members-placeholder,
.member-card,
.about-stat,
.about-mission,
.case-card,
.partner-logo,
.solution-card,
.solution-pain-item,
.solution-case-card,
.team-card,
.member-detail-shell,
.contact-info-item,
.company-reference-card,
.culture-mv-card,
.culture-value-card,
.culture-principle-card,
.credential-item {
  color: var(--yl-silver) !important;
  background: rgba(20, 23, 25, .92) !important;
  border-color: var(--yl-line) !important;
  box-shadow: 0 20px 54px rgba(0, 0, 0, .28) !important;
}

.culture-mv-card h3,
.culture-value-card h3,
.culture-principle-card p {
  color: var(--yl-silver) !important;
}

.culture-mv-card p,
.culture-value-card p {
  color: var(--yl-muted) !important;
}

.culture-principle-label {
  color: var(--yl-gold-bright) !important;
  background: rgba(185, 164, 123, .12) !important;
}

.business-card:hover,
.product-card:hover,
.showcase-card:hover,
.company-reference-card:hover,
.solution-card:hover,
.team-card:hover {
  border-color: rgba(185, 164, 123, .62) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, .4) !important;
}

.icon-wrap,
.member-avatar,
.culture-mv-icon,
.culture-value-icon,
.solution-card-icon,
.solution-detail-hero-icon,
.contact-info-item svg {
  color: var(--yl-gold-bright) !important;
  background: rgba(185, 164, 123, .12) !important;
}

.capability-lead {
  color: var(--yl-silver) !important;
  background: #0d1012 !important;
}

.capability-lead svg,
.capability-panel li svg,
.case-results li svg,
.solution-pain-points li svg,
.solution-cap-item svg,
.case-results-list li svg,
.member-detail-story li svg,
address svg {
  color: var(--yl-gold-bright) !important;
}

.capability-panel li,
.capability-panel li svg,
.solution-detail li,
.solution-detail li svg,
.solution-pain-points li,
.solution-cap-item span {
  color: var(--yl-foil) !important;
}

.showcase-carousel,
.showcase-main-media,
.showcase-thumbs {
  color: var(--yl-silver) !important;
  background: var(--yl-surface) !important;
  border-color: var(--yl-line) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, .34) !important;
}

.showcase-main-media:before {
  border-color: rgba(215, 221, 224, .14) !important;
  background-image:
    linear-gradient(rgba(215, 221, 224, .05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(215, 221, 224, .05) 1px, transparent 1px) !important;
}

.showcase-detail h3,
.showcase-detail p,
.showcase-detail li {
  color: var(--yl-silver) !important;
}

.showcase-detail:before {
  background: var(--yl-gold) !important;
}

.showcase-media-button,
.showcase-media-count,
.showcase-thumbs button {
  color: var(--yl-silver) !important;
  background: var(--yl-surface-2) !important;
  border-color: var(--yl-line-bright) !important;
}

.showcase-media-button:hover,
.showcase-media-button:focus-visible,
.showcase-thumbs button:hover,
.showcase-thumbs button.is-active {
  color: #0b0d0f !important;
  background: var(--yl-gold-bright) !important;
  border-color: var(--yl-gold-bright) !important;
  box-shadow: 0 12px 26px rgba(185, 164, 123, .2) !important;
}

.showcase-thumbs button.is-active:after {
  background: var(--yl-gold-bright) !important;
}

.cta-section {
  background: linear-gradient(135deg, #171b1e, #0e1012) !important;
}

.cta-conversion {
  color: var(--yl-silver) !important;
}

.cta-section:before {
  background: radial-gradient(circle, rgba(185, 164, 123, .16), transparent 70%) !important;
}

.floating-contact {
  color: var(--yl-silver) !important;
  background: rgba(20, 23, 25, .94) !important;
  border-color: var(--yl-line) !important;
  box-shadow: 0 20px 55px rgba(0, 0, 0, .42) !important;
}

.floating-contact a {
  color: var(--yl-foil) !important;
}

.floating-contact a:first-child {
  color: #0b0d0f !important;
  background: var(--yl-silver) !important;
}

.floating-contact a:hover {
  color: #0b0d0f !important;
  background: var(--yl-gold-bright) !important;
}

.solutions-page-banner,
.company-page-banner {
  background: #0b0d0f !important;
}

.solutions-page-banner:after,
.company-page-banner:after {
  background:
    linear-gradient(90deg, rgba(3, 6, 8, .86), rgba(3, 6, 8, .38) 52%, rgba(3, 6, 8, .16)),
    linear-gradient(rgba(3, 6, 8, .12), rgba(3, 6, 8, .5)) !important;
}

.solutions-page-banner-overlay p,
.company-page-banner-overlay p,
.solutions-hero-text {
  color: rgba(242, 244, 245, .84) !important;
}

.solutions-hero-visual {
  background: linear-gradient(135deg, #0b0d0f, #1d2124) !important;
}

.solutions-hero-icon-item {
  color: var(--yl-gold-bright) !important;
  background: rgba(215, 221, 224, .1) !important;
  border-color: rgba(215, 221, 224, .2) !important;
}

.solutions-hero-badge {
  color: #0b0d0f !important;
  background: var(--yl-gold-bright) !important;
}

.solution-list-item,
.solution-list-item-media,
.solution-reference-card,
.company-reference-card-media {
  background: var(--yl-surface) !important;
  border-color: var(--yl-line) !important;
}

.solution-list-item-title,
.solution-list-item-summary,
.solution-list-item-cta,
.company-reference-card-cta,
.breadcrumb-link,
.breadcrumb-back {
  color: var(--yl-gold-bright) !important;
}

.solution-list-item:hover,
.company-reference-card:hover {
  border-color: rgba(185, 164, 123, .62) !important;
}

.solution-detail-hero,
.solution-product-cta,
.solution-meta-card,
.solution-cap-item {
  color: var(--yl-silver) !important;
  background: rgba(185, 164, 123, .08) !important;
  border-color: rgba(185, 164, 123, .28) !important;
}

.solution-block h2 {
  color: var(--yl-silver) !important;
  border-bottom-color: rgba(185, 164, 123, .38) !important;
}

.about-timeline,
.solution-arch-flow {
  border-left-color: rgba(185, 164, 123, .36) !important;
}

.about-milestone:before,
.solution-arch-step:before {
  background: var(--yl-gold) !important;
  border-color: var(--yl-surface) !important;
}

.about-event,
.solution-arch-step p,
.solution-pain-item p,
.solution-meta-card p,
.solution-product-info p {
  color: var(--yl-muted) !important;
}

.site-footer,
footer {
  color: var(--yl-muted) !important;
  background: #080a0c !important;
}

.footer-company-name,
.footer-nav-title {
  color: var(--yl-silver) !important;
}

.footer-tagline,
.footer-contact-row,
.footer-nav-links a,
.footer-copyright,
.footer-filing,
.footer-filing a {
  color: var(--yl-quiet) !important;
}

.footer-contact-icon,
.footer-nav-links a:hover {
  color: var(--yl-gold-bright) !important;
}

.footer-divider,
.footer-bottom {
  border-color: rgba(215, 221, 224, .12) !important;
}

.contact-map-panel,
.contact-map-image {
  background: var(--yl-surface-2) !important;
  border-color: var(--yl-line) !important;
}

.video-modal,
.video-modal-content {
  background: #050607 !important;
}

@media (prefers-reduced-motion: reduce) {
  .hero-carousel-slide.is-active img,
  .solution-detail-case-carousel-track {
    filter: none !important;
  }
}