:root{
  --pink:#FFD6E8;
  --pink-2:#FF9EBB;
  --ink:#2A2A2A;
  --soft:#FFF2F7;
  --white:#fff;
  --gold:#E6C355;
  --muted:#6b6b6b;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--white);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Arial,sans-serif;scroll-behavior:smooth}
img{max-width:100%;height:auto;display:block}
.container{width:min(1120px,92%);margin:0 auto}
.narrow{width:min(860px,92%)}
.nav{position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border-bottom:1px solid #eee;z-index:10}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0}
.brand{display:flex;align-items:center;gap:.6rem;cursor:pointer}
.brand-logo{width:32px;height:32px;border-radius:8px}
.brand-name{font-weight:800}
.links{display:flex;align-items:center;gap:1rem}
.links a{color:var(--ink);text-decoration:none;font-weight:600;opacity:.9}
.links a:hover{opacity:1}
.btn{display:inline-block;padding:.7rem 1rem;border-radius:10px;text-decoration:none;font-weight:800;border:2px solid var(--ink);transition:.2s}
.btn.primary{background:var(--ink);color:var(--white);border-color:var(--ink)}
.btn.ghost{background:transparent;border-color:#ddd}
.btn.social{border-color:#ddd}
.btn.disabled{opacity:.5;pointer-events:none;border-style:dashed}
.hero{background:var(--pink);}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;padding:2rem 0}
.hero h1{font-size:clamp(2rem,4.2vw,3rem);line-height:1.1;margin:0 0 .6rem 0}
.tagline{font-size:1.1rem;opacity:.9;margin:0 0 1.2rem 0}
.cta{display:flex;gap:.8rem;margin:.3rem 0 1rem}
.verified{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.badge{background:var(--gold);color:#2a2100;padding:.2rem .5rem;border-radius:.5rem;font-weight:800}
.contract{background:#fff;border:1px dashed #ccc;padding:.2rem .4rem;border-radius:.4rem}
.copy{border:none;background:#fff;border:1px solid #ddd;padding:.35rem .6rem;border-radius:.4rem;cursor:pointer}
.notice{opacity:.8;margin-top:.5rem}
.section{padding:3rem 0}
.section.soft{background:var(--soft)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1rem 0 0}
.card{background:#fff;border:1px solid #eee;border-radius:12px;padding:1rem;display:flex;justify-content:space-between;gap:1rem;font-weight:700}
.card .k{opacity:.6;font-weight:700}
.note{opacity:.8;margin-top:1rem}
.roadmap{display:grid;gap:1rem;margin-top:1rem}
.step{border-left:4px solid var(--pink-2);padding:0.6rem 1rem;background:#fff;border-radius:8px;border-top:1px solid #f0d0db;border-right:1px solid #f0d0db;border-bottom:1px solid #f0d0db}
.safety-list{line-height:1.7}
.steps{margin:0;padding-left:1.2rem}
.socials{display:flex;gap:.6rem;flex-wrap:wrap}
#faq details{background:#fff;border:1px solid #eee;border-radius:10px;padding:0.8rem 1rem;margin:0 0 .8rem 0}
#faq details summary{cursor:pointer;font-weight:800;outline:none}
.footer{background:#fafafa;border-top:1px solid #eee;padding:2rem 0;color:var(--muted);text-align:center}
.footer a{color:var(--muted);text-decoration:none}
@media (max-width:860px){
  .hero-grid{grid-template-columns:1fr;gap:1rem}
  .links{display:none}
}