.ads-market {
  padding-block: clamp(58px, 7vw, 100px);
  background:
    radial-gradient(ellipse at 18% 34%, #eef5ff 0%, transparent 44%),
    radial-gradient(ellipse at 90% 85%, #f1f5ff 0%, transparent 40%),
    #fff;
}
.ads-market-intro { max-width: 900px; margin: 0 auto; text-align: center; }
.ads-market-intro h2 {
  margin: 12px 0 18px;
  font-size: clamp(2rem, 5vw, 4.25rem);
  line-height: 1.06;
}
.ads-market-intro > p:last-child {
  max-width: 62ch;
  margin: 8px auto 0;
  color: var(--brand-muted);
  line-height: 1.55;
  text-wrap: balance;
}
.ads-market-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 22px);
  max-width: 1000px;
  margin: clamp(24px, 4vw, 46px) auto 20px;
}
.ads-market-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dfe7f4;
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 18px 42px -34px #34538a6b;
  transition: transform .2s ease;
}
.ads-market-card-copy { padding: clamp(18px, 2.5vw, 25px); }
.ads-market-card-copy h3 { margin: 0 0 6px; font-size: clamp(1.35rem, 2.2vw, 1.7rem); line-height: 1.12; letter-spacing: -.025em; }
.ads-market-card-copy > p:not(.ads-market-label) { margin: 0; color: var(--brand-muted); font-size: .875rem; line-height: 1.55; }
.ads-market-label { font-size: .7rem; font-weight: 700; letter-spacing: .075em; text-transform: uppercase; }
.ads-market-video { background: #fff; color: var(--brand-deep-purple); }
.ads-market-video > video { display: block; width: 100%; height: auto; flex: 0 0 auto; object-fit: contain; background: #fff; }
.ads-market-hooks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-content: center;
  flex: 1;
  gap: 8px;
  margin: 0;
  padding: clamp(18px, 2.5vw, 25px);
  border-top: 1px solid #e0e8f4;
  background: #fff;
  list-style: none;
}
.ads-market-hooks li { padding: 10px; border: 1px solid #dfe7f4; border-radius: 12px; background: #f2f6ff; font-size: .77rem; font-weight: 600; line-height: 1.3; }
.ads-market-hooks li span { display: block; margin-bottom: 5px; color: #245aa3; font-size: .66rem; }

.ads-market-stage { position: relative; display: grid; place-items: center; min-height: 220px; padding: 18px; border-bottom: 1px solid #e0e8f4; }
.ads-market-edit { background: radial-gradient(ellipse at 24% 28%, #bad4ff, transparent 72%), linear-gradient(130deg, #edf5ff, #eae5fc); }
.ads-market-glass { width: min(100%, 290px); padding: 14px 16px; border: 1px solid #fff; border-radius: 18px; background: #ffffffad; backdrop-filter: blur(14px); box-shadow: 0 12px 28px -18px #26477b82; }
.ads-market-glass > .ads-market-label { margin-bottom: 8px; color: #30456d; }
.ads-market-layers { display: grid; gap: 5px; list-style: none; }
.ads-market-layers li { display: flex; align-items: center; gap: 8px; padding: 5px 8px; border-radius: 6px; background: #fff; color: #22365b; font-size: .78rem; font-weight: 600; }
.ads-market-layers li span { width: 8px; height: 8px; border-radius: 50%; background: var(--brand-electric-blue); }
.ads-market-layers li:nth-child(2) span { background: #6543b4; }
.ads-market-layers li:nth-child(3) span { background: #0782a7; }
.ads-market-chip { display: inline-block; margin-top: 9px; padding: 4px 8px; border-radius: 999px; background: #e3edff; color: #164792; font-size: .67rem; font-weight: 700; }

.ads-market-workflow { overflow: hidden; background: linear-gradient(145deg, #f8faff, #e6f0ff 60%, #f2eaff); }
.ads-market-flow { position: relative; display: grid; justify-items: center; gap: 16px; width: min(100%, 254px); text-align: center; }
.ads-market-flow::before { position: absolute; inset-block: 15px; inset-inline-start: 50%; width: 1px; background: #93b7ef; content: ""; }
.ads-market-flow > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; width: 100%; }
.ads-market-flow p { position: relative; padding: 6px 9px; border: 1px solid #d5e3f8; border-radius: 8px; background: #fff; color: #22365b; font-size: .74rem; font-weight: 600; }
.ads-market-flow > p:last-child { background: var(--brand-electric-blue); color: #fff; border-color: transparent; }
.ads-market-float { position: absolute; display: grid; place-items: center; width: 39px; height: 39px; border: 1px solid #fff; border-radius: 12px; background: #ffffffb8; color: var(--brand-electric-blue); }
.ads-market-float svg { width: 19px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.ads-market-float-top { top: 15%; right: 10%; }
.ads-market-float-bottom { bottom: 15%; left: 10%; color: #6340a6; }

.ads-market-analytics { background: radial-gradient(ellipse at 80% 30%, #c5dcff, transparent 75%), #edf4ff; }
.ads-stats { margin: 0; }
.ads-stats > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 6px; margin-top: 6px; }
.ads-stats dt { color: #344769; font-size: .72rem; }
.ads-stats dd { margin: 0; color: #0649b6; font-weight: 700; font-variant-numeric: tabular-nums; }
.ads-market-revenue::after { grid-column: 1 / -1; height: 6px; border-radius: 99px; background: linear-gradient(90deg, #8db8ff, var(--brand-electric-blue)); transform-origin: left; content: ""; }
.ads-market-revenue-video::after { width: 26.5%; }
.ads-stats .ads-market-growth { margin-top: 10px; padding-top: 7px; border-top: 1px solid #cfdef5; }
.ads-market-card-copy .ads-source { font-size: .78rem; }
.ads-market-platforms {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px clamp(10px, 3vw, 30px) 22px;
  border: 1px solid #262c52;
  border-radius: 18px;
  background: linear-gradient(120deg, var(--brand-deep-purple), #1b2854);
  color: var(--brand-white);
  text-align: center;
}
.ads-market-platforms h3 { margin-bottom: 16px; font-size: .92rem; }
.ads-market-platforms ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  gap: 16px clamp(10px, 4vw, 50px);
}
.ads-market-platforms li {
  display: grid;
  justify-items: center;
  gap: 8px;
  min-width: 64px;
  color: #e0e7fa;
  font-size: .72rem;
  font-weight: 600;
}
.ads-platform-icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border: 1px solid #e8edf4;
  border-radius: 15px;
  background: var(--brand-off-white);
  transition: transform .25s, border-color .25s;
}
.ads-platform-icon svg { width: 25px; height: 25px; }
.ads-platform-instagram { color: #c13584; }
.ads-market-platforms li:hover .ads-platform-icon { transform: translateY(-3px) scale(1.06); border-color: #a7c6fd; }

@media (max-width: 720px) {
  .ads-market-layout { grid-template-columns: 1fr; }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .ads-market-card:hover { transform: translateY(-5px); }
}
@media (prefers-reduced-motion: no-preference) {
  .ads-market-layout.ads-market-reveal .ads-market-card { animation: ads-board-rise .5s ease-out both; }
  .ads-market-layout.ads-market-reveal .ads-market-card:nth-child(2) { animation-delay: .1s; }
  .ads-market-layout.ads-market-reveal .ads-market-card:nth-child(3) { animation-delay: .2s; }
  .ads-market-layout.ads-market-reveal .ads-market-card:nth-child(4) { animation-delay: .3s; }
  .ads-market-layout.ads-market-reveal .ads-market-float-top { animation: ads-market-float-up 6s ease-in-out infinite; }
  .ads-market-layout.ads-market-reveal .ads-market-float-bottom { animation: ads-market-float-down 5s ease-in-out 1s infinite; }
  .ads-market-glass.ads-market-reveal {
    animation: ads-board-rise .55s cubic-bezier(.16, 1, .3, 1) both;
  }
  .ads-market-glass.ads-market-reveal :is(.ads-market-layers li, .ads-stats > div, .ads-market-chip) {
    animation: ads-market-row-in .4s ease-out .12s both;
  }
  .ads-market-glass.ads-market-reveal :is(.ads-market-layers li, .ads-stats > div):nth-child(2) { animation-delay: .22s; }
  .ads-market-glass.ads-market-reveal :is(.ads-market-layers li, .ads-stats > div):nth-child(3) { animation-delay: .32s; }
  .ads-market-glass.ads-market-reveal .ads-market-chip { animation-delay: .42s; }
  .ads-market-glass.ads-market-reveal .ads-market-revenue::after { animation: ads-market-bar-grow 1.05s ease-out .22s both; }
  .ads-market-glass.ads-market-reveal .ads-market-revenue-video::after { animation-delay: .34s; }
  .ads-market-platforms.ads-market-reveal li { animation: ads-platform-rise .55s cubic-bezier(.2, .85, .32, 1.18) both; }
  .ads-market-platforms.ads-market-reveal li:nth-child(2) { animation-delay: .08s; }
  .ads-market-platforms.ads-market-reveal li:nth-child(3) { animation-delay: .16s; }
  .ads-market-platforms.ads-market-reveal li:nth-child(4) { animation-delay: .24s; }
  .ads-market-platforms.ads-market-reveal li:nth-child(5) { animation-delay: .32s; }
  @keyframes ads-board-rise { from { opacity: 0; translate: 0 20px; } }
  @keyframes ads-market-float-up { 50% { transform: translateY(-12px) rotate(5deg) scale(1.05); } }
  @keyframes ads-market-float-down { 50% { transform: translateY(12px) rotate(-5deg); } }
  @keyframes ads-market-row-in { from { opacity: 0; translate: -8px 0; } }
  @keyframes ads-market-bar-grow { from { transform: scaleX(0); } }
  @keyframes ads-platform-rise { from { opacity: 0; transform: translateY(20px) scale(.92); } }
}