/* iCraft Ads additions: logo-derived pastel accents and small helpers. Loaded after app.css. */
:root {
  --ic-charcoal: #303030;
  --ic-orange: #f8b048;
  --ic-pink: #f0a8c8;
  --ic-blue: #88d0f0;
  --ic-mint: #a8d8b8;
  --ic-cream: #f8d898;
}

/* Soft multicolour glow behind the hero (replaces the single-colour orbs) */
.ic-glow {
  background:
    radial-gradient(40% 40% at 12% 18%, rgb(136 208 240 / .30), transparent 70%),
    radial-gradient(38% 38% at 88% 12%, rgb(240 168 200 / .30), transparent 70%),
    radial-gradient(42% 42% at 70% 90%, rgb(168 216 184 / .28), transparent 70%),
    radial-gradient(36% 36% at 20% 90%, rgb(248 176 72 / .26), transparent 70%);
}

/* Hero brand card (used when no client creatives are uploaded yet) */
.ic-hero-card {
  position: relative;
  border-radius: 2rem;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: #fff;
  box-shadow: 0 1px 2px rgb(48 48 48 / .05), 0 30px 60px -30px rgb(48 48 48 / .35);
  border: 1px solid rgb(0 0 0 / .06);
  overflow: hidden;
}
.ic-hero-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(50% 50% at 100% 0%, rgb(136 208 240 / .25), transparent 70%),
    radial-gradient(50% 50% at 0% 100%, rgb(240 168 200 / .25), transparent 70%);
  pointer-events: none;
}
.ic-hero-card > * { position: relative; }
.ic-chip {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  border-radius: 999px;
  padding: .45rem .95rem;
  font-weight: 600;
  font-size: .85rem;
  color: var(--ic-charcoal);
}
.ic-chip.is-orange { background: rgb(248 176 72 / .35); }
.ic-chip.is-pink { background: rgb(240 168 200 / .45); }
.ic-chip.is-blue { background: rgb(136 208 240 / .45); }
.ic-chip.is-mint { background: rgb(168 216 184 / .55); }
.ic-chip.is-cream { background: rgb(248 216 152 / .55); }

/* Client name strip */
.ic-clients { display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem; }
.ic-clients span {
  border-radius: 999px;
  border: 1px solid rgb(0 0 0 / .08);
  background: #fff;
  padding: .5rem 1rem;
  font-weight: 600;
  font-size: .9rem;
  color: var(--ic-charcoal);
}

/* Founder cards */
.ic-avatar {
  display: grid;
  place-items: center;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 999px;
  font-weight: 700;
  font-size: 1.4rem;
  color: var(--ic-charcoal);
  background: linear-gradient(135deg, var(--ic-orange), var(--ic-pink));
}

/* Layout helpers that replace arbitrary Tailwind values (the compiled app.css cannot be regenerated without the original config). */
.ic-mega-grid { grid-template-columns: 1.1fr 1.1fr 1.1fr .95fr; }
.ic-mega-promo { background: linear-gradient(150deg, #f08c0f, #3d3d3d); }
.ic-cta-banner {
  background:
    radial-gradient(60% 80% at 90% 0%, rgb(136 208 240 / .45), transparent 60%),
    radial-gradient(50% 60% at 0% 100%, rgb(240 168 200 / .40), transparent 60%),
    linear-gradient(135deg, #e07b00, #303030);
}
.ic-hdr-logo { height: 2.5rem; width: auto; }
@media (min-width: 768px) { .ic-hdr-logo { height: 3rem; } }
.ic-logo-hero { height: auto; width: 14rem; }
@media (min-width: 768px) { .ic-logo-hero { width: 18rem; } }
.ic-soft { background: rgb(255 255 255 / .7); }