:root{--ink:#202323;--red:#db3e27;--paper:#fff;--soft:#f2f4f2;--line:#dadeda;--muted:#616660}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:16px;line-height:1.9}
a{color:inherit;text-underline-offset:4px}
a:focus-visible{outline:3px solid #285ade;outline-offset:4px}
.skip{position:absolute;left:12px;top:-100px;background:#fff;padding:10px 14px;z-index:10}
.skip:focus{top:12px}
header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:20px max(6%,calc((100vw - 1120px)/2));border-bottom:1px solid var(--line);background:#fff}
.logo{text-decoration:none}
.logo img{display:block;width:170px;height:auto}
.logo span{display:block;margin-top:5px;font-size:9px;letter-spacing:.9px}
nav{display:flex;gap:24px;font-size:14px;font-weight:700}
main{max-width:900px;margin:0 auto;padding:80px 32px 110px}
.eyebrow{margin:0 0 16px;color:var(--red);font:700 13px/1.5 Arial,sans-serif;letter-spacing:.1em}
h1{margin:0 0 22px;font-size:clamp(38px,6vw,64px);line-height:1.35;letter-spacing:-.04em}
.lead{max-width:760px;margin:0;font-size:18px;line-height:2}
.summary{margin:45px 0;padding:30px;background:var(--soft);border-left:4px solid var(--red);border-radius:3px}
.summary p:last-child{margin-bottom:0}
section{margin-top:62px}
h2{margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:28px;line-height:1.5}
h3{margin:30px 0 10px;font-size:20px}
p,ul,ol{margin:0 0 20px}
li+li{margin-top:8px}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.button{display:inline-block;padding:13px 19px;border-radius:4px;background:var(--red);color:#fff;font-weight:700;text-decoration:none}
.button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}
.meta{color:var(--muted);font-size:14px}
.contact{padding:24px;border:1px solid var(--line);border-radius:4px}
footer{padding:35px max(6%,calc((100vw - 1120px)/2));background:var(--soft);font-size:13px}
.footer-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-bottom:12px}
footer p{margin:0}
@media(max-width:650px){header{align-items:flex-start;flex-direction:column;padding:18px 6%}nav{gap:12px 18px;flex-wrap:wrap}main{padding:55px 6% 80px}.lead{font-size:16px}.summary{padding:22px}h2{font-size:24px}}
