@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Rajdhani:wght@300;400;500;600;700&family=Orbitron:wght@400;600;700;900&display=swap');

.svpa-ct-section{
  --svpa-ct-ink:#0a0a0a;
  --svpa-ct-red:#e31010;
  --svpa-ct-red2:#b50d0d;
  --svpa-ct-red-glow:rgba(227,16,16,.28);
  --svpa-ct-white:#ffffff;
  --svpa-ct-ease:cubic-bezier(.16,1,.3,1);

  --svpa-ct-bg:var(--svpa-ct-ink);
  --svpa-ct-glow-color:rgba(227,16,16,.06);
  --svpa-ct-glow-size-x:60%;
  --svpa-ct-glow-size-y:40%;

  --svpa-ct-wrap-max:1340px;
  --svpa-ct-wrap-pad-x:28px;
  --svpa-ct-grid-gap:80px;

  --svpa-ct-label-color:rgba(255,255,255,.74);
  --svpa-ct-label-dash:rgba(255,255,255,.2);

  --svpa-ct-h2-color:#ffffff;
  --svpa-ct-h2-em-color:#e31010;

  --svpa-ct-desc-color:rgba(255,255,255,.74);
  --svpa-ct-desc-max-w:400px;

  --svpa-ct-pstat-n-color:#ffffff;
  --svpa-ct-pstat-suffix-color:#e31010;
  --svpa-ct-pstat-l-color:rgba(255,255,255,.73);

  --svpa-ct-speedo-size:320px;
  --svpa-ct-speedo-track:rgba(255,255,255,.06);
  --svpa-ct-speedo-fill:#e31010;
  --svpa-ct-speedo-glow:rgba(255,80,80,.2);
  --svpa-ct-speedo-stroke:16px;
  --svpa-ct-speedo-glow-stroke:22px;
  --svpa-ct-speedo-tick:rgba(255,255,255,.15);
  --svpa-ct-speedo-num-color:#ffffff;
  --svpa-ct-speedo-unit-color:#e31010;
  --svpa-ct-speedo-sub-color:rgba(255,255,255,.73);

  --svpa-ct-mg-size:80px;
  --svpa-ct-mg-track:rgba(255,255,255,.06);
  --svpa-ct-mg-stroke:6px;
  --svpa-ct-mg-n-color:#ffffff;
  --svpa-ct-mg-l-color:rgba(255,255,255,.3);

  --svpa-ct-btn-gap:14px;
  --svpa-ct-btn-red-bg:#e31010;
  --svpa-ct-btn-red-color:#ffffff;
  --svpa-ct-btn-red-border:#e31010;
  --svpa-ct-btn-red-bg-h:#b50d0d;
  --svpa-ct-btn-red-color-h:#ffffff;
  --svpa-ct-btn-red-border-h:#b50d0d;
  --svpa-ct-btn-ghost-bg:transparent;
  --svpa-ct-btn-ghost-color:#ffffff;
  --svpa-ct-btn-ghost-border:rgba(255,255,255,.35);
  --svpa-ct-btn-ghost-bg-h:rgba(255,255,255,.08);
  --svpa-ct-btn-ghost-color-h:#ffffff;
  --svpa-ct-btn-ghost-border-h:#ffffff;
  --svpa-ct-btn-dark-bg:#0a0a0a;
  --svpa-ct-btn-dark-color:#ffffff;
  --svpa-ct-btn-dark-border:#0a0a0a;
  --svpa-ct-btn-dark-bg-h:#2a2a2a;
  --svpa-ct-btn-dark-color-h:#ffffff;
  --svpa-ct-btn-dark-border-h:#2a2a2a;

  padding:120px 0;
  background:var(--svpa-ct-bg);
  position:relative;
  overflow:hidden;
  font-family:'Rajdhani',sans-serif;
  color:var(--svpa-ct-white);
}
.svpa-ct-section *,
.svpa-ct-section *::before,
.svpa-ct-section *::after{box-sizing:border-box;}
.svpa-ct-section img{display:block;max-width:100%;}

.svpa-ct-section::before{
  content:'';
  position:absolute;inset:0;
  background:radial-gradient(ellipse var(--svpa-ct-glow-size-x) var(--svpa-ct-glow-size-y) at 50% 50%,var(--svpa-ct-glow-color) 0%,transparent 70%);
  pointer-events:none;
}

.svpa-ct-wrap{
  position:relative;
  z-index:1;
  max-width:var(--svpa-ct-wrap-max);
  margin:0 auto;
  padding:0 var(--svpa-ct-wrap-pad-x);
}

