:root{--ink:#16171A;/* @kind color */--accent:#F26522;/* @kind color */--sprint-pad:clamp(24px,4vw,88px);/* @kind spacing */}
.sprint{background:var(--ink);color:#fff;padding:clamp(56px,10vh,132px) var(--sprint-pad) clamp(52px,9vh,120px);position:relative;overflow:hidden}
.sprint::before{content:"";position:absolute;inset:0;background:radial-gradient(70vw 60vh at 88% 0%,rgba(242,101,34,.14),transparent 68%);pointer-events:none}
.sprint>*{position:relative;z-index:1;max-width:1520px;margin-left:auto;margin-right:auto}
.sprint .eyebrow{display:inline-block;font-size:clamp(10.5px,.72vw,12px);letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--accent);margin-bottom:clamp(14px,2.2vh,24px)}
.sprint h2{font-size:clamp(30px,3.6vw,60px);line-height:1.02;letter-spacing:-.045em;font-weight:700;text-wrap:balance}
.sprint h2 span{display:block}
.sprint h2 em{font-style:normal;color:var(--accent)}
.sprint .sub{margin-left:0;margin-top:clamp(14px,2.2vh,24px);font-size:clamp(14px,1.05vw,18px);line-height:1.6;color:rgba(255,255,255,.66);max-width:56ch;text-wrap:pretty}
.track{margin-top:clamp(40px,7vh,84px)}
.line{position:relative;height:1px;background:rgba(255,255,255,.2)}
.line i{position:absolute;left:0;top:-1px;height:3px;width:100%;background:var(--accent);transition:width .6s cubic-bezier(.22,.61,.36,1)}
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(18px,2vw,34px) clamp(14px,1.6vw,34px)}
@media(max-width:820px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.steps{grid-template-columns:minmax(0,1fr)}}
.step{position:relative;padding-top:clamp(16px,2.4vh,26px);display:flex;flex-direction:column;gap:clamp(8px,1.2vh,12px);transition:opacity .5s ease,transform .5s cubic-bezier(.22,.61,.36,1)}
/* Gedimmter Ruhezustand nur, wenn das Skript laeuft: ohne JS bleibt alles lesbar. */
.sprint.anim .step{cursor:pointer;opacity:.5;transform:translateY(12px)}
.sprint.anim .step.on{opacity:1;transform:none}
.step:not(:last-child)::after{content:"\2192";position:absolute;top:calc(clamp(16px,2.4vh,26px) - 1.5em);right:calc(clamp(20px,2vw,34px) / -2);transform:translateX(50%);font-size:clamp(12px,.9vw,15px);color:rgba(255,255,255,.34);background:var(--ink);padding:0 6px}
@media(max-width:1180px){.step:not(:last-child)::after{display:none}}
.step h3{hyphens:auto}
.step .n{font-size:clamp(10.5px,.74vw,12px);letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:rgba(255,255,255,.56);transition:color .4s ease}
.step.cur .n{color:var(--accent)}
.step h3{font-size:clamp(17px,1.35vw,23px);line-height:1.12;letter-spacing:-.03em;font-weight:700;text-wrap:balance}
.step p{font-size:clamp(13px,.92vw,15.5px);line-height:1.58;color:rgba(255,255,255,.6);text-wrap:pretty}
.close{margin-top:clamp(34px,5.5vh,66px);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px clamp(20px,2.4vw,40px);border-top:1px solid rgba(255,255,255,.2);padding-top:clamp(24px,3.6vh,40px)}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;gap:16px clamp(14px,2vw,52px)}
@media(max-width:640px){.facts{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1000px){.close{grid-template-columns:minmax(0,1fr)}}
.fact{transition:opacity .6s ease,transform .6s cubic-bezier(.22,.61,.36,1)}
.sprint.anim .fact{opacity:0;transform:translateY(20px)}
.sprint.anim .fact.in{opacity:1;transform:none}
.fact{flex:0 1 auto;min-width:0}
.fact strong{display:block;font-size:clamp(22px,2.4vw,42px);line-height:1;letter-spacing:-.045em;font-weight:700}
.fact span{display:block;margin-top:9px;font-size:clamp(10.5px,.72vw,13px);letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:rgba(255,255,255,.55)}
.sprint .btn{background:var(--accent);color:#fff;font-size:clamp(13px,.95vw,15.5px);font-weight:700;padding:clamp(13px,1.6vh,17px) clamp(20px,1.7vw,28px);display:inline-flex;align-items:center;gap:12px;white-space:nowrap}
@media(prefers-reduced-motion:reduce){.sprint.anim .step,.sprint.anim .fact{opacity:1;transform:none}}