:root {
  --bg: #101114;
  --text: #f7f7f2;
  --muted: #a7a7a0;
  --panel: #181a1f;
  --panel-light: #ffffff;
  --ink: #151515;
  --yellow: #f6c400;
  --yellow-dark: #d49f00;
  --charcoal: #0a0b0d;
}
body { background: var(--bg); color: var(--text); }
.site-header { background: rgba(10,11,13,.88); color: #fff; }
.brand-mark { background: var(--yellow); color: #111; }
.site-nav a { color: #f4f4f4; opacity: .86; }
.site-nav a:hover { opacity: 1; color: var(--yellow); }
.btn-primary { background: var(--yellow); color: #111; box-shadow: 0 12px 28px rgba(246,196,0,.28); }
.btn-primary:hover { background: #ffd633; }
.btn-secondary { color: #fff; border-color: rgba(255,255,255,.32); background: rgba(255,255,255,.08); }
.hero-overlay { background: linear-gradient(90deg, rgba(0,0,0,.86) 0%, rgba(0,0,0,.58) 45%, rgba(0,0,0,.24) 100%); }
.eyebrow { color: var(--yellow); }
.eyebrow.dark { color: #8d6b00; }
.trust-strip { background: var(--yellow); color: #121212; }
.trust-item { background: rgba(255,255,255,.38); }
.section-light { background: #f5f3ed; color: #151515; }
.section-dark { background: #111318; color: #fff; }
.feature-card, .project-card { background: #fff; color: #171717; }
.section-dark .feature-card { background: #191c22; color: #fff; border: 1px solid rgba(255,255,255,.08); }
.machine-card { background: #fff; color: #171717; }
.machine-card span { color: #8d6b00; }
.project-tile div { background: rgba(0,0,0,.72); color: #fff; backdrop-filter: blur(10px); }
.testimonial-card, .site-form, .contact-panel { background: #fff; color: #151515; }
.cta-band { background: var(--yellow); color: #111; }
.cta-band .btn-primary { background: #111; color: #fff; box-shadow: none; }
.text-link { color: var(--yellow); font-weight: 1000; }
.dark-link { color: #8d6b00; }
.success-message { background: #e6f7e6; color: #145214; }
.site-footer { background: #08090a; color: #fff; }
.site-footer a { color: var(--yellow); }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.12); }
.mobile-cta-bar a:first-child { background: #111; color: #fff; }
.mobile-cta-bar a:last-child { background: var(--yellow); color: #111; }
@media (max-width: 1020px) { .site-nav { background: #08090a; } }