/* PostAutoPilot — Bold Playful
   Color-only layer. Load LAST, after site-tokens.css and the page theme.
   Typography, spacing, responsive layouts, images and interactions are unchanged. */
:root {
  --pap-cobalt: #155EEF;
  --pap-cobalt-dark: #1046BA;
  --pap-navy: #101B40;
  --pap-teal: #007F78;
  --pap-orange: #FF893B;
  --pap-yellow: #FFC83D;
  --pap-white: #FFFFFF;
  --pap-neutral: #F4F6FA;
  --pap-border: #D5DDE8;
  --pap-muted: #526076;
  --ink: var(--pap-navy);
  --text: var(--pap-navy);
  --navy: var(--pap-navy);
  --muted: var(--pap-muted);
  --blue: var(--pap-cobalt);
  --blue2: var(--pap-cobalt);
  --blue-dark: var(--pap-cobalt-dark);
  --line: var(--pap-border);
  --paper: var(--pap-neutral);
  --cream: var(--pap-white);
  --bg: var(--pap-neutral);
  --mint: var(--pap-teal);
  --peach: var(--pap-orange);
  --lilac: var(--pap-neutral);
  --lemon: var(--pap-yellow);
  --violet: var(--pap-cobalt);
  --orange: var(--pap-orange);
  --green: var(--pap-teal);
  --shadow: 0 14px 36px -22px rgba(16, 27, 64, .3);
}

/* Shared navigation and actions. */
body.playful-home,
body.pap-industry {
  background: var(--pap-white);
  color: var(--pap-navy)
}

.playful-home p,
.pap-industry p {
  color: var(--pap-muted)
}

.playful-home :is(h1, h2, h3, h4),
.pap-industry :is(h1, h2, h3, h4) {
  color: var(--pap-navy)
}

.playful-home :is(.site-header),
.pap-industry .topbar {
  background: rgba(255, 255, 255, .95)
}

.playful-home .nav-shell,
.pap-industry .topbar .nav {
  background: #fff;
  border-color: var(--pap-border);
  box-shadow: 0 4px 0 #DCE3EF
}

.playful-home .wordmark,
.playful-home .nav-links,
.playful-home .nav-actions,
.pap-industry .brand,
.pap-industry .topbar .links {
  color: var(--pap-navy)
}

.playful-home .nav-links a::after,
.pap-industry .links>a::after {
  background: var(--pap-orange)
}

.playful-home .button.blue,
.pap-industry .btn.primary {
  background: var(--pap-cobalt);
  border-color: var(--pap-cobalt-dark);
  box-shadow: 0 4px 0 #103C94;
  color: #fff
}

.playful-home .button.blue:hover,
.pap-industry .btn.primary:hover {
  background: var(--pap-cobalt-dark);
  box-shadow: 0 6px 0 #0B2F7C;
  color: #fff
}

.playful-home .button.outline,
.pap-industry .btn:is(.outline, .secondary) {
  background: #fff;
  border-color: var(--pap-navy);
  color: var(--pap-navy);
  box-shadow: 0 3px 0 #D5DDE8
}

.playful-home .button.outline:hover,
.pap-industry .btn:is(.outline, .secondary):hover {
  background: var(--pap-neutral);
  border-color: var(--pap-cobalt);
  box-shadow: 0 5px 0 #CAD4E6;
  color: var(--pap-cobalt-dark)
}

.playful-home .text-link,
.pap-industry .learn,
.pap-industry .learn-link {
  color: var(--pap-cobalt-dark)
}

.playful-home :is(a, button, summary):focus-visible,
.pap-industry :is(a, button, summary):focus-visible {
  outline-color: var(--pap-cobalt)
}

.playful-home .mobile-nav,
.pap-industry .topbar .links.pap-open {
  background: #fff;
  border-color: var(--pap-border);
  box-shadow: 0 6px 0 #DCE3EF;
  color: var(--pap-navy)
}

.pap-industry .links>a:not(:last-child) {
  border-bottom-color: var(--pap-border)
}

