:root{--blue:#1677ff;--blue2:#0b5ed7;--navy:#071326;--navy2:#06101f;--ink:#111827;--muted:#64748b;--line:#e5e7eb;--card:#fff;--soft:#f4f7fb;--green:#39d46a;--radius:18px;--shadow:0 14px 38px rgba(15,23,42,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;color:var(--ink)}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:#06101f;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.nav-shell{height:56px;display:flex;align-items:center;gap:24px}.logo{font-weight:950;font-size:28px;font-style:italic;letter-spacing:-.04em}.logo span{color:#fff}.logo em{color:#1f8cff;font-style:italic}.main-nav{flex:1;display:flex;align-items:center;justify-content:center;gap:4px}.main-nav a{font-size:12px;font-weight:800;color:#d7e3f5;padding:21px 13px 17px;border-bottom:3px solid transparent}.main-nav a.active,.main-nav a:hover{color:#fff;border-color:var(--blue)}.nav-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:11px 18px;font-size:13px;font-weight:900;border:0;white-space:nowrap}.btn-outline{border:1px solid rgba(255,255,255,.55);color:#fff}.btn-blue{background:linear-gradient(180deg,#2590ff,#0968df);color:#fff;box-shadow:0 8px 22px rgba(22,119,255,.28)}.btn-white{background:#fff;color:#0d4a92}.btn-green{background:#42db72;color:#062716}.hero-portal{background:linear-gradient(90deg,rgba(3,10,20,.97) 0%,rgba(6,20,36,.88) 42%,rgba(6,16,31,.18) 100%),url('/assets/hero-homepage-kie-neutral.jpg') center/cover;color:#fff;min-height:405px;overflow:hidden;position:relative}.hero-portal:after{content:"";position:absolute;inset:auto 0 0 0;height:90px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.06));pointer-events:none}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;min-height:405px;align-items:center}.hero-copy{padding:48px 0 42px;position:relative;z-index:2}.hero-copy h1{font-size:48px;line-height:.98;margin:0 0 16px;letter-spacing:-.04em}.hero-copy h1 span{color:#1988ff}.hero-copy p{font-size:15px;line-height:1.55;color:#dbeafe;max-width:560px;margin:0 0 22px}.hero-search{width:min(560px,100%);height:54px;background:#fff;border-radius:999px;display:grid;grid-template-columns:44px 1fr 46px;align-items:center;box-shadow:0 14px 36px rgba(0,0,0,.28);padding:0 7px 0 14px}.hero-search span{font-size:22px;color:#94a3b8}.hero-search input{border:0;outline:0;font-size:15px;color:#0f172a}.hero-search button{border:0;border-radius:50%;height:40px;width:40px;background:var(--blue);color:#fff;font-size:22px;font-weight:900}.popular-search{display:flex;align-items:center;gap:8px;margin-top:14px;flex-wrap:wrap}.popular-search span{font-size:12px;color:#dbeafe}.popular-search button{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);color:#fff;font-size:11px;border-radius:999px;padding:7px 12px;font-weight:850}.hero-visual{position:relative;min-height:360px}.hero-visual img{position:absolute;right:-36px;bottom:-4px;width:min(620px,105%);height:330px;object-fit:contain;filter:drop-shadow(0 30px 38px rgba(0,0,0,.36))}.charger-card{position:absolute;right:0;top:78px;width:94px;height:150px;border:1px solid rgba(96,165,250,.35);background:rgba(3,10,20,.72);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 38px rgba(22,119,255,.35)}.charger-card span{width:36px;height:60px;border-radius:10px;border:2px solid #2f9bff;box-shadow:inset 0 0 20px rgba(47,155,255,.35)}.charger-card b{margin-top:10px;font-size:12px}.charger-card small{font-size:10px;color:#9cc9ff}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:-48px;position:relative;z-index:4}.stat-strip article{background:#061d3a;color:#fff;border-radius:10px;padding:18px 20px;display:grid;grid-template-columns:56px 1fr;column-gap:12px;align-items:center;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.08)}.stat-strip article span{grid-row:1/4;width:48px;height:48px;border-radius:12px;background:#1185ff;display:grid;place-items:center;font-size:24px}.stat-strip b{font-size:28px;line-height:1}.stat-strip strong{font-size:15px}.stat-strip small{color:#c3d6ec;font-size:11px}.featured-model{position:relative;display:grid;grid-template-columns:1.05fr 1.45fr auto;align-items:center;gap:22px;margin-top:24px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 4px 20px rgba(15,23,42,.06);padding:18px 22px;min-height:190px}.featured-badge{position:absolute;left:22px;top:18px;background:#ebf7ed;border:1px solid #b7e4c1;color:#0f6b32;font-size:11px;font-weight:900;border-radius:6px;padding:7px 10px}.featured-car{padding-top:28px}.featured-car img{height:146px;width:100%;object-fit:contain}.featured-info h2{font-size:29px;margin:0 0 7px;letter-spacing:-.03em}.featured-info p{margin:0;color:#475569;font-weight:650}.spec-row{display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px;border-left:1px solid var(--line)}.spec-row div{padding:0 22px;border-right:1px solid var(--line)}.spec-row b{display:block;font-size:24px}.spec-row span{font-size:12px;color:#64748b}.detail-btn{align-self:start;margin-top:28px}.section-title.inline{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px}.section-title h2{font-size:25px;line-height:1.08;margin:0;letter-spacing:-.03em}.section-title a{font-size:12px;color:#0b64d8;font-weight:900}.catalogue-block,.news-block,.browse-panels,.why-block,.spklu-block,.final-cta{margin-top:30px}.popular-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:16px;overflow:auto;padding-bottom:8px}.mini-car{min-width:0}.mini-car .img{height:112px;background:#f2f6fb;border-radius:12px;display:grid;place-items:center;position:relative;overflow:hidden}.mini-car img{max-width:94%;max-height:98%;object-fit:contain}.mini-car button{position:absolute;right:10px;bottom:10px;border:0;background:#fff;border-radius:50%;width:24px;height:24px;color:#94a3b8}.mini-car h3{font-size:13px;margin:10px 0 3px}.mini-car p{font-size:11px;color:#64748b;margin:0 0 4px}.mini-car b{font-size:14px}.mini-car a{display:block;color:#0b64d8;font-size:11px;font-weight:900;margin-top:4px}.news-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:14px}.news-card{min-height:160px;background:linear-gradient(135deg,rgba(5,18,36,.9),rgba(5,20,44,.74)),url('/assets/charging-hero.jpg') center/cover;color:#fff;border-radius:10px;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow);overflow:hidden}.news-card img{display:none}.news-card span{align-self:flex-start;background:#0b75ff;border-radius:6px;padding:6px 8px;font-size:11px;font-weight:900;margin-bottom:18px}.news-card h3{font-size:17px;line-height:1.2;margin:0 0 8px}.news-card p{font-size:12px;color:#dbeafe;margin:0 0 8px;line-height:1.45}.news-card small{font-size:11px;color:#cbd5e1}.browse-panels{display:grid;grid-template-columns:1fr 1fr;gap:22px}.brand-grid,.type-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.brand-grid button,.type-grid button{height:70px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f8fbff);border-radius:12px;display:grid;place-items:center;font-weight:950;color:#1e293b;box-shadow:0 8px 18px rgba(15,23,42,.04)}.brand-grid small,.type-grid span{font-size:11px;color:#64748b;font-weight:800}.why-block h2{font-size:22px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.why-grid article{border:1px solid var(--line);border-radius:14px;background:#fff;padding:18px;box-shadow:0 8px 22px rgba(15,23,42,.04)}.why-grid span{font-size:34px}.why-grid b{display:block;margin-top:8px}.why-grid p{margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.45}.spklu-block{background:#071f3d;color:#fff;border-radius:14px;padding:28px;display:grid;grid-template-columns:1.15fr 1.6fr .75fr;gap:24px;align-items:center;overflow:hidden}.spklu-block h2{font-size:31px;line-height:1.1;margin:0 0 10px}.spklu-block p{color:#cfe3fb}.map-visual{min-height:190px;border-radius:12px;background:radial-gradient(circle at 20% 45%,#73d3ff 0 4px,transparent 5px),radial-gradient(circle at 45% 35%,#73d3ff 0 4px,transparent 5px),radial-gradient(circle at 72% 55%,#73d3ff 0 4px,transparent 5px),linear-gradient(135deg,#0b315d,#08213f);position:relative;box-shadow:inset 0 0 40px rgba(73,166,255,.25)}.map-visual:before{content:"";position:absolute;inset:26px;background:linear-gradient(30deg,transparent 36%,rgba(93,188,255,.45) 37% 40%,transparent 41%),linear-gradient(150deg,transparent 48%,rgba(79,217,120,.45) 49% 52%,transparent 53%);filter:blur(1px)}.spklu-block aside{display:grid;grid-template-columns:45px 1fr;gap:6px 10px}.spklu-block aside b{font-size:31px}.spklu-block aside span{font-size:13px;color:#dbeafe;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:10px}.final-cta{background:linear-gradient(135deg,#085fdb,#0a8fff);border-radius:14px;color:#fff;padding:26px 32px;display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center}.final-cta h2{font-size:30px;margin:0 0 6px}.final-cta p{margin:0;color:#dbeafe}.site-footer{margin-top:18px;margin-bottom:20px;background:#061427;color:#dbeafe;border-radius:12px;padding:32px;display:grid;grid-template-columns:1.45fr repeat(3,.72fr) 1.35fr;gap:28px}.site-footer p{color:#9fb6d3;font-size:13px}.site-footer nav,.site-footer form{display:flex;flex-direction:column;gap:9px}.site-footer b{color:#fff}.site-footer a{font-size:13px;color:#a8c2de}.site-footer form div{display:flex;gap:8px}.site-footer input{min-width:0;flex:1;background:#0b203c;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#fff;padding:12px}.site-footer button{border:0;border-radius:8px;background:#126dff;color:#fff;font-weight:900;padding:0 14px}
@media(max-width:1180px) and (min-width:721px){
  .shell{width:min(100% - 40px,1040px)}
  .nav-shell{gap:14px}.logo{font-size:24px}.main-nav{justify-content:flex-start;overflow:auto;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.main-nav a{font-size:11px;padding:20px 9px 16px;white-space:nowrap}.nav-actions{display:none}
  .hero-grid{grid-template-columns:1fr .95fr}.hero-copy h1{font-size:42px}.hero-copy p{max-width:520px}.hero-visual img{right:-84px;width:min(580px,125%)}.charger-card{right:8px;top:86px;transform:scale(.86)}
  .stat-strip{grid-template-columns:repeat(4,1fr);margin-top:-38px}.stat-strip article{padding:14px 12px;grid-template-columns:44px 1fr}.stat-strip article span{width:38px;height:38px;font-size:19px}.stat-strip b{font-size:23px}.stat-strip strong{font-size:12px}.stat-strip small{font-size:10px}
  .featured-model{grid-template-columns:.95fr 1.25fr auto;gap:16px;min-height:170px}.featured-info h2{font-size:25px}.spec-row div{padding:0 12px}.spec-row b{font-size:19px}.featured-car img{height:128px}.detail-btn{padding:10px 14px}
  .popular-row{grid-auto-columns:minmax(138px,1fr);gap:12px}.mini-car .img{height:96px}.mini-car h3{font-size:12px}.mini-car b{font-size:12px}
  .news-grid{grid-template-columns:repeat(4,1fr);gap:10px}.news-card{min-height:150px;padding:13px}.news-card h3{font-size:14px}.news-card p{font-size:11px}.news-card span{margin-bottom:12px}
  .brand-grid,.type-grid{grid-template-columns:repeat(6,1fr);gap:8px}.brand-grid button,.type-grid button{height:62px;font-size:12px}
  .why-grid{grid-template-columns:repeat(4,1fr);gap:10px}.why-grid article{padding:14px}.why-grid b{font-size:13px}.why-grid p{font-size:11px}
  .spklu-block{grid-template-columns:1.05fr 1.45fr .72fr;padding:22px}.spklu-block h2{font-size:25px}.map-visual{min-height:150px}.spklu-block aside b{font-size:24px}.spklu-block aside span{font-size:11px}
  .final-cta{grid-template-columns:1fr auto auto}.final-cta h2{font-size:25px}.site-footer{grid-template-columns:1.25fr repeat(3,.72fr) 1.15fr;gap:18px;padding:26px}.site-footer .logo{font-size:22px}
}
@media(max-width:720px){.shell{width:min(100% - 28px,720px)}.nav-shell{height:58px}.main-nav,.nav-actions{display:none}.logo{font-size:24px}.hero-grid{grid-template-columns:1fr}.hero-copy h1{font-size:39px}.hero-visual{min-height:230px;margin-top:-30px}.hero-visual img{right:-70px;width:610px;height:260px}.charger-card{display:none}.stat-strip{grid-template-columns:repeat(2,1fr);margin-top:14px}.featured-model{grid-template-columns:1fr;padding:18px}.featured-car{padding-top:36px}.spec-row{grid-template-columns:repeat(2,1fr);gap:14px;border:0}.spec-row div{border:1px solid var(--line);border-radius:10px;padding:13px}.detail-btn{margin-top:0}.popular-row{grid-auto-columns:170px}.news-grid,.browse-panels,.why-grid,.spklu-block,.final-cta,.site-footer{grid-template-columns:1fr}.brand-grid,.type-grid{grid-template-columns:repeat(3,1fr)}.spklu-block{padding:22px}.final-cta{padding:22px}.site-footer{margin-bottom:12px}.site-footer nav{display:grid;grid-template-columns:1fr 1fr}.site-footer form div{display:grid;grid-template-columns:1fr}.site-footer{gap:18px}.spklu-block aside{grid-template-columns:36px 1fr}.popular-row{grid-auto-columns:155px}.mini-car .img{height:96px}}@media(max-width:520px){.shell{width:calc(100% - 24px)}.hero-portal{min-height:500px}.hero-copy{padding-top:36px}.hero-copy h1{font-size:34px}.hero-search{height:50px}.popular-search{display:none}.hero-visual img{right:-115px;width:520px;opacity:.92}.stat-strip{grid-template-columns:1fr 1fr;gap:8px}.stat-strip article{padding:13px;grid-template-columns:42px 1fr}.stat-strip article span{width:38px;height:38px;font-size:19px}.stat-strip b{font-size:22px}.stat-strip strong{font-size:12px}.featured-info h2{font-size:25px}.news-grid{grid-template-columns:1fr}.news-card{min-height:150px}.brand-grid,.type-grid{grid-template-columns:repeat(2,1fr)}}

/* OtoRev V2 visual polish pass — closer to Master mockup */
body{background:#f7f9fc}.site-header{box-shadow:0 8px 26px rgba(2,8,23,.22)}.nav-shell{height:58px}.logo{line-height:1}.main-nav a{opacity:.92}.main-nav a.active{box-shadow:0 10px 20px rgba(22,119,255,.12)}
.hero-portal{min-height:430px;background-position:center 35%;box-shadow:inset 0 -90px 120px rgba(2,6,23,.28)}.hero-grid{min-height:430px}.hero-copy{padding-top:58px}.hero-copy h1{text-shadow:0 3px 18px rgba(0,0,0,.28)}.hero-copy p{font-weight:650}.hero-search{border:1px solid rgba(255,255,255,.18)}.popular-search button{backdrop-filter:blur(10px)}.popular-search button:hover{background:#fff;color:#0f172a}.hero-visual img{z-index:2;transform:scale(.94);transform-origin:right bottom;opacity:.18;filter:blur(1px) saturate(.7)}.charger-card{z-index:3}
.stat-strip article{min-height:94px;background:linear-gradient(180deg,#082447,#061a33)}.stat-strip article span{box-shadow:0 10px 22px rgba(17,133,255,.25)}
.featured-model{border-radius:12px;overflow:hidden}.featured-model:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,251,255,.92),#fff);z-index:0}.featured-model>*{position:relative;z-index:1}.featured-car img{filter:drop-shadow(0 18px 18px rgba(15,23,42,.18))}.featured-info h2{font-weight:950}.spec-row b{white-space:nowrap}.detail-btn{box-shadow:0 10px 24px rgba(22,119,255,.23)}
.catalogue-block,.news-block,.browse-panels,.why-block{background:#fff;border-radius:14px;padding:18px 18px 20px;border:1px solid #eef2f7;box-shadow:0 8px 26px rgba(15,23,42,.045)}.catalogue-block{padding-bottom:12px}.popular-row{scrollbar-width:thin}.mini-car .img{border:1px solid #e9eef6}.mini-car img{filter:drop-shadow(0 12px 10px rgba(15,23,42,.13));transition:.2s ease}.mini-car:hover img{transform:translateY(-2px) scale(1.03)}.mini-car h3{font-weight:950;color:#0f172a}.mini-car b{color:#0f172a;display:block;line-height:1.2}.mini-car a:last-child{margin-top:5px}.mini-car .img button{box-shadow:0 8px 18px rgba(15,23,42,.12)}
.news-card{position:relative;isolation:isolate}.news-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,23,.08),rgba(2,8,23,.62));z-index:-1}.news-card:nth-child(2){background:linear-gradient(135deg,rgba(5,18,36,.88),rgba(5,20,44,.78)),url('/assets/hero-homepage-kie-neutral.jpg') center/cover}.news-card:nth-child(3){background:linear-gradient(135deg,rgba(5,18,36,.88),rgba(5,20,44,.78)),radial-gradient(circle at 80% 25%,rgba(59,130,246,.72),transparent 32%),#071f3d}.news-card:nth-child(4){background:linear-gradient(135deg,rgba(5,18,36,.88),rgba(5,20,44,.78)),radial-gradient(circle at 75% 35%,rgba(34,197,94,.38),transparent 30%),#071f3d}
.browse-card .section-title h2{font-size:21px}.brand-grid,.type-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.brand-grid button,.type-grid button{min-width:0;gap:2px;transition:.2s ease}.brand-grid button:hover,.type-grid button:hover{border-color:#9cc9ff;box-shadow:0 12px 24px rgba(22,119,255,.12);transform:translateY(-1px)}.brand-grid button span{font-size:12px}.brand-grid small,.type-grid span{font-size:10px;line-height:1.1;text-align:center}.type-grid button{font-size:19px}
.why-block{padding-top:18px}.why-grid article{min-height:132px}.why-grid span{filter:saturate(1.15)}
.spklu-block{box-shadow:0 18px 46px rgba(7,31,61,.22)}.map-visual{background:radial-gradient(circle at 18% 50%,#8de5ff 0 4px,transparent 5px),radial-gradient(circle at 46% 32%,#8de5ff 0 4px,transparent 5px),radial-gradient(circle at 74% 58%,#8de5ff 0 4px,transparent 5px),linear-gradient(135deg,#0c376a,#09213d)}.map-visual:after{content:"";position:absolute;inset:22px;border-radius:10px;border:1px solid rgba(115,211,255,.22)}.spklu-block aside{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px}
.final-cta{box-shadow:0 18px 46px rgba(8,95,219,.24)}.site-footer{box-shadow:0 18px 46px rgba(2,8,23,.18)}.site-footer nav a:hover{color:#fff}.site-footer form div{align-items:stretch}.site-footer button{min-height:42px}
@media(max-width:1180px) and (min-width:721px){.shell{width:min(100% - 32px,1040px)}.brand-grid,.type-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.browse-panels{gap:14px}.browse-card{min-width:0}.site-footer{grid-template-columns:1fr .62fr .62fr .75fr 1.25fr}.site-footer p{font-size:11px}.site-footer a{font-size:11px}.site-footer input{padding:10px}.site-footer button{font-size:11px}.hero-copy h1{font-size:44px}.hero-visual img{right:-64px;width:min(620px,132%)}.popular-row{grid-auto-columns:minmax(132px,1fr)}}
@media(max-width:720px){.site-header{position:sticky}.nav-shell:after{content:'☰';margin-left:auto;font-size:22px;color:#dbeafe}.hero-portal{min-height:520px}.hero-copy{padding-top:38px}.hero-copy h1{font-size:38px}.hero-visual img{right:-94px;bottom:-12px;width:560px;height:278px}.stat-strip article{min-height:86px}.catalogue-block,.news-block,.browse-panels,.why-block{padding:14px}.brand-grid,.type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer{padding:24px}.site-footer .logo{font-size:24px}}
@media(max-width:520px){.hero-copy h1{font-size:34px}.hero-visual img{right:-130px;width:520px}.brand-grid,.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-card{min-height:145px}.site-footer nav{grid-template-columns:1fr}.final-cta .btn{width:100%}}
.brand-grid button i{font-style:normal;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#eef6ff;color:#0b64d8;font-weight:950;font-size:11px}.brand-grid button small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-grid button{padding:8px 6px}
.menu-toggle{display:none;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;border-radius:10px;width:40px;height:40px;font-size:20px}.news-card .thumb{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;filter:saturate(1.05)}.news-card .thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,23,.18),rgba(2,8,23,.78))}.news-card a{color:#fff}.news-card h3 a:hover{text-decoration:underline}.site-header.menu-open .main-nav{display:flex}.site-header.menu-open .menu-toggle{background:#1677ff;border-color:#1677ff}
@media(max-width:720px){.menu-toggle{display:grid;place-items:center}.nav-shell:after{display:none}.site-header .main-nav{position:absolute;left:12px;right:12px;top:64px;display:none;flex-direction:column;align-items:stretch;background:#071326;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px;box-shadow:0 18px 40px rgba(2,8,23,.35)}.site-header .main-nav a{padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}.site-header .main-nav a:last-child{border-bottom:0}.site-header .main-nav a.active{border-color:rgba(22,119,255,.45);background:rgba(22,119,255,.12);border-radius:9px}.site-header.menu-open{z-index:100}.news-card .thumb{filter:saturate(1.08)}}

.hero-portal{background-position:center center}.hero-portal:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,23,.88) 0%,rgba(2,8,23,.72) 38%,rgba(2,8,23,.08) 74%);pointer-events:none}.hero-grid{position:relative;z-index:1}.hero-visual{pointer-events:none}

/* OtoRev V2 bottom-section polish pass */
.catalogue-block,.news-block,.browse-panels,.why-block{position:relative}.catalogue-block:before,.news-block:before,.why-block:before{content:"";position:absolute;left:18px;right:18px;top:0;height:3px;border-radius:999px;background:linear-gradient(90deg,#1677ff,rgba(22,119,255,0));opacity:.75}.section-title.inline h2{font-weight:950}.section-title.inline a{padding:8px 10px;border-radius:999px;background:#eef6ff;color:#0759c7}.section-title.inline a:hover{background:#dcecff}
.popular-row{gap:18px}.mini-car{border:1px solid #e8eef7;border-radius:15px;padding:10px;background:linear-gradient(180deg,#fff,#f9fbff);box-shadow:0 10px 26px rgba(15,23,42,.055);transition:.22s ease}.mini-car:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,23,42,.09);border-color:#cde4ff}.mini-car .car-main-link{display:block}.mini-car .img{height:128px;background:radial-gradient(circle at 50% 24%,rgba(22,119,255,.12),transparent 48%),linear-gradient(180deg,#f7fbff,#edf4ff);border-radius:13px}.mini-car h3{min-height:34px;margin-top:12px}.mini-car p{font-weight:700}.mini-car b{font-size:13px;color:#0b3570}.mini-car .detail-inline{display:inline-flex;margin-top:9px;color:#0b64d8;font-size:11px;font-weight:950}.mini-car .img button{z-index:2}
.news-grid{gap:16px}.news-card{border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 34px rgba(2,8,23,.14);transition:.22s ease}.news-card:hover{transform:translateY(-2px);box-shadow:0 24px 46px rgba(2,8,23,.2)}.news-card span{box-shadow:0 8px 18px rgba(11,117,255,.25)}.news-card h3{font-weight:950}.news-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-card.big h3{font-size:20px}
.browse-panels{align-items:start}.browse-card{min-width:0}.brand-grid button,.type-grid button{height:76px;background:linear-gradient(180deg,#fff,#f5f9ff)}.type-grid button{font-size:22px}.type-grid button span{display:block;font-size:11px;margin-top:4px;color:#334155}.brand-grid button i{box-shadow:inset 0 0 0 1px rgba(22,119,255,.12)}.brand-grid button small{font-weight:900;color:#334155}.why-block h2{font-size:25px;margin:0 0 16px}.why-grid article{background:linear-gradient(180deg,#fff,#f9fbff);border-color:#e8eef7}.why-grid article:nth-child(1) span,.why-grid article:nth-child(2) span,.why-grid article:nth-child(3) span,.why-grid article:nth-child(4) span{display:inline-grid;width:46px;height:46px;place-items:center;border-radius:14px;background:#eef6ff}
.spklu-block{background:linear-gradient(135deg,#06172d,#082c58 58%,#0b4a91);border:1px solid rgba(255,255,255,.08)}.spklu-block h2{font-weight:950}.spklu-block .btn-white{box-shadow:0 10px 24px rgba(255,255,255,.12)}.map-visual{box-shadow:inset 0 0 54px rgba(73,166,255,.28),0 18px 44px rgba(2,8,23,.22)}.map-visual span{position:absolute;width:13px;height:13px;border-radius:50%;background:#7dd3fc;box-shadow:0 0 0 8px rgba(125,211,252,.12),0 0 20px rgba(125,211,252,.7)}.map-visual span:nth-child(1){left:22%;top:46%}.map-visual span:nth-child(2){left:42%;top:34%}.map-visual span:nth-child(3){left:68%;top:56%}.map-visual span:nth-child(4){left:78%;top:38%}.map-visual span:nth-child(5){left:54%;top:66%}.spklu-block aside b{color:#8de5ff}.final-cta{background:linear-gradient(135deg,#075fd8,#0a8fff 64%,#2dd4bf);position:relative;overflow:hidden}.final-cta:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-70px;top:-110px;background:rgba(255,255,255,.16)}.final-cta>*{position:relative;z-index:1}.site-footer{border:1px solid rgba(255,255,255,.08)}
@media(max-width:1180px) and (min-width:721px){.popular-row{grid-auto-columns:minmax(145px,1fr)}.mini-car .img{height:110px}.news-grid{grid-template-columns:1.2fr repeat(3,1fr)}.browse-panels{grid-template-columns:1fr 1fr}.brand-grid button,.type-grid button{height:70px}.spklu-block{grid-template-columns:1.1fr 1.35fr .78fr}.site-footer{grid-template-columns:1.2fr .64fr .64fr .72fr 1.15fr}}
@media(max-width:720px){.catalogue-block,.news-block,.browse-panels,.why-block{border-radius:12px}.section-title.inline{align-items:flex-start}.popular-row{grid-auto-columns:168px}.mini-car .img{height:110px}.news-grid{gap:12px}.news-card.big h3{font-size:17px}.browse-panels{gap:14px}.brand-grid button,.type-grid button{height:72px}.why-grid article{min-height:auto}.spklu-block{gap:18px}.map-visual{min-height:180px}.final-cta{gap:10px}.site-footer form div{gap:8px}}

/* Template similarity pass 2: tighter portal proportions */
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,8,23,.02),transparent 240px);z-index:-1}.site-header{border-bottom:1px solid rgba(148,163,184,.18)}.nav-shell{max-width:1220px}.logo{letter-spacing:-.055em}.main-nav a{letter-spacing:.01em}.btn{box-shadow:none}.btn-blue{box-shadow:0 10px 24px rgba(22,119,255,.23)}
.hero-copy h1{max-width:620px}.hero-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.hero-trust span{font-size:12px;font-weight:850;color:#dbeafe;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 10px;backdrop-filter:blur(8px)}
.section-kicker{display:block;color:#1677ff;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:950;margin-bottom:5px}.section-title.inline{margin-bottom:18px}.section-title.inline h2{letter-spacing:-.04em}.section-title.inline a{white-space:nowrap}.catalogue-block,.news-block,.browse-panels,.why-block{padding:22px 22px 24px;border-color:#e8eef7}.catalogue-block:before,.news-block:before,.why-block:before{left:22px;right:auto;width:120px;background:linear-gradient(90deg,#1677ff,#63b3ff)}
.featured-model{grid-template-columns:260px 1fr 150px;gap:18px;padding:20px 24px}.featured-car{align-self:end}.featured-car img{height:160px}.featured-info{min-width:0}.featured-info h2{font-size:30px}.spec-row{gap:0}.spec-row div{min-width:0}.detail-btn{width:150px;text-align:center}
.popular-row{grid-auto-columns:minmax(166px,1fr)}.mini-car{padding:12px}.mini-car .img{height:135px}.mini-car h3{font-size:14px;line-height:1.18}.mini-car p{font-size:11px}.mini-car b{font-size:14px}.detail-inline{border-top:1px solid #edf2f7;padding-top:8px;width:100%}
.news-card{min-height:184px}.news-card.big{min-height:220px}.news-card span{font-size:10px;letter-spacing:.04em;text-transform:uppercase}.news-card h3{line-height:1.18}.browse-card{background:#fbfdff;border:1px solid #eef2f7;border-radius:13px;padding:16px}.browse-panels{background:transparent;border:0;box-shadow:none;padding:0}.brand-grid,.type-grid{gap:12px}.brand-grid button,.type-grid button{border-radius:13px}.why-grid article{border-radius:13px}.spklu-block{border-radius:16px}.final-cta{border-radius:16px}.site-footer{border-radius:16px}.site-footer .logo span{color:#fff}.site-footer form{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:14px;border-radius:13px}
@media(max-width:1180px) and (min-width:861px){.featured-model{grid-template-columns:230px 1fr 140px}.featured-car img{height:145px}.featured-info h2{font-size:27px}.spec-row b{font-size:18px}.popular-row{grid-auto-columns:minmax(150px,1fr)}.mini-car .img{height:118px}.final-cta{grid-template-columns:1fr auto auto}.site-footer{grid-template-columns:1.05fr repeat(3,.62fr) 1.2fr}}
@media(max-width:860px) and (min-width:721px){.hero-portal{min-height:460px}.hero-grid{min-height:460px}.hero-copy h1{font-size:43px}.hero-copy{padding-top:50px}.featured-model{grid-template-columns:210px 1fr;grid-template-areas:"badge badge" "car info" "detail detail";min-height:auto}.featured-badge{position:static;grid-area:badge;justify-self:start}.featured-car{grid-area:car;padding-top:0}.featured-car img{height:140px}.featured-info{grid-area:info}.featured-info h2{font-size:26px}.detail-btn{grid-area:detail;width:auto;justify-self:start;margin-top:4px}.spec-row{grid-template-columns:repeat(2,1fr);gap:10px;border:0}.spec-row div{border:1px solid var(--line);border-radius:10px;padding:11px}.news-grid{grid-template-columns:1fr 1fr}.news-card.big{grid-column:span 2}.browse-panels{grid-template-columns:1fr}.why-grid{grid-template-columns:repeat(2,1fr)}.spklu-block{grid-template-columns:1fr 1fr}.spklu-block aside{grid-column:span 2;grid-template-columns:40px 1fr 40px 1fr 40px 1fr}.final-cta{grid-template-columns:1fr 1fr}.final-cta div{grid-column:span 2}.site-footer{grid-template-columns:1fr 1fr}.site-footer form{grid-column:span 2}}
@media(max-width:720px){.hero-trust{display:none}.catalogue-block,.news-block,.why-block{padding:18px}.browse-card{padding:14px}.featured-model{grid-template-columns:1fr}.featured-badge{position:static;justify-self:start}.featured-car{padding-top:0}.featured-info h2{font-size:25px}.section-title.inline{gap:12px}.section-title.inline a{font-size:11px}.news-card.big{min-height:170px}.spklu-block aside{background:rgba(255,255,255,.06)}}

/* Template pass 3: tablet/header/hero precision based on screenshot QA */
@media(max-width:900px) and (min-width:721px){
  .site-header .main-nav,.site-header .nav-actions{display:none}
  .menu-toggle{display:grid;place-items:center;margin-left:auto}
  .site-header .main-nav{position:absolute;left:16px;right:16px;top:66px;flex-direction:column;align-items:stretch;background:#071326;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px;box-shadow:0 18px 40px rgba(2,8,23,.35)}
  .site-header.menu-open .main-nav{display:flex}
  .site-header .main-nav a{padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}.site-header .main-nav a:last-child{border-bottom:0}.site-header .main-nav a.active{border-color:rgba(22,119,255,.45);background:rgba(22,119,255,.12);border-radius:9px}
  .hero-portal{min-height:500px;background-position:center center}.hero-grid{min-height:500px;grid-template-columns:1fr .86fr}.hero-copy{padding-top:42px;padding-bottom:34px}.hero-copy h1{font-size:40px;line-height:.98;max-width:430px}.hero-copy p{font-size:14px;line-height:1.5;max-width:410px;margin-bottom:18px}.hero-search{height:50px;max-width:440px}.hero-search input{font-size:14px}.hero-search button{width:38px;height:38px}.popular-search{margin-top:12px;max-width:520px}.popular-search button{font-size:10px;padding:6px 10px}.hero-trust{display:none}.hero-visual img{opacity:.10}.charger-card{right:10px;top:132px;transform:scale(.78)}
  .stat-strip{margin-top:-32px}.featured-model{margin-top:20px}.catalogue-block,.news-block,.browse-panels,.why-block,.spklu-block,.final-cta{margin-top:24px}
}
@media(max-width:780px) and (min-width:721px){
  .shell{width:calc(100% - 28px)}.hero-portal{min-height:480px}.hero-grid{min-height:480px;grid-template-columns:1fr .68fr}.hero-copy h1{font-size:37px;max-width:380px}.hero-copy p{font-size:13.5px;max-width:370px}.hero-search{max-width:392px}.popular-search{max-width:430px}.popular-search button:nth-of-type(n+4){display:none}.charger-card{right:4px;top:138px}.stat-strip{grid-template-columns:repeat(4,1fr);gap:7px}.stat-strip article{padding:12px 10px}.stat-strip article span{width:34px;height:34px}.stat-strip b{font-size:20px}.stat-strip strong{font-size:11px}.stat-strip small{font-size:9px}
}

/* Featured model card — match Master template reference */
.featured-model{
  display:grid !important;
  grid-template-columns:250px 270px minmax(0,1fr) !important;
  grid-template-rows:1fr auto !important;
  grid-template-areas:"badge car info" "button car info" !important;
  align-items:center !important;
  gap:18px 26px !important;
  min-height:238px !important;
  padding:34px 38px 28px !important;
  border-radius:14px !important;
  border:1px solid #e7edf5 !important;
  background:#fff !important;
  box-shadow:0 12px 34px rgba(15,23,42,.075), 0 1px 0 rgba(255,255,255,.85) inset !important;
}
.featured-model:before{
  background:linear-gradient(90deg,#fff 0%,#fbfdff 58%,#fff 100%) !important;
}
.featured-badge{
  grid-area:badge !important;
  position:relative !important;
  left:auto !important;
  top:auto !important;
  justify-self:start !important;
  align-self:center !important;
  min-width:220px !important;
  text-align:left !important;
  background:#eef9ef !important;
  border:1px solid #c9ead0 !important;
  color:#125f2b !important;
  border-radius:6px !important;
  padding:9px 14px !important;
  font-size:12px !important;
  font-weight:950 !important;
  box-shadow:0 5px 14px rgba(16,185,129,.08) !important;
}
.featured-car{
  grid-area:car !important;
  padding:0 !important;
  align-self:center !important;
  justify-self:center !important;
  width:100% !important;
}
.featured-car img{
  height:158px !important;
  width:100% !important;
  object-fit:contain !important;
  filter:drop-shadow(0 18px 16px rgba(15,23,42,.18)) !important;
}
.featured-info{
  grid-area:info !important;
  align-self:center !important;
  padding-left:10px !important;
}
.featured-info h2{
  font-size:32px !important;
  line-height:1.05 !important;
  margin:0 0 8px !important;
  color:#0f172a !important;
  letter-spacing:-.045em !important;
}
.featured-info p{
  font-size:15px !important;
  color:#334155 !important;
  margin:0 !important;
  font-weight:800 !important;
}
.spec-row{
  margin-top:26px !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  border-left:0 !important;
  gap:0 !important;
}
.spec-row div{
  border:0 !important;
  border-right:1px solid #e5eaf2 !important;
  border-radius:0 !important;
  padding:0 24px !important;
  min-height:58px !important;
}
.spec-row div:first-child{padding-left:0 !important;}
.spec-row div:last-child{border-right:0 !important;}
.spec-row b{
  font-size:27px !important;
  line-height:1 !important;
  color:#0f172a !important;
  letter-spacing:-.04em !important;
}
.spec-row span{
  margin-top:9px !important;
  color:#64748b !important;
  font-size:12px !important;
  font-weight:650 !important;
}
.detail-btn{
  grid-area:button !important;
  align-self:end !important;
  justify-self:start !important;
  width:220px !important;
  height:48px !important;
  border-radius:7px !important;
  font-size:13px !important;
  box-shadow:0 10px 22px rgba(22,119,255,.28) !important;
}
@media(max-width:1180px) and (min-width:901px){
  .featured-model{grid-template-columns:220px 230px minmax(0,1fr) !important;padding:30px 28px 26px !important;gap:16px 22px !important;min-height:220px !important;}
  .featured-badge{min-width:190px !important}.detail-btn{width:190px !important}.featured-car img{height:142px !important}.featured-info h2{font-size:28px !important}.spec-row div{padding:0 15px !important}.spec-row b{font-size:22px !important}
}
@media(max-width:900px) and (min-width:721px){
  .featured-model{grid-template-columns:190px minmax(0,1fr) !important;grid-template-rows:auto auto auto !important;grid-template-areas:"badge info" "car info" "button info" !important;padding:26px 24px !important;min-height:250px !important;gap:14px 20px !important;}
  .featured-badge{min-width:170px !important}.detail-btn{width:170px !important}.featured-car img{height:128px !important}.featured-info h2{font-size:26px !important}.spec-row{grid-template-columns:repeat(2,1fr) !important;gap:12px !important;margin-top:20px !important}.spec-row div{border:1px solid #e5eaf2 !important;border-radius:10px !important;padding:12px !important;min-height:auto !important}.spec-row div:first-child{padding-left:12px !important}.spec-row b{font-size:20px !important}.spec-row span{margin-top:6px !important}
}
@media(max-width:720px){
  .featured-model{grid-template-columns:1fr !important;grid-template-areas:"badge" "car" "info" "button" !important;padding:22px 18px !important;gap:14px !important;min-height:auto !important;}
  .featured-badge{min-width:0 !important;width:100% !important}.featured-car img{height:150px !important}.featured-info{padding-left:0 !important}.featured-info h2{font-size:25px !important}.spec-row{grid-template-columns:repeat(2,1fr) !important;gap:10px !important;margin-top:18px !important}.spec-row div{border:1px solid #e5eaf2 !important;border-radius:10px !important;padding:12px !important}.spec-row div:first-child{padding-left:12px !important}.detail-btn{width:100% !important;justify-self:stretch !important}
}

/* Featured model final template-match proportions from Master reference */
@media(min-width:901px){
  .featured-model{
    grid-template-columns:260px 300px minmax(0,1fr) !important;
    grid-template-rows:1fr auto !important;
    min-height:300px !important;
    padding:42px 46px 36px !important;
    gap:20px 34px !important;
    margin-top:26px !important;
  }
  .featured-badge{
    width:220px !important;
    min-width:220px !important;
    height:31px !important;
    padding:0 13px !important;
    display:flex !important;
    align-items:center !important;
    align-self:center !important;
    margin-top:10px !important;
  }
  .detail-btn{
    width:220px !important;
    height:40px !important;
    min-height:40px !important;
    margin-bottom:4px !important;
    border-radius:7px !important;
    font-size:13px !important;
    font-weight:850 !important;
  }
  .featured-car img{
    height:184px !important;
    width:300px !important;
    object-fit:contain !important;
  }
  .featured-info{
    transform:translateY(-10px) !important;
  }
  .featured-info h2{
    font-size:30px !important;
    line-height:1.12 !important;
    margin-bottom:8px !important;
  }
  .featured-info p{
    font-size:14px !important;
    font-weight:800 !important;
  }
  .spec-row{
    margin-top:34px !important;
  }
  .spec-row div{
    min-height:56px !important;
    padding:0 30px !important;
  }
  .spec-row div:first-child{padding-left:0 !important;}
  .spec-row b{
    font-size:25px !important;
    line-height:1.05 !important;
  }
  .spec-row span{
    margin-top:8px !important;
    font-size:12px !important;
    font-weight:450 !important;
  }
}
@media(min-width:901px) and (max-width:1180px){
  .featured-model{grid-template-columns:220px 260px minmax(0,1fr) !important;min-height:270px !important;padding:36px 32px 32px !important;gap:18px 26px !important;}
  .featured-badge,.detail-btn{width:190px !important;min-width:190px !important}.featured-car img{height:160px !important;width:260px !important}.featured-info h2{font-size:27px !important}.spec-row div{padding:0 17px !important}.spec-row b{font-size:22px !important}
}

/* Brand/type section final icon polish */
.browse-panels{gap:24px !important;align-items:stretch !important}.browse-card{background:#fff !important;border:1px solid #e6edf6 !important;border-radius:14px !important;box-shadow:0 10px 28px rgba(15,23,42,.055) !important;padding:22px !important}.browse-card .section-title.inline{margin-bottom:16px !important}.brand-grid{grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:14px !important}.type-grid{grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:14px !important}.brand-grid button,.type-grid button{height:86px !important;border-radius:13px !important;border:1px solid #dfe8f3 !important;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;box-shadow:0 8px 20px rgba(15,23,42,.045) !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:9px !important;padding:10px 8px !important;color:#0f172a !important}.brand-grid button:hover,.type-grid button:hover{border-color:#b8d8ff !important;box-shadow:0 16px 34px rgba(22,119,255,.13) !important;transform:translateY(-2px) !important}.brand-grid button i{width:36px !important;height:36px !important;border-radius:11px !important;background:linear-gradient(180deg,#f3f9ff,#e8f3ff) !important;border:1px solid #d8ebff !important;color:#0b66d8 !important;font-style:normal !important;font-size:12px !important;font-weight:950 !important;letter-spacing:.02em !important;display:grid !important;place-items:center !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6) !important}.brand-grid button small,.type-grid button span{font-size:11px !important;line-height:1.1 !important;color:#1f2937 !important;font-weight:850 !important;text-align:center !important;max-width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}.type-grid button i{width:42px !important;height:30px !important;display:block !important;background-repeat:no-repeat !important;background-position:center !important;background-size:contain !important;filter:drop-shadow(0 4px 5px rgba(15,23,42,.16)) !important}.type-grid button[data-type="suv"] i{background-image:url("data:image/svg+xml,%3Csvg width='52' height='36' viewBox='0 0 52 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18l5-8h20l7 8h4a4 4 0 014 4v6H4v-6a4 4 0 014-4h1z' fill='%232d8cff'/%3E%3Cpath d='M16 11h15l5 7H11l5-7z' fill='%23bfe2ff'/%3E%3Ccircle cx='15' cy='28' r='5' fill='%2318273d'/%3E%3Ccircle cx='39' cy='28' r='5' fill='%2318273d'/%3E%3Ccircle cx='15' cy='28' r='2' fill='%23dbeafe'/%3E%3Ccircle cx='39' cy='28' r='2' fill='%23dbeafe'/%3E%3C/svg%3E")}.type-grid button[data-type="city"] i{background-image:url("data:image/svg+xml,%3Csvg width='52' height='36' viewBox='0 0 52 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18l5-7h18l6 7h3a4 4 0 014 4v6H6v-6a4 4 0 014-4h1z' fill='%23ef4365'/%3E%3Cpath d='M18 12h14l4 6H14l4-6z' fill='%23ffd1da'/%3E%3Ccircle cx='16' cy='28' r='5' fill='%2318273d'/%3E%3Ccircle cx='38' cy='28' r='5' fill='%2318273d'/%3E%3C/svg%3E")}.type-grid button[data-type="mpv"] i{background-image:url("data:image/svg+xml,%3Csvg width='56' height='36' viewBox='0 0 56 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 14h31l9 7h3a4 4 0 014 4v4H3V18a4 4 0 014-4z' fill='%238b5cf6'/%3E%3Cpath d='M12 16h11v7H9v-4a3 3 0 013-3zm14 0h10l7 6H26v-6z' fill='%23ddd6fe'/%3E%3Ccircle cx='16' cy='29' r='5' fill='%2318273d'/%3E%3Ccircle cx='43' cy='29' r='5' fill='%2318273d'/%3E%3C/svg%3E")}.type-grid button[data-type="sedan"] i{background-image:url("data:image/svg+xml,%3Csvg width='56' height='36' viewBox='0 0 56 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 20l7-7h18l10 7h4a4 4 0 014 4v5H4v-5a4 4 0 014-4h1z' fill='%232d8cff'/%3E%3Cpath d='M18 14h14l7 6H12l6-6z' fill='%23bfe2ff'/%3E%3Ccircle cx='16' cy='29' r='5' fill='%2318273d'/%3E%3Ccircle cx='42' cy='29' r='5' fill='%2318273d'/%3E%3C/svg%3E")}.type-grid button[data-type="hatch"] i{background-image:url("data:image/svg+xml,%3Csvg width='56' height='36' viewBox='0 0 56 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 20l5-9h17l8 9h4a4 4 0 014 4v5H7v-5a4 4 0 014-4h1z' fill='%23f97316'/%3E%3Cpath d='M19 12h12l6 8H14l5-8z' fill='%23fed7aa'/%3E%3Ccircle cx='17' cy='29' r='5' fill='%2318273d'/%3E%3Ccircle cx='41' cy='29' r='5' fill='%2318273d'/%3E%3C/svg%3E")}.type-grid button[data-type="commercial"] i{background-image:url("data:image/svg+xml,%3Csvg width='56' height='36' viewBox='0 0 56 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 13h27v16H4V13z' fill='%23f59e0b'/%3E%3Cpath d='M31 18h11l7 7v4H31V18z' fill='%232d8cff'/%3E%3Ccircle cx='15' cy='29' r='5' fill='%2318273d'/%3E%3Ccircle cx='42' cy='29' r='5' fill='%2318273d'/%3E%3C/svg%3E")}
@media(max-width:900px){.browse-panels{grid-template-columns:1fr !important}.brand-grid,.type-grid{grid-template-columns:repeat(6,minmax(0,1fr)) !important}.brand-grid button,.type-grid button{height:76px !important}.type-grid button i{width:36px !important;height:26px !important}.brand-grid button i{width:32px !important;height:32px !important}.brand-grid button small,.type-grid button span{font-size:10px !important}}
@media(max-width:640px){.brand-grid,.type-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}.brand-grid button,.type-grid button{height:78px !important}}

/* Real/fallback brand logo assets */
.brand-grid button i.brand-logo{width:44px !important;height:36px !important;border-radius:11px !important;background:linear-gradient(180deg,#f7fbff,#eef7ff) !important;border:1px solid #d9ebff !important;display:grid !important;place-items:center !important;padding:7px !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.75),0 4px 10px rgba(11,102,216,.05) !important;font-style:normal !important;color:#0b66d8 !important;font-size:11px !important;font-weight:950 !important}.brand-grid button i.brand-logo img{display:block !important;max-width:100% !important;max-height:100% !important;width:auto !important;height:auto !important;object-fit:contain !important}.brand-grid button small{font-size:11px !important;font-weight:900 !important;color:#111827 !important}.brand-grid button{height:88px !important}.brand-grid button:hover i.brand-logo{background:#eef6ff !important;border-color:#b9dcff !important}
@media(max-width:900px){.brand-grid button i.brand-logo{width:40px !important;height:32px !important;padding:6px !important}.brand-grid button{height:80px !important}}

/* Preserve brand logo colors: no OtoRev recolor */
.brand-grid button i.brand-logo{background:#fff !important;border-color:#e5eaf2 !important;color:#111827 !important;filter:none !important}.brand-grid button i.brand-logo img{filter:none !important;mix-blend-mode:normal !important}.brand-grid button:hover i.brand-logo{background:#fff !important;border-color:#d5dde8 !important}.brand-grid button{background:linear-gradient(180deg,#fff,#fbfcfe) !important}.brand-grid button small{color:#111827 !important}.brand-grid button:hover small{color:#0f172a !important}

/* Brand logo preservation pass: keep original/neutral colors, no forced brand tone */
.brand-grid button i.brand-logo{background:#fff !important;border-color:#e5eaf2 !important;box-shadow:0 2px 8px rgba(15,23,42,.035),inset 0 0 0 1px rgba(255,255,255,.75) !important}.brand-grid button i.brand-logo img{filter:none !important;opacity:1 !important;max-width:88% !important;max-height:76% !important}.brand-grid button small{margin-top:1px !important;color:#1f2937 !important}.brand-grid button:hover i.brand-logo{border-color:#cbd5e1 !important}.brand-grid button:hover{border-color:#d6e3f2 !important}

/* No fake logo policy: only verified sourced logos show as images; unsourced brands show neutral text label */
.brand-grid button.brand-text-fallback i.brand-name{width:auto !important;min-width:54px !important;max-width:78px !important;height:34px !important;padding:0 8px !important;border-radius:0 !important;border:0 !important;background:transparent !important;color:#111827 !important;box-shadow:none !important;font-style:normal !important;font-size:11px !important;font-weight:950 !important;letter-spacing:.02em !important;display:flex !important;align-items:center !important;justify-content:center !important;text-align:center !important;line-height:1.05 !important;white-space:normal !important}.brand-grid button.brand-text-fallback{background:#fff !important}.brand-grid button.brand-text-fallback small{font-size:10px !important;color:#64748b !important;font-weight:800 !important}.brand-grid button i.brand-logo.verified{background:#fff !important;border-color:#e5eaf2 !important}.brand-grid button i.brand-logo.verified:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;right:5px;top:5px;background:#22c55e;box-shadow:0 0 0 2px #fff}.brand-grid button i.brand-logo{position:relative !important}

/* Oto.com scraped brand logos: original image/tone preserved */
.brand-grid button i.brand-logo.oto-source{width:50px !important;height:38px !important;padding:6px !important;background:#fff !important;border-color:#edf1f6 !important}.brand-grid button i.brand-logo.oto-source img{max-width:96% !important;max-height:86% !important;object-fit:contain !important;filter:none !important;mix-blend-mode:normal !important}.brand-grid button i.brand-logo.oto-source:after{display:none !important}.brand-grid button{height:90px !important}.brand-grid button small{font-size:10.5px !important}.brand-grid button.brand-text-fallback i.brand-name{max-width:86px !important;color:#111827 !important}
@media(max-width:900px){.brand-grid button i.brand-logo.oto-source{width:46px !important;height:34px !important}.brand-grid button{height:82px !important}}

/* OtoRev v2 polish 2026-06-04: elegant vehicle type icons + Indonesia SPKLU map visual */
.type-grid button i{width:52px !important;height:36px !important;background-size:contain !important;background-repeat:no-repeat !important;background-position:center !important;filter:drop-shadow(0 8px 10px rgba(22,119,255,.20)) !important;opacity:.98 !important}
.type-grid button[data-type="suv"] i{background-image:url('/assets/icons/type-suv.svg') !important}
.type-grid button[data-type="mpv"] i{background-image:url('/assets/icons/type-mpv.svg') !important}
.type-grid button[data-type="hatch"] i{background-image:url('/assets/icons/type-hatch.svg') !important}
.type-grid button[data-type="city"] i{background-image:url('/assets/icons/type-city.svg') !important}
.type-grid button[data-type="sedan"] i{background-image:url('/assets/icons/type-sedan.svg') !important}
.type-grid button[data-type="commercial"] i{background-image:url('/assets/icons/type-commercial.svg') !important}
.type-grid button{background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;border-color:#dceafb !important}
.type-grid button:hover i{transform:translateY(-1px) scale(1.03) !important}
.map-visual{min-height:198px !important;overflow:hidden !important;background:#06172d !important;border:1px solid rgba(141,229,255,.22) !important;box-shadow:inset 0 0 54px rgba(73,166,255,.24),0 18px 44px rgba(2,8,23,.22) !important}
.map-visual:before,.map-visual:after,.map-visual span{display:none !important;content:none !important}
.map-visual img{width:100% !important;height:100% !important;min-height:198px !important;object-fit:cover !important;object-position:center !important;opacity:.94 !important;mix-blend-mode:screen !important;filter:saturate(1.12) contrast(1.05) !important}
@media(max-width:860px){.map-visual img{min-height:190px !important}.type-grid button i{width:46px !important;height:32px !important}}

/* OtoRev v2 polish 2026-06-04: featured model template matching approved reference */
.featured-template-card{display:grid !important;grid-template-columns:minmax(245px,.9fr) minmax(330px,1.25fr) minmax(330px,1fr) !important;grid-template-areas:"copy car specs" !important;align-items:center !important;gap:20px !important;min-height:238px !important;padding:26px 30px !important;margin-top:26px !important;border-radius:16px !important;border:1px solid #e7edf6 !important;background:radial-gradient(circle at 43% 22%,rgba(22,119,255,.09),transparent 36%),linear-gradient(180deg,#fff 0%,#f8fbff 100%) !important;box-shadow:0 20px 48px rgba(15,23,42,.10),0 2px 0 rgba(255,255,255,.9) inset !important;overflow:hidden !important}.featured-template-card:before{content:"" !important;position:absolute !important;inset:14px 34% 14px 23% !important;border-radius:999px !important;background:radial-gradient(ellipse at center,rgba(22,119,255,.10),rgba(22,119,255,.035) 44%,transparent 70%) !important;z-index:0 !important}.featured-template-card>*{position:relative !important;z-index:1 !important}.featured-copy{grid-area:copy !important;align-self:center !important;min-width:0 !important}.featured-template-card .featured-badge{position:static !important;display:inline-flex !important;align-items:center !important;gap:6px !important;margin-bottom:16px !important;padding:8px 13px !important;border-radius:999px !important;background:#eefaf4 !important;border:1px solid #d6f1df !important;color:#1f7a45 !important;font-size:12px !important;font-weight:900 !important;min-width:0 !important}.featured-copy h2{margin:0 0 8px !important;font-size:31px !important;line-height:1.03 !important;letter-spacing:-.045em !important;color:#081427 !important;font-weight:950 !important}.featured-copy p{margin:0 0 18px !important;color:#64748b !important;font-size:14px !important;line-height:1.45 !important;font-weight:750 !important}.featured-template-card .detail-btn{width:180px !important;height:46px !important;margin:0 !important;border-radius:10px !important;font-size:14px !important;box-shadow:0 13px 28px rgba(22,119,255,.30) !important}.featured-template-card .featured-car{grid-area:car !important;align-self:center !important;justify-self:center !important;padding:0 !important;width:100% !important}.featured-template-card .featured-car img{width:100% !important;height:190px !important;object-fit:contain !important;transform:scale(1.16) translateY(2px) !important;filter:drop-shadow(0 22px 22px rgba(15,23,42,.18)) !important}.featured-template-card .featured-info{grid-area:specs !important;padding:0 !important;min-width:0 !important}.featured-template-card .spec-row{display:grid !important;grid-template-columns:1fr 1fr !important;margin:0 !important;border:0 !important;gap:0 !important;min-height:174px !important}.featured-template-card .spec-row div{position:relative !important;display:grid !important;grid-template-columns:42px 1fr !important;grid-template-rows:auto auto !important;align-content:center !important;column-gap:12px !important;min-height:86px !important;padding:18px 22px !important;border:0 !important;border-left:1px solid #e8edf5 !important;border-bottom:1px solid #e8edf5 !important}.featured-template-card .spec-row div:nth-child(3),.featured-template-card .spec-row div:nth-child(4){border-bottom:0 !important}.featured-template-card .spec-icon{grid-row:1/3 !important;width:34px !important;height:34px !important;border-radius:12px !important;display:grid !important;place-items:center !important;background:linear-gradient(180deg,#eaf4ff,#f6fbff) !important;color:#1677ff !important;box-shadow:0 8px 18px rgba(22,119,255,.11) !important}.featured-template-card .spec-icon:before{font-size:21px !important;line-height:1 !important;font-weight:900 !important}.featured-template-card .spec-road:before{content:"⌁" !important}.featured-template-card .spec-charge:before{content:"⚡" !important}.featured-template-card .spec-power:before{content:"◔" !important}.featured-template-card .spec-price:before{content:"$" !important}.featured-template-card .spec-row b{display:block !important;font-size:22px !important;line-height:1.05 !important;color:#081427 !important;font-weight:950 !important;white-space:nowrap !important}.featured-template-card .spec-row span{margin-top:5px !important;color:#64748b !important;font-size:12px !important;font-weight:750 !important}@media(max-width:1180px) and (min-width:861px){.featured-template-card{grid-template-columns:230px minmax(270px,1fr) minmax(292px,.95fr) !important;padding:24px !important;gap:14px !important}.featured-template-card .featured-car img{height:172px !important;transform:scale(1.1) !important}.featured-copy h2{font-size:27px !important}.featured-template-card .spec-row div{padding:15px 16px !important}.featured-template-card .spec-row b{font-size:20px !important}}@media(max-width:860px) and (min-width:721px){.featured-template-card{grid-template-columns:1fr 1fr !important;grid-template-areas:"copy car" "specs specs" !important;padding:24px !important;min-height:auto !important}.featured-template-card .featured-car img{height:170px !important;transform:scale(1.05) !important}.featured-template-card .spec-row div:nth-child(1),.featured-template-card .spec-row div:nth-child(3){border-left:0 !important}}@media(max-width:720px){.featured-template-card{grid-template-columns:1fr !important;grid-template-areas:"copy" "car" "specs" !important;padding:22px 18px !important;min-height:auto !important;gap:16px !important}.featured-template-card .featured-badge{margin-bottom:12px !important}.featured-copy h2{font-size:26px !important}.featured-copy p{font-size:13px !important}.featured-template-card .detail-btn{width:100% !important}.featured-template-card .featured-car img{height:158px !important;transform:scale(1.04) !important}.featured-template-card .spec-row{grid-template-columns:1fr 1fr !important;min-height:auto !important}.featured-template-card .spec-row div{padding:14px 12px !important;grid-template-columns:34px 1fr !important;column-gap:8px !important;border:1px solid #e8edf5 !important;border-radius:10px !important;margin:4px !important}.featured-template-card .spec-icon{width:30px !important;height:30px !important}.featured-template-card .spec-row b{font-size:18px !important}.featured-template-card .spec-row span{font-size:11px !important}}

/* OtoRev v2 polish 2026-06-04: separate popular-search chips from stat cards */
.hero-copy{padding-bottom:72px !important}
.popular-search{margin-top:20px !important;margin-bottom:24px !important;row-gap:10px !important}
.popular-search span{margin-right:2px !important}
.popular-search button{margin-bottom:2px !important;box-shadow:0 8px 18px rgba(0,0,0,.16) !important}
.stat-strip{margin-top:-26px !important}
@media(max-width:860px){.hero-copy{padding-bottom:54px !important}.popular-search{margin-bottom:18px !important}.stat-strip{margin-top:18px !important}}

/* OtoRev v2 integration 2026-06-04: active frontend controls + backend/database live previews */
.brand-grid button[aria-pressed="true"],.type-grid button[aria-pressed="true"]{border-color:#1677ff !important;background:linear-gradient(180deg,#eef6ff,#fff) !important;box-shadow:0 12px 30px rgba(22,119,255,.16) !important}.brand-grid button[aria-pressed="true"] small,.type-grid button[aria-pressed="true"] span{color:#075ed0 !important}.empty-state{grid-column:1/-1;padding:18px;border:1px dashed #cbd5e1;border-radius:14px;color:#64748b;background:#f8fafc}.infra-preview{grid-column:1/3;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.22);display:grid;gap:5px}.infra-preview small{font-size:10px !important;line-height:1.25;color:rgba(255,255,255,.82) !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-footer form input:invalid{outline-color:#ef4444}

/* OtoRev v2 lead modal integration 2026-06-04 */
body.lead-open{overflow:hidden}.lead-modal[hidden]{display:none}.lead-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.lead-backdrop{position:absolute;inset:0;background:rgba(4,12,25,.62);backdrop-filter:blur(8px)}.lead-dialog{position:relative;width:min(760px,100%);max-height:min(92vh,820px);overflow:auto;background:#fff;border-radius:22px;box-shadow:0 32px 90px rgba(2,8,23,.32);padding:28px;border:1px solid #e5edf8}.lead-close{position:absolute;right:16px;top:14px;width:36px;height:36px;border:0;border-radius:999px;background:#f1f5f9;color:#0f172a;font-size:24px;line-height:1;cursor:pointer}.lead-dialog-head h2{margin:5px 0 8px;font-size:30px;letter-spacing:-.04em}.lead-dialog-head p{margin:0 0 18px;color:#64748b;line-height:1.5}.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lead-form label{display:grid;gap:7px;font-size:12px;font-weight:900;color:#334155}.lead-form input,.lead-form select{height:44px;border:1px solid #dbe4ef;border-radius:10px;padding:0 12px;font:inherit;color:#0f172a;background:#fff}.lead-form input:focus,.lead-form select:focus{outline:2px solid rgba(22,119,255,.25);border-color:#1677ff}.lead-wide{grid-column:1/-1}.lead-check{display:flex !important;grid-template-columns:none !important;align-items:flex-start;gap:10px;font-size:12px;line-height:1.45;color:#475569}.lead-check input{width:16px;height:16px;margin-top:2px}.lead-actions{display:flex;gap:10px;align-items:center}.btn-outline-dark{border:1px solid #cbd5e1;color:#0f172a;background:#fff}.lead-message{margin:0;color:#64748b;font-weight:800}.lead-message.success{color:#15803d}.lead-message.error{color:#b91c1c}.lead-hp{position:absolute !important;left:-9999px !important;opacity:0 !important}@media(max-width:720px){.lead-dialog{padding:22px;border-radius:18px}.lead-form{grid-template-columns:1fr}.lead-actions{display:grid}.lead-dialog-head h2{font-size:25px}}

/* OtoRev v2 footer/routing activation 2026-06-04 */
.site-footer nav{display:grid;gap:10px}.site-footer nav b,.site-footer form b{font-size:13px;color:#0f172a}.site-footer nav a{color:#64748b;text-decoration:none;font-weight:750;font-size:13px}.site-footer nav a:hover{color:#1677ff}.site-footer form small{display:block;margin-top:8px;color:#94a3b8;font-size:11px;line-height:1.35}.site-footer form button{cursor:pointer}.site-footer form input{min-width:0}

/* Oto 2 + Oto 2.1 route redesign from Master attachments — 2026-06-05 */
.route-redesign{background:#f6f8fb;color:#0b1728}.route-redesign .site-header{background:#050d1a}.route-redesign .site-footer{margin-top:24px}.route-hero{position:relative;overflow:hidden;color:#fff;background:#06101f;min-height:350px}.route-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 38%,rgba(22,119,255,.34),transparent 36%),linear-gradient(90deg,rgba(3,9,18,.97),rgba(5,16,31,.82) 45%,rgba(5,16,31,.3));z-index:1}.route-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.05) 42%,rgba(0,0,0,.18));z-index:2}.route-hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:350px}.route-hero-copy{position:relative;z-index:4;max-width:620px}.route-hero-copy h1{margin:0 0 14px;font-size:47px;line-height:1.02;letter-spacing:-.045em;font-weight:950}.route-hero-copy h1 span{color:#2d8cff}.route-hero-copy p{margin:0 0 20px;max-width:520px;color:#d9e7f8;font-size:15px;line-height:1.55;font-weight:650}.route-hero-visual{position:absolute;right:0;inset-block:0;width:56%;z-index:2}.route-hero-visual:after{content:"";position:absolute;right:34px;bottom:34px;width:108px;height:220px;border-radius:22px;border:2px solid #42b5ff;background:linear-gradient(180deg,rgba(15,41,75,.96),rgba(7,20,37,.88));box-shadow:0 0 34px rgba(45,140,255,.65),inset 0 0 18px rgba(45,140,255,.28)}.route-hero-visual img{width:100%;height:100%;object-fit:cover;opacity:.58;filter:saturate(1.05) contrast(1.08)}.route-search{width:min(520px,100%);height:54px;background:#fff;border:1px solid rgba(67,154,255,.5);box-shadow:0 0 0 4px rgba(22,119,255,.18),0 18px 38px rgba(0,0,0,.25);border-radius:9px;display:grid;grid-template-columns:45px 1fr 48px;align-items:center;padding:0 6px 0 14px}.route-search span{color:#64748b;font-size:22px}.route-search input{border:0;outline:0;color:#0f172a;font-size:14px}.route-search button{height:42px;border:0;border-radius:8px;background:#1677ff;color:#fff;font-weight:950}.city-chips{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.city-chips button{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.24);color:#e5f0ff;border-radius:8px;padding:9px 16px;font-size:12px;font-weight:850}.route-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:-34px;position:relative;z-index:5}.route-stat-grid article{min-height:116px;border-radius:12px;background:linear-gradient(180deg,#07264b,#05182f);color:#fff;border:1px solid rgba(255,255,255,.09);box-shadow:0 14px 34px rgba(5,16,31,.18);display:grid;grid-template-columns:62px 1fr;column-gap:16px;align-items:center;padding:22px}.route-stat-grid i{grid-row:1/3;width:54px;height:54px;border-radius:13px;display:grid;place-items:center;background:#0b78ff;font-style:normal;font-size:30px;box-shadow:0 10px 22px rgba(22,119,255,.28)}.route-stat-grid b{font-size:32px;line-height:1;font-weight:950}.route-stat-grid span{font-size:13px;line-height:1.25;color:#dbeafe;font-weight:750}.filter-card,.map-panel,.dealer-bottom-grid>div,.route-tools,.spec-compare,.insight-section,.compare-picker{background:#fff;border:1px solid #e4eaf2;border-radius:14px;box-shadow:0 10px 28px rgba(15,23,42,.055)}.filter-card{margin-top:22px;padding:22px}.filter-card h2,.map-panel h2,.dealer-bottom-grid h2,.route-tools h2,.spec-compare h2,.insight-section h2{font-size:19px;margin:0 0 18px;letter-spacing:-.02em}.filter-grid{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:16px}.filter-grid label{display:grid;gap:8px;font-size:12px;font-weight:850;color:#334155}.filter-grid select{height:43px;border:1px solid #dce5ef;border-radius:8px;color:#64748b;padding:0 12px;background:#fff}.segmented{display:grid;grid-template-columns:repeat(3,1fr);height:43px;border:1px solid #dce5ef;border-radius:8px;overflow:hidden}.segmented button{border:0;background:#fff;color:#64748b;font-weight:850}.segmented .on{background:#1677ff;color:#fff}.filter-actions{margin-top:18px;display:flex;justify-content:flex-end;gap:12px}.filter-actions button{height:43px;border:1px solid #cfd9e6;background:#fff;border-radius:8px;padding:0 20px;font-weight:900;color:#334155}.filter-actions .primary{background:#1677ff;color:#fff;border-color:#1677ff}.map-panel{margin-top:22px;padding:18px;display:grid;grid-template-columns:1.42fr 1fr;gap:22px;background:#06172d;color:#fff;border:0}.indo-map{position:relative;min-height:400px;border-radius:12px;overflow:hidden;background:#041326}.indo-map img{width:100%;height:100%;min-height:400px;object-fit:cover;opacity:.95;mix-blend-mode:screen;filter:saturate(1.18) contrast(1.05)}.indo-map button{position:absolute;z-index:2;top:18px;left:18px;border:1px solid rgba(255,255,255,.22);background:rgba(2,8,23,.5);color:#fff;border-radius:8px;padding:9px 13px;font-weight:850}.zoom{position:absolute;left:18px;bottom:26px;display:grid;border:1px solid rgba(255,255,255,.25);border-radius:8px;overflow:hidden}.zoom span{display:grid;place-items:center;width:34px;height:34px;background:rgba(2,8,23,.62);color:#fff}.map-panel aside{padding:6px 0}.map-panel aside h2{color:#fff}.map-panel aside article{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12)}.map-panel aside b{display:inline-block;font-size:15px}.map-panel aside em{margin-left:8px;font-size:10px;font-style:normal;background:#0b5ed7;color:#cfe6ff;border-radius:999px;padding:3px 7px}.map-panel aside p{margin:6px 0;color:#cbd5e1;font-size:12px}.map-panel aside small{color:#8cc5ff}.map-panel aside a{align-self:center;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:10px 12px;font-size:12px;font-weight:850;color:#fff}.all-link{display:block;text-align:center;margin-top:14px;color:#93c5fd!important;border:0!important}.dealer-bottom-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;margin-top:22px}.dealer-bottom-grid>div{padding:20px;background:#07172b;color:#fff;border:0}.brand-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.brand-mini span,.brand-mini button{height:62px;border-radius:9px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);display:grid;place-items:center;color:#fff;font-weight:950}.brand-mini button{grid-column:span 2;font-size:12px}.benefit-panel>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.benefit-panel article i{width:44px;height:44px;border-radius:999px;background:#0b2c57;display:grid;place-items:center;font-style:normal;margin-bottom:16px}.benefit-panel article b{display:block;margin-bottom:6px}.benefit-panel article span{font-size:12px;color:#cbd5e1;line-height:1.35}.route-cta{margin-top:22px;background:linear-gradient(90deg,#0b64d8,#071a35);color:#fff;border-radius:14px;padding:24px 30px;display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;box-shadow:0 14px 34px rgba(11,100,216,.2)}.route-cta h2{margin:0 0 6px;font-size:24px}.route-cta p{margin:0;color:#dbeafe}.route-cta button,.route-cta a{height:46px;border-radius:9px;border:1px solid rgba(255,255,255,.28);background:#fff;color:#0b64d8;font-weight:950;padding:0 24px;display:inline-flex;align-items:center}.route-cta a{background:rgba(255,255,255,.06);color:#fff}.compare-hero{min-height:405px;background:#06101f}.compare-hero:before{background:radial-gradient(circle at 58% 55%,rgba(22,119,255,.45),transparent 34%),linear-gradient(90deg,rgba(3,9,18,.98),rgba(4,14,28,.82) 48%,rgba(4,14,28,.35))}.compare-hero:after{background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.22)),url('/assets/hero-homepage-kie-neutral.jpg') right center/cover no-repeat;opacity:.72;z-index:0}.compare-hero .route-hero-grid{min-height:405px}.page-pill{display:inline-flex;margin-bottom:16px;background:rgba(22,119,255,.16);border:1px solid rgba(96,165,250,.22);border-radius:999px;color:#cde6ff;font-weight:900;font-size:12px;padding:8px 12px}.hero-bullets{display:flex;gap:18px;margin-top:24px;flex-wrap:wrap}.hero-bullets span{color:#dbeafe;font-size:12px;font-weight:850}.compare-why{justify-self:end;align-self:start;margin-top:64px;display:grid;grid-template-columns:repeat(4,auto);gap:12px;color:#dbeafe;font-size:11px;background:rgba(2,8,23,.35);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px;backdrop-filter:blur(8px)}.compare-why b{grid-column:1/-1;color:#fff;font-size:13px}.compare-picker{margin-top:-44px;position:relative;z-index:5;display:grid;grid-template-columns:210px repeat(3,1fr) 180px;gap:0;overflow:hidden}.compare-picker aside,.compare-picker article{min-height:184px;padding:20px;border-right:1px solid #e5eaf2}.compare-picker h2{font-size:18px;margin:0 0 8px}.compare-picker p{font-size:12px;color:#64748b}.compare-picker aside button{margin-top:54px;border:1px solid #c9d7e8;background:#fff;color:#1677ff;border-radius:8px;height:40px;padding:0 18px;font-weight:900}.compare-picker article{position:relative;text-align:center}.compare-picker article .close{position:absolute;right:14px;top:14px;border:0;background:transparent;color:#94a3b8}.compare-picker article em{position:absolute;left:18px;top:14px;font-style:normal;background:#1677ff;color:#fff;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:950}.compare-picker article img{height:78px;width:100%;object-fit:contain;margin:14px auto 8px;filter:drop-shadow(0 10px 10px rgba(15,23,42,.12))}.compare-picker article h3{font-size:16px;margin:0}.compare-picker article div{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:12px;font-size:10px;color:#475569}.limit-card{text-align:center;background:#fbfdff}.limit-card b{display:block;font-size:28px;color:#1677ff}.limit-card h3{font-size:15px}.spec-compare{margin-top:24px;padding:22px}.table-wrap{overflow:auto}.spec-compare table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e5eaf2;border-radius:12px;overflow:hidden}.spec-compare th,.spec-compare td{text-align:left;padding:12px 16px;border-bottom:1px solid #e5eaf2;border-right:1px solid #e5eaf2;font-size:13px}.spec-compare th{background:#fbfdff;font-weight:950}.spec-compare tr:last-child td{border-bottom:0}.spec-compare td:first-child{font-weight:900;color:#334155}.spec-compare small{display:block;margin-top:10px;color:#94a3b8}.spec-compare small span{float:right}.verdict{display:grid;gap:4px;font-size:13px}.verdict small{margin:0;color:#64748b}.verdict.blue{color:#1677ff}.verdict.red{color:#ef4444}.verdict.green{color:#10b981}.insight-section{margin-top:22px;padding:22px;background:transparent;border:0;box-shadow:none}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.insight-grid article{background:#fff;border:1px solid #e5eaf2;border-radius:14px;padding:18px;box-shadow:0 10px 28px rgba(15,23,42,.045)}.insight-grid h3{margin:0 0 14px}.insight-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.insight-cols b,.insight-grid footer b{display:block;font-size:12px;margin-bottom:8px}.insight-cols p{margin:0 0 6px;color:#64748b;font-size:12px}.insight-grid footer{margin-top:16px;border-top:1px solid #eef2f7;padding-top:14px}.insight-grid footer span{font-size:12px;color:#64748b}.route-tools{margin-top:18px;padding:22px;background:transparent;border:0;box-shadow:none}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tool-grid a{min-height:132px;background:linear-gradient(135deg,#071a35,#062b5a);border:1px solid rgba(255,255,255,.08);border-radius:13px;color:#fff;padding:20px;display:grid;align-content:end;box-shadow:0 14px 34px rgba(7,26,53,.14)}.tool-grid span{color:#cbd5e1;font-size:12px;margin:8px 0}.tool-grid em{color:#8ec5ff;font-size:12px;font-style:normal;font-weight:900}.compare-cta{background:linear-gradient(90deg,#071a35,#082f66)}.compare-cta button{color:#16a34a}.compare-cta a{padding:0 28px}
@media(max-width:1050px){.route-hero-copy h1{font-size:40px}.route-stat-grid{grid-template-columns:repeat(2,1fr)}.filter-grid{grid-template-columns:repeat(2,1fr)}.map-panel,.dealer-bottom-grid{grid-template-columns:1fr}.benefit-panel>div,.brand-mini{grid-template-columns:repeat(2,1fr)}.compare-picker{grid-template-columns:1fr 1fr}.limit-card{display:none}.insight-grid,.tool-grid{grid-template-columns:1fr 1fr}.compare-why{display:none}}@media(max-width:720px){.route-hero,.compare-hero{min-height:470px}.route-hero-grid{grid-template-columns:1fr;min-height:470px}.route-hero-copy h1{font-size:34px}.route-hero-visual{width:100%;opacity:.38}.route-search{height:50px}.route-stat-grid{grid-template-columns:1fr;margin-top:16px}.filter-grid,.map-panel,.dealer-bottom-grid,.benefit-panel>div,.brand-mini,.compare-picker,.insight-grid,.tool-grid,.route-cta{grid-template-columns:1fr}.map-panel{padding:14px}.indo-map,.indo-map img{min-height:260px}.compare-picker{margin-top:16px}.compare-picker article,.compare-picker aside{border-right:0;border-bottom:1px solid #e5eaf2}.spec-compare th,.spec-compare td{min-width:170px}.route-cta button,.route-cta a{width:100%;justify-content:center}.filter-actions{justify-content:stretch}.filter-actions button{flex:1}}

/* OtoRev V2 safety: no dummy vehicle photo when catalogue DB/API is missing */
.catalogue-empty .hero-visual img,.catalogue-empty .featured-car img,img[data-empty="true"]{display:none !important}.catalogue-empty .hero-visual{min-height:120px}.catalogue-empty .featured-car{min-height:120px;border:1px dashed #cbd5e1;border-radius:14px;background:linear-gradient(180deg,#f8fafc,#eef2f7);display:grid !important;place-items:center}.catalogue-empty .featured-car:before{content:"Data gambar kendaraan belum tersedia";color:#64748b;font-size:13px;font-weight:850}.vehicle-no-image{height:100%;min-height:96px;display:grid;place-items:center;text-align:center;padding:12px;color:#64748b;font-size:11px;font-weight:800}.mini-car.no-vehicle-image .img{background:#f8fafc;border-style:dashed}

/* Oto 2.2 — Berita EV Newsroom template from Master attachment, 2026-06-05 */
.newsroom-v2{background:#f5f7fb}.newsroom-hero{position:relative;overflow:hidden;color:#fff;background:#03101f;min-height:305px}.newsroom-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,23,.98),rgba(2,15,31,.82) 48%,rgba(2,15,31,.22)),radial-gradient(circle at 74% 54%,rgba(22,119,255,.42),transparent 34%);z-index:1}.newsroom-hero:after{content:"";position:absolute;right:6%;top:54px;width:96px;height:178px;border-radius:18px;border:2px solid #3ea7ff;box-shadow:0 0 34px rgba(62,167,255,.72),inset 0 0 20px rgba(62,167,255,.28);z-index:2}.newsroom-hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:1.05fr 1fr;min-height:305px;align-items:center}.newsroom-copy{padding:26px 0}.breadcrumb{font-size:12px;color:#b9d7ff;margin-bottom:12px;font-weight:800}.breadcrumb span{padding:0 8px;color:#5b85b9}.newsroom-copy .page-pill{background:#103f78;border-color:#1d66bd;color:#fff;margin-bottom:12px}.newsroom-copy h1{font-size:40px;line-height:1.04;margin:0 0 12px;font-weight:950;letter-spacing:-.045em}.newsroom-copy h1 span{color:#2b8cff}.newsroom-copy p{margin:0;color:#dcecff;max-width:560px;line-height:1.5;font-weight:650}.newsroom-visual{position:absolute;right:0;top:0;bottom:0;width:58%;z-index:0}.newsroom-visual img{width:100%;height:100%;object-fit:cover;opacity:.62;filter:saturate(1.08) contrast(1.08)}.news-tabs{position:relative;z-index:5;margin-top:-25px;background:#fff;border:1px solid #e5eaf2;border-radius:10px;box-shadow:0 12px 30px rgba(15,23,42,.12);display:grid;grid-template-columns:1.25fr repeat(6,1fr);gap:0;padding:6px}.news-tabs button{height:42px;border:0;background:#fff;border-radius:8px;color:#64748b;font-weight:900;font-size:12px;display:flex;align-items:center;justify-content:center;gap:8px}.news-tabs button.active{background:#1677ff;color:#fff}.top-story{margin-top:18px;background:#041326;color:#fff;border-radius:14px;overflow:hidden;display:grid;grid-template-columns:1.04fr 1fr;min-height:215px;box-shadow:0 16px 38px rgba(2,8,23,.16)}.top-img{position:relative;overflow:hidden}.top-img img{width:100%;height:100%;object-fit:cover;filter:saturate(1.15) contrast(1.05)}.top-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,23,.06),rgba(2,8,23,.38))}.top-img em,.top-img small{position:absolute;z-index:2;left:18px;font-style:normal;font-weight:950}.top-img em{top:16px;color:#cfe6ff;font-size:12px}.top-img small{bottom:18px;background:#0b4e9e;color:#dcecff;border-radius:999px;padding:6px 10px;font-size:10px}.top-story article{padding:34px 32px;display:grid;align-content:center}.top-story article p{margin:0 0 10px;color:#94a3b8;font-size:12px;font-weight:800}.top-story h2{font-size:29px;line-height:1.12;margin:0 0 14px;letter-spacing:-.035em}.top-story span{color:#d6e7fb;font-size:14px;line-height:1.45}.top-story a{justify-self:start;margin-top:18px;background:#1677ff;color:#fff;border-radius:7px;padding:12px 18px;font-size:13px;font-weight:950}.news-list-head{margin-top:22px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.news-list-head h2{font-size:22px;margin:0;letter-spacing:-.025em}.news-list-head a{font-size:12px;font-weight:950;color:#126dff}.newsroom-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.newsroom-grid article{background:#fff;border:1px solid #e5eaf2;border-radius:10px;overflow:hidden;box-shadow:0 8px 22px rgba(15,23,42,.045)}.newsroom-thumb{height:118px;position:relative;overflow:hidden;background:#071a35}.newsroom-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(1.08)}.newsroom-thumb b{position:absolute;left:8px;top:8px;background:#0b67d8;color:#fff;border-radius:7px;padding:5px 8px;font-size:10px}.newsroom-grid small{display:block;margin:10px 10px 6px;color:#64748b;font-size:10px}.newsroom-grid h3{font-size:13.5px;line-height:1.25;margin:0 10px 7px;color:#111827}.newsroom-grid p{font-size:11px;color:#64748b;line-height:1.35;margin:0 10px 12px}.newsroom-tools{margin-top:22px;background:linear-gradient(90deg,#06182e,#082d5b);color:#fff;border-radius:14px;padding:20px 24px;display:grid;grid-template-columns:1.28fr repeat(3,1fr);gap:16px;box-shadow:0 16px 38px rgba(7,24,46,.18)}.newsroom-tools h2{font-size:21px;margin:0 0 8px;line-height:1.15}.newsroom-tools p{margin:0;color:#cbd5e1;font-size:12px}.newsroom-tools a{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);border-radius:10px;padding:14px;color:#fff;display:grid;grid-template-columns:44px 1fr;gap:8px 12px}.newsroom-tools a b{grid-row:1/3;width:42px;height:42px;border-radius:10px;background:#0b4e9e;display:grid;place-items:center;color:#8ed0ff}.newsroom-tools a span{font-weight:950;font-size:13px}.newsroom-tools a em{font-style:normal;color:#b8d9ff;font-size:11px;line-height:1.3}.need-section{margin-top:22px}.need-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.need-grid article{background:#fff;border:1px solid #e5eaf2;border-radius:12px;padding:18px;box-shadow:0 8px 22px rgba(15,23,42,.045)}.need-grid i{width:48px;height:48px;border-radius:13px;background:#eef6ff;display:grid;place-items:center;font-style:normal;font-size:26px;margin-bottom:12px}.need-grid b{display:block;font-size:14px;margin-bottom:7px}.need-grid p{color:#64748b;font-size:12px;line-height:1.4;margin:0 0 10px}.need-grid a{font-size:11px;font-weight:950;color:#126dff}.newsroom-cta{background:linear-gradient(90deg,#064a9d,#071b35),url('/assets/hero-homepage-kie-neutral.jpg') right center/auto 120% no-repeat;background-blend-mode:multiply,normal}.newsroom-cta button{color:#16a34a}
@media(max-width:1120px){.newsroom-grid{grid-template-columns:repeat(3,1fr)}.news-tabs{grid-template-columns:repeat(4,1fr)}.newsroom-tools{grid-template-columns:1fr 1fr}.need-grid{grid-template-columns:1fr 1fr}.top-story{grid-template-columns:1fr}}@media(max-width:720px){.newsroom-hero,.newsroom-hero-grid{min-height:430px}.newsroom-hero-grid{grid-template-columns:1fr}.newsroom-copy h1{font-size:32px}.newsroom-visual{width:100%;opacity:.35}.news-tabs{grid-template-columns:1fr 1fr;margin-top:14px}.top-story{grid-template-columns:1fr}.top-img{height:190px}.top-story h2{font-size:23px}.newsroom-grid,.newsroom-tools,.need-grid{grid-template-columns:1fr}.news-list-head{align-items:flex-start;gap:10px}.newsroom-tools{padding:18px}.newsroom-cta{background:linear-gradient(90deg,#064a9d,#071b35)}}

/* Oto2tco — TCO calculator dark template from Master attachment, 2026-06-05 */
.tco-v2{background:#020a14;color:#eaf4ff}.tco-v2 .site-footer{background:#030c18;border:1px solid rgba(96,165,250,.12)}.tco-hero{position:relative;overflow:hidden;min-height:355px;background:#04101f;color:#fff}.tco-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,23,.98),rgba(2,12,24,.82) 50%,rgba(2,12,24,.12)),radial-gradient(circle at 75% 52%,rgba(22,119,255,.34),transparent 36%);z-index:1}.tco-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr 1fr;min-height:355px;align-items:center}.tco-copy h1{font-size:43px;line-height:1.02;margin:0 0 16px;letter-spacing:-.045em;font-weight:950}.tco-copy h1 span{color:#1988ff}.tco-copy p{color:#dbeafe;font-size:15px;max-width:570px;line-height:1.55;margin:0 0 28px}.tco-trust{display:flex;gap:30px;flex-wrap:wrap}.tco-trust span{display:grid;grid-template-columns:34px 1fr;gap:4px 10px;align-items:center;color:#eaf4ff;font-size:12px}.tco-trust span:first-letter{font-size:20px}.tco-trust b{display:block}.tco-trust small{display:block;color:#94a3b8}.tco-car{position:absolute;right:0;top:0;bottom:0;width:58%;z-index:0}.tco-car img{width:100%;height:100%;object-fit:cover;opacity:.66;filter:saturate(1.08) contrast(1.08)}.tco-main-grid{margin-top:-42px;position:relative;z-index:4;display:grid;grid-template-columns:1.65fr .84fr;gap:22px}.tco-calculator,.tco-side section,.preview-panel,.tco-why article{background:rgba(8,25,47,.94);border:1px solid rgba(96,165,250,.18);border-radius:14px;box-shadow:0 18px 44px rgba(0,0,0,.26)}.tco-calculator{padding:22px}.stepper{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr;align-items:center;height:46px;border:1px solid rgba(96,165,250,.18);border-radius:10px;padding:5px;background:#07172b}.stepper span{display:flex;gap:9px;align-items:center;justify-content:center;color:#94a3b8;font-size:12px;font-weight:900}.stepper span:before{content:attr(class);display:none}.stepper span{border-radius:8px;height:34px}.stepper span::first-letter{font-size:0}.stepper span.active{background:#1677ff;color:#fff}.stepper i{height:1px;background:rgba(148,163,184,.25)}.tco-calculator h2{font-size:20px;margin:20px 0 6px}.muted{color:#94a3b8;font-size:12px;margin:0 0 16px}.vehicle-pair{display:grid;grid-template-columns:1fr 38px 1fr;gap:18px;align-items:center}.vehicle-pair article{position:relative;background:#0b203c;border:1px solid rgba(96,165,250,.13);border-radius:12px;padding:16px}.vehicle-pair article em{position:absolute;right:14px;top:12px;font-style:normal;background:#1677ff;color:#fff;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:950}.vehicle-pair article em.ice{background:#64748b}.vehicle-pair small{display:block;color:#cbd5e1;font-size:11px}.vehicle-pair img{height:105px;width:100%;object-fit:contain;margin:8px 0;filter:drop-shadow(0 14px 16px rgba(0,0,0,.28))}.vehicle-pair h3{font-size:15px;margin:0 0 8px}.vehicle-pair a{position:absolute;right:15px;bottom:60px;color:#60a5fa;font-size:11px;font-weight:900}.vehicle-pair article div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vehicle-pair span{color:#94a3b8;font-size:10px}.vehicle-pair span b{display:block;color:#fff;font-size:12px;margin-top:4px}.swap{width:38px;height:38px;border:0;border-radius:999px;background:#1677ff;color:#fff;font-size:18px;box-shadow:0 0 22px rgba(22,119,255,.42)}.tco-form-grid{margin-top:20px;display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:16px}.tco-form-grid label{display:grid;gap:8px;color:#cbd5e1;font-size:12px;font-weight:850}.tco-form-grid select{height:42px;background:#07172b;border:1px solid rgba(96,165,250,.16);border-radius:9px;color:#dbeafe;padding:0 12px}.incentive{background:#0b203c;border:1px solid rgba(96,165,250,.13);border-radius:11px;padding:12px}.incentive strong{color:#4ade80;font-size:11px}.incentive a{color:#60a5fa;font-size:11px;justify-self:end}.next-step{margin-top:20px;width:100%;height:48px;border:0;border-radius:8px;background:#1677ff;color:#fff;font-weight:950}.tco-side{display:grid;gap:18px}.tco-side section{padding:18px}.tco-side h3{margin:0 0 18px}.tco-side dl{display:grid;grid-template-columns:1fr auto;gap:14px;margin:0}.tco-side dt{color:#94a3b8;font-size:12px}.tco-side dd{margin:0;font-size:12px;font-weight:900}.tip b,.help b{display:block;margin-bottom:10px}.tip p,.help p{color:#94a3b8;font-size:12px;line-height:1.45}.help button{width:100%;height:42px;border-radius:9px;border:1px solid rgba(96,165,250,.2);background:#07172b;color:#dbeafe;font-weight:900}.preview-panel{margin-top:22px;padding:20px}.preview-panel h2{margin:0 0 4px;font-size:18px}.preview-panel>p{margin:0 0 16px;color:#94a3b8;font-size:12px}.preview-grid{display:grid;grid-template-columns:.86fr 1.25fr 1fr;gap:16px}.cost-cards{display:grid;gap:12px}.cost-cards article{background:#0b203c;border:1px solid rgba(96,165,250,.15);border-radius:10px;padding:14px}.cost-cards span{float:left;width:34px;height:34px;border-radius:999px;background:#1677ff;display:grid;place-items:center;margin-right:12px;font-size:11px;font-weight:950}.cost-cards b{display:block;font-size:13px}.cost-cards small{color:#94a3b8}.cost-cards strong{display:block;font-size:22px;margin-top:5px}.cost-cards em{display:inline-block;margin-top:6px;font-style:normal;background:#14532d;color:#86efac;border-radius:6px;padding:4px 8px;font-size:10px}.chart-card,.donut-card{background:#0b203c;border:1px solid rgba(96,165,250,.15);border-radius:10px;padding:16px}.chart-card h3,.donut-card h3{margin:0 0 15px;font-size:13px}.bar-chart{height:135px;display:flex;align-items:end;gap:7px;border-bottom:1px solid rgba(148,163,184,.2);padding:0 8px}.bar-chart i{width:18px;border-radius:4px 4px 0 0}.bar-chart .ev{background:#1677ff}.bar-chart .ice{background:#64748b}.legend{display:flex;gap:20px;margin-top:10px;color:#94a3b8;font-size:11px}.donut-wrap{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center}.donut{width:96px;height:96px;border-radius:50%;background:conic-gradient(#1677ff 0 40%,#06b6d4 40% 57%,#f97316 57% 72%,#22c55e 72% 80%,#a855f7 80% 87%,#64748b 87%);position:relative}.donut:after{content:"";position:absolute;inset:24px;background:#0b203c;border-radius:50%}.donut-card ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}.donut-card li{font-size:11px;color:#cbd5e1;display:flex;justify-content:space-between}.saving-strip{margin-top:14px;background:linear-gradient(90deg,#082c58,#0b64d8);border-radius:12px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.saving-strip div{display:grid;grid-template-columns:48px 1fr;gap:4px 14px}.saving-strip i{grid-row:1/3;width:46px;height:46px;border-radius:13px;background:#1677ff;display:grid;place-items:center;font-style:normal}.saving-strip b{font-size:20px}.saving-strip span{color:#dbeafe;font-size:12px}.saving-strip button{height:46px;border:0;border-radius:8px;background:#1677ff;color:#fff;padding:0 24px;font-weight:950}.tco-why{margin-top:22px}.tco-why h2{font-size:20px}.tco-why>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tco-why article{padding:18px;min-height:126px}.tco-why i{width:40px;height:40px;border-radius:12px;background:#082f66;display:grid;place-items:center;font-style:normal;margin-bottom:12px}.tco-why b{display:block}.tco-why p{font-size:11px;color:#94a3b8;line-height:1.4}.tco-cta{background:linear-gradient(90deg,#0b64d8,#062b5a)}.tco-cta a{background:#fff;color:#0b64d8}.tco-cta button{background:#42db72!important;color:#052e16!important}
@media(max-width:1050px){.tco-main-grid,.preview-grid{grid-template-columns:1fr}.tco-side{grid-template-columns:repeat(3,1fr)}.tco-form-grid,.tco-why>div{grid-template-columns:1fr 1fr}.tco-hero-grid{grid-template-columns:1fr}.tco-car{width:100%;opacity:.35}.tco-copy h1{font-size:36px}}@media(max-width:720px){.tco-hero{min-height:500px}.tco-main-grid{margin-top:16px}.vehicle-pair{grid-template-columns:1fr}.swap{justify-self:center}.tco-side,.tco-form-grid,.tco-why>div,.saving-strip,.saving-strip div{grid-template-columns:1fr}.preview-grid{grid-template-columns:1fr}.donut-wrap{grid-template-columns:1fr}.tco-trust{gap:12px}.tco-copy h1{font-size:31px}.stepper{grid-template-columns:1fr}.stepper i{display:none}.stepper span:not(.active){display:none}}

/* oto2tco color correction — match Master light calculator reference, 2026-06-05 */
.tco-light-ref{background:#f4f7fb !important;color:#0f172a !important}.tco-light-ref .site-footer{background:#04101f !important;color:#dbeafe !important;border-radius:0 !important;margin-top:28px !important}.tco-light-ref .tco-hero{background:#031020 !important;min-height:372px !important}.tco-light-ref .tco-hero:before{background:linear-gradient(90deg,rgba(2,8,23,.98) 0%,rgba(4,15,31,.88) 38%,rgba(4,15,31,.30) 72%,rgba(4,15,31,.18) 100%),radial-gradient(circle at 73% 57%,rgba(22,119,255,.42),transparent 35%) !important}.tco-light-ref .tco-car img{opacity:.82 !important;filter:saturate(1.12) contrast(1.1) brightness(.86) !important}.tco-light-ref .tco-copy h1{font-size:46px !important;line-height:1.02 !important}.tco-light-ref .tco-copy h1 span{color:#1687ff !important}.tco-light-ref .tco-copy p{max-width:610px !important;color:#d8e8fb !important}.tco-light-ref .tco-trust{gap:18px !important}.tco-light-ref .tco-trust span{min-width:178px;grid-template-columns:42px 1fr !important;background:rgba(255,255,255,.05);border:1px solid rgba(96,165,250,.18);border-radius:12px;padding:12px 13px;color:#fff !important}.tco-light-ref .tco-trust span:before{content:"";width:38px;height:38px;grid-row:1/3;border-radius:12px;background:#0b78ff;box-shadow:0 0 24px rgba(22,119,255,.36)}.tco-light-ref .tco-trust span{position:relative}.tco-light-ref .tco-trust span::first-letter{font-size:0}.tco-light-ref .tco-trust b{font-size:12px}.tco-light-ref .tco-trust small{color:#bcd5f0 !important;font-size:10px;line-height:1.3}.tco-light-ref .tco-main-grid{background:#fff;border:1px solid #e6ebf2;border-radius:14px;box-shadow:0 18px 42px rgba(15,23,42,.18);padding:20px;margin-top:-58px;gap:20px}.tco-light-ref .tco-calculator,.tco-light-ref .tco-side section,.tco-light-ref .preview-panel,.tco-light-ref .tco-why article{background:#fff !important;border:1px solid #e7edf5 !important;color:#0f172a !important;box-shadow:none !important}.tco-light-ref .tco-calculator{padding:0 !important;border:0 !important}.tco-light-ref .stepper{background:#fff !important;border:0 !important;border-bottom:1px solid #e7edf5 !important;border-radius:0 !important;height:58px;padding:0 0 16px !important}.tco-light-ref .stepper span{color:#64748b !important;background:#fff !important;justify-content:flex-start !important;gap:10px}.tco-light-ref .stepper span.active{color:#0b64d8 !important;background:#fff !important}.tco-light-ref .stepper span::before{content:"";width:30px;height:30px;border-radius:999px;background:#eef4fb;border:1px solid #dce7f5;display:block}.tco-light-ref .stepper span.active::before{background:#1677ff;border-color:#1677ff;box-shadow:0 8px 20px rgba(22,119,255,.22)}.tco-light-ref .stepper i{background:#e5eaf2 !important}.tco-light-ref .tco-calculator h2{color:#0f172a !important;margin-top:18px !important}.tco-light-ref .muted,.tco-light-ref .tco-form-grid label,.tco-light-ref .vehicle-pair small,.tco-light-ref .vehicle-pair span,.tco-light-ref .tco-side dt,.tco-light-ref .tip p,.tco-light-ref .help p,.tco-light-ref .preview-panel>p,.tco-light-ref .donut-card li,.tco-light-ref .tco-why p{color:#64748b !important}.tco-light-ref .vehicle-pair article{background:#fff !important;border:1px solid #e7edf5 !important;box-shadow:0 8px 18px rgba(15,23,42,.04)}.tco-light-ref .vehicle-pair article em{background:#1677ff !important}.tco-light-ref .vehicle-pair article em.ice{background:#f97316 !important}.tco-light-ref .vehicle-pair h3,.tco-light-ref .vehicle-pair span b{color:#0f172a !important}.tco-light-ref .vehicle-pair img{height:118px !important;filter:drop-shadow(0 12px 12px rgba(15,23,42,.14)) !important}.tco-light-ref .swap{background:#eaf4ff !important;color:#1677ff !important;box-shadow:none !important;border:1px solid #d8e9ff !important}.tco-light-ref .tco-form-grid select{background:#fff !important;border:1px solid #dbe4ef !important;color:#0f172a !important}.tco-light-ref .incentive{background:#f8fbff !important;border:1px solid #dbeafe !important}.tco-light-ref .incentive strong{color:#15803d !important}.tco-light-ref .next-step{background:#1677ff !important;box-shadow:0 10px 24px rgba(22,119,255,.25) !important}.tco-light-ref .tco-side section:first-child{background:linear-gradient(135deg,#08264c,#064b9a) !important;color:#fff !important;border:0 !important}.tco-light-ref .tco-side section:first-child dt{color:#cfe5ff !important}.tco-light-ref .tco-side section:first-child dd{color:#fff !important}.tco-light-ref .tip,.tco-light-ref .help{background:#fff !important}.tco-light-ref .tip b,.tco-light-ref .help b{color:#0f172a !important}.tco-light-ref .help button{background:#eef6ff !important;color:#0b64d8 !important;border:1px solid #cfe3ff !important}.tco-light-ref .preview-panel{margin-top:22px !important;padding:22px !important;border-radius:14px !important;box-shadow:0 10px 28px rgba(15,23,42,.055) !important}.tco-light-ref .preview-panel h2,.tco-light-ref .chart-card h3,.tco-light-ref .donut-card h3{color:#0f172a !important}.tco-light-ref .cost-cards article,.tco-light-ref .chart-card,.tco-light-ref .donut-card{background:#fff !important;border:1px solid #e7edf5 !important;color:#0f172a !important;box-shadow:0 8px 18px rgba(15,23,42,.035)}.tco-light-ref .cost-cards strong{color:#0b64d8 !important}.tco-light-ref .cost-cards article:nth-child(2) strong{color:#f97316 !important}.tco-light-ref .bar-chart{border-bottom-color:#e7edf5 !important;background:linear-gradient(180deg,transparent,#fbfdff);border-radius:8px}.tco-light-ref .legend,.tco-light-ref .cost-cards small{color:#64748b !important}.tco-light-ref .donut:after{background:#fff !important}.tco-light-ref .donut-card li b{color:#0f172a !important}.tco-light-ref .saving-strip{background:#ecfdf5 !important;border:1px solid #bbf7d0 !important;color:#0f172a !important}.tco-light-ref .saving-strip i{background:#22c55e !important}.tco-light-ref .saving-strip b{color:#15803d !important}.tco-light-ref .saving-strip span{color:#166534 !important}.tco-light-ref .saving-strip button{background:#1677ff !important;color:#fff !important}.tco-light-ref .tco-why{color:#0f172a !important}.tco-light-ref .tco-why h2{text-align:center;color:#0f172a !important}.tco-light-ref .tco-why article{border-radius:12px !important;box-shadow:0 8px 18px rgba(15,23,42,.035) !important}.tco-light-ref .tco-why i{background:#eef6ff !important;color:#1677ff !important}.tco-light-ref .tco-why b{color:#0f172a !important}.tco-light-ref .tco-cta{background:linear-gradient(90deg,#061a35,#082e62),url('/assets/hero-homepage-kie-neutral.jpg') center/cover !important;background-blend-mode:multiply !important;border-radius:12px !important}.tco-light-ref .tco-cta a{background:#fff !important;color:#0b64d8 !important}.tco-light-ref .tco-cta button{background:#32d665 !important;color:#052e16 !important}.tco-light-ref .site-footer nav b,.tco-light-ref .site-footer form b{color:#fff !important}.tco-light-ref .site-footer nav a{color:#a8c2de !important}.tco-light-ref .site-footer p,.tco-light-ref .site-footer small{color:#94a3b8 !important}
@media(max-width:1050px){.tco-light-ref .tco-main-grid{padding:16px}.tco-light-ref .tco-side{grid-template-columns:1fr !important}.tco-light-ref .stepper{grid-template-columns:repeat(4,1fr) !important}.tco-light-ref .stepper i{display:none}}@media(max-width:720px){.tco-light-ref .tco-main-grid{margin-top:16px;padding:14px}.tco-light-ref .tco-copy h1{font-size:32px !important}.tco-light-ref .tco-trust span{min-width:100%}.tco-light-ref .stepper span:not(.active){display:flex !important}.tco-light-ref .stepper{height:auto;grid-template-columns:1fr 1fr !important;gap:8px}.tco-light-ref .preview-grid{gap:12px}.tco-light-ref .saving-strip{gap:12px}}

/* oto2rev — Review EV dark premium page from Master attachment, 2026-06-05 */
.review-v2{background:#020b15 !important;color:#eaf4ff !important}.review-v2 .site-footer{background:#020b15 !important;border:1px solid rgba(96,165,250,.13) !important}.review-hero{position:relative;overflow:hidden;min-height:355px;background:#04101f;color:#fff}.review-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,23,.98),rgba(2,12,24,.82) 48%,rgba(2,12,24,.20)),radial-gradient(circle at 74% 54%,rgba(22,119,255,.32),transparent 34%);z-index:1}.review-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;min-height:355px;align-items:center}.review-copy h1{font-size:44px;line-height:1.02;margin:0 0 14px;letter-spacing:-.045em;font-weight:950}.review-copy h1 span{color:#2b8cff}.review-copy p{color:#dbeafe;font-size:15px;max-width:545px;line-height:1.55;margin:0 0 22px}.review-search{width:min(520px,100%);height:54px;background:#fff;border:2px solid #1677ff;border-radius:11px;display:grid;grid-template-columns:44px 1fr 47px;align-items:center;padding:0 6px 0 14px;box-shadow:0 0 0 4px rgba(22,119,255,.16)}.review-search span{color:#64748b;font-size:22px}.review-search input{border:0;outline:0;font-size:14px;color:#0f172a}.review-search button{height:40px;border:0;border-radius:8px;background:#1677ff;color:#fff;font-weight:950}.review-chips{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:16px}.review-chips small{color:#a9c3df;font-size:12px}.review-chips button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);border-radius:999px;color:#dbeafe;padding:7px 12px;font-size:11px;font-weight:850}.review-car{position:absolute;right:0;top:0;bottom:0;width:59%;z-index:0}.review-car img{width:100%;height:100%;object-fit:cover;opacity:.76;filter:saturate(1.08) contrast(1.08) brightness(.82)}.review-car aside{position:absolute;right:42px;top:86px;width:128px;padding:18px 14px;background:rgba(5,22,44,.75);border:1px solid rgba(96,165,250,.18);border-radius:14px;z-index:4;box-shadow:0 0 28px rgba(22,119,255,.18)}.review-car aside b{font-size:34px;line-height:1}.review-car aside small{font-size:16px;color:#cfe5ff}.review-car aside span,.review-car aside em{display:block;color:#b8d0ea;font-size:11px;line-height:1.3;margin-top:10px;font-style:normal}.review-stats{margin-top:-36px;position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#071c35;border:1px solid rgba(96,165,250,.18);border-radius:10px;box-shadow:0 16px 34px rgba(0,0,0,.22);overflow:hidden}.review-stats article{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:14px;padding:22px 26px;border-right:1px solid rgba(255,255,255,.08)}.review-stats article:last-child{border-right:0}.review-stats i{grid-row:1/3;width:54px;height:54px;border-radius:16px;background:#0b78ff;display:grid;place-items:center;font-style:normal;font-size:28px;box-shadow:0 0 22px rgba(22,119,255,.32)}.review-stats b{font-size:28px;line-height:1}.review-stats span{font-size:12px;color:#cfe5ff;line-height:1.25}.featured-review,.review-categories,.latest-review,.review-sidebar section{margin-top:22px}.review-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.review-section-head h2,.review-categories h2,.latest-review h2,.review-sidebar h2{font-size:18px;margin:0;color:#eaf4ff}.review-section-head a{font-size:12px;color:#7dbdff;font-weight:900}.featured-review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.featured-review-grid article{background:#06182f;border:1px solid rgba(96,165,250,.16);border-radius:10px;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.18)}.featured-review-grid article>div{position:relative;height:178px;overflow:hidden}.featured-review-grid img{width:100%;height:100%;object-fit:cover;filter:saturate(1.08) brightness(.82)}.featured-review-grid em{position:absolute;top:10px;left:10px;background:#0b64d8;color:#fff;border-radius:6px;padding:6px 8px;font-size:10px;font-style:normal;font-weight:950}.featured-review-grid h3{font-size:16px;margin:13px 14px 4px;color:#fff}.featured-review-grid p{margin:0 14px 10px;color:#cbd5e1;font-size:12px}.featured-review-grid nav{display:flex;gap:5px;flex-wrap:wrap;margin:0 14px 12px}.featured-review-grid nav span{background:#0a274b;color:#b8d9ff;border-radius:5px;padding:4px 7px;font-size:9px}.featured-review-grid footer{display:flex;justify-content:space-between;align-items:center;margin:0 14px 14px;color:#cbd5e1;font-size:11px}.featured-review-grid b{color:#facc15}.review-categories>div{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.review-categories button{height:80px;border-radius:10px;border:1px solid rgba(96,165,250,.16);background:#06182f;color:#dbeafe;display:grid;place-items:center;font-weight:900}.review-categories button.active{border-color:#1677ff;box-shadow:0 0 0 1px rgba(22,119,255,.35) inset}.review-categories i{font-style:normal;font-size:27px}.review-categories span{font-size:11px}.review-content-grid{display:grid;grid-template-columns:1.55fr .85fr;gap:20px;margin-top:18px}.latest-review,.review-sidebar section{background:#06182f;border:1px solid rgba(96,165,250,.16);border-radius:12px;padding:18px;box-shadow:0 12px 28px rgba(0,0,0,.18)}.latest-review article{display:grid;grid-template-columns:170px 1fr auto;gap:16px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.latest-review article:last-of-type{border-bottom:0}.latest-review img{width:170px;height:108px;object-fit:cover;border-radius:8px}.latest-review em{font-style:normal;background:#0b64d8;color:#fff;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:950}.latest-review h3{font-size:16px;margin:8px 0 6px;color:#fff}.latest-review p{font-size:12px;color:#cbd5e1;line-height:1.4;margin:0 0 8px}.latest-review small{font-size:10px;color:#94a3b8}.latest-review aside{align-self:end;color:#facc15;font-size:12px;font-weight:900}.latest-review aside span{color:#94a3b8;margin-left:12px}.latest-review>a{display:inline-flex;margin-top:14px;border:1px solid rgba(96,165,250,.22);border-radius:8px;padding:12px 22px;color:#fff;font-weight:900;font-size:12px}.review-sidebar{display:grid;gap:18px}.review-sidebar section{margin-top:0}.review-sidebar a{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08);color:#dbeafe}.review-sidebar a:last-child{border-bottom:0}.review-sidebar i{font-style:normal;width:34px;height:34px;border-radius:10px;background:#0a274b;display:grid;place-items:center}.review-sidebar span{font-size:13px;font-weight:900}.review-sidebar small{display:block;color:#94a3b8;font-size:10px;margin-top:2px}.review-sidebar b{color:#7dbdff}.review-newsletter{background:linear-gradient(135deg,#073d86,#081d3c)!important}.review-newsletter p{font-size:12px;color:#dbeafe}.review-newsletter form{display:grid;grid-template-columns:1fr auto;gap:8px}.review-newsletter input{height:40px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#06224a;color:#fff;padding:0 12px}.review-newsletter button{border:0;border-radius:8px;background:#1677ff;color:#fff;font-weight:900;padding:0 14px}.review-newsletter small{color:#aac9ed;font-size:10px}.review-cta{margin-top:22px;background:linear-gradient(90deg,#063a82,#072348),url('/assets/hero-homepage-kie-neutral.jpg') right center/auto 160% no-repeat;background-blend-mode:multiply;border:1px solid rgba(96,165,250,.16);border-radius:12px;padding:24px;display:grid;grid-template-columns:1fr auto;align-items:center;color:#fff}.review-cta div{display:grid;grid-template-columns:62px 1fr;gap:4px 16px}.review-cta i{grid-row:1/3;width:56px;height:56px;border-radius:16px;background:#0b78ff;display:grid;place-items:center;font-style:normal;font-size:30px}.review-cta h2{margin:0;font-size:21px}.review-cta p{margin:0;color:#dbeafe}.review-cta button{height:44px;border:0;border-radius:8px;background:#1677ff;color:#fff;font-weight:950;padding:0 20px}.review-v2 .site-footer nav b,.review-v2 .site-footer form b{color:#fff!important}.review-v2 .site-footer nav a{color:#a8c2de!important}.review-v2 .site-footer p,.review-v2 .site-footer small{color:#94a3b8!important}
@media(max-width:1050px){.review-stats,.featured-review-grid{grid-template-columns:repeat(2,1fr)}.review-categories>div{grid-template-columns:repeat(4,1fr)}.review-content-grid{grid-template-columns:1fr}.review-hero-grid{grid-template-columns:1fr}.review-car{width:100%;opacity:.38}.review-car aside{display:none}}@media(max-width:720px){.review-hero{min-height:510px}.review-copy h1{font-size:34px}.review-stats,.featured-review-grid,.review-categories>div,.review-cta{grid-template-columns:1fr}.latest-review article{grid-template-columns:1fr}.latest-review img{width:100%;height:180px}.review-newsletter form{grid-template-columns:1fr}.review-cta div{grid-template-columns:1fr}.review-cta button{margin-top:14px}.review-chips small{width:100%}}

/* Oto2 screenshot QA minor visual fixes — 2026-06-05 */
.page-dealer-spklu .route-stat-grid{margin-top:22px !important}.page-dealer-spklu .filter-card{margin-top:22px !important}.page-dealer-spklu .route-hero{padding-bottom:12px}.tco-light-ref .tco-main-grid{margin-top:28px !important}.tco-light-ref .tco-hero{padding-bottom:26px !important}.tco-light-ref .tco-trust{margin-bottom:8px}.tco-light-ref .tco-trust span{min-height:68px}.tco-light-ref .tco-copy{padding-bottom:18px}.tco-light-ref .tco-car{bottom:0}.page-bandingkan .compare-picker{margin-top:24px !important}.page-berita .news-tabs{margin-top:18px !important}.page-review .review-stats{margin-top:22px !important}
@media(max-width:720px){.page-dealer-spklu .route-stat-grid,.tco-light-ref .tco-main-grid,.page-review .review-stats,.page-berita .news-tabs,.page-bandingkan .compare-picker{margin-top:16px !important}}

/* Oto2 premium visual polish — closer to Master mockup, 2026-06-05 */
:root{--oto-blue:#1677ff;--oto-blue-2:#0b64d8;--oto-cyan:#5cc8ff;--oto-ink:#071527;--oto-soft:#f5f8fc;--oto-card:#ffffff;--oto-line:#e6edf6;--oto-shadow:0 18px 45px rgba(15,23,42,.12);--oto-shadow-soft:0 10px 28px rgba(15,23,42,.075)}
.site-header{backdrop-filter:blur(14px);box-shadow:0 8px 28px rgba(2,8,23,.22)}.brand{letter-spacing:-.035em}.main-nav a{border-radius:999px;padding:9px 13px;transition:.18s ease}.main-nav a:hover,.main-nav a.active{background:rgba(22,119,255,.14);color:#e8f4ff}.header-actions a,.header-actions button{box-shadow:0 10px 22px rgba(22,119,255,.18);transition:.18s ease}.header-actions a:hover,.header-actions button:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(22,119,255,.24)}
.route-redesign .shell{max-width:1180px}.route-redesign h1,.route-redesign h2,.route-redesign h3{letter-spacing:-.035em}.route-redesign p{letter-spacing:-.005em}.route-hero,.compare-hero,.newsroom-hero,.tco-hero,.review-hero{isolation:isolate}.route-hero:before,.compare-hero:before,.newsroom-hero:before,.tco-hero:before,.review-hero:before{filter:saturate(1.1)}.route-hero:after,.compare-hero:after,.newsroom-hero:after,.tco-hero:after,.review-hero:after{pointer-events:none}.route-hero-copy h1,.newsroom-copy h1,.tco-copy h1,.review-copy h1{filter:drop-shadow(0 16px 34px rgba(0,0,0,.22))}.route-hero-copy h1 span,.newsroom-copy h1 span,.tco-copy h1 span,.review-copy h1 span{background:linear-gradient(90deg,#5cc8ff,#1677ff);-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:none}.page-pill{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 10px 24px rgba(22,119,255,.18)}
.route-search,.review-search{border-radius:14px!important;box-shadow:0 0 0 5px rgba(22,119,255,.14),0 22px 48px rgba(0,0,0,.26)!important}.route-search button,.review-search button,.next-step,.saving-strip button,.route-cta button,.route-cta a,.review-cta button{transition:.18s ease}.route-search button:hover,.review-search button:hover,.next-step:hover,.saving-strip button:hover,.route-cta button:hover,.route-cta a:hover,.review-cta button:hover{transform:translateY(-1px);filter:saturate(1.1);box-shadow:0 12px 28px rgba(22,119,255,.25)}
.route-stat-grid article,.review-stats article{transition:.18s ease}.route-stat-grid article:hover,.review-stats article:hover{transform:translateY(-2px)}.route-stat-grid i,.review-stats i,.tco-why i,.need-grid i{background:linear-gradient(135deg,#1677ff,#56c7ff)!important;box-shadow:0 12px 28px rgba(22,119,255,.26)!important}.filter-card,.compare-picker,.spec-compare,.map-panel,.top-story,.latest-review,.review-sidebar section,.preview-panel,.tco-main-grid{border-radius:18px!important;box-shadow:var(--oto-shadow)!important}.filter-card,.spec-compare,.preview-panel{border-color:var(--oto-line)!important}.segmented button,.filter-actions button,.city-chips button,.review-chips button,.news-tabs button,.review-categories button{transition:.18s ease}.segmented button:hover,.filter-actions button:hover,.city-chips button:hover,.review-chips button:hover,.news-tabs button:hover,.review-categories button:hover{transform:translateY(-1px)}
/* Homepage polish */
.home-hero,.hero,.homepage-hero{position:relative}.hero-card,.featured-card,.mini-car,.stat-card,.tool-card{border-radius:18px!important;box-shadow:var(--oto-shadow-soft)!important}.featured-car img,.hero-visual img{filter:saturate(1.08) contrast(1.05) drop-shadow(0 24px 34px rgba(15,23,42,.18))}.catalogue-empty .featured-car:before{font-weight:900;color:#64748b}
/* Compare page */
.compare-picker{background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px)}.compare-picker article img{height:92px!important}.compare-picker article{transition:.18s ease}.compare-picker article:hover{background:#fbfdff}.spec-compare table{border-radius:16px!important}.spec-compare th{background:linear-gradient(180deg,#fbfdff,#f3f7fb)!important;color:#0f172a}.verdict{padding:8px 0}.insight-grid article,.tool-grid a{transition:.18s ease}.insight-grid article:hover,.tool-grid a:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(15,23,42,.10)}
/* Dealer page */
.page-dealer-spklu .map-panel{background:linear-gradient(135deg,#06172d,#092e60)!important}.indo-map{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.map-panel aside article{border-radius:12px;padding:14px 10px!important;transition:.18s ease}.map-panel aside article:hover{background:rgba(255,255,255,.05)}.dealer-bottom-grid>div{border-radius:18px!important;background:linear-gradient(135deg,#07172b,#09264a)!important}.brand-mini span,.brand-mini button{transition:.18s ease}.brand-mini span:hover,.brand-mini button:hover{background:rgba(22,119,255,.2);transform:translateY(-2px)}
/* News page */
.news-tabs{border-radius:16px!important;padding:8px!important}.top-story{background:linear-gradient(135deg,#031225,#08274e)!important}.top-story h2{font-size:31px!important}.newsroom-grid article,.need-grid article{border-radius:15px!important;transition:.18s ease}.newsroom-grid article:hover,.need-grid article:hover{transform:translateY(-3px);box-shadow:0 18px 35px rgba(15,23,42,.12)}.newsroom-thumb{height:132px!important}.newsroom-tools{border-radius:18px!important}.newsroom-tools a{transition:.18s ease}.newsroom-tools a:hover{background:rgba(255,255,255,.075);transform:translateY(-2px)}
/* TCO page */
.tco-light-ref .tco-main-grid{box-shadow:0 24px 58px rgba(15,23,42,.16)!important}.tco-light-ref .vehicle-pair article,.tco-light-ref .cost-cards article,.tco-light-ref .chart-card,.tco-light-ref .donut-card,.tco-light-ref .tco-why article{border-radius:16px!important;transition:.18s ease}.tco-light-ref .vehicle-pair article:hover,.tco-light-ref .cost-cards article:hover,.tco-light-ref .chart-card:hover,.tco-light-ref .donut-card:hover,.tco-light-ref .tco-why article:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,23,42,.09)!important}.tco-light-ref .stepper span.active::before{box-shadow:0 8px 22px rgba(22,119,255,.32),inset 0 0 0 7px rgba(255,255,255,.25)!important}.saving-strip{box-shadow:0 16px 34px rgba(34,197,94,.14)!important}
/* Review page */
.review-stats{border-radius:16px!important}.featured-review-grid article,.latest-review,.review-sidebar section{border-radius:16px!important;transition:.18s ease}.featured-review-grid article:hover,.latest-review article:hover,.review-sidebar a:hover{transform:translateY(-2px)}.featured-review-grid article>div{height:190px!important}.review-categories button{height:88px!important}.review-newsletter input{outline:0}.review-newsletter input:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(96,165,250,.15)}
/* CTA polish */
.route-cta,.review-cta,.tco-cta,.newsroom-cta{border-radius:18px!important;box-shadow:0 18px 45px rgba(11,100,216,.20)!important;overflow:hidden;position:relative}.route-cta:after,.review-cta:after{content:"";position:absolute;right:-80px;top:-100px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(92,200,255,.24),transparent 65%);pointer-events:none}
@media(max-width:720px){.route-redesign .shell{padding-left:16px;padding-right:16px}.route-hero-copy h1,.newsroom-copy h1,.tco-copy h1,.review-copy h1{font-size:32px!important}.top-story h2{font-size:24px!important}.featured-review-grid article>div{height:180px!important}.newsroom-thumb{height:170px!important}}

/* oto2ban mobile fix from Master Telegram QA — 2026-06-05 */
@media(max-width:720px){
  .page-bandingkan .compare-hero{min-height:auto !important;padding:44px 0 26px !important;}
  .page-bandingkan .compare-hero .route-hero-grid{min-height:auto !important;}
  .page-bandingkan .route-hero-copy{padding:0 !important;}
  .page-bandingkan .route-hero-copy h1{font-size:31px !important;line-height:1.05 !important;margin-bottom:12px !important;}
  .page-bandingkan .route-hero-copy p{font-size:13px !important;line-height:1.5 !important;max-width:96% !important;}
  .page-bandingkan .hero-bullets{gap:8px 12px !important;margin-top:16px !important;}
  .page-bandingkan .hero-bullets span{font-size:10px !important;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 8px;}

  .page-bandingkan .compare-picker{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin-top:16px !important;
    padding:12px !important;
    overflow:visible !important;
    border-radius:16px !important;
  }
  .page-bandingkan .compare-picker aside:first-child{
    min-height:auto !important;
    padding:14px !important;
    border:1px solid #e8eef6 !important;
    border-radius:14px !important;
    background:#fbfdff !important;
  }
  .page-bandingkan .compare-picker aside:first-child h2{font-size:17px !important;margin-bottom:4px !important;}
  .page-bandingkan .compare-picker aside:first-child p{font-size:12px !important;margin:0 0 12px !important;}
  .page-bandingkan .compare-picker aside:first-child button{margin-top:0 !important;width:100% !important;height:42px !important;background:#fff !important;}
  .page-bandingkan .compare-picker article{
    min-height:0 !important;
    padding:18px 14px 14px !important;
    border:1px solid #e8eef6 !important;
    border-radius:14px !important;
    background:#fff !important;
    box-shadow:0 10px 24px rgba(15,23,42,.06) !important;
  }
  .page-bandingkan .compare-picker article em{left:14px !important;top:12px !important;}
  .page-bandingkan .compare-picker article .close{right:12px !important;top:10px !important;}
  .page-bandingkan .compare-picker article img{
    height:142px !important;
    max-width:92% !important;
    object-fit:contain !important;
    margin:20px auto 10px !important;
  }
  .page-bandingkan .compare-picker article h3{font-size:17px !important;line-height:1.2 !important;}
  .page-bandingkan .compare-picker article p{font-size:12px !important;margin:4px 0 0 !important;}
  .page-bandingkan .compare-picker article div{grid-template-columns:repeat(3,1fr) !important;gap:8px !important;margin-top:12px !important;}
  .page-bandingkan .compare-picker article div span{
    min-height:34px;
    display:grid;
    place-items:center;
    background:#f6f9fc;
    border:1px solid #ecf1f7;
    border-radius:9px;
    padding:5px;
    font-size:9.5px !important;
    line-height:1.15;
  }
  .page-bandingkan .limit-card{display:none !important;}

  .page-bandingkan .spec-compare{padding:16px 12px !important;border-radius:16px !important;}
  .page-bandingkan .spec-compare h2{font-size:18px !important;margin-bottom:12px !important;}
  .page-bandingkan .table-wrap{overflow-x:auto !important;-webkit-overflow-scrolling:touch;padding-bottom:4px;}
  .page-bandingkan .spec-compare table{min-width:820px !important;font-size:12px !important;}
  .page-bandingkan .spec-compare th,.page-bandingkan .spec-compare td{min-width:150px !important;padding:11px 12px !important;white-space:normal !important;}
  .page-bandingkan .spec-compare th:first-child,.page-bandingkan .spec-compare td:first-child{position:sticky;left:0;z-index:2;background:#fff;min-width:142px !important;box-shadow:8px 0 12px rgba(15,23,42,.04);}
  .page-bandingkan .spec-compare th:first-child{background:#f7faff !important;z-index:3;}
  .page-bandingkan .spec-compare small{font-size:10px !important;line-height:1.35;}

  .page-bandingkan .insight-section{padding:0 !important;margin-top:18px !important;}
  .page-bandingkan .insight-grid{grid-template-columns:1fr !important;gap:12px !important;}
  .page-bandingkan .insight-grid article{border-radius:14px !important;padding:16px !important;}
  .page-bandingkan .insight-cols{grid-template-columns:1fr !important;gap:10px !important;}
  .page-bandingkan .tool-grid{grid-template-columns:1fr !important;gap:12px !important;}
}

/* oto2ban mobile second polish — tighter hero + better touch targets */
@media(max-width:720px){
  .page-bandingkan .route-hero-copy h1{font-size:29px !important;line-height:1.04 !important;max-width:94% !important;}
  .page-bandingkan .hero-bullets{gap:7px !important;}
  .page-bandingkan .hero-bullets span{font-size:9.5px !important;padding:6px 7px !important;}
  .page-bandingkan .compare-picker article{padding-top:18px !important;}
  .page-bandingkan .compare-picker article .close{width:34px !important;height:34px !important;border-radius:999px !important;background:#f5f8fc !important;color:#64748b !important;display:grid !important;place-items:center !important;}
  .page-bandingkan .compare-picker article img{height:126px !important;margin:22px auto 12px !important;}
  .page-bandingkan .compare-picker article h3{margin-top:2px !important;}
}

/* oto2tco mobile fix from Master HP screenshot — 2026-06-05 */
@media(max-width:820px){
  .page-tco .site-header .shell{min-height:54px;padding-inline:12px;}
  .page-tco .brand{font-size:16px;}
  .page-tco .main-nav{display:none !important;}
  .page-tco .header-actions{display:none !important;}

  .tco-light-ref .tco-hero{min-height:auto !important;padding:34px 0 26px !important;}
  .tco-light-ref .tco-hero-grid{display:block !important;min-height:auto !important;}
  .tco-light-ref .tco-copy{padding:0 0 12px !important;position:relative;z-index:3;}
  .tco-light-ref .tco-copy h1{font-size:30px !important;line-height:1.06 !important;max-width:94% !important;margin:0 0 12px !important;}
  .tco-light-ref .tco-copy p{font-size:13px !important;line-height:1.48 !important;max-width:95% !important;margin-bottom:16px !important;}
  .tco-light-ref .tco-car{width:100% !important;opacity:.44 !important;}
  .tco-light-ref .tco-car img{object-position:center !important;}
  .tco-light-ref .tco-trust{display:grid !important;grid-template-columns:1fr !important;gap:9px !important;max-width:96% !important;margin:0 !important;}
  .tco-light-ref .tco-trust span{min-width:0 !important;width:auto !important;min-height:0 !important;padding:10px 12px !important;grid-template-columns:34px 1fr !important;border-radius:12px !important;background:rgba(5,18,35,.68) !important;backdrop-filter:blur(7px);}
  .tco-light-ref .tco-trust span:before{width:30px !important;height:30px !important;border-radius:10px !important;}
  .tco-light-ref .tco-trust b{font-size:11px !important;}
  .tco-light-ref .tco-trust small{font-size:9.5px !important;line-height:1.25 !important;}

  .tco-light-ref .tco-main-grid{display:grid !important;grid-template-columns:1fr !important;margin-top:16px !important;padding:14px !important;border-radius:16px !important;gap:14px !important;box-shadow:0 12px 32px rgba(15,23,42,.14) !important;}
  .tco-light-ref .tco-calculator{padding:0 !important;}
  .tco-light-ref .stepper{height:auto !important;display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:6px !important;padding:0 0 12px !important;}
  .tco-light-ref .stepper i{display:none !important;}
  .tco-light-ref .stepper span{display:grid !important;place-items:center !important;text-align:center !important;gap:4px !important;height:auto !important;font-size:9px !important;line-height:1.2 !important;padding:4px 2px !important;}
  .tco-light-ref .stepper span::before{width:28px !important;height:28px !important;}
  .tco-light-ref .tco-calculator h2{font-size:19px !important;margin:16px 0 4px !important;}
  .tco-light-ref .muted{font-size:11px !important;margin-bottom:12px !important;}

  .tco-light-ref .vehicle-pair{display:grid !important;grid-template-columns:1fr !important;gap:12px !important;}
  .tco-light-ref .vehicle-pair article{padding:14px !important;border-radius:14px !important;}
  .tco-light-ref .vehicle-pair img{height:132px !important;margin:14px 0 10px !important;object-fit:contain !important;}
  .tco-light-ref .vehicle-pair h3{font-size:15px !important;line-height:1.25 !important;margin-bottom:8px !important;}
  .tco-light-ref .vehicle-pair a{position:static !important;display:inline-flex !important;margin:2px 0 10px !important;font-size:11px !important;}
  .tco-light-ref .vehicle-pair article div{grid-template-columns:1fr 1fr !important;gap:8px !important;}
  .tco-light-ref .vehicle-pair span{background:#f6f9fc;border:1px solid #ecf1f7;border-radius:9px;padding:8px;font-size:10px !important;}
  .tco-light-ref .vehicle-pair span b{font-size:12px !important;}
  .tco-light-ref .swap{justify-self:center !important;transform:rotate(90deg);width:36px !important;height:36px !important;}

  .tco-light-ref .tco-form-grid{grid-template-columns:1fr !important;gap:12px !important;margin-top:14px !important;}
  .tco-light-ref .tco-form-grid select{height:44px !important;font-size:12px !important;}
  .tco-light-ref .incentive{padding:12px !important;}
  .tco-light-ref .next-step{height:46px !important;margin-top:14px !important;border-radius:10px !important;}

  .tco-light-ref .tco-side{display:grid !important;grid-template-columns:1fr !important;gap:12px !important;}
  .tco-light-ref .tco-side section{border-radius:14px !important;padding:14px !important;}
  .tco-light-ref .tco-side h3{font-size:15px !important;margin-bottom:12px !important;}
  .tco-light-ref .tco-side dl{gap:10px !important;}
  .tco-light-ref .tco-side dt,.tco-light-ref .tco-side dd{font-size:11px !important;}

  .tco-light-ref .preview-panel{padding:14px !important;margin-top:16px !important;border-radius:16px !important;}
  .tco-light-ref .preview-grid{grid-template-columns:1fr !important;gap:12px !important;}
  .tco-light-ref .cost-cards{gap:10px !important;}
  .tco-light-ref .cost-cards article{border-radius:14px !important;}
  .tco-light-ref .cost-cards strong{font-size:20px !important;}
  .tco-light-ref .donut-wrap{grid-template-columns:1fr !important;justify-items:center !important;}
  .tco-light-ref .saving-strip{grid-template-columns:1fr !important;gap:12px !important;padding:14px !important;}
  .tco-light-ref .saving-strip div{grid-template-columns:42px 1fr !important;}
  .tco-light-ref .saving-strip b{font-size:16px !important;}
  .tco-light-ref .saving-strip button{width:100% !important;}

  .tco-light-ref .tco-why>div{grid-template-columns:1fr !important;gap:12px !important;}
  .tco-light-ref .tco-cta{grid-template-columns:1fr !important;padding:18px !important;gap:12px !important;}
  .tco-light-ref .tco-cta a,.tco-light-ref .tco-cta button{width:100% !important;justify-content:center !important;}
}

/* oto2tco mobile hero feature cards fix — 2026-06-05 */
@media(max-width:820px){
  .tco-light-ref .tco-hero{padding:28px 0 20px !important;}
  .tco-light-ref .tco-copy h1{font-size:28px !important;line-height:1.05 !important;margin-bottom:10px !important;}
  .tco-light-ref .tco-copy p{font-size:12.5px !important;line-height:1.45 !important;margin-bottom:12px !important;}
  .tco-light-ref .tco-trust{gap:7px !important;max-width:100% !important;}
  .tco-light-ref .tco-trust span{
    display:grid !important;
    grid-template-columns:30px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    column-gap:9px !important;
    row-gap:1px !important;
    align-items:center !important;
    min-height:0 !important;
    padding:8px 10px !important;
    border-radius:10px !important;
    background:rgba(4,15,31,.76) !important;
  }
  .tco-light-ref .tco-trust span:before{
    grid-row:1 / span 2 !important;
    width:28px !important;
    height:28px !important;
    border-radius:9px !important;
    box-shadow:0 8px 18px rgba(22,119,255,.24) !important;
  }
  .tco-light-ref .tco-trust b{
    display:block !important;
    font-size:11px !important;
    line-height:1.15 !important;
    white-space:normal !important;
  }
  .tco-light-ref .tco-trust small{
    display:block !important;
    font-size:9.2px !important;
    line-height:1.22 !important;
    color:#d0e3f8 !important;
    max-width:100% !important;
  }
  .tco-light-ref .tco-main-grid{margin-top:12px !important;}
}
@media(max-width:420px){
  .tco-light-ref .tco-copy h1{font-size:26px !important;}
  .tco-light-ref .tco-trust small{font-size:9px !important;}
}

/* oto2rev desktop hero layout fix from Master screenshot — 2026-06-05 */
@media(min-width:821px){
  .review-v2 .review-hero{min-height:380px !important;overflow:hidden !important;background:#020b15 !important;}
  .review-v2 .review-hero:before{
    background:
      linear-gradient(90deg,
        rgba(2,8,23,.99) 0%,
        rgba(2,8,23,.98) 34%,
        rgba(2,8,23,.90) 45%,
        rgba(2,8,23,.48) 62%,
        rgba(2,8,23,.18) 100%),
      radial-gradient(circle at 77% 52%,rgba(22,119,255,.28),transparent 33%) !important;
    z-index:2 !important;
  }
  .review-v2 .review-hero-grid{display:block !important;min-height:380px !important;position:relative !important;}
  .review-v2 .review-copy{
    position:relative !important;
    z-index:5 !important;
    width:48% !important;
    max-width:560px !important;
    padding:58px 0 42px !important;
  }
  .review-v2 .review-copy h1{font-size:43px !important;line-height:1.03 !important;margin-bottom:14px !important;}
  .review-v2 .review-copy p{max-width:520px !important;font-size:14.5px !important;line-height:1.52 !important;margin-bottom:20px !important;}
  .review-v2 .review-search{
    width:100% !important;
    max-width:520px !important;
    position:relative !important;
    z-index:8 !important;
    grid-template-columns:44px minmax(0,1fr) 50px !important;
  }
  .review-v2 .review-search input{min-width:0 !important;padding-right:8px !important;}
  .review-v2 .review-search button{width:42px !important;justify-self:end !important;}
  .review-v2 .review-chips{
    max-width:540px !important;
    position:relative !important;
    z-index:8 !important;
    gap:9px !important;
  }
  .review-v2 .review-chips small{flex:0 0 auto !important;}
  .review-v2 .review-chips button{white-space:nowrap !important;}
  .review-v2 .review-car{
    left:47% !important;
    right:0 !important;
    top:0 !important;
    bottom:0 !important;
    width:53% !important;
    z-index:1 !important;
  }
  .review-v2 .review-car:before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(2,8,23,.55),rgba(2,8,23,.10) 35%,rgba(2,8,23,.05));
    z-index:2;
    pointer-events:none;
  }
  .review-v2 .review-car img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center right !important;
    opacity:.88 !important;
    filter:saturate(1.08) contrast(1.08) brightness(.86) !important;
  }
  .review-v2 .review-car aside{
    z-index:4 !important;
    right:52px !important;
    top:100px !important;
    width:130px !important;
    background:rgba(7,24,47,.78) !important;
    backdrop-filter:blur(10px) !important;
  }
  .review-v2 .review-stats{margin-top:24px !important;}
}
@media(max-width:820px){
  .review-v2 .review-car{left:auto !important;width:100% !important;}
  .review-v2 .review-copy{width:auto !important;max-width:none !important;}
}

/* oto2rev hero polish after screenshot QA */
@media(min-width:821px){
  .review-v2 .review-hero:before{
    background:
      linear-gradient(90deg,
        rgba(2,8,23,1) 0%,
        rgba(2,8,23,.99) 38%,
        rgba(2,8,23,.93) 49%,
        rgba(2,8,23,.68) 60%,
        rgba(2,8,23,.30) 74%,
        rgba(2,8,23,.16) 100%),
      radial-gradient(circle at 78% 52%,rgba(22,119,255,.24),transparent 34%) !important;
  }
  .review-v2 .review-car{left:50% !important;width:50% !important;}
  .review-v2 .review-car:before{background:linear-gradient(90deg,rgba(2,8,23,.72),rgba(2,8,23,.22) 40%,rgba(2,8,23,.05)) !important;}
  .review-v2 .review-copy{width:50% !important;}
  .review-v2 .review-stats{margin-top:32px !important;}
  .review-v2 .main-nav a{white-space:nowrap !important;font-size:12px !important;padding:8px 10px !important;}
  .review-v2 .main-nav{gap:4px !important;}
}

/* oto2tco desktop trust-card fix from Master screenshot — 2026-06-05 */
.tco-light-ref .tco-trust span:before{display:none !important;content:none !important}.tco-light-ref .tco-trust span i{grid-row:1 / span 2;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#1677ff,#49c5ff);display:grid;place-items:center;font-style:normal;color:#fff;font-size:18px;box-shadow:0 10px 24px rgba(22,119,255,.28)}
@media(min-width:821px){
  .tco-light-ref .tco-hero{min-height:390px !important;padding-bottom:10px !important;}
  .tco-light-ref .tco-hero-grid{display:block !important;position:relative !important;min-height:390px !important;}
  .tco-light-ref .tco-copy{position:relative !important;z-index:5 !important;width:48% !important;max-width:610px !important;padding:44px 0 34px !important;}
  .tco-light-ref .tco-copy h1{font-size:42px !important;line-height:1.04 !important;margin-bottom:14px !important;max-width:590px !important;}
  .tco-light-ref .tco-copy p{font-size:14.5px !important;line-height:1.5 !important;max-width:560px !important;margin-bottom:18px !important;}
  .tco-light-ref .tco-car{left:50% !important;right:0 !important;width:50% !important;opacity:1 !important;z-index:1 !important;}
  .tco-light-ref .tco-car:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,24,.55),rgba(3,12,24,.10) 38%,rgba(3,12,24,.04));z-index:2;pointer-events:none;}
  .tco-light-ref .tco-car img{object-position:center right !important;opacity:.88 !important;filter:saturate(1.08) contrast(1.08) brightness(.86) !important;}
  .tco-light-ref .tco-trust{display:grid !important;grid-template-columns:1fr 1fr !important;gap:12px !important;max-width:520px !important;margin:0 !important;}
  .tco-light-ref .tco-trust span{display:grid !important;grid-template-columns:42px minmax(0,1fr) !important;grid-template-rows:auto auto !important;align-items:center !important;column-gap:12px !important;row-gap:2px !important;min-width:0 !important;min-height:88px !important;padding:14px !important;background:rgba(7,22,43,.76) !important;border:1px solid rgba(96,165,250,.18) !important;border-radius:14px !important;backdrop-filter:blur(8px) !important;}
  .tco-light-ref .tco-trust span:nth-child(3){grid-column:1 / span 2 !important;max-width:250px !important;}
  .tco-light-ref .tco-trust b{font-size:12px !important;line-height:1.18 !important;white-space:normal !important;color:#fff !important;}
  .tco-light-ref .tco-trust small{font-size:10.5px !important;line-height:1.32 !important;color:#cfe2f6 !important;max-width:100% !important;white-space:normal !important;}
  .tco-light-ref .tco-main-grid{margin-top:28px !important;}
}
@media(max-width:820px){
  .tco-light-ref .tco-trust span{grid-template-columns:34px minmax(0,1fr) !important;}
  .tco-light-ref .tco-trust span i{width:30px !important;height:30px !important;border-radius:9px !important;font-size:14px !important;}
}

/* oto2tco mobile final readability overlay */
@media(max-width:820px){
  .tco-light-ref .tco-hero:before{background:linear-gradient(180deg,rgba(2,8,23,.96) 0%,rgba(2,8,23,.92) 34%,rgba(2,8,23,.82) 62%,rgba(2,8,23,.74) 100%),radial-gradient(circle at 76% 45%,rgba(22,119,255,.22),transparent 38%) !important;}
  .tco-light-ref .tco-car{opacity:.28 !important;}
  .tco-light-ref .tco-copy h1{filter:drop-shadow(0 10px 24px rgba(0,0,0,.38)) !important;}
}

/* oto2hom fix: remove distracting ghost car/bayang mobil in homepage hero — 2026-06-05 */
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual img,
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-car,
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-vehicle,
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-bg-car{
  opacity:0 !important;
  visibility:hidden !important;
}
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual{
  background:
    radial-gradient(circle at 72% 38%,rgba(22,119,255,.22),transparent 34%),
    linear-gradient(135deg,rgba(6,24,48,.72),rgba(3,12,24,.92)) !important;
}
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero,
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .home-hero,
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .homepage-hero{
  background:
    linear-gradient(90deg,rgba(2,8,23,.98) 0%,rgba(3,12,24,.96) 42%,rgba(5,20,40,.86) 100%),
    radial-gradient(circle at 78% 40%,rgba(22,119,255,.20),transparent 36%) !important;
}
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero::after,
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .home-hero::after,
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .homepage-hero::after{
  opacity:.55 !important;
  background:radial-gradient(circle at 80% 35%,rgba(92,200,255,.16),transparent 35%) !important;
}

/* oto2hom final: remove hero background vehicle image source entirely */
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-portal{
  background:
    radial-gradient(circle at 78% 30%,rgba(22,119,255,.26),transparent 34%),
    radial-gradient(circle at 92% 66%,rgba(92,200,255,.13),transparent 28%),
    linear-gradient(90deg,#020817 0%,#031224 42%,#06182f 100%) !important;
  background-image:
    radial-gradient(circle at 78% 30%,rgba(22,119,255,.26),transparent 34%),
    radial-gradient(circle at 92% 66%,rgba(92,200,255,.13),transparent 28%),
    linear-gradient(90deg,#020817 0%,#031224 42%,#06182f 100%) !important;
  background-position:center !important;
  box-shadow:inset 0 -95px 120px rgba(2,8,23,.35) !important;
}
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-portal:before{
  background:
    linear-gradient(90deg,rgba(2,8,23,.34),rgba(2,8,23,.10)),
    radial-gradient(circle at 74% 42%,rgba(22,119,255,.18),transparent 34%) !important;
}
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual{
  background:transparent !important;
}
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual img{
  display:none !important;
}
@media(min-width:721px){
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-copy h1{font-size:44px !important;line-height:1.04 !important;max-width:640px !important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-copy h1 span{white-space:nowrap !important;}
}

/* oto2hom: restore proper hero image, not ghost background — 2026-06-05 */
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-portal{
  background:
    radial-gradient(circle at 76% 38%,rgba(22,119,255,.22),transparent 32%),
    linear-gradient(90deg,#020817 0%,#031224 46%,#06182f 100%) !important;
  background-image:
    radial-gradient(circle at 76% 38%,rgba(22,119,255,.22),transparent 32%),
    linear-gradient(90deg,#020817 0%,#031224 46%,#06182f 100%) !important;
  overflow:hidden !important;
}
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-grid{grid-template-columns:minmax(0,1fr) minmax(420px,.92fr) !important;position:relative;z-index:2;}
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-copy{z-index:5;position:relative;}
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual{position:relative !important;min-height:360px !important;background:transparent !important;z-index:3;}
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual:before{content:"";position:absolute;inset:34px -34px 22px 24px;border-radius:28px;background:linear-gradient(135deg,rgba(22,119,255,.16),rgba(92,200,255,.06));border:1px solid rgba(96,165,250,.18);box-shadow:0 28px 70px rgba(0,0,0,.22),inset 0 0 40px rgba(22,119,255,.12);}
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual img{
  display:block !important;
  visibility:visible !important;
  opacity:.88 !important;
  position:absolute !important;
  right:-22px !important;
  bottom:22px !important;
  width:min(520px,112%) !important;
  height:270px !important;
  object-fit:contain !important;
  object-position:right bottom !important;
  transform:none !important;
  filter:drop-shadow(0 32px 38px rgba(0,0,0,.36)) saturate(1.06) contrast(1.04) !important;
  z-index:3 !important;
}
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual:after{content:"";position:absolute;left:0;top:0;bottom:0;width:34%;background:linear-gradient(90deg,#031224,rgba(3,18,36,0));z-index:4;pointer-events:none;}
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .charger-card{display:flex !important;right:10px !important;top:76px !important;z-index:5 !important;opacity:1 !important;}
@media(max-width:820px){
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-grid{grid-template-columns:1fr !important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-portal{min-height:auto !important;padding-bottom:18px !important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual{min-height:210px !important;margin-top:0 !important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual:before{inset:8px 0 16px 0;border-radius:18px;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual img{right:-44px !important;bottom:20px !important;width:440px !important;height:200px !important;opacity:.82 !important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .charger-card{display:none !important;}
}

/* Oto2 functional/human QA fixes — menu, modal, clickable cards */
.mobile-menu-toggle{display:none;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;border-radius:10px;width:40px;height:38px;font-size:22px;font-weight:900}.route-lead-modal{position:fixed;inset:0;background:rgba(2,8,23,.68);backdrop-filter:blur(8px);z-index:999;display:none;align-items:center;justify-content:center;padding:18px}.route-lead-modal.open{display:flex}.route-lead-box{width:min(430px,100%);background:#fff;border-radius:20px;padding:24px;box-shadow:0 28px 80px rgba(0,0,0,.30);color:#0f172a;position:relative}.route-lead-close{position:absolute;right:14px;top:12px;border:0;background:#f1f5f9;border-radius:999px;width:34px;height:34px;font-size:22px}.route-lead-box h2{margin:8px 0 8px}.route-lead-box p{color:#64748b;font-size:13px;line-height:1.45}.route-lead-box label{display:grid;gap:6px;font-size:12px;font-weight:850;margin-top:10px}.route-lead-box input,.route-lead-box select{height:42px;border:1px solid #dbe4ef;border-radius:10px;padding:0 12px}.route-lead-submit{width:100%;height:44px;margin-top:14px;border:0;border-radius:10px;background:#1677ff;color:#fff;font-weight:950}.route-lead-box small{display:block;color:#64748b;font-size:10px;margin-top:10px}.featured-review-grid article[role="link"],.latest-review article[role="link"],.newsroom-grid article[role="link"]{cursor:pointer}.featured-review-grid article[role="link"]:focus,.latest-review article[role="link"]:focus,.newsroom-grid article[role="link"]:focus{outline:3px solid rgba(22,119,255,.35);outline-offset:3px}.news-tabs button.active,.review-categories button.active{background:#1677ff!important;color:#fff!important}.tco-side .tip{transition:.2s ease}.stepper span.active{font-weight:950!important}
@media(max-width:820px){.mobile-menu-toggle{display:grid;place-items:center;margin-left:auto}.site-header .main-nav{display:none!important}.mobile-menu-open .site-header .main-nav{display:grid!important;position:absolute;left:12px;right:12px;top:60px;background:#061427;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px;box-shadow:0 20px 50px rgba(0,0,0,.28);z-index:1000}.mobile-menu-open .site-header .main-nav a{display:block;padding:12px 14px;border:0;border-radius:10px}.mobile-menu-open .site-header .main-nav a:hover,.mobile-menu-open .site-header .main-nav a.active{background:rgba(22,119,255,.16)}}

/* Oto2 follow-up: homepage image visible, human search, labels */
.home-search-notice{margin:10px 0 0;color:#dbeafe;font-size:12px;font-weight:700}.home-search-notice a{color:#7cc7ff;text-decoration:underline}.mini-car button.active{background:#ef4444!important;color:#fff!important}.newsroom-cta button,.compare-cta button{white-space:nowrap}
@media(max-width:820px){
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-copy{padding-top:28px!important;padding-bottom:8px!important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-copy h1{font-size:31px!important;line-height:1.06!important;margin-bottom:10px!important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-copy p{font-size:12.5px!important;line-height:1.45!important;margin-bottom:14px!important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-search{height:48px!important;max-width:100%!important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .popular-search{gap:7px!important;margin-top:10px!important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .popular-search button:nth-of-type(n+4){display:none!important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual{min-height:185px!important;margin-top:8px!important;overflow:hidden!important;border-radius:18px!important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual:before{inset:0!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(22,119,255,.18),rgba(92,200,255,.06))!important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual:after{display:none!important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual img{left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:8px!important;width:min(380px,105%)!important;height:165px!important;opacity:.92!important;object-position:center bottom!important;}
  .home-search-notice{font-size:11px;line-height:1.35}
}
@media(max-width:420px){
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-copy h1{font-size:29px!important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual{min-height:170px!important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual img{height:150px!important;width:min(350px,105%)!important;}
}

/* Oto2 integrated design system alignment — 2026-06-05 */
:root{--o2-bg:#f5f8fc;--o2-dark:#06101f;--o2-dark2:#081a33;--o2-blue:#1677ff;--o2-cyan:#62cfff;--o2-text:#0f172a;--o2-muted:#64748b;--o2-line:#e6edf6;--o2-radius:18px;--o2-radius-sm:12px;--o2-shadow:0 16px 42px rgba(15,23,42,.10);--o2-shadow-dark:0 20px 55px rgba(2,8,23,.24)}
body{background:var(--o2-bg);color:var(--o2-text)}.site-header{height:58px;background:#06101f!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 10px 30px rgba(2,8,23,.24)!important}.nav-shell{height:58px}.logo{font-size:27px}.main-nav a{font-size:12px!important;font-weight:850!important;border:0!important;border-radius:999px!important;padding:9px 12px!important;color:#cfe0f4!important}.main-nav a.active,.main-nav a:hover{background:rgba(22,119,255,.16)!important;color:#fff!important}.btn,.nav-actions a,.nav-actions button,.header-actions a,.header-actions button{border-radius:10px!important;font-weight:900!important}
.hero-portal,.route-hero,.compare-hero,.newsroom-hero,.tco-hero,.review-hero{min-height:380px!important;background:#06101f!important;color:#fff!important;box-shadow:inset 0 -90px 110px rgba(2,8,23,.22)!important}.hero-portal:before,.route-hero:before,.compare-hero:before,.newsroom-hero:before,.tco-hero:before,.review-hero:before{background:linear-gradient(90deg,rgba(2,8,23,.98),rgba(4,15,31,.90) 48%,rgba(4,15,31,.32) 100%),radial-gradient(circle at 74% 42%,rgba(22,119,255,.26),transparent 34%)!important}.hero-copy h1,.route-hero-copy h1,.newsroom-copy h1,.tco-copy h1,.review-copy h1{font-size:44px!important;line-height:1.04!important;letter-spacing:-.045em!important;font-weight:950!important}.hero-copy h1 span,.route-hero-copy h1 span,.newsroom-copy h1 span,.tco-copy h1 span,.review-copy h1 span{background:linear-gradient(90deg,#62cfff,#1677ff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.hero-copy p,.route-hero-copy p,.newsroom-copy p,.tco-copy p,.review-copy p{font-size:14.5px!important;line-height:1.54!important;color:#dbeafe!important;font-weight:650!important}.page-pill{background:rgba(22,119,255,.16)!important;border:1px solid rgba(98,207,255,.22)!important;color:#dcefff!important;border-radius:999px!important;padding:8px 12px!important}
.hero-search,.route-search,.review-search{height:52px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 18px 44px rgba(2,8,23,.22)!important}.hero-search button,.route-search button,.review-search button{border-radius:999px!important;background:linear-gradient(135deg,#1677ff,#48c5ff)!important}.popular-search button,.city-chips button,.review-chips button,.hero-bullets span{border-radius:999px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.18)!important;color:#e8f4ff!important}
.stat-strip,.route-stat-grid,.review-stats{margin-top:24px!important;gap:14px!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}.stat-strip article,.route-stat-grid article,.review-stats article{border-radius:var(--o2-radius-sm)!important;background:linear-gradient(135deg,#071d38,#092d5a)!important;border:1px solid rgba(96,165,250,.12)!important;box-shadow:var(--o2-shadow-dark)!important;padding:18px!important}.stat-strip article span,.route-stat-grid i,.review-stats i{border-radius:14px!important;background:linear-gradient(135deg,#1677ff,#62cfff)!important;box-shadow:0 12px 26px rgba(22,119,255,.28)!important}
.filter-card,.compare-picker,.spec-compare,.top-story,.latest-review,.review-sidebar section,.preview-panel,.tco-main-grid,.featured-model,.featured-review-grid article,.newsroom-grid article,.need-grid article,.insight-grid article,.tool-grid a,.tco-why article,.dealer-bottom-grid>div{border-radius:var(--o2-radius)!important;border:1px solid var(--o2-line)!important;box-shadow:var(--o2-shadow)!important}.route-cta,.review-cta,.tco-cta,.newsroom-cta,.final-cta{border-radius:var(--o2-radius)!important;background:linear-gradient(90deg,#082e62,#0b64d8)!important;box-shadow:0 18px 44px rgba(11,100,216,.20)!important}.route-cta h2,.review-cta h2,.tco-cta h2,.newsroom-cta h2,.final-cta h2{font-size:24px!important;line-height:1.15!important}.route-cta p,.review-cta p,.tco-cta p,.newsroom-cta p,.final-cta p{font-size:13px!important;color:#dbeafe!important}.route-cta button,.route-cta a,.review-cta button,.tco-cta button,.tco-cta a,.newsroom-cta button,.final-cta a{border-radius:10px!important;height:44px!important}
/* Per-page harmonization */
.page-dealer-spklu .route-hero-visual img,.newsroom-visual img,.review-car img,.tco-car img{filter:saturate(1.08) contrast(1.06) brightness(.86)!important}.page-dealer-spklu .map-panel{background:linear-gradient(135deg,#071d38,#092d5a)!important}.compare-picker{padding:0!important;overflow:hidden!important}.compare-picker article{background:#fff!important}.compare-hero:after,.newsroom-cta,.tco-cta,.review-cta{background-blend-mode:multiply!important}.tco-light-ref .tco-main-grid{margin-top:24px!important;background:#fff!important}.tco-light-ref .tco-hero{padding-bottom:18px!important}.review-v2,.tco-v2{background:var(--o2-bg)!important}.review-v2 .site-footer,.tco-v2 .site-footer{background:#06101f!important}.review-section-head h2,.review-categories h2,.latest-review h2,.review-sidebar h2{color:#fff}.review-content-grid .latest-review h2,.review-sidebar section h2{color:#eaf4ff!important}.newsroom-v2 .news-list-head h2,.need-section h2{color:#0f172a!important}
/* Homepage integrated image */
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-portal{background:linear-gradient(90deg,#020817 0%,#031224 48%,#06182f 100%)!important}.hero-visual:before{background:linear-gradient(135deg,rgba(22,119,255,.18),rgba(98,207,255,.05))!important}.featured-model{border-radius:var(--o2-radius)!important}.news-card{border-radius:var(--o2-radius-sm)!important}
@media(max-width:820px){.site-header{height:58px}.nav-shell{height:58px}.hero-portal,.route-hero,.compare-hero,.newsroom-hero,.tco-hero,.review-hero{min-height:auto!important;padding:30px 0 20px!important}.hero-copy h1,.route-hero-copy h1,.newsroom-copy h1,.tco-copy h1,.review-copy h1{font-size:29px!important;line-height:1.06!important}.hero-copy p,.route-hero-copy p,.newsroom-copy p,.tco-copy p,.review-copy p{font-size:12.5px!important;line-height:1.45!important}.stat-strip,.route-stat-grid,.review-stats{margin-top:14px!important}.stat-strip{grid-template-columns:1fr 1fr!important}.stat-strip article,.route-stat-grid article,.review-stats article{padding:13px!important}.route-cta,.review-cta,.tco-cta,.newsroom-cta,.final-cta{grid-template-columns:1fr!important;padding:18px!important;gap:12px!important}.route-cta button,.route-cta a,.review-cta button,.tco-cta button,.tco-cta a,.newsroom-cta button,.final-cta a{width:100%!important;justify-content:center!important}.filter-card,.compare-picker,.spec-compare,.top-story,.latest-review,.review-sidebar section,.preview-panel,.tco-main-grid,.featured-model{border-radius:16px!important}.hero-search,.route-search,.review-search{height:48px!important}.review-content-grid,.newsroom-tools,.preview-grid,.dealer-bottom-grid,.map-panel{grid-template-columns:1fr!important}}

/* Oto2 style alignment visual QA fixes */
/* dealer: replace empty-looking glowing placeholder with useful charger/card visual */
.route-hero-visual:after{width:116px!important;height:205px!important;right:54px!important;bottom:50px!important;border-radius:24px!important;background:linear-gradient(180deg,#0c3a73,#061a33)!important;border:1px solid rgba(98,207,255,.45)!important;box-shadow:0 0 34px rgba(22,119,255,.44),inset 0 0 22px rgba(98,207,255,.18)!important}.route-hero-visual:before{content:"SPKLU\A Fast Charge\A 24 Jam";white-space:pre-line;position:absolute;right:72px;bottom:92px;z-index:4;color:#e8f4ff;text-align:center;font-weight:950;font-size:12px;line-height:1.35;text-shadow:0 2px 14px rgba(0,0,0,.35)}
/* compare: breathe selector */
.page-bandingkan .compare-picker{grid-template-columns:220px repeat(3,1fr) 160px!important;gap:10px!important;padding:12px!important;background:#fff!important}.page-bandingkan .compare-picker aside,.page-bandingkan .compare-picker article{border:1px solid #e8eef6!important;border-radius:14px!important;min-height:210px!important}.page-bandingkan .compare-picker article img{height:92px!important;margin-top:20px!important}.page-bandingkan .compare-picker article div{gap:7px!important}.page-bandingkan .compare-picker article div span{background:#f7faff;border:1px solid #edf3fa;border-radius:8px;padding:5px 4px}.page-bandingkan .compare-picker aside button{margin-top:42px!important}.page-bandingkan .limit-card{padding:20px 14px!important}
/* review: section contrast/spacing */
.review-v2 .featured-review{margin-top:32px!important}.review-v2 .review-section-head{background:linear-gradient(90deg,#06182f,#092d5a);border:1px solid rgba(96,165,250,.16);border-radius:14px;padding:14px 16px;margin-bottom:16px!important;box-shadow:var(--o2-shadow-dark)}.review-v2 .review-section-head h2{color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.28)}.review-v2 .review-section-head a{color:#9bd7ff!important}.review-v2 .review-categories h2,.review-v2 .latest-review h2,.review-v2 .review-sidebar h2{color:#eaf4ff!important}.review-v2 .featured-review-grid{gap:18px!important}.review-v2 .featured-review-grid article{background:#06182f!important;border-color:rgba(96,165,250,.18)!important}.review-v2 .review-categories{margin-top:28px!important}.review-v2 .review-content-grid{margin-top:22px!important}
/* news category bar readability */
.news-tabs button{font-size:11.5px!important;color:#475569!important}.news-tabs button.active{color:#fff!important}.news-tabs button span{font-size:14px!important}
@media(max-width:820px){.route-hero-visual:after,.route-hero-visual:before{display:none!important}.page-bandingkan .compare-picker{gap:12px!important;padding:12px!important}.page-bandingkan .compare-picker aside,.page-bandingkan .compare-picker article{min-height:auto!important}.review-v2 .review-section-head{padding:12px 14px}.review-v2 .featured-review{margin-top:20px!important}}

/* Oto2 style-system pass 2: unify hero, chips, nav, and page rhythm */
.main-nav a.active,.main-nav a:hover{background:rgba(22,119,255,.10)!important;box-shadow:inset 0 0 0 1px rgba(98,207,255,.10)!important}.nav-actions .btn-blue,.header-actions .btn-blue{background:linear-gradient(135deg,#1677ff,#35b9ff)!important}
.hero-portal,.route-hero,.compare-hero,.newsroom-hero,.tco-hero,.review-hero{min-height:372px!important;position:relative!important;overflow:hidden!important}.hero-portal:before,.route-hero:before,.compare-hero:before,.newsroom-hero:before,.tco-hero:before,.review-hero:before{background:linear-gradient(90deg,rgba(2,8,23,1) 0%,rgba(4,15,31,.96) 42%,rgba(4,15,31,.64) 66%,rgba(4,15,31,.18) 100%),radial-gradient(circle at 76% 42%,rgba(22,119,255,.23),transparent 34%)!important}.compare-hero:after,.newsroom-hero:after{opacity:.72!important}.compare-hero:after{filter:saturate(1.06) contrast(1.08) brightness(1.12)!important;background:linear-gradient(90deg,rgba(2,8,23,.18),rgba(2,8,23,.04)),url('/assets/hero-homepage-kie-neutral.jpg') right center/cover no-repeat!important}.newsroom-hero:after{display:none!important}.newsroom-visual:after,.review-car:after,.tco-car:after,.route-hero-visual:after{border-radius:22px!important}
.route-hero-grid,.compare-hero .route-hero-grid,.newsroom-hero-grid,.tco-hero-grid,.review-hero-grid,.hero-grid{min-height:372px!important}.hero-copy,.route-hero-copy,.newsroom-copy,.tco-copy,.review-copy{padding-top:48px!important;padding-bottom:38px!important}.hero-copy h1,.route-hero-copy h1,.newsroom-copy h1,.tco-copy h1,.review-copy h1{font-size:42px!important;line-height:1.045!important;margin-bottom:13px!important}.hero-copy p,.route-hero-copy p,.newsroom-copy p,.tco-copy p,.review-copy p{max-width:560px!important;margin-bottom:18px!important}
/* Normalize right-side image treatment */
.newsroom-visual,.review-car,.tco-car,.route-hero-visual{width:52%!important;right:0!important;left:auto!important}.newsroom-visual img,.review-car img,.tco-car img,.route-hero-visual img{opacity:.82!important;filter:saturate(1.08) contrast(1.08) brightness(.88)!important;object-position:center right!important}.newsroom-visual:before,.review-car:before,.tco-car:before,.route-hero-visual:before{background:linear-gradient(90deg,rgba(2,8,23,.72),rgba(2,8,23,.22) 42%,rgba(2,8,23,.04))!important}.newsroom-copy{max-width:580px}.newsroom-copy .breadcrumb{display:none!important}.newsroom-copy .page-pill{margin-bottom:14px!important}.newsroom-copy h1{font-size:42px!important}.review-car aside{right:56px!important}.tco-light-ref .tco-car{width:52%!important;left:48%!important}.review-v2 .review-car{width:52%!important;left:48%!important}.review-v2 .review-copy,.tco-light-ref .tco-copy{width:48%!important;max-width:600px!important}
/* Normalize controls */
.page-pill,.popular-search button,.city-chips button,.review-chips button,.hero-bullets span,.news-tabs button,.review-categories button{border-radius:999px!important;font-weight:850!important;letter-spacing:-.005em!important}.popular-search button,.city-chips button,.review-chips button,.hero-bullets span{padding:7px 12px!important;font-size:11px!important}.news-tabs{border-radius:16px!important;padding:8px!important;margin-top:20px!important}.news-tabs button{height:40px!important;font-size:11.5px!important}.review-categories button{height:78px!important}.hero-search,.route-search,.review-search{max-width:540px!important}.hero-search span,.route-search span,.review-search span{font-size:20px!important;color:#7c8da3!important}
/* Normalize section rhythm */
.stat-strip,.route-stat-grid,.review-stats,.compare-picker,.tco-main-grid,.news-tabs{margin-top:22px!important}.featured-model,.catalogue-block,.news-block,.browse-panels,.why-block,.spklu-block,.final-cta,.featured-review,.review-categories,.review-content-grid,.preview-panel,.tco-why,.top-story,.news-list-head,.newsroom-grid,.newsroom-tools,.need-section{margin-top:24px!important}.review-section-head{margin-bottom:18px!important}.compare-picker{margin-top:22px!important}.tco-light-ref .tco-main-grid{margin-top:22px!important}.newsroom-tools{background:linear-gradient(90deg,#071d38,#092d5a)!important}
/* Page-specific consistency tweaks */
.page-bandingkan .compare-picker{grid-template-columns:220px repeat(3,1fr) 150px!important}.page-bandingkan .limit-card{background:linear-gradient(180deg,#fbfdff,#f4f8fd)!important}.page-bandingkan .compare-picker article img{height:98px!important}.page-dealer-spklu .route-hero-visual:after{opacity:.80!important}.page-dealer-spklu .route-hero-visual:before{opacity:.95!important}.newsroom-hero{min-height:360px!important}.top-story{background:linear-gradient(135deg,#071d38,#092d5a)!important}.review-v2 .review-section-head{background:linear-gradient(90deg,#071d38,#092d5a)!important}.tco-light-ref .tco-trust span{background:rgba(7,22,43,.72)!important}
@media(max-width:820px){.hero-portal,.route-hero,.compare-hero,.newsroom-hero,.tco-hero,.review-hero{min-height:auto!important;padding:28px 0 18px!important}.route-hero-grid,.compare-hero .route-hero-grid,.newsroom-hero-grid,.tco-hero-grid,.review-hero-grid,.hero-grid{min-height:auto!important}.hero-copy,.route-hero-copy,.newsroom-copy,.tco-copy,.review-copy{padding-top:0!important;padding-bottom:8px!important}.hero-copy h1,.route-hero-copy h1,.newsroom-copy h1,.tco-copy h1,.review-copy h1{font-size:28px!important;line-height:1.06!important}.newsroom-visual,.review-car,.tco-car,.route-hero-visual{width:100%!important;left:auto!important}.newsroom-visual{opacity:.32!important}.review-v2 .review-copy,.tco-light-ref .tco-copy{width:auto!important}.stat-strip,.route-stat-grid,.review-stats,.compare-picker,.tco-main-grid,.news-tabs{margin-top:14px!important}.news-tabs{grid-template-columns:1fr 1fr!important}.page-bandingkan .compare-picker{grid-template-columns:1fr!important}.review-categories button{height:72px!important}}

/* Oto2 DOM contract: common hero/header classes available on all V2 pages */
.o2-hero{position:relative;overflow:hidden;color:#fff;background:#06101f}.o2-hero-grid{position:relative;z-index:3;display:grid;align-items:center}.o2-hero-copy{position:relative;z-index:5}.o2-hero-visual{position:relative}.o2-hero-copy h1 span{background:linear-gradient(90deg,#62cfff,#1677ff);-webkit-background-clip:text;background-clip:text;color:transparent}.site-header .logo,.site-header .main-nav,.site-header .nav-actions{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}

/* oto2kat V2 unified page */
.catalog-v2{background:#f5f8fc}.catalog-v2 .catalog-preview{margin-top:24px}.catalog-v2 .popular-row{grid-auto-columns:minmax(178px,1fr)}.catalog-v2 .mini-car{background:#fff;border:1px solid var(--o2-line);border-radius:18px;padding:12px;box-shadow:var(--o2-shadow);transition:.18s ease}.catalog-v2 .mini-car:hover{transform:translateY(-2px)}.catalog-v2 .mini-car .img{height:125px}.catalog-v2 .mini-car span{display:block;color:#1677ff;font-size:11px;font-weight:900;margin-top:6px}.o2-hero-catalog .route-hero-visual img{object-fit:cover!important;opacity:.82!important}
@media(max-width:820px){.catalog-v2 .popular-row{grid-auto-columns:165px}.catalog-v2 .mini-car .img{height:105px}}

/* Oto2 final visual QA fixes: TCO + Review hero balance/header nav */
@media(min-width:821px){
  /* compact, consistent hero rhythm for tool/review pages */
  .tco-light-ref .o2-hero-tco,
  .review-v2 .o2-hero-review{min-height:354px!important;padding:0!important;}
  .tco-light-ref .o2-hero-tco:before,
  .review-v2 .o2-hero-review:before{background:linear-gradient(90deg,rgba(2,8,23,1) 0%,rgba(4,15,31,.98) 38%,rgba(4,15,31,.76) 57%,rgba(4,15,31,.26) 100%),radial-gradient(circle at 75% 46%,rgba(22,119,255,.22),transparent 34%)!important;}
  .tco-light-ref .tco-hero-grid,
  .review-v2 .review-hero-grid{display:grid!important;grid-template-columns:minmax(0,.98fr) minmax(440px,1.02fr)!important;min-height:354px!important;align-items:center!important;position:relative!important;}
  .tco-light-ref .tco-copy,
  .review-v2 .review-copy{width:auto!important;max-width:600px!important;padding:40px 0 34px!important;z-index:6!important;}
  .tco-light-ref .tco-copy h1,
  .review-v2 .review-copy h1{font-size:40px!important;line-height:1.045!important;margin-bottom:12px!important;}
  .tco-light-ref .tco-copy p,
  .review-v2 .review-copy p{font-size:14px!important;line-height:1.48!important;margin-bottom:16px!important;max-width:548px!important;}
  .tco-light-ref .tco-car,
  .review-v2 .review-car{position:absolute!important;left:48%!important;right:0!important;top:0!important;bottom:0!important;width:52%!important;height:100%!important;opacity:1!important;z-index:1!important;overflow:hidden!important;}
  .tco-light-ref .tco-car:before,
  .review-v2 .review-car:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(2,8,23,.74),rgba(2,8,23,.30) 38%,rgba(2,8,23,.04) 100%)!important;z-index:2!important;pointer-events:none!important;}
  .tco-light-ref .tco-car img,
  .review-v2 .review-car img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;opacity:.84!important;filter:saturate(1.08) contrast(1.08) brightness(.86)!important;}
  .review-v2 .review-car aside{top:92px!important;right:48px!important;z-index:5!important;}
  .tco-light-ref .tco-trust{grid-template-columns:1fr 1fr 1fr!important;max-width:590px!important;gap:10px!important;}
  .tco-light-ref .tco-trust span{min-height:76px!important;padding:12px!important;grid-template-columns:36px minmax(0,1fr)!important;}
  .tco-light-ref .tco-trust span:nth-child(3){grid-column:auto!important;max-width:none!important;}
  .tco-light-ref .tco-trust span i{width:36px!important;height:36px!important;}
  .tco-light-ref .tco-trust b{font-size:11px!important;}
  .tco-light-ref .tco-trust small{font-size:9.5px!important;line-height:1.25!important;}
  .tco-light-ref .tco-main-grid{margin-top:22px!important;}
  .review-v2 .review-stats{margin-top:22px!important;}
  .review-v2 .review-search{max-width:500px!important;}
  .review-v2 .review-chips{max-width:560px!important;}
  /* nav fit after adding Review */
  .main-nav{gap:2px!important;}
  .main-nav a{padding:8px 10px!important;font-size:11.5px!important;}
}
/* Better right hero visual size for catalog/news/dealer without changing DOM */
@media(min-width:821px){
  .catalog-v2 .route-hero-visual img,
  .page-dealer-spklu .route-hero-visual img,
  .newsroom-v2 .newsroom-visual img{object-fit:cover!important;object-position:center!important;opacity:.84!important;}
  .newsroom-v2 .newsroom-visual{width:54%!important;}
}

/* Oto2 MAJOR VISUAL CLEANUP — unify header/hero/stats/mobile/components */
:root{--o2-navy:#06101f;--o2-navy2:#081a33;--o2-blue:#1677ff;--o2-cyan:#62cfff;--o2-bg:#f5f8fc;--o2-text:#0f172a;--o2-muted:#64748b;--o2-line:#e6edf6;--o2-r:18px;--o2-r2:12px;--o2-shadow:0 16px 42px rgba(15,23,42,.10);--o2-darkshadow:0 22px 58px rgba(2,8,23,.22)}
/* Header: one logo, one hamburger */
.site-header{height:58px!important;background:var(--o2-navy)!important;z-index:1000!important}.nav-shell{height:58px!important}.logo{font-size:27px!important;line-height:1!important}.menu-toggle{display:none!important}.mobile-menu-toggle{display:none;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;border-radius:10px;width:40px;height:38px;font-size:21px;font-weight:900}.main-nav{gap:2px!important}.main-nav a{font-size:11.5px!important;padding:8px 10px!important;border:0!important;border-radius:999px!important;color:#d3e4f8!important;white-space:nowrap!important}.main-nav a.active,.main-nav a:hover{background:rgba(22,119,255,.12)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(98,207,255,.10)!important}.nav-actions{gap:8px!important}.nav-actions .btn{height:38px!important;padding:0 13px!important;font-size:12px!important}
/* Unified hero */
.o2-hero{min-height:350px!important;background:var(--o2-navy)!important;color:#fff!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 -70px 95px rgba(2,8,23,.22)!important}.o2-hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(2,8,23,1) 0%,rgba(4,15,31,.96) 42%,rgba(4,15,31,.64) 64%,rgba(4,15,31,.16) 100%),radial-gradient(circle at 77% 42%,rgba(22,119,255,.22),transparent 34%)!important}.o2-hero-grid{min-height:350px!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr)!important;align-items:center!important;position:relative!important;z-index:3!important}.o2-hero-copy{padding:38px 0 32px!important;max-width:620px!important}.o2-hero-copy h1{font-size:40px!important;line-height:1.055!important;letter-spacing:-.045em!important;margin:0 0 12px!important}.o2-hero-copy p{font-size:14px!important;line-height:1.5!important;margin:0 0 16px!important;max-width:550px!important;color:#dbeafe!important}.o2-hero-copy h1 span{background:linear-gradient(90deg,var(--o2-cyan),var(--o2-blue))!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.o2-hero-visual{height:100%!important;min-height:300px!important;position:relative!important;z-index:2!important;overflow:hidden!important;border-radius:0!important}.o2-hero-visual img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;opacity:.82!important;filter:saturate(1.08) contrast(1.08) brightness(.86)!important}.o2-hero-visual:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(2,8,23,.72),rgba(2,8,23,.24) 40%,rgba(2,8,23,.04))!important;pointer-events:none}.o2-hero-home .o2-hero-visual{min-height:300px!important;border-radius:22px!important}.o2-hero-home .o2-hero-visual:after{display:none!important}.o2-hero-home .o2-hero-visual img{inset:auto!important;left:50%!important;right:auto!important;bottom:24px!important;transform:translateX(-50%)!important;width:min(520px,110%)!important;height:260px!important;object-fit:contain!important;opacity:.90!important;filter:drop-shadow(0 28px 36px rgba(0,0,0,.35)) saturate(1.06) contrast(1.04)!important}.charger-card{width:78px!important;height:120px!important;right:20px!important;top:82px!important;border-radius:14px!important}.route-hero-visual:after,.route-hero-visual:before{display:none!important}.compare-why{height:auto!important;min-height:auto!important;align-self:center!important;background:rgba(5,18,36,.68)!important;backdrop-filter:blur(8px);border:1px solid rgba(96,165,250,.18)!important;border-radius:16px!important;padding:16px!important;box-shadow:var(--o2-darkshadow)!important}.compare-why:before{display:none!important}
/* Unified search/chips */
.hero-search,.route-search,.review-search{height:50px!important;max-width:520px!important;border-radius:999px!important;grid-template-columns:42px minmax(0,1fr) 44px!important;padding:0 6px 0 14px!important;box-shadow:0 16px 38px rgba(2,8,23,.22)!important}.hero-search input,.route-search input,.review-search input{min-width:0!important;font-size:13.5px!important}.hero-search button,.route-search button,.review-search button{width:38px!important;height:38px!important;border-radius:999px!important;display:grid!important;place-items:center!important;font-size:17px!important}.popular-search,.city-chips,.review-chips,.hero-bullets{gap:8px!important;margin-top:12px!important}.popular-search button,.city-chips button,.review-chips button,.hero-bullets span{height:32px!important;border-radius:999px!important;padding:0 11px!important;font-size:11px!important;display:inline-flex!important;align-items:center!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.16)!important;color:#e8f4ff!important}.page-pill{height:32px!important;display:inline-flex!important;align-items:center!important;border-radius:999px!important;padding:0 12px!important;font-size:11px!important;margin-bottom:12px!important;background:rgba(22,119,255,.15)!important;border:1px solid rgba(98,207,255,.20)!important;color:#e8f4ff!important}
/* Unified stats */
.stat-strip,.route-stat-grid,.review-stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important;margin-top:22px!important;background:transparent!important;border:0!important;box-shadow:none!important}.stat-strip article,.route-stat-grid article,.review-stats article{min-height:108px!important;border-radius:var(--o2-r2)!important;background:linear-gradient(135deg,#071d38,#092d5a)!important;border:1px solid rgba(96,165,250,.12)!important;box-shadow:var(--o2-darkshadow)!important;padding:16px!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:8px 12px!important;align-items:center!important}.stat-strip article span,.route-stat-grid i,.review-stats i{grid-row:1/3!important;width:46px!important;height:46px!important;border-radius:13px!important;font-size:23px!important;background:linear-gradient(135deg,var(--o2-blue),var(--o2-cyan))!important;display:grid!important;place-items:center!important}.stat-strip b,.route-stat-grid b,.review-stats b{font-size:25px!important;line-height:1!important}.stat-strip strong,.stat-strip small,.route-stat-grid span,.review-stats span{font-size:11.5px!important;line-height:1.25!important;color:#d6e7fb!important}.stat-strip small{display:block!important}
/* Unified cards/sections */
.filter-card,.compare-picker,.spec-compare,.top-story,.latest-review,.review-sidebar section,.preview-panel,.tco-main-grid,.featured-model,.featured-review-grid article,.newsroom-grid article,.need-grid article,.insight-grid article,.tool-grid a,.tco-why article,.dealer-bottom-grid>div,.newsroom-tools{border-radius:var(--o2-r)!important;box-shadow:var(--o2-shadow)!important;border:1px solid var(--o2-line)!important}.featured-model,.catalogue-block,.news-block,.browse-panels,.why-block,.spklu-block,.final-cta,.featured-review,.review-categories,.review-content-grid,.preview-panel,.tco-why,.top-story,.news-list-head,.newsroom-grid,.newsroom-tools,.need-section,.filter-card,.compare-picker,.spec-compare{margin-top:24px!important}.route-cta,.review-cta,.tco-cta,.newsroom-cta,.final-cta{border-radius:var(--o2-r)!important;background:linear-gradient(90deg,#082e62,#0b64d8)!important;box-shadow:0 18px 44px rgba(11,100,216,.20)!important;padding:22px 28px!important}.route-cta h2,.review-cta h2,.tco-cta h2,.newsroom-cta h2{font-size:22px!important;line-height:1.15!important}.route-cta p,.review-cta p,.tco-cta p,.newsroom-cta p{font-size:13px!important;color:#dbeafe!important}.route-cta button,.route-cta a,.review-cta button,.tco-cta button,.tco-cta a,.newsroom-cta button{height:42px!important;border-radius:10px!important}
/* Specific cleanup */
.page-bandingkan .compare-picker{grid-template-columns:210px repeat(3,1fr) 150px!important;gap:10px!important;padding:12px!important}.page-bandingkan .compare-picker aside,.page-bandingkan .compare-picker article{min-height:190px!important}.page-bandingkan .compare-picker article img{height:84px!important;margin-top:18px!important}.page-bandingkan .compare-picker article div span{font-size:9.5px!important}.tco-light-ref .tco-trust{grid-template-columns:repeat(3,1fr)!important;gap:9px!important;max-width:560px!important}.tco-light-ref .tco-trust span{min-height:70px!important;padding:10px!important;grid-template-columns:32px minmax(0,1fr)!important}.tco-light-ref .tco-trust span i{width:32px!important;height:32px!important}.tco-light-ref .tco-trust b{font-size:10.5px!important}.tco-light-ref .tco-trust small{font-size:9px!important;line-height:1.22!important}.tco-light-ref .tco-main-grid{grid-template-columns:1.55fr .88fr!important}.review-v2 .review-search{max-width:500px!important}.review-v2 .review-section-head{box-shadow:var(--o2-darkshadow)!important}.news-tabs{display:flex!important;gap:8px!important;overflow-x:auto!important;background:#fff!important;border-radius:16px!important;padding:8px!important}.news-tabs button{flex:0 0 auto!important;min-width:120px!important;height:38px!important}.newsroom-thumb{height:126px!important}.top-story h2{font-size:27px!important;line-height:1.15!important}
/* Mobile major cleanup */
@media(max-width:820px){
  .site-header{height:56px!important}.nav-shell{height:56px!important;padding-inline:14px!important}.logo{font-size:24px!important}.nav-actions{display:none!important}.mobile-menu-toggle{display:grid!important;place-items:center!important;margin-left:auto!important}.menu-toggle{display:none!important}.main-nav{display:none!important}.mobile-menu-open .main-nav{display:grid!important;position:absolute!important;left:12px!important;right:12px!important;top:62px!important;background:#061427!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important;padding:10px!important;box-shadow:0 20px 50px rgba(0,0,0,.28)!important;z-index:1001!important}.mobile-menu-open .main-nav a{padding:12px 14px!important;font-size:13px!important;border-radius:10px!important}
  .shell{width:min(100% - 28px,1180px)!important}.o2-hero{min-height:auto!important;padding:26px 0 16px!important}.o2-hero-grid{display:grid!important;grid-template-columns:1fr!important;min-height:auto!important}.o2-hero-copy{padding:0!important;max-width:none!important}.o2-hero-copy h1{font-size:28px!important;line-height:1.065!important;margin-bottom:10px!important;max-width:95%!important}.o2-hero-copy p{font-size:12.5px!important;line-height:1.45!important;margin-bottom:12px!important;max-width:96%!important}.o2-hero-visual{min-height:170px!important;height:170px!important;margin-top:14px!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(22,119,255,.16),rgba(98,207,255,.05))!important}.o2-hero-visual:before{background:linear-gradient(90deg,rgba(2,8,23,.20),rgba(2,8,23,.06))!important}.o2-hero-visual img{height:100%!important;width:100%!important;object-fit:cover!important;opacity:.78!important}.o2-hero-home .o2-hero-visual img{height:145px!important;width:min(340px,105%)!important;bottom:8px!important;opacity:.90!important;object-fit:contain!important}.compare-why{display:none!important}.charger-card{display:none!important}
  .hero-search,.route-search,.review-search{height:46px!important;max-width:100%!important;grid-template-columns:36px minmax(0,1fr) 40px!important}.hero-search input,.route-search input,.review-search input{font-size:12px!important}.hero-search button,.route-search button,.review-search button{width:34px!important;height:34px!important}.popular-search,.city-chips,.review-chips,.hero-bullets{gap:7px!important;max-height:76px!important;overflow:hidden!important}.popular-search button,.city-chips button,.review-chips button,.hero-bullets span{height:30px!important;padding:0 9px!important;font-size:10.5px!important}.stat-strip,.route-stat-grid,.review-stats{grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:14px!important}.stat-strip article,.route-stat-grid article,.review-stats article{min-height:82px!important;padding:12px!important;grid-template-columns:38px minmax(0,1fr)!important}.stat-strip article span,.route-stat-grid i,.review-stats i{width:36px!important;height:36px!important;font-size:19px!important}.stat-strip b,.route-stat-grid b,.review-stats b{font-size:20px!important}.stat-strip strong,.stat-strip small,.route-stat-grid span,.review-stats span{font-size:10px!important;line-height:1.2!important}
  .filter-grid,.dealer-bottom-grid,.map-panel,.review-content-grid,.newsroom-tools,.preview-grid,.tco-main-grid,.tco-light-ref .tco-main-grid{grid-template-columns:1fr!important}.filter-card,.compare-picker,.spec-compare,.top-story,.latest-review,.review-sidebar section,.preview-panel,.tco-main-grid,.featured-model{padding:14px!important;border-radius:16px!important}.page-bandingkan .compare-picker{grid-template-columns:1fr!important;padding:12px!important}.page-bandingkan .compare-picker aside,.page-bandingkan .compare-picker article{min-height:auto!important}.page-bandingkan .compare-picker article img{height:118px!important}.tco-light-ref .tco-trust{grid-template-columns:1fr!important;gap:7px!important}.tco-light-ref .tco-trust span{min-height:0!important}.tco-light-ref .stepper{grid-template-columns:repeat(4,1fr)!important;gap:6px!important}.tco-light-ref .stepper span{font-size:8.5px!important}.review-v2 .review-search input::placeholder{font-size:0}.review-v2 .review-search input{font-size:12px!important}.review-v2 .review-search input{placeholder:"Cari review"}.news-tabs{margin-top:14px!important}.news-tabs button{min-width:112px!important;font-size:10.5px!important}.top-story{grid-template-columns:1fr!important}.top-img{height:180px!important}.top-story h2{font-size:22px!important}.route-cta,.review-cta,.tco-cta,.newsroom-cta{grid-template-columns:1fr!important;padding:16px!important;gap:10px!important}.route-cta button,.route-cta a,.review-cta button,.tco-cta button,.tco-cta a,.newsroom-cta button{width:100%!important;justify-content:center!important}
}

/* Oto2 mobile PASS fix: remove awkward floating hero media on TCO/Review, tighten TCO stepper */
@media(max-width:820px){
  .tco-light-ref .o2-hero-tco,
  .review-v2 .o2-hero-review{padding:24px 0 18px!important;min-height:auto!important;}
  .tco-light-ref .tco-hero-grid,
  .review-v2 .review-hero-grid{display:block!important;min-height:auto!important;}
  .tco-light-ref .tco-copy,
  .review-v2 .review-copy{padding:0!important;max-width:none!important;}
  .tco-light-ref .tco-copy h1,
  .review-v2 .review-copy h1{font-size:27px!important;line-height:1.06!important;max-width:96%!important;margin-bottom:10px!important;}
  .tco-light-ref .tco-copy p,
  .review-v2 .review-copy p{font-size:12.5px!important;line-height:1.45!important;max-width:98%!important;margin-bottom:12px!important;}
  /* These page images were visually reading as accidental tiny lower-right thumbnails on mobile. Hide them for a cleaner human UX; desktop keeps imagery. */
  .tco-light-ref .tco-car,
  .review-v2 .review-car{display:none!important;}
  .tco-light-ref .tco-trust{grid-template-columns:1fr!important;gap:8px!important;margin-top:12px!important;}
  .tco-light-ref .tco-trust span{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;min-height:58px!important;padding:10px 12px!important;border-radius:14px!important;}
  .tco-light-ref .tco-main-grid{margin-top:16px!important;}
  .tco-light-ref .tco-card{padding:14px!important;border-radius:16px!important;}
  .tco-light-ref .stepper{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;margin-bottom:14px!important;}
  .tco-light-ref .stepper li{min-width:0!important;padding:0!important;gap:4px!important;display:grid!important;justify-items:center!important;text-align:center!important;}
  .tco-light-ref .stepper b{width:28px!important;height:28px!important;font-size:12px!important;line-height:28px!important;display:grid!important;place-items:center!important;}
  .tco-light-ref .stepper span{font-size:8.2px!important;line-height:1.05!important;max-width:58px!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  .review-v2 .review-search{max-width:100%!important;grid-template-columns:36px minmax(0,1fr) 40px!important;}
  .review-v2 .review-search input{min-width:0!important;color:#0f172a!important;}
  .review-v2 .review-search input::placeholder{font-size:11px!important;color:#64748b!important;opacity:1!important;}
  .review-v2 .review-chips{margin-top:10px!important;max-height:70px!important;overflow:hidden!important;}
  .review-v2 .review-stats{margin-top:14px!important;}
}

/* Oto2 TCO mobile stepper readability pass */
@media(max-width:820px){
  .tco-light-ref .stepper{display:flex!important;gap:6px!important;margin:0 0 16px!important;padding:0!important;overflow-x:auto!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;align-items:stretch!important;}
  .tco-light-ref .stepper::-webkit-scrollbar{display:none!important;}
  .tco-light-ref .stepper li{flex:0 0 auto!important;width:auto!important;min-width:72px!important;max-width:none!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;text-align:left!important;padding:7px 9px!important;border-radius:999px!important;background:#f1f6fd!important;border:1px solid #dfeaf7!important;white-space:nowrap!important;}
  .tco-light-ref .stepper li.active{background:#eaf3ff!important;border-color:#bcdcff!important;box-shadow:inset 0 0 0 1px rgba(22,119,255,.10)!important;}
  .tco-light-ref .stepper b{flex:0 0 24px!important;width:24px!important;height:24px!important;min-width:24px!important;border-radius:999px!important;font-size:11px!important;line-height:1!important;display:grid!important;place-items:center!important;margin:0!important;}
  .tco-light-ref .stepper span{display:block!important;max-width:none!important;min-width:0!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;font-size:10.5px!important;line-height:1!important;letter-spacing:-.01em!important;word-break:normal!important;overflow-wrap:normal!important;}
  .tco-light-ref .tco-card h2{font-size:19px!important;margin-bottom:8px!important;}
}

/* Oto2 TCO mobile stepper final label width */
@media(max-width:820px){
  .tco-light-ref .stepper{display:flex!important;justify-content:flex-start!important;width:calc(100vw - 56px)!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 2px 8px!important;gap:7px!important;}
  .tco-light-ref .stepper li{min-width:96px!important;width:96px!important;flex:0 0 96px!important;box-sizing:border-box!important;}
  .tco-light-ref .stepper span{font-size:10px!important;letter-spacing:-.03em!important;white-space:nowrap!important;}
  .tco-light-ref .stepper b{width:22px!important;height:22px!important;min-width:22px!important;font-size:10px!important;}
}

/* Oto2 mobile final blockers: TCO stepper + Review chips */
@media(max-width:820px){
  /* TCO: replace cramped text stepper with compact readable chips */
  .tco-light-ref .stepper{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    padding:0 0 14px!important;
    margin:0 0 14px!important;
    border-bottom:1px solid #e5edf7!important;
  }
  .tco-light-ref .stepper li{
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    flex:none!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    align-items:center!important;
    gap:5px!important;
    padding:8px 3px!important;
    border-radius:12px!important;
    background:#f4f8fd!important;
    border:1px solid #e1eaf5!important;
    text-align:center!important;
    white-space:normal!important;
    box-sizing:border-box!important;
  }
  .tco-light-ref .stepper li.active{
    background:#eaf4ff!important;
    border-color:#b8d9ff!important;
    box-shadow:inset 0 0 0 1px rgba(22,119,255,.12)!important;
  }
  .tco-light-ref .stepper b{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    margin:0!important;
    border-radius:999px!important;
    font-size:12px!important;
    line-height:1!important;
    display:grid!important;
    place-items:center!important;
  }
  .tco-light-ref .stepper span{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    font-size:0!important;
    line-height:1!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
  .tco-light-ref .stepper li:nth-child(1) span::after{content:"Mobil";font-size:10px!important;font-weight:800!important;color:#475569!important;letter-spacing:-.01em!important;}
  .tco-light-ref .stepper li:nth-child(2) span::after{content:"Pakai";font-size:10px!important;font-weight:800!important;color:#475569!important;letter-spacing:-.01em!important;}
  .tco-light-ref .stepper li:nth-child(3) span::after{content:"Biaya";font-size:10px!important;font-weight:800!important;color:#475569!important;letter-spacing:-.01em!important;}
  .tco-light-ref .stepper li:nth-child(4) span::after{content:"Hasil";font-size:10px!important;font-weight:800!important;color:#475569!important;letter-spacing:-.01em!important;}
  /* hide any old connector/line decorations that made the stepper look broken */
  .tco-light-ref .stepper li:before,
  .tco-light-ref .stepper li:after,
  .tco-light-ref .stepper:before,
  .tco-light-ref .stepper:after{display:none!important;content:none!important;}

  /* Review: chips must wrap naturally; never clipped by hero */
  .review-v2 .review-chips,
  .review-v2 .hero-bullets,
  .review-v2 .popular-search{
    display:flex!important;
    flex-wrap:wrap!important;
    max-height:none!important;
    overflow:visible!important;
    padding-bottom:2px!important;
    margin-bottom:12px!important;
  }
  .review-v2 .review-chips button,
  .review-v2 .hero-bullets span,
  .review-v2 .popular-search button{flex:0 0 auto!important;}
  .review-v2 .review-stats{clear:both!important;margin-top:16px!important;}
  .review-v2 .o2-hero-review{padding-bottom:20px!important;overflow:visible!important;}
}

/* Oto2 REAL TCO stepper structure fix: actual markup is .stepper > span + i connectors */
@media(max-width:820px){
  .tco-light-ref .stepper{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    margin:0 0 14px!important;
    padding:0 0 14px!important;
    border-bottom:1px solid #e5edf7!important;
    align-items:stretch!important;
  }
  .tco-light-ref .stepper > i{display:none!important;content:none!important;}
  .tco-light-ref .stepper > span{
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    align-content:center!important;
    gap:5px!important;
    height:56px!important;
    padding:7px 2px!important;
    border-radius:13px!important;
    background:#f4f8fd!important;
    border:1px solid #e1eaf5!important;
    color:transparent!important;
    font-size:0!important;
    line-height:1!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  .tco-light-ref .stepper > span.active{
    background:#eaf4ff!important;
    border-color:#b8d9ff!important;
    box-shadow:inset 0 0 0 1px rgba(22,119,255,.12)!important;
  }
  .tco-light-ref .stepper > span::before{
    width:25px!important;height:25px!important;border-radius:999px!important;
    display:grid!important;place-items:center!important;
    background:#dbeafe!important;color:#1677ff!important;
    font-size:12px!important;font-weight:900!important;
  }
  .tco-light-ref .stepper > span:nth-of-type(1)::before{content:"1"!important;}
  .tco-light-ref .stepper > span:nth-of-type(2)::before{content:"2"!important;}
  .tco-light-ref .stepper > span:nth-of-type(3)::before{content:"3"!important;}
  .tco-light-ref .stepper > span:nth-of-type(4)::before{content:"4"!important;}
  .tco-light-ref .stepper > span.active::before{background:#1677ff!important;color:#fff!important;}
  .tco-light-ref .stepper > span b{display:none!important;}
  .tco-light-ref .stepper > span::after{
    display:block!important;color:#475569!important;font-size:10px!important;font-weight:800!important;line-height:1!important;letter-spacing:-.02em!important;
  }
  .tco-light-ref .stepper > span:nth-of-type(1)::after{content:"Mobil"!important;}
  .tco-light-ref .stepper > span:nth-of-type(2)::after{content:"Pakai"!important;}
  .tco-light-ref .stepper > span:nth-of-type(3)::after{content:"Biaya"!important;}
  .tco-light-ref .stepper > span:nth-of-type(4)::after{content:"Hasil"!important;}
}

/* Oto2 uniform hero image system: fixed frame first, image adapts */
@media(min-width:821px){
  .o2-hero{min-height:372px!important;}
  .o2-hero-grid{min-height:372px!important;grid-template-columns:minmax(0, .98fr) minmax(460px, .92fr)!important;}
  .o2-hero-visual{
    width:min(47vw,620px)!important;
    height:312px!important;
    min-height:312px!important;
    max-height:312px!important;
    align-self:center!important;
    justify-self:end!important;
    border-radius:24px!important;
    right:auto!important;left:auto!important;top:auto!important;bottom:auto!important;
    position:relative!important;
    overflow:hidden!important;
    box-shadow:0 26px 70px rgba(2,8,23,.34)!important;
    border:1px solid rgba(148,216,255,.16)!important;
    background:#07172d!important;
  }
  .o2-hero-visual img{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    object-fit:cover!important;object-position:center!important;opacity:.96!important;
    filter:saturate(1.03) contrast(1.04) brightness(.96)!important;
    transform:none!important;
  }
  .o2-hero-visual:before{background:linear-gradient(90deg,rgba(2,8,23,.24),rgba(2,8,23,0) 48%,rgba(2,8,23,.08))!important;z-index:2!important;}
  .o2-hero-home .o2-hero-visual img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important;filter:saturate(1.03) contrast(1.04) brightness(.96)!important;}
  .route-hero-visual,.newsroom-visual,.review-v2 .review-car,.tco-light-ref .tco-car,.tco-car,.review-car{width:min(47vw,620px)!important;height:312px!important;min-height:312px!important;left:auto!important;right:auto!important;}
  .compare-why{padding:20px!important;display:grid!important;align-content:end!important;gap:8px!important;background:#07172d!important;}
  .compare-why img{z-index:1!important;}
  .compare-why:before{display:block!important;background:linear-gradient(180deg,rgba(2,8,23,.10),rgba(2,8,23,.72))!important;z-index:2!important;}
  .compare-why b,.compare-why span{position:relative!important;z-index:3!important;}
  .charger-card{display:none!important;}
}
@media(max-width:820px){
  .o2-hero-visual{height:168px!important;min-height:168px!important;max-height:168px!important;border-radius:18px!important;margin-top:14px!important;width:100%!important;box-shadow:0 18px 44px rgba(2,8,23,.22)!important;border:1px solid rgba(148,216,255,.14)!important;}
  .o2-hero-visual img,.o2-hero-home .o2-hero-visual img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important;opacity:.94!important;filter:saturate(1.02) contrast(1.02) brightness(.94)!important;}
}

/* Oto2 uniform hero frame final: force home/news to exact same visual box as route pages */
@media(min-width:821px){
  .o2-hero-home .o2-hero-visual,
  .newsroom-v2 .o2-hero-visual,
  .newsroom-v2 .newsroom-visual{
    width:min(47vw,620px)!important;
    height:312px!important;
    min-height:312px!important;
    max-height:312px!important;
    position:relative!important;
    align-self:center!important;
    justify-self:end!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    margin:0!important;
    border-radius:24px!important;
    overflow:hidden!important;
  }
  .o2-hero-home .o2-hero-visual img,
  .newsroom-v2 .o2-hero-visual img,
  .newsroom-v2 .newsroom-visual img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center!important;
    transform:none!important;
    margin:0!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    opacity:.96!important;
  }
  .newsroom-v2 .newsroom-hero-grid,
  .o2-hero-home .o2-hero-grid,
  .hero-portal .hero-grid{grid-template-columns:minmax(0,.98fr) minmax(460px,.92fr)!important;align-items:center!important;}
  .newsroom-v2 .newsroom-copy,
  .hero-portal .hero-copy{max-width:620px!important;width:auto!important;}
}
@media(max-width:820px){
  .o2-hero-home .o2-hero-visual,
  .newsroom-v2 .o2-hero-visual,
  .newsroom-v2 .newsroom-visual{height:168px!important;min-height:168px!important;max-height:168px!important;width:100%!important;margin-top:14px!important;border-radius:18px!important;}
  .o2-hero-home .o2-hero-visual img,
  .newsroom-v2 .o2-hero-visual img,
  .newsroom-v2 .newsroom-visual img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important;}
}

/* Oto2 directive from Master: remove generated hero visual assets like /assets/oto2-hero/*.png from top hero pages */
.o2-hero{min-height:auto!important;background:linear-gradient(135deg,#06101f 0%,#081a33 58%,#0b2f5d 100%)!important;}
.o2-hero:before{background:radial-gradient(circle at 78% 30%,rgba(22,119,255,.24),transparent 34%),linear-gradient(90deg,rgba(2,8,23,.98),rgba(4,15,31,.90) 58%,rgba(4,15,31,.72))!important;}
.o2-hero-grid{grid-template-columns:1fr!important;min-height:auto!important;padding-block:42px 38px!important;}
.o2-hero-copy{width:100%!important;max-width:760px!important;padding:0!important;}
.o2-hero-copy h1{max-width:760px!important;}
.o2-hero-copy p{max-width:640px!important;}
.o2-hero-visual{display:none!important;}
.compare-why,.review-car,.tco-car,.newsroom-visual,.route-hero-visual,.hero-visual{display:none!important;}
/* remove space reserved for right-side hero visuals */
.hero-portal .hero-grid,.route-hero-grid,.compare-hero .route-hero-grid,.newsroom-hero-grid,.tco-hero-grid,.review-hero-grid{grid-template-columns:1fr!important;}
.hero-portal .hero-copy,.route-hero-copy,.newsroom-copy,.tco-copy,.review-copy{width:100%!important;max-width:760px!important;}
@media(min-width:821px){
  .o2-hero-grid{padding-block:44px 40px!important;}
  .o2-hero-copy h1{font-size:42px!important;line-height:1.055!important;}
  .o2-hero-copy p{font-size:14.5px!important;line-height:1.55!important;}
  .tco-light-ref .tco-trust{max-width:720px!important;}
}
@media(max-width:820px){
  .o2-hero-grid{padding-block:26px 20px!important;}
  .o2-hero-copy h1{font-size:28px!important;line-height:1.06!important;max-width:100%!important;}
  .o2-hero-copy p{font-size:12.5px!important;max-width:100%!important;}
  .o2-hero-visual{display:none!important;}
}

/* Oto2 HERO HEIGHT GOVERNANCE — Master: red area rows capped, green area same height */
/* Desktop/tablet: keep every top hero compact and predictable */
@media(min-width:821px){
  .o2-hero{min-height:0!important;max-height:354px!important;overflow:hidden!important;}
  .o2-hero-grid{min-height:0!important;height:354px!important;padding-block:34px!important;align-content:center!important;}
  .o2-hero-copy{max-height:286px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
  .o2-hero-copy h1{font-size:40px!important;line-height:1.04!important;margin:0 0 10px!important;max-height:92px!important;overflow:hidden!important;}
  .o2-hero-copy p{font-size:14px!important;line-height:1.45!important;margin:0 0 12px!important;max-height:42px!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}
  .page-pill{flex:0 0 auto!important;margin-bottom:10px!important;}
  .hero-search,.route-search,.review-search{flex:0 0 46px!important;height:46px!important;margin:0 0 10px!important;}
  .popular-search,.city-chips,.review-chips,.hero-bullets,.hero-trust{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    max-width:720px!important;
    max-height:32px!important;
    margin-top:0!important;
    overflow:hidden!important;
  }
  .popular-search span,.review-chips small{flex:0 0 auto!important;white-space:nowrap!important;font-size:11px!important;line-height:1!important;}
  .popular-search button,.city-chips button,.review-chips button,.hero-bullets span,.hero-trust span{
    flex:0 0 auto!important;
    height:30px!important;
    max-height:30px!important;
    padding:0 10px!important;
    white-space:nowrap!important;
    line-height:30px!important;
  }
  .tco-light-ref .tco-trust{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;max-width:720px!important;max-height:78px!important;overflow:hidden!important;margin-top:2px!important;}
  .tco-light-ref .tco-trust span{min-height:0!important;height:76px!important;overflow:hidden!important;}
}
/* Mobile: strict top hero height; chips/trust/search are single controlled rows */
@media(max-width:820px){
  .site-header{height:54px!important;max-height:54px!important;overflow:visible!important;}
  .nav-shell{height:54px!important;max-height:54px!important;}
  .o2-hero{min-height:0!important;max-height:286px!important;overflow:hidden!important;}
  .o2-hero-grid{min-height:0!important;height:auto!important;max-height:286px!important;padding-block:20px 16px!important;overflow:hidden!important;}
  .o2-hero-copy{max-height:250px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;}
  .o2-hero-copy h1{font-size:26px!important;line-height:1.05!important;margin:0 0 8px!important;max-height:84px!important;overflow:hidden!important;letter-spacing:-.045em!important;}
  .o2-hero-copy p{font-size:12px!important;line-height:1.36!important;margin:0 0 10px!important;max-height:33px!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}
  .page-pill{height:28px!important;max-height:28px!important;margin-bottom:8px!important;overflow:hidden!important;}
  .hero-search,.route-search,.review-search{height:42px!important;max-height:42px!important;flex:0 0 42px!important;margin:0 0 8px!important;}
  .hero-search input,.route-search input,.review-search input{font-size:12px!important;}
  .popular-search,.city-chips,.review-chips,.hero-bullets,.hero-trust{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    height:31px!important;
    max-height:31px!important;
    margin:0 0 7px!important;
    overflow:hidden!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .popular-search span,.review-chips small{display:none!important;}
  .popular-search button,.city-chips button,.review-chips button,.hero-bullets span,.hero-trust span{
    flex:0 0 auto!important;
    height:29px!important;
    max-height:29px!important;
    padding:0 9px!important;
    line-height:29px!important;
    font-size:10px!important;
    white-space:nowrap!important;
  }
  /* Homepage has both popular chips and trust chips; keep both rows capped so red area never grows. */
  .hero-portal .popular-search{order:4!important;}
  .hero-portal .hero-trust{order:5!important;margin-bottom:0!important;}
  /* TCO trust cards are the only hero module; cap them to fixed height. */
  .tco-light-ref .tco-trust{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;max-height:128px!important;overflow:hidden!important;margin-top:2px!important;}
  .tco-light-ref .tco-trust span{height:58px!important;min-height:58px!important;max-height:58px!important;overflow:hidden!important;}
  /* Review chips must not spill below hero; one controlled row. */
  .review-v2 .review-chips{flex-wrap:nowrap!important;max-height:31px!important;overflow:hidden!important;margin-bottom:0!important;}
}

/* Oto2 premium content polish: improve beauty/readability after fixed-height governance */
@media(min-width:821px){
  .o2-hero{max-height:376px!important;}
  .o2-hero-grid{height:376px!important;padding-block:38px!important;}
  .o2-hero-copy{max-height:308px!important;}
  .o2-hero-copy h1{font-size:42px!important;line-height:1.06!important;max-height:96px!important;letter-spacing:-.052em!important;}
  .o2-hero-copy p{max-height:48px!important;line-height:1.55!important;color:#dcecff!important;}
  .popular-search,.city-chips,.review-chips,.hero-bullets,.hero-trust{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;padding-bottom:1px!important;mask-image:linear-gradient(90deg,#000 0%,#000 calc(100% - 26px),transparent 100%)!important;}
  .popular-search::-webkit-scrollbar,.city-chips::-webkit-scrollbar,.review-chips::-webkit-scrollbar,.hero-bullets::-webkit-scrollbar,.hero-trust::-webkit-scrollbar{display:none!important;}
  .stat-strip article,.route-stat-grid article,.review-stats article{min-height:98px!important;padding:14px!important;}
  .stat-strip b,.route-stat-grid b,.review-stats b{font-size:23px!important;}
  .stat-strip strong,.stat-strip small,.route-stat-grid span,.review-stats span{font-size:11px!important;line-height:1.2!important;}
}
@media(max-width:820px){
  .o2-hero{max-height:318px!important;}
  .o2-hero-grid{max-height:318px!important;padding-block:22px 18px!important;}
  .o2-hero-copy{max-height:282px!important;}
  .o2-hero-copy h1{font-size:25px!important;line-height:1.09!important;max-height:88px!important;letter-spacing:-.048em!important;margin-bottom:9px!important;}
  .o2-hero-copy p{font-size:12.2px!important;line-height:1.46!important;max-height:38px!important;margin-bottom:10px!important;color:#dcecff!important;}
  .hero-search,.route-search,.review-search{height:43px!important;max-height:43px!important;margin-bottom:10px!important;box-shadow:0 14px 32px rgba(2,8,23,.20)!important;}
  .popular-search,.city-chips,.review-chips,.hero-bullets,.hero-trust{overflow-x:auto!important;overflow-y:hidden!important;height:32px!important;max-height:32px!important;mask-image:linear-gradient(90deg,#000 0%,#000 calc(100% - 28px),transparent 100%)!important;scrollbar-width:none!important;}
  .popular-search::-webkit-scrollbar,.city-chips::-webkit-scrollbar,.review-chips::-webkit-scrollbar,.hero-bullets::-webkit-scrollbar,.hero-trust::-webkit-scrollbar{display:none!important;}
  .popular-search button,.city-chips button,.review-chips button,.hero-bullets span,.hero-trust span{height:30px!important;line-height:30px!important;font-size:10.5px!important;padding:0 10px!important;}
  .stat-strip,.route-stat-grid,.review-stats{gap:9px!important;margin-top:12px!important;}
  .stat-strip article,.route-stat-grid article,.review-stats article{min-height:78px!important;padding:10px!important;grid-template-columns:34px minmax(0,1fr)!important;gap:6px 9px!important;}
  .stat-strip article span,.route-stat-grid i,.review-stats i{width:33px!important;height:33px!important;font-size:17px!important;border-radius:10px!important;}
  .stat-strip b,.route-stat-grid b,.review-stats b{font-size:18px!important;}
  .stat-strip strong,.stat-strip small,.route-stat-grid span,.review-stats span{font-size:9.8px!important;line-height:1.12!important;}
  .tco-light-ref .tco-trust{max-height:124px!important;}
  .tco-light-ref .tco-trust span{height:56px!important;max-height:56px!important;}
  .review-v2 .review-chips{overflow-x:auto!important;}
  .review-section-head a{white-space:nowrap!important;font-size:11px!important;}
  .top-story h2{font-size:20px!important;line-height:1.16!important;}
}

/* Oto2 hero copy blocker fix: premium short copy, no clipped headline */
@media(max-width:820px){
  .hero-portal .hero-copy h1,
  .page-bandingkan .route-hero-copy h1{max-height:64px!important;}
  .hero-portal .hero-copy p,
  .page-bandingkan .route-hero-copy p{max-height:36px!important;}
}

/* Oto2 home chip final: no half-visible clipped chips on mobile */
@media(max-width:820px){
  .hero-portal .popular-search,
  .hero-portal .hero-trust{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow:hidden!important;
    mask-image:none!important;
    gap:6px!important;
    justify-content:flex-start!important;
  }
  .hero-portal .popular-search button,
  .hero-portal .hero-trust span{
    flex:0 0 auto!important;
    max-width:none!important;
    padding:0 8px!important;
    font-size:9.8px!important;
  }
}

/* Oto2 TCO hero readability polish from Master screenshot */
.o2-hero-copy h1{text-wrap:balance!important;}
.o2-hero-copy p{text-wrap:pretty!important;}
@media(max-width:820px){
  .page-tco .o2-hero{max-height:300px!important;}
  .page-tco .o2-hero-grid{max-height:300px!important;padding-block:22px 18px!important;}
  .page-tco .tco-copy{max-height:264px!important;}
  .page-tco .tco-copy h1{
    font-size:25px!important;
    line-height:1.06!important;
    max-height:none!important;
    margin-bottom:9px!important;
    letter-spacing:-.045em!important;
  }
  .page-tco .tco-copy p{
    font-size:12px!important;
    line-height:1.45!important;
    max-height:none!important;
    margin-bottom:11px!important;
    display:block!important;
    -webkit-line-clamp:unset!important;
  }
  .page-tco .tco-trust{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    max-height:62px!important;
    margin-top:0!important;
    overflow:hidden!important;
  }
  .page-tco .tco-trust span{
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    padding:8px 7px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    text-align:center!important;
    gap:3px!important;
  }
  .page-tco .tco-trust span i{
    width:22px!important;height:22px!important;font-size:12px!important;border-radius:8px!important;
  }
  .page-tco .tco-trust b{font-size:9.5px!important;line-height:1!important;}
  .page-tco .tco-trust small{display:none!important;}
}
@media(min-width:821px){
  .page-tco .tco-copy h1{font-size:42px!important;max-height:none!important;}
  .page-tco .tco-copy p{max-height:none!important;}
}

/* OtoRev V2 detail page — V1 benchmark pass2, 2026-06-05 */
.detail-v1-benchmark{background:#f6f8fb}.detail2-hero{background:linear-gradient(180deg,#fff,#f7fbff);border-bottom:1px solid #e7edf6;padding:26px 0 24px}.detail2-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:26px;align-items:start}.detail2-media .breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;font-weight:850;color:#64748b;margin:0 0 14px}.detail2-media .breadcrumb a{color:#0b64d8}.detail2-photo{position:relative;border-radius:26px;background:radial-gradient(circle at 50% 28%,rgba(22,119,255,.11),transparent 45%),linear-gradient(135deg,#f8fafc,#eef5ff);border:1px solid #e3ebf6;box-shadow:0 20px 50px rgba(15,23,42,.09);aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden}.detail2-photo img{width:100%;height:100%;object-fit:contain;padding:18px}.detail2-badges{position:absolute;left:14px;top:14px;display:flex;gap:8px;flex-wrap:wrap}.detail2-badges span{background:#fff;border:1px solid #dbe7f6;color:#0f3263;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:950;text-transform:uppercase}.detail2-thumbs{display:flex;gap:8px;overflow:auto;margin-top:10px;padding-bottom:2px}.detail2-thumbs button{width:88px;height:52px;flex:0 0 auto;border:1px solid #dbe7f6;background:#fff;border-radius:13px;padding:3px;cursor:pointer}.detail2-thumbs button.active{border-color:#1677ff;box-shadow:0 0 0 3px rgba(22,119,255,.12)}.detail2-thumbs img{width:100%;height:100%;object-fit:contain}.detail2-info{background:#fff;border:1px solid #e4ebf5;border-radius:26px;padding:22px;box-shadow:0 18px 46px rgba(15,23,42,.08);position:sticky;top:82px}.detail2-info h1{font-size:clamp(34px,4vw,54px);line-height:.95;letter-spacing:-.055em;margin:10px 0;color:#071326}.detail2-info p{color:#64748b;font-size:14px;line-height:1.55}.detail2-variant-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px;margin:14px 0}.detail2-variant-tabs a,.detail2-variant-tabs span{border:1px solid #e1e9f4;border-radius:15px;background:#fff;color:#0f172a;padding:10px;text-decoration:none}.detail2-variant-tabs a.active{border-color:#1677ff;background:#eff6ff}.detail2-variant-tabs b{display:block;font-size:12px}.detail2-variant-tabs span,.detail2-variant-tabs small{display:block;font-size:10px;color:#64748b;margin-top:3px}.detail2-price{border-radius:20px;background:linear-gradient(135deg,#eef6ff,#ecfdf5);border:1px solid rgba(22,119,255,.16);padding:16px;margin:12px 0}.detail2-price small{display:block;color:#64748b;font-weight:850;text-transform:uppercase;font-size:11px}.detail2-price strong{display:block;font-size:31px;color:#061427;letter-spacing:-.04em}.detail2-price em{display:block;color:#475569;font-size:12px;font-style:normal}.detail2-actions{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:9px;margin-top:12px}.detail2-actions .btn{height:42px;border-radius:12px;padding:0 12px}.btn-outline-dark{border:1px solid #cbd5e1;color:#0f172a;background:#fff}.detail2-fchips{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.detail2-fchips span{background:#f8fafc;border:1px solid #e6edf6;border-radius:999px;padding:7px 9px;font-size:10px;font-weight:850;color:#475569}.detail2-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start;margin-top:24px}.detail2-card,.detail2-side-card{background:#fff;border:1px solid #e6edf6;border-radius:22px;box-shadow:0 12px 34px rgba(15,23,42,.055);padding:20px;margin-bottom:16px}.detail2-card h2,.detail2-side-card h2{font-size:24px;line-height:1.1;margin:0 0 14px;letter-spacing:-.035em;color:#071326}.detail2-spec-groups{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail2-spec-groups h3,.detail2-procon h3{font-size:13px;color:#0b64d8;text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px}.detail2-spec-groups table{width:100%;border-collapse:collapse}.detail2-spec-groups tr:not(:last-child){border-bottom:1px solid #eef2f7}.detail2-spec-groups td{padding:9px 0;font-size:12px;vertical-align:top}.detail2-spec-groups td:first-child{color:#64748b;width:45%;padding-right:10px}.detail2-spec-groups td:last-child{font-weight:850;text-align:right;color:#0f172a}.detail2-procon{display:grid;grid-template-columns:1fr 1fr;gap:14px}.detail2-procon>div{border-radius:18px;padding:14px;background:#f8fafc;border:1px solid #edf2f7}.detail2-procon p,.detail2-card details p{color:#475569;line-height:1.6;font-size:13px}.detail2-card details{border-top:1px solid #eef2f7;padding:12px 0}.detail2-card summary{font-weight:950;cursor:pointer}.detail2-sidebar{position:sticky;top:76px}.detail2-side-card.lead{background:linear-gradient(180deg,#061427,#0b2a54);color:#fff}.detail2-side-card.lead p,.detail2-side-card.lead small{color:#cfe1f8}.detail2-side-card dl{display:grid;grid-template-columns:1fr auto;gap:8px 12px;margin:0}.detail2-side-card dt{color:#64748b;font-size:12px}.detail2-side-card dd{margin:0;font-weight:950;text-align:right}.detail2-sim{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;border:1px solid #edf2f7;border-radius:14px;padding:9px;color:#0f172a;margin-bottom:8px}.detail2-sim img{width:48px;height:42px;object-fit:contain;background:#f8fafc;border-radius:10px}.detail2-sim b{font-size:12px;display:block}.detail2-sim small{font-size:10px;color:#64748b}.detail2-mobile-bar{display:none}@media(max-width:980px){.detail2-hero-grid,.detail2-layout{grid-template-columns:1fr}.detail2-info,.detail2-sidebar{position:static}.detail2-spec-groups,.detail2-procon{grid-template-columns:1fr}.detail2-actions{grid-template-columns:1fr}.detail2-photo{border-radius:20px}.detail-v1-benchmark{padding-bottom:76px}.detail2-mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:80;display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#fff;border-top:1px solid #e2e8f0;padding:10px 12px}.detail2-mobile-bar button,.detail2-mobile-bar a{border:0;border-radius:12px;background:#1677ff;color:#fff;font-size:13px;font-weight:950;text-align:center;padding:12px}.detail2-mobile-bar a{background:#071326}}@media(max-width:560px){.detail2-hero{padding-top:16px}.detail2-info{padding:16px;border-radius:20px}.detail2-info h1{font-size:34px}.detail2-price strong{font-size:25px}.detail2-card,.detail2-side-card{padding:16px;border-radius:18px}.detail2-spec-groups td{display:block;text-align:left!important;width:100%!important;padding:5px 0}.detail2-spec-groups td:first-child{padding-bottom:0}.detail2-thumbs button{width:74px;height:46px}.detail2-badges{position:static;margin:10px}.detail2-photo{display:block}.detail2-photo img{height:220px}.detail2-card h2,.detail2-side-card h2{font-size:21px}}

/* OtoRev V2 route context handoff — detail -> compare/TCO */
.route-context-card{margin-top:18px;background:linear-gradient(90deg,#eef6ff,#f8fbff);border:1px solid #d9e8fb;border-radius:18px;box-shadow:0 12px 30px rgba(15,23,42,.06);padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.route-context-card span{display:block;color:#0b64d8;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.route-context-card h2{margin:3px 0 5px;font-size:24px;letter-spacing:-.035em;color:#071326}.route-context-card p{margin:0;color:#475569;font-size:13px;line-height:1.5}.route-context-card button{border:0;background:#1677ff;color:#fff;border-radius:12px;padding:12px 16px;font-weight:950;white-space:nowrap}@media(max-width:720px){.route-context-card{grid-template-columns:1fr;padding:16px}.route-context-card button{width:100%}}

/* OtoRev V2 selected model API hydration — compare/TCO */
.route-context-live{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.route-context-live span,.route-context-live a{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #dbeafe;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:850;color:#334155}.route-context-live b{color:#071326}.route-context-live a{color:#0b64d8}.compare-picker article.hydrated-selected,.vehicle-pair article.hydrated-selected{border-color:#1677ff!important;box-shadow:0 16px 38px rgba(22,119,255,.16)!important;background:linear-gradient(180deg,#fff,#f5f9ff)!important}.hydrated-selected em{background:#1677ff!important;color:#fff!important}

/* OtoRev V2 compare live table patch */
.compare-picker aside a{display:inline-flex;margin-top:10px;border-radius:12px;background:#1677ff;color:#fff;padding:10px 12px;font-weight:950;font-size:12px}.spec-compare a{color:#0b64d8;font-weight:850}.insight-section footer a{color:#0b64d8;font-weight:900}

/* OtoRev V2 TCO live calculation patch */
.tco-side .tip p,.saving-strip span{line-height:1.5}.donut-card li b{font-size:11px}

/* OtoRev V2 newsroom live WP patch */
.newsroom-grid article>a{display:block;color:inherit}.top-story a{font-weight:950}

/* OtoRev V2 P1 Static Interaction Polish Batch 1 — 2026-06-05 */
.oto2-scroll-hint{margin:0 0 10px;color:#0b64d8;font-size:12px;font-weight:900}.spec-compare .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.spec-compare .table-wrap table{min-width:760px}.spec-compare .table-wrap:after{content:"";display:block;height:1px}.oto2-clickable-card{cursor:pointer;position:relative}.oto2-card-cta{display:inline-flex;margin-top:10px;color:#60a5fa!important;font-weight:950;font-size:12px}.dealer-all-list{margin-top:22px;background:#fff;border:1px solid #e4eaf2;border-radius:14px;padding:22px;box-shadow:0 10px 28px rgba(15,23,42,.055)}.dealer-all-list h2{margin:0 0 6px}.dealer-all-list>p{margin:0 0 14px;color:#64748b}.dealer-all-list>div{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.dealer-all-list article{border:1px solid #e7edf5;border-radius:12px;padding:14px;background:#fbfdff;display:grid;gap:4px}.dealer-all-list span{font-size:12px;color:#0b64d8;font-weight:900}.dealer-all-list small{color:#64748b}.oto2-inline-note{display:block;margin-top:8px;color:#166534;line-height:1.35}.oto2-polish-lead[hidden]{display:none!important}.oto2-polish-lead{position:fixed;inset:0;z-index:999;background:rgba(2,8,23,.62);display:grid;place-items:center;padding:18px}.oto2-polish-lead-box{width:min(520px,100%);background:#fff;color:#0f172a;border-radius:18px;padding:22px;box-shadow:0 26px 70px rgba(0,0,0,.32);display:grid;gap:11px;position:relative}.oto2-polish-lead-close{position:absolute;right:14px;top:12px;border:0;background:#eef2f7;border-radius:999px;width:34px;height:34px;font-size:20px}.oto2-polish-lead-box label{display:grid;gap:6px;font-size:12px;font-weight:850}.oto2-polish-lead-box input,.oto2-polish-lead-box select{height:42px;border:1px solid #dbe4ef;border-radius:10px;padding:0 12px}.oto2-consent{grid-template-columns:22px 1fr!important;align-items:start}.oto2-consent input{height:auto}.oto2-polish-lead-submit{height:44px;border:0;border-radius:10px;background:#1677ff;color:#fff;font-weight:950}.oto2-polish-lead-msg{margin:0;font-size:12px}.oto2-polish-lead-msg.error{color:#dc2626}.oto2-polish-lead-msg.success{color:#15803d}.filter-card[data-dirty="1"]{box-shadow:0 12px 34px rgba(22,119,255,.11)}
@media(max-width:720px){.dealer-all-list>div{grid-template-columns:1fr}.spec-compare .table-wrap{border:1px solid #e5eaf2;border-radius:12px}.oto2-scroll-hint{background:#eef6ff;border:1px solid #cfe3ff;border-radius:10px;padding:9px 10px}.compare-picker aside:first-child a,.compare-picker aside:first-child button{width:100%;justify-content:center}.review-v2 .featured-review-grid article,.review-v2 .latest-review article{min-height:auto}}

/* OtoRev V2 P1 Visible Polish — 2026-06-05 */
.oto2-filter-proof,.oto2-result-proof,.oto2-compare-proof,.oto2-dealer-proof,.oto2-tco-proof,.oto2-review-proof{border:1px solid #bfdbfe;background:linear-gradient(135deg,#eff6ff,#fff);color:#0f172a;border-radius:16px;padding:14px 16px;box-shadow:0 12px 30px rgba(37,99,235,.09)}
.oto2-filter-proof{margin-top:14px;display:grid;gap:4px}.oto2-filter-proof b,.oto2-result-proof b,.oto2-compare-proof b,.oto2-dealer-proof b{display:block;color:#0b64d8;font-weight:950}.oto2-filter-proof span,.oto2-result-proof span,.oto2-compare-proof span,.oto2-dealer-proof span{display:block;color:#475569;font-size:13px;line-height:1.45}.oto2-result-proof{margin:18px auto;display:flex;align-items:center;justify-content:space-between;gap:14px}.oto2-result-proof b{font-size:18px}.oto2-compare-proof,.oto2-dealer-proof{margin-top:18px;margin-bottom:18px}.oto2-scroll-hint{font-size:13px!important;background:#eaf4ff!important;border:1px solid #bfdbfe!important;border-radius:14px!important;padding:12px 14px!important;color:#075bb5!important}.compare-picker aside:first-child button{background:#1677ff!important;color:#fff!important;border-color:#1677ff!important;box-shadow:0 12px 26px rgba(22,119,255,.24)!important}.oto2-card-proof{display:inline-flex;margin-top:12px;background:#1677ff;color:#fff;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:950}.oto2-card-cta{background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:9px 12px;text-decoration:none!important}.oto2-review-proof{margin:0 0 16px}.oto2-tco-proof{margin:8px 0 16px!important;color:#334155!important;font-size:14px!important;line-height:1.55}.tco-calculator .oto2-tco-proof{background:#f8fbff}.dealer-all-list{scroll-margin-top:90px}.filter-card .filter-actions button:last-child{background:#1677ff!important;color:#fff!important;border-color:#1677ff!important;box-shadow:0 10px 22px rgba(22,119,255,.2)!important}.filter-card .filter-actions button:first-child{background:#fff!important;color:#334155!important;border:1px solid #dbe4ef!important}
@media(max-width:720px){.oto2-result-proof{display:grid}.oto2-result-proof b{font-size:16px}.oto2-compare-proof,.oto2-dealer-proof{margin-left:16px!important;margin-right:16px!important}.oto2-filter-proof,.oto2-result-proof{border-radius:14px}.oto2-card-proof,.oto2-card-cta{width:100%;justify-content:center;text-align:center}}

/* OtoRev V2 P1 Visible Progress Batch 2 — 2026-06-05 */
.oto2-live-compare,.oto2-mini-tco{background:linear-gradient(135deg,#07182f,#0b3b77);color:#fff;border-radius:24px;padding:24px;box-shadow:0 24px 60px rgba(15,23,42,.22);margin-top:24px;margin-bottom:24px}.oto2-live-head h2,.oto2-mini-tco h2{margin:8px 0;color:#fff}.oto2-live-head p,.oto2-mini-tco p,.oto2-mini-note{color:#dbeafe;line-height:1.55}.oto2-live-selects,.oto2-tco-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.oto2-tco-inputs{grid-template-columns:repeat(5,1fr)}.oto2-live-selects label,.oto2-tco-inputs label{display:grid;gap:7px;font-size:12px;font-weight:900;color:#dbeafe}.oto2-live-selects select,.oto2-tco-inputs input{height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:#fff;color:#0f172a;padding:0 12px;font-weight:800}.oto2-tco-inputs small{color:#bfdbfe}.oto2-live-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0}.oto2-live-cards article{display:grid;grid-template-columns:92px 1fr;gap:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:12px}.oto2-live-cards img{width:92px;height:72px;object-fit:contain;background:#fff;border-radius:12px}.oto2-live-cards b,.oto2-live-cards strong{display:block;color:#fff}.oto2-live-cards span{display:block;color:#bfdbfe;font-size:12px}.oto2-live-cards a{display:inline-flex;margin-top:6px;color:#93c5fd;font-weight:900;font-size:12px}.oto2-live-table-wrap{overflow-x:auto;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:#fff}.oto2-live-table-wrap table{width:100%;min-width:680px;border-collapse:collapse;color:#0f172a}.oto2-live-table-wrap th,.oto2-live-table-wrap td{padding:12px;border-bottom:1px solid #e2e8f0;text-align:left}.oto2-live-table-wrap th{background:#eff6ff;color:#0b64d8}.oto2-tco-results{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}.oto2-tco-results article{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:16px}.oto2-tco-results span{display:block;color:#bfdbfe;font-size:12px;font-weight:900}.oto2-tco-results b{display:block;margin-top:6px;font-size:22px;color:#fff}.oto2-tco-results .save{background:linear-gradient(135deg,rgba(34,197,94,.24),rgba(22,119,255,.18));border-color:rgba(134,239,172,.45)}
@media(max-width:900px){.oto2-live-selects,.oto2-live-cards,.oto2-tco-inputs,.oto2-tco-results{grid-template-columns:1fr}.oto2-live-compare,.oto2-mini-tco{border-radius:18px;padding:18px}.oto2-live-cards article{grid-template-columns:82px 1fr}.oto2-live-cards img{width:82px;height:64px}}

/* OtoRev V2 P1 Batch 2 overflow fix */
.tco-calculator,.tco-main-grid,.oto2-mini-tco{max-width:100%;box-sizing:border-box;overflow:hidden}.oto2-tco-inputs label,.oto2-tco-inputs input{min-width:0}.oto2-mini-tco *{box-sizing:border-box}
@media(min-width:901px){.oto2-tco-inputs{grid-template-columns:repeat(5,minmax(0,1fr))}.oto2-tco-results{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* OtoRev V2 P1 Visible Progress Batch 3 — 2026-06-05 */
.oto2-review-finder,.oto2-catalog-compare,.oto2-dealer-finder{background:#fff;border:1px solid #dbeafe;border-radius:24px;padding:24px;box-shadow:0 20px 50px rgba(15,23,42,.09);margin-top:24px;margin-bottom:24px}.oto2-review-finder h2,.oto2-catalog-compare h2,.oto2-dealer-finder h2{margin:8px 0;color:#0f172a}.oto2-review-finder p,.oto2-catalog-compare p,.oto2-dealer-finder p{color:#475569;line-height:1.55}.oto2-review-controls,.oto2-catalog-selects,.oto2-dealer-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.oto2-review-controls{grid-template-columns:1.2fr 1fr}.oto2-catalog-selects{grid-template-columns:1fr 1fr}.oto2-review-controls label,.oto2-catalog-selects label,.oto2-dealer-controls label{display:grid;gap:7px;font-size:12px;font-weight:900;color:#334155}.oto2-review-controls select,.oto2-catalog-selects select,.oto2-dealer-controls select,.oto2-dealer-controls input{height:44px;border:1px solid #dbe4ef;border-radius:12px;padding:0 12px;font-weight:800;background:#fbfdff}.oto2-review-output article{display:grid;grid-template-columns:160px 1fr;gap:16px;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #bfdbfe;padding:16px}.oto2-review-output img{width:160px;height:120px;object-fit:contain;background:#fff;border-radius:14px}.oto2-review-output b,.oto2-catalog-result b,.oto2-dealer-results b{display:block;color:#0f172a;font-size:18px}.oto2-review-output span,.oto2-catalog-result span,.oto2-dealer-results span{display:block;color:#0b64d8;font-weight:900;font-size:12px}.oto2-review-output nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.oto2-review-output nav a,.oto2-go-compare{background:#1677ff;color:#fff!important;border-radius:999px;padding:9px 12px;font-weight:950;text-decoration:none!important;font-size:12px}.oto2-catalog-result>div{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:14px}.oto2-catalog-result article{border:1px solid #dbeafe;border-radius:16px;background:#f8fbff;padding:16px}.oto2-catalog-result strong{display:grid;place-items:center;color:#0b64d8}.oto2-catalog-result article a{display:inline-flex;margin-top:10px;color:#1677ff;font-weight:950}.oto2-catalog-result>p{margin:14px 0!important;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;padding:12px;color:#166534}.oto2-dealer-results>p{background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;padding:12px}.oto2-dealer-results>div{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.oto2-dealer-results article{display:grid;gap:5px;border:1px solid #e2e8f0;border-radius:14px;background:#fbfdff;padding:14px}.oto2-dealer-results small{color:#64748b}.oto2-dealer-results a{color:#1677ff;font-weight:950;font-size:12px}
@media(max-width:760px){.oto2-review-controls,.oto2-catalog-selects,.oto2-dealer-controls,.oto2-catalog-result>div,.oto2-dealer-results>div,.oto2-review-output article{grid-template-columns:1fr}.oto2-review-output img{width:100%;height:160px}.oto2-review-finder,.oto2-catalog-compare,.oto2-dealer-finder{border-radius:18px;padding:18px}}

/* OtoRev V2 Catalog Template Alignment — 2026-06-05 */
.catalog-template-aligned .filter-card.catalog-template-filter{margin:0!important}.catalog-template-body{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start;margin-top:28px;margin-bottom:34px}.catalog-template-filter{position:sticky;top:86px;background:#fff;border:1px solid #e7edf5;border-radius:20px;padding:22px;box-shadow:0 18px 48px rgba(15,23,42,.08)}.catalog-template-filter h2{font-size:20px;margin:0 0 14px}.catalog-template-filter .filter-grid{display:grid!important;grid-template-columns:1fr!important;gap:16px}.catalog-template-filter label{font-size:12px;font-weight:900;color:#0f172a}.catalog-template-filter select{height:44px;border-radius:12px;border:1px solid #dbe4ef;background:#fbfdff}.catalog-template-filter .filter-actions{display:flex;gap:10px;margin-top:14px}.catalog-template-filter .filter-actions button{height:42px;border-radius:12px}.catalog-filter-trust{margin-top:18px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;padding:14px;color:#166534;font-size:12px;line-height:1.45}.catalog-template-results{margin:0!important}.catalog-template-results .section-title.inline{display:flex!important;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.catalog-template-results .section-title h2{font-size:26px;margin:0;color:#0f172a}.catalog-template-results .section-title p{margin:4px 0 0;color:#64748b;font-size:13px}.catalog-sort-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.catalog-sort-pills button{height:34px;border:1px solid #dbeafe;background:#fff;color:#334155;border-radius:999px;padding:0 14px;font-size:12px;font-weight:900}.catalog-sort-pills .active{background:#1677ff;color:#fff;border-color:#1677ff}.catalog-template-results #catalogPreviewRow.popular-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;overflow:visible}.catalog-template-results .mini-car{border:1px solid #e7edf5;border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.07);overflow:hidden;min-width:0}.catalog-template-results .mini-car>a,.catalog-template-results .mini-car .car-main-link{display:grid!important;text-decoration:none!important;color:#0f172a!important;padding:12px;gap:8px}.catalog-template-results .mini-car .img{height:145px;background:linear-gradient(135deg,#f8fbff,#eef6ff);border-radius:14px;display:grid;place-items:center;position:relative}.catalog-template-results .mini-car img{max-width:96%;max-height:140px;object-fit:contain}.catalog-template-results .mini-car h3{font-size:16px;line-height:1.2;margin:0;color:#0f172a}.catalog-template-results .mini-car p{font-size:12px;color:#64748b;margin:0}.catalog-template-results .mini-car b{font-size:15px;color:#0f172a}.catalog-template-results .mini-car span,.catalog-template-results .mini-car .detail-inline{display:inline-flex!important;align-items:center;justify-content:center;height:32px;border-radius:10px;background:#eff6ff;color:#1677ff!important;font-size:12px;font-weight:950;margin-top:4px}.catalog-template-why{margin-top:16px;margin-bottom:18px}.catalog-template-why h2{font-size:22px;margin:0 0 14px;color:#0f172a}.catalog-template-why>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.catalog-template-why article{background:#fff;border:1px solid #e7edf5;border-radius:18px;padding:18px;box-shadow:0 12px 34px rgba(15,23,42,.06)}.catalog-template-why i{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eff6ff;color:#1677ff;font-style:normal;margin-bottom:10px}.catalog-template-why b{display:block;color:#0f172a;margin-bottom:4px}.catalog-template-why span{display:block;color:#64748b;font-size:13px;line-height:1.45}.catalog-template-cta{background:linear-gradient(135deg,#0047d6,#061d45)!important;border-radius:20px!important;color:#fff!important;box-shadow:0 22px 52px rgba(22,80,220,.22)!important}.catalog-template-cta h2,.catalog-template-cta p{color:#fff!important}.catalog-template-cta a,.catalog-template-cta button{border-radius:12px!important;font-weight:950!important}.catalog-template-cta button{background:#28d66f!important;color:#03230f!important;border:0!important}.catalog-template-aligned #oto2CatalogQuickCompare,.catalog-template-aligned #oto2CatalogResultProof,.catalog-template-aligned .oto2-filter-proof{display:none!important}
@media(max-width:1020px){.catalog-template-body{grid-template-columns:1fr}.catalog-template-filter{position:relative;top:auto}.catalog-template-results #catalogPreviewRow.popular-row{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-template-why>div{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-template-results .section-title.inline{display:grid!important}.catalog-sort-pills{justify-content:flex-start}}
@media(max-width:680px){.catalog-template-body{gap:18px;margin-top:18px}.catalog-template-results #catalogPreviewRow.popular-row{grid-template-columns:1fr}.catalog-template-why>div{grid-template-columns:1fr}.catalog-template-filter{padding:18px;border-radius:18px}.catalog-template-results .mini-car .img{height:132px}.catalog-sort-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.catalog-sort-pills button{white-space:nowrap}.catalog-template-cta{border-radius:18px!important}}

/* OtoRev V2 Catalog Template Alignment QA fixes */
.catalog-template-aligned #catalogPreviewRow{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;overflow:visible!important;width:100%!important;max-width:100%!important}.catalog-template-aligned #catalogPreviewRow .mini-car{width:auto!important;min-width:0!important;max-width:100%!important;flex:none!important}.catalog-template-aligned #catalogPreviewRow .mini-car>a{min-width:0!important}.catalog-template-aligned #oto2CatalogQuickCompare[hidden],.catalog-template-aligned #oto2CatalogResultProof[hidden]{display:none!important}
@media(max-width:1020px){.catalog-template-aligned #catalogPreviewRow{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){.catalog-template-aligned #catalogPreviewRow{grid-template-columns:1fr!important}}

/* OtoRev V2 Catalog Template Alignment hard overflow clamp */
body.catalog-template-aligned{overflow-x:hidden}.catalog-template-aligned .catalog-template-body,.catalog-template-aligned .catalog-template-results,.catalog-template-aligned .popular-row,.catalog-template-aligned #catalogPreviewRow{min-width:0!important;max-width:100%!important}.catalog-template-aligned #catalogPreviewRow{display:grid!important;grid-auto-flow:row!important;grid-auto-columns:unset!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;transform:none!important}.catalog-template-aligned #catalogPreviewRow>*{position:relative!important;left:auto!important;right:auto!important;transform:none!important;margin:0!important}.catalog-template-aligned #catalogPreviewRow .mini-car{display:block!important;float:none!important;contain:layout paint}.catalog-template-aligned .catalog-template-results{overflow:hidden!important}.catalog-template-aligned .catalog-preview{overflow:hidden!important}
@media(max-width:1020px){.catalog-template-aligned #catalogPreviewRow{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){.catalog-template-aligned #catalogPreviewRow{grid-template-columns:1fr!important}.catalog-template-aligned .catalog-template-body{padding-left:16px!important;padding-right:16px!important}}