:root{
  --bg:#0d0d0d; --ink:#f6f6f6; --muted:#bdbdbd; --gold:#c5a14d; --line:#222;
  --grid:1100px;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:var(--ink);text-decoration:none}
.container{max-width:var(--grid);margin:0 auto;padding:0 20px}

.top{position:sticky;top:0;background:rgba(13,13,13,.75);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px}
.logo-hori{height:28px;width:auto;display:block}
nav a{color:#cfcfcf;margin-left:16px}
nav a:hover{color:var(--ink)}

.hero{min-height:82vh;position:relative;display:flex;align-items:center;border-bottom:1px solid var(--line)}
.hero .bg{position:absolute;inset:0;background:url('./assets/hero.jpg') center/cover no-repeat;opacity:.22;filter:grayscale(100%) contrast(1.05)}
.hero .container{position:relative;padding:72px 20px}
.kicker{color:var(--gold);text-transform:uppercase;letter-spacing:1.6px;font-weight:700;margin-bottom:8px}
h1{font-size:clamp(36px,5vw,64px);line-height:1.06;margin:0 0 10px}
.lead{color:#dadada;max-width:780px}

.pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}
.p{background:#141414;border:1px solid #1e1e1e;border-radius:12px;padding:16px}
.p h3{margin:0 0 6px;font-size:1.05rem;color:var(--gold)}
.p p{margin:0;color:#d6d6d6}
.btn{display:inline-block;margin-top:10px;padding:12px 18px;border:1px solid var(--ink);border-radius:10px;font-weight:600}
.btn.gold{border-color:var(--gold);background:var(--gold);color:#0c0c0c}
.btn:hover{background:var(--ink);color:#0c0c0c}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}

.contact{padding:56px 0;border-top:1px solid var(--line)}
.contact h2{font-size:clamp(26px,3.2vw,40px);margin:0 0 6px}
form{display:grid;gap:10px;max-width:640px}
.input, textarea{width:100%;padding:13px;border-radius:10px;border:1px solid #262626;background:#121212;color:#ededed}
textarea{min-height:120px;resize:vertical}
.note{color:var(--muted);margin-top:10px}

.foot{border-top:1px solid var(--line);padding:18px 0;color:#c8c8c8}
.fbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}

@media (max-width:900px){
  .pillars{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .pillars{grid-template-columns:1fr}
}