:root{--navy:#0F2D53;--blue:#0063A7;--cyan:#1AB7EA;--sky:#83D5F0;--amber:#E7A313;
--asphalt:#101216;--paper:#F4F7FA;--ink:#16212F;--line:#D7E2EC}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font:400 16px/1.65 Barlow,"Segoe UI",Arial,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:"Chakra Petch",Barlow,Arial,sans-serif;font-weight:700;line-height:1.14;
letter-spacing:.005em;color:var(--navy);margin:0 0 .5em}
h1{font-size:clamp(28px,4.4vw,46px);text-transform:uppercase;letter-spacing:.012em}
h2{font-size:clamp(21px,2.5vw,30px)}
h3{font-size:clamp(17px,1.7vw,21px)}
p{margin:0 0 1em}
.lane{width:min(1240px,100%);margin-inline:auto;padding-inline:16px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:8px;top:8px;z-index:99;background:var(--amber);color:var(--navy);padding:8px 14px}

.toprail{background:var(--asphalt);color:#B9C7D6;font-size:13px}
.toprail .lane{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:center;min-height:36px;padding-block:6px}
.toprail b{color:var(--sky);font-weight:600}
.toprail .sep{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap}
.toprail a{color:#B9C7D6}

.pithead{background:var(--navy);color:#fff;position:relative;z-index:5}
.pithead .lane{display:flex;align-items:center;gap:14px 20px;flex-wrap:wrap;padding-block:12px}
.lockup{display:flex;align-items:center;gap:11px;flex:0 0 auto}
.lockup img{width:74px;background:#fff;border-radius:7px;padding:5px 6px}
.lockup span{font-family:"Chakra Petch",Arial,sans-serif;font-weight:700;font-size:19px;
line-height:1.05;text-transform:uppercase;letter-spacing:.03em;color:#fff}
.lockup small{display:block;font-size:10.5px;letter-spacing:.3em;color:var(--sky);font-weight:600}
.pitnav{display:flex;flex-wrap:wrap;gap:4px 18px;font-family:"Chakra Petch",Arial,sans-serif;
font-weight:600;font-size:14.5px;text-transform:uppercase;letter-spacing:.05em}
.pitnav a{color:#DCE8F3;padding:5px 0;border-bottom:2px solid transparent}
.pitnav a:hover,.pitnav a[aria-current]{color:#fff;border-bottom-color:var(--cyan);text-decoration:none}
.shelfnav{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 0;font-family:"Chakra Petch",Arial,sans-serif;
font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.05em}
.shelfnav a{color:var(--navy);background:#E8EFF6;border:1px solid var(--line);border-radius:999px;
padding:6px 14px;white-space:nowrap}
.shelfnav a:hover{background:var(--navy);color:#fff;border-color:var(--navy);text-decoration:none}
.headbuy{margin-left:auto}
.headbuy img{width:188px}

.crumbs{background:var(--paper);border-bottom:1px solid var(--line);font-size:13px}
.crumbs .lane{padding-block:9px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px;color:#5B7087}
.crumbs li+li::before{content:"›";margin-right:8px;color:#9DB0C2}

.hero{position:relative;background:var(--asphalt);color:#fff;overflow:hidden}
.hero img.shot{width:100%;height:clamp(230px,38vw,440px);object-fit:cover;opacity:.58}
.hero .wrap{position:absolute;inset:0;display:flex;align-items:center;
background:linear-gradient(100deg,rgba(16,18,22,.88) 0%,rgba(16,18,22,.74) 38%,rgba(16,18,22,.12) 72%,transparent 100%)}
.hero .lane{width:min(1240px,100%)}
.kicker{font-family:"Chakra Petch",Arial,sans-serif;font-weight:700;font-size:12.5px;
letter-spacing:.26em;text-transform:uppercase;color:var(--cyan);margin:0 0 10px}
.hero h1{color:#fff;max-width:17ch;text-shadow:0 2px 18px rgba(0,0,0,.6)}
.hero p{max-width:52ch;color:#EDF3F9;font-size:clamp(15px,1.3vw,18px);text-shadow:0 1px 10px rgba(0,0,0,.75)}
.cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:18px}
.ghost{display:inline-block;border:2px solid var(--sky);color:#fff;font-family:"Chakra Petch",Arial,sans-serif;
font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:14px;padding:11px 20px;border-radius:4px}
.ghost:hover{background:var(--sky);color:var(--navy);text-decoration:none}

.stampbtn{border:0;background:none;padding:0;cursor:pointer;line-height:0;display:inline-block}
.stampbtn img{width:244px;max-width:100%}
.stampbtn.wide img{width:300px}
.stampbtn.small img{width:188px}
.stampbtn:hover img{filter:brightness(1.06)}
.stampbtn:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}

section{padding-block:clamp(34px,4.4vw,58px)}
section.tight{padding-block:clamp(22px,3vw,34px)}
.sechead{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;margin-bottom:20px}
.sechead p{margin:0;color:#5B7087;font-size:15px}
.sechead h2{margin:0}

.tilegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:16px}
.tile{border:1px solid var(--line);border-radius:9px;background:#fff;display:flex;flex-direction:column;
overflow:hidden;transition:box-shadow .2s,border-color .2s}
.tile:hover{box-shadow:0 10px 26px rgba(15,45,83,.13);border-color:var(--sky)}
.tile .pic{background:#fff;padding:12px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.tile .pic img{max-height:100%;width:auto;object-fit:contain}
.tile .body{padding:0 14px 14px;display:flex;flex-direction:column;flex:1;gap:7px}
.tile .brandline{font-family:"Chakra Petch",Arial,sans-serif;font-weight:600;font-size:11px;
letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}
.tile h3{font-size:15px;line-height:1.3;margin:0;font-weight:600;text-transform:none}
.tile h3 a{color:var(--ink)}
.tile .shelfline{font-size:12px;color:#6D8296}
.tile .price{font-family:"Chakra Petch",Arial,sans-serif;font-weight:700;font-size:21px;color:var(--navy);margin-top:auto}
.tile .was{font-size:13px;color:#8A9AAB;text-decoration:line-through;margin-left:7px;font-weight:400}
.tile .stampbtn{width:100%}
.tile .stampbtn img{width:100%}
.stars{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#6D8296}
.stars b{color:var(--amber);letter-spacing:1px;font-size:13px}
.flag{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
padding:3px 8px;border-radius:3px;background:#E7F6EC;color:#1B6B3A}
.flag.out{background:#FBECEC;color:#9A2B2B}
.flag.new{background:var(--amber);color:#3A2A02}

.prose{max-width:none}
.prose>p,.prose>ul,.prose>ol,.prose>h2,.prose>h3{max-width:76ch}
.prose h2{margin-top:1.5em}
.prose h2:first-child{margin-top:0}
.prose h3{margin-top:1.3em;color:var(--blue)}
.prose ul{padding-left:20px}
.prose li{margin-bottom:.4em}
.proseband{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cols2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:34px 52px;align-items:start}
.cols2>*{min-width:0}
.cols2>*>h2:first-child{margin-top:0}

.setup{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:30px 42px;align-items:start}
.shotbox{border:1px solid var(--line);border-radius:10px;padding:16px;background:#fff}
.shotbox>img{width:100%;aspect-ratio:1/1;object-fit:contain}
.filmstrip{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:8px;margin-top:12px}
.filmstrip img{border:1px solid var(--line);border-radius:6px;padding:4px;aspect-ratio:1/1;object-fit:contain}
.buybox .price{font-family:"Chakra Petch",Arial,sans-serif;font-weight:700;
font-size:clamp(30px,3.6vw,40px);color:var(--navy);line-height:1}
.buybox .meta{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin:10px 0 16px}
.specs{width:100%;border-collapse:collapse;margin:18px 0 0;font-size:14.5px}
.specs th,.specs td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);
vertical-align:top;overflow-wrap:anywhere}
.specs th{width:40%;color:#5B7087;font-weight:600;font-family:"Chakra Petch",Arial,sans-serif;letter-spacing:.02em}
.bullets{margin:18px 0 0;padding-left:20px;font-size:15px}

.voices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:18px;margin-top:4px;
align-items:start}
.voice{border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:10px;
background:#fff;padding:16px 18px;min-width:0}
.voice h3{margin:0 0 6px;font-size:16px;line-height:1.3}
.voice .vstars{font-family:"Chakra Petch",Arial,sans-serif;color:var(--amber);font-size:14px;letter-spacing:.08em}
.voice p{margin:8px 0 0;font-size:14.5px;line-height:1.62;color:#36485B;overflow-wrap:anywhere}
.voice .who{margin-top:10px;font-size:13px;color:#7A8CA0;font-style:normal}

.trustrail{background:var(--navy);color:#fff}
.trustrail .lane{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:20px;padding-block:30px}
.trustrail h3{color:var(--sky);font-size:14px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px}
.trustrail p{margin:0;font-size:14.5px;color:#CBDCEA}

.pitfoot{background:var(--asphalt);color:#9FB2C4;font-size:14.5px}
.pitfoot .statement{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:26px;
padding-block:38px;border-bottom:1px solid #26303C}
.pitfoot .statement h3{color:#fff;font-size:15px;letter-spacing:.1em;text-transform:uppercase}
.pitfoot .links{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:26px;padding-block:32px}
.pitfoot h4{color:var(--sky);font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px}
.pitfoot ul{list-style:none;margin:0;padding:0}
.pitfoot li{margin-bottom:7px}
.pitfoot a{color:#9FB2C4}
.pitfoot address{font-style:normal;line-height:1.75}
.pitfoot .base{border-top:1px solid #26303C;padding-block:18px;font-size:13px;color:#73869A;
display:flex;flex-wrap:wrap;gap:6px 18px}

@media (max-width:860px){
 .cols2{grid-template-columns:1fr;gap:4px}
 .setup{grid-template-columns:1fr}
 .hero img.shot{height:auto;aspect-ratio:16/10;opacity:.5}
}
@media (max-width:620px){
 .hero{display:block}
 .hero .wrap{position:static;padding-block:26px;background:none}
 .hero img.shot{aspect-ratio:16/9}
 .headbuy{margin-left:0;width:100%}
 .pitnav{font-size:13.5px;gap:4px 14px}
 .tilegrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
 .tile h3{font-size:13.5px}
 .tile .price{font-size:18px}
 .specs th{width:46%}
}

.lockup img{width:84px;height:auto;background:none;border-radius:0;padding:0}
.garage{background:var(--asphalt);color:#DDE7F1;border-bottom:4px solid var(--amber)}
section.garage{padding-block:0}
.garage .lane{padding-block:22px 24px}
.garage-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:8px 34px;align-items:end;margin-bottom:18px}
.garage .kicker{color:var(--amber);margin:0 0 6px}
.garage h1{color:#fff;margin:0;font-size:clamp(25px,3vw,38px)}
.garage .lead{margin:0;color:#B9C8D8;font-size:15.5px}
.ymm{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1.15fr) minmax(150px,.45fr);gap:14px;background:#1B1F26;border:1px solid #2C333D;border-radius:6px;padding:14px}
.ymm fieldset{border:0;margin:0;padding:0;min-width:0}
.ymm legend,.ymm label span{display:block;font-family:"Chakra Petch",Arial,sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sky);margin-bottom:8px}
.ymm legend b,.ymm label b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--amber);color:#1B1F26;margin-right:6px;font-size:12px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips button{font:600 14px/1.1 Barlow,Arial,sans-serif;color:#E6EEF6;background:#262C35;border:1px solid #3A4350;border-radius:4px;padding:9px 11px;cursor:pointer}
.chips button:hover{border-color:var(--cyan)}
.chips button[aria-pressed=true]{background:var(--cyan);border-color:var(--cyan);color:#06213A}
.ymm select{width:100%;font:600 15px Barlow,Arial,sans-serif;color:#E6EEF6;background:#262C35;border:1px solid #3A4350;border-radius:4px;padding:9px 10px}
.ymm-out{grid-column:1/-1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 18px;margin:0;border-top:1px solid #2C333D;padding-top:10px;font-size:14px;color:#9FB2C6}
.ymm-out b{color:#fff;font-family:"Chakra Petch",Arial,sans-serif}
.ymm-out a{color:var(--amber);font-weight:600}
.fits{padding-block:18px 34px;background:var(--paper)}
.fitlist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.fit{display:grid;grid-template-columns:84px minmax(0,1fr) auto auto;gap:6px 18px;align-items:center;background:#fff;border:1px solid var(--line);border-left:4px solid var(--cyan);border-radius:4px;padding:10px 14px}
.fit[hidden]{display:none}
.fit img{width:84px;height:84px;object-fit:contain}
.fit h3{font-size:16.5px;text-transform:none;margin:0 0 3px}
.fit h3 a{color:var(--ink)}
.fit .line{font-size:13.5px;color:#5B7087;margin:0}
.fit .line i{font-style:normal;color:var(--blue);font-weight:600}
.fit .money{text-align:right;min-width:110px}
.fit .money b{display:block;font-family:"Chakra Petch",Arial,sans-serif;font-size:21px;color:var(--navy)}
.fit .money small{font-size:12.5px;color:#5B7087}
.fit .stampbtn img{width:220px}
.fitnone{background:#fff;border:1px dashed var(--line);padding:16px;color:#5B7087;margin:0}
.catindex{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.cat{border-top:4px solid var(--navy);background:#fff}
.cat img{width:100%;aspect-ratio:16/9;object-fit:cover}
.cat h3{margin:12px 0 6px;font-size:19px}
.cat h3 a{color:var(--navy)}
.cat ul{list-style:none;margin:0;padding:0}
.cat li{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding:6px 0;font-size:15px}
.cat li span{color:#6D8296;font-size:13px}
.tiregrid{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);font-size:14.5px}
.tiregrid thead th{background:var(--navy);color:#DCE8F3;font-family:"Chakra Petch",Arial,sans-serif;font-size:12.5px;letter-spacing:.08em;
text-transform:uppercase;text-align:left;padding:11px 10px}
.tiregrid td,.tiregrid tbody th{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;font-weight:400}
.tiregrid tbody tr:nth-child(even){background:#F8FAFC}
.tirename{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:600;line-height:1.3;min-width:200px}
.tirename img{width:56px;height:56px;object-fit:contain;flex:0 0 56px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:2px}
.tiregrid .rt{white-space:nowrap}
.tiregrid .rt small,.tiregrid .pr small{display:block;font-size:12px;color:#6D8296}
.tiregrid .pr b{font-family:"Chakra Petch",Arial,sans-serif;font-size:18px;color:var(--navy);white-space:nowrap}
.tiregrid .go{width:200px}
.tiregrid .go img{width:188px}
.compound{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:30px;align-items:start}
.comptab{width:100%;border-collapse:collapse;font-size:14.5px;background:#fff;border:1px solid var(--line)}
.comptab th,.comptab td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}
.comptab thead th{font-family:"Chakra Petch",Arial,sans-serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#5B7087;background:var(--paper)}
.comptab tbody th{font-family:"Chakra Petch",Arial,sans-serif;font-size:19px;color:var(--blue)}
.compnotes h3{font-size:17px;text-transform:none;margin:0 0 4px}
.compnotes p{margin:0 0 14px;font-size:15px;color:#36485B}
.voice{margin:0}
.voice .on{display:inline-block;margin-top:8px;font-size:13.5px;font-weight:600}
@media (max-width:1060px){.catindex{grid-template-columns:repeat(2,minmax(0,1fr))}.ymm{grid-template-columns:1fr 1fr}.ymm fieldset:first-child{grid-column:1/-1}}
@media (max-width:980px){
 .tiregrid,.tiregrid tbody,.tiregrid tr,.tiregrid td,.tiregrid tbody th{display:block;width:100%}
 .tiregrid thead{display:none}
 .tiregrid{border:0;background:none}
 .tiregrid tbody{display:grid;gap:12px}
 .tiregrid tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;background:#fff!important;border:1px solid var(--line);border-radius:9px;padding:12px}
 .tiregrid td,.tiregrid tbody th{border:0;padding:0}
 .tiregrid tbody th,.tiregrid .go{grid-column:1/-1}
 .tiregrid td[data-label]::before{content:attr(data-label);display:block;font-family:"Chakra Petch",Arial,sans-serif;font-size:11px;
 letter-spacing:.1em;text-transform:uppercase;color:#6D8296}
 .tirename{min-width:0}
 .tiregrid .go{width:auto}
 .tiregrid .go img{width:min(260px,100%)}
 .compound{grid-template-columns:1fr}
 .fit{grid-template-columns:84px minmax(0,1fr) auto}
 .fit .stampbtn{grid-column:2/-1}
}
@media (max-width:720px){
 .comptab,.comptab tbody,.comptab tr,.comptab td,.comptab tbody th{display:block;width:100%}
 .comptab thead{display:none}
 .comptab tbody{display:grid;gap:10px}
 .comptab tr{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;border:1px solid var(--line);padding:10px 12px;background:#fff}
 .comptab th,.comptab td{border:0;padding:0}
 .comptab tbody th{grid-column:1/-1}
 .comptab td[data-label]::before{content:attr(data-label);display:block;font-family:"Chakra Petch",Arial,sans-serif;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#6D8296}
}
@media (max-width:620px){
 .lockup img{width:64px}
 .pitnav{order:3;flex-basis:100%}
 .headbuy{margin-left:auto;width:auto}
 .pithead .headbuy img{width:150px}
 .garage .lane{padding-block:16px 18px}
 .garage-top{grid-template-columns:1fr}
 .garage .lead{display:none}
 .ymm{grid-template-columns:1fr;padding:12px;gap:12px}
 .chips button{padding:8px 9px;font-size:13.5px}
 .catindex{grid-template-columns:1fr}
 .fit{grid-template-columns:72px minmax(0,1fr);padding:10px}
 .fit img{width:72px;height:72px}
 .fit .money{grid-column:2;text-align:left;min-width:0}
 .fit .stampbtn{grid-column:1/-1}
 .fit .stampbtn img{width:100%}
}