:root{
  --ink:#16232e; --muted:#5b6b78; --line:#e4e9ee; --bg:#f6f8fa;
  --brand:#0f3d5c; --brand2:#127ba3; --accent:#e8712f; --card:#fff;
}
*{box-sizing:border-box}
body{margin:0;font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--ink);background:var(--bg)}
a{color:var(--brand2);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1020px;margin:0 auto;padding:0 20px}
.wrap.narrow{max-width:680px}

.site-header{background:var(--brand);color:#fff}
.header-inner{display:flex;align-items:center;justify-content:space-between;
  padding:14px 20px;flex-wrap:wrap;gap:10px}
.brand{color:#fff;font-weight:800;font-size:20px;letter-spacing:.2px}
.site-header nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.site-header nav a{color:#dbe8f0;font-size:14px}
.site-header nav a:hover{color:#fff;text-decoration:none}

.btn{display:inline-block;background:var(--accent);color:#fff;font-weight:700;
  padding:12px 22px;border-radius:8px;border:0;cursor:pointer;font-size:16px}
.btn:hover{filter:brightness(1.05);text-decoration:none;color:#fff}
.btn-small{padding:8px 14px;font-size:14px}
.btn-ghost{background:#fff;color:var(--brand);border:1px solid var(--line)}

.hero{background:linear-gradient(160deg,#0f3d5c,#127ba3);color:#fff;
  padding:64px 0 56px}
.hero h1{font-size:40px;line-height:1.15;margin:0 0 14px;max-width:14ch}
.hero p.lead{font-size:19px;color:#dcebf3;max-width:60ch;margin:0 0 26px}
.hero .cta-row{display:flex;gap:12px;flex-wrap:wrap}

.section{padding:44px 0}
.section h2{font-size:26px;color:var(--brand)}
.stat-row{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0}
.stat{background:var(--card);border:1px solid var(--line);border-radius:12px;
  padding:18px 22px;flex:1;min-width:160px}
.stat .n{font-size:34px;font-weight:800;color:var(--accent)}
.stat .l{color:var(--muted);font-size:14px}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;
  padding:20px 22px}
.card h3{margin:.2em 0 .4em;color:var(--brand)}

.feed-table{width:100%;border-collapse:collapse;background:#fff;
  border:1px solid var(--line);border-radius:12px;overflow:hidden}
.feed-table th,.feed-table td{text-align:left;padding:11px 14px;
  border-bottom:1px solid var(--line);font-size:14px;vertical-align:top}
.feed-table th{background:#eef3f7;color:var(--brand);font-size:12px;
  text-transform:uppercase;letter-spacing:.4px}
.tag{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;
  border-radius:20px;text-transform:uppercase;letter-spacing:.3px}
.tag.just_opened{background:#e5f5ea;color:#1c7a3e}
.tag.opening_soon{background:#fdf0e3;color:#b45a12}
.tag.changing_hands{background:#e9eff7;color:#2a53a3}

.pricebox{background:#fff;border:2px solid var(--brand);border-radius:16px;
  padding:30px;max-width:420px;margin:20px auto}
.pricebox .price{font-size:44px;font-weight:800;color:var(--brand)}
.pricebox .price span{font-size:17px;color:var(--muted);font-weight:500}
.pricebox ul{padding-left:20px}
.pricebox li{margin:8px 0}
form.inline{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
input[type=email],input[type=text]{padding:12px 14px;border:1px solid var(--line);
  border-radius:8px;font-size:16px;flex:1;min-width:220px}
.flash{background:#e5f5ea;border:1px solid #b7e3c6;padding:10px 14px;
  border-radius:8px}
.err{background:#fdecea;border:1px solid #f5c2c0;padding:10px 14px;
  border-radius:8px;color:#a12b22}
.muted{color:var(--muted)}
.legal h1{color:var(--brand)}
.legal h2{color:var(--brand);font-size:19px;margin-top:1.6em}
.page{padding:40px 0}
.site-footer{background:#0d2c42;color:#a9c2d3;padding:30px 0;margin-top:40px;
  font-size:13px}
.site-footer a{color:#cfe2ee}
.site-footer p{margin:.5em 0;max-width:70ch}
.notice{background:#f0f6fb;border:1px solid #cfe1ee;border-radius:10px;
  padding:16px 18px;margin:18px 0}