@font-face {
  font-family: "inter";
  src: url("../fonts/inter/inter-latin-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "inter";
  src: url("../fonts/inter/inter-latin-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "cairo";
  src: url("../fonts/og/Cairo-OG.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-inter: "inter", "inter Fallback", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-ui: var(--font-inter);
  --font-display-ui: var(--font-inter);
  --font-cairo: "cairo", "cairo Fallback", Cairo, system-ui, sans-serif;
  --font-arabic-ui: var(--font-cairo), Cairo, ui-sans-serif, system-ui, sans-serif;
  --pcow-bg: #f7f7fb;
  --pcow-surface: #ffffff;
  --pcow-text: #111827;
  --pcow-muted: #6b7280;
  --pcow-border: #e5e7eb;
  --pcow-purple: #9333ea;
  --pcow-purple-dark: #7e22ce;
  --pcow-cyan: #06b6d4;
  --pcow-gradient: linear-gradient(90deg, #9333ea 0%, #06b6d4 100%);
  --pcow-shadow: 0 20px 60px rgba(17, 24, 39, 0.12);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html[dir="rtl"] {
  --font-ui: var(--font-arabic-ui);
  --font-display-ui: var(--font-arabic-ui);
}
body.pcow-site { margin: 0; background: var(--pcow-bg); color: var(--pcow-text); font-family: var(--font-ui); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
html[dir="rtl"] body.pcow-site,
html[dir="rtl"] body.pcow-site input,
html[dir="rtl"] body.pcow-site textarea,
html[dir="rtl"] body.pcow-site button,
html[dir="rtl"] body.pcow-site select,
html[dir="rtl"] body.pcow-site [role="dialog"],
body.pcow-site [dir="rtl"],
body.pcow-site [dir="rtl"] input,
body.pcow-site [dir="rtl"] textarea,
body.pcow-site [dir="rtl"] button,
body.pcow-site [dir="rtl"] select,
body.pcow-site [dir="rtl"] [role="dialog"] {
  font-family: var(--font-arabic-ui), var(--font-ui), sans-serif !important;
}

html[dir="rtl"] body.pcow-site :where(:not(code):not(pre):not(kbd):not(samp):not(.font-mono):not([class~="font-mono"])),
body.pcow-site [dir="rtl"] :where(:not(code):not(pre):not(kbd):not(samp):not(.font-mono):not([class~="font-mono"])) {
  font-family: var(--font-arabic-ui), var(--font-ui), sans-serif !important;
}
a { color: inherit; text-decoration: none; }
img, video { max-width: 100%; display: block; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: absolute; left: 16px; top: -60px; background: #111827; color: #fff; padding: 10px 14px; border-radius: 8px; z-index: 20; }
.skip-link:focus { top: 16px; }
.site-header { position: sticky; top: 18px; z-index: 10; padding: 18px clamp(16px, 4vw, 56px); }
.nav-shell { max-width: 1500px; margin: 0 auto; min-height: 76px; display: flex; align-items: center; gap: 28px; padding: 14px 18px; background: rgba(255,255,255,0.92); border: 1px solid var(--pcow-border); border-radius: 999px; box-shadow: 0 8px 28px rgba(17,24,39,0.08); backdrop-filter: blur(16px); }
.brand { display: inline-flex; align-items: center; gap: 12px; flex-shrink: 0; }
.brand-word { width: 101.04px; height: 20px; }
.nav-links { display: flex; align-items: center; gap: 22px; margin-inline: auto; color: #4b5563; font-weight: 700; }
.nav-links a.is-active { color: var(--pcow-purple); padding: 11px 16px; border: 2px solid rgba(147,51,234,0.28); border-radius: 999px; box-shadow: inset 0 0 0 3px rgba(147,51,234,0.08); }
.nav-actions { display: flex; align-items: center; gap: 18px; color: #4b5563; font-weight: 700; }
.lang { color: #6b7280; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 24px; border-radius: 14px; font-weight: 800; border: 1px solid transparent; transition: transform .18s ease, box-shadow .18s ease; }
.button:hover { transform: translateY(-1px); }
.button-primary { color: #fff; background: linear-gradient(to right, var(--pcow-purple), var(--pcow-purple-dark)); box-shadow: 0 16px 30px rgba(147,51,234,0.28); }
.button-secondary { color: #4b5563; background: #fff; border-color: var(--pcow-border); }
.button-large { min-height: 58px; padding-inline: 34px; }
.mobile-toggle { display: none; border: 0; background: #f3f4f6; border-radius: 999px; padding: 10px 14px; font-weight: 800; }
main { overflow: hidden; }
.hero { min-height: 760px; padding: 82px clamp(18px, 4vw, 72px) 32px; text-align: center; }
.hero-copy { max-width: 980px; margin: 0 auto; }
.hero h1 { margin: 0; font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif; font-size: clamp(58px, 8vw, 116px); font-weight: 800; line-height: .9; letter-spacing: 0; }
.hero h1 span { display: block; }
.gradient-text { background: var(--pcow-gradient); -webkit-background-clip: text; background-clip: text; color: transparent; }
.eyebrow { margin: 32px 0 16px; font-size: clamp(24px, 3vw, 34px); font-weight: 900; }
.subtitle { max-width: 520px; margin: 0 auto; color: var(--pcow-muted); font-size: 23px; line-height: 1.45; }
.cta-row { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; margin-top: 32px; }
.reel-stage { position: relative; max-width: 900px; margin: 96px auto 0; min-height: 350px; }
.reel-track { display: grid; grid-template-columns: repeat(7, minmax(190px, 1fr)); gap: 18px; overflow-x: auto; padding: 12px 48px 28px; scroll-snap-type: x mandatory; }
.reel-card { position: relative; min-width: 214px; aspect-ratio: 9 / 14; overflow: hidden; border-radius: 28px; background: #111827; box-shadow: var(--pcow-shadow); scroll-snap-align: center; transform: rotate(var(--tilt, 0deg)); }
.reel-card:nth-child(odd) { --tilt: -3deg; }
.reel-card:nth-child(even) { --tilt: 3deg; }
.reel-card video { width: 100%; height: 100%; object-fit: cover; opacity: .95; }
.reel-tag { position: absolute; top: 16px; right: 16px; z-index: 2; padding: 3px 9px; border-radius: 6px; background: rgba(255,255,255,.2); color: #fff; font-size: 10.5px; font-weight: 600; letter-spacing: normal; backdrop-filter: blur(10px); }
.reel-meta { position: absolute; left: 16px; right: 16px; bottom: 16px; z-index: 2; display: flex; justify-content: space-between; gap: 10px; color: #fff; text-shadow: 0 2px 10px rgba(0,0,0,.35); }
.reel-meta span { opacity: .82; }
.reel-control { position: absolute; top: 42%; z-index: 3; width: 44px; height: 44px; border: 0; border-radius: 999px; background: #fff; box-shadow: 0 10px 28px rgba(17,24,39,.14); font-size: 32px; line-height: 1; color: #4b5563; }
.reel-control.prev { left: 0; }
.reel-control.next { right: 0; }
.solutions, .how, .final-cta, .generic-page { padding: 72px clamp(18px, 4vw, 72px); }
.section-grid { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.solution-card, .step-card { background: #fff; border: 1px solid var(--pcow-border); border-radius: 28px; padding: 30px; box-shadow: 0 14px 40px rgba(17,24,39,.06); }
.solution-card h3, .step-card h3 { margin: 0 0 14px; font-size: 28px; }
.solution-card p, .step-card p { margin: 0; color: var(--pcow-muted); line-height: 1.65; font-size: 17px; }
.solution-card span { display: block; margin-top: 22px; color: var(--pcow-purple); font-weight: 900; font-size: 12px; letter-spacing: .08em; }
.how { text-align: center; background: #fff; }
.section-kicker, .final-cta > p:first-child { margin: 0 0 14px; text-transform: uppercase; color: var(--pcow-purple); font-weight: 900; letter-spacing: .12em; }
.how h2, .final-cta h2 { max-width: 760px; margin: 0 auto; font-size: clamp(42px, 6vw, 82px); line-height: .98; letter-spacing: 0; }
.section-intro, .final-body { max-width: 560px; margin: 22px auto 0; color: var(--pcow-muted); font-size: 20px; line-height: 1.5; }
.steps { max-width: 1180px; margin: 48px auto 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; text-align: left; }
.step-number { display: block; color: var(--pcow-purple); font-size: 40px; font-weight: 950; }
.step-kicker { display: block; margin: 6px 0 16px; color: #4b5563; font-size: 12px; font-weight: 900; letter-spacing: .1em; }
.final-cta { text-align: center; background: linear-gradient(180deg, #f8f8fa 0%, #ffffff 100%); }
.site-footer { background: #111827; color: #f9fafb; padding: 56px clamp(18px, 4vw, 72px) 28px; }
.footer-grid { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: 1.2fr repeat(4, 1fr); gap: 32px; }
.footer-word { margin-top: 10px; filter: brightness(0) invert(1); }
.footer-heading { margin: 0 0 16px; color: #d1d5db; font-size: 13px; font-weight: 900; letter-spacing: .1em; }
.site-footer a, .site-footer button { display: block; margin: 10px 0; color: #f9fafb; background: transparent; border: 0; padding: 0; font: inherit; text-align: left; cursor: pointer; }
.site-footer p { color: #d1d5db; line-height: 1.55; }
.tagline { font-weight: 900; }
.store-row { display: flex; align-items: center; gap: 10px; margin: 10px 0; color: #d1d5db; font-weight: 800; }
.footer-bottom { max-width: 1180px; margin: 36px auto 0; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.12); display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.socials { display: flex; gap: 16px; flex-wrap: wrap; }
@media (max-width: 980px) {
  .pricing-grid, .pricing-line-grid, .pricing-proof { grid-template-columns: 1fr; }
  .pricing-final { align-items: flex-start; flex-direction: column; }

  .nav-shell { border-radius: 28px; flex-wrap: wrap; }
  .mobile-toggle { display: inline-flex; margin-left: auto; }
  .nav-links, .nav-actions { display: none; width: 100%; align-items: stretch; flex-direction: column; gap: 10px; margin: 0; }
  .nav-shell.is-open .nav-links, .nav-shell.is-open .nav-actions { display: flex; }
  .nav-links a.is-active { padding: 0; border: 0; box-shadow: none; }
  .hero { padding-top: 48px; min-height: auto; }
  .hero h1 { font-size: clamp(52px, 17vw, 78px); }
  .subtitle { font-size: 20px; }
  .button-large { width: 100%; max-width: 360px; }
  .reel-stage { margin-top: 54px; }
  .section-grid, .steps, .footer-grid { grid-template-columns: 1fr; }
  .steps { text-align: left; }
  .footer-bottom { flex-direction: column; }
}

/* Original app parity pass */
body.pcow-site {
  background: #ffffff;
}

.site-header {
  top: 12px;
  padding-top: 12px;
}

.nav-shell {
  min-height: 66px;
  max-width: 1540px;
  padding: 10px 16px;
  background: #fff;
  border-color: rgba(229, 231, 235, .6);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px -1px rgba(0, 0, 0, .06);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  line-height: 24px;
}

.mobile-toggle {
  border: 0;
  background: transparent;
  border-radius: 8px;
  box-shadow: none;
}

.brand img:first-child {
  width: 44px;
  height: 44px;
}

.brand-word {
  width: 143px;
}

.nav-links,
.nav-actions {
  font-size: 14px;
}

.button::after {
  content: "";
}

.button-primary::after {
  content: " \2192";
  margin-inline-start: 8px;
  font-weight: 900;
}

html[dir="rtl"] .button-primary::after {
  content: " \2190";
}

.hero {
  padding-top: 76px;
  padding-bottom: 56px;
}

.hero h1 {
  font-size: clamp(64px, 8.2vw, 118px);
}

.reel-stage {
  max-width: 720px;
  min-height: 560px;
  margin-top: 92px;
}

.reel-track {
  position: relative;
  display: block;
  height: 430px;
  overflow: visible;
  padding: 0;
}

.reel-card {
  position: absolute;
  top: 8px;
  left: 50%;
  width: 260px;
  height: 402px;
  min-width: 0;
  border-radius: 26px;
  aspect-ratio: auto;
  scroll-snap-align: none;
  transform-origin: center bottom;
  box-shadow: 0 26px 70px rgba(17, 24, 39, .22);
}

.reel-card:nth-child(1) {
  z-index: 8;
  transform: translateX(-50%) translateY(12px) rotate(0deg) scale(1.05);
}

.reel-card:nth-child(2) {
  z-index: 6;
  transform: translateX(-4%) translateY(40px) rotate(10deg) scale(.95);
}

.reel-card:nth-child(3) {
  z-index: 5;
  transform: translateX(-96%) translateY(48px) rotate(-11deg) scale(.95);
}

.reel-card:nth-child(4) {
  z-index: 4;
  transform: translateX(30%) translateY(72px) rotate(15deg) scale(.84);
}

.reel-card:nth-child(5) {
  z-index: 4;
  transform: translateX(-128%) translateY(74px) rotate(-15deg) scale(.84);
}

.reel-card:nth-child(n+6) {
  display: none;
}

.reel-card.is-active {
  z-index: 9;
}

.reel-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-top: 30px;
}

.reel-control {
  position: static;
  width: 38px;
  height: 38px;
  font-size: 28px;
  color: #9ca3af;
}

.reel-progress {
  position: relative;
  width: 128px;
  height: 6px;
}

.reel-progress::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: repeating-linear-gradient(90deg, #e8e8f2 0 18px, transparent 18px 28px);
}

.reel-progress span {
  position: absolute;
  inset-block: 0;
  left: 0;
  width: 28px;
  border-radius: 999px;
  background: var(--pcow-gradient);
}

.section-grid {
  gap: 28px;
}

.solution-card {
  position: relative;
  overflow: hidden;
  min-height: 270px;
  border-radius: 12px;
  padding: 46px 30px 30px;
}

.solution-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--pcow-purple);
}

.solution-card:nth-child(2)::before {
  background: var(--pcow-cyan);
}

.solution-card:nth-child(3)::before {
  background: #22c55e;
}

.solution-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 26px;
  border: 1px solid #eadcff;
  border-radius: 12px;
  background: #faf5ff;
  color: var(--pcow-purple);
  font-size: 12px;
  font-weight: 950;
}

.solution-card:nth-child(2) .solution-icon {
  border-color: #ccfbf1;
  background: #ecfeff;
  color: #0891b2;
}

.solution-card:nth-child(3) .solution-icon {
  border-color: #dcfce7;
  background: #f0fdf4;
  color: #16a34a;
}

.how {
  padding-top: 116px;
  padding-bottom: 108px;
  background: #f7f7fb;
  text-align: left;
}

.how-head {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 48px;
  align-items: end;
  border-bottom: 1px solid #e9e9f2;
  padding-bottom: 32px;
}

.how h2 {
  max-width: 760px;
  margin: 0;
  font-size: clamp(38px, 4.4vw, 64px);
}

.how .section-intro {
  max-width: 360px;
  margin: 0 0 10px auto;
  font-size: 16px;
}

.steps {
  display: block;
  max-width: 1180px;
  margin-top: 0;
}

.step-card {
  display: grid;
  grid-template-columns: 126px 1fr 1.45fr;
  align-items: center;
  gap: 42px;
  min-height: 150px;
  padding: 34px 0;
  border: 0;
  border-bottom: 1px solid #e9e9f2;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.step-number {
  color: #b26ef5;
  font-size: clamp(48px, 5vw, 66px);
  line-height: 1;
}

.step-kicker {
  margin: 0 0 8px;
  color: #7e22ce;
}

.step-card h3 {
  margin: 0;
  font-size: 26px;
}

.step-card p {
  max-width: 440px;
  margin-left: auto;
  font-size: 15px;
}

.final-cta {
  padding-top: 110px;
  padding-bottom: 116px;
  background: #fff;
}

.final-cta-card {
  position: relative;
  max-width: 1080px;
  margin: 0 auto;
  padding: 100px 32px 88px;
  border: 1px solid #f0e7ff;
  border-radius: 30px;
  background: linear-gradient(180deg, #fffaff 0%, #fff 72%);
  box-shadow: 0 28px 80px rgba(147, 51, 234, .1);
}

.final-cta-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 190px;
  height: 4px;
  transform: translateX(-50%);
  border-radius: 0 0 999px 999px;
  background: var(--pcow-gradient);
}

.final-cta-card > p:first-child {
  margin: 0 0 18px;
  text-transform: uppercase;
  color: var(--pcow-purple);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
}

.final-cta h2 {
  max-width: 680px;
  font-weight: 800;
  font-size: clamp(42px, 5vw, 64px);
}

.final-cta h2 .gradient-text {
  display: block;
}

.demo-link {
  display: inline-block;
  margin-top: 18px;
  color: #6b7280;
  font-size: 13px;
  font-weight: 800;
}

.site-footer {
  background: #f7f7fb;
  color: var(--pcow-text);
  padding-top: 72px;
}

.footer-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 54px;
}

.footer-heading {
  color: #374151;
}

.footer-heading:first-child::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 8px;
  border-radius: 999px;
  background: var(--pcow-purple);
  vertical-align: 2px;
}

.site-footer a,
.site-footer button,
.site-footer p {
  color: #6b7280;
}

.site-footer button {
  font-weight: 700;
}

[dir="rtl"] .site-footer a,
[dir="rtl"] .site-footer button,
[dir="rtl"] .site-footer p {
  text-align: start;
}

[dir="rtl"] .footer-heading:first-child::before {
  margin-right: 0;
  margin-left: 8px;
}

.store-row {
  display: inline-flex;
  min-width: 138px;
  margin-right: 8px;
  padding: 6px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  color: #4b5563;
}

.footer-bottom {
  border-top: 1px solid #e5e7eb;
  color: #6b7280;
}

.footer-word {
  filter: none;
}

.socials a {
  display: inline-flex;
}

.static-page {
  padding: 66px clamp(18px, 4vw, 72px) 92px;
}

.static-shell {
  max-width: 1060px;
  margin: 0 auto;
}

.static-hero {
  margin-bottom: 34px;
  padding: 64px clamp(22px, 5vw, 72px);
  border: 1px solid #ede9fe;
  border-radius: 28px;
  background: linear-gradient(180deg, #fff 0%, #fbf7ff 100%);
  box-shadow: 0 20px 64px rgba(17, 24, 39, .07);
}

.static-kicker {
  margin: 0 0 12px;
  color: var(--pcow-purple);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.static-hero h1 {
  max-width: 820px;
  margin: 0;
  font-size: clamp(42px, 6vw, 76px);
  line-height: 1;
}

.static-summary {
  max-width: 680px;
  margin: 20px 0 0;
  color: #6b7280;
  font-size: 20px;
  line-height: 1.55;
}

.static-content {
  padding: 48px clamp(20px, 4vw, 58px);
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 16px 50px rgba(17, 24, 39, .05);
}

.static-content h2,
.static-content h3 {
  margin: 34px 0 12px;
  line-height: 1.15;
}

.static-content h2:first-child,
.static-content h3:first-child {
  margin-top: 0;
}

.static-content p,
.static-content li {
  color: #4b5563;
  font-size: 16px;
  line-height: 1.72;
}

.static-content p {
  margin: 0 0 14px;
}

.static-content .content-lede {
  color: #111827;
  font-size: 20px;
  font-weight: 800;
}

.static-content .content-note {
  color: var(--pcow-purple);
  font-weight: 900;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .1em;
}

.static-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 28px;
}


.blog-listing {
  padding: 48px clamp(20px, 4vw, 58px);
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 16px 50px rgba(17, 24, 39, .05);
}

.blog-listing-head {
  max-width: 760px;
  margin-bottom: 28px;
}

.blog-listing-head h2 {
  margin: 0;
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1.05;
}

.blog-listing-head p:last-child {
  margin: 14px 0 0;
  color: #6b7280;
  font-size: 18px;
  line-height: 1.6;
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.blog-card {
  display: grid;
  align-content: start;
  gap: 12px;
  min-height: 260px;
  padding: 24px;
  border: 1px solid #ede9fe;
  border-radius: 18px;
  background: linear-gradient(180deg, #fff 0%, #fbf7ff 100%);
}

.blog-card-meta {
  margin: 0;
  color: var(--pcow-purple);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.blog-card h3 {
  margin: 0;
  font-size: 24px;
  line-height: 1.15;
}

.blog-card h3 a {
  color: #111827;
}

.blog-card p {
  margin: 0;
  color: #4b5563;
  line-height: 1.65;
}

.blog-card-link {
  align-self: end;
  color: var(--pcow-purple);
  font-weight: 900;
}


.pricing-panel {
  display: grid;
  gap: 28px;
}

.pricing-intro,
.pricing-lines,
.pricing-final {
  padding: 42px clamp(20px, 4vw, 58px);
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 16px 50px rgba(17, 24, 39, .05);
}

.pricing-intro h2,
.pricing-lines-head h2,
.pricing-final h2 {
  max-width: 820px;
  margin: 0;
  font-size: clamp(32px, 4.5vw, 58px);
  line-height: 1.05;
}

.pricing-intro p:last-child,
.pricing-lines-head p {
  max-width: 760px;
  margin: 16px 0 0;
  color: #6b7280;
  font-size: 18px;
  line-height: 1.6;
}

.pricing-proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.pricing-proof span {
  padding: 18px 20px;
  border: 1px solid #ede9fe;
  border-radius: 16px;
  background: #fff;
  color: #111827;
  font-weight: 900;
  text-align: center;
}

.pricing-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.pricing-card,
.pricing-line-card {
  display: grid;
  align-content: start;
  gap: 14px;
  padding: 24px;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 36px rgba(17, 24, 39, .05);
}

.pricing-card.is-popular {
  border-color: #a855f7;
  box-shadow: 0 18px 50px rgba(147, 51, 234, .16);
}

.pricing-tier {
  margin: 0;
  color: var(--pcow-purple);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.pricing-card h3,
.pricing-line-card h3 {
  margin: 0;
  font-size: 26px;
  line-height: 1.1;
}

.pricing-price {
  margin: 0;
  color: #111827;
  font-size: 38px;
  font-weight: 950;
  letter-spacing: 0;
}

.pricing-credit,
.pricing-line-card p {
  margin: 0;
  color: #4b5563;
  line-height: 1.6;
}

.pricing-card ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pricing-card li {
  color: #4b5563;
  line-height: 1.45;
}

.pricing-card li::before {
  content: "•";
  color: var(--pcow-purple);
  font-weight: 900;
  margin-right: 8px;
}

.pricing-card .button {
  align-self: end;
  justify-content: center;
  margin-top: 8px;
}

.pricing-lines {
  display: grid;
  gap: 24px;
}

.pricing-line-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.pricing-line-card div {
  display: grid;
  gap: 2px;
  padding: 18px;
  border-radius: 16px;
  background: #f9fafb;
}

.pricing-line-card span {
  color: #6b7280;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.pricing-line-card strong {
  color: #111827;
  font-size: 34px;
  line-height: 1;
}

.pricing-line-card em {
  color: #6b7280;
  font-style: normal;
}

.pricing-final {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
  background: linear-gradient(180deg, #fff 0%, #fbf7ff 100%);
}

@media (max-width: 980px) {
  .pricing-grid,
  .pricing-line-grid,
  .pricing-proof {
    grid-template-columns: 1fr;
  }

  .pricing-final {
    align-items: flex-start;
    flex-direction: column;
  }
}

.feedback-panel {
  margin-top: 28px;
  padding: 36px clamp(20px, 4vw, 58px);
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 16px 50px rgba(17, 24, 39, .05);
}

.feedback-panel h2 {
  margin: 0 0 12px;
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.05;
}

.feedback-panel p {
  margin: 0;
  color: #6b7280;
  line-height: 1.6;
}

.feedback-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 28px;
}

.feedback-form label,
.feedback-message-field {
  display: grid;
  gap: 8px;
}

.feedback-form span {
  color: #374151;
  font-size: 13px;
  font-weight: 900;
}

.feedback-form input,
.feedback-form select,
.feedback-form textarea {
  width: 100%;
  min-height: 48px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  color: #111827;
  font: inherit;
  padding: 12px 14px;
}

.feedback-form textarea {
  min-height: 150px;
  resize: vertical;
}

.feedback-message-field,
.feedback-form button {
  grid-column: 1 / -1;
}

.feedback-message {
  margin-top: 18px;
  padding: 12px 14px;
  border-radius: 12px;
  font-weight: 800;
}

.feedback-message.is-success {
  border: 1px solid #bbf7d0;
  background: #f0fdf4;
  color: #166534;
}

.feedback-message.is-error {
  border: 1px solid #fecaca;
  background: #fef2f2;
  color: #991b1b;
}

/* Current live route parity: app.pcow.io/for-creators (MarketingShell v2). */
.creator-v2-parity {
  --font-forma: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --pc-public-display-tracking: -0.035em;
  --pc-public-section-tracking: -0.025em;
  --pc-public-card-title-tracking: -0.015em;
  --pc-public-small-tracking: -0.01em;
  --pc-public-kicker-tracking: 0.1em;
  --pc-public-kicker-transform: uppercase;
  --pc-public-surface-hero-top: #f7f7fb;
  --pc-public-surface-hero-bottom: #fafafc;
  --pc-public-surface-muted: #f8f8fa;
  --pc-public-surface-white: #ffffff;
  --border-default: #e5e7eb;
  --border-soft: rgba(229, 231, 235, .5);
  --pc-public-text-heading: #111827;
  --pc-public-text-strong: #374151;
  --pc-public-text-body: #6b7280;
  --pc-public-text-muted: #9ca3af;
  --pc-public-text-action: #4b5563;
  --pc-public-badge-bg: oklch(0.977 0.014 308.299);
  --pc-public-badge-border: oklab(0.902 0.037653 -0.0505099 / .6);
  --pc-public-badge-text: oklch(0.496 0.265 301.924);
  --pc-public-badge-dot: oklch(0.627 0.265 303.9);
  --pc-public-cta-gradient: linear-gradient(to right, oklch(0.558 0.288 302.321) 0%, oklch(0.496 0.265 301.924) 100%);
  --pc-public-brand-gradient: linear-gradient(to right, oklch(0.558 0.288 302.321) 0%, oklch(0.715 0.143 215.221) 100%);
  --pc-public-cta-hero-shadow: 0 10px 15px -3px oklab(0.627 0.147802 -0.219953 / .2), 0 4px 6px -4px oklab(0.627 0.147802 -0.219953 / .2);
  --pc-public-cta-hero-hover-shadow: 0 8px 30px oklab(0.627 0.147802 -0.219953 / .25);
  --mode-videos: #9333ea;
  --mode-videos-strong: #7e22ce;
  --mode-videos-soft: #faf5ff;
  background: var(--pc-public-surface-white);
  color: var(--pc-public-text-heading);
  font-family: var(--font-ui);
}

.creator-v2-parity[dir="rtl"] {
  --font-forma: var(--font-display-ui);
  --pc-public-display-tracking: 0;
  --pc-public-section-tracking: 0;
  --pc-public-card-title-tracking: 0;
  --pc-public-small-tracking: 0;
  --pc-public-kicker-tracking: 0;
  --pc-public-kicker-transform: none;
  font-family: var(--font-arabic-ui);
}

.creator-v2-parity .pc-public-body {
  color: var(--pc-public-text-body);
}

.creator-v2-parity .brand-gradient-word {
  background: var(--pc-public-brand-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.creator-v2-hero {
  position: relative;
  overflow: hidden;
  padding: 120px 24px 64px;
}

.creator-v2-hero .pc-public-hero-bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, var(--pc-public-surface-hero-top) 0%, var(--pc-public-surface-hero-bottom) 100%);
}

.creator-v2-hero-inner {
  position: relative;
  z-index: 1;
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}

.creator-v2-badge-wrap {
  display: inline-flex;
  margin-bottom: 22px;
}

.creator-v2-parity .pc-public-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border: 1px solid var(--pc-public-badge-border);
  border-radius: 999px;
  background: var(--pc-public-badge-bg);
  color: var(--pc-public-badge-text);
  font-size: 13px;
  font-weight: 500;
}

.creator-v2-parity .pc-public-badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--pc-public-badge-dot);
}

.creator-v2-hero h1 {
  margin: 0 0 18px;
  color: var(--pc-public-text-heading);
  font-family: var(--font-forma);
  font-size: clamp(2.6rem, 5.2vw, 4.2rem);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: var(--pc-public-display-tracking);
}

.creator-v2-lead {
  max-width: 640px;
  margin: 0 auto 28px;
  font-size: 18px;
  line-height: 1.55;
}

.creator-v2-cta-wrap {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.creator-v2-parity .pc-public-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border: 0;
  border-radius: 12px;
  background: var(--pc-public-cta-gradient);
  color: #fff;
  box-shadow: var(--pc-public-cta-hero-shadow);
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: transform .15s ease, box-shadow .2s ease;
}

.creator-v2-parity .pc-public-cta:hover {
  transform: translateY(-1px);
  box-shadow: var(--pc-public-cta-hero-hover-shadow);
}

.business-v2-parity {
  --font-forma: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --pc-public-display-tracking: -0.035em;
  --pc-public-section-tracking: -0.025em;
  --pc-public-card-title-tracking: -0.015em;
  --pc-public-small-tracking: -0.01em;
  --pc-public-kicker-tracking: 0.1em;
  --pc-public-kicker-transform: uppercase;
  --pc-public-surface-hero-top: #f7f7fb;
  --pc-public-surface-hero-bottom: #fafafc;
  --pc-public-surface-muted: #f8f8fa;
  --pc-public-surface-white: #ffffff;
  --border-default: #e5e7eb;
  --border-soft: rgba(229, 231, 235, .5);
  --pc-public-text-heading: #111827;
  --pc-public-text-body: #6b7280;
  --pc-public-text-action: #4b5563;
  --pc-public-badge-bg: oklch(0.977 0.014 308.299);
  --pc-public-badge-border: oklab(0.902 0.037653 -0.0505099 / .6);
  --pc-public-badge-text: oklch(0.496 0.265 301.924);
  --pc-public-badge-dot: oklch(0.627 0.265 303.9);
  --pc-public-cta-gradient: linear-gradient(to right, oklch(0.558 0.288 302.321) 0%, oklch(0.496 0.265 301.924) 100%);
  --pc-public-brand-gradient: linear-gradient(to right, oklch(0.558 0.288 302.321) 0%, oklch(0.715 0.143 215.221) 100%);
  --pc-public-cta-hero-shadow: 0 10px 15px -3px oklab(0.627 0.147802 -0.219953 / .2), 0 4px 6px -4px oklab(0.627 0.147802 -0.219953 / .2);
  --pc-public-cta-hero-hover-shadow: 0 8px 30px oklab(0.627 0.147802 -0.219953 / .25);
  --mode-videos: #9333ea;
  --mode-videos-strong: #7e22ce;
  --mode-videos-soft: #faf5ff;
  background: var(--pc-public-surface-white);
  color: var(--pc-public-text-heading);
  font-family: var(--font-ui);
}

.how-v2-parity {
  --font-forma: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --pc-public-display-tracking: -0.035em;
  --pc-public-section-tracking: -0.025em;
  --pc-public-card-title-tracking: -0.015em;
  --pc-public-small-tracking: -0.01em;
  --pc-public-kicker-tracking: 0.1em;
  --pc-public-kicker-transform: uppercase;
  --pc-public-surface-hero-top: #f7f7fb;
  --pc-public-surface-hero-bottom: #fafafc;
  --pc-public-surface-muted: #f8f8fa;
  --pc-public-surface-white: #ffffff;
  --border-default: #e5e7eb;
  --border-soft: rgba(229, 231, 235, .5);
  --pc-public-text-heading: #111827;
  --pc-public-text-body: #6b7280;
  --pc-public-text-action: #4b5563;
  --pc-public-badge-bg: oklch(0.977 0.014 308.299);
  --pc-public-badge-border: oklab(0.902 0.037653 -0.0505099 / .6);
  --pc-public-badge-text: oklch(0.496 0.265 301.924);
  --pc-public-badge-dot: oklch(0.627 0.265 303.9);
  --pc-public-cta-gradient: linear-gradient(to right, oklch(0.558 0.288 302.321) 0%, oklch(0.496 0.265 301.924) 100%);
  --pc-public-brand-gradient: linear-gradient(to right, oklch(0.558 0.288 302.321) 0%, oklch(0.715 0.143 215.221) 100%);
  --pc-public-cta-hero-shadow: 0 10px 15px -3px oklab(0.627 0.147802 -0.219953 / .2), 0 4px 6px -4px oklab(0.627 0.147802 -0.219953 / .2);
  --pc-public-cta-hero-hover-shadow: 0 8px 30px oklab(0.627 0.147802 -0.219953 / .25);
  --mode-videos: #9333ea;
  --mode-videos-strong: #7e22ce;
  --mode-videos-soft: #faf5ff;
  background: var(--pc-public-surface-white);
  color: var(--pc-public-text-heading);
  font-family: var(--font-ui);
}

.business-v2-parity[dir="rtl"] {
  --font-forma: var(--font-display-ui);
  --pc-public-display-tracking: 0;
  --pc-public-section-tracking: 0;
  --pc-public-card-title-tracking: 0;
  --pc-public-small-tracking: 0;
  --pc-public-kicker-tracking: 0;
  --pc-public-kicker-transform: none;
  font-family: var(--font-arabic-ui);
}

.how-v2-parity[dir="rtl"] {
  --font-forma: var(--font-display-ui);
  --pc-public-display-tracking: 0;
  --pc-public-section-tracking: 0;
  --pc-public-card-title-tracking: 0;
  --pc-public-small-tracking: 0;
  --pc-public-kicker-tracking: 0;
  --pc-public-kicker-transform: none;
  font-family: var(--font-arabic-ui);
}

.business-v2-parity .pc-public-body {
  color: var(--pc-public-text-body);
}

.how-v2-parity .pc-public-body {
  color: var(--pc-public-text-body);
}

.business-v2-parity .brand-gradient-word {
  background: var(--pc-public-brand-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.how-v2-parity .brand-gradient-word {
  background: var(--pc-public-brand-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.business-v2-parity .pc-public-badge,
.business-v2-parity .pc-public-cta,
.how-v2-parity .pc-public-badge {
  display: inline-flex;
  align-items: center;
}

.business-v2-parity .pc-public-badge {
  gap: 8px;
  padding: 6px 14px;
  border: 1px solid var(--pc-public-badge-border);
  border-radius: 999px;
  background: var(--pc-public-badge-bg);
  color: var(--pc-public-badge-text);
  font-size: 13px;
  font-weight: 500;
}

.how-v2-parity .pc-public-badge {
  gap: 8px;
  padding: 6px 14px;
  border: 1px solid var(--pc-public-badge-border);
  border-radius: 999px;
  background: var(--pc-public-badge-bg);
  color: var(--pc-public-badge-text);
  font-size: 13px;
  font-weight: 500;
}

.business-v2-parity .pc-public-badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--pc-public-badge-dot);
}

.how-v2-parity .pc-public-badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--pc-public-badge-dot);
}

.business-v2-parity .pc-public-cta {
  gap: 8px;
  padding: 14px 28px;
  border: 0;
  border-radius: 12px;
  background: var(--pc-public-cta-gradient);
  color: #fff;
  box-shadow: var(--pc-public-cta-hero-shadow);
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: transform .15s ease, box-shadow .2s ease;
}

.business-v2-parity .pc-public-cta:hover {
  transform: translateY(-1px);
  box-shadow: var(--pc-public-cta-hero-hover-shadow);
}

.business-v2-parity .pc-public-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 47px;
  padding: 14px 28px;
  border: 1px solid var(--border-default);
  border-radius: 12px;
  background: #fff;
  color: var(--pc-public-text-action);
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
}

.business-v2-hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

.creator-v2-trust {
  display: flex;
  justify-content: center;
  margin: 18px 0 0;
  color: var(--pc-public-text-body);
  font-size: 13px;
}

.creator-v2-trust strong {
  color: var(--pc-public-badge-text);
  font-family: var(--font-forma);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: var(--pc-public-small-tracking);
}

.creator-v2-why {
  padding: 80px 24px;
  background: var(--pc-public-surface-muted);
}

.creator-v2-wrap {
  max-width: 1240px;
  margin: 0 auto;
}

.creator-v2-section-title {
  max-width: 720px;
  margin: 0 auto 36px;
  text-align: center;
}

.creator-v2-section-title p {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 12px;
  color: var(--pc-public-badge-text);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: var(--pc-public-kicker-tracking);
  text-transform: var(--pc-public-kicker-transform);
}

.creator-v2-section-title p span {
  width: 18px;
  height: 1px;
  background: var(--pc-public-badge-text);
}

.creator-v2-section-title h2 {
  margin: 0 0 10px;
  color: var(--pc-public-text-heading);
  font-family: var(--font-forma);
  font-size: clamp(1.65rem, 6.5vw, 2.8rem);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--pc-public-section-tracking);
}

.creator-v2-parity .creators-why-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 12px;
}

.creator-v2-parity .creators-why-card {
  padding: 26px;
  border: 1px solid var(--border-soft);
  border-radius: 16px;
  background: #fff;
}

.pcow-v2-icon {
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  border-radius: 11px;
  background: var(--pc-public-badge-bg);
  color: var(--pc-public-badge-text);
}

.pcow-v2-icon::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: currentColor;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}

.pcow-v2-icon-check::before {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M9.2 16.6 4.9 12.3 3.5 13.7l5.7 5.7L21 7.6 19.6 6.2z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M9.2 16.6 4.9 12.3 3.5 13.7l5.7 5.7L21 7.6 19.6 6.2z'/%3E%3C/svg%3E");
}

.pcow-v2-icon-megaphone::before {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M3 10v4h4l9 5V5l-9 5H3Zm15.5-.8v5.6A4 4 0 0 0 21 12a4 4 0 0 0-2.5-2.8ZM7 15.5V18h2v-1.4l-2-1.1Z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M3 10v4h4l9 5V5l-9 5H3Zm15.5-.8v5.6A4 4 0 0 0 21 12a4 4 0 0 0-2.5-2.8ZM7 15.5V18h2v-1.4l-2-1.1Z'/%3E%3C/svg%3E");
}

.pcow-v2-icon-users::before {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M8 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm8 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM2 21a6 6 0 0 1 12 0H2Zm12.2-1.8A7.7 7.7 0 0 0 12.8 16a5 5 0 0 1 8.2 3.2H14.2Z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M8 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm8 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM2 21a6 6 0 0 1 12 0H2Zm12.2-1.8A7.7 7.7 0 0 0 12.8 16a5 5 0 0 1 8.2 3.2H14.2Z'/%3E%3C/svg%3E");
}

.pcow-v2-icon-wallet::before {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M4 5h14a2 2 0 0 1 2 2v2h-6a4 4 0 0 0 0 8h6v2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm10 6h7v4h-7a2 2 0 0 1 0-4Zm2 1.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M4 5h14a2 2 0 0 1 2 2v2h-6a4 4 0 0 0 0 8h6v2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm10 6h7v4h-7a2 2 0 0 1 0-4Zm2 1.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z'/%3E%3C/svg%3E");
}

.pcow-v2-icon-video::before {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='m22 8-6 4 6 4V8ZM3 6h11a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2Z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='m22 8-6 4 6 4V8ZM3 6h11a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2Z'/%3E%3C/svg%3E");
}

.creator-v2-parity .creators-why-card h3 {
  margin: 0 0 6px;
  color: var(--pc-public-text-heading);
  font-family: var(--font-forma);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: var(--pc-public-card-title-tracking);
}

.creator-v2-parity .creators-why-card p {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.55;
}

.business-v2-workflow {
  padding: 80px 24px;
  background: #fff;
}

.business-v2-section-title.is-start {
  margin-inline: 0;
  text-align: start;
}

.business-v2-section-title em {
  display: block;
  max-width: 600px;
  margin: 0;
  color: var(--pc-public-text-body);
  font-size: 17px;
  font-style: normal;
  line-height: 1.55;
}

.biz-workflow-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
}

.biz-workflow-connector {
  position: absolute;
  top: 28px;
  right: 12.5%;
  left: 12.5%;
  z-index: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--pc-public-badge-bg), var(--pc-public-badge-text), var(--pc-public-badge-bg));
}

.biz-workflow-grid article {
  position: relative;
  z-index: 1;
  padding: 0 12px;
  text-align: center;
}

.biz-workflow-grid article > strong {
  display: flex;
  width: 56px;
  height: 56px;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  border: 2px solid var(--pc-public-badge-text);
  border-radius: 999px;
  background: #fff;
  color: var(--pc-public-badge-text);
  font-family: var(--font-forma);
  font-size: 18px;
  font-weight: 800;
}

.biz-workflow-grid article > span {
  display: block;
  margin-bottom: 4px;
  color: var(--pc-public-badge-text);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.business-v2-parity[dir="rtl"] .biz-workflow-grid article > span {
  letter-spacing: 0;
  text-transform: none;
}

.biz-workflow-grid h3,
.biz-features-grid h3 {
  margin: 0 0 6px;
  color: var(--pc-public-text-heading);
  font-family: var(--font-forma);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: var(--pc-public-card-title-tracking);
}

.biz-workflow-grid p,
.biz-features-grid p {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.5;
}

.business-v2-features {
  padding: 80px 24px;
  background: var(--pc-public-surface-muted);
}

.biz-features-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.biz-features-grid article {
  padding: 24px;
  border: 1px solid var(--border-soft);
  border-radius: 16px;
  background: #fff;
}

.biz-features-grid .pcow-v2-icon {
  width: 36px;
  height: 36px;
  margin-bottom: 14px;
  border-radius: 10px;
}

.business-v2-final-demo {
  margin-top: 16px;
}

.business-v2-final-demo a {
  color: var(--pc-public-text-action);
  font-size: 14px;
  text-decoration: none;
  opacity: .72;
}

.marketing-v2-root .final-cta-section {
  padding: clamp(64px, 10vw, 120px) clamp(16px, 4vw, 32px);
  background: var(--pc-public-surface-white);
}

.marketing-v2-root .final-cta-shell {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  overflow: hidden;
  padding: clamp(48px, 8vw, 96px) clamp(24px, 6vw, 72px);
  border: 1px solid var(--border-soft);
  border-radius: clamp(24px, 3vw, 32px);
  background: radial-gradient(120% 100% at 50% 0%, var(--mode-videos-soft) 0%, rgba(255,255,255,0) 70%), linear-gradient(180deg, #fdfbff 0%, #fff 100%);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .02), 0 24px 60px -32px rgba(147, 51, 234, .18);
  text-align: center;
}

.marketing-v2-root .final-cta-shell::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: clamp(120px, 18vw, 220px);
  height: 2px;
  transform: translateX(-50%);
  border-radius: 0 0 999px 999px;
  background: var(--pc-public-cta-gradient);
}

.marketing-v2-root .final-cta-kicker {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 18px;
  color: var(--mode-videos-strong);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: var(--pc-public-kicker-tracking);
  text-transform: var(--pc-public-kicker-transform);
}

.marketing-v2-root .final-cta-kicker-line {
  width: 18px;
  height: 1px;
  background: currentColor;
}

.marketing-v2-root .final-cta-title {
  margin: 0 0 18px;
  color: var(--pc-public-text-heading);
  font-family: var(--font-forma);
  font-size: clamp(2.2rem, 5vw, 3.6rem);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: var(--pc-public-display-tracking);
}

.marketing-v2-root .final-cta-body {
  max-width: 560px;
  margin: 0 auto clamp(28px, 4vw, 40px);
  color: var(--pc-public-text-body);
  font-size: clamp(15px, 1.4vw, 17px);
  line-height: 1.55;
}

.marketing-v2-root .final-cta-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: 999px;
  background: var(--pc-public-cta-gradient);
  color: #fff;
  box-shadow: var(--pc-public-cta-hero-shadow);
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: transform .15s ease, box-shadow .2s ease;
}

.marketing-v2-root .final-cta-button:hover {
  transform: translateY(-1px);
  box-shadow: var(--pc-public-cta-hero-hover-shadow);
}

.how-v2-steps {
  padding: 0 24px 80px;
  background: #fff;
}

.how-v2-radio {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.how-v2-tabs .mode-segment {
  display: flex;
  justify-content: center;
  gap: 4px;
  width: max-content;
  margin: 0 auto 48px;
  padding: 4px;
  border: 1px solid #eae8f0;
  border-radius: 999px;
  background: #fff;
}

.how-v2-tabs .mode-segment label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;
  border-radius: 999px;
  color: var(--pc-public-text-body);
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
}

.how-v2-tabs .mode-segment .pcow-v2-icon {
  width: 20px;
  height: 20px;
  margin: 0;
  background: transparent;
}

.how-v2-tabs .mode-segment .pcow-v2-icon::before {
  width: 14px;
  height: 14px;
}

#pcow-how-brand:checked ~ .how-v2-steps .mode-segment .how-v2-brand-tab,
#pcow-how-creator:checked ~ .how-v2-steps .mode-segment .how-v2-creator-tab {
  background: var(--mode-videos-soft);
  color: var(--mode-videos-strong);
}

.how-v2-panel,
.how-v2-final-shell {
  display: none;
}

#pcow-how-brand:checked ~ .how-v2-steps .how-v2-panel-brand,
#pcow-how-brand:checked ~ .how-v2-final .how-v2-final-business,
#pcow-how-creator:checked ~ .how-v2-steps .how-v2-panel-creator,
#pcow-how-creator:checked ~ .how-v2-final .how-v2-final-creator {
  display: block;
}

.how-flow-row {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr) 240px;
  gap: 40px;
  align-items: flex-start;
  padding: 40px 0;
  border-top: 1px solid var(--border-soft);
}

.how-flow-row:last-child {
  border-bottom: 1px solid var(--border-soft);
}

.how-flow-row > div:first-child strong {
  display: block;
  color: var(--pc-public-badge-text);
  font-family: var(--font-forma);
  font-size: clamp(44px, 5vw, 64px);
  font-weight: 800;
  line-height: .9;
  letter-spacing: var(--pc-public-display-tracking);
}

.how-flow-row > div:first-child span {
  display: block;
  margin-top: 8px;
  color: var(--pc-public-badge-text);
  font-size: 12px;
  font-weight: 700;
}

.how-flow-row h3 {
  margin: 0 0 8px;
  color: var(--pc-public-text-heading);
  font-family: var(--font-forma);
  font-size: clamp(22px, 3vw, 34px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--pc-public-card-title-tracking);
}

.how-flow-row p {
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
}

.how-flow-row aside {
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  text-align: end;
}

.how-flow-row aside strong {
  display: inline-flex;
  align-items: baseline;
  gap: .18em;
  color: var(--pc-public-badge-text);
  font-family: var(--font-forma);
  font-size: 38px;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: var(--pc-public-section-tracking);
  white-space: nowrap;
}

.how-flow-row aside span {
  display: block;
  margin-top: 6px;
  color: var(--pc-public-text-body);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}

.how-v2-parity[dir="rtl"] .how-flow-row aside {
  direction: rtl;
  text-align: start;
}

.how-v2-final {
  margin-top: 0;
}

.how-v2-faq {
  padding: 80px 24px;
  background: var(--pc-public-surface-muted);
}

.how-v2-faq-list {
  display: grid;
  max-width: 760px;
  margin: 0 auto;
  gap: 12px;
}

.how-v2-faq-list details {
  padding: 18px 22px;
  border: 1px solid var(--border-soft);
  border-radius: 14px;
  background: #fff;
}

.how-v2-faq-list summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--pc-public-text-heading);
  cursor: pointer;
  font-family: var(--font-forma);
  font-size: 16px;
  font-weight: 700;
  list-style: none;
}

.how-v2-faq-list summary::-webkit-details-marker {
  display: none;
}

.how-v2-faq-list summary span {
  color: var(--pc-public-badge-text);
  font-size: 22px;
  font-weight: 800;
}

.how-v2-faq-list p {
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.6;
}

@media (max-width: 900px) {
  .biz-workflow-grid,
  .biz-features-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .biz-workflow-connector {
    display: none;
  }

  .biz-workflow-grid article {
    padding: 0;
  }

  .how-flow-row {
    grid-template-columns: 1fr;
    gap: 12px;
    align-items: start;
  }

  .how-flow-row aside {
    text-align: start;
  }
}

@media (max-width: 560px) {
  .business-v2-hero-actions,
  .how-v2-tabs .mode-segment {
    width: 100%;
    flex-direction: column;
  }

  .business-v2-hero-actions a,
  .how-v2-tabs .mode-segment label {
    width: 100%;
    justify-content: center;
  }
}

.creator-v2-parity .final-cta-section {
  padding: clamp(64px, 10vw, 120px) clamp(16px, 4vw, 32px);
  background: var(--pc-public-surface-white);
}

.creator-v2-parity .final-cta-shell {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  overflow: hidden;
  padding: clamp(48px, 8vw, 96px) clamp(24px, 6vw, 72px);
  border: 1px solid var(--border-soft);
  border-radius: clamp(24px, 3vw, 32px);
  background: radial-gradient(120% 100% at 50% 0%, var(--mode-videos-soft) 0%, rgba(255, 255, 255, 0) 70%), linear-gradient(180deg, #fdfbff 0%, #ffffff 100%);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .02), 0 24px 60px -32px rgba(147, 51, 234, .18);
  text-align: center;
}

.creator-v2-parity .final-cta-shell::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: clamp(120px, 18vw, 220px);
  height: 2px;
  transform: translateX(-50%);
  border-radius: 0 0 999px 999px;
  background: var(--pc-public-cta-gradient);
}

.creator-v2-parity .final-cta-kicker {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 18px;
  color: var(--mode-videos-strong);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: var(--pc-public-kicker-tracking);
  text-transform: var(--pc-public-kicker-transform);
}

.creator-v2-parity .final-cta-kicker-line {
  width: 18px;
  height: 1px;
  background: currentColor;
}

.creator-v2-parity .final-cta-title {
  margin: 0 0 18px;
  color: var(--pc-public-text-heading);
  font-family: var(--font-forma);
  font-size: clamp(2.2rem, 5vw, 3.6rem);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: var(--pc-public-display-tracking);
}

.creator-v2-parity .final-cta-body {
  max-width: 560px;
  margin: 0 auto clamp(28px, 4vw, 40px);
  color: var(--pc-public-text-body);
  font-size: clamp(15px, 1.4vw, 17px);
  line-height: 1.55;
}

.creator-v2-parity .final-cta-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: 999px;
  background: var(--pc-public-cta-gradient);
  color: #fff;
  box-shadow: var(--pc-public-cta-hero-shadow);
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: transform .15s ease, box-shadow .2s ease;
}

.creator-v2-parity .final-cta-button:hover {
  transform: translateY(-1px);
  box-shadow: var(--pc-public-cta-hero-hover-shadow);
}

.creator-v2-parity[dir="rtl"] .pcow-v2-arrow {
  display: inline-block;
}

@media (max-width: 900px) {
  .creator-v2-parity .creators-why-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .creator-v2-hero {
    padding: 96px 24px 56px;
  }

  .creator-v2-lead {
    font-size: 16px;
  }
}
@media (max-width: 980px) {
  .site-header {
    top: 0;
    padding: 8px 8px 0;
  }

  .nav-shell {
    min-height: 52px;
    padding: 8px 10px;
    border-radius: 14px;
    gap: 8px;
  }

  .brand {
    gap: 7px;
  }

  .brand img:first-child {
    width: 28px;
    height: 28px;
  }

  .brand-word {
    width: 98px;
  }

  .mobile-toggle {
    width: 32px;
    height: 32px;
    margin-left: 0;
    padding: 0;
    font-size: 0;
  }

  .mobile-toggle::before {
    content: "\2630";
    color: #6b7280;
    font-size: 16px;
    line-height: 1;
  }

  .nav-actions {
    order: 2;
  }

  .nav-shell > .nav-actions {
    flex-direction: column;
  }

  .nav-shell:not(.is-open) .nav-actions {
    display: flex;
    width: auto;
    margin-left: auto;
  }

  .nav-shell:not(.is-open) .nav-actions .signin,
  .nav-shell:not(.is-open) .nav-actions .button {
    display: none;
  }

  .nav-shell:not(.is-open) .nav-actions .lang {
    display: inline-flex;
    margin: 0;
    font-size: 12px;
  }

  .hero {
    padding: 52px 18px 34px;
  }

  .hero h1 {
    font-size: clamp(43px, 12vw, 56px);
  }

  .eyebrow {
    margin-top: 22px;
    font-size: 18px;
  }

  .subtitle {
    font-size: 15px;
  }

  .reel-stage {
    min-height: 460px;
    margin-top: 40px;
  }

  .reel-track {
    height: 335px;
  }

  .reel-card {
    width: 194px;
    height: 300px;
    border-radius: 20px;
  }

  .reel-card:nth-child(2) {
    transform: translateX(-5%) translateY(36px) rotate(10deg) scale(.9);
  }

  .reel-card:nth-child(3) {
    transform: translateX(-95%) translateY(40px) rotate(-11deg) scale(.9);
  }

  .reel-card:nth-child(4),
  .reel-card:nth-child(5) {
    display: none;
  }

  .reel-nav {
    margin-top: 18px;
  }

  .solutions,
  .how,
  .final-cta,
  .static-page {
    padding-inline: 14px;
  }

  .solution-card {
    min-height: 0;
    padding: 30px 22px 24px;
  }

  .how {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .how-head {
    display: block;
    padding-bottom: 24px;
    text-align: left;
  }

  .how h2 {
    font-size: 28px;
  }

  .how .section-intro {
    max-width: none;
    margin: 14px 0 0;
    font-size: 13px;
  }

  .step-card {
    grid-template-columns: 1fr;
    gap: 8px;
    min-height: 0;
    padding: 28px 0;
  }

  .step-number {
    font-size: 44px;
  }

  .step-card h3 {
    font-size: 18px;
  }

  .step-card p {
    max-width: none;
    margin-left: 0;
    font-size: 13px;
  }

  .final-cta {
    padding-top: 58px;
    padding-bottom: 58px;
  }

  .final-cta-card {
    padding: 58px 18px 46px;
    border-radius: 14px;
  }

  .final-cta h2 {
    font-size: 33px;
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 28px;
  }

  .site-footer {
    padding-inline: 18px;
  }

  .static-hero {
    padding: 42px 20px;
    border-radius: 18px;
  }

  .static-hero h1 {
    font-size: 40px;
  }

  .static-summary {
    font-size: 17px;
  }

  .static-content {
    padding: 28px 20px;
  }

  
.blog-listing {
  padding: 48px clamp(20px, 4vw, 58px);
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 16px 50px rgba(17, 24, 39, .05);
}

.blog-listing-head {
  max-width: 760px;
  margin-bottom: 28px;
}

.blog-listing-head h2 {
  margin: 0;
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1.05;
}

.blog-listing-head p:last-child {
  margin: 14px 0 0;
  color: #6b7280;
  font-size: 18px;
  line-height: 1.6;
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.blog-card {
  display: grid;
  align-content: start;
  gap: 12px;
  min-height: 260px;
  padding: 24px;
  border: 1px solid #ede9fe;
  border-radius: 18px;
  background: linear-gradient(180deg, #fff 0%, #fbf7ff 100%);
}

.blog-card-meta {
  margin: 0;
  color: var(--pcow-purple);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.blog-card h3 {
  margin: 0;
  font-size: 24px;
  line-height: 1.15;
}

.blog-card h3 a {
  color: #111827;
}

.blog-card p {
  margin: 0;
  color: #4b5563;
  line-height: 1.65;
}

.blog-card-link {
  align-self: end;
  color: var(--pcow-purple);
  font-weight: 900;
}

.feedback-panel {
    padding: 28px 20px;
  }

  .feedback-form {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .blog-grid { grid-template-columns: 1fr; }

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .footer-bottom {
    gap: 12px;
  }
}

/* === Home polish: match app.pcow.io type scale (browser QA pass) === */
.hero h1 { font-size: clamp(48px, 6.5vw, 88px); line-height: 0.98; }
.eyebrow { margin: 20px auto 0; font-size: clamp(1.1rem, 1.8vw, 1.5rem); line-height: 1.25; font-weight: 700; }
.subtitle { max-width: 560px; margin: 16px auto 0; font-size: 19px; line-height: 1.5; }
.how h2 { font-size: clamp(28px, 1rem + 2.6vw, 48px); line-height: 1.02; }
.final-cta h2 { font-size: clamp(32px, 1rem + 3.2vw, 58px); line-height: 1.02; }
.solution-icon svg { width: 22px; height: 22px; display: block; }

html[dir="rtl"] .hero h1 {
  font-size: clamp(48px, 0.8rem + 5.2vw, 85px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: 0;
}

html[dir="rtl"] .hero .subtitle {
  font-size: 20px;
  line-height: 33px;
}

html[dir="rtl"] .reel-tag {
  right: auto;
  left: 16px;
}

html[dir="rtl"] .how-head {
  text-align: start;
}

/* Shell/home/pricing parity tranche: active public site global shell. */
.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 50;
  padding: 0;
  line-height: 24px;
  pointer-events: none;
}

.nav-shell {
  position: relative;
  min-height: 66px;
  max-width: 1280px;
  width: calc(100% - 24px);
  margin: 12px auto 0;
  padding: 10px 12px;
  gap: 12px;
  border-color: rgba(229, 231, 235, .6);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px -1px rgba(0, 0, 0, .06);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  line-height: 24px;
  pointer-events: auto;
}

.brand img:first-child { width: 40px; height: 40px; }
.brand-word { width: 101.04px; height: 20px; }
.nav-links { gap: 2px; color: #6b7280; font-size: 13px; font-weight: 500; }
.nav-links a { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 6px 9px; border-radius: 999px; }
.nav-links a.is-active, .nav-links a:first-child.is-active { background: #faf5ff; color: #7e22ce; border: 0; box-shadow: none; }
.nav-actions { gap: 8px; margin-inline-start: auto; font-size: 13px; font-weight: 500; }
.nav-actions .button-primary { min-height: 36px; padding: 0 14px; border-radius: 10px; font-size: 13px; font-weight: 600; }
.nav-actions .button-primary::after { content: " \2192"; margin-inline-start: 8px; font-weight: 900; }
html[dir="rtl"] .nav-actions .button-primary::after { content: " \2190"; }
.mobile-toggle { width: 40px; height: 40px; padding: 0; border: 0; border-radius: 8px; background: transparent; box-shadow: none; font-size: 0; }
.mobile-toggle::before { content: ""; width: 18px; height: 12px; background: linear-gradient(#374151, #374151) top / 18px 2px no-repeat, linear-gradient(#374151, #374151) center / 18px 2px no-repeat, linear-gradient(#374151, #374151) bottom / 18px 2px no-repeat; }
.nav-shell.is-open .mobile-toggle::before { width: 18px; height: 18px; background: linear-gradient(45deg, transparent 46%, #374151 46%, #374151 54%, transparent 54%), linear-gradient(-45deg, transparent 46%, #374151 46%, #374151 54%, transparent 54%); }

body.pcow-site .hero {
  padding-top: 126px;
}

.site-footer { border-top: 1px solid #e5e7eb; background: #f8f8fa; color: #111827; padding: 0; }
.footer-shell { max-width: 1280px; margin: 0 auto; padding: 64px 24px 32px; }
.footer-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 38px; max-width: none; }
.footer-heading { margin: 0 0 16px; color: #111827; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.footer-heading:first-child::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-inline-end: 8px; border-radius: 999px; background: #9333ea; vertical-align: 2px; }
.site-footer a, .site-footer button { display: block; margin: 0 0 10px; color: #6b7280; font-size: 13px; line-height: 1.45; text-align: start; }
.site-footer a:hover, .site-footer button:hover, .footer-lang:hover { color: #7e22ce; }
.site-footer p { margin: 0; color: #6b7280; font-size: 13px; line-height: 1.6; }
.footer-contact-line { margin-bottom: 12px !important; }
.footer-copy-row { display: flex; align-items: center; gap: 6px; margin: 0 0 10px; color: #6b7280; font-size: 13px; line-height: 1.45; }
.footer-copy-button { display: inline-flex !important; align-items: center; justify-content: center; width: 22px; height: 22px; margin: 0 !important; padding: 0 !important; border-radius: 6px; color: #9ca3af !important; }
.footer-copy-button svg { width: 13px; height: 13px; fill: currentColor; }
.footer-download { display: flex; justify-content: space-between; gap: 24px; align-items: center; margin-top: 48px; padding-top: 28px; border-top: 1px solid #e5e7eb; }
.footer-download-title { color: #111827 !important; font-weight: 700; }
.footer-store-badges { display: flex; gap: 10px; flex-wrap: wrap; }
.store-row { display: inline-grid; grid-template-columns: 22px auto auto; align-items: center; gap: 8px; min-width: 158px; min-height: 46px; margin: 0; padding: 6px 10px; border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; color: #111827; font-size: 16px; font-weight: 400; box-shadow: 0 1px 0 rgba(15,23,42,.02); }
.store-row img { width: 22px; height: 22px; object-fit: contain; }
.store-row span { display: grid; gap: 1px; color: #111827; font-size: 14px; font-weight: 600; line-height: 1.05; }
.store-row small { color: #6b7280; font-size: 8px; font-weight: 700; line-height: 1; }
.store-row em { align-self: start; color: #7e22ce; font-size: 8px; font-style: normal; font-weight: 800; line-height: 1; }
.footer-bottom { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; max-width: none; margin: 28px 0 0; padding-top: 28px; border-top: 1px solid #e5e7eb; }
.footer-brand, .footer-brand-block { display: flex; align-items: center; }
.footer-brand { gap: 10px; margin: 0 0 10px; }
.footer-word { width: 96px; filter: none; }
.tagline { font-weight: 700; }
.footer-bottom-actions { display: flex; align-items: center; justify-content: flex-end; gap: 16px; flex-wrap: wrap; }
.footer-lang { display: inline-flex !important; align-items: center; min-height: 36px; margin: 0 !important; padding: 0 12px; border: 1px solid #e5e7eb; border-radius: 999px; background: #fff; }
.socials { display: flex; gap: 8px; }
.socials a { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin: 0; border: 1px solid #e5e7eb; border-radius: 999px; background: #fff; color: #4b5563; font-size: 0; font-weight: 800; }
.socials svg { width: 14px; height: 14px; fill: currentColor; }
.footer-copyright { font-size: 13px !important; }

.static-page.is-pricing-page { padding: 0; }
.static-page.is-pricing-page .static-shell { max-width: none; }
.pricing-v6 { background: #fff; color: #0f172a; }
.pricing-v6-hero { position: relative; overflow: hidden; padding: 128px 24px 11px; text-align: center; background: linear-gradient(180deg, #f7f7fb 0%, #fafafc 100%); }
.pricing-v6-badge { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 24px; padding: 6px 14px; border: 1px solid #f3e8ff; border-radius: 999px; background: #fff; color: #7e22ce; box-shadow: 0 4px 14px rgba(17, 24, 39, .04); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.pricing-v6-badge span { width: 6px; height: 6px; border-radius: 999px; background: #9333ea; }
.pricing-v6-hero h1 { margin: 0; color: #020617; font-size: clamp(2.4rem, 5vw, 4.4rem); line-height: 1.02; letter-spacing: 0; }
.pricing-v6-hero > p, .pricing-v6-section-head > p { max-width: 720px; margin: 20px auto 0; color: #64748b; font-size: 16px; line-height: 1.72; }
.pricing-v6-proof { display: grid; max-width: 920px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 32px auto 0; }
.pricing-v6-proof span { padding: 14px 16px; border: 1px solid rgba(255,255,255,.7); border-radius: 18px; background: rgba(255,255,255,.8); box-shadow: 0 8px 26px rgba(15,23,42,.04); color: #475569; font-size: 14px; }
.pricing-v6-packages, .pricing-v6-cover, .pricing-v6-rules { padding: 64px 24px; }
.pricing-v6-packages { background: #f8fafc; }
.pricing-v6-section-head { max-width: 1080px; margin: 0 auto 32px; text-align: center; }
.pricing-v6-section-head h2 { margin: 0; color: #020617; font-size: clamp(1.75rem, 3vw, 2.8rem); line-height: 1.08; }
.pricing-v6-toggle { display: flex; justify-content: center; margin-bottom: 40px; }
.pricing-v6-toggle input { position: absolute; opacity: 0; pointer-events: none; }
.pricing-v6-toggle label { cursor: pointer; padding: 10px 28px; background: rgba(226,232,240,.75); color: #475569; font-size: 14px; font-weight: 700; }
.pricing-v6-toggle label:first-of-type { border-radius: 999px 0 0 999px; }
.pricing-v6-toggle label:last-of-type { border-radius: 0 999px 999px 0; }
#pricing-starter:checked + label, #pricing-scale:checked + label { background: #9333ea; color: #fff; box-shadow: 0 10px 22px rgba(147,51,234,.22); }
.pricing-v6-panels { max-width: 1180px; margin: 0 auto; }
.pricing-v6-panel { display: none; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.pricing-v6-toggle:has(#pricing-starter:checked) + .pricing-v6-panels .pricing-v6-panel-starter, .pricing-v6-toggle:has(#pricing-scale:checked) + .pricing-v6-panels .pricing-v6-panel-scale { display: grid; }
.pricing-v6-card { position: relative; display: flex; flex-direction: column; min-height: 470px; padding: 24px; border: 1px solid #e2e8f0; border-radius: 18px; background: #fff; }
.pricing-v6-card.is-popular { background: #9333ea; color: #fff; box-shadow: 0 28px 58px rgba(147,51,234,.28); }
.pricing-v6-popular { position: absolute; inset-inline-end: 20px; top: 20px; padding: 4px 10px; border-radius: 999px; background: #fff; color: #7e22ce; font-size: 11px; font-weight: 800; }
.pricing-v6-card h3 { max-width: 72%; margin: 0; color: inherit; font-size: 26px; line-height: 1.05; }
.pricing-v6-desc, .pricing-v6-credit, .pricing-v6-card li { color: #64748b; font-size: 14px; line-height: 1.55; }
.pricing-v6-card.is-popular .pricing-v6-desc, .pricing-v6-card.is-popular .pricing-v6-credit, .pricing-v6-card.is-popular li { color: rgba(255,255,255,.86); }
.pricing-v6-price { margin: 24px 0 8px; color: inherit; font-size: 40px; font-weight: 900; line-height: 1; }
.pricing-v6-credit { margin: 0; }
.pricing-v6-credit strong { color: #0f172a; font-weight: 800; }
.pricing-v6-card.is-popular .pricing-v6-credit strong { color: #fff; }
.pricing-v6-card ul { display: grid; gap: 10px; margin: 24px 0 0; padding: 0; list-style: none; }
.pricing-v6-card li { position: relative; padding-inline-start: 20px; }
.pricing-v6-card li::before { content: ""; position: absolute; inset-inline-start: 0; top: .58em; width: 7px; height: 7px; border-radius: 999px; background: #9333ea; }
.pricing-v6-card.is-popular li::before { background: #fff; }
.pricing-v6-sales, .pricing-v6-choose { display: inline-flex !important; align-items: center; justify-content: center; width: 100%; min-height: 46px; margin: 18px 0 0 !important; border-radius: 12px; font-size: 14px !important; font-weight: 800; }
.pricing-v6-sales { border: 1px solid #e9d5ff; color: #7e22ce !important; }
.pricing-v6-choose { margin-top: auto !important; background: #0f172a; color: #fff !important; }
.pricing-v6-card.is-popular .pricing-v6-choose { background: #fff; color: #7e22ce !important; }
.pricing-v6-nudge { display: flex; justify-content: center; align-items: center; gap: 12px; margin-top: 32px; color: #64748b; font-size: 14px; }
.pricing-v6-nudge a { color: #7e22ce; font-weight: 800; }
.pricing-v6-cover-grid, .pricing-v6-rules { display: grid; max-width: 1180px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 0 auto; }
.pricing-v6-cover-card { display: flex; min-height: 300px; flex-direction: column; padding: 24px; border: 1px solid #e2e8f0; border-radius: 18px; background: #fff; }
.pricing-v6-cover-card h3, .pricing-v6-rules h3 { margin: 0; color: #0f172a; font-size: 20px; }
.pricing-v6-cover-card p, .pricing-v6-rules p { color: #64748b; font-size: 14px; line-height: 1.6; }
.pricing-v6-cover-card div { display: flex; align-items: baseline; gap: 8px; margin: 18px 0 4px; }
.pricing-v6-cover-card span { color: #94a3b8; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.pricing-v6-cover-card strong { color: #0f172a; font-size: 28px; }
.pricing-v6-cover-card em { color: #64748b; font-style: normal; }
.pricing-v6-rules { padding-top: 40px; padding-bottom: 40px; }
.pricing-v6-rules article { padding: 22px; border: 1px solid #e2e8f0; border-radius: 18px; background: #fff; }
.pricing-v6-final { padding: 80px 24px; text-align: center; background: linear-gradient(135deg, #1a0b2e 0%, #3b0764 55%, #581c87 100%); color: #fff; }
.pricing-v6-final h2 { margin: 0; color: #fff; font-size: clamp(1.8rem, 3vw, 2.4rem); }
.pricing-v6-final p { max-width: 620px; margin: 16px auto 0; color: rgba(255,255,255,.82); line-height: 1.7; }
.pricing-v6-final .button-secondary { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.38); color: #fff; }
html[dir="rtl"] .pricing-v6-badge, html[dir="rtl"] .static-kicker { letter-spacing: 0; text-transform: none; }

/* Strict pricing/footer parity with the rendered Next.js public app. */
body.pcow-site .pricing-v6 {
  color: #111827;
  line-height: 24px;
}

body.pcow-site .pricing-v6-hero {
  padding: 128px 24px 0;
  color: #111827;
}

body.pcow-site .pricing-v6-badge {
  margin-bottom: 24px;
  padding: 6px 16px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: .025em;
}

body.pcow-site .pricing-v6-hero h1 {
  color: #111827;
  line-height: 1.2;
}

body.pcow-site .pricing-v6-hero > p {
  max-width: 672px;
  margin: 20px auto 0;
  color: #6b7280;
  line-height: 28px;
}

body.pcow-site .pricing-v6-proof {
  font-size: 14px;
  line-height: 20px;
}

body.pcow-site .pricing-v6-proof span {
  padding: 12px 16px;
  line-height: 20px;
}

body.pcow-site .pricing-v6-packages {
  background: #f7f7fb;
  color: #111827;
  padding: 64px 24px;
}

body.pcow-site .pricing-v6-cover {
  padding: 64px 24px;
}

body.pcow-site .pricing-v6-rules {
  padding-inline: 24px;
}

body.pcow-site .pricing-v6-section-head {
  margin-bottom: 32px;
}

body.pcow-site .pricing-v6-section-head .static-kicker {
  margin: 0 0 12px;
  color: #7e22ce;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

body.pcow-site .pricing-v6-section-head h2 {
  color: #111827;
  line-height: 1.25;
}

body.pcow-site .pricing-v6-section-head > p:not(.static-kicker) {
  max-width: 672px;
  margin: 12px auto 0;
  color: #475569;
  font-size: 14px;
  line-height: 24px;
}

body.pcow-site .pricing-v6-toggle label {
  padding: 8px 28px;
  font-weight: 600;
  line-height: 20px;
}

body.pcow-site .pricing-v6-toggle {
  margin-bottom: 48px;
}

body.pcow-site .pricing-v6-card {
  display: block;
  color: #111827;
  line-height: 24px;
}

body.pcow-site .pricing-v6-card h3 {
  color: inherit;
  font-size: 24px;
  line-height: 32px;
}

body.pcow-site .pricing-v6-desc,
body.pcow-site .pricing-v6-credit,
body.pcow-site .pricing-v6-card li {
  color: #64748b;
  font-size: 14px;
  line-height: 20px;
}

body.pcow-site .pricing-v6-desc {
  margin: 8px 0 0;
}

body.pcow-site .pricing-v6-card.is-popular .pricing-v6-desc,
body.pcow-site .pricing-v6-card.is-popular .pricing-v6-credit,
body.pcow-site .pricing-v6-card.is-popular li {
  color: #f3e8ff;
}

body.pcow-site .pricing-v6-price {
  margin: 24px 0 0;
  font-weight: 800;
}

/* Popular (purple) card: force white text — the body.pcow-site .pricing-v6-card
   dark color above otherwise wins over the .is-popular rule and turns the price
   and title black on purple. */
body.pcow-site .pricing-v6-card.is-popular,
body.pcow-site .pricing-v6-card.is-popular h3,
body.pcow-site .pricing-v6-card.is-popular .pricing-v6-price {
  color: #fff;
}

body.pcow-site .pricing-v6-card.is-popular .pricing-v6-desc,
body.pcow-site .pricing-v6-card.is-popular .pricing-v6-credit,
body.pcow-site .pricing-v6-card.is-popular li {
  color: rgba(255, 255, 255, .9);
}

body.pcow-site .pricing-v6-card.is-popular .pricing-v6-credit strong {
  color: #fff;
}

body.pcow-site .pricing-v6-credit {
  margin-top: 8px;
}

body.pcow-site .pricing-v6-card ul {
  gap: 12px;
  margin-top: 24px;
}

body.pcow-site .pricing-v6-card .pricing-v6-features {
  display: grid;
  gap: 12px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

body.pcow-site .pricing-v6-card .pricing-v6-bonus,
body.pcow-site .pricing-v6-card .pricing-v6-feature {
  padding-inline-start: 0;
}

body.pcow-site .pricing-v6-card .pricing-v6-bonus::before,
body.pcow-site .pricing-v6-card .pricing-v6-feature::before {
  display: none;
}

body.pcow-site .pricing-v6-card .pricing-v6-bonus {
  padding: 8px 12px;
  border-radius: 12px;
  background: #ecfdf5;
  color: #047857;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

body.pcow-site .pricing-v6-card.is-popular .pricing-v6-bonus {
  background: rgba(255, 255, 255, .15);
  color: #fff;
}

body.pcow-site .pricing-v6-card .pricing-v6-feature {
  color: #475569;
}

body.pcow-site .pricing-v6-card.is-popular .pricing-v6-feature {
  color: #f3e8ff;
}

body.pcow-site .pricing-v6-sales,
body.pcow-site .pricing-v6-choose {
  min-height: 44px;
  margin-top: 24px !important;
  padding: 12px 16px;
  font-weight: 600;
  line-height: 20px;
}

body.pcow-site .pricing-v6-sales {
  border: 0;
  background: #7e22ce;
  color: #fff !important;
}

body.pcow-site .pricing-v6-choose {
  background: #f1f5f9;
  color: #0f172a !important;
}

body.pcow-site .pricing-v6-card.is-popular .pricing-v6-choose {
  background: #fff;
  color: #7e22ce !important;
}

body.pcow-site .pricing-v6-nudge {
  color: #475569;
  line-height: 20px;
}

body.pcow-site .pricing-v6-cover-card,
body.pcow-site .pricing-v6-rules article {
  color: #111827;
  line-height: 24px;
}

body.pcow-site .pricing-v6-cover-card p,
body.pcow-site .pricing-v6-rules p {
  color: #475569;
  line-height: 24px;
}

body.pcow-site .pricing-v6-final {
  padding: 80px 24px;
}

body.pcow-site .pricing-v6-final p {
  line-height: 24px;
}

body.pcow-site .site-footer,
body.pcow-site .footer-shell {
  line-height: 24px;
}

body.pcow-site .footer-grid {
  gap: 32px 40px;
}

body.pcow-site .footer-heading {
  margin-bottom: 16px;
  font-size: 12px;
  line-height: 20px;
}

body.pcow-site .site-footer a,
body.pcow-site .site-footer button {
  margin-bottom: 14px;
  line-height: 20px;
}

body.pcow-site .footer-contact-line {
  color: #6b7280;
  font-size: 12px;
  line-height: 16.8px;
}

body.pcow-site .footer-copy-row {
  margin-top: 12px;
  margin-bottom: 0;
  line-height: 20px;
}

body.pcow-site .footer-download {
  margin-top: 48px;
  padding-top: 32px;
}

body.pcow-site .store-row {
  min-width: 148px;
  min-height: 54px;
  padding: 10px 16px;
  line-height: 24px;
}

body.pcow-site .footer-bottom {
  padding-top: 32px;
}

@media (min-width: 768px) {
  .lang, .signin, .nav-actions .button-primary { display: inline-flex; }
}

@media (min-width: 1280px) {
  .nav-shell { min-height: 72px; padding: 10px 16px; border-radius: 999px; }
  .nav-links { display: flex; position: absolute; left: 50%; transform: translateX(-50%); margin: 0; }
  .mobile-toggle { display: none; }
  .brand-word { display: block; width: 101.04px; height: 20px; }
  .nav-label-desktop { display: inline; }
  .nav-label-tablet { display: none; }
}

@media (max-width: 1279px) {
  .brand-word { display: none; }
  .brand { order: 1; }
  .nav-actions { order: 2; width: auto; margin-inline-start: auto; }
  .nav-actions .lang { display: inline-flex; }
  .nav-actions .signin, .nav-actions .button-primary { display: none; }
  .mobile-toggle { order: 3; margin-inline-start: 4px; }
  .nav-shell.is-open .nav-links, .nav-shell.is-open .nav-actions { display: flex; width: 100%; align-items: stretch; flex-direction: column; gap: 4px; margin: 4px 0 0; }
  .nav-shell.is-open .nav-links { order: 4; }
  .nav-shell.is-open .nav-actions { order: 5; }
  .nav-shell.is-open .lang, .nav-shell.is-open .signin, .nav-shell.is-open .nav-actions .button-primary { display: flex; justify-content: center; }
  .nav-shell.is-open .nav-links a { justify-content: flex-start; min-height: 42px; padding: 11px 14px; }
}

@media (max-width: 980px) {
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 28px; }
  .pricing-v6-proof, .pricing-v6-panel, .pricing-v6-cover-grid, .pricing-v6-rules { grid-template-columns: 1fr; }
  .footer-download { align-items: flex-start; flex-direction: column; }
  .footer-bottom { align-items: center; flex-direction: column; text-align: center; }
  .footer-bottom-actions { align-items: center; justify-content: center; flex-direction: row; }
  .store-row { min-width: 154px; }
  .pricing-v6-card { min-height: auto; }
}

@media (max-width: 640px) {
  body.pcow-site .hero { padding-top: 150px; }
  .pricing-v6-hero { padding-top: 112px; }
  .pricing-v6-packages, .pricing-v6-cover, .pricing-v6-rules { padding-inline: 16px; }
  .pricing-v6-toggle label { padding-inline: 20px; }
  .footer-shell { padding: 48px 24px 26px; }
  .footer-grid { gap: 26px 22px; }
  .footer-download { margin-top: 34px; padding-top: 24px; }
  .footer-bottom { margin-top: 24px; padding-top: 24px; }
}

/* Strict parity rescue: close clean-render gaps against app.pcow.io. */
body.pcow-site .nav-shell {
  max-width: 1248px;
  background: #fff;
  border-color: rgba(229, 231, 235, .6);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px -1px rgba(0, 0, 0, .06);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  line-height: 24px;
}

body.pcow-site .nav-label-desktop {
  display: none;
}

body.pcow-site .mobile-toggle {
  border: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 8px;
}

@media (min-width: 1280px) {
  body.pcow-site .nav-shell {
    min-height: 74px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  body.pcow-site .site-header {
    padding: 0;
  }

  body.pcow-site .nav-shell {
    width: calc(100% - 32px);
    margin-top: 12px;
  }

  body.pcow-site .nav-shell:not(.is-open) .nav-actions {
    display: flex;
    width: auto;
    margin-inline-start: auto;
  }

  body.pcow-site .nav-shell:not(.is-open) .nav-actions .signin,
  body.pcow-site .nav-shell:not(.is-open) .nav-actions .button-primary {
    display: inline-flex;
  }
}

body.pcow-site .hero {
  padding-top: 140px;
  padding-bottom: 110px;
}

body.pcow-site .hero-copy {
  max-width: 900px;
}

body.pcow-site .hero .eyebrow {
  margin: 20px auto 0;
  font-size: clamp(1.1rem, 1.8vw, 1.5rem);
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: -0.015em;
}

body.pcow-site .hero .subtitle {
  max-width: 560px;
  margin: 16px auto 0;
}

body.pcow-site .hero .cta-row {
  margin-top: 24px;
}

body.pcow-site .hero .button-large {
  width: auto;
  max-width: none;
  min-height: 51px;
  padding-inline: 28px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 600;
}

body.pcow-site .hero .button-primary.button-large {
  min-width: 289px;
  box-shadow: 0 10px 15px -3px rgba(147, 51, 234, .2), 0 4px 6px -4px rgba(147, 51, 234, .2);
}

body.pcow-site .hero .button-secondary.button-large {
  min-width: 151px;
}

body.pcow-site .hero .reel-stage {
  width: calc(100vw - 48px);
  max-width: 1280px;
  min-height: 616px;
  margin-top: 49px;
  perspective: 2000px;
  perspective-origin: 50% 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}

body.pcow-site .hero .reel-deck,
body.pcow-site .hero .reel-track {
  position: relative;
  width: 100%;
  max-width: 560px;
  height: auto;
  aspect-ratio: 1 / 1.1;
  overflow: visible;
  padding: 0;
  transform-style: preserve-3d;
}

body.pcow-site .hero .reel-card {
  position: absolute;
  inset: 0;
  top: 0;
  left: 0;
  margin: auto;
  width: 54%;
  min-width: 0;
  height: auto;
  aspect-ratio: 9 / 15;
  border-radius: 24px;
  overflow: hidden;
  background: transparent;
  transform-origin: 50% 85%;
  transition: transform 1.1s cubic-bezier(.22,.9,.25,1), opacity .7s ease, filter .7s ease;
  will-change: transform, opacity;
  box-shadow: 0 32px 64px -28px rgba(20, 10, 40, .5), 0 10px 24px -10px rgba(20, 10, 40, .3);
  cursor: pointer;
}

body.pcow-site .hero .reel-card[data-slot] {
  display: block;
}

body.pcow-site .hero .reel-card[data-slot="0"] {
  transform: translate3d(0, -2%, 0) rotate(0deg);
  z-index: 5;
  filter: none;
  opacity: 1;
}

body.pcow-site .hero .reel-card[data-slot="-1"] {
  transform: translate3d(-38%, 2%, -90px) rotate(-7deg) scale(.9);
  z-index: 4;
  filter: brightness(.82) saturate(.9);
  opacity: 1;
}

body.pcow-site .hero .reel-card[data-slot="1"] {
  transform: translate3d(38%, 2%, -90px) rotate(7deg) scale(.9);
  z-index: 4;
  filter: brightness(.82) saturate(.9);
  opacity: 1;
}

body.pcow-site .hero .reel-card[data-slot="-2"] {
  transform: translate3d(-62%, 8%, -200px) rotate(-12deg) scale(.78);
  z-index: 3;
  filter: brightness(.65) saturate(.75);
  opacity: .65;
}

body.pcow-site .hero .reel-card[data-slot="2"] {
  transform: translate3d(62%, 8%, -200px) rotate(12deg) scale(.78);
  z-index: 3;
  filter: brightness(.65) saturate(.75);
  opacity: .65;
}

body.pcow-site .hero .reel-card[data-slot="hidden"] {
  transform: translate3d(0, 30%, -300px) scale(.6);
  opacity: 0;
  display: block;
  pointer-events: none;
}

body.pcow-site .hero .reel-nav {
  position: absolute;
  bottom: -52px;
  left: 0;
  right: 0;
  z-index: 6;
  gap: 18px;
  margin-top: 0;
}

@media (max-width: 1279px) {
  body.pcow-site .hero {
    padding-inline: 24px;
  }

  body.pcow-site .hero .cta-row {
    margin-top: 24px;
  }
}

@media (max-width: 767px) {
  body.pcow-site .nav-shell:not(.is-open) .nav-actions .signin,
  body.pcow-site .nav-shell:not(.is-open) .nav-actions .button-primary {
    display: none;
  }

  body.pcow-site .hero {
    padding-top: 140px;
  }

  body.pcow-site .hero .reel-stage {
    min-height: 560px;
    margin-top: 52px;
  }
}

@media (min-width: 700px) and (max-width: 980px) {
  body.pcow-site .pricing-v6-proof {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.pcow-site .pricing-v6-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.pcow-site .pricing-v6-cover-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.pcow-site .pricing-v6-rules {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.pcow-site .pricing-v6-card {
    min-height: 484px;
  }
}

@media (min-width: 641px) {
  body.pcow-site .pricing-v6-final .cta-row {
    flex-direction: row;
    flex-wrap: wrap;
  }

  body.pcow-site .pricing-v6-final .button-large {
    width: auto;
    max-width: none;
  }

  body.pcow-site .pricing-v6-final .button-primary.button-large {
    min-width: 164px;
  }

  body.pcow-site .pricing-v6-final .button-secondary.button-large {
    min-width: 151px;
  }
}

body.pcow-site .footer-download {
  margin-bottom: 32px;
}

body.pcow-site .footer-bottom {
  align-items: center;
  min-height: 63px;
}

body.pcow-site .footer-brand-block {
  gap: 16px;
}

body.pcow-site .footer-brand {
  margin: 0;
}

body.pcow-site .tagline {
  color: #9ca3af;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.5;
}

@media (min-width: 641px) {
  body.pcow-site .footer-download {
    align-items: center;
    flex-direction: row;
  }

  body.pcow-site .footer-bottom {
    align-items: center;
    flex-direction: row;
    text-align: start;
  }

  body.pcow-site .footer-bottom-actions {
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
  }
}

@media (max-width: 640px) {
  body.pcow-site .footer-download,
  body.pcow-site .footer-bottom {
    align-items: flex-start;
    text-align: start;
  }

  body.pcow-site .footer-bottom-actions {
    justify-content: flex-start;
  }
}

.pcow-cookie-consent {
  position: fixed;
  inset-inline: 12px;
  bottom: calc(env(safe-area-inset-bottom) + 16px);
  z-index: 50;
  width: auto;
  max-width: 720px;
  margin-inline: auto;
  display: block;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .5s ease, transform .5s ease;
  pointer-events: none;
}

.pcow-cookie-consent.is-visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.pcow-cookie-card {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 20px;
  border: 1px solid color-mix(in srgb, #f3e8ff 60%, #e5e7eb 40%);
  border-radius: 999px;
  background: color-mix(in srgb, #fff 60%, transparent);
  box-shadow: 0 12px 40px -12px rgba(15, 23, 42, .25);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.pcow-cookie-message {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  align-items: center;
  gap: 10px;
}

.pcow-cookie-icon {
  display: inline-flex;
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #f3e8ff;
  color: #7e22ce;
}

.pcow-cookie-icon svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}

.pcow-cookie-message p {
  margin: 0;
  color: #374151;
  font-size: 13px;
  line-height: 1.38;
}

.pcow-cookie-message a {
  color: #7e22ce;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.pcow-cookie-actions,
.pcow-cookie-pref-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
}

.pcow-cookie-consent button {
  min-height: 34px;
  margin: 0;
  border-radius: 999px;
  border: 0;
  padding: 0 16px;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
}

.pcow-cookie-manage {
  background: transparent;
  color: #4b5563;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.pcow-cookie-decline {
  border: 1px solid #d1d5db !important;
  background: #fff;
  color: #1f2937;
}

.pcow-cookie-accept {
  background: linear-gradient(to right, #9333ea, #7e22ce);
  color: #fff;
  box-shadow: 0 10px 15px -3px rgba(147, 51, 234, .2), 0 4px 6px -4px rgba(147, 51, 234, .2);
}

.pcow-cookie-prefs {
  max-width: 720px;
  align-items: stretch;
  flex-direction: column;
  border-radius: 24px;
}

.pcow-cookie-pref-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.pcow-cookie-pref-grid label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 14px;
  background: #f9fafb;
}

.pcow-cookie-pref-grid span {
  display: grid;
  gap: 2px;
}

.pcow-cookie-pref-grid strong {
  color: #1f2937;
  font-size: 12.5px;
}

.pcow-cookie-pref-grid small {
  color: #6b7280;
  font-size: 11px;
}

.pcow-cookie-pref-actions {
  justify-content: flex-end;
}

@media (max-width: 640px) {
  .pcow-cookie-card {
    align-items: stretch;
    flex-direction: column;
    border-radius: 16px;
    padding: 16px;
  }

  .pcow-cookie-actions,
  .pcow-cookie-pref-actions {
    flex-direction: column-reverse;
    align-items: stretch;
  }

  .pcow-cookie-actions button,
  .pcow-cookie-pref-actions button {
    width: 100%;
  }

  .pcow-cookie-pref-grid {
    grid-template-columns: 1fr;
  }
}

/* Strict homepage v2 source-port: matches app MarketingShell/Home sections. */
body.pcow-site .marketing-v2-root {
  --font-forma: var(--font-inter), Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --pc-public-display-tracking: -0.035em;
  --pc-public-section-tracking: -0.025em;
  --pc-public-card-title-tracking: -0.015em;
  --pc-public-kicker-tracking: 0.1em;
  --pc-public-kicker-transform: uppercase;
  --pc-public-surface-muted: #f8f8fa;
  --pc-public-surface-white: #ffffff;
  --pc-public-text-heading: #111827;
  --pc-public-text-strong: #374151;
  --pc-public-text-body: #6b7280;
  --pc-public-text-muted: #9ca3af;
  --pc-public-text-action: #4b5563;
  --pc-public-badge-bg: oklch(0.977 0.014 308.299);
  --pc-public-badge-border: oklab(0.902 0.037653 -0.0505099 / .6);
  --pc-public-badge-text: oklch(0.496 0.265 301.924);
  --pc-public-badge-dot: oklch(0.627 0.265 303.9);
  --pc-public-brand-gradient: linear-gradient(to right, oklch(0.558 0.288 302.321) 0%, oklch(0.715 0.143 215.221) 100%);
  --pc-public-cta-gradient: linear-gradient(to right, oklch(0.558 0.288 302.321) 0%, oklch(0.496 0.265 301.924) 100%);
  --pc-public-cta-hero-shadow: 0 10px 15px -3px oklab(0.627 0.147802 -0.219953 / .2), 0 4px 6px -4px oklab(0.627 0.147802 -0.219953 / .2);
  --pc-public-cta-hero-hover-shadow: 0 8px 30px oklab(0.627 0.147802 -0.219953 / .25);
  --border-default: #e5e7eb;
  --border-soft: rgba(229, 231, 235, .5);
  --mode-videos: #9333ea;
  --mode-videos-strong: #7e22ce;
  --mode-videos-soft: #faf5ff;
  --mode-pr: #0891b2;
  --mode-pr-strong: #0e7490;
  --mode-pr-soft: #ecfeff;
  background: var(--pc-public-surface-white);
  color: var(--pc-public-text-heading);
  line-height: 24px;
}

body.pcow-site .marketing-v2-root .brand-gradient-word {
  background: var(--pc-public-brand-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

body.pcow-site .marketing-v2-root .hero {
  background: linear-gradient(180deg, #f7f7fb 0%, #fafafc 100%);
}

body.pcow-site .marketing-v2-root .hero .button-secondary.button-large {
  font-weight: 500;
}

body.pcow-site .marketing-v2-root .pc-public-body {
  color: var(--pc-public-text-body);
}

body.pcow-site .marketing-v2-root .pc-public-section-title {
  color: var(--pc-public-text-heading);
  font-family: var(--font-forma);
  font-size: clamp(1.8rem, 4vw, 3rem);
  font-weight: 700;
  letter-spacing: var(--pc-public-section-tracking);
  line-height: 1.15;
}

body.pcow-site .marketing-v2-root .pc-public-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border: 1px solid var(--pc-public-badge-border);
  border-radius: 999px;
  background: var(--pc-public-badge-bg);
  color: var(--pc-public-badge-text);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);
}

body.pcow-site .marketing-v2-root .pc-public-badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--pc-public-badge-dot);
}

body.pcow-site .marketing-v2-root .home-video-options-section {
  padding: 96px 24px 104px;
  background: var(--pc-public-surface-muted);
}

body.pcow-site .marketing-v2-root .home-video-options-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

body.pcow-site .marketing-v2-root .video-option-card {
  position: relative;
  display: flex;
  min-height: 320px;
  flex-direction: column;
  overflow: hidden;
  isolation: isolate;
  padding: 32px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 12px 28px -16px rgba(15, 23, 42, .08);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

body.pcow-site .marketing-v2-root .video-option-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  z-index: 1;
  height: 3px;
  background: var(--video-option-accent, var(--mode-videos-strong));
  opacity: .9;
}

body.pcow-site .marketing-v2-root .video-option-card:hover {
  transform: translateY(-3px);
  border-color: rgba(15, 23, 42, .14);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 24px 44px -20px rgba(15, 23, 42, .12);
}

body.pcow-site .marketing-v2-root .video-option-card[data-card-tone="videos"] {
  --video-option-accent: #9333ea;
}

body.pcow-site .marketing-v2-root .video-option-card[data-card-tone="pr"] {
  --video-option-accent: #0891b2;
}

body.pcow-site .marketing-v2-root .video-option-card[data-card-tone="ai"] {
  --video-option-accent: #16a34a;
}

body.pcow-site .marketing-v2-root .video-option-icon {
  display: inline-flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  margin-bottom: 28px;
  border: 1px solid color-mix(in srgb, var(--video-option-accent, #9333ea) 15%, transparent);
  border-radius: 14px;
  background: color-mix(in srgb, var(--video-option-accent, #9333ea) 8%, #fff);
  color: var(--video-option-accent, #9333ea);
}

/* Three Solutions icon glyph+bg parity (border stays per-card accent) */
body.pcow-site .marketing-v2-root .video-option-card[data-card-tone="videos"] .video-option-icon,
body.pcow-site .marketing-v2-root .video-option-card[data-card-tone="ai"] .video-option-icon {
  background: #faf5ff;
  color: #7e22ce;
}

body.pcow-site .marketing-v2-root .video-option-card[data-card-tone="pr"] .video-option-icon {
  background: #ecfeff;
  color: #0e7490;
}

body.pcow-site .marketing-v2-root .video-option-title {
  margin: 0 0 14px;
  color: var(--pc-public-text-heading);
  font-family: var(--font-forma);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
}

body.pcow-site .marketing-v2-root .video-option-desc {
  margin: 0;
  color: var(--pc-public-text-body);
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.65;
}

body.pcow-site .marketing-v2-root .video-option-for {
  margin: 28px 0 0;
  padding-top: 28px;
  border-top: 1px solid rgba(15, 23, 42, .06);
  color: color-mix(in srgb, var(--video-option-accent, #9333ea) 90%, transparent);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .06em;
  line-height: 1.4;
  text-transform: uppercase;
}

body.pcow-site .marketing-v2-root .hero .reel-audio {
  position: absolute;
  right: 12px;
  bottom: 66px;
  z-index: 8;
  display: inline-flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .45);
  border-radius: 999px;
  background: rgba(0, 0, 0, .38);
  color: #fff;
  cursor: default;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

body.pcow-site .marketing-v2-root .hero .reel-audio svg {
  display: block;
}

body.pcow-site .marketing-v2-root .hero .reel-card:not([data-slot="0"]) .reel-audio {
  display: none;
}

/* T069 reel media parity: match the React ReelVideoLayer stack instead of the old direct-video card. */
html body.pcow-site .marketing-v2-root .reel-card .reel-art {
  position: absolute;
  inset: 0;
  z-index: 0;
}

html body.pcow-site .marketing-v2-root .reel-card .reel-grain {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  mix-blend-mode: overlay;
  opacity: .2;
  background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, .1) 0 1px, transparent 1px 3px);
}

html body.pcow-site .marketing-v2-root .reel-media-shell {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--reel-art);
}

html body.pcow-site .marketing-v2-root .reel-poster-fallback {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border: 0;
}

html body.pcow-site .marketing-v2-root .reel-video {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: transparent;
  opacity: 1;
}

html body.pcow-site .marketing-v2-root .reel-media-rim {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, .14) 100%);
}

html body.pcow-site .marketing-v2-root .reel-tag {
  z-index: 7;
}

body.pcow-site .marketing-v2-root .how-it-works-section {
  padding: 100px 24px;
  background: var(--pc-public-surface-muted);
}

body.pcow-site .marketing-v2-root .how-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 32px;
  margin: 0 0 32px;
  padding: 0;
  border: 0;
}

body.pcow-site .marketing-v2-root .how-head > div {
  max-width: 640px;
}

body.pcow-site .marketing-v2-root .how-head .section-intro {
  max-width: 360px;
  margin: 0;
  color: var(--pc-public-text-body);
  font-size: 15px;
  line-height: 1.5;
}

body.pcow-site .marketing-v2-root .steps {
  display: block;
  max-width: 1240px;
  margin: 0;
  text-align: start;
}

body.pcow-site .marketing-v2-root .ed-row {
  display: grid;
  grid-template-columns: 120px 1fr 1fr;
  gap: 40px;
  align-items: flex-start;
  padding: 40px 0;
  border-top: 1px solid var(--border-soft);
}

body.pcow-site .marketing-v2-root .ed-row:last-child {
  border-bottom: 1px solid var(--border-soft);
}

body.pcow-site .marketing-v2-root .ed-num {
  color: var(--pc-public-badge-text);
  font-family: var(--font-forma);
  font-size: 64px;
  font-weight: 800;
  letter-spacing: var(--pc-public-display-tracking);
  line-height: 1;
  opacity: .18;
  transition: opacity .25s ease;
}

body.pcow-site .marketing-v2-root .ed-row:hover .ed-num {
  opacity: 1;
}

body.pcow-site .marketing-v2-root .ed-kicker {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 14px;
  line-height: 1.5;
  color: var(--pc-public-badge-text);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: var(--pc-public-kicker-tracking);
  text-transform: var(--pc-public-kicker-transform);
}

body.pcow-site .marketing-v2-root .ed-title {
  margin: 0 0 8px;
  color: var(--pc-public-text-heading);
  font-family: var(--font-forma);
  font-size: 28px;
  font-weight: 700;
  letter-spacing: var(--pc-public-card-title-tracking);
  line-height: 1.35;
}

body.pcow-site .marketing-v2-root .ed-row .pc-public-body {
  margin: 0;
  padding-top: 6px;
  font-size: 15px;
  line-height: 1.65;
}

body.pcow-site .marketing-v2-root .final-cta-section {
  padding: clamp(64px, 10vw, 120px) clamp(16px, 4vw, 32px);
}

body.pcow-site .marketing-v2-root .final-cta-button {
  border-radius: 999px;
  line-height: 1.5;
}

body.pcow-site .marketing-v2-root .demo-link {
  display: block;
  width: max-content;
  margin: 16px auto 0;
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  opacity: 1;
}

body.pcow-site .marketing-v2-root .demo-link:hover {
  color: #7e22ce;
}

/* Footer bottom row must match PublicLayoutShell: brand, actions, copyright are siblings. */
body.pcow-site .site-footer .footer-bottom {
  align-items: center !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-height: 107px;
  margin: 0 !important;
  padding-top: 32px !important;
}

body.pcow-site .site-footer .footer-brand-block {
  flex: 0 0 auto;
  align-items: center !important;
  flex-direction: row !important;
  gap: 16px;
  height: auto;
}

body.pcow-site .site-footer .footer-bottom-actions {
  flex: 0 1 auto;
  align-items: center !important;
  flex-direction: row !important;
  justify-content: flex-end !important;
  gap: 16px !important;
}

body.pcow-site .site-footer .footer-copyright {
  flex: 0 1 auto;
  max-width: 190px;
  margin: 0;
  color: #6b7280;
  font-size: 12px !important;
  font-weight: 400;
  line-height: 18px !important;
}

@media (max-width: 768px) {
  body.pcow-site .marketing-v2-root .home-video-options-section {
    padding: 72px 20px !important;
  }

  body.pcow-site .marketing-v2-root .home-video-options-grid {
    grid-template-columns: 1fr;
  }

  body.pcow-site .marketing-v2-root .video-option-card {
    min-height: 0;
    padding: 28px;
    border-radius: 18px;
  }

  body.pcow-site .marketing-v2-root .video-option-icon {
    width: 58px;
    height: 58px;
    margin-bottom: 28px;
  }

  body.pcow-site .marketing-v2-root .video-option-title {
    margin-bottom: 16px;
    font-size: 24px;
  }

  body.pcow-site .marketing-v2-root .video-option-desc {
    font-size: 16px;
  }

  body.pcow-site .marketing-v2-root .video-option-for {
    padding-top: 26px;
    font-size: 14px;
  }

  body.pcow-site .marketing-v2-root .how-it-works-section {
    padding: 72px 20px !important;
  }

  body.pcow-site .marketing-v2-root .ed-row {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 24px 0 !important;
  }

  body.pcow-site .marketing-v2-root .ed-num {
    margin-bottom: 8px;
    font-size: 44px !important;
  }

  body.pcow-site .marketing-v2-root .ed-title {
    font-size: 20px !important;
  }

  body.pcow-site .marketing-v2-root .ed-kicker {
    margin-bottom: 6px !important;
  }

  body.pcow-site .marketing-v2-root .pc-public-section-title {
    font-size: clamp(1.75rem, 7vw, 2.25rem) !important;
  }

  body.pcow-site .marketing-v2-root .final-cta-section {
    padding: 72px 20px !important;
  }

  body.pcow-site .marketing-v2-root .final-cta-shell {
    padding: 48px 24px !important;
    border-radius: 20px !important;
  }
}

body.pcow-site .marketing-v2-root[dir="rtl"] .hero-copy {
  max-width: 980px;
}

body.pcow-site .marketing-v2-root[dir="rtl"] .hero h1 {
  font-size: clamp(48px, calc(.8rem + 5.2vw), 85px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: 0 !important;
}

@media (max-width: 560px) {
  body.pcow-site .marketing-v2-root[dir="rtl"] .hero h1 {
    font-size: 52px;
  }
}

@media (max-width: 640px) {
  body.pcow-site .site-footer .footer-bottom {
    align-items: flex-start !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    min-height: 0;
  }
}

@media (min-width: 641px) and (max-width: 980px) {
  body.pcow-site .site-footer .footer-grid {
    min-height: 458px;
  }
}

@media (min-width: 700px) and (max-width: 980px) {
  body.pcow-site section.pricing-v6-rules {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.pcow-site article.pricing-v6-card {
    min-height: 484px !important;
  }
}

/* T051 strict parity rescue: copy rendered mobile dimensions from app.pcow.io. */
@media (max-width: 560px) {
  body.pcow-site .business-v2-parity .business-v2-hero {
    padding-top: 116px;
  }

  body.pcow-site .business-v2-parity .business-v2-hero-actions {
    width: 100%;
    align-items: center;
    flex-direction: column;
  }

  body.pcow-site .business-v2-parity .business-v2-hero-actions .pc-public-cta {
    width: auto;
    min-width: 290px;
    max-width: 330px;
  }

  body.pcow-site .business-v2-parity .business-v2-hero-actions .pc-public-secondary {
    width: auto;
    min-width: 154px;
    max-width: 190px;
  }

  body.pcow-site .pricing-v6-final {
    padding: 80px 0;
    background: linear-gradient(to right bottom in oklab, rgb(26, 16, 51), rgb(30, 18, 64) 50%, rgb(15, 10, 31));
    color: #111827;
  }

  body.pcow-site .pricing-v6-final h2 {
    max-width: 280px;
    margin-inline: auto;
    color: #fff;
    font-size: clamp(1.75rem, 3vw, 2.2rem);
    line-height: 1.16;
  }

  body.pcow-site .pricing-v6-final p {
    max-width: 342px;
    padding-inline: 0;
    color: rgb(243, 232, 255);
    font-size: 14px;
    line-height: 24px;
  }

  body.pcow-site .pricing-v6-final .cta-row {
    margin-top: 32px;
    align-items: center;
    flex-direction: column;
    gap: 12px;
  }

  body.pcow-site .pricing-v6-final .button-large {
    width: auto;
    min-height: 48px;
    max-width: none;
    padding: 14px 32px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 20px;
  }

  body.pcow-site .pricing-v6-final .button-primary.button-large {
    min-width: 166px;
    box-shadow: none;
  }

  body.pcow-site .pricing-v6-final .button-secondary.button-large {
    min-width: 154px;
    border-color: rgba(255, 255, 255, .4);
    background: #fff;
    color: #fff;
    box-shadow: none;
  }
}

@media (max-width: 767px) {
  html[dir="rtl"] body.pcow-site .hero .reel-stage {
    margin-top: 65px;
  }
}

/* T053 RTL homepage parity: app.pcow.io renders the Arabic hero body as pc-public-body. */
html[dir="rtl"] body.pcow-site .marketing-v2-root .hero .subtitle,
body.pcow-site .marketing-v2-root[dir="rtl"] .hero .subtitle {
  max-width: 640px;
  font-size: 20px !important;
  line-height: 33px !important;
}

/* T061 final rescue: direct port of current rendered app.pcow.io pricing CTA and PageHero mobile rhythm. */
html body.pcow-site .pricing-v6-final,
html body.pcow-site .static-page[dir="rtl"] .pricing-v6-final {
  display: block !important;
  min-height: 0 !important;
  margin-top: 0 !important;
  padding: 80px 0 !important;
  text-align: center !important;
  color: rgb(17, 24, 39) !important;
  background: linear-gradient(to right bottom in oklab, rgb(26, 16, 51) 0%, rgb(30, 18, 64) 50%, rgb(15, 10, 31) 100%) !important;
}

html body.pcow-site .pricing-v6-final h2 {
  width: calc(100% - 48px) !important;
  max-width: 624px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  color: rgb(243, 232, 255) !important;
  font-size: clamp(1.75rem, 3vw, 2.2rem) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

html body.pcow-site .pricing-v6-final p {
  width: calc(100% - 48px) !important;
  max-width: 576px !important;
  margin: 16px auto 0 !important;
  padding: 0 !important;
  color: rgb(243, 232, 255) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  letter-spacing: 0 !important;
}

html body.pcow-site .pricing-v6-final .cta-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  gap: 12px !important;
  width: calc(100% - 48px) !important;
  max-width: 624px !important;
  margin: 32px auto 0 !important;
  padding: 0 !important;
}

html body.pcow-site .pricing-v6-final .button-large {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 14px 32px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

html body.pcow-site .pricing-v6-final .button-primary.button-large {
  height: 48px !important;
  color: rgb(255, 255, 255) !important;
  border: 0 solid rgba(0, 0, 0, 0.1) !important;
  background: linear-gradient(to right, oklch(0.558 0.288 302.321) 0%, color-mix(in srgb, oklch(0.496 0.265 301.924) 88%, oklch(0.558 0.288 302.321) 12%) 100%) !important;
  box-shadow: 0 10px 15px -3px color-mix(in srgb, oklch(0.558 0.288 302.321) 20%, transparent), 0 4px 6px -4px color-mix(in srgb, oklch(0.558 0.288 302.321) 20%, transparent) !important;
}

html body.pcow-site .pricing-v6-final .button-secondary.button-large {
  height: 44px !important;
  color: rgb(255, 255, 255) !important;
  border: 1px solid rgba(255, 255, 255, .4) !important;
  background: rgb(255, 255, 255) !important;
  box-shadow: none !important;
}

html body.pcow-site .pricing-v6-final .button-large::after {
  content: none !important;
  display: none !important;
}

html body.pcow-site .pricing-v6-final .pricing-v6-final-arrow {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
}

html[dir="rtl"] body.pcow-site .pricing-v6-final .pricing-v6-final-arrow,
body.pcow-site .static-page[dir="rtl"] .pricing-v6-final .pricing-v6-final-arrow {
  transform: rotate(180deg);
}

@media (min-width: 640px) {
  html body.pcow-site .pricing-v6-final .cta-row {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
  }
}

@media (max-width: 768px) {
  html body.pcow-site .creator-v2-hero,
  html body.pcow-site .business-v2-parity .business-v2-hero {
    padding: 120px 24px 64px !important;
  }

  html body.pcow-site .creator-v2-lead {
    font-size: 18px !important;
    line-height: 1.55 !important;
  }
}

html body.pcow-site .creator-v2-parity .pc-public-cta,
html body.pcow-site .business-v2-parity .pc-public-cta {
  line-height: 1.5 !important;
}

@media (max-width: 640px) {
  html body.pcow-site .marketing-v2-root .final-cta-title {
    font-size: clamp(1.9rem, 8vw, 2.4rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.035em !important;
  }

  html body.pcow-site .marketing-v2-root .final-cta-button {
    border-radius: 999px !important;
  }
}

/* T064 strict footer/reel parity: match rendered PublicLayoutShell footer geometry. */
html body.pcow-site .site-footer {
  position: relative !important;
  overflow: hidden !important;
}

html body.pcow-site .site-footer::before {
  content: "" !important;
  position: absolute !important;
  top: 1px !important;
  left: 50% !important;
  width: min(600px, calc(100% - 2rem)) !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(90deg, transparent, rgba(147, 51, 234, .3), transparent) !important;
  pointer-events: none !important;
}

html body.pcow-site .footer-heading,
html body.pcow-site .footer-download-title {
  font-size: 14px !important;
  line-height: 20px !important;
}

html body.pcow-site .footer-copy-button {
  width: 20px !important;
  height: 20px !important;
}

html body.pcow-site .footer-lang {
  min-height: 30px !important;
  height: 30px !important;
  padding: 6px 12px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  line-height: 16px !important;
}

html body.pcow-site .socials {
  gap: 12px !important;
}

html body.pcow-site .socials a {
  width: 28px !important;
  height: 28px !important;
}

html body.pcow-site .footer-copyright {
  white-space: nowrap !important;
  font-size: 12px !important;
  line-height: 18px !important;
}

@media (min-width: 981px) {
  html body.pcow-site .footer-shell {
    padding-bottom: 32px !important;
  }

  html body.pcow-site .footer-grid {
    min-height: 264px !important;
  }

  html body.pcow-site .footer-bottom {
    min-height: 63px !important;
    height: 63px !important;
    align-items: center !important;
    gap: 16px !important;
  }

  html body.pcow-site .footer-brand-block {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    height: 28px !important;
  }

  html body.pcow-site .footer-brand {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 112.8px !important;
    height: 28px !important;
    margin: 0 !important;
  }

  html body.pcow-site .footer-brand img:first-child {
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px !important;
  }

  html body.pcow-site .footer-word {
    width: 76.8px !important;
    height: 16px !important;
    margin: 0 !important;
    flex: 0 0 76.8px !important;
  }

  html body.pcow-site .tagline {
    margin: 0 !important;
    color: #9ca3af !important;
    font-size: 12px !important;
    font-style: italic !important;
    font-weight: 400 !important;
    line-height: 18px !important;
  }
}

@media (max-width: 640px) {
  html[dir="rtl"] body.pcow-site .marketing-v2-root .hero .reel-stage,
  html body.pcow-site .marketing-v2-root[dir="rtl"] .hero .reel-stage {
    margin-top: 56px !important;
  }
}

/* T065 RTL pricing parity: restore the rendered app's pre-final spacing after the T061 global reset. */
@media (min-width: 1280px) {
  html body.pcow-site .static-page[dir="rtl"] .pricing-v6-final {
    margin-top: 22px !important;
  }
}

@media (min-width: 981px) and (max-width: 1279px) {
  html body.pcow-site .static-page[dir="rtl"] .pricing-v6-final {
    margin-top: 24px !important;
  }
}

@media (min-width: 700px) and (max-width: 980px) {
  html body.pcow-site .static-page[dir="rtl"] .pricing-v6-final {
    margin-top: 65px !important;
  }
}

/* T066 homepage reel lip parity: port the React card footer structure exactly. */
html body.pcow-site .marketing-v2-root .reel-lip {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 7 !important;
  padding: 14px 16px 16px !important;
  color: #fff !important;
  background: linear-gradient(to top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 100%) !important;
}

html body.pcow-site .marketing-v2-root .reel-lip-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

html body.pcow-site .marketing-v2-root .reel-avatar {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  border: 1.5px solid #fff !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  background: rgba(255, 255, 255, .2) !important;
}

html body.pcow-site .marketing-v2-root .reel-avatar-fallback {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  font-family: var(--font-forma, Inter, sans-serif) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

html body.pcow-site .marketing-v2-root .reel-lip-text {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  text-align: start !important;
}

html body.pcow-site .marketing-v2-root .reel-lip-name {
  overflow: hidden !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .4) !important;
  white-space: nowrap !important;
}

html body.pcow-site .marketing-v2-root .reel-lip-city {
  overflow: hidden !important;
  color: #fff !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  opacity: .9 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* T067 footer parity: neutral headings do not get the module dot; only the first VIDEO MODE column does. */
html body.pcow-site .footer-heading::before {
  content: none !important;
}

html body.pcow-site .footer-grid > div:first-child .footer-heading::before {
  content: "" !important;
  display: inline-block !important;
  width: 8px !important;
  height: 8px !important;
  margin-inline-end: 8px !important;
  border-radius: 999px !important;
  background: #9333ea !important;
  vertical-align: 1px !important;
}

html body.pcow-site .footer-heading {
  color: #111827 !important;
}

html body.pcow-site .footer-grid > div:first-child .footer-heading {
  color: #7e22ce !important;
}

html body.pcow-site .footer-store-badges {
  gap: 12px !important;
}

html body.pcow-site .store-row {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 148px !important;
  min-width: 148px !important;
  max-width: 148px !important;
  min-height: 54px !important;
  padding: 10px 16px !important;
  gap: 10px !important;
}

html body.pcow-site .store-row img {
  display: none !important;
}

html body.pcow-site .store-row span {
  min-width: 0 !important;
  gap: 2px !important;
  line-height: 20px !important;
  white-space: nowrap !important;
}

html body.pcow-site .store-row small {
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 10px !important;
}

html body.pcow-site .store-row em {
  position: absolute !important;
  top: -8px !important;
  inset-inline-end: -8px !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: 0.64px !important;
  line-height: 12px !important;
  text-transform: uppercase !important;
  padding: 2px 6px !important;
  border: 1px solid color(srgb 0.952941 0.909804 1 / 0.72) !important;
  border-radius: 9999px !important;
  background: color(srgb 0.982679 0.965821 0.999863) !important;
}

/* T068 strict render parity: browser output wins over source intent. */
html body.pcow-site .business-v2-ar-title {
  direction: rtl !important;
}

html body.pcow-site .business-v2-ar-desktop,
html body.pcow-site .business-v2-ar-line {
  display: block !important;
}

html body.pcow-site .business-v2-ar-mobile {
  display: none !important;
}

html body.pcow-site .site-footer .footer-brand {
  display: none !important;
}

html body.pcow-site .site-footer .footer-brand-block {
  gap: 0 !important;
}

@media (min-width: 641px) and (max-width: 1279px) {
  html[dir="rtl"] body.pcow-site .nav-shell {
    direction: ltr !important;
  }

  html[dir="rtl"] body.pcow-site .nav-shell .mobile-toggle {
    order: 1 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
  }

  html[dir="rtl"] body.pcow-site .nav-shell .nav-actions {
    order: 2 !important;
    margin-inline-start: 12px !important;
    margin-inline-end: 0 !important;
    direction: rtl !important;
  }

  html[dir="rtl"] body.pcow-site .nav-shell .brand {
    order: 3 !important;
    margin-inline-start: auto !important;
  }
}

html body.pcow-site .creator-v2-parity .pc-public-badge,
html body.pcow-site .business-v2-parity .pc-public-badge,
html body.pcow-site .how-v2-parity .pc-public-badge {
  line-height: 1.5 !important;
}

html body.pcow-site .marketing-v2-root[dir="rtl"] .creator-v2-hero h1,
html[dir="rtl"] body.pcow-site .marketing-v2-root .creator-v2-hero h1 {
  letter-spacing: 0 !important;
}

html body.pcow-site .marketing-v2-root.creator-v2-parity:not([dir="rtl"]),
html body.pcow-site .marketing-v2-root.business-v2-parity:not([dir="rtl"]),
html body.pcow-site .marketing-v2-root.how-v2-parity:not([dir="rtl"]) {
  --font-forma: Inter, system-ui, -apple-system, "Segoe UI", sans-serif !important;
}

html body.pcow-site .business-v2-mobile-line,
html body.pcow-site .how-v2-mobile-line {
  display: inline !important;
}

@media (max-width: 640px) {
  html body.pcow-site .business-v2-ar-desktop {
    display: none !important;
  }

  html body.pcow-site .business-v2-ar-mobile {
    display: block !important;
  }

  html body.pcow-site .site-footer .footer-brand-block {
    width: 100% !important;
    justify-content: center !important;
  }

  html body.pcow-site .business-v2-mobile-line,
  html body.pcow-site .how-v2-mobile-line {
    display: block !important;
  }

  html body.pcow-site .business-v2-mobile-combo {
    display: flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    gap: .18em !important;
    direction: rtl !important;
  }
}

/* T073 root-cause parity: match current rendered React shell, not stale screenshots. */
html body.pcow-site .nav-links {
  line-height: 19.5px !important;
}

html body.pcow-site .nav-actions {
  gap: 12px !important;
}

html body.pcow-site .nav-links a {
  min-height: 31.5px !important;
  padding: 6px 10px !important;
  border: 0 !important;
  box-shadow: none !important;
  line-height: 19.5px !important;
}

html body.pcow-site .nav-links a.is-active {
  padding: 6px 10px !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.pcow-site .lang {
  min-height: 31.5px !important;
  padding: 6px 12px !important;
  border-radius: 10px !important;
  justify-content: center !important;
  line-height: 19.5px !important;
}

html body.pcow-site .lang[lang="ar"] {
  width: 54.23px !important;
}

html body.pcow-site .lang[lang="en"] {
  width: 63.84px !important;
}

html body.pcow-site .signin {
  min-height: 35.5px !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  line-height: 19.5px !important;
}

html body.pcow-site .site-footer .footer-brand {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 116.83px !important;
  height: 28px !important;
  margin: 0 !important;
}

html body.pcow-site .site-footer .footer-brand-block {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  width: auto !important;
  height: 28px !important;
  justify-content: flex-start !important;
}

html body.pcow-site .site-footer .footer-brand img:first-child {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
}

html body.pcow-site .site-footer .footer-word {
  display: block !important;
  width: 80.83px !important;
  height: 16px !important;
  margin: 0 !important;
  flex: 0 0 80.83px !important;
}

@media (max-width: 1279px) {
  html body.pcow-site .brand {
    width: 36px !important;
    min-width: 36px !important;
    gap: 0 !important;
  }

  html body.pcow-site .brand img:first-child {
    width: 36px !important;
    height: 36px !important;
  }
}

@media (max-width: 767px) {
  html body.pcow-site .mobile-toggle {
    width: 36px !important;
    height: 36px !important;
    margin-inline-start: -4px !important;
  }

  html body.pcow-site .lang {
    font-size: 13px !important;
  }

  html[dir="rtl"] body.pcow-site .nav-shell .mobile-toggle {
    order: 1 !important;
    width: 36px !important;
    height: 36px !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
  }

  html[dir="rtl"] body.pcow-site .nav-shell .nav-actions {
    order: 2 !important;
    margin-inline-start: -4px !important;
    margin-inline-end: 0 !important;
  }

  html[dir="rtl"] body.pcow-site .nav-shell .brand {
    order: 3 !important;
    margin-inline-start: auto !important;
  }

  html body.pcow-site .site-footer .footer-brand-block {
    width: auto !important;
    justify-content: flex-start !important;
  }
}

/* T079 final rescue: source/rendered parity corrections after the T078 review. */
html body.pcow-site .site-footer .footer-grid {
  margin: 0 0 48px !important;
}

html body.pcow-site .site-footer .footer-download {
  margin-top: 0 !important;
  margin-bottom: 32px !important;
}

html body.pcow-site .site-footer .footer-brand {
  display: flex !important;
  width: 116.83px !important;
  height: 28px !important;
  gap: 8px !important;
}

html body.pcow-site .site-footer .footer-brand img:first-child {
  display: block !important;
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
}

html body.pcow-site .site-footer .footer-word {
  display: block !important;
  width: 80.83px !important;
  height: 16px !important;
  margin: 0 !important;
  flex: 0 0 80.83px !important;
}

html body.pcow-site .site-footer .footer-brand-block {
  gap: 16px !important;
}

html body.pcow-site .site-footer .footer-bottom-actions a,
html body.pcow-site .site-footer .footer-bottom-actions button,
html body.pcow-site .site-footer .socials a {
  margin-bottom: 0 !important;
}

@media (min-width: 1280px) {
  html body.pcow-site .brand-word {
    display: block !important;
    width: 101.04px !important;
    height: 20px !important;
  }

  html body.pcow-site .nav-label-desktop {
    display: inline !important;
  }

  html body.pcow-site .nav-label-tablet {
    display: none !important;
  }
}

@media (max-width: 1279px) {
  html body.pcow-site .nav-label-desktop {
    display: none !important;
  }

  html body.pcow-site .nav-label-tablet {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  html body.pcow-site .nav-shell:not(.is-open) .nav-actions {
    transform: translateX(6px) !important;
  }

  html[dir="rtl"] body.pcow-site .nav-shell:not(.is-open) .nav-actions {
    transform: translateX(-4px) !important;
  }
}

html body.pcow-site .store-row {
  grid-template-columns: 24px minmax(0, 1fr) auto !important;
}

html body.pcow-site .store-row img {
  display: block !important;
  width: 24px !important;
  height: 24px !important;
}

@media (min-width: 981px) {
  html body.pcow-site .site-footer .footer-grid {
    min-height: 254px !important;
  }
}

@media (min-width: 641px) and (max-width: 980px) {
  html body.pcow-site .site-footer .footer-grid {
    min-height: 374px !important;
  }

  html body.pcow-site .site-footer .footer-bottom {
    min-height: 63px !important;
    height: 63px !important;
  }
}

@media (max-width: 640px) {
  html body.pcow-site .site-footer .footer-brand {
    width: 112.8px !important;
  }

  html body.pcow-site .site-footer .footer-word {
    width: 76.8px !important;
    flex-basis: 76.8px !important;
  }
}

@media (max-width: 560px) {
  html body.pcow-site .site-footer .footer-shell {
    padding-bottom: 32px !important;
  }

  html body.pcow-site .site-footer .footer-grid > div > a:last-child {
    margin-bottom: 0 !important;
  }

  html body.pcow-site .site-footer .footer-download {
    gap: 16px !important;
  }

  html body.pcow-site .how-v2-tabs .mode-segment {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    max-width: 340px !important;
  }

  html body.pcow-site .how-v2-tabs .mode-segment label {
    width: auto !important;
    flex: 1 1 0 !important;
    justify-content: center !important;
    white-space: nowrap !important;
  }
}

/* T086 source-port correction: React PageHero renders the Arabic business title inline on tablet/desktop. */
@media (min-width: 641px) {
  html body.pcow-site .business-v2-ar-title .business-v2-ar-desktop {
    display: inline !important;
  }

  html body.pcow-site .business-v2-ar-title .business-v2-ar-line {
    display: inline !important;
  }
}

/* T088 final rescue: source-port wrapper geometry and balanced text wrapping. */
html body.pcow-site .site-header {
  padding: 0 !important;
  line-height: 24px !important;
}

html body.pcow-site .nav-shell {
  width: calc(100% - 24px) !important;
  margin: 12px auto 0 !important;
}

html:not([dir="rtl"]) body.pcow-site .marketing-v2-root .hero h1 {
  font-size: clamp(48px, 6.5vw, 88px) !important;
  line-height: .98 !important;
  letter-spacing: -0.04em !important;
}

html[dir="rtl"] body.pcow-site .marketing-v2-root .hero h1,
html body.pcow-site .marketing-v2-root[dir="rtl"] .hero h1 {
  font-family: var(--font-display-ui) !important;
  font-weight: 700 !important;
  font-size: clamp(3.25rem, 6vw, 5.3rem) !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

html body.pcow-site .marketing-v2-root .hero-copy,
html body.pcow-site .marketing-v2-root .hero h1,
html body.pcow-site .marketing-v2-root .hero .eyebrow,
html body.pcow-site .marketing-v2-root .hero .subtitle,
html body.pcow-site .marketing-v2-root .static-hero,
html body.pcow-site .marketing-v2-root .static-hero h1,
html body.pcow-site .marketing-v2-root .static-hero p,
html body.pcow-site .business-v2-workflow h2,
html body.pcow-site .business-v2-workflow em,
html body.pcow-site .business-v2-features h2,
html body.pcow-site .how-v2-head h2,
html body.pcow-site .how-v2-head p {
  text-wrap: balance !important;
}

@media (min-width: 768px) {
  html body.pcow-site .nav-shell {
    width: calc(100% - 32px) !important;
  }
}

/* T090 source-port correction: BusinessPage mobile workflow spacing. */
@media (max-width: 900px) {
  html body.pcow-site .business-v2-parity .biz-workflow-grid {
    gap: 28px !important;
  }

  html body.pcow-site .business-v2-parity .biz-workflow-grid article {
    padding: 0 12px !important;
  }
}

/* T092 rendered-original correction: header copy, secondary mobile wraps, and footer bottom mark. */
html body.pcow-site .site-footer .footer-brand {
  display: none !important;
}

html body.pcow-site .site-footer .footer-brand img,
html body.pcow-site .site-footer .footer-word {
  display: none !important;
}

html body.pcow-site .site-footer .footer-brand-block {
  gap: 0 !important;
}

html body.pcow-site .business-v2-mobile-break {
  display: none !important;
}

html body.pcow-site .business-v2-desktop-space {
  display: inline !important;
}

html body.pcow-site .business-v2-en-accent-main,
html body.pcow-site .business-v2-en-accent-tail {
  display: inline !important;
}

@media (max-width: 640px) {
  html body.pcow-site:has(.marketing-v2-root[dir="rtl"].business-v2-parity) .site-header .brand,
  html body.pcow-site:has(.marketing-v2-root[dir="rtl"].how-v2-parity) .site-header .brand {
    visibility: visible !important;
  }

  html body.pcow-site .business-v2-ar-mobile {
    width: min(100%, 340px) !important;
    margin-inline: auto !important;
  }

  html body.pcow-site .business-v2-ar-mobile .business-v2-mobile-line {
    display: block !important;
    white-space: nowrap !important;
  }

  html body.pcow-site .business-v2-en-accent {
    display: block !important;
  }

  html body.pcow-site .business-v2-en-accent-main,
  html body.pcow-site .business-v2-en-accent-tail {
    display: block !important;
  }

  html body.pcow-site .business-v2-desktop-space {
    display: none !important;
  }

  html body.pcow-site .business-v2-en-accent-tail {
    background: linear-gradient(to right, #5b6ee8 0%, #06b6d4 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
  }

  html body.pcow-site .business-v2-ar-accent-main {
    background: linear-gradient(to right, #06b6d4 0%, #4f7be8 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
  }
}

html body.pcow-site .store-row {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  min-width: 148px !important;
  min-height: 54px !important;
  height: 54px !important;
  padding: 10px 16px !important;
  border-radius: 14px !important;
}

/* T099 final footer parity: restore the wordmark with specificity above the stale T092 image hide. */
html body.pcow-site .site-footer .footer-brand {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 116.83px !important;
  height: 28px !important;
  margin: 0 !important;
}
html body.pcow-site .site-footer .footer-brand img:first-child {
  display: block !important;
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
}
html body.pcow-site .site-footer .footer-brand img.footer-word {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 80.83px !important;
  height: 16px !important;
  margin: 0 !important;
  flex: 0 0 80.83px !important;
}
html body.pcow-site .site-footer .footer-brand-block {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  width: auto !important;
  height: 28px !important;
  justify-content: flex-start !important;
}
@media (max-width: 640px) {
  html body.pcow-site .site-footer .footer-brand {
    width: 112.8px !important;
  }
  html body.pcow-site .site-footer .footer-brand img.footer-word {
    width: 76.8px !important;
    flex-basis: 76.8px !important;
  }
}

/* ===== Hero "Experts in" platform badge (billo-style: real brand lockups, tight 8px gap) ===== */
body.pcow-site .marketing-v2-root .hero-experts { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin: 0 0 24px; }
body.pcow-site .marketing-v2-root .hero-experts-label { color: #6b7280; font-size: 16px; font-weight: 500; }
body.pcow-site .marketing-v2-root .hero-expert-logo { display: block; flex: 0 0 auto; }

/* ===== Pre-footer "Book a Demo" section ===== */
body.pcow-site .marketing-v2-root .demo-cta-shell { display: grid; grid-template-columns: 1.05fr 1fr; gap: clamp(24px, 4vw, 56px); align-items: center; max-width: 1100px; margin: 0 auto; padding: clamp(24px, 3.4vw, 44px); border: 1px solid rgba(229, 231, 235, .6); border-radius: 32px; background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 55%, #ede9fe 100%); box-shadow: 0 24px 60px -30px rgba(124, 58, 237, .35); overflow: hidden; }
body.pcow-site .marketing-v2-root .demo-cta-media { overflow: hidden; border-radius: 22px; aspect-ratio: 1200 / 630; background: #2e1065; box-shadow: 0 18px 44px -22px rgba(46, 16, 101, .55); }
body.pcow-site .marketing-v2-root .demo-cta-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
body.pcow-site .marketing-v2-root .demo-cta-content { text-align: start; }
body.pcow-site .marketing-v2-root .demo-cta-title { margin: 14px 0 12px; color: var(--pc-public-text-heading); font-family: var(--font-forma); font-size: clamp(1.85rem, 3.1vw, 2.6rem); font-weight: 800; line-height: 1.1; letter-spacing: var(--pc-public-display-tracking); }
body.pcow-site .marketing-v2-root .demo-cta-text { max-width: 460px; margin: 0 0 24px; color: var(--pc-public-text-body); font-size: clamp(15px, 1.4vw, 17px); line-height: 1.6; }
body.pcow-site .marketing-v2-root .demo-cta-actions { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
body.pcow-site .marketing-v2-root .demo-cta-actions .final-cta-button { margin: 0; }
body.pcow-site .marketing-v2-root .demo-cta-actions .demo-link { margin: 0; }
@media (max-width: 860px) {
  body.pcow-site .marketing-v2-root .demo-cta-shell { grid-template-columns: 1fr; text-align: center; }
  body.pcow-site .marketing-v2-root .demo-cta-content { text-align: center; }
  body.pcow-site .marketing-v2-root .demo-cta-text { margin-inline: auto; }
  body.pcow-site .marketing-v2-root .demo-cta-actions { justify-content: center; }
}

/* ================= Home enhancements: stats band / offerings head / timeline / blog / scroll-reveal ================= */

/* Scroll reveal (entrance only; hover transforms stay independent) */
@keyframes pcowRise { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: no-preference) {
  body.pcow-site .marketing-v2-root .reveal-on-scroll { opacity: 0; }
  body.pcow-site .marketing-v2-root .reveal-on-scroll.is-revealed { opacity: 1; animation: pcowRise .6s cubic-bezier(.22,.61,.36,1) backwards; animation-delay: calc(var(--rv-i, 0) * .08s); }
}

/* Stats band */
body.pcow-site .marketing-v2-root .stats-band-section { padding: clamp(32px, 5vw, 60px) clamp(16px, 4vw, 32px) 0; }
body.pcow-site .marketing-v2-root .stats-band { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; max-width: 1080px; margin: 0 auto; padding: 22px clamp(16px, 3vw, 28px); border: 1px solid rgba(229,231,235,.75); border-radius: 24px; background: #fff; box-shadow: 0 20px 54px -34px rgba(46,16,101,.45); }
body.pcow-site .marketing-v2-root .stat-item { flex: 1 1 0; min-width: 128px; display: flex; flex-direction: column; align-items: center; gap: 5px; text-align: center; padding: 6px 14px; }
body.pcow-site .marketing-v2-root .stat-num { font-family: var(--font-forma); font-size: clamp(2rem, 3.4vw, 2.75rem); font-weight: 800; line-height: 1; letter-spacing: -.02em; background: linear-gradient(90deg,#9333ea,#06b6d4); -webkit-background-clip: text; background-clip: text; color: transparent; }
body.pcow-site .marketing-v2-root .stat-unit { font-size: .6em; }
body.pcow-site .marketing-v2-root .stat-label { color: #6b7280; font-size: 13px; font-weight: 500; line-height: 1.35; max-width: 150px; }
body.pcow-site .marketing-v2-root .stat-divider { flex: 0 0 1px; align-self: center; width: 1px; height: 44px; background: linear-gradient(180deg, transparent, #e5e7eb, transparent); }
@media (max-width: 700px) { body.pcow-site .marketing-v2-root .stat-divider { display: none; } body.pcow-site .marketing-v2-root .stat-item { flex-basis: 42%; } }

/* Offerings: section head + richer cards */
body.pcow-site .marketing-v2-root .vops-head { display: flex; flex-direction: column; align-items: center; gap: 14px; max-width: 680px; margin: 0 auto 44px; text-align: center; }
body.pcow-site .marketing-v2-root .vops-title { font-size: clamp(2rem, 4vw, 3rem); }
body.pcow-site .marketing-v2-root .vops-intro { max-width: 540px; margin: 0; color: var(--pc-public-text-body); font-size: 16px; line-height: 1.6; }
body.pcow-site .marketing-v2-root .video-option-card:hover { transform: translateY(-6px); border-color: rgba(124,58,237,.22); box-shadow: 0 1px 2px rgba(15,23,42,.05), 0 30px 60px -26px rgba(124,58,237,.30); }
body.pcow-site .marketing-v2-root .video-option-card::before { height: 4px; opacity: 1; }
body.pcow-site .marketing-v2-root .video-option-icon { transition: transform .26s ease; }
body.pcow-site .marketing-v2-root .video-option-card:hover .video-option-icon { transform: scale(1.06) rotate(-3deg); }

/* How it works -> animated timeline */
body.pcow-site .marketing-v2-root .how-it-works-section { position: relative; overflow: hidden; }
body.pcow-site .marketing-v2-root .how-mascot { position: absolute; top: 48px; right: clamp(-70px, -3vw, -10px); width: clamp(150px, 17vw, 280px); height: auto; opacity: .06; pointer-events: none; user-select: none; }
[dir="rtl"] body.pcow-site .marketing-v2-root .how-mascot { right: auto; left: clamp(-70px, -3vw, -10px); transform: scaleX(-1); }
body.pcow-site .marketing-v2-root .timeline { position: relative; max-width: 720px; margin: 4px 0 0; }
body.pcow-site .marketing-v2-root .tl-step { position: relative; display: grid; grid-template-columns: 52px 1fr; gap: 22px; padding: 0 0 34px; }
body.pcow-site .marketing-v2-root .tl-step:last-child { padding-bottom: 0; }
body.pcow-site .marketing-v2-root .tl-rail { position: relative; display: flex; justify-content: center; }
body.pcow-site .marketing-v2-root .tl-step:not(:last-child) .tl-rail::after { content: ""; position: absolute; left: 50%; top: 56px; bottom: -34px; width: 2px; transform: translateX(-50%); background: linear-gradient(180deg, rgba(147,51,234,.55), rgba(6,182,212,.30)); border-radius: 2px; }
body.pcow-site .marketing-v2-root .tl-node { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 16px; background: linear-gradient(135deg,#9333ea,#7e22ce 55%,#06b6d4); color: #fff; box-shadow: 0 14px 28px -12px rgba(124,58,237,.55); }
body.pcow-site .marketing-v2-root .tl-card { position: relative; padding-top: 3px; }
body.pcow-site .marketing-v2-root .tl-num { position: absolute; top: -8px; right: 0; font-family: var(--font-forma); font-size: 58px; font-weight: 800; line-height: 1; letter-spacing: -.04em; color: rgba(124,58,237,.09); pointer-events: none; }
[dir="rtl"] body.pcow-site .marketing-v2-root .tl-num { right: auto; left: 0; }
body.pcow-site .marketing-v2-root .tl-card .ed-title { margin: 2px 0 6px; }
body.pcow-site .marketing-v2-root .tl-card .pc-public-body { max-width: 520px; }
@media (max-width: 600px) { body.pcow-site .marketing-v2-root .tl-num { font-size: 42px; } body.pcow-site .marketing-v2-root .tl-step { gap: 16px; grid-template-columns: 46px 1fr; } body.pcow-site .marketing-v2-root .tl-node { width: 46px; height: 46px; } }

/* Home blog section */
body.pcow-site .marketing-v2-root .home-blog-section { padding: clamp(64px, 9vw, 104px) clamp(16px, 4vw, 32px); background: #f8f8fa; }
body.pcow-site .marketing-v2-root .home-blog-shell { max-width: 1180px; margin: 0 auto; }
body.pcow-site .marketing-v2-root .home-blog-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin: 0 0 36px; }
body.pcow-site .marketing-v2-root .home-blog-all { display: inline-flex; align-items: center; gap: 8px; color: #0a0a0a; font-size: 14px; font-weight: 600; white-space: nowrap; transition: gap .16s ease, color .16s ease; }
body.pcow-site .marketing-v2-root .home-blog-all:hover { color: #7e22ce; gap: 12px; }
body.pcow-site .marketing-v2-root .home-blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; }
body.pcow-site .marketing-v2-root .home-blog-card { display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(15,23,42,.08); border-radius: 22px; background: #fff; box-shadow: 0 1px 2px rgba(15,23,42,.04), 0 12px 28px -16px rgba(15,23,42,.08); text-decoration: none; transition: transform .26s ease, box-shadow .26s ease, border-color .26s ease; }
body.pcow-site .marketing-v2-root .home-blog-card:hover { transform: translateY(-6px); border-color: rgba(124,58,237,.25); box-shadow: 0 1px 2px rgba(15,23,42,.05), 0 30px 60px -26px rgba(124,58,237,.26); }
body.pcow-site .marketing-v2-root .home-blog-thumb { display: flex; align-items: flex-start; aspect-ratio: 16 / 9; padding: 16px; background: linear-gradient(135deg,#9333ea,#06b6d4); }
body.pcow-site .marketing-v2-root .home-blog-card[data-tone="1"] .home-blog-thumb { background: linear-gradient(135deg,#0891b2,#2563eb); }
body.pcow-site .marketing-v2-root .home-blog-card[data-tone="2"] .home-blog-thumb { background: linear-gradient(135deg,#7e22ce,#db2777); }
body.pcow-site .marketing-v2-root .home-blog-cat { display: inline-flex; padding: 5px 11px; border-radius: 999px; background: rgba(255,255,255,.22); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
body.pcow-site .marketing-v2-root .home-blog-body { display: flex; flex: 1; flex-direction: column; gap: 8px; padding: 22px; }
body.pcow-site .marketing-v2-root .home-blog-meta { color: #6b7280; font-size: 12px; font-weight: 500; }
body.pcow-site .marketing-v2-root .home-blog-title { color: var(--pc-public-text-heading); font-family: var(--font-forma); font-size: 19px; font-weight: 700; line-height: 1.3; letter-spacing: -.01em; }
body.pcow-site .marketing-v2-root .home-blog-ex { flex: 1; color: var(--pc-public-text-body); font-size: 14px; line-height: 1.6; }
body.pcow-site .marketing-v2-root .home-blog-read { margin-top: 4px; color: #7e22ce; font-size: 13px; font-weight: 600; }
@media (max-width: 880px) { body.pcow-site .marketing-v2-root .home-blog-grid { grid-template-columns: 1fr; } body.pcow-site .marketing-v2-root .home-blog-head { align-items: flex-start; } }

/* ================= Stats band + offering cards REDESIGN ================= */

/* Stats: four icon mini-cards */
body.pcow-site .marketing-v2-root .stats-band { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; max-width: 1120px; margin: 0 auto; padding: 0; border: 0; background: transparent; box-shadow: none; }
body.pcow-site .marketing-v2-root .stat-card { display: flex; align-items: center; gap: 14px; padding: 20px; border: 1px solid rgba(229,231,235,.85); border-radius: 18px; background: #fff; box-shadow: 0 16px 38px -30px rgba(46,16,101,.45); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
body.pcow-site .marketing-v2-root .stat-card:hover { transform: translateY(-4px); border-color: rgba(124,58,237,.22); box-shadow: 0 24px 48px -26px rgba(124,58,237,.32); }
body.pcow-site .marketing-v2-root .stat-ic { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 46px; height: 46px; border-radius: 14px; color: #fff; box-shadow: 0 10px 20px -10px rgba(15,23,42,.45); }
body.pcow-site .marketing-v2-root .stat-ic-a { background: linear-gradient(135deg,#9333ea,#7e22ce); }
body.pcow-site .marketing-v2-root .stat-ic-b { background: linear-gradient(135deg,#06b6d4,#0891b2); }
body.pcow-site .marketing-v2-root .stat-ic-c { background: linear-gradient(135deg,#f59e0b,#ea580c); }
body.pcow-site .marketing-v2-root .stat-ic-d { background: linear-gradient(135deg,#22c55e,#16a34a); }
body.pcow-site .marketing-v2-root .stat-meta { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
body.pcow-site .marketing-v2-root .stat-card .stat-num { font-size: clamp(1.5rem, 2.3vw, 1.95rem); }
body.pcow-site .marketing-v2-root .stat-card .stat-unit { color: #7e22ce; }
body.pcow-site .marketing-v2-root .stat-card .stat-label { color: #6b7280; font-size: 12.5px; font-weight: 500; line-height: 1.3; max-width: none; }
@media (max-width: 900px) { body.pcow-site .marketing-v2-root .stats-band { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 440px) { body.pcow-site .marketing-v2-root .stats-band { grid-template-columns: 1fr; } }

/* Offering cards: bold gradient icon tiles + pill tags */
body.pcow-site .marketing-v2-root .video-option-card { border-radius: 24px; }
body.pcow-site .marketing-v2-root .video-option-icon { width: 56px; height: 56px; margin-bottom: 22px; border: 0; border-radius: 18px; color: #fff; }
body.pcow-site .marketing-v2-root .video-option-icon svg { width: 26px; height: 26px; }
body.pcow-site .marketing-v2-root .video-option-card[data-card-tone="videos"] .video-option-icon { background: linear-gradient(135deg,#9333ea,#7e22ce); box-shadow: 0 16px 28px -12px rgba(124,58,237,.6); }
body.pcow-site .marketing-v2-root .video-option-card[data-card-tone="pr"] .video-option-icon { background: linear-gradient(135deg,#06b6d4,#0891b2); box-shadow: 0 16px 28px -12px rgba(8,145,178,.55); }
body.pcow-site .marketing-v2-root .video-option-card[data-card-tone="ai"] .video-option-icon { background: linear-gradient(135deg,#22c55e,#16a34a); box-shadow: 0 16px 28px -12px rgba(22,163,74,.5); }
body.pcow-site .marketing-v2-root .video-option-title { font-size: 23px; }
body.pcow-site .marketing-v2-root .vopt-bestfor { margin-top: auto; padding-top: 22px; border-top: 1px solid rgba(15,23,42,.07); }
body.pcow-site .marketing-v2-root .vopt-bestfor-label { display: block; margin-bottom: 11px; color: #9ca3af; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
body.pcow-site .marketing-v2-root .vopt-tags { display: flex; flex-wrap: wrap; gap: 7px; }
body.pcow-site .marketing-v2-root .vopt-tag { display: inline-flex; padding: 5px 11px; border-radius: 999px; font-size: 11.5px; font-weight: 600; letter-spacing: .01em; background: #faf5ff; color: #7e22ce; }
body.pcow-site .marketing-v2-root .video-option-card[data-card-tone="pr"] .vopt-tag { background: #ecfeff; color: #0e7490; }
body.pcow-site .marketing-v2-root .video-option-card[data-card-tone="ai"] .vopt-tag { background: #f0fdf4; color: #15803d; }
body.pcow-site .marketing-v2-root .video-option-card[data-card-tone="videos"]:hover { border-color: rgba(147,51,234,.30); }
body.pcow-site .marketing-v2-root .video-option-card[data-card-tone="pr"]:hover { border-color: rgba(8,145,178,.30); }
body.pcow-site .marketing-v2-root .video-option-card[data-card-tone="ai"]:hover { border-color: rgba(22,163,74,.30); }

/* ================= billo-style refinement: unified stats panel + open offering columns ================= */

/* Stats: ONE panel (same background), thin dividers, centered */
body.pcow-site .marketing-v2-root .stats-band { display: flex; align-items: stretch; justify-content: space-between; gap: 0; max-width: 1180px; margin: 0 auto; padding: 22px clamp(8px, 1.5vw, 18px); border: 1px solid rgba(229,231,235,.9); border-radius: 24px; background: #fff; box-shadow: 0 22px 56px -36px rgba(46,16,101,.45); }
body.pcow-site .marketing-v2-root .stat-card { flex: 1 1 0; justify-content: center; gap: 13px; padding: 10px 16px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
body.pcow-site .marketing-v2-root .stat-card:hover { transform: none; box-shadow: none; border-color: transparent; }
body.pcow-site .marketing-v2-root .stat-card + .stat-card { border-left: 1px solid #edeef1; }
@media (max-width: 760px) {
  body.pcow-site .marketing-v2-root .stats-band { flex-wrap: wrap; padding: 8px; }
  body.pcow-site .marketing-v2-root .stat-card { flex-basis: 50%; padding: 16px; }
  body.pcow-site .marketing-v2-root .stat-card + .stat-card { border-left: 0; }
  body.pcow-site .marketing-v2-root .stat-card:nth-child(n+3) { border-top: 1px solid #edeef1; }
}

/* Offerings: open columns (no boxes) with thin dividers, left-aligned head */
body.pcow-site .marketing-v2-root .vops-head { align-items: flex-start; text-align: left; max-width: 720px; margin: 0 0 48px; }
[dir="rtl"] body.pcow-site .marketing-v2-root .vops-head { align-items: flex-end; text-align: right; }
body.pcow-site .marketing-v2-root .vops-intro { max-width: 620px; }
body.pcow-site .marketing-v2-root .home-video-options-grid { gap: 0; }
body.pcow-site .marketing-v2-root .video-option-card { background: transparent; border: 0; border-radius: 0; box-shadow: none; padding: 4px 46px; min-height: 0; }
body.pcow-site .marketing-v2-root .video-option-card::before { display: none; }
body.pcow-site .marketing-v2-root .video-option-card:hover { transform: none; box-shadow: none; }
body.pcow-site .marketing-v2-root .video-option-card:first-child { padding-left: 0; }
body.pcow-site .marketing-v2-root .video-option-card:last-child { padding-right: 0; }
body.pcow-site .marketing-v2-root .video-option-card + .video-option-card { border-left: 1px solid #e7e8ec; }
[dir="rtl"] body.pcow-site .marketing-v2-root .video-option-card + .video-option-card { border-left: 0; border-right: 1px solid #e7e8ec; }
body.pcow-site .marketing-v2-root .video-option-card:hover .video-option-icon { transform: translateY(-3px); }
@media (max-width: 980px) {
  body.pcow-site .marketing-v2-root .video-option-card { padding: 30px 0 !important; }
  body.pcow-site .marketing-v2-root .video-option-card + .video-option-card { border-left: 0 !important; border-right: 0 !important; border-top: 1px solid #e7e8ec; }
  body.pcow-site .marketing-v2-root .video-option-card:first-child { padding-top: 0 !important; }
}

/* Stats: drop the white panel — clean centered row on the section background */
body.pcow-site .marketing-v2-root .stats-band { display: flex; align-items: stretch; justify-content: center; gap: 0; max-width: 1040px; margin: 0 auto; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
body.pcow-site .marketing-v2-root .stat-card { flex: 1 1 0; justify-content: center; }
body.pcow-site .marketing-v2-root .stat-card + .stat-card { border-left: 1px solid #e5e7eb; }
@media (max-width: 760px) {
  body.pcow-site .marketing-v2-root .stat-card:nth-child(n+3) { border-top: 1px solid #e5e7eb; }
}

/* Stats: align to the page content width (1240) so it lines up with the sections below */
body.pcow-site .marketing-v2-root .stats-band-section { padding-left: 24px; padding-right: 24px; }
body.pcow-site .marketing-v2-root .stats-band { max-width: 1240px; }

/* ================= Design-doc port: stats bar + offering cards (exact from Claude design) ================= */
body.pcow-site .marketing-v2-root .grad-text{background:linear-gradient(90deg,#9333ea,#06b6d4);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* Stats bar — white panel, gradient numbers, dividers, no icons */
body.pcow-site .marketing-v2-root .dc-stats-bar{display:flex;align-items:stretch;max-width:1240px;margin:0 auto;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 1px 3px rgba(15,23,42,.04);padding:14px 8px;}
body.pcow-site .marketing-v2-root .dc-stat{flex:1;padding:24px 20px;text-align:center;}
body.pcow-site .marketing-v2-root .dc-stat-num{font-weight:800;font-size:38px;line-height:1;letter-spacing:-.03em;}
body.pcow-site .marketing-v2-root .dc-stat-num span{font-size:22px;}
body.pcow-site .marketing-v2-root .dc-stat-label{font-weight:500;font-size:13.5px;color:#6b7280;margin-top:9px;}
body.pcow-site .marketing-v2-root .dc-stat-div{flex:0 0 1px;width:1px;background:#e5e7eb;margin:26px 0;opacity:.7;}
@media (max-width:760px){
  body.pcow-site .marketing-v2-root .dc-stats-bar{flex-wrap:wrap;padding:8px;}
  body.pcow-site .marketing-v2-root .dc-stat{flex-basis:50%;padding:18px;}
  body.pcow-site .marketing-v2-root .dc-stat-div{display:none;}
}

/* Offering cards — boxed, centered head, Cow mascot icons, pill tags */
body.pcow-site .marketing-v2-root .home-video-options-section{background:#fff;}
body.pcow-site .marketing-v2-root .dc-cards-head{text-align:center;max-width:680px;margin:0 auto 30px;}
body.pcow-site .marketing-v2-root .dc-cards-title{font-weight:800;font-size:clamp(2rem,4vw,40px);line-height:1.1;letter-spacing:-.03em;color:#111827;margin:20px 0 0;}
body.pcow-site .marketing-v2-root .dc-cards-intro{font-weight:400;font-size:15px;line-height:1.6;color:#6b7280;margin:14px auto 0;max-width:520px;}
body.pcow-site .marketing-v2-root .dc-cards{display:flex;gap:22px;align-items:stretch;}
body.pcow-site .marketing-v2-root .dc-card{flex:1;display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:30px;box-shadow:0 1px 3px rgba(15,23,42,.05);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
body.pcow-site .marketing-v2-root .dc-card:hover{transform:translateY(-6px);border-color:#e9d5ff;box-shadow:0 24px 50px -28px rgba(124,58,237,.28);}
body.pcow-site .marketing-v2-root .dc-card-icon{display:flex;align-items:center;justify-content:center;width:74px;height:74px;border-radius:18px;background:#faf5ff;}
body.pcow-site .marketing-v2-root .dc-card-icon img{display:block;width:50px;height:50px;}
body.pcow-site .marketing-v2-root .dc-card-title{font-weight:700;font-size:21px;color:#111827;margin:22px 0 0;letter-spacing:-.01em;}
body.pcow-site .marketing-v2-root .dc-card-desc{flex:1;font-weight:400;font-size:14px;line-height:1.6;color:#6b7280;margin:8px 0 0;}
body.pcow-site .marketing-v2-root .dc-card-rule{height:1px;background:#f1f2f4;margin:20px 0 16px;}
body.pcow-site .marketing-v2-root .dc-card-bestfor{font-weight:700;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#9ca3af;}
body.pcow-site .marketing-v2-root .dc-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px;}
body.pcow-site .marketing-v2-root .dc-tag{font-weight:600;font-size:12px;color:#7e22ce;background:#faf5ff;border:1px solid #e9d5ff;border-radius:999px;padding:6px 12px;}
@media (max-width:860px){
  body.pcow-site .marketing-v2-root .dc-cards{flex-direction:column;}
}

/* ===== Audience section (two-sided: businesses + creators) ===== */
body.pcow-site .marketing-v2-root .audience-section{padding:92px 24px;}
body.pcow-site .marketing-v2-root .aud-head{max-width:760px;margin:0 auto 44px;text-align:center;}
body.pcow-site .marketing-v2-root .aud-title{font-family:var(--font-forma,Inter,sans-serif);font-weight:800;font-size:40px;line-height:1.12;letter-spacing:-.02em;color:#1c1c1e;margin:0;}
body.pcow-site .marketing-v2-root .aud-title .grad-text{background:linear-gradient(90deg,#9333ea,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
body.pcow-site .marketing-v2-root .aud-intro{margin:16px auto 0;max-width:560px;font-size:16px;line-height:1.6;color:#6b7280;}
body.pcow-site .marketing-v2-root .aud-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:20px;}
body.pcow-site .marketing-v2-root .aud-card{border-radius:26px;overflow:hidden;}
body.pcow-site .marketing-v2-root .aud-card--text{background:#f5f5f7;border:1px solid #ececf0;padding:34px 34px 30px;display:flex;flex-direction:column;}
body.pcow-site .marketing-v2-root .aud-kicker{font-family:var(--font-forma,Inter,sans-serif);font-weight:800;font-size:23px;line-height:1.2;color:#1c1c1e;margin:0;}
body.pcow-site .marketing-v2-root .aud-sub{font-size:15px;color:#9ca3af;margin:4px 0 0;}
body.pcow-site .marketing-v2-root .aud-desc{font-size:15px;line-height:1.6;color:#4b5563;margin:14px 0 0;max-width:430px;}
body.pcow-site .marketing-v2-root .aud-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin:20px 0 26px;padding:11px 22px;border-radius:999px;background:#15131a;color:#fff;font-weight:600;font-size:14px;text-decoration:none;transition:transform .15s ease,background .15s ease;}
body.pcow-site .marketing-v2-root .aud-btn:hover{background:#2a2533;transform:translateY(-1px);}
body.pcow-site .marketing-v2-root .aud-feats{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px 22px;}
body.pcow-site .marketing-v2-root .aud-feat{display:flex;gap:10px;}
body.pcow-site .marketing-v2-root .aud-feat-ic{flex:0 0 22px;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#f3e8ff;color:#9333ea;margin-top:1px;}
body.pcow-site .marketing-v2-root .aud-feat-ic svg{width:12px;height:12px;fill:currentColor;}
body.pcow-site .marketing-v2-root .aud-card--creators .aud-feat-ic{background:#cffafe;color:#0891b2;}
body.pcow-site .marketing-v2-root .aud-feat-t{font-weight:700;font-size:14px;color:#1c1c1e;line-height:1.25;}
body.pcow-site .marketing-v2-root .aud-feat-d{font-size:12.5px;line-height:1.4;color:#6b7280;margin-top:3px;}
/* media (purple) card */
body.pcow-site .marketing-v2-root .aud-card--media{position:relative;padding:22px;background:linear-gradient(150deg,#f5ecff 0%,#ead9ff 48%,#dcc0ff 100%);display:flex;}
body.pcow-site .marketing-v2-root .aud-media-inner{position:relative;width:100%;border-radius:18px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 18px 40px rgba(76,29,149,.18);}
body.pcow-site .marketing-v2-root .aud-media-inner img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block;}
body.pcow-site .marketing-v2-root .aud-media-logo{position:absolute;inset-inline-start:14px;bottom:14px;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 13px;border-radius:999px;background:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(255,255,255,.55);box-shadow:0 4px 16px rgba(0,0,0,.14);}
body.pcow-site .marketing-v2-root .aud-media-logo img{width:auto;height:16px;}
body.pcow-site .marketing-v2-root .aud-media-logo b{font-weight:800;font-size:13px;color:#1c1c1e;letter-spacing:-.01em;}
body.pcow-site .marketing-v2-root .aud-media-stat{position:absolute;inset-inline-end:14px;bottom:14px;background:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(255,255,255,.6);border-radius:16px;padding:10px 16px;box-shadow:0 10px 30px rgba(76,29,149,.24);text-align:center;}
body.pcow-site .marketing-v2-root .aud-media-stat b{display:block;font-family:var(--font-forma,Inter,sans-serif);font-weight:800;font-size:26px;line-height:1;background:linear-gradient(90deg,#9333ea,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
body.pcow-site .marketing-v2-root .aud-media-stat span{display:block;font-size:11px;color:#6b7280;margin-top:4px;}
/* stat (cyan) card */
body.pcow-site .marketing-v2-root .aud-card--stat{position:relative;padding:34px;background:linear-gradient(150deg,#ecfeff 0%,#cffafe 100%);border:1px solid #cdeef2;display:flex;flex-direction:column;justify-content:space-between;min-height:300px;}
body.pcow-site .marketing-v2-root .aud-stat-num{font-family:var(--font-forma,Inter,sans-serif);font-weight:800;font-size:56px;line-height:1;letter-spacing:-.02em;color:#0e7490;}
body.pcow-site .marketing-v2-root .aud-stat-label{font-size:15px;color:#155e63;margin-top:8px;max-width:240px;}
body.pcow-site .marketing-v2-root .aud-stat-region{font-size:12px;font-weight:600;letter-spacing:.04em;color:#0891b2;margin-top:6px;text-transform:uppercase;}
body.pcow-site .marketing-v2-root .aud-creator-wall{margin-top:22px;border-radius:18px;padding:16px 18px;background:rgba(255,255,255,.45);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);border:1px solid rgba(255,255,255,.75);box-shadow:0 10px 30px rgba(6,182,212,.16);}
body.pcow-site .marketing-v2-root .aud-avatars{display:flex;align-items:center;}
body.pcow-site .marketing-v2-root .aud-avatars i{width:42px;height:42px;border-radius:50%;border:2.5px solid #fff;margin-inline-start:-12px;background-size:cover;background-position:center;box-shadow:0 2px 7px rgba(8,51,68,.18);}
body.pcow-site .marketing-v2-root .aud-avatars i:first-child{margin-inline-start:0;}
body.pcow-site .marketing-v2-root .aud-avatars .more{display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;font-style:normal;color:#0e7490;background:#a5f3fc;}
body.pcow-site .marketing-v2-root .aud-wall-cap{margin-top:13px;font-size:13px;line-height:1.4;color:#155e63;}
@media (max-width:860px){
  body.pcow-site .marketing-v2-root .audience-section{padding:62px 18px;}
  body.pcow-site .marketing-v2-root .aud-title{font-size:30px;}
  body.pcow-site .marketing-v2-root .aud-grid{grid-template-columns:1fr;}
  body.pcow-site .marketing-v2-root .aud-card--media{order:-1;}
}

/* Fix (2026-06-29): the "Book a Demo" secondary CTA in the pricing final
   section was white text on a WHITE background (invisible). It is meant to be a
   ghost button on the dark purple section: transparent fill, white border,
   white text. This last-in-source rule (equal specificity to the buggy
   html body.pcow-site … rule, but later + !important) restores visibility. */
html body.pcow-site .pricing-v6-final .button-secondary.button-large {
  background: transparent !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.55) !important;
}
html body.pcow-site .pricing-v6-final .button-secondary.button-large:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.75) !important;
}