.elementor-2032 .elementor-element.elementor-element-ec491c4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:56px;--padding-bottom:88px;--padding-left:0px;--padding-right:0px;}.elementor-2032 .elementor-element.elementor-element-3a896391{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-2032 .elementor-element.elementor-element-666e76b7{font-family:"Geist", Sans-serif;font-size:19px;font-weight:500;line-height:1.2em;letter-spacing:-0.02em;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-2032 .elementor-element.elementor-element-ec491c4{--padding-top:56px;--padding-bottom:88px;--padding-left:16px;--padding-right:16px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(min-width:768px){.elementor-2032 .elementor-element.elementor-element-3a896391{--content-width:860px;}}/* Start custom CSS *//* ========================================================
   ChatGPT Ads post — post-level stylesheet
   ========================================================
   WHERE THIS GOES
   Edit post with Elementor > hamburger (top left) >
   Page Settings > Advanced > Custom CSS. Paste the whole file.
   Nothing goes in Site Settings.

   WHY IT LOOKS DIFFERENT FROM v1
   The site's tokens were renamed. This file calls the CURRENT
   names directly, so no bridge or alias block is needed:

     --color-accent        (was --color-pumpkin-spice)   #F96900
     --color-accent-hover  (was --color-harvest-orange)  #F17F29
     --font-body           (was --font-primary)
     --color-paper-bright  (was ~--color-off-white)      #E8E6E0

   Four values have no equivalent in the current palette, so
   they're declared locally on .cga rather than :root:
   panel white, the "no ad" dot grey, the bar track, and beige.

   Deliberately NOT used: --color-stone / --color-stone-soft.
   Those inverted in the rename (stone-soft is now the darker
   of the two), so dimmed text uses alpha on ink instead.

   File: aimkc-post-chatgpt-ads-v2.css
   ======================================================== */


/* ========================================================
   1. HEADINGS — specificity fix
   ========================================================
   Elementor's kit rule
     .elementor-widget-heading .elementor-heading-title
   is also (0,2,0) and loads after post CSS, so it wins and
   headings render at the global 56px. Chaining the widget
   class takes these to (0,3,0) and wins without !important.
   ======================================================== */

.elementor-widget-heading.aimkc-post__h2 {
  margin: 64px 0 18px;
}

.elementor-widget-heading.aimkc-post__h2 .elementor-heading-title {
  font-family: var(--font-body);
  font-size: clamp(26px, 3.2vw, 34px);
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -0.022em;
  color: var(--color-ink);
}

.elementor-widget-heading.aimkc-post__h2--lede {
  margin: 0 0 18px;
}

.elementor-widget-heading.aimkc-post__h2--lede .elementor-heading-title {
  font-size: clamp(32px, 5vw, 52px);
  line-height: 1.03;
  letter-spacing: -0.03em;
}

.elementor-widget-heading.aimkc-post__h3 {
  margin: 40px 0 14px;
}

.elementor-widget-heading.aimkc-post__h3 .elementor-heading-title {
  font-family: var(--font-body);
  font-size: clamp(19px, 2.2vw, 22px);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--color-ink);
}


/* ========================================================
   2. BODY PROSE
   ======================================================== */

.elementor-widget-text-editor.aimkc-post__prose p {
  font-size: 18px;
  line-height: 1.72;
  color: var(--color-ink-soft);
  margin: 0 0 22px;
}

.elementor-widget-text-editor.aimkc-post__prose p:last-child {
  margin-bottom: 0;
}

.aimkc-post__prose strong {
  color: var(--color-ink);
  font-weight: 700;
}

.aimkc-post__prose a {
  color: var(--color-accent);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}

.aimkc-post__prose a:hover { color: var(--color-accent-hover); }

/* Kicker line above the lede */
.aimkc-post__kicker .cga-eyebrow-line {
  font-family: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-accent);
  margin: 0;
}

/* Dek under the lede headline */
.aimkc-post__prose .cga-dek {
  font-size: clamp(19px, 2.2vw, 22px);
  line-height: 1.45;
  color: rgba(14, 14, 16, 0.62);
  max-width: 46ch;
}


/* ========================================================
   3. PULL QUOTE
   ======================================================== */

.aimkc-post__quote { margin: 36px 0; }

.post-quote {
  margin: 0;
  padding: 4px 0 4px 26px;
  border-left: 3px solid var(--color-accent);
}

.post-quote p {
  margin: 0;
  font-size: clamp(20px, 2.6vw, 26px);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.015em;
  color: var(--color-ink);
}


/* ========================================================
   4. NUMBERED TAKEAWAYS
   ======================================================== */

.aimkc-post__checklist { margin: 36px 0; }

.post-checklist {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: aimkc-check;
}

.post-checklist li {
  counter-increment: aimkc-check;
  position: relative;
  padding: 0 0 24px 54px;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(14, 14, 16, 0.10);
}

.post-checklist li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.post-checklist li::before {
  content: counter(aimkc-check, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 2px;
  font-family: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--color-accent);
}

.post-checklist h3 {
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.01em;
  color: var(--color-ink);
  margin: 0 0 8px;
}

.post-checklist p {
  font-size: 17px;
  line-height: 1.65;
  color: var(--color-ink-soft);
  margin: 0;
}


/* ========================================================
   5. DATA VISUALS
   ======================================================== */

.aimkc-cga { margin: 36px 0; }
.aimkc-cga-script { display: none; }

.cga {
  /* Mapped to live tokens */
  --cga-on:       var(--color-accent);
  --cga-on-hover: var(--color-accent-hover);

  /* No equivalent in the current palette — local literals.
     --cga-off is a touch darker than --color-paper-bright so
     the empty dots stay legible on a white panel. */
  --cga-panel:  #FFFFFF;
  --cga-off:    #D9D6CE;
  --cga-track:  #ECEAE4;
  --cga-beige:  #E2DED2;

  --cga-rule: rgba(14, 16, 16, 0.12);
  --cga-hair: rgba(14, 16, 16, 0.07);
  --cga-dim:  rgba(14, 14, 16, 0.45);
  --cga-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;

  color: var(--color-ink);
}

.cga *, .cga *::before, .cga *::after { box-sizing: border-box; }

/* --- Panel --- */
.cga-panel {
  background: var(--cga-panel);
  border: 1px solid var(--cga-rule);
  border-radius: var(--radius-md);
  padding: 22px;
}

.cga-panel-head {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 18px;
}

.cga-panel-title {
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--color-ink);
  margin: 0;
}

