/* Canonical storyboard parity: frozen v16 S-01 through S-10 at 354×766. */

.po-app:has(.po-v16-screen) {
  max-width: none;
}

.po-v16-form {
  width: 100%;
  height: 100%;
  min-height: 0;
}

.po-v16-screen {
  position: relative;
  display: flex;
  width: 100%;
  height: 100dvh;
  min-height: 100dvh;
  flex-direction: column;
  overflow: hidden;
  line-height: normal;
  background:
    linear-gradient(90deg, rgb(47 185 255 / 6%) 0 1px, transparent 1px 100%),
    linear-gradient(180deg, rgb(255 255 255 / 2.8%), transparent 120px),
    var(--po-surface);
  background-size: 38px 100%, 100% 100%, 100% 100%;
}

.po-v16-screen .po-screen-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  flex-direction: column;
  margin-inline: auto;
  max-width: 720px;
  padding: calc(30px + env(safe-area-inset-top)) 24px 4px;
  width: 100%;
}

.po-v16-screen .po-screen-content--scroll {
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 16px;
  scrollbar-color: var(--po-border-strong) transparent;
  scrollbar-width: thin;
}

.po-v16-screen .po-header { margin: 0; }
.po-v16-screen .po-eyebrow { margin: 0; color: var(--po-lime); font: 400 10.5px var(--po-mono); letter-spacing: .08em; }
.po-v16-screen .po-title { margin: 8px 0 0; font: 800 23px/1.16 var(--po-display); letter-spacing: 0; text-wrap: balance; }
.po-v16-screen .po-copy { margin: 9px 0 0; color: var(--po-muted); font-size: 13.5px; line-height: 1.55; }
.po-v16-screen[data-screen-root="S-02"] .po-title { font-size: 28px; line-height: 1.12; }

.po-v16-screen .po-cta-bar {
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  gap: 8px;
  padding: 20px 24px calc(26px + env(safe-area-inset-bottom));
  background: linear-gradient(180deg, rgb(15 16 16 / 0%), var(--po-surface) 30%);
  margin-inline: auto;
  max-width: 720px;
  width: 100%;
}

.po-v16-screen .po-button {
  min-height: 0;
  gap: 6px;
  padding: 16px 14px;
  border: 0;
  border-radius: 14px;
  font: 800 15px var(--po-display);
  letter-spacing: 0;
}

.po-v16-screen .po-button:hover:not(:disabled) { box-shadow: none; transform: translateY(-1px); }

.po-v16-step-list {
  margin: 12px 0 0;
  padding: 4px 13px;
  list-style: none;
  border: 1px solid var(--po-border);
  border-radius: 20px;
  background: var(--po-surface-2);
}

.po-v16-step-row {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 9px 0;
  border-bottom: 1px solid var(--po-border);
}

.po-v16-step-row:last-child { border-bottom: 0; }
.po-v16-step-row > span:last-child { min-width: 0; }
.po-v16-step-row b { display: block; font-size: 13px; line-height: normal; }
.po-v16-step-row small { display: block; margin-top: 2px; color: var(--po-muted); font-size: 11px; line-height: normal; }

.po-v16-step-number {
  display: grid;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid rgb(201 245 60 / 35%);
  border-radius: 10px;
  background: rgb(201 245 60 / 12%);
  color: var(--po-lime);
  font: 700 10px var(--po-mono);
}

.po-v16-goal-grid,
.po-v16-option-list,
.po-v16-style-grid,
.po-v16-voice-list,
.po-v16-topic-list {
  min-width: 0;
  margin: 14px 0 0;
  padding: 0;
  border: 0;
}

.po-v16-goal-grid {
  display: grid;
  flex: 1 1 auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: minmax(98px, auto);
  align-content: start;
  gap: 9px;
  min-height: 0;
  overflow-y: auto;
  padding: 1px 3px 12px 0;
}

