/* =========================================================================
   landing.css — Chocolate/caramel landing redesign
   Scope: #apreshLandingPage only. Coexists with main.css (app chat UI).
   Step 1: design tokens + custom utilities (brief globals-additions.css port).
   Component-level styles (.lp-nav, .lp-hero, .lp-pricing-card...) arrive
   in subsequent steps.
   ========================================================================= */

/* ---------- Design tokens (chocolate/caramel palette) ---------- */
:root {
  /* Surfaces */
  --lp-cream:        #f5ece1;
  --lp-cream-light:  #faf2e6;
  --lp-cream-deep:   #e0cfa8;
  --lp-offwhite:     #fdf9f2;

  /* Text & neutrals */
  --lp-chocolate:              #2b1810;
  --lp-chocolate-soft:         #4a2c1f;
  --lp-chocolate-muted:        #8a7060;
  --lp-chocolate-muted-light:  #b8a593;

  /* Accents */
  --lp-caramel:          #a0643d;
  --lp-caramel-dark:     #6b3a1c;
  --lp-caramel-light:    #eed4b9;
  --lp-caramel-lighter:  #f7e8d3;
  --lp-mahogany:         #7a2d15;

  /* Borders */
  --lp-line:        #e0d0bd;
  --lp-line-light:  #ede1d0;

  /* Shadows (warm-toned, not neutral gray) */
  --lp-shadow-soft:         0 4px 10px rgba(43, 24, 16, 0.06), 0 8px 24px rgba(43, 24, 16, 0.04);
  --lp-shadow-dark-cta:     0 8px 20px rgba(43, 24, 16, 0.22);
  --lp-shadow-caramel-glow: 0 8px 56px rgba(160, 100, 61, 0.28), 0 14px 40px rgba(43, 24, 16, 0.09);

  /* Gradients */
  --lp-gradient-dark:    linear-gradient(90deg, #2b1810 0%, #4a2c1f 100%);
  --lp-gradient-caramel: linear-gradient(135deg, #f7e8d3 0%, #fdf7ec 100%);
  --lp-gradient-price:   linear-gradient(180deg, #2b1810 0%, #6b3a1c 100%);

  /* Radii */
  --lp-radius:     12px;
  --lp-radius-lg:  16px;
  --lp-radius-xl:  24px;

  /* Typography */
  --lp-font-sans: 'Inter', system-ui, -apple-system, sans-serif;
}

/* ---------- Custom utilities (port of globals-additions.css) ---------- */

/* Page background (radial gradients + cream base) */
.bg-page {
  background:
    radial-gradient(ellipse at 20% 0%, #fdf7ec 0%, transparent 50%),
    radial-gradient(ellipse at 80% 100%, #ead9c8 0%, transparent 50%),
    var(--lp-cream);
}

/* Gradient text for the big "99" price */
.text-gradient-price {
  background: var(--lp-gradient-price);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

/* Gradient border for featured pricing card (two-background technique) */
.gradient-border-chocolate {
  background:
    linear-gradient(180deg, #fdf7ec 0%, #faf2e6 100%) padding-box,
    linear-gradient(135deg, #a0643d 0%, #6b3a1c 50%, #a0643d 100%) border-box;
  border: 2px solid transparent;
}

/* Decorative background blobs */
.blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  opacity: 0.5;
  pointer-events: none;
  z-index: 0;
}
.blob-caramel { background: var(--lp-caramel-light); }
.blob-cream   { background: var(--lp-cream-light); }

/* Tiny icons (check / lock) for pricing feature rows */
.check-icon {
  width: 18px; height: 18px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 9999px; flex-shrink: 0;
  background: var(--lp-caramel); color: #ffffff;
  font-size: 10px; font-weight: 700;
  margin-top: 3px;
}
.lock-icon {
  width: 18px; height: 18px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 9999px; flex-shrink: 0;
  background: var(--lp-cream-deep); color: var(--lp-chocolate-muted-light);
  font-size: 10px; font-weight: 700;
  margin-top: 3px;
}

/* Scroll-down indicator animation */
.scroll-bounce { animation: lp-scroll-bounce 2s ease-in-out infinite; }
@keyframes lp-scroll-bounce {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(6px); }
}

/* FAQ accordion: + icon rotates to × when <details open> */
.faq-item[open] summary .faq-icon { transform: rotate(45deg); }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary { list-style: none; cursor: pointer; }
.faq-icon { transition: transform 0.2s ease; display: inline-block; }

/* Smooth scroll for in-page anchors (landing uses #pricing, #replaces, etc.) */
html { scroll-behavior: smooth; }

/* ---------- Tiny layout helpers (used across sections) ---------- */
.lp-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}
.lp-flex        { display: flex; }
.lp-grid        { display: grid; }
.lp-grid-2      { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.lp-grid-3      { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.lp-grid-4      { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.lp-text-center { text-align: center; }
.lp-relative    { position: relative; }

@media (max-width: 1023px) {
  .lp-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lp-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .lp-grid-2, .lp-grid-3, .lp-grid-4 { grid-template-columns: minmax(0, 1fr); }
  .lp-container { padding-left: 16px; padding-right: 16px; }
}

/* =========================================================================
   STEP 2 — Nav, Pricing, Footer (scoped under #apreshLandingPage)
   ========================================================================= */

#apreshLandingPage {
  font-family: var(--lp-font-sans);
  color: var(--lp-chocolate);
  /* Clip any decorative .blob or element positioned with negative offsets
     (e.g. .lp-pricing blobs at right:-100px / left:-150px) so they cannot
     push the page beyond the viewport width and create a horizontal
     scrollbar. `clip` (rather than `hidden`) preserves the ability to
     position sticky children without creating a scroll container. */
  overflow-x: clip;
}

/* ---------- NAV ---------- */
#apreshLandingPage .lp-nav {
  position: relative;
  z-index: 20;
  max-width: 1440px;
  margin: 0 auto;
  padding: 20px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
#apreshLandingPage .lp-nav__brand {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}
#apreshLandingPage .lp-nav__logo {
  width: 40px; height: 40px;
  border-radius: 12px;
  background: var(--lp-caramel);
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-weight: 700; font-size: 18px;
}
#apreshLandingPage .lp-nav__brand-text { line-height: 1.15; }
#apreshLandingPage .lp-nav__brand-text strong {
  display: block;
  font-weight: 700;
  color: var(--lp-chocolate);
  letter-spacing: -0.01em;
}
#apreshLandingPage .lp-nav__brand-text span {
  display: block;
  font-size: 11px;
  color: var(--lp-chocolate-muted);
  font-weight: 500;
}
#apreshLandingPage .lp-nav__menu {
  display: flex;
  align-items: center;
  gap: 24px;
  font-size: 14px;
}
#apreshLandingPage .lp-nav__link {
  color: var(--lp-chocolate-soft);
  font-weight: 500;
  text-decoration: none;
  transition: color 0.15s;
}
#apreshLandingPage .lp-nav__link:hover { color: var(--lp-chocolate); }
#apreshLandingPage .lp-nav__actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
#apreshLandingPage .lp-nav__login {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  background: #fff;
  border: 1px solid var(--lp-line-light);
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 500;
  color: var(--lp-chocolate);
  text-decoration: none;
}
#apreshLandingPage .lp-nav__login::before {
  content: '';
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--lp-caramel);
}
#apreshLandingPage .lp-nav__cta {
  padding: 10px 16px;
  background: var(--lp-chocolate);
  border-radius: 9999px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.15s;
}
#apreshLandingPage .lp-nav__cta:hover { background: var(--lp-chocolate-soft); }

