/* CDC brand kit: drop-in helpers for compounddigitalco.com (PJ).
   Assumes kit files are copied to /img/kit/ (adjust paths). Uses the site's existing tokens. */
:root { --cdc-accent: var(--accent, #c56a32); }

/* Icons: inline sprite. <svg class="cdc-icon"><use href="/img/kit/cdc-icons-sprite.svg#cdc-websites"/></svg>
   Ink follows `color`, copper follows --cdc-accent. */
.cdc-icon { width: 48px; height: 48px; color: var(--navy, #152436); flex: none; }
.cdc-icon--sm { width: 24px; height: 24px; }
.band-navy .cdc-icon { color: var(--paper, #f5f2ec); }
.card .cdc-icon, .niche-link .cdc-icon, .step .cdc-icon { display: block; margin-bottom: 0.9rem; }

/* Compound divider under section headings */
.cdc-divider { height: 40px; background: url(/img/kit/divider-compound-light.svg) center / auto 40px no-repeat; border: 0; margin: 2rem auto; max-width: 640px; }
.band-navy .cdc-divider { background-image: url(/img/kit/divider-compound-dark.svg); }

/* Subtle background pattern (hero / CTA bands) */
.cdc-pattern { background-image: url(/img/kit/pattern-tile-light-transparent.svg); background-size: 120px 120px; }
.band-navy.cdc-pattern { background-image: url(/img/kit/pattern-tile-dark-transparent.svg); }

/* Growth arcs in a section corner */
.cdc-arcs { position: relative; overflow: hidden; }
.cdc-arcs::after { content: ""; position: absolute; right: 0; top: 0; width: min(46vw, 520px); aspect-ratio: 1;
  background: url(/img/kit/growth-arcs-tr-light.svg) top right / contain no-repeat; pointer-events: none; z-index: 0; }
.band-navy.cdc-arcs::after { background-image: url(/img/kit/growth-arcs-tr-dark.svg); }
.cdc-arcs > * { position: relative; z-index: 1; }

/* Corner accent on a card (e.g. .plan.featured) */
.cdc-corner { position: relative; }
.cdc-corner::before { content: ""; position: absolute; left: -1px; top: -1px; width: 64px; height: 64px;
  background: url(/img/kit/corner-tl-light.svg) 0 0 / contain no-repeat; pointer-events: none; }

/* Check / bullet lists */
.cdc-checks { list-style: none; padding: 0; }
.cdc-checks li { padding-left: 1.75rem; background: url(/img/kit/check.svg) 0 0.3em / 1.05rem no-repeat; }
.cdc-bullets { list-style: none; padding: 0; }
.cdc-bullets li { padding-left: 1.6rem; background: url(/img/kit/bullet-c-light.svg) 0 0.35em / 0.95rem no-repeat; }

/* Step badges: <img class="cdc-badge" src="/img/kit/step-01-light.svg" alt="" width="56" height="56"> */
.cdc-badge { width: 56px; height: 56px; margin-bottom: 0.75rem; }

/* Site tweaks: keep the pattern as a whisper, not wallpaper. */
.hero.cdc-pattern,
.band-navy.cdc-pattern {
  background-image: none;
  position: relative;
  overflow: hidden;
}
.hero.cdc-pattern::before,
.band-navy.cdc-pattern::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(/img/kit/pattern-tile-light-transparent.svg) 0 0 / 144px 144px repeat;
  opacity: 0.18;
  pointer-events: none;
  z-index: 0;
}
.band-navy.cdc-pattern::before {
  background-image: url(/img/kit/pattern-tile-dark-transparent.svg);
  opacity: 0.28;
}
.band-navy.cdc-pattern > * {
  position: relative;
  z-index: 1;
}