/* ==========================================================
   PURECAR SELLER FUNNEL
   Dedicated stylesheet — /sell-your-car only
   ========================================================== */

.pc-sell-funnel{
    --red:#ed1c24;
    --black:#101216;
    --text:#171b20;
    --muted:#68737d;
    --line:#e1e5e8;
    --soft:#f5f6f7;

    width:100%;
    overflow:hidden;

    color:var(--text);
    background:#fff;

    font-family:inherit;
}

.pc-sell-funnel *,
.pc-sell-funnel *:before,
.pc-sell-funnel *:after{
    box-sizing:border-box;
}

.pcsf-shell{
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
}


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

.pcsf-hero{
    position:relative;

    padding:68px 0 62px;

    background:
        radial-gradient(
            circle at 87% 18%,
            rgba(237,28,36,.11),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f7f8f9 58%,
            #edf0f2 100%
        );

    border-bottom:1px solid var(--line);
}

.pcsf-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);
    align-items:center;

    gap:68px;
}

.pcsf-eyebrow,
.pcsf-section-kicker,
.pcsf-section-heading>span{
    display:block;

    color:var(--red);

    font-size:13px;
    line-height:1;

    font-weight:900;
    letter-spacing:.12em;
}

.pcsf-hero h1{
    max-width:760px;

    margin:15px 0 0;

    color:#111318;

    font-size:clamp(52px,6vw,82px);
    line-height:.95;

    font-weight:950;
    letter-spacing:-.05em;
}

.pcsf-hero h1 span{
    display:block;

    color:var(--red);
}

.pcsf-big-promise{
    margin-top:19px;

    color:#292e34;

    font-size:clamp(22px,2.5vw,31px);
    line-height:1.15;

    font-weight:650;
}

.pcsf-big-promise strong{
    color:#111318;

    font-weight:900;
}

.pcsf-hero-intro{
    max-width:680px;

    margin:20px 0 0;

    color:#606b75;

    font-size:17px;
    line-height:1.65;
}

.pcsf-hero-intro strong{
    color:#181c21;
}

.pcsf-reassurance{
    display:flex;
    flex-wrap:wrap;

    gap:11px 20px;

    margin-top:23px;
}

.pcsf-reassurance div{
    display:flex;
    align-items:center;

    gap:7px;

    color:#505a64;

    font-size:14px;
    font-weight:750;
}

.pcsf-reassurance div span{
    display:grid;
    place-items:center;

    width:21px;
    height:21px;

    flex:0 0 21px;

    border-radius:50%;

    background:#e6f6ec;
    color:#157146;

    font-size:12px;
    font-weight:900;
}


/* BUTTON */

.pcsf-primary-cta{
    display:inline-flex;
    align-items:center;

    gap:13px;

    min-height:61px;

    margin-top:30px;
    padding:0 23px;

    border-radius:9px;

    background:var(--red);
    color:#fff!important;

    box-shadow:0 13px 30px rgba(237,28,36,.20);

    font-size:16px;
    font-weight:900;

    text-decoration:none!important;

    transition:.18s ease;
}

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

    box-shadow:0 17px 35px rgba(237,28,36,.27);
}

.pcsf-primary-cta strong{
    padding-left:13px;

    border-left:1px solid rgba(255,255,255,.35);

    color:#fff;
}

.pcsf-primary-cta b{
    color:#fff;

    font-size:23px;
}

.pcsf-cta-note{
    margin-top:10px;

    color:#7c8790;

    font-size:12px;
}


/* ==========================================================
   HERO OFFER CARD
   ========================================================== */

.pcsf-offer-panel{
    padding:30px;

    border:1px solid #dae0e4;
    border-radius:18px;

    background:#fff;

    box-shadow:
        0 25px 60px rgba(24,34,43,.11);
}

.pcsf-time-badge{
    padding-bottom:22px;
}

.pcsf-time-badge>span,
.pcsf-offer-price>span{
    display:block;

    color:#77828c;

    font-size:11px;
    font-weight:900;

    letter-spacing:.11em;
}

