/* Tablet Medium Screens */
@media (max-width: 1024px) {
    .part1 h1 {
        font-size: 2.5rem;
    }

    /* Stack Manifesto Layout */
    .hero-div {
        grid-template-columns: 1fr;
        max-width: 640px;
        margin-left: auto;
        margin-right: auto;
        gap: 24px;
    }

    /* Two Column Cards */
    .cards {
        grid-template-columns: repeat(2, 1fr);
        gap: 22px;
    }

    #domains {
        grid-column: span 2;
    }
}

/* Mobile Screen Layout */
@media (max-width: 768px) {
    .hero-about {
        padding-top: 80px;
    }

    .part1 {
        padding: 30px 18px 45px;
    }

    .part1 h1 {
        font-size: 2.1rem;
        flex-direction: column;
        gap: 8px;
    }

    .hero-subtitle {
        font-size: 1rem;
        margin-bottom: 35px;
    }

    .part1-cards {
        padding: 28px 20px;
    }

    #about-para {
        padding: 28px 22px;
    }

    .part2 {
        padding: 50px 18px 60px;
    }

    .part2 h2 {
        font-size: 1.85rem;
    }

    .part2-subtitle {
        font-size: 0.98rem;
        margin-bottom: 35px;
    }

    /* Single Column Cards */
    .cards {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    #domains {
        grid-column: span 1;
    }

    .part2-cards {
        padding: 26px 20px;
    }

    .about-cta {
        padding: 30px 20px;
        margin: 40px auto 10px;
    }

    .about-cta p {
        font-size: 1rem;
    }

    .cta-btn {
        width: 100%;
        max-width: 280px;
        justify-content: center;
    }
}

/* Small Mobile Phones */
@media (max-width: 480px) {
    .part1 h1 {
        font-size: 1.75rem;
    }

    .part1 h1 .badge {
        font-size: 0.78rem;
        padding: 4px 10px;
    }

    .part1-cards,
    .part2-cards {
        padding: 22px 16px;
        border-radius: 16px;
    }

    .quote-mark {
        font-size: 2.4rem;
    }

    #about-para p {
        font-size: 0.94rem;
        line-height: 1.65;
    }

    .part2 h2 {
        font-size: 1.55rem;
    }

    .part2-cards h4 {
        font-size: 1.12rem;
    }

    .part2-cards p {
        font-size: 0.88rem;
    }
}