:root {
  --advertise-ink: #07070a;
  --advertise-paper: #f4f1eb;
  --advertise-coral: #f47f68;
  --advertise-mint: #6ee7bf;
  --advertise-lime: #d9ff5a;
  --advertise-violet: #a550f4;
  --advertise-blue: #74d4e8;
  --advertise-hero-background: #a550f4;
}

.advertise-page {
  background: var(--advertise-paper);
  color: var(--advertise-ink);
}

.advertise-shell {
  width: min(calc(100% - 40px), var(--content));
  margin: 0 auto;
}

.advertise-eyebrow {
  margin: 0 0 18px;
  color: #5e35a3;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.advertise-hero {
  min-height: calc(100svh - var(--header-height));
  padding: clamp(70px, 9vw, 126px) 0 clamp(76px, 9vw, 120px);
  overflow: hidden;
  background-color: var(--advertise-hero-background);
  background:
    radial-gradient(circle at 88% 12%, rgba(217, 255, 90, 0.22), transparent 18%),
    linear-gradient(135deg, color-mix(in srgb, var(--advertise-hero-background) 94%, white) 0%, var(--advertise-hero-background) 52%, color-mix(in srgb, var(--advertise-hero-background) 80%, black) 100%);
}

.advertise-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(430px, 1.08fr);
  align-items: center;
  gap: clamp(50px, 7vw, 110px);
}

.advertise-status {
  width: fit-content;
  margin: 0 0 22px;
  padding: 8px 12px 8px 10px;
  border: 1px solid rgba(7, 7, 10, 0.45);
  border-radius: 999px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

.advertise-status span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--advertise-lime);
  box-shadow: 0 0 0 4px rgba(217, 255, 90, 0.22);
}

.advertise-hero h1,
.advertise-section-heading h2,
.advertise-program h2,
.advertise-decisions h2,
.advertise-contact h2 {
  margin: 0;
  letter-spacing: -0.055em;
}

.advertise-hero h1 {
  max-width: 670px;
  font-size: clamp(3.9rem, 7.7vw, 7.7rem);
  line-height: 0.83;
}

.advertise-lede {
  max-width: 650px;
  margin: 34px 0 0;
  color: rgba(7, 7, 10, 0.76);
  font-size: clamp(1rem, 1.4vw, 1.22rem);
  line-height: 1.55;
}

.advertise-actions {
  margin-top: 34px;
}

.advertise-actions .preview-button.dark {
  border-color: var(--advertise-ink);
  background: var(--advertise-ink);
  color: #ffffff;
}

.advertise-availability {
  max-width: 610px;
  margin: 20px 0 0;
  padding-left: 15px;
  border-left: 2px solid rgba(7, 7, 10, 0.5);
  color: rgba(7, 7, 10, 0.69);
  font-size: 0.82rem;
  font-weight: 730;
  line-height: 1.45;
}

.advertise-hero-art {
  min-width: 0;
}

.advertise-campaign-showcase {
  overflow: hidden;
  border: 2px solid var(--advertise-ink);
  border-radius: 28px;
  background: var(--advertise-ink);
  box-shadow: 22px 24px 0 rgba(7, 7, 10, 0.2);
}

