.demo-page__grid{display:grid;gap:2.5rem;align-items:start}@media (min-width:900px){.demo-page__grid{grid-template-columns:1fr 1fr}}.demo-page__eyebrow{display:inline-block;margin:0 0 1rem;padding:.2rem .55rem;font-size:.75rem;letter-spacing:.08em;color:var(--brand-speech);background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.22);border-radius:var(--radius-sm);text-transform:uppercase}.demo-page__perks{margin-top:1.25rem;padding-left:0;list-style:none;color:var(--color-text-muted)}.demo-page__perks li{position:relative;padding-left:1.35rem;margin-bottom:.5rem}.demo-page__perks li:last-child{margin-bottom:0}.demo-page__perks li:before{content:"✓";position:absolute;left:0;top:.05em;color:#3b82f6;font-size:.8125rem;font-weight:700;line-height:1.4}.demo-page__form{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.demo-page__label{display:flex;flex-direction:column;gap:.4rem}.demo-page__input:-webkit-autofill,.demo-page__input:-webkit-autofill:focus,.demo-page__input:-webkit-autofill:hover{-webkit-text-fill-color:#f8fafc;-webkit-box-shadow:inset 0 0 0 1000px #0b0f19;border:1px solid rgba(51,65,85,.6);-webkit-transition:background-color 9999s ease-out 0s;transition:background-color 9999s ease-out 0s}.demo-page__input:-webkit-autofill:focus{border-color:#3b82f6;-webkit-box-shadow:inset 0 0 0 1000px #0b0f19,0 0 0 1px rgba(59,130,246,.3)}.demo-page__submit{width:100%}.demo-page__error{margin:0;font-size:.75rem;color:#fbbf24}.demo-page__legal{margin:0;color:#94a3b8}.demo-page__legal-link{color:#94a3b8;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}.demo-page__legal-link:hover{color:#cbd5e1}