/* ============================================================
   "Video Repair everywhere" — the same three cards (Online · Android ·
   Windows) on /tools/video-repair/, /videorepair/ and /videorepair-windows/,
   right under each page's first block. Self-contained (vrx-*), so it looks
   the same on all three pages.
   ============================================================ */
.vrx{padding:clamp(2.6rem,6vw,4.2rem) 0;background:linear-gradient(180deg,#f3f7fe 0%,#fff 100%);
  border-top:1px solid #e3e8f2;border-bottom:1px solid #e3e8f2;color:#101622;scroll-margin-top:80px}
.vrx *{box-sizing:border-box}
.vrx-wrap{max-width:1180px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}
.vrx-head{max-width:760px;margin:0 auto;text-align:center}
.vrx-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.76rem;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:#1a6fe0}
.vrx-eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:currentColor}
.vrx h2{margin:.6rem 0 0;font-size:clamp(1.5rem,3.2vw,2.2rem);line-height:1.12;font-weight:800;letter-spacing:-.025em;color:#101622}
.vrx-head p{margin:.7rem auto 0;max-width:60ch;color:#5b6479;font-size:1.02rem;line-height:1.6}
.vrx-grid{display:grid;gap:clamp(1rem,2.2vw,1.4rem);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(1.6rem,3.4vw,2.4rem)}
@media (max-width:900px){.vrx-grid{grid-template-columns:1fr;max-width:540px;margin-left:auto;margin-right:auto}}
.vrx-card{position:relative;display:flex;flex-direction:column;gap:.95rem;padding:1.5rem 1.4rem 1.4rem;border-radius:22px;
  background:#fff;border:1px solid #e3e8f2;box-shadow:0 1px 2px rgba(16,22,34,.04),0 8px 24px rgba(16,22,34,.06);
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s}
.vrx-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(16,22,34,.10);border-color:rgba(61,139,255,.45)}
.vrx-card.here{border:1.5px solid #3d8bff;box-shadow:0 18px 50px rgba(47,125,246,.16)}
.vrx-here{position:absolute;top:-12px;right:18px;padding:.28rem .7rem;border-radius:999px;font-size:.72rem;font-weight:800;
  letter-spacing:.04em;color:#fff;background:linear-gradient(90deg,#2f7df6,#1347b8);box-shadow:0 6px 16px rgba(47,125,246,.3)}
.vrx-top{display:flex;gap:.85rem;align-items:center}
.vrx-top img,.vrx-glyph{width:54px;height:54px;border-radius:15px;flex:none}
.vrx-glyph{display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#3d8bff,#1347b8);box-shadow:0 8px 20px rgba(47,125,246,.32)}
.vrx-glyph svg{width:29px;height:29px}
.vrx-card h3{margin:0;font-size:1.06rem;font-weight:800;line-height:1.25;color:#101622}
.vrx-top div>span{display:block;margin-top:.15rem;font-size:.85rem;color:#5b6479}
.vrx-card ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;font-size:.92rem;line-height:1.45;color:#1f2a3c}
.vrx-card li{display:flex;gap:.5rem;align-items:flex-start}
.vrx-card li::before{content:"";flex:none;width:16px;height:16px;margin-top:.15rem;border-radius:50%;
  background:#22c55e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/10px no-repeat}
.vrx-price{margin:auto 0 0;font-size:.88rem;font-weight:800;color:#101622}
.vrx-act{display:flex;flex-direction:column;align-items:stretch;gap:.6rem}
.vrx-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.1rem;border-radius:999px;font-weight:750;
  font-size:.95rem;line-height:1.15;text-align:center;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}
.vrx-btn.primary{color:#fff;background:linear-gradient(100deg,#2f7df6 0%,#1a5fd6 55%,#1347b8 100%);
  box-shadow:0 10px 26px rgba(47,125,246,.32),inset 0 1px 0 rgba(255,255,255,.25)}
.vrx-btn.primary:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(47,125,246,.42)}
.vrx-btn.secondary{color:#101622;background:#fff;border:1.5px solid #d6dfee}
.vrx-btn.secondary:hover{border-color:#3d8bff;color:#1347b8}
.vrx-btn:focus-visible{outline:3px solid #7cc4ff;outline-offset:3px}