/* landing.css — extracted verbatim from the perfected /sustainglp1 page.
   Shared visual system for all Methodology landing pages. Scoped under .meth-lp. */
/* ========== FONT FACE ========== */
@font-face {
  font-family: 'Ivar Display';
  font-weight: 400 700;
  font-style: normal;
  /* src: url('/wp-content/themes/your-theme/fonts/IvarDisplay-Medium.woff2') format('woff2'); */
}

/* ========== RESET ========== */
.meth-lp {
  all: initial;
  display: block;
  width: 100%;
  font-family: 'DM Sans', system-ui, -apple-system, sans-serif;
  color: #271D0F;
  background: #FFFFFF;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  overflow-x: hidden;
}

.meth-lp *, .meth-lp *::before, .meth-lp *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ========== TYPOGRAPHY ========== */
.meth-lp h1, .meth-lp h2, .meth-lp h3 {
  font-family: 'Ivar Display', Georgia, 'Times New Roman', serif;
  color: #271D0F;
  font-weight: 500;
}

.meth-lp h1 {
  font-size: 56px;
  line-height: 1.05;
  letter-spacing: -0.025em;
}

.meth-lp h2 {
  font-size: 44px;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.meth-lp h3 {
  font-size: 22px;
  line-height: 1.3;
}

.meth-lp h1 em, .meth-lp h2 em {
  font-style: italic;
  font-weight: 500;
}

/* ========== LAYOUT ========== */
.meth-lp .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 28px;
}

.meth-lp .container-narrow {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 28px;
}

/* ========== SECTION TAG ========== */
.meth-lp .tag {
  font-family: 'DM Sans', system-ui, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #A2927C;
  display: block;
  margin-bottom: 16px;
}

/* ========== BUTTONS ========== */
.meth-lp .btn {
  display: inline-block;
  font-family: 'DM Sans', system-ui, sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 18px 40px;
  background: #271D0F;
  color: #FFFFFF;
  text-decoration: none;
  border-radius: 0;
  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  position: relative;
}

