#fw-section-custom-html-d0c47080-3aa0-46d5-9517-e1bf3d49485f {

/* ===============================
   WORK WITH ME (3 cards, shorter copy, centred buttons, no image cropping)
================================ */

.wwm-section {
  background: #f3f2ee;
  padding: 80px 20px;
}

.wwm-header {
  max-width: 900px;
  margin: 0 auto 46px;
  text-align: centre;
   text-align: center;
}
.wwm-header h2 {
  font-size: 44px;
  font-weight: 600;
  color: #2B2E2C;
  margin: 0 0 14px;
  line-height: 1.1;
}

.wwm-header p {
  font-size: 16px;
  line-height: 1.75;
  color: #3a3a3a;
  margin: 0;
}

/* Grid */
.wwm-grid {
  max-width: 1200px;
  margin: 0 auto;

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
  align-items: stretch;
}

/* Card */
.wwm-card {
  background: #ffffff;
  border: 1px solid rgba(43, 46, 44, 0.10);
  border-radius: 16px;
  overflow: hidden;

  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.wwm-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);
}

/* Bigger image area + no cropping */
.wwm-image {
  width: 100%;
  aspect-ratio: 4 / 3;
  background: #f3f2ee;
  overflow: hidden;

  display: flex;
  align-items: centre;
  justify-content: centre;
  padding: 14px;
}

.wwm-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;   /* no cropping */
  object-position: centre;
}

/* Content aligns across cards */
.wwm-content {
  padding: 22px 22px 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.wwm-content h3 {
  font-size: 18.5px;
  font-weight: 600;
  color: #2B2E2C;
  margin: 0 0 10px;
  line-height: 1.25;
}

.wwm-title-strong {
  font-weight: 600;
}

.wwm-content p {
  font-size: 15.5px;
  line-height: 1.65;
  color: #4a4a4a;
  margin: 0 0 12px;
}

.wwm-list {
  margin: 0 0 18px;
  padding-left: 18px;
  color: #4a4a4a;
  line-height: 1.65;
  font-size: 15px;
}

.wwm-list li {
  margin-bottom: 8px;
}

.wwm-list li:last-child {
  margin-bottom: 0;
}

/* Button pinned to bottom and centred */
.wwm-btn {
  margin-top: auto;
  align-self: centre;

  display: inline-block;
  padding: 12px 26px;
  background: #3D4B2A;
  color: #ffffff;
  border-radius: 30px;
  font-size: 14.5px;
  font-weight: 500;
  text-decoration: none;
  transition: transform 0.2s ease, background 0.2s ease;
  text-align: centre;
}

.wwm-btn:hover {
  background: #2f3b20;
  transform: translateY(-2px);
}

/* Tablet */
@media (max-width: 1000px) {
  .wwm-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .wwm-header h2 {
    font-size: 38px;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .wwm-section {
    padding: 64px 16px;
  }

  .wwm-header {
    margin-bottom: 34px;
  }

  .wwm-header h2 {
    font-size: 32px;
  }

  .wwm-image {
    padding: 12px;
  }
}

}


#fw-section-custom-html-6db38274-a272-4252-b69a-e51ae337265e {

/* ===============================
   SHOP PATHWAYS – 4 cards
================================ */

.shop-pathways {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
   padding-bottom: 8px !important;
  margin-bottom: 0 !important;
  text-align: center;
  background: #f3f2ee;
}

.shop-pathways h2 {
  font-size: 30px;
  font-weight: 600;
  color: #2B2E2C;
  margin: 0 0 14px;
}

.shop-pathways-subtitle {
  font-size: 16.5px;
  line-height: 1.7;
  color: #4a4a4a;
  max-width: 760px;
  margin: 0 auto 50px;
}

/* Grid */
.shop-pathways-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 34px;
  align-items: stretch;
}

/* Card */
.shop-pathways-card {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #e8e8e8;
  overflow: hidden;
  text-align: left;

  display: flex;
  flex-direction: column;
  height: 100%;

  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.shop-pathways-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);
}

/* Image area (consistent sizing) */
.shop-pathways-image {
  width: 100%;
  aspect-ratio: 4 / 3;      /* best for product photos */
  overflow: hidden;
  background: #f3f2ee;
}

.shop-pathways-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

/* Content */
.shop-pathways-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 18px 22px 22px;
}

.shop-pathways-content h3 {
  font-size: 19px;
  font-weight: 600;
  color: #2B2E2C;
  margin: 0 0 10px;
}

.shop-pathways-content p {
  font-size: 15.5px;
  line-height: 1.65;
  color: #4a4a4a;
  margin: 0 0 18px;
}

/* Button pinned to bottom */
.shop-pathways-btn {
  margin-top: auto;
  align-self: flex-start;

  padding: 12px 28px;
  background: #3D4B2A;
  color: #ffffff;
  border-radius: 30px;

  font-size: 14.5px;
  font-weight: 500;
  text-decoration: none;

  transition: transform 0.2s ease, background 0.2s ease;
}

.shop-pathways-btn:hover {
  background: #2f3b20;
  transform: translateY(-2px);
}

