.paid-media-home { padding: 120px max(48px,calc((100% - 1360px)/2)); background: var(--paper); color: var(--ink); }
.paid-media-home__heading { margin-bottom: 72px; display: grid; grid-template-columns: minmax(0,1.28fr) minmax(300px,.72fr); gap: 8vw; align-items: end; }
.paid-media-home__heading h2 { max-width: 900px; margin: 0; font-size: clamp(48px,5.1vw,74px); line-height: 1; font-weight: 600; letter-spacing: -.06em; }
.paid-media-home__heading > p { max-width: 530px; margin: 0 0 5px; color: #4f5b61; font-size: 16px; line-height: 1.7; }
.paid-media-home__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.paid-media-home__grid article { min-height: 470px; padding: 27px 28px 30px; display: flex; flex-direction: column; border-right: 1px solid var(--ink); }
.paid-media-home__grid article:first-child { padding-left: 0; }
.paid-media-home__grid article:last-child { padding-right: 0; border-right: 0; }
.paid-media-home__grid header { display: flex; justify-content: space-between; gap: 18px; color: #4f5b61; font: 600 10px/1.4 "IBM Plex Mono",monospace; text-transform: uppercase; }
.paid-media-home__grid header span:last-child { max-width: 145px; text-align: right; }
.paid-media-home__grid h3 { margin: 96px 0 18px; font-size: clamp(30px,2.6vw,40px); line-height: 1; font-weight: 600; letter-spacing: -.055em; }
.paid-media-home__grid p { margin: 0 0 30px; color: #4f5b61; font-size: 14px; line-height: 1.68; }
.paid-media-home__grid a { width: max-content; max-width: 100%; margin-top: auto; padding-bottom: 6px; border-bottom: 1px solid var(--blue); color: var(--ink); font: 600 10px/1.4 "IBM Plex Mono",monospace; text-transform: uppercase; transition: color .2s ease,border-color .2s ease; }
.paid-media-home__grid a span { margin-left: 10px; color: var(--blue); }
.paid-media-home__grid a:hover,.paid-media-home__grid a:focus-visible { color: var(--blue); border-color: var(--lime); }
.paid-media-home__footer { padding-top: 36px; display: flex; align-items: center; justify-content: space-between; gap: 42px; }
.paid-media-home__footer p { max-width: 640px; margin: 0; color: #4f5b61; font-size: 15px; line-height: 1.65; }
.paid-media-home__footer .button { flex: 0 0 auto; }

.paid-media-page { --paid-space: 120px; }
.paid-hero { min-height: 780px; display: grid; grid-template-columns: 62% 38%; border-bottom: 1px solid var(--ink); }
.paid-hero__copy { padding: 118px max(48px,calc((100vw - 1360px)/2)) 80px; padding-right: clamp(55px,6vw,100px); display: flex; flex-direction: column; align-items: flex-start; justify-content: center; background: var(--paper); }
.paid-hero h1 { max-width: 980px; margin-bottom: 30px; font-size: clamp(54px,5.4vw,82px); line-height: .97; }
.paid-hero h1 .title-highlight { color: var(--blue); }
.paid-hero__map { min-width: 0; padding: 36px 38px; position: relative; overflow: hidden; display: grid; grid-template-columns: repeat(2,1fr); grid-template-rows: auto 1fr auto; gap: 14px; background-color: var(--blue); color: var(--paper); background-image: linear-gradient(rgba(255,255,255,.19) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.19) 1px,transparent 1px); background-size: 72px 72px; }
.paid-hero__map > span { grid-column: 1/-1; position: relative; z-index: 2; font: 600 10px/1.4 "IBM Plex Mono",monospace; text-transform: uppercase; }
.paid-hero__map i { min-height: 145px; padding: 24px; position: relative; z-index: 2; display: flex; align-items: flex-end; border: 2px solid var(--paper); color: var(--lime); font: normal 600 52px/1 "Sora",sans-serif; transform: skewY(-5deg); }
.paid-hero__map i:nth-of-type(even) { border-color: var(--lime); transform: skewY(5deg); }
.paid-hero__map b { grid-column: 1/-1; position: relative; z-index: 2; font-size: 24px; line-height: 1.05; letter-spacing: -.05em; }
.paid-hero--detail .paid-hero__map { display: flex; flex-direction: column; justify-content: space-between; }
.paid-hero--detail .paid-hero__map i { width: 72%; min-height: 380px; align-items: center; justify-content: center; align-self: center; border-color: var(--lime); font-size: clamp(90px,11vw,160px); }
.paid-hero--detail .paid-hero__map b { max-width: 330px; }
.paid-media-detail--meta-ads .paid-hero__map { background-color: var(--blue); }
.paid-media-detail--google-ads .paid-hero__map { background-color: var(--ink); }
.paid-media-detail--tiktok-ads .paid-hero__map { background-color: #204fff; }
.paid-media-detail--chatgpt-ads .paid-hero__map { background-color: var(--slate); color: var(--ink); background-image: linear-gradient(rgba(16,24,32,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(16,24,32,.13) 1px,transparent 1px); }
.paid-media-detail--chatgpt-ads .paid-hero__map i { border-color: var(--blue); color: var(--ink); }

.paid-definition { padding: var(--paid-space) max(48px,calc((100% - 1360px)/2)); background: var(--ink); color: var(--paper); }
.paid-definition .offer-section-heading { margin-bottom: 0; }
.paid-definition .offer-section-heading > p { color: #c2cace; }
.paid-channel-section { padding: var(--paid-space) max(48px,calc((100% - 1360px)/2)); background: var(--paper); color: var(--ink); }
.paid-channel-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid var(--ink); border-left: 1px solid var(--ink); }
.paid-channel-card { min-height: 660px; padding: 30px 34px 34px; display: flex; flex-direction: column; border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.paid-channel-card header { display: flex; justify-content: space-between; gap: 20px; color: #4f5b61; font: 600 10px/1.4 "IBM Plex Mono",monospace; text-transform: uppercase; }
.paid-channel-card header span:last-child { text-align: right; }
.paid-channel-card h3 { margin: 78px 0 20px; font-size: clamp(38px,4vw,58px); line-height: 1; }
.paid-channel-card__description { max-width: 620px; margin: 0 0 30px; color: #4f5b61; font-size: 15px; line-height: 1.7; }
.paid-channel-card dl { margin: 0 0 34px; }
.paid-channel-card dl > div { padding: 18px 0; border-top: 1px solid #c4cac8; }
.paid-channel-card dt,.paid-channel-card__purpose > span { margin-bottom: 8px; color: var(--blue); font: 600 10px/1.4 "IBM Plex Mono",monospace; text-transform: uppercase; }
.paid-channel-card dd,.paid-channel-card__purpose p { margin: 0; color: #4f5b61; font-size: 13px; line-height: 1.65; }
.paid-channel-card > a { width: max-content; max-width: 100%; min-height: 46px; margin-top: auto; padding: 0 16px; display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; border: 1px solid var(--lime); background: var(--lime); color: var(--ink); font: 600 10px/1.4 "IBM Plex Mono",monospace; text-transform: uppercase; transition: color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease; }
.paid-channel-card > a span { color: var(--ink); }
.paid-channel-card > a:hover,.paid-channel-card > a:focus-visible { border-color: var(--ink); background: var(--ink); color: var(--paper); transform: translateY(-3px); }
.paid-channel-card > a:hover span,.paid-channel-card > a:focus-visible span { color: var(--lime); }
.paid-channel-grid--growth .paid-channel-card { min-height: 550px; }
.paid-channel-card__purpose { margin: 0 0 34px; padding-top: 20px; border-top: 1px solid #c4cac8; }
.paid-channel-section__link { margin-top: 42px; }

.paid-decision { padding: var(--paid-space) max(48px,calc((100% - 1360px)/2)); background: var(--ink); color: var(--paper); }
.paid-decision .offer-section-heading > p { color: #c2cace; }
.paid-role-list { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid #4a565d; border-bottom: 1px solid #4a565d; list-style: none; }
.paid-role-list li { min-height: 310px; padding: 28px; display: flex; flex-direction: column; justify-content: space-between; border-right: 1px solid #4a565d; }
.paid-role-list li:first-child { padding-left: 0; }
.paid-role-list li:last-child { padding-right: 0; border-right: 0; }
.paid-role-list li > span { color: var(--lime); font: 600 11px/1.4 "IBM Plex Mono",monospace; }
.paid-role-list h3 { margin: 0 0 12px; font-size: 28px; }
.paid-role-list p { margin: 0; color: #c2cace; font-size: 14px; line-height: 1.6; }

.paid-quick-answer { padding: var(--paid-space) max(48px,calc((100% - 1360px)/2)); background: var(--ink); color: var(--paper); }
.paid-quick-answer > div:first-child { margin-bottom: 72px; display: grid; grid-template-columns: .4fr 1.6fr; gap: 6vw; align-items: start; }
.paid-quick-answer h2 { max-width: 970px; margin: 0; font-size: clamp(42px,4.6vw,68px); line-height: 1; }
.paid-quick-answer dl { margin: 0; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #4a565d; border-bottom: 1px solid #4a565d; }
.paid-quick-answer dl > div { min-height: 330px; padding: 30px; border-right: 1px solid #4a565d; }
.paid-quick-answer dl > div:first-child { padding-left: 0; }
.paid-quick-answer dl > div:last-child { padding-right: 0; border-right: 0; }
.paid-quick-answer dt { color: var(--lime); font: 600 10px/1.4 "IBM Plex Mono",monospace; text-transform: uppercase; }
.paid-quick-answer dd { margin: 120px 0 0; color: #d3d9dc; font-size: 15px; line-height: 1.7; }
.paid-availability { max-width: 820px; margin: 38px 0 0 auto; padding-left: 18px; border-left: 6px solid var(--lime); color: #c2cace; font-size: 13px; line-height: 1.7; }
.paid-availability strong { color: var(--paper); }

.paid-applications { padding: var(--paid-space) max(48px,calc((100% - 1360px)/2)); background: var(--paper); }
.paid-application-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.paid-application-grid article { min-height: 360px; padding: 28px; display: flex; flex-direction: column; border-right: 1px solid var(--ink); }
.paid-application-grid article:first-child { padding-left: 0; }
.paid-application-grid article:last-child { padding-right: 0; border-right: 0; }
.paid-application-grid article > span { color: var(--blue); font: 600 11px/1.4 "IBM Plex Mono",monospace; }
.paid-application-grid h3 { margin: auto 0 14px; font-size: 26px; line-height: 1.08; }
.paid-application-grid p { margin: 0; color: #4f5b61; font-size: 14px; line-height: 1.65; }
.paid-integration { min-height: 540px; padding: var(--paid-space) max(48px,calc((100% - 1360px)/2)); display: grid; grid-template-columns: 1.1fr .9fr; gap: 9vw; align-items: end; background: var(--lime); color: var(--ink); }
.paid-integration h2 { max-width: 760px; margin: 0; font-size: clamp(50px,5.2vw,78px); line-height: .98; }
.paid-integration > p { max-width: 650px; margin: 0 0 5px; font-size: 16px; line-height: 1.75; }

.paid-faq { padding: var(--paid-space) max(48px,calc((100% - 1360px)/2)); background: var(--paper); }
.paid-faq__list { border-top: 1px solid var(--ink); }
.paid-faq details { border-bottom: 1px solid var(--ink); }
.paid-faq summary { min-height: 110px; display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: center; cursor: pointer; list-style: none; font-size: 22px; line-height: 1.25; font-weight: 600; letter-spacing: -.04em; }
.paid-faq summary::-webkit-details-marker { display: none; }
.paid-faq summary span { color: var(--blue); font: 400 30px/1 "Sora",sans-serif; transition: transform .35s cubic-bezier(.22,1,.36,1); }
.paid-faq details[open] summary span { transform: rotate(45deg); }
.paid-faq details.is-closing summary span { transform: rotate(0); }
.paid-faq details > p { max-width: 850px; margin: -4px 0 32px; color: #4f5b61; font-size: 15px; line-height: 1.75; opacity: 0; translate: 0 -8px; transition: opacity .28s ease,translate .35s cubic-bezier(.22,1,.36,1); }
.paid-faq details[open]:not(.is-closing) > p { opacity: 1; translate: 0 0; }
.paid-other-channels { padding: 80px max(48px,calc((100% - 1360px)/2)); background: var(--ink); color: var(--paper); }
.paid-other-channels > div { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #4a565d; border-bottom: 1px solid #4a565d; }
.paid-other-channels a { min-height: 120px; padding: 24px; display: grid; grid-template-columns: auto 1fr auto; gap: 20px; align-items: center; border-right: 1px solid #4a565d; font-size: 22px; font-weight: 600; letter-spacing: -.04em; }
.paid-other-channels a:first-child { padding-left: 0; }
.paid-other-channels a:last-child { padding-right: 0; border-right: 0; }
.paid-other-channels a span,.paid-other-channels a b { color: var(--lime); font: 600 10px/1.4 "IBM Plex Mono",monospace; }
.paid-other-channels a:hover,.paid-other-channels a:focus-visible { color: var(--lime); }

@media (max-width:1000px) {
  .paid-media-home,.paid-hero__copy,.paid-definition,.paid-channel-section,.paid-decision,.paid-quick-answer,.paid-applications,.paid-integration,.paid-faq,.paid-other-channels { padding-left: 28px; padding-right: 28px; }
  .paid-media-home__grid,.paid-channel-grid { grid-template-columns: repeat(2,1fr); }
  .paid-media-home__grid article:nth-child(2) { padding-right: 0; border-right: 0; }
  .paid-media-home__grid article:nth-child(n+3) { border-top: 1px solid var(--ink); }
  .paid-media-home__grid article:nth-child(3) { padding-left: 0; }
  .paid-application-grid { grid-template-columns: repeat(2,1fr); }
  .paid-application-grid article:nth-child(2) { padding-right: 0; border-right: 0; }
  .paid-application-grid article:nth-child(n+3) { border-top: 1px solid var(--ink); }
  .paid-application-grid article:nth-child(3) { padding-left: 0; }
}

@media (max-width:760px) {
  .paid-media-page { --paid-space: 88px; }
  .paid-media-home { padding: 88px 18px; }
  .paid-media-home__heading,.offer-page .offer-section-heading { margin-bottom: 55px; display: block; }
  .paid-media-home__heading h2 { margin-bottom: 25px; font-size: 42px; }
  .paid-media-home__heading > p { font-size: 15px; }
  .paid-media-home__grid,.paid-channel-grid { display: block; border-left: 0; }
  .paid-media-home__grid article,.paid-media-home__grid article:first-child,.paid-media-home__grid article:nth-child(2),.paid-media-home__grid article:nth-child(3),.paid-media-home__grid article:last-child { min-height: 390px; padding: 26px 0; border-right: 0; border-top: 0; border-bottom: 1px solid var(--ink); }
  .paid-media-home__grid article:last-child { border-bottom: 0; }
  .paid-media-home__grid h3 { margin-top: 70px; font-size: 36px; }
  .paid-media-home__footer { display: block; }
  .paid-media-home__footer p { margin-bottom: 30px; }

  .paid-hero { min-height: 0; display: flex; flex-direction: column; }
  .paid-hero__copy { min-height: 690px; padding: 88px 18px 60px; }
  .paid-hero h1 { font-size: 48px; }
  .paid-hero__map { min-height: 560px; padding: 24px 18px; }
  .paid-hero__map i { min-height: 150px; }
  .paid-hero--detail .paid-hero__map i { min-height: 360px; }
  .paid-definition,.paid-channel-section,.paid-decision,.paid-quick-answer,.paid-applications,.paid-integration,.paid-faq,.paid-other-channels { padding-left: 18px; padding-right: 18px; }
  .offer-page .offer-section-heading h2 { margin-bottom: 24px; font-size: 43px; }
  .offer-page .offer-section-heading > p { font-size: 15px; }
  .paid-channel-card { min-height: 570px; padding: 27px 0; border-left: 0; border-right: 0; }
  .paid-channel-card h3 { margin-top: 68px; font-size: 42px; }
  .paid-role-list { display: block; }
  .paid-role-list li,.paid-role-list li:first-child,.paid-role-list li:last-child { min-height: 230px; padding: 24px 0; border-right: 0; border-bottom: 1px solid #4a565d; }
  .paid-role-list li:last-child { border-bottom: 0; }
  .paid-quick-answer > div:first-child { margin-bottom: 55px; display: block; }
  .paid-quick-answer > div:first-child .eyebrow { margin-bottom: 24px; }
  .paid-quick-answer h2 { font-size: 42px; }
  .paid-quick-answer dl { display: block; }
  .paid-quick-answer dl > div,.paid-quick-answer dl > div:first-child,.paid-quick-answer dl > div:last-child { min-height: 250px; padding: 25px 0; border-right: 0; border-bottom: 1px solid #4a565d; }
  .paid-quick-answer dl > div:last-child { border-bottom: 0; }
  .paid-quick-answer dd { margin-top: 85px; }
  .paid-application-grid { display: block; }
  .paid-application-grid article,.paid-application-grid article:first-child,.paid-application-grid article:nth-child(2),.paid-application-grid article:nth-child(3),.paid-application-grid article:last-child { min-height: 280px; padding: 25px 0; border-right: 0; border-top: 0; border-bottom: 1px solid var(--ink); }
  .paid-application-grid article:last-child { border-bottom: 0; }
  .paid-integration { min-height: 0; display: block; }
  .paid-integration h2 { margin-bottom: 45px; font-size: 47px; }
  .paid-faq summary { min-height: 100px; font-size: 19px; }
  .paid-other-channels > div { display: block; }
  .paid-other-channels a,.paid-other-channels a:first-child,.paid-other-channels a:last-child { min-height: 100px; padding: 20px 0; border-right: 0; border-bottom: 1px solid #4a565d; }
  .paid-other-channels a:last-child { border-bottom: 0; }
}

@media (prefers-reduced-motion:reduce) {
  .paid-media-home__grid a,.paid-faq summary span,.paid-faq details > p { transition: none; }
}