:root{
  --accent:#F2B200;--deep:#A96D00;--ink:#111214;--muted:#5E6065;
  --paper:#F6F2EA;--soft:#FFF9EB;--line:rgba(17,18,20,.14);
  --shadow:0 18px 50px rgba(17,18,20,.10);--shadow-soft:0 10px 30px rgba(17,18,20,.07);
  --radius:26px;--max:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
.container{width:min(calc(100% - 32px),var(--max));margin-inline:auto}
.skip{position:fixed;top:8px;left:12px;z-index:999;background:#111;color:#fff;padding:9px 13px;border-radius:9px;transform:translateY(-150%)}
.skip:focus{transform:none}
:focus-visible{outline:3px solid #111;outline-offset:4px}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.header-inner{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{text-decoration:none;font-weight:900}
.header-nav{display:flex;gap:18px;align-items:center}
.header-nav a{text-decoration:none;font-size:13px;font-weight:800}
.header-cta{background:#111;color:#fff;padding:9px 14px;border-radius:999px}
.crumb{padding:18px 0 0;font-size:12px;color:var(--muted)}
.crumb a{text-underline-offset:3px}
.eyebrow{margin:0;font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--deep)}
.section{padding:82px 0}
.section-paper{background:var(--paper)}
.section-soft{background:var(--soft)}
.section-head{max-width:850px}
.section-title{margin:9px 0 0;font-size:clamp(29px,3.5vw,42px);line-height:1.25}
.section-lead{margin:18px 0 0;color:var(--muted);font-size:17px;max-width:810px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 19px;border-radius:999px;text-decoration:none;font-weight:900;border:1px solid var(--line)}
.btn-dark{background:#111;color:#fff;border-color:#111}
.btn-light{background:#fff}
@media(max-width:720px){
  .header-nav a:not(.header-cta){display:none}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}