/* =========================================================
   AI GROWTH LAB — Homepage
   ========================================================= */

/* AI Growth Lab: homepage hero */
.aigl-hero {
  --aigl-paper: #ede4cf;
  --aigl-cream: #fbf7ee;
  --aigl-ink: #16130e;
  --aigl-text: #2a251d;
  --aigl-blue: #0b5fa5;

  position: relative;
  isolation: isolate;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-bottom: 4px solid var(--aigl-ink);
  background: var(--aigl-paper);
  color: var(--aigl-ink);
  font-family: "Inter", sans-serif;
  -webkit-text-size-adjust: 100%;
}

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

.aigl-hero .aigl-hero__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  align-items: center;
  gap: 60px;
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
  padding: 0;
}

.aigl-hero .aigl-hero__copy {
  position: relative;
  z-index: 2;
  min-width: 0;
}

.aigl-hero #aigl-hero-title {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--aigl-ink);
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(2.8rem, 6vw, 4.4rem);
  font-style: normal;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  text-shadow: none;
}

.aigl-hero #aigl-hero-title span {
  color: var(--aigl-blue);
}

.aigl-hero .aigl-hero__description {
  max-width: 560px;
  margin: 38px 0 0;
  padding: 0;
  color: var(--aigl-text);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: normal;
  text-transform: none;
}

.aigl-hero .aigl-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 40px 0 0;
  padding: 0;
}

.aigl-hero .aigl-hero__button,
.aigl-hero .aigl-hero__button:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  margin: 0;
  padding: 12px 26px;
  border: 3px solid var(--aigl-ink);
  border-radius: 0;
  background: var(--aigl-blue);
  color: var(--aigl-cream);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: none;
  transition:
    transform 0.18s cubic-bezier(0.23, 1, 0.32, 1),
    box-shadow 0.18s cubic-bezier(0.23, 1, 0.32, 1);
}

.aigl-hero .aigl-hero__button:hover {
  background: var(--aigl-blue);
  color: var(--aigl-cream);
  text-decoration: none;
  transform: translate(-3px, -3px);
  box-shadow: 6px 6px 0 var(--aigl-ink);
}

.aigl-hero .aigl-hero__button:active {
  transform: none;
  box-shadow: none;
}

.aigl-hero .aigl-hero__button:focus-visible {
  outline: 3px solid #e8a317;
  outline-offset: 3px;
}

.aigl-hero .aigl-hero__art {
  position: relative;
  display: flex;
  justify-content: center;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.aigl-hero .aigl-hero__art img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

/* Desktop: artwork sits against the bottom edge. */
@media (min-width: 1021px) {
  .aigl-hero {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: calc(100svh - 170px);
  }

  .aigl-hero .aigl-hero__inner {
    flex: 1;
  }

  .aigl-hero .aigl-hero__art {
    position: absolute;
    inset: 0 0 -1px auto;
    z-index: 1;
    align-items: flex-end;
    justify-content: flex-end;
    width: 48%;
    transform: translateX(32px);
    pointer-events: none;
  }

  .aigl-hero .aigl-hero__art img {
    width: auto;
    max-width: 100%;
    height: 94%;
    margin-bottom: -1px;
    object-fit: contain;
    object-position: right bottom;
  }
}

/* Tablet and mobile: copy above artwork. */
@media (max-width: 1020px) {
  .aigl-hero {
    padding-top: 64px;
  }

  .aigl-hero .aigl-hero__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }

  .aigl-hero .aigl-hero__copy {
    text-align: center;
  }

  .aigl-hero #aigl-hero-title {
    font-size: clamp(2.8rem, 7.5vw, 4.3rem);
  }

  .aigl-hero .aigl-hero__description {
    margin-inline: auto;
  }

  .aigl-hero .aigl-hero__actions {
    justify-content: center;
  }

  .aigl-hero .aigl-hero__art {
    width: 100%;
    max-width: 400px;
    margin-inline: auto;
  }
}

/* Mobile */
@media (max-width: 700px) {
  .aigl-hero {
    padding-top: 96px;
  }

  .aigl-hero .aigl-hero__inner {
    width: calc(100% - 32px);
    gap: 48px;
  }

  .aigl-hero #aigl-hero-title {
    font-size: clamp(2.05rem, 10vw, 3.4rem);
  }

  .aigl-hero .aigl-hero__actions {
    gap: 12px;
  }

  .aigl-hero .aigl-hero__button {
    width: 100%;
  }

  .aigl-hero .aigl-hero__art {
    max-width: 620px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aigl-hero .aigl-hero__button {
    transition: none;
  }

  .aigl-hero .aigl-hero__button:hover {
    transform: none;
  }
}

/* AI Growth Lab: Made for ribbon */
.aigl-made-for {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-bottom: 4px solid #16130e;
  background: #16130e;
  color: #fbf7ee;
}

.aigl-made-for,
.aigl-made-for *,
.aigl-made-for *::before,
.aigl-made-for *::after {
  box-sizing: border-box;
}

.aigl-made-for .aigl-made-for__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 26px;
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
  padding: 14px 0;
}

.aigl-made-for .aigl-made-for__label {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  margin: 0;
  padding: 0;
  color: #0b5fa5;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.62;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.aigl-made-for .aigl-made-for__window {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.aigl-made-for .aigl-made-for__run {
  display: flex;
  width: max-content;
  animation: aigl-made-for-scroll 38s linear infinite;
}

.aigl-made-for .aigl-made-for__track {
  display: flex;
  flex: none;
  align-items: center;
  gap: 30px;
  margin: 0;
  padding: 8px 15px 8px 0;
  color: #fbf7ee;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.62;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}

.aigl-made-for .aigl-made-for__separator {
  color: #0b5fa5;
}

@keyframes aigl-made-for-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* Pause while hovering. */
.aigl-made-for:hover .aigl-made-for__run {
  animation-play-state: paused;
}

/* Mobile */
@media (max-width: 700px) {
  .aigl-made-for .aigl-made-for__inner {
    justify-content: center;
    width: calc(100% - 32px);
    text-align: center;
  }

  .aigl-made-for .aigl-made-for__window {
    flex: 1 1 100%;
  }

  .aigl-made-for .aigl-made-for__track {
    gap: 22px;
    font-size: 15px;
  }
}

@media (max-width: 420px) {
  .aigl-made-for .aigl-made-for__inner {
    gap: 10px 16px;
  }
}

/* Show every audience without motion when requested. */
@media (prefers-reduced-motion: reduce) {
  .aigl-made-for .aigl-made-for__run {
    width: 100%;
    animation: none;
  }

  .aigl-made-for .aigl-made-for__track {
    flex: 1;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 22px;
    white-space: normal;
  }

  .aigl-made-for .aigl-made-for__track[aria-hidden="true"] {
    display: none;
  }
}

/* AI Growth Lab: Products */
.aigl-products {
  --ap-paper: #ede4cf;
  --ap-ink: #16130e;
  --ap-text: #2a251d;
  --ap-blue: #0b5fa5;
  --ap-red: #e6322e;
  --ap-heading-size: clamp(2.25rem, 4.5vw, 3.15rem);

  position: relative;
  width: 100%;
  margin: 0;
  padding: clamp(72px, 10vw, 128px) 0;
  background: var(--ap-paper);
  color: var(--ap-ink);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.62;
}

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

.aigl-products .aigl-products__inner {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
  padding: 0;
}

.aigl-products h2,
.aigl-products p,
.aigl-products ol,
.aigl-products li,
.aigl-products figure {
  margin: 0;
  padding: 0;
}

.aigl-products .aigl-products__heading {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  align-items: end;
  gap: 18px 56px;
  margin: 0 0 clamp(48px, 6vw, 72px);
  padding: 0;
}

.aigl-products .aigl-products__heading h2,
.aigl-products .aigl-products__copy h2 {
  color: var(--ap-ink);
  font-family: "Barlow Condensed", sans-serif;
  font-size: var(--ap-heading-size);
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.005em;
  text-transform: uppercase;
  text-shadow: none;
}

.aigl-products .aigl-products__heading h2 {
  line-height: 0.96;
}

.aigl-products .aigl-products__heading > p {
  max-width: 28em;
  color: #7a7166;
  font: inherit;
}

.aigl-products .aigl-products__row {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  align-items: center;
  gap: clamp(40px, 6vw, 88px);
  margin: 0;
  padding: clamp(56px, 7vw, 88px) 0.14em;
  border: 0;
  border-top: 4px solid var(--ap-ink);
}

.aigl-products .aigl-products__row:last-child {
  padding-bottom: 0;
}

.aigl-products .aigl-products__row::before {
  position: absolute;
  top: -4px;
  left: 0;
  width: 64px;
  height: 4px;
  background: var(--ap-red);
  transform: skewX(-28deg);
  content: "";
}

.aigl-products .aigl-products__row--flip::before {
  right: 0;
  left: auto;
}

.aigl-products .aigl-products__copy {
  min-width: 0;
}

.aigl-products .aigl-products__row--flip .aigl-products__copy {
  order: 2;
}

.aigl-products .aigl-products__row--flip .aigl-products__art {
  order: 1;
}

.aigl-products .aigl-products__number {
  display: block;
  margin-bottom: 18px;
  color: transparent;
  font: 400 clamp(1.75rem, 3vw, 2.75rem)/0.8
    "Barlow Condensed", sans-serif;
  -webkit-text-stroke: 1.5px var(--ap-blue);
}

.aigl-products .aigl-products__copy h2 {
  margin-bottom: 22px;
  line-height: 1.12;
}

.aigl-products .aigl-products__copy h2 span {
  color: var(--ap-blue);
}

.aigl-products .aigl-products__copy > p {
  max-width: 32em;
  color: var(--ap-text);
  font: inherit;
}

/* Section buttons */
.aigl-products .aigl-products__button,
.aigl-products .aigl-products__button:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  margin-top: 34px;
  padding: 12px 26px;
  border: 3px solid var(--ap-ink);
  border-radius: 0;
  background: var(--ap-blue);
  color: #fbf7ee;
  font: 700 16px/1.2 "Barlow Condensed", sans-serif;
  letter-spacing: 0.08em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: none;
  transition: transform 0.18s, box-shadow 0.18s;
}

.aigl-products .aigl-products__button:hover {
  background: var(--ap-blue);
  color: #fbf7ee;
  text-decoration: none;
  transform: translate(-3px, -3px);
  box-shadow: 6px 6px 0 var(--ap-ink);
}

.aigl-products .aigl-products__button:active {
  transform: none;
  box-shadow: none;
}

.aigl-products .aigl-products__button:focus-visible {
  outline: 3px solid #e8a317;
  outline-offset: 3px;
}

/* Artwork foundations */
.aigl-products .aigl-products__art {
  position: relative;
  min-width: 0;
  width: 100%;
  padding: 28px 28px 28px 0;
}

.aigl-products .aigl-products__art::before,
.aigl-products .aigl-products__art::after {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  content: "";
}

/* Learning artwork: blue slab, red circle, black polygon */
.aigl-products .aigl-products__art--learning::before {
  inset: 14px 0 0 18%;
  background:
    radial-gradient(
      circle at 77% 24%,
      var(--ap-red) 0 29%,
      transparent 29.5%
    ),
    var(--ap-blue);
  clip-path: polygon(22% 0, 100% 0, 100% 100%, 0 100%);
}

.aigl-products .aigl-products__art--learning::after {
  inset: 14px 0 0 8%;
  background: var(--ap-ink);
  clip-path: polygon(0 0, 34% 0, 58% 57%, 23% 100%, 0 100%);
}

.aigl-products .aigl-products__panel {
  position: relative;
  z-index: 1;
  border: 4px solid var(--ap-ink);
  background: var(--ap-ink);
  color: var(--ap-paper);
  box-shadow:
    12px 12px 0 var(--ap-paper),
    12px 12px 0 4px var(--ap-ink);
}

.aigl-products .aigl-products__panel-head,
.aigl-products .aigl-products__panel-foot {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 18px 12px;
  font: 700 11px/1 "Inter", sans-serif;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.aigl-products .aigl-products__panel-head {
  background: var(--ap-paper);
  color: var(--ap-ink);
}

.aigl-products .aigl-products__panel-head b {
  color: var(--ap-blue);
}

.aigl-products .aigl-products__panel-foot {
  border-top: 2px solid var(--ap-text);
  color: rgba(237, 228, 207, 0.7);
}

.aigl-products .aigl-products__panel-foot b {
  color: var(--ap-paper);
}

/* Learning steps */
.aigl-products .aigl-products__stairs {
  display: flex;
  flex-direction: column-reverse;
  gap: 10px;
  margin: 0;
  padding: 22px 18px;
  list-style: none;
}

.aigl-products .aigl-products__stairs li {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  margin: 0;
  padding: 0;
  border: 3px solid var(--ap-paper);
  list-style: none;
}

.aigl-products .aigl-products__stairs li:nth-child(2) {
  margin-left: 13%;
}

.aigl-products .aigl-products__stairs li:nth-child(3) {
  margin-left: 26%;
  border-color: var(--ap-blue);
  background: var(--ap-blue);
}

.aigl-products .aigl-products__stairs li > span {
  display: grid;
  place-items: center;
  background: var(--ap-paper);
  color: var(--ap-ink);
  font: 400 26px/1 "Barlow Condensed", sans-serif;
}

.aigl-products .aigl-products__stairs li:nth-child(3) > span {
  background: var(--ap-ink);
  color: var(--ap-paper);
}

.aigl-products .aigl-products__stairs li > div {
  min-width: 0;
  padding: 12px 14px;
}

.aigl-products .aigl-products__stairs b {
  display: block;
  color: var(--ap-paper);
  font: 700 15px/1.2 "Barlow Condensed", sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.aigl-products .aigl-products__stairs small {
  display: block;
  margin-top: 4px;
  color: rgba(237, 228, 207, 0.75);
  font: 400 13px/1.4 "Inter", sans-serif;
}

.aigl-products .aigl-products__stairs li:nth-child(3) small {
  color: var(--ap-paper);
}

/* Infographic artwork */
.aigl-products .aigl-products__art--image {
  padding: 28px 0 28px 28px;
}

.aigl-products .aigl-products__art--image::before {
  inset: 14px 18% 0 0;
  background: var(--ap-ink);
  clip-path: polygon(0 0, 100% 0, 78% 100%, 0 100%);
}

.aigl-products .aigl-products__art--image::after {
  top: 14px;
  left: 0;
  width: 54%;
  height: 42%;
  background: var(--ap-red);
  clip-path: polygon(0 0, 100% 0, 68% 100%, 0 68%);
}

.aigl-products .aigl-products__frame {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 14px 14px 0;
  border: 4px solid var(--ap-ink);
  border-radius: 0;
  background: var(--ap-paper);
  box-shadow: -12px 12px 0 var(--ap-blue);
}

.aigl-products .aigl-products__frame::before {
  position: absolute;
  top: -22px;
  right: -22px;
  width: 64px;
  height: 64px;
  border: 4px solid var(--ap-ink);
  border-radius: 50%;
  background: var(--ap-blue);
  content: "";
}

.aigl-products .aigl-products__frame img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 480px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  border: 2px solid var(--ap-ink);
  border-radius: 0;
  object-fit: contain;
  box-shadow: none;
}

.aigl-products .aigl-products__frame figcaption {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 14px -14px 0;
  padding: 12px 14px 11px;
  background: var(--ap-ink);
  color: var(--ap-paper);
  font: 700 14px/1 "Barlow Condensed", sans-serif;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.aigl-products .aigl-products__frame figcaption span {
  color: var(--ap-blue);
  font: 700 11px/1.3 "Inter", sans-serif;
  letter-spacing: 0.12em;
}

/* Tablet */
@media (max-width: 1020px) {
  .aigl-products .aigl-products__title-break {
    display: none;
  }
}

@media (max-width: 900px) {
  .aigl-products .aigl-products__heading,
  .aigl-products .aigl-products__row {
    grid-template-columns: minmax(0, 1fr);
  }

  .aigl-products .aigl-products__row--flip .aigl-products__copy {
    order: 1;
  }

  .aigl-products .aigl-products__row--flip .aigl-products__art {
    order: 2;
  }

  .aigl-products .aigl-products__art {
    max-width: 600px;
  }
}

/* Mobile */
@media (max-width: 700px) {
  .aigl-products {
    font-size: 17px;
    line-height: 1.5625;
  }

  .aigl-products .aigl-products__inner {
    width: calc(100% - 32px);
  }

  .aigl-products .aigl-products__button {
    width: 100%;
  }
}

@media (max-width: 520px) {
  .aigl-products .aigl-products__art {
    padding: 18px 14px 22px 0;
  }

  .aigl-products .aigl-products__art--image {
    padding: 18px 0 22px 14px;
  }

  .aigl-products .aigl-products__art::before,
  .aigl-products .aigl-products__art::after {
    top: 8px;
  }

  .aigl-products .aigl-products__stairs {
    padding: 18px 12px;
  }

  .aigl-products .aigl-products__panel-head,
  .aigl-products .aigl-products__panel-foot {
    padding-inline: 12px;
    font-size: 10px;
    letter-spacing: 0.08em;
  }

  .aigl-products .aigl-products__stairs li {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .aigl-products .aigl-products__stairs li:nth-child(2) {
    margin-left: 7%;
  }

  .aigl-products .aigl-products__stairs li:nth-child(3) {
    margin-left: 14%;
  }

  .aigl-products .aigl-products__panel {
    box-shadow:
      8px 8px 0 var(--ap-paper),
      8px 8px 0 4px var(--ap-ink);
  }

  .aigl-products .aigl-products__frame::before {
    top: -14px;
    right: -10px;
    width: 44px;
    height: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aigl-products .aigl-products__button {
    transition: none;
  }

  .aigl-products .aigl-products__button:hover {
    transform: none;
  }
}

/* AI Growth Lab: Useful by design */
.aigl-why {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 116px 0;
  border: 0;
  border-top: 4px solid #16130e;
  border-bottom: 4px solid #16130e;
  background: #16130e;
  color: #fbf7ee;
  font-family: "Inter", sans-serif;
  font-weight: 400;
}

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

/* Blue accent along the top edge */
.aigl-why::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 38%;
  height: 10px;
  background: #0b5fa5;
  pointer-events: none;
  content: "";
}

.aigl-why .aigl-why__inner {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
  padding: 0;
}

.aigl-why .aigl-why__heading {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 0.72fr);
  align-items: end;
  gap: 48px;
  margin: 0 0 52px;
  padding: 0;
}

.aigl-why #aigl-why-title {
  margin: 0;
  padding: 0;
  color: #ede4cf;
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(2.25rem, 4.5vw, 3.15rem);
  font-style: normal;
  font-weight: 800;
  line-height: 0.92;
  letter-spacing: 0.005em;
  text-transform: uppercase;
  text-shadow: none;
}

.aigl-why .aigl-why__heading > p {
  margin: 0;
  padding: 0;
  color: rgba(237, 228, 207, 0.78);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: normal;
}

.aigl-why .aigl-why__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.aigl-why .aigl-why__card {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 34px 30px 36px;
  border: 4px solid #16130e;
  border-radius: 0;
  background: #ede4cf;
  color: #16130e;
  box-shadow: 9px 9px 0 #16130e;
}

/* Red tab on each card */
.aigl-why .aigl-why__card::before {
  position: absolute;
  top: -4px;
  right: 24px;
  width: 38px;
  height: 7px;
  background: #e6322e;
  transform: skewX(-28deg);
  pointer-events: none;
  content: "";
}

.aigl-why .aigl-why__card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 26px;
}

.aigl-why .aigl-why__icon {
  display: grid;
  flex: none;
  place-items: center;
  width: 78px;
  height: 78px;
  background: #16130e;
}

.aigl-why .aigl-why__card:nth-child(2) .aigl-why__icon {
  background: #0b5fa5;
}

.aigl-why .aigl-why__card:nth-child(3) .aigl-why__icon {
  background: #e6322e;
}

.aigl-why .aigl-why__icon svg {
  display: block;
  width: 42px;
  height: 42px;
  fill: #fbf7ee;
}

.aigl-why .aigl-why__number {
  color: #c6bba7;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 44px;
  font-weight: 400;
  line-height: 0.8;
}

.aigl-why .aigl-why__card h3 {
  margin: 0 0 14px;
  padding: 0;
  color: #16130e;
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(1.35rem, 2vw, 1.7rem);
  font-style: normal;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.005em;
  text-transform: uppercase;
  text-shadow: none;
}

.aigl-why .aigl-why__card p {
  margin: 0;
  padding: 0;
  color: #2a251d;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: normal;
}

/* Tablet */
@media (max-width: 1020px) {
  .aigl-why {
    padding: 92px 0;
  }

  .aigl-why .aigl-why__heading {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 22px;
  }

  .aigl-why .aigl-why__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Mobile */
@media (max-width: 700px) {
  .aigl-why {
    padding: 72px 0;
  }

  .aigl-why .aigl-why__inner {
    width: calc(100% - 32px);
  }

  .aigl-why .aigl-why__heading {
    margin-bottom: 36px;
  }

  .aigl-why .aigl-why__heading > p {
    font-size: 17px;
  }

  .aigl-why .aigl-why__card {
    padding: 26px 22px 28px;
    box-shadow: 7px 7px 0 #16130e;
  }

  .aigl-why .aigl-why__icon {
    width: 64px;
    height: 64px;
  }

  .aigl-why .aigl-why__icon svg {
    width: 34px;
    height: 34px;
  }

  .aigl-why .aigl-why__card p {
    font-size: 17px;
    line-height: 1.5625;
  }
}

/* AI Growth Lab: Contact banner */
.aigl-contact-banner {
  width: 100%;
  margin: 0;
  padding: 104px 0;
  border: 0;
  border-top: 4px solid #16130e;
  background: #ede4cf;
  color: #16130e;
  font-family: "Inter", sans-serif;
}

.aigl-contact-banner,
.aigl-contact-banner *,
.aigl-contact-banner *::before,
.aigl-contact-banner *::after {
  box-sizing: border-box;
}

.aigl-contact-banner .aigl-contact-banner__inner {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
  padding: 0;
}

.aigl-contact-banner .aigl-contact-banner__panel {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 0;
  min-height: 340px;
  margin: 0;
  padding: 0;
  border: 4px solid #16130e;
  border-radius: 0;
  background: #ede4cf;
  box-shadow: 12px 12px 0 #0b5fa5;
}

/* Megaphone artwork */
.aigl-contact-banner .aigl-contact-banner__art {
  position: relative;
  align-self: stretch;
  min-width: 0;
  min-height: 340px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #ede4cf;
}

.aigl-contact-banner .aigl-contact-banner__art img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  object-fit: cover;
  object-position: 37% center;
  box-shadow: none;
}

