
:root{--ink:#0e1116;--muted:#5c6b7a;--acc:#0e7afe}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Inter,Arial,sans-serif;line-height:1.55;color:var(--ink);background:#f7f9fc}
.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#fff;border-bottom:1px solid #e6e9ee}
.brand{display:flex;gap:.75rem;align-items:center}.logo{width:40px;height:40px;border-radius:8px;background:#0e7afe}
.subtitle{margin:0;color:var(--muted);font-size:.9rem}.cta{background:var(--acc);color:#fff;padding:.6rem .9rem;border-radius:.6rem;text-decoration:none;font-weight:700}
.sticky-call{position:fixed;bottom:0;left:0;right:0;background:#0e7afe;box-shadow:0 -2px 8px rgba(0,0,0,.08);}
.sticky-call a{display:block;text-align:center;padding:.85rem 1rem;color:#fff;text-decoration:none;font-weight:800}
.hero{padding:2rem 1rem 1rem;max-width:980px;margin:0 auto;text-align:center}
.hero-img{width:100%;max-width:980px;height:auto;border-radius:.8rem;border:1px solid #e6e9ee;margin-bottom:1rem}
.hero.small{padding:1rem}
.actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}
.btn{display:inline-block;padding:.7rem 1rem;border-radius:.6rem;border:1px solid #d6dbe3;text-decoration:none;color:#0e1116;font-weight:700}
.btn.primary{background:var(--acc);border-color:var(--acc);color:#fff}
section{padding:1.2rem 1rem;max-width:1000px;margin:0 auto}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.card{background:#fff;border:1px solid #e6e9ee;border-radius:.8rem;padding:1rem;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.price-list{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}
.price-list li{display:flex;justify-content:space-between;background:#fff;border:1px solid #e6e9ee;border-radius:.6rem;padding:.6rem .9rem}
.note{color:var(--muted);font-size:.92rem;margin-top:.5rem}
.ticks{columns:2;gap:2rem}
.map iframe{width:100%;height:320px;border:0;border-radius:.8rem}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.8rem}
.gallery img{width:100%;height:220px;object-fit:cover;border-radius:.6rem;border:1px solid #e6e9ee;background:#fff}
.footer{padding:4rem 1rem 5rem;text-align:center;color:var(--muted)}
.areas{columns:2;gap:1.5rem}
label{display:block;margin:.6rem 0 .2rem;font-weight:700}
input,select,textarea{width:100%;padding:.7rem;border:1px solid #d6dbe3;border-radius:.6rem;background:#fff}
.form-msg{min-height:1.2rem;margin-top:.5rem;color:#5c6b7a}
.hidden{display:none}
@media (max-width:640px){.ticks,.areas{columns:1}}
