.benefits-redesign-page{background:#10271d;overflow-x:hidden}
.benefits-main{position:relative;background:#10271d}
.benefits-hero-stage{height:145svh;position:relative;background:#10271d}
.benefits-hero-sticky{position:sticky;top:64px;height:calc(100svh - 64px);overflow:hidden;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(300px,.97fr);grid-template-rows:1fr auto;background:radial-gradient(circle at 78% 10%,rgba(155,201,176,.17),transparent 30%),radial-gradient(circle at 10% 100%,rgba(90,152,118,.20),transparent 33%),linear-gradient(135deg,#10271d 0%,#173c2c 54%,#285f45 100%);transform:translateZ(0)}
.benefits-hero-copy{padding:clamp(46px,7vw,96px);display:flex;flex-direction:column;justify-content:center;min-width:0}
.benefits-hero-title{margin:0;max-width:650px;color:#fff;font-size:clamp(46px,6.7vw,86px);line-height:.94;letter-spacing:-.06em;font-weight:700}
.benefits-hero-title span{display:block;color:#c4e4d3}
.benefits-hero-description{max-width:530px;margin:27px 0 0;color:rgba(255,255,255,.68);font-size:clamp(14px,1.2vw,18px);line-height:1.72}
.benefits-showcase{display:flex;align-items:center;justify-content:flex-start;padding:50px 7vw 50px 20px;min-width:0}
.benefits-word-window{--step:74px;width:100%;max-width:470px;height:calc(var(--step) * 5);overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 85%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 85%,transparent 100%)}
.benefits-word-track{position:absolute;inset:0 auto auto 0;width:100%;will-change:transform;transform:translateZ(0)}
.benefits-word-item{height:var(--step);display:flex;align-items:center;color:rgba(255,255,255,.24);font-size:clamp(18px,2vw,29px);font-weight:500;line-height:1.06;letter-spacing:-.035em;transform-origin:left center;transition:color .35s ease,font-size .35s ease,opacity .35s ease;opacity:.7}
.benefits-word-item.is-active{color:#fff;font-size:clamp(30px,3.25vw,48px);font-weight:600;opacity:1}
.benefits-hero-footer{grid-column:1/-1;min-height:96px;display:flex;align-items:center;justify-content:center;padding:18px 22px 24px;border-top:1px solid rgba(255,255,255,.08)}
.benefits-hero-button,.benefits-join-button{appearance:none;border:0;cursor:pointer;border-radius:999px;padding:14px 24px;min-width:195px;font-weight:700;font-size:14px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;text-align:center}
.benefits-hero-button{background:#eaf4ee;color:#193d2d;box-shadow:0 14px 30px rgba(0,0,0,.16)}
.benefits-hero-button:hover,.benefits-join-button:hover{transform:translateY(-2px)}

.benefits-sheet{position:relative;z-index:10;min-height:110vh;margin-top:-50svh;background:radial-gradient(circle at 0% 0%,rgba(155,201,176,.25),transparent 24%),linear-gradient(180deg,#f7faf8 0%,#eff5f1 100%);box-shadow:0 -28px 70px rgba(11,31,22,.16);border-radius:20px 20px 0 0;padding:86px 24px 118px;transform:translateY(12vh)}
.benefits-container{width:min(1180px,100%);margin:0 auto}
.benefits-head{display:grid;grid-template-columns:1fr .78fr;align-items:end;gap:36px;margin-bottom:20px}
.benefits-head h2{margin:0;color:#10271d;font-size:clamp(38px,5vw,62px);line-height:.98;letter-spacing:-.052em}
.benefits-head p{margin:0;justify-self:end;max-width:470px;color:#6a796f;font-size:14px;line-height:1.72}

.benefits-group{position:relative;scroll-margin-top:96px}
.benefits-group-heading{margin:34px 0 18px;color:#153226;font-size:clamp(28px,3.6vw,46px);line-height:1.02;letter-spacing:-.045em;font-weight:650;max-width:920px;opacity:1;visibility:visible;transform:none}


.benefits-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:10px 0 34px}
.benefit-detail-card{min-height:255px;padding:24px;border:1px solid rgba(21,50,38,.11);border-radius:2px 24px 24px 24px;box-shadow:0 14px 34px rgba(16,39,29,.055);position:relative;overflow:hidden;opacity:0;transform:translate3d(0,40px,0);transition:opacity .55s ease,transform .55s cubic-bezier(.22,.8,.24,1);display:flex;flex-direction:column;contain:layout paint}
.benefit-detail-card.is-visible{opacity:1;transform:translate3d(0,0,0)}
.benefits-detail-grid-dark .benefit-detail-card{background:linear-gradient(145deg,#173c2c 0%,#24573f 72%,#2f694d 100%);border-color:rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(16,39,29,.13)}
.benefits-detail-grid-light .benefit-detail-card{background:linear-gradient(155deg,#dcece3,#f7faf8)}
.benefits-detail-grid-light .benefit-detail-card:nth-child(2n){background:linear-gradient(155deg,#cfe4d8,#f1f7f3)}
.benefit-detail-card:after{content:"";position:absolute;right:-78px;bottom:-78px;width:165px;height:165px;border-radius:50%;background:rgba(63,123,93,.07);pointer-events:none}
.benefits-detail-grid-dark .benefit-detail-card:after{background:rgba(207,230,218,.06)}
.benefit-detail-card h3{margin:0 0 10px;color:#10271d;font-size:21px;letter-spacing:-.025em;position:relative;z-index:1}
.benefit-detail-card .benefit-description{margin:0;color:#617268;font-size:13px;line-height:1.6;position:relative;z-index:1}
.benefits-detail-grid-dark .benefit-detail-card h3{color:#fff}
.benefits-detail-grid-dark .benefit-detail-card .benefit-description{color:rgba(255,255,255,.72)}
.benefit-contact-list{display:grid;gap:8px;margin-top:auto;padding-top:22px;position:relative;z-index:1}
.benefit-contact-row{display:grid;grid-template-columns:68px minmax(0,1fr);gap:8px;align-items:start;padding-top:8px;border-top:1px solid rgba(21,50,38,.09);font-size:11px;line-height:1.45}
.benefit-contact-row span{color:#708078;font-weight:600}
.benefit-contact-row strong{color:#213b2f;font-weight:650;overflow-wrap:anywhere}
.benefits-detail-grid-dark .benefit-contact-row{border-top-color:rgba(255,255,255,.12)}
.benefits-detail-grid-dark .benefit-contact-row span{color:rgba(255,255,255,.55)}
.benefits-detail-grid-dark .benefit-contact-row strong{color:#fff}
.benefits-empty{padding:36px;border:1px solid rgba(21,50,38,.10);background:rgba(255,255,255,.72);color:#66756d;text-align:center;border-radius:2px 22px 22px 22px;margin:42px 0}
.benefits-empty[hidden],.benefits-group[hidden]{display:none!important}

.benefits-join-area{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:58px 20px 20px}
.benefits-join-area h3{margin:0;max-width:700px;color:#10271d;font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:-.05em}
.benefits-join-area p{max-width:520px;margin:18px 0 26px;color:#6a796f;font-size:14px;line-height:1.7}
.benefits-join-button{background:#153226;color:#fff;box-shadow:0 16px 30px rgba(16,39,29,.18);display:inline-flex;align-items:center;justify-content:center}
.benefits-redesign-page .footer{position:relative;z-index:12}

@media(max-width:900px){
  .benefits-hero-sticky{grid-template-columns:57% 43%}
  .benefits-hero-copy{padding:46px 30px}
  .benefits-showcase{padding:40px 26px 40px 8px}
  .benefits-word-window{--step:62px}
  .benefits-head{grid-template-columns:1fr}
  .benefits-head p{justify-self:start}
  .benefits-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .benefits-hero-stage{height:136svh}
  .benefits-hero-sticky{top:64px;height:calc(100svh - 64px);grid-template-columns:57% 43%;grid-template-rows:1fr auto}
  .benefits-hero-copy{padding:26px 13px 18px 18px}
  .benefits-hero-title{font-size:34px;line-height:.97}
  .benefits-hero-description{margin-top:16px;font-size:11px;line-height:1.6}
  .benefits-showcase{padding:24px 10px 24px 5px}
  .benefits-word-window{--step:47px;height:calc(var(--step)*5)}
  .benefits-word-item{font-size:13px;transition:color .28s ease,opacity .28s ease}
  .benefits-word-item.is-active{font-size:22px}
  .benefits-hero-footer{min-height:78px;padding:13px 16px 17px}
  .benefits-hero-button{width:100%;max-width:230px;padding:12px 18px;font-size:13px}
  .benefits-sheet{margin-top:-44svh;padding:60px 12px 88px;transform:none}
  .benefits-group-heading{margin:26px 2px 14px;font-size:clamp(25px,7.6vw,36px);max-width:94%}
      .benefits-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:8px 0 28px}
  .benefit-detail-card{min-height:220px;padding:17px;border-radius:2px 18px 18px 18px;transform:translate3d(0,26px,0);transition-duration:.42s}
  .benefit-detail-card h3{font-size:16px}
  .benefit-detail-card .benefit-description{font-size:10.5px;line-height:1.52}
  .benefit-contact-list{padding-top:15px;gap:6px}
  .benefit-contact-row{grid-template-columns:1fr;gap:2px;font-size:9.5px;padding-top:6px}
  .benefits-join-area{min-height:300px;padding-top:66px}
}
@media(prefers-reduced-motion:reduce){
  .benefits-word-item,.benefit-detail-card,.benefits-group-heading{transition:none!important}}