/* ALIA Gayrimenkul — Minimal, premium, responsive */
:root{
  --bg:#ffffff;
  --ink:#111827;
  --muted:#6b7280;
  --accent:#0ea5e9;
  --gold:#b08d57;
  --card:#f8fafc;
  --ring:#e5e7eb;
  --shadow: 0 10px 30px rgba(0,0,0,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}
a{color:var(--accent);text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:0 16px}

.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--ring);z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:12px;color:inherit}
.brand-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;border:1px solid var(--ring);box-shadow:var(--shadow);font-weight:800;font-size:1.3rem;background:linear-gradient(135deg,#fff, #f5f7fb)}
.brand-text{line-height:1}
.brand-title{font-family:'Playfair Display',serif;letter-spacing:.08em;font-weight:800;font-size:1.1rem}
.brand-sub{font-size:.7rem;color:var(--muted);letter-spacing:.2em}
.nav a{margin-left:16px;color:#111827}
.nav a:hover{color:var(--accent)}

.hero{position:relative;overflow:hidden}
.hero-inner{padding:72px 0; text-align:center}
.hero-badge{display:inline-block;padding:6px 10px;border:1px solid var(--ring);border-radius:999px;font-size:.8rem;color:var(--muted);background:#fff}
.hero h1{font-size:clamp(2rem,6vw,3.5rem);margin:.5rem 0 0;font-family:'Playfair Display',serif;letter-spacing:.02em}
.hero .accent{color:var(--gold)}
.subtitle{color:var(--muted);margin:.25rem 0 1.2rem}
.cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:14px 0 18px}
.btn{padding:12px 16px;border-radius:12px;border:1px solid var(--ring);display:inline-block}
.btn.primary{background:var(--ink);color:#fff;border-color:transparent}
.btn.outline{background:#fff}
.btn.ghost{background:#fff;opacity:.85}
.quick-list{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;color:var(--muted);font-size:.95rem}
.hero-bg{position:absolute;inset:auto -20% -30% -20%;height:55%;background:radial-gradient(60% 60% at 50% 0%, #e0f2fe, transparent), radial-gradient(50% 50% at 50% 100%, #f1f5f9, transparent)}

.about{padding:56px 0}
.grid-2{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:900px){.grid-2{grid-template-columns:1.2fr .8fr}}
.about h2{font-size:clamp(1.6rem,3vw,2rem);margin:0 0 .5rem}
.checklist{padding-left:18px}
.checklist li{margin:.4rem 0}
.card{background:var(--card);border:1px solid var(--ring);border-radius:16px;padding:18px;box-shadow:var(--shadow)}

.contact{padding:56px 0;background:#fff}
.contact-form{display:grid;gap:12px;margin-top:8px}
.form-row label{display:grid;gap:6px;font-size:.9rem}
input,textarea{width:100%;padding:12px;border-radius:12px;border:1px solid var(--ring);font:inherit;background:#fff}
.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}

.map-embed{border-radius:16px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--ring);background:#fff;margin-bottom:12px}
.map-embed iframe{width:100%;height:300px;border:0}
.contact-cards{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:600px){.contact-cards{grid-template-columns:repeat(3,1fr)}}
.mini-card{display:grid;gap:4px;border:1px solid var(--ring);border-radius:12px;padding:12px;background:#fff;box-shadow:var(--shadow);color:inherit}
.mini-title{font-size:.8rem;color:var(--muted)}
.mini-value{font-weight:600}

.site-footer{border-top:1px solid var(--ring);padding:22px 0;background:#fafafa;margin-top:24px}
.footer-inner{display:grid;gap:8px;justify-items:center;text-align:center}
.brand.mini .brand-icon{width:32px;height:32px}
.foot-links a{margin:0 10px;color:inherit}
.copy{color:var(--muted);font-size:.9rem}