/* ═══════════════════════════════════════════════════
   LIBANCE — Landing 2.0  (prefix: lnd-)
   Palette: light first — white · cream · mint · brand green
   ═══════════════════════════════════════════════════ */

/* ─── TOKENS ─── */
:root {
  --lnd-white:  #FFFFFF;
  --lnd-bone:   #F5F7F5;
  --lnd-cream:  #F7FBF8;
  --lnd-mint:   #EDF5EE;
  --lnd-sage:   #DBF0DD;
  --lnd-brand:  #235347;
  --lnd-brand2: #173831;
  --lnd-brand3: #3D6047;
  --lnd-lime:   #8ff493;
  --lnd-lime2:  #75e07b;
  --lnd-teal:   #0D9488;
  --lnd-gold:   #D97706;
  --lnd-ink:    #0D1F0E;
  --lnd-ink2:   #1E3B22;
  --lnd-ink3:   #3D6047;
  --lnd-ink4:   #6D9475;
  --lnd-forest: #235347;
  --lnd-border: #BDD6C1;
  --lnd-border2:#D4EBD7;
  --lnd-dark:   #051F20;
  --lnd-dark2:  #0A2D2E;
  --lnd-sh-sm:  0 2px 8px rgba(13,31,14,.07);
  --lnd-sh-md:  0 4px 20px rgba(13,31,14,.1);
  --lnd-sh-lg:  0 8px 40px rgba(13,31,14,.12);
  --lnd-sh-xl:  0 16px 64px rgba(13,31,14,.14);
}

/* ─── BASE ─── */
body.landing-body {
  background: var(--lnd-white);
  color: var(--lnd-ink);
}

/* ─── NAV ─── */
body.landing-body #main-nav {
  background: rgba(255,255,255,.92) !important;
  border-bottom: 1px solid var(--lnd-border2) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow: 0 1px 0 rgba(189,214,193,.5) !important;
}
body.landing-body #main-nav.nav-on-dark {
  background: rgba(255,255,255,.92) !important;
  border-bottom: 1px solid var(--lnd-border2) !important;
}
body.landing-body #main-nav .brand-wordmark { color: var(--lnd-ink) !important; }
body.landing-body #main-nav .brand-dot { color: var(--lnd-lime2) !important; }
body.landing-body #main-nav .btn-ghost {
  color: var(--lnd-brand) !important;
  border-color: rgba(35,83,71,.22) !important;
  background: transparent !important;
}
body.landing-body #main-nav .btn-ghost:hover {
  background: rgba(35,83,71,.07) !important;
  color: var(--lnd-ink) !important;
}
body.landing-body #main-nav .btn-primary-sm {
  background: var(--lnd-lime) !important;
  color: var(--lnd-dark) !important; border: none !important;
  box-shadow: 0 4px 16px rgba(143,244,147,.3) !important;
  font-weight: 800 !important;
}
body.landing-body #main-nav .btn-primary-sm:hover {
  background: var(--lnd-lime2) !important;
  color: var(--lnd-dark) !important;
  box-shadow: 0 6px 24px rgba(143,244,147,.45) !important;
  transform: translateY(-1px) !important;
}

/* ═══════════════════════════════════════════════
   SHARED — DECORATIVE BACKGROUND ART
═══════════════════════════════════════════════ */

/* Circle art (circles within circles) */
.lnd-art-circles {
  position: absolute;
  pointer-events: none;
  overflow: visible;
}
.lnd-art-circles circle {
  fill: none;
  stroke: rgba(35,83,71,.24);
  stroke-width: 1.1;
}
.lnd-art-circles circle:nth-child(2) { stroke-width: 1; stroke: rgba(35,83,71,.20); }
.lnd-art-circles circle:nth-child(3) { stroke-width: 0.9; stroke: rgba(35,83,71,.16); }
.lnd-art-circles circle:nth-child(4) { stroke-width: 0.8; stroke: rgba(35,83,71,.12); }
.lnd-art-circles circle:nth-child(5) { stroke-width: 0.7; stroke: rgba(35,83,71,.08); }
.lnd-art-circles line { stroke: rgba(35,83,71,.14); stroke-width: 0.7; }
.lnd-art-circles path { fill: none; stroke: rgba(35,83,71,.16); stroke-width: 0.9; }

/* Curve art */
.lnd-art-curves {
  position: absolute;
  pointer-events: none;
  width: 100%; height: 100%;
  top: 0; left: 0;
  overflow: hidden;
}
.lnd-art-curves path { stroke-width: 1; fill: none; }

/* Dot grid */

/* ═══════════════════════════════════════════════
   1. HERO — marketplace cinematic
═══════════════════════════════════════════════ */
.lnd-hero {
  position: relative;
  overflow: visible;
  min-height: clamp(640px, 86vh, 820px);
  padding: calc(64px + clamp(2.8rem, 5vw, 5rem)) 2rem clamp(2.5rem, 5vw, 4.5rem);
  background: oklch(13% .018 162);
}

.lnd-hero-media,
.lnd-hero-shade {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.lnd-hero-media {
  background-image:
    linear-gradient(90deg, rgba(4, 18, 14, .98) 0%, rgba(4, 18, 14, .82) 34%, rgba(4, 18, 14, .42) 62%, rgba(4, 18, 14, .72) 100%),
    url("https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=2200&q=82");
  background-position: center;
  background-size: cover;
  transform: scale(1.02);
}

.lnd-hero-shade {
  background:
    radial-gradient(ellipse 42% 52% at 84% 26%, rgba(143, 244, 147, .22), transparent 64%),
    linear-gradient(180deg, rgba(4, 18, 14, .1), rgba(4, 18, 14, .46));
}

.lnd-hero-shell {
  position: relative;
  z-index: 2;
  width: min(1280px, 100%);
  min-height: 520px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(300px, .72fr);
  align-items: center;
  gap: clamp(2rem, 6vw, 6rem);
}

.lnd-hero-content {
  max-width: 840px;
  padding-bottom: 0;
}


.lnd-hero-title {
  margin: 0 0 1.35rem;
  color: oklch(98% .006 150);
  font-family: 'Outfit', sans-serif;
  font-size: clamp(3.1rem, 6.1vw, 5.7rem);
  font-weight: 400;
  line-height: .98;
  letter-spacing: 0;
  max-width: 11ch;
}

.lnd-hero-title em {
  display: block;
  color: var(--lnd-lime);
  font-style: normal;
  font-weight: 700;
}

.lnd-hero-copy {
  max-width: 62ch;
  margin: 0 0 1.35rem;
  color: rgba(246, 252, 247, .82);
  font-size: clamp(1rem, 1.7vw, 1.22rem);
  line-height: 1.72;
}

.lnd-search-wrap {
  display: flex;
  width: min(820px, 100%);
  min-height: 68px;
  margin-bottom: 1.05rem;
  background: oklch(98% .006 150);
  border: 1px solid rgba(246, 252, 247, .35);
  border-radius: 10px;
  box-shadow: 0 24px 60px rgba(2, 10, 7, .34);
  overflow: hidden;
  transition: box-shadow .24s cubic-bezier(.16,1,.3,1), transform .24s cubic-bezier(.16,1,.3,1);
}

.lnd-search-wrap:hover,
.lnd-search-wrap:focus-within {
  box-shadow: 0 28px 72px rgba(2, 10, 7, .42), 0 0 0 4px rgba(143, 244, 147, .22);
  transform: translateY(-1px);
}

.lnd-search-bar {
  flex: 1;
  min-width: 0;
  border: 0;
  background: transparent;
  display: flex;
  align-items: center;
  gap: .9rem;
  padding: 0 1.25rem;
  color: oklch(27% .035 155);
  text-align: left;
  cursor: pointer;
}

.lnd-search-icon,
.lnd-search-btn svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.lnd-search-ph {
  overflow: hidden;
  color: oklch(55% .03 155);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 1rem;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lnd-search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .6rem;
  padding: 0 1.65rem;
  background: var(--lnd-lime);
  color: var(--lnd-dark);
  font-family: 'Outfit', sans-serif;
  font-size: .95rem;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
  transition: background .2s, color .2s;
}

.lnd-search-btn:hover {
  background: var(--lnd-lime2);
  color: var(--lnd-dark);
}

.lnd-chips {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .65rem;
  margin-bottom: 2.4rem;
}

.lnd-chips-lbl {
  color: rgba(246, 252, 247, .76);
  font-size: .86rem;
  font-weight: 700;
}

.lnd-chip-btn {
  padding: .56rem .9rem;
  border: 1px solid rgba(246, 252, 247, .44);
  border-radius: 8px;
  background: rgba(246, 252, 247, .06);
  color: oklch(97% .008 150);
  font-size: .88rem;
  font-weight: 700;
  text-decoration: none;
  transition: background .2s, border-color .2s, color .2s, transform .22s cubic-bezier(.16,1,.3,1);
}

.lnd-chip-btn:hover {
  background: rgba(246, 252, 247, .96);
  border-color: rgba(246, 252, 247, .96);
  color: oklch(19% .04 155);
  transform: translateY(-2px);
}


/* ── Hero proof: 3-card fan stack ── */
.lnd-hero-proof {
  position: relative;
  width: 100%;
  height: 380px;
  align-self: center;
  perspective: 1200px;
}

/* Base card */
.lnd-proof-card {
  position: absolute;
  width: 260px;
  background: rgba(6,15,10,.72);
  border: 1px solid rgba(74,222,128,.14);
  border-radius: 14px;
  padding: 1.25rem 1.35rem;
  display: flex;
  flex-direction: column;
  gap: .85rem;
  color: #F0FDF4;
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  overflow: hidden;
  pointer-events: auto;
  will-change: transform, box-shadow;
  transition: transform 320ms cubic-bezier(.22,.68,0,1.2),
              box-shadow 320ms ease,
              border-color 240ms ease;
}

/* Subtle shimmer top edge */
.lnd-proof-card::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent);
  pointer-events: none;
}

