:root{--bg:#0a0a0f;--card:#16161f;--border:#2a2a3a;--accent:#6c63ff;--accent2:#ff6584;--accent3:#43e97b;--text:#e8e8f0;--muted:#b6b6cf}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:-apple-system,'Hiragino Sans','Noto Sans JP','Segoe UI',system-ui,sans-serif;line-height:1.8}a{color:inherit}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--border);background:rgba(10,10,15,.9);position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.logo{font-size:20px;font-weight:800;text-decoration:none;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;color:transparent}.back{font-size:14px;color:var(--muted);text-decoration:none}.back:hover{color:#fff}.hero{max-width:920px;margin:auto;padding:90px 24px 64px}.eyebrow{display:inline-block;color:#a9a4ff;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}.hero h1{font-size:clamp(34px,6vw,64px);line-height:1.2;letter-spacing:-.04em;margin-bottom:24px}.lead{max-width:760px;color:var(--muted);font-size:18px}.meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.tag{font-size:12px;padding:5px 12px;border:1px solid rgba(108,99,255,.3);background:rgba(108,99,255,.12);color:#b7b2ff;border-radius:99px}.content{max-width:920px;margin:auto;padding:0 24px 100px}.section{padding:48px 0;border-top:1px solid var(--border)}.section h2{font-size:clamp(24px,4vw,34px);margin-bottom:18px}.section p{color:var(--muted);margin-top:12px}.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.flow-card,.feature{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px}.flow-num{color:#8e87ff;font-size:12px;font-weight:800;margin-bottom:10px}.flow-card h3,.feature h3{font-size:16px;margin-bottom:8px}.flow-card p,.feature p{font-size:14px;margin:0}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px}.note{margin-top:26px;padding:20px 22px;border-left:3px solid var(--accent);background:rgba(108,99,255,.08);color:var(--muted);border-radius:0 12px 12px 0}.related{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px}.related a{display:block;text-decoration:none;background:var(--card);border:1px solid var(--border);padding:20px;border-radius:14px;font-weight:700}.related a:hover{border-color:var(--accent)}.cta{text-align:center;padding:56px 24px;background:linear-gradient(135deg,rgba(108,99,255,.14),rgba(255,101,132,.08));border:1px solid var(--border);border-radius:20px}.cta h2{margin-bottom:12px}.cta p{color:var(--muted);margin-bottom:24px}.button{display:inline-block;background:#06c755;color:#fff;text-decoration:none;font-weight:800;padding:13px 26px;border-radius:99px}footer{text-align:center;color:var(--muted);font-size:13px;padding:34px 20px;border-top:1px solid var(--border)}
@media(max-width:700px){.nav{padding:0 20px}.hero{padding-top:64px}.flow,.features,.related{grid-template-columns:1fr}.lead{font-size:16px}}