.playful-home .kicker,
.playful-home .hero-copy .kicker,
.pap-industry :is(.kicker, .eyebrow, .copy .num),
.pap-industry .hero .eyebrow {
  color: var(--pap-cobalt-dark)
}

.playful-home .kicker::before,
.pap-industry .kicker::before,
.pap-industry .hero .eyebrow::before {
  background: var(--pap-orange);
  box-shadow: 3px -3px 0 var(--pap-yellow)
}

/* A white canvas, saturated blue artwork and sunny marker highlights. */
.playful-home .hero,
.pap-industry .hero {
  background: var(--pap-white)
}

.playful-home .hero::before,
.pap-industry .hero::before {
  background: radial-gradient(ellipse at 65% 38%, #EDF1F7 0%, #F9FAFC 42%, transparent 70%)
}

.playful-home .hero h1 span {
  color: var(--pap-navy)
}

.playful-home .hero h1 span::before {
  background: var(--pap-yellow)
}

.playful-home .hero h1 span::after {
  border-bottom-color: var(--pap-orange)
}

.playful-home .hero-copy>p {
  color: var(--pap-muted)
}

.playful-home .patent {
  color: var(--pap-muted)
}

.playful-home .patent .icon {
  color: var(--pap-teal)
}

.playful-home .art-glow {
  background: var(--pap-cobalt);
  border-color: var(--pap-cobalt-dark)
}

.playful-home .art-glow::after {
  border-color: var(--pap-teal)
}

.playful-home .hero-person {
  border-color: #fff;
  box-shadow: 9px 10px 0 var(--pap-navy)
}

.playful-home .art-top-note {
  color: var(--pap-navy)
}

.playful-home .art-top-note .icon {
  color: #C04D0B
}

.playful-home .source-post {
  background: #fff;
  border-color: var(--pap-navy);
  box-shadow: 5px 6px 0 var(--pap-navy)
}

.playful-home .source-head {
  color: var(--pap-navy)
}

.playful-home .source-head .icon {
  background: var(--pap-cobalt);
  color: #fff
}

.playful-home .source-content {
  background: var(--pap-orange);
  color: var(--pap-navy)
}

.playful-home .source-content .icon {
  color: var(--pap-navy)
}

.playful-home .source-content::after {
  border-color: #C64F0A;
  box-shadow: 0 0 0 12px #FFB57366
}

.playful-home .source-post>p,
.playful-home .post-footer {
  color: var(--pap-muted);
  border-color: var(--pap-border)
}

.playful-home .send-node {
  background: var(--pap-navy);
  border-color: #fff;
  box-shadow: 4px 5px 0 var(--pap-teal)
}

.playful-home .art-lines path {
  stroke: var(--pap-teal)
}

.playful-home .art-card {
  background: #fff;
  border-color: var(--pap-navy);
  box-shadow: 4px 5px 0 var(--pap-navy)
}

.playful-home .art-card strong {
  color: var(--pap-navy)
}

.playful-home .art-card p {
  color: var(--pap-muted)
}

.playful-home .company-card .square-icon {
  background: var(--pap-teal);
  color: #fff
}

.playful-home .company-card>.icon {
  color: var(--pap-teal)
}

.playful-home .art-card .avatar {
  border-color: var(--pap-yellow)
}

.playful-home .art-audience span {
  color: var(--pap-muted)
}

.playful-home .hero-art-caption {
  color: var(--pap-muted)
}

.playful-home .hero-doodle.star,
.playful-home .closing-doodle {
  color: var(--pap-orange)
}

.playful-home .hero-doodle.flourish {
  color: var(--pap-teal)
}

.playful-home .hero-doodle.loop {
  color: var(--pap-cobalt)
}

.pap-industry .pap-highlight {
  color: var(--pap-navy);
  background: linear-gradient(transparent 58%, var(--pap-yellow) 58%, var(--pap-yellow) 93%, transparent 93%)
}

body.pap-industry .hero .pap-hero-copy p {
  color: var(--pap-muted) !important
}

.pap-industry .hero .pap-hero-art::before {
  background: var(--pap-cobalt);
  border-color: var(--pap-teal)
}

body.pap-industry .hero .hero-workflow-image {
  border-color: #fff !important;
  box-shadow: 8px 9px 0 var(--pap-navy) !important
}

.pap-industry .pap-hero-doodle {
  color: var(--pap-orange)
}

body.pap-industry .hero :is(.hero-callout, .unique-link-callout) {
  background: var(--pap-navy) !important;
  border-color: var(--pap-navy) !important;
  box-shadow: 0 5px 0 var(--pap-cobalt)
}

.pap-industry .hero :is(.hero-callout, .unique-link-callout)::before {
  background: var(--pap-yellow);
  opacity: 1
}

body.pap-industry .hero :is(.hero-callout, .unique-link-callout) strong {
  color: #fff !important
}

body.pap-industry .hero :is(.hero-callout, .unique-link-callout) span {
  color: #E0E7F4 !important
}

body.pap-industry .hero .proof>span {
  background: #fff !important;
  border-color: var(--pap-border) !important;
  color: var(--pap-navy) !important
}

body.pap-industry .hero .proof i {
  background: var(--pap-teal) !important;
  color: #fff !important
}

/* Platform names stay readable; accents are concentrated rather than washed out. */
.playful-home .platform-strip,
.pap-industry :is(.platform-strip, .strip) {
  background: #fff
}

.playful-home .platform-row,
.pap-industry :is(.platform-row, .strip-row) {
  background: #fff;
  border-color: var(--pap-border);
  box-shadow: 0 5px 0 #DCE3EF;
  color: var(--pap-muted)
}

.playful-home .platform-row>span,
.pap-industry .strip-row .leadish {
  color: var(--pap-muted)
}

.playful-home .platform {
  color: var(--pap-navy)
}

.playful-home .platform .icon {
  background: var(--pap-neutral);
  color: #0A66C2
}

.playful-home .platform:nth-child(2) .icon {
  background: var(--pap-neutral);
  color: #0866FF
}

.playful-home .platform:nth-child(3) .icon {
  background: var(--pap-neutral);
  color: #C32376
}

.playful-home .platform:nth-child(4) .icon,
.playful-home .platform:nth-child(5) .icon {
  background: var(--pap-neutral);
  color: var(--pap-navy)
}

.playful-home .platform-row>.text-link {
  color: var(--pap-cobalt-dark)
}

.pap-industry .platform-row>.social {
  background: var(--pap-neutral) !important;
  color: var(--pap-cobalt) !important;
  border-color: var(--pap-border)
}

.pap-industry .strip-row span {
  background: var(--pap-neutral);
  border-color: var(--pap-border);
  color: var(--pap-navy)
}

/* Three business outcomes / facts: blue, teal, orange. */
.playful-home .win,
.pap-industry .stat {
  background: var(--pap-cobalt);
  border-color: var(--pap-cobalt-dark);
  color: #fff
}

.playful-home .win:not(:last-child) {
  border-color: var(--pap-cobalt-dark)
}

.playful-home .win:nth-child(2),
.pap-industry .stat:nth-child(2) {
  background: var(--pap-teal);
  border-color: #006962;
  color: #fff
}

.playful-home .win:nth-child(3),
.pap-industry .stat:nth-child(3) {
  background: var(--pap-orange);
  border-color: #E5752B;
  color: var(--pap-navy)
}

.playful-home .win h2,
.playful-home .win p,
.pap-industry .stat strong,
.pap-industry .stat span {
  color: #fff
}

.playful-home .win:nth-child(3) h2,
.playful-home .win:nth-child(3) p,
.pap-industry .stat:nth-child(3) strong,
.pap-industry .stat:nth-child(3) span,
.pap-industry .stat:nth-child(3) .stat-subline {
  color: var(--pap-navy)
}

.playful-home .win>.icon,
.playful-home .win:nth-child(2)>.icon {
  background: #fff;
  border-color: #fff;
  color: var(--pap-cobalt-dark)
}

.playful-home .win:nth-child(2)>.icon {
  color: var(--pap-teal)
}

.playful-home .win:nth-child(3)>.icon {
  background: var(--pap-navy);
  border-color: var(--pap-navy);
  color: #fff
}

.playful-home .win:hover {
  box-shadow: 0 6px 0 var(--pap-navy)
}

/* How it works: midnight canvas, active blue step, clean white demo surface. */
.playful-home .how {
  background: var(--pap-navy);
  color: #fff
}

.playful-home .how::before {
  background: var(--pap-orange);
  opacity: 1
}

.playful-home .how .kicker {
  color: #C8D7F2
}

.playful-home .how .kicker::before {
  background: var(--pap-yellow);
  box-shadow: 3px -3px 0 var(--pap-cobalt)
}

.playful-home .how .section-title {
  color: #fff
}

.playful-home .how .section-head>p,
.playful-home .how .support-note,
.playful-home .how .nojs-fallback {
  color: #CFDBED
}

.playful-home .how .support-note a {
  color: #fff !important
}

.playful-home .how .step-tab {
  background: transparent;
  color: #D4DFEF;
  border-color: #3D5179
}

.playful-home .how .step-tab:hover {
  background: #1C3059;
  color: #fff
}

.playful-home .how .step-tab[aria-selected="true"] {
  background: var(--pap-cobalt);
  border-color: #6397FF;
  color: #fff;
  box-shadow: 4px 5px 0 #071129
}

.playful-home .step-num {
  background: transparent;
  border-color: #7284A4;
  color: #D4DFEF
}

.playful-home .step-tab[aria-selected="true"] .step-num {
  background: var(--pap-yellow);
  color: var(--pap-navy);
  border-color: var(--pap-yellow)
}

.playful-home .model-stage {
  background: #fff;
  color: var(--pap-navy);
  border-color: #8499BE;
  box-shadow: 6px 7px 0 #06112B
}

.playful-home .stage-eyebrow,
.playful-home .stage-eyebrow>span,
.playful-home .model-foot {
  color: var(--pap-muted)
}

.playful-home .step-panel h3 {
  color: var(--pap-navy)
}

.playful-home .create-demo-shot {
  background: var(--pap-neutral);
  border-color: var(--pap-border)
}

.playful-home .create-demo-note span {
  background: var(--pap-neutral);
  border-color: var(--pap-border);
  color: var(--pap-navy)
}

.playful-home #panel-personalize .mini-post {
  background: #fff;
  border-color: var(--pap-border);
  box-shadow: 2px 3px 0 #DCE3EF
}

