.section-1 {
    background-color: var(--primary-foreground);
}

.adas-explained {
    font-size: clamp(1.125rem, 2vw, 1.25rem);
    max-width: 56rem;
}

.adas-explained-2 {
    font-size: clamp(1rem, 2vw, 1.125rem);
    max-width: 56rem;
}

.section-2 {
    background-color: var(--section-background);
}

.adas-card-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 72rem;
    gap: 2rem;
}

.adas-card {
    background-color: var(--primary-foreground);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-soft);
    text-align: left;
    justify-content: start;
    align-items: start;
    padding: 1.5rem;
}

.adas-card-title {
    color: var(--primary);
}

.adas-card-subtitle {
    color: var(--sub-header);
}

.section-3 {
    background-color: var(--primary-foreground);
}

.adas-steps-container {
    flex-wrap: wrap;
    max-width: 58rem;
    gap: 2rem;
}

.adas-step {
    max-width: 18rem;
}

.step-number-container {
    width: 4rem;
    height: 4rem;
    background-color: var(--primary);
    color: var(--primary-foreground);
    border-radius: 50%;
}

.adas-step-subheader {
    color: var(--sub-header);
}

.section-4 {
    background-color: var(--bg-alt-color);
}

.safety-enhancement-card {
    background-color: var(--primary-foreground);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-soft);
    text-align: left;
    justify-content: start;
    align-items: start;
    max-width: 72rem;
    padding: 2rem;
}

.se-title-block {
    align-items: start;
    gap: 1rem;
}

.se-adjustment {
    width: 4rem;
    height: 4rem;
    font-size: 1.875rem;
    flex-shrink: 0;
    margin-bottom: 0;
}

.se-title-container {
    align-items: start;
    justify-content: start;
}

.se-title {
    color: var(--primary);
}

.se-subheader {
    color: var(--sub-header);
}

.se-bullet-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: 1rem;
}

.se-bullet {
    justify-content: start;
    align-items: baseline;
    font-size: .875rem;
}

.larger-bullet {
    justify-content: start;
    align-items: baseline;
}

.additional-se-container {
    align-items: stretch;
    max-width: 72rem;
    gap: 2rem;
}

.additional-se-card {
    justify-content: start;
    background-color: var(--primary-foreground);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-soft);
    text-align: left;
    padding: 2rem;
}

.additional-se-title-container {
    justify-content: start;
    gap: 1rem;
}

.red-theme {
    background-color: #FEE2E2;
}

.red-color {
    color: #EF4444;
}

.blue-theme {
    background-color: #DBEAFE;
}

.blue-color {
    color: #3B82F6;
}

.orange-theme {
    background-color: #ffedd5;
}

.orange-color {
    color: #F97316;
}

.dark-orange {
    color: #9a3412;
}

.orange-alt {
    color: #c2410c;
}

.orange-subheader {
    color: rgba(194, 65, 12, 0.7);
}

.ase-title {
    color: var(--primary);
}

.ase-subtitle {
    color: var(--sub-header);
}

.ase-bullet-container {
    gap: .75rem;
}

.calibration-container {
    align-items: start;
    gap: 1rem;
}

.calibration-card {
    background: linear-gradient(to right, #fff7ed , #fefce8 , #fff7ed);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-soft);
    border: 1px solid #fed7aa;
    text-align: left;
    max-width: 72rem;
    padding: 2rem;
}

.calibration-title {
    font-size: clamp(1.25rem, 2vw, 1.5rem);
}

.calibration-bullet-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    place-items: start;
    width: 100%;
    gap: 1.5rem;
}

.calibration-bullet-container {
    align-items: start;
    gap: .5rem;
}

.bullet-title {
    margin-bottom: .25rem;
}

.section-5 {
    background: var(--gradient-section);
}

.section-6 {
    background-color: var(--primary-foreground);
}

.section-6-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    place-items: start;
    width: 100%;
    max-width: 72rem;
    gap: 3rem;
}

.red-bg {
    background-color: #fef2f2;
}

.reb-border {
    border: 1px solid #fecaca;
}

.green-bg {
    background-color: #f0fdf4;
}

.green-border {
    border: 1px solid #adeac3;
}

.dark-green {
    color: #166534;
}

.green-txt {
    color: #15803D;
}

.dark-red {
    color: #991b1b;
}

.red-txt {
    color: #b91c1c;
}

.convince-bullet-block {
    justify-content: start;
    align-items: start;
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    gap: .5rem;
}

.convince-bullet-header {
    line-height: 1;
    margin-bottom: .25rem;
}

.convince-bullet {
    justify-content: start;
    align-items: baseline;
}

.convince-steps-container {
    flex-wrap: wrap;
    max-width: 72rem;
    margin-top: 4rem;
    gap: 3rem;
}

.convince-step {
    background-color: var(--primary-foreground);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-soft);
    padding: 1.5rem;
    justify-content: start;
    max-width: 22rem;
}

.convince-step-title {
    margin-bottom: .75rem;
}

.section-6-content-block {
    align-items: start;
}

.summary-block {
    background-color: var(--badge-background);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-soft);
    justify-content: start;
    align-items: start;
    max-width: 56rem;
    padding: 1.5rem;
    gap: .75rem;
}

@media (max-width: 64rem) {
    .adas-card-container {
        grid-template-columns: 1fr 1fr;
    }

    .section-6-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 53rem) {
    .calibration-bullet-block {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 46rem) {
    .additional-se-container {
        flex-direction: column;
    }
}

@media (max-width: 40rem) {
    .adas-card-container {
        grid-template-columns: 1fr;
    }

    .safety-enhancement-card {
        padding: 1.5rem;
    }

    .additional-se-card {
        padding: 1.5rem;
    }

    .calibration-card {
        padding: 1.5rem;
    }

    .se-bullet-block {
        grid-template-columns: 1fr;
    }

    .calibration-container {
        flex-direction: column;
    }
}