:root{
  --bg:#07090b; --panel:#0e1316; --panel2:#12181c;
  --gold:#d4af37; --gold-dim:#9a7f2a;
  --ink:#f2f0e9; --muted:#9aa3a0; --line:#1e262b;
  --up:#2fd08c; --down:#e5484d;
  --radius:18px;
}
*{box-sizing:border-box; margin:0; padding:0}
body{
  background:radial-gradient(1200px 600px at 50% -80px, #10181d 0%, var(--bg) 60%) , var(--bg);
  color:var(--ink);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.6; -webkit-font-smoothing:antialiased;
}
.wrap{max-width:680px; margin:0 auto; padding:28px 20px 64px}
a{color:var(--gold)}
/* ---------- hero ---------- */
.hero{text-align:center; padding:26px 0 8px}
.avatar{
  width:112px; height:112px; border-radius:50%; object-fit:cover;
  border:3px solid var(--gold); box-shadow:0 0 34px rgba(212,175,55,.35);
  display:block; margin:0 auto 16px;
}
.hero h1{
  font-family:Georgia,"Times New Roman",serif; font-size:34px; letter-spacing:.5px;
  margin-bottom:2px;
}
.hero h1 .q{color:var(--gold)}
.handle{color:var(--muted); font-size:14px; letter-spacing:1.5px; text-transform:uppercase; margin-bottom:12px}
.tagline{font-size:16.5px; color:var(--ink); max-width:520px; margin:0 auto}
.tagline em{color:var(--gold); font-style:normal; font-weight:700}
/* ---------- link buttons (stan-store style) ---------- */
.links{margin:26px 0 8px; display:grid; gap:12px}
.linkbtn{
  display:flex; align-items:center; gap:14px; text-decoration:none; color:var(--ink);
  background:linear-gradient(180deg,var(--panel2),var(--panel));
  border:1px solid var(--line); border-radius:var(--radius);
  padding:16px 18px; transition:transform .12s ease, border-color .12s ease;
}
.linkbtn:hover{transform:translateY(-2px); border-color:var(--gold-dim)}
.linkbtn .ico{font-size:26px; line-height:1}
.linkbtn .t b{display:block; font-size:16.5px}
.linkbtn .t span{color:var(--muted); font-size:13.5px}
.linkbtn.gold{background:linear-gradient(180deg,#e8c44f,#c49a2e); color:#141414; border:none}
.linkbtn.gold .t span{color:#3d3118}
/* ---------- sections ---------- */
.sec{margin-top:38px}
.sec h2{
  font-family:Georgia,serif; font-size:22px; margin-bottom:4px;
  display:flex; align-items:center; gap:10px;
}
.sec h2 .n{
  background:var(--gold); color:#141414; font-family:system-ui; font-weight:800;
  font-size:13px; border-radius:999px; padding:2px 10px; letter-spacing:1px;
}
.sec .sub{color:var(--muted); font-size:14px; margin-bottom:16px}
.ep{
  background:var(--panel); border:1px solid var(--line); border-radius:var(--radius);
  padding:20px; margin-bottom:14px; text-decoration:none; color:var(--ink); display:block;
}
.ep:hover{border-color:var(--gold-dim)}
.ep .k{font-size:12px; letter-spacing:2px; color:var(--gold); font-weight:700; text-transform:uppercase}
.ep h3{font-family:Georgia,serif; font-size:20px; margin:6px 0 8px; line-height:1.35}
.ep p{color:var(--muted); font-size:14.5px}
.ep .nums{display:flex; gap:18px; margin-top:12px; flex-wrap:wrap}
.ep .nums div b{display:block; font-size:19px}
.ep .nums div span{font-size:12px; color:var(--muted); text-transform:uppercase; letter-spacing:1px}
.up{color:var(--up)} .down{color:var(--down)} .gold{color:var(--gold)}
.badge-live{display:inline-block; font-size:11px; font-weight:800; letter-spacing:1.5px; color:#0c0c0c;
  background:var(--up); border-radius:999px; padding:3px 10px; margin-left:8px; vertical-align:middle}
.badge-soon{display:inline-block; font-size:11px; font-weight:800; letter-spacing:1.5px; color:#0c0c0c;
  background:var(--gold); border-radius:999px; padding:3px 10px; margin-left:8px; vertical-align:middle}
/* ---------- article ---------- */
.crumb{color:var(--muted); font-size:13px; text-decoration:none}
.crumb:hover{color:var(--gold)}
.article h1{font-family:Georgia,serif; font-size:30px; line-height:1.3; margin:10px 0 6px}
.article .dek{color:var(--muted); font-size:16px; margin-bottom:18px}
.article h2{font-family:Georgia,serif; font-size:21px; margin:30px 0 10px; color:var(--gold)}
.article p{margin-bottom:14px; font-size:16px}
.article ul{margin:0 0 16px 20px; font-size:16px}
.article li{margin-bottom:8px}
.kpi{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:18px 0}
.kpi .card{background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:16px}
.kpi .card .lbl{font-size:11.5px; text-transform:uppercase; letter-spacing:1.5px; color:var(--muted)}
.kpi .card .big{font-size:27px; font-weight:800; margin:4px 0}
.kpi .card .note{font-size:13px; color:var(--muted)}
table{width:100%; border-collapse:collapse; font-size:14px; margin:16px 0 8px}
th{text-align:left; font-size:11.5px; text-transform:uppercase; letter-spacing:1px; color:var(--muted);
   padding:10px 8px; border-bottom:1px solid var(--gold-dim)}
td{padding:9px 8px; border-bottom:1px solid var(--line)}
tr td:first-child{color:var(--muted)}
.tblwrap{overflow-x:auto; background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:6px 12px}
.method{background:var(--panel); border-left:3px solid var(--gold); border-radius:0 12px 12px 0;
  padding:14px 16px; font-size:13.5px; color:var(--muted); margin:22px 0}
.verdict{background:linear-gradient(180deg,#151d12,#0e1316); border:1px solid #2a3a2e; border-radius:var(--radius); padding:20px; margin:24px 0}
.verdict h3{font-family:Georgia,serif; color:var(--up); margin-bottom:8px; font-size:19px}
.cta-row{display:grid; gap:12px; margin-top:26px}
/* ---------- footer ---------- */
footer{margin-top:48px; padding-top:20px; border-top:1px solid var(--line); color:var(--muted); font-size:12.5px}
footer p{margin-bottom:10px}
@media (max-width:480px){
  .hero h1{font-size:29px}
  .kpi .card .big{font-size:22px}
  .article h1{font-size:25px}
}