.greenspire-page .gs-contact{
  padding:128px 0;
  background:var(--green-700);
  color:var(--paper);
}

.greenspire-page .gs-contact-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);
  gap:96px;
  align-items:center;
}

.greenspire-page .gs-contact-copy{
  min-width:0;
}

.greenspire-page .gs-contact .gs-eyebrow{
  display:none;
}

.greenspire-page .gs-contact h2{
  max-width:800px;
  margin:0;
  color:var(--paper);
  font-family:var(--serif);
  font-size:60px;
  font-weight:600;
  line-height:68px;
  letter-spacing:-.02em;
}

.greenspire-page .gs-contact-copy>p:last-child{
  max-width:720px;
  margin:24px 0 0;
  color:var(--green-50);
  font-size:20px;
  line-height:30px;
}

.greenspire-page .gs-contact-actions{
  display:grid;
  align-content:start;
  align-self:center;
  gap:12px;
  min-width:0;
  padding:32px;
  border:1px solid var(--green-200);
  border-radius:16px;
  background:var(--paper);
  box-shadow:var(--shadow-2);
}

.greenspire-page .gs-contact-actions .demo-button{
  width:100%;
  min-height:52px;
  padding:16px 20px;
  white-space:normal;
  text-align:center;
  transition:background-color 150ms ease,border-color 150ms ease,color 150ms ease,transform 100ms ease;
}

.greenspire-page .gs-contact-primary{
  border-color:var(--green-600);
  background:var(--green-600);
  color:var(--paper);
}

.greenspire-page .gs-contact-primary:hover{
  border-color:var(--green-700);
  background:var(--green-700);
  color:var(--paper);
}

.greenspire-page .gs-contact-primary:active{
  transform:translateY(1px);
  border-color:var(--green-800);
  background:var(--green-800);
}

.greenspire-page .gs-contact-secondary{
  border-color:var(--green-600);
  background:var(--paper);
  color:var(--green-700);
}

.greenspire-page .gs-contact-secondary:hover{
  border-color:var(--green-700);
  background:var(--green-50);
  color:var(--green-800);
}

.greenspire-page .gs-contact-secondary:active{
  transform:translateY(1px);
  border-color:var(--green-800);
  background:var(--green-100);
  color:var(--green-800);
}

@media(max-width:1024px){
  .greenspire-page .gs-contact{
    padding:96px 0;
  }

  .greenspire-page .gs-contact-grid{
    grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);
    gap:64px;
  }

  .greenspire-page .gs-contact h2{
    font-size:48px;
    line-height:56px;
  }

  .greenspire-page .gs-contact-actions{
    padding:28px;
  }
}

@media(max-width:767px){
  .greenspire-page .gs-contact{
    padding:80px 0;
  }

  .greenspire-page .gs-contact-grid{
    grid-template-columns:1fr;
    gap:48px;
  }

  .greenspire-page .gs-contact h2{
    max-width:none;
    font-size:36px;
    line-height:44px;
  }

  .greenspire-page .gs-contact-copy>p:last-child{
    font-size:18px;
    line-height:28px;
  }

  .greenspire-page .gs-contact-actions{
    padding:24px;
  }

  .greenspire-page .gs-contact-actions .demo-button{
    min-height:52px;
  }
}

@media(max-width:420px){
  .greenspire-page .gs-contact{
    padding:64px 0;
  }

  .greenspire-page .gs-contact-actions{
    padding:20px;
  }
}