.otb {
  --otb-ink: var(--o-ink, #16181d);
  --otb-muted: var(--o-muted, #5c6570);
  --otb-line: var(--o-line, #e4e0d8);
  --otb-paper: var(--o-paper, #f6f4ef);
  --otb-orange: var(--o-orange-text, #9a3a00);
  color: var(--otb-ink);
  max-width: 760px;
}
.otb__kicker {
  color: var(--otb-orange);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin: 0 0 0.6rem;
}
.otb h2 { margin: 0 0 0.6rem; letter-spacing: -0.03em; }
.otb__lead { color: var(--otb-muted); margin: 0 0 1.25rem; }
.otb__form { display: grid; gap: 14px; }
.otb__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.otb__field { display: grid; gap: 6px; }
.otb__field label { font-weight: 600; font-size: 0.92rem; }
.otb input, .otb select, .otb textarea {
  width: 100%;
  min-height: 48px;
  border: 1px solid var(--otb-line);
  background: #fff;
  color: var(--otb-ink);
  border-radius: 4px;
  padding: 10px 12px;
  font: inherit;
}
.otb textarea { min-height: 140px; resize: vertical; }
.otb__btn {
  min-height: 48px;
  padding: 0 18px;
  border: 0;
  border-radius: 4px;
  background: var(--otb-ink);
  color: #fff;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  justify-self: start;
}
.otb__btn:hover { background: #c44700; }
.otb__note { background: var(--otb-paper); padding: 12px 14px; border-left: 3px solid var(--otb-ink); }
.otb__note--err { border-left-color: #8f2d2d; }
.otb__hint { color: var(--otb-muted); font-size: 0.92rem; margin: 0; }
.otb__hp { position: absolute; left: -9999px; height: 0; overflow: hidden; }
@media (max-width: 700px) {
  .otb__grid { grid-template-columns: 1fr; }
}