.zynith-main {
    width: 100%;
    min-height: 60vh;
}

.zynith-main--constrained {
    box-sizing: border-box;
    max-width: var(--zynith-wide);
    margin-inline: auto;
    padding-inline: var(--zynith-page-padding);
}

.zynith-main--full-width,
.zynith-main--blank {
    max-width: none;
    padding: 0;
}

.zynith-page .zynith-section {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    min-height: 27vh;
    width: 100%;
    padding: var(--zynith-space-8) var(--zynith-page-padding);
    background:
        linear-gradient(
            180deg,
            rgba(39, 100, 255, 0.025) 0%,
            rgba(144, 32, 224, 0.015) 35%,
            transparent 100%
        ),
        #100e16;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.zynith-page .zynith-inner {
    width: min(100%, var(--zynith-wide));
    margin-inline: auto;
}

.zynith-page .zynith-content-width {
    width: min(100%, var(--zynith-content));
}

.zynith-page .zynith-grid {
    display: grid;
    gap: var(--zynith-space-4);
}

.zynith-page .zynith-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.zynith-page .zynith-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.zynith-page .zynith-grid--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.zynith-page .zynith-hero__actions {
    margin: 33px 0 30px;
    gap: 20px;
}

@media (max-width: 900px) {
    .zynith-page .zynith-grid--3,
    .zynith-page .zynith-grid--4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .zynith-page .zynith-section {
        padding-block: var(--zynith-space-7);
    }

    .zynith-page .zynith-grid--2,
    .zynith-page .zynith-grid--3,
    .zynith-page .zynith-grid--4 {
        grid-template-columns: 1fr;
    }
}