@font-face {
  font-family: LP Work Sans;
  src: url('/fonts/WorkSans-variable.ttf') format('truetype');
  font-weight: 100 900;
  font-display: optional;
}
html {
  scroll-behavior: smooth;
  background: var(--lp-cream);
}
body {
  margin: 0;
}
html.lp-copy-loading body {
  visibility: hidden;
}
:root {
  color-scheme: light;
  --lp-muted: #65605a;
  --lp-border: #ded9d0;
  --lp-surface: #fffdf9;
  --lp-tint: #eee6fc;
  --lp-accent-text: #ad360e;
  --lp-cream: #fcf9f2;
  --lp-orange: #ff5e29;
  --lp-lilac: #c7b4ff;
  --lp-ink: #14120f;
  --lp-tracking-heading: -0.035em;
  --lp-tracking-heading-small: -0.02em;
}
.lp {
  background: var(--lp-cream);
  color: var(--lp-ink);
  font-family:
    LP Work Sans,
    Arial,
    sans-serif;
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
.lp * {
  box-sizing: border-box;
}
.lp a {
  color: inherit;
  text-decoration: none;
}
.lp button {
  font: inherit;
}
.lp a:focus-visible,
.lp button:focus-visible {
  outline: 3px solid var(--lp-accent-text);
  outline-offset: 6px;
}
.lp svg {
  flex-shrink: 0;
}
.lp h1,
.lp h2,
.lp h3,
.lp p,
.lp figure {
  margin: 0;
}
.lp img {
  display: block;
  max-width: 100%;
}
.lp .brand {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
}
.lp .brand-wordmark {
  width: 144px;
  height: auto;
}
.lp-header {
  max-width: 1440px;
  margin: 0 auto;
  padding: 24px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--lp-border);
  gap: 20px;
}
.lp-header nav {
  display: flex;
  gap: 40px;
  align-items: center;
  font-weight: 600;
}
.lp-header a {
  display: flex;
  min-height: 44px;
  align-items: center;
  gap: 8px;
}
.lp-header nav a:hover {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.lp-header,
.lp-section,
.lp-footer {
  width: calc(100% - 96px);
}
.lp-section {
  max-width: 1440px;
  margin: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 32px;
  align-items: center;
  position: relative;
  padding: 88px 0;
}
.lp-hero {
  padding: 40px 0 24px;
  min-height: 740px;
}
.lp-copy {
  position: relative;
  z-index: 1;
  min-width: 0;
}
.lp h1,
.lp h2 {
  font-weight: 850;
  letter-spacing: var(--lp-tracking-heading);
  line-height: 0.98;
  text-wrap: balance;
}
.lp h1 {
  font-size: clamp(58px, 6.55vw, 104px);
}
.lp h2 {
  font-size: clamp(52px, 5.7vw, 86px);
}
.lp em {
  font-style: normal;
  /* Large text on cream: 3.25:1. The canonical mark and CTA retain brand orange. */
  color: #f45420;
}
.lp h1 em {
  font-size: 1.14em;
}
.lp-description {
  font-size: clamp(19px, 1.72vw, 26px);
  line-height: 1.44;
  letter-spacing: -0.035em;
  max-width: 590px;
  margin-top: 32px !important;
}
.lp-invite {
  margin-top: 40px;
}
.lp .lp-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 19px 32px;
  border: 0;
  border-radius: 100px;
  background: var(--lp-orange);
  color: #14120f !important;
  font-weight: 700 !important;
  font-size: 22px;
  letter-spacing: -0.04em;
  min-height: 66px;
  transition:
    transform 0.18s ease,
    background 0.18s ease,
    box-shadow 0.18s ease;
  cursor: pointer;
}
.lp-cta svg {
  width: 30px;
  height: 30px;
}
.lp-cta:hover {
  background: #ff7547;
  transform: translateY(-3px);
  box-shadow: 0 8px 0 var(--lp-border);
}
.lp-cta:active {
  transform: translateY(1px);
  box-shadow: none;
}
.lp-cta:disabled {
  cursor: default;
}
.lp-invite > p {
  font-size: 16px;
  color: var(--lp-muted);
  margin: 12px 6px 0;
}
.lp-eyebrow {
  font-size: 16px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--lp-accent-text);
  font-weight: 700;
  margin-bottom: 24px !important;
}
.lp-dot {
  color: var(--lp-orange);
}
.lp-scroll-cue {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 12px;
  width: fit-content;
  margin: 16px auto 40px;
  font-weight: 600;
  padding: 12px;
  text-align: center;
}
.lp-scroll-cue:hover svg {
  transform: translateY(3px);
}
.lp-match {
  border-top: 1px solid var(--lp-border);
  scroll-margin-top: 24px;
}
.lp-match .lp-copy {
  grid-column: 2;
  grid-row: 1;
}
.lp-match .lp-scene {
  grid-column: 1;
  grid-row: 1;
}
.lp-callout {
  max-width: 450px;
  margin-top: 40px !important;
  background: var(--lp-tint);
  padding: 24px 28px;
  border-radius: 24px;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.045em;
}
.lp-nearby {
  padding-bottom: 72px;
  grid-template-rows: auto;
  column-gap: 48px;
  row-gap: 0;
}
.lp-nearby .lp-copy {
  align-self: center;
  padding-top: 24px;
}
.lp-nearby .lp-scene {
  grid-column: 2;
  grid-row: 1;
}
.lp-final-invite {
  grid-column: 1;
  align-self: start;
}
.lp-footer {
  max-width: 1440px;
  margin: auto;
  padding: 40px 0 56px;
  border-top: 1px solid var(--lp-border);
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
}
.lp-footer p {
  color: var(--lp-muted);
  font-size: 17px;
}
.lp-skip {
  position: fixed;
  left: 16px;
  top: 12px;
  z-index: 10;
  padding: 12px;
  background: var(--lp-cream);
  transform: translateY(-200%);
}
.lp-skip:focus {
  transform: none;
}
.lp-pending {
  max-width: 700px;
  margin: 0 auto 40px !important;
  padding: 20px;
  border: 1px solid var(--lp-border);
  text-align: center;
}
/* One stable, responsive stage for every scene. No real inputs or map SDK. */
.lp-scene {
  min-width: 0;
  container-type: inline-size;
}
.lp-stage {
  position: relative;
  aspect-ratio: 1/0.99;
  isolation: isolate;
}
.lp-scene-save .lp-stage {
  aspect-ratio: 1/1.12;
}
.lp-blob {
  position: absolute;
  inset: 2% 0 4%;
  z-index: -1;
  background: var(--lp-lilac);
  border-radius: 31% 44% 26% 23% / 26% 22% 38% 38%;
  transform: rotate(4deg);
}
.lp-scene-match .lp-blob {
  border-radius: 33% 20% 35% 22% / 21% 34% 22% 38%;
  transform: rotate(-4deg);
}
.lp-scene-nearby .lp-blob {
  border-radius: 26% 18% 27% 21% / 24% 25% 24% 30%;
  inset: 0 -1% 2%;
}
.lp-phone {
  position: absolute;
  background: linear-gradient(125deg, #24221e, #11110f 62%);
  border: 2px solid #686662;
  box-shadow:
    inset 0 0 0 4px #30302d,
    0 4px 0 #161513,
    0 20px 30px #20143017;
  color: #fcf9f2;
  border-radius: 9cqw;
  padding: 5cqw;
  left: 13%;
  top: 4%;
  width: 67%;
  font-size: 2.4cqw;
  line-height: 1.4;
  transform: rotate(3deg);
}
.lp-phone h3 {
  font-size: 4.4cqw;
  letter-spacing: var(--lp-tracking-heading-small);
  line-height: 1.2;
  font-weight: 750;
  margin: 2.4cqw 0;
}
.lp-phone-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 2cqw 0;
}
.lp-phone-top > span {
  font-size: 4cqw;
}
.lp-phone-status {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 0 2cqw 1.5cqw;
  font-size: 2.1cqw;
  font-weight: 600;
}
.lp-island {
  width: 22cqw;
  height: 3.5cqw;
  background: #060605;
  border-radius: 20px;
  margin-top: -0.5cqw;
}
.lp-photo {
  width: 100%;
  height: 53cqw;
  object-fit: cover;
  border-radius: 2.4cqw;
}
.lp-demo-input {
  padding: 2cqw;
  border: 1px solid #57534b;
  background: #292722;
  border-radius: 2cqw;
  margin-top: 2cqw;
  font-size: 2.2cqw;
}
.lp-demo-action {
  background: var(--lp-orange);
  border-radius: 30px;
  color: #14120f;
  text-align: center;
  font-weight: 650;
  padding: 2.2cqw 1.5cqw;
  margin-top: 3cqw;
  font-size: 2.8cqw;
}
.lp-mascot {
  position: absolute;
  width: 37%;
  height: auto;
  right: -1%;
  bottom: 2%;
  z-index: 2;
  transform-origin: 50% 100%;
}
.lp-sticker {
  position: absolute;
  top: 13%;
  left: 0;
  z-index: 2;
  padding: 2.3cqw 2.8cqw;
  background: #fff5df;
  font-size: 3cqw;
  line-height: 1.15;
  font-weight: 750;
  letter-spacing: var(--lp-tracking-heading-small);
  border-radius: 2cqw;
  transform: rotate(-10deg);
  box-shadow: 0 3px 10px #23180c08;
}
.lp-sticker svg {
  position: absolute;
  left: 10%;
  top: 95%;
  width: 15cqw;
  height: 23cqw;
}
.lp-scene figcaption {
  text-align: center;
  font-size: 11px;
  color: #716960;
  margin-top: 8px;
  letter-spacing: 0.02em;
}
.lp-scene-match .lp-phone {
  width: 80%;
  left: 8%;
  top: 6%;
  height: 83%;
  padding: 5cqw;
  transform: rotate(-2deg);
  border-radius: 7cqw;
}
.lp-source {
  display: flex;
  align-items: center;
  gap: 2.5cqw;
  background: #292722;
  border: 1px solid #44413a;
  border-radius: 2.5cqw;
  padding: 2cqw;
}
.lp-source strong,
.lp-source span,
.lp-result strong,
.lp-result span {
  display: block;
}
.lp-source strong {
  font-weight: 650;
  font-size: 2.6cqw;
}
.lp-source span {
  margin-top: 1cqw;
  font-size: 2.2cqw;
}
.lp-thumb {
  width: 16cqw;
  height: 16cqw;
  object-fit: cover;
  border-radius: 1.5cqw;
  flex-shrink: 0;
}
.lp-field-label {
  margin-top: 3cqw !important;
  font-size: 2.3cqw;
}
.lp-search {
  display: flex;
  align-items: center;
  gap: 1.5cqw;
  background: #151411;
  font-size: 2.9cqw;
  margin-top: 1cqw;
}
.lp-caret {
  height: 3cqw;
  width: 1px;
  background: #fdf9f2;
}
.lp-result {
  display: flex;
  align-items: center;
  gap: 1.5cqw;
  margin-top: 2cqw;
  padding: 2cqw;
  background: #302d26;
  border-radius: 2cqw;
}
.lp-result > svg {
  color: var(--lp-orange);
  width: 4cqw;
}
.lp-result strong {
  font-size: 2.55cqw;
}
.lp-result span {
  font-size: 2cqw;
}
.lp-result .lp-demo-action {
  margin: 0 0 0 auto;
  padding: 2cqw;
  font-size: 2.3cqw;
}
.lp-manual-caption {
  display: flex;
  align-items: center;
  gap: 1.3cqw;
  margin: 3cqw 0;
  color: #c7b4ff;
  font-size: 2.3cqw;
}
.lp-manual-caption > span {
  border: 1px solid #c7b4ff;
  border-radius: 50%;
  width: 3cqw;
  height: 3cqw;
  display: grid;
  place-items: center;
  font-size: 1.9cqw;
}
.lp-manual-caption svg {
  width: 3cqw;
}
.lp-saved-card {
  position: absolute;
  left: 1%;
  bottom: 5%;
  width: 65%;
  padding: 2cqw;
  background: #fffaf0;
  border-radius: 3cqw;
  transform: rotate(-4deg);
  box-shadow: 0 8px 16px #1e163522;
  z-index: 1;
}
.lp-saved-card .lp-map {
  height: 23cqw;
  border-radius: 2cqw;
}
.lp-saved-caption {
  display: flex;
  gap: 2cqw;
  align-items: center;
  padding: 2cqw 0 0;
}
.lp-saved-caption .lp-thumb {
  width: 10cqw;
  height: 10cqw;
}
.lp-saved-caption strong {
  font-size: 2.6cqw;
  letter-spacing: -0.04em;
}
.lp-saved-caption span {
  display: flex;
  align-items: center;
  gap: 1cqw;
  font-size: 2.2cqw;
  color: #615b54;
}
.lp-scene-match .lp-mascot {
  width: 31%;
  bottom: 1%;
}
.lp-map {
  position: relative;
  isolation: isolate;
  height: 47cqw;
  border-radius: 4cqw;
  overflow: hidden;
  background: #e9e5dc;
  color: #363b34;
}
.lp-map-drawing {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.lp-map-label {
  position: absolute;
  right: 10%;
  top: 10%;
  font-size: 2.8cqw;
  color: #6c736c;
}
.lp-city {
  position: absolute;
  left: 8%;
  bottom: 7%;
  font-size: 3cqw;
  color: #6c736c;
}
.lp-pin {
  position: absolute;
  color: var(--lp-orange);
  filter: drop-shadow(0 2px 2px #69665a30);
}
.lp-pin > svg {
  width: 7cqw;
  height: 7cqw;
  stroke: #fff8ee;
  stroke-width: 1.3;
}
.lp-pin-main {
  left: 43%;
  top: 28%;
}
.lp-pin-main > span {
  position: absolute;
  left: 80%;
  top: -25%;
  background: #fffaf0;
  color: #14120f;
  font-size: 2.25cqw;
  font-weight: 650;
  border-radius: 1.3cqw;
  padding: 1.5cqw;
  white-space: nowrap;
  box-shadow: 0 3px 12px #00000015;
}
.lp-pin-one {
  left: 17%;
  top: 24%;
}
.lp-pin-two {
  right: 16%;
  bottom: 20%;
}
.lp-position {
  position: absolute;
  left: 48%;
  top: 69%;
  width: 3.7cqw;
  height: 3.7cqw;
  border-radius: 50%;
  background: #2979eb;
  border: 0.5cqw solid white;
  box-shadow:
    0 0 0 3cqw #2979eb30,
    0 0 0 6cqw #2979eb17;
}
.lp-map-small .lp-pin-main {
  left: 43%;
  top: 26%;
}
.lp-map-small .lp-pin-main > span {
  display: none;
}
.lp-scene-nearby .lp-phone {
  left: 5%;
  top: 5%;
  width: 89%;
  transform: rotate(1.5deg);
  border-radius: 7cqw;
  padding: 4.5cqw;
}
.lp-scene-nearby .lp-phone h3 {
  font-size: 6cqw;
  margin: 0 0 3cqw;
}
.lp-map-tags {
  display: flex;
  gap: 2cqw;
  margin-bottom: 3cqw;
  font-size: 2.7cqw;
}
.lp-map-tags span {
  border: 1px solid #777269;
  border-radius: 30px;
  padding: 1.5cqw 2.6cqw;
}
.lp-map-tags span:first-child {
  background: #ffe0c4;
  color: #312318;
  border-color: #ffe0c4;
}
.lp-scene-nearby .lp-source {
  margin-top: 2cqw;
}
.lp-scene-nearby .lp-source strong {
  font-size: 3.4cqw;
}
.lp-source .lp-source-link {
  display: flex;
  align-items: center;
  gap: 1.4cqw;
  color: #c7b4ff;
  font-size: 2.5cqw;
}
.lp-scene-nearby .lp-mascot {
  width: 28%;
  right: -2%;
  bottom: 0;
}
/* Entrance is progressive enhancement: content is visible without JS. */
.lp-enter {
  animation: lp-reveal 0.55s cubic-bezier(0.2, 0.7, 0.2, 1) both;
}
.lp-enter .lp-mascot {
  animation: lp-gesture 0.65s ease-out both;
}
@keyframes lp-reveal {
  from {
    opacity: 0.2;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes lp-gesture {
  0% {
    transform: rotate(-5deg);
  }
  60% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0);
  }
}
.lp-paused,
.lp-paused * {
  animation-play-state: paused !important;
}
@media (min-width: 1600px) {
  .lp-hero {
    min-height: 850px;
  }
}
@media (max-width: 1050px) {
  .lp-header,
  .lp-section,
  .lp-footer {
    width: calc(100% - 64px);
  }
  .lp-section {
    gap: 24px;
  }
  .lp-hero {
    min-height: 650px;
  }
  .lp h1 {
    font-size: 6.5vw;
  }
  .lp h2 {
    font-size: 6vw;
  }
  .lp-description {
    font-size: 20px;
  }
  .lp .lp-cta {
    font-size: 19px;
    padding: 18px 24px;
    gap: 16px;
  }
  .lp-callout {
    font-size: 21px;
  }
  .lp-invite {
    margin-top: 28px;
  }
}
@media (max-width: 1000px) {
  .lp-header,
  .lp-section,
  .lp-footer {
    width: calc(100% - 40px);
  }
  .lp-header {
    padding: 16px 0;
    gap: 8px;
  }
  .lp-header nav {
    gap: 12px;
    font-size: 14px;
  }
  .lp-header nav a:first-child {
    display: none;
  }
  .lp-header nav svg {
    display: none;
  }
  .lp-section {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 64px 0;
    align-items: stretch;
  }
  .lp-hero {
    padding: 36px 0 12px;
    min-height: 0;
    gap: 32px;
  }
  .lp h1 {
    font-size: clamp(43px, 10.8vw, 76px);
    line-height: 1;
  }
  .lp-desktop-break {
    display: none;
  }
  .lp h2 {
    font-size: clamp(40px, 10vw, 70px);
    line-height: 1.02;
  }
  .lp-description {
    font-size: 20px;
    line-height: 1.43;
    margin-top: 24px !important;
    max-width: 590px;
  }
  .lp .lp-cta {
    font-size: 20px;
    padding: 18px 24px;
    gap: 20px;
    min-height: 64px;
  }
  .lp-invite > p {
    font-size: 14px;
    margin-top: 12px;
  }
  .lp-invite {
    margin-top: 28px;
  }
  .lp-scene {
    width: 100%;
    max-width: 560px;
    align-self: center;
  }
  .lp-scene-save .lp-stage {
    aspect-ratio: 1/1.16;
  }
  .lp-scene-save .lp-phone {
    left: 14%;
    width: 67%;
  }
  .lp-phone h3 {
    font-size: 4.6cqw;
  }
  .lp-phone {
    font-size: 3cqw;
  }
  .lp-demo-input {
    font-size: 2.6cqw;
  }
  .lp-demo-action {
    font-size: 3.3cqw;
  }
  .lp-scene figcaption {
    font-size: 10px;
  }
  .lp-scroll-cue {
    font-size: 13px;
    max-width: calc(100% - 40px);
    gap: 8px;
    margin: 8px auto 32px;
  }
  .lp-eyebrow {
    font-size: 13px;
    margin-bottom: 20px !important;
  }
  .lp-match .lp-copy {
    display: contents;
  }
  .lp-match .lp-eyebrow {
    margin: 0 0 -16px !important;
  }
  .lp-match h2 {
    margin-bottom: -8px;
  }
  .lp-match .lp-description {
    margin-top: 0 !important;
  }
  .lp-match .lp-scene {
    order: 2;
  }
  .lp-callout {
    order: 3;
    max-width: none;
    margin: 0 !important;
    padding: 24px;
    font-size: 23px;
  }
  .lp-nearby {
    padding-top: 32px;
    padding-bottom: 56px;
    gap: 32px;
  }
  .lp-nearby .lp-copy {
    padding-top: 0;
    align-self: auto;
  }
  .lp-nearby .lp-stage {
    aspect-ratio: 1/1.03;
  }
  .lp-final-invite {
    align-self: stretch;
  }
  .lp-final-invite .lp-invite {
    margin-top: 0;
  }
  .lp .lp-final-invite .lp-cta {
    width: 100%;
  }
  .lp-final-invite .lp-invite > p {
    text-align: center;
  }
  .lp-footer {
    flex-direction: column;
    gap: 8px;
    padding: 32px 0 40px;
  }
  .lp-footer p {
    font-size: 16px;
  }
  .lp-enter {
    animation-duration: 0.35s;
  }
  .lp-enter .lp-mascot {
    animation: none;
  }
}
@media (max-width: 360px) {
  .lp-header,
  .lp-section,
  .lp-footer {
    width: calc(100% - 32px);
  }
  .lp-header nav {
    font-size: 12px;
  }
  .lp-description {
    font-size: 18px;
  }
  .lp .lp-cta {
    font-size: 17px;
    gap: 14px;
    padding: 16px 20px;
  }
  .lp-invite > p {
    font-size: 13px;
  }
  .lp-callout {
    font-size: 21px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  .lp *,
  .lp *::before,
  .lp *::after {
    animation: none !important;
    transition: none !important;
  }
  .lp-cta:hover,
  .lp-cta:active {
    transform: none;
  }
}
/* Keep the hand-selected result visible above the saved-place card. */
.lp-scene-match .lp-stage {
  aspect-ratio: 1 / 1.22;
}
.lp-saved-card {
  bottom: 2%;
}
/* Mobile product scenes use larger type and a taller, stable composition. */
@media (max-width: 1000px) {
  .lp-scene-save .lp-stage {
    aspect-ratio: 1 / 1.48;
  }
  .lp-scene-save .lp-phone {
    left: 8%;
    width: 80%;
    padding: 5cqw;
  }
  .lp-phone h3 {
    font-size: clamp(18px, 5.4cqw, 28px);
  }
  .lp-phone-status {
    font-size: 10px;
  }
  .lp-photo {
    height: 65cqw;
  }
  .lp-demo-input {
    font-size: 11px;
    padding: 10px;
  }
  .lp-demo-action {
    font-size: 13px;
    padding: 12px 8px;
  }
  .lp-sticker {
    top: 10%;
    left: -1%;
    font-size: 12px;
  }
  .lp-scene-save .lp-mascot {
    width: 36%;
    bottom: 0;
  }
  .lp-scene-match .lp-stage {
    aspect-ratio: 1 / 1.58;
  }
  .lp-scene-match .lp-phone {
    left: 3%;
    width: 94%;
    height: 81%;
    padding: 5cqw;
  }
  .lp-source strong {
    font-size: 12px;
  }
  .lp-source span {
    font-size: 11px;
  }
  .lp-field-label {
    font-size: 12px;
    margin-top: 16px !important;
  }
  .lp-search {
    font-size: 14px;
    padding: 12px 8px;
    gap: 6px;
  }
  .lp-result {
    gap: 6px;
    padding: 10px 8px;
    margin-top: 10px;
  }
  .lp-result strong {
    font-size: 12px;
  }
  .lp-result span {
    font-size: 10px;
  }
  .lp-result .lp-demo-action {
    font-size: 11px;
    padding: 10px 8px;
  }
  .lp-manual-caption {
    font-size: 11px;
    gap: 6px;
    margin-top: 16px;
  }
  .lp-manual-caption > span {
    width: 16px;
    height: 16px;
    font-size: 10px;
  }
  .lp-saved-card {
    width: 75%;
    bottom: 3%;
  }
  .lp-saved-card .lp-map {
    height: 26cqw;
  }
  .lp-saved-caption strong {
    font-size: 12px;
  }
  .lp-saved-caption span {
    font-size: 11px;
  }
  .lp-saved-caption .lp-thumb {
    width: 44px;
    height: 44px;
  }
  .lp-scene-match .lp-mascot {
    width: 29%;
    bottom: 1%;
  }
  .lp-scene-nearby .lp-stage {
    aspect-ratio: 1 / 1.28;
  }
  .lp-scene-nearby .lp-phone {
    left: 2%;
    width: 96%;
    padding: 5cqw;
  }
  .lp-scene-nearby .lp-phone h3 {
    font-size: 26px;
  }
  .lp-map-tags {
    font-size: 11px;
  }
  .lp-map {
    height: 60cqw;
  }
  .lp-pin-main > span {
    font-size: 10px;
    padding: 6px;
  }
  .lp-scene-nearby .lp-source strong {
    font-size: 15px;
  }
  .lp-source .lp-source-link {
    font-size: 11px;
  }
  .lp-scene-nearby .lp-mascot {
    width: 25%;
    bottom: 0;
  }
}
@media (min-width: 1001px) {
  .lp-manual-caption {
    display: none;
  }
}
/* LP-only theme tokens also reach the signup portal. No app theme mutation. */
:root[data-lp-theme='dark'] {
  color-scheme: dark;
  --lp-cream: #191815;
  --lp-ink: #f7f2e8;
  --lp-muted: #c5bfb4;
  --lp-border: #48433c;
  --lp-surface: #25231e;
  --lp-tint: #322a46;
  --lp-accent-text: #ff9874;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-lp-theme='light']) {
    color-scheme: dark;
    --lp-cream: #191815;
    --lp-ink: #f7f2e8;
    --lp-muted: #c5bfb4;
    --lp-border: #48433c;
    --lp-surface: #25231e;
    --lp-tint: #322a46;
    --lp-accent-text: #ff9874;
  }
}
.lp-sticker,
.lp-saved-card {
  color: #14120f;
}
.lp .lp-sticker {
  font-size: clamp(18px, 3.8cqw, 28px);
  top: 5%;
  left: -1%;
  padding: 2.6cqw 3.2cqw;
}
.lp .lp-cta {
  font-size: 24px;
}
.lp-wide {
  width: calc(100% - 96px);
  max-width: 1440px;
  margin-inline: auto;
}
.lp-travel .lp-copy {
  grid-column: 2;
  grid-row: 1;
}
.lp-travel .lp-scene {
  grid-column: 1;
  grid-row: 1;
}
.lp-soon {
  display: inline-block;
  border: 1px solid var(--lp-border);
  border-radius: 30px;
  padding: 6px 13px;
  letter-spacing: 0.08em;
  font-size: 13px;
  color: var(--lp-muted);
}
.lp-scene-travel .lp-stage {
  aspect-ratio: 1/1.2;
}
.lp-scene-travel .lp-blob {
  inset: 6% 0 1%;
  transform: rotate(-8deg);
}
.lp-planner {
  position: absolute;
  top: 7%;
  left: 14%;
  width: 85%;
  padding: 5cqw 4cqw;
  border-radius: 5cqw;
  background: linear-gradient(150deg, #292720, #14130f);
  color: #fcf9f2;
  border: 1px solid #686662;
  box-shadow: 0 15px 35px #0003;
  transform: rotate(2deg);
}
.lp-planner-kicker {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 2cqw;
  color: #c7b4ff;
}
.lp-planner h3 {
  font-size: 5cqw;
  line-height: 1.08;
  letter-spacing: var(--lp-tracking-heading-small);
  margin: 2cqw 0;
}
.lp-plan-date {
  font-size: 2.4cqw;
  color: #c7c0b3;
  margin-bottom: 4cqw !important;
}
.lp-plan-row {
  display: flex;
  align-items: center;
  gap: 2cqw;
  padding: 2.3cqw 0;
  border-bottom: 1px solid #484238;
  font-size: 2.4cqw;
}
.lp-plan-row > svg {
  width: 4cqw;
  height: 4cqw;
  color: #c7b4ff;
}
.lp-plan-row div > * {
  display: block;
}
.lp-plan-row div > span {
  color: #c7c0b3;
  font-size: 2.1cqw;
  margin-top: 0.7cqw;
}
.lp-planner h4 {
  margin: 4cqw 0 1cqw;
  font-size: 3.1cqw;
}
.lp-planner h4 span {
  font-size: 2.1cqw;
  color: #c7c0b3;
  font-weight: 400;
  margin-left: 2cqw;
}
.lp-plan-time {
  font-size: 2.2cqw;
  width: 7cqw;
  flex-shrink: 0;
  color: #d6cebf;
}
.lp-plan-selected {
  border: 1px solid #ba9fef;
  background: #3b304e;
  border-radius: 2cqw;
  padding: 2cqw 1.5cqw;
  margin-inline: -1.5cqw;
}
.lp-plan-selected .lp-thumb {
  width: 6cqw;
  height: 7cqw;
  border-radius: 1cqw;
}
.lp-plan-selected > svg {
  width: 3cqw;
  margin-left: auto;
}
.lp-plan-note {
  background: #393229;
  border-radius: 2cqw;
  padding: 2.5cqw;
  margin-top: 3cqw;
  font-size: 2.4cqw;
}
.lp-plan-note p {
  font-size: 2.1cqw;
  color: #e0d6c5;
  margin-top: 1cqw;
}
.lp-trip-place {
  position: absolute;
  left: -1%;
  top: 0;
  width: 57%;
  display: flex;
  gap: 2cqw;
  align-items: center;
  padding: 2.4cqw;
  background: #fffaf0;
  color: #14120f;
  border-radius: 2.7cqw;
  box-shadow: 0 8px 20px #0002;
  transform: rotate(-8deg);
}
.lp-trip-place .lp-thumb {
  width: 12cqw;
  height: 14cqw;
}
.lp-trip-place strong {
  display: block;
  font-size: 2.8cqw;
  line-height: 1.2;
  margin: 1cqw 0;
}
.lp-trip-place span {
  display: flex;
  align-items: center;
  gap: 1cqw;
  font-size: 2cqw;
}
.lp-scene-travel .lp-mascot {
  width: 35%;
  left: -4%;
  bottom: 0;
}
.lp-how {
  border-top: 1px solid var(--lp-border);
  padding: 88px 0;
  scroll-margin-top: 32px;
}
.lp-how-heading {
  max-width: 1020px;
  margin-bottom: 52px;
}
.lp .lp-how h2 {
  font-size: clamp(40px, 4.3vw, 66px);
  line-height: 1.06;
}
.lp-how-heading .lp-description {
  max-width: 790px;
}
.lp-steps,
.lp-uses {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 40px;
}
.lp-step {
  padding: 30px;
  border: 1px solid var(--lp-border);
  border-radius: 28px;
  background: var(--lp-surface);
}
.lp-step-heading {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.lp-step-number {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--lp-lilac);
  color: #231738;
  font-size: 24px;
  font-weight: 700;
  flex-shrink: 0;
}
.lp-how h3 {
  font-size: 27px;
  line-height: 1.15;
  letter-spacing: var(--lp-tracking-heading-small);
}
.lp-step > p,
.lp-uses p,
.lp-memories p {
  font-size: 18px;
  line-height: 1.5;
  margin-top: 16px;
}
.lp-mini {
  container-type: inline-size;
  margin-top: 24px;
  background: #22201c;
  color: #fcf9f2;
  border-radius: 20px;
  padding: 22px;
  font-size: 15px;
}
.lp-share-preview {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.lp-mini-photo {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}
.lp-mini-photo .lp-thumb {
  width: 62px;
  height: 70px;
  border-radius: 8px;
}
.lp-mini-photo > svg {
  color: #c7b4ff;
  margin-left: auto;
}
.lp-flow-arrow {
  margin: 10px;
  width: 18px;
  color: #c7b4ff;
}
.lp-share-sheet {
  width: 100%;
  background: #36332d;
  padding: 12px 16px 16px;
  border-radius: 16px;
}
.lp-sheet-handle {
  display: block;
  background: #888176;
  width: 36px;
  height: 4px;
  border-radius: 4px;
  margin: 0 auto 12px;
}
.lp-share-sheet > div {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 14px 0;
}
.lp-mini-action {
  background: #ff5e29;
  color: #14120f;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 12px;
  font-weight: 650;
}
.lp-how-tip {
  margin-top: 20px;
  font-size: 15px;
  padding-left: 16px;
  border-left: 3px solid var(--lp-lilac);
  color: var(--lp-muted);
}
.lp-mini-search {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border: 1px solid #736c60;
  border-radius: 12px;
}
.lp-mini-result {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 18px 0;
}
.lp-mini-result .lp-thumb {
  width: 50px;
  height: 56px;
  border-radius: 8px;
}
.lp-mini-result span {
  display: block;
  font-size: 12px;
  color: #d2cabe;
  margin-top: 4px;
}
.lp-mini-result > svg {
  width: 20px;
  margin-left: auto;
  color: #c7b4ff;
}
.lp-find-preview .lp-map {
  height: 156px;
  border-radius: 12px;
}
.lp-mini-confirm {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #d4c3ff;
  margin-top: 16px;
}
.lp-shortcut {
  margin: 28px 0 48px;
  padding: 22px 28px;
  border-radius: 20px;
  display: flex;
  gap: 16px;
  align-items: center;
  background: var(--lp-tint);
  font-size: 18px;
}
.lp-use-icon {
  color: var(--lp-accent-text);
  width: 30px;
  height: 30px;
  margin-bottom: 16px;
}
.lp-uses {
  padding-inline: 30px;
}
.lp-uses article {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.lp-uses .lp-mini {
  width: 100%;
  margin-top: auto;
}
.lp-uses p {
  margin-bottom: 24px;
}
.lp-area-preview {
  position: relative;
  padding: 0;
  overflow: hidden;
}
.lp-area-preview .lp-map {
  height: 215px;
  border-radius: 0;
}
.lp-mini-filter {
  display: flex;
  align-items: center;
  gap: 6px;
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 8px 14px;
  border-radius: 30px;
  background: #ffe0c4;
  color: #312318;
  z-index: 1;
}
.lp-area-preview .lp-map-label,
.lp-area-preview .lp-city {
  font-size: 12px;
}
.lp-area-preview .lp-pin-main > span {
  font-size: 11px;
}
.lp-trip-preview {
  min-height: 215px;
}
.lp-trip-preview > strong {
  font-size: 19px;
}
.lp-trip-preview > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 15px;
  font-size: 14px;
}
.lp-trip-preview > div > span {
  margin-left: auto;
  color: #c7b4ff;
}
.lp-memories {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 40px;
  align-items: center;
  background: var(--lp-tint);
  border-radius: 28px;
  padding: 32px;
  margin-top: 48px;
}
.lp-memory-preview {
  padding: 14px;
  background: #fffaf0;
  color: #14120f;
  border-radius: 16px;
  transform: rotate(-3deg);
}
.lp-memory-preview .lp-thumb {
  width: 100%;
  height: 110px;
  object-fit: cover;
  border-radius: 8px;
}
.lp-memory-preview > span {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  font-size: 13px;
  font-weight: 650;
}
.lp-memory-preview p {
  font-size: 13px;
  margin-top: 8px;
}
.lp-faq {
  padding: 72px 0 24px;
  border-top: 1px solid var(--lp-border);
}
.lp .lp-faq h2 {
  font-size: clamp(42px, 5vw, 68px);
}
.lp-questions {
  max-width: 1000px;
  margin-top: 36px;
}
.lp-questions details {
  border-bottom: 1px solid var(--lp-border);
}
.lp-questions summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  cursor: pointer;
  list-style: none;
  padding: 24px 0;
  font-size: 22px;
  font-weight: 650;
  line-height: 1.35;
}
.lp-questions summary::-webkit-details-marker {
  display: none;
}
.lp-questions summary:focus-visible {
  outline: 3px solid var(--lp-accent-text);
  outline-offset: 4px;
}
.lp-questions details[open] summary svg {
  transform: rotate(45deg);
}
.lp-questions details > p {
  font-size: 19px;
  line-height: 1.5;
  max-width: 820px;
  padding: 0 40px 24px 0;
  color: var(--lp-muted);
}
.lp-final-invite {
  padding: 24px 0 80px;
}
.lp-final-invite .lp-invite {
  margin-top: 0;
}
@media (max-width: 1050px) {
  .lp-wide {
    width: calc(100% - 64px);
  }
  .lp .lp-cta {
    font-size: 22px;
  }
}
@media (max-width: 1000px) {
  .lp-wide {
    width: calc(100% - 40px);
  }
  .lp-header {
    flex-wrap: wrap;
  }
  .lp-header nav {
    gap: 16px;
  }
  .lp-header nav a:first-child {
    display: inline-flex;
  }
  .lp-travel .lp-copy {
    order: 0;
  }
  .lp-travel .lp-scene {
    order: 1;
  }
  .lp .lp-sticker {
    top: 3%;
    font-size: clamp(18px, 4.8cqw, 26px);
  }
  .lp-scene-travel .lp-stage {
    aspect-ratio: 1/1.42;
  }
  .lp-planner {
    left: 2%;
    top: 10%;
    width: 96%;
    padding: 6cqw 5cqw;
  }
  .lp-planner-kicker {
    font-size: 10px;
  }
  .lp-planner h3 {
    font-size: clamp(23px, 6cqw, 34px);
  }
  .lp-plan-date {
    font-size: 12px;
  }
  .lp-plan-row {
    font-size: clamp(11px, 3cqw, 16px);
    padding-block: 3cqw;
  }
  .lp-plan-row div > span,
  .lp-plan-time,
  .lp-planner h4 span,
  .lp-plan-note p {
    font-size: clamp(10px, 2.7cqw, 14px);
  }
  .lp-plan-row > svg {
    width: 5cqw;
    height: 5cqw;
  }
  .lp-plan-time {
    width: 9cqw;
  }
  .lp-planner h4 {
    font-size: clamp(15px, 4cqw, 21px);
  }
  .lp-plan-note {
    font-size: clamp(12px, 3cqw, 16px);
  }
  .lp-trip-place {
    width: 65%;
    top: 0;
    left: 1%;
    padding: 3cqw;
  }
  .lp-trip-place strong {
    font-size: clamp(12px, 3.3cqw, 18px);
  }
  .lp-trip-place span {
    font-size: clamp(10px, 2.5cqw, 13px);
  }
  .lp-scene-travel .lp-mascot {
    left: auto;
    right: -2%;
    width: 31%;
    bottom: -1%;
  }
  .lp-how {
    padding: 64px 0;
  }
  .lp-how-heading {
    margin-bottom: 32px;
  }
  .lp-steps,
  .lp-uses {
    gap: 24px;
  }
  .lp-step {
    padding: 24px;
  }
  .lp-how h3 {
    font-size: 24px;
  }
  .lp-uses {
    padding-inline: 0;
  }
}
@media (max-width: 700px) {
  .lp-steps,
  .lp-uses {
    grid-template-columns: 1fr;
  }
  .lp-uses {
    gap: 40px;
  }
  .lp-step {
    padding: 24px 20px;
  }
  .lp-step-heading {
    gap: 12px;
  }
  .lp-step-number {
    width: 36px;
    height: 36px;
    font-size: 21px;
  }
  .lp-mini {
    padding: 18px;
  }
  .lp-area-preview {
    padding: 0;
  }
  .lp-shortcut {
    padding: 20px;
    align-items: flex-start;
  }
  .lp-memories {
    grid-template-columns: 1fr;
    padding: 26px;
    gap: 28px;
  }
  .lp-memory-preview {
    width: 220px;
    max-width: 100%;
    justify-self: center;
  }
  .lp-memories > div:last-child {
    grid-row: 1;
  }
  .lp-questions summary {
    font-size: 19px;
    padding: 20px 0;
    gap: 16px;
  }
  .lp-questions details > p {
    font-size: 17px;
    padding-right: 0;
  }
  .lp-faq {
    padding-top: 48px;
  }
}
@media (max-width: 420px) {
  .lp-header nav {
    width: 100%;
    justify-content: space-between;
  }
  .lp .lp-cta {
    font-size: 21px;
    gap: 14px;
    padding-inline: 22px;
  }
}
@media (max-width: 360px) {
  .lp-wide {
    width: calc(100% - 32px);
  }
  .lp .lp-cta {
    font-size: 19px;
    padding-inline: 18px;
  }
}
.lp-load-status {
  position: fixed;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 110;
  background: var(--lp-cream);
  color: var(--lp-ink);
  font:
    16px/1.4 'LP Work Sans',
    sans-serif;
  border-radius: 12px;
  max-width: calc(100% - 32px);
}
.lp-load-status:not(:empty) {
  padding: 16px;
  border: 1px solid var(--lp-border);
}
.lp-scene-travel .lp-stage {
  aspect-ratio: 1/1.4;
}
.lp-scene-travel .lp-blob {
  inset: 10% 6% 2%;
}
.lp-planner {
  top: 14%;
}
.lp-scene-travel .lp-mascot {
  width: 28%;
  left: -2%;
  bottom: -2%;
}
.lp-plan-note {
  margin-left: 13cqw;
}
@media (max-width: 1000px) {
  .lp-scene-travel .lp-stage {
    aspect-ratio: 1/1.62;
  }
  .lp-scene-travel .lp-blob {
    inset: 10% 7% 6%;
  }
  .lp-planner {
    top: 13%;
  }
  .lp-plan-note {
    margin-left: 0;
  }
  .lp-scene-travel .lp-mascot {
    left: auto;
    right: -1%;
    width: 25%;
    bottom: -1%;
  }
}

@media (max-width: 430px) {
  .lp-scene-save .lp-blob,
  .lp-scene-match .lp-blob {
    left: 1%;
    right: 1%;
  }
  .lp-scene-nearby .lp-blob {
    left: 1%;
    right: 1%;
  }
}

.lp-questions summary svg {
  transition: transform 140ms ease;
}
.lp-footer > a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: underline; text-underline-offset: 4px; }

/* Product stories reflow as readable cards; no scaled desktop screen on mobile. */
.lp-story .lp-stage { aspect-ratio:auto; padding:32px 24px 88px; }
.lp-story .lp-blob { inset:0 1% 4%; }
.lp-product-card { position:relative; width:100%; max-width:480px; margin-inline:auto; padding:24px; border:2px solid #686662; border-radius:32px; background:linear-gradient(125deg,#24221e,#11110f 62%); color:#fcf9f2; box-shadow:0 16px 32px #20143020; font-size:16px; line-height:1.4; }
.lp-product-card > * + * { margin-top:16px; }
.lp-product-heading { display:flex; align-items:center; gap:12px; font-weight:700; font-size:22px; letter-spacing:var(--lp-tracking-heading-small); }
.lp-product-card .lp-preview-label { display:flex; align-items:center; gap:8px; margin-top:20px; margin-bottom:12px; font-size:14px; color:#d2cabe; }
.lp-product-card .lp-mini-search { font-size:16px; overflow-wrap:anywhere; }
.lp-product-card .lp-mini-result { margin:16px 0; }
.lp-product-card .lp-mini-result strong { font-size:16px; }
.lp-product-card .lp-mini-result span { font-size:14px; }
.lp-product-card .lp-mini-result .lp-thumb { width:56px; height:64px; }
.lp-preview-action { display:flex; align-items:center; justify-content:center; gap:8px; padding:14px 12px; border-radius:24px; background:var(--lp-orange); color:#14120f; font-size:16px; font-weight:650; text-align:center; }
.lp-story .lp-map { height:190px; border-radius:16px; }
.lp-story .lp-map-label,.lp-story .lp-city { font-size:14px; }
.lp-story .lp-pin > svg { width:32px; height:32px; }
.lp-story .lp-pin-main > span { font-size:13px; padding:8px; border-radius:8px; top:100%; left:-24px; }
.lp-story .lp-position { width:16px; height:16px; border:3px solid white; box-shadow:0 0 0 10px #2979eb30; }
.lp-story .lp-mascot { width:29%; max-width:180px; left:auto; right:0; bottom:0; }
.lp-emek { position:absolute; z-index:2; right:-4%; bottom:-2%; width:25%; height:auto; pointer-events:none; }
.lp-hero-emek { position:absolute; z-index:0; width:clamp(120px,19vw,230px); height:auto; right:1%; bottom:-9%; pointer-events:none; }
.lp-hero .lp-copy > *:not(.lp-hero-emek) { position:relative; z-index:1; }
.lp-cta-emek { display:block; width:clamp(120px,15vw,190px); height:auto; margin:0 auto -20px; }
.lp-preview-filters { display:flex; gap:8px; flex-wrap:wrap; font-size:14px; }
.lp-preview-filters > * { padding:8px 12px; border:1px solid #777269; border-radius:24px; display:flex; align-items:center; gap:6px; }
.lp-preview-filters strong { color:#312318; background:#ffe0c4; border-color:#ffe0c4; }
.lp-position-key { width:12px; height:12px; border-radius:50%; background:#70aaff; }
.lp-pub-list { list-style:none; padding:0; }
.lp-pub-list li { display:flex; align-items:center; gap:10px; padding:12px; border-radius:12px; }
.lp-pub-selected { background:#39322d; border:1px solid #c7b4ff; }
.lp-draft-material { display:flex; gap:16px; align-items:center; }
.lp-draft-material .lp-thumb { width:88px; height:112px; border-radius:12px; }
.lp-draft-material span { display:block; font-size:14px; color:#d2cabe; margin-top:8px; }
.lp-later { display:flex; align-items:center; justify-content:flex-start; gap:12px; color:#d4c3ff; padding:12px 0; font-size:14px; }
.lp-later span { border-radius:24px; border:1px solid #736689; padding:6px 14px; }
.lp-athens-places { display:flex; gap:8px; flex-wrap:wrap; }
.lp-athens-places span { display:flex; align-items:center; gap:6px; padding:8px 12px; border:1px solid #736689; border-radius:16px; font-size:14px; }
.lp-athens-places span:has(svg) { background:#393044; border-color:#c7b4ff; }
.lp-itinerary { padding:16px; border-radius:16px; background:#292722; }
.lp-itinerary h3 { font-size:20px; margin-bottom:12px; }
.lp-itinerary > div { display:flex; gap:12px; align-items:center; padding:12px 0; }
.lp-itinerary > div + div { border-top:1px solid #57534b; }
.lp-itinerary > div > span,.lp-itinerary p { color:#d2cabe; font-size:14px; }
.lp-itinerary strong { font-weight:600; }
.lp-three-steps { grid-template-columns:repeat(3,minmax(0,1fr)); }
.lp-three-steps .lp-step { padding:28px; display:flex; flex-direction:column; }
.lp-three-steps h3 { line-height:1.2; margin-bottom:20px; }
.lp-three-steps p { margin-bottom:24px; }
.lp-paths { margin-top:auto; padding:16px; background:var(--lp-tint); border-radius:16px; }
.lp-paths span { display:flex; align-items:center; gap:12px; font-size:16px; }
.lp-paths em { display:block; margin:8px 32px; color:var(--lp-muted); font-size:14px; }
.lp-draft { border-top:1px solid var(--lp-border); }
.lp-draft-video {
  width:min(100%,480px,calc(85vh * 9 / 16));
  width:min(100%,480px,calc(85svh * 9 / 16));
  margin-inline:auto;
  align-self:center;
}
.lp-draft-video-frame {
  position:relative;
  width:100%;
  aspect-ratio:9/16;
  overflow:hidden;
  border-radius:32px;
  background:var(--lp-lilac);
  box-shadow:0 18px 42px #20143024;
}
.lp-draft-video-poster,
.lp-draft-video-media {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.lp-draft-video-media { z-index:1; }
.lp-draft-video.is-media-error .lp-draft-video-media { display:none; }
.lp-video-toggle {
  position:absolute;
  z-index:2;
  right:12px;
  bottom:12px;
  min-height:44px;
  padding:10px 16px;
  border:1px solid #ffffff80;
  border-radius:999px;
  background:#14120ee6;
  color:#fffdf9;
  box-shadow:0 4px 18px #14120f40;
  cursor:pointer;
  font-weight:650;
}
.lp-video-toggle:hover { background:#14120f; }
@media (min-width:1001px) {
  .lp-draft { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(32px,4vw,64px); }
  .lp-draft .lp-copy { grid-column:2; grid-row:1; }
  .lp-draft .lp-scene { grid-column:1; grid-row:1; justify-self:end; }
  .lp-nearby h2 { font-size:clamp(48px,4.6vw,70px); }
}
@media (max-width:1000px) {
  .lp-three-steps { grid-template-columns:1fr; }
  .lp-story .lp-stage { padding:24px 0 80px; }
  .lp-product-card { padding:24px; }
  .lp-story .lp-mascot { width:26%; max-width:132px; right:0; }
  .lp-emek { width:23%; right:-1%; bottom:-1%; }
  .lp-hero-emek { position:relative; display:block; width:150px; right:auto; bottom:auto; margin:8px 0 -30px auto; }
  .lp-cta-emek { width:150px; margin-bottom:-16px; }
  .lp-travel .lp-copy,.lp-draft .lp-copy { order:0; }
  .lp-travel .lp-scene,.lp-draft .lp-scene { order:1; }
  .lp-draft-video { width:min(100%,360px,calc(85svh * 9 / 16)); }
}
@media (max-width:360px) {
  .lp-product-card { padding:16px; border-radius:24px; }
  .lp-product-heading { font-size:20px; }
  .lp-itinerary { padding:12px; }
  .lp-itinerary > div { gap:8px; flex-wrap:wrap; }
  .lp-three-steps .lp-step { padding:24px 20px; }
}
@media (max-width:1000px) {
  .lp-story .lp-blob { transform:none; inset:0 1% 4%; }
}

.lp-skip:not(:focus) { clip-path:inset(50%); width:1px; height:1px; overflow:hidden; white-space:nowrap; }