html, body { margin:0!important;background:#050607!important }
.gts, .gts * { box-sizing:border-box }
.gts { --r:#e10600;--line:#30343b;color:#fff;background:#050607;font-family:Arial,Helvetica,sans-serif;overflow:hidden }
.gts-wrap { width:min(1180px,calc(100% - 44px));margin:auto }
.gts-hero { position:relative;padding:110px 0 100px;border-bottom:1px solid rgba(225,6,0,.35);background:radial-gradient(circle at 77% 42%,rgba(225,6,0,.18),transparent 31%),#070809 }
.gts-hero:before, .gts-process:before { content:"";position:absolute;inset:0;opacity:.14;pointer-events:none;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:52px 52px }
.gts-in { position:relative;z-index:1 }
.gts-k { display:flex;align-items:center;gap:14px;font-size:12px;font-weight:900;letter-spacing:.19em;text-transform:uppercase }
.gts-k:before { content:"";width:34px;height:2px;background:var(--r) }
.gts h1 { font-size:clamp(59px,8vw,110px);line-height:.84;letter-spacing:-.065em;text-transform:uppercase;margin:28px 0 }
.gts h1 span { display:block;color:#060607;-webkit-text-stroke:2px #fff ;paint-order:stroke fill }
.gts-lead { max-width:760px;color:#bcc2cc;font-size:19px;line-height:1.7 }
.gts-grid { padding:95px 0 115px }
.gts-card { display:grid;grid-template-columns:.92fr 1.08fr;min-height:470px;margin-top:30px;border:1px solid #292d34;background:linear-gradient(140deg,#0d0f12,#08090b) }
.gts-card:nth-child(even) { grid-template-columns:1.08fr .92fr }
.gts-card:nth-child(even) .gts-visual { order:2 }
.gts-copy { padding:clamp(38px,6vw,74px);display:flex;flex-direction:column;justify-content:center }
.gts-no { color:#ff2b24;font:800 12px/1 monospace;letter-spacing:.18em }
.gts h2 { font-size:clamp(36px,4.6vw,61px);line-height:.96;letter-spacing:-.047em;text-transform:uppercase;margin:21px 0 25px }
.gts-copy p { color:#b9bec8;font-size:17px;line-height:1.75;margin:0 0 20px }
.gts-tags { display:flex;flex-wrap:wrap;gap:8px;margin-top:12px }
.gts-tags span { border:1px solid #343840;padding:10px 12px;font:700 10px/1 monospace;letter-spacing:.1em;text-transform:uppercase }
.gts-visual { position:relative;min-height:390px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle,rgba(225,6,0,.13),transparent 56%),#090a0c }
.gts-visual:after { content:"";position:absolute;inset:0;box-shadow:inset 0 0 70px #0008;pointer-events:none }
.gts-diagram { position:relative;width:min(76%,390px);aspect-ratio:1 }
.gts-route { position:absolute;border:3px solid #737984;box-shadow:0 0 0 1px #101216 }
.gts-loop { inset:15%;border-radius:50% }
.gts-loop:before { content:"";position:absolute;inset:18%;border:1px dashed #3b4048;border-radius:50% }
.gts-line { left:12%;right:12%;top:49%;height:0 }
.gts-turn { left:16%;right:16%;top:46%;height:16%;border-bottom:0;border-radius:70px 70px 0 0 }
.gts-gate { position:absolute;background:var(--r);box-shadow:0 0 18px #e10600aa }
.gts-gate-v { top:9%;bottom:9%;left:49%;width:4px }
.gts-gate-a { top:42%;bottom:42%;left:15%;width:4px }
.gts-gate-b { top:42%;bottom:42%;right:15%;width:4px }
.gts-label { position:absolute;color:#fff;font:800 10px/1 monospace;letter-spacing:.1em;text-transform:uppercase }
.gts-l-start { left:53%;top:7% }
.gts-l-a { left:7%;top:37% }
.gts-l-b { right:7%;top:37% }
.gts-runner { position:absolute;width:13px;height:13px;border:3px solid #fff;background:var(--r);border-radius:50%;box-shadow:0 0 16px var(--r);z-index:2 }
.gts-on-loop { left:48%;top:14%;animation:gtsPulse 1.5s infinite }
.gts-on-line { left:16%;top:calc(49% - 6px);animation:gtsAcross 4s ease-in-out infinite }
.gts-boxes { position:absolute;inset:0 }
.gts-box { position:absolute;width:34px;height:46px;border:2px solid #ff2b24;background:#111318;box-shadow:0 0 18px #e1060066 }
.gts-box:before { content:"TRACK";position:absolute;left:5px;top:18px;color:#ff2b24;font:700 6px monospace }
.gts-b1 { left:19%;top:20% }
.gts-b2 { right:18%;top:44% }
.gts-b3 { left:30%;bottom:15% }
@keyframes gtsPulse { 50%{transform:scale(1.35);box-shadow:0 0 26px var(--r)} }
@keyframes gtsAcross { 0%,10%{left:15%}90%,100%{left:82%} }
.gts-process { position:relative;padding:95px 0;background:#090a0c;border-block:1px solid #23262c }
.gts-process h2 { margin:22px 0 50px }
.gts-steps { display:grid;grid-template-columns:repeat(3,1fr) }
.gts-step { border:1px solid var(--line);padding:32px;background:#090a0c }
.gts-step+.gts-step { border-left:0 }
.gts-step b { color:var(--r);font:800 12px monospace }
.gts-step h3 { font-size:22px;text-transform:uppercase;margin:18px 0 10px }
.gts-step p { margin:0;color:#989faa;line-height:1.65 }
.gts-cta { padding:90px 0 }
.gts-cta-in { display:flex;justify-content:space-between;align-items:center;gap:35px }
.gts-cta h2 { margin:0 }
.gts-btn { display:inline-flex;padding:19px 24px;background:var(--r);color:#fff!important;text-decoration:none;font-size:13px;font-weight:900;text-transform:uppercase;white-space:nowrap }
@media(max-width:820px) {
  .gts-card, .gts-card:nth-child(even) { grid-template-columns:1fr }
  .gts-card:nth-child(even) .gts-visual { order:0 }
  .gts-visual { min-height:340px }
  .gts-steps { grid-template-columns:1fr }
  .gts-step+.gts-step { border-left:1px solid var(--line);border-top:0 }
  .gts-cta-in { align-items:flex-start;flex-direction:column }
}
@media(max-width:520px) {
  .gts-wrap { width:calc(100% - 24px) }
  .gts-hero { padding:70px 0 }
  .gts h1 { font-size:49px }
  .gts-lead { font-size:16px }
  .gts-grid { padding:55px 0 75px }
  .gts-visual { min-height:280px }
  .gts-copy { padding:32px 24px }
  .gts-copy p { font-size:16px }
  .gts-process, .gts-cta { padding:65px 0 }
  .gts-btn { width:100%;justify-content:center }
}
@media(prefers-reduced-motion:reduce) {
  .gts-runner { animation:none }
}
.gts-svg { width:min(92%,560px);height:auto;overflow:visible }
.gts-svg .route { fill:none;stroke:#7a808b;stroke-width:5;stroke-linecap:round;stroke-linejoin:round }
.gts-svg .route-dim { fill:none;stroke:#343941;stroke-width:2;stroke-dasharray:7 8 }
.gts-svg .timing { fill:#e10600;filter:drop-shadow(0 0 8px #e10600) }
.gts-svg .startline { stroke:#d8dbe0;stroke-width:4;stroke-dasharray:8 6 }
.gts-svg .arrow { fill:#e10600 }
.gts-svg .runner { fill:#fff;stroke:#e10600;stroke-width:5;filter:drop-shadow(0 0 7px #e10600) }
.gts-svg .box { fill:#14171b;stroke:#e10600;stroke-width:3;filter:drop-shadow(0 0 7px #e1060088) }
.gts-svg text { fill:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:14px;letter-spacing:1px }
.gts-svg .small { fill:#8f97a3;font-family:monospace;font-size:11px;letter-spacing:1px }
.gts-svg .red { fill:#ff2b24 }