@import url('https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:wght@400;500;600&display=swap');
:root{--vn:#0a1628;--vb:#1a56ff;--vg:rgba(26,86,255,.25);--vc:#00c8ff;--vd:#e2e8f0;--vm:#64748b;--vs:#94a3b8;--vo:#f59e0b;--vp:#7c3aed;--vk:#10b981;}
#vl-wrap *{box-sizing:border-box;}
#vl-wrap h1,#vl-wrap h2,#vl-wrap h3,#vl-wrap p,#vl-wrap ul,#vl-wrap li{margin:0;padding:0;}
#vl-wrap{font-family:'DM Sans',sans-serif;width:100%;}
.vl-card{background:#fff;border-radius:20px;width:100%;box-shadow:0 4px 32px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.04);border:1px solid #e8edf5;}
.vl-topbar{height:4px;background:linear-gradient(90deg,var(--vb),var(--vc));border-radius:20px 20px 0 0;}
.vl-body{padding:22px 22px 26px;}
.vl-step{display:none;animation:vlUp .35s ease;}
.vl-step.active{display:block;}
@keyframes vlUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.vl-eyebrow{font-family:'Syne',sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--vb);margin-bottom:6px;display:block;}
.vl-title{font-family:'Syne',sans-serif;font-size:clamp(18px,4.5vw,22px);font-weight:800;color:var(--vn);line-height:1.2;margin-bottom:6px;display:block;}
.vl-sub{font-size:13px;color:var(--vm);margin-bottom:18px;line-height:1.5;display:block;}
.vl-tabs{display:flex;flex-wrap:wrap;gap:3px;background:#f1f5f9;border-radius:10px;padding:4px;margin-bottom:16px;}
.vl-tab{flex:1 1 0;min-width:0;padding:9px 10px;text-align:center;font-size:13px;font-weight:600;color:var(--vm);border-radius:8px;cursor:pointer;transition:all .2s;user-select:none;display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:none;font-family:inherit;white-space:nowrap;overflow:hidden;text-overflow:clip;}
.lb-full{display:inline;}
.lb-short{display:none;}
.vl-ti-ic{font-size:18px;line-height:1;}
.vl-ti-lb{font-size:14px;}
.vl-tab.on{background:white;color:var(--vn);box-shadow:0 2px 8px rgba(0,0,0,.1);}
.vl-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--vn);margin-bottom:10px;display:block;}
.vl-iw{position:relative;margin-bottom:24px;}
.vl-in{width:100%;padding:13px 44px 13px 16px;border:1.5px solid var(--vd);border-radius:10px;font-size:14px;font-family:'DM Sans',sans-serif;color:var(--vn);outline:none;transition:border-color .2s,box-shadow .2s;background:white;display:block;}
.vl-in:focus{border-color:var(--vb);box-shadow:0 0 0 4px var(--vg);}
.vl-ico{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--vm);}
.vl-btn{width:100%;padding:14px 20px;background:linear-gradient(135deg,var(--vb) 0%,#0040e0 100%);color:white;border:none;border-radius:10px;font-family:'Syne',sans-serif;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 6px 18px var(--vg);}
.vl-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(26,86,255,.4);}
.vl-trust{display:flex;justify-content:center;gap:14px;margin-top:14px;flex-wrap:wrap;}
.vl-ti{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--vm);font-weight:500;}
.vl-back{background:none;border:none;color:var(--vm);font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;padding:0;margin-bottom:14px;font-family:'DM Sans',sans-serif;}
.vl-back:hover{color:var(--vn);}
.vl-err{color:#dc2626;font-size:13px;margin-top:-16px;margin-bottom:16px;display:none;}
.vl-vgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:32px;}
.vl-veh{border:2px solid var(--vd);border-radius:14px;padding:20px 8px 16px;cursor:pointer;text-align:center;transition:all .2s;background:white;}
.vl-veh:hover{border-color:var(--vb);background:#f0f6ff;}
.vl-veh.on{border-color:var(--vb);background:linear-gradient(135deg,#eef3ff,#f5f0ff);box-shadow:0 0 0 4px var(--vg);}
.vl-vi{font-size:30px;margin-bottom:8px;display:block;}
.vl-vn{font-size:12px;font-weight:600;color:var(--vn);display:block;}
.vl-pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:16px;align-items:stretch;}
.vl-pkg{border:1.5px solid var(--vd);border-radius:12px;padding:14px 12px 12px;cursor:pointer;transition:all .18s;position:relative;background:white;text-align:center;display:flex;flex-direction:column;}
.vl-pkg:hover{transform:translateY(-2px);border-color:#f5b800;}
.vl-pkg.on{border-color:#f5b800 !important;background:rgba(245,184,0,.06);box-shadow:0 0 0 3px rgba(245,184,0,.25),0 6px 18px rgba(245,184,0,.2);transform:translateY(-2px);}
.vl-pkg.on::before{content:'✓';position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:#f5b800;color:#0a1530;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;}
.vl-pbadge{position:absolute;top:-9px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:var(--vo);color:white;white-space:nowrap;}
.vl-pi{font-size:22px;margin-bottom:6px;display:block;line-height:1;}
.vl-pn{font-family:'Syne',sans-serif;font-size:13px;font-weight:700;color:var(--vn);margin-bottom:4px;display:block;}
.vl-pp{font-size:18px;font-weight:800;color:var(--vn);margin-bottom:8px;display:block;line-height:1;}
.vl-pf{list-style:none;text-align:left;margin-top:2px;}
.vl-pf li{font-size:11px;color:var(--vm);padding:3px 0;display:flex;align-items:flex-start;gap:6px;line-height:1.35;border-bottom:1px solid #f8fafc;}
.vl-pf li:last-child{border-bottom:none;}
.vl-pf li::before{content:'✓';color:var(--vk);font-weight:700;flex-shrink:0;margin-top:1px;}
.vl-summary{background:#f8fafc;border:1px solid var(--vd);border-radius:10px;padding:9px 14px;margin-bottom:14px;font-size:12px;color:#475569;display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.vl-summary,.vl-summary span,.vl-summary strong{color:#475569 !important;}
.vl-summary strong{color:#0a1628 !important;font-weight:700;}
.vl-anim{text-align:center;padding:10px 0 20px;}
.vl-radar{width:90px;height:90px;border-radius:50%;border:2px solid var(--vb);position:relative;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;}
.vl-radar::before,.vl-radar::after{content:'';position:absolute;inset:0;border-radius:50%;animation:vlR 1.6s ease-in-out infinite;}
.vl-radar::before{border:2px solid var(--vc);}
.vl-radar::after{border:2px solid var(--vb);animation-delay:.6s;}
@keyframes vlR{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.8);opacity:0}}
.vl-sweep{position:absolute;inset:4px;border-radius:50%;background:conic-gradient(from 0deg,transparent 270deg,rgba(26,86,255,.35) 360deg);animation:vlSw 1.5s linear infinite;}
@keyframes vlSw{to{transform:rotate(360deg)}}
.vl-dot{width:10px;height:10px;background:var(--vb);border-radius:50%;position:relative;z-index:1;box-shadow:0 0 12px var(--vb);}
.vl-atitle{font-family:'Syne',sans-serif;font-size:20px;font-weight:700;color:var(--vn);margin-bottom:6px;}
.vl-plate{display:inline-block;background:#fef08a;border:2px solid #ca8a04;border-radius:6px;padding:4px 14px;font-family:monospace;font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:20px;letter-spacing:.1em;}
.vl-cl{list-style:none;margin-bottom:24px;}
.vl-cl li{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #f1f5f9;font-size:14px;color:var(--vn);}
.vl-ci{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;font-weight:700;}
.vl-ci.p{background:#f1f5f9;border:2px solid #e2e8f0;}
.vl-ci.l{background:#dbeafe;animation:vlSp .8s linear infinite;border:2px dashed var(--vb);}
.vl-ci.d{background:var(--vk);color:white;}
@keyframes vlSp{to{transform:rotate(360deg)}}
.vl-cl-l{flex:1;}.vl-cl-v{font-size:12px;color:var(--vm);}
.vl-cl-v.f{color:var(--vk);font-weight:600;}
.vl-pb{height:6px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin-bottom:8px;}
.vl-pf-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--vb),var(--vc));width:0%;transition:width .4s ease;}
.vl-pp-pct{font-size:12px;color:var(--vm);text-align:right;margin-bottom:20px;}
@media(max-width:560px){.vl-body{padding:28px 20px 32px;}.vl-vgrid{grid-template-columns:repeat(3,1fr);}.vl-pgrid{grid-template-columns:1fr;}.vl-title{font-size:22px;}}

/* ===== Themes ===== */
/* Midnight — dark card */
#vl-wrap[data-vl-theme="midnight"]{--vb:#3b82f6;--vc:#00c8ff;--vg:rgba(0,200,255,.25);--vn:#e2e8f0;--vd:#1e2a44;--vm:#94a3b8;}
#vl-wrap[data-vl-theme="midnight"] .vl-card{background:#0a1628;border-color:#1e2a44;box-shadow:0 4px 32px rgba(0,0,0,.5);}
#vl-wrap[data-vl-theme="midnight"] .vl-tabs{background:#101d36;}
#vl-wrap[data-vl-theme="midnight"] .vl-tab.on{background:#1a2540;color:#e2e8f0;}
#vl-wrap[data-vl-theme="midnight"] .vl-in,
#vl-wrap[data-vl-theme="midnight"] .vl-veh,
#vl-wrap[data-vl-theme="midnight"] .vl-pkg{background:#101d36;color:#e2e8f0;}
#vl-wrap[data-vl-theme="midnight"] .vl-veh:hover{background:#172545;}
#vl-wrap[data-vl-theme="midnight"] .vl-vn,
#vl-wrap[data-vl-theme="midnight"] .vl-pn,
#vl-wrap[data-vl-theme="midnight"] .vl-pp{color:#e2e8f0;}
#vl-wrap[data-vl-theme="midnight"] .vl-pb{background:#1e2a44;}

/* Emerald — green accents on light card */
#vl-wrap[data-vl-theme="emerald"]{--vb:#10b981;--vc:#34d399;--vg:rgba(16,185,129,.25);--vo:#059669;--vp:#0d9488;}
#vl-wrap[data-vl-theme="emerald"] .vl-topbar{background:linear-gradient(90deg,#10b981,#34d399);}
#vl-wrap[data-vl-theme="emerald"] .vl-btn{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 8px 24px rgba(16,185,129,.25);}
#vl-wrap[data-vl-theme="emerald"] .vl-veh.on{background:linear-gradient(135deg,#ecfdf5,#f0fdfa);}

/* Sunset — warm orange/pink */
#vl-wrap[data-vl-theme="sunset"]{--vb:#f59e0b;--vc:#ef4444;--vg:rgba(245,158,11,.25);--vn:#7c2d12;--vo:#ef4444;--vp:#ec4899;}
#vl-wrap[data-vl-theme="sunset"] .vl-card{background:#fff7ed;border-color:#fed7aa;}
#vl-wrap[data-vl-theme="sunset"] .vl-topbar{background:linear-gradient(90deg,#f59e0b,#ef4444);}
#vl-wrap[data-vl-theme="sunset"] .vl-btn{background:linear-gradient(135deg,#f59e0b 0%,#ef4444 100%);box-shadow:0 8px 24px rgba(239,68,68,.25);}
#vl-wrap[data-vl-theme="sunset"] .vl-tabs{background:#ffedd5;}
#vl-wrap[data-vl-theme="sunset"] .vl-tab.on{background:#fff7ed;color:#7c2d12;}
#vl-wrap[data-vl-theme="sunset"] .vl-veh,
#vl-wrap[data-vl-theme="sunset"] .vl-pkg{background:#fff7ed;border-color:#fed7aa;}
#vl-wrap[data-vl-theme="sunset"] .vl-veh.on{background:linear-gradient(135deg,#ffedd5,#fee2e2);}

/* Royal — deep purple */
#vl-wrap[data-vl-theme="royal"]{--vb:#7c3aed;--vc:#a855f7;--vg:rgba(124,58,237,.25);--vo:#a855f7;--vp:#9333ea;}
#vl-wrap[data-vl-theme="royal"] .vl-topbar{background:linear-gradient(90deg,#7c3aed,#a855f7);}
#vl-wrap[data-vl-theme="royal"] .vl-btn{background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);box-shadow:0 8px 24px rgba(124,58,237,.25);}
#vl-wrap[data-vl-theme="royal"] .vl-veh.on{background:linear-gradient(135deg,#f5f3ff,#faf5ff);}

/* Amber — deep navy card with amber CTA (matches reference) */
#vl-wrap[data-vl-theme="amber"]{--vb:#f5b800;--vc:#f5b800;--vg:rgba(245,184,0,.25);--vn:#ffffff;--vm:#94a3b8;--vd:rgba(255,255,255,.08);--vo:#f5b800;--vp:#f5b800;--vk:#10b981;}
#vl-wrap[data-vl-theme="amber"] .vl-card{background:radial-gradient(circle at 20% 0%,#1a2c54 0%,#0f1d3a 60%,#0a1530 100%);border:1px solid rgba(255,255,255,.06);border-radius:22px;box-shadow:0 20px 60px rgba(0,0,0,.45);position:relative;overflow:hidden;}
#vl-wrap[data-vl-theme="amber"] .vl-card::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:18px 18px;pointer-events:none;border-radius:22px;}
#vl-wrap[data-vl-theme="amber"] .vl-topbar{display:none;}
#vl-wrap[data-vl-theme="amber"] .vl-body{position:relative;z-index:1;}
#vl-wrap[data-vl-theme="amber"] .vl-eyebrow{color:#f5b800;}
#vl-wrap[data-vl-theme="amber"] .vl-title,
#vl-wrap[data-vl-theme="amber"] .vl-label,
#vl-wrap[data-vl-theme="amber"] .vl-vn,
#vl-wrap[data-vl-theme="amber"] .vl-pn{color:#ffffff;}
#vl-wrap[data-vl-theme="amber"] .vl-sub{color:#94a3b8;}

/* Tabs: dark pill bar, active = solid amber with dark text */
#vl-wrap[data-vl-theme="amber"] .vl-tabs{background:#0a1530;border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:8px;gap:6px;}
#vl-wrap[data-vl-theme="amber"] .vl-tab{color:#cbd5e1;border-radius:12px;font-weight:600;background:transparent;}
#vl-wrap[data-vl-theme="amber"] .vl-tab.on{background:#f5b800;color:#0a1530;box-shadow:0 4px 14px rgba(245,184,0,.35);}

/* Input: translucent dark, light placeholder */
#vl-wrap[data-vl-theme="amber"] .vl-in{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);color:#ffffff;}
#vl-wrap[data-vl-theme="amber"] .vl-in::placeholder{color:#94a3b8;}
#vl-wrap[data-vl-theme="amber"] .vl-in:focus{border-color:#f5b800;box-shadow:0 0 0 4px rgba(245,184,0,.18);}
#vl-wrap[data-vl-theme="amber"] .vl-ico{color:#94a3b8;}

/* CTA button: solid amber, dark text, no gradient */
#vl-wrap[data-vl-theme="amber"] .vl-btn{background:linear-gradient(135deg,#ffcb33 0%,#f5b800 100%);color:#0a1530;box-shadow:0 10px 28px rgba(245,184,0,.35);font-family:'Syne',sans-serif;}
#vl-wrap[data-vl-theme="amber"] .vl-btn:hover{box-shadow:0 14px 36px rgba(245,184,0,.45);}

/* Vehicle + package cards on dark */
#vl-wrap[data-vl-theme="amber"] .vl-veh,
#vl-wrap[data-vl-theme="amber"] .vl-pkg{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08);}
#vl-wrap[data-vl-theme="amber"] .vl-veh:hover{background:rgba(245,184,0,.06);border-color:#f5b800;}
#vl-wrap[data-vl-theme="amber"] .vl-veh.on{background:rgba(245,184,0,.1);border-color:#f5b800;box-shadow:0 0 0 4px rgba(245,184,0,.18);}

/* Trust badges: white text with green dot */
#vl-wrap[data-vl-theme="amber"] .vl-trust{gap:28px;margin-top:24px;}
#vl-wrap[data-vl-theme="amber"] .vl-ti{color:#ffffff;font-weight:500;position:relative;padding-left:14px;}
#vl-wrap[data-vl-theme="amber"] .vl-ti svg{display:none;}
#vl-wrap[data-vl-theme="amber"] .vl-ti::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px rgba(16,185,129,.5);}

/* Back link + errors */
#vl-wrap[data-vl-theme="amber"] .vl-back{color:#94a3b8;}
#vl-wrap[data-vl-theme="amber"] .vl-back:hover{color:#ffffff;}
#vl-wrap[data-vl-theme="amber"] .vl-pb{background:rgba(255,255,255,.08);}

/* Amber Pro — same palette, image-2 box style: grid bg, glowing border, chunky tabs */
#vl-wrap[data-vl-theme="amber-pro"]{--vb:#f5b800;--vc:#f5b800;--vg:rgba(245,184,0,.25);--vn:#ffffff;--vm:#94a3b8;--vd:rgba(255,255,255,.10);--vo:#f5b800;--vp:#f5b800;--vk:#10b981;}
#vl-wrap[data-vl-theme="amber-pro"] .vl-card{background:linear-gradient(180deg,#13244a 0%,#0b1a36 100%);border:1.5px solid rgba(94,140,255,.28);border-radius:24px;box-shadow:0 0 0 1px rgba(94,140,255,.08),0 30px 80px rgba(0,0,0,.55),0 0 60px rgba(94,140,255,.12);position:relative;overflow:hidden;}
#vl-wrap[data-vl-theme="amber-pro"] .vl-card::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(94,140,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(94,140,255,.06) 1px,transparent 1px);background-size:42px 42px;pointer-events:none;border-radius:24px;mask-image:radial-gradient(ellipse at center,#000 40%,transparent 90%);-webkit-mask-image:radial-gradient(ellipse at center,#000 40%,transparent 90%);}
#vl-wrap[data-vl-theme="amber-pro"] .vl-topbar{display:none;}
#vl-wrap[data-vl-theme="amber-pro"] .vl-body{position:relative;z-index:1;padding:36px 40px 40px;}
#vl-wrap[data-vl-theme="amber-pro"] .vl-eyebrow{color:#f5b800;}
#vl-wrap[data-vl-theme="amber-pro"] .vl-title,
#vl-wrap[data-vl-theme="amber-pro"] .vl-label,
#vl-wrap[data-vl-theme="amber-pro"] .vl-vn,
#vl-wrap[data-vl-theme="amber-pro"] .vl-pn{color:#ffffff;}
#vl-wrap[data-vl-theme="amber-pro"] .vl-sub{color:#94a3b8;}

/* Chunky tab pill bar — taller, rounder, stronger active glow */
#vl-wrap[data-vl-theme="amber-pro"] .vl-tabs{background:#0a1530;border:1px solid rgba(94,140,255,.15);border-radius:18px;padding:10px;gap:8px;margin-bottom:24px;}
#vl-wrap[data-vl-theme="amber-pro"] .vl-tab{color:#cbd5e1;border-radius:14px;font-weight:700;background:transparent;padding:16px 18px;font-size:15px;}
#vl-wrap[data-vl-theme="amber-pro"] .vl-tab.on{background:linear-gradient(180deg,#ffcb33,#f5b800);color:#0a1530;box-shadow:0 8px 22px rgba(245,184,0,.45),0 0 0 1px rgba(245,184,0,.4),0 0 32px rgba(245,184,0,.25);}

/* Input */
#vl-wrap[data-vl-theme="amber-pro"] .vl-in{background:rgba(255,255,255,.04);border:1.5px solid rgba(94,140,255,.18);color:#ffffff;border-radius:14px;padding:20px 52px 20px 22px;}
#vl-wrap[data-vl-theme="amber-pro"] .vl-in::placeholder{color:#7d8ba8;}
#vl-wrap[data-vl-theme="amber-pro"] .vl-in:focus{border-color:#f5b800;box-shadow:0 0 0 4px rgba(245,184,0,.18);}
#vl-wrap[data-vl-theme="amber-pro"] .vl-ico{color:#94a3b8;}

/* CTA */
#vl-wrap[data-vl-theme="amber-pro"] .vl-btn{background:linear-gradient(180deg,#ffcb33 0%,#f5b800 100%);color:#0a1530;border-radius:14px;box-shadow:0 12px 32px rgba(245,184,0,.4),0 0 0 1px rgba(245,184,0,.3);font-family:'Syne',sans-serif;font-weight:800;padding:20px 24px;}
#vl-wrap[data-vl-theme="amber-pro"] .vl-btn:hover{box-shadow:0 16px 40px rgba(245,184,0,.5),0 0 0 1px rgba(245,184,0,.45);}

/* Vehicle + package cards */
#vl-wrap[data-vl-theme="amber-pro"] .vl-veh,
#vl-wrap[data-vl-theme="amber-pro"] .vl-pkg{background:rgba(255,255,255,.03);border:1.5px solid rgba(94,140,255,.15);border-radius:14px;}
#vl-wrap[data-vl-theme="amber-pro"] .vl-veh:hover{background:rgba(245,184,0,.06);border-color:#f5b800;}
#vl-wrap[data-vl-theme="amber-pro"] .vl-veh.on{background:rgba(245,184,0,.1);border-color:#f5b800;box-shadow:0 0 0 4px rgba(245,184,0,.18),0 0 24px rgba(245,184,0,.2);}

/* Trust badges — green dots, white text */
#vl-wrap[data-vl-theme="amber-pro"] .vl-trust{gap:32px;margin-top:26px;}
#vl-wrap[data-vl-theme="amber-pro"] .vl-ti{color:#ffffff;font-weight:500;position:relative;padding-left:16px;font-size:14px;}
#vl-wrap[data-vl-theme="amber-pro"] .vl-ti svg{display:none;}
#vl-wrap[data-vl-theme="amber-pro"] .vl-ti::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:9px;height:9px;border-radius:50%;background:#10b981;box-shadow:0 0 10px rgba(16,185,129,.6);}

#vl-wrap[data-vl-theme="amber-pro"] .vl-back{color:#94a3b8;}
#vl-wrap[data-vl-theme="amber-pro"] .vl-back:hover{color:#ffffff;}
#vl-wrap[data-vl-theme="amber-pro"] .vl-pb{background:rgba(255,255,255,.08);}
/* ===== Vinlytics NHTSA Report — base (default theme) ===== */
#vl-wrap *{box-sizing:border-box;}
.vl-rcard{background:#fff;border:1px solid #e8edf5;border-radius:18px;box-shadow:0 4px 24px rgba(0,0,0,.05);padding:24px 26px;}

/* --- Search bar card --- */
.vl-reyebrow{font-family:'Syne',sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#1a56ff;margin-bottom:8px;}
.vl-rtitle{font-family:'Syne',sans-serif;font-size:22px;font-weight:800;margin-bottom:6px;}
.vl-rsub{font-size:13px;color:#64748b;margin-bottom:18px;line-height:1.55;}
.vl-riw{display:grid;grid-template-columns:1fr auto;gap:12px;}
.vl-rin{padding:16px 18px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:15px;font-family:inherit;outline:none;background:#fff;color:inherit;text-transform:uppercase;}
.vl-rin:focus{border-color:#1a56ff;box-shadow:0 0 0 4px rgba(26,86,255,.18);}
.vl-rbtn{padding:0 26px;border:none;border-radius:12px;font-family:'Syne',sans-serif;font-weight:700;font-size:15px;cursor:pointer;background:linear-gradient(135deg,#1a56ff,#0040e0);color:#fff;box-shadow:0 8px 22px rgba(26,86,255,.28);}
.vl-rbtn:hover{transform:translateY(-1px);}
.vl-rbtn:disabled{opacity:.6;cursor:wait;transform:none;}
.vl-rerr{display:none;color:#dc2626;font-size:13px;margin-top:10px;}

/* --- Report card --- */
.vl-rhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap;}
.vl-rhead-title{font-family:'Syne',sans-serif;font-size:16px;font-weight:800;}
.vl-rbadge{padding:10px 20px;border-radius:999px;border:1.5px solid #10b981;color:#10b981;font-size:14px;font-weight:700;background:rgba(16,185,129,.08);white-space:nowrap;display:inline-flex;align-items:center;gap:6px;}
.vl-rbadge.warn{border-color:#f5b800;color:#f5b800;background:rgba(245,184,0,.1);}
.vl-rbadge.danger{border-color:#ef4444;color:#ef4444;background:rgba(239,68,68,.1);}

.vl-ridentity{display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px;background:rgba(26,86,255,.04);border:1px solid rgba(26,86,255,.12);margin-bottom:14px;}
.vl-ricon{width:54px;height:54px;border-radius:10px;background:#2b4a87;color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;line-height:1;}
.vl-rident-body{min-width:0;flex:1;overflow:hidden;}
.vl-rident-line1{font-family:'Syne',sans-serif;font-size:14px;font-weight:800;line-height:1.2;word-break:break-word;overflow-wrap:anywhere;}
.vl-rident-vin{font-family:'JetBrains Mono','SF Mono',Menlo,monospace;font-size:11px;color:#f5b800;margin-top:6px;letter-spacing:.02em;word-break:break-all;}
.vl-rident-vin span{font-weight:700;}

.vl-rstats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;}
.vl-rstat{padding:16px 16px 14px;border-radius:14px;border:1px solid rgba(26,86,255,.14);background:rgba(255,255,255,.5);position:relative;min-height:108px;display:flex;flex-direction:column;}
.vl-rstat-icon{font-size:22px;margin-bottom:12px;display:block;line-height:1;}
.vl-rstat-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin-bottom:6px;}
.vl-rstat-val{font-family:'Syne',sans-serif;font-size:17px;font-weight:800;color:#0a1628;line-height:1.2;word-break:break-word;}
.vl-rstat-val.good{color:#10b981;}
.vl-rstat-val.warn{color:#f5b800;}
.vl-rstat-val.danger{color:#ef4444;}
.vl-rstat-val.muted{color:#64748b;font-size:14px;font-weight:600;}
.vl-rstat-sub{font-size:11px;color:#94a3b8;margin-top:6px;line-height:1.3;font-weight:500;}
.vl-rstat[data-locked="1"] .vl-rstat-val{color:#f5b800;font-size:15px;}
.vl-rstat[data-locked="1"]::after{content:'PREMIUM';position:absolute;top:12px;right:12px;font-size:8px;font-weight:700;letter-spacing:.1em;padding:3px 6px;border-radius:999px;background:rgba(245,184,0,.15);color:#b45309;}

.vl-rscore{display:flex;gap:16px;align-items:center;padding:18px;border-radius:16px;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.22);margin-bottom:18px;}
.vl-rscore-ring{width:60px;height:60px;border-radius:50%;border:3px solid #10b981;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-size:20px;font-weight:800;color:#10b981;flex-shrink:0;background:transparent;}
.vl-rscore-eyebrow{font-size:11px;color:#64748b;margin-bottom:2px;}
.vl-rscore-headline{font-family:'Syne',sans-serif;font-size:15px;font-weight:800;line-height:1.25;}

.vl-rcta-btn{margin-top:4px;}

@media(max-width:560px){
  .vl-rstats{gap:10px;}
  .vl-ridentity{padding:14px;gap:12px;}
  .vl-ricon{width:60px;height:60px;font-size:30px;}
  .vl-rstat{padding:14px;min-height:96px;}
  .vl-rstat-icon{font-size:20px;margin-bottom:10px;}
  .vl-rstat-val{font-size:15px;}
  .vl-rstat[data-locked="1"] .vl-rstat-val{font-size:13px;}
  .vl-rscore-ring{width:54px;height:54px;font-size:18px;}
  .vl-rhead-title{font-size:18px;}
}

/* Container queries — funnel may live inside narrow Elementor columns */
#vl-wrap{container-type:inline-size;container-name:vlwrap;}
@container vlwrap (max-width: 520px){
  .vl-rident-line1{font-size:15px;line-height:1.25;}
  .vl-ricon{width:56px;height:56px;font-size:26px;border-radius:12px;}
  .vl-ridentity{padding:14px;gap:12px;}
  .vl-rstats{grid-template-columns:1fr 1fr;gap:10px;}
  .vl-rstat{padding:14px;min-height:96px;}
  .vl-rstat-icon{font-size:20px;margin-bottom:10px;}
  .vl-rstat-label{font-size:9px;letter-spacing:.1em;}
  .vl-rstat-val{font-size:14px;}
  .vl-rstat[data-locked="1"] .vl-rstat-val{font-size:12px;}
  .vl-rstat-sub{font-size:10px;}
  .vl-rstat[data-locked="1"]::after{font-size:7px;padding:2px 5px;top:10px;right:10px;}
  .vl-rscore{padding:14px;gap:12px;}
  .vl-rscore-ring{width:50px;height:50px;font-size:16px;}
  .vl-rscore-headline{font-size:13px;}
  .vl-rhead-title{font-size:17px;}
  .vl-rbadge{font-size:12px;padding:6px 12px;}
}
@container vlwrap (max-width: 360px){
  .vl-rstats{grid-template-columns:1fr 1fr;}
  .vl-rident-line1{font-size:14px;}
}

/* Narrow funnel-wide adjustments (Elementor narrow column, mobile) */
@container vlwrap (max-width: 420px){
  .vl-body{padding:16px 14px 18px;}
  .vl-title{font-size:18px;line-height:1.15;}
  .vl-sub{font-size:12px;margin-bottom:12px;}
  .vl-tabs{padding:3px;gap:2px;margin-bottom:12px;}
  .vl-tab{padding:10px 6px;font-size:12px;gap:0;min-width:0;}
  .vl-ti-ic{display:none;}
  .vl-ti-lb{font-size:12px;overflow:visible;text-overflow:clip;}
  .lb-full{display:none;}
  .lb-short{display:inline;}
  .vl-in{padding:11px 38px 11px 12px;font-size:13px;border-radius:8px;}
  .vl-btn{padding:11px 8px;font-size:12px;border-radius:9px;gap:4px;flex-wrap:nowrap;white-space:nowrap;}
  .vl-btn svg{flex-shrink:0;width:13px;height:13px;}
  .vl-trust{gap:8px;margin-top:10px;}
  .vl-ti{font-size:10px;gap:4px;}
  .vl-vgrid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;}
  .vl-veh{padding:14px 4px 12px;border-radius:10px;}
  .vl-vi{font-size:22px;margin-bottom:4px;}
  .vl-vn{font-size:11px;}
  .vl-summary{padding:7px 10px;font-size:11px;gap:8px;margin-bottom:10px;}
  .vl-pgrid{gap:8px;}
  .vl-pkg{padding:10px 8px 10px;border-radius:10px;}
  .vl-pn{font-size:12px;}
  .vl-pp{font-size:16px;margin-bottom:5px;}
  .vl-pf li{font-size:10.5px;padding:2px 0;}
  .vl-back{font-size:12px;margin-bottom:10px;}
  .vl-eyebrow{font-size:9px;margin-bottom:4px;}
}

/* Compact 3-col grid + section headers */
.vl-rsection{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#94a3b8;margin:14px 0 8px;display:flex;align-items:baseline;gap:8px;}
.vl-rsource{font-size:9px;font-weight:500;color:#64748b;letter-spacing:.04em;text-transform:none;}
.vl-rstats-tight{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;}
.vl-rstats-tight .vl-rstat{padding:10px 11px;min-height:auto;border-radius:10px;}
.vl-rstats-tight .vl-rstat-icon{font-size:15px;margin-bottom:6px;}
.vl-rstats-tight .vl-rstat-label{font-size:9px;letter-spacing:.08em;margin-bottom:3px;}
.vl-rstats-tight .vl-rstat-val{font-size:13px;line-height:1.2;}
.vl-rstats-tight .vl-rstat[data-locked="1"] .vl-rstat-val{font-size:12px;}
.vl-rstats-tight .vl-rstat-sub{font-size:9.5px;margin-top:3px;line-height:1.25;}
.vl-rstats-tight .vl-rstat[data-locked="1"]::after{font-size:7px;padding:2px 5px;top:6px;right:6px;letter-spacing:.06em;}
@container vlwrap (max-width: 480px){
  .vl-rstats-tight{grid-template-columns:1fr 1fr;gap:7px;}
  .vl-rstats-tight .vl-rstat{padding:9px 10px;}
  .vl-rstats-tight .vl-rstat-val{font-size:12px;}
  .vl-rstats-tight .vl-rstat[data-locked="1"] .vl-rstat-val{font-size:11px;}
  .vl-rsection{font-size:10px;margin:12px 0 6px;}
}

/* ===== Amber + Amber Pro theme overrides ===== */
#vl-wrap[data-vl-theme="amber"],
#vl-wrap[data-vl-theme="amber-pro"]{color:#ffffff;}

#vl-wrap[data-vl-theme="amber"] .vl-rcard,
#vl-wrap[data-vl-theme="amber-pro"] .vl-rcard{background:linear-gradient(180deg,#13244a 0%,#0b1a36 100%);border:1.5px solid rgba(94,140,255,.28);box-shadow:0 0 0 1px rgba(94,140,255,.08),0 20px 60px rgba(0,0,0,.45);position:relative;overflow:hidden;}
#vl-wrap[data-vl-theme="amber-pro"] .vl-rcard::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(94,140,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(94,140,255,.06) 1px,transparent 1px);background-size:42px 42px;pointer-events:none;mask-image:radial-gradient(ellipse at center,#000 40%,transparent 90%);-webkit-mask-image:radial-gradient(ellipse at center,#000 40%,transparent 90%);}
#vl-wrap[data-vl-theme="amber"] .vl-rcard > *,
#vl-wrap[data-vl-theme="amber-pro"] .vl-rcard > *{position:relative;z-index:1;}

#vl-wrap[data-vl-theme="amber"] .vl-reyebrow,
#vl-wrap[data-vl-theme="amber-pro"] .vl-reyebrow{color:#f5b800;}
#vl-wrap[data-vl-theme="amber"] .vl-rsub,
#vl-wrap[data-vl-theme="amber-pro"] .vl-rsub{color:#94a3b8;}

#vl-wrap[data-vl-theme="amber"] .vl-rin,
#vl-wrap[data-vl-theme="amber-pro"] .vl-rin{background:rgba(255,255,255,.04);border-color:rgba(94,140,255,.18);color:#fff;}
#vl-wrap[data-vl-theme="amber"] .vl-rin::placeholder,
#vl-wrap[data-vl-theme="amber-pro"] .vl-rin::placeholder{color:#7d8ba8;}
#vl-wrap[data-vl-theme="amber"] .vl-rin:focus,
#vl-wrap[data-vl-theme="amber-pro"] .vl-rin:focus{border-color:#f5b800;box-shadow:0 0 0 4px rgba(245,184,0,.18);}

#vl-wrap[data-vl-theme="amber"] .vl-rbtn,
#vl-wrap[data-vl-theme="amber-pro"] .vl-rbtn{background:linear-gradient(180deg,#ffcb33,#f5b800);color:#0a1530;box-shadow:0 10px 28px rgba(245,184,0,.35);}

#vl-wrap[data-vl-theme="amber"] .vl-ridentity,
#vl-wrap[data-vl-theme="amber-pro"] .vl-ridentity{background:rgba(255,255,255,.04);border-color:rgba(94,140,255,.18);}
#vl-wrap[data-vl-theme="amber"] .vl-ricon,
#vl-wrap[data-vl-theme="amber-pro"] .vl-ricon{background:linear-gradient(135deg,#1e3a8a,#1d4ed8);}
#vl-wrap[data-vl-theme="amber"] .vl-rident-line2,
#vl-wrap[data-vl-theme="amber-pro"] .vl-rident-line2{color:#94a3b8;}

#vl-wrap[data-vl-theme="amber"] .vl-rstat,
#vl-wrap[data-vl-theme="amber-pro"] .vl-rstat{background:rgba(255,255,255,.03);border-color:rgba(94,140,255,.18);}
#vl-wrap[data-vl-theme="amber"] .vl-rstat-label,
#vl-wrap[data-vl-theme="amber-pro"] .vl-rstat-label{color:#94a3b8;}
#vl-wrap[data-vl-theme="amber"] .vl-rstat-val,
#vl-wrap[data-vl-theme="amber-pro"] .vl-rstat-val{color:#fff;}
#vl-wrap[data-vl-theme="amber"] .vl-rstat-val.good,
#vl-wrap[data-vl-theme="amber-pro"] .vl-rstat-val.good{color:#10b981;}
#vl-wrap[data-vl-theme="amber"] .vl-rstat-val.warn,
#vl-wrap[data-vl-theme="amber-pro"] .vl-rstat-val.warn{color:#f5b800;}
#vl-wrap[data-vl-theme="amber"] .vl-rstat-val.danger,
#vl-wrap[data-vl-theme="amber-pro"] .vl-rstat-val.danger{color:#ef4444;}
#vl-wrap[data-vl-theme="amber"] .vl-rstat[data-locked="1"]::after,
#vl-wrap[data-vl-theme="amber-pro"] .vl-rstat[data-locked="1"]::after{background:rgba(245,184,0,.15);color:#f5b800;}

#vl-wrap[data-vl-theme="amber"] .vl-rscore,
#vl-wrap[data-vl-theme="amber-pro"] .vl-rscore{background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.25);}

#vl-wrap[data-vl-theme="amber"] .vl-rcta,
#vl-wrap[data-vl-theme="amber-pro"] .vl-rcta{background:linear-gradient(180deg,#ffcb33,#f5b800);color:#0a1530;box-shadow:0 12px 32px rgba(245,184,0,.4);}