/* Titan Trades CNC v213 — homepage color styling matched to the approved manufacturing-page palette */
:root{
  --home-match-gold:#c9922a;
  --home-match-gold-light:#e0b255;
  --home-match-panel:#141a28;
  --home-match-panel-2:#0f1521;
}

/* Match the darker / more refined manufacturing-page gold and navy treatment. */
.titan-top-socials .titan-social-button,
.titan-social-nav .titan-social-button,
.mobile-header-action--apply,
.mobile-header-actions .menu-toggle,
.home-cta-center .btn-outline{
  background:rgba(8,11,18,.92)!important;
  border:1px solid rgba(201,146,42,.66)!important;
  color:#f2efe9!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important;
}
.titan-top-socials .titan-social-mark,
.titan-social-nav .titan-social-mark{
  background:#f4f0e8!important;
  color:#111!important;
  border:1px solid rgba(201,146,42,.35)!important;
}
.mobile-header-action--request{
  background:linear-gradient(180deg,#d8a946 0%, #c9922a 100%)!important;
  color:#0f0f10!important;
  border:1px solid rgba(217,169,70,.92)!important;
}
.mobile-header-actions .menu-toggle,
.mobile-header-action--apply{
  color:var(--home-match-gold-light)!important;
}

.hero-v202 .eyebrow,
.home-cta-center > p a,
.hero-stat-sub,
.promise-hit,
.hero-stat-icon,
.ticker-dot,
.mobile-header-actions .menu-toggle{
  color:var(--home-match-gold)!important;
}
.hero-v202 h1 .gold,
.home-premium-relocated .premium-main{
  background:linear-gradient(180deg,#e6bc67 0%, #cb9835 48%, #b67f20 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}

.home-premium-relocated{
  background:#05080e!important;
  border-top:1px solid rgba(201,146,42,.18)!important;
  border-bottom:1px solid rgba(201,146,42,.22)!important;
}
.home-premium-relocated .premium-watermark{
  -webkit-text-stroke:1px rgba(201,146,42,.095)!important;
  text-stroke:1px rgba(201,146,42,.095)!important;
}
.home-premium-relocated .premium-slash{
  background:linear-gradient(180deg,transparent 0%, rgba(201,146,42,.96) 20%, rgba(201,146,42,.96) 80%, transparent 100%)!important;
  box-shadow:0 0 10px rgba(201,146,42,.16)!important;
}
.home-premium-relocated .premium-subtitle{
  color:rgba(231,232,236,.74)!important;
}
.promise-mark{
  background:linear-gradient(90deg,rgba(201,146,42,.14),rgba(201,146,42,.92),rgba(201,146,42,.14))!important;
  box-shadow:none!important;
}
.home-cta-center .btn-outline:hover{
  border-color:rgba(224,178,85,.86)!important;
  color:var(--home-match-gold-light)!important;
}

/* Match the icon/stat strip coloring from the manufacturing-page reference. */
.home-hero-stat-band{
  background:
    radial-gradient(105% 165% at 4% 128%, transparent 0 49%, rgba(201,146,42,.05) 49.35% 49.65%, transparent 50% 57%, rgba(201,146,42,.03) 57.3% 57.55%, transparent 57.9%),
    radial-gradient(105% 165% at 96% 128%, transparent 0 49%, rgba(201,146,42,.05) 49.35% 49.65%, transparent 50% 57%, rgba(201,146,42,.03) 57.3% 57.55%, transparent 57.9%),
    linear-gradient(180deg,#151b2a 0%,#101726 52%,#0b1220 100%)!important;
}
.home-hero-stat-band::before{
  background:rgba(201,146,42,.74)!important;
}
.home-hero-stat-band::after{
  background:
    linear-gradient(90deg,transparent,rgba(255,255,255,.014) 50%,transparent),
    radial-gradient(120% 180% at 50% -75%,rgba(255,255,255,.016),transparent 58%)!important;
}
.home-hero-stat-band .hero-stat-head{color:#f4f4f5!important}
.home-hero-stat-band .hero-stat-sub{color:var(--home-match-gold)!important}
.home-hero-stat-band .hero-stat-icon{color:var(--home-match-gold)!important; filter:none!important}
.home-hero-stat-band .hero-stat-divider{background:rgba(201,146,42,.28)!important}

/* Keep the ticker in the warmer muted gold instead of bright yellow. */
.home-hero-ticker{
  background:linear-gradient(180deg,#d4a548 0%, #c9922a 100%)!important;
}
.home-hero-ticker .ticker-inner span{color:#111!important}

/* Slightly darken overall homepage section transitions so the coloring feels like the manufacturing page. */
.process,
.founder{
  background:#070b12!important;
}

@media(max-width:700px){
  .mobile-header-action--request,
  .mobile-header-action--apply,
  .mobile-header-actions .menu-toggle{
    border-radius:6px!important;
  }
}