/* =========================
   SERVICE PAGE 2026 — CLEAN PREMIUM
========================= */

.service-page{
    background:#0b0c0e;
    color:#e7e7e7;
    padding:100px 0;
}

/* container */
.wrap{
    width:min(980px, 92%);
    margin:0 auto;
}

/* =========================
   HERO LAYOUT
========================= */

.service-hero{
    display:grid;
    grid-template-columns:1.2fr 1fr;
    gap:50px;

    align-items:center;

    margin-bottom:70px;
}

/* MOBILE STACK */
@media(max-width:900px){
    .service-hero{
        grid-template-columns:1fr;
        gap:30px;
    }
}

/* =========================
   LEFT TEXT
========================= */

.tag{
    display:inline-block;
    font-size:11px;
    letter-spacing:2px;
    text-transform:uppercase;

    /* CHANGED */
    color:#4f86c6;

    margin-bottom:14px;
}

.service-hero h1{
    font-size:48px;
    font-weight:900;
    line-height:1.05;
    letter-spacing:-1px;
    margin-bottom:14px;
}

.lead{
    font-size:16px;
    line-height:1.8;
    color:#aab2bd;
    margin-bottom:18px;
}

/* PRICE */
.price{
    display:inline-flex;
    padding:10px 14px;

    border-radius:12px;

    /* CHANGED */
    border:1px solid rgba(79,134,198,0.35);

    /* CHANGED */
    color:#7eb1eb;

    font-weight:800;
    font-size:13px;

    /* CHANGED */
    background:rgba(79,134,198,0.06);
}

/* =========================
   IMAGE
========================= */

.hero-media{
    position:relative;
    border-radius:18px;
    overflow:hidden;

    aspect-ratio:4/3;

    box-shadow:0 25px 70px rgba(0,0,0,0.45);
}

.hero-media img{
    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center;

    filter:contrast(1.05) saturate(1.05) brightness(0.9);
}

.hero-media::after{
    content:"";
    position:absolute;
    inset:0;

    background:linear-gradient(
        180deg,
        transparent 40%,
        rgba(0,0,0,0.55)
    );
}

/* =========================
   CONTENT
========================= */

.content section{
    margin-bottom:42px;
}

.content h2{
    font-size:20px;
    font-weight:850;
    margin-bottom:10px;
    position:relative;
}

.content h2::after{
    content:"";
    display:block;
    width:38px;
    height:2px;

    /* CHANGED */
    background:#4f86c6;

    margin-top:8px;
    border-radius:10px;
}

.content p{
    font-size:14.5px;
    line-height:1.85;
    color:#aab2bd;
}

.content ul{
    margin-top:10px;
    padding-left:18px;
}

.content li{
    font-size:14px;
    color:#b8c0c8;
    margin-bottom:6px;
}

/* =========================
   CTA
========================= */

.cta{
    margin-top:60px;
}

.cta a{
    display:inline-flex;
    align-items:center;
    gap:6px;

    color:#fff;
    font-weight:700;
    font-size:14px;

    padding:12px 16px;
    border-radius:12px;

    /* CHANGED */
    background:linear-gradient(135deg,#3f73b5,#5a94d6);

    /* CHANGED */
    box-shadow:0 12px 30px rgba(79,134,198,0.25);

    transition:0.25s ease;
}

.cta a:hover{
    transform:translateY(-2px);

    /* CHANGED */
    box-shadow:0 18px 45px rgba(79,134,198,0.35);
}

/* =========================
   MOBILE FIXES
========================= */

@media(max-width:768px){

    .service-hero h1{
        font-size:34px;
    }

    .lead{
        font-size:14.5px;
    }

    .hero-media{
        aspect-ratio:1/1;
    }
}