/* Logged-out homepage: hero, typewriter tagline and FAQ.
   Moved out of the inline <style> in templates/index.html (S1, 2026-11-13). */

.public-info {
    text-align: center;
    margin-top: 32px;
    margin-bottom: 20px;
}

.public-title {
    font-family: 'Press Start 2P', cursive;
    font-weight: bold;
    font-size: 2em;
    margin: 0;
}

/* Static, server-rendered subtitle: this is the copy search engines read. */
.public-subtitle {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.35em;
    line-height: 1.4;
    font-weight: 400;
    max-width: 820px;
    margin: 24px auto 0 auto;
    padding: 0 16px;
}


.login-container .secondary-login {
    display: block;
    margin-top: 12px;
    font-family: 'Space Grotesk', sans-serif;
    color: inherit;
    opacity: 0.8;
}

.login-container .secondary-login:hover {
    opacity: 1;
}

/* FAQ */
.landing-faq {
    width: 100%;
    max-width: 820px;
    margin: 64px auto 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
    text-align: left;
    font-family: 'Space Grotesk', sans-serif;
}

.landing-faq h2 {
    font-family: 'Press Start 2P', cursive;
    font-size: 1.1em;
    margin: 0 0 24px 0;
}

.landing-faq h3 {
    font-size: 1.1em;
    margin: 24px 0 8px 0;
}

.landing-faq p {
    margin: 0;
    line-height: 1.55;
    color: inherit;
}

@media (max-width: 768px) {
    .public-title {
        font-size: 1.5em;
    }

    .public-subtitle {
        font-size: 1.15em;
    }

}

/* Internal links in the FAQ and feature copy (SEO S5) */
.landing-faq a,
.feature-text a {
    color: inherit;
    text-decoration: underline;
}

/* Hero CTA sits right under the H2 and keeps space below the login link (founder request 2026-11-13).
   More specific than the inline .login-container rule in index.html. */
.public-info + .login-container {
    margin-top: 8px;
    margin-bottom: 64px;
}