.playful-home #panel-personalize .mini-post-label strong {
  color: var(--pap-navy)
}

.playful-home #panel-personalize .mini-post-label span {
  color: var(--pap-muted)
}

.playful-home .image-zoom::after,
.pap-industry .pap-image-zoom::after {
  background: #fff;
  border-color: var(--pap-border);
  color: var(--pap-cobalt-dark)
}

.playful-home .graph-hub {
  background: var(--pap-cobalt);
  color: #fff;
  box-shadow: 4px 4px 0 var(--pap-navy)
}

.playful-home .fork-svg path {
  stroke: var(--pap-teal)
}

.playful-home .dest-row {
  background: var(--pap-neutral);
  border-color: var(--pap-cobalt)
}

.playful-home .dest-row:nth-child(2) {
  background: #fff;
  border-color: var(--pap-teal)
}

.playful-home .dest-row>.icon {
  color: var(--pap-cobalt)
}

.playful-home .dest-row:nth-child(2)>.icon {
  color: var(--pap-teal)
}

.playful-home .dest-row strong {
  color: var(--pap-navy)
}

.playful-home .dest-row small {
  color: var(--pap-muted)
}

/* Authentic AI: teal backdrop, white paper and bright tape. */
.playful-home .personal {
  background: #fff
}

.playful-home .personal-point {
  color: var(--pap-muted)
}

