:root { --ink:#17191d; --paper:#f5f3ef; --red:#9f2028; --gold:#fac769; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"Segoe UI",Arial,sans-serif; }
.site-header { position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px max(24px,calc((100vw - 1120px)/2)); background:rgba(23,25,29,.97); color:#fff; }
.brand { color:#fff; font-size:21px; font-weight:900; letter-spacing:.04em; text-decoration:none; }
.brand span { color:var(--gold); }
.site-nav { display:flex; flex-wrap:wrap; gap:8px; }
.site-nav a { padding:10px 13px; border-radius:999px; color:#fff; font-size:14px; font-weight:700; text-decoration:none; }
.site-nav a:hover,.site-nav a[aria-current="page"] { background:var(--red); }
.hero { padding:88px 24px 70px; background:linear-gradient(135deg,#24272d,#0d0f12); color:#fff; text-align:center; }
.eyebrow { margin:0 0 12px; color:var(--gold); font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.hero h1 { max-width:900px; margin:0 auto 18px; font-size:clamp(38px,7vw,72px); line-height:1; letter-spacing:-.05em; }
.hero p { max-width:650px; margin:0 auto; color:rgba(255,255,255,.75); font-size:18px; line-height:1.65; }
.page-main { width:min(1120px,calc(100% - 40px)); margin:56px auto 90px; }
.grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.grid.four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.card { min-height:210px; padding:28px; border:1px solid #ddd9d2; border-radius:18px; background:#fff; box-shadow:0 12px 30px rgba(20,22,25,.06); }
.card.dark { background:#202329; color:#fff; }
.card.red { background:linear-gradient(145deg,#a31f27,#421014); color:#fff; }
.card h2,.card h3 { margin:0 0 12px; }
.card p { margin:0 0 12px; line-height:1.65; color:#555; }
.card.dark p,.card.red p { color:rgba(255,255,255,.78); }
.button { display:inline-flex; margin-top:10px; padding:11px 16px; border-radius:999px; background:var(--red); color:#fff; font-weight:800; text-decoration:none; }
.section-title { margin:0 0 28px; font-size:clamp(30px,5vw,48px); letter-spacing:-.04em; }
.site-footer { padding:30px 24px; background:#17191d; color:rgba(255,255,255,.7); text-align:center; }
@media(max-width:850px){ .site-header{align-items:flex-start;flex-direction:column}.grid,.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media(max-width:560px){ .site-nav{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.site-nav a{text-align:center}.grid,.grid.four{grid-template-columns:1fr}.hero{padding-top:60px} }