/* Tablet */
@media (max-width: 900px) {
  .shop-pathways-grid {
    grid-template-columns: 1fr;
    gap: 26px;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .shop-pathways {
    padding: 60px 16px;
  }

  .shop-pathways h2 {
    font-size: 26px;
  }

  .shop-pathways-subtitle {
    margin-bottom: 38px;
  }
}
/* Center the last shop card when there is an odd number */
.shop-pathways-grid > .shop-pathways-card:last-child {
  grid-column: span 2;
  justify-self: center;
  max-width: 520px; /* keeps it from going too wide */
}
/* Center button on the discount codes card only */
.discount-card .shop-pathways-content {
  text-align: center;
}

.discount-card .shop-pathways-btn {
  align-self: center;
}
/* =========================================
   MOBILE FIX: RESTORE HIDDEN CARDS
   ========================================= */
@media (max-width: 900px) {
  .shop-pathways-grid > .shop-pathways-card:last-child {
    /* Stop forcing it to span 2 columns (which don't exist on phone) */
    grid-column: auto !important; 
    
    /* Allow it to fill the normal width */
    max-width: 100% !important;
    
    /* Fix alignment */
    justify-self: stretch !important;
  }
}
/* =========================================
   MOBILE FIX: FORCE DISCOUNT LEFT (V3)
   ========================================= */
@media (max-width: 900px) {
  
  /* 1. Reset the text and flex alignment on the container */
  .shop-pathways-grid .discount-card .shop-pathways-content {
    text-align: left !important;
    align-items: flex-start !important; /* Critical for flexbox columns */
    justify-content: flex-start !important;
  }

  /* 2. Reset the button specifically */
  .shop-pathways-grid .discount-card .shop-pathways-btn {
    align-self: flex-start !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
}
#fw-section-custom-html-ce19537a-264b-42f0-81b2-e26025d2fc41 {

/* ===============================
   SHOP – WORK WITH ME BRIDGE
================================ */

.shop-workwithme {
  width: 100%;
  background: #f3f2ee;
padding-top: 16px !important;
  margin-top: 0 !important;
  text-align: center;
}
.work-with-me-cta,
.work-with-me-cta * {
  margin-top: 0;
}
p:has(.work-with-me-cta) {
  margin: 0 !important;
}
.work-with-me-cta {
  transform: translateY(-24px);
}

.shop-workwithme-inner {
  max-width: 760px;
  margin: 0 auto;
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 16px;
  padding: 34px 28px 36px;
}

.shop-workwithme-inner h2 {
  font-size: 26px;
  font-weight: 600;
  color: #2B2E2C;
  margin: 0 0 12px;
}

.shop-workwithme-inner p {
  font-size: 16.5px;
  line-height: 1.7;
  color: #4a4a4a;
  margin: 0 0 22px;
}

.shop-workwithme-btn {
  display: inline-block;
  padding: 12px 28px;
  background: #3D4B2A;
  color: #ffffff;
  border-radius: 30px;
  font-size: 14.5px;
  font-weight: 500;
  text-decoration: none;
  transition: transform 0.2s ease, background 0.2s ease;
}

.shop-workwithme-btn:hover {
  background: #2f3b20;
  transform: translateY(-2px);
}

/* Mobile */
@media (max-width: 600px) {
  .shop-workwithme {
    padding: 45px 16px 70px;
  }

  .shop-workwithme-inner {
    padding: 28px 20px 30px;
  }

  .shop-workwithme-inner h2 {
    font-size: 23px;
  }
}

}




#fw-section-image-with-text-1719959876 {
--color-primary: #3d4b2a;
--color-primary-rgb: 61, 75, 42;
--color-background: #f3f2ee;
--color-background-rgb: 243, 242, 238;
--color-on-primary: #fbfafa;
--color-on-primary-rgb: 251, 250, 250;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 242;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-c33a6ff2-01c3-4305-84e3-fa25763e0227 {

/* ===============================
   DISCOUNT CODES INTRO (image + text)
================================ */

.dc-intro {
  width: 100%;
  background: #f3f2ee;
  padding: 20px 0;
}

.dc-intro-inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;

  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 48px;
  align-items: center;
}

.dc-intro-media {
  border-radius: 18px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid rgba(43, 46, 44, 0.10);
}

.dc-intro-media img {
  width: 100%;
  height: auto;
  display: block;
}

/* Text */
.dc-intro-text {
  text-align: left;
}

.dc-intro-text h2 {
  font-size: 42px;
  font-weight: 500;
  color: #2B2E2C;
  margin: 0 0 18px;
  line-height: 1.1;
}

.dc-intro-text p {
  font-size: 16px;
  line-height: 1.75;
  color: #3a3a3a;
  margin: 0 0 14px;
}

.dc-intro-text p:last-child {
  margin-bottom: 0;
}

/* Tablet */
@media (max-width: 900px) {
  .dc-intro-inner {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .dc-intro-text h2 {
    font-size: 34px;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .dc-intro {
    padding: 56px 16px;
  }

  .dc-intro-text h2 {
    font-size: 30px;
  }

  .dc-intro-text p {
    font-size: 15.5px;
  }
}

}
#fw-section-custom-html-a0f2dcaf-a0d7-44ca-b46c-6a6e0aad4397 {

/* ===============================
   KIT FEATURE SECTION
================================ */

.kit-feature {
  max-width: 1200px;
  margin: 1px auto 0;

  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
}

.kit-feature-image {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(43, 46, 44, 0.10);
  background: #ffffff;
}

.kit-feature-image img {
  width: 100%;
  height: auto;
  display: block;
}

.kit-feature-content h2 {
  font-size: 42px;
  font-weight: 400;
  color: #1f2a2a;
  margin: 0 0 16px;
}

.kit-feature-content p {
  font-size: 16px;
  line-height: 1.75;
  color: #3a3a3a;
  margin: 0 0 24px;
}

.kit-feature-btn {
  display: inline-block;
  background: #3D4B2A;
  color: #ffffff;
  padding: 16px 30px;
  border-radius: 40px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.2s ease;
}

.kit-feature-btn:hover {
  background: #2f3b20;
  transform: translateY(-2px);
}

@media (max-width: 900px) {
  .kit-feature {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .kit-feature-content h2 {
    font-size: 34px;
  }
}
}
#fw-section-links-list-1719960776 {
--color-primary: #3d4b2a;
--color-primary-rgb: 61, 75, 42;
--color-background: #f7f7f7;
--color-background-rgb: 247, 247, 247;
--color-on-primary: #fbfafa;
--color-on-primary-rgb: 251, 250, 250;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 247;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-a7af45ff-86a5-43e9-a636-9e04cc87227a {

/* Recommended products section */

.recommended-products {
max-width: 900px;
margin: 0 auto 60px auto;
}

/* remove extra space above heading */

.recommended-products h2 {
margin-top: 0;
margin-bottom: 10px;
}

/* Main heading */
.recommended-products h2 {
font-size: 42px;
font-weight: 400;
margin-bottom: 10px;
color: #1f2a2a;
}

/* Category headings (Lighting, Nutrients etc) */
.recommended-products h3 {
font-size: 22px;
font-weight: 400;
margin-top: 45px;
margin-bottom: 18px;
color: #2f3a33;
}

/* Affiliate button list */
.recommended-products .affiliate-list {
display: flex;
flex-direction: column;
gap: 16px;
align-items: center;
margin-bottom: 10px;
}

/* Green pill buttons */
.recommended-products .affiliate-button {
display: block;
width: 100%;
max-width: 650px;
background: #3D4B2A;
color: #ffffff;
padding: 18px 28px;
border-radius: 40px;
text-decoration: none;
font-size: 16px;
text-align: center;
transition: all .2s ease;
}

/* Hover effect */
.recommended-products .affiliate-button:hover {
background: #2f3b20;
transform: translateY(-2px);
}
}

#fw-section-custom-html-8d9be423-db57-45c5-ac4e-ddcad1151ea2 {

/* ===============================
   BLOG HERO SECTION
================================ */

.blog-hero {
  width: 100%;
  padding: 90px 20px 60px; /* reduced bottom spacing */
  background: #ffffff;
}

.blog-hero-content {
  max-width: 880px;
  margin: 0 auto;
  text-align: center;
}

/* Headline */
.blog-hero h1 {
  font-size: 38px;
  font-weight: 500;
  color: #2B2E2C;
  margin-bottom: 28px;
  line-height: 1.3;
}

/* Intro paragraph */
.blog-intro {
  font-size: 19px;
  line-height: 1.75;
  color: #3f3f3f;
  margin-bottom: 22px;
}

/* Supporting text */
.blog-description {
  font-size: 16.5px;
  line-height: 1.75;
  color: #4a4a4a;
  max-width: 760px;
  margin: 0 auto;
}

/* Mobile optimization */
@media (max-width: 768px) {
  .blog-hero {
    padding: 70px 18px 50px;
  }

  .blog-hero h1 {
    font-size: 30px;
  }

  .blog-intro {
    font-size: 17px;
  }

  .blog-description {
    font-size: 15.5px;
  }
}

}


#fw-section-video-with-text-23687630-8591-499b-9077-3564fa505b0b {
--color-primary: #3d4b2a;
--color-primary-rgb: 61, 75, 42;
--color-background: #f7f7f7;
--color-background-rgb: 247, 247, 247;
--color-on-primary: #fbfafa;
--color-on-primary-rgb: 251, 250, 250;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 247;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-video-with-text-a94f7d2e-1243-44e1-bca0-1233d4df5bcc {
--color-primary: #3d4b2a;
--color-primary-rgb: 61, 75, 42;
--color-background: #f3f2ee;
--color-background-rgb: 243, 242, 238;
--color-on-primary: #fbfafa;
--color-on-primary-rgb: 251, 250, 250;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 242;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-video-with-text-a1acf68f-1b13-42d3-b9b2-69b2f27f74aa {
--color-primary: #3d4b2a;
--color-primary-rgb: 61, 75, 42;
--color-background: #f7f7f7;
--color-background-rgb: 247, 247, 247;
--color-on-primary: #fbfafa;
--color-on-primary-rgb: 251, 250, 250;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 247;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-video-with-text-053e3323-51e2-4b4e-9999-3c19dfe6c07c {
--color-primary: #3d4b2a;
--color-primary-rgb: 61, 75, 42;
--color-background: #f7f7f7;
--color-background-rgb: 247, 247, 247;
--color-on-primary: #fbfafa;
--color-on-primary-rgb: 251, 250, 250;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 247;
background-color: var(--color-background);
color: var(--color-on-background);

}



#fw-section-image-with-text-01e40df2-79c3-4268-a7d7-1ba4d6cfe836 {
--color-primary: #3d4b2a;
--color-primary-rgb: 61, 75, 42;
--color-background: #f7f7f7;
--color-background-rgb: 247, 247, 247;
--color-on-primary: #fbfafa;
--color-on-primary-rgb: 251, 250, 250;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 247;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-custom-html-bf532244-9b84-481c-b154-0e8858a82f75 {

/* ===============================
   GEAR & RECOMMENDATIONS PAGE
================================ */

.gear-page {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 60px 20px 40px;
  color: #2B2E2C;
}

/* Intro */
.gear-intro h1 {
  font-size: 34px;
  font-weight: 500;
  margin-bottom: 22px;
}

.gear-intro p {
  font-size: 17px;
  line-height: 1.75;
  color: #4a4a4a;
  margin-bottom: 18px;
}

.intro-text {
  font-size: 18px;
  color: #3a3a3a;
}

/* Guide box */
.gear-guide {
  margin: 40px 0;
  padding: 28px 30px;
  background: #f7f7f7;
  border-radius: 14px;
}

.gear-guide p {
  font-size: 16.5px;
  line-height: 1.7;
  margin: 0;
}

/* Notices */
.gear-notice {
  margin: 40px 0;
}

.gear-notice h3 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
}

.gear-notice p {
  font-size: 15.5px;
  line-height: 1.7;
  color: #5a5a5a;
}

/* Kit section */
.gear-kit {
  margin-top: 60px;
  padding: 50px 30px;
  text-align: center;
  background: #fafafa;
  border-radius: 18px;
}

.gear-kit h2 {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 18px;
}

.gear-kit p {
  font-size: 17px;
  line-height: 1.7;
  max-width: 720px;
  margin: 0 auto 26px;
  color: #4a4a4a;
}

/* Button */
.gear-btn {
  display: inline-block;
  padding: 16px 42px;
  background: #2B2E2C;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 40px;
  text-decoration: none;
  transition: all 0.25s ease;
}

.gear-btn:hover {
  background: #1f211f;
  transform: translateY(-2px);
}

/* Philosophy */
.gear-philosophy {
  margin-top: 28px;
  font-size: 15.5px;
  color: #6a6a6a;
}

/* Mobile */
@media (max-width: 768px) {
  .gear-page {
    padding: 50px 16px 30px;
  }

  .gear-intro h1 {
    font-size: 28px;
  }

  .gear-kit {
    padding: 40px 20px;
  }
}

}



#fw-section-image-with-text-fa763100-9860-420c-9112-95af380cff0c {

/* ===============================
   BOOK PAGE – HERO (TIGHT SPACING)
================================ */

.book-hero {
  width: 100%;
  padding: 0 20px; /* no vertical spacing */
  text-align: center;
}

.book-hero-content {
  max-width: 780px;
  margin: 0 auto;
  padding: 30px 0; /* controlled internal spacing only */
}

.book-hero h1 {
  font-size: 34px;
  font-weight: 500;
  color: #2B2E2C;
  margin: 0 0 18px 0;
}

.book-subtitle {
  font-size: 24px;
  color: #3a3a3a;
  line-height: 1.7;
  margin: 0 0 22px 0;
}

.book-hero p {
  font-size: 24px;
  line-height: 1.8;
  color: #4a4a4a;
  margin: 0 0 22px 0;
}

/* Mobile */
@media (max-width: 600px) {
  .book-hero-content {
    padding: 24px 0;
  }

  .book-hero h1 {
    font-size: 28px;
  }
}

}
#fw-section-custom-html-4c18f958-e25b-492f-a3a0-dd0ee66203ef {

/* ===============================
   BOOK PAGE – HERO (TIGHT SPACING)
================================ */

.book-hero {
  width: 100%;
  padding: 0 20px; /* no vertical spacing */
  text-align: center;
}

.book-hero-content {
  max-width: 780px;
  margin: 0 auto;
  padding: 30px 0; /* controlled internal spacing only */
}

.book-hero h1 {
  font-size: 34px;
  font-weight: 500;
  color: #2B2E2C;
  margin: 0 0 18px 0;
}

.book-subtitle {
  font-size: 24px;
  color: #3a3a3a;
  line-height: 1.7;
  margin: 0 0 22px 0;
}

.book-hero p {
  font-size: 24px;
  line-height: 1.8;
  color: #4a4a4a;
  margin: 0 0 22px 0;
}

/* Mobile */
@media (max-width: 600px) {
  .book-hero-content {
    padding: 24px 0;
  }

  .book-hero h1 {
    font-size: 28px;
  }
}

}
#fw-section-custom-html-d0e77920-bbe2-4961-9780-4b5ec2be38c2 {

