/* Brand: MS Tech Consulting (no build tools) */
:root{
  --brand: #0d5469;
  --bg: #0a1b21;
  --text: #ecf2f4;
  --muted: #b9c6cc;
}

/* Hussar Nova webfont */
@font-face {
  font-family: "Hussar Nova";
  src: url("fonts/HussarNova-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hussar Nova";
  src: url("fonts/HussarNova-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ensure the site actually uses it */
html, body {
  font-family: "Hussar Nova", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

*/
* { box-sizing: border-box; }
html, body { margin:0; padding:0; background:var(--bg); color:var(--text); font-family:"Hussar Nova", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
a { color:#a9e3f7; text-decoration:none; }
a:hover { text-decoration:underline; }

.container { max-width: 1100px; margin: 0 auto; padding: 0 16px; }

/* Header / Nav */
.site-header { position:sticky; top:0; background: #071419cc; backdrop-filter: blur(6px); border-bottom:1px solid #0e2b35; z-index:20; }
.brand { display:flex; align-items:center; gap:12px; padding: 14px 0; }
.brand img { height:40px; width:auto; border-radius:8px; background:#0b1f25; border:1px solid #113440; padding:4px; }
.brand .title { font-weight:700; letter-spacing:.4px; line-height:1; }

.nav { display:flex; gap:10px; }
.nav a { display:inline-block; padding:8px 12px; border-radius:12px; background:#0f2a33; color:#e7f5f9; border:1px solid #133945; }
.nav a.active, .nav a:hover { background: var(--brand); border-color: var(--brand); color:#fff; }

/* Hero */
.hero { background: radial-gradient(1200px 380px at left, rgba(12,73,91,.40), transparent 70%), #0a1b21; border-bottom:1px solid #0e2b35; }
.hero .inner { display:flex; gap:28px; padding: 48px 0; align-items:center; }
.hero h1 { font-size: clamp(28px, 4vw, 42px); margin:0 0 10px 0; line-height:1.15; }
.hero p { color: var(--muted); max-width: 60ch; }

.btn { display:inline-block; padding:10px 16px; border-radius:12px; background:var(--brand); color:#fff; border:1px solid var(--brand); font-weight:600; }
.btn.alt { background:transparent; border-color:#2a4b55; }

/* Sections */
.section { padding: 32px 0; }
.card { background:#0c1f25; border:1px solid #133945; border-radius:16px; padding:18px; }
.grid { display:grid; gap:16px; }
@media(min-width: 800px){ .grid-2 { grid-template-columns: 1fr 1fr; } }

/* Gold gradient text */
.gold {
  background: linear-gradient(90deg,#FFF2CC, #D9A441 30%, #B0792A 60%, #5C4720);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Forms */
label { display:block; font-size:14px; margin: 10px 0 6px; color:#dbe6ea; }
input, textarea {
  width:100%; padding:12px; border-radius:12px;
  border:1px solid #214c5b; background:#0b2027; color:#e7f5f9;
}
input:focus, textarea:focus { outline:2px solid var(--brand); border-color:var(--brand); }
form .row { display:grid; gap:12px; }
@media(min-width:800px){ form .row-2 { grid-template-columns: 1fr 1fr; } }
.small { font-size: 12px; color:#a7bdc6; }

/* Footer */
footer { border-top:1px solid #0e2b35; padding:20px 0; color:#a7bdc6; }