*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#0f172a;background:#ffffff}
img{max-width:100%;display:block}
a{color:#0ea5e9;text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.section{padding:64px 0}
.section.alt{background:#f8fafc}
.section-title{font-size:28px;margin:0 0 20px 0;color:#0f172a}
.tagline{color:#475569;margin:2px 0 0 0;font-weight:500}

.site-header{position:sticky;top:0;background:#ffffff;border-bottom:1px solid #e2e8f0;z-index:10}
.site-header .nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center;gap:14px}
/* .logo{width:78px;height:78px;object-fit:contain;border-radius:8px;border:1px solid #e2e8f0;background:#fff;padding:4px} */
.logo{width:78px;height:78px;object-fit:contain;}
nav a{margin-left:16px;font-weight:600;color:#0f172a}
.btn{display:inline-block;padding:12px 18px;border-radius:10px;border:none;background:#0ea5e9;color:#fff;font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.btn:hover{opacity:.95}
.btn-outline{color:#0f172a;border:1px solid #cbd5e1;background:transparent}
.btn-primary{background:#0ea5e9}

.hero{position:relative;min-height:58vh;background-size:cover;background-position:center}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(15,23,42,.55), rgba(15,23,42,.55))}
.hero-inner{position:relative;color:#fff;padding:96px 0 72px 0;text-shadow:0 2px 8px rgba(0,0,0,.25)}
.hero h2{font-size:42px;margin:0 0 16px 0}
.hero p{max-width:680px;font-size:18px;margin:0 0 24px 0}
.quick-contact{display:flex;gap:10px;align-items:center;margin-top:8px}
.quick-contact a{color:#fff;opacity:.95}

.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;background:#fff}
.card-img{height:150px;background-size:cover;background-position:center}
.card h4{margin:12px 14px 6px 14px}
.card p{margin:0 14px 16px 14px;color:#475569}

.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.gallery img{border-radius:10px;border:1px solid #e2e8f0}

.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}
.checklist{padding-left:18px;color:#0f172a}
.checklist li{margin:8px 0}

.contact{display:grid;grid-template-columns:1fr .6fr;gap:24px;align-items:start}
.contact-card{border:1px solid #e2e8f0;border-radius:14px;padding:18px;background:#fff}
.contact-form{border:1px solid #e2e8f0;border-radius:14px;padding:18px;background:#fff}
.contact-form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-form input,.contact-form textarea{width:100%;padding:12px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;color:#0f172a}
.contact-form button{margin-top:12px}
.form-note{font-size:14px;color:#475569;margin-top:8px}

.site-footer{background:#0f172a;color:#e2e8f0;padding:36px 0;margin-top:20px}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;display:flex;align-items:center;justify-content:space-between}
.footer-links a{color:#e2e8f0;margin-right:12px;}
.copy{font-size:14px;color:#cbd5e1}

@media (max-width:1000px){
  .cards{grid-template-columns:repeat(2,1fr)}
  .gallery{grid-template-columns:repeat(2,1fr)}
  .about-grid{grid-template-columns:1fr}
  .contact{grid-template-columns:1fr}
}
@media (max-width:560px){
  nav{display:none}
  .cards{grid-template-columns:1fr}
  .gallery{grid-template-columns:1fr}
  .hero h2{font-size:32px}
}