/* Get early access */
[hidden] { display: none !important; }
.start-grid { display: grid; gap: clamp(32px, 5vw, 72px); grid-template-columns: 1fr; align-items: start; }
@media (min-width: 960px) { .start-grid { grid-template-columns: 1.25fr .75fr; } .start-side { position: sticky; top: 92px; } }
.start-form { display: block; }
.start-form .small { margin-top: 6px; }
.form-grid { display: grid; gap: 20px; grid-template-columns: 1fr; margin-top: 24px; }
@media (min-width: 640px) { .form-grid { grid-template-columns: 1fr 1fr; } }
.check-field .error { display: none; font-size: .8438rem; color: var(--danger); margin-top: 4px; }
.check-field.invalid .error { display: block; }
.check-field.invalid input { outline: 2px solid var(--danger); outline-offset: 2px; }
.check-field label { cursor: pointer; }
.start-form .btn { width: 100%; }
@media (min-width: 640px) { .start-form .btn { width: auto; min-width: 220px; } }
.form-success { display: grid; grid-template-columns: 32px 1fr; gap: 6px 14px; padding: 8px 0; outline: none; }
.form-success i { font-size: 2rem; color: var(--accent); grid-row: span 2; }
.form-success p { margin: 0; }
.form-error { margin-top: 16px; }
.start-side .ladder li { padding-bottom: 26px; }
.start-side .ladder .dot i { font-size: 1.1rem; }
.start-side .ladder .small { margin: 2px 0 0; }
.start-side .ladder li:not(.on) .dot { color: var(--ink-2); }
.form-grid .field { align-content: start; }