.meter-page {
    padding-block: clamp(2.5rem, 5vw, 4.5rem) var(--space-16);
    background: var(--color-background);
}

.meter-page__inner {
    max-width: var(--container-max);
}

.meter-intro {
    max-width: none;
    margin-block-end: var(--space-6);
    text-align: center;
}

.meter-intro__eyebrow {
    width: 100%;
    max-width: none;
    margin-inline: auto;
    color: var(--color-mint);
    font-size: var(--text-xs);
    font-weight: var(--font-weight-semibold);
    letter-spacing: 0.12em;
    text-align: center;
    text-transform: uppercase;
}

.meter-intro h1 {
    max-width: 30ch;
    margin: var(--space-3) auto 0;
    font-size: clamp(2.75rem, 4.4vw, 4rem);
}

.meter-intro__lead {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    color: var(--color-text-secondary);
    font-size: clamp(1rem, 1.4vw, 1.2rem);
}

.meter-intro__trust {
    max-width: 1520px;
    margin: var(--space-3) auto 0;
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
}

.meter-after {
    padding-block-start: var(--space-6);
    text-align: center;
}

.meter-intro__trust a,
.meter-disclaimer a {
    color: var(--color-cyan);
}

.meter-disclaimer {
    max-width: 100rem;
    margin: var(--space-5, 1.25rem) auto 0;
    padding: var(--space-3) var(--space-4);
    border: 1px solid color-mix(in srgb, var(--color-warning) 32%, var(--color-border));
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--color-warning) 6%, var(--color-surface));
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
}

.meter-disclaimer strong {
    color: var(--color-text);
}

@media (max-width: 48rem) {
    .meter-page {
        padding-block: var(--space-8) var(--space-12);
    }

    .meter-intro {
        margin-block-end: var(--space-4);
        padding-inline: var(--page-gutter);
    }

    .meter-intro h1 {
        max-width: 30ch;
        font-size: clamp(1.45rem, 6.1vw, 2rem);
        letter-spacing: -0.035em;
    }

    .meter-intro__eyebrow {
        font-size: 0.6875rem;
        letter-spacing: 0.09em;
    }

    .meter-after {
        padding-inline: var(--page-gutter);
        padding-block-start: var(--space-5, 1.25rem);
    }
}