:root{
  --bg:#0f1422;--bg-2:#141a2b;--surface:#191e2a;--text:#e8eef6;--muted:#9aa7ba;--line:#262d3d;
  --cyan:#62dcf7;--cyan-soft:#9becff;--glow:0 0 6px rgba(98,220,247,.55),0 0 18px rgba(98,220,247,.35);
  --maxw:46rem;color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--bg)}
body{margin:0;color:var(--text);min-height:100vh;
  font:17px/1.65 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:
    radial-gradient(60rem 40rem at 50% -10%,rgba(98,220,247,.10),transparent 60%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cg stroke='%2362dcf7' stroke-opacity='.07' fill='none'%3E%3Cpath d='M30 60L160 130L330 40M160 130L120 300L300 260L330 40M120 300L20 390M300 260L400 380'/%3E%3C/g%3E%3Cg fill='%2362dcf7' fill-opacity='.12'%3E%3Ccircle cx='30' cy='60' r='4'/%3E%3Ccircle cx='160' cy='130' r='6'/%3E%3Ccircle cx='330' cy='40' r='3'/%3E%3Ccircle cx='120' cy='300' r='5'/%3E%3Ccircle cx='300' cy='260' r='7'/%3E%3Ccircle cx='20' cy='390' r='3'/%3E%3Ccircle cx='400' cy='380' r='4'/%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(var(--bg),var(--bg-2));
  background-attachment:fixed}
a{color:var(--cyan);text-underline-offset:3px}
a:hover{color:var(--cyan-soft)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.wordmark{font-family:"Montserrat",-apple-system,sans-serif;font-weight:600;letter-spacing:.01em;color:var(--cyan);text-shadow:var(--glow)}
header.site{padding:22px 0 6px}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;font-size:22px;text-decoration:none;min-height:44px}
.brand img{width:40px;height:40px;border-radius:10px;box-shadow:0 0 0 1px var(--line),0 0 14px rgba(98,220,247,.25)}
nav.site a{color:var(--muted);text-decoration:none;margin-left:18px;font-size:15px;display:inline-block;padding:10px 0}
nav.site a:first-child{margin-left:0}
nav.site a:hover{color:var(--cyan)}
main{padding:20px 0 56px}
.hero{text-align:center;padding:24px 0 8px}
.hero .logo{width:min(260px,62vw);height:auto;border-radius:22%;display:block;margin:8px auto 28px;
  box-shadow:0 0 0 1px rgba(255,255,255,.06),0 20px 60px rgba(0,0,0,.55),0 0 60px rgba(98,220,247,.18)}
.hero h1{font-family:"Montserrat",-apple-system,sans-serif;font-size:clamp(30px,7vw,46px);line-height:1.12;letter-spacing:-.01em;margin:0 0 14px;font-weight:700}
.hero h1 span{color:var(--cyan);text-shadow:var(--glow)}
.hero p{font-size:19px;color:var(--muted);margin:0 auto 8px;max-width:34rem}
h2{font-family:"Montserrat",-apple-system,sans-serif;font-size:22px;font-weight:600;margin:44px 0 12px}
h3{font-size:18px;margin:28px 0 8px}
.card{background:rgba(25,30,42,.82);border:1px solid var(--line);border-radius:20px;padding:22px;margin:16px 0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.app{display:flex;gap:18px;align-items:flex-start}
.app-icon{flex:none;width:64px;height:64px;border-radius:15px;object-fit:cover;box-shadow:0 0 0 1px var(--line),0 6px 18px rgba(0,0,0,.4)}
.app h3{margin:2px 0 4px}
.app p{margin:0 0 8px;color:var(--muted)}
.tag{display:inline-block;font-size:13px;font-weight:600;padding:4px 12px;border-radius:999px;border:1px solid rgba(98,220,247,.35);
  background:rgba(98,220,247,.08);color:var(--cyan)}
.links a{display:inline-block;margin-right:16px;padding:8px 0}
.legal h1{font-family:"Montserrat",-apple-system,sans-serif;font-size:clamp(28px,6vw,38px);font-weight:700;margin:24px 0 4px;line-height:1.15}
.legal .meta{color:var(--muted);margin:0 0 24px}
.legal ul{padding-left:1.2em}
.legal li{margin:4px 0}
.legal table{width:100%;border-collapse:collapse;font-size:15px;margin:12px 0}
.legal th,.legal td{text-align:left;vertical-align:top;padding:10px 8px;border-bottom:1px solid var(--line)}
.legal th{color:var(--muted);font-weight:600}
.table-scroll{overflow-x:auto}
strong{color:#fff}
footer.site{border-top:1px solid var(--line);padding:24px 0 40px;color:var(--muted);font-size:14px}
footer.site a{color:var(--muted);margin-right:16px;display:inline-block;padding:6px 0}
footer.site a:hover{color:var(--cyan)}
@media (max-width:480px){.app{flex-direction:column}}