.cga-legend {
  display: flex;
  gap: 16px;
  font-family: var(--cga-mono);
  font-size: 11px;
  color: var(--cga-dim);
}

.cga-legend span { display: inline-flex; align-items: center; gap: 7px; }

.cga-swatch { width: 14px; height: 5px; border-radius: 2px; display: inline-block; }
.cga-swatch--on  { background: var(--cga-on); }
.cga-swatch--off { background: var(--cga-off); }

.cga-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; position: relative; }
.cga-scroll svg { display: block; width: 100%; min-width: 620px; height: auto; }

.cga-hint {
  display: none;
  font-family: var(--cga-mono);
  font-size: 10px;
  color: var(--cga-dim);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 10px 0 0;
}

.cga-hint--always { display: block; }

/* --- SVG --- */
.cga .cga-dot-off { fill: var(--cga-off); }
.cga .cga-dot-on  { fill: var(--cga-on); }
.cga .cga-fill    { opacity: 0; transition: opacity 500ms var(--ease-default); }
.cga svg.cga-lit .cga-fill { opacity: 1; }
.cga .cga-gridline { stroke: var(--cga-rule); stroke-width: 1; }

.cga .cga-axis {
  font-family: var(--cga-mono);
  font-size: 10px;
  fill: var(--cga-dim);
  letter-spacing: 0.06em;
}

.cga .cga-note {
  font-family: var(--cga-mono);
  font-size: 11px;
  font-weight: 600;
  fill: var(--color-ink);
}

.cga .cga-note-sub {
  font-family: var(--cga-mono);
  font-size: 10px;
  fill: var(--cga-dim);
}

.cga .cga-leader   { stroke: var(--color-ink); stroke-width: 1; }
.cga .cga-meanline { stroke: var(--color-ink); stroke-width: 1; stroke-dasharray: 3 3; opacity: 0.5; }