.po-v16-option {
  align-items: stretch;
  flex-shrink: 0;
  height: auto;
  min-height: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--po-border);
  border-radius: 16px;
  background: var(--po-surface-2);
  box-shadow: inset 4px 0 0 transparent;
}

.po-v16-screen .po-choice-card__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.po-v16-screen .po-choice-card__input:focus-visible { outline: 0; }
.po-v16-screen .po-choice-card:has(.po-choice-card__input:focus-visible) { outline: 2px solid var(--po-lime); outline-offset: 3px; }

.po-v16-option > label {
  display: flex;
  width: 100%;
  gap: 12px;
  align-items: center;
  padding: 14px 15px;
  cursor: pointer;
}

.po-v16-option.is-selected {
  border-color: rgb(201 245 60 / 46%);
  background: linear-gradient(135deg, rgb(201 245 60 / 11%), rgb(47 185 255 / 3.5%));
}

.po-v16-option-body { display: block; flex: 1; min-width: 0; }
.po-v16-option-body b { display: block; font-size: 13px; line-height: 1.25; }
.po-v16-option-body small { display: block; margin-top: 2px; color: var(--po-muted); font-size: 11px; line-height: 1.35; }

.po-v16-goal-grid .po-v16-option {
  position: relative;
  min-height: 98px;
  background: linear-gradient(145deg, rgb(255 255 255 / 5.5%), var(--po-surface-2));
  border-color: rgb(255 255 255 / 9%);
}

.po-v16-goal-grid .po-v16-option::after {
  position: absolute;
  right: -18px;
  bottom: -28px;
  width: 82px;
  height: 82px;
  border-radius: 50%;
  background: rgb(47 185 255 / 12%);
  content: "";
  filter: blur(8px);
  pointer-events: none;
}

.po-v16-goal-grid .po-v16-option.is-selected {
  border-color: rgb(201 245 60 / 58%);
  background: linear-gradient(145deg, rgb(201 245 60 / 15%), rgb(47 185 255 / 8.5%));
}

.po-v16-goal-grid .po-v16-option > label { min-height: 98px; flex-direction: column; align-items: flex-start; padding: 12px; }
.po-v16-goal-grid .po-v16-option-body { position: relative; z-index: 1; }
.po-v16-goal-grid .po-v16-option-body b { font-size: 12.5px; }
.po-v16-goal-grid .po-v16-option-body small { font-size: 10.5px; line-height: 1.3; }

.po-v16-goal-icon {
  position: relative;
  z-index: 1;
  display: grid;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid rgb(255 255 255 / 10%);
  border-radius: 11px;
  background: rgb(255 255 255 / 5.5%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 8%);
}

.po-v16-goal-icon svg { width: 18px; height: 18px; }
.po-v16-option.is-selected .po-v16-goal-icon { border-color: var(--po-lime); background: var(--po-lime); box-shadow: 0 0 0 2px rgb(201 245 60 / 13%); color: var(--po-lime-fg); }

.po-v16-option-list,
.po-v16-voice-list {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  flex-direction: column;
  gap: 8px;
}

.po-v16-option-list--scroll,
.po-v16-voice-list { overflow-y: auto; padding-right: 3px; }

.po-v16-option--select > label { gap: 14px; padding: 15px 16px; }
.po-v16-option--select.is-selected > label { align-items: flex-start; }
.po-v16-option--select .po-v16-option-body small { display: none; }
.po-v16-option--select.is-selected .po-v16-option-body small { display: block; max-width: 245px; margin-top: 7px; color: var(--po-fg); font-size: 11.5px; line-height: 1.42; }

.po-v16-select-dot {
  display: inline-flex;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
  border: 2px solid var(--po-border-strong);
  border-radius: 50%;
  background: var(--po-surface);
  color: transparent;
  font-size: 0;
  font-weight: 900;
}

.po-v16-option.is-selected .po-v16-select-dot { border-color: var(--po-lime); background: var(--po-lime); color: var(--po-lime-fg); font-size: 16px; }

