/* Tablet and up styles (min-width: 768px) */

@media (min-width: 768px) {
    /* Container */
    .container {
        max-width: 720px;
    }

    /* Hero Section */
    .hero-section {
        padding-top: 70px;
    }

    .hero-title {
   
        line-height: 1.1;
        margin-bottom: 0.5rem;
        word-spacing:1rem;
        color: #000;
        text-transform: uppercase;
        position: relative;
        z-index: 1;
        text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
        background: linear-gradient(45deg, #000 30%, #0d6efd 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        padding: 0;
    }
    .text-orange {
        line-height: 1.1;
        margin-bottom: 0.5rem;
        color: #000;
        letter-spacing: -0.03em;
        position: relative;
        z-index: 1;
        text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
        background: linear-gradient(45deg, #ff5100 30%, #0d6efd 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        padding: 0;
    }

    .hero-buttons {
        justify-content: center;
    }

    /* Cards */
    .service-card,
    .project-card,
    .testimonial-card {
        margin-bottom: 2rem;
    }

    /* Navigation */
    .navbar-brand {
        font-size: 1.5rem;
    }

    /* Roadmap Chat Interface */
    .roadmap-chat-interface {
        max-width: 600px;
        margin: 1.5rem auto;
    }

    /* Grid Layouts */
    .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}