.advertise-campaign-cover {
  position: relative;
  min-height: 178px;
  padding: clamp(28px, 4vw, 44px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 24px;
  color: #ffffff;
}

.advertise-campaign-cover p {
  margin: 0;
  display: grid;
  line-height: 0.85;
}

.advertise-campaign-cover strong {
  font-size: clamp(3.2rem, 6vw, 5.8rem);
  letter-spacing: -0.065em;
}

.advertise-campaign-cover p span {
  margin-top: 12px;
  color: #b8b5c0;
  font-size: 1rem;
  font-weight: 760;
}

.advertise-campaign-cover small {
  align-self: start;
  color: var(--advertise-lime);
  font-size: 0.66rem;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.advertise-campaign-line {
  position: absolute;
  width: 132px;
  height: 26px;
  margin: 122px 0 0 9px;
  border-top: 3px solid var(--advertise-violet);
  border-radius: 50%;
  transform: rotate(-8deg);
}

.advertise-listener-grid {
  position: relative;
  aspect-ratio: 1;
  overflow: hidden;
  background: #09090c;
}

.advertise-listener-grid img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transform: scale(1.015);
  transition: opacity 500ms ease, transform 7s ease;
}

.advertise-listener-grid img.is-active {
  z-index: 1;
  opacity: 1;
  transform: scale(1);
}

.advertise-listener-panel {
  min-height: 215px;
  display: grid;
  place-items: center;
  overflow: hidden;
}

.advertise-listener-panel.is-gold { background: #f3b832; }
.advertise-listener-panel.is-blue { background: #2f8fe8; }
.advertise-listener-panel.is-pink { background: #ed3a91; }
.advertise-listener-panel.is-green { background: #83bf35; }

.advertise-listener-panel svg {
  width: min(88%, 225px);
  height: 215px;
  overflow: visible;
  fill: var(--advertise-ink);
  transform: translateY(17px);
}

.advertise-listener-panel:nth-child(2) svg { transform: translate(8px, 17px) rotate(3deg); }
.advertise-listener-panel:nth-child(3) svg { transform: translate(-6px, 18px) rotate(-3deg); }
.advertise-listener-panel:nth-child(4) svg { transform: translate(6px, 17px) rotate(4deg); }

.advertise-listener-panel .advertise-arms {
  fill: none;
  stroke: var(--advertise-ink);
  stroke-linecap: round;
  stroke-width: 22;
}

.advertise-listener-panel .advertise-earbud {
  fill: none;
  stroke: #ffffff;
  stroke-linecap: round;
  stroke-width: 2;
}

.advertise-listener-panel .advertise-device {
  fill: #ffffff;
  stroke: var(--advertise-ink);
  stroke-width: 2;
}

.advertise-campaign-caption {
  padding: 17px 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  color: #b8b5c0;
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.advertise-campaign-caption span:not(:last-child)::after {
  margin-left: 18px;
  color: var(--advertise-violet);
  content: "/";
}

.advertise-formats,
.advertise-program,
.advertise-decisions,
.advertise-contact {
  padding: clamp(86px, 10vw, 150px) 0;
}

.advertise-formats {
  overflow: hidden;
  background: var(--advertise-ink);
  color: #ffffff;
}

.advertise-section-heading {
  max-width: 860px;
}

.advertise-section-heading h2,
.advertise-program h2,
.advertise-decisions h2,
.advertise-contact h2 {
  font-size: clamp(3rem, 6vw, 6.4rem);
  line-height: 0.9;
}

.advertise-section-heading > p:last-child,
.advertise-decisions-grid > div > p:last-child,
.advertise-contact-card > div > p:last-child {
  max-width: 730px;
  margin: 28px 0 0;
  color: #5e5a56;
  font-size: 1rem;
  line-height: 1.6;
}

.advertise-format-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.95fr);
  align-items: center;
  gap: clamp(54px, 8vw, 120px);
}

.advertise-ad-wordmark {
  min-height: 410px;
  padding: 38px;
  border: 1px solid #34343d;
  border-radius: 26px;
  display: grid;
  align-content: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 48%, rgba(165, 80, 244, 0.34), transparent 48%),
    #050509;
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.42);
}

.advertise-ad-wordmark span,
.advertise-ad-wordmark strong {
  width: fit-content;
  color: transparent;
  font-size: clamp(5.2rem, 10vw, 9.8rem);
  font-weight: 950;
  letter-spacing: -0.085em;
  line-height: 0.72;
  background: linear-gradient(180deg, #ff3ea8 12%, #a550f4 48%, #60dff4 86%);
  background-clip: text;
  -webkit-background-clip: text;
  filter: drop-shadow(0 0 20px rgba(165, 80, 244, 0.28));
}

.advertise-ad-wordmark strong {
  margin-left: 8%;
}

.advertise-ad-wordmark small {
  margin-top: 36px;
  color: #aaa8b2;
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.advertise-feature-grid {
  margin-top: clamp(58px, 8vw, 100px);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-block: 1px solid #34343d;
}

.advertise-feature-grid article {
  min-height: 230px;
  padding: 28px 24px 32px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.advertise-feature-grid article + article {
  border-left: 1px solid #34343d;
}

.advertise-feature-grid span {
  color: var(--advertise-lime);
  font-size: 0.72rem;
  font-weight: 950;
}

.advertise-feature-grid p {
  margin: auto 0 0;
  color: #aaa8b2;
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.075em;
  line-height: 1.35;
  text-transform: uppercase;
}

.advertise-feature-grid strong {
  max-width: 18rem;
  font-family: Inter, "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: clamp(1.12rem, 1.25vw, 1.28rem);
  font-weight: 750;
  letter-spacing: 0.008em;
  line-height: 1.22;
  text-wrap: pretty;
}

.advertise-format-grid {
  margin-top: clamp(64px, 9vw, 120px);
  display: grid;
  gap: 22px;
}

.advertise-format-grid article {
  position: relative;
  min-height: 520px;
  padding: clamp(30px, 4vw, 54px);
  border: 1px solid #3b3b45;
  border-radius: 24px;
  display: grid;
  grid-template-columns: minmax(300px, 0.82fr) minmax(0, 1.18fr);
  align-items: center;
  gap: clamp(42px, 7vw, 100px);
  background: #111116;
}

.advertise-format-grid article.is-audio-format {
  grid-template-columns: minmax(0, 1.18fr) minmax(300px, 0.82fr);
}

.advertise-card-number {
  position: absolute;
  top: 25px;
  right: 28px;
  color: var(--advertise-lime);
  font-size: 0.78rem;
  font-weight: 950;
}

.advertise-card-kicker {
  margin: 0 0 34px;
  color: var(--advertise-blue);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.advertise-format-grid h3 {
  max-width: 520px;
  margin: 0;
  font-size: clamp(2.5rem, 4.6vw, 5rem);
  letter-spacing: -0.055em;
  line-height: 0.9;
}

.advertise-format-copy > p:not(.advertise-card-kicker) {
  max-width: 550px;
  margin: 28px 0 0;
  color: #aaa8b2;
  font-size: 0.98rem;
  font-weight: 680;
  line-height: 1.55;
}

.advertise-format-art {
  min-height: 340px;
  padding: 30px;
  border-radius: 20px;
  display: grid;
  align-content: center;
  overflow: hidden;
  color: var(--advertise-ink);
  background: linear-gradient(145deg, var(--advertise-mint), #58cbb6);
}

.advertise-format-art span,
.advertise-format-art b {
  font-size: clamp(2.7rem, 5vw, 5.4rem);
  font-weight: 950;
  letter-spacing: -0.07em;
  line-height: 0.82;
}

.advertise-format-art > i {
  width: 66%;
  height: 13px;
  margin: 38px 0;
  border-radius: 999px;
  display: block;
  background: var(--advertise-ink);
  box-shadow: 0 28px 0 rgba(7, 7, 10, 0.32);
}

.advertise-format-art.is-audio {
  color: #ffffff;
  background: linear-gradient(145deg, #a550f4, #7136c3);
}

.advertise-format-art.is-audio b {
  justify-self: stretch;
  font-size: clamp(2.3rem, 3.7vw, 4.2rem);
}

.advertise-format-art.is-audio small {
  margin-top: 18px;
  color: rgba(255, 255, 255, 0.78);
  font-size: clamp(0.66rem, 0.9vw, 0.8rem);
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.advertise-wave {
  height: 86px;
  margin: 34px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  border: 2px solid var(--advertise-ink);
  border-radius: 999px;
  background: var(--advertise-lime);
}

.advertise-wave i {
  width: 8px;
  border-radius: 999px;
  background: var(--advertise-ink);
}

.advertise-wave i:nth-child(1), .advertise-wave i:nth-child(7) { height: 18px; }
.advertise-wave i:nth-child(2), .advertise-wave i:nth-child(6) { height: 32px; }
.advertise-wave i:nth-child(3), .advertise-wave i:nth-child(5) { height: 44px; }
.advertise-wave i:nth-child(4) { height: 58px; }

.advertise-format-grid ul,
.advertise-decisions aside ul {
  margin: 32px 0 0;
  padding: 0;
  list-style: none;
}

.advertise-format-grid li,
.advertise-decisions aside li {
  padding: 13px 0;
  border-top: 1px solid rgba(7, 7, 10, 0.28);
  font-size: 0.84rem;
  font-weight: 800;
}

.advertise-format-grid li {
  border-color: #34343d;
  color: #e4e1e9;
}

.advertise-audio-capabilities li {
  display: grid;
  gap: 5px;
}

.advertise-audio-capabilities strong {
  color: #ffffff;
  font-size: 0.9rem;
}

.advertise-audio-capabilities span {
  color: #aaa8b2;
  font-size: 0.8rem;
  font-weight: 650;
  line-height: 1.45;
}

.advertise-format-chooser {
  margin-top: 22px;
  padding: clamp(26px, 4vw, 48px);
  border: 1px solid #3b3b45;
  border-radius: 24px;
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(34px, 5vw, 58px);
  background: linear-gradient(135deg, #181820, #101014);
}

.advertise-format-chooser-copy {
  max-width: 920px;
  margin: 0 auto;
  text-align: center;
}

.advertise-format-chooser .advertise-card-kicker {
  margin-bottom: 18px;
}

.advertise-format-chooser h3 {
  margin: 0;
  font-size: clamp(2.3rem, 4vw, 4.3rem);
  letter-spacing: -0.05em;
  line-height: 0.92;
}

.advertise-format-chooser p:not(.advertise-card-kicker) {
  max-width: 620px;
  margin: 20px 0 0;
  color: #b9b5c0;
  line-height: 1.55;
}

.advertise-format-chooser-actions {
  width: min(100%, 850px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(22px, 4vw, 52px);
}

.advertise-path-action {
  min-width: 0;
  border-radius: 24px;
  display: grid;
  justify-items: center;
  gap: 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
}

.advertise-path-action-circle {
  width: clamp(128px, 13vw, 170px);
  aspect-ratio: 1;
  border: 2px solid rgba(255, 255, 255, 0.38);
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: clamp(1.25rem, 2vw, 1.8rem);
  font-weight: 950;
  letter-spacing: -0.035em;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.3);
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

.advertise-path-action.is-visual .advertise-path-action-circle {
  border-color: var(--advertise-lime);
  background: var(--advertise-lime);
  color: var(--advertise-ink);
}

.advertise-path-action.is-audio .advertise-path-action-circle {
  border-color: rgba(255, 255, 255, 0.78);
  background: #050509;
  color: #ffffff;
}

.advertise-path-action.is-roadmap .advertise-path-action-circle {
  border-color: #b373ff;
  background: linear-gradient(145deg, #a550f4, #6430b2);
  color: #ffffff;
}

.advertise-path-action strong {
  margin-top: 5px;
  font-size: clamp(1rem, 1.5vw, 1.18rem);
}

.advertise-path-action small {
  color: #aaa8b2;
  font-size: 0.78rem;
  font-weight: 700;
}

.advertise-path-action:hover .advertise-path-action-circle,
.advertise-path-action:focus-visible .advertise-path-action-circle {
  border-color: #ffffff;
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.38), 0 0 0 7px rgba(217, 255, 90, 0.13);
  transform: translateY(-7px) scale(1.025);
}

.advertise-path-action:focus-visible {
  outline: 3px solid var(--advertise-lime);
  outline-offset: 7px;
}

.advertise-program {
  position: relative;
  overflow: hidden;
  background: #e8e0ff;
}

.advertise-program::before,
.advertise-program::after {
  position: absolute;
  border: 2px solid var(--advertise-ink);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.advertise-program::before {
  top: 70px;
  right: -48px;
  width: 170px;
  height: 170px;
  background: var(--advertise-lime);
}

.advertise-program::after {
  bottom: 70px;
  left: -42px;
  width: 110px;
  height: 110px;
  background: var(--advertise-coral);
}

.advertise-program .advertise-shell {
  position: relative;
  z-index: 1;
}

.advertise-program-summary {
  margin-top: 42px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.advertise-program-summary span {
  padding: 10px 14px;
  border: 1px solid var(--advertise-ink);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.55);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.advertise-program-grid {
  margin-top: 38px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.advertise-program-grid article {
  position: relative;
  min-height: 390px;
  padding: clamp(28px, 3.7vw, 48px);
  border: 2px solid var(--advertise-ink);
  border-radius: 20px;
  background: var(--advertise-paper);
  box-shadow: 9px 10px 0 rgba(7, 7, 10, 0.12);
}

.advertise-program-grid article.is-eligibility {
  grid-column: 1 / -1;
  min-height: 0;
  background: #c7eadc;
}

.advertise-program-grid article.is-inventory { background: var(--advertise-mint); }
.advertise-program-grid article.is-audience { background: #f3eedf; }
.advertise-program-grid article.is-pricing { background: var(--advertise-blue); }
.advertise-program-grid article.is-frequency { background: var(--advertise-lime); }
.advertise-program-grid article.is-moderation { background: #f0c6bc; }
.advertise-program-grid article.is-refunds { background: #d8c6f5; }

.advertise-rule-number {
  position: absolute;
  top: 25px;
  right: 28px;
  font-size: 0.78rem;
  font-weight: 950;
}

.advertise-program-grid h3 {
  max-width: 590px;
  margin: 0;
  font-size: clamp(2rem, 3.4vw, 3.65rem);
  letter-spacing: -0.052em;
  line-height: 0.94;
}

.advertise-program-grid ul {
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

.advertise-program-grid li {
  padding: 13px 0;
  border-top: 1px solid rgba(7, 7, 10, 0.26);
  font-size: 0.86rem;
  font-weight: 740;
  line-height: 1.5;
}

.advertise-program-note {
  max-width: 760px;
  margin: 34px 0 0;
  padding-left: 16px;
  border-left: 2px solid var(--advertise-ink);
  color: rgba(7, 7, 10, 0.7);
  font-size: 0.78rem;
  font-weight: 730;
  line-height: 1.5;
}

.advertise-roadmap {
  padding: clamp(90px, 10vw, 150px) 0;
  background: var(--advertise-ink);
  color: #ffffff;
}

.advertise-section-heading.is-light .advertise-eyebrow { color: var(--advertise-violet); }
.advertise-section-heading.is-light > p:last-child { color: #aaa8b2; }

.advertise-roadmap-grid {
  margin: 68px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  list-style: none;
}

.advertise-roadmap-grid li {
  min-height: 330px;
  padding: 28px;
  border: 1px solid #34343d;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  background: #111116;
}

.advertise-roadmap-grid li:nth-child(2) { background: #18252b; }
.advertise-roadmap-grid li:nth-child(3) { background: #211a2d; }
.advertise-roadmap-grid li:nth-child(4) { background: #202413; }

.advertise-roadmap-grid span {
  color: var(--advertise-lime);
  font-size: 0.72rem;
  font-weight: 950;
}

.advertise-roadmap-grid strong {
  margin-top: auto;
  font-size: 1.55rem;
  letter-spacing: -0.035em;
}

.advertise-roadmap-grid p {
  margin: 15px 0 0;
  color: #aaa8b2;
  font-size: 0.86rem;
  line-height: 1.5;
}

.advertise-decisions {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 18%, rgba(116, 212, 232, 0.42) 0 7%, transparent 7.2%),
    radial-gradient(circle at 92% 82%, rgba(217, 255, 90, 0.48) 0 10%, transparent 10.2%),
    linear-gradient(122deg, #eee8ff 0%, #ded0ff 47%, #c9b4ff 100%);
}

.advertise-decisions-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
  align-items: center;
  gap: clamp(50px, 8vw, 120px);
}

.advertise-decisions-copy {
  position: relative;
  z-index: 1;
}

.advertise-decisions-copy .advertise-eyebrow {
  color: #4b1f78;
}

.advertise-decisions-copy h2 {
  max-width: 9.4ch;
}

.advertise-decisions-copy > p:last-of-type {
  max-width: 700px;
  margin: 30px 0 0;
  color: #3d3549;
  font-size: 1.02rem;
  line-height: 1.65;
}

.advertise-decisions-actions {
  margin-top: 34px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.advertise-decisions .advertise-care-card {
  position: relative;
  z-index: 1;
  padding: clamp(28px, 4vw, 44px);
  border: 2px solid var(--advertise-ink);
  border-radius: 24px;
  background:
    radial-gradient(circle at 88% 12%, rgba(165, 80, 244, 0.32), transparent 31%),
    var(--advertise-ink);
  color: #ffffff;
  box-shadow: 15px 17px 0 rgba(63, 33, 101, 0.2);
}

.advertise-care-kicker {
  margin: 0 0 12px;
  color: var(--advertise-blue);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.advertise-decisions .advertise-care-card > strong {
  display: block;
  max-width: 12ch;
  font-size: clamp(1.9rem, 3.2vw, 3.15rem);
  line-height: 0.96;
  letter-spacing: -0.045em;
}

.advertise-decisions .advertise-care-card ul {
  margin-top: 30px;
}

.advertise-decisions .advertise-care-card li {
  padding: 18px 0;
  border-color: rgba(255, 255, 255, 0.17);
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: start;
  gap: 14px;
}

.advertise-care-card li > span {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(217, 255, 90, 0.52);
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: var(--advertise-lime);
  font-size: 0.7rem;
  font-weight: 950;
}

.advertise-care-card li b,
.advertise-care-card li small {
  display: block;
}

.advertise-care-card li b {
  color: #ffffff;
  font-size: 0.92rem;
}

.advertise-care-card li small {
  margin-top: 5px;
  color: #c3c0ca;
  font-size: 0.76rem;
  font-weight: 650;
  line-height: 1.45;
}

.advertise-contact {
  background: var(--advertise-coral);
}

.advertise-contact-card {
  padding: clamp(32px, 5vw, 68px);
  border: 2px solid var(--advertise-ink);
  border-radius: 24px;
  display: grid;
  grid-template-columns: minmax(300px, 0.72fr) minmax(420px, 1.28fr);
  align-items: start;
  gap: 60px;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 15px 17px 0 rgba(7, 7, 10, 0.16);
}

.advertise-chat-note { font-weight: 760; }

.advertise-discussion-form,
.advertise-discussion-auth {
  min-width: 0;
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid rgba(7, 7, 10, 0.28);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.72);
}

.advertise-discussion-form { display: grid; gap: 18px; }
.advertise-discussion-form[hidden] { display: none; }
.advertise-discussion-form-heading { display: grid; gap: 7px; }
.advertise-discussion-form-heading .advertise-eyebrow { margin: 0; color: #6c3aa0; }
.advertise-discussion-form-heading strong { color: #17121c; font-size: clamp(1.12rem, 2vw, 1.45rem); line-height: 1.18; }
.advertise-discussion-form-heading small { max-width: 660px; color: #665d6a; font-size: 0.82rem; font-weight: 680; line-height: 1.5; }
.advertise-discussion-form input,
.advertise-discussion-form select,
.advertise-discussion-form textarea {
  border-color: rgba(7, 7, 10, 0.24);
  background: #fff;
}

.advertise-discussion-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.advertise-discussion-actions small { max-width: 270px; color: #6c5960; line-height: 1.4; }
.advertise-discussion-form > p { min-height: 20px; margin: 0; font-size: 0.8rem; font-weight: 800; }
.advertise-discussion-form > p.is-success { color: #17633d; }
.advertise-discussion-form > p.is-error { color: #922d34; }
.advertise-discussion-form > p.is-working { color: #5e35a3; }

.advertise-discussion-history { display: grid; gap: 10px; }
.advertise-discussion-history h3 { margin: 8px 0 0; font-size: 1.05rem; }
.advertise-discussion-history > p { margin: 0; color: #6b5f63; font-size: 0.82rem; }
.advertise-discussion-history article { padding: 14px; border: 1px solid #dfd1d3; border-radius: 14px; background: #fff; display: grid; gap: 6px; }
.advertise-discussion-history article > span { width: fit-content; padding: 4px 7px; border-radius: 999px; background: #ebe1f3; color: #613292; font-size: 0.65rem; font-weight: 900; text-transform: uppercase; }
.advertise-discussion-history article p,
.advertise-discussion-history article blockquote { margin: 0; font-size: 0.78rem; line-height: 1.5; }
.advertise-discussion-history article blockquote { padding: 10px 12px; border-left: 3px solid var(--advertise-violet); background: #f5eef9; display: grid; gap: 4px; }
.advertise-discussion-history article small { color: #71676a; }
.advertise-discussion-auth { display: grid; justify-items: start; gap: 14px; }
.advertise-discussion-auth.is-inline {
  padding: 15px 17px;
  border-color: rgba(97, 50, 146, 0.24);
  border-radius: 14px;
  gap: 4px;
  background: linear-gradient(120deg, rgba(242, 231, 253, 0.92), rgba(247, 251, 255, 0.92));
  box-shadow: none;
}
.advertise-discussion-auth.is-inline strong { color: #3f2160; }
.advertise-discussion-auth.is-inline small { color: #675a70; font-weight: 670; line-height: 1.45; }
.advertise-discussion-auth[hidden] { display: none; }

.preview-footer-inner.advertise-footer-grid {
  grid-template-columns: minmax(260px, 1.25fr) repeat(4, minmax(118px, 0.48fr));
  gap: clamp(24px, 3vw, 42px);
}

.advertise-footer-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.advertise-footer-build {
  flex: 0 0 auto;
  margin-inline-end: 74px;
  color: #777681;
  font-size: 0.68rem;
  letter-spacing: 0.045em;
  opacity: 0.58;
}

@media (max-width: 1040px) {
  .advertise-hero-grid,
  .advertise-decisions-grid {
    grid-template-columns: 1fr;
  }

  .advertise-hero-art {
    width: min(100%, 760px);
    margin: 0 auto;
  }

  .advertise-format-intro {
    grid-template-columns: 1fr;
  }

  .advertise-ad-wordmark {
    width: min(100%, 760px);
  }

  .advertise-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .advertise-feature-grid article:nth-child(3) {
    border-left: 0;
  }

  .advertise-feature-grid article:nth-child(n + 3) {
    border-top: 1px solid #34343d;
  }

  .advertise-roadmap-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .advertise-program-grid {
    grid-template-columns: 1fr;
  }

  .preview-footer-inner.advertise-footer-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 760px) {
  .advertise-shell {
    width: min(calc(100% - 28px), var(--content));
  }

  .advertise-hero {
    padding-top: 58px;
  }

  .advertise-hero h1 {
    font-size: clamp(3.4rem, 16vw, 5.4rem);
  }

  .advertise-campaign-showcase {
    border-radius: 20px;
    box-shadow: 10px 12px 0 rgba(7, 7, 10, 0.18);
  }

  .advertise-campaign-cover {
    min-height: 150px;
    padding: 24px;
    grid-template-columns: 1fr;
    align-items: end;
    gap: 16px;
  }

  .advertise-campaign-cover strong {
    font-size: clamp(3.1rem, 17vw, 5rem);
  }

  .advertise-campaign-cover small {
    max-width: 190px;
  }

  .advertise-campaign-line {
    width: 104px;
    margin-top: 94px;
  }

  .advertise-listener-panel {
    min-height: 162px;
  }

  .advertise-listener-panel svg {
    height: 170px;
    transform: translateY(15px);
  }

  .advertise-listener-panel:nth-child(2) svg { transform: translate(5px, 15px) rotate(3deg); }
  .advertise-listener-panel:nth-child(3) svg { transform: translate(-4px, 16px) rotate(-3deg); }
  .advertise-listener-panel:nth-child(4) svg { transform: translate(4px, 15px) rotate(4deg); }

  .advertise-campaign-caption {
    display: grid;
    gap: 8px;
  }

  .advertise-campaign-caption span:not(:last-child)::after {
    content: none;
  }

  .advertise-ad-wordmark {
    min-height: 320px;
    padding: 28px;
  }

  .advertise-feature-grid {
    grid-template-columns: 1fr;
  }

  .advertise-feature-grid article {
    min-height: 170px;
  }

  .advertise-feature-grid article + article,
  .advertise-feature-grid article:nth-child(3) {
    border-left: 0;
    border-top: 1px solid #34343d;
  }

  .advertise-format-grid article,
  .advertise-format-grid article.is-audio-format {
    min-height: 0;
    padding: 24px;
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .advertise-format-art {
    min-height: 280px;
  }

  .advertise-format-grid article.is-audio-format .advertise-format-art {
    order: -1;
  }

  .advertise-format-grid,
  .advertise-program-grid,
  .advertise-roadmap-grid,
  .advertise-contact-card,
  .advertise-format-chooser {
    grid-template-columns: 1fr;
  }

  .advertise-roadmap-grid li {
    min-height: 260px;
  }

  .advertise-format-chooser-actions { justify-content: flex-start; }

  .advertise-discussion-actions {
    display: grid;
    align-items: stretch;
    justify-content: stretch;
  }

  .advertise-discussion-actions .preview-button {
    width: 100%;
    justify-content: center;
  }

  .advertise-discussion-actions small {
    max-width: none;
  }

  .preview-footer-inner.advertise-footer-grid {
    grid-template-columns: 1fr;
  }

  .advertise-footer-meta {
    align-items: flex-start;
    flex-direction: column;
    gap: 7px;
  }

  .advertise-footer-build {
    margin-inline-end: 0;
  }
}

.advertise-intake {
  padding: clamp(82px, 9vw, 132px) 0;
  border-top: 1px solid #d8d2c8;
  background: #ffffff;
}

.advertise-intake .advertise-section-heading {
  margin-bottom: 38px;
}

.advertise-intake-auth {
  min-height: 190px;
  padding: 34px;
  border: 1px solid #d8d2c8;
  border-left: 5px solid var(--advertise-violet);
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 10px;
}

.advertise-intake-auth strong {
  font-size: clamp(1.35rem, 3vw, 2.1rem);
}

.advertise-intake-auth p {
  max-width: 680px;
  margin: 0;
  color: #5d5964;
  line-height: 1.55;
}

.advertise-intake-auth .preview-button {
  margin-top: 8px;
}

.advertise-intake-workspace {
  border-top: 4px solid var(--advertise-ink);
}

.advertise-intake-toolbar {
  padding: 22px 0;
  border-bottom: 1px solid #d8d2c8;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.advertise-intake-toolbar > div {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.advertise-intake-label {
  color: #77717f;
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.advertise-associate-entitlement {
  margin-top: 20px;
  padding: 22px;
  border: 1px solid rgba(216, 255, 90, 0.5);
  border-radius: 20px;
  display: grid;
  grid-template-columns: minmax(230px, 0.8fr) minmax(0, 1.7fr);
  align-items: center;
  gap: 24px;
  color: #ffffff;
  background:
    radial-gradient(circle at 92% 8%, rgba(116, 212, 232, 0.2), transparent 31%),
    linear-gradient(125deg, #0d0a14 0%, #1b1028 58%, #11151e 100%);
  box-shadow: 0 18px 42px rgba(7, 7, 10, 0.14);
}

.advertise-associate-entitlement[hidden] { display: none; }

.advertise-associate-summary {
  display: grid;
  gap: 7px;
}

.advertise-associate-summary > span,
.advertise-associate-badge {
  width: fit-content;
  padding: 5px 9px;
  border-radius: 999px;
  color: var(--advertise-ink);
  background: var(--advertise-lime);
  font-size: 0.65rem;
  font-style: normal;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.advertise-associate-summary strong {
  font-size: clamp(1.1rem, 2.2vw, 1.55rem);
  letter-spacing: -0.02em;
}

.advertise-associate-summary p {
  margin: 0;
  color: #c7c2ce;
  font-size: 0.78rem;
  line-height: 1.5;
}

.advertise-associate-entitlement dl {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.advertise-associate-entitlement dl > div {
  min-width: 0;
  min-height: 108px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 14px;
  display: grid;
  align-content: start;
  gap: 8px;
  background: rgba(255, 255, 255, 0.055);
}

.advertise-associate-entitlement dt {
  color: var(--advertise-mint);
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.advertise-associate-entitlement dd {
  margin: 0;
  color: #ffffff;
  font-size: 0.73rem;
  font-weight: 720;
  line-height: 1.45;
}

.advertise-identity-options label.is-associate-locked,
.advertise-tier-option.is-associate-locked {
  cursor: not-allowed;
  opacity: 0.38;
}

.advertise-associate-badge {
  margin-left: 8px;
  display: inline-flex;
  vertical-align: middle;
}

.advertise-builder-steps {
  margin: 24px 0 0;
  padding: 10px;
  border-radius: 22px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
  background: var(--advertise-ink);
  box-shadow: 0 18px 42px rgba(7, 7, 10, 0.12);
}

.advertise-builder-steps button {
  min-width: 0;
  min-height: 92px;
  padding: 13px 12px;
  border: 0;
  border-radius: 15px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-content: center;
  align-items: center;
  gap: 2px 9px;
  color: #aaa6b0;
  background: transparent;
  cursor: pointer;
  text-align: left;
  font: inherit;
  transition: color 160ms ease, background 160ms ease, transform 160ms ease;
}

.advertise-builder-steps button:hover,
.advertise-builder-steps button:focus-visible {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
}

.advertise-builder-steps button:focus-visible {
  outline: 3px solid var(--advertise-blue);
  outline-offset: 2px;
}

.advertise-builder-steps button > span {
  width: 31px;
  height: 31px;
  border: 1px solid #67636e;
  border-radius: 999px;
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  color: inherit;
  font-size: 0.68rem;
  font-weight: 950;
}

.advertise-builder-steps button strong {
  overflow: hidden;
  color: inherit;
  font-size: 0.81rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.advertise-builder-steps button small {
  overflow: hidden;
  color: inherit;
  font-size: 0.67rem;
  opacity: 0.72;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.advertise-builder-steps button.is-complete {
  color: #ffffff;
}

.advertise-builder-steps button.is-complete > span {
  border-color: var(--advertise-mint);
  color: var(--advertise-ink);
  background: var(--advertise-mint);
}

.advertise-builder-steps button.is-current {
  color: var(--advertise-ink);
  background: var(--advertise-lime);
  box-shadow: 0 10px 26px rgba(217, 255, 90, 0.2);
}

.advertise-builder-steps button.is-current > span {
  border-color: var(--advertise-ink);
  background: #ffffff;
}

.advertise-intake-form {
  display: grid;
}

.advertise-intake-section {
  min-height: 420px;
  margin: 24px 0 0;
  padding: clamp(25px, 4vw, 42px);
  border: 1px solid #d8d2c8;
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 22px 58px rgba(7, 7, 10, 0.08);
}

.advertise-intake-section[hidden] {
  display: none;
}

.advertise-intake-section legend {
  width: 100%;
  margin: 0 0 22px;
  padding: 0;
  display: grid;
  gap: 7px;
}

.advertise-intake-section legend > span {
  font-size: clamp(1.25rem, 2.4vw, 1.8rem);
  font-weight: 950;
  letter-spacing: -0.025em;
}

.advertise-intake-section legend > small {
  max-width: 760px;
  color: #66606c;
  font-size: 0.83rem;
  font-weight: 680;
  line-height: 1.5;
}

.advertise-identity-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.advertise-identity-options label {
  min-width: 0;
  cursor: pointer;
}

.advertise-identity-options input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.advertise-identity-options label > span {
  min-height: 142px;
  padding: 21px;
  border: 1px solid #d8d2c8;
  border-radius: 16px;
  display: grid;
  align-content: center;
  gap: 8px;
  background: #faf9f7;
}

.advertise-identity-options label > span strong {
  font-size: 1.04rem;
}

.advertise-identity-options label > span small {
  color: #66606c;
  font-size: 0.78rem;
  line-height: 1.5;
}

.advertise-identity-options input:checked + span {
  border-color: var(--advertise-violet);
  background: #f7efff;
  box-shadow: inset 0 0 0 2px var(--advertise-violet);
}

.advertise-identity-options input:focus-visible + span {
  outline: 3px solid rgba(116, 212, 232, 0.65);
  outline-offset: 3px;
}

.advertise-eligibility-agreements {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.advertise-eligibility-agreements label {
  min-width: 0;
  padding: 18px;
  border: 1px solid #d8d2c8;
  border-radius: 14px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
  background: #ffffff;
}

.advertise-eligibility-agreements input {
  width: 20px;
  height: 20px;
  margin: 1px 0 0;
  flex: 0 0 auto;
  accent-color: var(--advertise-violet);
}

.advertise-eligibility-agreements label > span {
  display: grid;
  gap: 4px;
}

.advertise-eligibility-agreements strong {
  font-size: 0.86rem;
}

.advertise-eligibility-agreements small {
  color: #66606c;
  font-size: 0.74rem;
  line-height: 1.45;
}

.advertise-tier-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  gap: 14px;
}

.advertise-tier-option {
  min-width: 0;
  display: flex;
  cursor: pointer;
}

.advertise-tier-option input,
.advertise-format-options input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.advertise-tier-option > span {
  width: 100%;
  min-height: 390px;
  padding: 22px;
  border: 1px solid #d8d2c8;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  background: #faf9f7;
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.advertise-tier-option:hover > span {
  transform: translateY(-3px);
  border-color: #bcb3c8;
  box-shadow: 0 18px 34px rgba(16, 11, 24, 0.08);
}

.advertise-tier-option input:checked + span {
  border-color: var(--advertise-violet);
  box-shadow: inset 0 0 0 2px var(--advertise-violet);
  background: linear-gradient(155deg, #f8f0ff 0%, #f6f1fb 48%, #f4faf7 100%);
}

.advertise-tier-option input:focus-visible + span,
.advertise-format-options input:focus-visible + span {
  outline: 3px solid rgba(116, 212, 232, 0.65);
  outline-offset: 3px;
}

.advertise-tier-kicker {
  align-self: flex-start;
  padding: 5px 9px 4px;
  border: 1px solid #d9cce8;
  border-radius: 999px;
  color: #5e35a3;
  background: #f5effb;
  font-size: 0.64rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.advertise-tier-title {
  font-size: clamp(1.08rem, 1.4vw, 1.35rem);
  line-height: 1.08;
}

.advertise-tier-purpose {
  min-height: 52px;
  color: #66606c;
  font-size: 0.79rem;
  line-height: 1.45;
}

.advertise-tier-allowance {
  padding: 11px 12px;
  border-radius: 10px;
  color: #48247f;
  background: #eee4fa;
  font-size: 0.79rem;
  font-weight: 900;
  line-height: 1.25;
}

.advertise-tier-features {
  display: grid;
  gap: 0;
  margin: 2px 0 0;
  padding: 0;
  list-style: none;
}

.advertise-tier-features li {
  position: relative;
  display: grid;
  gap: 3px;
  padding: 11px 0 11px 18px;
  border-top: 1px solid #dfd9e4;
}

.advertise-tier-features li::before {
  content: "";
  position: absolute;
  top: 17px;
  left: 1px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--advertise-lime);
  box-shadow: 0 0 0 3px rgba(207, 255, 76, 0.23);
}

.advertise-tier-features b {
  color: #17121c;
  font-size: 0.74rem;
  line-height: 1.25;
}

.advertise-tier-features span {
  color: #625b68;
  font-size: 0.74rem;
  line-height: 1.42;
}

.advertise-tier-clarity {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-top: 16px;
  overflow: hidden;
  border: 1px solid #dcd4e4;
  border-radius: 14px;
  background: #dcd4e4;
}

.advertise-tier-clarity > span {
  display: grid;
  align-content: start;
  gap: 5px;
  min-width: 0;
  padding: 15px 17px;
  background: #f6f3f8;
}

.advertise-tier-clarity strong {
  color: #5e35a3;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.advertise-tier-clarity small {
  color: #615a67;
  font-size: 0.73rem;
  line-height: 1.42;
}

.advertise-field-grid,
.advertise-creative-grid {
  display: grid;
  gap: 18px;
}

.advertise-field-grid.is-two-column,
.advertise-creative-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.advertise-field-grid.is-schedule {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.advertise-field-grid label,
.advertise-creative-grid label {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 8px;
}

.advertise-field-grid label.is-wide,
.advertise-creative-grid label.is-wide {
  grid-column: 1 / -1;
}

.advertise-destination-field {
  grid-column: 1 / -1;
  min-width: 0;
  display: grid;
  gap: 8px;
}

.advertise-destination-field > label:first-child > span {
  color: #4f4a54;
  font-size: 0.78rem;
  font-weight: 850;
}

.advertise-destination-input-shell {
  position: relative;
  min-width: 0;
}

.advertise-field-grid .advertise-destination-input-shell > input {
  padding-right: 98px;
}

.advertise-destination-input-shell > button {
  position: absolute;
  top: 7px;
  right: 7px;
  min-width: 76px;
  min-height: 34px;
  padding: 7px 11px;
  border: 1px solid #17131c;
  border-radius: 8px;
  background: #17131c;
  color: #fff;
  cursor: pointer;
  font: 850 0.72rem/1 sans-serif;
}

.advertise-destination-input-shell > button[hidden] { display: none; }
.advertise-destination-input-shell > button:disabled { cursor: wait; opacity: 0.62; }
.advertise-destination-input-shell > button.is-verified {
  min-width: 38px;
  border-color: #08725c;
  background: #08725c;
  color: #fff;
  font-size: 1rem;
}
.advertise-destination-input-shell > button:focus-visible { outline: 3px solid rgba(165, 80, 244, 0.28); outline-offset: 2px; }

.advertise-destination-status {
  margin: 0;
  color: #69616e;
  font-size: 0.74rem;
  line-height: 1.45;
}
.advertise-destination-status.is-working { color: #5e35a3; font-weight: 800; }
.advertise-destination-status.is-success { color: #08725c; font-weight: 850; }
.advertise-destination-status.is-error { color: #a82035; font-weight: 850; }

.advertise-destination-reference {
  padding: 11px 12px;
  border: 1px solid #aad8c8;
  border-radius: 12px;
  background: #e8f6f1;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 10px;
}
.advertise-destination-reference[hidden] { display: none; }
.advertise-field-grid .advertise-destination-reference > input {
  width: 18px;
  min-height: 18px;
  margin: 2px 0 0;
  padding: 0;
}
.advertise-destination-reference > span { display: grid; gap: 3px; }
.advertise-destination-reference strong { color: #075f4d; font-size: 0.77rem; }
.advertise-destination-reference small { color: #386e61; font-size: 0.7rem; line-height: 1.4; }

.advertise-objective-field {
  grid-column: 1 / -1;
  min-width: 0;
  display: grid;
  gap: 9px;
}

.advertise-objective-field > label > span {
  color: #28222d;
  font-size: 0.75rem;
  font-weight: 900;
}

.advertise-objective-field textarea {
  width: 100%;
  min-height: 116px;
  padding: 13px 14px;
  border: 1px solid #d8d2dc;
  border-radius: 10px;
  background: #fff;
  color: #19141d;
  font: inherit;
  line-height: 1.45;
  resize: vertical;
}

.advertise-objective-field textarea:focus {
  outline: none;
  border-color: var(--advertise-violet);
  box-shadow: 0 0 0 3px rgba(165, 80, 244, 0.13);
}

.advertise-objective-guidance {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.advertise-objective-guidance > span {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid #e0d9e5;
  border-radius: 11px;
  background: #f8f5fa;
  display: grid;
  gap: 3px;
}

.advertise-objective-guidance strong {
  color: #5e35a3;
  font-size: 0.69rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.advertise-objective-guidance small {
  color: #645d69;
  font-size: 0.72rem;
  line-height: 1.4;
}

.advertise-objective-feedback {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 14px;
  border: 1px solid transparent;
  border-radius: 13px;
}

.advertise-objective-guidance[hidden],
.advertise-objective-feedback[hidden] { display: none; }

.advertise-objective-feedback.is-required { border-color: #efb0bb; background: #fff0f3; color: #8b172a; }
.advertise-objective-feedback.is-advisory { border-color: #e3c985; background: #fff8df; color: #65480b; }
.advertise-objective-feedback.is-ready { border-color: #9cd4c4; background: #e8f6f1; color: #075f4d; }

.advertise-objective-feedback p {
  margin: 0;
  color: inherit;
  font-size: 0.8rem;
  font-weight: 760;
  line-height: 1.4;
}

.advertise-objective-feedback .preview-button { flex: 0 0 auto; }
.advertise-objective-dismiss {
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid currentColor;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: 800 1rem/1 sans-serif;
}
.advertise-objective-dismiss:hover,
.advertise-objective-dismiss:focus-visible { background: rgba(255, 255, 255, 0.72); outline: 2px solid currentColor; outline-offset: 2px; }

.advertise-field-grid label > span,
.advertise-creative-grid label > span {
  color: #4f4a54;
  font-size: 0.78rem;
  font-weight: 850;
}

.advertise-field-grid input,
.advertise-field-grid select,
.advertise-field-grid textarea,
.advertise-creative-grid input,
.advertise-creative-grid textarea {
  width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid #cfc8d6;
  border-radius: 6px;
  background: #ffffff;
  color: var(--advertise-ink);
  font: inherit;
}

.advertise-field-grid textarea,
.advertise-creative-grid textarea {
  resize: vertical;
}

.advertise-field-grid input:focus,
.advertise-field-grid select:focus,
.advertise-field-grid textarea:focus,
.advertise-creative-grid input:focus,
.advertise-creative-grid textarea:focus {
  border-color: var(--advertise-violet);
  outline: 2px solid rgba(165, 80, 244, 0.18);
}

.advertise-creative-grid small {
  color: #6f6974;
  line-height: 1.45;
}

.advertise-character-count {
  display: block;
  justify-self: end;
  margin-top: -3px;
  color: #77717f;
  font-size: 0.66rem;
  font-variant-numeric: tabular-nums;
  font-weight: 750;
  line-height: 1;
}
.advertise-character-count.is-near-limit { color: #7e5400; }
.advertise-character-count.is-at-limit { color: #a82035; }
.advertise-line-input-shell > .advertise-character-count {
  margin: -2px 4px 0 auto;
}

.advertise-format-options {
  margin-bottom: 22px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.advertise-format-options label {
  cursor: pointer;
}

.advertise-format-options label > span {
  min-width: 190px;
  min-height: 66px;
  padding: 12px 15px;
  border: 1px solid #d8d2c8;
  border-radius: 8px;
  display: grid;
  gap: 3px;
  background: #faf9f7;
}

.advertise-format-options input:checked + span {
  border-color: var(--advertise-ink);
  background: var(--advertise-ink);
  color: #ffffff;
}

.advertise-format-options small {
  color: inherit;
  opacity: 0.72;
}

.advertise-capacity-preview {
  margin-top: 22px;
  padding: 18px;
  border: 1px solid #d8d2c8;
  border-radius: 8px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  background: #f6f4f9;
}

.advertise-capacity-preview span {
  display: grid;
  gap: 3px;
  color: #66606c;
  font-size: 0.76rem;
}

.advertise-capacity-preview strong {
  color: var(--advertise-ink);
  font-size: 1.45rem;
}

.advertise-capacity-preview > small {
  grid-column: 1 / -1;
  color: #66606c;
  line-height: 1.5;
}

.advertise-policy-acceptance {
  margin-top: 22px;
  padding: 20px;
  border: 1px solid #d8d2c8;
  border-radius: 14px;
  display: grid;
  gap: 14px;
  background: #faf9f7;
}

.advertise-policy-acceptance label {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  cursor: pointer;
  color: #4f4a54;
  font-size: 0.84rem;
  line-height: 1.5;
}

.advertise-policy-acceptance input {
  width: 19px;
  height: 19px;
  margin: 2px 0 0;
  border: 1px solid #aaa2b0;
  background: #ffffff;
  accent-color: var(--advertise-violet);
}

.advertise-intake-submit-row {
  padding: 22px 0 38px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
}

.advertise-intake-submit-row p {
  margin: 0;
  color: #66606c;
  font-size: 0.84rem;
}

.advertise-intake-submit-row p.is-success { color: #08725c; }
.advertise-intake-submit-row p.is-error { color: #b42b3b; }

.advertise-intake-submit-row .preview-button.subtle {
  border-color: #d8d2c8;
  color: var(--advertise-ink);
  background: #ffffff;
}

.advertise-intake-submit-row .preview-button.subtle:hover:not(:disabled),
.advertise-intake-submit-row .preview-button.subtle:focus-visible:not(:disabled) {
  border-color: var(--advertise-ink);
  background: #f4f1eb;
}

.advertise-intake-submit-row .preview-button:disabled {
  cursor: not-allowed;
  opacity: 0.38;
}

.advertise-review-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.advertise-review-summary article {
  min-width: 0;
  min-height: 126px;
  padding: 19px;
  border: 1px solid #d8d2c8;
  border-radius: 14px;
  display: grid;
  align-content: center;
  gap: 5px;
  background: #ffffff;
}

.advertise-review-summary span {
  color: #77717f;
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.advertise-review-summary strong {
  overflow: hidden;
  font-size: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.advertise-review-summary small {
  overflow: hidden;
  color: #66606c;
  font-size: 0.76rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.advertise-saved-media,
.advertise-request-history {
  padding: 34px 0 0;
  border-top: 4px solid var(--advertise-ink);
}

.advertise-saved-media {
  margin-top: 8px;
  padding-bottom: 34px;
}

.advertise-saved-media > div:first-child {
  display: grid;
  gap: 7px;
}

.advertise-saved-media h3,
.advertise-request-history h3 {
  margin: 0 0 22px;
  font-size: 1.8rem;
}

.advertise-saved-media > div:first-child > p:last-child {
  max-width: 760px;
  margin: -14px 0 20px;
  color: #66606c;
  line-height: 1.5;
}

.advertise-request-history > div:first-child > p:last-child {
  max-width: 780px;
  margin: -14px 0 24px;
  color: #66606c;
  line-height: 1.55;
}

.advertise-report-empty {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 18px 28px;
}

.advertise-report-empty p {
  flex: 1 1 380px;
  margin: 0;
}

.advertise-saved-media-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.advertise-saved-media-card {
  min-width: 0;
  padding: 18px;
  border: 1px solid #d8d2c8;
  border-radius: 16px;
  display: grid;
  gap: 13px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(35, 27, 43, 0.07);
}

.advertise-saved-media-card > div:first-child {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.advertise-saved-media-card strong,
.advertise-saved-media-card small {
  overflow-wrap: anywhere;
}

.advertise-saved-media-card small,
.advertise-saved-media-card p {
  color: #66606c;
  font-size: 0.76rem;
  line-height: 1.45;
}

.advertise-saved-media-card audio {
  width: 100%;
}

.advertise-saved-media-card p {
  margin: 0;
}

.advertise-saved-media-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.advertise-saved-media-actions .preview-button {
  min-height: 38px;
  padding: 9px 13px;
}

.advertise-request-row {
  padding: 18px 0;
  border-top: 1px solid #d8d2c8;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px 24px;
}

.advertise-request-row > div {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 5px;
}

.advertise-request-row > div:nth-child(2) {
  text-align: right;
}

.advertise-request-row small,
.advertise-request-row p,
.advertise-empty-state {
  color: #66606c;
  line-height: 1.45;
}

.advertise-request-row p {
  grid-column: 1 / -1;
  margin: 0;
  padding: 12px;
  border-left: 3px solid var(--advertise-coral);
  background: #fff2ee;
}

.advertise-request-status {
  width: fit-content;
  padding: 4px 7px;
  border-radius: 999px;
  background: #ece8f0;
  color: #4f4a54;
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.advertise-request-status.is-approved { background: #d8f7ec; color: #08725c; }
.advertise-request-status.is-rejected { background: #ffe1e6; color: #a82035; }
.advertise-request-status.is-changes_requested { background: #fff0cf; color: #7e5400; }
.advertise-request-status.is-paused { background: #f1e7ff; color: #62418a; }

@media (max-width: 980px) {
  .advertise-tier-grid,
  .advertise-field-grid.is-schedule {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .advertise-builder-steps {
    overflow-x: auto;
    grid-template-columns: repeat(6, minmax(154px, 1fr));
    scrollbar-width: thin;
    scrollbar-color: var(--advertise-violet) var(--advertise-ink);
  }
}

@media (max-width: 680px) {
  .advertise-intake-toolbar,
  .advertise-identity-options,
  .advertise-eligibility-agreements,
  .advertise-tier-grid,
  .advertise-field-grid.is-two-column,
  .advertise-field-grid.is-schedule,
  .advertise-creative-grid,
  .advertise-saved-media-grid,
  .advertise-capacity-preview,
  .advertise-review-summary,
  .advertise-request-row {
    grid-template-columns: 1fr;
  }

  .advertise-tier-option > span {
    min-height: 0;
  }

  .advertise-tier-purpose {
    min-height: 0;
  }

  .advertise-tier-clarity {
    grid-template-columns: 1fr;
  }

  .advertise-objective-guidance {
    grid-template-columns: 1fr;
  }

  .advertise-objective-feedback {
    align-items: stretch;
    flex-direction: column;
  }

  .advertise-objective-feedback .preview-button {
    width: 100%;
  }

  .advertise-associate-entitlement,
  .advertise-associate-entitlement dl {
    grid-template-columns: 1fr;
  }

  .advertise-associate-entitlement {
    padding: 18px;
  }

  .advertise-associate-entitlement dl > div {
    min-height: 0;
  }

  .advertise-builder-steps {
    margin-inline: -6px;
    padding: 8px;
    border-radius: 17px;
    grid-template-columns: repeat(6, 142px);
  }

  .advertise-builder-steps button {
    min-height: 78px;
    padding: 10px;
  }

  .advertise-intake-section {
    min-height: 0;
    margin-top: 18px;
    padding: 22px 18px;
    border-radius: 17px;
  }

  .advertise-capacity-preview > small,
  .advertise-request-row p {
    grid-column: 1;
  }

  .advertise-request-row > div:nth-child(2) {
    text-align: left;
  }

  .advertise-intake-submit-row {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .advertise-intake-submit-row .preview-button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .advertise-page *,
  .advertise-page *::before,
  .advertise-page *::after {
    scroll-behavior: auto !important;
  }
}

.advertise-voice-composer {
  grid-column: 1 / -1;
  min-width: 0;
  padding: clamp(18px, 3vw, 30px);
  border: 1px solid #d7cfdd;
  border-radius: 22px;
  background: linear-gradient(145deg, #ffffff 0%, #f7f2fb 100%);
  display: grid;
  gap: 22px;
}

.advertise-voice-composer > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.advertise-voice-composer > header > div:first-child {
  display: grid;
  gap: 5px;
}

.advertise-voice-composer > header span,
.advertise-speaker-card header span {
  color: #74528f;
  font-size: 0.69rem;
  font-weight: 950;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.advertise-voice-composer > header strong { font-size: clamp(1.05rem, 2vw, 1.35rem); }
.advertise-voice-composer > header small { color: #6c6471; line-height: 1.45; }

.advertise-composer-duration {
  min-width: 128px;
  padding: 12px 14px;
  border-radius: 15px;
  background: #ece5f3;
  display: grid;
  gap: 2px;
  text-align: right;
}

.advertise-composer-duration strong { font-size: 1.35rem; }
.advertise-composer-duration span { color: #675d6d; font-size: 0.68rem; font-weight: 800; }
.advertise-composer-duration.is-ready { background: #dcf8ed; color: #08725c; }
.advertise-composer-duration.is-short { background: #fff0cf; color: #7e5400; }
.advertise-composer-duration.is-long { background: #ffe1e6; color: #a82035; }

.advertise-creative-mode-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.advertise-creative-mode-options label {
  min-width: 0;
  cursor: pointer;
}

.advertise-creative-mode-options input {
  position: absolute;
  width: 1px;
  min-height: 1px;
  padding: 0;
  border: 0;
  opacity: 0;
  pointer-events: none;
}

.advertise-creative-mode-options label > span {
  min-height: 84px;
  padding: 14px;
  border: 1px solid #d7cfdd;
  border-radius: 15px;
  background: #fff;
  display: grid;
  align-content: center;
  gap: 4px;
  transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.advertise-creative-mode-options input:checked + span {
  border-color: var(--advertise-violet);
  box-shadow: 0 0 0 3px rgba(165, 80, 244, 0.13);
  transform: translateY(-1px);
}

.advertise-creative-mode-options strong { font-size: 0.88rem; }
.advertise-creative-mode-options small { color: #6c6471; font-size: 0.72rem; line-height: 1.35; }

.advertise-speaker-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.advertise-speaker-card {
  min-width: 0;
  padding: 17px;
  border: 1px solid #d9d0df;
  border-radius: 18px;
  background: #fff;
  display: grid;
  gap: 12px;
}

.advertise-speaker-card header { display: grid; gap: 3px; }
.advertise-speaker-card label { display: grid; gap: 6px; }
.advertise-speaker-card label > span { font-size: 0.72rem; font-weight: 900; }
.advertise-speaker-card input,
.advertise-speaker-card select,
.advertise-line-row textarea,
.advertise-uploaded-audio input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  border: 1px solid #cfc5d5;
  border-radius: 11px;
  background: #fff;
  color: #17131a;
}

.advertise-speaker-card input,
.advertise-speaker-card select { min-height: 42px; padding: 9px 11px; }
.advertise-speaker-card p { margin: 0; color: #625b67; font-size: 0.76rem; line-height: 1.45; }

.advertise-ai-recommendation {
  padding: 11px;
  border: 1px solid rgba(130, 63, 202, 0.25);
  border-radius: 13px;
  background: linear-gradient(135deg, #f5effb, #eef9f8);
  display: grid;
  gap: 7px;
}

.advertise-ai-recommendation > span {
  color: #74429e;
  font-size: 0.66rem;
  font-weight: 950;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.advertise-ai-recommendation > button {
  min-height: 39px;
  padding: 7px 9px;
  border: 1px solid #bda7cf;
  border-radius: 11px;
  background: #fff;
  color: #281c30;
  cursor: pointer;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1px 8px;
  text-align: left;
}

.advertise-ai-recommendation > button strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.advertise-ai-recommendation > button small { color: #6c6071; font-size: 0.66rem; font-weight: 800; }
.advertise-ai-recommendation > button b { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: #6e35a0; font-size: 0.7rem; }
.advertise-ai-recommendation > button:hover,
.advertise-ai-recommendation > button:focus-visible { border-color: var(--advertise-violet); box-shadow: 0 0 0 3px rgba(165, 80, 244, 0.12); }
.advertise-ai-recommendation > p { font-size: 0.7rem; }

.advertise-voice-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.advertise-voice-facts span,
.advertise-request-speakers span {
  padding: 5px 7px;
  border-radius: 999px;
  background: #eee8f2;
  color: #5e5265;
  font-size: 0.67rem;
  font-weight: 800;
}

.advertise-voice-preview {
  width: fit-content;
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid #bda8cb;
  border-radius: 999px;
  background: #fff;
  color: #5e35a3;
  font-weight: 900;
  cursor: pointer;
}

.advertise-voice-preview:disabled { opacity: 0.55; cursor: default; }

.advertise-speaker-voice-heading {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.advertise-speaker-voice-heading > span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.advertise-inline-voice-preview {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid #bda8cb;
  border-radius: 999px;
  background: #fff;
  color: #6438a4;
  display: inline-grid;
  place-items: center;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(77, 45, 112, 0.12);
}

.advertise-inline-voice-preview:hover,
.advertise-inline-voice-preview:focus-visible,
.advertise-inline-voice-preview[aria-pressed="true"] {
  border-color: #8d55cf;
  background: #f2e8ff;
  color: #422064;
  outline: none;
}

.advertise-inline-voice-preview:disabled {
  opacity: 0.5;
  cursor: default;
  box-shadow: none;
}

.advertise-speaker-voice-heading {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.advertise-speaker-voice-heading > span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.advertise-inline-voice-preview {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid #bda8cb;
  border-radius: 999px;
  background: #fff;
  color: #6438a4;
  display: inline-grid;
  place-items: center;
  cursor: pointer;
  box-shadow: 0 5px 14px rgba(81, 52, 111, 0.08);
}

.advertise-inline-voice-preview:hover,
.advertise-inline-voice-preview:focus-visible,
.advertise-inline-voice-preview[aria-pressed="true"] {
  border-color: var(--advertise-violet);
  background: #f3eafd;
  box-shadow: 0 0 0 3px rgba(165, 80, 244, 0.14);
}

.advertise-inline-voice-preview:disabled {
  opacity: 0.55;
  cursor: default;
}

.advertise-line-editor {
  padding: 16px;
  border: 1px solid #d9d0df;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.75);
  display: grid;
  gap: 12px;
}

.advertise-line-editor > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.advertise-line-editor > header > div { display: grid; gap: 3px; }
.advertise-line-editor > header small { color: #6c6471; line-height: 1.4; }
.advertise-line-editor > div { display: grid; gap: 9px; }

.advertise-ai-context {
  padding: 10px 11px;
  border: 1px solid #e0d7e5;
  border-radius: 13px;
  background: #faf7fc;
}

.advertise-ai-context-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.advertise-ai-context-heading > span { display: grid; gap: 1px; }
.advertise-ai-context-heading strong { font-size: 0.72rem; }
.advertise-ai-context-heading small { color: #716876; font-size: 0.65rem; }
.advertise-ai-context-heading > button {
  padding: 5px 8px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #673890;
  font-size: 0.66rem;
  font-weight: 900;
  cursor: pointer;
}

.advertise-ai-context-heading > button:hover,
.advertise-ai-context-heading > button:focus-visible { background: #eee5f5; outline: none; }

.advertise-ai-context-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.advertise-ai-context-pills > span,
.advertise-ai-context-pills > button {
  min-height: 30px;
  padding: 5px 8px;
  border: 1px solid #d7c9df;
  border-radius: 999px;
  background: #fff;
  color: #4f4057;
  font-size: 0.66rem;
  font-weight: 850;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.advertise-ai-context-pills > span.is-required { border-color: #d6c5e5; background: #eee6f5; color: #62398a; }
.advertise-ai-context-pills > button { max-width: min(100%, 260px); cursor: pointer; }
.advertise-ai-context-pills > button span { flex: 0 0 auto; }
.advertise-ai-context-pills > button small { overflow: hidden; color: #776d7b; font-size: 0.62rem; text-overflow: ellipsis; white-space: nowrap; }
.advertise-ai-context-pills > button b { color: #8c759a; font-size: 0.78rem; }
.advertise-ai-context-pills > button:hover,
.advertise-ai-context-pills > button:focus-visible { border-color: var(--advertise-violet); outline: none; box-shadow: 0 0 0 2px rgba(165, 80, 244, 0.1); }
.advertise-ai-context-pills > em { align-self: center; color: #776d7b; font-size: 0.66rem; font-style: normal; }
.advertise-ai-context .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.advertise-line-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(92px, 0.18fr) minmax(0, 1fr) auto;
  align-items: start;
  gap: 9px;
}

.advertise-line-speaker {
  min-height: 42px;
  padding: 9px 10px;
  border-radius: 11px;
  background: #ebe1f3;
  color: #64329a;
  font-size: 0.72rem;
  font-weight: 950;
  display: flex;
  align-items: center;
}

.advertise-line-speaker.is-speaker_2 { background: #def3f5; color: #24616b; }
.advertise-line-input-shell { min-width: 0; position: relative; display: grid; gap: 7px; }
.advertise-line-row textarea { min-height: 72px; padding: 11px 112px 11px 11px; resize: vertical; line-height: 1.45; }
.advertise-line-row textarea:focus { border-color: var(--advertise-violet); outline: none; box-shadow: 0 0 0 3px rgba(165, 80, 244, 0.12); }

.advertise-ai-assist-button {
  position: absolute;
  top: 8px;
  right: 8px;
  min-height: 31px;
  padding: 6px 9px;
  border: 1px solid #bfa7cf;
  border-radius: 999px;
  background: #f5eefb;
  color: #643495;
  font-size: 0.68rem;
  font-weight: 950;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.advertise-ai-assist-button span { color: #a550f4; font-size: 0.88rem; }
.advertise-ai-assist-button:hover,
.advertise-ai-assist-button:focus-visible { border-color: var(--advertise-violet); outline: none; box-shadow: 0 0 0 3px rgba(165, 80, 244, 0.12); }
.advertise-ai-assist-button:disabled { opacity: 0.55; cursor: default; box-shadow: none; }
.advertise-ai-assist-button.is-working span { animation: advertise-ai-pulse 900ms ease-in-out infinite alternate; }

@keyframes advertise-ai-pulse {
  from { opacity: 0.4; transform: scale(0.86); }
  to { opacity: 1; transform: scale(1.08); }
}

.advertise-ai-choice {
  padding: 10px;
  border: 1px solid #d7c7e2;
  border-radius: 12px;
  background: #f7f2fa;
  display: grid;
  gap: 7px;
}

.advertise-ai-choice > strong { font-size: 0.72rem; }
.advertise-ai-choice > span { display: flex; flex-wrap: wrap; gap: 6px; }
.advertise-ai-choice button {
  min-height: 32px;
  padding: 6px 9px;
  border: 1px solid #c2abcd;
  border-radius: 999px;
  background: #fff;
  color: #523065;
  font-size: 0.67rem;
  font-weight: 900;
  cursor: pointer;
}
.advertise-ai-choice button:hover,
.advertise-ai-choice button:focus-visible { border-color: var(--advertise-violet); outline: none; }
.advertise-ai-choice button.is-cancel { border-color: transparent; background: transparent; color: #766b7b; }

.advertise-ai-line-message {
  margin: 0;
  padding: 8px 10px;
  border-radius: 10px;
  background: #f2ecf6;
  color: #5d5064;
  font-size: 0.68rem;
  line-height: 1.4;
}
.advertise-ai-line-message.is-success { background: #e8f5ef; color: #255e48; }
.advertise-ai-line-message.is-warning { background: #fff1d6; color: #7a5412; }
.advertise-ai-line-message.is-error { background: #fbe6eb; color: #8c2942; }
.advertise-ai-line-message.is-working { background: #eee5f7; color: #673a8d; }
.advertise-line-actions { display: flex; gap: 4px; }
.advertise-line-actions button {
  width: 31px;
  height: 31px;
  border: 1px solid #d4cbd9;
  border-radius: 9px;
  background: #fff;
  color: #4f3a59;
  font-weight: 900;
  cursor: pointer;
}
.advertise-line-actions button:disabled { opacity: 0.35; cursor: default; }

.advertise-generation-readiness {
  padding: 13px 15px;
  border-left: 3px solid var(--advertise-violet);
  border-radius: 0 12px 12px 0;
  background: #f0e7f8;
  display: grid;
  gap: 3px;
}
.advertise-generation-readiness strong { font-size: 0.82rem; }
.advertise-generation-readiness span { color: #675d6d; font-size: 0.74rem; line-height: 1.45; }
.advertise-uploaded-audio { display: grid; gap: 7px; }

.advertise-music-bed {
  padding: 17px;
  border: 1px solid #d8cbe2;
  border-radius: 18px;
  background: linear-gradient(140deg, #fff 0%, #f2ecf8 100%);
  display: grid;
  gap: 16px;
}

.advertise-music-bed > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.advertise-music-bed > header > div {
  display: grid;
  gap: 3px;
}

.advertise-music-bed > header > div > span {
  color: #74528f;
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.advertise-music-bed > header strong { font-size: 0.94rem; }
.advertise-music-bed > header small { max-width: 620px; color: #6c6471; font-size: 0.73rem; line-height: 1.45; }

.advertise-switch {
  flex: 0 0 auto;
  cursor: pointer;
  position: relative;
}

.advertise-switch input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.advertise-switch > span {
  min-height: 38px;
  padding: 8px 12px 8px 38px;
  border: 1px solid #bca9c9;
  border-radius: 999px;
  background: #fff;
  color: #5f3b73;
  font-size: 0.72rem;
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  position: relative;
}

.advertise-switch > span::before {
  content: "";
  position: absolute;
  left: 8px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #d8cce0;
  transition: transform 150ms ease, background 150ms ease;
}

.advertise-switch input:checked + span {
  border-color: var(--advertise-violet);
  background: #f5edfb;
}

.advertise-switch input:checked + span::before { background: var(--advertise-violet); }
.advertise-switch input:focus-visible + span { outline: 3px solid rgba(116, 212, 232, 0.65); outline-offset: 3px; }

.advertise-music-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
}

.advertise-music-fields[hidden] { display: none; }

.advertise-music-fields > label {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 6px;
}

.advertise-music-fields > label.is-wide { grid-column: 1 / -1; }
.advertise-music-fields > label > span { color: #4f4654; font-size: 0.71rem; font-weight: 900; }
.advertise-music-fields > label > small { color: #716876; font-size: 0.66rem; line-height: 1.4; }

.advertise-music-fields input:not([type="checkbox"]),
.advertise-music-fields select {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 9px 10px;
  border: 1px solid #cfc5d5;
  border-radius: 10px;
  background: #fff;
  color: #17131a;
  font: inherit;
}

.advertise-music-fields input[type="range"] {
  min-height: 34px;
  padding-inline: 0;
  accent-color: var(--advertise-violet);
}

.advertise-music-fields output { color: #703b96; font-weight: 950; }

.advertise-music-check {
  min-height: 42px;
  padding: 10px 11px;
  border: 1px solid #d8cfdf;
  border-radius: 11px;
  background: #fff;
  display: flex !important;
  align-items: flex-start;
  gap: 9px !important;
}

.advertise-music-check input {
  width: 18px;
  height: 18px;
  margin: 1px 0 0;
  flex: 0 0 auto;
  background: #fff;
  accent-color: var(--advertise-violet);
}

.advertise-music-check > span { line-height: 1.4; }

.advertise-request-row { align-items: start; }

/* Advertising Task 444: richer program discovery, contract paging, and page navigation. */
.advertise-feature-grid article {
  position: relative;
  min-height: 285px;
  overflow: hidden;
  transition: background-color 180ms ease, transform 180ms ease;
}

.advertise-feature-grid article:hover {
  background: rgba(255, 255, 255, 0.035);
  transform: translateY(-3px);
}

.advertise-feature-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.advertise-feature-art {
  position: relative;
  flex: 0 0 112px;
  width: 112px;
  height: 88px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--feature-accent, var(--advertise-blue)) 45%, #34343d);
  border-radius: 16px;
  background:
    radial-gradient(circle at 80% 18%, color-mix(in srgb, var(--feature-accent, var(--advertise-blue)) 60%, transparent), transparent 32%),
    #0c0c11;
  box-shadow: inset 0 0 30px rgba(255, 255, 255, 0.035), 0 16px 28px rgba(0, 0, 0, 0.24);
}

.advertise-feature-grid .is-placement { --feature-accent: #74d4e8; }
.advertise-feature-grid .is-pacing { --feature-accent: #d9ff5a; }
.advertise-feature-grid .is-moderated { --feature-accent: #f47f68; }
.advertise-feature-grid .is-measured { --feature-accent: #a550f4; }

.advertise-feature-art::before,
.advertise-feature-art::after,
.advertise-feature-art i,
.advertise-feature-art b {
  position: absolute;
  display: block;
  content: "";
}

.is-placement .advertise-feature-art::before {
  inset: 17px 20px 22px;
  border: 3px solid var(--feature-accent);
  border-radius: 8px;
  transform: rotate(-4deg);
}
.is-placement .advertise-feature-art::after { left: 31px; right: 30px; bottom: 12px; height: 3px; border-radius: 9px; background: var(--feature-accent); }
.is-placement .advertise-feature-art i:nth-child(1) { left: 29px; top: 27px; width: 29px; height: 16px; border-radius: 4px; background: linear-gradient(135deg, var(--feature-accent), var(--advertise-violet)); }
.is-placement .advertise-feature-art i:nth-child(2) { right: 29px; top: 27px; width: 10px; height: 10px; border-radius: 50%; background: var(--advertise-lime); }
.is-placement .advertise-feature-art i:nth-child(3) { left: 29px; top: 49px; width: 40px; height: 3px; border-radius: 9px; background: #ffffff; opacity: 0.8; }
.is-placement .advertise-feature-art b { right: 13px; top: 11px; width: 13px; height: 13px; border: 3px solid var(--advertise-lime); border-radius: 50%; }

.is-pacing .advertise-feature-art::before { left: 15px; right: 15px; top: 43px; height: 2px; background: rgba(255, 255, 255, 0.22); }
.is-pacing .advertise-feature-art::after { right: 16px; top: 18px; width: 4px; height: 52px; border-radius: 9px; background: var(--feature-accent); box-shadow: 0 0 16px color-mix(in srgb, var(--feature-accent) 70%, transparent); }
.is-pacing .advertise-feature-art i { bottom: 27px; width: 7px; border-radius: 9px; background: linear-gradient(180deg, var(--advertise-blue), var(--feature-accent)); }
.is-pacing .advertise-feature-art i:nth-child(1) { left: 27px; height: 24px; }
.is-pacing .advertise-feature-art i:nth-child(2) { left: 42px; height: 45px; }
.is-pacing .advertise-feature-art i:nth-child(3) { left: 57px; height: 31px; }
.is-pacing .advertise-feature-art b { left: 75px; bottom: 34px; width: 11px; height: 11px; border: 3px solid #ffffff; border-radius: 50%; }

.is-moderated .advertise-feature-art::before { left: 31px; top: 14px; width: 50px; height: 58px; background: linear-gradient(145deg, var(--feature-accent), var(--advertise-violet)); clip-path: polygon(50% 0, 100% 17%, 90% 72%, 50% 100%, 10% 72%, 0 17%); }
.is-moderated .advertise-feature-art::after { left: 46px; top: 35px; width: 22px; height: 11px; border-left: 5px solid #ffffff; border-bottom: 5px solid #ffffff; transform: rotate(-45deg); }
.is-moderated .advertise-feature-art i:nth-child(1) { left: 20px; top: 18px; width: 8px; height: 8px; border-radius: 50%; background: var(--advertise-lime); }
.is-moderated .advertise-feature-art i:nth-child(2) { right: 18px; top: 29px; width: 5px; height: 22px; border-radius: 9px; background: var(--advertise-blue); }
.is-moderated .advertise-feature-art i:nth-child(3) { left: 17px; bottom: 17px; width: 19px; height: 4px; border-radius: 9px; background: #ffffff; opacity: 0.7; }
.is-moderated .advertise-feature-art b { right: 13px; bottom: 13px; width: 15px; height: 15px; border: 3px solid var(--feature-accent); transform: rotate(12deg); }

.is-measured .advertise-feature-art::before { left: 20px; right: 18px; bottom: 20px; height: 3px; border-radius: 9px; background: rgba(255, 255, 255, 0.7); }
.is-measured .advertise-feature-art::after { left: 25px; right: 21px; top: 18px; height: 42px; border-top: 3px solid var(--advertise-lime); border-right: 3px solid var(--advertise-lime); transform: skewY(-23deg); }
.is-measured .advertise-feature-art i { bottom: 23px; width: 11px; border-radius: 4px 4px 0 0; background: linear-gradient(180deg, var(--advertise-blue), var(--feature-accent)); }
.is-measured .advertise-feature-art i:nth-child(1) { left: 29px; height: 18px; }
.is-measured .advertise-feature-art i:nth-child(2) { left: 49px; height: 31px; }
.is-measured .advertise-feature-art i:nth-child(3) { left: 69px; height: 45px; }
.is-measured .advertise-feature-art b { right: 14px; top: 11px; width: 10px; height: 10px; border-radius: 50%; background: var(--advertise-lime); box-shadow: 0 0 14px var(--advertise-lime); }

.advertise-program { padding: clamp(56px, 6vw, 88px) 0; }

.advertise-contract-browser {
  overflow: hidden;
  border: 2px solid var(--advertise-ink);
  border-radius: 28px;
  background: var(--advertise-ink);
  color: #ffffff;
  box-shadow: 16px 18px 0 rgba(7, 7, 10, 0.16);
}

.advertise-contract-browser > summary {
  min-height: 300px;
  padding: clamp(32px, 5vw, 70px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(30px, 6vw, 90px);
  background:
    radial-gradient(circle at 88% 14%, rgba(217, 255, 90, 0.25), transparent 24%),
    radial-gradient(circle at 62% 96%, rgba(116, 212, 232, 0.2), transparent 26%),
    linear-gradient(135deg, #0a0a0e 0%, #211331 58%, #101017 100%);
  cursor: pointer;
  list-style: none;
}

.advertise-contract-browser > summary::-webkit-details-marker { display: none; }
.advertise-contract-browser > summary::marker { content: ""; }
.advertise-contract-summary-copy { min-width: 0; }
.advertise-contract-summary-copy .advertise-eyebrow { color: var(--advertise-blue); }
.advertise-contract-summary-copy h2 { max-width: 850px; font-size: clamp(3rem, 5.6vw, 6rem); line-height: 0.86; }
.advertise-contract-summary-copy > p:last-child { max-width: 760px; margin: 24px 0 0; color: #b9b5c0; font-size: 1rem; line-height: 1.55; }

.advertise-contract-summary-action {
  min-width: 190px;
  padding: 17px 20px;
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  background: var(--advertise-lime);
  color: var(--advertise-ink);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.28);
}

.advertise-contract-summary-action b { font-size: 0.82rem; letter-spacing: 0.02em; text-transform: uppercase; }
.advertise-contract-summary-action i { width: 12px; height: 12px; border-right: 3px solid currentColor; border-bottom: 3px solid currentColor; transform: translateY(-3px) rotate(45deg); transition: transform 180ms ease; }
.advertise-contract-browser[open] .advertise-contract-summary-action i { transform: translateY(3px) rotate(225deg); }

.advertise-contract-body {
  padding: clamp(28px, 5vw, 68px);
  border-top: 1px solid #34343d;
  background:
    linear-gradient(115deg, rgba(165, 80, 244, 0.12), transparent 38%),
    linear-gradient(180deg, #101015 0%, #171322 54%, #e7dff7 79%, #fbf9ff 100%);
}

.advertise-contract-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 28px;
}
.advertise-contract-heading .advertise-eyebrow { color: var(--advertise-violet); }
.advertise-contract-heading h3 { max-width: 720px; margin: 0; font-size: clamp(2rem, 4vw, 4.25rem); letter-spacing: -0.05em; line-height: 0.92; }
.advertise-contract-heading .preview-button.dark { border-color: #4b4a55; background: #19191f; }

.advertise-contract-browser .advertise-program-summary { margin-top: 34px; }
.advertise-contract-browser .advertise-program-summary span { border-color: #4a4953; background: #1b1b22; color: #e8e5ed; }

.advertise-contract-topics {
  margin-top: 30px;
  padding: 8px;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  border: 1px solid #363640;
  border-radius: 18px;
  background: #09090d;
  scrollbar-width: thin;
}

.advertise-contract-topics button {
  flex: 0 0 auto;
  min-height: 42px;
  padding: 9px 14px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  color: #a9a6b0;
  font: inherit;
  font-size: 0.74rem;
  font-weight: 900;
  cursor: pointer;
}
.advertise-contract-topics button:hover,
.advertise-contract-topics button:focus-visible { border-color: #5f5d6a; color: #ffffff; outline: 0; }
.advertise-contract-topics button[aria-selected="true"] { border-color: var(--advertise-lime); background: var(--advertise-lime); color: var(--advertise-ink); }

.advertise-contract-browser .advertise-program-grid { margin-top: 22px; display: block; }
.advertise-contract-browser .advertise-program-grid article {
  min-height: 430px;
  padding: clamp(30px, 4vw, 56px);
  display: grid;
  grid-template-columns: minmax(260px, 0.82fr) minmax(0, 1.18fr);
  grid-template-rows: auto 1fr;
  align-items: start;
  gap: 12px clamp(34px, 6vw, 92px);
  overflow: hidden;
  border: 0;
  border-radius: 24px;
  color: var(--advertise-ink);
  box-shadow: none;
}
.advertise-contract-browser .advertise-program-grid article[hidden] { display: none; }
.advertise-contract-browser .advertise-program-grid article::after { position: absolute; right: -58px; bottom: -82px; width: 250px; height: 250px; border: 34px solid rgba(255, 255, 255, 0.28); border-radius: 50%; content: ""; pointer-events: none; }
.advertise-contract-browser .advertise-program-grid article.is-eligibility { grid-column: auto; min-height: 430px; background: linear-gradient(135deg, #c7eadc, #80d8c0); }
.advertise-contract-browser .advertise-program-grid article.is-inventory { background: linear-gradient(135deg, #6ee7bf, #73d5e7); }
.advertise-contract-browser .advertise-program-grid article.is-audience { background: linear-gradient(135deg, #f3eedf, #f4c66f); }
.advertise-contract-browser .advertise-program-grid article.is-pricing { background: linear-gradient(135deg, #74d4e8, #5c93e8); }
.advertise-contract-browser .advertise-program-grid article.is-frequency { background: linear-gradient(135deg, #d9ff5a, #98db59); }
.advertise-contract-browser .advertise-program-grid article.is-moderation { background: linear-gradient(135deg, #f0c6bc, #f47f68); }
.advertise-contract-browser .advertise-program-grid article.is-refunds { background: linear-gradient(135deg, #d8c6f5, #a550f4); }
.advertise-contract-browser .advertise-program-grid article.is-music { background: linear-gradient(135deg, #ff8ec7, #a550f4 58%, #74d4e8); }
.advertise-contract-browser .advertise-program-grid .advertise-card-kicker { grid-column: 1; grid-row: 1; margin-bottom: 18px; color: rgba(7, 7, 10, 0.62); }
.advertise-contract-browser .advertise-program-grid h3 { grid-column: 1; grid-row: 2; max-width: 520px; font-size: clamp(2.35rem, 4vw, 4.7rem); }
.advertise-contract-browser .advertise-program-grid ul { grid-column: 2; grid-row: 1 / span 2; margin-top: 32px; position: relative; z-index: 1; }
.advertise-contract-browser .advertise-program-grid li {
  display: grid;
  grid-template-columns: minmax(104px, max-content) minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: 5px 16px;
  font-size: 0.94rem;
}

.advertise-policy-tag {
  grid-column: 1;
  grid-row: 1 / span 2;
  align-self: start;
  width: fit-content;
  max-width: 138px;
  padding: 5px 8px;
  border-radius: 999px;
  background: #101015;
  color: #ffffff;
  font-size: 0.62rem;
  font-weight: 950;
  letter-spacing: 0.055em;
  line-height: 1.15;
  text-transform: uppercase;
}

.advertise-policy-title {
  grid-column: 2;
  grid-row: 1;
  font-size: 0.88rem;
  font-weight: 950;
  line-height: 1.3;
}

.advertise-policy-copy {
  grid-column: 2;
  grid-row: 2;
  color: rgba(7, 7, 10, 0.72);
  font-size: 0.78rem;
  font-weight: 690;
  line-height: 1.46;
}

.advertise-contract-browser .advertise-program-grid article.is-refunds h3 { font-size: clamp(2.25rem, 3.65vw, 4.25rem); }
.advertise-contract-browser .advertise-program-grid article.is-refunds ul { margin-top: 12px; }
.advertise-contract-browser .advertise-program-grid article.is-music h3 {
  max-width: 470px;
  font-size: clamp(2.5rem, 4.1vw, 4.55rem);
  letter-spacing: -0.045em;
  line-height: 0.94;
}
.advertise-contract-browser .advertise-program-grid article.is-music ul { margin-top: 8px; }

.advertise-contract-controls {
  margin-top: 18px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
}
.advertise-contract-controls button {
  min-height: 44px;
  padding: 10px 18px;
  border: 1px solid rgba(7, 7, 10, 0.26);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--advertise-ink);
  font: inherit;
  font-size: 0.78rem;
  font-weight: 900;
  box-shadow: 0 10px 24px rgba(44, 23, 70, 0.12);
  cursor: pointer;
}
.advertise-contract-controls button:first-child::before { content: "←"; font-size: 1rem; line-height: 1; }
.advertise-contract-controls button:last-child::after { content: "→"; font-size: 1rem; line-height: 1; }
.advertise-contract-controls button:hover,
.advertise-contract-controls button:focus-visible { border-color: var(--advertise-lime); background: var(--advertise-lime); color: var(--advertise-ink); outline: 0; }
.advertise-contract-controls span { color: #2f2537; font-size: 0.78rem; font-weight: 900; text-align: center; }
.advertise-contract-browser .advertise-program-note {
  margin-top: 18px;
  padding: 14px 16px;
  border: 1px solid rgba(7, 7, 10, 0.14);
  border-left: 5px solid var(--advertise-violet);
  border-radius: 0 14px 14px 0;
  background: rgba(255, 255, 255, 0.7);
  color: #3c3142;
  box-shadow: 0 12px 26px rgba(44, 23, 70, 0.08);
}

.advertise-roadmap-grid li {
  min-height: 400px;
  overflow: hidden;
  transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}
.advertise-roadmap-grid li:hover { border-color: #5c5a66; transform: translateY(-5px); box-shadow: 0 24px 44px rgba(0, 0, 0, 0.32); }
.advertise-roadmap-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.advertise-roadmap-art {
  position: relative;
  flex: 0 0 142px;
  width: 142px;
  height: 126px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--roadmap-accent) 48%, #34343d);
  border-radius: 22px;
  background:
    radial-gradient(circle at 78% 18%, color-mix(in srgb, var(--roadmap-accent) 45%, transparent), transparent 31%),
    linear-gradient(145deg, #15151d, #09090d);
}
.advertise-roadmap-grid .is-brief { --roadmap-accent: #74d4e8; }
.advertise-roadmap-grid .is-assets { --roadmap-accent: #f47f68; }
.advertise-roadmap-grid .is-approval { --roadmap-accent: #a550f4; }
.advertise-roadmap-grid .is-delivery { --roadmap-accent: #d9ff5a; }
.advertise-roadmap-symbol::before,
.advertise-roadmap-symbol::after,
.advertise-roadmap-symbol i,
.advertise-roadmap-symbol b { position: absolute; display: block; content: ""; }

.is-brief .advertise-roadmap-symbol::before { left: 31px; top: 20px; width: 73px; height: 86px; border: 3px solid var(--roadmap-accent); border-radius: 12px; background: #111118; transform: rotate(-5deg); }
.is-brief .advertise-roadmap-symbol::after { left: 47px; top: 42px; width: 43px; height: 5px; border-radius: 9px; background: #ffffff; box-shadow: 0 17px 0 rgba(255,255,255,.6), 0 34px 0 rgba(255,255,255,.35); transform: rotate(-5deg); }
.is-brief .advertise-roadmap-symbol i:nth-child(1) { right: 18px; top: 16px; width: 24px; height: 24px; border-radius: 50%; background: var(--advertise-lime); box-shadow: 0 0 18px rgba(217,255,90,.44); }
.is-brief .advertise-roadmap-symbol i:nth-child(2) { right: 22px; bottom: 20px; width: 22px; height: 16px; border: 3px solid var(--roadmap-accent); border-radius: 8px; }
.is-brief .advertise-roadmap-symbol i:nth-child(3) { left: 16px; bottom: 17px; width: 18px; height: 4px; border-radius: 9px; background: var(--advertise-violet); }
.is-brief .advertise-roadmap-symbol b { right: 28px; top: 22px; width: 7px; height: 7px; border-radius: 50%; background: var(--advertise-ink); }

.is-assets .advertise-roadmap-symbol::before { left: 24px; top: 25px; width: 82px; height: 68px; border: 3px solid var(--roadmap-accent); border-radius: 13px; background: linear-gradient(145deg, #20202a, #111117); transform: rotate(-8deg); box-shadow: 14px 13px 0 #2c1b35; }
.is-assets .advertise-roadmap-symbol::after { left: 39px; top: 54px; width: 46px; height: 27px; background: linear-gradient(135deg, var(--roadmap-accent), var(--advertise-violet)); clip-path: polygon(0 100%, 33% 36%, 52% 65%, 74% 20%, 100% 100%); transform: rotate(-8deg); }
.is-assets .advertise-roadmap-symbol i:nth-child(1) { left: 42px; top: 38px; width: 12px; height: 12px; border-radius: 50%; background: var(--advertise-lime); }
.is-assets .advertise-roadmap-symbol i:nth-child(2) { right: 18px; bottom: 21px; width: 35px; height: 5px; border-radius: 9px; background: var(--advertise-blue); box-shadow: 0 -11px 0 var(--advertise-blue), 0 -22px 0 var(--advertise-blue); }
.is-assets .advertise-roadmap-symbol i:nth-child(3) { left: 17px; bottom: 15px; width: 24px; height: 24px; border: 3px solid var(--advertise-lime); border-radius: 50%; }
.is-assets .advertise-roadmap-symbol b { left: 25px; bottom: 24px; width: 8px; height: 8px; border-radius: 50%; background: var(--advertise-lime); }

.is-approval .advertise-roadmap-symbol::before { left: 31px; top: 22px; width: 78px; height: 78px; border: 5px solid var(--roadmap-accent); border-radius: 50%; background: #111118; box-shadow: 0 0 28px color-mix(in srgb, var(--roadmap-accent) 38%, transparent); }
.is-approval .advertise-roadmap-symbol::after { left: 52px; top: 50px; width: 34px; height: 17px; border-left: 7px solid var(--advertise-lime); border-bottom: 7px solid var(--advertise-lime); transform: rotate(-45deg); }
.is-approval .advertise-roadmap-symbol i { bottom: 12px; width: 29px; height: 14px; border-radius: 999px; }
.is-approval .advertise-roadmap-symbol i:nth-child(1) { left: 16px; background: var(--advertise-blue); }
.is-approval .advertise-roadmap-symbol i:nth-child(2) { left: 56px; background: var(--advertise-coral); }
.is-approval .advertise-roadmap-symbol i:nth-child(3) { right: 16px; background: var(--advertise-lime); }
.is-approval .advertise-roadmap-symbol b { right: 15px; top: 15px; width: 13px; height: 13px; border: 3px solid #ffffff; transform: rotate(15deg); }

.is-delivery .advertise-roadmap-symbol::before { left: 19px; right: 18px; bottom: 24px; height: 3px; border-radius: 9px; background: rgba(255,255,255,.72); }
.is-delivery .advertise-roadmap-symbol::after { left: 28px; right: 26px; top: 26px; height: 47px; border-top: 4px solid var(--roadmap-accent); border-right: 4px solid var(--roadmap-accent); transform: skewY(-20deg); }
.is-delivery .advertise-roadmap-symbol i { bottom: 27px; width: 14px; border-radius: 5px 5px 0 0; background: linear-gradient(180deg, var(--advertise-blue), var(--roadmap-accent)); }
.is-delivery .advertise-roadmap-symbol i:nth-child(1) { left: 31px; height: 23px; }
.is-delivery .advertise-roadmap-symbol i:nth-child(2) { left: 56px; height: 43px; }
.is-delivery .advertise-roadmap-symbol i:nth-child(3) { left: 81px; height: 65px; }
.is-delivery .advertise-roadmap-symbol b { right: 17px; top: 15px; width: 14px; height: 14px; border-radius: 50%; background: var(--roadmap-accent); box-shadow: 0 0 17px color-mix(in srgb, var(--roadmap-accent) 75%, transparent); }
.advertise-roadmap-copy { margin-top: auto; position: relative; z-index: 1; }
.advertise-roadmap-grid strong { margin-top: 0; }

.advertise-contact-card {
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
  gap: clamp(42px, 5vw, 76px);
}
.advertise-contact-card > div:first-child { min-width: 0; }
.advertise-contact-card h2 { max-width: 8.2ch; font-size: clamp(3.2rem, 5.15vw, 5.35rem); line-height: 0.9; overflow-wrap: normal; }
.advertise-discussion-form,
.advertise-discussion-auth { position: relative; z-index: 1; }

.studio-section-nav.advertise-section-nav {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 120;
  width: 54px;
  height: 54px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #08070b;
  color: #ffffff;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transform: translateY(14px);
  transition: right 220ms cubic-bezier(.2,.8,.2,1), opacity 180ms ease, transform 180ms ease, background-color 160ms ease, color 160ms ease;
}
.studio-section-nav.advertise-section-nav.is-chatbot-nearby { right: 110px; }
.studio-section-nav.advertise-section-nav.is-over-dark { border-color: #0b0b0c; background: var(--advertise-lime); color: #0b0b0c; }
.studio-section-nav.advertise-section-nav.is-over-light { border-color: rgba(255,255,255,.28); background: #08070b; color: #ffffff; }
.studio-section-nav.advertise-section-nav.is-visible { opacity: 1; pointer-events: auto; transform: none; }
.studio-section-nav.advertise-section-nav:hover,
.studio-section-nav.advertise-section-nav:focus-visible { outline: 0; background: var(--advertise-violet); color: #0b0810; transform: translateY(-2px); }
.studio-section-nav.advertise-section-nav > span { width: 14px; height: 14px; border-right: 3px solid currentColor; border-bottom: 3px solid currentColor; transform: translateY(-3px) rotate(45deg); transition: transform 180ms ease; }
.studio-section-nav.advertise-section-nav.is-up > span { transform: translateY(3px) rotate(225deg); }

@media (max-width: 1040px) {
  .advertise-contract-browser .advertise-program-grid article { grid-template-columns: minmax(220px, 0.75fr) minmax(0, 1.25fr); gap: 12px 36px; }
  .advertise-contact-card { grid-template-columns: 1fr; }
  .advertise-contact-card h2 { max-width: 760px; }
}

@media (max-width: 760px) {
  .advertise-feature-grid article { min-height: 245px; }
  .advertise-feature-art { flex-basis: 106px; width: 106px; height: 84px; }
  .advertise-contract-browser > summary { min-height: 0; padding: 28px; grid-template-columns: 1fr; gap: 28px; }
  .advertise-contract-summary-copy h2 { font-size: clamp(2.8rem, 13vw, 4.8rem); }
  .advertise-contract-summary-action { min-width: 0; width: min(100%, 230px); }
  .advertise-contract-body { padding: 18px; }
  .advertise-contract-heading { grid-template-columns: 1fr; align-items: start; }
  .advertise-contract-heading .preview-button { justify-self: start; }
  .advertise-contract-browser .advertise-program-grid article { min-height: 0; padding: 26px 22px 30px; grid-template-columns: 1fr; grid-template-rows: auto auto auto; gap: 10px; }
  .advertise-contract-browser .advertise-program-grid .advertise-card-kicker { grid-column: 1; grid-row: 1; margin-right: 48px; }
  .advertise-contract-browser .advertise-program-grid h3 { grid-column: 1; grid-row: 2; padding-right: 10px; font-size: clamp(2.1rem, 10vw, 3.4rem); }
  .advertise-contract-browser .advertise-program-grid ul { grid-column: 1; grid-row: 3; margin-top: 18px; }
  .advertise-contract-browser .advertise-program-grid li { grid-template-columns: 1fr; grid-template-rows: auto auto auto; gap: 7px; }
  .advertise-policy-tag { grid-column: 1; grid-row: 1; }
  .advertise-policy-title { grid-column: 1; grid-row: 2; }
  .advertise-policy-copy { grid-column: 1; grid-row: 3; }
  .advertise-contract-browser .advertise-program-grid article.is-refunds h3 { font-size: clamp(2rem, 9.2vw, 3.15rem); }
  .advertise-contract-browser .advertise-program-grid article.is-refunds ul { margin-top: 18px; }
  .advertise-contract-browser .advertise-program-grid article::after { right: -108px; bottom: -118px; opacity: .45; }
  .advertise-contract-controls { grid-template-columns: 1fr 1fr; }
  .advertise-contract-controls span { grid-column: 1 / -1; grid-row: 1; }
  .advertise-contract-controls button:first-child { grid-column: 1; grid-row: 2; }
  .advertise-contract-controls button:last-child { grid-column: 2; grid-row: 2; }
  .advertise-roadmap-grid li { min-height: 360px; }
  .advertise-roadmap-art { flex-basis: 128px; width: 128px; height: 114px; }
  .advertise-contact-card h2 { max-width: 9ch; font-size: clamp(3.1rem, 14vw, 4.7rem); }
  .studio-section-nav.advertise-section-nav { right: 14px; bottom: 14px; width: 48px; height: 48px; }
  .studio-section-nav.advertise-section-nav.is-chatbot-nearby { right: 94px; }
}

@media (prefers-reduced-motion: reduce) {
  .advertise-feature-grid article,
  .advertise-roadmap-grid li,
  .studio-section-nav.advertise-section-nav,
  .studio-section-nav.advertise-section-nav > span,
  .advertise-contract-summary-action i { transition: none; }
}

/* Advertising Task 447: expanded benefit art and a connected campaign road. */
.advertise-feature-grid article {
  min-height: 345px;
  padding: 26px 24px 32px;
}

.advertise-feature-top {
  min-height: 154px;
  align-items: flex-start;
}

.advertise-feature-art {
  flex: 0 0 clamp(150px, 10vw, 184px);
  width: clamp(150px, 10vw, 184px);
  height: clamp(120px, 8vw, 146px);
  border-radius: 22px;
}

.advertise-feature-art::before,
.advertise-feature-art::after,
.advertise-feature-art i,
.advertise-feature-art b {
  translate: 22px 18px;
  scale: 1.22;
}

.advertise-roadmap-canvas {
  position: relative;
  margin-top: 68px;
  isolation: isolate;
}

.advertise-roadmap-canvas .advertise-roadmap-grid {
  position: relative;
  margin-top: 0;
  gap: 18px;
}

.advertise-roadmap-grid li {
  position: relative;
  min-height: 590px;
  padding: 24px;
  border-radius: 22px;
}

.advertise-roadmap-top {
  position: relative;
  min-height: 380px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.advertise-roadmap-top > span {
  position: relative;
  z-index: 5;
  width: fit-content;
  min-width: 42px;
  padding: 8px 12px;
  border: 1px solid color-mix(in srgb, var(--roadmap-accent) 64%, #ffffff 12%);
  border-radius: 999px;
  background: rgba(7, 7, 10, 0.84);
  color: var(--roadmap-accent);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.3);
  text-align: center;
}

.advertise-roadmap-art {
  position: relative;
  width: 100%;
  height: 334px;
  flex: 0 0 334px;
  margin-top: -16px;
  overflow: hidden;
  border-color: color-mix(in srgb, var(--roadmap-accent) 56%, #34343d);
  border-radius: 28px;
  background:
    radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--roadmap-accent) 22%, transparent), transparent 44%),
    radial-gradient(circle at 84% 15%, color-mix(in srgb, var(--roadmap-accent) 38%, transparent), transparent 25%),
    linear-gradient(145deg, rgba(24, 24, 33, 0.9), rgba(8, 8, 12, 0.76));
  box-shadow: inset 0 0 52px rgba(255, 255, 255, 0.035), 0 20px 42px rgba(0, 0, 0, 0.26);
}

.advertise-roadmap-symbol {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5;
  width: 142px;
  height: 126px;
  transform: translate(-50%, -50%) scale(1.72);
  transform-origin: center;
  filter: drop-shadow(0 18px 28px rgba(0, 0, 0, 0.38));
}

.advertise-roadmap-copy {
  z-index: 5;
  min-height: 128px;
  padding: 20px 4px 2px;
  border-top: 1px solid color-mix(in srgb, var(--roadmap-accent) 32%, #34343d);
  background: linear-gradient(180deg, rgba(8, 8, 12, 0.06), rgba(8, 8, 12, 0.72) 28%);
}

.advertise-roadmap-route {
  position: absolute;
  z-index: 3;
  display: block;
  overflow: visible;
  pointer-events: none;
  opacity: 0.72;
  filter: drop-shadow(0 16px 20px rgba(0, 0, 0, 0.38));
}

.advertise-roadmap-route.is-desktop {
  left: 0;
  top: 38px;
  width: 100%;
  height: 355px;
}

.advertise-roadmap-route.is-tablet,
.advertise-roadmap-route.is-mobile {
  display: none;
}

.advertise-road-shadow,
.advertise-road-surface,
.advertise-road-centerline {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.advertise-road-shadow {
  stroke: rgba(0, 0, 0, 0.72);
  stroke-width: 62;
}

.advertise-road-surface {
  stroke: #414049;
  stroke-width: 44;
}

.advertise-road-centerline {
  stroke-width: 4;
  stroke-dasharray: 18 16;
}

.advertise-road-stops circle {
  fill: #08080d;
  stroke: #ffffff;
  stroke-width: 4;
  vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.32));
}

@media (max-width: 1040px) and (min-width: 761px) {
  .advertise-roadmap-route.is-desktop { display: none; }
  .advertise-roadmap-route.is-tablet {
    inset: 24px 0 18px;
    width: 100%;
    height: calc(100% - 42px);
    display: block;
    opacity: 0.58;
  }
  .advertise-roadmap-grid li { min-height: 560px; }
  .advertise-roadmap-top { min-height: 360px; }
  .advertise-roadmap-art { height: 314px; flex-basis: 314px; }
  .advertise-roadmap-symbol { transform: translate(-50%, -50%) scale(1.62); }
}

@media (max-width: 760px) {
  .advertise-feature-grid article { min-height: 310px; }
  .advertise-feature-top { min-height: 142px; }
  .advertise-feature-art {
    flex-basis: min(58vw, 188px);
    width: min(58vw, 188px);
    height: min(44vw, 148px);
  }
  .advertise-roadmap-canvas { margin-top: 48px; }
  .advertise-roadmap-route.is-desktop,
  .advertise-roadmap-route.is-tablet { display: none; }
  .advertise-roadmap-route.is-mobile {
    left: 0;
    top: 16px;
    width: 100%;
    height: calc(100% - 32px);
    display: block;
    opacity: 0.42;
  }
  .advertise-roadmap-grid li {
    min-height: 540px;
    padding: 22px;
  }
  .advertise-roadmap-top { min-height: 342px; }
  .advertise-roadmap-art { height: 300px; flex-basis: 300px; }
  .advertise-roadmap-symbol { transform: translate(-50%, -50%) scale(1.46); }
  .advertise-roadmap-copy { min-height: 126px; padding-inline: 2px; }
}

@media (prefers-reduced-motion: reduce) {
  .advertise-roadmap-route { filter: none; }
}

.advertise-request-creative { color: #6b4b83; font-size: 0.72rem; font-weight: 850; }
.advertise-request-accounting { justify-items: end; }
.advertise-request-preview,
.advertise-request-speakers,
.advertise-request-actions { grid-column: 1 / -1; }
.advertise-request-preview { display: grid; gap: 5px; }
.advertise-request-preview audio { width: 100%; }
.advertise-request-speakers { display: flex !important; flex-wrap: wrap; gap: 7px !important; }
.advertise-request-speakers span { display: flex; gap: 5px; }
.advertise-request-actions { display: flex !important; justify-content: flex-end; gap: 9px !important; }
.advertise-lifecycle-summary { color: #4f3768 !important; font-weight: 750; }
.advertise-lifecycle-controls {
  grid-column: 1 / -1;
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 9px !important;
  padding: 12px;
  border: 1px solid #ddd2e9;
  border-radius: 14px;
  background: #faf7fd;
}
.advertise-lifecycle-controls details {
  min-width: min(100%, 260px);
  max-width: 620px;
  padding: 0;
}
.advertise-lifecycle-controls summary {
  min-height: 42px;
  padding: 10px 14px;
  border: 1px solid #d5c9df;
  border-radius: 999px;
  background: #fff;
  color: #24192f;
  cursor: pointer;
  font-weight: 850;
  list-style-position: inside;
}
.advertise-lifecycle-controls details[open] {
  width: min(100%, 620px);
  padding: 12px;
  border: 1px solid #d5c9df;
  border-radius: 14px;
  background: #fff;
}
.advertise-lifecycle-controls details[open] summary { margin: -4px -4px 12px; }
.advertise-lifecycle-controls label {
  display: grid;
  gap: 6px;
  color: #342b3b;
  font-size: 0.78rem;
  font-weight: 850;
}
.advertise-lifecycle-controls label span { color: #756d79; font-size: 0.7rem; font-weight: 650; }
.advertise-lifecycle-controls input {
  width: 100%;
  min-height: 44px;
  padding: 9px 11px;
  border: 1px solid #d5c9df;
  border-radius: 10px;
  background: #fff;
  color: #17121c;
}
.advertise-lifecycle-controls small { display: block; margin: 9px 0; color: #6d6472; }
.advertise-lifecycle-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.advertise-lifecycle-status {
  flex: 1 0 100%;
  min-height: 0;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #605866 !important;
  font-size: 0.76rem;
}
.advertise-lifecycle-status:empty { display: none; }
.advertise-lifecycle-status.is-success { color: #08725c !important; }
.advertise-lifecycle-status.is-error { color: #a82035 !important; }

@media (max-width: 760px) {
  .advertise-voice-composer > header,
  .advertise-line-editor > header { align-items: stretch; flex-direction: column; }
  .advertise-composer-duration { width: 100%; text-align: left; }
  .advertise-creative-mode-options,
  .advertise-speaker-grid { grid-template-columns: 1fr; }
  .advertise-line-row { grid-template-columns: 1fr; }
  .advertise-line-row textarea { min-height: 84px; }
  .advertise-line-actions { justify-content: flex-end; }
  .advertise-ai-context-heading { align-items: flex-start; }
  .advertise-ai-context-heading small { max-width: 220px; }
  .advertise-request-accounting { justify-items: start; text-align: left !important; }
  .advertise-request-actions { flex-direction: column; }
  .advertise-request-actions .preview-button { width: 100%; }
  .advertise-lifecycle-controls { justify-content: stretch; }
  .advertise-lifecycle-controls > .preview-button,
  .advertise-lifecycle-controls details { width: 100%; max-width: none; }
  .advertise-lifecycle-grid { grid-template-columns: 1fr; }
  .advertise-music-bed > header { flex-direction: column; }
  .advertise-music-fields { grid-template-columns: 1fr; }
  .advertise-music-fields > label.is-wide { grid-column: 1; }
}

/* Advertising Task 448: fitted campaign art, reliable roadmap illustrations, and section motion. */
.advertise-ad-wordmark {
  min-height: 430px;
  padding: clamp(34px, 4.4vw, 60px);
  grid-template-rows: auto auto auto;
  align-content: center;
}

.advertise-ad-wordmark span,
.advertise-ad-wordmark strong {
  display: block;
  width: max-content;
  max-width: 100%;
  padding: 0.09em 0.12em 0.13em 0.02em;
  line-height: 0.84;
}

.advertise-ad-wordmark span { font-size: clamp(4.6rem, 7.3vw, 8.4rem); }
.advertise-ad-wordmark strong {
  margin: -0.02em 0 0 6%;
  font-size: clamp(4.6rem, 7.6vw, 8.65rem);
}
.advertise-ad-wordmark small { margin-top: 22px; }

.advertise-format-art span,
.advertise-format-art b {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0.05em 0.11em 0.11em 0;
  line-height: 0.9;
  white-space: nowrap;
}

.advertise-format-art:not(.is-audio) span,
.advertise-format-art:not(.is-audio) b { font-size: clamp(2.6rem, 4.35vw, 4.8rem); }
.advertise-format-art.is-audio span { font-size: clamp(3.1rem, 5vw, 5.35rem); }
.advertise-format-art.is-audio b {
  justify-self: stretch;
  font-size: clamp(2.35rem, 3.7vw, 4.2rem);
  white-space: normal;
}

.advertise-feature-art::before,
.advertise-feature-art::after { display: none; }

.advertise-feature-illustration,
.advertise-roadmap-illustration {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  color: var(--feature-accent, var(--roadmap-accent));
  filter: drop-shadow(0 18px 22px rgba(0, 0, 0, 0.34));
}

.advertise-feature-illustration {
  padding: 5px;
  fill: none;
  stroke: currentColor;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.advertise-feature-illustration .is-soft { stroke: rgba(255, 255, 255, 0.64); }
.advertise-feature-illustration .is-check { stroke: #ffffff; stroke-width: 8; }
.advertise-feature-illustration .is-accent-lime { stroke: var(--advertise-lime); }
.advertise-feature-illustration .is-fill-accent { fill: currentColor; stroke: currentColor; }
.advertise-feature-illustration .is-fill-blue { fill: var(--advertise-blue); stroke: none; }
.advertise-feature-illustration .is-fill-violet { fill: var(--advertise-violet); stroke: none; }
.advertise-feature-illustration .is-fill-lime { fill: var(--advertise-lime); stroke: none; }
.advertise-feature-illustration .is-fill-white { fill: #ffffff; stroke: none; }

.advertise-feature-grid article {
  min-height: 365px;
}
.advertise-feature-top { min-height: 176px; }
.advertise-feature-art {
  flex-basis: clamp(168px, 11vw, 206px);
  width: clamp(168px, 11vw, 206px);
  height: clamp(132px, 8.7vw, 164px);
}

.advertise-roadmap-grid li {
  min-height: 640px;
}
.advertise-roadmap-top { min-height: 430px; }
.advertise-roadmap-art {
  z-index: 4;
  height: 390px;
  flex-basis: 390px;
  margin-top: -14px;
  background:
    radial-gradient(circle at 50% 43%, color-mix(in srgb, var(--roadmap-accent) 28%, transparent), transparent 48%),
    radial-gradient(circle at 84% 15%, color-mix(in srgb, var(--roadmap-accent) 42%, transparent), transparent 27%),
    linear-gradient(145deg, rgba(24, 24, 33, 0.95), rgba(8, 8, 12, 0.88));
}
.advertise-roadmap-illustration {
  position: relative;
  z-index: 5;
  padding: 12px;
  fill: none;
  stroke: currentColor;
  stroke-width: 7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.advertise-roadmap-illustration .is-panel { fill: rgba(11, 11, 17, 0.9); stroke: currentColor; }
.advertise-roadmap-illustration .is-orbit { stroke: rgba(255, 255, 255, 0.22); stroke-width: 4; stroke-dasharray: 12 15; }
.advertise-roadmap-illustration .is-white { stroke: #ffffff; }
.advertise-roadmap-illustration .is-dark { stroke: var(--advertise-ink); stroke-width: 6; }
.advertise-roadmap-illustration .is-accent { stroke: currentColor; }
.advertise-roadmap-illustration .is-accent-lime { stroke: var(--advertise-lime); }
.advertise-roadmap-illustration .is-ring { stroke: currentColor; fill: rgba(8, 8, 13, 0.64); }
.advertise-roadmap-illustration .is-check { stroke: var(--advertise-lime); stroke-width: 13; }
.advertise-roadmap-illustration .is-fill-accent { fill: currentColor; stroke: none; }
.advertise-roadmap-illustration .is-fill-blue { fill: var(--advertise-blue); stroke: none; }
.advertise-roadmap-illustration .is-fill-violet { fill: var(--advertise-violet); stroke: none; }
.advertise-roadmap-illustration .is-fill-coral { fill: var(--advertise-coral); stroke: none; }
.advertise-roadmap-illustration .is-fill-lime { fill: var(--advertise-lime); stroke: none; }
.advertise-roadmap-illustration .is-white[fill] { fill: #ffffff; }

/* Advertising Task 474: the route traveler activates one roadmap illustration at a time. */
.advertise-road-traveler {
  opacity: 0;
  pointer-events: none;
  transition: opacity 240ms ease;
}
.advertise-roadmap-route.is-journey-active .advertise-road-traveler { opacity: 1; }
.advertise-road-traveler .is-traveler-halo {
  fill: rgba(217, 255, 90, 0.2);
  stroke: rgba(217, 255, 90, 0.86);
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 0 14px rgba(217, 255, 90, 0.88));
  transform-box: fill-box;
  transform-origin: center;
  animation: advertise-road-traveler-halo 1.25s ease-in-out infinite;
}
.advertise-road-traveler .is-traveler-core {
  fill: var(--advertise-lime);
  stroke: #ffffff;
  stroke-width: 3;
  vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 0 9px rgba(217, 255, 90, 0.96));
}
.advertise-roadmap-grid li.is-road-active {
  border-color: color-mix(in srgb, var(--roadmap-accent) 82%, #ffffff);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--roadmap-accent) 42%, transparent), 0 26px 54px rgba(0, 0, 0, 0.42);
}
body.advertise-motion-ready .advertise-roadmap-grid li.is-revealed.is-road-active { transform: translateY(-5px); }
.advertise-roadmap-grid li.is-road-active .advertise-roadmap-art {
  border-color: color-mix(in srgb, var(--roadmap-accent) 76%, #ffffff);
  box-shadow: inset 0 0 44px color-mix(in srgb, var(--roadmap-accent) 16%, transparent), 0 0 36px color-mix(in srgb, var(--roadmap-accent) 24%, transparent);
}
.advertise-roadmap-grid li.is-road-active .advertise-roadmap-illustration {
  animation: advertise-roadmap-art-breathe 1.7s ease-in-out infinite;
}
.advertise-roadmap-illustration :is(path, circle, rect) {
  transform-box: fill-box;
  transform-origin: center;
}
.advertise-roadmap-grid .is-brief.is-road-active .is-white {
  stroke-dasharray: 110;
  animation: advertise-roadmap-line-draw 780ms ease-out both;
}
.advertise-roadmap-grid .is-brief.is-road-active .is-fill-lime {
  animation: advertise-roadmap-check-pop 720ms cubic-bezier(.16,.9,.2,1.25) both;
}
.advertise-roadmap-grid .is-assets.is-road-active .is-fill-lime,
.advertise-roadmap-grid .is-assets.is-road-active .is-ring {
  animation: advertise-roadmap-check-pop 680ms cubic-bezier(.16,.9,.2,1.25) both;
}
.advertise-roadmap-grid .is-assets.is-road-active .is-accent,
.advertise-roadmap-grid .is-assets.is-road-active .is-accent-lime {
  stroke-dasharray: 88;
  animation: advertise-roadmap-line-draw 720ms ease-out both;
}
.advertise-roadmap-grid .is-approval.is-road-active .is-ring {
  animation: advertise-roadmap-ring-pulse 1.35s ease-in-out infinite;
}
.advertise-roadmap-grid .is-approval.is-road-active .is-check {
  stroke-dasharray: 150;
  animation: advertise-roadmap-line-draw 760ms 140ms ease-out both;
}
.advertise-roadmap-grid .is-approval.is-road-active rect:nth-of-type(1),
.advertise-roadmap-grid .is-approval.is-road-active rect:nth-of-type(2),
.advertise-roadmap-grid .is-approval.is-road-active rect:nth-of-type(3) {
  animation: advertise-roadmap-count-pop 520ms cubic-bezier(.16,.9,.2,1.2) both;
}
.advertise-roadmap-grid .is-approval.is-road-active rect:nth-of-type(1) { animation-delay: 260ms; }
.advertise-roadmap-grid .is-approval.is-road-active rect:nth-of-type(2) { animation-delay: 430ms; }
.advertise-roadmap-grid .is-approval.is-road-active rect:nth-of-type(3) { animation-delay: 600ms; }
.advertise-roadmap-grid .is-delivery.is-road-active rect:nth-of-type(1),
.advertise-roadmap-grid .is-delivery.is-road-active rect:nth-of-type(2),
.advertise-roadmap-grid .is-delivery.is-road-active rect:nth-of-type(3) {
  animation: advertise-roadmap-bar-rise 640ms cubic-bezier(.16,.9,.2,1.1) both;
}
.advertise-roadmap-grid .is-delivery.is-road-active rect:nth-of-type(1) { animation-delay: 80ms; }
.advertise-roadmap-grid .is-delivery.is-road-active rect:nth-of-type(2) { animation-delay: 230ms; }
.advertise-roadmap-grid .is-delivery.is-road-active rect:nth-of-type(3) { animation-delay: 380ms; }
.advertise-roadmap-grid .is-delivery.is-road-active .is-accent-lime {
  stroke-dasharray: 360;
  animation: advertise-roadmap-line-draw 920ms 280ms ease-out both;
}

.advertise-program::before { animation: advertise-program-ball-a 8.5s ease-in-out infinite alternate; }
.advertise-program::after { animation: advertise-program-ball-b 7.25s ease-in-out infinite alternate; }
.advertise-road-centerline { animation: advertise-road-flow 5.8s linear infinite; }

.advertise-contact {
  background:
    radial-gradient(circle at 84% 18%, rgba(217, 255, 90, 0.23), transparent 24%),
    radial-gradient(circle at 12% 84%, rgba(116, 212, 232, 0.22), transparent 27%),
    linear-gradient(135deg, #a550f4 0%, #8c48e4 56%, #b66bf3 100%);
}
.advertise-contact-card {
  background: rgba(255, 255, 255, 0.22);
  box-shadow: 15px 17px 0 rgba(47, 17, 75, 0.28);
}
.advertise-contact-card .advertise-eyebrow { color: #3b1761; }
.advertise-contact-card h2 {
  height: var(--advertise-contact-headline-height, auto);
  max-width: 9.2ch;
  overflow: visible;
  transition: height 320ms ease;
}
.advertise-contact-card h2 span {
  display: inline;
  opacity: 1;
  transition: opacity 320ms ease;
}
.advertise-contact-card h2.is-copy-transitioning span { opacity: 0; }
.advertise-contact-card h2 i {
  display: inline-block;
  width: 0.08em;
  height: 0.78em;
  margin-left: 0.08em;
  background: var(--advertise-lime);
  vertical-align: -0.02em;
  animation: advertise-type-caret 0.9s steps(1, end) infinite;
}
.advertise-contact-message {
  position: relative;
  min-height: 102px;
  margin-top: 14px;
}
.advertise-contact-message p {
  position: absolute;
  inset: 0 auto auto 0;
  max-width: 650px;
  margin: 0;
  color: #211329;
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.52;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 700ms ease, transform 700ms ease;
}
.advertise-contact-message p.is-active { opacity: 1; transform: none; }
.advertise-contact-message .advertise-chat-note { font-weight: 800; }
.advertise-contact [data-advertising-open-chat] { position: relative; isolation: isolate; }
.advertise-contact.is-chat-inviting [data-advertising-open-chat] { animation: advertise-chat-invite 8s ease-in-out infinite; }
.advertise-discussion-form,
.advertise-discussion-auth {
  border-color: rgba(57, 24, 89, 0.24);
  background: rgba(251, 247, 255, 0.88);
  box-shadow: 0 22px 46px rgba(55, 22, 86, 0.2);
}

.advertise-image-composer,
.advertise-reach-planner {
  grid-column: 1 / -1;
  border: 1px solid rgba(77, 48, 109, 0.18);
  border-radius: 26px;
  padding: clamp(20px, 3vw, 34px);
  background:
    radial-gradient(circle at 92% 8%, rgba(116, 212, 232, 0.18), transparent 25%),
    linear-gradient(140deg, #fbf8ff 0%, #f5effd 60%, #f8fbff 100%);
}
.advertise-image-composer > header,
.advertise-reach-planner > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}
.advertise-image-composer > header div,
.advertise-reach-planner > header div { display: grid; gap: 5px; }
.advertise-image-composer > header span:first-child,
.advertise-reach-planner > header span:first-child {
  color: var(--advertise-violet);
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.advertise-image-composer > header strong,
.advertise-reach-planner > header strong { font-size: clamp(1.3rem, 2.3vw, 2rem); }
.advertise-image-composer > header small,
.advertise-reach-planner > header small { max-width: 760px; color: #655d6c; line-height: 1.45; }
.advertise-image-allowance,
.advertise-reach-planner > header > span {
  flex: 0 0 auto;
  border: 1px solid rgba(72, 39, 107, 0.18);
  border-radius: 999px;
  padding: 9px 13px;
  background: #ffffff;
  color: #3d2358;
  font-size: 0.78rem;
  font-weight: 900;
}
.advertise-image-source-options,
.advertise-reach-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 20px;
}
.advertise-image-source-options label,
.advertise-reach-options label {
  position: relative;
  display: block;
  min-height: 116px;
  cursor: pointer;
}
.advertise-image-source-options input,
.advertise-reach-options input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.advertise-image-source-options label > span,
.advertise-reach-options label > span {
  display: grid;
  align-content: start;
  gap: 7px;
  height: 100%;
  border: 1px solid rgba(70, 55, 84, 0.18);
  border-radius: 18px;
  padding: 17px;
  background: rgba(255, 255, 255, 0.82);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}
.advertise-image-source-options label:hover > span,
.advertise-reach-options label:hover > span { transform: translateY(-2px); }
.advertise-image-source-options input:focus-visible + span,
.advertise-reach-options input:focus-visible + span,
.advertise-image-source-options input:checked + span,
.advertise-reach-options input:checked + span {
  border-color: var(--advertise-violet);
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(165, 80, 244, 0.14), 0 14px 30px rgba(77, 35, 119, 0.12);
}
.advertise-image-source-options small,
.advertise-reach-options small { color: #6b6470; line-height: 1.35; }
.advertise-image-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(300px, 0.88fr);
  gap: 22px;
  align-items: stretch;
}
.advertise-image-fields { display: grid; align-content: start; gap: 14px; }
.advertise-image-fields label,
.advertise-reach-fields label { display: grid; gap: 7px; font-weight: 800; }
.advertise-image-fields label span,
.advertise-reach-fields label span { font-size: 0.87rem; }
.advertise-image-fields label small,
.advertise-reach-fields label small { color: #6e6675; font-weight: 500; line-height: 1.4; }
.advertise-image-fields input,
.advertise-image-fields textarea,
.advertise-reach-fields input {
  width: 100%;
  border: 1px solid #d9d0e2;
  border-radius: 13px;
  padding: 12px 14px;
  background: #ffffff;
  color: #1b1421;
  font: inherit;
}
.advertise-image-fields textarea { resize: vertical; min-height: 132px; }
.advertise-image-preview {
  position: relative;
  display: grid;
  place-content: center;
  min-height: 300px;
  overflow: hidden;
  border: 1px solid rgba(55, 36, 72, 0.2);
  border-radius: 22px;
  padding: 24px;
  background:
    linear-gradient(135deg, rgba(165, 80, 244, 0.18), rgba(116, 212, 232, 0.18)),
    #15131b;
  color: #ffffff;
  text-align: center;
}
.advertise-image-preview img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.advertise-image-preview span { font-size: 1.25rem; font-weight: 900; }
.advertise-image-preview small { margin-top: 7px; color: rgba(255, 255, 255, 0.72); }
.advertise-image-status { margin: 0; color: #665c6c; font-size: 0.86rem; line-height: 1.45; }
.advertise-image-status.is-working { color: var(--advertise-violet); font-weight: 800; }
.advertise-image-status.is-success { color: #176142; font-weight: 800; }
.advertise-image-status.is-error { color: #9c243d; font-weight: 800; }
.advertise-image-overlay-tools {
  min-width: 0;
  margin: 4px 0 0;
  padding: 16px;
  border: 1px solid rgba(95, 61, 128, 0.2);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.72);
  display: grid;
  gap: 12px;
}
.advertise-image-overlay-tools legend { padding: 0 8px; color: #24172e; font-weight: 900; }
.advertise-image-overlay-tools legend em { color: #786b7f; font-size: 0.74rem; font-style: normal; font-weight: 650; }
.advertise-image-overlay-tools > p { margin: 0; color: #6a6070; font-size: 0.8rem; font-weight: 560; line-height: 1.45; }
.advertise-image-overlay-tools > p.is-working { color: var(--advertise-violet); font-weight: 800; }
.advertise-image-overlay-tools > p.is-success { color: #176142; font-weight: 800; }
.advertise-image-overlay-tools > p.is-error { color: #9c243d; font-weight: 800; }
.advertise-image-overlay-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.advertise-image-overlay-options select {
  width: 100%;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid #d9d0e2;
  border-radius: 13px;
  background: #fff;
  color: #1b1421;
  font: inherit;
}
.advertise-reach-planner { margin-bottom: 20px; }
.advertise-reach-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.advertise-reach-guidance {
  margin: 15px 0 0;
  border-left: 3px solid var(--advertise-violet);
  padding-left: 13px;
  color: #5c5363;
  line-height: 1.45;
}

/* Advertising Task 477: contextual artist inventory and scannable credit rules. */
.advertise-artist-placement {
  grid-column: 1 / -1;
  min-width: 0;
  margin: 0;
  padding: 18px;
  border: 1px solid rgba(70, 55, 84, 0.18);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.72);
}

.advertise-artist-placement > legend {
  padding: 0 7px;
  color: #3d2358;
  font-size: 0.82rem;
  font-weight: 900;
}

.advertise-artist-placement > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.advertise-reach-fields .advertise-artist-placement label {
  position: relative;
  display: block;
  min-width: 0;
  cursor: pointer;
}

.advertise-artist-placement input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.advertise-reach-fields .advertise-artist-placement label > span {
  min-height: 102px;
  padding: 14px;
  border: 1px solid #d9d0e2;
  border-radius: 14px;
  display: grid;
  align-content: start;
  gap: 6px;
  background: #ffffff;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.advertise-artist-placement label:hover > span { transform: translateY(-2px); }
.advertise-artist-placement input:focus-visible + span,
.advertise-artist-placement input:checked + span {
  border-color: var(--advertise-violet);
  box-shadow: 0 0 0 3px rgba(165, 80, 244, 0.13), 0 12px 24px rgba(77, 35, 119, 0.1);
}

.advertise-artist-placement > small {
  display: block;
  margin-top: 12px;
  color: #5c5363;
  line-height: 1.45;
}

.advertise-contract-body {
  background:
    radial-gradient(circle at 88% 10%, rgba(116, 212, 232, 0.07), transparent 24%),
    linear-gradient(115deg, rgba(165, 80, 244, 0.14), transparent 42%),
    linear-gradient(180deg, #17151d 0%, #1b1526 52%, #2d1d43 80%, #17121f 100%);
}

.advertise-contract-controls span { color: #f4edf9; }
.advertise-contract-browser .advertise-program-note {
  border-color: rgba(214, 191, 234, 0.32);
  border-left-color: var(--advertise-lime);
  background: rgba(12, 9, 16, 0.74);
  color: #eee7f3;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.25);
}

.advertise-contract-topics { background: #111016; }

.advertise-contract-browser .advertise-program-grid article.is-pricing .advertise-credit-rules {
  position: relative;
  z-index: 1;
  grid-column: 2;
  grid-row: 1 / span 2;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.advertise-credit-rule {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(7, 7, 10, 0.18);
  border-radius: 16px;
  display: grid;
  align-content: start;
  gap: 9px;
  background: rgba(255, 255, 255, 0.66);
  box-shadow: 0 14px 30px rgba(21, 28, 55, 0.08);
}

.advertise-credit-rule h4,
.advertise-credit-rule p { margin: 0; }
.advertise-credit-rule h4 { font-size: 1rem; }
.advertise-credit-rule p,
.advertise-credit-rule small { font-size: 0.78rem; line-height: 1.42; }
.advertise-credit-rule small { color: rgba(7, 7, 10, 0.7); }

.advertise-credit-tag {
  width: fit-content;
  padding: 5px 8px;
  border-radius: 999px;
  background: #101015;
  color: #ffffff;
  font-size: 0.64rem;
  font-weight: 950;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.advertise-credit-rule.is-free .advertise-credit-tag { background: var(--advertise-lime); color: var(--advertise-ink); }
.advertise-credit-rule.is-pilot .advertise-credit-tag { background: var(--advertise-violet); }

.advertise-credit-bands {
  display: grid;
  gap: 6px;
}

.advertise-credit-bands > span {
  padding: 8px 10px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background: rgba(255, 255, 255, 0.7);
  font-size: 0.72rem;
}

.advertise-credit-bands b { white-space: nowrap; }

@media (max-width: 1040px) {
  .advertise-contract-browser .advertise-program-grid article.is-pricing .advertise-credit-rules {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .advertise-artist-placement > div { grid-template-columns: 1fr; }
  .advertise-reach-fields .advertise-artist-placement label > span { min-height: 0; }
  .advertise-contract-browser .advertise-program-grid article.is-pricing .advertise-credit-rules {
    grid-column: 1;
    grid-row: 3;
    margin-top: 18px;
  }
}

body.advertise-motion-ready [data-advertising-reveal] {
  opacity: 0;
  transform: translateY(34px) scale(0.985);
  transition: opacity 760ms ease, transform 760ms cubic-bezier(.2,.8,.2,1), border-color 180ms ease, box-shadow 180ms ease;
}
body.advertise-motion-ready [data-advertising-reveal].is-revealed { opacity: 1; transform: none; }
body.advertise-motion-ready .advertise-feature-grid article:nth-child(2).is-revealed { transition-delay: 90ms; }
body.advertise-motion-ready .advertise-feature-grid article:nth-child(3).is-revealed { transition-delay: 180ms; }
body.advertise-motion-ready .advertise-feature-grid article:nth-child(4).is-revealed { transition-delay: 270ms; }
body.advertise-motion-ready .advertise-roadmap-grid li:nth-child(2).is-revealed { transition-delay: 100ms; }
body.advertise-motion-ready .advertise-roadmap-grid li:nth-child(3).is-revealed { transition-delay: 200ms; }
body.advertise-motion-ready .advertise-roadmap-grid li:nth-child(4).is-revealed { transition-delay: 300ms; }
body.advertise-motion-ready [data-advertising-reveal].is-revealed:hover { transform: translateY(-5px); }
.advertise-format-grid article.is-revealed .advertise-format-art { animation: advertise-format-float 7s ease-in-out infinite; }
.advertise-format-grid article.is-revealed .advertise-wave i { animation: advertise-wave-motion 1.65s ease-in-out infinite alternate; }
.advertise-format-grid article.is-revealed .advertise-wave i:nth-child(2),
.advertise-format-grid article.is-revealed .advertise-wave i:nth-child(6) { animation-delay: 120ms; }
.advertise-format-grid article.is-revealed .advertise-wave i:nth-child(3),
.advertise-format-grid article.is-revealed .advertise-wave i:nth-child(5) { animation-delay: 240ms; }
.advertise-format-grid article.is-revealed .advertise-wave i:nth-child(4) { animation-delay: 360ms; }
.advertise-format-chooser.is-revealed .advertise-path-action {
  animation: advertise-path-button 620ms cubic-bezier(.2,.8,.2,1) backwards;
}
.advertise-format-chooser.is-revealed .advertise-path-action:nth-child(2) { animation-delay: 90ms; }
.advertise-format-chooser.is-revealed .advertise-path-action:nth-child(3) { animation-delay: 180ms; }

@keyframes advertise-program-ball-a {
  from { transform: translate3d(0, 0, 0) rotate(0deg); }
  to { transform: translate3d(-72px, 52px, 0) rotate(22deg); }
}
@keyframes advertise-program-ball-b {
  from { transform: translate3d(0, 0, 0) rotate(0deg); }
  to { transform: translate3d(82px, -56px, 0) rotate(-18deg); }
}
@keyframes advertise-format-float {
  0%, 100% { transform: translateY(0) rotate(0.001deg); box-shadow: 0 18px 36px rgba(0, 0, 0, 0); }
  50% { transform: translateY(-9px) rotate(0.001deg); box-shadow: 0 24px 42px rgba(0, 0, 0, 0.24); }
}
@keyframes advertise-wave-motion {
  from { transform: scaleY(0.74); }
  to { transform: scaleY(1.14); }
}
@keyframes advertise-road-flow {
  from { stroke-dashoffset: 0; }
  to { stroke-dashoffset: -68; }
}
@keyframes advertise-road-traveler-halo {
  0%, 100% { opacity: 0.42; transform: scale(0.76); }
  50% { opacity: 1; transform: scale(1.26); }
}
@keyframes advertise-roadmap-art-breathe {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-5px) scale(1.018); }
}
@keyframes advertise-roadmap-line-draw {
  from { stroke-dashoffset: 150; opacity: 0.18; }
  to { stroke-dashoffset: 0; opacity: 1; }
}
@keyframes advertise-roadmap-check-pop {
  0% { opacity: 0; transform: scale(0.35) rotate(-14deg); }
  72% { opacity: 1; transform: scale(1.12) rotate(2deg); }
  100% { opacity: 1; transform: scale(1) rotate(0deg); }
}
@keyframes advertise-roadmap-ring-pulse {
  0%, 100% { opacity: 0.76; transform: scale(0.96); }
  50% { opacity: 1; transform: scale(1.035); }
}
@keyframes advertise-roadmap-count-pop {
  from { opacity: 0; transform: translateY(18px) scaleX(0.25); }
  to { opacity: 1; transform: translateY(0) scaleX(1); }
}
@keyframes advertise-roadmap-bar-rise {
  from { opacity: 0.18; transform: scaleY(0.08); transform-origin: center bottom; }
  to { opacity: 1; transform: scaleY(1); transform-origin: center bottom; }
}
@keyframes advertise-path-button {
  from { opacity: 0; transform: translateY(16px) scale(0.96); }
  to { opacity: 1; transform: none; }
}
@keyframes advertise-type-caret {
  0%, 48% { opacity: 1; }
  49%, 100% { opacity: 0; }
}
@keyframes advertise-chat-invite {
  0%, 11%, 22%, 100% { box-shadow: 0 0 0 0 rgba(217, 255, 90, 0); transform: translateY(0); }
  5%, 16% { box-shadow: 0 0 0 8px rgba(217, 255, 90, 0.58), 0 0 32px rgba(217, 255, 90, 0.68); transform: translateY(-2px); }
}

@media (max-width: 1040px) and (min-width: 761px) {
  .advertise-roadmap-grid li { min-height: 610px; }
  .advertise-roadmap-top { min-height: 410px; }
  .advertise-roadmap-art { height: 370px; flex-basis: 370px; }
}

@media (max-width: 760px) {
  .advertise-decisions-copy h2 { max-width: 10ch; }
  .advertise-decisions-actions { display: grid; }
  .advertise-decisions-actions .preview-button { width: 100%; }
  .advertise-decisions .advertise-care-card { padding: 26px 22px; }
  .advertise-decisions .advertise-care-card li { grid-template-columns: 38px minmax(0, 1fr); gap: 11px; }
  .advertise-care-card li > span { width: 34px; height: 34px; }
  .advertise-ad-wordmark { min-height: 330px; padding: 30px 24px; }
  .advertise-ad-wordmark span,
  .advertise-ad-wordmark strong { font-size: clamp(3.65rem, 17vw, 5.7rem); }
  .advertise-format-art { padding: 25px 22px; }
  .advertise-format-art.is-audio b { font-size: clamp(2.2rem, 12vw, 3.9rem); }
  .advertise-format-chooser { padding: 28px 20px; }
  .advertise-format-chooser-actions {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .advertise-path-action-circle { width: 132px; }
  .advertise-format-art:not(.is-audio) span,
  .advertise-format-art:not(.is-audio) b { font-size: clamp(2.35rem, 13vw, 4.2rem); }
  .advertise-feature-grid article { min-height: 330px; }
  .advertise-feature-top { min-height: 158px; }
  .advertise-roadmap-grid li { min-height: 570px; }
  .advertise-roadmap-top { min-height: 365px; }
  .advertise-roadmap-art { height: 330px; flex-basis: 330px; }
  .advertise-roadmap-illustration { padding: 8px; }
  .advertise-contact-card h2 { max-width: 9.5ch; }
  .advertise-contact-message { min-height: 132px; }
  .advertise-contact-message p { font-size: 0.94rem; }
  .advertise-report-empty { align-items: flex-start; }
  .advertise-image-composer > header,
  .advertise-reach-planner > header { display: grid; }
  .advertise-image-source-options,
  .advertise-reach-options,
  .advertise-image-workspace,
  .advertise-reach-fields,
  .advertise-image-overlay-options { grid-template-columns: 1fr; }
  .advertise-image-source-options label,
  .advertise-reach-options label { min-height: 0; }
  .advertise-image-preview { min-height: 220px; }
}

@media (prefers-reduced-motion: reduce) {
  .advertise-program::before,
  .advertise-program::after,
  .advertise-contact-card h2 i,
  .advertise-contact.is-chat-inviting [data-advertising-open-chat],
  .advertise-road-centerline,
  .advertise-format-chooser.is-revealed .advertise-path-action,
  .advertise-format-grid article.is-revealed .advertise-format-art,
  .advertise-format-grid article.is-revealed .advertise-wave i,
  .advertise-road-traveler .is-traveler-halo,
  .advertise-roadmap-grid li.is-road-active .advertise-roadmap-illustration,
  .advertise-roadmap-grid li.is-road-active .advertise-roadmap-illustration :is(path, circle, rect) { animation: none; }
  body.advertise-motion-ready [data-advertising-reveal] { opacity: 1; transform: none; transition: none; }
  body.advertise-motion-ready .advertise-roadmap-grid li.is-revealed.is-road-active { transform: none; }
  .advertise-roadmap-grid li.is-road-active { box-shadow: none; }
  .advertise-road-traveler { transition: none; }
  .advertise-contact-message p { transition: none; }
  .advertise-contact-card h2,
  .advertise-contact-card h2 span { transition: none; }
}

/* Advertising reports */
.advertising-reports-main { background: #f4f1ec; color: var(--advertise-ink, #07070a); }
.advertising-reports-hero {
  background:
    radial-gradient(circle at 84% 22%, rgba(217, 255, 90, 0.25), transparent 24%),
    radial-gradient(circle at 14% 82%, rgba(165, 80, 244, 0.34), transparent 34%),
    #08080d;
  color: #fff;
  padding: clamp(90px, 10vw, 154px) 0 clamp(70px, 8vw, 124px);
}
.advertising-reports-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 0.52fr);
  align-items: end;
  gap: clamp(44px, 8vw, 128px);
}
.advertising-reports-hero h1 {
  max-width: 11ch;
  margin: 14px 0 28px;
  font-size: clamp(4rem, 8.2vw, 8.8rem);
  line-height: 0.84;
  letter-spacing: -0.075em;
}
.advertising-reports-hero p:not(.advertise-eyebrow) {
  max-width: 760px;
  color: #bbb6c2;
  font-size: clamp(1rem, 1.4vw, 1.32rem);
  line-height: 1.5;
}
.advertising-reports-signal {
  min-height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(12px, 2vw, 26px);
  border: 1px solid #2f2d39;
  border-radius: 38px;
  background: linear-gradient(140deg, rgba(165, 80, 244, 0.17), rgba(8, 8, 13, 0.52));
  overflow: hidden;
}
.advertising-reports-signal span {
  width: clamp(16px, 2.4vw, 30px);
  height: var(--report-signal-height, 96px);
  border-radius: 999px;
  background: linear-gradient(180deg, #f24ba9, #9557ef 56%, #74d4e8);
  box-shadow: 0 0 38px rgba(165, 80, 244, 0.34);
}
.advertising-reports-signal span:nth-child(1), .advertising-reports-signal span:nth-child(5) { --report-signal-height: 88px; }
.advertising-reports-signal span:nth-child(2), .advertising-reports-signal span:nth-child(4) { --report-signal-height: 176px; }
.advertising-reports-signal span:nth-child(3) { --report-signal-height: 252px; }
.advertising-reports-content { padding: clamp(64px, 9vw, 130px) 0; }
.advertising-reports-state,
.advertising-reports-auth,
.advertising-reports-empty {
  display: grid;
  justify-items: start;
  gap: 14px;
  padding: clamp(28px, 5vw, 58px);
  border: 2px solid #101016;
  border-radius: 30px;
  background: #fff;
  box-shadow: 13px 13px 0 rgba(165, 80, 244, 0.18);
}
.advertising-reports-state[hidden],
.advertising-reports-auth[hidden],
.advertising-reports-empty[hidden],
[data-advertising-reports-dashboard][hidden] { display: none; }
.advertising-reports-state strong,
.advertising-reports-auth h2,
.advertising-reports-empty h2 { margin: 0; font-size: clamp(1.8rem, 3.2vw, 3.4rem); line-height: 1; }
.advertising-reports-state span,
.advertising-reports-auth p,
.advertising-reports-empty p { margin: 0 0 10px; max-width: 700px; color: #66616d; font-size: 1.04rem; line-height: 1.55; }
.advertising-reports-state.is-error { border-color: #f47f68; }
.advertising-reports-heading,
.advertising-reports-section-title {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 26px;
}
.advertising-reports-heading { margin-bottom: 38px; }
.advertising-reports-heading h2 { margin: 8px 0 0; font-size: clamp(3rem, 6vw, 6.5rem); line-height: 0.88; letter-spacing: -0.06em; }
.advertising-reports-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.advertising-reports-cards article {
  min-height: 240px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 26px;
  border: 1px solid #d7d1ca;
  border-radius: 24px;
  background: #fff;
}
.advertising-reports-cards article:nth-child(2) { background: #d5f2e9; }
.advertising-reports-cards article:nth-child(3) { background: #e7dbf8; }
.advertising-reports-cards article:nth-child(4) { background: #e7ff72; }
.advertising-reports-cards article > span { font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; }
.advertising-reports-cards strong { font-size: clamp(2rem, 4.8vw, 4.8rem); letter-spacing: -0.055em; line-height: 0.9; overflow-wrap: anywhere; }
.advertising-reports-cards small { color: #625e66; line-height: 1.35; }
.advertising-reports-gate {
  display: grid;
  grid-template-columns: minmax(220px, 0.42fr) minmax(0, 1fr);
  gap: 30px;
  margin: 28px 0 76px;
  padding: 28px 30px;
  border-radius: 22px;
  background: #101016;
  color: #fff;
}
.advertising-reports-gate[hidden] { display: none; }
.advertising-reports-gate strong { color: #d9ff5a; font-size: 1.22rem; }
.advertising-reports-gate p { margin: 0; color: #c0bbc4; line-height: 1.5; }
.advertising-reports-campaigns { padding-top: 24px; }
.advertising-reports-section-title { margin-bottom: 22px; border-bottom: 3px solid #101016; padding-bottom: 18px; }
.advertising-reports-section-title h3 { margin: 0; font-size: clamp(2rem, 4vw, 4.3rem); letter-spacing: -0.05em; }
.advertising-reports-section-title span { color: #69636d; font-weight: 700; }
[data-advertising-report-campaigns] { display: grid; gap: 12px; }
[data-advertising-report-campaigns] article {
  display: grid;
  grid-template-columns: minmax(260px, 0.7fr) minmax(0, 1fr);
  align-items: center;
  gap: 24px;
  padding: 22px 24px;
  border: 1px solid #d8d3cc;
  border-radius: 18px;
  background: #fff;
}
[data-advertising-report-campaigns] article > div { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
[data-advertising-report-campaigns] h4 { margin: 0; font-size: 1.2rem; }
[data-advertising-report-campaigns] article span { padding: 6px 10px; border-radius: 999px; background: #eee7f6; font-size: 0.76rem; font-weight: 800; text-transform: uppercase; }
[data-advertising-report-campaigns] p,
.advertising-reports-no-campaigns { margin: 0; color: #67616b; line-height: 1.45; }
.advertising-reports-no-campaigns { padding: 28px; border-radius: 18px; background: #fff; }
.advertise-roadmap-report-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: 20px;
  padding: 12px 18px;
  border: 1px solid rgba(255, 255, 255, 0.34);
  border-radius: 999px;
  color: #fff;
  font-weight: 800;
  text-decoration: none;
  transition: background 180ms ease, color 180ms ease, transform 180ms ease;
}
.advertise-roadmap-report-link:hover,
.advertise-roadmap-report-link:focus-visible { background: #d9ff5a; color: #08080d; transform: translateY(-2px); outline: none; }

@media (max-width: 980px) {
  .advertising-reports-hero-grid { grid-template-columns: 1fr; }
  .advertising-reports-signal { min-height: 250px; }
  .advertising-reports-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .advertising-reports-hero { padding-top: 72px; }
  .advertising-reports-hero h1 { font-size: clamp(3.35rem, 17vw, 5.1rem); }
  .advertising-reports-signal { min-height: 210px; border-radius: 25px; }
  .advertising-reports-heading,
  .advertising-reports-section-title { align-items: flex-start; flex-direction: column; }
  .advertising-reports-heading .preview-button { width: 100%; }
  .advertising-reports-cards { grid-template-columns: 1fr; }
  .advertising-reports-cards article { min-height: 200px; }
  .advertising-reports-gate { grid-template-columns: 1fr; }
  [data-advertising-report-campaigns] article { grid-template-columns: 1fr; }
}

.advertising-workspace-tabs {
  width: fit-content;
  margin: 0 0 34px;
  padding: 5px;
  border: 1px solid #cfc8d1;
  border-radius: 999px;
  display: flex;
  gap: 4px;
  background: #fff;
}
.advertising-workspace-tabs a {
  padding: 11px 18px;
  border-radius: 999px;
  color: #363039;
  font-weight: 850;
  text-decoration: none;
}
.advertising-workspace-tabs a.is-current { background: #101016; color: #fff; }
.advertising-reports-insights,
.advertising-reports-upcoming { padding-top: 56px; }
.advertising-performance-chart {
  display: grid;
  gap: 17px;
  padding: clamp(24px, 4vw, 42px);
  border-radius: 24px;
  background: #101016;
  color: #fff;
}
.advertising-performance-chart > div {
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr) minmax(76px, auto);
  align-items: center;
  gap: 14px;
}
.advertising-performance-chart span { font-weight: 800; }
.advertising-performance-chart i { height: 16px; border-radius: 999px; background: #2d2933; overflow: hidden; }
.advertising-performance-chart b { display: block; width: var(--advertising-chart-value, 2%); height: 100%; border-radius: inherit; background: linear-gradient(90deg, #a550f4, #74d4e8, #d9ff5a); }
.advertising-performance-chart strong { text-align: right; }
[data-advertising-upcoming-campaigns] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
[data-advertising-upcoming-campaigns] article {
  min-height: 150px;
  padding: 22px;
  border: 1px solid #d8d3cc;
  border-radius: 19px;
  display: grid;
  align-content: space-between;
  gap: 10px;
  background: #fff;
}
[data-advertising-upcoming-campaigns] article strong { font-size: 1.12rem; }
[data-advertising-upcoming-campaigns] article span { color: #625d65; }
[data-advertising-upcoming-campaigns] article small { width: fit-content; padding: 5px 9px; border-radius: 999px; background: #eee7f6; font-weight: 800; text-transform: uppercase; }
.advertising-reports-no-campaigns { display: grid; gap: 8px; }
.advertising-reports-no-campaigns a { width: fit-content; color: #5e35a3; font-weight: 850; }

@media (max-width: 760px) {
  .advertise-objective-feedback { grid-template-columns: 1fr auto; }
  .advertise-objective-feedback .preview-button { grid-column: 1 / -1; width: 100%; }
  .advertising-workspace-tabs { width: 100%; }
  .advertising-workspace-tabs a { flex: 1; text-align: center; }
  [data-advertising-upcoming-campaigns] { grid-template-columns: 1fr; }
  .advertising-performance-chart > div { grid-template-columns: 70px minmax(0, 1fr); }
  .advertising-performance-chart strong { grid-column: 2; text-align: left; }
}

/* Advertising Task 488: compact voice playback and paired creative workspace. */
.advertise-ai-brief {
  margin-top: 18px;
  border: 1px solid rgba(91, 53, 122, 0.18);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(249, 245, 253, 0.94), rgba(241, 250, 249, 0.9));
  overflow: hidden;
}

.advertise-ai-brief > summary {
  list-style: none;
  min-height: 68px;
  padding: 15px 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.advertise-ai-brief > summary::-webkit-details-marker { display: none; }
.advertise-ai-brief > summary > span { min-width: 0; display: grid; gap: 3px; }
.advertise-ai-brief > summary strong { color: #2b1938; font-size: 0.95rem; }
.advertise-ai-brief > summary small { color: #695f70; line-height: 1.4; }
.advertise-ai-brief > summary > em {
  margin-left: auto;
  padding: 6px 10px;
  border-radius: 999px;
  background: #e8ddf4;
  color: #5e35a3;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 850;
  white-space: nowrap;
}
.advertise-ai-brief > summary b {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #18131c;
  color: #d9ff5a;
  font-size: 1.25rem;
  transition: transform 180ms ease;
}
.advertise-ai-brief[open] > summary b { transform: rotate(45deg); }

@media (max-width: 620px) {
  .advertise-ai-brief > summary { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
  .advertise-ai-brief > summary > em { grid-column: 1; margin-left: 0; width: fit-content; }
  .advertise-ai-brief > summary > b { grid-column: 2; grid-row: 1 / span 2; }
}

.advertise-ai-brief-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
  padding: 0 18px 18px;
}

.advertise-ai-brief-grid label {
  display: grid;
  align-content: start;
  gap: 7px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(76, 49, 96, 0.14);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.84);
}
.advertise-ai-brief-grid label > span { font-size: 0.78rem; font-weight: 900; }
.advertise-ai-brief-grid em { color: #776c7c; font-size: 0.68rem; font-style: normal; font-weight: 700; }
.advertise-ai-brief-grid input,
.advertise-ai-brief-grid select {
  box-sizing: border-box;
  width: 100%;
  min-height: 43px;
  border: 1px solid #d3c9d9;
  border-radius: 11px;
  padding: 9px 11px;
  background: #fff;
  color: #1c1620;
  font: inherit;
}
.advertise-ai-brief-grid input:focus,
.advertise-ai-brief-grid select:focus { border-color: var(--advertise-violet); outline: 3px solid rgba(165, 80, 244, 0.12); }
.advertise-ai-brief-grid small { color: #706675; font-size: 0.72rem; line-height: 1.4; }

.advertise-creative-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(240px, 0.9fr);
  gap: 11px;
  margin: 20px 0;
  padding: 11px;
  border: 1px solid rgba(78, 50, 101, 0.18);
  border-radius: 20px;
  background: #17131c;
}
.advertise-creative-tabs[hidden] { display: none; }
.advertise-creative-tabs > button {
  min-width: 0;
  min-height: 70px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 14px;
  padding: 11px 13px;
  background: transparent;
  color: #fff;
  cursor: pointer;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-content: center;
  gap: 2px 9px;
  text-align: left;
  transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
}
.advertise-creative-tabs > button > span { grid-row: 1 / span 2; align-self: center; color: #d9ff5a; font-size: 0.7rem; font-weight: 950; }
.advertise-creative-tabs > button strong { font-size: 0.9rem; }
.advertise-creative-tabs > button small { color: #bcb5c2; font-size: 0.7rem; }
.advertise-creative-tabs > button[aria-selected="true"] { border-color: #d9ff5a; background: #f6f0fb; color: #1b1421; transform: translateY(-1px); }
.advertise-creative-tabs > button[aria-selected="true"] small { color: #63586a; }
.advertise-creative-tabs > button:focus-visible { outline: 3px solid rgba(217, 255, 90, 0.34); outline-offset: 2px; }
.advertise-creative-tabs > p { align-self: center; margin: 0; color: #bbb3c1; font-size: 0.75rem; line-height: 1.45; }

.advertise-voice-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.92fr);
  gap: 16px;
  align-items: stretch;
}
.advertise-voice-overview .advertise-speaker-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.advertise-voice-overview .advertise-speaker-grid:has(.advertise-speaker-card:only-child) { grid-template-columns: minmax(0, 1fr); }

.advertise-speaker-voice-heading {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.98rem;
}
.advertise-speaker-voice-heading > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.advertise-inline-voice-preview {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 31px;
  height: 31px;
  border: 1px solid #b99aca;
  border-radius: 50%;
  padding: 0;
  background: #f3eafb;
  color: #5e2d86;
  cursor: pointer;
  font-size: 0.72rem;
  line-height: 1;
}
.advertise-inline-voice-preview:hover,
.advertise-inline-voice-preview:focus-visible,
.advertise-inline-voice-preview[aria-pressed="true"] { border-color: var(--advertise-violet); background: var(--advertise-violet); color: #fff; outline: none; }

.advertise-companion-preview {
  min-width: 0;
  padding: 17px;
  border: 1px solid rgba(83, 53, 108, 0.22);
  border-radius: 18px;
  background:
    radial-gradient(circle at 86% 12%, rgba(116, 212, 232, 0.22), transparent 28%),
    linear-gradient(145deg, #17131d, #24172f 72%, #13252c);
  color: #fff;
  display: grid;
  align-content: start;
  gap: 13px;
}
.advertise-companion-preview[hidden] { display: none; }
.advertise-companion-preview > header { display: grid; gap: 4px; }
.advertise-companion-preview > header span { color: #d9ff5a; font-size: 0.67rem; font-weight: 950; letter-spacing: 0.08em; text-transform: uppercase; }
.advertise-companion-preview > header strong { font-size: 1rem; }
.advertise-companion-preview > header small,
.advertise-companion-preview > p { color: #c5bdca; font-size: 0.72rem; line-height: 1.42; }
.advertise-companion-preview > header small { margin: 0; }
.advertise-companion-preview > p { margin: 0; }
.advertise-companion-preview > div[data-advertising-companion-image] {
  position: relative;
  isolation: isolate;
  display: grid;
  place-content: center;
  min-height: 205px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 15px;
  padding: 20px;
  background: linear-gradient(135deg, rgba(165, 80, 244, 0.28), rgba(116, 212, 232, 0.2));
  text-align: center;
}
.advertise-companion-preview > div[data-advertising-companion-image] img { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; }
.advertise-companion-preview > div[data-advertising-companion-image] span { font-size: 1rem; font-weight: 900; }
.advertise-companion-preview > div[data-advertising-companion-image] small { margin-top: 6px; color: #d1cad5; font-size: 0.7rem; }
.advertise-companion-preview > div:not([data-advertising-companion-image]) { display: flex; flex-wrap: wrap; gap: 8px; }
.advertise-companion-preview .preview-button { min-height: 39px; }
.advertise-companion-preview .preview-button.subtle { border-color: rgba(255, 255, 255, 0.28); background: transparent; color: #fff; }

@media (max-width: 980px) {
  .advertise-creative-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .advertise-creative-tabs > p { grid-column: 1 / -1; padding: 4px 5px; }
  .advertise-voice-overview { grid-template-columns: 1fr; }
  .advertise-companion-preview > div[data-advertising-companion-image] { min-height: 260px; }
}

@media (max-width: 620px) {
  .advertise-ai-brief > summary { align-items: flex-start; }
  .advertise-ai-brief-grid { grid-template-columns: 1fr; }
  .advertise-creative-tabs { grid-template-columns: 1fr; }
  .advertise-creative-tabs > p { grid-column: auto; }
  .advertise-voice-overview .advertise-speaker-grid { grid-template-columns: 1fr; }
  .advertise-companion-preview > div[data-advertising-companion-image] { min-height: 190px; }
  .advertise-companion-preview > div:not([data-advertising-companion-image]) { display: grid; }
  .advertise-companion-preview .preview-button { width: 100%; }
}

.advertise-variation-workbench {
  padding: 16px;
  border: 1px solid #d6cadf;
  border-radius: 18px;
  background: linear-gradient(135deg, #fbf8fd, #f1f7f7);
  display: grid;
  gap: 12px;
}
.advertise-variation-workbench > header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: end;
  gap: 12px;
}
.advertise-variation-workbench > header > span { display: grid; gap: 3px; }
.advertise-variation-workbench > header > span strong { font-size: 0.95rem; }
.advertise-variation-workbench > header > span small,
.advertise-variation-workbench > p { color: #6d6372; font-size: 0.73rem; line-height: 1.45; }
.advertise-variation-workbench > header label { display: grid; gap: 4px; }
.advertise-variation-workbench > header label > span { color: #6d6372; font-size: 0.65rem; font-weight: 900; text-transform: uppercase; }
.advertise-variation-workbench > header select { min-height: 39px; border: 1px solid #cfc3d6; border-radius: 10px; padding: 7px 28px 7px 10px; background: #fff; }
.advertise-variation-workbench > p { margin: 0; }
.advertise-variation-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.advertise-variation-grid[hidden] { display: none; }
.advertise-variation-card { min-width: 0; padding: 13px; border: 1px solid #d9cedf; border-radius: 14px; background: #fff; display: grid; align-content: start; gap: 10px; }
.advertise-variation-card.is-applied { border-color: #8050af; box-shadow: 0 0 0 3px rgba(128, 80, 175, 0.1); }
.advertise-variation-card header { display: grid; gap: 3px; }
.advertise-variation-card header span { color: #78479d; font-size: 0.65rem; font-weight: 950; letter-spacing: 0.06em; text-transform: uppercase; }
.advertise-variation-card header strong { font-size: 0.84rem; }
.advertise-variation-card > p { margin: 0; color: #4f4654; font-size: 0.74rem; line-height: 1.48; }
.advertise-variation-card dl { margin: 0; display: grid; gap: 6px; }
.advertise-variation-card dl div { display: grid; gap: 1px; }
.advertise-variation-card dt { color: #766a7b; font-size: 0.62rem; font-weight: 900; text-transform: uppercase; }
.advertise-variation-card dd { margin: 0; color: #39303f; font-size: 0.69rem; line-height: 1.4; }
.advertise-variation-card .preview-button { align-self: end; width: 100%; min-height: 38px; }

.advertise-spoken-target { margin: 0; padding: 12px 14px; border: 1px solid #d9cedf; border-radius: 16px; background: rgba(255,255,255,.72); display: grid; gap: 10px; }
.advertise-spoken-target > header { display: flex; align-items: center; gap: 7px; }
.advertise-spoken-target > header strong { font-size: 0.78rem; }
.advertise-spoken-target > header button { width: 23px; height: 23px; padding: 0; border: 1px solid #bea9cb; border-radius: 50%; background: #fff; color: #67398d; font-size: 0.68rem; font-weight: 950; cursor: pointer; }
.advertise-spoken-target > header button[aria-expanded="true"] { background: #67398d; color: #fff; }
.advertise-spoken-target > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.advertise-spoken-target label { cursor: pointer; }
.advertise-spoken-target label > input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.advertise-spoken-target label > span { min-height: 50px; border: 1px solid #d4cad9; border-radius: 12px; background: #fff; display: flex; align-items: baseline; justify-content: center; gap: 7px; padding: 10px; }
.advertise-spoken-target label > span strong { font-size: 1rem; }
.advertise-spoken-target label > span small { color: #6f6574; font-size: 0.68rem; }
.advertise-spoken-target label > input:checked + span { border-color: #9255ce; background: #f0e7f7; box-shadow: 0 0 0 2px rgba(146,85,206,.12); }
.advertise-spoken-target label.is-unavailable { opacity: .38; cursor: default; }
.advertise-spoken-target > p { margin: 0; padding: 8px 10px; border-radius: 10px; background: #f1eaf6; color: #5f5267; font-size: 0.7rem; line-height: 1.45; }

.advertise-voice-overview { grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr); align-items: stretch; }
.advertise-voice-overview .advertise-speaker-grid:has(.advertise-speaker-card:only-child) { grid-template-columns: minmax(0, 1fr); }
.advertise-voice-guidance { min-width: 0; padding: 17px; border: 1px solid rgba(84,52,108,.2); border-radius: 18px; background: linear-gradient(145deg, #17131d, #251930 68%, #173037); color: #fff; display: grid; align-content: start; gap: 10px; }
.advertise-voice-guidance > span { color: #d9ff5a; font-size: .66rem; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.advertise-voice-guidance > strong { font-size: 1.05rem; line-height: 1.22; }
.advertise-voice-guidance > p { margin: 0; color: #c8c0cd; font-size: .73rem; line-height: 1.5; }
.advertise-voice-guidance > div { display: grid; gap: 7px; }
.advertise-voice-guidance > div > span { padding: 9px 10px; border: 1px solid rgba(255,255,255,.13); border-radius: 11px; background: rgba(255,255,255,.05); display: grid; gap: 2px; }
.advertise-voice-guidance b { font-size: .75rem; }
.advertise-voice-guidance small { color: #c7becb; font-size: .67rem; }
.advertise-voice-favorites { display: flex; flex-wrap: wrap; gap: 6px; }
.advertise-voice-favorites > span { border: 1px solid #d0c2d8; border-radius: 999px; background: #f7f1fb; display: inline-flex; overflow: hidden; }
.advertise-voice-favorites button { min-height: 29px; border: 0; background: transparent; color: #603584; font-size: .66rem; font-weight: 850; cursor: pointer; }
.advertise-voice-favorites button:first-child { padding: 5px 5px 5px 9px; }
.advertise-voice-favorites button:last-child { padding: 5px 8px 5px 4px; color: #806d89; }
.advertise-voice-favorites-empty { padding: 8px 10px; border-radius: 10px; background: #f7f3f9; }
.advertise-voice-picker { position: relative; min-width: 0; }
.advertise-voice-picker > summary { min-height: 44px; border: 1px solid #cfc5d5; border-radius: 11px; background: #fff; padding: 8px 10px; cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 9px; }
.advertise-voice-picker > summary::-webkit-details-marker { display: none; }
.advertise-voice-picker > summary > span { min-width: 0; display: grid; gap: 1px; }
.advertise-voice-picker > summary strong { overflow: hidden; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.advertise-voice-picker > summary small { color: #766a7b; font-size: .62rem; }
.advertise-voice-picker[open] > summary { border-color: #9255ce; box-shadow: 0 0 0 3px rgba(146,85,206,.12); }
.advertise-voice-picker[open] > summary > b { transform: rotate(180deg); }
.advertise-voice-picker-panel { z-index: 30; position: absolute; top: calc(100% + 6px); left: 0; right: 0; max-height: 360px; overflow: auto; border: 1px solid #c9bad2; border-radius: 14px; background: #fff; padding: 8px; box-shadow: 0 18px 45px rgba(42,27,52,.22); }
.advertise-voice-picker-panel section { display: grid; gap: 4px; }
.advertise-voice-picker-panel section + section { margin-top: 8px; padding-top: 8px; border-top: 1px solid #e7dfea; }
.advertise-voice-picker-panel h4 { margin: 0; padding: 4px 6px; color: #714593; font-size: .64rem; letter-spacing: .055em; text-transform: uppercase; }
.advertise-voice-option { border-radius: 10px; display: grid; grid-template-columns: minmax(0,1fr) 32px 32px; align-items: center; gap: 3px; }
.advertise-voice-option.is-selected { background: #f1e8f8; }
.advertise-voice-option > button { min-width: 0; min-height: 34px; border: 0; border-radius: 8px; background: transparent; color: #33293a; cursor: pointer; }
.advertise-voice-option > button:first-child { padding: 6px 7px; display: grid; gap: 1px; text-align: left; }
.advertise-voice-option > button:first-child strong { overflow: hidden; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.advertise-voice-option > button:first-child small { overflow: hidden; color: #756b7a; font-size: .6rem; text-overflow: ellipsis; white-space: nowrap; }
.advertise-voice-option > button:not(:first-child) { color: #6d3a94; display: grid; place-items: center; }
.advertise-voice-option > button:hover,
.advertise-voice-option > button:focus-visible { background: #eee5f5; outline: none; }
.advertise-voice-option > button:disabled { opacity: .35; cursor: default; }
.advertise-voice-unavailable { padding: 10px; border-radius: 10px; background: #f5f1f6; color: #6d6372; font-size: .73rem; }
.advertise-line-row:has(.advertise-line-actions[hidden]) { grid-template-columns: minmax(145px, .22fr) minmax(0, 1fr); }
.advertise-line-actions[hidden] { display: none; }

@media (max-width: 980px) {
  .advertise-variation-grid { grid-template-columns: 1fr; }
  .advertise-voice-overview { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .advertise-variation-workbench > header { grid-template-columns: 1fr auto; align-items: end; }
  .advertise-variation-workbench > header > span { grid-column: 1 / -1; }
  .advertise-variation-workbench > header .preview-button { min-width: 0; }
  .advertise-spoken-target > div { gap: 6px; }
  .advertise-spoken-target label > span { min-height: 46px; padding: 8px 5px; gap: 4px; }
  .advertise-line-row:has(.advertise-line-actions[hidden]) { grid-template-columns: 1fr; }
  .advertise-voice-picker-panel { position: fixed; inset: auto 12px 12px; max-height: min(66vh, 520px); }
}
/* Advertising owner controls, enrollment gate, and delivery planner */
.advertise-hero { position: relative; }
.advertise-owner-edit {
  position: absolute;
  z-index: 4;
  top: 24px;
  right: max(24px, calc((100vw - 1480px) / 2));
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid rgba(7, 7, 10, .7);
  border-radius: 999px;
  background: #07070a;
  color: #fff;
  font: inherit;
  font-size: .78rem;
  font-weight: 850;
  cursor: pointer;
  box-shadow: 0 9px 24px rgba(7, 7, 10, .2);
}

.advertise-owner-dialog {
  width: min(980px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  padding: 0;
  border: 0;
  border-radius: 24px;
  background: #fff;
  color: #111116;
  box-shadow: 0 28px 80px rgba(10, 7, 18, .38);
}
.advertise-owner-dialog::backdrop { background: rgba(10, 7, 18, .64); backdrop-filter: blur(5px); }
.advertise-owner-dialog form { padding: 26px; display: grid; gap: 17px; }
.advertise-owner-dialog header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.advertise-owner-dialog header div { display: grid; gap: 4px; }
.advertise-owner-dialog header span { color: #7854c6; font-size: .7rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.advertise-owner-dialog h2,
.advertise-owner-dialog p { margin: 0; }
.advertise-owner-dialog header p { color: #696570; line-height: 1.45; }
.advertise-owner-dialog header button { width: 42px; height: 42px; border: 1px solid #d9d5df; border-radius: 50%; background: #fff; color: #17131d; font-size: 1.45rem; cursor: pointer; }
.advertise-owner-dialog label { display: grid; gap: 7px; font-weight: 800; }
.advertise-owner-dialog fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.advertise-owner-dialog legend { margin-bottom: 8px; padding: 0; font-weight: 850; }
.advertise-owner-dialog input,
.advertise-owner-dialog textarea,
.advertise-enrollment input,
.advertise-enrollment select,
.advertise-delivery-planner input,
.advertise-delivery-planner select { box-sizing: border-box; width: 100%; min-height: 48px; border: 1px solid #d9d5df; border-radius: 12px; background: #fff; color: #17131d; padding: 10px 12px; font: inherit; }
.advertise-owner-dialog input[type="color"] { width: 76px; padding: 4px; }
.advertise-owner-dialog small { color: #716b79; font-weight: 500; }
.advertise-owner-dialog footer { display: flex; justify-content: flex-end; gap: 10px; }
.advertise-owner-dialog footer button:disabled { cursor: not-allowed; opacity: .62; }
.advertise-inline-status { min-height: 1.4em; color: #5e3d99; font-weight: 750; }

.advertise-owner-color-field > div { display: flex; align-items: center; gap: 10px; }
.advertise-owner-color-field > small,
.advertise-owner-image-history > small { display: block; margin-top: 7px; line-height: 1.4; }
.advertise-owner-color-history { display: flex; gap: 8px; }
.advertise-owner-color-history button {
  width: 38px;
  height: 38px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: var(--saved-showcase-color, #a550f4);
  box-shadow: 0 0 0 1px #c9c3d0, 0 5px 14px rgba(20, 14, 29, .14);
  cursor: pointer;
}
.advertise-owner-color-history button:hover,
.advertise-owner-color-history button:focus-visible { box-shadow: 0 0 0 3px #17131d, 0 7px 18px rgba(20, 14, 29, .2); outline: 0; }
.advertise-owner-image-history > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.advertise-owner-image-slot {
  min-width: 0;
  padding: 8px;
  display: grid;
  gap: 5px;
  text-align: left;
  border: 1px solid #d9d5df;
  border-radius: 15px;
  background: #f8f6fb;
  color: #17131d;
  cursor: pointer;
}
.advertise-owner-image-slot > span { min-height: 78px; display: grid; place-items: center; overflow: hidden; border-radius: 10px; background: #eae6ef; color: #756e7d; font-size: .72rem; font-weight: 750; text-align: center; }
.advertise-owner-image-slot img { width: 100%; height: 78px; display: block; object-fit: cover; }
.advertise-owner-image-slot strong { font-size: .82rem; }
.advertise-owner-image-slot small { font-size: .69rem; line-height: 1.25; }
.advertise-owner-image-slot.is-selected { border-color: #17131d; background: #efe9fb; box-shadow: 0 0 0 2px rgba(123, 80, 211, .35); }
.advertise-owner-image-slot:focus-visible { outline: 3px solid rgba(123, 80, 211, .48); outline-offset: 2px; }

.advertise-owner-visual-campaign { padding: 18px !important; border: 1px solid #d9d2e3 !important; border-radius: 18px; background: #faf8fc; display: grid; gap: 14px; }
.advertise-owner-visual-settings { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.advertise-owner-visual-settings select,
.advertise-owner-visual-settings input { box-sizing: border-box; width: 100%; min-height: 46px; border: 1px solid #d9d5df; border-radius: 11px; background: #fff; padding: 9px 11px; font: inherit; }
.advertise-owner-visual-slots { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.advertise-owner-visual-slot { min-width: 0; padding: 7px; border: 1px solid #d9d5df; border-radius: 13px; background: #fff; color: #17131d; display: grid; gap: 4px; text-align: left; cursor: pointer; }
.advertise-owner-visual-slot > span { min-height: 64px; overflow: hidden; border-radius: 9px; background: #eae6ef; display: grid; place-items: center; }
.advertise-owner-visual-slot img { width: 100%; height: 64px; object-fit: cover; }
.advertise-owner-visual-slot b { padding: 7px; font-size: .68rem; text-align: center; }
.advertise-owner-visual-slot strong { overflow: hidden; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.advertise-owner-visual-slot small { font-size: .62rem; }
.advertise-owner-visual-slot.is-enabled > span { box-shadow: inset 0 0 0 2px rgba(79,153,112,.28); }
.advertise-owner-visual-slot.is-selected { border-color: #17131d; background: #efe9fb; box-shadow: 0 0 0 2px rgba(123,80,211,.28); }
.advertise-owner-visual-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.advertise-owner-visual-fields .is-wide { grid-column: 1 / -1; }
.advertise-owner-visual-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.advertise-owner-visual-actions > label { margin-right: auto; display: flex; grid-template-columns: 20px 1fr; align-items: center; }
.advertise-owner-visual-actions input[type="checkbox"] { width: 20px; min-height: 20px; accent-color: #7652d2; }

.advertise-enrollment {
  margin-top: 26px;
  padding: clamp(22px, 4vw, 42px);
  border: 1px solid #ded8e5;
  border-radius: 26px;
  background: linear-gradient(135deg, #fbf8ff, #f1f7f7);
  box-shadow: 0 20px 48px rgba(29, 20, 45, .08);
  display: grid;
  gap: 24px;
}
.advertise-enrollment h3 { margin: 5px 0 8px; font-size: clamp(1.7rem, 3.1vw, 2.8rem); letter-spacing: -.045em; }
.advertise-enrollment p { margin: 0; color: #65606c; line-height: 1.5; }
.advertise-enrollment form { display: grid; gap: 18px; }
.advertise-enrollment-grid { display: grid; grid-template-columns: 1.35fr .65fr; gap: 14px; }
.advertise-enrollment-grid label { display: grid; gap: 7px; font-weight: 850; }
.advertise-enrollment-consent { padding: clamp(18px, 2.5vw, 24px); border: 1px solid #ddd5e8; border-radius: 20px; background: rgba(255,255,255,.72); display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px 24px; align-items: center; }
.advertise-enrollment-consent > p { grid-column: 1 / -1; display: grid; gap: 3px; color: #332e38; }
.advertise-enrollment-consent > p strong { font-size: 1rem; }
.advertise-enrollment-consent > p span { color: #716a78; font-size: .8rem; }
.advertise-enrollment-consent ul { margin: 0; padding: 0; display: grid; gap: 9px; list-style: none; }
.advertise-enrollment-consent li { display: grid; grid-template-columns: 23px minmax(0, 1fr); align-items: start; gap: 9px; color: #3c3543; line-height: 1.42; }
.advertise-enrollment-consent li i { width: 21px; height: 21px; border: 1px solid #c9bed9; border-radius: 50%; display: grid; place-items: center; background: #faf8fc; color: #7652d2; font-style: normal; font-size: .72rem; font-weight: 950; transform: scale(.82); transition: transform 180ms ease, background 180ms ease, border-color 180ms ease, color 180ms ease; }
.advertise-enrollment-consent li i::before { content: "•"; }
.advertise-enrollment-consent li.is-accepted i { border-color: #7652d2; background: #7652d2; color: #fff; transform: scale(1); }
.advertise-enrollment-consent li.is-accepted i::before { content: "✓"; }
.advertise-enrollment-consent li.is-accepted { color: #251d2d; }
.advertise-enrollment-agree { min-width: 132px; min-height: 52px; padding: 11px 18px; border: 1px solid #d8d1df; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: #fff; color: #17131d; box-shadow: 0 10px 24px rgba(54,35,82,.1); font: inherit; font-weight: 900; cursor: pointer; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; }
.advertise-enrollment-agree:hover,
.advertise-enrollment-agree:focus-visible { border-color: #7652d2; box-shadow: 0 0 0 3px rgba(118,82,210,.14), 0 14px 28px rgba(54,35,82,.14); outline: 0; transform: translateY(-1px); }
.advertise-enrollment-agree b { color: #7652d2; opacity: 0; transform: scale(.5); transition: opacity 180ms ease, transform 180ms ease; }
.advertise-enrollment-agree.is-accepting { cursor: wait; }
.advertise-enrollment-agree.is-accepted b { opacity: 1; transform: scale(1); }
.advertise-enrollment-agree.is-accepted { border-color: #7652d2; background: #f4efff; }
.advertise-enrollment-actions { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.advertise-enrollment-actions p { color: #684aa7; font-weight: 750; }
.advertise-enrollment-actions .preview-button:disabled { opacity: .5; cursor: not-allowed; }
.advertise-enrollment-actions .preview-button.is-ready { animation: advertise-registration-ready 1.2s ease 2; }
.advertise-enrollment-proceed { margin-left: auto; display: inline-flex; align-items: center; gap: 7px; color: #684aa7; font-size: .76rem; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; }
.advertise-enrollment-proceed[hidden] { display: none; }
.advertise-enrollment-proceed i { font-size: 1rem; font-style: normal; animation: advertise-proceed-arrow .75s ease-in-out infinite alternate; }
.advertise-enrollment select.needs-attention { animation: advertise-registration-select 900ms ease 2; }

.advertise-tier-price { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; font-size: 1.1rem; font-weight: 900; }
.advertise-tier-price small { color: #766f7e; font-size: .62rem; font-weight: 800; text-transform: uppercase; }
.advertise-delivery-planner { margin-top: 20px; padding: 22px; border: 1px solid #dcd5e5; border-radius: 22px; background: linear-gradient(135deg, #fbf8ff, #f2f7f7); display: grid; gap: 18px; }
.advertise-delivery-planner h3 { margin: 4px 0; font-size: clamp(1.35rem, 2.2vw, 2rem); }
.advertise-delivery-planner p { margin: 0; color: #696370; line-height: 1.45; }
.advertise-delivery-planner-controls { display: grid; grid-template-columns: 1.25fr .8fr .8fr; gap: 12px; }
.advertise-delivery-planner-controls label { display: grid; gap: 7px; font-weight: 820; }
.advertise-currency-field { position: relative; display: block; }
.advertise-currency-field b { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); }
.advertise-currency-field input { padding-left: 28px; }
.advertise-delivery-planner-result { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.advertise-delivery-planner-result span { padding: 14px; border: 1px solid #ddd6e6; border-radius: 15px; background: rgba(255,255,255,.78); display: grid; gap: 3px; }
.advertise-delivery-planner-result strong { font-size: 1.2rem; }
.advertise-delivery-planner-result small { color: #716b79; line-height: 1.35; }
.advertise-delivery-planner-result p { grid-column: 1 / -1; padding: 12px 14px; border-left: 3px solid #8a5ee8; background: rgba(138,94,232,.07); }
.advertise-planner-toggle { display: flex; align-items: flex-start; gap: 11px; }
.advertise-planner-toggle input { flex: 0 0 21px; width: 21px; min-height: 21px; margin-top: 2px; accent-color: #7652d2; }
.advertise-planner-toggle span { display: grid; gap: 3px; }
.advertise-planner-toggle small { color: #716b79; line-height: 1.4; }

@media (max-width: 760px) {
  .advertise-owner-edit { top: 14px; right: 14px; }
  .advertise-enrollment-grid,
  .advertise-delivery-planner-controls,
  .advertise-delivery-planner-result { grid-template-columns: 1fr; }
  .advertise-enrollment-actions { align-items: stretch; flex-direction: column; }
  .advertise-enrollment-actions .preview-button { width: 100%; }
  .advertise-enrollment-consent { grid-template-columns: 1fr; }
  .advertise-enrollment-consent > p { grid-column: 1; }
  .advertise-enrollment-agree { width: 100%; }
  .advertise-enrollment-proceed { margin-left: 0; align-self: center; }
  .advertise-delivery-planner-result p { grid-column: auto; }
  .advertise-owner-dialog form { padding: 20px; }
  .advertise-owner-image-history > div { gap: 7px; }
  .advertise-owner-image-slot { padding: 6px; }
  .advertise-owner-image-slot > span,
  .advertise-owner-image-slot img { min-height: 64px; height: 64px; }
  .advertise-owner-visual-settings,
  .advertise-owner-visual-fields { grid-template-columns: 1fr; }
  .advertise-owner-visual-fields .is-wide { grid-column: auto; }
  .advertise-owner-visual-slots { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .advertise-owner-visual-actions { align-items: stretch; flex-direction: column; }
  .advertise-owner-visual-actions > label { margin-right: 0; }
  .advertise-owner-dialog footer { flex-direction: column-reverse; }
  .advertise-owner-dialog footer .preview-button { width: 100%; }
}

@keyframes advertise-registration-ready {
  0%, 100% { box-shadow: 0 0 0 0 rgba(118,82,210,0); }
  50% { box-shadow: 0 0 0 7px rgba(118,82,210,.18), 0 14px 30px rgba(55,35,84,.16); }
}
@keyframes advertise-proceed-arrow { from { transform: translateX(0); } to { transform: translateX(5px); } }
@keyframes advertise-registration-select {
  0%, 100% { border-color: #d9d5df; box-shadow: none; }
  50% { border-color: #7652d2; box-shadow: 0 0 0 4px rgba(118,82,210,.16); }
}

/* Advertising Task 507: constrained Spotlight builder and owner canary. */
.advertise-spotlight-composer[hidden],
.advertise-spotlight-overlay[hidden],
.advertising-owner-canary[hidden] {
  display: none;
}

.advertise-spotlight-composer {
  grid-column: 1 / -1;
  padding: clamp(20px, 3vw, 32px);
  border: 1px solid #d8cfea;
  border-radius: 26px;
  background: linear-gradient(140deg, #fbf8ff 0%, #f3f7ff 52%, #f5fffb 100%);
  display: grid;
  gap: 20px;
}
.advertise-spotlight-composer > header { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.advertise-spotlight-composer > header > div { display: grid; gap: 5px; }
.advertise-spotlight-composer > header span:first-child { color: #6c4abe; font-size: .73rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.advertise-spotlight-composer > header strong { font-size: clamp(1.25rem, 2.2vw, 1.8rem); }
.advertise-spotlight-composer > header small { max-width: 760px; color: #696370; line-height: 1.45; }
.advertise-spotlight-layouts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.advertise-spotlight-layouts label { position: relative; cursor: pointer; }
.advertise-spotlight-layouts input { position: absolute; opacity: 0; pointer-events: none; }
.advertise-spotlight-layouts span { min-height: 86px; padding: 15px; border: 1px solid #d8d1e1; border-radius: 16px; background: rgba(255,255,255,.88); display: grid; gap: 4px; align-content: center; }
.advertise-spotlight-layouts small { color: #746d7d; line-height: 1.25; }
.advertise-spotlight-layouts input:checked + span { border-color: #8455ee; box-shadow: 0 0 0 2px rgba(132,85,238,.15); background: #f1eaff; }
.advertise-spotlight-layouts input:focus-visible + span { outline: 3px solid #17131d; outline-offset: 3px; }
.advertise-spotlight-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.advertise-spotlight-fields label { display: grid; gap: 7px; font-weight: 820; }
.advertise-spotlight-fields label.is-wide { grid-column: 1 / -1; }
.advertise-spotlight-fields small { color: #746d7d; font-weight: 600; line-height: 1.35; }
.advertise-spotlight-fields em { color: #766f7e; font-weight: 650; }
.advertise-spotlight-surfaces { margin: 0; padding: 16px; border: 1px solid #d8d1e1; border-radius: 18px; display: flex; flex-wrap: wrap; gap: 12px 20px; }
.advertise-spotlight-surfaces legend { padding: 0 8px; font-weight: 900; }
.advertise-spotlight-surfaces label { display: flex; align-items: center; gap: 8px; font-weight: 780; }
.advertise-spotlight-surfaces input { width: 20px; min-height: 20px; accent-color: #7652d2; }
.advertise-spotlight-surfaces small { flex-basis: 100%; color: #716b79; line-height: 1.4; }
.advertise-spotlight-preview-actions { display: flex; align-items: center; gap: 16px; }
.advertise-spotlight-preview-actions p { margin: 0; color: #696370; }

body.has-advertising-spotlight { overflow: hidden; }
.advertise-spotlight-overlay { position: fixed; inset: 0; z-index: 10050; padding: clamp(16px, 4vw, 56px); background: rgba(12,9,18,.72); backdrop-filter: blur(9px); display: grid; place-items: center; }
.advertise-spotlight-card { --spotlight-a: #21172f; --spotlight-b: #7451d4; position: relative; width: min(960px, 100%); max-height: min(760px, calc(100vh - 32px)); overflow: auto; border: 1px solid rgba(255,255,255,.3); border-radius: 30px; background: linear-gradient(135deg, var(--spotlight-a), var(--spotlight-b)); color: #fff; box-shadow: 0 30px 100px rgba(0,0,0,.4); display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); isolation: isolate; }
.advertise-spotlight-card[data-template="image_split"] { --spotlight-a: #111218; --spotlight-b: #234aa1; }
.advertise-spotlight-card[data-template="poster_stack"] { --spotlight-a: #431f78; --spotlight-b: #f03f7d; grid-template-columns: 1fr; }
.advertise-spotlight-card[data-template="floating_shapes"] { --spotlight-a: #0f4245; --spotlight-b: #7a4ed1; }
.advertise-spotlight-card[data-template="soft_shimmer"] { --spotlight-a: #2a1642; --spotlight-b: #be4f98; }
.advertise-spotlight-card[data-template="still_spotlight"] { --spotlight-a: #18171b; --spotlight-b: #453d51; }
.advertise-spotlight-card::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(110deg, transparent 28%, rgba(255,255,255,.2) 45%, transparent 62%); transform: translateX(-110%); }
.advertise-spotlight-card[data-motion="shimmer_5s"]::after { animation: advertise-spotlight-shimmer 5s ease-out 1; }
.advertise-spotlight-card[data-motion="float_5s"]::after { border-radius: 50%; background: radial-gradient(circle, rgba(223,255,101,.3), transparent 64%); animation: advertise-spotlight-float 5s ease-in-out 1; }
.advertise-spotlight-card-media { min-height: 420px; background: rgba(255,255,255,.08); overflow: hidden; display: grid; place-items: center; }
.advertise-spotlight-card-media img { width: 100%; height: 100%; min-height: 420px; object-fit: cover; }
.advertise-spotlight-art-placeholder { font-size: clamp(2.5rem, 8vw, 6rem); font-weight: 950; letter-spacing: -.06em; opacity: .32; }
.advertise-spotlight-card-copy { padding: clamp(34px, 6vw, 70px); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 14px; }
.advertise-spotlight-sponsored { padding: 7px 10px; border: 1px solid rgba(255,255,255,.4); border-radius: 999px; font-size: .68rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.advertise-spotlight-brand { font-size: .9rem; letter-spacing: .04em; }
.advertise-spotlight-eyebrow { color: #dcff65; font-size: .78rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.advertise-spotlight-card h2 { margin: 0; max-width: 12ch; color: #fff; font-size: clamp(2.1rem, 5vw, 4.4rem); line-height: .92; letter-spacing: -.055em; }
.advertise-spotlight-card p { margin: 0; color: rgba(255,255,255,.86); line-height: 1.5; }
.advertise-spotlight-card ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 7px; }
.advertise-spotlight-card li::before { content: "✓"; margin-right: 8px; color: #dcff65; font-weight: 950; }
.advertise-spotlight-card-copy > small { color: rgba(255,255,255,.68); line-height: 1.35; }
.advertise-spotlight-actions { width: 100%; display: flex; flex-wrap: wrap; gap: 10px; }
.advertise-spotlight-actions button { min-height: 48px; padding: 12px 20px; border: 1px solid rgba(255,255,255,.58); border-radius: 999px; background: #dcff65; color: #141217; font: inherit; font-weight: 900; cursor: pointer; }
.advertise-spotlight-actions button + button { background: transparent; color: #fff; }
.advertise-spotlight-close { position: absolute; top: 17px; right: 17px; z-index: 3; width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; background: rgba(8,7,11,.58); color: #fff; font-size: 1.75rem; line-height: 1; cursor: pointer; }
.advertise-spotlight-close:focus-visible, .advertise-spotlight-actions button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

.advertising-owner-canary { padding: 24px; border: 1px solid #d9cfee; border-radius: 24px; background: linear-gradient(135deg, #f8f3ff, #eef8f6); display: grid; gap: 18px; }
.advertising-owner-canary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.advertising-owner-canary-grid article { padding: 18px; border: 1px solid #ddd6e7; border-radius: 18px; background: rgba(255,255,255,.82); display: grid; gap: 12px; }
.advertising-owner-canary-grid article > span { color: #6c4abe; font-size: .72rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.advertising-owner-canary-grid label { display: grid; gap: 6px; font-weight: 800; }
.advertising-owner-canary-grid article > div { display: flex; flex-wrap: wrap; gap: 8px; }
.advertising-owner-canary audio { width: 100%; }

@keyframes advertise-spotlight-shimmer { from { transform: translateX(-110%); } to { transform: translateX(110%); } }
@keyframes advertise-spotlight-float { 0% { transform: translate(-25%, 15%) scale(.7); } 50% { transform: translate(35%, -18%) scale(1.1); } 100% { transform: translate(70%, 12%) scale(.8); } }

@media (max-width: 760px) {
  .advertise-spotlight-layouts, .advertise-spotlight-fields, .advertising-owner-canary-grid { grid-template-columns: 1fr; }
  .advertise-spotlight-fields label.is-wide { grid-column: auto; }
  .advertise-spotlight-preview-actions { align-items: stretch; flex-direction: column; }
  .advertise-spotlight-overlay { padding: 10px; }
  .advertise-spotlight-card { grid-template-columns: 1fr; border-radius: 22px; }
  .advertise-spotlight-card-media, .advertise-spotlight-card-media img { min-height: 230px; max-height: 34vh; }
  .advertise-spotlight-card-copy { padding: 26px 22px 28px; }
  .advertise-spotlight-card h2 { max-width: 14ch; font-size: clamp(2rem, 12vw, 3.25rem); }
}

@media (prefers-reduced-motion: reduce) {
  .advertise-spotlight-card::after { animation: none !important; transform: none !important; opacity: 0; }
}

/* Advertising Task 509: tangible visual and audio campaign demonstrations. */
.advertise-visual-demo,
.advertise-audio-demo { position: relative; min-width: 0; display: grid; gap: 12px; perspective: 1300px; }
.advertise-visual-demo-stage,
.advertise-audio-demo-stage { position: relative; min-height: 390px; transform-style: preserve-3d; transition: transform 760ms cubic-bezier(.2,.82,.2,1); }
.advertise-visual-demo.is-showing-demo .advertise-visual-demo-stage,
.advertise-audio-demo.is-playing .advertise-audio-demo-stage,
.advertise-audio-demo.is-paused .advertise-audio-demo-stage { transform: rotateY(180deg); }
.advertise-visual-demo-face,
.advertise-audio-demo-face { position: absolute; inset: 0; min-height: 390px; border-radius: 20px; overflow: hidden; backface-visibility: hidden; }
.advertise-visual-demo-face.advertise-format-art,
.advertise-audio-demo-face.advertise-format-art { min-height: 390px; box-sizing: border-box; }
.advertise-visual-demo-face.is-example { transform: rotateY(180deg); background: #101018; color: #fff; box-shadow: 0 22px 45px rgba(0,0,0,.28); }
.advertise-visual-slide { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); opacity: 0; visibility: hidden; pointer-events: none; transform: translateX(12px); transition: opacity 480ms ease, transform 480ms ease, visibility 0s linear 480ms; }
.advertise-visual-slide.is-active { z-index: 1; opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(0); transition-delay: 0s; }
.advertise-visual-slide-media { position: relative; min-width: 0; min-height: 390px; overflow: hidden; }
.advertise-visual-slide-media img { width: 100%; height: 100%; min-height: 390px; object-fit: cover; }
.advertise-visual-slide.is-coffee .advertise-visual-slide-media img { object-position: 23% center; }
.advertise-visual-slide.is-sports .advertise-visual-slide-media img { object-position: 49% center; }
.advertise-visual-media-logo {
  position: absolute;
  z-index: 2;
  top: 22px;
  left: 22px;
  max-width: calc(100% - 44px);
  padding: 8px 12px;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 999px;
  background: rgba(10,9,15,.62);
  color: #fff;
  box-shadow: 0 12px 24px rgba(0,0,0,.2);
  backdrop-filter: blur(10px);
  font-size: .63rem;
  font-weight: 900;
  letter-spacing: .04em;
  line-height: 1.1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.advertise-visual-slide-copy { min-width: 0; padding: clamp(22px, 2.4vw, 30px); container-type: inline-size; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; background: radial-gradient(circle at 92% 8%, rgba(165,80,244,.31), transparent 42%), #101018; }
.advertise-visual-slide.is-coffee .advertise-visual-slide-copy { background: radial-gradient(circle at 86% 9%, rgba(220,121,48,.28), transparent 38%), linear-gradient(145deg, #161017, #0b0a0f 68%); }
.advertise-visual-slide.is-sports .advertise-visual-slide-copy { background: radial-gradient(circle at 85% 12%, rgba(84,230,208,.25), transparent 36%), linear-gradient(145deg, #111a25, #090a0f 72%); }
.advertise-visual-slide-copy small { color: #d9ff5a; font-size: .62rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.advertise-visual-slide-copy strong { width: 100%; max-width: 100%; margin-top: 18px; color: #fff; font-size: clamp(.72rem, 5.4cqi, 1.15rem); overflow-wrap: normal; word-break: keep-all; white-space: nowrap; letter-spacing: -.045em; line-height: 1; }
.advertise-visual-slide-copy p { margin: 20px 0 24px; color: #cbc6d3; font-size: clamp(.82rem, 1vw, .94rem); font-weight: 680; line-height: 1.45; }
.advertise-visual-slide-logo { max-width: 100%; margin-bottom: 11px; padding: 6px 9px; border: 1px solid rgba(255,255,255,.24); border-radius: 999px; color: #fff; background: rgba(255,255,255,.08); font-size: .58rem; font-weight: 850; letter-spacing: .035em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.advertise-visual-slide-action { min-height: 40px; padding: 10px 15px; border-radius: 999px; background: #d9ff5a; color: #111116; display: inline-flex; align-items: center; gap: 12px; font-size: .75rem; font-weight: 900; letter-spacing: 0; line-height: 1; text-decoration: none; }
.advertise-visual-slide-action b { width: auto; padding: 0; color: inherit; font-size: 1rem; letter-spacing: 0; line-height: 1; }
.advertise-visual-slide-action.is-translucent { position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,.5); background: rgba(255,255,255,.16); color: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.26), 0 12px 25px rgba(0,0,0,.18); backdrop-filter: blur(12px); }
.advertise-visual-slide-action.is-translucent::after { content: ""; position: absolute; inset: -80% auto -80% -30%; width: 24%; transform: rotate(18deg); background: linear-gradient(90deg, transparent, rgba(255,255,255,.58), transparent); animation: advertise-visual-shimmer 3.6s ease-in-out infinite; }
.advertise-visual-demo[data-visual-transition="fade"] .advertise-visual-slide { transform: none; }
.advertise-visual-demo[data-visual-transition="slide"] .advertise-visual-slide { transform: translateX(14px); }
.advertise-visual-demo[data-visual-transition="slide"] .advertise-visual-slide.is-active { transform: translateX(0); }
.advertise-welcome-preset { position: relative; min-width: 0; min-height: 390px; padding: clamp(24px, 3vw, 38px); box-sizing: border-box; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background: linear-gradient(145deg, #ff43b0 0%, #b735ee 44%, #5548ff 100%); color: #fff; }
.advertise-welcome-preset::after { content: ""; position: absolute; inset: -40% auto -40% -55%; width: 44%; transform: skewX(-18deg); background: linear-gradient(90deg, transparent, rgba(255,255,255,.34), transparent); animation: advertise-visual-shimmer 3.4s ease-in-out infinite; }
.advertise-welcome-preset > * { position: relative; z-index: 1; }
.advertise-welcome-preset > i { position: absolute; inset: 0; z-index: 0; background: radial-gradient(circle at 78% 22%, rgba(255,255,255,.25), transparent 28%), radial-gradient(circle at 18% 86%, rgba(217,255,90,.2), transparent 30%); }
.advertise-welcome-preset small { padding: 8px 12px; border: 1px solid rgba(255,255,255,.48); border-radius: 999px; background: rgba(255,255,255,.14); color: #fff; font-size: .62rem; font-weight: 900; letter-spacing: .08em; backdrop-filter: blur(10px); }
.advertise-welcome-preset strong { margin-top: 24px; color: #fff; font-size: clamp(2.8rem, 5vw, 4.8rem); letter-spacing: -.075em; line-height: .86; }
.advertise-welcome-preset span { margin-top: 7px; color: #fff; font-size: .86rem; font-weight: 900; letter-spacing: .08em; }
.advertise-welcome-preset em { margin-top: 24px; padding: 12px 16px; border: 1px solid rgba(255,255,255,.58); border-radius: 999px; background: rgba(255,255,255,.9); color: #3c1a66; font-size: .68rem; font-style: normal; font-weight: 950; letter-spacing: .07em; box-shadow: 0 15px 30px rgba(33,10,70,.25); animation: advertise-visual-cta-pulse 1.8s ease-in-out infinite; }
.advertise-welcome-copy {
  min-width: 0;
  padding: clamp(22px, 2.6vw, 34px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  container-type: inline-size;
  background: radial-gradient(circle at 84% 11%, rgba(165,80,244,.24), transparent 36%), linear-gradient(145deg, #171229, #0a0a12 70%);
}
.advertise-welcome-copy > small { color: #d9ff5a; font-size: .61rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.advertise-welcome-copy > strong { max-width: 11ch; margin-top: 14px; color: #fff; font-size: clamp(1.5rem, 8cqi, 2.4rem); letter-spacing: -.055em; line-height: .94; text-wrap: balance; }
.advertise-welcome-copy > p { margin: 13px 0 14px; color: #c7c2d0; font-size: .78rem; font-weight: 650; line-height: 1.4; }
.advertise-welcome-copy ul { width: 100%; margin: 0 0 15px; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.12); }
.advertise-welcome-copy li { padding: 7px 0; border-bottom: 1px solid rgba(255,255,255,.12); color: #fff; font-size: .68rem; font-weight: 780; }
.advertise-visual-demo-actions { min-width: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.advertise-demo-toggle { justify-self: start; padding: 9px 14px; border: 1px solid #4a4852; border-radius: 999px; background: #17171e; color: #fff; font: inherit; font-size: .72rem; font-weight: 850; cursor: pointer; }
.advertise-demo-toggle:hover,
.advertise-demo-toggle:focus-visible { border-color: #d9ff5a; outline: 0; box-shadow: 0 0 0 3px rgba(217,255,90,.17); }
.advertise-visual-demo-pager { display: inline-flex; align-items: center; gap: 5px; }
.advertise-visual-demo-pager[hidden] { display: none; }
.advertise-visual-demo-pager button { width: 8px; height: 8px; min-height: 0; padding: 0; border: 0; border-radius: 999px; background: #53505c; cursor: pointer; transition: width 220ms ease, background-color 220ms ease, box-shadow 220ms ease; }
.advertise-visual-demo-pager button[aria-pressed="true"],
.advertise-visual-demo-pager button.is-active { width: 24px; background: #d9ff5a; box-shadow: 0 0 0 3px rgba(217,255,90,.08); }
.advertise-visual-demo-pager button:focus-visible,
.advertise-demo-see-more:focus-visible,
.advertise-visual-demo-dots button:focus-visible { outline: 3px solid rgba(217,255,90,.42); outline-offset: 2px; }
.advertise-demo-see-more { min-height: 34px; padding: 8px 12px; border-radius: 999px; background: #d9ff5a; color: #111116; display: inline-flex; align-items: center; gap: 8px; font-size: .68rem; font-weight: 900; text-decoration: none; }
.advertise-demo-see-more[hidden] { display: none; }
.advertise-visual-demo-dots { display: flex; align-items: center; gap: 6px; }
.advertise-visual-demo-dots[hidden] { display: none; }
.advertise-visual-demo-dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 999px; background: #53505c; cursor: pointer; transition: width 220ms ease, background-color 220ms ease; }
.advertise-visual-demo-dots button[aria-current="true"] { width: 24px; background: #d9ff5a; }
.advertise-demo-disclosure { max-width: 560px; color: #898690; font-size: .67rem; font-weight: 650; line-height: 1.4; }
.advertise-visual-capabilities li { position: relative; transition: color 260ms ease, padding-left 260ms ease; }
.advertise-visual-capabilities li.is-highlighted { padding-left: 13px; color: #d9ff5a; }
.advertise-visual-capabilities li.is-highlighted::before { content: ""; position: absolute; top: 50%; left: 0; width: 6px; height: 6px; border-radius: 999px; background: #d9ff5a; transform: translateY(-50%); box-shadow: 0 0 0 5px rgba(217,255,90,.12); }

.advertise-audio-demo-face.is-front { display: grid; align-content: center; }
.advertise-audio-demo-face.is-player { transform: rotateY(180deg); padding: clamp(28px, 4vw, 44px); box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; background: radial-gradient(circle at 30% 10%, rgba(165,80,244,.58), transparent 44%), linear-gradient(145deg, #1c1925, #09090d); color: #fff; box-shadow: 0 22px 48px rgba(0,0,0,.32); }
.advertise-wave { position: relative; appearance: none; width: 100%; padding: 0 28px; font: inherit; cursor: pointer; }
.advertise-wave em { position: absolute; right: 24px; bottom: 10px; color: #111116; font-size: .62rem; font-style: normal; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.advertise-audio-demo-brand { width: min(240px, 82%); height: 76px; display: flex; justify-content: center; align-items: center; gap: 9px; }
.advertise-audio-demo-brand i { width: 9px; height: var(--demo-bar-height, 22px); border-radius: 999px; background: linear-gradient(180deg, #d9ff5a, #67ddc5); transform-origin: center; }
.advertise-audio-demo-brand i:nth-child(1), .advertise-audio-demo-brand i:nth-child(7) { --demo-bar-height: 20px; }
.advertise-audio-demo-brand i:nth-child(2), .advertise-audio-demo-brand i:nth-child(6) { --demo-bar-height: 38px; }
.advertise-audio-demo-brand i:nth-child(3), .advertise-audio-demo-brand i:nth-child(5) { --demo-bar-height: 56px; }
.advertise-audio-demo-brand i:nth-child(4) { --demo-bar-height: 72px; }
.advertise-audio-demo.is-playing .advertise-audio-demo-brand i { animation: advertise-audio-demo-bar 680ms ease-in-out infinite alternate; }
.advertise-audio-demo.is-playing .advertise-audio-demo-brand i:nth-child(2),
.advertise-audio-demo.is-playing .advertise-audio-demo-brand i:nth-child(6) { animation-delay: 90ms; }
.advertise-audio-demo.is-playing .advertise-audio-demo-brand i:nth-child(3),
.advertise-audio-demo.is-playing .advertise-audio-demo-brand i:nth-child(5) { animation-delay: 180ms; }
.advertise-audio-demo.is-playing .advertise-audio-demo-brand i:nth-child(4) { animation-delay: 270ms; }
.advertise-audio-demo-face.is-player > small:first-of-type { color: #d9ff5a; font-size: .68rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.advertise-audio-demo-face.is-player > strong { max-width: 10ch; margin-top: 15px; font-size: clamp(2rem, 4.1vw, 4.15rem); letter-spacing: -.06em; line-height: .88; }
.advertise-audio-demo-face.is-player > p { margin: 16px 0 20px; color: #c6c1ce; font-weight: 720; }
.advertise-audio-demo-controls { display: flex; align-items: center; justify-content: center; gap: 10px; }
.advertise-audio-demo-controls button { min-width: 46px; min-height: 43px; padding: 9px 14px; border: 1px solid #5a5665; border-radius: 999px; background: #24212d; color: #fff; font: inherit; font-weight: 850; cursor: pointer; }
.advertise-audio-demo-controls button:nth-child(2) { min-width: 100px; border-color: #d9ff5a; background: #d9ff5a; color: #111116; }
.advertise-audio-demo-controls button:hover,
.advertise-audio-demo-controls button:focus-visible { outline: 0; box-shadow: 0 0 0 3px rgba(217,255,90,.2); }
.advertise-audio-demo-disclosure { max-width: 330px; margin-top: 18px; color: #8f8a98; font-size: .65rem; line-height: 1.4; }
.advertise-owner-mini-button { position: absolute; z-index: 5; top: 12px; right: 12px; padding: 8px 11px; border: 1px solid rgba(255,255,255,.4); border-radius: 999px; background: rgba(8,8,12,.78); color: #fff; font: inherit; font-size: .68rem; font-weight: 900; cursor: pointer; }
.advertise-owner-mini-button:focus-visible { outline: 3px solid #d9ff5a; outline-offset: 2px; }
.advertise-audio-demo > audio { display: none; }

.advertise-audio-demo-dialog { width: min(760px, calc(100vw - 32px)); }
.advertise-owner-audio-history > div { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.advertise-owner-audio-history > small { display: block; margin-top: 7px; line-height: 1.4; }
.advertise-owner-audio-slot { min-width: 0; min-height: 112px; border: 1px solid #d9d5df; border-radius: 14px; background: #f8f6fb; color: #17131d; display: grid; grid-template-rows: 1fr auto; overflow: hidden; text-align: center; transition: opacity .16s ease, transform .16s ease, border-color .16s ease; }
.advertise-owner-audio-slot[draggable="true"] { cursor: grab; }
.advertise-owner-audio-slot.is-dragging { opacity: .45; transform: scale(.97); }
.advertise-owner-audio-slot.is-drag-target { border-color: #7b50d3; box-shadow: 0 0 0 3px rgba(123,80,211,.2); }
.advertise-owner-audio-slot.is-paused { background: #eeedf1; color: #6f6877; }
.advertise-owner-audio-slot-select { width: 100%; min-width: 0; padding: 10px 7px 7px; border: 0; background: transparent; color: inherit; display: grid; place-items: center; gap: 3px; font: inherit; cursor: pointer; }
.advertise-owner-audio-slot strong { font-size: .8rem; }
.advertise-owner-audio-slot small { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .64rem; }
.advertise-owner-audio-default { color: #7147cb; font-size: .58rem; letter-spacing: .06em; text-transform: uppercase; }
.advertise-owner-audio-slot-actions { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #ded9e5; }
.advertise-owner-audio-slot-actions button { min-width: 0; padding: 6px 3px; border: 0; border-right: 1px solid #ded9e5; border-top: 1px solid #ded9e5; background: #fff; color: #55378e; font: inherit; font-size: .58rem; font-weight: 850; cursor: pointer; }
.advertise-owner-audio-slot-actions button:nth-child(-n+2) { border-top: 0; }
.advertise-owner-audio-slot-actions button:nth-child(2n) { border-right: 0; }
.advertise-owner-audio-slot.is-selected { border-color: #17131d; background: #efe9fb; box-shadow: 0 0 0 2px rgba(123,80,211,.35); }
.advertise-owner-audio-slot.is-saved .advertise-owner-audio-slot-select::before { content: "●"; color: #4aab75; font-size: .68rem; }
.advertise-owner-audio-slot.is-paused .advertise-owner-audio-slot-select::before { color: #8c8792; }
.advertise-owner-audio-versions { margin-top: 16px; padding: 14px; border: 1px solid #ded9e5; border-radius: 16px; background: #f8f6fb; }
.advertise-owner-audio-versions > p { margin: 0; color: #746d7a; font-size: .82rem; }
.advertise-owner-audio-versions > header, .advertise-owner-audio-versions article { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.advertise-owner-audio-versions > header { margin-bottom: 9px; }
.advertise-owner-audio-versions > header div, .advertise-owner-audio-versions article > div:first-child { display: grid; gap: 2px; }
.advertise-owner-audio-versions > header span, .advertise-owner-audio-versions article small { color: #746d7a; font-size: .72rem; }
.advertise-owner-audio-versions button { padding: 7px 10px; border: 1px solid #d2c9df; border-radius: 999px; background: #fff; color: #5b369e; font: inherit; font-size: .7rem; font-weight: 850; cursor: pointer; }
.advertise-owner-audio-versions article { padding: 10px 0; border-top: 1px solid #e1dce7; }
.advertise-owner-audio-versions article > div:last-child { display: flex; gap: 6px; }
.advertise-owner-confirm-dialog { width: min(520px, calc(100vw - 30px)); padding: 0; border: 1px solid #d8d0e1; border-radius: 22px; box-shadow: 0 28px 90px rgba(20,13,29,.32); }
.advertise-owner-confirm-dialog::backdrop { background: rgba(12,9,16,.68); backdrop-filter: blur(5px); }
.advertise-owner-confirm-dialog form { padding: 26px; display: grid; gap: 17px; }
.advertise-owner-confirm-dialog header span { color: #7147cb; font-size: .7rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.advertise-owner-confirm-dialog h2 { margin: 5px 0 0; font-size: 1.65rem; letter-spacing: -.04em; }
.advertise-owner-confirm-dialog p { margin: 0; color: #625b69; line-height: 1.5; }
.advertise-owner-confirm-acknowledgement { padding: 13px; border: 1px solid #dacdea; border-radius: 14px; background: #f5effd; display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; font-weight: 750; line-height: 1.38; }
.advertise-owner-confirm-acknowledgement[hidden] { display: none; }
.advertise-owner-confirm-acknowledgement input { width: 18px; height: 18px; margin: 1px 0 0; accent-color: #7b50d3; }
.advertise-owner-confirm-dialog footer { display: flex; justify-content: flex-end; gap: 9px; }
.advertise-owner-dialog select { box-sizing: border-box; width: 100%; min-height: 48px; border: 1px solid #d9d5df; border-radius: 12px; background: #fff; color: #17131d; padding: 10px 12px; font: inherit; }
.advertise-owner-audio-presentation { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: 12px; }
.advertise-owner-voice-select { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: stretch; gap: 9px; }
.advertise-owner-voice-select .preview-button { min-width: 118px; }
.advertise-owner-ai-field > span { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.advertise-owner-ai-field > span b { font: inherit; }
.advertise-owner-ai-field > span button { padding: 7px 12px; border: 1px solid #bba5e8; border-radius: 999px; background: #f7f1ff; color: #6336a4; font: inherit; font-size: .73rem; font-weight: 900; cursor: pointer; }
.advertise-owner-ai-field > span button:hover,
.advertise-owner-ai-field > span button:focus-visible { outline: 0; border-color: #6336a4; box-shadow: 0 0 0 3px rgba(99,54,164,.14); }
.advertise-owner-ai-field > span button:disabled { cursor: wait; opacity: .62; }
.advertise-format-grid article.is-audio-format .advertise-format-copy h3 { max-width: 12ch; text-wrap: balance; overflow-wrap: normal; }

@keyframes advertise-audio-demo-bar { from { transform: scaleY(.55); opacity: .68; } to { transform: scaleY(1.15); opacity: 1; } }
@keyframes advertise-visual-shimmer { 0%, 18% { left: -55%; } 68%, 100% { left: 135%; } }
@keyframes advertise-visual-cta-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.035); } }

@media (max-width: 760px) {
  .advertise-visual-demo-stage,
  .advertise-audio-demo-stage,
  .advertise-visual-demo-face,
  .advertise-audio-demo-face,
  .advertise-visual-demo-face.advertise-format-art,
  .advertise-audio-demo-face.advertise-format-art { min-height: 360px; }
  .advertise-visual-slide { grid-template-columns: 1fr; grid-template-rows: 170px minmax(0, 1fr); }
  .advertise-visual-slide-media,
  .advertise-visual-slide-media img,
  .advertise-welcome-preset { min-height: 170px; height: 170px; }
  .advertise-welcome-preset { padding: 18px 20px; }
  .advertise-welcome-preset strong { margin-top: 12px; font-size: clamp(2.15rem, 12vw, 3rem); }
  .advertise-welcome-preset em { position: absolute; right: 18px; bottom: 16px; margin: 0; padding: 9px 11px; }
  .advertise-welcome-copy { padding: 18px 20px; }
  .advertise-welcome-copy > strong { margin-top: 8px; font-size: clamp(1.35rem, 7.8vw, 1.9rem); }
  .advertise-welcome-copy > p { margin: 8px 0 10px; }
  .advertise-welcome-copy ul { display: none; }
  .advertise-visual-slide-copy { padding: 20px; }
  .advertise-visual-slide-copy strong { margin-top: 12px; font-size: clamp(1.12rem, 5.5vw, 1.42rem); }
  .advertise-visual-slide-copy p { margin: 12px 0 15px; }
  .advertise-visual-demo-actions { align-items: stretch; }
  .advertise-visual-demo-pager { width: auto; justify-content: flex-start; }
  .advertise-demo-see-more { width: 100%; justify-content: center; box-sizing: border-box; }
  .advertise-owner-audio-history > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .advertise-owner-audio-presentation,
  .advertise-owner-voice-select { grid-template-columns: 1fr; }
  .advertise-audio-demo-owner-actions { flex-direction: column-reverse; }
}

@media (prefers-reduced-motion: reduce) {
  .advertise-visual-demo-stage,
  .advertise-audio-demo-stage { transition: none; }
  .advertise-visual-slide { transition: none; }
  .advertise-welcome-preset::after,
  .advertise-welcome-preset em,
  .advertise-visual-slide-action.is-translucent::after { animation: none; }
  .advertise-audio-demo.is-playing .advertise-audio-demo-brand i { animation: none; }
}

/* Advertising Task 510: single-action enrollment and accessible contract reading. */
.advertise-contract-body {
  background:
    radial-gradient(circle at 86% 9%, rgba(116,212,232,.13), transparent 25%),
    linear-gradient(115deg, rgba(165,80,244,.19), transparent 44%),
    linear-gradient(180deg, #201c28 0%, #251b31 54%, #39264f 82%, #211827 100%);
}
.advertise-contract-browser .advertise-program-grid article {
  grid-template-columns: minmax(250px, .72fr) minmax(0, 1.28fr);
  grid-template-rows: auto auto 1fr;
  gap: 10px clamp(30px, 5vw, 70px);
}
.advertise-contract-browser .advertise-program-grid .advertise-card-kicker { grid-column: 1; grid-row: 1; margin-bottom: 8px; }
.advertise-contract-browser .advertise-program-grid h3 {
  grid-column: 1;
  grid-row: 2;
  max-width: 450px;
  font-size: clamp(2.15rem, 3.15vw, 3.65rem);
  letter-spacing: -.045em;
  line-height: .98;
  text-wrap: balance;
}
.advertise-contract-browser .advertise-program-grid article.is-refunds h3,
.advertise-contract-browser .advertise-program-grid article.is-music h3 { font-size: clamp(2.05rem, 3vw, 3.45rem); line-height: .99; }
.advertise-contract-browser .advertise-program-grid ul {
  grid-column: 2;
  grid-row: 1 / span 3;
  margin: 0;
  display: grid;
  align-content: center;
  gap: 10px;
}
.advertise-contract-browser .advertise-program-grid li {
  padding: 15px 16px;
  border: 1px solid rgba(7,7,10,.15);
  border-radius: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto auto;
  gap: 6px 12px;
  background: rgba(255,255,255,.16);
  backdrop-filter: blur(4px);
}
.advertise-policy-tag {
  grid-column: 1;
  grid-row: 1;
  max-width: none;
  padding: 5px 9px;
  border: 1px solid rgba(7,7,10,.28);
  background: rgba(255,255,255,.32);
  color: rgba(7,7,10,.78);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.34);
}
.advertise-policy-title { grid-column: 1; grid-row: 2; font-size: .91rem; font-weight: 860; line-height: 1.34; }
.advertise-policy-copy { grid-column: 1 / -1; grid-row: 3; max-width: 72ch; color: rgba(7,7,10,.7); font-size: .79rem; font-weight: 610; line-height: 1.5; }
.advertise-contract-reader {
  grid-column: 1;
  grid-row: 3;
  align-self: end;
  position: relative;
  z-index: 2;
  width: fit-content;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
}
.advertise-contract-reader button,
.advertise-policy-play {
  min-height: 40px;
  padding: 9px 13px;
  border: 1px solid rgba(7,7,10,.3);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: rgba(255,255,255,.38);
  color: #111116;
  font: inherit;
  font-size: .72rem;
  font-weight: 900;
  box-shadow: 0 9px 22px rgba(38,22,51,.1);
  cursor: pointer;
}
.advertise-contract-reader button:hover,
.advertise-contract-reader button:focus-visible,
.advertise-policy-play:hover,
.advertise-policy-play:focus-visible { border-color: #111116; background: rgba(255,255,255,.68); outline: 0; }
.advertise-contract-reader button::before,
.advertise-policy-play::before { content: "▶"; font-size: .66rem; }
.advertise-contract-reader button.is-playing::before,
.advertise-policy-play.is-playing::before { content: "■"; }
.advertise-contract-reader span { color: rgba(7,7,10,.68); font-size: .68rem; font-weight: 760; }
.advertise-policy-play { grid-column: 2; grid-row: 1 / span 2; width: 34px; min-height: 34px; padding: 0; align-self: start; }
.advertise-policy-play span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.advertise-contract-browser .advertise-program-grid article.is-pricing .advertise-credit-rules { grid-row: 1 / span 3; }
.advertise-showcase-loading {
  grid-column: 1 / -1;
  min-height: 240px;
  display: grid;
  place-items: center;
  color: rgba(255,255,255,.7);
  font-size: .82rem;
  font-weight: 820;
  letter-spacing: .04em;
}

@media (max-width: 760px) {
  .advertise-contract-browser .advertise-program-grid article { grid-template-columns: 1fr; grid-template-rows: auto auto auto auto; gap: 10px; }
  .advertise-contract-browser .advertise-program-grid .advertise-card-kicker { grid-column: 1; grid-row: 1; }
  .advertise-contract-browser .advertise-program-grid h3 { grid-column: 1; grid-row: 2; padding-right: 34px; font-size: clamp(2rem, 9vw, 3rem); }
  .advertise-contract-reader { grid-column: 1; grid-row: 3; margin-top: 8px; }
  .advertise-contract-browser .advertise-program-grid ul { grid-column: 1; grid-row: 4; margin-top: 12px; }
  .advertise-contract-browser .advertise-program-grid article.is-pricing .advertise-credit-rules { grid-column: 1; grid-row: 4; margin-top: 12px; }
  .advertise-contract-browser .advertise-program-grid li { grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto auto; }
}

@media (prefers-reduced-motion: reduce) {
  .advertise-enrollment-actions .preview-button.is-ready,
  .advertise-enrollment-proceed i,
  .advertise-enrollment select.needs-attention { animation: none; }
  .advertise-enrollment-consent li i { transition: none; }
}

/* Advertising Task 520: voluntary enrollment and one-page campaign workspace. */
.advertise-enrollment-grid label small {
  max-width: 72ch;
  color: #766e7e;
  font-size: .72rem;
  font-weight: 650;
  line-height: 1.42;
}
.advertise-enrollment-consent {
  grid-template-columns: 1fr;
  align-items: start;
}
.advertise-enrollment-consent > p { grid-column: 1; }
.advertise-enrollment-agree {
  justify-self: center;
  margin-top: 2px;
}
.advertise-enrolled-status {
  margin-top: 26px;
  padding: clamp(24px, 4vw, 42px);
  border: 1px solid #d9d1e6;
  border-radius: 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  background:
    radial-gradient(circle at 85% 18%, rgba(116,212,232,.22), transparent 28%),
    linear-gradient(135deg, #faf6ff, #f0effb);
  box-shadow: 0 20px 48px rgba(29,20,45,.08);
}
.advertise-enrolled-status[hidden] { display: none; }
.advertise-enrolled-status h3 { margin: 5px 0 8px; font-size: clamp(1.8rem, 3.2vw, 3rem); letter-spacing: -.05em; }
.advertise-enrolled-status p { max-width: 760px; margin: 0; color: #625c69; line-height: 1.5; }
.advertise-enrolled-status .preview-button { flex: 0 0 auto; }

.advertising-workspace-tabs button {
  appearance: none;
  padding: 11px 18px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #363039;
  font: inherit;
  font-weight: 850;
  cursor: pointer;
}
.advertising-workspace-tabs button.is-current { background: #101016; color: #fff; }
.advertising-workspace-tabs button:focus-visible { outline: 3px solid rgba(165,80,244,.32); outline-offset: 2px; }
#advertising-workspace { scroll-margin-top: 96px; }
.advertising-workspace-create[hidden],
[data-advertising-workspace-panel][hidden] { display: none; }
.advertising-workspace-create > header {
  margin-bottom: 24px;
  padding: 0 4px;
}
.advertising-workspace-create > header h2 {
  margin: 6px 0 10px;
  font-size: clamp(2.5rem, 5.2vw, 5.6rem);
  letter-spacing: -.065em;
  line-height: .92;
}
.advertising-workspace-create > header p:last-child { max-width: 760px; color: #66606b; line-height: 1.5; }
.advertising-workspace-create iframe {
  display: block;
  width: 100%;
  min-height: 980px;
  border: 0;
  border-radius: 28px;
  background: #fff;
}
.advertising-reports-no-campaigns button {
  width: fit-content;
  padding: 0;
  border: 0;
  background: transparent;
  color: #5e35a3;
  font: inherit;
  font-weight: 850;
  cursor: pointer;
}

.advertising-reports-hero {
  background:
    radial-gradient(circle at 82% 20%, rgba(116,212,232,.22), transparent 27%),
    radial-gradient(circle at 73% 78%, rgba(242,75,169,.17), transparent 31%),
    radial-gradient(circle at 13% 83%, rgba(165,80,244,.36), transparent 36%),
    #08080d;
}
.advertising-reports-signal {
  background: linear-gradient(145deg, rgba(165,80,244,.2), rgba(242,75,169,.075) 48%, rgba(8,8,13,.56));
}
.advertising-reports-signal span:nth-child(1) { --report-signal-height: 88px; }
.advertising-reports-signal span:nth-child(2) { --report-signal-height: 176px; }
.advertising-reports-signal span:nth-child(3) { --report-signal-height: 252px; }
.advertising-reports-signal span:nth-child(4) { --report-signal-height: 88px; }
.advertising-reports-signal span:nth-child(5) { --report-signal-height: 176px; }
.advertising-reports-cards article:nth-child(2) { background: #e1edf7; }
.advertising-reports-cards article:nth-child(3) { background: #e8e0f4; }
.advertising-reports-cards article:nth-child(4) { background: #f1dce9; }
.advertising-reports-gate strong { color: #8edceb; }
.advertising-performance-chart b { background: linear-gradient(90deg, #a550f4, #f24ba9 58%, #74d4e8); }
body.is-advertising-create-view .advertising-reports-hero { display: none; }
body.is-advertising-create-view .advertising-reports-content { padding-top: clamp(34px, 5vw, 72px); }

body.advertise-campaign-embedded { background: #fff; }
body.advertise-campaign-embedded > .preview-header,
body.advertise-campaign-embedded > .preview-mobile-nav,
body.advertise-campaign-embedded > .preview-footer,
body.advertise-campaign-embedded main > section:not(.advertise-intake) { display: none !important; }
body.advertise-campaign-embedded .advertise-intake {
  padding: 0 0 36px;
  background: #fff;
}
body.advertise-campaign-embedded .advertise-intake > .advertise-shell { width: 100%; max-width: none; }
body.advertise-campaign-embedded .advertise-intake .advertise-section-heading { display: none; }
body.advertise-campaign-embedded .advertise-intake-auth,
body.advertise-campaign-embedded .advertise-enrollment,
body.advertise-campaign-embedded .advertise-intake-workspace { margin-top: 0; }

@media (max-width: 760px) {
  .advertise-enrolled-status { align-items: stretch; flex-direction: column; }
  .advertise-enrolled-status .preview-button { width: 100%; box-sizing: border-box; }
  .advertising-workspace-tabs button { flex: 1; text-align: center; }
  .advertising-workspace-create iframe { min-height: 900px; border-radius: 20px; }
}