:root{
  --bg:#071019;
  --panel:#101824;
  --text:#f8fafc;
  --muted:#c4cfda;
  --accent:#ff7a00;
  --accent-2:#ffb000;
  --blue:#1d5ca8;
  --line:rgba(255,255,255,.13);
  --mx:50%;
  --my:42%;
  --parallax-x:0px;
  --parallax-y:0px;
  --track-shift:0px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  background:var(--bg);
  color:var(--text);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
body::selection{background:rgba(255,122,0,.35)}

.hero{
  position:relative;
  min-height:780px;
  overflow:hidden;
  isolation:isolate;
  background:#071019;
}

.race-bg,
.race-bg span,
.race-bg i,
.race-bg::before,
.race-bg::after{
  position:absolute;
  pointer-events:none;
}
.race-bg{
  inset:0;
  z-index:0;
  overflow:hidden;
  background:#071019;
}

/* Ambiance circuit professionnelle : ciel, piste réelle, pit wall, race control */
.bg-sky{
  inset:0;
  z-index:0;
  background:
    radial-gradient(circle at 76% 18%,rgba(255,255,255,.58),transparent 0 16%),
    radial-gradient(circle at 38% 24%,rgba(255,255,255,.20),transparent 0 22%),
    linear-gradient(180deg,#d4e3ef 0%,#aebed0 25%,#718495 45%,#313c48 64%,#111923 100%);
  filter:saturate(.92) contrast(1.03);
}
.bg-sky::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(110deg,rgba(255,255,255,.34),transparent 22%,transparent 72%,rgba(255,255,255,.11)),
    repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 38px);
  opacity:.55;
}
.bg-horizon{
  left:-5%;
  right:-5%;
  top:40%;
  height:25%;
  z-index:1;
  background:
    linear-gradient(180deg,transparent 0 8%,rgba(29,41,53,.32) 9% 14%,transparent 15%),
    linear-gradient(180deg,transparent 0 37%,rgba(255,255,255,.55) 38% 40%,rgba(145,155,163,.88) 41% 47%,rgba(65,75,84,.95) 48% 60%,transparent 61%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.28) 0 5px,transparent 5px 56px),
    linear-gradient(180deg,rgba(94,112,125,.48),rgba(24,30,37,.16));
  transform:translate3d(calc(var(--parallax-x) * -.20),calc(var(--parallax-y) * -.10),0) skewY(-1.1deg);
  opacity:.92;
  filter:blur(.15px);
}
.bg-horizon::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:17%;
  height:14px;
  background:
    linear-gradient(90deg,transparent,rgba(230,235,240,.78) 8%,rgba(230,235,240,.78) 92%,transparent),
    repeating-linear-gradient(90deg,rgba(120,130,138,.7) 0 2px,transparent 2px 34px);
  box-shadow:0 12px 28px rgba(0,0,0,.25);
}
.bg-horizon::after{
  content:"";
  position:absolute;
  left:-6%;
  right:-6%;
  bottom:-22%;
  height:44%;
  background:
    linear-gradient(180deg,#778258 0%,#4f5836 37%,#292e1e 100%);
  opacity:.64;
}

.bg-circuit{
  inset:0;
  z-index:2;
  transform:translate3d(calc(var(--parallax-x) * .28),calc(var(--parallax-y) * .10),0);
}
.track-asphalt{
  left:18%;
  right:-16%;
  bottom:-23%;
  height:58%;
  z-index:2;
  clip-path:polygon(32% 0,77% 0,112% 100%,-18% 100%);
  background:
    linear-gradient(90deg,rgba(255,255,255,.05),transparent 12%,transparent 86%,rgba(255,255,255,.07)),
    radial-gradient(ellipse at 50% 88%,rgba(255,255,255,.12),transparent 0 36%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 9px),
    repeating-linear-gradient(108deg,rgba(0,0,0,.12) 0 10px,rgba(255,255,255,.025) 10px 12px,transparent 12px 30px),
    linear-gradient(180deg,#555f68 0%,#3c444c 42%,#232930 100%);
  background-size:100% 100%,100% 100%,100% 190px,260px 260px,100% 100%;
  box-shadow:
    inset 0 26px 42px rgba(255,255,255,.08),
    inset 0 -85px 120px rgba(0,0,0,.36),
    0 -12px 36px rgba(255,255,255,.10);
  transform:perspective(950px) rotateX(56deg) rotateZ(-5deg);
  transform-origin:50% 100%;
  animation:professionalTrackMotion 4.8s linear infinite;
}
.track-asphalt::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse at 28% 74%,rgba(0,0,0,.18),transparent 0 23%),
    radial-gradient(ellipse at 62% 82%,rgba(0,0,0,.17),transparent 0 21%),
    linear-gradient(180deg,transparent,rgba(255,255,255,.04),transparent);
  mix-blend-mode:multiply;
}
.track-asphalt::after{
  content:"";
  position:absolute;
  left:47%;
  top:-2%;
  width:1.2%;
  height:112%;
  background:repeating-linear-gradient(0deg,rgba(244,248,251,.86) 0 28px,transparent 28px 74px);
  opacity:.48;
  filter:blur(.2px);
  animation:laneMotion 1.6s linear infinite;
}
.track-line{
  bottom:-9%;
  width:2px;
  height:55%;
  z-index:5;
  background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.18),transparent 88%);
  transform-origin:50% 100%;
  opacity:.44;
}
.track-line-left{left:40%;transform:perspective(700px) rotateX(58deg) rotateZ(-12deg)}
.track-line-right{right:22%;transform:perspective(700px) rotateX(58deg) rotateZ(10deg)}
.track-racing-line{
  left:43%;
  bottom:-7%;
  width:16%;
  height:52%;
  z-index:6;
  border-left:3px solid rgba(255,122,0,.48);
  border-radius:50% 0 0 0;
  transform:perspective(760px) rotateX(57deg) rotateZ(-9deg) skewX(-14deg);
  filter:drop-shadow(0 0 8px rgba(255,122,0,.18));
  opacity:.52;
}
.kerb{
  bottom:-12%;
  height:54%;
  width:12%;
  z-index:7;
  background:
    repeating-linear-gradient(0deg,#f8f9fb 0 25px,#c6151f 25px 50px),
    linear-gradient(180deg,rgba(255,255,255,.30),rgba(0,0,0,.28));
  background-blend-mode:multiply;
  box-shadow:0 0 30px rgba(255,255,255,.12), inset 0 -50px 48px rgba(0,0,0,.27);
  opacity:.82;
  animation:kerbMotion 1.8s linear infinite;
}
.kerb-left{
  left:13%;
  clip-path:polygon(66% 0,100% 0,62% 100%,0 100%);
  transform:perspective(820px) rotateX(58deg) rotateZ(-6deg);
}
.kerb-right{
  right:1%;
  width:15%;
  clip-path:polygon(0 0,34% 0,100% 100%,44% 100%);
  transform:perspective(820px) rotateX(58deg) rotateZ(5deg);
}
.guardrail{
  top:48%;
  height:42px;
  z-index:8;
  background:
    linear-gradient(180deg,rgba(255,255,255,.88),rgba(172,181,189,.88) 46%,rgba(60,70,78,.90) 48%,rgba(196,204,211,.78)),
    repeating-linear-gradient(90deg,rgba(49,56,64,.48) 0 2px,transparent 2px 44px);
  box-shadow:0 12px 26px rgba(0,0,0,.24);
  opacity:.82;
}
.guardrail-left{left:-7%;width:55%;transform:perspective(820px) rotateY(18deg) rotateZ(-3deg)}
.guardrail-right{right:-8%;width:54%;transform:perspective(820px) rotateY(-15deg) rotateZ(3deg)}

.bg-race-control{
  right:5.5vw;
  top:120px;
  width:min(48vw,690px);
  height:470px;
  z-index:4;
  transform:translate3d(calc(var(--parallax-x) * -.32),calc(var(--parallax-y) * -.18),0);
  opacity:.95;
}
.control-glass{
  inset:42px 0 74px 20%;
  border:1px solid rgba(255,255,255,.16);
  border-radius:28px;
  background:
    linear-gradient(120deg,rgba(255,255,255,.20),rgba(255,255,255,.045) 28%,rgba(3,9,17,.20) 100%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 1px,transparent 1px 110px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 72px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    0 30px 70px rgba(0,0,0,.24);
  backdrop-filter:blur(7px);
}
.control-glass::before{
  content:"DIRECTION DE COURSE";
  position:absolute;
  left:24px;
  top:18px;
  color:rgba(255,255,255,.76);
  font-weight:900;
  font-size:12px;
  letter-spacing:2px;
}
.control-glass::after{
  content:"LIVE TIMING • INCIDENTS • PENALTIES";
  position:absolute;
  right:24px;
  bottom:18px;
  color:rgba(255,184,96,.72);
  font-weight:900;
  font-size:10px;
  letter-spacing:1.6px;
}
.timing-board{
  right:8%;
  width:46%;
  height:64px;
  z-index:6;
  border:1px solid rgba(255,255,255,.13);
  border-radius:15px;
  background:
    linear-gradient(90deg,rgba(255,122,0,.18) 0 4px,transparent 4px 100%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 7px,transparent 7px 18px),
    linear-gradient(135deg,rgba(7,15,26,.88),rgba(21,33,48,.74));
  box-shadow:0 18px 34px rgba(0,0,0,.26);
  overflow:hidden;
}
.timing-board::before{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  top:16px;
  height:8px;
  background:linear-gradient(90deg,rgba(255,255,255,.86) 0 18%,transparent 18% 24%,rgba(255,255,255,.56) 24% 48%,transparent 48% 56%,rgba(255,122,0,.72) 56% 66%,transparent 66% 100%);
}
.timing-board::after{
  content:"";
  position:absolute;
  left:16px;
  right:42px;
  bottom:17px;
  height:7px;
  background:linear-gradient(90deg,rgba(92,187,255,.56),transparent 35%,rgba(255,255,255,.50));
}
.board-one{top:118px;animation:boardPulse 4.8s ease-in-out infinite}
.board-two{top:198px;right:15%;width:40%;opacity:.86;animation:boardPulse 5.8s ease-in-out infinite .8s}
.board-three{top:278px;right:5%;width:50%;opacity:.78;animation:boardPulse 6.4s ease-in-out infinite 1.6s}
.marshal-panel{
  left:25%;
  bottom:62px;
  width:48px;
  height:48px;
  z-index:7;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.18);
  background:#101820;
  box-shadow:0 18px 30px rgba(0,0,0,.28);
}
.marshal-panel::after{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:50%;
  opacity:.95;
}
.panel-green{left:25%}.panel-green::after{background:#19cc62;box-shadow:0 0 26px rgba(25,204,98,.65)}
.panel-yellow{left:33%}.panel-yellow::after{background:#ffd02f;box-shadow:0 0 26px rgba(255,208,47,.65);animation:lightBlink 1.6s ease-in-out infinite}
.panel-red{left:41%}.panel-red::after{background:#e42535;box-shadow:0 0 26px rgba(228,37,53,.55)}

.bg-track-map{
  right:-8vw;
  top:74px;
  width:46vw;
  height:46vw;
  z-index:3;
  border:2px solid rgba(255,255,255,.20);
  border-left-color:rgba(255,122,0,.62);
  border-bottom-color:rgba(255,122,0,.38);
  border-radius:58% 42% 52% 48% / 48% 56% 44% 52%;
  opacity:.58;
  box-shadow:0 0 56px rgba(255,122,0,.14), inset 0 0 50px rgba(255,255,255,.035);
  transform:translate3d(calc(var(--parallax-x) * -.42),calc(var(--parallax-y) * -.26),0) rotate(-12deg);
}
.bg-track-map::before,
.bg-track-map::after{
  content:"";
  position:absolute;
  border-radius:inherit;
  border:1px dashed rgba(255,255,255,.18);
}
.bg-track-map::before{inset:8%}
.bg-track-map::after{inset:17%;border-color:rgba(255,122,0,.22)}

.bg-chrono{
  width:300px;
  height:300px;
  left:7vw;
  bottom:62px;
  z-index:3;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.17);
  opacity:.36;
  background:conic-gradient(from 180deg,rgba(255,122,0,.48),rgba(255,255,255,.13),rgba(29,92,168,.30),rgba(255,122,0,.48));
  mask:radial-gradient(circle,transparent 0 56%,black 57% 100%);
  animation:chronoRotate 30s linear infinite;
}
.bg-chrono::before{
  content:"";
  position:absolute;
  inset:45%;
  width:42%;
  height:2px;
  background:linear-gradient(90deg,rgba(255,122,0,.95),transparent);
  transform-origin:left center;
  animation:needleSweep 4.4s cubic-bezier(.4,.02,.2,1) infinite;
}
.bg-carbon{
  inset:-15%;
  z-index:9;
  opacity:.10;
  background:
    linear-gradient(45deg,rgba(255,255,255,.38) 25%,transparent 25% 50%,rgba(255,255,255,.38) 50% 75%,transparent 75%),
    linear-gradient(-45deg,rgba(255,255,255,.18) 25%,transparent 25% 50%,rgba(255,255,255,.18) 50% 75%,transparent 75%);
  background-size:36px 36px;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.55),transparent 68%);
  animation:carbonSlide 44s linear infinite;
}
.bg-vignette{
  inset:0;
  z-index:10;
  background:
    linear-gradient(90deg,rgba(3,8,14,.90) 0%,rgba(3,8,14,.78) 25%,rgba(3,8,14,.34) 52%,rgba(3,8,14,.18) 72%,rgba(3,8,14,.55) 100%),
    linear-gradient(180deg,rgba(2,6,11,.18) 0%,transparent 42%,rgba(2,6,11,.52) 100%),
    radial-gradient(circle at var(--mx) var(--my),rgba(255,122,0,.18),transparent 0 23%);
}

.nav{
  position:relative;
  z-index:20;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:26px 7vw;
  backdrop-filter:blur(7px);
}
.brand{
  font-size:29px;
  font-weight:900;
  letter-spacing:.5px;
  text-shadow:0 0 28px rgba(255,122,0,.18);
}
.brand span{color:var(--accent)}
.links{display:flex;gap:22px;align-items:center;color:rgba(255,255,255,.92)}
.links a:not(.btn){font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.6px;opacity:.90}
.links a:not(.btn):hover{color:var(--accent)}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  border:1px solid rgba(255,255,255,.22);
  padding:12px 19px;
  border-radius:11px;
  background:rgba(255,255,255,.08);
  box-shadow:0 14px 42px rgba(0,0,0,.22);
  transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.38);box-shadow:0 18px 48px rgba(0,0,0,.32)}
