:root{
  --red:#c20000;
  --red-soft:#e45a5a;
  --white:#ffffff;
  --gray:#555;
  --line:#e6e6e6;
  --font: system-ui,-apple-system,Segoe UI,Roboto,Arial;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font);background:var(--white);color:var(--red)}
a{color:var(--red);text-decoration:none;font-weight:700}
header{border-bottom:2px solid var(--red);padding:28px 16px;text-align:center}
.brand{display:flex;flex-direction:column;align-items:center;gap:12px}
.brand img{height:88px;width:auto}
.brand .name{font-size:20px;font-weight:900;text-transform:uppercase;letter-spacing:1px}
nav{margin-top:14px}
nav a{margin:0 12px;font-size:13px;text-transform:uppercase;color:var(--gray)}
nav a:hover{color:var(--red)}
main{max-width:900px;margin:0 auto;padding:56px 18px 52px}
h1{font-size:40px;line-height:1.1;margin:0 0 14px;font-weight:900;text-transform:uppercase}
p{color:var(--gray);line-height:1.7;font-size:16px}
.cta{margin-top:20px}
.cta a{display:inline-block;padding:16px 22px;border:2px solid var(--red);font-weight:900;text-transform:uppercase;font-size:14px}
.cta a:hover{background:var(--red);color:var(--white)}
.section{margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}
.list{list-style:none;padding:0;margin:0}
.list li{padding:14px 0;border-bottom:1px solid var(--line)}
.list li a{font-weight:900;text-transform:uppercase}
.meta{display:block;margin-top:6px;font-size:12px;color:var(--gray);text-transform:uppercase}
.ad{margin:34px 0;padding:18px;border:1px dashed var(--red-soft);text-align:center;color:var(--gray);text-transform:uppercase;font-size:12px}
footer{border-top:1px solid var(--line);padding:26px 18px;text-align:center;color:var(--gray);font-size:12px}
@media(max-width:720px){h1{font-size:34px}.brand img{height:70px}}