.rr{–rr-royal:#1B5FA8;–rr-royal2:#2E7BD6;–rr-deep:#103C6E;–rr-carbon:#0f1116;–rr-panel:#161a22;–rr-panel2:#1b2029;–rr-line:#2a323f;–rr-ink:#F5F7FA;–rr-mut:#aeb7c6;–rr-gold:#e9c46a;background:var(–rr-carbon);color:var(–rr-ink);font-family:’Montserrat’,’Open Sans’,system-ui,sans-serif;line-height:1.6;margin:0 auto;max-width:1240px;padding:0 20px 72px;overflow:hidden}
.rr *{box-sizing:border-box}
.rr h1,.rr h2,.rr h3{line-height:1.08;letter-spacing:.01em;margin:0}
.rr a{color:var(–rr-royal2);text-decoration:none}
.rr .num{font-variant-numeric:tabular-nums}
/* HERO */
.rr-hero{position:relative;text-align:center;padding:64px 16px 40px;background:radial-gradient(120% 90% at 50% -10%,rgba(46,123,214,.28),transparent 60%),linear-gradient(180deg,#12151c,#0f1116)}
.rr-kick{display:inline-block;font-weight:700;letter-spacing:.32em;font-size:13px;color:var(–rr-royal2);border:1px solid var(–rr-line);border-radius:100px;padding:7px 16px;background:rgba(27,95,168,.12)}
.rr-hero h1{font-size:clamp(34px,6vw,68px);text-transform:uppercase;font-style:italic;margin:18px 0 10px;text-shadow:0 2px 24px rgba(46,123,214,.35)}
.rr-hero .lede{max-width:760px;margin:0 auto;color:var(–rr-mut);font-size:clamp(15px,2vw,19px)}
/* STAT TILES */
.rr-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:34px 0 8px}
.rr-tile{background:linear-gradient(180deg,var(–rr-panel2),var(–rr-panel));border:1px solid var(–rr-line);border-radius:14px;padding:18px 12px;text-align:center;position:relative}
.rr-tile::before{content:””;position:absolute;left:14px;right:14px;top:0;height:2px;background:linear-gradient(90deg,transparent,var(–rr-royal2),transparent);border-radius:2px}
.rr-tile .n{font-size:clamp(26px,3.4vw,40px);font-weight:800;font-style:italic;color:#fff;line-height:1}
.rr-tile .l{margin-top:8px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(–rr-mut)}
/* SECTIONS */
.rr-sec{margin-top:56px}
.rr-sec>h2{font-size:clamp(22px,3.2vw,34px);text-transform:uppercase;font-style:italic;display:flex;align-items:center;gap:14px}
.rr-sec>h2::after{content:””;flex:1;height:2px;background:linear-gradient(90deg,var(–rr-royal),transparent)}
.rr-sec .intro{color:var(–rr-mut);max-width:820px;margin:12px 0 22px;font-size:15.5px}
.rr-badge{font-size:12px;font-weight:800;color:#0f1116;background:var(–rr-royal2);border-radius:100px;padding:3px 11px;font-style:normal;letter-spacing:.02em}
/* MONO-FUEL MARQUEE */
.rr-mono{margin-top:44px;border:1px solid rgba(46,123,214,.45);border-radius:18px;padding:34px 28px;background:radial-gradient(90% 140% at 12% 0%,rgba(27,95,168,.35),transparent 55%),linear-gradient(180deg,#141a25,#11151d);position:relative;overflow:hidden}
.rr-mono .tag{color:var(–rr-royal2);font-weight:800;letter-spacing:.18em;font-size:12.5px;text-transform:uppercase}
.rr-mono h2{font-size:clamp(23px,3.4vw,36px);text-transform:uppercase;font-style:italic;margin:8px 0 12px}
.rr-mono p{color:#d7deea;max-width:900px;margin:0;font-size:16px}
.rr-mono .events{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.rr-mono .ev{background:rgba(15,17,22,.6);border:1px solid var(–rr-line);border-radius:12px;padding:12px 18px;flex:1 1 220px}
.rr-mono .ev b{display:block;font-size:18px;color:#fff;font-style:italic}
.rr-mono .ev span{color:var(–rr-mut);font-size:13px}
/* TITLE ROWS */
.rr-list{display:flex;flex-direction:column;gap:10px}
.rr-row{display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:16px;background:var(–rr-panel);border:1px solid var(–rr-line);border-left:3px solid var(–rr-royal);border-radius:12px;padding:14px 18px;transition:border-color .2s ease,transform .2s ease,background .2s ease}
.rr-row:hover{border-left-color:var(–rr-royal2);background:var(–rr-panel2);transform:translateX(3px)}
.rr-row .yr{font-size:22px;font-weight:800;font-style:italic;color:var(–rr-royal2);line-height:1}
.rr-row .mid .who{font-weight:700;font-size:16.5px;color:#fff}
.rr-row .mid .meta{color:var(–rr-mut);font-size:13.5px;margin-top:2px}
.rr-row .tagcol{text-align:right;font-size:13px;color:var(–rr-mut);white-space:nowrap}
.rr-row .flag{font-size:19px}
.rr-star{color:var(–rr-gold);font-weight:800;font-style:normal}
/* NATION GROUPS */
.rr-nats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.rr-nat{background:var(–rr-panel);border:1px solid var(–rr-line);border-radius:14px;padding:18px 20px}
.rr-nat h3{font-size:16px;text-transform:uppercase;letter-spacing:.04em;color:#fff;display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(–rr-line)}
.rr-nat h3 .flag{font-size:22px}
.rr-nat h3 .cnt{margin-left:auto;font-size:12px;color:#0f1116;background:var(–rr-royal2);border-radius:100px;padding:2px 10px;font-weight:800}
.rr-nat ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.rr-nat li{display:flex;gap:10px;font-size:14px}
.rr-nat li .y{color:var(–rr-royal2);font-weight:800;min-width:38px;font-variant-numeric:tabular-nums}
.rr-nat li .d{color:#d7deea}.rr-nat li .d b{color:#fff}
/* MINI CARDS (series/state/cups) */
.rr-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.rr-card{background:var(–rr-panel);border:1px solid var(–rr-line);border-radius:14px;padding:18px}
.rr-card .k{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(–rr-royal2);font-weight:700}
.rr-card .v{font-size:17px;font-weight:700;color:#fff;margin:6px 0 2px}
.rr-card .s{font-size:13px;color:var(–rr-mut)}
/* PARTNERSHIP */
.rr-quote{margin-top:44px;background:linear-gradient(180deg,#141a25,#11151d);border:1px solid var(–rr-line);border-radius:18px;padding:34px 30px}
.rr-quote h2{font-size:clamp(21px,3vw,30px);text-transform:uppercase;font-style:italic;margin-bottom:14px}
.rr-quote blockquote{margin:0;border-left:3px solid var(–rr-royal2);padding-left:18px;font-size:19px;font-style:italic;color:#fff}
.rr-quote .cap{color:var(–rr-mut);margin-top:14px;font-size:15px}
/* GALLERY */
.rr-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.rr-gal figure{margin:0;border-radius:12px;overflow:hidden;border:1px solid var(–rr-line);aspect-ratio:16/9;background:#0b0d11}
.rr-gal img{width:100%;height:100%;object-fit:cover;display:block}
/* OEM STRIP */
.rr-oem{margin-top:34px;text-align:center;color:var(–rr-mut);font-size:14.5px;border:1px dashed var(–rr-line);border-radius:12px;padding:16px 20px;background:rgba(22,26,34,.5)}
/* CTA */
.rr-cta{margin-top:54px;text-align:center;background:radial-gradient(90% 130% at 50% 0%,rgba(27,95,168,.4),transparent 60%),linear-gradient(180deg,#141a25,#0f1116);border:1px solid rgba(46,123,214,.4);border-radius:20px;padding:48px 24px}
.rr-cta h2{font-size:clamp(24px,3.6vw,38px);text-transform:uppercase;font-style:italic}
.rr-cta p{color:var(–rr-mut);max-width:620px;margin:12px auto 24px;font-size:16px}
.rr-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.rr-btn{display:inline-block;font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:14px;border-radius:100px;padding:15px 30px;transition:transform .15s ease,box-shadow .2s ease}
.rr-btn.p{background:var(–rr-royal2);color:#0b0d11;box-shadow:0 8px 26px rgba(46,123,214,.4)}
.rr-btn.p:hover{transform:translateY(-2px)}
.rr-btn.s{border:1px solid var(–rr-line);color:#fff}
.rr-btn.s:hover{border-color:var(–rr-royal2)}
/* RESPONSIVE */
@media(max-width:900px){.rr-stats{grid-template-columns:repeat(3,1fr)}.rr-nats{grid-template-columns:1fr}.rr-mini{grid-template-columns:1fr}.rr-gal{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.rr-stats{grid-template-columns:repeat(2,1fr)}.rr-row{grid-template-columns:56px 1fr;row-gap:6px}.rr-row .tagcol{grid-column:2;text-align:left}.rr-gal{grid-template-columns:1fr}}

Champions en action

La confiance pour propulser des champions, et la confiance pour produire pour d’autres : Runner Time fabrique également du carburant sous la marque de grands noms de l’industrie, et est candidat au poste de fournisseur officiel de carburant pour les épreuves IFMAR et EFRA en 2026 et 2027.