/* ===============================
   BOOK – BUY SECTION
================================ */

.book-buy {
  width: 100%;
  padding: 0 20px;
  text-align: center;
}

.book-buy h2 {
  font-size: 28px;
  font-weight: 700;
  color: #2B2E2C;
  margin: 0 0 24px 0;
}

.book-buy-btn {
  display: inline-block;
  padding: 16px 38px;
  background: #3D4B2A;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 32px;
  text-decoration: none;
  transition: all 0.25s ease;
  margin-bottom: 28px;
}

.book-buy-btn:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}

.region-select {
  max-width: 360px;
  margin: 0 auto;
}

.region-select label {
  display: block;
  font-size: 14px;
  color: #4a4a4a;
  margin-bottom: 8px;
}

.region-select select {
  width: 100%;
  padding: 14px 16px;
  font-size: 15px;
  border-radius: 10px;
  border: 1px solid #ddd;
  background: #fff;
  color: #2B2E2C;
  cursor: pointer;
}

/* Mobile */
@media (max-width: 600px) {
  .book-buy h2 {
    font-size: 25px;
  }
}

}
#fw-section-custom-html-96d16c45-6110-4ad4-bd7a-a049cc4856f9 {

/* ===============================
   BOOK – WHAT YOU’LL GET
================================ */