@media (max-width: 767px) {
  #apreshLandingPage .lp-nav { padding: 16px; gap: 8px; }
  #apreshLandingPage .lp-nav__menu { display: none; }
  #apreshLandingPage .lp-nav__login {
    padding: 6px 10px;
    font-size: 12px;
    gap: 6px;
  }
  #apreshLandingPage .lp-nav__login::before { display: none; }
  #apreshLandingPage .lp-nav__cta { padding: 8px 12px; font-size: 12px; }
  #apreshLandingPage .lp-nav__brand-text span { display: none; }
}

/* ---------- PRICING ---------- */
#apreshLandingPage .lp-pricing {
  position: relative;
  padding: 80px 0;
}
#apreshLandingPage .lp-pricing__inner {
  position: relative;
  z-index: 10;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 32px;
}
#apreshLandingPage .lp-pricing__header {
  max-width: 680px;
  margin: 0 auto;
  text-align: center;
}
#apreshLandingPage .lp-pricing__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: var(--lp-caramel-light);
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 700;
  color: var(--lp-caramel-dark);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
#apreshLandingPage .lp-pricing__badge::before {
  content: '';
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--lp-caramel);
}
#apreshLandingPage .lp-pricing__title {
  margin-top: 16px;
  font-size: clamp(36px, 5vw, 56px);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.05;
  color: var(--lp-chocolate);
}
#apreshLandingPage .lp-pricing__subtitle {
  margin-top: 16px;
  font-size: 17px;
  color: var(--lp-chocolate-muted);
  line-height: 1.65;
}
#apreshLandingPage .lp-pricing__anchor {
  margin-top: 32px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: var(--lp-gradient-caramel);
  border: 1px solid var(--lp-caramel-light);
  border-radius: 16px;
  padding: 16px 24px;
  text-align: left;
  max-width: 100%;
}
#apreshLandingPage .lp-pricing__anchor::before {
  content: '';
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--lp-caramel);
  flex-shrink: 0;
}
#apreshLandingPage .lp-pricing__anchor-text {
  font-size: 15px;
  color: var(--lp-chocolate-soft);
  line-height: 1.5;
}
#apreshLandingPage .lp-pricing__anchor-text strong {
  font-weight: 600;
  color: var(--lp-caramel-dark);
}
#apreshLandingPage .lp-pricing__grid {
  margin: 48px auto 0;
  display: grid;
  grid-template-columns: 380px 1fr;
  gap: 24px;
  max-width: 960px;
}
@media (max-width: 900px) {
  #apreshLandingPage .lp-pricing__grid { grid-template-columns: minmax(0, 1fr); }
}

/* Cards */
#apreshLandingPage .lp-pricing-card {
  position: relative;
  border-radius: 24px;
}
#apreshLandingPage .lp-pricing-card--free {
  background: var(--lp-offwhite);
  border: 1px solid var(--lp-line-light);
  padding: 32px;
  box-shadow: var(--lp-shadow-soft);
}
#apreshLandingPage .lp-pricing-card--paid {
  padding: 40px;
  box-shadow: var(--lp-shadow-caramel-glow);
  /* .gradient-border-chocolate supplies the rim */
}
#apreshLandingPage .lp-pricing-card__tier-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
#apreshLandingPage .lp-pricing-card__tier {
  font-size: 12px;
  font-weight: 700;
  color: var(--lp-chocolate-muted);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
