/* ServiceFlow: light, website-aligned product theme */
.serviceflow-page{
    background:#f7fbfe;
    color:#466276;
    padding-top:0;
}

.serviceflow-page section{ background:transparent !important; }

.serviceflow-page .talentlenz-overview{
    padding:72px 0;
    background:linear-gradient(135deg,#edf9ff 0%,#f8fbff 60%,#edf3ff 100%) !important;
    position:relative;
    overflow:hidden;
    isolation:isolate;
}

.serviceflow-page .talentlenz-overview::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background-image:
        linear-gradient(rgba(14,116,144,.10) 1px,transparent 1px),
        linear-gradient(90deg,rgba(14,116,144,.10) 1px,transparent 1px);
    background-size:50px 50px;
    opacity:.45;
}

.serviceflow-page .talentlenz-overview::after{
    content:"";
    position:absolute;
    z-index:-1;
    right:-130px;
    bottom:-180px;
    width:380px;
    height:380px;
    border-radius:50%;
    background:#22d3ee;
    filter:blur(110px);
    opacity:.16;
    pointer-events:none;
}

.serviceflow-page .overview-hero{
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
    padding:48px 0;
}

.serviceflow-page .hero-label{
    display:inline-block;
    padding:8px 18px;
    border:1px solid #a9dfeb;
    border-radius:999px;
    background:#dff6fc;
    color:#086b84;
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.serviceflow-page h2,
.serviceflow-page h5{ color:#0b3057; font-weight:700; }
.serviceflow-page .overview-hero h2{ font-size:clamp(2rem,4vw,3.1rem); line-height:1.15; }
.serviceflow-page p,.serviceflow-page li{ color:#466276; line-height:1.8; }

/* Consistent text alignment across the page. */
.serviceflow-page .overview-hero,
.serviceflow-page .product-view-copy,
.serviceflow-page .objective-card,
.serviceflow-page .benefit-modern-card,
.serviceflow-page .assessment-card{ text-align:left; }

.serviceflow-page .text-center,
.serviceflow-page .stats-box,
.serviceflow-page .industry-card{ text-align:center; }

.serviceflow-page .text-center > p{
    max-width:760px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.serviceflow-page .overview-hero p,
.serviceflow-page .product-view-copy p,
.serviceflow-page .objective-card p,
.serviceflow-page .assessment-card p{ margin-bottom:0; }

.serviceflow-page .stats-box{
    background:#fff;
    border:1px solid #cfe8f2;
    border-radius:20px;
    box-shadow:0 12px 30px rgba(14,74,112,.08);
    color:#0b3057;
}

.serviceflow-page .stat-item h3{ color:#087f9f; font-weight:800; }
.serviceflow-page .stat-item span{ color:#466276; }
.serviceflow-page .stats-box hr{ border-color:#d9eaf3; opacity:1; }

.serviceflow-page .serviceflow-product-view{
    padding:76px 0;
    background:#fff !important;
}

.serviceflow-page .product-eyebrow{
    color:#087f9f;
    font-size:.82rem;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.serviceflow-page .product-view-copy h2{ font-size:clamp(1.9rem,3vw,2.7rem); }

.serviceflow-page .serviceflow-checklist{
    display:grid;
    gap:14px;
    margin:28px 0 0;
    padding:0;
    list-style:none;
}

.serviceflow-page .serviceflow-checklist li{
    display:flex;
    gap:12px;
    align-items:flex-start;
}

.serviceflow-page .serviceflow-checklist i{ color:#087f9f; font-size:1.15rem; }

.serviceflow-page .serviceflow-product-image{
    width:100%;
    border:1px solid #cfe8f2;
    border-radius:22px;
    box-shadow:0 20px 46px rgba(14,74,112,.13);
}

.serviceflow-page .serviceflow-whatsapp-visual{
    display:block;
    width:126px;
    height:126px;
    margin:0 0 18px;
    object-fit:contain;
    mix-blend-mode:multiply;
    filter:drop-shadow(0 12px 16px rgba(9,143,96,.20));
    animation:serviceflow-float 4.5s ease-in-out infinite;
}

.serviceflow-page .serviceflow-reveal{
    animation:serviceflow-reveal .8s ease-out both;
}

@keyframes serviceflow-float{
    0%,100%{ transform:translateY(0) rotate(-2deg); }
    50%{ transform:translateY(-12px) rotate(2deg); }
}

@keyframes serviceflow-reveal{
    from{ opacity:0; transform:translateY(22px) scale(.98); }
    to{ opacity:1; transform:translateY(0) scale(1); }
}

.serviceflow-page .serviceflow-workflow-section{
    padding:76px 0;
    background:#f1f8fc !important;
}

.serviceflow-page .workflow-intro{
    max-width:720px;
    margin:0 auto 44px;
    text-align:center;
}

.serviceflow-page .serviceflow-workflow{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:18px;
    position:relative;
}

.serviceflow-page .serviceflow-workflow::before{
    content:"";
    position:absolute;
    top:39px;
    left:10%;
    width:80%;
    height:2px;
    background:linear-gradient(90deg,#18b9d5,#2563eb);
}

.serviceflow-page .workflow-step-card{
    position:relative;
    z-index:1;
    min-height:220px;
    padding:18px;
    border:1px solid #d4e6f3;
    border-radius:18px;
    background:#fff;
    box-shadow:0 10px 26px rgba(14,74,112,.07);
    text-align:center;
    animation:serviceflow-reveal .6s ease-out both;
}

.serviceflow-page .workflow-step-card:nth-child(2){ animation-delay:.08s; }
.serviceflow-page .workflow-step-card:nth-child(3){ animation-delay:.16s; }
.serviceflow-page .workflow-step-card:nth-child(4){ animation-delay:.24s; }
.serviceflow-page .workflow-step-card:nth-child(5){ animation-delay:.32s; }

.serviceflow-page .workflow-step-icon{
    display:flex;
    width:78px;
    height:78px;
    align-items:center;
    justify-content:center;
    margin:0 auto 18px;
    border:5px solid #f1f8fc;
    border-radius:50%;
    background:linear-gradient(135deg,#06b6d4,#2563eb);
    color:#fff;
    font-size:1.75rem;
}

.serviceflow-page .workflow-step-card h5{ font-size:1rem; }
.serviceflow-page .workflow-step-card p{ font-size:.92rem; line-height:1.65; }

@media(max-width:991px){
    .serviceflow-page .serviceflow-workflow{
        grid-template-columns:1fr;
        max-width:520px;
        margin:0 auto;
    }

    .serviceflow-page .serviceflow-workflow::before{
        top:36px;
        bottom:36px;
        left:50%;
        width:2px;
        height:auto;
    }

    .serviceflow-page .workflow-step-card{ min-height:auto; }
}

@media(prefers-reduced-motion:reduce){
    .serviceflow-page .serviceflow-whatsapp-visual,
    .serviceflow-page .serviceflow-reveal,
    .serviceflow-page .workflow-step-card{ animation:none; }
}

.serviceflow-page .objective-card,
.serviceflow-page .benefit-modern-card,
.serviceflow-page .assessment-card{
    height:100%;
    background:#fff;
    border:1px solid #d4e6f3;
    border-radius:18px;
    box-shadow:0 10px 28px rgba(14,74,112,.07);
    color:#0b3057;
}

.serviceflow-page .objective-card:hover,
.serviceflow-page .benefit-modern-card:hover,
.serviceflow-page .assessment-card:hover{
    transform:translateY(-7px);
    border-color:#73cddd;
    box-shadow:0 18px 35px rgba(14,74,112,.13);
}

.serviceflow-page .icon-circle,
.serviceflow-page .assessment-icon{
    display:flex;
    width:58px;
    height:58px;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    background:linear-gradient(135deg,#06b6d4,#2563eb);
    color:#fff;
    font-size:1.45rem;
    margin-bottom:20px;
}

.serviceflow-page .assessment-icon i{ color:#fff; }
.serviceflow-page .benefit-modern-card ul{ margin:0; padding-left:1.15rem; }
.serviceflow-page .benefit-modern-card li+li{ margin-top:.55rem; }

.serviceflow-page .industry-card{
    display:flex;
    min-height:120px;
    align-items:center;
    justify-content:center;
    padding:24px;
    border:1px solid #d4e6f3;
    border-radius:18px;
    background:#fff;
    color:#0b3057;
    font-weight:700;
    text-align:center;
    box-shadow:0 10px 28px rgba(14,74,112,.06);
}

@media(max-width:991px){
    .serviceflow-page .overview-hero{ padding:34px 26px; }
    .serviceflow-page .stats-box{ margin-top:28px; }
}