@font-face {
  font-family: "SFUFUTURABOOK";
  src: url("https://thammyquoctelinhanh.com/wp-content/uploads/2026/07/SFUFUTURABOOK.woff2")
    format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
} /* Standalone baseline:this page does not depend on landing-core.css. */
.lp-lp.pc4k-page {
  --lp-color-focus: #1b6ef3;
  --lp-focus-width: 0.1875rem;
  --lp-focus-offset: 0.1875rem;
  --lp-header-offset: 4.375rem;
  min-width: 0;
  font-size: 1.0625rem;
  overflow-x: clip;
}
.lp-lp.pc4k-page,
.lp-lp.pc4k-page *,
.lp-lp.pc4k-page *::before,
.lp-lp.pc4k-page *::after {
  box-sizing: border-box;
}
.lp-lp.pc4k-page:is(h1, h2, h3, h4, h5, h6) {
  font-family: "SFUFUTURABOOK" !important;
  width: auto;
  margin: 0;
  color: inherit;
  line-height: 1.1;
  letter-spacing: normal;
  text-rendering: auto;
  text-transform: none;
  opacity: 1;
}
.lp-lp.pc4k-page:is(p, ul, ol, form, figure) {
  margin: 0;
}
.lp-lp.pc4k-page:is(ul, ol) {
  padding: 0;
  list-style: none;
}
.lp-lp.pc4k-page li {
  margin: 0;
}
.lp-lp.pc4k-page img {
  display: block;
  max-width: 100%;
  height: auto;
  border: 0;
  opacity: 1;
}
.lp-lp.pc4k-page a {
  color: inherit;
  text-decoration: none;
  background: transparent;
}
.lp-lp.pc4k-page button {
  margin: 0;
  padding: 0;
  min-width: 0;
  min-height: 0;
  max-width: none;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  letter-spacing: normal;
  text-align: inherit;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  vertical-align: baseline;
  background: none;
  appearance: none;
  -webkit-appearance: none;
}
.lp-lp.pc4k-page:is(input, select, textarea) {
  margin: 0;
  color: inherit;
  font: inherit;
  text-transform: none;
}
.lp-lp.pc4k-page [id] {
  scroll-margin-top: calc(var(--lp-header-offset) + 1rem);
}
.lp-lp.pc4k-page:focus-visible {
  border-radius: var(--lp-focus-offset);
  outline: var(--lp-focus-width) solid var(--lp-color-focus);
  outline-offset: var(--lp-focus-offset);
}
.lp-lp.pc4k-page .ladi-popupx-inline {
  width: 0;
  height: 0;
  overflow: hidden;
}
@media (min-width: 48rem) {
  .lp-lp.pc4k-page {
    --lp-header-offset: 6.4375rem;
  }
  .lp-lp.pc4k-page [id] {
    scroll-margin-top: calc(var(--lp-header-offset) + 1.5rem);
	 font-size: 1.2rem; 
  }
}
.lp-lp.pc4k-page {
  --lp-gold-dark: var(--main-color, #bf934e);
  --lp-p4-surface: #fff;
  --lp-p4-error: #8f2d22;
  --lp-c1: #d13b15;
  --lp-c2: #ff6a3d;
  --lp-c3: #ff8a5e;
  --lp-c4: #ffcba8;
  --lp-c5: #fdeaf2;
  --lp-c6: #fff6f0;
  --lp-c7: #ffefe6;
  --lp-c8: #3a2a24;
  --lp-c9: #7a655c;
  --lp-ca: #d8615c;
  --lp-cb: rgba(58, 42, 36, 0.12);
  --lp-cc: #ff7fb3;
  --lp-cd: #f6a85e;
  --lp-ce: #fbe6b0;
  --lp-cf: #fff;
  --lp-cg: rgba(255, 77, 31, 0.7);
  --lp-ch: rgba(255, 77, 31, 0.8);
  --lp-ci: rgba(255, 255, 255, 0.55);
  --lp-cj: #ffe6d6;
  --lp-ck: #ff7a4a;
  --lp-cl: #ffc9a6;
  --lp-cm: rgba(255, 255, 255, 0.4);
  --lp-cn: rgba(120, 30, 0, 0.25);
  --lp-co: #000;
  --lp-cp: rgba(255, 77, 31, 0.55);
  --lp-cq: rgba(255, 77, 31, 0.18);
  --lp-cr: rgba(255, 120, 70, 0);
  --lp-cs: rgba(255, 255, 255, 0.7);
  --lp-ct: #ffb48c;
  --lp-cu: #ffe3d3;
  --lp-cv: rgba(46, 28, 18, 0.82);
  --lp-cw: rgba(46, 28, 18, 0.5);
  --lp-cx: rgba(46, 28, 18, 0.16);
  --lp-cy: rgba(46, 28, 18, 0.55);
  --lp-cz: rgba(255, 255, 255, 0.82);
  --lp-c10: rgba(0, 0, 0, 0.5);
  --lp-c11: rgba(255, 255, 255, 0.5);
  --lp-c12: rgba(255, 255, 255, 0.85);
  --lp-c13: rgba(255, 255, 255, 0.95);
  --lp-c14: rgba(255, 255, 255, 0.16);
  --lp-c15: rgba(255, 255, 255, 0.35);
  --lp-c16: rgba(255, 255, 255, 0.86);
  --lp-c17: rgba(255, 255, 255, 0.9);
  --lp-c18: rgba(120, 40, 10, 0.5);
  --lp-c19: rgba(0, 0, 0, 0.05);
  --lp-c1a: rgba(30, 18, 12, 0.6);
  --lp-c1b: #f1e7e1;
  --lp-c1c: rgba(120, 40, 10, 0.45);
  --lp-c1d: #fff1e9;
  --lp-c1e: #ffdfd0;
  --lp-c1f: #f3c9c4;
  --lp-c1g: #e4f6ec;
  --lp-c1h: #1c7a4b;
  --lp-c1i: #fbe3df;
  --lp-c1j: #c0392b;
  --lp-c1k: rgba(58, 42, 36, 0.45);
  --lp-c1l: rgba(255, 77, 31, 0.85);
  --lp-c1m: rgba(0, 0, 0, 0.1);
  --lp-c1n: rgba(0, 0, 0, 0.25);
  --lp-c1o: #2a1c16;
  --lp-c1p: #3a2216;
  --lp-c1q: #5a241a;
  --lp-c1r: #f7e9e2;
  --lp-c1s: rgba(255, 106, 61, 0.3);
  --lp-c1t: #ebb199;
  --lp-c1u: #ebd9cf;
  --lp-c1v: rgba(0, 0, 0, 0.75);
  --lp-c1w: rgba(255, 255, 255, 0.07);
  --lp-c1x: rgba(0, 0, 0, 0.4);
  --lp-c1y: rgba(255, 255, 255, 0.055);
  --lp-c1z: rgba(255, 255, 255, 0.09);
  --lp-c20: rgba(255, 106, 61, 0.18);
  --lp-c21: rgba(255, 106, 61, 0.05);
  --lp-c22: rgba(255, 77, 31, 0.75);
  --lp-c23: #d9c2b7;
  --lp-c24: #f0e2da;
  --lp-c25: #b79e92;
  --lp-c26: rgba(255, 255, 255, 0.28);
  --lp-c27: rgba(255, 77, 31, 0.95);
  --lp-c28: rgba(255, 77, 31, 0.6);
  --lp-c29: rgba(30, 20, 16, 0.42);
  --lp-c2a: rgba(255, 255, 255, 0.18);
  --lp-c2b: #ffd9c2;
  --lp-c2c: rgba(255, 77, 31, 0.25);
  --lp-c2d: rgba(255, 77, 31, 0.5);
  --lp-c2e: #f3d9c0;
  --lp-c2f: rgba(180, 60, 50, 0.35);
  --lp-c2g: rgba(0, 0, 0, 0.35);
  --lp-c2h: #ffd8c2;
  --lp-c2i: #e9a98f;
  --lp-c2j: rgba(120, 40, 10, 0.55);
  --lp-c2k: #e8b45a;
  --lp-c2l: #ffe7b4;
  --lp-c2m: #fff3dc;
  --lp-c2n: #f3d28a;
  --lp-c2o: #b07a12;
  --lp-c2p: #ffe0cf;
  --lp-c2q: rgba(255, 77, 31, 0);
  --lp-c2r: rgba(0, 0, 0, 0.12);
  --lp-c2s: rgba(120, 40, 10, 0.4);
  --lp-c2t: #fbe9e0;
  --lp-c2u: rgba(60, 20, 10, 0.6);
  --lp-c2v: #eadfd9;
  --lp-c2w: rgba(30, 18, 14, 0.72);
  --lp-c2x: rgba(255, 255, 255, 0.92);
  --lp-c2y: rgba(0, 0, 0, 0.32);
  --lp-c2z: rgba(0, 0, 0, 0.55);
  --lp-c30: #1c1109;
  --lp-c31: rgba(0, 0, 0, 0.7);
  --lp-c32: rgba(255, 77, 31, 0.9);
  --lp-c33: rgba(30, 18, 12, 0.55);
  --lp-c34: rgba(255, 255, 255, 0.14);
  --lp-c35: rgba(255, 77, 31, 0.1);
  --lp-c36: rgba(255, 77, 31, 0.35);
  --lp-c37: #d64753;
  --lp-c38: #d56f7b;
  --lp-c39: #dd555c;
  --lp-c3a: #ee7c64;
  --lp-c3b: rgba(80, 20, 20, 0.32);
  --lp-c3c: #f0997e;
  --lp-c3d: #e86a50;
  --lp-c3e: #f3a98e;
  --lp-c3f: #ec8a6e;
  --lp-c3g: #e97558;
  --lp-c3h: #f2a07e;
  --lp-c3i: #ecd9d0;
  --lp-c3j: #c97fb0;
  --lp-c3k: #d593a8;
  --lp-c3l: #b96e96;
  --lp-c3m: #dda0be;
  --lp-c3n: #c486a6;
  --lp-c3o: #ce8fb2;
  --lp-c3p: #b87aa0;
  --lp-c3q: #e3b98f;
  --lp-c3r: #b85c42;
  --lp-c3s: #c77052;
  --lp-c3t: #a64e37;
  --lp-c3u: #ce8460;
  --lp-c3v: #bb6244;
  --lp-c3w: #b0583c;
  --lp-c3x: #c47450;
  --lp-c3y: #e7d6cc;
  --lp-c3z: #b23a57;
  --lp-c40: #9e2f4c;
  --lp-c41: #c24063;
  --lp-c42: #8c2a46;
  --lp-c43: #a8365a;
  --lp-c44: #b94060;
  --lp-c45: #922e4e;
  font-family: "SFUFUTURABOOK", Arial, sans-serif;
  scroll-margin-top: 6rem;
}
.lp-lp.pc4k-page:is(button, input, select, textarea, .wpcf7) {
  font-family: "SFUFUTURABOOK", Arial, sans-serif;
}
.lp-lp.pc4k-page {
  --lp-p4-coral-deep: var(--lp-c1);
  --lp-p4-coral: var(--lp-c2);
  --lp-p4-coral-soft: var(--lp-c3);
  --lp-p4-peach: var(--lp-c4);
  --lp-p4-blush: var(--lp-c5);
  --lp-p4-cream: var(--lp-c6);
  --lp-p4-cream-2: var(--lp-c7);
  --lp-p4-ink: var(--lp-c8);
  --lp-p4-ink-soft: var(--lp-c9);
  --lp-p4-lip: var(--lp-ca);
  --lp-p4-line: var(--lp-cb);
  --lp-p4-holo: linear-gradient(
    100deg,
    var(--lp-cc) 0%,
    var(--lp-c2) 34%,
    var(--lp-cd) 60%,
    var(--lp-ce) 100%
  );
  --lp-p4-font: "SFUFUTURABOOK", Arial, sans-serif;
  --lp-p4-maxw: 73.75rem;
}
.lp-lp.pc4k-page * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: "Geomanist";
}
.lp-lp.pc4k-page {
  font-family: var(--lp-p4-font);
  color: var(--lp-p4-ink);
  background: var(--lp-p4-cream);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}
.lp-lp.pc4k-page img {
  max-width: 100%;
  display: block;
}
.lp-lp.pc4k-page .lp-p4-eyebrow {
  font-size: 1.72rem;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "SFUFUTURABOOK";
  letter-spacing: 2.2px;
  color: var(--lp-p4-coral-deep);
}
.lp-lp.pc4k-page .lp-p4-holo {
  background: var(--lp-p4-holo);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  background-size: 200% 100%;
  font-family: "SFUFUTURABOOK";
}