.book-benefits {
  width: 100%;
  padding: 0 20px; /* no vertical spacing */
  text-align: center;
}

.book-benefits h2 {
  font-size: 32px;
  font-weight: 700;
  color: #2B2E2C;
  margin: 0 0 32px 0;
}

.benefits-list {
  max-width: 620px;
  margin: 0 auto;
}

.benefits-list p {
  font-size: 24px;
  line-height: 1.7;
  color: #4a4a4a;
  margin: 0 0 18px 0;
}

/* Mobile */
@media (max-width: 600px) {
  .book-benefits h2 {
    font-size: 25px;
  }
}

}
#fw-section-custom-html-9a0e72b0-cc2c-4f5e-8b19-cfb431108f1c {

/* ===============================
   BOOK SOCIAL PROOF SECTION
================================ */

.book-social-proof {
  width: 100%;
  padding: 20px 20px;
  background: #fafafa;
}

/* -----------------------------
   TESTIMONIALS
------------------------------ */

.testimonials-wrapper {
  max-width: 1200px;
  margin: 0 auto 80px;
  text-align: center;
}

.testimonials-wrapper h2 {
  font-size: 34px; /* increased */
  font-weight: 700;
  color: #2B2E2C;
  margin-bottom: 60px;
}

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

.testimonial-card {
  background: #ffffff;
  border-radius: 18px;
  padding: 40px 38px;
  border: 1px solid #e6e6e6;
  text-align: left;
}

