:root{--green:#205d25;--dark:#173b1b;--cream:#fbf6ec;--line:#e3d4b7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:#132116;font-family:"Nunito Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}.ab-wrap{width:min(1120px,calc(100vw - 40px));margin:0 auto}.ab-header{background:#fffaf1}.ab-nav{display:flex;align-items:center;gap:24px;min-height:76px}.ab-brand{width:286px}.ab-brand img{display:block;width:100%}.ab-menu{display:flex;gap:24px;margin-left:auto;font-weight:800}.ab-join,.ab-actions a,.ab-cta a{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-weight:800}.ab-join{min-width:100px;height:40px;background:var(--green);color:#fff}.ab-hero{background:linear-gradient(90deg,#fffaf2 0%,#fffaf2 44%,#f7f1e4 100%)}.ab-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;min-height:570px}.ab-hero-copy{padding:34px 28px 34px 0}.ab-breadcrumb{display:flex;gap:10px;margin-bottom:22px;font-size:13px}.ab-hero h1,.ab-section>h2,.ab-video-copy h2,.ab-levels h2{margin:0;color:var(--dark);font-family:"Cormorant Garamond",Georgia,serif}.ab-hero h1{font-size:48px;line-height:1.03}.ab-hero-copy>p{font-size:16px;line-height:1.6}.ab-hero-image{width:100%;height:500px;border-radius:8px;object-fit:cover}.ab-highlights{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.ab-highlights article{display:grid;gap:8px;padding:12px 8px;border-right:1px solid var(--line);text-align:center}.ab-highlights article:last-child{border:0}.ab-highlights b{color:var(--green);font-size:24px}.ab-highlights span{font-size:12px;font-weight:700;line-height:1.35}.ab-actions{display:flex;gap:16px}.ab-actions a{min-height:44px;padding:0 22px;border:1px solid var(--green);color:var(--green)}.ab-actions .primary{background:var(--green);color:#fff}.ab-video-panel{display:grid;grid-template-columns:1.15fr .9fr .8fr;gap:18px;margin-top:24px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fffaf2}.ab-video{position:relative;min-height:330px;overflow:hidden;border:0;border-radius:7px;background:linear-gradient(rgba(15,50,20,.1),rgba(15,50,20,.35)),url("assets/hero-landscape.png") center/cover;color:#fff;cursor:pointer}.ab-video>span{position:absolute;top:18px;left:10%;width:80%;padding:12px;border-radius:7px;background:rgba(255,250,242,.9);color:var(--dark);font-family:Georgia,serif;font-size:23px}.ab-video>b{display:grid;width:70px;height:70px;margin:auto;place-items:center;border-radius:50%;background:rgba(20,25,20,.75);font-size:30px}.ab-video iframe{width:100%;height:100%;border:0}.ab-video-copy{padding:10px}.ab-video-copy h2,.ab-levels h2{font-size:27px}.ab-video-copy p,.ab-video-copy li{font-size:13px;line-height:1.5}.ab-video-copy ul{padding-left:20px}.ab-video-copy button{min-height:38px;padding:0 18px;border:1px solid var(--green);border-radius:5px;background:#fffaf2;color:var(--green);font-weight:800;cursor:pointer}.ab-levels{padding:10px;border-left:1px solid var(--line)}.ab-levels h2{margin-bottom:12px;font-size:20px}.ab-levels article{display:grid;grid-template-columns:55px 1fr;gap:2px 10px;margin-bottom:10px;padding:10px;border:1px solid var(--line);border-radius:6px}.ab-levels article b{grid-row:1/3;display:grid;place-items:center;border-radius:50%;background:#eef1dc;color:var(--green)}.ab-levels article span{font-size:11px}.ab-section{margin-top:24px;padding:24px;border:1px solid var(--line);border-radius:8px;background:#fffaf2}.ab-section>h2{text-align:center;font-size:32px}.ab-steps{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-top:24px}.ab-steps article{text-align:center}.ab-steps b{display:grid;width:32px;height:32px;margin:0 auto 10px;place-items:center;border-radius:50%;background:var(--green);color:#fff}.ab-steps h3{font-size:14px}.ab-steps p{font-size:11px;line-height:1.45}.ab-lead{max-width:760px;margin:8px auto 20px;text-align:center}.ab-example-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.ab-example-flow article{padding:16px;border:1px solid var(--line);border-radius:7px}.ab-example-flow article.system{display:grid;place-content:center;background:#eef1dc;text-align:center}.ab-example-flow b{color:var(--dark);font-size:13px}.ab-example-flow p{font-size:12px;line-height:1.5}.ab-rewards{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.ab-rewards span,.ab-rewards>b{flex:1 1 180px;padding:12px;border-radius:6px;background:#f2f0df;font-size:12px}.ab-rewards>b{background:var(--green);color:#fff;text-align:center}.ab-cta{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:18px;margin-top:24px;padding:16px 24px;border-radius:7px;background:var(--green);color:#fff}.ab-cta img{width:56px;padding:5px;border-radius:6px;background:#fffaf0}.ab-cta p{font-family:Georgia,serif;font-size:20px}.ab-cta a{min-height:42px;padding:0 22px;background:#fffaf0;color:var(--dark)}.ab-footer{display:grid;grid-template-columns:repeat(5,1fr);padding:18px 0;text-align:center;font-size:12px;font-weight:700}
@media(max-width:900px){.ab-nav{flex-wrap:wrap;padding:12px 0}.ab-brand{width:230px}.ab-menu{order:3;width:100%;overflow:auto}.ab-hero-grid,.ab-video-panel{grid-template-columns:1fr}.ab-hero-copy{padding-right:0}.ab-hero-image{height:min(70vw,500px)}.ab-levels{border-left:0;border-top:1px solid var(--line)}.ab-highlights{grid-template-columns:repeat(2,1fr)}.ab-steps,.ab-example-flow{grid-template-columns:1fr}.ab-steps article{text-align:left}.ab-steps b{margin:0 0 8px}.ab-cta,.ab-footer{grid-template-columns:1fr;text-align:center;justify-items:center}}

.ab-lower-art {
  width: min(1120px, calc(100vw - 40px));
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid var(--line);
  border-top: 0;
  border-radius: 0 0 8px 8px;
  background: #fffaf2;
}

.ab-upper-art {
  width: min(1120px, calc(100vw - 40px));
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid var(--line);
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  background: #fffaf2;
}

.ab-upper-artboard {
  position: relative;
  width: 100%;
  aspect-ratio: 1024 / 708;
  overflow: hidden;
}

.ab-upper-artboard > img {
  position: absolute;
  left: 0;
  top: -9.9%;
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
}

.ab-lower-artboard {
  position: relative;
  width: 100%;
  aspect-ratio: 1024 / 758;
  overflow: hidden;
}

.ab-lower-artboard > img {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
}

.ab-art-video-frame {
  position: absolute;
  z-index: 4;
  left: 2.8%;
  top: 62.1%;
  width: 36.3%;
  height: 30.6%;
  border: 0;
  border-radius: 6px;
  background: #000;
}

.ab-art-hotspot {
  position: absolute;
  z-index: 2;
  display: block;
  border-radius: 6px;
}

.ab-art-hotspot:focus-visible {
  outline: 3px solid rgba(31, 79, 24, 0.8);
  outline-offset: 2px;
}

.ab-art-join {
  left: 63.7%;
  top: 88.7%;
  width: 24.9%;
  height: 6.4%;
}

.ab-art-local { left: 12.8%; top: 96.2%; width: 8.5%; height: 3.8%; }
.ab-art-sustainable { left: 28.5%; top: 96.2%; width: 12%; height: 3.8%; }
.ab-art-connected { left: 45%; top: 96.2%; width: 11%; height: 3.8%; }
.ab-art-trusted { left: 61%; top: 96.2%; width: 10%; height: 3.8%; }
.ab-art-grow { left: 76%; top: 96.2%; width: 15%; height: 3.8%; }

.ab-upper-join {
  left: 2.8%;
  top: 51.9%;
  width: 24.5%;
  height: 5.2%;
}

.ab-upper-learn {
  left: 30.1%;
  top: 51.9%;
  width: 11.5%;
  height: 5.2%;
}

.ab-upper-video {
  left: 2.8%;
  top: 62.1%;
  width: 36.3%;
  height: 30.6%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.ab-upper-video-button {
  left: 41.9%;
  top: 88.3%;
  width: 12.2%;
  height: 4.8%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

@media (max-width: 900px) {
  .ab-lower-art {
    width: 100vw;
    margin-left: 0;
    margin-right: 0;
    overflow-x: auto;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .ab-upper-art {
    width: 100vw;
    margin-left: 0;
    margin-right: 0;
    overflow-x: auto;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .ab-lower-artboard {
    width: 1024px;
  }

  .ab-upper-artboard {
    width: 1024px;
  }
}
@media(max-width:560px){.ab-wrap{width:min(420px,calc(100vw - 28px))}.ab-hero h1{font-size:40px}.ab-actions{flex-direction:column}.ab-hero-image{height:330px}.ab-video{min-height:250px}.ab-video>span{font-size:19px}.ab-highlights{grid-template-columns:1fr}.ab-highlights article{border-right:0;border-bottom:1px solid var(--line)}}