:root {
  --bg: #fbfdff;
  --surface: rgba(255, 255, 255, 0.88);
  --surface-solid: #ffffff;
  --surface-soft: #f7f9ff;
  --ink: #07122d;
  --muted: #66708a;
  --subtle: #98a2b8;
  --line: rgba(131, 145, 180, 0.24);
  --line-strong: rgba(86, 106, 150, 0.28);
  --blue: #1397ff;
  --indigo: #5d42ff;
  --violet: #8848ff;
  --pink: #ef1ca5;
  --cyan: #5ce6ff;
  --green: #25cb85;
  --rose: #ff668c;
  --dark-panel: #0b1730;
  --navy: #071b38;
  --footer: #071a37;
  --shadow: 0 24px 70px rgba(36, 55, 99, 0.12);
  --shadow-soft: 0 16px 45px rgba(24, 42, 86, 0.08);
  --radius-xl: 34px;
  --radius-lg: 24px;
  --radius-md: 17px;
  --radius-sm: 12px;
  --container: 1220px;
  --font: Poppins, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "SFMono-Regular", "Roboto Mono", Consolas, "Liberation Mono", monospace;
}

* { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  background: var(--bg);
  color: var(--ink);
}

body {
  margin: 0;
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.5;
  color: var(--ink);
  background:
    radial-gradient(circle at 0 9%, rgba(91, 151, 255, 0.20), transparent 22rem),
    radial-gradient(circle at 100% 13%, rgba(247, 40, 184, 0.16), transparent 24rem),
    linear-gradient(180deg, #ffffff 0%, #f9fbff 41%, #ffffff 77%);
  overflow-x: hidden;
}

button,
a,
input { font: inherit; }

button { cursor: pointer; }

a {
  color: inherit;
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
}

.site-shell {
  min-height: 100vh;
  isolation: isolate;
}

.container {
  width: min(calc(100% - 40px), var(--container));
  margin-inline: auto;
}

.narrow { max-width: 820px; }
.center { text-align: center; }

.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  border-bottom: 1px solid rgba(119, 136, 170, 0.16);
  background: rgba(255, 255, 255, 0.86);
  backdrop-filter: blur(20px);
}

.header-inner {
  min-height: 76px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 26px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  width: fit-content;
  max-width: 100%;
  min-width: 0;
}

.brand-has-custom-logo {
  line-height: 0;
}

.brand-logo-image {
  display: block;
  width: auto;
  max-width: min(260px, 34vw);
  max-height: 58px;
  object-fit: contain;
}

.brand-mark {
  position: relative;
  width: 43px;
  height: 43px;
  flex: 0 0 43px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: linear-gradient(135deg, #199aff 0%, #794cff 50%, #ff2e9e 100%);
  box-shadow: 0 12px 24px rgba(113, 73, 255, 0.25);
}

.brand-mark::before {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.32);
}

.brand-mark-core {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: inset -5px -5px 0 rgba(29, 154, 255, 0.25);
}

.brand-mark-core::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  right: -2px;
  bottom: -2px;
  border-radius: 99px;
  background: #5ce6ff;
}

.brand-copy {
  display: grid;
  gap: 1px;
  line-height: 1.05;
}

.brand-copy strong {
  font-size: 22px;
  letter-spacing: -0.045em;
  color: var(--ink);
}

.brand-copy small {
  font-size: 13px;
  font-weight: 600;
  color: #69738d;
}

.main-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(28px, 4vw, 62px);
  font-size: 13px;
  font-weight: 800;
  color: #071533;
}

.main-nav a {
  position: relative;
  padding: 12px 0;
}

.main-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 6px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--blue), var(--pink));
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.22s ease;
}

.main-nav a:hover::after { transform: scaleX(1); }

.header-cta { justify-self: end; }

.menu-toggle {
  display: none;
  justify-self: end;
  width: 44px;
  height: 44px;
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(23, 42, 76, 0.08);
}

.menu-toggle span {
  display: block;
  width: 18px;
  height: 2px;
  margin: 4px auto;
  background: var(--ink);
  border-radius: 99px;
}

.btn {
  --btn-px: 22px;
  --btn-h: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: var(--btn-h);
  padding: 0 var(--btn-px);
  border: 0;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: -0.015em;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
  white-space: nowrap;
}

.btn:hover { transform: translateY(-2px); }
.btn:active { transform: translateY(0); }

.btn-gradient {
  color: #fff;
  background: linear-gradient(100deg, #139bff 0%, #6c43ff 48%, #f31aa4 100%);
  box-shadow: 0 14px 32px rgba(53, 121, 255, 0.24), 0 10px 20px rgba(242, 30, 165, 0.16);
}

.btn-gradient:hover { box-shadow: 0 18px 36px rgba(53, 121, 255, 0.30), 0 16px 24px rgba(242, 30, 165, 0.20); }

.btn-ghost {
  color: #0b1730;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(111, 125, 159, 0.22);
  box-shadow: 0 14px 28px rgba(22, 37, 70, 0.07);
}

.btn-large {
  --btn-h: 54px;
  --btn-px: 28px;
  border-radius: 14px;
  font-size: 15px;
}

.icon,
.mini-icon,
.step-icon,
.feature-icon,
.project-icon,
.why-icon,
.mail-icon {
  position: relative;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
}

.icon { width: 18px; height: 18px; }
.icon::before,
.icon::after,
.mini-icon::before,
.step-icon::before,
.feature-icon::before,
.project-icon::before,
.why-icon::before,
.mail-icon::before {
  content: "";
  position: absolute;
}

.sparkle-small::before {
  width: 14px;
  height: 14px;
  background: currentColor;
  clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%);
}

.sparkle-small::after {
  width: 5px;
  height: 5px;
  right: -2px;
  top: 1px;
  background: currentColor;
  clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%);
  opacity: 0.72;
}

.upload-icon::before,
.upload-outline::before,
.upload-big::before {
  width: 17px;
  height: 15px;
  border: 2px solid currentColor;
  border-top: 0;
  border-radius: 0 0 5px 5px;
  bottom: 0;
}

.upload-icon::after,
.upload-outline::after,
.upload-big::after {
  width: 13px;
  height: 13px;
  border-left: 2px solid currentColor;
  border-top: 2px solid currentColor;
  transform: rotate(45deg);
  top: 0;
}

.credit-icon::before {
  width: 15px;
  height: 15px;
  border: 2px solid currentColor;
  border-radius: 50%;
}

.credit-icon::after {
  width: 6px;
  height: 6px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  top: 4px;
}

.copy-icon::before {
  width: 12px;
  height: 12px;
  border: 2px solid currentColor;
  border-radius: 3px;
  right: 1px;
  bottom: 1px;
}

.copy-icon::after {
  width: 12px;
  height: 12px;
  border: 2px solid currentColor;
  border-radius: 3px;
  left: 1px;
  top: 1px;
  opacity: 0.55;
}

.regen-icon::before {
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-left-color: transparent;
  border-radius: 50%;
}

.regen-icon::after {
  width: 6px;
  height: 6px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(20deg);
  right: 0;
  top: 1px;
}

.hero-section {
  position: relative;
  overflow: hidden;
  min-height: 455px;
  padding: 54px 0 42px;
  background:
    radial-gradient(circle at 5% 78%, rgba(85, 132, 255, 0.21), transparent 23rem),
    radial-gradient(circle at 49% 40%, rgba(80, 229, 255, 0.14), transparent 22rem),
    radial-gradient(circle at 100% 76%, rgba(255, 64, 184, 0.20), transparent 26rem),
    linear-gradient(180deg, #fff 0%, #fbfdff 100%);
}

.hero-section::before,
.hero-section::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
}

.hero-section::before {
  left: -130px;
  bottom: -115px;
  width: 520px;
  height: 310px;
  border-radius: 50%;
  background: repeating-radial-gradient(ellipse at center, transparent 0 18px, rgba(31, 126, 255, 0.16) 19px 20px);
  transform: rotate(17deg);
  filter: blur(1px);
}

.hero-section::after {
  right: -170px;
  bottom: -110px;
  width: 540px;
  height: 330px;
  border-radius: 50%;
  background: repeating-radial-gradient(ellipse at center, transparent 0 20px, rgba(244, 43, 175, 0.14) 21px 22px);
  transform: rotate(-18deg);
}

.hero-glow {
  position: absolute;
  pointer-events: none;
  border-radius: 999px;
  filter: blur(32px);
  opacity: 0.55;
}

.hero-glow-left {
  left: 9%;
  top: 31%;
  width: 280px;
  height: 280px;
  background: rgba(74, 149, 255, 0.20);
}

.hero-glow-right {
  right: 9%;
  top: 28%;
  width: 320px;
  height: 320px;
  background: rgba(246, 66, 182, 0.18);
}

.hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(600px, 1.08fr);
  align-items: center;
  gap: clamp(44px, 6vw, 82px);
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  margin: 0 0 18px;
  padding: 6px 14px;
  border: 1px solid rgba(129, 82, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: #714cff;
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  box-shadow: 0 8px 24px rgba(90, 75, 255, 0.08);
}

.eyebrow::before {
  content: "✦";
  font-size: 10px;
}

.eyebrow.centered {
  margin-inline: auto;
  margin-bottom: 8px;
}

