:root{
  --bg:#0b0b0c; --panel:#111214; --text:#f1f3f5; --muted:#9aa1a9;
  --brand:#ffcc00; --accent:#22c55e; --border:#1f232a;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,Segoe UI,Roboto,Helvetica,Arial}
a{color:var(--brand);text-decoration:none}
a.btn{background:var(--brand);color:#000;padding:10px 14px;border-radius:12px;border:1px solid #d4ae00;display:inline-block}
.container{max-width:1120px;margin:0 auto;padding:16px}
.site{background:var(--panel);border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;font-weight:800}
.logo{width:40px;height:40px;border-radius:8px;object-fit:cover;border:1px solid var(--border);background:#222}
.spacer{flex:1}
.hero{padding:28px 16px}
.hero .wrap{display:grid;gap:14px}
.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px}
.section-title{font-size:22px;margin:8px 0 14px}
.small{font-size:14px}
.muted{color:var(--muted)}
.grid{display:grid;gap:12px}
.cta-row{display:flex;gap:10px;flex-wrap:wrap}
label{display:block;margin-top:10px}
input,select,button{width:100%;padding:10px;background:#0e1012;border:1px solid var(--border);border-radius:10px;color:var(--text)}
button.primary{background:var(--accent);border-color:#12994a;color:#fff;cursor:pointer}
.price{font-size:22px;font-weight:800}
footer.site{border-top:1px solid var(--border);margin-top:24px}
.map{height:68vh;border-radius:14px;border:1px solid var(--border);overflow:hidden}
@media(min-width:720px){ .hero .wrap{grid-template-columns:1.2fr .8fr} }