/* Card A — left back */
.lnd-proof-card--a {
  top: 60px;
  left: calc(50% - 260px);
  z-index: 10;
  transform: rotate(-6deg) translateX(-10px);
  opacity: .75;
  box-shadow: 0 20px 50px rgba(0,0,0,.5);
}
.lnd-proof-card--a:hover {
  transform: rotate(-4deg) translateX(-4px) translateY(-8px);
  opacity: 1;
  border-color: rgba(74,222,128,.25);
  box-shadow: 0 28px 60px rgba(0,0,0,.5), 0 0 0 1px rgba(74,222,128,.12);
}

/* Card B — center front (main) */
.lnd-proof-card--b {
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 30;
  border-color: rgba(74,222,128,.22);
  box-shadow: 0 32px 80px rgba(0,0,0,.55), 0 0 0 1px rgba(74,222,128,.1), inset 0 1px 0 rgba(255,255,255,.06);
  background: rgba(5,18,11,.85);
}
.lnd-proof-card--b:hover {
  transform: translateX(-50%) translateY(-10px);
  border-color: rgba(74,222,128,.35);
  box-shadow: 0 44px 90px rgba(0,0,0,.55), 0 0 40px rgba(74,222,128,.06), 0 0 0 1px rgba(74,222,128,.2);
}

/* Card C — right back */
.lnd-proof-card--c {
  top: 60px;
  left: calc(50% + 150px);
  z-index: 10;
  transform: rotate(6deg) translateX(10px);
  opacity: .75;
  box-shadow: 0 20px 50px rgba(0,0,0,.5);
}
.lnd-proof-card--c:hover {
  transform: rotate(4deg) translateX(4px) translateY(-8px);
  opacity: 1;
  border-color: rgba(74,222,128,.25);
  box-shadow: 0 28px 60px rgba(0,0,0,.5), 0 0 0 1px rgba(74,222,128,.12);
}

/* Card header row */
.lnd-pc-header {
  display: flex;
  align-items: center;
  gap: .75rem;
}