.meth-lp .btn:hover {
  background: #000000;
  transform: translateY(-1px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

.meth-lp .btn-sm {
  font-size: 13px;
  padding: 12px 24px;
}

.meth-lp .btn-outline {
  background: transparent;
  border: 1.5px solid #454803;
  color: #454803;
}

.meth-lp .btn-outline:hover {
  background: #454803;
  color: #FFFFFF;
  box-shadow: none;
}

/* ========== NAV ========== */
.meth-lp .nav {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(255,255,255,0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(162,146,124,0.1);
  padding: 16px 0;
  transition: all 0.3s ease;
}

.meth-lp .nav .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.meth-lp .nav img {
  height: 28px;
  width: auto;
}

/* ========== SCROLL ANIMATIONS ========== */
.meth-lp .reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s cubic-bezier(0.25, 0.1, 0.25, 1),
              transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.meth-lp .reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

.meth-lp .reveal-delay-1 { transition-delay: 0.1s; }
.meth-lp .reveal-delay-2 { transition-delay: 0.2s; }
.meth-lp .reveal-delay-3 { transition-delay: 0.3s; }
.meth-lp .reveal-delay-4 { transition-delay: 0.4s; }

/* ========== HERO ========== */
.meth-lp .hero {
  position: relative;
  background-color: #d4c8a8;
  /* background-image set via img tag */
  background-size: cover;
  background-position: center right;
  min-height: 640px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 0 64px;
}

.meth-lp .hero-content {
  max-width: 45%;
  padding: 80px 0 0;
}

.meth-lp .hero h1 {
  margin-bottom: 24px;
  color: #FFFFFF;
}

.meth-lp .hero-subtitle {
  font-size: 17px;
  line-height: 1.6;
  color: rgba(255,255,255,0.85);
  max-width: 460px;
  margin-bottom: 32px;
}

.meth-lp .hero-cta-row {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 0;
}

.meth-lp .hero .tag {
  display: inline-block;
  background: rgba(255,255,255,0.15);
  padding: 8px 16px;
  border-radius: 100px;
  color: #FFFFFF;
  margin-bottom: 24px;
  backdrop-filter: blur(4px);
}

/* .hero-stats removed — unused in v9 */

/* ========== TRUST BAR ========== */
.meth-lp .trust-bar {
  background: #F6F4F1;
  padding: 20px 0;
  border-bottom: 1px solid rgba(162,146,124,0.1);
}

.meth-lp .trust-bar .container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px 36px;
  font-size: 14px;
  color: #5a5040;
}

.meth-lp .trust-bar strong {
  color: #454803;
  font-weight: 600;
}

/* ========== NUMBERS ========== */
.meth-lp .numbers {
  background: #271D0F;
  padding: 110px 0;
  color: #FFFFFF;
}

.meth-lp .numbers .tag { color: #A2927C; }
.meth-lp .numbers h2 { color: #FFFFFF; }

.meth-lp .numbers-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  margin-top: 48px;
}

.meth-lp .number-card {
  padding: 32px 24px;
  border-right: 1px solid rgba(255,255,255,0.1);
}

.meth-lp .number-card:nth-child(4n) {
  border-right: none;
}

.meth-lp .number-card:nth-child(n+5) {
  border-top: 1px solid rgba(255,255,255,0.1);
}

.meth-lp .number-card .value {
  font-family: 'Ivar Display', Georgia, serif;
  font-size: 36px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 1;
  margin-bottom: 8px;
  letter-spacing: -0.02em;
}

.meth-lp .number-card .label {
  font-size: 14px;
  color: rgba(255,255,255,0.55);
  line-height: 1.4;
}

/* ========== CONTENT SECTIONS ========== */
.meth-lp .section-white { background: #FFFFFF; padding: 110px 0; }
.meth-lp .section-cream { background: #F6F4F1; padding: 110px 0; }
.meth-lp .section-warm { background: #F6EDD2; padding: 110px 0; }
.meth-lp .section-dark { background: #271D0F; padding: 110px 0; }

.meth-lp .section-header {
  margin-bottom: 56px;
}

.meth-lp .section-header p {
  font-size: 17px;
  line-height: 1.7;
  color: #5a5040;
  max-width: 640px;
  margin-top: 20px;
}

.meth-lp .section-img {
  width: 100%;
  height: 600px;
  object-fit: cover;
  display: block;
  margin-bottom: 56px;
}

/* ========== PROBLEMS ========== */
.meth-lp .problem-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px;
}

.meth-lp .problem-card {
  padding-top: 0;
  border-top: none;
}

.meth-lp .problem-illust {
  background: #F6F4F1;
  border-radius: 16px;
  padding: 32px 24px;
  margin-bottom: 24px;
  height: 240px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}

.meth-lp .problem-card h3 {
  margin-bottom: 12px;
}

.meth-lp .problem-card p {
  font-size: 15px;
  line-height: 1.65;
  color: #5a5040;
}

/* Muscle Loss Illustration */
.meth-lp .muscle-illust .illust-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #A2927C;
  margin-bottom: 16px;
  font-weight: 600;
}
.meth-lp .muscle-illust .comp-bar {
  height: 40px;
  border-radius: 8px;
  display: flex;
  overflow: hidden;
  margin-bottom: 16px;
}
.meth-lp .muscle-illust .comp-fat {
  background: #BABE83;
  width: 0%;
  transition: width 1.2s ease-out;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  color: #271D0F;
}
.meth-lp .muscle-illust .comp-muscle {
  background: #271D0F;
  width: 0%;
  transition: width 1.2s ease-out 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
}
.meth-lp .problem-card.is-visible .comp-fat { width: 60%; }
.meth-lp .problem-card.is-visible .comp-muscle { width: 40%; }

.meth-lp .muscle-illust .comp-legend {
  display: flex;
  gap: 20px;
}
.meth-lp .muscle-illust .legend-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #5a5040;
}
.meth-lp .muscle-illust .legend-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.meth-lp .muscle-illust .legend-dot.fat { background: #BABE83; }
.meth-lp .muscle-illust .legend-dot.muscle { background: #271D0F; }
.meth-lp .muscle-illust .pct-counter {
  font-family: 'Ivar Display', Georgia, serif;
  font-size: 48px;
  font-weight: 500;
  color: #271D0F;
  line-height: 1;
  margin-bottom: 4px;
}
.meth-lp .muscle-illust .pct-label {
  font-size: 13px;
  color: #5a5040;
}

/* Nausea Illustration */
.meth-lp .nausea-illust .meal-stats {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.meth-lp .nausea-illust .meal-stat-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.meth-lp .nausea-illust .stat-label {
  font-size: 12px;
  color: #A2927C;
  width: 60px;
  flex-shrink: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}
.meth-lp .nausea-illust .stat-track {
  flex: 1;
  height: 28px;
  background: #FFFFFF;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}
.meth-lp .nausea-illust .stat-fill {
  height: 100%;
  border-radius: 6px;
  width: 0%;
  transition: width 1s ease-out;
  display: flex;
  align-items: center;
  padding-left: 10px;
  font-size: 11px;
  font-weight: 600;
  color: #FFFFFF;
}
.meth-lp .nausea-illust .stat-fill.good { background: #BABE83; color: #271D0F; }
.meth-lp .nausea-illust .stat-fill.warn { background: #271D0F; }
.meth-lp .nausea-illust .stat-target {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
  color: #A2927C;
  font-weight: 600;
}
.meth-lp .problem-card.is-visible .fat-fill { width: 25%; }
.meth-lp .problem-card.is-visible .cal-fill { width: 55%; }
.meth-lp .problem-card.is-visible .protein-fill { width: 85%; }

.meth-lp .nausea-illust .check-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  font-size: 12px;
  color: #271D0F;
  font-weight: 600;
  opacity: 0;
  transition: opacity 0.6s ease-out 1.2s;
}
.meth-lp .problem-card.is-visible .check-row { opacity: 1; }

/* Malnutrition Illustration */
.meth-lp .malnutrition-illust .week-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
  margin-bottom: 12px;
}
.meth-lp .malnutrition-illust .day-col {
  text-align: center;
}
.meth-lp .malnutrition-illust .day-label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #A2927C;
  margin-bottom: 8px;
  font-weight: 600;
}
.meth-lp .malnutrition-illust .meal-dot {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 6px;
  margin-bottom: 6px;
  transition: all 0.5s ease-out;
  opacity: 0;
  transform: scale(0.8);
}
.meth-lp .problem-card.is-visible .meal-dot {
  opacity: 1;
  transform: scale(1);
}
.meth-lp .malnutrition-illust .meal-dot.eaten { background: #BABE83; }
.meth-lp .malnutrition-illust .meal-dot.skipped {
  background: transparent;
  border: 2px dashed rgba(39,29,15,0.25);
  position: relative;
}
.meth-lp .problem-card.is-visible .meal-dot.skipped::after {
  content: '×';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #271D0F;
  font-size: 14px;
  font-weight: 700;
}
.meth-lp .malnutrition-illust .meal-dot.partial { background: rgba(39,29,15,0.15); }

.meth-lp .malnutrition-illust .week-summary {
  display: flex;
  justify-content: space-between;
  padding-top: 12px;
  border-top: 1px solid rgba(39,29,15,0.1);
}
.meth-lp .malnutrition-illust .summary-item {
  text-align: center;
}
.meth-lp .malnutrition-illust .summary-num {
  font-family: 'Ivar Display', Georgia, serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 2px;
}
.meth-lp .malnutrition-illust .summary-num.bad { color: #271D0F; }
.meth-lp .malnutrition-illust .summary-num.ok { color: #A2927C; }
.meth-lp .malnutrition-illust .summary-label {
  font-size: 10px;
  color: #A2927C;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}

/* ========== STEPS ========== */
.meth-lp .steps-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 56px 48px;
}

.meth-lp .step {
  padding: 0;
}

.meth-lp .step-photo {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 16px;
  margin-bottom: 24px;
  display: block;
}

.meth-lp .step-number {
  font-family: 'Ivar Display', Georgia, serif;
  font-size: 14px;
  font-weight: 500;
  color: #BABE83;
  letter-spacing: 0.06em;
  margin-bottom: 12px;
  display: block;
}

.meth-lp .step h3 {
  margin-bottom: 12px;
}

.meth-lp .step p {
  font-size: 15px;
  line-height: 1.65;
  color: #5a5040;
}

/* ========== RESEARCH ========== */
.meth-lp .section-dark .tag { color: #A2927C; }
.meth-lp .section-dark h2 { color: #FFFFFF; max-width: 720px; }
.meth-lp .section-dark p { color: rgba(255,255,255,0.8); }

.meth-lp .research-body {
  font-size: 17px;
  line-height: 1.7;
  max-width: 640px;
  margin-top: 20px;
  margin-bottom: 56px;
}

.meth-lp .research-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
}

.meth-lp .research-card {
  padding: 32px 24px;
  border-right: 1px solid rgba(186,190,131,0.2);
}

.meth-lp .research-card:last-child {
  border-right: none;
}

.meth-lp .research-card h3 {
  color: #FFFFFF;
  margin-bottom: 8px;
  font-size: 20px;
}

.meth-lp .research-card p {
  font-size: 14px;
  line-height: 1.5;
  color: rgba(255,255,255,0.6);
}

.meth-lp .research-journal {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 48px;
  padding-top: 32px;
  border-top: 1px solid rgba(255,255,255,0.1);
}

.meth-lp .research-journal-badge {
  background: rgba(186,190,131,0.15);
  border: 1px solid rgba(186,190,131,0.3);
  padding: 8px 16px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #BABE83;
  white-space: nowrap;
}

.meth-lp .research-journal span {
  font-size: 14px;
  color: rgba(255,255,255,0.5);
}

.meth-lp .research-journal a {
  color: #FFFFFF;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ========== STANDARDS ========== */
.meth-lp .standards-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 64px;
}

.meth-lp .standards-col h3 {
  font-size: 20px;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 2px solid rgba(255,255,255,0.3);
  color: #FFFFFF;
}

.meth-lp .standard-item {
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,0.12);
  font-size: 15px;
  color: rgba(255,255,255,0.9);
  line-height: 1.5;
}

.meth-lp .standard-item:last-child {
  border-bottom: none;
}

/* ========== COMPARISON ========== */
.meth-lp .compare-hint {
  font-size: 13px;
  color: #A2927C;
  text-align: right;
  margin-bottom: 12px;
  display: none;
}

.meth-lp .compare-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.meth-lp .compare-table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  font-size: 14px;
  color: #271D0F;
}

.meth-lp .compare-table th {
  text-align: left;
  padding: 16px;
  border-bottom: 2px solid #271D0F;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.02em;
}

.meth-lp .compare-table th.meth-col {
  font-size: 15px;
  font-family: 'Ivar Display', Georgia, serif;
  font-weight: 500;
  background: rgba(186,190,131,0.1);
}

.meth-lp .compare-table td {
  padding: 14px 16px;
  border-bottom: 1px solid rgba(162,146,124,0.12);
  vertical-align: top;
}

.meth-lp .compare-table td:first-child {
  font-weight: 500;
  color: #271D0F;
}

.meth-lp .compare-table td.meth-col {
  background: rgba(186,190,131,0.06);
  color: #271D0F;
  font-weight: 500;
}

.meth-lp .compare-table tr:last-child td {
  border-bottom: none;
}

/* ========== TESTIMONIALS ========== */
.meth-lp .testimonials-header {
  text-align: center;
  margin-bottom: 64px;
}

.meth-lp .testimonials-header .tag {
  display: block;
  text-align: center;
}

.meth-lp .testimonials-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 48px 40px;
}

.meth-lp .testimonial {
  padding: 40px;
  background: #F6F4F1;
  position: relative;
  border-radius: 20px;
}

.meth-lp .testimonial-result {
  font-family: 'Ivar Display', Georgia, serif;
  font-weight: 500;
  font-size: 20px;
  color: #454803;
  margin-bottom: 16px;
  line-height: 1.3;
}

.meth-lp .testimonial-quote {
  font-size: 15px;
  font-style: italic;
  line-height: 1.65;
  color: #5a5040;
  margin-bottom: 24px;
}

.meth-lp .testimonial-author {
  display: flex;
  align-items: center;
  gap: 12px;
}

.meth-lp .testimonial-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #E8E4DF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  color: #A2927C;
  flex-shrink: 0;
}

.meth-lp .testimonial-name {
  font-size: 14px;
  font-weight: 500;
  color: #271D0F;
}

.meth-lp .testimonial-detail {
  font-size: 12px;
  color: #A2927C;
}

/* ========== FOUNDER ========== */
/* ========== FAQ ========== */
.meth-lp .faq-header {
  text-align: center;
  margin-bottom: 56px;
}

.meth-lp .faq-header .tag {
  text-align: center;
}

.meth-lp .faq-list {
  max-width: 720px;
  margin: 0 auto;
}

.meth-lp .faq-list details {
  border-bottom: 1px solid rgba(162,146,124,0.15);
}

.meth-lp .faq-list summary {
  font-family: 'Ivar Display', Georgia, serif;
  font-size: 18px;
  font-weight: 500;
  color: #271D0F;
  padding: 24px 40px 24px 0;
  cursor: pointer;
  list-style: none;
  position: relative;
  transition: color 0.2s ease;
}

.meth-lp .faq-list summary:hover {
  color: #454803;
}

.meth-lp .faq-list summary::-webkit-details-marker { display: none; }

.meth-lp .faq-list summary::after {
  content: '+';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  font-weight: 300;
  color: #A2927C;
  font-family: 'DM Sans', sans-serif;
  transition: transform 0.3s ease;
}

.meth-lp .faq-list details[open] summary::after {
  content: '−';
  transform: translateY(-50%);
}

.meth-lp .faq-list details p {
  font-size: 15px;
  line-height: 1.7;
  color: #5a5040;
  padding: 0 0 24px;
}

/* ========== FINAL CTA ========== */
.meth-lp .final-cta {
  background: #271D0F;
  padding: 110px 0;
  text-align: center;
}

.meth-lp .final-cta h2 {
  color: #FFFFFF;
  margin-bottom: 20px;
}

.meth-lp .final-cta p {
  color: rgba(255,255,255,0.7);
  max-width: 560px;
  margin: 0 auto 40px;
  font-size: 17px;
  line-height: 1.7;
}

.meth-lp .final-cta .btn {
  background: #FFFFFF;
  color: #271D0F;
  font-weight: 700;
}

.meth-lp .final-cta .btn:hover {
  background: #EFEDE8;
  box-shadow: 0 4px 24px rgba(0,0,0,0.25);
}

.meth-lp .final-cta .meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 21px;
  margin-top: 24px;
  font-size: 13px;
  color: rgba(255,255,255,0.45);
}

/* ========== FOOTER ========== */
.meth-lp .footer {
  background: #1a1209;
  padding: 48px 0;
}

.meth-lp .footer .container {
  text-align: center;
}

.meth-lp .footer img {
  height: 24px;
  width: auto;
  filter: brightness(0) invert(1);
  opacity: 0.6;
}

.meth-lp .footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 28px;
  justify-content: center;
  margin-top: 24px;
}

.meth-lp .footer-links a {
  font-size: 13px;
  color: rgba(255,255,255,0.7);
  text-decoration: none;
  transition: color 0.2s ease;
}

.meth-lp .footer-links a:hover {
  color: rgba(255,255,255,0.8);
}

.meth-lp .footer-legal {
  font-size: 11px;
  color: rgba(255,255,255,0.25);
  margin-top: 24px;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 960px) {
  .meth-lp h1 { font-size: 42px; }
  .meth-lp h2 { font-size: 26px; }

  .meth-lp .hero { min-height: 520px; background-position: 70% center; }
  .meth-lp .hero-content { max-width: 50%; }

  .meth-lp .section-white, .meth-lp .section-cream,
  .meth-lp .section-warm, .meth-lp .section-dark,
  .meth-lp .numbers, .meth-lp .final-cta { padding: 80px 0; }

  .meth-lp .numbers-grid { grid-template-columns: repeat(2, 1fr); }
  .meth-lp .number-card:nth-child(4n) { border-right: 1px solid rgba(255,255,255,0.1); }
  .meth-lp .number-card:nth-child(2n) { border-right: none; }
  .meth-lp .number-card:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,0.1); }
  .meth-lp .number-card:nth-child(2n) { border-right: none; }
  .meth-lp .number-card:nth-child(n+3) { border-top: 1px solid rgba(162,146,124,0.15); }

  .meth-lp .problem-grid { grid-template-columns: 1fr; gap: 32px; }
  .meth-lp .problem-illust { height: auto; min-height: 240px; }
  .meth-lp .steps-grid { grid-template-columns: 1fr; gap: 40px; }
  .meth-lp .research-grid { grid-template-columns: repeat(2, 1fr); }
  .meth-lp .research-card:nth-child(2n) { border-right: none; }
  .meth-lp .research-card:nth-child(n+3) { border-top: 1px solid rgba(186,190,131,0.2); }

  .meth-lp .standards-grid { grid-template-columns: 1fr; gap: 40px; }
  .meth-lp .glass-scatter { grid-template-columns: repeat(2, 1fr); }
  .meth-lp .testimonials-grid { grid-template-columns: 1fr; }
  .meth-lp .founder-layout { grid-template-columns: 1fr; gap: 40px; }
  .meth-lp .founder-photo { height: 400px; }

  .meth-lp .compare-hint { display: block; }
  .meth-lp .section-img { height: 320px; }
}

@media (max-width: 560px) {
  .mobile-br { display: inline !important; }
  .research-card-inner { max-width: 75% !important; margin-left: auto !important; }
  .meth-lp .hero { min-height: 500px !important; }
  .meth-lp .hero img { object-position: 75% center !important; }
  .meth-lp .glass-scatter { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .meth-lp .glass-value { font-size: 26px; }
  .meth-lp .glass-card { padding: 18px 12px; }

  .meth-lp h1 { font-size: 32px; }
  .meth-lp h2 { font-size: 24px; }
  .meth-lp h3 { font-size: 19px; }

.meth-lp .hero { min-height: 100vh; padding: 48px 0 0; background-position: 75% center; background-size: cover; justify-content: flex-start; }
  .meth-lp .hero-content { max-width: 66%; padding-top: 80px; }

  .meth-lp .section-white, .meth-lp .section-cream,
  .meth-lp .section-warm, .meth-lp .section-dark,
  .meth-lp .numbers, .meth-lp .final-cta { padding: 56px 0; }

  .meth-lp .section-img { height: 240px; }
  .meth-lp .section-header { margin-bottom: 40px; }

  .meth-lp .research-grid { grid-template-columns: 1fr; }
  .meth-lp .research-card { border-right: none !important; border-top: 1px solid rgba(186,190,131,0.2); }
  .meth-lp .research-card:first-child { border-top: none; }

  .meth-lp .testimonial { padding: 28px; }

  .meth-lp .btn { width: 100%; text-align: center; }
  .meth-lp .btn-sm { width: auto; }

  .meth-lp .number-card .value { font-size: 28px; }
}

/* ========== GLASSMORPHISM NUMBERS ========== */
.meth-lp .glass-scatter {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  max-width: 1100px;
  margin: 0 auto;
}
.meth-lp .glass-card {
  background: rgba(255,255,255,0.1);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 20px;
  padding: 16px 12px 14px;
  text-align: center;
  box-shadow: 0 4px 24px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.15);
}
.meth-lp .glass-value {
  font-family: 'Ivar Display', Georgia, serif;
  font-size: 34px;
  font-weight: 500;
  color: #FFFFFF !important;
  line-height: 1;
  margin-bottom: 6px;
  text-shadow: 0 2px 12px rgba(0,0,0,0.3);
}
.meth-lp .glass-label {
  font-family: 'DM Sans', system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.75) !important;
  line-height: 1.4;
}

@media (max-width: 560px) {
  .meth-lp .hero { min-height: 640px !important; padding-bottom: 0 !important; }
  .meth-lp .hero img.hero-bg { position: absolute !important; height: 100% !important; width: 100% !important; object-fit: cover !important; object-position: 70% center !important; }
  .mobile-br { display: inline !important; }
  .research-card-inner { max-width: 75% !important; margin-left: auto !important; }
  .meth-lp .hero-content { position: absolute !important; top: 0 !important; left: 0 !important; max-width: 66% !important; padding: 40px 28px !important; }
}

.glass-scatter-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:800px;margin:0 auto;}@media(max-width:960px){.glass-scatter-inner{grid-template-columns:repeat(2,1fr);}}@media(max-width:560px){.glass-scatter-inner{grid-template-columns:repeat(2,1fr);gap:10px;max-width:320px;}.glass-scatter-inner .glass-card{padding:12px 10px;}.glass-scatter-inner .glass-value{font-size:22px !important;}.glass-scatter-inner .glass-label{font-size:9px !important;}}

.research-grid-inner{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;max-width:1000px;}.research-card-inner{padding:24px 18px;border-right:none;background:rgba(255,255,255,0.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.2);border-radius:20px;box-shadow:0 4px 24px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.15);}.research-card-inner:last-child{}.research-card-inner h3{color:#FFFFFF !important;font-family:'Ivar Display',Georgia,serif;font-size:20px;font-weight:500;margin-bottom:8px;}.research-card-inner p{font-size:14px;line-height:1.5;color:rgba(255,255,255,0.6) !important;}@media(max-width:960px){.research-grid-inner{grid-template-columns:repeat(2,1fr);}}@media(max-width:560px){.research-grid-inner{grid-template-columns:1fr;}.research-card-inner{margin-bottom:0;}}
/* ========== SHARED LANDING FOOTER (ported from journal j-sitefooter) ========== */
/* Sits OUTSIDE the .meth-lp reset; vars scoped here so they don't leak. */
.j-sitefooter{--ink:#271D0F;--fb:'DM Sans',-apple-system,sans-serif;--fh:'Ivar Display','Playfair Display',Georgia,serif;background:var(--ink);color:#F6F4F1;margin-top:80px;}
.j-sitefooter *{box-sizing:border-box;}
.j-foot-wrap{max-width:1280px;margin:0 auto;padding:64px 28px 34px;}
.j-foot-top{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;padding-bottom:46px;border-bottom:1px solid rgba(246,244,241,.16);}
.j-foot-brand .wm{filter:brightness(0) invert(1);height:26px;width:auto;margin-bottom:20px;}
.j-foot-brand p{font-family:var(--fb);font-size:14px;line-height:1.6;color:rgba(246,244,241,.7);max-width:34ch;margin:0 0 22px;}
.j-foot-social{display:flex;gap:16px;}
.j-foot-social a{display:inline-flex;}
.j-foot-social svg{width:20px;height:20px;fill:rgba(246,244,241,.75);transition:fill .2s;}
.j-foot-social a:hover svg{fill:#F6F4F1;}
.j-foot-signup .k{font-family:var(--fb);font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:rgba(246,244,241,.55);margin-bottom:12px;}
.j-foot-signup h3{font-family:var(--fh);font-weight:300;font-size:27px;color:#F6F4F1;margin:0 0 8px;}
.j-foot-signup>p{font-family:var(--fb);font-size:14px;line-height:1.6;color:rgba(246,244,241,.7);margin:0 0 18px;max-width:46ch;}
.j-foot-signup form{display:flex;gap:10px;max-width:440px;flex-wrap:wrap;}
.j-foot-signup input{flex:1;min-width:200px;height:50px;border:1.5px solid rgba(246,244,241,.3);background:transparent;color:#F6F4F1;padding:0 16px;font-family:var(--fb);font-size:15px;border-radius:0;outline:none;}
.j-foot-signup input::placeholder{color:rgba(246,244,241,.5);}
.j-foot-signup input:focus{border-color:#F6F4F1;box-shadow:0 0 0 3px rgba(207,159,25,.35);}
.j-foot-signup button{height:50px;padding:0 24px;background:#F6F4F1;color:var(--ink);border:1.5px solid #F6F4F1;border-radius:0;font-family:var(--fb);font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;transition:opacity .2s;}
.j-foot-signup button:hover{opacity:.82;}
.j-foot-signup .fine{display:block;margin-top:12px;font-family:var(--fb);font-size:12px;color:rgba(246,244,241,.5);}
.j-foot-signup .j-news-msg{min-height:16px;margin-top:10px;font-family:var(--fb);font-size:13px;line-height:1.4;}
.j-foot-signup .j-news-msg.ok{color:#BABE83;}
.j-foot-signup .j-news-msg.err{color:#E9A79B;}
.j-foot-signup button[disabled]{opacity:.6;cursor:default;}
.j-foot-links{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:44px 0;border-bottom:1px solid rgba(246,244,241,.16);}
.j-foot-links .col h5{font-family:var(--fb);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgba(246,244,241,.55);margin:0 0 16px;}
.j-foot-links .col a{display:block;font-family:var(--fb);font-size:14px;color:#F6F4F1;text-decoration:none;margin-bottom:12px;transition:color .2s;}
.j-foot-links .col a:hover{color:rgba(246,244,241,.62);}
.j-foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:28px;flex-wrap:wrap;}
.j-foot-bottom .copy{font-family:var(--fb);font-size:12px;color:rgba(246,244,241,.5);}
.j-foot-bottom .legal{display:flex;gap:22px;flex-wrap:wrap;}
.j-foot-bottom .legal a{font-family:var(--fb);font-size:12px;color:rgba(246,244,241,.5);text-decoration:none;}
.j-foot-bottom .legal a:hover{color:#F6F4F1;}
@media (max-width:760px){
  .j-foot-top{grid-template-columns:1fr;gap:38px;}
  .j-foot-links{grid-template-columns:1fr 1fr;gap:28px 20px;}
  .j-foot-signup form{flex-direction:column;} .j-foot-signup button{width:100%;}
  .j-foot-bottom{flex-direction:column-reverse;align-items:flex-start;gap:14px;}
}

/* Accessibility: honor reduced-motion. Show content immediately (even before
   landing.js adds .visible) and collapse the scroll-reveal / bar animations. */
@media (prefers-reduced-motion: reduce) {
  .meth-lp .reveal,
  .meth-lp .reveal.visible {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .meth-lp *,
  .meth-lp *::before,
  .meth-lp *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}