/* Text */
.aigl-contact-banner .aigl-contact-banner__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 0;
  padding: clamp(32px, 4.5vw, 64px);
}

.aigl-contact-banner #aigl-contact-banner-title {
  margin: 0 0 18px;
  padding: 0;
  color: #16130e;
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(2.25rem, 4.5vw, 3.15rem);
  font-style: normal;
  font-weight: 800;
  line-height: 0.92;
  letter-spacing: 0.005em;
  text-transform: uppercase;
  text-shadow: none;
}

.aigl-contact-banner #aigl-contact-banner-title span {
  color: #0b5fa5;
}

.aigl-contact-banner .aigl-contact-banner__copy p {
  margin: 0 0 24px;
  padding: 0;
  color: #2a251d;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.62;
  letter-spacing: normal;
}

/* Contact button */
.aigl-contact-banner .aigl-contact-banner__button,
.aigl-contact-banner .aigl-contact-banner__button:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  margin: 0;
  padding: 12px 26px;
  border: 3px solid #16130e;
  border-radius: 0;
  background: #0b5fa5;
  color: #fbf7ee;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: none;
  transition:
    transform 0.18s cubic-bezier(0.23, 1, 0.32, 1),
    box-shadow 0.18s cubic-bezier(0.23, 1, 0.32, 1);
}

.aigl-contact-banner .aigl-contact-banner__button:hover {
  background: #0b5fa5;
  color: #fbf7ee;
  text-decoration: none;
  transform: translate(-3px, -3px);
  box-shadow: 6px 6px 0 #16130e;
}

.aigl-contact-banner .aigl-contact-banner__button:active {
  transform: none;
  box-shadow: none;
}

.aigl-contact-banner .aigl-contact-banner__button:focus-visible {
  outline: 3px solid #e8a317;
  outline-offset: 3px;
}

/* Tablet */
@media (max-width: 1020px) {
  .aigl-contact-banner {
    padding: 80px 0;
  }
}

/* Mobile */
@media (max-width: 700px) {
  .aigl-contact-banner {
    padding: 64px 0;
  }

  .aigl-contact-banner .aigl-contact-banner__inner {
    width: calc(100% - 32px);
  }

  .aigl-contact-banner .aigl-contact-banner__panel {
    grid-template-columns: minmax(0, 1fr);
    box-shadow: 8px 8px 0 #0b5fa5;
  }

  .aigl-contact-banner .aigl-contact-banner__art {
    min-height: 0;
    height: 230px;
  }

  .aigl-contact-banner .aigl-contact-banner__art img {
    height: 230px;
    object-position: 37% 42%;
  }

  .aigl-contact-banner .aigl-contact-banner__copy {
    padding: 30px 26px 34px;
  }

  .aigl-contact-banner .aigl-contact-banner__copy p {
    font-size: 17px;
    line-height: 1.5625;
  }

  .aigl-contact-banner .aigl-contact-banner__button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aigl-contact-banner .aigl-contact-banner__button {
    transition: none;
  }

  .aigl-contact-banner .aigl-contact-banner__button:hover {
    transform: none;
  }
}

/* =========================================================
   AI GROWTH LAB — Contact Page
   ========================================================= */

/* CONTACT PAGE */
.aigl-contact {
  --aigl-paper: #ede4cf;
  --aigl-cream: #fbf7ee;
  --aigl-ink: #16130e;
  --aigl-blue: #0b5fa5;
  --aigl-red: #e6322e;

  width: 100%;
  padding: 72px 0 88px;
  background: var(--aigl-paper);
  color: var(--aigl-ink);
  font-family: "Inter", sans-serif;
  text-align: left;
}

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

.aigl-contact .aigl-contact__layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: clamp(40px, 6vw, 80px);
  width: calc(100% - 48px);
  max-width: 1180px;
  margin: 0 auto;
}

.aigl-contact .aigl-contact__intro {
  min-width: 0;
  align-self: center;
}

