html, body.pm-page { height: auto !important; }
@supports (overflow: clip) { .pm-main { overflow-x: clip; } }

.pm-hero { padding-bottom: 56px; }
.pm-hero__in { position: relative; }
.pm-hero .ds-light i:nth-child(1) { bottom: auto; top: 380px; }
.pm-hero .ds-light i:nth-child(2) { top: 300px; }
.pm-kicker { color: var(--ds-sky); font-weight: 700; letter-spacing: .005em; white-space: nowrap; }
@media (max-width: 370px) { .pm-kicker__v { display: none; } }
.pm-h1.ds-h1--even { margin: 2px 0 8px; text-shadow: 0 2px 24px rgba(var(--ds-shade-rgb), .35); }
.pm-sub { margin-bottom: 12px; }
.pm-chips { margin: 0; }

.pm-test {
  position: relative; border-radius: var(--ds-r-panel); padding: 12px 12px 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .04));
  box-shadow: inset 0 0 0 1px var(--ds-glass-edge), 0 30px 60px -40px rgba(4, 16, 44, .8);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
.pm-test__top { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin: 0 2px 8px; }
.pm-test__q { margin: 0; font-size: 11.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--ds-sky); }
.pm-test__n { margin: 0; font-size: 12.5px; font-weight: 700; color: rgba(255, 255, 255, .8); white-space: nowrap; font-variant-numeric: tabular-nums; }
.pm-test__n::before { content: ''; display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: rgba(255, 255, 255, .45); vertical-align: 1px; }
.pm-test[data-state="run"] .pm-test__n::before { background: var(--ds-mint); box-shadow: 0 0 0 3px rgba(var(--ds-mint-rgb), .28); }

