/* A requested download replaces its form with a readable, keyboard-accessible result. */
.email-confirmation { --email-ink:#090c20; --email-muted:#52678d; color:var(--email-ink); max-width:600px; text-align:left; }
.email-confirmation .email-success-icon { display:grid; place-items:center; width:64px; height:64px; margin-bottom:16px; background:#e9f6ee; color:#14663b; border-radius:50%; }
.email-success-icon svg { width:40px; height:40px; }
.email-confirmation .email-success-label { margin:0 0 12px; color:#14663b; font-size:14px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.email-confirmation h2 { margin:0 0 20px; color:var(--email-ink); font-size:32px; font-weight:700; letter-spacing:-.03em; line-height:1.15; text-wrap:balance; }
.email-confirmation .email-recipient-label { margin:0 0 4px; color:var(--email-muted); font-size:16px; line-height:1.5; }
.email-confirmation .email-recipient { margin:0; font-size:18px; font-weight:650; line-height:1.4; overflow-wrap:anywhere; }
.email-confirmation .email-change { display:block; min-height:44px; margin:8px 0 16px; padding:8px 0; background:none; border:0; color:var(--email-muted); font:inherit; font-size:16px; text-align:left; text-decoration:underline; text-underline-offset:4px; }
.email-confirmation .email-next-step { display:flex; gap:16px; padding:20px; border:1px solid #c8d8f2; border-radius:12px; background:#f3f7ff; color:var(--email-muted); }
.email-next-step > svg { flex:0 0 28px; width:28px; height:28px; }
.email-confirmation .email-next-step h3 { margin:0 0 8px; color:var(--email-ink); font-size:18px; font-weight:650; letter-spacing:-.02em; line-height:1.4; }
.email-confirmation .email-next-step p { margin:0; color:var(--email-muted); font-size:16px; line-height:1.5; }
.email-confirmation .email-next-step .email-trial { margin-top:12px; font-size:14px; }
.email-confirmation .email-help { margin:24px 0 16px; color:var(--email-muted); font-size:16px; line-height:1.5; }
.email-confirmation .email-resend { display:block; width:100%; min-height:48px; padding:12px 16px; border:1px solid #8696b0; border-radius:10px; background:white; color:#202b42; font:inherit; font-size:16px; font-weight:600; line-height:1.4; }
.email-confirmation .email-resend:disabled { opacity:.65; cursor:not-allowed; }
.email-confirmation .email-resend-wait { margin:8px 0 0; color:var(--email-muted); font-size:14px; font-variant-numeric:tabular-nums; }
.email-resend-wait:empty { display:none; }
.email-confirmation .email-success-privacy { margin:12px 0 0; color:var(--email-muted); font-size:14px; line-height:1.5; }
.email-confirmation .email-success-followup { margin-top:24px; padding-top:20px; border-top:1px solid #dce6f6; }
.email-confirmation .email-success-followup p { margin:0 0 4px; font-size:16px; font-weight:650; }
.email-success-followup a { display:inline-flex; gap:12px; align-items:center; min-height:44px; color:var(--email-muted); font-size:16px; text-decoration:underline; text-underline-offset:4px; }
.email-success-followup svg { width:20px; height:20px; flex-shrink:0; }
.email-confirmation .email-success-requirements { margin:20px 0 0; color:var(--email-muted); font-size:14px; }
.email-confirmation :is(button,a,[tabindex]):focus-visible { outline:3px solid #004ed6; outline-offset:4px; }
.email-confirmation button:active:not(:disabled) { background:#edf3ff; }
@media (hover:hover) and (pointer:fine) {
  .email-confirmation .email-resend:hover:not(:disabled) { border-color:#52678d; background:#f3f7ff; }
  .email-confirmation :is(.email-change,a):hover { color:#004ed6; }
}
/* These styles apply only after the hero email was accepted by the provider. */
.landing .landing-hero[data-email-confirmed] { grid-template-columns:minmax(0,1fr); align-items:start; padding-block:32px; scroll-margin-top:var(--header-height); }
.landing-hero[data-email-confirmed] .hero-copy { max-width:600px; }
.landing-hero[data-email-confirmed] .hero-copy > :is(.eyebrow,h1,.hero-description),
.landing-hero[data-email-confirmed] :is(.hero-copy,.hero-art,.demo-link,.masthead-details) { display:none; }
.landing-hero[data-email-confirmed] .landing-actions { grid-column:1; grid-row:1; margin:0; }
.landing-hero[data-email-confirmed] .email-confirmation h2 { font-size:32px; }
@media (max-width:600px) {
  .email-confirmation .email-success-icon { width:48px; height:48px; margin-bottom:12px; }
  .email-success-icon svg { width:32px; height:32px; }
  .email-confirmation h2,.landing-hero[data-email-confirmed] .email-confirmation h2 { font-size:30px; margin-bottom:16px; }
  .email-confirmation .email-next-step { padding:16px; gap:12px; }
  .email-next-step > svg { flex-basis:24px; width:24px; height:24px; }
  .email-confirmation .email-help { margin-top:20px; }
  .landing .landing-hero[data-email-confirmed] { padding-block:24px; }
}