:root { --mm-ink: #2b2233; --mm-ember: #e0683c; --mm-cream: #f6f1ea; }

body { font-family: 'Inter', system-ui, sans-serif; color: #241f2e; }
h1, h2, h3, .display-font, .mm-wordmark { font-family: 'Fraunces', Georgia, serif; }

a { color: var(--mm-ember); text-decoration: none; }
a:hover { color: #c8531f; }

/* Navbar */
.mm-navbar { background: var(--mm-navbar-bg); }
.mm-navbar .nav-link { color: rgba(255,255,255,.82); font-weight: 600; }
.mm-navbar .nav-link:hover { color: #fff; }
.mm-wordmark { color: #fff; font-weight: 700; letter-spacing: -.01em; }
.mm-wordmark-accent { color: var(--mm-accent); }
.navbar-collapse.collapse { visibility: visible !important; }

/* Buttons */
.btn-mm {
  background: var(--mm-ember); color: #fff; font-weight: 600;
  border: none; border-radius: 8px; padding: .6rem 1.2rem;
}
.btn-mm:hover { background: #c8531f; color: #fff; }
.btn-mm-outline {
  background: transparent; color: var(--mm-ink); font-weight: 600;
  border: 1.5px solid rgba(43,34,51,.25); border-radius: 8px; padding: .6rem 1.2rem;
}
.btn-mm-outline:hover { border-color: var(--mm-ink); color: var(--mm-ink); }

/* Sections */
.section { padding: 5rem 0; }
.section-alt { background: var(--section-alt); }
.eyebrow { text-transform: uppercase; letter-spacing: .14em; font-size: .8rem;
  font-weight: 700; color: var(--mm-ember); }

/* Hero */
.mm-hero {
  background:
    radial-gradient(1200px 500px at 75% -10%, rgba(224,104,60,.18), transparent),
    linear-gradient(160deg, #2b2233 0%, #3a2c41 60%, #4a3340 100%);
  color: #fff; padding: 6rem 0 5rem;
}
.mm-hero h1 { font-size: clamp(2.3rem, 5vw, 3.6rem); line-height: 1.05; }
.mm-hero .lead { color: rgba(255,255,255,.85); }

/* Estimator card */
.estimator { background: #fff; border-radius: 16px; box-shadow: 0 20px 60px rgba(0,0,0,.25);
  color: #241f2e; padding: 1.75rem; }
.estimator .price { font-family: 'Fraunces', serif; font-size: 2.6rem; color: var(--mm-ink); line-height: 1; }
.estimator .runtime { color: #6b6475; }

/* Cards */
.feature-card { background: #fff; border: 1px solid #ece6df; border-radius: 14px; padding: 1.6rem; height: 100%; }
.feature-card .bi { font-size: 1.6rem; color: var(--mm-ember); }
.step-num { width: 2.4rem; height: 2.4rem; border-radius: 50%; background: var(--mm-ember);
  color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; }

/* Footer */
.site-footer.mm-footer { background: var(--mm-footer-bg); color: #fff; padding: 3.5rem 0 2rem; }
.mm-footer a { color: rgba(255,255,255,.75); }
.mm-footer a:hover { color: #fff; }
.mm-footer ul li { margin-bottom: .35rem; }

/* Forms */
.form-control::placeholder, input::placeholder, textarea::placeholder { color: rgba(0,0,0,.25) !important; }
.upload-drop { border: 2px dashed #cdbfb0; border-radius: 14px; padding: 2.5rem; text-align: center; background: #fff; }