.site-ground-page{min-block-size:100%}.demo{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start;gap:72px;padding-block:64px 96px;display:grid;position:relative}.demo-text{flex-direction:column;gap:24px;display:flex}.demo h1{color:var(--dm-page-bg);font-size:var(--site-size-display);line-height:1.08;font-weight:var(--dm-font-weight-semibold);letter-spacing:-.02em;text-wrap:balance}.demo-lead{max-inline-size:480px;color:var(--dm-door-link);font-size:var(--dm-font-size-section);text-wrap:pretty;line-height:1.55}.steps{flex-direction:column;margin:12px 0 0;padding:0;list-style:none;display:flex}.step{grid-template-columns:48px minmax(0,1fr);column-gap:20px;display:grid}.step-rail{flex-direction:column;align-items:center;display:flex}.step-number{box-sizing:border-box;border:1.5px solid var(--dm-brand);border-radius:var(--dm-radius-full);block-size:40px;inline-size:40px;color:var(--dm-brand);font-family:var(--dm-font-family-mono);font-size:var(--dm-font-size-strong);font-weight:var(--dm-font-weight-medium);flex:none;justify-content:center;align-items:center;display:flex}.step-first .step-number{background:var(--dm-brand);color:var(--dm-ink)}.step-line{background:var(--dm-site-lime-line);flex:1;min-block-size:24px;inline-size:2px}.step-last .step-line{background:0 0}.step-text{flex-direction:column;gap:6px;padding-block:6px 32px;display:flex}.step-when{color:var(--dm-brand);font-size:var(--dm-font-size-hint);font-weight:var(--dm-font-weight-semibold);letter-spacing:var(--dm-block-title-letter-spacing);text-transform:uppercase;align-self:flex-start}.step-head{color:var(--dm-page-bg);font-size:var(--site-size-heading);line-height:1.3;font-weight:var(--dm-font-weight-semibold)}.step-body{color:var(--dm-door-link);font-size:var(--dm-font-size-strong);line-height:1.55}.demo-mail{flex-direction:column;gap:16px;display:flex}.mail{background:var(--dm-surface);box-shadow:var(--dm-site-hero-sheet);color:var(--dm-ink)}.mail-head{border-block-end:1px solid var(--dm-border-contain);font-size:var(--dm-font-size-secondary);justify-content:space-between;align-items:center;padding-block:14px;padding-inline:22px;display:flex}.mail-address{border-block-end:1px solid var(--dm-site-rule);font-size:var(--dm-font-size-body);grid-template-columns:72px minmax(0,1fr);gap:8px 12px;padding-block:16px;padding-inline:22px;line-height:1.5;display:grid}.muted-ink{color:var(--dm-ink-muted)}.mono-address{font-family:var(--dm-font-family-mono);font-size:var(--dm-font-size-secondary)}.mail-fields{font-size:var(--dm-font-size-body);flex-direction:column;gap:10px;padding-block:18px 22px;padding-inline:22px;line-height:1.5;display:flex}.mail-field{border-block-end:1px dashed var(--dm-ink-line-out);grid-template-columns:minmax(110px,150px) minmax(0,1fr);align-items:baseline;gap:12px;padding-block-end:6px;display:grid}.mail-hint{color:var(--dm-ink-muted);font-size:var(--dm-font-size-secondary)}.demo .demo-send{block-size:48px;font-size:var(--dm-font-size-strong);justify-content:center;gap:8px}.demo-fallback{color:var(--dm-door-link);font-size:var(--dm-font-size-body);line-height:1.55}.mono-paper{color:var(--dm-page-bg);font-family:var(--dm-font-family-mono);font-size:var(--dm-font-size-secondary)}.demo-password{border-block-start:1px solid var(--dm-door-hairline);color:var(--dm-door-link);font-size:var(--dm-font-size-secondary);padding-block-start:12px;line-height:1.55}@media (width<600px){.demo{gap:48px;padding-block:32px 56px}.mail-head,.mail-address,.mail-fields{padding-inline:16px}.mail-field{grid-template-columns:minmax(0,1fr);gap:2px}}