:root{--blue: #2f6bff;--blue-deep: #0d4fd7;--sky: #13a8ea;--lime: #c8ff4d;--bg: #0a0a0b;--bg-soft: #101012;--card: #141416;--card-hover: #1b1b1f;--border: #26262a;--border-strong: #3a3a41;--text: #f2f3f5;--text-dim: #9ba0a8;--radius: 16px;--radius-sm: 10px;--maxw: 1200px;--font: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Noto Sans JP", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{overflow-x:hidden;max-width:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3{line-height:1.25;margin:0 0 .4em;font-weight:800;letter-spacing:-.01em}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}.section{padding:56px 0}.muted{color:var(--text-dim)}.grad{background:linear-gradient(100deg,var(--sky),var(--blue) 55%,var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{color:var(--sky);font-weight:700;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase}.nav{position:sticky;top:0;z-index:60;background:#0a0a0bc7;backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav-inner{position:relative;display:flex;align-items:center;gap:20px;height:64px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:1.18rem;flex-shrink:0}.brand img{height:32px;width:auto}.brand .wm{color:#fff}.brand .wm b{color:var(--sky);font-weight:800}.nav-links{display:flex;gap:22px;margin-left:auto;align-items:center;font-size:.92rem;font-weight:600}.nav-links a{color:var(--text-dim);transition:color .12s}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-yt{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,var(--blue),var(--sky));color:#fff!important;padding:8px 16px;border-radius:999px;font-weight:700}.nav-toggle{display:none;margin-left:auto;background:none;border:none;cursor:pointer;padding:8px;color:var(--text)}@media(max-width:760px){.nav-toggle{display:inline-flex}.nav-links{position:absolute;top:100%;left:0;right:0;margin-left:0;flex-direction:column;align-items:stretch;gap:0;background:#0e0e10;border-bottom:1px solid var(--border);padding:0 20px;max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-height .22s ease,opacity .18s ease,padding .22s ease}.nav-links.open{max-height:340px;opacity:1;pointer-events:auto;padding:8px 20px 18px}.nav-links>a{padding:13px 2px;border-bottom:1px solid var(--border);font-size:1rem}.nav-links .nav-yt{margin-top:14px;justify-content:center;border-bottom:none}}.btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:none;background:linear-gradient(135deg,var(--blue),var(--sky));color:#fff;font-weight:700;padding:13px 24px;border-radius:999px;font-size:.96rem;font-family:inherit;transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 8px 26px #2f6bff4d}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #2f6bff6b}.btn-ghost{background:transparent;border:1px solid var(--border-strong);color:var(--text);box-shadow:none}.btn-ghost:hover{background:var(--card-hover);border-color:var(--blue)}.chip{display:inline-block;background:var(--card);border:1px solid var(--border);color:var(--text-dim);padding:6px 14px;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .12s}.chip:hover{color:#fff;border-color:var(--border-strong)}.chip.active{background:linear-gradient(135deg,var(--blue),var(--sky));color:#fff;border-color:transparent}.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px}.sec-head h2{font-size:1.45rem;margin:0 0 4px}.sec-head p{margin:0;font-size:.9rem;color:var(--text-dim)}.sec-head a{color:var(--sky);font-weight:600;font-size:.9rem;white-space:nowrap}.sec-head a:hover{color:var(--lime)}.vgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}@media(max-width:1100px){.vgrid{grid-template-columns:repeat(4,1fr)}}@media(max-width:880px){.vgrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.vgrid{grid-template-columns:repeat(2,1fr);gap:12px}}footer{border-top:1px solid var(--border);padding:44px 0 40px;color:var(--text-dim);font-size:.88rem;background:var(--bg-soft)}footer .row{display:flex;gap:22px;flex-wrap:wrap;align-items:center}footer a:hover{color:var(--sky)}@media(max-width:640px){footer .row.top{flex-direction:column;align-items:flex-start}}.prose{max-width:720px}.prose h1{font-size:1.9rem;margin-bottom:18px}.prose p{color:var(--text-dim);font-size:1.02rem}