.hero {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 22px;
  align-items: center;
}
.hero-card, .section-card, .mini-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: 22px;
  box-shadow: var(--shadow);
}
.hero-card h1 { margin-top: 0; margin-bottom: 10px; }
.hero-card p, .section-card p, .mini-card p {
  color: var(--text-soft);
  line-height: 1.9;
  margin: 0;
}
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:18px; }
.cta, .ghost {
  display:inline-block; padding:12px 18px; border-radius:12px; font-weight:700;
}
.cta {
  background: linear-gradient(135deg, #c2a27a, #a98861);
  color:#111; box-shadow:0 10px 22px rgba(194,162,122,.18);
}
.ghost {
  border:1px solid var(--border); background:#141a20; color:var(--text);
}
.hero-image {
  width:100%; min-height:320px; height:100%; object-fit:cover; border-radius:20px;
  border:1px solid var(--border); background:#0f141a; box-shadow:var(--shadow);
}
.stats-grid, .feature-grid {
  display:grid; gap:16px; margin-top:22px;
}
.stats-grid { grid-template-columns: repeat(4, 1fr); }
.feature-grid { grid-template-columns: repeat(3, 1fr); }
.stat-box {
  background: var(--surface-strong);
  border:1px solid var(--border); border-radius:18px; padding:18px; text-align:center;
}
.stat-number { display:block; font-size:28px; font-weight:800; color:#c2a27a; margin-bottom:8px; }
.stat-label { color:var(--text-soft); font-size:14px; }
.feature-grid h3 { margin:0 0 8px; }
.quick-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:16px; margin-top:22px; }
.quick-grid a { display:block; }
.mini-card h3 { margin:0 0 8px; }
.home-section .section-head { margin:26px 0 12px; }
@media (max-width: 900px) {
  .hero, .feature-grid, .quick-grid { grid-template-columns:1fr; }
  .stats-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width: 600px) {
  .stats-grid { grid-template-columns:1fr; }
}

.home-box {
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}

.home-section {
  margin-top: 22px;
}