#apreshLandingPage .lp-pricing-card__tier-badge {
  padding: 4px 10px;
  background: var(--lp-cream-deep);
  border-radius: 9999px;
  font-size: 10px;
  font-weight: 500;
  color: var(--lp-chocolate-soft);
}
#apreshLandingPage .lp-pricing-card__rec-badge {
  padding: 6px 14px;
  background: var(--lp-caramel);
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
#apreshLandingPage .lp-pricing-card__price-row {
  margin-top: 20px;
  display: flex;
  align-items: flex-end;
  gap: 4px;
}
#apreshLandingPage .lp-pricing-card__currency-sm {
  font-size: 28px;
  color: var(--lp-chocolate-muted);
  font-weight: 500;
}
#apreshLandingPage .lp-pricing-card__amount-sm {
  font-size: 72px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--lp-chocolate);
}
#apreshLandingPage .lp-pricing-card__tagline {
  margin-top: 8px;
  font-size: 14px;
  color: var(--lp-chocolate-muted);
}
#apreshLandingPage .lp-pricing-card__divider {
  height: 1px;
  background: var(--lp-line-light);
  margin: 20px 0;
  border: 0;
}
#apreshLandingPage .lp-pricing-card__features {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 14px;
}
#apreshLandingPage .lp-pricing-card__feature {
  display: flex;
  gap: 10px;
  line-height: 1.4;
  color: var(--lp-chocolate-soft);
}
#apreshLandingPage .lp-pricing-card__feature--locked {
  color: var(--lp-chocolate-muted-light);
}
#apreshLandingPage .lp-pricing-card__cta-ghost {
  margin-top: 28px;
  display: block;
  text-align: center;
  padding: 14px 20px;
  background: #fff;
  border: 1px solid var(--lp-line);
  border-radius: 12px;
  font-weight: 600;
  font-size: 15px;
  color: var(--lp-chocolate);
  text-decoration: none;
  transition: background 0.15s;
}
#apreshLandingPage .lp-pricing-card__cta-ghost:hover { background: var(--lp-offwhite); }

/* Paid-specific */
#apreshLandingPage .lp-pricing-card__label {
  margin-top: 20px;
  font-size: 12px;
  font-weight: 700;
  color: var(--lp-caramel-dark);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
#apreshLandingPage .lp-pricing-card__strike {
  margin-top: 4px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: line-through;
  color: var(--lp-chocolate-muted-light);
}
#apreshLandingPage .lp-pricing-card__big-price {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  margin-top: 2px;
}
#apreshLandingPage .lp-pricing-card__big-currency {
  font-size: 38px;
  font-weight: 800;
  color: var(--lp-mahogany);
  line-height: 1;
}
#apreshLandingPage .lp-pricing-card__big-amount {
  font-size: 104px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.04em;
}
#apreshLandingPage .lp-pricing-card__big-period {
  font-size: 16px;
  color: var(--lp-chocolate-muted);
  margin-bottom: 12px;
}
#apreshLandingPage .lp-pricing-card__sublabel {
  font-size: 13px;
  font-weight: 600;
  color: var(--lp-caramel-dark);
}
#apreshLandingPage .lp-pricing-card__dot-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 24px 0;
}
#apreshLandingPage .lp-pricing-card__dot-divider span:nth-child(1),
#apreshLandingPage .lp-pricing-card__dot-divider span:nth-child(3) {
  flex: 1;
  height: 1px;
  background: var(--lp-caramel-light);
}
#apreshLandingPage .lp-pricing-card__dot-divider span:nth-child(2) {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--lp-caramel);
}
#apreshLandingPage .lp-pricing-card__feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 20px;
  row-gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--lp-chocolate-soft);
}
@media (max-width: 640px) {
  #apreshLandingPage .lp-pricing-card__feature-grid { grid-template-columns: minmax(0, 1fr); }
}
#apreshLandingPage .lp-pricing-card__cta-primary {
  margin-top: 28px;
  display: block;
  width: 100%;
  text-align: center;
  background: var(--lp-gradient-dark);
  padding: 16px 24px;
  border-radius: 16px;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  text-decoration: none;
  box-shadow: var(--lp-shadow-dark-cta);
  transition: opacity 0.15s;
  border: none;
  cursor: pointer;
  font-family: inherit;
}
#apreshLandingPage .lp-pricing-card__cta-primary:hover { opacity: 0.9; }
#apreshLandingPage .lp-pricing-card__meta {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  font-size: 12px;
  color: var(--lp-chocolate-muted);
  font-weight: 500;
}
#apreshLandingPage .lp-pricing-card__meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
#apreshLandingPage .lp-pricing-card__meta span::before {
  content: '';
  width: 4px; height: 4px;
  border-radius: 50%;
  background: var(--lp-caramel);
}
#apreshLandingPage .lp-pricing__trust {
  margin-top: 40px;
  text-align: center;
}
#apreshLandingPage .lp-pricing__trust-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  background: #fff;
  border: 1px solid var(--lp-line-light);
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 500;
  color: var(--lp-chocolate-soft);
  box-shadow: var(--lp-shadow-soft);
}
#apreshLandingPage .lp-pricing__trust-pill::before {
  content: '';
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--lp-caramel);
}