.aigl-contact .aigl-contact__intro h1 {
  margin: 0 0 26px;
  padding: 0;
  color: var(--aigl-ink);
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(2.8rem, 6vw, 4.4rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.015em;
  text-transform: uppercase;
}

.aigl-contact .aigl-contact__intro h1 span {
  color: var(--aigl-blue);
  display: inline;
}

.aigl-contact .aigl-contact__intro > p {
  max-width: 34em;
  margin: 0;
  padding: 0;
  color: #2a251d;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}

/* FORM PANEL */
.aigl-contact .aigl-contact__panel {
  position: relative;
  min-width: 0;
  border: 4px solid var(--aigl-ink);
  border-radius: 0;
  background: var(--aigl-cream);
  box-shadow: 10px 10px 0 var(--aigl-ink);
}

.aigl-contact .aigl-contact__panel::after {
  content: "";
  position: absolute;
  top: 10px;
  right: -14px;
  width: 10px;
  height: 68%;
  background: linear-gradient(
    155deg,
    var(--aigl-blue) 0 48%,
    var(--aigl-red) 48% 100%
  );
  clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);
  pointer-events: none;
}

.aigl-contact .aigl-contact__panel-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 28px;
  background: var(--aigl-ink);
  color: var(--aigl-paper);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.aigl-contact .aigl-contact__panel-top > span:first-child {
  display: flex;
  align-items: center;
  gap: 10px;
}

.aigl-contact .aigl-contact__panel-top > span:first-child::before {
  content: "";
  width: 10px;
  height: 10px;
  background: var(--aigl-red);
}

.aigl-contact .aigl-contact__panel-body {
  padding: 28px;
}

/* CONTACT FORM 7 RESETS */
.aigl-contact .wpcf7,
.aigl-contact .wpcf7-form {
  width: 100%;
  margin: 0;
}

.aigl-contact .aigl-contact-form p {
  margin: 0;
  padding: 0;
}

.aigl-contact .aigl-contact-form br {
  display: none;
}

.aigl-contact .wpcf7-form-control-wrap {
  display: block;
  min-width: 0;
}

/* FIELDS */
.aigl-contact .aigl-contact-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.aigl-contact .aigl-contact-form__field {
  min-width: 0;
}

.aigl-contact .aigl-contact-form__field--spaced {
  margin-top: 22px;
}

.aigl-contact .aigl-contact-form__field label {
  display: block;
  margin: 0 0 8px;
  color: var(--aigl-ink);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.aigl-contact .aigl-contact-form input[type="text"],
.aigl-contact .aigl-contact-form input[type="email"],
.aigl-contact .aigl-contact-form textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 50px;
  margin: 0;
  padding: 12px 13px;
  border: 2px solid var(--aigl-ink);
  border-radius: 0;
  background: var(--aigl-paper);
  color: var(--aigl-ink);
  box-shadow: none;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  appearance: none;
}

.aigl-contact .aigl-contact-form textarea {
  height: 136px;
  min-height: 136px;
  resize: vertical;
}

.aigl-contact .aigl-contact-form input::placeholder,
.aigl-contact .aigl-contact-form textarea::placeholder {
  color: #655e53;
  opacity: 1;
}

.aigl-contact .aigl-contact-form input:focus-visible,
.aigl-contact .aigl-contact-form textarea:focus-visible {
  outline: 3px solid var(--aigl-blue);
  outline-offset: 3px;
}

/* SEND BUTTON */
.aigl-contact .aigl-contact-form__actions {
  position: relative;
  margin-top: 24px;
}

.aigl-contact input.aigl-contact-form__submit {
  display: block;
  width: 100%;
  min-height: 52px;
  margin: 0;
  padding: 15px 24px;
  border: 3px solid var(--aigl-ink);
  border-radius: 0;
  background: var(--aigl-blue);
  color: var(--aigl-cream);
  box-shadow: none;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.06em;
  text-align: center;
  text-transform: uppercase;
  white-space: normal;
  cursor: pointer;
  appearance: none;
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.aigl-contact input.aigl-contact-form__submit:hover {
  background: var(--aigl-blue);
  color: var(--aigl-cream);
  transform: translate(-3px, -3px);
  box-shadow: 6px 6px 0 var(--aigl-ink);
}

.aigl-contact input.aigl-contact-form__submit:active {
  transform: none;
  box-shadow: none;
}

.aigl-contact input.aigl-contact-form__submit:focus-visible {
  outline: 3px solid var(--aigl-blue);
  outline-offset: 4px;
}

.aigl-contact input.aigl-contact-form__submit:disabled {
  cursor: wait;
  opacity: 0.7;
  transform: none;
  box-shadow: none;
}

.aigl-contact .aigl-contact-form__actions .wpcf7-spinner {
  position: absolute;
  top: 50%;
  right: 12px;
  margin: -12px 0 0;
}

/* VALIDATION AND SUBMISSION MESSAGES */
.aigl-contact .wpcf7-not-valid-tip {
  display: block;
  margin-top: 7px;
  color: #a52420;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  line-height: 1.5;
}

.aigl-contact .aigl-contact-form [aria-invalid="true"] {
  border-color: #a52420;
}

.aigl-contact .wpcf7 form .wpcf7-response-output {
  margin: 22px 0 0;
  padding: 12px 14px;
  border-width: 2px;
  border-radius: 0;
  color: var(--aigl-ink);
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

/* TABLET */
@media (max-width: 1020px) {
  .aigl-contact .aigl-contact__layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
    max-width: 680px;
  }

  .aigl-contact .aigl-contact__intro {
    text-align: center;
  }

  .aigl-contact .aigl-contact__intro h1 {
    font-size: clamp(2.8rem, 7.5vw, 4.3rem);
  }

  .aigl-contact .aigl-contact__intro > p {
    margin-inline: auto;
  }
}

/* MOBILE */
@media (max-width: 700px) {
  .aigl-contact {
    padding: 44px 0 60px;
  }

  .aigl-contact .aigl-contact__layout {
    width: calc(100% - 32px);
  }

  .aigl-contact .aigl-contact__intro h1 {
    font-size: clamp(2.05rem, 10vw, 3.4rem);
  }

  .aigl-contact .aigl-contact__panel {
    box-shadow: 7px 7px 0 var(--aigl-ink);
  }

  .aigl-contact .aigl-contact__panel::after {
    top: 7px;
    right: -11px;
    width: 7px;
  }

  .aigl-contact .aigl-contact__panel-top {
    padding-inline: 20px;
  }

  .aigl-contact .aigl-contact__panel-body {
    padding: 24px 20px;
  }

  .aigl-contact .aigl-contact-form__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aigl-contact input.aigl-contact-form__submit {
    transition: none;
  }
}

/* =========================================================
   AI GROWTH LAB — Terms Pages
   ========================================================= */

/* PRIVACY POLICY */
.aigl-policy {
  --aigl-policy-paper: #ede4cf;
  --aigl-policy-cream: #fbf7ee;
  --aigl-policy-ink: #16130e;
  --aigl-policy-blue: #0b5fa5;
  --aigl-policy-red: #e6322e;

  width: 100%;
  padding: 72px 0 88px;
  background: var(--aigl-policy-paper);
  color: var(--aigl-policy-ink);
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.8;
  text-align: left;
}

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

.aigl-policy .aigl-policy__shell {
  width: calc(100% - 48px);
  max-width: 1000px;
  margin: 0 auto;
}

/* PAGE TITLE */
.aigl-policy .aigl-policy__header {
  margin: 0 0 40px;
}

.aigl-policy .aigl-policy__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px;
  color: var(--aigl-policy-ink);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.aigl-policy .aigl-policy__eyebrow::before {
  content: "";
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
  background: var(--aigl-policy-red);
}

.aigl-policy .aigl-policy__header h1 {
  margin: 0;
  padding: 0;
  color: var(--aigl-policy-ink);
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(3rem, 6vw, 4.4rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.015em;
  text-transform: uppercase;
}

.aigl-policy .aigl-policy__header h1 span {
  display: inline;
  color: var(--aigl-policy-blue);
}

/* DOCUMENT */
.aigl-policy .aigl-policy__document {
  min-width: 0;
  padding: clamp(28px, 4vw, 56px);
  border: 3px solid var(--aigl-policy-ink);
  border-radius: 0;
  background: var(--aigl-policy-cream);
  box-shadow: 10px 10px 0 var(--aigl-policy-ink);
}

.aigl-policy .aigl-policy__document p {
  margin: 0 0 20px;
  padding: 0;
  color: #2a251d;
  font-family: "Inter", sans-serif;
  font-size: inherit;
  font-weight: 400;
  line-height: 1.8;
  overflow-wrap: anywhere;
}

.aigl-policy .aigl-policy__document strong {
  color: var(--aigl-policy-ink);
  font-weight: 700;
}

.aigl-policy .aigl-policy__document a {
  color: var(--aigl-policy-blue);
  font-weight: 500;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  overflow-wrap: anywhere;
}

.aigl-policy .aigl-policy__document a:hover {
  color: var(--aigl-policy-ink);
  text-decoration-thickness: 2px;
}

.aigl-policy a:focus-visible,
.aigl-policy .aigl-policy__table-wrap:focus-visible {
  outline: 3px solid var(--aigl-policy-blue);
  outline-offset: 4px;
}

/* HEADINGS */
.aigl-policy .aigl-policy__document h2 {
  margin: 0 0 22px;
  padding: 0;
  color: var(--aigl-policy-ink);
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: 0.015em;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.aigl-policy .aigl-policy__document h3 {
  margin: 30px 0 14px;
  padding: 0;
  color: var(--aigl-policy-ink);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.015em;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

/* LISTS */
.aigl-policy .aigl-policy__document ul,
.aigl-policy .aigl-policy__document ol {
  margin: 0 0 24px;
  padding: 0 0 0 24px;
  color: #2a251d;
  font-family: "Inter", sans-serif;
  font-size: inherit;
  line-height: 1.8;
}

.aigl-policy .aigl-policy__document ul {
  list-style: disc outside;
}

.aigl-policy .aigl-policy__document ol {
  list-style: decimal outside;
}

.aigl-policy .aigl-policy__document li {
  display: list-item;
  margin: 0 0 10px;
  padding: 0 0 0 4px;
  overflow-wrap: anywhere;
}

.aigl-policy .aigl-policy__document li::before,
.aigl-policy .aigl-policy__document li::after {
  content: none;
}

.aigl-policy .aigl-policy__document li::marker {
  color: var(--aigl-policy-blue);
  font-weight: 700;
}

/* CONTENTS */
.aigl-policy .aigl-policy__contents {
  margin: 32px 0 0;
  padding: 28px;
  border: 2px solid var(--aigl-policy-ink);
  background: var(--aigl-policy-paper);
}

.aigl-policy .aigl-policy__contents h2 {
  margin-bottom: 18px;
  font-size: 28px;
}

.aigl-policy .aigl-policy__contents ol {
  margin-bottom: 0;
}

.aigl-policy .aigl-policy__contents li {
  margin-bottom: 8px;
  font-size: 15px;
  line-height: 1.6;
}

.aigl-policy .aigl-policy__contents li:last-child {
  margin-bottom: 0;
}

/* POLICY SECTIONS */
.aigl-policy .aigl-policy__section {
  margin-top: 40px;
  padding-top: 36px;
  border-top: 2px solid var(--aigl-policy-ink);
}

.aigl-policy .aigl-policy__section > :last-child,
.aigl-policy .aigl-policy__intro > :last-child {
  margin-bottom: 0;
}

.aigl-policy [id] {
  scroll-margin-top: 140px;
}

/* INFORMATION TABLE */
.aigl-policy .aigl-policy__table-wrap {
  width: 100%;
  max-width: 100%;
  margin: 24px 0;
  overflow-x: auto;
  border: 2px solid var(--aigl-policy-ink);
  -webkit-overflow-scrolling: touch;
}

.aigl-policy .aigl-policy__table-wrap table {
  width: 100%;
  min-width: 640px;
  margin: 0;
  border: 0;
  border-collapse: collapse;
  table-layout: fixed;
  background: var(--aigl-policy-cream);
  color: var(--aigl-policy-ink);
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.65;
}

.aigl-policy .aigl-policy__table-wrap caption {
  padding: 14px 16px;
  background: var(--aigl-policy-paper);
  color: var(--aigl-policy-ink);
  font-weight: 700;
  text-align: left;
  caption-side: top;
}

.aigl-policy .aigl-policy__table-wrap th,
.aigl-policy .aigl-policy__table-wrap td {
  padding: 14px 16px;
  border: 1px solid var(--aigl-policy-ink);
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}

.aigl-policy .aigl-policy__table-wrap thead th {
  background: var(--aigl-policy-ink);
  color: var(--aigl-policy-cream);
  font-weight: 700;
}

.aigl-policy .aigl-policy__table-wrap th:first-child {
  width: 32%;
}

.aigl-policy .aigl-policy__table-wrap th:last-child,
.aigl-policy .aigl-policy__table-wrap td:last-child {
  width: 15%;
  text-align: center;
}

.aigl-policy .aigl-policy__table-wrap tbody th {
  background: var(--aigl-policy-paper);
  font-weight: 700;
}

/* BACK TO TOP */
.aigl-policy .aigl-policy__back {
  margin-top: 36px;
  padding-top: 24px;
  border-top: 2px solid var(--aigl-policy-ink);
}

.aigl-policy .aigl-policy__back a {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* MOBILE */
@media (max-width: 700px) {
  .aigl-policy {
    padding: 44px 0 60px;
    font-size: 16px;
  }

  .aigl-policy .aigl-policy__shell {
    width: calc(100% - 32px);
  }

  .aigl-policy .aigl-policy__header {
    margin-bottom: 28px;
  }

  .aigl-policy .aigl-policy__header h1 {
    font-size: clamp(2.6rem, 11vw, 3.4rem);
  }

  .aigl-policy .aigl-policy__document {
    padding: 26px 20px;
    box-shadow: 7px 7px 0 var(--aigl-policy-ink);
  }

  .aigl-policy .aigl-policy__contents {
    padding: 20px 16px;
  }

  .aigl-policy .aigl-policy__document h2 {
    font-size: 28px;
  }

  .aigl-policy .aigl-policy__document h3 {
    font-size: 22px;
  }

  .aigl-policy .aigl-policy__section {
    margin-top: 32px;
    padding-top: 28px;
  }

  .aigl-policy .aigl-policy__document ul,
  .aigl-policy .aigl-policy__document ol {
    padding-left: 20px;
  }
}

/* =========================================================
   AI GROWTH LAB — Prompt Series Sign up
   ========================================================= */

/* PROMPT PACK THANK-YOU PAGE */
.aigl-thanks {
  width: 100%;
  padding: 110px 0 120px;
  background: #ede4cf;
  color: #16130e;
  text-align: center;
}

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

.aigl-thanks .aigl-thanks__inner {
  width: calc(100% - 48px);
  max-width: 900px;
  margin: 0 auto;
}

.aigl-thanks .aigl-thanks__eyebrow {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 0 0 24px;
  padding: 0;
  color: #16130e;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.aigl-thanks .aigl-thanks__eyebrow::before {
  content: "";
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
  background: #e6322e;
}

.aigl-thanks h1 {
  margin: 0 0 26px;
  padding: 0;
  color: #16130e;
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(4rem, 10vw, 8rem);
  font-weight: 800;
  line-height: 0.95;
  letter-spacing: 0.015em;
  text-transform: uppercase;
}

.aigl-thanks h1 span {
  display: inline;
  color: #0b5fa5;
}

.aigl-thanks .aigl-thanks__message {
  max-width: 560px;
  margin: 0 auto;
  padding: 0;
  color: #2a251d;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.65;
}

@media (max-width: 700px) {
  .aigl-thanks {
    padding: 76px 0 84px;
  }

  .aigl-thanks .aigl-thanks__inner {
    width: calc(100% - 32px);
  }

  .aigl-thanks .aigl-thanks__eyebrow {
    margin-bottom: 20px;
    font-size: 16px;
    letter-spacing: 0.07em;
  }

  .aigl-thanks h1 {
    margin-bottom: 22px;
    font-size: clamp(3.5rem, 16vw, 5rem);
  }

  .aigl-thanks .aigl-thanks__message {
    font-size: 18px;
  }
}

/* PROMPT SERIES — HERO */
.aigl-prompt-hero {
  --aigl-paper: #ede4cf;
  --aigl-cream: #fbf7ee;
  --aigl-ink: #16130e;
  --aigl-blue: #0b5fa5;
  --aigl-red: #e6322e;

  width: 100%;
  padding: 76px 0 88px;
  background: var(--aigl-paper);
  color: var(--aigl-ink);
  font-family: "Inter", sans-serif;
  text-align: left;
}

.aigl-prompt-hero,
.aigl-prompt-hero *,
.aigl-prompt-hero *::before,
.aigl-prompt-hero *::after {
  box-sizing: border-box;
}

.aigl-prompt-hero .aigl-prompt-hero__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
  align-items: center;
  gap: clamp(40px, 6vw, 80px);
  width: calc(100% - 48px);
  max-width: 1180px;
  margin: 0 auto;
}

.aigl-prompt-hero .aigl-prompt-hero__copy {
  min-width: 0;
}

/* EYEBROW */
.aigl-prompt-hero .aigl-prompt-hero__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 22px;
  padding: 0;
  color: var(--aigl-ink);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.aigl-prompt-hero .aigl-prompt-hero__eyebrow::before {
  content: "";
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
  background: var(--aigl-red);
}

/* HEADING AND COPY */
.aigl-prompt-hero h1 {
  margin: 0 0 26px;
  padding: 0;
  color: var(--aigl-ink);
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(2.8rem, 4.7vw, 4.4rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.015em;
  text-transform: uppercase;
}

.aigl-prompt-hero h1 span {
  display: inline;
  color: var(--aigl-blue);
}

.aigl-prompt-hero .aigl-prompt-hero__description {
  max-width: 540px;
  margin: 0;
  padding: 0;
  color: #2a251d;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.65;
}

/* BREVO SIGNUP FORM */
.aigl-prompt-hero .aigl-prompt-hero__signup {
  width: 100%;
  max-width: 520px;
  margin-top: 30px;
}

.aigl-prompt-hero .sib_signup_form {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.aigl-prompt-hero .aigl-prompt-hero__signup p {
  margin: 0 0 16px;
  padding: 0;
}

.aigl-prompt-hero .aigl-prompt-hero__signup p:last-child {
  margin-bottom: 0;
}

.aigl-prompt-hero .aigl-prompt-hero__signup input[type="email"] {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 56px;
  margin: 0;
  padding: 15px 16px;
  border: 2px solid var(--aigl-ink);
  border-radius: 0;
  background: var(--aigl-cream);
  color: var(--aigl-ink);
  box-shadow: none;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  appearance: none;
}

.aigl-prompt-hero .aigl-prompt-hero__signup input[type="email"]::placeholder {
  color: #655e53;
  opacity: 1;
}

/* BUTTON */
.aigl-prompt-hero .aigl-prompt-hero__signup input[type="submit"],
.aigl-prompt-hero .aigl-prompt-hero__signup button[type="submit"] {
  display: inline-block;
  width: auto;
  max-width: 100%;
  min-height: 54px;
  margin: 0;
  padding: 15px 28px;
  border: 3px solid var(--aigl-ink);
  border-radius: 0;
  background: var(--aigl-blue);
  color: var(--aigl-cream);
  box-shadow: none;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.055em;
  text-align: center;
  text-transform: uppercase;
  white-space: normal;
  cursor: pointer;
  appearance: none;
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.aigl-prompt-hero .aigl-prompt-hero__signup input[type="submit"]:hover,
.aigl-prompt-hero .aigl-prompt-hero__signup button[type="submit"]:hover {
  background: var(--aigl-blue);
  color: var(--aigl-cream);
  transform: translate(-3px, -3px);
  box-shadow: 6px 6px 0 var(--aigl-ink);
}

.aigl-prompt-hero .aigl-prompt-hero__signup input[type="submit"]:active,
.aigl-prompt-hero .aigl-prompt-hero__signup button[type="submit"]:active {
  transform: none;
  box-shadow: none;
}

.aigl-prompt-hero .aigl-prompt-hero__signup input:focus-visible,
.aigl-prompt-hero .aigl-prompt-hero__signup button:focus-visible {
  outline: 3px solid var(--aigl-blue);
  outline-offset: 4px;
}

.aigl-prompt-hero .aigl-prompt-hero__signup input[type="submit"]:disabled,
.aigl-prompt-hero .aigl-prompt-hero__signup button[type="submit"]:disabled {
  opacity: 0.7;
  cursor: wait;
  transform: none;
  box-shadow: none;
}

.aigl-prompt-hero .aigl-prompt-hero__signup .sib-alert-message {
  border-radius: 0;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

/* ILLUSTRATION */
.aigl-prompt-hero .aigl-prompt-hero__art {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0;
}

.aigl-prompt-hero .aigl-prompt-hero__art img {
  display: block;
  width: 100%;
  max-width: 437px;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

/* TABLET */
@media (max-width: 1020px) {
  .aigl-prompt-hero {
    padding: 64px 0 72px;
  }

  .aigl-prompt-hero .aigl-prompt-hero__layout {
    grid-template-columns: minmax(0, 1fr);
    max-width: 680px;
    gap: 44px;
  }

  .aigl-prompt-hero .aigl-prompt-hero__copy {
    text-align: center;
  }

  .aigl-prompt-hero .aigl-prompt-hero__eyebrow {
    justify-content: center;
  }

  .aigl-prompt-hero h1 {
    font-size: clamp(2.8rem, 7.5vw, 4.3rem);
  }

  .aigl-prompt-hero .aigl-prompt-hero__description,
  .aigl-prompt-hero .aigl-prompt-hero__signup {
    margin-inline: auto;
  }

  .aigl-prompt-hero .aigl-prompt-hero__art img {
    max-width: 340px;
  }
}

/* MOBILE */
@media (max-width: 700px) {
  .aigl-prompt-hero {
    padding: 44px 0 60px;
  }

  .aigl-prompt-hero .aigl-prompt-hero__layout {
    width: calc(100% - 32px);
    gap: 36px;
  }

  .aigl-prompt-hero .aigl-prompt-hero__eyebrow {
    font-size: 16px;
  }

  .aigl-prompt-hero h1 {
    font-size: clamp(2.05rem, 10vw, 3.4rem);
  }

  .aigl-prompt-hero .aigl-prompt-hero__description {
    font-size: 17px;
  }

  .aigl-prompt-hero .aigl-prompt-hero__signup input[type="submit"],
  .aigl-prompt-hero .aigl-prompt-hero__signup button[type="submit"] {
    width: 100%;
  }

  .aigl-prompt-hero .aigl-prompt-hero__art img {
    max-width: 280px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aigl-prompt-hero .aigl-prompt-hero__signup input[type="submit"],
  .aigl-prompt-hero .aigl-prompt-hero__signup button[type="submit"] {
    transition: none;
  }
}

/* PROMPT SERIES — WHAT'S INSIDE */
.aigl-pack {
  --aigl-pack-paper: #ede4cf;
  --aigl-pack-cream: #fbf7ee;
  --aigl-pack-ink: #16130e;
  --aigl-pack-blue: #0b5fa5;
  --aigl-pack-red: #e6322e;

  position: relative;
  width: 100%;
  padding: 88px 0 96px;
  border-top: 3px solid var(--aigl-pack-ink);
  background: var(--aigl-pack-ink);
  color: var(--aigl-pack-cream);
  font-family: "Inter", sans-serif;
  text-align: left;
}

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

/* BLUE TOP ACCENT */
.aigl-pack::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 38%;
  height: 10px;
  background: var(--aigl-pack-blue);
}

.aigl-pack .aigl-pack__inner {
  width: calc(100% - 48px);
  max-width: 1180px;
  margin: 0 auto;
}

/* SECTION HEADING */
.aigl-pack .aigl-pack__header {
  max-width: 760px;
  margin: 0 0 44px;
  margin-inline: auto;
  text-align: center;
}

.aigl-pack .aigl-pack__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
  padding: 0;
  color: var(--aigl-pack-paper);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  justify-content: center;
}

.aigl-pack .aigl-pack__eyebrow::before {
  content: "";
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
  background: var(--aigl-pack-red);
}

.aigl-pack h2 {
  margin: 0 0 20px;
  padding: 0;
  color: var(--aigl-pack-paper);
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(2.25rem, 4.5vw, 3.15rem);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: 0.015em;
  text-transform: uppercase;
}

.aigl-pack h2 span {
  display: inline;
  color: var(--aigl-pack-paper);
}

.aigl-pack .aigl-pack__description {
  max-width: 640px;
  margin: 0;
  padding: 0;
  color: rgba(237, 228, 207, 0.78);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.65;
  margin-inline: auto;
}

/* CARD LAYOUT */
.aigl-pack .aigl-pack__grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 24px;
}

.aigl-pack .aigl-pack__card {
  grid-column: span 2;
  min-width: 0;
  margin: 0;
  padding: 30px;
  border: 3px solid var(--aigl-pack-ink);
  border-radius: 0;
  background: var(--aigl-pack-paper);
  box-shadow: 6px 6px 0 var(--aigl-pack-ink);
}

.aigl-pack .aigl-pack__card:nth-child(4) {
  grid-column: 2 / span 2;
}

/* ICON LEFT, NUMBER RIGHT */
.aigl-pack .aigl-pack__card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 26px;
}

.aigl-pack .aigl-pack__icon {
  display: grid;
  flex: none;
  place-items: center;
  width: 54.6px;
  height: 54.6px;
  background: var(--aigl-pack-ink);
  color: var(--aigl-pack-cream);
}

.aigl-pack .aigl-pack__icon svg {
  display: block;
  width: 29.4px;
  height: 29.4px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: square;
  stroke-linejoin: miter;
}

.aigl-pack .aigl-pack__card:nth-child(2) .aigl-pack__icon,
.aigl-pack .aigl-pack__card:nth-child(5) .aigl-pack__icon {
  background: var(--aigl-pack-blue);
}

.aigl-pack .aigl-pack__card:nth-child(3) .aigl-pack__icon {
  background: var(--aigl-pack-red);
}

.aigl-pack .aigl-pack__number {
  color: #c6bba7;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 44px;
  font-weight: 400;
  line-height: 0.8;
}

/* CARD COPY */
.aigl-pack .aigl-pack__card h3 {
  margin: 0 0 12px;
  padding: 0;
  color: var(--aigl-pack-ink);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: 0.015em;
  text-transform: uppercase;
}

.aigl-pack .aigl-pack__card p {
  margin: 0;
  padding: 0;
  color: #2a251d;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.65;
}

/* TABLET */
@media (max-width: 1020px) {
  .aigl-pack {
    padding: 72px 0 80px;
  }

  .aigl-pack .aigl-pack__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .aigl-pack .aigl-pack__card,
  .aigl-pack .aigl-pack__card:nth-child(4) {
    grid-column: auto;
  }

  .aigl-pack .aigl-pack__card:last-child {
    grid-column: 1 / -1;
  }
}

/* MOBILE */
@media (max-width: 700px) {
  .aigl-pack {
    padding: 56px 0 64px;
  }

  .aigl-pack .aigl-pack__inner {
    width: calc(100% - 32px);
  }

  .aigl-pack .aigl-pack__header {
    margin-bottom: 32px;
  }

  .aigl-pack .aigl-pack__eyebrow {
    font-size: 16px;
  }

  .aigl-pack h2 {
    font-size: clamp(2rem, 8vw, 2.6rem);
  }

  .aigl-pack .aigl-pack__description {
    font-size: 17px;
  }

  .aigl-pack .aigl-pack__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
  }

  .aigl-pack .aigl-pack__card {
    padding: 26px 24px;
    box-shadow: 5px 5px 0 var(--aigl-pack-ink);
  }

  .aigl-pack .aigl-pack__card h3 {
    font-size: 26px;
  }

  .aigl-pack .aigl-pack__icon {
    width: 44.8px;
    height: 44.8px;
  }

  .aigl-pack .aigl-pack__icon svg {
    width: 23.8px;
    height: 23.8px;
  }
}

/* PROMPT SERIES — THE PROCESS */
.aigl-prompt-process {
  --aigl-process-paper: #ede4cf;
  --aigl-process-cream: #fbf7ee;
  --aigl-process-ink: #16130e;
  --aigl-process-blue: #0b5fa5;
  --aigl-process-red: #e6322e;

  width: 100%;
  padding: 88px 0 96px;
  border-top: 3px solid var(--aigl-process-ink);
  background: var(--aigl-process-paper);
  color: var(--aigl-process-ink);
  font-family: "Inter", sans-serif;
  text-align: left;
}

.aigl-prompt-process,
.aigl-prompt-process *,
.aigl-prompt-process *::before,
.aigl-prompt-process *::after {
  box-sizing: border-box;
}

.aigl-prompt-process .aigl-prompt-process__inner {
  width: calc(100% - 48px);
  max-width: 1180px;
  margin: 0 auto;
}

/* CENTERED SECTION HEADING */
.aigl-prompt-process .aigl-prompt-process__header {
  margin: 0 0 48px;
  text-align: center;
}

.aigl-prompt-process .aigl-prompt-process__eyebrow {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
  padding: 0;
  color: var(--aigl-process-ink);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.aigl-prompt-process .aigl-prompt-process__eyebrow::before {
  content: "";
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
  background: var(--aigl-process-red);
}

.aigl-prompt-process h2 {
  margin: 0 0 20px;
  padding: 0;
  color: var(--aigl-process-ink);
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(2.25rem, 4.5vw, 3.15rem);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: 0.015em;
  text-transform: uppercase;
}

.aigl-prompt-process h2 span {
  display: inline;
  color: var(--aigl-process-blue);
}

/* THREE BOXES */
.aigl-prompt-process .aigl-prompt-process__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 36px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.aigl-prompt-process .aigl-prompt-process__step {
  display: block;
  min-width: 0;
  margin: 0;
  padding: 30px;
  border: 3px solid var(--aigl-process-ink);
  border-radius: 0;
  background: var(--aigl-process-cream);
  box-shadow: 6px 6px 0 var(--aigl-process-ink);
  list-style: none;
  text-align: left;
}

.aigl-prompt-process .aigl-prompt-process__step::before,
.aigl-prompt-process .aigl-prompt-process__step::after {
  content: none;
}

/* NUMBER SQUARES — NO SHADOW */
.aigl-prompt-process .aigl-prompt-process__number {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 54.6px;
  height: 54.6px;
  margin: 0 0 26px;
  border: 3px solid var(--aigl-process-ink);
  border-radius: 0;
  background: var(--aigl-process-blue);
  color: var(--aigl-process-cream);
  box-shadow: none;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
}

/* BOX COPY */
.aigl-prompt-process .aigl-prompt-process__step h3 {
  margin: 0 0 12px;
  padding: 0;
  color: var(--aigl-process-ink);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: 0.015em;
  text-transform: uppercase;
}

.aigl-prompt-process .aigl-prompt-process__step p {
  max-width: 34em;
  margin: 0;
  padding: 0;
  color: #2a251d;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.65;
}

/* TABLET */
@media (max-width: 1020px) {
  .aigl-prompt-process {
    padding: 72px 0 80px;
  }

  .aigl-prompt-process .aigl-prompt-process__steps {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }

  .aigl-prompt-process .aigl-prompt-process__step {
    display: grid;
    grid-template-columns: 54.6px minmax(0, 1fr);
    column-gap: 28px;
    align-items: start;
  }

  .aigl-prompt-process .aigl-prompt-process__number {
    grid-column: 1;
    grid-row: 1 / span 2;
    margin-bottom: 0;
  }

  .aigl-prompt-process .aigl-prompt-process__step h3,
  .aigl-prompt-process .aigl-prompt-process__step p {
    grid-column: 2;
  }
}

/* MOBILE */
@media (max-width: 700px) {
  .aigl-prompt-process {
    padding: 56px 0 64px;
  }

  .aigl-prompt-process .aigl-prompt-process__inner {
    width: calc(100% - 32px);
  }

  .aigl-prompt-process .aigl-prompt-process__header {
    margin-bottom: 32px;
  }

  .aigl-prompt-process .aigl-prompt-process__eyebrow {
    font-size: 16px;
  }

  .aigl-prompt-process h2 {
    font-size: clamp(2rem, 8vw, 2.6rem);
  }

  .aigl-prompt-process .aigl-prompt-process__step {
    grid-template-columns: 44.8px minmax(0, 1fr);
    column-gap: 20px;
    padding: 24px 20px;
    box-shadow: 5px 5px 0 var(--aigl-process-ink);
  }

  .aigl-prompt-process .aigl-prompt-process__number {
    width: 44.8px;
    height: 44.8px;
    font-size: 24px;
  }

  .aigl-prompt-process .aigl-prompt-process__step h3 {
    font-size: 25px;
  }
}

/* PROMPT SERIES — FINAL SIGNUP */
.aigl-prompt-cta {
  --aigl-cta-paper: #ede4cf;
  --aigl-cta-cream: #fbf7ee;
  --aigl-cta-ink: #16130e;
  --aigl-cta-blue: #0b5fa5;
  --aigl-cta-red: #e6322e;

  width: 100%;
  padding: 104px 0 112px;
  border-top: 3px solid var(--aigl-cta-ink);
  background: var(--aigl-cta-paper);
  color: var(--aigl-cta-ink);
  font-family: "Inter", sans-serif;
  text-align: center;
}

.aigl-prompt-cta,
.aigl-prompt-cta *,
.aigl-prompt-cta *::before,
.aigl-prompt-cta *::after {
  box-sizing: border-box;
}

.aigl-prompt-cta .aigl-prompt-cta__inner {
  width: calc(100% - 48px);
  max-width: 800px;
  margin: 0 auto;
}

/* HEADING */
.aigl-prompt-cta .aigl-prompt-cta__eyebrow {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
  padding: 0;
  color: var(--aigl-cta-ink);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.aigl-prompt-cta .aigl-prompt-cta__eyebrow::before {
  content: "";
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
  background: var(--aigl-cta-red);
}

.aigl-prompt-cta h2 {
  margin: 0 0 20px;
  padding: 0;
  color: var(--aigl-cta-ink);
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(2.25rem, 4.5vw, 3.15rem);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: 0.015em;
  text-transform: uppercase;
}

.aigl-prompt-cta h2 span {
  display: inline;
  color: var(--aigl-cta-blue);
}

.aigl-prompt-cta .aigl-prompt-cta__description {
  margin: 0;
  padding: 0;
  color: #2a251d;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.65;
}

/* BREVO FORM */
.aigl-prompt-cta .aigl-prompt-cta__signup {
  width: 100%;
  max-width: 680px;
  margin: 34px auto 0;
}

.aigl-prompt-cta .sib_signup_form {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

/* Brevo wraps the visible controls inside this element */
.aigl-prompt-cta .sib_signup_box_inside_2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 14px;
}

.aigl-prompt-cta .aigl-prompt-cta__signup p {
  min-width: 0;
  margin: 0;
  padding: 0;
}

/* Keep feedback above the controls, spanning both columns */
.aigl-prompt-cta .sib_msg_disp {
  grid-column: 1 / -1;
  text-align: left;
}

.aigl-prompt-cta .sib_msg_disp:empty {
  display: none;
}

/* EMAIL FIELD */
.aigl-prompt-cta .aigl-prompt-cta__signup input[type="email"] {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 56px;
  margin: 0;
  padding: 15px 16px;
  border: 2px solid var(--aigl-cta-ink);
  border-radius: 0;
  background: var(--aigl-cta-cream);
  color: var(--aigl-cta-ink);
  box-shadow: none;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  appearance: none;
}

.aigl-prompt-cta .aigl-prompt-cta__signup input[type="email"]::placeholder {
  color: #655e53;
  opacity: 1;
}

/* SUBMIT BUTTON */
.aigl-prompt-cta .aigl-prompt-cta__signup input[type="submit"],
.aigl-prompt-cta .aigl-prompt-cta__signup button[type="submit"] {
  display: block;
  width: 100%;
  min-height: 56px;
  margin: 0;
  padding: 15px 28px;
  border: 3px solid var(--aigl-cta-ink);
  border-radius: 0;
  background: var(--aigl-cta-blue);
  color: var(--aigl-cta-cream);
  box-shadow: none;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.055em;
  text-align: center;
  text-transform: uppercase;
  white-space: normal;
  cursor: pointer;
  appearance: none;
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.aigl-prompt-cta .aigl-prompt-cta__signup input[type="submit"]:hover,
.aigl-prompt-cta .aigl-prompt-cta__signup button[type="submit"]:hover {
  background: var(--aigl-cta-blue);
  color: var(--aigl-cta-cream);
  transform: translate(-3px, -3px);
  box-shadow: 6px 6px 0 var(--aigl-cta-ink);
}

.aigl-prompt-cta .aigl-prompt-cta__signup input[type="submit"]:active,
.aigl-prompt-cta .aigl-prompt-cta__signup button[type="submit"]:active {
  transform: none;
  box-shadow: none;
}

.aigl-prompt-cta .aigl-prompt-cta__signup input:focus-visible,
.aigl-prompt-cta .aigl-prompt-cta__signup button:focus-visible {
  outline: 3px solid var(--aigl-cta-blue);
  outline-offset: 4px;
}

.aigl-prompt-cta .aigl-prompt-cta__signup input[type="submit"]:disabled,
.aigl-prompt-cta .aigl-prompt-cta__signup button[type="submit"]:disabled {
  opacity: 0.7;
  cursor: wait;
  transform: none;
  box-shadow: none;
}

.aigl-prompt-cta .aigl-prompt-cta__signup .sib-alert-message {
  border-radius: 0;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

/* TABLET */
@media (max-width: 1020px) {
  .aigl-prompt-cta {
    padding: 72px 0 80px;
  }
}

/* MOBILE */
@media (max-width: 700px) {
  .aigl-prompt-cta {
    padding: 56px 0 64px;
  }

  .aigl-prompt-cta .aigl-prompt-cta__inner {
    width: calc(100% - 32px);
  }

  .aigl-prompt-cta .aigl-prompt-cta__eyebrow {
    font-size: 16px;
  }

  .aigl-prompt-cta h2 {
    font-size: clamp(2rem, 8vw, 2.6rem);
  }

  .aigl-prompt-cta .aigl-prompt-cta__description {
    font-size: 17px;
  }

  .aigl-prompt-cta .sib_signup_box_inside_2 {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .aigl-prompt-cta .aigl-prompt-cta__signup input[type="submit"],
  .aigl-prompt-cta .aigl-prompt-cta__signup button[type="submit"] {
    transition: none;
  }
}

/* =========================================================
   AI GROWTH LAB — Single Post
   ========================================================= */

/* POST TITLE SECTION */
.aigl-post-title {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 88px 0 72px;
  border-bottom: 1px solid rgba(22, 19, 14, 0.18);
  background: #ede4cf;
  color: #16130e;
  font-family: "Inter", sans-serif;
}

.aigl-post-title *,
.aigl-post-title *::before,
.aigl-post-title *::after {
  box-sizing: border-box;
}

.aigl-post-title .aigl-post-title__inner {
  width: calc(100% - 48px);
  max-width: 980px;
  margin-inline: auto;
  text-align: center;
}

.aigl-post-title .aigl-post-title__category {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0 0 24px;
  padding: 0;
  color: #16130e;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.aigl-post-title .aigl-post-title__category::before {
  content: "";
  flex: 0 0 12px;
  width: 12px;
  height: 12px;
  background: #e6322e;
}

.aigl-post-title .aigl-post-title__heading {
  margin: 0;
  padding: 0;
  color: #16130e;
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(2.8rem, 6vw, 4.4rem);
  font-weight: 800;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  text-wrap: balance;
  overflow-wrap: break-word;
}

.aigl-post-title .aigl-post-title__heading span {
  display: inline-block;
  color: #0b5fa5;
}

.aigl-post-title .aigl-post-title__intro {
  max-width: 760px;
  margin: 32px auto 0;
  padding: 0;
  color: #2a251d;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: normal;
  text-transform: none;
}

@media (max-width: 1020px) {
  .aigl-post-title {
    padding: 64px 0;
  }

  .aigl-post-title .aigl-post-title__heading {
    font-size: clamp(2.8rem, 7.5vw, 4.3rem);
  }
}

@media (max-width: 700px) {
  .aigl-post-title {
    padding: 44px 0 48px;
  }

  .aigl-post-title .aigl-post-title__inner {
    width: calc(100% - 32px);
  }

  .aigl-post-title .aigl-post-title__heading {
    font-size: clamp(2.05rem, 10vw, 3.4rem);
  }

  .aigl-post-title .aigl-post-title__intro {
    margin-top: 24px;
  }
}

/* ARTICLE BODY AND SIDEBAR */
.aigl-post-body {
  --aigl-paper: #ede4cf;
  --aigl-cream: #fbf7ee;
  --aigl-ink: #16130e;
  --aigl-text: #2a251d;
  --aigl-blue: #0b5fa5;
  --aigl-red: #e6322e;
  --aigl-display: "Barlow Condensed", sans-serif;

  width: 100%;
  margin: 0;
  padding: 80px 0 104px;
  background: var(--aigl-paper);
  color: var(--aigl-text);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
}

.aigl-post-body,
.aigl-post-body *,
.aigl-post-body *::before,
.aigl-post-body *::after {
  box-sizing: border-box;
}

/* Equal outer columns keep the article centered. */
.aigl-post-body .aigl-post-body__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 740px minmax(0, 1fr);
  align-items: start;
  gap: 40px;
  width: calc(100% - 48px);
  max-width: 1180px;
  margin-inline: auto;
}

.aigl-post-body .aigl-post-body__article {
  grid-column: 2;
  min-width: 0;
}

.aigl-post-body p {
  margin: 0;
  padding: 0;
  color: var(--aigl-text);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.7;
}

.aigl-post-body p + p {
  margin-top: 22px;
}

.aigl-post-body h2,
.aigl-post-body h3,
.aigl-post-body h4 {
  padding: 0;
  color: var(--aigl-ink);
  font-family: var(--aigl-display);
  font-weight: 800;
  font-style: normal;
  letter-spacing: normal;
  text-transform: uppercase;
}

.aigl-post-body h2 {
  margin: 0 0 24px;
  font-size: clamp(2.25rem, 4.5vw, 3.15rem);
  line-height: 1.12;
  text-wrap: pretty;
}

.aigl-post-body h3 {
  margin: 32px 0 12px;
  font-size: 28px;
  line-height: 1.15;
}

.aigl-post-body h4 {
  margin: 26px 0 12px;
  font-size: 23px;
  line-height: 1.2;
}

.aigl-post-body a {
  color: var(--aigl-blue);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.aigl-post-body a:focus-visible,
.aigl-post-body button:focus-visible,
.aigl-post-body pre:focus-visible {
  outline: 3px solid var(--aigl-blue);
  outline-offset: 3px;
}

/* Quiet sticky sidebar */
.aigl-post-body .aigl-post-body__sidebar {
  position: sticky;
  top: 28px;
  min-width: 0;
  max-height: calc(100vh - 56px);
  overflow-y: auto;
}

.aigl-post-body .aigl-post-body__contents {
  padding-left: 14px;
  border-left: 1px solid rgba(22, 19, 14, 0.18);
}

.aigl-post-body .aigl-post-body__contents h2 {
  margin: 0 0 12px;
  color: var(--aigl-text);
  font-family: var(--aigl-display);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.06em;
}

.aigl-post-body .aigl-post-body__contents ol {
  counter-reset: aigl-contents;
  list-style: none;
  margin: 0;
  padding: 0;
}

.aigl-post-body .aigl-post-body__contents li {
  counter-increment: aigl-contents;
  margin: 0;
  padding: 0;
}

.aigl-post-body .aigl-post-body__contents a {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 6px;
  padding: 10px 0;
  color: var(--aigl-text);
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
}

.aigl-post-body .aigl-post-body__contents a::before {
  content: counter(aigl-contents, decimal-leading-zero);
}

.aigl-post-body .aigl-post-body__contents a:hover {
  color: var(--aigl-blue);
  text-decoration: underline;
}

/* Article sections */
.aigl-post-body .aigl-post-body__intro {
  padding-bottom: 40px;
}

.aigl-post-body .aigl-post-body__section {
  position: relative;
  padding-top: 40px;
  border-top: 4px solid var(--aigl-ink);
  scroll-margin-top: 40px;
}

.aigl-post-body .aigl-post-body__section::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  width: 64px;
  height: 4px;
  background: var(--aigl-red);
  transform: skewX(-28deg);
}

.aigl-post-body .aigl-post-body__intro + .aigl-post-body__section {
  border-top: 0;
}

.aigl-post-body .aigl-post-body__intro + .aigl-post-body__section::before {
  display: none;
}

.aigl-post-body .aigl-post-body__section + .aigl-post-body__section {
  margin-top: 56px;
}

.aigl-post-body .aigl-post-body__number {
  margin: 0 0 14px;
  color: var(--aigl-blue);
  font-family: var(--aigl-display);
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
}

@supports (-webkit-text-stroke: 1px #000) {
  .aigl-post-body .aigl-post-body__number {
    color: transparent;
    -webkit-text-stroke: 1px var(--aigl-blue);
  }
}

/* Quote */
.aigl-post-body .aigl-post-body__quote {
  margin: 32px 0;
  padding: 30px 32px;
  border: 4px solid var(--aigl-ink);
  border-left: 10px solid var(--aigl-blue);
  background: var(--aigl-paper);
  box-shadow: 8px 8px 0 var(--aigl-ink);
}

.aigl-post-body .aigl-post-body__quote::before,
.aigl-post-body .aigl-post-body__quote::after {
  content: none;
}

.aigl-post-body .aigl-post-body__quote p {
  color: var(--aigl-ink);
  font-family: var(--aigl-display);
  font-size: clamp(26px, 3vw, 34px);
  font-weight: 700;
  font-style: normal;
  line-height: 1.2;
}

/* Four principle cards */
.aigl-post-body .aigl-post-body__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin: 30px 8px 36px 0;
}

.aigl-post-body .aigl-post-body__card {
  min-width: 0;
  padding: 24px;
  border: 3px solid var(--aigl-ink);
  background: var(--aigl-paper);
  box-shadow: 6px 6px 0 var(--aigl-ink);
}

.aigl-post-body .aigl-post-body__card > span {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  background: var(--aigl-ink);
  color: var(--aigl-cream);
  font-family: var(--aigl-display);
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

.aigl-post-body .aigl-post-body__card:nth-child(2) > span {
  background: var(--aigl-blue);
}

.aigl-post-body .aigl-post-body__card:nth-child(3) > span {
  background: var(--aigl-red);
}

.aigl-post-body .aigl-post-body__card h3 {
  margin: 18px 0 10px;
  font-size: 25px;
}

.aigl-post-body .aigl-post-body__card p {
  font-size: 16px;
  line-height: 1.6;
}

/* Copyable prompt */
.aigl-post-body .aigl-post-body__code-wrap {
  position: relative;
  min-width: 0;
  margin: 32px 10px 38px 0;
  border: 4px solid var(--aigl-ink);
  background: var(--aigl-ink);
  box-shadow: 10px 10px 0 var(--aigl-blue);
}

.aigl-post-body .aigl-post-body__code-wrap::after {
  content: "";
  position: absolute;
  top: 14px;
  right: -14px;
  width: 10px;
  height: 30%;
  background: var(--aigl-red);
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
  pointer-events: none;
}

.aigl-post-body .aigl-post-body__code-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 18px 22px;
  border-bottom: 4px solid var(--aigl-ink);
  background: var(--aigl-paper);
}

.aigl-post-body .aigl-post-body__code-header strong {
  display: block;
  color: var(--aigl-ink);
  font-family: var(--aigl-display);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
}

.aigl-post-body .aigl-post-body__code-header small {
  display: block;
  margin-top: 6px;
  color: var(--aigl-text);
  font-size: 12px;
  line-height: 1.5;
}

.aigl-post-body .aigl-post-body__copy {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;
  margin: 0;
  padding: 10px 14px;
  border: 2px solid var(--aigl-ink);
  border-radius: 0;
  background: var(--aigl-blue);
  color: var(--aigl-cream);
  box-shadow: none;
  font-family: var(--aigl-display);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.aigl-post-body .aigl-post-body__copy:hover {
  background: var(--aigl-blue);
  color: var(--aigl-cream);
  transform: translate(-3px, -3px);
  box-shadow: 6px 6px 0 var(--aigl-ink);
}

.aigl-post-body .aigl-post-body__copy:active {
  transform: none;
  box-shadow: none;
}

.aigl-post-body .aigl-post-body__copy-status:empty {
  display: none;
}

.aigl-post-body .aigl-post-body__copy-status {
  margin: 0;
  padding: 12px 22px;
  color: var(--aigl-paper);
  font-size: 14px;
  line-height: 1.6;
}

.aigl-post-body .aigl-post-body__code {
  max-height: 600px;
  overflow: auto;
  margin: 0;
  padding: 26px;
  border: 0;
  border-radius: 0;
  background: var(--aigl-ink);
  color: var(--aigl-paper);
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  scrollbar-color: var(--aigl-paper) var(--aigl-ink);
}

.aigl-post-body .aigl-post-body__code code {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  white-space: inherit;
}

/* Workflow strip */
.aigl-post-body .aigl-post-body__workflow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 32px 0;
  padding: 22px;
  border: 3px solid var(--aigl-ink);
  background: var(--aigl-paper);
}

.aigl-post-body .aigl-post-body__workflow > div {
  min-width: 0;
  text-align: center;
}

.aigl-post-body .aigl-post-body__workflow span {
  display: block;
  margin-bottom: 8px;
  color: var(--aigl-blue);
  font-family: var(--aigl-display);
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

.aigl-post-body .aigl-post-body__workflow strong {
  color: var(--aigl-ink);
  font-family: var(--aigl-display);
  font-size: 19px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}

.aigl-post-body .aigl-post-body__workflow i {
  color: var(--aigl-red);
  font-style: normal;
}

/* Callout */
.aigl-post-body .aigl-post-body__callout {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 18px;
  margin: 30px 0;
  padding: 26px;
  border: 3px solid var(--aigl-ink);
  border-left: 8px solid var(--aigl-blue);
  background: var(--aigl-paper);
}

.aigl-post-body .aigl-post-body__check {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  background: var(--aigl-ink);
  color: var(--aigl-cream);
}

.aigl-post-body .aigl-post-body__callout strong {
  display: block;
  margin-bottom: 12px;
  color: var(--aigl-ink);
  font-family: var(--aigl-display);
  font-size: 25px;
  font-weight: 700;
  line-height: 1.15;
  text-transform: uppercase;
}

/* Stack before the sidebar crowds the reading column. */
@media (max-width: 1200px) {
  .aigl-post-body .aigl-post-body__layout {
    grid-template-columns: minmax(0, 740px);
    justify-content: center;
    gap: 36px;
  }

  .aigl-post-body .aigl-post-body__article {
    grid-column: 1;
  }

  .aigl-post-body .aigl-post-body__sidebar {
    position: static;
    max-height: none;
  }
}

@media (max-width: 700px) {
  .aigl-post-body {
    padding: 40px 0 64px;
    font-size: 17px;
  }

  .aigl-post-body .aigl-post-body__layout {
    width: calc(100% - 32px);
  }

  .aigl-post-body p {
    font-size: 17px;
    line-height: 1.5625;
  }

  .aigl-post-body h2 {
    font-size: 36px;
  }

  .aigl-post-body h3 {
    font-size: 26px;
  }

  .aigl-post-body .aigl-post-body__section {
    padding-top: 28px;
  }

  .aigl-post-body .aigl-post-body__section + .aigl-post-body__section {
    margin-top: 40px;
  }

  .aigl-post-body .aigl-post-body__quote {
    margin-right: 8px;
    padding: 24px 20px;
  }

  .aigl-post-body .aigl-post-body__cards {
    grid-template-columns: minmax(0, 1fr);
  }

  .aigl-post-body .aigl-post-body__card p {
    font-size: 17px;
  }

  .aigl-post-body .aigl-post-body__card h3 {
    font-size: 25px;
  }

  .aigl-post-body .aigl-post-body__code-header {
    flex-direction: column;
    align-items: flex-start;
    padding: 18px;
  }

  .aigl-post-body .aigl-post-body__code {
    padding: 20px 18px;
    font-size: 13px;
  }

  .aigl-post-body .aigl-post-body__workflow {
    flex-direction: column;
    gap: 14px;
  }

  .aigl-post-body .aigl-post-body__workflow i {
    transform: rotate(90deg);
  }

  .aigl-post-body .aigl-post-body__callout {
    grid-template-columns: minmax(0, 1fr);
    padding: 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aigl-post-body .aigl-post-body__copy {
    transition: none;
  }
}

/* =========================================================
   AI GROWTH LAB — Infographic Prompt Page
   ========================================================= */
/* IMAGE PROMPT LIBRARY — HERO */
.aigl-image-hero {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 80px 0 64px;
  border-bottom: 1px solid rgba(22, 19, 14, 0.18);
  background: #ede4cf;
  color: #16130e;
  font-family: "Inter", sans-serif;
  text-align: center;
}

.aigl-image-hero *,
.aigl-image-hero *::before,
.aigl-image-hero *::after {
  box-sizing: border-box;
}

.aigl-image-hero .aigl-image-hero__inner {
  width: calc(100% - 48px);
  max-width: 980px;
  margin-inline: auto;
}

.aigl-image-hero .aigl-image-hero__eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0 0 24px;
  padding: 0;
  color: #16130e;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.aigl-image-hero .aigl-image-hero__eyebrow::before {
  content: "";
  flex: 0 0 12px;
  width: 12px;
  height: 12px;
  background: #e6322e;
}

.aigl-image-hero .aigl-image-hero__title {
  margin: 0;
  padding: 0;
  color: #16130e;
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(2.8rem, 6vw, 4.4rem);
  font-weight: 800;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  text-wrap: balance;
  overflow-wrap: break-word;
}

.aigl-image-hero .aigl-image-hero__title span {
  color: #0b5fa5;
}

.aigl-image-hero .aigl-image-hero__description {
  max-width: 730px;
  margin: 30px auto 0;
  padding: 0;
  color: #2a251d;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: normal;
  text-transform: none;
}

@media (max-width: 1020px) {
  .aigl-image-hero {
    padding: 64px 0;
  }

  .aigl-image-hero .aigl-image-hero__title {
    font-size: clamp(2.8rem, 7.5vw, 4.3rem);
  }
}

@media (max-width: 700px) {
  .aigl-image-hero {
    padding: 44px 0 48px;
  }

  .aigl-image-hero .aigl-image-hero__inner {
    width: calc(100% - 32px);
  }

  .aigl-image-hero .aigl-image-hero__title {
    font-size: clamp(2.05rem, 10vw, 3.4rem);
  }
}

/* =========================================================
   AI GROWTH LAB — Infographic Image Post
   ========================================================= */

/* INFOGRAPHIC PROMPT — HERO */
.aigl-infographic-prompt-hero {
  --aigl-paper: #ede4cf;
  --aigl-cream: #fbf7ee;
  --aigl-ink: #16130e;
  --aigl-text: #2a251d;
  --aigl-blue: #0b5fa5;
  --aigl-red: #e6322e;

  width: 100%;
  margin: 0;
  padding: 72px 0 80px;
  border-bottom: 1px solid rgba(22, 19, 14, 0.18);
  background: var(--aigl-paper);
  color: var(--aigl-text);
  font-family: "Inter", sans-serif;
}

.aigl-infographic-prompt-hero,
.aigl-infographic-prompt-hero *,
.aigl-infographic-prompt-hero *::before,
.aigl-infographic-prompt-hero *::after {
  box-sizing: border-box;
}

.aigl-infographic-prompt-hero .aigl-infographic-prompt-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  align-items: center;
  gap: 48px;
  width: calc(100% - 48px);
  max-width: 1180px;
  margin-inline: auto;
}

.aigl-infographic-prompt-hero .aigl-infographic-prompt-hero__copy {
  container-type: inline-size;
  min-width: 0;
  width: 100%;
  text-align: left;
}

.aigl-infographic-prompt-hero .aigl-infographic-prompt-hero__eyebrow {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin: 0 0 24px;
  padding: 0;
  color: var(--aigl-ink);
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.aigl-infographic-prompt-hero .aigl-infographic-prompt-hero__eyebrow::before {
  content: "";
  flex: 0 0 12px;
  width: 12px;
  height: 12px;
  background: var(--aigl-red);
}

.aigl-infographic-prompt-hero .aigl-infographic-prompt-hero__title {
  margin: 0;
  padding: 0;
  color: var(--aigl-ink);
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(2.8rem, 4vw, 4.4rem);
  font-weight: 800;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  text-wrap: balance;
  overflow-wrap: break-word;
}

.aigl-infographic-prompt-hero .aigl-infographic-prompt-hero__description {
  margin: 28px 0 0;
  padding: 0;
  color: var(--aigl-text);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: normal;
  text-transform: none;
}

.aigl-infographic-prompt-hero .aigl-infographic-prompt-hero__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  margin-top: 32px;
}

.aigl-infographic-prompt-hero .aigl-infographic-prompt-hero__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  max-width: 100%;
  margin: 0;
  padding: 12px 26px;
  border: 3px solid var(--aigl-ink);
  border-radius: 0;
  background: var(--aigl-blue);
  color: var(--aigl-cream);
  box-shadow: none;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.aigl-infographic-prompt-hero .aigl-infographic-prompt-hero__button:hover {
  background: var(--aigl-blue);
  color: var(--aigl-cream);
  transform: translate(-3px, -3px);
  box-shadow: 6px 6px 0 var(--aigl-ink);
}

.aigl-infographic-prompt-hero .aigl-infographic-prompt-hero__button:active {
  transform: none;
  box-shadow: none;
}

.aigl-infographic-prompt-hero .aigl-infographic-prompt-hero__button:focus-visible {
  outline: 3px solid var(--aigl-blue);
  outline-offset: 4px;
}

.aigl-infographic-prompt-hero .aigl-infographic-prompt-hero__status {
  margin: 0;
  padding: 0;
  color: var(--aigl-blue);
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.aigl-infographic-prompt-hero .aigl-infographic-prompt-hero__status:empty {
  display: none;
}

.aigl-infographic-prompt-hero .aigl-infographic-prompt-hero__figure {
  position: relative;
  min-width: 0;
  margin: 0 10px 10px 0;
  padding: 0;
  border: 4px solid var(--aigl-ink);
  background: var(--aigl-paper);
  box-shadow: 10px 10px 0 var(--aigl-blue);
}

.aigl-infographic-prompt-hero .aigl-infographic-prompt-hero__figure::after {
  content: "";
  position: absolute;
  top: 14px;
  right: -14px;
  width: 10px;
  height: 38%;
  background: var(--aigl-red);
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
  pointer-events: none;
}

.aigl-infographic-prompt-hero .aigl-infographic-prompt-hero__figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

@media (min-width: 1021px) {
  @supports (font-size: 1cqi) {
    .aigl-infographic-prompt-hero .aigl-infographic-prompt-hero__title {
      font-size: clamp(2.8rem, 10cqi, 4.4rem);
    }
  }
}

@media (max-width: 1020px) {
  .aigl-infographic-prompt-hero {
    padding: 64px 0;
  }

  .aigl-infographic-prompt-hero .aigl-infographic-prompt-hero__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
    max-width: 760px;
  }

  .aigl-infographic-prompt-hero .aigl-infographic-prompt-hero__copy {
    text-align: center;
  }

  .aigl-infographic-prompt-hero .aigl-infographic-prompt-hero__eyebrow {
    justify-content: center;
  }

  .aigl-infographic-prompt-hero .aigl-infographic-prompt-hero__title {
    font-size: clamp(2.8rem, 7.5vw, 4.3rem);
  }

  .aigl-infographic-prompt-hero .aigl-infographic-prompt-hero__actions {
    align-items: center;
  }

  .aigl-infographic-prompt-hero .aigl-infographic-prompt-hero__figure {
    width: calc(100% - 10px);
    max-width: 600px;
    justify-self: center;
  }
}

@media (max-width: 700px) {
  .aigl-infographic-prompt-hero {
    padding: 44px 0 48px;
  }

  .aigl-infographic-prompt-hero .aigl-infographic-prompt-hero__inner {
    width: calc(100% - 32px);
  }

  .aigl-infographic-prompt-hero .aigl-infographic-prompt-hero__title {
    font-size: clamp(2.05rem, 10vw, 3.4rem);
  }

  .aigl-infographic-prompt-hero .aigl-infographic-prompt-hero__description {
    margin-top: 24px;
  }

  .aigl-infographic-prompt-hero .aigl-infographic-prompt-hero__actions {
    align-items: stretch;
  }

  .aigl-infographic-prompt-hero .aigl-infographic-prompt-hero__button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aigl-infographic-prompt-hero .aigl-infographic-prompt-hero__button {
    transition: none;
  }
}

/* INFOGRAPHIC PROMPT — BODY */
.aigl-infographic-prompt-body {
  --aigl-paper: #ede4cf;
  --aigl-cream: #fbf7ee;
  --aigl-ink: #16130e;
  --aigl-text: #2a251d;
  --aigl-blue: #0b5fa5;
  --aigl-red: #e6322e;

  width: 100%;
  margin: 0;
  padding: 64px 0 80px;
  background: var(--aigl-paper);
  color: var(--aigl-text);
  font-family: "Inter", sans-serif;
  text-align: left;
}

.aigl-infographic-prompt-body,
.aigl-infographic-prompt-body *,
.aigl-infographic-prompt-body *::before,
.aigl-infographic-prompt-body *::after {
  box-sizing: border-box;
}

.aigl-infographic-prompt-body .aigl-infographic-prompt-body__inner {
  width: calc(100% - 48px);
  max-width: 780px;
  margin-inline: auto;
}

.aigl-infographic-prompt-body .aigl-infographic-prompt-body__intro {
  margin: 0;
  padding: 0;
  color: var(--aigl-text);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.7;
}

.aigl-infographic-prompt-body .aigl-infographic-prompt-body__panel {
  position: relative;
  min-width: 0;
  margin: 32px 10px 38px 0;
  border: 4px solid var(--aigl-ink);
  background: var(--aigl-ink);
  box-shadow: 10px 10px 0 var(--aigl-blue);
}

.aigl-infographic-prompt-body .aigl-infographic-prompt-body__panel::after {
  content: "";
  position: absolute;
  top: 14px;
  right: -14px;
  width: 10px;
  height: 30%;
  background: var(--aigl-red);
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
  pointer-events: none;
}

.aigl-infographic-prompt-body .aigl-infographic-prompt-body__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 22px;
  border-bottom: 4px solid var(--aigl-ink);
  background: var(--aigl-paper);
  flex-wrap: wrap;
}

.aigl-infographic-prompt-body .aigl-infographic-prompt-body__header h2 {
  min-width: 0;
  margin: 0;
  padding: 0;
  color: var(--aigl-ink);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 20px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: normal;
  text-transform: uppercase;
}

.aigl-infographic-prompt-body .aigl-infographic-prompt-body__code {
  display: block;
  width: 100%;
  max-width: 100%;
  max-height: none;
  overflow: auto;
  margin: 0;
  padding: 26px;
  border: 0;
  border-radius: 0;
  background: var(--aigl-ink);
  color: var(--aigl-paper);
  box-shadow: none;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: normal;
  text-align: left;
  text-transform: none;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  scrollbar-color: var(--aigl-paper) var(--aigl-ink);
}

.aigl-infographic-prompt-body .aigl-infographic-prompt-body__code code {
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  box-shadow: none;
  font: inherit;
  white-space: inherit;
}

.aigl-infographic-prompt-body .aigl-infographic-prompt-body__button {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  max-width: 100%;
  margin: 0;
  padding: 12px 26px;
  border: 3px solid var(--aigl-ink);
  border-radius: 0;
  background: var(--aigl-blue);
  color: var(--aigl-cream);
  box-shadow: none;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.aigl-infographic-prompt-body .aigl-infographic-prompt-body__button--small {
  min-height: 44px;
  padding: 10px 14px;
  border-width: 2px;
  line-height: 1;
  letter-spacing: normal;
}

.aigl-infographic-prompt-body .aigl-infographic-prompt-body__button:hover {
  background: var(--aigl-blue);
  color: var(--aigl-cream);
  transform: translate(-3px, -3px);
  box-shadow: 6px 6px 0 var(--aigl-ink);
}

.aigl-infographic-prompt-body .aigl-infographic-prompt-body__button:active {
  transform: none;
  box-shadow: none;
}

.aigl-infographic-prompt-body .aigl-infographic-prompt-body__button:focus-visible,
.aigl-infographic-prompt-body .aigl-infographic-prompt-body__code:focus-visible {
  outline: 3px solid var(--aigl-blue);
  outline-offset: 4px;
}

.aigl-infographic-prompt-body .aigl-infographic-prompt-body__bottom {
  display: grid;
  justify-items: center;
  gap: 16px;
  width: 100%;
  margin: 28px auto 0;
  text-align: center;
}

.aigl-infographic-prompt-body .aigl-infographic-prompt-body__status {
  margin: 0;
  padding: 0;
  color: var(--aigl-blue);
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.aigl-infographic-prompt-body .aigl-infographic-prompt-body__status:empty {
  display: none;
}

@media (max-width: 700px) {
  .aigl-infographic-prompt-body {
    padding: 40px 0 56px;
  }

  .aigl-infographic-prompt-body .aigl-infographic-prompt-body__inner {
    width: calc(100% - 32px);
  }

  .aigl-infographic-prompt-body .aigl-infographic-prompt-body__intro {
    font-size: 17px;
    line-height: 1.5625;
  }

  .aigl-infographic-prompt-body .aigl-infographic-prompt-body__header {
    gap: 12px;
    padding: 16px 14px;
  }

  .aigl-infographic-prompt-body .aigl-infographic-prompt-body__button--small {
    margin-left: auto;
    padding: 10px 12px;
    font-size: 14px;
  }

  .aigl-infographic-prompt-body .aigl-infographic-prompt-body__code {
    padding: 20px 18px;
    font-size: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aigl-infographic-prompt-body .aigl-infographic-prompt-body__button {
    transition: none;
  }
}

.aigl-infographic-prompt-body .aigl-infographic-prompt-body__feedback {
  width: 100%;
  color: #0b5fa5;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.aigl-infographic-prompt-body .aigl-infographic-prompt-body__feedback:empty {
  display: none;
}

/* INFOGRAPHIC PROMPT — LIBRARY BANNER */
.aigl-infographic-prompt-banner {
  --aigl-paper: #ede4cf;
  --aigl-cream: #fbf7ee;
  --aigl-ink: #16130e;
  --aigl-text: #2a251d;
  --aigl-blue: #0b5fa5;
  width: 100%;
  margin: 0;
  padding: 0 0 88px;
  background: var(--aigl-paper);
  color: var(--aigl-ink);
  font-family: "Inter", sans-serif;
  padding-top: 48px;
}

.aigl-infographic-prompt-banner,
.aigl-infographic-prompt-banner *,
.aigl-infographic-prompt-banner *::before,
.aigl-infographic-prompt-banner *::after {
  box-sizing: border-box;
}

.aigl-infographic-prompt-banner .aigl-infographic-prompt-banner__inner {
  width: calc(100% - 48px);
  max-width: 1180px;
  margin-inline: auto;
}

.aigl-infographic-prompt-banner .aigl-infographic-prompt-banner__panel {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  min-height: 340px;
  margin: 0;
  padding: 0;
  border: 4px solid var(--aigl-ink);
  background: var(--aigl-paper);
  box-shadow: 12px 12px 0 var(--aigl-blue);
}

.aigl-infographic-prompt-banner .aigl-infographic-prompt-banner__art {
  position: relative;
  align-self: stretch;
  min-width: 0;
  min-height: 340px;
  overflow: hidden;
}

.aigl-infographic-prompt-banner .aigl-infographic-prompt-banner__art img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin: 0;
  padding: 22px;
  border: 0;
  border-radius: 0;
  object-fit: contain;
  object-position: center;
  box-shadow: none;
}

.aigl-infographic-prompt-banner .aigl-infographic-prompt-banner__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 0;
  padding: clamp(32px, 4.5vw, 64px);
  text-align: left;
}

.aigl-infographic-prompt-banner .aigl-infographic-prompt-banner__copy h2 {
  margin: 0 0 18px;
  padding: 0;
  color: var(--aigl-ink);
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(2.25rem, 4.5vw, 3.15rem);
  font-weight: 800;
  font-style: normal;
  line-height: 0.92;
  letter-spacing: normal;
  text-transform: uppercase;
  overflow-wrap: break-word;
}

.aigl-infographic-prompt-banner .aigl-infographic-prompt-banner__copy h2 span {
  color: var(--aigl-blue);
}

.aigl-infographic-prompt-banner .aigl-infographic-prompt-banner__copy p {
  max-width: 560px;
  margin: 0 0 24px;
  padding: 0;
  color: var(--aigl-text);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: normal;
  text-transform: none;
}

.aigl-infographic-prompt-banner .aigl-infographic-prompt-banner__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  max-width: 100%;
  margin: 0;
  padding: 12px 26px;
  border: 3px solid var(--aigl-ink);
  border-radius: 0;
  background: var(--aigl-blue);
  color: var(--aigl-cream);
  box-shadow: none;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.aigl-infographic-prompt-banner .aigl-infographic-prompt-banner__button:hover {
  background: var(--aigl-blue);
  color: var(--aigl-cream);
  text-decoration: none;
  transform: translate(-3px, -3px);
  box-shadow: 6px 6px 0 var(--aigl-ink);
}

.aigl-infographic-prompt-banner .aigl-infographic-prompt-banner__button:active {
  transform: none;
  box-shadow: none;
}

.aigl-infographic-prompt-banner .aigl-infographic-prompt-banner__button:focus-visible {
  outline: 3px solid var(--aigl-blue);
  outline-offset: 4px;
}

@media (max-width: 700px) {
  .aigl-infographic-prompt-banner {
    padding-bottom: 64px;
    padding-top: 32px;
  }

  .aigl-infographic-prompt-banner .aigl-infographic-prompt-banner__inner {
    width: calc(100% - 32px);
  }

  .aigl-infographic-prompt-banner .aigl-infographic-prompt-banner__panel {
    grid-template-columns: minmax(0, 1fr);
    box-shadow: 8px 8px 0 var(--aigl-blue);
  }

  .aigl-infographic-prompt-banner .aigl-infographic-prompt-banner__art {
    min-height: 0;
    height: 230px;
  }

  .aigl-infographic-prompt-banner .aigl-infographic-prompt-banner__art img {
    padding: 16px;
  }

  .aigl-infographic-prompt-banner .aigl-infographic-prompt-banner__copy {
    padding: 30px 26px 34px;
  }

  .aigl-infographic-prompt-banner .aigl-infographic-prompt-banner__copy p {
    font-size: 17px;
  }

  .aigl-infographic-prompt-banner .aigl-infographic-prompt-banner__button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aigl-infographic-prompt-banner .aigl-infographic-prompt-banner__button {
    transition: none;
  }
}

/* Infographic prompt library FAQ */
.aigl-infographic-faq {
  --aigl-faq-paper: #ede4cf;
  --aigl-faq-open: #e4dbca;
  --aigl-faq-ink: #16130e;
  --aigl-faq-text: #2a251d;
  --aigl-faq-blue: #0b5fa5;
  --aigl-faq-cream: #fbf7ee;
  width: 100%;
  margin: 0;
  padding: 0 0 104px;
  background: var(--aigl-faq-paper);
  color: var(--aigl-faq-ink);
  font-family: "Inter", sans-serif;
  text-align: left;
  padding-top: 80px;
  padding-bottom: 104px;
}

.aigl-infographic-faq,
.aigl-infographic-faq *,
.aigl-infographic-faq *::before,
.aigl-infographic-faq *::after {
  box-sizing: border-box;
}

.aigl-infographic-faq__inner {
  width: min(900px, calc(100% - 48px));
  margin: 0 auto;
}

.aigl-infographic-faq__intro {
  margin-bottom: 40px;
  text-align: center;
}

.aigl-infographic-faq .aigl-infographic-faq__intro h2 {
  margin: 0 0 18px;
  padding: 0;
  color: var(--aigl-faq-ink);
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(2.25rem, 4.5vw, 3.15rem);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: normal;
  text-transform: uppercase;
}

.aigl-infographic-faq__intro h2 span {
  color: var(--aigl-faq-blue);
}

.aigl-infographic-faq .aigl-infographic-faq__intro p {
  margin: 0;
  padding: 0;
  color: var(--aigl-faq-text);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.62;
}

.aigl-infographic-faq__questions details {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  border-left: 4px solid transparent;
  border-bottom: 1px solid rgba(22, 19, 14, .2);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.aigl-infographic-faq__questions details:first-child {
  border-top: 1px solid rgba(22, 19, 14, .2);
}

.aigl-infographic-faq__questions details[open] {
  border-left-color: var(--aigl-faq-blue);
  background: var(--aigl-faq-open);
}

.aigl-infographic-faq__questions summary {
  position: relative;
  display: block;
  margin: 0;
  padding: 24px 76px 24px 24px;
  background: transparent;
  color: var(--aigl-faq-ink);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  text-transform: none;
  list-style: none;
  cursor: pointer;
}

.aigl-infographic-faq__questions summary::-webkit-details-marker {
  display: none;
}

.aigl-infographic-faq__questions summary::marker {
  content: "";
}

.aigl-infographic-faq__questions summary::after {
  position: absolute;
  top: 50%;
  right: 24px;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 2px solid var(--aigl-faq-ink);
  background: transparent;
  color: var(--aigl-faq-ink);
  font: 500 23px/1 "Barlow Condensed", sans-serif;
  transform: translateY(-50%);
  content: "+";
}

.aigl-infographic-faq__questions summary:hover {
  color: var(--aigl-faq-blue);
}

.aigl-infographic-faq__questions summary:focus-visible {
  outline: 3px solid var(--aigl-faq-blue);
  outline-offset: -4px;
}

.aigl-infographic-faq__questions details[open] summary::after {
  border-color: var(--aigl-faq-blue);
  background: var(--aigl-faq-blue);
  color: var(--aigl-faq-cream);
  content: "−";
}

.aigl-infographic-faq .aigl-infographic-faq__questions details p {
  max-width: 76ch;
  margin: 0;
  padding: 0 76px 26px 24px;
  color: var(--aigl-faq-text);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.65;
  overflow-wrap: anywhere;
}

.aigl-infographic-faq .aigl-infographic-faq__questions a {
  color: var(--aigl-faq-blue);
  font: inherit;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.aigl-infographic-faq .aigl-infographic-faq__questions a:hover {
  color: var(--aigl-faq-ink);
}

.aigl-infographic-faq .aigl-infographic-faq__questions a:focus-visible {
  outline: 2px solid var(--aigl-faq-blue);
  outline-offset: 3px;
}

@media (max-width: 1020px) {
  .aigl-infographic-faq {
    padding-top: 64px;
    padding-bottom: 80px;
  }
}

@media (max-width: 700px) {
  .aigl-infographic-faq {
    padding-top: 48px;
    padding-bottom: 64px;
  }

  .aigl-infographic-faq__inner {
    width: calc(100% - 32px);
  }

  .aigl-infographic-faq__intro {
    margin-bottom: 28px;
  }

  .aigl-infographic-faq .aigl-infographic-faq__intro h2 {
    font-size: 32px;
    line-height: 1.1;
  }

  .aigl-infographic-faq .aigl-infographic-faq__intro p {
    font-size: 17px;
    line-height: 1.5625;
  }

  .aigl-infographic-faq__questions summary {
    padding: 20px 56px 20px 16px;
    font-size: 17px;
  }

  .aigl-infographic-faq__questions summary::after {
    right: 16px;
    width: 26px;
    height: 26px;
  }

  .aigl-infographic-faq .aigl-infographic-faq__questions details p {
    padding: 0 16px 24px;
    font-size: 17px;
  }
}

/* Allow the library container to expand with its content */
.elementor-11147 .elementor-element.elementor-element-ba132e8,
.elementor-11147 .elementor-element.elementor-element-848de01 {
  height: auto !important;
  max-height: none !important;
  min-height: min-content !important;
  flex-shrink: 0 !important;
}

.elementor-11147 .elementor-element-848de01 .elementor-shortcode {
  height: auto !important;
  max-height: none !important;
}

/* Match the library wrapper background to remove the white seam */
.elementor-11147 .elementor-element.elementor-element-ba132e8,
.elementor-11147 .elementor-element.elementor-element-848de01,
.elementor-11147 .elementor-element-848de01 .elementor-shortcode {
  background-color: #ede4cf;
}

/* =========================================================
   AI GROWTH LAB — Skill Library Sales Page
   ========================================================= */

/* AI toolkit hero */
.aigl-toolkit-hero {
  --aigl-paper: #ede4cf;
  --aigl-cream: #fbf7ee;
  --aigl-ink: #16130e;
  --aigl-text: #2a251d;
  --aigl-blue: #0b5fa5;
  --aigl-red: #e6322e;
  --aigl-display: "Barlow Condensed", sans-serif;
  --aigl-sans: "Inter", sans-serif;

  position: relative;
  width: 100%;
  padding: 104px 0;
  border-bottom: 1px solid rgba(22, 19, 14, .2);
  background: var(--aigl-paper);
  color: var(--aigl-ink);
  font-family: var(--aigl-sans);
  font-size: 18px;
  line-height: 1.62;
  text-align: left;
}

.aigl-toolkit-hero,
.aigl-toolkit-hero *,
.aigl-toolkit-hero *::before,
.aigl-toolkit-hero *::after {
  box-sizing: border-box;
}

.aigl-toolkit-hero :is(h1, p) {
  margin: 0;
  padding: 0;
}

.aigl-toolkit-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
  align-items: center;
  gap: 64px;
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
}

.aigl-toolkit-hero__copy {
  min-width: 0;
}

.aigl-toolkit-hero h1 {
  color: var(--aigl-ink);
  font-family: var(--aigl-display);
  font-size: clamp(2.8rem, 6vw, 4.4rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: .025em;
  text-transform: uppercase;
}

.aigl-toolkit-hero h1 em {
  display: inline;
  margin: 0;
  padding: 0;
  background: transparent;
  color: var(--aigl-blue);
  font: inherit;
  box-shadow: none;
}

.aigl-toolkit-hero .aigl-toolkit-hero__lede {
  max-width: 560px;
  margin-top: 30px;
  color: var(--aigl-text);
  font-family: var(--aigl-sans);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.55;
}

.aigl-toolkit-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 32px;
}

.aigl-toolkit-hero .aigl-toolkit-hero__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  margin: 0;
  padding: 12px 26px;
  border: 3px solid var(--aigl-ink);
  border-radius: 0;
  background: var(--aigl-blue);
  color: var(--aigl-cream);
  font-family: var(--aigl-display);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .08em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: none;
  transition: transform .18s ease, box-shadow .18s ease;
}

.aigl-toolkit-hero .aigl-toolkit-hero__button:hover {
  background: var(--aigl-blue);
  color: var(--aigl-cream);
  transform: translate(-3px, -3px);
  box-shadow: 6px 6px 0 var(--aigl-ink);
}

.aigl-toolkit-hero .aigl-toolkit-hero__button:active {
  transform: none;
  box-shadow: none;
}

.aigl-toolkit-hero .aigl-toolkit-hero__button:focus-visible {
  outline: 3px solid #e8a317;
  outline-offset: 3px;
}

/* Graphic */
.aigl-toolkit-hero__art {
  position: relative;
  min-width: 0;
  padding: 18px 14px 28px 0;
}

.aigl-toolkit-hero__art::before {
  position: absolute;
  inset: 0 0 0 12%;
  background: var(--aigl-blue);
  clip-path: polygon(24% 0, 100% 0, 100% 100%, 0 100%);
  content: "";
}

.aigl-toolkit-hero__art::after {
  position: absolute;
  top: 0;
  right: 5%;
  width: 145px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--aigl-red);
  content: "";
}

.aigl-toolkit-hero__card {
  position: relative;
  z-index: 1;
  border: 4px solid var(--aigl-ink);
  background: var(--aigl-paper);
  box-shadow: 10px 10px 0 var(--aigl-ink);
}

.aigl-toolkit-hero__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 15px;
  background: var(--aigl-ink);
  color: var(--aigl-paper);
}

.aigl-toolkit-hero__window-title {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  font: 700 19px/1.1 var(--aigl-display);
  text-transform: uppercase;
}

.aigl-toolkit-hero__window-title strong {
  color: inherit;
  font: inherit;
  font-weight: 600;
}

.aigl-toolkit-hero__mark {
  display: grid;
  place-items: center;
  flex: none;
  width: 30px;
  height: 30px;
  background: var(--aigl-blue);
  color: var(--aigl-cream);
}

.aigl-toolkit-hero__ready {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: none;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.62;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.aigl-toolkit-hero__ready i {
  width: 7px;
  height: 7px;
  background: var(--aigl-paper);
}

.aigl-toolkit-hero__feature {
  padding: 22px 18px;
}

.aigl-toolkit-hero__library-title {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(22, 19, 14, .25);
}

.aigl-toolkit-hero__icon {
  color: var(--aigl-blue);
  font-size: 30px;
}

.aigl-toolkit-hero__library-title small {
  display: block;
  margin-bottom: 5px;
  color: var(--aigl-ink);
  font-size: 10px;
  font-weight: 400;
  line-height: 1.62;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.aigl-toolkit-hero__library-title b {
  display: block;
  color: var(--aigl-ink);
  font: 600 19px/1.15 var(--aigl-display);
}

.aigl-toolkit-hero__library-title mark {
  margin: 0;
  padding: 5px 8px;
  background: var(--aigl-blue);
  color: var(--aigl-cream);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.62;
}

/* Cycling row highlight */
.aigl-toolkit-hero__tasks {
  display: grid;
  gap: 9px;
  padding-top: 20px;
}

.aigl-toolkit-hero__task {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 12px 10px;
  border: 1px solid rgba(22, 19, 14, .25);
  background: transparent;
  box-shadow: none;
  animation: aigl-toolkit-task-highlight 6s steps(1, end) infinite;
}

.aigl-toolkit-hero__task:nth-child(2) {
  animation-delay: -4s;
}

.aigl-toolkit-hero__task:nth-child(3) {
  animation-delay: -2s;
}

@keyframes aigl-toolkit-task-highlight {
  0% {
    border-color: var(--aigl-blue);
    box-shadow: inset 3px 0 0 var(--aigl-blue);
  }

  33.333333%, 100% {
    border-color: rgba(22, 19, 14, .25);
    box-shadow: none;
  }
}

.aigl-toolkit-hero__task i {
  color: var(--aigl-blue);
  font: 700 17px/1 var(--aigl-display);
}

.aigl-toolkit-hero__task > span {
  color: var(--aigl-ink);
  font-family: var(--aigl-sans);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
}

.aigl-toolkit-hero__task .aigl-toolkit-hero__badge {
  padding: 4px 6px;
  border: 1px solid var(--aigl-ink);
  color: var(--aigl-ink);
  font-family: var(--aigl-sans);
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

/* Stats */
.aigl-toolkit-hero__stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 3px solid var(--aigl-ink);
}

.aigl-toolkit-hero__stats > div {
  padding: 14px 18px;
}

.aigl-toolkit-hero__stats > div:first-child {
  border-right: 1px solid rgba(22, 19, 14, .25);
}

.aigl-toolkit-hero__stats small {
  display: block;
  color: var(--aigl-ink);
  font-size: 10px;
  font-weight: 400;
  line-height: 1.62;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.aigl-toolkit-hero__stats strong {
  display: block;
  margin-top: 4px;
  color: var(--aigl-blue);
  font: 800 40px/1 var(--aigl-display);
}

.aigl-toolkit-hero__stats .aigl-toolkit-hero__categories {
  grid-column: 1 / -1;
  border-top: 1px solid rgba(22, 19, 14, .25);
}

.aigl-toolkit-hero__categories > span {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.aigl-toolkit-hero__categories b {
  padding: 4px 8px;
  background: var(--aigl-ink);
  color: var(--aigl-paper);
  font-family: var(--aigl-sans);
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
}

/* Tablet */
@media (max-width: 1020px) {
  .aigl-toolkit-hero {
    padding-block: 80px;
  }

  .aigl-toolkit-hero__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
  }

  .aigl-toolkit-hero__copy {
    max-width: 780px;
    margin-inline: auto;
    text-align: center;
  }

  .aigl-toolkit-hero h1 {
    font-size: clamp(2.8rem, 7.5vw, 4.3rem);
  }

  .aigl-toolkit-hero .aigl-toolkit-hero__lede {
    margin-inline: auto;
  }

  .aigl-toolkit-hero__actions {
    justify-content: center;
  }

  .aigl-toolkit-hero__art {
    width: 100%;
    max-width: 540px;
    margin-inline: auto;
  }
}

/* Mobile */
@media (max-width: 700px) {
  .aigl-toolkit-hero h1 {
    font-size: clamp(2.05rem, 10vw, 3.4rem);
  }

  .aigl-toolkit-hero__art {
    padding: 14px 12px 21px 0;
  }

  .aigl-toolkit-hero__card {
    box-shadow: 7px 7px 0 var(--aigl-ink);
  }

  .aigl-toolkit-hero__top {
    padding: 12px;
  }

  .aigl-toolkit-hero__window-title {
    gap: 8px;
    font-size: 17px;
  }

  .aigl-toolkit-hero__feature {
    padding: 18px 12px;
  }

  .aigl-toolkit-hero__library-title {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .aigl-toolkit-hero__library-title mark {
    grid-column: 2;
    justify-self: start;
  }

  .aigl-toolkit-hero__task {
    gap: 6px;
    padding-inline: 7px;
  }

  .aigl-toolkit-hero__task > span {
    font-size: 11px;
  }

  .aigl-toolkit-hero__task .aigl-toolkit-hero__badge {
    padding-inline: 4px;
    font-size: 8px;
  }

  .aigl-toolkit-hero__stats > div {
    padding: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aigl-toolkit-hero__task {
    animation: none;
  }

  .aigl-toolkit-hero__task:first-child {
    border-color: var(--aigl-blue);
    box-shadow: inset 3px 0 0 var(--aigl-blue);
  }

  .aigl-toolkit-hero .aigl-toolkit-hero__button {
    transition: none;
  }

  .aigl-toolkit-hero .aigl-toolkit-hero__button:hover {
    transform: none;
    box-shadow: none;
  }
}

/* Toolkit: What You Get */
.aigl-toolkit-features {
  --aigl-features-paper: #ede4cf;
  --aigl-features-cream: #fbf7ee;
  --aigl-features-ink: #16130e;
  --aigl-features-text: #2a251d;
  --aigl-features-blue: #0b5fa5;
  --aigl-features-red: #e6322e;

  width: 100%;
  margin: 0;
  padding: 104px 0;
  background: var(--aigl-features-paper);
  color: var(--aigl-features-ink);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 1.62;
  text-align: left;
}

.aigl-toolkit-features,
.aigl-toolkit-features *,
.aigl-toolkit-features *::before,
.aigl-toolkit-features *::after {
  box-sizing: border-box;
}

.aigl-toolkit-features :is(h2, h3, p) {
  margin: 0;
  padding: 0;
}

.aigl-toolkit-features__inner {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
}

.aigl-toolkit-features__intro {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  align-items: end;
  gap: 28px 64px;
  margin-bottom: 48px;
}

.aigl-toolkit-features .aigl-toolkit-features__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  color: var(--aigl-features-ink);
  font: 700 11px/1.4 "Inter", sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.aigl-toolkit-features__eyebrow::before {
  flex: none;
  width: 11px;
  height: 11px;
  background: var(--aigl-features-red);
  content: "";
}

.aigl-toolkit-features h2 {
  color: var(--aigl-features-ink);
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(2.25rem, 4.5vw, 3.15rem);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: normal;
  text-transform: uppercase;
}

.aigl-toolkit-features .aigl-toolkit-features__description {
  max-width: 30em;
  color: var(--aigl-features-text);
  font: 400 18px/1.62 "Inter", sans-serif;
}

/* Cards */
.aigl-toolkit-features__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  padding-right: 8px;
}

.aigl-toolkit-features__card {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 32px 26px;
  border: 3px solid var(--aigl-features-ink);
  border-radius: 0;
  background: var(--aigl-features-paper);
  box-shadow: 8px 8px 0 var(--aigl-features-ink);
}

.aigl-toolkit-features__card::before {
  position: absolute;
  top: -3px;
  right: 20px;
  width: 38px;
  height: 5px;
  background: var(--aigl-features-red);
  transform: skewX(-28deg);
  content: "";
}

.aigl-toolkit-features__icon {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  margin-bottom: 24px;
  background: var(--aigl-features-ink);
  color: var(--aigl-features-paper);
}

.aigl-toolkit-features__card:nth-child(2)
.aigl-toolkit-features__icon {
  background: var(--aigl-features-blue);
}

.aigl-toolkit-features__card:nth-child(3)
.aigl-toolkit-features__icon {
  background: var(--aigl-features-red);
}

.aigl-toolkit-features__icon svg {
  display: block;
  width: 27px;
  height: 27px;
  fill: none;
  stroke: currentColor;
}

.aigl-toolkit-features .aigl-toolkit-features__card h3 {
  margin-bottom: 14px;
  color: var(--aigl-features-ink);
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(1.35rem, 2vw, 1.7rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: normal;
  text-transform: uppercase;
}

.aigl-toolkit-features .aigl-toolkit-features__card p {
  color: var(--aigl-features-text);
  font: 400 18px/1.62 "Inter", sans-serif;
}

/* CTA */
.aigl-toolkit-features__actions {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

.aigl-toolkit-features .aigl-toolkit-features__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  max-width: 100%;
  margin: 0;
  padding: 12px 26px;
  border: 3px solid var(--aigl-features-ink);
  border-radius: 0;
  background: var(--aigl-features-blue);
  color: var(--aigl-features-cream);
  font: 700 16px/1.2 "Barlow Condensed", sans-serif;
  letter-spacing: .08em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: none;
  transition: transform .18s ease, box-shadow .18s ease;
}

.aigl-toolkit-features .aigl-toolkit-features__button:hover {
  background: var(--aigl-features-blue);
  color: var(--aigl-features-cream);
  transform: translate(-3px, -3px);
  box-shadow: 6px 6px 0 var(--aigl-features-ink);
}

.aigl-toolkit-features .aigl-toolkit-features__button:active {
  transform: none;
  box-shadow: none;
}

.aigl-toolkit-features .aigl-toolkit-features__button:focus-visible {
  outline: 3px solid #e8a317;
  outline-offset: 3px;
}

/* Tablet */
@media (max-width: 1020px) {
  .aigl-toolkit-features {
    padding-block: 80px;
  }

  .aigl-toolkit-features__intro {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  .aigl-toolkit-features__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Mobile */
@media (max-width: 700px) {
  .aigl-toolkit-features__card {
    padding: 28px 24px;
  }

  .aigl-toolkit-features .aigl-toolkit-features__description,
  .aigl-toolkit-features .aigl-toolkit-features__card p {
    font-size: 17px;
    line-height: 1.5625;
  }

  .aigl-toolkit-features .aigl-toolkit-features__button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aigl-toolkit-features .aigl-toolkit-features__button {
    transition: none;
  }

  .aigl-toolkit-features .aigl-toolkit-features__button:hover {
    transform: none;
  }
}

/* Toolkit: Why This Pack Is Different */
.aigl-toolkit-proof {
  --aigl-proof-ink: #16130e;
  --aigl-proof-paper: #ede4cf;
  --aigl-proof-cream: #fbf7ee;
  --aigl-proof-blue: #0b5fa5;
  --aigl-proof-red: #e6322e;

  width: 100%;
  margin: 0;
  padding: 104px 0;
  background: var(--aigl-proof-ink);
  color: var(--aigl-proof-paper);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 1.62;
  text-align: left;
}

.aigl-toolkit-proof,
.aigl-toolkit-proof *,
.aigl-toolkit-proof *::before,
.aigl-toolkit-proof *::after {
  box-sizing: border-box;
}

.aigl-toolkit-proof :is(h2, h3, p) {
  margin: 0;
  padding: 0;
}

.aigl-toolkit-proof__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 64px;
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
}

.aigl-toolkit-proof__copy,
.aigl-toolkit-proof__list,
.aigl-toolkit-proof__item > div {
  min-width: 0;
}

.aigl-toolkit-proof .aigl-toolkit-proof__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  color: var(--aigl-proof-paper);
  font: 700 11px/1.4 "Inter", sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.aigl-toolkit-proof__eyebrow::before {
  flex: none;
  width: 11px;
  height: 11px;
  background: var(--aigl-proof-red);
  content: "";
}

.aigl-toolkit-proof h2 {
  margin-bottom: 24px;
  color: var(--aigl-proof-paper);
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(2.25rem, 4.5vw, 3.15rem);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: normal;
  text-transform: uppercase;
  text-wrap: balance;
}

.aigl-toolkit-proof h2 span {
  color: var(--aigl-proof-blue);
}

.aigl-toolkit-proof .aigl-toolkit-proof__description {
  margin-bottom: 30px;
  color: rgba(237, 228, 207, .8);
  font: 400 18px/1.62 "Inter", sans-serif;
}

/* Numbered items */
.aigl-toolkit-proof__item {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 16px;
  margin: 0;
  padding: 24px 0;
  border: 0;
  border-bottom: 1px solid rgba(237, 228, 207, .24);
  background: transparent;
  box-shadow: none;
}

.aigl-toolkit-proof__item:first-child {
  padding-top: 0;
}

.aigl-toolkit-proof__item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.aigl-toolkit-proof__number {
  color: var(--aigl-proof-blue);
  font: 700 30px/1 "Barlow Condensed", sans-serif;
}

.aigl-toolkit-proof .aigl-toolkit-proof__item h3 {
  margin-bottom: 10px;
  color: var(--aigl-proof-paper);
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(1.35rem, 2vw, 1.7rem);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: normal;
  text-transform: uppercase;
}

.aigl-toolkit-proof .aigl-toolkit-proof__item p {
  color: rgba(237, 228, 207, .8);
  font: 400 18px/1.62 "Inter", sans-serif;
}

.aigl-toolkit-proof .aigl-toolkit-proof__item .aigl-toolkit-proof__sources {
  margin-top: 12px;
  color: rgba(237, 228, 207, .68);
  font-size: 16px;
}

.aigl-toolkit-proof__sources b {
  color: var(--aigl-proof-paper);
  font-weight: 700;
}

/* CTA */
.aigl-toolkit-proof .aigl-toolkit-proof__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  max-width: 100%;
  margin: 0;
  padding: 12px 26px;
  border: 3px solid var(--aigl-proof-paper);
  border-radius: 0;
  background: var(--aigl-proof-blue);
  color: var(--aigl-proof-cream);
  font: 700 16px/1.2 "Barlow Condensed", sans-serif;
  letter-spacing: .08em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: none;
  transition: transform .18s ease, box-shadow .18s ease;
}

.aigl-toolkit-proof .aigl-toolkit-proof__button:hover {
  background: var(--aigl-proof-blue);
  color: var(--aigl-proof-cream);
  transform: translate(-3px, -3px);
  box-shadow: 6px 6px 0 var(--aigl-proof-ink);
}

.aigl-toolkit-proof .aigl-toolkit-proof__button:active {
  transform: none;
  box-shadow: none;
}

.aigl-toolkit-proof .aigl-toolkit-proof__button:focus-visible {
  outline: 3px solid #e8a317;
  outline-offset: 3px;
}

/* Tablet */
@media (max-width: 1020px) {
  .aigl-toolkit-proof {
    padding-block: 80px;
  }

  .aigl-toolkit-proof__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
  }

  .aigl-toolkit-proof__copy {
    max-width: 650px;
  }
}

/* Mobile */
@media (max-width: 700px) {
  .aigl-toolkit-proof__item {
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 12px;
  }

  .aigl-toolkit-proof .aigl-toolkit-proof__description,
  .aigl-toolkit-proof .aigl-toolkit-proof__item p {
    font-size: 17px;
    line-height: 1.5625;
  }

  .aigl-toolkit-proof .aigl-toolkit-proof__item .aigl-toolkit-proof__sources {
    font-size: 17px;
  }

  .aigl-toolkit-proof .aigl-toolkit-proof__button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aigl-toolkit-proof .aigl-toolkit-proof__button {
    transition: none;
  }

  .aigl-toolkit-proof .aigl-toolkit-proof__button:hover {
    transform: none;
  }
}

/* Toolkit: Customer Proof */
.aigl-toolkit-reviews {
  --aigl-reviews-paper: #ede4cf;
  --aigl-reviews-cream: #fbf7ee;
  --aigl-reviews-ink: #16130e;
  --aigl-reviews-text: #2a251d;
  --aigl-reviews-blue: #0b5fa5;
  --aigl-reviews-red: #e6322e;

  width: 100%;
  margin: 0;
  padding: 104px 0;
  background: var(--aigl-reviews-paper);
  color: var(--aigl-reviews-ink);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 1.62;
  text-align: left;
}

.aigl-toolkit-reviews,
.aigl-toolkit-reviews *,
.aigl-toolkit-reviews *::before,
.aigl-toolkit-reviews *::after {
  box-sizing: border-box;
}

.aigl-toolkit-reviews :is(h2, p) {
  margin: 0;
  padding: 0;
}

.aigl-toolkit-reviews__inner {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
}

.aigl-toolkit-reviews__intro {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  align-items: end;
  gap: 28px 64px;
  margin-bottom: 48px;
}

.aigl-toolkit-reviews .aigl-toolkit-reviews__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  color: var(--aigl-reviews-ink);
  font: 700 11px/1.4 "Inter", sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.aigl-toolkit-reviews__eyebrow::before {
  flex: none;
  width: 11px;
  height: 11px;
  background: var(--aigl-reviews-red);
  content: "";
}

.aigl-toolkit-reviews h2 {
  color: var(--aigl-reviews-ink);
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(2.25rem, 4.5vw, 3.15rem);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: normal;
  text-transform: uppercase;
}

.aigl-toolkit-reviews .aigl-toolkit-reviews__description {
  max-width: 30em;
  color: var(--aigl-reviews-text);
  font: 400 18px/1.62 "Inter", sans-serif;
}

/* Testimonial cards */
.aigl-toolkit-reviews__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  padding-right: 8px;
}

.aigl-toolkit-reviews__card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 292px;
  margin: 0;
  padding: 30px 26px 26px;
  border: 3px solid var(--aigl-reviews-ink);
  border-radius: 0;
  background: var(--aigl-reviews-paper);
  color: var(--aigl-reviews-ink);
  box-shadow: 8px 8px 0 var(--aigl-reviews-ink);
}

.aigl-toolkit-reviews__stars {
  color: var(--aigl-reviews-blue);
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.62;
  letter-spacing: .15em;
}

.aigl-toolkit-reviews .aigl-toolkit-reviews__card blockquote {
  display: block;
  margin: 20px 0 28px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--aigl-reviews-text);
  font: 400 18px/1.62 "Inter", sans-serif;
  letter-spacing: normal;
  text-align: left;
  box-shadow: none;
}

.aigl-toolkit-reviews__card blockquote::before,
.aigl-toolkit-reviews__card blockquote::after {
  display: none;
  content: none;
}

/* Reviewer details */
.aigl-toolkit-reviews__person {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: auto;
}

.aigl-toolkit-reviews__person > div {
  min-width: 0;
}

.aigl-toolkit-reviews .aigl-toolkit-reviews__person img {
  display: block;
  flex: 0 0 48px;
  width: 48px;
  min-width: 48px;
  max-width: 48px;
  height: 48px;
  margin: 0;
  padding: 0;
  border: 2px solid var(--aigl-reviews-ink);
  border-radius: 0;
  object-fit: cover;
  box-shadow: none;
}

.aigl-toolkit-reviews__person b {
  display: block;
  color: var(--aigl-reviews-ink);
  font: 700 13px/1.62 "Inter", sans-serif;
}

.aigl-toolkit-reviews__person small {
  display: block;
  color: var(--aigl-reviews-text);
  font: 400 12px/1.62 "Inter", sans-serif;
}

/* CTA */
.aigl-toolkit-reviews__actions {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

.aigl-toolkit-reviews .aigl-toolkit-reviews__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  max-width: 100%;
  margin: 0;
  padding: 12px 26px;
  border: 3px solid var(--aigl-reviews-ink);
  border-radius: 0;
  background: var(--aigl-reviews-blue);
  color: var(--aigl-reviews-cream);
  font: 700 16px/1.2 "Barlow Condensed", sans-serif;
  letter-spacing: .08em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: none;
  transition: transform .18s ease, box-shadow .18s ease;
}

.aigl-toolkit-reviews .aigl-toolkit-reviews__button:hover {
  background: var(--aigl-reviews-blue);
  color: var(--aigl-reviews-cream);
  transform: translate(-3px, -3px);
  box-shadow: 6px 6px 0 var(--aigl-reviews-ink);
}

.aigl-toolkit-reviews .aigl-toolkit-reviews__button:active {
  transform: none;
  box-shadow: none;
}

.aigl-toolkit-reviews .aigl-toolkit-reviews__button:focus-visible {
  outline: 3px solid #e8a317;
  outline-offset: 3px;
}

@media (max-width: 1020px) {
  .aigl-toolkit-reviews {
    padding-block: 80px;
  }

  .aigl-toolkit-reviews__intro {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  .aigl-toolkit-reviews__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 700px) {
  .aigl-toolkit-reviews .aigl-toolkit-reviews__description,
  .aigl-toolkit-reviews .aigl-toolkit-reviews__card blockquote {
    font-size: 17px;
    line-height: 1.5625;
  }

  .aigl-toolkit-reviews .aigl-toolkit-reviews__button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aigl-toolkit-reviews .aigl-toolkit-reviews__button {
    transition: none;
  }

  .aigl-toolkit-reviews .aigl-toolkit-reviews__button:hover {
    transform: none;
  }
}

/* Toolkit: A Better Way to Work */
.aigl-toolkit-comparison {
  --aigl-comparison-ink: #16130e;
  --aigl-comparison-paper: #ede4cf;
  --aigl-comparison-cream: #fbf7ee;
  --aigl-comparison-blue: #0b5fa5;
  --aigl-comparison-red: #e6322e;
  --aigl-comparison-muted: #7a7166;

  width: 100%;
  margin: 0;
  padding: 104px 0;
  background: var(--aigl-comparison-ink);
  color: var(--aigl-comparison-paper);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 1.62;
  text-align: left;
}

.aigl-toolkit-comparison,
.aigl-toolkit-comparison *,
.aigl-toolkit-comparison *::before,
.aigl-toolkit-comparison *::after {
  box-sizing: border-box;
}

.aigl-toolkit-comparison :is(h2, h3, p, ul, li) {
  margin: 0;
  padding: 0;
}

.aigl-toolkit-comparison__inner {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
}

.aigl-toolkit-comparison__intro {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  align-items: end;
  gap: 28px 64px;
  margin-bottom: 48px;
}

.aigl-toolkit-comparison .aigl-toolkit-comparison__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  color: var(--aigl-comparison-paper);
  font: 700 11px/1.4 "Inter", sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.aigl-toolkit-comparison__eyebrow::before {
  flex: none;
  width: 11px;
  height: 11px;
  background: var(--aigl-comparison-red);
  content: "";
}

.aigl-toolkit-comparison h2 {
  color: var(--aigl-comparison-paper);
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(2.25rem, 4.5vw, 3.15rem);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: normal;
  text-transform: uppercase;
}

.aigl-toolkit-comparison .aigl-toolkit-comparison__description {
  max-width: 30em;
  color: rgba(237, 228, 207, .8);
  font: 400 18px/1.62 "Inter", sans-serif;
}

/* Comparison cards */
.aigl-toolkit-comparison__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
  padding-right: 8px;
}

.aigl-toolkit-comparison__card {
  min-width: 0;
  margin: 0;
  padding: 34px;
  border: 3px solid var(--aigl-comparison-ink);
  border-radius: 0;
  background: var(--aigl-comparison-paper);
  color: var(--aigl-comparison-ink);
}

.aigl-toolkit-comparison__card--old {
  background: #d8d1c5;
  color: var(--aigl-comparison-muted);
  box-shadow: 6px 6px 0 #766f64;
}

.aigl-toolkit-comparison__card--new {
  box-shadow: 8px 8px 0 var(--aigl-comparison-blue);
}

.aigl-toolkit-comparison .aigl-toolkit-comparison__card h3 {
  margin-bottom: 26px;
  color: var(--aigl-comparison-blue);
  font: 600 22px/1.2 "Barlow Condensed", sans-serif;
  letter-spacing: normal;
  text-transform: uppercase;
}

.aigl-toolkit-comparison .aigl-toolkit-comparison__card--old h3 {
  color: var(--aigl-comparison-muted);
}

.aigl-toolkit-comparison .aigl-toolkit-comparison__card ul {
  display: grid;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.aigl-toolkit-comparison .aigl-toolkit-comparison__card li {
  position: relative;
  margin: 0;
  padding: 0 0 0 28px;
  color: var(--aigl-comparison-ink);
  font: 400 18px/1.62 "Inter", sans-serif;
  list-style: none;
}

.aigl-toolkit-comparison .aigl-toolkit-comparison__card li::before {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--aigl-comparison-blue);
  font-weight: 700;
  content: "✓";
}

.aigl-toolkit-comparison .aigl-toolkit-comparison__card--old li {
  color: var(--aigl-comparison-muted);
}

.aigl-toolkit-comparison .aigl-toolkit-comparison__card--old li::before {
  color: var(--aigl-comparison-muted);
  content: "×";
}

/* CTA */
.aigl-toolkit-comparison__actions {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

.aigl-toolkit-comparison .aigl-toolkit-comparison__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  max-width: 100%;
  margin: 0;
  padding: 12px 26px;
  border: 3px solid var(--aigl-comparison-paper);
  border-radius: 0;
  background: var(--aigl-comparison-blue);
  color: var(--aigl-comparison-cream);
  font: 700 16px/1.2 "Barlow Condensed", sans-serif;
  letter-spacing: .08em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: none;
  transition: transform .18s ease, box-shadow .18s ease;
}

.aigl-toolkit-comparison .aigl-toolkit-comparison__button:hover {
  background: var(--aigl-comparison-blue);
  color: var(--aigl-comparison-cream);
  transform: translate(-3px, -3px);
  box-shadow: 6px 6px 0 var(--aigl-comparison-ink);
}

.aigl-toolkit-comparison .aigl-toolkit-comparison__button:active {
  transform: none;
  box-shadow: none;
}

.aigl-toolkit-comparison .aigl-toolkit-comparison__button:focus-visible {
  outline: 3px solid #e8a317;
  outline-offset: 3px;
}

/* Tablet */
@media (max-width: 1020px) {
  .aigl-toolkit-comparison {
    padding-block: 80px;
  }

  .aigl-toolkit-comparison__intro {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
}

/* Mobile */
@media (max-width: 700px) {
  .aigl-toolkit-comparison__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .aigl-toolkit-comparison__card {
    padding: 28px 24px;
  }

  .aigl-toolkit-comparison .aigl-toolkit-comparison__description,
  .aigl-toolkit-comparison .aigl-toolkit-comparison__card li {
    font-size: 17px;
    line-height: 1.5625;
  }

  .aigl-toolkit-comparison .aigl-toolkit-comparison__button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aigl-toolkit-comparison .aigl-toolkit-comparison__button {
    transition: none;
  }

  .aigl-toolkit-comparison .aigl-toolkit-comparison__button:hover {
    transform: none;
  }
}

/* Toolkit: Inside the Library */
.aigl-toolkit-library {
  --aigl-tl-paper: #ede4cf;
  --aigl-tl-paper-2: #e4dbca;
  --aigl-tl-cream: #fbf7ee;
  --aigl-tl-ink: #16130e;
  --aigl-tl-text: #2a251d;
  --aigl-tl-blue: #0b5fa5;
  --aigl-tl-red: #e6322e;

  width: 100%;
  margin: 0;
  padding: 104px 0;
  background: var(--aigl-tl-paper);
  color: var(--aigl-tl-ink);
  font: 400 18px/1.62 "Inter", sans-serif;
  text-align: left;
}

.aigl-toolkit-library,
.aigl-toolkit-library *,
.aigl-toolkit-library *::before,
.aigl-toolkit-library *::after {
  box-sizing: border-box;
}

.aigl-toolkit-library [hidden] {
  display: none !important;
}

.aigl-toolkit-library :is(h2, h3, h4, h5, p, ul, li) {
  margin: 0;
  padding: 0;
}

.aigl-toolkit-library .aigl-tl-inner {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
}

.aigl-toolkit-library .aigl-tl-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  align-items: end;
  gap: 28px 64px;
  margin-bottom: 48px;
}

.aigl-toolkit-library .aigl-tl-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  color: var(--aigl-tl-ink);
  font: 700 11px/1.4 "Inter", sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.aigl-toolkit-library .aigl-tl-eyebrow::before {
  flex: none;
  width: 11px;
  height: 11px;
  background: var(--aigl-tl-red);
  content: "";
}

.aigl-toolkit-library h2 {
  color: var(--aigl-tl-ink);
  font: 800 clamp(2.25rem, 4.5vw, 3.15rem)/1.05
    "Barlow Condensed", sans-serif;
  letter-spacing: normal;
  text-transform: uppercase;
}

.aigl-toolkit-library .aigl-tl-description {
  max-width: 30em;
  color: var(--aigl-tl-text);
  font: 400 18px/1.62 "Inter", sans-serif;
}

/* Tab frame */
.aigl-toolkit-library .aigl-tl-tabs {
  margin-right: 8px;
  border: 3px solid var(--aigl-tl-ink);
  background: var(--aigl-tl-paper);
  box-shadow: 8px 8px 0 var(--aigl-tl-ink);
}

.aigl-toolkit-library .aigl-tl-tablist {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 3px solid var(--aigl-tl-ink);
}

.aigl-toolkit-library .aigl-tl-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  min-height: 64px;
  margin: 0;
  padding: 14px 10px;
  border: 0;
  border-right: 2px solid var(--aigl-tl-ink);
  border-radius: 0;
  background: var(--aigl-tl-paper);
  color: var(--aigl-tl-ink);
  font: 600 18px/1.1 "Barlow Condensed", sans-serif;
  letter-spacing: .04em;
  text-align: center;
  text-transform: uppercase;
  box-shadow: none;
  transform: none;
  cursor: pointer;
}

.aigl-toolkit-library .aigl-tl-tab:last-child {
  border-right: 0;
}

.aigl-toolkit-library .aigl-tl-tab:hover {
  background: var(--aigl-tl-paper-2);
  color: var(--aigl-tl-ink);
}

.aigl-toolkit-library .aigl-tl-tab[aria-selected="true"] {
  background: var(--aigl-tl-blue);
  color: var(--aigl-tl-cream);
}

.aigl-toolkit-library .aigl-tl-tab:focus-visible {
  position: relative;
  outline: 3px solid #e8a317;
  outline-offset: -6px;
}

.aigl-toolkit-library .aigl-tl-panel:focus-visible {
  outline: 3px solid var(--aigl-tl-blue);
  outline-offset: -6px;
}

/* Panel copy */
.aigl-toolkit-library .aigl-tl-panel {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  align-items: center;
  gap: 36px;
  padding: 40px;
}

.aigl-toolkit-library .aigl-tl-copy,
.aigl-toolkit-library .aigl-tl-visual {
  min-width: 0;
}

.aigl-toolkit-library .aigl-tl-copy h3 {
  margin-bottom: 24px;
  color: var(--aigl-tl-ink);
  font: 800 clamp(1.6rem, 2.5vw, 2.2rem)/1.15
    "Barlow Condensed", sans-serif;
  letter-spacing: normal;
  text-transform: uppercase;
}

.aigl-toolkit-library .aigl-tl-copy ul {
  display: grid;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.aigl-toolkit-library .aigl-tl-copy li {
  position: relative;
  padding-left: 28px;
  color: var(--aigl-tl-text);
  font: 400 18px/1.62 "Inter", sans-serif;
  list-style: none;
}

.aigl-toolkit-library .aigl-tl-copy li::before {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--aigl-tl-blue);
  font-weight: 700;
  content: "✓";
}

/* Library preview */
.aigl-toolkit-library .aigl-tl-visual {
  padding: 12px 8px 12px 0;
}

.aigl-toolkit-library .aigl-tl-preview {
  border: 2px solid var(--aigl-tl-ink);
  background: var(--aigl-tl-paper);
  box-shadow: 8px 8px 0 var(--aigl-tl-blue);
}

.aigl-toolkit-library .aigl-tl-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px;
  background: var(--aigl-tl-ink);
  color: var(--aigl-tl-paper);
}

.aigl-toolkit-library .aigl-tl-brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font: 600 16px/1.2 "Barlow Condensed", sans-serif;
}

.aigl-toolkit-library .aigl-tl-brand b {
  display: grid;
  flex: none;
  place-items: center;
  width: 22px;
  height: 22px;
  background: var(--aigl-tl-blue);
  color: var(--aigl-tl-cream);
  font-weight: 700;
}

.aigl-toolkit-library .aigl-tl-status {
  font: 400 8px/1.62 "Inter", sans-serif;
  letter-spacing: .08em;
}

.aigl-toolkit-library .aigl-tl-preview-body {
  padding: 20px;
}

.aigl-toolkit-library .aigl-tl-preview-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}

.aigl-toolkit-library .aigl-tl-preview-heading > div {
  min-width: 0;
}

.aigl-toolkit-library .aigl-tl-preview-heading small {
  color: var(--aigl-tl-blue);
  font: 700 9px/1.62 "Inter", sans-serif;
  letter-spacing: .08em;
}

.aigl-toolkit-library .aigl-tl-preview-heading h4 {
  margin-top: 5px;
  color: var(--aigl-tl-ink);
  font: 800 24px/1.1 "Barlow Condensed", sans-serif;
  letter-spacing: normal;
  text-transform: uppercase;
}

.aigl-toolkit-library .aigl-tl-meta {
  flex: none;
  padding: 5px 6px;
  border: 1px solid var(--aigl-tl-ink);
  color: var(--aigl-tl-ink);
  font: 700 9px/1.62 "Inter", sans-serif;
  white-space: nowrap;
}

.aigl-toolkit-library .aigl-tl-chips {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.aigl-toolkit-library .aigl-tl-chips > div {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(22, 19, 14, .25);
  color: var(--aigl-tl-ink);
  font: 500 11px/1.5 "Inter", sans-serif;
}

/* Sample prompt text */
.aigl-toolkit-library .aigl-tl-document {
  max-height: 300px;
  overflow-y: auto;
  padding-right: 10px;
  color: var(--aigl-tl-ink);
  font: 400 12px/1.65 ui-monospace, SFMono-Regular, Consolas, monospace;
  scrollbar-color: var(--aigl-tl-blue) var(--aigl-tl-paper-2);
  overflow-wrap: anywhere;
}

.aigl-toolkit-library .aigl-tl-document--full {
  max-height: none;
  overflow: visible;
  padding-right: 0;
}

.aigl-toolkit-library .aigl-tl-document h5 {
  margin: 14px 0 8px;
  color: inherit;
  font: 700 12px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace;
  letter-spacing: normal;
}

.aigl-toolkit-library .aigl-tl-document h5:first-child {
  margin-top: 0;
}

.aigl-toolkit-library .aigl-tl-document p {
  margin: 0 0 12px;
  color: inherit;
  font: inherit;
  letter-spacing: normal;
}

/* Tablet */
@media (max-width: 1020px) {
  .aigl-toolkit-library {
    padding-block: 80px;
  }

  .aigl-toolkit-library .aigl-tl-intro {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  .aigl-toolkit-library .aigl-tl-panel {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }
}

/* Mobile */
@media (max-width: 700px) {
  .aigl-toolkit-library .aigl-tl-tablist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
    scrollbar-color: var(--aigl-tl-blue) var(--aigl-tl-paper);
  }

  .aigl-toolkit-library .aigl-tl-tab {
    font-size: 17px;
    flex: 0 0 auto;
    width: auto;
    min-height: 56px;
    padding: 14px 20px;
    border: 0;
    border-right: 2px solid var(--aigl-tl-ink);
    white-space: nowrap;
  }

  .aigl-toolkit-library .aigl-tl-tab:nth-child(2) {
    border-right: 2px solid var(--aigl-tl-ink);
  }

  .aigl-toolkit-library .aigl-tl-tab:nth-child(-n+2) {
    border-bottom: 0;
  }

  .aigl-toolkit-library .aigl-tl-panel {
    padding: 24px 18px;
  }

  .aigl-toolkit-library .aigl-tl-description,
  .aigl-toolkit-library .aigl-tl-copy li {
    font-size: 17px;
    line-height: 1.5625;
  }

  .aigl-toolkit-library .aigl-tl-status {
    display: none;
  }

  .aigl-toolkit-library .aigl-tl-preview-body {
    padding: 16px;
  }

  .aigl-toolkit-library .aigl-tl-preview-heading {
    flex-direction: column;
    gap: 8px;
  }

  .aigl-toolkit-library .aigl-tl-chips {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 700px) {

  .aigl-toolkit-library .aigl-tl-tab:last-child {
    border-right: 0;
  }
}

/* Toolkit: Pricing */
.aigl-toolkit-pricing {
  --aigl-pricing-paper: #ede4cf;
  --aigl-pricing-paper-2: #e4dbca;
  --aigl-pricing-cream: #fbf7ee;
  --aigl-pricing-ink: #16130e;
  --aigl-pricing-text: #2a251d;
  --aigl-pricing-blue: #0b5fa5;
  --aigl-pricing-red: #e6322e;
  --aigl-pricing-gold: #e8a317;

  width: 100%;
  margin: 0;
  padding: 104px 0;
  background: var(--aigl-pricing-ink);
  color: var(--aigl-pricing-paper);
  font: 400 18px/1.62 "Inter", sans-serif;
  text-align: center;
  scroll-margin-top: 32px;
}

.aigl-toolkit-pricing,
.aigl-toolkit-pricing *,
.aigl-toolkit-pricing *::before,
.aigl-toolkit-pricing *::after {
  box-sizing: border-box;
}

.aigl-toolkit-pricing :is(h2, h3, p, ul, li) {
  margin: 0;
  padding: 0;
}

.aigl-toolkit-pricing__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  gap: 40px;
  width: min(760px, calc(100% - 48px));
  margin: 0 auto;
}

.aigl-toolkit-pricing__intro {
  min-width: 0;
}

.aigl-toolkit-pricing .aigl-toolkit-pricing__eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
  color: var(--aigl-pricing-paper);
  font: 700 11px/1.4 "Inter", sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.aigl-toolkit-pricing__eyebrow::before {
  flex: none;
  width: 11px;
  height: 11px;
  background: var(--aigl-pricing-red);
  content: "";
}

.aigl-toolkit-pricing h2 {
  color: var(--aigl-pricing-paper);
  font: 800 clamp(2.25rem, 4.5vw, 3.15rem)/1.05
    "Barlow Condensed", sans-serif;
  letter-spacing: normal;
  text-transform: uppercase;
}

.aigl-toolkit-pricing .aigl-toolkit-pricing__description {
  margin-top: 24px;
  color: rgba(237, 228, 207, .8);
  font: 400 18px/1.62 "Inter", sans-serif;
}

/* Pricing card */
.aigl-toolkit-pricing__card {
  position: relative;
  width: min(500px, calc(100% - 20px));
  min-width: 0;
  margin: 0;
  padding: 36px;
  border: 4px solid var(--aigl-pricing-ink);
  border-radius: 0;
  background: var(--aigl-pricing-paper);
  color: var(--aigl-pricing-ink);
  text-align: left;
  box-shadow: 10px 10px 0 var(--aigl-pricing-blue);
}

.aigl-toolkit-pricing__card::before {
  position: absolute;
  top: -4px;
  right: 20px;
  width: 52px;
  height: 7px;
  background: var(--aigl-pricing-red);
  transform: skewX(-28deg);
  content: "";
}

.aigl-toolkit-pricing__label {
  display: inline-flex;
  align-items: center;
  margin-bottom: 14px;
  padding: 7px 11px;
  border: 2px solid var(--aigl-pricing-ink);
  background: var(--aigl-pricing-paper-2);
  color: var(--aigl-pricing-ink);
  font: 600 12px/1.2 "Barlow Condensed", sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.aigl-toolkit-pricing .aigl-toolkit-pricing__card h3 {
  color: var(--aigl-pricing-ink);
  font: 800 32px/1.15 "Barlow Condensed", sans-serif;
  letter-spacing: normal;
  text-transform: uppercase;
}

.aigl-toolkit-pricing__price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: flex-start;
  gap: 12px;
  margin: 22px 0 28px;
}

.aigl-toolkit-pricing__price b {
  color: var(--aigl-pricing-blue);
  font: 700 80px/1 "Barlow Condensed", sans-serif;
}

.aigl-toolkit-pricing__price > span {
  color: var(--aigl-pricing-ink);
  font: 400 14px/1.62 "Inter", sans-serif;
}

.aigl-toolkit-pricing .aigl-toolkit-pricing__benefits {
  display: grid;
  gap: 16px;
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
  text-align: left;
}

.aigl-toolkit-pricing .aigl-toolkit-pricing__benefits li {
  margin: 0;
  padding: 0;
  color: var(--aigl-pricing-ink);
  font: 400 18px/1.62 "Inter", sans-serif;
  list-style: none;
}

.aigl-toolkit-pricing__benefits li::before {
  position: static;
  margin-right: 10px;
  color: var(--aigl-pricing-blue);
  font-weight: 700;
  content: "✓";
}

/* Purchase button */
.aigl-toolkit-pricing .aigl-toolkit-pricing__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 56px;
  margin: 0;
  padding: 12px 26px;
  border: 3px solid var(--aigl-pricing-ink);
  border-radius: 0;
  background: var(--aigl-pricing-blue);
  color: var(--aigl-pricing-cream);
  font: 700 16px/1.2 "Barlow Condensed", sans-serif;
  letter-spacing: .08em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: none;
  transition: transform .18s ease, box-shadow .18s ease;
}

.aigl-toolkit-pricing .aigl-toolkit-pricing__button:hover {
  background: var(--aigl-pricing-blue);
  color: var(--aigl-pricing-cream);
  transform: translate(-3px, -3px);
  box-shadow: 6px 6px 0 var(--aigl-pricing-ink);
}

.aigl-toolkit-pricing .aigl-toolkit-pricing__button:active {
  transform: none;
  box-shadow: none;
}

.aigl-toolkit-pricing .aigl-toolkit-pricing__button:focus-visible {
  outline: 3px solid var(--aigl-pricing-gold);
  outline-offset: 3px;
}

.aigl-toolkit-pricing__delivery {
  display: block;
  margin-top: 18px;
  color: var(--aigl-pricing-text);
  font: 400 13px/1.62 "Inter", sans-serif;
  text-align: center;
  overflow-wrap: anywhere;
}

.aigl-toolkit-pricing .aigl-toolkit-pricing__delivery a {
  color: var(--aigl-pricing-blue);
  font: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.aigl-toolkit-pricing .aigl-toolkit-pricing__delivery a:hover {
  color: var(--aigl-pricing-ink);
}

.aigl-toolkit-pricing .aigl-toolkit-pricing__delivery a:focus-visible {
  outline: 2px solid var(--aigl-pricing-blue);
  outline-offset: 3px;
}

/* Guarantee */
.aigl-toolkit-pricing__guarantee {
  display: grid;
  justify-items: center;
  gap: 16px;
  width: min(500px, calc(100% - 20px));
  min-width: 0;
  margin: 0;
  padding: 30px 32px;
  border: 3px solid var(--aigl-pricing-ink);
  border-radius: 0;
  background: var(--aigl-pricing-paper);
  color: var(--aigl-pricing-ink);
  box-shadow: 8px 8px 0 var(--aigl-pricing-gold);
  text-align: center;
}

.aigl-toolkit-pricing .aigl-toolkit-pricing__guarantee img {
  display: block;
  width: 90px;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.aigl-toolkit-pricing .aigl-toolkit-pricing__guarantee h3 {
  color: var(--aigl-pricing-ink);
  font: 800 clamp(1.35rem, 2vw, 1.7rem)/1.15
    "Barlow Condensed", sans-serif;
  letter-spacing: normal;
  text-transform: uppercase;
}

.aigl-toolkit-pricing .aigl-toolkit-pricing__guarantee p {
  max-width: 38ch;
  color: var(--aigl-pricing-text);
  font: 400 18px/1.62 "Inter", sans-serif;
}

/* Tablet */
@media (max-width: 1020px) {
  .aigl-toolkit-pricing {
    padding-block: 80px;
  }
}

/* Mobile */
@media (max-width: 700px) {
  .aigl-toolkit-pricing__card {
    padding: 28px 24px;
    box-shadow: 8px 8px 0 var(--aigl-pricing-blue);
  }

  .aigl-toolkit-pricing__price b {
    font-size: 72px;
  }

  .aigl-toolkit-pricing__guarantee {
    padding: 26px 20px;
  }

  .aigl-toolkit-pricing .aigl-toolkit-pricing__description,
  .aigl-toolkit-pricing .aigl-toolkit-pricing__benefits li,
  .aigl-toolkit-pricing .aigl-toolkit-pricing__guarantee p {
    font-size: 17px;
    line-height: 1.5625;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aigl-toolkit-pricing .aigl-toolkit-pricing__button {
    transition: none;
  }

  .aigl-toolkit-pricing .aigl-toolkit-pricing__button:hover {
    transform: none;
  }
}

/* Toolkit: FAQs */
.aigl-toolkit-faq {
  --aigl-faq-paper: #ede4cf;
  --aigl-faq-paper-2: #e4dbca;
  --aigl-faq-cream: #fbf7ee;
  --aigl-faq-ink: #16130e;
  --aigl-faq-text: #2a251d;
  --aigl-faq-blue: #0b5fa5;
  --aigl-faq-red: #e6322e;

  width: 100%;
  margin: 0;
  padding: 104px 0;
  background: var(--aigl-faq-paper);
  color: var(--aigl-faq-ink);
  font: 400 18px/1.62 "Inter", sans-serif;
  text-align: left;
}

.aigl-toolkit-faq,
.aigl-toolkit-faq *,
.aigl-toolkit-faq *::before,
.aigl-toolkit-faq *::after {
  box-sizing: border-box;
}

.aigl-toolkit-faq :is(h2, p) {
  margin: 0;
  padding: 0;
}

.aigl-toolkit-faq__inner {
  width: min(900px, calc(100% - 48px));
  margin: 0 auto;
}

.aigl-toolkit-faq__intro {
  margin-bottom: 40px;
  text-align: center;
}

.aigl-toolkit-faq .aigl-toolkit-faq__eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
  color: var(--aigl-faq-ink);
  font: 700 11px/1.4 "Inter", sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.aigl-toolkit-faq__eyebrow::before {
  flex: none;
  width: 11px;
  height: 11px;
  background: var(--aigl-faq-red);
  content: "";
}

.aigl-toolkit-faq h2 {
  margin-bottom: 18px;
  color: var(--aigl-faq-ink);
  font: 800 clamp(2.25rem, 4.5vw, 3.15rem)/1.05
    "Barlow Condensed", sans-serif;
  letter-spacing: normal;
  text-transform: uppercase;
}

.aigl-toolkit-faq h2 span {
  color: var(--aigl-faq-blue);
}

.aigl-toolkit-faq .aigl-toolkit-faq__description {
  color: var(--aigl-faq-text);
  font: 400 18px/1.62 "Inter", sans-serif;
}

/* Expandable questions */
.aigl-toolkit-faq__questions details {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  border-left: 4px solid transparent;
  border-bottom: 1px solid rgba(22, 19, 14, .2);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.aigl-toolkit-faq__questions details:first-child {
  border-top: 1px solid rgba(22, 19, 14, .2);
}

.aigl-toolkit-faq__questions details[open] {
  border-left-color: var(--aigl-faq-blue);
  background: var(--aigl-faq-paper-2);
}

.aigl-toolkit-faq__questions summary {
  position: relative;
  display: block;
  margin: 0;
  padding: 24px 76px 24px 24px;
  border: 0;
  background: transparent;
  color: var(--aigl-faq-ink);
  font: 600 18px/1.5 "Inter", sans-serif;
  letter-spacing: normal;
  text-align: left;
  text-transform: none;
  list-style: none;
  cursor: pointer;
}

.aigl-toolkit-faq__questions summary::-webkit-details-marker {
  display: none;
}

.aigl-toolkit-faq__questions summary::marker {
  content: "";
}

.aigl-toolkit-faq__questions summary::after {
  position: absolute;
  top: 50%;
  right: 24px;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 2px solid var(--aigl-faq-ink);
  background: transparent;
  color: var(--aigl-faq-ink);
  font: 500 23px/1 "Barlow Condensed", sans-serif;
  transform: translateY(-50%);
  content: "+";
}

.aigl-toolkit-faq__questions summary:hover {
  color: var(--aigl-faq-blue);
}

.aigl-toolkit-faq__questions summary:focus-visible {
  outline: 3px solid var(--aigl-faq-blue);
  outline-offset: -4px;
}

.aigl-toolkit-faq__questions details[open] summary::after {
  border-color: var(--aigl-faq-blue);
  background: var(--aigl-faq-blue);
  color: var(--aigl-faq-cream);
  content: "−";
}

.aigl-toolkit-faq .aigl-toolkit-faq__questions details p {
  max-width: 76ch;
  margin: 0;
  padding: 0 76px 26px 24px;
  color: var(--aigl-faq-text);
  font: 400 18px/1.62 "Inter", sans-serif;
  overflow-wrap: anywhere;
}

.aigl-toolkit-faq .aigl-toolkit-faq__questions a {
  color: var(--aigl-faq-blue);
  font: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.aigl-toolkit-faq .aigl-toolkit-faq__questions a:hover {
  color: var(--aigl-faq-ink);
}

.aigl-toolkit-faq .aigl-toolkit-faq__questions a:focus-visible {
  outline: 2px solid var(--aigl-faq-blue);
  outline-offset: 3px;
}

/* CTA */
.aigl-toolkit-faq__actions {
  display: flex;
  justify-content: center;
  margin-top: 36px;
}

.aigl-toolkit-faq .aigl-toolkit-faq__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  max-width: 100%;
  margin: 0;
  padding: 12px 26px;
  border: 3px solid var(--aigl-faq-ink);
  border-radius: 0;
  background: var(--aigl-faq-blue);
  color: var(--aigl-faq-cream);
  font: 700 16px/1.2 "Barlow Condensed", sans-serif;
  letter-spacing: .08em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: none;
  transition: transform .18s ease, box-shadow .18s ease;
}

.aigl-toolkit-faq .aigl-toolkit-faq__button:hover {
  background: var(--aigl-faq-blue);
  color: var(--aigl-faq-cream);
  transform: translate(-3px, -3px);
  box-shadow: 6px 6px 0 var(--aigl-faq-ink);
}

.aigl-toolkit-faq .aigl-toolkit-faq__button:active {
  transform: none;
  box-shadow: none;
}

.aigl-toolkit-faq .aigl-toolkit-faq__button:focus-visible {
  outline: 3px solid #e8a317;
  outline-offset: 3px;
}

/* Tablet */
@media (max-width: 1020px) {
  .aigl-toolkit-faq {
    padding-block: 80px;
  }
}

/* Mobile */
@media (max-width: 700px) {
  .aigl-toolkit-faq__intro {
    margin-bottom: 28px;
  }

  .aigl-toolkit-faq .aigl-toolkit-faq__description {
    font-size: 17px;
    line-height: 1.5625;
  }

  .aigl-toolkit-faq__questions summary {
    padding: 20px 56px 20px 16px;
    font-size: 17px;
  }

  .aigl-toolkit-faq__questions summary::after {
    right: 16px;
    width: 26px;
    height: 26px;
  }

  .aigl-toolkit-faq .aigl-toolkit-faq__questions details p {
    padding: 0 16px 24px;
    font-size: 17px;
    line-height: 1.5625;
  }

  .aigl-toolkit-faq .aigl-toolkit-faq__button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aigl-toolkit-faq .aigl-toolkit-faq__button {
    transition: none;
  }

  .aigl-toolkit-faq .aigl-toolkit-faq__button:hover {
    transform: none;
  }
}

/* =========================================================
   AI GROWTH LAB — Prompt List Page
   ========================================================= */

/* PROMPTKIT PAGE — HERO */

.aigl-promptkit-page {
  --aigl-pk-paper: #ede4cf;
  --aigl-pk-ink: #16130e;
  --aigl-pk-text: #2a251d;
  --aigl-pk-blue: #0b5fa5;
  --aigl-pk-red: #e6322e;

  display: block;
  width: 100%;
  margin: 0;
  padding: 80px 0 64px;
  border: 0;
  border-bottom: 1px solid rgba(22, 19, 14, 0.18);
  background: var(--aigl-pk-paper);
  color: var(--aigl-pk-ink);
  font-family: "Inter", sans-serif;
  -webkit-font-smoothing: antialiased;
}

.aigl-promptkit-page,
.aigl-promptkit-page *,
.aigl-promptkit-page *::before,
.aigl-promptkit-page *::after {
  box-sizing: border-box;
}

.aigl-promptkit-page .aigl-promptkit-page__inner {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
  padding: 0;
}

.aigl-promptkit-page .aigl-promptkit-page__copy {
  max-width: 980px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

.aigl-promptkit-page .aigl-promptkit-page__eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0 0 24px;
  padding: 0;
  color: var(--aigl-pk-ink);
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.62;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.aigl-promptkit-page .aigl-promptkit-page__eyebrow::before {
  content: "";
  display: block;
  flex: 0 0 12px;
  width: 12px;
  height: 12px;
  background: var(--aigl-pk-red);
}

.aigl-promptkit-page h1 {
  margin: 0;
  padding: 0;
  color: var(--aigl-pk-ink);
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(44.8px, 6vw, 70.4px);
  font-weight: 800;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.025em;
  text-align: center;
  text-transform: uppercase;
  text-wrap: balance;
}

.aigl-promptkit-page h1 span {
  display: inline;
  color: var(--aigl-pk-blue);
  font: inherit;
  letter-spacing: inherit;
}

.aigl-promptkit-page .aigl-promptkit-page__description {
  max-width: 760px;
  margin: 30px auto 0;
  padding: 0;
  color: var(--aigl-pk-text);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  text-align: center;
  text-transform: none;
}

@media (max-width: 1020px) {
  .aigl-promptkit-page {
    padding: 64px 0;
  }

  .aigl-promptkit-page h1 {
    font-size: clamp(44.8px, 7.5vw, 68.8px);
  }
}

@media (max-width: 700px) {
  .aigl-promptkit-page {
    padding: 44px 0 48px;
  }

  .aigl-promptkit-page .aigl-promptkit-page__inner {
    width: calc(100% - 32px);
  }

  .aigl-promptkit-page h1 {
    font-size: clamp(32.8px, 10vw, 54.4px);
  }
}

/* PROMPTKIT DIRECTORY */

.aigl-promptkit-directory {
  --aigl-pkd-paper: #ede4cf;
  --aigl-pkd-paper-2: #e4dbca;
  --aigl-pkd-cream: #fbf7ee;
  --aigl-pkd-ink: #16130e;
  --aigl-pkd-text: #2a251d;
  --aigl-pkd-muted: #7a7166;
  --aigl-pkd-blue: #0b5fa5;
  --aigl-pkd-red: #e6322e;
  --aigl-pkd-focus: #e8a317;

  display: block;
  width: 100%;
  margin: 0;
  padding: 64px 0 104px;
  border: 0;
  background: var(--aigl-pkd-paper);
  color: var(--aigl-pkd-text);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.62;
  -webkit-font-smoothing: antialiased;
}

.aigl-promptkit-directory,
.aigl-promptkit-directory *,
.aigl-promptkit-directory *::before,
.aigl-promptkit-directory *::after {
  box-sizing: border-box;
}

.aigl-promptkit-directory [hidden] {
  display: none !important;
}

.aigl-promptkit-directory .aigl-pkd-inner {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
  padding: 0;
}

.aigl-promptkit-directory .aigl-pkd-stack {
  display: grid;
  gap: 56px;
}

/* Filters */

.aigl-promptkit-directory .aigl-pkd-filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 0 0 40px;
  padding: 0;
}

.aigl-promptkit-directory .aigl-pkd-filters button {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  margin: 0;
  padding: 10px 24px;
  border: 2px solid var(--aigl-pkd-ink);
  border-radius: 0;
  background: transparent;
  color: var(--aigl-pkd-ink);
  box-shadow: none;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.06em;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}

.aigl-promptkit-directory .aigl-pkd-filters button:hover {
  background: var(--aigl-pkd-paper-2);
  color: var(--aigl-pkd-ink);
}

.aigl-promptkit-directory .aigl-pkd-filters button[aria-pressed="true"] {
  background: var(--aigl-pkd-blue);
  color: var(--aigl-pkd-cream);
}

/* Category headings */

.aigl-promptkit-directory .aigl-pkd-category {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 36px 0 0;
  border: 0;
  border-top: 4px solid var(--aigl-pkd-ink);
  background: transparent;
  scroll-margin-top: 28px;
}

.aigl-promptkit-directory .aigl-pkd-category::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  width: 64px;
  height: 4px;
  background: var(--aigl-pkd-red);
  transform: skewX(-28deg);
}

.aigl-promptkit-directory .aigl-pkd-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin: 0;
  padding: 0 0 24px;
}

.aigl-promptkit-directory .aigl-pkd-heading > div {
  min-width: 0;
}

.aigl-promptkit-directory .aigl-pkd-kicker {
  margin: 0 0 10px;
  padding: 0;
  color: var(--aigl-pkd-blue);
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.62;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.aigl-promptkit-directory .aigl-pkd-heading h2 {
  margin: 0;
  padding: 0;
  color: var(--aigl-pkd-ink);
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(28px, 3vw, 36px);
  font-weight: 800;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: normal;
  text-align: left;
  text-transform: uppercase;
  text-wrap: pretty;
}

.aigl-promptkit-directory .aigl-pkd-count {
  display: inline-block;
  flex: none;
  margin: 0;
  padding: 8px 12px;
  border: 2px solid var(--aigl-pkd-ink);
  background: var(--aigl-pkd-ink);
  color: var(--aigl-pkd-cream);
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Browse by category */

.aigl-promptkit-directory .aigl-pkd-index {
  position: relative;
  min-width: 0;
  margin: 0 8px 0 0;
  padding: 34px 36px;
  border: 4px solid var(--aigl-pkd-ink);
  background: var(--aigl-pkd-paper);
  box-shadow: 8px 8px 0 var(--aigl-pkd-blue);
  scroll-margin-top: 28px;
}

.aigl-promptkit-directory .aigl-pkd-index::before {
  content: "";
  position: absolute;
  top: -4px;
  right: 24px;
  width: 52px;
  height: 7px;
  background: var(--aigl-pkd-red);
  transform: skewX(-28deg);
}

.aigl-promptkit-directory .aigl-pkd-index .aigl-pkd-heading {
  border-bottom: 3px solid var(--aigl-pkd-ink);
}

.aigl-promptkit-directory .aigl-pkd-index .aigl-pkd-count {
  background: var(--aigl-pkd-blue);
}

.aigl-promptkit-directory .aigl-pkd-index-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 24px;
  margin: 0;
  padding: 10px 0 0;
  counter-reset: aigl-pkd-category;
}

.aigl-promptkit-directory .aigl-pkd-index-links > a {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-content: center;
  align-items: start;
  gap: 10px;
  min-width: 0;
  min-height: 76px;
  margin: 0;
  padding: 18px 4px;
  border-bottom: 1px solid rgba(22, 19, 14, 0.2);
  background: transparent;
  color: var(--aigl-pkd-text);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.55;
  letter-spacing: normal;
  text-decoration: none;
  text-transform: none;
  overflow-wrap: anywhere;
  counter-increment: aigl-pkd-category;
}

.aigl-promptkit-directory .aigl-pkd-index-links > a::before {
  content: counter(aigl-pkd-category, decimal-leading-zero);
  padding-top: 3px;
  color: var(--aigl-pkd-blue);
  font: 700 20px/1.2 "Barlow Condensed", sans-serif;
}

/* Prompt and skill entries */

.aigl-promptkit-directory .aigl-pkd-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 36px;
  margin: 0;
  padding: 10px 0 0;
  counter-reset: aigl-pkd-item;
}

.aigl-promptkit-directory .aigl-pkd-list > a {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-content: center;
  align-items: start;
  gap: 12px;
  min-width: 0;
  min-height: 80px;
  margin: 0;
  padding: 18px 4px;
  border-bottom: 1px solid rgba(22, 19, 14, 0.2);
  background: transparent;
  color: var(--aigl-pkd-text);
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-weight: 500;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  text-align: left;
  text-decoration: none;
  text-transform: none;
  overflow-wrap: anywhere;
  counter-increment: aigl-pkd-item;
}

.aigl-promptkit-directory .aigl-pkd-list > a::before {
  content: counter(aigl-pkd-item, decimal-leading-zero);
  align-self: start;
  padding-top: 3px;
  color: var(--aigl-pkd-blue);
  font: 700 20px/1.2 "Barlow Condensed", sans-serif;
}

.aigl-promptkit-directory .aigl-pkd-list > a > span {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  min-width: 0;
}

.aigl-promptkit-directory .aigl-pkd-list small {
  display: block;
  margin: 0;
  padding: 0;
  color: var(--aigl-pkd-muted);
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.aigl-promptkit-directory .aigl-pkd-list [data-type="skill"] small {
  color: var(--aigl-pkd-blue);
}

.aigl-promptkit-directory .aigl-pkd-list em {
  display: block;
  margin: 0;
  padding: 0;
  color: var(--aigl-pkd-muted);
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  text-transform: none;
}

.aigl-promptkit-directory .aigl-pkd-index-links > a:hover,
.aigl-promptkit-directory .aigl-pkd-list > a:hover {
  color: var(--aigl-pkd-blue);
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* Back links and mobile expand buttons */

.aigl-promptkit-directory .aigl-pkd-back {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin: 20px 0 0;
  padding: 0;
  background: transparent;
  color: var(--aigl-pkd-blue);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
}

.aigl-promptkit-directory .aigl-pkd-back:hover {
  color: var(--aigl-pkd-blue);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.aigl-promptkit-directory .aigl-pkd-toggle {
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  margin: 22px 0 0;
  padding: 12px;
  border: 3px solid var(--aigl-pkd-ink);
  border-radius: 0;
  background: var(--aigl-pkd-blue);
  color: var(--aigl-pkd-cream);
  box-shadow: none;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform 0.15s, box-shadow 0.15s;
}

.aigl-promptkit-directory .aigl-pkd-toggle:hover {
  background: var(--aigl-pkd-blue);
  color: var(--aigl-pkd-cream);
  transform: translate(-3px, -3px);
  box-shadow: 6px 6px 0 var(--aigl-pkd-ink);
}

.aigl-promptkit-directory .aigl-pkd-toggle:active {
  transform: none;
  box-shadow: none;
}

.aigl-promptkit-directory a:focus-visible,
.aigl-promptkit-directory button:focus-visible {
  outline: 3px solid var(--aigl-pkd-focus);
  outline-offset: 3px;
}

.aigl-promptkit-directory .aigl-pkd-list > a:focus-visible,
.aigl-promptkit-directory .aigl-pkd-index-links > a:focus-visible {
  outline-offset: -3px;
}

/* Tablet */

@media (max-width: 1020px) {
  .aigl-promptkit-directory .aigl-pkd-index-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .aigl-promptkit-directory .aigl-pkd-list {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Mobile */

@media (max-width: 700px) {
  .aigl-promptkit-directory {
    padding: 40px 0 64px;
  }

  .aigl-promptkit-directory .aigl-pkd-inner {
    width: calc(100% - 32px);
  }

  .aigl-promptkit-directory .aigl-pkd-stack {
    gap: 40px;
  }

  .aigl-promptkit-directory .aigl-pkd-filters {
    gap: 8px;
    margin-bottom: 32px;
  }

  .aigl-promptkit-directory .aigl-pkd-filters button {
    flex: 1;
    padding-inline: 16px;
  }

  .aigl-promptkit-directory .aigl-pkd-category {
    padding-top: 28px;
    border-top-width: 3px;
  }

  .aigl-promptkit-directory .aigl-pkd-category::before {
    top: -3px;
    width: 52px;
    height: 3px;
  }

  .aigl-promptkit-directory .aigl-pkd-heading {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding-bottom: 20px;
  }

  .aigl-promptkit-directory .aigl-pkd-heading h2 {
    font-size: 28px;
  }

  .aigl-promptkit-directory .aigl-pkd-count {
    padding: 6px 10px;
    font-size: 10px;
  }

  .aigl-promptkit-directory .aigl-pkd-index {
    margin-right: 7px;
    padding: 26px 20px 20px;
    border-width: 3px;
    box-shadow: 7px 7px 0 var(--aigl-pkd-blue);
  }

  .aigl-promptkit-directory .aigl-pkd-index::before {
    top: -3px;
    right: 18px;
    width: 38px;
    height: 5px;
  }

  .aigl-promptkit-directory .aigl-pkd-index-links {
    grid-template-columns: minmax(0, 1fr);
  }

  .aigl-promptkit-directory .aigl-pkd-index-links > a {
    min-height: 64px;
  }

  .aigl-promptkit-directory .aigl-pkd-list > a {
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 10px;
    min-height: 76px;
    padding-block: 16px;
  }

  .aigl-promptkit-directory .aigl-pkd-back {
    margin-top: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aigl-promptkit-directory .aigl-pkd-toggle {
    transition: none;
  }

  .aigl-promptkit-directory .aigl-pkd-toggle:hover {
    transform: none;
  }
}