:root{
  --bg:#0E0B1A; --bg2:#171327; --surface:#241D3D;
  --hi:#F4F1FF; --body:#C9C2E0; --muted:#8A82A8;
  --accent:#7C5CFF; --gold:#FFC53D;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg); color:var(--body);
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif;
  line-height:1.8; -webkit-font-smoothing:antialiased;
}
a{color:var(--gold);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
header.hero{
  text-align:center;padding:72px 20px 56px;
  background:radial-gradient(120% 90% at 50% 0%, #2A2050 0%, #0E0B1A 60%);
}
.badge{display:inline-block;font-size:13px;color:var(--gold);
  border:1px solid rgba(255,197,61,.4);border-radius:999px;padding:4px 14px;margin-bottom:18px}
h1{color:var(--hi);font-size:30px;font-weight:800;letter-spacing:.02em;margin-bottom:14px}
.lead{color:var(--body);font-size:16px;max-width:560px;margin:0 auto}
section{padding:40px 0;border-top:1px solid rgba(255,255,255,.06)}
h2{color:var(--hi);font-size:20px;font-weight:700;margin-bottom:16px}
h3{color:var(--hi);font-size:16px;font-weight:700;margin:22px 0 8px}
p{margin-bottom:14px}
ul{margin:0 0 14px 1.2em}
li{margin-bottom:8px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:8px}
.card{background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px}
.card .ico{font-size:24px;margin-bottom:10px}
.card h3{margin:0 0 6px;color:var(--hi);font-size:15px}
.card p{font-size:14px;color:var(--muted);margin:0}
.muted{color:var(--muted);font-size:13px}
footer{padding:40px 20px 60px;text-align:center;color:var(--muted);font-size:13px;border-top:1px solid rgba(255,255,255,.06)}
.nav{display:flex;gap:18px;justify-content:center;margin-top:10px;flex-wrap:wrap}
.disclaimer{background:var(--bg2);border-radius:14px;padding:16px;font-size:13px;color:var(--muted);margin-top:24px}