.obr{--navy:#22335B;--navy2:#1B2A4A;--navy3:#17233F;
  --orange:#F47B20;--orange2:#F5A45C;
  --ink:#1F2937;--mut:#5B6472;--line:#E4E7EC;--page:#F6F7F9;--wa:#25D366;
  --wide:1140px;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --head:'Archivo','Inter',sans-serif;}.obr *{box-sizing:border-box}.obr .in{max-width:var(--wide);margin:0 auto;padding:0 24px}.obr .hero{background:linear-gradient(100deg,var(--navy3),var(--navy2));color:#fff;padding:clamp(38px,5vw,72px) 0 clamp(34px,4vw,58px);width:var(--obr-vw,100vw);margin-left:calc(50% - (var(--obr-vw,100vw) / 2));margin-right:calc(50% - (var(--obr-vw,100vw) / 2))}.obr .k{font-family:var(--head);letter-spacing:.16em;font-size:11.5px;font-weight:800;color:var(--orange2);text-transform:uppercase;margin:0 0 12px}.obr .hero h1{font-family:var(--head);font-weight:800;font-size:clamp(28px,4.2vw,44px);line-height:1.14;margin:0 0 14px;letter-spacing:-.01em}.obr .hero h1 em{color:var(--orange);font-style:normal}.obr .hero p{color:#C9D3E6;font-size:17px;max-width:64ch;margin:0}.obr .hnote{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16);font-size:13.5px;color:#9FB0C9}.obr .hero{position:relative;overflow:hidden}.obr .hero .in{position:relative;z-index:2}.obr .hero p{max-width:52ch}.obr .lineup{position:absolute;right:max(0px,calc((100% - 1380px) / 2));bottom:-14px;z-index:1;display:flex;align-items:flex-end;gap:6px;
  pointer-events:none;opacity:.5;
  -webkit-mask-image:linear-gradient(100deg,transparent 0,#000 34%,#000 100%);
  mask-image:linear-gradient(100deg,transparent 0,#000 34%,#000 100%)}.obr .lineup img{height:210px;width:auto;object-fit:contain;filter:drop-shadow(0 8px 22px rgba(0,0,0,.4))}.obr .lineup img:nth-child(2){height:238px}.obr .lineup img:nth-child(3){height:196px}@media(max-width:1240px){.obr .lineup img{height:176px}.obr .lineup img:nth-child(2){height:198px}.obr .lineup img:nth-child(3){height:166px}}@media(max-width:1040px){.obr .lineup{opacity:.32}}@media(max-width:860px){.obr .lineup{display:none}}.obr .bstrip{margin-top:-30px;position:relative;z-index:3}.obr .bwrap{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.obr .bcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:0 4px 16px rgba(16,24,40,.07)}.obr .bcard.hi{border-color:var(--orange);border-width:2px}.obr .bicon{display:flex;gap:2.5px;align-items:center;margin-bottom:10px}.obr .bicon i{width:9px;height:17px;border-radius:2px;background:#DDE3EC;display:block}.obr .bicon i.on{background:var(--orange)}.obr .bcard h3{font-family:var(--head);font-size:16px;font-weight:800;color:var(--navy);margin:0 0 2px}.obr .bcard .alt{font-size:12px;color:var(--mut);margin:0 0 6px}.obr .bcard p{font-size:13px;color:var(--mut);margin:0;line-height:1.5}.obr section.blk{padding:52px 0}.obr h2.sec{font-family:var(--head);font-weight:800;font-size:26px;color:var(--navy);margin:0 0 6px;letter-spacing:-.01em}.obr p.sub{color:var(--mut);font-size:15px;margin:0 0 26px}.obr .finder{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 2px 10px rgba(16,24,40,.06)}.obr .fhead{background:linear-gradient(100deg,var(--navy3),var(--navy2));padding:22px 26px;color:#fff}.obr .fhead h3{font-family:var(--head);font-size:19px;font-weight:800;margin:0 0 3px}.obr .fhead p{margin:0;font-size:13.5px;color:#C9D3E6}.obr .f .flabel{font-family:var(--head);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--mut);margin:0 0 10px}.obr .cats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.obr .cat{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;color:var(--navy);cursor:pointer;font-family:var(--sans);transition:.15s}.obr .cat:hover{border-color:#B9C2D2}.obr .cat.on{background:var(--navy);border-color:var(--navy);color:#fff}.obr .tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.obr .tool{background:#F1F4F9;border:1px solid transparent;border-radius:10px;padding:9px 15px;font-size:13.5px;font-weight:600;color:var(--navy);cursor:pointer;font-family:var(--sans);transition:.15s}.obr .tool:hover{background:#E7ECF4}.obr .tool.on{background:var(--orange);color:#fff}.obr .modes{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.obr .mode{background:#fff;border:1px solid var(--line);border-radius:8px;padding:7px 14px;font-size:12.5px;font-weight:600;color:var(--mut);cursor:pointer;font-family:var(--sans)}.obr .mode.on{border-color:var(--navy);color:var(--navy);background:#EEF2F8}.obr .res{border-top:1px solid var(--line);padding-top:20px}.obr .row{display:grid;grid-template-columns:120px 1fr 86px;align-items:center;gap:14px;margin-bottom:12px}.obr .row .nm{font-family:var(--head);font-size:13.5px;font-weight:700;color:var(--navy)}.obr .row .nm small{display:block;font-family:var(--sans);font-weight:400;font-size:11px;color:var(--mut)}.obr .bar{height:26px;border-radius:6px;background:#EEF2F8;overflow:hidden}.obr .bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#2F4570,var(--navy));transition:width .45s cubic-bezier(.2,.7,.3,1)}.obr .row.best .bar i{background:linear-gradient(90deg,var(--orange2),var(--orange))}.obr .row .val{font-family:var(--head);font-size:15px;font-weight:800;color:var(--navy);text-align:right}.obr .row.best .val{color:var(--orange)}.obr .row.na .val{color:#A7B0BF;font-weight:600;font-size:13px}.obr .fnote{font-size:12.5px;color:var(--mut);margin-top:14px;padding-left:12px;border-left:3px solid var(--orange);line-height:1.55}.obr .tblwrap{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:20px}.obr .tblhd{padding:16px 22px;border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.obr .tblhd h3{font-family:var(--head);font-size:17px;font-weight:800;color:var(--navy);margin:0}.obr .tblhd span{font-size:13px;color:var(--mut)}.obr .scroll{overflow-x:auto}.obr table{border-collapse:collapse;width:100%;min-width:560px}.obr th,.obr td{padding:11px 14px;text-align:center;font-size:14px;border-bottom:1px solid #EDF0F5}.obr th{font-family:var(--head);font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--mut);background:#FAFBFD}.obr th.grp{color:var(--orange);font-size:12px;letter-spacing:.04em;border-bottom:1px solid var(--line)}.obr tbody td:first-child,.obr thead tr:first-child th:first-child{text-align:left;font-family:var(--head);font-weight:700;color:var(--navy);font-size:13.5px}.obr tbody tr:last-child td{border-bottom:0}.obr tr.pro td{color:var(--orange);font-weight:700}.obr tr.pro td:first-child{color:var(--orange)}.obr td.dash{color:#B6BECC}.obr .tfoot{padding:12px 22px;font-size:12px;color:var(--mut);background:#FAFBFD;border-top:1px solid var(--line);line-height:1.55}.obr .divx{border-left:1px solid var(--line)}.obr .ins{background:#EEF2F8;border-radius:14px;padding:18px 22px;margin-top:16px;font-size:15px;line-height:1.6;border-left:5px solid var(--orange)}.obr .ins b{color:var(--orange)}.obr .mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.obr .mcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 24px 26px;display:flex;flex-direction:column}.obr .mcard.hi{border:2px solid var(--orange)}.obr .mtag{font-family:var(--head);font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#fff;background:var(--navy);align-self:flex-start;padding:4px 11px;border-radius:5px;margin-bottom:12px}.obr .mcard.hi .mtag{background:var(--orange)}.obr .mcard h3{font-family:var(--head);font-size:19px;font-weight:800;color:var(--navy);margin:0 0 8px}.obr .mcard p{font-size:14px;color:var(--mut);margin:0 0 14px;line-height:1.6}.obr .mpick{font-family:var(--head);font-size:14.5px;font-weight:800;color:var(--navy);padding-top:14px;border-top:1px solid var(--line);margin-top:auto}.obr .mcard.hi .mpick{color:var(--orange)}.obr .cta{background:linear-gradient(100deg,var(--navy3),var(--navy2));border-radius:20px;padding:38px 42px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;margin-bottom:60px}.obr .ctac{flex:1 1 400px;border-left:5px solid var(--orange);padding-left:22px}.obr .cta h2{font-family:var(--head);font-weight:800;font-size:24px;margin:0 0 8px}.obr .cta p{margin:0;color:#C9D3E6;font-size:15px}.obr .btns{display:flex;gap:12px;flex-wrap:wrap}.obr .btn{font-family:var(--head);font-weight:700;font-size:14.5px;border-radius:999px;padding:14px 28px;text-decoration:none;color:#fff;display:inline-flex;transition:.15s}.obr .btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.28)}.obr .btn.o{background:var(--orange)}.obr .btn.w{background:var(--wa)}.obr .ic{width:1em;height:1em;flex:0 0 auto;vertical-align:-.13em}.obr .mode{display:inline-flex;align-items:center;gap:7px}.obr .mode .ic{width:15px;height:15px;color:var(--mut)}.obr .mode.on .ic{color:var(--orange)}.obr .badge{width:46px;height:46px;border-radius:12px;background:linear-gradient(140deg,var(--navy2),var(--navy));display:flex;align-items:center;justify-content:center;flex:0 0 auto;margin-right:14px}.obr .badge .ic{width:24px;height:24px;color:#fff}.obr .tblhd{align-items:center}.obr .tblhd .txt{display:flex;flex-direction:column}.obr .legend{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 30px}.obr .lgi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 10px;text-align:center}.obr .lgi .badge{margin:0 auto 9px;width:42px;height:42px}.obr .lgi span{font-size:12px;font-weight:600;color:var(--navy);line-height:1.35;display:block}@media(max-width:900px){.obr .legend{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.obr .legend{grid-template-columns:repeat(2,1fr)}}.obr .tool{display:inline-flex;align-items:center;gap:12px;padding:9px 20px 9px 11px;font-size:14.5px}.obr .tool img{width:68px;height:68px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 1px 1px rgba(16,24,40,.12))}.obr .tool.on img{filter:drop-shadow(0 1px 2px rgba(0,0,0,.28))}.obr .jobhero .mach{width:116px;height:116px;object-fit:contain;flex:0 0 auto}.obr .jobhero .mach:first-of-type{margin-left:auto}.obr .tblhd .mrow{display:flex;align-items:center;gap:10px;margin-left:auto;flex:0 0 auto}.obr .tblhd .mrow img{width:68px;height:68px;object-fit:contain}@media(max-width:900px){.obr .tblhd .mrow img{width:52px;height:52px}
}@media(max-width:680px){.obr .tblhd .mrow{gap:6px}.obr .tblhd .mrow img{width:40px;height:40px}.obr .jobhero{flex-wrap:wrap}.obr .jobhero img{width:84px;height:84px}.obr .jobhero .mach{width:78px;height:78px}.obr .tool img{width:50px;height:50px}
}.obr .jobhero{display:flex;gap:18px;align-items:center;background:#F4F6F9;border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:20px}.obr .jobhero img{width:116px;height:116px;object-fit:cover;border-radius:12px;flex:0 0 auto;background:#E7ECF4}.obr .jobhero .jt{display:flex;flex-direction:column;gap:3px}.obr .jobhero .jt b{font-family:var(--head);font-size:16px;font-weight:800;color:var(--navy)}.obr .jobhero .jt span{font-size:13.5px;color:var(--mut);line-height:1.5}.obr .jobhero .jt em{font-style:normal;color:var(--orange);font-weight:700}.obr .lgi{padding:0;overflow:hidden;text-align:left}.obr .lgi img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:#E7ECF4}.obr .lgi .cap{padding:10px 12px;display:flex;align-items:center;gap:8px}.obr .lgi .cap .ic{width:16px;height:16px;color:var(--orange)}.obr .lgi span{font-size:12.5px;font-weight:600;color:var(--navy);line-height:1.3}.obr .lgi.noimg{padding:14px 10px;text-align:center}.obr .lgi.noimg .badge{margin:0 auto 9px;width:42px;height:42px}.obr .tblhd img.hdimg{width:60px;height:60px;object-fit:cover;border-radius:11px;margin-right:14px;flex:0 0 auto;background:#E7ECF4}@media(max-width:680px){.obr .jobhero img{width:84px;height:84px}}@media(max-width:980px){.obr .bwrap{grid-template-columns:repeat(2,1fr)}.obr .mgrid{grid-template-columns:1fr}
}@media(max-width:680px){.obr .bwrap{grid-template-columns:1fr}.obr .row{grid-template-columns:96px 1fr 74px;gap:10px}.obr .hero h1{font-size:clamp(26px,7.2vw,34px)}.obr .hero p{font-size:15.5px}.obr section.blk{padding:38px 0}.obr .cta{padding:26px 22px}.obr .f .fhead{padding:18px 20px}
}@media(prefers-reduced-motion:reduce){.obr *{transition:none!important}.obr .btn:hover{transform:none}}
/* --------------------------------------------------- Battery page banner -- */
.obr-banner{display:flex;align-items:center;gap:18px;max-width:1140px;margin:0 auto 34px;padding:22px 26px;
  background:linear-gradient(100deg,#17233F,#1B2A4A);border-radius:16px;color:#fff;text-decoration:none;
  font-family:'Inter',sans-serif;box-shadow:0 4px 18px rgba(16,24,40,.14);
  transition:transform .15s ease,box-shadow .15s ease}
.obr-banner:hover,.obr-banner:focus-visible{transform:translateY(-2px);box-shadow:0 10px 26px rgba(16,24,40,.22);color:#fff}
.obr-banner-ic{width:52px;height:52px;border-radius:13px;background:rgba(244,123,32,.16);display:flex;
  align-items:center;justify-content:center;flex:0 0 auto;color:#F5A45C}
.obr-banner-ic svg{width:26px;height:26px}
.obr-banner-copy{display:flex;flex-direction:column;gap:3px;flex:1}
.obr-banner-copy b{font-family:'Archivo',sans-serif;font-size:18px;font-weight:800;line-height:1.3;color:#fff}
.obr-banner-copy span{font-size:14px;color:#C9D3E6;line-height:1.55}
.obr-banner-cta{font-family:'Archivo',sans-serif;font-weight:700;font-size:14.5px;color:#fff;background:#F47B20;
  border-radius:999px;padding:12px 24px;flex:0 0 auto;white-space:nowrap}
@media(max-width:820px){
  .obr-banner{flex-wrap:wrap;gap:14px;padding:20px}
  .obr-banner-copy{flex:1 1 100%;order:2}
  .obr-banner-cta{order:3;width:100%;text-align:center}
}
@media(prefers-reduced-motion:reduce){
  .obr-banner{transition:none}
  .obr-banner:hover{transform:none}
}