/* Quote text */
.quote {
  font-size: 17.5px; /* increased */
  line-height: 1.75;
  color: #3f3f3f;
  margin-bottom: 26px;
}

/* Author */
.author {
  font-size: 16px; /* increased */
  font-weight: 700;
  color: #2B2E2C;
}

.author span {
  display: block;
  font-weight: 400;
  color: #6a6a6a;
  margin-top: 6px;
}

/* -----------------------------
   COMPANION VIDEO
------------------------------ */

.companion-section {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.companion-section h3 {
  font-size: 32px; /* increased */
  font-weight: 700;
  margin-bottom: 18px;
  color: #2B2E2C;
}

.companion-intro {
  font-size: 20px; /* increased */
  margin-bottom: 22px;
  color: #3f3f3f;
}

.companion-text {
  font-size: 17px; /* increased */
  line-height: 1.75;
  color: #4a4a4a;
  margin-bottom: 22px;
}

.companion-points {
  list-style: none;
  padding: 0;
  margin: 22px 0 32px;
}

.companion-points li {
  font-size: 16.5px;
  color: #4a4a4a;
  margin-bottom: 10px;
}

/* CTA Button */
.video-btn {
  display: inline-block;
  padding: 18px 40px;
  background: #2B2E2C;
  color: #ffffff;
  border-radius: 34px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.25s ease;
}

.video-btn:hover {
  background: #1f211f;
  transform: translateY(-2px);
}

/* Mobile */
@media (max-width: 800px) {
  .testimonials-grid {
    grid-template-columns: 1fr;
  }

  .book-social-proof {
    padding: 60px 16px;
  }

  .testimonials-wrapper h2 {
    font-size: 28px;
  }

  .companion-section h3 {
    font-size: 26px;
  }
}
.companion-section {
  display: none;
}

}
#fw-section-custom-html-d28ac9be-8b4b-4af1-a6a0-6360d2bf046d {

/* ===============================
   BOOK – BUY SECTION
================================ */

.book-buy {
  width: 100%;
  padding: 0 20px;
  text-align: center;
}

.book-buy h2 {
  font-size: 28px;
  font-weight: 600;
  color: #2B2E2C;
  margin: 0 0 24px 0;
}

.book-buy-btn {
  display: inline-block;
  padding: 16px 38px;
  background: #3D4B2A;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 32px;
  text-decoration: none;
  transition: all 0.25s ease;
  margin-bottom: 28px;
}

.book-buy-btn:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}

.region-select {
  max-width: 360px;
  margin: 0 auto;
}

.region-select label {
  display: block;
  font-size: 14px;
  color: #4a4a4a;
  margin-bottom: 8px;
}

.region-select select {
  width: 100%;
  padding: 14px 16px;
  font-size: 15px;
  border-radius: 10px;
  border: 1px solid #ddd;
  background: #fff;
  color: #2B2E2C;
  cursor: pointer;
}

/* Mobile */
@media (max-width: 600px) {
  .book-buy h2 {
    font-size: 25px;
  }
}

}


#fw-section-rich-text-176717961758142 {
--color-primary: #0b0b0b;
--color-primary-rgb: 11, 11, 11;
--color-background: #f7f7f7;
--color-background-rgb: 247, 247, 247;
--color-on-primary: #fbfafa;
--color-on-primary-rgb: 251, 250, 250;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 247;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-image-with-text-7559410e-afcb-48c3-87dd-82cda5f26008 {
--color-primary: #3d4b2a;
--color-primary-rgb: 61, 75, 42;
--color-background: #f3f2ee;
--color-background-rgb: 243, 242, 238;
--color-on-primary: #fbfafa;
--color-on-primary-rgb: 251, 250, 250;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 242;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-0604eb0d-a528-4d64-a2f3-d650c977caac {

/* ===============================
   MEMBERSHIP HERO SECTION
================================ */

.membership-hero {
  width: 100%;
  padding: 0 20px; /* removed top & bottom spacing */
  background: #ffffff;
  text-align: center;
}

.membership-hero-content {
  max-width: 780px;
  margin: 0 auto;
  padding: 40px 0; /* controlled internal spacing */
}

.membership-hero h1 {
  font-size: 34px;
  font-weight: 500;
  margin: 0 0 20px 0; /* no top margin */
  color: #2B2E2C;
}

.membership-hero .intro {
  font-size: 18px;
  line-height: 1.7;
  color: #3a3a3a;
  margin: 0 0 22px 0;
}

.membership-hero p {
  font-size: 16px;
  line-height: 1.8;
  color: #4a4a4a;
  margin: 0 0 22px 0;
}

.membership-cta {
  display: inline-block;
  margin-top: 18px;
  padding: 16px 36px;
  background: #2B2E2C;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 30px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.membership-cta:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}

/* Mobile */
@media (max-width: 600px) {
  .membership-hero-content {
    padding: 30px 0;
  }

  .membership-hero h1 {
    font-size: 28px;
  }
}

}
#fw-section-custom-html-74ed5635-3c32-42d7-9282-fa0d8d739f76 {

/* ===============================
   MEMBERSHIP INCLUDES
================================ */

.membership-includes {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 80px 20px;
  background: #f3f2ee;
  text-align: center;
}

/* Section heading */
.membership-includes h2 {
  font-size: 30px;
  font-weight: 500;
  color: #2B2E2C;
  margin-bottom: 60px;
}

/* Grid */
.membership-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 34px;
  align-items: stretch;
}

/* Card */
.membership-card {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #e8e8e8;
  padding: 36px 30px 38px;
  text-align: left;

  display: flex;
  flex-direction: column;

  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.membership-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);
}

