
    /* Hizmetlerimiz Bölümü Modern Stil */
    .grafen-service-section {
        padding: 80px 0;
        background-color: #ffffff; /* Temiz beyaz arka plan */
        font-family: 'Montserrat', sans-serif;
    }

    .services-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }

    /* Hizmet Kartı */
    .service-card {
        background: #fcfcfc;
        border: 1px solid #efefef;
        border-radius: 20px;
        padding: 50px 35px;
        flex: 1;
        min-width: 340px;
        max-width: 380px;
        text-align: center;
        transition: all 0.5s ease;
        box-shadow: 0 10px 25px rgba(0,0,0,0.02);
        display: flex;
        flex-direction: column;
        position: relative;
        overflow: hidden;
    }

    /* Hover Efekti (Zephyr stiliyle uyumlu) */
    .service-card:hover {
        transform: translateY(-15px);
        box-shadow: 0 25px 50px rgba(0,0,0,0.08);
        border-color: #6c5ce7; /* Kurumsal Mor/Mavi tonu */
    }

    .service-card::before {
        content: "";
        position: absolute;
        top: 0; left: 0; width: 100%; height: 5px;
        background: #6c5ce7;
        transform: scaleX(0);
        transition: transform 0.5s ease;
    }

    .service-card:hover::before {
        transform: scaleX(1);
    }

    /* İkonlar */
    .service-icon-wrap {
        width: 90px;
        height: 90px;
        background: #f4f1ff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 30px;
        font-size: 35px;
        color: #6c5ce7;
        transition: 0.4s;
    }

    .service-card:hover .service-icon-wrap {
        background: #6c5ce7;
        color: #fff;
    }

    .service-card h3 {
        font-size: 24px;
        font-weight: 800;
        color: #2d3436;
        margin-bottom: 25px;
        letter-spacing: -0.5px;
    }

    /* Liste Maddeleri */
    .service-list-ul {
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: left;
    }

    .service-list-ul li {
        position: relative;
        padding-left: 30px;
        margin-bottom: 16px;
        font-size: 15px;
        color: #636e72;
        line-height: 1.6;
    }

    /* Profesyonel Checkmark */
    .service-list-ul li::before {
        content: '✔';
        position: absolute;
        left: 0;
        color: #00b894; /* Solar Yeşili */
        font-weight: 900;
    }

    @media (max-width: 768px) {
        .service-card { min-width: 100%; }
    }