.playful-home .personal-point .icon {
  background: var(--pap-cobalt);
  color: #fff
}

.playful-home .personal-point:nth-child(2) .icon {
  background: var(--pap-teal);
  color: #fff
}

.playful-home .personal-point:nth-child(3) .icon {
  background: var(--pap-orange);
  color: var(--pap-navy)
}

.playful-home .voice-art {
  background: var(--pap-teal)
}

.playful-home .voice-art::before {
  border-color: var(--pap-navy)
}

.playful-home .voice-card,
.playful-home .voice-person {
  background: #fff;
  border-color: var(--pap-navy);
  box-shadow: 3px 5px 0 #004A49
}

.playful-home .voice-source::before {
  background: var(--pap-yellow);
  border-color: #D99B0B
}

.playful-home .voice-card .small-label,
.playful-home .voice-card p,
.playful-home .voice-person .mini-post-head small {
  color: var(--pap-muted)
}

.playful-home .voice-person .mini-post-head strong {
  color: var(--pap-navy)
}

.playful-home .voice-person .mini-post-head .avatar {
  border-color: var(--pap-orange)
}

.playful-home .voice-person .mini-post-head>.icon {
  color: #B9510A
}

.playful-home .voice-person .personal-link {
  color: var(--pap-cobalt-dark);
  border-color: var(--pap-border)
}

