/* Plik generowany przez scripts/hero-sequence.mjs — edytuj content/site.json. */
.hero-art { --scene-cycle:26s; --readings-cycle:78s; }
@keyframes truck-drive {
  0% { transform:translate(140px,470px); }
  26.538462%,100% { transform:translate(610px,241px); }
}
@keyframes vehicle-telemetry {
  0%, 4.230769%, 24.615385%, 100% { opacity:0; }
  5.192308%, 23.653846% { opacity:1; }
}
@keyframes parked-truck-blink {
  0%,100% { opacity:0; }
  14.807692%,16.269231% { opacity:0; }
  15.038462%,15.961538% { opacity:1; }
  17.884615%,19.346154% { opacity:0; }
  18.115385%,19.038462% { opacity:1; }
  20.961538%,22.423077% { opacity:0; }
  21.192308%,22.115385% { opacity:1; }
  24.038462%,25.5% { opacity:0; }
  24.269231%,25.192308% { opacity:1; }
  27.115385%,28.576923% { opacity:0; }
  27.346154%,28.269231% { opacity:1; }
  30.192308%,31.653846% { opacity:0; }
  30.423077%,31.346154% { opacity:1; }
  33.269231%,34.730769% { opacity:0; }
  33.5%,34.423077% { opacity:1; }
  36.346154%,37.807692% { opacity:0; }
  36.576923%,37.5% { opacity:1; }
  39.423077%,40.884615% { opacity:0; }
  39.653846%,40.576923% { opacity:1; }
  42.5%,43.961538% { opacity:0; }
  42.730769%,43.653846% { opacity:1; }
}
@keyframes multiflow-stage {
  0%, 28.846154%, 42.692308%, 100% { opacity:0; }
  29.615385%, 41.923077% { opacity:1; }
}
@keyframes document-delivery {
  0%,28.846154% { offset-distance:0%;opacity:0; }
  29.615385%,39.230769% { opacity:1; }
  40.384615%,100% { offset-distance:100%;opacity:0; }
}
@keyframes document-received {
  0%, 40%, 42.692308%, 100% { opacity:0; }
  40.461538%, 42.230769% { opacity:1; }
}
@keyframes server-stage {
  0%, 44.230769%, 61.923077%, 100% { opacity:0; }
  45%, 61.153846% { opacity:1; }
}
@keyframes server-transfer {
  0%,45% { offset-distance:0%;opacity:0; }
  46.153846%,54.615385% { opacity:1; }
  55.769231%,100% { offset-distance:100%;opacity:0; }
}
@keyframes server-transfer-return {
  0%,45% { offset-distance:100%;opacity:0; }
  46.153846%,54.615385% { opacity:1; }
  55.769231%,100% { offset-distance:0%;opacity:0; }
}
@keyframes sensor-stage {
  0%, 63.461538%, 82.307692%, 100% { opacity:0; }
  64.230769%, 81.538462% { opacity:1; }
}
@keyframes sensor-pulse {
  0%,63.461538% { transform:scale(.6);opacity:0; }
  64.615385% { transform:scale(.6);opacity:.65; }
  78.461538%,100% { transform:scale(2.6);opacity:0; }
}
@keyframes temperature-sample {
  0%,67.307692%,100% { stroke-dashoffset:8; }
  73.846154%,78.846154% { stroke-dashoffset:0; }
  82.307692% { stroke-dashoffset:5; }
}
@keyframes sms-stage {
  0%, 74.038462%, 82.307692%, 100% { opacity:0; }
  74.807692%, 81.538462% { opacity:1; }
}
@keyframes sms-envelope {
  0%,74.038462% { transform:translate(-10px,5px);opacity:0; }
  74.615385% { opacity:1; }
  76.346154% { transform:translate(3px,0);opacity:1; }
  76.730769%,100% { transform:translate(3px,0);opacity:0; }
}
@keyframes sms-sending {
  0%,74.038462% { opacity:0; }
  74.230769% { opacity:1; }
  76.730769%,100% { opacity:0; }
}
@keyframes sms-delivered {
  0%,76.692308% { opacity:0; }
  76.730769%,81.538462% { opacity:1; }
  82.307692%,100% { opacity:0; }
}
@keyframes sensor-temperature { 0% {opacity:1} 4.743589%,100% {opacity:0} }
@keyframes sensor-humidity { 0% {opacity:1} 28.589743%,100% {opacity:0} }
@keyframes retail-stage {
  0%, 84.615385%, 98.076923%, 100% { opacity:0; }
  85.961538%, 96.730769% { opacity:1; }
}
.hero-brand--multigps { animation:brand-multigps var(--scene-cycle) linear infinite; }
@keyframes brand-multigps {
  0%,1.153846%,13.076923%,100% { border-color:#eeeeea;background:#fff;box-shadow:0 5px 18px #173f390b; }
  1.730769%,12.5% { border-color:var(--red);background:#fff3f1;box-shadow:0 0 0 2px #fa203a20,0 8px 24px #173f3918; }
}
.hero-brand--awisped { animation:brand-awisped var(--scene-cycle) linear infinite; }
@keyframes brand-awisped {
  0%,13.269231%,27.307692%,100% { border-color:#eeeeea;background:#fff;box-shadow:0 5px 18px #173f390b; }
  13.846154%,26.730769% { border-color:var(--red);background:#fff3f1;box-shadow:0 0 0 2px #fa203a20,0 8px 24px #173f3918; }
}
.hero-brand--multiflow { animation:brand-multiflow var(--scene-cycle) linear infinite; }
@keyframes brand-multiflow {
  0%,28.846154%,42.692308%,100% { border-color:#eeeeea;background:#fff;box-shadow:0 5px 18px #173f390b; }
  29.423077%,42.115385% { border-color:var(--red);background:#fff3f1;box-shadow:0 0 0 2px #fa203a20,0 8px 24px #173f3918; }
}
.hero-brand--vm6 { animation:brand-vm6 var(--scene-cycle) linear infinite; }
@keyframes brand-vm6 {
  0%,44.230769%,61.923077%,100% { border-color:#eeeeea;background:#fff;box-shadow:0 5px 18px #173f390b; }
  44.807692%,61.346154% { border-color:var(--red);background:#fff3f1;box-shadow:0 0 0 2px #fa203a20,0 8px 24px #173f3918; }
}
.hero-brand--emonit { animation:brand-emonit var(--scene-cycle) linear infinite; }
@keyframes brand-emonit {
  0%,72.307692%,82.307692%,100% { border-color:#eeeeea;background:#fff;box-shadow:0 5px 18px #173f390b; }
  72.884615%,81.730769% { border-color:var(--red);background:#fff3f1;box-shadow:0 0 0 2px #fa203a20,0 8px 24px #173f3918; }
}
.hero-brand--kasy { animation:brand-kasy var(--scene-cycle) linear infinite; }
@keyframes brand-kasy {
  0%,84.615385%,98.076923%,100% { border-color:#eeeeea;background:#fff;box-shadow:0 5px 18px #173f390b; }
  85.192308%,97.5% { border-color:var(--red);background:#fff3f1;box-shadow:0 0 0 2px #fa203a20,0 8px 24px #173f3918; }
}