/* TrueVIN shared site styles */
:root{--bg:#0b1020;--card:#141b2e;--line:#26314d;--txt:#eef2ff;--sub:#93a0c2;--accent:#5b8cff;--good:#22c55e;--warn:#f59e0b;--bad:#ef4444}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#0b1020,#0e1428);color:var(--txt);font:16px/1.65 -apple-system,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh}
a{color:var(--accent)}
.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px;background:rgba(11,16,32,.85);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);flex-wrap:wrap}
.brand{font-size:20px;font-weight:800;letter-spacing:-.5px;color:var(--txt);text-decoration:none}
.brand b{color:var(--accent)}
.navlinks{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.navlinks a{color:var(--sub);text-decoration:none;font-size:14px}
.navlinks a:hover{color:var(--txt)}
.navcta{background:var(--accent);color:#fff!important;padding:8px 14px;border-radius:9px;font-weight:700}
.wrap{max-width:820px;margin:0 auto;padding:34px 20px 60px}
.wrap.narrow{max-width:720px}
h1{font-size:34px;letter-spacing:-1px;margin:6px 0 10px}
h2{font-size:23px;margin:30px 0 8px;letter-spacing:-.4px}
h3{font-size:18px;margin:22px 0 6px}
p{color:#dbe3f7}
.lead{font-size:19px;color:var(--sub)}
.sub{color:var(--sub)}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;margin:16px 0}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:640px){.grid{grid-template-columns:1fr}}
.pill{display:inline-block;font-size:12px;padding:3px 10px;border-radius:999px;background:rgba(91,140,255,.15);color:var(--accent);margin-bottom:8px}
.v-good{color:var(--good)}.v-bad{color:var(--bad)}.v-warn{color:var(--warn)}
.kv{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:15px}
.kv:last-child{border:0}
.btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:12px 20px;border-radius:11px;font-weight:700;margin-top:12px}
.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--txt)}
ul.clean{padding-left:20px}ul.clean li{margin:6px 0;color:#dbe3f7}
.foot{border-top:1px solid var(--line);margin-top:40px;padding:26px 20px;background:#0a0f1e}
.foot .in{max-width:820px;margin:0 auto;color:var(--sub);font-size:13px;line-height:1.7}
.footlinks{margin:8px 0}
.footlinks a{color:var(--sub);text-decoration:none}
.footlinks a:hover{color:var(--txt)}
.disc{margin-top:10px;font-size:12px;color:#6b7a9c}
.hero{text-align:center;padding:10px 0 6px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}