:root{--bg: #ffffff;--bg-sidebar: #f4f5f7;--surface: #ffffff;--border: #e6e7ea;--text: #191919;--text-muted: #6b6f76;--text-faint: #a5a9b1;--accent: #4772fa;--accent-soft: #e8eefe;--overdue: #e5405e;--font: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", sans-serif;--radius-row: 6px;--radius-card: 10px;--max: 960px}@media (prefers-color-scheme: dark){:root{--bg: #191919;--bg-sidebar: #202020;--surface: #262626;--border: #333333;--text: #e8e8e8;--text-muted: #9a9ea6;--text-faint: #6a6e76;--accent: #5b83ff;--accent-soft: #2a3352}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.45;font-weight:400}img{display:block;max-width:100%;height:auto}a{color:var(--text);text-decoration:underline;text-underline-offset:2px}h1,h2,h3,p{margin:0}h1{font-size:32px;line-height:1.3;font-weight:600}h2{font-size:20px;line-height:1.4;font-weight:600}h3{font-size:16px;line-height:1.4;font-weight:600}.muted{color:var(--text-muted)}.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}section{border-top:1px solid var(--border);padding:64px 0}section:first-of-type{border-top:0}.sec-head{max-width:640px;margin-bottom:32px}.sec-head p{margin-top:8px;color:var(--text-muted)}header .wrap{display:flex;align-items:center;justify-content:space-between;height:56px}.brand{font-size:16px;font-weight:600;letter-spacing:0}.brand small{font-weight:400;color:var(--text-muted);margin-left:8px}header nav a{font-size:13px;color:var(--text-muted);text-decoration:none;margin-left:20px}header nav a:hover{color:var(--text)}.hero{padding:56px 0 64px}.hero h1{max-width:720px}.hero .lead{margin-top:16px;max-width:640px;font-size:16px;color:var(--text-muted)}.hero .shot{margin-top:48px}.form{margin-top:32px;max-width:520px}.form .row{display:flex;gap:8px}.form input[type=email]{flex:1;min-width:0;height:40px;padding:0 12px;font:inherit;font-size:14px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-row)}.form input[type=email]:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.form button{height:40px;padding:0 20px;white-space:nowrap;font:inherit;font-size:14px;font-weight:500;color:#fff;background:var(--accent);border:0;border-radius:var(--radius-row);cursor:pointer}.form button:disabled{opacity:.6;cursor:default}.form .note{margin-top:8px;font-size:13px;color:var(--text-muted)}.form .msg{margin-top:8px;font-size:13px;color:var(--overdue);min-height:1.45em}.form .trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-done{margin-top:32px;padding:12px 16px;max-width:520px;border:1px solid var(--border);border-radius:var(--radius-row)}.shot{border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;background:var(--bg-sidebar)}.shot img{width:100%}.shot-phone{border-radius:24px}.caption{margin-top:8px;font-size:13px;color:var(--text-muted)}.scene{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.scene+.scene{margin-top:56px}.scene:nth-child(2n) .scene-text{order:2}.scene h3{margin-bottom:8px}.scene .kicker{font-size:13px;color:var(--text-muted);margin-bottom:8px}.scene p{color:var(--text-muted)}.scene ul{margin:12px 0 0;padding-left:18px;color:var(--text-muted)}.scene li+li{margin-top:4px}.devices{display:grid;grid-template-columns:2fr 2fr 1fr;gap:16px;align-items:start}.devices .caption strong{font-weight:500;color:var(--text)}.device-notes{margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.device-notes h3{font-size:14px;font-weight:500;margin-bottom:4px}.device-notes p{color:var(--text-muted);font-size:13px}.input-demo{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center}.examples{margin:0;padding:0;list-style:none}.examples li{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--border)}.examples li:last-child{border-bottom:1px solid var(--border)}.examples code{font-family:var(--font);font-size:14px}.examples span{color:var(--text-muted);font-size:13px}table{width:100%;border-collapse:collapse}th,td{text-align:left;vertical-align:top;padding:12px 12px 12px 0;border-top:1px solid var(--border);font-size:14px}tr:last-child td,tr:last-child th{border-bottom:1px solid var(--border)}th{width:160px;font-weight:500;color:var(--text-muted)}td{color:var(--text)}.faq{max-width:720px}.faq details{border-top:1px solid var(--border)}.faq details:last-child{border-bottom:1px solid var(--border)}.faq summary{cursor:pointer;padding:14px 0;font-size:14px;font-weight:500;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--text-faint);font-size:16px}.faq details[open] summary:after{content:"−"}.faq details p{padding:0 0 16px;color:var(--text-muted)}footer{border-top:1px solid var(--border);padding:32px 0 48px;font-size:13px;color:var(--text-muted)}footer .wrap{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}@media (max-width: 720px){h1{font-size:26px}section{padding:48px 0}.hero{padding:32px 0 48px}.scene,.input-demo{grid-template-columns:1fr;gap:16px}.scene:nth-child(2n) .scene-text{order:0}.devices{grid-template-columns:1fr}.devices .phone-col{max-width:280px}.device-notes{grid-template-columns:1fr;gap:16px}.form .row{flex-direction:column}.form button{width:100%}header nav{display:none}th{width:96px}}