:root{--bg:#0f1117;--bg-elev:#171a23;--border:#2a2e3c;--text:#f3f4f8;--text-dim:#b3b8c8;--text-mute:#838aa0;--accent:#4f8cff;--accent-fg:#ffffff;--radius:14px;--maxw:1000px}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--text);font-family:-apple-system,Hiragino Sans,Noto Sans JP,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.site-header{border-bottom:1px solid var(--border)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{font-weight:800;font-size:18px;letter-spacing:-.01em;text-decoration:none}.brand span{color:var(--accent)}.nav-links{display:flex;gap:20px;font-size:14px;color:var(--text-dim)}.nav-links a{text-decoration:none}.nav-links a:hover{color:var(--text)}.hero{padding:96px 0 64px;text-align:center}.hero h1{font-size:44px;line-height:1.2;letter-spacing:-.02em;font-weight:800;margin-bottom:20px}.hero h1 .accent{color:var(--accent)}.hero p{font-size:18px;color:var(--text-dim);max-width:620px;margin:0 auto 32px}.cta{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--accent-fg);text-decoration:none;font-weight:700;font-size:15px;padding:13px 26px;border-radius:999px}.cta:hover{filter:brightness(1.08)}.hero .note{margin-top:14px;font-size:13px;color:var(--text-mute)}.features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;padding:40px 0}.feature{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.feature h3{font-size:16px;margin-bottom:8px}.feature p{font-size:14px;color:var(--text-dim)}.pricing{padding:56px 0 40px;text-align:center}.pricing h2{font-size:30px;font-weight:800;margin-bottom:8px}.pricing .sub{color:var(--text-dim);margin-bottom:36px}.plans{display:grid;grid-template-columns:repeat(2,minmax(0,340px));grid-gap:20px;gap:20px;justify-content:center}.plan{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:28px;text-align:left}.plan.pro{border-color:var(--accent)}.plan .plan-title{font-size:14px;color:var(--text-dim);margin-bottom:6px}.plan .price{font-size:34px;font-weight:800}.plan .price small{font-size:14px;font-weight:500;color:var(--text-dim)}.plan .price .alt{display:block;font-size:13px;color:var(--text-mute);font-weight:500;margin-top:4px}.plan ul{list-style:none;margin:20px 0 0}.plan li{font-size:14px;color:var(--text-dim);padding:6px 0 6px 24px;position:relative}.plan li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}.site-footer{border-top:1px solid var(--border);margin-top:64px;padding:32px 0;color:var(--text-mute);font-size:13px}.site-footer .wrap{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;justify-content:space-between}.site-footer a{text-decoration:none;color:var(--text-dim)}.site-footer a:hover{color:var(--text)}.doc{padding:56px 0 40px}.doc h1{font-size:28px;margin-bottom:24px}.doc h2{font-size:18px;margin:28px 0 10px}.doc li,.doc p{color:var(--text-dim);font-size:15px;margin-bottom:10px}.doc ol,.doc ul{padding-left:22px;margin-bottom:10px}.doc .todo{background:rgba(255,180,60,.12);border:1px solid rgba(255,180,60,.4);color:#ffca7a;border-radius:8px;padding:2px 8px;font-size:13px}.doc table{width:100%;border-collapse:collapse;margin-bottom:16px}.doc td,.doc th{border:1px solid var(--border);padding:10px 12px;text-align:left;font-size:14px;color:var(--text-dim);vertical-align:top}.doc th{width:34%;color:var(--text);background:var(--bg-elev)}.center{text-align:center}@media (max-width:720px){.features,.plans{grid-template-columns:1fr}.hero h1{font-size:32px}}