.po-v16-option:has(.po-v16-inline-custom) { position: relative; }
.po-v16-option:has(.po-v16-inline-custom).is-selected > label { min-height: 73px; padding-bottom: 31px; }
.po-v16-option:has(.po-v16-inline-custom) .po-v16-option-body small { display: none; }
.po-v16-inline-custom { position: absolute; right: 16px; bottom: 12px; left: 58px; }
.po-v16-inline-custom input { width: 100%; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; color: var(--po-fg); font: 700 13px/1.28 var(--po-body); }
.po-v16-inline-custom input::placeholder { color: var(--po-muted); font-weight: 600; }

.po-v16-choice-code {
  display: inline-flex;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid var(--po-border-strong);
  border-radius: 12px;
  background: var(--po-surface-3);
  color: var(--po-fg);
}

.po-v16-choice-code svg { width: 21px; height: 21px; }
.po-v16-option.is-selected .po-v16-choice-code { border-color: var(--po-lime); background: var(--po-lime); box-shadow: 0 0 0 4px rgb(201 245 60 / 13%); color: var(--po-lime-fg); }

.po-v16-fix-panel {
  margin-top: 16px;
  overflow: hidden;
  border: 1px solid rgb(201 245 60 / 48%);
  border-radius: 22px;
  background: linear-gradient(135deg, rgb(201 245 60 / 13%), rgb(47 185 255 / 5.5%));
}

.po-v16-fix-picked { display: flex; flex-wrap: wrap; gap: 7px; padding: 9px 12px; border-bottom: 1px solid rgb(201 245 60 / 20%); background: rgb(21 23 23 / 64%); }
.po-v16-fix-picked span { color: var(--po-muted); font: 400 9px var(--po-mono); letter-spacing: .07em; text-transform: uppercase; }
.po-v16-fix-items { display: flex; flex-direction: column; gap: 9px; padding: 12px; }
.po-v16-fix-card { padding: 12px; border: 1px solid rgb(201 245 60 / 26%); border-radius: 15px; background: linear-gradient(135deg, rgb(201 245 60 / 9.5%), rgb(21 23 23 / 90%)); }
.po-v16-fix-card strong { display: block; color: var(--po-lime); font: 800 14px/1.16 var(--po-display); }
.po-v16-fix-card p { margin: 6px 0 0; color: var(--po-fg); font-size: 12.3px; font-weight: 700; line-height: 1.34; }
.po-v16-fix-result { padding: 10px 12px; border-top: 1px solid rgb(201 245 60 / 18%); background: linear-gradient(135deg, rgb(201 245 60 / 12%), rgb(47 185 255 / 6%)); }
.po-v16-fix-label { color: var(--po-lime); font: 400 9px var(--po-mono); letter-spacing: .08em; text-transform: uppercase; }
.po-v16-fix-title { margin-top: 3px; font: 800 13px/1.2 var(--po-display); }
.po-v16-fix-panel--many .po-v16-fix-picked { padding: 8px 12px; }
.po-v16-fix-panel--many .po-v16-fix-items { gap: 0; padding: 0; }
.po-v16-fix-panel--many .po-v16-fix-card { padding: 8px 12px; border: 0; border-bottom: 1px solid rgb(201 245 60 / 18%); border-radius: 0; background: transparent; }
.po-v16-fix-panel--many .po-v16-fix-card:last-child { border-bottom: 0; }
.po-v16-fix-panel--many .po-v16-fix-card strong { color: var(--po-fg); font-size: 12.5px; }
.po-v16-fix-panel--many .po-v16-fix-card strong::before { color: var(--po-lime); content: "✓ "; }
.po-v16-fix-panel--many .po-v16-fix-card p { display: none; }

.po-v16-style-grid {
  display: grid;
  flex: 1 1 auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: max-content;
  align-content: start;
  gap: 8px;
  min-height: 0;
  overflow-y: auto;
  padding: 1px 2px 10px;
}