.lp-lp.pc4k-page h1,
.lp-lp.pc4k-page h2,
.lp-lp.pc4k-page h3 {
  line-height: 1.28;
  letter-spacing: -0.01em;
  font-weight: 500;
  font-family: "SFUFUTURABOOK" !important;
  color: #3a2a24;
}
.lp-lp.pc4k-page h2 {
  font-size: clamp(1.7rem, 4.2vw, 3rem);
}
.lp-lp.pc4k-page .lp-p4-lead {
  font-size: clamp(1rem, 1.6vw, 1.28rem);
  color: var(--lp-p4-ink-soft);
  max-width: 60ch;
}
.lp-lp.pc4k-page .lp-p4-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  font-family: var(--lp-p4-font);
  font-weight: 600;
  font-size: 1.05rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  border: 0;
  color: var(--lp-cf);
  padding: 0.95em 1.9em;
  border-radius: 62.4375rem;
  background: linear-gradient(
    120deg,
    var(--lp-p4-coral-deep),
    var(--lp-p4-coral-soft)
  );
  box-shadow: 0 0.625rem 1.625rem -0.625rem var(--lp-cg);
  position: relative;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.lp-lp.pc4k-page .lp-p4-cta:hover {
  transform: translateY(-0.125rem);
  box-shadow: 0 1rem 2.125rem -0.75rem var(--lp-ch);
}
.lp-lp.pc4k-page .lp-p4-cta::after {
  content: "";
  position: absolute;
  top: 0;
  left: -60%;
  width: 40%;
  height: 100%;
  background: linear-gradient(100deg, transparent, var(--lp-ci), transparent);
  transform: skewX(-18deg);
  transition: none;
}
.lp-lp.pc4k-page .lp-p4-cta:hover::after {
  animation: sweep 0.9s ease;
}
@keyframes sweep {
  to {
    left: 130%;
  }
}
.lp-lp.pc4k-page .lp-p4-cta--ghost {
  background: transparent;
  color: var(--lp-p4-coral-deep);
  border: 0.09375rem solid var(--lp-p4-coral-deep);
  box-shadow: none;
}
.lp-lp.pc4k-page .lp-p4-cta--ghost:hover {
  background: var(--lp-p4-coral-deep);
  color: var(--lp-cf);
}
.lp-lp.pc4k-page .lp-p4-sec {
  padding: clamp(4rem, 9vw, 3rem) 1.3rem;
  position: relative;
}
.lp-lp.pc4k-page .lp-p4-wrap {
  max-width: var(--lp-p4-maxw);
  margin: 0 auto;
}
.lp-lp.pc4k-page .lp-p4-band-cream {
  background: var(--lp-p4-cream);
}
.lp-lp.pc4k-page .lp-p4-band-blush {
  background: linear-gradient(180deg, var(--lp-p4-blush), var(--lp-p4-cream));
}
.lp-lp.pc4k-page .lp-p4-band-peach {
  background: linear-gradient(160deg, var(--lp-cj), var(--lp-p4-cream-2));
}
.lp-lp.pc4k-page .lp-p4-sec-tag {
  position: absolute;
  top: 1.125rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.64rem;
  letter-spacing: 0.28em;
  color: var(--lp-p4-ink-soft);
  text-transform: uppercase;
  opacity: 0.6;
  font-weight: 600;
}
.lp-lp.pc4k-page .lp-p4-r {
  opacity: 0;
  transform: translateY(1.625rem);
  transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1),
    transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.lp-lp.pc4k-page .lp-p4-r.lp-p4-in {
  opacity: 1;
  transform: none;
}
.lp-lp.pc4k-page .lp-p4-sec {
  opacity: 0;
  transform: translateY(2rem);
  transition: opacity 1.15s cubic-bezier(0.22, 0.61, 0.36, 1),
    transform 1.15s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.lp-lp.pc4k-page .lp-p4-sec.lp-p4-seen {
  opacity: 1;
  transform: none;
}
.lp-lp.pc4k-page .lp-p4-tr-word {
  display: inline-block;
  opacity: 0;
  filter: blur(0.4375rem);
  transform: translateY(0.5em);
  transition: opacity 1.05s cubic-bezier(0.22, 0.61, 0.36, 1),
    filter 1.05s cubic-bezier(0.22, 0.61, 0.36, 1),
    transform 1.05s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.lp-lp.pc4k-page .lp-p4-tr-in .lp-p4-tr-word {
  opacity: 1;
  filter: blur(0);
  transform: none;
}
.lp-lp.pc4k-page #lp-p4-s2 {
  position: relative;
  opacity: 1;
  transform: none;
}
.lp-lp.pc4k-page .lp-p4-lipedge {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 13.75rem;
  transform: translateY(-7.375rem);
  pointer-events: none;
  z-index: 3;
  line-height: 0;
}
.lp-lp.pc4k-page .lp-p4-lipedge svg {
  width: 100%;
  height: 13.75rem;
  display: block;
}
.lp-lp.pc4k-page .lp-p4-pl-screen {
  position: fixed;
  inset: 0;
  z-index: 9998;
  display: grid;
  place-items: center;
  background: linear-gradient(
    135deg,
    var(--lp-c1) 0%,
    var(--lp-ck) 45%,
    var(--lp-cl) 100%
  );
}
.lp-lp.pc4k-page .lp-p4-pl-bar {
  position: absolute;
  bottom: 20%;
  left: 50%;
  transform: translateX(-50%);
  width: min(18.75rem, 58vw);
  height: 0.1875rem;
  border-radius: 0.1875rem;
  background: var(--lp-cm);
  overflow: hidden;
}
.lp-lp.pc4k-page .lp-p4-pl-fill {
  display: block;
  height: 100%;
  width: 100%;
  background: var(--lp-cf);
  transform-origin: left;
  transform: scaleX(0);
}
.lp-lp.pc4k-page .lp-p4-pl-logo {
  font-size: clamp(1.6rem, 4.6vw, 2.8rem);
  font-weight: 500;
  letter-spacing: 0.01em;
  color: var(--lp-cf);
  filter: drop-shadow(0 0.125rem 0.875rem var(--lp-cn));
}
.lp-lp.pc4k-page .lp-p4-pl-mask {
  position: fixed;
  inset: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  transform-origin: center;
  will-change: transform;
}
.lp-lp.pc4k-page .lp-p4-pl-mask-cover {
  fill: var(--lp-p4-cream);
}
.lp-lp.pc4k-page .lp-p4-pl-star-hole {
  transform: scale(0.24);
  transform-box: fill-box;
  transform-origin: center;
}
.lp-lp.pc4k-page .lp-p4-hero__scrim {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    90deg,
    var(--lp-cp) 0%,
    var(--lp-cq) 36%,
    var(--lp-cr) 60%
  );
}
.lp-lp.pc4k-page .lp-p4-hero__inner,
.lp-lp.pc4k-page .lp-p4-try {
  position: relative;
  z-index: 2;
}
.lp-lp.pc4k-page .lp-p4-hero__media picture,
.lp-lp.pc4k-page .lp-p4-hero__banner-pic {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.lp-lp.pc4k-page .lp-p4-hero__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 72% center;
  transform: scale(1.14);
  will-change: transform;
}
.lp-lp.pc4k-page .lp-p4-hero__logo .lp-p4-lmask {
  display: block;
  overflow: hidden;
  padding-bottom: 0.04em;
}
.lp-lp.pc4k-page .lp-p4-hero__logo .lp-p4-lrise {
  display: block;
}
.lp-lp.pc4k-page .lp-p4-hero__logo .lp-p4-l2 {
  font-size: 0.62em;
  letter-spacing: 0.02em;
}
.lp-lp.pc4k-page .lp-p4-hero__logo .lp-p4-o {
  position: relative;
}
.lp-lp.pc4k-page .lp-p4-sp4 {
  -webkit-text-fill-color: var(--lp-cf);
  color: var(--lp-cf);
  font-size: 0.6em;
  vertical-align: 0.18em;
  filter: drop-shadow(0 0 0.4375rem var(--lp-cs));
}
.lp-lp.pc4k-page body.lp-p4-anim-ready .lp-p4-hero__badge,
.lp-lp.pc4k-page body.lp-p4-anim-ready .lp-p4-hero__sub,
.lp-lp.pc4k-page body.lp-p4-anim-ready .lp-p4-hero__bul .lp-p4-hbul,
.lp-lp.pc4k-page body.lp-p4-anim-ready .lp-p4-hero .lp-p4-cta,
.lp-lp.pc4k-page body.lp-p4-anim-ready .lp-p4-try {
  opacity: 0;
}
.lp-lp.pc4k-page .lp-p4-hero {
  min-height: 92vh;
  display: flex;
  align-items: center;
  background: linear-gradient(
    135deg,
    var(--lp-c1) 0%,
    var(--lp-ck) 38%,
    var(--lp-ct) 70%,
    var(--lp-cu) 100%
  );
  position: relative;
  overflow: hidden;
  padding: 7.5rem 1.5rem 4.375rem;
}
.lp-lp.pc4k-page .lp-p4-hero__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}
.lp-lp.pc4k-page .lp-p4-hero__brown {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
      90deg,
      var(--lp-cv) 0%,
      var(--lp-cw) 42%,
      var(--lp-cx) 100%
    ),
    linear-gradient(0deg, var(--lp-cy), transparent 42%);
}
.lp-lp.pc4k-page .lp-p4-hero__slider {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.lp-lp.pc4k-page .lp-p4-hero__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
  pointer-events: none;
}
.lp-lp.pc4k-page .lp-p4-hero__slide.lp-p4-is-active {
  opacity: 1;
  pointer-events: auto;
}
.lp-lp.pc4k-page .lp-p4-hero__banner {
  display: block;
  max-width: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.lp-lp.pc4k-page .lp-p4-hero.lp-p4-is-banner .lp-p4-hero__inner,
.lp-lp.pc4k-page .lp-p4-hero.lp-p4-is-banner .lp-p4-hero__scrim,
.lp-lp.pc4k-page .lp-p4-hero.lp-p4-is-banner .lp-p4-hero__brown {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}
.lp-lp.pc4k-page .lp-p4-hero__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 6;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: var(--lp-cz);
  color: var(--lp-p4-coral-deep);
  border: 0;
  font-size: 1.9rem;
  line-height: 1;
  cursor: pointer;
  display: grid;
  place-items: center;
  box-shadow: 0 0.625rem 1.5rem -0.75rem var(--lp-c10);
  transition: 0.2s;
  opacity: 0.55;
}
.lp-lp.pc4k-page .lp-p4-hero__nav:hover {
  opacity: 1;
  background: var(--lp-cf);
  transform: translateY(-50%) scale(1.06);
}
.lp-lp.pc4k-page .lp-p4-hero__prev {
  left: 0.875rem;
}
.lp-lp.pc4k-page .lp-p4-hero__next {
  right: 0.875rem;
}
.lp-lp.pc4k-page .lp-p4-hero__dots {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 6;
  display: flex;
  gap: 0.625rem;
}
.lp-lp.pc4k-page .lp-p4-hero__dots button {
  width: 0.6875rem;
  height: 0.6875rem;
  border-radius: 50%;
  border: 0;
  background: var(--lp-c11);
  cursor: pointer;
  transition: 0.2s;
  padding: 0;
}
.lp-lp.pc4k-page .lp-p4-hero__dots button.lp-p4-on {
  background: var(--lp-cf);
  width: 1.625rem;
  border-radius: 0.375rem;
}
.lp-lp.pc4k-page .lp-p4-hero__inner {
  position: relative;
  max-width: var(--lp-p4-maxw);
  margin: 0 auto;
  width: 100%;
}
.lp-lp.pc4k-page .lp-p4-hero__copy {
  max-width: 35rem;
  color: var(--lp-cf);
}
.lp-lp.pc4k-page .lp-p4-hero__badge {
  display: inline-block;
  border: 0.09375rem solid var(--lp-c12);
  padding: 0.55em 1.2em;
  letter-spacing: 0.22em;
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 1.125rem;
  backdrop-filter: blur(0.125rem);
}
.lp-lp.pc4k-page .lp-p4-hero__logo {
  font-size: clamp(3rem, 8.5vw, 6.2rem);
  line-height: 0.92;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--lp-cf);
}
.lp-lp.pc4k-page .lp-p4-hero__logo .lp-p4-lrise {
  color: var(--lp-cf);
}
.lp-lp.pc4k-page .lp-p4-hero__logo .lp-p4-l2 {
  display: block;
  font-size: 0.62em;
  letter-spacing: 0.02em;
}
.lp-lp.pc4k-page .lp-p4-hero__logo .lp-p4-o {
  position: relative;
}
.lp-lp.pc4k-page .lp-p4-hero__sub {
  margin: 1.375rem 0 1.625rem;
  font-size: 1.05rem;
  max-width: 46ch;
  color: var(--lp-c13);
}
.lp-lp.pc4k-page .lp-p4-hero__bul {
  display: flex;
  gap: 0.875rem;
  flex-wrap: wrap;
  margin-bottom: 1.875rem;
}
.lp-lp.pc4k-page .lp-p4-hbul {
  display: flex;
  align-items: center;
  gap: 0.55em;
  background: var(--lp-c14);
  border: 0.0625rem solid var(--lp-c15);
  backdrop-filter: blur(0.25rem);
  padding: 0.6em 1em;
  border-radius: 62.4375rem;
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--lp-cf);
}
.lp-lp.pc4k-page .lp-p4-hbul .lp-p4-ic {
  width: 1.125rem;
  height: 1.125rem;
  flex: 0 0 1.125rem;
}
.lp-lp.pc4k-page .lp-p4-try {
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  width: min(20rem, 38vw);
  background: var(--lp-c16);
  backdrop-filter: blur(0.625rem);
  border: 0.0625rem solid var(--lp-c17);
  border-radius: 1.25rem;
  padding: 1rem 1rem 0.875rem;
  box-shadow: 0 1.5rem 3.125rem -1.375rem var(--lp-c18);
}
.lp-lp.pc4k-page .lp-p4-try h4 {
  font-size: 0.78rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--lp-p4-coral-deep);
}
.lp-lp.pc4k-page .lp-p4-try__face {
  aspect-ratio: 2/1;
  border-radius: 0.875rem;
  margin: 0.75rem 0 0.6875rem;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  box-shadow: inset 0 0 0 0.0625rem var(--lp-c19);
  transition: box-shadow 0.35s ease;
}
.lp-lp.pc4k-page .lp-p4-try__sw {
  display: flex;
  gap: 0.5625rem;
  margin-bottom: 0.5625rem;
}
.lp-lp.pc4k-page .lp-p4-sw {
  flex: 1;
  height: 2.125rem;
  border-radius: 0.5625rem;
  cursor: pointer;
  border: 0.125rem solid transparent;
  transition: transform 0.15s, border-color 0.15s, box-shadow 0.2s;
}
.lp-lp.pc4k-page .lp-p4-sw:hover {
  transform: translateY(-0.125rem);
}
.lp-lp.pc4k-page .lp-p4-sw[aria-pressed="true"] {
  border-color: var(--lp-cf);
  box-shadow: 0 0 0 0.125rem var(--lp-p4-coral-deep);
}
.lp-lp.pc4k-page .lp-p4-try__meter {
  font-size: 0.74rem;
  color: var(--lp-p4-ink-soft);
}
.lp-lp.pc4k-page .lp-p4-try__meter b {
  color: var(--lp-p4-coral-deep);
}
.lp-lp.pc4k-page .lp-p4-hero__inner {
  position: static;
  min-height: 80vh;
}
.lp-lp.pc4k-page .lp-p4-hero__copy {
  position: absolute;
  left: 3%;
  bottom: 16%;
  max-width: 27.5rem;
  z-index: 2;
}
.lp-lp.pc4k-page .lp-p4-hero__side {
  position: absolute;
  right: 3%;
  bottom: 13%;
  width: min(25rem, 40vw);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  z-index: 2;
}
.lp-lp.pc4k-page .lp-p4-hero__side .lp-p4-try {
  position: static;
  width: 100%;
  right: auto;
  bottom: auto;
  top: auto;
  transform: none;
}
.lp-lp.pc4k-page .lp-p4-hero__side .lp-p4-hero__bul .lp-p4-hbul {
  color: var(--lp-cf);
  text-shadow: 0 0.0625rem 0.5rem var(--lp-c1a);
}
.lp-lp.pc4k-page .lp-p4-hero__cta {
  position: absolute;
  left: 50%;
  bottom: calc(5% + 1.875rem);
  transform: translateX(-50%);
  z-index: 2;
}
.lp-lp.pc4k-page .lp-p4-hero__cta:hover {
  transform: translateX(-50%) translateY(-0.125rem);
}
@media (max-width: 48rem) {
  .lp-lp.pc4k-page .lp-p4-hero__inner {
    min-height: auto;
    display: flex;
    flex-direction: column;
    gap: 1.375rem;
    padding-top: 0.625rem;
  }
  .lp-lp.pc4k-page .lp-p4-hero__copy,
  .lp-lp.pc4k-page .lp-p4-hero__side,
  .lp-lp.pc4k-page .lp-p4-hero__cta {
    position: static;
    transform: none;
    left: auto;
    right: auto;
    bottom: auto;
    max-width: 100%;
    width: 100%;
  }
  .lp-lp.pc4k-page .lp-p4-hero__side {
    align-items: stretch;
  }
  .lp-lp.pc4k-page .lp-p4-hero__cta:hover {
    transform: translateY(-0.125rem);
  }
}
.lp-lp.pc4k-page .lp-p4-mani {
  text-align: center;
  max-width: 61.25rem;
  margin: 0 auto;
  position: relative;
}
.lp-lp.pc4k-page .lp-p4-kinetic {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.06em;
  padding-top: 3rem;	
}
.lp-lp.pc4k-page .lp-p4-kmask {
  overflow: hidden;
  width: fit-content;
  max-width: 100%;
  padding: 0.1em 0;
}
.lp-lp.pc4k-page .lp-p4-kline {
  line-height: 1.12;
  text-align: center;
  will-change: transform, opacity;
}
.lp-lp.pc4k-page .lp-p4-kl1 {
  font-size: clamp(1.3rem, 3.6vw, 2.5rem);
  color: var(--lp-p4-ink-soft);
}
.lp-lp.pc4k-page .lp-p4-kl2 {
  font-size: clamp(1.6rem, 4.6vw, 3.1rem);
}
.lp-lp.pc4k-page .lp-p4-bubbles {
  display: flex;
  gap: 1.125rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 2.5rem;
  position: relative;
  z-index: 1;
}
.lp-lp.pc4k-page .lp-p4-bub {
  max-width: 21.25rem;
  padding: 1.125rem 1.375rem;
  border-radius: 1.25rem;
  font-size: 1rem;
  text-align: left;
}
.lp-lp.pc4k-page .lp-p4-bub--old {
  background: var(--lp-c1b);
  color: var(--lp-p4-ink-soft);
  border-bottom-left-radius: 0.25rem;
}
.lp-lp.pc4k-page .lp-p4-bub--new {
  background: linear-gradient(
    120deg,
    var(--lp-p4-coral-deep),
    var(--lp-p4-coral-soft)
  );
  color: var(--lp-cf);
  border-bottom-right-radius: 0.25rem;
}
.lp-lp.pc4k-page .lp-p4-bub small {
  display: block;
  font-size: 0.66rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  opacity: 0.7;
  margin-bottom: 0.375rem;
}
.lp-lp.pc4k-page .lp-p4-split2 {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 3rem;
  align-items: center;
}
.lp-lp.pc4k-page .lp-p4-cards4 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.875rem;
  margin-top: 1.125rem;
}
.lp-lp.pc4k-page .lp-p4-iflip-stack {
  display: grid;
  gap: 0.875rem;
}
.lp-lp.pc4k-page .lp-p4-iflip {
  perspective: 68.75rem;
  height: 9.25rem;
  cursor: pointer;
}
.lp-lp.pc4k-page .lp-p4-iflip__in {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.65s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform-style: preserve-3d;
}
.lp-lp.pc4k-page .lp-p4-iflip.lp-p4-active .lp-p4-iflip__in {
  transform: rotateY(180deg);
}
.lp-lp.pc4k-page .lp-p4-iflip__face {
  position: absolute;
  inset: 0;
  border-radius: 1.125rem;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 0 1rem 2.5rem -1.375rem var(--lp-c1c);
}
.lp-lp.pc4k-page .lp-p4-iflip__front {
  display: flex;
  background: var(--lp-cf);
  border: 0.0625rem solid var(--lp-p4-line);
}
.lp-lp.pc4k-page .lp-p4-iflip__back {
  transform: rotateY(180deg);
  background: linear-gradient(150deg, var(--lp-cf), var(--lp-c1d));
  border: 0.0625rem solid var(--lp-p4-line);
  padding: 1.125rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
}
.lp-lp.pc4k-page .lp-p4-ifimg {
  flex: 0 0 42%;
  background: linear-gradient(160deg, var(--lp-c1e), var(--lp-c1f));
  background-size: cover;
  background-position: center 64%;
  position: relative;
}
.lp-lp.pc4k-page .lp-p4-ifinfo {
  flex: 1;
  padding: 0.875rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.lp-lp.pc4k-page .lp-p4-ifinfo h3 {
  font-size: 1.35rem;
  color: var(--lp-p4-ink);
}
.lp-lp.pc4k-page .lp-p4-ifinfo p {
  font-size: 1.12rem;
  color: var(--lp-p4-ink-soft);
  margin: 0.125rem 0 0.5rem;
}
.lp-lp.pc4k-page .lp-p4-iflip__back p {
  font-size: 0.9rem;
  color: var(--lp-p4-ink-soft);
  line-height: 1.5;
}
.lp-lp.pc4k-page .lp-p4-ifhint {
  font-size: 0.74rem;
  color: var(--lp-p4-coral-deep);
  letter-spacing: 0.04em;
}
.lp-lp.pc4k-page .lp-p4-verdict {
  align-self: flex-start;
  font-size: 0.8rem;
  padding: 0.3em 0.8em;
  border-radius: 62.4375rem;
}
.lp-lp.pc4k-page .lp-p4-verdict.lp-p4-ok {
  background: var(--lp-c1g);
  color: var(--lp-c1h);
}
.lp-lp.pc4k-page .lp-p4-verdict.lp-p4-no {
  background: var(--lp-c1i);
  color: var(--lp-c1j);
}
.lp-lp.pc4k-page .lp-p4-flip {
  perspective: 48rem;
  height: 7.375rem;
}
.lp-lp.pc4k-page .lp-p4-flip__in {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}
.lp-lp.pc4k-page .lp-p4-flip:hover .lp-p4-flip__in {
  transform: rotateY(180deg);
}
.lp-lp.pc4k-page .lp-p4-flip__f,
.lp-lp.pc4k-page .lp-p4-flip__b {
  position: absolute;
  inset: 0;
  border-radius: 0.875rem;
  padding: 1rem;
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.lp-lp.pc4k-page .lp-p4-flip__f {
  background: var(--lp-cf);
  border: 0.0625rem solid var(--lp-p4-line);
}
.lp-lp.pc4k-page .lp-p4-flip__b {
  background: linear-gradient(
    135deg,
    var(--lp-p4-coral-deep),
    var(--lp-p4-coral-soft)
  );
  color: var(--lp-cf);
  transform: rotateY(180deg);
}
.lp-lp.pc4k-page .lp-p4-flip__f .lp-p4-n {
  font-size: 2.1rem;
  font-weight: 500;
  color: var(--lp-p4-coral-deep);
}
.lp-lp.pc4k-page .lp-p4-ba {
  position: relative;
  border-radius: 1.375rem;
  overflow: hidden;
  aspect-ratio: 16/11;
  box-shadow: 0 1.875rem 3.75rem -1.875rem var(--lp-c18);
  cursor: ew-resize;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
}
.lp-lp.pc4k-page .lp-p4-ba__l,
.lp-lp.pc4k-page .lp-p4-ba__r {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center 26%;
}
.lp-lp.pc4k-page .lp-p4-ba__l {
  background-color: var(--lp-cf);
}
.lp-lp.pc4k-page .lp-p4-ba__r {
  background-color: var(--lp-cf);
  clip-path: inset(0 0 0 50%);
}
.lp-lp.pc4k-page .lp-p4-ba__cap {
  position: absolute;
  top: 0.75rem;
  font-size: 0.66rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--lp-cf);
  background: var(--lp-c1k);
  padding: 0.3em 0.7em;
  border-radius: 62.4375rem;
}
.lp-lp.pc4k-page .lp-p4-ba__cap.lp-p4-l {
  left: 0.75rem;
}
.lp-lp.pc4k-page .lp-p4-ba__cap.lp-p4-r {
  right: 0.75rem;
  background: var(--lp-c1l);
}
.lp-lp.pc4k-page .lp-p4-ba__handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 0.125rem;
  background: var(--lp-cf);
  box-shadow: 0 0 0 0.0625rem var(--lp-c1m);
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
}
.lp-lp.pc4k-page .lp-p4-ba__handle::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1.25rem;
  right: -1.25rem;
  z-index: 10;
}
.lp-lp.pc4k-page .lp-p4-ba__knob {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2.625rem;
  height: 2.625rem;
  border-radius: 50%;
  background: var(--lp-cf);
  display: grid;
  place-items: center;
  color: var(--lp-p4-coral-deep);
  font-weight: 500;
  box-shadow: 0 0.375rem 1rem var(--lp-c1n);
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 11;
}
.lp-lp.pc4k-page .lp-p4-s4-spot {
  position: relative;
  background: linear-gradient(
    165deg,
    var(--lp-c1o) 0%,
    var(--lp-c1p) 46%,
    var(--lp-c1q) 100%
  );
  color: var(--lp-c1r);
  overflow: hidden;
}
.lp-lp.pc4k-page .lp-p4-s4-spot::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0.1875rem;
  background: var(--lp-p4-holo);
  z-index: 3;
}
.lp-lp.pc4k-page .lp-p4-s4-spot::after {
  content: "";
  position: absolute;
  width: 38.75rem;
  height: 38.75rem;
  right: -10.625rem;
  top: -10.625rem;
  border-radius: 50%;
  background: radial-gradient(circle, var(--lp-c1s), transparent 68%);
  pointer-events: none;
  z-index: 0;
}
.lp-lp.pc4k-page .lp-p4-s4-spot .lp-p4-sec-tag {
  color: var(--lp-c1t);
}
.lp-lp.pc4k-page .lp-p4-s4-head {
  text-align: center;
  max-width: 52.5rem;
  margin: 0 auto 2.125rem;
  position: relative;
  z-index: 2;
}
.lp-lp.pc4k-page .lp-p4-s4-head .lp-p4-eyebrow {
  color: var(--lp-p4-coral-soft);
}
.lp-lp.pc4k-page .lp-p4-s4-head h2 {
  margin: 0.3em 0;
  color: var(--lp-cf);
}
.lp-lp.pc4k-page .lp-p4-s4-head .lp-p4-lead {
  margin: 0 auto;
  color: var(--lp-c1u);
}
.lp-lp.pc4k-page .lp-p4-ba--hero {
  aspect-ratio: 16/10;
  max-width: 62.5rem;
  margin: 0 auto;
  border-radius: 1.625rem;
  position: relative;
  z-index: 2;
  box-shadow: 0 3.4375rem 6.25rem -2.8125rem var(--lp-c1v),
    0 0 0 0.0625rem var(--lp-c1w);
}
.lp-lp.pc4k-page .lp-p4-ba--hero .lp-p4-ba__cap {
  top: 1rem;
  font-size: 0.72rem;
}
.lp-lp.pc4k-page .lp-p4-ba--hero .lp-p4-ba__handle {
  width: 0.1875rem;
}
.lp-lp.pc4k-page .lp-p4-ba--hero .lp-p4-ba__knob {
  width: 3.375rem;
  height: 3.375rem;
  font-size: 1.15rem;
  box-shadow: 0 0.5rem 1.375rem var(--lp-c1x);
}
.lp-lp.pc4k-page .lp-p4-vs {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 1.125rem;
  align-items: stretch;
  max-width: 62.5rem;
  margin: 2rem auto 0;
  position: relative;
  z-index: 2;
}
.lp-lp.pc4k-page .lp-p4-vs__col {
  padding: 1.375rem;
  border-radius: 1.125rem;
  background: var(--lp-c1y);
  border: 0.0625rem solid var(--lp-c1z);
}
.lp-lp.pc4k-page .lp-p4-vs__col--b {
  background: linear-gradient(180deg, var(--lp-c20), var(--lp-c21));
  border: 0.09375rem solid var(--lp-p4-coral);
  box-shadow: 0 1.5rem 3.4375rem -1.625rem var(--lp-c22);
}
.lp-lp.pc4k-page .lp-p4-vs__col h4 {
  font-size: 0.82rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
}
.lp-lp.pc4k-page .lp-p4-vs__col--a h4 {
  color: var(--lp-c23);
}
.lp-lp.pc4k-page .lp-p4-vs__col--b h4 {
  color: var(--lp-p4-coral-soft);
}
.lp-lp.pc4k-page .lp-p4-vs__col ul {
  list-style: none;
  display: grid;
  gap: 0.5rem;
  font-size: 0.94rem;
  color: var(--lp-c24);
}
.lp-lp.pc4k-page .lp-p4-vs__col li {
  padding-left: 1.5em;
  position: relative;
  line-height: 1.45;
}
.lp-lp.pc4k-page .lp-p4-vs__col--a li::before {
  content: "\2013";
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  color: var(--lp-c25);
  font-family: Arial, sans-serif;
  text-align: center;
}