/* Currency toggle — reuses existing data-attrs from main.js */
#apreshLandingPage .apresh-currency-toggle {
  display: inline-flex;
  align-items: center;
  background: var(--lp-cream-deep);
  border-radius: 9999px;
  padding: 4px;
  gap: 0;
}
#apreshLandingPage .apresh-currency-btn {
  padding: 6px 14px;
  border: none;
  background: transparent;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 500;
  color: var(--lp-chocolate-muted);
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s;
}
#apreshLandingPage .apresh-currency-btn.active {
  background: #fff;
  font-weight: 700;
  color: var(--lp-chocolate);
  box-shadow: 0 1px 2px rgba(43, 24, 16, 0.08);
}

/* ---------- FOOTER ---------- */
#apreshLandingPage .lp-footer {
  position: relative;
  padding: 48px 0 0;
  border-top: 1px solid var(--lp-line-light);
}
#apreshLandingPage .lp-footer__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 32px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 32px;
}
#apreshLandingPage .lp-footer__brand-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
#apreshLandingPage .lp-footer__logo {
  width: 36px; height: 36px;
  border-radius: 12px;
  background: var(--lp-caramel);
  display: flex; align-items: center; justify-content: center;
  color: #fff;
  font-weight: 700;
}
#apreshLandingPage .lp-footer__brand-text strong {
  display: block;
  font-weight: 700;
  color: var(--lp-chocolate);
}
#apreshLandingPage .lp-footer__brand-text span {
  display: block;
  font-size: 11px;
  color: var(--lp-chocolate-muted);
  font-weight: 500;
}
#apreshLandingPage .lp-footer__desc {
  margin-top: 16px;
  font-size: 13px;
  color: var(--lp-chocolate-muted);
  max-width: 320px;
  line-height: 1.7;
}
#apreshLandingPage .lp-footer__links {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  font-size: 13px;
}
#apreshLandingPage .lp-footer__link {
  color: var(--lp-chocolate-soft);
  font-weight: 500;
  text-decoration: none;
}
#apreshLandingPage .lp-footer__link:hover { color: var(--lp-caramel-dark); }
#apreshLandingPage .lp-footer__copyright {
  max-width: 1200px;
  margin: 32px auto 0;
  padding: 24px 32px 48px;
  border-top: 1px solid var(--lp-line-light);
  text-align: center;
  font-size: 12px;
  color: var(--lp-chocolate-muted-light);
}

/* =========================================================================
   STEP 3 — Hero, Chat mockup, Replace Strip, Pain, How It Works,
             Personas (tabs), What You Get, Final CTA, FAQ, Easter Egg
   (all scoped under #apreshLandingPage)
   ========================================================================= */

/* Scroll reveal — animate .apresh-reveal when .visible is added by IO */
#apreshLandingPage .apresh-reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
#apreshLandingPage .apresh-reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Shared section header pattern (Pain, How, Personas, What, FAQ) */
#apreshLandingPage .lp-section {
  position: relative;
  padding: 80px 0;
}
#apreshLandingPage .lp-section__inner {
  position: relative;
  z-index: 10;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 32px;
}
#apreshLandingPage .lp-section__header {
  max-width: 680px;
  margin: 0 auto;
  text-align: center;
}
#apreshLandingPage .lp-section__kicker {
  display: inline-block;
  padding: 4px 12px;
  background: var(--lp-caramel-lighter);
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 700;
  color: var(--lp-caramel-dark);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
#apreshLandingPage .lp-section__title {
  margin-top: 16px;
  font-size: clamp(32px, 4.5vw, 48px);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--lp-chocolate);
}
#apreshLandingPage .lp-section__title-accent { color: var(--lp-caramel-dark); }
#apreshLandingPage .lp-section__subtitle {
  margin-top: 16px;
  font-size: 17px;
  color: var(--lp-chocolate-muted);
  line-height: 1.65;
}

/* ---------- HERO ---------- */
#apreshLandingPage .lp-hero {
  position: relative;
  overflow: hidden;
}
#apreshLandingPage .lp-hero__inner {
  position: relative;
  z-index: 10;
  max-width: 1440px;
  margin: 0 auto;
  padding: 64px 32px 48px;
  display: grid;
  grid-template-columns: 1fr 640px;
  gap: 56px;
  align-items: center;
}
@media (max-width: 1100px) {
  #apreshLandingPage .lp-hero__inner { grid-template-columns: minmax(0, 1fr); gap: 40px; }
}
@media (max-width: 767px) {
  #apreshLandingPage .lp-hero__inner { padding: 32px 16px 24px; }
}
#apreshLandingPage .lp-hero__copy { min-width: 0; }
#apreshLandingPage .lp-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: var(--lp-caramel-light);
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 700;
  color: var(--lp-caramel-dark);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
#apreshLandingPage .lp-hero__badge::before {
  content: '';
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--lp-caramel);
}
#apreshLandingPage .lp-hero__title {
  margin-top: 24px;
  font-size: clamp(40px, 5vw, 56px);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: var(--lp-chocolate);
}
#apreshLandingPage .lp-hero__title-accent { color: var(--lp-caramel-dark); }
#apreshLandingPage .lp-hero__subtitle {
  margin-top: 20px;
  max-width: 480px;
  font-size: 17px;
  color: var(--lp-chocolate-muted);
  line-height: 1.65;
}
#apreshLandingPage .lp-hero__subtitle em {
  font-style: normal;
  color: var(--lp-chocolate-soft);
  font-weight: 500;
}
#apreshLandingPage .lp-hero__actions {
  margin-top: 28px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
