:root {
  --bg: #0a0a0a;
  --panel: #141414;
  --text: #17140d;
  --muted: #6b6459;
  --light: #f6f4f0;
  --white: #ffffff;
  --accent: #c8860f;
  --accent-bright: #e3a52e;
  --accent-dark: #a66c0a;
  --silver: #c7ccd1;
  --border: #e4e0d8;
  --radius: 18px;
  --shadow: 0 12px 30px rgba(0,0,0,.14);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background: var(--white);
  line-height: 1.55;
}
a { color: inherit; text-decoration: none; }
.container { width: min(1120px, calc(100% - 36px)); margin: 0 auto; }

.site-header {
  position: sticky; top: 0; z-index: 20;
  background: rgba(10,10,10,.97);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(200,134,15,.18);
}
.nav-wrap { min-height: 78px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:center; color:white; }
.brand-logo {
  display:block;
  width:58px;
  height:58px;
  object-fit:cover;
  object-position:center;
  border-radius:50%;
}
.hero-logo {
  display:block;
  width:min(210px, 55vw);
  height:auto;
  margin:0 auto 22px;
  border-radius:50%;
}

.nav { display:flex; align-items:center; gap:26px; color:#e6e6e6; font-size:.94rem; }
.nav a:hover { color:var(--accent-bright); }
.nav-cta { background:var(--accent); color:#111!important; padding:10px 15px; border-radius:10px; font-weight:800; }
.nav-cta:hover { background:var(--accent-bright); }
.menu-btn { display:none; background:none; border:0; color:white; font-size:1.6rem; }

.hero {
  background:
    radial-gradient(circle at 75% 30%, rgba(200,134,15,.16), transparent 28%),
    linear-gradient(135deg, #060606 0%, #131313 100%);
  color:white;
  padding:92px 0 84px;
}
.hero-grid { display:grid; grid-template-columns: 1.35fr .65fr; gap:64px; align-items:center; }
.eyebrow { color:var(--accent-bright); font-weight:900; letter-spacing:.12em; text-transform:uppercase; font-size:.78rem; margin:0 0 12px; }
.section-dark .eyebrow, .contact-section .eyebrow { color:var(--accent-bright); }
h1 { font-size:clamp(2.6rem, 6.4vw, 5.2rem); line-height:1.0; margin:0 0 24px; letter-spacing:-.04em; max-width:800px; }
h2 { font-size:clamp(2rem, 4vw, 3.2rem); line-height:1.05; margin:0 0 18px; letter-spacing:-.035em; }
h3 { margin:0 0 10px; font-size:1.2rem; }
.hero-copy { max-width:720px; font-size:1.18rem; color:#cfd0cf; margin-bottom:30px; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; }
.btn { display:inline-flex; justify-content:center; align-items:center; min-height:48px; padding:0 20px; border-radius:12px; font-weight:850; border:0; cursor:pointer; font-size:.98rem; }
.btn-primary { background:var(--accent); color:#111; }
.btn-primary:hover { background:var(--accent-bright); }
.btn-secondary { color:white; border:1px solid rgba(255,255,255,.24); }
.btn-secondary:hover { border-color:var(--accent-bright); color:var(--accent-bright); }
.trust-row { display:flex; flex-wrap:wrap; gap:24px; margin-top:34px; color:#a6a6a6; font-size:.9rem; letter-spacing:.04em; text-transform:uppercase; font-weight:700; }
.trust-row span::before { content:"✓"; color:var(--accent-bright); margin-right:7px; }

.hero-card {
  background:rgba(255,255,255,.05);
  border:1px solid rgba(200,134,15,.22);
  border-radius:var(--radius);
  padding:28px;
  box-shadow: var(--shadow);
  text-align:center;
}
.hero-card h2 { font-size:1.5rem; text-align:left; }
.hero-card ul { padding-left:20px; margin:16px 0; color:#d9d9d9; text-align:left; }
.hero-card li { margin:9px 0; }
.license-note { color:#9a9a9a; font-size:.82rem; border-top:1px solid rgba(255,255,255,.1); padding-top:16px; margin-top:20px; text-align:left; }

.stats { background:#fff; border-bottom:1px solid var(--border); }
.stats-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.stats-grid div { padding:24px 18px; border-right:1px solid var(--border); }
.stats-grid div:last-child { border-right:0; }
.stats strong, .stats span { display:block; }
.stats strong { font-size:1.08rem; }
.stats span { color:var(--muted); font-size:.9rem; margin-top:3px; }

.section { padding:86px 0; }
.section-intro { color:var(--muted); max-width:680px; margin:0 0 34px; font-size:1.05rem; }
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.card {
  border:1px solid var(--border); border-radius:var(--radius);
  padding:26px; background:#fff;
  border-top: 3px solid var(--accent);
}
.card p { color:var(--muted); margin:0; }

.section-dark { background:var(--bg); color:white; }
.section-dark .section-intro { color:#b0b0b0; }
.gallery { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.photo-placeholder {
  aspect-ratio:4/3; border-radius:var(--radius);
  background:
    linear-gradient(145deg, rgba(200,134,15,.18), rgba(255,255,255,.02)),
    #161616;
  border:1px solid rgba(200,134,15,.15);
  display:flex; align-items:flex-end; padding:20px;
}
.photo-placeholder span { font-weight:800; }

.two-col { display:grid; grid-template-columns: .9fr 1.1fr; gap:70px; align-items:start; }
.two-col p { color:var(--muted); font-size:1.05rem; }

.section-light { background:var(--light); }
.areas { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.areas span { background:white; border:1px solid var(--border); padding:10px 14px; border-radius:999px; font-weight:700; font-size:.92rem; }

.contact-section { background:#101010; color:white; }
.contact-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; }
.contact-section p { color:#bdbdbd; }
.contact-details { margin-top:30px; }
.contact-form { background:white; color:var(--text); border-radius:var(--radius); padding:26px; }
.contact-form label { display:block; font-weight:800; font-size:.9rem; margin-bottom:14px; }
.contact-form input, .contact-form textarea {
  width:100%; margin-top:6px; padding:12px 13px;
  border:1px solid #d8d3c9; border-radius:10px; font:inherit;
}
.contact-form textarea { resize:vertical; }
.contact-form .btn { width:100%; }
.form-note { color:#7a7568!important; font-size:.82rem; margin:12px 0 0; }

footer { background:#080808; color:#d0d0d0; padding:28px 0; border-top:1px solid rgba(200,134,15,.12); }
.footer-grid { display:flex; justify-content:space-between; gap:24px; align-items:center; }
.footer-brand { display:flex; align-items:center; gap:14px; }
.footer-logo { width:42px; height:42px; }
.footer-brand p { margin:0; color:#8f8f8f; font-size:.86rem; }
footer p { color:#8f8f8f; margin:4px 0 0; font-size:.86rem; }

@media (max-width: 850px) {
  .menu-btn { display:block; }
  .nav {
    position:absolute; left:18px; right:18px; top:76px;
    background:#111; padding:18px; border-radius:14px;
    flex-direction:column; align-items:stretch; gap:6px;
    display:none; box-shadow:var(--shadow);
  }
  .nav.open { display:flex; }
  .nav a { padding:10px 8px; }
  .hero { padding:68px 0 58px; }
  .hero-grid, .two-col, .contact-grid { grid-template-columns:1fr; gap:36px; }
  .cards, .gallery { grid-template-columns:1fr 1fr; }
}

@media (max-width: 600px) {
  .container { width:min(100% - 26px, 1120px); }
  .stats-grid { grid-template-columns:1fr; }
  .stats-grid div { border-right:0; border-bottom:1px solid var(--border); padding-left:0; }
  .cards, .gallery { grid-template-columns:1fr; }
  .section { padding:64px 0; }
  .hero-actions .btn { width:100%; }
  .trust-row { gap:12px 20px; }
  .footer-grid { align-items:flex-start; flex-direction:column; }
}