/* Merianda Estates - Responsive CSS (No JavaScript) */
:root{
  --brand-green:#159957;
  --brand-black:#111;
  --ink:#333;
  --bg:#f6f7fb;
  --card:#ffffff;
  --accent:#0f6;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  color:var(--ink);
  background:var(--bg);
  line-height:1.6;
}

/* Header / Logo */
.site-header{
  background:linear-gradient(180deg,#1e293b 0%, #0b172a 100%);
  color:#fff;
}
.header-inner{
  max-width:1100px; margin:0 auto; padding:18px 20px;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
}
.logo{
  text-decoration:none; display:flex; align-items:baseline; gap:10px;
}
.logo .monogram{
  display:inline-block;
  font-weight:800;
  letter-spacing:1px;
  font-size:28px;
  line-height:1;
  color:var(--brand-black);
  background:linear-gradient(90deg, var(--brand-green), #0aa34a);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  border:2px solid var(--brand-green);
  border-radius:12px;
  padding:6px 10px;
}
.logo .wordmark{
  display:block;
  color:#fff;
  font-weight:700;
  letter-spacing:0.3px;
}
.logo .wordmark small{
  display:block;
  font-weight:500; opacity:0.85; letter-spacing:1.2px;
}

/* Nav */
nav ul{list-style:none; margin:0; padding:0; display:flex; gap:22px; flex-wrap:wrap}
nav a{
  color:#dbeafe; text-decoration:none; font-weight:600; padding:8px 10px; border-radius:10px;
}
nav a[aria-current="page"], nav a:hover{background:#0b3b2b; color:#eaffef}

/* Hero */
.hero{
  max-width:1100px; margin:0 auto; padding:44px 20px 24px;
  display:grid; grid-template-columns:1.2fr; gap:24px;
  color:#0b172a;
}
.hero .topcard{
  background:var(--card); border-radius:18px; padding:28px; box-shadow:0 12px 30px rgba(2,6,23,.08);
}
.tagline{color:#334155; font-weight:600; font-size:14px; letter-spacing:1.2px; text-transform:uppercase}
h1{margin:6px 0 10px; font-size:36px; line-height:1.2; color:#0f172a}
.hero p{margin:0 0 12px}
.cta-row{display:flex; gap:12px; flex-wrap:wrap; margin-top:10px}
.button{
  display:inline-block; text-decoration:none; padding:12px 16px; border-radius:12px; font-weight:700;
  border:2px solid var(--brand-green); color:#063; background:#eafff3;
}
.button.outline{background:transparent; color:#e2e8f0; border-color:#84d8b2}
.badge{
  display:inline-block; padding:6px 10px; border-radius:999px; background:#052e22; color:#bff1d5; font-weight:700; font-size:12px;
}

/* Sections */
.section{max-width:1100px; margin:24px auto; padding:0 20px}
.cards{display:grid; grid-template-columns:repeat(3, 1fr); gap:18px}
.card{
  background:var(--card); padding:22px; border-radius:16px; box-shadow:0 8px 22px rgba(2,6,23,.06);
}
.card h3{margin:4px 0 8px; color:#0b172a}
.muted{color:#475569}

/* Investment stats */
.stats{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:16px}
.stat{background:#0b172a; color:#e2e8f0; border-radius:14px; padding:18px}
.stat strong{display:block; font-size:20px; color:#a7f3d0}

/* Footer */
.site-footer{background:#0b172a; color:#cbd5e1; margin-top:40px}
.footer-inner{max-width:1100px; margin:0 auto; padding:28px 20px}
.footer-grid{display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:18px}
.footer a{color:#cbd5e1; text-decoration:none}
.footer a:hover{text-decoration:underline}
.ft-legal{border-top:1px solid #1e293b; margin-top:16px; padding-top:12px; font-size:14px}

/* Forms */
form{max-width:720px; margin:0 auto}
label{display:block; font-weight:700; margin:12px 0 6px}
input, textarea{
  width:100%; padding:12px 14px; border:1px solid #cbd5e1; border-radius:12px; font:inherit; background:#fff
}
textarea{min-height:140px}
input[type="submit"]{
  cursor:pointer; background:var(--brand-green); color:#fff; border:none; font-weight:800
}

/* Tables */
table{width:100%; border-collapse:collapse; background:var(--card); border-radius:14px; overflow:hidden}
th, td{padding:12px 14px; border-bottom:1px solid #e2e8f0; text-align:left}
thead th{background:#eff6ff}

/* Utilities */
.lead{font-size:18px}
.grid-2{display:grid; grid-template-columns:1fr 1fr; gap:18px}
.notice{background:#ecfeff; border:1px solid #a5f3fc; padding:12px 14px; border-radius:12px}
.address{white-space:pre-line}

/* Responsive */
@media (max-width: 900px){
  .cards{grid-template-columns:1fr 1fr}
  .stats{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px){
  h1{font-size:28px}
  .cards{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
}