.signup {
        max-width: 720px;
        margin: 0 auto;
    }
    .signup-lede {
        font-size: 1.05rem;
        margin-bottom: 2rem;
    }
    .signup-options {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.25rem;
        margin: 0 0 2rem;
    }
    .signup-option {
        background: var(--surface);
        border: 1px solid var(--border);
        border-radius: var(--radius);
        padding: 1.75rem 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 0.85rem;
    }
    .signup-option h2 {
        margin: 0;
        font-size: 1.15rem;
    }
    .signup-option p {
        margin: 0;
        font-size: 0.95rem;
    }
    .signup-option .btn {
        margin-top: auto;
        align-self: flex-start;
    }
    .signup-option-primary {
        background: var(--teal-soft);
        border-color: var(--teal);
    }
    .btn-secondary {
        background: var(--surface-raised);
        color: var(--ink);
        border: 1px solid var(--border);
        padding: 0.7rem 1.5rem;
        font-size: 0.9rem;
        font-weight: 600;
    }
    .btn-secondary:hover {
        background: var(--surface);
        border-color: var(--ink-muted);
    }
    .signup-footnote {
        color: var(--ink-muted);
        font-size: 0.9rem;
        margin-top: 1.5rem;
    }
    @media (max-width: 600px) {
        .signup-options {
            grid-template-columns: 1fr;
        }
    }