:root{--surgical:#ECEFF1;--graphite:#1B222A;--blue:#1F6FEB;--shadow:0 8px 24px rgba(0,0,0,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
.topbar{background:var(--graphite);color:#fff;padding:6px 0;font-size:.9rem}
header{position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid #e8edf3}
.nav{display:flex;justify-content:space-between;align-items:center;min-height:64px}
.brand{display:flex;gap:12px;align-items:center}.brand img{width:28px;height:28px}
nav ul{display:flex;gap:18px;list-style:none;padding:0;margin:0}
nav a{text-decoration:none;color:#222;padding:10px 8px;border-radius:10px}nav a:hover{background:#f1f5fb}
.call-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:var(--blue);color:#fff;text-decoration:none;box-shadow:var(--shadow)}
.hero{min-height:92vh;display:flex;align-items:center;background:linear-gradient(#fff,#f8fafc)}
.hero .inner{padding:80px 0}
h1{font-family:Montserrat,Inter,sans-serif;font-size:clamp(28px,4.8vw,44px);margin:.2em 0 .4em}
.lead{color:#2b3643;max-width:62ch}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.chip{background:var(--surgical);border-radius:999px;padding:8px 12px}
.section{padding:64px 0}
.card-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}
@media(max-width:960px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.card-grid{grid-template-columns:1fr}}
.card{border:1px solid #e8edf3;border-radius:12px;padding:18px;display:flex;gap:14px;align-items:center;box-shadow:var(--shadow);background:#fff}
.gallery-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}
@media(max-width:960px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.gallery-grid{grid-template-columns:1fr}}
.g-item{border:1px solid #e8edf3;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.g-item img{width:100%;display:block}
.status{font-weight:700;padding:6px 10px;border-radius:10px;margin-left:8px;border:1px solid #cde}
.status.open{background:#e6fff7;color:#006b56;border-color:#9fd6c7}.status.closed{background:#ffecec;color:#8b1a1a;border-color:#f2b5b5}
footer{padding:40px 0;border-top:1px solid #e8edf3}