:root{color-scheme:dark;--bg: #14161a;--surface: #1c1f25;--surface-2: #232730;--border: #323845;--text: #e8eaee;--muted: #aab0bc;--accent: #8ab4f8;--accent-strong: #a9c8fb;--on-accent: #0f1419;--danger: #ff9b9b;--ok: #8fdca8;--radius: 10px;--radius-lg: 16px;--maxw: 1080px;--measure: 68ch;--font: system-ui, -apple-system, "Segoe UI", "Hiragino Sans", "Yu Gothic UI", "Meiryo UI", "Noto Sans JP", Roboto, sans-serif;--font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:4.5rem}body{margin:0;background:var(--bg);color:var(--text);font:400 1rem/1.7 var(--font);overflow-wrap:anywhere}:lang(ja) body,body:lang(ja){line-break:strict;word-break:normal;overflow-wrap:anywhere}h1,h2,h3{line-height:1.25;margin:0 0 .6em;text-wrap:balance;font-weight:700}h1{font-size:clamp(2rem,1.2rem + 3.6vw,3.25rem);line-height:1.15;letter-spacing:-.02em}h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);letter-spacing:-.01em}h3{font-size:1.125rem}p,ul,ol{margin:0 0 1em}ul,ol{padding-left:1.4em}li{margin-bottom:.35em}a{color:var(--accent);text-underline-offset:.18em}a:hover{color:var(--accent-strong)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}code{font-family:var(--font-mono);font-size:.92em;background:var(--surface-2);padding:.1em .35em;border-radius:5px}.skip-link{position:absolute;left:.75rem;top:-4rem;z-index:100;background:var(--accent);color:var(--on-accent);padding:.6rem 1rem;border-radius:var(--radius);font-weight:600}.skip-link:focus{top:.75rem;color:var(--on-accent)}.wrap{width:min(100% - 2.5rem,var(--maxw));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.5rem;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:.6rem;color:var(--text);text-decoration:none;font-weight:700;font-size:1.125rem;letter-spacing:.01em}.brand img{width:28px;height:28px}.site-nav{display:flex;align-items:center;gap:.25rem 1.1rem;flex-wrap:wrap}.site-nav a{color:var(--muted);text-decoration:none;padding:.5rem .25rem;font-size:.9375rem}.site-nav a:hover{color:var(--text)}.site-nav .lang{border:1px solid var(--border);border-radius:999px;padding:.3rem .8rem;color:var(--text)}section{padding-block:clamp(3rem,6vw,5rem)}.section-lead{color:var(--muted);max-width:var(--measure)}.eyebrow{color:var(--accent);font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem}.hero{padding-block:clamp(2.5rem,6vw,5rem) clamp(2rem,4vw,3.5rem)}.hero-grid{display:grid;gap:2.5rem;align-items:center}@media(min-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}.hero .lead{font-size:1.125rem;color:var(--muted);max-width:40ch;max-width:var(--measure)}.cta-row{display:flex;gap:.75rem 1rem;flex-wrap:wrap;align-items:center;margin-block:1.75rem 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.9rem;padding:.6rem 1.4rem;border-radius:var(--radius);font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer;border:1px solid transparent;font-family:inherit;line-height:1.3}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-strong);color:var(--on-accent)}.btn-secondary{background:transparent;color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--surface-2);color:var(--text)}.btn[disabled]{opacity:.6;cursor:progress}.small{font-size:.875rem;color:var(--muted)}.hero-figure{margin:0}.hero-figure img{width:100%;height:auto;display:block;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface)}.hero-figure figcaption{margin-top:.5rem}.band{background:var(--surface);border-block:1px solid var(--border)}.cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));list-style:none;padding:0;margin:2rem 0 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.4rem 1.4rem 1.1rem;margin:0}.band .card{background:var(--bg)}.card h3{margin-bottom:.4em}.card p{color:var(--muted);margin:0}.note{border-left:3px solid var(--border);padding:.4rem 0 .4rem 1rem;color:var(--muted);font-size:.9375rem;max-width:var(--measure);margin-top:1.5rem}.two-col{display:grid;gap:2rem 3rem}@media(min-width:900px){.two-col{grid-template-columns:1fr 1fr}}.steps{max-width:var(--measure)}.steps li strong{display:block}.form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(1.25rem,3vw,2rem);max-width:40rem;margin-top:1.5rem}.field{margin-bottom:1.25rem}.field label,.field legend{display:block;font-weight:600;margin-bottom:.4rem;padding:0}fieldset{border:0;margin:0 0 1.25rem;padding:0;min-width:0}input[type=email]{width:100%;min-height:2.9rem;padding:.6rem .85rem;font:inherit;font-size:1rem;color:var(--text);background:var(--bg);border:1px solid #5a6273;border-radius:var(--radius)}.radios{display:flex;gap:.5rem 1.25rem;flex-wrap:wrap}.check{display:flex;gap:.65rem;align-items:flex-start}.check input{width:1.25rem;height:1.25rem;margin-top:.3rem;flex:none;accent-color:var(--accent)}.radios label{display:inline-flex;gap:.5rem;align-items:center;font-weight:400;min-height:2.5rem;margin:0}.radios input{width:1.15rem;height:1.15rem;accent-color:var(--accent)}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.status{margin-top:1rem;min-height:1.5rem;font-weight:500}.status[data-state=ok]{color:var(--ok)}.status[data-state=error]{color:var(--danger)}.field-hint{font-weight:400;color:var(--muted);font-size:.875rem}.site-footer{border-top:1px solid var(--border);padding-block:2.5rem;color:var(--muted);font-size:.9375rem}.site-footer nav{display:flex;gap:.25rem 1.5rem;flex-wrap:wrap;margin-bottom:1rem}.site-footer a{color:var(--text)}.doc{padding-block:3rem 5rem;max-width:var(--measure)}.doc h1{font-size:clamp(1.75rem,1.3rem + 2vw,2.4rem)}.doc h2{font-size:1.3rem;margin-top:2.2rem}.doc .meta{color:var(--muted);font-size:.9375rem}.todo{background:#3a3220;color:#ffd98a;padding:.05em .4em;border-radius:5px;font-family:var(--font-mono);font-size:.9em}table{border-collapse:collapse;width:100%;margin-bottom:1.5rem;font-size:.9375rem}th,td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted);font-weight:600}.release{border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.4rem;margin-bottom:1.25rem;background:var(--surface)}.release h3{margin-bottom:.2em}.release time{color:var(--muted);font-size:.875rem}.tag{display:inline-block;font-size:.75rem;font-weight:600;padding:.1rem .55rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);margin-left:.5rem;vertical-align:middle}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
