/* =========================================================
   iGoInvest product page + Google Play badges (2026-10-26)
   Built on the shared iConnect / Mafia components; only colours
   and a few product parts are set here.
   ========================================================= */
.igv-page { --igv-a: #2fd5a0; --igv-b: #4fb8ff; }
.igv-name { display: flex; align-items: center; gap: 14px; margin: 6px 0 14px; font-weight: 800; font-size: clamp(1.6rem, 3vw, 2.1rem); letter-spacing: -.01em; }
.igv-name .igv-icon { width: 64px; height: 64px; border-radius: 16px; box-shadow: 0 14px 34px -12px rgba(47,213,160,.65), 0 0 0 1px rgba(255,255,255,.08); }
.igv-hero-shot { border-color: rgba(47,213,160,.4) !important; box-shadow: 0 40px 90px -40px rgba(47,213,160,.5), 0 0 0 1px rgba(79,184,255,.15) !important; }
.igv-page .ic-hero-visual { position: relative; }
.igv-hero-icon { box-shadow: 0 20px 50px -10px rgba(0,0,0,.8), 0 0 0 2px rgba(47,213,160,.55) !important; }
.igv-page .mj-status i { background: var(--igv-a); box-shadow: 0 0 0 4px rgba(47,213,160,.18); }
.igv-page .mj-tl-n { color: #04121f; background: linear-gradient(135deg, #7ff0c9, var(--igv-a)); box-shadow: 0 10px 26px -10px rgba(47,213,160,.7); }
.igv-page .mj-tl::before { background: linear-gradient(180deg, rgba(47,213,160,.6), rgba(79,184,255,.15)) !important; }
.igv-page .mj-ph img { border-color: rgba(79,184,255,.35); }
.igv-page .mj-ph:hover { box-shadow: 0 30px 60px -20px rgba(47,213,160,.45); }
.igv-page .mj-gal { scrollbar-color: rgba(79,184,255,.5) transparent; }
.igv-gal-sec .section-head p { max-width: 720px; margin-left: auto; margin-right: auto; }

/* Google Play badge: the official artwork, never redrawn */
.gp-badge { display: inline-flex; flex-direction: column; align-items: center; gap: 4px; line-height: 0; vertical-align: middle; transition: transform .3s var(--ease), filter .3s; }
.gp-badge .gp-img { height: 52px; width: auto; display: block; }
a.gp-badge:hover { transform: translateY(-2px); filter: drop-shadow(0 10px 22px rgba(79,184,255,.35)); }
.gp-badge.is-soon .gp-img { opacity: .55; filter: grayscale(.4); }
.gp-badge.is-soon em { font-style: normal; font-size: .74rem; font-weight: 700; line-height: 1.2; letter-spacing: .04em; color: var(--muted); }
.gp-badge.lg .gp-img { height: 60px; }
.gp-badge.sm .gp-img { height: 44px; }
.ic-actions .gp-badge { align-self: center; }
.igv-gp, .mj-gp { display: flex; justify-content: center; margin-top: 8px; }

/* price */
.igv-plans { display: grid; grid-template-columns: repeat(2, minmax(0, 300px)); justify-content: center; gap: 20px; margin-top: 10px; }
.igv-plan { position: relative; padding: 28px 26px; border-radius: 22px; text-align: center; background: linear-gradient(180deg, rgba(16,32,58,.9), rgba(12,24,41,.9)); border: 1px solid var(--line); transition: transform .4s var(--ease), border-color .3s; }
.igv-plan:hover { transform: translateY(-4px); border-color: rgba(79,184,255,.45); }
.igv-plan.hi { border-color: rgba(47,213,160,.55); box-shadow: 0 30px 70px -36px rgba(47,213,160,.6); }
.igv-plan h3 { margin: 0 0 12px; font-size: 1rem; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.igv-price b { display: block; font-size: 2.4rem; line-height: 1.1; color: #fff; }
.igv-price span { display: block; color: var(--muted); font-size: .92rem; margin-top: 4px; }
.igv-save { margin: 10px 0 0; font-size: .86rem; font-weight: 700; color: var(--igv-a); }
.igv-plan-cta { text-align: center; margin: 26px 0 0; }
.igv-note { text-align: center; color: var(--muted); font-size: .88rem; margin: 14px auto 0; max-width: 640px; }

/* projects card + homepage band */
.igv-card-img { border-radius: 18px; overflow: hidden; }
.igv-card-img img { display: block; width: 100%; height: auto; }
img.ic-ico.igv-ico { border-radius: 14px; filter: none; box-shadow: 0 10px 26px -10px rgba(47,213,160,.6); }
.igv-band-h { line-height: 1.1; margin-bottom: 10px; font-size: clamp(1.5rem, 2.6vw, 2rem); }
.ic-feature.igv .ic-feature-visual img { border-radius: 14px; }

@media (max-width: 640px) {
  .igv-plans { grid-template-columns: 1fr; }
  .igv-name .igv-icon { width: 52px; height: 52px; }
  .gp-badge .gp-img { height: 46px; }
}