/* Shared industry-page styles + utilities (replaces duplicated <style> and inline CSS) */

.text-narrow {
  max-width: 900px;
}
.text-narrow-md {
  max-width: 880px;
}
.text-narrow-sm {
  max-width: 750px;
}
.text-narrow-hero {
  max-width: 680px;
}
.bg-section-alt {
  background: #f5f6fa;
}
.btn-brand-outline {
  background: transparent !important;
  color: #5b2c91 !important;
  border: 2px solid #5b2c91 !important;
}
.btn-on-dark {
  background: #fff !important;
  color: #5b2c91 !important;
}
.clone-col-wide {
  max-width: 800px;
}

.re-page { font-family: "Poppins", system-ui, sans-serif; }
.re-hero { background: linear-gradient(135deg, #faf7fc 0%, #f0f4ff 100%); padding-top: 2rem; padding-bottom: 3rem; }
.re-hero h1 { font-weight: 800; letter-spacing: -0.02em; }
.re-intro-section { text-align: center; }
.re-intro-section p { text-align: center; margin-left: auto; margin-right: auto; }
.re-section-title { font-weight: 700; color: #1a1a2e; margin-bottom: 1rem; }
.re-clone-card { border: 1px solid #e8e8f0; border-radius: 16px; padding: 1.5rem; height: 100%; background: #fff; transition: box-shadow .2s, transform .2s; }
.re-clone-card:hover { box-shadow: 0 12px 40px rgba(102, 51, 153, 0.12); transform: translateY(-2px); }
.re-clone-card img { border-radius: 12px; width: 100%; height: 160px; object-fit: cover; margin-bottom: 1rem; }
.re-clone-card h3 { font-size: 1.15rem; font-weight: 600; color: #2d1b4e; margin-bottom: .75rem; }
.re-service-tile { background: #fff; border-radius: 14px; padding: 1.75rem; border: 1px solid #eee; height: 100%; }
.re-service-tile h3 { font-size: 1.1rem; font-weight: 600; color: #2d1b4e; margin-bottom: .75rem; }
.re-benefit-card { background: #fff; border-radius: 14px; padding: 1.5rem; border: 1px solid #e8e8f0; height: 100%; text-align: left; }
.re-benefit-card h3 { font-size: 1.05rem; font-weight: 600; color: #5b2c91; margin-bottom: .75rem; }
.re-feature-panel { background: #fff; border-radius: 14px; padding: 1.5rem; border: 1px solid #e8e8f0; height: 100%; text-align: left; }
.re-feature-panel h3 { font-size: 1rem; font-weight: 600; color: #5b2c91; margin-bottom: 1rem; }
.re-feature-panel ul { margin: 0; padding-left: 1.1rem; color: #444; font-size: .95rem; list-style-position: outside; }
.re-feature-panel li { margin-bottom: .45rem; }
.re-why-card { background: linear-gradient(180deg, #fff 0%, #faf8fc 100%); border: 1px solid #ece6f5; border-radius: 14px; padding: 1.5rem; height: 100%; }
.re-why-card h3 { font-size: 1.05rem; font-weight: 600; color: #2d1b4e; margin-bottom: .5rem; }
.re-audience-tile { background: #fff; border-radius: 14px; padding: 1.5rem; border: 1px solid #eee; height: 100%; }
.re-audience-tile h3 { font-size: 1.05rem; font-weight: 600; color: #2d1b4e; margin-bottom: .5rem; }
.re-tech-stack-grid { max-width: 1140px; margin-left: auto; margin-right: auto; }
.re-tech-stack-card { border-radius: 18px; overflow: hidden; box-shadow: 0 14px 40px rgba(45, 27, 78, 0.1); border: 1px solid rgba(232, 180, 240, 0.35); background: #fff; display: flex; flex-direction: column; height: 100%; transition: transform 0.2s ease, box-shadow 0.2s ease; }
.re-tech-stack-card:hover { transform: translateY(-4px); box-shadow: 0 22px 50px rgba(91, 44, 145, 0.16); }
.re-tech-stack-card__head { display: flex; align-items: center; gap: 0.65rem; padding: 1rem 1.2rem; background: linear-gradient(135deg, rgb(110, 57, 138), rgb(189, 69, 151)); color: #fff; text-align: left; }
.re-tech-stack-card__icon { display: flex; align-items: center; justify-content: center; width: 2.35rem; height: 2.35rem; border-radius: 10px; background: rgba(0, 0, 0, 0.2); font-size: 1.05rem; }
.re-tech-stack-card__head h3 { margin: 0; font-size: 1.08rem; font-weight: 700; letter-spacing: 0.02em; }
.re-tech-stack-card__body { flex: 1; padding: 1.2rem 1.15rem 1.35rem; background: linear-gradient(180deg, #faf8ff 0%, #ffffff 55%); text-align: center; }
.re-tech-stack-card .re-tech-icons { display: flex; flex-wrap: wrap; gap: 0.5rem 0.55rem; align-items: center; justify-content: center; }
.re-tech-stack-card .re-tech-chip { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.42rem 0.8rem 0.42rem 0.6rem; border-radius: 999px; background: #fff; border: 1px solid #e8e4f0; font-size: 0.76rem; font-weight: 600; color: #2d1b4e; transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s; }
.re-tech-stack-card .re-tech-chip:hover { border-color: #c4b5fd; box-shadow: 0 6px 18px rgba(109, 40, 217, 0.12); transform: translateY(-1px); }
.re-tech-stack-card .re-tech-chip i[class^="devicon-"] { font-size: 1.3rem; line-height: 1; }
.re-tech-stack-card .re-tech-chip .fa-brands,
.re-tech-stack-card .re-tech-chip .fa-solid { font-size: 1.05rem; width: 1.3rem; text-align: center; }
.re-step-num { display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: linear-gradient(135deg, #8b5cf6, #d946ef); color: #fff; font-weight: 700; margin-bottom: .75rem; }
.re-market-cta { background: linear-gradient(120deg, #2d1b4e 0%, #5b2c91 50%, #7c3aed 100%); color: #fff; border-radius: 0; padding: 3rem 2rem; }
.re-market-cta p { opacity: .95; max-width: 720px; margin-left: auto; margin-right: auto; }
.re-tech-textline { font-size: 0.82rem; color: #444; line-height: 1.65; text-align: left; padding: 0 0.25rem; }

.icon-circle {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
  margin: 0 auto 1rem;
}
.icon-circle-muted {
  background: #765382;
}

@media (max-width: 991px) {
  .re-hero h1 { font-size: 2rem; }
  .re-clone-card img { height: 180px; }
  .re-market-cta { padding: 2rem 1.25rem; }
}

@media (max-width: 576px) {
  .re-hero h1 { font-size: 1.7rem; }
  .re-section-title { font-size: 1.4rem; }
}

/* Tech-chip brand colors (replaces inline style=) */
.chip-c-000 { color: #000 !important; }
.chip-c-007cc3 { color: #007cc3 !important; }
.chip-c-00afaa { color: #00afaa !important; }
.chip-c-00b0b9 { color: #00b0b9 !important; }
.chip-c-0284c7 { color: #0284c7 !important; }
.chip-c-06b6d4 { color: #06b6d4 !important; }
.chip-c-0996e5 { color: #0996e5 !important; }
.chip-c-0d9488 { color: #0d9488 !important; }
.chip-c-10a37f { color: #10a37f !important; }
.chip-c-16a34a { color: #16a34a !important; }
.chip-c-1ab7ea { color: #1ab7ea !important; }
.chip-c-21759b { color: #21759b !important; }
.chip-c-25d366 { color: #25d366 !important; }
.chip-c-4264fb { color: #4264fb !important; }
.chip-c-4285f4 { color: #4285f4 !important; }
.chip-c-475569 { color: #475569 !important; }
.chip-c-51a9e1 { color: #51a9e1 !important; }
.chip-c-555 { color: #555 !important; }
.chip-c-5b2c91 { color: #5b2c91 !important; }
.chip-c-6366f1 { color: #6366f1 !important; }
.chip-c-64748b { color: #64748b !important; }
.chip-c-6d28d9 { color: #6d28d9 !important; }
.chip-c-7c3aed { color: #7c3aed !important; }
.chip-c-8b5cf6 { color: #8b5cf6 !important; }
.chip-c-96bf48 { color: #96bf48 !important; }
.chip-c-ca8a04 { color: #ca8a04 !important; }
.chip-c-f22f46 { color: #f22f46 !important; }
.chip-c-f26322 { color: #f26322 !important; }