.lp-lp.pc4k-page .lp-p4-vs__col--b li::before {
  content: "\2726";
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  color: var(--lp-p4-coral);
  font-family: Arial, sans-serif;
  text-align: center;
}
.lp-lp.pc4k-page .lp-p4-vs__badge {
  align-self: center;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 1rem;
  letter-spacing: 0.04em;
  color: var(--lp-cf);
  background: linear-gradient(
    135deg,
    var(--lp-p4-coral),
    var(--lp-p4-coral-deep)
  );
  box-shadow: 0 0.875rem 2rem -0.625rem var(--lp-c22);
  border: 0.125rem solid var(--lp-c26);
}
@media (max-width: 48rem) {
  .lp-lp.pc4k-page .lp-p4-vs {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
  .lp-lp.pc4k-page .lp-p4-vs__badge {
    justify-self: center;
    margin: 0.125rem 0;
  }
  .lp-lp.pc4k-page .lp-p4-ba--hero {
    aspect-ratio: 4/5;
  }
}
.lp-lp.pc4k-page .lp-p4-layers {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 3.375rem;
  align-items: center;
}
.lp-lp.pc4k-page .lp-p4-lipzoom {
  position: relative;
  width: 100%;
  max-width: 36.25rem;
  margin: auto;
  border-radius: 1.25rem;
  overflow: hidden;
  box-shadow: 0 1.875rem 3.75rem -1.875rem var(--lp-c18);
  background: var(--lp-co);
}
.lp-lp.pc4k-page .lp-p4-lipzoom img {
  width: 100%;
  display: block;
  transition: transform 0.55s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.lp-lp.pc4k-page .lp-p4-lz-pt {
  position: absolute;
  width: 1.125rem;
  height: 1.125rem;
  margin: -0.5625rem 0 0 -0.5625rem;
  opacity: 0;
  cursor: zoom-in;
  z-index: 3;
} /* Required to override the thumbnail offsets while the CSS-only lightbox is open. */
.lp-lp.pc4k-page .lp-p4-lz-pt:checked {
  left: 0 !important;
  top: 0 !important;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  cursor: zoom-out;
}
.lp-lp.pc4k-page .lp-p4-lz-dot {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  margin: -0.75rem 0 0 -0.75rem;
  border-radius: 50%;
  display: grid;
  place-items: center;
  cursor: pointer;
  z-index: 4;
  background: var(--lp-c27);
  color: var(--lp-cf);
  font-size: 0.7rem;
  box-shadow: 0 0.1875rem 0.625rem var(--lp-c18);
  transition: opacity 0.3s;
}
.lp-lp.pc4k-page .lp-p4-lz-dot b {
  position: relative;
  z-index: 2;
}
.lp-lp.pc4k-page .lp-p4-lz-dot span {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: var(--lp-c28);
  animation: lzpulse 2.4s ease-out infinite;
}
@keyframes lzpulse {
  0% {
    transform: scale(1);
    opacity: 0.7;
  }
  70% {
    transform: scale(2.6);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.lp-lp.pc4k-page .lp-p4-lz-pt:checked ~ .lp-p4-lz-dot {
  opacity: 0;
  pointer-events: none;
}
.lp-lp.pc4k-page #lp-p4-lz1:checked ~ img {
  transform-origin: 43% 37%;
  transform: scale(3);
}
.lp-lp.pc4k-page #lp-p4-lz2:checked ~ img {
  transform-origin: 51% 43%;
  transform: scale(2.7);
}
.lp-lp.pc4k-page #lp-p4-lz3:checked ~ img {
  transform-origin: 40% 56%;
  transform: scale(2.7);
}
.lp-lp.pc4k-page #lp-p4-lz4:checked ~ img {
  transform-origin: 47% 65%;
  transform: scale(3);
}
.lp-lp.pc4k-page .lp-p4-lz-desc {
  position: absolute;
  left: 0.75rem;
  right: 0.75rem;
  bottom: 0.75rem;
  z-index: 6;
  padding: 0.75rem 1rem;
  border-radius: 0.875rem;
  background: var(--lp-c29);
  backdrop-filter: blur(0.75rem);
  -webkit-backdrop-filter: blur(0.75rem);
  border: 0.0625rem solid var(--lp-c2a);
  color: var(--lp-cf);
  font-size: 0.86rem;
  line-height: 1.45;
  min-height: 3.5rem;
  display: flex;
  align-items: center;
}
.lp-lp.pc4k-page .lp-p4-lz-desc b {
  color: var(--lp-c2b);
}
.lp-lp.pc4k-page .lp-p4-lz-hint {
  color: var(--lp-cf);
}
.lp-lp.pc4k-page .lp-p4-lz-cap {
  display: none;
}
.lp-lp.pc4k-page .lp-p4-lipzoom:has(.lp-p4-lz-pt:checked) .lp-p4-lz-hint {
  display: none;
}
.lp-lp.pc4k-page #lp-p4-lz1:checked ~ .lp-p4-lz-desc .lp-p4-lz-hint,
.lp-lp.pc4k-page #lp-p4-lz2:checked ~ .lp-p4-lz-desc .lp-p4-lz-hint,
.lp-lp.pc4k-page #lp-p4-lz3:checked ~ .lp-p4-lz-desc .lp-p4-lz-hint,
.lp-lp.pc4k-page #lp-p4-lz4:checked ~ .lp-p4-lz-desc .lp-p4-lz-hint {
  display: none;
}
.lp-lp.pc4k-page #lp-p4-lz1:checked ~ .lp-p4-lz-desc .lp-p4-c1,
.lp-lp.pc4k-page #lp-p4-lz2:checked ~ .lp-p4-lz-desc .lp-p4-c2,
.lp-lp.pc4k-page #lp-p4-lz3:checked ~ .lp-p4-lz-desc .lp-p4-c3,
.lp-lp.pc4k-page #lp-p4-lz4:checked ~ .lp-p4-lz-desc .lp-p4-c4 {
  display: block;
}
.lp-lp.pc4k-page .lp-p4-lay-list {
  display: grid;
  gap: 0.625rem;
}
.lp-lp.pc4k-page .lp-p4-lay {
  padding: 0.875rem 1rem;
  border-radius: 0.875rem;
  background: var(--lp-cf);
  border: 0.0625rem solid var(--lp-p4-line);
  cursor: pointer;
  transition: 0.2s;
  font-size: 1.2rem;
}
.lp-lp.pc4k-page .lp-p4-lay:hover {
  border-color: var(--lp-p4-coral);
  transform: translateX(0.25rem);
}
.lp-lp.pc4k-page .lp-p4-lay b {
  color: var(--lp-p4-coral-deep);
  font-weight: 500;
}
.lp-lp.pc4k-page .lp-p4-lay p {
  font-size: 1.06rem;
  color: var(--lp-p4-ink-soft);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s, margin 0.35s;
}
.lp-lp.pc4k-page .lp-p4-lay.lp-p4-open p {
  max-height: 3.75rem;
  margin-top: 0.375rem;
}
.lp-lp.pc4k-page .lp-p4-steps5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.125rem;
  margin-top: 2.875rem;
}
.lp-lp.pc4k-page .lp-p4-stepc {
  position: relative;
  background: var(--lp-cf);
  border: 0.0625rem solid var(--lp-p4-line);
  border-radius: 1.125rem;
  padding: 1.625rem 1.25rem 1.375rem;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  overflow: hidden !important;
}
.lp-lp.pc4k-page .lp-p4-stepc:hover {
  transform: translateY(-0.3125rem);
  box-shadow: 0 1.5rem 3rem -1.625rem var(--lp-cp);
  border-color: var(--lp-p4-coral);
}
.lp-lp.pc4k-page .lp-p4-stepc__img {
  display: block;
  height: 7.375rem;
  border-radius: 0.75rem;
  background-size: cover;
  background-position: center;
  margin-bottom: 1rem;
  box-shadow: inset 0 0 0 0.0625rem var(--lp-c19);
}
.lp-lp.pc4k-page .lp-p4-stepc:hover .lp-p4-stepc__img {
  box-shadow: inset 0 0 0 0.0625rem var(--lp-c2c);
}
.lp-lp.pc4k-page .lp-p4-stepc::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 0.25rem;
  width: 100%;
  border-radius: 1.125rem 1.125rem 0 0;
  background: linear-gradient(
    90deg,
    var(--lp-p4-coral-deep),
    var(--lp-p4-coral-soft)
  );
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.6s ease;
}
.lp-lp.pc4k-page .lp-p4-steps5.lp-p4-in .lp-p4-stepc::before {
  transform: scaleX(1);
}
.lp-lp.pc4k-page .lp-p4-steps5.lp-p4-in .lp-p4-stepc:nth-child(1)::before {
  transition-delay: 0.05s;
}
.lp-lp.pc4k-page .lp-p4-steps5.lp-p4-in .lp-p4-stepc:nth-child(2)::before {
  transition-delay: 0.18s;
}
.lp-lp.pc4k-page .lp-p4-steps5.lp-p4-in .lp-p4-stepc:nth-child(3)::before {
  transition-delay: 0.31s;
}
.lp-lp.pc4k-page .lp-p4-steps5.lp-p4-in .lp-p4-stepc:nth-child(4)::before {
  transition-delay: 0.44s;
}
.lp-lp.pc4k-page .lp-p4-steps5.lp-p4-in .lp-p4-stepc:nth-child(5)::before {
  transition-delay: 0.57s;
}
.lp-lp.pc4k-page .lp-p4-stepc__n {
  font-size: 1.7rem;
  color: var(--lp-p4-coral-deep);
  line-height: 1;
  margin-bottom: 0.75rem;
}
.lp-lp.pc4k-page .lp-p4-stepc h5 {
  font-size: 1.1rem;
  margin-bottom: 0.375rem;
  font-weight: 500;
}
.lp-lp.pc4k-page .lp-p4-stepc p {
  font-size: 1.04rem;
  color: var(--lp-p4-ink-soft);
  line-height: 1.5;
  text-align: justify;
}
.lp-lp.pc4k-page .lp-p4-stepc__tag {
  align-self: flex-start;
  font-size: 0.58rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--lp-cf);
  background: var(--lp-p4-coral-deep);
  padding: 0.35em 0.8em;
  border-radius: 62.4375rem;
  margin-bottom: 0.75rem;
}
.lp-lp.pc4k-page .lp-p4-stepc--hot {
  background: linear-gradient(160deg, var(--lp-c1d), var(--lp-cf));
  border-color: var(--lp-p4-coral);
  box-shadow: 0 1.125rem 2.5rem -1.375rem var(--lp-c2d);
}
.lp-lp.pc4k-page .lp-p4-stepc:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -0.6875rem;
  top: 2rem;
  z-index: 2;
  width: 1rem;
  height: 1rem;
  border-top: 0.125rem solid var(--lp-p4-coral);
  border-right: 0.125rem solid var(--lp-p4-coral);
  transform: rotate(45deg);
  background: var(--lp-p4-cream);
}
.lp-lp.pc4k-page .lp-p4-disc-hint {
  font-size: 0.85rem;
  color: var(--lp-p4-ink-soft);
}
.lp-lp.pc4k-page .lp-p4-sfr-grid {
  --lp-p4-sp-wax: rgba(218, 60, 88, 0.3);
  --lp-p4-sp-text: #000;
  --lp-p4-sp-selected-ring: #fff;
  --lp-p4-sp-glass-start: rgba(255, 255, 255, 0.05);
  --lp-p4-sp-glass-end: rgba(255, 255, 255, 0.15);
  --lp-p4-sp-shadow: rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 70.0625rem;
  margin: 1.5rem auto 0;
}
.lp-lp.pc4k-page .lp-p4-sfr-stage {
  position: relative;
  width: 100%;
  height: 32.4375rem;
}
.lp-lp.pc4k-page .lp-p4-sfr-preview {
  position: relative;
  z-index: 1;
  width: 46.625rem;
  height: 32.4375rem;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 0.875rem;
  background: var(--lp-p4-cream);
}
.lp-lp.pc4k-page .lp-p4-sfr-preview__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.lp-lp.pc4k-page .lp-p4-sfr-preview__panel {
  position: absolute;
  top: 50%;
  right: 2.375rem;
  display: grid;
  grid-template-rows: 10.875rem 1fr;
  width: 20.55rem;
  height: 27.0375rem;
  overflow: hidden;
  border-radius: 0.875rem;
  background: linear-gradient(
    180deg,
    var(--lp-p4-sp-glass-start) 0%,
    var(--lp-p4-sp-glass-end) 100%
  );
  box-shadow: 0 0.21875rem 1.3125rem 0 var(--lp-p4-sp-shadow);
  transform: translateY(-50%);
}
.lp-lp.pc4k-page .lp-p4-sfr-preview__wax {
  background: var(--lp-p4-sp-wax);
  transition: background-color 0.25s ease;
}
.lp-lp.pc4k-page .lp-p4-sfr-preview__code {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 1.25rem;
  color: var(--lp-p4-sp-text);
  font-size: 0.875rem;
  line-height: 1.1;
  text-transform: uppercase;
}
.lp-lp.pc4k-page .lp-p4-sfr-preview__code strong {
  margin-top: 0.25rem;
  font-size: 1.0875rem;
  font-weight: 500;
  letter-spacing: 0.04em;
}
.lp-lp.pc4k-page .lp-p4-sfr__sw {
  display: grid;
  grid-template-columns: repeat(5, 8.1375rem);
  gap: 1.5rem;
  justify-content: center;
  margin-top: 1.5rem;
}
.lp-lp.pc4k-page .lp-p4-sfr__option {
  width: 8.1375rem;
  height: 2.66875rem;
  border: 0.0875rem solid transparent;
  border-radius: 0.875rem;
  background: var(--lp-p4-sp-color);
  color: var(--lp-p4-sp-text);
  cursor: pointer;
  font-size: 1.275rem;
  font-weight: 300 !important;
  text-align: center;
  line-height: 1;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease,
    transform 0.2s ease;
}
.lp-lp.pc4k-page .lp-p4-sfr__option:hover {
  transform: translateY(-0.125rem);
}
.lp-lp.pc4k-page .lp-p4-sfr__option.lp-p4-on {
  border-color: var(--lp-p4-sp-selected-ring);
  box-shadow: 0 0 0.875rem 0 var(--lp-p4-sp-selected-ring) inset;
  font-weight: 700;
  color: #fff;	
}
.lp-lp.pc4k-page .lp-p4-sfr__option:focus-visible {
  outline: var(--lp-focus-width) solid var(--lp-color-focus);
  outline-offset: var(--lp-focus-offset);
  color: #fff;	 
}
@media (max-width: 75rem) {
  .lp-lp.pc4k-page .lp-p4-sfr-stage {
    width: min(100%, 70.0625rem);
    height: auto;
    aspect-ratio: 1121 / 519;
  }
  .lp-lp.pc4k-page .lp-p4-sfr-preview {
    width: 66.548%;
    height: 100%;
  }
  .lp-lp.pc4k-page .lp-p4-sfr-preview__panel {
    right: 5.094%;
    grid-template-rows: 40.222% 1fr;
    width: 39.785%;
    height: 83.351%;
  }
}
@media (max-width: 48rem) {
  .lp-lp.pc4k-page .lp-p4-sfr-stage {
    aspect-ratio: 1.65;
  }
  .lp-lp.pc4k-page .lp-p4-sfr-preview {
    top: 50%;
    width: 72%;
    height: auto;
    aspect-ratio: 746 / 519;
    transform: translateY(-50%);
  }
  .lp-lp.pc4k-page .lp-p4-sfr-preview__panel {
		right: 0;
		grid-template-rows: 57% 1fr;
        width: 49%;
        height: 85%;
  }
  .lp-lp.pc4k-page .lp-p4-sfr-preview__code {
    padding: 0.5rem;
    font-size: clamp(0.5rem, 2.3vw, 0.75rem);
  }
  .lp-lp.pc4k-page .lp-p4-sfr-preview__code strong {
    font-size: clamp(0.45rem, 2vw, 0.625rem);
  }
  .lp-lp.pc4k-page .lp-p4-sfr__sw {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    width: 100%;
  }
  .lp-lp.pc4k-page .lp-p4-sfr__option {
    width: 100%;
    font-size: 1.1rem;
    height: 1.9rem;
  }
	.lp-p4-wrap.lp-p4-master, .lp-p4-wrap.lp-p4-u-098 {
		margin-top: -60px !important;
	}
	.lp-p4-wrap.lp-p4-formsec {
		margin-top: -75px !important;
	}
	.lp-lp.pc4k-page .lp-p4-kinetic {
		padding-top: 0 !important;
	}
}
@media (prefers-reduced-motion: reduce) {
  .lp-lp.pc4k-page .lp-p4-sfr-preview__wax,
  .lp-lp.pc4k-page .lp-p4-sfr__option {
    transition: none;
  }
}
.lp-lp.pc4k-page .lp-p4-master {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 2.875rem;
  align-items: center;
}
.lp-lp.pc4k-page .lp-p4-portrait {
  position: relative;
  aspect-ratio: 4.8 / 5;
  overflow: hidden;
  border-radius: 1.375rem;
  background: linear-gradient(160deg, var(--lp-c2h), var(--lp-c2i));
  box-shadow: 0 1.875rem 3.75rem -1.875rem var(--lp-c18);
  isolation: isolate;
}
/* =====================================================
   MASTER IMAGE SLIDER
   ===================================================== */