/* Icon */
.membership-icon {
  font-size: 26px;
  margin-bottom: 18px;
}

/* Card heading */
.membership-card h3 {
  font-size: 18.5px;
  font-weight: 500;
  color: #2B2E2C;
  margin-bottom: 12px;
}

/* Card text */
.membership-card p {
  font-size: 15.5px;
  line-height: 1.65;
  color: #4a4a4a;
  margin: 0;
}

/* Tablet */
@media (max-width: 900px) {
  .membership-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .membership-includes {
    padding: 60px 16px;
  }

  .membership-includes h2 {
    font-size: 26px;
    margin-bottom: 40px;
  }

  .membership-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .membership-card {
    padding: 30px 24px 32px;
  }
}

}
#fw-section-tiers-b8ff681d-b38f-4bfb-8d62-a53072874b15 {
--color-primary: #3d4b2a;
--color-primary-rgb: 61, 75, 42;
--color-background: #f3f2ee;
--color-background-rgb: 243, 242, 238;
--color-on-primary: #fbfafa;
--color-on-primary-rgb: 251, 250, 250;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 242;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-3812f259-7d4f-42a0-8c32-b7d25d72d1d4 {

/* ===============================
   MEMBERSHIP CTA SECTION
================================ */

.membership-cta-section {
  width: 100%;
  background: #f7f7f5;
  padding: 0 20px; /* NO vertical spacing */
  text-align: center;
}

.membership-cta-inner {
  max-width: 700px;
  margin: 0 auto;
  padding: 30px 0; /* controlled internal spacing */
}

.membership-cta-section h2 {
  font-size: 30px;
  font-weight: 500;
  color: #2B2E2C;
  margin: 0 0 20px 0;
}

.cta-intro {
  font-size: 17px;
  line-height: 1.7;
  color: #4a4a4a;
  margin: 0 0 28px 0;
}

.pricing-box {
  margin: 0 0 24px 0;
}

.price-note {
  font-size: 15px;
  color: #5a5a5a;
  margin: 0 0 18px 0;
}

.cta-button {
  display: inline-block;
  padding: 16px 38px;
  background: #2B2E2C;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 30px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.cta-button:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}

.cta-reassurance {
  font-size: 14px;
  color: #6a6a6a;
  margin: 18px 0 0 0;
}

/* Mobile */
@media (max-width: 600px) {
  .membership-cta-inner {
    padding: 24px 0;
  }

  .membership-cta-section h2 {
    font-size: 26px;
  }
}

}

#fw-section-hero-b41594f4-1f65-4f25-b388-2956fc3ac369 {
--color-primary: #3d4b2a;
--color-primary-rgb: 61, 75, 42;
--color-background: #f3f2ee;
--color-background-rgb: 243, 242, 238;
--color-on-primary: #fbfafa;
--color-on-primary-rgb: 251, 250, 250;
--color-on-background: #dcdcd8;
--color-on-background-rgb: 220, 220, 216;
--color-product-image-background: #dcdcd8;
--color-background-brightness: 242;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-d27ac9ed-7b97-4651-8e77-5a85bb384a79 {
--color-primary: #3d4b2a;
--color-primary-rgb: 61, 75, 42;
--color-background: #f3f2ee;
--color-background-rgb: 243, 242, 238;
--color-on-primary: #fbfafa;
--color-on-primary-rgb: 251, 250, 250;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 242;
background-color: var(--color-background);
color: var(--color-on-background);
/* ===============================
   HERO
================================ */

.hero-carousel {
  position: relative;
  width: 100%;
  height: 90vh;
  overflow: hidden;
  background-color: #f3f2ee;
}

/* Slide */
.carousel-slide {
  position: relative;
  width: 100%;
  height: 100%;

  /* Image ONLY */
  background-image: url("https://ik.imagekit.io/thelecaqueen/Nora%20hero%20image.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
}

/* This is the overlay that creates the soft fade
   IMPORTANT: it uses a mask + blur so there is no sharp edge */
.carousel-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  /* Solid brand background colour */
  background: #f3f2ee;

  /* Feather the edge with a mask (smooth transition) */
  -webkit-mask-image: linear-gradient(
    to right,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,1) 46%,
    rgba(0,0,0,0.85) 54%,
    rgba(0,0,0,0.45) 62%,
    rgba(0,0,0,0.10) 72%,
    rgba(0,0,0,0) 82%
  );
  mask-image: linear-gradient(
    to right,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,1) 46%,
    rgba(0,0,0,0.85) 54%,
    rgba(0,0,0,0.45) 62%,
    rgba(0,0,0,0.10) 72%,
    rgba(0,0,0,0) 82%
  );

  /* Blur removes any banding/seam */
  filter: blur(18px);

  /* Prevent the blur shrinking the coverage */
  transform: scale(1.05);
  transform-origin: left center;

  opacity: 1;
}