.svpa-ct-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--svpa-ct-grid-gap);
  align-items:center;
}

/* ── LEFT ─────────────────────────────────────── */
.svpa-ct-label{
  font-family:'Orbitron',monospace;
  font-size:.62rem;letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--svpa-ct-label-color);
  display:inline-flex;align-items:center;gap:8px;
  margin-bottom:12px;
}
.svpa-ct-label::before{
  content:'';width:22px;height:1px;background:var(--svpa-ct-label-dash);
}

.svpa-ct-h2{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2.5rem,5vw,5rem);
  letter-spacing:3px;
  color:var(--svpa-ct-h2-color);
  line-height:.95;
  margin:0 0 24px;
}
.svpa-ct-h2 em{
  color:var(--svpa-ct-h2-em-color);
  font-style:normal;
}

.svpa-ct-desc{
  font-size:.95rem;font-weight:400;
  color:var(--svpa-ct-desc-color);
  line-height:1.8;
  max-width:var(--svpa-ct-desc-max-w);
  margin:0 0 36px;
}

.svpa-ct-stats-row{
  display:flex;gap:36px;flex-wrap:wrap;
}
.svpa-ct-pstat{
  display:flex;flex-direction:column;gap:4px;
}
.svpa-ct-pstat-n{
  font-family:'Orbitron',monospace;
  font-size:2.5rem;font-weight:700;
  color:var(--svpa-ct-pstat-n-color);
  letter-spacing:2px;line-height:1;
}
.svpa-ct-pstat-n span{
  color:var(--svpa-ct-pstat-suffix-color);
  font-size:1.5rem;
}
.svpa-ct-pstat-l{
  font-family:'Orbitron',monospace;
  font-size:.56rem;letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--svpa-ct-pstat-l-color);
}

.svpa-ct-cta-wrap{margin-top:36px;}

/* ── BUTTONS ──────────────────────────────────── */
.svpa-ct-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:'Rajdhani',sans-serif;
  font-size:.82rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;
  padding:14px 28px;
  border:1.5px solid transparent;
  border-radius:0;
  text-decoration:none;
  cursor:pointer;
  position:relative;overflow:hidden;
  transition:background .22s ease,color .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease;
}
.svpa-ct-btn::after{
  content:'';position:absolute;top:0;left:-120%;
  width:55%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  transition:left .55s var(--svpa-ct-ease);
  pointer-events:none;
}
.svpa-ct-btn:hover::after{left:140%;}
.svpa-ct-btn svg,.svpa-ct-btn i{width:1em;height:1em;font-size:1em;}

.svpa-ct-btn--red{background:var(--svpa-ct-btn-red-bg);color:var(--svpa-ct-btn-red-color);border-color:var(--svpa-ct-btn-red-border);}
.svpa-ct-btn--red:hover{background:var(--svpa-ct-btn-red-bg-h);color:var(--svpa-ct-btn-red-color-h);border-color:var(--svpa-ct-btn-red-border-h);transform:translateY(-2px);box-shadow:0 10px 30px rgba(227,16,16,.28);}
.svpa-ct-btn--ghost{background:var(--svpa-ct-btn-ghost-bg);color:var(--svpa-ct-btn-ghost-color);border-color:var(--svpa-ct-btn-ghost-border);}
.svpa-ct-btn--ghost:hover{background:var(--svpa-ct-btn-ghost-bg-h);color:var(--svpa-ct-btn-ghost-color-h);border-color:var(--svpa-ct-btn-ghost-border-h);transform:translateY(-2px);}
.svpa-ct-btn--dark{background:var(--svpa-ct-btn-dark-bg);color:var(--svpa-ct-btn-dark-color);border-color:var(--svpa-ct-btn-dark-border);}
.svpa-ct-btn--dark:hover{background:var(--svpa-ct-btn-dark-bg-h);color:var(--svpa-ct-btn-dark-color-h);border-color:var(--svpa-ct-btn-dark-border-h);transform:translateY(-2px);}

/* ── RIGHT ────────────────────────────────────── */
.svpa-ct-right{
  display:flex;flex-direction:column;align-items:center;gap:32px;
}

