html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.saas-hero > *,
.signup-shell > *,
.signup-card,
.signup-card input,
.signup-card select {
    min-width: 0;
}

.slug-field select {
    width: auto;
    max-width: 220px;
    margin: 0;
    border: 0;
    border-left: 1px solid #cbd7e5;
    border-radius: 0;
    background: #f2f5f9;
    font-size: 12px;
    font-weight: 800;
}

@media (max-width: 620px) {
    .saas-hero,
    .signup-shell {
        display: block;
        width: 100%;
    }

    .saas-hero-copy,
    .signup-copy,
    .signup-card {
        width: 100%;
        max-width: 100%;
    }

    .browser {
        transform: none;
    }

    .saas-hero h1,
    .signup-copy h1 {
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    .saas-hero h1 em {
        display: block;
        max-width: 310px;
    }

    .signup-copy h1 {
        font-size: 40px;
    }

    .signup-card {
        margin-top: 34px;
    }

    .slug-field select {
        width: 100%;
        max-width: none;
        border-left: 0;
        border-top: 1px solid #cbd7e5;
    }
}