/* =========================================================
   ESSENTILY — BECOME A VENDOR V1
   Dedicated local-store acquisition page.
   ========================================================= */

:root{
    --vendor-ink:#17191b;
    --vendor-copy:#5f6970;
    --vendor-orange:#ff520f;
    --vendor-green:#0e4729;
    --vendor-lime:#baf08e;
    --vendor-cream:#fff8f2;
    --vendor-border:#e9e2db;
}

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

.vendor-hero__visual{position:relative;min-height:570px;isolation:isolate}
.vendor-hero__glow{
    position:absolute;inset:8% 4% 2%;
    border-radius:50%;
    background:radial-gradient(circle,#fff 0 30%,rgba(255,231,218,.75) 48%,rgba(226,243,222,.78) 68%,transparent 69%);
    filter:blur(4px)
}
.vendor-phone{
    margin:0;
    overflow:hidden;
    border:7px solid #202326;
    border-radius:34px;
    background:#fff;
    box-shadow:0 28px 66px rgba(23,24,22,.18)
}
.vendor-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.vendor-phone--main{position:absolute;z-index:4;left:50%;top:0;width:280px;height:572px;transform:translateX(-50%)}
.vendor-phone--side{position:absolute;z-index:3;bottom:7%;width:190px;height:410px}
.vendor-phone--left{left:1%;transform:rotate(-8deg)}
.vendor-phone--right{right:0;transform:rotate(8deg)}
.vendor-float{
    position:absolute;z-index:6;min-width:155px;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)
}
.vendor-float b,.vendor-float small{display:block}
.vendor-float b{font:900 10px Nunito,sans-serif}
.vendor-float small{margin-top:2px;color:#899196;font-size:7px}
.vendor-float--top{left:0;top:10%}
.vendor-float--bottom{right:0;bottom:2%}

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

.vendor-benefits{padding:115px 0;background:#fff}
.vendor-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:48px}
.vendor-benefit-grid article{
    min-height:210px;padding:25px;border:1px solid var(--vendor-border);border-radius:25px;background:#fff;
    box-shadow:0 18px 45px rgba(30,27,24,.045)
}
.vendor-benefit-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#fff0e8;color:#ff5716;font:900 18px Nunito,sans-serif}
.vendor-benefit-grid article:nth-child(2) .vendor-benefit-icon{background:#eef7eb;color:#3d8b50}
.vendor-benefit-grid article:nth-child(3) .vendor-benefit-icon{background:#f2f2f2;color:#17191b}
.vendor-benefit-grid article:nth-child(4) .vendor-benefit-icon{background:#fff7d9;color:#aa7b00}
.vendor-benefit-grid h3{margin:23px 0 8px;font:900 21px/1.05 Nunito,sans-serif}
.vendor-benefit-grid p{margin:0;color:#6c767c;font-size:11.5px;line-height:1.7}

.vendor-flow{padding:95px 0;background:#f5f7f3}
.vendor-flow__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
}
.vendor-flow__rail article{display:flex;align-items:flex-start;gap:11px;min-height:88px;padding:13px}
.vendor-flow__rail article>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#fff0e8;color:#ff5b18;font:900 9px Nunito,sans-serif}
.vendor-flow__rail b,.vendor-flow__rail small{display:block}
.vendor-flow__rail b{font:900 12px Nunito,sans-serif}
.vendor-flow__rail small{margin-top:4px;color:#7a8489;font-size:8px;line-height:1.5}
.vendor-flow__rail>i{width:18px;height:1px;background:#dfe3de}

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

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

.vendor-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
}
.vendor-showcase__visual:before{content:"";position:absolute;inset:0;opacity:.42;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;pointer-events:none}
.vendor-showcase__visual--cream{background:linear-gradient(135deg,#fff0e6,#fffaf5 62%,#eef8ea)}
.vendor-showcase__visual--dark{background:radial-gradient(circle at 62% 25%,rgba(81,150,84,.16),transparent 32%),#0a100d}
.vendor-showcase__visual--mint{background:linear-gradient(135deg,#eff8eb,#fff 72%)}
.vendor-phone--show{position:relative;z-index:2;width:215px;height:465px}
.vendor-phone--show-main{width:245px;height:530px}
.vendor-phone--tilt-left{transform:rotate(-6deg) translateY(16px)}
.vendor-phone--peek{transform:rotate(5deg) translateY(28px)}
.vendor-screen-note{
    position:absolute;z-index:5;left:6%;top:10%;padding:11px 13px;border-radius:15px;background:#fff;box-shadow:0 17px 40px rgba(31,28,24,.09)
}
.vendor-screen-note b,.vendor-screen-note small{display:block}
.vendor-screen-note b{font:900 10px Nunito,sans-serif}
.vendor-screen-note small{margin-top:2px;color:#8b9397;font-size:7px}
.vendor-screen-note--dark{left:auto;right:5%;background:#202824;color:#fff}
.vendor-screen-note--dark small{color:#afbbb3}

.vendor-status-row{display:flex;align-items:center;gap:7px;margin-top:25px}
.vendor-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}
.vendor-status-row i{width:18px;height:1px;background:#65716a}

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

.vendor-network{padding:105px 0;background:#0d1510;color:#fff}
.vendor-network__head{max-width:900px;text-align:center}
.vendor-network__head .v11-eyebrow{justify-content:center}
.vendor-network__head h2{margin:14px 0 17px;color:#fff;font-size:clamp(50px,4.8vw,68px);line-height:.98}
.vendor-network__head h2 em{color:var(--vendor-lime)}
.vendor-network__head>p{max-width:760px;margin:0 auto;color:#bdc9c0;font-size:14.5px;line-height:1.85}
.vendor-network__visual{
    display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:15px;align-items:center;
    margin-top:45px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:rgba(255,255,255,.035)
}
.vendor-network__visual article{display:flex;align-items:center;gap:14px;min-height:116px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.045)}
.vendor-network__visual article img{flex:0 0 54px;width:54px;height:54px;border-radius:15px;object-fit:cover}
.vendor-network__visual small,.vendor-network__visual strong,.vendor-network__visual span{display:block}
.vendor-network__visual small{color:#ff9368;font-size:7px;font-weight:900;letter-spacing:.08em}
.vendor-network__visual strong{margin-top:3px;font:900 13px Nunito,sans-serif}
.vendor-network__visual article div>span{margin-top:4px;color:#b8c5bc;font-size:8.5px;line-height:1.5}
.vendor-network__visual>i{color:#6a776e;font-style:normal}
.vendor-network__store{border-color:rgba(186,240,142,.22)!important;background:rgba(186,240,142,.06)!important}

.vendor-network__screens{
    display:grid;grid-template-columns:1fr .72fr;gap:72px;align-items:center;
    margin-top:60px;padding:48px;border:1px solid rgba(255,255,255,.08);border-radius:36px;background:rgba(255,255,255,.035)
}
.vendor-network__copy h3{margin:13px 0 15px;font:900 clamp(40px,3.8vw,54px)/1 Nunito,sans-serif;letter-spacing:-.045em}
.vendor-network__copy h3 em{color:var(--vendor-lime);font-style:normal}
.vendor-network__copy p{max-width:630px;margin:0;color:#bdc8c0;font-size:14px;line-height:1.8}
.vendor-phone--network{justify-self:center;width:260px;height:562px}

.vendor-shop-preview{padding:100px 0;background:linear-gradient(135deg,#fff8f2,#fff 55%,#eff8ec)}
.vendor-shop-preview__grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:72px;align-items:center}
.vendor-shop-preview__copy>img{width:58px;height:58px;border-radius:17px;box-shadow:0 12px 28px rgba(255,82,15,.18)}
.vendor-shop-preview h2{margin:16px 0 16px;font-size:clamp(48px,4.5vw,64px);line-height:.99}
.vendor-shop-preview p{max-width:650px;margin:0;color:var(--vendor-copy);font-size:15px;line-height:1.85}
.vendor-inline-link{display:inline-flex;align-items:center;gap:8px;margin-top:24px;color:#1e2325;font-size:11px;font-weight:800}
.vendor-inline-link span{color:var(--vendor-orange)}
.vendor-shop-preview__visual{position:relative;min-height:560px}
.vendor-phone--shop{position:absolute;left:16%;bottom:4%;width:230px;height:497px;transform:rotate(-5deg)}
.vendor-phone--shop-front{left:48%;z-index:3;width:255px;height:551px;transform:rotate(5deg)}

.vendor-cta{padding:90px 0 110px;background:#fff}
.vendor-cta__panel{
    display:grid;grid-template-columns:1fr 240px;gap:42px;align-items:center;
    padding:50px 54px;border:1px solid var(--vendor-border);border-radius:34px;
    background:linear-gradient(135deg,#fff3ea,#fff 55%,#edf7e9);box-shadow:0 23px 68px rgba(37,31,25,.06)
}
.vendor-cta h2{margin:13px 0 13px;font-size:clamp(40px,3.8vw,54px);line-height:1}
.vendor-cta p{max-width:720px;margin:0;color:var(--vendor-copy);font-size:13.5px;line-height:1.8}
.vendor-cta__actions{display:flex;flex-direction:column;gap:10px;width:240px}
.vendor-cta__actions .v11-btn{width:100%;justify-content:center}

.vendor-motion .vendor-showcase__visual .vendor-phone,
.vendor-motion .vendor-hero__visual .vendor-phone{transition:translate .25s ease}

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

@media(max-width:980px){
    .vendor-hero__grid{grid-template-columns:1fr;gap:25px;min-height:auto;padding-top:65px}
    .vendor-hero__copy{text-align:center;margin-inline:auto}
    .vendor-hero__copy .v11-eyebrow{justify-content:center}
    .vendor-hero__copy>p{margin-inline:auto}
    .vendor-hero__actions{justify-content:center}
    .vendor-hero__visual{min-height:520px}
    .vendor-section-head--split{grid-template-columns:1fr;gap:24px;text-align:center}
    .vendor-section-head--split .v11-eyebrow{justify-content:center}
    .vendor-flow__rail{grid-template-columns:1fr 1fr}
    .vendor-showcase__grid,.vendor-showcase__grid--reverse{grid-template-columns:1fr;gap:35px}
    .vendor-showcase__grid--reverse>.vendor-showcase__visual,.vendor-showcase__grid--reverse>.vendor-showcase__copy{order:initial}
    .vendor-showcase__copy{text-align:center}
    .vendor-showcase__copy .v11-eyebrow{justify-content:center}
    .vendor-showcase__copy>p{margin-inline:auto}
    .vendor-feature-lines>span{text-align:left}
    .vendor-network__visual{grid-template-columns:1fr}
    .vendor-network__visual>i{display:none}
    .vendor-network__screens{grid-template-columns:1fr;text-align:center}
    .vendor-network__screens .v11-eyebrow{justify-content:center}
    .vendor-network__copy p{margin-inline:auto}
    .vendor-shop-preview__grid{grid-template-columns:1fr;text-align:center}
    .vendor-shop-preview__copy .v11-eyebrow{justify-content:center}
    .vendor-shop-preview p{margin-inline:auto}
    .vendor-shop-preview__visual{min-height:530px}
    .vendor-cta__panel{grid-template-columns:1fr;text-align:center}
    .vendor-cta__panel .v11-eyebrow{justify-content:center}
    .vendor-cta p{margin-inline:auto}
    .vendor-cta__actions{justify-self:center}
}

@media(max-width:700px){
    .vendor-hero h1{font-size:48px}
    .vendor-hero__copy>p{font-size:14px}
    .vendor-hero__actions{flex-direction:column;gap:12px}
    .vendor-hero__proof{grid-template-columns:1fr;gap:12px;text-align:left}
    .vendor-hero__proof>span{padding:0}
    .vendor-hero__proof>span+span:before{display:none}
    .vendor-hero__visual{min-height:390px}
    .vendor-phone{border-width:5px;border-radius:25px}
    .vendor-phone--main{width:190px;height:388px}
    .vendor-phone--side{width:125px;height:270px}
    .vendor-float{display:none}
    .vendor-benefits{padding:78px 0}
    .vendor-section-head--center h2,.vendor-section-head--split h2{font-size:40px}
    .vendor-benefit-grid{grid-template-columns:1fr}
    .vendor-flow{padding:72px 0}
    .vendor-flow__rail{grid-template-columns:1fr}
    .vendor-showcase{padding:70px 0}
    .vendor-showcase__number{font-size:55px}
    .vendor-showcase__copy h2{font-size:39px}
    .vendor-showcase__copy>p{font-size:13.5px}
    .vendor-feature-lines>span{grid-template-columns:1fr;gap:5px}
    .vendor-showcase__visual{min-height:420px;padding:20px}
    .vendor-phone--show{width:140px;height:303px}
    .vendor-phone--show-main{width:160px;height:346px}
    .vendor-screen-note{display:none}
    .vendor-status-row{flex-wrap:wrap}
    .vendor-status-row i{display:none}
    .vendor-metric-cards{grid-template-columns:1fr}
    .vendor-network{padding:80px 0}
    .vendor-network__head h2{font-size:40px}
    .vendor-network__screens{padding:28px 20px}
    .vendor-network__copy h3{font-size:36px}
    .vendor-phone--network{width:190px;height:411px}
    .vendor-shop-preview{padding:78px 0}
    .vendor-shop-preview h2{font-size:40px}
    .vendor-shop-preview__visual{min-height:410px}
    .vendor-phone--shop{left:7%;width:150px;height:324px}
    .vendor-phone--shop-front{left:43%;width:170px;height:368px}
    .vendor-cta{padding:72px 0 92px}
    .vendor-cta__panel{padding:34px 22px}
    .vendor-cta h2{font-size:38px}
    .vendor-cta__actions{width:100%}
}