.playful-home .voice-connector {
  border-color: var(--pap-yellow)
}

.playful-home .voice-art .sample-note {
  color: #fff
}

/* Journeys and Messages retain their friendly composition with stronger fills. */
.playful-home .human {
  background: var(--pap-neutral);
  border-color: var(--pap-border)
}

.playful-home .human-card {
  background: var(--pap-cobalt);
  border-color: var(--pap-cobalt-dark)
}

.playful-home .human-card h3,
.playful-home .human-card>p,
.playful-home .human-card .card-topline,
.playful-home .timeline-step,
.playful-home .journey-note {
  color: #fff
}

.playful-home .human-card:nth-child(2) {
  background: var(--pap-orange);
  border-color: #DD6B22
}

.playful-home .human-card:nth-child(2) h3,
.playful-home .human-card:nth-child(2)>p,
.playful-home .human-card:nth-child(2) .card-topline {
  color: var(--pap-navy)
}

.playful-home .card-topline>.icon,
.playful-home .human-card:nth-child(2) .card-topline>.icon {
  background: #fff;
  border-color: #fff;
  color: var(--pap-navy)
}

.playful-home .timeline::before {
  border-color: #fff
}

.playful-home .timeline-step>.icon {
  background: var(--pap-yellow);
  border-color: var(--pap-yellow);
  color: var(--pap-navy)
}

.playful-home .timeline-step:nth-child(2)>.icon {
  background: var(--pap-orange);
  border-color: var(--pap-orange);
  color: var(--pap-navy)
}

.playful-home .timeline-step:nth-child(3)>.icon {
  background: #fff;
  border-color: #fff;
  color: var(--pap-cobalt-dark)
}

.playful-home .timeline-step:nth-child(4)>.icon {
  background: var(--pap-navy);
  border-color: var(--pap-navy);
  color: #fff
}

.playful-home .message-art {
  background: #fff;
  border-color: var(--pap-navy);
  box-shadow: 4px 5px 0 #CC6325
}

.playful-home .message-art>.icon,
.playful-home .message-art strong {
  color: var(--pap-cobalt-dark)
}

.playful-home .message-art p {
  color: var(--pap-muted)
}

.playful-home .small-cap {
  background: #fff;
  border-color: var(--pap-border)
}

.playful-home .small-cap p {
  color: var(--pap-muted)
}

.playful-home .small-cap>.icon {
  background: var(--pap-cobalt);
  color: #fff
}

.playful-home .small-cap:nth-child(2)>.icon {
  background: var(--pap-orange);
  color: var(--pap-navy)
}

.playful-home .small-cap:nth-child(3)>.icon {
  background: var(--pap-teal);
  color: #fff
}

.playful-home .small-cap:nth-child(4)>.icon {
  background: var(--pap-navy);
  color: #fff
}