.lp-lp.pc4k-page .lp-p4-master-slider {
  cursor: default;
}

.lp-lp.pc4k-page .lp-p4-master-slider__viewport {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
}

.lp-lp.pc4k-page .lp-p4-master-slide {
  position: absolute;
  inset: 0;
  z-index: 1;
  margin: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateX(8%);
  transition: opacity 0.55s ease,
    transform 0.65s cubic-bezier(0.22, 0.61, 0.36, 1);
  will-change: opacity, transform;
}

.lp-lp.pc4k-page .lp-p4-master-slide img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center top;
}

.lp-lp.pc4k-page .lp-p4-master-slide.lp-p4-is-active {
  z-index: 2;
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}

/* Ảnh mới chuẩn bị đi vào từ bên phải */
.lp-lp.pc4k-page .lp-p4-master-slide.lp-p4-from-right {
  opacity: 0;
  transform: translateX(10%);
}

/* Ảnh mới chuẩn bị đi vào từ bên trái */
.lp-lp.pc4k-page .lp-p4-master-slide.lp-p4-from-left {
  opacity: 0;
  transform: translateX(-10%);
}

/* Ảnh cũ đi ra bên trái */
.lp-lp.pc4k-page .lp-p4-master-slide.lp-p4-to-left {
  z-index: 1;
  opacity: 0;
  transform: translateX(-10%);
}

/* Ảnh cũ đi ra bên phải */
.lp-lp.pc4k-page .lp-p4-master-slide.lp-p4-to-right {
  z-index: 1;
  opacity: 0;
  transform: translateX(10%);
}

/* Prev / Next */

.lp-lp.pc4k-page .lp-p4-master-slider__nav {
  position: absolute;
  top: 50%;
  z-index: 5;
  width: 3rem;
  height: 3rem;
  display: grid;
  place-items: center;
  border: 0.0625rem solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  color: #fff;
  background: rgba(35, 24, 20, 0.42);
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(0.5rem);
  -webkit-backdrop-filter: blur(0.5rem);
  cursor: pointer;
  transform: translateY(-50%);
  transition: background-color 0.25s ease, border-color 0.25s ease,
    transform 0.25s ease;
}

.lp-lp.pc4k-page .lp-p4-master-slider__nav span {
  display: block;
  font-size: 2rem;
  line-height: 1;
  transform: translateY(-0.0625rem);
}

.lp-lp.pc4k-page .lp-p4-master-slider__nav:hover {
  border-color: rgba(255, 255, 255, 0.9);
  background: rgba(209, 59, 21, 0.82);
}

.lp-lp.pc4k-page .lp-p4-master-slider__nav:focus-visible {
  outline: 0.1875rem solid #fff;
  outline-offset: 0.1875rem;
}

.lp-lp.pc4k-page .lp-p4-master-slider__prev {
  left: 1rem;
}

.lp-lp.pc4k-page .lp-p4-master-slider__next {
  right: 1rem;
}

/* Counter */

