:root{--c-primary:#063390;--c-primary-dark:#052a76;--c-primary-darker:#041f57;--c-primary-soft:#e6ecf8;--c-primary-softer:#f2f6fd;--c-dark:#2e3b3c;--c-text:#2e3b3c;--c-text-muted:#5d6b6c;--c-text-subtle:#8a9697;--c-white:#fff;--c-bg:#fff;--c-bg-alt:#f5f7fb;--c-bg-band:#edf1f9;--c-border:#e1e7f2;--c-border-strong:#ccd5e8;--shadow-sm:0 1px 2px #2e3b3c0f;--shadow-md:0 6px 20px #2e3b3c14;--shadow-lg:0 18px 50px #2e3b3c1f;--shadow-card:0 4px 18px #2e3b3c12;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:26px;--r-pill:999px;--font-sans:"Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--fs-hero:clamp(2.1rem, 1.25rem + 3vw, 2.9rem);--fs-h2:clamp(1.6rem, 1.15rem + 1.9vw, 2.4rem);--fs-h3:clamp(1.15rem, 1rem + .6vw, 1.4rem);--fs-lead:clamp(1rem, .95rem + .3vw, 1.15rem);--fs-body:1rem;--fs-sm:.875rem;--fs-xs:.78rem;--maxw:1120px;--maxw-wide:1200px;--gutter:clamp(1rem, .5rem + 2vw, 2rem);--section-y:clamp(3.5rem, 2rem + 6vw, 6rem);--header-h:68px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 12px);-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-weight:400;font-size:var(--fs-body);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.75}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul[role=list]{padding:0;list-style:none}button{cursor:pointer;font-family:inherit}.container{width:100%;max-width:var(--maxw);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--section-y)}.section--band{background:var(--c-bg-alt)}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--c-primary-darker);margin-bottom:.75rem;font-weight:600;display:inline-block}.section-head{text-align:center;margin-inline:auto;max-width:720px;margin-bottom:clamp(2rem,1rem + 3vw,3.25rem)}.section-head h2{font-size:var(--fs-h2);letter-spacing:-.01em;color:var(--c-dark);font-weight:900;line-height:1.3}.section-head p{font-size:var(--fs-lead);color:var(--c-text-muted);margin-top:.9rem}.accent{color:var(--c-primary-darker)}.code-accent{font-family:var(--font-mono);background:var(--c-primary-soft);color:var(--c-primary-darker);border-radius:6px;padding:.08em .4em;font-size:.92em}.btn{font-weight:700;font-size:var(--fs-sm);border-radius:var(--r-pill);white-space:nowrap;border:2px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.4rem;line-height:1;transition:transform .12s,background .18s,box-shadow .18s,color .18s,border-color .18s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--c-primary);color:#fff;box-shadow:0 6px 16px #06339059}.btn--primary:hover{background:var(--c-primary-dark);box-shadow:0 10px 24px #0633906b}.btn--outline{color:var(--c-dark);border-color:var(--c-border-strong);background:#fff}.btn--outline:hover{border-color:var(--c-primary);color:var(--c-primary-darker)}.btn--ghost-light{color:#fff;background:#ffffff24;border-color:#ffffff8c}.btn--ghost-light:hover{background:#ffffff3d}.btn--white{color:var(--c-primary-darker);background:#fff}.btn--white:hover{box-shadow:var(--shadow-md)}.btn--lg{font-size:var(--fs-body);padding:1rem 1.7rem}.badge{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.02em;color:var(--c-primary-darker);background:var(--c-primary-soft);border:1px solid var(--c-primary);border-radius:var(--r-pill);align-items:center;gap:.4rem;padding:.34rem .7rem;font-weight:600;display:inline-flex}.badge--dev{color:#9a6b00;background:#fff5e1;border-color:#f0d28a}.card{border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);background:#fff}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important}}