.cga .cga-band { fill: var(--color-ink); opacity: 0.18; }
.cga .cga-band--on { fill: var(--cga-on); opacity: 0.55; }

.cga .cga-band-lab {
  font-family: var(--cga-mono);
  font-size: 10px;
  fill: var(--cga-dim);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.cga .cga-hit { fill: transparent; cursor: crosshair; }

/* --- Tooltip --- */
.cga-tip {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%, -100%);
  background: var(--color-ink);
  color: #FFFFFF;
  border-radius: var(--radius-sm);
  padding: 8px 11px;
  font-family: var(--cga-mono);
  font-size: 11px;
  line-height: 1.5;
  white-space: nowrap;
  transition: opacity 120ms ease;
  z-index: 5;
}

.cga-tip b { color: #FFFFFF; font-weight: 600; }
.cga-tip .cga-tip-pct { color: #FFB27A; margin-left: 4px; }

/* --- Phase cards --- */
.cga-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.cga-card {
  background: var(--cga-panel);
  border: 1px solid var(--cga-rule);
  border-radius: var(--radius-md);
  padding: 22px;
}

.cga-card--live {
  border-color: var(--cga-on);
  box-shadow: inset 0 0 0 1px var(--cga-on);
}

.cga-card-lab {
  font-family: var(--cga-mono);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--cga-dim);
  margin: 0 0 12px;
}

.cga-card--live .cga-card-lab { color: var(--cga-on); }

.cga-card-big {
  font-family: var(--font-body);
  font-weight: 800;
  font-size: 40px;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--color-ink);
  margin: 0 0 8px;
}

.cga-card-sub {
  font-family: var(--cga-mono);
  font-size: 11px;
  color: var(--cga-dim);
  line-height: 1.7;
  margin: 0;
}

.cga-card-name {
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 15px;
  color: var(--color-ink);
  margin: 16px 0 4px;
}

.cga-card-txt {
  font-size: 14px;
  line-height: 1.5;
  color: var(--cga-dim);
  margin: 0;
}

/* --- Weekly bars --- */
.cga-bar-row {
  display: grid;
  grid-template-columns: 132px 1fr 54px;
  gap: 12px;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid var(--cga-hair);
}

.cga-bar-row:last-child { border-bottom: 0; }

.cga-bar-lab {
  font-family: var(--cga-mono);
  font-size: 11px;
  color: var(--cga-dim);
}

.cga-bar-track {
  background: var(--cga-track);
  height: 16px;
  border-radius: 2px;
  overflow: hidden;
}

.cga-bar-fill {
  background: var(--cga-on);
  height: 100%;
  width: 0;
  border-radius: 2px;
  display: block;
  transition: width 800ms cubic-bezier(0.2, 0.7, 0.3, 1);
}

.cga-bar-row--partial .cga-bar-fill {
  background: repeating-linear-gradient(135deg,
    var(--cga-on) 0 5px,
    var(--cga-on-hover) 5px 10px);
}

.cga-bar-val {
  font-family: var(--cga-mono);
  font-size: 12px;
  text-align: right;
  font-variant-numeric: tabular-nums;
  color: var(--color-ink);
}

/* --- Daily table --- */
.cga-tbl-wrap {
  max-height: 460px;
  overflow: auto;
  border: 1px solid var(--cga-rule);
  border-radius: var(--radius-md);
  background: var(--cga-panel);
}

.cga-tbl {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--cga-mono);
  font-size: 12px;
}

/* Opaque background here is what stops rows showing through
   the sticky header as you scroll. */
.cga-tbl th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--cga-panel);
  text-align: left;
  font-weight: 600;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--cga-dim);
  padding: 11px 14px;
  border-bottom: 1px solid var(--cga-rule);
  white-space: nowrap;
}

/* Hello Elementor's reset.css zebra-stripes tables with
     table tbody > tr:nth-child(2n+1) > td
   at (0,1,4), which outranks a plain `.cga-tbl td`. Leading
   with .cga takes these to (0,2,3) and wins on class count. */
