/* PlusCoin site — NOIR / champagne gold */
:root{
  --bg:#0A0A0B; --surface:#141416; --surface2:#1D1D20; --stroke:rgba(255,255,255,.08);
  --text:#F5F5F7; --muted:rgba(255,255,255,.56); --gold:#C9A227; --gold-lite:#E4C97E;
  --maxw:760px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Noto Sans SC","Noto Sans TC","Hiragino Sans","PingFang SC","Microsoft YaHei",sans-serif;
  line-height:1.75; font-size:16px; -webkit-font-smoothing:antialiased;
}
a{color:var(--gold-lite); text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 20px}

/* language bar */
.langbar{position:sticky; top:0; z-index:9; background:rgba(10,10,11,.86); backdrop-filter:saturate(160%) blur(12px);
  border-bottom:1px solid var(--stroke); display:flex; align-items:center; gap:12px; padding:10px 20px}
.brand{display:flex; align-items:center; gap:9px; font-weight:700; letter-spacing:.3px; margin-right:auto}
.brand .appicon{width:28px; height:28px; border-radius:8px; display:block}
.brand b{color:var(--gold)}
.langbtn{background:transparent; border:1px solid var(--stroke); color:var(--muted); border-radius:999px;
  padding:5px 12px; font-size:13px; cursor:pointer}
.langbtn.active{border-color:var(--gold); color:var(--gold)}

/* hero */
.hero{text-align:center; padding:64px 20px 40px}
.coin{width:88px;height:88px;border-radius:50%;background:var(--gold);display:inline-flex;align-items:center;justify-content:center;
  font-size:46px;color:#000;font-weight:700}
.hero h1{font-size:40px; margin:22px 0 6px; letter-spacing:.5px}
.hero h1 b{color:var(--gold)}
.tagline{color:var(--muted); font-size:18px; margin:0 auto; max-width:520px}
.cta{display:inline-block; margin-top:26px; background:var(--gold); color:#111; font-weight:700;
  padding:14px 30px; border-radius:14px}
.cta:hover{background:var(--gold-lite); text-decoration:none}
.cta.ghost{background:transparent;border:1px solid var(--stroke);color:var(--text)}

/* sections */
section{padding:34px 0; border-top:1px solid var(--stroke)}
h2{font-size:24px; margin:0 0 16px}
h3{font-size:17px; margin:26px 0 6px; color:var(--gold-lite)}
p{margin:0 0 14px; color:#e9e9ec}
.muted{color:var(--muted)}
ul{margin:0 0 14px; padding-left:20px}
li{margin:6px 0}
.features{display:grid; grid-template-columns:1fr; gap:14px; margin-top:8px}
.feature{background:var(--surface); border:1px solid var(--stroke); border-radius:16px; padding:18px 20px}
.feature .ic{color:var(--gold); font-size:20px}
.feature h3{margin:6px 0 4px; color:var(--text)}
.feature p{margin:0; color:var(--muted); font-size:15px}
@media(min-width:640px){ .features{grid-template-columns:1fr 1fr} }

.legal{padding:40px 0 20px}
.legal .updated{color:var(--muted); font-size:14px; margin-top:-4px}

footer{border-top:1px solid var(--stroke); padding:28px 20px 48px; text-align:center; color:var(--muted); font-size:14px}
footer a{margin:0 8px}
.copyright{margin-top:12px; font-size:13px}
[hidden]{display:none !important}