.tp [data-fuel=Petrol]{--fc:#2f6bff}.tp [data-fuel=Diesel]{--fc:#f5a524}.tp [data-fuel=Electricity]{--fc:#22c55e}.tp [data-fuel="Hybrid Electric"]{--fc:#4fc3f7}.tp [data-cat=fuelEnergy]{--fc:#2f6bff}.tp [data-cat=vedRoadTax]{--fc:#4fc3f7}.tp [data-cat=depreciation]{--fc:#8b5cf6}.tp [data-cat=serviceMot]{--fc:#22c55e}.tp [data-cat=insurance]{--fc:#f5a524}.tp [data-cat=maintenanceRepairs]{--fc:#e5484d}.tp [data-cat=financeLeasing]{--fc:#14b8a6}.tp [data-cat=urbanCosts]{--fc:#ec4899}.tp [data-cat=roadsideAssistance]{--fc:#ffd200}.tp [data-cat=tyres]{--fc:#94a3b8}.tp .fuel{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text);background:color-mix(in srgb,var(--fc,var(--muted)) 13%,transparent);white-space:nowrap}.tp .fuel i{width:8px;height:8px;border-radius:50%;background:var(--fc);box-shadow:0 0 0 3px color-mix(in srgb,var(--fc) 22%,transparent),0 0 10px var(--fc)}.tp .glowbar{position:relative;height:8px;border-radius:99px;background:var(--surface-2)}.tp .glowbar i{position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--fc) 35%,transparent),var(--fc));box-shadow:0 0 14px color-mix(in srgb,var(--fc) 55%,transparent);transition:width 1.1s cubic-bezier(.2,.8,.2,1)}.tp .glowbar i:after{content:"";position:absolute;right:-3px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--fc),0 0 16px 4px var(--fc)}.tp .glow-wait:not(.lit) .glowbar i{width:0}.dark .tp .glowbar i{box-shadow:0 0 18px color-mix(in srgb,var(--fc) 80%,transparent),0 0 40px color-mix(in srgb,var(--fc) 35%,transparent)}.tp .scen{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.tp .scen>span[aria-hidden]{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 15px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:15px;font-weight:700}.tp .scen .icon{width:18px;height:18px;color:var(--fx-cta-from)}.tp .pg.xpg{padding-top:8px}.tp .filters{padding:24px;display:grid;gap:18px;margin-bottom:22px}.tp .frow{display:grid;grid-template-columns:minmax(0,1fr) 220px 220px;gap:12px}.tp .flab{display:block;margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.12em;line-height:1.4;text-transform:uppercase;color:var(--muted)}.tp .fwrap{position:relative;display:block}.tp .fwrap .icon{position:absolute;left:16px;top:50%;margin-top:-10px;width:20px;height:20px;color:var(--muted);pointer-events:none}.tp .fsearch .field{font-size:17px;font-weight:600;padding-left:46px;border-color:var(--line)}.tp .fsearch .field,.tp .fsel{height:54px;background:var(--bg)}.tp .fsel{width:100%;border-radius:14px;border:1.5px solid var(--line);color:var(--text);padding:0 14px;font-family:inherit;font-size:16px;font-weight:700;outline:0;cursor:pointer}.tp .fsearch .field:focus,.tp .fsel:focus-visible{border-color:var(--fx-cta-from);box-shadow:0 0 0 4px rgba(79,195,247,.25)}.tp .fu,.tp .mk{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.tp .fu button,.tp .mk a{height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;display:inline-flex;gap:8px;align-items:center;text-decoration:none;transition:border-color .2s,background .2s,color .2s}.tp .fu button:hover,.tp .mk a:hover{border-color:var(--sky)}.tp .fu button i{width:8px;height:8px;border-radius:50%;background:var(--fc,var(--muted));box-shadow:0 0 8px var(--fc,transparent)}.tp .fu button.on{background:var(--text);color:var(--bg);border-color:var(--text)}.tp .mk a em{font-style:normal;font-size:12px;font-weight:800;color:var(--muted);background:var(--surface-2);border-radius:99px;padding:2px 7px}.tp .mk a.on{background:var(--fx-cta-from);border-color:var(--fx-cta-from);color:#fff}.tp .mk a.on em{background:rgba(255,255,255,.2);color:#fff}.tp .brow:focus-visible,.tp .fu button:focus-visible,.tp .mk a:focus-visible,.tp .seg button:focus-visible,.tp .xcard:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.tp .rcount{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-size:15px;color:var(--muted);margin:0 0 14px}.tp .rcount b{color:var(--text)}.tp .rreset{margin-left:10px;border:0;background:none;padding:0;font-family:inherit;font-size:15px;font-weight:800;color:var(--accent-text);cursor:pointer}.tp .rreset:hover{text-decoration:underline}.tp .xgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(255px,100%),1fr));gap:16px}.tp .xcard{display:grid;grid-template-rows:auto auto 1fr auto auto;gap:12px;padding:18px;text-decoration:none;color:inherit;min-width:0;transition:transform .2s,box-shadow .2s,border-color .2s}.tp .xcard:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--fx-cta-from) 50%,var(--line));box-shadow:0 18px 40px -18px rgba(31,95,224,.45)}.tp .xtop{display:flex;justify-content:space-between;align-items:center;gap:8px}.tp .xbody{font-size:13px;font-weight:700;color:var(--muted)}.tp .xstage{height:104px;border-radius:16px;background:radial-gradient(60% 40% at 50% 92%,rgba(13,27,62,.18),transparent 70%),linear-gradient(180deg,#ffffff,#e6f1fb);display:grid;place-items:center;grid-template:minmax(0,1fr) /minmax(0,1fr);overflow:hidden}.tp .xstage .vehicle-render{width:100%;height:100%;transform-origin:50% 100%;transition:transform .35s}.tp .bigstage .xoutline,.tp .xstage .xoutline{width:62%;height:auto;max-height:80%}.tp .xcard:hover .xstage .vehicle-render{transform:translateX(4px) scale(1.03)}.tp .xname{margin:0;font-size:18px;line-height:1.3;letter-spacing:-.01em;font-weight:800;min-height:47px;overflow-wrap:anywhere}.tp .xname span{color:var(--muted);font-weight:700}.tp .xprice{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.tp .xprice b{font-size:28px;letter-spacing:-.03em;line-height:1.1}.tp .xprice small{margin-left:2px;letter-spacing:0}.tp .xprice small,.tp .xprice span{font-size:14px;color:var(--muted);font-weight:700}.tp .xempty{display:grid;justify-items:center;text-align:center;padding:48px 20px;color:var(--muted);font-size:16px}.tp .xempty b{display:block;font-size:20px;color:var(--text);margin-bottom:6px}.tp .study{display:flex;gap:14px;align-items:center;margin:18px 0 0;padding:16px 20px;border-radius:18px;background:var(--surface);border:1px solid var(--line);font-size:15px;line-height:1.55;color:var(--muted)}.tp .study .icon{width:22px;height:22px;color:var(--fx-cta-from);flex:none}.tp .study a{font-weight:800;color:var(--text)}.tp .xfine{margin:10px 2px 0;font-size:13px;color:var(--muted)}.tp .cta-band>div:first-of-type{flex:1 1 260px;min-width:0}.tp .pg.xdpg{padding-top:34px}.tp .xcrumbs{margin-bottom:22px}.tp .xcrumbs nav{font-size:14px;font-weight:700;color:var(--muted)}.tp .xcrumbs nav a{color:var(--muted);text-decoration:none}.tp .xcrumbs nav a:hover{color:var(--fx-cta-from);text-decoration:none}.tp .xcrumbs nav [aria-current=page]{font-weight:800}.tp .xhero{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:40px;align-items:center}.tp .tag{display:inline-flex;align-items:center;gap:8px;min-height:32px;margin:0;padding:4px 14px;border-radius:999px;border:1.5px solid var(--line);font-size:12px;font-weight:800;letter-spacing:.12em;line-height:1.3;text-transform:uppercase;color:var(--muted)}.tp .tag .icon{width:18px;height:18px;flex:none}.tp .xh1{margin:18px 0 14px;font-size:clamp(42px,6vw,84px);letter-spacing:-.04em;overflow-wrap:anywhere}.tp .xhero .lead{margin:0;max-width:42ch}.tp .bigstage{position:relative;height:250px;border-radius:30px;background:radial-gradient(70% 50% at 50% 100%,rgba(79,195,247,.35),transparent 70%),linear-gradient(180deg,#ffffff,#ddebf9);display:grid;place-items:center;grid-template:minmax(0,1fr) /minmax(0,1fr);overflow:hidden;box-shadow:var(--shadow-sm)}.tp .bigstage:before{content:"";position:absolute;left:12%;right:12%;bottom:34px;height:22px;border-radius:50%;background:rgba(13,27,62,.28);filter:blur(12px)}.tp .bigstage:after{content:"";position:absolute;inset:auto -20% -40% -20%;height:60%;background:radial-gradient(closest-side,rgba(47,107,255,.35),transparent);filter:blur(10px)}.tp .bigstage .vehicle-render{position:relative;z-index:1;width:100%;height:100%;padding:12px 6% 26px}.tp .bigstage .fuel{position:absolute;left:16px;top:16px;z-index:2;background:rgba(255,255,255,.9);color:#0d1b3e}.tp .specs{display:grid;grid-template-columns:repeat(var(--n,6),minmax(0,1fr));margin:30px 0 0;padding:0;overflow:hidden}.tp .specs div{padding:20px 22px;border-right:1px solid var(--line);min-width:0}.tp .specs div:last-child{border-right:0}.tp .specs dt{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.tp .specs dd{margin:0;font-size:19px;font-weight:800;line-height:1.3;overflow-wrap:anywhere}.tp .tco{position:relative;margin-top:22px;padding:30px;border-radius:28px;background:radial-gradient(60% 120% at 0 0,rgba(47,107,255,.45),transparent 60%),radial-gradient(50% 120% at 100% 100%,rgba(79,195,247,.25),transparent 60%),linear-gradient(135deg,#16305f,#0b1733);color:#fff;overflow:hidden}.tp .tco-h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.tp .tco-h h2{margin:0;font-size:15px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9dc9f2;line-height:1.3}.tp .tco-h .chip{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);cursor:help}.tp .tstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:14px}.tp .tstats>div{padding:20px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);min-width:0}.tp .tstats span{display:block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9db3d8;margin-bottom:8px}.tp .tstats b{color:#fff;font-size:clamp(30px,3.2vw,44px);letter-spacing:-.03em;line-height:1}.tp .tstats small{font-size:15px;color:#9db3d8;font-weight:700;margin-left:4px}.tp .tstats .thl{background:linear-gradient(160deg,rgba(47,107,255,.5),rgba(47,107,255,.12));border-color:rgba(120,170,255,.5);box-shadow:0 0 40px -6px rgba(47,107,255,.7)}.tp .tstats .thl b{color:#7cc4ff;text-shadow:0 0 24px rgba(120,170,255,.9)}.tp .tstats em{display:block;margin-top:8px;font-size:13px;color:#9db3d8}.tp .tstats em:first-letter{text-transform:uppercase}.tp .tco .fine{margin:16px 0 0;font-size:14px;line-height:1.55;color:#9db3d8}.tp .bd,.tp .qa,.tp .xnotes{margin-top:22px;padding:32px}.tp .bd-h{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px}.tp .bd-h h2,.tp .qa h2,.tp .simh h2{margin:0;font-size:clamp(26px,2.6vw,34px);letter-spacing:-.02em}.tp .bd-h p{margin:6px 0 0;color:var(--muted)}.tp .seg{display:inline-flex;padding:4px;border-radius:14px;background:var(--surface-2)}.tp .seg button{height:38px;padding:0 16px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-family:inherit;font-size:15px;font-weight:800;cursor:pointer}.tp .seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.tp .bd-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;align-items:center}.tp .donut{position:relative;width:280px;height:280px;margin:auto}.tp .donut svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.tp .donut circle{fill:none;stroke-width:22;transition:stroke-width .25s,opacity .25s}.tp .donut circle.dtrack{stroke:var(--surface-2)}.tp .donut circle.seg2{stroke:var(--fc);filter:drop-shadow(0 0 6px var(--fc));cursor:default}.dark .tp .donut circle.seg2{filter:drop-shadow(0 0 10px var(--fc)) drop-shadow(0 0 3px var(--fc))}.tp .donut.hov circle.seg2{opacity:.25}.tp .donut.hov circle.seg2.act{opacity:1;stroke-width:30}.tp .dc{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:0 52px}.tp .dc span{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);line-height:1.3}.tp .dc b{font-size:36px;letter-spacing:-.03em;line-height:1.1}.tp .dc small{font-size:14px;color:var(--muted);font-weight:700}.tp .bars{display:grid;grid-template-columns:1fr 1fr;gap:6px 34px}.tp .brow{padding:10px 8px;border-radius:12px;cursor:default;transition:background .2s;min-width:0}.tp .brow.act,.tp .brow:hover{background:var(--surface-2)}.tp .brow .t{display:flex;align-items:baseline;gap:10px;margin-bottom:9px}.tp .brow .t i{width:10px;height:10px;border-radius:50%;background:var(--fc);box-shadow:0 0 10px var(--fc);flex:none;align-self:center}.tp .brow .t span{flex:1;font-weight:700;font-size:16px;line-height:1.35;min-width:0}.tp .brow .t b{font-size:16px;white-space:nowrap}.tp .brow .t small{font-size:12px;font-weight:800;width:34px;flex:none}.tp .brow .t em,.tp .brow .t small{color:var(--muted);text-align:right}.tp .brow .t em{font-style:normal;font-size:14px}.tp .split{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.tp .split .sb{display:flex;height:16px;border-radius:99px;overflow:hidden;margin:12px 0 0;transition:clip-path 1.1s cubic-bezier(.2,.8,.2,1)}.tp .split.glow-wait:not(.lit) .sb{clip-path:inset(0 100% 0 0)}.tp .split .sb i{display:block;height:100%}.tp .split .sb i:first-child{background:linear-gradient(90deg,#1f5fe0,#4fc3f7);box-shadow:0 0 18px rgba(79,195,247,.7)}.tp .split .sb i:last-child{background:repeating-linear-gradient(45deg,var(--surface-2) 0 6px,var(--line) 6px 12px)}.tp .split .lg2{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:15px;color:var(--muted)}.tp .split .lg2 b{color:var(--text)}.tp .qa h2{margin-bottom:18px}.tp .qa-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tp .qa-grid>div{padding:20px 22px;border-radius:18px;background:var(--surface-2)}.tp .qa-grid h3{display:flex;gap:10px;margin:0 0 8px;font-size:17px;line-height:1.35;letter-spacing:-.01em}.tp .qa-grid h3 em{flex:none;width:24px;height:24px;border-radius:7px;background:rgba(229,72,77,.14);color:var(--red-text);font-family:inherit;font-size:14px;font-weight:800;line-height:24px;text-align:center;font-style:normal}.tp .qa-grid p{margin:0;color:var(--muted);font-size:15.5px;line-height:1.6}.tp .xnotes{display:grid;gap:24px}.tp .xnotes h2{margin:0 0 10px;font-size:22px;letter-spacing:-.02em}.tp .xnotes p{margin:0;max-width:75ch;color:var(--muted);font-size:16px;line-height:1.65}.tp .xnotes p+p{margin-top:10px}.tp .xnotes .xinsight{color:var(--text);border-left:3px solid var(--sky);padding-left:16px}.tp .xhub a,.tp .xnotes a{color:var(--accent-text);font-weight:700}.tp .xnotes ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:16px}.tp .simh{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:40px 0 16px}.tp .simh .btn{min-height:44px;padding:0 20px;font-size:15px}.tp .xhub{margin:14px 2px 0;font-size:15px}@media (max-width:1000px){.tp .xhero{grid-template-columns:1fr}.tp .bigstage{height:220px}.tp .specs{grid-template-columns:repeat(3,minmax(0,1fr))}.tp .specs div:nth-child(3n){border-right:0}.tp .specs div:nth-child(-n+3){border-bottom:1px solid var(--line)}.tp .bars,.tp .bd-grid{grid-template-columns:1fr}}@media (max-width:900px){.tp .frow{grid-template-columns:1fr 1fr}.tp .frow .fsearch{grid-column:1/-1}}@media (max-width:640px){.tp .specs{grid-template-columns:1fr 1fr}.tp .specs div{border-right:0;border-bottom:1px solid var(--line)}.tp .specs div:nth-child(odd){border-right:1px solid var(--line)}.tp .specs div:last-child,.tp .specs div:nth-last-child(-n+2):nth-child(odd){border-bottom:0}.tp .bd,.tp .qa,.tp .tco,.tp .xnotes{padding:22px 18px}.tp .qa-grid,.tp .tstats{grid-template-columns:1fr}.tp .donut{width:240px;height:240px}.tp .dc b{font-size:32px}.tp .filters{padding:20px}}@media (max-width:520px){.tp .frow{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.tp .donut circle,.tp .glowbar i,.tp .split .sb,.tp .xcard,.tp .xstage .vehicle-render{transition:none}.tp .xcard:hover,.tp .xcard:hover .xstage .vehicle-render{transform:none}}