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

:root {
  --green: #1D9E75;
  --green-light: #E1F5EE;
  --green-mid: #9FE1CB;
  --green-dark: #0F6E56;
  --green-deep: #085041;
  --ink: #1a1a1a;
  --ink-soft: #3a3a3a;
  --muted: #6b7280;
  --muted-light: #9ca3af;
  --surface: #f9faf8;
  --surface-2: #f3f7f4;
  --border: rgba(29, 158, 117, 0.12);
  --border-gray: rgba(0,0,0,0.07);
  --white: #ffffff;
  --radius: 16px;
  --radius-sm: 10px;
  --radius-xs: 6px;
  --shadow-soft: 0 1px 4px rgba(0,0,0,0.05), 0 4px 16px rgba(0,0,0,0.04);
  --shadow-card: 0 2px 8px rgba(0,0,0,0.04), 0 8px 32px rgba(0,0,0,0.06);
}



@font-face {
  font-family: 'Sklow';
  src: url('../public/Sklow-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

h1,
h2,
.heading {
  font-family: 'Sklow';
}


@font-face {
  font-family: 'NunitoSans';
  src: url('../public/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}


p{
font-family: 'NunitoSans';
}

html { scroll-behavior: smooth; }

body {

  background: #ffffff;
  color: var(--ink);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

/* NAV */
nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border-gray);
  padding: 0 5%;
  display: flex; align-items: center; justify-content: space-between;
  height: 64px;
}
.nav-logo {
  display: flex; 
  align-items: center; 
  gap: 8px;
  font-size: 20px; 
  font-weight: 600;
   color: var(--ink); 
   text-decoration: none;
}

.nav-logo-img {
  height: 40px;   
  width: auto;
  object-fit: contain;
}

.logo-mark {
  width: 34px; 
  height: 34px; 
  background: var(--green); 
  border-radius: 8px;
  display: flex;
   align-items: center; 
   justify-content: center;
}
.logo-mark svg {
     width: 20px;
      height: 20px;
       fill: white; 
    }
.nav-links { 
    display: flex;
     align-items: center;
      gap: 28px; 
    
    }
.nav-links a {
     font-size: 16px;
      color: black;
       text-decoration: none;
        transition: color 0.2s;
        font-family: 'NunitoSans';
     }

.nav-links a:hover { 
    color: #199e41;
 }

.nav-cta {
  background: #199e41;
   color: white;
    border: none;
  padding: 9px 22px; 
  border-radius: 8px;
   font-size: 16px;
    font-weight: 500;
  cursor: pointer;
   transition: background 0.2s;
    font-family: inherit;
  text-decoration: none;
  font-family: 'NunitoSans';
}
.nav-cta:hover { 
    background: var(--green-dark);
 }

/* HERO */
.hero {
  min-height: 100vh;
   padding: 120px 5% 80px;
  display: grid;
   grid-template-columns: 1fr 1fr; 
   gap: 60px;
    align-items: center;
  max-width: 1280px; 
  margin: 0 auto;
  
}
.hero-badge {
  display: inline-flex;
   align-items: center;
    gap: 6px;
  background: var(--green-light);
   color: var(--green-dark);
  padding: 6px 14px; 
  border-radius: 100px; 
  font-size: 13px; 
  font-weight: 500;
  margin-bottom: 24px;
   font-family: 'Sklow';
}
.hero-badge span {
     width: 6px;
      height: 6px;
       background: var(--green); 
       border-radius: 50%; 
       display: inline-block; 
        font-family: 'Sklow';
    }
h1 {
  font-family: 'Sklow';
  font-size: clamp(38px, 5vw, 62px);
  font-weight: 400; 
  line-height: 1.0; 
  color: var(--ink);
  margin-bottom: 20px; 
  letter-spacing: -0.5px;
}
h1 st { color: #199e41;
    
    /* font-style: italic;  */
     font-family: 'Sklow';
}
.hero-sub {
  font-size: 17px;
   color: var(--muted);
    line-height: 1.4;
     margin-bottom: 32px;
  font-weight: 400; 
  max-width: 440px;
     font-family: 'NunitoSans';
}
.hero-hooks {
  display: flex;
   flex-wrap: wrap; 
   gap: 10px; 
   margin-bottom: 36px;
}
.hook {
  display: flex; 
  align-items: center;
   gap: 6px;
  background: var(--surface); 
  border: 1px solid var(--border-gray);
  padding: 7px 14px; 
  border-radius: 8px; 
  font-size: 16px;
   font-weight: 500; 
   color: var(--ink-soft);
      font-family: 'NunitoSans';
}
.hook-dot {
     width: 7px;
      height: 7px;
       background: var(--green);
        border-radius: 50%; 
        flex-shrink: 0; 
    }
.hero-ctas { 
    display: flex; 
    gap: 12px; 
    align-items: center;
 }

.btn-primary {
  background: #199e41;
   color: white;
    border: none;
  padding: 13px 28px;
   border-radius: 10px; 
   font-size: 16px; 
   font-weight: 500;
  cursor: pointer;
   transition: all 0.2s; 
   font-family: inherit; 
   text-decoration: none;
  display: inline-block;
     font-family: 'NunitoSans';
}
.btn-primary:hover { 
    background: var(--green-dark);
     transform: translateY(-1px);
     }

.btn-ghost {
  background: transparent; 
  color: var(--ink);
   border: 1.5px solid var(--border-gray);
  padding: 12px 24px; 
  border-radius: 10px; 
  font-size: 16px; 
  font-weight: 500;
  cursor: pointer; 
  transition: all 0.2s;
  font-family: inherit;
   text-decoration: none;
  display: inline-block;
     font-family: 'NunitoSans';
}
.btn-ghost:hover {
     border-color: var(--green); 
     color: var(--green); 
    }

/* HERO FORM */
.hero-form-wrap {
  background: var(--white);
  border: 1px solid var(--border-gray);
  border-radius: 20px;
  padding: 36px;
  box-shadow: var(--shadow-card);
}
.form-header {
     margin-bottom: 24px;
     }
.form-header h3 {
     font-size: 20px;
     font-weight: 600; 
     margin-bottom: 4px;
      font-family: 'Sklow';
     }
.form-header p { 
    font-size: 16px; 
    color: var(--muted);
    font-family: 'NunitoSans';
 }

.form-group { 
    margin-bottom: 14px;
 }
.form-group label {
     display: block; 
     font-size: 14px; 
     font-weight: 500; 
     color: var(--muted); 
     margin-bottom: 6px; 
     text-transform: uppercase;
      letter-spacing: 0.5px; 
      font-family: 'NunitoSans';
    }

.form-group input, .form-group select {
  width: 100%; 
  padding: 11px 14px;

  background: var(--surface); 
  border: 1px solid var(--border-gray);
  border-radius: 9px;
   font-size: 14px; 
   font-family: inherit;
    color: var(--ink);
  outline: none; 
  transition: border-color 0.2s;
  appearance: none;
  font-family: 'NunitoSans';
}
.form-group input:focus, 
.form-group select:focus {
     border-color: var(--green); 
    }
.form-row { 
    display: grid;
     grid-template-columns: 1fr 1fr;
      gap: 12px; 
    }

.btn-form {
  width: 100%; 
  background:#199e41;
   color: white; 
   border: none;
  padding: 14px; 
  border-radius: 10px;
   font-size: 16px;
    font-weight: 600;
  cursor: pointer;
   transition: background 0.2s; 
   font-family: inherit; 
   margin-top: 6px;
   font-family: 'NunitoSans';
}
.btn-form:hover { 
    background: var(--green-dark); 
}
.form-note { 
    font-size: 11px; 
    color: var(--muted-light); 
    text-align: center;
     margin-top: 10px;
     }

/* STATS STRIP */
.stats-strip {
  background: var(--ink); 
  padding: 28px 5%;
  display: flex; 
  justify-content: center;
   gap: 60px;
 flex-wrap: wrap;
}

.step-card svg {
  width: 32px;
  height: 32px;
  margin: 10px 0;
  stroke: #f78757; /* change to brand color */
}


.stat-item {
     text-align: center;
     }
.stat-num { 
    font-size: 28px;
     font-weight: 600; 
     color: var(--green-mid); 
     display: block;
      line-height: 1;
     }

.stat-label {
     font-size: 12px;
      color: rgba(255,255,255,0.5);
       margin-top: 4px; 
    }

/* SECTIONS */
section { 
    padding: 90px 5%;
     max-width: 1280px;
      margin: 0 auto;
     }

.section-tag {
  display: inline-block;
   font-size: 11px;
    font-weight: 600; 
    letter-spacing: 1.5px;
  text-transform: uppercase; 
  color: #199e41; 
  margin-bottom: 14px;
  font-family: 'NunitoSans';
}
.section-title {
   font-family: 'Sklow';
  font-size: clamp(28px, 3.5vw, 44px);
   font-weight: 400; 
   line-height: 1.15;
  color: var(--ink);
   margin-bottom: 14px; 
   letter-spacing: -0.3px;
}
.section-sub {
  font-size: 18px;
   color: var(--muted); 
   max-width: 560px; 
   line-height: 1.5;
    font-weight: 300;
     font-family: 'NunitoSans';
}
.center { 
    text-align: center;
 }
.center .section-sub {
     margin: 0 auto;
     }

/* FULL WIDTH STRIP SECTIONS */
.section-full { 
    padding: 90px 5%;
 }
.section-full-inner {
     max-width: 1280px; 
     margin: 0 auto; 
    }

/* PROBLEM SECTION */
.problem-grid {
  display: grid;
   grid-template-columns: 1fr 1fr;
    gap: 20px; 
    margin-top: 48px;
}
.problem-card {
  background: var(--surface);
   border: 1px solid var(--border-gray);
  border-radius: var(--radius);
   padding: 28px;
}
.problem-card.bad { 
    border-left: 3px solid #f78757;
 }
.problem-card.good {
     border-left: 3px solid var(--green);
      background: var(--green-light); 
    }
.problem-card h4 { 
    font-size: 18px; 
    font-weight: 600; 
    margin-bottom: 12px; 
     font-family: 'Sklow';
}
.problem-card.bad h4 { 
    color: #f78757;
}
.problem-card.good h4 {
     color: var(--green-dark);
     }
.problem-item { 
    display: flex; 
    gap: 10px; 
    align-items: flex-start;
     margin-bottom: 10px; 
     font-size: 16px; 
     color: var(--ink-soft);
     font-family: 'NunitoSans';
     }
.problem-item::before { 
    content: ''; 
    width: 6px; 
    height: 6px; 
    border-radius: 50%; 
    flex-shrink: 0;
     margin-top: 6px; 
    }

.bad .problem-item::before {
     background: #f87171; 
    }
.good .problem-item::before { 
    background: var(--green);
 }
.solution-bridge {
  background: #199e41;
   color: white; 
   border-radius: var(--radius);
  padding: 25px; 
  margin-top: 20px; 
  text-align: center;
   grid-column: 1/-1;
   font-family: 'NunitoSans';
   /* width:900px; */
  
}

.solution-bridge h3 { 
    font-size: 28px; 
    font-weight: 600; 
    margin-bottom: 1px;
    font-family: 'Sklow';
 }
.solution-bridge p {
     font-size: 16px;
      opacity: 0.85; 
       font-family: 'NunitoSans';
    }

/* HOW IT WORKS */
.steps-grid {
     display: grid;
      grid-template-columns: repeat(5, 1fr);
       gap: 16px; margin-top: 48px; 
    }
.step-card {
  background: var(--white);
   border: 1px solid var(--border-gray);
  border-radius: var(--radius); 
  padding: 24px 20px; 
  text-align: center;
  position: relative; 
  transition: box-shadow 0.2s, transform 0.2s;
}
.step-card:hover {
     box-shadow: var(--shadow-card); 
     transform: translateY(-2px); 
    }
.step-num {
  width: 36px; 
  height: 36px;
   background: #5c9e70;
    border-radius: 50%;
  display: flex;
   align-items: center; 
   justify-content: center;
  font-size: 16px; 
  font-weight: 700; 
  color: black;
   margin: 0 auto 14px;
}
.step-icon { 
    font-size: 28px; 
    margin-bottom: 12px; 
}
.step-card h4 {
     font-size: 20px;
      font-weight: 600;
       margin-bottom: 6px;
        color: var(--ink); 
        font-family: 'Sklow';
        
    }

.step-card p { 
    font-size: 16px; 
    color: var(--muted); 
    line-height: 1.3; 
     font-family: 'NunitoSans';
}
.step-arrow { 
    display: flex;
     align-items: center;
      justify-content: center; 
      color: var(--green-mid); 
      font-size: 20px; 
    }

/* PRODUCT ENGINE */


.product-section { 
    background: var(--surface);
 }
.product-inner { 
    max-width: 1280px;
     margin: 0 auto;
      padding: 90px 5%;
     }

     .product-image img {
  width: 100%;
  height: auto;
  border-radius: 16px;
  object-fit: cover;
}

.product-grid { 
    display: grid;
     grid-template-columns: 1fr 1fr;
     
     gap: 60px;
      align-items: center; 
      margin-top: 48px;
     }

.product-visual {
  background: var(--white);
   border-radius: var(--radius);
    padding: 40px;
  border: 1px solid var(--border-gray); 
  text-align: center; 
  position: relative;
}
.product-big-num {
     font-size: 80px; 
     font-weight: 700; 
     color: var(--green);
      line-height: 1; 
    }
.product-big-label {
     font-size: 14px;
      color: var(--muted); 
      margin-top: 4px; 
    }
.product-price { 
    font-size: 22px;
     font-weight: 600;
     
     color: var(--ink); 
     margin-top: 20px;
     }

.product-divider { 
    width: 40px; 
    height: 2px; 
    background: var(--green-mid); 
    margin: 16px auto; 
}
.product-tag {
     background: var(--green-light); 
     color: var(--green-dark); 
     padding: 5px 12px;
      border-radius: 6px;
       font-size: 13px; 
       font-weight: 500;
        display: inline-block; 
        margin: 4px;
     }

.product-list {
     list-style: none;
     }

.product-list li
 {
  padding: 14px 0;
   border-bottom: 1px solid var(--border-gray);
  display: flex; 
  align-items: flex-start;
   gap: 12px; 
   font-size: 15px;
}
.product-list li:last-child { 
    border-bottom: none; 
}
.product-list .icon {
      width: 40px;
  height: 40px;
  background: #f78757;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
        }
.product-list strong {
    display: block; 
    font-weight: 600; 
    font-size: 20px; 
    font-family: 'Sklow';
}
.product-list span { 
    font-size: 16px;
     color: var(--muted); 
     font-family: 'NunitoSans';
    }

/* BUSINESS MODEL */
.model-grid { 
    display: grid;
     grid-template-columns: repeat(3, 1fr); 
     gap: 20px; 
     margin-top: 48px; 
    }
.model-card {
  background: var(--white);
   border: 1px solid var(--border-gray);
  border-radius: var(--radius);
   padding: 28px;
    position: relative;
    overflow: hidden;
}
.model-card::before {
  content: ''; 
  position: absolute;
   top: 0; 
   left: 0; right: 0;
    height: 3px;
  background: var(--green);
}
.model-number { 
    font-size: 11px;
     font-weight: 700;
      letter-spacing: 2px;
       text-transform: uppercase; 
       color: var(--muted-light);
        margin-bottom: 12px;
        font-family: 'NunitoSans';
     }
.model-card h3 {
     font-size: 20px; 
     font-weight: 600; 
     margin-bottom: 8px;
     font-family: 'Sklow';
     }
.model-card p { 
    font-size: 16px; 
    color: var(--muted);
     line-height: 1.6; 
     font-family: 'NunitoSans';
    }
.model-badge { 
    display: inline-block;
     background: #199e41; 
     color: #fff;
      padding: 4px 10px; 
      border-radius: 5px; 
      font-size: 14px;
       font-weight: 600; 
       margin-top: 12px;
       font-family: 'NunitoSans';
     }

/* WHY MODEL */
.why-grid { 
    display: grid;
     grid-template-columns: repeat(3, 1fr);
      gap: 16px; 
      margin-top: 48px; 
    }
.why-card {
  background: #fff9ed; 
  border: 1px solid var(--border-gray);
  border-radius: var(--radius); 
  padding: 24px;
  transition: background 0.2s, box-shadow 0.2s;
}
.why-card:hover {
     background: var(--white); 
     box-shadow: var(--shadow-card);
     }
.why-icon {
  width: 50px;
  height: 50px;
  background: #f5f5f5;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-bottom: 12px;
}
.why-card h4 {
     font-size: 20px;
      font-weight: 600; 
      margin-bottom: 6px; 
      font-family: 'Sklow';
    }
.why-card p { 
    font-size: 16px; 
    color: var(--muted); 
    line-height: 1.6; 
    font-family: 'NunitoSans';
}

/* CLUSTER MODEL */
.cluster-section {
     background: #063847;
     }
.cluster-inner {
     max-width: 1280px; 
     margin: 0 auto; 
     padding: 90px 5%;
     }
.cluster-inner .section-tag {
     color: var(--green-mid);
     }
.cluster-inner .section-title {
    color: white;
 }
.cluster-inner .section-sub { 
    color: rgba(255,255,255,0.55);
 }
.cluster-visual { 
    display: grid; 
    grid-template-columns: 1fr auto 1fr; 
    gap: 30px;
     align-items: center; 
     margin-top: 48px; 
    }

.cluster-box {
  background: rgba(255,255,255,0.05);
   border: 1px solid rgba(255,255,255,0.1);
  border-radius: var(--radius);
   padding: 28px;
}
.cluster-box h3 {
     font-size: 20px; 
     font-weight: 600;
      color: white;
       margin-bottom: 6px;
       font-family: 'Sklow';
     }
.cluster-box .num { 
    font-size: 30px;
     font-weight: 700;
      color: var(--green-mid);
       line-height: 1; 
       margin-bottom: 8px; 
       font-family: 'Sklow';
    }
.cluster-box p {
     font-size: 16px;
      color: rgba(255,255,255,0.5); 
      font-family: 'NunitoSans';
    }
.cluster-arrow {
     font-size: 32px; 
     color: var(--green);
      text-align: center; 
    }
.cluster-box .inv { 
    font-size: 35px;
     font-weight: 700;
      color: #199e41;
      font-family: 'Sklow';
     }
.cluster-box .returns { 
    margin-top: 14px;
 }
.cluster-box .return-row {
     display: flex; 
     justify-content: space-between;
     
     padding: 8px 0;
      border-bottom: 1px solid rgba(255,255,255,0.07);
       font-size: 16px;
     }
.cluster-box .return-row:last-child {
     border-bottom: none;
     }
.cluster-box .return-row span:first-child {
     color: rgba(255,255,255,0.5);
     font-family: 'NunitoSans';
     }

.cluster-box .return-row span:last-child { 
    color: white; 
    font-weight: 500; 
    font-family: 'NunitoSans';
}

.cluster-grid { 
    display: grid;
     grid-template-columns: 1fr 1fr;
      gap: 16px; 
      margin-top: 20px; 
    }

/* INVESTMENT SNAPSHOT */
.invest-grid {
     display: grid;
      grid-template-columns: 1fr 1fr;
       gap: 24px;
        margin-top: 48px; 
    }

.invest-card {
  background: var(--white);
  border: 2px solid var(--border-gray);
  border-radius: 20px; 
  padding: 36px; 
  position: relative;
}

/* .invest-card.featured { 
    border-color: var(--green); 
} */

.invest-featured-badge {

  position: absolute;
   top: -12px;
    left: 50%; 
    transform: translateX(-50%);
  background: #199e41;
   color: white; 
   font-size: 12px; 
   font-weight: 700;
  letter-spacing: 1px; 
  text-transform: uppercase;
   padding: 4px 14px;
    border-radius: 100px;
    font-family: 'NunitoSans';
}
.invest-tier { 
    font-size: 11px;
     font-weight: 700;
      letter-spacing: 1.5px; 
      text-transform: uppercase;
       color: var(--muted-light); 
       margin-bottom: 10px;
       font-family: 'NunitoSans';
     }

.invest-card h3
 { 
    font-size: 28px;
    font-weight: 600; 
    margin-bottom: 4px;
    font-family: 'Sklow';
 }


.invest-price {
     font-size: 48px; 
     font-weight: 700; 
     color: #199e41; 
     line-height: 1; 
     margin: 16px 0; 
     font-family: 'Sklow';
    }

.invest-price span { 
    font-size: 16px; 
    color: var(--muted);
     font-weight: 400;
     }

.invest-list { 
    list-style: none; 
    margin-top: 20px;
 }

.invest-list li { 
    padding: 9px 0; 
    border-bottom: 1px solid var(--border-gray);
     font-size: 16px;
      display: flex; 
      gap: 8px; 
      align-items: center;
      font-family: 'NunitoSans';
     }

.invest-list li:last-child { 
    border-bottom: none; 
}
.check {
     width: 18px; 
     height: 18px; 
     background: var(--green-light);
      border-radius: 50%; 
      display: flex; 
      align-items: center; 
      justify-content: center;
       flex-shrink: 0;
     }

.check::after { 
    content: '✓'; 
    font-size: 14px;
     color:#199e41;
      font-weight: 700;
     }
.invest-returns {
     background: #f9c041;
      border-radius: 10px;
       padding: 16px; 
       margin-top: 16px; 
    }

.invest-returns h5 {
     font-size: 17px; 
     font-weight: 700; 
     letter-spacing: 1px;
      text-transform: uppercase;
       color: var(--muted-light); 
       margin-bottom: 10px;
       font-family: 'Sklow';
     }


.return-row2 {
     display: flex;
      justify-content: space-between; 
      font-size: 16px;
       padding: 4px 0; 
       font-family: 'NunitoSans';
    }

.return-row2 strong {
     color: var(--green-dark);
      font-weight: 600;
     }


/* TRACTION */
.traction-section {
     background: var(--surface); 
    }
.traction-inner {
     max-width: 1280px;
      margin: 0 auto; 
      padding: 90px 5%; 
    }

.traction-grid { 
    display: grid;
     grid-template-columns: repeat(3, 1fr);
      gap: 20px;
       margin-top: 48px;
    }

.traction-card {
  background: var(--white); 
  border: 1px solid var(--border-gray);
  border-radius: var(--radius);
   padding: 28px; 
   text-align: center;
}
.traction-num { 
    font-size: 40px; 
    font-weight: 700;
     color: #199e41;
      line-height: 1;
       margin-bottom: 4px; 
       font-family: 'Sklow';
    }
.traction-label {
     font-size: 14px;
      font-weight: 600; 
      color: var(--ink); 
      margin-bottom: 4px; 
      font-family: 'NunitoSans';
    }
.traction-sub { 
    font-size: 14px; 
    color: var(--muted); 
    font-family: 'NunitoSans';
}

/* BACKED BY */
.backed-strip {
     background: var(--white);
      padding: 40px 5%; 
      border-top: 1px solid var(--border-gray);
       border-bottom: 1px solid var(--border-gray); 
    }
.backed-inner { 
    max-width: 1280px; 
    margin: 0 auto; 
}
.backed-label {
     font-size: 11px; 
     font-weight: 700;
     letter-spacing: 2px;
      text-transform: uppercase; 
      color: var(--muted-light); 
      text-align: center; 
      margin-bottom: 24px;
     }

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

.backed-logo {
  background: var(--surface); 
  border: 1px solid var(--border-gray);
  border-radius: 8px;
   padding: 10px 20px;
   
   font-size: 13px; 
   
   font-weight: 600;
  color: var(--muted);
   white-space: nowrap;
}
.award-banner {
  background: var(--green-light);
   border: 1px solid var(--green-mid);
    border-radius: 10px;
  padding: 12px 20px; 
  text-align: center;
   margin-bottom: 28px;
  font-size: 13px;
   font-weight: 500; 
   color: var(--green-dark);
}

/* WHO IS THIS FOR */
.who-grid { 
    display: grid;
     grid-template-columns: repeat(4, 1fr);
      gap: 16px; margin-top: 48px;
     }
.who-card {
  background: var(--white); 
  border: 1px solid var(--border-gray);
  border-radius: var(--radius);
   padding: 24px; 
   text-align: center;
}
.who-icon { 
    font-size: 32px;
     margin-bottom: 12px; 
    }
.who-card h4 { 
  font-size: 18px;
     font-weight: 600;
      margin-bottom: 6px;
      font-family: 'Sklow';
    }
.who-card p {
     font-size: 14px; 
     color: var(--muted);
     font-family: 'NunitoSans';
     }

/* HOW TO START */
.start-grid { 
    display: grid; 
    grid-template-columns: repeat(4, 1fr); 
    gap: 16px; 
    margin-top: 48px; 
}
.start-card {
  background: var(--surface); 
  border: 1px solid var(--border-gray);
  border-radius: var(--radius);
   padding: 24px;
    text-align: center;
  position: relative;
}
.start-num {
  width: 40px; 
  height: 40px; 
  background: var(--green); 
  border-radius: 50%;
  display: flex; 
  align-items: center;
   justify-content: center;
  font-size: 16px; 
  font-weight: 700; 
  color: white; 
  margin: 0 auto 14px;
}
.start-card h4 { 
    font-size: 18px; 
    font-weight: 600; 
    margin-bottom: 8px; 
    font-family: 'Sklow';
}
.start-card p { 
    font-size: 14px;
     color: var(--muted); 
     font-family: 'NunitoSans';
    }

/* FINAL CTA */
.final-cta {
  background: linear-gradient(135deg, var(--ink) 0%, #1a2e25 100%);
  padding: 100px 5%;
   text-align: center;
}
.final-cta .section-tag {
     color: var(--green-mid);
     font-family: 'NunitoSans';
     }
.final-cta h2 {
  font-family: 'Sklow';
  font-size: clamp(32px, 4.5vw, 58px); 
  font-weight: 400; color: white;
  line-height: 1.15; 
  margin-bottom: 16px;
   letter-spacing: -0.5px;
}
.final-cta h2 st {
     color: #199e41; 
     font-family: 'Sklow';
     /* font-style: italic;  */
    }
.final-cta p { 
    font-size: 17px; 
    color: rgba(255,255,255,0.55); 
    margin-bottom: 36px; font-weight: 300;
 }
.final-cta .btn-primary { 
    font-size: 16px; 
    padding: 15px 36px; 
    border-radius: 12px;
 }
.final-cta .contact-info { 
    margin-top: 24px; 
    font-size: 13px;
     color: rgba(255,255,255,0.4);
     }
.final-cta .contact-info a { 
    color: var(--green-mid);
     text-decoration: none; 
    }

/* LEAD FORM SECTION */
.lead-form-section {
     padding: 90px 5%; background: var(--surface);
     }
.lead-form-inner {
     max-width: 680px; margin: 0 auto; 
    }
.lead-form-box {
  background: var(--white);
   border: 1px solid var(--border-gray);
  border-radius: 24px; 
  padding: 48px;
   box-shadow: var(--shadow-card);
}

/* FOOTER */
footer {
  background: var(--ink);
   padding: 32px 5%;
  display: flex;
   justify-content: space-between; 
   align-items: center;
  flex-wrap: wrap;
   gap: 16px;
}

.footer-logo {
  height: 40px;
  width: auto;
}
.footer-brand { 
    color: rgba(255,255,255,0.9); 
    font-size: 15px;
     font-weight: 500;
     }
.footer-copy { 
    font-size: 16px;
     color: rgba(255,255,255,0.3);
     font-family: 'NunitoSans';
     }
.footer-socials {
     display: flex; 
     gap: 12px; 
    }
.social-btn {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  border-radius: 10px;
  color: #000;
  font-size: 18px;
  transition: all 0.3s ease;
}

.social-btn:hover {
  background: #f78757;
  color: #fff;
  transform: translateY(-3px);
}
/* ECOSYSTEM */
.ecosystem-grid { 
    display: grid;
     grid-template-columns: repeat(3, 1fr);
      gap: 20px; 
      margin-top: 48px;
     }
.ecosystem-card {
  background: var(--white);
   border: 1px solid var(--border-gray);
  border-radius: var(--radius);
   padding: 28px;
}
.ecosystem-tag {
  display: inline-block; 
  font-size: 10px;
   font-weight: 700; 
   letter-spacing: 1.5px;
  text-transform: uppercase;
   padding: 3px 10px; 
   border-radius: 4px; 
   margin-bottom: 14px;
    font-family: 'NunitoSans';
}
.tag-digital { 
    background: #7272f2;
     color: #fff;
     }
.tag-physical { 
    background: #ccb6ff; 
    color: #fff; 
}

.tag-supply { 
    background: #f9c041; 
    color: #fff;
 }
.ecosystem-card h4 { 
    font-size: 20px; 
    font-weight: 600; 
    margin-bottom: 8px;
     font-family: 'Sklow'; 
}
.ecosystem-card p {
     font-size: 16px;
      color: var(--muted); 
      margin-bottom: 14px;
      font-family: 'NunitoSans';
     }

.eco-badges { 
    display: flex;
     gap: 6px;
      flex-wrap: wrap; 
    }
.eco-badge {
     background: #199e41;
      border: 1px solid var(--border-gray);
       padding: 4px 10px;
        border-radius: 5px;
         font-size: 12px; 
         color: #ffffff;
         font-family: 'NunitoSans';
         }

/* RESPONSIVE */
@media (max-width: 900px) {
  .hero { grid-template-columns: 1fr; }
  .problem-grid, .product-grid, .invest-grid, .cluster-visual { grid-template-columns: 1fr; }
  .steps-grid, .model-grid, .why-grid, .traction-grid, .ecosystem-grid { grid-template-columns: 1fr 1fr; }
  .who-grid, .start-grid { grid-template-columns: 1fr 1fr; }
  .cluster-arrow { transform: rotate(90deg); }
  .nav-links { display: none; }
  .stats-strip { gap: 30px; }
}
@media (max-width: 600px) {
  .steps-grid, .why-grid, .who-grid, .start-grid, .traction-grid, .ecosystem-grid, .model-grid { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }
  .hero-form-wrap { padding: 24px; }
  .lead-form-box { padding: 28px; }
}

/* ANIMATIONS */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
.hero-left > * { animation: fadeUp 0.6s ease both; }
.hero-left > *:nth-child(1) { animation-delay: 0.1s; }
.hero-left > *:nth-child(2) { animation-delay: 0.2s; }
.hero-left > *:nth-child(3) { animation-delay: 0.3s; }
.hero-left > *:nth-child(4) { animation-delay: 0.4s; }
.hero-left > *:nth-child(5) { animation-delay: 0.5s; }
.hero-form-wrap { animation: fadeUp 0.7s 0.3s ease both; }