/* =========================================================
   Gizmoo Core
   Services Page
   ========================================================= */


.gizmoo-services-hero {

    padding: 56px 0 44px;

    background: linear-gradient(
        140deg,
        color-mix(in srgb, var(--gizmoo-primary-light) 65%, white),
        color-mix(in srgb, var(--gizmoo-primary) 20%, white)
    );

    text-align:center;

}


.gizmoo-services-hero h1 {

    max-width:850px;

    margin:0 auto 20px;

    color: var(--gizmoo-text);

    font-size:
    clamp(28px,4vw,38px);

    letter-spacing:-.03em;

}



.gizmoo-services-hero p:not(.gizmoo-section-eyebrow){

    max-width:650px;

    margin:auto;

    color:var(--gizmoo-text-muted);

}




.gizmoo-services-grid-section {

    padding:50px 0 90px;

}



.gizmoo-services-grid {

    display:grid;

    grid-template-columns:
    repeat(3,1fr);

    gap: var(--gizmoo-space-6);

}



.gizmoo-service-card {


    padding: var(--gizmoo-space-6);


    border:

    1px solid

    var(--gizmoo-border);


    border-radius:
    var(--gizmoo-radius-lg);


    background:white;


    transition:.25s ease;


}



.gizmoo-service-card:hover {

    transform:translateY(-5px);

    box-shadow:
    var(--gizmoo-shadow-medium);

}



.gizmoo-service-card span {

    color:var(--gizmoo-primary);

    font-weight:700;

}



.gizmoo-service-card h3 {

    margin:20px 0 15px;

}



.gizmoo-service-card p {

    color:var(--gizmoo-text-muted);

}




.gizmoo-services-about {


    padding:80px 20px;


    text-align:center;


    background:
    var(--gizmoo-bg-secondary);

}



.gizmoo-services-about h2 {

    font-size: var(--gizmoo-font-size-h2);

}



.gizmoo-services-about p {

    max-width:650px;

    margin:20px auto;

    color:var(--gizmoo-text-muted);

}




.gizmoo-services-cta {

    padding:90px 20px;

    text-align:center;

}



@media(max-width:900px){

.gizmoo-services-grid{

grid-template-columns:1fr;

}

}