/* Marketing layout only. Card, fields, typography, and button use product recipes. */
.beta-section{padding-block:120px 140px;scroll-margin-top:24px}
.beta-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(48px,6vw,96px)}
.beta-invitation-icon{display:block;width:72px;max-width:100%;height:auto;margin-bottom:40px}
.beta-invitation h2{font:400 clamp(44px,4.5vw,66px)/1 var(--serif);letter-spacing:-.025em;margin-bottom:26px}
.beta-invitation>p{color:var(--muted);font:400 16px/1.75 var(--sans);max-width:440px}
.beta-card{position:relative;padding:32px}
.beta-card-wordmark{position:absolute;top:24px;right:24px;width:128px;height:auto}
.beta-card-heading>p:first-child,.beta-card-heading>h3{padding-right:132px}
.beta-card-heading{display:grid;gap:12px;margin-bottom:28px}
.beta-card-heading>p:first-child{text-transform:uppercase;letter-spacing:.14em}
.beta-form{display:grid;gap:20px}
.beta-name-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.beta-submit{display:grid;gap:12px;margin-top:4px;text-align:center}
.beta-submit-button{width:100%}
.beta-modal{border:0;padding:0;margin:auto;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);background:transparent;color:inherit;overflow:auto;border-radius:16px;outline:none}
.beta-modal[open]{animation:nc-overlay-in 200ms var(--il-ease)}
.beta-modal::backdrop{background:rgba(0,0,0,.55);backdrop-filter:blur(6px);animation:nc-overlay-in 200ms var(--il-ease)}
.beta-modal-close{position:absolute;top:20px;right:20px;z-index:1}
.beta-modal .beta-card-wordmark{right:68px}
body.beta-modal-open{overflow:hidden}
@media(prefers-reduced-motion:reduce){.beta-modal[open],.beta-modal::backdrop{animation:none}}
/* Preserve the product's diffused field focus instead of the page's link outline. */
.beta-form input:focus-visible,.beta-form textarea:focus-visible{outline:none}
@media(max-width:800px){
  .beta-section{padding-block:72px 88px}
  .beta-layout{grid-template-columns:1fr;gap:40px;max-width:600px;margin-inline:auto}
  .beta-invitation-icon{width:56px;margin-bottom:32px}
  .beta-invitation>p{max-width:480px}
}
@media(max-width:480px){
  .beta-card{padding:24px 20px}
  .beta-card-wordmark{top:20px;right:20px;width:104px;height:auto}
  .beta-card-heading>h3{padding-right:0}
  .beta-modal-close{top:16px;right:16px}
  .beta-modal .beta-card-wordmark{right:60px;width:88px}
  .beta-name-fields{grid-template-columns:1fr;gap:20px}
}