.elementor-kit-58{--e-global-color-primary:#0F0F10;--e-global-color-secondary:#8A8A8A;--e-global-color-text:#F5F3EF;--e-global-color-accent:#C6A96B;--e-global-color-kadence1:#8a8a8a;--e-global-color-kadence2:#C6A96B;--e-global-color-kadence3:#F5F3EF;--e-global-color-kadence4:#8A8A8A;--e-global-color-kadence5:#F5F3EF;--e-global-color-kadence6:#F5F3EF;--e-global-color-kadence7:#EDF2F7;--e-global-color-kadence8:#F7FAFC;--e-global-color-kadence9:#ffffff;--e-global-color-3c5cc87:#0F0F10;--e-global-color-6142c74:#F5F3EF;--e-global-color-bd2bc34:#C6A96B;--e-global-color-23a4fd6:#8A8A8A;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-size:20px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-line-height:9px;--e-global-typography-primary-word-spacing:0px;--e-global-typography-secondary-font-family:"Playfair Display";--e-global-typography-secondary-font-size:18px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:capitalize;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-font-style:italic;}.elementor-kit-58.el-is-editing{--global-palette1:#8a8a8a;--global-palette2:#C6A96B;--global-palette3:#F5F3EF;--global-palette4:#8A8A8A;--global-palette5:#F5F3EF;--global-palette6:#F5F3EF;--global-palette7:#EDF2F7;--global-palette8:#F7FAFC;--global-palette9:#ffffff;}.elementor-kit-58 button,.elementor-kit-58 input[type="button"],.elementor-kit-58 input[type="submit"],.elementor-kit-58 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Playfair Display", Inter;color:var( --e-global-color-text );}.elementor-kit-58 e-page-transition{background-color:#FFBC7D;}.elementor-kit-58 h1{font-family:"Playfair Display", Inter;}.elementor-kit-58 h2{font-family:"Playfair Display", Inter;}.elementor-kit-58 h3{font-family:"Playfair Display", Inter;}.elementor-kit-58 h4{font-family:"Playfair Display", Inter;}.elementor-kit-58 h5{font-family:"Playfair Display", Inter;}.elementor-kit-58 h6{font-family:"Playfair Display", Inter;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//*
====================================================================
Fasting Companion — Elementor Pro Global CSS
====================================================================

Use in:
WordPress Admin > Elementor > Custom Code / Site Settings > Custom CSS
or
Appearance > Customize > Additional CSS

Recommended setup:
- Theme: Kadence or Hello Elementor
- Builder: Elementor Pro
- Fonts: Cormorant Garamond for headings, Inter for body
- Brand style: calm, premium, reflective, Christian spiritual formation

Elementor workflow:
1. Set colours in Elementor Site Settings > Global Colors
2. Set fonts in Elementor Site Settings > Global Fonts
3. Paste this CSS globally
4. Add the section/container classes listed at the bottom

====================================================================
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');

:root {
  /* Brand colours */
  --fc-dark: #15120f;
  --fc-dark-alt: #1f1b17;
  --fc-charcoal: #2b2621;
  --fc-parchment: #f6efe4;
  --fc-parchment-soft: #fbf7ef;
  --fc-taupe: #e7dccb;
  --fc-border: #d8ccba;
  --fc-gold: #c9a24a;
  --fc-gold-hover: #b8933b;
  --fc-muted: #6f675e;
  --fc-muted-light: #8a8177;
  --fc-white: #ffffff;

  /* Fonts */
  --fc-heading-font: 'Cormorant Garamond', Georgia, serif;
  --fc-body-font: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Layout */
  --fc-container: 1180px;
  --fc-reading: 760px;
  --fc-section-y: clamp(4.5rem, 8vw, 7.5rem);
  --fc-gap: clamp(1.25rem, 3vw, 2rem);

  /* Shape and depth */
  --fc-radius-sm: 12px;
  --fc-radius-md: 22px;
  --fc-radius-lg: 36px;
  --fc-shadow-soft: 0 24px 80px rgba(21, 18, 15, 0.09);
  --fc-shadow-card: 0 14px 42px rgba(21, 18, 15, 0.07);
}

/* ================================================================
   GLOBAL BASE
================================================================ */

html {
  scroll-behavior: smooth;
}

body {
  background: var(--fc-parchment);
  color: var(--fc-charcoal);
  font-family: var(--fc-body-font);
  font-size: 18px;
  line-height: 1.72;
  letter-spacing: -0.01em;
}

body,
button,
input,
textarea,
select,
.elementor-widget-text-editor,
.elementor-widget-text-editor p {
  font-family: var(--fc-body-font);
}

h1,
h2,
h3,
h4,
h5,
h6,
.elementor-heading-title,
.elementor-widget-heading .elementor-heading-title {
  color: var(--fc-charcoal);
  font-family: var(--fc-heading-font);
  font-weight: 600;
  letter-spacing: -0.035em;
  line-height: 1.05;
}

h1,
.elementor-widget-heading h1.elementor-heading-title {
  font-size: clamp(3.25rem, 7vw, 6.7rem);
}

h2,
.elementor-widget-heading h2.elementor-heading-title {
  font-size: clamp(2.45rem, 5vw, 4.7rem);
}

h3,
.elementor-widget-heading h3.elementor-heading-title {
  font-size: clamp(1.65rem, 3vw, 2.45rem);
}

p,
.elementor-widget-text-editor p {
  color: var(--fc-muted);
  margin-bottom: 1.2rem;
}

a {
  color: var(--fc-gold-hover);
  text-underline-offset: 0.22em;
  transition: color 180ms ease, opacity 180ms ease, transform 180ms ease;
}

a:hover {
  color: var(--fc-gold);
}

::selection {
  background: var(--fc-gold);
  color: var(--fc-dark);
}

/* Elementor page background */
.elementor,
.elementor-page,
.elementor-location-single,
.elementor-location-archive,
.site,
.site-main,
.content-area {
  background: var(--fc-parchment);
}

/* ================================================================
   ELEMENTOR GLOBAL SECTION / CONTAINER DEFAULTS
================================================================ */

.elementor-section,
.e-con {
  position: relative;
}

.e-con.fc-section,
.elementor-section.fc-section {
  padding-block: var(--fc-section-y);
  padding-inline: 1.25rem;
}

.fc-container,
.e-con.fc-container,
.elementor-section.fc-container > .elementor-container {
  max-width: var(--fc-container);
  margin-inline: auto;
}

.fc-narrow {
  max-width: var(--fc-reading);
  margin-inline: auto;
}

.fc-center {
  text-align: center;
}

.fc-eyebrow,
.elementor-widget-heading.fc-eyebrow .elementor-heading-title,
.elementor-widget-text-editor.fc-eyebrow,
.elementor-widget-text-editor.fc-eyebrow p {
  color: var(--fc-gold-hover) !important;
  font-family: var(--fc-body-font);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.2em;
  line-height: 1.4;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.fc-lede,
.fc-lede p,
.elementor-widget-text-editor.fc-lede p {
  color: var(--fc-muted);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  line-height: 1.65;
}

.fc-dark-section {
  background:
    radial-gradient(circle at top right, rgba(201, 162, 74, 0.14), transparent 36%),
    linear-gradient(135deg, var(--fc-dark), var(--fc-dark-alt));
  color: var(--fc-white);
}

.fc-dark-section h1,
.fc-dark-section h2,
.fc-dark-section h3,
.fc-dark-section h4,
.fc-dark-section .elementor-heading-title {
  color: var(--fc-white) !important;
}

.fc-dark-section p,
.fc-dark-section li,
.fc-dark-section .elementor-widget-text-editor p {
  color: rgba(255, 255, 255, 0.74);
}

.fc-soft-section {
  background: var(--fc-parchment-soft);
}

.fc-taupe-section {
  background: var(--fc-taupe);
}

/* ================================================================
   HEADER / NAVIGATION
================================================================ */

.site-header,
.site-main-header-wrap,
#masthead,
.elementor-location-header {
  background: rgba(246, 239, 228, 0.94) !important;
  border-bottom: 1px solid rgba(216, 204, 186, 0.66);
  backdrop-filter: blur(14px);
}

.elementor-nav-menu--main .elementor-item,
.main-navigation a,
.primary-menu-container a,
.mobile-navigation a {
  color: var(--fc-charcoal) !important;
  font-family: var(--fc-body-font);
  font-size: 0.94rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.elementor-nav-menu--main .elementor-item:hover,
.elementor-nav-menu--main .elementor-item.elementor-item-active,
.main-navigation a:hover,
.primary-menu-container a:hover,
.mobile-navigation a:hover,
.current-menu-item > a {
  color: var(--fc-gold-hover) !important;
}

/* ================================================================
   BUTTONS
================================================================ */

.elementor-button,
.elementor-widget-button .elementor-button,
.wp-block-button__link,
.button,
input[type='submit'],
button[type='submit'] {
  background: var(--fc-gold) !important;
  border: 1px solid var(--fc-gold) !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 30px rgba(201, 162, 74, 0.23);
  color: var(--fc-dark) !important;
  font-family: var(--fc-body-font);
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: 0.035em;
  line-height: 1.2;
  padding: 0.95rem 1.45rem !important;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.elementor-button:hover,
.elementor-widget-button .elementor-button:hover,
.wp-block-button__link:hover,
.button:hover,
input[type='submit']:hover,
button[type='submit']:hover {
  background: var(--fc-gold-hover) !important;
  border-color: var(--fc-gold-hover) !important;
  box-shadow: 0 16px 38px rgba(201, 162, 74, 0.28);
  color: var(--fc-dark) !important;
  transform: translateY(-1px);
}

.fc-button-secondary .elementor-button,
.fc-button-secondary.elementor-widget-button .elementor-button,
.fc-btn-secondary {
  background: transparent !important;
  border: 1px solid rgba(201, 162, 74, 0.72) !important;
  box-shadow: none;
  color: var(--fc-gold) !important;
}

.fc-button-secondary .elementor-button:hover,
.fc-button-secondary.elementor-widget-button .elementor-button:hover,
.fc-btn-secondary:hover {
  background: rgba(201, 162, 74, 0.12) !important;
  color: var(--fc-gold) !important;
}

/* ================================================================
   CARDS / REUSABLE BLOCKS
================================================================ */

.fc-card,
.fc-step-card,
.fc-feature-card,
.fc-article-card,
.fc-compare-card {
  background: rgba(255, 255, 255, 0.62);
  border: 1px solid rgba(216, 204, 186, 0.78);
  border-radius: var(--fc-radius-md);
  box-shadow: var(--fc-shadow-card);
  padding: clamp(1.35rem, 3vw, 2.1rem);
}

.fc-card h3,
.fc-step-card h3,
.fc-feature-card h3,
.fc-article-card h3,
.fc-compare-card h3,
.fc-card .elementor-heading-title,
.fc-step-card .elementor-heading-title,
.fc-feature-card .elementor-heading-title,
.fc-article-card .elementor-heading-title,
.fc-compare-card .elementor-heading-title {
  margin-bottom: 0.75rem;
}

.fc-icon,
.fc-step-number {
  align-items: center;
  background: rgba(201, 162, 74, 0.15);
  border-radius: 999px;
  color: var(--fc-gold-hover);
  display: inline-flex;
  font-family: var(--fc-heading-font);
  font-size: 1.25rem;
  font-weight: 700;
  height: 48px;
  justify-content: center;
  margin-bottom: 1.15rem;
  width: 48px;
}

/* ================================================================
   HOME 1 — HERO
================================================================ */

.fc-home-hero {
  align-items: center;
  display: flex;
  min-height: 84vh;
  overflow: hidden;
  padding-block: clamp(5rem, 9vw, 8.5rem) !important;
  padding-inline: 1.25rem !important;
  position: relative;
}

.fc-home-hero::before {
  background: rgba(201, 162, 74, 0.12);
  border-radius: 999px;
  bottom: -15rem;
  content: '';
  filter: blur(14px);
  height: 560px;
  position: absolute;
  right: -10rem;
  width: 560px;
}

.fc-home-hero > .e-con-inner,
.fc-hero-grid {
  display: grid !important;
  gap: clamp(3rem, 6vw, 5.5rem);
  grid-template-columns: minmax(0, 1.06fr) minmax(320px, 0.84fr);
  max-width: var(--fc-container);
  margin-inline: auto;
  position: relative;
  z-index: 2;
}

.fc-hero-copy {
  max-width: 750px;
}

.fc-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
  margin-top: 2rem;
}

.fc-hero-visual {
  align-self: center;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: var(--fc-radius-lg);
  box-shadow: 0 32px 90px rgba(0, 0, 0, 0.3);
  min-height: 520px;
  padding: 1.3rem;
}

.fc-phone-preview {
  background: var(--fc-parchment-soft);
  border: 8px solid rgba(255, 255, 255, 0.08);
  border-radius: 42px;
  box-shadow: var(--fc-shadow-soft);
  margin: 0 auto;
  max-width: 340px;
  min-height: 560px;
  padding: 1.4rem;
}

.fc-phone-preview h3,
.fc-phone-preview .elementor-heading-title {
  color: var(--fc-charcoal) !important;
  font-size: 2.35rem;
}

.fc-phone-preview p {
  color: var(--fc-muted) !important;
}

.fc-phone-note {
  background: var(--fc-white);
  border: 1px solid var(--fc-border);
  border-radius: 18px;
  color: var(--fc-muted);
  font-size: 0.95rem;
  padding: 1rem;
}

/* ================================================================
   HOME 2 — PROBLEM / SPIRITUAL TENSION
================================================================ */

.fc-problem {
  background: var(--fc-parchment-soft);
}

.fc-problem .fc-narrow::before,
.fc-problem > .e-con-inner::before {
  background: var(--fc-gold);
  border-radius: 999px;
  content: '';
  display: block;
  height: 3px;
  margin-bottom: 1.6rem;
  width: 72px;
}

.fc-problem-list,
.fc-problem ul {
  background: var(--fc-white);
  border: 1px solid var(--fc-border);
  border-radius: var(--fc-radius-md);
  box-shadow: var(--fc-shadow-card);
  list-style: none;
  margin: 1.6rem 0 0;
  padding: 1.2rem 1.4rem;
}

.fc-problem-list li,
.fc-problem ul li {
  border-bottom: 1px solid rgba(216, 204, 186, 0.64);
  color: var(--fc-muted);
  padding: 0.75rem 0;
}

.fc-problem-list li:last-child,
.fc-problem ul li:last-child {
  border-bottom: 0;
}

/* ================================================================
   HOME 3 — SOLUTION RHYTHM
================================================================ */

.fc-solution {
  background: var(--fc-parchment);
}

.fc-solution-header {
  margin-bottom: 2.6rem;
}

.fc-step-card {
  position: relative;
}

/* ================================================================
   HOME 4 — APP PREVIEW / FEATURE MODULES
================================================================ */

.fc-app-preview {
  background: var(--fc-taupe);
}

.fc-app-preview > .e-con-inner,
.fc-app-preview-grid {
  align-items: center;
  display: grid !important;
  gap: clamp(2.5rem, 6vw, 5rem);
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  max-width: var(--fc-container);
  margin-inline: auto;
}

.fc-app-panel {
  background:
    radial-gradient(circle at top right, rgba(201, 162, 74, 0.16), transparent 38%),
    var(--fc-dark);
  border-radius: var(--fc-radius-lg);
  box-shadow: var(--fc-shadow-soft);
  min-height: 520px;
  padding: 2rem;
}

.fc-app-panel img,
.fc-hero-visual img {
  border-radius: calc(var(--fc-radius-lg) - 12px);
}

.fc-feature-list,
.fc-feature-list ul {
  display: grid;
  gap: 1rem;
  list-style: none;
  margin: 1.8rem 0 0;
  padding: 0;
}

.fc-feature-list li,
.fc-feature-list ul li {
  align-items: flex-start;
  background: rgba(251, 247, 239, 0.72);
  border: 1px solid rgba(216, 204, 186, 0.85);
  border-radius: 18px;
  color: var(--fc-muted);
  display: flex;
  gap: 0.75rem;
  padding: 0.95rem 1rem;
}

.fc-feature-list li::before,
.fc-feature-list ul li::before {
  color: var(--fc-gold-hover);
  content: '✦';
  flex: 0 0 auto;
  font-size: 0.9rem;
  line-height: 1.7;
}

/* ================================================================
   HOME 5 — DIFFERENTIATION COMPARISON
================================================================ */

.fc-difference {
  background: var(--fc-parchment-soft);
}

.fc-compare-card.is-positive {
  background: var(--fc-dark);
  border-color: rgba(201, 162, 74, 0.35);
}

.fc-compare-card.is-positive h3,
.fc-compare-card.is-positive .elementor-heading-title {
  color: var(--fc-white) !important;
}

.fc-compare-card ul {
  list-style: none;
  margin: 1rem 0 0;
  padding: 0;
}

.fc-compare-card li {
  border-top: 1px solid rgba(216, 204, 186, 0.7);
  color: var(--fc-muted);
  padding: 0.75rem 0;
}

.fc-compare-card.is-positive li {
  border-top-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.75);
}

/* ================================================================
   HOME 6 — TRANSFORMATION SECTION
================================================================ */

.fc-transformation {
  background:
    radial-gradient(circle at left center, rgba(201, 162, 74, 0.12), transparent 34%),
    var(--fc-dark);
  color: var(--fc-white);
  overflow: hidden;
}

.fc-transformation > .e-con-inner,
.fc-transformation-grid {
  align-items: center;
  display: grid !important;
  gap: clamp(2.5rem, 6vw, 5rem);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  max-width: var(--fc-container);
  margin-inline: auto;
}

.fc-transformation h2,
.fc-transformation h3,
.fc-transformation .elementor-heading-title {
  color: var(--fc-white) !important;
}

.fc-transformation p,
.fc-transformation li,
.fc-transformation .elementor-widget-text-editor p {
  color: rgba(255, 255, 255, 0.74);
}

.fc-quote-card {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: var(--fc-radius-lg);
  box-shadow: 0 32px 90px rgba(0, 0, 0, 0.22);
  padding: clamp(1.8rem, 4vw, 3rem);
}

.fc-quote-card p,
.fc-quote-card .elementor-widget-text-editor p {
  color: rgba(255, 255, 255, 0.82);
  font-family: var(--fc-heading-font);
  font-size: clamp(1.9rem, 4vw, 3.3rem);
  line-height: 1.12;
}

/* ================================================================
   HOME 7 — LEAD MAGNET / GUIDE SIGNUP
================================================================ */

.fc-guide {
  background: var(--fc-parchment);
}

.fc-guide-box {
  background:
    radial-gradient(circle at top right, rgba(201, 162, 74, 0.16), transparent 34%),
    var(--fc-dark);
  border-radius: var(--fc-radius-lg);
  box-shadow: var(--fc-shadow-soft);
  color: var(--fc-white);
  padding: clamp(2rem, 5vw, 4.25rem);
}

.fc-guide-box h2,
.fc-guide-box h3,
.fc-guide-box .elementor-heading-title {
  color: var(--fc-white) !important;
}

.fc-guide-box p,
.fc-guide-box .elementor-widget-text-editor p {
  color: rgba(255, 255, 255, 0.74);
}

.fc-guide-form form,
.fc-guide-form .elementor-form-fields-wrapper {
  display: grid !important;
  gap: 0.9rem;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  margin-top: 1.8rem;
}

.fc-guide-form input[type='email'],
.fc-guide-form input[type='text'],
.fc-guide-form .elementor-field {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 999px !important;
  color: var(--fc-white) !important;
  min-height: 56px;
  padding: 0 1.15rem !important;
}

.fc-guide-form input::placeholder,
.fc-guide-form .elementor-field::placeholder {
  color: rgba(255, 255, 255, 0.56) !important;
}

/* ================================================================
   HOME 8 — LEARN / ARTICLE CARDS
================================================================ */

.fc-learn {
  background: var(--fc-parchment-soft);
}

.fc-article-card {
  display: block;
  min-height: 190px;
  text-decoration: none;
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.fc-article-card:hover {
  box-shadow: var(--fc-shadow-soft);
  transform: translateY(-2px);
}

.fc-article-card h3,
.fc-article-card .elementor-heading-title {
  color: var(--fc-charcoal) !important;
  font-size: 1.65rem;
}

.fc-article-card p,
.fc-article-card .elementor-widget-text-editor p {
  font-size: 0.96rem;
  line-height: 1.55;
}

/* ================================================================
   HOME 9 — FINAL CTA
================================================================ */

.fc-final-cta {
  background:
    radial-gradient(circle at top center, rgba(201, 162, 74, 0.13), transparent 35%),
    linear-gradient(135deg, var(--fc-dark), var(--fc-dark-alt));
  color: var(--fc-white);
  padding-block: clamp(4.5rem, 8vw, 7.5rem) !important;
  padding-inline: 1.25rem !important;
  text-align: center;
}

.fc-final-cta h2,
.fc-final-cta .elementor-heading-title {
  color: var(--fc-white) !important;
}

.fc-final-cta p,
.fc-final-cta .elementor-widget-text-editor p {
  color: rgba(255, 255, 255, 0.74);
  margin-left: auto;
  margin-right: auto;
  max-width: 680px;
}

/* ================================================================
   FOOTER
================================================================ */

.site-footer,
.site-footer-wrap,
footer,
.elementor-location-footer {
  background: var(--fc-dark) !important;
  color: rgba(255, 255, 255, 0.72) !important;
}

.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer .site-title,
.elementor-location-footer .elementor-heading-title {
  color: var(--fc-white) !important;
}

.site-footer a,
footer a,
.elementor-location-footer a {
  color: rgba(255, 255, 255, 0.72) !important;
}

.site-footer a:hover,
footer a:hover,
.elementor-location-footer a:hover {
  color: var(--fc-gold) !important;
}

/* ================================================================
   ELEMENTOR IMAGES
================================================================ */

.fc-rounded-image img,
.elementor-widget-image.fc-rounded-image img {
  border-radius: var(--fc-radius-lg);
  box-shadow: var(--fc-shadow-soft);
}

.fc-soft-image img,
.elementor-widget-image.fc-soft-image img {
  border-radius: var(--fc-radius-md);
  box-shadow: var(--fc-shadow-card);
}

/* ================================================================
   RESPONSIVE
================================================================ */

@media (max-width: 1100px) {
  .fc-home-hero > .e-con-inner,
  .fc-hero-grid,
  .fc-app-preview > .e-con-inner,
  .fc-app-preview-grid,
  .fc-transformation > .e-con-inner,
  .fc-transformation-grid {
    grid-template-columns: 1fr;
  }

  .fc-hero-visual,
  .fc-app-panel {
    min-height: auto;
  }
}

@media (max-width: 760px) {
  body {
    font-size: 16px;
  }

  .e-con.fc-section,
  .elementor-section.fc-section,
  .fc-home-hero,
  .fc-final-cta {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .fc-home-hero {
    min-height: auto;
    padding-bottom: 4.5rem !important;
    padding-top: 4.5rem !important;
  }

  .fc-hero-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .fc-hero-actions .elementor-button,
  .fc-guide-form input[type='submit'],
  .fc-guide-form button[type='submit'] {
    text-align: center;
    width: 100%;
  }

  .fc-guide-form form,
  .fc-guide-form .elementor-form-fields-wrapper {
    grid-template-columns: 1fr;
  }

  .fc-phone-preview {
    min-height: 480px;
  }
}

/*
====================================================================
ELEMENTOR CLASS MAP
====================================================================

How to add a class in Elementor:
1. Click the section/container/widget
2. Open Advanced tab
3. CSS Classes
4. Paste the class name only, without a dot

Recommended classes:

GLOBAL
- Section padding: fc-section
- Narrow text container: fc-narrow
- Centre text: fc-center
- Eyebrow text widget: fc-eyebrow
- Larger intro paragraph: fc-lede
- Soft cream section: fc-soft-section
- Taupe section: fc-taupe-section
- Dark section: fc-dark-section
- Rounded image widget: fc-rounded-image

HOME PAGE
1. Hero section/container:
   fc-home-hero fc-dark-section

2. Hero text column/container:
   fc-hero-copy

3. Hero button wrapper/container:
   fc-hero-actions

4. Hero image/mockup column/container:
   fc-hero-visual

5. Phone/app mockup container:
   fc-phone-preview

6. Problem section:
   fc-section fc-problem

7. Solution section:
   fc-section fc-solution

8. Solution cards:
   fc-step-card

9. App preview section:
   fc-section fc-app-preview

10. App image panel:
   fc-app-panel

11. Feature list widget/container:
   fc-feature-list

12. Difference section:
   fc-section fc-difference

13. Comparison card:
   fc-compare-card

14. Positive comparison card:
   fc-compare-card is-positive

15. Transformation section:
   fc-section fc-transformation

16. Quote card:
   fc-quote-card

17. Guide signup section:
   fc-section fc-guide

18. Guide signup inner container:
   fc-guide-box

19. Elementor form widget:
   fc-guide-form

20. Learn/articles section:
   fc-section fc-learn

21. Article card/container:
   fc-article-card

22. Final CTA section:
   fc-final-cta

====================================================================
*//* End custom CSS */