:root{
  --black:#0C0C0C;
  --gold:#C6A76A;
  --ink:#111319;
  --paper:#FFFFFF;
  --smoke:#F4F2EC;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.6}
header{position:sticky;top:0;background:var(--paper);border-bottom:1px solid #e8e6df;z-index:10}
.nav{max-width:1100px;margin:auto;display:flex;align-items:center;gap:16px;padding:10px 16px}
.nav a.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.nav img{height:44px}
.nav .links{margin-left:auto;display:flex;gap:14px;flex-wrap:wrap}
.nav .links a{color:var(--black);text-decoration:none;font-weight:600;padding:8px 10px;border-radius:10px}
.nav .links a:hover{background:#f7f5ef}
.btn{display:inline-block;padding:10px 16px;border-radius:12px;border:2px solid var(--black);color:var(--paper);background:linear-gradient(135deg,var(--black),#1d1d1d);text-decoration:none;font-weight:800;letter-spacing:.02em}
.btn.gold{background:linear-gradient(135deg,var(--gold),#8E784B);border-color:transparent;color:var(--black)}
.hero{background:linear-gradient(180deg,#fff, var(--smoke));padding:60px 16px 40px}
.wrap{max-width:1100px;margin:auto}
.grid{display:grid;gap:20px}
@media(min-width:800px){.grid.cols-2{grid-template-columns:1fr 1fr} .grid.cols-3{grid-template-columns:repeat(3,1fr)}}
.card{border:1px solid #e8e6df;border-radius:16px;padding:20px;background:var(--paper);box-shadow:0 6px 18px rgba(0,0,0,.035)}
h1,h2,h3{color:var(--black);line-height:1.2}
h1{font-size:clamp(28px,5vw,44px)}
.lede{font-size:1.1rem;color:#2c2c34}
.badge{display:inline-block;border:1px solid var(--gold);color:var(--black);background:rgba(198,167,106,.18);padding:4px 10px;border-radius:999px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
section.dark{background:var(--black);color:#f2f2f2;padding:36px 16px}
section.dark h2{color:var(--gold)}
ul.tick{list-style:none;padding-left:0}
ul.tick li{padding-left:28px;position:relative;margin:8px 0}
ul.tick li::before{content:'◆';position:absolute;left:0;top:0;color:var(--gold);font-weight:900}
footer{border-top:1px solid #e8e6df;margin-top:40px;padding:30px 16px;color:#333}
footer a{color:var(--black)}
.small{font-size:.92rem;color:#555}
.kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:800}
label{font-weight:600} input,textarea,select{width:100%;padding:12px;border:1px solid #d8d5cb;border-radius:12px}
fieldset{border:1px solid #e8e6df;border-radius:14px}
legend{font-weight:800;color:var(--black)}
.notice{border-left:6px solid var(--gold);padding:12px 14px;background:#fff9ee;border-radius:8px}