/* Design tokens (mirrors src/styles.css) */
:root {
  --brand-50: #F3FEFF;
  --brand-100: #E6FFF5;
  --brand-300: #80D7BD;
  --brand-500: #2A856F;
  --brand-700: #006B57;
  --brand-800: #005E4C;
  --brand-900: #00382C;
  --surface-mint: #F3FEFF;
  --surface-soft: #DFF6EC;
}

html,
body {
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.hero-gradient {
  background: radial-gradient(120% 80% at 70% 30%, #137661 0%, #005A5F 60%, #003a3d 100%);
}

.mint-gradient {
  background:
    radial-gradient(
      circle at 20% 70%,
      #37e0c4 0%,
      transparent 60%
    ),
    radial-gradient(
      circle at 90% 80%,
      #18b8c7 0%,
      transparent 55%
    ),
    linear-gradient(
      to bottom,
      #f3fcff 0%,
      #d7f2f4 35%,
      #52dfd1 65%,
      #29d0c8 100%
    );
}

.hero-heading{
  background: linear-gradient(
    100deg,
    #9CF3D9 0%,
    #FFFFFF 50%,
    #80D7BD 100%
  );

  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.text-gradient-brand {
  background: linear-gradient(270deg, #65BBA2 0%, #006B57 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.contact-input {
  width: 100%;
  border-radius: 6px;
  border: 1px solid #E4E1E6;
  background: #fff;
  padding: 10px 12px;
  font-size: 14px;
  color: #002019;
  outline: none;
}

.contact-input::placeholder {
  color: #ACAAAF;
}

.contact-input:focus {
  border-color: var(--brand-700);
}

html {
  scroll-behavior: smooth;
}

@keyframes bounce-x {
  0%, 100% { transform: translate(0, -50%); }
  50% { transform: translate(-6px, -50%); }
}
.animate-bounce-x {
  animation: bounce-x 1.2s ease-in-out infinite;
  transition: opacity 0.3s ease;
}
.pricing-scroll.is-scrolled + .pricing-scroll-hint,
.pricing-scroll-hint.is-hidden {
  opacity: 0;
}


#gform_wrapper_1 {
    max-width: 380px;
}

#gform_wrapper_1 .gform_fields {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#gform_wrapper_1 input[type="text"],
#gform_wrapper_1 input[type="email"],
#gform_wrapper_1 input[type="tel"],
#gform_wrapper_1 textarea {

    width: 100%;
    border-radius: 6px;
    border: 1px solid #E4E1E6;
    background: #fff;
    padding: 10px 12px;
    font-size: 14px;
    color: #002019;
    outline: none;
}

#gform_wrapper_1 textarea {
    min-height: 141px;
    resize: vertical;
}

#gform_wrapper_1 input:focus,
#gform_wrapper_1 textarea:focus {
    border-color: var(--brand-700);
}

#gform_wrapper_1 input::placeholder,
#gform_wrapper_1 textarea::placeholder {
    color: #ACAAAF;
}

#gform_wrapper_1 .gform_button {

    width: 160px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 0;

    border-radius: 8px;

    padding: 14px 24px;

    font-size: 14px;
    font-weight: 500;

    color: #fff;

    background-color: var(--brand-700);

    box-shadow: 0 6px 10px rgba(0,0,0,.08);

    cursor: pointer;
}

#gform_wrapper_1 .gfield_label {

    padding-left: 4px;

    font-size: 16px;

    font-weight: 500;

    color: #737373;

    margin-bottom: 6px;
}