.po-v16-style-card { position: relative; height: auto; min-height: 0; padding: 0; overflow: hidden; border: 1.5px solid var(--po-border); border-radius: 16px; background: var(--po-surface-2); }
.po-v16-style-card.is-selected { border-color: var(--po-lime); background: rgb(201 245 60 / 3.5%); }
.po-v16-style-card > label { display: flex; flex-direction: column; padding: 6px; cursor: pointer; }
.po-v16-style-card img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; flex: 0 0 auto; object-fit: cover; object-position: center top; border-radius: 11px; background: var(--po-surface-3); }
.po-v16-style-card b { display: block; margin: 8px 2px 0; font: 800 12.5px/1.15 var(--po-display); }
.po-v16-style-card label > span { display: block; margin: 2px 2px 3px; color: var(--po-muted); font-size: 10.5px; line-height: 1.25; }
.po-v16-style-check { position: absolute; top: 12px; right: 12px; display: none; width: 22px; height: 22px; align-items: center; justify-content: center; border-radius: 50%; background: var(--po-lime); color: var(--po-lime-fg); font-size: 12px; font-style: normal; font-weight: 800; }
.po-v16-style-card.is-selected .po-v16-style-check { display: flex; }

.po-v16-voice-list { gap: 9px; }
.po-v16-voice-row { position: relative; align-items: stretch; flex-shrink: 0; height: auto; min-height: auto; padding: 0; border: 1px solid var(--po-border); border-radius: 16px; background: var(--po-surface-2); }
.po-v16-voice-row.is-selected { border-color: rgb(174 126 255 / 55%); background: linear-gradient(135deg, rgb(174 126 255 / 11%), rgb(201 245 60 / 4%)); }
.po-v16-voice-row > label { display: flex; width: 100%; gap: 12px; align-items: center; padding: 13px 14px; cursor: pointer; }
.po-v16-voice-row .po-v16-option-body b { font-size: 13px; line-height: normal; }
.po-v16-voice-row .po-v16-option-body small { font-size: 11px; line-height: normal; }
.po-v16-voice-wave { display: flex; width: 52px; height: 22px; align-items: center; justify-content: flex-end; gap: 3px; margin-left: auto; }
.po-v16-voice-wave i { display: block; width: 3px; border-radius: 99px; background: var(--po-voice); }
.po-v16-voice-wave i:nth-child(1) { height: 8px; }
.po-v16-voice-wave i:nth-child(2) { height: 15px; }
.po-v16-voice-wave i:nth-child(3) { height: 21px; }
.po-v16-voice-wave i:nth-child(4) { height: 12px; }
.po-v16-voice-wave i:nth-child(5) { height: 18px; }
.po-v16-voice-preview { position: absolute; top: 50%; right: 4px; width: 64px; height: 44px; padding: 0; border: 0; border-radius: 12px; background: transparent; cursor: pointer; transform: translateY(-50%); }
.po-v16-voice-preview:focus-visible { outline: 2px solid var(--po-lime); outline-offset: -3px; }
.po-v16-voice-row:has(.po-v16-voice-preview[aria-pressed="true"]) .po-v16-voice-wave i { transform-origin: center; animation: po-v16-voice-pulse .9s ease-in-out infinite; }
.po-v16-voice-row:has(.po-v16-voice-preview[aria-pressed="true"]) .po-v16-voice-wave i:nth-child(2) { animation-delay: .08s; }
.po-v16-voice-row:has(.po-v16-voice-preview[aria-pressed="true"]) .po-v16-voice-wave i:nth-child(3) { animation-delay: .16s; }
.po-v16-voice-row:has(.po-v16-voice-preview[aria-pressed="true"]) .po-v16-voice-wave i:nth-child(4) { animation-delay: .24s; }
.po-v16-voice-row:has(.po-v16-voice-preview[aria-pressed="true"]) .po-v16-voice-wave i:nth-child(5) { animation-delay: .32s; }

