@font-face{font-family:"Inter";src:url("/assets/inter-var-latin.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{--bg:#0B0B0B;--surface:#141414;--line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.14);--text:#fff;--muted:#9A9A9A;--soft:#C9C9C9;--cyan:#00E5FF;--pink:#FF1FA9;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
::selection{background:var(--cyan);color:#001216}
:focus-visible{outline:2px solid var(--cyan);outline-offset:4px;border-radius:6px}
a{color:var(--cyan);text-underline-offset:3px}
.wrap{max-width:820px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}
header{border-bottom:1px solid var(--line)}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}
.nav img{height:32px;width:auto;display:block}
.back{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:650;color:var(--text);text-decoration:none;padding:10px 14px;border:1px solid var(--line-2);border-radius:10px}
.back:hover{border-color:rgba(255,255,255,.4)}
main{padding:clamp(56px,8vw,96px) 0}
h1{margin:0;font-size:clamp(34px,5vw,56px);line-height:1.05;font-weight:800;letter-spacing:-.03em}
h1 span{color:var(--cyan)}
.intro{margin:18px 0 0;color:var(--soft);font-size:18px}
.stand{margin-top:10px;font-size:14px;color:var(--muted)}
section{margin-top:44px;padding-top:28px;border-top:1px solid var(--line)}
h2{margin:0 0 12px;font-size:clamp(20px,2.2vw,24px);font-weight:750;letter-spacing:-.015em;line-height:1.25}
p{margin:0 0 12px;color:var(--soft)}
strong{color:var(--text)}
ul{margin:0 0 12px;padding-left:1.2em;color:var(--soft)}
li{margin:4px 0}
li::marker{color:var(--cyan)}
.box{margin:16px 0 4px;padding:16px 18px;border-radius:12px;background:var(--surface);border:1px solid var(--line);color:var(--soft)}
footer{border-top:1px solid var(--line);padding:36px 0 48px;font-size:14px;color:var(--muted)}
footer .row{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}
footer nav{display:flex;flex-wrap:wrap;gap:8px 20px}
footer a{color:var(--muted);text-decoration:none}
footer a:hover,footer a[aria-current]{color:var(--cyan)}
