/* ═══════════ SweepR home — the front door ═══════════
       Loaded AFTER bridge-core.css, which supplies the aurora backdrop, the
       header, the hero type scale and the footer. Everything here is the
       chooser itself: the two service cards and the stat row under them.
       ?v= is a cache buster; express.static sends no Cache-Control for .css,
       so bump it in index.html whenever this file changes. */

    /* ── Hero tweaks (the home hero is wider than a section hero) ── */
    .home-hero{padding:56px 0 8px}
    .home-hero h1{max-width:19ch}
    .home-hero p{max-width:58ch}

    /* ── The chooser ── */
    .home-choice{
      display:grid;grid-template-columns:1.25fr 1fr;gap:20px;align-items:stretch;
      margin-top:44px;
    }

    .home-card{
      position:relative;display:flex;flex-direction:column;overflow:hidden;
      padding:32px 30px 28px;border-radius:var(--r-xl);
      background:var(--glass);border:1px solid var(--line);
      backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
      box-shadow:0 22px 60px rgba(0,0,0,.4);
      transition:transform .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease);
      opacity:0;transform:translateY(18px);animation:homeRise .7s var(--ease) forwards;
    }
    .home-card:nth-child(2){animation-delay:.09s}
    @keyframes homeRise{to{opacity:1;transform:none}}

    /* The colour wash that tells the two cards apart, lit on hover. */
    .home-card::before{
      content:'';position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;
      opacity:.5;transition:opacity .4s var(--ease);
      background:radial-gradient(520px 260px at 12% -10%,rgba(139,92,246,.20),transparent 62%);
    }
    .home-card-sweep::before{background:radial-gradient(520px 260px at 12% -10%,rgba(52,224,176,.16),transparent 62%)}
    .home-card:hover{transform:translateY(-4px);border-color:var(--line-2);box-shadow:0 34px 84px rgba(0,0,0,.52)}
    .home-card:hover::before{opacity:1}

    .home-card>*{position:relative;z-index:1}

    .home-card-icon{
      width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;
      background:var(--grad-soft);border:1px solid rgba(139,92,246,.3);margin-bottom:20px;
    }
    .home-card-icon svg{width:24px;height:24px;color:var(--cyan)}
    .home-card-sweep .home-card-icon{background:linear-gradient(120deg,rgba(52,224,176,.18),rgba(34,211,238,.12));border-color:rgba(52,224,176,.3)}
    .home-card-sweep .home-card-icon svg{color:var(--mint)}

    .home-kicker{
      font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;
      color:var(--cyan);margin-bottom:10px;
    }
    .home-card-sweep .home-kicker{color:var(--mint)}

    .home-card h2{
      font-family:'Space Grotesk','Inter',sans-serif;font-size:clamp(25px,3vw,32px);
      font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:12px;
    }
    .home-card h2 em{
      font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;
      -webkit-text-fill-color:transparent;
    }
    .home-card>p{color:var(--muted);font-size:14.5px;line-height:1.68;max-width:46ch}

    .home-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 26px}
    .home-tag{
      padding:7px 12px;border-radius:11px;background:var(--glass-2);border:1px solid var(--line);
      font-size:12px;font-weight:600;color:var(--muted);
    }

    /* Pushes the button to the bottom so both cards line their CTAs up. */
    .home-card-foot{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}

    .home-cta{
      display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:15px;
      background:var(--grad);color:#fff;text-decoration:none;font-size:14.5px;font-weight:700;
      box-shadow:0 14px 34px rgba(139,92,246,.35);transition:transform .26s var(--ease),box-shadow .26s var(--ease);
    }
    .home-cta svg{width:17px;height:17px}
    .home-cta:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(139,92,246,.48)}
    .home-cta-ghost{
      display:inline-flex;align-items:center;gap:9px;padding:15px 22px;border-radius:15px;
      background:var(--glass-2);border:1px solid var(--line);color:var(--muted);
      text-decoration:none;font-size:14px;font-weight:600;transition:all .26s var(--ease);
    }
    .home-cta-ghost svg{width:16px;height:16px}
    .home-cta-ghost:hover{color:var(--ink);border-color:var(--line-2);background:var(--glass);transform:translateY(-2px)}

    .home-sub-link{
      display:inline-flex;align-items:center;gap:7px;color:var(--faint);
      font-size:12.5px;font-weight:600;text-decoration:none;transition:color .22s var(--ease);
    }
    .home-sub-link:hover{color:var(--cyan)}
    .home-sub-link svg{width:13px;height:13px}

    /* ── Stat row ── */
    .home-stats{
      display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px;
      padding:20px;border-radius:var(--r-lg);background:var(--glass-2);border:1px solid var(--line);
      backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    }
    .home-stat{text-align:center}
    .home-stat b{display:block;font-family:'Space Grotesk','Inter',sans-serif;font-size:21px;font-weight:700;letter-spacing:-.02em}
    .home-stat span{display:block;margin-top:4px;font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--faint)}
    .home-stat .live-dot{
      display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);
      margin-right:7px;vertical-align:middle;animation:pulseDot 2.4s infinite;
    }

    /* ── Phone ──
       Single column, CTAs full width and comfortably tappable, and the stat
       row folds to 2×2 instead of four squeezed columns. */
    @media (max-width:880px){
      .home-choice{grid-template-columns:1fr}
    }
    @media (max-width:780px){
      .home-hero{padding:34px 0 4px}
      .home-choice{margin-top:30px;gap:16px}
      .home-card{padding:26px 22px 24px;border-radius:var(--r-lg)}
      .home-card>p{max-width:none;font-size:14px}
      .home-card-foot{gap:10px}
      .home-cta,.home-cta-ghost{width:100%;justify-content:center;padding:16px 20px;min-height:52px}
      .home-card:hover{transform:none}
      .home-card:active{transform:scale(.995)}
      .home-cta:hover,.home-cta-ghost:hover{transform:none}
      .home-cta:active,.home-cta-ghost:active{transform:scale(.98)}
      .home-stats{grid-template-columns:repeat(2,1fr);gap:18px 12px;padding:18px 14px}
      .home-sub-link{padding:6px 0}
    }

    @media (prefers-reduced-motion:reduce){
      .home-card{animation:none;opacity:1;transform:none}
      .home-stat .live-dot{animation:none}
    }