:root{
  --bg:#0b0d16; --bg2:#14161c; --panel:#10131c; --line:#333c4c; --line2:#1f2533;
  --fg:#e8eaf0; --fg2:#d7dbe4; --mute:#8b93a7; --dim:#6b7180;
  --accent:#3b82f6; --accent2:#9ecbff; --ok:#2ec46b; --violet:#a371f7;
  --radius:10px; --gutter:16px;
  --mono:ui-monospace,Cascadia Code,Consolas,Menlo,monospace;
}
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]){
    --bg:#f6f7fb; --bg2:#eceef4; --panel:#ffffff; --line:#c3c9d6; --line2:#dde1ea;
    --fg:#141722; --fg2:#2a2f3d; --mute:#5b6273; --dim:#7b8295; --accent2:#1d4ed8;
  }
}
*{box-sizing:border-box}
html{background:var(--bg)}
html,body{margin:0;color:var(--fg);font:16px/1.6 system-ui,Segoe UI,sans-serif;min-height:100%;background:var(--bg)}
body{position:relative;overflow-x:hidden}
a{color:var(--accent2)}
code,.mono{font-family:var(--mono)}
code{background:var(--bg2);border:1px solid var(--line2);border-radius:5px;padding:1px 6px;font-size:.93em;color:var(--fg2);white-space:nowrap}
.wrap{position:relative;max-width:900px;margin:0 auto;padding:0 var(--gutter) 56px}
.web{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.55;
  background:
   radial-gradient(60vw 60vw at 12% 8%, rgba(59,130,246,.22), transparent 60%),
   radial-gradient(50vw 50vw at 88% 28%, rgba(163,113,247,.16), transparent 60%),
   radial-gradient(70vw 70vw at 50% 110%, rgba(46,196,107,.12), transparent 60%);}
header{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--line2);flex-wrap:wrap}
.brand{display:flex;align-items:baseline;gap:12px;text-decoration:none;color:var(--fg)}
.brand b{font-size:28px;letter-spacing:-.5px}
.brand b .v{color:var(--accent2)}
.brand small{color:var(--mute);font-size:13px;font-family:var(--mono)}
.spacer{flex:1}
.hero{padding:64px 0 24px}
.hero h1{font-size:clamp(30px,5.2vw,48px);line-height:1.08;margin:0 0 18px;letter-spacing:-.5px}
.hero p{font-size:19px;color:var(--fg2);max-width:640px;margin:0 0 12px}
.hero .sub{color:var(--mute);font-size:16px}
.get{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:28px 0 8px}
.btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:600;font-size:18px;padding:14px 26px;border-radius:999px;border:1px solid rgba(255,255,255,.12)}
.btn:hover{filter:brightness(1.1)}
.get small{color:var(--mute);font-size:14px}
.chain{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:36px 0 8px;font-size:14px;color:var(--fg2)}
.chain span{background:var(--panel);border:1px solid var(--line2);border-radius:999px;padding:5px 12px}
.chain i{color:var(--dim);font-style:normal}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:28px 0 36px}
.card{background:var(--panel);border:1px solid var(--line2);border-radius:var(--radius);padding:18px 18px 16px}
.card h3{margin:0 0 8px;font-size:16px}
.card p{margin:0;color:var(--mute);font-size:14.5px}
.status{border:1px solid var(--line2);border-radius:var(--radius);padding:16px 18px;background:var(--bg2);color:var(--fg2);font-size:15px}
.status b{color:var(--fg)}
.status p{margin:0 0 8px}.status p:last-child{margin:0}
footer{margin-top:48px;padding-top:18px;border-top:1px solid var(--line2);color:var(--dim);font-size:13px;display:flex;gap:18px;flex-wrap:wrap}
footer a{color:var(--mute);text-decoration:none}
.links{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:12px 0 36px}
.links a.card{display:block;text-decoration:none;color:var(--fg)}
.links a.card:hover{border-color:var(--accent)}
.links .url{display:block;margin-top:10px;font-family:var(--mono);font-size:13px;color:var(--accent2)}
.price{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:20px 0 28px}
.price .card b{display:block;font-size:30px;margin:6px 0 2px}
.price .card.best{border-color:var(--accent)}
.note{color:var(--mute);font-size:14.5px}
nav a{color:var(--fg2);text-decoration:none;margin-left:18px;font-size:15px}
nav a:hover{color:var(--accent2)}
.kv{font-family:var(--mono);font-size:14px;background:var(--bg2);border:1px solid var(--line2);border-radius:var(--radius);padding:12px 16px;margin:16px 0}
.btn.off{background:var(--bg2);color:var(--mute);cursor:not-allowed}
