/* whitelabel: page-specific styles extracted from resources/views/whitelabel.blade.php. */
/* =========================================================
   WHITE LABEL PPC PAGE
   NO  USED
========================================================= */
/* =========================================================
   WHITE LABEL LEAD MODAL
   CMS SAFE - MODAL WILL BE OUTSIDE MAIN
========================================================= */

.wl-lead-modal{
    position:fixed;
    inset:0;
    z-index:99999;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:28px;
    background:rgba(7,18,12,.70);
    backdrop-filter:blur(5px);
    opacity:0;
    visibility:hidden;
    transition:
        opacity .22s ease,
        visibility .22s ease;
}

.wl-lead-modal.is-open{
    opacity:1;
    visibility:visible;
}

.wl-lead-modal[hidden]{
    display:none !important;
}

.wl-lead-dialog{
    width:min(100%,1180px);
    max-height:calc(100vh - 20px);
    position:relative;
    overflow:auto;
    border:1px solid #dbe7de;
    border-radius:22px;
    background:#fff;
    box-shadow:
        0 30px 80px rgba(0,0,0,.25);
    transform:translateY(15px) scale(.985);
    transition:transform .22s ease;
}

.wl-lead-modal.is-open .wl-lead-dialog{
    transform:translateY(0) scale(1);
}

.wl-lead-modal-header{
    position:relative;
    padding:14px 22px 11px;
    border-bottom:1px solid #e8eeea;
    background:
        radial-gradient(
            circle at 94% 0%,
            rgba(8,167,47,.11),
            transparent 35%
        ),
        #fff;
}

.wl-lead-modal-header h2{
    margin:0 44px 3px 0;
    color:#0b0d0c;
    font-size:23px;
    line-height:1.25;
    font-weight:700;
}

.wl-lead-modal-header p{
    margin:0;
    color:#64706a;
    font-size:12.5px;
    line-height:1.4;
}

.wl-lead-close{
    width:34px;
    height:34px;
    position:absolute;
    top:12px;
    right:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:1px solid #dce5df;
    border-radius:50%;
    background:#fff;
    color:#121614;
    font-size:21px;
    line-height:1;
    cursor:pointer;
    transition:.2s ease;
}

.wl-lead-close:hover{
    border-color:#08a72f;
    color:#08a72f;
    transform:rotate(5deg);
}

.wl-lead-form{
    padding:12px 22px 16px;
}

.wl-lead-form-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px 12px;
}

.wl-lead-field{
    min-width:0;
}

.wl-lead-field--full{
    grid-column:1 / -1;
}

.wl-lead-field label{
    display:block;
    margin:0 0 3px;
    color:#151a17;
    font-size:11.5px;
    line-height:1.25;
    font-weight:700;
}

.wl-lead-required{
    color:#dc2626;
}

.wl-lead-optional{
    color:#79827d;
    font-size:10px;
    font-weight:500;
}

.wl-lead-control{
    width:100%;
    min-height:38px;
    padding:7px 10px;
    border:1px solid #d8e1db;
    border-radius:10px;
    outline:0;
    background:#fff;
    color:#111827;
    font-size:12.5px;
    font-weight:500;
    line-height:1.4;
    transition:
        border-color .18s ease,
        box-shadow .18s ease;
}

select.wl-lead-control{
    cursor:pointer;
}

textarea.wl-lead-control{
    min-height:58px;
    max-height:72px;
    resize:vertical;
}

.wl-lead-control:focus{
    border-color:#08a72f;
    box-shadow:
        0 0 0 3px rgba(8,167,47,.11);
}

.wl-lead-control.is-invalid{
    border-color:#dc2626;
    box-shadow:
        0 0 0 3px rgba(220,38,38,.08);
}

.wl-lead-error{
    min-height:11px;
    margin-top:2px;
    color:#dc2626;
    font-size:9.5px;
    line-height:1.35;
}

.wl-lead-alert{
    margin-bottom:8px;
    padding:8px 10px;
    border:1px solid #fecaca;
    border-radius:10px;
    background:#fff5f5;
    color:#b91c1c;
    font-size:11.5px;
    line-height:1.35;
}

.wl-lead-submit-wrap{
    margin-top:10px;
}

.wl-lead-submit{
    width:100%;
    min-height:42px;
    border:1px solid #08a72f;
    border-radius:10px;
    background:#08a72f;
    color:#fff;
    font-size:14px;
    line-height:1.2;
    font-weight:700;
    cursor:pointer;
    box-shadow:
        0 12px 25px rgba(8,167,47,.18);
    transition:.2s ease;
}

.wl-lead-submit:hover{
    background:#078c28;
    border-color:#078c28;
    transform:translateY(-1px);
}

.wl-lead-submit:disabled{
    opacity:.65;
    cursor:not-allowed;
    transform:none;
}

body.wl-lead-modal-open{
    overflow:hidden;
}

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

@media (max-width:767px){

    .wl-lead-modal{
        padding:5px;
        align-items:center;
        overflow:hidden;
    }

    .wl-lead-dialog{
        width:100%;
        max-height:calc(100vh - 10px);
        margin:0 auto;
        overflow:auto;
        border-radius:14px;
    }

    .wl-lead-modal-header{
        padding:10px 12px 8px;
    }

    .wl-lead-modal-header h2{
        margin-right:34px;
        font-size:17px;
        line-height:1.2;
    }

    .wl-lead-modal-header p{
        font-size:10.5px;
        line-height:1.3;
    }

    .wl-lead-close{
        width:30px;
        height:30px;
        top:8px;
        right:8px;
        font-size:19px;
    }

    .wl-lead-form{
        padding:8px 10px 10px;
    }

    .wl-lead-form-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:6px 7px;
    }

    .wl-lead-field--full{
        grid-column:1 / -1;
    }

    .wl-lead-field label{
        margin-bottom:2px;
        font-size:9.5px;
        line-height:1.15;
    }

    .wl-lead-optional{
        font-size:8px;
    }

    .wl-lead-control{
        min-height:34px;
        padding:5px 7px;
        border-radius:7px;
        font-size:10.5px;
    }

    textarea.wl-lead-control{
        min-height:42px;
        max-height:48px;
    }

    .wl-lead-error{
        min-height:7px;
        margin-top:1px;
        font-size:7.5px;
        line-height:1.1;
    }

    .wl-lead-submit-wrap{
        margin-top:7px;
    }

    .wl-lead-submit{
        min-height:36px;
        font-size:12px;
        border-radius:8px;
    }
}

.wl-page{
    --wl-green:#08a72f;
    --wl-green-dark:#078c28;
    --wl-green-soft:#eef9f1;
    --wl-red:#dc2626;
    --wl-red-dark:#b91c1c;
    --wl-red-soft:#fff1f1;
    --wl-black:#090909;
    --wl-text:#373d3a;
    --wl-muted:#5d6661;
    --wl-border:#dfe7e1;
    --wl-soft:#f8fbf9;

    width:100%;
    overflow:hidden;
    background:#fff;
    color:var(--wl-black);
}

.wl-page *,
.wl-page *::before,
.wl-page *::after{
    box-sizing:border-box;
}

.wl-container{
    width:calc(100% - 70px);
    max-width:1600px;
    margin:0 auto;
}

.wl-btn{
    min-height:58px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    padding:15px 31px;
    border:1px solid var(--wl-green);
    border-radius:7px;
    background:var(--wl-green);
    color:#fff !important;
    text-decoration:none !important;
    font-size:18px;
    line-height:1;
    font-weight:700;
    box-shadow:0 11px 28px rgba(8,167,47,.18);
    transition:.3s ease;
}

.wl-btn:hover{
    background:var(--wl-green-dark);
    border-color:var(--wl-green-dark);
    color:#fff !important;
    transform:translateY(-2px);
}

.wl-btn-arrow{
    font-size:25px;
    line-height:1;
}

.wl-section-title{
    margin:0 0 14px;
    color:#0a0a0a;
    font-size:42px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:-.8px;
}

.wl-text-center{
    text-align:center;
}

.wl-section-desc{
    max-width:850px;
    margin:0 auto;
    color:var(--wl-muted);
    font-size:19px;
    line-height:1.7;
    text-align:center;
}

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

.wl-hero{
    width:100%;
    min-height:620px;
    position:relative;
    display:flex;
    align-items:center;
    padding:42px 0 48px;
    overflow:hidden;
    border-bottom:1px solid #edf2ee;
    background:
        radial-gradient(
            circle,
            rgba(8,167,47,.115) 1.5px,
            transparent 1.8px
        ) 0 0 / 25px 25px,
        linear-gradient(
            115deg,
            #ffffff 0%,
            #ffffff 60%,
            #f8fcf9 100%
        );
}

.wl-hero::before{
    content:"";
    width:650px;
    height:650px;
    position:absolute;
    top:-260px;
    right:-210px;
    border-radius:50%;
    background:rgba(8,167,47,.035);
}

.wl-hero-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);
    gap:34px;
    align-items:start;
}

.wl-hero-content{
    max-width:840px;
    padding-top:10px;
}

.wl-hero-title{
    max-width:835px;
    margin:0;
    color:#050505;
    font-size:48px;
    line-height:1.04;
    font-weight:700;
    letter-spacing:-2.7px;
}

.wl-title-line{
    width:68px;
    height:4px;
    margin:22px 0 22px;
    border-radius:30px;
    background:var(--wl-green);
}

.wl-hero-desc{
    max-width:790px;
    margin:0 0 22px;
    color:#39403d;
    font-size:20px;
    line-height:1.62;
}

.wl-hero-checks{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:17px 32px;
    margin-top:31px;
}

.wl-hero-check{
    display:flex;
    align-items:center;
    gap:9px;
    color:#3d4541;
    font-size:16px;
    font-weight:500;
}

.wl-check-circle{
    width:23px;
    height:23px;
    flex:none;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:var(--wl-green);
    color:#fff;
    font-size:12px;
    font-weight:700;
}

.wl-hero-trust{
    width:max-content;
    max-width:100%;
    margin:14px 0 0;
    display:flex;
    align-items:center;
    gap:12px;
    padding:13px 16px;
    border:1px solid #b9e8c5;
    border-radius:12px;
    background:linear-gradient(135deg,#f6fff8 0%,#eaf9ee 100%);
    box-shadow:0 10px 28px rgba(8,167,47,.08);
    color:#182019;
    font-size:17px;
    line-height:1.45;
    font-weight:700;
}

.wl-hero-trust::before{
    content:"✓";
    width:30px;
    height:30px;
    flex:0 0 30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:var(--wl-green);
    color:#fff;
    box-shadow:0 6px 15px rgba(8,167,47,.22);
    font-size:15px;
    font-weight:700;
}

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

.wl-hero-visual{
    min-width:0;
    position:relative;
    display:flex;
    justify-content:flex-end;
    align-items:flex-start;
    padding:0;
}

.wl-hero-visual::before{
    content:"";
    width:84%;
    height:80%;
    position:absolute;
    top:10%;
    left:8%;
    border-radius:35px;
    background:rgba(8,167,47,.045);
    filter:blur(26px);
}

.wl-dashboard-image{
    width:min(100%,850px);
    position:relative;
    z-index:2;
}

.wl-dashboard-image img{
    width:100%;
    height:auto;
    display:block;
    object-fit:contain;
    image-rendering:auto;
    filter:drop-shadow(0 24px 42px rgba(0,0,0,.10));
}

/* =========================================================
   WHY AGENCIES CHOOSE US
========================================================= */

.wl-benefits{
    width:100%;
    padding:70px 0;
    background:#fff;
}

.wl-benefit-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    margin-top:40px;
    border-top:1px solid #e4e9e5;
    border-bottom:1px solid #e4e9e5;
}

.wl-benefit{
    min-height:165px;
    position:relative;
    display:grid;
    grid-template-columns:72px 1fr;
    gap:22px;
    align-items:center;
    padding:31px 33px;
}

.wl-benefit:not(:last-child)::after{
    content:"";
    width:1px;
    height:100px;
    position:absolute;
    top:32px;
    right:0;
    background:#dfe5e1;
}

.wl-benefit-icon{
    width:67px;
    height:67px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:var(--wl-green-soft);
    color:var(--wl-green);
}

.wl-benefit-icon svg{
    width:37px;
    height:37px;
    stroke:currentColor;
}

.wl-benefit h3{
    margin:0 0 9px;
    color:#090909;
    font-size:20px;
    line-height:1.35;
    font-weight: 700;
}

