/* ==========================================================================
   VATSE DELIVERY · Página comercial exclusiva
   Plus Jakarta Sans + Inter, acento oficial do SaaS (#35D85E via identity).
   ========================================================================== */

.vdel-sales{
    --vd-green:var(--sv-accent,#35d85e);
    --vd-green-rgb:53,216,94;
    --vd-black:#090b0a;
    --vd-black-2:#101310;
    --vd-ink:#f6f8f6;
    --vd-muted:#9aa49c;
    --vd-paper:#fffdf8;
    --vd-paper-2:#f3f8f2;
    --vd-text:#111713;
    --vd-text-muted:#637067;
    --vd-line:rgba(17,23,19,.11);
    --vd-radius:28px;
    font-family:'Inter',system-ui,-apple-system,sans-serif;
    background:var(--vd-black);
    color:var(--vd-ink);
    overflow:hidden;
}
.vdel-sales *{box-sizing:border-box}
.vdel-sales h1,.vdel-sales h2,.vdel-sales h3,.vdel-sales strong{
    font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;
}
.vdel-sales img{display:block;max-width:100%}
.vdel-sales a{text-decoration:none}

/* .vdel-sales a{text-decoration:none} apagava o sublinhado dos links que vivem
   DENTRO de parágrafo, nos componentes de preço e de dúvidas. Sem ele, o único
   sinal de que aquilo é um link é a cor, e a diferença de cor para o texto ao
   redor é de 1.35:1 — abaixo dos 3:1 que a regra exige. O sublinhado volta só
   onde o link está no meio do texto. */
.vdel-sales .sv-duvidas__aside a,
.vdel-sales .sv-planos__nota a{
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:3px;
}
.vdel-sales button{font:inherit}
.vdel-sales [data-vdel-reveal],
.vdel-sales [data-vdel-stagger] > *{
    opacity:0;
    transform:translateY(28px);
    transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);
}
.vdel-sales [data-vdel-reveal].is-visible,
.vdel-sales [data-vdel-stagger] > *.is-visible{
    opacity:1;
    transform:none;
}
@media(prefers-reduced-motion:reduce){
    .vdel-sales [data-vdel-reveal],
    .vdel-sales [data-vdel-stagger] > *{opacity:1;transform:none;transition:none!important}
}