.pcsf-time-badge strong{
    display:block;

    margin-top:6px;

    color:#171b20;

    font-size:30px;
    font-weight:850;
}

.pcsf-time-badge strong b{
    color:var(--red);

    font-size:43px;
    font-weight:950;
}

.pcsf-time-badge small,
.pcsf-offer-price small{
    display:block;

    margin-top:3px;

    color:#7a858e;

    font-size:12px;
}

.pcsf-offer-price strong{
    display:block;

    margin:7px 0;

    color:#111318;

    font-size:53px;
    line-height:1;

    font-weight:950;
}

.pcsf-offer-divider{
    height:1px;

    margin:24px 0;

    background:#e5e9ec;
}

.pcsf-offer-list{
    display:grid;

    gap:17px;
}

.pcsf-offer-list div{
    display:flex;
    align-items:center;

    gap:13px;
}

.pcsf-offer-list b{
    display:grid;
    place-items:center;

    width:36px;
    height:36px;

    flex:0 0 36px;

    border:1px solid #dbe0e4;
    border-radius:50%;

    background:#f3f5f6;
    color:#181c21;

    font-size:11px;
    font-weight:900;
}

.pcsf-offer-list span{
    color:#4d5862;

    font-size:14px;
    font-weight:750;
}


/* ==========================================================
   PROOF BAR
   ========================================================== */

.pcsf-proof{
    border-bottom:1px solid var(--line);

    background:#fff;
}

.pcsf-proof-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));

    padding:27px 0;
}

.pcsf-proof-grid>div{
    padding:0 25px;

    border-right:1px solid var(--line);
}

.pcsf-proof-grid>div:first-child{
    padding-left:0;
}

.pcsf-proof-grid>div:last-child{
    padding-right:0;

    border-right:0;
}

.pcsf-proof strong{
    display:block;

    color:#171b20;

    font-size:22px;
    line-height:1.15;

    font-weight:900;
}

.pcsf-proof span{
    display:block;

    margin-top:4px;

    color:#79838d;

    font-size:12px;
}


/* ==========================================================
   SECTIONS
   ========================================================== */

.pcsf-section{
    padding:80px 0;
}

.pcsf-section-heading{
    max-width:740px;

    margin:0 auto 49px;

    text-align:center;
}

.pcsf-section-heading h2,
.pcsf-why h2,
.pcsf-faq h2{
    margin:12px 0;

    color:#171b20;

    font-size:clamp(35px,4vw,51px);
    line-height:1.04;

    font-weight:950;
    letter-spacing:-.04em;
}