/* Publishing choices and industry links. */
.playful-home .publish {
  background: var(--pap-cobalt);
  border-color: var(--pap-cobalt-dark)
}

.playful-home .publish .kicker,
.playful-home .publish .section-title,
.playful-home .publish-copy>p {
  color: #fff
}

.playful-home .publish-mode,
.playful-home .publish-mode:nth-child(2) {
  background: #fff;
  border-color: var(--pap-navy);
  box-shadow: 3px 4px 0 var(--pap-cobalt-dark)
}

.playful-home .publish-mode>.icon {
  background: var(--pap-cobalt);
  color: #fff
}

.playful-home .publish-mode:nth-child(2)>.icon {
  background: var(--pap-teal);
  color: #fff
}

.playful-home .publish-mode h3 {
  color: var(--pap-navy)
}

.playful-home .publish-mode p,
.playful-home .publish-mode small {
  color: var(--pap-muted)
}

.playful-home .industries {
  background: #fff
}

.playful-home .industry-item {
  background: #fff;
  border-color: var(--pap-border);
  box-shadow: 0 3px 0 #DCE3EF
}

.playful-home .industry-item:hover {
  border-color: var(--pap-cobalt);
  box-shadow: 0 7px 0 var(--pap-cobalt)
}

.playful-home .industry-item>.icon {
  background: var(--pap-cobalt);
  color: #fff
}

.playful-home .industry-item:nth-child(3n+2)>.icon {
  background: var(--pap-teal);
  color: #fff
}

.playful-home .industry-item:nth-child(3n+3)>.icon {
  background: var(--pap-orange);
  color: var(--pap-navy)
}

.playful-home .industry-item .industry-arrow {
  background: var(--pap-neutral);
  color: var(--pap-cobalt-dark)
}

.playful-home .industry-item p {
  color: var(--pap-muted)
}

/* Industry content: saturated accents on white cards, not pastel card fills. */
.pap-industry .section {
  background: #fff
}

.pap-industry .section.alt {
  background: var(--pap-neutral);
  border-color: var(--pap-border)
}

.pap-industry :is(.section-lead, .lead, .bullets li) {
  color: var(--pap-muted)
}

.pap-industry :is(.cap, .why, .event-card, .usecase) {
  --card-ink: var(--pap-cobalt);
  --card-line: var(--pap-cobalt);
  --card-bg: #fff;
  --badge-bg: var(--pap-cobalt);
  background: var(--card-bg);
  border-color: var(--pap-border);
  box-shadow: 0 4px 0 var(--card-line)
}

.pap-industry :is(.cap, .why, .event-card, .usecase):nth-child(4n+2) {
  --card-ink: #BE4B08;
  --card-line: var(--pap-orange);
  --card-bg: #fff;
  --badge-bg: var(--pap-orange)
}

.pap-industry :is(.cap, .why, .event-card, .usecase):nth-child(4n+3) {
  --card-ink: var(--pap-teal);
  --card-line: var(--pap-teal);
  --card-bg: #fff;
  --badge-bg: var(--pap-teal)
}

.pap-industry :is(.cap, .why, .event-card, .usecase):nth-child(4n+4) {
  --card-ink: var(--pap-navy);
  --card-line: var(--pap-navy);
  --card-bg: #fff;
  --badge-bg: var(--pap-navy)
}

.pap-industry :is(.cap, .why, .event-card, .usecase):hover {
  box-shadow: 0 7px 0 var(--card-line)
}

.pap-industry :is(.cap-icon, .why .bubble, .event-card .ico, .usecase .ico) {
  background: var(--badge-bg) !important;
  border-color: var(--badge-bg);
  color: #fff !important;
  box-shadow: 2px 3px 0 #DCE3EF
}

.pap-industry :is(.cap, .why, .event-card, .usecase):nth-child(4n+2) :is(.cap-icon, .bubble, .ico) {
  color: var(--pap-navy) !important
}

