:root {
    color-scheme: dark;
    --site-bg: #111312;
    --site-panel: #181a18;
    --site-panel-raised: #20231f;
    --site-text: #f2f1eb;
    --site-muted: #a6aaa4;
    --site-line: #30342f;
    --site-accent: #0093d1;
    --site-accent-strong: #8bd7f4;
    --site-accent-soft: #082536;
    --site-accent-warm: #f78f1e;
    --site-shadow: rgba(0, 0, 0, 0.28);
}

@media (prefers-color-scheme: light) {
    :root {
        color-scheme: light;
        --site-bg: #f5f6f4;
        --site-panel: #ffffff;
        --site-panel-raised: #eef2ee;
        --site-text: #20231f;
        --site-muted: #676d66;
        --site-line: #d9ded6;
        --site-accent: #0077a8;
        --site-accent-strong: #005f85;
        --site-accent-soft: #e4f5fb;
        --site-accent-warm: #c96500;
        --site-shadow: rgba(42, 49, 43, 0.12);
    }
}

* {
    box-sizing: border-box;
}

html {
    min-height: 100%;
}

body {
    margin: 0;
    min-height: 100vh;
    min-height: 100dvh;
    background: var(--site-bg);
    color: var(--site-text);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 15px;
}

.site-shell {
    width: min(100%, 820px);
    margin: 0 auto;
    padding: clamp(36px, 8vh, 84px) 22px 42px;
}

.site-brand {
    margin-bottom: clamp(34px, 7vh, 72px);
}

.site-brand img {
    display: block;
    width: min(238px, 72vw);
    height: auto;
}

.site-hero {
    max-width: none;
}

.site-hero h1 {
    max-width: none;
    margin: 0;
    font-size: clamp(1.65rem, 3.4vw, 2.45rem);
    line-height: 1.18;
    font-weight: 600;
    letter-spacing: 0;
}

.site-lede {
    max-width: none;
    margin: 20px 0 0;
    color: var(--site-muted);
    font-size: clamp(1rem, 2.4vw, 1.2rem);
    line-height: 1.55;
}

.site-proof {
    max-width: none;
    margin: 18px 0 0;
    color: var(--site-muted);
    font-size: 0.94rem;
    line-height: 1.55;
}

.site-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.site-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 9px 14px;
    border: 1px solid var(--site-line);
    border-radius: 6px;
    background: transparent;
    color: var(--site-accent-strong);
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
}

.site-button-primary {
    background: var(--site-accent-soft);
}

.site-button:hover,
.site-button:focus-visible {
    border-color: var(--site-accent-warm);
    color: var(--site-accent-warm);
    outline: 0;
}

.site-status {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin-top: clamp(38px, 8vh, 72px);
    padding-top: 18px;
    border-top: 1px solid var(--site-line);
    color: var(--site-muted);
}

.site-status h2 {
    margin: 0 0 7px;
    color: var(--site-text);
    font-size: 0.8rem;
    font-weight: 800;
}

.site-status p {
    margin: 0;
    font-size: 0.84rem;
    line-height: 1.5;
}

@media (max-width: 640px) {
    .site-shell {
        padding: 34px 18px 34px;
    }

    .site-status {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .site-button {
        width: 100%;
    }
}