.pm-bowl {
  position: relative; width: min(100%, 300px); aspect-ratio: 1; margin: 0 auto; border-radius: 50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .07) 0 2%, transparent 42%),
    radial-gradient(circle at 50% 46%, #173a78 0%, #0f2a5e 58%, #0a1f48 100%);
  box-shadow: inset 0 0 0 1px rgba(180, 220, 255, .22), inset 0 -18px 40px rgba(4, 12, 32, .55), inset 0 14px 30px rgba(120, 170, 255, .12), 0 26px 50px -30px rgba(2, 10, 30, .9);
  touch-action: manipulation; user-select: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; outline: none; cursor: default;
}
.pm-bowl:focus-visible { box-shadow: inset 0 0 0 1px rgba(180, 220, 255, .22), 0 0 0 3px var(--ds-sky); }
.pm-test[data-state="run"] .pm-bowl { cursor: pointer; }
.pm-bowl__rings { position: absolute; inset: 0; pointer-events: none; }
.pm-bowl__rings i { position: absolute; left: 50%; top: 50%; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(180, 220, 255, .12); transform: translate(-50%, -50%); }
.pm-bowl__rings i:nth-child(1) { width: 30%; height: 30%; }
.pm-bowl__rings i:nth-child(2) { width: 58%; height: 58%; }
.pm-bowl__rings i:nth-child(3) { width: 84%; height: 84%; }
.pm-bowl__axes { position: absolute; inset: 8%; pointer-events: none; background: linear-gradient(rgba(180, 220, 255, .08), rgba(180, 220, 255, .08)) 50% 0 / 1px 100% no-repeat, linear-gradient(rgba(180, 220, 255, .08), rgba(180, 220, 255, .08)) 0 50% / 100% 1px no-repeat; border-radius: 50%; }
.pm-fix { position: absolute; z-index: 2; left: 50%; top: 50%; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 4px rgba(255, 255, 255, .12), 0 0 16px rgba(255, 255, 255, .5); }
.pm-test[data-state="run"] .pm-fix { animation: pm-fix 2.4s ease-in-out infinite; }
@keyframes pm-fix { 0%, 100% { box-shadow: 0 0 0 4px rgba(255, 255, 255, .12), 0 0 16px rgba(255, 255, 255, .5); } 50% { box-shadow: 0 0 0 8px rgba(255, 255, 255, .06), 0 0 22px rgba(255, 255, 255, .6); } }
.pm-ring { position: absolute; inset: -5px; width: calc(100% + 10px); height: calc(100% + 10px); pointer-events: none; transform: rotate(-90deg); }
.pm-ring circle { fill: none; stroke-width: 1.2; }
.pm-ring__bg { stroke: rgba(255, 255, 255, .1); }
.pm-ring__p { stroke: #fff; stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: 100; transition: stroke-dashoffset .5s var(--ds-ease); }

.pm-dots { position: absolute; inset: 0; pointer-events: none; }
.pm-d { position: absolute; left: var(--x); top: var(--y); width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%; }
.pm-d--f { background: #fff; opacity: 0; transform: scale(.6); box-shadow: 0 0 10px 3px rgba(255, 255, 255, calc(var(--a) * .7)); }
.pm-d--f.is-on { animation: pm-flash .26s ease-out both; }
@keyframes pm-flash { 0% { opacity: 0; transform: scale(.6); } 25% { opacity: var(--a); transform: none; } 70% { opacity: var(--a); } 100% { opacity: 0; transform: scale(.9); } }
.pm-d.is-seen { background: #fff; box-shadow: 0 0 0 3px rgba(255, 255, 255, .14); }
.pm-d.is-miss { background: transparent; box-shadow: inset 0 0 0 2px var(--ds-sky); opacity: .9; }
.pm-d.is-res { opacity: 0; transform: scale(.4); animation: pm-pop .36s var(--ds-ease) both; animation-delay: calc(var(--i) * 45ms); }
@keyframes pm-pop { to { opacity: 1; transform: none; } }
.pm-test[data-state="run"] .pm-d--demo, .pm-test[data-state="done"] .pm-d--demo { display: none; }
.pm-test[data-state="ready"] .pm-d--demo { opacity: .55; }
html:not(.pm-js) .pm-d--demo { opacity: .85; }

.pm-flashmark { position: absolute; z-index: 1; left: 50%; top: 50%; width: 44px; height: 44px; margin: -22px 0 0 -22px; border-radius: 50%; pointer-events: none; opacity: 0; box-shadow: inset 0 0 0 2px rgba(180, 220, 255, .6); }
.pm-flashmark.is-on { animation: pm-tap .4s ease-out both; }
@keyframes pm-tap { from { opacity: 1; transform: scale(.4); } to { opacity: 0; transform: scale(1.3); } }

.pm-hint {
  position: absolute; z-index: 3; left: 50%; bottom: 13%; transform: translateX(-50%);
  display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: var(--ds-r-pill);
  background: rgba(var(--ds-shade-rgb), .62); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .26);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  font: 700 12px/1.1 var(--ds-font); color: #fff; white-space: nowrap; pointer-events: none; transition: opacity .4s, visibility .4s;
}
.pm-hint { width: max-content; max-width: calc(100% - 24px); white-space: normal; text-align: center; text-wrap: balance; } 
.pm-hint i { width: 8px; height: 8px; border-radius: 50%; background: var(--ds-mint); box-shadow: 0 0 0 3px rgba(var(--ds-mint-rgb), .28); flex: none; }
.pm-test[data-state="ready"]:not(.is-done-once) .pm-hint { animation: pm-hint 2.4s ease-in-out 1s 3 both; }
.pm-test:not([data-state="ready"]) .pm-hint, .pm-test.is-done-once .pm-hint, html:not(.pm-js) .pm-hint { opacity: 0; visibility: hidden; }
@keyframes pm-hint { 0%, 100% { transform: translateX(-50%); } 50% { transform: translate(-50%, -6px); } }

.pm-say { margin: 12px 2px 0; min-height: 64px; }
.pm-say__h { margin: 0 0 3px; font-size: 16px; line-height: 1.3; font-weight: 700; color: #fff; }
.pm-say__p { margin: 0; font-size: 13.5px; line-height: 1.45; color: rgba(255, 255, 255, .86); }
.pm-say__p b { color: #fff; }
.pm-say.is-new > * { animation: pm-in .3s var(--ds-ease) both; }
.pm-say.is-new > * + * { animation-delay: .05s; }
@keyframes pm-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.pm-legend { display: inline-flex; gap: 12px; margin-left: 2px; font-size: 12.5px; color: rgba(255, 255, 255, .78); }
.pm-legend i { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 5px; vertical-align: -1px; }
.pm-legend .s { background: #fff; } .pm-legend .m { box-shadow: inset 0 0 0 2px var(--ds-sky); }

.pm-act {
  display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 52px; margin-top: 10px; padding: 0 20px;
  border: 0; border-radius: var(--ds-r-pill); cursor: pointer; font: 700 16px/1 var(--ds-font);
  background: #fff; color: var(--ds-ink); box-shadow: 0 12px 26px -14px rgba(0, 0, 0, .55);
  transition: transform .15s var(--ds-ease), background-color .2s, box-shadow .2s; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
}
.pm-act:hover { background: #f2f6ff; }
.pm-act:active { transform: scale(.98); }
.pm-act:focus-visible { outline: 2px solid var(--ds-sky); outline-offset: 3px; }
.pm-test[data-state="run"] .pm-act { background: rgba(255, 255, 255, .14); color: #fff; box-shadow: inset 0 0 0 1px var(--ds-glass-edge-hi), 0 0 0 4px rgba(var(--ds-mint-rgb), .22); }
.pm-test[data-state="run"] .pm-act:active { background: rgba(255, 255, 255, .24); }
html:not(.pm-js) .pm-act { display: none; }

.pm-honest { display: flex; gap: 8px; align-items: flex-start; margin: 10px 2px 0; font-size: 12.5px; line-height: 1.45; color: rgba(255, 255, 255, .78); }
.pm-honest .ds-ico { flex: none; width: 16px; height: 16px; margin-top: 1px; color: var(--ds-sky); }
.pm-honest b { color: #fff; }

.pm-pay { display: grid; gap: 8px; margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, .14); }
.pm-pay__p { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; position: relative; }
.pm-pay__p::before { content: ''; position: absolute; left: -10px; top: -4px; width: min(240px, 66%); height: 50px; z-index: -1; border-radius: var(--ds-r-pill); pointer-events: none; background: radial-gradient(60% 70% at 40% 50%, rgba(var(--ds-mint-rgb), .35), transparent 72%); filter: blur(18px); }
.pm-pay__p b { font-size: 30px; line-height: 1.05; font-weight: 800; letter-spacing: -.025em; color: #fff; font-variant-numeric: tabular-nums; }
.pm-pay__p i { font-style: normal; font-size: 13px; color: var(--ds-sky); }
.pm-pay__go { width: 100%; }

@media (max-width: 719px) {
  .pm-hero__in { display: grid; grid-template-columns: minmax(0, 1fr); }
  .pm-hero__main { display: contents; }
  .pm-kicker { order: 1; font-size: 12.5px; margin-bottom: 4px; }
  .pm-h1 { order: 2; }
  .pm-sub { order: 3; font-size: 14px; margin-bottom: 10px; max-width: none; }
  .pm-hero__aside { order: 4; }
  .pm-chips { order: 5; margin-top: 14px; }
  .pm-test { margin: 0 -6px; padding: 10px 12px 12px; }
  .pm-test__top { margin-bottom: 6px; }
  .pm-bowl { width: min(100%, 248px); }
  .pm-say { min-height: 0; margin-top: 8px; }
  .pm-say__h { font-size: 15px; }
  .pm-say__p { font-size: 13px; }
  .pm-act { height: 48px; margin-top: 8px; }
  .pm-honest { margin-top: 8px; font-size: 12px; }
  .pm-pay { margin-top: 10px; padding-top: 10px; gap: 8px; }
  .pm-pay__p { flex-wrap: nowrap; align-items: center; gap: 12px; }
  .pm-pay__p b { font-size: 28px; flex: none; }
  .pm-pay__p i { flex: 1 1 0; min-width: 0; font-size: 12.5px; line-height: 1.3; }
}
@media (min-width: 720px) and (max-width: 1023px) {
  .pm-hero__in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: start; }
}
@media (min-width: 1024px) {
  .pm-hero { padding-bottom: 80px; }
  .pm-hero__in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .92fr); gap: 48px; align-items: center; min-height: clamp(600px, calc(100vh - var(--ds-hdr) - 90px), 760px); }
  .pm-kicker { font-size: 15px; }
  .pm-h1.ds-h1--even { --w: 560px; margin-bottom: 14px; }
  .pm-sub { font-size: 18px; max-width: 34ch; }
  .pm-chips { margin-top: 10px; }
  .pm-test { padding: 16px 20px 20px; }
  .pm-bowl { width: min(100%, 330px); }
  .pm-say { min-height: 70px; }
  .pm-say__h { font-size: 18px; }
  .pm-say__p { font-size: 14.5px; }
  .pm-act { width: auto; min-width: 240px; margin: 12px auto 0; }
  .pm-pay { grid-template-columns: auto 1fr; align-items: center; gap: 18px; }
  .pm-pay__p { display: grid; gap: 2px; }
  .pm-pay__p b { font-size: 36px; }
  .pm-pay__go { width: auto; justify-self: end; }
}

.pm-stats .ds-stats__in { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pm-stats .ds-stat { border-right: 1px solid var(--ds-line); border-bottom: 1px solid var(--ds-line); }
.pm-stats .ds-stat:nth-child(2n) { border-right: 0; }
.pm-stats .ds-stat:nth-child(n+5) { border-bottom: 0; }
.pm-stats .ds-stat b { font-size: 26px; }
@media (min-width: 1024px) {
  .pm-stats .ds-stats__in { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .pm-stats .ds-stat { border-bottom: 0 !important; border-right: 1px solid var(--ds-line) !important; }
  .pm-stats .ds-stat:last-child { border-right: 0 !important; }
  .pm-stats .ds-stat b { font-size: 34px; }
}
@media (min-width: 768px) and (max-width: 1180px) {
  .pm-stats .ds-stats__in { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pm-stats .ds-stat { border-right: 1px solid var(--ds-line) !important; border-bottom: 1px solid var(--ds-line) !important; }
  .pm-stats .ds-stat:nth-child(3n) { border-right: 0 !important; }
  .pm-stats .ds-stat:nth-child(n+4) { border-bottom: 0 !important; }
}

.pm-nav {
  position: fixed; z-index: var(--ds-z-pin); left: 10px; right: 10px; top: calc(10px + env(safe-area-inset-top, 0px));
  max-width: 640px; margin: 0 auto; height: 48px; border-radius: var(--ds-r-pill);
  background: var(--ds-capsule); box-shadow: var(--ds-sh-capsule), inset 0 0 0 1px var(--ds-line);
  -webkit-backdrop-filter: blur(14px) saturate(1.4); backdrop-filter: blur(14px) saturate(1.4);
  opacity: 0; visibility: hidden; transform: translateY(-16px); pointer-events: none;
  transition: opacity .25s, visibility .25s, transform .35s var(--ds-ease), top .35s var(--ds-ease);
}
body.ds-past .pm-nav { opacity: 1; visibility: visible; transform: none; pointer-events: auto; }
.np-hdr:not(.is-up) ~ .ds-main .pm-nav { top: calc(72px + env(safe-area-inset-top, 0px)); }
body.np-nav-open .pm-nav, body.ds-dlg-open .pm-nav, body.np-foot-in .pm-nav { opacity: 0; visibility: hidden; pointer-events: none; }
.pm-nav__in { display: flex; align-items: center; gap: 6px; height: 100%; padding: 0 5px; }
.pm-nav__cfg {
  flex: none; display: inline-flex; align-items: center; height: 38px; padding: 0 13px; border-radius: var(--ds-r-pill);
  background: var(--ds-brand-grad); color: #fff; text-decoration: none; white-space: nowrap; box-shadow: var(--ds-sh-menu);
}
.pm-nav__p { display: grid; line-height: 1.05; }
.pm-nav__p b { font-size: 13.5px; font-weight: 800; font-variant-numeric: tabular-nums; }
.pm-nav__p i { font-style: normal; font-size: 9.5px; font-weight: 600; opacity: .85; }
.pm-nav__links { flex: 1 1 auto; min-width: 0; display: flex; gap: 2px; overflow-x: auto; scrollbar-width: none; }
.pm-nav__links::-webkit-scrollbar { display: none; }
.pm-nav__links a {
  flex: none; display: inline-flex; align-items: center; height: 38px; padding: 0 11px; border-radius: var(--ds-r-pill);
  font: 700 13.5px/1 var(--ds-font); color: var(--ds-body); text-decoration: none; white-space: nowrap; transition: background-color .2s, color .2s;
}
.pm-nav__links a:hover { color: var(--ds-ink); }
.pm-nav__links a.is-on { background: var(--ds-soft); color: var(--ds-brand); box-shadow: inset 0 0 0 1px var(--ds-line); }
.pm-nav__bar { position: absolute; left: 22px; right: 22px; bottom: 3px; height: 2px; border-radius: 2px; background: var(--ds-acc); transform: scaleX(var(--p, 0)); transform-origin: 0 50%; opacity: .7; }
@media (min-width: 720px) { .pm-nav { top: calc(12px + env(safe-area-inset-top, 0px)); } .np-hdr:not(.is-up) ~ .ds-main .pm-nav { top: calc(84px + env(safe-area-inset-top, 0px)); } }

.pm-steps { list-style: none; margin: 22px 0 0; padding: 0; display: grid; gap: 12px; counter-reset: none; }
.pm-step { position: relative; background: #fff; border-radius: 24px; padding: 16px 18px 18px; box-shadow: 0 2px 8px rgba(6, 24, 60, .05), 0 24px 48px -34px rgba(6, 24, 60, .45); }
.pm-step__n { position: absolute; left: 30px; top: 28px; z-index: 2; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #fff; color: var(--ds-brand); font-weight: 800; font-size: 14px; box-shadow: 0 4px 12px -4px rgba(6, 24, 60, .4); }
.pm-step h3 { margin: 14px 0 6px; font-size: 18px; line-height: 1.3; color: var(--ds-ink); }
.pm-step p { margin: 0 0 6px; font-size: 14.5px; line-height: 1.55; color: var(--ds-body); }
.pm-step__draft { font-size: 13px !important; }

.pm-art {
  position: relative; height: 150px; border-radius: 18px; overflow: hidden;
  background: radial-gradient(70% 70% at 50% 40%, rgba(124, 230, 176, .14), transparent 70%), linear-gradient(150deg, #0f2a5e 0%, #1d57ad 60%, #2a6cc0 100%);
}
.pm-art--bowl .pm-art__cup { position: absolute; left: 50%; top: 18px; width: 150px; height: 150px; margin-left: -75px; border-radius: 50%; background: radial-gradient(circle at 50% 50%, #173a78 0%, #0a1f48 100%); box-shadow: inset 0 0 0 1px rgba(180, 220, 255, .3), inset 0 -14px 30px rgba(4, 12, 32, .6); }
.pm-art--bowl .pm-art__cup::after { content: ''; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%; background: #fff; box-shadow: 0 0 12px rgba(255, 255, 255, .6); }
.pm-art--bowl .pm-art__chin { position: absolute; left: 50%; bottom: 14px; width: 64px; height: 8px; margin-left: -32px; border-radius: 8px; background: rgba(255, 255, 255, .85); }
.pm-art--bowl .pm-art__patch { position: absolute; left: calc(50% + 48px); top: 34px; width: 34px; height: 22px; border-radius: 50% / 60%; background: rgba(255, 255, 255, .92); box-shadow: 0 6px 14px -6px rgba(0, 0, 0, .5); transform: rotate(-8deg); }
.pm-art--bowl .pm-art__patch::after { content: ''; position: absolute; left: -26px; right: -26px; top: 9px; height: 3px; border-radius: 3px; background: rgba(255, 255, 255, .55); z-index: -1; }
.pm-art--flash .pm-art__fix { position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%; background: #fff; }
.pm-art--flash i { position: absolute; width: 9px; height: 9px; border-radius: 50%; background: #fff; box-shadow: 0 0 12px 3px rgba(255, 255, 255, .55); opacity: 0; animation: pm-art-f 3.6s ease-in-out infinite; }
.pm-art--flash i:nth-child(2) { left: 20%; top: 26%; } .pm-art--flash i:nth-child(3) { left: 76%; top: 38%; animation-delay: 1.2s; } .pm-art--flash i:nth-child(4) { left: 34%; top: 76%; animation-delay: 2.4s; }
@keyframes pm-art-f { 0%, 100% { opacity: 0; } 6%, 14% { opacity: 1; } 22% { opacity: 0; } }
.pm-art--flash .pm-art__btn { position: absolute; right: 16px; bottom: 14px; width: 34px; height: 34px; border-radius: 50%; background: rgba(255, 255, 255, .92); box-shadow: 0 0 0 5px rgba(255, 255, 255, .14); animation: pm-art-b 3.6s ease-in-out infinite; }
@keyframes pm-art-b { 0%, 100% { transform: none; } 9%, 13% { transform: scale(.86); } 38%, 42% { transform: scale(.86); } 72%, 76% { transform: scale(.86); } }
.pm-art--map { display: grid; place-items: center; }
.pm-art--map::before { content: ''; position: absolute; left: 50%; top: 50%; width: 124px; height: 124px; margin: -62px 0 0 -62px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(180, 220, 255, .3); background: radial-gradient(circle, rgba(255, 255, 255, .06), transparent 70%); }
.pm-art--map i { position: absolute; width: 9px; height: 9px; margin: -4.5px 0 0 -4.5px; border-radius: 50%; background: #fff; }
.pm-art--map i:nth-child(1) { left: 50%; top: 22%; } .pm-art--map i:nth-child(2) { left: 64%; top: 32%; } .pm-art--map i:nth-child(3) { left: 36%; top: 34%; }
.pm-art--map i:nth-child(4) { left: 58%; top: 50%; } .pm-art--map i:nth-child(5) { left: 42%; top: 56%; } .pm-art--map i:nth-child(6) { left: 66%; top: 66%; }
.pm-art--map i:nth-child(7) { left: 30%; top: 52%; background: transparent; box-shadow: inset 0 0 0 2px var(--ds-sky); }
.pm-art--map i:nth-child(8) { left: 50%; top: 78%; } .pm-art--map i:nth-child(9) { left: 72%; top: 46%; }
.pm-kak__h3 { margin-top: 32px; }
.pm-fears { display: grid; gap: 12px; margin-top: 14px; }
.pm-fear { background: var(--ds-soft); border-radius: 24px; padding: 16px 18px; box-shadow: inset 0 0 0 1px var(--ds-line); }
.pm-fear__q { margin: 0 0 6px !important; font-size: 16px !important; font-weight: 700; color: var(--ds-ink) !important; }
.pm-fear p { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--ds-body); }
.pm-fear p b { color: var(--ds-ink); }
.pm-kak__go { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: 22px; }
.pm-kak__go .ds-btn { flex: 0 0 auto; width: auto; }
.pm-kak__a { display: inline-flex; align-items: center; gap: 6px; color: var(--ds-acc); font-weight: 700; font-size: 14.5px; text-decoration: none; }
.pm-kak__a .ds-ico { width: 16px; height: 16px; }
@media (max-width: 719px) { .pm-kak__go .ds-btn { width: 100%; flex: 1 1 100%; } }
@media (min-width: 900px) { .pm-steps, .pm-fears { grid-template-columns: repeat(3, 1fr); gap: 16px; } .pm-art { height: 170px; } }

.pm-zachem { position: relative; isolation: isolate; overflow: hidden; background: var(--ds-grad-hero); color: #fff; }
.pm-zachem .ds-eyebrow { color: var(--ds-sky); }
.pm-zachem .ds-h2 { color: #fff; }
.pm-zachem .ds-lead { color: rgba(255, 255, 255, .86); }
.pm-zachem .ds-lead b { color: #fff; }
.pm-z__grid { display: grid; gap: 18px; margin-top: 22px; }
.pm-z__cells { display: grid; gap: 12px; }
.pm-cell {
  position: relative; border-radius: 24px; padding: 16px 18px;
  background: var(--ds-glass); box-shadow: inset 0 0 0 1px var(--ds-glass-edge), 0 24px 48px -34px rgba(4, 16, 44, .8);
  -webkit-backdrop-filter: var(--ds-glass-blur); backdrop-filter: var(--ds-glass-blur);
}
.pm-cell__k { display: inline-flex; padding: 4px 10px; border-radius: var(--ds-r-pill); background: rgba(255, 255, 255, .12); box-shadow: inset 0 0 0 1px var(--ds-glass-edge); font-size: 11.5px; font-weight: 700; color: var(--ds-sky); }
.pm-cell h3 { margin: 10px 0 6px; font-size: 18px; line-height: 1.3; color: #fff; }
.pm-cell p { margin: 0 0 8px; font-size: 14.5px; line-height: 1.55; color: rgba(255, 255, 255, .86); }
.pm-cell__a { display: inline-flex; align-items: center; gap: 6px; color: #fff; font-weight: 700; font-size: 14px; text-decoration: underline; text-decoration-color: rgba(255, 255, 255, .4); text-underline-offset: 3px; }
.pm-cell__a .ds-ico { width: 15px; height: 15px; }
.pm-z__media { display: flex; gap: 12px; overflow-x: auto; scrollbar-width: none; margin: 0 calc(-1 * var(--ds-gutter)); padding: 0 var(--ds-gutter) 4px; }
.pm-z__media::-webkit-scrollbar { display: none; }
.pm-z__media .ds-reel { flex: 0 0 min(62vw, 240px); }
.pm-z__media .ds-reel__cap { color: rgba(255, 255, 255, .88); }
.pm-z__media .ds-reel__ig { color: var(--ds-sky); }
.pm-z__honest { margin-top: 16px; border: 0; box-shadow: 0 24px 48px -34px rgba(4, 16, 44, .8); }
.pm-z__doors { display: grid; gap: 10px; margin-top: 16px; }
.pm-door { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2px 12px; padding: 14px 16px; border-radius: 20px; text-decoration: none; background: rgba(255, 255, 255, .1); box-shadow: inset 0 0 0 1px var(--ds-glass-edge); transition: transform .2s var(--ds-ease), background-color .2s; }
.pm-door:hover { transform: translateY(-2px); background: rgba(255, 255, 255, .16); }
.pm-door b { font-size: 15.5px; color: #fff; }
.pm-door span { grid-column: 1; font-size: 13.5px; color: rgba(255, 255, 255, .8); }
.pm-door .ds-ico { grid-column: 2; grid-row: 1 / span 2; width: 18px; height: 18px; color: var(--ds-sky); }
@media (min-width: 720px) { .pm-z__cells { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) {
  .pm-z__grid { grid-template-columns: 1fr 480px; gap: 28px; align-items: start; }
  .pm-z__media { margin: 0; padding: 0; overflow: visible; }
  .pm-z__media .ds-reel { flex: 1 1 0; }
  .pm-z__doors { grid-template-columns: repeat(3, 1fr); gap: 12px; }
}

.pm-put__box { margin-top: 20px; background: #fff; border-radius: 24px; padding: 18px; box-shadow: 0 2px 8px rgba(6, 24, 60, .05), 0 30px 60px -40px rgba(6, 24, 60, .5); }
.pm-put__q { margin: 0 0 10px; font-size: 11.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--ds-acc); }
.pm-put__pills { display: flex; flex-wrap: wrap; gap: 8px; }
.pm-pill {
  min-height: 44px; padding: 10px 16px; border: 0; border-radius: var(--ds-r-pill); cursor: pointer; text-align: left;
  font: 600 14.5px/1.2 var(--ds-font); color: var(--ds-ink); background: var(--ds-soft); box-shadow: inset 0 0 0 1px var(--ds-line);
  transition: background-color .2s, box-shadow .2s, color .2s; -webkit-tap-highlight-color: transparent;
}
.pm-pill:hover { box-shadow: inset 0 0 0 1px var(--ds-line-hi); }
.pm-pill[aria-checked="true"] { background: var(--ds-brand-grad); color: #fff; box-shadow: 0 0 0 4px rgba(var(--ds-mint-rgb), .35), 0 10px 22px -12px rgba(28, 58, 146, .6); }
.pm-pill:focus-visible { outline: 2px solid var(--ds-acc); outline-offset: 2px; }
.pm-offers { display: grid; gap: 14px; margin-top: 16px; padding-top: 16px; border-top: 1px dashed var(--ds-line); }
.pm-offer { display: none; }
.pm-offer.is-on { display: grid; gap: 6px; }
html:not(.pm-js) .pm-offer { display: grid; gap: 6px; padding-bottom: 12px; border-bottom: 1px dashed var(--ds-line); }
.pm-offer.is-new > * { animation: pm-in .3s var(--ds-ease) both; }
.pm-offer__k { margin: 0; font-size: 11.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--ds-acc); }
.pm-offer__n { margin: 0; font-size: 21px; line-height: 1.25; color: var(--ds-ink); }
.pm-offer__w { margin: 0; font-size: 15px; line-height: 1.5; color: var(--ds-body); }
.pm-offer__v { display: grid; margin-top: 4px; }
.pm-offer__v b { font-size: 36px; line-height: 1.05; font-weight: 800; color: var(--ds-ink); letter-spacing: -.025em; }
.pm-offer__v span { font-size: 14px; color: var(--ds-body); }
.pm-offer__in { margin: 4px 0 0; font-size: 14px; line-height: 1.55; color: var(--ds-body); }
.pm-offer__in b { color: var(--ds-ink); }
.pm-offer__go { display: grid; gap: 8px; align-content: start; }
.pm-offer__btn { width: 100%; }
.pm-offer__note { margin: 0; font-size: 13.5px; color: var(--ds-note); }
.pm-prices { display: grid; gap: 8px; margin-top: 18px; }
.pm-row { display: grid; grid-template-columns: 1fr auto; align-items: baseline; gap: 0 12px; padding: 14px 16px; border-radius: 20px; background: #fff; box-shadow: 0 1px 4px rgba(6, 24, 60, .06); text-decoration: none; }
a.pm-row:hover { box-shadow: inset 0 0 0 1px var(--ds-line-hi), var(--ds-sh-hover-s); }
.pm-row span { font-size: 15px; font-weight: 600; color: var(--ds-ink); }
a.pm-row span { color: var(--ds-acc); }
.pm-row b { font-size: 18px; font-weight: 800; color: var(--ds-ink); text-align: right; white-space: nowrap; }
.pm-row i { grid-column: 1 / -1; font-style: normal; font-size: 12.5px; color: var(--ds-body); text-align: right; }
.pm-put__note { margin: 14px 0 0; font-size: 13.5px; line-height: 1.5; color: var(--ds-note); }
.pm-put__draft { margin-top: 8px; }
@media (min-width: 900px) {
  .pm-put__box { padding: 24px 26px; }
  .pm-offers { grid-template-columns: 1fr 300px; gap: 28px; align-items: start; }
  .pm-offer__go { grid-column: 2; grid-row: 1; padding-top: 24px; }
  .pm-prices { grid-template-columns: 1fr 1fr; gap: 12px; }
}

.pm-wall { --h: 118px; display: grid; gap: 10px; overflow: hidden; padding: 2px 0 6px; user-select: none; -webkit-user-select: none; }
.pm-wall__row { display: flex; gap: 10px; width: max-content; will-change: transform; touch-action: pan-y; cursor: grab; }
.pm-wall__row:active { cursor: grabbing; }
.pm-wall__i {
  flex: none; height: var(--h); padding: 0; margin: 0; border: 0; cursor: zoom-in; overflow: hidden;
  border-radius: var(--ds-r-tile); background: var(--ds-line); -webkit-tap-highlight-color: transparent; font-family: var(--ds-font);
}
.pm-wall__i img, .pm-wall__i video { display: block; height: 100%; width: auto; max-width: none; pointer-events: none; -webkit-user-drag: none; transition: transform .6s var(--ds-ease); }
.pm-wall__i:hover img { transform: scale(1.04); }
.pm-wall__i:focus-visible { outline: 3px solid var(--ds-acc); outline-offset: -3px; }
.pm-wall__i--live { position: relative; cursor: grab; width: calc(var(--h) * .8); background: var(--ds-dark); }
.pm-wall__i--live video { width: 100%; height: 100%; object-fit: cover; }
.pm-wall__tag {
  position: absolute; left: 7px; top: 7px; z-index: 2; padding: 4px 8px; border-radius: var(--ds-r-pill);
  background: rgba(var(--ds-shade-rgb), .55); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .24);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  font: 700 10.5px/1.2 var(--ds-font); color: #fff; display: inline-flex; align-items: center; gap: 5px; white-space: nowrap;
}
.pm-wall__tag::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--ds-mint); box-shadow: 0 0 0 3px rgba(var(--ds-mint-rgb), .25); }
html:not(.pm-js) .pm-wall { overflow-x: auto; }
.pm-wall__bar { margin: 12px 0 0; font-size: 13.5px; color: var(--ds-note); }
.pm-wall__bar b { color: var(--ds-ink); font-weight: 800; font-variant-numeric: tabular-nums; }
@media (min-width: 720px) { .pm-wall { --h: 170px; gap: 12px; } .pm-wall__row { gap: 12px; } .pm-wall__tag { font-size: 12px; left: 10px; top: 10px; } }
@media (min-width: 1024px) { .pm-wall { --h: 196px; } }
.pm-wall__i--live { container-type: inline-size; }
.pm-wall__tag { max-width: calc(100% - 14px); white-space: normal; text-wrap: balance; align-items: flex-start; }
.pm-wall__tag::before { flex: none; margin-top: calc(.6em - 3px); }
@media (min-width: 720px) { .pm-wall__tag { max-width: calc(100% - 20px); } }
@container (max-width: 140px) {
  .pm-wall__tag { left: 6px; top: 6px; max-width: calc(100% - 12px); padding: 4px 7px; gap: 4px; font-size: 10px; line-height: 1.15; }
  .pm-wall__tag::before { width: 5px; height: 5px; margin-top: calc(.575em - 2.5px); box-shadow: 0 0 0 2px rgba(var(--ds-mint-rgb), .25); }
}
.pm-lyudi__row { display: grid; gap: 18px; margin-top: 24px; }
.pm-lyudi__reel { max-width: 260px; }
.pm-lyudi__reel.ds-vlenta { margin: 0; max-width: none; min-width: 0; }
.pm-lyudi__end { display: grid; gap: 12px; justify-items: start; align-content: start; }
.pm-lyudi__end .ds-check { width: 100%; }
.pm-lyudi__end .ds-note { margin: 0; }
@media (min-width: 900px) { .pm-lyudi__row { grid-template-columns: minmax(0, 600px) 1fr; gap: 32px; align-items: start; } }

.pm-doc { border: 0; box-shadow: 0 2px 8px rgba(6, 24, 60, .05), 0 24px 48px -32px rgba(6, 24, 60, .45); border-radius: 24px; }
@media (min-width: 1024px) { .pm-vr__rail .ds-doc { width: calc((100% - 36px) / 3); } }

.pm-prep__grid { display: grid; gap: 12px; margin-top: 20px; }
.pm-card { background: #fff; border-radius: 24px; padding: 18px; box-shadow: 0 2px 8px rgba(6, 24, 60, .05), 0 24px 48px -34px rgba(6, 24, 60, .45); }
.pm-card h3 { margin: 0 0 8px; font-size: 17px; line-height: 1.3; color: var(--ds-ink); }
.pm-card p { margin: 0 0 6px; font-size: 14.5px; line-height: 1.55; color: var(--ds-body); }
@media (min-width: 720px) { .pm-prep__grid { grid-template-columns: 1fr 1fr; gap: 16px; } }
@media (min-width: 1200px) { .pm-prep__grid { grid-template-columns: repeat(4, 1fr); } }

.pm-event__tel { margin: 12px 0 0; font-size: 14.5px; color: rgba(255, 255, 255, .86); }
.pm-event__tel a { color: #fff; font-weight: 700; }

.pm-faq__l { display: grid; gap: 10px; margin-top: 18px; }
.pm-q { background: #fff; border-radius: 20px; box-shadow: 0 1px 4px rgba(6, 24, 60, .06); }
.pm-q summary { list-style: none; cursor: pointer; padding: 16px 48px 16px 18px; position: relative; font-size: 16px; line-height: 1.4; font-weight: 700; color: var(--ds-ink); }
.pm-q summary::-webkit-details-marker { display: none; }
.pm-q summary::after { content: ''; position: absolute; right: 20px; top: 50%; width: 9px; height: 9px; margin-top: -6px; border: solid var(--ds-acc); border-width: 0 2px 2px 0; transform: rotate(45deg); transition: transform .25s var(--ds-ease); }
.pm-q[open] summary::after { transform: rotate(-135deg); margin-top: -2px; }
.pm-q p { margin: 0; padding: 0 18px 16px; font-size: 15px; line-height: 1.6; color: var(--ds-body); }
.pm-faq__go { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: 20px; }
.pm-faq__go .ds-btn { width: auto; flex: 0 0 auto; }
@media (max-width: 719px) { .pm-faq__go .ds-btn { width: 100%; flex: 1 1 100%; } }
.pm-faq__adr { margin: 18px 0 0; font-size: 14.5px; color: var(--ds-body); }
.pm-faq__adr a { color: var(--ds-acc); font-weight: 700; text-decoration: none; }
.pm-crumbs { display: flex; flex-wrap: wrap; gap: 4px 8px; margin-top: 28px; font-size: 13px; color: var(--ds-note); }
.pm-crumbs a { color: var(--ds-body); text-decoration: none; }
.pm-crumbs a:hover { color: var(--ds-acc); }
.pm-crumbs b { color: var(--ds-ink); font-weight: 700; }

.pm-big { border: 0; padding: 0; margin: 0; width: 100%; height: 100%; max-width: 100vw; max-height: 100dvh; background: rgba(6, 15, 32, .96); color: #fff; overflow: hidden; }
.pm-big::backdrop { background: rgba(6, 15, 32, .96); }
.pm-big img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -52%); max-width: 94vw; max-height: 78dvh; width: auto; height: auto; border-radius: var(--ds-r-tile); display: block; }
.pm-big__x { position: absolute; z-index: 3; top: 10px; right: 10px; width: 46px; height: 46px; border-radius: 50%; border: 0; color: #fff; display: grid; place-items: center; cursor: pointer; }
.pm-big__nav { position: absolute; z-index: 3; top: 50%; width: 46px; height: 46px; margin-top: -23px; border-radius: 50%; border: 0; color: #fff; display: grid; place-items: center; cursor: pointer; }
.pm-big__nav, .pm-big__x { background: rgba(6, 15, 32, .62); box-shadow: 0 0 0 1px rgba(255, 255, 255, .35), 0 6px 16px rgba(0, 0, 0, .35); }
.pm-big__nav--l { left: 10px; } .pm-big__nav--r { right: 10px; }
.pm-big__n { position: absolute; left: 16px; right: 16px; bottom: max(18px, env(safe-area-inset-bottom)); margin: 0; text-align: center; font-size: 13.5px; line-height: 1.4; color: rgba(255, 255, 255, .8); }
.ds-bar__p b { white-space: nowrap; }

@media (prefers-reduced-motion: reduce) {
  .pm-wall__row, .ds-reel video, .pm-wall__i img, .pm-nav, .pm-pill, .pm-act, .pm-ring__p { transition: none !important; }
  .pm-hint, .pm-fix, .pm-art--flash i, .pm-art--flash .pm-art__btn, .pm-say.is-new > *, .pm-offer.is-new > *, .pm-d.is-res, .pm-flashmark.is-on { animation: none !important; }
  .pm-d.is-res { opacity: 1; transform: none; }
  .pm-art--flash i:nth-child(2), .pm-art--flash i:nth-child(3) { opacity: 1; }
  .pm-d--f.is-on { animation: none !important; opacity: var(--a); transform: none; }
}
@media (prefers-reduced-transparency: reduce) {
  .pm-test, .pm-cell, .pm-nav, .pm-hint, .pm-wall__tag { -webkit-backdrop-filter: none; backdrop-filter: none; }
}

.pm-test:not([data-state="run"]) .pm-ring__p { opacity: 0; }
.pm-test[data-state="done"] .pm-act { height: 44px; background: rgba(255, 255, 255, .1); color: #fff; font-size: 14.5px; box-shadow: inset 0 0 0 1px var(--ds-glass-edge-hi); }
.pm-test[data-state="done"] .pm-act:hover { background: rgba(255, 255, 255, .18); }
@media (min-width: 900px) { .pm-offers { grid-template-columns: minmax(0, 1fr) 340px; } .pm-offer__go { min-width: 0; } .pm-offer__btn { width: 100%; min-width: 0; white-space: normal; text-align: center; line-height: 1.2; } }

.pm-pay__k { display: none; flex-basis: 100%; font-style: normal; font-size: 11.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--ds-sky); margin-bottom: -4px; }
.pm-test[data-state="done"] .pm-pay__k { display: block; }
.pm-test[data-state="done"] .pm-pay__p { flex-wrap: wrap; row-gap: 6px; }