/* Overlay content sits above the fade */
.hero-overlay {
  position: absolute;
  inset: 0;
  background: none;

  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 24px;
  z-index: 1;
}

.hero-content {
  max-width: 540px;
  padding-left: 6vw;
  text-align: left;
}

/* Brand line */
.hero-kicker {
  font-size: 18px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #2B2E2C;
  opacity: 0.95;
  margin-bottom: 18px;
  font-weight: 700;
}

/* Headline (reduced) */
.hero-content h1 {
  font-size: 42px;
  font-weight: 600;
  color: #2B2E2C;
  margin: 0 0 18px 0;
  line-height: 1.08;
}

.hero-content p {
  font-size: 18px;
  line-height: 1.7;
  color: #4a4a4a;
  margin: 0 0 28px 0;
}

.hero-buttons {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.hero-btn {
  padding: 14px 34px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.25s ease;
}

.hero-btn.primary {
  background: #3D4B2A;
  color: #ffffff;
}

.hero-btn.primary:hover {
  opacity: 0.92;
  transform: translateY(-2px);
}

/* Mobile */
@media (max-width: 768px) {
  .hero-carousel {
    height: 72vh;
  }

  /* On mobile, keep text readable with a bottom fade */
  .hero-overlay {
    align-items: flex-end;
    padding: 24px 18px;

    background: linear-gradient(
      to top,
      rgba(243,242,238,0.96) 0%,
      rgba(243,242,238,0.90) 55%,
      rgba(243,242,238,0.82) 100%
    );
  }

  .hero-content {
    max-width: 100%;
    padding-left: 0;
  }

  .hero-kicker {
    font-size: 16px;
    letter-spacing: 0.18em;
    margin-bottom: 14px;
  }

  .hero-content h1 {
    font-size: 32px;
    line-height: 1.1;
  }

  .hero-content p {
    font-size: 16px;
  }

  /* Slightly reduce blur on mobile */
  .carousel-slide::before {
    filter: blur(12px);
  }
}
/* MOBILE FIX: Stack Face on Top, Text on Bottom */
@media (max-width: 900px) {

  /* 1. The Container: Create empty space at the top */
  .hero-carousel, .carousel-slide {
    /* 400px of empty space at the top for the image */
    padding-top: 400px !important; 
    
    /* Pin image to Top Right (where your face is) */
    background-position: 75% 0% !important; 
    
    /* Ensure the container is tall enough to fit everything */
    min-height: 800px !important;
    align-items: flex-start !important;
  }

  /* 2. The Text Box: Reset it so it sits nicely below the empty space */
  .hero-content {
    margin-top: 0 !important; /* Remove any old margins */
    background: #f3f2ee !important; /* Solid cream color for readability */
    padding: 30px 20px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}
/* =========================================
   MOBILE FIX: FORCE MOVE UP (MAXIMUM)
   ========================================= */
@media (max-width: 900px) {

  /* 1. MOVE THE WHOLE SECTION UP */
  .hero-carousel {
    /* CHANGED TO -420px. 
       Adjust this number if you need more or less. */
    transform: translateY(-420px) !important; 
    margin-bottom: -420px !important;
    
    position: relative; 
    z-index: 1;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  /* 2. CONFIGURE THE IMAGE WINDOW */
  .carousel-slide {
    padding-top: 500px !important; 
    background-position: 85% 0% !important; 
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }

  /* 3. HIDE THE FOG */
  .carousel-slide::before {
    display: none !important;
  }

  /* 4. SOLID TEXT BLOCK BELOW */
  .hero-overlay {
    position: relative !important;
    inset: auto !important;
    background: #f3f2ee !important; 
    width: 100% !important;
    padding: 20px 24px 60px 24px !important; 
    align-items: flex-start !important;
  }

  /* 5. CLEAN CONTENT TEXT */
  .hero-content {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
  }
}
}

#fw-section-image-with-text-1719912044 {

/* ===============================
   MEET THE LECA QUEEN SECTION
   Matches HERO typography + spacing
================================ */

.meet-leca-queen {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 70px 20px;
  color: #2B2E2C;
}

/* Layout */
.meet-leca-queen .meet-grid {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 60px;
  align-items: center;
}

/* Image */
.meet-leca-queen .meet-image {
  width: 100%;
  display: block;
  border-radius: 18px;
  object-fit: cover;
}

/* Text area */
.meet-leca-queen .meet-content {
  text-align: left;
}

/* Heading */
.meet-leca-queen h2 {
  font-size: 42px;
  font-weight: 500;
  line-height: 1.2;
  color: #2B2E2C;
  margin: 0 0 18px 0;
  letter-spacing: 0.01em;
}

/* Intro line */
.meet-leca-queen .meet-intro {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
  color: #2B2E2C;
  margin: 0 0 16px 0;
}

/* Body copy */
.meet-leca-queen p {
  font-size: 17px;
  line-height: 1.75;
  color: #4a4a4a;
  margin: 0 0 16px 0;
}

.meet-leca-queen p:last-child {
  margin-bottom: 0;
}

/* Tablet */
@media (max-width: 900px) {
  .meet-leca-queen .meet-grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .meet-leca-queen {
    padding: 60px 18px;
  }

  .meet-leca-queen h2 {
    font-size: 34px;
  }

  .meet-leca-queen .meet-intro {
    font-size: 17px;
  }

  .meet-leca-queen p {
    font-size: 16.5px;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .meet-leca-queen {
    padding: 50px 16px;
  }

  .meet-leca-queen h2 {
    font-size: 30px;
  }

  .meet-leca-queen .meet-image {
    border-radius: 16px;
  }
}

}
#fw-section-custom-html-33559ab8-eb77-4957-9d43-bf4331fb0751 {
--color-primary: #e2d3ce;
--color-primary-rgb: 226, 211, 206;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
/* ===== AS FEATURED IN ===== */

.featured-section {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 40px 20px;
  text-align: center;
}

.featured-section h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 0.05em;
  color: #2B2E2C;
  margin-bottom: 22px;
}

.featured-logos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
}

