.invitation-band { background: var(--brand-blue-pale); padding-block: 65px; color: var(--brand-dark); }
.invitation-layout { display: grid; grid-template-columns: 1fr 1.45fr; align-items: center; gap: 72px; }
.invitation-layout h2 { font-size: clamp(30px, 3vw, 42px); white-space: pre-line; }
.invitation-layout p { font-size: 14px; line-height: 1.9; max-width: 700px; }
.invitation-layout .button-row { margin-top: 25px; }
.invitation-connect { background: var(--brand-green-dark); color: var(--brand-white); }
.invitation-connect h2, .invitation-connect .eyebrow { color: var(--brand-white); }
.invitation-connect .invitation-details { font-size: 12px; }
.invitation-connect .button { background: var(--brand-white); border-color: var(--brand-white); color: var(--brand-dark); }
.invitation-connect .button:hover { background: var(--brand-grey-pale); border-color: var(--brand-grey-pale); color: var(--brand-black); }
.whatsapp-request { gap: 12px; }
.whatsapp-request svg { flex-shrink: 0; width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.invitation-connect .button:focus-visible { outline-color: var(--brand-white); }
@media (max-width: 900px) {
  .invitation-layout { gap: 38px; grid-template-columns: 1fr 1.3fr; }
}
@media (max-width: 760px) {
  .invitation-band { padding-block: 45px; }
  .invitation-layout { grid-template-columns: 1fr; gap: 23px; }
  .invitation-layout p { font-size: 13px; }
  .whatsapp-request { padding-inline: 15px; font-size: 11px; text-align: left; }
  .whatsapp-request .arrow { margin-left: auto; }
}