/* Speedometer */
.svpa-ct-speedo{
  position:relative;
  width:var(--svpa-ct-speedo-size);
  height:calc(var(--svpa-ct-speedo-size) * 0.625); /* 320:200 */
}
.svpa-ct-speedo-svg{width:100%;height:100%;display:block;}
.svpa-ct-speedo-track{
  fill:none;
  stroke:var(--svpa-ct-speedo-track);
  stroke-width:var(--svpa-ct-speedo-stroke);
  stroke-linecap:round;
}
.svpa-ct-speedo-fill{
  fill:none;
  stroke:var(--svpa-ct-speedo-fill);
  stroke-width:var(--svpa-ct-speedo-stroke);
  stroke-linecap:round;
  stroke-dasharray:502;
  stroke-dashoffset:502;
  filter:drop-shadow(0 0 10px var(--svpa-ct-red-glow));
  transition:stroke-dashoffset 2s cubic-bezier(.25,1,.5,1);
}
.svpa-ct-speedo-glow{
  fill:none;
  stroke:var(--svpa-ct-speedo-glow);
  stroke-width:var(--svpa-ct-speedo-glow-stroke);
  stroke-linecap:round;
  stroke-dasharray:502;
  stroke-dashoffset:502;
  transition:stroke-dashoffset 2s cubic-bezier(.25,1,.5,1);
}
.svpa-ct-speedo-ticks line{
  stroke:var(--svpa-ct-speedo-tick);
  stroke-width:1;
}
.svpa-ct-speedo-num{
  position:absolute;
  bottom:10px;
  left:50%;
  transform:translateX(-50%);
  font-family:'Orbitron',monospace;
  font-size:3rem;font-weight:900;
  color:var(--svpa-ct-speedo-num-color);
  letter-spacing:2px;line-height:1;
  text-align:center;
  white-space:nowrap;
}
.svpa-ct-speedo-num .svpa-ct-speedo-unit{
  font-size:1rem;
  color:var(--svpa-ct-speedo-unit-color);
}
.svpa-ct-speedo-sub{
  font-family:'Orbitron',monospace;
  font-size:.55rem;letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--svpa-ct-speedo-sub-color);
  display:block;
  margin-top:4px;
}

/* Mini gauges */
.svpa-ct-mgs{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;}
.svpa-ct-mg{
  display:flex;flex-direction:column;align-items:center;gap:8px;
  position:relative;
}
.svpa-ct-mg-svg{
  width:var(--svpa-ct-mg-size);
  height:var(--svpa-ct-mg-size);
  display:block;
}
.svpa-ct-mg-bg{
  fill:none;
  stroke:var(--svpa-ct-mg-track);
  stroke-width:var(--svpa-ct-mg-stroke);
}
.svpa-ct-mg-fill{
  fill:none;
  stroke:#e31010;
  stroke-width:var(--svpa-ct-mg-stroke);
  stroke-linecap:round;
  stroke-dasharray:188;
  stroke-dashoffset:188;
  transition:stroke-dashoffset 1.8s var(--svpa-ct-ease) .3s;
}
.svpa-ct-mg-n{
  font-family:'Orbitron',monospace;
  font-size:.75rem;font-weight:700;
  color:var(--svpa-ct-mg-n-color);
  letter-spacing:1px;
}
.svpa-ct-mg-n span{
  font-size:.55rem;
}
.svpa-ct-mg-l{
  font-family:'Orbitron',monospace;
  font-size:.48rem;letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--svpa-ct-mg-l-color);
}

/* ── ENTRANCE ─────────────────────────────────── */
.svpa-ct-sr     { opacity:0; transform:translateY(36px);  transition:opacity .7s var(--svpa-ct-ease), transform .7s var(--svpa-ct-ease); }
.svpa-ct-sr-r   { opacity:0; transform:translateX(40px);  transition:opacity .7s var(--svpa-ct-ease), transform .7s var(--svpa-ct-ease); }
.svpa-ct-section.svpa-ct-vis .svpa-ct-sr,
.svpa-ct-section.svpa-ct-vis .svpa-ct-sr-r{ opacity:1; transform:none; }
.svpa-ct-d1{transition-delay:.08s;}
.svpa-ct-d2{transition-delay:.16s;}
.svpa-ct-d3{transition-delay:.24s;}
.svpa-ct-d4{transition-delay:.32s;}

@media (max-width:1100px){
  .svpa-ct-grid{ grid-template-columns:1fr; gap:56px; }
  .svpa-ct-section{ padding:80px 0; }
}
@media (prefers-reduced-motion:reduce){
  .svpa-ct-section *{ transition:none !important; animation:none !important; }
  .svpa-ct-sr,.svpa-ct-sr-r{ opacity:1; transform:none; }
}
