/* Hacked rescue steps: alarm blink, gradient line fills, numbered tiles pop in one by one. */
.jp-sec-hacked{--bug:#ff6b5e;position:relative;background:#06263b;color:#fff;padding:120px 0;overflow:hidden}
.jp-sec-hacked .btn{white-space:normal;text-align:left}
.jp-sec-hacked .sec-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:30px;align-items:end;margin-bottom:54px}
.jp-sec-hacked .sec-head h2{color:#fff}
.jp-sec-hacked .sec-head p{font-size:17px;max-width:32em;color:#c4dcec}
.jp-sec-hacked .alarm{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:12px;background:var(--bug);color:var(--ink);font-weight:700;font-size:14px;border:2px solid var(--ink);margin-bottom:18px}
.jp-sec-hacked .alarm i{width:10px;height:10px;border-radius:50%;background:var(--ink);animation:jp-sec-hacked-blink 1s steps(2) infinite}
@keyframes jp-sec-hacked-blink{50%{opacity:0}}
.jp-sec-hacked .rescue{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.jp-sec-hacked .rescue::before{content:"";position:absolute;left:4%;right:4%;top:33px;height:6px;border-radius:6px;background:rgba(255,255,255,.12)}
.jp-sec-hacked .rescue::after{content:"";position:absolute;left:4%;right:4%;top:33px;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--bug),var(--sun) 45%,var(--blue));transform-origin:0 50%}
.js-motion .jp-sec-hacked .rescue::after{transform:scaleX(0)}
.js-motion .jp-sec-hacked .rescue.go::after{transform:scaleX(1);transition:transform 2.6s var(--out) .2s}
.jp-sec-hacked .rescue li{position:relative;text-align:left}
.jp-sec-hacked .rescue li:nth-child(5n+1){--c:var(--bug)}
.jp-sec-hacked .rescue li:nth-child(5n+2){--c:#ff9a4d}
.jp-sec-hacked .rescue li:nth-child(5n+3){--c:var(--sun)}
.jp-sec-hacked .rescue li:nth-child(5n+4){--c:#7fd2ff}
.jp-sec-hacked .rescue li:nth-child(5n){--c:var(--blue)}
.jp-sec-hacked .rescue .n{position:relative;z-index:1;width:72px;height:72px;border-radius:22px;display:grid;place-items:center;border:3px solid var(--ink);box-shadow:4px 4px 0 #000;font:800 32px/1 var(--jp-display);color:var(--ink);background:var(--c);margin-bottom:20px}
.js-motion .jp-sec-hacked .rescue .n{scale:0}
.js-motion .jp-sec-hacked .rescue.go .n{animation:jp-popin .8s var(--spring) both;animation-delay:calc(var(--i) * 480ms + 200ms)}
.jp-sec-hacked .rescue h3{color:#fff;font-size:22px;margin-bottom:8px}
.jp-sec-hacked .rescue p{font-size:15px;color:#c4dcec}
.jp-sec-hacked .hacked-cta{display:flex;flex-wrap:wrap;gap:16px;margin-top:54px;align-items:center}
.jp-sec-hacked .hacked-cta p{color:#c4dcec;font-size:15px;max-width:32em}
@media (max-width:1020px){
  .jp-sec-hacked .sec-head{grid-template-columns:minmax(0,1fr)}
  .jp-sec-hacked .rescue{grid-template-columns:minmax(0,1fr);gap:26px}
  .jp-sec-hacked .rescue::before,.jp-sec-hacked .rescue::after{left:33px;right:auto;top:10px;bottom:10px;width:6px;height:auto}
  .jp-sec-hacked .rescue::after{transform-origin:50% 0}
  .js-motion .jp-sec-hacked .rescue::after{transform:scaleY(0)}
  .js-motion .jp-sec-hacked .rescue.go::after{transform:scaleY(1)}
  .jp-sec-hacked .rescue li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:0 20px}
  .jp-sec-hacked .rescue .n{grid-row:span 2;margin:0}
}