:root{
  --bg:#ffffff;
  --text:#111827;
  --muted:#6b7280;
  --primary:#0ea5a4;
  --container:1100px;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,Arial,sans-serif;margin:0;color:var(--text);background:var(--bg);line-height:1.5}
.container{max-width:var(--container);margin:0 auto;padding:1rem}
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.site-header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem}
.logo{font-weight:700;text-decoration:none;color:var(--text)}
.nav-toggle{display:none;background:transparent;border:1px solid #ddd;padding:.5rem 1rem;border-radius:6px}
.primary-nav .nav-list{list-style:none;margin:0;padding:0;display:flex;gap:1rem}
.primary-nav a{text-decoration:none;color:var(--text)}
.hero{padding:4rem 0;text-align:center;background:linear-gradient(180deg,rgba(14,165,164,0.08),transparent)}
.hero h1{font-size:clamp(1.6rem,4vw,2.8rem);margin:0 0 .5rem}
.hero p{color:var(--muted);margin:0 0 1rem}
.btn{display:inline-block;padding:.6rem 1rem;border-radius:6px;background:#fff;border:1px solid #ddd;color:var(--text);text-decoration:none}
.btn-primary{background:var(--primary);color:#fff;border:none}
.services-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}
.service-card{padding:1rem;border:1px solid #f0f0f0;border-radius:8px;text-align:center}
.service-icon{width:48px;height:48px}
.portfolio-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}
.portfolio-item img{width:100%;height:auto;display:block;border-radius:6px}
.site-footer{border-top:1px solid #eee;padding:1.5rem 0;margin-top:2rem}
.form-status{margin-top:.75rem;color:var(--muted)}
.team-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}
.team-member img{width:100%;height:auto;border-radius:8px}

@media(min-width:600px){
  .nav-toggle{display:inline-block}
  .primary-nav .nav-list{gap:1.25rem}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .portfolio-grid{grid-template-columns:repeat(2,1fr)}
  .team-grid{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:1024px){
  .nav-toggle{display:none}
  .services-grid{grid-template-columns:repeat(3,1fr)}
  .portfolio-grid{grid-template-columns:repeat(3,1fr)}
  .team-grid{grid-template-columns:repeat(3,1fr)}
}

/* Lightbox */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:opacity .2s}
.lightbox[aria-hidden="false"]{visibility:visible;opacity:1}
.lightbox img{max-width:90%;max-height:80%;border-radius:6px}
.lightbox-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#fff;font-size:2rem}

/* Forms */
input,textarea{width:100%;padding:.6rem;border:1px solid #ddd;border-radius:6px}
label{display:block;margin:.5rem 0 .25rem}
button[type="submit"]{cursor:pointer}

/* Utility */
.container{padding-left:1rem;padding-right:1rem}