.pap-industry :is(.cap, .why, .event-card, .usecase) h3 {
  color: var(--pap-navy)
}

.pap-industry :is(.cap, .why, .event-card, .usecase) p {
  color: var(--pap-muted)
}

.pap-industry .section.alt:has(.cap-grid) {
  background: var(--pap-navy);
  border-color: var(--pap-navy)
}

.pap-industry .section.alt:has(.cap-grid) :is(.center, .faq-intro)>h2 {
  color: #fff
}

.pap-industry .section.alt:has(.cap-grid) .center>.kicker {
  color: #CEDBF1
}

.pap-industry .section.alt:has(.cap-grid) .center>:is(p, .section-lead) {
  color: #CEDBF1
}

.pap-industry :is(.feature-copy, .copy) p {
  color: var(--pap-muted)
}

.pap-industry :is(.feature-art, .visual) {
  background: var(--pap-cobalt) !important;
  border-color: var(--pap-cobalt-dark);
  box-shadow: 7px 8px 0 var(--pap-navy)
}

.pap-industry .feature:nth-child(even) :is(.feature-art, .visual) {
  background: var(--pap-teal) !important;
  border-color: #006962;
  box-shadow: 7px 8px 0 #004E4A
}

.pap-industry :is(.feature-art, .visual)::before {
  background: var(--pap-yellow)
}

.pap-industry :is(.screenshot-frame, .shot) {
  background: #fff;
  border-color: var(--pap-border)
}

.pap-industry .screenshot-frame::before {
  background: var(--pap-orange)
}

.pap-industry :is(.screenshot-caption, .shot-caption) {
  color: var(--pap-muted)
}

.pap-industry .frame {
  background: var(--pap-cobalt);
  border-color: var(--pap-cobalt-dark);
  box-shadow: 6px 7px 0 var(--pap-navy)
}

.pap-industry .bullets li::before {
  color: var(--pap-teal)
}

.pap-industry .blue-band {
  background: var(--pap-teal);
  border-color: #006962;
  color: #fff
}

.pap-industry .blue-band :is(h2, .kicker, .lead) {
  color: #fff
}

.pap-industry .api-card {
  background: var(--pap-navy);
  border-color: var(--pap-navy);
  box-shadow: 6px 7px 0 var(--pap-teal);
  color: #fff
}

.pap-industry .api-card :is(h3, p) {
  color: #fff
}

.pap-industry .api-card pre {
  background: #071128;
  border-color: #3D5179;
  color: #E1E9F5
}

.pap-industry .api-badge,
.pap-industry .pill.orange,
.pap-industry .coming-soon-badge {
  background: var(--pap-yellow);
  border-color: #D99B0B;
  color: var(--pap-navy)
}

.pap-industry .channel-card,
.pap-industry .channel-card:nth-child(2) {
  background: #fff;
  border-color: var(--pap-border);
  box-shadow: 0 4px 0 var(--pap-cobalt)
}

.pap-industry .channel-card:nth-child(2) {
  box-shadow: 0 4px 0 var(--pap-teal)
}

.pap-industry .channel-card .channel-icon {
  background: var(--pap-cobalt);
  color: #fff
}

.pap-industry .channel-card:nth-child(2) .channel-icon {
  background: var(--pap-teal);
  color: #fff
}

.pap-industry :is(.channel-card p, .trust-note, .stat-subline) {
  color: var(--pap-muted)
}

.pap-industry .journey-demo {
  border-color: var(--pap-border);
  background: #fff
}

.pap-industry .journey-top,
.pap-industry .journey-side {
  background: var(--pap-neutral);
  border-color: var(--pap-border)
}

.pap-industry .journey-side span.active,
.pap-industry .blue-pill {
  background: var(--pap-cobalt);
  color: #fff
}

.pap-industry .journey-type {
  background: var(--pap-cobalt);
  color: #fff
}

.pap-industry .journey-type.message {
  background: var(--pap-teal);
  color: #fff
}

/* FAQs, final calls to action, footer and enlarged images. */
.playful-home .faq,
.pap-industry .seo-faq {
  background: #fff;
  border-color: var(--pap-border)
}