.po-v16-topic-list { display: flex; flex-direction: column; gap: 9px; }
.po-v16-topic-card { height: auto; min-height: 0; padding: 0; overflow: hidden; border: 1px solid var(--po-border); border-radius: 20px; background: var(--po-surface-2); }
.po-v16-topic-card.is-selected { border-color: rgb(201 245 60 / 45%); background: rgb(201 245 60 / 8%); }
.po-v16-topic-card > label { display: flex; flex: 1 1 auto; gap: 12px; align-items: center; padding: 13px; cursor: pointer; }
.po-v16-topic-index { min-width: 32px; padding: 7px; border: 1px solid rgb(201 245 60 / 26%); border-radius: 9px; background: rgb(201 245 60 / 8%); color: var(--po-lime); font: 700 11px var(--po-mono); text-align: center; }
.po-v16-topic-body { min-width: 0; flex: 1; }
.po-v16-topic-body b { display: block; font-size: 13px; line-height: 1.28; }
.po-v16-topic-custom { position: relative; cursor: pointer; }
.po-v16-topic-custom > label { width: 100%; min-height: 58px; }
.po-v16-topic-custom-copy small { display: block; margin-top: 4px; color: var(--po-muted); font-size: 11px; }
.po-v16-topic-custom.is-selected .po-v16-topic-custom-copy { visibility: hidden; }
.po-v16-topic-input { position: absolute; z-index: 1; top: 0; right: 13px; bottom: 0; left: 57px; display: flex; min-width: 0; flex-direction: column; justify-content: center; }
.po-v16-topic-input[hidden] { display: none; }
.po-v16-topic-input input { width: 100%; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; color: var(--po-fg); font: 800 13px/1.28 var(--po-body); }
.po-v16-topic-input input::placeholder { color: var(--po-fg); font-weight: 800; opacity: 1; }
.po-v16-topic-input span { display: block; margin-top: 4px; color: var(--po-muted); font-size: 11px; }
.po-v16-topic-input input:not(:placeholder-shown) + span { display: none; }
.po-v16-screen[data-screen-root="S-09"] .po-cta-bar { padding-top: 12px; padding-bottom: 18px; }
.po-v16-screen[data-screen-root="S-09"] .po-button { padding: 13px 14px; }