.eyebrow.blue { color: #159eff; border-color: rgba(24, 159, 255, 0.22); }
.eyebrow.green { color: #119a76; border-color: rgba(17, 154, 118, 0.23); }

.hero-copy h1 {
  margin: 0;
  max-width: 620px;
  color: #09152e;
  font-size: clamp(46px, 5vw, 74px);
  line-height: 0.99;
  letter-spacing: -0.065em;
  font-weight: 950;
}

.hero-copy h1 span {
  display: inline-block;
  color: transparent;
  background: linear-gradient(100deg, #1d92ff 0%, #7a45ff 58%, #ed2ba6 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.hero-lead {
  max-width: 520px;
  margin: 24px 0 24px;
  color: #66708a;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.52;
}

.hero-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.trust-row {
  display: flex;
  align-items: center;
  gap: 27px;
  flex-wrap: wrap;
}

.trust-item {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #536079;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
}

.mini-icon {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  color: #764cff;
  background: rgba(118, 76, 255, 0.10);
}

.user-icon::before {
  width: 8px;
  height: 8px;
  top: 6px;
  border-radius: 50%;
  background: currentColor;
}

.user-icon::after {
  width: 15px;
  height: 8px;
  bottom: 5px;
  border-radius: 99px 99px 0 0;
  background: currentColor;
}

.feather-icon::before {
  width: 14px;
  height: 18px;
  border-radius: 100% 0 100% 0;
  border: 2px solid currentColor;
  transform: rotate(42deg);
}

.feather-icon::after {
  width: 10px;
  height: 2px;
  background: currentColor;
  transform: rotate(-36deg);
}

.lock-icon::before {
  width: 14px;
  height: 12px;
  bottom: 5px;
  border: 2px solid currentColor;
  border-radius: 4px;
}

.lock-icon::after {
  width: 10px;
  height: 8px;
  top: 5px;
  border: 2px solid currentColor;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
}

.hero-product-card {
  display: grid;
  grid-template-columns: 0.88fr 1.12fr;
  gap: 28px;
  padding: 26px;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(112, 83, 255, 0.16);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.96));
  box-shadow: var(--shadow), inset 0 0 0 8px rgba(141, 83, 255, 0.045);
  backdrop-filter: blur(14px);
}

.hero-product-card h2,
.reference-panel h3,
.result-panel h3 {
  margin: 0 0 12px;
  color: #101832;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: -0.02em;
}

.preview-column,
.prompt-column,
.reference-panel,
.result-panel {
  min-width: 0;
}

.reference-image {
  width: 100%;
  aspect-ratio: 1.12 / 1;
  object-fit: cover;
  border-radius: 16px;
  box-shadow: 0 14px 40px rgba(10, 22, 48, 0.14);
}

.upload-tile {
  width: 100%;
  min-height: 76px;
  margin-top: 16px;
  display: grid;
  place-items: center;
  gap: 2px;
  border: 1.5px dashed rgba(83, 107, 150, 0.34);
  border-radius: 14px;
  color: #7c879d;
  background: rgba(255, 255, 255, 0.55);
  transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.upload-tile:hover {
  transform: translateY(-1px);
  border-color: rgba(105, 74, 255, 0.50);
  background: rgba(255, 255, 255, 0.85);
}

.upload-tile .icon { color: #8190aa; }
.upload-tile strong { font-size: 13px; color: #6b758c; }
.upload-tile small { font-size: 11px; color: #9aa4b7; }

.prompt-tabs {
  display: flex;
  align-items: center;
  gap: clamp(13px, 2vw, 19px);
  margin: 0 0 13px;
  overflow-x: auto;
  scrollbar-width: none;
}

.prompt-tabs::-webkit-scrollbar { display: none; }

.prompt-tab {
  position: relative;
  border: 0;
  background: transparent;
  color: #647089;
  padding: 0 0 9px;
  font-size: 10.5px;
  font-weight: 950;
  white-space: nowrap;
}

.prompt-tab.is-active { color: #674cff; }

.prompt-tab::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #714cff, #ff2aa8);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.18s ease;
}

.prompt-tab.is-active::after { transform: scaleX(1); }

.prompt-box {
  min-height: 176px;
  padding: 19px 19px 16px;
  border-radius: 12px;
  color: #eaf0ff;
  background:
    radial-gradient(circle at 10% 0, rgba(47, 95, 165, 0.24), transparent 12rem),
    linear-gradient(180deg, #0d1b34, #09162d);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 16px 30px rgba(0, 10, 30, 0.15);
}

.prompt-box p {
  margin: 0;
  min-height: 98px;
  font-family: var(--mono);
  font-size: 13px;
  line-height: 1.65;
  color: #f4f7ff;
}

.tag-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.tag-row span {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 0 11px;
  border-radius: 7px;
  border: 1px solid rgba(226, 234, 255, 0.18);
  background: rgba(255, 255, 255, 0.045);
  color: #d7def2;
  font-size: 10px;
  font-weight: 800;
}

.prompt-actions { margin-top: 15px; }
.btn-copy { width: 100%; }

.prompt-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
  color: #9ba5b8;
  font-size: 10px;
  font-weight: 700;
}

.plain-action {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 0;
  color: #7e879a;
  background: transparent;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

.plain-action:hover { color: #674cff; }

.steps-section {
  padding: 28px 0 20px;
}

section h2 {
  margin: 0;
  color: #09152d;
  font-size: clamp(25px, 3vw, 34px);
  line-height: 1.1;
  letter-spacing: -0.047em;
  font-weight: 950;
}

.steps-grid {
  margin-top: 18px;
  display: grid;
  grid-template-columns: 1fr 48px 1fr 48px 1fr;
  align-items: center;
  max-width: 930px;
}

.step-card {
  position: relative;
  min-height: 110px;
  display: grid;
  grid-template-columns: 72px 30px 1fr;
  align-items: center;
  gap: 16px;
  padding: 18px 24px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: var(--shadow-soft);
}

.step-card h3,
.feature-card h3,
.project-card h3,
.why-bar h3,
.price-card h3 {
  margin: 0;
  color: #101832;
  font-size: 15px;
  font-weight: 950;
  letter-spacing: -0.025em;
}

.step-card p,
.feature-card p,
.project-card p,
.why-bar p,
.price-card p {
  margin: 5px 0 0;
  color: #6d768d;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.42;
}

.step-icon {
  width: 58px;
  height: 58px;
  border-radius: 17px;
  color: #7b4cff;
  background: linear-gradient(135deg, rgba(132, 76, 255, 0.14), rgba(249, 52, 172, 0.08));
}

.sparkle-big::before,
.feature-icon::before,
.project-icon::before,
.why-icon::before {
  width: 24px;
  height: 24px;
  background: currentColor;
  clip-path: polygon(50% 0, 61% 37%, 100% 50%, 61% 63%, 50% 100%, 39% 63%, 0 50%, 39% 37%);
}

.document-big {
  color: var(--green);
  background: linear-gradient(135deg, rgba(37, 203, 133, 0.14), rgba(79, 226, 180, 0.11));
}

.document-big::before {
  width: 19px;
  height: 24px;
  border: 3px solid currentColor;
  border-radius: 4px;
}

.document-big::after {
  width: 14px;
  height: 18px;
  border: 2px solid currentColor;
  border-radius: 3px;
  transform: translate(6px, -5px);
  opacity: 0.45;
}

.step-number {
  align-self: start;
  justify-self: center;
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #929cb0;
  background: #f0f4fb;
  font-size: 12px;
  font-weight: 950;
}

.step-connector {
  height: 2px;
  background-image: linear-gradient(90deg, rgba(112, 126, 158, 0.30) 50%, transparent 0%);
  background-size: 8px 2px;
  position: relative;
}

.step-connector::after {
  content: "›";
  position: absolute;
  right: -6px;
  top: 50%;
  transform: translateY(-53%);
  color: rgba(112, 126, 158, 0.56);
  font-size: 28px;
  font-weight: 400;
}

.demo-section { padding: 8px 0 38px; }

.demo-card {
  max-width: 1120px;
  display: grid;
  grid-template-columns: 1.05fr 58px 1fr;
  gap: 18px;
  align-items: center;
  padding: 20px 30px 26px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: var(--shadow-soft);
}

.image-stack {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  box-shadow: 0 18px 45px rgba(15, 31, 62, 0.11);
}

.image-stack img {
  width: 100%;
  aspect-ratio: 1.45 / 1;
  object-fit: cover;
}

.metadata-strip {
  position: absolute;
  left: 16px;
  right: 80px;
  bottom: 10px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  min-height: 42px;
  padding: 7px 13px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 12px 25px rgba(12, 24, 48, 0.12);
  backdrop-filter: blur(12px);
}

.metadata-strip span {
  display: grid;
  gap: 0;
}

.metadata-strip small {
  color: #9aa5b8;
  font-size: 8px;
  font-weight: 850;
}

.metadata-strip strong {
  color: #495675;
  font-size: 10px;
  font-weight: 950;
}

.transform-arrow {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #654cff;
  background: #fff;
  border: 1px solid rgba(99, 76, 255, 0.18);
  box-shadow: 0 14px 32px rgba(74, 48, 255, 0.14);
  font-size: 32px;
  font-weight: 300;
}

.prompt-box-demo { min-height: 190px; }
.demo-actions {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 15px;
}
.demo-actions .btn { min-width: 250px; }

.outputs-section { padding: 10px 0 36px; }
.cards-grid {
  display: grid;
  gap: 20px;
}

.outputs-grid {
  grid-template-columns: repeat(4, 1fr);
  max-width: 920px;
  margin-top: 22px;
}

.feature-card {
  min-height: 147px;
  padding: 22px 22px 20px;
  border: 1px solid rgba(139, 151, 178, 0.14);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 18px 42px rgba(22, 41, 80, 0.055);
}

.feature-icon,
.project-icon,
.why-icon {
  width: 53px;
  height: 53px;
  margin-bottom: 15px;
  border-radius: 16px;
}

.feature-icon.purple,
.project-icon.purple,
.project-icon.violet,
.why-icon {
  color: #8848ff;
  background: linear-gradient(135deg, rgba(136, 72, 255, 0.14), rgba(255, 61, 185, 0.08));
}
.feature-icon.blue,
.project-icon.blue { color: #159eff; background: rgba(21, 158, 255, 0.12); }
.feature-icon.pink { color: #ef49b2; background: rgba(239, 73, 178, 0.12); }
.feature-icon.green { color: #18be7b; background: rgba(24, 190, 123, 0.12); }
.project-icon.rose { color: #ff557c; background: rgba(255, 85, 124, 0.12); }
.project-icon.lavender { color: #9862e8; background: rgba(152, 98, 232, 0.12); }
.project-icon.cyan { color: #4fbce9; background: rgba(79, 188, 233, 0.12); }

.sail-icon::before {
  clip-path: none;
  width: 24px;
  height: 24px;
  border-left: 3px solid currentColor;
  border-bottom: 3px solid currentColor;
  background: transparent;
}
.sail-icon::after {
  content: "";
  position: absolute;
  width: 17px;
  height: 20px;
  background: currentColor;
  clip-path: polygon(0 100%, 0 0, 95% 100%);
  opacity: 0.9;
}
.image-icon::before { clip-path: none; width: 23px; height: 23px; border: 3px solid currentColor; border-radius: 5px; background: transparent; }
.image-icon::after { content: ""; position: absolute; width: 13px; height: 9px; bottom: 15px; background: currentColor; clip-path: polygon(0 100%, 43% 35%, 62% 60%, 80% 25%, 100% 100%); }
.sliders-icon::before { clip-path: none; width: 23px; height: 20px; background: linear-gradient(currentColor 0 0) 3px 0/3px 100% no-repeat, linear-gradient(currentColor 0 0) 10px 0/3px 100% no-repeat, linear-gradient(currentColor 0 0) 17px 0/3px 100% no-repeat; }
.sliders-icon::after { content: ""; position: absolute; width: 23px; height: 14px; background: radial-gradient(circle at 4px 3px, currentColor 0 3px, transparent 3.5px), radial-gradient(circle at 11px 11px, currentColor 0 3px, transparent 3.5px), radial-gradient(circle at 18px 6px, currentColor 0 3px, transparent 3.5px); }
.shield-icon::before { clip-path: polygon(50% 0, 90% 15%, 82% 72%, 50% 100%, 18% 72%, 10% 15%); width: 26px; height: 29px; opacity: 0.95; }
.shield-icon::after { content: ""; position: absolute; width: 9px; height: 15px; border-right: 3px solid #fff; border-bottom: 3px solid #fff; transform: rotate(42deg); top: 14px; }

.projects-section { padding: 8px 0 36px; }
.project-grid {
  max-width: 930px;
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}

.project-card {
  min-height: 100px;
  display: grid;
  grid-template-columns: 63px 1fr;
  gap: 16px;
  align-items: center;
  padding: 18px 20px;
  border: 1px solid rgba(139, 151, 178, 0.18);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.80);
  box-shadow: 0 16px 40px rgba(26, 45, 84, 0.045);
}

.project-icon { margin-bottom: 0; }
.camera-icon::before { clip-path: none; width: 27px; height: 20px; border-radius: 5px; background: currentColor; }
.camera-icon::after { content: ""; position: absolute; width: 11px; height: 11px; border: 3px solid #fff; border-radius: 50%; }
.hearts-icon::before { clip-path: none; width: 17px; height: 17px; border: 3px solid currentColor; border-radius: 8px 8px 0 8px; background: transparent; transform: rotate(-45deg) translate(-3px, -2px); }
.hearts-icon::after { content: ""; position: absolute; width: 17px; height: 17px; border: 3px solid currentColor; border-radius: 8px 8px 0 8px; background: transparent; transform: rotate(-45deg) translate(6px, 6px); opacity: 0.75; }
.screen-icon::before { clip-path: none; width: 28px; height: 20px; border: 3px solid currentColor; border-radius: 5px; background: transparent; }
.screen-icon::after { content: ""; position: absolute; width: 16px; height: 3px; bottom: 12px; background: currentColor; border-radius: 999px; }
.pen-icon::before { clip-path: none; width: 24px; height: 8px; border-radius: 99px; background: currentColor; transform: rotate(-42deg); }
.pen-icon::after { content: ""; position: absolute; width: 11px; height: 11px; border-left: 3px solid currentColor; border-bottom: 3px solid currentColor; left: 13px; bottom: 13px; }
.person-icon::before { clip-path: none; width: 14px; height: 14px; top: 12px; border-radius: 50%; background: currentColor; }
.person-icon::after { content: ""; position: absolute; width: 26px; height: 13px; bottom: 12px; border-radius: 999px 999px 6px 6px; background: currentColor; }
.building-icon::before { clip-path: none; width: 26px; height: 28px; border-radius: 5px; background: currentColor; }
.building-icon::after { content: ""; position: absolute; width: 18px; height: 19px; background: linear-gradient(#fff 0 0) 0 0/5px 5px no-repeat, linear-gradient(#fff 0 0) 12px 0/5px 5px no-repeat, linear-gradient(#fff 0 0) 0 9px/5px 5px no-repeat, linear-gradient(#fff 0 0) 12px 9px/5px 5px no-repeat; opacity: 0.75; }

.why-section { padding: 0 0 38px; }
.why-bar {
  max-width: 980px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  padding: 20px;
  border: 1px solid rgba(139, 151, 178, 0.20);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 16px 42px rgba(26, 45, 84, 0.045);
}

.why-bar article {
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 14px;
  align-items: center;
}

.why-icon {
  width: 47px;
  height: 47px;
  margin: 0;
  border-radius: 999px;
}
.pie-icon::before { clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 50% 100%); border-radius: 50%; width: 26px; height: 26px; }
.bulb-icon::before { clip-path: none; width: 21px; height: 24px; border-radius: 999px 999px 8px 8px; background: currentColor; }
.bulb-icon::after { content: ""; position: absolute; width: 13px; height: 3px; bottom: 10px; background: currentColor; border-radius: 999px; }
.sun-icon { color: #ff5c79; background: rgba(255, 92, 121, 0.12); }
.sun-icon::before { clip-path: none; width: 18px; height: 18px; border-radius: 50%; background: currentColor; box-shadow: 0 -15px 0 -6px currentColor, 0 15px 0 -6px currentColor, 15px 0 0 -6px currentColor, -15px 0 0 -6px currentColor, 11px 11px 0 -6px currentColor, -11px -11px 0 -6px currentColor, 11px -11px 0 -6px currentColor, -11px 11px 0 -6px currentColor; }

.pricing-section { padding: 0 0 28px; }
.pricing-grid {
  max-width: 920px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 22px;
}

.price-card {
  position: relative;
  min-height: 145px;
  padding: 20px;
  border: 1px solid rgba(139, 151, 178, 0.28);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 16px 40px rgba(27, 47, 87, 0.055);
}

.price-card.popular {
  border-color: rgba(30, 191, 214, 0.78);
  box-shadow: 0 18px 45px rgba(23, 170, 198, 0.12);
}

.popular-badge {
  position: absolute;
  top: 15px;
  right: 17px;
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  padding: 0 13px;
  border-radius: 999px;
  color: #6e4cff;
  background: #fff;
  border: 1px solid rgba(110, 76, 255, 0.22);
  font-size: 10px;
  font-weight: 950;
}

.price-row {
  display: grid;
  gap: 1px;
  margin-top: 20px;
}

.price-row strong {
  font-size: 31px;
  line-height: 0.95;
  font-weight: 950;
  letter-spacing: -0.055em;
  color: #07152f;
}

.price-row span {
  color: #6e778e;
  font-size: 11px;
  font-weight: 850;
}

.accent-price strong {
  color: transparent;
  background: linear-gradient(100deg, #1e8dff, #7b4cff 50%, #f51ba6);
  -webkit-background-clip: text;
  background-clip: text;
}

.credit-line {
  position: absolute;
  right: 18px;
  bottom: 22px;
  left: 48%;
  display: grid;
  grid-template-columns: 26px 1fr;
  gap: 8px;
  align-items: start;
}

.credit-line p {
  margin: 0;
  font-size: 10px;
  color: #758096;
}

.credit-line strong { color: #384358; }

.credit-dot {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: rgba(114, 76, 255, 0.12);
  position: relative;
}

.credit-dot::before,
.credit-dot::after {
  content: "";
  position: absolute;
  background: #7551ff;
}

.credit-dot::before {
  width: 12px;
  height: 2px;
  left: 7px;
  top: 12px;
  transform: rotate(-45deg);
}
.credit-dot::after {
  width: 8px;
  height: 2px;
  left: 11px;
  top: 12px;
  transform: rotate(45deg);
}

.final-cta-section { padding: 0 0 0; }
.final-cta {
  position: relative;
  overflow: hidden;
  max-width: 1120px;
  min-height: 150px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 34px;
  padding: 34px 56px;
  border-radius: 18px 18px 0 0;
  background:
    radial-gradient(circle at 8% 104%, rgba(20, 151, 255, 0.70), transparent 17rem),
    radial-gradient(circle at 58% -24%, rgba(243, 28, 164, 0.34), transparent 19rem),
    radial-gradient(circle at 100% 65%, rgba(114, 76, 255, 0.24), transparent 15rem),
    linear-gradient(110deg, rgba(255, 255, 255, 0.78), rgba(245, 239, 255, 0.88));
  box-shadow: 0 18px 50px rgba(41, 87, 157, 0.14);
}

.final-cta::before,
.final-cta::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.final-cta::before {
  left: -50px;
  bottom: -70px;
  width: 520px;
  height: 150px;
  border-radius: 50%;
  border-top: 2px solid rgba(255, 255, 255, 0.58);
  transform: rotate(-8deg);
}
.final-cta::after {
  right: -55px;
  bottom: -75px;
  width: 420px;
  height: 155px;
  border-radius: 50%;
  border-top: 2px solid rgba(255, 255, 255, 0.65);
  transform: rotate(-12deg);
}

.final-cta p {
  margin: 0 0 2px;
  color: #646f89;
  font-size: 12px;
  font-weight: 900;
}

.final-cta h2 {
  max-width: 720px;
  font-size: clamp(30px, 3.65vw, 44px);
  line-height: 0.98;
}

.final-cta span {
  display: inline-block;
  margin-top: 5px;
  color: #4b5875;
  font-size: 13px;
  font-weight: 750;
}

.final-actions {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 18px;
}

.cta-sparkle {
  position: absolute;
  display: block;
  background: #fff;
  filter: drop-shadow(0 0 14px rgba(255, 255, 255, 0.95));
  clip-path: polygon(50% 0, 61% 37%, 100% 50%, 61% 63%, 50% 100%, 39% 63%, 0 50%, 39% 37%);
}
.cta-sparkle-one { right: 30px; top: 28px; width: 46px; height: 46px; opacity: 0.82; }
.cta-sparkle-two { right: 78px; bottom: 26px; width: 28px; height: 28px; opacity: 0.70; }

.site-footer {
  background:
    radial-gradient(circle at 88% 20%, rgba(59, 106, 176, 0.22), transparent 19rem),
    linear-gradient(180deg, #071b39, #06152f);
  color: #d9e5ff;
  padding: 26px 0 29px;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.35fr 0.48fr 0.55fr 0.7fr 1fr;
  gap: 44px;
  align-items: start;
}

.site-footer .brand-copy strong { color: #fff; font-size: 20px; }
.site-footer .brand-copy small { color: #9bb0d0; }
.site-footer .brand-logo-image {
  max-width: min(255px, 100%);
  max-height: 62px;
  filter: brightness(0) invert(1);
  opacity: 0.95;
}

.footer-brand-block p {
  max-width: 275px;
  margin: 14px 0 16px;
  color: #aab8d2;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.45;
}

.social-row {
  display: flex;
  align-items: center;
  gap: 11px;
}

.social-row a {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #dce7fb;
  background: rgba(255, 255, 255, 0.10);
  font-size: 13px;
  font-weight: 800;
}

.footer-col {
  display: grid;
  gap: 10px;
}

.footer-col h3 {
  margin: 4px 0 4px;
  color: #fff;
  font-size: 13px;
  font-weight: 950;
}

.footer-col a {
  color: #aebbd4;
  font-size: 13px;
  font-weight: 650;
}

.footer-col a:hover { color: #fff; }

.footer-note {
  min-height: 94px;
  padding: 22px 22px 18px;
  display: grid;
  grid-template-columns: 45px 1fr;
  gap: 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.075);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.mail-icon {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
.mail-icon::before {
  width: 22px;
  height: 16px;
  border: 2px solid #fff;
  border-radius: 4px;
}
.mail-icon::after {
  content: "";
  position: absolute;
  width: 17px;
  height: 11px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg) translate(1px, -3px);
}

.footer-note strong,
.footer-note span {
  display: block;
  color: #f5f8ff;
  font-size: 14px;
  line-height: 1.35;
}
.footer-note span { color: #bcc9dd; }
.footer-note small {
  grid-column: 1 / -1;
  color: #7f90ae;
  font-size: 11px;
  font-weight: 650;
}

.toast {
  position: fixed;
  left: 50%;
  bottom: 26px;
  z-index: 100;
  transform: translate(-50%, 90px);
  padding: 13px 18px;
  border-radius: 999px;
  color: #fff;
  background: #08152e;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.20);
  opacity: 0;
  pointer-events: none;
  font-size: 13px;
  font-weight: 850;
  transition: transform 0.28s ease, opacity 0.28s ease;
}
.toast.is-visible {
  opacity: 1;
  transform: translate(-50%, 0);
}

.reveal-up {
  opacity: 0;
  transform: translateY(18px);
  animation: revealUp 0.7s ease forwards;
}
.delay-1 { animation-delay: .10s; }
.delay-2 { animation-delay: .20s; }
.delay-3 { animation-delay: .30s; }

@keyframes revealUp {
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1100px) {
  .hero-grid { grid-template-columns: 1fr; }
  .hero-product-card { max-width: 720px; }
  .header-inner { grid-template-columns: 1fr auto auto; }
  .main-nav { gap: 24px; }
  .final-cta { grid-template-columns: 1fr; }
  .final-actions { justify-content: flex-start; flex-wrap: wrap; }
  .footer-grid { grid-template-columns: 1.2fr 1fr 1fr; }
  .footer-note { grid-column: 1 / -1; max-width: 360px; }
}

@media (max-width: 880px) {
  .container { width: min(calc(100% - 28px), var(--container)); }
  .header-inner { min-height: 68px; }
  .main-nav,
  .header-cta { display: none; }
  .menu-toggle { display: block; }
  .site-header.is-open .main-nav {
    position: absolute;
    left: 14px;
    right: 14px;
    top: 76px;
    display: grid;
    justify-items: start;
    gap: 6px;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(255,255,255,.96);
    box-shadow: var(--shadow-soft);
  }
  .site-header.is-open .main-nav a { width: 100%; }
  .hero-section { padding: 34px 0 32px; }
  .hero-copy h1 { font-size: clamp(38px, 12vw, 58px); }
  .hero-product-card { grid-template-columns: 1fr; padding: 18px; }
  .reference-image { aspect-ratio: 1.45 / 1; }
  .steps-grid { grid-template-columns: 1fr; gap: 14px; }
  .step-connector { width: 2px; height: 34px; justify-self: center; background-image: linear-gradient(180deg, rgba(112, 126, 158, 0.30) 50%, transparent 0%); background-size: 2px 8px; }
  .step-connector::after { right: auto; left: 50%; top: auto; bottom: -14px; transform: translateX(-48%) rotate(90deg); }
  .demo-card { grid-template-columns: 1fr; padding: 18px; }
  .transform-arrow { justify-self: center; transform: rotate(90deg); }
  .outputs-grid { grid-template-columns: repeat(2, 1fr); }
  .project-grid { grid-template-columns: 1fr; }
  .why-bar { grid-template-columns: repeat(2, 1fr); }
  .pricing-grid { grid-template-columns: 1fr; }
  .price-card { min-height: 160px; }
  .final-cta { padding: 26px; border-radius: 18px 18px 0 0; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 28px; }
  .footer-brand-block { grid-column: 1 / -1; }
}

@media (max-width: 560px) {
  body { font-size: 15px; }
  .brand-copy strong { font-size: 18px; }
  .brand-copy small { font-size: 11px; }
  .brand-mark { width: 39px; height: 39px; flex-basis: 39px; }
  .brand-logo-image { max-width: min(205px, 58vw); max-height: 48px; }
  .hero-actions,
  .demo-actions,
  .final-actions { align-items: stretch; flex-direction: column; }
  .hero-actions .btn,
  .demo-actions .btn,
  .final-actions .btn { width: 100%; }
  .trust-row { gap: 14px; }
  .trust-item { width: calc(50% - 8px); }
  .prompt-tabs { gap: 16px; }
  .prompt-box p { font-size: 12px; }
  .step-card { grid-template-columns: 58px 24px 1fr; padding: 15px; }
  .metadata-strip { left: 8px; right: 8px; grid-template-columns: repeat(2, 1fr); gap: 5px; min-height: 58px; }
  .outputs-grid { grid-template-columns: 1fr; }
  .why-bar { grid-template-columns: 1fr; }
  .credit-line { position: static; margin-top: 18px; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-note { max-width: none; }
}

/* WordPress front-end compatibility */
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }
.skip-link {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.skip-link:focus {
  left: 18px;
  top: 18px;
  z-index: 9999;
  width: auto;
  height: auto;
  padding: 12px 16px;
  border-radius: 999px;
  color: #fff;
  background: #07122d;
  box-shadow: 0 18px 45px rgba(0,0,0,.18);
}
.brand .custom-logo,
.brand .custom-logo-link img {
  width: auto;
  max-width: min(260px, 34vw);
  max-height: 58px;
  object-fit: contain;
}
.wp-site-blocks,
.wp-block-post-content { margin: 0; }
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #07122d;
  border-radius: 999px;
  color: #fff;
  clip: auto !important;
  clip-path: none;
  display: block;
  font-size: 14px;
  font-weight: 700;
  height: auto;
  left: 18px;
  line-height: normal;
  padding: 12px 16px;
  text-decoration: none;
  top: 18px;
  width: auto;
  z-index: 100000;
}

/* Standard WordPress content templates */
.pmi-content-template { padding: 78px 0 96px; }
.pmi-content-card {
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  background: rgba(255,255,255,.88);
  box-shadow: var(--shadow-soft);
  padding: clamp(28px, 5vw, 62px);
}
.pmi-entry-title { margin: 0 0 18px; font-size: clamp(34px, 5vw, 58px); line-height: .98; letter-spacing: -.05em; }
.pmi-entry-content { color: var(--muted); }
.pmi-entry-content :where(h2,h3,h4) { color: var(--ink); letter-spacing: -.03em; }
.pmi-entry-content a { color: var(--indigo); font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.pmi-post-card + .pmi-post-card { margin-top: 36px; padding-top: 36px; border-top: 1px solid var(--line); }
.nav-links { display: flex; gap: 16px; justify-content: space-between; margin-top: 32px; }
.nav-links a { color: var(--indigo); font-weight: 850; }

/* --------------------------------------------------------------------------
   PromptMyImage v1.0.2 — Self-contained premium SVG icon pack
   -------------------------------------------------------------------------- */
.pmi-icon::before,
.pmi-icon::after {
  content: none !important;
  display: none !important;
}

.pmi-icon {
  position: relative;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  overflow: hidden;
  isolation: isolate;
}

.pmi-icon-svg {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.pmi-icon-fill {
  fill: currentColor;
  stroke: none;
  opacity: .16;
}

.btn .pmi-icon.icon,
.plain-action .pmi-icon.icon {
  width: 18px;
  height: 18px;
}

.btn-gradient .pmi-icon-fill {
  opacity: .22;
}

.btn-ghost .pmi-icon {
  color: #53627e;
}

.trust-item .pmi-icon.mini-icon {
  width: 28px;
  height: 28px;
  border-radius: 12px;
  color: #8658ff;
  background: linear-gradient(135deg, rgba(127, 82, 255, .13), rgba(255, 68, 184, .07));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 10px 22px rgba(88, 92, 184, .10);
}

.trust-item .pmi-icon.mini-icon .pmi-icon-svg {
  width: 16px;
  height: 16px;
}

.upload-tile .pmi-icon.icon {
  width: 28px;
  height: 28px;
  color: #7c8daa;
}

.step-card .pmi-icon.step-icon {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 14px 26px rgba(95, 86, 180, .08);
}

.step-card .pmi-icon.step-icon .pmi-icon-svg {
  width: 31px;
  height: 31px;
}

.feature-card .pmi-icon.feature-icon,
.project-card .pmi-icon.project-icon,
.why-bar .pmi-icon.why-icon {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 12px 24px rgba(22, 41, 80, .06);
}

.feature-card .pmi-icon.feature-icon::selection,
.project-card .pmi-icon.project-icon::selection,
.why-bar .pmi-icon.why-icon::selection {
  background: transparent;
}

.feature-card .pmi-icon.feature-icon .pmi-icon-svg,
.project-card .pmi-icon.project-icon .pmi-icon-svg {
  width: 29px;
  height: 29px;
}

.why-bar .pmi-icon.why-icon .pmi-icon-svg {
  width: 25px;
  height: 25px;
}

.site-footer .pmi-icon.mail-icon {
  color: #ffffff;
  background: rgba(255,255,255,.055);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 12px 30px rgba(0,0,0,.13);
}

.site-footer .pmi-icon.mail-icon .pmi-icon-svg {
  width: 22px;
  height: 22px;
}

.social-row a {
  font-size: 0;
}

.social-row .pmi-icon.social-icon {
  width: 16px;
  height: 16px;
}

.social-row .pmi-icon.social-icon .pmi-icon-fill {
  opacity: .10;
}

.credit-line .credit-dot {
  position: relative;
  overflow: hidden;
}

.credit-line .credit-dot::before {
  content: "";
  position: absolute;
  inset: 8px;
  border-right: 2px solid #8a5dff;
  border-bottom: 2px solid #8a5dff;
  transform: rotate(45deg) translate(-1px, -1px);
  border-radius: 1px;
}

@media (hover: hover) {
  .feature-card:hover .pmi-icon,
  .project-card:hover .pmi-icon,
  .why-bar article:hover .pmi-icon {
    transform: translateY(-1px) scale(1.03);
    transition: transform .22s ease, box-shadow .22s ease;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 18px 30px rgba(54, 87, 160, .10);
  }
}

/* --------------------------------------------------------------------------
   PromptMyImage v1.0.3 — official-base visual stability patch
   Scope: brand/logo, navigation list reset, homepage conversion polish, mobile.
   -------------------------------------------------------------------------- */
.main-nav :where(ul, li),
.footer-col :where(ul, li) {
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-nav li,
.footer-col li {
  display: contents;
}

.brand,
.site-footer .brand {
  min-width: 0;
  line-height: 1;
  text-decoration: none;
}

.brand-has-custom-logo {
  line-height: 1;
}

.brand-logo-slot {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  background: linear-gradient(135deg, rgba(25, 154, 255, .12), rgba(121, 76, 255, .12), rgba(255, 46, 158, .10));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 12px 28px rgba(85, 74, 170, .13);
  overflow: hidden;
}

.brand-logo-slot .brand-mark {
  width: 43px;
  height: 43px;
  flex-basis: 43px;
}

.brand-logo-image,
.site-footer .brand-logo-image {
  width: 40px !important;
  height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;
  object-fit: contain;
  object-position: center;
  filter: none !important;
  opacity: 1;
}

.brand-copy {
  min-width: 0;
  overflow: visible;
}

.brand-copy strong,
.brand-copy small {
  display: block;
  white-space: nowrap;
}

.header-inner {
  gap: clamp(18px, 3vw, 34px);
}

.main-nav {
  gap: clamp(22px, 3.2vw, 48px);
}

.header-cta {
  box-shadow: 0 16px 32px rgba(104, 76, 255, .18);
}

.hero-copy h1,
section h2,
.final-cta h2 {
  text-wrap: balance;
}

.hero-product-card,
.demo-card,
.why-bar,
.price-card,
.feature-card,
.project-card,
.final-cta {
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

@media (hover: hover) {
  .hero-product-card:hover,
  .demo-card:hover,
  .price-card:hover,
  .feature-card:hover,
  .project-card:hover {
    transform: translateY(-3px);
    border-color: rgba(112, 83, 255, .24);
    box-shadow: 0 28px 75px rgba(25, 43, 86, .10);
  }
}

.price-card.popular::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(19, 151, 255, .18), rgba(136, 72, 255, .18), rgba(239, 28, 165, .14));
  filter: blur(18px);
  opacity: .75;
}

.site-footer .brand-logo-slot {
  background: rgba(255,255,255,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 12px 24px rgba(0,0,0,.16);
}

.footer-brand-block .brand {
  align-items: center;
}

.footer-brand-block p {
  margin-top: 16px;
}

@media (max-width: 1100px) {
  .brand-copy strong { font-size: 20px; }
  .brand-copy small { font-size: 12px; }
}

@media (max-width: 880px) {
  .header-inner {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .brand-logo-slot {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
    border-radius: 14px;
  }
  .brand-logo-image,
  .site-footer .brand-logo-image {
    width: 36px !important;
    height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
  }
  .site-header.is-open .main-nav {
    top: 74px;
  }
  .site-header.is-open .main-nav li {
    display: block;
    width: 100%;
  }
  .hero-grid {
    gap: 28px;
  }
  .hero-lead {
    font-size: 15px;
  }
}

@media (max-width: 560px) {
  .container { width: min(calc(100% - 24px), var(--container)); }
  .header-inner { min-height: 64px; }
  .brand { gap: 10px; }
  .brand-logo-slot {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
  }
  .brand-logo-image,
  .site-footer .brand-logo-image {
    width: 32px !important;
    height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
  }
  .brand-copy strong { font-size: 17px; letter-spacing: -.04em; }
  .brand-copy small { max-width: 170px; overflow: hidden; text-overflow: ellipsis; }
  .hero-copy h1 { letter-spacing: -.058em; }
  .hero-section { padding-top: 28px; }
  .hero-product-card,
  .demo-card,
  .final-cta { border-radius: 22px; }
  .prompt-tabs { padding-bottom: 3px; }
  .footer-brand-block .brand-copy small { max-width: none; }
}


/* --------------------------------------------------------------------------
   PromptMyImage v1.0.4 — official visual precision patch
   Scope: keep the official theme stable while fixing the visible branding,
   desktop scale, mobile spacing and conversion polish from the live screenshot.
   -------------------------------------------------------------------------- */
:root {
  --container: 1280px;
}

.site-header {
  box-shadow: 0 1px 0 rgba(7, 18, 45, .04), 0 12px 32px rgba(30, 48, 92, .035);
}

.header-inner {
  min-height: 82px;
}

.brand {
  gap: 13px;
}

.brand-logo-slot {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  border-radius: 15px;
  background: linear-gradient(135deg, rgba(19,151,255,.16), rgba(136,72,255,.13), rgba(239,28,165,.10));
  border: 1px solid rgba(133, 149, 190, .20);
}

.brand-logo-image,
.site-footer .brand-logo-image {
  width: 46px !important;
  height: 46px !important;
  max-width: 46px !important;
  max-height: 46px !important;
  object-fit: cover;
  object-position: left center;
  border-radius: 14px;
  background: #fff;
}

.brand-copy strong {
  font-size: 23px;
  letter-spacing: -.055em;
}

.brand-copy small {
  margin-top: 2px;
  font-size: 12.5px;
  letter-spacing: -.015em;
}

.main-nav a,
.header-cta {
  letter-spacing: -.02em;
}

.hero-section {
  padding: 62px 0 54px;
}

.hero-grid {
  grid-template-columns: minmax(0, .92fr) minmax(590px, 1.08fr);
  gap: clamp(54px, 7vw, 94px);
}

.hero-copy h1 {
  max-width: 650px;
  font-size: clamp(58px, 5.6vw, 82px);
  line-height: .965;
}

.hero-lead {
  max-width: 555px;
  margin-top: 26px;
  font-size: 18px;
}

.hero-product-card {
  padding: 28px;
  border-radius: 36px;
  box-shadow: 0 32px 90px rgba(29, 45, 87, .13), inset 0 0 0 8px rgba(141, 83, 255, 0.045);
}

.reference-image {
  aspect-ratio: 1.08 / 1;
}

.prompt-box {
  border-radius: 16px;
}

.steps-section {
  padding-top: 54px;
}

.demo-card {
  max-width: 1160px;
  padding: 26px 34px 30px;
  border-radius: 26px;
}

.outputs-section,
.projects-section,
.why-section,
.pricing-section {
  scroll-margin-top: 92px;
}

.feature-card,
.project-card,
.why-bar,
.price-card {
  border-color: rgba(122, 139, 178, .18);
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
}

.feature-card h3,
.project-card h3,
.price-card h3,
.why-bar h3 {
  letter-spacing: -.035em;
}

.pricing-grid {
  max-width: 960px;
}

.final-cta {
  max-width: 1080px;
  border-radius: 26px 26px 0 0;
  box-shadow: 0 -18px 70px rgba(85, 113, 190, .10);
}

.site-footer {
  padding: 34px 0 38px;
}

.site-footer .brand-logo-slot {
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.12);
}

.site-footer .brand-logo-image {
  filter: none !important;
  opacity: 1;
}

.footer-note {
  border: 1px solid rgba(255,255,255,.08);
}

@media (max-width: 1100px) {
  .hero-grid {
    grid-template-columns: 1fr;
    gap: 38px;
  }
  .hero-copy,
  .hero-product-card {
    margin-inline: auto;
  }
  .hero-copy {
    max-width: 760px;
    text-align: center;
  }
  .hero-copy .eyebrow,
  .hero-actions,
  .trust-row {
    margin-inline: auto;
    justify-content: center;
  }
  .hero-product-card {
    width: min(100%, 780px);
  }
}

@media (max-width: 880px) {
  .header-inner {
    min-height: 70px;
  }
  .site-header.is-open .main-nav {
    top: 78px;
  }
  .hero-section {
    padding-top: 38px;
  }
  .hero-copy h1 {
    font-size: clamp(42px, 11vw, 64px);
  }
  .hero-lead {
    font-size: 16px;
  }
  .hero-product-card,
  .demo-card {
    border-radius: 24px;
  }
}

@media (max-width: 560px) {
  .container {
    width: min(calc(100% - 24px), var(--container));
  }
  .brand-logo-slot {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
    border-radius: 13px;
  }
  .brand-logo-image,
  .site-footer .brand-logo-image {
    width: 40px !important;
    height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    border-radius: 12px;
  }
  .brand-copy strong {
    font-size: 18px;
  }
  .brand-copy small {
    max-width: 165px;
    font-size: 10.5px;
  }
  .hero-copy {
    text-align: left;
  }
  .hero-copy .eyebrow,
  .hero-actions,
  .trust-row {
    margin-inline: 0;
    justify-content: flex-start;
  }
  .hero-copy h1 {
    max-width: 100%;
    font-size: clamp(40px, 13vw, 54px);
  }
  .hero-lead {
    max-width: 100%;
  }
  .trust-item {
    width: 100%;
  }
  .hero-product-card {
    padding: 14px;
  }
  .prompt-box {
    padding: 15px;
  }
  .demo-card {
    padding: 14px;
  }
  .final-cta {
    padding: 26px 18px;
  }
  .footer-grid {
    grid-template-columns: 1fr;
  }
  .footer-note {
    max-width: none;
  }
}

/* --------------------------------------------------------------------------
   PromptMyImage v1.0.5 — official conversion/trust polish
   Scope: semantic footer menus, clearer differentiation copy, pricing/trust polish.
   -------------------------------------------------------------------------- */
.hero-differentiator {
  max-width: 610px;
  margin: 18px 0 0;
  padding: 14px 16px;
  border: 1px solid rgba(101, 118, 255, 0.14);
  border-radius: 18px;
  color: #33415f;
  background:
    linear-gradient(135deg, rgba(255,255,255,.86), rgba(245,249,255,.72)),
    radial-gradient(circle at 0 50%, rgba(33, 151, 255, .10), transparent 45%),
    radial-gradient(circle at 100% 50%, rgba(239, 28, 165, .10), transparent 44%);
  box-shadow: 0 16px 36px rgba(43, 72, 130, .075);
  font-size: 13.5px;
  line-height: 1.55;
  font-weight: 700;
}

.footer-menu {
  list-style: none;
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
}

.footer-menu li {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 1.2;
}

.footer-col .footer-menu a {
  display: inline-flex;
  width: fit-content;
  padding: 2px 0;
  line-height: 1.25;
}

.site-footer .brand-logo-slot {
  flex: 0 0 34px;
}

.site-footer .brand-logo-image {
  width: 34px;
  height: 34px;
}

.site-footer .brand-copy strong {
  font-size: 17px;
  color: #fff;
}

.site-footer .brand-copy small {
  font-size: 11px;
  color: #aebbd4;
}

.why-bar article:last-child {
  background: linear-gradient(135deg, rgba(255,255,255,.95), rgba(252,246,255,.72));
  border-radius: 18px;
}

.price-card:nth-child(3) .credit-line strong::after {
  content: "";
}

@media (max-width: 720px) {
  .hero-differentiator {
    font-size: 12.5px;
    margin-top: 14px;
    padding: 12px 13px;
  }

  .footer-menu {
    gap: 9px;
  }
}


/* --------------------------------------------------------------------------
   PromptMyImage v1.0.6 — pages/content cleanup
   Scope: readable internal pages, FAQ/legal content, generator/pricing SEO blocks.
   -------------------------------------------------------------------------- */
.pmi-content-template {
  padding: clamp(48px, 7vw, 96px) 0;
  background:
    radial-gradient(circle at 8% 12%, rgba(124, 92, 255, .12), transparent 28%),
    radial-gradient(circle at 88% 8%, rgba(6, 182, 212, .10), transparent 32%),
    linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.pmi-content-card {
  max-width: 1120px;
}

.pmi-post-card {
  background: rgba(255, 255, 255, .86);
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 34px;
  padding: clamp(26px, 5vw, 54px);
  box-shadow: 0 34px 90px rgba(36, 56, 112, .10);
  overflow: hidden;
}

.pmi-entry-header {
  margin-bottom: 22px;
}

.pmi-entry-title {
  margin: 0;
  font-size: clamp(34px, 5vw, 64px);
  line-height: .98;
  letter-spacing: -.055em;
  color: #07152d;
}

.pmi-entry-content {
  color: #34415f;
  font-size: 16px;
  line-height: 1.78;
}

.pmi-entry-content > *:first-child {
  margin-top: 0;
}

.pmi-page-hero {
  margin: -8px 0 clamp(22px, 4vw, 42px);
  padding: clamp(24px, 5vw, 54px);
  border: 1px solid rgba(113, 95, 255, .14);
  border-radius: 30px;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, .14), transparent 34%),
    radial-gradient(circle at 100% 10%, rgba(20, 184, 166, .12), transparent 36%),
    rgba(255, 255, 255, .78);
}

.pmi-page-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  padding: 8px 13px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(124, 92, 255, .12), rgba(6, 182, 212, .12));
  color: #5146cc;
  font-size: 12px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.pmi-page-hero h1,
.pmi-seo-content h2,
.pmi-faq-list h2,
.pmi-legal-content h2 {
  color: #07152d;
  letter-spacing: -.04em;
}

.pmi-page-hero h1 {
  max-width: 850px;
  margin: 0;
  font-size: clamp(34px, 5.5vw, 68px);
  line-height: .98;
}

.pmi-page-hero p:last-child {
  max-width: 740px;
  margin: 18px 0 0;
  color: #5c6780;
  font-size: clamp(16px, 2vw, 19px);
  line-height: 1.7;
}

.pmi-seo-content,
.pmi-faq-list,
.pmi-legal-content {
  margin-top: clamp(30px, 5vw, 56px);
  padding: clamp(22px, 4vw, 42px);
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 28px;
  background: rgba(255, 255, 255, .80);
  box-shadow: 0 22px 58px rgba(15, 23, 42, .06);
}

.pmi-seo-content h2,
.pmi-faq-list h2,
.pmi-legal-content h2 {
  margin-top: 0;
  font-size: clamp(26px, 4vw, 42px);
  line-height: 1.05;
}

.pmi-copy-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 24px;
}

.pmi-copy-grid article {
  padding: 22px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255,255,255,.95), rgba(248,250,255,.72));
  border: 1px solid rgba(148,163,184,.18);
}

.pmi-copy-grid h3,
.pmi-faq-list h3 {
  color: #101c34;
}

.pmi-faq-list h2:not(:first-child),
.pmi-legal-content h2:not(:first-child) {
  margin-top: 34px;
}

.pmi-faq-list h3 {
  margin-top: 24px;
  margin-bottom: 8px;
  font-size: 20px;
}

.pmi-legal-content p,
.pmi-faq-list p,
.pmi-seo-content p {
  max-width: 880px;
}

.pmi-page-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  min-height: 46px;
  padding: 0 18px;
  border-radius: 999px;
  color: #fff;
  font-weight: 800;
  text-decoration: none;
  background: linear-gradient(135deg, #755cff, #06b6d4);
  box-shadow: 0 14px 34px rgba(79, 70, 229, .20);
}

@media (max-width: 780px) {
  .pmi-content-template {
    padding: 28px 0 62px;
  }
  .pmi-post-card {
    border-radius: 24px;
    padding: 18px;
  }
  .pmi-entry-title {
    font-size: clamp(30px, 11vw, 46px);
  }
  .pmi-page-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .pmi-copy-grid {
    grid-template-columns: 1fr;
  }
  .pmi-seo-content,
  .pmi-faq-list,
  .pmi-legal-content {
    padding: 20px;
    border-radius: 22px;
  }
}


/* --------------------------------------------------------------------------
   PromptMyImage v1.0.7 — minimal real-design cleanup
   - No fake homepage photos bundled as demos.
   - Real media slots are controlled from the WordPress Customizer.
   - Visual language is quieter, editorial and product-focused.
   -------------------------------------------------------------------------- */
:root {
  --pmi-clean-ink: #0f172a;
  --pmi-clean-muted: #64748b;
  --pmi-clean-line: rgba(15, 23, 42, .10);
  --pmi-clean-bg: #fbfcfe;
  --pmi-clean-card: #ffffff;
  --pmi-clean-shadow: 0 22px 70px rgba(15, 23, 42, .08);
}
body {
  background: linear-gradient(180deg, #fff 0%, #f8fafc 48%, #fff 100%) !important;
}
.site-header {
  background: rgba(255, 255, 255, .92);
  border-bottom-color: rgba(15, 23, 42, .08);
}
.header-inner { min-height: 82px; }
.brand-logo-image { max-height: 46px; max-width: 46px; border-radius: 12px; object-fit: cover; }
.brand-copy strong { letter-spacing: -.035em; }
.main-nav a { font-size: 14px; color: #172033; }
.pmi-minimal-home h1,
.pmi-minimal-home h2,
.pmi-minimal-home h3 { color: var(--pmi-clean-ink); text-wrap: balance; }
.pmi-clean-hero {
  padding: clamp(54px, 7vw, 108px) 0 clamp(44px, 6vw, 88px);
  background:
    radial-gradient(circle at 12% 5%, rgba(14, 165, 233, .10), transparent 28rem),
    radial-gradient(circle at 92% 10%, rgba(124, 58, 237, .09), transparent 30rem),
    linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}
.pmi-clean-hero-grid { display: grid; grid-template-columns: minmax(0, .94fr) minmax(440px, 1.06fr); gap: clamp(32px, 5vw, 68px); align-items: center; }
.pmi-clean-copy h1 { margin: 14px 0 18px; font-size: clamp(46px, 6vw, 82px); line-height: .96; letter-spacing: -.06em; max-width: 860px; }
.pmi-clean-copy .hero-lead { max-width: 720px; color: #526173; font-size: clamp(17px, 1.6vw, 21px); line-height: 1.65; }
.pmi-clean-proof { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.pmi-clean-proof span { display: inline-flex; align-items: center; min-height: 34px; padding: 0 12px; border: 1px solid var(--pmi-clean-line); border-radius: 999px; color: #334155; background: #fff; font-size: 13px; font-weight: 800; box-shadow: 0 10px 26px rgba(15,23,42,.05); }
.pmi-workflow-card { border: 1px solid rgba(15, 23, 42, .08); background: rgba(255,255,255,.94); border-radius: 30px; padding: 16px; box-shadow: var(--pmi-clean-shadow); }
.pmi-workflow-toolbar { display: flex; justify-content: space-between; color: #64748b; font-size: 12px; text-transform: uppercase; letter-spacing: .11em; font-weight: 900; padding: 4px 8px 14px; }
.pmi-workflow-grid { display: grid; grid-template-columns: 1fr 1.05fr; gap: 14px; }
.pmi-real-media-panel, .pmi-real-prompt-panel, .pmi-demo-image-shell, .pmi-demo-output-card { border: 1px solid var(--pmi-clean-line); border-radius: 22px; background: #fff; overflow: hidden; }
.pmi-real-media-panel { min-height: 330px; display: grid; place-items: center; }
.pmi-real-media-img { width: 100%; height: 100%; min-height: 330px; object-fit: cover; }
.pmi-upload-interface, .pmi-media-empty-state { min-height: 260px; display: grid; place-items: center; align-content: center; gap: 9px; padding: 26px; text-align: center; background: #f8fafc; color: #475569; }
.pmi-upload-interface strong, .pmi-media-empty-state strong { color: #0f172a; font-size: 18px; letter-spacing: -.02em; }
.pmi-upload-interface small, .pmi-media-empty-state span { color: #64748b; font-weight: 700; }
.pmi-upload-interface-icon, .pmi-media-empty-icon { width: 42px; height: 42px; color: #2563eb; }
.pmi-real-prompt-panel { padding: 16px; display: grid; gap: 12px; }
.pmi-code-card { border-radius: 18px; background: #0f172a; color: #dbeafe; padding: 18px; min-height: 176px; font-family: var(--mono); font-size: 13px; line-height: 1.7; }
.pmi-code-card p { margin: 0; }
.pmi-section-white { padding: clamp(52px, 7vw, 96px) 0; background: #fff; }
.pmi-section-white + .pmi-section-white { border-top: 1px solid rgba(15,23,42,.06); }
.pmi-minimal-grid { display: grid; gap: 18px; margin-top: 32px; }
.pmi-minimal-grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pmi-minimal-grid.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pmi-minimal-card { border: 1px solid var(--pmi-clean-line); border-radius: 22px; background: #fff; padding: 24px; box-shadow: 0 14px 44px rgba(15,23,42,.045); min-height: 100%; transition: transform .18s ease, box-shadow .18s ease; }
.pmi-minimal-card:hover { transform: translateY(-3px); box-shadow: 0 22px 70px rgba(15,23,42,.08); }
.pmi-minimal-card.compact { padding: 22px; }
.pmi-minimal-icon, .pmi-usecase-icon { width: 38px; height: 38px; color: #2563eb; margin-bottom: 16px; }
.pmi-minimal-card h3, .pmi-usecase-row h3 { margin: 0 0 8px; font-size: 20px; letter-spacing: -.03em; }
.pmi-minimal-card p, .pmi-usecase-row p { margin: 0; color: #64748b; line-height: 1.65; }
.pmi-demo-minimal { background: #f8fafc; }
.pmi-demo-minimal-grid { display: grid; grid-template-columns: minmax(0, .92fr) minmax(380px, .7fr); gap: 24px; align-items: stretch; }
.pmi-demo-real-media { display: grid; gap: 16px; }
.pmi-demo-real-media h2 { margin: 0; font-size: clamp(34px, 5vw, 58px); line-height: 1.02; letter-spacing: -.05em; }
.pmi-demo-real-media p { color: #64748b; font-size: 17px; line-height: 1.7; max-width: 680px; }
.pmi-demo-image-shell { min-height: 360px; }
.pmi-demo-output-card { padding: 28px; align-self: center; box-shadow: var(--pmi-clean-shadow); }
.pmi-output-label { display: inline-flex; margin-bottom: 12px; font-size: 12px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; color: #2563eb; }
.pmi-demo-output-card h3 { margin: 0 0 14px; font-size: 30px; letter-spacing: -.04em; }
.pmi-clean-list { list-style: none; margin: 0 0 22px; padding: 0; display: grid; gap: 12px; }
.pmi-clean-list li { position: relative; padding-left: 26px; color: #475569; font-weight: 750; }
.pmi-clean-list li::before { content: ''; position: absolute; left: 0; top: .55em; width: 10px; height: 10px; border-radius: 999px; background: linear-gradient(135deg, #2563eb, #7c3aed); }
.pmi-usecase-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 34px; }
.pmi-usecase-row { display: flex; gap: 16px; align-items: flex-start; padding: 20px; border: 1px solid var(--pmi-clean-line); border-radius: 20px; background: #fff; }
.pmi-usecase-icon { flex: 0 0 36px; margin: 0; }
.pmi-pricing-minimal { padding: clamp(56px, 7vw, 100px) 0; background: #0f172a; color: #fff; }
.pmi-pricing-minimal h2 { color: #fff; margin: 0; font-size: clamp(32px, 5vw, 56px); line-height: 1.04; letter-spacing: -.05em; }
.pmi-pricing-minimal .eyebrow { color: #93c5fd; }
.pmi-pricing-minimal-inner { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 24px; align-items: center; }
.pmi-price-strip { display: flex; gap: 10px; flex-wrap: wrap; }
.pmi-price-strip span { display: grid; gap: 2px; min-width: 96px; padding: 14px; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; background: rgba(255,255,255,.06); color: #cbd5e1; font-size: 12px; font-weight: 850; }
.pmi-price-strip strong { color: #fff; font-size: 28px; letter-spacing: -.05em; line-height: 1; }
.site-footer .social-row { display: none !important; }
.pmi-content-template { background: #fff !important; padding: clamp(38px, 6vw, 82px) 0 !important; }
.pmi-post-card { border-radius: 22px !important; background: #fff !important; box-shadow: 0 16px 48px rgba(15,23,42,.06) !important; border-color: rgba(15,23,42,.08) !important; }
.pmi-page-hero, .pmi-seo-content, .pmi-faq-list, .pmi-legal-content { background: #fff !important; border-color: rgba(15,23,42,.09) !important; box-shadow: none !important; border-radius: 20px !important; }
.pmi-page-kicker { background: #f1f5f9 !important; color: #2563eb !important; box-shadow: none !important; }
@media (max-width: 980px) {
  .pmi-clean-hero-grid, .pmi-demo-minimal-grid, .pmi-pricing-minimal-inner { grid-template-columns: 1fr; }
  .pmi-workflow-grid { grid-template-columns: 1fr; }
  .pmi-minimal-grid.three, .pmi-minimal-grid.four, .pmi-usecase-list { grid-template-columns: 1fr; }
  .pmi-pricing-minimal-inner { align-items: start; }
}
@media (max-width: 640px) {
  .container { width: min(calc(100% - 22px), var(--container)); }
  .header-inner { min-height: 70px; }
  .pmi-clean-hero { padding-top: 36px; }
  .pmi-clean-copy h1 { font-size: clamp(38px, 12vw, 54px); }
  .hero-actions { display: grid; grid-template-columns: 1fr; }
  .pmi-workflow-card { border-radius: 22px; padding: 10px; }
  .pmi-real-media-panel, .pmi-real-prompt-panel, .pmi-demo-image-shell, .pmi-demo-output-card { border-radius: 18px; }
  .pmi-real-media-panel, .pmi-real-media-img { min-height: 260px; }
  .pmi-code-card { min-height: 150px; }
  .pmi-minimal-card, .pmi-usecase-row { padding: 18px; border-radius: 18px; }
  .pmi-price-strip { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); }
  .pmi-price-strip span { min-width: 0; }
}

/* --------------------------------------------------------------------------
   PromptMyImage v1.0.9 — approved realistic visual library
   - Custom local WebP assets only.
   - No stock photos, external image CDNs, cartoon illustrations or placeholders.
   - Responsive product screenshot and real-reference use-case cards.
   -------------------------------------------------------------------------- */
.pmi-product-visual {
  position: relative;
  padding: 12px;
  border: 1px solid rgba(15, 23, 42, .09);
  border-radius: 30px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 32px 90px rgba(30, 64, 175, .14);
  overflow: hidden;
}
.pmi-product-visual::before {
  content: "";
  position: absolute;
  inset: -30% 30% 54% -14%;
  background: radial-gradient(circle, rgba(14, 165, 233, .16), transparent 68%);
  pointer-events: none;
}
.pmi-product-visual-link {
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
  border-radius: 22px;
  background: #f8fafc;
}
.pmi-product-visual-image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1491 / 1055;
  object-fit: cover;
}
.pmi-product-visual-caption {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 14px 10px 2px;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}
.pmi-product-visual-caption strong {
  color: #0f172a;
  font-size: 13px;
}
.pmi-real-prompt-copy {
  margin: 0 0 18px;
  padding: 19px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 18px;
  background: #0f172a;
  color: #dbeafe;
  font-family: var(--mono);
  font-size: 13px;
  line-height: 1.72;
}
.pmi-prompt-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 22px;
}
.pmi-prompt-tags span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(15, 23, 42, .09);
  border-radius: 999px;
  background: #f8fafc;
  color: #334155;
  font-size: 12px;
  font-weight: 800;
}
.pmi-section-intro {
  max-width: 760px;
  margin: 16px auto 0;
  color: #64748b;
  font-size: 17px;
  line-height: 1.7;
}
.pmi-reference-library {
  background: #f8fafc;
}
.pmi-reference-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 36px;
}
.pmi-reference-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, .09);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 16px 48px rgba(15, 23, 42, .055);
  transition: transform .2s ease, box-shadow .2s ease;
}
.pmi-reference-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 28px 74px rgba(15, 23, 42, .095);
}
.pmi-reference-media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #e2e8f0;
}
.pmi-reference-card:nth-child(4) .pmi-reference-media {
  aspect-ratio: 4 / 3;
}
.pmi-reference-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}
.pmi-reference-card:hover .pmi-reference-image {
  transform: scale(1.025);
}
.pmi-reference-card:nth-child(4) .pmi-reference-image {
  object-position: center 25%;
}
.pmi-reference-copy {
  padding: 21px 22px 23px;
}
.pmi-reference-copy h3 {
  margin: 0 0 8px;
  color: #0f172a;
  font-size: 20px;
  letter-spacing: -.035em;
}
.pmi-reference-copy p {
  margin: 0;
  color: #64748b;
  line-height: 1.62;
}

@media (max-width: 1080px) {
  .pmi-reference-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .pmi-product-visual {
    padding: 8px;
    border-radius: 22px;
  }
  .pmi-product-visual-link {
    border-radius: 17px;
  }
  .pmi-product-visual-caption {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
    padding: 11px 8px 3px;
  }
  .pmi-reference-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .pmi-reference-card {
    border-radius: 20px;
  }
  .pmi-reference-copy {
    padding: 18px;
  }
  .pmi-demo-output-card {
    align-self: stretch;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pmi-reference-card,
  .pmi-reference-image {
    transition: none;
  }
}

/* ========================================================================== 
   PromptMyImage 1.1.0 — Homepage Conversion Experience
   ========================================================================== */
.pmi-home-v110{background:#fff;color:#071426}.pmi-home-v110 h1,.pmi-home-v110 h2,.pmi-home-v110 h3{text-wrap:balance}.pmi-v110-hero{position:relative;overflow:hidden;padding:clamp(70px,8vw,118px) 0 clamp(54px,7vw,94px);background:radial-gradient(circle at 4% 18%,rgba(68,196,255,.14),transparent 28%),radial-gradient(circle at 94% 18%,rgba(246,91,185,.12),transparent 30%),linear-gradient(180deg,#fbfdff 0%,#fff 100%)}.pmi-v110-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.25),rgba(255,255,255,.7));mask-image:linear-gradient(to bottom,#000 0%,transparent 100%)}.pmi-v110-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(510px,1.18fr);gap:clamp(38px,6vw,88px);align-items:center}.pmi-v110-hero-copy{max-width:620px}.pmi-v110-hero-copy h1{font-size:clamp(54px,5.8vw,88px);line-height:.91;letter-spacing:-.068em;margin:18px 0 24px;max-width:760px}.pmi-v110-hero-copy .hero-lead{font-size:clamp(17px,1.4vw,20px);line-height:1.6;color:#5f6d83;max-width:640px}.pmi-v110-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.pmi-v110-proof{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}.pmi-v110-proof span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(15,23,42,.08);border-radius:999px;background:rgba(255,255,255,.78);font-size:11px;font-weight:800;color:#43506a}.pmi-v110-proof span:before{content:"";width:6px;height:6px;border-radius:99px;background:linear-gradient(135deg,#2999ff,#a855f7)}.pmi-v110-generator-slot{min-width:0}.pmi-v110-generator-slot .pmi-react-root{min-height:0}.pmi-v110-generator-fallback{border:1px solid rgba(15,23,42,.09);border-radius:28px;background:#fff;padding:42px;box-shadow:0 30px 90px rgba(15,23,42,.1)}.pmi-v110-generator-kicker{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#7c3aed}.pmi-v110-generator-fallback h2{font-size:38px;letter-spacing:-.05em;margin:10px 0 24px}.pmi-v110-process{padding:20px 0;border-top:1px solid rgba(15,23,42,.05);border-bottom:1px solid rgba(15,23,42,.06);background:#fff}.pmi-v110-process-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pmi-v110-process-row>div{display:flex;align-items:center;gap:12px;min-height:58px;padding:10px 16px;border-right:1px solid rgba(15,23,42,.08)}.pmi-v110-process-row>div:last-child{border-right:0}.pmi-v110-process-row strong{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#f1f5ff;color:#4f46e5;font-size:11px}.pmi-v110-process-row span{font-size:13px;font-weight:850;color:#25334a}.pmi-v110-section-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:40px;align-items:end;margin-bottom:32px}.pmi-v110-section-head h2{font-size:clamp(38px,4.5vw,66px);line-height:.97;letter-spacing:-.058em;margin:12px 0 0}.pmi-v110-section-head>p{margin:0;color:#65738a;font-size:15px;line-height:1.65;max-width:540px;justify-self:end}.pmi-v110-examples{padding:clamp(76px,9vw,130px) 0;background:#f8fafc}.pmi-v110-example-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:18px}.pmi-v110-example-tabs::-webkit-scrollbar{display:none}.pmi-v110-example-tab{appearance:none;border:1px solid rgba(15,23,42,.09);background:#fff;color:#64748b;border-radius:999px;padding:10px 16px;font:850 12px/1 inherit;cursor:pointer;white-space:nowrap;transition:.2s ease}.pmi-v110-example-tab:hover,.pmi-v110-example-tab.is-active{color:#fff;border-color:transparent;background:#111c31;box-shadow:0 10px 28px rgba(15,23,42,.13)}.pmi-v110-example-stage{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:20px;padding:20px;border:1px solid rgba(15,23,42,.08);border-radius:30px;background:#fff;box-shadow:0 26px 80px rgba(15,23,42,.08)}.pmi-v110-example-media{min-height:540px;border-radius:22px;overflow:hidden;background:#e9eef5}.pmi-v110-example-image{display:block;width:100%;height:100%;min-height:540px;object-fit:cover}.pmi-v110-example-output{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(20px,3vw,42px)}.pmi-v110-example-output h3{font-size:clamp(32px,3vw,48px);line-height:1;letter-spacing:-.05em;margin:10px 0 22px}.pmi-v110-example-prompt{margin:0;width:100%;padding:20px;border-radius:18px;background:#0c1729;color:#dce7f8;font:500 13px/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.pmi-v110-example-tags{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0 24px}.pmi-v110-example-tags span{padding:7px 10px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:10.5px;font-weight:850}.pmi-v110-example-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.pmi-v110-comparison{padding:clamp(74px,8vw,118px) 0;background:#fff}.pmi-v110-comparison-grid{display:grid;grid-template-columns:1.05fr .9fr .9fr;gap:18px;align-items:stretch}.pmi-v110-comparison-copy{padding-right:clamp(10px,3vw,44px)}.pmi-v110-comparison-copy h2{font-size:clamp(38px,4.3vw,64px);line-height:.97;letter-spacing:-.058em;margin:14px 0 22px}.pmi-v110-comparison-copy p:last-child{color:#65738a;font-size:15px;line-height:1.65}.pmi-v110-caption-card{border:1px solid rgba(15,23,42,.09);border-radius:24px;padding:28px;background:#f8fafc;display:flex;flex-direction:column;gap:24px}.pmi-v110-caption-card span{font-size:10px;font-weight:950;letter-spacing:.11em;text-transform:uppercase;color:#64748b}.pmi-v110-caption-card p{margin:0;font:650 17px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.pmi-v110-caption-card.is-pro{background:#0c1729;color:#e6eefb;border-color:#0c1729;box-shadow:0 20px 54px rgba(15,23,42,.13)}.pmi-v110-caption-card.is-pro span{color:#8ab6ff}.pmi-v110-formats{padding:clamp(76px,9vw,128px) 0;background:#f6f9fc}.pmi-v110-mode-switch{display:inline-flex;gap:4px;padding:5px;border:1px solid rgba(15,23,42,.08);background:#fff;border-radius:999px;justify-self:end}.pmi-v110-mode-switch button{appearance:none;border:0;background:transparent;border-radius:999px;padding:10px 15px;font:850 11px/1 inherit;color:#64748b;cursor:pointer}.pmi-v110-mode-switch button.is-active{background:#111c31;color:#fff}.pmi-v110-format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pmi-v110-format-grid article{border:1px solid rgba(15,23,42,.08);background:#fff;border-radius:23px;padding:25px;min-height:290px;box-shadow:0 14px 40px rgba(15,23,42,.045)}.pmi-v110-format-grid article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#e0eeff,#f6e6ff);color:#5b36d8;font-size:11px;font-weight:950}.pmi-v110-format-grid h3{font-size:25px;letter-spacing:-.04em;margin:28px 0 14px}.pmi-v110-format-grid p{margin:0;color:#34445d;font:500 13px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.pmi-v110-use-cases{padding:clamp(76px,9vw,128px) 0;background:#fff}.pmi-v110-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pmi-v110-use-card{border:1px solid rgba(15,23,42,.08);border-radius:23px;overflow:hidden;background:#fff;box-shadow:0 14px 42px rgba(15,23,42,.055);transition:transform .2s ease,box-shadow .2s ease}.pmi-v110-use-card:hover{transform:translateY(-4px);box-shadow:0 22px 58px rgba(15,23,42,.09)}.pmi-v110-use-media{height:230px;overflow:hidden;background:#eef2f7}.pmi-v110-use-image{display:block;width:100%;height:100%;object-fit:cover}.pmi-v110-use-copy{padding:21px}.pmi-v110-use-copy h3{font-size:21px;letter-spacing:-.04em;margin:0 0 8px}.pmi-v110-use-copy p{color:#65738a;line-height:1.55;margin:0 0 16px}.pmi-v110-text-action{appearance:none;border:0;background:transparent;padding:0;color:#2563eb;font:850 12px/1 inherit;cursor:pointer}.pmi-v110-trust{padding:clamp(68px,8vw,108px) 0;background:#0d1729;color:#fff}.pmi-v110-trust-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.pmi-v110-trust h2{font-size:clamp(38px,4.4vw,64px);line-height:.97;letter-spacing:-.058em;margin:14px 0 20px;max-width:820px}.pmi-v110-trust p{color:#b7c3d8;line-height:1.65;max-width:730px}.pmi-v110-trust ul{list-style:none;margin:0;padding:0;display:grid;gap:13px}.pmi-v110-trust li{position:relative;padding:15px 16px 15px 46px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:rgba(255,255,255,.045);font-weight:800;color:#e5edf9}.pmi-v110-trust li:before{content:"✓";position:absolute;left:16px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:21px;height:21px;border-radius:99px;background:#dffbea;color:#15803d;font-size:11px}.pmi-v110-pricing{padding:clamp(76px,9vw,128px) 0;background:#f7f9fc}.pmi-v110-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.pmi-v110-pricing-grid article{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:300px;padding:28px;border:1px solid rgba(15,23,42,.09);border-radius:24px;background:#fff}.pmi-v110-pricing-grid article.is-featured{border-color:rgba(91,70,235,.42);box-shadow:0 22px 60px rgba(79,70,229,.13);transform:translateY(-8px)}.pmi-v110-pricing-grid small{position:absolute;right:17px;top:17px;padding:7px 9px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-weight:900;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.pmi-v110-pricing-grid span{font-weight:900;color:#64748b}.pmi-v110-pricing-grid strong{font-size:47px;letter-spacing:-.06em;margin:18px 0 8px}.pmi-v110-pricing-grid p{color:#65738a}.pmi-v110-pricing-grid p b{color:#0f172a}.pmi-v110-pricing-grid .btn{margin-top:auto;width:100%}.pmi-v110-faq{padding:clamp(76px,9vw,126px) 0;background:#fff}.pmi-v110-text-link{color:#2563eb;font-size:13px;font-weight:850;justify-self:end}.pmi-v110-faq-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pmi-v110-faq details{border:1px solid rgba(15,23,42,.09);border-radius:17px;background:#fff;padding:0 18px}.pmi-v110-faq summary{cursor:pointer;list-style:none;padding:19px 36px 19px 0;font-size:15px;font-weight:900;position:relative}.pmi-v110-faq summary::-webkit-details-marker{display:none}.pmi-v110-faq summary:after{content:"+";position:absolute;right:3px;top:50%;transform:translateY(-50%);font-size:20px;color:#64748b}.pmi-v110-faq details[open] summary:after{content:"−"}.pmi-v110-faq details p{margin:0;padding:0 22px 19px 0;color:#65738a;line-height:1.65}.pmi-v110-final-cta{padding:0 0 clamp(74px,8vw,112px);background:#fff}.pmi-v110-final-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:clamp(34px,5vw,64px);border:1px solid rgba(15,23,42,.07);border-radius:30px;background:radial-gradient(circle at 8% 100%,rgba(42,156,255,.2),transparent 34%),radial-gradient(circle at 92% 0%,rgba(236,72,153,.17),transparent 35%),linear-gradient(135deg,#f8fbff,#fff7fc);box-shadow:0 26px 75px rgba(15,23,42,.07)}.pmi-v110-final-inner h2{font-size:clamp(38px,4.4vw,64px);line-height:.97;letter-spacing:-.058em;margin:12px 0 13px;max-width:850px}.pmi-v110-final-inner p:last-child{color:#65738a;max-width:720px}.pmi-v110-final-inner>.btn{flex:0 0 auto}
@media(max-width:1120px){.pmi-v110-hero-grid{grid-template-columns:1fr;gap:42px}.pmi-v110-hero-copy{max-width:760px}.pmi-v110-hero-copy h1{max-width:850px}.pmi-v110-example-stage{grid-template-columns:1fr}.pmi-v110-example-media,.pmi-v110-example-image{min-height:480px}.pmi-v110-comparison-grid{grid-template-columns:1fr 1fr}.pmi-v110-comparison-copy{grid-column:1/3;padding-right:0}.pmi-v110-use-grid{grid-template-columns:1fr 1fr}.pmi-v110-trust-grid{gap:38px}.pmi-v110-section-head{grid-template-columns:1fr}.pmi-v110-section-head>p,.pmi-v110-mode-switch,.pmi-v110-text-link{justify-self:start}.pmi-v110-final-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.pmi-v110-hero{padding-top:46px}.pmi-v110-hero-copy h1{font-size:clamp(46px,15vw,66px)}.pmi-v110-hero-actions{display:grid;grid-template-columns:1fr}.pmi-v110-hero-actions .btn{width:100%}.pmi-v110-process-row{grid-template-columns:1fr}.pmi-v110-process-row>div{border-right:0;border-bottom:1px solid rgba(15,23,42,.07)}.pmi-v110-process-row>div:last-child{border-bottom:0}.pmi-v110-section-head h2,.pmi-v110-comparison-copy h2,.pmi-v110-trust h2,.pmi-v110-final-inner h2{font-size:clamp(36px,11vw,51px)}.pmi-v110-example-stage{padding:10px;border-radius:22px}.pmi-v110-example-media,.pmi-v110-example-image{min-height:330px;border-radius:16px}.pmi-v110-example-output{padding:20px 10px 12px}.pmi-v110-example-output h3{font-size:34px}.pmi-v110-example-actions{display:grid;width:100%}.pmi-v110-example-actions .btn{width:100%}.pmi-v110-comparison-grid,.pmi-v110-format-grid,.pmi-v110-use-grid,.pmi-v110-pricing-grid,.pmi-v110-faq-list,.pmi-v110-trust-grid{grid-template-columns:1fr}.pmi-v110-comparison-copy{grid-column:auto}.pmi-v110-format-grid article{min-height:0}.pmi-v110-use-media{height:260px}.pmi-v110-pricing-grid article.is-featured{transform:none}.pmi-v110-final-inner{padding:30px 23px}.pmi-v110-final-inner>.btn{width:100%}.pmi-v110-mode-switch{width:100%;justify-content:stretch}.pmi-v110-mode-switch button{flex:1}.pmi-v110-section-head{gap:18px;margin-bottom:24px}}
@media(max-width:430px){.pmi-v110-hero-copy h1{font-size:45px}.pmi-v110-proof span{font-size:10px}.pmi-v110-example-media,.pmi-v110-example-image{min-height:260px}.pmi-v110-caption-card{padding:21px}.pmi-v110-use-media{height:220px}.pmi-v110-pricing-grid article{min-height:270px}.pmi-v110-final-inner{border-radius:22px}}

/* --------------------------------------------------------------------------
   PromptMyImage v1.1.1 — official responsive UI polish
   Scope: no structural redesign. Improves scale, readability, conversion,
   generator presence, dark-section contrast and mobile precision.
   -------------------------------------------------------------------------- */
:root {
  --container: 1320px;
}

.pmi-home-v110 {
  font-size: 16px;
}

.pmi-home-v110 .container {
  width: min(calc(100% - 48px), var(--container));
}

/* Header: clearer brand and navigation without increasing clutter. */
.site-header {
  box-shadow: 0 1px 0 rgba(7, 18, 45, .05), 0 14px 42px rgba(30, 48, 92, .045);
}
.header-inner {
  min-height: 84px;
}
.main-nav {
  gap: clamp(24px, 2.7vw, 44px);
}
.main-nav a {
  font-size: 14px;
  font-weight: 780;
}
.header-cta {
  min-height: 46px;
  padding-inline: 20px;
  font-size: 13.5px;
}

/* Hero: make the actual product the dominant visual. */
.pmi-v110-hero {
  padding: clamp(72px, 7vw, 108px) 0 clamp(66px, 6vw, 92px);
}
.pmi-v110-hero-grid {
  grid-template-columns: minmax(390px, .78fr) minmax(610px, 1.22fr);
  gap: clamp(48px, 5.2vw, 78px);
  align-items: center;
}
.pmi-v110-hero-copy {
  max-width: 650px;
}
.pmi-v110-hero-copy h1 {
  font-size: clamp(58px, 5.25vw, 84px);
  line-height: .93;
  max-width: 720px;
}
.pmi-v110-hero-copy .hero-lead {
  max-width: 620px;
  font-size: clamp(17px, 1.25vw, 19.5px);
  line-height: 1.68;
}
.pmi-v110-hero-actions .btn {
  min-height: 49px;
}
.pmi-v110-proof span {
  padding: 9px 12px;
  font-size: 11.5px;
}
.pmi-v110-generator-slot {
  width: 100%;
}

/* Theme-level overrides for the plugin homepage generator. */
.pmi-v110-generator-slot .pmi-home-generator {
  padding: 24px;
  border-radius: 32px;
  border-color: rgba(91, 70, 235, .16);
  box-shadow: 0 34px 95px rgba(15, 23, 42, .14), 0 0 0 8px rgba(109, 67, 255, .025);
}
.pmi-v110-generator-slot .pmi-home-generator-top {
  padding: 2px 2px 19px;
}
.pmi-v110-generator-slot .pmi-home-generator-kicker {
  font-size: 11px;
}
.pmi-v110-generator-slot .pmi-home-generator-top h2 {
  font-size: 27px !important;
}
.pmi-v110-generator-slot .pmi-home-generator-full-link {
  font-size: 12.5px;
}
.pmi-v110-generator-slot .pmi-home-generator-body {
  grid-template-columns: minmax(0, 1.12fr) minmax(250px, .88fr);
  gap: 16px;
}
.pmi-v110-generator-slot .pmi-home-generator-media,
.pmi-v110-generator-slot .pmi-home-generator-media img {
  min-height: 330px;
}
.pmi-v110-generator-slot .pmi-home-generator-media {
  border-radius: 22px;
}
.pmi-v110-generator-slot .pmi-home-generator-empty {
  gap: 10px;
  padding: 34px;
}
.pmi-v110-generator-slot .pmi-home-generator-empty svg {
  width: 54px;
  height: 54px;
}
.pmi-v110-generator-slot .pmi-home-generator-empty strong {
  font-size: 20px;
}
.pmi-v110-generator-slot .pmi-home-generator-empty span {
  font-size: 13px;
}
.pmi-v110-generator-slot .pmi-home-generator-secondary {
  min-height: 43px;
  padding-inline: 15px;
  font-size: 12.5px;
}
.pmi-v110-generator-slot .pmi-home-generator-controls {
  gap: 12px;
}
.pmi-v110-generator-slot .pmi-home-generator-controls label {
  gap: 7px;
}
.pmi-v110-generator-slot .pmi-home-generator-controls label > span {
  font-size: 11px;
}
.pmi-v110-generator-slot .pmi-home-generator-controls select {
  min-height: 48px;
  border-radius: 13px;
  padding-inline: 14px 38px;
  font-size: 13px;
}
.pmi-v110-generator-slot .pmi-home-generator-primary {
  min-height: 53px;
  border-radius: 14px;
  font-size: 14px;
}
.pmi-v110-generator-slot .pmi-home-generator-status {
  font-size: 12px;
}
.pmi-v110-generator-slot .pmi-home-generator-output {
  min-height: 158px;
  margin-top: 16px;
  padding: 16px;
  border-radius: 20px;
}
.pmi-v110-generator-slot .pmi-home-generator-output-empty {
  min-height: 124px;
}
.pmi-v110-generator-slot .pmi-home-generator-output-empty strong {
  font-size: 15px;
}
.pmi-v110-generator-slot .pmi-home-generator-output-empty span {
  font-size: 12px;
}
.pmi-v110-generator-slot .pmi-home-generator-tabs button {
  padding: 8px 12px;
  font-size: 11px;
}
.pmi-v110-generator-slot .pmi-home-generator-prompt {
  max-height: 168px;
  padding: 16px;
  font-size: 12.5px;
  line-height: 1.7;
}
.pmi-v110-generator-slot .pmi-home-generator-output-actions button {
  min-height: 40px;
  font-size: 12px;
}
.pmi-v110-generator-slot .pmi-home-generator-privacy {
  margin-top: 13px;
  font-size: 11.5px;
}

/* Workflow strip: one coherent, readable bar. */
.pmi-v110-process {
  padding: 26px 0;
  background: #fff;
}
.pmi-v110-process-row {
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 14px 42px rgba(15, 23, 42, .05);
}
.pmi-v110-process-row > div {
  min-height: 82px;
  padding: 17px 24px;
}
.pmi-v110-process-row strong {
  width: 40px;
  height: 40px;
  border-radius: 13px;
  font-size: 12px;
}
.pmi-v110-process-row span {
  font-size: 14px;
}

/* Shared section hierarchy. */
.pmi-v110-section-head {
  gap: 56px;
  margin-bottom: 38px;
}
.pmi-v110-section-head h2 {
  font-size: clamp(43px, 4.1vw, 64px);
  line-height: .99;
}
.pmi-v110-section-head > p {
  max-width: 570px;
  font-size: 16px;
  line-height: 1.72;
}

/* Interactive example: increase the prompt panel's practical value. */
.pmi-v110-example-stage {
  grid-template-columns: minmax(0, 1.04fr) minmax(430px, .96fr);
  gap: 24px;
  padding: 24px;
}
.pmi-v110-example-media,
.pmi-v110-example-image {
  min-height: 570px;
}
.pmi-v110-example-output {
  padding: clamp(26px, 3vw, 46px);
}
.pmi-v110-example-output h3 {
  font-size: clamp(36px, 3.3vw, 50px);
}
.pmi-v110-example-prompt {
  padding: 22px;
  font-size: 14px;
  line-height: 1.78;
}
.pmi-v110-example-tags span {
  padding: 8px 11px;
  font-size: 11.5px;
}
.pmi-v110-example-actions .btn {
  min-height: 46px;
}

/* Caption comparison: heading first, then two strong large cards. */
.pmi-v110-comparison-grid {
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.pmi-v110-comparison-copy {
  grid-column: 1 / -1;
  max-width: 930px;
  padding-right: 0;
  margin-bottom: 12px;
}
.pmi-v110-comparison-copy h2 {
  max-width: 880px;
  font-size: clamp(43px, 4.1vw, 64px);
}
.pmi-v110-comparison-copy p:last-child {
  max-width: 760px;
  font-size: 16px;
  line-height: 1.72;
}
.pmi-v110-caption-card {
  min-height: 250px;
  padding: 34px;
  justify-content: space-between;
}
.pmi-v110-caption-card span {
  font-size: 11px;
}
.pmi-v110-caption-card p {
  font-size: 18px;
  line-height: 1.65;
}

/* Model outputs: larger copy and stronger separation. */
.pmi-v110-format-grid {
  gap: 20px;
}
.pmi-v110-format-grid article {
  min-height: 335px;
  padding: 30px;
}
.pmi-v110-format-grid h3 {
  margin-top: 32px;
  font-size: 27px;
}
.pmi-v110-format-grid p {
  font-size: 14px;
  line-height: 1.75;
}
.pmi-v110-mode-switch button {
  min-height: 38px;
  padding-inline: 16px;
  font-size: 11.5px;
}

/* Real-use cards: give the approved visuals room to work. */
.pmi-v110-use-grid {
  gap: 20px;
}
.pmi-v110-use-card {
  border-radius: 25px;
}
.pmi-v110-use-media {
  height: 255px;
}
.pmi-v110-use-copy {
  padding: 25px;
}
.pmi-v110-use-copy h3 {
  font-size: 23px;
}
.pmi-v110-use-copy p {
  min-height: 48px;
  font-size: 14.5px;
  line-height: 1.62;
}
.pmi-v110-text-action {
  font-size: 13px;
}

/* Critical dark-section contrast fix. */
.pmi-v110-trust,
.pmi-v110-trust .eyebrow,
.pmi-v110-trust h2,
.pmi-v110-trust p,
.pmi-v110-trust li {
  color: #fff;
}
.pmi-v110-trust .eyebrow {
  border-color: rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .08);
}
.pmi-v110-trust p {
  color: #c7d3e5;
  font-size: 16px;
  line-height: 1.72;
}
.pmi-v110-trust h2 {
  max-width: 840px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .12);
}
.pmi-v110-trust li {
  min-height: 54px;
  font-size: 14px;
}

/* Pricing: make the purchase decision easier to scan. */
.pmi-v110-pricing-grid {
  gap: 20px;
}
.pmi-v110-pricing-grid article {
  min-height: 360px;
  padding: 34px;
  border-radius: 26px;
  box-shadow: 0 14px 44px rgba(15, 23, 42, .045);
}
.pmi-v110-pricing-grid article.is-featured {
  z-index: 1;
  border-width: 2px;
  transform: translateY(-10px);
  box-shadow: 0 28px 76px rgba(79, 70, 229, .16);
}
.pmi-v110-pricing-grid span {
  font-size: 15px;
}
.pmi-v110-pricing-grid strong {
  margin: 22px 0 10px;
  font-size: 55px;
}
.pmi-v110-pricing-grid p {
  font-size: 15px;
  line-height: 1.6;
}
.pmi-v110-pricing-grid .btn {
  min-height: 48px;
}

/* FAQ: prioritize reading over visual density. */
.pmi-v110-faq-list {
  max-width: 1040px;
  grid-template-columns: 1fr;
}
.pmi-v110-faq details {
  padding-inline: 23px;
  border-radius: 19px;
}
.pmi-v110-faq summary {
  padding: 23px 42px 23px 0;
  font-size: 16px;
}
.pmi-v110-faq details p {
  max-width: 900px;
  padding-bottom: 23px;
  font-size: 15px;
  line-height: 1.75;
}

/* Final CTA and footer: readable finishing hierarchy. */
.pmi-v110-final-inner > .btn {
  min-height: 50px;
  padding-inline: 24px;
}
.site-footer {
  padding: 54px 0 58px;
}
.footer-grid {
  grid-template-columns: 1.45fr .62fr .72fr .82fr 1.08fr;
  gap: clamp(28px, 3.2vw, 52px);
}
.footer-brand-block p {
  max-width: 340px;
  font-size: 14px;
  line-height: 1.65;
}
.footer-col {
  gap: 12px;
}
.footer-col h3 {
  margin-bottom: 7px;
  font-size: 14px;
}
.footer-col a,
.footer-col .footer-menu a {
  font-size: 14px;
  line-height: 1.45;
}
.footer-note {
  min-height: 126px;
  padding: 24px;
  border-radius: 18px;
}
.footer-note strong,
.footer-note span {
  font-size: 14px;
  line-height: 1.45;
}
.footer-note small {
  font-size: 11.5px;
  line-height: 1.5;
}

@media (max-width: 1240px) {
  .pmi-v110-hero-grid {
    grid-template-columns: minmax(350px, .8fr) minmax(540px, 1.2fr);
    gap: 42px;
  }
  .footer-grid {
    grid-template-columns: 1.3fr .7fr .7fr .8fr;
  }
  .footer-note {
    grid-column: 1 / -1;
    max-width: 440px;
  }
}

@media (max-width: 1080px) {
  .pmi-v110-hero-grid {
    grid-template-columns: 1fr;
    gap: 44px;
  }
  .pmi-v110-hero-copy {
    max-width: 780px;
    text-align: center;
    margin-inline: auto;
  }
  .pmi-v110-hero-copy .eyebrow,
  .pmi-v110-hero-actions,
  .pmi-v110-proof {
    justify-content: center;
    margin-inline: auto;
  }
  .pmi-v110-generator-slot {
    max-width: 880px;
    margin-inline: auto;
  }
  .pmi-v110-example-stage {
    grid-template-columns: 1fr;
  }
  .pmi-v110-example-media,
  .pmi-v110-example-image {
    min-height: 500px;
  }
  .pmi-v110-use-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .pmi-v110-trust-grid {
    gap: 42px;
  }
}

@media (max-width: 820px) {
  .pmi-home-v110 .container {
    width: min(calc(100% - 32px), var(--container));
  }
  .header-inner {
    min-height: 72px;
  }
  .pmi-v110-hero {
    padding-top: 52px;
  }
  .pmi-v110-hero-copy h1 {
    font-size: clamp(48px, 12.5vw, 66px);
  }
  .pmi-v110-generator-slot .pmi-home-generator {
    padding: 17px;
    border-radius: 25px;
  }
  .pmi-v110-generator-slot .pmi-home-generator-body {
    grid-template-columns: 1fr;
  }
  .pmi-v110-generator-slot .pmi-home-generator-media,
  .pmi-v110-generator-slot .pmi-home-generator-media img {
    min-height: 300px;
  }
  .pmi-v110-generator-slot .pmi-home-generator-controls {
    grid-template-columns: 1fr 1fr;
  }
  .pmi-v110-generator-slot .pmi-home-generator-controls label:nth-child(3),
  .pmi-v110-generator-slot .pmi-home-generator-primary,
  .pmi-v110-generator-slot .pmi-home-generator-status {
    grid-column: 1 / -1;
  }
  .pmi-v110-process-row {
    grid-template-columns: 1fr;
  }
  .pmi-v110-process-row > div {
    border-right: 0;
    border-bottom: 1px solid rgba(15, 23, 42, .07);
  }
  .pmi-v110-process-row > div:last-child {
    border-bottom: 0;
  }
  .pmi-v110-section-head,
  .pmi-v110-comparison-grid,
  .pmi-v110-format-grid,
  .pmi-v110-use-grid,
  .pmi-v110-pricing-grid,
  .pmi-v110-trust-grid {
    grid-template-columns: 1fr;
  }
  .pmi-v110-section-head {
    gap: 20px;
  }
  .pmi-v110-section-head > p,
  .pmi-v110-mode-switch,
  .pmi-v110-text-link {
    justify-self: start;
  }
  .pmi-v110-comparison-copy {
    grid-column: auto;
  }
  .pmi-v110-example-media,
  .pmi-v110-example-image {
    min-height: 360px;
  }
  .pmi-v110-use-media {
    height: 280px;
  }
  .pmi-v110-pricing-grid article.is-featured {
    transform: none;
  }
  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
  .footer-brand-block,
  .footer-note {
    grid-column: 1 / -1;
  }
}

@media (max-width: 480px) {
  .pmi-home-v110 .container,
  .container {
    width: min(calc(100% - 24px), var(--container));
  }
  .pmi-v110-hero {
    padding-top: 40px;
  }
  .pmi-v110-hero-copy h1 {
    font-size: clamp(42px, 12.5vw, 52px);
    line-height: .96;
  }
  .pmi-v110-hero-copy .hero-lead {
    font-size: 15.5px;
  }
  .pmi-v110-hero-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
  .pmi-v110-hero-actions .btn {
    width: 100%;
  }
  .pmi-v110-proof {
    justify-content: flex-start;
  }
  .pmi-v110-generator-slot .pmi-home-generator {
    padding: 12px;
    border-radius: 22px;
    box-shadow: 0 22px 58px rgba(15, 23, 42, .12);
  }
  .pmi-v110-generator-slot .pmi-home-generator-top {
    gap: 10px;
  }
  .pmi-v110-generator-slot .pmi-home-generator-top h2 {
    font-size: 21px !important;
  }
  .pmi-v110-generator-slot .pmi-home-generator-full-link {
    font-size: 10.5px;
  }
  .pmi-v110-generator-slot .pmi-home-generator-media,
  .pmi-v110-generator-slot .pmi-home-generator-media img {
    min-height: 240px;
  }
  .pmi-v110-generator-slot .pmi-home-generator-controls {
    grid-template-columns: 1fr;
  }
  .pmi-v110-generator-slot .pmi-home-generator-controls label:nth-child(3),
  .pmi-v110-generator-slot .pmi-home-generator-primary,
  .pmi-v110-generator-slot .pmi-home-generator-status {
    grid-column: auto;
  }
  .pmi-v110-generator-slot .pmi-home-generator-media-actions {
    flex-direction: column;
  }
  .pmi-v110-generator-slot .pmi-home-generator-secondary {
    width: 100%;
  }
  .pmi-v110-section-head h2,
  .pmi-v110-comparison-copy h2,
  .pmi-v110-trust h2,
  .pmi-v110-final-inner h2 {
    font-size: clamp(36px, 10.8vw, 46px);
  }
  .pmi-v110-example-stage {
    padding: 10px;
    border-radius: 22px;
  }
  .pmi-v110-example-media,
  .pmi-v110-example-image {
    min-height: 270px;
    border-radius: 16px;
  }
  .pmi-v110-example-output {
    padding: 22px 12px 14px;
  }
  .pmi-v110-example-output h3 {
    font-size: 34px;
  }
  .pmi-v110-example-prompt {
    padding: 16px;
    font-size: 12px;
  }
  .pmi-v110-example-actions {
    display: grid;
    width: 100%;
  }
  .pmi-v110-example-actions .btn {
    width: 100%;
  }
  .pmi-v110-caption-card {
    min-height: 0;
    padding: 24px;
  }
  .pmi-v110-caption-card p {
    font-size: 15px;
  }
  .pmi-v110-mode-switch {
    width: 100%;
  }
  .pmi-v110-mode-switch button {
    flex: 1;
  }
  .pmi-v110-use-media {
    height: 230px;
  }
  .pmi-v110-use-copy {
    padding: 22px;
  }
  .pmi-v110-pricing-grid article {
    min-height: 320px;
    padding: 28px;
  }
  .pmi-v110-faq summary {
    font-size: 15px;
  }
  .pmi-v110-final-inner {
    padding: 30px 22px;
  }
  .pmi-v110-final-inner > .btn {
    width: 100%;
  }
  .footer-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .footer-brand-block,
  .footer-note {
    grid-column: auto;
  }
  .footer-note {
    max-width: none;
  }
}

/* --------------------------------------------------------------------------
   PromptMyImage v1.1.2 — typography and scale polish
   Scope: visual scale, readable secondary copy, product prominence and
   responsive spacing. No structural or backend changes.
   -------------------------------------------------------------------------- */
:root {
  --container: 1360px;
  --pmi-copy: #53627a;
}

.pmi-home-v110 {
  font-size: 16.5px;
}

.pmi-home-v110 .container,
.site-header .container,
.site-footer .container {
  width: min(calc(100% - 56px), var(--container));
}

/* Brand and navigation scale. */
.header-inner {
  min-height: 86px;
}
.brand {
  gap: 12px;
}
.brand-logo-slot,
.brand-mark {
  width: 44px;
  height: 44px;
  flex-basis: 44px;
}
.brand-logo-image,
.site-footer .brand-logo-image {
  width: 44px;
  height: 44px;
  max-width: 44px;
  max-height: 44px;
  border-radius: 12px;
  object-fit: cover;
}
.brand-copy strong {
  font-size: 20px;
  line-height: 1.05;
}
.brand-copy small {
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.25;
}
.main-nav a {
  font-size: 14.5px;
  letter-spacing: -.01em;
}
.header-cta {
  min-height: 48px;
  padding-inline: 23px;
  font-size: 14px;
}

/* Global secondary text floor. */
.pmi-home-v110 p,
.pmi-home-v110 li {
  text-rendering: optimizeLegibility;
}
.pmi-v110-section-head > p,
.pmi-v110-comparison-copy p:last-child,
.pmi-v110-final-inner p:last-child {
  color: var(--pmi-copy);
  font-size: 17px;
  line-height: 1.72;
}

/* Hero product balance. */
.pmi-v110-hero {
  padding-top: clamp(78px, 7vw, 112px);
}
.pmi-v110-hero-grid {
  grid-template-columns: minmax(410px, .76fr) minmax(640px, 1.24fr);
  gap: clamp(54px, 5vw, 82px);
}
.pmi-v110-hero-copy h1 {
  font-size: clamp(60px, 5.35vw, 86px);
  line-height: .925;
}
.pmi-v110-hero-copy .hero-lead {
  font-size: clamp(18px, 1.28vw, 20px);
  line-height: 1.7;
}
.pmi-v110-hero-actions .btn {
  min-height: 51px;
  padding-inline: 23px;
  font-size: 14px;
}
.pmi-v110-proof span {
  font-size: 12px;
}

/* Product generator: clearer controls and stronger working area. */
.pmi-v110-generator-slot .pmi-home-generator {
  padding: 26px;
  border-radius: 34px;
}
.pmi-v110-generator-slot .pmi-home-generator-top {
  padding-bottom: 21px;
}
.pmi-v110-generator-slot .pmi-home-generator-top h2 {
  font-size: 29px !important;
  line-height: 1.05;
}
.pmi-v110-generator-slot .pmi-home-generator-kicker {
  font-size: 11.5px;
}
.pmi-v110-generator-slot .pmi-home-generator-full-link {
  font-size: 13px;
}
.pmi-v110-generator-slot .pmi-home-generator-body {
  grid-template-columns: minmax(0, 1.1fr) minmax(275px, .9fr);
  gap: 18px;
}
.pmi-v110-generator-slot .pmi-home-generator-media,
.pmi-v110-generator-slot .pmi-home-generator-media img {
  min-height: 365px;
}
.pmi-v110-generator-slot .pmi-home-generator-empty {
  min-height: 365px;
  padding: 40px;
}
.pmi-v110-generator-slot .pmi-home-generator-empty strong {
  font-size: 21px;
}
.pmi-v110-generator-slot .pmi-home-generator-empty span {
  max-width: 270px;
  font-size: 14px;
  line-height: 1.55;
}
.pmi-v110-generator-slot .pmi-home-generator-controls {
  gap: 14px;
}
.pmi-v110-generator-slot .pmi-home-generator-controls label > span {
  font-size: 12.5px;
}
.pmi-v110-generator-slot .pmi-home-generator-controls select {
  min-height: 50px;
  font-size: 14px;
}
.pmi-v110-generator-slot .pmi-home-generator-primary {
  min-height: 55px;
  font-size: 14.5px;
}
.pmi-v110-generator-slot .pmi-home-generator-secondary {
  min-height: 45px;
  font-size: 13px;
}
.pmi-v110-generator-slot .pmi-home-generator-status,
.pmi-v110-generator-slot .pmi-home-generator-privacy {
  font-size: 12.5px;
  line-height: 1.55;
}
.pmi-v110-generator-slot .pmi-home-generator-output {
  min-height: 176px;
  padding: 18px;
}
.pmi-v110-generator-slot .pmi-home-generator-prompt {
  padding: 18px;
  font-size: 13.5px;
}

/* Three-step strip. */
.pmi-v110-process {
  padding-block: 30px;
}
.pmi-v110-process-row > div {
  min-height: 100px;
  padding: 21px 28px;
}
.pmi-v110-process-row strong {
  width: 44px;
  height: 44px;
  font-size: 13px;
}
.pmi-v110-process-row span {
  font-size: 15.5px;
  line-height: 1.35;
}

/* Demonstration and comparison readability. */
.pmi-v110-example-output h3 {
  font-size: clamp(38px, 3.25vw, 52px);
}
.pmi-v110-example-prompt {
  font-size: 14.5px;
}
.pmi-v110-example-tags span {
  font-size: 12px;
}
.pmi-v110-comparison-copy h2 {
  max-width: 920px;
}
.pmi-v110-caption-card {
  min-height: 275px;
  padding: 38px;
}
.pmi-v110-caption-card span {
  font-size: 11.5px;
}
.pmi-v110-caption-card p {
  font-size: 19px;
  line-height: 1.68;
}

/* Output cards. */
.pmi-v110-format-grid article {
  min-height: 360px;
  padding: 32px;
}
.pmi-v110-format-grid h3 {
  font-size: 28px;
}
.pmi-v110-format-grid p {
  font-size: 14.5px;
  line-height: 1.78;
}
.pmi-v110-mode-switch button {
  min-height: 40px;
  font-size: 12px;
}

/* Real reference cards. */
.pmi-v110-use-card {
  display: flex;
  min-height: 365px;
  flex-direction: column;
}
.pmi-v110-use-media {
  height: 270px;
}
.pmi-v110-use-copy {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 27px;
}
.pmi-v110-use-copy h3 {
  font-size: 24px;
  line-height: 1.1;
}
.pmi-v110-use-copy p {
  min-height: 0;
  margin-bottom: 18px;
  font-size: 15px;
  line-height: 1.62;
}
.pmi-v110-text-action {
  margin-top: auto;
  font-size: 14px;
  font-weight: 850;
}

/* Trust section scale. */
.pmi-v110-trust p {
  font-size: 17px;
}
.pmi-v110-trust li {
  min-height: 58px;
  font-size: 14.5px;
}

/* Pricing decision cards. */
.pmi-v110-pricing-grid article {
  min-height: 395px;
  padding: 38px;
}
.pmi-v110-pricing-grid span {
  font-size: 16px;
}
.pmi-v110-pricing-grid strong {
  font-size: 58px;
}
.pmi-v110-pricing-grid p {
  font-size: 15.5px;
  line-height: 1.65;
}
.pmi-v110-pricing-grid .btn {
  min-height: 51px;
  font-size: 14px;
}
.pmi-v110-pricing-grid small {
  padding: 8px 11px;
  font-size: 10px;
}

/* FAQ and CTA. */
.pmi-v110-faq-list {
  max-width: 1100px;
}
.pmi-v110-faq details {
  padding-inline: 26px;
}
.pmi-v110-faq summary {
  min-height: 66px;
  display: flex;
  align-items: center;
  padding-block: 23px;
  font-size: 16.5px;
}
.pmi-v110-faq summary::after {
  font-size: 24px;
}
.pmi-v110-faq details p {
  padding-bottom: 26px;
  font-size: 15.5px;
}
.pmi-v110-final-inner > .btn {
  min-height: 52px;
  font-size: 14px;
}

/* Footer scale. */
.site-footer {
  padding: 66px 0 68px;
}
.site-footer .brand-logo-slot,
.site-footer .brand-logo-image {
  width: 46px;
  height: 46px;
  max-width: 46px;
  max-height: 46px;
}
.site-footer .brand-copy strong {
  font-size: 21px;
}
.site-footer .brand-copy small {
  font-size: 12px;
}
.footer-brand-block p {
  max-width: 380px;
  font-size: 14.5px;
  line-height: 1.7;
}
.footer-col h3 {
  font-size: 15px;
}
.footer-col a,
.footer-col .footer-menu a {
  font-size: 14.5px;
  line-height: 1.55;
}
.footer-note {
  min-height: 138px;
  padding: 26px;
}
.footer-note strong,
.footer-note span {
  font-size: 14.5px;
}
.footer-note small {
  font-size: 12px;
}

@media (max-width: 1260px) {
  .pmi-v110-hero-grid {
    grid-template-columns: minmax(360px, .78fr) minmax(560px, 1.22fr);
    gap: 44px;
  }
  .pmi-v110-generator-slot .pmi-home-generator-media,
  .pmi-v110-generator-slot .pmi-home-generator-media img,
  .pmi-v110-generator-slot .pmi-home-generator-empty {
    min-height: 330px;
  }
}

@media (max-width: 1100px) {
  .pmi-v110-hero-grid {
    grid-template-columns: 1fr;
  }
  .pmi-v110-hero-copy {
    max-width: 820px;
    text-align: center;
    margin-inline: auto;
  }
  .pmi-v110-hero-copy .eyebrow,
  .pmi-v110-hero-actions,
  .pmi-v110-proof {
    justify-content: center;
    margin-inline: auto;
  }
  .pmi-v110-generator-slot {
    max-width: 930px;
    margin-inline: auto;
  }
  .footer-grid {
    grid-template-columns: 1.25fr .7fr .7fr .82fr;
  }
  .footer-note {
    grid-column: 1 / -1;
    max-width: 470px;
  }
}

@media (max-width: 820px) {
  .pmi-home-v110 .container,
  .site-header .container,
  .site-footer .container {
    width: min(calc(100% - 32px), var(--container));
  }
  .header-inner {
    min-height: 74px;
  }
  .brand-logo-slot,
  .brand-mark,
  .brand-logo-image {
    width: 40px;
    height: 40px;
    max-width: 40px;
    max-height: 40px;
    flex-basis: 40px;
  }
  .brand-copy strong {
    font-size: 18px;
  }
  .brand-copy small {
    font-size: 10.5px;
  }
  .pmi-v110-hero-copy h1 {
    font-size: clamp(48px, 12vw, 66px);
  }
  .pmi-v110-generator-slot .pmi-home-generator {
    padding: 18px;
  }
  .pmi-v110-generator-slot .pmi-home-generator-media,
  .pmi-v110-generator-slot .pmi-home-generator-media img,
  .pmi-v110-generator-slot .pmi-home-generator-empty {
    min-height: 310px;
  }
  .pmi-v110-process-row > div {
    min-height: 84px;
  }
  .pmi-v110-use-card {
    min-height: 0;
  }
  .pmi-v110-use-media {
    height: 290px;
  }
  .pmi-v110-pricing-grid article {
    min-height: 350px;
  }
  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
  .footer-brand-block,
  .footer-note {
    grid-column: 1 / -1;
  }
}

@media (max-width: 480px) {
  .pmi-home-v110 .container,
  .site-header .container,
  .site-footer .container,
  .container {
    width: min(calc(100% - 24px), var(--container));
  }
  .pmi-home-v110 {
    font-size: 16px;
  }
  .pmi-v110-hero-copy h1 {
    font-size: clamp(42px, 12.2vw, 52px);
  }
  .pmi-v110-hero-copy .hero-lead {
    font-size: 16px;
  }
  .pmi-v110-generator-slot .pmi-home-generator-top h2 {
    font-size: 22px !important;
  }
  .pmi-v110-generator-slot .pmi-home-generator-media,
  .pmi-v110-generator-slot .pmi-home-generator-media img,
  .pmi-v110-generator-slot .pmi-home-generator-empty {
    min-height: 245px;
  }
  .pmi-v110-generator-slot .pmi-home-generator-empty {
    padding: 25px;
  }
  .pmi-v110-process-row span {
    font-size: 14px;
  }
  .pmi-v110-section-head > p,
  .pmi-v110-comparison-copy p:last-child,
  .pmi-v110-final-inner p:last-child {
    font-size: 15.5px;
  }
  .pmi-v110-caption-card {
    min-height: 0;
    padding: 26px;
  }
  .pmi-v110-caption-card p {
    font-size: 16px;
  }
  .pmi-v110-format-grid article {
    min-height: 0;
    padding: 26px;
  }
  .pmi-v110-use-media {
    height: 235px;
  }
  .pmi-v110-use-copy {
    padding: 23px;
  }
  .pmi-v110-use-copy h3 {
    font-size: 21px;
  }
  .pmi-v110-use-copy p {
    font-size: 14px;
  }
  .pmi-v110-pricing-grid article {
    min-height: 330px;
    padding: 30px;
  }
  .pmi-v110-pricing-grid strong {
    font-size: 50px;
  }
  .pmi-v110-faq summary {
    min-height: 60px;
    font-size: 15.5px;
  }
  .site-footer {
    padding-block: 52px;
  }
  .footer-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .footer-brand-block,
  .footer-note {
    grid-column: auto;
  }
}


/* PromptMyImage v1.1.3 — approved copy length support */
.pmi-v110-use-copy p{font-size:15px;line-height:1.62;}
.pmi-v110-final-inner p:last-child{font-size:16px;line-height:1.65;}
.footer-note strong{display:block;line-height:1.45;}
@media(max-width:760px){.pmi-v110-use-copy p{font-size:14px}.pmi-v110-final-inner p:last-child{font-size:15px}}

/* PromptMyImage v1.1.4 — homepage content completeness */
.pmi-v110-process-row > div{align-items:flex-start;}
.pmi-v110-process-row > div > span{display:grid;gap:5px;}
.pmi-v110-process-row > div > span b{font-size:15.5px;line-height:1.25;color:#0f172a;}
.pmi-v110-process-row > div > span small{max-width:300px;font-size:13px;line-height:1.5;color:#64748b;}

.pmi-v114-comparison-grid{grid-template-columns:minmax(280px,.9fr) minmax(260px,.78fr) minmax(340px,1.12fr);align-items:stretch;}
.pmi-v114-comparison-visual{position:relative;overflow:hidden;min-height:340px;margin:0;border:1px solid rgba(15,23,42,.08);border-radius:24px;background:#eef2f7;box-shadow:0 14px 42px rgba(15,23,42,.055);}
.pmi-v114-comparison-image{display:block;width:100%;height:100%;min-height:340px;object-fit:cover;}
.pmi-v114-comparison-visual figcaption{position:absolute;left:16px;right:16px;bottom:16px;display:grid;gap:3px;padding:14px 16px;border:1px solid rgba(255,255,255,.34);border-radius:16px;background:rgba(7,20,38,.82);color:#fff;box-shadow:0 12px 34px rgba(15,23,42,.22);backdrop-filter:blur(14px);}
.pmi-v114-comparison-visual figcaption span{font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#c7d2fe;}
.pmi-v114-comparison-visual figcaption strong{font-size:15px;line-height:1.35;}
.pmi-v114-comparison-grid .pmi-v110-caption-card{min-height:340px;}
.pmi-v114-caption-signals{display:grid;gap:9px;margin:22px 0 0;padding:0;list-style:none;}
.pmi-v114-caption-signals li{position:relative;padding-left:23px;font-size:13px;line-height:1.45;color:inherit;opacity:.82;}
.pmi-v114-caption-signals li:before{content:"✓";position:absolute;left:0;top:.05em;display:grid;place-items:center;width:16px;height:16px;border-radius:999px;background:rgba(37,99,235,.12);color:#2563eb;font-size:9px;font-weight:950;}
.pmi-v110-caption-card.is-pro .pmi-v114-caption-signals li:before{background:rgba(255,255,255,.13);color:#a7f3d0;}

.pmi-v114-format-grid article{display:flex;flex-direction:column;min-height:430px;}
.pmi-v114-format-head{display:flex;align-items:center;gap:14px;}
.pmi-v114-format-head>span{flex:0 0 42px;}
.pmi-v114-format-head h3{margin:0 0 4px;}
.pmi-v114-format-head small{display:block;font-size:12px;line-height:1.4;color:#718096;}
.pmi-v114-format-grid article>p{margin:24px 0 0;}
.pmi-v114-format-features{display:grid;gap:8px;margin:22px 0;padding:0;list-style:none;}
.pmi-v114-format-features li{position:relative;padding-left:21px;font-size:13px;line-height:1.45;color:#56657b;}
.pmi-v114-format-features li:before{content:"";position:absolute;left:0;top:.42em;width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,#2f8cff,#e62ab7);box-shadow:0 0 0 4px rgba(99,102,241,.08);}
.pmi-v114-copy-format{width:100%;min-height:46px;margin-top:auto;border:1px solid rgba(15,23,42,.1);border-radius:13px;background:#f8fafc;color:#172033;font:850 13px/1 inherit;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease;}
.pmi-v114-copy-format:hover{transform:translateY(-1px);border-color:rgba(79,70,229,.3);background:#f2f4ff;}
.pmi-v114-copy-format:focus-visible{outline:3px solid rgba(59,130,246,.25);outline-offset:2px;}

.pmi-v114-credit-count{margin-bottom:20px!important;font-size:16px!important;color:#334155!important;}
.pmi-v114-credit-count b{font-size:22px;letter-spacing:-.025em;}
.pmi-v114-pack-rules{display:grid;gap:11px;margin:0 0 26px;padding:0;list-style:none;}
.pmi-v114-pack-rules li{position:relative;padding-left:24px;font-size:13.5px;line-height:1.45;color:#56657b;}
.pmi-v114-pack-rules li:before{content:"✓";position:absolute;left:0;top:.05em;display:grid;place-items:center;width:17px;height:17px;border-radius:999px;background:#e9f8ef;color:#15803d;font-size:9px;font-weight:950;}
.pmi-v114-pricing-grid article{min-height:455px;}
.pmi-v114-pricing-rules{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 22px;margin-top:28px;padding:18px 22px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#fff;color:#5e6c81;font-size:13.5px;line-height:1.5;text-align:center;}
.pmi-v114-pricing-rules span{position:relative;padding-left:18px;}
.pmi-v114-pricing-rules span:before{content:"";position:absolute;left:0;top:.48em;width:7px;height:7px;border-radius:999px;background:#22c55e;}
.pmi-v114-pricing-rules a{font-weight:850;color:#2563eb;}

@media(max-width:1100px){
  .pmi-v114-comparison-grid{grid-template-columns:1fr 1fr;}
  .pmi-v114-comparison-visual{grid-column:1/-1;min-height:480px;}
  .pmi-v114-comparison-image{min-height:480px;}
}
@media(max-width:760px){
  .pmi-v110-process-row > div > span b{font-size:15px;}
  .pmi-v110-process-row > div > span small{font-size:12.5px;}
  .pmi-v114-comparison-grid{grid-template-columns:1fr;}
  .pmi-v114-comparison-visual{grid-column:auto;min-height:300px;}
  .pmi-v114-comparison-image{min-height:300px;}
  .pmi-v114-comparison-grid .pmi-v110-caption-card{min-height:0;}
  .pmi-v114-format-grid article{min-height:0;}
  .pmi-v114-pricing-grid article{min-height:390px;}
  .pmi-v114-pricing-rules{align-items:flex-start;justify-content:flex-start;text-align:left;}
}
@media(max-width:430px){
  .pmi-v114-comparison-visual,.pmi-v114-comparison-image{min-height:250px;}
  .pmi-v114-comparison-visual figcaption{left:10px;right:10px;bottom:10px;padding:12px 14px;}
  .pmi-v114-format-head{align-items:flex-start;}
  .pmi-v114-pricing-grid article{min-height:370px;}
}


/* === v1.1.5 complete theme templates === */
.pmi-managed-template__inner,.pmi-blog-page>.container,.pmi-single-layout{width:min(1320px,calc(100% - 40px));margin-inline:auto}
.pmi-managed-article,.pmi-managed-content{min-width:0}
.pmi-managed-content>.pmi-seo-content,.pmi-managed-content>.pmi-legal-content,.pmi-managed-content>.pmi-faq-list{max-width:980px;margin:clamp(48px,7vw,92px) auto 0}
.pmi-managed-content>.pmi-seo-content h2,.pmi-managed-content>.pmi-legal-content h2,.pmi-managed-content>.pmi-faq-list h2{font-size:clamp(30px,3vw,46px);letter-spacing:-.045em;margin:42px 0 16px}
.pmi-managed-content>.pmi-seo-content h3,.pmi-managed-content>.pmi-legal-content h3,.pmi-managed-content>.pmi-faq-list h3{font-size:21px;margin:28px 0 9px}
.pmi-managed-content>.pmi-seo-content p,.pmi-managed-content>.pmi-legal-content p,.pmi-managed-content>.pmi-faq-list p{font-size:16px;line-height:1.75;color:#526078}
.pmi-copy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}.pmi-copy-grid article{padding:24px;border:1px solid rgba(15,23,42,.08);border-radius:20px;background:#fff;box-shadow:0 14px 36px rgba(15,23,42,.045)}
.pmi-blog-page,.pmi-single-page{padding:clamp(64px,8vw,110px) 0;background:#fbfcff}.pmi-archive-header{max-width:820px;margin-bottom:48px}.pmi-archive-header h1,.pmi-single-header h1{font-size:clamp(44px,6vw,80px);line-height:.98;letter-spacing:-.06em;margin:12px 0 18px}.pmi-archive-header>p:last-child,.pmi-archive-description{font-size:17px;line-height:1.7;color:#667085}.pmi-loop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.pmi-loop-card{overflow:hidden;border:1px solid rgba(15,23,42,.08);border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(15,23,42,.06)}.pmi-loop-card__media{display:block;aspect-ratio:16/10;overflow:hidden;background:#edf2f7}.pmi-loop-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.pmi-loop-card:hover .pmi-loop-card__media img{transform:scale(1.025)}.pmi-loop-card__body{padding:24px}.pmi-loop-card__meta{margin:0 0 10px;color:#7c4dff;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.pmi-loop-card__title{font-size:25px;line-height:1.1;letter-spacing:-.04em;margin:0 0 12px}.pmi-loop-card__title a{color:#0f172a;text-decoration:none}.pmi-loop-card__excerpt{color:#667085;line-height:1.65}.pmi-loop-card__link{display:inline-flex;margin-top:16px;color:#4f46e5;font-weight:800;text-decoration:none}.pmi-single-article{max-width:920px;margin-inline:auto}.pmi-single-header{margin-bottom:34px}.pmi-single-hero{overflow:hidden;border-radius:28px;margin-bottom:38px}.pmi-single-hero img{display:block;width:100%;height:auto}.pmi-single-article .pmi-entry-content{font-size:18px;line-height:1.8;color:#344054}.pmi-single-article .pmi-entry-content h2{font-size:36px;letter-spacing:-.04em;margin-top:52px}.pmi-single-article .pmi-entry-content h3{font-size:26px;margin-top:36px}.pmi-search-form{display:flex;gap:10px;max-width:620px;margin-top:26px}.pmi-search-form label{flex:1}.pmi-search-field{width:100%;min-height:48px;border:1px solid #d7deea;border-radius:14px;padding:0 16px;font:inherit}.pmi-empty-state{grid-column:1/-1;padding:64px 28px;border:1px solid rgba(15,23,42,.08);border-radius:24px;background:#fff;text-align:center}.pmi-comments-area{margin-top:60px;padding-top:36px;border-top:1px solid rgba(15,23,42,.1)}.comment-list{padding-left:22px}.comment-body{padding:20px;margin-bottom:14px;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:#fff}
@media(max-width:980px){.pmi-loop-grid,.pmi-copy-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.pmi-managed-template__inner,.pmi-blog-page>.container,.pmi-single-layout{width:min(100% - 24px,1320px)}.pmi-loop-grid,.pmi-copy-grid{grid-template-columns:1fr}.pmi-search-form{display:grid}.pmi-loop-card__body{padding:20px}.pmi-single-article .pmi-entry-content{font-size:16px}}

/* PromptMyImage Theme 1.1.7 FAQ and Account page shell */
body.pmi-managed-page--account .pmi-managed-template,body.pmi-managed-page--faq .pmi-managed-template{padding:0;background:#fff}
body.pmi-managed-page--account .pmi-managed-template__inner,body.pmi-managed-page--faq .pmi-managed-template__inner{width:100%;max-width:none}
body.pmi-managed-page--account .pmi-managed-content,body.pmi-managed-page--faq .pmi-managed-content{width:100%}
body.pmi-managed-page--faq .pmi-faq-fallback{padding:clamp(44px,7vw,86px) 20px}

/* =========================================================
 * PromptMyImage Theme 1.1.8 — conversion homepage
 * Scoped exclusively to .pmi-home-v118.
 * ======================================================= */
.pmi-home-v118{--pmi-ink:#0b1730;--pmi-muted:#61708a;--pmi-line:#e3e9f3;--pmi-soft:#f7f9fd;--pmi-blue:#2f72ff;--pmi-purple:#7347ff;--pmi-pink:#dc27bd;background:#fff;color:var(--pmi-ink);font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.pmi-home-v118 *{box-sizing:border-box}
.pmi-home-v118 p,.pmi-home-v118 li,.pmi-home-v118 a,.pmi-home-v118 button,.pmi-home-v118 span,.pmi-home-v118 small,.pmi-home-v118 dt,.pmi-home-v118 dd,.pmi-home-v118 summary{font-size:max(14px,1em)}
.pmi-home-v118 h1,.pmi-home-v118 h2,.pmi-home-v118 h3{color:var(--pmi-ink);text-wrap:balance}
.pmi-home-v118 .container{width:min(1440px,calc(100% - 48px));margin-inline:auto}
.pmi-v118-kicker{margin:0;color:#6547f5;font-size:12px!important;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.pmi-v118-kicker.is-centered,.pmi-v118-section-intro.is-centered{text-align:center}
.pmi-v118-overline{display:block;margin-bottom:10px;color:#71809a;font-size:12px!important;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.pmi-v118-hero{position:relative;overflow:hidden;padding:64px 0 38px;background:radial-gradient(circle at 5% 10%,rgba(68,189,255,.12),transparent 27%),radial-gradient(circle at 94% 8%,rgba(232,57,188,.11),transparent 29%),linear-gradient(180deg,#fcfdff 0%,#fff 100%)}
.pmi-v118-hero-grid{display:grid;grid-template-columns:minmax(390px,.82fr) minmax(580px,1.18fr);gap:58px;align-items:center}
.pmi-v118-hero-copy{max-width:610px}
.pmi-v118-hero h1{margin:18px 0 20px;font-size:clamp(48px,5vw,78px);line-height:.97;letter-spacing:-.058em}
.pmi-v118-hero h1::first-line{color:var(--pmi-ink)}
.pmi-v118-lead{max-width:610px;margin:0;color:#4f5f79;font-size:18px!important;line-height:1.65}
.pmi-v118-assurances{display:grid;gap:13px;margin:28px 0 0;padding:0;list-style:none}
.pmi-v118-assurances li{display:flex;align-items:center;gap:11px;color:#26344d;font-weight:650;line-height:1.45}
.pmi-v118-assurances .pmi-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:#f0ecff;color:#6743f4}
.pmi-v118-assurances .pmi-icon-svg{width:17px;height:17px}
.pmi-v118-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.pmi-v118-microproof{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:19px;color:#69768b}
.pmi-v118-microproof span{position:relative;padding-left:17px;font-size:13px!important}
.pmi-v118-microproof span:before{content:"";position:absolute;left:0;top:.48em;width:7px;height:7px;border:2px solid #9da8ba;border-radius:50%}
.pmi-v118-demo-card{display:grid;grid-template-columns:260px minmax(0,1fr);min-width:0;border:1px solid rgba(15,23,42,.09);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 26px 80px rgba(29,44,73,.1);overflow:hidden}
.pmi-v118-demo-source{padding:20px;border-right:1px solid var(--pmi-line);background:#fbfcff}
.pmi-v118-demo-source>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:15px;background:#e9eef6}
.pmi-v118-analysis{margin-top:17px;padding:16px;border:1px solid var(--pmi-line);border-radius:14px;background:#fff}
.pmi-v118-analysis strong{display:block;margin-bottom:9px;font-size:14px}
.pmi-v118-analysis dl{display:grid;gap:8px;margin:0}
.pmi-v118-analysis dl>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px}
.pmi-v118-analysis dt{color:#7a879c;font-size:12px!important}
.pmi-v118-analysis dd{margin:0;color:#26334a;font-size:12px!important;line-height:1.4}
.pmi-v118-demo-output{min-width:0;padding:18px}
.pmi-v118-demo-tabs{display:flex;gap:5px;overflow-x:auto;padding-bottom:13px;border-bottom:1px solid var(--pmi-line);scrollbar-width:none}
.pmi-v118-demo-tabs::-webkit-scrollbar{display:none}
.pmi-v118-demo-tabs button{appearance:none;border:0;border-radius:8px;background:#f4f6fa;color:#526078;padding:9px 12px;font:800 12px/1.2 Poppins,sans-serif;white-space:nowrap;cursor:pointer}
.pmi-v118-demo-tabs button.is-active{background:linear-gradient(135deg,#366ff4,#d62bc2);color:#fff}
.pmi-v118-prompt-panel{padding:18px 0 15px}
.pmi-v118-prompt-panel p{min-height:150px;margin:0;padding:17px;border:1px solid var(--pmi-line);border-radius:14px;background:#fff;color:#26334a;font-size:14px!important;line-height:1.65}
.pmi-v118-prompt-actions{display:flex;gap:8px;margin-top:12px}
.pmi-v118-prompt-actions .btn{min-height:40px;padding:10px 14px;font-size:13px!important}
.pmi-v118-negative{padding:14px 16px;border:1px solid var(--pmi-line);border-radius:14px;background:#fbfcff}
.pmi-v118-negative p{margin:0;color:#43516a;font:500 13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}
.pmi-v118-benefit-rail{padding:20px 0 0;background:#fff}
.pmi-v118-benefit-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--pmi-line);border-radius:18px;background:#fff;box-shadow:0 12px 38px rgba(26,42,72,.045);overflow:hidden}
.pmi-v118-benefit-grid>div{display:flex;align-items:center;gap:11px;min-height:84px;padding:16px;border-right:1px solid var(--pmi-line)}
.pmi-v118-benefit-grid>div:last-child{border-right:0}
.pmi-v118-benefit-grid .pmi-icon{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border-radius:12px;background:#f2efff;color:#6743f4}
.pmi-v118-benefit-grid .pmi-icon-svg{width:21px;height:21px}
.pmi-v118-benefit-grid span{display:grid;gap:2px}
.pmi-v118-benefit-grid strong{font-size:13px;line-height:1.25}
.pmi-v118-benefit-grid small{color:#77849a;font-size:11px!important;line-height:1.35}
.pmi-v118-steps{padding:72px 0 66px}
.pmi-v118-centered-title{margin:8px 0 0;text-align:center;font-size:clamp(35px,4vw,54px);letter-spacing:-.05em}
.pmi-v118-step-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:44px}
.pmi-v118-step-grid:before{content:"";position:absolute;left:16%;right:16%;top:34px;border-top:1px dashed #cbd4e3}
.pmi-v118-step-grid article{position:relative;text-align:center}
.pmi-v118-step-grid article>span{position:absolute;top:-7px;left:calc(50% + 30px);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid var(--pmi-line);color:#6f55e9;font-weight:850;font-size:11px!important;z-index:2}
.pmi-v118-step-grid .pmi-icon{position:relative;z-index:1;display:grid;place-items:center;width:68px;height:68px;margin:0 auto 18px;border:1px solid #e0e6f1;border-radius:50%;background:#fff;color:#6444ef;box-shadow:0 10px 28px rgba(61,70,110,.07)}
.pmi-v118-step-grid article:nth-child(3) .pmi-icon{color:#16a765;background:#f0fff7}
.pmi-v118-step-grid .pmi-icon-svg{width:30px;height:30px}
.pmi-v118-step-grid h3{margin:0 0 8px;font-size:18px}
.pmi-v118-step-grid p{max-width:330px;margin:0 auto;color:#69768c;line-height:1.55}
.pmi-v118-proof{padding:24px 0 76px;background:#fff}
.pmi-v118-proof-grid{display:grid;grid-template-columns:minmax(300px,.68fr) minmax(0,1.5fr);gap:18px}
.pmi-v118-compare-card,.pmi-v118-examples-panel{border:1px solid var(--pmi-line);border-radius:22px;background:#fff;box-shadow:0 14px 38px rgba(25,40,70,.045)}
.pmi-v118-compare-card{padding:26px}
.pmi-v118-compare-card h2,.pmi-v118-examples-panel h2{margin:8px 0 22px;font-size:clamp(28px,3vw,40px);line-height:1.05;letter-spacing:-.045em}
.pmi-v118-compare-table{border:1px solid var(--pmi-line);border-radius:14px;overflow:hidden}
.pmi-v118-compare-table>div{display:grid;grid-template-columns:1.3fr .85fr .85fr;align-items:center;min-height:43px;border-bottom:1px solid var(--pmi-line)}
.pmi-v118-compare-table>div:last-child{border-bottom:0}
.pmi-v118-compare-table span{padding:10px 11px;font-size:12px!important;line-height:1.35}
.pmi-v118-compare-table .is-head{background:#f7f8fc;font-weight:850}
.pmi-v118-compare-table .is-muted{color:#8a95a8}
.pmi-v118-compare-table .is-positive{background:#faf8ff;color:#5f3ce8;font-weight:800}
.pmi-v118-examples-panel{padding:26px}
.pmi-v118-example-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
.pmi-v118-example-grid article{min-width:0;border:1px solid var(--pmi-line);border-radius:15px;background:#fff;overflow:hidden}
.pmi-v118-example-image{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#edf1f6}
.pmi-v118-example-grid article>div{padding:13px}
.pmi-v118-example-grid h3{margin:0 0 6px;font-size:14px}
.pmi-v118-example-grid p{min-height:51px;margin:0 0 10px;color:#6b788e;font-size:12px!important;line-height:1.4}
.pmi-v118-text-button{appearance:none;border:0;background:transparent;padding:0;color:#356cf6;font:800 12px/1.3 Poppins,sans-serif;text-decoration:none;cursor:pointer}
.pmi-v118-trust{padding:30px 0 72px}
.pmi-v118-trust-grid{display:grid;grid-template-columns:.8fr 1fr 1.15fr;gap:18px;padding:25px;border:1px solid var(--pmi-line);border-radius:22px;background:#fff;box-shadow:0 14px 38px rgba(25,40,70,.045)}
.pmi-v118-trust-copy{display:flex;gap:15px}
.pmi-v118-trust-copy>.pmi-icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:16px;background:#eef3ff;color:#376df3}
.pmi-v118-trust-copy .pmi-icon-svg{width:28px;height:28px}
.pmi-v118-trust h2{margin:0 0 8px;font-size:24px;line-height:1.08}
.pmi-v118-trust p{margin:0;color:#6b788e;line-height:1.55}
.pmi-v118-trust ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.pmi-v118-trust li{position:relative;padding-left:23px;color:#42506a;line-height:1.45}
.pmi-v118-trust li:before{content:"✓";position:absolute;left:0;color:#16a765;font-weight:900}
.pmi-v118-trust-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pmi-v118-trust-facts>div{padding:16px;border:1px solid var(--pmi-line);border-radius:14px;background:#fbfcff}
.pmi-v118-trust-facts strong{display:block;margin-bottom:6px}
.pmi-v118-trust-facts span{color:#758197;font-size:12px!important;line-height:1.45}
.pmi-v118-pricing{padding:74px 0;background:#fafbfe}
.pmi-v118-section-intro h2{margin:8px 0 34px;font-size:clamp(36px,4vw,56px);letter-spacing:-.05em}
.pmi-v118-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1050px}
.pmi-v118-pricing-grid article{position:relative;display:flex;flex-direction:column;min-height:390px;padding:28px;border:1px solid var(--pmi-line);border-radius:20px;background:#fff}
.pmi-v118-pricing-grid article.is-featured{border-color:#7a5df1;box-shadow:0 18px 48px rgba(99,74,225,.14);transform:translateY(-7px)}
.pmi-v118-pricing-grid article>small{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:6px 13px;border-radius:999px;background:linear-gradient(135deg,#5a76ff,#de27ba);color:#fff;font-size:11px!important;font-weight:850;white-space:nowrap}
.pmi-v118-pricing-grid article>span{font-weight:850}
.pmi-v118-pricing-grid article>strong{margin:13px 0 3px;font-size:40px;letter-spacing:-.045em}
.pmi-v118-pricing-grid article>p{margin:0 0 20px;color:#69768c}
.pmi-v118-pricing-grid ul{display:grid;gap:10px;margin:0 0 18px;padding:0;list-style:none}
.pmi-v118-pricing-grid li{position:relative;padding-left:22px;color:#4c5a72}
.pmi-v118-pricing-grid li:before{content:"✓";position:absolute;left:0;color:#17a867;font-weight:900}
.pmi-v118-unit-price{margin:auto 0 17px;padding-top:16px;border-top:1px solid var(--pmi-line);color:#718099;font-size:13px}
.pmi-v118-pricing-grid .btn{width:100%;justify-content:center}
.pmi-v118-faq{padding:74px 0 44px}
.pmi-v118-faq-grid{display:grid;grid-template-columns:.58fr 1.45fr .62fr;gap:18px;align-items:stretch}
.pmi-v118-faq-grid>div:first-child{padding:24px 6px}
.pmi-v118-faq-grid h2{margin:8px 0 16px;font-size:38px;letter-spacing:-.05em}
.pmi-v118-faq-grid>div:first-child>a{color:#356cf6;font-weight:800;text-decoration:none}
.pmi-v118-faq-list{display:grid;gap:8px}
.pmi-v118-faq-list details{border:1px solid var(--pmi-line);border-radius:12px;background:#fff}
.pmi-v118-faq-list summary{padding:15px 17px;font-weight:800;cursor:pointer}
.pmi-v118-faq-list details p{margin:0;padding:0 17px 17px;color:#65738a;line-height:1.6}
.pmi-v118-ready-card{display:flex;flex-direction:column;justify-content:center;padding:28px;border-radius:20px;background:linear-gradient(135deg,#386dff,#d727bd);color:#fff}
.pmi-v118-ready-card h3{margin:0 0 7px;color:#fff;font-size:27px;line-height:1.08}
.pmi-v118-ready-card p{margin:0 0 19px;color:#f1eaff}
.pmi-v118-ready-card .btn-white{background:#fff;color:#5b37d8;border-color:#fff}
.pmi-v118-final-cta{padding:42px 0 72px}
.pmi-v118-final-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;padding:34px 40px;border:1px solid rgba(128,84,240,.18);border-radius:24px;background:radial-gradient(circle at 23% 50%,rgba(134,94,255,.34),transparent 24%),linear-gradient(100deg,#edf6ff,#f9e9ff 55%,#fff);box-shadow:0 18px 55px rgba(70,56,125,.08)}
.pmi-v118-final-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#4a76ff,#d52dc0);color:#fff;font-size:28px;font-weight:900;box-shadow:0 12px 30px rgba(102,63,218,.22)}
.pmi-v118-final-inner h2{margin:5px 0 0;font-size:clamp(27px,3vw,43px);line-height:1.08;letter-spacing:-.045em}

@media(max-width:1220px){
  .pmi-v118-hero-grid{grid-template-columns:1fr;gap:42px}.pmi-v118-hero-copy{max-width:820px}.pmi-v118-demo-card{max-width:960px}.pmi-v118-benefit-grid{grid-template-columns:repeat(3,1fr)}.pmi-v118-benefit-grid>div:nth-child(3){border-right:0}.pmi-v118-benefit-grid>div:nth-child(-n+3){border-bottom:1px solid var(--pmi-line)}.pmi-v118-proof-grid{grid-template-columns:1fr}.pmi-v118-example-grid{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;padding-bottom:6px}.pmi-v118-trust-grid{grid-template-columns:1fr 1fr}.pmi-v118-trust-facts{grid-column:1/-1}.pmi-v118-faq-grid{grid-template-columns:.55fr 1.45fr}.pmi-v118-ready-card{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center}.pmi-v118-ready-card .btn{grid-column:2;grid-row:1/3}
}
@media(max-width:900px){
  .pmi-home-v118 .container{width:min(100% - 28px,1440px)}.pmi-v118-hero{padding-top:44px}.pmi-v118-demo-card{grid-template-columns:1fr}.pmi-v118-demo-source{border-right:0;border-bottom:1px solid var(--pmi-line)}.pmi-v118-demo-source>img{max-height:420px}.pmi-v118-step-grid{grid-template-columns:1fr;gap:25px}.pmi-v118-step-grid:before{display:none}.pmi-v118-step-grid article{padding:22px;border:1px solid var(--pmi-line);border-radius:17px}.pmi-v118-step-grid article>span{left:calc(50% + 30px);top:15px}.pmi-v118-trust-grid{grid-template-columns:1fr}.pmi-v118-trust-facts{grid-column:auto}.pmi-v118-pricing-grid{grid-template-columns:1fr;max-width:620px}.pmi-v118-pricing-grid article.is-featured{transform:none}.pmi-v118-faq-grid{grid-template-columns:1fr}.pmi-v118-final-inner{grid-template-columns:auto 1fr}.pmi-v118-final-inner>.btn{grid-column:1/-1;justify-content:center}
}
@media(max-width:640px){
  .pmi-v118-hero h1{font-size:44px}.pmi-v118-lead{font-size:16px!important}.pmi-v118-hero-actions{display:grid}.pmi-v118-hero-actions .btn{justify-content:center}.pmi-v118-microproof{display:grid;gap:8px}.pmi-v118-demo-card{border-radius:18px}.pmi-v118-demo-output,.pmi-v118-demo-source{padding:14px}.pmi-v118-demo-tabs button{padding:8px 10px}.pmi-v118-benefit-grid{grid-template-columns:1fr}.pmi-v118-benefit-grid>div{border-right:0;border-bottom:1px solid var(--pmi-line)!important}.pmi-v118-benefit-grid>div:last-child{border-bottom:0!important}.pmi-v118-compare-card,.pmi-v118-examples-panel{padding:18px}.pmi-v118-compare-table>div{grid-template-columns:1.25fr .8fr .8fr}.pmi-v118-compare-table span{padding:8px 7px;font-size:10.5px!important}.pmi-v118-example-grid{grid-template-columns:repeat(5,220px)}.pmi-v118-trust-grid{padding:18px}.pmi-v118-trust-facts{grid-template-columns:1fr}.pmi-v118-ready-card{display:flex}.pmi-v118-final-inner{grid-template-columns:1fr;padding:27px 22px;text-align:center}.pmi-v118-final-icon{margin:auto}.pmi-v118-final-inner>.btn{grid-column:auto}
}

/* ==========================================================
   PromptMyImage Theme v1.1.9 — Homepage proportion and readability correction
   Fixes: compressed hero demo, over-tall use-case cards, tiny microcopy,
   stretched comparison panel and excessive vertical whitespace.
   ========================================================== */
.pmi-home-v118 {
  --pmi-home-body: 15px;
  --pmi-home-small: 14px;
}
.pmi-home-v118 .container {
  width: min(1320px, calc(100% - 48px));
}
.pmi-home-v118 p,
.pmi-home-v118 li,
.pmi-home-v118 dd,
.pmi-home-v118 dt,
.pmi-home-v118 button,
.pmi-home-v118 a,
.pmi-home-v118 span,
.pmi-home-v118 small,
.pmi-home-v118 summary {
  font-size: max(var(--pmi-home-small), 1em);
}
.pmi-v118-kicker,
.pmi-v118-overline {
  font-size: 14px !important;
}

/* Hero: improve balance and make the product proof readable. */
.pmi-v118-hero {
  padding: 58px 0 46px;
}
.pmi-v118-hero-grid {
  grid-template-columns: minmax(420px, .88fr) minmax(620px, 1.12fr);
  gap: clamp(42px, 5vw, 72px);
}
.pmi-v118-hero-copy {
  max-width: 640px;
}
.pmi-v118-hero h1 {
  font-size: clamp(52px, 5.1vw, 76px);
  line-height: .98;
}
.pmi-v118-demo-card {
  grid-template-columns: minmax(300px, .82fr) minmax(0, 1.55fr);
  align-items: stretch;
}
.pmi-v118-demo-source {
  min-width: 0;
  padding: 22px;
}
.pmi-v118-demo-source > img {
  display: block;
  width: 100%;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover;
  object-position: center;
}
.pmi-v118-analysis dt,
.pmi-v118-analysis dd,
.pmi-v118-demo-tabs button,
.pmi-v118-prompt-actions .btn,
.pmi-v118-negative p,
.pmi-v118-microproof span {
  font-size: 14px !important;
}
.pmi-v118-prompt-panel p {
  min-height: 166px;
  font-size: 15px !important;
}

/* Benefit rail and steps: remove undersized labels. */
.pmi-v118-benefit-grid strong,
.pmi-v118-benefit-grid small,
.pmi-v118-step-grid p {
  font-size: 14px !important;
}
.pmi-v118-benefit-grid > div {
  min-height: 90px;
}

/* Proof block: prevent the left card from stretching and stop image cards
   from becoming tall vertical strips. */
.pmi-v118-proof {
  padding: 34px 0 72px;
}
.pmi-v118-proof-grid {
  grid-template-columns: minmax(330px, .72fr) minmax(0, 1.55fr);
  gap: 22px;
  align-items: start;
}
.pmi-v118-compare-card,
.pmi-v118-examples-panel {
  align-self: start;
}
.pmi-v118-compare-table span {
  font-size: 14px !important;
}
.pmi-v118-example-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}
.pmi-v118-example-grid article {
  display: flex;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
}
.pmi-v118-example-grid picture {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #edf1f6;
}
.pmi-v118-example-image {
  display: block;
  width: 100%;
  height: 100% !important;
  aspect-ratio: auto !important;
  object-fit: cover;
  object-position: center;
}
.pmi-v118-example-grid article > div {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 16px;
}
.pmi-v118-example-grid h3 {
  font-size: 16px;
}
.pmi-v118-example-grid p {
  min-height: 0;
  margin-bottom: 14px;
  font-size: 14px !important;
  line-height: 1.55;
}
.pmi-v118-text-button {
  margin-top: auto;
  font-size: 14px !important;
}

/* Trust, pricing and FAQ: consistent readable type and calmer proportions. */
.pmi-v118-trust {
  padding: 26px 0 68px;
}
.pmi-v118-trust-facts span,
.pmi-v118-pricing-grid article > small,
.pmi-v118-unit-price,
.pmi-v118-ready-card p,
.pmi-v118-faq-list details p {
  font-size: 14px !important;
}
.pmi-v118-pricing-grid {
  max-width: 1120px;
  gap: 20px;
}
.pmi-v118-pricing-grid article {
  min-height: 410px;
}
.pmi-v118-faq-list summary {
  min-height: 52px;
  font-size: 14px !important;
}

@media (max-width: 1180px) {
  .pmi-v118-hero-grid {
    grid-template-columns: 1fr;
  }
  .pmi-v118-hero-copy {
    max-width: 760px;
  }
  .pmi-v118-demo-card {
    max-width: none;
  }
  .pmi-v118-proof-grid {
    grid-template-columns: 1fr;
  }
  .pmi-v118-example-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: visible;
  }
}
@media (max-width: 820px) {
  .pmi-home-v118 .container {
    width: min(100% - 28px, 1320px);
  }
  .pmi-v118-demo-card {
    grid-template-columns: 1fr;
  }
  .pmi-v118-example-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  .pmi-v118-hero {
    padding-top: 36px;
  }
  .pmi-v118-hero h1 {
    font-size: clamp(40px, 12vw, 52px);
  }
  .pmi-v118-example-grid {
    grid-template-columns: 1fr;
  }
  .pmi-v118-example-grid picture {
    aspect-ratio: 16 / 10;
  }
}


/* PromptMyImage global Poppins typography — v1.2.1 */
body,button,input,select,textarea{font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}h1,h2,h3,h4,h5,h6,.site-title,.btn{font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}