/* Minimal styles to match the simple one-page look, accessible and responsive */
:root{
  --ink:#0d0d0d; --muted:#585858; --bg:#fff; --brand:#125e66; --brand-ink:#fff; --surface:#f6f8f9;
  --wrap:clamp(18rem, 92vw, 56rem); --radius:14px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
.wrap{width:var(--wrap);margin-inline:auto;padding:clamp(1rem, 4vw, 2rem)}
.brand{display:flex;align-items:center;gap:.6rem;margin-block:1rem 1.25rem;font-weight:800}
.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--brand);color:var(--brand-ink)}
.brand-text{font-size:1.15rem}
.title{font-size:clamp(2rem,6vw,3.2rem);line-height:1.1;margin:.25rem 0 .25rem}
.subtitle{font-size:clamp(1.35rem,3.8vw,2rem);font-weight:600;margin:.25rem 0 1rem;color:var(--ink)}
.lede{font-size:1.125rem;color:var(--muted);max-width:60ch}
.btn{display:inline-block;border:1px solid #ccc;border-radius:10px;padding:.6rem .95rem;text-decoration:none;color:inherit}
.btn-primary{background:var(--brand);border-color:transparent;color:var(--brand-ink)}
.btn-primary:hover{filter:brightness(.96)}
.hero-image{margin:2rem 0 1rem}
.hero-image img{width:100%;height:auto;border-radius:var(--radius);background:var(--surface)}
.contact{margin:2rem 0;background:var(--surface);padding:1rem;border-radius:var(--radius)}
.contact-form{display:grid;grid-template-columns:1fr;gap:1rem}
.contact-form label{display:grid;gap:.35rem}
.contact-form input,.contact-form textarea{padding:.8rem .9rem;border:1px solid #dadada;border-radius:10px;font:inherit}
.contact-form .full{grid-column:1 / -1}
.site-footer{margin-top:1.25rem;color:var(--muted);font-size:.95rem}
.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}