
:root{color-scheme:dark;--bg:#18191c;--panel:#202124;--text:#f2f2f2;--muted:#acafb5;--line:#3c4043;--accent:#f2a01a;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.85}a{color:inherit;text-underline-offset:4px}header{border-bottom:1px solid var(--line)}nav,main,footer{width:min(1160px,calc(100% - 48px));margin:auto}nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:82px}.brand{display:flex;gap:12px;align-items:center;font-size:25px;letter-spacing:-1px;font-weight:750;text-decoration:none}.brand img{width:30px;height:30px}.links{display:flex;gap:22px;align-items:center;font-size:13px;color:var(--muted)}.links a{text-decoration:none}.links a:hover{color:white}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:76px 0 68px}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--accent);font-weight:700}h1{font-size:clamp(32px,4.1vw,54px);line-height:1.4;letter-spacing:-.04em;margin:18px 0 24px}h1 em{color:var(--accent);font-style:normal}.lead{font-size:16px;color:var(--muted);max-width:580px}.badge,.button{display:inline-block;padding:10px 20px;border:1px solid var(--line);text-decoration:none;font-size:13px}.badge{background:var(--panel);color:var(--muted);margin:15px 10px 0 0}.button{margin-top:20px;background:var(--text);color:var(--bg);font-weight:700}.hero img{display:block;width:100%;height:auto;border:1px solid var(--line)}.section{padding:55px 0;border-top:1px solid var(--line)}h2{font-size:25px;line-height:1.4;letter-spacing:-.02em}h3{font-size:17px;margin:8px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature{padding:25px;border:1px solid var(--line);background:var(--panel)}.feature span{font-size:11px;color:var(--accent);letter-spacing:.12em}.feature p,.note{color:var(--muted);font-size:14px}.demo{max-width:760px;margin:28px auto 0}.demo video{width:100%;display:block;border:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;counter-reset:step}.step{padding-top:18px;border-top:1px solid var(--line)}.step:before{counter-increment:step;content:"0" counter(step);font-size:13px;color:var(--accent)}.prose{max-width:800px;padding:60px 0 80px}.prose h1{font-size:36px}.prose h2{margin-top:38px;font-size:21px}.prose p,.prose li{font-size:15px;color:#d0d2d6}.prose a{color:#f2a01a}.notice{padding:20px 24px;border-left:3px solid var(--accent);background:var(--panel)}footer{padding:30px 0 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}footer div{display:flex;gap:20px}.language{border:1px solid var(--line);padding:3px 9px}@media(max-width:760px){nav{min-height:72px}.links{gap:12px;font-size:11px}.hero{grid-template-columns:1fr;padding:45px 0;gap:32px}.hero img{max-width:560px}.grid,.steps{grid-template-columns:1fr;gap:16px}.section{padding:36px 0}footer{flex-direction:column}.brand{font-size:22px}.brand img{width:25px;height:25px}nav,main,footer{width:calc(100% - 36px)}.prose h1{font-size:29px}}
