*{box-sizing:border-box}
body{font-family:'Helvetica Neue',Arial,sans-serif;margin:0;color:#e8eaed;background:#14161a;line-height:1.7;font-size:17px}
a{color:#ff5a36;text-decoration:none}a:hover{text-decoration:underline}
.top{background:#0e1013;border-bottom:3px solid #ff5a36;position:sticky;top:0;z-index:10}
.top .bar{max-width:1080px;margin:0 auto;padding:14px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
.top .brand{font-weight:800;font-size:20px;letter-spacing:.5px;color:#fff;text-transform:uppercase;margin-right:auto}
.top .brand b{color:#ff5a36}
.top nav{display:flex;flex-wrap:wrap;gap:8px 18px}
.top nav a{color:#c8ccd2;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}
.top nav a:hover{color:#fff;text-decoration:none}
.wrap{max-width:820px;margin:34px auto;padding:0 20px}
.hero{max-width:1080px;margin:40px auto 10px;padding:0 20px}
.hero h1{font-size:40px;line-height:1.15;color:#fff;margin:0 0 12px}
.hero p{font-size:19px;color:#aeb4bd;max-width:720px}
.eyebrow{color:#ff5a36;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;font-size:13px;margin-bottom:10px}
h1{font-size:34px;line-height:1.2;color:#fff;margin:0 0 10px}
article h2{font-size:24px;color:#fff;margin:32px 0 10px}
article h3{font-size:20px;color:#fff;margin:24px 0 8px}
.meta{color:#8b929c;font-size:14px;margin-bottom:26px;border-bottom:1px solid #262a31;padding-bottom:18px}
p{margin:0 0 16px}ul,ol{margin:0 0 16px;padding-left:22px}li{margin:7px 0}
.grid{max-width:1080px;margin:24px auto 60px;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.card{background:#1b1e24;border:1px solid #262a31;border-radius:10px;padding:22px 24px;transition:.15s}
.card:hover{border-color:#ff5a36;transform:translateY(-2px)}
.card .cat{color:#ff5a36;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.card h3{margin:8px 0 0;font-size:19px;color:#fff;line-height:1.35}
.card a{color:inherit}
.section-title{max-width:1080px;margin:44px auto 0;padding:0 20px;color:#fff;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;border-left:3px solid #ff5a36;padding-left:12px}
.related{border-top:1px solid #262a31;margin-top:44px;padding-top:22px}
.related .t{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}
.related a{display:block;color:#d6dae0;padding:7px 0;border-bottom:1px solid #1f232a}
.related a:hover{color:#ff5a36;text-decoration:none}
.back{display:inline-block;margin-bottom:16px;color:#8b929c;font-size:14px}
.catlist a{display:block;background:#1b1e24;border:1px solid #262a31;border-radius:8px;padding:15px 20px;margin:0 0 12px;color:#e8eaed;font-size:18px}
.catlist a:hover{border-color:#ff5a36;color:#fff;text-decoration:none}
footer{background:#0e1013;border-top:1px solid #262a31;margin-top:50px;padding:28px 20px;text-align:center;color:#7b828c;font-size:14px}
footer a{color:#aeb4bd}