:root{
  --ink:#0f172a; --paper:#f8fafc; --line:#e2e8f0;
  --accent:#0b5d4a; --accent-2:#0f766e; --accent-soft:#e6f0ec; --gold:#b45309;
}
html,body{background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;scroll-behavior:smooth}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:10px;border:1px solid var(--line);background:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:.14s;color:var(--ink);text-decoration:none}
.btn:hover{border-color:#94a3b8;transform:translateY(-1px)}
.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn-primary:hover{background:#094a3b}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;transition:.16s}
.card:hover{border-color:#cbd5e1;box-shadow:0 18px 40px rgba(15,23,42,.07);transform:translateY(-2px)}
.live-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 0 rgba(16,185,129,.6);animation:pulse 1.9s infinite;display:inline-block}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.55)}70%{box-shadow:0 0 0 9px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}
.topo{position:absolute;inset:0;opacity:.5;pointer-events:none}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}