
:root{
  --bg:#0b0b0c;
  --bg-2:#111114;
  --fg:#f5f5f7;
  --muted:#bdbdc7;
  --gold:#caa64b;
  --gold-2:#a4842b;
  --card:#151518;
  --shadow:0 10px 30px rgba(0,0,0,.35);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--fg);}

a{color:var(--gold);text-decoration:none}
a:hover{color:var(--fg)}

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

.nav{position:sticky;top:0;background:rgba(11,11,12,.8);backdrop-filter:saturate(180%) blur(8px);z-index:10;border-bottom:1px solid #1f1f22}
.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:700;color:var(--fg)}
.brand-icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(120deg,var(--gold),var(--gold-2));color:#000}
.brand-text{letter-spacing:.3px}
#menu-toggle{display:none}
.hamburger{display:none;font-size:24px;cursor:pointer}
.menu{display:flex;gap:1.2rem;align-items:center}
.menu a{color:var(--muted)}
.menu a:hover{color:var(--fg)}
.menu .cta{padding:.6rem 1rem;border-radius:999px;background:linear-gradient(120deg,var(--gold),var(--gold-2));color:#000;font-weight:700}

@media(max-width:860px){
  .hamburger{display:block}
  .menu{position:absolute;left:0;right:0;top:64px;background:var(--bg-2);flex-direction:column;padding:12px 20px;display:none;border-bottom:1px solid #1f1f22}
  #menu-toggle:checked ~ .menu{display:flex}
}

.hero{min-height:72vh;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 20%, #1b1b20 0, transparent 50%),linear-gradient(160deg, #0b0b0c 0, #0e0e10 100%);position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:var(--hero-bg);background-size:cover;background-position:center;opacity:.17;filter:grayscale(10%) contrast(105%)}
.hero-inner{position:relative;text-align:center;padding:6rem 0}
.hero h1{font-size:clamp(2rem,6vw,3.2rem);margin:0 0 8px}
.hero p{color:var(--muted);margin:0 0 20px}
.hero-cta{display:flex;gap:12px;justify-content:center}
.btn{display:inline-block;padding:.9rem 1.2rem;border-radius:12px;border:1px solid #2a2a2d;font-weight:700}
.btn-primary{background:linear-gradient(120deg,var(--gold),var(--gold-2));color:#000;border:none}
.btn-outline{background:transparent;color:var(--fg)}
.link{color:var(--gold);font-weight:600}
.trust-badges{display:flex;gap:12px;list-style:none;padding:0;justify-content:center;margin:18px 0 0;color:var(--muted);flex-wrap:wrap}

.strip{padding:40px 0;background:linear-gradient(180deg,transparent,rgba(255,255,255,.02))}
.strip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:var(--card);padding:22px;border-radius:16px;box-shadow:var(--shadow);border:1px solid #1c1c20}
.icon{font-size:28px;margin-bottom:8px}

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

.two-col{padding:40px 0}
.two-col-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center}
.two-col-img{min-height:380px;background-size:cover;background-position:center;border-radius:18px;border:1px solid #1f1f22;box-shadow:var(--shadow)}
.two-col-content h2{margin:0 0 8px;font-size:clamp(1.6rem,4vw,2.2rem)}
.two-col-content p{color:var(--muted)}

@media(max-width:900px){.two-col-inner{grid-template-columns:1fr}}

.cta-band{padding:54px 0;background:linear-gradient(120deg,rgba(202,166,75,.14),transparent)}
.cta-inner{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cta-inner h2{margin:0}

.page-hero{min-height:40vh;display:grid;place-items:center;position:relative;background:linear-gradient(160deg,#0b0b0c,#0f0f12)}
.page-hero::before{content:"";position:absolute;inset:0;background-image:var(--hero-bg);background-size:cover;background-position:center;opacity:.15}
.page-hero.small{min-height:32vh}
.page-hero-inner{text-align:center;position:relative}

.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:36px 0}
.svc{background:var(--card);padding:20px;border-radius:16px;border:1px solid #1f1f22}
.svc h3{margin-top:0}
@media(max-width:900px){.services-grid{grid-template-columns:1fr}}

.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:30px 0}
.gallery-grid figure{margin:0;background:var(--card);border-radius:12px;overflow:hidden;border:1px solid #1f1f22;box-shadow:var(--shadow)}
.gallery-grid img{display:block;width:100%;height:220px;object-fit:cover}
.gallery-grid figcaption{padding:8px 10px;color:var(--muted);font-size:.9rem}
@media(max-width:900px){.gallery-grid{grid-template-columns:1fr}}

.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:36px 0}
.contact-card{background:var(--card);padding:20px;border-radius:16px;border:1px solid #1f1f22}
.contact-list{list-style:none;padding:0;margin:0}
.contact-list li{margin:10px 0;color:var(--muted)}
.contact-card form{display:grid;gap:12px}
.contact-card input,.contact-card textarea{width:100%;padding:.8rem;border-radius:10px;border:1px solid #2a2a2d;background:#0f0f12;color:var(--fg)}
.muted{color:var(--muted);font-size:.9rem}

.notfound{padding:80px 0;text-align:center}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:26px;padding:36px 0}
.foot-bottom{padding:12px 0;border-top:1px solid #1f1f22;color:var(--muted)}
@media(max-width:900px){.foot-grid{grid-template-columns:1fr}}
