/* ================================================
   LANDING SER LOJISTA — KAVO 2026
   Arquivo exclusivo: /ser-lojista
   Mesmo design system de /vender-veiculo
   Foco: B2B Dealer — tom mais profissional/premium
================================================ */
:root {
    --ll-green:#0F766E; --ll-green-dark:#0a5c56; --ll-green-light:#ccfbf1;
    --ll-green-glow:rgba(15,118,110,.2); --ll-teal:#5eead4;
    --ll-navy:#0f172a; --ll-navy-mid:#1e293b; --ll-navy-card:rgba(255,255,255,.065);
    --ll-white:#ffffff; --ll-off:#f8fafc; --ll-border:#e2e8f0;
    --ll-muted:#94a3b8; --ll-text:#0f172a; --ll-soft:#475569;
    --ll-gold:#f59e0b; --ll-emerald:#10b981; --ll-violet:#7c3aed;
    --ll-r-sm:8px; --ll-r:16px; --ll-r-lg:24px; --ll-r-xl:40px;
    --ll-shadow:0 4px 24px rgba(0,0,0,.07),0 1px 4px rgba(0,0,0,.04);
    --ll-shadow-lg:0 20px 60px rgba(0,0,0,.12),0 4px 16px rgba(0,0,0,.06);
    --ll-shadow-g:0 8px 32px rgba(15,118,110,.28);
    --ll-ease:cubic-bezier(.4,0,.2,1);
    --ll-spring:cubic-bezier(.34,1.56,.64,1);
}
@keyframes llFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes llPulse{0%,100%{box-shadow:0 0 0 0 var(--ll-green-glow)}50%{box-shadow:0 0 0 20px transparent}}
@keyframes llBarFill{from{width:0}}
@keyframes llTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes llSlideUp{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
@keyframes llCountUp{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}
@keyframes llGradShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* ================================================ HERO ================================================ */
.ll-hero {
    position:relative; padding:100px 0 120px;
    background:var(--ll-navy); overflow:hidden;
    background-size:cover; background-position:center;
}
.ll-hero::before {
    content:''; position:absolute; inset:0; pointer-events:none;
    background:
        radial-gradient(ellipse 60% 50% at 75% 35%,rgba(15,118,110,.26) 0%,transparent 65%),
        radial-gradient(ellipse 40% 60% at 15% 80%,rgba(124,58,237,.1) 0%,transparent 60%);
}
.ll-hero[style*="background-image"]::after {
    content:''; position:absolute; inset:0; background:rgba(10,15,28,.85); pointer-events:none;
}
.ll-hero__inner {
    position:relative; z-index:2;
    display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;
}
.ll-hero__text { max-width:560px; }
.ll-hero__badge {
    display:inline-flex; align-items:center; gap:7px;
    background:rgba(15,118,110,.18); border:1px solid rgba(15,118,110,.38);
    color:var(--ll-teal); font-size:11px; font-weight:700;
    letter-spacing:.08em; text-transform:uppercase;
    padding:7px 16px; border-radius:100px; margin-bottom:28px; backdrop-filter:blur(8px);
}
.ll-hero__badge i { font-size:10px; }
.ll-hero__title {
    font-size:clamp(34px,4.5vw,58px); font-weight:800; line-height:1.1;
    color:var(--ll-white); margin-bottom:24px; letter-spacing:-.025em;
}
.ll-hero__title .ll-grad {
    background:linear-gradient(135deg,var(--ll-teal) 0%,#0F766E 100%);
    -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.ll-hero__sub { font-size:18px; color:rgba(255,255,255,.62); line-height:1.72; margin-bottom:40px; }
.ll-hero__ctas { display:flex; gap:14px; flex-wrap:wrap; align-items:center; margin-bottom:40px; }
.ll-hero__trust { display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.ll-trust-item { display:flex; align-items:center; gap:7px; font-size:13px; color:rgba(255,255,255,.45); font-weight:500; }
.ll-trust-item i { color:var(--ll-emerald); font-size:14px; }

/* Hero Visual — Dashboard mockup */
.ll-hero__visual { position:relative; display:flex; align-items:center; justify-content:center; height:460px; }
.ll-dash-card {
    background:rgba(255,255,255,.065); border:1px solid rgba(255,255,255,.13);
    backdrop-filter:blur(24px); border-radius:var(--ll-r-lg);
    padding:28px; width:320px; position:relative; z-index:2;
    box-shadow:0 32px 80px rgba(0,0,0,.45);
}
.ll-dash-card__header { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.ll-dash-card__title { font-size:13px; font-weight:700; color:rgba(255,255,255,.5); text-transform:uppercase; letter-spacing:.08em; }
.ll-dash-card__period { font-size:11px; color:rgba(255,255,255,.3); }
.ll-dash-card__metrics { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:20px; }
.ll-dash-metric { background:rgba(255,255,255,.06); border-radius:var(--ll-r); padding:14px 16px; }
.ll-dash-metric__num { font-size:24px; font-weight:800; color:var(--ll-white); letter-spacing:-.03em; line-height:1; margin-bottom:4px; }
.ll-dash-metric__num em { color:var(--ll-teal); font-style:normal; }
.ll-dash-metric__label { font-size:11px; color:rgba(255,255,255,.4); font-weight:500; }
.ll-dash-card__bar-section { margin-bottom:20px; }
.ll-dash-card__bar-label { display:flex; justify-content:space-between; font-size:11px; color:rgba(255,255,255,.4); margin-bottom:8px; }
.ll-dash-card__bar { height:6px; background:rgba(255,255,255,.1); border-radius:100px; overflow:hidden; margin-bottom:6px; }
.ll-dash-card__bar-fill { height:100%; border-radius:100px; animation:llBarFill 1.5s var(--ll-ease) .9s both; }
.ll-dash-card__bar-fill--green { background:linear-gradient(90deg,var(--ll-green),var(--ll-teal)); width:82%; }
.ll-dash-card__bar-fill--violet { background:linear-gradient(90deg,#7c3aed,#a78bfa); width:65%; }
.ll-dash-card__bar-fill--gold { background:linear-gradient(90deg,#f59e0b,#fcd34d); width:48%; }
.ll-dash-card__plan { display:flex; align-items:center; gap:10px; background:rgba(15,118,110,.15); border:1px solid rgba(15,118,110,.28); border-radius:var(--ll-r-sm); padding:10px 14px; }
.ll-dash-card__plan-dot { width:8px; height:8px; border-radius:50%; background:var(--ll-teal); flex-shrink:0; }
.ll-dash-card__plan-name { font-size:13px; font-weight:700; color:var(--ll-white); }
.ll-dash-card__plan-status { font-size:11px; color:rgba(255,255,255,.4); margin-left:auto; }

/* Floating badges */
.ll-badge {
    position:absolute; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15);
    backdrop-filter:blur(18px); padding:12px 18px; border-radius:var(--ll-r);
    box-shadow:0 8px 32px rgba(0,0,0,.32); animation:llFloat 4s ease-in-out infinite;
    display:flex; align-items:center; gap:10px; z-index:3;
}
.ll-badge--1 { top:28px; right:0; animation-delay:0s; }
.ll-badge--2 { bottom:90px; left:-24px; animation-delay:.9s; flex-direction:column; align-items:flex-start; gap:3px; }
.ll-badge--3 { bottom:28px; right:24px; animation-delay:1.8s; }
.ll-badge__text  { font-size:13px; font-weight:600; color:var(--ll-white); }
.ll-badge__num   { font-size:21px; font-weight:800; color:var(--ll-teal); letter-spacing:-.02em; }
.ll-badge__sub   { font-size:11px; color:rgba(255,255,255,.42); }

/* ================================================ TICKER ================================================ */
.ll-ticker { background:var(--ll-green); padding:11px 0; overflow:hidden; white-space:nowrap; }
.ll-ticker__track { display:inline-flex; animation:llTicker 30s linear infinite; }
.ll-ticker__item { display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:700; letter-spacing:.04em; color:rgba(255,255,255,.88); padding:0 36px; }
.ll-ticker__item i { color:rgba(255,255,255,.55); font-size:10px; }

/* ================================================ STATS BAR ================================================ */
.ll-stats-bar { background:var(--ll-white); border-bottom:1px solid var(--ll-border); }
.ll-stats-bar__grid { display:grid; grid-template-columns:repeat(4,1fr); }
.ll-stat { padding:28px 32px; border-right:1px solid var(--ll-border); transition:background .2s var(--ll-ease); cursor:default; }
.ll-stat:last-child { border-right:none; }
.ll-stat:hover { background:var(--ll-off); }
.ll-stat__num { font-size:34px; font-weight:800; color:var(--ll-green); letter-spacing:-.04em; line-height:1; margin-bottom:6px; opacity:0; transform:scale(.82); transition:opacity .6s var(--ll-spring),transform .6s var(--ll-spring); }
.ll-stat__num.animate-in { opacity:1; transform:scale(1); }
.ll-stat__num em { color:inherit; font-style:normal; }
.ll-stat__label { font-size:13px; color:var(--ll-muted); font-weight:500; }

/* ================================================ FEATURES ================================================ */
.ll-features { padding:96px 0; background:var(--ll-off); }
.ll-features__head { text-align:center; margin-bottom:64px; }
.ll-features__head h2 { font-size:clamp(28px,4vw,44px); font-weight:800; color:var(--ll-text); letter-spacing:-.025em; line-height:1.15; margin-bottom:14px; }
.ll-features__head h2 em { color:var(--ll-green); font-style:normal; }
.ll-features__head p { font-size:17px; color:var(--ll-soft); }
.ll-features__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.ll-feature {
    background:var(--ll-white); border:1px solid var(--ll-border); border-radius:var(--ll-r-lg);
    padding:32px 28px; transition:all .3s var(--ll-ease);
    opacity:0; transform:translateY(24px); position:relative; overflow:hidden;
}
.ll-feature::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--ll-green),var(--ll-teal)); transform:scaleX(0); transform-origin:left; transition:transform .4s var(--ll-ease); }
.ll-feature:hover::before { transform:scaleX(1); }
.ll-feature.animate-in { opacity:1; transform:translateY(0); }
.ll-feature:nth-child(2){transition-delay:.07s} .ll-feature:nth-child(3){transition-delay:.14s}
.ll-feature:nth-child(4){transition-delay:.21s} .ll-feature:nth-child(5){transition-delay:.28s} .ll-feature:nth-child(6){transition-delay:.35s}
.ll-feature:hover { border-color:var(--ll-green-light); box-shadow:var(--ll-shadow); transform:translateY(-4px); }
.ll-feature__icon { width:52px; height:52px; background:var(--ll-green-light); border-radius:var(--ll-r); display:flex; align-items:center; justify-content:center; margin-bottom:20px; transition:background .3s,transform .3s var(--ll-spring); }
.ll-feature:hover .ll-feature__icon { background:var(--ll-green); transform:scale(1.1) rotate(-4deg); }
.ll-feature__icon i { font-size:22px; color:var(--ll-green); transition:color .3s; }
.ll-feature:hover .ll-feature__icon i { color:var(--ll-white); }
.ll-feature h3 { font-size:16px; font-weight:700; color:var(--ll-text); margin-bottom:10px; letter-spacing:-.01em; }
.ll-feature p { font-size:14px; color:var(--ll-soft); line-height:1.68; margin:0; }
.ll-feature__tag { display:inline-flex; align-items:center; gap:5px; margin-top:14px; font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; padding:4px 10px; border-radius:100px; }
.ll-feature__tag--pro { background:rgba(124,58,237,.1); color:var(--ll-violet); }
.ll-feature__tag--new { background:rgba(16,185,129,.1); color:var(--ll-emerald); }

/* ================================================ SOCIAL PROOF — DARK ================================================ */
.ll-proof { padding:96px 0; background:var(--ll-navy); position:relative; overflow:hidden; background-size:cover; background-position:center; }
.ll-proof::before { content:''; position:absolute; inset:0; background:rgba(10,15,28,.88); pointer-events:none; }
.ll-proof__inner { position:relative; z-index:1; text-align:center; }
.ll-proof__inner--with-phone { display:grid; grid-template-columns:1fr 1.6fr; gap:64px; align-items:center; text-align:left; }
.ll-proof__visual { display:flex; justify-content:center; }
.ll-proof__visual .lv-phone { width:240px; height:440px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:40px; display:flex; align-items:center; justify-content:center; overflow:hidden; backdrop-filter:blur(12px); }
.ll-proof__inner--with-phone .ll-proof__title { margin-bottom:32px; }
.ll-proof__title { font-size:clamp(26px,3.5vw,42px); font-weight:800; color:var(--ll-white); letter-spacing:-.025em; line-height:1.18; margin-bottom:56px; }
.ll-proof__title em { color:var(--ll-teal); font-style:normal; }
.ll-proof__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; max-width:960px; margin:0 auto; }
.ll-proof__inner--with-phone .ll-proof__grid { grid-template-columns:repeat(2,1fr); max-width:100%; margin:0; }
.ll-proof-card { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); padding:28px 20px; border-radius:var(--ll-r-lg); opacity:0; transform:translateY(18px); transition:all .5s var(--ll-ease); backdrop-filter:blur(8px); text-align:center; }
.ll-proof-card.animate-in { opacity:1; transform:translateY(0); }
.ll-proof-card:nth-child(2){transition-delay:.1s} .ll-proof-card:nth-child(3){transition-delay:.2s} .ll-proof-card:nth-child(4){transition-delay:.3s}
.ll-proof-card:hover { background:rgba(255,255,255,.09); border-color:rgba(15,118,110,.4); }
.ll-proof-card__num { font-size:40px; font-weight:800; color:var(--ll-white); letter-spacing:-.04em; line-height:1; margin-bottom:8px; }
.ll-proof-card__num em { color:var(--ll-teal); font-style:normal; }
.ll-proof-card__label { font-size:13px; color:rgba(255,255,255,.55); font-weight:500; }

/* ================================================ PLANS SECTION ================================================ */
.ll-plans { padding:96px 0; background:var(--ll-off); }
.ll-plans__head { text-align:center; margin-bottom:64px; }
.ll-plans__head h2 { font-size:clamp(28px,4vw,44px); font-weight:800; color:var(--ll-text); letter-spacing:-.025em; line-height:1.15; margin-bottom:14px; }
.ll-plans__head h2 em { color:var(--ll-green); font-style:normal; }
.ll-plans__head p { font-size:17px; color:var(--ll-soft); }
.ll-plans__cards { display:flex; justify-content:center; align-items:stretch; gap:2rem; max-width:1200px; margin:0 auto; flex-wrap:wrap; }
.ll-plans__hint { text-align:center; margin-top:40px; }
.ll-plans__hint p { font-size:15px; color:var(--ll-soft); margin-bottom:20px; }

/* ================================================ TESTIMONIALS ================================================ */
.ll-testimonials { padding:96px 0; background:var(--ll-white); }
.ll-testimonials__head { text-align:center; margin-bottom:56px; }
.ll-testimonials__head h2 { font-size:clamp(26px,3.5vw,42px); font-weight:800; color:var(--ll-text); letter-spacing:-.025em; margin-bottom:12px; }
.ll-testimonials__head p { font-size:16px; color:var(--ll-soft); }
.ll-testimonials__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.ll-tcard { background:var(--ll-off); border:1px solid var(--ll-border); border-radius:var(--ll-r-lg); padding:28px; transition:all .3s var(--ll-ease); opacity:0; transform:translateY(18px); }
.ll-tcard.animate-in { opacity:1; transform:translateY(0); }
.ll-tcard:nth-child(2){transition-delay:.1s} .ll-tcard:nth-child(3){transition-delay:.2s}
.ll-tcard:hover { box-shadow:var(--ll-shadow); transform:translateY(-3px); border-color:var(--ll-green-light); background:var(--ll-white); }
.ll-tcard__stars { color:var(--ll-gold); font-size:13px; letter-spacing:2px; margin-bottom:14px; }
.ll-tcard__text { font-size:15px; color:var(--ll-soft); line-height:1.68; margin-bottom:20px; position:relative; padding-left:20px; }
.ll-tcard__text::before { content:'\201C'; position:absolute; left:0; top:-4px; font-size:36px; color:var(--ll-green-light); line-height:1; font-family:Georgia,serif; }
.ll-tcard__author { display:flex; align-items:center; gap:12px; }
.ll-tcard__avatar { width:40px; height:40px; border-radius:50%; flex-shrink:0; background:linear-gradient(135deg,var(--ll-green),var(--ll-teal)); display:flex; align-items:center; justify-content:center; font-size:15px; font-weight:800; color:white; }
.ll-tcard__name { font-size:14px; font-weight:700; color:var(--ll-text); }
.ll-tcard__meta { font-size:12px; color:var(--ll-muted); }
.ll-tcard__result { margin-top:16px; display:inline-flex; align-items:center; gap:6px; background:rgba(15,118,110,.08); border:1px solid rgba(15,118,110,.2); color:var(--ll-green); font-size:11px; font-weight:700; padding:5px 10px; border-radius:100px; letter-spacing:.02em; }

/* ================================================ FAQ ================================================ */
.ll-faq { padding:96px 0; background:var(--ll-off); }
.ll-faq__head { text-align:center; margin-bottom:56px; }
.ll-faq__head h2 { font-size:clamp(28px,4vw,44px); font-weight:800; color:var(--ll-text); letter-spacing:-.025em; margin-bottom:12px; }
.ll-faq__head p { font-size:16px; color:var(--ll-soft); }
.ll-faq__list { max-width:720px; margin:0 auto; }
.ll-faq-item { border-bottom:1px solid var(--ll-border); }
.ll-faq-item__q { width:100%; padding:22px 0; display:flex; justify-content:space-between; align-items:center; font-size:16px; font-weight:600; color:var(--ll-text); background:none; border:none; cursor:pointer; text-align:left; transition:color .2s var(--ll-ease); gap:16px; }
.ll-faq-item__q:hover { color:var(--ll-green); }
.ll-faq-item__arrow { flex-shrink:0; width:28px; height:28px; background:var(--ll-white); border-radius:50%; display:flex; align-items:center; justify-content:center; transition:all .3s var(--ll-ease); font-size:12px; color:var(--ll-muted); }
.ll-faq-item.active .ll-faq-item__arrow { background:var(--ll-green); color:white; transform:rotate(180deg); }
.ll-faq-item__a { max-height:0; overflow:hidden; transition:max-height .35s var(--ll-ease),padding .35s var(--ll-ease); }
.ll-faq-item.active .ll-faq-item__a { max-height:300px; padding-bottom:22px; }
.ll-faq-item__a p { font-size:15px; color:var(--ll-soft); line-height:1.72; margin:0; }

/* ================================================ CTA FINAL ================================================ */
.ll-cta { position:relative; padding:100px 0; overflow:hidden; background:var(--ll-navy); }
.ll-cta::before { content:''; position:absolute; inset:0; pointer-events:none; background:radial-gradient(ellipse 55% 65% at 50% 50%,rgba(15,118,110,.32) 0%,transparent 70%); }
.ll-cta__inner { position:relative; z-index:1; text-align:center; max-width:640px; margin:0 auto; }
.ll-cta__inner h2 { font-size:clamp(30px,4.5vw,54px); font-weight:800; color:var(--ll-white); margin-bottom:16px; letter-spacing:-.025em; line-height:1.1; }
.ll-cta__inner h2 em { background:linear-gradient(135deg,var(--ll-teal),var(--ll-green)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; font-style:normal; }
.ll-cta__inner > p { font-size:18px; color:rgba(255,255,255,.58); margin-bottom:40px; line-height:1.65; }
.ll-cta__note { margin-top:24px; font-size:14px; color:rgba(255,255,255,.42); display:flex; align-items:center; justify-content:center; gap:6px; }
.ll-cta__note i { color:var(--ll-emerald); }

/* ================================================ BUTTONS ================================================ */
.ll-btn-primary { background:var(--ll-green); color:white; padding:16px 36px; border-radius:100px; font-weight:700; font-size:15px; display:inline-flex; align-items:center; gap:9px; border:none; cursor:pointer; text-decoration:none; transition:all .25s var(--ll-ease); box-shadow:0 4px 16px rgba(15,118,110,.32); letter-spacing:-.01em; }
.ll-btn-primary:hover { background:var(--ll-green-dark); color:white; transform:translateY(-2px); box-shadow:0 8px 32px rgba(15,118,110,.4); }
.ll-btn-primary:active { transform:translateY(0); }
.ll-btn-primary--lg { padding:18px 44px; font-size:17px; }
.ll-btn-primary--xl { padding:20px 56px; font-size:18px; }
.ll-btn-ghost { background:transparent; color:rgba(255,255,255,.75); padding:16px 32px; border-radius:100px; font-weight:600; font-size:15px; display:inline-flex; align-items:center; gap:9px; border:1px solid rgba(255,255,255,.2); cursor:pointer; text-decoration:none; transition:all .25s; backdrop-filter:blur(8px); }
.ll-btn-ghost:hover { background:rgba(255,255,255,.1); color:white; border-color:rgba(255,255,255,.4); }
.ll-btn-outline-dark { background:transparent; color:var(--ll-text); padding:16px 32px; border-radius:100px; font-weight:600; font-size:15px; display:inline-flex; align-items:center; gap:9px; border:1.5px solid var(--ll-border); cursor:pointer; text-decoration:none; transition:all .25s; }
.ll-btn-outline-dark:hover { border-color:var(--ll-green); color:var(--ll-green); background:var(--ll-green-light); }

/* ================================================ PLAN CARD OVERRIDES (integração com _PlanCardValidated) ================================================ */
.ll-plans .plan-card { box-shadow:var(--ll-shadow); }
.ll-plans .plan-card:hover { transform:translateY(-8px); box-shadow:var(--ll-shadow-lg); border-color:rgba(15,118,110,.3); }
.ll-plans .plan-card--popular { border:2px solid var(--ll-green); box-shadow:0 12px 40px rgba(15,118,110,.15); }

/* ================================================ RESPONSIVE ================================================ */

/* Garantia global de no overflow horizontal */
.ll-hero, .ll-ticker, .ll-stats-bar, .ll-features, .ll-proof,
.ll-plans, .ll-testimonials, .ll-faq, .ll-cta {
    overflow-x: hidden;
}

@media (max-width:1100px) {
    .ll-stats-bar__grid { grid-template-columns:repeat(2,1fr); }
    .ll-stat:nth-child(2){border-right:none}
    .ll-stat:nth-child(3){border-top:1px solid var(--ll-border)}
    .ll-stat:nth-child(4){border-top:1px solid var(--ll-border);border-right:none}
    .ll-proof__grid { grid-template-columns:repeat(2,1fr); }
    .ll-testimonials__grid { grid-template-columns:repeat(2,1fr); }
    .ll-tcard:nth-child(3) { display:none; }
}

@media (max-width:900px) {
    .ll-hero__inner { grid-template-columns:1fr; text-align:center; gap:40px; }
    .ll-hero__text { max-width:100%; }
    .ll-hero__ctas { justify-content:center; flex-wrap:wrap; }
    .ll-hero__trust { justify-content:center; flex-wrap:wrap; gap:16px; }
    .ll-hero__visual { height:380px; }
    .ll-features__grid { grid-template-columns:repeat(2,1fr); }
    .ll-proof__grid { grid-template-columns:repeat(2,1fr); }
    .ll-testimonials__grid { grid-template-columns:1fr; }
    .ll-tcard:nth-child(3) { display:block; }
    .ll-plans__cards { flex-direction:column; align-items:center; }
}

@media (max-width:640px) {
    /* === HERO === */
    .ll-hero { padding:64px 0 80px; }
    .ll-hero__inner { gap:32px; }
    .ll-hero__title { font-size:clamp(26px,7vw,36px); }
    .ll-hero__sub { font-size:15px; margin-bottom:28px; }
    .ll-hero__badge { font-size:10px; padding:6px 12px; margin-bottom:20px; }
    .ll-hero__ctas { flex-direction:column; align-items:stretch; gap:10px; }
    .ll-hero__ctas .ll-btn-primary,
    .ll-hero__ctas .ll-btn-ghost { justify-content:center; width:100%; }

    /* === HERO VISUAL — contém os badges flutuantes === */
    .ll-hero__visual {
        height:auto;
        min-height:320px;
        padding: 16px 0 60px;
        display:flex;
        align-items:center;
        justify-content:center;
        position:relative;
    }

    /* Dash card — centralizado, sem sair da tela */
    .ll-dash-card {
        width:calc(100vw - 48px);
        max-width:320px;
        padding:20px 18px;
        position:relative;
        z-index:2;
    }
    .ll-dash-card__metrics { gap:8px; }
    .ll-dash-metric { padding:12px; }
    .ll-dash-metric__num { font-size:20px; }

    /* Badges flutuantes — reposicionados para não sair da tela */
    .ll-badge {
        position:absolute;
        padding:9px 13px;
        font-size:12px;
        border-radius:12px;
    }
    .ll-badge--1 {
        top:-12px;
        right:0;
        left:auto;
        max-width:calc(100vw - 48px);
    }
    .ll-badge--2 {
        bottom:-48px;
        left:0;
        right:auto;
        max-width:180px;
    }
    .ll-badge--3 {
        bottom:-48px;
        right:0;
        left:auto;
        max-width:180px;
    }
    .ll-badge__text { font-size:12px; }
    .ll-badge__num  { font-size:17px; }

    /* === STATS BAR === */
    .ll-stats-bar__grid { grid-template-columns:repeat(2,1fr); }
    .ll-stat { padding:18px 14px; }
    .ll-stat__num { font-size:24px; }
    .ll-stat__label { font-size:12px; }

    /* === FEATURES === */
    .ll-features { padding:56px 0; }
    .ll-features__head { margin-bottom:40px; }
    .ll-features__grid { grid-template-columns:1fr; gap:14px; }
    .ll-feature { padding:24px 20px; }

    /* === SOCIAL PROOF === */
    .ll-proof { padding:56px 0; }
    .ll-proof__inner--with-phone { grid-template-columns:1fr; gap:32px; text-align:center; }
    .ll-proof__visual .lv-phone { width:180px; height:340px; }
    .ll-proof__grid { grid-template-columns:repeat(2,1fr); gap:12px; }
    .ll-proof-card { padding:20px 14px; }
    .ll-proof-card__num { font-size:28px; }
    .ll-proof__title { margin-bottom:36px; }

    /* === PLANS === */
    .ll-plans { padding:56px 0; }
    .ll-plans__head { margin-bottom:40px; }
    .ll-plans__cards {
        flex-direction:column;
        align-items:stretch;
        gap:16px;
        padding:0 4px;
    }
    .ll-plans__cards .plan-card {
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }

    /* === TESTIMONIALS === */
    .ll-testimonials { padding:56px 0; }
    .ll-tcard { padding:22px 18px; }

    /* === FAQ === */
    .ll-faq { padding:56px 0; }
    .ll-faq-item__q { font-size:14px; padding:18px 0; }
    .ll-faq__list { padding:0 4px; }

    /* === CTA === */
    .ll-cta { padding:64px 0; }
    .ll-cta__inner h2 { font-size:clamp(24px,7vw,36px); }
    .ll-cta__inner > p { font-size:15px; margin-bottom:28px; }

    /* === BUTTONS === */
    .ll-btn-primary--xl { padding:16px 32px; font-size:15px; width:100%; justify-content:center; }
    .ll-btn-primary--lg { padding:15px 28px; font-size:14px; }
    .ll-btn-primary { padding:14px 28px; font-size:14px; }
}

@media (max-width:400px) {
    .ll-dash-card { width:calc(100vw - 32px); padding:16px 14px; }
    .ll-dash-metric__num { font-size:18px; }
    .ll-proof__grid { grid-template-columns:1fr; }
    .ll-badge--2, .ll-badge--3 { display:none; }
    .ll-hero__visual { min-height:280px; padding-bottom:16px; }
}

.animate-in { opacity:1 !important; transform:translateY(0) !important; transform:scale(1) !important; }