:root{
  --bg:#07131d;
  --bg-soft:#0b1b26;
  --surface:#0c1f2b;
  --surface-2:#102633;
  --line:rgba(255,255,255,.10);
  --line-soft:rgba(255,255,255,.065);
  --text:#f7fafc;
  --muted:#8da1af;
  --muted-2:#667d8d;
  --green:#32e6a2;
  --green-dark:#067a5b;
  --green-soft:#e9fff6;
  --blue:#53bfff;
  --purple:#aa8bff;
  --orange:#f59e0b;
  --app-bg:#f5f7fa;
  --app-text:#111827;
  --radius:22px;
  --container:min(1220px,calc(100% - 40px));
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  background:
    radial-gradient(circle at 10% 20%,rgba(21,198,137,.10),transparent 29%),
    radial-gradient(circle at 92% 40%,rgba(45,142,255,.09),transparent 28%),
    linear-gradient(180deg,#06111a 0%,#07131d 55%,#050e16 100%);
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit}
button,a,input,select{font:inherit}
.container{width:var(--container);margin:0 auto}
.section{padding:86px 0}
.bg-glow{position:fixed;z-index:-2;pointer-events:none;border-radius:50%;filter:blur(100px);opacity:.20}
.glow-left{width:360px;height:360px;left:-180px;top:180px;background:#1cde9b}
.glow-right{width:390px;height:390px;right:-210px;top:480px;background:#2584ff}

.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(6,17,26,.88);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line-soft);
}
.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none}
.brand-mark{
  width:48px;height:48px;border-radius:15px;display:grid;place-items:center;
  background:linear-gradient(145deg,#06765a,#22d99b);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 12px 30px rgba(33,222,158,.16);
  font-family:"Plus Jakarta Sans";font-size:19px;font-weight:800;letter-spacing:-.08em
}
.brand-mark.small{width:38px;height:38px;border-radius:12px;font-size:15px}
.brand-text{display:flex;flex-direction:column}
.brand-text strong{font-family:"Plus Jakarta Sans";font-size:15px}
.brand-text small{margin-top:2px;color:#7e93a2;font-size:9px}
.desktop-nav{display:flex;align-items:center;gap:26px}
.desktop-nav a{color:#a3b4c0;text-decoration:none;font-size:10px;font-weight:700}
.desktop-nav a:hover{color:#fff}
.header-actions{display:flex;gap:8px;align-items:center}
.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}
.menu-toggle span{display:block;width:17px;height:1px;background:#fff;margin:4px auto}
.mobile-menu{display:none}

.btn{
  min-height:46px;padding:0 18px;border:1px solid transparent;border-radius:12px;
  display:inline-flex;align-items:center;justify-content:center;
  text-decoration:none;font-size:11px;font-weight:800;transition:.2s;
}
.btn:hover{transform:translateY(-2px)}
.btn.compact{min-height:40px;padding:0 14px}
.btn.large{min-height:52px;padding:0 21px}
.btn-primary{background:linear-gradient(135deg,#28e19e,#43efb2);color:#052118;box-shadow:0 15px 40px rgba(40,225,158,.16)}
.btn-ghost{border-color:var(--line);background:rgba(255,255,255,.025);color:#ecf3f7}
.btn-ghost:hover{background:rgba(255,255,255,.05)}

.hero{padding:68px 0 58px}
.hero-grid{min-height:560px;display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:center}
.eyebrow,.kicker{
  color:var(--green);font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase
}
.eyebrow{display:flex;align-items:center;gap:9px}
.eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(50,230,162,.07)}
.hero h1,.section-heading h2,.process-copy h2,.final-card h2{
  font-family:"Plus Jakarta Sans",sans-serif;
  letter-spacing:-.038em
}
.hero h1{margin:17px 0 21px;font-size:clamp(42px,5.1vw,66px);line-height:1.08}
.hero h1 em,.section-heading h2 em,.process-copy h2 em,.final-card h2 em{font-style:normal;color:#9af1cd}
.hero-lead{max-width:660px;margin:0;color:#a1b1bc;font-size:15px;line-height:1.72}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.hero-proof{display:flex;gap:15px 22px;flex-wrap:wrap;margin-top:22px;color:#748a99;font-size:9px}
.hero-proof span{display:flex;align-items:center;gap:5px}

.hero-app-preview{position:relative}
.preview-frame{
  overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:#eef2f6;
  box-shadow:0 38px 90px rgba(0,0,0,.32)
}
.preview-toolbar{padding:13px 16px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#020617,#0f172a 58%,#064e3b);color:#fff}
.preview-title{display:flex;align-items:center;gap:10px}.preview-vx{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#064e3b,#10b981);font-weight:800}
.preview-title strong{display:block;font-size:10px}.preview-title small{display:block;margin-top:2px;color:#94a3b8;font-size:7px}
.preview-status{padding:6px 8px;border-radius:999px;background:rgba(16,185,129,.12);color:#6ee7b7;font-size:7px;font-weight:800}
.mini-filter-row{padding:10px 12px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;background:#fff;border-bottom:1px solid #e5e7eb}
.mini-filter-row div{padding:8px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc}
.mini-filter-row small{display:block;color:#94a3b8;font-size:6px;font-weight:800}.mini-filter-row strong{display:block;margin-top:3px;color:#334155;font-size:8px}
.hero-mini-card{padding:12px}

.positioning-strip{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);background:rgba(255,255,255,.018)}
.positioning-inner{padding:19px 0;display:flex;align-items:center;gap:18px}
.positioning-inner strong{flex:none;color:#fff;font-family:"Plus Jakarta Sans";font-size:13px}
.positioning-inner span{color:#7f94a2;font-size:10px;line-height:1.5}

.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:30px}
.section-heading h2{margin:10px 0 0;font-size:clamp(31px,4vw,47px);line-height:1.12}
.section-heading p{max-width:475px;margin:0;color:#879ba9;font-size:11px;line-height:1.7}

.demo-filterbar{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin-bottom:15px}
.filter-pill{padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02)}
.filter-pill small{display:block;color:#708795;font-size:7px;font-weight:800}.filter-pill strong{display:block;margin-top:4px;font-size:10px}
.filter-meta{color:#718795;font-size:9px;line-height:1.5}
.carousel-nav{display:flex;gap:7px}.carousel-nav button{width:40px;height:40px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025);color:#fff;cursor:pointer}
.carousel-nav button:hover{border-color:rgba(50,230,162,.28);color:var(--green)}

.lot-carousel{display:flex;gap:16px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 12px}
.lot-carousel::-webkit-scrollbar{display:none}
.vx-card{
  min-width:318px;max-width:318px;scroll-snap-align:start;overflow:hidden;border-radius:16px;background:#fff;color:var(--app-text);
  box-shadow:0 18px 50px rgba(0,0,0,.20);border:1px solid rgba(15,23,42,.06)
}
.vx-card-image{height:215px;position:relative;background:#e5e7eb}
.vx-card-image img{width:100%;height:100%;object-fit:cover;display:block}
.vx-image-count{position:absolute;right:10px;bottom:10px;padding:5px 7px;border-radius:999px;background:rgba(15,23,42,.82);color:#fff;font-size:8px;font-weight:800}
.vx-dots{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:5px}
.vx-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55)}.vx-dots i:first-child{background:#fff}
.vx-card-content{padding:14px}
.vx-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.vx-edital{color:#6b7280;font-size:8px;font-weight:800}
.vx-lot-actions{display:flex;align-items:center;gap:6px}.vx-lot-number{padding:5px 7px;border-radius:6px;background:#f1f5f9;font-size:8px;font-weight:800}.vx-star{width:28px;height:28px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#64748b}
.vx-vehicle{min-height:38px;margin-top:10px;font-size:16px;line-height:1.2;font-weight:800}.vx-city{margin-top:4px;color:#6b7280;font-size:9px;font-weight:700}
.vx-badges{display:flex;gap:5px;margin-top:10px}.vx-badge{padding:4px 7px;border-radius:999px;background:#f3f4f6;color:#4b5563;font-size:8px;font-weight:700}.vx-badge.condition{background:#fff7ed;color:#c2410c}
.vx-details{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:11px}.vx-detail{padding:8px;border-radius:8px;background:#f8fafc}.vx-detail span{display:block;color:#9ca3af;font-size:7px}.vx-detail strong{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}
.vx-prices{margin-top:12px;padding-top:11px;border-top:1px solid #e5e7eb}.vx-initial{display:flex;justify-content:space-between;color:#6b7280;font-size:8px}.vx-current{display:flex;align-items:flex-end;justify-content:space-between;margin-top:7px}.vx-current span{color:#6b7280;font-size:8px;font-weight:700}.vx-current strong{color:#047857;font-size:18px;font-weight:900}
.vx-ending{margin-top:9px;padding:8px;border-radius:8px;background:#fff7ed;color:#9a3412}.vx-ending-top{display:flex;justify-content:space-between;gap:8px;font-size:7px;font-weight:800}.vx-ending-date{margin-top:3px;font-size:8px;font-weight:900}
.vx-distance{margin-top:9px;padding:8px;display:flex;justify-content:space-between;border-radius:8px;background:#eff6ff;color:#1d4ed8;font-size:8px;font-weight:800}
.vx-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.vx-action{height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;text-decoration:none;font-size:8px;font-weight:800}.vx-action.dark{background:#111827;color:#fff}.vx-action.light{background:#e2e8f0;color:#334155}

.demo-bottom{margin-top:16px;padding:18px 19px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid rgba(50,230,162,.25);border-radius:16px;background:rgba(50,230,162,.045)}
.demo-bottom strong{display:block;margin-top:5px;max-width:780px;font-size:11px;line-height:1.5}

.notebook-section{background:linear-gradient(180deg,rgba(255,255,255,.009),transparent)}
.notebook-demo{
  display:grid;grid-template-columns:.85fr 1.15fr;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#f8fafc;color:#111827;
  box-shadow:0 30px 80px rgba(0,0,0,.24)
}
.notebook-left{padding:20px;border-right:1px solid #e5e7eb;background:#f8fafc}
.notebook-photo{height:310px;position:relative;overflow:hidden;border-radius:14px;background:#e5e7eb}.notebook-photo img{width:100%;height:100%;object-fit:cover}
.photo-counter{position:absolute;right:10px;bottom:10px;padding:5px 7px;border-radius:999px;background:rgba(15,23,42,.82);color:#fff;font-size:8px;font-weight:800}
.notebook-title{margin-top:14px}.notebook-title small{color:#64748b;font-size:8px}.notebook-title h3{margin:5px 0 3px;font-size:21px}.notebook-title span{color:#6b7280;font-size:9px}
.notebook-specs{margin-top:13px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.notebook-specs div{padding:10px;border:1px solid #e5e7eb;border-radius:9px;background:#fff}.notebook-specs small{display:block;color:#94a3b8;font-size:7px}.notebook-specs strong{display:block;margin-top:4px;font-size:9px}
.favorite-demo{width:100%;height:40px;margin-top:10px;border:1px solid #f3d48b;border-radius:8px;background:#fffbeb;color:#a16207;font-size:9px;font-weight:800}
.notebook-right{padding:20px;background:#fff}.analysis-box{padding:14px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;margin-bottom:11px}.box-title{font-size:11px;font-weight:900}
.finance-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.finance-card{padding:13px;border-radius:10px;background:#f8fafc}.finance-card.meta{background:#ecfdf5}.finance-card small{display:block;color:#64748b;font-size:7px;font-weight:800}.finance-card strong{display:block;margin-top:5px;font-size:17px}.finance-card.meta strong{color:#047857}.finance-card span{display:block;margin-top:4px;color:#94a3b8;font-size:7px}
.price-comparison{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.price-comparison div{padding:10px;border-radius:8px;background:#f8fafc}.price-comparison small{display:block;color:#94a3b8;font-size:7px}.price-comparison strong{display:block;margin-top:3px;font-size:10px}
.evaluation-head{display:flex;justify-content:space-between;gap:15px}.evaluation-head>div>small{display:block;margin-top:4px;color:#64748b;font-size:7px}.type-chip{padding:5px 7px;height:max-content;border-radius:999px;background:#1d4ed8;color:#fff;font-size:7px;font-weight:800}
.criteria-list{margin-top:10px}.criteria-list div{min-height:30px;padding:6px 0;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #f1f5f9;font-size:8px}.criteria-list b{color:#f59e0b;letter-spacing:1px}
.score-box{margin-top:11px;padding:11px;display:flex;align-items:center;justify-content:space-between;border-radius:9px;background:#0f172a;color:#fff}.score-box small{display:block;font-size:7px;font-weight:900}.score-box span{display:block;margin-top:2px;color:#94a3b8;font-size:6px}.score-box strong{font-size:18px}
.notes-box p{margin:8px 0 0;padding:10px;border-radius:8px;background:#f8fafc;color:#64748b;font-size:8px;line-height:1.55}

.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:24px}
.value-grid article{min-height:300px;padding:24px;border:1px solid var(--line);border-radius:21px;background:linear-gradient(150deg,#0c1f2b,#091721)}
.value-icon{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;background:rgba(50,230,162,.07);color:var(--green);border:1px solid rgba(50,230,162,.15)}
.value-icon.blue{color:var(--blue);background:rgba(83,191,255,.07);border-color:rgba(83,191,255,.15)}
.value-icon.purple{color:var(--purple);background:rgba(170,139,255,.07);border-color:rgba(170,139,255,.15)}
.value-icon svg{width:36px;height:36px}
.value-grid article>span{display:block;margin-top:27px;color:#758b99;font-size:8px;font-weight:800;letter-spacing:.13em}.value-grid h3{margin:8px 0 9px;font-family:"Plus Jakarta Sans";font-size:20px;line-height:1.25}.value-grid p{margin:0;color:#8599a7;font-size:10px;line-height:1.7}

.process-section{background:rgba(255,255,255,.008)}
.process-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}
.process-copy{padding-top:8px}.process-copy h2{margin:11px 0 15px;font-size:clamp(31px,3.8vw,45px);line-height:1.12}.process-copy p{max-width:490px;margin:0;color:#879aa8;font-size:11px;line-height:1.7}
.process-steps{display:grid;gap:10px}.process-step{padding:19px 20px;display:grid;grid-template-columns:78px 1fr;gap:18px;align-items:center;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.018)}
.process-number{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:rgba(50,230,162,.08);color:var(--green);font-family:"Plus Jakarta Sans";font-size:24px;font-weight:800}
.process-step strong{display:block;font-family:"Plus Jakarta Sans";font-size:14px}.process-step span{display:block;margin-top:5px;color:#7f94a2;font-size:9px;line-height:1.55}

.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.plan-card{position:relative;padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,#0c1f2b,#091721)}
.plan-card.featured{border-color:rgba(50,230,162,.34);box-shadow:0 22px 60px rgba(50,230,162,.08)}
.plan-highlight{position:absolute;right:12px;top:12px;padding:5px 7px;border-radius:999px;background:rgba(50,230,162,.09);color:var(--green);font-size:7px;font-weight:800}
.plan-name{color:#8197a5;font-size:8px;font-weight:800;letter-spacing:.14em}.plan-price{display:flex;gap:5px;align-items:flex-start;margin-top:17px}.plan-price small{margin-top:7px;color:#8297a5;font-size:8px}.plan-price strong{font-family:"Plus Jakarta Sans";font-size:34px}.plan-cycle{margin-top:3px;color:#66808f;font-size:8px}
.plan-card ul{min-height:115px;margin:22px 0 18px;padding:0;list-style:none}.plan-card li{position:relative;margin:9px 0;padding-left:17px;color:#8da1ae;font-size:9px}.plan-card li:before{content:"✓";position:absolute;left:0;color:var(--green)}
.btn-plan{width:100%;border-color:var(--line);background:rgba(255,255,255,.025)}
.login-band{margin-top:15px;padding:18px 19px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.018)}
.login-band strong{display:block;margin-top:4px;font-size:11px}

.independence-section{padding-top:20px}
.independence-card{padding:28px;display:grid;grid-template-columns:76px 1fr;gap:22px;border:1px solid rgba(50,230,162,.23);border-radius:22px;background:linear-gradient(130deg,rgba(50,230,162,.045),rgba(83,191,255,.02))}
.independence-icon{width:66px;height:66px;border-radius:20px;display:grid;place-items:center;border:1px solid rgba(50,230,162,.24);background:rgba(50,230,162,.07);color:var(--green);font-family:"Plus Jakarta Sans";font-size:27px;font-weight:800}
.independence-card h2{margin:7px 0 9px;font-family:"Plus Jakarta Sans";font-size:25px}.independence-card p{max-width:920px;margin:0;color:#91a4b1;font-size:10px;line-height:1.7}.independence-card .independence-small{margin-top:8px;color:#6f8695;font-size:9px}

.final-cta{padding:55px 0 85px}.final-card{padding:38px 42px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;border:1px solid rgba(50,230,162,.24);border-radius:26px;background:radial-gradient(circle at 85% 30%,rgba(50,230,162,.12),transparent 28%),linear-gradient(135deg,#0c2530,#08151e)}
.final-card h2{margin:10px 0 0;font-size:clamp(34px,4.6vw,53px);line-height:1.08}.final-actions{display:flex;gap:9px;flex-wrap:wrap}

footer{padding:26px 0 38px;border-top:1px solid var(--line-soft)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand strong{display:block;font-family:"Plus Jakarta Sans";font-size:11px}.footer-brand small{display:block;margin-top:2px;color:#6e8492;font-size:8px}.footer-copy{text-align:right;color:#617887;font-size:8px;line-height:1.7}.footer-copy span{display:block}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}

@media(max-width:1000px){
  .desktop-nav{display:none}.menu-toggle{display:block}.header-actions{margin-left:auto}
  .hero-grid{grid-template-columns:1fr;gap:30px;min-height:auto}.hero-app-preview{max-width:660px;margin:0 auto;width:100%}
  .notebook-demo{grid-template-columns:1fr}.notebook-left{border-right:0;border-bottom:1px solid #e5e7eb}
  .value-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.plans-grid{grid-template-columns:1fr 1fr}
  .final-card{align-items:flex-start;flex-direction:column}
}
@media(max-width:680px){
  :root{--container:min(100% - 24px,1220px)}
  .section{padding:64px 0}.header-inner{height:70px}.brand-text{display:none}.header-actions .btn-ghost{display:none}
  .mobile-menu.open{display:grid;gap:1px;padding:8px 12px 13px;border-top:1px solid var(--line-soft);background:#07131d}.mobile-menu a{padding:11px 9px;border-radius:8px;text-decoration:none;color:#a6b7c2;font-size:10px}
  .hero{padding:42px 0 45px}.hero h1{font-size:39px}.hero-lead{font-size:13px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}
  .hero-proof{gap:9px 14px}.mini-filter-row{grid-template-columns:1fr 1fr}.mini-filter-row div:nth-child(3){display:none}
  .positioning-inner{align-items:flex-start;flex-direction:column;gap:6px}
  .section-heading{align-items:flex-start;flex-direction:column;gap:12px}.section-heading h2{font-size:33px}
  .demo-filterbar{grid-template-columns:1fr auto}.filter-meta{grid-column:1/-1;grid-row:2}.vx-card{min-width:88vw;max-width:88vw}
  .demo-bottom{align-items:stretch;flex-direction:column}.demo-bottom .btn{width:100%}
  .notebook-left,.notebook-right{padding:13px}.notebook-photo{height:250px}.finance-grid,.price-comparison{grid-template-columns:1fr}
  .value-grid article{min-height:280px}.value-icon{width:78px;height:78px}.value-icon svg{width:40px;height:40px}
  .process-step{grid-template-columns:70px 1fr;padding:15px}.process-number{width:58px;height:58px;font-size:22px}
  .plans-grid{grid-template-columns:1fr}.login-band{align-items:stretch;flex-direction:column}.login-band .btn{width:100%}
  .independence-card{grid-template-columns:1fr}.independence-icon{width:72px;height:72px}
  .final-card{padding:29px 23px}.final-actions{width:100%;flex-direction:column}.final-actions .btn{width:100%}
  .footer-inner{align-items:flex-start;flex-direction:column}.footer-copy{text-align:left}
}

.vx-card-mini{min-width:0;max-width:none;width:100%;display:grid;grid-template-columns:42% 58%;border-radius:13px;box-shadow:none}
.vx-card-mini .vx-card-image{height:auto;min-height:330px}
.vx-card-mini .vx-card-content{padding:12px}
.vx-card-mini .vx-vehicle{font-size:13px;min-height:auto}
.vx-card-mini .vx-details{gap:5px}
.vx-card-mini .vx-detail{padding:6px}
.vx-card-mini .vx-current strong{font-size:15px}
.vx-card-mini .vx-actions{grid-template-columns:1fr}
.vx-card-mini .vx-action.light{display:none}
@media(max-width:680px){
  .vx-card-mini{grid-template-columns:1fr}
  .vx-card-mini .vx-card-image{height:200px;min-height:0}
}


/* HERO — LOTE ISCA / DEMONSTRAÇÃO VX */
.vx-bait-card{position:relative;overflow:hidden}
.vx-bait-image{position:relative;background:radial-gradient(circle at 35% 30%,rgba(50,230,162,.18),transparent 28%),linear-gradient(145deg,#dfe7ea,#bac8cf)}
.vx-bait-image img{width:100%;height:100%;object-fit:cover;display:block}
.vx-bait-image.image-fallback img{display:none}
.vx-bait-image.image-fallback::after{content:"HONDA CG 160 START";position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;color:#334155;font-family:"Plus Jakarta Sans";font-size:18px;font-weight:800}
.vx-bait-demo{position:absolute;top:10px;left:10px;z-index:2;padding:6px 8px;border-radius:999px;background:rgba(15,23,42,.88);color:#fff;font-size:7px;font-weight:900;letter-spacing:.10em}
.vx-bait-live{position:absolute;top:10px;right:10px;z-index:2;display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:999px;background:rgba(190,24,93,.91);color:#fff;font-size:7px;font-weight:900;letter-spacing:.08em}
.vx-bait-live i{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.14);animation:vxPulse 1s infinite}
@keyframes vxPulse{0%,100%{transform:scale(.85);opacity:.65}50%{transform:scale(1.15);opacity:1}}
.vx-bait-price strong{font-size:20px!important;color:#047857!important}
.vx-bait-countdown{margin-top:9px;padding:9px;border-radius:9px;border:1px solid #fed7aa;background:linear-gradient(180deg,#fff7ed,#fffaf5);transition:.25s ease}
.vx-bait-countdown-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.vx-bait-countdown-head span{color:#9a3412;font-size:8px;font-weight:900;letter-spacing:.06em}
.vx-bait-countdown-head b{font-family:"Plus Jakarta Sans";color:#c2410c;font-size:20px;line-height:1;letter-spacing:-.04em}
.vx-bait-progress{height:5px;margin-top:8px;overflow:hidden;border-radius:999px;background:#ffedd5}
.vx-bait-progress i{display:block;width:100%;height:100%;border-radius:999px;background:linear-gradient(90deg,#fb923c,#f97316);transition:width .25s linear}
.vx-bait-ending{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:7px}
.vx-bait-ending span{color:#a16207;font-size:6px;font-weight:700}
.vx-bait-ending strong{color:#7c2d12;font-size:7px;white-space:nowrap}
.vx-bait-countdown.urgent{border-color:#fecaca;background:linear-gradient(180deg,#fff1f2,#fff7f7);box-shadow:0 0 0 3px rgba(239,68,68,.06)}
.vx-bait-countdown.urgent .vx-bait-countdown-head span,.vx-bait-countdown.urgent .vx-bait-countdown-head b{color:#be123c}
.vx-bait-countdown.urgent .vx-bait-progress{background:#ffe4e6}
.vx-bait-countdown.urgent .vx-bait-progress i{background:linear-gradient(90deg,#fb7185,#e11d48)}
.vx-bait-countdown.ended{border-color:#e5e7eb;background:#f8fafc}
.vx-bait-countdown.ended .vx-bait-countdown-head span,.vx-bait-countdown.ended .vx-bait-countdown-head b{color:#64748b}
.vx-bait-countdown.ended .vx-bait-progress i{background:#94a3b8}
.vx-bait-details .vx-detail strong{font-size:7px}
@media(max-width:680px){
  .vx-card-mini.vx-bait-card{grid-template-columns:1fr}
  .vx-bait-card .vx-card-image{height:250px;min-height:0}
  .vx-bait-card .vx-card-content{padding:14px}
  .vx-bait-card .vx-vehicle{font-size:18px;line-height:1.15}
  .vx-bait-price strong{font-size:24px!important}
  .vx-bait-countdown-head b{font-size:25px}
  .vx-bait-ending span,.vx-bait-ending strong{font-size:8px}
  .vx-bait-card .vx-actions{grid-template-columns:1fr 1fr}
  .vx-bait-card .vx-action.light{display:flex}
}


/* =========================================================
   V3.2 — CORREÇÃO DEFINITIVA DO CARROSSEL NO MOBILE
   ========================================================= */
.demo-section,
.demo-section .container{
  overflow:visible;
}

.lot-carousel{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  gap:16px !important;
  width:100% !important;
  max-width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:x mandatory !important;
  scroll-padding-left:0;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  padding:4px 0 16px !important;
}
.lot-carousel::-webkit-scrollbar{display:none}

.lot-carousel > .vx-card{
  display:block !important;
  flex:0 0 318px !important;
  width:318px !important;
  min-width:318px !important;
  max-width:318px !important;
  height:auto !important;
  scroll-snap-align:start !important;
  scroll-snap-stop:always;
  overflow:hidden !important;
}

.lot-carousel > .vx-card .vx-card-image{
  width:100% !important;
  min-width:0 !important;
}

.lot-carousel > .vx-card .vx-card-content{
  width:100% !important;
  min-width:0 !important;
}

@media(max-width:680px){
  .demo-filterbar{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:10px !important;
  }

  .demo-filterbar .filter-meta{
    grid-column:1 / -1 !important;
    width:100% !important;
    min-width:0 !important;
  }

  .lot-carousel{
    gap:12px !important;
    margin:0 !important;
    padding:4px 0 18px !important;
  }

  .lot-carousel > .vx-card{
    flex:0 0 calc(100vw - 44px) !important;
    width:calc(100vw - 44px) !important;
    min-width:calc(100vw - 44px) !important;
    max-width:calc(100vw - 44px) !important;
  }

  .lot-carousel > .vx-card .vx-card-image{
    height:255px !important;
    min-height:255px !important;
    max-height:255px !important;
  }

  .lot-carousel > .vx-card .vx-details{
    grid-template-columns:1fr 1fr !important;
  }

  .lot-carousel > .vx-card .vx-actions{
    grid-template-columns:1fr 1fr !important;
  }

  .lot-carousel > .vx-card .vx-vehicle{
    white-space:normal !important;
    overflow:visible !important;
  }

  .carousel-nav{
    display:flex !important;
    flex:0 0 auto !important;
  }
}

/* Card-isca: fotografia exata da matéria do Detran-MS indicada pelo usuário. */
.vx-bait-image img{
  object-position:center center !important;
}


/* =========================================================
   V3.3 — CADERNETA COM LAYOUT DESKTOP VX
   ========================================================= */
.notebook-window{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:26px;
  background:#f8fafc;
  box-shadow:0 34px 90px rgba(0,0,0,.26);
}
.notebook-window-head{
  min-height:66px;
  padding:13px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-bottom:1px solid #e5e7eb;
  background:#fff;
  color:#111827;
}
.notebook-window-head strong{
  display:block;
  font-family:"Plus Jakarta Sans";
  font-size:15px;
}
.notebook-window-head span{
  display:block;
  margin-top:3px;
  color:#94a3b8;
  font-size:8px;
}
.notebook-window-head button{
  width:34px;
  height:34px;
  border:0;
  border-radius:50%;
  background:#f1f5f9;
  color:#475569;
  font-size:20px;
}

.notebook-demo.notebook-desktop-layout{
  display:grid;
  grid-template-columns:minmax(310px,.84fr) minmax(0,1.16fr);
  align-items:start;
  overflow:visible;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.notebook-desktop-layout .notebook-left{
  position:sticky;
  top:92px;
  align-self:start;
  min-height:100%;
  padding:18px;
  border-right:1px solid #e5e7eb;
  border-bottom:0;
  background:#f8fafc;
}
.notebook-desktop-layout .notebook-right{
  min-width:0;
  padding:18px;
  background:#fff;
}
.notebook-desktop-layout .notebook-photo{
  height:345px;
}
.photo-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:36px;
  height:36px;
  border:0;
  border-radius:50%;
  background:rgba(15,23,42,.78);
  color:#fff;
  font-size:24px;
  line-height:1;
}
.photo-arrow.left{left:10px}
.photo-arrow.right{right:10px}
.notebook-specs-full{
  grid-template-columns:1fr 1fr;
}
.notebook-specs-full div{
  min-height:52px;
}
.open-official-demo{
  width:100%;
  height:42px;
  margin-top:9px;
  border:0;
  border-radius:8px;
  background:#111827;
  color:#fff;
  font-size:8px;
  font-weight:900;
}
.finance-mini-actions{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  margin-top:8px;
}
.finance-mini-actions span{
  padding:5px 7px;
  border:1px solid #e2e8f0;
  border-radius:5px;
  background:#fff;
  color:#334155;
  font-size:6px;
  font-weight:800;
}
.meta-slider-demo{
  margin-top:11px;
}
.meta-slider-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#111827;
  font-size:8px;
  font-weight:700;
}
.meta-slider-head strong{
  padding:5px 9px;
  border:1px solid #e2e8f0;
  border-radius:6px;
  background:#fff;
  font-size:9px;
}
.meta-slider-track{
  height:5px;
  margin-top:7px;
  border-radius:999px;
  background:#e5e7eb;
}
.meta-slider-track i{
  display:block;
  width:40%;
  height:100%;
  border-radius:999px;
  background:#111827;
}
.live-price-demo{
  margin-top:9px;
  padding:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid #bbf7d0;
  border-radius:9px;
  background:#ecfdf5;
}
.live-price-demo small{
  display:block;
  color:#047857;
  font-size:7px;
  font-weight:900;
}
.live-price-demo span{
  display:block;
  margin-top:3px;
  color:#6b7280;
  font-size:6px;
}
.live-price-demo button{
  flex:0 0 auto;
  height:30px;
  padding:0 10px;
  border:0;
  border-radius:7px;
  background:#e2e8f0;
  color:#334155;
  font-size:6px;
  font-weight:900;
}
.evaluation-help{
  margin-top:10px;
  padding:9px 10px;
  border-radius:8px;
  background:#eff6ff;
  color:#64748b;
  font-size:7px;
  line-height:1.45;
}
.demo-km{
  margin-top:11px;
}
.demo-km small{
  color:#64748b;
  font-size:7px;
  font-weight:800;
}
.demo-km>div{
  margin-top:5px;
  padding:9px 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:1px solid #e5e7eb;
  border-radius:8px;
}
.demo-km strong{
  font-size:10px;
}
.demo-km span{
  color:#64748b;
  font-size:8px;
}
.criteria-list.criteria-detailed{
  margin-top:9px;
}
.criterion-row{
  min-height:43px!important;
  padding:6px 0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
}
.criterion-copy{
  min-width:0;
}
.criterion-copy strong{
  display:block;
  color:#111827;
  font-size:8px;
  line-height:1.25;
}
.criterion-copy strong em{
  margin-left:5px;
  color:#dc2626;
  font-style:normal;
  font-size:6px;
  font-weight:900;
}
.criterion-copy small{
  display:block;
  margin-top:2px;
  color:#64748b;
  font-size:6.5px;
  line-height:1.3;
}
.criterion-row>b{
  flex:0 0 auto;
  white-space:nowrap;
  font-size:12px;
}
.risk-low{
  color:#86efac!important;
  font-weight:800;
  text-transform:uppercase;
}
.vx-bait-top{
  justify-content:flex-end!important;
}
.vx-action-disabled{
  border:0;
  cursor:default;
  opacity:1;
}
.vx-action-disabled:hover{
  transform:none;
}

/* Desktop largo: reproduz a hierarquia do modal real do VX */
@media(min-width:1001px){
  .notebook-window{
    max-width:1180px;
    margin:0 auto;
  }
  .notebook-desktop-layout .analysis-box{
    padding:14px;
  }
  .notebook-desktop-layout .finance-grid{
    grid-template-columns:1fr 1fr;
  }
  .notebook-desktop-layout .price-comparison{
    grid-template-columns:1fr 1fr;
  }
}

/* Tablet e mobile: mantém leitura vertical */
@media(max-width:1000px){
  .notebook-demo.notebook-desktop-layout{
    grid-template-columns:1fr;
  }
  .notebook-desktop-layout .notebook-left{
    position:relative;
    top:auto;
    border-right:0;
    border-bottom:1px solid #e5e7eb;
  }
}

@media(max-width:680px){
  .notebook-window{
    border-radius:22px;
  }
  .notebook-window-head{
    min-height:58px;
    padding:11px 13px;
  }
  .notebook-desktop-layout .notebook-left,
  .notebook-desktop-layout .notebook-right{
    padding:13px;
  }
  .notebook-desktop-layout .notebook-photo{
    height:280px;
  }
  .notebook-specs-full{
    grid-template-columns:1fr 1fr;
  }
  .criterion-row{
    grid-template-columns:1fr!important;
    gap:5px!important;
  }
  .criterion-row>b{
    justify-self:start;
    font-size:15px;
  }
  .criterion-copy strong{
    font-size:10px;
  }
  .criterion-copy small{
    font-size:8px;
    line-height:1.4;
  }
  .evaluation-help{
    font-size:8px;
  }
}

/* Esconde antigos rótulos demonstrativos caso permaneçam em cache/HTML */
.vx-bait-demo{display:none!important}


/* =========================================================
   V3.4 — DEMO DETALHE EM 3 PARTES NO MOBILE
   ========================================================= */
.notebook-carousel-wrap{position:relative}
.notebook-carousel{display:grid;grid-template-columns:minmax(310px,.84fr) minmax(0,1.16fr);grid-template-areas:"vehicle finance" "vehicle analysis";align-items:start;background:#fff}
.notebook-slide{min-width:0}
.notebook-slide-vehicle{grid-area:vehicle;background:#f8fafc;border-right:1px solid #e5e7eb;height:100%}
.notebook-slide-finance{grid-area:finance;background:#fff}
.notebook-slide-analysis{grid-area:analysis;background:#fff}
.notebook-panel-left{position:sticky;top:92px;border:0!important}
.notebook-panel-right{padding:18px;background:#fff}
.mobile-slide-label{display:none}
.notebook-carousel-controls{display:none}
.notebook-specs strong,.notebook-specs small,.notebook-title,.notebook-window-head strong,.box-title,.criterion-copy strong{color:#111827!important}
.notebook-specs small{color:#64748b!important}
.finance-summary-demo{margin-top:11px}
.finance-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.finance-summary-grid>div{padding:10px;border-radius:8px;background:#f8fafc}
.finance-summary-grid small{display:block;color:#94a3b8;font-size:7px}
.finance-summary-grid strong{display:block;margin-top:4px;color:#111827;font-size:11px}

@media(max-width:1000px){
  .notebook-carousel{display:flex;grid-template:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;background:#f8fafc}
  .notebook-carousel::-webkit-scrollbar{display:none}
  .notebook-slide{flex:0 0 100%;width:100%;min-width:100%;scroll-snap-align:start;scroll-snap-stop:always;background:#fff}
  .notebook-slide-vehicle{border-right:0}
  .notebook-panel-left,.notebook-panel-right{position:relative;top:auto;padding:13px!important;background:#fff}
  .notebook-slide-vehicle .notebook-panel-left{background:#f8fafc}
  .mobile-slide-label{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:#64748b;font-size:8px;font-weight:900;letter-spacing:.08em}
  .mobile-slide-label span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#0f172a;color:#fff;font-size:9px}
  .notebook-carousel-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 12px 13px;border-top:1px solid #e5e7eb;background:#fff;position:sticky;bottom:0;z-index:4}
  .notebook-dot{min-width:0;height:42px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#64748b;font-size:8px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:5px}
  .notebook-dot span{width:20px;height:20px;border-radius:7px;background:#e2e8f0;display:grid;place-items:center;color:#475569;font-size:8px}
  .notebook-dot.active{background:#0f172a;border-color:#0f172a;color:#fff}
  .notebook-dot.active span{background:#2dd4bf;color:#06281e}
}

@media(max-width:680px){
  .notebook-photo{height:280px!important}
  .notebook-specs-full{grid-template-columns:1fr 1fr!important}
  .notebook-specs-full div{min-height:58px}
  .notebook-specs strong{font-size:10px!important}
  .notebook-specs small{font-size:8px!important}
  .analysis-box{border-radius:12px}
  .criteria-detailed .criterion-row{padding:8px 0!important}
  .criterion-copy strong{font-size:10px!important}
  .criterion-copy small{font-size:8px!important;line-height:1.35!important}
}


/* =========================================================
   V3.5 — CIDADES + CARROSSEL MOBILE COMPACTO
   ========================================================= */
@media(max-width:1000px){
  .notebook-carousel{
    display:block !important;
    overflow:visible !important;
    background:#f8fafc !important;
  }
  .notebook-slide{
    display:none !important;
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
    opacity:0;
    transform:translateX(10px);
  }
  .notebook-slide.active{
    display:block !important;
    opacity:1;
    transform:none;
    animation:vxNotebookIn .22s ease-out;
  }
  .notebook-carousel-controls{
    position:relative !important;
    bottom:auto !important;
    z-index:4;
  }
}

@keyframes vxNotebookIn{
  from{opacity:0;transform:translateX(10px)}
  to{opacity:1;transform:none}
}

@media(max-width:680px){
  .notebook-window{
    overflow:hidden;
  }
  .notebook-photo{
    height:238px !important;
  }
  .notebook-panel-left,
  .notebook-panel-right{
    min-height:0 !important;
    height:auto !important;
  }
  .notebook-specs-full div{
    min-height:52px !important;
  }
  .notebook-carousel-controls{
    padding:9px 10px 11px !important;
  }
  .notebook-dot{
    height:40px !important;
  }
}


/* =========================================================
   V3.6 — CIDADE CONSISTENTE + LEGIBILIDADE DO CARROSSEL
   ========================================================= */
/* A demonstração usa sempre o nome completo da cidade. */
.preview-frame .mini-filter-row strong,
.vx-bait-card .vx-city,
.notebook-window-head span{
  text-transform:none!important;
}

/* Painéis claros do carrossel: nenhum texto herda branco do site escuro. */
.notebook-carousel,
.notebook-carousel .notebook-slide,
.notebook-carousel .notebook-panel-left,
.notebook-carousel .notebook-panel-right,
.notebook-carousel .analysis-box,
.notebook-carousel .finance-card,
.notebook-carousel .price-comparison>div,
.notebook-carousel .finance-summary-grid>div,
.notebook-carousel .demo-km>div,
.notebook-carousel .notes-box{
  color:#111827!important;
}
.notebook-carousel .box-title,
.notebook-carousel .notebook-specs strong,
.notebook-carousel .finance-card strong,
.notebook-carousel .price-comparison strong,
.notebook-carousel .finance-summary-grid strong,
.notebook-carousel .demo-km strong,
.notebook-carousel .criterion-copy strong,
.notebook-carousel .notes-box p,
.notebook-carousel .meta-slider-head,
.notebook-carousel .meta-slider-head strong{
  color:#111827!important;
}
.notebook-carousel .notebook-specs small,
.notebook-carousel .finance-card small,
.notebook-carousel .finance-card span,
.notebook-carousel .price-comparison small,
.notebook-carousel .finance-summary-grid small,
.notebook-carousel .demo-km small,
.notebook-carousel .demo-km span,
.notebook-carousel .criterion-copy small,
.notebook-carousel .evaluation-head small,
.notebook-carousel .evaluation-help,
.notebook-carousel .notes-box .box-title + p,
.notebook-carousel .live-price-demo span{
  color:#64748b!important;
}
.notebook-carousel .finance-card.meta strong{color:#047857!important}
.notebook-carousel .live-price-demo small{color:#047857!important}
.notebook-carousel .criterion-copy strong em{color:#dc2626!important}
.notebook-carousel .criterion-row>b{color:#f59e0b!important}

/* Exceções propositais: elementos com fundo escuro continuam claros. */
.notebook-carousel .score-box,
.notebook-carousel .score-box small,
.notebook-carousel .score-box strong{
  color:#fff!important;
}
.notebook-carousel .score-box span{color:#cbd5e1!important}
.notebook-carousel .score-box .risk-low{color:#86efac!important}
.notebook-carousel .type-chip,
.notebook-carousel .open-official-demo,
.notebook-carousel .photo-arrow{
  color:#fff!important;
}

/* Labels do carrossel mobile: título escuro, número claro apenas no chip escuro. */
@media(max-width:1000px){
  .mobile-slide-label{color:#334155!important}
  .mobile-slide-label b{color:#111827!important}
  .mobile-slide-label span{color:#fff!important}
  .notebook-dot{color:#475569!important}
  .notebook-dot.active{color:#fff!important}
  .notebook-dot.active span{color:#06281e!important}
}


/* ========================================================================== */
/* VX — PRÉ-CADASTRO DE ASSINATURA                                            */
/* ========================================================================== */
.vx-subscribe-btn{width:100%;cursor:pointer;font-family:inherit;border:0}
.vx-pre-modal{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:20px}
.vx-pre-modal.open{display:flex}
.vx-pre-backdrop{position:absolute;inset:0;background:rgba(4,12,18,.78);backdrop-filter:blur(7px)}
.vx-pre-dialog{position:relative;z-index:1;width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#fff;color:#14212a;border-radius:24px;padding:30px;box-shadow:0 28px 90px rgba(0,0,0,.38);border:1px solid rgba(20,33,42,.08)}
.vx-pre-close,.vx-return-close{position:absolute;right:16px;top:14px;width:40px;height:40px;border:0;border-radius:50%;background:#edf1f2;color:#1b2931;font-size:27px;line-height:1;cursor:pointer}
.vx-pre-brand{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#0e7a62;color:#fff;font-weight:900;letter-spacing:-.04em;margin-bottom:18px}
.vx-pre-dialog .kicker{color:#0e7a62}
.vx-pre-dialog h2{margin:8px 42px 10px 0;font-size:clamp(25px,5vw,34px);line-height:1.04;letter-spacing:-.035em;color:#101c24}
.vx-pre-intro{margin:0 0 20px;color:#58666e;line-height:1.55;font-size:14px}
.vx-pre-plan-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;border-radius:16px;background:#f2f7f5;border:1px solid #d9ebe5;margin-bottom:20px}
.vx-pre-plan-summary div{display:flex;flex-direction:column;gap:3px}
.vx-pre-plan-summary span{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#6d7a80;font-weight:800}
.vx-pre-plan-summary strong{font-size:16px;color:#0e6b57}
.vx-pre-field{margin-bottom:14px}
.vx-pre-field label{display:block;margin-bottom:7px;font-size:11px;letter-spacing:.08em;font-weight:900;color:#28383f}
.vx-pre-field label span{font-weight:600;color:#879399;text-transform:none;letter-spacing:0}
.vx-pre-field input{width:100%;box-sizing:border-box;border:1px solid #d5dde0;border-radius:12px;padding:13px 14px;font:inherit;color:#14212a;background:#fff;outline:none;transition:.18s border-color,.18s box-shadow}
.vx-pre-field input:focus{border-color:#0e7a62;box-shadow:0 0 0 3px rgba(14,122,98,.12)}
.vx-pre-field small{display:block;margin-top:6px;color:#748087;font-size:11px;line-height:1.4}
.vx-pre-consent{display:flex;align-items:flex-start;gap:10px;margin:8px 0 14px;color:#4d5c64;font-size:12px;line-height:1.45;cursor:pointer}
.vx-pre-consent input{margin-top:2px;accent-color:#0e7a62}
.vx-pre-hp{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.vx-pre-status{min-height:20px;margin:0 0 8px;font-size:12px;font-weight:700;color:#b42318}
.vx-pre-status.ok{color:#0e7a62}
.vx-pre-submit{width:100%;border:0;cursor:pointer}
.vx-pre-submit[disabled]{opacity:.65;cursor:wait}
.vx-pre-safe{text-align:center;margin:10px 0 0;color:#7b878d;font-size:10.5px}
body.vx-modal-open{overflow:hidden}
.vx-return-notice{position:fixed;z-index:2100;right:18px;bottom:18px;display:none;width:min(430px,calc(100vw - 36px))}
.vx-return-notice.open{display:block}
.vx-return-card{position:relative;background:#fff;color:#18252c;padding:22px 24px 20px;border-radius:20px;box-shadow:0 22px 65px rgba(0,0,0,.28);border:1px solid #dfe7e4}
.vx-return-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e2f4ed;color:#0e7a62;font-weight:900;margin-bottom:12px}
.vx-return-card strong{display:block;font-size:18px;margin-right:35px}
.vx-return-card p{font-size:12.5px;line-height:1.55;color:#5b686f;margin:8px 0 15px}
.vx-return-card .btn{display:inline-flex}
@media(max-width:600px){
  .vx-pre-modal{padding:0;align-items:flex-end}
  .vx-pre-dialog{width:100%;max-height:94vh;border-radius:24px 24px 0 0;padding:24px 18px 20px}
  .vx-pre-plan-summary{grid-template-columns:1fr 1fr}
  .vx-return-notice{right:10px;left:10px;bottom:10px;width:auto}
}


/* VX FIX — contraste dos botões de assinatura */
.btn.btn-plan:not(.btn-primary),
.vx-subscribe-btn:not(.btn-primary){
  color:#f8fafc !important;
  background:rgba(255,255,255,.065);
  border-color:rgba(255,255,255,.14);
}

.btn.btn-plan:not(.btn-primary):hover,
.vx-subscribe-btn:not(.btn-primary):hover{
  color:#ffffff !important;
  background:rgba(255,255,255,.10);
  border-color:rgba(50,230,162,.34);
}

.btn.btn-primary.btn-plan,
.vx-subscribe-btn.btn-primary{
  color:#052118 !important;
}