.lp-lp.pc4k-page .lp-p4-master-slider__counter {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 2rem;
  padding: 0.35rem 0.8rem;
  border: 0.0625rem solid rgba(255, 255, 255, 0.32);
  border-radius: 999px;
  color: #fff;
  background: rgba(35, 24, 20, 0.42);
  backdrop-filter: blur(0.5rem);
  -webkit-backdrop-filter: blur(0.5rem);
  font-size: 0.82rem;
  letter-spacing: 0.08em;
}
.lp-lp.pc4k-page .lp-p4-pillars {
  display: grid;
  gap: 0.875rem;
}
.lp-lp.pc4k-page .lp-p4-pillar {
  display: flex;
  gap: 0.875rem;
  padding: 1rem;
  border-radius: 1rem;
  background: var(--lp-cf);
  border: 0.0625rem solid var(--lp-p4-line);
}
.lp-lp.pc4k-page .lp-p4-pillar .lp-p4-pn {
  flex: 0 0 2.5rem;
  height: 2.5rem;
  border-radius: 0.75rem;
  background: var(--lp-p4-blush);
  display: grid;
  place-items: center;
  color: var(--lp-p4-coral-deep);
  font-weight: 500;
}
.lp-lp.pc4k-page .lp-p4-pillar h5 {
  font-size: 1.4rem;
  font-weight: 500;
}
.lp-lp.pc4k-page .lp-p4-pillar p {
  font-size: 1.06rem;
  color: var(--lp-p4-ink-soft);
}
.lp-lp.pc4k-page .lp-p4-awards {
  margin-top: 3.5rem;
}
.lp-lp.pc4k-page .lp-p4-awards-head {
  text-align: center;
  margin-bottom: 1.5rem;
}
.lp-lp.pc4k-page .lp-p4-awards-head h3 {
  font-size: clamp(1.3rem, 3.2vw, 2rem);
  letter-spacing: 0.02em;
  color: var(--lp-p4-ink);
}
.lp-lp.pc4k-page .lp-p4-awards-head p {
  color: var(--lp-p4-ink-soft);
  font-size: 1.15rem;
  max-width: 32.5rem;
  margin: 0 auto;
}
.lp-lp.pc4k-page .lp-p4-awards-grid {
  display: flex;
  gap: 1.125rem;
  justify-content: center;
  flex-wrap: wrap;
}
.lp-lp.pc4k-page .lp-p4-award {
  flex: 0 0 18.75rem;
  max-width: 20.625rem;
  background: var(--lp-cf);
  border: 0.0625rem solid var(--lp-p4-line);
  border-radius: 1.125rem;
  padding: 1.75rem 1.5rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1rem 2.5rem -1.875rem var(--lp-c18);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.lp-lp.pc4k-page .lp-p4-award:hover {
  transform: translateY(-0.3125rem);
  box-shadow: 0 1.625rem 3.125rem -1.75rem var(--lp-c2j);
  border-color: var(--lp-c2k);
}
.lp-lp.pc4k-page .lp-p4-award::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0.1875rem;
  background: linear-gradient(
    90deg,
    var(--lp-c2k),
    var(--lp-c2l),
    var(--lp-c2k)
  );
}
.lp-lp.pc4k-page .lp-p4-award__ic {
  width: 3.375rem;
  height: 3.375rem;
  border-radius: 0.875rem;
  display: grid;
  place-items: center;
  background: linear-gradient(160deg, var(--lp-c2m), var(--lp-c2n));
  color: var(--lp-c2o);
  margin-bottom: 1rem;
}
.lp-lp.pc4k-page .lp-p4-award h5 {
  font-size: 1.22rem;
  line-height: 1.35;
  color: var(--lp-p4-ink);
  margin-bottom: 0.375rem;
  font-weight: 500;
}
.lp-lp.pc4k-page .lp-p4-award p {
  font-size: 1.13rem;
  color: var(--lp-p4-ink-soft);
}
@keyframes baPulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.6;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.9);
    opacity: 0;
  }
}
.lp-lp.pc4k-page .lp-p4-tabs {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1.125rem;
  flex-wrap: wrap;
}
.lp-lp.pc4k-page .lp-p4-tab {
  border: 0;
  background: var(--lp-cf);
  border: 0.0625rem solid var(--lp-p4-line);
  padding: 0.4em 1.2em;
  border-radius: 62.4375rem;
  font-family: var(--lp-p4-font);
  font-weight: 600;
  cursor: pointer;
  color: var(--lp-p4-ink-soft);
}
.lp-lp.pc4k-page .lp-p4-tab.lp-p4-on {
  background: var(--lp-p4-blush);
  color: var(--lp-p4-coral-deep);
  border-color: var(--lp-p4-coral);
}
.lp-lp.pc4k-page .lp-p4-acc {
  border-bottom: 0.0625rem solid var(--lp-p4-line);
}
.lp-lp.pc4k-page .lp-p4-acc__q {
  width: 100%;
  text-align: left;
  background: transparent;
  border: 0;
  font-family: var(--lp-p4-font);
  font-weight: 600;
  font-size: 1.2rem;
  color: var(--lp-p4-ink);
  padding: 1.125rem 2.5rem 1.125rem 0;
  cursor: pointer;
  position: relative;
}
.lp-lp.pc4k-page .lp-p4-acc__q::after {
  content: "+";
  position: absolute;
  right: 0.375rem;
  top: 1rem;
  font-size: 1.4rem;
  color: var(--lp-p4-coral-deep);
  transition: transform 0.3s;
}
.lp-lp.pc4k-page .lp-p4-acc.lp-p4-open .lp-p4-acc__q::after {
  transform: rotate(45deg);
}
.lp-lp.pc4k-page .lp-p4-acc__a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  color: var(--lp-p4-ink-soft);
  font-size: 0.92rem;
}
.lp-lp.pc4k-page .lp-p4-acc.lp-p4-open .lp-p4-acc__a {
  max-height: 40rem;
}
.lp-lp.pc4k-page .lp-p4-acc__a p {
  padding: 0 0 1.125rem;
  font-size: 1.1rem;
}
.lp-lp.pc4k-page .lp-p4-formsec {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.875rem;
  align-items: center;
}
.lp-lp.pc4k-page .lp-p4-formvis {
  border-radius: 1.375rem;
  overflow: hidden;
  aspect-ratio: 4/5;
  background: linear-gradient(160deg, var(--lp-c2h), var(--lp-c2i));
  background-size: cover;
  background-position: center top;
  position: relative;
}
.lp-lp.pc4k-page .lp-p4-fcard {
  background: var(--lp-cf);
  border-radius: 1.375rem;
  padding: 1.75rem;
  box-shadow: 0 1.875rem 3.75rem -2.125rem var(--lp-c2s);
  border: 0.0625rem solid var(--lp-p4-line);
}
.lp-lp.pc4k-page #lp-p4-s6b {
  background: linear-gradient(180deg, var(--lp-c6), var(--lp-c2t));
  overflow: hidden;
  opacity: 1;
  transform: none;
}
.lp-lp.pc4k-page .lp-p4-cat-intro {
  text-align: center;
  margin-bottom: 1.875rem;
}
.lp-lp.pc4k-page .lp-p4-cat-intro .lp-p4-eyebrow,
.lp-lp.pc4k-page .lp-p4-cat-intro h2 {
  text-align: center;
}
.lp-lp.pc4k-page .lp-p4-cat-intro .lp-p4-lead {
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.lp-lp.pc4k-page .lp-p4-flipbook-stage {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  --lp-p4-pw: min(37.5rem, 45vw);
  --lp-p4-ph: calc(var(--lp-p4-pw) * 1.334);
  min-height: calc(var(--lp-p4-ph) + 1.875rem);
}
.lp-lp.pc4k-page .lp-p4-fb-nav {
  flex: 0 0 auto;
  width: 3.375rem;
  height: 3.375rem;
  border-radius: 50%;
  border: 0.09375rem solid var(--lp-p4-coral-deep);
  background: var(--lp-cf);
  color: var(--lp-p4-coral-deep);
  font-size: 1.7rem;
  line-height: 1;
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: 0.2s;
  box-shadow: 0 0.625rem 1.5rem -0.875rem var(--lp-c28);
}
.lp-lp.pc4k-page .lp-p4-fb-nav:hover {
  background: var(--lp-p4-coral-deep);
  color: var(--lp-cf);
  transform: translateY(-0.125rem);
}
.lp-lp.pc4k-page .lp-p4-fb-nav:disabled {
  opacity: 0.3;
  cursor: default;
  transform: none;
  background: var(--lp-cf);
  color: var(--lp-p4-coral-deep);
}
.lp-lp.pc4k-page .lp-p4-book {
  position: relative;
  width: var(--lp-p4-pw);
  height: var(--lp-p4-ph);
  transition: transform 0.5s ease;
}
.lp-lp.pc4k-page .lp-p4-book.lp-p4-closed {
  transform: translateX(0);
}
.lp-lp.pc4k-page .lp-p4-book.lp-p4-open {
  transform: translateX(50%);
}
.lp-lp.pc4k-page .lp-p4-paper {
  position: absolute;
  inset: 0;
  perspective: 137.5rem;
}
.lp-lp.pc4k-page .lp-p4-page {
  position: absolute;
  inset: 0;
  transform-origin: left center;
  transition: transform 0.85s cubic-bezier(0.3, 0.1, 0.2, 1);
  overflow: hidden;
  border-radius: 0.125rem 0.625rem 0.625rem 0.125rem;
  box-shadow: 0 1.875rem 4rem -1.875rem var(--lp-c2u);
  cursor: pointer;
}
.lp-lp.pc4k-page .lp-p4-page.lp-p4-front {
  z-index: 1;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.lp-lp.pc4k-page .lp-p4-page.lp-p4-back {
  z-index: 0;
}
.lp-lp.pc4k-page .lp-p4-page .lp-p4-pg {
  position: absolute;
  inset: 0;
}
.lp-lp.pc4k-page .lp-p4-page .lp-p4-pg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  user-select: none;
  -webkit-user-drag: none;
}
.lp-lp.pc4k-page .lp-p4-page.lp-p4-back .lp-p4-pg {
  transform: rotateY(180deg);
}
.lp-lp.pc4k-page .lp-p4-paper.lp-p4-flipped .lp-p4-page.lp-p4-front {
  transform: rotateY(-180deg);
  z-index: 0;
}
.lp-lp.pc4k-page .lp-p4-paper.lp-p4-flipped .lp-p4-page.lp-p4-back {
  transform: rotateY(-180deg);
  z-index: 1;
}
.lp-lp.pc4k-page .lp-p4-fb-counter {
  display: inline-block;
  margin-top: 1.25rem;
  font-size: 0.84rem;
  color: var(--lp-p4-ink-soft);
  text-align: center;
}
@media (max-width: 35rem) {
  .lp-lp.pc4k-page .lp-p4-flipbook-stage {
    --lp-p4-pw: min(22.5rem, 80vw);
    gap: 0.5rem;
  }
  .lp-lp.pc4k-page .lp-p4-fb-nav {
    width: 2.75rem;
    height: 2.75rem;
  }
}
.lp-lp.pc4k-page .lp-p4-youtube {
  width: min(100%, 70rem);
  aspect-ratio: 16/9;
  margin: 1.75rem auto 0;
  border-radius: 1.25rem;
  overflow: hidden;
  background: var(--lp-c30);
  box-shadow: 0 1.5rem 3.25rem -1.75rem var(--lp-c18);
}
.lp-lp.pc4k-page .lp-p4-youtube iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.lp-lp.pc4k-page .lp-p4-shorts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  width: min(100%, 70rem);
  margin: 1.5rem auto 0;
}
.lp-lp.pc4k-page .lp-p4-shorts:focus-visible {
  outline: var(--lp-focus-width) solid var(--lp-color-focus);
  outline-offset: var(--lp-focus-offset);
}
.lp-lp.pc4k-page .lp-p4-short {
  aspect-ratio: 9 / 16;
  min-width: 0;
  overflow: hidden;
  border-radius: 1.25rem;
  background: var(--lp-c30);
  box-shadow: 0 1.25rem 2.75rem -1.5rem var(--lp-c18);
}
.lp-lp.pc4k-page .lp-p4-short iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
@media (prefers-reduced-motion: reduce) {
  .lp-lp.pc4k-page .lp-p4-master-slide {
    transition: none;
  }
}
@media (max-width: 48rem) {
  .lp-lp.pc4k-page .lp-p4-master-slider__nav {
    width: 2.625rem;
    height: 2.625rem;
  }

  .lp-lp.pc4k-page .lp-p4-master-slider__nav span {
    font-size: 1.7rem;
  }

  .lp-lp.pc4k-page .lp-p4-master-slider__prev {
    left: 0.75rem;
  }

  .lp-lp.pc4k-page .lp-p4-master-slider__next {
    right: 0.75rem;
  }

  .lp-lp.pc4k-page .lp-p4-master-slider__counter {
    right: 0.75rem;
    bottom: 0.75rem;
  }
  .lp-lp.pc4k-page .lp-p4-shorts {
    display: flex;
    gap: 1rem;
    justify-content: flex-start;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 0.75rem;
    scroll-padding-inline: 0;
    scroll-snap-type: x mandatory;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
    scrollbar-color: var(--lp-p4-coral-deep) var(--lp-p4-line);
    touch-action: pan-x pan-y;
  }
  .lp-lp.pc4k-page .lp-p4-shorts::-webkit-scrollbar {
    height: 0.25rem;
  }
  .lp-lp.pc4k-page .lp-p4-shorts::-webkit-scrollbar-track {
    background: var(--lp-p4-line);
  }
  .lp-lp.pc4k-page .lp-p4-shorts::-webkit-scrollbar-thumb {
    border-radius: 62.4375rem;
    background: var(--lp-p4-coral-deep);
  }
  .lp-lp.pc4k-page .lp-p4-short {
    flex: 0 0 min(78vw, 20rem);
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
}
.lp-lp.pc4k-page #lp-p4-s10 {
  opacity: 1;
  transform: none;
}
.lp-lp.pc4k-page .lp-p4-case-study {
  --lp-p4-case-dark: linear-gradient(165deg, var(--lp-c1o) 0%, var(--lp-c1p) 46%, var(--lp-c1q) 100%  );
  --lp-p4-case-panel: #111;
  --lp-p4-case-white: #fff;
  --lp-p4-case-coral: #e98569;
  --lp-p4-case-coral-deep: #c96850;
  --lp-p4-case-coral-bright: #f7a087;
  --lp-p4-case-line: rgba(255, 255, 255, 0.11);
  --lp-p4-case-copy: rgba(255, 255, 255, 0.72);
  --lp-p4-case-muted: rgba(255, 255, 255, 0.56);
  --lp-p4-case-shadow: rgba(0, 0, 0, 0.24);
  width: calc(100% + 3rem);
  margin: 5rem -1.5rem 0;
  padding: 0 1rem 5.75rem;
  overflow: hidden;
  background: var(--lp-p4-case-dark);
}
.lp-lp.pc4k-page .lp-p4-case-slider {
  width: min(75.75rem, 100%);
  margin: 0 auto;
  transform: translateY(3.625rem);
}
.lp-lp.pc4k-page .lp-p4-case-track {
  display: flex;
  gap: 0.875rem;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  touch-action: pan-y;
  cursor: grab;
}
.lp-lp.pc4k-page .lp-p4-case-track::-webkit-scrollbar {
  display: none;
}
.lp-lp.pc4k-page .lp-p4-case-track.lp-p4-is-dragging {
  cursor: grabbing;
  scroll-behavior: auto;
  user-select: none;
}
.lp-lp.pc4k-page .lp-p4-case-track:focus-visible {
  outline: var(--lp-focus-width) solid var(--lp-color-focus);
  outline-offset: var(--lp-focus-offset);
}
.lp-lp.pc4k-page .lp-p4-case-card {
  flex: 0 0 100%;
  min-width: 0;
  padding: 1.125rem;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  border: 0.0625rem solid var(--lp-p4-case-line);
  border-radius: 1.625rem;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.075),
    rgba(255, 255, 255, 0.025)
  );
  box-shadow: 0 1.875rem 5rem var(--lp-p4-case-shadow);
  transition: transform 0.28s ease, border-color 0.28s ease;
}
.lp-lp.pc4k-page .lp-p4-case-card:hover {
  border-color: rgba(247, 160, 135, 0.5);
  transform: translateY(-0.3125rem);
}
.lp-lp.pc4k-page .lp-p4-case-card__head {
  margin-bottom: 0.875rem;
  color: var(--lp-p4-case-white);
  text-align: center;
}
.lp-lp.pc4k-page .lp-p4-case-card__index {
  margin-bottom: 0.3125rem;
  color: var(--lp-p4-case-coral-bright);
  font-size: 0.9875rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
}
.lp-lp.pc4k-page .lp-p4-case-card__title {
  color: var(--lp-p4-case-white);
  font-size: 1.675rem;
  line-height: 1.15;
  font-weight: 400;
}
.lp-lp.pc4k-page .lp-p4-case-card__note {
  margin-top: 0.375rem;
  color: var(--lp-p4-case-muted);
  font-size: 0.75rem;
}
.lp-lp.pc4k-page .lp-p4-case-comparison {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 34.375rem));
  justify-content: center;
  gap: 0.5rem;
}
.lp-lp.pc4k-page .lp-p4-case-panel {
  position: relative;
  width: 100%;
  max-width: 34.375rem;
  min-width: 0;
  aspect-ratio: 55 / 72;
  overflow: hidden;
  border-radius: 1.125rem;
  background: var(--lp-p4-case-panel);
  isolation: isolate;
}
.lp-lp.pc4k-page .lp-p4-case-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.lp-lp.pc4k-page .lp-p4-case-panel--after img {
  transform: scale(1.015);
}
.lp-lp.pc4k-page .lp-p4-case-card:hover .lp-p4-case-panel--after img {
  transform: scale(1.045);
}
.lp-lp.pc4k-page .lp-p4-case-panel::after,
.lp-lp.pc4k-page .lp-p4-case-mobile-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to top, rgba(12, 8, 7, 0.62), transparent 42%);
}
.lp-lp.pc4k-page .lp-p4-case-panel figcaption,
.lp-lp.pc4k-page .lp-p4-case-mobile-stage__status {
  position: absolute;
  left: 0.875rem;
  bottom: 0.875rem;
  z-index: 2;
  min-height: 1.875rem;
  padding: 0.4375rem 0.75rem;
  border: 0.0625rem solid rgba(255, 255, 255, 0.22);
  border-radius: 62.4375rem;
  color: rgba(255, 255, 255, 0.86);
  background: rgba(24, 19, 17, 0.4);
  font-size: 0.6875rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.lp-lp.pc4k-page .lp-p4-case-panel--after figcaption {
  border-color: rgba(247, 160, 135, 0.58);
  color: var(--lp-p4-case-white);
  background: rgba(233, 133, 105, 0.78);
}
.lp-lp.pc4k-page .lp-p4-case-card__caption {
  max-width: 47.5rem;
  margin: 0.8125rem auto 0.125rem;
  color: var(--lp-p4-case-copy);
  font-size: 1.275rem;
  line-height: 1.6;
  text-align: center;
}
.lp-lp.pc4k-page .lp-p4-case-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.875rem;
  margin-top: 1rem;
}
.lp-lp.pc4k-page .lp-p4-case-controls > button {
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  border: 0.0625rem solid rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  color: var(--lp-p4-case-white);
  background: rgba(255, 255, 255, 0.055);
  cursor: pointer;
}
.lp-lp.pc4k-page .lp-p4-case-controls > button:disabled {
  opacity: 0.3;
  cursor: default;
}
.lp-lp.pc4k-page .lp-p4-case-controls > button:focus-visible,
.lp-lp.pc4k-page .lp-p4-case-dots button:focus-visible,
.lp-lp.pc4k-page .lp-p4-case-tabs button:focus-visible {
  outline: var(--lp-focus-width) solid var(--lp-color-focus);
  outline-offset: var(--lp-focus-offset);
}
.lp-lp.pc4k-page .lp-p4-case-dots {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.lp-lp.pc4k-page .lp-p4-case-dots button {
  width: 0.5625rem;
  height: 0.5625rem;
  border: 0;
  border-radius: 62.4375rem;
  background: rgba(255, 255, 255, 0.27);
  cursor: pointer;
  transition: width 0.22s ease, background-color 0.22s ease;
}
.lp-lp.pc4k-page .lp-p4-case-dots button.lp-p4-is-active {
  width: 1.75rem;
  background: var(--lp-p4-case-coral);
}
.lp-lp.pc4k-page .lp-p4-case-hint {
  margin-top: 0.625rem;
  color: rgba(255, 255, 255, 0.46);
  font-size: 0.75rem;
  text-align: center;
}
.lp-lp.pc4k-page .lp-p4-case-tabs,
.lp-lp.pc4k-page .lp-p4-case-mobile-stage {
  display: none;
}
@media (max-width: 48rem) {
  .lp-lp.pc4k-page .lp-p4-case-study {
    margin-top: 4rem;
    padding-bottom: 4.75rem;
  }
  .lp-lp.pc4k-page .lp-p4-case-slider {
    transform: translateY(1.5rem);
  }
  .lp-lp.pc4k-page .lp-p4-case-track {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.125rem;
    overflow: visible;
    scroll-snap-type: none;
    cursor: auto;
    touch-action: auto;
  }
  .lp-lp.pc4k-page .lp-p4-case-card {
    padding: 1rem;
    border-radius: 1.375rem;
  }
  .lp-lp.pc4k-page .lp-p4-case-card__title {
    font-size: 1.25rem;
  }
  .lp-lp.pc4k-page .lp-p4-case-card__note,
  .lp-lp.pc4k-page .lp-p4-case-comparison,
  .lp-lp.pc4k-page .lp-p4-case-controls,
  .lp-lp.pc4k-page .lp-p4-case-hint {
    display: none;
  }
  .lp-lp.pc4k-page .lp-p4-case-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.4375rem;
    margin-bottom: 0.625rem;
    padding: 0.3125rem;
    border: 0.0625rem solid var(--lp-p4-case-line);
    border-radius: 62.4375rem;
    background: rgba(255, 255, 255, 0.035);
  }
  .lp-lp.pc4k-page .lp-p4-case-tabs button {
    min-height: 2.625rem;
    border: 0;
    border-radius: 62.4375rem;
    color: rgba(255, 255, 255, 0.64);
    background: transparent;
    font-size: 0.75rem;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
  }
  .lp-lp.pc4k-page .lp-p4-case-tabs button[aria-pressed="true"] {
    color: var(--lp-p4-case-white);
    background: linear-gradient(
      120deg,
      var(--lp-p4-case-coral-deep),
      var(--lp-p4-case-coral)
    );
    box-shadow: 0 0.5625rem 1.5rem rgba(233, 133, 105, 0.28);
  }
  .lp-lp.pc4k-page .lp-p4-case-mobile-stage {
    position: relative;
    display: block;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    border-radius: 1.0625rem;
    background: var(--lp-p4-case-panel);
  }
  .lp-lp.pc4k-page .lp-p4-case-mobile-stage img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    transform: scale(1.025);
    transition: opacity 0.39s ease,
      transform 0.65s cubic-bezier(0.2, 0.7, 0.2, 1);
  }
  .lp-lp.pc4k-page .lp-p4-case-mobile-stage img.lp-p4-is-active {
    opacity: 1;
    transform: scale(1);
  }
  .lp-lp.pc4k-page .lp-p4-case-mobile-stage__status {
    margin: 0;
    color: var(--lp-p4-case-white);
    background: rgba(24, 19, 17, 0.54);
  }
  .lp-lp.pc4k-page .lp-p4-case-card__caption {
    margin-top: 0.875rem;
    font-size: 1.0125rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lp-lp.pc4k-page .lp-p4-case-card,
  .lp-lp.pc4k-page .lp-p4-case-panel img,
  .lp-lp.pc4k-page .lp-p4-case-dots button,
  .lp-lp.pc4k-page .lp-p4-case-mobile-stage img {
    transition: none;
  }
}
@keyframes fabPulse {
  0% {
    transform: scale(1);
    opacity: 0.65;
  }
  70% {
    transform: scale(1.55);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@media (max-width: 48rem) {
  /* Mobile Magazine Horizontal Parallax / Drag Slider */
  .lp-lp.pc4k-page .lp-p4-flipbook-stage {
    padding-inline: 0 !important;
    margin: 1.5rem auto 1rem !important;
    height: auto !important;
    min-height: 0 !important;
    width: 100% !important;
  }
  .lp-lp.pc4k-page .lp-p4-fb-nav {
    display: none !important;
  }
  .lp-lp.pc4k-page .lp-p4-book {
    display: flex !important;
    flex-direction: row !important;
    gap: 1.125rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    perspective: none !important;
    transform: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 0.5rem 1.25rem 1.75rem !important;
    touch-action: pan-x pan-y !important;
    cursor: grab !important;
    box-sizing: border-box !important;
  }
  .lp-lp.pc4k-page .lp-p4-book::-webkit-scrollbar {
    display: none !important;
  }
  .lp-lp.pc4k-page .lp-p4-paper {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    transform-style: flat !important;
    flex: 0 0 auto !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 1.125rem !important;
    width: auto !important;
    height: auto !important;
    z-index: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: none !important;
    background: transparent !important;
  }
  .lp-lp.pc4k-page .lp-p4-page {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    flex: 0 0 calc(82vw - 1.5rem) !important;
    max-width: 19rem !important;
    width: calc(82vw - 1.5rem) !important;
    height: auto !important;
    aspect-ratio: 820 / 1094 !important;
    transform: none !important;
    backface-visibility: visible !important;
    -webkit-backface-visibility: visible !important;
    box-shadow: 0 1rem 2.5rem -0.5rem rgba(58, 42, 36, 0.22) !important;
    border-radius: 1.25rem !important;
    overflow: hidden !important;
    scroll-snap-align: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: #ffffff !important;
    cursor: zoom-in !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  }
  .lp-lp.pc4k-page .lp-p4-page.lp-p4-back,
  .lp-lp.pc4k-page .lp-p4-page.lp-p4-back .lp-p4-pg,
  .lp-lp.pc4k-page .lp-p4-page.lp-p4-back .lp-p4-pg img {
    transform: none !important;
    backface-visibility: visible !important;
    -webkit-backface-visibility: visible !important;
  }
  .lp-lp.pc4k-page .lp-p4-page.lp-p4-flipped {
    transform: none !important;
  }
  .lp-lp.pc4k-page .lp-p4-pg {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
  }
  .lp-lp.pc4k-page .lp-p4-pg img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 1.25rem !important;
  }
  .lp-lp.pc4k-page .lp-p4-page--desktop-only,
  .lp-lp.pc4k-page .lp-p4-page--desktop-duplicate {
    display: none;
  }
  .lp-lp.pc4k-page .lp-p4-fb-counter {
    display: none !important;
  }

  .lp-lp.pc4k-page .lp-p4-split2,
  .lp-lp.pc4k-page .lp-p4-s4,
  .lp-lp.pc4k-page .lp-p4-layers,
  .lp-lp.pc4k-page .lp-p4-wheel-wrap,
  .lp-lp.pc4k-page .lp-p4-master,
  .lp-lp.pc4k-page .lp-p4-formsec {
    grid-template-columns: 1fr;
  }
  .lp-lp.pc4k-page .lp-p4-steps5 {
    grid-template-columns: 1fr;
    gap: 0.875rem;
  }
  .lp-lp.pc4k-page .lp-p4-stepc:not(:last-child)::after {
    display: none;
  }
  .lp-lp.pc4k-page .lp-p4-gal {
    grid-template-columns: 1fr 1fr;
  }
  .lp-lp.pc4k-page .lp-p4-hero__media img {
    object-position: 72% top;
  }
  .lp-lp.pc4k-page .lp-p4-hero {
    align-items: flex-start;
    min-height: var(--lp-p4-hero-stable-height, 92svh);
  }
  .lp-lp.pc4k-page .lp-p4-hero__scrim {
    background: linear-gradient(
      180deg,
      var(--lp-c35) 0%,
      var(--lp-c36) 55%,
      var(--lp-cg) 100%
    );
  }
  .lp-lp.pc4k-page .lp-p4-hero.lp-p4-is-banner .lp-p4-hero__inner {
    opacity: 1 !important;
    pointer-events: auto !important;
    display: block !important;
  }
  .lp-lp.pc4k-page .lp-p4-hero.lp-p4-is-banner .lp-p4-hero__copy {
    display: none !important;
  }
  .lp-lp.pc4k-page .lp-p4-try {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    margin-top: 1.625rem;
  }
}

/* =========================================================
   SECTION S7 UNDERTONE 4 SEASONS PANTONE SWATCHES
   ========================================================= */
.lp-lp.pc4k-page .lp-p4-season-box {
  position: absolute;
  z-index: 2;
  display: block;
  width: 9.75rem;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: 0;
  border-radius: 0;
  background: transparent;
  transition: transform 0.25s ease, filter 0.25s ease;
  user-select: none;
}
.lp-lp.pc4k-page .lp-p4-season-box img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 0.625rem 0.75rem var(--lp-p4-sp-shadow));
}
.lp-lp.pc4k-page .lp-p4-season-box:hover,
.lp-lp.pc4k-page .lp-p4-season-box.lp-p4-season-active {
  filter: drop-shadow(0 0 0.625rem var(--lp-p4-sp-selected-ring));
  transform: scale(1.07);
}
.lp-lp.pc4k-page .lp-p4-season-box:focus-visible {
  outline: var(--lp-focus-width) solid var(--lp-color-focus);
  outline-offset: var(--lp-focus-offset);
}
.lp-lp.pc4k-page .lp-p4-season-box--spring {
  top: 2.5rem;
  left: 0;
  transform: rotate(8deg);
}
.lp-lp.pc4k-page .lp-p4-season-box--summer {
  top: 16.75rem;
  left: 2rem;
  transform: rotate(-13deg);
}
.lp-lp.pc4k-page .lp-p4-season-box--autumn {
  top: 4.25rem;
  right: 0.25rem;
  transform: rotate(10deg);
}
.lp-lp.pc4k-page .lp-p4-season-box--winter {
  top: 18rem;
  right: 0;
  transform: rotate(13deg);
}
.lp-lp.pc4k-page .lp-p4-season-box--spring:hover,
.lp-lp.pc4k-page .lp-p4-season-box--spring.lp-p4-season-active {
  transform: rotate(8deg) scale(1.07);
}
.lp-lp.pc4k-page .lp-p4-season-box--summer:hover,
.lp-lp.pc4k-page .lp-p4-season-box--summer.lp-p4-season-active {
  transform: rotate(-13deg) scale(1.07);
}
.lp-lp.pc4k-page .lp-p4-season-box--autumn:hover,
.lp-lp.pc4k-page .lp-p4-season-box--autumn.lp-p4-season-active {
  transform: rotate(10deg) scale(1.07);
}
.lp-lp.pc4k-page .lp-p4-season-box--winter:hover,
.lp-lp.pc4k-page .lp-p4-season-box--winter.lp-p4-season-active {
  transform: rotate(13deg) scale(1.07);
}

