:root{
  --bg:#F7F7F7; --paper:#FFFFFF; --ink:#0F0F0F; --soft:#5A5A6A; --faint:#9898A8;
  --accent:#E8360A; --accent-d:#B52A07; --accent-s:#FFF0EC;
  --line:#E5E5E5; --track:#EFEFEF;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:var(--bg);color:var(--ink);font-weight:500;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--accent-d)}
a:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
.top{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1.5px solid var(--ink)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;text-decoration:none;color:var(--ink)}
.brand img{height:34px;width:auto}
.top nav{display:flex;gap:20px;font-weight:700;font-size:15px}
.top nav a{text-decoration:none;color:var(--soft)}
.top nav a:hover,.top nav a[aria-current]{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
@media(max-width:560px){.top nav{gap:12px;font-size:14px}}
main{padding:52px 0 80px}
.kicker{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.kicker::after{content:'';display:block;width:28px;height:2px;background:var(--accent);opacity:.4;border-radius:2px}
h1{font-size:clamp(32px,5vw,52px);line-height:1.03;letter-spacing:-.04em;font-weight:800}
.updated{color:var(--faint);font-size:14px;font-weight:600;margin:10px 0 32px}
.lead{font-size:19px;color:var(--soft);margin-bottom:28px;line-height:1.65}
h2{font-size:22px;letter-spacing:-.02em;font-weight:800;margin:40px 0 10px;padding-top:22px;border-top:1.5px solid var(--ink)}
h3{font-size:17px;font-weight:800;color:var(--ink);margin:22px 0 6px}
p,li{color:var(--soft)}
p+p{margin-top:12px}
ul{margin:10px 0 0 22px;display:grid;gap:6px}
strong{color:var(--ink);font-weight:700}
.box{background:var(--accent-s);border:1px solid var(--accent);border-radius:16px;padding:18px 22px;margin:24px 0}
.box p{color:var(--ink)}
.fill{background:var(--track);padding:1px 6px;border-radius:6px;font-weight:700;color:var(--ink)}
.btn-mail{display:inline-flex;align-items:center;gap:8px;min-height:50px;padding:0 24px;border-radius:100px;background:var(--accent);color:#fff;font-weight:800;font-size:15px;text-decoration:none;margin-top:8px;transition:background .15s}
.btn-mail:hover{background:var(--accent-d)}
footer{border-top:1.5px solid var(--ink);padding:24px 0 48px;font-size:14px;color:var(--faint)}
footer nav{display:flex;flex-wrap:wrap;gap:8px 20px;font-weight:600;margin-bottom:10px}
footer nav a{color:var(--soft);text-decoration:none}
footer nav a:hover{color:var(--accent);text-decoration:underline}