.pcsf-section-heading p,
.pcsf-why-copy>p{
    margin:0;

    color:var(--muted);

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


/* ==========================================================
   THREE STEP PROCESS
   ========================================================== */

.pcsf-process{
    background:#fff;
}

.pcsf-process-line{
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr;

    gap:25px;
}

.pcsf-process-line article{
    min-width:0;
}

.pcsf-step-number{
    display:grid;
    place-items:center;

    width:43px;
    height:43px;

    margin-bottom:17px;

    border-radius:50%;

    background:#111318;
    color:#fff;

    font-size:14px;
    font-weight:900;
}

.pcsf-process-line h3{
    margin:0 0 8px;

    color:#1c2126;

    font-size:20px;

    font-weight:900;
}

.pcsf-process-line p{
    margin:0;

    color:#707b84;

    font-size:14px;
    line-height:1.65;
}

.pcsf-step-arrow{
    padding-top:11px;

    color:#c2c8cd;

    font-size:31px;
}

.pcsf-centre-cta{
    display:flex;
    flex-direction:column;
    align-items:center;

    margin-top:44px;
}

.pcsf-centre-cta .pcsf-primary-cta{
    margin-top:0;
}

.pcsf-centre-cta>span{
    margin-top:10px;

    color:#848e97;

    font-size:12px;
}


/* ==========================================================
   WHY PURECAR
   ========================================================== */

.pcsf-why{
    background:var(--soft);
}

.pcsf-why-grid{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
    align-items:center;

    gap:75px;
}

.pcsf-why ul{
    display:grid;

    gap:20px;

    margin:30px 0 0;
    padding:0;

    list-style:none;
}

.pcsf-why li{
    display:grid;
    grid-template-columns:28px minmax(0,1fr);

    gap:12px;
}

.pcsf-why li>span{
    display:grid;
    place-items:center;

    width:25px;
    height:25px;

    border-radius:50%;

    background:#e6f5ec;
    color:#187047;

    font-size:12px;
    font-weight:900;
}

.pcsf-why li strong{
    display:block;

    color:#252b30;

    font-size:15px;
}

.pcsf-why li small{
    display:block;

    margin-top:4px;

    color:#747f89;

    font-size:13px;
    line-height:1.5;
}


/* ==========================================================
   PRICE CARD
   ========================================================== */

.pcsf-price-comparison{
    padding:35px;

    border-radius:18px;

    background:#111318;
    color:#fff;

    box-shadow:0 24px 55px rgba(0,0,0,.12);
}

.pcsf-comparison-label{
    color:#9da6ae;

    font-size:11px;
    font-weight:900;

    letter-spacing:.11em;
}

.pcsf-comparison-price{
    display:block;

    margin-top:9px;

    color:#fff;

    font-size:58px;
    line-height:1;

    font-weight:950;
}

.pcsf-comparison-once{
    display:block;

    margin-top:5px;

    color:var(--red);

    font-size:12px;
    font-weight:900;
}

.pcsf-comparison-rule{
    height:1px;

    margin:26px 0 12px;

    background:rgba(255,255,255,.12);
}

.pcsf-comparison-row{
    display:flex;
    justify-content:space-between;

    gap:20px;

    padding:13px 0;

    border-bottom:1px solid rgba(255,255,255,.09);

    color:#c7cdd2;

    font-size:14px;
}

.pcsf-comparison-row strong{
    color:#fff;
}

.pcsf-card-cta{
    display:flex;
    align-items:center;
    justify-content:center;

    min-height:53px;

    margin-top:25px;

    border-radius:8px;

    background:var(--red);
    color:#fff!important;

    font-weight:900;

    text-decoration:none!important;
}


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

.pcsf-faq{
    background:#fff;
}

.pcsf-faq-grid{
    display:grid;
    grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);

    gap:75px;
}

.pcsf-faq-list{
    border-top:1px solid var(--line);
}

.pcsf-faq details{
    border-bottom:1px solid var(--line);
}

.pcsf-faq summary{
    position:relative;

    padding:21px 42px 21px 0;

    cursor:pointer;

    color:#252b31;

    font-size:15px;

    font-weight:900;

    list-style:none;
}

.pcsf-faq summary::-webkit-details-marker{
    display:none;
}

.pcsf-faq summary:after{
    content:"+";

    position:absolute;
    right:4px;
    top:15px;

    color:#89939c;

    font-size:26px;
}

.pcsf-faq details[open] summary:after{
    content:"−";
}

.pcsf-faq details p{
    margin:0;
    padding:0 40px 21px 0;

    color:#707b84;

    font-size:14px;
    line-height:1.65;
}


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

.pcsf-final{
    padding:83px 0;

    background:#111318;

    text-align:center;
}

.pcsf-final-inner{
    max-width:820px;
}

.pcsf-final-inner>span{
    color:var(--red);

    font-size:12px;

    font-weight:900;
    letter-spacing:.12em;
}

.pcsf-final h2{
    margin:12px 0;

    color:#fff;

    font-size:clamp(39px,5vw,62px);
    line-height:1.02;

    font-weight:950;
    letter-spacing:-.045em;
}

.pcsf-final p{
    max-width:650px;

    margin:0 auto;

    color:#adb5bc;

    font-size:17px;
    line-height:1.6;
}

.pcsf-final-button{
    display:inline-flex;
    align-items:center;

    gap:15px;

    min-height:61px;

    margin-top:29px;
    padding:0 26px;

    border-radius:9px;

    background:var(--red);
    color:#fff!important;

    font-size:16px;
    font-weight:900;

    text-decoration:none!important;
}

.pcsf-final-button b{
    font-size:23px;
}

.pcsf-final-inner>small{
    display:block;

    margin-top:11px;

    color:#818a93;
}