.cga .cga-tbl tbody > tr > td {
  padding: 7px 14px;
  border-bottom: 1px solid var(--cga-hair);
  font-variant-numeric: tabular-nums;
  vertical-align: middle;
  color: var(--color-ink);
  background: var(--cga-panel);
}

.cga .cga-tbl tbody > tr:last-child > td { border-bottom: 0; }
.cga .cga-tbl tbody > tr > td.cga-r { text-align: right; }
.cga .cga-tbl tbody > tr.cga-zero > td { color: rgba(14, 14, 16, 0.38); }

.cga .cga-tbl tbody > tr.cga-mark > td:first-child {
  box-shadow: inset 2px 0 0 var(--cga-on);
  font-weight: 700;
}

.cga-minibar {
  display: block;
  height: 7px;
  background: var(--cga-on);
  border-radius: 1px;
  min-width: 1px;
}

.cga-minicell { width: 42%; }

/* --- Methodology --- */
.cga-method { margin: 0; }

.cga-method dt {
  font-family: var(--cga-mono);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-accent);
  margin: 22px 0 6px;
}

.cga-method dt:first-child { margin-top: 0; }

.cga-method dd {
  margin: 0;
  font-size: 16px;
  color: var(--color-ink-soft);
  line-height: 1.6;
}

.cga-method a { color: var(--color-accent); text-decoration: underline; }


/* ========================================================
   6. END-OF-POST CTA
   ========================================================
   Full state coverage + !important because Hello Elementor's
   reset.css sets button:hover/:focus background to #c36.
   ======================================================== */

.aimkc-post__cta { margin: 64px 0 0; }

.post-cta {
  background: var(--color-ink);
  border-radius: var(--radius-xl);
  padding: 44px 44px 40px;
}

.post-cta__eyebrow {
  font-family: var(--cga-mono, monospace);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--color-accent);
  margin: 0 0 14px;
}

.post-cta__head {
  font-family: var(--font-body);
  font-size: clamp(24px, 3vw, 30px);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0 0 14px;
}

.post-cta__body {
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.72);
  margin: 0 0 26px;
}

.post-cta__btn,
.post-cta__btn:link,
.post-cta__btn:visited,
.post-cta__btn:hover,
.post-cta__btn:focus,
.post-cta__btn:active,
.post-cta__btn:focus-visible {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 30px !important;
  font-family: var(--font-body) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  border-radius: 6px !important;
  border: 2px solid var(--color-accent) !important;
  background: var(--color-accent) !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  cursor: pointer !important;
  outline: none;
  transition: background 200ms ease, border-color 200ms ease, transform 120ms ease;
}

.post-cta__btn:hover,
.post-cta__btn:focus-visible {
  background: var(--color-accent-hover) !important;
  border-color: var(--color-accent-hover) !important;
  transform: translateY(-1px);
}

.post-cta__note {
  font-family: var(--cga-mono, monospace);
  font-size: 11px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.50);
  margin: 18px 0 0;
}

/* Elementor suppresses clicks on HTML widgets without this */
.aimkc-post__cta,
.aimkc-post__cta * { pointer-events: all; }


/* ========================================================
   7. RESPONSIVE
   ======================================================== */

@media (max-width: 767px) {
  .elementor-widget-heading.aimkc-post__h2 { margin: 44px 0 14px; }
  .elementor-widget-heading.aimkc-post__h3 { margin: 30px 0 12px; }
  .elementor-widget-text-editor.aimkc-post__prose p { font-size: 17px; }

  .cga-cards { grid-template-columns: 1fr; }
  .cga-panel { padding: 16px 14px; }
  .cga-hint { display: block; }
  .cga-bar-row { grid-template-columns: 100px 1fr 48px; gap: 8px; }
  .cga-minicell { display: none; }
  .cga-tbl-wrap { max-height: 380px; }
  .cga-method dd { font-size: 15px; }

  .post-checklist li { padding-left: 44px; }
  .post-cta { padding: 32px 24px 28px; }
}

@media (prefers-reduced-motion: reduce) {
  .cga .cga-fill { transition: none; opacity: 1; }
  .cga-bar-fill { transition: none; }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Geist';
	font-display: auto;
	src: url('https://aimarketingkc.com/wp-content/uploads/2026/05/Geist-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */