:root {
    color-scheme: light;
}

.header-section--center {
    background-color: var(--brand-50);
    padding-block-start: unset;
}

.header-section.header-section--center .supporting-text {
    color: var(--color-text-brand-secondary);
}

.features-section.features-section--tabs-mockup-09 .container:has(.content) .mockups {
    height: auto;
}

.features-section.features-section--tabs-mockup-09 .container:has(.content) .mockups .mockup--iphone-alt {
    display: block;
}

.features-section.features-section--tabs-mockup-09 .container:has(.content) .mockups .mockup--iphone {
    display: none;
}

.features-section.features-section--tabs-mockup-09 {
    padding-block-end: unset;
}

@media (min-width: 768px) {
    .features-section.features-section--tabs-mockup-09 {
        padding-block: clamp(calc(var(--spacing-7xl)* 1px), calc((var(--spacing-9xl) / var(--container-max-width-desktop))* 100* 1vw), calc(var(--spacing-9xl)* 1px));
    }

    .features-section.features-section--tabs-mockup-09 .container:has(.content) .mockups {
        height: calc(var(--width-md)* 1px);
    }

    .features-section.features-section--tabs-mockup-09 .container:has(.content) .mockups .mockup--iphone-alt {
        display: none;

    }

    .features-section.features-section--tabs-mockup-09 .container:has(.content) .mockups .mockup--iphone {
        display: block;
        height: 100%;
        inset: unset;
        transform: unset;
        width: auto;
    }
}