/* =========================================================
   PromoCanvas Landing CSS
   Version: PROMOCANVAS_LP_V11_FIXED_INDUSTRY_MINI_FLYERS
========================================================= */

:root {
  --pc-bg: #050816;
  --pc-bg-2: #080a1a;
  --pc-bg-3: #0d1024;
  --pc-bg-light: #f7f8fc;
  --pc-surface: #ffffff;
  --pc-surface-2: #f0f3ff;
  --pc-glass: rgba(255,255,255,.08);
  --pc-glass-strong: rgba(255,255,255,.14);
  --pc-border: rgba(255,255,255,.14);
  --pc-border-dark: rgba(17,24,39,.1);
  --pc-text: #101320;
  --pc-muted: #5b6378;
  --pc-white: #fff;
  --pc-soft-white: rgba(255,255,255,.74);
  --pc-soft-white-2: rgba(255,255,255,.55);
  --pc-primary: #6c63ff;
  --pc-primary-2: #8b5cf6;
  --pc-secondary: #00cfff;
  --pc-accent: #ffb84d;
  --pc-success: #34d399;
  --pc-danger: #ff6b6b;
  --pc-shadow: 0 28px 90px rgba(6,10,27,.22);
  --pc-shadow-soft: 0 16px 50px rgba(6,10,27,.12);
  --pc-radius-sm: 14px;
  --pc-radius-md: 22px;
  --pc-radius-lg: 32px;
  --pc-radius-xl: 44px;
  --pc-container: 1220px;
  --pc-ease: cubic-bezier(.2,.8,.2,1);
  --pc-gradient-main: linear-gradient(135deg, var(--pc-primary) 0%, var(--pc-secondary) 100%);
  --pc-gradient-warm: linear-gradient(135deg, #ffb84d 0%, #ff6bcb 100%);
  --pc-gradient-hero: radial-gradient(circle at 18% 18%, rgba(108,99,255,.42), transparent 34%), radial-gradient(circle at 82% 14%, rgba(0,207,255,.24), transparent 30%), radial-gradient(circle at 58% 82%, rgba(255,184,77,.13), transparent 34%), linear-gradient(180deg, #050816 0%, #0d1024 100%);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--pc-bg);
  color: var(--pc-text);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}
body.pc-nav-open { overflow: hidden; }

a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
button { cursor: pointer; }
img, svg { max-width: 100%; display: block; }

.pc-skip-link {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 9999;
  transform: translateY(-160%);
  padding: 10px 14px;
  border-radius: 12px;
  background: #fff;
  color: #111827;
  transition: transform .2s var(--pc-ease);
}
.pc-skip-link:focus { transform: translateY(0); }

.pc-page-noise {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .18;
  background-image: radial-gradient(rgba(255,255,255,.18) 1px, transparent 1px);
  background-size: 4px 4px;
  mix-blend-mode: screen;
}

.pc-cursor-glow {
  position: fixed;
  z-index: 2;
  width: 360px;
  height: 360px;
  border-radius: 999px;
  pointer-events: none;
  transform: translate3d(-50%, -50%, 0);
  background: radial-gradient(circle, rgba(108,99,255,.16), transparent 64%);
  filter: blur(12px);
  opacity: 0;
  transition: opacity .3s ease;
}
@media (hover:hover) and (pointer:fine) {
  body:hover .pc-cursor-glow { opacity: 1; }
}

.pc-loader {
  position: fixed;
  inset: 0;
  z-index: 9998;
  display: grid;
  place-items: center;
  gap: 22px;
  background: var(--pc-gradient-hero);
  transition: opacity .55s var(--pc-ease), visibility .55s var(--pc-ease);
}
.pc-loader.is-hidden { opacity: 0; visibility: hidden; }
.pc-loader__mark {
  width: 72px;
  height: 72px;
  border-radius: 24px;
  display: grid;
  place-items: center;
  color: #fff;
  font-weight: 900;
  letter-spacing: -.05em;
  background: var(--pc-gradient-main);
  box-shadow: 0 22px 70px rgba(108,99,255,.45);
}
.pc-loader__bar {
  position: absolute;
  bottom: 12%;
  width: min(260px, 72vw);
  height: 3px;
  border-radius: 99px;
  overflow: hidden;
  background: rgba(255,255,255,.12);
}
.pc-loader__bar span {
  display: block;
  width: 55%;
  height: 100%;
  border-radius: inherit;
  background: var(--pc-gradient-main);
  animation: pcLoading 1.2s ease-in-out infinite;
}
@keyframes pcLoading {
  0% { transform: translateX(-120%); }
  100% { transform: translateX(220%); }
}

.pc-noscript {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 9999;
  padding: 16px 18px;
  border-radius: 18px;
  background: #fff;
  color: #111827;
  box-shadow: var(--pc-shadow);
}
.pc-noscript a { color: var(--pc-primary); font-weight: 800; }

.pc-container {
  width: min(var(--pc-container), calc(100% - 40px));
  margin-inline: auto;
}
.pc-section {
  position: relative;
  padding: 128px 0;
  overflow: hidden;
}
.pc-section--dark { background: var(--pc-gradient-hero); color: var(--pc-white); }
.pc-section--dark-soft { background: linear-gradient(180deg, #0d1024 0%, #080a1a 100%); color: var(--pc-white); }
.pc-section--light { background: var(--pc-bg-light); color: var(--pc-text); }
.pc-section-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--pc-primary);
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 16px;
}
.pc-section--dark .pc-section-kicker,
.pc-section--dark-soft .pc-section-kicker,
.pc-final .pc-section-kicker { color: #a7f3ff; }
.pc-section-kicker::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 20px currentColor;
}
.pc-section-head { max-width: 760px; margin-bottom: 56px; }
.pc-section-head--center { text-align: center; margin-inline: auto; }
.pc-section-head--split {
  max-width: none;
  display: grid;
  grid-template-columns: 1.1fr .75fr;
  gap: 50px;
  align-items: end;
}
.pc-section-head h2,
.pc-story h2,
.pc-steps h2,
.pc-faq h2,
.pc-final h2 {
  margin: 0;
  font-size: clamp(38px, 6vw, 76px);
  line-height: .95;
  letter-spacing: -.07em;
}
.pc-section-head p,
.pc-steps__intro p,
.pc-faq__intro p,
.pc-final p {
  margin: 18px 0 0;
  color: var(--pc-muted);
  font-size: clamp(17px, 1.5vw, 21px);
  line-height: 1.65;
}
.pc-section--dark .pc-section-head p,
.pc-section--dark-soft .pc-section-head p,
.pc-final p { color: var(--pc-soft-white); }

/* Buttons */
.pc-btn {
  --btn-bg: rgba(255,255,255,.1);
  --btn-color: #fff;
  --btn-border: rgba(255,255,255,.14);
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 18px;
  border: 1px solid var(--btn-border);
  border-radius: 999px;
  color: var(--btn-color);
  background: var(--btn-bg);
  font-weight: 800;
  letter-spacing: -.015em;
  transition: transform .28s var(--pc-ease), box-shadow .28s var(--pc-ease), border-color .28s var(--pc-ease), background .28s var(--pc-ease);
  overflow: hidden;
  will-change: transform;
}
.pc-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.32) 45%, transparent 70%);
  transform: translateX(-125%);
  transition: transform .65s var(--pc-ease);
}
.pc-btn:hover { transform: translateY(-2px); }
.pc-btn:hover::after { transform: translateX(130%); }
.pc-btn--primary {
  --btn-bg: var(--pc-gradient-main);
  --btn-color: #fff;
  --btn-border: rgba(255,255,255,.22);
  box-shadow: 0 18px 58px rgba(108,99,255,.36);
}
.pc-btn--primary:hover { box-shadow: 0 24px 80px rgba(0,207,255,.28), 0 20px 60px rgba(108,99,255,.28); }
.pc-btn--secondary {
  --btn-bg: rgba(255,255,255,.09);
  --btn-color: #fff;
  --btn-border: rgba(255,255,255,.14);
}
.pc-btn--ghost {
  --btn-bg: rgba(255,255,255,.07);
  --btn-color: #fff;
  --btn-border: rgba(255,255,255,.16);
  backdrop-filter: blur(18px);
}
.pc-btn--nav { min-height: 42px; padding-inline: 16px; }
.pc-btn--large { min-height: 56px; padding-inline: 26px; font-size: 16px; }
.pc-btn--full { width: 100%; min-height: 52px; }

/* Navigation */
.pc-nav-shell {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 16px 0;
  transition: padding .25s var(--pc-ease), background .25s var(--pc-ease), border-color .25s var(--pc-ease);
}
.pc-nav-shell.is-scrolled {
  padding: 10px 0;
  background: rgba(5,8,22,.7);
  border-bottom: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(22px);
}
.pc-nav {
  width: min(var(--pc-container), calc(100% - 40px));
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}
.pc-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-weight: 900;
  letter-spacing: -.04em;
}
.pc-brand__icon {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: var(--pc-gradient-main);
  color: #fff;
  font-size: 13px;
  box-shadow: 0 16px 42px rgba(108,99,255,.32);
}
.pc-brand__text { font-size: 18px; }
.pc-nav-panel {
  display: flex;
  align-items: center;
  gap: 28px;
}
.pc-nav-links {
  display: flex;
  align-items: center;
  gap: 22px;
  color: rgba(255,255,255,.72);
  font-size: 14px;
  font-weight: 750;
}
.pc-nav-links a { transition: color .2s ease; }
.pc-nav-links a:hover { color: #fff; }
.pc-nav-actions { display: flex; align-items: center; gap: 12px; }

/* Premium language dropdown */
.pc-language {
  position: relative;
  z-index: 1200;
}
.pc-language__trigger {
  height: 46px;
  min-width: 178px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 5px 15px 5px 6px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.055));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 18px 50px rgba(0,0,0,.22);
  backdrop-filter: blur(22px);
  transition: border-color .24s var(--pc-ease), box-shadow .24s var(--pc-ease), transform .24s var(--pc-ease), background .24s var(--pc-ease);
}
.pc-language__trigger:hover {
  transform: translateY(-1px);
  border-color: rgba(255,184,77,.46);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 18px 60px rgba(0,0,0,.28), 0 0 0 4px rgba(255,184,77,.06);
}
.pc-language.is-open .pc-language__trigger {
  border-color: rgba(255,184,77,.72);
  background: linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.07));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 22px 70px rgba(0,0,0,.34), 0 0 0 4px rgba(255,184,77,.08);
}
.pc-language__flag,
.pc-language__option-flag {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(255,184,77,.18), rgba(255,255,255,.07));
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
  font-size: 19px;
  line-height: 1;
}
.pc-language.is-open .pc-language__flag {
  border-color: rgba(255,184,77,.36);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 0 0 1px rgba(255,184,77,.11);
}
.pc-language__current {
  min-width: 0;
  flex: 1 1 auto;
  text-align: left;
  font-weight: 900;
  letter-spacing: -.035em;
  white-space: nowrap;
}
.pc-language__chevron {
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  border-right: 3px solid var(--pc-accent);
  border-bottom: 3px solid var(--pc-accent);
  transform: translateY(-2px) rotate(45deg);
  transition: transform .24s var(--pc-ease);
}
.pc-language.is-open .pc-language__chevron { transform: translateY(2px) rotate(225deg); }
.pc-language__dropdown {
  position: absolute;
  top: calc(100% + 14px);
  right: 0;
  width: min(430px, calc(100vw - 32px));
  padding: 18px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 30px;
  color: #fff;
  background:
    radial-gradient(circle at 18% 0%, rgba(255,184,77,.10), transparent 32%),
    radial-gradient(circle at 86% 14%, rgba(0,207,255,.08), transparent 36%),
    rgba(5,8,22,.965);
  box-shadow: 0 34px 110px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(28px);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px) scale(.975);
  transform-origin: top right;
  transition: opacity .24s var(--pc-ease), transform .24s var(--pc-ease), visibility .24s var(--pc-ease);
}
.pc-language.is-open .pc-language__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}
.pc-language__search-wrap {
  height: 58px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 16px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 22px;
  background: rgba(255,255,255,.07);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.pc-language__search-icon {
  color: rgba(255,255,255,.58);
  display: inline-flex;
}
.pc-language__search {
  width: 100%;
  border: 0;
  outline: 0;
  color: #fff;
  background: transparent;
  font-size: 16px;
  font-weight: 750;
}
.pc-language__search::placeholder { color: rgba(255,255,255,.48); }
.pc-language__list {
  margin-top: 16px;
  max-height: 344px;
  overflow-y: auto;
  padding: 2px 5px 2px 0;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.24) transparent;
}
.pc-language__list::-webkit-scrollbar { width: 8px; }
.pc-language__list::-webkit-scrollbar-track { background: transparent; }
.pc-language__list::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.22);
  border-radius: 999px;
}
.pc-language__option {
  width: 100%;
  min-height: 68px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 21px;
  color: #fff;
  background: transparent;
  text-align: left;
  transition: background .2s var(--pc-ease), border-color .2s var(--pc-ease), transform .2s var(--pc-ease);
}
.pc-language__option:hover {
  transform: translateX(2px);
  background: rgba(255,255,255,.075);
  border-color: rgba(255,255,255,.08);
}
.pc-language__option.is-active {
  background: rgba(255,184,77,.105);
  border-color: rgba(255,184,77,.26);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.pc-language__option-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.pc-language__option-copy strong {
  overflow: hidden;
  color: #fff;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -.035em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pc-language__option-copy small {
  color: rgba(255,255,255,.55);
  font-size: 13px;
  font-weight: 850;
  letter-spacing: .08em;
}
.pc-language__empty {
  display: none;
  margin: 14px 4px 2px;
  color: rgba(255,255,255,.62);
  font-size: 14px;
  font-weight: 750;
}
.pc-language__empty.is-visible { display: block; }
.pc-nav-toggle {
  display: none;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 16px;
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(18px);
}
.pc-nav-toggle span {
  display: block;
  width: 18px;
  height: 2px;
  margin: 4px auto;
  border-radius: 4px;
  background: #fff;
  transition: transform .25s var(--pc-ease), opacity .25s var(--pc-ease);
}
.pc-nav-toggle.is-open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.pc-nav-toggle.is-open span:nth-child(2) { opacity: 0; }
.pc-nav-toggle.is-open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* Hero */
.pc-hero { min-height: 100svh; display: flex; align-items: center; padding-top: 140px; }
.pc-hero__aurora {
  position: absolute;
  width: 68vw;
  height: 68vw;
  right: -28vw;
  top: -18vw;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0,207,255,.24), transparent 65%);
  filter: blur(22px);
  animation: pcAurora 9s ease-in-out infinite alternate;
}
@keyframes pcAurora {
  from { transform: translate3d(0,0,0) scale(1); }
  to { transform: translate3d(-4%, 6%, 0) scale(1.08); }
}
.pc-hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  align-items: center;
  gap: 64px;
}
.pc-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  color: rgba(255,255,255,.82);
  background: rgba(255,255,255,.07);
  backdrop-filter: blur(18px);
  font-weight: 800;
  font-size: 13px;
  margin-bottom: 24px;
}
.pc-pulse-dot {
  width: 8px;
  height: 8px;
  border-radius: 99px;
  background: var(--pc-success);
  box-shadow: 0 0 0 0 rgba(52,211,153,.5);
  animation: pcPulse 1.8s infinite;
}
@keyframes pcPulse {
  0% { box-shadow: 0 0 0 0 rgba(52,211,153,.55); }
  70% { box-shadow: 0 0 0 12px rgba(52,211,153,0); }
  100% { box-shadow: 0 0 0 0 rgba(52,211,153,0); }
}
.pc-hero__title {
  max-width: 760px;
  margin: 0;
  color: #fff;
  font-size: clamp(52px, 8vw, 106px);
  line-height: .88;
  letter-spacing: -.085em;
}
.pc-hero__title .pc-gradient-text,
.pc-gradient-text {
  background: linear-gradient(135deg, #fff 0%, #b9b6ff 40%, #7cecff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.pc-hero__subtitle {
  max-width: 620px;
  margin: 26px 0 0;
  color: var(--pc-soft-white);
  font-size: clamp(18px, 2vw, 23px);
  line-height: 1.55;
}
.pc-hero__actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.pc-hero__badges { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 32px; }
.pc-hero__badges span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 12px;
  border-radius: 999px;
  color: rgba(255,255,255,.72);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  font-weight: 750;
  font-size: 13px;
}
.pc-hero__badges span::before { content: "✓"; color: var(--pc-success); }
.pc-hero__visual { position: relative; min-height: 620px; }
.pc-device {
  position: absolute;
  top: 50%;
  right: 0;
  width: min(720px, 100%);
  transform: translateY(calc(-50% + var(--pc-parallax-y, 0px)));
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 34px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
  box-shadow: 0 42px 140px rgba(0,0,0,.42), 0 0 90px rgba(108,99,255,.18);
  backdrop-filter: blur(28px);
}
.pc-float { animation: pcFloat 6s ease-in-out infinite; }
@keyframes pcFloat {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -14px; }
}
.pc-device__topbar {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 54px;
  padding: 0 18px;
  border-bottom: 1px solid rgba(255,255,255,.1);
  color: rgba(255,255,255,.72);
}
.pc-device__topbar span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255,255,255,.28);
}
.pc-device__topbar strong { margin-left: 10px; font-size: 13px; letter-spacing: -.01em; }
.pc-device__body {
  display: grid;
  grid-template-columns: 92px 1fr 160px;
  gap: 18px;
  padding: 18px;
  min-height: 482px;
}
.pc-studio-sidebar,
.pc-studio-panel,
.pc-poster-preview {
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 24px;
  background: rgba(255,255,255,.07);
}
.pc-studio-sidebar { display: flex; flex-direction: column; gap: 12px; padding: 14px; }
.pc-studio-sidebar span {
  height: 48px;
  border-radius: 16px;
  background: rgba(255,255,255,.1);
}
.pc-studio-sidebar span:first-child { background: var(--pc-gradient-main); }
.pc-poster-preview {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 446px;
  padding: 34px;
  background: radial-gradient(circle at 70% 18%, rgba(255,184,77,.44), transparent 22%), radial-gradient(circle at 25% 22%, rgba(0,207,255,.34), transparent 28%), linear-gradient(145deg, #181d44 0%, #6c63ff 56%, #ff6bcb 100%);
}
.pc-poster-preview::before {
  content: "";
  position: absolute;
  inset: 18px;
  z-index: -1;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 22px;
}
.pc-poster-preview__shine {
  position: absolute;
  inset: -40% -60%;
  background: linear-gradient(110deg, transparent 35%, rgba(255,255,255,.18), transparent 58%);
  transform: rotate(8deg);
  animation: pcShine 5.8s ease-in-out infinite;
}
@keyframes pcShine {
  0%, 55% { translate: -38% 0; }
  100% { translate: 38% 0; }
}
.pc-poster-preview__label {
  width: fit-content;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
  color: #fff;
  font-weight: 850;
  font-size: 12px;
  margin-bottom: 16px;
}
.pc-poster-preview h3 {
  margin: 0;
  color: #fff;
  font-size: clamp(40px, 4vw, 66px);
  line-height: .9;
  letter-spacing: -.07em;
}
.pc-poster-preview p { margin: 14px 0 0; color: rgba(255,255,255,.82); font-weight: 700; }
.pc-poster-preview__cta {
  margin-top: 24px;
  width: fit-content;
  padding: 12px 18px;
  border-radius: 999px;
  color: #101320;
  background: #fff;
  font-weight: 900;
}
.pc-studio-panel { display: flex; flex-direction: column; gap: 12px; padding: 14px; }
.pc-mini-card {
  padding: 12px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 18px;
  color: rgba(255,255,255,.72);
  background: rgba(255,255,255,.06);
}
.pc-mini-card--active { border-color: rgba(0,207,255,.4); background: rgba(0,207,255,.12); color: #fff; }
.pc-mini-card span {
  display: block;
  height: 52px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(108,99,255,.8), rgba(0,207,255,.6));
  margin-bottom: 10px;
}
.pc-mini-card b { font-size: 13px; }
[data-parallax]:not(.pc-device) {
  transform: translate3d(0, var(--pc-parallax-y, 0px), 0);
}
.pc-floating-card {
  position: absolute;
  z-index: 4;
  width: 210px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 24px;
  color: #fff;
  background: rgba(10,14,35,.72);
  box-shadow: 0 24px 80px rgba(0,0,0,.28);
  backdrop-filter: blur(22px);
}
.pc-floating-card--one { left: -18px; top: 92px; }
.pc-floating-card--two { right: 26px; bottom: 70px; }
.pc-floating-card__icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: var(--pc-gradient-main);
  margin-bottom: 12px;
}
.pc-floating-card strong { display: block; font-size: 15px; }
.pc-floating-card small { display: block; color: rgba(255,255,255,.62); margin-top: 4px; line-height: 1.45; }

/* Trust */
.pc-trust { padding: 24px 0 74px; }
.pc-trust__strip {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 999px;
  background: rgba(255,255,255,.05);
  backdrop-filter: blur(18px);
}
.pc-trust__strip span {
  padding: 10px 14px;
  color: rgba(255,255,255,.72);
  font-weight: 800;
  font-size: 13px;
}

/* Story */
.pc-story {
  position: relative;
  overflow: hidden;
}
.pc-story__ambient {
  position: absolute;
  border-radius: 999px;
  filter: blur(48px);
  opacity: .42;
  pointer-events: none;
  animation: pcStoryFloat 10s ease-in-out infinite;
}
.pc-story__ambient--one {
  width: 280px;
  height: 280px;
  left: 10%;
  top: 18%;
  background: radial-gradient(circle, rgba(108,99,255,.18), rgba(108,99,255,0) 70%);
}
.pc-story__ambient--two {
  width: 240px;
  height: 240px;
  right: 12%;
  bottom: 14%;
  background: radial-gradient(circle, rgba(0,207,255,.14), rgba(0,207,255,0) 70%);
  animation-delay: -4s;
}
.pc-story__panel {
  --story-x: 50%;
  --story-y: 50%;
  position: relative;
  padding: clamp(30px, 4vw, 54px);
  border-radius: 36px;
  border: 1px solid rgba(17, 24, 52, .08);
  background:
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(248,249,255,.96)),
    linear-gradient(135deg, rgba(108,99,255,.08), rgba(0,207,255,.05));
  box-shadow: 0 34px 90px rgba(16, 24, 40, .10);
  overflow: hidden;
  transition: transform .32s var(--pc-ease), box-shadow .32s var(--pc-ease), border-color .32s var(--pc-ease);
}
.pc-story__panel::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(360px circle at var(--story-x) var(--story-y), rgba(108,99,255,.12), transparent 62%);
  opacity: 0;
  transition: opacity .28s ease;
  pointer-events: none;
}
.pc-story__panel::after {
  content: '';
  position: absolute;
  inset: 1px;
  border-radius: 35px;
  border: 1px solid rgba(255,255,255,.72);
  pointer-events: none;
}
.pc-story__panel:hover {
  transform: translateY(-4px);
  box-shadow: 0 40px 110px rgba(16, 24, 40, .14);
  border-color: rgba(108,99,255,.14);
}
.pc-story__panel:hover::before { opacity: 1; }
.pc-story__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: clamp(34px, 4vw, 72px);
  align-items: start;
}
.pc-story__headline .pc-section-kicker {
  margin-bottom: 16px;
}
.pc-story__headline h2 {
  margin-bottom: 0;
}
.pc-story__copy {
  padding-top: clamp(6px, .8vw, 14px);
}
.pc-story__copy p {
  margin: 0 0 24px;
  color: var(--pc-muted);
  font-size: clamp(18px, 1.6vw, 22px);
  line-height: 1.65;
}
.pc-story__copy p:last-child { margin-bottom: 0; }

/* Value */
.pc-value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.pc-value-card {
  min-height: 280px;
  padding: 28px;
  border: 1px solid var(--pc-border-dark);
  border-radius: 30px;
  background: #fff;
  box-shadow: var(--pc-shadow-soft);
  transition: transform .32s var(--pc-ease), box-shadow .32s var(--pc-ease), border-color .32s var(--pc-ease);
}
.pc-value-card:hover {
  transform: translateY(-7px);
  border-color: rgba(108,99,255,.25);
  box-shadow: 0 28px 90px rgba(108,99,255,.14);
}
.pc-value-card__icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 20px;
  background: var(--pc-surface-2);
  font-size: 25px;
  margin-bottom: 28px;
}
.pc-value-card h3 { margin: 0; font-size: 23px; letter-spacing: -.04em; }
.pc-value-card p { margin: 12px 0 0; color: var(--pc-muted); line-height: 1.58; }

/* Features */
.pc-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.pc-feature-card {
  position: relative;
  isolation: isolate;
  min-height: 260px;
  padding: 28px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 30px;
  overflow: hidden;
  background: rgba(255,255,255,.07);
  backdrop-filter: blur(22px);
  transition: transform .32s var(--pc-ease), border-color .32s var(--pc-ease), background .32s var(--pc-ease);
}
.pc-feature-card:hover {
  transform: translateY(-7px);
  border-color: rgba(0,207,255,.34);
  background: rgba(255,255,255,.1);
}
.pc-feature-card--wide { grid-column: span 2; }
.pc-feature-card h3 { position: relative; margin: 0; color: #fff; font-size: 24px; letter-spacing: -.04em; }
.pc-feature-card p { position: relative; margin: 14px 0 0; color: var(--pc-soft-white); line-height: 1.6; }
.pc-feature-card__orb {
  position: absolute;
  right: -50px;
  bottom: -70px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(108,99,255,.55), transparent 66%);
  filter: blur(4px);
}
.pc-feature-card__orb--blue { background: radial-gradient(circle, rgba(0,207,255,.45), transparent 66%); }

/* Steps */
.pc-steps__layout { display: grid; gap: 60px; }
.pc-steps__intro { max-width: 760px; }
.pc-steps__content {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 42px;
  align-items: start;
}
.pc-step-list { display: grid; gap: 16px; }
.pc-step-card {
  padding: 26px;
  border: 1px solid var(--pc-border-dark);
  border-radius: 28px;
  background: #fff;
  box-shadow: var(--pc-shadow-soft);
}
.pc-step-card__number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 36px;
  border-radius: 999px;
  background: var(--pc-gradient-main);
  color: #fff;
  font-weight: 900;
  margin-bottom: 18px;
}
.pc-step-card h3 { margin: 0; font-size: 25px; letter-spacing: -.04em; }
.pc-step-card p { margin: 10px 0 0; color: var(--pc-muted); line-height: 1.6; }
.pc-workflow-preview {
  position: sticky;
  top: 110px;
  min-height: 520px;
}
.pc-workflow-preview__screen {
  height: 520px;
  border-radius: 36px;
  overflow: hidden;
  background: linear-gradient(180deg, #10132a, #070a18);
  box-shadow: var(--pc-shadow);
  border: 1px solid rgba(255,255,255,.14);
}
.pc-workflow-preview__header {
  height: 58px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 20px;
  color: rgba(255,255,255,.7);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.pc-workflow-preview__header span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255,255,255,.25);
}
.pc-workflow-preview__header strong { margin-left: 10px; font-size: 13px; }
.pc-workflow-preview__body {
  display: grid;
  gap: 16px;
  padding: 28px;
}
.pc-workflow-preview__row {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 80px;
  padding: 18px;
  border-radius: 24px;
  color: rgba(255,255,255,.66);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  transition: transform .3s var(--pc-ease), background .3s var(--pc-ease), border-color .3s var(--pc-ease);
}
.pc-workflow-preview__row.is-active,
.pc-workflow-preview__row:hover {
  transform: translateX(8px);
  color: #fff;
  background: rgba(108,99,255,.18);
  border-color: rgba(0,207,255,.25);
}
.pc-workflow-preview__row span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: var(--pc-gradient-main);
  color: #fff;
  font-weight: 900;
}

/* Usecases */
.pc-usecase-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.pc-usecase-card {
  min-height: 170px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 28px;
  background: rgba(255,255,255,.07);
  backdrop-filter: blur(18px);
  transition: transform .32s var(--pc-ease), border-color .32s var(--pc-ease), background .32s var(--pc-ease);
}
.pc-usecase-card:hover {
  transform: translateY(-7px) scale(1.01);
  border-color: rgba(0,207,255,.32);
  background: rgba(255,255,255,.1);
}
.pc-usecase-card span { font-size: 30px; }
.pc-usecase-card h3 { margin: 26px 0 0; color: #fff; font-size: 20px; letter-spacing: -.035em; }

/* Gallery */
.pc-gallery-grid {
  display: grid;
  grid-template-columns: 1.2fr .9fr .9fr 1.1fr;
  gap: 18px;
  align-items: stretch;
}
.pc-showcase-card {
  position: relative;
  isolation: isolate;
  min-height: 460px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 30px;
  border-radius: 34px;
  overflow: hidden;
  color: #fff;
  box-shadow: var(--pc-shadow-soft);
  transition: transform .35s var(--pc-ease), box-shadow .35s var(--pc-ease);
}
.pc-showcase-card::before {
  content: "";
  position: absolute;
  inset: 18px;
  z-index: -1;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 26px;
}
.pc-showcase-card::after {
  content: "";
  position: absolute;
  inset: -25%;
  z-index: -2;
  background: radial-gradient(circle at 70% 20%, rgba(255,255,255,.28), transparent 28%);
  animation: pcGalleryOrb 8s ease-in-out infinite alternate;
}
@keyframes pcGalleryOrb {
  from { transform: translate3d(-4%, -2%, 0); }
  to { transform: translate3d(5%, 4%, 0); }
}
.pc-showcase-card:hover { transform: translateY(-8px); box-shadow: var(--pc-shadow); }
.pc-showcase-card--purple { background: linear-gradient(145deg, #161a3c, #6c63ff 54%, #ff6bcb); }
.pc-showcase-card--blue { background: linear-gradient(145deg, #07162e, #008bff 52%, #00cfff); }
.pc-showcase-card--gold { background: linear-gradient(145deg, #2c1706, #ff8a00 52%, #ffcf5a); }
.pc-showcase-card--green { background: linear-gradient(145deg, #061d18, #15b981 52%, #9af7cf); }
.pc-showcase-card span {
  width: fit-content;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
  font-weight: 850;
  font-size: 12px;
}
.pc-showcase-card h3 { margin: 18px 0 0; font-size: clamp(32px, 3.8vw, 54px); line-height: .95; letter-spacing: -.065em; }
.pc-showcase-card p { margin: 10px 0 0; color: rgba(255,255,255,.76); font-weight: 800; }

/* Pricing */
.pc-pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  align-items: stretch;
}
.pc-price-card {
  position: relative;
  padding: 28px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 34px;
  color: #fff;
  background: rgba(255,255,255,.07);
  backdrop-filter: blur(22px);
  box-shadow: 0 24px 90px rgba(0,0,0,.18);
  transition: transform .32s var(--pc-ease), border-color .32s var(--pc-ease), background .32s var(--pc-ease);
}
.pc-price-card:hover { transform: translateY(-8px); border-color: rgba(0,207,255,.32); background: rgba(255,255,255,.1); }
.pc-price-card--featured {
  border-color: rgba(0,207,255,.36);
  background: linear-gradient(180deg, rgba(108,99,255,.22), rgba(255,255,255,.08));
  box-shadow: 0 28px 110px rgba(108,99,255,.25);
  transform: translateY(-16px);
}
.pc-price-card--featured:hover { transform: translateY(-22px); }
.pc-price-card__popular {
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 8px 12px;
  border-radius: 999px;
  color: #101320;
  background: var(--pc-accent);
  font-weight: 950;
  font-size: 12px;
}
.pc-price-card__badge {
  display: inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  color: rgba(255,255,255,.78);
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.1);
  font-weight: 800;
  font-size: 12px;
  margin-bottom: 20px;
}
.pc-price-card h3 { margin: 0; font-size: 32px; letter-spacing: -.055em; }
.pc-price-card p { margin: 12px 0 0; color: var(--pc-soft-white); line-height: 1.58; }
.pc-price-card__limit {
  margin: 30px 0;
  padding: 24px 0;
  border-top: 1px solid rgba(255,255,255,.1);
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.pc-price-card__limit strong {
  display: block;
  font-size: clamp(34px, 4vw, 50px);
  line-height: 1;
  letter-spacing: -.07em;
}
.pc-price-card__limit span { display: block; margin-top: 7px; color: var(--pc-soft-white-2); font-weight: 800; }
.pc-price-card ul { list-style: none; margin: 0 0 28px; padding: 0; display: grid; gap: 13px; }
.pc-price-card li { color: rgba(255,255,255,.76); line-height: 1.45; }
.pc-price-card li::before { content: "✓"; color: var(--pc-success); font-weight: 950; margin-right: 9px; }
.pc-onetime {
  margin-top: 28px;
  padding: 28px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 34px;
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(22px);
}
.pc-onetime h3 { margin: 0; color: #fff; font-size: 30px; letter-spacing: -.05em; }
.pc-onetime p { margin: 10px 0 0; color: var(--pc-soft-white); max-width: 650px; line-height: 1.6; }
.pc-onetime__packs { display: flex; flex-wrap: wrap; gap: 10px; }
.pc-onetime__packs a {
  min-width: 130px;
  padding: 16px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.08);
  transition: transform .26s var(--pc-ease), background .26s var(--pc-ease);
}
.pc-onetime__packs a:hover { transform: translateY(-4px); background: rgba(255,255,255,.12); }
.pc-onetime__packs strong { display: block; color: #fff; font-size: 19px; }
.pc-onetime__packs span { display: block; color: var(--pc-soft-white-2); font-size: 13px; margin-top: 4px; }

/* FAQ */
.pc-faq__grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 56px; align-items: start; }
.pc-faq-list { display: grid; gap: 12px; }
.pc-faq-item {
  border: 1px solid var(--pc-border-dark);
  border-radius: 24px;
  background: #fff;
  box-shadow: var(--pc-shadow-soft);
  overflow: hidden;
}
.pc-faq-item button {
  width: 100%;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 22px 24px;
  background: transparent;
  color: var(--pc-text);
  text-align: left;
  font-weight: 900;
  font-size: 18px;
  letter-spacing: -.02em;
}
.pc-faq-item button b {
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--pc-surface-2);
  transition: transform .24s var(--pc-ease);
}
.pc-faq-item.is-open button b { transform: rotate(45deg); }
.pc-faq-item__answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height .28s var(--pc-ease);
}
.pc-faq-item.is-open .pc-faq-item__answer { max-height: 260px; }
.pc-faq-item__answer p { margin: 0; padding: 0 24px 22px; color: var(--pc-muted); line-height: 1.65; }

/* Final */
.pc-final { text-align: center; }
.pc-final__glow {
  position: absolute;
  inset: auto 10% 0;
  height: 380px;
  background: radial-gradient(circle, rgba(108,99,255,.24), transparent 64%);
  filter: blur(28px);
}
.pc-final__box {
  position: relative;
  z-index: 1;
  max-width: 980px;
  margin-inline: auto;
  padding: clamp(42px, 7vw, 82px);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 44px;
  background: linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.05));
  backdrop-filter: blur(24px);
  box-shadow: var(--pc-shadow);
}
.pc-final .pc-btn { margin-top: 30px; }

/* Footer */
.pc-footer { background: #050816; color: #fff; padding: 62px 0 30px; border-top: 1px solid rgba(255,255,255,.08); }
.pc-footer__grid {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 34px;
  align-items: start;
}
.pc-brand--footer { margin-bottom: 18px; }
.pc-footer p { max-width: 450px; margin: 0; color: rgba(255,255,255,.6); line-height: 1.6; }
.pc-footer__links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 16px 22px; color: rgba(255,255,255,.62); font-weight: 800; font-size: 14px; }
.pc-footer__links a:hover { color: #fff; }
.pc-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 44px;
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.48);
  font-size: 14px;
}

/* Reveal animations */
[data-reveal] {
  opacity: 0;
  transform: translateY(26px) scale(.985);
  transition: opacity .75s var(--pc-ease), transform .75s var(--pc-ease);
  transition-delay: var(--reveal-delay, 0ms);
}
[data-reveal].is-visible { opacity: 1; transform: translateY(0) scale(1); }

.pc-section-head h2,
.pc-story__headline h2,
.pc-final__content h2,
.pc-pricing__heading h2,
.pc-faq__content h2,
.pc-steps__head h2,
.pc-gallery__head h2,
.pc-usecases__head h2 {
  opacity: 0;
  filter: blur(8px);
  transform: translateY(14px);
}

.pc-section-head.is-visible h2,
.pc-story__panel.is-visible .pc-story__headline h2,
.pc-final__content.is-visible h2,
.pc-pricing__heading.is-visible h2,
.pc-faq__content.is-visible h2,
.pc-steps__head.is-visible h2,
.pc-gallery__head.is-visible h2,
.pc-usecases__head.is-visible h2 {
  animation: pcHeadlineFade .88s var(--pc-ease) .08s forwards;
}

.pc-hero__title--typed {
  position: relative;
  display: inline-block;
  max-width: 100%;
}

.pc-hero__title--typed.is-typing {
  clip-path: inset(0 100% 0 0);
  animation: pcHeroTypeReveal 1.35s steps(18, end) .12s forwards;
}

.pc-hero__title--typed.is-typing::after {
  content: '';
  position: absolute;
  top: .08em;
  bottom: .08em;
  left: 0;
  width: 3px;
  border-radius: 2px;
  background: linear-gradient(180deg, rgba(108,99,255,.95), rgba(0,207,255,.95));
  box-shadow: 0 0 0 1px rgba(255,255,255,.18), 0 0 22px rgba(108,99,255,.44);
  animation:
    pcHeroCaretMove 1.35s steps(18, end) .12s forwards,
    pcHeroCaretBlink .72s step-end infinite;
}

.pc-story__headline .pc-section-kicker,
.pc-story__copy p {
  opacity: 0;
  transform: translateY(12px);
}

.pc-story__headline .pc-section-kicker,
.pc-story__copy p,
.pc-hero-v12__subtitle,
.pc-hero-v12__eyebrow,
.pc-hero-v12__actions,
.pc-hero-v12__badges {
  transition: opacity .6s var(--pc-ease), transform .6s var(--pc-ease);
}

.pc-story__panel.is-visible .pc-story__headline .pc-section-kicker,
.pc-story__panel.is-visible .pc-story__copy p {
  animation: pcTextFadeUp .72s var(--pc-ease) forwards;
}
.pc-story__panel.is-visible .pc-story__copy p:nth-child(1) { animation-delay: .12s; }
.pc-story__panel.is-visible .pc-story__copy p:nth-child(2) { animation-delay: .22s; }
.pc-story__panel.is-visible .pc-story__headline .pc-section-kicker { animation-delay: .06s; }

@keyframes pcHeadlineFade {
  0% { opacity: 0; filter: blur(8px); transform: translateY(14px); }
  100% { opacity: 1; filter: blur(0); transform: translateY(0); }
}

@keyframes pcTextFadeUp {
  0% { opacity: 0; transform: translateY(12px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes pcHeroTypeReveal {
  0% { clip-path: inset(0 100% 0 0); }
  100% { clip-path: inset(0 0 0 0); }
}

@keyframes pcHeroCaretMove {
  0% { transform: translateX(0); opacity: 1; }
  85% { opacity: 1; }
  100% { transform: translateX(calc(100% - 3px)); opacity: 0; }
}

@keyframes pcHeroCaretBlink {
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: .12; }
}

@keyframes pcStoryFloat {
  0%, 100% { transform: translate3d(0,0,0) scale(1); }
  50% { transform: translate3d(0,-12px,0) scale(1.04); }
}

/* Responsive */
@media (max-width: 1100px) {
  .pc-hero__grid,
  .pc-story__grid,
  .pc-steps__content,
  .pc-faq__grid { grid-template-columns: 1fr; }
  .pc-hero__visual { min-height: 600px; }
  .pc-story__panel { padding: 26px 22px; border-radius: 30px; }
  .pc-device { left: 50%; right: auto; transform: translate(-50%, calc(-50% + var(--pc-parallax-y, 0px))); }
  .pc-value-grid,
  .pc-usecase-grid { grid-template-columns: repeat(2, 1fr); }
  .pc-feature-grid { grid-template-columns: repeat(2, 1fr); }
  .pc-gallery-grid { grid-template-columns: repeat(2, 1fr); }
  .pc-pricing-grid { grid-template-columns: 1fr; }
  .pc-price-card--featured { transform: none; }
  .pc-price-card--featured:hover { transform: translateY(-8px); }
  .pc-onetime { grid-template-columns: 1fr; }
  .pc-section-head--split { grid-template-columns: 1fr; gap: 18px; }
}

@media (max-width: 920px) {
  .pc-nav-toggle { display: block; }
  .pc-nav-panel {
    position: fixed;
    inset: 74px 20px auto;
    display: grid;
    gap: 18px;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 26px;
    background: rgba(5,8,22,.92);
    box-shadow: var(--pc-shadow);
    backdrop-filter: blur(24px);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px) scale(.98);
    transition: opacity .24s var(--pc-ease), transform .24s var(--pc-ease), visibility .24s var(--pc-ease);
  }
  .pc-nav-panel.is-open { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
  .pc-nav-links { flex-direction: column; align-items: stretch; gap: 0; }
  .pc-nav-links a { padding: 14px 8px; border-bottom: 1px solid rgba(255,255,255,.08); }
  .pc-nav-actions { align-items: stretch; flex-direction: column; }
  .pc-language, .pc-language__trigger, .pc-btn--nav { width: 100%; }
  .pc-language__trigger { justify-content: flex-start; height: 62px; padding: 6px 18px 6px 8px; border-radius: 24px; }
  .pc-language__flag { width: 44px; height: 44px; flex-basis: 44px; border-radius: 17px; font-size: 22px; }
  .pc-language__current { font-size: 19px; }
  .pc-language__dropdown {
    position: static;
    display: none;
    width: 100%;
    margin-top: 12px;
    opacity: 1;
    visibility: visible;
    transform: none;
  }
  .pc-language.is-open .pc-language__dropdown { display: block; }
  .pc-language__list { max-height: min(420px, 52svh); }
  .pc-language__search-wrap { height: 60px; }

}

@media (max-width: 760px) {
  .pc-container { width: min(100% - 28px, var(--pc-container)); }
  .pc-section { padding: 86px 0; }
  .pc-hero { padding-top: 110px; min-height: auto; }
  .pc-hero__grid { gap: 36px; }
  .pc-hero__visual { min-height: 500px; }
  .pc-device { width: 100%; border-radius: 28px; }
  .pc-device__body { grid-template-columns: 1fr; min-height: auto; }
  .pc-studio-sidebar, .pc-studio-panel { display: none; }
  .pc-poster-preview { min-height: 410px; }
  .pc-floating-card { display: none; }
  .pc-hero__actions .pc-btn { width: 100%; }
  .pc-trust { padding-bottom: 36px; }
  .pc-trust__strip { border-radius: 28px; justify-content: flex-start; }
  .pc-trust__strip span { width: 100%; padding: 8px 10px; }
  .pc-value-grid,
  .pc-usecase-grid,
  .pc-feature-grid,
  .pc-gallery-grid { grid-template-columns: 1fr; }
  .pc-feature-card--wide { grid-column: span 1; }
  .pc-showcase-card { min-height: 360px; }
  .pc-workflow-preview { position: relative; top: 0; min-height: auto; }
  .pc-workflow-preview__screen { height: auto; }
  .pc-footer__grid { grid-template-columns: 1fr; }
  .pc-footer__links { justify-content: flex-start; }
  .pc-footer__bottom { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 480px) {
  .pc-section-head h2,
  .pc-story h2,
  .pc-steps h2,
  .pc-faq h2,
  .pc-final h2 { letter-spacing: -.06em; }
  .pc-hero__title { font-size: clamp(46px, 15vw, 66px); }
  .pc-value-card,
  .pc-feature-card,
  .pc-step-card,
  .pc-price-card,
  .pc-onetime,
  .pc-final__box { border-radius: 26px; padding: 22px; }
  .pc-onetime__packs a { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
  [data-reveal] { opacity: 1; transform: none; }
  .pc-cursor-glow { display: none; }
}

/* =========================================================
   PromoCanvas Landing Motion Upgrade V4
   Hero micro-interactions + Creative Lab showcase
========================================================= */

.pc-btn--primary,
.pc-btn--secondary,
.pc-btn--nav {
  transform: translate3d(var(--magnet-x, 0), var(--magnet-y, 0), 0);
  will-change: transform;
}

.pc-hero__beam {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  width: 42vw;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(124,236,255,.58), transparent);
  filter: blur(.4px);
  opacity: .44;
  transform-origin: center;
  animation: pcHeroBeam 8.4s var(--pc-ease) infinite;
}
.pc-hero__beam--one { left: -8vw; top: 34%; rotate: -18deg; }
.pc-hero__beam--two { right: -12vw; bottom: 26%; rotate: 16deg; animation-delay: -3.4s; }
@keyframes pcHeroBeam {
  0%, 100% { transform: translate3d(-8%,0,0) scaleX(.55); opacity: .08; }
  45%, 58% { transform: translate3d(16%,0,0) scaleX(1); opacity: .52; }
}

.pc-hero__orbit {
  position: absolute;
  inset: 40px 16px auto auto;
  z-index: 6;
  width: min(520px, 86%);
  height: 520px;
  pointer-events: none;
  transform: translate3d(0, var(--pc-parallax-y, 0px), 0);
}
.pc-hero__orbit span {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 13px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.86);
  background: rgba(8,10,26,.62);
  box-shadow: 0 20px 70px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter: blur(20px);
  font-weight: 850;
  font-size: 12px;
  animation: pcOrbitChip 7s ease-in-out infinite;
}
.pc-hero__orbit span::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 99px;
  background: var(--pc-secondary);
  box-shadow: 0 0 18px rgba(0,207,255,.86);
}
.pc-hero__orbit span:nth-child(1) { left: 3%; top: 24%; animation-delay: 0s; }
.pc-hero__orbit span:nth-child(2) { right: 2%; top: 14%; animation-delay: -1.5s; }
.pc-hero__orbit span:nth-child(3) { left: 8%; bottom: 20%; animation-delay: -3s; }
.pc-hero__orbit span:nth-child(4) { right: 0; bottom: 32%; animation-delay: -4.5s; }
@keyframes pcOrbitChip {
  0%, 100% { translate: 0 0; opacity: .72; }
  50% { translate: 0 -12px; opacity: 1; }
}

.pc-device[data-tilt],
.pc-lab-window[data-tilt] {
  --tilt-x: 0deg;
  --tilt-y: 0deg;
  --spotlight-x: 50%;
  --spotlight-y: 30%;
  transform-style: preserve-3d;
}
.pc-device[data-tilt] {
  transform: translateY(calc(-50% + var(--pc-parallax-y, 0px))) perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
  transition: transform .35s var(--pc-ease), box-shadow .35s var(--pc-ease);
}
.pc-device[data-tilt]::after,
.pc-lab-window[data-tilt]::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: 0;
  background: radial-gradient(circle at var(--spotlight-x) var(--spotlight-y), rgba(255,255,255,.2), transparent 38%);
  transition: opacity .25s var(--pc-ease);
}
.pc-device[data-tilt].is-tilting::after,
.pc-lab-window[data-tilt].is-tilting::after { opacity: 1; }

.pc-hero-scan {
  position: absolute;
  z-index: 5;
  left: 128px;
  right: 190px;
  top: 78px;
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg, transparent, rgba(124,236,255,.9), transparent);
  box-shadow: 0 0 24px rgba(0,207,255,.7);
  pointer-events: none;
  animation: pcHeroScan 3.8s ease-in-out infinite;
}
@keyframes pcHeroScan {
  0%, 100% { transform: translateY(0); opacity: .12; }
  45%, 55% { opacity: 1; }
  100% { transform: translateY(430px); }
}

.pc-ai-composer {
  position: relative;
  padding: 12px;
  margin-bottom: 12px;
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(180deg, rgba(108,99,255,.24), rgba(255,255,255,.07));
  border: 1px solid rgba(124,236,255,.2);
  overflow: hidden;
}
.pc-ai-composer::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 20%, rgba(255,255,255,.14), transparent 46%);
  translate: -140% 0;
  animation: pcAssistantSweep 4.6s ease-in-out infinite;
}
.pc-ai-composer__dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 99px;
  background: var(--pc-success);
  box-shadow: 0 0 16px rgba(52,211,153,.8);
  margin-right: 7px;
}
.pc-ai-composer small,
.pc-ai-composer b { position: relative; z-index: 1; display: block; }
.pc-ai-composer small { color: rgba(255,255,255,.58); font-weight: 850; font-size: 11px; text-transform: uppercase; letter-spacing: .05em; }
.pc-ai-composer b { margin-top: 6px; font-size: 13px; line-height: 1.25; }
@keyframes pcAssistantSweep {
  0%, 56% { translate: -140% 0; }
  100% { translate: 140% 0; }
}

.pc-hero-drag-chip {
  position: absolute;
  z-index: 7;
  left: 46%;
  top: 54px;
  width: 176px;
  padding: 13px 14px 13px 52px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.16);
  color: #fff;
  background: rgba(8,10,26,.76);
  box-shadow: 0 28px 90px rgba(0,0,0,.25), 0 0 34px rgba(255,184,77,.12);
  backdrop-filter: blur(22px);
  animation: pcHeroDragChip 5.5s ease-in-out infinite;
}
.pc-hero-drag-chip__handle {
  position: absolute;
  left: 12px;
  top: 50%;
  translate: 0 -50%;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: #101320;
  background: var(--pc-accent);
  font-weight: 950;
}
.pc-hero-drag-chip strong,
.pc-hero-drag-chip small { display: block; }
.pc-hero-drag-chip strong { font-size: 13px; }
.pc-hero-drag-chip small { color: rgba(255,255,255,.58); margin-top: 2px; font-size: 11px; }
@keyframes pcHeroDragChip {
  0%, 100% { transform: translate3d(0,0,0) rotate(-1deg); }
  45% { transform: translate3d(16px, 12px,0) rotate(2deg); }
}

/* Creative Lab */
.pc-lab {
  min-height: 100svh;
  background:
    radial-gradient(circle at 18% 20%, rgba(108,99,255,.32), transparent 34%),
    radial-gradient(circle at 86% 25%, rgba(0,207,255,.22), transparent 30%),
    linear-gradient(180deg, #050816 0%, #0d1024 52%, #050816 100%);
}
.pc-lab__gridlines {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .24;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: radial-gradient(circle at 60% 45%, #000, transparent 78%);
}
.pc-lab__glow {
  position: absolute;
  border-radius: 999px;
  filter: blur(34px);
  pointer-events: none;
  animation: pcLabGlow 9s ease-in-out infinite alternate;
}
.pc-lab__glow--one { width: 360px; height: 360px; left: -110px; top: 20%; background: rgba(108,99,255,.22); }
.pc-lab__glow--two { width: 440px; height: 440px; right: -130px; bottom: 8%; background: rgba(0,207,255,.14); animation-delay: -3s; }
@keyframes pcLabGlow {
  from { transform: translate3d(0,0,0) scale(1); }
  to { transform: translate3d(20px,-26px,0) scale(1.1); }
}
.pc-lab__layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: .72fr 1.28fr;
  gap: 60px;
  align-items: center;
}
.pc-lab__copy h2 {
  margin: 0;
  max-width: 720px;
  color: #fff;
  font-size: clamp(42px, 6vw, 82px);
  line-height: .92;
  letter-spacing: -.075em;
}
.pc-lab__copy p {
  margin: 22px 0 0;
  color: var(--pc-soft-white);
  font-size: clamp(17px, 1.5vw, 21px);
  line-height: 1.62;
}
.pc-lab__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}
.pc-lab__chips span {
  padding: 10px 13px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.74);
  background: rgba(255,255,255,.06);
  font-weight: 850;
  font-size: 13px;
}
.pc-lab__points { display: grid; gap: 14px; margin-top: 34px; }
.pc-lab__points article {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 16px;
  padding: 18px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.055);
  backdrop-filter: blur(18px);
}
.pc-lab__points b {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 17px;
  color: #101320;
  background: #fff;
  font-size: 14px;
}
.pc-lab__points h3 { margin: 0; color: #fff; font-size: 18px; letter-spacing: -.03em; }
.pc-lab__points p { margin: 6px 0 0; color: rgba(255,255,255,.58); font-size: 14px; line-height: 1.5; }

.pc-lab__stage { position: relative; min-height: 720px; }
.pc-lab-window {
  position: relative;
  overflow: hidden;
  border-radius: 36px;
  border: 1px solid rgba(255,255,255,.16);
  background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.055));
  box-shadow: 0 42px 150px rgba(0,0,0,.44), 0 0 110px rgba(108,99,255,.18);
  backdrop-filter: blur(30px);
  transform: perspective(1400px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
  transition: transform .35s var(--pc-ease), box-shadow .35s var(--pc-ease);
}
.pc-lab-window__topbar {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 58px;
  padding: 0 20px;
  color: rgba(255,255,255,.7);
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.pc-lab-window__topbar span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255,255,255,.28);
}
.pc-lab-window__topbar strong { margin-left: 10px; font-size: 13px; letter-spacing: -.01em; }
.pc-lab-window__body {
  position: relative;
  display: grid;
  grid-template-columns: 86px 1fr 210px;
  gap: 16px;
  min-height: 610px;
  padding: 16px;
}
.pc-lab-tools,
.pc-lab-rightpanel,
.pc-lab-canvas-wrap {
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.065);
}
.pc-lab-tools { display: grid; align-content: start; gap: 10px; padding: 12px; }
.pc-lab-tools button {
  display: grid;
  place-items: center;
  gap: 6px;
  min-height: 76px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 20px;
  color: rgba(255,255,255,.68);
  background: rgba(255,255,255,.055);
  transition: transform .25s var(--pc-ease), background .25s var(--pc-ease), border-color .25s var(--pc-ease), color .25s var(--pc-ease);
}
.pc-lab-tools button:hover,
.pc-lab-tools button.is-active {
  transform: translateY(-2px);
  color: #fff;
  border-color: rgba(0,207,255,.36);
  background: rgba(0,207,255,.13);
}
.pc-lab-tools span { font-size: 20px; }
.pc-lab-tools b { font-size: 11px; }
.pc-lab-canvas-wrap {
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
  min-height: 574px;
  background:
    radial-gradient(circle at 18% 16%, rgba(108,99,255,.22), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.035));
}
.pc-lab-canvas {
  position: relative;
  isolation: isolate;
  width: min(340px, 72%);
  aspect-ratio: 4 / 5;
  padding: 32px;
  border-radius: 34px;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 72% 18%, rgba(255,184,77,.58), transparent 20%),
    radial-gradient(circle at 18% 18%, rgba(0,207,255,.38), transparent 26%),
    linear-gradient(145deg, #14183a 0%, #6c63ff 55%, #ff6bcb 100%);
  box-shadow: 0 28px 110px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,255,255,.16);
  transform: translate3d(0,0,0);
  animation: pcCanvasBreathe 6.8s ease-in-out infinite;
}
@keyframes pcCanvasBreathe {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-8px) scale(1.015); }
}
.pc-lab-canvas__shine {
  position: absolute;
  inset: -40% -70%;
  z-index: -1;
  transform: rotate(10deg);
  background: linear-gradient(110deg, transparent 38%, rgba(255,255,255,.2), transparent 58%);
  animation: pcShine 5.4s ease-in-out infinite;
}
.pc-lab-canvas__badge,
.pc-lab-canvas__cta,
.pc-lab-canvas__logo {
  position: relative;
  z-index: 1;
  width: fit-content;
  border-radius: 999px;
  font-weight: 900;
}
.pc-lab-canvas__badge { padding: 8px 11px; background: rgba(255,255,255,.18); font-size: 12px; }
.pc-lab-canvas__logo {
  margin-top: 50px;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.2);
  border: 1px solid rgba(255,255,255,.2);
}
.pc-lab-canvas h3 {
  position: relative;
  z-index: 1;
  margin: 18px 0 0;
  max-width: 260px;
  font-size: clamp(36px, 4vw, 58px);
  line-height: .9;
  letter-spacing: -.07em;
}
.pc-lab-canvas p { position: relative; z-index: 1; margin: 14px 0 0; color: rgba(255,255,255,.82); font-weight: 750; line-height: 1.45; }
.pc-lab-canvas__cta { margin-top: 22px; padding: 11px 16px; color: #101320; background: #fff; }
.pc-lab-selection {
  position: absolute;
  z-index: 4;
  border: 1.5px dashed rgba(255,255,255,.72);
  border-radius: 14px;
  opacity: .72;
  animation: pcSelectionBlink 2.2s ease-in-out infinite;
}
.pc-lab-selection--title { left: 22px; right: 22px; top: 150px; height: 132px; }
.pc-lab-selection--cta { left: 22px; bottom: 30px; width: 158px; height: 52px; animation-delay: -1.1s; }
.pc-lab-selection span {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 14px rgba(255,255,255,.7);
}
.pc-lab-selection span:nth-child(1) { left: -4px; top: -4px; }
.pc-lab-selection span:nth-child(2) { right: -4px; top: -4px; }
.pc-lab-selection span:nth-child(3) { left: -4px; bottom: -4px; }
.pc-lab-selection span:nth-child(4) { right: -4px; bottom: -4px; }
@keyframes pcSelectionBlink { 0%, 100% { opacity: .35; } 45% { opacity: .95; } }

.pc-lab-dropzone {
  position: absolute;
  z-index: 7;
  left: 50%;
  top: 52%;
  width: 230px;
  height: 142px;
  display: grid;
  place-items: center;
  translate: -50% -50%;
  border-radius: 28px;
  border: 1px dashed rgba(124,236,255,.72);
  color: rgba(255,255,255,.84);
  background: rgba(0,207,255,.1);
  box-shadow: 0 0 42px rgba(0,207,255,.17);
  font-weight: 900;
  opacity: 0;
  transform: scale(.94);
  animation: pcDropZone 5.8s ease-in-out infinite;
}
@keyframes pcDropZone {
  0%, 18%, 82%, 100% { opacity: 0; transform: scale(.94); }
  30%, 62% { opacity: 1; transform: scale(1); }
}
.pc-lab-asset {
  position: absolute;
  z-index: 8;
  left: 18px;
  top: 42px;
  width: 154px;
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border-radius: 20px;
  color: #fff;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(8,10,26,.74);
  box-shadow: 0 22px 70px rgba(0,0,0,.24);
  backdrop-filter: blur(18px);
  animation: pcDragAsset 5.8s ease-in-out infinite;
}
.pc-lab-asset span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  color: #101320;
  background: var(--pc-accent);
  font-weight: 950;
  font-size: 11px;
}
.pc-lab-asset strong { font-size: 13px; line-height: 1.2; }
@keyframes pcDragAsset {
  0%, 12%, 100% { transform: translate3d(0,0,0) scale(1); }
  42%, 58% { transform: translate3d(220px, 248px, 0) scale(.96); }
  72% { transform: translate3d(250px, 318px, 0) scale(.82); opacity: .2; }
  82% { opacity: 0; }
}
.pc-lab-cursor {
  position: absolute;
  z-index: 10;
  left: 154px;
  top: 94px;
  width: 28px;
  height: 28px;
  background: #fff;
  clip-path: polygon(0 0, 0 100%, 30% 72%, 44% 100%, 60% 92%, 47% 66%, 82% 66%);
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.32));
  animation: pcCursorDrag 5.8s ease-in-out infinite;
}
@keyframes pcCursorDrag {
  0%, 12%, 100% { transform: translate3d(0,0,0) scale(1); }
  42%, 58% { transform: translate3d(220px, 248px, 0) scale(.92); }
  72% { transform: translate3d(252px, 318px, 0) scale(.88); opacity: .25; }
  82% { opacity: 0; }
}

.pc-lab-rightpanel { padding: 13px; display: grid; gap: 13px; align-content: start; }
.pc-lab-assistant {
  position: relative;
  overflow: hidden;
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(124,236,255,.18);
  color: #fff;
  background: linear-gradient(180deg, rgba(108,99,255,.22), rgba(255,255,255,.07));
}
.pc-lab-assistant.is-pulsing { animation: pcAssistantPulse .58s var(--pc-ease); }
@keyframes pcAssistantPulse {
  0%, 100% { box-shadow: 0 0 0 rgba(0,207,255,0); }
  50% { box-shadow: 0 0 42px rgba(0,207,255,.22); }
}
.pc-lab-assistant__head { display: flex; align-items: center; gap: 9px; margin-bottom: 12px; }
.pc-lab-assistant__head span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  color: #101320;
  background: #fff;
  font-weight: 950;
}
.pc-lab-assistant__head strong { font-size: 13px; }
.pc-lab-assistant p { margin: 0; color: rgba(255,255,255,.72); font-size: 13px; line-height: 1.5; }
.pc-lab-assistant button {
  width: 100%;
  margin-top: 14px;
  border: 0;
  border-radius: 999px;
  padding: 11px 12px;
  color: #101320;
  background: #fff;
  font-weight: 950;
}
.pc-lab-controls { display: grid; gap: 13px; }
.pc-lab-control {
  padding: 13px;
  border-radius: 18px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.08);
}
.pc-lab-control label { display: block; color: rgba(255,255,255,.68); font-weight: 850; font-size: 12px; margin-bottom: 10px; }
.pc-lab-control span {
  display: block;
  height: 7px;
  border-radius: 99px;
  overflow: hidden;
  background: rgba(255,255,255,.12);
}
.pc-lab-control i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--pc-gradient-main);
  animation: pcControlFill 3.8s ease-in-out infinite alternate;
}
@keyframes pcControlFill { from { transform: scaleX(.86); transform-origin: left; } to { transform: scaleX(1); transform-origin: left; } }
.pc-lab-swatches { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.pc-lab-swatches button {
  height: 40px;
  border-radius: 15px;
  border: 2px solid rgba(255,255,255,.12);
  background: var(--pc-primary);
  transition: transform .22s var(--pc-ease), border-color .22s var(--pc-ease);
}
.pc-lab-swatches button:nth-child(2) { background: var(--pc-secondary); }
.pc-lab-swatches button:nth-child(3) { background: var(--pc-accent); }
.pc-lab-swatches button:nth-child(4) { background: var(--pc-success); }
.pc-lab-swatches button.is-active { transform: translateY(-3px); border-color: #fff; }
.pc-lab-layout-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.pc-lab-layout-pills span {
  padding: 9px 11px;
  border-radius: 999px;
  color: rgba(255,255,255,.68);
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.08);
  font-weight: 850;
  font-size: 12px;
}
.pc-lab-layout-pills span.is-active { color: #101320; background: #fff; }
.pc-lab-floating {
  position: absolute;
  z-index: 4;
  width: 190px;
  padding: 16px;
  border-radius: 22px;
  color: #fff;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(8,10,26,.72);
  box-shadow: 0 22px 80px rgba(0,0,0,.25);
  backdrop-filter: blur(18px);
}
.pc-lab-floating--one { left: -26px; top: 74px; }
.pc-lab-floating--two { right: -18px; bottom: 82px; }
.pc-lab-floating strong { display: block; font-size: 14px; }
.pc-lab-floating span { display: block; margin-top: 4px; color: rgba(255,255,255,.58); font-size: 12px; line-height: 1.4; }

@media (max-width: 1100px) {
  .pc-device[data-tilt] { transform: translate(-50%, calc(-50% + var(--pc-parallax-y, 0px))) perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)); }
  .pc-hero__orbit { left: 50%; right: auto; translate: -50% 0; }
  .pc-lab__layout { grid-template-columns: 1fr; }
  .pc-lab__stage { min-height: 680px; }
  .pc-lab-window__body { grid-template-columns: 74px 1fr; }
  .pc-lab-rightpanel { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; }
}

@media (max-width: 760px) {
  .pc-hero__orbit,
  .pc-hero-drag-chip,
  .pc-hero-scan { display: none; }
  .pc-lab__copy h2 { font-size: clamp(42px, 12vw, 64px); }
  .pc-lab__stage { min-height: auto; }
  .pc-lab-window { border-radius: 28px; }
  .pc-lab-window__body { grid-template-columns: 1fr; min-height: auto; }
  .pc-lab-tools { grid-template-columns: repeat(4, 1fr); }
  .pc-lab-tools button { min-height: 64px; }
  .pc-lab-canvas-wrap { min-height: 540px; }
  .pc-lab-rightpanel { grid-template-columns: 1fr; }
  .pc-lab-floating { display: none; }
  .pc-lab-asset { left: 14px; top: 26px; }
  @keyframes pcDragAsset {
    0%, 12%, 100% { transform: translate3d(0,0,0) scale(1); }
    42%, 58% { transform: translate3d(90px, 210px, 0) scale(.96); }
    72% { transform: translate3d(112px, 280px, 0) scale(.82); opacity: .2; }
    82% { opacity: 0; }
  }
  @keyframes pcCursorDrag {
    0%, 12%, 100% { transform: translate3d(0,0,0) scale(1); }
    42%, 58% { transform: translate3d(90px, 210px, 0) scale(.92); }
    72% { transform: translate3d(112px, 280px, 0) scale(.88); opacity: .25; }
    82% { opacity: 0; }
  }
}

@media (max-width: 480px) {
  .pc-lab__points article { grid-template-columns: 1fr; }
  .pc-lab-tools { grid-template-columns: repeat(2, 1fr); }
  .pc-lab-canvas { width: min(310px, 86%); padding: 24px; border-radius: 28px; }
  .pc-lab-dropzone { width: 190px; }
}

/* =========================================================
   V5 HERO ROTATING TEMPLATE PREVIEW
========================================================= */
.pc-device[data-hero-device] {
  transition: box-shadow .7s var(--pc-ease), border-color .7s var(--pc-ease), filter .7s var(--pc-ease);
}

.pc-device[data-hero-device][data-hero-template="promo"] {
  box-shadow: 0 42px 140px rgba(0,0,0,.42), 0 0 100px rgba(108,99,255,.22);
}

.pc-device[data-hero-device][data-hero-template="social"] {
  box-shadow: 0 42px 140px rgba(0,0,0,.42), 0 0 105px rgba(0,207,255,.22);
}

.pc-device[data-hero-device][data-hero-template="retail"] {
  box-shadow: 0 42px 140px rgba(0,0,0,.42), 0 0 105px rgba(255,184,77,.2);
}

.pc-poster-preview[data-hero-preview] {
  padding: 0;
  justify-content: stretch;
  background: linear-gradient(145deg, #181d44 0%, #6c63ff 56%, #ff6bcb 100%);
  transition: background .75s var(--pc-ease), border-color .75s var(--pc-ease), transform .75s var(--pc-ease);
}

.pc-device[data-hero-template="promo"] .pc-poster-preview[data-hero-preview] {
  background:
    radial-gradient(circle at 70% 18%, rgba(255,184,77,.44), transparent 22%),
    radial-gradient(circle at 25% 22%, rgba(0,207,255,.34), transparent 28%),
    linear-gradient(145deg, #181d44 0%, #6c63ff 56%, #ff6bcb 100%);
}

.pc-device[data-hero-template="social"] .pc-poster-preview[data-hero-preview] {
  background:
    radial-gradient(circle at 18% 12%, rgba(0,207,255,.44), transparent 26%),
    radial-gradient(circle at 88% 76%, rgba(255,107,203,.34), transparent 30%),
    linear-gradient(145deg, #071f38 0%, #0ea5e9 46%, #6c63ff 100%);
}

.pc-device[data-hero-template="retail"] .pc-poster-preview[data-hero-preview] {
  background:
    radial-gradient(circle at 76% 20%, rgba(255,184,77,.52), transparent 24%),
    radial-gradient(circle at 18% 82%, rgba(53,211,153,.32), transparent 28%),
    linear-gradient(145deg, #27120f 0%, #d94f2b 50%, #ffb84d 100%);
}

.pc-template-switch-glow {
  position: absolute;
  inset: auto auto -24% -18%;
  z-index: 0;
  width: 70%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: rgba(255,255,255,.16);
  filter: blur(48px);
  opacity: .86;
  animation: pcTemplateGlow 5.8s ease-in-out infinite alternate;
}

@keyframes pcTemplateGlow {
  from { transform: translate3d(-8%, 6%, 0) scale(.9); }
  to { transform: translate3d(16%, -10%, 0) scale(1.16); }
}

.pc-hero-template-stack {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  min-height: 446px;
}

.pc-hero-template {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 34px;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, 26px, 0) scale(.975);
  filter: blur(8px);
  transition:
    opacity .62s var(--pc-ease),
    transform .72s var(--pc-ease),
    filter .72s var(--pc-ease);
}

.pc-hero-template.is-active {
  opacity: 1;
  pointer-events: auto;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
}

.pc-hero-template::after {
  content: "";
  position: absolute;
  inset: 18px;
  z-index: -1;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 22px;
  pointer-events: none;
}

.pc-poster-preview[data-hero-preview]::before {
  display: none;
}

.pc-poster-preview.is-template-switching .pc-template-switch-glow {
  animation-duration: 1.2s;
  opacity: 1;
}

.pc-hero-template--promo h3,
.pc-hero-template--social h3,
.pc-hero-template--retail h3 {
  position: relative;
  z-index: 2;
}

.pc-hero-template--social {
  justify-content: center;
  gap: 12px;
}

.pc-social-frame {
  position: absolute;
  top: 28px;
  left: 30px;
  right: 30px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 22px;
  background: rgba(255,255,255,.12);
  backdrop-filter: blur(16px);
}

.pc-social-frame__avatar {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: linear-gradient(135deg, #fff, rgba(255,255,255,.28));
}

.pc-social-frame__lines { flex: 1; display: grid; gap: 7px; }
.pc-social-frame__lines span {
  display: block;
  height: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.34);
}
.pc-social-frame__lines span:last-child { width: 62%; }

.pc-hero-template--social .pc-poster-preview__cta {
  background: rgba(255,255,255,.96);
}

.pc-retail-price-tag {
  position: absolute;
  right: 26px;
  top: 28px;
  z-index: 3;
  width: 108px;
  height: 108px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #111827;
  background: #fff;
  box-shadow: 0 24px 70px rgba(0,0,0,.24);
  transform: rotate(7deg);
  animation: pcRetailTag 4.2s ease-in-out infinite;
}

.pc-retail-price-tag small,
.pc-retail-price-tag strong { display: block; text-align: center; }
.pc-retail-price-tag small { color: #6b7280; font-weight: 900; font-size: 10px; text-transform: uppercase; letter-spacing: .04em; }
.pc-retail-price-tag strong { margin-top: -6px; font-size: 35px; line-height: 1; letter-spacing: -.07em; }

@keyframes pcRetailTag {
  0%, 100% { transform: rotate(7deg) scale(1); }
  50% { transform: rotate(3deg) scale(1.055); }
}

.pc-hero-template--retail .pc-poster-preview__label {
  background: rgba(17,24,39,.22);
}

.pc-mini-card {
  appearance: none;
  width: 100%;
  text-align: left;
  font: inherit;
  cursor: pointer;
  transition: transform .28s var(--pc-ease), border-color .28s var(--pc-ease), background .28s var(--pc-ease), color .28s var(--pc-ease), box-shadow .28s var(--pc-ease);
}

.pc-mini-card:hover,
.pc-mini-card.is-active {
  transform: translateY(-2px);
}

.pc-mini-card.is-active,
.pc-mini-card--active {
  border-color: rgba(0,207,255,.5);
  background: rgba(0,207,255,.14);
  color: #fff;
  box-shadow: 0 18px 60px rgba(0,207,255,.1);
}

.pc-device[data-hero-template="promo"] .pc-mini-card[data-hero-template-button="promo"] span,
.pc-mini-card[data-hero-template-button="promo"] span {
  background: linear-gradient(135deg, rgba(108,99,255,.95), rgba(255,107,203,.74));
}

.pc-mini-card[data-hero-template-button="social"] span {
  background: linear-gradient(135deg, rgba(0,207,255,.88), rgba(108,99,255,.8));
}

.pc-mini-card[data-hero-template-button="retail"] span {
  background: linear-gradient(135deg, rgba(255,184,77,.95), rgba(217,79,43,.86));
}

.pc-ai-composer.is-pulsing {
  animation: pcAiComposerPulse .62s var(--pc-ease);
}

@keyframes pcAiComposerPulse {
  0% { transform: scale(1); }
  42% { transform: scale(1.035); box-shadow: 0 0 0 1px rgba(0,207,255,.18), 0 20px 70px rgba(0,207,255,.12); }
  100% { transform: scale(1); }
}

@media (max-width: 640px) {
  .pc-hero-template-stack { min-height: 390px; }
  .pc-hero-template { padding: 26px; }
  .pc-retail-price-tag {
    right: 18px;
    top: 20px;
    width: 88px;
    height: 88px;
  }
  .pc-retail-price-tag strong { font-size: 28px; }
  .pc-social-frame { left: 22px; right: 22px; top: 22px; }
}

.pc-hero-template { isolation: isolate; z-index: 1; }
.pc-hero-template.is-active { z-index: 3; }


/* =========================================================
   PROMOCANVAS ENTERPRISE WOW PASS V6
========================================================= */
.pc-hero { padding-top: 132px; padding-bottom: 34px; }
.pc-hero__title {
  max-width: 680px;
  font-size: clamp(48px, 6.9vw, 92px);
  line-height: .9;
  letter-spacing: -.082em;
}
.pc-hero__subtitle {
  max-width: 610px;
  margin-top: 22px;
  font-size: clamp(17px, 1.65vw, 22px);
}
.pc-hero__visual { min-height: 590px; }
.pc-device {
  width: min(690px, 100%);
  border-radius: 36px;
  box-shadow: 0 46px 160px rgba(0,0,0,.46), 0 0 110px rgba(108,99,255,.22);
}
.pc-device__topbar { height: 58px; }
.pc-device__brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: 12px;
}
.pc-device__brandmark {
  width: 30px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: linear-gradient(135deg, #3ec8ff 0%, #5f7cff 45%, #915cff 100%);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: -.03em;
  box-shadow: 0 8px 28px rgba(62,200,255,.35);
}
.pc-device__brand strong {
  margin-left: 0;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -.02em;
  color: rgba(255,255,255,.96);
}
.pc-device__body {
  grid-template-columns: 88px 1fr 154px;
  gap: 16px;
  min-height: 452px;
}
.pc-studio-sidebar span {
  position: relative;
  overflow: hidden;
}
.pc-studio-sidebar span::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 25%, rgba(255,255,255,.15), transparent 62%);
  animation: pcStudioShimmer 4.2s linear infinite;
}
@keyframes pcStudioShimmer {
  0% { transform: translateX(-120%); }
  100% { transform: translateX(130%); }
}
.pc-poster-preview,
.pc-hero-template-stack { min-height: 418px; }
.pc-poster-preview h3 { font-size: clamp(36px, 3.8vw, 60px); }
.pc-template-switch-glow {
  filter: blur(62px);
  opacity: .92;
  animation-duration: 7.4s;
}
.pc-hero-template {
  transform: translate3d(0, 36px, 0) scale(.955);
  filter: blur(12px);
  transition:
    opacity 1.05s cubic-bezier(.22,1,.36,1),
    transform 1.15s cubic-bezier(.22,1,.36,1),
    filter 1.15s cubic-bezier(.22,1,.36,1);
}
.pc-hero-template.is-active {
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
}
.pc-poster-preview.is-template-switching .pc-template-switch-glow {
  animation-duration: 1.45s;
}
.pc-hero__badges { margin-top: 28px; }
.pc-hero__actions { margin-top: 30px; }
.pc-hero-drag-chip,
.pc-floating-card {
  backdrop-filter: blur(22px);
  box-shadow: 0 18px 60px rgba(9,16,40,.32);
}

.pc-value {
  position: relative;
  overflow: hidden;
}
.pc-value::before,
.pc-value::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  opacity: .6;
  pointer-events: none;
}
.pc-value::before {
  width: 280px;
  height: 280px;
  left: -80px;
  top: 120px;
  background: radial-gradient(circle, rgba(108,99,255,.14), transparent 70%);
}
.pc-value::after {
  width: 320px;
  height: 320px;
  right: -120px;
  bottom: 20px;
  background: radial-gradient(circle, rgba(0,207,255,.12), transparent 70%);
}
.pc-value-grid { gap: 22px; }
.pc-value-card {
  position: relative;
  overflow: hidden;
  min-height: 320px;
  transform: perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
  transition: transform .34s var(--pc-ease), box-shadow .34s var(--pc-ease), border-color .34s var(--pc-ease), translate .34s var(--pc-ease);
}
.pc-value-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at var(--spotlight-x,50%) var(--spotlight-y,28%), rgba(108,99,255,.12), transparent 34%);
  opacity: 0;
  transition: opacity .28s var(--pc-ease);
}
.pc-value-card:hover,
.pc-value-card.is-tilting {
  transform: perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-8px);
}
.pc-value-card:hover::before,
.pc-value-card.is-tilting::before { opacity: 1; }
.pc-value-card__visual {
  position: relative;
  height: 78px;
  margin: 0 0 24px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(108,99,255,.08), rgba(0,207,255,.07));
  border: 1px solid rgba(108,99,255,.12);
  overflow: hidden;
}
.pc-value-card__visual span {
  position: absolute;
  display: block;
  border-radius: 999px;
}
.pc-value-card__visual--pulse span {
  top: 50%;
  left: 18px;
  right: 18px;
  height: 10px;
  transform: translateY(-50%);
  background: linear-gradient(90deg, rgba(108,99,255,.3), rgba(0,207,255,.88), rgba(108,99,255,.3));
}
.pc-value-card__visual--pulse span:nth-child(2) {
  top: 18px;
  right: 24px;
  left: auto;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0,207,255,.22), transparent 68%);
  animation: pcBlobPulse 3.8s ease-in-out infinite;
}
.pc-value-card__visual--pulse span:nth-child(3) {
  width: 12px;
  height: 12px;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  background: #6c63ff;
  box-shadow: 68px 0 0 #00cfff, 136px 0 0 #6c63ff, 204px 0 0 #00cfff;
}
.pc-value-card__visual--copy span:nth-child(1) {
  left: 18px; right: 18px; top: 18px; height: 12px;
  background: linear-gradient(90deg, rgba(108,99,255,.85), rgba(0,207,255,.85));
}
.pc-value-card__visual--copy span:nth-child(2) {
  left: 18px; width: 64%; top: 38px; height: 10px;
  background: rgba(17,24,39,.18);
}
.pc-value-card__visual--copy span:nth-child(3) {
  left: 18px; width: 44%; top: 56px; height: 10px;
  background: rgba(17,24,39,.12);
}
.pc-value-card__visual--locations span {
  width: 16px; height: 16px; border-radius: 50%;
  background: linear-gradient(135deg, #6c63ff, #00cfff);
  box-shadow: 0 0 0 7px rgba(108,99,255,.08);
}
.pc-value-card__visual--locations span:nth-child(1) { left: 28px; top: 24px; }
.pc-value-card__visual--locations span:nth-child(2) { left: 98px; top: 46px; }
.pc-value-card__visual--locations span:nth-child(3) { right: 26px; top: 20px; }
.pc-value-card__visual--locations::after {
  content: "";
  position: absolute;
  left: 36px;
  right: 36px;
  top: 38px;
  height: 2px;
  background: linear-gradient(90deg, rgba(108,99,255,.4), rgba(0,207,255,.5));
}
.pc-value-card__visual--export span:nth-child(1) {
  left: 18px; top: 18px; width: 108px; height: 42px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(108,99,255,.92), rgba(255,107,203,.78));
}
.pc-value-card__visual--export span:nth-child(2) {
  right: 18px; top: 18px; width: 82px; height: 42px;
  border-radius: 16px;
  background: rgba(17,24,39,.12);
}
.pc-value-card__visual--export span:nth-child(3) {
  left: 18px; right: 18px; bottom: 12px; height: 12px;
  background: linear-gradient(90deg, rgba(0,207,255,.16), rgba(108,99,255,.32));
}
@keyframes pcBlobPulse {
  0%,100% { transform: scale(.95); opacity: .7; }
  50% { transform: scale(1.08); opacity: 1; }
}

.pc-features { position: relative; overflow: hidden; }
.pc-features__halo {
  position: absolute;
  inset: auto 8% 4% auto;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0,207,255,.18), transparent 70%);
  filter: blur(36px);
  pointer-events: none;
}
.pc-feature-grid { gap: 22px; }
.pc-feature-card {
  transform: perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
  transition: transform .34s var(--pc-ease), border-color .34s var(--pc-ease), background .34s var(--pc-ease), box-shadow .34s var(--pc-ease);
}
.pc-feature-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at var(--spotlight-x,50%) var(--spotlight-y,28%), rgba(255,255,255,.14), transparent 36%);
  opacity: 0;
  transition: opacity .28s var(--pc-ease);
}
.pc-feature-card:hover,
.pc-feature-card.is-tilting {
  transform: perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-8px);
  box-shadow: 0 32px 90px rgba(0,0,0,.18);
}
.pc-feature-card:hover::after,
.pc-feature-card.is-tilting::after { opacity: 1; }
.pc-feature-card__meter,
.pc-feature-card__lines,
.pc-feature-card__swatches,
.pc-feature-card__stack,
.pc-feature-card__retail,
.pc-feature-card__globe {
  position: relative;
  z-index: 2;
  margin-bottom: 24px;
}
.pc-feature-card__meter { display: flex; gap: 8px; }
.pc-feature-card__meter span {
  width: 18%; height: 12px; border-radius: 999px;
  background: linear-gradient(90deg, rgba(108,99,255,.95), rgba(0,207,255,.88));
}
.pc-feature-card__meter span:nth-child(2) { width: 32%; }
.pc-feature-card__meter span:nth-child(3) { width: 46%; }
.pc-feature-card__lines { display: grid; gap: 10px; }
.pc-feature-card__lines span {
  display: block; height: 11px; border-radius: 999px; background: rgba(255,255,255,.2);
}
.pc-feature-card__lines span:nth-child(1) { width: 86%; }
.pc-feature-card__lines span:nth-child(2) { width: 66%; }
.pc-feature-card__lines span:nth-child(3) { width: 48%; background: linear-gradient(90deg, rgba(0,207,255,.45), rgba(255,255,255,.16)); }
.pc-feature-card__swatches { display: flex; gap: 12px; }
.pc-feature-card__swatches span {
  width: 58px; height: 58px; border-radius: 18px;
  background: linear-gradient(135deg, rgba(0,207,255,.84), rgba(108,99,255,.8));
}
.pc-feature-card__swatches span:nth-child(2) { background: linear-gradient(135deg, rgba(108,99,255,.84), rgba(255,107,203,.78)); }
.pc-feature-card__swatches span:nth-child(3) { background: linear-gradient(135deg, rgba(255,184,77,.86), rgba(217,79,43,.84)); }
.pc-feature-card__stack {
  height: 70px;
}
.pc-feature-card__stack span {
  position: absolute;
  inset: 0 auto auto 0;
  width: 86px; height: 58px; border-radius: 18px; border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.1);
}
.pc-feature-card__stack span:nth-child(1) { transform: rotate(-8deg); }
.pc-feature-card__stack span:nth-child(2) { left: 24px; top: 8px; transform: rotate(-2deg); }
.pc-feature-card__stack span:nth-child(3) { left: 48px; top: 16px; background: linear-gradient(135deg, rgba(108,99,255,.7), rgba(0,207,255,.45)); }
.pc-feature-card__retail { display: flex; align-items: center; gap: 14px; }
.pc-feature-card__retail span:nth-child(1) {
  width: 88px; height: 58px; border-radius: 20px;
  background: rgba(255,255,255,.1);
}
.pc-feature-card__retail span:nth-child(2) {
  width: 64px; height: 64px; border-radius: 50%;
  background: #fff; box-shadow: 0 12px 36px rgba(0,0,0,.16);
}
.pc-feature-card__globe {
  position: relative;
  width: 84px; height: 84px; border-radius: 50%;
  border: 1px solid rgba(255,255,255,.22);
}
.pc-feature-card__globe span {
  position: absolute; display: block; border-radius: 999px; background: rgba(255,255,255,.25);
}
.pc-feature-card__globe span:nth-child(1) { left: 50%; top: 8px; bottom: 8px; width: 1px; transform: translateX(-50%); }
.pc-feature-card__globe span:nth-child(2) { top: 50%; left: 8px; right: 8px; height: 1px; transform: translateY(-50%); }
.pc-feature-card__globe span:nth-child(3) { inset: 16px 8px; border: 1px solid rgba(0,207,255,.46); background: transparent; }

.pc-usecases { position: relative; overflow: hidden; }
.pc-usecases::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(108,99,255,.05), transparent 22%, transparent 78%, rgba(0,207,255,.04));
  pointer-events: none;
}
.pc-usecase-grid { gap: 18px; }
.pc-usecase-card {
  position: relative;
  overflow: hidden;
  min-height: 188px;
  transform: perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
  transition: transform .34s var(--pc-ease), border-color .34s var(--pc-ease), background .34s var(--pc-ease), box-shadow .34s var(--pc-ease);
}
.pc-usecase-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(108,99,255,.18), transparent 40%, rgba(0,207,255,.1));
  opacity: .55;
}
.pc-usecase-card::after {
  content: "";
  position: absolute;
  top: -30%; left: -45%; width: 70%; height: 180%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent);
  transform: rotate(18deg);
  opacity: 0;
  transition: opacity .28s var(--pc-ease);
}
.pc-usecase-card:hover,
.pc-usecase-card.is-tilting {
  transform: perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-9px);
  box-shadow: 0 30px 90px rgba(0,0,0,.18);
}
.pc-usecase-card:hover::after,
.pc-usecase-card.is-tilting::after { opacity: 1; animation: pcSweep 1.15s ease; }
.pc-usecase-card span {
  position: relative;
  z-index: 2;
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: rgba(255,255,255,.08);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
}
.pc-usecase-card h3 { position: relative; z-index: 2; max-width: 210px; }
.pc-usecase-card:nth-child(1) { border-color: rgba(0,207,255,.18); }
.pc-usecase-card:nth-child(2) { border-color: rgba(255,107,203,.18); }
.pc-usecase-card:nth-child(3) { border-color: rgba(255,184,77,.18); }
.pc-usecase-card:nth-child(4) { border-color: rgba(108,99,255,.2); }
.pc-usecase-card:nth-child(5) { border-color: rgba(53,211,153,.18); }
.pc-usecase-card:nth-child(6) { border-color: rgba(255,184,77,.2); }
.pc-usecase-card:nth-child(7) { border-color: rgba(0,207,255,.2); }
.pc-usecase-card:nth-child(8) { border-color: rgba(183,148,246,.2); }
@keyframes pcSweep {
  0% { transform: translateX(-120%) rotate(18deg); }
  100% { transform: translateX(220%) rotate(18deg); }
}

@media (max-width: 1100px) {
  .pc-hero { padding-bottom: 10px; }
  .pc-hero__visual { min-height: 540px; }
}
@media (max-width: 767px) {
  .pc-hero { padding-top: 116px; }
  .pc-hero__title { font-size: clamp(42px, 14vw, 68px); }
  .pc-hero__visual { min-height: 500px; }
  .pc-device__brand strong { font-size: 13px; }
  .pc-value-card,
  .pc-feature-card,
  .pc-usecase-card { min-height: auto; }
}

/* =========================================================
   PROMOCANVAS ENTERPRISE STUDIO WOW PASS V7
   Logo + Studio identity + richer Apple-style sections
========================================================= */
.pc-brand__icon {
  overflow: visible;
  background: transparent !important;
  box-shadow: none !important;
}
.pc-brand__icon img {
  width: 42px;
  height: 42px;
  display: block;
  filter: drop-shadow(0 12px 26px rgba(53, 170, 255, .36));
}
.pc-brand__copy {
  display: inline-flex;
  align-items: center;
  gap: 9px;
}
.pc-brand__studio {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 9px;
  border-radius: 999px;
  color: rgba(255,255,255,.76);
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.pc-hero {
  min-height: 100svh;
  display: flex;
  align-items: center;
  padding-top: 104px;
  padding-bottom: 22px;
}
.pc-hero__grid {
  align-items: center;
}
.pc-hero__title {
  max-width: 640px;
  font-size: clamp(48px, 5.45vw, 78px);
  line-height: .94;
  letter-spacing: -.078em;
}
.pc-hero__subtitle {
  max-width: 580px;
  margin-top: 20px;
  font-size: clamp(16px, 1.35vw, 20px);
  line-height: 1.56;
}
.pc-hero__actions { margin-top: 28px; }
.pc-hero__badges { margin-top: 24px; }
.pc-hero__visual { min-height: 560px; }
.pc-device {
  width: min(710px, 100%);
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.055)),
    radial-gradient(circle at 78% 12%, rgba(0,207,255,.16), transparent 36%),
    rgba(11,16,35,.74);
  border-color: rgba(255,255,255,.18);
}
.pc-device::after {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: -46px;
  height: 88px;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(0,207,255,.28), rgba(108,99,255,.18) 42%, transparent 70%);
  filter: blur(20px);
  pointer-events: none;
}
.pc-device__brandmark {
  width: 32px;
  height: 32px;
  background: transparent;
  box-shadow: none;
}
.pc-device__brandmark img {
  width: 32px;
  height: 32px;
  filter: drop-shadow(0 8px 24px rgba(53,170,255,.38));
}
.pc-device__brand em {
  margin-left: 6px;
  padding: 4px 8px;
  border-radius: 999px;
  color: rgba(255,255,255,.66);
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.09);
  font-style: normal;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.pc-hero-template {
  will-change: opacity, transform, filter;
  transition:
    opacity 1.25s cubic-bezier(.16,1,.3,1),
    transform 1.28s cubic-bezier(.16,1,.3,1),
    filter 1.28s cubic-bezier(.16,1,.3,1);
}
.pc-hero-template.is-leaving {
  opacity: 0;
  transform: translate3d(0, -26px, 0) scale(1.018);
  filter: blur(10px);
  z-index: 2;
}
.pc-hero-template.is-active {
  animation: pcTemplateBreathe 7.2s ease-in-out infinite;
}
@keyframes pcTemplateBreathe {
  0%,100% { box-shadow: inset 0 0 0 rgba(255,255,255,0); }
  50% { box-shadow: inset 0 0 90px rgba(255,255,255,.08); }
}
.pc-poster-preview.is-template-switching {
  animation: pcPreviewSoftPulse 1.3s cubic-bezier(.16,1,.3,1);
}
@keyframes pcPreviewSoftPulse {
  0% { transform: scale(1); }
  44% { transform: scale(1.018); }
  100% { transform: scale(1); }
}

.pc-section--enterprise-light {
  background:
    radial-gradient(circle at 12% 58%, rgba(0,207,255,.08), transparent 24%),
    radial-gradient(circle at 88% 62%, rgba(108,99,255,.11), transparent 26%),
    linear-gradient(180deg, #fbfcff 0%, #f3f6ff 100%);
}
.pc-value__orb {
  position: absolute;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  filter: blur(72px);
  opacity: .7;
  pointer-events: none;
}
.pc-value__orb--left { left: -110px; top: 45%; background: rgba(0,207,255,.15); }
.pc-value__orb--right { right: -120px; top: 38%; background: rgba(139,92,246,.16); }
.pc-value__flow {
  position: absolute;
  inset: 28% 0 auto;
  height: 340px;
  pointer-events: none;
  opacity: .68;
}
.pc-value__flow span {
  position: absolute;
  left: 3%;
  right: 3%;
  top: 50%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0,207,255,.28), rgba(139,92,246,.26), transparent);
  transform: rotate(-4deg);
}
.pc-value__flow span:nth-child(2) { transform: rotate(3deg); opacity: .6; }
.pc-value-grid--enterprise {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  margin-top: 56px;
}
.pc-value-grid--enterprise .pc-value-card {
  min-height: 410px;
  padding: 28px;
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.76)),
    radial-gradient(circle at 30% 0%, rgba(108,99,255,.08), transparent 34%);
  border: 1px solid rgba(17,24,39,.08);
  box-shadow: 0 34px 90px rgba(16,24,40,.08);
}
.pc-value-card__icon {
  width: 58px;
  height: 58px;
  border-radius: 20px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(108,99,255,.1), rgba(0,207,255,.08));
  box-shadow: inset 0 0 0 1px rgba(108,99,255,.12);
}
.pc-value-demo {
  position: relative;
  z-index: 2;
  margin-top: 24px;
  border-radius: 20px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(17,24,39,.08);
  box-shadow: 0 18px 46px rgba(16,24,40,.08);
  overflow: hidden;
}
.pc-value-demo--progress { padding: 18px; }
.pc-value-demo__head { display: flex; align-items: center; justify-content: space-between; color: #1f2937; font-size: 13px; font-weight: 850; }
.pc-value-demo__bar { height: 6px; margin: 12px 0 14px; border-radius: 999px; background: rgba(108,99,255,.12); overflow: hidden; }
.pc-value-demo__bar span { display: block; width: 82%; height: 100%; border-radius: inherit; background: var(--pc-gradient-main); animation: pcProgressPulse 3.6s ease-in-out infinite; }
@keyframes pcProgressPulse { 0%,100% { width: 70%; } 50% { width: 90%; } }
.pc-value-demo__rows { display: grid; gap: 8px; }
.pc-value-demo__rows span,
.pc-value-demo--copy span,
.pc-value-demo--export > span,
.pc-value-language-list span {
  min-height: 32px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 12px;
  color: #4b5563;
  background: rgba(248,250,252,.78);
  font-size: 12px;
  font-weight: 750;
}
.pc-value-demo__rows span::before,
.pc-value-demo--export > span::before { content: "✓"; color: #10b981; font-weight: 950; }
.pc-value-demo--copy { padding: 18px; display: grid; gap: 8px; }
.pc-value-demo--copy small { color: #6c63ff; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.pc-value-demo--copy span:first-of-type { border: 1px solid rgba(108,99,255,.28); color: #5b21b6; background: rgba(108,99,255,.06); }
.pc-value-demo--local { height: 168px; }
.pc-value-map { position: absolute; inset: 16px 96px 16px 16px; border-radius: 18px; background: linear-gradient(135deg, rgba(108,99,255,.08), rgba(0,207,255,.08)); }
.pc-value-map::before { content:""; position:absolute; inset: 30px; border: 1px dashed rgba(108,99,255,.28); border-radius: 50%; }
.pc-value-map i { position: absolute; width: 14px; height: 14px; border-radius: 50%; background: var(--pc-gradient-main); box-shadow: 0 0 0 7px rgba(108,99,255,.08); animation: pcPinFloat 3.3s ease-in-out infinite; }
.pc-value-map i:nth-child(1) { left: 24%; top: 34%; }
.pc-value-map i:nth-child(2) { left: 54%; top: 58%; animation-delay: .3s; }
.pc-value-map i:nth-child(3) { left: 74%; top: 28%; animation-delay: .6s; }
.pc-value-map i:nth-child(4) { left: 42%; top: 18%; animation-delay: .9s; }
@keyframes pcPinFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
.pc-value-language-list { position: absolute; right: 14px; top: 22px; width: 112px; display: grid; gap: 7px; }
.pc-value-language-list span { min-height: 30px; padding: 6px 8px; box-shadow: 0 12px 30px rgba(16,24,40,.08); }
.pc-value-language-list b { font-size: 11px; color: #111827; }
.pc-value-demo--export { padding: 14px; display: grid; gap: 8px; }
.pc-export-status { display:flex; align-items:center; justify-content:space-between; padding: 8px 10px; border-radius: 14px; background: rgba(53,211,153,.08); color:#065f46; font-weight:900; font-size:12px; }
.pc-export-status span { width: 10px; height: 10px; border-radius: 50%; background: #34d399; box-shadow:0 0 0 6px rgba(52,211,153,.12); }
.pc-value-demo--export i { margin-left:auto; padding:3px 6px; border-radius:7px; background: rgba(108,99,255,.1); color:#4f46e5; font-style:normal; font-size:10px; font-weight:950; }
.pc-value-demo--export b { color:#6b7280; font-size:11px; }
.pc-value-bottom-note {
  width: min(720px, 100%);
  margin: 46px auto 0;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(17,24,39,.08);
  box-shadow: 0 18px 52px rgba(16,24,40,.08);
}
.pc-value-bottom-note span { width: 40px; height: 40px; display:grid; place-items:center; border-radius:50%; background: rgba(108,99,255,.1); color:#6c63ff; }
.pc-value-bottom-note strong { flex:1; color:#1f2937; }
.pc-value-bottom-note a { padding: 10px 14px; border-radius: 999px; border: 1px solid rgba(17,24,39,.1); color:#111827; font-weight:850; }

.pc-section--enterprise-dark {
  background:
    radial-gradient(circle at 16% 14%, rgba(108,99,255,.19), transparent 31%),
    radial-gradient(circle at 86% 38%, rgba(0,207,255,.12), transparent 28%),
    linear-gradient(180deg, #050816 0%, #090d20 100%);
}
.pc-features__grid-light {
  position: absolute;
  inset: 0;
  opacity: .2;
  background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(circle at 50% 40%, black, transparent 72%);
  pointer-events: none;
}
.pc-features-head-row {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr);
  gap: 48px;
  align-items: end;
}
.pc-feature-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.pc-feature-stats div { text-align:center; color:#fff; }
.pc-feature-stats span { width: 58px; height: 58px; margin:0 auto 14px; display:grid; place-items:center; border-radius: 50%; background: rgba(108,99,255,.18); border:1px solid rgba(255,255,255,.1); box-shadow:0 0 42px rgba(108,99,255,.18); }
.pc-feature-stats strong { display:block; font-size:18px; letter-spacing:-.04em; }
.pc-feature-stats small { display:block; margin-top:4px; color:var(--pc-soft-white-2); line-height:1.35; }
.pc-feature-grid--enterprise { grid-template-columns: repeat(6, 1fr); gap: 18px; margin-top: 42px; }
.pc-feature-grid--enterprise .pc-feature-card { min-height: 278px; padding: 28px; border-radius: 26px; background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)); border-color: rgba(255,255,255,.13); overflow: hidden; }
.pc-feature-grid--enterprise .pc-feature-card--wide { grid-column: span 3; }
.pc-feature-grid--enterprise .pc-feature-card--copy,
.pc-feature-grid--enterprise .pc-feature-card--retail { grid-column: span 2; }
.pc-feature-card__icon { position: relative; z-index: 2; width: 42px; height: 42px; display:grid; place-items:center; border-radius: 14px; margin-bottom: 14px; color:#fff; font-weight:900; background: linear-gradient(135deg, rgba(108,99,255,.78), rgba(0,207,255,.32)); box-shadow: 0 16px 46px rgba(108,99,255,.2); }
.pc-feature-ui { position: relative; z-index: 2; margin-top: 20px; }
.pc-feature-ui--brief { min-height: 150px; }
.pc-orbit-planet { position:absolute; left:10px; bottom:-8px; width:118px; height:118px; border-radius:50%; background: radial-gradient(circle at 38% 34%, #c084fc, #6c2bd9 42%, transparent 70%); box-shadow:0 0 60px rgba(192,132,252,.42); }
.pc-orbit-planet::after { content:""; position:absolute; inset: 42px -28px; border:1px solid rgba(192,132,252,.34); border-radius:50%; transform:rotate(-12deg); }
.pc-brief-panel { position:absolute; right:0; top:0; width:min(270px, 66%); padding:14px; border-radius:18px; background: rgba(9,16,40,.62); border:1px solid rgba(255,255,255,.14); backdrop-filter: blur(18px); }
.pc-brief-panel small { color:#fff; font-weight:900; }
.pc-brief-panel p { margin:10px 0; font-size:12px; color:var(--pc-soft-white); }
.pc-brief-panel div { display:flex; gap:8px; margin-bottom:10px; }
.pc-brief-panel div span,
.pc-brief-panel div b { padding:6px 8px; border-radius:10px; background:rgba(255,255,255,.07); color:#fff; font-size:10px; }
.pc-brief-panel button,
.pc-feature-ui--backgrounds button { border:0; padding:9px 12px; border-radius:12px; color:#fff; font-weight:900; background: var(--pc-gradient-main); }
.pc-feature-ui--copy { transform: rotate(-5deg); padding: 16px; border-radius:18px; background:rgba(9,16,40,.48); border:1px solid rgba(255,255,255,.1); display:grid; gap:9px; }
.pc-feature-ui--copy span { display:flex; justify-content:space-between; gap:10px; padding:10px 12px; border-radius:12px; background:rgba(255,255,255,.08); color:#fff; }
.pc-feature-ui--copy b { color:#8bdcff; font-size:11px; }
.pc-feature-ui--copy i { font-style:normal; color:rgba(255,255,255,.8); font-size:12px; }
.pc-style-pills { display:flex; flex-wrap:wrap; gap:8px; }
.pc-style-pills span { padding:7px 10px; border-radius:999px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.72); font-size:11px; font-weight:850; }
.pc-style-pills .is-active { color:#fff; background:rgba(108,99,255,.22); border-color:rgba(0,207,255,.28); }
.pc-bg-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:14px 0; }
.pc-bg-strip span { height:76px; border-radius:16px; border:1px solid rgba(255,255,255,.12); background:linear-gradient(135deg,#3216a6,#00cfff); }
.pc-bg-strip span:nth-child(2){ background:linear-gradient(135deg,#083344,#67e8f9); }
.pc-bg-strip span:nth-child(3){ background:linear-gradient(135deg,#134e4a,#a7f3d0); }
.pc-bg-strip span:nth-child(4){ background:linear-gradient(135deg,#7c2d12,#fb7185); }
.pc-feature-ui--templates { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.pc-feature-ui--templates span { min-height:136px; padding:14px; border-radius:16px; display:flex; flex-direction:column; justify-content:space-between; color:#fff; background:linear-gradient(135deg,#6c63ff,#ec4899); box-shadow:0 16px 48px rgba(108,99,255,.18); }
.pc-feature-ui--templates span:nth-child(2){ background:linear-gradient(135deg,#111827,#2563eb); }
.pc-feature-ui--templates span:nth-child(3){ background:linear-gradient(135deg,#ea580c,#ef4444); }
.pc-feature-ui--templates span:nth-child(4){ background:linear-gradient(135deg,#0f172a,#0891b2); }
.pc-feature-ui--templates b { font-size:18px; line-height:.95; }
.pc-feature-ui--templates i { font-style:normal; font-weight:950; }
.pc-feature-ui--retail { min-height:150px; display:grid; place-items:center; }
.pc-feature-ui--retail div { position:relative; width:220px; height:130px; padding:18px; border-radius:20px; color:#fff; background:linear-gradient(135deg,#1d4ed8,#0ea5e9); box-shadow:0 22px 70px rgba(14,165,233,.24); }
.pc-feature-ui--retail strong { font-size:30px; line-height:.9; }
.pc-feature-ui--retail em { position:absolute; left:18px; bottom:16px; font-size:28px; font-weight:950; font-style:normal; }
.pc-feature-ui--retail > span { position:absolute; right:24px; bottom:22px; padding:8px 12px; border-radius:999px; background:#fff; color:#111827; font-weight:950; box-shadow:0 12px 28px rgba(0,0,0,.28); }
.pc-locale-chips { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.pc-locale-chips span { padding:8px 10px; border-radius:999px; background:rgba(255,255,255,.07); color:rgba(255,255,255,.78); font-size:11px; font-weight:850; }
.pc-locale-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.pc-locale-cards span { min-height:100px; padding:14px; border-radius:16px; background:linear-gradient(135deg,#6c63ff,#1d4ed8); color:#fff; font-weight:950; line-height:1.05; display:flex; align-items:flex-end; }
.pc-locale-cards span:nth-child(2){ background:linear-gradient(135deg,#8b5cf6,#ec4899); }
.pc-locale-cards span:nth-child(3){ background:linear-gradient(135deg,#0ea5e9,#6c63ff); }

.pc-usecases--industries {
  background:
    radial-gradient(circle at 16% 28%, rgba(0,207,255,.14), transparent 28%),
    radial-gradient(circle at 82% 20%, rgba(255,107,203,.12), transparent 30%),
    linear-gradient(180deg, #07091a 0%, #050816 100%);
}
.pc-usecases__aura { position:absolute; inset:0; background:linear-gradient(115deg, transparent 0%, rgba(108,99,255,.06) 36%, transparent 62%); pointer-events:none; }
.pc-usecase-grid--enterprise { grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 48px; }
.pc-usecase-grid--enterprise .pc-usecase-card { min-height: 268px; padding: 22px; border-radius: 24px; background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)); border:1px solid rgba(255,255,255,.11); }
.pc-usecase-card__top { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.pc-usecase-card__top small { display:inline-grid; place-items:center; min-width:34px; height:26px; border-radius:10px; color:#fff; background:rgba(0,207,255,.16); font-weight:950; }
.pc-usecase-card__top span { margin:0; }
.pc-usecase-grid--enterprise .pc-usecase-card p { position:relative; z-index:2; margin:8px 0 14px; color:var(--pc-soft-white); line-height:1.35; }
.pc-industry-preview { position:absolute; left:22px; right:22px; bottom:18px; height:116px; padding:16px; border-radius:20px; overflow:hidden; color:#fff; background:linear-gradient(135deg,rgba(0,207,255,.38),rgba(108,99,255,.42)); border:1px solid rgba(255,255,255,.12); box-shadow:0 20px 70px rgba(0,0,0,.18); }
.pc-industry-preview::before { content:""; position:absolute; right:-24px; top:-24px; width:86px; height:86px; border-radius:50%; background:rgba(255,255,255,.16); filter:blur(6px); }
.pc-industry-preview b { position:relative; z-index:2; display:block; font-size:24px; line-height:.9; letter-spacing:-.05em; }
.pc-industry-preview em { position:absolute; right:16px; bottom:42px; font-style:normal; font-size:28px; font-weight:950; }
.pc-industry-preview i { position:absolute; left:14px; bottom:12px; padding:7px 10px; border-radius:999px; font-style:normal; font-size:11px; font-weight:900; background:rgba(0,0,0,.22); border:1px solid rgba(255,255,255,.12); }
.pc-usecase-card--events .pc-industry-preview { background:linear-gradient(135deg,rgba(236,72,153,.38),rgba(108,99,255,.42)); }
.pc-usecase-card--gastro .pc-industry-preview { background:linear-gradient(135deg,rgba(255,184,77,.44),rgba(120,53,15,.52)); }
.pc-usecase-card--fitness .pc-industry-preview { background:linear-gradient(135deg,rgba(168,85,247,.45),rgba(236,72,153,.35)); }
.pc-usecase-card--local .pc-industry-preview { background:linear-gradient(135deg,rgba(16,185,129,.42),rgba(6,95,70,.5)); }
.pc-usecase-card--seasonal .pc-industry-preview { background:linear-gradient(135deg,rgba(14,165,233,.42),rgba(30,64,175,.48)); }
.pc-usecase-card--social .pc-industry-preview { background:linear-gradient(135deg,rgba(217,70,239,.44),rgba(37,99,235,.4)); }
.pc-usecase-card--agency .pc-industry-preview { background:linear-gradient(135deg,rgba(96,165,250,.42),rgba(88,28,135,.44)); }
.pc-usecases__closing { width:min(650px,100%); margin:34px auto 0; display:flex; align-items:center; justify-content:center; gap:12px; padding:14px 20px; border-radius:999px; color:rgba(255,255,255,.78); background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.1); }
.pc-usecases__closing span { color:#c084fc; }

@media (max-width: 1180px) {
  .pc-hero__title { font-size: clamp(44px, 7vw, 70px); }
  .pc-features-head-row { grid-template-columns:1fr; }
  .pc-feature-stats { max-width: 720px; }
  .pc-value-grid--enterprise,
  .pc-usecase-grid--enterprise { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pc-feature-grid--enterprise { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pc-feature-grid--enterprise .pc-feature-card,
  .pc-feature-grid--enterprise .pc-feature-card--wide,
  .pc-feature-grid--enterprise .pc-feature-card--copy,
  .pc-feature-grid--enterprise .pc-feature-card--retail { grid-column: span 1; }
}
@media (max-width: 767px) {
  .pc-brand__studio,
  .pc-device__brand em { display:none; }
  .pc-hero { min-height:auto; padding-top: 112px; }
  .pc-hero__title { font-size: clamp(42px, 13vw, 62px); letter-spacing:-.07em; }
  .pc-value-grid--enterprise,
  .pc-usecase-grid--enterprise,
  .pc-feature-stats,
  .pc-feature-grid--enterprise { grid-template-columns: 1fr; }
  .pc-value-grid--enterprise .pc-value-card { min-height:auto; }
  .pc-value-bottom-note { align-items:flex-start; border-radius:24px; flex-direction:column; }
  .pc-value-bottom-note a { width:100%; text-align:center; }
  .pc-feature-ui--templates,
  .pc-bg-strip,
  .pc-locale-cards { grid-template-columns: repeat(2, 1fr); }
  .pc-usecase-grid--enterprise .pc-usecase-card { min-height: 250px; }
}


/* =========================================================
   PROMOCANVAS LP V9 CODED ENTERPRISE VISUALS
   - code-based visuals, no static section screenshots
   - keeps V7 page length + adds Apple-style motion polish
========================================================= */

:root {
  --pc-v9-blue: #19c8ff;
  --pc-v9-purple: #8b5cf6;
  --pc-v9-pink: #ec4fc6;
  --pc-v9-ink: #050816;
  --pc-v9-panel: rgba(11, 17, 38, .72);
  --pc-v9-line: rgba(255,255,255,.13);
}

/* Global motion polish */
.pc-section {
  scroll-margin-top: 92px;
}

[data-reveal] {
  will-change: transform, opacity;
}

/* HERO — compact fold + coded enterprise studio mockup */
.pc-hero--enterprise-coded {
  min-height: 100vh;
  padding-top: 112px;
  padding-bottom: 34px;
  background:
    radial-gradient(circle at 20% 22%, rgba(108,99,255,.34), transparent 29%),
    radial-gradient(circle at 74% 32%, rgba(0,207,255,.22), transparent 32%),
    radial-gradient(circle at 55% 92%, rgba(139,92,246,.18), transparent 28%),
    linear-gradient(180deg, #050816 0%, #090d20 100%);
}

.pc-hero__stars {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .38;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.42) 0 1px, transparent 1.5px),
    radial-gradient(circle, rgba(124,236,255,.32) 0 1px, transparent 1.5px);
  background-size: 120px 120px, 180px 180px;
  background-position: 10% 12%, 70% 34%;
  mask-image: linear-gradient(180deg, black, transparent 76%);
  animation: pcStarDrift 30s linear infinite;
}

@keyframes pcStarDrift {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(-80px,38px,0); }
}

.pc-hero--enterprise-coded .pc-hero__grid {
  grid-template-columns: minmax(0, .93fr) minmax(520px, 1.07fr);
  gap: 50px;
  align-items: center;
}

.pc-hero--enterprise-coded .pc-eyebrow {
  margin-bottom: 22px;
}

.pc-hero--enterprise-coded .pc-hero__title {
  max-width: 690px;
  font-size: clamp(54px, 5.8vw, 78px);
  line-height: .98;
  letter-spacing: -.074em;
}

.pc-hero--enterprise-coded .pc-hero__subtitle {
  max-width: 590px;
  margin-top: 24px;
  font-size: clamp(17px, 1.35vw, 21px);
  line-height: 1.55;
}

.pc-hero--enterprise-coded .pc-hero__actions {
  margin-top: 28px;
}

.pc-hero--enterprise-coded .pc-hero__badges {
  margin-top: 24px;
}

.pc-hero-stage {
  position: absolute;
  inset: 5% -4% -4% 0;
  pointer-events: none;
  z-index: 0;
}

.pc-hero-stage__ring {
  position: absolute;
  left: 4%;
  right: -6%;
  bottom: 10%;
  height: 116px;
  border-radius: 50%;
  border: 2px solid rgba(25,200,255,.34);
  transform: perspective(900px) rotateX(66deg);
  box-shadow:
    0 0 26px rgba(25,200,255,.52),
    inset 0 0 24px rgba(139,92,246,.4);
  animation: pcHeroRingPulse 5.8s ease-in-out infinite;
}

.pc-hero-stage__ring--two {
  left: 12%;
  right: 0;
  bottom: 7%;
  border-color: rgba(236,79,198,.38);
  animation-delay: -2.1s;
}

.pc-hero-stage__spark {
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #7cecff;
  box-shadow: 0 0 26px #19c8ff;
  offset-path: ellipse(46% 18% at 52% 70%);
  animation: pcOrbitSpark 7.6s linear infinite;
}

.pc-hero-stage__spark--two {
  background: #ec4fc6;
  box-shadow: 0 0 26px #ec4fc6;
  animation-delay: -3.2s;
}

@keyframes pcHeroRingPulse {
  0%, 100% { opacity: .55; transform: perspective(900px) rotateX(66deg) scale(.98); }
  50% { opacity: .95; transform: perspective(900px) rotateX(66deg) scale(1.025); }
}

@keyframes pcOrbitSpark {
  from { offset-distance: 0%; }
  to { offset-distance: 100%; }
}

.pc-hero--enterprise-coded .pc-hero__visual {
  min-height: 560px;
  z-index: 2;
}

.pc-hero--enterprise-coded .pc-device {
  width: min(710px, 100%);
  right: 0;
  top: 49%;
  overflow: visible;
  border-color: rgba(255,255,255,.16);
  background:
    linear-gradient(180deg, rgba(255,255,255,.15), rgba(255,255,255,.045)),
    radial-gradient(circle at 78% 0%, rgba(124,236,255,.18), transparent 34%);
  box-shadow:
    0 44px 160px rgba(0,0,0,.54),
    0 0 130px rgba(25,200,255,.18),
    0 0 130px rgba(139,92,246,.16);
}

.pc-hero--enterprise-coded .pc-device::before {
  content: "";
  position: absolute;
  inset: -70px -80px -80px -80px;
  z-index: -2;
  background:
    radial-gradient(circle at 52% 68%, rgba(25,200,255,.20), transparent 25%),
    radial-gradient(circle at 88% 42%, rgba(139,92,246,.21), transparent 30%);
  filter: blur(12px);
  pointer-events: none;
}

.pc-hero--enterprise-coded .pc-device__body {
  grid-template-columns: 72px minmax(260px, 1fr) 146px;
  min-height: 420px;
  gap: 14px;
}

.pc-hero--enterprise-coded .pc-device__brandmark {
  width: 28px;
  height: 28px;
}

.pc-hero--enterprise-coded .pc-studio-sidebar {
  border-radius: 22px;
  background: rgba(255,255,255,.055);
}

.pc-hero--enterprise-coded .pc-studio-sidebar span {
  display: grid;
  place-items: center;
  color: rgba(255,255,255,.7);
  font-size: 16px;
}

.pc-hero--enterprise-coded .pc-poster-preview,
.pc-hero--enterprise-coded .pc-hero-template-stack {
  min-height: 392px;
}

.pc-hero--enterprise-coded .pc-poster-preview[data-hero-preview] {
  border-radius: 24px;
  overflow: hidden;
  box-shadow:
    0 24px 80px rgba(0,0,0,.28),
    inset 0 0 0 1px rgba(255,255,255,.13);
}

.pc-hero--enterprise-coded .pc-poster-preview[data-hero-preview]::after {
  content: "";
  position: absolute;
  inset: -25%;
  z-index: 5;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 35%, rgba(255,255,255,.18), transparent 54%);
  transform: translateX(-55%);
  animation: pcHeroScan 5.4s ease-in-out infinite;
}

@keyframes pcHeroScan {
  0%, 46% { transform: translateX(-58%) rotate(8deg); opacity: 0; }
  55% { opacity: 1; }
  78%, 100% { transform: translateX(58%) rotate(8deg); opacity: 0; }
}

.pc-hero--enterprise-coded .pc-hero-template {
  padding: 28px;
  transform: translate3d(34px, 0, 0) scale(.965);
  filter: blur(10px);
  transition:
    opacity 1.25s cubic-bezier(.16,1,.3,1),
    transform 1.35s cubic-bezier(.16,1,.3,1),
    filter 1.35s cubic-bezier(.16,1,.3,1);
}

.pc-hero--enterprise-coded .pc-hero-template.is-active {
  transform: translate3d(0, 0, 0) scale(1);
}

.pc-hero--enterprise-coded .pc-hero-template.is-leaving {
  opacity: .36;
  transform: translate3d(-42px, 0, 0) scale(.965);
  filter: blur(10px);
}

.pc-hero--enterprise-coded .pc-poster-preview h3,
.pc-hero--enterprise-coded .pc-hero-template h3 {
  max-width: 72%;
  font-size: clamp(42px, 4.3vw, 64px);
  line-height: .86;
  letter-spacing: -.075em;
  text-shadow: 0 8px 30px rgba(0,0,0,.22);
}

.pc-hero--enterprise-coded .pc-poster-preview__label {
  width: max-content;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(14px);
  color: rgba(255,255,255,.9);
  font-size: 12px;
  font-weight: 900;
}

.pc-product-bottle {
  position: absolute;
  right: 22px;
  bottom: 58px;
  width: 112px;
  height: 190px;
  z-index: 2;
  filter: drop-shadow(0 26px 42px rgba(0,0,0,.42));
  animation: pcProductBottleFloat 5.2s ease-in-out infinite;
}

.pc-product-bottle span {
  position: absolute;
  left: 28px;
  top: 0;
  width: 56px;
  height: 44px;
  border-radius: 18px 18px 12px 12px;
  background: linear-gradient(180deg, #fff, #5b21b6 35%, #1e1b4b);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
}

.pc-product-bottle i {
  position: absolute;
  left: 18px;
  right: 18px;
  top: 36px;
  bottom: 0;
  border-radius: 34px 34px 28px 28px;
  background:
    radial-gradient(circle at 40% 18%, rgba(255,255,255,.42), transparent 14%),
    linear-gradient(160deg, #2e1065, #7c3aed 55%, #ec4899);
  box-shadow:
    inset 16px 0 28px rgba(255,255,255,.12),
    inset -16px 0 28px rgba(0,0,0,.32);
}

.pc-product-bottle b {
  position: absolute;
  left: 34px;
  right: 34px;
  top: 96px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.3);
  background: rgba(255,255,255,.12);
}

@keyframes pcProductBottleFloat {
  0%,100% { transform: translateY(0) rotate(1deg); }
  50% { transform: translateY(-10px) rotate(-2deg); }
}

.pc-social-orb {
  position: absolute;
  right: 18px;
  bottom: 76px;
  width: 122px;
  height: 122px;
  border-radius: 38px;
  background:
    radial-gradient(circle at 34% 24%, rgba(255,255,255,.32), transparent 22%),
    linear-gradient(145deg, #0ea5e9, #4338ca 58%, #ec4899);
  transform: rotate(6deg);
  box-shadow: 0 24px 70px rgba(14,165,233,.28);
}

.pc-retail-model {
  position: absolute;
  right: 22px;
  bottom: 52px;
  width: 118px;
  height: 170px;
  border-radius: 34px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 25%, #ffd6b2 0 14%, transparent 15%),
    linear-gradient(180deg, transparent 0 36%, #111827 37% 58%, #38bdf8 59% 100%);
  box-shadow: 0 22px 70px rgba(0,0,0,.36);
}

.pc-retail-model span {
  position: absolute;
  left: 37px;
  top: 22px;
  width: 44px;
  height: 18px;
  border-radius: 999px;
  background: #020617;
  box-shadow: 0 12px 0 -5px #020617;
}

.pc-retail-model i {
  position: absolute;
  left: 23px;
  right: 23px;
  bottom: 18px;
  height: 38px;
  border-radius: 18px;
  background: rgba(255,255,255,.12);
}

.pc-hero--enterprise-coded .pc-studio-panel {
  border-radius: 22px;
  background: rgba(255,255,255,.055);
}

.pc-hero--enterprise-coded .pc-mini-card {
  min-height: 78px;
  border-radius: 18px;
}

.pc-hero--enterprise-coded .pc-mini-card span {
  width: 46px;
  height: 34px;
  border-radius: 12px;
}

.pc-floating-card--brand {
  position: absolute;
  left: 17%;
  bottom: 30%;
}

/* Bright value section — code-based version of supplied visual */
.pc-value--coded-visuals {
  padding-top: clamp(88px, 8vw, 130px);
  padding-bottom: clamp(82px, 7vw, 120px);
}

.pc-value--coded-visuals .pc-section-head h2 {
  max-width: 780px;
  margin-inline: auto;
  font-size: clamp(42px, 5vw, 70px);
  letter-spacing: -.072em;
}

.pc-value--coded-visuals .pc-section-head p {
  max-width: 620px;
  margin-inline: auto;
}

.pc-value--coded-visuals .pc-value__flow {
  inset: 30% 0 auto;
  height: 440px;
  opacity: .86;
}

.pc-value__flow i {
  position: absolute;
  top: 50%;
  right: 5%;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #8b5cf6;
  box-shadow: 0 0 30px rgba(139,92,246,.7);
  offset-path: ellipse(46% 18% at 50% 52%);
  animation: pcValueSparkTravel 8.5s linear infinite;
}

@keyframes pcValueSparkTravel {
  from { offset-distance: 0%; }
  to { offset-distance: 100%; }
}

.pc-value--coded-visuals .pc-value-card {
  min-height: 430px;
  padding: 30px;
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.82)),
    radial-gradient(circle at var(--spotlight-x,50%) var(--spotlight-y,20%), rgba(108,99,255,.12), transparent 38%);
  box-shadow:
    0 32px 90px rgba(16,24,40,.09),
    inset 0 0 0 1px rgba(255,255,255,.72);
}

.pc-value--coded-visuals .pc-value-card__icon {
  color: #6c63ff;
  font-size: 29px;
}

.pc-value--coded-visuals .pc-value-demo {
  min-height: 178px;
  margin-top: 24px;
  background: rgba(255,255,255,.82);
  backdrop-filter: blur(22px);
}

.pc-value-demo--copy span {
  position: relative;
  padding-right: 34px;
}

.pc-value-demo--copy span::after {
  content: "✦";
  position: absolute;
  right: 12px;
  color: #7c3aed;
  animation: pcSparkleBlink 2.8s ease-in-out infinite;
}

.pc-value-demo--copy i {
  position: absolute;
  right: 15px;
  bottom: 13px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--pc-gradient-main);
  box-shadow: 0 18px 42px rgba(108,99,255,.22);
}

.pc-value-demo--copy i::before {
  content: "➤";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #fff;
  font-style: normal;
  transform: rotate(-18deg);
}

@keyframes pcSparkleBlink {
  0%,100% { transform: scale(.8); opacity: .45; }
  50% { transform: scale(1.15); opacity: 1; }
}

.pc-value-map b {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 18px;
  height: 18px;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  background: #ec4899;
  box-shadow: 0 0 0 10px rgba(236,72,153,.12), 0 0 30px rgba(236,72,153,.5);
}

.pc-value--coded-visuals .pc-value-language-list {
  width: 132px;
}

.pc-value--coded-visuals .pc-value-demo--export {
  gap: 7px;
}

.pc-value-demo--export > span {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 8px;
}

.pc-value-demo--export > span strong {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #1f2937;
  font-size: 12px;
}

.pc-value-demo--export > span::before {
  display: none;
}

.pc-value-bottom-note {
  min-height: 64px;
}

/* Dark feature grid — code-based version of supplied visual */
.pc-features--coded-visuals {
  padding-top: clamp(86px, 8vw, 128px);
  padding-bottom: clamp(86px, 8vw, 128px);
}

.pc-features--coded-visuals .pc-feature-grid--enterprise {
  gap: 20px;
}

.pc-features--coded-visuals .pc-feature-card {
  min-height: 318px;
  border-radius: 25px;
  transform: perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
}

.pc-features--coded-visuals .pc-feature-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: .72;
  background:
    radial-gradient(circle at var(--spotlight-x,50%) var(--spotlight-y,20%), rgba(25,200,255,.14), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.055), transparent 50%);
  pointer-events: none;
}

.pc-features--coded-visuals .pc-feature-card::after {
  content: "";
  position: absolute;
  inset: auto -20% -42% -20%;
  height: 55%;
  background: radial-gradient(ellipse at center, rgba(108,99,255,.22), transparent 68%);
  pointer-events: none;
}

.pc-features--coded-visuals .pc-feature-card:hover,
.pc-features--coded-visuals .pc-feature-card.is-tilting {
  transform: perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-8px);
  border-color: rgba(124,236,255,.34);
}

.pc-features--coded-visuals .pc-feature-card h3,
.pc-features--coded-visuals .pc-feature-card p,
.pc-features--coded-visuals .pc-feature-card__icon,
.pc-features--coded-visuals .pc-feature-ui {
  position: relative;
  z-index: 2;
}

.pc-features--coded-visuals .pc-orbit-planet {
  animation: pcPlanetOrbitGlow 4.8s ease-in-out infinite;
}

@keyframes pcPlanetOrbitGlow {
  0%,100% { transform: translateY(0) scale(1); filter: hue-rotate(0deg); }
  50% { transform: translateY(-8px) scale(1.035); filter: hue-rotate(18deg); }
}

.pc-brief-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.pc-feature-ui--copy small {
  color: #9bf2ff;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 950;
}

.pc-feature-ui--copy button {
  width: max-content;
  border: 0;
  padding: 9px 12px;
  border-radius: 12px;
  color: #fff;
  font-weight: 900;
  background: rgba(108,99,255,.42);
  border: 1px solid rgba(255,255,255,.12);
}

.pc-bg-strip span {
  position: relative;
  overflow: hidden;
}

.pc-bg-strip span::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 28%, rgba(255,255,255,.24), transparent 56%);
  transform: translateX(-120%);
  animation: pcThumbShine 5s ease-in-out infinite;
}

.pc-bg-strip span:nth-child(2)::after { animation-delay: .35s; }
.pc-bg-strip span:nth-child(3)::after { animation-delay: .7s; }
.pc-bg-strip span:nth-child(4)::after { animation-delay: 1.05s; }

@keyframes pcThumbShine {
  0%,42% { transform: translateX(-120%); opacity: 0; }
  55% { opacity: 1; }
  82%,100% { transform: translateX(120%); opacity: 0; }
}

.pc-feature-ui--templates span {
  min-height: 150px;
  position: relative;
  overflow: hidden;
}

.pc-feature-ui--templates span::after {
  content: "";
  position: absolute;
  right: -18px;
  top: -18px;
  width: 78px;
  height: 78px;
  border-radius: 50%;
  background: rgba(255,255,255,.16);
  filter: blur(2px);
}

.pc-feature-ui--templates em {
  position: relative;
  z-index: 2;
  padding: 6px 8px;
  border-radius: 999px;
  background: rgba(0,0,0,.22);
  color: rgba(255,255,255,.86);
  font-size: 10px;
  font-style: normal;
  font-weight: 850;
}

.pc-feature-ui--retail {
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

.pc-feature-ui--retail nav {
  display: grid;
  gap: 8px;
}

.pc-feature-ui--retail nav span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: rgba(255,255,255,.7);
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.08);
}

.pc-feature-ui--retail div {
  width: 260px;
  max-width: 100%;
  height: 150px;
  padding: 20px;
}

.pc-feature-ui--retail small {
  display: block;
  margin-top: 7px;
  color: rgba(255,255,255,.78);
  font-size: 10px;
  font-weight: 900;
}

.pc-locale-cards {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.pc-locale-cards span {
  min-height: 122px;
  padding: 12px;
  font-size: 17px;
}

/* Industries — richer, differentiated coded cards */
.pc-usecases--coded-visuals {
  padding-top: clamp(84px, 8vw, 126px);
  padding-bottom: clamp(88px, 8vw, 132px);
}

.pc-usecases__streak {
  position: absolute;
  width: 54%;
  height: 2px;
  opacity: .56;
  background: linear-gradient(90deg, transparent, rgba(25,200,255,.48), rgba(139,92,246,.48), transparent);
  filter: blur(.2px);
  transform: rotate(-8deg);
  pointer-events: none;
}

.pc-usecases__streak--one {
  left: -9%;
  top: 42%;
}

.pc-usecases__streak--two {
  right: -13%;
  top: 25%;
  transform: rotate(13deg);
}

.pc-usecases--coded-visuals .pc-section-head h2 {
  max-width: 930px;
  margin-inline: auto;
}

.pc-usecases--coded-visuals .pc-usecase-card {
  position: relative;
  min-height: 304px;
  overflow: hidden;
  transform: perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
}

.pc-usecases--coded-visuals .pc-usecase-card::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .68;
  background: radial-gradient(circle at var(--spotlight-x,50%) var(--spotlight-y,20%), rgba(255,255,255,.12), transparent 38%);
  pointer-events: none;
}

.pc-usecases--coded-visuals .pc-usecase-card::after {
  content: "";
  position: absolute;
  right: -44px;
  top: -44px;
  width: 118px;
  height: 118px;
  border-radius: 50%;
  opacity: .85;
  background: var(--pc-card-glow, rgba(25,200,255,.28));
  filter: blur(10px);
  pointer-events: none;
}

.pc-usecases--coded-visuals .pc-usecase-card:hover,
.pc-usecases--coded-visuals .pc-usecase-card.is-tilting {
  transform: perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-8px);
}

.pc-usecase-card--retail { --pc-card-glow: rgba(25,140,255,.34); }
.pc-usecase-card--events { --pc-card-glow: rgba(236,72,153,.34); }
.pc-usecase-card--gastro { --pc-card-glow: rgba(255,184,77,.32); }
.pc-usecase-card--fitness { --pc-card-glow: rgba(168,85,247,.34); }
.pc-usecase-card--local { --pc-card-glow: rgba(16,185,129,.32); }
.pc-usecase-card--seasonal { --pc-card-glow: rgba(14,165,233,.34); }
.pc-usecase-card--social { --pc-card-glow: rgba(217,70,239,.34); }
.pc-usecase-card--agency { --pc-card-glow: rgba(96,165,250,.34); }

.pc-usecases--coded-visuals .pc-usecase-card__top span {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  font-size: 24px;
  background: var(--pc-card-glow, rgba(25,200,255,.24));
  border: 1px solid rgba(255,255,255,.13);
  box-shadow: 0 0 42px var(--pc-card-glow, rgba(25,200,255,.2));
}

.pc-usecases--coded-visuals .pc-usecase-card h3 {
  position: relative;
  z-index: 2;
  margin-top: 0;
}

.pc-usecases--coded-visuals .pc-industry-preview {
  height: 142px;
  bottom: 20px;
  border-radius: 22px;
}

.pc-industry-preview span {
  position: absolute;
  right: 14px;
  top: 16px;
  width: 76px;
  height: 102px;
  border-radius: 18px;
  opacity: .75;
  background:
    radial-gradient(circle at 42% 24%, rgba(255,255,255,.24), transparent 20%),
    linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,.04));
  border: 1px solid rgba(255,255,255,.12);
  transform: rotate(4deg);
  animation: pcIndustryMiniFloat 5.2s ease-in-out infinite;
}

.pc-usecase-card--events .pc-industry-preview span { transform: rotate(-7deg); }
.pc-usecase-card--gastro .pc-industry-preview span { border-radius: 50% 50% 22px 22px; }
.pc-usecase-card--social .pc-industry-preview span { border-radius: 24px; height: 118px; }

@keyframes pcIndustryMiniFloat {
  0%,100% { translate: 0 0; }
  50% { translate: 0 -8px; }
}

.pc-usecases--coded-visuals .pc-industry-preview b {
  max-width: 58%;
}

.pc-usecases--coded-visuals .pc-industry-preview em {
  right: 24px;
  bottom: 47px;
}

.pc-usecases__closing {
  box-shadow: 0 18px 60px rgba(108,99,255,.14);
}

/* JS-enhanced section active states */
.pc-section.is-section-active .pc-value-card,
.pc-section.is-section-active .pc-feature-card,
.pc-section.is-section-active .pc-usecase-card {
  animation-play-state: running;
}

.pc-feature-card,
.pc-value-card,
.pc-usecase-card {
  --tilt-x: 0deg;
  --tilt-y: 0deg;
}

/* Responsive polish */
@media (max-width: 1320px) {
  .pc-hero--enterprise-coded .pc-hero__grid {
    grid-template-columns: minmax(0, .95fr) minmax(480px, 1.05fr);
    gap: 34px;
  }

  .pc-hero--enterprise-coded .pc-hero__title {
    font-size: clamp(48px, 5.3vw, 72px);
  }

  .pc-hero--enterprise-coded .pc-device {
    width: min(650px, 100%);
  }
}

@media (max-width: 1180px) {
  .pc-hero--enterprise-coded .pc-hero__grid {
    grid-template-columns: 1fr;
  }

  .pc-hero--enterprise-coded .pc-hero__visual {
    min-height: 580px;
  }

  .pc-hero--enterprise-coded .pc-device {
    left: 50%;
    right: auto;
    transform: translateX(-50%) translateY(calc(-50% + var(--pc-parallax-y, 0px)));
  }

  .pc-floating-card--brand {
    left: 8%;
    bottom: 28%;
  }

  .pc-locale-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .pc-hero--enterprise-coded {
    padding-top: 104px;
  }

  .pc-hero--enterprise-coded .pc-hero__title {
    max-width: 100%;
    font-size: clamp(40px, 11vw, 58px);
    line-height: .97;
  }

  .pc-hero--enterprise-coded .pc-hero__visual {
    min-height: 620px;
    margin-top: 10px;
  }

  .pc-hero--enterprise-coded .pc-device {
    width: min(520px, 100%);
  }

  .pc-hero--enterprise-coded .pc-device__body {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .pc-hero--enterprise-coded .pc-studio-sidebar,
  .pc-hero--enterprise-coded .pc-studio-panel {
    display: none;
  }

  .pc-hero--enterprise-coded .pc-poster-preview,
  .pc-hero--enterprise-coded .pc-hero-template-stack {
    min-height: 360px;
  }

  .pc-product-bottle,
  .pc-social-orb,
  .pc-retail-model {
    transform: scale(.84);
    transform-origin: right bottom;
  }

  .pc-hero-drag-chip,
  .pc-floating-card--brand,
  .pc-floating-card--one,
  .pc-floating-card--two {
    display: none;
  }

  .pc-value--coded-visuals .pc-section-head h2 {
    font-size: clamp(36px, 10vw, 52px);
  }

  .pc-locale-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pc-usecases--coded-visuals .pc-usecase-card {
    min-height: 284px;
  }
}

/* =========================================================
   PROMOCANVAS LP V10 HERO HTML COPY
   - full HTML/CSS hero recreation from supplied visual
   - no static hero screenshot
   - rotating poster designs + cursor interaction
========================================================= */

.pc-hero--image-copy {
  min-height: 100vh;
  padding-top: 116px;
  padding-bottom: 28px;
  overflow: hidden;
  background:
    radial-gradient(circle at calc(16% + var(--hero-x, 0px)) calc(14% + var(--hero-y, 0px)), rgba(108,99,255,.33), transparent 32%),
    radial-gradient(circle at 74% 24%, rgba(0,207,255,.20), transparent 34%),
    radial-gradient(circle at 52% 90%, rgba(139,92,246,.18), transparent 31%),
    linear-gradient(180deg, #050816 0%, #080d1f 100%);
}

.pc-hero--image-copy::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(115deg, transparent 0%, rgba(255,255,255,.035) 36%, transparent 64%),
    radial-gradient(circle at 50% 105%, rgba(25,200,255,.12), transparent 34%);
  opacity: .88;
}

.pc-hero-copy__light {
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  filter: blur(80px);
  opacity: .72;
  transform: translate3d(calc(var(--hero-x, 0px) * .08), calc(var(--hero-y, 0px) * .08), 0);
}

.pc-hero-copy__light--left {
  left: -160px;
  top: 14%;
  width: 420px;
  height: 420px;
  background: rgba(108,99,255,.25);
}

.pc-hero-copy__light--right {
  right: -200px;
  top: 4%;
  width: 520px;
  height: 520px;
  background: rgba(0,207,255,.16);
}

.pc-hero--image-copy .pc-hero__stars {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .32;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.44) 0 1px, transparent 1.6px),
    radial-gradient(circle, rgba(124,236,255,.34) 0 1px, transparent 1.5px);
  background-size: 130px 130px, 210px 210px;
  background-position: 4% 10%, 72% 28%;
  mask-image: linear-gradient(180deg, #000 0%, transparent 74%);
  animation: pcHeroCopyStars 34s linear infinite;
}

@keyframes pcHeroCopyStars {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-90px, 40px, 0); }
}

.pc-hero-copy__grid {
  position: relative;
  z-index: 2;
  grid-template-columns: minmax(0, .9fr) minmax(560px, 1.1fr);
  gap: 58px;
  align-items: center;
}

.pc-hero-copy__content {
  padding-top: 10px;
}

.pc-hero-copy__eyebrow {
  margin-bottom: 28px;
  border-color: rgba(255,255,255,.13);
  background: rgba(255,255,255,.055);
  box-shadow: 0 14px 42px rgba(0,0,0,.18);
}

.pc-hero-copy__title {
  max-width: 760px;
  font-size: clamp(54px, 6.05vw, 88px);
  line-height: .95;
  letter-spacing: -.078em;
  text-shadow: 0 14px 62px rgba(0,0,0,.32);
}

.pc-hero-copy__title .pc-gradient-text {
  background: linear-gradient(135deg, #d7c8ff 0%, #9c7cff 26%, #79d8ff 74%, #b8f5ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: none;
}

.pc-hero-copy__subtitle {
  max-width: 610px;
  margin-top: 28px;
  font-size: clamp(17px, 1.4vw, 21px);
  line-height: 1.54;
  color: rgba(255,255,255,.72);
}

.pc-hero-copy__actions {
  margin-top: 32px;
}

.pc-hero-copy__badges {
  margin-top: 28px;
}

.pc-hero-copy__badges span {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

.pc-hero-copy__visual {
  min-height: 585px;
  perspective: 1200px;
  transform-style: preserve-3d;
}

.pc-hero-copy__orbit {
  position: absolute;
  inset: 4% -2% 0 0;
  pointer-events: none;
  opacity: .72;
  transform: translate3d(calc(var(--hero-x, 0px) * -.06), calc(var(--hero-y, 0px) * -.06), 0);
}

.pc-hero-copy__orbit span {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(25,200,255,.22);
  box-shadow: 0 0 48px rgba(25,200,255,.18);
}

.pc-hero-copy__orbit span:nth-child(1) {
  inset: 10% 3% 8% 2%;
  transform: rotate(-13deg);
}

.pc-hero-copy__orbit span:nth-child(2) {
  inset: 19% -8% 9% 16%;
  transform: rotate(10deg);
  border-color: rgba(139,92,246,.24);
}

.pc-hero-copy__orbit span:nth-child(3) {
  inset: 28% 1% 14% 12%;
  transform: rotate(-4deg);
  border-color: rgba(236,79,198,.19);
}

.pc-hero-copy__stage {
  position: absolute;
  inset: 4% -7% -6% -4%;
  z-index: 0;
  pointer-events: none;
  transform: translate3d(calc(var(--hero-x, 0px) * .045), calc(var(--hero-y, 0px) * .045), 0);
}

.pc-hero--image-copy .pc-hero-stage__ring {
  left: 4%;
  right: -4%;
  bottom: 8%;
  height: 120px;
  border-width: 2px;
  border-color: rgba(25,200,255,.42);
  box-shadow:
    0 0 28px rgba(25,200,255,.6),
    0 18px 60px rgba(37,99,235,.32),
    inset 0 0 30px rgba(139,92,246,.42);
}

.pc-hero--image-copy .pc-hero-stage__ring--two {
  left: 14%;
  right: 2%;
  bottom: 4%;
  border-color: rgba(236,79,198,.42);
  box-shadow:
    0 0 30px rgba(236,79,198,.48),
    inset 0 0 24px rgba(139,92,246,.34);
}

.pc-hero-copy-device {
  top: 49%;
  right: 0;
  width: min(720px, 100%);
  overflow: visible;
  border-radius: 35px;
  border-color: rgba(255,255,255,.18);
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.052)),
    radial-gradient(circle at 84% 6%, rgba(124,236,255,.18), transparent 34%);
  box-shadow:
    0 48px 170px rgba(0,0,0,.55),
    0 0 116px rgba(25,200,255,.18),
    0 0 110px rgba(139,92,246,.16);
  transform:
    translateY(calc(-50% + var(--pc-parallax-y, 0px)))
    rotateX(calc(var(--hero-y, 0px) * -.018deg))
    rotateY(calc(var(--hero-x, 0px) * .018deg));
  transition: box-shadow .9s cubic-bezier(.16,1,.3,1), border-color .9s cubic-bezier(.16,1,.3,1);
}

.pc-hero-copy-device::before {
  content: "";
  position: absolute;
  inset: -62px -76px -82px -76px;
  z-index: -2;
  background:
    radial-gradient(circle at 52% 72%, rgba(25,200,255,.24), transparent 25%),
    radial-gradient(circle at 86% 38%, rgba(139,92,246,.24), transparent 30%);
  filter: blur(18px);
  pointer-events: none;
}

.pc-hero-copy-device__topbar {
  height: 58px;
  padding-inline: 20px;
  border-bottom-color: rgba(255,255,255,.11);
}

.pc-hero-copy-device__topbar > span:nth-child(1) { background: #fb7185; }
.pc-hero-copy-device__topbar > span:nth-child(2) { background: rgba(255,255,255,.36); }
.pc-hero-copy-device__topbar > span:nth-child(3) { background: rgba(255,255,255,.28); }

.pc-hero-copy-device__body {
  grid-template-columns: 78px minmax(270px, 1fr) 148px;
  gap: 15px;
  min-height: 420px;
  padding: 17px;
}

.pc-hero-copy-sidebar {
  border-radius: 24px;
  padding: 13px;
  background: rgba(255,255,255,.055);
}

.pc-hero-copy-sidebar span {
  position: relative;
  display: grid;
  place-items: center;
  color: rgba(255,255,255,.72);
  font-size: 15px;
  overflow: hidden;
}

.pc-hero-copy-sidebar span:first-child {
  background: var(--pc-gradient-main);
  color: #fff;
  box-shadow: 0 16px 42px rgba(108,99,255,.28);
}

.pc-hero-copy-sidebar span::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 25%, rgba(255,255,255,.18), transparent 56%);
  transform: translateX(-120%);
  animation: pcHeroCopySidebarShine 4.8s ease-in-out infinite;
}

@keyframes pcHeroCopySidebarShine {
  0%,48% { transform: translateX(-120%); opacity: 0; }
  60% { opacity: 1; }
  100% { transform: translateX(120%); opacity: 0; }
}

.pc-hero-copy-preview,
.pc-hero-copy-template-stack {
  min-height: 392px;
}

.pc-hero-copy-preview {
  border-radius: 25px;
  overflow: hidden;
  background: linear-gradient(145deg, #221852 0%, #6c63ff 56%, #ec4fc6 100%);
  box-shadow:
    0 24px 80px rgba(0,0,0,.3),
    inset 0 0 0 1px rgba(255,255,255,.13);
}

.pc-device[data-hero-template="promo"] .pc-hero-copy-preview {
  background:
    radial-gradient(circle at 72% 26%, rgba(255,255,255,.18), transparent 20%),
    radial-gradient(circle at 26% 28%, rgba(25,200,255,.26), transparent 28%),
    linear-gradient(145deg, #221852 0%, #6c63ff 56%, #ec4fc6 100%);
}

.pc-device[data-hero-template="social"] .pc-hero-copy-preview {
  background:
    radial-gradient(circle at 18% 16%, rgba(124,236,255,.34), transparent 26%),
    radial-gradient(circle at 88% 72%, rgba(236,79,198,.28), transparent 28%),
    linear-gradient(145deg, #061b36 0%, #0ea5e9 50%, #6c63ff 100%);
}

.pc-device[data-hero-template="retail"] .pc-hero-copy-preview {
  background:
    radial-gradient(circle at 76% 20%, rgba(255,184,77,.42), transparent 24%),
    radial-gradient(circle at 18% 82%, rgba(53,211,153,.26), transparent 28%),
    linear-gradient(145deg, #27120f 0%, #d94f2b 50%, #ffb84d 100%);
}

.pc-hero-copy-preview::before {
  display: none !important;
}

.pc-hero-copy-preview::after {
  content: "";
  position: absolute;
  inset: -26%;
  z-index: 5;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 34%, rgba(255,255,255,.18), transparent 54%);
  transform: translateX(-62%) rotate(8deg);
  animation: pcHeroCopyScan 5.8s ease-in-out infinite;
}

@keyframes pcHeroCopyScan {
  0%,46% { transform: translateX(-62%) rotate(8deg); opacity: 0; }
  55% { opacity: 1; }
  82%,100% { transform: translateX(62%) rotate(8deg); opacity: 0; }
}

.pc-hero-copy-template {
  padding: 31px;
  transform: translate3d(42px, 0, 0) scale(.965);
  filter: blur(12px);
  transition:
    opacity 1.25s cubic-bezier(.16,1,.3,1),
    transform 1.35s cubic-bezier(.16,1,.3,1),
    filter 1.35s cubic-bezier(.16,1,.3,1);
}

.pc-hero-copy-template.is-active {
  opacity: 1;
  transform: translate3d(0,0,0) scale(1);
  filter: blur(0);
}

.pc-hero-copy-template.is-leaving {
  opacity: .38;
  transform: translate3d(-48px, 0, 0) scale(.965);
  filter: blur(12px);
}

.pc-hero-copy-template::after {
  inset: 18px;
  border-radius: 23px;
  border-color: rgba(255,255,255,.17);
}

.pc-hero-copy-template h3 {
  position: relative;
  z-index: 3;
  max-width: 78%;
  margin-top: 74px;
  font-size: clamp(42px, 4.05vw, 62px);
  line-height: .86;
  letter-spacing: -.078em;
  text-shadow: 0 12px 34px rgba(0,0,0,.24);
}

.pc-hero-copy-template p {
  position: relative;
  z-index: 3;
  max-width: 78%;
  color: rgba(255,255,255,.82);
}

.pc-hero-copy-template .pc-poster-preview__cta {
  position: relative;
  z-index: 4;
  width: max-content;
  margin-top: 18px;
  box-shadow: 0 18px 50px rgba(0,0,0,.18);
}

.pc-hero-copy-template .pc-poster-preview__label {
  position: relative;
  z-index: 4;
  width: max-content;
  border-radius: 999px;
  padding: 8px 12px;
  background: rgba(255,255,255,.16);
  border: 1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(12px);
}

.pc-hero-copy-template__shape {
  position: absolute;
  z-index: 1;
  border-radius: 42px;
  pointer-events: none;
}

.pc-hero-copy-template__shape--one {
  right: 20px;
  top: 78px;
  width: 100px;
  height: 190px;
  background:
    radial-gradient(circle at 38% 18%, rgba(255,255,255,.28), transparent 22%),
    linear-gradient(160deg, rgba(255,255,255,.2), rgba(255,255,255,.04));
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 26px 70px rgba(0,0,0,.18);
  animation: pcHeroCopyObjectFloat 5.4s ease-in-out infinite;
}

.pc-hero-copy-template__shape--two {
  right: 50px;
  bottom: 42px;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: rgba(255,255,255,.18);
  filter: blur(2px);
  animation: pcHeroCopyObjectFloat 5.8s ease-in-out infinite reverse;
}

@keyframes pcHeroCopyObjectFloat {
  0%,100% { transform: translateY(0) rotate(3deg); }
  50% { transform: translateY(-11px) rotate(-2deg); }
}

.pc-hero-copy-social-frame {
  top: 28px;
  left: 28px;
  right: 28px;
}

.pc-hero-copy-price {
  top: 34px;
  right: 26px;
}

.pc-hero-copy-panel {
  border-radius: 24px;
  background: rgba(255,255,255,.055);
}

.pc-hero-copy-panel .pc-ai-composer {
  border-radius: 18px;
}

.pc-hero-copy-panel .pc-mini-card {
  min-height: 82px;
  border-radius: 19px;
}

.pc-hero-copy-panel .pc-mini-card span {
  width: 48px;
  height: 34px;
  border-radius: 13px;
}

.pc-hero-copy-chip {
  backdrop-filter: blur(24px);
  box-shadow: 0 22px 70px rgba(9,16,40,.38);
  transform: translate3d(calc(var(--hero-x, 0px) * var(--chip-x, .02)), calc(var(--hero-y, 0px) * var(--chip-y, .02)), 0);
}

.pc-hero-copy-chip--brief { --chip-x: -.06; --chip-y: -.04; }
.pc-hero-copy-chip--drag { --chip-x: .05; --chip-y: -.04; }
.pc-hero-copy-chip--brand { --chip-x: -.05; --chip-y: .04; }
.pc-hero-copy-chip--launch { --chip-x: .05; --chip-y: .05; }

.pc-hero-copy-chip--brand {
  position: absolute;
  left: 17%;
  bottom: 31%;
}

/* Trust logos matching the supplied hero visual */
.pc-trust--logos {
  margin-top: -24px;
  padding: 0 0 72px;
  background: #080d1f;
}

.pc-trust__title {
  margin: 0 0 22px;
  text-align: center;
  color: rgba(255,255,255,.48);
  font-weight: 650;
  letter-spacing: -.01em;
}

.pc-trust__logos {
  width: min(980px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 20px;
  align-items: center;
}

.pc-trust__logos span {
  min-height: 44px;
  display: grid;
  place-items: center;
  text-align: center;
  color: rgba(255,255,255,.45);
  font-weight: 900;
  line-height: .92;
  letter-spacing: -.05em;
  filter: grayscale(1);
  opacity: .8;
  transition: opacity .28s var(--pc-ease), color .28s var(--pc-ease), transform .28s var(--pc-ease);
}

.pc-trust__logos span:nth-child(2),
.pc-trust__logos span:nth-child(3),
.pc-trust__logos span:nth-child(4),
.pc-trust__logos span:nth-child(6),
.pc-trust__logos span:nth-child(7),
.pc-trust__logos span:nth-child(8) {
  font-size: 24px;
}

.pc-trust__logos span:hover {
  opacity: 1;
  color: rgba(255,255,255,.82);
  transform: translateY(-2px);
}

@media (max-width: 1320px) {
  .pc-hero-copy__grid {
    grid-template-columns: minmax(0, .9fr) minmax(500px, 1.1fr);
    gap: 36px;
  }

  .pc-hero-copy__title {
    font-size: clamp(48px, 5.5vw, 74px);
  }

  .pc-hero-copy-device {
    width: min(655px, 100%);
  }
}

@media (max-width: 1180px) {
  .pc-hero-copy__grid {
    grid-template-columns: 1fr;
  }

  .pc-hero-copy__visual {
    min-height: 590px;
  }

  .pc-hero-copy-device {
    left: 50%;
    right: auto;
    transform:
      translateX(-50%)
      translateY(calc(-50% + var(--pc-parallax-y, 0px)))
      rotateX(calc(var(--hero-y, 0px) * -.012deg))
      rotateY(calc(var(--hero-x, 0px) * .012deg));
  }

  .pc-trust__logos {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .pc-hero--image-copy {
    padding-top: 108px;
  }

  .pc-hero-copy__title {
    font-size: clamp(40px, 11vw, 58px);
    line-height: .99;
  }

  .pc-hero-copy__subtitle {
    font-size: 17px;
  }

  .pc-hero-copy__visual {
    min-height: 560px;
  }

  .pc-hero-copy-device {
    width: min(520px, 100%);
  }

  .pc-hero-copy-device__body {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .pc-hero-copy-sidebar,
  .pc-hero-copy-panel,
  .pc-hero-copy-chip,
  .pc-hero-copy__orbit {
    display: none;
  }

  .pc-hero-copy-preview,
  .pc-hero-copy-template-stack {
    min-height: 360px;
  }

  .pc-hero-copy-template h3 {
    max-width: 82%;
    font-size: clamp(38px, 12vw, 56px);
  }

  .pc-trust--logos {
    margin-top: 0;
    padding-bottom: 48px;
  }

  .pc-trust__logos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}


/* =========================================================
   PROMOCANVAS LP V11 — FIXED INDUSTRY MINI FLYERS
   Fixes broken usecase block: no absolute text overlap,
   fully coded mini visuals, animated and cursor-interactive.
========================================================= */

.pc-usecases--v11-flyers {
  overflow: hidden;
  padding-top: clamp(86px, 8vw, 126px);
  padding-bottom: clamp(92px, 8vw, 138px);
}

.pc-usecases--v11-flyers .pc-container {
  position: relative;
  z-index: 2;
}

.pc-usecases--v11-flyers .pc-section-head {
  max-width: 980px;
  margin-inline: auto;
}

.pc-usecases--v11-flyers .pc-section-head h2 {
  max-width: 940px;
  margin-inline: auto;
  font-size: clamp(42px, 5vw, 78px);
  line-height: .92;
  letter-spacing: -.078em;
}

.pc-usecases--v11-flyers .pc-section-head p {
  max-width: 760px;
  margin-inline: auto;
}

.pc-usecase-grid--v11 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 54px;
}

.pc-usecase-grid--v11 .pc-usecase-card {
  position: relative;
  isolation: isolate;
  min-height: 340px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 14px;
  padding: 22px;
  overflow: hidden;
  border-radius: 28px;
  background:
    radial-gradient(circle at var(--spotlight-x, 72%) var(--spotlight-y, 18%), var(--pc-card-glow, rgba(25,200,255,.18)), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.032));
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 26px 90px rgba(0,0,0,.20);
  transform: perspective(1200px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));
  transition:
    transform .38s var(--pc-ease),
    border-color .38s var(--pc-ease),
    box-shadow .38s var(--pc-ease),
    background .38s var(--pc-ease);
}

.pc-usecase-grid--v11 .pc-usecase-card:hover,
.pc-usecase-grid--v11 .pc-usecase-card.is-tilting {
  transform: perspective(1200px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(-10px);
  border-color: rgba(124,236,255,.30);
  box-shadow: 0 34px 110px rgba(0,0,0,.30), 0 0 70px var(--pc-card-glow, rgba(25,200,255,.12));
}

.pc-usecase-grid--v11 .pc-usecase-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -2;
  opacity: .9;
  background:
    linear-gradient(115deg, transparent 10%, rgba(255,255,255,.08) 34%, transparent 52%),
    radial-gradient(circle at 88% 10%, var(--pc-card-glow, rgba(25,200,255,.18)), transparent 30%);
  pointer-events: none;
}

.pc-usecase-grid--v11 .pc-usecase-card::after {
  content: "";
  position: absolute;
  right: -58px;
  top: -58px;
  z-index: -1;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  opacity: .88;
  background: var(--pc-card-glow, rgba(25,200,255,.24));
  filter: blur(16px);
  pointer-events: none;
}

.pc-usecase-grid--v11 .pc-usecase-card__top {
  position: relative;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 52px;
  margin: 0;
}

.pc-usecase-grid--v11 .pc-usecase-card__top small {
  min-width: 36px;
  height: 28px;
  display: inline-grid;
  place-items: center;
  border-radius: 10px;
  color: #bdf6ff;
  background: rgba(25,200,255,.16);
  font-size: 13px;
  font-weight: 950;
  line-height: 1;
}

.pc-usecase-grid--v11 .pc-usecase-card__top span {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  margin: 0;
  border-radius: 50%;
  font-size: 25px;
  background: var(--pc-card-glow, rgba(25,200,255,.26));
  border: 1px solid rgba(255,255,255,.13);
  box-shadow: 0 0 40px var(--pc-card-glow, rgba(25,200,255,.14));
  transform: translateZ(28px);
  transition: transform .34s var(--pc-ease);
}

.pc-usecase-grid--v11 .pc-usecase-card:hover .pc-usecase-card__top span,
.pc-usecase-grid--v11 .pc-usecase-card.is-tilting .pc-usecase-card__top span {
  transform: translateZ(28px) scale(1.08) rotate(5deg);
}

.pc-usecase-card__copy {
  position: relative;
  z-index: 4;
  min-height: 88px;
}

.pc-usecase-grid--v11 .pc-usecase-card h3 {
  margin: 0;
  color: #fff;
  font-size: 20px;
  line-height: 1.08;
  letter-spacing: -.045em;
}

.pc-usecase-grid--v11 .pc-usecase-card p {
  margin: 8px 0 0;
  color: rgba(255,255,255,.66);
  line-height: 1.36;
  font-size: 14px;
}

.pc-mini-flyer {
  position: relative;
  z-index: 3;
  flex: 1;
  min-height: 168px;
  margin-top: auto;
  border-radius: 24px;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 22%, rgba(255,255,255,.16), transparent 28%),
    linear-gradient(135deg, var(--pc-flyer-a, rgba(25,200,255,.42)), var(--pc-flyer-b, rgba(108,99,255,.45)));
  border: 1px solid rgba(255,255,255,.14);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.05),
    0 22px 70px rgba(0,0,0,.24);
  transform-style: preserve-3d;
  transition:
    transform .42s var(--pc-ease),
    box-shadow .42s var(--pc-ease),
    filter .42s var(--pc-ease);
}

.pc-usecase-card:hover .pc-mini-flyer,
.pc-usecase-card.is-tilting .pc-mini-flyer {
  transform: translateY(-3px) scale(1.025);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 30px 88px rgba(0,0,0,.34),
    0 0 54px var(--pc-card-glow, rgba(25,200,255,.15));
}

.pc-mini-flyer::before {
  content: "";
  position: absolute;
  inset: -45% -30%;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 35%, rgba(255,255,255,.18), transparent 54%);
  transform: translateX(-120%) rotate(8deg);
  opacity: 0;
  transition: opacity .28s var(--pc-ease);
}

.pc-usecase-card:hover .pc-mini-flyer::before,
.pc-usecase-card.is-tilting .pc-mini-flyer::before {
  opacity: 1;
  animation: pcMiniFlyerShine 1.35s var(--pc-ease);
}

@keyframes pcMiniFlyerShine {
  from { transform: translateX(-120%) rotate(8deg); }
  to { transform: translateX(120%) rotate(8deg); }
}

.pc-mini-flyer__main {
  position: absolute;
  left: 18px;
  top: 18px;
  bottom: 18px;
  width: 62%;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.pc-mini-flyer__main strong {
  display: block;
  max-width: 96%;
  color: #fff;
  font-size: clamp(23px, 1.8vw, 34px);
  line-height: .86;
  letter-spacing: -.065em;
  text-shadow: 0 10px 34px rgba(0,0,0,.32);
}

.pc-mini-flyer__main em {
  display: block;
  margin-top: 8px;
  color: rgba(255,255,255,.94);
  font-size: clamp(20px, 1.6vw, 30px);
  font-weight: 950;
  line-height: .9;
  font-style: normal;
  letter-spacing: -.055em;
}

.pc-mini-flyer__main i {
  width: max-content;
  max-width: 125px;
  margin-top: 12px;
  padding: 7px 11px;
  border-radius: 999px;
  color: #fff;
  background: rgba(3,7,18,.33);
  border: 1px solid rgba(255,255,255,.15);
  backdrop-filter: blur(10px);
  font-style: normal;
  font-size: 11px;
  font-weight: 950;
  white-space: nowrap;
}

.pc-mini-flyer__side,
.pc-mini-flyer__phone {
  position: absolute;
  z-index: 2;
  border-radius: 18px;
  overflow: hidden;
  color: #fff;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.13);
  backdrop-filter: blur(14px);
  box-shadow: 0 18px 44px rgba(0,0,0,.24);
  transition: transform .42s var(--pc-ease);
}

.pc-mini-flyer__side {
  width: 94px;
  height: 90px;
  padding: 12px;
}

.pc-mini-flyer__side--left {
  left: 8px;
  bottom: 12px;
  transform: translateX(-30%) rotate(-3deg);
}

.pc-mini-flyer__side--right {
  right: 12px;
  bottom: 16px;
  transform: rotate(4deg);
}

.pc-mini-flyer__side b,
.pc-mini-flyer__phone b {
  display: block;
  font-size: 13px;
  line-height: .92;
  letter-spacing: -.04em;
}

.pc-mini-flyer__side small,
.pc-mini-flyer__phone small {
  display: block;
  margin-top: 8px;
  color: rgba(255,255,255,.72);
  font-size: 10px;
  font-weight: 800;
}

.pc-mini-flyer__phone {
  right: 14px;
  bottom: 18px;
  width: 76px;
  height: 112px;
  padding: 12px 10px;
  border-radius: 19px;
  transform: rotate(5deg);
}

.pc-usecase-card:hover .pc-mini-flyer__side--left { transform: translateX(-18%) translateY(-5px) rotate(-7deg); }
.pc-usecase-card:hover .pc-mini-flyer__side--right { transform: translateY(-8px) rotate(7deg); }
.pc-usecase-card:hover .pc-mini-flyer__phone { transform: translateY(-8px) rotate(8deg); }

.pc-mini-flyer__spark,
.pc-mini-flyer__hand,
.pc-mini-flyer__plate,
.pc-mini-flyer__silhouette,
.pc-mini-flyer__gift {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}

.pc-mini-flyer__spark {
  right: 30px;
  top: 25px;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.28), transparent 68%);
  box-shadow: 0 0 42px rgba(25,200,255,.28);
}

.pc-mini-flyer__hand {
  left: 12px;
  bottom: -16px;
  width: 100px;
  height: 116px;
  border-radius: 56px 56px 0 0;
  background: linear-gradient(180deg, rgba(255,188,150,.28), rgba(255,188,150,.08));
  transform: rotate(-10deg);
  filter: blur(.2px);
}

.pc-mini-flyer__plate {
  right: 28px;
  top: 36px;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.14) 0 28%, transparent 29%),
    radial-gradient(circle, rgba(255,184,77,.28), rgba(120,53,15,.1));
  border: 1px solid rgba(255,255,255,.16);
}

.pc-mini-flyer__silhouette {
  right: 14px;
  bottom: 6px;
  width: 84px;
  height: 132px;
  border-radius: 48px 48px 20px 20px;
  background:
    radial-gradient(circle at 50% 18%, rgba(255,214,178,.26) 0 15%, transparent 16%),
    linear-gradient(180deg, transparent 0 35%, rgba(255,255,255,.13) 36% 100%);
}

.pc-mini-flyer__pin {
  position: absolute;
  right: 18px;
  top: 20px;
  z-index: 4;
  min-width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: rgba(16,185,129,.55);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 0 36px rgba(16,185,129,.28);
  font-size: 15px;
  font-weight: 950;
}

.pc-mini-flyer__gift {
  right: 18px;
  bottom: 20px;
  width: 72px;
  height: 72px;
  border-radius: 18px;
  background:
    linear-gradient(90deg, transparent 44%, rgba(255,255,255,.35) 45% 56%, transparent 57%),
    linear-gradient(0deg, transparent 43%, rgba(255,255,255,.35) 44% 56%, transparent 57%),
    linear-gradient(135deg, rgba(255,255,255,.2), rgba(255,255,255,.05));
  border: 1px solid rgba(255,255,255,.16);
  transform: rotate(-6deg);
}

.pc-mini-flyer__story-dots {
  position: absolute;
  left: 18px;
  top: 18px;
  z-index: 4;
  display: flex;
  gap: 7px;
}

.pc-mini-flyer__story-dots span {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: linear-gradient(135deg, #fb7185, #8b5cf6);
  border: 2px solid rgba(255,255,255,.25);
}

.pc-mini-flyer__icons {
  position: absolute;
  right: 16px;
  bottom: 18px;
  z-index: 4;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pc-mini-flyer__icons span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #fff;
  background: rgba(0,0,0,.24);
  border: 1px solid rgba(255,255,255,.14);
  font-size: 12px;
  font-weight: 900;
}

.pc-mini-flyer__approved {
  position: absolute;
  right: 14px;
  top: 16px;
  z-index: 4;
  padding: 8px 10px;
  border-radius: 999px;
  color: #dbfaff;
  background: rgba(14,165,233,.22);
  border: 1px solid rgba(125,211,252,.2);
  font-size: 11px;
  font-weight: 950;
}

.pc-mini-flyer__chart {
  position: absolute;
  right: 16px;
  bottom: 17px;
  z-index: 4;
  width: 92px;
  height: 52px;
  display: flex;
  align-items: end;
  gap: 7px;
  padding: 10px;
  border-radius: 16px;
  background: rgba(0,0,0,.24);
  border: 1px solid rgba(255,255,255,.13);
}

.pc-mini-flyer__chart span {
  width: 14px;
  border-radius: 999px;
  background: linear-gradient(180deg, #7dd3fc, #2563eb);
  animation: pcChartPulse 1.9s ease-in-out infinite;
}

.pc-mini-flyer__chart span:nth-child(1) { height: 16px; }
.pc-mini-flyer__chart span:nth-child(2) { height: 26px; animation-delay: .2s; }
.pc-mini-flyer__chart span:nth-child(3) { height: 36px; animation-delay: .4s; }

@keyframes pcChartPulse {
  0%,100% { transform: scaleY(.86); opacity: .78; }
  50% { transform: scaleY(1.12); opacity: 1; }
}

.pc-mini-flyer--retail { --pc-flyer-a: rgba(25,120,255,.66); --pc-flyer-b: rgba(108,99,255,.56); }
.pc-mini-flyer--events { --pc-flyer-a: rgba(236,72,153,.64); --pc-flyer-b: rgba(88,28,135,.58); }
.pc-mini-flyer--gastro { --pc-flyer-a: rgba(255,184,77,.58); --pc-flyer-b: rgba(120,53,15,.64); }
.pc-mini-flyer--fitness { --pc-flyer-a: rgba(168,85,247,.62); --pc-flyer-b: rgba(236,72,153,.54); }
.pc-mini-flyer--local { --pc-flyer-a: rgba(16,185,129,.58); --pc-flyer-b: rgba(6,95,70,.64); }
.pc-mini-flyer--seasonal { --pc-flyer-a: rgba(14,165,233,.58); --pc-flyer-b: rgba(30,64,175,.66); }
.pc-mini-flyer--social { --pc-flyer-a: rgba(217,70,239,.58); --pc-flyer-b: rgba(37,99,235,.56); }
.pc-mini-flyer--agency { --pc-flyer-a: rgba(96,165,250,.58); --pc-flyer-b: rgba(88,28,135,.56); }

@media (max-width: 1180px) {
  .pc-usecase-grid--v11 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pc-usecase-grid--v11 .pc-usecase-card {
    min-height: 330px;
  }
}

@media (max-width: 767px) {
  .pc-usecases--v11-flyers .pc-section-head h2 {
    font-size: clamp(36px, 10vw, 54px);
  }

  .pc-usecase-grid--v11 {
    grid-template-columns: 1fr;
  }

  .pc-usecase-grid--v11 .pc-usecase-card {
    min-height: 320px;
  }

  .pc-mini-flyer__main strong {
    font-size: 28px;
  }
}

/* =========================================================
   V12 ENTERPRISE HERO + HEADER COPY FROM SUPPLIED VISUAL
   Visual objects are coded in HTML/CSS, not screenshots.
========================================================= */

.pc-nav-shell--enterprise-v12 {
  padding: 26px 0 14px;
  background: linear-gradient(180deg, rgba(3,7,22,.72), rgba(3,7,22,0));
}

.pc-nav-shell--enterprise-v12.is-scrolled {
  padding: 12px 0;
  background: rgba(5,8,22,.82);
  border-bottom: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 20px 80px rgba(0,0,0,.25);
}

.pc-nav--enterprise-v12 {
  width: min(1440px, calc(100% - 56px));
  gap: 34px;
}

.pc-brand--enterprise-v12 {
  min-width: 238px;
  gap: 14px;
}

.pc-brand--enterprise-v12 .pc-brand__icon {
  width: 44px;
  height: 44px;
  border-radius: 16px;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.20) inset,
    0 14px 38px rgba(23,184,255,.35),
    0 0 38px rgba(108,99,255,.35);
}

.pc-brand--enterprise-v12 .pc-brand__text {
  font-size: 18px;
  letter-spacing: -.035em;
}

.pc-brand--enterprise-v12 .pc-brand__studio {
  display: none;
}

.pc-nav-panel--enterprise-v12 {
  flex: 1;
  justify-content: space-between;
  gap: 28px;
}

.pc-nav-links--enterprise-v12 {
  flex: 1;
  justify-content: center;
  gap: clamp(18px, 2.35vw, 40px);
  font-size: 15px;
  font-weight: 850;
  color: rgba(255,255,255,.70);
}

.pc-nav-links--enterprise-v12 a {
  position: relative;
  padding: 9px 0;
}

.pc-nav-links--enterprise-v12 a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #6c63ff, #19c8ff);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .28s var(--pc-ease);
}

.pc-nav-links--enterprise-v12 a:hover::after {
  transform: scaleX(1);
}

.pc-nav-actions--enterprise-v12 {
  gap: 30px;
}

.pc-language--enterprise-v12 .pc-language__trigger {
  min-width: 218px;
  height: 54px;
  padding: 7px 20px 7px 10px;
  border-radius: 999px;
  border-color: rgba(255,255,255,.18);
  background: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.055));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 18px 58px rgba(0,0,0,.28);
}

.pc-language--enterprise-v12 .pc-language__flag {
  width: 38px;
  height: 38px;
  flex-basis: 38px;
  border-radius: 15px;
  background: rgba(255,255,255,.08);
}

.pc-language--enterprise-v12 .pc-language__current {
  font-size: 15px;
  font-weight: 850;
}

.pc-btn--enterprise-nav {
  min-width: 184px;
  min-height: 56px;
  padding-inline: 28px;
  border-radius: 999px;
  font-size: 16px;
  background:
    radial-gradient(circle at 24% 0%, rgba(255,255,255,.34), transparent 38%),
    linear-gradient(135deg, #6d64ff 0%, #19c8ff 100%);
  border-color: rgba(255,255,255,.22);
  box-shadow:
    0 20px 76px rgba(108,99,255,.40),
    0 0 54px rgba(25,200,255,.22);
}

.pc-btn__arrow,
.pc-btn__play {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  margin-left: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.20);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
  transition: transform .28s var(--pc-ease), background .28s var(--pc-ease);
}

.pc-btn:hover .pc-btn__arrow { transform: translateX(3px); }
.pc-btn:hover .pc-btn__play { transform: scale(1.08); background: rgba(255,255,255,.28); }

.pc-hero--enterprise-v12 {
  position: relative;
  min-height: clamp(820px, 100svh, 980px);
  padding: 138px 0 42px;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 42%, rgba(37,99,235,.34), transparent 34%),
    radial-gradient(circle at 60% 68%, rgba(108,99,255,.30), transparent 32%),
    radial-gradient(circle at 9% 18%, rgba(76,29,149,.26), transparent 28%),
    linear-gradient(180deg, #050816 0%, #071026 50%, #080d1f 100%);
}

.pc-hero-v12__backdrop,
.pc-hero-v12__backdrop span {
  position: absolute;
  pointer-events: none;
}

.pc-hero-v12__backdrop {
  inset: 0;
  overflow: hidden;
}

.pc-hero-v12__mesh {
  border-radius: 50%;
  filter: blur(78px);
  opacity: .78;
  transform: translate3d(calc(var(--hero-x, 0px) * .035), calc(var(--hero-y, 0px) * .035), 0);
  animation: pcHeroV12Mesh 10s ease-in-out infinite alternate;
}

.pc-hero-v12__mesh--left {
  left: -18vw;
  top: 8vh;
  width: 40vw;
  height: 40vw;
  background: rgba(108,99,255,.18);
}

.pc-hero-v12__mesh--right {
  right: -12vw;
  top: 7vh;
  width: 54vw;
  height: 54vw;
  background: rgba(25,200,255,.18);
  animation-delay: -4s;
}

@keyframes pcHeroV12Mesh {
  from { scale: .96; rotate: -5deg; }
  to { scale: 1.08; rotate: 4deg; }
}

.pc-hero-v12__beam {
  width: 58vw;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(25,200,255,.42), rgba(139,92,246,.34), transparent);
  filter: blur(.4px);
  opacity: .28;
  animation: pcHeroV12Beam 8s ease-in-out infinite;
}

.pc-hero-v12__beam--one { right: -16vw; top: 25%; rotate: 31deg; }
.pc-hero-v12__beam--two { left: -20vw; bottom: 18%; rotate: -22deg; animation-delay: -3.2s; }

@keyframes pcHeroV12Beam {
  0%,100% { transform: translateX(-3%) scaleX(.92); opacity: .12; }
  50% { transform: translateX(5%) scaleX(1.1); opacity: .42; }
}

.pc-hero-v12__grid-lines {
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 86px 86px;
  mask-image: radial-gradient(circle at 71% 54%, #000 0, transparent 58%);
  opacity: .45;
}

.pc-hero-v12__stars {
  inset: 0;
  opacity: .48;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.60) 0 1px, transparent 1.5px),
    radial-gradient(circle, rgba(124,236,255,.38) 0 1px, transparent 1.5px),
    radial-gradient(circle, rgba(180,160,255,.32) 0 1px, transparent 1.5px);
  background-size: 130px 130px, 220px 220px, 310px 310px;
  background-position: 4% 15%, 68% 20%, 30% 80%;
  mask-image: linear-gradient(180deg, #000 0%, transparent 78%);
  animation: pcHeroV12Stars 34s linear infinite;
}

@keyframes pcHeroV12Stars {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-96px, 42px, 0); }
}

.pc-hero-v12__grid {
  position: relative;
  z-index: 2;
  width: min(1440px, calc(100% - 56px));
  grid-template-columns: minmax(520px, .84fr) minmax(670px, 1.16fr);
  gap: clamp(46px, 5vw, 88px);
  align-items: center;
}

.pc-hero-v12__content {
  transform: translate3d(calc(var(--hero-x, 0px) * -.015), calc(var(--hero-y, 0px) * -.012), 0);
}

.pc-hero-v12__eyebrow {
  margin-bottom: 30px;
  padding: 10px 15px;
  border-color: rgba(255,255,255,.14);
  background: rgba(255,255,255,.055);
  box-shadow: 0 16px 52px rgba(0,0,0,.24);
  font-size: 14px;
  color: rgba(255,255,255,.78);
}

.pc-hero-v12__title {
  max-width: 760px;
  font-size: clamp(62px, 6.05vw, 96px);
  line-height: .945;
  letter-spacing: -.084em;
  text-wrap: balance;
  text-shadow: 0 18px 70px rgba(0,0,0,.42);
}

.pc-hero-v12__title .pc-gradient-text {
  background: linear-gradient(120deg, #c484ff 0%, #8f83ff 38%, #56d7ff 86%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 0 18px rgba(124,236,255,.16));
}

.pc-hero-v12__subtitle {
  max-width: 660px;
  margin-top: 30px;
  font-size: clamp(18px, 1.46vw, 22px);
  line-height: 1.62;
  color: rgba(255,255,255,.72);
}

.pc-hero-v12__actions {
  margin-top: 36px;
  gap: 14px;
}

.pc-btn--hero-v12 {
  min-width: 214px;
  min-height: 62px;
  padding-inline: 28px 20px;
  background:
    radial-gradient(circle at 28% 0%, rgba(255,255,255,.34), transparent 42%),
    linear-gradient(135deg, #6c63ff 0%, #19c8ff 100%);
  box-shadow:
    0 24px 80px rgba(108,99,255,.42),
    0 0 62px rgba(25,200,255,.22);
}

.pc-btn--hero-v12-ghost {
  min-width: 244px;
  min-height: 62px;
  padding-inline: 26px 18px;
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 58px rgba(0,0,0,.20);
}

.pc-hero-v12__badges {
  margin-top: 34px;
  gap: 12px;
}

.pc-hero-v12__badges span {
  padding: 9px 13px;
  border-color: rgba(255,255,255,.10);
  background: rgba(255,255,255,.045);
  color: rgba(255,255,255,.70);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

.pc-hero-v12__visual {
  min-height: 640px;
  perspective: 1200px;
  transform-style: preserve-3d;
}

.pc-hero-v12__orbit {
  position: absolute;
  inset: 1% -4% 1% -10%;
  pointer-events: none;
  opacity: .72;
  transform: translate3d(calc(var(--hero-x, 0px) * -.048), calc(var(--hero-y, 0px) * -.048), 0);
}

.pc-hero-v12__orbit span {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(25,200,255,.22);
  box-shadow: 0 0 54px rgba(25,200,255,.18);
}

.pc-hero-v12__orbit span:nth-child(1) { inset: 10% 4% 10% 2%; rotate: -15deg; }
.pc-hero-v12__orbit span:nth-child(2) { inset: 18% -7% 11% 18%; rotate: 11deg; border-color: rgba(139,92,246,.26); }
.pc-hero-v12__orbit span:nth-child(3) { inset: 30% 4% 17% 9%; rotate: -3deg; border-color: rgba(236,79,198,.22); }
.pc-hero-v12__orbit span:nth-child(4) { inset: 40% 9% 23% 20%; rotate: 7deg; border-color: rgba(25,200,255,.18); }

.pc-hero-v12__platform {
  position: absolute;
  left: -8%;
  right: -8%;
  bottom: -10px;
  height: 210px;
  pointer-events: none;
  transform: translate3d(calc(var(--hero-x, 0px) * .04), calc(var(--hero-y, 0px) * .04), 0);
}

.pc-hero-v12__platform-ring {
  position: absolute;
  left: 4%;
  right: 2%;
  bottom: 44px;
  height: 92px;
  border-radius: 50%;
  border: 2px solid rgba(25,200,255,.46);
  box-shadow:
    0 0 36px rgba(25,200,255,.62),
    0 20px 70px rgba(37,99,235,.32),
    inset 0 0 34px rgba(139,92,246,.36);
  transform: rotate(-1deg);
}

.pc-hero-v12__platform-ring--two {
  left: 12%;
  right: 0;
  bottom: 28px;
  border-color: rgba(236,79,198,.42);
  box-shadow:
    0 0 34px rgba(236,79,198,.48),
    inset 0 0 28px rgba(139,92,246,.34);
  transform: rotate(2deg);
}

.pc-hero-v12__platform-glow {
  position: absolute;
  left: 13%;
  right: 3%;
  bottom: 18px;
  height: 108px;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(25,200,255,.34), rgba(108,99,255,.20) 34%, transparent 70%);
  filter: blur(12px);
}

.pc-hero-v12-device.pc-device,
.pc-hero-v12-device.pc-device[data-tilt] {
  top: 49%;
  right: 0;
  width: min(710px, 100%);
  overflow: visible;
  border-radius: 35px;
  border-color: rgba(255,255,255,.19);
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.055)),
    radial-gradient(circle at 80% 7%, rgba(124,236,255,.16), transparent 34%);
  box-shadow:
    0 50px 170px rgba(0,0,0,.58),
    0 0 116px rgba(25,200,255,.20),
    0 0 118px rgba(139,92,246,.18);
  transform:
    translate3d(calc(var(--hero-x, 0px) * .035), calc(-50% + var(--pc-parallax-y, 0px) + (var(--hero-y, 0px) * .025)), 0)
    perspective(1200px)
    rotateX(var(--tilt-x, 0deg))
    rotateY(var(--tilt-y, 0deg))
    rotateZ(-.5deg);
  transition:
    transform .35s var(--pc-ease),
    box-shadow .9s cubic-bezier(.16,1,.3,1),
    border-color .9s cubic-bezier(.16,1,.3,1);
}

.pc-hero-v12-device:hover {
  border-color: rgba(124,236,255,.34);
  box-shadow:
    0 58px 190px rgba(0,0,0,.62),
    0 0 136px rgba(25,200,255,.27),
    0 0 132px rgba(139,92,246,.24);
}

.pc-hero-v12-device::before {
  content: "";
  position: absolute;
  inset: -54px -90px -86px -80px;
  z-index: -2;
  background:
    radial-gradient(circle at 55% 72%, rgba(25,200,255,.24), transparent 27%),
    radial-gradient(circle at 86% 37%, rgba(139,92,246,.25), transparent 31%);
  filter: blur(18px);
  pointer-events: none;
}

.pc-hero-v12-device__topbar {
  height: 60px;
  padding-inline: 22px;
  border-bottom-color: rgba(255,255,255,.12);
  border-radius: 35px 35px 0 0;
}

.pc-hero-v12-device__topbar > span:nth-child(1) { background: #fb7185; }
.pc-hero-v12-device__topbar > span:nth-child(2) { background: rgba(255,255,255,.38); }
.pc-hero-v12-device__topbar > span:nth-child(3) { background: rgba(255,255,255,.28); }

.pc-hero-v12-device__brand {
  margin-left: 8px;
}

.pc-hero-v12-device__brand strong {
  margin-left: 8px;
  color: rgba(255,255,255,.74);
  font-size: 12px;
  font-weight: 850;
}

.pc-hero-v12-device__body {
  position: relative;
  grid-template-columns: 72px minmax(275px, 1fr) 190px;
  gap: 16px;
  min-height: 430px;
  padding: 18px;
  border-radius: 0 0 35px 35px;
}

.pc-hero-v12-sidebar {
  border-radius: 25px;
  padding: 13px;
  background: rgba(255,255,255,.055);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

.pc-hero-v12-tool {
  position: relative;
  display: grid !important;
  place-items: center;
  height: 46px !important;
  color: rgba(255,255,255,.70);
  font-size: 17px;
  font-weight: 900;
  overflow: hidden;
}

.pc-hero-v12-tool--active,
.pc-hero-v12-sidebar span:first-child {
  background: linear-gradient(135deg, #6c63ff, #19c8ff) !important;
  color: #fff;
  box-shadow: 0 16px 46px rgba(108,99,255,.32);
}

.pc-hero-v12-tool::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 25%, rgba(255,255,255,.18), transparent 56%);
  transform: translateX(-130%);
  animation: pcHeroV12ToolShine 4.8s ease-in-out infinite;
}

@keyframes pcHeroV12ToolShine {
  0%,48% { transform: translateX(-130%); opacity: 0; }
  60% { opacity: 1; }
  100% { transform: translateX(130%); opacity: 0; }
}

.pc-hero-v12-preview,
.pc-hero-v12-template-stack {
  min-height: 394px;
}

.pc-hero-v12-preview {
  border-radius: 25px;
  overflow: hidden;
  box-shadow:
    0 28px 86px rgba(0,0,0,.34),
    inset 0 0 0 1px rgba(255,255,255,.14);
}

.pc-device[data-hero-template="promo"] .pc-hero-v12-preview {
  background:
    radial-gradient(circle at 72% 26%, rgba(255,255,255,.20), transparent 21%),
    radial-gradient(circle at 26% 28%, rgba(25,200,255,.28), transparent 28%),
    linear-gradient(145deg, #221852 0%, #6c63ff 56%, #ec4fc6 100%);
}

.pc-device[data-hero-template="social"] .pc-hero-v12-preview {
  background:
    radial-gradient(circle at 18% 16%, rgba(124,236,255,.35), transparent 26%),
    radial-gradient(circle at 88% 72%, rgba(236,79,198,.30), transparent 28%),
    linear-gradient(145deg, #061b36 0%, #0ea5e9 50%, #6c63ff 100%);
}

.pc-device[data-hero-template="retail"] .pc-hero-v12-preview {
  background:
    radial-gradient(circle at 76% 20%, rgba(255,184,77,.44), transparent 24%),
    radial-gradient(circle at 18% 82%, rgba(53,211,153,.28), transparent 28%),
    linear-gradient(145deg, #27120f 0%, #d94f2b 50%, #ffb84d 100%);
}

.pc-hero-v12-template {
  padding: 30px;
  transform: translate3d(44px, 0, 0) scale(.965);
  filter: blur(12px);
  transition:
    opacity 1.15s cubic-bezier(.16,1,.3,1),
    transform 1.25s cubic-bezier(.16,1,.3,1),
    filter 1.25s cubic-bezier(.16,1,.3,1);
}

.pc-hero-v12-template.is-active {
  opacity: 1;
  transform: translate3d(0,0,0) scale(1);
  filter: blur(0);
}

.pc-hero-v12-template.is-leaving {
  opacity: .36;
  transform: translate3d(-48px, 0, 0) scale(.965);
  filter: blur(12px);
}

.pc-hero-v12-template::after {
  inset: 18px;
  border-radius: 23px;
  border-color: rgba(255,255,255,.18);
}

.pc-hero-v12-template h3 {
  position: relative;
  z-index: 3;
  max-width: 80%;
  margin-top: 72px;
  font-size: clamp(44px, 4.2vw, 62px);
  line-height: .86;
  letter-spacing: -.078em;
  color: #fff;
  text-shadow: 0 12px 34px rgba(0,0,0,.28);
}

.pc-hero-v12-template p {
  position: relative;
  z-index: 3;
  max-width: 82%;
  margin-top: 15px;
  color: rgba(255,255,255,.84);
  line-height: 1.35;
}

.pc-hero-v12-template .pc-poster-preview__cta {
  position: relative;
  z-index: 4;
  width: max-content;
  margin-top: 18px;
  padding: 13px 19px;
  box-shadow: 0 18px 50px rgba(0,0,0,.20);
}

.pc-hero-v12-template .pc-poster-preview__label {
  position: relative;
  z-index: 4;
  width: max-content;
  margin-bottom: 0;
  border-radius: 999px;
  padding: 8px 12px;
  background: rgba(255,255,255,.16);
  border: 1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(12px);
}

.pc-hero-v12-object {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

.pc-hero-v12-object--card {
  right: 20px;
  top: 78px;
  width: 100px;
  height: 190px;
  border-radius: 34px;
  background:
    radial-gradient(circle at 38% 18%, rgba(255,255,255,.28), transparent 22%),
    linear-gradient(160deg, rgba(255,255,255,.20), rgba(255,255,255,.04));
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 26px 70px rgba(0,0,0,.18);
  animation: pcHeroV12ObjectFloat 5.4s ease-in-out infinite;
}

.pc-hero-v12-object--orb {
  right: 52px;
  bottom: 40px;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  background: rgba(255,255,255,.18);
  filter: blur(2px);
  animation: pcHeroV12ObjectFloat 5.8s ease-in-out infinite reverse;
}

@keyframes pcHeroV12ObjectFloat {
  0%,100% { transform: translateY(0) rotate(3deg); }
  50% { transform: translateY(-12px) rotate(-2deg); }
}

.pc-hero-v12-social-frame {
  top: 28px;
  left: 28px;
  right: 28px;
}

.pc-hero-v12-price {
  top: 34px;
  right: 26px;
}

.pc-hero-v12-side-poster {
  position: relative;
  overflow: hidden;
  min-height: 330px;
  align-self: center;
  border-radius: 24px;
  padding: 30px 22px 22px;
  color: #dff7ff;
  background:
    radial-gradient(circle at 82% 18%, rgba(255,255,255,.18), transparent 23%),
    linear-gradient(155deg, rgba(25,200,255,.60), rgba(37,99,235,.78) 46%, rgba(108,99,255,.56));
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 24px 80px rgba(0,0,0,.26);
  transform: translate3d(calc(var(--hero-x, 0px) * .018), calc(var(--hero-y, 0px) * .018), 26px);
}

.pc-hero-v12-side-poster::after {
  content: "";
  position: absolute;
  inset: 14px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 20px;
  pointer-events: none;
}

.pc-hero-v12-side-poster__top {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 8px;
  margin-bottom: 52px;
}

.pc-hero-v12-side-poster__top span {
  display: block;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.32);
}

.pc-hero-v12-side-poster__top span:first-child { width: 64%; margin-left: auto; }
.pc-hero-v12-side-poster__top span:last-child { width: 82%; margin-left: auto; }

.pc-hero-v12-side-poster strong {
  position: relative;
  z-index: 2;
  display: block;
  font-size: 40px;
  line-height: .88;
  letter-spacing: -.08em;
  color: rgba(255,255,255,.72);
}

.pc-hero-v12-side-poster p {
  position: relative;
  z-index: 2;
  margin: 22px 0 0;
  max-width: 130px;
  color: rgba(255,255,255,.70);
  font-size: 13px;
  line-height: 1.4;
  font-weight: 750;
}

.pc-hero-v12-side-poster em {
  position: relative;
  z-index: 2;
  display: inline-flex;
  margin-top: 22px;
  padding: 10px 13px;
  border-radius: 14px;
  color: rgba(255,255,255,.76);
  background: rgba(255,255,255,.18);
  font-style: normal;
  font-size: 12px;
  font-weight: 950;
}

.pc-hero-v12-panel {
  position: absolute;
  right: -126px;
  top: 132px;
  z-index: 6;
  width: 170px;
  display: grid;
  gap: 14px;
  padding: 0;
  border: 0;
  background: transparent;
}

.pc-hero-v12-panel .pc-mini-card {
  min-height: 96px;
  display: grid;
  grid-template-columns: 48px 1fr;
  align-items: center;
  gap: 12px;
  border-radius: 22px;
  padding: 16px;
  background: rgba(20,24,50,.76);
  border-color: rgba(255,255,255,.13);
  box-shadow: 0 22px 70px rgba(0,0,0,.30);
  backdrop-filter: blur(22px);
}

.pc-hero-v12-panel .pc-mini-card:hover,
.pc-hero-v12-panel .pc-mini-card.is-active,
.pc-hero-v12-panel .pc-mini-card.pc-mini-card--active {
  transform: translateY(-3px) translateX(-3px);
  border-color: rgba(124,236,255,.36);
  background: rgba(35,42,86,.86);
  box-shadow: 0 24px 80px rgba(76,29,149,.28), 0 0 42px rgba(25,200,255,.12);
}

.pc-hero-v12-panel .pc-mini-card b {
  color: rgba(255,255,255,.88);
  font-size: 15px;
  font-weight: 900;
}

.pc-hero-v12-panel .pc-mini-card span.pc-hero-v12-panel-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin: 0;
  border-radius: 15px;
  color: #fff;
  font-size: 18px;
}

.pc-hero-v12-panel-icon--promo { background: linear-gradient(135deg, #ec4fc6, #6c63ff) !important; }
.pc-hero-v12-panel-icon--social { background: linear-gradient(135deg, #35d399, #19c8ff) !important; }
.pc-hero-v12-panel-icon--retail { background: linear-gradient(135deg, #64748b, #1f2937) !important; }

.pc-hero-v12-chip {
  z-index: 8;
  border-color: rgba(255,255,255,.14);
  background: rgba(14,18,44,.74);
  box-shadow: 0 24px 82px rgba(0,0,0,.34), 0 0 34px rgba(108,99,255,.12);
  backdrop-filter: blur(24px);
  transition: transform .32s var(--pc-ease), border-color .32s var(--pc-ease), box-shadow .32s var(--pc-ease);
}

.pc-hero-v12-chip:hover {
  border-color: rgba(124,236,255,.34);
  box-shadow: 0 30px 95px rgba(0,0,0,.42), 0 0 46px rgba(25,200,255,.16);
}

.pc-hero-v12-chip--brief {
  left: -3%;
  top: 116px;
  width: 210px;
  transform: translate3d(calc(var(--hero-x, 0px) * -.050), calc(var(--hero-y, 0px) * -.040), 0);
}

.pc-hero-v12-chip--drag {
  left: auto;
  right: 14%;
  top: 86px;
  width: 196px;
  transform: translate3d(calc(var(--hero-x, 0px) * .044), calc(var(--hero-y, 0px) * -.034), 0);
}

.pc-hero-v12-chip--brand {
  left: 8%;
  bottom: 32%;
  width: 210px;
  transform: translate3d(calc(var(--hero-x, 0px) * -.042), calc(var(--hero-y, 0px) * .034), 0);
}

.pc-hero-v12-chip--brand .pc-floating-card__icon {
  color: #c084fc;
  background: rgba(168,85,247,.20);
  box-shadow: 0 0 30px rgba(168,85,247,.18);
}

.pc-hero-v12-chip--launch {
  right: 4%;
  bottom: 112px;
  width: 230px;
  transform: translate3d(calc(var(--hero-x, 0px) * .034), calc(var(--hero-y, 0px) * .044), 0);
}

.pc-hero-v12-chip--brief .pc-floating-card__icon,
.pc-hero-v12-chip--launch .pc-floating-card__icon {
  background: linear-gradient(135deg, #6c63ff, #19c8ff);
}

.pc-hero-v12-chip--drag .pc-hero-drag-chip__handle {
  background: linear-gradient(135deg, #ffb84d, #f59e0b);
  box-shadow: 0 12px 36px rgba(255,184,77,.28);
}

@media (max-width: 1380px) {
  .pc-hero-v12__grid {
    grid-template-columns: minmax(470px, .85fr) minmax(610px, 1.15fr);
    gap: 44px;
  }

  .pc-hero-v12__title {
    font-size: clamp(54px, 5.55vw, 82px);
  }

  .pc-hero-v12-device.pc-device,
  .pc-hero-v12-device.pc-device[data-tilt] {
    width: min(650px, 100%);
  }

  .pc-hero-v12-panel {
    right: -86px;
  }

  .pc-hero-v12-chip--brief { left: -1%; }
  .pc-hero-v12-chip--drag { right: 9%; }
}

@media (max-width: 1180px) {
  .pc-nav--enterprise-v12 {
    width: min(var(--pc-container), calc(100% - 40px));
  }

  .pc-brand--enterprise-v12 {
    min-width: 0;
  }

  .pc-hero--enterprise-v12 {
    min-height: auto;
    padding-top: 126px;
  }

  .pc-hero-v12__grid {
    width: min(var(--pc-container), calc(100% - 40px));
    grid-template-columns: 1fr;
  }

  .pc-hero-v12__content {
    max-width: 840px;
  }

  .pc-hero-v12__visual {
    min-height: 650px;
  }

  .pc-hero-v12-device.pc-device,
  .pc-hero-v12-device.pc-device[data-tilt] {
    left: 50%;
    right: auto;
    transform:
      translate3d(calc(-50% + (var(--hero-x, 0px) * .020)), calc(-50% + var(--pc-parallax-y, 0px) + (var(--hero-y, 0px) * .018)), 0)
      perspective(1200px)
      rotateX(var(--tilt-x, 0deg))
      rotateY(var(--tilt-y, 0deg))
      rotateZ(-.5deg);
  }

  .pc-hero-v12-chip--brief { left: 2%; top: 70px; }
  .pc-hero-v12-chip--drag { right: 5%; top: 60px; }
  .pc-hero-v12-chip--brand { left: 4%; bottom: 28%; }
  .pc-hero-v12-chip--launch { right: 2%; bottom: 96px; }
}

@media (max-width: 980px) {
  .pc-nav-shell--enterprise-v12 {
    padding: 14px 0;
  }

  .pc-nav-panel--enterprise-v12 {
    justify-content: flex-start;
  }

  .pc-nav-links--enterprise-v12 {
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
  }

  .pc-nav-actions--enterprise-v12 {
    gap: 12px;
  }

  .pc-language--enterprise-v12 .pc-language__trigger,
  .pc-btn--enterprise-nav {
    width: 100%;
    min-width: 0;
  }

  .pc-hero-v12-device__body {
    grid-template-columns: 72px minmax(260px, 1fr);
  }

  .pc-hero-v12-side-poster {
    display: none;
  }

  .pc-hero-v12-panel {
    right: -14px;
    top: 112px;
    width: 148px;
  }

  .pc-hero-v12-panel .pc-mini-card {
    min-height: 82px;
    grid-template-columns: 40px 1fr;
    padding: 13px;
  }

  .pc-hero-v12-panel .pc-mini-card span.pc-hero-v12-panel-icon {
    width: 38px;
    height: 38px;
  }
}

@media (max-width: 767px) {
  .pc-nav--enterprise-v12 {
    width: min(var(--pc-container), calc(100% - 28px));
  }

  .pc-hero--enterprise-v12 {
    padding-top: 116px;
    padding-bottom: 34px;
  }

  .pc-hero-v12__grid {
    width: min(var(--pc-container), calc(100% - 28px));
    gap: 34px;
  }

  .pc-hero-v12__title {
    font-size: clamp(42px, 12vw, 64px);
    line-height: .99;
    letter-spacing: -.07em;
  }

  .pc-hero-v12__subtitle {
    font-size: 17px;
    margin-top: 22px;
  }

  .pc-hero-v12__actions .pc-btn {
    width: 100%;
  }

  .pc-hero-v12__visual {
    min-height: 500px;
  }

  .pc-hero-v12-device.pc-device,
  .pc-hero-v12-device.pc-device[data-tilt] {
    width: min(520px, 100%);
  }

  .pc-hero-v12-device__body {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .pc-hero-v12-sidebar,
  .pc-hero-v12-panel,
  .pc-hero-v12-chip,
  .pc-hero-v12__orbit {
    display: none !important;
  }

  .pc-hero-v12-preview,
  .pc-hero-v12-template-stack {
    min-height: 360px;
  }

  .pc-hero-v12-template {
    padding: 25px;
  }

  .pc-hero-v12-template h3 {
    max-width: 82%;
    font-size: clamp(38px, 12vw, 56px);
  }

  .pc-hero-v12-object--card {
    width: 82px;
    height: 150px;
  }

  .pc-hero-v12__platform {
    bottom: 0;
    height: 150px;
  }
}

@media (max-width: 420px) {
  .pc-brand--enterprise-v12 .pc-brand__text {
    font-size: 16px;
  }

  .pc-brand--enterprise-v12 .pc-brand__icon {
    width: 40px;
    height: 40px;
  }

  .pc-hero-v12__eyebrow {
    font-size: 12px;
  }

  .pc-hero-v12-preview,
  .pc-hero-v12-template-stack {
    min-height: 330px;
  }
}


/* =========================================================
   PROMOCANVAS LP V13 VALUE MOTION UPGRADE
   - richer load motion for bright value section
   - stronger cursor-sensitive hover response
========================================================= */

.pc-value--motion-rich {
  isolation: isolate;
}

.pc-value--motion-rich::before {
  content: "";
  position: absolute;
  left: 12%;
  right: 12%;
  top: 4%;
  height: 220px;
  border-radius: 999px;
  background: radial-gradient(circle at 50% 50%, rgba(255,255,255,.92), rgba(255,255,255,0) 72%);
  opacity: .72;
  filter: blur(16px);
  pointer-events: none;
}

.pc-value__mesh {
  position: absolute;
  inset: 10% 6% 16%;
  border-radius: 42px;
  opacity: .3;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(108,99,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,207,255,.08) 1px, transparent 1px);
  background-size: 84px 84px;
  mask-image: radial-gradient(circle at 50% 38%, black 0%, rgba(0,0,0,.92) 36%, transparent 78%);
  animation: pcValueMeshFloat 15s ease-in-out infinite;
}

.pc-value__cursor-orb {
  position: absolute;
  z-index: 1;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  background:
    radial-gradient(circle, rgba(124,236,255,.16) 0%, rgba(108,99,255,.14) 34%, rgba(124,236,255,0) 72%);
  filter: blur(10px);
  opacity: 0;
  transition: opacity .25s ease;
}

.pc-value--motion-rich.is-pointer-active .pc-value__cursor-orb {
  opacity: 1;
}

.pc-value--motion-rich .pc-value__orb--left {
  animation: pcValueOrbFloatLeft 9.5s ease-in-out infinite;
}

.pc-value--motion-rich .pc-value__orb--right {
  animation: pcValueOrbFloatRight 11s ease-in-out infinite;
}

.pc-value--motion-rich .pc-value__flow span {
  animation: pcValueLineDrift 8.8s ease-in-out infinite;
}

.pc-value--motion-rich .pc-value__flow span:nth-child(2) {
  animation-delay: -2.2s;
}

.pc-value-grid--interactive {
  position: relative;
  z-index: 2;
  align-items: stretch;
}

.pc-value-grid--interactive .pc-value-card {
  position: relative;
  overflow: hidden;
  transform-style: preserve-3d;
  perspective: 1200px;
  will-change: transform, box-shadow;
  --pc-hover-x: 50%;
  --pc-hover-y: 24%;
  --pc-card-shift-x: 0px;
  --pc-card-shift-y: 0px;
  --pc-depth-x: 0;
  --pc-depth-y: 0;
  transition:
    transform .28s cubic-bezier(.2,.84,.2,1),
    box-shadow .28s cubic-bezier(.2,.84,.2,1),
    border-color .28s cubic-bezier(.2,.84,.2,1),
    background .28s cubic-bezier(.2,.84,.2,1);
}

.pc-value-grid--interactive .pc-value-card::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  transition: opacity .24s ease;
  background:
    radial-gradient(circle at var(--pc-hover-x) var(--pc-hover-y), rgba(108,99,255,.18), transparent 28%),
    radial-gradient(circle at calc(var(--pc-hover-x) + 14%) calc(var(--pc-hover-y) + 14%), rgba(0,207,255,.16), transparent 22%);
}

.pc-value-grid--interactive .pc-value-card > * {
  position: relative;
  z-index: 2;
}

.pc-value-grid--interactive .pc-value-card:hover,
.pc-value-grid--interactive .pc-value-card.is-hot,
.pc-value-grid--interactive .pc-value-card.is-engaged {
  border-color: rgba(108,99,255,.18);
  box-shadow:
    0 40px 110px rgba(16,24,40,.12),
    0 16px 36px rgba(108,99,255,.12),
    inset 0 0 0 1px rgba(255,255,255,.8);
  transform:
    translate3d(var(--pc-card-shift-x), calc(var(--pc-card-shift-y) - 14px), 0)
    rotateX(var(--tilt-x, 0deg))
    rotateY(var(--tilt-y, 0deg))
    scale(1.018);
}

.pc-value-grid--interactive .pc-value-card:hover::after,
.pc-value-grid--interactive .pc-value-card.is-hot::after,
.pc-value-grid--interactive .pc-value-card.is-engaged::after {
  opacity: 1;
}

.pc-value-grid--interactive .pc-value-card__icon {
  transition: transform .28s cubic-bezier(.2,.84,.2,1), box-shadow .28s ease, background .28s ease;
  transform: translate3d(calc(var(--pc-depth-x) * 10px), calc(var(--pc-depth-y) * 10px), 32px);
}

.pc-value-grid--interactive .pc-value-card h3 {
  transition: transform .28s cubic-bezier(.2,.84,.2,1), color .28s ease;
  transform: translate3d(calc(var(--pc-depth-x) * 8px), calc(var(--pc-depth-y) * 7px), 20px);
}

.pc-value-grid--interactive .pc-value-card p {
  transition: transform .28s cubic-bezier(.2,.84,.2,1), opacity .28s ease;
  transform: translate3d(calc(var(--pc-depth-x) * 6px), calc(var(--pc-depth-y) * 5px), 16px);
}

.pc-value-grid--interactive .pc-value-demo {
  transition:
    transform .3s cubic-bezier(.2,.84,.2,1),
    box-shadow .3s cubic-bezier(.2,.84,.2,1),
    background .28s ease,
    border-color .28s ease;
  transform: translate3d(calc(var(--pc-depth-x) * 16px), calc(var(--pc-depth-y) * 14px), 42px);
}

.pc-value-grid--interactive .pc-value-card:hover .pc-value-card__icon,
.pc-value-grid--interactive .pc-value-card.is-hot .pc-value-card__icon {
  background: linear-gradient(135deg, rgba(108,99,255,.16), rgba(0,207,255,.14));
  box-shadow: 0 16px 36px rgba(108,99,255,.14), inset 0 0 0 1px rgba(108,99,255,.1);
}

.pc-value-grid--interactive .pc-value-card:hover .pc-value-demo,
.pc-value-grid--interactive .pc-value-card.is-hot .pc-value-demo {
  background: rgba(255,255,255,.92);
  box-shadow: 0 24px 56px rgba(108,99,255,.10), 0 14px 28px rgba(16,24,40,.08);
}

.pc-value-grid--interactive .pc-value-card.is-hot .pc-value-demo__rows span,
.pc-value-grid--interactive .pc-value-card:hover .pc-value-demo__rows span {
  animation: pcValueRowsPulse 2.1s ease-in-out infinite;
}

.pc-value-grid--interactive .pc-value-card.is-hot .pc-value-demo__rows span:nth-child(2),
.pc-value-grid--interactive .pc-value-card:hover .pc-value-demo__rows span:nth-child(2) {
  animation-delay: .12s;
}

.pc-value-grid--interactive .pc-value-card.is-hot .pc-value-demo__rows span:nth-child(3),
.pc-value-grid--interactive .pc-value-card:hover .pc-value-demo__rows span:nth-child(3) {
  animation-delay: .24s;
}

.pc-value-grid--interactive .pc-value-card.is-hot .pc-value-demo--copy span,
.pc-value-grid--interactive .pc-value-card:hover .pc-value-demo--copy span {
  animation: pcValueCopyLift 2.1s ease-in-out infinite;
}

.pc-value-grid--interactive .pc-value-card.is-hot .pc-value-demo--copy span:nth-of-type(2),
.pc-value-grid--interactive .pc-value-card:hover .pc-value-demo--copy span:nth-of-type(2) {
  animation-delay: .16s;
}

.pc-value-grid--interactive .pc-value-card.is-hot .pc-value-demo--copy span:nth-of-type(3),
.pc-value-grid--interactive .pc-value-card:hover .pc-value-demo--copy span:nth-of-type(3) {
  animation-delay: .32s;
}

.pc-value-grid--interactive .pc-value-card.is-hot .pc-value-language-list span,
.pc-value-grid--interactive .pc-value-card:hover .pc-value-language-list span {
  animation: pcValueLanguageGlide 2.3s ease-in-out infinite;
}

.pc-value-grid--interactive .pc-value-card.is-hot .pc-value-language-list span:nth-child(2),
.pc-value-grid--interactive .pc-value-card:hover .pc-value-language-list span:nth-child(2) {
  animation-delay: .12s;
}

.pc-value-grid--interactive .pc-value-card.is-hot .pc-value-language-list span:nth-child(3),
.pc-value-grid--interactive .pc-value-card:hover .pc-value-language-list span:nth-child(3) {
  animation-delay: .24s;
}

.pc-value-grid--interactive .pc-value-card.is-hot .pc-value-language-list span:nth-child(4),
.pc-value-grid--interactive .pc-value-card:hover .pc-value-language-list span:nth-child(4) {
  animation-delay: .36s;
}

.pc-value-grid--interactive .pc-value-card.is-hot .pc-value-demo--export > span,
.pc-value-grid--interactive .pc-value-card:hover .pc-value-demo--export > span {
  animation: pcValueExportPulse 2.2s ease-in-out infinite;
}

.pc-value-grid--interactive .pc-value-card.is-hot .pc-value-demo--export > span:nth-child(3),
.pc-value-grid--interactive .pc-value-card:hover .pc-value-demo--export > span:nth-child(3) {
  animation-delay: .12s;
}

.pc-value-grid--interactive .pc-value-card.is-hot .pc-value-demo--export > span:nth-child(4),
.pc-value-grid--interactive .pc-value-card:hover .pc-value-demo--export > span:nth-child(4) {
  animation-delay: .24s;
}

.pc-value-grid--interactive .pc-value-card.is-hot .pc-value-demo--export > span:nth-child(5),
.pc-value-grid--interactive .pc-value-card:hover .pc-value-demo--export > span:nth-child(5) {
  animation-delay: .36s;
}

.pc-value-grid--interactive .pc-value-card.is-hot .pc-export-status span,
.pc-value-grid--interactive .pc-value-card:hover .pc-export-status span {
  animation: pcValueStatusPulse 1.4s ease-in-out infinite;
}

.pc-value--motion-rich.is-section-active .pc-value-card[data-value-card="speed"] {
  animation: pcValueCardEntrance .72s cubic-bezier(.2,.84,.2,1) both;
}

.pc-value--motion-rich.is-section-active .pc-value-card[data-value-card="copy"] {
  animation: pcValueCardEntrance .82s cubic-bezier(.2,.84,.2,1) .08s both;
}

.pc-value--motion-rich.is-section-active .pc-value-card[data-value-card="local"] {
  animation: pcValueCardEntrance .92s cubic-bezier(.2,.84,.2,1) .16s both;
}

.pc-value--motion-rich.is-section-active .pc-value-card[data-value-card="export"] {
  animation: pcValueCardEntrance 1.02s cubic-bezier(.2,.84,.2,1) .24s both;
}

.pc-value--motion-rich.is-section-active [data-value-bottom] {
  animation: pcValueBottomIn .86s cubic-bezier(.2,.84,.2,1) .18s both;
}

@keyframes pcValueMeshFloat {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(0, -10px, 0) scale(1.012); }
}

@keyframes pcValueOrbFloatLeft {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(18px, -18px, 0) scale(1.06); }
}

@keyframes pcValueOrbFloatRight {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(-22px, 16px, 0) scale(1.08); }
}

@keyframes pcValueLineDrift {
  0%, 100% { opacity: .55; transform: rotate(-4deg) translateY(0); }
  50% { opacity: .95; transform: rotate(-2deg) translateY(-8px); }
}

@keyframes pcValueCardEntrance {
  0% {
    opacity: 0;
    transform: translate3d(0, 46px, 0) scale(.94);
    filter: blur(10px);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0);
  }
}

@keyframes pcValueBottomIn {
  0% {
    opacity: 0;
    transform: translate3d(0, 24px, 0) scale(.98);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes pcValueRowsPulse {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(6px); }
}

@keyframes pcValueCopyLift {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(7px); }
}

@keyframes pcValueLanguageGlide {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(-7px); }
}

@keyframes pcValueExportPulse {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(6px); }
}

@keyframes pcValueStatusPulse {
  0%, 100% { box-shadow: 0 0 0 6px rgba(52,211,153,.12); }
  50% { box-shadow: 0 0 0 10px rgba(52,211,153,.18); }
}

@media (prefers-reduced-motion: reduce) {
  .pc-value__mesh,
  .pc-value__flow span,
  .pc-value__orb,
  .pc-value-grid--interactive .pc-value-card,
  .pc-value-grid--interactive .pc-value-card__icon,
  .pc-value-grid--interactive .pc-value-demo,
  .pc-value-grid--interactive .pc-value-demo__rows span,
  .pc-value-grid--interactive .pc-value-demo--copy span,
  .pc-value-grid--interactive .pc-value-language-list span,
  .pc-value-grid--interactive .pc-value-demo--export > span,
  .pc-value-grid--interactive .pc-export-status span,
  .pc-value--motion-rich [data-value-bottom] {
    animation: none !important;
    transition: none !important;
  }

  .pc-value__cursor-orb {
    display: none !important;
  }
}


/* =========================================================
   PROMOCANVAS LP V14 PRODUCT FEATURES FOLD UPGRADE
   - compact enterprise product section
   - animated coded cards + interactive night sky
========================================================= */

.pc-features--product-upgrade {
  position: relative;
  overflow: hidden;
  padding-top: clamp(70px, 7vw, 106px);
  padding-bottom: clamp(72px, 7vw, 104px);
  isolation: isolate;
}

.pc-features--product-upgrade .pc-container {
  position: relative;
  z-index: 2;
}

.pc-features__sky {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.pc-features--product-upgrade .pc-features__grid-light {
  position: absolute;
  inset: 0;
  opacity: .22;
  background-image:
    linear-gradient(rgba(92,101,255,.11) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,200,255,.08) 1px, transparent 1px);
  background-size: 86px 86px;
  mask-image: radial-gradient(circle at 38% 18%, black, rgba(0,0,0,.94) 46%, transparent 90%);
}

.pc-features__nebula {
  position: absolute;
  border-radius: 50%;
  filter: blur(18px);
  opacity: .64;
  mix-blend-mode: screen;
  transition: transform 1.1s ease, opacity .7s ease, background .7s ease;
}

.pc-features__nebula--one {
  left: -8%;
  top: -10%;
  width: 34vw;
  height: 34vw;
  min-width: 360px;
  min-height: 360px;
  background: radial-gradient(circle, rgba(56,189,248,.20), rgba(37,99,235,.10) 42%, transparent 74%);
  animation: pcFeatureNebulaFloatOne 14s ease-in-out infinite;
}

.pc-features__nebula--two {
  right: -7%;
  top: 18%;
  width: 28vw;
  height: 28vw;
  min-width: 320px;
  min-height: 320px;
  background: radial-gradient(circle, rgba(168,85,247,.18), rgba(79,70,229,.11) 44%, transparent 76%);
  animation: pcFeatureNebulaFloatTwo 18s ease-in-out infinite;
}

.pc-features__nebula--three {
  left: 28%;
  bottom: -12%;
  width: 30vw;
  height: 30vw;
  min-width: 340px;
  min-height: 340px;
  background: radial-gradient(circle, rgba(34,211,238,.12), rgba(124,58,237,.12) 40%, transparent 75%);
  animation: pcFeatureNebulaFloatThree 16s ease-in-out infinite;
}

.pc-features--product-upgrade[data-sky-mode="aurora"] .pc-features__nebula--one {
  background: radial-gradient(circle, rgba(56,189,248,.23), rgba(14,165,233,.12) 40%, transparent 74%);
}
.pc-features--product-upgrade[data-sky-mode="aurora"] .pc-features__nebula--two {
  background: radial-gradient(circle, rgba(192,132,252,.19), rgba(99,102,241,.12) 44%, transparent 75%);
}
.pc-features--product-upgrade[data-sky-mode="aurora"] .pc-features__nebula--three {
  background: radial-gradient(circle, rgba(45,212,191,.16), rgba(59,130,246,.11) 42%, transparent 76%);
}
.pc-features--product-upgrade[data-sky-mode="deep"] .pc-features__nebula--one {
  background: radial-gradient(circle, rgba(29,78,216,.21), rgba(37,99,235,.10) 42%, transparent 76%);
}
.pc-features--product-upgrade[data-sky-mode="deep"] .pc-features__nebula--two {
  background: radial-gradient(circle, rgba(79,70,229,.18), rgba(30,41,59,.12) 44%, transparent 76%);
}
.pc-features--product-upgrade[data-sky-mode="deep"] .pc-features__nebula--three {
  background: radial-gradient(circle, rgba(14,165,233,.14), rgba(17,24,39,.10) 42%, transparent 76%);
}
.pc-features--product-upgrade[data-sky-mode="violet"] .pc-features__nebula--one {
  background: radial-gradient(circle, rgba(129,140,248,.22), rgba(79,70,229,.12) 42%, transparent 76%);
}
.pc-features--product-upgrade[data-sky-mode="violet"] .pc-features__nebula--two {
  background: radial-gradient(circle, rgba(217,70,239,.18), rgba(126,34,206,.12) 44%, transparent 76%);
}
.pc-features--product-upgrade[data-sky-mode="violet"] .pc-features__nebula--three {
  background: radial-gradient(circle, rgba(34,211,238,.12), rgba(139,92,246,.14) 42%, transparent 76%);
}

.pc-features__stars {
  position: absolute;
  inset: 0;
}

.pc-features__stars span {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(255,255,255,.92);
  box-shadow: 0 0 14px rgba(255,255,255,.55);
  animation: pcFeatureStarBlink 4.8s ease-in-out infinite;
}

.pc-features__stars span:nth-child(1) { left: 8%; top: 12%; animation-delay: -.2s; }
.pc-features__stars span:nth-child(2) { left: 18%; top: 26%; animation-delay: -1.2s; }
.pc-features__stars span:nth-child(3) { left: 32%; top: 15%; animation-delay: -.8s; }
.pc-features__stars span:nth-child(4) { left: 48%; top: 10%; animation-delay: -2.1s; }
.pc-features__stars span:nth-child(5) { left: 58%; top: 24%; animation-delay: -.4s; }
.pc-features__stars span:nth-child(6) { left: 72%; top: 14%; animation-delay: -2.7s; }
.pc-features__stars span:nth-child(7) { left: 84%; top: 21%; animation-delay: -1.1s; }
.pc-features__stars span:nth-child(8) { left: 14%; top: 62%; animation-delay: -2.9s; }
.pc-features__stars span:nth-child(9) { left: 36%; top: 74%; animation-delay: -1.5s; }
.pc-features__stars span:nth-child(10) { left: 66%; top: 70%; animation-delay: -.6s; }
.pc-features__stars span:nth-child(11) { left: 82%; top: 60%; animation-delay: -2.2s; }
.pc-features__stars span:nth-child(12) { left: 92%; top: 40%; animation-delay: -1.7s; }

.pc-features__beam {
  position: absolute;
  height: 2px;
  width: 44%;
  opacity: .55;
  filter: blur(.2px);
  background: linear-gradient(90deg, transparent, rgba(56,189,248,.55), rgba(168,85,247,.55), transparent);
}

.pc-features__beam--one {
  left: -8%;
  top: 43%;
  transform: rotate(-6deg);
  animation: pcFeatureBeamMove 10s ease-in-out infinite;
}

.pc-features__beam--two {
  right: -11%;
  top: 28%;
  transform: rotate(9deg);
  animation: pcFeatureBeamMove 12s ease-in-out infinite reverse;
}

.pc-features__cursor-orb {
  position: absolute;
  z-index: 1;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity .25s ease;
  background: radial-gradient(circle, rgba(56,189,248,.13) 0%, rgba(129,140,248,.12) 35%, rgba(168,85,247,0) 72%);
  filter: blur(10px);
}

.pc-features--product-upgrade.is-pointer-active .pc-features__cursor-orb {
  opacity: 1;
}

.pc-features-head-row--v14 {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) auto;
  gap: 28px;
  align-items: end;
}

.pc-features-head-row--v14 .pc-section-head {
  max-width: 780px;
}

.pc-features-head-row--v14 .pc-section-head h2 {
  max-width: 740px;
  font-size: clamp(48px, 5.1vw, 76px);
  line-height: .94;
  letter-spacing: -.07em;
}

.pc-features-head-row--v14 .pc-section-head p {
  max-width: 720px;
  margin-top: 20px;
  font-size: clamp(17px, 1.38vw, 22px);
}

.pc-feature-stats--v14 {
  display: grid;
  grid-template-columns: repeat(3, minmax(126px, 1fr));
  gap: 14px;
  min-width: min(100%, 460px);
  align-self: center;
}

.pc-feature-stats--v14 > div {
  display: grid;
  gap: 8px;
  justify-items: center;
  text-align: center;
}

.pc-feature-stats--v14 > div span {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: rgba(255,255,255,.96);
  font-size: 22px;
  font-weight: 900;
  background: linear-gradient(180deg, rgba(94,95,255,.28), rgba(94,95,255,.10));
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 18px 42px rgba(90,95,255,.20), inset 0 0 0 1px rgba(255,255,255,.04);
}

.pc-feature-stats--v14 > div strong {
  color: #fff;
  font-size: 18px;
}

.pc-feature-stats--v14 > div small {
  color: rgba(255,255,255,.72);
  font-size: 14px;
  line-height: 1.45;
}

.pc-feature-grid--product-upgrade {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 32px;
}

.pc-features--product-upgrade .pc-feature-card {
  position: relative;
  min-height: 334px;
  padding: 26px 26px 24px;
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.028)),
    radial-gradient(circle at 20% 0%, rgba(124,58,237,.08), transparent 34%),
    rgba(5,10,31,.76);
  box-shadow:
    0 26px 70px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.04);
  transform-style: preserve-3d;
  will-change: transform, box-shadow;
  --pc-hover-x: 50%;
  --pc-hover-y: 24%;
  --pc-card-shift-x: 0px;
  --pc-card-shift-y: 0px;
  transition:
    transform .3s cubic-bezier(.2,.84,.2,1),
    box-shadow .3s cubic-bezier(.2,.84,.2,1),
    border-color .3s ease,
    background .3s ease;
}

.pc-features--product-upgrade .pc-feature-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    radial-gradient(circle at var(--pc-hover-x) var(--pc-hover-y), rgba(88,226,255,.18), transparent 24%),
    radial-gradient(circle at calc(var(--pc-hover-x) + 16%) calc(var(--pc-hover-y) + 18%), rgba(167,139,250,.12), transparent 18%);
  opacity: 0;
  transition: opacity .25s ease;
  pointer-events: none;
}

.pc-features--product-upgrade .pc-feature-card::after {
  content: "";
  position: absolute;
  left: -8%;
  right: -8%;
  bottom: -32%;
  height: 44%;
  background: radial-gradient(ellipse at center, rgba(108,99,255,.24), transparent 70%);
  opacity: .72;
  pointer-events: none;
}

.pc-features--product-upgrade .pc-feature-card:hover,
.pc-features--product-upgrade .pc-feature-card.is-tilting,
.pc-features--product-upgrade .pc-feature-card.is-hot {
  border-color: rgba(112,236,255,.36);
  box-shadow:
    0 34px 90px rgba(0,0,0,.34),
    0 18px 46px rgba(78,120,255,.18),
    inset 0 0 0 1px rgba(255,255,255,.06);
  transform: perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translate3d(var(--pc-card-shift-x), calc(var(--pc-card-shift-y) - 10px), 0);
}

.pc-features--product-upgrade .pc-feature-card:hover::before,
.pc-features--product-upgrade .pc-feature-card.is-hot::before,
.pc-features--product-upgrade .pc-feature-card.is-tilting::before {
  opacity: 1;
}

.pc-features--product-upgrade .pc-feature-card > * {
  position: relative;
  z-index: 2;
}

.pc-features--product-upgrade .pc-feature-card__icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  margin-bottom: 14px;
  color: #fff;
  font-weight: 900;
  background: linear-gradient(135deg, rgba(108,99,255,.88), rgba(0,207,255,.38));
  box-shadow: 0 14px 38px rgba(108,99,255,.24);
  transform: translate3d(0,0,38px);
}

.pc-features--product-upgrade .pc-feature-card h3 {
  margin: 0;
  color: #fff;
  font-size: clamp(18px, 1.45vw, 22px);
  line-height: 1.08;
  letter-spacing: -.04em;
  transform: translate3d(0,0,22px);
}

.pc-features--product-upgrade .pc-feature-card p {
  margin: 12px 0 0;
  color: rgba(255,255,255,.78);
  line-height: 1.52;
  font-size: 16px;
  max-width: 92%;
  transform: translate3d(0,0,18px);
}

.pc-features--product-upgrade .pc-feature-ui {
  margin-top: 18px;
  transform: translate3d(0,0,42px);
  transition: transform .3s cubic-bezier(.2,.84,.2,1), box-shadow .3s ease;
}

.pc-features--product-upgrade .pc-feature-card:hover .pc-feature-ui,
.pc-features--product-upgrade .pc-feature-card.is-hot .pc-feature-ui {
  transform: translate3d(0,-2px,52px);
}

.pc-features--product-upgrade .pc-feature-card--brief .pc-feature-ui,
.pc-features--product-upgrade .pc-feature-card--retail .pc-feature-ui,
.pc-features--product-upgrade .pc-feature-card--locale .pc-feature-ui {
  display: grid;
  grid-template-columns: minmax(108px, .9fr) minmax(0, 1.2fr);
  gap: 16px;
  align-items: end;
}

.pc-brief-cosmos {
  position: relative;
  height: 162px;
}

.pc-brief-planet {
  position: absolute;
  left: 10px;
  bottom: 6px;
  width: 126px;
  height: 126px;
  border-radius: 50%;
  background: radial-gradient(circle at 34% 30%, rgba(255,255,255,.72), rgba(198,111,255,.82) 26%, rgba(122,66,255,.84) 54%, rgba(8,12,40,1) 88%);
  box-shadow: 0 0 48px rgba(186,85,255,.24), 0 0 22px rgba(79,70,229,.24);
  animation: pcBriefPlanetFloat 8s ease-in-out infinite;
}

.pc-brief-ring {
  position: absolute;
  left: -8px;
  bottom: 44px;
  width: 176px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid rgba(196,121,255,.52);
  transform: rotate(-10deg);
  box-shadow: 0 0 34px rgba(131,69,255,.18);
}

.pc-brief-star {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 14px rgba(255,255,255,.8);
  animation: pcFeatureStarBlink 4s ease-in-out infinite;
}

.pc-brief-star--a { right: 24px; top: 14px; }
.pc-brief-star--b { right: 66px; top: 72px; width: 5px; height: 5px; animation-delay: -1.2s; }

.pc-features--product-upgrade .pc-brief-panel,
.pc-features--product-upgrade .pc-feature-ui--copy,
.pc-features--product-upgrade .pc-feature-ui--backgrounds,
.pc-features--product-upgrade .pc-feature-ui--retail div,
.pc-features--product-upgrade .pc-feature-ui--locale,
.pc-features--product-upgrade .pc-feature-ui--templates {
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(14,22,58,.9), rgba(11,18,46,.88));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.pc-features--product-upgrade .pc-brief-panel {
  padding: 14px 14px 12px;
  min-height: 160px;
}

.pc-features--product-upgrade .pc-brief-panel small,
.pc-features--product-upgrade .pc-feature-ui--copy small {
  display: block;
  color: #c8f6ff;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
  font-size: 12px;
}

.pc-features--product-upgrade .pc-brief-panel p {
  max-width: 100%;
  margin: 10px 0 12px;
  font-size: 14px;
}

.pc-brief-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.pc-brief-tags span,
.pc-brief-tags b {
  padding: 7px 10px;
  border-radius: 10px;
  font-size: 11px;
  line-height: 1;
}

.pc-brief-tags span {
  color: rgba(255,255,255,.75);
  background: rgba(255,255,255,.06);
  font-weight: 700;
}

.pc-brief-tags b {
  color: #fff;
  background: rgba(84,109,255,.26);
  font-weight: 800;
}

.pc-features--product-upgrade .pc-brief-panel button,
.pc-features--product-upgrade .pc-feature-ui--copy button,
.pc-features--product-upgrade .pc-feature-ui--backgrounds button {
  margin-top: 14px;
  border: 0;
  padding: 12px 14px;
  border-radius: 14px;
  color: #fff;
  font-weight: 900;
  font-size: 15px;
  background: linear-gradient(135deg, rgba(94,99,255,.94), rgba(34,211,238,.86));
  box-shadow: 0 14px 34px rgba(60,130,255,.18);
}

.pc-features--product-upgrade .pc-feature-ui--copy {
  position: relative;
  display: grid;
  gap: 10px;
  padding: 16px;
}

.pc-features--product-upgrade .pc-feature-ui--copy span {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 9px 11px;
  border-radius: 14px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.07);
  transform: rotate(var(--copy-rotate, -5deg));
}

.pc-features--product-upgrade .pc-feature-ui--copy span:nth-of-type(2) { --copy-rotate: -2deg; }
.pc-features--product-upgrade .pc-feature-ui--copy span:nth-of-type(3) { --copy-rotate: -6deg; }

.pc-features--product-upgrade .pc-feature-ui--copy span b {
  color: #7de3ff;
  font-size: 12px;
}

.pc-features--product-upgrade .pc-feature-ui--copy span i {
  color: rgba(255,255,255,.86);
  font-style: normal;
  font-size: 14px;
}

.pc-features--product-upgrade .pc-feature-ui--copy span em {
  justify-self: end;
  color: rgba(125,227,255,.88);
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(64,90,255,.22);
}

.pc-copy-wand {
  position: absolute;
  right: 20px;
  bottom: 26px;
  width: 12px;
  height: 46px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(157,88,255,.92));
  transform: rotate(36deg);
  box-shadow: 0 0 22px rgba(167,139,250,.42);
}

.pc-copy-wand::before,
.pc-copy-wand::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: #fff;
}

.pc-copy-wand::before {
  width: 14px;
  height: 14px;
  top: -8px;
  left: -1px;
  box-shadow: 0 0 18px rgba(255,255,255,.8);
}

.pc-copy-wand::after {
  width: 8px;
  height: 8px;
  top: -16px;
  right: -5px;
  opacity: .86;
}

.pc-features--product-upgrade .pc-feature-ui--backgrounds {
  display: grid;
  gap: 14px;
  padding: 14px;
}

.pc-style-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.pc-style-pills span {
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 13px;
  color: rgba(255,255,255,.72);
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
}

.pc-style-pills span.is-active {
  color: #fff;
  background: rgba(84,109,255,.26);
  border-color: rgba(112,236,255,.34);
}

.pc-bg-gallery {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.pc-bg-gallery span {
  position: relative;
  overflow: hidden;
  min-height: 104px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

.pc-bg-gallery span:nth-child(1) {
  background: linear-gradient(135deg, rgba(46,74,255,.92), rgba(14,198,255,.86));
}
.pc-bg-gallery span:nth-child(2) {
  background: linear-gradient(135deg, rgba(33,168,205,.36), rgba(104,228,255,.84));
}
.pc-bg-gallery span:nth-child(3) {
  background: linear-gradient(135deg, rgba(53,157,127,.58), rgba(195,255,226,.82));
}
.pc-bg-gallery span:nth-child(4) {
  background: linear-gradient(135deg, rgba(188,84,36,.82), rgba(255,127,143,.86));
}

.pc-bg-gallery span::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 24%, rgba(255,255,255,.28), transparent 56%);
  transform: translateX(-120%);
  animation: pcThumbShine 5s ease-in-out infinite;
}

.pc-bg-gallery span:nth-child(2)::after { animation-delay: .24s; }
.pc-bg-gallery span:nth-child(3)::after { animation-delay: .48s; }
.pc-bg-gallery span:nth-child(4)::after { animation-delay: .72s; }

.pc-bg-gallery span.is-active::before {
  content: "✓";
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 2;
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  font-size: 12px;
  color: #fff;
  background: rgba(94,99,255,.92);
  box-shadow: 0 6px 20px rgba(74,84,255,.35);
}

.pc-features--product-upgrade .pc-feature-ui--templates {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  padding: 14px;
}

.pc-features--product-upgrade .pc-feature-ui--templates span {
  position: relative;
  min-height: 148px;
  padding: 16px 14px 14px;
  border-radius: 18px;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 10px;
}

.pc-features--product-upgrade .pc-feature-ui--templates span:nth-child(1) { background: linear-gradient(135deg, #6d4dff, #d56bca); }
.pc-features--product-upgrade .pc-feature-ui--templates span:nth-child(2) { background: linear-gradient(135deg, #21316f, #3367df); }
.pc-features--product-upgrade .pc-feature-ui--templates span:nth-child(3) { background: linear-gradient(135deg, #ff6a2a, #ff4b53); }
.pc-features--product-upgrade .pc-feature-ui--templates span:nth-child(4) { background: linear-gradient(135deg, #124b73, #1390a8); }

.pc-features--product-upgrade .pc-feature-ui--templates span::after {
  content: "";
  position: absolute;
  right: -16px;
  top: -16px;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: rgba(255,255,255,.12);
}

.pc-features--product-upgrade .pc-feature-ui--templates b {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 17px;
  line-height: .98;
  letter-spacing: -.04em;
}

.pc-features--product-upgrade .pc-feature-ui--templates i {
  position: relative;
  z-index: 2;
  color: rgba(255,255,255,.98);
  font-style: normal;
  font-size: 18px;
  font-weight: 900;
}

.pc-features--product-upgrade .pc-feature-ui--templates em {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  color: rgba(255,255,255,.9);
  background: rgba(0,0,0,.18);
}

.pc-features--product-upgrade .pc-feature-ui--retail {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

.pc-features--product-upgrade .pc-feature-ui--retail nav {
  display: grid;
  gap: 8px;
}

.pc-features--product-upgrade .pc-feature-ui--retail nav span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: rgba(255,255,255,.72);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
}

.pc-features--product-upgrade .pc-feature-ui--retail div {
  position: relative;
  min-height: 168px;
  padding: 20px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(22,40,88,.86), rgba(15,27,62,.88)),
    radial-gradient(circle at 82% 18%, rgba(56,189,248,.26), transparent 30%);
}

.pc-features--product-upgrade .pc-feature-ui--retail strong {
  display: block;
  color: #fff;
  font-size: 18px;
  line-height: .96;
  letter-spacing: -.04em;
}

.pc-features--product-upgrade .pc-feature-ui--retail em {
  display: block;
  margin-top: 8px;
  color: #80e5ff;
  font-style: normal;
  font-size: 28px;
  font-weight: 900;
}

.pc-features--product-upgrade .pc-feature-ui--retail small {
  display: block;
  margin-top: 5px;
  color: rgba(255,255,255,.76);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .06em;
}

.pc-retail-bottle {
  position: absolute;
  bottom: 22px;
  width: 28px;
  border-radius: 10px 10px 8px 8px;
  background: linear-gradient(180deg, rgba(91,186,255,.96), rgba(19,105,205,.78));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.16), 0 10px 24px rgba(0,0,0,.2);
}

.pc-retail-bottle::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 9px;
  width: 10px;
  height: 10px;
  border-radius: 4px 4px 0 0;
  background: rgba(124,236,255,.9);
}

.pc-retail-bottle--one {
  left: 146px;
  height: 76px;
}

.pc-retail-bottle--two {
  left: 180px;
  height: 88px;
}

.pc-features--product-upgrade .pc-feature-ui--retail u {
  position: absolute;
  right: 18px;
  bottom: 18px;
  text-decoration: none;
  padding: 6px 10px;
  border-radius: 12px;
  color: #111827;
  font-size: 22px;
  font-weight: 900;
  background: #fff;
  box-shadow: 0 12px 26px rgba(255,255,255,.16);
}

.pc-features--product-upgrade .pc-feature-ui--locale {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.pc-locale-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.pc-locale-chips span {
  padding: 8px 10px;
  border-radius: 999px;
  color: rgba(255,255,255,.82);
  font-size: 13px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.07);
}

.pc-features--product-upgrade .pc-locale-cards {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.pc-features--product-upgrade .pc-locale-cards span {
  position: relative;
  min-height: 108px;
  padding: 12px 10px 10px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(98,59,255,.72), rgba(71,42,160,.9));
  color: #fff;
  font-weight: 900;
  font-size: 14px;
  line-height: 1.04;
  letter-spacing: -.03em;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.pc-features--product-upgrade .pc-locale-cards span:nth-child(2) {
  background: linear-gradient(180deg, rgba(127,68,255,.78), rgba(87,46,186,.92));
}
.pc-features--product-upgrade .pc-locale-cards span:nth-child(3) {
  background: linear-gradient(180deg, rgba(188,108,53,.82), rgba(153,75,48,.92));
}
.pc-features--product-upgrade .pc-locale-cards span:nth-child(4) {
  background: linear-gradient(180deg, rgba(147,91,221,.78), rgba(97,54,181,.92));
}
.pc-features--product-upgrade .pc-locale-cards span:nth-child(5) {
  background: linear-gradient(180deg, rgba(78,66,162,.76), rgba(53,46,123,.92));
}

.pc-features--product-upgrade .pc-locale-cards span i {
  position: absolute;
  left: 10px;
  bottom: 8px;
  font-style: normal;
  font-size: 16px;
}

.pc-features--product-upgrade .pc-feature-card.is-hot .pc-brief-planet,
.pc-features--product-upgrade .pc-feature-card:hover .pc-brief-planet {
  animation-duration: 4.2s;
}

.pc-features--product-upgrade .pc-feature-card.is-hot .pc-feature-ui--copy span,
.pc-features--product-upgrade .pc-feature-card:hover .pc-feature-ui--copy span {
  animation: pcFeatureCopyLift 2.2s ease-in-out infinite;
}
.pc-features--product-upgrade .pc-feature-card.is-hot .pc-feature-ui--copy span:nth-of-type(2),
.pc-features--product-upgrade .pc-feature-card:hover .pc-feature-ui--copy span:nth-of-type(2) { animation-delay: .12s; }
.pc-features--product-upgrade .pc-feature-card.is-hot .pc-feature-ui--copy span:nth-of-type(3),
.pc-features--product-upgrade .pc-feature-card:hover .pc-feature-ui--copy span:nth-of-type(3) { animation-delay: .24s; }

.pc-features--product-upgrade .pc-feature-card.is-hot .pc-bg-gallery span,
.pc-features--product-upgrade .pc-feature-card:hover .pc-bg-gallery span {
  animation: pcFeatureGalleryFloat 2.8s ease-in-out infinite;
}
.pc-features--product-upgrade .pc-feature-card.is-hot .pc-bg-gallery span:nth-child(2),
.pc-features--product-upgrade .pc-feature-card:hover .pc-bg-gallery span:nth-child(2) { animation-delay: .12s; }
.pc-features--product-upgrade .pc-feature-card.is-hot .pc-bg-gallery span:nth-child(3),
.pc-features--product-upgrade .pc-feature-card:hover .pc-bg-gallery span:nth-child(3) { animation-delay: .24s; }
.pc-features--product-upgrade .pc-feature-card.is-hot .pc-bg-gallery span:nth-child(4),
.pc-features--product-upgrade .pc-feature-card:hover .pc-bg-gallery span:nth-child(4) { animation-delay: .36s; }

.pc-features--product-upgrade .pc-feature-card.is-hot .pc-feature-ui--templates span,
.pc-features--product-upgrade .pc-feature-card:hover .pc-feature-ui--templates span {
  animation: pcFeatureTemplateFloat 2.6s ease-in-out infinite;
}
.pc-features--product-upgrade .pc-feature-card.is-hot .pc-feature-ui--templates span:nth-child(2),
.pc-features--product-upgrade .pc-feature-card:hover .pc-feature-ui--templates span:nth-child(2) { animation-delay: .1s; }
.pc-features--product-upgrade .pc-feature-card.is-hot .pc-feature-ui--templates span:nth-child(3),
.pc-features--product-upgrade .pc-feature-card:hover .pc-feature-ui--templates span:nth-child(3) { animation-delay: .2s; }
.pc-features--product-upgrade .pc-feature-card.is-hot .pc-feature-ui--templates span:nth-child(4),
.pc-features--product-upgrade .pc-feature-card:hover .pc-feature-ui--templates span:nth-child(4) { animation-delay: .3s; }

.pc-features--product-upgrade .pc-feature-card.is-hot .pc-retail-bottle,
.pc-features--product-upgrade .pc-feature-card:hover .pc-retail-bottle {
  animation: pcFeatureBottlePulse 2.4s ease-in-out infinite;
}
.pc-features--product-upgrade .pc-feature-card.is-hot .pc-retail-bottle--two,
.pc-features--product-upgrade .pc-feature-card:hover .pc-retail-bottle--two { animation-delay: .14s; }

.pc-features--product-upgrade .pc-feature-card.is-hot .pc-locale-cards span,
.pc-features--product-upgrade .pc-feature-card:hover .pc-locale-cards span {
  animation: pcFeatureLocaleLift 2.4s ease-in-out infinite;
}
.pc-features--product-upgrade .pc-feature-card.is-hot .pc-locale-cards span:nth-child(2),
.pc-features--product-upgrade .pc-feature-card:hover .pc-locale-cards span:nth-child(2) { animation-delay: .1s; }
.pc-features--product-upgrade .pc-feature-card.is-hot .pc-locale-cards span:nth-child(3),
.pc-features--product-upgrade .pc-feature-card:hover .pc-locale-cards span:nth-child(3) { animation-delay: .2s; }
.pc-features--product-upgrade .pc-feature-card.is-hot .pc-locale-cards span:nth-child(4),
.pc-features--product-upgrade .pc-feature-card:hover .pc-locale-cards span:nth-child(4) { animation-delay: .3s; }
.pc-features--product-upgrade .pc-feature-card.is-hot .pc-locale-cards span:nth-child(5),
.pc-features--product-upgrade .pc-feature-card:hover .pc-locale-cards span:nth-child(5) { animation-delay: .4s; }

.pc-features--product-upgrade.is-section-active .pc-feature-card:nth-child(1) { animation: pcFeatureCardIn .75s cubic-bezier(.2,.84,.2,1) both; }
.pc-features--product-upgrade.is-section-active .pc-feature-card:nth-child(2) { animation: pcFeatureCardIn .82s cubic-bezier(.2,.84,.2,1) .06s both; }
.pc-features--product-upgrade.is-section-active .pc-feature-card:nth-child(3) { animation: pcFeatureCardIn .9s cubic-bezier(.2,.84,.2,1) .12s both; }
.pc-features--product-upgrade.is-section-active .pc-feature-card:nth-child(4) { animation: pcFeatureCardIn .96s cubic-bezier(.2,.84,.2,1) .18s both; }
.pc-features--product-upgrade.is-section-active .pc-feature-card:nth-child(5) { animation: pcFeatureCardIn 1.04s cubic-bezier(.2,.84,.2,1) .24s both; }
.pc-features--product-upgrade.is-section-active .pc-feature-card:nth-child(6) { animation: pcFeatureCardIn 1.12s cubic-bezier(.2,.84,.2,1) .30s both; }

@keyframes pcFeatureNebulaFloatOne {
  0%,100% { transform: translate3d(0,0,0) scale(1); }
  50% { transform: translate3d(26px,-20px,0) scale(1.08); }
}
@keyframes pcFeatureNebulaFloatTwo {
  0%,100% { transform: translate3d(0,0,0) scale(1); }
  50% { transform: translate3d(-18px,18px,0) scale(1.07); }
}
@keyframes pcFeatureNebulaFloatThree {
  0%,100% { transform: translate3d(0,0,0) scale(1); }
  50% { transform: translate3d(18px,-12px,0) scale(1.08); }
}
@keyframes pcFeatureBeamMove {
  0%,100% { opacity: .36; transform: translateX(0) rotate(var(--beam-rot, 0deg)); }
  50% { opacity: .82; transform: translateX(24px) rotate(var(--beam-rot, 0deg)); }
}
@keyframes pcFeatureStarBlink {
  0%,100% { opacity: .28; transform: scale(.9); }
  50% { opacity: 1; transform: scale(1.15); }
}
@keyframes pcBriefPlanetFloat {
  0%,100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-8px) scale(1.04); }
}
@keyframes pcFeatureCopyLift {
  0%,100% { transform: rotate(var(--copy-rotate, -4deg)) translateY(0); }
  50% { transform: rotate(var(--copy-rotate, -4deg)) translateY(-5px); }
}
@keyframes pcFeatureGalleryFloat {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}
@keyframes pcFeatureTemplateFloat {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}
@keyframes pcFeatureBottlePulse {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}
@keyframes pcFeatureLocaleLift {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}
@keyframes pcFeatureCardIn {
  0% { opacity: 0; transform: translate3d(0,42px,0) scale(.95); filter: blur(10px); }
  100% { opacity: 1; transform: translate3d(0,0,0) scale(1); filter: blur(0); }
}

@media (max-width: 1380px) {
  .pc-features-head-row--v14 { grid-template-columns: minmax(0, 1fr); }
  .pc-feature-stats--v14 { min-width: 0; max-width: 620px; }
  .pc-feature-grid--product-upgrade { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 980px) {
  .pc-feature-grid--product-upgrade { grid-template-columns: 1fr; }
  .pc-feature-stats--v14 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pc-features--product-upgrade .pc-feature-card--brief .pc-feature-ui,
  .pc-features--product-upgrade .pc-feature-card--retail .pc-feature-ui,
  .pc-features--product-upgrade .pc-feature-card--locale .pc-feature-ui { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .pc-features-head-row--v14 .pc-section-head h2 { font-size: clamp(38px, 12vw, 58px); }
  .pc-feature-stats--v14 { grid-template-columns: 1fr; }
  .pc-features--product-upgrade .pc-feature-ui--templates,
  .pc-features--product-upgrade .pc-locale-cards,
  .pc-bg-gallery { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (prefers-reduced-motion: reduce) {
  .pc-features__nebula,
  .pc-features__stars span,
  .pc-features__beam,
  .pc-brief-planet,
  .pc-features--product-upgrade .pc-feature-card,
  .pc-features--product-upgrade .pc-feature-card::before,
  .pc-features--product-upgrade .pc-feature-ui,
  .pc-features--product-upgrade .pc-feature-ui--copy span,
  .pc-features--product-upgrade .pc-bg-gallery span,
  .pc-features--product-upgrade .pc-feature-ui--templates span,
  .pc-retail-bottle,
  .pc-features--product-upgrade .pc-locale-cards span {
    animation: none !important;
    transition: none !important;
  }

  .pc-features__cursor-orb { display: none !important; }
}


/* =========================================================
   PROMOCANVAS LP V14 FIX — PRODUCT FEATURES EXACT 3-COLUMN GRID
   - fixes old span rules from enterprise grid
   - wider fold layout like supplied reference
   - gradient headline
========================================================= */

.pc-features--product-upgrade .pc-container {
  width: min(1580px, calc(100% - 180px));
}

.pc-features-head-row--v14 {
  grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr) !important;
  align-items: end !important;
  gap: clamp(36px, 5vw, 86px) !important;
}

.pc-features-head-row--v14 .pc-section-head {
  max-width: 820px !important;
}

.pc-features-head-row--v14 .pc-section-head h2 {
  max-width: 780px !important;
  font-size: clamp(54px, 5vw, 82px) !important;
  line-height: .95 !important;
  letter-spacing: -.074em !important;
}

.pc-features-head-row--v14 .pc-section-head h2 .pc-gradient-text {
  display: inline;
  color: transparent;
  background: linear-gradient(90deg, #b876ff 0%, #6d8dff 44%, #27c7ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  filter: drop-shadow(0 0 22px rgba(85, 160, 255, .15));
}

.pc-features-head-row--v14 .pc-section-head p {
  max-width: 760px !important;
  font-size: clamp(17px, 1.22vw, 21px) !important;
}

.pc-feature-stats--v14 {
  justify-self: end;
  width: min(100%, 520px);
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.pc-feature-grid--product-upgrade {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin-top: 30px !important;
  align-items: stretch !important;
}

.pc-feature-grid--product-upgrade > .pc-feature-card,
.pc-feature-grid--product-upgrade > .pc-feature-card--wide,
.pc-feature-grid--product-upgrade > .pc-feature-card--copy,
.pc-feature-grid--product-upgrade > .pc-feature-card--retail,
.pc-feature-grid--product-upgrade > .pc-feature-card--brief,
.pc-feature-grid--product-upgrade > .pc-feature-card--backgrounds,
.pc-feature-grid--product-upgrade > .pc-feature-card--templates,
.pc-feature-grid--product-upgrade > .pc-feature-card--locale {
  grid-column: auto !important;
  grid-row: auto !important;
  min-width: 0 !important;
}

.pc-features--product-upgrade .pc-feature-card {
  min-height: 306px !important;
  padding: 24px !important;
}

.pc-features--product-upgrade .pc-feature-card h3 {
  font-size: clamp(19px, 1.25vw, 23px) !important;
}

.pc-features--product-upgrade .pc-feature-card p {
  max-width: 100% !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

.pc-features--product-upgrade .pc-feature-ui {
  margin-top: 15px !important;
}

/* Keep complex mini UIs inside a normal 3-column card */
.pc-features--product-upgrade .pc-feature-card--brief .pc-feature-ui {
  grid-template-columns: minmax(112px, .78fr) minmax(0, 1.22fr) !important;
  gap: 12px !important;
}

.pc-features--product-upgrade .pc-feature-card--retail .pc-feature-ui {
  grid-template-columns: 42px minmax(0, 1fr) !important;
  gap: 12px !important;
}

.pc-features--product-upgrade .pc-feature-card--locale .pc-feature-ui {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

.pc-brief-cosmos {
  height: 142px !important;
}

.pc-brief-planet {
  width: 112px !important;
  height: 112px !important;
}

.pc-brief-ring {
  width: 158px !important;
}

.pc-features--product-upgrade .pc-brief-panel {
  min-height: 142px !important;
  padding: 13px !important;
}

.pc-features--product-upgrade .pc-brief-panel p {
  margin: 8px 0 10px !important;
  font-size: 13px !important;
}

.pc-features--product-upgrade .pc-brief-panel button,
.pc-features--product-upgrade .pc-feature-ui--copy button,
.pc-features--product-upgrade .pc-feature-ui--backgrounds button {
  margin-top: 10px !important;
  padding: 10px 13px !important;
  font-size: 14px !important;
}

.pc-features--product-upgrade .pc-feature-ui--copy {
  gap: 8px !important;
  padding: 14px !important;
}

.pc-features--product-upgrade .pc-feature-ui--copy span {
  grid-template-columns: auto 1fr auto !important;
  padding: 8px 10px !important;
}

.pc-features--product-upgrade .pc-feature-ui--copy span i {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pc-bg-gallery {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.pc-bg-gallery span {
  min-height: 96px !important;
}

.pc-style-pills span {
  padding: 7px 10px !important;
  font-size: 12px !important;
}

.pc-features--product-upgrade .pc-feature-ui--templates {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 14px !important;
}

.pc-features--product-upgrade .pc-feature-ui--templates span {
  min-height: 132px !important;
  padding: 14px 12px !important;
}

.pc-features--product-upgrade .pc-feature-ui--templates b {
  font-size: 16px !important;
}

.pc-features--product-upgrade .pc-feature-ui--templates i {
  font-size: 17px !important;
}

.pc-features--product-upgrade .pc-feature-ui--templates em {
  left: 10px !important;
  right: 10px !important;
  bottom: 10px !important;
  text-align: center;
  font-size: 10px !important;
  padding: 6px 7px !important;
}

.pc-features--product-upgrade .pc-feature-ui--retail div {
  min-height: 150px !important;
  padding: 18px !important;
}

.pc-retail-bottle--one {
  left: 48% !important;
}

.pc-retail-bottle--two {
  left: 59% !important;
}

.pc-features--product-upgrade .pc-feature-ui--retail u {
  right: 12px !important;
  bottom: 14px !important;
  font-size: 19px !important;
}

.pc-features--product-upgrade .pc-locale-cards {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.pc-features--product-upgrade .pc-locale-cards span {
  min-height: 100px !important;
  font-size: 13px !important;
  padding: 10px 8px !important;
}

.pc-locale-chips span {
  padding: 7px 9px !important;
  font-size: 12px !important;
}

/* Responsive only after real tablet widths */
@media (max-width: 1280px) {
  .pc-features--product-upgrade .pc-container {
    width: min(1180px, calc(100% - 48px));
  }

  .pc-features-head-row--v14 {
    grid-template-columns: 1fr !important;
  }

  .pc-feature-stats--v14 {
    justify-self: start;
    width: min(100%, 640px);
  }

  .pc-feature-grid--product-upgrade {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 820px) {
  .pc-features--product-upgrade .pc-container {
    width: min(100% - 32px, 720px);
  }

  .pc-feature-grid--product-upgrade {
    grid-template-columns: 1fr !important;
  }

  .pc-feature-stats--v14 {
    grid-template-columns: 1fr !important;
  }

  .pc-features--product-upgrade .pc-feature-card--brief .pc-feature-ui,
  .pc-features--product-upgrade .pc-feature-card--retail .pc-feature-ui {
    grid-template-columns: 1fr !important;
  }

  .pc-features--product-upgrade .pc-feature-ui--templates,
  .pc-bg-gallery,
  .pc-features--product-upgrade .pc-locale-cards {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}


/* =========================================================
   PROMOCANVAS LP V14.1 — PRODUCT FEATURES POLISH
   - moving parallax star sky
   - bigger readable locale flags
   - repaired AI copy / backgrounds cards
   - stronger cursor interactivity
========================================================= */

.pc-features--product-upgrade .pc-features__sky {
  --pc-sky-shift-x: 0px;
  --pc-sky-shift-y: 0px;
}

.pc-features--product-upgrade .pc-features__grid-light {
  transform: translate3d(calc(var(--pc-sky-shift-x) * -.06), calc(var(--pc-sky-shift-y) * -.04), 0);
  transition: transform .35s ease;
}

.pc-features--product-upgrade .pc-features__stars {
  transform: translate3d(calc(var(--pc-sky-shift-x) * .11), calc(var(--pc-sky-shift-y) * .14), 0);
  transition: transform .4s ease;
}

.pc-features--product-upgrade .pc-features__beam--one {
  transform: translate3d(calc(var(--pc-sky-shift-x) * -.1), calc(var(--pc-sky-shift-y) * .06), 0) rotate(-6deg);
}

.pc-features--product-upgrade .pc-features__beam--two {
  transform: translate3d(calc(var(--pc-sky-shift-x) * .08), calc(var(--pc-sky-shift-y) * -.05), 0) rotate(9deg);
}

.pc-features--product-upgrade .pc-feature-card {
  transition: transform .28s ease, box-shadow .35s ease, border-color .35s ease, background .35s ease;
}

.pc-features--product-upgrade .pc-feature-card:hover,
.pc-features--product-upgrade .pc-feature-card.is-tilting,
.pc-features--product-upgrade .pc-feature-card.is-hot {
  box-shadow:
    0 28px 60px rgba(7, 18, 48, .42),
    0 0 0 1px rgba(146, 208, 255, .10),
    inset 0 1px 0 rgba(255,255,255,.1);
}

.pc-features--product-upgrade .pc-feature-card--copy {
  min-height: 332px !important;
}

.pc-features--product-upgrade .pc-feature-ui--copy {
  position: relative;
  overflow: hidden;
  gap: 12px !important;
  padding: 18px 18px 22px !important;
}

.pc-features--product-upgrade .pc-feature-ui--copy small {
  font-size: 14px !important;
  letter-spacing: .16em;
}

.pc-features--product-upgrade .pc-feature-ui--copy span {
  min-height: 48px;
  grid-template-columns: minmax(74px, auto) 1fr auto !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  border-radius: 18px !important;
  transform-origin: left center;
  backdrop-filter: blur(8px);
}

.pc-features--product-upgrade .pc-feature-ui--copy span:nth-of-type(1) { --copy-rotate: -5deg; }
.pc-features--product-upgrade .pc-feature-ui--copy span:nth-of-type(2) { --copy-rotate: -2deg; }
.pc-features--product-upgrade .pc-feature-ui--copy span:nth-of-type(3) { --copy-rotate: -5deg; }

.pc-features--product-upgrade .pc-feature-ui--copy span b {
  font-size: 13px !important;
  font-weight: 900;
}

.pc-features--product-upgrade .pc-feature-ui--copy span i {
  font-size: 15px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pc-features--product-upgrade .pc-feature-ui--copy span em {
  min-width: 78px;
  text-align: center;
  font-size: 12px !important;
}

.pc-features--product-upgrade .pc-feature-ui--copy button {
  align-self: start;
  min-width: 220px;
  margin-top: 6px !important;
}

.pc-features--product-upgrade .pc-copy-wand {
  right: 28px;
  bottom: 28px;
  width: 16px;
  height: 68px;
  pointer-events: none;
  opacity: .98;
}

.pc-features--product-upgrade .pc-copy-wand::before {
  width: 16px;
  height: 16px;
  top: -9px;
  left: 0;
}

.pc-features--product-upgrade .pc-copy-wand::after {
  width: 10px;
  height: 10px;
  top: -18px;
  right: -6px;
}

.pc-features--product-upgrade .pc-feature-card:hover .pc-copy-wand,
.pc-features--product-upgrade .pc-feature-card.is-hot .pc-copy-wand {
  animation: pcCopyWandGlow 2.2s ease-in-out infinite;
}

.pc-features--product-upgrade .pc-feature-card--backgrounds {
  min-height: 332px !important;
}

.pc-features--product-upgrade .pc-feature-ui--backgrounds {
  gap: 16px !important;
  padding: 18px !important;
}

.pc-style-pills span {
  font-size: 13px !important;
  font-weight: 800;
  padding: 10px 14px !important;
}

.pc-bg-gallery {
  gap: 12px !important;
}

.pc-bg-gallery span {
  min-height: 156px !important;
  border-radius: 22px !important;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.pc-bg-gallery span:nth-child(1) {
  background:
    radial-gradient(circle at 22% 20%, rgba(255,255,255,.22), transparent 26%),
    radial-gradient(circle at 78% 78%, rgba(129,140,248,.38), transparent 32%),
    linear-gradient(135deg, rgba(54,85,255,.96), rgba(98,170,255,.92));
}
.pc-bg-gallery span:nth-child(2) {
  background:
    radial-gradient(circle at 70% 20%, rgba(255,255,255,.18), transparent 22%),
    linear-gradient(140deg, rgba(48,93,150,.9), rgba(103,187,222,.88)),
    linear-gradient(180deg, rgba(255,255,255,.08), transparent 54%);
}
.pc-bg-gallery span:nth-child(3) {
  background:
    radial-gradient(circle at 26% 28%, rgba(255,255,255,.14), transparent 24%),
    linear-gradient(135deg, rgba(79,129,124,.95), rgba(180,214,196,.9));
}
.pc-bg-gallery span:nth-child(4) {
  background:
    radial-gradient(circle at 70% 24%, rgba(255,255,255,.18), transparent 26%),
    linear-gradient(135deg, rgba(171,93,61,.95), rgba(205,125,124,.92));
}

.pc-bg-gallery span::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), transparent 32%),
    radial-gradient(circle at 50% 120%, rgba(0,0,0,.18), transparent 52%);
}

.pc-features--product-upgrade .pc-feature-card:hover .pc-bg-gallery span,
.pc-features--product-upgrade .pc-feature-card.is-hot .pc-bg-gallery span {
  box-shadow: 0 18px 30px rgba(22,50,130,.22), inset 0 1px 0 rgba(255,255,255,.22);
}

.pc-features--product-upgrade .pc-feature-card:hover .pc-bg-gallery span.is-active,
.pc-features--product-upgrade .pc-feature-card.is-hot .pc-bg-gallery span.is-active {
  transform: translateY(-7px) scale(1.03);
  border-color: rgba(117, 227, 255, .42);
}

.pc-features--product-upgrade .pc-feature-card--locale {
  min-height: 332px !important;
}

.pc-features--product-upgrade .pc-feature-ui--locale {
  gap: 14px !important;
  padding: 18px !important;
}

.pc-locale-chips {
  gap: 10px !important;
}

.pc-locale-chips span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px !important;
  font-size: 15px !important;
  line-height: 1;
  font-weight: 800;
  white-space: nowrap;
}

.pc-features--product-upgrade .pc-locale-cards {
  gap: 12px !important;
}

.pc-features--product-upgrade .pc-locale-cards span {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 164px !important;
  padding: 16px 14px 14px !important;
  font-size: 18px !important;
  line-height: .95 !important;
  border-radius: 20px !important;
  overflow: hidden;
  transform: translateY(0);
  transition: transform .32s ease, box-shadow .32s ease;
}

.pc-features--product-upgrade .pc-locale-cards span i {
  position: static !important;
  display: block;
  margin-top: 16px;
  font-size: 28px !important;
  line-height: 1;
}

.pc-features--product-upgrade .pc-feature-card:hover .pc-locale-cards span,
.pc-features--product-upgrade .pc-feature-card.is-hot .pc-locale-cards span {
  box-shadow: 0 18px 28px rgba(45, 34, 108, .28);
}

.pc-features--product-upgrade .pc-feature-card:hover .pc-locale-cards span:nth-child(odd),
.pc-features--product-upgrade .pc-feature-card.is-hot .pc-locale-cards span:nth-child(odd) {
  transform: translateY(-6px);
}

.pc-features--product-upgrade .pc-feature-card:hover .pc-locale-cards span:nth-child(even),
.pc-features--product-upgrade .pc-feature-card.is-hot .pc-locale-cards span:nth-child(even) {
  transform: translateY(-10px);
}

@keyframes pcCopyWandGlow {
  0%, 100% {
    transform: rotate(36deg) translateY(0);
    box-shadow: 0 0 18px rgba(167,139,250,.42);
  }
  50% {
    transform: rotate(36deg) translateY(-5px);
    box-shadow: 0 0 28px rgba(255,255,255,.28), 0 0 40px rgba(117, 89, 255, .36);
  }
}

@media (max-width: 1280px) {
  .pc-features--product-upgrade .pc-locale-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 820px) {
  .pc-features--product-upgrade .pc-feature-ui--copy span {
    grid-template-columns: 1fr !important;
    transform: none !important;
  }

  .pc-features--product-upgrade .pc-feature-ui--copy span em {
    justify-self: start;
  }

  .pc-features--product-upgrade .pc-feature-ui--copy button {
    min-width: 100%;
  }

  .pc-features--product-upgrade .pc-copy-wand {
    right: 22px;
    bottom: 22px;
    height: 54px;
  }

  .pc-features--product-upgrade .pc-locale-cards,
  .pc-features--product-upgrade .pc-feature-ui--templates,
  .pc-bg-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


/* =========================================================
   PROMOCANVAS LP V14.2 — PRODUCT FEATURES REFERENCE ALIGN
   - closer to visual reference supplied by user
   - stronger star/parallax motion
   - richer top-row mini UI previews
========================================================= */

.pc-features--product-upgrade {
  --pc-sky-shift-x: 0px;
  --pc-sky-shift-y: 0px;
}

.pc-features--product-upgrade .pc-features__sky {
  overflow: hidden;
}

.pc-features--product-upgrade .pc-features__sky::before,
.pc-features--product-upgrade .pc-features__sky::after {
  content: "";
  position: absolute;
  inset: -4%;
  pointer-events: none;
}

.pc-features--product-upgrade .pc-features__sky::before {
  opacity: .7;
  background-image:
    radial-gradient(circle at 6% 18%, rgba(255,255,255,.95) 0 1.4px, transparent 1.7px),
    radial-gradient(circle at 14% 42%, rgba(255,255,255,.65) 0 1.1px, transparent 1.5px),
    radial-gradient(circle at 24% 12%, rgba(142,221,255,.92) 0 1.5px, transparent 1.9px),
    radial-gradient(circle at 28% 34%, rgba(255,255,255,.62) 0 1px, transparent 1.4px),
    radial-gradient(circle at 38% 10%, rgba(255,255,255,.94) 0 1.5px, transparent 1.8px),
    radial-gradient(circle at 45% 20%, rgba(177,144,255,.7) 0 1.2px, transparent 1.7px),
    radial-gradient(circle at 55% 16%, rgba(255,255,255,.72) 0 1.1px, transparent 1.5px),
    radial-gradient(circle at 63% 8%, rgba(140,207,255,.85) 0 1.4px, transparent 1.9px),
    radial-gradient(circle at 72% 18%, rgba(255,255,255,.92) 0 1.3px, transparent 1.8px),
    radial-gradient(circle at 84% 11%, rgba(255,255,255,.75) 0 1.2px, transparent 1.6px),
    radial-gradient(circle at 91% 30%, rgba(192,132,252,.7) 0 1.4px, transparent 1.9px),
    radial-gradient(circle at 10% 68%, rgba(255,255,255,.82) 0 1.2px, transparent 1.8px),
    radial-gradient(circle at 18% 78%, rgba(255,255,255,.72) 0 1.1px, transparent 1.6px),
    radial-gradient(circle at 31% 86%, rgba(56,189,248,.84) 0 1.3px, transparent 1.8px),
    radial-gradient(circle at 47% 72%, rgba(255,255,255,.72) 0 1px, transparent 1.5px),
    radial-gradient(circle at 58% 84%, rgba(255,255,255,.82) 0 1.2px, transparent 1.7px),
    radial-gradient(circle at 70% 76%, rgba(255,255,255,.88) 0 1.3px, transparent 1.8px),
    radial-gradient(circle at 81% 66%, rgba(132,210,255,.72) 0 1.2px, transparent 1.7px),
    radial-gradient(circle at 92% 58%, rgba(255,255,255,.88) 0 1.2px, transparent 1.7px);
  transform: translate3d(calc(var(--pc-sky-shift-x) * .22), calc(var(--pc-sky-shift-y) * .18), 0);
  transition: transform .25s ease;
}

.pc-features--product-upgrade .pc-features__sky::after {
  opacity: .4;
  background:
    radial-gradient(circle at 18% 22%, rgba(84,177,255,.22), transparent 12%),
    radial-gradient(circle at 74% 20%, rgba(159,122,255,.18), transparent 14%),
    radial-gradient(circle at 84% 70%, rgba(93,227,255,.14), transparent 14%);
  transform: translate3d(calc(var(--pc-sky-shift-x) * .12), calc(var(--pc-sky-shift-y) * .10), 0);
  transition: transform .25s ease;
}

.pc-features--product-upgrade .pc-features__grid-light {
  opacity: .18;
  transform: translate3d(calc(var(--pc-sky-shift-x) * -.16), calc(var(--pc-sky-shift-y) * -.12), 0);
}

.pc-features--product-upgrade .pc-features__stars {
  transform: translate3d(calc(var(--pc-sky-shift-x) * .42), calc(var(--pc-sky-shift-y) * .30), 0);
}

.pc-features--product-upgrade .pc-features__stars span {
  width: 3px;
  height: 3px;
  box-shadow: 0 0 18px rgba(255,255,255,.72);
}

.pc-features--product-upgrade .pc-features__stars span:nth-child(13) { left: 4%; top: 30%; animation-delay: -2.6s; }
.pc-features--product-upgrade .pc-features__stars span:nth-child(14) { left: 12%; top: 48%; animation-delay: -.9s; }
.pc-features--product-upgrade .pc-features__stars span:nth-child(15) { left: 26%; top: 58%; animation-delay: -1.9s; }
.pc-features--product-upgrade .pc-features__stars span:nth-child(16) { left: 41%; top: 34%; animation-delay: -3.2s; }
.pc-features--product-upgrade .pc-features__stars span:nth-child(17) { left: 53%; top: 46%; animation-delay: -1.4s; }
.pc-features--product-upgrade .pc-features__stars span:nth-child(18) { left: 61%; top: 58%; animation-delay: -2.2s; }
.pc-features--product-upgrade .pc-features__stars span:nth-child(19) { left: 76%; top: 40%; animation-delay: -.5s; }
.pc-features--product-upgrade .pc-features__stars span:nth-child(20) { left: 88%; top: 52%; animation-delay: -2.8s; }
.pc-features--product-upgrade .pc-features__stars span:nth-child(21) { left: 20%; top: 88%; animation-delay: -.3s; }
.pc-features--product-upgrade .pc-features__stars span:nth-child(22) { left: 52%; top: 90%; animation-delay: -1.7s; }
.pc-features--product-upgrade .pc-features__stars span:nth-child(23) { left: 74%; top: 86%; animation-delay: -2.1s; }
.pc-features--product-upgrade .pc-features__stars span:nth-child(24) { left: 96%; top: 18%; animation-delay: -1.1s; }

.pc-features--product-upgrade .pc-feature-card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.03)),
    radial-gradient(circle at 12% 0%, rgba(108,99,255,.12), transparent 36%),
    radial-gradient(circle at 88% 100%, rgba(0,208,255,.06), transparent 30%),
    rgba(6, 12, 35, .82);
}

.pc-features--product-upgrade .pc-feature-card:hover,
.pc-features--product-upgrade .pc-feature-card.is-hot,
.pc-features--product-upgrade .pc-feature-card.is-tilting {
  transform: perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translate3d(var(--pc-card-shift-x), calc(var(--pc-card-shift-y) - 12px), 0) scale(1.01);
}

.pc-features--product-upgrade .pc-feature-card--brief,
.pc-features--product-upgrade .pc-feature-card--copy,
.pc-features--product-upgrade .pc-feature-card--backgrounds {
  min-height: 332px !important;
}

.pc-features--product-upgrade .pc-brief-cosmos {
  position: relative;
  min-height: 160px !important;
  border-radius: 24px;
  background:
    radial-gradient(circle at 28% 68%, rgba(147,51,234,.18), transparent 24%),
    radial-gradient(circle at 48% 80%, rgba(99,102,241,.14), transparent 30%),
    linear-gradient(180deg, rgba(3,9,32,.28), rgba(3,9,32,.02));
}

.pc-features--product-upgrade .pc-brief-panel {
  background: rgba(18, 25, 63, .84) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.26);
}

.pc-features--product-upgrade .pc-feature-ui--copy {
  background: linear-gradient(180deg, rgba(16,23,58,.88), rgba(12,20,50,.72)) !important;
  border-radius: 22px !important;
  overflow: hidden;
}

.pc-features--product-upgrade .pc-feature-ui--copy::before {
  content: "";
  position: absolute;
  inset: auto 8% 8% auto;
  width: 90px;
  height: 90px;
  background: radial-gradient(circle, rgba(56,189,248,.16), transparent 70%);
  filter: blur(10px);
}

.pc-features--product-upgrade .pc-feature-ui--copy span {
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.035)) !important;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.pc-features--product-upgrade .pc-feature-ui--copy span:nth-of-type(1) { transform: rotate(-5deg) !important; }
.pc-features--product-upgrade .pc-feature-ui--copy span:nth-of-type(2) { transform: rotate(-2deg) !important; }
.pc-features--product-upgrade .pc-feature-ui--copy span:nth-of-type(3) { transform: rotate(-6deg) !important; }

.pc-features--product-upgrade .pc-feature-card--backgrounds .pc-feature-ui--backgrounds {
  position: relative;
}

.pc-features--product-upgrade .pc-bg-gallery {
  position: relative;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.pc-features--product-upgrade .pc-bg-gallery span {
  position: relative;
  min-height: 122px !important;
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 10px 24px rgba(0,0,0,.16);
}

.pc-features--product-upgrade .pc-bg-gallery span i,
.pc-features--product-upgrade .pc-bg-gallery span b {
  position: absolute;
  inset: auto;
  display: block;
}

.pc-features--product-upgrade .pc-bg-gallery span i {
  inset: 0;
  border-radius: inherit;
  opacity: .95;
}

.pc-features--product-upgrade .pc-bg-gallery span b {
  width: 68%;
  height: 38%;
  right: -6%;
  top: -4%;
  border-radius: 999px;
  filter: blur(18px);
  opacity: .34;
  background: rgba(255,255,255,.28);
}

.pc-features--product-upgrade .pc-bg-gallery span:nth-child(1) i {
  background:
    radial-gradient(circle at 20% 76%, rgba(22,76,255,.62), transparent 32%),
    radial-gradient(circle at 46% 24%, rgba(255,255,255,.18), transparent 18%),
    linear-gradient(135deg, #1a35bc 0%, #4957ff 44%, #68b7ff 100%);
}

.pc-features--product-upgrade .pc-bg-gallery span:nth-child(2) i {
  background:
    radial-gradient(circle at 24% 18%, rgba(255,255,255,.16), transparent 20%),
    linear-gradient(135deg, #244f8d 0%, #5ca6cd 46%, #8fd9f4 100%);
}

.pc-features--product-upgrade .pc-bg-gallery span:nth-child(3) i {
  background:
    radial-gradient(circle at 62% 24%, rgba(255,255,255,.18), transparent 18%),
    linear-gradient(135deg, #648c81 0%, #8fb9a7 48%, #c0dccd 100%);
}

.pc-features--product-upgrade .pc-bg-gallery span:nth-child(4) i {
  background:
    radial-gradient(circle at 60% 20%, rgba(255,255,255,.2), transparent 22%),
    linear-gradient(135deg, #a35a3d 0%, #c97c6e 48%, #e2a5a0 100%);
}

.pc-features--product-upgrade .pc-bg-gallery span.is-active::after {
  content: "✓";
  position: absolute;
  left: 10px;
  top: 10px;
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(108,99,255,.75);
  box-shadow: 0 10px 24px rgba(108,99,255,.32);
}

.pc-features--product-upgrade .pc-locale-chips {
  gap: 10px !important;
}

.pc-features--product-upgrade .pc-locale-chips span {
  border-radius: 999px;
  background: rgba(19,29,67,.86) !important;
  border: 1px solid rgba(255,255,255,.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.pc-features--product-upgrade .pc-locale-cards span {
  justify-content: flex-start !important;
  gap: 8px;
}

.pc-features--product-upgrade .pc-locale-cards span b {
  display: block;
  font-size: 15px;
  line-height: .96;
  letter-spacing: -.02em;
}

.pc-features--product-upgrade .pc-locale-cards span small {
  display: block;
  margin-top: auto;
  font-size: 9px;
  font-weight: 800;
  color: rgba(255,255,255,.88);
  letter-spacing: .06em;
}

.pc-features--product-upgrade .pc-locale-cards span i {
  margin-top: 4px;
  font-size: 26px !important;
}

@media (max-width: 1360px) {
  .pc-features--product-upgrade .pc-container {
    width: min(1240px, calc(100% - 48px)) !important;
  }
}

@media (max-width: 820px) {
  .pc-features--product-upgrade .pc-bg-gallery span {
    min-height: 110px !important;
  }
}


/* =========================================================
   PROMOCANVAS LP V16 — FEATURES BOTTOM ROW 1:1 REFERENCE PASS
========================================================= */
@media (min-width: 1200px) {
  .pc-feature-grid--product-upgrade {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 22px !important;
    align-items: stretch;
  }
  .pc-feature-grid--product-upgrade > .pc-feature-card--brief,
  .pc-feature-grid--product-upgrade > .pc-feature-card--copy,
  .pc-feature-grid--product-upgrade > .pc-feature-card--backgrounds {
    grid-column: span 4 !important;
  }
  .pc-feature-grid--product-upgrade > .pc-feature-card--templates {
    grid-column: 1 / span 5 !important;
  }
  .pc-feature-grid--product-upgrade > .pc-feature-card--retail {
    grid-column: 6 / span 3 !important;
  }
  .pc-feature-grid--product-upgrade > .pc-feature-card--locale {
    grid-column: 9 / span 4 !important;
  }
}

.pc-features--product-upgrade .pc-feature-card--templates,
.pc-features--product-upgrade .pc-feature-card--retail,
.pc-features--product-upgrade .pc-feature-card--locale {
  min-height: 384px !important;
}

.pc-features--product-upgrade .pc-feature-card--templates .pc-feature-card__icon {
  background: linear-gradient(135deg, rgba(157,67,212,.98), rgba(233,89,171,.92));
}
.pc-features--product-upgrade .pc-feature-card--retail .pc-feature-card__icon {
  background: linear-gradient(135deg, rgba(64,124,255,.98), rgba(40,201,220,.92));
}
.pc-features--product-upgrade .pc-feature-card--locale .pc-feature-card__icon {
  background: linear-gradient(135deg, rgba(22,166,120,.98), rgba(88,223,186,.92));
}

.pc-features--product-upgrade .pc-feature-card--templates h3,
.pc-features--product-upgrade .pc-feature-card--retail h3,
.pc-features--product-upgrade .pc-feature-card--locale h3 {
  margin-bottom: 10px;
}

.pc-features--product-upgrade .pc-feature-card--templates p,
.pc-features--product-upgrade .pc-feature-card--retail p,
.pc-features--product-upgrade .pc-feature-card--locale p {
  max-width: 92%;
}

/* moving stars follow cursor stronger */
.pc-features--product-upgrade .pc-features__sky,
.pc-features--product-upgrade .pc-features__stars,
.pc-features--product-upgrade .pc-features__grid-light,
.pc-features--product-upgrade .pc-features__nebula,
.pc-features--product-upgrade .pc-features__beam {
  transition: transform .24s ease, opacity .3s ease;
}
.pc-features--product-upgrade .pc-features__stars {
  opacity: .95;
  transform: translate3d(calc(var(--pc-sky-shift-x) * .55), calc(var(--pc-sky-shift-y) * .38), 0);
}
.pc-features--product-upgrade .pc-features__stars span {
  width: 2px;
  height: 2px;
  opacity: .85;
  background: #fff;
  box-shadow: 0 0 10px rgba(255,255,255,.9), 0 0 22px rgba(122,173,255,.42);
}
.pc-features--product-upgrade .pc-features__stars span:nth-child(3n) {
  width: 3px;
  height: 3px;
}
.pc-features--product-upgrade .pc-features__stars span:nth-child(4n) {
  animation-duration: 4.4s;
}

/* templates card */
.pc-features--product-upgrade .pc-feature-ui--templates {
  display: grid !important;
  gap: 14px !important;
  padding: 16px !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, rgba(11,19,58,.94), rgba(10,18,50,.84)) !important;
  border: 1px solid rgba(90,119,214,.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 18px 34px rgba(0,0,0,.22);
}
.pc-features--product-upgrade .pc-template-preview {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.pc-features--product-upgrade .pc-template-mini {
  position: relative;
  min-height: 168px;
  padding: 11px 10px 10px;
  border-radius: 18px;
  overflow: hidden;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 14px 22px rgba(4,10,34,.26);
  transition: transform .28s ease, box-shadow .28s ease, filter .28s ease;
  transform-origin: center bottom;
}
.pc-features--product-upgrade .pc-template-mini u,
.pc-features--product-upgrade .pc-template-mini b,
.pc-features--product-upgrade .pc-template-mini i,
.pc-features--product-upgrade .pc-template-mini small,
.pc-features--product-upgrade .pc-template-mini em {
  position: relative;
  z-index: 2;
}
.pc-features--product-upgrade .pc-template-mini u {
  text-decoration: none;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .18em;
  opacity: .68;
}
.pc-features--product-upgrade .pc-template-mini b {
  margin-top: 8px;
  font-size: 22px;
  line-height: .9;
  letter-spacing: -.04em;
  font-weight: 900;
}
.pc-features--product-upgrade .pc-template-mini i {
  margin-top: 10px;
  font-style: normal;
  font-size: 22px;
  font-weight: 900;
  line-height: .9;
}
.pc-features--product-upgrade .pc-template-mini small {
  margin-top: auto;
  font-size: 9px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: .08em;
  opacity: .92;
}
.pc-features--product-upgrade .pc-template-mini em {
  margin-top: 10px;
  align-self: flex-start;
  font-style: normal;
  font-size: 10px;
  font-weight: 900;
  color: #fff;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(6,12,36,.28);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16);
}
.pc-features--product-upgrade .pc-template-mini--story {
  background: radial-gradient(circle at 76% 18%, rgba(255,255,255,.22), transparent 22%), linear-gradient(180deg, #b353dc 0%, #6f43ff 100%);
}
.pc-features--product-upgrade .pc-template-mini--story s {
  position: absolute;
  right: -14px;
  bottom: -20px;
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.18), transparent 62%);
}
.pc-features--product-upgrade .pc-template-mini--drop {
  background: radial-gradient(circle at 76% 18%, rgba(255,255,255,.16), transparent 24%), linear-gradient(180deg, #5778cf 0%, #2447bf 100%);
}
.pc-features--product-upgrade .pc-template-mini--drop strong {
  position: absolute;
  right: -10px;
  top: 12px;
  width: 78px;
  height: 110px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.01));
  transform: rotate(18deg);
}
.pc-features--product-upgrade .pc-template-mini--sale {
  background: radial-gradient(circle at 76% 18%, rgba(255,255,255,.18), transparent 24%), linear-gradient(180deg, #ff7a2f 0%, #ff5338 100%);
}
.pc-features--product-upgrade .pc-template-mini--fresh {
  background: linear-gradient(180deg, rgba(14,80,103,.10), rgba(14,80,103,.04)), linear-gradient(180deg, #165972 0%, #1688b0 100%);
}
.pc-features--product-upgrade .pc-template-mini--fresh strong {
  position: absolute;
  right: -4px;
  top: 0;
  bottom: 0;
  width: 54%;
  background:
    linear-gradient(180deg, rgba(0,0,0,.0), rgba(0,0,0,.0)),
    radial-gradient(circle at 70% 25%, rgba(255,255,255,.16), transparent 18%),
    linear-gradient(180deg, rgba(11,19,58,.12), rgba(11,19,58,.12));
}
.pc-features--product-upgrade .pc-template-channels {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.pc-features--product-upgrade .pc-template-channels span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(13,23,61,.88);
  color: rgba(239,244,255,.95);
  font-size: 14px;
  font-weight: 700;
  border: 1px solid rgba(255,255,255,.09);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  transition: transform .22s ease, background .22s ease, border-color .22s ease;
}
.pc-features--product-upgrade .pc-template-channels span i {
  font-style: normal;
  width: 18px;
  text-align: center;
  opacity: .92;
}
.pc-features--product-upgrade .pc-feature-card--templates:hover .pc-template-mini,
.pc-features--product-upgrade .pc-feature-card--templates.is-hot .pc-template-mini {
  transform: translateY(-5px);
}
.pc-features--product-upgrade .pc-feature-card--templates:hover .pc-template-mini:nth-child(2),
.pc-features--product-upgrade .pc-feature-card--templates.is-hot .pc-template-mini:nth-child(2) { transform: translateY(-8px); }
.pc-features--product-upgrade .pc-feature-card--templates:hover .pc-template-mini:nth-child(3),
.pc-features--product-upgrade .pc-feature-card--templates.is-hot .pc-template-mini:nth-child(3) { transform: translateY(-6px); }
.pc-features--product-upgrade .pc-feature-card--templates:hover .pc-template-mini:nth-child(4),
.pc-features--product-upgrade .pc-feature-card--templates.is-hot .pc-template-mini:nth-child(4) { transform: translateY(-10px); }
.pc-features--product-upgrade .pc-template-mini:hover,
.pc-features--product-upgrade .pc-template-channels span:hover {
  transform: translateY(-4px) scale(1.02);
}

/* retail card */
.pc-features--product-upgrade .pc-feature-ui--retail {
  display: grid !important;
  grid-template-columns: 40px 1fr !important;
  gap: 14px !important;
  padding: 16px !important;
  align-items: stretch;
  border-radius: 24px !important;
  background: linear-gradient(180deg, rgba(11,19,58,.96), rgba(10,18,50,.86)) !important;
  border: 1px solid rgba(90,119,214,.22);
}
.pc-features--product-upgrade .pc-retail-tools {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 22px;
}
.pc-features--product-upgrade .pc-retail-tools span {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(22,30,72,.92);
  border: 1px solid rgba(255,255,255,.1);
  color: rgba(235,241,255,.86);
  font-size: 18px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  transition: transform .22s ease, border-color .22s ease;
}
.pc-features--product-upgrade .pc-retail-stage { min-height: 226px; }
.pc-features--product-upgrade .pc-retail-scene {
  position: relative;
  min-height: 226px;
  border-radius: 22px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 0%, rgba(106,134,255,.18), transparent 34%),
    linear-gradient(180deg, #172d69 0%, #112454 40%, #0d1d48 100%);
  border: 1px solid rgba(112,154,255,.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 22px 34px rgba(1,7,27,.24);
}
.pc-features--product-upgrade .pc-retail-scene__wall,
.pc-features--product-upgrade .pc-retail-scene__floor,
.pc-features--product-upgrade .pc-retail-scene__glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.pc-features--product-upgrade .pc-retail-scene__wall {
  background:
    linear-gradient(90deg, transparent 0 58%, rgba(149,186,255,.08) 58% 59%, transparent 59% 72%, rgba(149,186,255,.08) 72% 73%, transparent 73% 100%),
    linear-gradient(180deg, transparent 0 68%, rgba(165,201,255,.14) 68% 69%, transparent 69% 100%),
    linear-gradient(135deg, rgba(255,255,255,.03), rgba(255,255,255,0) 42%);
}
.pc-features--product-upgrade .pc-retail-scene__floor {
  inset: auto 0 0 0;
  height: 56%;
  background:
    linear-gradient(180deg, rgba(10,23,58,0), rgba(7,18,49,.54)),
    linear-gradient(90deg, rgba(100,140,255,.04), rgba(255,255,255,0) 70%);
}
.pc-features--product-upgrade .pc-retail-scene__glow {
  background: radial-gradient(circle at 67% 26%, rgba(89,190,255,.18), transparent 18%), radial-gradient(circle at 78% 26%, rgba(89,190,255,.2), transparent 18%), radial-gradient(circle at 50% 64%, rgba(88,120,255,.12), transparent 30%);
}
.pc-features--product-upgrade .pc-retail-offer {
  position: absolute;
  left: 18px;
  top: 42px;
  width: 140px;
  padding: 14px 16px 12px;
  border-radius: 14px;
  border: 1px solid rgba(104,160,255,.34);
  background: linear-gradient(180deg, rgba(28,44,112,.92), rgba(17,31,78,.94));
  box-shadow: 0 0 0 1px rgba(84,166,255,.16) inset, 0 0 22px rgba(49,126,255,.22);
}
.pc-features--product-upgrade .pc-retail-offer small,
.pc-features--product-upgrade .pc-retail-offer em,
.pc-features--product-upgrade .pc-retail-offer strong { display:block; color:#fff; position:relative; z-index:2; }
.pc-features--product-upgrade .pc-retail-offer small {
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .04em;
  line-height: .95;
}
.pc-features--product-upgrade .pc-retail-offer strong {
  margin-top: 14px;
  font-size: 54px;
  line-height: .82;
  font-weight: 900;
  color: #7ee9ff;
  letter-spacing: -.05em;
}
.pc-features--product-upgrade .pc-retail-offer em {
  margin-top: 8px;
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .09em;
}
.pc-features--product-upgrade .pc-retail-bottles {
  position: absolute;
  right: 38px;
  bottom: 28px;
  width: 98px;
  height: 126px;
}
.pc-features--product-upgrade .pc-retail-bottle {
  position: absolute;
  bottom: 0;
  width: 28px;
  border-radius: 18px 18px 12px 12px;
  background: linear-gradient(180deg, rgba(120,216,255,.98), rgba(53,136,255,.86));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.22), inset 8px 0 14px rgba(255,255,255,.24), 0 14px 22px rgba(44,130,255,.2);
}
.pc-features--product-upgrade .pc-retail-bottle::before {
  content: "";
  position: absolute;
  top: -9px;
  left: 8px;
  width: 12px;
  height: 11px;
  border-radius: 6px 6px 2px 2px;
  background: linear-gradient(180deg, #7ee9ff, #54bfff);
}
.pc-features--product-upgrade .pc-retail-bottle::after {
  content: "";
  position: absolute;
  left: 5px;
  right: 5px;
  top: 34px;
  height: 24px;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
}
.pc-features--product-upgrade .pc-retail-bottle--one { left: 10px; height: 102px; }
.pc-features--product-upgrade .pc-retail-bottle--two { left: 42px; height: 116px; }
.pc-features--product-upgrade .pc-retail-price {
  position: absolute;
  right: 18px;
  bottom: 18px;
  z-index: 3;
  text-decoration: none;
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
  color: #10224d;
  padding: 10px 16px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 24px rgba(0,0,0,.22);
}
.pc-features--product-upgrade .pc-retail-cursor {
  position: absolute;
  left: 154px;
  bottom: 20px;
  width: 22px;
  height: 22px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(-45deg);
  filter: drop-shadow(0 0 12px rgba(118,154,255,.45));
}
.pc-features--product-upgrade .pc-retail-cursor::before {
  content: "";
  position: absolute;
  inset: -7px;
  border-radius: 50%;
  border: 1px solid rgba(120,168,255,.2);
}
.pc-features--product-upgrade .pc-feature-card--retail:hover .pc-retail-tools span,
.pc-features--product-upgrade .pc-feature-card--retail.is-hot .pc-retail-tools span {
  transform: translateX(2px);
}
.pc-features--product-upgrade .pc-feature-card--retail:hover .pc-retail-offer,
.pc-features--product-upgrade .pc-feature-card--retail.is-hot .pc-retail-offer {
  transform: translateY(-3px);
}
.pc-features--product-upgrade .pc-feature-card--retail:hover .pc-retail-bottles,
.pc-features--product-upgrade .pc-feature-card--retail.is-hot .pc-retail-bottles {
  transform: translateY(-5px);
}
.pc-features--product-upgrade .pc-feature-card--retail:hover .pc-retail-price,
.pc-features--product-upgrade .pc-feature-card--retail.is-hot .pc-retail-price {
  transform: translateY(-4px) rotate(-2deg);
}

/* locale card */
.pc-features--product-upgrade .pc-feature-ui--locale {
  display: grid !important;
  gap: 14px !important;
  padding: 16px !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, rgba(11,19,58,.96), rgba(10,18,50,.86)) !important;
  border: 1px solid rgba(90,119,214,.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 18px 34px rgba(0,0,0,.22);
}
.pc-features--product-upgrade .pc-locale-chips {
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px !important;
}
.pc-features--product-upgrade .pc-locale-chips span {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 36px;
  padding: 8px 14px !important;
  border-radius: 999px;
  background: rgba(13,23,61,.88) !important;
  border: 1px solid rgba(255,255,255,.09);
  color: rgba(239,244,255,.96);
  font-size: 14px !important;
  font-weight: 700;
  line-height: 1;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  transition: transform .22s ease, border-color .22s ease;
}
.pc-features--product-upgrade .pc-locale-chips span i {
  font-style: normal;
  font-size: 18px;
  line-height: 1;
}
.pc-features--product-upgrade .pc-locale-cards {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
.pc-features--product-upgrade .pc-locale-poster {
  position: relative;
  min-height: 190px !important;
  padding: 16px 12px 44px !important;
  border-radius: 18px !important;
  overflow: hidden;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start !important;
  background: linear-gradient(180deg, #6538ef 0%, #6c41d7 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 14px 22px rgba(4,10,34,.24);
  transition: transform .28s ease, box-shadow .28s ease;
}
.pc-features--product-upgrade .pc-locale-poster--cz { background: linear-gradient(180deg, #7b46f0 0%, #5b30d7 100%); }
.pc-features--product-upgrade .pc-locale-poster--hu { background: linear-gradient(180deg, #bd7841 0%, #a96135 100%); }
.pc-features--product-upgrade .pc-locale-poster--pl { background: linear-gradient(180deg, #8e5add 0%, #7f4fd2 100%); }
.pc-features--product-upgrade .pc-locale-poster--en { background: linear-gradient(180deg, #6553c7 0%, #5145ac 100%); }
.pc-features--product-upgrade .pc-locale-poster b {
  display: block;
  font-size: 17px !important;
  line-height: .94 !important;
  font-weight: 900;
  letter-spacing: -.03em;
}
.pc-features--product-upgrade .pc-locale-poster small {
  margin-top: auto;
  font-size: 10px !important;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: .08em;
  color: rgba(255,255,255,.9);
}
.pc-features--product-upgrade .pc-locale-poster i {
  position: absolute !important;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
  margin: 0 !important;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: grid !important;
  place-items: center;
  background: rgba(255,255,255,.16);
  box-shadow: 0 8px 16px rgba(4,10,34,.24), inset 0 1px 0 rgba(255,255,255,.2);
  font-style: normal;
  font-size: 18px !important;
}
.pc-features--product-upgrade .pc-feature-card--locale:hover .pc-locale-poster,
.pc-features--product-upgrade .pc-feature-card--locale.is-hot .pc-locale-poster {
  transform: translateY(-6px);
}
.pc-features--product-upgrade .pc-feature-card--locale:hover .pc-locale-poster:nth-child(2),
.pc-features--product-upgrade .pc-feature-card--locale.is-hot .pc-locale-poster:nth-child(2) { transform: translateY(-4px); }
.pc-features--product-upgrade .pc-feature-card--locale:hover .pc-locale-poster:nth-child(3),
.pc-features--product-upgrade .pc-feature-card--locale.is-hot .pc-locale-poster:nth-child(3) { transform: translateY(-8px); }

.pc-features--product-upgrade .pc-feature-card--templates:hover .pc-template-channels span,
.pc-features--product-upgrade .pc-feature-card--templates.is-hot .pc-template-channels span,
.pc-features--product-upgrade .pc-feature-card--locale:hover .pc-locale-chips span,
.pc-features--product-upgrade .pc-feature-card--locale.is-hot .pc-locale-chips span {
  border-color: rgba(122,173,255,.24);
}

@media (max-width: 1199px) {
  .pc-features--product-upgrade .pc-template-preview {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .pc-features--product-upgrade .pc-locale-cards {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 980px) {
  .pc-features--product-upgrade .pc-template-preview,
  .pc-features--product-upgrade .pc-locale-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .pc-features--product-upgrade .pc-feature-ui--retail {
    grid-template-columns: 1fr !important;
  }
  .pc-features--product-upgrade .pc-retail-tools {
    flex-direction: row;
    padding-top: 0;
  }
}
@media (max-width: 640px) {
  .pc-features--product-upgrade .pc-template-preview,
  .pc-features--product-upgrade .pc-locale-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .pc-features--product-upgrade .pc-template-mini {
    min-height: 144px;
  }
  .pc-features--product-upgrade .pc-locale-poster {
    min-height: 156px !important;
  }
}


/* =========================================================
   PROMOCANVAS LP V17 — HYBRID REAL VISUAL FEATURE GRID
   - reference-accurate 2x3 layout
   - HTML cards + real preview assets + animated layers
========================================================= */
.pc-features-v17 {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: clamp(72px, 6vw, 108px) 0 clamp(82px, 6vw, 112px);
  background:
    radial-gradient(circle at 14% 20%, rgba(92,70,255,.16), transparent 32%),
    radial-gradient(circle at 78% 18%, rgba(50,120,255,.11), transparent 28%),
    radial-gradient(circle at 92% 70%, rgba(101,43,215,.16), transparent 30%),
    linear-gradient(180deg, #020615 0%, #05091b 46%, #030616 100%) !important;
}
.pc-features-v17__sky,
.pc-features-v17 .pc-features__sky {
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  --pc-sky-shift-x: 0px;
  --pc-sky-shift-y: 0px;
  transition: transform .25s ease;
}
.pc-features-v17__sky::before,
.pc-features-v17__sky::after {
  content:"";
  position:absolute;
  inset:-10%;
  opacity:.84;
  background-image:
    radial-gradient(circle at 3% 22%, rgba(255,255,255,.86) 0 1.2px, transparent 1.8px),
    radial-gradient(circle at 12% 54%, rgba(106,186,255,.86) 0 1.4px, transparent 2px),
    radial-gradient(circle at 24% 16%, rgba(255,255,255,.74) 0 1px, transparent 1.7px),
    radial-gradient(circle at 38% 8%, rgba(93,178,255,.9) 0 1.5px, transparent 2px),
    radial-gradient(circle at 50% 28%, rgba(255,255,255,.72) 0 1.2px, transparent 1.9px),
    radial-gradient(circle at 66% 16%, rgba(152,122,255,.88) 0 1.4px, transparent 2px),
    radial-gradient(circle at 82% 6%, rgba(255,255,255,.84) 0 1.3px, transparent 1.9px),
    radial-gradient(circle at 96% 34%, rgba(91,206,255,.78) 0 1.2px, transparent 1.8px),
    radial-gradient(circle at 9% 84%, rgba(255,255,255,.68) 0 1px, transparent 1.8px),
    radial-gradient(circle at 34% 76%, rgba(116,107,255,.72) 0 1.3px, transparent 2px),
    radial-gradient(circle at 74% 82%, rgba(255,255,255,.72) 0 1.1px, transparent 1.8px),
    radial-gradient(circle at 92% 88%, rgba(159,122,255,.8) 0 1.2px, transparent 1.9px);
  transform: translate3d(calc(var(--pc-sky-shift-x) * .42), calc(var(--pc-sky-shift-y) * .28), 0);
  transition: transform .22s ease;
}
.pc-features-v17__sky::after {
  opacity:.36;
  filter: blur(1px);
  transform: translate3d(calc(var(--pc-sky-shift-x) * -.24), calc(var(--pc-sky-shift-y) * -.18), 0);
}
.pc-features-v17 .pc-features__grid-light {
  position:absolute;
  inset:0;
  opacity:.12;
  background-image:linear-gradient(rgba(126,151,255,.15) 1px, transparent 1px),linear-gradient(90deg, rgba(126,151,255,.12) 1px, transparent 1px);
  background-size:82px 82px;
  mask-image:radial-gradient(circle at 50% 28%, black, transparent 84%);
  transform: translate3d(calc(var(--pc-sky-shift-x) * -.08), calc(var(--pc-sky-shift-y) * -.06), 0);
}
.pc-features-v17 .pc-features__nebula { position:absolute; border-radius:50%; filter:blur(28px); opacity:.45; mix-blend-mode:screen; transition: transform .25s ease; }
.pc-features-v17 .pc-features__nebula--one { width:420px; height:420px; left:-110px; top:40px; background:radial-gradient(circle, rgba(96,62,255,.42), transparent 70%); transform:translate3d(calc(var(--pc-sky-shift-x)*-.12), calc(var(--pc-sky-shift-y)*-.08),0); }
.pc-features-v17 .pc-features__nebula--two { width:520px; height:520px; right:-170px; top:120px; background:radial-gradient(circle, rgba(45,151,255,.22), transparent 70%); transform:translate3d(calc(var(--pc-sky-shift-x)*.08), calc(var(--pc-sky-shift-y)*.06),0); }
.pc-features-v17 .pc-features__nebula--three { width:480px; height:480px; right:12%; bottom:-190px; background:radial-gradient(circle, rgba(143,60,255,.25), transparent 70%); transform:translate3d(calc(var(--pc-sky-shift-x)*.18), calc(var(--pc-sky-shift-y)*.12),0); }
.pc-features-v17 .pc-features__stars { position:absolute; inset:0; transform: translate3d(calc(var(--pc-sky-shift-x) * .65), calc(var(--pc-sky-shift-y) * .48),0); transition:transform .18s ease; }
.pc-features-v17 .pc-features__stars span { position:absolute; width:2px; height:2px; border-radius:50%; background:#fff; box-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(95,185,255,.42); animation:pcV17StarBlink 4.8s ease-in-out infinite; }
.pc-features-v17 .pc-features__stars span:nth-child(1){left:2%;top:20%}.pc-features-v17 .pc-features__stars span:nth-child(2){left:8%;top:55%;animation-delay:-1s}.pc-features-v17 .pc-features__stars span:nth-child(3){left:18%;top:8%;animation-delay:-2s}.pc-features-v17 .pc-features__stars span:nth-child(4){left:26%;top:34%;animation-delay:-.7s}.pc-features-v17 .pc-features__stars span:nth-child(5){left:36%;top:15%;animation-delay:-1.4s}.pc-features-v17 .pc-features__stars span:nth-child(6){left:46%;top:42%;animation-delay:-2.3s}.pc-features-v17 .pc-features__stars span:nth-child(7){left:56%;top:10%;animation-delay:-.4s}.pc-features-v17 .pc-features__stars span:nth-child(8){left:68%;top:24%;animation-delay:-1.8s}.pc-features-v17 .pc-features__stars span:nth-child(9){left:78%;top:8%;animation-delay:-2.8s}.pc-features-v17 .pc-features__stars span:nth-child(10){left:90%;top:28%;animation-delay:-1.2s}.pc-features-v17 .pc-features__stars span:nth-child(11){left:96%;top:68%;animation-delay:-2.4s}.pc-features-v17 .pc-features__stars span:nth-child(12){left:12%;top:84%;animation-delay:-3s}.pc-features-v17 .pc-features__stars span:nth-child(13){left:27%;top:76%;animation-delay:-.9s}.pc-features-v17 .pc-features__stars span:nth-child(14){left:41%;top:88%;animation-delay:-2.1s}.pc-features-v17 .pc-features__stars span:nth-child(15){left:62%;top:78%;animation-delay:-1.5s}.pc-features-v17 .pc-features__stars span:nth-child(16){left:82%;top:83%;animation-delay:-.3s}.pc-features-v17 .pc-features__stars span:nth-child(3n){width:3px;height:3px}.pc-features-v17 .pc-features__stars span:nth-child(n+17){opacity:.7}.pc-features-v17 .pc-features__cursor-orb{position:absolute;width:420px;height:420px;border-radius:50%;opacity:0;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(90,160,255,.16),rgba(111,70,255,.12) 40%,transparent 72%);filter:blur(10px);transition:opacity .25s ease}.pc-features-v17.is-pointer-active .pc-features__cursor-orb{opacity:1}
.pc-features-v17__container{position:relative;z-index:2;width:min(1610px,calc(100% - 64px));margin:0 auto}.pc-features-v17__head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(460px,.95fr);gap:44px;align-items:end;margin-bottom:22px}.pc-features-v17__kicker{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(14,22,50,.72);color:rgba(255,255,255,.84);font-size:15px;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.pc-features-v17__kicker i{width:9px;height:9px;border-radius:50%;background:#12d982;box-shadow:0 0 18px rgba(18,217,130,.6)}.pc-features-v17__copy h2{max-width:850px;margin:20px 0 16px;color:#fff;font-size:clamp(48px,4.8vw,80px);line-height:.98;letter-spacing:-.075em}.pc-features-v17__copy h2 .pc-gradient-text{color:transparent;background:linear-gradient(90deg,#b05cff,#6e82ff 48%,#2cd6ff);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 20px rgba(70,154,255,.16))}.pc-features-v17__copy p{margin:0;max-width:850px;color:rgba(255,255,255,.78);font-size:18px;line-height:1.55}.pc-features-v17__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pc-features-v17__stats div{text-align:center;color:#fff}.pc-features-v17__stats span{width:64px;height:64px;margin:0 auto 14px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,rgba(91,83,255,.34),rgba(91,83,255,.16));border:1px solid rgba(145,122,255,.38);box-shadow:0 20px 48px rgba(91,83,255,.18)}.pc-features-v17__stats strong{display:block;font-size:18px;letter-spacing:-.03em}.pc-features-v17__stats small{display:block;margin-top:6px;color:rgba(255,255,255,.72);font-size:14px;line-height:1.35}.pc-features-v17__grid{display:grid;grid-template-columns:1.24fr 1fr 1.3fr;gap:12px 14px}.pc-feature-v17{position:relative;min-height:334px;padding:24px;border-radius:14px;border:1px solid rgba(117,99,193,.45);background:linear-gradient(180deg,rgba(14,21,54,.83),rgba(8,14,38,.78));box-shadow:0 20px 60px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden;transform-style:preserve-3d;transition:transform .28s cubic-bezier(.2,.84,.2,1),border-color .28s ease,box-shadow .28s ease}.pc-feature-v17::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--pc-hover-x,50%) var(--pc-hover-y,20%),rgba(102,91,255,.16),transparent 26%),radial-gradient(circle at 100% 100%,rgba(0,200,255,.06),transparent 28%);opacity:.75;transition:opacity .25s ease;pointer-events:none}.pc-feature-v17:hover,.pc-feature-v17.is-hot,.pc-feature-v17.is-tilting{border-color:rgba(108,228,255,.4);box-shadow:0 32px 72px rgba(0,0,0,.32),0 0 0 1px rgba(108,228,255,.09),inset 0 1px 0 rgba(255,255,255,.08);transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translate3d(var(--pc-card-shift-x,0),calc(var(--pc-card-shift-y,0) - 8px),0)}.pc-feature-v17>*{position:relative;z-index:2}.pc-feature-v17__icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:#fff;font-weight:900;font-size:21px;margin-bottom:12px;background:linear-gradient(135deg,#624fff,#36bfff);box-shadow:0 16px 38px rgba(83,74,255,.28)}.pc-feature-v17__icon--star{font-size:28px;background:transparent;box-shadow:none;color:#8d79ff;filter:drop-shadow(0 0 16px rgba(141,121,255,.86))}.pc-feature-v17__icon--ai{background:linear-gradient(135deg,#3ac28b,#405bd4)}.pc-feature-v17__icon--purple{background:linear-gradient(135deg,#5e36f2,#7c4dff)}.pc-feature-v17__icon--pink{background:linear-gradient(135deg,#a842ca,#ed55b6)}.pc-feature-v17__icon--blue{background:linear-gradient(135deg,#1d62d7,#10b4f0)}.pc-feature-v17__icon--green{background:linear-gradient(135deg,#109c78,#44dcb7)}.pc-feature-v17__top{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;margin-bottom:12px;min-height:48px}.pc-feature-v17__top .pc-feature-v17__icon{margin-bottom:0;align-self:start}.pc-feature-v17__top h3{align-self:center}.pc-feature-v17 h3{margin:0;color:#fff;font-size:24px;line-height:1.1;letter-spacing:-.035em}.pc-feature-v17 p{margin:0;color:rgba(255,255,255,.78);font-size:16px;line-height:1.38;max-width:none}.pc-feature-v17--brief,.pc-feature-v17--copy,.pc-feature-v17--backgrounds{min-height:334px}.pc-feature-v17--templates,.pc-feature-v17--retail,.pc-feature-v17--locale{min-height:337px}.pc-brief-v17{position:absolute;left:24px;right:24px;bottom:20px;height:222px}.pc-brief-v17__space{position:absolute;left:0;bottom:0;width:52%;height:190px}.pc-brief-v17__planet{position:absolute;left:74px;bottom:17px;width:145px;height:145px;border-radius:50%;background:radial-gradient(circle at 33% 26%,rgba(255,255,255,.85),rgba(214,82,255,.85) 24%,rgba(75,72,255,.76) 58%,rgba(7,11,39,.92) 100%);box-shadow:0 0 52px rgba(185,79,255,.5),0 0 98px rgba(43,104,255,.22);animation:pcV17Float 5.8s ease-in-out infinite}.pc-brief-v17__ring{position:absolute;left:22px;bottom:44px;width:252px;height:54px;border:2px solid rgba(178,69,255,.54);border-radius:50%;transform:rotate(-8deg);box-shadow:0 0 28px rgba(118,69,255,.35)}.pc-brief-v17__ring--two{left:52px;bottom:34px;width:310px;opacity:.28;border-color:#4e46ff}.pc-brief-v17__space i{position:absolute;width:5px;height:5px;border-radius:50%;background:#72d7ff;box-shadow:0 0 14px #72d7ff}.pc-brief-v17__space i:nth-child(4){left:26px;top:54px}.pc-brief-v17__space i:nth-child(5){right:28px;top:22px;background:#a05cff}.pc-brief-v17__space i:nth-child(6){left:118px;top:14px;background:#fff}.pc-brief-v17__panel{position:absolute;right:5px;top:16px;width:295px;padding:16px;border-radius:15px;background:rgba(16,23,61,.84);border:1px solid rgba(255,255,255,.13);box-shadow:0 20px 44px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(16px)}.pc-brief-v17__panel strong{display:block;color:#fff;font-size:17px}.pc-brief-v17__panel p{padding:13px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);font-size:13px;line-height:1.35}.pc-brief-v17__chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pc-brief-v17__chips span{padding:8px;border-radius:9px;background:rgba(8,13,37,.68);color:#fff;font-size:11px;line-height:1.15}.pc-brief-v17__chips b{display:block;margin-bottom:4px;color:rgba(255,255,255,.64);font-size:10px}.pc-brief-v17__panel button,.pc-copy-v17__panel button,.pc-bg-v17 button{border:0;color:#fff;font-weight:900;border-radius:11px;background:linear-gradient(135deg,#5048ed,#228ee8);box-shadow:0 10px 24px rgba(64,81,255,.28)}.pc-brief-v17__panel button{margin-top:13px;padding:11px 16px;font-size:15px}.pc-copy-v17{position:absolute;left:24px;right:24px;bottom:18px;top:134px}.pc-copy-v17__comet{position:absolute;right:28px;top:0;width:72px;height:112px;background:radial-gradient(ellipse at center,rgba(76,160,255,.28),transparent 68%);filter:blur(2px);transform:rotate(34deg)}.pc-copy-v17__panel{position:absolute;left:58px;right:40px;top:20px;padding:22px 22px 18px;border-radius:20px;background:linear-gradient(180deg,rgba(20,28,68,.8),rgba(15,23,58,.72));border:1px solid rgba(255,255,255,.1);box-shadow:0 26px 44px rgba(0,0,0,.25);transform:rotate(-8deg);transition:transform .35s ease}.pc-feature-v17--copy:hover .pc-copy-v17__panel,.pc-feature-v17--copy.is-hot .pc-copy-v17__panel{transform:rotate(-5deg) translateY(-3px)}.pc-copy-v17__panel strong{display:block;color:#fff;font-size:16px;margin-bottom:12px}.pc-copy-v17__panel div{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:9px 12px;margin:8px 0;border-radius:11px;background:rgba(255,255,255,.06);color:#fff}.pc-copy-v17__panel em{font-style:normal;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-copy-v17__panel b{padding:5px 10px;border-radius:999px;background:rgba(65,102,255,.4);color:#8fe5ff;font-size:11px}.pc-copy-v17__panel div:nth-of-type(2) b,.pc-copy-v17__panel div:nth-of-type(3) b{background:rgba(38,157,112,.42);color:#7af0bd}.pc-copy-v17__panel button{margin-top:10px;padding:9px 15px}.pc-copy-v17__panel small{float:right;margin-top:17px;color:rgba(255,255,255,.68);font-size:17px}.pc-copy-v17__wand{position:absolute;right:17px;bottom:15px;width:55px;height:55px;filter:drop-shadow(0 0 18px rgba(149,111,255,.9));transform:rotate(-32deg);animation:pcV17Wand 2.6s ease-in-out infinite}.pc-copy-v17__wand::before{content:"✦";position:absolute;right:4px;top:-2px;color:#cbb7ff;font-size:32px}.pc-copy-v17__wand::after{content:"";position:absolute;right:0;top:31px;width:48px;height:8px;border-radius:999px;background:linear-gradient(90deg,#9e6bff,#74d9ff);transform:rotate(52deg)}.pc-bg-v17{position:absolute;left:24px;right:24px;bottom:20px;top:128px}.pc-bg-v17__pills{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}.pc-bg-v17__pills span{padding:8px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.09);background:rgba(10,18,47,.72);color:rgba(255,255,255,.85);font-size:13px;font-weight:700}.pc-bg-v17__pills .is-active{border-color:rgba(103,96,255,.76);background:rgba(84,64,255,.28);color:#fff}.pc-bg-v17__strip{position:relative;display:grid;grid-template-columns:repeat(4,1fr) 22px;gap:8px;align-items:center;padding:8px;border-radius:16px;background:rgba(6,12,42,.62);border:1px solid rgba(255,255,255,.08)}.pc-bg-v17__strip span{position:relative;height:130px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 26px rgba(0,0,0,.18);transition:transform .25s ease,box-shadow .25s ease}.pc-bg-v17__strip img{width:100%;height:100%;object-fit:cover;display:block}.pc-bg-v17__strip .is-active::after{content:"✓";position:absolute;right:10px;bottom:10px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#3c72ff;font-weight:900}.pc-bg-v17__strip i{color:rgba(255,255,255,.7);font-size:34px;font-style:normal}.pc-bg-v17 button{display:block;margin:12px auto 0;padding:12px 70px;background:linear-gradient(135deg,#3732c7,#8b3df3)}.pc-feature-v17--backgrounds:hover .pc-bg-v17__strip span,.pc-feature-v17--backgrounds.is-hot .pc-bg-v17__strip span{transform:translateY(-3px)}.pc-templates-v17{position:absolute;left:20px;right:20px;bottom:20px;top:128px}.pc-templates-v17__cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pc-templates-v17__cards span{display:block;height:168px;border-radius:8px;overflow:hidden;background:#111b3d;box-shadow:0 16px 28px rgba(0,0,0,.22);transition:transform .25s ease,box-shadow .25s ease}.pc-templates-v17__cards img{width:100%;height:100%;object-fit:cover;display:block}.pc-templates-v17__channels{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:15px}.pc-templates-v17__channels span{height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(14,23,58,.75);border:1px solid rgba(255,255,255,.07);color:rgba(255,255,255,.82);font-size:12px;font-weight:700;white-space:nowrap;transition:transform .22s ease}.pc-feature-v17--templates:hover .pc-templates-v17__cards span:nth-child(1){transform:translateY(-5px) rotate(-1deg)}.pc-feature-v17--templates:hover .pc-templates-v17__cards span:nth-child(2){transform:translateY(-8px) rotate(1deg)}.pc-feature-v17--templates:hover .pc-templates-v17__cards span:nth-child(3){transform:translateY(-5px) rotate(-1deg)}.pc-feature-v17--templates:hover .pc-templates-v17__cards span:nth-child(4){transform:translateY(-8px) rotate(1deg)}.pc-retail-v17{position:absolute;left:20px;right:20px;bottom:20px;top:128px;display:grid;grid-template-columns:46px 1fr;gap:16px}.pc-retail-v17 nav{display:grid;gap:8px;align-content:center}.pc-retail-v17 nav span{width:40px;height:40px;border-radius:9px;display:grid;place-items:center;background:rgba(18,27,63,.78);border:1px solid rgba(255,255,255,.09);color:#fff;font-size:17px}.pc-retail-v17__scene{position:relative;overflow:hidden;border-radius:13px;border:1px solid rgba(97,154,255,.24);background:#0a1434;box-shadow:0 18px 34px rgba(0,0,0,.25)}.pc-retail-v17__scene img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease;filter:saturate(1.08)}.pc-retail-v17__scene i{position:absolute;left:24px;top:42px;width:54%;height:59%;border:1px dashed rgba(88,188,255,.8);box-shadow:0 0 0 1px rgba(37,130,255,.18),0 0 18px rgba(56,156,255,.18);border-radius:3px}.pc-retail-v17__scene b{position:absolute;right:76px;bottom:28px;width:22px;height:22px;border-right:4px solid #fff;border-bottom:4px solid #fff;transform:rotate(-45deg);filter:drop-shadow(0 0 8px rgba(255,255,255,.5))}.pc-feature-v17--retail:hover .pc-retail-v17__scene img,.pc-feature-v17--retail.is-hot .pc-retail-v17__scene img{transform:scale(1.04)}.pc-locale-v17{position:absolute;left:20px;right:20px;bottom:20px;top:128px}.pc-locale-v17__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.pc-locale-v17__chips span{height:32px;padding:0 12px;border-radius:10px;display:flex;align-items:center;gap:7px;background:rgba(10,20,52,.72);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.86);font-size:12px;font-weight:700}.pc-locale-v17__cards{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.pc-locale-v17__cards span{position:relative;height:170px;border-radius:8px;background:linear-gradient(180deg,#7141eb,#271e66);padding:18px 12px 42px;overflow:hidden;color:#fff;box-shadow:0 16px 26px rgba(0,0,0,.24);transition:transform .25s ease}.pc-locale-v17__cards span:nth-child(2){background:linear-gradient(180deg,#7e42ef,#332174)}.pc-locale-v17__cards span:nth-child(3){background:linear-gradient(180deg,#7b416d,#271d4e)}.pc-locale-v17__cards span:nth-child(4){background:linear-gradient(180deg,#7442d9,#2a1f63)}.pc-locale-v17__cards span:nth-child(5){background:linear-gradient(180deg,#4a3fa5,#231a5a)}.pc-locale-v17__cards b{display:block;font-size:22px;line-height:.92;letter-spacing:-.05em}.pc-locale-v17__cards small{position:absolute;left:12px;right:12px;bottom:38px;color:rgba(255,255,255,.9);font-size:10px;line-height:1.15;font-weight:900;letter-spacing:.06em}.pc-locale-v17__cards i{position:absolute;left:50%;bottom:9px;transform:translateX(-50%);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:22px;background:rgba(255,255,255,.14);box-shadow:0 8px 16px rgba(0,0,0,.24)}.pc-feature-v17--locale:hover .pc-locale-v17__cards span:nth-child(odd){transform:translateY(-6px)}.pc-feature-v17--locale:hover .pc-locale-v17__cards span:nth-child(even){transform:translateY(-10px)}@keyframes pcV17StarBlink{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes pcV17Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes pcV17Wand{0%,100%{transform:rotate(-32deg) translateY(0)}50%{transform:rotate(-27deg) translateY(-7px)}}@media(max-width:1280px){.pc-features-v17__head{grid-template-columns:1fr}.pc-features-v17__stats{max-width:680px}.pc-features-v17__grid{grid-template-columns:1fr 1fr}.pc-feature-v17--backgrounds,.pc-feature-v17--locale{grid-column:span 2}}@media(max-width:860px){.pc-features-v17__container{width:min(100% - 32px,720px)}.pc-features-v17__grid,.pc-features-v17__head{grid-template-columns:1fr}.pc-feature-v17--backgrounds,.pc-feature-v17--locale{grid-column:auto}.pc-features-v17__stats{grid-template-columns:1fr}.pc-feature-v17{min-height:auto;padding-bottom:24px}.pc-brief-v17,.pc-copy-v17,.pc-bg-v17,.pc-templates-v17,.pc-retail-v17,.pc-locale-v17{position:relative;left:auto;right:auto;bottom:auto;top:auto;margin-top:20px}.pc-templates-v17__cards,.pc-bg-v17__strip,.pc-locale-v17__cards{grid-template-columns:repeat(2,1fr)}.pc-retail-v17{grid-template-columns:1fr}.pc-retail-v17 nav{display:flex}.pc-brief-v17{height:auto}.pc-brief-v17__space,.pc-brief-v17__panel{position:relative;width:auto;right:auto;top:auto}.pc-brief-v17__space{height:170px}.pc-copy-v17__panel{position:relative;left:auto;right:auto;top:auto}.pc-bg-v17__strip i{display:none}}

/* =========================================================
   PROMOCANVAS LP V19 FEATURE BOX HEIGHT + SINGLE-ROW CHIPS FIX
   - raises feature cards to avoid clipped content
   - keeps locale/social chips on one line
   - reduces visible chip counts and uses +8 buttons
========================================================= */

.pc-features-v17__grid {
  align-items: stretch;
}

.pc-feature-v17 {
  min-height: 404px;
  padding: 28px 24px 24px;
}

.pc-feature-v17 h3 {
  max-width: 92%;
  font-size: clamp(22px, 1.48vw, 25px);
  line-height: 1.14;
}

.pc-feature-v17 p {
  max-width: 92%;
  margin-top: 13px;
  font-size: 16px;
  line-height: 1.5;
}

.pc-feature-v17--brief,
.pc-feature-v17--copy,
.pc-feature-v17--backgrounds {
  min-height: 422px;
}

.pc-feature-v17--templates,
.pc-feature-v17--retail,
.pc-feature-v17--locale {
  min-height: 446px;
}

.pc-brief-v17 {
  bottom: 24px;
  height: 232px;
}

.pc-copy-v17 {
  top: 148px;
  bottom: 22px;
}

.pc-bg-v17 {
  top: 146px;
  bottom: 22px;
}

.pc-templates-v17,
.pc-retail-v17,
.pc-locale-v17 {
  top: 146px;
  bottom: 22px;
}

.pc-brief-v17__panel p {
  margin-top: 12px;
}

.pc-bg-v17__pills {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.pc-bg-v17__pills span {
  min-height: 34px;
  padding: 7px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 12px;
  line-height: 1.15;
  white-space: nowrap;
}

.pc-bg-v17__strip span {
  height: 122px;
}

.pc-bg-v17 button {
  padding-inline: 36px;
}

.pc-templates-v17__cards span {
  height: 178px;
}

.pc-templates-v17__channels {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  margin-top: 12px;
}

.pc-templates-v17__channels span,
.pc-templates-v17__channels button {
  flex: 1 1 0;
  min-height: 34px;
  height: 34px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.07);
  background: rgba(14,23,58,.75);
  color: rgba(255,255,255,.82);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

.pc-templates-v17__channels button {
  cursor: default;
  background: linear-gradient(135deg, rgba(94,74,255,.34), rgba(57,142,255,.3));
  color: #fff;
  border-color: rgba(112,127,255,.34);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.pc-retail-v17__scene {
  min-height: 248px;
}

.pc-locale-v17__chips {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  margin-bottom: 14px;
}

.pc-locale-v17__chips span,
.pc-locale-v17__chips button {
  flex: 1 1 0;
  min-width: 0;
  height: 32px;
  padding: 0 10px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: rgba(10,20,52,.72);
  border: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.86);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.pc-locale-v17__chips button {
  cursor: default;
  background: linear-gradient(135deg, rgba(94,74,255,.34), rgba(57,142,255,.3));
  color: #fff;
  border-color: rgba(112,127,255,.34);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.pc-locale-v17__cards span {
  height: 186px;
  padding: 18px 11px 44px;
}

.pc-locale-v17__cards b {
  font-size: 19px;
  line-height: .94;
}

.pc-locale-v17__cards small {
  left: 10px;
  right: 10px;
  bottom: 39px;
  font-size: 9px;
  line-height: 1.18;
}

@media (max-width: 1480px) {
  .pc-features-v17__grid {
    grid-template-columns: 1.15fr 1fr 1.15fr;
  }

  .pc-feature-v17--brief,
  .pc-feature-v17--copy,
  .pc-feature-v17--backgrounds {
    min-height: 432px;
  }

  .pc-feature-v17--templates,
  .pc-feature-v17--retail,
  .pc-feature-v17--locale {
    min-height: 458px;
  }

  .pc-brief-v17__panel {
    width: 280px;
  }

  .pc-templates-v17__cards span {
    height: 170px;
  }

  .pc-retail-v17__scene {
    min-height: 236px;
  }

  .pc-locale-v17__cards span {
    height: 180px;
  }
}

@media (max-width: 1280px) {
  .pc-feature-v17,
  .pc-feature-v17--brief,
  .pc-feature-v17--copy,
  .pc-feature-v17--backgrounds,
  .pc-feature-v17--templates,
  .pc-feature-v17--retail,
  .pc-feature-v17--locale {
    min-height: 440px;
  }

  .pc-copy-v17,
  .pc-bg-v17,
  .pc-templates-v17,
  .pc-retail-v17,
  .pc-locale-v17 {
    top: 156px;
  }

  .pc-bg-v17__pills span,
  .pc-locale-v17__chips span,
  .pc-locale-v17__chips button,
  .pc-templates-v17__channels span,
  .pc-templates-v17__channels button {
    font-size: 10px;
  }
}

@media (max-width: 980px) {
  .pc-feature-v17,
  .pc-feature-v17--brief,
  .pc-feature-v17--copy,
  .pc-feature-v17--backgrounds,
  .pc-feature-v17--templates,
  .pc-feature-v17--retail,
  .pc-feature-v17--locale {
    min-height: auto;
  }

  .pc-templates-v17__channels,
  .pc-locale-v17__chips,
  .pc-bg-v17__pills {
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pc-locale-v17__cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .pc-feature-v17__top {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 12px;
    min-height: auto;
  }

  .pc-feature-v17__top h3 {
    font-size: 22px;
  }

  .pc-feature-v17 {
    padding: 24px 20px 22px;
  }

  .pc-copy-v17,
  .pc-bg-v17,
  .pc-templates-v17,
  .pc-retail-v17,
  .pc-locale-v17 {
    top: auto;
    bottom: auto;
  }

  .pc-templates-v17__channels,
  .pc-locale-v17__chips,
  .pc-locale-v17__cards,
  .pc-bg-v17__pills {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* =========================================================
   PROMOCANVAS LP V20 FEATURE HEADER INLINE + FULL-WIDTH SUBTEXT
   - titles moved next to icons
   - subtext spans full card width
   - more vertical room for inner previews
========================================================= */

.pc-feature-v17__top {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  min-height: 48px;
  margin-bottom: 10px;
}

.pc-feature-v17__top .pc-feature-v17__icon {
  margin-bottom: 0;
  align-self: start;
}

.pc-feature-v17__top h3,
.pc-feature-v17 h3 {
  max-width: none;
}

.pc-feature-v17 p {
  max-width: none;
  margin-top: 0;
}

.pc-copy-v17 {
  top: 132px;
}

.pc-bg-v17,
.pc-templates-v17,
.pc-retail-v17,
.pc-locale-v17 {
  top: 130px;
}

@media (max-width: 1280px) {
  .pc-copy-v17,
  .pc-bg-v17,
  .pc-templates-v17,
  .pc-retail-v17,
  .pc-locale-v17 {
    top: 150px;
  }
}

@media (max-width: 860px) {
  .pc-feature-v17__top {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 12px;
    min-height: auto;
  }

  .pc-feature-v17__top h3 {
    font-size: 22px;
  }
}

/* =========================================================
   PROMOCANVAS LP V21 FEATURE SPACING + TRANSLATION SAFE LAYOUT
   - keeps translated subtexts full-width under inline icon/title row
   - replaces retail preview with canvas-only visual inside styled scene
   - improves internal spacing to match target layout more closely
========================================================= */

.pc-feature-v17__top {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  min-height: 48px;
  margin-bottom: 10px;
}

.pc-feature-v17__top .pc-feature-v17__icon {
  margin-bottom: 0;
  align-self: center;
}

.pc-feature-v17__top h3,
.pc-feature-v17 h3 {
  max-width: none;
}

.pc-feature-v17 p {
  max-width: none;
  margin-top: 0;
}

.pc-feature-v17--brief,
.pc-feature-v17--copy,
.pc-feature-v17--backgrounds {
  min-height: 474px;
}

.pc-feature-v17--templates,
.pc-feature-v17--retail,
.pc-feature-v17--locale {
  min-height: 468px;
}

.pc-brief-v17 {
  height: 276px;
  bottom: 26px;
}

.pc-copy-v17 {
  top: 142px;
  bottom: 24px;
}

.pc-bg-v17,
.pc-templates-v17,
.pc-retail-v17,
.pc-locale-v17 {
  top: 142px;
  bottom: 24px;
}

.pc-brief-v17__panel {
  top: 2px;
}

.pc-brief-v17__panel p {
  margin-top: 12px;
}

.pc-brief-v17__chips span i {
  display: block;
  color: #fff;
  font-style: normal;
}

.pc-copy-v17__panel {
  left: 72px;
  right: 46px;
  top: 28px;
}

.pc-copy-v17__panel div {
  min-height: 38px;
}

.pc-bg-v17__pills {
  margin-bottom: 14px;
}

.pc-bg-v17__strip span {
  height: 136px;
}

.pc-templates-v17__cards span {
  height: 188px;
}

.pc-templates-v17__channels {
  margin-top: 14px;
}

.pc-retail-v17 {
  grid-template-columns: 46px minmax(0, 1fr);
}

.pc-retail-v17__scene {
  min-height: 266px;
  background:
    radial-gradient(circle at 74% 22%, rgba(130,170,255,.18), transparent 18%),
    linear-gradient(90deg, rgba(8,19,53,.96) 0 55%, rgba(35,54,102,.5) 55% 100%),
    linear-gradient(180deg, rgba(11,28,70,.96), rgba(5,13,38,.98));
}

.pc-retail-v17__scene::before,
.pc-retail-v17__scene::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.pc-retail-v17__scene::before {
  right: 0;
  top: 0;
  width: 46%;
  height: 100%;
  background:
    linear-gradient(90deg, rgba(255,255,255,.08), rgba(255,255,255,.02) 2px, transparent 2px 30%),
    linear-gradient(180deg, rgba(255,255,255,.05) 0 2px, transparent 2px 32%, rgba(255,255,255,.04) 33%, transparent 34% 66%, rgba(255,255,255,.035) 67%, transparent 68%),
    radial-gradient(circle at 56% 44%, rgba(255,255,255,.18), transparent 4%),
    radial-gradient(circle at 72% 47%, rgba(255,255,255,.14), transparent 4%);
  opacity: .8;
}

.pc-retail-v17__scene::after {
  left: 0;
  right: 0;
  bottom: 0;
  height: 44%;
  background:
    linear-gradient(180deg, transparent, rgba(0,0,0,.2)),
    linear-gradient(90deg, rgba(74,153,255,.08), transparent 55%);
}

.pc-retail-v17__scene img {
  position: absolute;
  z-index: 2;
  left: 34px;
  top: 34px;
  width: calc(100% - 58px);
  height: calc(100% - 52px);
  object-fit: contain;
  object-position: center;
  filter: saturate(1.12) contrast(1.06) drop-shadow(0 22px 26px rgba(0,0,0,.26));
}

.pc-retail-v17__scene i {
  z-index: 3;
  left: 46px;
  top: 58px;
  width: 51%;
  height: 54%;
}

.pc-retail-v17__scene b {
  z-index: 4;
  right: 58px;
  bottom: 30px;
}

.pc-locale-v17__cards span {
  height: 194px;
}

.pc-locale-v17__cards b {
  font-size: 21px;
}

.pc-locale-v17__cards small {
  bottom: 41px;
}

.pc-brief-v17__panel p,
.pc-brief-v17__chips span,
.pc-brief-v17__panel button,
.pc-copy-v17__panel div,
.pc-copy-v17__panel button,
.pc-bg-v17__pills span,
.pc-bg-v17__strip span,
.pc-bg-v17 button,
.pc-templates-v17__cards span,
.pc-templates-v17__channels span,
.pc-templates-v17__channels button,
.pc-retail-v17 nav span,
.pc-retail-v17__scene,
.pc-locale-v17__chips span,
.pc-locale-v17__chips button,
.pc-locale-v17__cards span {
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    background-color .22s ease,
    background .22s ease,
    filter .22s ease,
    opacity .22s ease;
}

.pc-brief-v17__panel p:hover,
.pc-brief-v17__chips span:hover,
.pc-copy-v17__panel div:hover,
.pc-bg-v17__pills span:hover,
.pc-retail-v17 nav span:hover,
.pc-locale-v17__chips span:hover {
  transform: translateY(-2px);
  border-color: rgba(108, 228, 255, .38);
  background: rgba(24, 38, 92, .86);
  box-shadow: 0 10px 22px rgba(0, 0, 0, .20), 0 0 0 1px rgba(108, 228, 255, .10);
}

.pc-brief-v17__panel button:hover,
.pc-copy-v17__panel button:hover,
.pc-bg-v17 button:hover,
.pc-templates-v17__channels button:hover,
.pc-locale-v17__chips button:hover {
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 14px 28px rgba(46, 97, 255, .36), 0 0 0 1px rgba(108, 228, 255, .10);
  filter: brightness(1.05);
}

.pc-bg-v17__strip span:hover,
.pc-templates-v17__cards span:hover,
.pc-locale-v17__cards span:hover {
  transform: translateY(-5px) scale(1.01);
  border-color: rgba(108, 228, 255, .48);
  box-shadow: 0 18px 34px rgba(0, 0, 0, .28), 0 0 0 1px rgba(108, 228, 255, .08);
  filter: saturate(1.08) brightness(1.03);
}

.pc-templates-v17__channels span:hover,
.pc-locale-v17__chips button:hover {
  transform: translateY(-2px);
  border-color: rgba(108, 228, 255, .36);
  background: rgba(22, 34, 84, .86);
  box-shadow: 0 10px 22px rgba(0, 0, 0, .18);
}

.pc-retail-v17__scene:hover {
  transform: translateY(-3px);
  border-color: rgba(108, 228, 255, .34);
  box-shadow: 0 22px 38px rgba(0, 0, 0, .28), 0 0 0 1px rgba(108, 228, 255, .08);
}

.pc-retail-v17__scene:hover img {
  transform: scale(1.03);
}

@media (max-width: 1480px) {
  .pc-feature-v17--brief,
  .pc-feature-v17--copy,
  .pc-feature-v17--backgrounds {
    min-height: 484px;
  }

  .pc-feature-v17--templates,
  .pc-feature-v17--retail,
  .pc-feature-v17--locale {
    min-height: 480px;
  }

  .pc-copy-v17,
  .pc-bg-v17,
  .pc-templates-v17,
  .pc-retail-v17,
  .pc-locale-v17 {
    top: 154px;
  }

  .pc-retail-v17__scene {
    min-height: 266px;
  }
}

@media (max-width: 1280px) {
  .pc-feature-v17--brief,
  .pc-feature-v17--copy,
  .pc-feature-v17--backgrounds,
  .pc-feature-v17--templates,
  .pc-feature-v17--retail,
  .pc-feature-v17--locale {
    min-height: 496px;
  }

  .pc-copy-v17,
  .pc-bg-v17,
  .pc-templates-v17,
  .pc-retail-v17,
  .pc-locale-v17 {
    top: 168px;
  }
}

@media (max-width: 980px) {
  .pc-feature-v17--brief,
  .pc-feature-v17--copy,
  .pc-feature-v17--backgrounds,
  .pc-feature-v17--templates,
  .pc-feature-v17--retail,
  .pc-feature-v17--locale {
    min-height: auto;
  }
}

@media (max-width: 860px) {
  .pc-feature-v17__top {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 12px;
  }

  .pc-copy-v17,
  .pc-bg-v17,
  .pc-templates-v17,
  .pc-retail-v17,
  .pc-locale-v17 {
    top: auto;
    bottom: auto;
  }

  .pc-retail-v17__scene img {
    position: absolute;
    left: 24px;
    top: 24px;
    width: calc(100% - 48px);
    height: calc(100% - 48px);
  }
}


/* =========================================================
   PROMOCANVAS LP V24 — APPLE-LIKE LOAD MOTION
   - smoother text reveal
   - smoother block reveal
   - gentler blur/scale transitions
========================================================= */

:root {
  --pc-apple-ease: cubic-bezier(.16, 1, .3, 1);
  --pc-apple-ease-soft: cubic-bezier(.22, 1, .36, 1);
}

/* block-level reveal after async HTML injection */
[data-block] {
  opacity: 0;
  transform: translate3d(0, 34px, 0) scale(.985);
  filter: blur(14px);
  transform-origin: 50% 24%;
  will-change: opacity, transform, filter;
}

html.pc-blocks-ready [data-block][data-block-loaded="true"] {
  animation: pcAppleBlockIn 1.08s var(--pc-apple-ease) both;
  animation-delay: var(--pc-block-load-delay, 0ms);
}

/* softer default reveal */
[data-reveal] {
  opacity: 0;
  transform: translate3d(0, 38px, 0) scale(.975);
  filter: blur(12px);
  transition:
    opacity 1.04s var(--pc-apple-ease),
    transform 1.04s var(--pc-apple-ease),
    filter 1.04s var(--pc-apple-ease);
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, transform, filter;
}

[data-reveal].is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
}

/* big text loads like Apple: blur + vertical lift + subtle mask */
.pc-apple-title {
  opacity: 0;
  filter: blur(12px);
  transform: translate3d(0, 24px, 0) scale(.985);
  will-change: opacity, transform, filter;
}

.is-visible .pc-apple-title,
.pc-apple-title.is-visible,
.pc-story__panel.is-visible .pc-apple-title,
.pc-hero__content.is-visible .pc-apple-title {
  animation: pcAppleTitleIn 1.08s var(--pc-apple-ease) forwards;
  animation-delay: var(--pc-title-delay, 0ms);
}

.pc-apple-copy {
  opacity: 0;
  transform: translate3d(0, 14px, 0);
  filter: blur(7px);
}

.is-visible .pc-apple-copy,
.pc-story__panel.is-visible .pc-apple-copy,
.pc-hero__content.is-visible .pc-apple-copy,
.pc-feature-v17.is-visible .pc-apple-copy,
.pc-value-card.is-visible .pc-apple-copy {
  animation: pcAppleCopyIn .88s var(--pc-apple-ease-soft) forwards;
  animation-delay: var(--pc-copy-delay, 80ms);
}

/* hero typed effect refined */
.pc-hero__title--typed.is-typing {
  clip-path: inset(0 100% 0 0);
  animation:
    pcHeroTypeReveal 1.75s steps(26, end) .18s forwards,
    pcAppleTitleGlow 2.4s ease .18s both;
}

.pc-hero__title--typed.is-typing::after {
  width: 2px;
  animation:
    pcHeroCaretMove 1.75s steps(26, end) .18s forwards,
    pcHeroCaretBlink .82s step-end infinite;
}

/* story block extra polish */
.pc-story--interactive .pc-story__panel {
  transform-style: preserve-3d;
}

.pc-story--interactive .pc-story__panel:hover .pc-story__headline h2 {
  transform: translate3d(0, -2px, 0);
}

.pc-story--interactive .pc-story__copy p {
  transition: color .28s ease, transform .28s ease;
}

.pc-story--interactive .pc-story__copy p:hover {
  color: #3d465c;
  transform: translateX(4px);
}

/* subtle cascade for content groups */
.pc-hero__actions,
.pc-hero__badges,
.pc-feature-v17,
.pc-value-card,
.pc-pricing-card,
.pc-faq-item {
  transition:
    transform .42s var(--pc-apple-ease),
    box-shadow .42s var(--pc-apple-ease),
    border-color .42s var(--pc-apple-ease),
    opacity .42s var(--pc-apple-ease);
}

@keyframes pcAppleBlockIn {
  0% {
    opacity: 0;
    transform: translate3d(0, 34px, 0) scale(.985);
    filter: blur(14px);
  }
  58% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0);
  }
}

@keyframes pcAppleTitleIn {
  0% {
    opacity: 0;
    filter: blur(12px);
    transform: translate3d(0, 24px, 0) scale(.985);
  }
  56% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes pcAppleCopyIn {
  0% {
    opacity: 0;
    filter: blur(7px);
    transform: translate3d(0, 14px, 0);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes pcAppleTitleGlow {
  0% { text-shadow: 0 0 0 rgba(255,255,255,0); }
  45% { text-shadow: 0 18px 70px rgba(108,99,255,.18); }
  100% { text-shadow: 0 0 0 rgba(255,255,255,0); }
}

@media (prefers-reduced-motion: reduce) {
  [data-block],
  html.pc-blocks-ready [data-block][data-block-loaded="true"],
  [data-reveal],
  [data-reveal].is-visible,
  .pc-apple-title,
  .pc-apple-copy,
  .pc-hero__title--typed.is-typing,
  .pc-hero__title--typed.is-typing::after {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    clip-path: none !important;
  }

  .pc-hero__title--typed.is-typing::after {
    display: none !important;
  }
}


/* =========================================================
   PROMOCANVAS LP V25 — HERO + NAV VISIBILITY HOTFIX
   - keeps nav visible even during async block motion
   - fixes hidden hero headline caused by combined type/fade masks
   - preserves smooth Apple-style load without blank header/title
========================================================= */

/* Nav and hero must never stay hidden if any animation/observer is delayed */
#site-nav[data-block],
#hero[data-block] {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

/* Animate nav content safely instead of hiding whole header block */
#site-nav[data-block][data-block-loaded="true"] .pc-nav-shell {
  animation: pcAppleNavIn .82s cubic-bezier(.16, 1, .3, 1) both;
}

/* Hero section loads safely, but inner elements still use reveal animations */
#hero[data-block][data-block-loaded="true"] .pc-hero {
  animation: pcAppleHeroShellIn .95s cubic-bezier(.16, 1, .3, 1) both;
}

/* The hero title must remain readable. Use a safe Apple fade + sweep instead of hard clip. */
.pc-hero__title--typed,
.pc-hero__title--typed.pc-apple-title,
.pc-hero__content.is-visible .pc-hero__title--typed.pc-apple-title {
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

.pc-hero__title--typed.is-typing {
  clip-path: none !important;
  opacity: 1 !important;
  animation: pcHeroSafeTitleIn 1.05s cubic-bezier(.16, 1, .3, 1) .08s both !important;
}

.pc-hero__title--typed.is-typing::after {
  content: '';
  position: absolute;
  inset: -0.08em -0.08em -0.08em 0;
  width: 42%;
  border-radius: 999px;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
  transform: translateX(-110%) skewX(-12deg);
  animation: pcHeroTitleSweep 1.15s cubic-bezier(.16, 1, .3, 1) .2s both !important;
}

/* Do not let the generic title animation override hero visibility */
.pc-hero__title--typed.pc-apple-title {
  will-change: transform, opacity;
}

@keyframes pcAppleNavIn {
  0% {
    opacity: 0;
    transform: translate3d(0, -18px, 0) scale(.985);
    filter: blur(10px);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0);
  }
}

@keyframes pcAppleHeroShellIn {
  0% {
    opacity: .72;
    filter: blur(7px);
  }
  100% {
    opacity: 1;
    filter: blur(0);
  }
}

@keyframes pcHeroSafeTitleIn {
  0% {
    opacity: 0;
    filter: blur(12px);
    transform: translate3d(0, 18px, 0) scale(.985);
  }
  56% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes pcHeroTitleSweep {
  0% {
    opacity: 0;
    transform: translateX(-110%) skewX(-12deg);
  }
  20% {
    opacity: .72;
  }
  100% {
    opacity: 0;
    transform: translateX(260%) skewX(-12deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  #site-nav[data-block][data-block-loaded="true"] .pc-nav-shell,
  #hero[data-block][data-block-loaded="true"] .pc-hero,
  .pc-hero__title--typed.is-typing,
  .pc-hero__title--typed.is-typing::after {
    animation: none !important;
  }

  .pc-hero__title--typed.is-typing::after {
    display: none !important;
  }
}


/* =========================================================
   PROMOCANVAS LP V26 — NAV + HERO TYPING DEFINITIVE HOTFIX
   - nav/header visible immediately after block injection
   - hero title uses dedicated typing animation, separate from generic big-title fade
   - above-the-fold content no longer depends only on observer timing
========================================================= */

#site-nav,
#hero,
#site-nav.pc-block-immediate,
#hero.pc-block-immediate {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  visibility: visible !important;
}

#site-nav .pc-nav-shell {
  opacity: 1;
  visibility: visible;
}

#site-nav .pc-nav-shell.is-loaded {
  animation: pcV26NavIn .72s cubic-bezier(.16, 1, .3, 1) both;
}

#hero .pc-hero.is-loaded {
  animation: pcV26HeroShellIn .86s cubic-bezier(.16, 1, .3, 1) both;
}

/* dedicated hero title type effect */
.pc-hero__title--typed,
.pc-hero__title--typed.pc-hero-title-typefx {
  position: relative;
  display: inline-block;
  max-width: 100%;
  opacity: 1 !important;
  visibility: visible !important;
  color: inherit;
  filter: none;
  transform: none;
  will-change: clip-path, transform, opacity, filter;
}

.pc-hero__title--typed.pc-hero-title-typefx.is-typing {
  clip-path: inset(0 100% 0 0);
  animation:
    pcV26HeroTypeReveal 1.7s steps(26, end) .08s forwards,
    pcV26HeroTypeLift .96s cubic-bezier(.16, 1, .3, 1) .08s both,
    pcAppleTitleGlow 2.3s ease .08s both;
}

.pc-hero__title--typed.pc-hero-title-typefx.is-typing::after {
  content: '';
  position: absolute;
  top: .08em;
  bottom: .08em;
  left: 0;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(201,170,255,.98), rgba(86,215,255,.98));
  box-shadow:
    0 0 0 1px rgba(255,255,255,.18),
    0 0 24px rgba(108,99,255,.42),
    0 0 34px rgba(25,200,255,.22);
  animation:
    pcV26HeroCaretMove 1.7s steps(26, end) .08s forwards,
    pcHeroCaretBlink .72s step-end infinite;
}

/* ensure hero supporting copy appears smoothly even before observer */
.pc-hero__content.is-visible .pc-hero-v12__eyebrow,
.pc-hero__content.is-visible .pc-hero-v12__subtitle,
.pc-hero__content.is-visible .pc-hero-v12__actions,
.pc-hero__content.is-visible .pc-hero-v12__badges {
  animation: pcAppleCopyIn .88s cubic-bezier(.22, 1, .36, 1) forwards;
}

.pc-hero__content.is-visible .pc-hero-v12__eyebrow { animation-delay: .04s; }
.pc-hero__content.is-visible .pc-hero-v12__subtitle { animation-delay: .16s; }
.pc-hero__content.is-visible .pc-hero-v12__actions { animation-delay: .28s; }
.pc-hero__content.is-visible .pc-hero-v12__badges { animation-delay: .38s; }

@keyframes pcV26NavIn {
  0% {
    opacity: 0;
    transform: translate3d(0, -16px, 0) scale(.986);
    filter: blur(10px);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0);
  }
}

@keyframes pcV26HeroShellIn {
  0% {
    opacity: .7;
    filter: blur(8px);
  }
  100% {
    opacity: 1;
    filter: blur(0);
  }
}

@keyframes pcV26HeroTypeReveal {
  from { clip-path: inset(0 100% 0 0); }
  to { clip-path: inset(0 0 0 0); }
}

@keyframes pcV26HeroTypeLift {
  0% {
    opacity: 0;
    filter: blur(10px);
    transform: translate3d(0, 20px, 0) scale(.988);
  }
  58% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes pcV26HeroCaretMove {
  0% { transform: translateX(0); opacity: 1; }
  84% { opacity: 1; }
  100% { transform: translateX(calc(100% - 3px)); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  #site-nav .pc-nav-shell.is-loaded,
  #hero .pc-hero.is-loaded,
  .pc-hero__title--typed.pc-hero-title-typefx.is-typing,
  .pc-hero__title--typed.pc-hero-title-typefx.is-typing::after,
  .pc-hero__content.is-visible .pc-hero-v12__eyebrow,
  .pc-hero__content.is-visible .pc-hero-v12__subtitle,
  .pc-hero__content.is-visible .pc-hero-v12__actions,
  .pc-hero__content.is-visible .pc-hero-v12__badges {
    animation: none !important;
  }

  .pc-hero__title--typed.pc-hero-title-typefx.is-typing {
    clip-path: none !important;
  }

  .pc-hero__title--typed.pc-hero-title-typefx.is-typing::after {
    display: none !important;
  }
}


/* =========================================================
   PROMOCANVAS LP V27 — STATIC NAV/HERO + REAL TYPEWRITER FIX
   - nav and hero are PHP-included in index.php, not fetched async
   - nav is always visible
   - hero title uses a visible typewriter clip + caret
   - story right text is no longer permanently blurred
========================================================= */

#site-nav,
#site-nav[data-static-block],
#site-nav.pc-block-immediate,
#hero,
#hero[data-static-block],
#hero.pc-block-immediate {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: none !important;
}

#site-nav .pc-nav-shell,
#site-nav .pc-nav,
#site-nav .pc-brand,
#site-nav .pc-nav-panel {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}

#site-nav .pc-nav-shell {
  animation: pcV27NavDropIn .82s cubic-bezier(.16, 1, .3, 1) both;
}

.pc-story__copy p,
.pc-story__copy p.pc-apple-copy,
.pc-story__panel.is-visible .pc-story__copy p,
.pc-story__panel.is-visible .pc-story__copy p.pc-apple-copy {
  filter: none !important;
  opacity: 1 !important;
}

.pc-story__panel.is-visible .pc-story__copy p.pc-apple-copy {
  animation: pcV27StoryTextIn .72s cubic-bezier(.16, 1, .3, 1) both;
}

.pc-story__panel.is-visible .pc-story__copy p.pc-apple-copy:nth-child(1) { animation-delay: .08s; }
.pc-story__panel.is-visible .pc-story__copy p.pc-apple-copy:nth-child(2) { animation-delay: .18s; }

.pc-hero__content,
.pc-hero__content.is-visible,
.pc-hero__visual,
.pc-hero__visual.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
}

.pc-hero__title--typed,
.pc-hero__title--typed.pc-hero-title-typefx {
  position: relative;
  display: inline-block;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  transform: none !important;
  overflow: visible;
  clip-path: none;
}

.pc-hero__title--typed.pc-hero-title-typefx.is-typing {
  clip-path: inset(0 100% 0 0);
  animation:
    pcV27HeroTypewriter 2.45s steps(32, end) .12s forwards,
    pcV27HeroLiftIn .95s cubic-bezier(.16, 1, .3, 1) .08s both !important;
}

.pc-hero__title--typed.pc-hero-title-typefx.is-typing::after {
  content: "";
  position: absolute;
  top: .08em;
  bottom: .08em;
  left: 0;
  width: 4px;
  border-radius: 999px;
  background: linear-gradient(180deg, #c484ff, #56d7ff);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.16),
    0 0 24px rgba(196,132,255,.45),
    0 0 34px rgba(86,215,255,.26);
  animation:
    pcV27HeroCaretMove 2.45s steps(32, end) .12s forwards,
    pcV27HeroCaretBlink .72s step-end infinite;
}

.pc-hero__content.is-visible .pc-hero-v12__eyebrow,
.pc-hero__content.is-visible .pc-hero-v12__subtitle,
.pc-hero__content.is-visible .pc-hero-v12__actions,
.pc-hero__content.is-visible .pc-hero-v12__badges {
  filter: none !important;
  opacity: 1 !important;
}

@keyframes pcV27NavDropIn {
  0% {
    opacity: 0;
    transform: translate3d(0, -18px, 0) scale(.986);
    filter: blur(10px);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0);
  }
}

@keyframes pcV27HeroTypewriter {
  0% { clip-path: inset(0 100% 0 0); }
  100% { clip-path: inset(0 0 0 0); }
}

@keyframes pcV27HeroCaretMove {
  0% { transform: translateX(0); opacity: 1; }
  88% { opacity: 1; }
  100% { transform: translateX(calc(100% - 4px)); opacity: 0; }
}

@keyframes pcV27HeroCaretBlink {
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: .18; }
}

@keyframes pcV27HeroLiftIn {
  0% {
    opacity: 0;
    filter: blur(10px);
    transform: translate3d(0, 18px, 0) scale(.988);
  }
  54% { opacity: 1; }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes pcV27StoryTextIn {
  0% {
    opacity: 0;
    transform: translate3d(0, 12px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  #site-nav .pc-nav-shell,
  .pc-hero__title--typed.pc-hero-title-typefx.is-typing,
  .pc-hero__title--typed.pc-hero-title-typefx.is-typing::after,
  .pc-story__panel.is-visible .pc-story__copy p.pc-apple-copy {
    animation: none !important;
  }

  .pc-hero__title--typed.pc-hero-title-typefx.is-typing {
    clip-path: none !important;
  }

  .pc-hero__title--typed.pc-hero-title-typefx.is-typing::after {
    display: none !important;
  }
}