.lp-lp.pc4k-page .lp-p4-sfr__sw {
  display: none !important;
}
.lp-lp.pc4k-page .lp-p4-sfr__sw.lp-p4-season-swatch-active {
  display: grid !important;
  grid-template-columns: repeat(5, 8.1375rem);
  gap: 1.5rem;
  justify-content: center;
  width: 46.68375rem;
  margin-top: 1.5rem;
}
@media (max-width: 75rem) {
  .lp-lp.pc4k-page .lp-p4-season-box {
    width: clamp(7rem, 13.9vw, 9.75rem);
  }
}
@media (max-width: 48rem) {
  .lp-lp.pc4k-page .lp-p4-season-box {
    width: 24%;
  }
  .lp-lp.pc4k-page .lp-p4-season-box--spring {
    top: 4%;
    left: 0;
  }
  .lp-lp.pc4k-page .lp-p4-season-box--summer {
    top: 52%;
    left: 1%;
  }
  .lp-lp.pc4k-page .lp-p4-season-box--autumn {
    top: 8%;
    right: 0;
  }
  .lp-lp.pc4k-page .lp-p4-season-box--winter {
    top: 56%;
    right: 0;
  }
  .lp-lp.pc4k-page .lp-p4-sfr__sw.lp-p4-season-swatch-active {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    width: 100%;
  }
} /* Required to override component-level motion declarations for this OS preference. */
@media (prefers-reduced-motion: reduce) {
  .lp-lp.pc4k-page * {
    animation: none !important;
    transition: none !important;
  }
  .lp-lp.pc4k-page .lp-p4-r {
    opacity: 1;
    transform: none;
  }
  .lp-lp.pc4k-page .lp-p4-sec {
    opacity: 1;
    transform: none;
  }
  .lp-lp.pc4k-page .lp-p4-tr-word {
    opacity: 1;
    filter: none;
    transform: none;
  }
}
@keyframes scanMoveV {
  0%,
  100% {
    top: 5%;
  }
  50% {
    top: 93%;
  }
}
@media (max-width: 48rem) {
  .lp-lp.pc4k-page .lp-p4-pl-mask {
    width: 100%;
    height: 100%;
  }
  .lp-lp.pc4k-page .lp-p4-pl-star-hole {
    transform: scale(0.44);
  }
  .lp-lp.pc4k-page .lp-p4-pl-logo {
    font-size: 1.5rem;
  }
  .lp-lp.pc4k-page .lp-p4-lipedge {
    height: 3.375rem;
    transform: translateY(-1.5625rem);
  }
  .lp-lp.pc4k-page .lp-p4-lipedge svg {
    height: 3.375rem;
  }
  .lp-lp.pc4k-page .lp-p4-ba--hero .lp-p4-ba__cap {
    font-size: 0.55rem;
    padding: 0.18em 0.5em;
    top: 0.5rem;
  }
  .lp-lp.pc4k-page .lp-p4-ba__cap.lp-p4-l {
    left: 0.4375rem;
  }
  .lp-lp.pc4k-page .lp-p4-ba__cap.lp-p4-r {
    right: 0.4375rem;
  }
  .lp-lp.pc4k-page .lp-p4-flipbook-stage {
    position: relative;
    --lp-p4-pw: min(10.5rem, 44vw);
    gap: 0;
  }
  .lp-lp.pc4k-page .lp-p4-fb-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2.375rem;
    height: 2.375rem;
    font-size: 1.3rem;
    z-index: 6;
  }
  .lp-lp.pc4k-page .lp-p4-fb-prev {
    left: 0;
  }
  .lp-lp.pc4k-page .lp-p4-fb-next {
    right: 0;
  }
}
.lp-lp.pc4k-page .lp-p4-u-001 {
  color: var(--lp-cf);
}
.lp-lp.pc4k-page .lp-p4-u-002 {
  color: var(--lp-cf);
}
.lp-lp.pc4k-page .lp-p4-u-003 {
  color: var(--lp-cf);
}
.lp-lp.pc4k-page .lp-p4-u-004 {
  --lp-p4-lipimg0: var(--lp-pc4k-image-hero-tone-warm);
  --lp-p4-lipimg1: var(--lp-pc4k-image-hero-tone-cool);
  --lp-p4-lipimg2: var(--lp-pc4k-image-hero-tone-deep);
}
.lp-lp.pc4k-page .lp-p4-u-005 {
  background-image: var(--lp-p4-lipimg0);
}
.lp-lp.pc4k-page .lp-p4-u-006 {
  background: var(--lp-c37);
}
.lp-lp.pc4k-page .lp-p4-u-007 {
  background: var(--lp-c38);
}
.lp-lp.pc4k-page .lp-p4-u-008 {
  background: var(--lp-c39);
}
.lp-lp.pc4k-page .lp-p4-u-009 {
  max-width: 45rem;
  margin: 1.375rem auto 0;
  text-align: center;
}
.lp-lp.pc4k-page .lp-p4-u-010 {
  margin-top: 2.125rem;
}
.lp-lp.pc4k-page .lp-p4-u-011 {
  margin: 0.3em 0 0.6em;
}
.lp-lp.pc4k-page .lp-p4-u-012 {
  background-image: var(--lp-pc4k-image-insight-warm-skin);
}
.lp-lp.pc4k-page .lp-p4-u-013 {
  background-image: var(--lp-pc4k-image-insight-cool-skin);
}
.lp-lp.pc4k-page .lp-p4-u-014 {
  background-image: var(--lp-pc4k-image-insight-dark-lips);
}
.lp-lp.pc4k-page .lp-p4-u-015 {
  background-image: var(--lp-pc4k-image-comparison-before);
}
.lp-lp.pc4k-page .lp-p4-u-016 {
  background-image: var(--lp-pc4k-image-comparison-after);
}
.lp-lp.pc4k-page .lp-p4-u-017 {
  text-align: center;
  margin-top: 2.375rem;
}
.lp-lp.pc4k-page .lp-p4-u-018 {
  left: 43%;
  top: 37%;
}
.lp-lp.pc4k-page .lp-p4-u-019 {
  left: 51%;
  top: 43%;
}
.lp-lp.pc4k-page .lp-p4-u-020 {
  left: 40%;
  top: 56%;
}
.lp-lp.pc4k-page .lp-p4-u-021 {
  left: 47%;
  top: 65%;
}
.lp-lp.pc4k-page .lp-p4-u-022 {
  left: 43%;
  top: 37%;
}
.lp-lp.pc4k-page .lp-p4-u-023 {
  left: 51%;
  top: 43%;
}
.lp-lp.pc4k-page .lp-p4-u-024 {
  left: 40%;
  top: 56%;
}
.lp-lp.pc4k-page .lp-p4-u-025 {
  left: 47%;
  top: 65%;
}
.lp-lp.pc4k-page .lp-p4-u-026 {
  margin: 0.3em 0 0.5em;
}
.lp-lp.pc4k-page .lp-p4-u-027 {
  margin-bottom: 1.125rem;
}
.lp-lp.pc4k-page .lp-p4-u-028 {
  margin-top: 1.125rem;
  font-size: 1.05rem;
  font-weight: 500;
}
.lp-lp.pc4k-page .lp-p4-u-029 {
  max-width: 42.5rem;
}
.lp-lp.pc4k-page .lp-p4-u-030 {
  margin: 0.3em 0 0.4em;
}
.lp-lp.pc4k-page .lp-p4-u-031 {
  --lp-p4-p0: var(--lp-pc4k-image-master-truc-nhi);
  --lp-p4-p1: var(--lp-pc4k-image-face-harmony);
  --lp-p4-p2: var(--lp-pc4k-image-consultation-visual);
  --lp-p4-p3: var(--lp-pc4k-image-process-tone-test);
  --lp-p4-p4: var(--lp-pc4k-image-process-color-preview);
}
.lp-lp.pc4k-page .lp-p4-u-032 {
  background-image: var(--lp-p4-p0);
}
.lp-lp.pc4k-page .lp-p4-u-033 {
  background-image: var(--lp-p4-p1);
}
.lp-lp.pc4k-page .lp-p4-u-034 {
  background-image: var(--lp-p4-p2);
}
.lp-lp.pc4k-page .lp-p4-u-035 {
  background-image: var(--lp-p4-p3);
}
.lp-lp.pc4k-page .lp-p4-u-036 {
  background-image: var(--lp-p4-p4);
}
.lp-lp.pc4k-page .lp-p4-u-037 {
  text-align: center;
  margin-top: 2.25rem;
}
.lp-lp.pc4k-page .lp-p4-u-038 {
  margin: 0.3em 0 0.35em;
}
.lp-lp.pc4k-page .lp-p4-u-039 {
  text-align: center;
}
.lp-lp.pc4k-page .lp-p4-u-040 {
  text-align: center;
  max-width: 52.5rem;
}
.lp-lp.pc4k-page .lp-p4-u-041 {
  margin: 0.3em auto 0.5em;
}
.lp-lp.pc4k-page .lp-p4-u-042 {
  margin: 0 auto;
}
.lp-lp.pc4k-page .lp-p4-u-088 {
  margin: 0.3em 0 0.4em;
}
.lp-lp.pc4k-page .lp-p4-u-089 {
  margin-bottom: 1.125rem;
}
.lp-lp.pc4k-page .lp-p4-u-090 {
  margin-top: 1.5rem;
}
.lp-lp.pc4k-page .lp-p4-u-091 {
  margin: 0.25em 0 0.3em;
}
.lp-lp.pc4k-page .lp-p4-u-098 {
  max-width: 51.25rem;
  text-align: center;
}
.lp-lp.pc4k-page .lp-p4-u-099 {
  margin: 0.3em auto 0.45em;
}
.lp-lp.pc4k-page .lp-p4-u-100 {
  margin: 0 auto;
}
.lp-lp.pc4k-page .lp-p4-u-110 {
  max-width: 67.5rem;
  text-align: center;
  margin-top: -60px;		
}
.lp-lp.pc4k-page .lp-p4-u-111 {
  margin: 0.3em auto 0.45em;
}
.lp-lp.pc4k-page .lp-p4-u-112 {
  margin: 0 auto;
}
.lp-lp.pc4k-page .lp-p4-u-119 {
  max-width: 51.25rem;
}
.lp-lp.pc4k-page .lp-p4-u-120 {
  text-align: center;
  margin-bottom: 1.5rem;
}
.lp-lp.pc4k-page .lp-p4-u-121 {
  margin: 0.3em 0;
}
.lp-lp.pc4k-page .lp-p4-u-122 {
  margin: 0.3em 0 0.5em;
}
.lp-lp.pc4k-page .lp-p4-u-123 {
  margin-bottom: 1.25rem;
}
.lp-lp.pc4k-page .lp-p4-u-124 {
  background-image: var(--lp-pc4k-image-register-form);
}
.lp-lp.pc4k-page .wpcf7 {
  width: 100%;
}
.lp-lp.pc4k-page .wpcf7 form {
  display: grid;
  gap: 1rem;
}
.lp-lp.pc4k-page .wpcf7:is(input:not([type="submit"]), select, textarea) {
  width: 100%;
  min-height: 3rem;
  border: 0.0625rem solid var(--lp-p4-line);
  border-radius: 0.75rem;
  background: var(--lp-p4-surface);
  color: var(--lp-p4-ink);
  padding: 0.8rem 1rem;
}
.lp-lp.pc4k-page .wpcf7 textarea {
  min-height: 7rem;
  resize: vertical;
}
.lp-lp.pc4k-page .wpcf7:is(input, select, textarea):focus-visible {
  outline: 0.1875rem solid var(--lp-p4-coral-deep);
  outline-offset: 0.125rem;
}
.lp-lp.pc4k-page .wpcf7 input[type="submit"] {
  width: 100%;
  min-height: 3rem;
  border: 0;
  border-radius: 999rem;
  cursor: pointer;
  background: linear-gradient(
    120deg,
    var(--lp-p4-coral-soft),
    var(--lp-p4-peach)
  );
  color: var(--lp-p4-ink);
}
.lp-lp.pc4k-page .wpcf7 .wpcf7-not-valid {
  border-color: var(--lp-p4-error);
}
.lp-lp.pc4k-page .wpcf7 .wpcf7-not-valid-tip {
  color: var(--lp-p4-error);
  font-size: 0.875rem;
}
.lp-lp.pc4k-page .wpcf7 .wpcf7-response-output {
  margin: 0;
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
}
.lp-lp.pc4k-page .wpcf7 .wpcf7-spinner {
  margin: 0.5rem auto 0;
}
@media (max-width: 48rem) {
  .lp-lp.pc4k-page .wpcf7 input[type="submit"] {
    white-space: normal;
  }
}
.lp-lp.pc4k-page [hidden] {
  display: none;
} /* .lp-lp.pc4k-page .lp-p4-cta{background:linear-gradient( 120deg,var(--lp-p4-coral-soft),var(--lp-p4-peach) );color:var(--lp-p4-ink)}*/
.lp-lp.pc4k-page .lp-p4-bub--new,
.lp-lp.pc4k-page .lp-p4-flip__b {
  color: var(--lp-p4-surface);
}
@media screen and (max-width: 549px) {
  .lp-lp.pc4k-page .lp-p4-hero__cta {
    font-size: 1rem !important;
  }
  .lp-lp.pc4k-page .lp-p4-s4-head h2 {
    padding: 0 1rem;
  }
  .lp-lp.pc4k-page .lp-p4-cta {
    font-size: 0.8rem;
  }
  .lp-lp.pc4k-page .lp-p4-stepc__img {
    height: 17.9rem;
  }
  .lp-lp.pc4k-page .lp-p4-awards-head p {
    font-size: 1.25rem;
  }
}
/***** Contact form *****/
/* =========================================================
   CONTACT FORM 7 – PERSONAL 4K COLOR
   Chỉ tác động đến CF7 bên trong landing page
   ========================================================= */

