@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800;900&family=Inter:wght@300;400;500;600&display=swap');

/* StarFruits WordPress Theme — Master CSS | Karni IT Services Pvt Ltd */


*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --green-dark:   #1a5c2e;
  --green-main:   #28a745;
  --green-light:  #52c06e;
  --green-pale:   #e6f7ec;
  --orange:       #f57c20;
  --orange-dark:  #d96010;
  --orange-pale:  #fff3e6;
  --white:        #ffffff;
  --gray-50:      #f8fafb;
  --gray-100:     #f1f3f5;
  --gray-200:     #e2e8f0;
  --gray-500:     #64748b;
  --gray-700:     #374151;
  --gray-900:     #0f1923;
  --shadow-sm:    0 2px 8px rgba(0,0,0,.07);
  --shadow-md:    0 6px 24px rgba(0,0,0,.10);
  --shadow-lg:    0 16px 48px rgba(0,0,0,.14);
  --radius:       14px;
  --radius-lg:    22px;
  --radius-xl:    32px;
}
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; color: var(--gray-700); background: #fff; overflow-x: hidden; }

/* ── NAV ── */
nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid rgba(0,0,0,.07);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.nav-inner {
  max-width: 1200px; margin: 0 auto;
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 24px;
}
.logo { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.logo-img-wrap {
  width: 44px; height: 44px; border-radius: 12px; overflow: hidden;
  border: 2px solid var(--green-pale);
  background: var(--green-pale);
  display: flex; align-items: center; justify-content: center; font-size: 22px;
}
.logo-text-wrap .name { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 1.2rem; color: var(--green-dark); line-height: 1; }
.logo-text-wrap .tagline { font-size: .6rem; color: var(--orange); font-weight: 700; letter-spacing: .6px; text-transform: uppercase; }

.nav-links { display: flex; gap: 28px; list-style: none; }
.nav-links a { text-decoration: none; font-size: .87rem; font-weight: 500; color: var(--gray-500); transition: color .2s; }
.nav-links a:hover { color: var(--green-main); }
.nav-right { display: flex; align-items: center; gap: 12px; }
.nav-cta {
  background: var(--green-main); color: #fff;
  padding: 9px 22px; border-radius: 10px;
  font-size: .86rem; font-weight: 700; text-decoration: none;
  transition: background .2s, transform .15s;
  white-space: nowrap;
}
.nav-cta:hover { background: var(--green-dark); transform: translateY(-1px); }
.hamburger {
  display: none; flex-direction: column; gap: 5px; cursor: pointer;
  padding: 6px; border: none; background: none;
}
.hamburger span { display: block; width: 24px; height: 2px; background: var(--gray-700); border-radius: 2px; transition: all .3s; }
.mobile-menu {
  display: none; position: fixed; top: 68px; left: 0; right: 0; z-index: 999;
  background: #fff; border-bottom: 1px solid var(--gray-200);
  padding: 20px 24px; flex-direction: column; gap: 16px;
  box-shadow: var(--shadow-md);
}
.mobile-menu.open { display: flex; }
.mobile-menu a { text-decoration: none; font-size: 1rem; font-weight: 600; color: var(--gray-700); padding: 8px 0; border-bottom: 1px solid var(--gray-100); }
.mobile-menu a:last-child { border-bottom: none; }
.mobile-menu .m-cta { background: var(--green-main); color: #fff; padding: 12px 20px; border-radius: 10px; text-align: center; border-bottom: none; }

/* ── HERO ── */
.hero {
  padding: 80px 0 0;
  min-height: 100vh;
  background: linear-gradient(160deg, #0b2e14 0%, #1a5c2e 40%, #0f3d1f 100%);
  position: relative; overflow: hidden;
  display: flex; flex-direction: column;
}
.hero-bg-img {
  position: absolute; inset: 0;
  background: url('https://images.unsplash.com/photo-1610348725531-843dff563e2c?w=1600&q=80') center/cover no-repeat;
  opacity: .18;
}
.hero-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(10,40,18,.92) 0%, rgba(26,92,46,.80) 60%, rgba(0,0,0,.4) 100%);
}
.hero-inner {
  position: relative; z-index: 2;
  max-width: 1200px; margin: 0 auto; padding: 60px 24px 40px;
  display: flex; align-items: center; gap: 60px; flex: 1;
}
.hero-content { flex: 1; max-width: 580px; }
.hero-eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.2);
  color: #a8e6b8; font-size: .75rem; font-weight: 700;
  letter-spacing: 1px; text-transform: uppercase;
  padding: 6px 14px; border-radius: 20px; margin-bottom: 24px;
  backdrop-filter: blur(8px);
}
.hero h1 {
  font-family: 'Poppins', sans-serif; font-weight: 900;
  font-size: clamp(2.2rem, 5vw, 3.6rem);
  line-height: 1.1; color: #fff; margin-bottom: 20px;
}
.hero h1 .accent { color: var(--orange); }
.hero h1 .light { color: #80d499; }
.hero-desc {
  font-size: 1.05rem; line-height: 1.75; color: rgba(255,255,255,.75);
  max-width: 500px; margin-bottom: 36px;
}
.hero-btns { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 44px; }
.btn-hero-primary {
  background: var(--orange); color: #fff;
  padding: 14px 30px; border-radius: 12px;
  font-weight: 700; font-size: 1rem; text-decoration: none;
  transition: background .2s, transform .15s; display: inline-block;
  box-shadow: 0 4px 20px rgba(245,124,32,.4);
}
.btn-hero-primary:hover { background: var(--orange-dark); transform: translateY(-2px); }
.btn-hero-outline {
  border: 2px solid rgba(255,255,255,.4); color: #fff;
  padding: 12px 28px; border-radius: 12px;
  font-weight: 700; font-size: 1rem; text-decoration: none;
  transition: all .2s; display: inline-block;
  backdrop-filter: blur(8px); background: rgba(255,255,255,.08);
}
.btn-hero-outline:hover { border-color: rgba(255,255,255,.8); background: rgba(255,255,255,.15); }

.hero-trust { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.trust-stat { text-align: center; }
.trust-num { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 1.4rem; color: #fff; }
.trust-num em { color: var(--orange); font-style: normal; }
.trust-label { font-size: .7rem; color: rgba(255,255,255,.55); letter-spacing: .5px; text-transform: uppercase; margin-top: 2px; }
.trust-divider { width: 1px; height: 36px; background: rgba(255,255,255,.2); }

/* Hero visual: app phone mockup grid */
.hero-visual { flex: 0 0 auto; width: 360px; }
.app-mockup-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.app-mock-card {
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: var(--radius);
  padding: 18px 14px;
  backdrop-filter: blur(12px);
  transition: transform .25s, background .2s;
  cursor: pointer;
}
.app-mock-card:hover { transform: translateY(-4px); background: rgba(255,255,255,.16); }
.amc-img {
  width: 100%; height: 130px; object-fit: fill;
    border-radius: 75px; margin-bottom: 10px;
  background: rgba(255,255,255,.08);
}
.amc-name { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: .82rem; color: #fff; }
.amc-role { font-size: .68rem; color: rgba(255,255,255,.55); margin-top: 2px; }
.amc-badge {
  display: inline-block; margin-top: 6px;
  font-size: .62rem; font-weight: 700; padding: 2px 8px; border-radius: 20px;
}
.badge-b2c { background: rgba(40,167,69,.35); color: #a8e6b8; border: 1px solid rgba(40,167,69,.4); }
.badge-b2b { background: rgba(245,124,32,.3); color: #ffc68a; border: 1px solid rgba(245,124,32,.4); }

/* Hero wave */
.hero-wave {
  position: relative; z-index: 2; margin-top: auto;
  line-height: 0;
}
.hero-wave svg { display: block; width: 100%; }

/* ── METRICS BAR ── */
.metrics-bar {
  background: #fff; padding: 0;
  border-bottom: 1px solid var(--gray-200);
}
.metrics-inner {
  max-width: 1200px; margin: 0 auto;
  display: flex; justify-content: center; flex-wrap: wrap;
}
.metric {
  flex: 1; min-width: 130px; text-align: center;
  padding: 28px 20px;
  border-right: 1px solid var(--gray-200);
  transition: background .2s;
}
.metric:last-child { border-right: none; }
.metric:hover { background: var(--gray-50); }
.metric-num {
  font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 1.9rem;
  color: var(--green-dark); line-height: 1;
}
.metric-num em { color: var(--orange); font-style: normal; }
.metric-label { font-size: .72rem; color: var(--gray-500); margin-top: 4px; font-weight: 600; letter-spacing: .3px; text-transform: uppercase; }

/* ── SECTION SHARED ── */
section { padding: 90px 24px; }
.section-inner { max-width: 1200px; margin: 0 auto; }
.section-eyebrow {
  font-size: .72rem; font-weight: 800; letter-spacing: 1.4px; text-transform: uppercase;
  color: var(--orange); margin-bottom: 10px;
  display: flex; align-items: center; gap: 8px;
}
.section-eyebrow::before { content: ''; display: inline-block; width: 20px; height: 2px; background: var(--orange); border-radius: 2px; }
.section-title {
  font-family: 'Poppins', sans-serif; font-weight: 800;
  font-size: clamp(1.7rem, 3.5vw, 2.4rem); color: var(--gray-900);
  line-height: 1.2; margin-bottom: 14px;
}
.section-desc { font-size: .98rem; line-height: 1.8; color: var(--gray-500); max-width: 580px; }

/* ── PRODUCE SHOWCASE ── */
.showcase { background: var(--gray-50); padding-top: 60px; padding-bottom: 60px; }
.produce-strip {
  display: flex; gap: 14px; overflow-x: auto;
  padding-bottom: 10px; scrollbar-width: none;
  margin-top: 0;
}
.produce-strip::-webkit-scrollbar { display: none; }
.produce-chip {
  flex: 0 0 auto;
  background: #fff; border: 1.5px solid var(--gray-200); border-radius: 50px;
  padding: 8px 18px; display: flex; align-items: center; gap: 8px;
  cursor: pointer; transition: all .2s; white-space: nowrap;
  font-size: .84rem; font-weight: 600; color: var(--gray-700);
}
.produce-chip:hover, .produce-chip.active {
  border-color: var(--green-main); background: var(--green-pale); color: var(--green-dark);
}
.produce-chip .chip-img {
  width: 28px; height: 28px; border-radius: 50%; object-fit: cover;
}

.produce-gallery { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 28px; }
.pg-card {
  border-radius: var(--radius-lg); overflow: hidden;
  position: relative; cursor: pointer;
  box-shadow: var(--shadow-sm);
  transition: transform .25s, box-shadow .25s;
  background: var(--gray-200);
}
.pg-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.pg-card img { width: 100%; height: 200px; object-fit: cover; display: block; transition: transform .4s; }
.pg-card:hover img { transform: scale(1.06); }
.pg-card-info {
  position: absolute; bottom: 0; left: 0; right: 0;
  background: linear-gradient(transparent, rgba(0,0,0,.65));
  padding: 24px 14px 14px;
  color: #fff;
}
.pg-card-name { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: .9rem; }
.pg-card-price { font-size: .78rem; color: rgba(255,255,255,.75); }
.pg-card.featured { grid-column: span 2; grid-row: span 2; }
.pg-card.featured img { height: 100%; min-height: 416px; }

/* ── APPS ECOSYSTEM ── */
.ecosystem { background: #fff; }
.ecosystem-header { text-align: center; margin-bottom: 52px; }
.ecosystem-header .section-eyebrow { justify-content: center; }
.ecosystem-header .section-eyebrow::before { display: none; }
.ecosystem-header .section-desc { margin: 0 auto; }
.apps-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.app-card {
  border-radius: var(--radius-xl); overflow: hidden;
  box-shadow: var(--shadow-md); border: 1px solid var(--gray-200);
  transition: box-shadow .3s, transform .3s;
  display: flex; flex-direction: column;
  background: #fff;
}
.app-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-5px); }
.app-card-img {
  height: 180px; overflow: hidden; position: relative;
}
.app-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.app-card:hover .app-card-img img { transform: scale(1.05); }
.app-card-img-overlay {
  position: absolute; inset: 0;
  display: flex; align-items: flex-end; padding: 16px;
}
.app-card-img-badge {
  font-size: .7rem; font-weight: 800; padding: 4px 12px; border-radius: 20px;
  letter-spacing: .5px; text-transform: uppercase; backdrop-filter: blur(8px);
}
.badge-customer { background: rgba(40,167,69,.85); color: #fff; }
.badge-vendor   { background: rgba(245,124,32,.85); color: #fff; }
.badge-delivery { background: rgba(59,130,246,.85); color: #fff; }
.badge-wholesale{ background: rgba(168,85,247,.85); color: #fff; }

.app-card-body { padding: 22px 24px 24px; flex: 1; display: flex; flex-direction: column; }
.app-card-title {
  font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 1.1rem;
  color: var(--gray-900); margin-bottom: 4px;
}
.app-card-sub { font-size: .78rem; font-weight: 700; color: var(--orange); margin-bottom: 12px; text-transform: uppercase; letter-spacing: .4px; }
.app-card-desc { font-size: .87rem; line-height: 1.65; color: var(--gray-500); margin-bottom: 18px; flex: 1; }
.app-features { list-style: none; margin-bottom: 20px; display: flex; flex-direction: column; gap: 6px; }
.app-features li {
  font-size: .8rem; color: var(--gray-700); display: flex; align-items: center; gap: 8px;
}
.app-features li::before {
  content: ''; display: inline-block; width: 16px; height: 16px;
  background: var(--green-pale); border-radius: 50%;
  border: 1.5px solid var(--green-main);
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6l3 3 5-5' stroke='%2328a745' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: center;
}
.app-play-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--gray-900); color: #fff;
  padding: 10px 18px; border-radius: 10px;
  font-size: .8rem; font-weight: 700; text-decoration: none;
  transition: background .2s; align-self: flex-start;
}
.app-play-btn:hover { background: var(--green-dark); }
.play-logo { font-size: .9rem; }

/* ── WHY / PROBLEM ── */
.why { background: var(--gray-50); }
.why-gridf {
  display: grid; grid-template-columns: 1fr 1fr; gap: 52px; align-items: start;
}
.why-img-wrap {
  border-radius: var(--radius-xl); overflow: hidden;
  box-shadow: var(--shadow-lg); position: relative;
}
.why-img-wrap img { width: 100%; height: 420px; object-fit: cover; display: block; }
.why-img-badge {
  position: absolute; bottom: 20px; left: 20px; right: 20px;
  background: rgba(255,255,255,.95); border-radius: var(--radius);
  padding: 14px 18px; display: flex; gap: 16px; align-items: center;
  box-shadow: var(--shadow-md); backdrop-filter: blur(8px);
}
.wib-icon { font-size: 2rem; }
.wib-title { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: .9rem; color: var(--gray-900); }
.wib-sub { font-size: .75rem; color: var(--gray-500); }

.prob-sol-grid { display: flex; flex-direction: column; gap: 14px; }
.ps-item {
  display: flex; gap: 14px; align-items: flex-start;
  padding: 14px 16px; border-radius: var(--radius);
}
.ps-item.problem { background: #fff5f5; border-left: 3px solid #f87171; }
.ps-item.solution { background: var(--green-pale); border-left: 3px solid var(--green-main); }
.ps-icon { font-size: 1.4rem; flex-shrink: 0; margin-top: 2px; }
.ps-text strong { display: block; font-weight: 700; font-size: .9rem; color: var(--gray-900); margin-bottom: 2px; }
.ps-text span { font-size: .81rem; color: var(--gray-500); line-height: 1.5; }

/* ── HOW IT WORKS ── */
.how { background: #fff; }
.how-header { text-align: center; margin-bottom: 56px; }
.how-header .section-eyebrow { justify-content: center; }
.how-header .section-eyebrow::before { display: none; }
.how-header .section-desc { margin: 0 auto; }

.how-visual {
  display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; position: relative;
}
.how-visual::before {
  content: ''; position: absolute;
  top: 36px; left: calc(10% + 32px); right: calc(10% + 32px);
  height: 2px; background: linear-gradient(90deg, var(--green-main), var(--orange));
  z-index: 0;
}
.how-step { text-align: center; padding: 0 12px; position: relative; z-index: 1; }
.how-step-num {
  width: 72px; height: 72px; border-radius: 50%;
  background: linear-gradient(135deg, var(--green-main), var(--green-dark));
  color: #fff; font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 1.4rem;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 18px; border: 4px solid #fff;
  box-shadow: 0 0 0 3px var(--green-main), var(--shadow-md);
}
.how-step:nth-child(3) .how-step-num { background: linear-gradient(135deg, var(--orange), var(--orange-dark)); box-shadow: 0 0 0 3px var(--orange), var(--shadow-md); }
.how-step-title { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: .9rem; color: var(--gray-900); margin-bottom: 8px; }
.how-step-desc { font-size: .76rem; color: var(--gray-500); line-height: 1.55; }

/* ── FRESH PROMISE ── */
.fresh {
  background: linear-gradient(135deg, var(--green-dark) 0%, #0f4020 100%);
  padding: 70px 24px; position: relative; overflow: hidden;
}
.fresh::before {
  content: '';
  position: absolute; top: -100px; right: -100px;
  width: 500px; height: 500px; border-radius: 50%;
  background: radial-gradient(circle, rgba(245,124,32,.15) 0%, transparent 70%);
}
.fresh-inner {
  max-width: 1200px; margin: 0 auto;
  display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;
  position: relative; z-index: 1;
}
.fresh-content .section-title { color: #fff; }
.fresh-content .section-eyebrow { color: #80d499; }
.fresh-content .section-eyebrow::before { background: #80d499; }
.fresh-content .section-desc { color: rgba(255,255,255,.7); margin-bottom: 32px; }
.fresh-pills { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 28px; }
.fresh-pill {
  background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.2);
  color: #fff; font-size: .82rem; font-weight: 600;
  padding: 8px 16px; border-radius: 50px; backdrop-filter: blur(8px);
  display: flex; align-items: center; gap: 6px;
}
.btn-white {
  display: inline-block; background: #fff; color: var(--green-dark);
  padding: 13px 28px; border-radius: 12px;
  font-weight: 700; font-size: .95rem; text-decoration: none;
  transition: background .2s, transform .15s;
  box-shadow: 0 4px 20px rgba(0,0,0,.15);
}
.btn-white:hover { background: var(--green-pale); transform: translateY(-2px); }

.fresh-images { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 180px 180px; gap: 12px; }
.fi-img {
  border-radius: var(--radius); overflow: hidden;
  box-shadow: 0 8px 32px rgba(0,0,0,.3);
}
.fi-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.fi-img:first-child { grid-row: span 2; border-radius: var(--radius-lg); }
.fi-img:first-child img { height: 100%; }

/* ── TECHNOLOGY ── */
.technology { background: var(--gray-900); color: #fff; }
.tech-header { text-align: center; margin-bottom: 52px; }
.tech-header .section-title { color: #fff; }
.tech-header .section-desc { color: rgba(255,255,255,.55); margin: 0 auto; }
.tech-header .section-eyebrow { color: var(--green-light); justify-content: center; }
.tech-header .section-eyebrow::before { background: var(--green-light); }
.tech-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.tech-card {
  background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.09);
  border-radius: var(--radius-lg); padding: 28px;
  transition: background .25s, border-color .25s, transform .25s;
}
.tech-card:hover { background: rgba(40,167,69,.12); border-color: rgba(40,167,69,.3); transform: translateY(-3px); }
.tech-icon-wrap {
  width: 52px; height: 52px; border-radius: 14px;
  background: rgba(40,167,69,.2); border: 1px solid rgba(40,167,69,.3);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.5rem; margin-bottom: 18px;
}
.tech-card-title { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 1rem; color: #fff; margin-bottom: 8px; }
.tech-card-desc { font-size: .83rem; line-height: 1.65; color: rgba(255,255,255,.55); }
.tech-tag {
  display: inline-block; margin-top: 14px;
  background: rgba(40,167,69,.2); color: #80d499;
  font-size: .68rem; font-weight: 800; padding: 3px 10px; border-radius: 20px;
  border: 1px solid rgba(40,167,69,.3); letter-spacing: .4px;
}

/* ── SERVICES ── */
.services { background: var(--gray-50); }
.services-header { margin-bottom: 44px; }
.services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.service-card {
  padding: 28px; border-radius: var(--radius-lg); border: 1.5px solid var(--gray-200);
  background: #fff; transition: box-shadow .25s, border-color .25s, transform .25s;
  position: relative; overflow: hidden;
}
.service-card::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;
  background: linear-gradient(90deg, var(--green-main), var(--orange));
  transform: scaleX(0); transform-origin: left; transition: transform .3s;
}
.service-card:hover { box-shadow: var(--shadow-md); border-color: var(--green-light); transform: translateY(-4px); }
.service-card:hover::before { transform: scaleX(1); }
.service-icon-wrap {
  width: 56px; height: 56px; border-radius: 14px; margin-bottom: 18px;
  display: flex; align-items: center; justify-content: center; font-size: 1.6rem;
}
.si-green { background: var(--green-pale); }
.si-orange { background: var(--orange-pale); }
.si-blue { background: #eff6ff; }
.service-title { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: .95rem; color: var(--gray-900); margin-bottom: 8px; }
.service-desc { font-size: .83rem; line-height: 1.65; color: var(--gray-500); margin-bottom: 14px; }
.service-badge {
  display: inline-block; font-size: .67rem; font-weight: 800; padding: 3px 10px; border-radius: 20px; letter-spacing: .4px;
}
.badge-b2c2 { background: var(--green-pale); color: var(--green-dark); }
.badge-b2b2 { background: var(--orange-pale); color: var(--orange-dark); }
.badge-blue { background: #dbeafe; color: #1d4ed8; }

/* ── DOWNLOAD CTA ── */
.download-cta {
  background: linear-gradient(135deg, #0f3d1f 0%, #1a5c2e 50%, #0b2e14 100%);
  padding: 90px 24px; text-align: center; position: relative; overflow: hidden;
}
.download-cta::before {
  content: ''; position: absolute; inset: 0;
  background: url('https://images.unsplash.com/photo-1512621776951-a57141f2eefd?w=1400&q=60') center/cover no-repeat;
  opacity: .08;
}
.download-cta > .section-inner { position: relative; z-index: 1; }
.download-cta .section-title { color: #fff; margin-bottom: 12px; }
.download-cta .sub-p { color: rgba(255,255,255,.7); font-size: 1rem; margin-bottom: 48px; }
.dl-apps-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-bottom: 44px; }
.dl-app-card {
  background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18);
  border-radius: var(--radius-lg); padding: 24px 22px; text-align: center;
  min-width: 180px; backdrop-filter: blur(12px);
  transition: background .2s, transform .2s;
}
.dl-app-card:hover { background: rgba(255,255,255,.18); transform: translateY(-3px); }
.dl-icon { font-size: 2.4rem; margin-bottom: 10px; }
.dl-icon i {
    color: #fff;
}
.dl-name { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: .9rem; color: #fff; margin-bottom: 4px; }
.dl-for { font-size: .72rem; color: rgba(255,255,255,.5); margin-bottom: 16px; }
.dl-play-btn {
  display: inline-flex; align-items: center; gap: 6px;
  background: #fff; color: var(--gray-900);
  padding: 8px 16px; border-radius: 8px;
  font-size: .75rem; font-weight: 700; text-decoration: none;
  transition: background .2s;
}
.dl-play-btn:hover { background: var(--green-pale); }
.dl-bottom-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.btn-orange-solid {
  background: var(--orange); color: #fff;
  padding: 13px 28px; border-radius: 12px;
  font-weight: 700; font-size: .95rem; text-decoration: none;
  transition: background .2s; display: inline-block;
}
.btn-orange-solid:hover { background: var(--orange-dark); }
.btn-ghost {
  background: rgba(255,255,255,.12); border: 1.5px solid rgba(255,255,255,.3); color: #fff;
  padding: 11px 26px; border-radius: 12px;
  font-weight: 700; font-size: .95rem; text-decoration: none;
  transition: background .2s; display: inline-block;
}
.btn-ghost:hover { background: rgba(255,255,255,.2); }

/* ── INVESTOR ── */
.investor { background: #fff; }
.investor-inner { display: flex; gap: 60px; align-items: center; flex-wrap: wrap; }
.investor-content { flex: 1; min-width: 280px; }
.inv-checks { list-style: none; display: flex; flex-direction: column; gap: 10px; margin-bottom: 32px; }
.inv-checks li { display: flex; gap: 10px; align-items: flex-start; font-size: .9rem; color: var(--gray-700); }
.inv-checks li span { color: var(--green-main); font-weight: 800; font-size: 1rem; flex-shrink: 0; margin-top: 1px; }
.inv-stat-grid { flex: 1; min-width: 280px; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.inv-stat {
  background: linear-gradient(135deg, var(--gray-50), #fff);
  border: 1.5px solid var(--gray-200); border-radius: var(--radius-lg);
  padding: 26px; text-align: center;
  transition: border-color .2s, box-shadow .2s;
}
.inv-stat:hover { border-color: var(--green-light); box-shadow: var(--shadow-md); }
.inv-stat-num { font-family: 'Poppins', sans-serif; font-weight: 900; font-size: 1.7rem; color: var(--green-dark); line-height: 1; }
.inv-stat-label { font-size: .75rem; color: var(--gray-500); margin-top: 6px; font-weight: 500; }

/* ── FOOTER ── */
footer { background: var(--gray-900); color: rgba(255,255,255,.6); padding: 56px 24px 24px; }
.footer-inner {
  max-width: 1200px; margin: 0 auto;
  display: flex; gap: 40px; flex-wrap: wrap; margin-bottom: 40px;
}
.footer-brand { flex: 1.8; min-width: 220px; }
.footer-logo-name { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 1.3rem; color: #fff; }
.footer-logo-tag { font-size: .65rem; color: var(--orange); font-weight: 700; letter-spacing: .6px; text-transform: uppercase; margin-bottom: 14px; }
.footer-tagline { font-size: .83rem; line-height: 1.7; max-width: 260px; }
.footer-by { font-size: .72rem; margin-top: 14px; color: rgba(255,255,255,.3); }
.footer-col { flex: 1; min-width: 130px; }
.footer-col h4 { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: .85rem; color: #fff; margin-bottom: 16px; }
.footer-col a { display: block; font-size: .81rem; color: rgba(255,255,255,.45); text-decoration: none; margin-bottom: 9px; transition: color .2s; }
.footer-col a:hover { color: var(--green-light); }
.footer-bottom {
  max-width: 1200px; margin: 0 auto;
  border-top: 1px solid rgba(255,255,255,.08); padding-top: 20px;
  font-size: .78rem; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px;
}

/* ── RESPONSIVE ── */
@media (max-width: 900px) {
    .ptab {padding: 7px 9px !important;}
    .process-tabs {gap: 3px !important;}
  .nav-links { display: none; }
  .hamburger { display: flex; }
  .hero-inner { flex-direction: column; padding-top: 40px; }
  .hero-visual { width: 100%; }
  .hero h1 { font-size: 2.2rem; }
  .why-gridf { grid-template-columns: 1fr; }
  .fresh-inner { grid-template-columns: 1fr; }
  .produce-gallery { grid-template-columns: 1fr 1fr; }
  .pg-card.featured { grid-column: span 2; }
  .pg-card.featured img { min-height: 200px; }
  .apps-grid { grid-template-columns: 1fr; }
  .tech-grid { grid-template-columns: 1fr 1fr; }
  .services-grid { grid-template-columns: 1fr 1fr; }
  .how-visual { grid-template-columns: 1fr 1fr; gap: 20px; }
  .how-visual::before { display: none; }
}
@media (max-width: 600px) {
  .produce-gallery { grid-template-columns: 1fr; }
  .pg-card.featured { grid-column: span 1; }
  .tech-grid { grid-template-columns: 1fr; }
  .services-grid { grid-template-columns: 1fr; }
  .how-visual { grid-template-columns: 1fr 1fr; }
  .metrics-inner { gap: 0; }
  .metric { min-width: 50%; border-right: none; border-bottom: 1px solid var(--gray-200); }
  .metric:nth-child(odd) { border-right: 1px solid var(--gray-200); }
  .metric:last-child, .metric:nth-last-child(2):nth-child(odd) { border-bottom: none; }
  .inv-stat-grid { grid-template-columns: 1fr 1fr; }
  .fresh-images { grid-template-columns: 1fr; grid-template-rows: auto; }
  .fi-img:first-child { grid-row: span 1; }
  .hero-trust { gap: 14px; }
  .trust-divider { display: none; }
  section { padding: 60px 20px; }
  .hero-inner { padding: 30px 20px 30px; 
gap:30px;}
.ecosystem,
.how,
.why,
.technology,
.services,
.testimonials,
.download-cta,
.investor{
    padding: 50px 20px;
}
.dl-app-card {
        min-width: unset !important;
        width: calc(50% - 10px) !important;
    }
}

/* === ABOUT === */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --green-dark:   #1a5c2e;
  --green-main:   #28a745;
  --green-light:  #52c06e;
  --green-pale:   #e6f7ec;
  --orange:       #f57c20;
  --orange-dark:  #d96010;
  --orange-pale:  #fff3e6;
  --gray-50:      #f8fafb;
  --gray-200:     #e2e8f0;
  --gray-500:     #64748b;
  --gray-700:     #374151;
  --gray-900:     #0f1923;
  --shadow-sm:    0 2px 8px rgba(0,0,0,.07);
  --shadow-md:    0 6px 24px rgba(0,0,0,.10);
  --shadow-lg:    0 16px 48px rgba(0,0,0,.14);
  --radius:       14px;
  --radius-lg:    22px;
  --radius-xl:    32px;
}
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; color: var(--gray-700); background: #fff; overflow-x: hidden; }

/* ── NAV ── */
nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid rgba(0,0,0,.07);
  backdrop-filter: blur(12px);
}
.nav-inner {
  max-width: 1200px; margin: 0 auto;
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 24px;
}
.logo { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.logo-img-wrap {
  width: 44px; height: 44px; border-radius: 12px;
  background: var(--green-pale); border: 2px solid var(--green-pale);
  display: flex; align-items: center; justify-content: center; font-size: 22px;
}
.logo-text-wrap .name { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 1.2rem; color: var(--green-dark); line-height: 1; }
.logo-text-wrap .tagline { font-size: .6rem; color: var(--orange); font-weight: 700; letter-spacing: .6px; text-transform: uppercase; }
.nav-links { display: flex; gap: 28px; list-style: none; }
.nav-links a { text-decoration: none; font-size: .87rem; font-weight: 500; color: var(--gray-500); transition: color .2s; }
.nav-links a:hover, .nav-links a.active { color: var(--green-main); }
.nav-right { display: flex; align-items: center; gap: 12px; }
.nav-cta {
  background: var(--green-main); color: #fff;
  padding: 9px 22px; border-radius: 10px;
  font-size: .86rem; font-weight: 700; text-decoration: none; white-space: nowrap;
  transition: background .2s;
}
.nav-cta:hover { background: var(--green-dark); }
.hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 6px; border: none; background: none; }
.hamburger span { display: block; width: 24px; height: 2px; background: var(--gray-700); border-radius: 2px; }
.mobile-menu {
  display: none; position: fixed; top: 68px; left: 0; right: 0; z-index: 999;
  background: #fff; border-bottom: 1px solid var(--gray-200);
  padding: 20px 24px; flex-direction: column; gap: 16px;
  box-shadow: var(--shadow-md);
}
.mobile-menu.open { display: flex; }
.mobile-menu a { text-decoration: none; font-size: 1rem; font-weight: 600; color: var(--gray-700); padding: 8px 0; border-bottom: 1px solid var(--gray-100); }
.mobile-menu a:last-child { border-bottom: none; }
.mobile-menu .m-cta { background: var(--green-main); color: #fff; padding: 12px 20px; border-radius: 10px; text-align: center; border-bottom: none; }

/* ── PAGE HERO ── */
.page-hero {
  padding: 100px 24px 0;
  background: linear-gradient(160deg, #0b2e14 0%, #1a5c2e 50%, #0f3d1f 100%);
  position: relative; overflow: hidden;
}
.page-hero-bg {
  position: absolute; inset: 0;
  background: url('https://images.unsplash.com/photo-1488459716781-31db52582fe9?w=1600&q=70') center/cover no-repeat;
  opacity: .14;
}
.page-hero-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(10,40,18,.93) 0%, rgba(26,92,46,.8) 70%, rgba(0,0,0,.5) 100%);
}
.page-hero-innerabout {
  position: relative; z-index: 2;
  max-width: 1200px; margin: 0 auto;
  display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;
  padding-bottom: 60px;
}
.hero-breadcrumbabout {
  font-size: .72rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;
  color: #80d499; margin-bottom: 16px;
  display: flex; align-items: center; gap: 6px;
}
.hero-breadcrumbabout a { color: rgba(255,255,255,.4); text-decoration: none; }
.hero-breadcrumbabout a:hover { color: #80d499; }
.page-hero-innerservice {
  position: relative; z-index: 2;
  max-width: 1200px; margin: 0 auto;
  display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;
  padding-bottom: 60px;
}
.hero-breadcrumbservice {
  font-size: .72rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;
  color: #80d499; margin-bottom: 16px;
  display: flex; align-items: center; gap: 6px;
}
.hero-breadcrumbservice a { color: rgba(255,255,255,.4); text-decoration: none; }
.hero-breadcrumbservice a:hover { color: #80d499; }
.hero-pillsservice { display: flex; flex-wrap: wrap; gap: 10px; }
.page-hero h1 {
  font-family: 'Poppins', sans-serif; font-weight: 900;
  font-size: clamp(2rem, 4.5vw, 3.2rem); color: #fff; line-height: 1.15; margin-bottom: 18px;
}
.page-hero h1 .accent { color: var(--orange); }
.page-hero-desc { font-size: 1rem; line-height: 1.8; color: rgba(255,255,255,.7); margin-bottom: 32px; }
.hero-pillsabout { display: flex; flex-wrap: wrap; gap: 10px; }
.hero-pill {
  background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.2);
  color: rgba(255,255,255,.85); font-size: .78rem; font-weight: 600;
  padding: 7px 16px; border-radius: 50px;
}

/* Hero right: story card */
.story-card {
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.15);
  border-radius: var(--radius-xl); padding: 36px;
  backdrop-filter: blur(12px);
}
.story-card-eyebrow { font-size: .68rem; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; color: var(--orange); margin-bottom: 14px; }
.story-card blockquote {
  font-family: 'Poppins', sans-serif; font-size: 1.1rem; font-weight: 600;
  color: #fff; line-height: 1.55; margin-bottom: 20px; font-style: italic;
}
.story-card blockquote::before { content: '"'; color: var(--orange); font-size: 1.6rem; line-height: 0; vertical-align: -0.3em; margin-right: 4px; }
.story-card-author { display: flex; align-items: center; gap: 12px; }
.story-author-avatar {
  width: 44px; height: 44px; border-radius: 50%;
  background: linear-gradient(135deg, var(--green-main), var(--green-dark));
  display: flex; align-items: center; justify-content: center; font-size: 1.2rem;
  border: 2px solid rgba(255,255,255,.2);
}
.story-author-name { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: .9rem; color: #fff; }
.story-author-title { font-size: .72rem; color: rgba(255,255,255,.45); }

.hero-wave { line-height: 0; position: relative; z-index: 2; }
.hero-wave svg { display: block; width: 100%; }

/* ── SHARED SECTION ── */
section { padding: 90px 24px; }
.section-inner { max-width: 1200px; margin: 0 auto; }
.eyebrow {
  font-size: .72rem; font-weight: 800; letter-spacing: 1.4px; text-transform: uppercase;
  color: var(--orange); margin-bottom: 10px;
  display: flex; align-items: center; gap: 8px;
}
.eyebrow::before { content: ''; display: inline-block; width: 20px; height: 2px; background: var(--orange); border-radius: 2px; }
.section-title {
  font-family: 'Poppins', sans-serif; font-weight: 800;
  font-size: clamp(1.7rem, 3.5vw, 2.3rem); color: var(--gray-900);
  line-height: 1.2; margin-bottom: 14px;
}
.section-desc { font-size: .98rem; line-height: 1.8; color: var(--gray-500); }

/* ── MISSION / VISION ── */
.mission { background: #fff; }
.mv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 52px; align-items: center; }
.mv-img { border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-lg); }
.mv-img img { width: 100%; height: 460px; object-fit: cover; display: block; }
.mv-content { display: flex; flex-direction: column; gap: 28px; }
.mv-card {
  border-radius: var(--radius-lg); padding: 28px;
  border: 1.5px solid var(--gray-200); background: var(--gray-50);
  position: relative; overflow: hidden;
  transition: box-shadow .25s, transform .25s;
}
.mv-card:hover { box-shadow: var(--shadow-md); transform: translateY(-3px); }
.mv-card::before {
  content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 4px;
}
.mv-card.mission-card::before { background: var(--green-main); }
.mv-card.vision-card::before  { background: var(--orange); }
.mv-card.values-card::before  { background: #6366f1; }
.mv-card-title {
  font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 1.1rem;
  color: var(--gray-900); margin-bottom: 10px;
  display: flex; align-items: center; gap: 10px;
}
.mv-card-icon { font-size: 1.4rem; }
.mv-card p { font-size: .88rem; line-height: 1.72; color: var(--gray-500); }

/* ── STORY TIMELINE ── */
.story { background: var(--gray-50); }
.story-header { text-align: center; margin-bottom: 60px; }
.story-header .eyebrow { justify-content: center; }
.story-header .eyebrow::before { display: none; }
.story-header .section-desc { margin: 0 auto; max-width: 560px; }
.timeline {
  position: relative; max-width: 860px; margin: 0 auto;
  display: flex; flex-direction: column; gap: 0;
}
.timeline::before {
  content: ''; position: absolute;
  left: 50%; top: 0; bottom: 0; width: 2px;
  background: linear-gradient(180deg, var(--green-main) 0%, var(--orange) 100%);
  transform: translateX(-50%);
}
.tl-item {
  display: flex; gap: 0; position: relative; align-items: flex-start;
  padding: 0 0 40px;
}
.tl-item:nth-child(odd) { flex-direction: row; }
.tl-item:nth-child(even) { flex-direction: row-reverse; }
.tl-content {
  flex: 1; max-width: calc(50% - 40px);
  background: #fff; border-radius: var(--radius-lg);
  padding: 22px 24px; box-shadow: var(--shadow-sm);
  border: 1.5px solid var(--gray-200);
  transition: box-shadow .25s;
}
.tl-content:hover { box-shadow: var(--shadow-md); }
.tl-item:nth-child(odd) .tl-content  { margin-right: 40px; }
.tl-item:nth-child(even) .tl-content { margin-left: 40px; }
.tl-date {
  font-family: 'Poppins', sans-serif; font-weight: 800; font-size: .75rem;
  color: var(--orange); letter-spacing: .8px; text-transform: uppercase; margin-bottom: 6px;
}
.tl-title { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 1rem; color: var(--gray-900); margin-bottom: 8px; }
.tl-desc { font-size: .82rem; line-height: 1.65; color: var(--gray-500); }
.tl-dot {
  position: absolute; left: 50%; top: 22px;
  width: 18px; height: 18px; border-radius: 50%;
  background: var(--green-main); border: 3px solid #fff;
  box-shadow: 0 0 0 3px var(--green-main);
  transform: translateX(-50%); z-index: 2;
  flex-shrink: 0;
}
.tl-item:nth-child(3) .tl-dot { background: var(--orange); box-shadow: 0 0 0 3px var(--orange); }
.tl-item:nth-child(5) .tl-dot { background: #6366f1; box-shadow: 0 0 0 3px #6366f1; }

/* ── TEAM ── */
.team { background: #fff; }
.team-header { text-align: center; margin-bottom: 52px; }
.team-header .eyebrow { justify-content: center; }
.team-header .eyebrow::before { display: none; }
.team-header .section-desc { margin: 0 auto; }
.team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.team-card {
  border-radius: var(--radius-xl); overflow: hidden;
  box-shadow: var(--shadow-sm); border: 1.5px solid var(--gray-200);
  transition: box-shadow .3s, transform .3s; text-align: center;
}
.team-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-5px); }
.team-photo-wrap { position: relative; }
.team-photo-wrap img { width: 100%; height: 240px; object-fit: cover; display: block; }
.team-photo-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(transparent 50%, rgba(0,0,0,.6) 100%);
}
.team-body { padding: 20px 22px 24px; background: #fff; }
.team-name { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 1.05rem; color: var(--gray-900); margin-bottom: 4px; }
.team-role { font-size: .78rem; font-weight: 700; color: var(--orange); text-transform: uppercase; letter-spacing: .5px; margin-bottom: 10px; }
.team-bio { font-size: .82rem; line-height: 1.65; color: var(--gray-500); }
.team-initials {
  width: 100%; height: 240px; display: flex; align-items: center; justify-content: center;
  font-family: 'Poppins', sans-serif; font-weight: 900; font-size: 3.5rem; color: #fff;
  background: linear-gradient(135deg, var(--green-dark), var(--green-main));
}
.team-card:nth-child(2) .team-initials { background: linear-gradient(135deg, #c05800, var(--orange)); }
.team-card:nth-child(3) .team-initials { background: linear-gradient(135deg, #4338ca, #6366f1); }

/* ── VALUES ── */
.values { background: var(--gray-50); }
.values-header { margin-bottom: 48px; }
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.val-card {
  background: #fff; border-radius: var(--radius-lg);
  padding: 32px 26px; border: 1.5px solid var(--gray-200);
  transition: box-shadow .25s, border-color .25s, transform .25s;
  text-align: center;
}
.val-card:hover { box-shadow: var(--shadow-md); border-color: var(--green-light); transform: translateY(-4px); }
.val-icon {
  width: 64px; height: 64px; border-radius: 18px; margin: 0 auto 20px;
  display: flex; align-items: center; justify-content: center; font-size: 1.8rem;
}
.vi-green  { background: var(--green-pale); }
.vi-orange { background: var(--orange-pale); }
.vi-purple { background: #ede9fe; }
.vi-blue   { background: #eff6ff; }
.vi-red    { background: #fef2f2; }
.vi-teal   { background: #f0fdfa; }
.val-title { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 1rem; color: var(--gray-900); margin-bottom: 10px; }
.val-desc { font-size: .83rem; line-height: 1.7; color: var(--gray-500); }

/* ── NUMBERS / IMPACT ── */
.impact {
  background: linear-gradient(135deg, var(--green-dark) 0%, #0f3d1f 100%);
  padding: 80px 24px; position: relative; overflow: hidden;
}
.impact::before {
  content: ''; position: absolute; inset: 0;
  background: url('https://images.unsplash.com/photo-1512621776951-a57141f2eefd?w=1400&q=50') center/cover no-repeat;
  opacity: .07;
}
.impact-inner {
  position: relative; z-index: 1;
  max-width: 1200px; margin: 0 auto;
}
.impact-header { text-align: center; margin-bottom: 52px; }
.impact-header .section-title { color: #fff; }
.impact-header .section-desc { color: rgba(255,255,255,.6); margin: 0 auto; }
.impact-header .eyebrow { justify-content: center; color: #80d499; }
.impact-header .eyebrow::before { background: #80d499; display: none; }
.impact-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.impact-card {
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--radius-lg); padding: 28px 20px; text-align: center;
  backdrop-filter: blur(10px);
  transition: background .25s, transform .25s;
}
.impact-card:hover { background: rgba(255,255,255,.15); transform: translateY(-3px); }
.impact-num {
  font-family: 'Poppins', sans-serif; font-weight: 900; font-size: 2.2rem;
  color: #fff; line-height: 1; margin-bottom: 8px;
}
.impact-num em { color: var(--orange); font-style: normal; }
.impact-label { font-size: .76rem; color: rgba(255,255,255,.55); font-weight: 600; letter-spacing: .4px; text-transform: uppercase; }

/* ── COMPANY INFO ── */
.company { background: #fff; }
.company-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.company-img { border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-lg); }
.company-img img { width: 100%; height: 420px; object-fit: cover; display: block; }
.info-list { display: flex; flex-direction: column; gap: 18px; margin-top: 28px; }
.info-item { display: flex; gap: 16px; align-items: flex-start; }
.info-icon {
  width: 44px; height: 44px; border-radius: 12px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center; font-size: 1.2rem;
  background: var(--green-pale);
}
.info-item strong { display: block; font-weight: 700; font-size: .9rem; color: var(--gray-900); margin-bottom: 2px; }
.info-item span { font-size: .83rem; color: var(--gray-500); line-height: 1.5; }
.info-item a { color: var(--green-main); text-decoration: none; font-weight: 600; }
.info-item a:hover { text-decoration: underline; }

/* ── APPS MINI ── */
.apps-mini { background: var(--gray-50); }
.apps-mini-header { margin-bottom: 40px; }
.apps-mini-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.amc {
  background: #fff; border-radius: var(--radius-lg); overflow: hidden;
  border: 1.5px solid var(--gray-200); box-shadow: var(--shadow-sm);
  transition: box-shadow .25s, transform .25s;
}
.amc:hover { box-shadow: var(--shadow-md); transform: translateY(-4px); }
.amc-imgabout { height: 130px; overflow: hidden; }
.amc-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s; }
.amc:hover .amc-img img { transform: scale(1.05); }
.amc-body { padding: 16px; }
.amc-badge-row { margin-bottom: 6px; }
.amc-name-sm { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: .88rem; color: var(--gray-900); margin-bottom: 4px; }
.amc-for { font-size: .72rem; color: var(--gray-500); margin-bottom: 10px; }
.amc-dl { display: inline-flex; align-items: center; gap: 5px; background: var(--gray-900); color: #fff; padding: 6px 12px; border-radius: 8px; font-size: .7rem; font-weight: 700; text-decoration: none; }
.amc-dl:hover { background: var(--green-dark); }
.badge-sm { display: inline-block; font-size: .6rem; font-weight: 800; padding: 2px 8px; border-radius: 20px; letter-spacing: .4px; }
.bg-cust { background: #e6f7ec; color: #1a5c2e; }
.bg-vend { background: var(--orange-pale); color: var(--orange-dark); }
.bg-del  { background: #dbeafe; color: #1d4ed8; }
.bg-who  { background: #ede9fe; color: #4338ca; }

/* ── CTA ── */
.cta-section {
  background: linear-gradient(135deg, #0f3d1f, #1a5c2e);
  padding: 80px 24px; text-align: center;
}
.cta-section .section-title { color: #fff; margin-bottom: 14px; }
.cta-section .section-desc { color: rgba(255,255,255,.7); margin: 0 auto 36px; }
.cta-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.btn-orange {
  background: var(--orange); color: #fff;
  padding: 14px 30px; border-radius: 12px;
  font-weight: 700; font-size: .95rem; text-decoration: none;
  transition: background .2s;
}
.btn-orange:hover { background: var(--orange-dark); }
.btn-ghost {
  background: rgba(255,255,255,.12); border: 1.5px solid rgba(255,255,255,.3); color: #fff;
  padding: 12px 28px; border-radius: 12px;
  font-weight: 700; font-size: .95rem; text-decoration: none;
}
.btn-ghost:hover { background: rgba(255,255,255,.2); }

/* ── FOOTER ── */
footer { background: var(--gray-900); color: rgba(255,255,255,.55); padding: 52px 24px 24px; }
.footer-inner { max-width: 1200px; margin: 0 auto; display: flex; gap: 40px; flex-wrap: wrap; margin-bottom: 36px; }
.footer-brand { flex: 1.8; min-width: 220px; }
.footer-logo-name { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 1.2rem; color: #fff; }
.footer-logo-tag { font-size: .6rem; color: var(--orange); font-weight: 700; letter-spacing: .6px; text-transform: uppercase; margin-bottom: 12px; }
.footer-tagline { font-size: .81rem; line-height: 1.7; max-width: 250px; }
.footer-by { font-size: .7rem; margin-top: 12px; color: rgba(255,255,255,.25); }
.footer-col { flex: 1; min-width: 130px; }
.footer-col h4 { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: .84rem; color: #fff; margin-bottom: 14px; }
.footer-col a { display: block; font-size: .79rem; color: rgba(255,255,255,.4); text-decoration: none; margin-bottom: 8px; transition: color .2s; }
.footer-col a:hover { color: var(--green-light); }
.footer-bottom { max-width: 1200px; margin: 0 auto; border-top: 1px solid rgba(255,255,255,.07); padding-top: 18px; font-size: .76rem; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; }

/* ── RESPONSIVE ── */
@media (max-width: 900px) {
  .nav-links { display: none; }
  .hamburger { display: flex; }
  .page-hero-innerabout { grid-template-columns: 1fr; gap: 30px; }
  .mv-grid { grid-template-columns: 1fr; }
  .company-grid { grid-template-columns: 1fr; }
  .team-grid { grid-template-columns: 1fr 1fr; }
  .values-grid { grid-template-columns: 1fr 1fr; }
  .impact-grid { grid-template-columns: 1fr 1fr; }
  .apps-mini-grid { grid-template-columns: 1fr 1fr; }
  .timeline::before { left: 20px; }
  .tl-item { flex-direction: column !important; padding-left: 50px; }
  .tl-content { max-width: 100%; margin: 0 !important; }
  .tl-dot { left: 20px; }
}
@media (max-width: 600px) {
  section { padding: 60px 20px; }
  .team-grid { grid-template-columns: 1fr; }
  .values-grid { grid-template-columns: 1fr; }
  .impact-grid { grid-template-columns: 1fr 1fr; }
  .apps-mini-grid { grid-template-columns: 1fr 1fr; }
}


/* === SERVICES === */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --green-dark:#1a5c2e;--green-main:#28a745;--green-light:#52c06e;--green-pale:#e6f7ec;
  --orange:#f57c20;--orange-dark:#d96010;--orange-pale:#fff3e6;
  --gray-50:#f8fafb;--gray-100:#f1f3f5;--gray-200:#e2e8f0;
  --gray-500:#64748b;--gray-700:#374151;--gray-900:#0f1923;
  --shadow-sm:0 2px 8px rgba(0,0,0,.07);--shadow-md:0 6px 24px rgba(0,0,0,.10);--shadow-lg:0 16px 48px rgba(0,0,0,.14);
  --radius:14px;--radius-lg:22px;--radius-xl:32px;
}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;color:var(--gray-700);background:#fff;overflow-x:hidden;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(0,0,0,.07);backdrop-filter:blur(12px);}
.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.logo-img-wrap{width:44px;height:44px;border-radius:12px;background:var(--green-pale);display:flex;align-items:center;justify-content:center;font-size:22px;}
.logo-text-wrap .name{font-family:'Poppins',sans-serif;font-weight:800;font-size:1.2rem;color:var(--green-dark);line-height:1;}
.logo-text-wrap .tagline{font-size:.6rem;color:var(--orange);font-weight:700;letter-spacing:.6px;text-transform:uppercase;}
.nav-links{display:flex;gap:28px;list-style:none;}
.nav-links a{text-decoration:none;font-size:.87rem;font-weight:500;color:var(--gray-500);transition:color .2s;}
.nav-links a:hover,.nav-links a.active{color:var(--green-main);}
.nav-cta{background:var(--green-main);color:#fff;padding:9px 22px;border-radius:10px;font-size:.86rem;font-weight:700;text-decoration:none;white-space:nowrap;}
.nav-cta:hover{background:var(--green-dark);}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;border:none;background:none;}
.hamburger span{display:block;width:24px;height:2px;background:var(--gray-700);border-radius:2px;}
.mobile-menu{display:none;position:fixed;top:68px;left:0;right:0;z-index:999;background:#fff;border-bottom:1px solid var(--gray-200);padding:20px 24px;flex-direction:column;gap:16px;box-shadow:var(--shadow-md);}
.mobile-menu.open{display:flex;}
.mobile-menu a{text-decoration:none;font-size:1rem;font-weight:600;color:var(--gray-700);padding:8px 0;border-bottom:1px solid var(--gray-100);}
.mobile-menu a:last-child{border-bottom:none;}
.mobile-menu .m-cta{background:var(--green-main);color:#fff;padding:12px 20px;border-radius:10px;text-align:center;border-bottom:none;}

/* HERO */
.page-hero{padding:100px 24px 0;background:linear-gradient(160deg,#0b2e14 0%,#1a5c2e 50%,#0f3d1f 100%);position:relative;overflow:hidden;}
.page-hero-bg{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1488459716781-31db52582fe9?w=1600&q=70') center/cover no-repeat;opacity:.13;}
.page-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,40,18,.93) 0%,rgba(26,92,46,.82) 70%,rgba(0,0,0,.5) 100%);}
.page-hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:60px 0 70px;}
.hero-breadcrumb{font-size:.72rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#80d499;margin-bottom:16px;display:flex;align-items:center;gap:6px;}
.hero-breadcrumb a{color:rgba(255,255,255,.4);text-decoration:none;}
.hero-breadcrumb a:hover{color:#80d499;}
.page-hero h1{font-family:'Poppins',sans-serif;font-weight:900;font-size:clamp(2rem,4.5vw,3.2rem);color:#fff;line-height:1.12;margin-bottom:16px;}
.page-hero h1 .accent{color:var(--orange);}
.page-hero-desc{font-size:1rem;line-height:1.8;color:rgba(255,255,255,.7);margin-bottom:28px;}
.hero-pills{display:flex;flex-wrap:wrap;gap:10px;}
.hero-pill{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.85);font-size:.78rem;font-weight:600;padding:7px 16px;border-radius:50px;}

/* Hero right: service snapshot cards */
.hero-service-snap{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.hss{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:18px 16px;backdrop-filter:blur(10px);transition:background .2s;}
.hss:hover{background:rgba(255,255,255,.14);}
.hss-icon{font-size:1.6rem;margin-bottom:10px;}
.hss-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:.85rem;color:#fff;margin-bottom:4px;}
.hss-sub{font-size:.72rem;color:rgba(255,255,255,.5);}
.hero-wave{line-height:0;position:relative;z-index:2;}
.hero-wave svg{display:block;width:100%;}

/* SHARED */
section{padding:90px 24px;}
.section-inner{max-width:1200px;margin:0 auto;}
.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--orange);margin-bottom:10px;display:flex;align-items:center;gap:8px;}
.eyebrow::before{content:'';display:inline-block;width:20px;height:2px;background:var(--orange);border-radius:2px;}
.section-title{font-family:'Poppins',sans-serif;font-weight:800;font-size:clamp(1.7rem,3.5vw,2.3rem);color:var(--gray-900);line-height:1.2;margin-bottom:14px;}
.section-desc{font-size:.98rem;line-height:1.8;color:var(--gray-500);}

/* SERVICE TABS NAV */
.service-tabs-wrap{background:#fff;padding:0 24px;border-bottom:2px solid var(--gray-200);position:sticky;top:68px;z-index:100;}
.service-tabs{max-width:1200px;margin:0 auto;display:flex;gap:0;overflow-x:auto;scrollbar-width:none;}
.service-tabs::-webkit-scrollbar{display:none;}
.stab{
  padding:16px 22px;border-bottom:2px solid transparent;margin-bottom:-2px;
  font-family:'Poppins',sans-serif;font-weight:700;font-size:.83rem;color:var(--gray-500);
  cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:7px;
  border:none;background:none;transition:color .2s,border-color .2s;
}
.stab:hover{color:var(--green-main);}
.stab.active{color:var(--green-main);border-bottom-color:var(--green-main);}

/* MAIN SERVICES */
.services-main{background:var(--gray-50);}
.services-main-header{text-align:center;margin-bottom:52px;}
.services-main-header .eyebrow{justify-content:center;}
.services-main-header .eyebrow::before{display:none;}
.services-main-header .section-desc{margin:0 auto;max-width:580px;}
.services-big-grid{display:flex;flex-direction:column;gap:80px;}

/* Each big service block */
.srv{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.srv.reverse{direction:rtl;}
.srv.reverse>*{direction:ltr;}
.srv-img-wrap{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);position:relative;}
.srv-img-wrap img{width:100%;height:400px;object-fit:cover;display:block;}
.srv-img-badge{
  position:absolute;top:18px;left:18px;
  background:rgba(255,255,255,.95);border-radius:10px;padding:8px 14px;
  font-family:'Poppins',sans-serif;font-weight:800;font-size:.78rem;
  display:flex;align-items:center;gap:6px;
  box-shadow:var(--shadow-md);backdrop-filter:blur(8px);
}
.srv-content{}
.srv-tag{display:inline-block;font-size:.68rem;font-weight:800;padding:4px 12px;border-radius:20px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:14px;}
.srv-tag.b2c{background:var(--green-pale);color:var(--green-dark);}
.srv-tag.b2b{background:var(--orange-pale);color:var(--orange-dark);}
.srv-tag.ops{background:#dbeafe;color:#1d4ed8;}
.srv-tag.whl{background:#ede9fe;color:#4338ca;}
.srv-desc{font-size:.92rem;line-height:1.78;color:var(--gray-500);margin-bottom:24px;}
.srv-features{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:28px;}
.srv-features li{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:var(--gray-700);}
.srv-features li::before{content:'✓';color:var(--green-main);font-weight:800;flex-shrink:0;margin-top:1px;}
.srv-stats{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:28px;}
.srv-stat-num{font-family:'Poppins',sans-serif;font-weight:800;font-size:1.5rem;color:var(--green-dark);}
.srv-stat-num em{color:var(--orange);font-style:normal;}
.srv-stat-label{font-size:.72rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.4px;font-weight:600;}
.srv-btn{display:inline-block;background:var(--green-main);color:#fff;padding:12px 26px;border-radius:12px;font-weight:700;font-size:.88rem;text-decoration:none;transition:background .2s;}
.srv-btn:hover{background:var(--green-dark);}
.srv-btn.orange{background:var(--orange);}
.srv-btn.orange:hover{background:var(--orange-dark);}

/* PROCESS SECTION */
.process{background:#fff;}
.process-header{text-align:center;margin-bottom:56px;}
.process-header .eyebrow{justify-content:center;}
.process-header .eyebrow::before{display:none;}
.process-header .section-desc{margin:0 auto;max-width:560px;}
.process-tabs{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:44px;}
.ptab{
  padding:10px 22px;border-radius:50px;border:1.5px solid var(--gray-200);
  font-family:'Poppins',sans-serif;font-weight:700;font-size:.82rem;color:var(--gray-500);
  cursor:pointer;transition:all .2s;background:#fff;
}
.ptab:hover{border-color:var(--green-main);color:var(--green-main);}
.ptab.active{background:var(--green-main);color:#fff;border-color:var(--green-main);}
.process-panel{display:none;}
.process-panel.active{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative;}
.process-panel.active::before{content:'';position:absolute;top:36px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--green-main),var(--orange));z-index:0;}
.proc-step{text-align:center;padding:0 12px;position:relative;z-index:1;}
.proc-num{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin:0 auto 16px;border:4px solid #fff;box-shadow:0 0 0 3px var(--green-main),var(--shadow-md);background:linear-gradient(135deg,var(--green-main),var(--green-dark));}
.proc-step:nth-child(3) .proc-num{background:linear-gradient(135deg,var(--orange),var(--orange-dark));box-shadow:0 0 0 3px var(--orange),var(--shadow-md);}
.proc-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:.88rem;color:var(--gray-900);margin-bottom:8px;}
.proc-desc{font-size:.76rem;color:var(--gray-500);line-height:1.55;}

/* PRICING / PACKAGES */
.pricing{background:var(--gray-50);}
.pricing-header{text-align:center;margin-bottom:52px;}
.pricing-header .eyebrow{justify-content:center;}
.pricing-header .eyebrow::before{display:none;}
.pricing-toggle{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:16px;}
.toggle-label{font-size:.85rem;font-weight:600;color:var(--gray-500);}
.toggle-label.active{color:var(--green-main);}
.toggle-btn{width:52px;height:28px;background:var(--green-main);border-radius:14px;position:relative;cursor:pointer;border:none;transition:background .2s;}
.toggle-knob{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s;}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.price-card{
  background:#fff;border-radius:var(--radius-xl);padding:36px;
  border:1.5px solid var(--gray-200);
  transition:box-shadow .25s,transform .25s,border-color .25s;
  position:relative;overflow:hidden;
}
.price-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px);}
.price-card.featured{border-color:var(--green-main);box-shadow:0 0 0 2px var(--green-main),var(--shadow-md);}
.price-card.featured::before{content:'Most Popular';position:absolute;top:18px;right:-28px;background:var(--green-main);color:#fff;font-size:.65rem;font-weight:800;padding:5px 36px;transform:rotate(45deg);letter-spacing:.5px;}
.price-icon{font-size:2rem;margin-bottom:14px;}
.price-name{font-family:'Poppins',sans-serif;font-weight:800;font-size:1.1rem;color:var(--gray-900);margin-bottom:4px;}
.price-for{font-size:.76rem;color:var(--gray-500);margin-bottom:20px;}
.price-amount{font-family:'Poppins',sans-serif;font-weight:900;font-size:2rem;color:var(--green-dark);line-height:1;margin-bottom:4px;}
.price-amount em{font-size:1rem;font-style:normal;color:var(--gray-500);font-weight:400;}
.price-period{font-size:.74rem;color:var(--gray-500);margin-bottom:22px;}
.price-divider{border:none;border-top:1px solid var(--gray-200);margin:18px 0;}
.price-features{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:26px;}
.price-features li{font-size:.83rem;color:var(--gray-700);display:flex;align-items:center;gap:8px;}
.price-features li .tick{color:var(--green-main);font-weight:800;flex-shrink:0;}
.price-features li .cross{color:#d1d5db;flex-shrink:0;}
.price-cta{display:block;text-align:center;padding:12px;border-radius:12px;font-weight:700;font-size:.9rem;text-decoration:none;transition:all .2s;}
.price-cta.solid{background:var(--green-main);color:#fff;}
.price-cta.solid:hover{background:var(--green-dark);}
.price-cta.outline{border:1.5px solid var(--green-main);color:var(--green-main);}
.price-cta.outline:hover{background:var(--green-pale);}

/* INDUSTRY VERTICALS */
.industries{background:#fff;}
.industries-header{margin-bottom:44px;}
.ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.ind-card{
  border-radius:var(--radius-lg);overflow:hidden;
  border:1.5px solid var(--gray-200);box-shadow:var(--shadow-sm);
  transition:box-shadow .25s,transform .25s;
}
.ind-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);}
.ind-img{height:150px;overflow:hidden;}
.ind-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s;}
.ind-card:hover .ind-img img{transform:scale(1.06);}
.ind-body{padding:18px 20px;}
.ind-icon-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.ind-icon{font-size:1.3rem;}
.ind-name{font-family:'Poppins',sans-serif;font-weight:800;font-size:.95rem;color:var(--gray-900);}
.ind-desc{font-size:.8rem;line-height:1.6;color:var(--gray-500);}

/* WHY US */
.why-us{background:linear-gradient(135deg,var(--green-dark) 0%,#0f3d1f 100%);padding:80px 24px;position:relative;overflow:hidden;}
.why-us::before{content:'';position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1512621776951-a57141f2eefd?w=1400&q=50') center/cover no-repeat;opacity:.06;}
.why-us-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;}
.why-us-header{text-align:center;margin-bottom:52px;}
.why-us-header .section-title{color:#fff;}
.why-us-header .section-desc{color:rgba(255,255,255,.6);margin:0 auto;max-width:540px;}
.why-us-header .eyebrow{justify-content:center;color:#80d499;}
.why-us-header .eyebrow::before{background:#80d499;display:none;}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.why-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:26px 20px;text-align:center;transition:background .25s,transform .25s;}
.why-card:hover{background:rgba(255,255,255,.13);transform:translateY(-3px);}
.why-icon{font-size:2rem;margin-bottom:14px;}
.why-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:.9rem;color:#fff;margin-bottom:8px;}
.why-desc{font-size:.78rem;color:rgba(255,255,255,.5);line-height:1.6;}

/* TESTIMONIALS */
.testimonials{background:var(--gray-50);}
.testimonials-header{text-align:center;margin-bottom:48px;}
.testimonials-header .eyebrow{justify-content:center;}
.testimonials-header .eyebrow::before{display:none;}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.testi-card{background:#fff;border-radius:var(--radius-lg);padding:28px;border:1.5px solid var(--gray-200);box-shadow:var(--shadow-sm);transition:box-shadow .25s,transform .25s;}
.testi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);}
.testi-stars{color:var(--orange);font-size:1rem;margin-bottom:14px;letter-spacing:2px;}
.testi-quote{font-size:.88rem;line-height:1.75;color:var(--gray-700);margin-bottom:20px;font-style:italic;}
.testi-quote::before{content:'"';color:var(--green-main);font-size:1.6rem;font-style:normal;line-height:0;vertical-align:-.3em;margin-right:4px;}
.testi-author{display:flex;align-items:center;gap:10px;}
.testi-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:800;color:#fff;flex-shrink:0;}
.testi-name{font-weight:700;font-size:.85rem;color:var(--gray-900);}
.testi-role{font-size:.72rem;color:var(--gray-500);}

/* CTA */
.cta-section{background:linear-gradient(135deg,#0f3d1f,#1a5c2e);padding:80px 24px;text-align:center;}
.cta-section .section-title{color:#fff;margin-bottom:14px;}
.cta-section .section-desc{color:rgba(255,255,255,.7);margin:0 auto 36px;max-width:520px;}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.btn-orange{background:var(--orange);color:#fff;padding:14px 30px;border-radius:12px;font-weight:700;font-size:.95rem;text-decoration:none;}
.btn-orange:hover{background:var(--orange-dark);}
.btn-ghost{background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.3);color:#fff;padding:12px 28px;border-radius:12px;font-weight:700;font-size:.95rem;text-decoration:none;}
.btn-ghost:hover{background:rgba(255,255,255,.2);}

/* FOOTER */
footer{background:var(--gray-900);color:rgba(255,255,255,.55);padding:52px 24px 24px;}
.footer-inner{max-width:1200px;margin:0 auto;display:flex;gap:40px;flex-wrap:wrap;margin-bottom:36px;}
.footer-brand{flex:1.8;min-width:220px;}
.footer-logo-name{font-family:'Poppins',sans-serif;font-weight:800;font-size:1.2rem;color:#fff;}
.footer-logo-tag{font-size:.6rem;color:var(--orange);font-weight:700;letter-spacing:.6px;text-transform:uppercase;margin-bottom:12px;}
.footer-tagline{font-size:.81rem;line-height:1.7;max-width:250px;}
.footer-by{font-size:.7rem;margin-top:12px;color:rgba(255,255,255,.25);}
.footer-col{flex:1;min-width:130px;}
.footer-col h4{font-family:'Poppins',sans-serif;font-weight:700;font-size:.84rem;color:#fff;margin-bottom:14px;}
.footer-col a{display:block;font-size:.79rem;color:rgba(255,255,255,.4);text-decoration:none;margin-bottom:8px;transition:color .2s;}
.footer-col a:hover{color:var(--green-light);}
.footer-bottom{max-width:1200px;margin:0 auto;border-top:1px solid rgba(255,255,255,.07);padding-top:18px;font-size:.76rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}

/* RESPONSIVE */
@media(max-width:900px){
  .nav-links{display:none;}
  .hamburger{display:flex;}
  .page-hero-innerservice{grid-template-columns:1fr;gap:28px;}
  .hero-service-snap{grid-template-columns:1fr 1fr;}
  .srv{grid-template-columns:1fr;}
  .srv.reverse{direction:ltr;}
  .process-panel.active{grid-template-columns:1fr 1fr;gap:20px;}
  .process-panel.active::before{display:none;}
  .pricing-grid{grid-template-columns:1fr;}
  .ind-grid{grid-template-columns:1fr 1fr;}
  .why-grid{grid-template-columns:1fr 1fr;}
  .testi-grid{grid-template-columns:1fr;}
}
@media(max-width:600px){
  section{padding:60px 20px;}
  .hero-service-snap{grid-template-columns:1fr;}
  .ind-grid{grid-template-columns:1fr;}
  .why-grid{grid-template-columns:1fr 1fr;}
  .process-panel.active{grid-template-columns:1fr;}
}


/* === TECHNOLOGY === */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --green-dark:#1a5c2e;--green-main:#28a745;--green-light:#52c06e;--green-pale:#e6f7ec;
  --orange:#f57c20;--orange-dark:#d96010;--orange-pale:#fff3e6;
  --gray-50:#f8fafb;--gray-100:#f1f3f5;--gray-200:#e2e8f0;
  --gray-500:#64748b;--gray-700:#374151;--gray-900:#0f1923;
  --shadow-sm:0 2px 8px rgba(0,0,0,.07);--shadow-md:0 6px 24px rgba(0,0,0,.10);--shadow-lg:0 16px 48px rgba(0,0,0,.14);
  --radius:14px;--radius-lg:22px;--radius-xl:32px;
}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;color:var(--gray-700);background:#fff;overflow-x:hidden;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(0,0,0,.07);backdrop-filter:blur(12px);}
.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.logo-img-wrap{width:44px;height:44px;border-radius:12px;background:var(--green-pale);display:flex;align-items:center;justify-content:center;font-size:22px;}
.logo-text-wrap .name{font-family:'Poppins',sans-serif;font-weight:800;font-size:1.2rem;color:var(--green-dark);line-height:1;}
.logo-text-wrap .tagline{font-size:.6rem;color:var(--orange);font-weight:700;letter-spacing:.6px;text-transform:uppercase;}
.nav-links{display:flex;gap:28px;list-style:none;}
.nav-links a{text-decoration:none;font-size:.87rem;font-weight:500;color:var(--gray-500);transition:color .2s;}
.nav-links a:hover,.nav-links a.active{color:var(--green-main);}
.nav-cta{background:var(--green-main);color:#fff;padding:9px 22px;border-radius:10px;font-size:.86rem;font-weight:700;text-decoration:none;white-space:nowrap;}
.nav-cta:hover{background:var(--green-dark);}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;border:none;background:none;}
.hamburger span{display:block;width:24px;height:2px;background:var(--gray-700);border-radius:2px;}
.mobile-menu{display:none;position:fixed;top:68px;left:0;right:0;z-index:999;background:#fff;border-bottom:1px solid var(--gray-200);padding:20px 24px;flex-direction:column;gap:16px;box-shadow:var(--shadow-md);}
.mobile-menu.open{display:flex;}
.mobile-menu a{text-decoration:none;font-size:1rem;font-weight:600;color:var(--gray-700);padding:8px 0;border-bottom:1px solid var(--gray-100);}
.mobile-menu a:last-child{border-bottom:none;}
.mobile-menu .m-cta{background:var(--green-main);color:#fff;padding:12px 20px;border-radius:10px;text-align:center;border-bottom:none;}

/* HERO — dark tech theme */
.page-hero{
  padding:100px 24px 0;
  background:linear-gradient(160deg,#030d06 0%,#061c0b 40%,#0a2e12 100%);
  position:relative;overflow:hidden;
}
.hero-grid-bg{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(40,167,69,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(40,167,69,.06) 1px,transparent 1px);
  background-size:40px 40px;
}
.hero-glow{position:absolute;top:-200px;left:50%;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(40,167,69,.12) 0%,transparent 65%);transform:translateX(-50%);}
.hero-glow2{position:absolute;bottom:-100px;right:-100px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(245,124,32,.08) 0%,transparent 65%);}
.page-hero-innerinvestor{position:relative;z-index:2;max-width:1200px;margin:0 auto;text-align:center;padding:60px 0 70px;}
.hero-breadcrumbinvestor{font-size:.72rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#52c06e;margin-bottom:18px;display:flex;align-items:center;justify-content:center;gap:6px;}
.hero-breadcrumbinvestor a{color:rgba(255,255,255,.35);text-decoration:none;}
.hero-breadcrumbinvestor a:hover{color:#52c06e;}
.tech-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(40,167,69,.12);border:1px solid rgba(40,167,69,.25);
  color:#80d499;font-size:.72rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;
  padding:7px 16px;border-radius:20px;margin-bottom:22px;
  font-family:'JetBrains Mono',monospace;
}
.tech-badge::before{content:'';width:7px;height:7px;border-radius:50%;background:#28a745;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.3;}}
.page-hero h1{font-family:'Poppins',sans-serif;font-weight:900;font-size:clamp(2rem,4.5vw,3.4rem);color:#fff;line-height:1.12;margin-bottom:18px;}
.page-hero h1 .accent{color:var(--orange);}
.page-hero h1 .green{color:#52c06e;}
.page-hero-desc{font-size:1.05rem;line-height:1.8;color:rgba(255,255,255,.6);max-width:600px;margin:0 auto 32px;}
.hero-tech-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:40px;}
.tech-pill{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.7);font-size:.76rem;font-weight:600;
  padding:7px 16px;border-radius:50px;
  font-family:'JetBrains Mono',monospace;
}
/* Animated terminal card */
.terminal{
  background:rgba(0,0,0,.5);border:1px solid rgba(40,167,69,.2);
  border-radius:var(--radius-lg);padding:24px;max-width:600px;margin:0 auto;
  text-align:left;backdrop-filter:blur(12px);
  box-shadow:0 0 60px rgba(40,167,69,.08);
}
.terminal-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
.t-dot{width:12px;height:12px;border-radius:50%;}
.t-dot.red{background:#ff5f56;}
.t-dot.yellow{background:#ffbd2e;}
.t-dot.green{background:#27c93f;}
.t-title{font-size:.72rem;color:rgba(255,255,255,.3);font-family:'JetBrains Mono',monospace;margin-left:auto;}
.terminal-line{font-family:'JetBrains Mono',monospace;font-size:.8rem;line-height:1.9;color:rgba(255,255,255,.5);}
.terminal-line .cmd{color:#52c06e;}
.terminal-line .val{color:#ffc68a;}
.terminal-line .str{color:#80d499;}
.terminal-line .com{color:rgba(255,255,255,.2);}

.hero-wave{line-height:0;position:relative;z-index:2;}
.hero-wave svg{display:block;width:100%;}

/* SHARED */
section{padding:90px 24px;}
.section-inner{max-width:1200px;margin:0 auto;}
.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--orange);margin-bottom:10px;display:flex;align-items:center;gap:8px;}
.eyebrow::before{content:'';display:inline-block;width:20px;height:2px;background:var(--orange);border-radius:2px;}
.section-title{font-family:'Poppins',sans-serif;font-weight:800;font-size:clamp(1.7rem,3.5vw,2.3rem);color:var(--gray-900);line-height:1.2;margin-bottom:14px;}
.section-desc{font-size:.98rem;line-height:1.8;color:var(--gray-500);}

/* CORE PILLARS */
.pillars{background:var(--gray-50);}
.pillars-header{text-align:center;margin-bottom:52px;}
.pillars-header .eyebrow{justify-content:center;}
.pillars-header .eyebrow::before{display:none;}
.pillars-header .section-desc{margin:0 auto;max-width:560px;}
.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.pillar-card{
  background:#fff;border-radius:var(--radius-xl);padding:32px;
  border:1.5px solid var(--gray-200);
  transition:box-shadow .25s,transform .25s,border-color .25s;
  position:relative;overflow:hidden;
}
.pillar-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px);border-color:var(--green-light);}
.pillar-glow{
  position:absolute;top:-40px;right:-40px;width:120px;height:120px;border-radius:50%;
  background:radial-gradient(circle,rgba(40,167,69,.08) 0%,transparent 70%);
  pointer-events:none;
}
.pillar-icon{width:60px;height:60px;border-radius:16px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;font-size:1.7rem;}
.pi-green{background:var(--green-pale);}
.pi-orange{background:var(--orange-pale);}
.pi-blue{background:#eff6ff;}
.pi-purple{background:#f5f3ff;}
.pi-teal{background:#f0fdfa;}
.pi-red{background:#fef2f2;}
.pillar-title{font-family:'Poppins',sans-serif;font-weight:800;font-size:1.05rem;color:var(--gray-900);margin-bottom:10px;}
.pillar-desc{font-size:.84rem;line-height:1.7;color:var(--gray-500);margin-bottom:18px;}
.pillar-tags{display:flex;flex-wrap:wrap;gap:6px;}
.ptag{font-size:.67rem;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:.3px;font-family:'JetBrains Mono',monospace;}
.ptag-green{background:var(--green-pale);color:var(--green-dark);}
.ptag-orange{background:var(--orange-pale);color:var(--orange-dark);}
.ptag-blue{background:#dbeafe;color:#1d4ed8;}
.ptag-purple{background:#ede9fe;color:#4338ca;}
.ptag-gray{background:var(--gray-100);color:var(--gray-700);}

/* ARCHITECTURE */
.architecture{background:#fff;}
.arch-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.arch-diagram{
  background:var(--gray-900);border-radius:var(--radius-xl);padding:32px;
  box-shadow:var(--shadow-lg);position:relative;overflow:hidden;
}
.arch-diagram::before{
  content:'';position:absolute;inset:0;
  background-image:linear-gradient(rgba(40,167,69,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(40,167,69,.04) 1px,transparent 1px);
  background-size:24px 24px;
}
.arch-diagram-inner{position:relative;z-index:1;}
.arch-label{font-family:'JetBrains Mono',monospace;font-size:.68rem;font-weight:600;color:rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;}
.arch-layer{
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
  border-radius:12px;padding:14px 16px;margin-bottom:10px;
  display:flex;align-items:center;gap:12px;
  transition:background .2s;
}
.arch-layer:hover{background:rgba(40,167,69,.1);border-color:rgba(40,167,69,.25);}
.arch-layer-icon{font-size:1.1rem;flex-shrink:0;}
.arch-layer-name{font-family:'Poppins',sans-serif;font-weight:700;font-size:.85rem;color:#fff;flex:1;}
.arch-layer-tags{display:flex;gap:5px;flex-wrap:wrap;}
.at{font-size:.6rem;font-weight:700;padding:2px 7px;border-radius:10px;font-family:'JetBrains Mono',monospace;}
.at-green{background:rgba(40,167,69,.2);color:#80d499;border:1px solid rgba(40,167,69,.2);}
.at-orange{background:rgba(245,124,32,.2);color:#ffc68a;border:1px solid rgba(245,124,32,.2);}
.at-blue{background:rgba(59,130,246,.2);color:#93c5fd;border:1px solid rgba(59,130,246,.2);}
.at-purple{background:rgba(139,92,246,.2);color:#c4b5fd;border:1px solid rgba(139,92,246,.2);}
.arch-arrow{text-align:center;font-size:.7rem;color:rgba(255,255,255,.2);margin-bottom:10px;font-family:'JetBrains Mono',monospace;}

.arch-points{display:flex;flex-direction:column;gap:22px;}
.arch-point{display:flex;gap:14px;align-items:flex-start;}
.ap-num{
  width:36px;height:36px;border-radius:10px;flex-shrink:0;
  background:var(--green-pale);color:var(--green-dark);
  font-family:'Poppins',sans-serif;font-weight:800;font-size:.85rem;
  display:flex;align-items:center;justify-content:center;
  border:1.5px solid rgba(40,167,69,.2);
}
.ap-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:.9rem;color:var(--gray-900);margin-bottom:4px;}
.ap-desc{font-size:.82rem;line-height:1.65;color:var(--gray-500);}

/* APP TECH DEEP DIVE */
.apps-tech{background:var(--gray-900);color:#fff;}
.apps-tech-header{text-align:center;margin-bottom:52px;}
.apps-tech-header .section-title{color:#fff;}
.apps-tech-header .section-desc{color:rgba(255,255,255,.5);margin:0 auto;max-width:560px;}
.apps-tech-header .eyebrow{justify-content:center;color:#52c06e;}
.apps-tech-header .eyebrow::before{background:#52c06e;display:none;}
.apps-tech-tabs{display:flex;gap:0;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;margin-bottom:32px;}
.app-tab{
  flex:1;padding:14px;text-align:center;cursor:pointer;
  font-family:'Poppins',sans-serif;font-weight:700;font-size:.82rem;
  color:rgba(255,255,255,.4);background:transparent;border:none;
  transition:all .25s;display:flex;align-items:center;justify-content:center;gap:6px;
  border-right:1px solid rgba(255,255,255,.1);
}
.app-tab:last-child{border-right:none;}
.app-tab:hover{background:rgba(255,255,255,.05);color:rgba(255,255,255,.7);}
.app-tab.active{background:var(--green-main);color:#fff;}
.app-tab-icon{font-size:1rem;}
.app-panel{display:none;}
.app-panel.active{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;}
.app-panel-img{border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,.4);}
.app-panel-img img{width:100%;height:260px;object-fit:cover;display:block;}
.app-panel-content{display:flex;flex-direction:column;gap:18px;}
.apc-title{font-family:'Poppins',sans-serif;font-weight:800;font-size:1.2rem;color:#fff;}
.apc-desc{font-size:.85rem;line-height:1.7;color:rgba(255,255,255,.55);}
.apc-features{display:flex;flex-direction:column;gap:10px;}
.apcf{display:flex;align-items:flex-start;gap:10px;}
.apcf-dot{width:20px;height:20px;border-radius:6px;flex-shrink:0;background:rgba(40,167,69,.15);border:1px solid rgba(40,167,69,.25);display:flex;align-items:center;justify-content:center;margin-top:1px;font-size:.65rem;color:#52c06e;}
.apcf-text strong{display:block;font-size:.84rem;font-weight:700;color:#fff;margin-bottom:1px;}
.apcf-text span{font-size:.77rem;color:rgba(255,255,255,.45);line-height:1.45;}
.apc-tags{display:flex;flex-wrap:wrap;gap:7px;}

/* FEATURES DEEP */
.features{background:var(--gray-50);}
.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.feat-card{
  background:#fff;border-radius:var(--radius-lg);padding:28px;
  border:1.5px solid var(--gray-200);display:flex;gap:18px;align-items:flex-start;
  transition:box-shadow .25s,transform .25s;
}
.feat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);}
.feat-icon-wrap{
  width:50px;height:50px;border-radius:14px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:1.4rem;
}
.fi-g{background:var(--green-pale);}
.fi-o{background:var(--orange-pale);}
.fi-b{background:#eff6ff;}
.fi-p{background:#f5f3ff;}
.feat-title{font-family:'Poppins',sans-serif;font-weight:800;font-size:.95rem;color:var(--gray-900);margin-bottom:6px;}
.feat-desc{font-size:.82rem;line-height:1.65;color:var(--gray-500);}

/* TECH STACK VISUAL */
.stack{background:#fff;}
.stack-header{margin-bottom:44px;}
.stack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.stack-cat{background:var(--gray-50);border-radius:var(--radius-lg);padding:22px;border:1.5px solid var(--gray-200);}
.stack-cat-title{font-family:'Poppins',sans-serif;font-weight:800;font-size:.85rem;color:var(--gray-900);margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.stack-items{display:flex;flex-direction:column;gap:8px;}
.stack-item{
  background:#fff;border:1.5px solid var(--gray-200);border-radius:9px;
  padding:9px 12px;display:flex;align-items:center;gap:8px;
  font-family:'JetBrains Mono',monospace;font-size:.76rem;font-weight:600;color:var(--gray-700);
  transition:border-color .2s,color .2s;cursor:default;
}
.stack-item:hover{border-color:var(--green-main);color:var(--green-dark);}
.stack-item-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.sd-green{background:var(--green-main);}
.sd-orange{background:var(--orange);}
.sd-blue{background:#3b82f6;}
.sd-purple{background:#8b5cf6;}
.sd-teal{background:#14b8a6;}
.sd-gray{background:#94a3b8;}

/* SECURITY */
.security{
  background:linear-gradient(135deg,#030d06 0%,#061c0b 50%,#0a2e12 100%);
  padding:80px 24px;position:relative;overflow:hidden;
}
.security::before{
  content:'';position:absolute;inset:0;
  background-image:linear-gradient(rgba(40,167,69,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(40,167,69,.04) 1px,transparent 1px);
  background-size:32px 32px;
}
.security-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;}
.security-header{text-align:center;margin-bottom:52px;}
.security-header .section-title{color:#fff;}
.security-header .section-desc{color:rgba(255,255,255,.5);margin:0 auto;max-width:540px;}
.security-header .eyebrow{justify-content:center;color:#52c06e;}
.security-header .eyebrow::before{background:#52c06e;display:none;}
.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.sec-card{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius-lg);padding:28px;
  transition:background .25s,border-color .25s,transform .25s;
}
.sec-card:hover{background:rgba(40,167,69,.08);border-color:rgba(40,167,69,.2);transform:translateY(-3px);}
.sec-icon{
  width:52px;height:52px;border-radius:14px;
  background:rgba(40,167,69,.12);border:1px solid rgba(40,167,69,.2);
  display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:16px;
}
.sec-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:.95rem;color:#fff;margin-bottom:8px;}
.sec-desc{font-size:.82rem;line-height:1.65;color:rgba(255,255,255,.45);}
.sec-tag{display:inline-block;margin-top:12px;font-size:.65rem;font-weight:800;padding:3px 10px;border-radius:20px;background:rgba(40,167,69,.15);color:#80d499;border:1px solid rgba(40,167,69,.2);font-family:'JetBrains Mono',monospace;}

/* ROADMAP */
.roadmap{background:var(--gray-50);}
.roadmap-header{text-align:center;margin-bottom:52px;}
.roadmap-header .eyebrow{justify-content:center;}
.roadmap-header .eyebrow::before{display:none;}
.roadmap-header .section-desc{margin:0 auto;max-width:540px;}
.roadmap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;}
.roadmap-grid::before{
  content:'';position:absolute;top:28px;left:12.5%;right:12.5%;height:2px;
  background:linear-gradient(90deg,var(--green-main),var(--orange));z-index:0;
}
.rm-card{text-align:center;padding:0 16px;position:relative;z-index:1;}
.rm-dot{
  width:56px;height:56px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:1.3rem;
  margin:0 auto 18px;border:3px solid #fff;
}
.rm-done{background:var(--green-main);box-shadow:0 0 0 3px var(--green-main),var(--shadow-md);}
.rm-now{background:var(--orange);box-shadow:0 0 0 3px var(--orange),var(--shadow-md);}
.rm-next{background:var(--gray-200);box-shadow:0 0 0 3px var(--gray-200),var(--shadow-sm);}
.rm-label{display:inline-block;font-size:.65rem;font-weight:800;padding:3px 10px;border-radius:20px;margin-bottom:10px;letter-spacing:.4px;text-transform:uppercase;}
.rm-done-tag{background:var(--green-pale);color:var(--green-dark);}
.rm-now-tag{background:var(--orange-pale);color:var(--orange-dark);}
.rm-next-tag{background:var(--gray-200);color:var(--gray-500);}
.rm-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:.9rem;color:var(--gray-900);margin-bottom:8px;}
.rm-desc{font-size:.77rem;line-height:1.6;color:var(--gray-500);}

/* METRICS */
.tech-metrics{background:#fff;}
.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.met-card{
  border-radius:var(--radius-lg);padding:28px 22px;text-align:center;
  border:1.5px solid var(--gray-200);background:var(--gray-50);
  transition:box-shadow .25s,border-color .25s,transform .25s;
}
.met-card:hover{box-shadow:var(--shadow-md);border-color:var(--green-light);transform:translateY(-3px);}
.met-num{font-family:'Poppins',sans-serif;font-weight:900;font-size:2rem;color:var(--green-dark);line-height:1;margin-bottom:8px;}
.met-num em{color:var(--orange);font-style:normal;}
.met-label{font-size:.75rem;color:var(--gray-500);font-weight:600;text-transform:uppercase;letter-spacing:.4px;}

/* CTA */
.cta-section{background:linear-gradient(135deg,#0f3d1f,#1a5c2e);padding:80px 24px;text-align:center;}
.cta-section .section-title{color:#fff;margin-bottom:14px;}
.cta-section .section-desc{color:rgba(255,255,255,.7);margin:0 auto 36px;max-width:520px;}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.btn-orange{background:var(--orange);color:#fff;padding:14px 30px;border-radius:12px;font-weight:700;font-size:.95rem;text-decoration:none;}
.btn-orange:hover{background:var(--orange-dark);}
.btn-ghost{background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.3);color:#fff;padding:12px 28px;border-radius:12px;font-weight:700;font-size:.95rem;text-decoration:none;}
.btn-ghost:hover{background:rgba(255,255,255,.2);}

/* FOOTER */
footer{background:var(--gray-900);color:rgba(255,255,255,.55);padding:52px 24px 24px;}
.footer-inner{max-width:1200px;margin:0 auto;display:flex;gap:40px;flex-wrap:wrap;margin-bottom:36px;}
.footer-brand{flex:1.8;min-width:220px;}
.footer-logo-name{font-family:'Poppins',sans-serif;font-weight:800;font-size:1.2rem;color:#fff;}
.footer-logo-tag{font-size:.6rem;color:var(--orange);font-weight:700;letter-spacing:.6px;text-transform:uppercase;margin-bottom:12px;}
.footer-tagline{font-size:.81rem;line-height:1.7;max-width:250px;}
.footer-by{font-size:.7rem;margin-top:12px;color:rgba(255,255,255,.25);}
.footer-col{flex:1;min-width:130px;}
.footer-col h4{font-family:'Poppins',sans-serif;font-weight:700;font-size:.84rem;color:#fff;margin-bottom:14px;}
.footer-col a{display:block;font-size:.79rem;color:rgba(255,255,255,.4);text-decoration:none;margin-bottom:8px;transition:color .2s;}
.footer-col a:hover{color:var(--green-light);}
.footer-bottom{max-width:1200px;margin:0 auto;border-top:1px solid rgba(255,255,255,.07);padding-top:18px;font-size:.76rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}

/* RESPONSIVE */
@media(max-width:900px){
  .nav-links{display:none;}
  .hamburger{display:flex;}
  .pillars-grid{grid-template-columns:1fr 1fr;}
  .arch-grid{grid-template-columns:1fr;}
  .app-panel.active{grid-template-columns:1fr;}
  .apps-tech-tabs{flex-wrap:wrap;}
  .app-tab{flex:0 0 50%;}
  .features-grid{grid-template-columns:1fr;}
  .stack-grid{grid-template-columns:1fr 1fr;}
  .security-grid{grid-template-columns:1fr 1fr;}
  .roadmap-grid{grid-template-columns:1fr 1fr;gap:20px;}
  .roadmap-grid::before{display:none;}
  .metrics-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  section{padding:60px 20px ;}
  .pillars-grid{grid-template-columns:1fr;}
  .stack-grid{grid-template-columns:1fr;}
  .security-grid{grid-template-columns:1fr;}
  .metrics-grid{grid-template-columns:1fr 1fr;}
  .app-tab{flex:0 0 100%;}
}


/* === BLOG === */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --green-dark:#1a5c2e;--green-main:#28a745;--green-light:#52c06e;--green-pale:#e6f7ec;
  --orange:#f57c20;--orange-dark:#d96010;--orange-pale:#fff3e6;
  --gray-50:#f8fafb;--gray-100:#f1f3f5;--gray-200:#e2e8f0;
  --gray-500:#64748b;--gray-700:#374151;--gray-900:#0f1923;
  --shadow-sm:0 2px 8px rgba(0,0,0,.07);--shadow-md:0 6px 24px rgba(0,0,0,.10);--shadow-lg:0 16px 48px rgba(0,0,0,.14);
  --radius:14px;--radius-lg:22px;--radius-xl:32px;
}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;color:var(--gray-700);background:#fff;overflow-x:hidden;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(0,0,0,.07);backdrop-filter:blur(12px);}
.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.logo-img-wrap{width:44px;height:44px;border-radius:12px;background:var(--green-pale);display:flex;align-items:center;justify-content:center;font-size:22px;}
.logo-text-wrap .name{font-family:'Poppins',sans-serif;font-weight:800;font-size:1.2rem;color:var(--green-dark);line-height:1;}
.logo-text-wrap .tagline{font-size:.6rem;color:var(--orange);font-weight:700;letter-spacing:.6px;text-transform:uppercase;}
.nav-links{display:flex;gap:28px;list-style:none;}
.nav-links a{text-decoration:none;font-size:.87rem;font-weight:500;color:var(--gray-500);transition:color .2s;}
.nav-links a:hover,.nav-links a.active{color:var(--green-main);}
.nav-cta{background:var(--green-main);color:#fff;padding:9px 22px;border-radius:10px;font-size:.86rem;font-weight:700;text-decoration:none;white-space:nowrap;}
.nav-cta:hover{background:var(--green-dark);}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;border:none;background:none;}
.hamburger span{display:block;width:24px;height:2px;background:var(--gray-700);border-radius:2px;}
.mobile-menu{display:none;position:fixed;top:68px;left:0;right:0;z-index:999;background:#fff;border-bottom:1px solid var(--gray-200);padding:20px 24px;flex-direction:column;gap:16px;box-shadow:var(--shadow-md);}
.mobile-menu.open{display:flex;}
.mobile-menu a{text-decoration:none;font-size:1rem;font-weight:600;color:var(--gray-700);padding:8px 0;border-bottom:1px solid var(--gray-100);}
.mobile-menu a:last-child{border-bottom:none;}
.mobile-menu .m-cta{background:var(--green-main);color:#fff;padding:12px 20px;border-radius:10px;text-align:center;border-bottom:none;}

/* HERO */
.page-hero{padding:100px 24px 0;background:linear-gradient(160deg,#0b2e14 0%,#1a5c2e 50%,#0f3d1f 100%);position:relative;overflow:hidden;}
.page-hero-bg{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1610348725531-843dff563e2c?w=1600&q=70') center/cover no-repeat;opacity:.13;}
.page-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,40,18,.93) 0%,rgba(26,92,46,.82) 70%,rgba(0,0,0,.5) 100%);}
.page-hero-innerpartner{position:relative;z-index:2;max-width:1200px;margin:0 auto;text-align:center;padding:56px 0 64px;}
.hero-breadcrumbcontact{font-size:.72rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#80d499;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:6px;}
.hero-breadcrumbcontact a{color:rgba(255,255,255,.4);text-decoration:none;}
.hero-breadcrumbcontact a:hover{color:#80d499;}
.page-hero h1{font-family:'Poppins',sans-serif;font-weight:900;font-size:clamp(2rem,4.5vw,3.2rem);color:#fff;line-height:1.12;margin-bottom:14px;}
.page-hero h1 .accent{color:var(--orange);}
.page-hero-desc{font-size:1.02rem;line-height:1.8;color:rgba(255,255,255,.7);max-width:540px;margin:0 auto 28px;}
/* search bar */
.blog-search-wrap{max-width:500px;margin:0 auto 28px;display:flex;gap:0;border-radius:12px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.2);}
.blog-search{flex:1;padding:14px 20px;border:none;font-size:.9rem;font-family:'Inter',sans-serif;outline:none;color:var(--gray-900);}
.blog-search-btn{background:var(--orange);color:#fff;border:none;padding:0 22px;font-size:1rem;cursor:pointer;transition:background .2s;}
.blog-search-btn:hover{background:var(--orange-dark);}
.hero-cat-pills{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;}
.hero-cat{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.8);font-size:.75rem;font-weight:600;padding:6px 14px;border-radius:50px;cursor:pointer;transition:all .2s;}
.hero-cat:hover,.hero-cat.active{background:var(--green-main);border-color:var(--green-main);color:#fff;}
.hero-wave{line-height:0;position:relative;z-index:2;}
.hero-wave svg{display:block;width:100%;}

/* SHARED */
.section-inner{max-width:1200px;margin:0 auto;}
.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--orange);margin-bottom:10px;display:flex;align-items:center;gap:8px;}
.eyebrow::before{content:'';display:inline-block;width:20px;height:2px;background:var(--orange);border-radius:2px;}
.section-title{font-family:'Poppins',sans-serif;font-weight:800;font-size:clamp(1.6rem,3vw,2.2rem);color:var(--gray-900);line-height:1.2;margin-bottom:12px;}

/* FEATURED POST */
.featured{padding:70px 24px 50px;background:#fff;}
.featured-card{
  display:grid;grid-template-columns:1.1fr 1fr;gap:0;
  border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);
  border:1.5px solid var(--gray-200);
}
.fc-img{position:relative;overflow:hidden;}
.fc-img img{width:100%;height:100%;min-height:420px;object-fit:cover;display:block;transition:transform .5s;}
.featured-card:hover .fc-img img{transform:scale(1.04);}
.fc-img-overlay{position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.4));}
.fc-featured-badge{position:absolute;top:18px;left:18px;background:var(--orange);color:#fff;font-size:.68rem;font-weight:800;padding:5px 14px;border-radius:20px;letter-spacing:.5px;text-transform:uppercase;}
.fc-body{padding:44px 40px;display:flex;flex-direction:column;justify-content:center;background:#fff;}
.fc-cat{display:inline-block;font-size:.68rem;font-weight:800;padding:4px 12px;border-radius:20px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:14px;}
.cat-green{background:var(--green-pale);color:var(--green-dark);}
.cat-orange{background:var(--orange-pale);color:var(--orange-dark);}
.cat-blue{background:#dbeafe;color:#1d4ed8;}
.cat-purple{background:#ede9fe;color:#4338ca;}
.cat-teal{background:#ccfbf1;color:#0f766e;}
.fc-title{font-family:'Poppins',sans-serif;font-weight:800;font-size:1.5rem;color:var(--gray-900);line-height:1.25;margin-bottom:14px;}
.fc-excerpt{font-size:.9rem;line-height:1.78;color:var(--gray-500);margin-bottom:24px;}
.fc-meta{display:flex;align-items:center;gap:14px;margin-bottom:22px;}
.fc-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;color:#fff;}
.fc-author-name{font-weight:700;font-size:.84rem;color:var(--gray-900);}
.fc-date{font-size:.76rem;color:var(--gray-500);}
.fc-read-btn{display:inline-flex;align-items:center;gap:8px;background:var(--green-main);color:#fff;padding:12px 24px;border-radius:12px;font-weight:700;font-size:.87rem;text-decoration:none;transition:background .2s;align-self:flex-start;}
.fc-read-btn:hover{background:var(--green-dark);}

/* BLOG LAYOUT */
.blog-layout{padding:60px 24px 90px;background:var(--gray-50);}
.blog-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start;}

/* POSTS GRID */
.posts-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.post-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;border:1.5px solid var(--gray-200);box-shadow:var(--shadow-sm);transition:box-shadow .25s,transform .25s;display:flex;flex-direction:column;}
.post-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);}
.post-img{height:190px;overflow:hidden;position:relative;}
.post-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s;}
.post-card:hover .post-img img{transform:scale(1.06);}
.post-img-cat{position:absolute;top:12px;left:12px;}
.post-body{padding:20px;flex:1;display:flex;flex-direction:column;}
.post-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:.98rem;color:var(--gray-900);line-height:1.35;margin-bottom:8px;}
.post-excerpt{font-size:.8rem;line-height:1.65;color:var(--gray-500);flex:1;margin-bottom:14px;}
.post-meta{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--gray-100);}
.post-author-row{display:flex;align-items:center;gap:8px;}
.post-avatar{width:26px;height:26px;border-radius:50%;font-size:.65rem;font-weight:800;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.post-author-name{font-size:.75rem;font-weight:600;color:var(--gray-700);}
.post-date{font-size:.72rem;color:var(--gray-500);}
.post-read-more{font-size:.75rem;font-weight:700;color:var(--green-main);text-decoration:none;display:flex;align-items:center;gap:4px;}
.post-read-more:hover{color:var(--green-dark);}
.read-time-tag{font-size:.67rem;color:var(--gray-500);display:flex;align-items:center;gap:4px;}

/* Load more */
.load-more-wrap{text-align:center;margin-top:32px;}
.load-more-btn{background:#fff;border:1.5px solid var(--gray-200);color:var(--gray-700);padding:12px 32px;border-radius:12px;font-family:'Poppins',sans-serif;font-weight:700;font-size:.88rem;cursor:pointer;transition:all .2s;}
.load-more-btn:hover{border-color:var(--green-main);color:var(--green-main);background:var(--green-pale);}

/* SIDEBAR */
.sidebar{display:flex;flex-direction:column;gap:22px;}
.sb-card{background:#fff;border-radius:var(--radius-lg);padding:24px;border:1.5px solid var(--gray-200);box-shadow:var(--shadow-sm);}
.sb-title{font-family:'Poppins',sans-serif;font-weight:800;font-size:.95rem;color:var(--gray-900);margin-bottom:16px;display:flex;align-items:center;gap:8px;}

/* categories sidebar */
.sb-cats{display:flex;flex-direction:column;gap:8px;}
.sb-cat{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:9px;cursor:pointer;transition:background .2s;text-decoration:none;}
.sb-cat:hover{background:var(--green-pale);}
.sb-cat-left{display:flex;align-items:center;gap:9px;font-size:.84rem;font-weight:600;color:var(--gray-700);}
.sb-cat-icon{font-size:1rem;}
.sb-cat-count{font-size:.72rem;font-weight:700;background:var(--gray-100);color:var(--gray-500);padding:2px 9px;border-radius:20px;}

/* popular posts */
.sb-popular{display:flex;flex-direction:column;gap:14px;}
.sb-pop{display:flex;gap:12px;align-items:flex-start;text-decoration:none;}
.sb-pop:hover .sb-pop-title{color:var(--green-main);}
.sb-pop-img{width:60px;height:54px;border-radius:9px;overflow:hidden;flex-shrink:0;}
.sb-pop-img img{width:100%;height:100%;object-fit:cover;display:block;}
.sb-pop-title{font-size:.8rem;font-weight:700;color:var(--gray-900);line-height:1.35;margin-bottom:3px;transition:color .2s;}
.sb-pop-date{font-size:.7rem;color:var(--gray-500);}

/* newsletter */
.sb-newsletter{background:linear-gradient(135deg,var(--green-pale),#d4edda);border-color:rgba(40,167,69,.2);}
.sb-nl-desc{font-size:.82rem;color:var(--gray-600);line-height:1.6;margin-bottom:14px;}
.sb-nl-input{width:100%;padding:10px 14px;border:1.5px solid var(--gray-200);border-radius:9px;font-size:.84rem;font-family:'Inter',sans-serif;outline:none;margin-bottom:10px;transition:border-color .2s;}
.sb-nl-input:focus{border-color:var(--green-main);}
.sb-nl-btn{width:100%;padding:11px;background:var(--green-main);color:#fff;border:none;border-radius:9px;font-family:'Poppins',sans-serif;font-weight:700;font-size:.85rem;cursor:pointer;transition:background .2s;}
.sb-nl-btn:hover{background:var(--green-dark);}

/* tags cloud */
.tag-cloud{display:flex;flex-wrap:wrap;gap:8px;}
.tag-pill{font-size:.72rem;font-weight:600;padding:5px 12px;border-radius:20px;background:var(--gray-100);color:var(--gray-700);cursor:pointer;transition:all .2s;text-decoration:none;}
.tag-pill:hover{background:var(--green-main);color:#fff;}

/* NEWSLETTER STRIP */
.nl-strip{background:linear-gradient(135deg,var(--green-dark),#0f3d1f);padding:60px 24px;text-align:center;position:relative;overflow:hidden;}
.nl-strip::before{content:'';position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1512621776951-a57141f2eefd?w=1400&q=50') center/cover;opacity:.06;}
.nl-strip-inner{position:relative;z-index:1;max-width:580px;margin:0 auto;}
.nl-strip h2{font-family:'Poppins',sans-serif;font-weight:800;font-size:1.8rem;color:#fff;margin-bottom:10px;}
.nl-strip p{color:rgba(255,255,255,.65);font-size:.92rem;margin-bottom:26px;}
.nl-strip-form{display:flex;gap:0;border-radius:12px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.2);}
.nl-strip-input{flex:1;padding:14px 20px;border:none;font-size:.9rem;font-family:'Inter',sans-serif;outline:none;}
.nl-strip-btn{background:var(--orange);color:#fff;border:none;padding:0 26px;font-family:'Poppins',sans-serif;font-weight:700;font-size:.88rem;cursor:pointer;white-space:nowrap;transition:background .2s;}
.nl-strip-btn:hover{background:var(--orange-dark);}

/* FOOTER */
footer{background:var(--gray-900);color:rgba(255,255,255,.55);padding:52px 24px 24px;}
.footer-inner{max-width:1200px;margin:0 auto;display:flex;gap:40px;flex-wrap:wrap;margin-bottom:36px;}
.footer-brand{flex:1.8;min-width:220px;}
.footer-logo-name{font-family:'Poppins',sans-serif;font-weight:800;font-size:1.2rem;color:#fff;}
.footer-logo-tag{font-size:.6rem;color:var(--orange);font-weight:700;letter-spacing:.6px;text-transform:uppercase;margin-bottom:12px;}
.footer-tagline{font-size:.81rem;line-height:1.7;max-width:250px;}
.footer-by{font-size:.7rem;margin-top:12px;color:rgba(255,255,255,.25);}
.footer-col{flex:1;min-width:130px;}
.footer-col h4{font-family:'Poppins',sans-serif;font-weight:700;font-size:.84rem;color:#fff;margin-bottom:14px;}
.footer-col a{display:block;font-size:.79rem;color:rgba(255,255,255,.4);text-decoration:none;margin-bottom:8px;transition:color .2s;}
.footer-col a:hover{color:var(--green-light);}
.footer-bottom{max-width:1200px;margin:0 auto;border-top:1px solid rgba(255,255,255,.07);padding-top:18px;font-size:.76rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}

/* RESPONSIVE */
@media(max-width:1000px){.blog-inner{grid-template-columns:1fr;}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:18px;}}
@media(max-width:900px){
  .nav-links{display:none;}.hamburger{display:flex;}
  .featured-card{grid-template-columns:1fr;}
  .fc-img img{min-height:240px;}
  .posts-grid{grid-template-columns:1fr;}
}
@media(max-width:600px){
  .sidebar{grid-template-columns:1fr;}
  .fc-body{padding:26px 22px;}
}


/* === CONTACT === */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --green-dark:#1a5c2e; --green-main:#28a745; --green-light:#52c06e; --green-pale:#e6f7ec;
  --orange:#f57c20; --orange-dark:#d96010; --orange-pale:#fff3e6;
  --gray-50:#f8fafb; --gray-100:#f1f3f5; --gray-200:#e2e8f0;
  --gray-500:#64748b; --gray-700:#374151; --gray-900:#0f1923;
  --shadow-sm:0 2px 8px rgba(0,0,0,.07); --shadow-md:0 6px 24px rgba(0,0,0,.10); --shadow-lg:0 16px 48px rgba(0,0,0,.14);
  --radius:14px; --radius-lg:22px; --radius-xl:32px;
}
html { scroll-behavior:smooth; }
body { font-family:'Inter',sans-serif; color:var(--gray-700); background:#fff; overflow-x:hidden; }

/* NAV */
nav { position:fixed; top:0; left:0; right:0; z-index:1000; background:rgba(255,255,255,.96); border-bottom:1px solid rgba(0,0,0,.07); backdrop-filter:blur(12px); }
.nav-inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; padding:12px 24px; }
.logo { display:flex; align-items:center; gap:10px; text-decoration:none; }
.logo-img-wrap { width:44px; height:44px; border-radius:12px; background:var(--green-pale); display:flex; align-items:center; justify-content:center; font-size:22px; }
.logo-text-wrap .name { font-family:'Poppins',sans-serif; font-weight:800; font-size:1.2rem; color:var(--green-dark); line-height:1; }
.logo-text-wrap .tagline { font-size:.6rem; color:var(--orange); font-weight:700; letter-spacing:.6px; text-transform:uppercase; }
.nav-links { display:flex; gap:28px; list-style:none; }
.nav-links a { text-decoration:none; font-size:.87rem; font-weight:500; color:var(--gray-500); transition:color .2s; }
.nav-links a:hover,.nav-links a.active { color:var(--green-main); }
.nav-cta { background:var(--green-main); color:#fff; padding:9px 22px; border-radius:10px; font-size:.86rem; font-weight:700; text-decoration:none; transition:background .2s; white-space:nowrap; }
.nav-cta:hover { background:var(--green-dark); }
.hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:6px; border:none; background:none; }
.hamburger span { display:block; width:24px; height:2px; background:var(--gray-700); border-radius:2px; }
.mobile-menu { display:none; position:fixed; top:68px; left:0; right:0; z-index:999; background:#fff; border-bottom:1px solid var(--gray-200); padding:20px 24px; flex-direction:column; gap:16px; box-shadow:var(--shadow-md); }
.mobile-menu.open { display:flex; }
.mobile-menu a { text-decoration:none; font-size:1rem; font-weight:600; color:var(--gray-700); padding:8px 0; border-bottom:1px solid var(--gray-100); }
.mobile-menu a:last-child { border-bottom:none; }
.mobile-menu .m-cta { background:var(--green-main); color:#fff; padding:12px 20px; border-radius:10px; text-align:center; border-bottom:none; }

/* PAGE HERO */
.page-hero { padding:100px 24px 0; background:linear-gradient(160deg,#0b2e14 0%,#1a5c2e 50%,#0f3d1f 100%); position:relative; overflow:hidden; }
.page-hero-bg { position:absolute; inset:0; background:url('https://images.unsplash.com/photo-1557844352-761f2565b576?w=1600&q=70') center/cover no-repeat; opacity:.12; }
.page-hero-overlay { position:absolute; inset:0; background:linear-gradient(135deg,rgba(10,40,18,.94) 0%,rgba(26,92,46,.82) 70%,rgba(0,0,0,.5) 100%); }
.page-hero-innerblog { position:relative; z-index:2; max-width:1200px; margin:0 auto; text-align:center; padding:60px 0 70px; }
.hero-breadcrumbpartner { font-size:.72rem; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#80d499; margin-bottom:18px; display:flex; align-items:center; justify-content:center; gap:6px; }
.hero-breadcrumbpartner a { color:rgba(255,255,255,.4); text-decoration:none; }
.hero-breadcrumbpartner a:hover { color:#80d499; }
.page-hero h1 { font-family:'Poppins',sans-serif; font-weight:900; font-size:clamp(2rem,4.5vw,3.2rem); color:#fff; line-height:1.15; margin-bottom:16px; }
.page-hero h1 .accent { color:var(--orange); }
.page-hero-desc { font-size:1.05rem; line-height:1.8; color:rgba(255,255,255,.7); max-width:560px; margin:0 auto 28px; }
.hero-pillspartner { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.hero-pill { background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.2); color:rgba(255,255,255,.85); font-size:.78rem; font-weight:600; padding:7px 16px; border-radius:50px; }
.hero-wave { line-height:0; position:relative; z-index:2; }
.hero-wave svg { display:block; width:100%; }
/* Dark section (green gradient) */
.section-darkpartner {
  background: linear-gradient(135deg, #0b2e14 0%, var(--green-dark) 60%, #0f3d1f 100%);
  position: relative; overflow: hidden;
}
.section-darkpartner::before {
  content: ''; position: absolute; top: -150px; left: -150px;
  width: 500px; height: 500px; border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.05) 0%, transparent 65%);
}
.section-darkpartner::after {
  content: ''; position: absolute; bottom: -100px; right: -100px;
  width: 450px; height: 450px; border-radius: 50%;
  background: radial-gradient(circle, rgba(245,124,32,.10) 0%, transparent 65%);
}
.section-darkpartner .section-inner { position: relative; z-index: 2; }
.section-darkpartner .eyebrow, .section-dark .section-eyebrow { color: #a8e6b8; }
.section-darkpartner .eyebrow::before, .section-dark .section-eyebrow::before { background: #a8e6b8; }
.section-darkpartner .section-title { color: #fff; }
.section-darkpartner .section-desc { color: rgba(255,255,255,.65); }
/* SHARED */
section { padding:90px 24px; }
.section-inner { max-width:1200px; margin:0 auto; }
.eyebrow { font-size:.72rem; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; color:var(--orange); margin-bottom:10px; display:flex; align-items:center; gap:8px; }
.eyebrow::before { content:''; display:inline-block; width:20px; height:2px; background:var(--orange); border-radius:2px; }
.section-title { font-family:'Poppins',sans-serif; font-weight:800; font-size:clamp(1.7rem,3.5vw,2.3rem); color:var(--gray-900); line-height:1.2; margin-bottom:14px; }
.section-desc { font-size:.98rem; line-height:1.8; color:var(--gray-500); }

/* CONTACT CARDS ROW */
.contact-info { background:#fff; padding-top:70px; padding-bottom:50px; }
.contact-cards-row { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-bottom:0; }
.cc {
  border-radius:var(--radius-lg); padding:28px 22px; text-align:center;
  border:1.5px solid var(--gray-200); background:#fff;
  transition:box-shadow .25s,border-color .25s,transform .25s;
  position:relative; overflow:hidden;
}
.cc::before { content:''; position:absolute; top:0; left:0; right:0; height:4px; transform:scaleX(0); transform-origin:left; transition:transform .3s; }
.cc:hover { box-shadow:var(--shadow-md); transform:translateY(-4px); }
.cc:hover::before { transform:scaleX(1); }
.cc.green::before { background:var(--green-main); }
.cc.orange::before { background:var(--orange); }
.cc.blue::before { background:#3b82f6; }
.cc.purple::before { background:#8b5cf6; }
.cc-icon { width:56px; height:56px; border-radius:16px; margin:0 auto 16px; display:flex; align-items:center; justify-content:center; font-size:1.6rem; }
.cc-icon.gi { background:var(--green-pale); }
.cc-icon.oi { background:var(--orange-pale); }
.cc-icon.bi { background:#eff6ff; }
.cc-icon.pi { background:#f5f3ff; }
.cc-title { font-family:'Poppins',sans-serif; font-weight:800; font-size:.95rem; color:var(--gray-900); margin-bottom:6px; }
.cc-value { font-size:.88rem; font-weight:600; color:var(--green-main); margin-bottom:4px; }
.cc-value a { color:inherit; text-decoration:none; }
.cc-value a:hover { text-decoration:underline; }
.cc-sub { font-size:.75rem; color:var(--gray-500); line-height:1.5; }

/* MAIN CONTACT LAYOUT */
.contact-main { background:var(--gray-50); }
.contact-grid { display:grid; grid-template-columns:1fr 1.1fr; gap:48px; align-items:start; }

/* FORM */
.form-card { background:#fff; border-radius:var(--radius-xl); padding:40px; box-shadow:var(--shadow-md); border:1.5px solid var(--gray-200); }
.form-title { font-family:'Poppins',sans-serif; font-weight:800; font-size:1.3rem; color:var(--gray-900); margin-bottom:6px; }
.form-sub { font-size:.85rem; color:var(--gray-500); margin-bottom:28px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.form-group { margin-bottom:18px; }
.form-group label { display:block; font-size:.8rem; font-weight:700; color:var(--gray-700); margin-bottom:7px; letter-spacing:.2px; }
.form-group label .req { color:var(--orange); margin-left:2px; }
.form-control {
  width:100%; padding:12px 16px; border:1.5px solid var(--gray-200);
  border-radius:10px; font-size:.88rem; font-family:'Inter',sans-serif;
  color:var(--gray-900); background:#fff; outline:none;
  transition:border-color .2s, box-shadow .2s;
}
.form-control:focus { border-color:var(--green-main); box-shadow:0 0 0 3px rgba(40,167,69,.12); }
.form-control::placeholder { color:#b0bec5; }
select.form-control { cursor:pointer; }
textarea.form-control { resize:vertical; min-height:120px; }
.form-submit {
  width:100%; padding:14px; border:none; border-radius:12px;
  background:var(--green-main); color:#fff;
  font-family:'Poppins',sans-serif; font-weight:700; font-size:1rem;
  cursor:pointer; transition:background .2s, transform .15s;
  display:flex; align-items:center; justify-content:center; gap:8px;
}
.form-submit:hover { background:var(--green-dark); transform:translateY(-1px); }
.form-note { font-size:.74rem; color:var(--gray-500); text-align:center; margin-top:12px; }

/* SIDEBAR INFO */
.contact-sidebar { display:flex; flex-direction:column; gap:20px; }
.sidebar-card { background:#fff; border-radius:var(--radius-lg); padding:26px; border:1.5px solid var(--gray-200); box-shadow:var(--shadow-sm); }
.sidebar-card-title { font-family:'Poppins',sans-serif; font-weight:800; font-size:1rem; color:var(--gray-900); margin-bottom:16px; display:flex; align-items:center; gap:8px; }
.query-types { display:flex; flex-direction:column; gap:12px; }
.qt { display:flex; align-items:flex-start; gap:12px; padding:12px; border-radius:10px; background:var(--gray-50); border:1.5px solid var(--gray-100); cursor:pointer; transition:all .2s; text-decoration:none; }
.qt:hover { border-color:var(--green-main); background:var(--green-pale); }
.qt-icon { width:36px; height:36px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:1rem; flex-shrink:0; }
.qt-icon.gi { background:var(--green-pale); }
.qt-icon.oi { background:var(--orange-pale); }
.qt-icon.bi { background:#eff6ff; }
.qt-icon.pi { background:#f5f3ff; }
.qt-title { font-weight:700; font-size:.83rem; color:var(--gray-900); margin-bottom:2px; }
.qt-desc { font-size:.74rem; color:var(--gray-500); line-height:1.45; }

.hours-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.hour-item { padding:10px 12px; background:var(--gray-50); border-radius:10px; border:1px solid var(--gray-200); }
.hour-day { font-size:.72rem; font-weight:700; color:var(--gray-700); text-transform:uppercase; letter-spacing:.4px; }
.hour-time { font-size:.82rem; color:var(--green-main); font-weight:600; margin-top:2px; }
.hour-time.closed { color:#ef4444; }

.response-time { display:flex; align-items:center; gap:12px; padding:14px; background:var(--green-pale); border-radius:10px; border:1px solid rgba(40,167,69,.2); }
.rt-icon { font-size:1.4rem; }
.rt-text strong { display:block; font-weight:700; font-size:.85rem; color:var(--green-dark); }
.rt-text span { font-size:.75rem; color:var(--gray-500); }

/* PARTNER INQUIRY */
.partner { background:#fff; }
.partner-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.partner-card {
  border-radius:var(--radius-lg); overflow:hidden;
  box-shadow:var(--shadow-sm); border:1.5px solid var(--gray-200);
  transition:box-shadow .25s, transform .25s;
}
.partner-card:hover { box-shadow:var(--shadow-lg); transform:translateY(-4px); }
.partner-img { height:160px; overflow:hidden; }
.partner-img img { width:100%; height:100%; object-fit:cover; transition:transform .4s; display:block; }
.partner-card:hover .partner-img img { transform:scale(1.06); }
.partner-body { padding:22px; }
.partner-badge { display:inline-block; font-size:.62rem; font-weight:800; padding:3px 10px; border-radius:20px; letter-spacing:.4px; text-transform:uppercase; margin-bottom:10px; }
.pb-green { background:var(--green-pale); color:var(--green-dark); }
.pb-orange { background:var(--orange-pale); color:var(--orange-dark); }
.pb-blue { background:#dbeafe; color:#1d4ed8; }
.partner-title { font-family:'Poppins',sans-serif; font-weight:800; font-size:1rem; color:var(--gray-900); margin-bottom:8px; }
.partner-desc { font-size:.82rem; line-height:1.65; color:var(--gray-500); margin-bottom:16px; }
.partner-perks { list-style:none; display:flex; flex-direction:column; gap:5px; margin-bottom:18px; }
.partner-perks li { font-size:.78rem; color:var(--gray-700); display:flex; align-items:center; gap:7px; }
.partner-perks li::before { content:'✓'; color:var(--green-main); font-weight:800; flex-shrink:0; }
.partner-btn { display:inline-block; background:var(--green-main); color:#fff; padding:9px 20px; border-radius:10px; font-size:.8rem; font-weight:700; text-decoration:none; transition:background .2s; }
.partner-btn:hover { background:var(--green-dark); }
.partner-btn.orange { background:var(--orange); }
.partner-btn.orange:hover { background:var(--orange-dark); }
.partner-btn.blue { background:#3b82f6; }
.partner-btn.blue:hover { background:#1d4ed8; }

/* FAQ */
.faq { background:var(--gray-50); }
.faq-header { text-align:center; margin-bottom:48px; }
.faq-header .eyebrow { justify-content:center; }
.faq-header .eyebrow::before { display:none; }
.faq-grid { display:grid; grid-template-columns:1fr; gap:16px; }
.faq-item { background:#fff; border-radius:var(--radius); border:1.5px solid var(--gray-200); overflow:hidden; }
.faq-q { padding:18px 20px; font-family:'Poppins',sans-serif; font-weight:700; font-size:.9rem; color:var(--gray-900); cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:12px; user-select:none; }
.faq-q:hover { background:var(--gray-50); }
.faq-arrow { font-size:.7rem; color:var(--gray-500); transition:transform .25s; flex-shrink:0; }
.faq-item.open .faq-arrow { transform:rotate(180deg); }
.faq-a { display:none; padding:0 20px 18px; font-size:.84rem; line-height:1.7; color:var(--gray-500); }
.faq-item.open .faq-a { display:block; }

/* MAP PLACEHOLDER */
.map-section { background:#fff; padding:70px 24px; }
.map-inner { max-width:1200px; margin:0 auto; }
.map-wrap { border-radius:var(--radius-xl); overflow:hidden; box-shadow:var(--shadow-lg); height:360px; position:relative; }
.map-placeholder { width:100%; height:100%; background:linear-gradient(135deg,var(--green-pale),#d4edda); display:flex; align-items:center; justify-content:center; flex-direction:column; gap:12px; }
.map-pin { font-size:3rem; }
.map-text { font-family:'Poppins',sans-serif; font-weight:700; font-size:1.1rem; color:var(--green-dark); }
.map-sub { font-size:.85rem; color:var(--gray-500); }

/* CTA */
.cta-section { background:linear-gradient(135deg,#0f3d1f,#1a5c2e); padding:80px 24px; text-align:center; }
.cta-section .section-title { color:#fff; margin-bottom:14px; }
.cta-section .section-desc { color:rgba(255,255,255,.7); margin:0 auto 36px; max-width:520px; }
.cta-btns { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
.btn-orange { background:var(--orange); color:#fff; padding:14px 30px; border-radius:12px; font-weight:700; font-size:.95rem; text-decoration:none; transition:background .2s; }
.btn-orange:hover { background:var(--orange-dark); }
.btn-ghost { background:rgba(255,255,255,.12); border:1.5px solid rgba(255,255,255,.3); color:#fff; padding:12px 28px; border-radius:12px; font-weight:700; font-size:.95rem; text-decoration:none; }
.btn-ghost:hover { background:rgba(255,255,255,.2); }

/* FOOTER */
footer { background:var(--gray-900); color:rgba(255,255,255,.55); padding:52px 24px 24px; }
.footer-inner { max-width:1200px; margin:0 auto; display:flex; gap:40px; flex-wrap:wrap; margin-bottom:36px; }
.footer-brand { flex:1.8; min-width:220px; }
.footer-logo-name { font-family:'Poppins',sans-serif; font-weight:800; font-size:1.2rem; color:#fff; }
.footer-logo-tag { font-size:.6rem; color:var(--orange); font-weight:700; letter-spacing:.6px; text-transform:uppercase; margin-bottom:12px; }
.footer-tagline { font-size:.81rem; line-height:1.7; max-width:250px; }
.footer-by { font-size:.7rem; margin-top:12px; color:rgba(255,255,255,.25); }
.footer-col { flex:1; min-width:130px; }
.footer-col h4 { font-family:'Poppins',sans-serif; font-weight:700; font-size:.84rem; color:#fff; margin-bottom:14px; }
.footer-col a { display:block; font-size:.79rem; color:rgba(255,255,255,.4); text-decoration:none; margin-bottom:8px; transition:color .2s; }
.footer-col a:hover { color:var(--green-light); }
.footer-bottom { max-width:1200px; margin:0 auto; border-top:1px solid rgba(255,255,255,.07); padding-top:18px; font-size:.76rem; display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; }

/* RESPONSIVE */
@media (max-width:900px) {
  .nav-links { display:none; }
  .hamburger { display:flex; }
  .contact-cards-row { grid-template-columns:1fr 1fr; }
  .contact-grid { grid-template-columns:1fr; }
  .partner-grid { grid-template-columns:1fr 1fr; }
  .faq-grid { grid-template-columns:1fr; }
}
@media (max-width:600px) {
  section { padding:60px 20px; }
  .contact-cards-row { grid-template-columns:1fr 1fr; }
  .partner-grid { grid-template-columns:1fr; }
  .form-row { grid-template-columns:1fr; }
  .hours-grid { grid-template-columns:1fr; }
}


/* === INVESTORS === */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --green-dark:#1a5c2e;--green-main:#28a745;--green-light:#52c06e;--green-pale:#e6f7ec;
  --orange:#f57c20;--orange-dark:#d96010;--orange-pale:#fff3e6;
  --white:#ffffff;
  --gray-50:#f8fafb;--gray-100:#f1f3f5;--gray-200:#e2e8f0;
  --gray-500:#64748b;--gray-700:#374151;--gray-900:#0f1923;
  --shadow-sm:0 2px 8px rgba(0,0,0,.07);--shadow-md:0 6px 24px rgba(0,0,0,.10);--shadow-lg:0 16px 48px rgba(0,0,0,.14);
  --radius:14px;--radius-lg:22px;--radius-xl:32px;
}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;color:var(--gray-700);background:#fff;overflow-x:hidden;}

/* ── NAV ── */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(0,0,0,.07);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.logo-img-wrap{width:44px;height:44px;border-radius:12px;overflow:hidden;border:2px solid var(--green-pale);background:var(--green-pale);display:flex;align-items:center;justify-content:center;font-size:22px;}
.logo-text-wrap .name{font-family:'Poppins',sans-serif;font-weight:800;font-size:1.2rem;color:var(--green-dark);line-height:1;}
.logo-text-wrap .tagline{font-size:.6rem;color:var(--orange);font-weight:700;letter-spacing:.6px;text-transform:uppercase;}
.nav-links{display:flex;gap:28px;list-style:none;}
.nav-links a{text-decoration:none;font-size:.87rem;font-weight:500;color:var(--gray-500);transition:color .2s;}
.nav-links a:hover,.nav-links a.active{color:var(--green-main);}
.nav-cta{background:var(--green-main);color:#fff;padding:9px 22px;border-radius:10px;font-size:.86rem;font-weight:700;text-decoration:none;transition:background .2s;white-space:nowrap;}
.nav-cta:hover{background:var(--green-dark);}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;border:none;background:none;}
.hamburger span{display:block;width:24px;height:2px;background:var(--gray-700);border-radius:2px;}
.mobile-menu{display:none;position:fixed;top:68px;left:0;right:0;z-index:999;background:#fff;border-bottom:1px solid var(--gray-200);padding:20px 24px;flex-direction:column;gap:16px;box-shadow:var(--shadow-md);}
.mobile-menu.open{display:flex;}
.mobile-menu a{text-decoration:none;font-size:1rem;font-weight:600;color:var(--gray-700);padding:8px 0;border-bottom:1px solid var(--gray-100);}
.mobile-menu a:last-child{border-bottom:none;}
.mobile-menu .m-cta{background:var(--green-main);color:#fff;padding:12px 20px;border-radius:10px;text-align:center;border-bottom:none;}

/* ── PAGE HERO ── */
.page-hero{
  padding:100px 24px 0;
  background:linear-gradient(160deg,#0b2e14 0%,#1a5c2e 50%,#0f3d1f 100%);
  position:relative;overflow:hidden;
}
.page-hero-bg{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1611974789855-9c2a0a7236a3?w=1600&q=70') center/cover no-repeat;opacity:.12;}
.page-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,40,18,.94) 0%,rgba(26,92,46,.82) 70%,rgba(0,0,0,.5) 100%);}
.page-hero-innercontact{position:relative;z-index:2;max-width:1200px;margin:0 auto;text-align:center;padding:60px 0 70px;}
.hero-breadcrumbblog{font-size:.72rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#80d499;margin-bottom:18px;display:flex;align-items:center;justify-content:center;gap:6px;}
.hero-breadcrumbblog a{color:rgba(255,255,255,.4);text-decoration:none;}
.hero-breadcrumbblog a:hover{color:#80d499;}
.hero-breadcrumbblog span{color:rgba(255,255,255,.25);}
.page-hero h1{font-family:'Poppins',sans-serif;font-weight:900;font-size:clamp(2rem,4.5vw,3.2rem);color:#fff;line-height:1.15;margin-bottom:16px;}
.page-hero h1 .accent{color:var(--orange);}
.page-hero-desc{font-size:1.05rem;line-height:1.8;color:rgba(255,255,255,.7);max-width:580px;margin:0 auto 32px;}
.hero-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:0;}
.hero-pill{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.85);font-size:.78rem;font-weight:600;padding:7px 16px;border-radius:50px;}
.hero-wave{line-height:0;position:relative;z-index:2;}
.hero-wave svg{display:block;width:100%;}

/* ── SHARED ── */
section{padding:90px 24px;}
.section-inner{max-width:1200px;margin:0 auto;}
.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--orange);margin-bottom:10px;display:flex;align-items:center;gap:8px;}
.eyebrow::before{content:'';display:inline-block;width:20px;height:2px;background:var(--orange);border-radius:2px;}
.section-title{font-family:'Poppins',sans-serif;font-weight:800;font-size:clamp(1.7rem,3.5vw,2.4rem);color:var(--gray-900);line-height:1.2;margin-bottom:14px;}
.section-desccontact{font-size:.98rem;line-height:1.8;color:var(--gray-500);}

/* ── KEY METRICS BAR ── */
.metrics-bar{background:#fff;border-bottom:1px solid var(--gray-200);}
.metrics-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:center;flex-wrap:wrap;}
.metric{flex:1;min-width:140px;text-align:center;padding:28px 20px;border-right:1px solid var(--gray-200);transition:background .2s;}
.metric:last-child{border-right:none;}
.metric:hover{background:var(--gray-50);}
.metric-num{font-family:'Poppins',sans-serif;font-weight:800;font-size:1.9rem;color:var(--green-dark);line-height:1;}
.metric-num em{color:var(--orange);font-style:normal;}
.metric-label{font-size:.72rem;color:var(--gray-500);margin-top:4px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;}

/* ── OPPORTUNITY ── */
.opportunity{background:var(--gray-50);}
.opp-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.opp-visual{position:relative;}
.opp-img-wrap{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);}
.opp-img-wrap img{width:100%;height:420px;object-fit:cover;display:block;}
.opp-badge{
  position:absolute;bottom:20px;left:20px;right:20px;
  background:rgba(255,255,255,.95);border-radius:var(--radius);
  padding:16px 18px;display:flex;gap:14px;align-items:center;
  box-shadow:var(--shadow-md);backdrop-filter:blur(8px);
}
.opp-badge-icon{font-size:2.2rem;}
.opp-badge-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:.95rem;color:var(--gray-900);}
.opp-badge-sub{font-size:.75rem;color:var(--green-main);font-weight:600;}

.opp-content{}
.opp-checks{list-style:none;margin:22px 0 28px;display:flex;flex-direction:column;gap:12px;}
.opp-checks li{display:flex;align-items:flex-start;gap:12px;font-size:.9rem;color:var(--gray-700);line-height:1.55;}
.opp-check-icon{
  width:22px;height:22px;border-radius:50%;background:var(--green-pale);border:2px solid var(--green-main);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;font-size:.65rem;color:var(--green-main);font-weight:900;
}
.opp-btns{display:flex;gap:12px;flex-wrap:wrap;}
.btn-primary{background:var(--green-main);color:#fff;padding:12px 26px;border-radius:12px;font-weight:700;font-size:.9rem;text-decoration:none;transition:background .2s,transform .15s;display:inline-block;}
.btn-primary:hover{background:var(--green-dark);transform:translateY(-2px);}
.btn-outline{border:2px solid var(--gray-200);color:var(--gray-700);background:#fff;padding:10px 24px;border-radius:12px;font-weight:700;font-size:.9rem;text-decoration:none;transition:all .2s;display:inline-block;}
.btn-outline:hover{border-color:var(--green-main);color:var(--green-main);}

/* ── WHY INVEST ── */
.why-invest{background:#fff;}
.wi-header{text-align:center;margin-bottom:52px;}
.wi-header .eyebrow{justify-content:center;}
.wi-header .eyebrow::before{display:none;}
.wi-header .section-desc{max-width:560px;margin:0 auto;}
.wi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.wi-card{
  border-radius:var(--radius-lg);padding:30px 26px;
  border:1.5px solid var(--gray-200);background:#fff;
  position:relative;overflow:hidden;
  transition:box-shadow .25s,border-color .25s,transform .25s;
}
.wi-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.wi-card.green::before{background:var(--green-main);}
.wi-card.orange::before{background:var(--orange);}
.wi-card.blue::before{background:#3b82f6;}
.wi-card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300);transform:translateY(-4px);}
.wi-card:hover::before{transform:scaleX(1);}
.wi-icon{font-size:2.2rem;margin-bottom:16px;}
.wi-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:1rem;color:var(--gray-900);margin-bottom:8px;}
.wi-desc{font-size:.85rem;line-height:1.65;color:var(--gray-500);}

/* ── REVENUE MODEL ── */
.revenue{background:var(--gray-50);}
.rev-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px;}
.rev-card{
  background:#fff;border-radius:var(--radius-lg);padding:26px 20px;
  border:1.5px solid var(--gray-200);text-align:center;
  transition:box-shadow .25s,transform .25s;
  position:relative;overflow:hidden;
}
.rev-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);}
.rev-card-top{height:4px;position:absolute;top:0;left:0;right:0;border-radius:4px 4px 0 0;}
.rc-t1{background:linear-gradient(90deg,var(--green-main),var(--green-light));}
.rc-t2{background:linear-gradient(90deg,var(--orange),#f9a462);}
.rc-t3{background:linear-gradient(90deg,#3b82f6,#60a5fa);}
.rc-t4{background:linear-gradient(90deg,#8b5cf6,#a78bfa);}
.rev-icon{font-size:2rem;margin:8px 0 14px;}
.rev-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:.92rem;color:var(--gray-900);margin-bottom:6px;}
.rev-desc{font-size:.78rem;line-height:1.6;color:var(--gray-500);}
.rev-tag{display:inline-block;margin-top:12px;font-size:.66rem;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:.4px;text-transform:uppercase;}
.rt-green{background:var(--green-pale);color:var(--green-dark);border:1px solid rgba(40,167,69,.2);}
.rt-orange{background:var(--orange-pale);color:var(--orange-dark);border:1px solid rgba(245,124,32,.2);}
.rt-blue{background:#eff6ff;color:#1d4ed8;border:1px solid rgba(59,130,246,.2);}
.rt-purple{background:#f5f3ff;color:#6d28d9;border:1px solid rgba(139,92,246,.2);}

/* ── TRACTION ── */
.traction{
  background:linear-gradient(135deg,var(--green-dark) 0%,#0f4020 100%);
  position:relative;overflow:hidden;
}
.traction::before{content:'';position:absolute;top:-120px;right:-120px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 65%);}
.traction::after{content:'';position:absolute;bottom:-80px;left:-80px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(245,124,32,.12) 0%,transparent 65%);}
.traction .section-inner{position:relative;z-index:2;}
.traction-header{text-align:center;margin-bottom:52px;}
.traction-header .eyebrow{justify-content:center;color:#80d499;}
.traction-header .eyebrow::before{background:#80d499;}
.traction-header .section-title{color:#fff;}
.traction-header .section-desc{color:rgba(255,255,255,.65);max-width:520px;margin:0 auto;}
.traction-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.traction-stat{
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);
  border-radius:var(--radius-lg);padding:28px 20px;text-align:center;
  backdrop-filter:blur(8px);transition:background .2s,transform .2s;
}
.traction-stat:hover{background:rgba(255,255,255,.13);transform:translateY(-4px);}
.ts-num{font-family:'Poppins',sans-serif;font-weight:800;font-size:2rem;color:#fff;line-height:1;}
.ts-num em{color:var(--orange);font-style:normal;}
.ts-label{font-size:.72rem;color:rgba(255,255,255,.55);margin-top:6px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;}
.ts-icon{font-size:1.6rem;margin-bottom:10px;}

/* ── ROADMAP ── */
/*.roadmap{background:#fff;}*/
/*.roadmap-header{text-align:center;margin-bottom:56px;}*/
/*.roadmap-header .eyebrow{justify-content:center;}*/
/*.roadmap-header .eyebrow::before{display:none;}*/
/*.roadmap-header .section-desc{max-width:540px;margin:0 auto;}*/
/*.rm-track{position:relative;max-width:900px;margin:0 auto;}*/
/*.rm-track::before{*/
/*  content:'';position:absolute;left:50%;top:32px;bottom:32px;width:2px;*/
/*  background:linear-gradient(180deg,var(--green-main),var(--orange));*/
/*  transform:translateX(-50%);z-index:0;*/
/*}*/
/*@media (min-width: 901px) {*/
/*  .rm-side {*/
/*    display: none;*/
/*  }*/
  
/*  .rm-content {*/
/*    flex: 1;*/
/*    max-width: calc(50% - 48px);*/
/*  }*/
  
/*  .rm-item:nth-child(odd) {*/
/*    flex-direction: row-reverse;*/
/*  }*/
  
/*  .rm-item:nth-child(odd) .rm-content {*/
/*    text-align: right;*/
/*  }*/
  
/*  .rm-item:nth-child(even) .rm-content {*/
/*    text-align: left;*/
/*  }*/
/*}*/
/*.rm-item{display:flex;gap:32px;align-items:flex-start;margin-bottom:40px;position:relative;z-index:1;}*/
/*.rm-item:nth-child(odd){flex-direction:row;}*/
/*.rm-item:nth-child(even){flex-direction:row-reverse;}*/
/*.rm-item:last-child{margin-bottom:0;}*/
/*.rm-side{flex:1;text-align:right;}*/
/*.rm-item:nth-child(even) .rm-side{text-align:left;}*/
/*.rm-node{*/
/*  flex:0 0 64px;width:64px;height:64px;border-radius:50%;*/
/*  background:linear-gradient(135deg,var(--green-main),var(--green-dark));*/
/*  border:4px solid #fff;box-shadow:0 0 0 3px var(--green-main),var(--shadow-md);*/
/*  display:flex;align-items:center;justify-content:center;font-size:1.4rem;*/
/*  flex-shrink:0;*/
/*}*/
/*.rm-item:nth-child(even) .rm-node{background:linear-gradient(135deg,var(--orange),var(--orange-dark));box-shadow:0 0 0 3px var(--orange),var(--shadow-md);}*/
/*.rm-item.done .rm-node{background:linear-gradient(135deg,#52c06e,var(--green-main));}*/
/*.rm-content{flex:1;}*/
/*.rm-item:nth-child(even) .rm-content{}*/
/*.rm-period{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--orange);margin-bottom:6px;}*/
/*.rm-item:nth-child(odd) .rm-side .rm-period{text-align:right;}*/
/*.rm-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:.98rem;color:var(--gray-900);margin-bottom:5px;}*/
/*.rm-desc{font-size:.8rem;line-height:1.6;color:var(--gray-500);}*/
/*.rm-done-badge{display:inline-block;font-size:.62rem;font-weight:700;padding:2px 9px;border-radius:20px;background:var(--green-pale);color:var(--green-dark);border:1px solid rgba(40,167,69,.25);margin-top:6px;}*/

/* ── ROADMAP ── */
.roadmap { background: var(--gray-50); }
.roadmap-header { text-align: center; margin-bottom: 56px; }
.roadmap-header .eyebrow { justify-content: center; }
.roadmap-header .eyebrow::before { display: none; }
.roadmap-header .section-desc { margin: 0 auto; max-width: 540px; }

.rm-track {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
}
.rm-track::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 32px;
  bottom: 32px;
  width: 2px;
  background: linear-gradient(180deg, var(--green-main), var(--orange));
  transform: translateX(-50%);
  z-index: 0;
}

.rm-item {
  display: flex;
  align-items: flex-start;
  gap: 0;
  margin-bottom: 48px;
  position: relative;
  z-index: 1;
}

/* Content block */
.rm-content {
  flex: 1;
  padding: 0 32px;
}

/* Spacer — mirrors content on the empty side */
.rm-spacer {
  flex: 1;
}

/* Node circle — stays centered */
.rm-node {
  flex: 0 0 64px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--green-main), var(--green-dark));
  border: 4px solid #fff;
  box-shadow: 0 0 0 3px var(--green-main), var(--shadow-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
}

/* Odd items: content LEFT, spacer RIGHT — text aligns right */
.rm-item:nth-child(odd) .rm-content {
  text-align: right;
  order: 1;
}
.rm-item:nth-child(odd) .rm-node {
  order: 2;
}
.rm-item:nth-child(odd) .rm-spacer {
  order: 3;
}

/* Even items: spacer LEFT, node CENTER, content RIGHT — text aligns left */
.rm-item:nth-child(even) .rm-spacer {
  order: 1;
}
.rm-item:nth-child(even) .rm-node {
  order: 2;
  background: linear-gradient(135deg, var(--orange), var(--orange-dark));
  box-shadow: 0 0 0 3px var(--orange), var(--shadow-md);
}
.rm-item:nth-child(even) .rm-content {
  text-align: left;
  order: 3;
}

.rm-period {
  font-size: .68rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .8px;
  color: var(--orange);
  margin-bottom: 6px;
}
.rm-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: .98rem;
  color: var(--gray-900);
  margin-bottom: 5px;
}
.rm-desc {
  font-size: .8rem;
  line-height: 1.6;
  color: var(--gray-500);
}
.rm-done-badge {
  display: inline-block;
  font-size: .62rem;
  font-weight: 700;
  padding: 2px 9px;
  border-radius: 20px;
  background: var(--green-pale);
  color: var(--green-dark);
  border: 1px solid rgba(40,167,69,.25);
  margin-top: 6px;
}

/* ── MOBILE ── */
@media (max-width: 900px) {
  .rm-track::before { left: 32px; }

  .rm-item {
    padding-left: 80px;
    flex-direction: column !important;
  }

  .rm-node {
    position: absolute;
    left: 0;
    top: 0;
    order: 1 !important;
  }

  .rm-content {
    text-align: left !important;
    padding: 0;
    order: 2 !important;
  }

  .rm-spacer {
    display: none;
  }
}

/* ── PITCH DECK / DOCS ── */
.docs{background:var(--gray-50);}
.docs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px;}
.doc-card{
  background:#fff;border-radius:var(--radius-lg);padding:28px 24px;
  border:1.5px solid var(--gray-200);
  display:flex;flex-direction:column;gap:14px;
  transition:box-shadow .25s,transform .25s;
}
.doc-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);}
.doc-icon-wrap{
  width:52px;height:52px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;font-size:1.6rem;
}
.di-green{background:var(--green-pale);}
.di-orange{background:var(--orange-pale);}
.di-blue{background:#eff6ff;}
.doc-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:.98rem;color:var(--gray-900);}
.doc-desc{font-size:.82rem;line-height:1.6;color:var(--gray-500);flex:1;}
.doc-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 18px;border-radius:10px;font-weight:700;font-size:.8rem;
  text-decoration:none;align-self:flex-start;transition:all .2s;
}
.doc-btn-green{background:var(--green-pale);color:var(--green-dark);}
.doc-btn-green:hover{background:var(--green-main);color:#fff;}
.doc-btn-orange{background:var(--orange-pale);color:var(--orange-dark);}
.doc-btn-orange:hover{background:var(--orange);color:#fff;}
.doc-btn-blue{background:#eff6ff;color:#1d4ed8;}
.doc-btn-blue:hover{background:#3b82f6;color:#fff;}

/* ── CONTACT / CTA ── */
.inv-cta{
  background:linear-gradient(135deg,#0b2e14 0%,var(--green-dark) 60%,#0f3d1f 100%);
  position:relative;overflow:hidden;
}
.inv-cta::before{content:'';position:absolute;top:-150px;left:-150px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 65%);}
.inv-cta::after{content:'';position:absolute;bottom:-100px;right:-100px;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(245,124,32,.10) 0%,transparent 65%);}
.inv-cta .section-inner{position:relative;z-index:2;text-align:center;}
.inv-cta .eyebrow{justify-content:center;color:#a8e6b8;}
.inv-cta .eyebrow::before{background:#a8e6b8;}
.inv-cta .section-title{color:#fff;margin-bottom:14px;}
.inv-cta .section-desc{color:rgba(255,255,255,.65);max-width:520px;margin:0 auto 36px;}
.cta-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:780px;margin:0 auto 36px;}
.cta-contact-card{
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);
  border-radius:var(--radius-lg);padding:22px 18px;text-align:center;
  backdrop-filter:blur(8px);
}
.ccc-icon{font-size:1.8rem;margin-bottom:10px;}
.ccc-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:rgba(255,255,255,.45);margin-bottom:5px;}
.ccc-val{font-size:.88rem;font-weight:600;color:#fff;}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.btn-cta-primary{background:var(--orange);color:#fff;padding:14px 32px;border-radius:12px;font-weight:700;font-size:1rem;text-decoration:none;transition:background .2s,transform .15s;box-shadow:0 4px 20px rgba(245,124,32,.4);}
.btn-cta-primary:hover{background:var(--orange-dark);transform:translateY(-2px);}
.btn-cta-outline{border:2px solid rgba(255,255,255,.35);color:#fff;padding:12px 30px;border-radius:12px;font-weight:700;font-size:1rem;text-decoration:none;transition:all .2s;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);}
.btn-cta-outline:hover{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.14);}

/* ── FOOTER ── */
footer{background:var(--gray-900);color:rgba(255,255,255,.55);}
.footer-inner{max-width:1200px;margin:0 auto;padding:60px 24px 40px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;}
.footer-logo-name{font-family:'Poppins',sans-serif;font-weight:800;font-size:1.3rem;color:#fff;margin-bottom:4px;}
.footer-logo-tag{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--orange);margin-bottom:14px;}
.footer-tagline{font-size:.82rem;line-height:1.7;color:rgba(255,255,255,.45);margin-bottom:12px;}
.footer-by{font-size:.72rem;color:rgba(255,255,255,.3);}
.footer-col h4{font-family:'Poppins',sans-serif;font-weight:700;font-size:.85rem;color:#fff;margin-bottom:16px;letter-spacing:.3px;}
.footer-col a{display:block;font-size:.82rem;color:rgba(255,255,255,.45);text-decoration:none;margin-bottom:10px;transition:color .2s;}
.footer-col a:hover{color:var(--green-light);}
.footer-bottom{max-width:1200px;margin:0 auto;padding:20px 24px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:.76rem;}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .opp-grid,.wi-grid{grid-template-columns:1fr;}
  .traction-grid{grid-template-columns:repeat(2,1fr);}
  .rev-grid{grid-template-columns:repeat(2,1fr);}
  .docs-grid{grid-template-columns:1fr 1fr;}
  .cta-contact-grid{grid-template-columns:1fr;}
  .footer-inner{grid-template-columns:1fr 1fr;}
  .rm-track::before{left:32px;}
  .rm-item,.rm-item:nth-child(even){flex-direction:row;}
  .rm-side{display:none;}
  .rm-item:nth-child(odd) .rm-content,.rm-item:nth-child(even) .rm-content{text-align:left;}
}
@media(max-width:600px){
  .nav-links,.nav-cta{display:none;}
  .hamburger{display:flex;}
  .wi-grid,.rev-grid,.docs-grid{grid-template-columns:1fr;}
  .traction-grid{grid-template-columns:1fr 1fr;}
  .metrics-inner .metric{min-width:50%;}
  .page-hero h1{font-size:2rem;}
  .opp-btns{flex-direction:column;}
  .cta-btns{flex-direction:column;align-items:center;}
}


/* ── WORDPRESS OVERRIDES ── */
body { margin:0; padding:0; }
img { max-width:100%; height:auto; }
.nav-links .current-menu-item > a,
.nav-links .current_page_item > a { color:var(--green-main)!important; }
@media(max-width:900px){.sf-footer-grid{grid-template-columns:1fr 1fr!important;}}
@media(max-width:600px){.sf-footer-grid{grid-template-columns:1fr!important;}}