/* MOBILE BAR */

.pcsf-mobile-bar{
    display:none;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media(max-width:900px){

    .pcsf-hero-grid,
    .pcsf-why-grid,
    .pcsf-faq-grid{
        grid-template-columns:1fr;

        gap:40px;
    }

    .pcsf-offer-panel{
        max-width:600px;
    }

    .pcsf-proof-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .pcsf-proof-grid>div{
        padding:15px 20px;

        border-bottom:1px solid var(--line);
    }

    .pcsf-proof-grid>div:nth-child(2){
        border-right:0;
    }

    .pcsf-process-line{
        grid-template-columns:1fr;

        gap:25px;
    }

    .pcsf-step-arrow{
        display:none;
    }

    .pcsf-process-line article{
        position:relative;

        padding-left:59px;
    }

    .pcsf-step-number{
        position:absolute;
        top:0;
        left:0;
    }

}


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

@media(max-width:600px){

    .pcsf-shell{
        width:calc(100% - 28px);
    }

    .pcsf-hero{
        padding:39px 0 34px;
    }

    .pcsf-hero-grid{
        gap:30px;
    }

    .pcsf-hero h1{
        margin-top:11px;

        font-size:46px;
    }

    .pcsf-big-promise{
        margin-top:14px;

        font-size:23px;
    }

    .pcsf-hero-intro{
        margin-top:16px;

        font-size:15px;
    }

    .pcsf-reassurance{
        display:grid;

        gap:8px;
    }

    .pcsf-primary-cta{
        display:flex;
        justify-content:center;

        width:100%;

        min-height:57px;

        padding:0 16px;
    }

    .pcsf-cta-note{
        text-align:center;
    }

    .pcsf-offer-panel{
        padding:23px;
    }

    .pcsf-time-badge strong{
        font-size:25px;
    }

    .pcsf-time-badge strong b{
        font-size:35px;
    }

    .pcsf-offer-price strong{
        font-size:45px;
    }

    .pcsf-proof-grid{
        padding:0;
    }

    .pcsf-proof-grid>div{
        padding:18px 13px;
    }

    .pcsf-proof strong{
        font-size:18px;
    }

    .pcsf-proof span{
        font-size:11px;
    }

    .pcsf-section{
        padding:57px 0;
    }

    .pcsf-section-heading{
        margin-bottom:35px;
    }

    .pcsf-section-heading h2,
    .pcsf-why h2,
    .pcsf-faq h2{
        font-size:35px;
    }

    .pcsf-process-line article{
        padding-left:53px;
    }

    .pcsf-step-number{
        width:38px;
        height:38px;
    }

    .pcsf-price-comparison{
        padding:27px 23px;
    }

    .pcsf-comparison-price{
        font-size:50px;
    }

    .pcsf-final{
        padding:62px 0 96px;
    }

    .pcsf-final h2{
        font-size:39px;
    }

    .pcsf-final p{
        font-size:15px;
    }

    .pcsf-final-button{
        width:100%;

        justify-content:center;

        padding:0 15px;

        font-size:14px;
    }

    .pcsf-mobile-bar{
        position:fixed;
        left:0;
        right:0;
        bottom:0;
        z-index:1000;

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

        gap:12px;

        padding:
            10px
            14px
            max(10px,env(safe-area-inset-bottom));

        border-top:1px solid #dfe3e6;

        background:rgba(255,255,255,.98);

        box-shadow:0 -8px 25px rgba(0,0,0,.12);
    }

    .pcsf-mobile-bar>div{
        display:flex;
        flex-direction:column;
    }

    .pcsf-mobile-bar small{
        color:#7c858e;

        font-size:9px;
        font-weight:850;
    }

    .pcsf-mobile-bar strong{
        color:#15181c;

        font-size:20px;
        line-height:1.1;
    }

    .pcsf-mobile-bar a{
        display:flex;
        align-items:center;

        gap:9px;

        min-height:46px;

        padding:0 18px;

        border-radius:8px;

        background:var(--red);
        color:#fff!important;

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

        text-decoration:none!important;
    }

}