.po-v16-lane-list { margin-top: 14px; padding: 6px 14px; border: 1px solid var(--po-border); border-radius: 20px; background: var(--po-surface-2); }
.po-v16-lane-row { display: flex; gap: 10px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--po-border); }
.po-v16-lane-row:last-child { border-bottom: 0; }
.po-v16-lane-thumb { position: relative; display: flex; flex: 0 0 44px; width: 44px; height: 44px; align-items: center; justify-content: center; gap: 3px; overflow: hidden; border: 1px solid var(--po-border-strong); border-radius: 12px; background: var(--po-surface); }
.po-v16-lane-row:first-child .po-v16-lane-thumb { border-color: rgb(201 245 60 / 55%); background: rgb(201 245 60 / 8%); }
.po-v16-lane-script i { position: absolute; right: 9px; left: 9px; height: 3px; border-radius: 99px; background: var(--po-lime); transform-origin: left; animation: po-v16-line-write 1.8s ease-in-out infinite; }
.po-v16-lane-script i:nth-child(1) { top: 12px; }
.po-v16-lane-script i:nth-child(2) { top: 20px; right: 14px; background: rgb(152 152 148 / 55%); animation-delay: .18s; }
.po-v16-lane-script i:nth-child(3) { top: 28px; right: 20px; background: rgb(152 152 148 / 35%); animation-delay: .36s; }
.po-v16-lane-scene::before { position: absolute; inset: 6px 14px; border: 1px solid rgb(201 245 60 / 45%); border-radius: 5px; background: linear-gradient(180deg, rgb(47 185 255 / 45%), rgb(201 245 60 / 24%)); content: ""; animation: po-v16-scene-breathe 2.2s ease-in-out infinite; }
.po-v16-lane-scene::after { position: absolute; right: 17px; bottom: 10px; left: 17px; height: 3px; border-radius: 99px; background: var(--po-lime); content: ""; transform-origin: left; animation: po-v16-scene-scan 1.7s ease-in-out infinite; }
.po-v16-lane-voice i { display: block; width: 3px; border-radius: 99px; background: var(--po-voice); transform-origin: center; animation: po-v16-voice-pulse .9s ease-in-out infinite; }
.po-v16-lane-voice i:nth-child(1) { height: 8px; }
.po-v16-lane-voice i:nth-child(2) { height: 15px; animation-delay: .08s; }
.po-v16-lane-voice i:nth-child(3) { height: 22px; animation-delay: .16s; }
.po-v16-lane-voice i:nth-child(4) { height: 12px; animation-delay: .24s; }
.po-v16-lane-voice i:nth-child(5) { height: 18px; animation-delay: .32s; }
.po-v16-lane-caption b { padding-bottom: 3px; border-bottom: 3px solid var(--po-lime); color: var(--po-lime); font: 800 10px/1 var(--po-display); animation: po-v16-caption-pop 1.6s ease-in-out infinite; }
.po-v16-lane-body { min-width: 0; flex: 1 1 auto; }
.po-v16-lane-title { display: flex; justify-content: space-between; font-size: 12.5px; font-weight: 700; }
.po-v16-lane-title b,
.po-v16-lane-title span { color: var(--po-lime); font: 600 11px var(--po-mono); }
.po-v16-lane-bar { position: relative; display: block; height: 5px; margin-top: 7px; overflow: hidden; border-radius: 99px; background: var(--po-surface-3); }
.po-v16-lane-bar i { position: relative; display: block; width: var(--po-v16-w); height: 100%; overflow: hidden; border-radius: 99px; background: var(--po-lime); animation: po-v16-lane-grow 1.4s cubic-bezier(.22,.8,.24,1) var(--po-v16-delay) both; }
.po-v16-lane-list[data-generation-state="loading"] .po-v16-lane-bar i::after,
.po-v16-lane-list[data-generation-state="recovering"] .po-v16-lane-bar i::after { position: absolute; inset: 0; width: 45%; background: linear-gradient(90deg, transparent, rgb(255 255 255 / 62%), transparent); content: ""; animation: po-v16-lane-shimmer 1.6s ease-in-out infinite; transform: translateX(-120%); }
.po-v16-screen[data-screen-root="S-10"] .po-cta-bar { padding-top: 12px; }
.po-v16-screen[data-screen-root="S-10"] .po-button { white-space: nowrap; font-size: 14px; }

