*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background:#f7f8fb;color:#1f2f46}
nav{display:flex;justify-content:space-between;align-items:center;padding:18px 7%;position:sticky;top:0;background:#ffffffee;backdrop-filter:blur(8px)}
.logo{height:42px}.btn{text-decoration:none;border:1px solid #c9a227;padding:10px 16px;border-radius:24px;color:#123}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#0d2b52,#18467f);color:#fff;padding:110px 8%}.hero-content{max-width:700px;position:relative;z-index:2}.eyebrow{color:#d8b34a;font-weight:700;letter-spacing:2px}.hero h1{font-size:3.7rem}.gold{display:inline-block;margin-top:20px;background:#d8b34a;color:#0d2b52;padding:15px 24px;border-radius:8px;text-decoration:none;font-weight:700}.orb{position:absolute;right:-120px;top:-50px;width:420px;height:420px;background:radial-gradient(circle,#d8b34a55,transparent 70%);border-radius:50%}.wrap{max-width:1120px;margin:auto;padding:70px 8%}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.card,.brand{background:#fff;padding:24px;border-radius:16px;box-shadow:0 8px 22px rgba(0,0,0,.08)}.portfolio{background:#eef3fb}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.badge{display:inline-block;background:#0d2b52;color:#fff;padding:6px 12px;border-radius:20px;font-size:.8rem}.badge.gold{background:#c9a227}.center{text-align:center}blockquote{text-align:center;font-size:1.4rem;font-style:italic;color:#0d2b52}.contact{background:#0d2b52;color:#fff;text-align:center;padding:70px 8%}.contact a{color:#d8b34a}footer{text-align:center;background:#081d37;color:#fff;padding:24px}@media(max-width:768px){.hero h1{font-size:2.4rem}.portfolio-grid{grid-template-columns:1fr}}