:root { --max: 980px; --border:#e8e8e8; --muted:#555; }
* { box-sizing: border-box; }
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  line-height:1.5;
  color:#111;
  background:#fff;
}
.wrap{ max-width: var(--max); margin:0 auto; padding:64px 18px; }
.top{ display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.badge{
  font-size:12px;
  padding:6px 10px;
  border:1px solid var(--border);
  border-radius:999px;
  background:#fff;
}
h1{
  font-size:44px;
  line-height:1.08;
  margin:18px 0 10px;
  letter-spacing:-0.02em;
}
.sub{
  font-size:18px;
  color:#222;
  margin:0 0 18px;
}
.hr{ height:1px; background:var(--border); margin:22px 0; }
.kicker{
  display:inline-block;
  font-size:12px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:#333;
  border:1px solid var(--border);
  border-radius:999px;
  padding:6px 10px;
  margin-top:6px;
}
.grid{ display:grid; gap:14px; grid-template-columns: 1fr; margin:18px 0 8px; }
@media (min-width: 860px){ .grid{ grid-template-columns: 1fr 1fr; } }
.card{
  border:1px solid var(--border);
  border-radius:16px;
  padding:16px;
  background:#fafafa;
}
.card strong{ display:block; margin-bottom:6px; }
ul{ margin:10px 0 0 18px; }
li{ margin:4px 0; }
p{ margin:0 0 14px; }
.note{ color: var(--muted); font-size:13px; margin-top:10px; }

.cta{ display:flex; gap:10px; flex-wrap:wrap; margin-top:18px; }
.btn{
  display:inline-block;
  text-decoration:none;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid #111;
  font-weight:700;
}
.btn.primary{ background:#111; color:#fff; }
.btn.secondary{ border-color: var(--border); background:#fff; color:#111; }

.formwrap{
  margin-top:22px;
  border:1px solid var(--border);
  border-radius:16px;
  padding:16px;
  background:#fff;
}
.formgrid{ display:grid; gap:10px; grid-template-columns: 1fr; }
@media (min-width: 860px){ .formgrid{ grid-template-columns: 1fr 1fr; } }
label{ font-size:13px; color:#333; display:block; margin:0 0 6px; }
input, textarea{
  width:100%;
  padding:12px 12px;
  border:1px solid var(--border);
  border-radius:12px;
  font: inherit;
}
textarea{ min-height:110px; resize:vertical; grid-column: 1 / -1; }
.rowfull{ grid-column: 1 / -1; }
.small{ font-size:12px; color:#666; margin-top:10px; }
.footer{ margin-top:44px; padding-top:18px; border-top:1px solid var(--border); font-size:13px; color:#666; }
.smallcaps{ font-variant-caps: all-small-caps; letter-spacing:0.04em; }