.elementor-kit-1032{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-1032 e-page-transition{background-color:#FFBC7D;}.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 */.ff-hero {
  max-width: 1180px;
  margin: 0 auto;
  padding: clamp(56px, 8vw, 110px) 24px;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: clamp(36px, 6vw, 72px);
  align-items: center;
}

.ff-pill,
.ff-tags span,
.ff-card-top strong {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: rgba(8,120,93,.10);
  color: #08785d;
  font-weight: 800;
}

.ff-pill {
  padding: 10px 16px;
  margin-bottom: 26px;
}

.ff-hero h1 {
  max-width: 760px;
  margin: 0 0 22px;
  font-size: clamp(3.4rem, 7.5vw, 6.7rem);
  line-height: .92;
  letter-spacing: -.07em;
  color: #071d18;
}

.ff-hero p {
  max-width: 650px;
  font-size: 1.18rem;
  line-height: 1.8;
  color: #657872;
}

.ff-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin: 34px 0 28px;
}

.ff-btn {
  padding: 16px 24px;
  border-radius: 999px;
  text-decoration: none !important;
  font-weight: 900;
}

.ff-btn-primary {
  background: linear-gradient(135deg, #0c9b73, #08785d);
  color: #fff !important;
  box-shadow: 0 18px 38px rgba(8,120,93,.24);
}

.ff-btn-light {
  background: #fff;
  color: #10231e !important;
  border: 1px solid #dcebe5;
}

.ff-tags {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.ff-tags span {
  padding: 11px 15px;
  background: rgba(255,255,255,.82);
  border: 1px solid #dcebe5;
}

.ff-app-card {
  background: rgba(255,255,255,.9);
  border: 1px solid #dcebe5;
  border-radius: 38px;
  padding: clamp(24px, 4vw, 38px);
  box-shadow: 0 28px 90px rgba(16,35,30,.13);
}

.ff-card-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  color: #08785d;
  font-weight: 900;
}

.ff-card-top strong {
  padding: 8px 12px;
}

.ff-score-card {
  border: 1px solid #dcebe5;
  border-radius: 28px;
  padding: 24px;
  background: linear-gradient(135deg, #f7fffb, #fff);
}

.ff-score-card small,
.ff-mini-grid small {
  display: block;
  color: #71817c;
  margin-bottom: 8px;
}

.ff-score-card strong {
  display: block;
  color: #10231e;
  font-size: 2.2rem;
}

.ff-progress {
  height: 12px;
  margin-top: 18px;
  border-radius: 999px;
  background: #dcebe5;
  overflow: hidden;
}

.ff-progress span {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: #08785d;
}

.ff-mini-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 14px;
}

.ff-mini-grid div {
  min-height: 108px;
  padding: 18px;
  border-radius: 24px;
  background: #fff;
  border: 1px solid #dcebe5;
}

.ff-mini-grid strong {
  color: #10231e;
  font-size: 1.15rem;
}

.ff-note {
  margin-top: 16px;
  padding: 18px 20px;
  border-radius: 24px;
  background: rgba(8,120,93,.08);
  color: #08785d;
  font-weight: 800;
}

.ff-section {
  max-width: 1180px;
  margin: 0 auto;
  padding: clamp(48px, 7vw, 88px) 24px;
}

.ff-section-head {
  max-width: 720px;
  margin-bottom: 34px;
}

.ff-section-head span {
  color: #08785d;
  font-weight: 900;
}

.ff-section-head h2 {
  margin: 10px 0 14px;
  font-size: clamp(2.4rem, 5vw, 4.5rem);
  line-height: .98;
  letter-spacing: -.055em;
  color: #10231e;
}

.ff-section-head p {
  color: #71817c;
  font-size: 1.12rem;
  line-height: 1.75;
}

.ff-feature-grid,
.ff-step-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.ff-feature-card,
.ff-step-grid div {
  background: rgba(255,255,255,.9);
  border: 1px solid #dcebe5;
  border-radius: 30px;
  padding: 26px;
  box-shadow: 0 18px 55px rgba(16,35,30,.08);
}

.ff-feature-card > div {
  font-size: 2.2rem;
  margin-bottom: 18px;
}

.ff-feature-card h3,
.ff-step-grid h3 {
  margin: 0 0 10px;
  color: #10231e;
}

.ff-feature-card p,
.ff-step-grid p {
  color: #71817c;
  line-height: 1.7;
}

.ff-step-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ff-step-grid strong {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 18px;
  border-radius: 999px;
  background: #08785d;
  color: #fff;
}

@media (max-width: 900px) {
  .ff-hero {
    grid-template-columns: 1fr;
  }

  .ff-feature-grid,
  .ff-step-grid {
    grid-template-columns: 1fr;
  }

  .ff-mini-grid {
    grid-template-columns: 1fr;
  }

  .ff-hero h1 {
    font-size: clamp(3rem, 13vw, 4.6rem);
  }
}/* End custom CSS */