:root{
  --bg: #0b0c10;
  --panel: #111318;
  --ink: #e7e9ee;
  --muted: #aab0bd;
  --accent: #66d9a1;
  --accent-ink: #0a1b14;
  --line: #1c2027;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif}

.container{max-width:960px;margin:0 auto;padding:0 20px}

.site-header{position:sticky;top:0;background:rgba(11,12,16,.6);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);z-index:10}
.header-bar{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{color:var(--ink);text-decoration:none;font-weight:700;letter-spacing:.5px}
.nav a{color:var(--muted);text-decoration:none;margin-left:18px}
.nav a[aria-current="page"], .nav a:hover{color:var(--ink)}

.hero-minimal{
  position:relative;
  overflow:hidden;
  border-bottom:1px solid var(--line);
  text-align:center;
  z-index:0; /* establish stacking context */
}

.hero-inner{
  padding:72px 0 56px;
  display:flex;
  flex-direction:column;
  align-items:center;
  position:relative;
  z-index:1; /* ensure above bg shape */
}

.hero-minimal h1{font-size:clamp(28px,4vw,40px);margin:0 0 12px}
.lede{color:var(--muted);max-width:720px;margin:0 0 20px}

.cta-row{
  display:flex;
  gap:10px;
  justify-content:center;
  position:relative;
  z-index:1; /* ensure buttons are clickable */
}

.cta-row .btn{margin-right:0}

.hero-bg-shape{
  position:absolute;
  inset:auto -15% -30% -15%;
  height:260px;
  background:radial-gradient(1200px 260px at 50% 100%, rgba(102,217,161,.25), transparent 60%);
  z-index:0; /* behind content */
}

.value{padding:40px 0 64px}
.value-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.vcard{background:var(--panel);border:1px solid var(--line);padding:18px;border-radius:12px}
.vcard h3{margin:0 0 6px}

.page-title{margin:28px 0 16px}
.tiles{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.tile{display:flex;align-items:center;justify-content:space-between;text-decoration:none;background:var(--panel);border:1px solid var(--line);padding:16px 18px;border-radius:12px;color:var(--ink)}
.tile:hover{border-color:var(--accent)}
.tile-arrow{opacity:.8}

.card{background:var(--panel);border:1px solid var(--line);padding:18px;border-radius:12px;max-width:680px}
.field{margin-bottom:14px}
label{display:block;margin-bottom:6px;color:var(--muted)}
.req{color:#ff7d7d}
.opt{color:var(--muted)}
input,textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#0d0f14;color:var(--ink)}
input:focus,textarea:focus{outline:none;border-color:var(--accent)}
.btn{display:inline-block;padding:10px 14px;border-radius:10px;border:1px solid var(--line);color:var(--ink);text-decoration:none;background:#12151b}
.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}
.btn.primary:hover{filter:brightness(0.98)}

.form-msg{margin-top:10px;color:var(--muted)}
.form-msg.ok{color:var(--accent)}
.form-msg.err{color:#ff7d7d}

.site-footer{border-top:1px solid var(--line);margin-top:56px}
.site-footer .container{
  padding:22px 0;
  text-align:center;
}