.lp-lp.pc4k-page .wpcf7 {
  width: 100%;
  margin: 0;
  font-family: "SFUFUTURABOOK", Arial, sans-serif;
}

.lp-lp.pc4k-page .wpcf7 form {
  width: 100%;
  margin: 0;
}

.lp-lp.pc4k-page .lp-p4-cf7-form {
  width: 100%;
  display: grid;
  gap: 0.875rem;
}

/* Ẩn label bằng thị giác nhưng vẫn hỗ trợ screen reader */

.lp-lp.pc4k-page .lp-p4-cf7-sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Field wrapper */

.lp-lp.pc4k-page .lp-p4-cf7-field {
  width: 100%;
  margin: 0;
}

.lp-lp.pc4k-page .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

/* Input và select */

.lp-lp.pc4k-page .lp-p4-cf7-field input,
.lp-lp.pc4k-page .lp-p4-cf7-field select {
  width: 100%;
  height: 3.125rem;
  margin: 0;
  padding: 0.625rem 1rem;
  border: 0.0625rem solid rgba(58, 42, 36, 0.14);
  border-radius: 0.75rem;
  outline: 0;
  color: var(--lp-p4-ink, #3a2a24);
  background-color: rgba(255, 255, 255, 0.96);
  box-shadow: none;
  font-family: "SFUFUTURABOOK", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.35;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease;
}

.lp-lp.pc4k-page .lp-p4-cf7-field input::placeholder {
  color: rgba(58, 42, 36, 0.62);
  opacity: 1;
}

.lp-lp.pc4k-page .lp-p4-cf7-field select {
  padding-right: 2.75rem;
  color: rgba(58, 42, 36, 0.62);
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, #7a655c 50%),
    linear-gradient(135deg, #7a655c 50%, transparent 50%);
  background-position:
    calc(100% - 1.125rem) 50%,
    calc(100% - 0.8125rem) 50%;
  background-size:
    0.375rem 0.375rem,
    0.375rem 0.375rem;
  background-repeat: no-repeat;
}

.lp-lp.pc4k-page .lp-p4-cf7-field input:hover,
.lp-lp.pc4k-page .lp-p4-cf7-field select:hover {
  border-color: rgba(255, 106, 61, 0.42);
}

.lp-lp.pc4k-page .lp-p4-cf7-field input:focus,
.lp-lp.pc4k-page .lp-p4-cf7-field select:focus {
  border-color: var(--lp-p4-coral, #ff6a3d);
  background-color: #fff;
  box-shadow: 0 0 0 0.1875rem rgba(255, 106, 61, 0.12);
}

/* Tiêu đề nhóm radio */

.lp-lp.pc4k-page .lp-p4-cf7-choice-group {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.lp-lp.pc4k-page .lp-p4-cf7-label {
  display: block;
  width: 100%;
  margin: 0 0 1.1rem;
  padding: 0;
  color: rgba(58, 42, 36, 0.72);
  font-family: "SFUFUTURABOOK", Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 1.3;
  letter-spacing: 0.13em;
  text-transform: uppercase;
 border-bottom: 0;	
}

/* Danh sách radio */

.lp-lp.pc4k-page
  .lp-p4-cf7-choice-group
  .wpcf7-radio {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  width: 100%;
}

.lp-lp.pc4k-page
  .lp-p4-cf7-choice-group
  .wpcf7-list-item {
  display: block;
  margin: 0;
}

.lp-lp.pc4k-page
  .lp-p4-cf7-choice-group
  .wpcf7-list-item
  label {
  position: relative;
  display: block;
  margin: 0;
  cursor: pointer;
}

/* Ẩn radio mặc định nhưng vẫn giữ khả năng focus */

.lp-lp.pc4k-page
  .lp-p4-cf7-choice-group
  input[type="radio"] {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}

/* Pill */

.lp-lp.pc4k-page
  .lp-p4-cf7-choice-group
  .wpcf7-list-item-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.25rem;
  padding: 0.5rem 0.875rem;
  border: 0.0625rem solid rgba(58, 42, 36, 0.14);
  border-radius: 999px;
  color: var(--lp-p4-ink, #3a2a24);
  background: rgba(255, 255, 255, 0.84);
  font-family: "SFUFUTURABOOK", Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  white-space: nowrap;
  transition:
    color 0.2s ease,
    border-color 0.2s ease,
    background-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.lp-lp.pc4k-page
  .lp-p4-cf7-choice-group
  label:hover
  .wpcf7-list-item-label {
  border-color: rgba(255, 106, 61, 0.48);
  background: rgba(255, 239, 230, 0.84);
}

/* Radio được chọn */

.lp-lp.pc4k-page
  .lp-p4-cf7-choice-group
  input[type="radio"]:checked
  + .wpcf7-list-item-label {
  border-color: var(--lp-p4-coral, #ff6a3d);
  color: #fff;
  background:
    linear-gradient(
      120deg,
      var(--lp-p4-coral-deep, #d13b15),
      var(--lp-p4-coral-soft, #ff8a5e)
    );
  box-shadow: 0 0.375rem 1rem rgba(255, 77, 31, 0.18);
}

/* Focus bằng bàn phím */

.lp-lp.pc4k-page
  .lp-p4-cf7-choice-group
  input[type="radio"]:focus-visible
  + .wpcf7-list-item-label {
  outline: 0.1875rem solid rgba(27, 110, 243, 0.62);
  outline-offset: 0.125rem;
}

/* Submit */

.lp-lp.pc4k-page .lp-p4-cf7-submit-wrap {
  position: relative;
  width: 100%;
  margin-top: 0.625rem;
}

.lp-lp.pc4k-page
  .wpcf7
  input[type="submit"].lp-p4-cf7-submit {
  width: 100%;
  min-height: 3.25rem;
  margin: 0;
  padding: 0.875rem 1.5rem;
  border: 0;
  border-radius: 999px;
  color: #fff;
  background:
    linear-gradient(
      105deg,
      #ff5735 0%,
      #ff8a62 100%
    );
  box-shadow:
    0 0.875rem 1.75rem -0.75rem
    rgba(255, 87, 53, 0.62);
  font-family: "SFUFUTURABOOK", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.08em;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    filter 0.22s ease;
}

.lp-lp.pc4k-page
  .wpcf7
  input[type="submit"].lp-p4-cf7-submit:hover {
  transform: translateY(-0.125rem);
  filter: saturate(1.05);
  box-shadow:
    0 1.125rem 2.125rem -0.75rem
    rgba(255, 87, 53, 0.72);
}

.lp-lp.pc4k-page
  .wpcf7
  input[type="submit"].lp-p4-cf7-submit:active {
  transform: translateY(0);
}

.lp-lp.pc4k-page
  .wpcf7
  input[type="submit"].lp-p4-cf7-submit:focus-visible {
  outline: 0.1875rem solid rgba(27, 110, 243, 0.62);
  outline-offset: 0.1875rem;
}

.lp-lp.pc4k-page
  .wpcf7
  input[type="submit"].lp-p4-cf7-submit:disabled {
  opacity: 0.62;
  cursor: wait;
  transform: none;
}

/* Spinner CF7 */

.lp-lp.pc4k-page .wpcf7-spinner {
  position: absolute;
  top: 50%;
  right: 1.125rem;
  margin: 0;
  transform: translateY(-50%);
}

/* Dòng ghi chú */

.lp-lp.pc4k-page .lp-p4-cf7-note {
  margin: 3rem 0 0;
  color: rgba(58, 42, 36, 0.55);
  font-size: 0.6875rem;
  line-height: 1.5;
  text-align: center;
}

/* Validation */

.lp-lp.pc4k-page .wpcf7-not-valid {
  border-color: var(--lp-p4-error, #8f2d22) !important;
  box-shadow: 0 0 0 0.1875rem rgba(143, 45, 34, 0.09) !important;
}

.lp-lp.pc4k-page .wpcf7-not-valid-tip {
  display: block;
  margin-top: 0.375rem;
  color: var(--lp-p4-error, #8f2d22);
  font-size: 0.75rem;
  line-height: 1.4;
}

/* Thông báo gửi thành công / lỗi */

.lp-lp.pc4k-page .wpcf7 form .wpcf7-response-output {
  margin: 0.875rem 0 0;
  padding: 0.75rem 0.875rem;
  border-width: 0.0625rem;
  border-radius: 0.625rem;
  font-size: 0.8125rem;
  line-height: 1.5;
}

.lp-lp.pc4k-page
  .wpcf7 form.sent
  .wpcf7-response-output {
  border-color: #1c7a4b;
  color: #1c7a4b;
  background: #e4f6ec;
}

.lp-lp.pc4k-page
  .wpcf7 form.invalid
  .wpcf7-response-output,
.lp-lp.pc4k-page
  .wpcf7 form.unaccepted
  .wpcf7-response-output,
.lp-lp.pc4k-page
  .wpcf7 form.spam
  .wpcf7-response-output {
  border-color: var(--lp-p4-error, #8f2d22);
  color: var(--lp-p4-error, #8f2d22);
  background: #fbe3df;
}

/* Mobile */

@media (max-width: 48rem) {
  .lp-lp.pc4k-page .lp-p4-cf7-form {
    gap: 0.75rem;
  }

  .lp-lp.pc4k-page .lp-p4-cf7-field input,
  .lp-lp.pc4k-page .lp-p4-cf7-field select {
    height: 3rem;
    font-size: 1rem;
  }

  .lp-lp.pc4k-page
    .lp-p4-cf7-choice-group
    .wpcf7-radio {
    gap: 0.4375rem;
  }

  .lp-lp.pc4k-page
    .lp-p4-cf7-choice-group
    .wpcf7-list-item-label {
    min-height: 2.125rem;
    padding: 0.4375rem 0.75rem;
    font-size: 0.8125rem;
  }

  .lp-lp.pc4k-page
    .wpcf7
    input[type="submit"].lp-p4-cf7-submit {
    min-height: 3.125rem;
    padding-inline: 1rem;
    font-size: 0.8125rem;
  }

  .lp-lp.pc4k-page .lp-p4-cf7-note {
    margin-top: 2.5rem;
  }
}
.lp-p4-acc__a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.lp-p4-acc.lp-p4-open .lp-p4-acc__a{max-height:600px}

/* =========================================================
   POPUP CẢM ƠN PERSONAL 4K COLOR
   ========================================================= */
.pc4k-thankyou-popup {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.pc4k-thankyou-popup.active {
  opacity: 1;
  pointer-events: auto;
}
.pc4k-thankyou-overlay {
  position: absolute;
  inset: 0;
  background: rgba(26, 18, 14, 0.72);
  backdrop-filter: blur(4px);
}
.pc4k-thankyou-content {
  position: relative;
  z-index: 2;
  width: min(28rem, 92vw);
  background: #ffffff;
  border-radius: 1.5rem;
  padding: 2.25rem 1.625rem 1.875rem;
  box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.28);
  transform: scale(0.88);
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  text-align: center;
  color: #3a2a24;
  font-family: "Geomanist", Arial, sans-serif;
}
.pc4k-thankyou-popup.active .pc4k-thankyou-content {
  transform: scale(1);
}
.pc4k-thankyou-close {
  position: absolute;
  top: 1rem;
  right: 1.25rem;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  border: 0;
  background: rgba(58, 42, 36, 0.05);
  color: #b79e92;
  font-size: 1.75rem;
  line-height: 1;
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: background-color 0.2s, color 0.2s;
}
.pc4k-thankyou-close:hover {
  background: rgba(209, 59, 21, 0.1);
  color: #d13b15;
}
.pc4k-thankyou-title {
  font-size: 1.75rem;
  font-weight: 500;
  color: #c4964e;
  font-family: "SFUFUTURABOOK", Arial, sans-serif !important;
  margin-bottom: 0.5rem;
  letter-spacing: -0.01em;
}
.pc4k-thankyou-subtitle {
  font-size: 0.9375rem;
  color: #5a4b43;
  line-height: 1.45;
  margin-bottom: 1.375rem;
}
.pc4k-thankyou-card {
  background: #fcf8f3;
  border: 1px solid #f2e4d3;
  border-radius: 1.125rem;
  padding: 1.25rem;
  text-align: left;
  margin-bottom: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.pc4k-ty-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.9375rem;
  border-bottom: 1px dashed rgba(196, 150, 78, 0.24);
  padding-bottom: 0.625rem;
}
.pc4k-ty-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.pc4k-ty-label {
  color: #5a4b43;
  font-weight: 400;
}
.pc4k-ty-val {
  color: #8c2a46;
  font-weight: 600;
  text-align: right;
  word-break: break-word;
}
.pc4k-ty-val.pc4k-ty-highlight {
  color: #c4964e;
  font-size: 1.05rem;
  font-weight: 700;
}
.pc4k-thankyou-wishes {
  font-size: 0.9375rem;
  color: #5a4b43;
  font-style: italic;
  margin-bottom: 1.375rem;
  line-height: 1.4;
}
.pc4k-thankyou-wishes strong {
  color: #3a2a24;
  font-style: normal;
}
.pc4k-thankyou-action {
  width: 100%;
}
.pc4k-thankyou-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.875rem 1.5rem;
  border-radius: 999px;
  background: linear-gradient(120deg, #d8ab62 0%, #bf934e 100%);
  color: #ffffff !important;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.9375rem;
  letter-spacing: 0.04em;
  text-decoration: none;
  box-shadow: 0 0.625rem 1.375rem -0.375rem rgba(191, 147, 78, 0.45);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.pc4k-thankyou-btn:hover {
  transform: translateY(-0.125rem);
  box-shadow: 0 0.875rem 1.75rem -0.375rem rgba(191, 147, 78, 0.55);
}

/* =========================================================
   LIGHTBOX PHÓNG TO ẢNH TẠP CHÍ PERSONAL 4K COLOR
   ========================================================= */
.pc4k-lightbox,
.lp-lp.pc4k-page .pc4k-lightbox {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 1rem !important;
  opacity: 0 !important;
  pointer-events: none !important;
  background: rgba(0, 0, 0, 0.88) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  transition: opacity 0.3s ease !important;
}

.pc4k-lightbox.active,
.lp-lp.pc4k-page .pc4k-lightbox.active {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.pc4k-lightbox__overlay,
.lp-lp.pc4k-page .pc4k-lightbox__overlay {
  position: absolute !important;
  inset: 0 !important;
}

.pc4k-lightbox__content,
.lp-lp.pc4k-page .pc4k-lightbox__content {
  position: relative !important;
  z-index: 2 !important;
  max-width: 92vw !important;
  max-height: 90vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: scale(0.92) translateY(10px);
  transition: transform 0.3s ease !important;
}

.pc4k-lightbox.active .pc4k-lightbox__content,
.lp-lp.pc4k-page .pc4k-lightbox.active .pc4k-lightbox__content {
  transform: scale(1) translateY(0) !important;
}

.pc4k-lightbox__close,
.lp-lp.pc4k-page .pc4k-lightbox__close {
  position: absolute !important;
  top: -2.75rem !important;
  right: -0.5rem !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
  border: none !important;
  background: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
  font-size: 2.25rem !important;
  font-weight: 300 !important;
  line-height: 2.25rem !important;
  text-align: center !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  z-index: 10 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.pc4k-lightbox__close:hover,
.lp-lp.pc4k-page .pc4k-lightbox__close:hover {
  background: rgba(255, 255, 255, 0.4) !important;
  transform: scale(1.1) !important;
}

.pc4k-lightbox__img,
.lp-lp.pc4k-page .pc4k-lightbox__img {
  max-width: 90vw !important;
  max-height: 84vh !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  border-radius: 0.75rem !important;
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.5) !important;
  display: block !important;
}

@media (max-width: 480px) {
  .pc4k-lightbox__close,
  .lp-lp.pc4k-page .pc4k-lightbox__close {
    top: -2.5rem !important;
    right: 0 !important;
    width: 2.25rem !important;
    height: 2.25rem !important;
    font-size: 1.875rem !important;
  }
}
/* =========================================================
   DỊCH VỤ CỐ ĐỊNH – KHÔNG CHO NGƯỜI DÙNG TẮT
   ========================================================= */

.lp-lp.pc4k-page .lp-p4-cf7-service-fixed {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.lp-lp.pc4k-page
  .lp-p4-cf7-service-fixed__pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-height: 2.25rem;
  padding: 0.5rem 1rem;
  border: 0.0625rem solid
    var(--lp-p4-coral, #ff6a3d);
  border-radius: 999px;
  color: #fff;
  background:
    linear-gradient(
      120deg,
      var(--lp-p4-coral-deep, #d13b15),
      var(--lp-p4-coral-soft, #ff8a5e)
    );
  box-shadow:
    0 0.375rem 1rem
    rgba(255, 77, 31, 0.18);
  font-family:
    "SFUFUTURABOOK",
    Arial,
    sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  white-space: nowrap;
  cursor: default;
  user-select: none;
}

.lp-lp.pc4k-page
  .lp-p4-cf7-service-fixed__pill::before {
  content: "\2713";
  width: 0.875rem;
  height: 0.875rem;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
  color: var(--lp-p4-coral-deep, #d13b15);
  background: #fff;
  font-family: Arial, sans-serif;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1;
}
/* =====================================================
   FIX S7 UNDERTONE MOBILE - SAFARI / IOS
   ===================================================== */
@media (max-width: 48rem) {
  /* Tạo khoảng cách rõ ràng giữa text và khối hình */
  .lp-lp.pc4k-page #lp-p4-s7 .lp-p4-sfr-grid {
    margin-top: 1.5rem;
  }
  /* Căn giữa bằng flex thay vì top + transform */
  .lp-lp.pc4k-page #lp-p4-s7 .lp-p4-sfr-stage {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    aspect-ratio: 1.65;
  }

  /* Hủy cơ chế dịch chuyển gây chồng nội dung */
  .lp-lp.pc4k-page #lp-p4-s7 .lp-p4-sfr-preview {
    position: relative;
    top: auto !important;
    right: auto;
    bottom: auto;
    left: auto;
    width: 72%;
    height: auto;
    margin: 0;
    aspect-ratio: 746 / 519;
    transform: none !important;
  }
}
/* =====================================================
   S6B FLIPBOOK – DI CHUYỂN NÚT THEO TRẠNG THÁI CUỐN SÁCH
   Desktop only
   ===================================================== */
@media (min-width: 48.0625rem) {

  .lp-lp.pc4k-page #lp-p4-s6b .lp-p4-flipbook-stage {
    /*
     * Khi mở sách, mỗi nút cần đi ra ngoài thêm
     * một nửa chiều rộng của một trang.
     */
    --lp-p4-fb-nav-shift: calc(var(--lp-p4-pw) / 2);
  }

  .lp-lp.pc4k-page #lp-p4-s6b .lp-p4-fb-nav {
    --lp-p4-fb-nav-x: 0px;

    position: relative;
    z-index: 20;

    transform: translateX(var(--lp-p4-fb-nav-x));

    transition:
      transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1),
      background-color 0.2s ease,
      color 0.2s ease,
      opacity 0.2s ease,
      box-shadow 0.2s ease;

    will-change: transform;
  }

  /*
   * Khi catalogue mở thành hai trang:
   * Previous đi sang trái,
   * Next đi sang phải.
   */
  .lp-lp.pc4k-page
    #lp-p4-s6b
    .lp-p4-flipbook-stage.lp-p4-fb-is-open
    .lp-p4-fb-prev {
    --lp-p4-fb-nav-x: calc(0px - var(--lp-p4-fb-nav-shift));
  }

  .lp-lp.pc4k-page
    #lp-p4-s6b
    .lp-p4-flipbook-stage.lp-p4-fb-is-open
    .lp-p4-fb-next {
    --lp-p4-fb-nav-x: var(--lp-p4-fb-nav-shift);
  }

  /*
   * Giữ chuyển động ngang khi hover.
   * Nếu không override, CSS hover cũ sẽ xóa translateX.
   */
  .lp-lp.pc4k-page
    #lp-p4-s6b
    .lp-p4-fb-nav:hover:not(:disabled) {
    transform:
      translateX(var(--lp-p4-fb-nav-x))
      translateY(-0.125rem);
  }

  /*
   * CSS cũ đang đặt transform:none khi disabled.
   * Cần giữ lại vị trí ngang hiện tại.
   */
  .lp-lp.pc4k-page
    #lp-p4-s6b
    .lp-p4-fb-nav:disabled {
    transform: translateX(var(--lp-p4-fb-nav-x));
  }
}