.lnd-pc-meta {
  flex: 1;
  min-width: 0;
}
.lnd-pc-meta strong {
  display: block;
  font-size: .95rem;
  font-weight: 700;
  letter-spacing: -.018em;
  color: #F0FDF4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lnd-pc-meta em {
  display: block;
  font-style: normal;
  font-size: .72rem;
  color: rgba(240,253,244,.5);
  margin-top: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Verified badge */
.lnd-pc-badge {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  color: #4ADE80;
}
.lnd-pc-badge svg { width: 16px; height: 16px; }

/* Avatar */
.lnd-proof-avatar {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: .9rem;
  font-weight: 700;
  flex-shrink: 0;
  box-shadow: 0 6px 16px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.15);
  transition: transform 280ms cubic-bezier(.22,.68,0,1.2);
}
.lnd-proof-card:hover .lnd-proof-avatar {
  transform: scale(1.1);
}
.lnd-proof-avatar--a { background: linear-gradient(135deg, #0D9488, #14B8A6); }
.lnd-proof-avatar--b { background: linear-gradient(135deg, #2563EB, #3B82F6); }
.lnd-proof-avatar--c { background: linear-gradient(135deg, #D97706, #F59E0B); }

/* Skills pills */
.lnd-pc-skills {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}
.lnd-pc-skills span {
  font-size: .67rem;
  font-weight: 600;
  letter-spacing: .03em;
  color: rgba(240,253,244,.7);
  background: rgba(74,222,128,.08);
  border: 1px solid rgba(74,222,128,.12);
  border-radius: 4px;
  padding: .2rem .5rem;
  text-transform: uppercase;
}

/* Stats row (only card B) */
.lnd-pc-stat-row {
  display: flex;
  gap: .5rem;
}
.lnd-pc-stat {
  flex: 1;
  text-align: center;
  background: rgba(74,222,128,.05);
  border: 1px solid rgba(74,222,128,.09);
  border-radius: 8px;
  padding: .45rem .3rem;
}
.lnd-pc-stat span {
  display: block;
  font-size: .9rem;
  font-weight: 700;
  color: #F0FDF4;
  letter-spacing: -.02em;
}
.lnd-pc-stat small {
  display: block;
  font-size: .62rem;
  color: rgba(240,253,244,.45);
  margin-top: 1px;
}

/* Card footer row */
.lnd-pc-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: .5rem;
  border-top: 1px solid rgba(74,222,128,.08);
}
.lnd-pc-rate {
  font-size: 1rem;
  font-weight: 700;
  color: #F0FDF4;
  letter-spacing: -.02em;
}
.lnd-pc-rate small {
  font-size: .72rem;
  font-weight: 400;
  color: rgba(240,253,244,.45);
}
.lnd-pc-stars {
  font-size: .75rem;
  color: #FCD34D;
  font-weight: 600;
}
.lnd-pc-stars small {
  color: rgba(240,253,244,.4);
  font-weight: 400;
}
.lnd-pc-match {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  font-size: .72rem;
  font-weight: 700;
  color: #4ADE80;
  background: rgba(74,222,128,.1);
  border: 1px solid rgba(74,222,128,.18);
  border-radius: 99px;
  padding: .2rem .65rem;
}
.lnd-pc-match svg { width: 11px; height: 11px; }

/* Floating live badge */
.lnd-pc-live-badge {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .45rem 1rem;
  background: rgba(4,13,8,.88);
  border: 1px solid rgba(74,222,128,.2);
  border-radius: 99px;
  font-size: .72rem;
  font-weight: 600;
  color: rgba(240,253,244,.7);
  backdrop-filter: blur(12px);
  box-shadow: 0 8px 32px rgba(0,0,0,.4);
  animation: lndPillFloat 3s ease-in-out infinite;
  white-space: nowrap;
}
.lnd-pc-live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #4ADE80;
  box-shadow: 0 0 6px rgba(74,222,128,.8);
  animation: lndPulse 1.8s ease-in-out infinite;
  flex-shrink: 0;
}

@keyframes lndPillFloat {
  0%, 100% { transform: translateX(-50%) translateY(0); }
  50% { transform: translateX(-50%) translateY(-5px); }
}
@keyframes lndPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: .6; transform: scale(.85); }
}


/* ═══════════════════════════════════════════════
   SHARED — SECTION SEPARATOR (elegant ornament line)
═══════════════════════════════════════════════ */
.lnd-brief-sec,
.lnd-cats-sec,
.lnd-how-sec,
.lnd-paths-sec,
.lnd-preview-sec,
.lnd-guar-sec,
.lnd-cta-sec {
  border-top: none !important;
  background: var(--lnd-bone) !important;
}

/* Gradient line separator — fades at edges, diamond center ornament */
.lnd-brief-sec::before,
.lnd-cats-sec::before,
.lnd-how-sec::before,
.lnd-paths-sec::before,
.lnd-preview-sec::before,
.lnd-guar-sec::before,
.lnd-cta-sec::before {
  content: '';
  position: absolute;
  top: 0; left: 10%; right: 10%;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(35,83,71,.1) 15%,
    rgba(35,83,71,.18) 45%,
    rgba(35,83,71,.18) 55%,
    rgba(35,83,71,.1) 85%,
    transparent 100%
  );
  pointer-events: none;
}

/* ═══════════════════════════════════════════════
   2. BRIEF DESCRIPTION
═══════════════════════════════════════════════ */
.lnd-brief-sec {
  padding: 7rem 2rem;
  position: relative; overflow: hidden;
}
.lnd-brief-sec .lnd-art-circles { bottom: -15%; right: -6%; width: 500px; height: 500px; opacity: .55; }
.lnd-brief-grid {
  max-width: var(--page-max); margin: 0 auto;
  display: grid; grid-template-columns: 1fr 1fr; gap: 5rem;
  align-items: center;
}
.lnd-brief-eyebrow {
  display: inline-flex; align-items: center; gap: 6px;
  padding: .35rem .875rem;
  background: var(--lnd-mint);
  border: 1px solid var(--lnd-border);
  border-radius: 999px;
  font-size: .7rem; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; color: var(--lnd-brand);
  margin-bottom: 1.25rem;
}
.lnd-brief-h {
  font-family: 'Outfit', sans-serif;
  font-size: clamp(2rem,3.5vw,2.75rem);
  font-weight: 900; letter-spacing: -.04em;
  color: var(--lnd-ink); line-height: 1.12;
  margin: 0 0 1.25rem;
}
.lnd-brief-p {
  font-size: 1.05rem; line-height: 1.75;
  color: var(--lnd-ink3); margin: 0 0 2rem;
}

/* ── BRIEF: acceso visual ── */
.lnd-brief-access {
  display: flex;
  gap: 0;
  background: rgba(255,255,255,.7);
  border: 1px solid rgba(35,83,71,.12);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 6px 28px rgba(35,83,71,.07);
  align-self: center;
}
.lnd-access-col {
  flex: 1;
  padding: 2rem 1.75rem;
}
.lnd-access-col--yes {
  background: rgba(35,83,71,.04);
}
.lnd-access-divider {
  width: 1px;
  background: rgba(35,83,71,.1);
  flex-shrink: 0;
}
.lnd-access-label {
  display: block;
  font-size: .65rem; font-weight: 800; letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
}
.lnd-access-col--no .lnd-access-label { color: rgba(26,46,28,.35); }
.lnd-access-col--yes .lnd-access-label { color: var(--lnd-forest); }
.lnd-access-list {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-direction: column; gap: .75rem;
}
.lnd-access-list li {
  font-size: .88rem; line-height: 1.4; display: flex; align-items: flex-start; gap: .6rem;
}
.lnd-access-list li::before {
  content: '';
  flex-shrink: 0;
  margin-top: .35em;
  width: 14px; height: 14px;
  border-radius: 50%;
  background-size: contain; background-repeat: no-repeat; background-position: center;
}
.lnd-access-col--no .lnd-access-list li {
  color: rgba(26,46,28,.45);
  text-decoration: line-through;
  text-decoration-color: rgba(26,46,28,.2);
}
.lnd-access-col--no .lnd-access-list li::before {
  background-color: rgba(26,46,28,.1);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='rgba(26,46,28,.35)' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='3' y1='3' x2='11' y2='11'/%3E%3Cline x1='11' y1='3' x2='3' y2='11'/%3E%3C/svg%3E");
}
.lnd-access-col--yes .lnd-access-list li {
  color: var(--lnd-ink2);
  font-weight: 600;
}
.lnd-access-col--yes .lnd-access-list li::before {
  background-color: rgba(35,83,71,.1);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23235347' stroke-width='2.5' stroke-linecap='round'%3E%3Cpolyline points='2,7 5.5,10.5 12,4'/%3E%3C/svg%3E");
}

/* ── BRIEF: verificación flujo (no embudo) ── */
.lnd-filter-vis {
  background: linear-gradient(135deg, rgba(255,255,255,.85) 0%, rgba(237,245,238,.6) 100%);
  border: 1px solid rgba(35,83,71,.15);
  border-radius: 22px;
  padding: 2.25rem;
  box-shadow: 0 8px 32px rgba(35,83,71,.09), inset 0 1px 0 rgba(255,255,255,.8);
  backdrop-filter: blur(12px);
  position: relative; overflow: hidden;
}
.lnd-filter-vis::before {
  content: '';
  position: absolute; top: 0; right: 0; bottom: 0; left: 0;
  background: radial-gradient(ellipse 600px 300px at 100% 0%, rgba(143,244,147,.06), transparent);
  pointer-events: none;
}

/* ═══════════════════════════════════════════════
   4. CATEGORIES
═══════════════════════════════════════════════ */
.lnd-cats-sec {
  padding: 8rem 2rem;
  background: var(--lnd-cream);
  border-top: 1px solid var(--lnd-border2);
  position: relative; overflow: hidden;
}
.lnd-cats-sec .lnd-art-circles { top: -8%; left: -5%; width: 550px; height: 550px; }
.lnd-cats-sec .lnd-art-curves { opacity: 1; }

.lnd-cats-grid {
  max-width: var(--page-max); margin: 0 auto;
  display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem;
}
.lnd-cat-card {
  background: var(--lnd-white);
  border: 1.5px solid var(--lnd-border2);
  border-radius: 18px;
  padding: 1.5rem 1.25rem;
  display: flex; flex-direction: column; gap: .75rem;
  cursor: pointer;
  transition: border-color .22s, box-shadow .22s, transform .22s, background .22s;
}
.lnd-cat-card:hover {
  border-color: var(--lnd-lime);
  background: var(--lnd-mint);
  box-shadow: var(--lnd-sh-md);
  transform: translateY(-4px);
}
.lnd-cat-icon {
  width: 48px; height: 48px; border-radius: 13px;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid transparent;
  transition: transform .3s cubic-bezier(.16,1,.3,1);
}
.lnd-cat-card:hover .lnd-cat-icon { transform: scale(1.1) rotate(-5deg); }
.lnd-cat-name { font-size: .92rem; font-weight: 700; color: var(--lnd-ink); line-height: 1.3; }
.lnd-cat-desc { font-size: .76rem; color: var(--lnd-ink4); line-height: 1.55; flex: 1; }
.lnd-cat-count { font-size: .72rem; font-weight: 700; color: var(--lnd-brand3); }

/* per-cat colors — 4-color brand palette cycle */
.lnd-cat-card:nth-child(1)  .lnd-cat-icon,
.lnd-cat-card:nth-child(5)  .lnd-cat-icon,
.lnd-cat-card:nth-child(9)  .lnd-cat-icon { background: rgba(13,148,136,.1); border-color: rgba(13,148,136,.2); color: var(--lnd-teal); }

.lnd-cat-card:nth-child(2)  .lnd-cat-icon,
.lnd-cat-card:nth-child(6)  .lnd-cat-icon,
.lnd-cat-card:nth-child(10) .lnd-cat-icon { background: rgba(217,119,6,.1); border-color: rgba(217,119,6,.2); color: var(--lnd-gold); }

.lnd-cat-card:nth-child(3)  .lnd-cat-icon,
.lnd-cat-card:nth-child(7)  .lnd-cat-icon,
.lnd-cat-card:nth-child(11) .lnd-cat-icon { background: rgba(35,83,71,.1); border-color: rgba(35,83,71,.18); color: var(--lnd-brand); }

.lnd-cat-card:nth-child(4)  .lnd-cat-icon,
.lnd-cat-card:nth-child(8)  .lnd-cat-icon,
.lnd-cat-card:nth-child(12) .lnd-cat-icon { background: rgba(143, 244, 147, .12); border-color: rgba(143, 244, 147, .25); color: var(--lnd-lime); }

/* ═══════════════════════════════════════════════
   6. HOW IT WORKS
═══════════════════════════════════════════════ */
.lnd-how-sec {
  padding: 8rem 2rem;
  background: var(--lnd-mint);
  border-top: 1px solid var(--lnd-border2);
  position: relative; overflow: hidden;
}
.lnd-how-sec .lnd-art-curves { opacity: 1; }
.lnd-how-sec .lnd-art-circles { top: 50%; left: 50%; transform: translate(-50%,-50%); width: 920px; height: 920px; }
.lnd-how-sec .lnd-art-circles circle { stroke: rgba(35,83,71,.10); }
.lnd-how-sec .lnd-art-circles line   { stroke: rgba(35,83,71,.08); }
.lnd-how-sec .lnd-art-circles path   { stroke: rgba(35,83,71,.10); }

.lnd-how-grid {
  max-width: var(--page-max); margin: 0 auto;
  display: grid; grid-template-columns: repeat(3,1fr); gap: 1px;
  background: var(--lnd-border);
  border: 1px solid var(--lnd-border);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: var(--lnd-sh-lg);
}
.lnd-how-step {
  background: var(--lnd-white);
  padding: 2.5rem 2rem;
  display: flex; flex-direction: column; gap: 1.25rem;
  position: relative;
  transition: background .25s;
}
.lnd-how-step:hover { background: var(--lnd-cream); }
.lnd-how-num { display: none; }
.lnd-how-icon {
  width: 48px; height: 48px; border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  background: var(--lnd-mint); border: 1px solid var(--lnd-border);
  color: var(--lnd-brand);
}
.lnd-how-step h4 { font-family: 'Outfit', sans-serif; font-size: 1.2rem; font-weight: 800; letter-spacing: -.02em; color: var(--lnd-ink); margin: 0; }
.lnd-how-step p { font-size: .9rem; line-height: 1.7; color: var(--lnd-ink3); margin: 0; }
.lnd-how-step-num {
  position: absolute; top: 1.25rem; right: 1.5rem;
  font-family: 'Outfit', sans-serif; font-size: 3.5rem; font-weight: 900;
  color: rgba(35,83,71,.09); line-height: 1; pointer-events: none;
  letter-spacing: -.04em;
}

/* ═══════════════════════════════════════════════
   7. DUAL PATHS
═══════════════════════════════════════════════ */
.lnd-paths-sec {
  padding: 8rem 2rem;
  background: var(--lnd-cream);
  border-top: 1px solid var(--lnd-border2);
  position: relative; overflow: hidden;
}
.lnd-paths-sec .lnd-art-circles { top: 50%; left: 50%; transform: translate(-50%,-50%); width: 920px; height: 920px; }
.lnd-paths-sec .lnd-art-circles circle { stroke: rgba(35,83,71,.10); }
.lnd-paths-sec .lnd-art-circles line   { stroke: rgba(35,83,71,.08); }
.lnd-paths-sec .lnd-art-circles path   { stroke: rgba(35,83,71,.10); }

.lnd-paths-grid {
  max-width: 920px; margin: 0 auto;
  display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem;
}
.lnd-path-card {
  display: block;
  background: var(--lnd-white);
  border: 1.5px solid var(--lnd-border2);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  text-decoration: none; cursor: pointer;
  transition: transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s, border-color .3s;
  position: relative; overflow: hidden;
}
.lnd-path-card:hover { transform: translateY(-6px); box-shadow: var(--lnd-sh-xl); }
.lnd-path-card--client { background: var(--lnd-mint); border-color: var(--lnd-border); }
.lnd-path-card--expert { background: var(--lnd-white); border-color: var(--lnd-border); }
.lnd-path-card--client:hover { border-color: var(--lnd-lime); box-shadow: var(--lnd-sh-xl); }
.lnd-path-card--expert:hover { border-color: var(--lnd-teal); box-shadow: var(--lnd-sh-xl); }
.lnd-path-glow {
  position: absolute; inset: 0; pointer-events: none; border-radius: inherit;
}
.lnd-path-card--client .lnd-path-glow { background: radial-gradient(ellipse at 15% 15%, rgba(143, 244, 147, .1), transparent 55%); }
.lnd-path-card--expert .lnd-path-glow { background: radial-gradient(ellipse at 15% 15%, rgba(13,148,136,.07), transparent 55%); }

.lnd-path-icon {
  width: 56px; height: 56px; border-radius: 16px;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 1.5rem;
  transition: transform .3s;
}
.lnd-path-card--client .lnd-path-icon { background: rgba(143, 244, 147, .12); border: 1.5px solid rgba(143, 244, 147, .25); color: var(--lnd-lime); }
.lnd-path-card--expert .lnd-path-icon { background: rgba(13,148,136,.1); border: 1.5px solid rgba(13,148,136,.22); color: var(--lnd-teal); }
.lnd-path-card:hover .lnd-path-icon { transform: scale(1.08) rotate(-4deg); }

.lnd-path-card h3 { font-family: 'Outfit', sans-serif; font-size: 1.85rem; font-weight: 800; letter-spacing: -.03em; color: var(--lnd-ink); margin: 0 0 .75rem; }
.lnd-path-card p  { font-size: 1rem; line-height: 1.65; color: var(--lnd-ink3); margin: 0 0 1.5rem; }
.lnd-path-card ul { list-style: none; padding: 0; margin: 0 0 2rem; display: flex; flex-direction: column; gap: .6rem; }
.lnd-path-card ul li { display: flex; align-items: flex-start; gap: .6rem; font-size: .93rem; line-height: 1.5; color: var(--lnd-ink2); }
.lnd-path-card ul li svg { flex-shrink: 0; margin-top: 2px; }
.lnd-path-card--client ul li svg { color: var(--lnd-lime); }
.lnd-path-card--expert ul li svg { color: var(--lnd-teal); }

.lnd-path-cta {
  display: inline-flex; align-items: center; gap: .6rem;
  padding: .875rem 1.5rem; border-radius: 12px;
  font-size: .92rem; font-weight: 700; font-family: 'Outfit', sans-serif;
  transition: filter .2s, transform .2s, box-shadow .2s;
}
.lnd-path-card--client .lnd-path-cta {
  background: var(--lnd-lime);
  color: var(--lnd-dark); box-shadow: 0 6px 20px rgba(143, 244, 147, .3);
  font-weight: 800;
}
.lnd-path-card--expert .lnd-path-cta {
  background: linear-gradient(135deg, var(--lnd-teal), var(--lnd-brand));
  color: #fff; box-shadow: 0 6px 20px rgba(13,148,136,.3);
}
.lnd-path-card:hover .lnd-path-cta { filter: brightness(1.1); transform: translateY(-1px); }

/* ═══════════════════════════════════════════════
   8. PLATFORM PREVIEW (dark)
═══════════════════════════════════════════════ */
.lnd-preview-sec {
  padding: 8rem 2rem;
  background: var(--lnd-sage);
  border-top: 1px solid var(--lnd-border2);
  position: relative; overflow: hidden;
}
.lnd-preview-sec .lnd-art-circles circle { stroke: rgba(35,83,71,.22); }
.lnd-preview-sec .lnd-art-circles line  { stroke: rgba(35,83,71,.14); }
.lnd-preview-sec .lnd-art-circles path  { stroke: rgba(35,83,71,.16); }
.lnd-preview-sec .lnd-art-circles { bottom: -10%; right: -5%; width: 600px; height: 600px; }
.lnd-preview-sec .lnd-section-hd h2 { color: var(--lnd-ink); }
.lnd-preview-sec .lnd-section-hd p  { color: var(--lnd-ink3); }

/* Browser mockup */
.lnd-mockup-wrap {
  max-width: 960px; margin: 0 auto;
  background: #13232A;
  border: 1px solid rgba(74,222,128,.18);
  border-radius: 20px;
  box-shadow: 0 40px 100px rgba(5,31,32,.6), 0 0 0 1px rgba(74,222,128,.1);
  overflow: hidden;
}
.lnd-mockup-bar {
  display: flex; align-items: center; gap: 1rem;
  padding: .875rem 1.25rem;
  background: rgba(255,255,255,.04);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.lnd-mockup-dots { display: flex; gap: 6px; }
.lnd-mockup-dots span {
  width: 12px; height: 12px; border-radius: 50%;
}
.lnd-mockup-dots span:nth-child(1) { background: #FF5F57; }
.lnd-mockup-dots span:nth-child(2) { background: #FEBC2E; }
.lnd-mockup-dots span:nth-child(3) { background: #28C840; }
.lnd-mockup-url {
  flex: 1; text-align: center;
  font-size: .72rem; color: rgba(240,253,244,.28); font-weight: 500;
  background: rgba(255,255,255,.06); padding: .28rem 1rem;
  border-radius: 8px; max-width: 280px; margin: 0 auto;
}
.lnd-mockup-body {
  display: grid; grid-template-columns: 200px 1fr;
  min-height: 420px;
}

/* ── Sidebar: exact platform.css sb-bg ── */
.lnd-mockup-sidebar {
  background: #051F20;
  border-right: 1px solid rgba(141,183,155,.12);
  padding: 1.1rem .875rem;
  display: flex; flex-direction: column; gap: .25rem;
}
.lnd-mockup-logo {
  font-size: .88rem; font-weight: 800; color: #F0FDF4;
  margin-bottom: .6rem; padding: .3rem .5rem;
  font-family: 'Outfit', sans-serif;
}
.lnd-mockup-logo span { color: #8CB79B; }
.lnd-mockup-nav-item {
  display: flex; align-items: center; gap: .55rem;
  padding: .45rem .55rem; border-radius: 8px;
  font-size: .74rem; font-weight: 600; color: rgba(240,253,244,.4);
  cursor: default; transition: none;
}
.lnd-mockup-nav-item svg { width: 14px; height: 14px; flex-shrink: 0; }
.lnd-mockup-nav-item.active {
  background: rgba(141,183,155,.12);
  color: #8CB79B;
}
.lnd-mockup-nav-section {
  font-size: .56rem; font-weight: 800; letter-spacing: .1em;
  text-transform: uppercase; color: rgba(141,183,155,.3);
  padding: .55rem .55rem .15rem; margin-top: .2rem;
}
.lnd-mockup-nav-divider {
  height: 1px; background: rgba(141,183,155,.1);
  margin: .35rem 0;
}
.lnd-mockup-user-card {
  display: flex; align-items: center; gap: .55rem;
  padding: .75rem .5rem .5rem;
  margin-top: auto;
  border-top: 1px solid rgba(141,183,155,.1);
}
.lnd-mockup-user-av {
  width: 26px; height: 26px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: .58rem; font-weight: 800; color: #fff; flex-shrink: 0;
}
.lnd-mockup-user-name { font-size: .7rem; font-weight: 700; color: rgba(240,253,244,.75); }
.lnd-mockup-user-sub  { font-size: .6rem; color: rgba(141,183,155,.55); }

/* ── Main content: light like real platform ── */
.lnd-mockup-main {
  background: #EDF5EE;
  padding: 1.25rem 1.25rem 1rem;
  display: flex; flex-direction: column; gap: 1rem;
  overflow: hidden;
}
.lnd-mockup-header { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.lnd-mockup-title {
  font-size: .9rem; font-weight: 800; color: #0D1F0E;
  font-family: 'Outfit', sans-serif;
}
.lnd-mockup-subtitle { font-size: .68rem; color: #3D6047; margin-top: .15rem; }
.lnd-mockup-action {
  padding: .35rem .75rem;
  background: #235347;
  color: #fff; border-radius: 6px;
  font-size: .68rem; font-weight: 700;
  flex-shrink: 0; white-space: nowrap;
}

/* KPI stat cards */
.lnd-mockup-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: .6rem; }
.lnd-mockup-stat {
  background: #fff;
  border: 1px solid #BDD6C1;
  border-radius: 12px; padding: .75rem .875rem;
}
.lnd-mockup-stat-val {
  font-size: 1.15rem; font-weight: 800; color: #0D1F0E;
  font-family: 'Outfit', sans-serif;
}
.lnd-mockup-stat-lbl { font-size: .64rem; color: #3D6047; margin-top: .15rem; font-weight: 600; }
.lnd-mockup-stat-delta { font-size: .62rem; color: #235347; font-weight: 700; margin-top: .1rem; }

/* Tabs: underline style matching real cp-tabs */
.lnd-mockup-tabs {
  display: flex; gap: 0;
  border-bottom: 1px solid #BDD6C1;
  padding-bottom: 0;
  margin-bottom: -.25rem;
}
.lnd-mockup-tab {
  font-size: .72rem; font-weight: 700; color: #3D6047;
  padding: .4rem .75rem; cursor: default;
  display: flex; align-items: center; gap: .3rem;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}
.lnd-mockup-tab em {
  font-style: normal;
  background: #D4EBD7;
  border-radius: 3px;
  padding: .05rem .32rem;
  font-size: .6rem;
  color: #1E3B22;
}
.lnd-mockup-tab.active {
  color: #235347;
  border-bottom-color: #235347;
}
.lnd-mockup-tab.active em { background: #DBF0DD; color: #235347; }

/* Project rows */
.lnd-mockup-cp-list { display: flex; flex-direction: column; gap: .5rem; }
.lnd-mockup-cp-item {
  display: flex; align-items: center; gap: .6rem;
  background: #fff;
  border: 1px solid #BDD6C1;
  border-radius: 12px;
  overflow: hidden;
  padding: .65rem .75rem .65rem 0;
  position: relative;
}
.lnd-mockup-cp-bar {
  width: 4px; align-self: stretch; flex-shrink: 0;
}
.lnd-mockup-cp-bar--active { background: #16a34a; }
.lnd-mockup-cp-bar--review { background: #d97706; }
.lnd-mockup-cp-body { flex: 1; min-width: 0; }
.lnd-mockup-cp-title {
  font-size: .76rem; font-weight: 800; color: #0D1F0E;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.lnd-mockup-cp-meta {
  display: flex; align-items: center; gap: .4rem; margin-top: .18rem;
  font-size: .62rem; color: #3D6047;
}
.lnd-mockup-cp-tag {
  font-size: .6rem; font-weight: 700; border-radius: 4px; padding: .12rem .38rem;
}
.lnd-mockup-cp-tag--prog   { color: #166534; background: #dcfce7; }
.lnd-mockup-cp-tag--review { color: #92400e; background: #fef3c7; }
.lnd-mockup-cp-tag--open   { color: #1e40af; background: #dbeafe; }
.lnd-mockup-cp-fin {
  font-size: .8rem; font-weight: 800; color: #0D1F0E;
  flex-shrink: 0; text-align: right; min-width: 46px;
}
.lnd-mockup-cp-btn {
  font-size: .62rem; font-weight: 700;
  padding: .3rem .55rem; border-radius: 6px; flex-shrink: 0;
  background: transparent; border: 1px solid #BDD6C1;
  color: #1E3B22; cursor: default;
}
.lnd-mockup-cp-btn--prim {
  background: #235347; border-color: #235347;
  color: #fff;
}

/* ═══════════════════════════════════════════════
   9. STATS STRIP
═══════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════
   10. GUARANTEES
═══════════════════════════════════════════════ */
.lnd-guar-sec {
  padding: 8rem 2rem;
  background: var(--lnd-white);
  border-top: 1px solid var(--lnd-border2);
  position: relative; overflow: hidden;
}
.lnd-guar-sec .lnd-art-curves { opacity: 1; }
.lnd-guar-sec .lnd-art-circles { top: -8%; right: -5%; width: 420px; height: 420px; }

.lnd-guar-grid {
  max-width: var(--page-max); margin: 0 auto;
  display: grid; grid-template-columns: repeat(3,1fr); gap: 1.5rem;
}
.lnd-guar-card {
  background: var(--lnd-white);
  border: 1.5px solid var(--lnd-border);
  border-top: 3px solid transparent;
  border-radius: 22px; padding: 2rem;
  box-shadow: var(--lnd-sh-sm);
  position: relative; overflow: hidden; cursor: default;
  transition: transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s, border-color .3s;
}
.lnd-guar-card:hover { transform: translateY(-6px); box-shadow: var(--lnd-sh-xl); }
.lnd-guar-card:nth-child(1) { border-top-color: var(--lnd-lime); }
.lnd-guar-card:nth-child(2) { border-top-color: var(--lnd-gold); }
.lnd-guar-card:nth-child(3) { border-top-color: var(--lnd-teal); }

.lnd-guar-icon {
  width: 52px; height: 52px; border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid transparent; margin-bottom: 1.25rem;
}
.lnd-guar-card:nth-child(1) .lnd-guar-icon { background: rgba(143, 244, 147, .12); border-color: rgba(143, 244, 147, .22); color: var(--lnd-lime); }
.lnd-guar-card:nth-child(2) .lnd-guar-icon { background: rgba(217,119,6,.1); border-color: rgba(217,119,6,.2); color: var(--lnd-gold); }
.lnd-guar-card:nth-child(3) .lnd-guar-icon { background: rgba(13,148,136,.1); border-color: rgba(13,148,136,.2); color: var(--lnd-teal); }
.lnd-guar-card h4 { font-family: 'Outfit', sans-serif; font-size: 1.2rem; font-weight: 800; letter-spacing: -.02em; color: var(--lnd-ink); margin: 0 0 .7rem; }
.lnd-guar-card p  { font-size: .9rem; line-height: 1.65; color: var(--lnd-ink3); margin: 0 0 1.25rem; }
.lnd-guar-details { border-top: 1px solid var(--lnd-border2); padding-top: 1rem; display: flex; flex-direction: column; gap: .45rem; }
.lnd-guar-detail { display: flex; align-items: flex-start; gap: .55rem; font-size: .82rem; color: var(--lnd-ink2); line-height: 1.45; }
.lnd-guar-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--lnd-lime); flex-shrink: 0; margin-top: .35rem; }


/* ═══════════════════════════════════════════════
   12. DARK CTA
═══════════════════════════════════════════════ */
.lnd-cta-sec {
  padding: 10rem 2rem;
  background: linear-gradient(160deg, var(--lnd-dark2) 0%, var(--lnd-dark) 50%, #0A1A0B 100%);
  border-top: 1px solid var(--lnd-border2);
  position: relative; overflow: hidden; text-align: center;
}
.lnd-cta-sec .lnd-art-circles circle { stroke: rgba(74,222,128,.07); }
.lnd-cta-sec .lnd-art-circles line  { stroke: rgba(74,222,128,.04); }
.lnd-cta-sec .lnd-art-circles { top: 50%; left: 50%; transform: translate(-50%,-50%); width: 800px; height: 800px; }
.lnd-cta-sec::after {
  content: '';
  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
  width: 800px; height: 500px;
  background: radial-gradient(ellipse, rgba(143, 244, 147, .12) 0%, rgba(13,148,136,.04) 40%, transparent 70%);
  pointer-events: none;
}
.lnd-btn-primary {
  display: inline-flex; align-items: center; gap: .6rem;
  padding: 1rem 2.25rem;
  background: linear-gradient(135deg, var(--lnd-lime), var(--lnd-lime2));
  color: var(--lnd-dark); font-size: 1rem; font-weight: 800;
  font-family: 'Outfit', sans-serif;
  border-radius: 14px; text-decoration: none;
  box-shadow: 0 8px 30px rgba(143, 244, 147, .38);
  transition: transform .2s, box-shadow .2s, filter .2s;
  cursor: pointer; position: relative; overflow: hidden;
}
.lnd-btn-primary::after {
  content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.2), transparent);
  transition: left .5s ease; pointer-events: none;
}
.lnd-btn-primary:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 14px 44px rgba(143, 244, 147, .48); }
.lnd-btn-primary:hover::after { left: 150%; }
.lnd-btn-ghost {
  display: inline-flex; align-items: center; gap: .6rem;
  padding: .95rem 2rem;
  background: rgba(255,255,255,.07); border: 1.5px solid rgba(255,255,255,.2);
  color: rgba(240,253,244,.8); font-size: 1rem; font-weight: 700;
  font-family: 'Outfit', sans-serif; border-radius: 14px;
  text-decoration: none; transition: background .2s, border-color .2s, color .2s;
  cursor: pointer;
}
.lnd-btn-ghost:hover { background: rgba(255,255,255,.13); border-color: rgba(255,255,255,.32); color: #F0FDF4; }

/* ═══════════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════════ */
.lnd-footer {
  background: linear-gradient(180deg, #0A1A0B 0%, #040F10 100%);
  padding: 5rem 2rem 2.5rem;
  border-top: 1px solid rgba(74,222,128,.08);
}
.lnd-footer-inner { max-width: var(--page-max); margin: 0 auto; }
.lnd-footer-top {
  display: grid; grid-template-columns: 1.8fr 1fr 1fr 1fr;
  gap: 3rem; margin-bottom: 3rem;
}
.lnd-f-tagline { color: rgba(240,253,244,.35); font-size: .88rem; line-height: 1.65; margin: .75rem 0 1.25rem; max-width: 280px; }
.lnd-f-socials { display: flex; gap: .6rem; }
.lnd-social-link {
  width: 36px; height: 36px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,.05); border: 1px solid rgba(74,222,128,.14);
  color: rgba(240,253,244,.45);
  transition: background .2s, border-color .2s, color .2s, transform .2s;
}
.lnd-social-link:hover { background: rgba(74,222,128,.1); border-color: rgba(74,222,128,.28); color: #4ADE80; transform: translateY(-2px); }
.lnd-f-col h4 { font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: rgba(240,253,244,.28); margin: 0 0 1rem; }
.lnd-f-col ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: .5rem; }
.lnd-f-col ul li a { font-size: .88rem; color: rgba(240,253,244,.4); text-decoration: none; transition: color .18s; }
.lnd-f-col ul li a:hover { color: #4ADE80; }
.lnd-footer-bottom { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(74,222,128,.07); padding-top: 2rem; }
.lnd-f-copy { font-size: .82rem; color: rgba(240,253,244,.22); }
.lnd-f-bottom-links { display: flex; gap: 1.5rem; }
.lnd-f-bottom-links a { font-size: .82rem; color: rgba(240,253,244,.22); text-decoration: none; transition: color .18s; }
.lnd-f-bottom-links a:hover { color: rgba(240,253,244,.55); }

/* ═══════════════════════════════════════════════
   SHARED SECTION HEADER
═══════════════════════════════════════════════ */
.lnd-section-hd { text-align: center; max-width: 680px; margin: 0 auto 4rem; }
.lnd-eyebrow-label {
  display: inline-flex; align-items: center; gap: .4rem;
  padding: .35rem .9rem; border-radius: 999px;
  font-size: .7rem; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; margin-bottom: 1rem;
}
.lnd-eyebrow-label--brand {
  background: var(--lnd-mint); border: 1px solid var(--lnd-border); color: var(--lnd-brand);
}
.lnd-section-hd h2 {
  font-family: 'Outfit', sans-serif; font-size: clamp(2rem,4vw,3rem);
  font-weight: 900; letter-spacing: -.04em; margin: 0 0 .85rem; line-height: 1.08;
}
.lnd-section-hd p { font-size: 1.05rem; line-height: 1.7; margin: 0; }
.lnd-max-wrap { max-width: var(--page-max); margin: 0 auto; }

/* Reveal */
.reveal { opacity: 0; transform: translateY(28px); transition: opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1); }
.reveal.revealed { opacity: 1; transform: translateY(0); }

/* Focus */
a:focus-visible, button:focus-visible { outline: 2px solid var(--lnd-lime); outline-offset: 3px; border-radius: 4px; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .reveal {
    animation: none !important; opacity: 1 !important; transform: none !important; transition: none !important;
  }
}

/* ═══════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════ */
@media (max-width: 1100px) {
  .lnd-cats-grid { grid-template-columns: repeat(3,1fr); }
  .lnd-footer-top { grid-template-columns: 1fr 1fr; gap: 2rem; }
}
@media (max-width: 900px) {
  .lnd-hero {
    min-height: auto;
    padding-top: calc(64px + 3rem);
  }
  .lnd-hero-media {
    background-position: 66% center;
  }
  .lnd-hero-shell {
    grid-template-columns: 1fr;
    min-height: auto;
    gap: 1.75rem;
  }
  .lnd-hero-content {
    padding-bottom: 0;
  }
  .lnd-hero-title {
    max-width: 10.5ch;
  }
  .lnd-hero-proof {
    height: 300px;
  }
  .lnd-proof-card {
    width: 220px;
  }
  .lnd-proof-card--a {
    left: calc(50% - 220px);
    top: 40px;
  }
  .lnd-proof-card--b {
    top: 10px;
  }
  .lnd-proof-card--c {
    left: calc(50% + 120px);
    top: 40px;
  }
  .lnd-brief-grid { grid-template-columns: 1fr; gap: 3rem; }
  .lnd-paths-grid { grid-template-columns: 1fr; max-width: 520px; }
  .lnd-guar-grid { grid-template-columns: 1fr; max-width: 520px; margin: 0 auto; }
  .lnd-how-grid { grid-template-columns: 1fr; }
  .lnd-mockup-body { grid-template-columns: 1fr; }
  .lnd-mockup-sidebar { display: none; }
}
@media (max-width: 700px) {
  .lnd-cats-grid { grid-template-columns: repeat(2,1fr); }
  .lnd-hero {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .lnd-search-wrap {
    flex-direction: column;
    border-radius: 10px;
  }
  .lnd-search-bar {
    min-height: 60px;
  }
  .lnd-search-btn {
    min-height: 54px;
    justify-content: center;
    padding: .85rem;
  }
  .lnd-footer-top { grid-template-columns: 1fr; gap: 2rem; }
  .lnd-footer-bottom { flex-direction: column; gap: 1rem; text-align: center; }
}
@media (max-width: 480px) {
  .lnd-hero {
    padding-bottom: 2.25rem;
  }
  .lnd-hero-title {
    font-size: clamp(2.7rem, 16vw, 3.7rem);
  }
  .lnd-hero-copy {
    font-size: .98rem;
  }
  .lnd-chip-btn {
    font-size: .8rem;
  }
  .lnd-hero-proof {
    display: none;
  }
  .lnd-btn-primary, .lnd-btn-ghost { text-align: center; justify-content: center; }
}

/* ════════════════════════════════════════════════════════
   ■  PREMIUM PASS — Dark sections · Next-level FX · June 2026
   ════════════════════════════════════════════════════════ */

/* ── Scroll progress bar ── */
.lnd-scroll-progress {
  position: fixed; top: 0; left: 0; height: 2px;
  background: linear-gradient(90deg, var(--lnd-lime) 0%, var(--lnd-teal) 55%, var(--lnd-lime2) 100%);
  z-index: 10000; width: 0%; pointer-events: none;
  transform-origin: left;
}

/* ── Cursor radial glow (injected into dark sections by JS) ── */
.lnd-cursor-glow {
  position: absolute; width: 520px; height: 520px; border-radius: 50%;
  background: radial-gradient(circle, rgba(74,222,128,.055) 0%, transparent 62%);
  transform: translate(-50%,-50%); pointer-events: none;
  transition: opacity .4s ease; opacity: 0; z-index: 1;
  will-change: left, top;
}

/* ── §2 BRIEF — subtle diagonal weave ── */
.lnd-brief-sec {
  background-image: repeating-linear-gradient(
    -45deg, transparent, transparent 52px,
    rgba(35,83,71,.014) 52px, rgba(35,83,71,.014) 53px
  ) !important;
  background-color: var(--lnd-bone) !important;
}

/* ── §4 CATEGORIES — LIGHT ── */
.lnd-cats-sec {
  background: var(--lnd-bone) !important;
  background-image: none !important;
  border-top: none;
}
.lnd-cats-sec .lnd-art-circles circle { stroke: rgba(35,83,71,.22); }
.lnd-cats-sec .lnd-art-circles line  { stroke: rgba(35,83,71,.12); }
.lnd-cats-sec .lnd-art-circles path  { stroke: rgba(35,83,71,.16); }
.lnd-cats-sec .lnd-section-hd h2 { color: var(--lnd-ink) !important; }
.lnd-cats-sec .lnd-section-hd p  { color: rgba(26,46,28,.55) !important; }
.lnd-cats-sec .lnd-eyebrow-label--brand {
  background: rgba(35,83,71,.07) !important;
  border-color: rgba(35,83,71,.18) !important;
  color: var(--lnd-forest) !important;
}
.lnd-cats-sec .lnd-cat-card {
  background: rgba(255,255,255,.7);
  border-color: rgba(35,83,71,.1);
  box-shadow: 0 2px 8px rgba(35,83,71,.05);
}
.lnd-cats-sec .lnd-cat-card:hover {
  background: rgba(255,255,255,.95);
  border-color: rgba(35,83,71,.22);
  box-shadow: 0 8px 28px rgba(35,83,71,.12), 0 0 0 1px rgba(35,83,71,.08);
}
.lnd-cats-sec .lnd-cat-name  { color: var(--lnd-ink); }
.lnd-cats-sec .lnd-cat-desc  { color: rgba(26,46,28,.52); }
.lnd-cats-sec .lnd-cat-count { color: var(--lnd-forest); }
.lnd-cats-sec .lnd-cat-card:nth-child(4n+1) .lnd-cat-icon { background: rgba(13,148,136,.1);  border-color: rgba(13,148,136,.2);  color: #0D9488; }
.lnd-cats-sec .lnd-cat-card:nth-child(4n+2) .lnd-cat-icon { background: rgba(217,119,6,.1);   border-color: rgba(217,119,6,.22);  color: #B45309; }
.lnd-cats-sec .lnd-cat-card:nth-child(4n+3) .lnd-cat-icon { background: rgba(35,83,71,.1);    border-color: rgba(35,83,71,.2);    color: var(--lnd-forest); }
.lnd-cats-sec .lnd-cat-card:nth-child(4n)   .lnd-cat-icon { background: rgba(99,102,241,.1);  border-color: rgba(99,102,241,.2);  color: #4F46E5; }

/* ── §6 HOW IT WORKS — LIGHT ── */
.lnd-how-sec {
  background: var(--lnd-bone) !important;
  background-image: none !important;
  border-top: none;
}
.lnd-how-sec .lnd-art-curves path { stroke: rgba(35,83,71,.06) !important; }
.lnd-how-sec .lnd-section-hd h2 { color: var(--lnd-ink) !important; }
.lnd-how-sec .lnd-section-hd p  { color: rgba(26,46,28,.55) !important; }
.lnd-how-sec .lnd-eyebrow-label--brand {
  background: rgba(35,83,71,.07) !important;
  border-color: rgba(35,83,71,.18) !important;
  color: var(--lnd-forest) !important;
}
.lnd-how-sec .lnd-how-grid {
  background: rgba(255,255,255,.6);
  border-color: rgba(35,83,71,.1);
  box-shadow: 0 2px 12px rgba(35,83,71,.06);
}
.lnd-how-sec .lnd-how-step { background: rgba(255,255,255,.5); }
.lnd-how-sec .lnd-how-step:hover { background: rgba(255,255,255,.9); box-shadow: 0 8px 24px rgba(35,83,71,.1); }
.lnd-how-sec .lnd-how-step h4 { color: var(--lnd-ink); }
.lnd-how-sec .lnd-how-step p  { color: rgba(26,46,28,.55); }
.lnd-how-sec .lnd-how-icon {
  background: rgba(35,83,71,.09);
  border-color: rgba(35,83,71,.18);
  color: var(--lnd-forest);
}
.lnd-how-sec .lnd-how-step-num { color: rgba(35,83,71,.08); }

/* ── §7 DUAL PATHS — bone with subtle radial tints ── */
.lnd-paths-sec {
  background:
    radial-gradient(ellipse 70% 55% at 5% 65%, rgba(35,83,71,.045), transparent),
    radial-gradient(ellipse 60% 60% at 95% 15%, rgba(13,148,136,.03), transparent),
    var(--lnd-bone) !important;
}

/* ── §8 PLATFORM PREVIEW — LIGHT ── */
.lnd-preview-sec {
  background:
    radial-gradient(ellipse 50% 60% at 100% 100%, rgba(35,83,71,.04), transparent),
    var(--lnd-bone) !important;
  border-top: none !important;
}
.lnd-preview-sec .lnd-section-hd h2 { color: var(--lnd-ink) !important; }
.lnd-preview-sec .lnd-section-hd p  { color: rgba(26,46,28,.55) !important; }
.lnd-preview-sec .lnd-eyebrow-label--brand {
  background: rgba(35,83,71,.07) !important;
  border-color: rgba(35,83,71,.18) !important;
  color: var(--lnd-forest) !important;
}

/* ── §10 GUARANTEES — bone ambient tint ── */
.lnd-guar-sec {
  background:
    radial-gradient(ellipse 65% 55% at 100% 0%, rgba(35,83,71,.04), transparent),
    radial-gradient(ellipse 55% 55% at 0% 100%, rgba(13,148,136,.028), transparent),
    var(--lnd-bone) !important;
}

/* ── §12 CTA — LIGHT / IMPACTFUL ── */
.lnd-cta-sec {
  background:
    radial-gradient(ellipse 90% 70% at 50% 50%, rgba(35,83,71,.06), transparent),
    radial-gradient(ellipse 60% 50% at 0% 100%, rgba(13,148,136,.04), transparent),
    var(--lnd-bone) !important;
  border-top: none;
}
.lnd-cta-sec::after {
  background: radial-gradient(ellipse 70% 50% at 50% 50%, rgba(35,83,71,.07) 0%, transparent 68%) !important;
}
.lnd-cta-sec .lnd-art-circles circle { stroke: rgba(35,83,71,.06); }
.lnd-cta-sec .lnd-art-circles line  { stroke: rgba(35,83,71,.035); }
/* Ghost button adapts to light bg */
.lnd-btn-ghost {
  background: rgba(35,83,71,.07) !important;
  border-color: rgba(35,83,71,.2) !important;
  color: var(--lnd-forest) !important;
}
.lnd-btn-ghost:hover {
  background: rgba(35,83,71,.13) !important;
  border-color: rgba(35,83,71,.32) !important;
  color: var(--lnd-forest) !important;
}

/* ── FOOTER — PURE BLACK ── */
.lnd-footer {
  background: #000000 !important;
  border-top: 1px solid rgba(255,255,255,.055);
}
.lnd-footer-bottom { border-top-color: rgba(255,255,255,.045) !important; }
/* thin lime accent line above footer */
.lnd-footer::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(74,222,128,.18) 50%, transparent 100%);
  pointer-events: none;
}
.lnd-footer { position: relative; }

/* ── STAGGERED CARD ANIMATIONS ── */
.lnd-cats-grid > *,
.lnd-guar-grid > *,
.lnd-how-grid > * {
  opacity: 0;
  transform: translateY(30px);
  transition:
    opacity  .65s cubic-bezier(.22,1,.36,1),
    transform .65s cubic-bezier(.22,1,.36,1),
    border-color .22s,
    box-shadow .22s,
    background .22s;
}
.lnd-stagger-in {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* ── HERO: subtle background pulse ── */
@keyframes lndHeroPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: .78; }
}
.lnd-hero-shade { animation: lndHeroPulse 9s ease-in-out infinite; }

/* ── HERO title scramble — no layout shift ── */
.lnd-hero-title { min-height: 1em; }

/* ── MAGNETIC BUTTON base ── */
.lnd-btn-primary, .lnd-btn-ghost, .lnd-search-btn { will-change: transform; }


/* ── HOW STEP: border-left accent on hover ── */
.lnd-how-sec .lnd-how-step {
  transition: background .25s, border-left-color .3s;
  border-left: 3px solid transparent;
}
.lnd-how-sec .lnd-how-step:first-child { border-left: none; border-top: 3px solid transparent; }
.lnd-how-sec .lnd-how-step:hover { border-left-color: var(--lnd-forest); }
.lnd-how-sec .lnd-how-step:first-child:hover { border-top-color: var(--lnd-forest); }

/* ── CATEGORIES: stagger children with delay ── */
.lnd-cats-sec .lnd-cat-card { transition-property: opacity, transform, border-color, box-shadow, background; }


/* ── NAV on dark sections (cats, how, stats, preview) ── */
.lnd-nav-over-dark #main-nav { background: rgba(4,13,8,.88) !important; }

/* ── Reduced motion overrides ── */
@media (prefers-reduced-motion: reduce) {
  .lnd-hero-shade { animation: none !important; }
}

/* ── RESPONSIVE fixes for dark sections ── */
@media (max-width: 900px) {
  .lnd-how-sec .lnd-how-step:first-child { border-left: none; border-top: none; }
  .lnd-how-sec .lnd-how-step { border-left: none; border-top: 3px solid transparent; }
  .lnd-how-sec .lnd-how-step:hover { border-left-color: transparent; border-top-color: #4ADE80; }
}