.professional-gate {
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: clamp(28px, 6vw, 76px) 24px;
  background: var(--ink);
  color: var(--white);
}
.professional-gate-card { width: min(100%, 760px); }
.professional-gate-logo { width: clamp(230px, 35vw, 320px); margin-bottom: 48px; }
.professional-gate .eyebrow { padding-top: 24px; border-top: 1px solid var(--rule); margin-bottom: 25px; }
.professional-gate h1 { font-size: clamp(2.8rem, 6vw, 4.4rem); line-height: 1.08; margin-bottom: 25px; max-width: 18ch; }
.professional-gate h1:focus { outline: none; }
.professional-gate-description { color: #d2d2c8; font-size: 1rem; max-width: 60ch; margin-bottom: 28px; }
.professional-gate-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.professional-gate-actions .button { width: 100%; min-height: 70px; font-size: 1rem; text-align: left; justify-content: space-between; gap: 12px; padding: 17px 22px; }
.professional-gate-actions .button:hover { transform: none; }
.professional-gate-actions .button small { display: block; font-size: .875rem; line-height: 1.6; font-weight: 400; margin-top: 4px; }
.professional-gate-actions .button > span:first-child { font: inherit; }
.professional-gate-note { margin: 24px 0 0; color: var(--muted); font-size: .875rem; line-height: 1.7; }
.professional-gate-note a { text-decoration: underline; text-underline-offset: 4px; white-space: nowrap; }
.professional-gate noscript p { border-left: 2px solid var(--gold); padding-left: 16px; margin-top: 24px; color: var(--white); }
.professional-reset { font: inherit; font-size: .875rem; color: inherit; border: 0; padding: 0; background: transparent; text-align: left; text-decoration: underline; text-underline-offset: 4px; }
.footer-bottom > div { flex-wrap: wrap; align-items: center; }
.professional-reset:hover { color: var(--gold); }
.professional-panel-footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; padding: 25px 32px; border-top: 1px solid var(--rule); font-size: .875rem; }
@media (max-width: 620px) {
  .professional-gate { padding: 32px 20px; }
  .professional-gate-logo { margin-bottom: 30px; }
  .professional-gate-actions { grid-template-columns: 1fr; }
  .professional-gate h1 { font-size: clamp(2.6rem, 9vw, 3.5rem); }
  .professional-gate-actions .button { padding: 16px 18px; }
  .professional-panel-footer { padding-inline: 20px; }
}
@media print {
  .professional-gate { min-height: 0; }
  #professional-content[hidden] { display: none !important; }
}