/* horseracingapi.co.uk /pricing */
.phero{padding:56px 0 30px}
.phero h1{font:300 46px/1.08 var(--disp);margin:12px 0 12px;max-width:820px}
.phero h1 em{font-style:normal;color:var(--green3)}
.phero p{color:var(--ink2);font-size:17px;max-width:720px;margin:0 0 26px}
.phead2{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:6px}
.save{font-size:13px;color:var(--green3)}
.psec{padding:56px 0}.psec.alt{background:var(--paper)}
.psec h2{font:300 32px/1.15 var(--disp);margin:8px 0 10px}
.tl{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 24px;margin-top:22px}
.tl .axis{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;font:400 11px var(--mono);color:var(--muted);margin-bottom:6px}
.tl .axis .yrs{display:flex;justify-content:space-between}
.tl .row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:center;height:46px;border-top:1px solid var(--line)}
.tl .row .n{font:400 15px var(--disp)}.tl .row .n span{display:block;font:400 12px var(--sans);color:var(--muted)}
.tl .bar{position:relative;height:16px;background:var(--paper);border-radius:8px}
.tl .bar i{position:absolute;top:0;bottom:0;border-radius:8px;transform-origin:left;animation:grow 1s ease-out both}
.tl .bar i.f{background:#9AA59F}.tl .bar i.l{background:var(--live)}.tl .bar i.a{background:var(--archive)}.tl .bar i.c{background:var(--complete)}
.tl .bar b{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--champ);font-weight:400}
.tl .note{font-size:12px;color:var(--muted);margin-top:12px}
@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.course{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap);margin-top:22px}
.cc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px}
.cc .t{font:400 18px var(--disp)}.cc .s{font-size:13px;color:var(--muted);margin-top:2px}
.cc ul{list-style:none;padding:0;margin:14px 0 0}
.cc li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:14px;color:var(--ink2)}
.cc li .chip{justify-self:start}
.cmp td,.cmp th{text-align:center}.cmp td:first-child,.cmp th:first-child{text-align:left}
.cmp td{background:#fff;white-space:normal}
.cmp .y{color:var(--ok)}.cmp .x{color:var(--rule)}
.cmp tr.grp td{background:var(--paper);font:400 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.uses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);margin-top:22px}
.use{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:8px}
.use .t{font:400 16px var(--disp)}.use p{margin:0;font-size:13px;color:var(--ink2);flex:1}
.bill{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);margin-top:22px}
.bill>div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px}
.bill .t{font:400 16px var(--disp)}.bill p{margin:6px 0 0;font-size:13px;color:var(--ink2)}
.final2{background:var(--green);color:var(--bone);border-radius:var(--r);padding:34px;display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:10px}
.final2 .t{font:300 28px/1.2 var(--disp)}.final2 p{color:#CFDAD4;margin:6px 0 0;font-size:14px}
.final2 .b2{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:none}.final2 .btn{width:170px;height:42px;font-size:14px}
@media (max-width:1060px){.course,.bill{grid-template-columns:minmax(0,1fr)}.uses{grid-template-columns:1fr 1fr}.phero h1{font-size:34px}.final2{flex-direction:column;align-items:flex-start}.cmp{display:block;overflow-x:auto}.tl .axis,.tl .row{grid-template-columns:96px minmax(0,1fr)}}
@media (max-width:600px){.uses{grid-template-columns:minmax(0,1fr)}.final2 .b2{grid-template-columns:minmax(0,1fr);width:100%}.final2 .btn{width:100%}}
.plan .pn .chip.mine{background:var(--green);color:#fff;border-color:var(--green)}