.wl-benefit p{
    margin:0;
    color:var(--wl-muted);
    font-size:17px;
    line-height:1.65;
}

/* =========================================================
   PROCESS
========================================================= */

.wl-process{
    padding:70px 0 75px;
    border-top:1px solid #eef2ef;
    border-bottom:1px solid #eef2ef;
    background:#fbfdfc;
}

.wl-process-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:80px;
    position:relative;
    margin-top:45px;
}

.wl-process-grid::before{
    content:"";
    height:1px;
    position:absolute;
    top:42px;
    left:16%;
    right:16%;
    background:#61d780;
}

.wl-process-item{
    position:relative;
    z-index:2;
    text-align:center;
}

.wl-process-icon{
    width:85px;
    height:85px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 20px;
    border:1px solid #51d475;
    border-radius:50%;
    background:#fff;
    color:var(--wl-green);
}

.wl-process-icon svg{
    width:37px;
    height:37px;
    stroke:currentColor;
}

.wl-process-number{
    position:absolute;
    top:-10px;
    left:10px;
    padding:0 4px;
    background:#fbfdfc;
    color:var(--wl-green);
    font-size:15px;
}

.wl-process-item h3{
    margin:0 0 10px;
    color:#0b0b0b;
    font-size:22px;
    line-height:1.3;
    font-weight: 700;
}

.wl-process-item p{
    max-width:500px;
    margin:0 auto;
    color:var(--wl-muted);
    font-size:17px;
    line-height:1.7;
}

/* =========================================================
   RESULTS
========================================================= */

.wl-results{
    padding:70px 0;
    background:#fff;
}

.wl-results-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:38px;
}

.wl-result-card{
    min-height:155px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:30px;
    padding:30px;
    border:1px solid var(--wl-border);
    border-radius:12px;
    background:#fff;
    box-shadow:0 10px 28px rgba(0,0,0,.04);
}

.wl-result-icon{
    color:var(--wl-green);
}

.wl-result-icon svg{
    width:61px;
    height:61px;
    stroke:currentColor;
}

.wl-result-number{
    margin:0 0 7px;
    color:#080808;
    font-size:38px;
    line-height:1;
    font-weight:700;
}

.wl-result-label{
    margin:0;
    color:#161816;
    font-size:17px;
    font-weight:700;
}

.wl-result-desc{
    margin:6px 0 0;
    color:var(--wl-muted);
    font-size:15px;
}

/* =========================================================
   FULL WIDTH SECTIONS
========================================================= */

.wl-full-section{
    width:100%;
    padding:15px 0;
}

.wl-full-card{
    width:100%;
    padding:50px;
    overflow:hidden;
    border:1px solid var(--wl-border);
    border-radius:16px;
    background:
        radial-gradient(
            circle at 96% 10%,
            rgba(8,167,47,.045),
            transparent 26%
        ),
        #fff;
}

.wl-card-intro h2{
    margin:0 0 14px;
    color:#090909;
    font-size:38px;
    line-height:1.25;
    font-weight:700;
    letter-spacing:-.5px;
}

.wl-card-intro p{
    margin:0;
    color:var(--wl-muted);
    font-size:18px;
    line-height:1.75;
}

/* =========================================================
   WHY WHITE LABEL
========================================================= */

.wl-compare-layout{
    display:grid;
    grid-template-columns:390px 1fr;
    gap:60px;
    align-items:center;
}

.wl-compare{
    position:relative;
    display:grid;
    grid-template-columns:1fr 1fr;
    overflow:hidden;
    border:1px solid #dce4de;
    border-radius:11px;
    background:#fff;
}

.wl-compare-col:first-child{
    border-right:1px solid #e4dfdf;
    background:linear-gradient(180deg,#fff7f7 0%,#ffffff 100%);
}

.wl-compare-col:last-child{
    background:linear-gradient(180deg,#f6fff8 0%,#ffffff 100%);
}

.wl-compare-head{
    min-height:78px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:#eef1ef;
    color:#111;
    font-size:18px;
    line-height:1.3;
    font-weight: 700;
    text-align:center;
}

.wl-compare-col:first-child .wl-compare-head{
    background:linear-gradient(135deg,var(--wl-red) 0%, var(--wl-red-dark) 100%);
    color:#fff;
}

.wl-compare-col:last-child .wl-compare-head{
    background:linear-gradient(135deg,var(--wl-green) 0%, var(--wl-green-dark) 100%);
    color:#fff;
}

.wl-compare-list{
    padding:24px 30px;
}

.wl-compare-row{
    min-height:58px;
    display:flex;
    align-items:flex-start;
    gap:14px;
    color:#343b37;
    font-size:16px;
    line-height:1.55;
}

.wl-small-check,
.wl-small-cross{
    width:28px;
    height:28px;
    flex:none;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    font-size:14px;
    font-weight:700;
    margin-top:1px;
}

.wl-small-check{
    background:var(--wl-green);
    color:#fff;
    box-shadow:0 8px 16px rgba(8,167,47,.18);
}

.wl-small-cross{
    background:var(--wl-red);
    color:#fff;
    box-shadow:0 8px 16px rgba(220,38,38,.16);
}

.wl-vs{
    width:65px;
    height:65px;
    position:absolute;
    top:50%;
    left:50%;
    z-index:5;
    display:flex;
    align-items:center;
    justify-content:center;
    transform:translate(-50%,-50%);
    border:1px solid #e0e5e1;
    border-radius:50%;
    background:#fff;
    box-shadow:0 9px 24px rgba(0,0,0,.09);
    color:#090909;
    font-size:17px;
    font-weight:700;
}

/* =========================================================
   TRUSTED AGENCIES
========================================================= */

.wl-trusted-layout{
    display:grid;
    grid-template-columns:400px 1fr;
    gap:60px;
    align-items:center;
}

.wl-agencies{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:15px;
}

.wl-agency{
    min-height:110px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:17px;
    border:1px solid #dfe7e1;
    border-radius:10px;
    background:#fff;
    color:#555e59;
    font-size:20px;
    line-height:1.25;
    font-weight: 700;
    text-align:center;
}

.wl-agency small{
    display:block;
    margin-top:3px;
    font-size:12px;
    letter-spacing:1px;
}

/* =========================================================
   FAQ
========================================================= */

.wl-faq-layout{
    display:grid;
    grid-template-columns:400px 1fr;
    gap:60px;
    align-items:start;
}

.wl-faq-list{
    display:flex;
    flex-direction:column;
    gap:15px;
}

.wl-faq-item{
    overflow:hidden;
    border:1px solid #dfe7e1;
    border-radius:10px;
    background:#fff;
}

/*
 | IMPORTANT: Keep hidden FAQ markup inside <main>.
 | The CRM currently maps body text by position (body-text-0001, 0002...).
 | Deleting/commenting the FAQ markup would shift every later CRM field.
 | This class removes it only from the frontend while preserving CRM indexes.
 */
.wl-faq-item--frontend-hidden{
    display:none !important;
}

.wl-faq-button{
    width:100%;
    min-height:78px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:16px 25px;
    border:0;
    outline:0;
    background:#fff;
    color:#0d0d0d;
    font-size:18px;
    line-height:1.5;
    font-weight:700;
    text-align:left;
    cursor:pointer;
}

.wl-faq-plus{
    width:36px;
    height:36px;
    flex:none;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#f2f5f3;
    color:#161a18;
    font-size:24px;
    line-height:1;
    transition:.3s ease;
}

.wl-faq-answer{
    max-height:0;
    overflow:hidden;
    padding:0 25px;
    color:var(--wl-muted);
    font-size:16px;
    line-height:1.75;
    transition:.3s ease;
}

.wl-faq-item.active{
    border-color:#b9e5c4;
}

.wl-faq-item.active .wl-faq-answer{
    max-height:220px;
    padding:0 25px 23px;
}

.wl-faq-item.active .wl-faq-plus{
    background:var(--wl-green);
    color:#fff;
    transform:rotate(45deg);
}

/* =========================================================
   CASE STUDIES
========================================================= */

.wl-case-layout{
    display:grid;
    grid-template-columns:380px 1fr;
    gap:55px;
    align-items:center;
}

.wl-case-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:17px;
}

.wl-case-card{
    min-height:145px;
    display:flex;
    align-items:center;
    gap:21px;
    padding:24px;
    border:1px solid #dfe7e1;
    border-radius:11px;
    background:#fff;
}

.wl-case-icon{
    width:63px;
    height:63px;
    flex:none;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    background:var(--wl-green-soft);
    color:var(--wl-green);
}

.wl-case-icon svg{
    width:36px;
    height:36px;
    stroke:currentColor;
}

.wl-case-name{
    margin:0 0 8px;
    color:#242925;
    font-size:15px;
    font-weight:700;
}

.wl-case-value{
    margin:0;
    color:#080808;
    font-size:32px;
    line-height:1;
    font-weight:700;
}

.wl-case-desc{
    margin:7px 0 0;
    color:var(--wl-muted);
    font-size:14px;
}

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

.wl-grow{
    width:100%;
    min-height:205px;
    display:grid;
    grid-template-columns:1fr auto;
    gap:45px;
    align-items:center;
    padding:45px 60px;
    border:1px solid #dfe8e1;
    border-radius:16px;
    background:
        radial-gradient(
            circle at 5% 50%,
            rgba(8,167,47,.09),
            transparent 25%
        ),
        linear-gradient(
            105deg,
            #f8fcf9,
            #fff 65%,
            #f2faf4
        );
}

.wl-grow h2{
    margin:0 0 11px;
    color:#080808;
    font-size:38px;
    line-height:1.25;
    font-weight:700;
}

.wl-grow p{
    max-width:900px;
    margin:0;
    color:var(--wl-muted);
    font-size:18px;
    line-height:1.7;
}

.wl-grow .wl-btn{
    min-width:285px;
}

/* =========================================================
   TESTIMONIAL
========================================================= */

.wl-testimonial-section{
    width:100%;
    padding:75px 0;
    background:#fff;
}

.wl-testimonial-wrap{
    width:100%;
    max-width:1380px;
    min-height:235px;
    margin:0 auto;
    display:grid;
    grid-template-columns:65px 170px 1fr 65px;
    gap:30px;
    align-items:center;
}

.wl-review-arrow{
    width:50px;
    height:50px;
    padding:0;
    border:0;
    background:transparent;
    color:#aab1ad;
    font-size:40px;
    line-height:1;
    cursor:pointer;
    transition:.2s ease;
}

.wl-review-arrow:hover{
    color:var(--wl-green);
}

.wl-review-avatar{
    width:145px;
    height:145px;
    position:relative;
    overflow:hidden;
    border:4px solid #fff;
    border-radius:50%;
    background:linear-gradient(145deg,#eef7f0,#dfe9e2);
    box-shadow:0 14px 32px rgba(18,63,31,.12);
}

.wl-review-avatar::before{
    content:none;
    display:none;
}

.wl-review-avatar img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
}

.wl-review-content{
    position:relative;
    min-height:165px;
    padding:12px 20px 10px 55px;
    transition:opacity .25s ease,transform .25s ease;
}

.wl-review-content.wl-changing{
    opacity:0;
    transform:translateY(7px);
}

.wl-review-quote{
    position:absolute;
    top:-3px;
    left:0;
    color:var(--wl-green);
    font-size:62px;
    line-height:.8;
    font-weight:700;
}

.wl-review-text{
    max-width:1000px;
    margin:0 0 18px;
    color:#303733;
    font-size:19px;
    line-height:1.7;
}

.wl-review-name{
    display:block;
    color:#101010;
    font-size:16px;
    font-weight: 700;
}

.wl-review-company{
    display:block;
    margin-top:5px;
    color:#69716d;
    font-size:14px;
}

.wl-review-stars{
    margin-top:9px;
    color:var(--wl-green);
    font-size:17px;
    letter-spacing:2px;
}

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

.wl-final-section{
    padding:0 0 55px;
}

.wl-final-cta{
    min-height:120px;
    display:grid;
    grid-template-columns:80px 1fr auto;
    gap:27px;
    align-items:center;
    padding:22px 43px;
    border:1px solid #dfe7e1;
    border-radius:14px;
    background:linear-gradient(95deg,#f6fbf7,#fcfdfc);
}

.wl-final-icon{
    width:65px;
    height:65px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:var(--wl-green);
    color:#fff;
}

.wl-final-icon svg{
    width:34px;
    height:34px;
    stroke:currentColor;
}

.wl-final-cta h2{
    margin:0 0 6px;
    color:#080808;
    font-size:30px;
    line-height:1.3;
    font-weight:700;
}

.wl-final-cta p{
    margin:0;
    color:var(--wl-muted);
    font-size:17px;
}

.wl-final-cta .wl-btn{
    min-width:275px;
}

/* =========================================================
   DOCX CONTENT SUPPORT SECTIONS
========================================================= */

.wl-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin:0 0 18px;
    color:var(--wl-green);
    font-size:15px;
    line-height:1.3;
    font-weight:700;
    letter-spacing:.4px;
    text-transform:uppercase;
}

.wl-eyebrow::before{
    content:"";
    width:28px;
    height:2px;
    border-radius:10px;
    background:var(--wl-green);
}

.wl-hero-kicker{
    margin:0 0 12px;
    color:var(--wl-green);
    font-size:20px;
    line-height:1.4;
    font-weight:700;
}

.wl-hero-support{
    max-width:790px;
    margin:4px 0 18px;
    padding:16px 19px;
    border-left:4px solid var(--wl-green);
    border-radius:0 12px 12px 0;
    background:linear-gradient(90deg,rgba(8,167,47,.10),rgba(8,167,47,.025));
    color:#171b19;
    font-size:20px;
    line-height:1.55;
    font-weight:700;
}

.wl-smart{
    padding:75px 0;
    background:#fff;
}

.wl-smart-grid{
    display:grid;
    grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
    gap:52px;
    align-items:center;
}

.wl-smart-copy{
    width:100%;
    max-width:780px;
}

.wl-smart-copy .wl-section-title{
    max-width:720px;
    margin-bottom:18px;
    font-size:41px;
    line-height:1.17;
    letter-spacing:-.7px;
}

.wl-smart-copy p{
    max-width:750px;
    margin:0 0 15px;
    color:var(--wl-muted);
    font-size:17px;
    line-height:1.68;
}

.wl-smart-copy .wl-smart-lead{
    max-width:760px;
    margin-bottom:18px;
    color:#151817;
    font-size:20px;
    line-height:1.55;
    font-weight:700;
}

.wl-brand-points{
    display:grid;
    gap:13px;
    padding:30px;
    border:1px solid var(--wl-border);
    border-radius:16px;
    background:linear-gradient(145deg,#f7fcf8,#fff);
    box-shadow:0 15px 35px rgba(0,0,0,.04);
}

.wl-brand-point{
    display:flex;
    align-items:center;
    gap:14px;
    min-height:58px;
    padding:12px 16px;
    border:1px solid #e4eee6;
    border-radius:10px;
    background:#fff;
    color:#232825;
    font-size:17px;
    line-height:1.45;
    font-weight:700;
}

.wl-brand-point span{
    width:29px;
    height:29px;
    flex:none;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:var(--wl-green);
    color:#fff;
    font-size:14px;
    font-weight:700;
}

.wl-growth{
    padding:75px 0;
    border-top:1px solid #eef2ef;
    border-bottom:1px solid #eef2ef;
    background:#fbfdfc;
}

.wl-growth-intro{
    max-width:1240px;
    margin:0 auto;
    text-align:center;
}

.wl-growth-intro .wl-section-title{
    margin-bottom:12px;
}

.wl-growth-intro p{
    max-width:1180px;
    margin:0 auto;
    color:var(--wl-muted);
    font-size:17px;
    line-height:1.58;
}

.wl-growth-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:16px;
    margin-top:30px;
}

.wl-growth-card{
    min-height:232px;
    padding:24px 22px;
    border:1px solid var(--wl-border);
    border-radius:14px;
    background:#fff;
    box-shadow:0 10px 26px rgba(0,0,0,.035);
}

.wl-growth-icon,
.wl-service-icon,
.wl-audience-icon,
.wl-why-icon{
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
    border-radius:12px;
    background:var(--wl-green-soft);
    color:var(--wl-green);
}

.wl-growth-icon svg,
.wl-service-icon svg,
.wl-audience-icon svg,
.wl-why-icon svg{
    width:31px;
    height:31px;
    stroke:currentColor;
}

.wl-growth-card h3,
.wl-service-card h3,
.wl-audience-card h3,
.wl-why-card h3{
    margin:0 0 10px;
    color:#0c0c0c;
    font-size:20px;
    line-height:1.35;
    font-weight:700;
}

.wl-growth-card p,
.wl-service-card p,
.wl-audience-card p,
.wl-why-card p{
    margin:0;
    color:var(--wl-muted);
    font-size:16px;
    line-height:1.7;
}

.wl-growth-card h3{
    font-size:19px;
}

.wl-growth-card p{
    font-size:15.5px;
    line-height:1.62;
}

.wl-services{
    padding:75px 0;
    background:#fff;
}

.wl-services-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-top:38px;
}