/* shared */
.vdel-kicker,.vdel-eyebrow{
    display:inline-flex;align-items:center;gap:9px;
    text-transform:uppercase;letter-spacing:.15em;
    font:800 .72rem/1.2 'Plus Jakarta Sans','Inter',sans-serif;
}
.vdel-kicker{color:#dce3dd}
.vdel-kicker__dot,.vdel-live-dot{
    width:8px;height:8px;border-radius:999px;background:var(--vd-green);
    box-shadow:0 0 0 5px rgba(var(--vd-green-rgb),.12);
    flex:0 0 auto;
}
/* 78% rendia 2.77:1 sobre o papel. O olho é texto pequeno e maiúsculo:
   precisa do AA como qualquer outro. */
.vdel-eyebrow{color:color-mix(in srgb,var(--vd-green) 46%,#0d2a15)}
.vdel-section--dark .vdel-eyebrow{color:color-mix(in srgb,var(--vd-green) 82%,white)}
.vdel-lead{font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.75;color:#b5beb7;max-width:56ch}
.vdel-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.vdel-actions--center{justify-content:center}
.vdel-btn{
    min-height:52px;padding:0 22px;border-radius:999px;
    display:inline-flex;align-items:center;justify-content:center;gap:10px;
    font:800 .88rem/1 'Plus Jakarta Sans','Inter',sans-serif;
    border:1px solid transparent;transition:.25s ease;
}
.vdel-btn:hover{transform:translateY(-2px)}
.vdel-btn--primary{background:var(--vd-green);color:#071109;box-shadow:0 12px 44px rgba(var(--vd-green-rgb),.22)}
.vdel-btn--primary:hover{background:color-mix(in srgb,var(--vd-green) 88%,white)}
.vdel-btn--ghost{background:rgba(255,255,255,.045);color:#f5f7f5;border-color:rgba(255,255,255,.14)}
.vdel-btn--ghost:hover{border-color:rgba(var(--vd-green-rgb),.65);background:rgba(var(--vd-green-rgb),.08)}
.vdel-btn--dark{background:#0d110e;color:#fff}
.vdel-section{position:relative;padding:clamp(78px,9vw,138px) 0}
.vdel-section-head{max-width:760px;margin-bottom:48px}
.vdel-section-head--center{text-align:center;margin-left:auto;margin-right:auto}
.vdel-section-head h2,.vdel-copy h2,.vdel-menu-copy h2,.vdel-customer-stage__copy h2{
    font-size:clamp(2rem,4vw,4.1rem);letter-spacing:-.055em;line-height:1.02;margin:15px 0 18px;
}
.vdel-section-head p,.vdel-copy>p,.vdel-menu-copy>p,.vdel-customer-stage__copy>p{
    font-size:1rem;line-height:1.8;max-width:62ch;
}
.vdel-ambient{
    position:absolute;pointer-events:none;border-radius:50%;
    background:radial-gradient(circle,rgba(var(--vd-green-rgb),.22),rgba(var(--vd-green-rgb),.06) 42%,transparent 72%);
}
.vdel-gridlines{
    position:absolute;inset:0;pointer-events:none;opacity:.32;
    background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size:72px 72px;
    mask-image:linear-gradient(to bottom,#000,transparent 88%);
}

/* hero */
.vdel-hero{position:relative;min-height:calc(100vh - 64px);padding:clamp(62px,8vw,118px) 0 0}
.vdel-ambient--hero{width:760px;height:760px;right:-280px;top:-240px}
.vdel-hero__grid{
    position:relative;z-index:2;
    display:grid;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);
    align-items:center;gap:clamp(38px,5vw,84px);
}
.vdel-hero h1{
    font-size:clamp(3.3rem,6.4vw,6.6rem);letter-spacing:-.075em;line-height:.91;
    margin:22px 0 28px;max-width:9.6ch;
}
.vdel-hero h1 span{color:var(--vd-green)}
.vdel-proof{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:28px;color:#aeb8b0;font-size:.78rem;font-weight:650}
.vdel-proof span{display:inline-flex;align-items:center;gap:7px}
.vdel-proof i{color:var(--vd-green)}
.vdel-hero__visual{position:relative;min-height:650px;isolation:isolate}
.vdel-food-orbit{
    position:absolute;width:520px;height:520px;border-radius:50%;right:8%;top:4%;
    border:1px solid rgba(var(--vd-green-rgb),.24);
    box-shadow:0 0 0 65px rgba(var(--vd-green-rgb),.035),0 0 0 130px rgba(var(--vd-green-rgb),.018);
}
.vdel-food-frame{
    position:absolute;right:0;top:0;width:min(72%,520px);aspect-ratio:1/1.08;
    border-radius:48% 48% 30% 48%;overflow:hidden;
    border:1px solid rgba(255,255,255,.1);
    box-shadow:0 45px 110px rgba(0,0,0,.42);
}
.vdel-food-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(3,7,4,.34),transparent 54%)}
.vdel-food-frame img{width:100%;height:100%;object-fit:cover;transform:scale(1.04)}
.vdel-food-frame figcaption{
    position:absolute;z-index:2;left:24px;bottom:22px;
    display:flex;align-items:center;gap:9px;background:rgba(8,11,9,.82);
    color:#fff;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);
    padding:10px 14px;border-radius:999px;font-weight:700;font-size:.72rem
}
.vdel-phone{
    position:absolute;z-index:4;left:4%;bottom:4%;width:278px;min-height:500px;
    padding:12px;border-radius:36px;background:#f7f8f5;color:#111713;
    border:7px solid #171b18;box-shadow:0 32px 90px rgba(0,0,0,.54);
}
.vdel-phone::before{content:"";position:absolute;top:9px;left:50%;transform:translateX(-50%);width:74px;height:20px;border-radius:99px;background:#0b0d0c;z-index:3}
.vdel-phone__top{height:30px;display:flex;justify-content:space-between;align-items:center;padding:0 7px;font-size:.58rem;font-weight:800}
.vdel-phone__restaurant{display:flex;align-items:center;gap:8px;padding:6px 5px 10px}
.vdel-phone__avatar{width:34px;height:34px;border-radius:10px;background:var(--vd-green);display:grid;place-items:center}
.vdel-phone__restaurant div{display:flex;flex-direction:column;flex:1}
.vdel-phone__restaurant strong{font-size:.7rem}
.vdel-phone__restaurant small{font-size:.52rem;color:#6b746d}.vdel-phone__restaurant small i{font-size:.38rem;color:var(--vd-green)}
.vdel-phone__restaurant button{border:0;background:white;width:30px;height:30px;border-radius:10px}
.vdel-phone__search{height:34px;border-radius:10px;background:#e9ece8;color:#5e6660;display:flex;align-items:center;gap:7px;padding:0 10px;font-size:.55rem}
.vdel-phone__promo{height:126px;border-radius:16px;background:#111713;margin-top:10px;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;color:#fff}
.vdel-phone__promo>div{padding:17px 0 12px 13px;display:flex;flex-direction:column}
.vdel-phone__promo small{font-size:.48rem;color:var(--vd-green);font-weight:800;text-transform:uppercase}
.vdel-phone__promo strong{font-size:.76rem;margin:4px 0}
.vdel-phone__promo span{font-size:.5rem;color:#c6cec8}
.vdel-phone__promo img{width:100%;height:100%;object-fit:cover}
.vdel-phone__chips{display:flex;gap:5px;overflow:hidden;margin:10px 0 8px}
.vdel-phone__chips span{font-size:.47rem;font-weight:750;background:#e6e9e5;padding:5px 8px;border-radius:999px;white-space:nowrap}
.vdel-phone__chips .active{background:var(--vd-green)}
.vdel-phone__item{display:grid;grid-template-columns:52px 1fr auto;gap:8px;align-items:center;background:#fff;padding:7px;border-radius:12px}
.vdel-phone__item img{width:52px;height:52px;object-fit:cover;border-radius:9px}
.vdel-phone__item div{display:flex;flex-direction:column}.vdel-phone__item strong{font-size:.55rem}.vdel-phone__item small{font-size:.45rem;color:#6c746e}
.vdel-phone__item b{font-size:.52rem}
.vdel-phone__cart{position:absolute;left:12px;right:12px;bottom:12px;border:0;border-radius:14px;background:var(--vd-green);height:46px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;color:#071109}
.vdel-phone__cart span{font-size:.5rem}.vdel-phone__cart strong{font-size:.58rem}
.vdel-float-card{
    position:absolute;z-index:5;display:flex;align-items:center;gap:10px;
    padding:12px 14px;border:1px solid rgba(255,255,255,.11);background:rgba(16,19,16,.78);
    backdrop-filter:blur(16px);border-radius:18px;box-shadow:0 18px 45px rgba(0,0,0,.28)
}
.vdel-float-card div:last-child{display:flex;flex-direction:column}.vdel-float-card strong{font-size:.78rem}.vdel-float-card span{font-size:.57rem;color:#aeb6b0}
.vdel-float-card--rating{right:2%;bottom:15%}.vdel-float-card--time{right:21%;top:7%}
.vdel-avatar-stack{display:flex}.vdel-avatar-stack i{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#f1c9a8,#513c31);border:2px solid #111;margin-right:-7px}
.vdel-icon-box{width:32px;height:32px;display:grid!important;place-items:center;border-radius:10px;background:var(--vd-green)!important;color:#071109!important}
.vdel-marquee{
    position:relative;z-index:3;margin-top:58px;border-top:1px solid rgba(255,255,255,.08);
    display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:72px;
    color:#e4e8e5;font:750 .76rem 'Plus Jakarta Sans','Inter',sans-serif;text-transform:uppercase;letter-spacing:.08em;
}
.vdel-marquee i{width:5px;height:5px;border-radius:50%;background:var(--vd-green)}

/* paper split */
/* O <main> se declara escuro e o núcleo pinta h1/h2/h3 com --sv-ink. Sem
   redeclarar aqui, todo título de seção clara saía branco sobre papel: 1.1:1.
   A superfície que muda de atmosfera precisa levar a tinta junto. */
.vdel-section--paper{
    background:var(--vd-paper);
    color:var(--vd-text);
    --sv-ink:var(--vd-text);
    --sv-ink-dim:var(--vd-text-muted);
    --sv-ink-faint:#6c746e;
    --sv-panel:#ffffff;
    --sv-panel-2:#f4f7f3;
    --sv-line:rgba(17,23,19,.12);
    --sv-line-2:rgba(17,23,19,.2);
}
.vdel-section--paper p{color:var(--vd-text-muted)}
.vdel-split{display:grid;grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr);gap:clamp(42px,7vw,100px);align-items:center}
.vdel-copy h2{max-width:12ch}.vdel-copy h2 em{font-style:normal;color:color-mix(in srgb,var(--vd-green) 52%,#0d2a15)}
.vdel-check-list{display:grid;gap:12px;margin:28px 0}
.vdel-check-list>div{display:flex;gap:11px;align-items:flex-start;font-size:.9rem;color:#4e5c52}
.vdel-check-list i{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--vd-green);color:#0a160c;font-size:.62rem;flex:0 0 auto}
.vdel-text-link{display:inline-flex;align-items:center;gap:9px;color:#101b13;font-weight:800;font-size:.86rem;border-bottom:1px solid #101b13;padding-bottom:4px}
.vdel-showcase{position:relative}
.vdel-browser{overflow:hidden;border-radius:26px;border:1px solid #dfe4dd;background:#fff;box-shadow:0 28px 80px rgba(29,48,33,.14);transform:rotate(1deg)}
.vdel-browser__bar{height:46px;border-bottom:1px solid #e5e9e3;display:flex;align-items:center;gap:6px;padding:0 15px}
.vdel-browser__bar i{width:8px;height:8px;border-radius:50%;background:#d9ded8}.vdel-browser__bar i:first-child{background:var(--vd-green)}
.vdel-browser__bar span{margin-left:10px;background:#f3f5f2;padding:6px 16px;border-radius:99px;color:#67716a;font-size:.56rem;flex:1}
.vdel-browser__content{padding:16px}
.vdel-browser__hero{min-height:290px;border-radius:20px;overflow:hidden;position:relative;background:#111}
.vdel-browser__hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.68}
.vdel-browser__hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,12,10,.86),rgba(9,12,10,.1))}
.vdel-browser__hero>div{position:relative;z-index:2;display:flex;flex-direction:column;padding:48px 34px;max-width:52%;color:#fff}
.vdel-browser__hero span{font-size:.56rem;text-transform:uppercase;letter-spacing:.14em;color:var(--vd-green);font-weight:800}
.vdel-browser__hero strong{font-size:2rem;line-height:1;letter-spacing:-.06em;margin:9px 0}
.vdel-browser__hero small{color:#d5dbd6;font-size:.62rem;line-height:1.5}
.vdel-browser__cards{display:grid;grid-template-columns:1fr 1fr .7fr;gap:9px;margin-top:9px}
.vdel-browser__cards>div{height:96px;border-radius:14px;position:relative;overflow:hidden;background:#eef2ec}
.vdel-browser__cards img{width:100%;height:100%;object-fit:cover}.vdel-browser__cards div>span{position:absolute;left:9px;bottom:8px;background:rgba(5,8,6,.74);color:#fff;padding:4px 8px;border-radius:99px;font-size:.48rem}
.vdel-browser__cta{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column;gap:7px;background:var(--vd-green)!important}.vdel-browser__cta i{font-size:1.1rem}.vdel-browser__cta span{position:static!important;background:none!important;color:#0a150c!important;font-weight:800!important}
.vdel-badge-float{position:absolute;right:-18px;bottom:26px;background:#0d120e;color:#fff;border-radius:999px;padding:12px 16px;box-shadow:0 15px 35px rgba(0,0,0,.16);font-weight:800;font-size:.67rem}.vdel-badge-float i{color:var(--vd-green);margin-right:5px}

/* dark flow */
.vdel-section--dark{background:#0c0f0d;color:#f2f5f3}
.vdel-section--dark .vdel-section-head p{color:#99a49c}
.vdel-ambient--center{width:900px;height:620px;left:50%;top:-250px;transform:translateX(-50%);opacity:.5}
.vdel-flow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.09);border-radius:28px;overflow:hidden}
.vdel-flow::before{content:"";position:absolute;left:12.5%;right:12.5%;top:75px;height:1px;background:linear-gradient(90deg,transparent,var(--vd-green),var(--vd-green),transparent);opacity:.5}
.vdel-flow article{min-height:310px;padding:30px 25px;border-right:1px solid rgba(255,255,255,.08);position:relative}.vdel-flow article:last-child{border-right:0}
.vdel-flow__n{display:block;color:#79827b;font-weight:800;font-size:.65rem;margin-bottom:22px}
.vdel-flow__icon{position:relative;z-index:2;width:54px;height:54px;border-radius:17px;background:#151b16;border:1px solid rgba(var(--vd-green-rgb),.25);display:grid;place-items:center;color:var(--vd-green);font-size:1.05rem;margin-bottom:32px}
.vdel-flow h3{font-size:1rem;margin:0 0 11px}.vdel-flow p{font-size:.8rem;line-height:1.65;color:#8e9891}

/* dashboard */
.vdel-section--mint{background:#edf7ed;color:var(--vd-text);--sv-ink:var(--vd-text);--sv-ink-dim:var(--vd-text-muted);--sv-ink-faint:#6c746e;--sv-panel:#ffffff;--sv-panel-2:#f4f7f3;--sv-line:rgba(17,23,19,.12);--sv-line-2:rgba(17,23,19,.2)}
.vdel-section--mint .vdel-section-head p{color:#5e6d62}
.vdel-dashboard-stage{border-radius:30px;overflow:hidden;background:#101310;border:1px solid rgba(0,0,0,.09);box-shadow:0 40px 100px rgba(30,65,38,.17)}
.vdel-dashboard-stage__chrome{height:54px;padding:0 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#a8b1aa}
.vdel-dashboard-stage__chrome>span{display:flex;gap:6px}.vdel-dashboard-stage__chrome>span i{width:8px;height:8px;border-radius:50%;background:#3a403b}.vdel-dashboard-stage__chrome>span i:first-child{background:var(--vd-green)}
.vdel-dashboard-stage__chrome small{background:#171c18;padding:7px 26px;border-radius:99px;font-size:.6rem}
.vdel-dashboard-stage__chrome b{justify-self:end;font-size:.6rem;display:flex;align-items:center;gap:8px;color:#dbe1dc}
.vdel-dashboard-stage img{width:100%;height:auto}
.vdel-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px;border-top:1px solid #ceddce;border-bottom:1px solid #ceddce}
.vdel-metrics>div{padding:24px 20px;border-right:1px solid #ceddce}.vdel-metrics>div:last-child{border-right:0}
.vdel-metrics strong{display:block;font-size:.82rem}.vdel-metrics span{display:block;color:#667369;font-size:.7rem;margin-top:5px}

/* menu */
.vdel-menu-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(50px,8vw,120px);align-items:center}
.vdel-menu-copy h2{max-width:11ch}
.vdel-menu-copy ul{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vdel-menu-copy li{display:flex;align-items:center;gap:9px;font-size:.78rem;font-weight:700;color:#3f4d43}
.vdel-menu-copy li i{width:34px;height:34px;border-radius:11px;background:#edf7eb;display:grid;place-items:center;color:#1a6a2d}
.vdel-menu-cards{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:12px;min-height:580px}
.vdel-dish{position:relative;overflow:hidden;border-radius:25px;background:#eee;min-height:0}
.vdel-dish--large{grid-row:1/3}.vdel-dish img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.vdel-dish:hover img{transform:scale(1.035)}
.vdel-dish::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(6,9,7,.76),transparent 54%)}
.vdel-dish>div{position:absolute;z-index:2;left:19px;right:19px;bottom:17px;display:flex;justify-content:space-between;align-items:end;color:#fff}
.vdel-dish small{font-weight:750}.vdel-dish strong{color:var(--vd-green);font-size:.86rem}
.vdel-dish__tag{position:absolute;z-index:2;left:18px;top:18px;background:var(--vd-green);color:#071109;border-radius:99px;padding:7px 10px;font-size:.58rem;font-weight:850}

/* feature grid */
.vdel-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1)}
.vdel-feature-grid article{min-height:240px;padding:30px;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);transition:background .25s}
.vdel-feature-grid article:hover{background:rgba(var(--vd-green-rgb),.055)}
.vdel-feature-grid i{width:44px;height:44px;border-radius:14px;background:rgba(var(--vd-green-rgb),.1);display:grid;place-items:center;color:var(--vd-green);margin-bottom:28px}
.vdel-feature-grid h3{font-size:.96rem;margin:0 0 10px}.vdel-feature-grid p{font-size:.78rem;color:#8e9891;line-height:1.7}

/* public visual */
.vdel-section--visual{background:var(--vd-green);color:#08110a;overflow:hidden}
.vdel-section--visual .vdel-eyebrow{color:#153d1d}
.vdel-customer-stage{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(44px,7vw,100px);align-items:center}
/* Esta seção usa o verde da marca como superfície. Herdando --sv-ink do
   <main> escuro, o título saía quase branco sobre verde: 1.68:1. */
.vdel-section--visual{--sv-ink:#08240f;--sv-ink-dim:#123a1c}
.vdel-customer-stage__copy h2{font-size:clamp(2.3rem,4.8vw,5rem);max-width:9ch;color:#08240f}
.vdel-customer-stage__copy p{color:#1c4a25}
.vdel-customer-stage__device{position:relative;min-height:560px}
.vdel-device-card{position:absolute;inset:0 4% 0 10%;border-radius:34px;overflow:hidden;background:#111;box-shadow:0 42px 90px rgba(6,42,15,.26);border:8px solid #111}
.vdel-device-card img{width:100%;height:100%;object-fit:cover}
.vdel-device-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,8,.82),rgba(7,10,8,.08))}
.vdel-device-card__overlay{position:absolute;z-index:2;left:0;top:0;bottom:0;width:58%;padding:70px 0 50px 50px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#fff}
.vdel-device-card__overlay span{font-size:.62rem;text-transform:uppercase;letter-spacing:.13em;color:var(--vd-green);font-weight:800}
.vdel-device-card__overlay strong{font-size:clamp(2rem,3vw,3.3rem);line-height:.98;letter-spacing:-.055em;margin:12px 0 24px}
.vdel-device-card__overlay button{border:0;border-radius:999px;background:var(--vd-green);color:#071109;padding:12px 16px;font-weight:800}
.vdel-device-mini{position:absolute;z-index:4;right:0;bottom:38px;background:#fff;border-radius:18px;padding:13px 15px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;box-shadow:0 20px 45px rgba(0,0,0,.18)}
.vdel-device-mini>i{width:36px;height:36px;border-radius:11px;background:#edf7ed;color:#19702e;display:grid;place-items:center}.vdel-device-mini div{display:flex;flex-direction:column}.vdel-device-mini small{color:#69746d;font-size:.55rem}.vdel-device-mini strong{font-size:.7rem}.vdel-device-mini>span{background:#e8f8e9;padding:6px 8px;border-radius:99px;font-weight:800;font-size:.58rem}

/* shared components restyle */
.vdel-components{background:#0c0f0d}
.vdel-components .sv-planos,.vdel-components .sv-faq{background:transparent}
.vdel-components .sv-planos__grid{gap:16px}
.vdel-components .sv-plano{border-radius:24px;background:#111612}
.vdel-components .sv-plano--ancora{border-color:rgba(var(--vd-green-rgb),.64);box-shadow:0 25px 70px rgba(var(--vd-green-rgb),.08)}
.vdel-components .sv-plano__tag{background:var(--vd-green);color:#071109}
.vdel-components .sv-label{color:color-mix(in srgb,var(--vd-green) 82%,#fff)}
.vdel-components .sv-label::before{background:var(--vd-green)}
.vdel-components .sv-faq__item{border-color:rgba(255,255,255,.09)}

/* final */
.vdel-final{position:relative;background:#090b0a;padding:clamp(90px,11vw,160px) 0;overflow:hidden}
.vdel-ambient--final{width:900px;height:700px;left:50%;bottom:-520px;transform:translateX(-50%)}
.vdel-final__inner{position:relative;z-index:2;text-align:center;max-width:900px}
.vdel-final h2{font-size:clamp(2.6rem,6vw,6.3rem);letter-spacing:-.075em;line-height:.92;margin:18px auto 22px;max-width:11ch}.vdel-final h2 span{color:var(--vd-green)}
.vdel-final p{color:#9da79f}.vdel-final .vdel-eyebrow{color:color-mix(in srgb,var(--vd-green) 82%,white)}

/* responsive */
@media(max-width:1080px){
    .vdel-hero__grid{grid-template-columns:1fr 1fr}.vdel-hero__visual{min-height:580px}.vdel-food-frame{width:82%}
    .vdel-phone{left:-2%;width:250px;min-height:460px}
    .vdel-split,.vdel-menu-grid{grid-template-columns:1fr 1fr;gap:45px}
    .vdel-customer-stage{grid-template-columns:1fr 1.1fr}
}
@media(max-width:860px){
    .vdel-hero{padding-top:70px}.vdel-hero__grid{grid-template-columns:1fr}.vdel-hero h1{max-width:8.8ch}
    .vdel-hero__visual{min-height:600px;max-width:660px;width:100%;margin:0 auto}
    .vdel-food-frame{right:1%;width:72%}.vdel-phone{left:5%}
    .vdel-marquee{overflow:hidden;justify-content:flex-start}.vdel-marquee span{white-space:nowrap}.vdel-marquee span:nth-of-type(n+5),.vdel-marquee i:nth-of-type(n+4){display:none}
    .vdel-split,.vdel-menu-grid,.vdel-customer-stage{grid-template-columns:1fr}
    .vdel-copy h2,.vdel-menu-copy h2,.vdel-customer-stage__copy h2{max-width:14ch}
    .vdel-flow{grid-template-columns:1fr 1fr}.vdel-flow article:nth-child(2){border-right:0}.vdel-flow::before{display:none}
    .vdel-metrics{grid-template-columns:1fr 1fr}.vdel-metrics>div:nth-child(2){border-right:0}
    .vdel-feature-grid{grid-template-columns:1fr 1fr}
    .vdel-customer-stage__device{min-height:520px}
}
@media(max-width:600px){
    .vdel-section{padding:76px 0}.vdel-hero h1{font-size:clamp(3.25rem,16vw,5rem)}
    .vdel-actions{display:grid;grid-template-columns:1fr}.vdel-btn{width:100%}
    .vdel-proof{display:grid;gap:8px}
    .vdel-hero__visual{min-height:500px}.vdel-food-frame{width:82%;height:360px;right:-12px;border-radius:34% 34% 22% 34%}.vdel-phone{width:215px;min-height:404px;left:-8px;bottom:0;border-width:5px;border-radius:28px}.vdel-phone__promo{height:100px}.vdel-phone__cart{height:40px}
    .vdel-float-card--rating{right:-10px;bottom:8%}.vdel-float-card--time{display:none}
    .vdel-marquee{margin-top:32px;min-height:58px}.vdel-marquee span:nth-of-type(n+4),.vdel-marquee i:nth-of-type(n+3){display:none}
    .vdel-split{gap:36px}.vdel-browser{border-radius:18px}.vdel-browser__hero{min-height:250px}.vdel-browser__hero>div{max-width:78%;padding:35px 22px}.vdel-browser__hero strong{font-size:1.5rem}
    .vdel-browser__cards{grid-template-columns:1fr 1fr}.vdel-browser__cards>div:last-child{display:none!important}.vdel-badge-float{right:8px;bottom:-18px}
    .vdel-flow{grid-template-columns:1fr}.vdel-flow article{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);min-height:230px}.vdel-flow article:last-child{border-bottom:0}
    .vdel-dashboard-stage{border-radius:18px}.vdel-dashboard-stage__chrome{grid-template-columns:1fr auto}.vdel-dashboard-stage__chrome small{display:none}
    .vdel-metrics{grid-template-columns:1fr}.vdel-metrics>div{border-right:0;border-bottom:1px solid #ceddce}.vdel-metrics>div:last-child{border-bottom:0}
    .vdel-menu-copy ul{grid-template-columns:1fr}.vdel-menu-cards{min-height:470px;grid-template-columns:1fr 1fr;grid-template-rows:1.2fr .8fr}.vdel-dish--large{grid-column:1/3;grid-row:auto}.vdel-dish{border-radius:18px}
    .vdel-feature-grid{grid-template-columns:1fr}.vdel-feature-grid article{min-height:200px}
    .vdel-customer-stage__device{min-height:440px}.vdel-device-card{inset:0;border-width:5px;border-radius:24px}.vdel-device-card__overlay{width:78%;padding:40px 20px}.vdel-device-mini{right:8px;bottom:18px}
}

/* =========================================================================
   Par de chamada no fim de cada capítulo
   -------------------------------------------------------------------------
   Cinco seções seguidas não tinham botão nenhum: quem se convenceu no meio da
   página não tinha para onde clicar e precisava voltar ao topo ou descer até
   o fim. O par repete o mesmo destino em pontos diferentes da leitura, e não
   inventa um terceiro caminho.
   ========================================================================= */

.vdel-cta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: clamp(28px, 3.4vw, 46px);
    padding-top: clamp(20px, 2.4vw, 30px);
    border-top: 1px solid rgba(17, 23, 19, .10);
}

.vdel-section--dark .vdel-cta-row,
.vdel-section--visual .vdel-cta-row {
    border-top-color: rgba(255, 255, 255, .12);
}

.vdel-cta-row__nota {
    font-size: .78rem;
    line-height: 1.55;
    color: var(--vd-text-muted);
    margin-left: auto;
    max-width: 34ch;
    text-align: right;
}

.vdel-section--dark .vdel-cta-row__nota,
.vdel-section--visual .vdel-cta-row__nota {
    color: rgba(246, 248, 246, .68);
}

@media (max-width: 760px) {
    .vdel-cta-row__nota { margin-left: 0; text-align: left; max-width: none; }
}

/* -------------------------------------------------------------------------
   Átomos do núcleo em superfície clara
   -------------------------------------------------------------------------
   sc-btn-glass é vidro sobre preto: fundo branco a 4% e tinta #f0f0f0. Sobre
   o papel do Delivery ele vira texto quase invisível sem caixa, que é como os
   botões "Assinar" dos planos não âncora estavam aparecendo.
   ------------------------------------------------------------------------- */

.vdel-section--paper .sv-plano,
.vdel-section--mint .sv-plano {
    box-shadow: 0 18px 44px rgba(20, 42, 25, .07);
}

.vdel-section--paper .sv-plano--ancora,
.vdel-section--mint .sv-plano--ancora {
    box-shadow: 0 26px 62px rgba(20, 42, 25, .16);
}

.vdel-section--paper .sc-btn-glass,
.vdel-section--mint .sc-btn-glass {
    background: #fff;
    color: var(--vd-text);
    border: 1px solid rgba(17, 23, 19, .16);
}

.vdel-section--paper .sc-btn-glass:hover,
.vdel-section--mint .sc-btn-glass:hover {
    background: #f4f7f3;
    color: var(--vd-text);
    border-color: rgba(17, 23, 19, .28);
}

/* O campo de formulário do lead vive numa seção clara. */
.vdel-section--paper .vatse-commercial-field input {
    background: #fff;
    border-color: rgba(17, 23, 19, .16);
    color: var(--vd-text);
}

/* -------------------------------------------------------------------------
   Botão fantasma e links de acento em superfície clara
   -------------------------------------------------------------------------
   vdel-btn--ghost tem tinta #f5f7f5: é feito para o fundo escuro e sobre papel
   rende 1.01:1, ou seja, some. E --sv-accent-ink é o verde puxado para o
   branco, que num link sobre creme dá 1.72:1. Em superfície clara os dois
   precisam ir para o lado escuro do mesmo verde.
   ------------------------------------------------------------------------- */

.vdel-section--paper .vdel-btn--ghost,
.vdel-section--mint .vdel-btn--ghost {
    background: #fff;
    color: var(--vd-text);
    border-color: rgba(17, 23, 19, .18);
}

.vdel-section--paper .vdel-btn--ghost:hover,
.vdel-section--mint .vdel-btn--ghost:hover {
    background: #f2f6f1;
    color: var(--vd-text);
    border-color: rgba(17, 23, 19, .3);
}

.vdel-section--paper,
.vdel-section--mint {
    --sv-accent-ink: #17692d;
}