/* =========================================================
   ESSENTILY — DELIVERY PARTNERS V1
   Dedicated delivery-partner recruitment + product showcase page.
   ========================================================= */

:root{
    --dp-ink:#17191b;
    --dp-copy:#5d6870;
    --dp-orange:#ff520f;
    --dp-green:#0c492a;
    --dp-lime:#b9f18f;
    --dp-cream:#fff8f1;
    --dp-border:#e8e2db;
}

/* HERO */
.dp-hero{
    overflow:hidden;
    border-bottom:1px solid #ece7e1;
    background:
        radial-gradient(circle at 88% 20%,rgba(87,168,87,.16),transparent 29%),
        radial-gradient(circle at 8% 85%,rgba(255,82,15,.08),transparent 27%),
        linear-gradient(135deg,#fff8f2,#fff 50%,#edf8ea);
}
.dp-hero__grid{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:62px;
    align-items:center;
    min-height:720px;
    padding-top:70px;
    padding-bottom:72px;
}
.dp-hero__copy{max-width:750px}
.dp-hero h1{
    margin:17px 0 23px;
    color:var(--dp-ink);
    font:900 clamp(62px,5.4vw,86px)/.94 Nunito,sans-serif;
    letter-spacing:-.055em;
}
.dp-hero h1 strong{color:#4c9b55}
.dp-hero__copy>p{
    max-width:690px;
    margin:0;
    color:var(--dp-copy);
    font-size:16px;
    line-height:1.9;
}
.dp-hero__actions{display:flex;align-items:center;gap:22px;margin-top:30px}
.dp-text-link{display:inline-flex;align-items:center;gap:8px;color:#22272a;font-size:12px;font-weight:800}
.dp-hero__proof{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    margin-top:40px;
    padding-top:19px;
    border-top:1px solid #e8e1da;
}
.dp-hero__proof>span{position:relative;padding:0 22px}
.dp-hero__proof>span:first-child{padding-left:0}
.dp-hero__proof>span+span:before{content:"";position:absolute;left:0;top:2px;width:1px;height:45px;background:#e7e0d9}
.dp-hero__proof b,.dp-hero__proof strong,.dp-hero__proof small{display:block}
.dp-hero__proof b{color:#ff7a45;font-size:8px}
.dp-hero__proof strong{margin-top:4px;font:900 13px Nunito,sans-serif}
.dp-hero__proof small{margin-top:3px;color:#7c868b;font-size:9px;line-height:1.5}

.dp-hero__visual{position:relative;min-height:570px;isolation:isolate}
.dp-hero__glow{
    position:absolute;inset:7% 3% 1%;
    border-radius:50%;
    background:radial-gradient(circle,#fff 0 28%,rgba(255,234,220,.72) 47%,rgba(220,241,216,.82) 68%,transparent 69%);
    filter:blur(4px);
}
.dp-rider{position:absolute;z-index:5;filter:drop-shadow(0 18px 24px rgba(23,24,22,.18))}
.dp-rider--hero{left:1%;bottom:3%;width:92px}
.dp-phone{
    margin:0;
    overflow:hidden;
    border:7px solid #202326;
    border-radius:34px;
    background:#fff;
    box-shadow:0 28px 66px rgba(23,24,22,.18)
}
.dp-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.dp-phone--main{position:absolute;z-index:4;left:50%;top:0;width:280px;height:572px;transform:translateX(-50%)}
.dp-phone--side{position:absolute;z-index:3;bottom:7%;width:190px;height:410px}
.dp-phone--left{left:5%;transform:rotate(-8deg)}
.dp-phone--right{right:0;transform:rotate(8deg)}
.dp-float{
    position:absolute;z-index:7;min-width:158px;padding:11px 13px;border:1px solid rgba(34,38,35,.08);
    border-radius:15px;background:rgba(255,255,255,.95);box-shadow:0 18px 42px rgba(30,27,24,.09);backdrop-filter:blur(12px)
}
.dp-float b,.dp-float small{display:block}
.dp-float b{font:900 10px Nunito,sans-serif}
.dp-float small{margin-top:2px;color:#899196;font-size:7px}
.dp-float--top{left:1%;top:10%}
.dp-float--bottom{right:0;bottom:2%}

/* SHARED HEADS */
.dp-section-head h2,
.dp-showcase__copy h2,
.dp-earnings__copy h2,
.dp-area__copy h2,
.dp-join__copy h2,
.dp-final-cta h2{
    color:var(--dp-ink);
    font-family:Nunito,sans-serif;
    font-weight:900;
    letter-spacing:-.048em;
}
.dp-section-head h2 em,
.dp-showcase__copy h2 em,
.dp-earnings__copy h2 em,
.dp-area__copy h2 em,
.dp-join__copy h2 em,
.dp-final-cta h2 em{
    color:var(--dp-orange);
    font-style:normal;
}
.dp-section-head--center{max-width:890px;margin:0 auto;text-align:center}
.dp-section-head--center .v11-eyebrow{justify-content:center}
.dp-section-head--center h2{margin:14px 0 14px;font-size:clamp(50px,4.8vw,68px);line-height:.99}
.dp-section-head--center>p{max-width:760px;margin:0 auto;color:var(--dp-copy);font-size:15px;line-height:1.85}
.dp-section-head--split{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:end}
.dp-section-head--split h2{margin:14px 0 0;font-size:clamp(48px,4.6vw,65px);line-height:.99}
.dp-section-head--split>p{margin:0;color:var(--dp-copy);font-size:15px;line-height:1.85}

/* BENEFITS */
.dp-benefits{padding:112px 0;background:#fff}
.dp-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:48px}
.dp-benefit-grid article{
    min-height:210px;padding:25px;border:1px solid var(--dp-border);border-radius:25px;background:#fff;
    box-shadow:0 18px 45px rgba(30,27,24,.045)
}
.dp-benefit-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#fff0e8;color:#ff5716;font:900 18px Nunito,sans-serif}
.dp-benefit-grid article:nth-child(2) .dp-benefit-icon{background:#eff7eb;color:#347d43}
.dp-benefit-grid article:nth-child(3) .dp-benefit-icon{background:#edf4ff;color:#3565a8}
.dp-benefit-grid article:nth-child(4) .dp-benefit-icon{background:#fff7d9;color:#a97800}
.dp-benefit-grid h3{margin:23px 0 8px;font:900 21px/1.05 Nunito,sans-serif}
.dp-benefit-grid p{margin:0;color:#69747a;font-size:11.5px;line-height:1.7}

/* DELIVERY JOURNEY */
.dp-journey{padding:94px 0;background:#f5f7f3}
.dp-journey__rail{
    display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center;
    margin-top:44px;padding:18px;border:1px solid #e3e7e1;border-radius:25px;background:#fff
}
.dp-journey__rail article{display:flex;align-items:flex-start;gap:11px;min-height:88px;padding:13px}
.dp-journey__rail article>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#eff7eb;color:#3c8749;font:900 9px Nunito,sans-serif}
.dp-journey__rail b,.dp-journey__rail small{display:block}
.dp-journey__rail b{font:900 12px Nunito,sans-serif}
.dp-journey__rail small{margin-top:4px;color:#778187;font-size:8px;line-height:1.5}
.dp-journey__rail>i{width:18px;height:1px;background:#dce2dc}

/* SHOWCASES */
.dp-showcase{padding:94px 0}
.dp-showcase--offer{background:#fff}
.dp-showcase--route{background:#101513;color:#fff}
.dp-showcase--handoff{background:#fffaf3}
.dp-showcase__grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:66px;align-items:center}
.dp-showcase__grid--reverse{grid-template-columns:1.18fr .82fr}
.dp-showcase__grid--reverse>.dp-showcase__visual{order:1}
.dp-showcase__grid--reverse>.dp-showcase__copy{order:2}
.dp-showcase__number{display:block;margin-bottom:10px;color:#e4e7e3;font:900 70px/1 Nunito,sans-serif}
.dp-showcase--route .dp-showcase__number{color:#29302c}
.dp-showcase__copy h2{margin:12px 0 18px;font-size:clamp(46px,4.4vw,63px);line-height:.99}
.dp-showcase__copy>p{max-width:660px;margin:0;color:var(--dp-copy);font-size:15px;line-height:1.85}
.dp-showcase__copy--light h2{color:#fff}
.dp-showcase__copy--light h2 em{color:var(--dp-lime)}
.dp-showcase__copy--light>p{color:#c6d0c9}

.dp-feature-lines{display:grid;margin-top:24px;border-top:1px solid #e7e2dc}
.dp-feature-lines>span{display:grid;grid-template-columns:155px 1fr;gap:15px;padding:13px 0;border-bottom:1px solid #e7e2dc}
.dp-feature-lines b{font:900 11.5px Nunito,sans-serif}
.dp-feature-lines small{color:#788288;font-size:9.5px;line-height:1.55}
.dp-feature-lines--dark{border-color:rgba(255,255,255,.1)}
.dp-feature-lines--dark>span{border-color:rgba(255,255,255,.1)}
.dp-feature-lines--dark small{color:#b9c4bd}

.dp-showcase__visual{
    position:relative;display:flex;align-items:flex-end;justify-content:center;gap:16px;
    min-height:585px;padding:42px;border-radius:38px;overflow:hidden
}
.dp-showcase__visual:before{
    content:"";position:absolute;inset:0;opacity:.42;pointer-events:none;
    background-image:linear-gradient(rgba(34,41,34,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(34,41,34,.035) 1px,transparent 1px);
    background-size:28px 28px
}
.dp-showcase__visual--cream{background:linear-gradient(135deg,#fff0e6,#fffaf5 62%,#eef8ea)}
.dp-showcase__visual--dark{background:radial-gradient(circle at 62% 25%,rgba(81,150,84,.16),transparent 32%),#0a100d}
.dp-showcase__visual--mint{background:linear-gradient(135deg,#edf8ea,#fff 72%)}
.dp-phone--show{position:relative;z-index:2;width:215px;height:465px}
.dp-phone--show-main{width:245px;height:530px}
.dp-phone--tilt-left{transform:rotate(-6deg) translateY(16px)}
.dp-phone--peek{transform:rotate(5deg) translateY(28px)}
.dp-screen-note{
    position:absolute;z-index:6;left:6%;top:10%;padding:11px 13px;border-radius:15px;background:#fff;box-shadow:0 17px 40px rgba(31,28,24,.09)
}
.dp-screen-note b,.dp-screen-note small{display:block}
.dp-screen-note b{font:900 10px Nunito,sans-serif}
.dp-screen-note small{margin-top:2px;color:#8b9397;font-size:7px}
.dp-screen-note--dark{left:auto;right:5%;background:#202824;color:#fff}
.dp-screen-note--dark small{color:#afbbb3}
.dp-rider--showcase{left:1%;bottom:4%;width:92px}

.dp-status-row{display:flex;align-items:center;gap:7px;margin-top:25px}
.dp-status-row span{padding:9px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.05);color:#dfe7e1;font-size:8.5px;font-weight:800}
.dp-status-row i{width:18px;height:1px;background:#65716a}

.dp-handoff-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:27px}
.dp-handoff-cards span{padding:16px;border:1px solid #e7e3dc;border-radius:16px;background:#fff}
.dp-handoff-cards small,.dp-handoff-cards strong{display:block}
.dp-handoff-cards small{color:#8a9296;font-size:8px}
.dp-handoff-cards strong{margin-top:3px;font:900 12.5px Nunito,sans-serif}

/* EARNINGS */
.dp-earnings{padding:104px 0;background:#0d1510;color:#fff}
.dp-earnings__grid{display:grid;grid-template-columns:1.18fr .82fr;gap:70px;align-items:center}
.dp-earnings__visual{
    position:relative;display:flex;align-items:flex-end;justify-content:center;gap:16px;
    min-height:590px;padding:42px;border:1px solid rgba(255,255,255,.08);border-radius:38px;
    background:radial-gradient(circle at 55% 28%,rgba(82,150,86,.18),transparent 34%),rgba(255,255,255,.035)
}
.dp-phone--earn{position:relative;z-index:2;width:210px;height:454px}
.dp-phone--earn-main{width:245px;height:530px}
.dp-earnings__copy h2{margin:14px 0 18px;color:#fff;font-size:clamp(46px,4.3vw,62px);line-height:.99}
.dp-earnings__copy h2 em{color:var(--dp-lime)}
.dp-earnings__copy>p{margin:0;color:#becac2;font-size:15px;line-height:1.85}
.dp-earnings__points{display:grid;gap:10px;margin-top:28px}
.dp-earnings__points article{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.04)}
.dp-earnings__points article>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:rgba(185,241,143,.10);color:var(--dp-lime);font:900 9px Nunito,sans-serif}
.dp-earnings__points b,.dp-earnings__points small{display:block}
.dp-earnings__points b{font:900 12px Nunito,sans-serif}
.dp-earnings__points small{margin-top:3px;color:#aebbb3;font-size:8.5px}

/* SERVICE AREAS */
.dp-area{padding:100px 0;background:linear-gradient(135deg,#fff8f1,#fff 53%,#edf8ea)}
.dp-area__grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}
.dp-area__copy h2{margin:14px 0 17px;font-size:clamp(48px,4.5vw,64px);line-height:.99}
.dp-area__copy>p{max-width:670px;margin:0;color:var(--dp-copy);font-size:15px;line-height:1.85}
.dp-area__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}
.dp-area__chips span{padding:9px 12px;border:1px solid #e7e1da;border-radius:999px;background:#fff;color:#59636a;font-size:9px;font-weight:800}
.dp-area__visual{position:relative;min-height:560px}
.dp-phone--area{position:absolute;left:17%;bottom:4%;width:230px;height:497px;transform:rotate(-5deg)}
.dp-phone--area-front{left:49%;z-index:3;width:255px;height:551px;transform:rotate(5deg)}

/* JOIN FORM */
.dp-join{padding:110px 0;background:#f5f7f3;scroll-margin-top:120px}
.dp-join__grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:72px;align-items:start}
.dp-join__copy{position:sticky;top:135px}
.dp-join__copy h2{margin:14px 0 17px;font-size:clamp(48px,4.5vw,64px);line-height:.99}
.dp-join__copy>p{max-width:650px;margin:0;color:var(--dp-copy);font-size:15px;line-height:1.85}
.dp-join__steps{display:grid;gap:10px;margin-top:28px}
.dp-join__steps article{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #e1e6df;border-radius:16px;background:#fff}
.dp-join__steps article>span{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:#eff7eb;color:#398249;font:900 10px Nunito,sans-serif}
.dp-join__steps b,.dp-join__steps small{display:block}
.dp-join__steps b{font:900 12px Nunito,sans-serif}
.dp-join__steps small{margin-top:3px;color:#788288;font-size:8.5px}
.dp-join__note{margin-top:20px;padding:16px;border-radius:16px;background:#0f1612;color:#fff}
.dp-join__note strong,.dp-join__note span{display:block}
.dp-join__note strong{font:900 11px Nunito,sans-serif}
.dp-join__note span{margin-top:3px;color:#adbbb1;font-size:8.5px}

.dp-form-card{
    padding:34px;border:1px solid #dee3dd;border-radius:30px;background:#fff;
    box-shadow:0 24px 68px rgba(31,34,30,.07)
}
.dp-form__head span{color:#ff5a16;font-size:8px;font-weight:800;letter-spacing:.1em}
.dp-form__head h3{margin:7px 0 3px;font:900 30px/1 Nunito,sans-serif;letter-spacing:-.03em}
.dp-form__head p{margin:0;color:#8a9297;font-size:9px}

.dp-form-success{
    display:flex;gap:14px;margin-bottom:22px;padding:17px;border:1px solid #cfe4c8;border-radius:18px;background:#f1faee
}
.dp-form-success>span{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:13px;background:#d9f1d2;color:#2f7c42;font-size:20px;font-weight:900}
.dp-form-success small,.dp-form-success h3,.dp-form-success p,.dp-form-success b{display:block;margin:0}
.dp-form-success small{color:#39854b;font-size:7px;font-weight:900;letter-spacing:.08em}
.dp-form-success h3{margin-top:3px;font:900 17px Nunito,sans-serif}
.dp-form-success p{margin-top:4px;color:#657069;font-size:9px;line-height:1.55}
.dp-form-success b{margin-top:7px;font-size:9px}

.dp-form-errors{margin-bottom:18px;padding:14px 16px;border:1px solid #f1c7bc;border-radius:15px;background:#fff4f1}
.dp-form-errors strong,.dp-form-errors span{display:block}
.dp-form-errors strong{color:#9d3726;font:900 11px Nunito,sans-serif}
.dp-form-errors span{margin-top:3px;color:#9a5a50;font-size:9px}

.dp-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:25px}
.dp-field{display:block}
.dp-field--full{grid-column:1/-1}
.dp-field>span{display:block;margin-bottom:7px;color:#33383b;font-size:9px;font-weight:800}
.dp-field input,.dp-field select,.dp-field textarea{
    width:100%;box-sizing:border-box;border:1px solid #dfe3df;border-radius:13px;background:#fff;
    color:#1c2022;font:500 11px Poppins,sans-serif;outline:none;
    transition:border-color .2s ease,box-shadow .2s ease
}
.dp-field input,.dp-field select{height:48px;padding:0 13px}
.dp-field textarea{padding:12px 13px;resize:vertical;min-height:105px}
.dp-field input:focus,.dp-field select:focus,.dp-field textarea:focus{
    border-color:#ff8758;box-shadow:0 0 0 3px rgba(255,82,15,.08)
}
.dp-field small{display:block;margin-top:5px;color:#b14935;font-size:8px}
.dp-consent{display:flex;align-items:flex-start;gap:10px;margin-top:19px;color:#5f696f;font-size:9.5px;line-height:1.55}
.dp-consent input{margin-top:2px;accent-color:#ff520f}
.dp-consent-error{display:block;margin:5px 0 0 24px;color:#b14935;font-size:8px}
.dp-submit{margin-top:21px;min-width:190px;justify-content:center}
.dp-form__fine{max-width:700px;margin:12px 0 0;color:#8a9297;font-size:8px;line-height:1.55}
.dp-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}

/* FINAL CTA */
.dp-final-cta{padding:88px 0 105px;background:#fff}
.dp-final-cta__panel{
    display:grid;grid-template-columns:1fr auto;gap:45px;align-items:center;
    padding:48px 54px;border:1px solid var(--dp-border);border-radius:34px;
    background:linear-gradient(135deg,#fff3ea,#fff 55%,#edf7e9);box-shadow:0 23px 68px rgba(37,31,25,.06)
}
.dp-final-cta h2{margin:13px 0 13px;font-size:clamp(40px,3.8vw,54px);line-height:1}
.dp-final-cta p{max-width:720px;margin:0;color:var(--dp-copy);font-size:13.5px;line-height:1.8}

/* MOTION */
.dp-motion .dp-hero__visual .dp-phone,
.dp-motion .dp-showcase__visual .dp-phone,
.dp-motion .dp-earnings__visual .dp-phone{
    transition:translate .25s ease;
}

/* RESPONSIVE */
@media(max-width:1180px){
    .dp-hero__grid{gap:38px}
    .dp-phone--main{width:252px;height:515px}
    .dp-phone--side{width:168px;height:363px}
    .dp-benefit-grid{grid-template-columns:repeat(2,1fr)}
    .dp-showcase__grid,.dp-showcase__grid--reverse{gap:45px}
    .dp-phone--show{width:190px;height:411px}
    .dp-phone--show-main{width:218px;height:471px}
    .dp-journey__rail{grid-template-columns:repeat(5,1fr)}
    .dp-journey__rail>i{display:none}
    .dp-earnings__grid{gap:45px}
}

@media(max-width:980px){
    .dp-hero__grid{grid-template-columns:1fr;gap:25px;min-height:auto;padding-top:65px}
    .dp-hero__copy{text-align:center;margin-inline:auto}
    .dp-hero__copy .v11-eyebrow{justify-content:center}
    .dp-hero__copy>p{margin-inline:auto}
    .dp-hero__actions{justify-content:center}
    .dp-hero__visual{min-height:520px}
    .dp-section-head--split{grid-template-columns:1fr;gap:24px;text-align:center}
    .dp-section-head--split .v11-eyebrow{justify-content:center}
    .dp-journey__rail{grid-template-columns:1fr 1fr}
    .dp-showcase__grid,.dp-showcase__grid--reverse{grid-template-columns:1fr;gap:35px}
    .dp-showcase__grid--reverse>.dp-showcase__visual,.dp-showcase__grid--reverse>.dp-showcase__copy{order:initial}
    .dp-showcase__copy{text-align:center}
    .dp-showcase__copy .v11-eyebrow{justify-content:center}
    .dp-showcase__copy>p{margin-inline:auto}
    .dp-feature-lines>span{text-align:left}
    .dp-status-row{justify-content:center}
    .dp-earnings__grid{grid-template-columns:1fr;gap:36px}
    .dp-earnings__copy{text-align:center}
    .dp-earnings__copy .v11-eyebrow{justify-content:center}
    .dp-earnings__copy>p{margin-inline:auto}
    .dp-area__grid{grid-template-columns:1fr;text-align:center}
    .dp-area__copy .v11-eyebrow{justify-content:center}
    .dp-area__copy>p{margin-inline:auto}
    .dp-area__chips{justify-content:center}
    .dp-area__visual{min-height:530px}
    .dp-join__grid{grid-template-columns:1fr;gap:34px}
    .dp-join__copy{position:static;text-align:center}
    .dp-join__copy .v11-eyebrow{justify-content:center}
    .dp-join__copy>p{margin-inline:auto}
    .dp-join__steps{text-align:left}
    .dp-final-cta__panel{grid-template-columns:1fr;text-align:center}
    .dp-final-cta__panel .v11-eyebrow{justify-content:center}
    .dp-final-cta p{margin-inline:auto}
    .dp-final-cta .v11-btn{justify-self:center}
}

@media(max-width:700px){
    .dp-hero h1{font-size:48px}
    .dp-hero__copy>p{font-size:14px}
    .dp-hero__actions{flex-direction:column;gap:12px}
    .dp-hero__proof{grid-template-columns:1fr;gap:12px;text-align:left}
    .dp-hero__proof>span{padding:0}
    .dp-hero__proof>span+span:before{display:none}
    .dp-hero__visual{min-height:390px}
    .dp-phone{border-width:5px;border-radius:25px}
    .dp-phone--main{width:190px;height:388px}
    .dp-phone--side{width:125px;height:270px}
    .dp-rider--hero{width:62px}
    .dp-float{display:none}

    .dp-benefits{padding:78px 0}
    .dp-section-head--center h2,.dp-section-head--split h2{font-size:40px}
    .dp-benefit-grid{grid-template-columns:1fr}
    .dp-journey{padding:72px 0}
    .dp-journey__rail{grid-template-columns:1fr}

    .dp-showcase{padding:70px 0}
    .dp-showcase__number{font-size:55px}
    .dp-showcase__copy h2{font-size:39px}
    .dp-showcase__copy>p{font-size:13.5px}
    .dp-feature-lines>span{grid-template-columns:1fr;gap:5px}
    .dp-showcase__visual{min-height:420px;padding:20px}
    .dp-phone--show{width:140px;height:303px}
    .dp-phone--show-main{width:160px;height:346px}
    .dp-screen-note{display:none}
    .dp-rider--showcase{width:62px}
    .dp-status-row{flex-wrap:wrap}
    .dp-status-row i{display:none}
    .dp-handoff-cards{grid-template-columns:1fr}

    .dp-earnings{padding:80px 0}
    .dp-earnings__visual{min-height:420px;padding:20px}
    .dp-phone--earn{width:138px;height:298px}
    .dp-phone--earn-main{width:158px;height:342px}
    .dp-earnings__copy h2{font-size:39px}
    .dp-earnings__copy>p{font-size:13.5px}

    .dp-area{padding:78px 0}
    .dp-area__copy h2{font-size:40px}
    .dp-area__visual{min-height:410px}
    .dp-phone--area{left:7%;width:150px;height:324px}
    .dp-phone--area-front{left:43%;width:170px;height:368px}

    .dp-join{padding:78px 0}
    .dp-join__copy h2{font-size:40px}
    .dp-form-card{padding:24px 18px;border-radius:24px}
    .dp-form__grid{grid-template-columns:1fr}
    .dp-field--full{grid-column:auto}
    .dp-submit{width:100%}

    .dp-final-cta{padding:72px 0 92px}
    .dp-final-cta__panel{padding:34px 22px}
    .dp-final-cta h2{font-size:38px}
}


/* =========================================================
   DELIVERY PARTNERS V1.1 — FULL-PAGE VISUAL POLISH
   Based on live full-page QA.
   ========================================================= */

/* 1. Make the feature intro feel more substantial without making it taller */
.dp-benefits{
    padding-top:96px!important;
    padding-bottom:92px!important;
}
.dp-section-head--center{
    max-width:940px!important;
}
.dp-section-head--center h2{
    margin-bottom:17px!important;
}
.dp-section-head--center>p{
    max-width:800px!important;
    font-size:15.5px!important;
}
.dp-benefit-grid{
    gap:16px!important;
    margin-top:40px!important;
}
.dp-benefit-grid article{
    position:relative!important;
    overflow:hidden!important;
    min-height:190px!important;
    padding:24px 25px!important;
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease!important;
}
.dp-benefit-grid article:before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    height:3px!important;
    background:linear-gradient(90deg,#ff520f,#ff9b68)!important;
    opacity:.75!important;
}
.dp-benefit-grid article:nth-child(2):before{
    background:linear-gradient(90deg,#4e9c59,#b9f18f)!important;
}
.dp-benefit-grid article:nth-child(3):before{
    background:linear-gradient(90deg,#5c86bc,#b8d4f8)!important;
}
.dp-benefit-grid article:nth-child(4):before{
    background:linear-gradient(90deg,#d49b19,#f4d97f)!important;
}
.dp-benefit-grid article:hover{
    transform:translateY(-3px)!important;
    border-color:#ddd7d0!important;
    box-shadow:0 22px 50px rgba(30,27,24,.07)!important;
}
.dp-benefit-grid h3{
    font-size:20px!important;
}
.dp-benefit-grid p{
    max-width:260px!important;
    color:#626d73!important;
    font-size:12px!important;
    line-height:1.68!important;
}

/* 2. Journey rail — remove the large dead zone visible in desktop QA */
.dp-journey{
    padding-top:74px!important;
    padding-bottom:44px!important;
}
.dp-section-head--split{
    gap:62px!important;
}
.dp-section-head--split>p{
    max-width:650px!important;
    justify-self:end!important;
    font-size:15px!important;
}
.dp-journey__rail{
    margin-top:30px!important;
    padding:10px 12px!important;
    border-radius:22px!important;
    box-shadow:0 12px 30px rgba(29,33,29,.035)!important;
}
.dp-journey__rail article{
    min-height:70px!important;
    padding:10px 9px!important;
    gap:10px!important;
}
.dp-journey__rail article>span{
    flex-basis:38px!important;
    width:38px!important;
    height:38px!important;
    border-radius:11px!important;
    font-size:9.5px!important;
}
.dp-journey__rail b{
    font-size:12.5px!important;
    line-height:1.25!important;
}
.dp-journey__rail small{
    margin-top:4px!important;
    color:#707b80!important;
    font-size:9px!important;
    line-height:1.45!important;
}
.dp-journey__rail>i{
    width:20px!important;
    background:linear-gradient(90deg,#d7ddd7,#cbd5cb)!important;
}

/* 3. Main delivery story — reduce repetition by strengthening copy hierarchy */
.dp-showcase{
    padding-top:82px!important;
    padding-bottom:82px!important;
}
.dp-showcase__grid,
.dp-showcase__grid--reverse{
    gap:58px!important;
}
.dp-showcase__number{
    margin-bottom:4px!important;
    font-size:64px!important;
}
.dp-showcase__copy h2{
    margin-top:10px!important;
    margin-bottom:18px!important;
    font-size:clamp(45px,4vw,59px)!important;
}
.dp-showcase__copy>p{
    color:#58636a!important;
    font-size:15.5px!important;
    line-height:1.82!important;
}
.dp-showcase__copy--light>p{
    color:#c8d2cb!important;
}
.dp-feature-lines{
    margin-top:22px!important;
}
.dp-feature-lines>span{
    grid-template-columns:145px 1fr!important;
    padding:12px 0!important;
}
.dp-feature-lines b{
    font-size:11.5px!important;
}
.dp-feature-lines small{
    color:#707b81!important;
    font-size:9.8px!important;
}
.dp-feature-lines--dark small{
    color:#b9c6bd!important;
}
.dp-status-row{
    margin-top:22px!important;
    gap:8px!important;
}
.dp-status-row span{
    padding:9px 12px!important;
    font-size:9.3px!important;
}
.dp-handoff-cards{
    margin-top:25px!important;
}
.dp-handoff-cards span{
    min-height:70px!important;
    padding:15px 16px!important;
}
.dp-handoff-cards small{
    font-size:8.5px!important;
}
.dp-handoff-cards strong{
    font-size:12.5px!important;
}

/* Screen compositions: slightly less empty canvas, stronger visual focus */
.dp-showcase__visual{
    min-height:550px!important;
    padding:34px!important;
}
.dp-phone--show{
    width:208px!important;
    height:450px!important;
}
.dp-phone--show-main{
    width:238px!important;
    height:515px!important;
}

/* 4. Earnings: tighten the section and enlarge the useful text */
.dp-earnings{
    padding-top:88px!important;
    padding-bottom:88px!important;
}
.dp-earnings__grid{
    gap:58px!important;
}
.dp-earnings__visual{
    min-height:540px!important;
    padding:34px!important;
}
.dp-phone--earn{
    width:198px!important;
    height:428px!important;
}
.dp-phone--earn-main{
    width:230px!important;
    height:498px!important;
}
.dp-earnings__copy h2{
    margin-bottom:18px!important;
    font-size:clamp(44px,4vw,58px)!important;
}
.dp-earnings__copy>p{
    color:#c6d1c9!important;
    font-size:15.5px!important;
}
.dp-earnings__points{
    margin-top:24px!important;
}
.dp-earnings__points article{
    padding:13px 14px!important;
}
.dp-earnings__points b{
    font-size:12px!important;
}
.dp-earnings__points small{
    color:#b5c1b8!important;
    font-size:9px!important;
    line-height:1.5!important;
}

/* 5. Service area section had too much breathing room compared with content */
.dp-area{
    padding-top:82px!important;
    padding-bottom:82px!important;
}
.dp-area__grid{
    gap:58px!important;
}
.dp-area__copy h2{
    font-size:clamp(45px,4.1vw,60px)!important;
}
.dp-area__copy>p{
    color:#59646a!important;
    font-size:15.5px!important;
}
.dp-area__chips{
    margin-top:22px!important;
}
.dp-area__chips span{
    padding:9px 13px!important;
    font-size:9.5px!important;
}
.dp-area__visual{
    min-height:500px!important;
}
.dp-phone--area{
    bottom:1%!important;
    width:215px!important;
    height:465px!important;
}
.dp-phone--area-front{
    width:238px!important;
    height:515px!important;
}

/* 6. Form — the full-page screenshot showed labels/fields too visually weak */
.dp-join{
    padding-top:90px!important;
    padding-bottom:92px!important;
}
.dp-join__grid{
    grid-template-columns:.75fr 1.25fr!important;
    gap:58px!important;
}
.dp-join__copy{
    top:120px!important;
}
.dp-join__copy h2{
    margin-bottom:18px!important;
    font-size:clamp(45px,4.2vw,60px)!important;
}
.dp-join__copy>p{
    color:#58636a!important;
    font-size:15.5px!important;
    line-height:1.82!important;
}
.dp-join__steps{
    margin-top:25px!important;
}
.dp-join__steps article{
    padding:14px 15px!important;
}
.dp-join__steps b{
    font-size:12px!important;
}
.dp-join__steps small{
    color:#737e84!important;
    font-size:9px!important;
    line-height:1.5!important;
}
.dp-join__note{
    margin-top:18px!important;
}
.dp-join__note strong{
    font-size:11.5px!important;
}
.dp-join__note span{
    font-size:9px!important;
}

.dp-form-card{
    padding:36px!important;
    border-color:#d9dfd8!important;
    border-radius:28px!important;
    box-shadow:0 28px 74px rgba(31,34,30,.085)!important;
}
.dp-form__head span{
    font-size:8.5px!important;
}
.dp-form__head h3{
    margin-top:8px!important;
    font-size:32px!important;
}
.dp-form__head p{
    font-size:9.5px!important;
}
.dp-form__grid{
    gap:17px!important;
    margin-top:27px!important;
}
.dp-field>span{
    margin-bottom:8px!important;
    color:#252a2d!important;
    font-size:10px!important;
}
.dp-field input,
.dp-field select{
    height:52px!important;
    padding:0 14px!important;
    border-radius:14px!important;
    font-size:11.5px!important;
}
.dp-field textarea{
    min-height:116px!important;
    padding:13px 14px!important;
    border-radius:14px!important;
    font-size:11.5px!important;
}
.dp-field small{
    font-size:8.5px!important;
}
.dp-consent{
    margin-top:21px!important;
    font-size:10px!important;
}
.dp-submit{
    min-width:210px!important;
    margin-top:22px!important;
}
.dp-form__fine{
    margin-top:13px!important;
    color:#7e878c!important;
    font-size:8.7px!important;
}

/* 7. Closing CTA: more confidence, still compact */
.dp-final-cta{
    padding-top:76px!important;
    padding-bottom:92px!important;
}
.dp-final-cta__panel{
    padding:44px 50px!important;
}
.dp-final-cta h2{
    font-size:clamp(38px,3.5vw,50px)!important;
}
.dp-final-cta p{
    color:#5a656b!important;
    font-size:14px!important;
}

/* Desktop rhythm */
@media(min-width:1181px){
    .dp-showcase__visual--dark{
        min-height:560px!important;
    }
}

/* Tablet */
@media(max-width:1180px){
    .dp-journey{
        padding-bottom:50px!important;
    }
    .dp-benefit-grid article{
        min-height:180px!important;
    }
    .dp-showcase__visual{
        min-height:520px!important;
    }
}

/* Mobile/tablet */
@media(max-width:980px){
    .dp-benefits{
        padding-top:78px!important;
        padding-bottom:78px!important;
    }
    .dp-journey{
        padding-top:66px!important;
        padding-bottom:54px!important;
    }
    .dp-section-head--split>p{
        justify-self:center!important;
    }
    .dp-journey__rail{
        margin-top:25px!important;
        padding:12px!important;
    }
    .dp-journey__rail article{
        min-height:74px!important;
    }
    .dp-showcase{
        padding-top:70px!important;
        padding-bottom:70px!important;
    }
    .dp-showcase__visual{
        min-height:500px!important;
    }
    .dp-earnings{
        padding-top:72px!important;
        padding-bottom:72px!important;
    }
    .dp-area{
        padding-top:72px!important;
        padding-bottom:72px!important;
    }
    .dp-join{
        padding-top:75px!important;
        padding-bottom:78px!important;
    }
}

/* Phones */
@media(max-width:700px){
    .dp-benefit-grid article{
        min-height:0!important;
    }
    .dp-benefit-grid p{
        max-width:none!important;
    }
    .dp-journey__rail article{
        min-height:66px!important;
    }
    .dp-showcase__copy h2{
        font-size:38px!important;
    }
    .dp-showcase__copy>p,
    .dp-earnings__copy>p,
    .dp-area__copy>p,
    .dp-join__copy>p{
        font-size:13.5px!important;
    }
    .dp-showcase__visual{
        min-height:410px!important;
        padding:18px!important;
    }
    .dp-phone--show{
        width:138px!important;
        height:298px!important;
    }
    .dp-phone--show-main{
        width:158px!important;
        height:342px!important;
    }
    .dp-earnings__visual{
        min-height:410px!important;
        padding:18px!important;
    }
    .dp-phone--earn{
        width:134px!important;
        height:290px!important;
    }
    .dp-phone--earn-main{
        width:154px!important;
        height:333px!important;
    }
    .dp-area__visual{
        min-height:400px!important;
    }
    .dp-phone--area{
        width:146px!important;
        height:316px!important;
    }
    .dp-phone--area-front{
        width:166px!important;
        height:359px!important;
    }
    .dp-form-card{
        padding:24px 18px!important;
    }
}


/* =========================================================
   DELIVERY PARTNERS V1.2 — FINAL READABILITY / RHYTHM PASS
   No structural redesign. Only readability, balance and polish.
   ========================================================= */

/* HERO — retain composition, improve supporting information */
.dp-hero__copy>p{
    font-size:16.5px!important;
    line-height:1.85!important;
}
.dp-hero__proof strong{
    font-size:13.5px!important;
}
.dp-hero__proof small{
    font-size:9.5px!important;
    line-height:1.55!important;
}

/* BENEFITS — slightly tighter section, stronger secondary copy */
.dp-benefits{
    padding-top:88px!important;
    padding-bottom:82px!important;
}
.dp-benefit-grid{
    margin-top:36px!important;
}
.dp-benefit-grid p{
    font-size:12.2px!important;
    line-height:1.66!important;
}

/* JOURNEY — stronger rail labels/connectors without adding height */
.dp-journey{
    padding-top:68px!important;
    padding-bottom:38px!important;
}
.dp-journey__rail{
    margin-top:26px!important;
}
.dp-journey__rail b{
    font-size:12.8px!important;
}
.dp-journey__rail small{
    font-size:9.25px!important;
    line-height:1.5!important;
}
.dp-journey__rail>i{
    height:2px!important;
    opacity:.85!important;
}

/* STAGES 01 / 02 / 03 — improve body and detail-row legibility */
.dp-showcase__copy>p{
    font-size:15.8px!important;
    line-height:1.8!important;
}
.dp-feature-lines b{
    font-size:11.8px!important;
}
.dp-feature-lines small{
    font-size:10px!important;
    line-height:1.55!important;
}
.dp-showcase__copy .v11-eyebrow{
    margin-bottom:2px!important;
}

/* Dark route section */
.dp-showcase--route .dp-status-row span{
    font-size:9.6px!important;
    padding:9px 13px!important;
}
.dp-showcase--route .dp-feature-lines b{
    font-size:11.8px!important;
}
.dp-showcase--route .dp-feature-lines small{
    font-size:10px!important;
}

/* Handoff detail cards */
.dp-handoff-cards small{
    font-size:8.8px!important;
}
.dp-handoff-cards strong{
    font-size:12.8px!important;
}

/* EARNINGS — make the right-hand info feel deliberate */
.dp-earnings__points{
    gap:11px!important;
}
.dp-earnings__points article{
    min-height:66px!important;
    padding:14px 15px!important;
}
.dp-earnings__points b{
    font-size:12.4px!important;
}
.dp-earnings__points small{
    font-size:9.4px!important;
    line-height:1.5!important;
}
.dp-earnings__copy>p{
    font-size:15.7px!important;
}

/* SERVICE AREA — slightly larger text/chips */
.dp-area__copy>p{
    font-size:15.7px!important;
    line-height:1.82!important;
}
.dp-area__chips span{
    font-size:9.8px!important;
    padding:9px 14px!important;
}

/* JOIN FORM — main final-pass target */
.dp-join__grid{
    grid-template-columns:.72fr 1.28fr!important;
    gap:52px!important;
}
.dp-join__copy>p{
    font-size:15.8px!important;
    line-height:1.82!important;
}
.dp-join__steps article{
    min-height:66px!important;
    padding:15px 16px!important;
}
.dp-join__steps b{
    font-size:12.4px!important;
}
.dp-join__steps small{
    font-size:9.4px!important;
    line-height:1.5!important;
}
.dp-join__note{
    padding:17px 18px!important;
}
.dp-join__note strong{
    font-size:11.8px!important;
}
.dp-join__note span{
    font-size:9.2px!important;
}

.dp-form-card{
    padding:38px 40px!important;
}
.dp-form__head span{
    font-size:8.8px!important;
}
.dp-form__head h3{
    font-size:33px!important;
}
.dp-form__head p{
    font-size:9.8px!important;
}
.dp-field>span{
    font-size:10.4px!important;
    margin-bottom:8px!important;
}
.dp-field input,
.dp-field select{
    height:54px!important;
    padding:0 15px!important;
    font-size:12px!important;
}
.dp-field textarea{
    min-height:120px!important;
    padding:14px 15px!important;
    font-size:12px!important;
}
.dp-consent{
    font-size:10.3px!important;
    line-height:1.55!important;
}
.dp-form__fine{
    font-size:9px!important;
    line-height:1.55!important;
}
.dp-submit{
    min-width:220px!important;
    min-height:48px!important;
}

/* Closing CTA */
.dp-final-cta__panel{
    padding-top:42px!important;
    padding-bottom:42px!important;
}

/* Desktop-specific fine tuning */
@media(min-width:1181px){
    .dp-form-card{
        max-width:920px!important;
        justify-self:end!important;
        width:100%!important;
    }
}

/* Tablet */
@media(max-width:980px){
    .dp-join__grid{
        grid-template-columns:1fr!important;
        gap:34px!important;
    }
    .dp-form-card{
        max-width:none!important;
        width:auto!important;
        justify-self:stretch!important;
    }
}

/* Phone */
@media(max-width:700px){
    .dp-hero__copy>p{
        font-size:14px!important;
    }
    .dp-benefits{
        padding-top:72px!important;
        padding-bottom:72px!important;
    }
    .dp-journey{
        padding-top:60px!important;
        padding-bottom:48px!important;
    }
    .dp-showcase__copy>p,
    .dp-earnings__copy>p,
    .dp-area__copy>p,
    .dp-join__copy>p{
        font-size:13.7px!important;
    }
    .dp-form-card{
        padding:24px 18px!important;
    }
    .dp-field input,
    .dp-field select{
        height:50px!important;
        font-size:11.5px!important;
    }
    .dp-field textarea{
        font-size:11.5px!important;
    }
}

/* DELIVERY PARTNERS V1.3 — FINAL TYPOGRAPHY / READABILITY */
.dp-hero__copy>p,.dp-section-head--center>p,.dp-section-head--split>p,.dp-showcase__copy>p,.dp-earnings__copy>p,.dp-area__copy>p,.dp-join__copy>p{font-size:16px!important;line-height:1.8!important}
.dp-hero__proof strong{font-size:14px!important;line-height:1.25!important}
.dp-hero__proof small{font-size:10.5px!important;line-height:1.55!important}
.dp-benefit-grid article{min-height:198px!important}
.dp-benefit-grid h3{font-size:21px!important}
.dp-benefit-grid p{max-width:280px!important;font-size:13px!important;line-height:1.68!important}
.dp-journey__rail{padding:13px 14px!important}
.dp-journey__rail article{min-height:76px!important;padding:11px 10px!important}
.dp-journey__rail b{font-size:13.5px!important}
.dp-journey__rail small{font-size:10px!important;line-height:1.5!important}
.dp-feature-lines b{font-size:12.5px!important}
.dp-feature-lines small{font-size:11px!important;line-height:1.55!important}
.dp-status-row span{font-size:10.5px!important}
.dp-handoff-cards small{font-size:9.5px!important}
.dp-handoff-cards strong{font-size:13.5px!important}
.dp-earnings__points b{font-size:13px!important}
.dp-earnings__points small{font-size:10.5px!important;line-height:1.5!important}
.dp-area__chips span{font-size:10.5px!important}
.dp-join__steps b{font-size:13px!important}
.dp-join__steps small{font-size:10.5px!important;line-height:1.5!important}
.dp-join__note strong{font-size:12.5px!important}
.dp-join__note span{font-size:10.5px!important}
.dp-form-card{padding:40px 42px!important}
.dp-form__head span{font-size:9.5px!important}
.dp-form__head h3{font-size:34px!important}
.dp-form__head p{font-size:10.5px!important}
.dp-field>span{font-size:12px!important;font-weight:800!important}
.dp-field input,.dp-field select{height:56px!important;font-size:13.5px!important}
.dp-field textarea{min-height:126px!important;font-size:13.5px!important;line-height:1.55!important}
.dp-field small{font-size:9.5px!important}
.dp-consent{font-size:11.5px!important;line-height:1.55!important}
.dp-consent-error{font-size:9.5px!important}
.dp-form__fine{font-size:10px!important;line-height:1.55!important}
.dp-submit{min-height:50px!important;font-size:12.5px!important}
.v11-footer{font-size:13px!important}
.v11-footer p,.v11-footer a,.v11-footer span,.v11-footer small{font-size:12.5px!important;line-height:1.65!important}
.v11-footer h3{font-size:13px!important}
@media(max-width:980px){
  .dp-hero__copy>p,.dp-section-head--center>p,.dp-section-head--split>p,.dp-showcase__copy>p,.dp-earnings__copy>p,.dp-area__copy>p,.dp-join__copy>p{font-size:15px!important}
}
@media(max-width:700px){
  .dp-hero__proof strong{font-size:13px!important}
  .dp-hero__proof small,.dp-journey__rail small,.dp-feature-lines small,.dp-earnings__points small,.dp-join__steps small{font-size:10px!important}
  .dp-field>span{font-size:11px!important}
  .dp-field input,.dp-field select,.dp-field textarea{font-size:12.5px!important}
  .dp-consent{font-size:10.5px!important}
  .v11-footer p,.v11-footer a,.v11-footer span,.v11-footer small{font-size:11.5px!important}
}