#apreshLandingPage .lp-hero__cta-primary {
  display: inline-block;
  padding: 14px 24px;
  background: var(--lp-gradient-dark);
  border-radius: 12px;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
  box-shadow: var(--lp-shadow-dark-cta);
  transition: opacity 0.15s;
}
#apreshLandingPage .lp-hero__cta-primary:hover { opacity: 0.9; }
#apreshLandingPage .lp-hero__cta-ghost {
  display: inline-block;
  padding: 14px 24px;
  background: #fff;
  border: 1px solid var(--lp-line);
  border-radius: 12px;
  color: var(--lp-chocolate);
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  transition: background 0.15s;
}
#apreshLandingPage .lp-hero__cta-ghost:hover { background: var(--lp-offwhite); }
#apreshLandingPage .lp-hero__trust {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  font-size: 12px;
  color: var(--lp-chocolate-muted);
  font-weight: 500;
}
#apreshLandingPage .lp-hero__trust span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
#apreshLandingPage .lp-hero__trust span::before {
  content: '';
  width: 4px; height: 4px;
  border-radius: 50%;
  background: var(--lp-caramel);
}
#apreshLandingPage .lp-hero__scroll {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: center;
  padding-bottom: 48px;
}
#apreshLandingPage .lp-hero__scroll-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: #fff;
  border: 1px solid var(--lp-line-light);
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 500;
  color: var(--lp-chocolate-muted);
  text-decoration: none;
  box-shadow: var(--lp-shadow-soft);
  transition: background 0.15s;
}
#apreshLandingPage .lp-hero__scroll-link:hover { background: var(--lp-offwhite); }
#apreshLandingPage .lp-hero__scroll-link strong {
  color: var(--lp-caramel);
  font-weight: 700;
}

/* ---------- CHAT MOCKUP (hero right column) ---------- */
#apreshLandingPage .lp-chat {
  background: #fff;
  border: 1px solid var(--lp-line-light);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: var(--lp-shadow-caramel-glow);
  min-width: 0;
}
#apreshLandingPage .lp-chat__tabs {
  display: flex;
  align-items: center;
  gap: 28px;
  padding: 20px 24px 0;
  border-bottom: 1px solid var(--lp-line-light);
}
#apreshLandingPage .lp-chat__tab {
  padding-bottom: 12px;
  font-weight: 500;
  font-size: 13px;
  color: var(--lp-chocolate-muted);
}
#apreshLandingPage .lp-chat__tab--active {
  font-weight: 700;
  color: var(--lp-chocolate);
  border-bottom: 2px solid var(--lp-caramel);
}
#apreshLandingPage .lp-chat__tab-counter {
  margin-left: 2px;
  color: var(--lp-chocolate-muted-light);
}
#apreshLandingPage .lp-chat__tab-actions {
  margin-left: auto;
  padding-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
#apreshLandingPage .lp-chat__icon-btn {
  width: 28px; height: 28px;
  border-radius: 9999px;
  background: var(--lp-offwhite);
  border: 1px solid var(--lp-line-light);
  color: var(--lp-chocolate-muted);
  font-size: 12px;
  cursor: pointer;
  font-family: inherit;
}
#apreshLandingPage .lp-chat__body {
  padding: 24px;
  min-height: 280px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#apreshLandingPage .lp-chat__msg {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
#apreshLandingPage .lp-chat__avatar {
  width: 36px; height: 36px;
  border-radius: 50%;
  background: var(--lp-caramel);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
#apreshLandingPage .lp-chat__bubble {
  background: var(--lp-cream-light);
  border: 1px solid var(--lp-line-light);
  border-radius: 16px;
  border-top-left-radius: 4px;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 1.45;
  max-width: 420px;
  color: var(--lp-chocolate-soft);
}
#apreshLandingPage .lp-chat__meta {
  margin-top: 4px;
  margin-left: 4px;
  font-size: 11px;
  color: var(--lp-chocolate-muted-light);
}
#apreshLandingPage .lp-chat__suggest-label {
  margin-left: 4px;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 700;
  color: var(--lp-chocolate-muted);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
#apreshLandingPage .lp-chat__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
#apreshLandingPage .lp-chat__chip {
  padding: 8px 12px;
  background: var(--lp-offwhite);
  border: 1px solid var(--lp-line-light);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  color: var(--lp-chocolate-soft);
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s;
}
#apreshLandingPage .lp-chat__chip:hover {
  background: var(--lp-caramel-lighter);
  border-color: var(--lp-caramel-light);
}
#apreshLandingPage .lp-chat__input-wrap {
  padding: 8px 20px 20px;
  border-top: 1px solid var(--lp-line-light);
}
#apreshLandingPage .lp-chat__input-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: var(--lp-offwhite);
  border: 1px solid var(--lp-line-light);
  border-radius: 12px;
}
#apreshLandingPage .lp-chat__input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  font-size: 14px;
  color: var(--lp-chocolate);
  font-family: inherit;
  min-width: 0;
}
#apreshLandingPage .lp-chat__input::placeholder { color: var(--lp-chocolate-muted-light); }
#apreshLandingPage .lp-chat__send {
  padding: 6px 12px;
  background: var(--lp-chocolate);
  border: none;
  border-radius: 9999px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