.primary{
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  border-color:transparent;
  color:#111;
  font-weight:900;
}
.secondary{background:rgba(255,255,255,.10)}

.hero-content{
  position:relative;
  z-index:18;
  max-width:980px;
  padding:112px 7vw 136px;
}
.hero-content::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:4vw;
  top:80px;
  width:min(760px,70vw);
  height:calc(100% - 138px);
  border-radius:28px;
  background:
    linear-gradient(110deg,rgba(4,9,16,.58),rgba(4,9,16,.27) 70%,transparent),
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 28px 80px rgba(0,0,0,.24);
  backdrop-filter:blur(3px);
}
.kicker{
  display:inline-flex;
  gap:10px;
  align-items:center;
  color:#ffe0ba;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:1.3px;
  background:rgba(10,16,26,.54);
  border:1px solid rgba(255,122,0,.36);
  border-radius:999px;
  padding:9px 13px;
  box-shadow:0 0 30px rgba(255,122,0,.10);
}
.kicker::before{
  content:"";
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 16px var(--accent);
  animation:pulseDot 1.8s ease-in-out infinite;
}
.hero h1{
  max-width:860px;
  font-size:clamp(42px,6vw,76px);
  line-height:.97;
  margin:18px 0 22px;
  letter-spacing:-2.4px;
  text-wrap:balance;
}
.hero h1 em{
  color:transparent;
  font-style:normal;
  background:linear-gradient(135deg,#fff,#ffd1a0 38%,#ff7a00 72%,#fff);
  -webkit-background-clip:text;
  background-clip:text;
}
.hero p{
  font-size:21px;
  line-height:1.55;
  color:var(--muted);
  max-width:720px;
}
.actions{display:flex;gap:16px;margin-top:34px;flex-wrap:wrap}
.hero-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(150px,1fr));
  gap:12px;
  max-width:650px;
  margin-top:34px;
}
.hero-stats div{
  position:relative;
  overflow:hidden;
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  background:rgba(8,14,24,.68);
  backdrop-filter:blur(10px);
}
.hero-stats div::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent,rgba(255,255,255,.08),transparent);
  transform:translateX(-120%);
  animation:statShine 7s ease-in-out infinite;
}
.hero-stats strong{display:block;font-size:23px;color:#fff}
.hero-stats span{display:block;margin-top:4px;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.7px}

.grid-section,.security,.contact,.legal,.thanks{padding:78px 7vw}
.grid-section h2,.security h2,.contact h2{font-size:38px;letter-spacing:-.8px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cards article{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(18,28,43,.96),rgba(10,15,25,.96));border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:25px;box-shadow:0 18px 45px rgba(0,0,0,.22)}.cards article::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,122,0,.15),transparent 42%);opacity:.72}.cards h3{position:relative;color:var(--accent);font-size:22px}.cards p{position:relative;color:var(--muted);line-height:1.55}.security{background:linear-gradient(135deg,#0b121e,#111a29)}.security p{max-width:900px;color:var(--muted);font-size:18px;line-height:1.65}.contact form{display:grid;gap:14px;max-width:660px}.contact input,.contact textarea{padding:15px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#0f1724;color:#fff;font-size:16px}.contact input:focus,.contact textarea:focus{outline:2px solid rgba(255,122,0,.4);border-color:rgba(255,122,0,.7)}.contact textarea{min-height:132px;resize:vertical}.contact button{padding:15px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));font-weight:900;cursor:pointer;color:#111;font-size:16px}

.form-trap{
  position:absolute!important;
  left:-9999px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
}
.captcha-box{
  display:grid;
  gap:10px;
  padding:15px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(17,24,39,.92),rgba(9,14,23,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.captcha-box label{
  font-weight:900;
  color:#fff;
  text-transform:uppercase;
  font-size:13px;
  letter-spacing:.7px;
}
.captcha-row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.captcha-row img{
  width:220px;
  height:70px;
  max-width:100%;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.16);
  background:#111827;
  box-shadow:0 10px 28px rgba(0,0,0,.22);
}
.captcha-refresh{
  width:48px;
  min-height:48px;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.09)!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1!important;
  cursor:pointer;
  padding:0!important;
}
.captcha-refresh:hover{border-color:rgba(255,122,0,.62)!important;background:rgba(255,122,0,.16)!important}
.captcha-box small{color:var(--muted);line-height:1.45}
footer{padding:30px 7vw;color:var(--muted);border-top:1px solid rgba(255,255,255,.08);background:#06090f}

@keyframes professionalTrackMotion{0%{background-position:0 0,0 0,0 0,0 0,0 0}100%{background-position:0 0,0 0,0 190px,0 260px,0 0}}
@keyframes laneMotion{0%{background-position:0 0}100%{background-position:0 74px}}
@keyframes kerbMotion{0%{background-position:0 0,0 0}100%{background-position:0 100px,0 0}}
@keyframes boardPulse{0%,100%{opacity:.70;filter:brightness(.9)}48%{opacity:1;filter:brightness(1.18)}}
@keyframes lightBlink{0%,100%{opacity:.30;transform:scale(.82)}50%{opacity:1;transform:scale(1.1)}}
@keyframes chronoRotate{to{transform:rotate(360deg)}}
@keyframes needleSweep{0%{transform:rotate(210deg)}45%{transform:rotate(508deg)}100%{transform:rotate(560deg)}}
@keyframes carbonSlide{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-36px,36px,0)}}
@keyframes pulseDot{0%,100%{transform:scale(.72);opacity:.65}50%{transform:scale(1.08);opacity:1}}
@keyframes statShine{0%,52%{transform:translateX(-120%)}72%,100%{transform:translateX(120%)}}

@media (max-width:1000px){
  .cards{grid-template-columns:repeat(2,1fr)}
  .links{gap:12px}
  .links a:not(.btn){font-size:12px}
  .bg-race-control{right:-10vw;width:72vw;opacity:.62}
  .bg-track-map{width:62vw;height:62vw;right:-22vw}
}
@media (max-width:720px){
  .hero{min-height:760px}
  .nav{padding:20px 22px;align-items:flex-start;gap:16px}
  .links{display:none}
  .hero-content{padding:88px 22px 96px}
  .hero-content::before{left:10px;right:10px;top:60px;width:auto;height:calc(100% - 100px)}
  .kicker{font-size:12px;line-height:1.4}
  .hero p{font-size:18px}
  .hero-stats{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr}
  .bg-race-control{display:none}
  .bg-track-map{opacity:.28;width:86vw;height:86vw;right:-44vw;top:140px}
  .track-asphalt{left:-20%;right:-55%;height:46%;bottom:-18%}
  .kerb-left{left:-14%;width:22%}.kerb-right{right:-16%;width:22%}
  .guardrail{top:54%;height:32px;opacity:.62}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}