:root {
  --primary: #065F46;
  --accent: #D4AF37;
  --bg: #f8fafc;
  --text: #111827;
  --muted: #6b7280;
}
* { box-sizing: border-box; }
body { margin:0; font-family: Inter, Arial, sans-serif; background: var(--bg); color: var(--text); }
a { color: var(--accent); text-decoration: none; }
.container { width:min(1120px, 92vw); margin:0 auto; }
.topbar { background: var(--primary); color:#fff; }
.topbar .container { display:flex; justify-content:space-between; align-items:center; padding:14px 0; gap:12px; }
.brand { font-weight:800; letter-spacing:.2px; }
.brand small { display:block; font-weight:500; opacity:.85; }
nav ul { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:10px; }
nav a { color:#fff; padding:8px 10px; border-radius:8px; font-size:14px; }
nav a:hover, nav a.active { background: rgba(255,255,255,.15); }
.hero { background: linear-gradient(135deg, var(--primary), #1f2937); color:#fff; padding:72px 0; }
.hero h1 { margin:0 0 10px; font-size:42px; line-height:1.08; }
.hero p { margin:0; max-width:760px; color:#e5e7eb; font-size:18px; }
.section { padding:44px 0; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px; }
.card { background:#fff; border-radius:14px; padding:20px; border:1px solid #e5e7eb; box-shadow: 0 6px 18px rgba(15,23,42,.05); }
.card h3 { margin-top:0; }
.badge { display:inline-block; background:#e0ecff; color:#1d4ed8; border-radius:99px; padding:6px 12px; font-size:12px; font-weight:700; }
.cta { background:#fff; border:1px solid #dbeafe; border-left:4px solid var(--accent); border-radius:12px; padding:18px; }
.footer { padding:28px 0; background:#0b1220; color:#cbd5e1; margin-top:24px; font-size:13px; }
.footer a { color:#93c5fd; }
ul.clean { margin:0; padding-left:18px; }
.small { color:var(--muted); font-size:14px; }
@media (max-width: 740px) { .hero h1{font-size:30px;} }