: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}

.newsrail{background:linear-gradient(104deg,var(--navy) 0%,var(--blue) 62%,#0A74BE 100%);color:#fff}
.newsrail h2,.newsrail a{color:#fff}
.newsrail .copy{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;margin-bottom:22px}
.newsrail .copy p{margin:0;max-width:60ch;color:#DCEBF7}

.baygrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.baytile{position:relative;border-radius:10px;overflow:hidden;background:var(--navy);color:#fff;display:block}
.baytile img{height:170px;width:100%;object-fit:cover;opacity:.62;transition:transform .35s}
.baytile:hover img{transform:scale(1.05)}
.baytile .on{position:absolute;inset:auto 0 0 0;padding:14px 16px;
background:linear-gradient(to top,rgba(15,45,83,.94),rgba(15,45,83,0))}
.baytile h3{color:#fff;margin:0 0 3px;text-transform:uppercase;font-size:19px}
.baytile span{font-size:13px;color:var(--sky)}
.baytile:hover{text-decoration:none}

.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}

.motto{background:var(--asphalt);color:#fff;text-align:center}
.motto .lane{padding-block:clamp(28px,3.4vw,44px)}
.motto h2{color:#fff;margin:0 0 6px;text-transform:uppercase;letter-spacing:.04em}
.motto p{margin:0;color:#A9BACB;max-width:70ch;margin-inline:auto}

.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}
.homehero{background:var(--asphalt) url(/trackshots/pro-line-racing-pit-lane-hero.webp) center/cover no-repeat;color:#fff;position:relative}
.homehero::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(16,18,22,.93) 0%,rgba(16,18,22,.82) 48%,rgba(16,18,22,.55) 100%)}
.homehero .lane{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:34px;align-items:start;padding-block:40px 46px}
.homehero h1{color:#fff;max-width:20ch}
.homehero .lead{color:#E3ECF5;font-size:17.5px;max-width:52ch}
.homehero .cta{margin:20px 0 26px}
.gobtn{display:inline-block;background:var(--amber);color:#2A1E02;font-family:"Chakra Petch",Arial,sans-serif;font-weight:700;
text-transform:uppercase;letter-spacing:.08em;font-size:14.5px;padding:13px 22px;border-radius:4px}
.gobtn:hover{background:#F2B932;text-decoration:none}
.laps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 30px}
.laps li{font-size:13.5px;color:#AFC2D4}
.laps b{display:block;font-family:"Chakra Petch",Arial,sans-serif;font-size:30px;line-height:1.05;color:var(--sky)}
.pickbox{background:#fff;color:var(--ink);border-radius:12px;padding:16px 18px 20px;border-top:5px solid var(--cyan);box-shadow:0 20px 48px rgba(0,0,0,.45)}
.pickbox .kicker{color:var(--blue);margin-bottom:8px}
.pickbox .pic{display:block;background:var(--paper);border-radius:9px}
.pickbox .pic img{width:100%;aspect-ratio:1/1;object-fit:contain;max-height:270px;padding:10px}
.compounds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:12px 0}
.compounds button{font:inherit;color:var(--navy);background:#fff;border:2px solid var(--line);border-radius:6px;padding:7px 3px;cursor:pointer;line-height:1.15}
.compounds b{display:block;font-family:"Chakra Petch",Arial,sans-serif;font-size:17px}
.compounds span{display:block;font-size:11.5px;color:#5B7087;margin-top:2px}
.compounds button[aria-checked=true]{border-color:var(--navy);background:#EAF6FC;box-shadow:inset 0 -3px 0 var(--cyan)}
.pickbox h3{font-size:19px;margin:0 0 4px;text-transform:none}
.pickbox h3 a{color:var(--ink)}
.pickbox .specline{font-size:13.5px;color:#5B7087;margin:0 0 6px}
.pickbox .row{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 12px;margin:4px 0 12px}
.pickbox .row b.p{font-family:"Chakra Petch",Arial,sans-serif;font-size:30px;color:var(--navy)}
.pickbox .stampbtn img{width:300px}
.baygrid--frames{grid-template-columns:repeat(4,minmax(0,1fr))}
.baygrid--frames .baytile img{height:auto;aspect-ratio:4/3;opacity:.78}
.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}
.finder{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));counter-reset:turn}
.finder li{border:1px solid var(--line);border-left:5px solid var(--cyan);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:9px;counter-increment:turn}
.finder li:nth-child(even){border-left-color:var(--amber)}
.finder .when{font-family:"Chakra Petch",Arial,sans-serif;font-weight:700;font-size:18px;color:var(--navy);margin:0}
.finder .when::before{content:"T" counter(turn) " ";color:var(--cyan)}
.finder p{margin:0;font-size:15px;color:#36485B}
.finder .pick{display:flex;align-items:center;gap:11px;background:var(--paper);border-radius:8px;padding:8px;color:var(--ink);margin-top:auto}
.finder .pick img{width:62px;height:62px;object-fit:contain;background:#fff;border-radius:6px;flex:0 0 62px}
.finder .pick b{display:block;font-size:14.5px;line-height:1.3}
.finder .pick small{color:#6D8296;font-size:13px}
.voice{margin:0}
.voice .on{display:inline-block;margin-top:8px;font-size:13.5px;font-weight:600}
@media (max-width:1060px){.baygrid--frames{grid-template-columns:repeat(2,minmax(0,1fr))}.finder{grid-template-columns:1fr 1fr}}
@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%)}
}
@media (max-width:900px){.homehero .lane{grid-template-columns:1fr}}
@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}
 .baygrid--frames{gap:10px}
 .baygrid--frames .baytile h3{font-size:15px}
 .baygrid--frames .baytile span{font-size:12px}
 .baygrid--frames .baytile .on{padding:10px}
 .finder{grid-template-columns:1fr}
 .laps{display:grid;grid-template-columns:repeat(4,auto);gap:10px;justify-content:space-between}
 .laps b{font-size:23px}
 .laps li{font-size:12px;line-height:1.3}
 .compounds{grid-template-columns:1fr 1fr}
 .pickbox{padding:14px}
 .pickbox .stampbtn img{width:100%}
}