:root{--bg:#060a0d;--panel:#0b1519;--line:#6edcff2b;--line-strong:#6edcff80;--text:#d8e7eb;--muted:#8aa0a8;--accent:#ffb547;--accent-ink:#1b1203;--cyan:#5ee0ff;--discord:#5865f2;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC", Meiryo, Roboto, Helvetica, Arial, sans-serif;--width:1120px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-image:linear-gradient(#6edcff0b 1px,#0000 1px),linear-gradient(90deg,#6edcff0b 1px,#0000 1px);background-size:48px 48px;margin:0;font-size:16px;line-height:1.7}a{color:var(--cyan)}img,video{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.top{z-index:10;padding:12px max(20px, calc((100vw - var(--width)) / 2));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060a0de0;align-items:center;gap:24px;display:flex;position:sticky;top:0}.brand{color:var(--cyan);align-items:center;gap:10px;text-decoration:none;display:flex}.mark{width:30px;height:30px}.wordmark{color:var(--accent);font-family:var(--mono);letter-spacing:.3em;white-space:nowrap;font-size:18px;font-weight:700}.wordmark.small{font-size:13px}.nav{gap:22px;margin-right:auto;display:flex}.nav a{color:var(--muted);font-size:14px;text-decoration:none}.nav a:hover{color:var(--text)}.top-actions{align-items:center;gap:12px;display:flex}.lang select{border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;border-radius:4px;padding:7px 8px;font-size:13px}.button{border:1px solid var(--line-strong);color:var(--text);text-align:center;background:#5ee0ff14;border-radius:4px;padding:9px 16px;font-size:14px;font-weight:700;line-height:1.3;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:inline-block}.button:hover{background:#5ee0ff29}.button.primary{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);box-shadow:0 0 18px #ffb54747}.button.primary:hover{background:#ffc670;transform:translateY(-1px)}.button.discord{border-color:var(--discord);background:#5865f233}.button.discord:hover{background:#5865f257}.button.large{padding:14px 26px;font-size:16px}.button[hidden]{display:none}.actions{flex-wrap:wrap;gap:12px;display:flex}.actions.center{justify-content:center}.kicker{color:var(--cyan);font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;font-size:12px}h1{letter-spacing:-.01em;text-wrap:balance;font-size:clamp(34px,5.2vw,60px);line-height:1.15}h2{text-wrap:balance;font-size:clamp(26px,3.4vw,38px);line-height:1.25}h3{font-size:19px;line-height:1.4}.lead{color:var(--text);text-wrap:pretty;font-size:18px}.note{color:var(--muted);font-size:14px}.hero{max-width:var(--width);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:48px;margin:0 auto;padding:72px 20px 56px;display:grid}.hero-copy{gap:20px;display:grid}.screen{border:1px solid var(--line);background:var(--panel);margin:0;padding:10px;position:relative}.screen:before,.screen:after{border:2px solid var(--cyan);content:"";width:22px;height:22px;position:absolute}.screen:before{border-bottom:none;border-right:none;top:-2px;left:-2px}.screen:after{border-top:none;border-left:none;bottom:-2px;right:-2px}.screen video{background:#000;width:100%}.screen figcaption{color:var(--muted);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:8px 2px 0;font-size:11px}.stats{max-width:var(--width);border:1px solid var(--line);background:var(--panel);grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;display:grid}.stat{border-left:1px solid var(--line);gap:2px;padding:20px 24px;display:grid}.stat:first-child{border-left:none}.stat strong{color:var(--accent);font-family:var(--mono);white-space:nowrap;font-size:30px;line-height:1.2}.stat span{color:var(--muted);font-size:14px}.section{max-width:var(--width);gap:18px;margin:0 auto;padding:88px 20px 0;display:grid}.features{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:14px;display:grid}.feature{border:1px solid var(--line);background:var(--panel);align-content:start;display:grid}.feature img{aspect-ratio:16/9;border-bottom:1px solid var(--line);object-fit:cover;width:100%}.feature div{gap:8px;padding:20px 22px 24px;display:grid}.feature p,.mode p:not(.kicker),.steps p{color:var(--muted);font-size:15px}.modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.mode{border:1px solid var(--line);border-left:2px solid var(--accent);background:var(--panel);align-content:start;gap:8px;padding:22px;display:grid}.mode .kicker{color:var(--accent)}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:14px 0 12px;padding:0;list-style:none;display:grid}.steps li{border:1px solid var(--line);background:var(--panel);align-content:start;gap:6px;padding:22px;display:grid}.step-no{color:var(--cyan);font-family:var(--mono);letter-spacing:.1em;font-size:13px}.community{text-align:center;justify-items:center}.community .lead{max-width:640px;color:var(--muted);font-size:16px}.footer{max-width:var(--width);border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px 24px;margin:96px auto 0;padding:24px 20px 40px;font-size:13px;display:flex}.footer nav{gap:18px;margin-left:auto;display:flex}.footer a{color:var(--muted)}@media (width<=900px){.nav{display:none}.top{gap:12px}.top-actions{margin-left:auto}.hero{grid-template-columns:minmax(0,1fr);gap:32px;padding:40px 16px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 16px}.stat:nth-child(3){border-left:none}.stat:nth-child(n+3){border-top:1px solid var(--line)}.features,.modes,.steps{grid-template-columns:minmax(0,1fr)}.section{padding:64px 16px 0}}@media (width<=560px){.top .button.primary{display:none}.wordmark{font-size:15px}.stat{padding:18px 16px}.stat strong{font-size:24px}.actions .button.large{flex:100%}.footer nav{margin-left:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}