.playful-home .faq-intro .kicker {
  color: var(--pap-cobalt-dark)
}

.playful-home .faq-intro p {
  color: var(--pap-muted)
}

.playful-home .faq-item,
.playful-home .faq-item:first-child,
.pap-industry .faq-item {
  background: #fff;
  border-color: var(--pap-border);
  box-shadow: none
}

.playful-home .faq-item[open] {
  background: var(--pap-neutral);
  border-color: var(--pap-cobalt)
}

.playful-home .faq-plus {
  background: var(--pap-cobalt);
  color: #fff
}

.playful-home .faq-item p,
.pap-industry .faq-item p {
  color: var(--pap-muted)
}

.pap-industry .faq-item h3 {
  color: var(--pap-navy)
}

.playful-home .closing,
.pap-industry .cta {
  background: #fff
}

.playful-home .closing-panel,
.pap-industry .cta-box {
  background: var(--pap-navy);
  border-color: var(--pap-navy);
  box-shadow: 0 8px 0 var(--pap-cobalt);
  color: #fff
}

.playful-home .closing-panel h2,
.pap-industry .cta-box h2 {
  color: #fff
}

.playful-home .closing-panel p,
.pap-industry .cta-box p {
  color: #DBE5F5
}

.playful-home .closing-panel::before,
.playful-home .closing-panel::after,
.pap-industry .cta-box::before,
.pap-industry .cta-box::after {
  border-color: #5F96FF
}

.playful-home .button.white,
.pap-industry .cta-box .btn,
.pap-industry .cta-box .btn.primary {
  background: var(--pap-yellow);
  color: var(--pap-navy);
  border-color: var(--pap-yellow);
  box-shadow: 0 4px 0 #B57E00
}

.playful-home .button.white:hover,
.pap-industry .cta-box .btn:hover {
  background: var(--pap-orange);
  color: var(--pap-navy);
  border-color: var(--pap-orange);
  box-shadow: 0 6px 0 #B64D08
}

.pap-industry .cta-box .btn.secondary {
  background: transparent !important;
  color: #fff !important;
  border-color: #9FB7DD !important;
  box-shadow: none
}

.playful-home .closing-actions .text-link {
  color: #fff
}

.playful-home .footer,
.pap-industry footer {
  background: #0875d1;
  border-color: var(--pap-border)
}

.playful-home .footer-brand p,
.playful-home .footer-links a,
.playful-home .footer-bottom,
.pap-industry .footer-brand p,
.pap-industry .footer-col a,
.pap-industry .footer-bottom {
  color: var(--pap-muted);
  border-color: var(--pap-border)
}

.playful-home .footer-links strong,
.pap-industry .footer-col h4 {
  color: var(--pap-navy)
}

.playful-home .post-lightbox,
.pap-lightbox {
  background: #fff;
  border-color: var(--pap-border);
  color: var(--pap-navy)
}

.playful-home .post-lightbox::backdrop,
.pap-lightbox::backdrop {
  background: #101B40DA
}

.playful-home .lightbox-close,
.pap-lightbox .pap-lightbox-close {
  background: var(--pap-navy);
  color: #fff;
  border-color: var(--pap-navy)
}

@media print {

  .playful-home .how,
  .playful-home .publish,
  .pap-industry .section.alt:has(.cap-grid),
  .pap-industry .blue-band {
    background: #fff;
    color: var(--pap-navy)
  }

  .playful-home .how :is(.section-title, .section-head>p, .support-note),
  .playful-home .publish :is(.kicker, .section-title, .publish-copy>p),
  .pap-industry .section.alt:has(.cap-grid) .center>:is(h2, p, .kicker) {
    color: var(--pap-navy)
  }
}

/* Nested captions can sit directly on colored frames; keep their contrast explicit. */
.pap-industry .frame>.shot-caption {
  color: #fff
}

.pap-industry .journey-side span:not(.active),
.pap-industry .journey-copy span {
  color: var(--pap-muted)
}