:root{--ink:#171717;--orange:#f47a20;--paper:#f6f6f3;--card:#fff;--muted:#666}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink);line-height:1.6}
.wrap{max-width:980px;margin:auto;padding:0 24px}
.top{display:flex;justify-content:space-between;align-items:center;padding:28px 24px}
.brand{font-size:28px;font-weight:900;letter-spacing:-1px}.brand b{color:var(--orange)}
nav a{color:var(--ink);text-decoration:none;margin-left:22px;font-weight:600}
nav a:hover{text-decoration:underline;text-underline-offset:4px}
.hero{padding:92px 24px 70px}
h1{font-size:clamp(44px,7vw,78px);line-height:1.02;letter-spacing:-3px;margin:0 0 24px}
.lead{font-size:21px;max-width:720px;color:#3f3f3f}
.rule{height:5px;width:86px;background:var(--orange);margin:30px 0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:20px 24px 70px}
.card{background:var(--card);border-radius:18px;padding:26px;box-shadow:0 5px 24px rgba(0,0,0,.05)}
h2{font-size:24px;margin-top:0}
.notice{background:#202020;color:white;border-radius:18px;padding:28px;margin:30px 0 50px}.notice strong{color:#ff9a50}
footer{border-top:1px solid #ddd;padding:28px 0 50px;color:var(--muted);font-size:14px}
.legal{max-width:820px;padding:55px 24px 80px}.legal h1{font-size:48px;letter-spacing:-2px}.legal h2{margin:36px 0 8px}.legal ul{padding-left:24px}.legal li{margin:6px 0}
a{color:#b64d00}
@media(max-width:760px){.grid{grid-template-columns:1fr}.top{display:block}.top nav{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px 15px}.top nav a{margin:0}.hero{padding-top:55px}.legal h1{font-size:42px}}