:root{
  --brand:#0568de;                 /* Your main color */
  --bg:#f7f9fc;                    /* Clean soft background */
  --g1:rgba(5,104,222,0.35);       /* Soft brand tint */
  --g2:rgba(132,182,255,0.33);     /* Light sky blend */
  --g3:#0598ff;     /* Airy ice pastel */
  --line:rgba(170,180,200,0.05);   /* Very soft grid */
}

/* Background Container */
.fluid-bg{
  position:fixed; inset:0;
  background:var(--bg);
  overflow:hidden;
  z-index:-9999;
  pointer-events:none;
}

/* Blobs (Organic Shapes) */
.blob{
  position:absolute;
  width:420px; height:420px;
  border-radius:50%;
  filter:blur(70px);
  opacity:.45;
  animation:blob-move 22s ease-in-out infinite;
  will-change:transform;
}

/* Blob placements */
.b1{ background:var(--g1); top:-12%; left:-12%; animation-delay:0s; }
.b2{ background:var(--g2); bottom:-14%; right:-10%; animation-delay:3s; }
.b3{ background:var(--g3); top:35%; left:42%; animation-delay:6s; } /* Desktop soft ambient fill */

/* Calmer, slower motion */
@keyframes blob-move{
  0%,100%{ transform:translateY(0) scale(1); }
  50%{ transform:translateY(-28px) scale(1.05); }
}

/* Subtle quiet grid */
.fluid-grid{
  position:absolute; inset:0;
  background:
    repeating-linear-gradient(0deg,transparent,transparent 85px,var(--line) 85px,var(--line) 86px),
    repeating-linear-gradient(90deg,transparent,transparent 85px,var(--line) 85px,var(--line) 86px);
  opacity:.35;
}

/* Content */
.content-layer{
  position:relative; z-index:9;
  padding:90px 20px;
  text-align:center;
  font-family:Inter,Segoe UI,system-ui;
}
.content-layer h1{
  font-size:clamp(1.8rem,3vw,2.8rem);
  font-weight:700;
  background:linear-gradient(90deg,var(--brand),#5aa8ff);
  -webkit-background-clip:text;
  color:transparent;
  letter-spacing:-0.02em;
}
.content-layer p{
  color:#4b5563;
  max-width:650px;
  margin:8px auto 0;
  line-height:1.55;
  font-size:clamp(.95rem,1.2vw,1.1rem);
}

/* Smooth Mobile Performance */
@media(max-width:768px){
  .blob{ width:300px;height:300px;filter:blur(50px);opacity:.38; }
  .b3{ opacity:.25; }
}
@media(max-width:480px){
  .b3{ display:none; }            /* Keep only 2 blobs for silky smooth */
  .blob{ filter:blur(38px); }
  .content-layer{ padding:70px 18px; }
}

/* Reduced Motion */
@media(prefers-reduced-motion:reduce){
  .blob{ animation:none !important; }
}










.store-section {
  text-align: center;
  font-family: Arial, sans-serif;
  padding: 60px 20px;
  background: #ffffff; /* subtle premium gradient */
}

.store-box {
  display: flex;
  justify-content: center;
  gap: 32px;
  flex-wrap: wrap;
  margin-top: 30px;
}

.store-card {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff; /* white card */
  padding: 18px 28px;
  border-radius: 22px;
  box-shadow: 0 12px 28px rgba(0,0,0,0.08);
  transition: transform 0.35s ease, box-shadow 0.35s ease, filter 0.35s ease;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  min-width: 260px;
}

/* Hover: press + blue glow */
.store-card:hover {
  transform: translateY(-4px) scale(1.06);
  box-shadow: 0 22px 46px rgba(0,0,0,0.18);
  filter: drop-shadow(0 0 18px rgba(13,110,253,0.35));
}

/* Logos */
.store-card img {
  height: 70px; /* equal size */
  width: auto;
  border-radius: 12px;
  transition: transform 0.35s ease, filter 0.35s ease;
}

.store-card:hover img {
  transform: scale(1.1);
  filter: brightness(1.15);
}

/* Shimmer effect */
.store-card::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -75%;
  width: 50%;
  height: 200%;
  background: linear-gradient(120deg, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.0) 100%);
  transform: rotate(25deg);
  pointer-events: none;
  animation: shimmer 2.5s infinite;
}

@keyframes shimmer {
  0% { left: -75%; }
  100% { left: 125%; }
}