@media (max-width: 768px) {
    body[data-page="home"] {
        font-size: 15px;
    }

    body[data-page="home"] .hero-title {
        font-size: clamp(2rem, 8vw, 2.75rem);
        letter-spacing: -0.03em;
    }

    body[data-page="home"] .hero-description {
        font-size: 0.98rem;
    }

    body[data-page="home"] .keyboard-features-title {
        font-size: clamp(1.75rem, 7vw, 2.35rem);
    }

    body[data-page="home"] .keyboard-features-subtitle {
        font-size: 0.98rem;
    }

    body[data-page="home"] .tech-stack-item {
        font-size: clamp(2rem, 9vw, 3rem) !important;
    }

    body[data-page="home"] .card-title {
        font-size: clamp(1.4rem, 6vw, 2rem);
    }

    body[data-page="home"] .card-desc {
        font-size: 0.95rem;
    }

    body[data-page="home"] .cta-section h2 {
        font-size: clamp(1.5rem, 6vw, 2rem);
    }

    body[data-page="home"] .cta-section p {
        font-size: 0.95rem;
    }

    body[data-page="home"] .btn-stripe-primary,
    body[data-page="home"] .btn-stripe-secondary,
    body[data-page="home"] .btn-keyboard-primary,
    body[data-page="home"] .cta-section .btn {
        font-size: 0.95rem;
        padding: 12px 24px;
    }
}