/* Minimal, clean, responsive styles */
:root{
  --bg:#0b0b0c;
  --fg:#0f172a;
  --ink:#0b1220;
  --text:#101318;
  --muted:#5b6575;
  --brand:#0ea5e9;
  --brand-ink:#0369a1;
  --paper:#ffffff;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
  color:var(--text);
  background:var(--paper);
  line-height:1.6;
}
a{color:var(--brand);text-decoration:none}
a:hover{color:var(--brand-ink)}
.site-header{
  position:sticky;top:0;z-index:10;
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 24px;background:#fff;border-bottom:1px solid #eef1f5;
}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:#0b1220}
.brand img{height:28px;width:auto}
.nav{display:flex;gap:18px;align-items:center}
.nav a{font-weight:600}
.btn{
  display:inline-block;padding:10px 16px;border:1px solid #dbe3ee;border-radius:10px;font-weight:600
}
.btn--primary{background:var(--brand);border-color:var(--brand);color:#fff}
.btn--primary:hover{background:var(--brand-ink)}
.hero{
  position:relative;min-height:62vh;display:grid;place-items:center;text-align:center;overflow:hidden;
}
.hero__bg{
  position:absolute;inset:0;
  background-image:linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.5)), url('assets/hero.jpg');
  background-size:cover;background-position:center;
  filter:saturate(1.05);
}
.hero__content{
  position:relative;color:#fff;padding:40px 20px;max-width:900px
}
.hero h1{font-size:clamp(28px,4vw,56px);margin:0 0 10px}
.hero p{font-size:clamp(16px,2.2vw,22px);opacity:.95;margin:0 0 18px}
section{padding:56px 20px}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;max-width:1100px;margin:0 auto}
.split__media img{width:100%;border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.12)}
.split__text h2, .features h2, .gallery h2, .contact h2{font-size:34px;margin:0 0 10px}
.bullets{padding-left:18px;margin:12px 0}
.features{background:#f8fafc}
.features .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;max-width:1100px;margin:0 auto}
.card{background:#fff;border:1px solid #eef1f5;border-radius:14px;padding:18px;box-shadow:0 6px 16px rgba(0,0,0,.05)}
.gallery .gallery__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;max-width:1100px;margin:10px auto 0}
.gallery img{width:100%;border-radius:12px}
.contact{text-align:center;background:#fff}
.contact .contact__cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:18px 0}
.small{color:#6b7280;font-size:13px}
.site-footer{border-top:1px solid #eef1f5;padding:24px 20px;display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.footer-links{display:flex;gap:12px}
@media (max-width:900px){
  .split{grid-template-columns:1fr}
}