/* GENERATED by scripts/build-landing.py from Jesús's landing design (docs/next-design/2026-10-09/landing-design/). Do not edit by hand.
   Every value is a token (--lp-*, design/tokens.json "landing"); the phone layout's values are the tokens' "$narrow" overrides. */

*, *::before, *::after { box-sizing: border-box; }
.lp-body { margin: var(--lp-body-margin); background: var(--lp-body-background); }
:where(.lp-body a) { color: var(--lp-link-color); }
:where(.lp-body a):hover { color: var(--lp-link-hover); }
.lp-body a:focus-visible, .lp-body button:focus-visible, .lp-body input:focus-visible { outline: var(--lp-focus-ring); outline-offset: var(--lp-focus-offset); }

/* the floating tiles and confetti shapes (per-instance geometry is inline, as custom properties) */
.lp-wf { animation: var(--lp-wf-animation); }
.lp-wd { animation: var(--lp-wd-animation); }
.lp-tiles { position: absolute; inset: 0; pointer-events: none; }
.lp-tiles-wide { display: var(--lp-tiles-wide-display); }
.lp-tiles-narrow { display: var(--lp-tiles-narrow-display); left: var(--lp-tiles-narrow-left); width: var(--lp-tiles-narrow-width); margin-left: var(--lp-tiles-narrow-margin); }
.lp-tile { position: absolute; display: flex; align-items: center; justify-content: center; left: var(--l); top: var(--t); width: var(--w); height: var(--w);
  border-radius: var(--rad); background: var(--bg); box-shadow: var(--sh); transform: rotate(var(--rot)); opacity: var(--o); filter: var(--f); animation-delay: var(--dl); }
.lp-tile img { display: block; max-width: var(--mw); max-height: var(--mh); }
.lp-shape { position: absolute; left: var(--l); top: var(--t); transform: rotate(var(--r)); animation-delay: var(--dl); }
@keyframes wfloat { 0%, 100% { translate: 0 0; } 50% { translate: 0 var(--lp-wf-lift); } }
@keyframes wdrift { 0%, 100% { translate: 0 0; } 50% { translate: var(--lp-wd-shift-x) var(--lp-wd-shift-y); } }
@media (prefers-reduced-motion: reduce) { .lp-wf, .lp-wd { animation: none; } }
.lp-occ-mask { -webkit-mask-image: var(--m); mask-image: var(--m); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; }