#apreshLandingPage .lp-chat__meter {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4px;
}
#apreshLandingPage .lp-chat__meter-left {
  display: flex;
  align-items: center;
  gap: 8px;
}
#apreshLandingPage .lp-chat__meter-bar {
  width: 80px; height: 4px;
  background: var(--lp-caramel-light);
  border-radius: 9999px;
}
#apreshLandingPage .lp-chat__meter-text {
  font-size: 11px;
  font-weight: 500;
  color: var(--lp-chocolate-muted);
}
#apreshLandingPage .lp-chat__upgrade {
  font-size: 11px;
  font-weight: 700;
  color: var(--lp-caramel-dark);
  text-decoration: none;
}

/* ---------- REPLACE STRIP ---------- */
#apreshLandingPage .lp-replace {
  position: relative;
  padding: 56px 0;
}
#apreshLandingPage .lp-replace__inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 32px;
}
#apreshLandingPage .lp-replace__bar {
  background: var(--lp-gradient-caramel);
  border: 1px solid var(--lp-caramel-light);
  border-radius: 16px;
  padding: 20px 32px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px 28px;
}
#apreshLandingPage .lp-replace__label {
  font-size: 11px;
  font-weight: 700;
  color: var(--lp-chocolate-muted);
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
#apreshLandingPage .lp-replace__dot {
  width: 4px; height: 4px;
  border-radius: 50%;
  background: var(--lp-caramel);
}
#apreshLandingPage .lp-replace__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}
#apreshLandingPage .lp-replace__item strong {
  font-weight: 600;
  color: var(--lp-chocolate-soft);
}
#apreshLandingPage .lp-replace__item s {
  text-decoration: line-through;
  color: var(--lp-chocolate-muted-light);
  font-weight: 600;
}

/* ---------- PAIN POINTS ---------- */
#apreshLandingPage .lp-pain__grid {
  margin-top: 56px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}
@media (max-width: 1024px) {
  #apreshLandingPage .lp-pain__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  #apreshLandingPage .lp-pain__grid { grid-template-columns: minmax(0, 1fr); }
}
#apreshLandingPage .lp-pain__card {
  background: #fff;
  border: 1px solid var(--lp-line-light);
  border-radius: 16px;
  padding: 24px;
  box-shadow: var(--lp-shadow-soft);
  transition: border-color 0.2s;
}
#apreshLandingPage .lp-pain__card:hover { border-color: var(--lp-caramel-light); }
#apreshLandingPage .lp-pain__icon {
  width: 44px; height: 44px;
  border-radius: 12px;
  background: var(--lp-caramel-lighter);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}
#apreshLandingPage .lp-pain__title {
  margin-top: 16px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--lp-chocolate);
}
#apreshLandingPage .lp-pain__text {
  margin-top: 8px;
  font-size: 13px;
  color: var(--lp-chocolate-muted);
  line-height: 1.45;
}
#apreshLandingPage .lp-pain__cta-wrap {
  margin-top: 48px;
  text-align: center;
}
#apreshLandingPage .lp-pain__cta-text {
  max-width: 640px;
  margin: 0 auto;
  font-size: 18px;
  color: var(--lp-chocolate-soft);
  line-height: 1.65;
}
#apreshLandingPage .lp-pain__cta-text strong {
  font-weight: 600;
  color: var(--lp-chocolate);
}
#apreshLandingPage .lp-pain__cta-btn {
  margin-top: 24px;
  display: inline-block;
  padding: 16px 28px;
  background: var(--lp-gradient-dark);
  border-radius: 12px;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
  box-shadow: var(--lp-shadow-dark-cta);
  transition: opacity 0.15s;
  border: none;
  cursor: pointer;
  font-family: inherit;
}
#apreshLandingPage .lp-pain__cta-btn:hover { opacity: 0.9; }

/* ---------- HOW IT WORKS ---------- */
#apreshLandingPage .lp-how { background: linear-gradient(180deg, transparent 0%, rgba(250, 242, 230, 0.4) 50%, transparent 100%); }
#apreshLandingPage .lp-how .lp-section__inner { max-width: 1100px; }
#apreshLandingPage .lp-how__grid {
  position: relative;
  margin-top: 56px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
@media (max-width: 900px) {
  #apreshLandingPage .lp-how__grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  #apreshLandingPage .lp-how__line { display: none; }
}
#apreshLandingPage .lp-how__line {
  position: absolute;
  top: 52px;
  left: 15%;
  right: 15%;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, var(--lp-caramel-light) 50%, transparent 100%);
}
#apreshLandingPage .lp-how__card {
  position: relative;
  background: #fff;
  border: 1px solid var(--lp-line-light);
  border-radius: 16px;
  padding: 32px;
  box-shadow: var(--lp-shadow-soft);
}
#apreshLandingPage .lp-how__step {
  position: absolute;
  top: -20px;
  left: 32px;
  width: 40px; height: 40px;
  border-radius: 50%;
  background: var(--lp-chocolate);
  color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-weight: 700;
  font-size: 15px;
}
#apreshLandingPage .lp-how__card:nth-child(3) .lp-how__step { background: var(--lp-caramel); }
#apreshLandingPage .lp-how__card:nth-child(4) .lp-how__step { background: var(--lp-caramel-dark); }
#apreshLandingPage .lp-how__title {
  margin-top: 16px;
  font-size: 19px;
  font-weight: 700;
  color: var(--lp-chocolate);
}
#apreshLandingPage .lp-how__text {
  margin-top: 12px;
  font-size: 14px;
  color: var(--lp-chocolate-muted);
  line-height: 1.55;
}
#apreshLandingPage .lp-how__visual {
  margin-top: 20px;
  padding: 12px;
  background: var(--lp-offwhite);
  border: 1px solid var(--lp-line-light);
  border-radius: 12px;
}
#apreshLandingPage .lp-how__visual-label {
  font-size: 11px;
  font-weight: 700;
  color: var(--lp-chocolate-muted);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
