/* ===========================================================
   agent-agreement v1 (2026-10-19). Visual layer only, loaded after site.v2.css.
   The agreement text is untouched; it now sits in an elevated card over a deep-navy band.
   =========================================================== */
main {
  padding: 56px 0 88px;
  background: radial-gradient(80% 260px at 85% 0%, #1B3FA0 0%, rgba(27,63,160,0) 70%), linear-gradient(180deg, #0A1E5C 0%, #071645 240px, #F4F7FB 240px, #F7F9FC 100%);
}
main > .container {
  background: #fff; border-radius: 28px; border-top: 4px solid #2FD6B0;
  padding: 52px 60px 44px;
  box-shadow: 0 50px 90px -50px rgba(7,22,69,.55), 0 16px 32px -18px rgba(7,22,69,.22);
}
main h1 { color: #0A1E5C; line-height: 1.12; margin-bottom: 12px; }
main h2 { color: #0A1E5C; padding-top: 6px; }
.callout { border-left-color: #2FD6B0; background: #E6FBF5; color: #24474A; border-radius: 0 16px 16px 0; }
@media (max-width: 760px) {
  main { padding: 28px 0 56px; }
  main > .container { width: calc(100% - 24px); padding: 30px 20px 26px; border-radius: 22px; }
}