body{margin:0;font-family:Arial,sans-serif;background:#0f0f0f;color:#f5f5f5;line-height:1.6} .header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;position:sticky;top:0;background:#111;border-bottom:1px solid #222} .header a{color:#d4af37;text-decoration:none;margin-left:18px} .logo{font-weight:bold;font-size:22px} .hero{padding:120px 20px;text-align:center;background:linear-gradient(180deg,#111,#1a1a1a)} .hero-inner{max-width:900px;margin:auto} h1,h2,h3{font-weight:700} h1{font-size:56px;line-height:1.1;margin:20px 0} h2{font-size:40px} .lead{font-size:20px;color:#ccc;max-width:720px;margin:auto} .eyebrow{color:#d4af37;text-transform:uppercase;letter-spacing:2px;font-size:12px} .actions{margin-top:40px} .button{display:inline-block;padding:14px 24px;border:1px solid #d4af37;border-radius:8px;color:#fff;text-decoration:none;margin:10px} .primary{background:#d4af37;color:#111;font-weight:bold} .section{padding:90px 20px;max-width:1100px;margin:auto} .dark{background:#151515;border-radius:20px} .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:40px} article{background:#1d1d1d;padding:24px;border-radius:16px;border:1px solid #2b2b2b} article span{color:#d4af37;font-size:14px} .cta{text-align:center} footer{text-align:center;padding:40px 20px;color:#777;border-top:1px solid #222} @media(max-width:768px){.header{padding:16px;flex-direction:column}.header nav{margin-top:12px} h1{font-size:38px} h2{font-size:30px}}