.po-v16-landing-screen { background: #080808; color: #fff; }
.po-v16-land-page { position: relative; min-height: 100%; overflow-x: hidden; overflow-y: auto; background: #080808; color: #fff; font-family: var(--po-body); overscroll-behavior: contain; }
.po-v16-land-glow { position: absolute; top: 10px; left: 50%; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(circle, rgb(201 245 60 / 15%), transparent 64%); filter: blur(60px); pointer-events: none; transform: translateX(-50%); }
.po-v16-land-inner { position: relative; width: min(960px, 100%); margin-inline: auto; padding: 18px; }
.po-v16-land-nav { position: sticky; top: 0; z-index: 3; display: flex; min-height: calc(56px + env(safe-area-inset-top)); align-items: center; justify-content: space-between; padding: env(safe-area-inset-top) 18px 0; border-bottom: 1px solid #1e1e1e; background: rgb(8 8 8 / 78%); backdrop-filter: blur(16px); }
.po-v16-land-nav form { margin: 0; }
.po-v16-land-logo { display: flex; align-items: center; gap: 9px; font: 900 13px var(--po-display); }
.po-v16-land-mark { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 8px; background: var(--po-lime); color: #050505; font-size: 12px; }
.po-v16-land-cta {
  position: relative;
  min-height: 44px;
  padding: 0 14px;
  border: 0;
  background: transparent;
  color: #050505;
  font: 900 11px var(--po-display);
  cursor: pointer;
  isolation: isolate;
}
.po-v16-land-cta::before {
  position: absolute;
  z-index: -1;
  inset: 3px 0;
  border-radius: 8px;
  background: var(--po-lime);
  content: "";
}
.po-v16-land-hero { padding: 28px 0 34px; }
.po-v16-land-eyebrow { display: inline-flex; width: fit-content; align-items: center; gap: 8px; padding: 8px 11px; border: 1px solid rgb(201 245 60 / 28%); border-radius: 999px; background: rgb(201 245 60 / 9%); color: var(--po-lime); font: 900 9px/1 var(--po-mono); text-transform: uppercase; }
.po-v16-land-dot { width: 6px; height: 6px; border-radius: 999px; background: var(--po-lime); }
.po-v16-land-title { margin: 24px 0 0; font: 900 42px/1.04 var(--po-display); letter-spacing: 0; text-wrap: balance; }
.po-v16-land-title em,
.po-v16-land-showcase h2 em,
.po-v16-land-how h2 em,
.po-v16-land-bridge h2 em { color: var(--po-lime); font-style: normal; }
.po-v16-land-sub { max-width: 292px; margin: 18px 0 0; color: #a0a0a0; font-size: 15px; line-height: 1.55; }
.po-v16-land-platforms { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 20px; color: #5f5f5f; font-size: 10px; text-transform: uppercase; }
.po-v16-land-platforms b { padding: 6px 9px; border-radius: 7px; font-size: 10px; text-transform: none; }
.po-v16-land-yt { background: rgb(255 69 69 / 12%); color: #ff4545; }
.po-v16-land-tt { background: rgb(255 255 255 / 6%); color: #a0a0a0; }
.po-v16-land-audience { display: flex; gap: 12px; align-items: center; margin-top: 16px; padding: 14px; border-left: 3px solid var(--po-lime); border-radius: 10px; background: linear-gradient(90deg, rgb(201 245 60 / 8%), rgb(255 255 255 / 3%)); color: #fff; font-size: 13px; line-height: 1.45; }
.po-v16-land-audience svg { flex: 0 0 20px; width: 20px; height: 20px; fill: none; stroke: var(--po-lime); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
.po-v16-land-btn { display: inline-flex; width: 100%; min-height: 54px; align-items: center; justify-content: center; gap: 8px; margin-top: 18px; border: 0; border-radius: 10px; background: var(--po-lime); box-shadow: 0 18px 44px rgb(201 245 60 / 16%); color: #050505; font: 900 15px var(--po-display); }
.po-v16-land-fine { margin: 9px 0 0; color: #686868; font: 700 9px var(--po-mono); text-align: center; }
.po-v16-land-showcase { padding: 36px 0 40px; background: #060606; }
.po-v16-land-showcase h2,
.po-v16-land-how h2,
.po-v16-land-bridge h2 { margin: 18px 0 0; font: 900 34px/1.06 var(--po-display); letter-spacing: -.01em; }
.po-v16-land-showcase h2 { text-align: center; }
.po-v16-land-showcase .po-v16-land-inner > p { max-width: 270px; margin: 14px auto 0; color: #a0a0a0; line-height: 1.5; text-align: center; }
.po-v16-land-track { display: grid; gap: 12px; margin-top: 26px; overflow: hidden; }
.po-v16-land-row { display: flex; width: max-content; gap: 10px; animation: po-v16-land-marquee 34s linear infinite; }
.po-v16-land-row--reverse { animation-direction: reverse; }
.po-v16-land-row:hover { animation-play-state: paused; }
.po-v16-land-video-card { position: relative; flex: 0 0 auto; width: 108px; aspect-ratio: 9 / 16; overflow: hidden; border: 1px solid #202020; border-radius: 12px; background: #111; }
.po-v16-land-video-card video { display: block; width: 100%; height: 100%; object-fit: cover; }
.po-v16-land-niche,
.po-v16-land-views { position: absolute; left: 7px; z-index: 1; padding: 4px 6px; border-radius: 6px; font-size: 9px; font-weight: 900; }
.po-v16-land-niche { top: 7px; background: var(--po-lime); color: #050505; }
.po-v16-land-views { display: inline-flex; align-items: center; gap: 4px; bottom: 7px; background: rgb(0 0 0 / 75%); color: #fff; backdrop-filter: blur(4px); }
.po-v16-land-views svg { width: 9px; height: 9px; fill: currentcolor; }
.po-v16-land-disclaimer { margin: 20px 0 0; color: #5f5f5f; font-size: 10px; text-align: center; }
.po-v16-land-how { padding: 40px 0 18px; }
.po-v16-land-section-label { display: flex; width: 100%; padding: 0 0 10px; border-bottom: 1px solid #1e1e1e; color: #5f5f5f; font: 900 9px/1 var(--po-mono); text-transform: uppercase; }
.po-v16-land-steps { margin-top: 28px; overflow: hidden; border: 1px solid #1e1e1e; border-radius: 16px; }
.po-v16-land-step { padding: 22px 18px; border-bottom: 1px solid #1e1e1e; background: #0b0b0b; }
.po-v16-land-step-number,
.po-v16-land-step-time,
.po-v16-land-total { color: var(--po-lime); font-family: var(--po-mono); font-weight: 900; }
.po-v16-land-step-number,
.po-v16-land-step-time { font-size: 11px; }
.po-v16-land-step-time { display: block; margin-top: 14px; }
.po-v16-land-step h3 { margin: 14px 0 0; font-size: 17px; font-weight: 900; }
.po-v16-land-step p { margin: 10px 0 0; color: #a0a0a0; line-height: 1.5; }
.po-v16-land-total { padding: 16px; border: 1px solid rgb(201 245 60 / 28%); background: rgb(201 245 60 / 9%); font-size: 12px; text-align: center; }
.po-v16-land-bridge { padding: 20px 0 34px; }
.po-v16-land-bridge-panel { padding: 20px; border: 1px solid #2a2a2a; border-radius: 16px; background: radial-gradient(circle at 50% 0%, rgb(201 245 60 / 8%), transparent 56%), #111; }
.po-v16-land-bridge-panel p { margin: 14px 0 0; color: rgb(255 255 255 / 84%); font-size: 14px; line-height: 1.5; }

@keyframes po-v16-land-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes po-v16-line-write { 0%, 100% { opacity: .42; transform: scaleX(.45); } 45%, 70% { opacity: 1; transform: scaleX(1); } }
@keyframes po-v16-scene-breathe { 0%, 100% { filter: saturate(.75); opacity: .62; } 50% { filter: saturate(1.15); opacity: 1; } }
@keyframes po-v16-scene-scan { 0%, 100% { opacity: .35; transform: scaleX(.35); } 50% { opacity: 1; transform: scaleX(1); } }
@keyframes po-v16-voice-pulse { 0%, 100% { opacity: .55; transform: scaleY(.45); } 50% { opacity: 1; transform: scaleY(1); } }
@keyframes po-v16-caption-pop { 0%, 100% { border-bottom-color: rgb(201 245 60 / 45%); opacity: .62; transform: translateY(0); } 45%, 70% { border-bottom-color: var(--po-lime); opacity: 1; transform: translateY(-1px); } }
@keyframes po-v16-lane-grow { from { width: 0; } to { width: var(--po-v16-w); } }
@keyframes po-v16-lane-shimmer { 60%, 100% { transform: translateX(250%); } }

@media (max-width: 353px) {
  .po-v16-screen { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .po-v16-screen *,
  .po-v16-screen *::before,
  .po-v16-screen *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
  .po-v16-land-row { animation: none !important; }
}