.pv {
  --pv-accent: var(--brand);
  --pv-line: #e6e7eb;
  --pv-shadow: 0 1px 2px rgb(16 24 40 / .05), 0 30px 60px -32px rgb(16 24 40 / .38);
  width: 100%; max-width: 1060px;
  font-family: var(--font-ui);
  color: var(--ink-nav);
  text-align: left;
}
.pv p { margin: 0; }

.pv-browser {
  min-width: 0;
  background: #fff;
  border-radius: 14px;
  border: 1px solid var(--pv-line);
  box-shadow: var(--pv-shadow);
  overflow: hidden;
}
.pv-browser__bar {
  height: 38px;
  display: flex; align-items: center; gap: 12px;
  padding: 0 14px;
  border-bottom: 1px solid #eef0f3;
  background: #fafafb;
}
.pv-browser__dots { display: inline-flex; gap: 6px; flex: none; }
.pv-browser__dots i { width: 9px; height: 9px; border-radius: 50%; background: #e1e2e7; }
.pv-browser__url {
  flex: 1; min-width: 0; max-width: 340px; margin-inline: auto; overflow: hidden;
  height: 24px;
  display: flex; align-items: center; justify-content: center; gap: 6px;
  padding: 0 10px;
  border-radius: 7px;
  background: #f0f1f4;
  font: 500 11.5px/1 var(--font-ui); color: #6b7280;
  white-space: nowrap;
}
.pv-browser__url span { overflow: hidden; text-overflow: ellipsis; }
.pv-browser__url svg { flex: none; width: 11px; height: 11px; fill: none; stroke: #6b7280; stroke-width: 1.2; stroke-linecap: round; }

.pv-chip {
  display: inline-flex; align-items: center; gap: 10px;
  max-width: 100%;
  padding: 7px 14px 7px 7px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #e9eaee;
  box-shadow: 0 1px 2px rgb(16 24 40 / .05), 0 10px 24px -14px rgb(16 24 40 / .32);
  font: 500 13px/1.3 var(--font-ui); color: var(--ink-nav);
}
.pv-chip__text { min-width: 0; }
.pv-chip .ig-tile.pv-chip__tile { --tile: 28px; border-radius: 8px; box-shadow: none; }
.pv-chip__tick {
  flex: none;
  display: grid; place-items: center;
  width: 28px; height: 28px; border-radius: 8px;
  background: #e7f6ec;
}
.pv-chip__tick svg { width: 14px; height: 14px; fill: none; stroke: #15803d; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.pv-chips { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; min-width: 0; }
.pv-chips__head {
  margin: 0 0 2px 2px !important;
  font: 500 11px/1 var(--font-ui); letter-spacing: .08em; text-transform: uppercase;
  color: #8b8f9a;
}

.pg-js .pv:not([data-seq]) .pv-chip,
.pg-js .pv:not([data-seq]) .pv-article__chain li { opacity: 0; }
.pv.is-play:not([data-seq]) .pv-chip,
.pv.is-play:not([data-seq]) .pv-article__chain li {
  animation: pvChip .55s cubic-bezier(.2, .8, .3, 1) forwards;
  animation-delay: calc(.5s + var(--i, 0) * .5s);
}
@keyframes pvChip { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }

.pv-caret { display: inline-block; width: 1.5px; height: 1.05em; margin-left: 1px; vertical-align: -2px; background: var(--brand); animation: pvBlink 1s steps(1) infinite; }
@keyframes pvBlink { 50% { opacity: 0; } }

.pv-chat__spin {
  flex: none; width: 14px; height: 14px; border-radius: 50%;
  border: 2px solid #e2e3e8; border-top-color: var(--brand);
  animation: pvSpin .8s linear infinite;
}
@keyframes pvSpin { to { transform: rotate(360deg); } }

.pv-dot { flex: none; width: 7px; height: 7px; border-radius: 50%; background: #d1d5db; transition: background-color .3s ease; }

.pv-phone {
  --w: 256px;
  position: relative; flex: none;
  width: var(--w); aspect-ratio: 9 / 18.4;
  padding: 9px;
  border-radius: 40px;
  background: #0a0a0b;
  box-shadow: 0 36px 70px -34px rgb(16 24 40 / .6), inset 0 0 0 1px rgb(255 255 255 / .08);
}
.pv-phone__notch { position: absolute; z-index: 3; top: 17px; left: 50%; translate: -50% 0; width: 72px; height: 19px; border-radius: 999px; background: #0a0a0b; }
.pv-phone__screen { position: relative; height: 100%; border-radius: 32px; overflow: hidden; background: #fff; }

.pv-app {
  display: flex;
  width: 100%; max-width: 920px; min-height: 360px;
  background: #fff;
  border-radius: 16px;
  border: 1px solid var(--pv-line);
  box-shadow: var(--pv-shadow);
  overflow: hidden;
}
.pv-app__side {
  width: 54px; flex: none;
  display: flex; flex-direction: column; align-items: center; gap: 12px;
  padding: 14px 0;
  background: #fafafb; border-right: 1px solid #eef0f3;
}
.pv-app__logo { display: grid; place-items: center; width: 30px; height: 30px; margin-bottom: 8px; border-radius: 8px; background: #0a0a0b; }
.pv-app__logo svg { width: 10px; fill: #fff; }
.pv-app__side b { width: 22px; height: 22px; border-radius: 6px; background: #eceef2; }
.pv-app__side b.is-on { background: rgb(35 71 255 / .16); }
.pv-app__main { flex: 1; min-width: 0; padding: 18px 20px; }
.pv-app__head { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; flex-wrap: wrap; }
.pv-app__title { margin: 0 8px 0 0 !important; font: 600 17px/1.2 var(--font-ui); color: var(--ink); }
.pv-app__pill { padding: 6px 10px; border: 1px solid var(--pv-line); border-radius: 8px; font: 500 12px/1 var(--font-ui); color: #4b5563; }
.pv-app__export { margin-left: auto; padding: 8px 11px; border-radius: 8px; background: var(--ink-nav); color: #fff; font: 500 12px/1 var(--font-ui); }

.pv-lander { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 28px; align-items: center; max-width: 1000px; }
.pv-page {
  display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 28px; align-items: center;
  padding: 36px 32px 40px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--pv-accent) 8%, #fff), #fff 72%);
}
.pv-page__copy { display: flex; flex-direction: column; gap: 12px; }
.pv-page__kicker { font: 600 11px/1.2 var(--font-ui); letter-spacing: .08em; text-transform: uppercase; color: var(--pv-accent); }
.pv-page__h { font: 700 26px/1.15 var(--font-ui); letter-spacing: -.02em; color: #0f1115; text-wrap: balance; }
.pv-page__sub { font: 400 14px/1.5 var(--font-ui); color: #4b5563; text-wrap: pretty; }
.pv-page__stars { font: 400 13px/1 var(--font-ui); color: #f5a524; letter-spacing: 1px; }
.pv-page__stars span { margin-left: 4px; letter-spacing: 0; color: #8b8f9a; font-size: 12px; }
.pv-form {
  display: grid; gap: 10px;
  padding: 18px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #e8e9ed;
  box-shadow: 0 16px 36px -22px rgb(16 24 40 / .35);
}
.pv-form__field {
  position: relative;
  display: flex; align-items: center;
  height: 40px; padding: 0 12px;
  border-radius: 8px; border: 1px solid #e3e4e8; background: #fafafb;
  font: 400 12.5px/1 var(--font-ui); color: #9aa0aa;
  overflow: hidden;
}
.pv-form__label { transition: transform .3s ease, font-size .3s ease; transform-origin: left; }
.pv-form__fill { position: absolute; left: 12px; bottom: 10px; height: 6px; width: 0; border-radius: 3px; background: #3b4150; opacity: .5; }
.pv-lander.is-play .pv-form__label { animation: pvLabel .35s ease forwards; animation-delay: calc(.2s + var(--k) * .45s); }
.pv-lander.is-play .pv-form__fill { animation: pvFill .45s ease forwards; animation-delay: calc(.3s + var(--k) * .45s); }
@keyframes pvLabel { to { transform: translateY(-8px) scale(.82); } }
@keyframes pvFill { to { width: 38%; } }
.pv-form__btn { display: grid; place-items: center; height: 42px; border-radius: 8px; background: var(--pv-accent); color: #fff; font: 600 14px/1 var(--font-ui); }
.pv-form__trust { display: flex; justify-content: center; align-items: center; gap: 6px; font: 400 11px/1.3 var(--font-ui); color: #8b8f9a; text-align: center; }
.pv-form__trust svg { flex: none; width: 11px; height: 11px; fill: none; stroke: currentColor; stroke-width: 1.2; }

.pv-quiz { display: grid; grid-template-columns: minmax(0, 560px) 250px; gap: 28px; justify-content: center; align-items: center; }
.pv-quiz__body {
  display: flex; flex-direction: column;
  min-height: 300px;
  padding: 26px 30px 30px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--pv-accent) 7%, #fff), #fff 60%);
}
.pv-quiz__progress { height: 6px; margin-bottom: 22px; border-radius: 999px; background: #eceef2; overflow: hidden; }
.pv-quiz__progress span { display: block; height: 100%; border-radius: inherit; background: var(--pv-accent); transition: width .45s cubic-bezier(.2, .8, .3, 1); }
.pv-quiz__step { margin: 0; padding: 0; border: 0; min-width: 0; }
.pv-quiz__step[hidden] { display: none; }
.pv-quiz__step:not([hidden]) { animation: pvStep .38s cubic-bezier(.2, .8, .3, 1); }
@keyframes pvStep { from { opacity: 0; transform: translateX(14px); } }
.pv-quiz__meta { padding: 0; margin-bottom: 8px; font: 500 12px/1 var(--font-ui); color: #8b8f9a; }
.pv-quiz__q { font: 700 21px/1.28 var(--font-ui); letter-spacing: -.015em; color: #0f1115; text-wrap: balance; }
.pv-quiz__opts { margin-top: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.pv-quiz__opt {
  appearance: none; -webkit-appearance: none;
  display: flex; align-items: center; min-height: 50px;
  padding: 12px 16px;
  border-radius: 10px;
  border: 1px solid #e0e2e7;
  background: #fff;
  font: 500 14.5px/1.3 var(--font-ui); color: #1f2937; text-align: left;
  cursor: pointer;
  transition: border-color .15s ease, background-color .15s ease;
}
.pv-quiz__opt:hover { border-color: var(--pv-accent); background: color-mix(in srgb, var(--pv-accent) 6%, #fff); }
.pv-quiz__opt:focus-visible { outline: 2px solid var(--pv-accent); outline-offset: 2px; }
.pv-quiz__opt.is-picked { border-color: var(--pv-accent); background: color-mix(in srgb, var(--pv-accent) 12%, #fff); }
.pv-quiz__badge { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 10px !important; padding: 5px 9px; border-radius: 999px; background: #e7f6ec; color: #15803d; font: 600 12px/1 var(--font-ui); }
.pv-quiz__badge svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.pv-quiz__sub { margin-top: 8px !important; font: 400 14px/1.5 var(--font-ui); color: #4b5563; }
.pv-quiz__fields { margin-top: 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.pv-quiz__field { display: flex; align-items: center; height: 40px; padding: 0 12px; border-radius: 8px; border: 1px solid #e3e4e8; background: #fff; font: 400 12.5px/1 var(--font-ui); color: #9aa0aa; }
.pv-quiz__cta { display: grid; place-items: center; height: 44px; margin-top: 10px; border-radius: 9px; background: var(--pv-accent); color: #fff; font: 600 14.5px/1 var(--font-ui); }
.pv-quiz__again { appearance: none; margin-top: 12px; padding: 0; border: 0; background: none; font: 500 13px/1 var(--font-ui); color: #6b7280; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.pv-quiz__again:hover { color: var(--ink-nav); }
.pv-quiz__done { display: none; }
.pv-quiz.is-done .pv-quiz__try { display: none; }
.pv-quiz.is-done .pv-quiz__done { display: inline; }
.pv-quiz__try { color: var(--pv-accent); }
.pv-quiz .pv-chip { opacity: .45; filter: grayscale(1); transition: opacity .4s ease, filter .4s ease; }
.pv-quiz.is-done .pv-chip { opacity: 1; filter: none; transition-delay: calc(.15s + var(--i) * .35s); }

.pv-split {
  max-width: 900px;
  padding: 18px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid var(--pv-line);
  box-shadow: var(--pv-shadow);
}
.pv-split [data-variant="0"], .pv-split__bar i:nth-child(1) { --c: #2347ff; }
.pv-split [data-variant="1"], .pv-split__bar i:nth-child(2) { --c: #7c3aed; }
.pv-split [data-variant="2"], .pv-split__bar i:nth-child(3) { --c: #0891b2; }
.pv-split [data-variant="3"], .pv-split__bar i:nth-child(4) { --c: #db2777; }
.pv-split__top { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.pv-split__url { display: inline-flex; align-items: center; gap: 6px; padding: 8px 10px; border-radius: 8px; background: #f3f4f6; font: 500 12.5px/1 var(--font-ui); color: #374151; white-space: nowrap; }
.pv-split__url svg { width: 11px; height: 11px; fill: none; stroke: currentColor; stroke-width: 1.2; }
.pv-split__bar { flex: 1; display: flex; gap: 3px; height: 28px; border-radius: 8px; overflow: hidden; }
.pv-split__bar i { display: grid; place-items: center; background: var(--c); color: #fff; font: 600 11.5px/1 var(--font-ui); font-style: normal; }
.pv-split__live { display: inline-flex; align-items: center; gap: 6px; font: 600 12px/1 var(--font-ui); color: #15803d; }
.pv-split__live i { width: 7px; height: 7px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 0 rgb(34 197 94 / .5); animation: pvLive 1.8s ease-out infinite; }
@keyframes pvLive { 70% { box-shadow: 0 0 0 7px rgb(34 197 94 / 0); } 100% { box-shadow: 0 0 0 0 rgb(34 197 94 / 0); } }
.pv-split__grid { display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); gap: 14px; }
.pv-split__card { padding: 14px; border-radius: 12px; border: 1px solid #ebebee; background: #fff; transition: border-color .4s ease, box-shadow .4s ease; }
.pv-split__card.is-leading { border-color: color-mix(in srgb, var(--c) 45%, #fff); box-shadow: 0 0 0 3px color-mix(in srgb, var(--c) 12%, transparent); }
.pv-split__head { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.pv-split__letter { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 6px; background: var(--c); color: #fff; font: 600 11.5px/1 var(--font-ui); }
.pv-split__name { font: 500 13px/1.2 var(--font-ui); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pv-split__lead { margin-left: auto; padding: 4px 8px; border-radius: 999px; background: #e7f6ec; color: #15803d; font: 600 11px/1 var(--font-ui); opacity: 0; transition: opacity .4s ease; }
.pv-split__card.is-leading .pv-split__lead { opacity: 1; }
.pv-split__thumb {
  display: flex; flex-direction: column; gap: 7px;
  height: 128px; padding: 14px;
  border-radius: 9px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--c) 10%, #fff), #fff);
  border: 1px solid #f0f0f3;
}
.pv-split__thumb p { margin-bottom: 4px; font: 700 14px/1.25 var(--font-ui); color: #0f1115; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pv-split__thumb i { height: 6px; border-radius: 3px; background: #e8e9ee; }
.pv-split__thumb i + i { width: 70%; }
.pv-split__thumb b { margin-top: auto; width: 45%; height: 24px; border-radius: 6px; background: var(--c); }
.pv-split__nums { margin: 14px 0 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.pv-split__nums dt { font: 400 11.5px/1 var(--font-ui); color: #8b8f9a; }
.pv-split__nums dd { margin: 6px 0 0; font: 600 18px/1 var(--font-ui); letter-spacing: -.02em; color: #0f1115; font-variant-numeric: tabular-nums; transition: color .3s ease; }
.pv-split__nums dd.is-bump { color: var(--c); }

.pv-import { display: grid; grid-template-columns: 340px minmax(0, 560px); gap: 28px; justify-content: center; align-items: center; }
.pv-import__box { padding: 20px; border-radius: 16px; background: #fff; border: 1px solid var(--pv-line); box-shadow: var(--pv-shadow); }
.pv-import__label { font: 500 11px/1 var(--font-ui); letter-spacing: .08em; text-transform: uppercase; color: #8b8f9a; }
.pv-import__row { display: flex; gap: 8px; margin-top: 12px; }
.pv-import__input {
  flex: 1; min-width: 0;
  display: flex; align-items: center; gap: 8px;
  height: 40px; padding: 0 10px;
  border: 1px solid #e3e4e8; border-radius: 8px;
  font: 400 13px/1 var(--font-ui); color: #0f1115;
  white-space: nowrap; overflow: hidden;
}
.pv-import__input svg { flex: none; width: 15px; height: 15px; fill: none; stroke: #8b8f9a; stroke-width: 1.2; }
.pv-import__input span { overflow: hidden; text-overflow: ellipsis; }
.pv-import .pv-caret { display: none; }
.pv-import[data-state="typing"] .pv-caret { display: inline-block; }
.pv-import__go { display: grid; place-items: center; height: 40px; padding: 0 14px; border-radius: 8px; background: var(--ink-nav); color: #fff; font: 500 13px/1 var(--font-ui); }
.pv-import__progress { margin-top: 14px; height: 4px; border-radius: 999px; background: #eef0f3; overflow: hidden; }
.pv-import__progress span { display: block; height: 100%; width: 100%; border-radius: inherit; background: var(--brand); }
.pv-import__checks { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 10px; }
.pv-import__checks li { display: flex; align-items: center; gap: 10px; font: 400 13.5px/1.35 var(--font-ui); color: var(--ink-nav); transition: opacity .35s ease; }
.pv-import__checks .pv-chip__tick { width: 22px; height: 22px; border-radius: 6px; }
.pv-import__checks .pv-chip__tick svg { width: 12px; height: 12px; }
.pv-import__page { display: grid; grid-template-columns: 56px minmax(0, 1fr); min-height: 300px; }
.pv-import__side { display: grid; align-content: start; gap: 10px; padding: 14px 10px; border-right: 1px solid #f0f0f3; background: #fcfcfd; }
.pv-import__side b { height: 26px; border-radius: 6px; background: #f1f2f5; }
.pv-import__canvas { position: relative; display: flex; flex-direction: column; gap: 9px; padding: 26px 28px; transition: opacity .45s ease, transform .45s cubic-bezier(.2, .8, .3, 1); }
.pv-import__tag { align-self: flex-start; padding: 4px 8px; border-radius: 999px; background: #e7f6ec; color: #15803d; font: 600 11px/1 var(--font-ui); }
.pv-import__title { margin-top: 4px !important; font: 700 21px/1.2 var(--font-ui); letter-spacing: -.015em; color: #0f1115; }
.pv-import__canvas i { height: 7px; border-radius: 4px; background: #eceef2; }
.pv-import__canvas i.short { width: 60%; }
.pv-import__img { height: 96px; margin-top: 6px; border-radius: 10px; }
.pv-import__btn { width: 42%; height: 34px; border-radius: 8px; background: var(--brand); }
.pv-import[data-js] .pv-import__progress span { width: var(--p, 0%); transition: width 1.3s cubic-bezier(.4, 0, .2, 1); }
.pv-import[data-state="typing"] .pv-import__checks li,
.pv-import[data-state="loading"] .pv-import__checks li { opacity: .25; transition-delay: 0s; }
.pv-import[data-state="done"] .pv-import__checks li { transition-delay: calc(var(--i) * .35s); }
.pv-import[data-state="typing"] .pv-import__canvas,
.pv-import[data-state="loading"] .pv-import__canvas { opacity: 0; transform: translateY(10px); }

.pv-boost { display: grid; grid-template-columns: minmax(0, 620px) 230px; gap: 24px; justify-content: center; align-items: center; }
.pv-boost__page { position: relative; height: 360px; overflow: hidden; background: #fff; }
.pv-boost__bar {
  display: flex; justify-content: center; align-items: center; gap: 10px;
  height: 36px; padding: 0 12px;
  background: #0f1115; color: #fff;
  font: 500 12.5px/1 var(--font-ui);
}
.pv-boost__timer b { padding: 4px 7px; border-radius: 5px; background: #ef4444; font: 600 11.5px/1 var(--font-ui); font-variant-numeric: tabular-nums; }
.pv-boost__hero { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 32px 40px 0; }
.pv-boost__h { max-width: 420px; font: 700 24px/1.2 var(--font-ui); letter-spacing: -.02em; color: #0f1115; }
.pv-boost__hero i { width: 80%; height: 7px; border-radius: 4px; background: #eceef2; }
.pv-boost__hero i + i { width: 70%; }
.pv-boost__hero i.short { width: 46%; }
.pv-boost__cta { width: 170px; height: 40px; margin-top: 6px; border-radius: 9px; background: var(--brand); }
.pv-boost__rows { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; padding: 26px 40px; }
.pv-boost__rows b { height: 72px; border-radius: 10px; background: #f5f6f8; }
.pv-boost__shade { position: absolute; inset: 0; background: rgb(10 12 20 / .38); }
.pv-boost__popup {
  position: absolute; left: 50%; top: 55%; translate: -50% -50%;
  width: 300px;
  display: grid; gap: 10px;
  padding: 24px 22px 22px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 30px 60px -20px rgb(0 0 0 / .45);
  text-align: center;
}
.pv-boost__x { position: absolute; top: 10px; right: 14px; font: 400 18px/1 var(--font-ui); color: #9aa0aa; }
.pv-boost__ph { font: 700 18px/1.25 var(--font-ui); color: #0f1115; }
.pv-boost__ps { font: 400 13px/1.45 var(--font-ui); color: #4b5563; }
.pv-boost__pin { display: flex; align-items: center; height: 38px; padding: 0 12px; border-radius: 8px; border: 1px solid #e3e4e8; font: 400 12.5px/1 var(--font-ui); color: #9aa0aa; text-align: left; }
.pv-boost__pbtn { display: grid; place-items: center; height: 40px; border-radius: 8px; background: var(--brand); color: #fff; font: 600 13.5px/1 var(--font-ui); }
.pv-boost__toast {
  position: absolute; left: 16px; bottom: 16px;
  display: flex; align-items: center; gap: 10px;
  max-width: 290px; padding: 10px 14px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 16px 34px -14px rgb(16 24 40 / .4);
  border: 1px solid #eef0f3;
  font: 500 12.5px/1.35 var(--font-ui); color: var(--ink-nav);
}
.pv-boost__dot { flex: none; width: 9px; height: 9px; border-radius: 50%; background: #22c55e; }
.pv-boost [data-tool] { transition: opacity .4s ease, transform .45s cubic-bezier(.2, .8, .3, 1); }
.pv-boost[data-js] [data-tool] { opacity: 0; }
.pv-boost[data-js] .pv-boost__bar[data-tool] { transform: translateY(-100%); }
.pv-boost[data-js] .pv-boost__popup { transform: translateY(14px) scale(.97); }
.pv-boost[data-js] .pv-boost__toast { transform: translateY(14px); }
.pv-boost[data-js].on-bar .pv-boost__bar[data-tool],
.pv-boost[data-js].on-timer .pv-boost__timer[data-tool],
.pv-boost[data-js].on-popup [data-tool="popup"],
.pv-boost[data-js].on-toast .pv-boost__toast[data-tool] { opacity: 1; transform: none; }
.pv-boost__panel { padding: 16px; border-radius: 14px; background: #fff; border: 1px solid var(--pv-line); box-shadow: var(--pv-shadow); display: grid; gap: 4px; }
.pv-boost__panel .pv-chips__head { margin-bottom: 8px !important; }
.pv-boost__toggle { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 4px; border-top: 1px solid #f1f2f4; font: 500 13px/1.2 var(--font-ui); }
.pv-switch { position: relative; flex: none; width: 30px; height: 17px; border-radius: 999px; background: #e1e3e8; transition: background-color .3s ease; }
.pv-switch::after { content: ""; position: absolute; top: 2px; left: 2px; width: 13px; height: 13px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgb(0 0 0 / .2); transition: transform .3s cubic-bezier(.2, .8, .3, 1); }
.pv-boost:not([data-js]) .pv-switch,
.pv-boost.on-bar [data-toggle="bar"] .pv-switch,
.pv-boost.on-timer [data-toggle="timer"] .pv-switch,
.pv-boost.on-popup [data-toggle="popup"] .pv-switch,
.pv-boost.on-toast [data-toggle="toast"] .pv-switch { background: var(--brand); }
.pv-boost:not([data-js]) .pv-switch::after,
.pv-boost.on-bar [data-toggle="bar"] .pv-switch::after,
.pv-boost.on-timer [data-toggle="timer"] .pv-switch::after,
.pv-boost.on-popup [data-toggle="popup"] .pv-switch::after,
.pv-boost.on-toast [data-toggle="toast"] .pv-switch::after { transform: translateX(13px); }

.pv-prompt { display: grid; grid-template-columns: 330px minmax(0, 560px); gap: 28px; justify-content: center; align-items: center; }
.pv-prompt__box { padding: 16px; border-radius: 16px; background: #fff; border: 1px solid var(--pv-line); box-shadow: var(--pv-shadow); }
.pv-prompt__text { min-height: 68px; font: 400 15px/1.5 var(--font-ui); color: #0f1115; }
.pv-prompt__bar { display: flex; justify-content: space-between; align-items: center; margin-top: 12px; }
.pv-prompt__pill { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; background: #f3f4f6; font: 500 12px/1 var(--font-ui); color: #374151; }
.pv-prompt__pill svg { width: 12px; height: 12px; fill: var(--brand); }
.pv-prompt__send { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--brand); }
.pv-prompt__send svg { width: 14px; height: 14px; fill: none; stroke: #fff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.pv-prompt__log { list-style: none; margin: 18px 0 0 8px; padding: 0; display: grid; gap: 11px; font: 400 13px/1.3 var(--font-ui); color: var(--ink-nav); }
.pv-prompt__log li { display: flex; align-items: center; gap: 10px; transition: opacity .3s ease; }
.pv-prompt__log .pv-dot { background: #22c55e; }
.pv-prompt[data-js] .pv-prompt__log li { opacity: .35; }
.pv-prompt[data-js] .pv-prompt__log .pv-dot { background: #d1d5db; }
.pv-prompt[data-js] .pv-prompt__log li.is-on { opacity: 1; }
.pv-prompt[data-js] .pv-prompt__log li.is-on .pv-dot { background: #22c55e; }
.pv-prompt__page { display: grid; align-content: start; gap: 16px; min-height: 340px; padding: 24px 18px 20px; }
.pv-block {
  position: relative;
  display: flex; flex-direction: column; gap: 7px;
  padding: 16px;
  border-radius: 10px;
  border: 1px dashed transparent;
  background: #f6f7f9;
  transition: opacity .4s ease, transform .45s cubic-bezier(.2, .8, .3, 1), border-color .3s ease;
}
.pv-block i { height: 7px; border-radius: 4px; background: #e3e5ea; }
.pv-block i.short { width: 58%; }
.pv-block--hero { padding: 24px 18px; background: linear-gradient(135deg, #eef2ff, #f6f7f9); }
.pv-block--hero i:first-of-type { height: 12px; width: 76%; background: #c9d2f5; }
.pv-block--hero b { width: 128px; height: 28px; margin-top: 6px; border-radius: 7px; background: var(--brand); }
.pv-block__tag { position: absolute; top: -9px; left: 12px; padding: 3px 7px; border-radius: 5px; background: #fff; border: 1px solid #e3e5ea; color: #6b7280; font: 600 10.5px/1.2 var(--font-ui); transition: background-color .3s ease, color .3s ease, border-color .3s ease; }
.pv-block.is-new { border-color: var(--brand); }
.pv-block.is-new .pv-block__tag { background: var(--brand); border-color: var(--brand); color: #fff; }
.pv-prompt[data-js] .pv-block:not(.is-in) { opacity: 0; transform: translateY(10px); }

.pv-chat { max-width: 660px; }
.pv-chat__win { border-radius: 16px; overflow: hidden; background: #fbfaf8; border: 1px solid #e7e5e0; box-shadow: var(--pv-shadow); }
.pv-chat__bar { display: flex; align-items: center; gap: 14px; height: 44px; padding: 0 14px; border-bottom: 1px solid #edebe6; }
.pv-chat__client { display: inline-flex; align-items: center; gap: 8px; font: 600 13px/1 var(--font-ui); color: #1f1f1f; }
.pv-chat__client img { width: 16px; height: 16px; }
.pv-chat__mcp { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; border-radius: 999px; background: #e7f6ec; color: #15803d; font: 500 11.5px/1 var(--font-ui); white-space: nowrap; }
.pv-chat__mcp i { width: 6px; height: 6px; border-radius: 50%; background: #22c55e; }
.pv-chat__body { display: flex; flex-direction: column; gap: 14px; min-height: 300px; padding: 22px 24px; }
.pv-chat__you { align-self: flex-end; max-width: 82%; padding: 11px 15px; border-radius: 16px 16px 4px 16px; background: #efede7; font: 400 14.5px/1.5 var(--font-ui); color: #1f1f1f; }
.pv-chat__tools { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.pv-chat__tools li { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border-radius: 10px; border: 1px solid #ebe9e3; background: #fff; }
.pv-chat__tools code { font: 500 12.5px/1 ui-monospace, "SF Mono", Menlo, monospace; color: #1f1f1f; }
.pv-chat__tools .pv-chip__tick { width: 18px; height: 18px; border-radius: 5px; }
.pv-chat__tools .pv-chip__tick svg { width: 11px; height: 11px; }
.pv-chat__src { margin-left: auto; font: 400 11.5px/1 var(--font-ui); color: #9a9892; }
.pv-chat__tools .pv-chat__spin { display: none; }
.pv-chat__ai { display: flex; gap: 10px; align-items: flex-start; font: 400 14.5px/1.55 var(--font-ui); color: #2b2b2b; }
.pv-chat__ai img { flex: none; width: 18px; height: 18px; margin-top: 2px; }
.pv-chat__input { display: flex; align-items: center; justify-content: space-between; height: 44px; margin: 0 14px 14px; padding: 0 8px 0 14px; border-radius: 12px; border: 1px solid #e7e5e0; background: #fff; font: 400 13.5px/1 var(--font-ui); color: #9a9892; }
.pv-chat__input i { width: 28px; height: 28px; border-radius: 8px; background: #efede7; }
.pv-chat[data-js] .pv-chat__tools li:not(.is-run):not(.is-done) { display: none; }
.pv-chat[data-js] .pv-chat__tools li.is-run .pv-chat__spin { display: block; }
.pv-chat[data-js] .pv-chat__tools li.is-run .pv-chip__tick { display: none; }
.pv-chat[data-js] .pv-chat__tools li { animation: pvChip .35s cubic-bezier(.2, .8, .3, 1); }
.pv-chat[data-js] .pv-chat__you:not(.is-in),
.pv-chat[data-js] .pv-chat__ai:not(.is-in) { display: none; }
.pv-chat[data-js] .pv-chat__you.is-in,
.pv-chat[data-js] .pv-chat__ai.is-in { animation: pvChip .45s cubic-bezier(.2, .8, .3, 1); }

.pv-hub {
  --u: min(1px, 100cqw / 1160);
  --hub-ink:   #f4f6ff;
  --hub-soft:  rgb(236 240 255 / .74);
  --hub-faint: rgb(236 240 255 / .46);
  --hub-hi:    #9fb1ff;
  --hub-ok:    #34d399;
  --hub-night: #070e48;
  --hub-mono:  ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  position: relative;
  max-width: none;
  height: calc(640 * var(--u));
  font-family: var(--hub-mono);
  color: var(--hub-soft);
}
.pv-hub svg { overflow: visible; }

.pv-hub__url {
  position: absolute; left: 50%; top: calc(24 * var(--u)); translate: -50% 0;
  display: flex; align-items: center; gap: calc(12 * var(--u));
  font-size: calc(12 * var(--u)); white-space: nowrap;
}
.pv-hub__url-k { font-size: calc(10.5 * var(--u)); letter-spacing: .16em; text-transform: uppercase; color: var(--hub-faint); }
.pv-hub__url code { font: inherit; color: var(--hub-ink); }
.pv-hub__copy {
  display: inline-flex; align-items: center; gap: calc(6 * var(--u));
  height: calc(26 * var(--u)); padding: 0 calc(11 * var(--u));
  border: 1px solid rgb(236 240 255 / .18); border-radius: 999px;
  background: transparent; color: var(--hub-ink);
  font: 500 calc(10.5 * var(--u))/1 var(--hub-mono); letter-spacing: .12em; text-transform: uppercase;
  cursor: pointer; transition: background-color .15s ease;
}
.pv-hub__copy[hidden] { display: none; }
.pv-hub__copy:hover { background: rgb(236 240 255 / .08); }
.pv-hub__copy:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.pv-hub__copy svg { width: calc(12 * var(--u)); height: calc(12 * var(--u)); fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }

.pv-hub__label {
  font-size: calc(12 * var(--u)); font-weight: 500; line-height: 1;
  letter-spacing: .16em; text-transform: uppercase; white-space: nowrap;
  color: var(--hub-ink);
}
.pv-hub__label--in  { position: absolute; z-index: 1; right: calc(50% + 94 * var(--u)); top: calc(344 * var(--u)); translate: 0 -50%; }
.pv-hub__label--out { position: absolute; z-index: 1; left: calc(50% + 120 * var(--u)); top: calc(344 * var(--u)); translate: 0 -50%; }

.pv-hub__wires {
  position: absolute; top: 0; left: calc(50% - 580 * var(--u));
  width: calc(1160 * var(--u)); height: calc(640 * var(--u));
}
.pv-hub__wire { fill: none; stroke: rgb(236 240 255 / .16); }
.pv-hub__wire--dash { stroke: rgb(159 177 255 / .55); stroke-dasharray: 3 5; }
.pv-hub__joint { fill: rgb(159 177 255 / .6); }
.pv-hub__pulse { fill: none; stroke: var(--hub-hi); stroke-width: 1.8; stroke-linecap: round; opacity: 0; }
.pv-hub__pulse--ok { stroke: var(--hub-ok); }
.pv-hub__lit { opacity: 0; transition: opacity .45s ease; }
.pv-hub__lit.is-on { opacity: 1; }
.pv-hub__lit path { fill: none; stroke: var(--hub-ok); stroke-width: 1.2; }
.pv-hub__lit .pv-hub__lit-soft { stroke-width: 5; stroke-opacity: .16; }

.pv-hub__rows {
  position: absolute; left: 0; right: calc(50% + 300 * var(--u)); top: calc(295 * var(--u));
  display: grid; row-gap: calc(10 * var(--u));
}
.pv-hub__row {
  position: relative;
  display: flex; justify-content: flex-end;
  height: calc(26 * var(--u)); overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 calc(140 * var(--u)), #000 calc(100% - 30 * var(--u)), transparent);
          mask-image: linear-gradient(90deg, transparent, #000 calc(140 * var(--u)), #000 calc(100% - 30 * var(--u)), transparent);
}
.pv-hub__track { flex: none; display: flex; gap: calc(10 * var(--u)); height: 100%; }
.pv-hub__ghost { position: absolute; top: 0; right: 0; }
.pv-hub__chip {
  flex: none; display: inline-flex; align-items: center; gap: calc(7 * var(--u));
  height: 100%; padding: 0 calc(12 * var(--u)) 0 calc(9 * var(--u));
  border: 1px solid rgb(236 240 255 / .13); border-radius: 999px;
  background: rgb(6 11 56 / .8);
  font-size: calc(11 * var(--u)); white-space: nowrap; color: var(--hub-soft);
}
.pv-hub__mark {
  flex: none; width: calc(12 * var(--u)); height: calc(12 * var(--u));
  background: var(--hub-ink);
  -webkit-mask: center / contain no-repeat; mask: center / contain no-repeat;
}
.pv-hub__mark[data-client="claude"]   { -webkit-mask-image: url(../img/integrations/claude.svg); mask-image: url(../img/integrations/claude.svg); }
.pv-hub__mark[data-client="chatgpt"]  { -webkit-mask-image: url(../img/integrations/chatgpt.png); mask-image: url(../img/integrations/chatgpt.png); }
.pv-hub__mark[data-client="cursor"]   { -webkit-mask-image: url(../img/integrations/cursor.svg); mask-image: url(../img/integrations/cursor.svg); }
.pv-hub__mark[data-client="windsurf"] { -webkit-mask-image: url(../img/integrations/windsurf.svg); mask-image: url(../img/integrations/windsurf.svg); }
.pv-hub__mark[data-client="gemini"]   { -webkit-mask-image: url(../img/integrations/google-gemini.svg); mask-image: url(../img/integrations/google-gemini.svg); }
.pv-hub__mark[data-client="manus"]    { -webkit-mask-image: url(../img/integrations/manus.png); mask-image: url(../img/integrations/manus.png); }

.pv-hub__core {
  position: absolute; left: calc(50% - 220 * var(--u)); top: calc(130 * var(--u));
  width: calc(440 * var(--u)); height: calc(420 * var(--u));
}
.pv-hub__core > svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.pv-hub__ring { fill: none; stroke: rgb(236 240 255 / .16); }
.pv-hub__ring--2 { stroke: rgb(236 240 255 / .11); }
.pv-hub__ring--3 { stroke: rgb(236 240 255 / .07); }
.pv-hub__arc {
  fill: none; stroke: rgb(159 177 255 / .6); stroke-width: 1.2; stroke-dasharray: 40 320;
  transform-box: fill-box; transform-origin: center;
}
.pv-hub__nodes circle { fill: var(--hub-night); stroke: rgb(159 177 255 / .7); }
.pv-hub__dots circle { fill: var(--hub-hi); }
.pv-hub__ping { fill: none; stroke: rgb(159 177 255 / .8); opacity: 0; transform-box: fill-box; transform-origin: center; }
.pv-hub__check { transform-box: fill-box; transform-origin: center; }
.pv-hub__check circle { fill: var(--hub-night); stroke: rgb(236 240 255 / .24); transition: stroke .3s ease; }
.pv-hub__check path { fill: none; stroke: var(--hub-faint); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; transition: stroke .3s ease; }
.pv-hub__check.is-on circle, .pv-hub__check.is-on path { stroke: var(--hub-ok); }
.pv-hub__label--top  { position: absolute; left: 50%; top: calc(20 * var(--u)); translate: -50% -50%; }
.pv-hub__label--foot { position: absolute; left: 50%; top: calc(388 * var(--u)); translate: -50% -50%; }
.pv-hub__orb {
  position: absolute; left: calc(154 * var(--u)); top: calc(148 * var(--u));
  width: calc(132 * var(--u)); height: calc(132 * var(--u));
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: calc(9 * var(--u));
  border-radius: 50%; border: 1px solid rgb(159 177 255 / .55);
  background: var(--hub-night);
}
.pv-hub__orb::before {
  content: ""; position: absolute; inset: calc(7 * var(--u));
  border-radius: 50%; border: 1px solid rgb(159 177 255 / .14);
}
.pv-hub__orb-k { font-size: calc(9 * var(--u)); letter-spacing: .3em; margin-right: -.3em; text-transform: uppercase; color: var(--hub-faint); }
.pv-hub__logo { width: calc(19 * var(--u)); height: calc(31 * var(--u)); fill: #fff; }
.pv-hub__orb-name { font-size: calc(12 * var(--u)); color: var(--hub-soft); }
.pv-hub__clients {
  position: absolute; left: 50%; top: calc(338 * var(--u)); translate: -50% -50%;
  display: flex; gap: calc(46 * var(--u));
}
.pv-hub__clients img { display: block; width: calc(22 * var(--u)); height: calc(22 * var(--u)); object-fit: contain; }
.pv-hub__clients img[data-client="manus"] { filter: invert(1); }

.pv-hub__orbit {
  position: absolute; left: calc(220 * var(--u)); top: calc(214 * var(--u));
  width: 0; height: 0;
  transition: opacity .35s ease;
}
.pv-hub__variant { position: absolute; left: 0; top: 0; rotate: var(--a); }
.pv-hub__vbody {
  position: absolute; left: 0; top: 0;
  translate: calc(104 * var(--u)) 0; rotate: calc(-1 * var(--a));
  transition: opacity .6s ease;
}
.pv-hub__vsway { position: absolute; left: 0; top: 0; scale: var(--s, 1); transition: scale .9s cubic-bezier(.2, .8, .3, 1); }
.pv-hub__vsway > * { position: absolute; left: 0; top: 0; translate: -50% -50%; }
.pv-hub__vpill {
  display: inline-flex; align-items: center; gap: calc(6 * var(--u));
  height: calc(20 * var(--u)); padding: 0 calc(8 * var(--u));
  border: 1px solid rgb(159 177 255 / .45); border-radius: 999px;
  background: var(--hub-night);
  font-size: calc(10 * var(--u)); line-height: 1; white-space: nowrap;
  transition: opacity .5s ease;
}
.pv-hub__vpill span { color: var(--hub-faint); }
.pv-hub__vpill b { font-weight: 500; color: var(--hub-ink); font-variant-numeric: tabular-nums; }
.pv-hub__vpill::after {
  content: ""; position: absolute; inset: -1px; border-radius: inherit;
  border: 1px solid var(--hub-ok); opacity: 0; transition: opacity .5s ease;
}
.pv-hub__vglow {
  width: calc(96 * var(--u)); height: calc(96 * var(--u)); border-radius: 50%;
  background: radial-gradient(closest-side, rgb(52 211 153 / .42), rgb(52 211 153 / .12) 55%, rgb(52 211 153 / 0));
  opacity: 0; transition: opacity .6s ease;
}
.pv-hub__vping { width: calc(40 * var(--u)); height: calc(40 * var(--u)); border-radius: 50%; border: 1px solid var(--hub-ok); opacity: 0; }
.pv-hub__vsway > .pv-hub__x {
  translate: calc(22 * var(--u)) calc(-18 * var(--u));
  display: grid; width: calc(13 * var(--u)); height: calc(13 * var(--u));
  border: 1px solid rgb(248 113 113 / .75); border-radius: 50%;
  background: var(--hub-night);
  opacity: 0; scale: .5;
  transition: opacity .35s ease, scale .35s cubic-bezier(.2, .8, .3, 1);
}
.pv-hub__x svg { width: 100%; height: 100%; fill: none; stroke: #f87171; stroke-width: 1.4; stroke-linecap: round; }
.pv-hub__vsway > .pv-hub__tag {
  left: calc(32 * var(--u)); translate: 0 -50%;
  padding: calc(3 * var(--u)) calc(5 * var(--u)); border-radius: calc(4 * var(--u));
  background: var(--hub-night);
  font-size: calc(8.5 * var(--u)); letter-spacing: .18em; text-transform: uppercase; white-space: nowrap;
  color: var(--hub-ok);
  opacity: 0; transition: opacity .5s ease;
}
.pv-hub__variant.is-lead .pv-hub__vglow,
.pv-hub__variant.is-lead .pv-hub__vpill::after { opacity: 1; }
.pv-hub__variant.is-paused .pv-hub__vpill { opacity: .4; }
.pv-hub__variant.is-paused .pv-hub__x { opacity: 1; scale: 1; }
.pv-hub__variant.is-out .pv-hub__vbody { opacity: 0; }
.pv-hub__variant.is-live .pv-hub__tag { opacity: 1; }
.pv-hub.is-reset .pv-hub__orbit { opacity: 0; }
.pv-hub.is-instant :is(.pv-hub__orbit, .pv-hub__orbit *, .pv-hub__lit, .pv-hub__card, .pv-hub__card li, .pv-hub__card li i) { transition: none; }
.pv-hub.is-instant .pv-hub__card::after { transition: none; }

.pv-hub__log {
  position: absolute; left: calc(50% + 246 * var(--u)); right: 0; top: calc(332 * var(--u));
  height: calc(24 * var(--u)); overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 calc(18 * var(--u)), #000 calc(100% - 160 * var(--u)), transparent);
          mask-image: linear-gradient(90deg, transparent, #000 calc(18 * var(--u)), #000 calc(100% - 160 * var(--u)), transparent);
}
.pv-hub__log-track { display: flex; align-items: center; gap: calc(28 * var(--u)); width: max-content; height: 100%; }
.pv-hub__entry { flex: none; white-space: nowrap; font-size: calc(12 * var(--u)); color: var(--hub-soft); }
.pv-hub__entry i { font-style: normal; margin-right: calc(10 * var(--u)); color: var(--hub-faint); }
.pv-hub__entry b { font-weight: 500; color: var(--hub-hi); }
.pv-hub__entry--typed { position: relative; }
.pv-hub__full { visibility: hidden; }
.pv-hub__now { position: absolute; left: 0; top: 0; white-space: nowrap; }
.pv-hub__entry .pv-hub__caret {
  display: inline-block; width: 1px; height: 1.1em; margin: 0 0 0 2px; vertical-align: -.2em;
  background: var(--hub-ok); animation: pvBlink 1s steps(1) infinite;
}

.pv-hub__card {
  position: absolute; width: calc(230 * var(--u));
  padding: calc(14 * var(--u)) calc(16 * var(--u)) calc(12 * var(--u));
  border: 1px solid rgb(236 240 255 / .09); border-radius: calc(12 * var(--u));
  background: rgb(5 9 44 / .82);
}
.pv-hub__card::after {
  content: ""; position: absolute; inset: -1px; border-radius: inherit; pointer-events: none;
  border: 1px solid rgb(52 211 153 / .5); opacity: 0; transition: opacity .45s ease;
}
.pv-hub__card.is-on::after { opacity: 1; }
.pv-hub__card--tl { left: calc(50% - 548 * var(--u)); top: calc(80 * var(--u)); }
.pv-hub__card--tr { left: calc(50% + 318 * var(--u)); top: calc(80 * var(--u)); }
.pv-hub__card--bl { left: calc(50% - 548 * var(--u)); top: calc(424 * var(--u)); }
.pv-hub__card--br { left: calc(50% + 318 * var(--u)); top: calc(424 * var(--u)); }
.pv-hub__card-head {
  display: flex; align-items: flex-start; gap: calc(10 * var(--u));
  min-height: calc(42 * var(--u)); padding-bottom: calc(10 * var(--u));
  border-bottom: 1px solid rgb(236 240 255 / .08);
  font-size: calc(10.5 * var(--u)); line-height: 1.5; letter-spacing: .12em; text-transform: uppercase;
  color: var(--hub-soft);
}
.pv-hub__num {
  flex: none; display: grid; place-items: center;
  width: calc(22 * var(--u)); height: calc(17 * var(--u));
  border: 1px solid rgb(236 240 255 / .16); border-radius: calc(4 * var(--u));
  font-size: calc(9 * var(--u)); letter-spacing: 0; color: var(--hub-faint);
}
.pv-hub__card ul { list-style: none; margin: calc(6 * var(--u)) 0 0; padding: 0; }
.pv-hub__card li {
  display: flex; align-items: center; gap: calc(10 * var(--u));
  height: calc(27 * var(--u));
  font-size: calc(11 * var(--u)); white-space: nowrap; color: var(--hub-faint);
  transition: color .35s ease;
}
.pv-hub__card li i { flex: none; width: calc(5 * var(--u)); height: calc(5 * var(--u)); border-radius: 50%; background: rgb(159 177 255 / .45); transition: background-color .35s ease; }
.pv-hub__card li.is-on { color: var(--hub-ink); }
.pv-hub__card li.is-on i { background: var(--hub-ok); }

.pv-hub.is-play .pv-hub__flow { animation: hubFlow 1.2s linear infinite; }
.pv-hub.is-play .pv-hub__arc { animation: hubTurn 18s linear infinite; }
.pv-hub.is-play .pv-hub__orbit { animation: hubSway 14s ease-in-out infinite alternate; }
.pv-hub.is-play .pv-hub__vsway { animation: hubSwayBack 14s ease-in-out infinite alternate; }
.pv-hub.is-play .pv-hub__variant.is-lead .pv-hub__vglow { animation: hubGlow 2.6s ease-in-out infinite alternate; }
.pv-hub.is-paused :is(.pv-hub__flow, .pv-hub__arc, .pv-hub__orbit, .pv-hub__vsway, .pv-hub__vglow) { animation-play-state: paused; }
@keyframes hubFlow { to { stroke-dashoffset: -16; } }
@keyframes hubTurn { to { transform: rotate(1turn); } }
@keyframes hubSway { from { rotate: -12deg; } to { rotate: 12deg; } }
@keyframes hubSwayBack { from { rotate: 12deg; } to { rotate: -12deg; } }
@keyframes hubGlow { from { scale: .88; } to { scale: 1.1; } }

@media (max-width: 1023px) {
  .pv-hub {
    --u: 1px;
    height: auto; padding: 30px 0 34px;
    display: flex; flex-direction: column; align-items: center; gap: 24px;
  }
  .pv-hub__url { position: static; translate: none; flex-wrap: wrap; justify-content: center; padding-inline: 20px; }
  .pv-hub__wires { display: none; }
  .pv-hub__in, .pv-hub__out { display: flex; flex-direction: column; align-items: center; gap: 14px; width: 100%; }
  .pv-hub__label--in, .pv-hub__label--out { position: static; translate: none; }
  .pv-hub__rows { position: static; width: 100%; }
  .pv-hub__row:nth-child(3) { display: none; }
  .pv-hub__row {
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 18%, #000 88%, transparent);
            mask-image: linear-gradient(90deg, transparent, #000 18%, #000 88%, transparent);
  }
  .pv-hub__core { --u: .86px; position: relative; left: auto; top: auto; flex: none; }
  .pv-hub__core .pv-hub__label { font-size: 11px; }
  .pv-hub__log {
    position: static; width: 100%;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 78%, transparent);
            mask-image: linear-gradient(90deg, transparent, #000 10%, #000 78%, transparent);
  }
  .pv-hub__log-track { padding-left: 24px; }
  .pv-hub__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; width: 100%; padding-inline: 20px; }
  .pv-hub__card { position: relative; left: auto; top: auto; width: auto; }
}
@media (max-width: 640px) {
  .pv-hub { gap: 20px; }
  .pv-hub__core { --u: .72px; }
  .pv-hub__orb-k { font-size: 7px; }
  .pv-hub__orb-name { font-size: 10px; }
  .pv-hub__vpill { height: 17px; font-size: 9px; }
  .pv-hub__vsway > .pv-hub__tag { font-size: 7.5px; }
  .pv-hub__cards { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .pv-hub.is-play :is(.pv-hub__flow, .pv-hub__arc, .pv-hub__orbit, .pv-hub__vsway, .pv-hub__vglow) { animation: none; }
}

.pv-flow { display: flex; align-items: center; justify-content: center; max-width: 1080px; }
.pv-flow__chain { display: flex; align-items: center; min-width: 0; }
.pv-node {
  display: flex; align-items: center; gap: 10px;
  width: 172px; flex: none;
  padding: 12px 14px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid var(--pv-line);
  box-shadow: 0 1px 2px rgb(16 24 40 / .05), 0 14px 30px -20px rgb(16 24 40 / .35);
}
.pv-node__ico { flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; background: #fff1e6; }
.pv-node__ico svg { width: 15px; height: 15px; fill: #ea580c; }
.pv-node__ico--logic { background: #eef1ff; }
.pv-node__ico--logic svg { fill: none; stroke: var(--brand); stroke-width: 1.8; stroke-linecap: round; }
.pv-node__text { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.pv-node__text b { font: 600 13px/1.2 var(--font-ui); color: #0f1115; }
.pv-node__text span { font: 400 11.5px/1.35 var(--font-ui); color: #6b7280; }
.pv-wire { position: relative; flex: none; width: 34px; height: 2px; background: #d6d9e1; }
.pv-wire i {
  position: absolute; top: 50%; left: 0;
  width: 8px; height: 8px; margin-top: -4px;
  border-radius: 50%;
  background: var(--brand);
  box-shadow: 0 0 0 4px rgb(35 71 255 / .14);
  opacity: 0;
  animation: pvRun 3.6s linear infinite;
  animation-delay: calc(var(--i) * .55s);
}
@keyframes pvRun {
  0% { left: 0; opacity: 0; }
  3% { opacity: 1; }
  13% { left: calc(100% - 8px); opacity: 1; }
  16%, 100% { left: calc(100% - 8px); opacity: 0; }
}
.pv-flow__dests { position: relative; list-style: none; margin: 0; padding: 0 0 0 18px; display: grid; gap: 10px; }
.pv-flow__dests::before { content: ""; position: absolute; left: 0; top: 22px; bottom: 22px; width: 2px; background: #d6d9e1; }
.pv-dest {
  position: relative;
  display: flex; align-items: center; gap: 10px;
  width: 270px;
  padding: 7px 10px 7px 7px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid var(--pv-line);
  box-shadow: 0 1px 2px rgb(16 24 40 / .05);
  font: 500 13px/1.2 var(--font-ui);
}
.pv-dest::before { content: ""; position: absolute; left: -18px; top: 50%; width: 18px; height: 2px; background: #d6d9e1; }
.pv-dest .ig-tile.pv-dest__tile { --tile: 30px; border-radius: 8px; box-shadow: none; }
.pv-dest__label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pv-dest .pv-chip__tick { width: 20px; height: 20px; border-radius: 6px; animation: pvTick 3.6s ease infinite; animation-delay: calc(var(--i) * .55s + var(--k) * .12s); opacity: .25; }
.pv-dest .pv-chip__tick svg { width: 11px; height: 11px; }
@keyframes pvTick { 0%, 4% { opacity: .25; transform: scale(.9); } 8%, 60% { opacity: 1; transform: none; } 75%, 100% { opacity: .25; } }

.pv-leads__table { font: 400 13px/1.3 var(--font-ui); }
.pv-leads__row {
  display: grid; grid-template-columns: 1.5fr 1.3fr 1fr .95fr .9fr; gap: 12px; align-items: center;
  padding: 10px 8px;
  border-bottom: 1px solid #f1f2f4;
  color: #374151;
}
.pv-leads__row > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pv-leads__row--head { padding-top: 6px; font: 500 11px/1 var(--font-ui); letter-spacing: .06em; text-transform: uppercase; color: #8b8f9a; }
.pv-leads__rows { max-height: 245px; overflow: hidden; }
.pv-leads__who { display: flex; align-items: center; gap: 9px; font-weight: 500; color: #0f1115; }
.pv-leads__who i { flex: none; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #eef1ff; color: var(--brand); font: 600 10.5px/1 var(--font-ui); font-style: normal; }
.pv-leads__ago { color: #8b8f9a; font-size: 12px; }
.pv-status { font-style: normal; display: inline-block; padding: 4px 8px; border-radius: 999px; font: 500 11.5px/1 var(--font-ui); }
.pv-status--new { background: #eef1ff; color: var(--brand); }
.pv-status--sent { background: #e7f6ec; color: #15803d; }
.pv-status--qualified { background: #f3e8ff; color: #7c3aed; }
.pv-status--rejected { background: #fdecec; color: #dc2626; }
.pv-leads__row.is-new { animation: pvRowIn .6s cubic-bezier(.2, .8, .3, 1); }
@keyframes pvRowIn { from { opacity: 0; transform: translateY(-10px); background: #f3f6ff; } to { background: transparent; } }

.pv-team__spaces { width: 210px; flex: none; display: flex; flex-direction: column; gap: 3px; padding: 16px 12px; background: #fafafb; border-right: 1px solid #eef0f3; }
.pv-team__label { margin: 0 0 8px 6px !important; font: 500 10.5px/1 var(--font-ui); letter-spacing: .08em; text-transform: uppercase; color: #8b8f9a; }
.pv-team__space { display: flex; align-items: center; gap: 9px; padding: 7px 8px; border-radius: 8px; border: 1px solid transparent; font: 500 13px/1.2 var(--font-ui); color: #374151; transition: background-color .3s ease, border-color .3s ease; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pv-team__space i { flex: none; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 7px; background: hsl(var(--hue) 75% 94%); color: hsl(var(--hue) 55% 38%); font: 600 12px/1 var(--font-ui); font-style: normal; }
.pv-team__space.is-on { background: #fff; border-color: #eceef2; box-shadow: 0 1px 2px rgb(16 24 40 / .06); }
.pv-team__space--add { margin-top: 6px; color: #8b8f9a; font-weight: 400; }
.pv-team__main { flex: 1; min-width: 0; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); grid-template-rows: auto 1fr; column-gap: 20px; padding: 18px 20px; }
.pv-team__main .pv-app__head { grid-column: 1 / -1; }
.pv-team__members { list-style: none; margin: 0; padding: 0; display: grid; align-content: start; }
.pv-team__members li { display: flex; align-items: center; gap: 10px; padding: 9px 4px; border-bottom: 1px solid #f1f2f4; font: 400 13px/1.2 var(--font-ui); }
.pv-team__members i { flex: none; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: hsl(var(--hue) 70% 92%); color: hsl(var(--hue) 50% 34%); font: 600 11px/1 var(--font-ui); font-style: normal; }
.pv-team__name { font-weight: 500; color: #0f1115; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pv-team__role { margin-left: auto; padding: 4px 8px; border-radius: 6px; background: #f3f4f6; font: 500 11.5px/1 var(--font-ui); color: #4b5563; white-space: nowrap; }
.pv-team__feed { padding-left: 18px; border-left: 1px solid #f1f2f4; }
.pv-team__feed .pv-team__label { margin-left: 0 !important; }
.pv-team__feed ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.pv-team__feed li { display: flex; gap: 9px; align-items: flex-start; font: 400 12.5px/1.45 var(--font-ui); color: #4b5563; }
.pv-team__feed .pv-dot { margin-top: 5px; background: var(--brand); }
.pv-team[data-js] .pv-team__feed li:not(.is-in) { opacity: 0; transform: translateY(6px); }
.pv-team__feed li { transition: opacity .4s ease, transform .4s cubic-bezier(.2, .8, .3, 1); }

.pv-domain { display: grid; grid-template-columns: 400px minmax(0, 460px); gap: 28px; justify-content: center; align-items: center; }
.pv-domain__cards { display: grid; gap: 12px; }
.pv-domain__card { padding: 14px 16px; border-radius: 14px; background: #fff; border: 1px solid var(--pv-line); box-shadow: 0 1px 2px rgb(16 24 40 / .05), 0 14px 30px -22px rgb(16 24 40 / .35); }
.pv-domain__step { display: flex; align-items: center; gap: 8px; margin-bottom: 10px !important; font: 600 13px/1 var(--font-ui); color: #0f1115; }
.pv-domain__step b { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--ink-nav); color: #fff; font: 600 11px/1 var(--font-ui); }
.pv-domain__input { display: flex; align-items: center; height: 36px; padding: 0 12px; border: 1px solid #e3e4e8; border-radius: 8px; font: 500 13px/1 ui-monospace, "SF Mono", Menlo, monospace; color: #0f1115; }
.pv-domain__records { font: 400 12px/1.2 ui-monospace, "SF Mono", Menlo, monospace; color: #1f2937; }
.pv-domain__rec { display: grid; grid-template-columns: 64px 72px minmax(0, 1fr); gap: 8px; align-items: center; padding: 7px 0; border-top: 1px solid #f1f2f4; }
.pv-domain__rec > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pv-domain__rec--head { padding-top: 0; border-top: 0; font: 500 10.5px/1 var(--font-ui); letter-spacing: .06em; text-transform: uppercase; color: #8b8f9a; }
.pv-domain__rec em { font-style: normal; padding: 3px 6px; border-radius: 5px; background: #eef1ff; color: var(--brand); font: 600 11px/1 var(--font-ui); }
.pv-domain__val { display: flex; justify-content: space-between; gap: 8px; }
.pv-domain__val b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; }
.pv-domain__val i { flex: none; font: 500 11px/1 var(--font-ui); font-style: normal; color: var(--brand); }
.pv-domain__checks { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.pv-domain__checks li { display: flex; align-items: center; gap: 10px; font: 400 13px/1.3 var(--font-ui); }
.pv-domain__checks .pv-chip__tick { width: 20px; height: 20px; border-radius: 6px; }
.pv-domain__checks .pv-chip__tick svg { width: 11px; height: 11px; }
.pv-domain__checks .pv-chat__spin { display: none; }
.pv-domain[data-js] .pv-domain__checks li { color: #9aa0aa; }
.pv-domain[data-js] .pv-domain__checks li .pv-chip__tick { display: none; }
.pv-domain[data-js] .pv-domain__checks li.is-run .pv-chat__spin { display: block; }
.pv-domain[data-js] .pv-domain__checks li.is-done { color: var(--ink-nav); }
.pv-domain[data-js] .pv-domain__checks li.is-done .pv-chip__tick { display: grid; }
.pv-domain[data-js] .pv-domain__checks li:not(.is-run):not(.is-done)::before { content: ""; width: 20px; height: 20px; border-radius: 6px; border: 1.5px dashed #d1d5db; box-sizing: border-box; }
.pv-domain__page { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; min-height: 260px; padding: 34px 30px; transition: opacity .4s ease; }
.pv-domain__ssl { display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; border-radius: 999px; background: #e7f6ec; color: #15803d; font: 600 11.5px/1 var(--font-ui); }
.pv-domain__ssl svg { width: 11px; height: 11px; fill: none; stroke: currentColor; stroke-width: 1.3; }
.pv-domain__h { font: 700 22px/1.2 var(--font-ui); letter-spacing: -.015em; color: #0f1115; }
.pv-domain__page i { width: 90%; height: 7px; border-radius: 4px; background: #eceef2; }
.pv-domain__page i.short { width: 60%; }
.pv-domain__btn { width: 150px; height: 38px; margin-top: 8px; border-radius: 8px; background: var(--brand); }
.pv-domain[data-js]:not(.is-live) .pv-domain__page { opacity: .35; }

.pv-gallery {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px;
  height: 440px; max-width: 1040px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 14%, #000 86%, transparent);
          mask-image: linear-gradient(180deg, transparent, #000 14%, #000 86%, transparent);
}
.pv-gallery__col { display: flex; flex-direction: column; gap: 18px; animation: pvDrift calc(40s + var(--c) * 6s) linear infinite; }
.pv-gallery__col:nth-child(even) { animation-direction: reverse; }
.pv-gallery__run { display: flex; flex-direction: column; gap: 18px; }
@keyframes pvDrift { to { transform: translateY(calc(-50% - 9px)); } }

.pv-thumb {
  --pv-accent: var(--brand);
  display: flex; flex-direction: column;
  border-radius: 14px;
  background: #fff;
  border: 1px solid var(--pv-line, #e6e7eb);
  box-shadow: 0 1px 2px rgb(16 24 40 / .05), 0 16px 34px -24px rgb(16 24 40 / .35);
  overflow: hidden;
}
.pv-thumb__page { flex: 1; display: flex; flex-direction: column; gap: 10px; padding: 12px; }
.pv-thumb__hero { display: flex; flex-direction: column; gap: 6px; padding: 16px 12px; border-radius: 9px; background: linear-gradient(135deg, color-mix(in srgb, var(--pv-accent) 80%, #000), var(--pv-accent)); }
.pv-thumb__hero b { width: 80%; height: 8px; border-radius: 4px; background: rgb(255 255 255 / .92); }
.pv-thumb__hero b.short { width: 52%; background: rgb(255 255 255 / .6); }
.pv-thumb__hero i { width: 40%; height: 16px; margin-top: 4px; border-radius: 5px; background: #fff; }
.pv-thumb--1 .pv-thumb__hero { background: color-mix(in srgb, var(--pv-accent) 12%, #fff); }
.pv-thumb--1 .pv-thumb__hero b { background: #1f2937; }
.pv-thumb--1 .pv-thumb__hero b.short { background: #9ca3af; }
.pv-thumb--1 .pv-thumb__hero i { background: var(--pv-accent); }
.pv-thumb--2 .pv-thumb__hero { background: #fff; border: 1px solid #eef0f3; }
.pv-thumb--2 .pv-thumb__hero b { background: #1f2937; }
.pv-thumb--2 .pv-thumb__hero b.short { background: #cbd0d8; }
.pv-thumb--2 .pv-thumb__hero i { width: 100%; height: 22px; background: var(--pv-accent); }
.pv-thumb--0.has-photo .pv-thumb__hero {
  background:
    linear-gradient(100deg, color-mix(in srgb, var(--pv-accent) 90%, #000) 35%, color-mix(in srgb, var(--pv-accent) 25%, transparent)),
    var(--photo) center / cover;
}
.pv-thumb--1.has-photo .pv-thumb__hero,
.pv-thumb--2.has-photo .pv-thumb__hero {
  padding-right: 42%;
  background:
    var(--photo) right center / 38% 100% no-repeat,
    color-mix(in srgb, var(--pv-accent) 10%, #fff);
}
.pv-thumb--2.has-photo .pv-thumb__hero i { width: 100%; }
.pv-thumb__lines { display: flex; flex-direction: column; gap: 6px; }
.pv-thumb__lines b { height: 6px; border-radius: 3px; background: #eceef2; }
.pv-thumb__lines b.short { width: 60%; }
.pv-thumb__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.pv-thumb__cards i { height: 34px; border-radius: 6px; background: #f4f5f7; }
.pv-thumb__name { margin: 0; display: flex; justify-content: space-between; gap: 8px; padding: 10px 12px; border-top: 1px solid #f1f2f4; font: 500 12px/1.3 var(--font-ui); color: var(--ink-nav); }
.pv-thumb__name span { flex: none; color: #8b8f9a; font-weight: 400; }

.pv-call { display: grid; grid-template-columns: auto 300px; gap: 44px; justify-content: center; align-items: center; }
.pv-call__page { display: flex; flex-direction: column; gap: 10px; height: 100%; padding: 50px 18px 18px; }
.pv-call__badge { align-self: flex-start; padding: 4px 8px; border-radius: 999px; background: #e7f6ec; color: #15803d; font: 600 10.5px/1 var(--font-ui); }
.pv-call__h { font: 700 21px/1.2 var(--font-ui); letter-spacing: -.02em; color: #0f1115; text-wrap: balance; }
.pv-call__sub { font: 400 12.5px/1.45 var(--font-ui); color: #4b5563; }
.pv-call__btn { display: flex; align-items: center; justify-content: center; gap: 8px; height: 50px; margin-top: 8px; border-radius: 12px; background: #16a34a; color: #fff; font: 700 14.5px/1 var(--font-ui); box-shadow: 0 0 0 0 rgb(22 163 74 / .45); animation: pvRing 2s ease-out infinite; }
.pv-call__btn svg { width: 17px; height: 17px; fill: #fff; }
@keyframes pvRing { 70% { box-shadow: 0 0 0 10px rgb(22 163 74 / 0); } 100% { box-shadow: 0 0 0 0 rgb(22 163 74 / 0); } }
.pv-call__hint { text-align: center; font: 400 11px/1 var(--font-ui); color: #8b8f9a; }
.pv-call__page i { height: 7px; border-radius: 4px; background: #eceef2; }
.pv-call__page i:first-of-type { margin-top: 10px; }
.pv-call__page i.short { width: 60%; }
.pv-call__live { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; gap: 10px; padding-top: 96px; background: linear-gradient(180deg, #1f2937, #0b1220); color: #fff; opacity: 0; transition: opacity .35s ease; }
.pv-call.is-calling .pv-call__live { opacity: 1; }
.pv-call__avatar { display: grid; place-items: center; width: 72px; height: 72px; border-radius: 50%; background: rgb(255 255 255 / .1); }
.pv-call__avatar svg { width: 28px; height: 28px; fill: #fff; }
.pv-call__num { font: 600 18px/1.2 var(--font-ui); }
.pv-call__time { font: 400 13px/1 var(--font-ui); color: rgb(255 255 255 / .7); font-variant-numeric: tabular-nums; }
.pv-call__end { width: 54px; height: 54px; margin: auto 0 44px; border-radius: 50%; background: #ef4444; }
.pv-call__chips .pv-chip { transition: opacity .45s ease, transform .45s cubic-bezier(.2, .8, .3, 1); }
.pv-call[data-js] .pv-chip:not(.is-on) { opacity: 0; transform: translateY(8px); }

.pv-article { display: grid; grid-template-columns: minmax(0, 580px) 250px; gap: 28px; justify-content: center; align-items: center; }
.pv-article__page { background: #fff; }
.pv-article__mast { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 24px; border-bottom: 2px solid #111; }
.pv-article__pub { font: 700 20px/1 Georgia, "Times New Roman", serif; letter-spacing: -.01em; color: #111; white-space: nowrap; }
.pv-article__nav { display: flex; gap: 8px; }
.pv-article__nav b { width: 34px; height: 6px; border-radius: 3px; background: #e5e7eb; }
.pv-article__main { display: flex; flex-direction: column; gap: 10px; padding: 20px 28px 28px; }
.pv-article__cat { display: flex; align-items: center; gap: 8px; font: 600 11px/1 var(--font-ui); letter-spacing: .08em; text-transform: uppercase; color: #b91c1c; }
.pv-article__cat span { padding: 3px 6px; border-radius: 4px; background: #f3f4f6; color: #6b7280; font-size: 10px; }
.pv-article__h { font: 700 24px/1.2 Georgia, "Times New Roman", serif; color: #111; text-wrap: balance; }
.pv-article__dek { font: 400 15px/1.45 Georgia, "Times New Roman", serif; color: #4b5563; }
.pv-article__by { display: flex; align-items: center; gap: 8px; font: 400 12px/1 var(--font-ui); color: #6b7280; }
.pv-article__by i { width: 22px; height: 22px; border-radius: 50%; background: #e5e7eb; }
.pv-article__img { height: 118px; margin: 4px 0 6px; border-radius: 6px; }
.pv-article__line { height: 8px; border-radius: 4px; background: #eef0f3; }
.pv-article__line.short { width: 70%; }
.pv-article__cta { align-self: flex-start; padding: 2px 4px; background: #fff7c2; font: 600 15px/1.4 Georgia, "Times New Roman", serif; color: #1d4ed8; text-decoration: underline; text-underline-offset: 3px; }
.pv-article__chain { list-style: none; margin: 0; padding: 0; }
.pv-article__chain li { position: relative; display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border-radius: 12px; background: #fff; border: 1px solid var(--pv-line); box-shadow: 0 1px 2px rgb(16 24 40 / .05), 0 14px 30px -22px rgb(16 24 40 / .35); }
.pv-article__chain li + li { margin-top: 26px; }
.pv-article__chain li + li::before { content: ""; position: absolute; left: 24px; top: -27px; width: 2px; height: 26px; background: #d6d9e1; }
.pv-article__chain b { font: 600 13.5px/1.2 var(--font-ui); color: #0f1115; }
.pv-article__chain span { font: 400 12.5px/1.4 var(--font-ui); color: #6b7280; }

.pv-presell { display: grid; grid-template-columns: minmax(0, 420px) 120px 290px; gap: 20px 12px; justify-content: center; align-items: center; }
.pv-presell__page { display: flex; flex-direction: column; gap: 10px; padding: 24px; }
.pv-presell__h { font: 700 20px/1.25 var(--font-ui); letter-spacing: -.015em; color: #0f1115; text-wrap: balance; }
.pv-presell__line { height: 7px; border-radius: 4px; background: #eceef2; }
.pv-presell__line.short { width: 64%; }
.pv-presell__product { display: flex; align-items: center; gap: 14px; margin-top: 6px; padding: 12px; border-radius: 12px; border: 1px solid #eef0f3; }
.pv-presell__img { flex: none; width: 76px; height: 76px; border-radius: 10px; }
.pv-presell__img--sm { width: 40px; height: 40px; border-radius: 8px; }
.pv-presell__info { display: flex; flex-direction: column; gap: 4px; font: 400 13px/1.3 var(--font-ui); }
.pv-presell__info b { font-weight: 600; color: #0f1115; }
.pv-presell__stars { color: #f5a524; letter-spacing: 1px; font-size: 12px; }
.pv-presell__price { font: 700 16px/1 var(--font-ui); color: #0f1115; }
.pv-presell__cta { display: grid; place-items: center; height: 44px; margin-top: 4px; border-radius: 10px; background: #0f1115; color: #fff; font: 600 14px/1 var(--font-ui); }
.pv-presell__hand, .pv-ad__hand { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.pv-ad__param { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pv-presell__utm, .pv-ad__param { max-width: 140px; padding: 5px 7px; border-radius: 6px; background: #eef1ff; color: #3547c9; font: 400 10.5px/1.35 ui-monospace, "SF Mono", Menlo, monospace; text-align: center; word-break: break-all; }
.pv-ad__param b { font-weight: 700; color: var(--brand); }
.pv-presell__hand svg, .pv-ad__hand svg { width: 80px; height: 16px; fill: none; stroke: #b7bdcc; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.pv-presell__checkout { display: grid; gap: 12px; padding: 18px; border-radius: 14px; background: #fff; border: 1px solid var(--pv-line); box-shadow: var(--pv-shadow); }
.pv-presell__co { font: 600 15px/1 var(--font-ui); color: #0f1115; }
.pv-presell__item { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; gap: 10px; align-items: center; font: 400 13px/1.3 var(--font-ui); }
.pv-presell__item b { display: block; font-weight: 500; color: #0f1115; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pv-presell__item em { font-style: normal; font-size: 11.5px; color: #8b8f9a; }
.pv-presell__sum { display: flex; justify-content: space-between; padding-top: 10px; border-top: 1px solid #f1f2f4; font: 400 13px/1 var(--font-ui); }
.pv-presell__sum b { font-weight: 700; }
.pv-presell__pay { display: grid; place-items: center; height: 42px; border-radius: 9px; background: var(--ink-nav); color: #fff; font: 600 13.5px/1 var(--font-ui); }
.pv-presell__chips, .pv-ad__chips { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; justify-content: center; }

.pv-ad { display: grid; grid-template-columns: 330px 150px minmax(0, 440px); gap: 20px 12px; justify-content: center; align-items: center; }
.pv-ad__card { padding: 16px; border-radius: 14px; background: #fff; border: 1px solid var(--pv-line); box-shadow: var(--pv-shadow); }
.pv-ad__src { display: flex; align-items: center; gap: 6px; margin-bottom: 12px !important; font: 500 11px/1 var(--font-ui); letter-spacing: .06em; text-transform: uppercase; color: #8b8f9a; }
.pv-ad__src img { width: 14px; height: 14px; }
.pv-ad__search { display: flex; align-items: center; gap: 8px; height: 34px; margin-bottom: 14px; padding: 0 12px; border-radius: 999px; border: 1px solid #e3e4e8; font: 400 13px/1 Arial, sans-serif; color: #202124; overflow: hidden; white-space: nowrap; }
.pv-ad__search svg { flex: none; width: 14px; height: 14px; fill: none; stroke: #9aa0a6; stroke-width: 1.5; stroke-linecap: round; }
.pv-ad__spons { margin-bottom: 6px !important; font: 700 12px/1 Arial, sans-serif; color: #202124; }
.pv-ad__adv { display: flex; align-items: center; gap: 8px; margin-bottom: 6px !important; }
.pv-ad__adv i { flex: none; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #f1f3f4; font: 600 12px/1 var(--font-ui); font-style: normal; color: #3c4043; }
.pv-ad__adv b { display: block; font: 500 13px/1.2 Arial, sans-serif; color: #202124; }
.pv-ad__adv em { display: block; font: 400 12px/1.2 Arial, sans-serif; font-style: normal; color: #4d5156; }
.pv-ad__title { font: 400 18px/1.3 Arial, sans-serif; color: #1a0dab; }
.pv-ad__text { margin-top: 4px !important; font: 400 13px/1.5 Arial, sans-serif; color: #4d5156; }
.pv-ad__feed .pv-ad__text { margin: 8px 0 0 !important; font-family: var(--font-ui); color: #1c1e21; }
.pv-ad__media { display: block; height: 150px; margin: 10px 0; border-radius: 8px; }
.pv-ad__foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 10px; border-radius: 6px; background: #f5f6f7; }
.pv-ad__foot > span:first-child { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.pv-ad__foot em { font: 400 10.5px/1 var(--font-ui); font-style: normal; text-transform: uppercase; color: #65676b; }
.pv-ad__foot b { font: 600 13px/1.25 var(--font-ui); color: #1c1e21; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pv-ad__btn { flex: none; padding: 7px 10px; border-radius: 6px; background: #e4e6eb; font: 600 12px/1 var(--font-ui); color: #1c1e21; }
.pv-ad__page { display: flex; flex-direction: column; gap: 10px; min-height: 250px; padding: 26px; }
.pv-ad__match { align-self: flex-start; padding: 4px 8px; border-radius: 999px; background: #e7f6ec; color: #15803d; font: 600 11px/1 var(--font-ui); }
.pv-ad__h { font: 700 22px/1.2 var(--font-ui); letter-spacing: -.015em; color: #0f1115; text-wrap: balance; }
.pv-ad__page > i { height: 7px; border-radius: 4px; background: #eceef2; }
.pv-ad__page > i.short { width: 62%; }
.pv-ad__form { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px; }
.pv-ad__form b { height: 36px; border-radius: 8px; border: 1px solid #e3e4e8; }
.pv-ad__form span { grid-column: 1 / -1; height: 40px; border-radius: 8px; background: var(--brand); }

.pv-wall {
  --wall-cols: 3; --wall-col: 256px; --wall-gap: 20px;
  position: relative; height: 680px;
  margin-right: calc(-1 * (max(0px, (100vw - var(--container)) / 2) + var(--gutter)));
  perspective: 2000px; perspective-origin: 30% 40%;
  -webkit-mask-image:
    linear-gradient(180deg, transparent 0, #000 13%, #000 85%, transparent 100%),
    linear-gradient(90deg, transparent 0, #000 8%, #000 88%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image:
    linear-gradient(180deg, transparent 0, #000 13%, #000 85%, transparent 100%),
    linear-gradient(90deg, transparent 0, #000 8%, #000 88%, transparent 100%);
  mask-composite: intersect;
}
.pv-wall__plane {
  position: absolute; left: 44px; top: -250px;
  display: grid; grid-template-columns: repeat(var(--wall-cols), var(--wall-col)); gap: var(--wall-gap);
  transform: rotateX(18deg) rotateY(-16deg) rotateZ(9deg);
  transform-origin: 50% 40%;
}
.hero.is-enter .pv-wall__plane { animation: pvWallIn 1.4s cubic-bezier(.22, .7, .16, 1) .2s backwards; }
@keyframes pvWallIn {
  from { opacity: 0; transform: rotateX(28deg) rotateY(-20deg) rotateZ(13deg) translateY(80px); }
}
.pv-wall__col { animation: pvWallUp 64s linear infinite; will-change: transform; }
.pv-wall__col--1 { animation-duration: 78s; animation-direction: reverse; }
.pv-wall__col--2 { animation-duration: 70s; }
.pv-wall:hover .pv-wall__col { animation-play-state: paused; }
.pv-wall__run { display: grid; gap: var(--wall-gap); padding-bottom: var(--wall-gap); }
@keyframes pvWallUp { to { transform: translateY(-50%); } }

.pv-wp {
  --pv-accent: var(--brand);
  --wp-page: color-mix(in srgb, var(--pv-accent) 8%, #fff);
  overflow: hidden; border-radius: 14px;
  padding-bottom: 14px;
  background: var(--wp-page);
  font-family: var(--font-ui); color: #0b1220;
}
.pv-wp p { margin: 0; }
.pv-wp__nav {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  height: 42px; padding: 0 14px;
}
.pv-wp__icon { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #fff; }
.pv-wp__icon svg { width: 11px; height: 11px; fill: #0b1220; }
.pv-wp__kicker { font: 600 8px/1 var(--font-ui); letter-spacing: .08em; text-transform: uppercase; color: var(--pv-accent); }
.pv-wp__h { font: 700 16px/1.16 var(--font-ui); letter-spacing: -.02em; text-wrap: balance; }
.pv-wp__btn {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  height: 32px; border-radius: 8px; background: var(--pv-accent); color: #fff;
  font: 600 10.5px/1 var(--font-ui);
}
.pv-wp__btn svg { width: 12px; height: 12px; fill: currentColor; }
.pv-wp__form { display: grid; gap: 6px; margin: 10px 8px 0; padding: 10px; border-radius: 10px; background: #fff; }
.pv-wp__field {
  display: flex; align-items: center; height: 28px; padding: 0 9px; border-radius: 6px;
  background: #f1f2f5;
  font: 400 9.5px/1 var(--font-ui); color: #8a92a0;
}
.pv-wp__fine { padding: 2px 4px 0; text-align: center; font: 400 7.5px/1.4 var(--font-ui); color: #8a92a0; text-wrap: balance; }
.pv-wp__step { font: 500 8.5px/1 var(--font-ui); color: #6b7280; }

.pv-wall--rows { --wall-col: 380px; --wall-gap: 24px; }
.pv-wall--rows .pv-wall__plane {
  left: -400px; top: -50px; width: 1400px;
  display: flex; flex-direction: column; gap: var(--wall-gap);
}
.pv-wall__row { display: flex; width: max-content; animation: pvWallSide 84s linear infinite; will-change: transform; }
.pv-wall__row--1 { animation-duration: 100s; animation-direction: reverse; }
.pv-wall__row--2 { animation-duration: 92s; }
.pv-wall:hover .pv-wall__row { animation-play-state: paused; }
.pv-wall__row > .pv-wall__run { display: flex; gap: var(--wall-gap); padding: 0 var(--wall-gap) 0 0; }
@keyframes pvWallSide { to { transform: translateX(-50%); } }
.pv-wall__shot {
  display: block; flex: none;
  width: var(--wall-col); height: auto; aspect-ratio: 760 / 580;
  border-radius: 12px; background: #fff;
  box-shadow: 0 0 0 1px rgb(11 13 18 / .07), 0 18px 40px -26px rgb(11 13 18 / .35);
}

.pv-wp:is(.pv-wp--tiles, .pv-wp--multi, .pv-wp--slider, .pv-wp--zip, .pv-wp--vehicle, .pv-wp--otp, .pv-wp--analyzing, .pv-wp--offer) {
  --wp-page: #fff;
  --qz-line: #ececef;
  --qz-soft: color-mix(in srgb, var(--pv-accent) 9%, #fff);
  --qz-deep: color-mix(in srgb, var(--pv-accent) 82%, #0b1220);
  box-shadow: 0 0 0 1px var(--qz-line);
}
.pv-wp:is(.pv-wp--multi, .pv-wp--vehicle) .pv-wp__btn { background: #fff; color: #1f2937; box-shadow: inset 0 0 0 1px #e2e2e7; }
.pv-wp:is(.pv-wp--slider, .pv-wp--zip) .pv-wp__btn { background: var(--qz-soft); color: var(--qz-deep); }
.pv-wp:is(.pv-wp--otp, .pv-wp--offer) .pv-wp__btn { background: color-mix(in srgb, var(--pv-accent) 90%, #fff); }
.pv-wp:is(.pv-wp--tiles, .pv-wp--multi, .pv-wp--slider, .pv-wp--zip, .pv-wp--vehicle, .pv-wp--otp, .pv-wp--analyzing, .pv-wp--offer) .pv-wp__field { background: #fff; box-shadow: inset 0 0 0 1px var(--qz-line); }
.pv-wp__icon--back { box-shadow: inset 0 0 0 1px var(--qz-line); }
.pv-wp__icon--back svg { fill: none; stroke: #0b1220; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.pv-wp__nav--c { justify-content: center; }
.pv-wp__segs { display: flex; gap: 3px; margin: 0 14px; }
.pv-wp__segs i { flex: 1; height: 3px; border-radius: 3px; background: #f0f0f2; }
.pv-wp__segs i.is-done { background: var(--pv-accent); }
.pv-wp__h--q { padding: 18px 16px 12px; text-align: center; font-weight: 650; }
.pv-wp__qsub { margin: -8px 16px 12px !important; text-align: center; font: 400 9.5px/1.4 var(--font-ui); color: #6b7280; }
.pv-wp__tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 0 10px; }
.pv-wp__tile {
  position: relative;
  display: flex; flex-direction: column; align-items: center; gap: 7px;
  padding: 13px 6px 11px; border-radius: 10px;
  background: #fff; box-shadow: inset 0 0 0 1px var(--qz-line);
  font: 500 10px/1.25 var(--font-ui); color: #1f2937; text-align: center;
}
.pv-wp__tile i { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: #f6f6f8; color: #0b1220; }
.pv-wp__tile i svg { width: 18px; height: 18px; }
.pv-wp__tile.is-pick { background: var(--qz-soft); box-shadow: inset 0 0 0 1.5px var(--pv-accent); color: #0b1220; font-weight: 600; }
.pv-wp__tile.is-pick i { background: #fff; color: var(--pv-accent); }
.pv-wp__tick {
  position: absolute; right: 6px; top: 6px; width: 13px; height: 13px; border-radius: 50%;
  background: var(--pv-accent); fill: none; stroke: #fff; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;
}
.pv-wp__mark { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; font: 650 10.5px/1 var(--font-ui); letter-spacing: -.02em; }
.pv-wp__mark svg { width: 15px; height: 15px; color: var(--pv-accent); }
.pv-wp__box { display: grid; gap: 7px; margin: 0 10px; }
.pv-wp__slider { gap: 9px; padding: 14px 12px 12px; border-radius: 10px; box-shadow: inset 0 0 0 1px var(--qz-line); }
.pv-wp__hint { text-align: center; font: 400 9px/1.3 var(--font-ui); color: #9aa1ad; }
.pv-wp__check {
  display: flex; align-items: center; gap: 8px; height: 30px; padding: 0 10px; border-radius: 8px;
  box-shadow: inset 0 0 0 1px var(--qz-line); font: 500 10px/1 var(--font-ui); color: #1f2937;
}
.pv-wp__check i { display: grid; place-items: center; width: 13px; height: 13px; border-radius: 4px; box-shadow: inset 0 0 0 1px #d4d4d8; }
.pv-wp__check svg { width: 10px; height: 10px; fill: none; stroke: transparent; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.pv-wp__check.is-pick { background: var(--qz-soft); box-shadow: inset 0 0 0 1.5px var(--pv-accent); color: #0b1220; }
.pv-wp__check.is-pick i { background: var(--pv-accent); box-shadow: none; }
.pv-wp__check.is-pick svg { stroke: #fff; }
.pv-wp__input {
  display: flex; align-items: center; gap: 7px; height: 38px; padding: 0 12px; border-radius: 9px;
  box-shadow: inset 0 0 0 1.5px var(--pv-accent), 0 0 0 3px var(--qz-soft);
}
.pv-wp__input svg { width: 15px; height: 15px; color: var(--pv-accent); }
.pv-wp__input b { font: 600 15px/1 var(--font-ui); letter-spacing: .06em; font-variant-numeric: tabular-nums; }
.pv-wp__input s { width: 1px; height: 15px; margin-left: -4px; background: var(--pv-accent); animation: pvCaret 1s steps(1) infinite; }
@keyframes pvCaret { 50% { opacity: 0; } }
.pv-wp__found { display: flex; align-items: center; gap: 5px; padding-left: 2px; font: 500 9.5px/1 var(--font-ui); color: #374151; }
.pv-wp__found svg { width: 12px; height: 12px; border-radius: 50%; background: var(--pv-accent); fill: none; stroke: #fff; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.pv-wp__select {
  display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: 6px;
  padding: 6px 10px; border-radius: 8px; box-shadow: inset 0 0 0 1px var(--qz-line);
}
.pv-wp__select em { font: 400 8px/1.2 var(--font-ui); font-style: normal; color: #9aa1ad; }
.pv-wp__select b { grid-row: 2; font: 600 10.5px/1.3 var(--font-ui); }
.pv-wp__select svg { grid-row: 1 / 3; grid-column: 2; width: 11px; height: 11px; fill: none; stroke: #6b7280; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.pv-wp__add { font: 500 9.5px/1 var(--font-ui); color: #6b7280; padding: 2px 2px 3px; }
.pv-wp__otp { display: grid; grid-template-columns: repeat(6, 1fr); gap: 5px; }
.pv-wp__otp i {
  display: grid; place-items: center; height: 34px; border-radius: 8px; box-shadow: inset 0 0 0 1px var(--qz-line);
  font: 600 15px/1 var(--font-ui); font-style: normal; font-variant-numeric: tabular-nums;
}
.pv-wp__otp i.is-focus { box-shadow: inset 0 0 0 1.5px var(--pv-accent), 0 0 0 3px var(--qz-soft); }
.pv-wp__val { justify-self: center; font: 650 28px/1 var(--font-ui); letter-spacing: -.035em; color: #0b1220; font-variant-numeric: tabular-nums; }
.pv-wp__track { position: relative; height: 4px; margin: 6px 6px 0; border-radius: 4px; background: #f0f0f2; }
.pv-wp__track i { position: absolute; left: 0; top: 0; bottom: 0; width: calc(var(--at) * 100%); border-radius: inherit; background: var(--pv-accent); }
.pv-wp__track s {
  position: absolute; top: 50%; left: calc(var(--at) * 100%); width: 16px; height: 16px; margin: -8px 0 0 -8px;
  border-radius: 50%; background: #fff; box-shadow: 0 0 0 1px var(--qz-line), 0 2px 6px rgb(11 18 32 / .16);
}
.pv-wp__ends { display: flex; justify-content: space-between; font: 500 8.5px/1 var(--font-ui); color: #9aa1ad; }
.pv-wp__slider .pv-wp__btn { margin-top: 4px; }
.pv-wp__an { display: grid; justify-items: center; padding: 10px 12px 2px; }
.pv-wp__ring { position: relative; display: grid; place-items: center; width: 76px; height: 76px; }
.pv-wp__ring::before {
  content: ""; position: absolute; inset: 0; border-radius: 50%;
  background: conic-gradient(var(--pv-accent) calc(var(--pct) * 1%), #f0f0f2 0);
  -webkit-mask: radial-gradient(circle, transparent 34px, #000 35px);
          mask: radial-gradient(circle, transparent 34px, #000 35px);
}
.pv-wp__ring b { font: 650 16px/1 var(--font-ui); letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.pv-wp__an .pv-wp__h--q { padding: 14px 4px 12px; font-size: 14px; }
.pv-wp__checks { display: grid; gap: 8px; justify-self: stretch; margin: 0; padding: 11px 12px; border-radius: 10px; box-shadow: inset 0 0 0 1px var(--qz-line); list-style: none; }
.pv-wp__checks li { display: flex; align-items: center; gap: 7px; font: 500 9.5px/1.2 var(--font-ui); color: #1f2937; }
.pv-wp__checks svg { width: 13px; height: 13px; flex: none; border-radius: 50%; background: var(--qz-soft); fill: none; stroke: var(--pv-accent); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.pv-wp__checks li.is-run { color: #9aa1ad; }
.pv-wp__checks li.is-run svg { box-sizing: border-box; background: none; border: 1.5px solid #ececef; border-top-color: var(--pv-accent); stroke: none; animation: pvSpin .9s linear infinite; }
@keyframes pvSpin { to { transform: rotate(1turn); } }
.pv-wp__win { display: grid; justify-items: center; gap: 5px; padding: 12px 14px 4px; text-align: center; }
.pv-wp__win .pv-wp__kicker { display: inline-flex; align-items: center; gap: 4px; }
.pv-wp__win .pv-wp__kicker svg { width: 11px; height: 11px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.pv-wp__win b { font: 650 30px/1 var(--font-ui); letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.pv-wp__win span { font: 400 9.5px/1.35 var(--font-ui); color: #6b7280; }
.pv-wp--offer .pv-wp__form { box-shadow: none; padding-top: 4px; }

@media (max-width: 1100px) {
  .pv-lander, .pv-quiz, .pv-boost, .pv-article { grid-template-columns: minmax(0, 1fr); max-width: 680px; }
  .pv-chips--side, .pv-quiz__chips, .pv-call__chips { flex-direction: row; flex-wrap: wrap; justify-content: center; }
  .pv-chips--side .pv-chips__head { flex-basis: 100%; text-align: center; }
  .pv-boost__panel { display: none; }
  .pv-article__chain { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
  .pv-article__chain li + li { margin-top: 0; }
  .pv-article__chain li + li::before { display: none; }
  .pv-import, .pv-prompt, .pv-domain { grid-template-columns: minmax(0, 1fr); max-width: 600px; }
  .pv-presell, .pv-ad { grid-template-columns: minmax(0, 1fr); max-width: 520px; }
  .pv-presell__hand svg, .pv-ad__hand svg { transform: rotate(90deg); height: 40px; }
  .pv-flow { flex-direction: column; gap: 0; }
  .pv-flow__chain { flex-direction: column; }
  .pv-wire { width: 2px; height: 26px; }
  .pv-wire i { left: 50%; margin-left: -4px; top: 0; margin-top: 0; animation-name: pvRunY; }
  .pv-node, .pv-dest { width: 260px; }
  .pv-flow__dests { padding: 0; }
  .pv-flow__dests::before, .pv-dest::before { display: none; }
  .pv-wall { height: 560px; margin-inline: calc(-1 * var(--gutter)); perspective-origin: 50% 40%; }
  .pv-wall__plane { left: 50%; margin-left: calc((var(--wall-cols) * var(--wall-col) + (var(--wall-cols) - 1) * var(--wall-gap)) / -2); }
  .pv-wall--rows .pv-wall__plane { left: 50%; margin-left: -700px; }
}
@keyframes pvRunY {
  0% { top: 0; opacity: 0; }
  3% { opacity: 1; }
  13% { top: calc(100% - 8px); opacity: 1; }
  16%, 100% { top: calc(100% - 8px); opacity: 0; }
}

@media (max-width: 900px) {
  .pv-call { grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 28px; }
  .pv-team__spaces { display: none; }
  .pv-leads__row { grid-template-columns: 1.5fr 1fr .9fr; }
  .pv-leads__row > :nth-child(2), .pv-leads__row > :nth-child(5) { display: none; }
  .pv-gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); height: 380px; }
  .pv-gallery__col:nth-child(4) { display: none; }
}

@media (max-width: 640px) {
  .pv-page { grid-template-columns: minmax(0, 1fr); padding: 24px 20px; }
  .pv-page__h { font-size: 22px; }
  .pv-quiz__body { padding: 20px 18px 22px; min-height: 0; }
  .pv-quiz__opts, .pv-quiz__fields { grid-template-columns: 1fr; }
  .pv-split { padding: 12px; }
  .pv-split__top { flex-wrap: wrap; }
  .pv-split__bar { order: 3; flex-basis: 100%; }
  .pv-split__grid { grid-template-columns: minmax(0, 1fr); }
  .pv-split__card:nth-child(n + 3) { display: none; }
  .pv-split__thumb { height: 96px; }
  .pv-app__side { display: none; }
  .pv-app__pill { display: none; }
  .pv-team__main { grid-template-columns: minmax(0, 1fr); }
  .pv-team__feed { display: none; }
  .pv-boost__page { height: 330px; }
  .pv-boost__hero { padding: 24px 20px 0; }
  .pv-boost__rows { padding: 20px; }
  .pv-boost__popup { width: 82%; }
  .pv-import__page { grid-template-columns: minmax(0, 1fr); }
  .pv-import__side { display: none; }
  .pv-article__chain { grid-template-columns: minmax(0, 1fr); }
  .pv-article__main { padding: 18px; }
  .pv-article__nav { display: none; }
  .pv-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); height: 340px; gap: 12px; }
  .pv-gallery__col:nth-child(3) { display: none; }
  .pv-phone { --w: 236px; }
  .pv-domain__rec { grid-template-columns: 56px 56px minmax(0, 1fr); }
  .pv-chat__body { padding: 18px 16px; }
  .pv-chat__mcp { display: none; }
  .pv-wall { height: 420px; }
  .pv-wall__plane { top: -190px; transform: rotateX(18deg) rotateY(-16deg) rotateZ(9deg) scale(.7); }
}

@media (prefers-reduced-motion: reduce) {
  .pv-gallery__col, .pv-wire i, .pv-dest .pv-chip__tick, .pv-call__btn, .pv-split__live i, .pv-caret, .pv-chat__spin { animation: none; }
  .hero .pv-wall__plane, .pv-wall__col, .pv-wall__row { animation: none; }
  .pv-wire i { display: none; }
  .pv-dest .pv-chip__tick { opacity: 1; }
  .pg-js .pv:not([data-seq]) .pv-chip, .pg-js .pv:not([data-seq]) .pv-article__chain li { opacity: 1; }
  .pv.is-play .pv-chip, .pv.is-play .pv-article__chain li { animation: none; }
}