.wl-service-card{
    min-height:255px;
    padding:27px 24px;
    border:1px solid var(--wl-border);
    border-radius:14px;
    background:#fff;
    transition:.25s ease;
}

.wl-service-card:hover{
    transform:translateY(-3px);
    border-color:#b9e5c4;
    box-shadow:0 14px 32px rgba(8,167,47,.08);
}

/* White Label Google Ads Management Services for Agencies */
.wl-agency-management{
    padding:80px 0;
    background:#f8fcf9;
    border-top:1px solid #edf2ee;
    border-bottom:1px solid #edf2ee;
}

.wl-agency-management-copy{
    width:100%;
    max-width:1320px;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(340px,.78fr) minmax(0,1.22fr);
    gap:64px;
    align-items:start;
    text-align:left;
}

.wl-agency-management-copy .wl-section-title{
    max-width:560px;
    margin:0;
    font-size:39px;
    line-height:1.16;
    letter-spacing:-.65px;
}

.wl-agency-management-text{
    display:grid;
    gap:11px;
    padding-top:3px;
}

.wl-agency-management-copy p{
    max-width:none;
    margin:0;
    color:var(--wl-muted);
    font-size:16.5px;
    line-height:1.62;
}

.wl-agency-management-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-top:32px;
}

.wl-agency-management-card{
    min-height:220px;
    padding:27px 23px;
    border:1px solid var(--wl-border);
    border-radius:16px;
    background:#fff;
    box-shadow:0 8px 25px rgba(18,63,31,.04);
    transition:.25s ease;
}

.wl-agency-management-card:hover{
    transform:translateY(-3px);
    border-color:#b9e5c4;
    box-shadow:0 16px 34px rgba(8,167,47,.09);
}

.wl-agency-management-icon,
.wl-agency-benefit-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:58px;
    height:58px;
    margin-bottom:20px;
    border-radius:14px;
    background:#edf8f0;
    color:var(--wl-green);
}

.wl-agency-management-icon svg,
.wl-agency-benefit-icon svg{
    width:30px;
    height:30px;
    stroke:currentColor;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.wl-agency-management-card h3,
.wl-agency-benefit-card h3{
    margin:0 0 10px;
    color:#0c0c0c;
    font-size:20px;
    line-height:1.35;
    font-weight:700;
}

.wl-agency-management-card p,
.wl-agency-benefit-card p{
    margin:0;
    color:var(--wl-muted);
    font-size:16px;
    line-height:1.7;
}

/* Why Agencies Choose White Label PPC Services */
.wl-agency-benefits{
    padding:80px 0;
    background:#fff;
}

.wl-agency-benefits-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:18px;
    margin-top:38px;
}