#apreshLandingPage .lp-how__visual-row {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  line-height: 1.6;
}
#apreshLandingPage .lp-how__visual-row + .lp-how__visual-row { margin-top: 2px; }
#apreshLandingPage .lp-how__visual-row span:first-child { color: var(--lp-chocolate-muted); }
#apreshLandingPage .lp-how__visual-row span:last-child { font-weight: 500; color: var(--lp-chocolate); }
#apreshLandingPage .lp-how__bubble {
  background: var(--lp-cream-light);
  border: 1px solid var(--lp-line-light);
  border-radius: 8px;
  border-top-left-radius: 2px;
  padding: 8px 12px;
  font-size: 12px;
  max-width: 85%;
  color: var(--lp-chocolate-soft);
}
#apreshLandingPage .lp-how__bubble--ai {
  background: var(--lp-caramel-lighter);
  border-color: var(--lp-caramel-light);
  border-top-left-radius: 8px;
  border-top-right-radius: 2px;
  margin-left: auto;
}
#apreshLandingPage .lp-how__bubble + .lp-how__bubble { margin-top: 8px; }
#apreshLandingPage .lp-how__task {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 1.6;
}
#apreshLandingPage .lp-how__task + .lp-how__task { margin-top: 2px; }
#apreshLandingPage .lp-how__task-check {
  width: 12px; height: 12px;
  border-radius: 50%;
  background: var(--lp-caramel);
  color: #fff;
  font-size: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
#apreshLandingPage .lp-how__task-empty {
  width: 12px; height: 12px;
  border-radius: 50%;
  border: 1px solid var(--lp-line);
  flex-shrink: 0;
}
#apreshLandingPage .lp-how__task--done span:last-child { color: var(--lp-chocolate); }
#apreshLandingPage .lp-how__task--todo span:last-child { color: var(--lp-chocolate-muted); }

/* ---------- PERSONAS (tabs) ---------- */
#apreshLandingPage .lp-personas__tabs {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
#apreshLandingPage .lp-persona-tab {
  padding: 10px 16px;
  background: #fff;
  border: 1px solid var(--lp-line-light);
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 600;
  color: var(--lp-chocolate-soft);
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s;
}
#apreshLandingPage .lp-persona-tab:hover { border-color: var(--lp-caramel-light); }
#apreshLandingPage .lp-persona-tab.is-active {
  background: var(--lp-chocolate);
  border-color: var(--lp-chocolate);
  color: #fff;
}
#apreshLandingPage .lp-personas__panels {
  margin-top: 40px;
  background: #fff;
  border: 1px solid var(--lp-line-light);
  border-radius: 24px;
  padding: 32px;
  box-shadow: var(--lp-shadow-soft);
}
@media (min-width: 768px) {
  #apreshLandingPage .lp-personas__panels { padding: 40px; }
}
#apreshLandingPage .lp-persona-panel { display: none; }
#apreshLandingPage .lp-persona-panel.is-active { display: block; }
#apreshLandingPage .lp-persona-panel__grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 40px;
}
@media (max-width: 900px) {
  #apreshLandingPage .lp-persona-panel__grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}
#apreshLandingPage .lp-persona-panel__label {
  font-size: 11px;
  font-weight: 700;
  color: var(--lp-caramel-dark);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
#apreshLandingPage .lp-persona-panel__quote {
  margin: 12px 0 0;
  padding: 0 0 0 20px;
  border-left: 2px solid var(--lp-caramel);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--lp-chocolate);
}
#apreshLandingPage .lp-persona-panel__solutions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
@media (max-width: 700px) {
  #apreshLandingPage .lp-persona-panel__solutions { grid-template-columns: minmax(0, 1fr); }
}
#apreshLandingPage .lp-persona-panel__solution {
  padding: 20px;
  background: var(--lp-offwhite);
  border: 1px solid var(--lp-line-light);
  border-radius: 16px;
}
#apreshLandingPage .lp-persona-panel__sol-icon {
  width: 40px; height: 40px;
  border-radius: 12px;
  background: var(--lp-caramel-lighter);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
#apreshLandingPage .lp-persona-panel__sol-title {
  margin-top: 12px;
  font-size: 15px;
  font-weight: 700;
  color: var(--lp-chocolate);
}
#apreshLandingPage .lp-persona-panel__sol-text {
  margin-top: 6px;
  font-size: 13px;
  color: var(--lp-chocolate-muted);
  line-height: 1.45;
}
#apreshLandingPage .lp-personas__trust {
  margin-top: 32px;
  text-align: center;
  font-size: 14px;
  color: var(--lp-chocolate-muted);
}
#apreshLandingPage .lp-personas__trust strong {
  font-weight: 700;
  color: var(--lp-chocolate);
}

/* ---------- WHAT YOU GET ---------- */
#apreshLandingPage .lp-what { background: linear-gradient(180deg, transparent 0%, rgba(247, 232, 211, 0.3) 50%, transparent 100%); }
#apreshLandingPage .lp-what .lp-section__inner { max-width: 1100px; }
#apreshLandingPage .lp-what__grid {
  margin-top: 56px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
