/* Misa Platform marka renkleri: logo referansındaki sarı ve antrasit. */
:root {
  --navy: #000000;
  --ink: #000000;
  --accent: #ffd200;
  --light: #f7f6f2;
  --line: #e4e0d7;
  --muted: #687078;
}

/* Referans tasarımdaki geniş, ferah masaüstü yerleşimi. */
.container { width: min(1320px, calc(100% - 56px)); }

@media (min-width: 1440px) {
  .hero-content { padding-block: 72px; }
  .section { padding-block: 48px; }
  .cards { gap: 16px; }
  .card > div { padding: 11px; }
}

@media (max-width: 620px) {
  .container { width: min(100% - 28px, 1320px); }
}

.site-header,
.site-footer { background: #000000; }

.logo { color: #ffffff; }
.logo small,
.menu a:hover,
.locale:hover,
.nav-phone,
.hero h1 em { color: #ffd200; }

.button {
  background: linear-gradient(90deg, #ffd91a, #f4bd00);
  border-color: #ffd200;
  color: #000000;
}

.button-outline { background: transparent; border-color: #ffffff; color: #ffffff; }
.button-light { background: #ffffff; border-color: #ffffff; color: #000000; }
.stats .container > div { border-color: #484542; color: #ffd200; }
.compare-head span:nth-child(3) { background: #000000; }
.compare strong { color: #846600; }
.text-link { border-color: #c79f00; color: #705900; }
.feature-list div { color: #c79f00; }
.footer-cta { background: linear-gradient(100deg, #ffd200, #e5ad00); color: #000000; }
.footer-cta .button-light { color: #000000; }
.site-footer p,
.site-footer a { color: #d8d4cc; }
.site-footer h4 { color: #ffffff; }

/* Eski tema katmanından kalan tüm yeşil tonların sarı / nötr karşılıkları. */
.eyebrow,.benefits i { color: #ffd200; }
.compare-head span:nth-child(3) { background: #000; }
.compare strong,.text-link,.feature-list div { color: #7d6100; }
.quote-card { background-color: #fffdf4; background-image: linear-gradient(#ffffffee,#fff8d9e6); box-shadow: 0 4px 14px rgba(0,0,0,.08); }
.quote-card input { border-color: #e4ddc5; }
.quote-card small { color: #6b5a13; }
.form-success { background: #fff3b8; color: #4b3b00 !important; }
.benefits { background: #faf9f5; border-color: #e8e3d8; }
.benefits i { color: #000; }
.feature .container,.panel { border-color: #e3ded2; background: #fff; }
.logo-list b,.event-list span { color: #292827; }
.site-footer { background: #000; }