/* WordPress Malware Cleanup ("Sanering") — page-local components.
   Base classes (.hero/.hero-meta/.compare/.fgrid/.cta-band) come from kepler.css.
   Adds the urgent-red accent (#D23F4A) + scan card, process steps, symptom list. */

/* urgent dual-CTA hero band */
.urg { display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:30px; }
.btn-urgent { background:#D23F4A; color:#fff; }
.btn-urgent:hover { background:#B7313B; }
.urg-note { font-family:"IBM Plex Mono",monospace; font-size:11.5px; color:rgba(255,255,255,0.62); display:flex; align-items:center; gap:7px; }
.urg-note .p { width:7px; height:7px; border-radius:50%; background:#D23F4A; animation:up 1.3s infinite; flex-shrink:0; }
@keyframes up { 0%,100%{opacity:1;} 50%{opacity:.3;} }

/* scan/status card in hero-space */
.hero-card.compact .hero-space { display:flex; align-items:center; justify-content:flex-end; padding-right:6%; }
.scv-card { width:380px; background:#fff; border-radius:16px; box-shadow:0 44px 90px -28px rgba(6,12,40,0.55); overflow:hidden; }
.scv-bar { display:flex; align-items:center; gap:8px; padding:13px 16px; background:var(--paper-2); border-bottom:1px solid var(--rule); }
.scv-bar .d { width:9px; height:9px; border-radius:50%; background:var(--rule-strong); }
.scv-bar .ttl { margin-left:7px; font-family:"IBM Plex Mono",monospace; font-size:11px; color:var(--ink-3); }
.scv-body { padding:24px; display:flex; flex-direction:column; gap:16px; }
.scv-row { display:flex; align-items:center; justify-content:space-between; padding:10px 0; border-bottom:1px solid var(--rule); font-size:13px; }
.scv-row:last-child { border-bottom:none; padding-bottom:0; }
.scv-row .lbl { color:var(--ink-3); }
.scv-row .val { font-family:"IBM Plex Mono",monospace; font-weight:600; }
.scv-row .val.bad { color:#D23F4A; }
.scv-row .val.ok { color:var(--ok); }
.scv-prog { height:7px; border-radius:4px; background:var(--paper-3); overflow:hidden; margin-top:2px; }
.scv-prog i { display:block; height:100%; background:linear-gradient(90deg,#D23F4A,#F0B25A); width:73%; border-radius:4px; animation:scvProg 2.4s ease-in-out infinite alternate; }
@keyframes scvProg { from { width:56%; } to { width:90%; } }
@media (prefers-reduced-motion: reduce) { .scv-prog i { animation:none; width:73%; } }

/* process steps */
.steps { margin-top:52px; display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--rule); border:1px solid var(--rule); border-radius:16px; overflow:hidden; }
.step { background:var(--paper); padding:28px 26px; display:flex; flex-direction:column; gap:12px; position:relative; }
.step .num { font-family:"Space Grotesk",sans-serif; font-size:13px; font-weight:600; color:var(--blue-deep); background:var(--blue-soft); width:28px; height:28px; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.step h4 { margin:0; font-size:15.5px; font-weight:600; letter-spacing:-0.01em; }
.step p { margin:0; font-size:13px; line-height:1.55; color:var(--ink-3); }

/* path choice at the end */
.choice-flag { display:inline-flex; align-items:center; gap:6px; font-family:"IBM Plex Mono",monospace; font-size:11px; color:var(--ink-4); }

/* symptom checklist */
.symptoms { margin-top:40px; display:grid; grid-template-columns:1fr 1fr; gap:14px 32px; }
.sym { display:flex; align-items:flex-start; gap:12px; font-size:14.5px; color:var(--ink-2); line-height:1.5; }
.sym .ic { flex-shrink:0; width:26px; height:26px; border-radius:7px; background:#FBE0E2; color:#D23F4A; display:flex; align-items:center; justify-content:center; margin-top:1px; }

@media (max-width:1100px){ .hero-card.compact .hero-space{ display:none; } .hero-card.compact .hero-inner.left{ max-width:640px; margin:0 auto; align-items:center; text-align:center; } .urg{ justify-content:center; } }
@media (max-width:1400px) and (min-width:1101px){ .scv-card { width:320px; } }
@media (max-width:1024px){ .steps { grid-template-columns:1fr 1fr; } }
@media (max-width:640px){ .steps, .symptoms { grid-template-columns:1fr; } }