/* Bigger but still aligned */
.featured-logos img {
  height: 60px;          /* ⬅️ bigger */
  width: auto;
  max-width: 180px;      /* ⬅️ allows wide logos to breathe */
  object-fit: contain;
  opacity: 0.85;
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.featured-logos img:hover {
  opacity: 1;
  transform: translateY(-2px);
}

/* Mobile */
@media (max-width: 768px) {
  .featured-logos {
    justify-content: center;
    gap: 24px;
  }

  .featured-logos img {
    height: 48px;
  }
}

}
#fw-section-custom-html-c98d421e-0337-4dd5-b476-7aa95a79e46c {
--color-primary: #e2d3ce;
--color-primary-rgb: 226, 211, 206;
--color-background: #f7f7f7;
--color-background-rgb: 247, 247, 247;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 247;
background-color: var(--color-background);
color: var(--color-on-background);
/* ===============================
   CORE PATHWAYS – fixed alignment + consistent images
================================ */

.core-pathways {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 70px 20px;
  text-align: center;
  background: #f3f2ee;
}

.core-pathways h2 {
  font-size: 30px;
  font-weight: 600;
  color: #2B2E2C;
  margin-bottom: 50px;
}

/* Grid */
.pathways-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 34px;
  align-items: stretch;
}

/* Card */
.pathway-card {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #e8e8e8;
  overflow: hidden;
  text-align: left;

  display: flex;
  flex-direction: column; /* key */
  height: 100%;           /* key */
}

/* Image area: same shape every card */
.pathway-image {
  width: 100%;
  aspect-ratio: 16 / 9;   /* change to 4 / 3 if you prefer */
  overflow: hidden;
  background: #f3f2ee;
}

.pathway-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

/* Content area: pushes button to bottom */
.pathway-content {
  display: flex;
  flex-direction: column;
  flex: 1;                /* key: makes content fill the card */
  padding: 18px 22px 22px;
}

.pathway-content h3 {
  font-size: 19px;
  font-weight: 500;
  color: #2B2E2C;
  margin: 0 0 10px;
}

.pathway-content p {
  font-size: 15.5px;
  line-height: 1.65;
  color: #4a4a4a;
  margin: 0 0 18px;
}

/* Button pinned to bottom */
.pathway-btn {
  margin-top: auto;       /* key: forces alignment */
  align-self: flex-start;

  padding: 12px 28px;
  background: #3D4B2A;
  color: #ffffff;
  border-radius: 30px;
  font-size: 14.5px;
  font-weight: 500;
  text-decoration: none;
  transition: transform 0.2s ease, background 0.2s ease;
}

.pathway-btn:hover {
  background: #2f3b20;
  transform: translateY(-2px);
}

/* Hover */
.pathway-card:hover {
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);
  transform: translateY(-3px);
  transition: all 0.25s ease;
}

/* Tablet */
@media (max-width: 900px) {
  .pathways-grid {
    grid-template-columns: 1fr;
    gap: 26px;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .core-pathways {
    padding: 60px 16px;
  }

  .core-pathways h2 {
    font-size: 26px;
  }
}

}
#fw-section-image-with-text-60d2f2bf-e768-4f09-bc01-5b9088cd3b6d {
--color-primary: #e2d3ce;
--color-primary-rgb: 226, 211, 206;
--color-background: #f7f7f7;
--color-background-rgb: 247, 247, 247;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 247;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-newsletter-43822583-5765-4872-a67a-9aa14794c1e4 {
--color-primary: #e2d3ce;
--color-primary-rgb: 226, 211, 206;
--color-background: #f7f7f7;
--color-background-rgb: 247, 247, 247;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 247;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-fd849ca8-c5a9-4afa-9112-1b38bd662273 {

/* ===== FINAL CTA SECTION ===== */

.final-cta-section {
  background: #3D4B2A;
  padding: 60px 20px;
  text-align: center;
}

.final-cta-content {
  max-width: 700px;
  margin: 0 auto;
}

.final-cta-content h2 {
  font-size: 30px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 14px;
}

.final-cta-content p {
  font-size: 17px;
  line-height: 1.6;
  color: #e6e6e6;
  margin-bottom: 28px;
}

.final-cta-button {
  display: inline-block;
  padding: 14px 34px;
  background: #ffffff;
  color: #2B2E2C;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  border-radius: 30px;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.final-cta-button:hover {
  transform: translateY(-2px);
  opacity: 0.9;
}

/* Mobile */
@media (max-width: 600px) {
  .final-cta-section {
    padding: 50px 18px;
  }

  .final-cta-content h2 {
    font-size: 26px;
  }
}

}






#fw-section-footer {
--color-primary: #3d4b2a;
--color-primary-rgb: 61, 75, 42;
--color-background: #f3f2ee;
--color-background-rgb: 243, 242, 238;
--color-on-primary: #fbfafa;
--color-on-primary-rgb: 251, 250, 250;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 242;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-header {

/* Adjust the max-height to control size */
.logo img, .site-header img {
    max-height: 80px; /* Try 80px first, then 90px */
    width: auto;      /* Keeps the aspect ratio correct */
}
}