:root {
  --bg: #050508;
  --bg-alt: #101018;
  --card: #151521;
  --border: #2b2b3a;
  --gold: #f4c048;
  --gold-soft: #f9dd8a;
  --text: #f5f5f7;
  --muted: #b2b2c5;
  --accent: #32b3ff;
  --radius-lg: 18px;
  --shadow-soft: 0 18px 40px rgba(0, 0, 0, 0.45);
  --shadow-light: 0 8px 20px rgba(0, 0, 0, 0.3);
  --font-main: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: var(--font-main);
  background:
    url("/images/logo-bg.png") center center no-repeat,
    radial-gradient(circle at top, #181830 0, #050508 50%);
  background-size: 82%;
  background-attachment: fixed;
  background-blend-mode: overlay;
  color: var(--text);
  -webkit-font-smoothing:antialiased;
}

.mmr-container {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 16px;
}

/* Header / nav */
.mmr-header {
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: blur(6px);
  background: linear-gradient(to bottom, rgba(5,5,8,0.98), rgba(5,5,8,0.9));
  border-bottom: 1px solid rgba(244,192,72,0.06);
}
.nav-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
}
.logo-block { display:flex; align-items:center; gap:12px; }
.logo-circle {
  width:46px; height:46px; border-radius:999px;
  background: radial-gradient(circle at 30% 20%, var(--gold-soft), var(--gold));
  display:flex; align-items:center; justify-content:center; font-weight:800; color:#1a1405;
  box-shadow: var(--shadow-light);
}
.logo-text { display:flex; flex-direction:column; }
.logo-title { font-weight:700; letter-spacing:0.03em; font-size:16px; }
.logo-subtitle { font-size:11px; color:var(--muted); text-transform:uppercase; letter-spacing:0.12em; }

.mmr-nav { display:flex; gap:20px; align-items:center; font-size:15px; }
.mmr-nav a { color:var(--muted); text-decoration:none; padding:8px; border-radius:6px; }
.mmr-nav a.active, .mmr-nav a:hover { color:var(--gold-soft); background: rgba(255,255,255,0.01); }

/* Hero */
.hero { padding:40px 0 20px; border-bottom:1px solid rgba(255,255,255,0.02); }
.hero-grid { display:grid; grid-template-columns: 1.6fr 1fr; gap:30px; align-items:center; }
.hero-text h1 { font-size:clamp(28px,5vw,36px); margin:0 0 10px; line-height:1.05; }
.gold { color:var(--gold-soft); }
.hero-text p { margin:0; color:var(--muted); font-size:15px; }
.hero-actions { display:flex; gap:10px; margin:18px 0 10px; }
.btn { display:inline-flex; align-items:center; justify-content:center; padding:10px 18px; border-radius:999px; font-size:14px; cursor:pointer; text-decoration:none; }
.btn-primary { background: linear-gradient(135deg,var(--gold-soft),var(--gold)); color:#1a1405; font-weight:700; box-shadow:var(--shadow-soft); border:0; }
.btn-secondary { background: rgba(12,12,20,0.8); color:var(--gold-soft); border:1px solid rgba(244,192,72,0.12); }

/* Cards / sections */
.section { padding:30px 0; }
.section-alt { background: radial-gradient(circle at top, #161626, #050508); }
.section h2 { font-size:22px; margin-bottom:8px; }
.section-intro { color:var(--muted); margin-top:0; margin-bottom:16px; }

/* cards grid */
.cards-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap:16px; }
.card { background:var(--card); border-radius:var(--radius-lg); padding:14px; border:1px solid var(--border); box-shadow:var(--shadow-light); }
.card h3 { margin:0 0 8px; font-size:16px; }
.card p { color:var(--muted); margin:0 0 10px; }

/* lists */
.card-list { padding-left:18px; color:var(--muted); margin:6px 0 0; }

/* forms */
.quote-form, .contact-form { background:var(--card); border-radius:20px; padding:16px; border:1px solid var(--border); }
.form-grid { display:grid; grid-template-columns: repeat(2, 1fr); gap:12px 16px; }
.form-group-full { grid-column:1 / -1; }
input, select, textarea { border-radius:10px; border:1px solid rgba(255,255,255,0.04); background: rgba(5,5,10,0.9); color:var(--text); padding:8px 10px; font:inherit; outline:none; }
input:focus, select:focus, textarea:focus { box-shadow: 0 0 0 2px rgba(244,192,72,0.12); border-color: rgba(244,192,72,0.5); }

/* contact layout */
.contact-grid { display:grid; grid-template-columns: 1.4fr 1fr; gap:20px; }

/* footer */
.mmr-footer { border-top:1px solid rgba(244,192,72,0.06); padding:14px 0; background:#050508; }
.footer-flex { display:flex; flex-direction:column; gap:6px; align-items:center; font-size:13px; color:var(--muted); }

/* responsive */
@media (max-width: 900px) {
  .hero-grid { grid-template-columns: 1fr; }
  .mmr-nav { display:none; }
  .form-grid { grid-template-columns: 1fr; }
  .contact-grid { grid-template-columns: 1fr; }
}