.wl-agency-benefit-card{
    grid-column:span 2;
    min-height:235px;
    padding:28px 24px;
    border:1px solid var(--wl-border);
    border-radius:16px;
    background:linear-gradient(180deg,#ffffff 0%,#fbfefc 100%);
    transition:.25s ease;
}

.wl-agency-benefit-card:nth-child(4){
    grid-column:2 / span 2;
}

.wl-agency-benefit-card:nth-child(5){
    grid-column:4 / span 2;
}

.wl-agency-benefit-card:hover{
    transform:translateY(-3px);
    border-color:#b9e5c4;
    box-shadow:0 14px 32px rgba(8,167,47,.08);
}

.wl-experience{
    padding:75px 0;
    background:#f9fcfa;
    border-top:1px solid #edf2ee;
    border-bottom:1px solid #edf2ee;
}

.wl-experience-grid{
    display:grid;
    grid-template-columns:.92fr 1.08fr;
    gap:55px;
    align-items:center;
}

.wl-experience-copy p{
    margin:0 0 16px;
    color:var(--wl-muted);
    font-size:18px;
    line-height:1.75;
}

.wl-experience-copy .wl-experience-note{
    margin-top:22px;
    padding-left:18px;
    border-left:3px solid var(--wl-green);
    color:#232925;
    font-weight:700;
}

.wl-experience-stats{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    position:relative;
    overflow:hidden;
    padding:24px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:22px;
    background:
        radial-gradient(circle at 100% 0%,rgba(60,201,92,.18),transparent 35%),
        linear-gradient(135deg,#071d18 0%,#0d4428 100%);
    box-shadow:0 24px 55px rgba(5,48,28,.18);
}

.wl-experience-stat{
    min-height:165px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:27px 26px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:15px;
    background:rgba(255,255,255,.095);
    backdrop-filter:blur(7px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
    transition:transform .28s ease,background .28s ease,border-color .28s ease;
    animation:wlStatFocus 8s ease-in-out infinite;
}

.wl-experience-stat strong{
    display:block;
    margin-bottom:9px;
    color:#74ef91;
    font-size:35px;
    line-height:1.05;
    font-weight: 700;
    letter-spacing:-.5px;
}

.wl-experience-stat span{
    color:#fff;
    font-size:16px;
    line-height:1.5;
    font-weight:700;
}

.wl-experience-stat:nth-child(2){animation-delay:2s;}
.wl-experience-stat:nth-child(3){animation-delay:4s;}
.wl-experience-stat:nth-child(4){animation-delay:6s;}

@keyframes wlStatFocus{
    0%,18%,100%{
        transform:translateY(0);
        background:rgba(255,255,255,.095);
        border-color:rgba(255,255,255,.18);
    }
    7%,12%{
        transform:translateY(-4px);
        background:rgba(255,255,255,.17);
        border-color:rgba(116,239,145,.62);
    }
}

.wl-case-story{
    padding:75px 0;
    background:#fff;
}

.wl-case-story-card{
    display:grid;
    grid-template-columns:.78fr 1.22fr;
    gap:50px;
    align-items:center;
    padding:50px;
    border:1px solid var(--wl-border);
    border-radius:18px;
    background:
        radial-gradient(circle at 95% 15%,rgba(8,167,47,.08),transparent 27%),
        #fff;
}

.wl-case-metrics{
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:13px;
    padding:25px;
    border-radius:20px;
    background:
        radial-gradient(circle at 85% 12%,rgba(19,189,70,.25),transparent 34%),
        linear-gradient(135deg,#061c20 0%,#073d27 100%);
    box-shadow:0 22px 48px rgba(5,48,28,.17);
}

.wl-case-metric{
    min-height:145px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:22px 20px;
    border:1px solid rgba(255,255,255,.17);
    border-radius:14px;
    background:rgba(255,255,255,.085);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}

.wl-case-metric:first-child{
    grid-column:1 / -1;
    min-height:132px;
    background:linear-gradient(135deg,rgba(8,167,47,.20),rgba(255,255,255,.07));
    border-color:rgba(116,239,145,.42);
}

.wl-case-metric strong{
    display:block;
    margin-bottom:9px;
    color:#79f296;
    font-size:34px;
    line-height:1.05;
    font-weight: 700;
    letter-spacing:-.5px;
}

.wl-case-metric:first-child strong{
    font-size:42px;
    color:#fff;
}

.wl-case-metric span{
    color:#eef8f1;
    font-size:15px;
    line-height:1.5;
    font-weight:700;
}

.wl-case-copy p{
    margin:0 0 16px;
    color:var(--wl-muted);
    font-size:18px;
    line-height:1.75;
}

.wl-case-copy .wl-btn{
    margin-top:8px;
}

.wl-partnership{
    padding:75px 0;
    background:#fbfdfc;
    border-top:1px solid #eef2ef;
    border-bottom:1px solid #eef2ef;
}

.wl-partnership-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:15px;
    margin-top:40px;
}

.wl-partnership-card{
    position:relative;
    min-height:260px;
    padding:28px 22px 24px;
    border:1px solid var(--wl-border);
    border-radius:14px;
    background:#fff;
}

.wl-partnership-number{
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
    border-radius:50%;
    background:var(--wl-green);
    color:#fff;
    font-size:15px;
    font-weight: 700;
}

.wl-partnership-card h3{
    margin:0 0 10px;
    color:#0b0b0b;
    font-size:19px;
    line-height:1.4;
    font-weight:700;
}

.wl-partnership-card p{
    margin:0;
    color:var(--wl-muted);
    font-size:15px;
    line-height:1.7;
}

.wl-audience{
    padding:75px 0;
    background:#fff;
}

.wl-audience-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:16px;
    margin-top:38px;
}

.wl-audience-card{
    min-height:245px;
    padding:25px 22px;
    border:1px solid var(--wl-border);
    border-radius:14px;
    background:#fff;
}

.wl-why{
    padding:75px 0;
    background:#f9fcfa;
    border-top:1px solid #edf2ee;
    border-bottom:1px solid #edf2ee;
}

.wl-why-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:16px;
    margin-top:38px;
}

.wl-why-card{
    min-height:250px;
    padding:25px 22px;
    border:1px solid var(--wl-border);
    border-radius:14px;
    background:#fff;
}

.wl-spotlight{
    padding:75px 0;
    background:#fff;
}

.wl-spotlight-card{
    display:grid;
    grid-template-columns:1fr .95fr;
    gap:50px;
    align-items:center;
    padding:50px;
    border:1px solid var(--wl-border);
    border-radius:18px;
    background:linear-gradient(120deg,#f5fbf6,#fff 62%,#f0faf2);
}

.wl-spotlight-copy p{
    margin:0 0 14px;
    color:var(--wl-muted);
    font-size:18px;
    line-height:1.75;
}

.wl-spotlight-lines{
    display:grid;
    gap:12px;
}

.wl-spotlight-line{
    min-height:64px;
    display:flex;
    align-items:center;
    gap:14px;
    padding:14px 17px;
    border:1px solid #dce8df;
    border-radius:10px;
    background:#fff;
    color:#242a26;
    font-size:17px;
    line-height:1.45;
    font-weight: 700;
}

.wl-spotlight-line span{
    width:30px;
    height:30px;
    flex:none;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:var(--wl-green);
    color:#fff;
    font-size:13px;
    font-weight: 700;
}

.wl-doc-cta{
    padding:15px 0 30px;
}

.wl-doc-cta-card{
    display:grid;
    grid-template-columns:1fr auto;
    gap:40px;
    align-items:center;
    padding:45px 50px;
    border:1px solid #dce8df;
    border-radius:16px;
    background:linear-gradient(110deg,#f6fbf7,#fff 65%,#f2faf4);
}

.wl-doc-cta-card h2{
    margin:0 0 10px;
    color:#090909;
    font-size:38px;
    line-height:1.25;
    font-weight: 700;
}

.wl-doc-cta-card p{
    margin:0;
    color:var(--wl-muted);
    font-size:18px;
    line-height:1.7;
}

.wl-faq-section{
    padding:45px 0 70px;
    background:#fff;
}

.wl-faq-section .wl-full-card{
    padding:50px;
}

/* =========================================================
   CRM-SAFE WHITE LABEL REDESIGN — 03 SEP 2026
   IMPORTANT:
   - Existing positional CMS text nodes stay in source order.
   - Sections requested as "removed" are visually hidden only.
   - New editable content uses data-cms-key so old body-text indexes do not shift.
========================================================= */

/* Frontend-only hiding while retaining the original nodes for CMS mapping */
.wl-cms-preserve-hidden,
.wl-process,
.wl-agency-management,
.wl-agency-benefits,
.wl-partnership,
.wl-spotlight{
    display:none !important;
}

/* ---------------------------------------------------------
   1) SMART / AGENCY GOOGLE ADS TEAM
--------------------------------------------------------- */
.wl-smart{
    padding:70px 0 78px;
    background:
        radial-gradient(circle at 95% 8%,rgba(8,167,47,.055),transparent 28%),
        #fff;
}

.wl-smart-grid{
    display:block;
}

.wl-smart-copy{
    width:100%;
    max-width:none;
}

.wl-smart-copy .wl-section-title{
    max-width:1180px;
    font-size:44px;
}

.wl-smart-copy p{
    max-width:1450px;
    font-size:18px;
    line-height:1.72;
}

.wl-smart-copy .wl-smart-lead{
    max-width:1380px;
    font-size:21px;
    line-height:1.62;
}

/* Keep old brand points in DOM so body-text indexes remain stable. */
.wl-brand-points{
    display:none !important;
}

/* Highlight the CRM-edited phrase “We concentrate on campaigns.” */
.wl-smart-copy > p:last-of-type b,
.wl-smart-copy > p:last-of-type strong,
.wl-smart-copy > p:last-of-type b span,
.wl-smart-copy > p:last-of-type strong span{
    color:blue !important;
}

.wl-smart-feature-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-top:34px;
}

.wl-smart-feature-card{
    position:relative;
    min-height:210px;
    padding:26px 24px 24px;
    overflow:hidden;
    border:1px solid #dce8df;
    border-radius:18px;
    background:linear-gradient(155deg,#fff 0%,#fbfefc 70%,#eefaf1 100%);
    box-shadow:0 12px 32px rgba(10,55,27,.055);
    transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}

.wl-smart-feature-card::after{
    content:"";
    width:90px;
    height:90px;
    position:absolute;
    right:-38px;
    bottom:-38px;
    border-radius:50%;
    background:rgba(8,167,47,.055);
}

.wl-smart-feature-card:hover{
    transform:translateY(-5px);
    border-color:#a9deb6;
    box-shadow:0 18px 38px rgba(8,167,47,.10);
}

.wl-smart-feature-icon{
    width:56px;
    height:56px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:19px;
    border:1px solid #cfe9d6;
    border-radius:15px;
    background:#eaf8ee;
    font-size:27px;
    line-height:1;
}

.wl-smart-feature-card h3{
    margin:0 0 9px;
    color:#0b0c0b;
    font-size:20px;
    line-height:1.35;
    font-weight:700;
}

.wl-smart-feature-card p{
    margin:0;
    color:var(--wl-muted);
    font-size:16px;
    line-height:1.68;
}

/* ---------------------------------------------------------
   2) THREE-STEP GROWTH FLOW + DOTTED SNAKE CONNECTION
--------------------------------------------------------- */
.wl-growth{
    padding:78px 0 82px;
    background:linear-gradient(180deg,#fbfdfc 0%,#f5faf7 100%);
}

.wl-growth-grid{
    position:relative;
    grid-template-columns:repeat(3,1fr);
    gap:48px;
    max-width:1370px;
    margin:42px auto 0;
}

/* User requested the last two visual cards removed; preserve nodes for CMS. */
.wl-growth-card:nth-of-type(4),
.wl-growth-card:nth-of-type(5){
    display:none !important;
}

.wl-growth-card{
    position:relative;
    z-index:2;
    min-height:255px;
    padding:30px 28px;
    border:1px solid #d9e7dd;
    border-radius:20px;
    background:#fff;
    box-shadow:0 15px 36px rgba(18,58,31,.065);
    transition:.25s ease;
}

.wl-growth-card:hover{
    transform:translateY(-5px);
    border-color:#a7ddb4;
    box-shadow:0 20px 42px rgba(8,167,47,.10);
}

.wl-growth-card:nth-of-type(2){
    transform:translateY(34px);
}

.wl-growth-card:nth-of-type(2):hover{
    transform:translateY(28px);
}

.wl-growth-icon{
    width:62px;
    height:62px;
    border:1px solid #cde8d4;
    border-radius:16px;
    background:linear-gradient(145deg,#effaf2,#e4f6e9);
}

.wl-growth-card h3{
    font-size:21px;
}

.wl-growth-card p{
    font-size:16px;
    line-height:1.7;
}

.wl-growth-snake{
    position:absolute;
    inset:0;
    z-index:1;
    width:100%;
    height:100%;
    overflow:visible;
    pointer-events:none;
}

.wl-growth-snake path{
    fill:none;
    stroke:#4ac46a;
    stroke-width:3;
    stroke-linecap:round;
    stroke-dasharray:7 10;
    opacity:.72;
    animation:wlSnakeDash 8s linear infinite;
}

@keyframes wlSnakeDash{
    to{stroke-dashoffset:-85;}
}

/* ---------------------------------------------------------
   4) SERVICES — 7-CARD CLEAN GRID
--------------------------------------------------------- */
.wl-services{
    padding:80px 0;
    background:#fff;
}

.wl-services-grid{
    grid-template-columns:repeat(12,1fr);
    gap:18px;
}

.wl-service-card{
    grid-column:span 3;
    position:relative;
    min-height:235px;
    overflow:hidden;
    padding:28px 25px;
    border-radius:18px;
    background:linear-gradient(160deg,#fff 0%,#fbfefc 100%);
    box-shadow:0 10px 30px rgba(18,58,31,.045);
}

.wl-service-card::before{
    content:"";
    height:4px;
    position:absolute;
    top:0;
    left:0;
    right:0;
    background:linear-gradient(90deg,var(--wl-green),#75d88c);
    opacity:.85;
}

.wl-service-card:nth-of-type(5),
.wl-service-card:nth-of-type(6),
.wl-service-card:nth-of-type(7){
    grid-column:span 4;
}

/* The newly-added duplicate reporting box is frontend-hidden, not deleted. */
.wl-service-card:nth-of-type(8){
    display:none !important;
}

/* ---------------------------------------------------------
   6) EXPERIENCE — FULL-WIDTH COPY, STATS BELOW
--------------------------------------------------------- */
.wl-experience{
    padding:78px 0 84px;
}

.wl-experience-grid{
    display:block;
}

.wl-experience-copy{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px 22px;
    width:100%;
    max-width:none;
}

.wl-experience-copy .wl-eyebrow,
.wl-experience-copy .wl-section-title,
.wl-experience-copy .wl-experience-note,
.wl-experience-copy .wl-section-title + p{
    grid-column:1 / -1;
}

.wl-experience-copy .wl-section-title{
    max-width:1100px;
    margin-bottom:0;
}

.wl-experience-copy > p:not(.wl-eyebrow):not(.wl-experience-note){
    margin:0;
    padding:20px 22px;
    border:1px solid #dfe9e2;
    border-radius:14px;
    background:#fff;
    font-size:17px;
    line-height:1.7;
}

.wl-experience-copy .wl-section-title + p{
    padding:0 0 7px;
    border:0;
    border-radius:0;
    background:transparent;
    font-size:19px;
    line-height:1.75;
}

.wl-experience-copy .wl-experience-note{
    margin:3px 0 0;
    padding:18px 20px;
    border:1px solid #bce4c6;
    border-left:4px solid var(--wl-green);
    border-radius:0 14px 14px 0;
    background:linear-gradient(90deg,#effaf2,#fff);
}

.wl-experience-stats{
    grid-template-columns:repeat(4,1fr);
    gap:14px;
    margin-top:26px;
    padding:20px;
}

.wl-experience-stat{
    min-height:145px;
    padding:23px 21px;
}

.wl-experience-stat strong{
    font-size:32px;
}

/* ---------------------------------------------------------
   7/8) REAL CAMPAIGN RESULTS — BEFORE / AFTER / RESULT
--------------------------------------------------------- */
.wl-case-story{
    padding:82px 0;
    background:
        radial-gradient(circle at 7% 8%,rgba(38,106,255,.13),transparent 20%),
        radial-gradient(circle at 92% 10%,rgba(38,106,255,.11),transparent 20%),
        linear-gradient(135deg,#031431 0%,#061b3c 55%,#03132d 100%);
}

.wl-case-story-card{
    display:flex;
    flex-direction:column;
    gap:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
}

.wl-case-copy{
    display:contents;
}

.wl-case-copy .wl-eyebrow{
    order:1;
    align-self:center;
    margin:0 0 10px;
    color:#7fb0ff;
}

.wl-case-copy .wl-section-title{
    order:2;
    align-self:center;
    margin:0;
    color:#fff;
    font-size:50px;
    line-height:1.15;
    text-align:center;
}

/* Old CRM-edited result paragraphs remain in DOM but are not shown in this redesign. */
.wl-case-copy > p:not(.wl-eyebrow):not(.wl-case-tagline){
    display:none !important;
}

.wl-case-metrics{
    order:3;
    width:100%;
    max-width:1450px;
    margin:40px auto 0;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:72px;
    padding:0;
    overflow:visible;
    border-radius:0;
    background:none;
    box-shadow:none;
}

.wl-case-metric,
.wl-case-metric:first-child{
    grid-column:auto;
    position:relative;
    min-height:310px;
    align-items:center;
    justify-content:center;
    padding:36px 28px 28px;
    border:1px solid rgba(71,140,255,.52);
    border-radius:20px;
    background:linear-gradient(160deg,rgba(8,37,82,.95),rgba(5,26,61,.92));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 45px rgba(0,0,0,.20);
    text-align:center;
}

.wl-case-metric::before{
    display:block;
    margin-bottom:22px;
    font-size:23px;
    line-height:1;
    font-weight: 700;
    letter-spacing:.5px;
}

.wl-case-metric:nth-child(1)::before{
    content:"BEFORE";
    color:#ff6464;
}

.wl-case-metric:nth-child(2)::before{
    content:"AFTER";
    color:#64e386;
}

.wl-case-metric:nth-child(3)::before{
    content:"RESULT";
    color:#5e9cff;
}

.wl-case-metric:nth-child(1)::after,
.wl-case-metric:nth-child(2)::after{
    content:"→";
    position:absolute;
    top:50%;
    right:-55px;
    transform:translateY(-50%);
    color:#ffc21b;
    font-size:52px;
    line-height:1;
    font-weight:700;
}

.wl-case-metric strong,
.wl-case-metric:first-child strong{
    margin:0 0 13px;
    color:#fff;
    font-size:58px;
    line-height:1;
    font-weight: 700;
    letter-spacing:-1px;
}

.wl-case-metric span{
    max-width:280px;
    color:#f2f6ff;
    font-size:21px;
    line-height:1.45;
    font-weight:600;
}

.wl-case-tagline{
    order:4;
    width:100%;
    max-width:1080px;
    align-self:center;
    margin:36px auto 0 !important;
    color:#e1e9f8 !important;
    font-size:20px !important;
    line-height:1.72 !important;
    text-align:center;
}

.wl-case-copy .wl-btn{
    order:5;
    align-self:center;
    min-width:330px;
    margin-top:28px;
    border-color:#ffc21b;
    background:#ffc21b;
    box-shadow:0 14px 32px rgba(255,194,27,.17);
    color:#07162f !important;
}

.wl-case-copy .wl-btn:hover{
    border-color:#ffcf48;
    background:#ffcf48;
    color:#07162f !important;
}

/* ---------------------------------------------------------
   11) COMPARISON — KEEP FIRST FOUR ROWS ONLY
--------------------------------------------------------- */
#wl-comparison .wl-compare-col .wl-compare-row:nth-child(n+5){
    display:none !important;
}

#wl-comparison .wl-compare-col:last-child .wl-compare-head{
    background:linear-gradient(135deg,var(--wl-green) 0%,var(--wl-green-dark) 100%) !important;
    color:#fff !important;
}

#wl-comparison .wl-compare-list{
    padding-top:26px;
    padding-bottom:26px;
}

/* ---------------------------------------------------------
   12) AUDIENCE — moved below comparison with JS after CMS render
--------------------------------------------------------- */
.wl-audience{
    padding:76px 0 82px;
    background:linear-gradient(180deg,#fff 0%,#f8fcf9 100%);
    border-bottom:1px solid #edf2ee;
}

.wl-audience-card{
    min-height:230px;
    border-radius:18px;
    box-shadow:0 10px 28px rgba(18,58,31,.04);
    transition:.25s ease;
}

.wl-audience-card:hover{
    transform:translateY(-4px);
    border-color:#b5e0bf;
    box-shadow:0 17px 34px rgba(8,167,47,.08);
}

/* =========================================================
   WHITE LABEL POLISH V2 — CRM-SAFE
   All legacy positional text nodes stay in DOM/source order.
   New editable copy uses stable data-cms-key values.
========================================================= */

/* Center the important Smart section and its four cards */
.wl-smart-copy{ text-align:center; }
.wl-smart-copy .wl-eyebrow{ justify-content:center; }
.wl-smart-copy .wl-section-title,
.wl-smart-copy p{ margin-left:auto; margin-right:auto; }
.wl-smart-copy .wl-section-title{ max-width:1320px; }
.wl-smart-copy .wl-smart-lead{ max-width:1500px; }
.wl-smart-feature-card{ text-align:center; }
.wl-smart-feature-icon{ margin:0 auto 19px; }

/* Make Real Campaign Results more compact */
.wl-case-story{ padding:58px 0 62px; }
.wl-case-copy .wl-eyebrow{ margin-bottom:7px; font-size:16px; }
.wl-case-copy .wl-section-title{ font-size:42px; }
.wl-case-metrics{ max-width:1320px; gap:46px; margin-top:30px; }
.wl-case-metric,
.wl-case-metric:first-child{ min-height:245px; padding:28px 24px 24px; border-radius:18px; }
.wl-case-metric::before{ margin-bottom:17px; font-size:20px; }
.wl-case-metric:nth-child(1)::after,
.wl-case-metric:nth-child(2)::after{ right:-40px; font-size:38px; }
.wl-case-metric strong,
.wl-case-metric:first-child strong{ margin-bottom:11px; font-size:48px; }
.wl-case-metric span{ max-width:250px; font-size:17px; line-height:1.45; }
.wl-case-tagline{ max-width:1050px; margin-top:25px !important; font-size:17px !important; line-height:1.65 !important; }
.wl-case-copy .wl-btn{ min-width:280px; margin-top:20px; }

/* FAQ: legacy nodes remain for positional CRM mapping but are not visible */
.wl-faq-legacy-preserve{ display:none !important; }
.wl-faq-layout{ grid-template-columns:330px minmax(0,1fr); }
.wl-faq-list{ gap:12px; }

/* Why Agencies Partner With SandyMedia */
.wl-why{
    padding:72px 0 78px;
    background:radial-gradient(circle at 92% 8%,rgba(8,167,47,.06),transparent 26%),linear-gradient(180deg,#fbfefc 0%,#f6fbf7 100%);
}
.wl-why-partner-title{ max-width:950px; margin:0 auto; }
.wl-partner-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:38px; }
.wl-partner-card{
    position:relative; min-height:230px; padding:30px 28px 27px; overflow:hidden;
    border:1px solid #dce7df; border-radius:20px; background:#fff;
    box-shadow:0 13px 34px rgba(18,58,31,.055);
    transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.wl-partner-card::before{ content:""; width:100%; height:4px; position:absolute; top:0; left:0; background:linear-gradient(90deg,var(--wl-green),#63d37f); }
.wl-partner-card::after{ content:""; width:115px; height:115px; position:absolute; right:-55px; bottom:-55px; border-radius:50%; background:rgba(8,167,47,.055); }
.wl-partner-card:hover{ transform:translateY(-5px); border-color:#acdcb7; box-shadow:0 20px 44px rgba(8,167,47,.10); }
.wl-partner-icon{ width:58px; height:58px; display:flex; align-items:center; justify-content:center; margin-bottom:20px; border:1px solid #cce7d3; border-radius:16px; background:linear-gradient(145deg,#effaf2,#e7f7eb); color:var(--wl-green); }
.wl-partner-icon svg{ width:31px; height:31px; stroke:currentColor; }
.wl-partner-card h3{ position:relative; z-index:2; margin:0 0 10px; color:#0a0b0a; font-size:21px; line-height:1.35; font-weight: 700; }
.wl-partner-card p{ position:relative; z-index:2; margin:0; color:var(--wl-muted); font-size:16px; line-height:1.7; }

/* Final CTA — navy/yellow reference style while preserving CRM text nodes */
.wl-final-section{ padding:30px 0 58px; background:#fff; }
.wl-final-cta{
    position:relative; min-height:360px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0;
    padding:46px 50px 34px; overflow:hidden; border:1px solid #183866; border-radius:22px;
    background:radial-gradient(circle at 12% 18%,rgba(34,112,255,.16),transparent 22%),radial-gradient(circle at 90% 10%,rgba(34,112,255,.12),transparent 20%),linear-gradient(135deg,#020f27 0%,#061b3f 55%,#020e24 100%);
    box-shadow:0 22px 55px rgba(2,15,39,.18); text-align:center;
}
.wl-final-cta::before,
.wl-final-cta::after{ content:""; width:420px; height:1px; position:absolute; bottom:78px; background:linear-gradient(90deg,transparent,#1a6ce5,transparent); opacity:.48; transform:rotate(8deg); }
.wl-final-cta::before{ left:-90px; }
.wl-final-cta::after{ right:-90px; transform:rotate(-8deg); }
.wl-final-icon{ display:none !important; }
.wl-final-cta > div:nth-child(2){ position:relative; z-index:2; width:100%; max-width:980px; }
.wl-final-cta h2{ margin:0 0 4px; color:#fff; font-size:39px; line-height:1.2; letter-spacing:-.7px; }
.wl-final-cta p{ margin:0; color:#ffc21b; font-size:29px; line-height:1.3; font-weight:700; }
.wl-final-cta blockquote,
.wl-final-cta p div,
.wl-final-cta p p{ max-width:740px; margin:14px auto 0 !important; padding:0 !important; border:0 !important; color:#f1f5ff !important; background:transparent !important; font-size:15px !important; line-height:1.55 !important; font-weight:500 !important; }
.wl-final-cta .wl-btn{ position:relative; z-index:2; min-width:330px; margin-top:22px; border-color:#ffc21b; background:linear-gradient(180deg,#ffcb35,#ffb900); box-shadow:0 14px 28px rgba(255,194,27,.20); color:#07162f !important; }
.wl-final-cta .wl-btn:hover{ border-color:#ffd45c; background:linear-gradient(180deg,#ffd45c,#ffc21b); color:#07162f !important; }
.wl-final-trust-grid{ position:relative; z-index:2; width:100%; max-width:1000px; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:28px; }
.wl-final-trust{ display:grid; grid-template-columns:42px 1fr; gap:12px; align-items:center; padding:14px 15px; border:1px solid rgba(102,153,235,.26); border-radius:13px; background:rgba(255,255,255,.035); text-align:left; }
.wl-final-trust-icon{ width:42px; height:42px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,194,27,.5); border-radius:12px; color:#ffc21b; }
.wl-final-trust-icon svg{ width:23px; height:23px; stroke:currentColor; }
.wl-final-trust strong{ display:block; margin:0 0 3px; color:#fff; font-size:14px; line-height:1.25; }
.wl-final-trust span{ display:block; color:#b9c8df; font-size:11px; line-height:1.4; }

/* =========================================================
   MOBILE
   ONLY REQUIRED MEDIA QUERY
========================================================= */

/* =========================================================
   FINAL HERO + FOUR SMART CARDS POLISH — CRM SAFE
   - Editable text nodes are not added/removed/reordered.
   - Only layout/design and decorative icons are changed.
========================================================= */

/* ---------------- HERO ---------------- */
.wl-hero{
    min-height:610px;
    padding:38px 0 44px;
}

.wl-hero-grid{
    grid-template-columns:minmax(0,.90fr) minmax(0,1.10fr);
    gap:34px;
    align-items:center;
}

.wl-hero-content{
    max-width:820px;
    padding-top:0;
}

.wl-hero-kicker{
    display:inline-flex;
    align-items:center;
    width:auto;
    max-width:100%;
    margin:0 0 17px;
    padding:7px 13px;
    border:1px solid var(--wl-green);
    border-radius:9px;
    background:#fff;
    color:var(--wl-green);
    font-size:15px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.05px;
    white-space:nowrap;
    box-shadow:0 5px 14px rgba(8,167,47,.06);
}

.wl-hero-title,
.sm-unified-hero-title{
    width:100%;
    max-width:820px;
    font-size:44px;
    line-height:1.08;
    letter-spacing:-2px;
    text-wrap:balance;
}

.wl-title-line{
    margin:20px 0;
}

.wl-hero-desc{
    max-width:760px;
    margin-bottom:18px;
    font-size:18px;
    line-height:1.58;
}

.wl-hero-support{
    max-width:760px;
    margin:3px 0 17px;
    padding:14px 17px;
    font-size:18px;
    line-height:1.5;
}

.wl-hero-visual{
    justify-content:flex-end;
    align-items:center;
}

.wl-dashboard-image{
    width:min(100%,850px);
    margin-left:auto;
}

.wl-dashboard-image img{
    width:100%;
    height:auto;
    display:block;
    object-fit:contain;
    object-position:center;
}

/* ---------------- FOUR SMART CARDS ---------------- */
.wl-smart-feature-grid{
    gap:20px;
    margin-top:36px;
}

.wl-smart-feature-card{
    min-height:225px;
    padding:28px 25px 26px;
    text-align:left;
    border:1px solid #d9dee6;
    border-radius:18px;
    background:#fff;
    box-shadow:
        0 1px 0 rgba(15,23,42,.03),
        0 13px 32px rgba(15,23,42,.065);
    transition:
        transform .24s ease,
        border-color .24s ease,
        box-shadow .24s ease;
}

.wl-smart-feature-card::after{
    display:none !important;
    content:none !important;
}

.wl-smart-feature-card::before{
    content:"";
    position:absolute;
    top:0;
    left:24px;
    right:24px;
    height:2px;
    border-radius:0 0 8px 8px;
    background:linear-gradient(90deg,transparent,#4b5563,transparent);
    opacity:.55;
}

.wl-smart-feature-card:hover{
    transform:translateY(-5px);
    border-color:#aeb7c2;
    box-shadow:
        0 1px 0 rgba(15,23,42,.04),
        0 20px 42px rgba(15,23,42,.11);
}

.wl-smart-feature-icon{
    width:58px;
    height:58px;
    margin:0 0 20px;
    border:1px solid #d8dee7;
    border-radius:15px;
    background:linear-gradient(145deg,#ffffff 0%,#f3f5f8 100%);
    color:#172033;
    box-shadow:0 8px 18px rgba(15,23,42,.07);
    font-size:0;
}

.wl-smart-feature-icon svg{
    width:29px;
    height:29px;
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.wl-smart-feature-card h3{
    margin-bottom:10px;
    color:#111827;
    font-size:20px;
    line-height:1.34;
    font-weight:700;
}

.wl-smart-feature-card p{
    color:#59616d;
    font-size:15.5px;
    line-height:1.68;
}

/* =========================================================
   HERO FINAL DESKTOP WIDTH FIX — CRM SAFE
   Only layout sizing is changed. No editable text node is moved/removed.
========================================================= */
.wl-page .wl-hero-grid{
    grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
    gap:24px;
    align-items:center;
}

.wl-page .wl-hero-content{
    width:100%;
    max-width:760px;
    min-width:0;
}

.wl-page .wl-hero-title{
    width:100%;
    max-width:760px;
    font-size:clamp(40px,2.65vw,47px);
    line-height:1.06;
    letter-spacing:-1.8px;
    text-wrap:balance;
    overflow-wrap:normal;
    word-break:normal;
}

.wl-page .wl-hero-desc,
.wl-page .wl-hero-support{
    max-width:750px;
}

.wl-page .wl-hero-visual{
    min-width:0;
    width:100%;
    justify-content:flex-end;
}

.wl-page .wl-dashboard-image{
    width:min(100%,930px);
    max-width:none;
    margin-left:auto;
    margin-right:0;
}

/* =========================================================
   WHITE LABEL BRAND SHOWCASE
   Fully namespaced so this page cannot override Google Ads page CSS.
========================================================= */
.wl-brand-showcase{
    width:100%;
    padding:52px 0 58px;
    overflow:hidden;
    border-top:1px solid #eef2ef;
    border-bottom:1px solid #eef2ef;
    background:#fff;
}

.wl-brand-showcase .wl-container{
    overflow:visible;
}

.wl-brand-divider{
    display:grid;
    grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr);
    gap:28px;
    align-items:center;
    margin:0 0 30px;
}

.wl-brand-divider::before,
.wl-brand-divider::after{
    content:"";
    height:1px;
    background:linear-gradient(90deg,transparent,#dfe5e1);
}

.wl-brand-divider::after{
    background:linear-gradient(90deg,#dfe5e1,transparent);
}

.wl-brand-divider span{
    color:#12264a;
    font-size:17px;
    line-height:1.25;
    font-weight:700;
    letter-spacing:4px;
    text-align:center;
    text-transform:uppercase;
}

.wl-brand-marquee{
    width:100%;
    position:relative;
    overflow:hidden;
    padding:0;
    border:1px solid #e1e8e3;
    border-radius:30px;
    background:
        radial-gradient(circle at 50% 0%,rgba(8,167,47,.045),transparent 42%),
        #fff;
    box-shadow:0 20px 48px rgba(15,23,42,.08);
}

.wl-brand-marquee::before,
.wl-brand-marquee::after{
    content:"";
    width:72px;
    position:absolute;
    top:0;
    bottom:0;
    z-index:3;
    pointer-events:none;
}

.wl-brand-marquee::before{
    left:0;
    background:linear-gradient(90deg,#fff,rgba(255,255,255,0));
}

.wl-brand-marquee::after{
    right:0;
    background:linear-gradient(270deg,#fff,rgba(255,255,255,0));
}

.wl-brand-marquee-track{
    --wl-brand-duration:30s;
    display:flex;
    width:max-content;
    will-change:transform;
    animation:wlBrandMarquee var(--wl-brand-duration) linear infinite;
}

.wl-brand-marquee:hover .wl-brand-marquee-track,
.wl-brand-marquee:focus-within .wl-brand-marquee-track{
    animation-play-state:paused;
}

.wl-brand-logo-set{
    display:flex;
    align-items:stretch;
    gap:28px;
    flex:none;
    padding:32px 14px;
}

.wl-brand-logo-item{
    width:360px;
    min-width:360px;
    height:210px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    padding:30px 34px;
    border:1px solid #dfe6e2;
    border-radius:24px;
    background:#fff;
    box-shadow:0 10px 28px rgba(15,23,42,.045);
}

.wl-brand-logo-item img{
    width:100%;
    max-width:285px;
    height:115px;
    display:block;
    object-fit:contain;
    object-position:center;
}

.wl-brand-logo-item.wl-logo-wide img{
    max-width:290px;
}

.wl-brand-logo-item.wl-logo-ultrawide img{
    max-width:305px;
    height:105px;
}

@keyframes wlBrandMarquee{
    from{ transform:translate3d(0,0,0); }
    to{ transform:translate3d(-50%,0,0); }
}

@media (max-width: 767px){

    /* BRAND SHOWCASE */
    .wl-brand-showcase{
        padding:34px 0 40px;
    }

    .wl-brand-divider{
        grid-template-columns:1fr;
        gap:0;
        margin-bottom:20px;
    }

    .wl-brand-divider::before,
    .wl-brand-divider::after{
        display:none;
    }

    .wl-brand-divider span{
        font-size:12px;
        line-height:1.45;
        letter-spacing:2.1px;
    }

    .wl-brand-marquee{
        border-radius:20px;
    }

    .wl-brand-marquee::before,
    .wl-brand-marquee::after{
        width:30px;
    }

    .wl-brand-logo-set{
        gap:12px;
        padding:18px 6px;
    }

    .wl-brand-logo-item{
        width:230px;
        min-width:230px;
        height:138px;
        padding:20px 24px;
        border-radius:17px;
    }

    .wl-brand-logo-item img,
    .wl-brand-logo-item.wl-logo-wide img,
    .wl-brand-logo-item.wl-logo-ultrawide img{
        max-width:190px;
        height:78px;
    }

    .wl-container{
        width:calc(100% - 28px);
    }

    .wl-section-title{
        font-size:31px;
        line-height:1.25;
    }

    .wl-section-desc{
        font-size:15px;
    }

    .wl-btn{
        min-height:54px;
        padding:13px 20px;
        font-size:15px;
    }

    /* HERO */

    .wl-hero{
        min-height:auto;
        padding:34px 0 42px;
        background:
            radial-gradient(
                circle,
                rgba(8,167,47,.08) 1.2px,
                transparent 1.5px
            ) 0 0 / 22px 22px,
            #fff;
    }

    .wl-hero::before{
        display:none;
    }

    .wl-hero-grid{
        grid-template-columns:1fr;
        gap:28px;
    }

    .wl-hero-content{
        max-width:100%;
        padding-top:0;
        text-align:center;
    }

    .wl-hero-title{
        max-width:100%;
        font-size:39px;
        line-height:1.09;
        letter-spacing:-1.6px;
    }

    .wl-page .wl-hero-content,
    .wl-page .wl-hero-title{
        max-width:100%;
    }

    .wl-page .wl-hero-title{
        font-size:clamp(32px,9.4vw,39px);
        line-height:1.08;
        text-wrap:balance;
    }

    .wl-title-line{
        width:50px;
        height:3px;
        margin:20px auto;
    }

    .wl-hero-desc{
        max-width:100%;
        margin-bottom:18px;
        font-size:16px;
        line-height:1.62;
    }

    .wl-hero-content .wl-btn{
        width:100%;
        max-width:330px;
    }

    .wl-hero-trust{
        width:100%;
        max-width:100%;
        margin-top:16px;
        justify-content:flex-start;
        padding:11px 12px;
        font-size:14px;
        line-height:1.45;
        text-align:left;
    }

    .wl-hero-trust::before{
        width:25px;
        height:25px;
        flex-basis:25px;
        font-size:12px;
    }

    .wl-hero-checks{
        justify-content:center;
        gap:12px 15px;
        margin-top:24px;
    }

    .wl-hero-check{
        font-size:12px;
    }

    .wl-check-circle{
        width:20px;
        height:20px;
    }

    /* HERO IMAGE */

    .wl-hero-visual{
        justify-content:center;
        padding:2px 0 0;
    }

    .wl-dashboard-image{
        width:100%;
    }

    .wl-dashboard-image img{
        width:100%;
    }

    /* BENEFITS */

    .wl-benefits{
        padding:45px 0;
    }

    .wl-benefit-grid{
        grid-template-columns:1fr;
        gap:11px;
        margin-top:28px;
        border:0;
    }

    .wl-benefit{
        min-height:auto;
        grid-template-columns:59px 1fr;
        gap:15px;
        padding:17px;
        border:1px solid #e2e8e3;
        border-radius:10px;
    }

    .wl-benefit:not(:last-child)::after{
        display:none;
    }

    .wl-benefit-icon{
        width:56px;
        height:56px;
    }

    .wl-benefit-icon svg{
        width:31px;
        height:31px;
    }

    .wl-benefit h3{
        margin-bottom:5px;
        font-size:17px;
    }

    .wl-benefit p{
        font-size:14px;
        line-height:1.6;
    }

    /* PROCESS */

    .wl-process{
        padding:45px 0;
    }

    .wl-process-grid{
        grid-template-columns:1fr;
        gap:31px;
        margin-top:32px;
    }

    .wl-process-grid::before{
        width:1px;
        height:calc(100% - 85px);
        top:42px;
        left:41px;
        right:auto;
    }

    .wl-process-item{
        display:grid;
        grid-template-columns:84px 1fr;
        gap:16px;
        align-items:center;
        text-align:left;
    }

    .wl-process-icon{
        width:82px;
        height:82px;
        margin:0;
    }

    .wl-process-icon svg{
        width:34px;
        height:34px;
    }

    .wl-process-item h3{
        margin-bottom:6px;
        font-size:18px;
    }

    .wl-process-item p{
        max-width:100%;
        margin:0;
        font-size:14px;
        line-height:1.65;
    }

    /* RESULTS */

    .wl-results{
        padding:45px 0;
    }

    .wl-results-grid{
        grid-template-columns:1fr;
        gap:12px;
        margin-top:28px;
    }

    .wl-result-card{
        min-height:120px;
        justify-content:flex-start;
        padding:20px;
    }

    .wl-result-icon svg{
        width:49px;
        height:49px;
    }

    .wl-result-number{
        font-size:30px;
    }

    .wl-result-label{
        font-size:15px;
    }

    .wl-result-desc{
        font-size:13px;
    }

    /* FULL WIDTH */

    .wl-full-section{
        padding:8px 0;
    }

    .wl-full-card{
        padding:26px 16px;
        border-radius:11px;
    }

    .wl-card-intro h2{
        font-size:27px;
        text-align:center;
    }

    .wl-card-intro p{
        font-size:15px;
        line-height:1.65;
        text-align:center;
    }

    /* COMPARE */

    .wl-compare-layout{
        grid-template-columns:1fr;
        gap:25px;
    }

    .wl-compare{
        grid-template-columns:1fr 1fr;
    }

    .wl-compare-head{
        min-height:54px;
        padding:8px 5px;
        font-size:11px;
    }

    .wl-compare-list{
        padding:10px 7px;
    }

    .wl-compare-row{
        min-height:52px;
        align-items:flex-start;
        gap:6px;
        padding:4px 0;
        font-size:10px;
        line-height:1.45;
    }

    .wl-small-check,
    .wl-small-cross{
        width:17px;
        height:17px;
        margin-top:1px;
        font-size:8px;
    }

    .wl-vs{
        width:40px;
        height:40px;
        font-size:10px;
    }

    /* TRUSTED */

    .wl-trusted-layout{
        grid-template-columns:1fr;
        gap:25px;
    }

    .wl-agencies{
        grid-template-columns:repeat(2,1fr);
        gap:9px;
    }

    .wl-agency{
        min-height:82px;
        padding:10px;
        font-size:14px;
    }

    .wl-agency small{
        font-size:9px;
    }

    /* FAQ */

    .wl-faq-layout{
        grid-template-columns:1fr;
        gap:24px;
    }

    .wl-faq-button{
        min-height:67px;
        padding:13px 14px;
        font-size:14px;
    }

    .wl-faq-plus{
        width:30px;
        height:30px;
        font-size:20px;
    }

    .wl-faq-answer{
        padding:0 14px;
        font-size:13px;
    }

    .wl-faq-item.active .wl-faq-answer{
        padding:0 14px 17px;
    }

    /* CASE */

    .wl-case-layout{
        grid-template-columns:1fr;
        gap:25px;
    }

    .wl-case-grid{
        grid-template-columns:1fr;
        gap:10px;
    }

    .wl-case-card{
        min-height:110px;
        padding:17px;
    }

    .wl-case-icon{
        width:54px;
        height:54px;
    }

    .wl-case-value{
        font-size:27px;
    }

    .wl-case-name{
        font-size:14px;
    }

    .wl-case-desc{
        font-size:13px;
    }

    /* GROW CTA */

    .wl-grow{
        grid-template-columns:1fr;
        gap:20px;
        min-height:auto;
        padding:29px 18px;
        text-align:center;
    }

    .wl-grow h2{
        font-size:28px;
    }

    .wl-grow p{
        font-size:15px;
    }

    .wl-grow .wl-btn{
        width:100%;
        min-width:0;
    }

    /* TESTIMONIAL */

    .wl-testimonial-section{
        padding:45px 0;
    }

    .wl-testimonial-wrap{
        min-height:auto;
        grid-template-columns:32px 1fr 32px;
        gap:5px;
        text-align:center;
    }

    .wl-review-avatar{
        grid-column:2;
        width:110px;
        height:110px;
        margin:0 auto;
    }

    .wl-testimonial-wrap .wl-review-arrow:first-child{
        grid-column:1;
        grid-row:1 / span 2;
    }

    .wl-testimonial-wrap .wl-review-arrow:last-child{
        grid-column:3;
        grid-row:1 / span 2;
    }

    .wl-review-arrow{
        width:30px;
        font-size:29px;
    }

    .wl-review-content{
        grid-column:2;
        grid-row:2;
        min-height:240px;
        padding:40px 3px 0;
    }

    .wl-review-quote{
        top:2px;
        left:50%;
        transform:translateX(-50%);
        font-size:47px;
    }

    .wl-review-text{
        font-size:15px;
        line-height:1.7;
    }

    .wl-review-name{
        font-size:14px;
    }

    .wl-review-company{
        font-size:12px;
    }

    .wl-review-stars{
        font-size:14px;
    }

    /* FINAL CTA */

    .wl-final-section{
        padding-bottom:35px;
    }

    .wl-final-cta{
        grid-template-columns:1fr;
        gap:12px;
        padding:26px 17px;
        text-align:center;
    }

    .wl-final-icon{
        margin:auto;
    }

    .wl-final-cta h2{
        font-size:24px;
    }

    .wl-final-cta p{
        font-size:14px;
        line-height:1.55;
    }

    .wl-final-cta .wl-btn{
        width:100%;
        min-width:0;
    }

    /* DOCX CONTENT SUPPORT */

    .wl-eyebrow{
        justify-content:center;
        margin-bottom:13px;
        font-size:12px;
    }

    .wl-hero-kicker{
        font-size:16px;
    }

   .wl-hero-support{
        margin-bottom:16px;
        padding:14px 15px;
        border-left-width:3px;
        font-size:16px;
        line-height:1.55;
        text-align:left;
    }

    .wl-smart,
    .wl-growth,
    .wl-services,
    .wl-agency-management,
    .wl-agency-benefits,
    .wl-experience,
    .wl-case-story,
    .wl-partnership,
    .wl-audience,
    .wl-why,
    .wl-spotlight{
        padding:45px 0;
    }

    .wl-smart-grid,
    .wl-experience-grid,
    .wl-case-story-card,
    .wl-spotlight-card,
    .wl-doc-cta-card{
        grid-template-columns:1fr;
        gap:24px;
    }

    .wl-smart-copy,
    .wl-experience-copy,
    .wl-case-copy,
    .wl-spotlight-copy{
        max-width:100%;
        text-align:center;
    }

    .wl-smart-copy .wl-section-title{
        max-width:100%;
        font-size:30px;
        line-height:1.2;
    }

    .wl-smart-copy p,
    .wl-experience-copy p,
    .wl-case-copy p,
    .wl-spotlight-copy p,
    .wl-growth-intro p{
        font-size:15px;
        line-height:1.65;
    }

    .wl-smart-copy .wl-smart-lead{
        font-size:18px;
    }

    .wl-brand-points{
        gap:9px;
        padding:16px;
        border-radius:11px;
    }

    .wl-brand-point{
        min-height:52px;
        padding:10px 12px;
        font-size:14px;
    }

    .wl-brand-point span{
        width:25px;
        height:25px;
        font-size:11px;
    }

    .wl-growth-grid,
    .wl-services-grid,
    .wl-agency-management-grid,
    .wl-agency-benefits-grid,
    .wl-partnership-grid,
    .wl-audience-grid,
    .wl-why-grid{
        grid-template-columns:1fr;
        gap:11px;
        margin-top:28px;
    }

    .wl-growth-card,
    .wl-service-card,
    .wl-partnership-card,
    .wl-audience-card,
    .wl-why-card{
        min-height:auto;
        padding:19px 17px;
    }

    .wl-growth-icon,
    .wl-service-icon,
    .wl-audience-icon,
    .wl-why-icon{
        width:52px;
        height:52px;
        margin-bottom:14px;
    }

    .wl-growth-icon svg,
    .wl-service-icon svg,
    .wl-audience-icon svg,
    .wl-why-icon svg{
        width:28px;
        height:28px;
    }

    .wl-growth-card h3,
    .wl-service-card h3,
    .wl-audience-card h3,
    .wl-why-card h3{
        font-size:18px;
    }

    .wl-growth-card p,
    .wl-service-card p,
    .wl-audience-card p,
    .wl-why-card p,
    .wl-partnership-card p{
        font-size:14px;
        line-height:1.65;
    }

    .wl-experience-stats{
        grid-template-columns:1fr 1fr;
        gap:9px;
        padding:13px;
        border-radius:16px;
    }

    .wl-experience-stat{
        min-height:125px;
        padding:17px 13px;
    }

    .wl-experience-stat strong{
        font-size:24px;
    }

    .wl-experience-stat span{
        font-size:12px;
    }

    .wl-experience-copy .wl-experience-note{
        padding-left:0;
        border-left:0;
    }

    .wl-case-story-card,
    .wl-spotlight-card{
        padding:25px 17px;
        border-radius:12px;
    }

    .wl-case-metrics{
        grid-template-columns:1fr;
        gap:9px;
        padding:14px;
        border-radius:15px;
    }

    .wl-case-metric{
        min-height:105px;
        text-align:center;
    }

    .wl-case-metric strong{
        font-size:27px;
    }

    .wl-case-copy .wl-btn{
        width:100%;
    }

    .wl-partnership-number{
        width:40px;
        height:40px;
        margin-bottom:14px;
        font-size:13px;
    }

    .wl-partnership-card h3{
        font-size:17px;
    }

    .wl-spotlight-line{
        min-height:55px;
        padding:11px 12px;
        font-size:14px;
    }

    .wl-doc-cta{
        padding:8px 0 20px;
    }

    .wl-doc-cta-card{
        padding:28px 18px;
        text-align:center;
    }

    .wl-doc-cta-card h2{
        font-size:28px;
    }

    .wl-doc-cta-card p{
        font-size:15px;
    }

    .wl-doc-cta-card .wl-btn{
        width:100%;
    }

    .wl-agency-management-copy{
        grid-template-columns:1fr;
        gap:16px;
        text-align:center;
    }

    .wl-agency-management-copy .wl-section-title{
        max-width:100%;
        font-size:29px;
        line-height:1.2;
        text-align:center;
    }

    .wl-agency-management-text{
        gap:10px;
        padding-top:0;
    }

    .wl-agency-management-copy p{
        font-size:15px;
        line-height:1.6;
        text-align:center;
    }

    .wl-agency-management-card,
    .wl-agency-benefit-card{
        grid-column:auto !important;
        min-height:auto;
        padding:20px 18px;
    }

    .wl-agency-management-icon,
    .wl-agency-benefit-icon{
        width:52px;
        height:52px;
        margin-bottom:14px;
    }

    .wl-agency-management-icon svg,
    .wl-agency-benefit-icon svg{
        width:28px;
        height:28px;
    }

    .wl-faq-section{
        padding:25px 0 45px;
    }

    .wl-faq-section .wl-full-card{
        padding:26px 16px;
    }

    /* CRM-SAFE REDESIGN MOBILE OVERRIDES */
    .wl-smart-feature-grid{
        grid-template-columns:1fr;
        gap:11px;
        margin-top:24px;
        text-align:left;
    }

    .wl-smart-feature-card{
        min-height:auto;
        padding:20px 18px;
    }

    .wl-smart-feature-icon{
        width:50px;
        height:50px;
        margin-bottom:13px;
        font-size:23px;
    }

    .wl-smart-feature-card h3{
        font-size:18px;
    }

    .wl-smart-feature-card p{
        font-size:14px;
    }

    .wl-growth-grid{
        grid-template-columns:1fr;
        gap:12px;
        max-width:100%;
        margin-top:28px;
    }

    .wl-growth-card:nth-of-type(2),
    .wl-growth-card:nth-of-type(2):hover{
        transform:none;
    }

    .wl-growth-snake{
        display:none;
    }

    .wl-services-grid{
        grid-template-columns:1fr;
    }

    .wl-service-card,
    .wl-service-card:nth-of-type(5),
    .wl-service-card:nth-of-type(6),
    .wl-service-card:nth-of-type(7){
        grid-column:auto;
    }

    .wl-experience-copy{
        display:block;
    }

    .wl-experience-copy > p:not(.wl-eyebrow):not(.wl-experience-note),
    .wl-experience-copy .wl-section-title + p{
        margin-bottom:12px;
        padding:15px 14px;
        border:1px solid #dfe9e2;
        border-radius:12px;
        background:#fff;
        font-size:14px;
        line-height:1.65;
        text-align:left;
    }

    .wl-experience-copy .wl-section-title + p{
        border:0;
        background:transparent;
        padding:0;
    }

    .wl-experience-copy .wl-experience-note{
        margin-top:12px;
        padding:15px 14px;
        border:1px solid #bce4c6;
        border-left:3px solid var(--wl-green);
        border-radius:0 12px 12px 0;
        text-align:left;
    }

    .wl-experience-stats{
        grid-template-columns:1fr 1fr;
        margin-top:18px;
    }

    .wl-case-story{
        padding:52px 0;
    }

    .wl-case-copy .wl-section-title{
        font-size:32px;
    }

    .wl-case-metrics{
        grid-template-columns:1fr;
        gap:16px;
        margin-top:28px;
    }

    .wl-case-metric,
    .wl-case-metric:first-child{
        min-height:205px;
        padding:26px 18px;
    }

    .wl-case-metric:nth-child(1)::after,
    .wl-case-metric:nth-child(2)::after{
        content:"↓";
        top:auto;
        right:auto;
        left:50%;
        bottom:-25px;
        transform:translateX(-50%);
        font-size:30px;
    }

    .wl-case-metric strong,
    .wl-case-metric:first-child strong{
        font-size:43px;
    }

    .wl-case-metric span{
        font-size:17px;
    }

    .wl-case-tagline{
        margin-top:26px !important;
        font-size:16px !important;
        line-height:1.65 !important;
    }

    .wl-case-copy .wl-btn{
        width:100%;
        min-width:0;
        max-width:360px;
    }

    .wl-audience{
        padding:45px 0;
    }

    .wl-smart-copy .wl-section-title{ font-size:32px; }
    .wl-smart-feature-grid,
    .wl-partner-grid,
    .wl-final-trust-grid{ grid-template-columns:1fr; }
    .wl-smart-feature-card,
    .wl-partner-card{ min-height:auto; }
    .wl-case-story{ padding:44px 0 48px; }
    .wl-case-copy .wl-section-title{ font-size:33px; }
    .wl-case-metrics{ grid-template-columns:1fr; gap:18px; margin-top:24px; }
    .wl-case-metric,
    .wl-case-metric:first-child{ min-height:205px; }
    .wl-case-metric:nth-child(1)::after,
    .wl-case-metric:nth-child(2)::after{ content:"↓"; top:auto; right:50%; left:auto; bottom:-30px; transform:translateX(50%); font-size:28px; }
    .wl-case-metric strong,
    .wl-case-metric:first-child strong{ font-size:43px; }
    .wl-faq-layout{ grid-template-columns:1fr; }
    .wl-final-cta{ min-height:auto; padding:34px 18px 24px; border-radius:17px; }
    .wl-final-cta h2{ font-size:30px; }
    .wl-final-cta p{ font-size:22px; }
    .wl-final-cta .wl-btn{ width:100%; min-width:0; max-width:360px; }
    .wl-final-trust{ grid-template-columns:38px 1fr; }

    /* =====================================================
       FINAL HERO + SMART CARDS MOBILE POLISH
    ===================================================== */
    .wl-hero{
        padding:30px 0 38px;
    }

    .wl-hero-grid{
        grid-template-columns:1fr;
        gap:24px;
    }

    .wl-hero-content{
        max-width:100%;
        padding-top:0;
        order:2;
    }

    .wl-hero-kicker{
        max-width:100%;
        margin:0 auto 15px;
        padding:6px 8px;
        font-size:clamp(9px,2.75vw,12px);
        line-height:1.15;
        letter-spacing:-.1px;
        white-space:nowrap;
        box-shadow:none;
    }

    .wl-hero-title,
    .sm-unified-hero-title{
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
        font-size:clamp(27px,8vw,35px);
        line-height:1.08;
        letter-spacing:-1.25px;
        text-wrap:balance;
    }

    .wl-hero-desc{
        max-width:100%;
        margin-bottom:16px;
        font-size:15px;
        line-height:1.58;
    }

    .wl-hero-support{
        max-width:100%;
        margin-bottom:16px;
        padding:13px 14px;
        font-size:15px;
        line-height:1.48;
    }

    .wl-hero-visual{
        width:100%;
        order:1;
        justify-content:center;
        align-items:center;
        padding:0;
    }

    .wl-dashboard-image{
        width:100%;
        max-width:680px;
        margin:0 auto;
    }

    .wl-dashboard-image img{
        width:100%;
        height:auto;
        object-fit:contain;
    }

    .wl-smart-feature-grid{
        grid-template-columns:1fr;
        gap:14px;
        margin-top:26px;
        text-align:left;
    }

    .wl-smart-feature-card{
        min-height:auto;
        padding:22px 20px;
        border-radius:16px;
        text-align:left;
        box-shadow:0 10px 26px rgba(15,23,42,.07);
    }

    .wl-smart-feature-card::before{
        left:20px;
        right:20px;
    }

    .wl-smart-feature-icon{
        width:52px;
        height:52px;
        margin:0 0 15px;
        border-radius:13px;
    }

    .wl-smart-feature-icon svg{
        width:26px;
        height:26px;
    }

    .wl-smart-feature-card h3{
        font-size:18px;
        line-height:1.35;
    }

    .wl-smart-feature-card p{
        font-size:14px;
        line-height:1.62;
    }

}

/* =========================================================
   FINAL HERO + SMALL LEAD MODAL FIX
   CRM SAFE
========================================================= */

/* =========================
   HERO - ALL DESKTOP/LAPTOP
========================= */

.wl-page .wl-hero{
    min-height:auto;
    padding:24px 0 30px;
}

.wl-page .wl-hero .wl-container{
    width:calc(100% - 36px);
    max-width:1760px;
}

.wl-page .wl-hero-grid{
    grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);
    gap:18px;
    align-items:center;
}

.wl-page .wl-hero-content{
    width:100%;
    max-width:none;
    min-width:0;
    padding-top:0;
}

.wl-page .wl-hero-kicker{
    margin:0 0 13px;
    padding:7px 12px;
    font-size:clamp(12px,1.1vw,15px);
    line-height:1.2;
}

.wl-page .wl-hero-title,
.wl-page .sm-unified-hero-title{
    width:100%;
    max-width:none;
    margin:0;

    font-size:clamp(36px,3vw,48px);
    line-height:1.04;
    letter-spacing:-1.6px;

    text-wrap:balance;
    overflow-wrap:normal;
    word-break:normal;
}

.wl-page .wl-title-line{
    margin:15px 0 16px;
}

.wl-page .wl-hero-desc{
    width:100%;
    max-width:720px;

    margin:0 0 14px;

    font-size:clamp(15px,1.25vw,18px);
    line-height:1.5;
}

.wl-page .wl-hero-support{
    width:100%;
    max-width:720px;

    margin:0 0 13px;
    padding:11px 14px;

    font-size:clamp(15px,1.25vw,18px);
    line-height:1.43;
}

.wl-page .wl-hero-content .wl-btn{
    min-height:50px;
    padding:12px 23px;

    font-size:clamp(15px,1.2vw,17px);
}

.wl-page .wl-hero-trust{
    width:100%;
    max-width:720px;

    margin-top:11px;
    padding:10px 13px;

    font-size:clamp(13px,1.1vw,16px);
    line-height:1.38;
}

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

.wl-page .wl-hero-visual{
    width:100%;
    min-width:0;

    display:flex;
    justify-content:center;
    align-items:center;

    overflow:visible;
}

.wl-page .wl-dashboard-image{
    /*
     * Important:
     * image column ko shrink kiye bina
     * visual ko approximately 12% bigger
     * show karta hai.
     */
    width:112%;
    max-width:1000px;

    margin-left:auto;
    margin-right:-5%;

    position:relative;
    z-index:2;
}

.wl-page .wl-dashboard-image img{
    width:100%;
    height:auto;

    display:block;

    object-fit:contain;
    object-position:center;

    image-rendering:auto;

    filter:
        drop-shadow(
            0 18px 32px
            rgba(0,0,0,.08)
        );
}

/* =========================================================
   SMALLER / CLEANER WHITE LABEL FORM
========================================================= */

.wl-lead-modal{
    padding:12px;
}

.wl-lead-dialog{
    /*width:min(92vw,780px);*/

    max-height:
        calc(100vh - 24px);

    overflow:auto;

    border-radius:17px;
}
.wl-lead-dialog1{
    width:min(92vw,780px);
}
.wl-lead-modal-header{
    padding:
        13px
        18px
        10px;
}

.wl-lead-modal-header h2{
    margin:
        0
        40px
        3px
        0;

    font-size:21px;
    line-height:1.2;
}

.wl-lead-modal-header p{
    font-size:11.5px;
    line-height:1.35;
}

.wl-lead-close{
    width:32px;
    height:32px;

    top:10px;
    right:12px;

    font-size:20px;
}

.wl-lead-form{
    padding:
        12px
        18px
        15px;
}

.wl-lead-form-grid{
    display:grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        );

    gap:9px 13px;
}

.wl-lead-field{
    min-width:0;
}

.wl-lead-field--full{
    grid-column:1 / -1;
}

.wl-lead-field label{
    margin:
        0
        0
        3px;

    font-size:11px;
    line-height:1.2;
}

.wl-lead-optional{
    font-size:9px;
}

.wl-lead-control{
    min-height:38px;

    padding:
        6px
        9px;

    border-radius:8px;

    font-size:12px;
    line-height:1.3;
}

textarea.wl-lead-control{
    min-height:62px;
    max-height:76px;

    resize:vertical;
}

.wl-lead-error{
    min-height:8px;

    margin-top:1px;

    font-size:8.5px;
}

.wl-lead-submit-wrap{
    margin-top:8px;
}

.wl-lead-submit{
    min-height:40px;

    border-radius:8px;

    font-size:13px;
}

/* =========================================================
   MOBILE
   IMAGE FIRST -> CONTENT SECOND
========================================================= */

@media (max-width:767px){

    .wl-page .wl-hero{
        min-height:auto;

        padding:
            18px
            0
            29px;
    }

    .wl-page .wl-hero .wl-container{
        width:
            calc(100% - 22px);
    }

    .wl-page .wl-hero-grid{
        display:flex;

        flex-direction:column;

        grid-template-columns:none;

        gap:18px;
    }

    /* IMAGE FIRST */

    .wl-page .wl-hero-visual{
        order:1;

        width:100%;

        justify-content:center;

        margin:0;
        padding:0;
    }

    .wl-page .wl-dashboard-image{
        width:100%;
        max-width:none;

        margin:0 auto;
    }

    .wl-page .wl-dashboard-image img{
        width:100%;
        height:auto;

        object-fit:contain;
    }

    /* CONTENT SECOND */

    .wl-page .wl-hero-content{
        order:2;

        width:100%;
        max-width:100%;

        padding:0;

        text-align:left;
    }

    .wl-page .wl-hero-kicker{
        width:auto;
        max-width:100%;

        margin:
            0
            0
            12px;

        padding:
            6px
            9px;

        font-size:
            clamp(
                9px,
                3vw,
                12px
            );

        white-space:normal;
        text-align:left;
    }

    .wl-page .wl-hero-title,
    .wl-page .sm-unified-hero-title{
        width:100%;
        max-width:100%;

        margin:0;

        font-size:
            clamp(
                28px,
                8.5vw,
                36px
            );

        line-height:1.06;

        letter-spacing:-1.1px;

        text-align:left;
        text-wrap:balance;
    }

    .wl-page .wl-title-line{
        margin:
            15px
            0;
    }

    .wl-page .wl-hero-desc{
        max-width:100%;

        font-size:15px;
        line-height:1.52;

        text-align:left;
    }

    .wl-page .wl-hero-support{
        max-width:100%;

        padding:
            10px
            11px;

        font-size:14px;
        line-height:1.42;

        text-align:left;
    }

    .wl-page
    .wl-hero-content
    .wl-btn{
        width:100%;
        max-width:none;

        min-height:48px;

        font-size:14px;
    }

    .wl-page .wl-hero-trust{
        width:100%;

        max-width:none;

        padding:
            9px
            10px;

        font-size:12px;

        text-align:left;
    }

    /* MOBILE MODAL */

    .wl-lead-modal{
        padding:5px;

        align-items:center;

        overflow:hidden;
    }

    .wl-lead-dialog{
        width:100%;

        max-height:
            calc(100vh - 10px);

        margin:0 auto;

        overflow:auto;

        border-radius:13px;
    }

    .wl-lead-modal-header{
        padding:
            9px
            11px
            7px;
    }

    .wl-lead-modal-header h2{
        margin-right:31px;

        font-size:16px;
        line-height:1.17;
    }

    .wl-lead-modal-header p{
        font-size:9.5px;
    }

    .wl-lead-close{
        width:28px;
        height:28px;

        top:7px;
        right:7px;

        font-size:18px;
    }

    .wl-lead-form{
        padding:
            7px
            9px
            9px;
    }

    .wl-lead-form-grid{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );

        gap:6px 7px;
    }

    .wl-lead-field--full{
        grid-column:
            1 / -1;
    }

    .wl-lead-field label{
        margin-bottom:2px;

        font-size:9px;
        line-height:1.12;
    }

    .wl-lead-optional{
        font-size:7.5px;
    }

    .wl-lead-control{
        min-height:33px;

        padding:
            5px
            6px;

        border-radius:7px;

        font-size:10px;
    }

    textarea.wl-lead-control{
        min-height:43px;
        max-height:50px;
    }

    .wl-lead-error{
        min-height:5px;

        font-size:7px;
    }

    .wl-lead-submit-wrap{
        margin-top:6px;
    }

    .wl-lead-submit{
        min-height:35px;

        font-size:11.5px;
    }
}