.lp-page { font: var(--lp-page-font); position: var(--lp-page-position); width: var(--lp-page-width); overflow: var(--lp-page-overflow); background: var(--lp-page-background); color: var(--lp-page-color); }
.lp-hero { position: var(--lp-hero-position); height: var(--lp-hero-height); max-width: var(--lp-hero-max-width); margin: var(--lp-hero-margin); }
.lp-nav { position: var(--lp-nav-position); left: var(--lp-nav-left); right: var(--lp-nav-right); top: var(--lp-nav-top); z-index: var(--lp-nav-zindex); display: var(--lp-nav-display); flex-wrap: var(--lp-nav-flex-wrap); align-items: var(--lp-nav-align-items); justify-content: var(--lp-nav-justify-content); gap: var(--lp-nav-gap); padding: var(--lp-nav-padding); }
.lp-brand { display: var(--lp-brand-display); align-items: var(--lp-brand-align-items); gap: var(--lp-brand-gap); text-decoration: var(--lp-brand-text-decoration); color: var(--lp-brand-color); }
.lp-brandImg { display: var(--lp-brand-img-display); border-radius: var(--lp-brand-img-border-radius); box-shadow: var(--lp-brand-img-box-shadow); }
.lp-brandText { font: var(--lp-brand-text-font); line-height: var(--lp-brand-text-line-height); letter-spacing: var(--lp-brand-text-letter-spacing); }
.lp-navLinks { display: var(--lp-nav-links-display); flex-wrap: var(--lp-nav-links-flex-wrap); align-items: var(--lp-nav-links-align-items); gap: var(--lp-nav-links-gap); }
.lp-navText { font: var(--lp-nav-text-font); color: var(--lp-nav-text-color); text-decoration: var(--lp-nav-text-text-decoration); display: var(--lp-nav-text-display); }
.lp-navButton { font: var(--lp-nav-button-font); height: var(--lp-nav-button-height); padding: var(--lp-nav-button-padding); border-radius: var(--lp-nav-button-border-radius); background: var(--lp-nav-button-background); color: var(--lp-nav-button-color); display: var(--lp-nav-button-display); align-items: var(--lp-nav-button-align-items); text-decoration: var(--lp-nav-button-text-decoration); }
.lp-hc { position: var(--lp-hc-position); left: var(--lp-hc-left); top: var(--lp-hc-top); transform: var(--lp-hc-transform); width: var(--lp-hc-width); display: var(--lp-hc-display); flex-direction: var(--lp-hc-flex-direction); align-items: var(--lp-hc-align-items); text-align: var(--lp-hc-text-align); z-index: var(--lp-hc-zindex); right: var(--lp-hc-right); }
.lp-hc-0 { display: var(--lp-hc0-display); border-radius: var(--lp-hc0-border-radius); box-shadow: var(--lp-hc0-box-shadow); }
.lp-hc-1 { font: var(--lp-hc1-font); line-height: var(--lp-hc1-line-height); margin: var(--lp-hc1-margin); letter-spacing: var(--lp-hc1-letter-spacing); white-space: var(--lp-hc1-white-space); }
.lp-hc-2 { font: var(--lp-hc2-font); line-height: var(--lp-hc2-line-height); margin: var(--lp-hc2-margin); max-width: var(--lp-hc2-max-width); color: var(--lp-hc2-color); letter-spacing: var(--lp-hc2-letter-spacing); }
.lp-hc-3 { position: var(--lp-hc3-position); width: var(--lp-hc3-width); margin-top: var(--lp-hc3-margin-top); }
.lp-hc-3-0 { position: var(--lp-hc30-position); left: var(--lp-hc30-left); right: var(--lp-hc30-right); top: var(--lp-hc30-top); bottom: var(--lp-hc30-bottom); border-radius: var(--lp-hc30-border-radius); background: var(--lp-hc30-background); filter: var(--lp-hc30-filter); opacity: var(--lp-hc30-opacity); }
.lp-hc-3-1 { position: var(--lp-hc31-position); display: var(--lp-hc31-display); align-items: var(--lp-hc31-align-items); gap: var(--lp-hc31-gap); height: var(--lp-hc31-height); box-sizing: var(--lp-hc31-box-sizing); padding: var(--lp-hc31-padding); border-radius: var(--lp-hc31-border-radius); background: var(--lp-hc31-background); backdrop-filter: var(--lp-hc31-backdrop-filter); -webkit-backdrop-filter: var(--lp-hc31-webkit-backdrop-filter); border: var(--lp-hc31-border); box-shadow: var(--lp-hc31-box-shadow); }
.lp-hc-3-1-0 { position: var(--lp-hc310-position); width: var(--lp-hc310-width); height: var(--lp-hc310-height); overflow: var(--lp-hc310-overflow); clip: var(--lp-hc310-clip); white-space: var(--lp-hc310-white-space); }
.lp-hc-3-1-1 { font: var(--lp-hc311-font); flex: var(--lp-hc311-flex); min-width: var(--lp-hc311-min-width); border: var(--lp-hc311-border); background: var(--lp-hc311-background); color: var(--lp-hc311-color); outline: var(--lp-hc311-outline); }
.lp-hc-3-1-2 { font: var(--lp-hc312-font); height: var(--lp-hc312-height); padding: var(--lp-hc312-padding); border-radius: var(--lp-hc312-border-radius); border: var(--lp-hc312-border); background: var(--lp-hc312-background); color: var(--lp-hc312-color); display: var(--lp-hc312-display); align-items: var(--lp-hc312-align-items); gap: var(--lp-hc312-gap); cursor: var(--lp-hc312-cursor); }
.lp-hc-4 { font: var(--lp-hc4-font); margin: var(--lp-hc4-margin); color: var(--lp-hc4-color); }
.lp-app { position: var(--lp-app-position); height: var(--lp-app-height); }
.lp-appGlow { position: var(--lp-app-glow-position); left: var(--lp-app-glow-left); top: var(--lp-app-glow-top); width: var(--lp-app-glow-width); height: var(--lp-app-glow-height); transform: var(--lp-app-glow-transform); border-radius: var(--lp-app-glow-border-radius); background: var(--lp-app-glow-background); filter: var(--lp-app-glow-filter); opacity: var(--lp-app-glow-opacity); }
.lp-ribbonWide { position: var(--lp-ribbon-wide-position); left: var(--lp-ribbon-wide-left); top: var(--lp-ribbon-wide-top); width: var(--lp-ribbon-wide-width); height: var(--lp-ribbon-wide-height); display: var(--lp-ribbon-wide-display); }
.lp-ribbonNarrow { position: var(--lp-ribbon-narrow-position); left: var(--lp-ribbon-narrow-left); top: var(--lp-ribbon-narrow-top); width: var(--lp-ribbon-narrow-width); height: var(--lp-ribbon-narrow-height); display: var(--lp-ribbon-narrow-display); margin-left: var(--lp-ribbon-narrow-margin-left); }
.lp-phones { position: var(--lp-phones-position); display: var(--lp-phones-display); justify-content: var(--lp-phones-justify-content); align-items: var(--lp-phones-align-items); padding-top: var(--lp-phones-padding-top); }
.lp-phones-0 { flex: var(--lp-phones0-flex); width: var(--lp-phones0-width); margin-top: var(--lp-phones0-margin-top); margin-right: var(--lp-phones0-margin-right); transform: var(--lp-phones0-transform); box-sizing: var(--lp-phones0-box-sizing); padding: var(--lp-phones0-padding); border-radius: var(--lp-phones0-border-radius); background: var(--lp-phones0-background); box-shadow: var(--lp-phones0-box-shadow); z-index: var(--lp-phones0-zindex); }
.lp-phones-0-0 { display: var(--lp-phones00-display); width: var(--lp-phones00-width); border-radius: var(--lp-phones00-border-radius); }
.lp-phones-1 { flex: var(--lp-phones1-flex); width: var(--lp-phones1-width); box-sizing: var(--lp-phones1-box-sizing); padding: var(--lp-phones1-padding); border-radius: var(--lp-phones1-border-radius); background: var(--lp-phones1-background); box-shadow: var(--lp-phones1-box-shadow); z-index: var(--lp-phones1-zindex); }
.lp-phones-1-0 { display: var(--lp-phones10-display); width: var(--lp-phones10-width); border-radius: var(--lp-phones10-border-radius); }
.lp-phones-2 { flex: var(--lp-phones2-flex); width: var(--lp-phones2-width); margin-top: var(--lp-phones2-margin-top); margin-left: var(--lp-phones2-margin-left); transform: var(--lp-phones2-transform); box-sizing: var(--lp-phones2-box-sizing); padding: var(--lp-phones2-padding); border-radius: var(--lp-phones2-border-radius); background: var(--lp-phones2-background); box-shadow: var(--lp-phones2-box-shadow); z-index: var(--lp-phones2-zindex); }
.lp-phones-2-0 { display: var(--lp-phones20-display); width: var(--lp-phones20-width); border-radius: var(--lp-phones20-border-radius); }
.lp-how { max-width: var(--lp-how-max-width); margin: var(--lp-how-margin); padding: var(--lp-how-padding); }
.lp-howH2 { font: var(--lp-how-h2-font); line-height: var(--lp-how-h2-line-height); margin: var(--lp-how-h2-margin); text-align: var(--lp-how-h2-text-align); letter-spacing: var(--lp-how-h2-letter-spacing); }
.lp-howP { font: var(--lp-how-pfont); line-height: var(--lp-how-pline-height); margin: var(--lp-how-pmargin); max-width: var(--lp-how-pmax-width); text-align: var(--lp-how-ptext-align); color: var(--lp-how-pcolor); }
.lp-howCards { display: var(--lp-how-cards-display); flex-wrap: var(--lp-how-cards-flex-wrap); gap: var(--lp-how-cards-gap); margin-top: var(--lp-how-cards-margin-top); flex-direction: var(--lp-how-cards-flex-direction); }
.lp-howCards-0 { flex: var(--lp-how-cards0-flex); min-width: var(--lp-how-cards0-min-width); box-sizing: var(--lp-how-cards0-box-sizing); padding: var(--lp-how-cards0-padding); border-radius: var(--lp-how-cards0-border-radius); background: var(--lp-how-cards0-background); box-shadow: var(--lp-how-cards0-box-shadow); }
.lp-howCards-0-0 { position: var(--lp-how-cards00-position); height: var(--lp-how-cards00-height); border-radius: var(--lp-how-cards00-border-radius); background: var(--lp-how-cards00-background); overflow: var(--lp-how-cards00-overflow); }
.lp-howCards-0-0-0 { font: var(--lp-how-cards000-font); position: var(--lp-how-cards000-position); left: var(--lp-how-cards000-left); top: var(--lp-how-cards000-top); display: var(--lp-how-cards000-display); align-items: var(--lp-how-cards000-align-items); letter-spacing: var(--lp-how-cards000-letter-spacing); }
.lp-howCards-0-0-0-0 { color: var(--lp-how-cards0000-color); }
.lp-howCards-0-0-0-1 { color: var(--lp-how-cards0001-color); }
.lp-howCards-0-0-0-2 { display: var(--lp-how-cards0002-display); width: var(--lp-how-cards0002-width); height: var(--lp-how-cards0002-height); margin-left: var(--lp-how-cards0002-margin-left); border-radius: var(--lp-how-cards0002-border-radius); background: var(--lp-how-cards0002-background); }
.lp-howCards-0-0-1 { position: var(--lp-how-cards001-position); left: var(--lp-how-cards001-left); top: var(--lp-how-cards001-top); width: var(--lp-how-cards001-width); margin-left: var(--lp-how-cards001-margin-left); border-radius: var(--lp-how-cards001-border-radius); background: var(--lp-how-cards001-background); transform: var(--lp-how-cards001-transform); box-shadow: var(--lp-how-cards001-box-shadow); }
.lp-howCards-0-0-1-0 { height: var(--lp-how-cards0010-height); display: var(--lp-how-cards0010-display); align-items: var(--lp-how-cards0010-align-items); justify-content: var(--lp-how-cards0010-justify-content); }
.lp-howCards-0-0-1-0-0 { display: var(--lp-how-cards00100-display); max-height: var(--lp-how-cards00100-max-height); max-width: var(--lp-how-cards00100-max-width); }
.lp-howCards-0-0-1-1 { display: var(--lp-how-cards0011-display); align-items: var(--lp-how-cards0011-align-items); justify-content: var(--lp-how-cards0011-justify-content); padding: var(--lp-how-cards0011-padding); }
.lp-howCards-0-0-1-1-0 { font: var(--lp-how-cards00110-font); }
.lp-howCards-0-0-1-1-1 { font: var(--lp-how-cards00111-font); height: var(--lp-how-cards00111-height); padding: var(--lp-how-cards00111-padding); border-radius: var(--lp-how-cards00111-border-radius); background: var(--lp-how-cards00111-background); color: var(--lp-how-cards00111-color); display: var(--lp-how-cards00111-display); align-items: var(--lp-how-cards00111-align-items); gap: var(--lp-how-cards00111-gap); }
.lp-howCards-0-1 { padding: var(--lp-how-cards01-padding); }
.lp-howCards-0-1-0 { font: var(--lp-how-cards010-font); margin: var(--lp-how-cards010-margin); letter-spacing: var(--lp-how-cards010-letter-spacing); }
.lp-howCards-0-1-1 { font: var(--lp-how-cards011-font); line-height: var(--lp-how-cards011-line-height); margin: var(--lp-how-cards011-margin); color: var(--lp-how-cards011-color); }
.lp-howCards-1 { flex: var(--lp-how-cards1-flex); min-width: var(--lp-how-cards1-min-width); box-sizing: var(--lp-how-cards1-box-sizing); padding: var(--lp-how-cards1-padding); border-radius: var(--lp-how-cards1-border-radius); background: var(--lp-how-cards1-background); box-shadow: var(--lp-how-cards1-box-shadow); }
.lp-howCards-1-0 { position: var(--lp-how-cards10-position); height: var(--lp-how-cards10-height); border-radius: var(--lp-how-cards10-border-radius); background: var(--lp-how-cards10-background); overflow: var(--lp-how-cards10-overflow); }
.lp-howCards-1-0-0 { position: var(--lp-how-cards100-position); left: var(--lp-how-cards100-left); top: var(--lp-how-cards100-top); width: var(--lp-how-cards100-width); height: var(--lp-how-cards100-height); margin-left: var(--lp-how-cards100-margin-left); border-radius: var(--lp-how-cards100-border-radius); overflow: var(--lp-how-cards100-overflow); transform: var(--lp-how-cards100-transform); box-shadow: var(--lp-how-cards100-box-shadow); }
.lp-howCards-1-0-0-0 { position: var(--lp-how-cards1000-position); left: var(--lp-how-cards1000-left); top: var(--lp-how-cards1000-top); display: var(--lp-how-cards1000-display); }
.lp-howCards-1-0-0-1 { position: var(--lp-how-cards1001-position); inset: var(--lp-how-cards1001-inset); background: var(--lp-how-cards1001-background); }
.lp-howCards-1-0-0-2 { position: var(--lp-how-cards1002-position); left: var(--lp-how-cards1002-left); top: var(--lp-how-cards1002-top); width: var(--lp-how-cards1002-width); height: var(--lp-how-cards1002-height); filter: var(--lp-how-cards1002-filter); object-fit: var(--lp-how-cards1002-object-fit); }
.lp-howCards-1-0-0-3 { position: var(--lp-how-cards1003-position); left: var(--lp-how-cards1003-left); top: var(--lp-how-cards1003-top); width: var(--lp-how-cards1003-width); height: var(--lp-how-cards1003-height); filter: var(--lp-how-cards1003-filter); object-fit: var(--lp-how-cards1003-object-fit); }
.lp-howCards-1-0-1 { font: var(--lp-how-cards101-font); position: var(--lp-how-cards101-position); left: var(--lp-how-cards101-left); top: var(--lp-how-cards101-top); height: var(--lp-how-cards101-height); padding: var(--lp-how-cards101-padding); border-radius: var(--lp-how-cards101-border-radius); background: var(--lp-how-cards101-background); box-shadow: var(--lp-how-cards101-box-shadow); display: var(--lp-how-cards101-display); align-items: var(--lp-how-cards101-align-items); gap: var(--lp-how-cards101-gap); white-space: var(--lp-how-cards101-white-space); }
.lp-howCards-1-0-1-0 { width: var(--lp-how-cards1010-width); height: var(--lp-how-cards1010-height); border-radius: var(--lp-how-cards1010-border-radius); background: var(--lp-how-cards1010-background); }
.lp-howCards-1-0-2 { font: var(--lp-how-cards102-font); position: var(--lp-how-cards102-position); left: var(--lp-how-cards102-left); top: var(--lp-how-cards102-top); height: var(--lp-how-cards102-height); padding: var(--lp-how-cards102-padding); border-radius: var(--lp-how-cards102-border-radius); background: var(--lp-how-cards102-background); box-shadow: var(--lp-how-cards102-box-shadow); display: var(--lp-how-cards102-display); align-items: var(--lp-how-cards102-align-items); gap: var(--lp-how-cards102-gap); white-space: var(--lp-how-cards102-white-space); }
.lp-howCards-1-0-2-0 { width: var(--lp-how-cards1020-width); height: var(--lp-how-cards1020-height); border-radius: var(--lp-how-cards1020-border-radius); background: var(--lp-how-cards1020-background); box-shadow: var(--lp-how-cards1020-box-shadow); }
.lp-howCards-1-1 { padding: var(--lp-how-cards11-padding); }
.lp-howCards-1-1-0 { font: var(--lp-how-cards110-font); margin: var(--lp-how-cards110-margin); letter-spacing: var(--lp-how-cards110-letter-spacing); }
.lp-howCards-1-1-1 { font: var(--lp-how-cards111-font); line-height: var(--lp-how-cards111-line-height); margin: var(--lp-how-cards111-margin); color: var(--lp-how-cards111-color); }
.lp-howCards-2 { flex: var(--lp-how-cards2-flex); min-width: var(--lp-how-cards2-min-width); box-sizing: var(--lp-how-cards2-box-sizing); padding: var(--lp-how-cards2-padding); border-radius: var(--lp-how-cards2-border-radius); background: var(--lp-how-cards2-background); box-shadow: var(--lp-how-cards2-box-shadow); }
.lp-howCards-2-0 { position: var(--lp-how-cards20-position); height: var(--lp-how-cards20-height); border-radius: var(--lp-how-cards20-border-radius); background: var(--lp-how-cards20-background); overflow: var(--lp-how-cards20-overflow); }
.lp-howCards-2-0-0 { position: var(--lp-how-cards200-position); left: var(--lp-how-cards200-left); top: var(--lp-how-cards200-top); width: var(--lp-how-cards200-width); box-sizing: var(--lp-how-cards200-box-sizing); padding: var(--lp-how-cards200-padding); border-radius: var(--lp-how-cards200-border-radius); background: var(--lp-how-cards200-background); transform: var(--lp-how-cards200-transform); box-shadow: var(--lp-how-cards200-box-shadow); }
.lp-howCards-2-0-0-0 { font: var(--lp-how-cards2000-font); color: var(--lp-how-cards2000-color); }
.lp-howCards-2-0-0-1 { font: var(--lp-how-cards2001-font); margin-top: var(--lp-how-cards2001-margin-top); padding: var(--lp-how-cards2001-padding); border-top: var(--lp-how-cards2001-border-top); }
.lp-howCards-2-0-0-2 { font: var(--lp-how-cards2002-font); padding: var(--lp-how-cards2002-padding); border-top: var(--lp-how-cards2002-border-top); }
.lp-howCards-2-0-0-3 { font: var(--lp-how-cards2003-font); padding: var(--lp-how-cards2003-padding); border-top: var(--lp-how-cards2003-border-top); }
.lp-howCards-2-0-1 { position: var(--lp-how-cards201-position); left: var(--lp-how-cards201-left); top: var(--lp-how-cards201-top); }
.lp-howCards-2-0-2 { position: var(--lp-how-cards202-position); left: var(--lp-how-cards202-left); top: var(--lp-how-cards202-top); width: var(--lp-how-cards202-width); height: var(--lp-how-cards202-height); border-radius: var(--lp-how-cards202-border-radius); background: var(--lp-how-cards202-background); transform: var(--lp-how-cards202-transform); box-shadow: var(--lp-how-cards202-box-shadow); display: var(--lp-how-cards202-display); align-items: var(--lp-how-cards202-align-items); justify-content: var(--lp-how-cards202-justify-content); }
.lp-howCards-2-0-2-0 { display: var(--lp-how-cards2020-display); max-width: var(--lp-how-cards2020-max-width); max-height: var(--lp-how-cards2020-max-height); }
.lp-howCards-2-0-3 { position: var(--lp-how-cards203-position); left: var(--lp-how-cards203-left); top: var(--lp-how-cards203-top); width: var(--lp-how-cards203-width); height: var(--lp-how-cards203-height); border-radius: var(--lp-how-cards203-border-radius); background: var(--lp-how-cards203-background); transform: var(--lp-how-cards203-transform); box-shadow: var(--lp-how-cards203-box-shadow); display: var(--lp-how-cards203-display); align-items: var(--lp-how-cards203-align-items); justify-content: var(--lp-how-cards203-justify-content); }
.lp-howCards-2-0-3-0 { display: var(--lp-how-cards2030-display); max-width: var(--lp-how-cards2030-max-width); max-height: var(--lp-how-cards2030-max-height); }
.lp-howCards-2-0-4 { position: var(--lp-how-cards204-position); left: var(--lp-how-cards204-left); top: var(--lp-how-cards204-top); width: var(--lp-how-cards204-width); height: var(--lp-how-cards204-height); border-radius: var(--lp-how-cards204-border-radius); background: var(--lp-how-cards204-background); transform: var(--lp-how-cards204-transform); box-shadow: var(--lp-how-cards204-box-shadow); display: var(--lp-how-cards204-display); align-items: var(--lp-how-cards204-align-items); justify-content: var(--lp-how-cards204-justify-content); }
.lp-howCards-2-0-4-0 { display: var(--lp-how-cards2040-display); max-width: var(--lp-how-cards2040-max-width); max-height: var(--lp-how-cards2040-max-height); }
.lp-howCards-2-1 { padding: var(--lp-how-cards21-padding); }
.lp-howCards-2-1-0 { font: var(--lp-how-cards210-font); margin: var(--lp-how-cards210-margin); letter-spacing: var(--lp-how-cards210-letter-spacing); }
.lp-howCards-2-1-1 { font: var(--lp-how-cards211-font); line-height: var(--lp-how-cards211-line-height); margin: var(--lp-how-cards211-margin); color: var(--lp-how-cards211-color); }
.lp-lists { max-width: var(--lp-lists-max-width); margin: var(--lp-lists-margin); padding: var(--lp-lists-padding); }
.lp-listsH2 { font: var(--lp-lists-h2-font); line-height: var(--lp-lists-h2-line-height); margin: var(--lp-lists-h2-margin); text-align: var(--lp-lists-h2-text-align); letter-spacing: var(--lp-lists-h2-letter-spacing); }
.lp-listsP { font: var(--lp-lists-pfont); line-height: var(--lp-lists-pline-height); margin: var(--lp-lists-pmargin); max-width: var(--lp-lists-pmax-width); text-align: var(--lp-lists-ptext-align); color: var(--lp-lists-pcolor); }
.lp-occ { display: var(--lp-occ-display); flex-wrap: var(--lp-occ-flex-wrap); gap: var(--lp-occ-gap); margin-top: var(--lp-occ-margin-top); grid-template-columns: var(--lp-occ-grid-template-columns); }
.lp-occ-0 { flex: var(--lp-occ0-flex); position: var(--lp-occ0-position); aspect-ratio: var(--lp-occ0-aspect-ratio); }
.lp-occ-0-0 { position: var(--lp-occ00-position); left: var(--lp-occ00-left); top: var(--lp-occ00-top); width: var(--lp-occ00-width); height: var(--lp-occ00-height); display: var(--lp-occ00-display); }
.lp-occ-0-1 { font: var(--lp-occ01-font); line-height: var(--lp-occ01-line-height); position: var(--lp-occ01-position); left: var(--lp-occ01-left); top: var(--lp-occ01-top); right: var(--lp-occ01-right); color: var(--lp-occ01-color); letter-spacing: var(--lp-occ01-letter-spacing); }
.lp-occ-1 { flex: var(--lp-occ1-flex); position: var(--lp-occ1-position); aspect-ratio: var(--lp-occ1-aspect-ratio); }
.lp-occ-1-0 { position: var(--lp-occ10-position); left: var(--lp-occ10-left); top: var(--lp-occ10-top); width: var(--lp-occ10-width); height: var(--lp-occ10-height); display: var(--lp-occ10-display); }
.lp-occ-1-1 { font: var(--lp-occ11-font); line-height: var(--lp-occ11-line-height); position: var(--lp-occ11-position); left: var(--lp-occ11-left); top: var(--lp-occ11-top); right: var(--lp-occ11-right); color: var(--lp-occ11-color); letter-spacing: var(--lp-occ11-letter-spacing); }
.lp-occ-2 { flex: var(--lp-occ2-flex); position: var(--lp-occ2-position); aspect-ratio: var(--lp-occ2-aspect-ratio); }
.lp-occ-2-0 { position: var(--lp-occ20-position); left: var(--lp-occ20-left); top: var(--lp-occ20-top); width: var(--lp-occ20-width); height: var(--lp-occ20-height); display: var(--lp-occ20-display); }
.lp-occ-2-1 { font: var(--lp-occ21-font); line-height: var(--lp-occ21-line-height); position: var(--lp-occ21-position); left: var(--lp-occ21-left); top: var(--lp-occ21-top); right: var(--lp-occ21-right); color: var(--lp-occ21-color); letter-spacing: var(--lp-occ21-letter-spacing); }
.lp-occ-3 { flex: var(--lp-occ3-flex); position: var(--lp-occ3-position); aspect-ratio: var(--lp-occ3-aspect-ratio); }
.lp-occ-3-0 { position: var(--lp-occ30-position); left: var(--lp-occ30-left); top: var(--lp-occ30-top); width: var(--lp-occ30-width); height: var(--lp-occ30-height); display: var(--lp-occ30-display); }
.lp-occ-3-1 { font: var(--lp-occ31-font); line-height: var(--lp-occ31-line-height); position: var(--lp-occ31-position); left: var(--lp-occ31-left); top: var(--lp-occ31-top); right: var(--lp-occ31-right); color: var(--lp-occ31-color); letter-spacing: var(--lp-occ31-letter-spacing); }
.lp-occ-4 { flex: var(--lp-occ4-flex); position: var(--lp-occ4-position); aspect-ratio: var(--lp-occ4-aspect-ratio); }
.lp-occ-4-0 { position: var(--lp-occ40-position); left: var(--lp-occ40-left); top: var(--lp-occ40-top); width: var(--lp-occ40-width); height: var(--lp-occ40-height); display: var(--lp-occ40-display); }
.lp-occ-4-1 { font: var(--lp-occ41-font); line-height: var(--lp-occ41-line-height); position: var(--lp-occ41-position); left: var(--lp-occ41-left); top: var(--lp-occ41-top); right: var(--lp-occ41-right); color: var(--lp-occ41-color); letter-spacing: var(--lp-occ41-letter-spacing); }
.lp-occ-5 { flex: var(--lp-occ5-flex); position: var(--lp-occ5-position); aspect-ratio: var(--lp-occ5-aspect-ratio); }
.lp-occ-5-0 { position: var(--lp-occ50-position); left: var(--lp-occ50-left); top: var(--lp-occ50-top); width: var(--lp-occ50-width); height: var(--lp-occ50-height); display: var(--lp-occ50-display); }
.lp-occ-5-1 { font: var(--lp-occ51-font); line-height: var(--lp-occ51-line-height); position: var(--lp-occ51-position); left: var(--lp-occ51-left); top: var(--lp-occ51-top); right: var(--lp-occ51-right); color: var(--lp-occ51-color); letter-spacing: var(--lp-occ51-letter-spacing); }
.lp-share { max-width: var(--lp-share-max-width); margin: var(--lp-share-margin); padding: var(--lp-share-padding); }
.lp-shareH2 { font: var(--lp-share-h2-font); line-height: var(--lp-share-h2-line-height); margin: var(--lp-share-h2-margin); text-align: var(--lp-share-h2-text-align); letter-spacing: var(--lp-share-h2-letter-spacing); }
.lp-shareP { font: var(--lp-share-pfont); line-height: var(--lp-share-pline-height); margin: var(--lp-share-pmargin); max-width: var(--lp-share-pmax-width); text-align: var(--lp-share-ptext-align); color: var(--lp-share-pcolor); }
.lp-shareCards { display: var(--lp-share-cards-display); flex-wrap: var(--lp-share-cards-flex-wrap); gap: var(--lp-share-cards-gap); margin-top: var(--lp-share-cards-margin-top); flex-direction: var(--lp-share-cards-flex-direction); }
.lp-shareCards-0 { flex: var(--lp-share-cards0-flex); min-width: var(--lp-share-cards0-min-width); box-sizing: var(--lp-share-cards0-box-sizing); padding: var(--lp-share-cards0-padding); border-radius: var(--lp-share-cards0-border-radius); background: var(--lp-share-cards0-background); box-shadow: var(--lp-share-cards0-box-shadow); }
.lp-shareCards-0-0 { position: var(--lp-share-cards00-position); height: var(--lp-share-cards00-height); border-radius: var(--lp-share-cards00-border-radius); background: var(--lp-share-cards00-background); overflow: var(--lp-share-cards00-overflow); display: var(--lp-share-cards00-display); flex-direction: var(--lp-share-cards00-flex-direction); justify-content: var(--lp-share-cards00-justify-content); gap: var(--lp-share-cards00-gap); padding: var(--lp-share-cards00-padding); box-sizing: var(--lp-share-cards00-box-sizing); }
.lp-shareCards-0-0-0 { font: var(--lp-share-cards000-font); line-height: var(--lp-share-cards000-line-height); align-self: var(--lp-share-cards000-align-self); max-width: var(--lp-share-cards000-max-width); padding: var(--lp-share-cards000-padding); border-radius: var(--lp-share-cards000-border-radius); background: var(--lp-share-cards000-background); }
.lp-shareCards-0-0-1 { font: var(--lp-share-cards001-font); line-height: var(--lp-share-cards001-line-height); align-self: var(--lp-share-cards001-align-self); max-width: var(--lp-share-cards001-max-width); padding: var(--lp-share-cards001-padding); border-radius: var(--lp-share-cards001-border-radius); background: var(--lp-share-cards001-background); color: var(--lp-share-cards001-color); }
.lp-shareCards-0-0-2 { align-self: var(--lp-share-cards002-align-self); width: var(--lp-share-cards002-width); display: var(--lp-share-cards002-display); align-items: var(--lp-share-cards002-align-items); gap: var(--lp-share-cards002-gap); padding: var(--lp-share-cards002-padding); box-sizing: var(--lp-share-cards002-box-sizing); border-radius: var(--lp-share-cards002-border-radius); background: var(--lp-share-cards002-background); box-shadow: var(--lp-share-cards002-box-shadow); }
.lp-shareCards-0-0-2-0 { display: var(--lp-share-cards0020-display); border-radius: var(--lp-share-cards0020-border-radius); }
.lp-shareCards-0-0-2-1 { display: var(--lp-share-cards0021-display); flex-direction: var(--lp-share-cards0021-flex-direction); }
.lp-shareCards-0-0-2-1-0 { font: var(--lp-share-cards00210-font); }
.lp-shareCards-0-0-2-1-1 { font: var(--lp-share-cards00211-font); color: var(--lp-share-cards00211-color); margin-top: var(--lp-share-cards00211-margin-top); }
.lp-shareCards-0-1 { padding: var(--lp-share-cards01-padding); }
.lp-shareCards-0-1-0 { font: var(--lp-share-cards010-font); margin: var(--lp-share-cards010-margin); letter-spacing: var(--lp-share-cards010-letter-spacing); }
.lp-shareCards-0-1-1 { font: var(--lp-share-cards011-font); line-height: var(--lp-share-cards011-line-height); margin: var(--lp-share-cards011-margin); color: var(--lp-share-cards011-color); }
.lp-shareCards-1 { flex: var(--lp-share-cards1-flex); min-width: var(--lp-share-cards1-min-width); box-sizing: var(--lp-share-cards1-box-sizing); padding: var(--lp-share-cards1-padding); border-radius: var(--lp-share-cards1-border-radius); background: var(--lp-share-cards1-background); box-shadow: var(--lp-share-cards1-box-shadow); }
.lp-shareCards-1-0 { position: var(--lp-share-cards10-position); height: var(--lp-share-cards10-height); border-radius: var(--lp-share-cards10-border-radius); background: var(--lp-share-cards10-background); overflow: var(--lp-share-cards10-overflow); }
.lp-shareCards-1-0-0 { position: var(--lp-share-cards100-position); left: var(--lp-share-cards100-left); top: var(--lp-share-cards100-top); width: var(--lp-share-cards100-width); margin-left: var(--lp-share-cards100-margin-left); border-radius: var(--lp-share-cards100-border-radius); background: var(--lp-share-cards100-background); transform: var(--lp-share-cards100-transform); box-shadow: var(--lp-share-cards100-box-shadow); }
.lp-shareCards-1-0-0-0 { height: var(--lp-share-cards1000-height); display: var(--lp-share-cards1000-display); align-items: var(--lp-share-cards1000-align-items); justify-content: var(--lp-share-cards1000-justify-content); }
.lp-shareCards-1-0-0-0-0 { display: var(--lp-share-cards10000-display); max-height: var(--lp-share-cards10000-max-height); }
.lp-shareCards-1-0-0-1 { padding: var(--lp-share-cards1001-padding); }
.lp-shareCards-1-0-0-1-0 { font: var(--lp-share-cards10010-font); }
.lp-shareCards-1-0-0-1-1 { font: var(--lp-share-cards10011-font); color: var(--lp-share-cards10011-color); margin-top: var(--lp-share-cards10011-margin-top); }
.lp-shareCards-1-0-1 { position: var(--lp-share-cards101-position); left: var(--lp-share-cards101-left); bottom: var(--lp-share-cards101-bottom); width: var(--lp-share-cards101-width); margin-left: var(--lp-share-cards101-margin-left); box-sizing: var(--lp-share-cards101-box-sizing); padding: var(--lp-share-cards101-padding); border-radius: var(--lp-share-cards101-border-radius); background: var(--lp-share-cards101-background); backdrop-filter: var(--lp-share-cards101-backdrop-filter); -webkit-backdrop-filter: var(--lp-share-cards101-webkit-backdrop-filter); border: var(--lp-share-cards101-border); box-shadow: var(--lp-share-cards101-box-shadow); text-align: var(--lp-share-cards101-text-align); }
.lp-shareCards-1-0-1-0 { font: var(--lp-share-cards1010-font); }
.lp-shareCards-1-0-1-1 { display: var(--lp-share-cards1011-display); gap: var(--lp-share-cards1011-gap); margin-top: var(--lp-share-cards1011-margin-top); }
.lp-shareCards-1-0-1-1-0 { font: var(--lp-share-cards10110-font); flex: var(--lp-share-cards10110-flex); height: var(--lp-share-cards10110-height); border-radius: var(--lp-share-cards10110-border-radius); border: var(--lp-share-cards10110-border); background: var(--lp-share-cards10110-background); color: var(--lp-share-cards10110-color); }
.lp-shareCards-1-0-1-1-1 { font: var(--lp-share-cards10111-font); flex: var(--lp-share-cards10111-flex); height: var(--lp-share-cards10111-height); border-radius: var(--lp-share-cards10111-border-radius); border: var(--lp-share-cards10111-border); background: var(--lp-share-cards10111-background); color: var(--lp-share-cards10111-color); }
.lp-shareCards-1-1 { padding: var(--lp-share-cards11-padding); }
.lp-shareCards-1-1-0 { font: var(--lp-share-cards110-font); margin: var(--lp-share-cards110-margin); letter-spacing: var(--lp-share-cards110-letter-spacing); }
.lp-shareCards-1-1-1 { font: var(--lp-share-cards111-font); line-height: var(--lp-share-cards111-line-height); margin: var(--lp-share-cards111-margin); color: var(--lp-share-cards111-color); }
.lp-shareCards-2 { flex: var(--lp-share-cards2-flex); min-width: var(--lp-share-cards2-min-width); box-sizing: var(--lp-share-cards2-box-sizing); padding: var(--lp-share-cards2-padding); border-radius: var(--lp-share-cards2-border-radius); background: var(--lp-share-cards2-background); box-shadow: var(--lp-share-cards2-box-shadow); }
.lp-shareCards-2-0 { position: var(--lp-share-cards20-position); height: var(--lp-share-cards20-height); border-radius: var(--lp-share-cards20-border-radius); background: var(--lp-share-cards20-background); overflow: var(--lp-share-cards20-overflow); }
.lp-shareCards-2-0-0 { position: var(--lp-share-cards200-position); left: var(--lp-share-cards200-left); top: var(--lp-share-cards200-top); width: var(--lp-share-cards200-width); margin-left: var(--lp-share-cards200-margin-left); border-radius: var(--lp-share-cards200-border-radius); background: var(--lp-share-cards200-background); overflow: var(--lp-share-cards200-overflow); transform: var(--lp-share-cards200-transform); box-shadow: var(--lp-share-cards200-box-shadow); }
.lp-shareCards-2-0-0-0 { height: var(--lp-share-cards2000-height); display: var(--lp-share-cards2000-display); align-items: var(--lp-share-cards2000-align-items); justify-content: var(--lp-share-cards2000-justify-content); }
.lp-shareCards-2-0-0-0-0 { display: var(--lp-share-cards20000-display); max-height: var(--lp-share-cards20000-max-height); }
.lp-shareCards-2-0-0-1 { padding: var(--lp-share-cards2001-padding); }
.lp-shareCards-2-0-0-1-0 { font: var(--lp-share-cards20010-font); }
.lp-shareCards-2-0-0-1-1 { font: var(--lp-share-cards20011-font); color: var(--lp-share-cards20011-color); margin-top: var(--lp-share-cards20011-margin-top); }
.lp-shareCards-2-0-1 { font: var(--lp-share-cards201-font); position: var(--lp-share-cards201-position); left: var(--lp-share-cards201-left); bottom: var(--lp-share-cards201-bottom); height: var(--lp-share-cards201-height); margin-left: var(--lp-share-cards201-margin-left); width: var(--lp-share-cards201-width); box-sizing: var(--lp-share-cards201-box-sizing); border-radius: var(--lp-share-cards201-border-radius); background: var(--lp-share-cards201-background); color: var(--lp-share-cards201-color); display: var(--lp-share-cards201-display); align-items: var(--lp-share-cards201-align-items); justify-content: var(--lp-share-cards201-justify-content); gap: var(--lp-share-cards201-gap); box-shadow: var(--lp-share-cards201-box-shadow); }
.lp-shareCards-2-1 { padding: var(--lp-share-cards21-padding); }
.lp-shareCards-2-1-0 { font: var(--lp-share-cards210-font); margin: var(--lp-share-cards210-margin); letter-spacing: var(--lp-share-cards210-letter-spacing); }
.lp-shareCards-2-1-1 { font: var(--lp-share-cards211-font); line-height: var(--lp-share-cards211-line-height); margin: var(--lp-share-cards211-margin); color: var(--lp-share-cards211-color); }
.lp-get { position: var(--lp-get-position); padding: var(--lp-get-padding); text-align: var(--lp-get-text-align); overflow: var(--lp-get-overflow); }
.lp-getRibbonWide { position: var(--lp-get-ribbon-wide-position); left: var(--lp-get-ribbon-wide-left); top: var(--lp-get-ribbon-wide-top); width: var(--lp-get-ribbon-wide-width); height: var(--lp-get-ribbon-wide-height); display: var(--lp-get-ribbon-wide-display); opacity: var(--lp-get-ribbon-wide-opacity); }
.lp-getRibbonNarrow { position: var(--lp-get-ribbon-narrow-position); left: var(--lp-get-ribbon-narrow-left); top: var(--lp-get-ribbon-narrow-top); width: var(--lp-get-ribbon-narrow-width); height: var(--lp-get-ribbon-narrow-height); display: var(--lp-get-ribbon-narrow-display); margin-left: var(--lp-get-ribbon-narrow-margin-left); }
.lp-getGlow { position: var(--lp-get-glow-position); left: var(--lp-get-glow-left); top: var(--lp-get-glow-top); width: var(--lp-get-glow-width); height: var(--lp-get-glow-height); transform: var(--lp-get-glow-transform); border-radius: var(--lp-get-glow-border-radius); background: var(--lp-get-glow-background); filter: var(--lp-get-glow-filter); opacity: var(--lp-get-glow-opacity); }
.lp-getInner { position: var(--lp-get-inner-position); }
.lp-getIcon { display: var(--lp-get-icon-display); margin: var(--lp-get-icon-margin); border-radius: var(--lp-get-icon-border-radius); box-shadow: var(--lp-get-icon-box-shadow); }
.lp-getH2 { font: var(--lp-get-h2-font); line-height: var(--lp-get-h2-line-height); margin: var(--lp-get-h2-margin); letter-spacing: var(--lp-get-h2-letter-spacing); }
.lp-getP { font: var(--lp-get-pfont); margin: var(--lp-get-pmargin); color: var(--lp-get-pcolor); }
.lp-getA { font: var(--lp-get-afont); margin-top: var(--lp-get-amargin-top); height: var(--lp-get-aheight); padding: var(--lp-get-apadding); border-radius: var(--lp-get-aborder-radius); background: var(--lp-get-abackground); color: var(--lp-get-acolor); display: var(--lp-get-adisplay); align-items: var(--lp-get-aalign-items); text-decoration: var(--lp-get-atext-decoration); box-shadow: var(--lp-get-abox-shadow); }
.lp-footer { border-top: var(--lp-footer-border-top); }
.lp-footerInner { max-width: var(--lp-footer-inner-max-width); margin: var(--lp-footer-inner-margin); padding: var(--lp-footer-inner-padding); display: var(--lp-footer-inner-display); flex-wrap: var(--lp-footer-inner-flex-wrap); align-items: var(--lp-footer-inner-align-items); justify-content: var(--lp-footer-inner-justify-content); gap: var(--lp-footer-inner-gap); flex-direction: var(--lp-footer-inner-flex-direction); text-align: var(--lp-footer-inner-text-align); }
.lp-fBrand { display: var(--lp-f-brand-display); align-items: var(--lp-f-brand-align-items); gap: var(--lp-f-brand-gap); text-decoration: var(--lp-f-brand-text-decoration); color: var(--lp-f-brand-color); }
.lp-fBrandImg { display: var(--lp-f-brand-img-display); border-radius: var(--lp-f-brand-img-border-radius); }
.lp-fBrandText { font: var(--lp-f-brand-text-font); letter-spacing: var(--lp-f-brand-text-letter-spacing); }
.lp-fLinks { font: var(--lp-f-links-font); display: var(--lp-f-links-display); flex-wrap: var(--lp-f-links-flex-wrap); gap: var(--lp-f-links-gap); justify-content: var(--lp-f-links-justify-content); }
.lp-fLink { color: var(--lp-f-link-color); text-decoration: var(--lp-f-link-text-decoration); }
.lp-fCopy { font: var(--lp-f-copy-font); color: var(--lp-f-copy-color); }

/* one layout only: after the class rules, so they win */
.lp-only-wide { display: var(--lp-only-wide-display); }
.lp-only-narrow { display: var(--lp-only-narrow-display); }
.lp-nb { display: var(--lp-nb-display); }