@media (max-width: 767px) {
  #apreshLandingPage .lp-what__grid { grid-template-columns: minmax(0, 1fr); }
}
#apreshLandingPage .lp-what__card {
  background: #fff;
  border: 1px solid var(--lp-line-light);
  border-radius: 16px;
  padding: 28px;
  box-shadow: var(--lp-shadow-soft);
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
#apreshLandingPage .lp-what__card--wide {
  grid-column: 1 / -1;
  padding: 28px;
  box-shadow: none;
}
#apreshLandingPage .lp-what__icon {
  width: 48px; height: 48px;
  flex-shrink: 0;
  border-radius: 12px;
  background: var(--lp-caramel-lighter);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}
#apreshLandingPage .lp-what__icon--dark {
  background: var(--lp-caramel);
  color: #fff;
}
#apreshLandingPage .lp-what__card-title {
  font-size: 17px;
  font-weight: 700;
  color: var(--lp-chocolate);
}
#apreshLandingPage .lp-what__card-text {
  margin-top: 8px;
  font-size: 14px;
  color: var(--lp-chocolate-muted);
  line-height: 1.55;
}
#apreshLandingPage .lp-what__card--wide .lp-what__card-text { color: var(--lp-chocolate-soft); }

/* ---------- FINAL CTA ---------- */
#apreshLandingPage .lp-final-cta {
  position: relative;
  padding: 80px 0;
}
#apreshLandingPage .lp-final-cta__inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 32px;
}
#apreshLandingPage .lp-final-cta__card {
  position: relative;
  overflow: hidden;
  background: var(--lp-chocolate);
  border-radius: 32px;
  padding: 64px 40px;
  text-align: center;
}
@media (max-width: 767px) {
  #apreshLandingPage .lp-final-cta__card { padding: 40px 24px; }
}
#apreshLandingPage .lp-final-cta__content {
  position: relative;
  z-index: 10;
}
#apreshLandingPage .lp-final-cta__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 700;
  color: var(--lp-caramel-light);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
#apreshLandingPage .lp-final-cta__badge::before {
  content: '';
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--lp-caramel);
}
#apreshLandingPage .lp-final-cta__title {
  margin-top: 20px;
  font-size: clamp(32px, 5vw, 56px);
  font-weight: 800;
  color: #fff;
  line-height: 1.05;
  letter-spacing: -0.03em;
}
#apreshLandingPage .lp-final-cta__subtitle {
  margin: 20px auto 0;
  max-width: 520px;
  font-size: 17px;
  color: #d4b898;
  line-height: 1.65;
}
#apreshLandingPage .lp-final-cta__subtitle strong {
  color: #fff;
  font-weight: 600;
}
#apreshLandingPage .lp-final-cta__subtitle s {
  text-decoration: line-through;
  color: var(--lp-chocolate-muted-light);
}
#apreshLandingPage .lp-final-cta__btn {
  margin-top: 32px;
  display: inline-block;
  background: #fff;
  color: var(--lp-chocolate);
  padding: 16px 32px;
  border-radius: 12px;
  font-weight: 700;
  font-size: 16px;
  text-decoration: none;
  transition: background 0.15s;
  border: none;
  cursor: pointer;
  font-family: inherit;
}
#apreshLandingPage .lp-final-cta__btn:hover { background: var(--lp-cream-light); }

/* ---------- FAQ ---------- */
#apreshLandingPage .lp-faq .lp-section__inner { max-width: 840px; }
#apreshLandingPage .lp-faq__list {
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#apreshLandingPage .lp-faq__item {
  background: #fff;
  border: 1px solid var(--lp-line-light);
  border-radius: 16px;
  box-shadow: var(--lp-shadow-soft);
}
#apreshLandingPage .lp-faq__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  cursor: pointer;
}
#apreshLandingPage .lp-faq__q {
  padding-right: 16px;
  font-size: 16px;
  font-weight: 600;
  color: var(--lp-chocolate);
  line-height: 1.4;
}
#apreshLandingPage .lp-faq__icon {
  flex-shrink: 0;
  color: var(--lp-caramel);
  font-size: 24px;
  font-weight: 300;
}
#apreshLandingPage .lp-faq__answer {
  padding: 0 24px 20px;
  font-size: 14px;
  color: var(--lp-chocolate-soft);
  line-height: 1.7;
}

/* ---------- EASTER EGG ---------- */
#apreshLandingPage .lp-easter {
  position: relative;
  padding: 64px 0;
}
#apreshLandingPage .lp-easter__inner {
  max-width: 680px;
  margin: 0 auto;
  padding: 0 32px;
  text-align: center;
}
#apreshLandingPage .lp-easter__emoji {
  font-size: 48px;
  margin-bottom: 16px;
}
#apreshLandingPage .lp-easter__title {
  font-size: 24px;
  font-weight: 700;
  color: var(--lp-chocolate);
}
#apreshLandingPage .lp-easter__text {
  margin-top: 12px;
  font-size: 15px;
  color: var(--lp-chocolate-muted);
  line-height: 1.7;
}
#apreshLandingPage .lp-easter__btn {
  margin-top: 24px;
  display: inline-block;
  padding: 12px 20px;
  background: #fff;
  border: 1px solid var(--lp-line);
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  color: var(--lp-chocolate);
  text-decoration: none;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.15s;
}
#apreshLandingPage .lp-easter__btn:hover { background: var(--lp-offwhite); }
#apreshLandingPage .lp-easter__note {
  margin-top: 12px;
  font-size: 12px;
  font-style: italic;
  color: var(--lp-chocolate-muted-light);
}