.landing-body {
  background:
    linear-gradient(180deg, #f8fbfc 0%, #f5f7fb 42%, #eef5f4 100%);
  color: #14213d;
}

.landing-header {
  border-bottom: 1px solid rgba(18, 32, 52, 0.08);
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 1px 0 rgba(18, 32, 52, 0.04);
}

.landing-brand {
  color: #132238;
  font-weight: 750;
}

.landing-nav {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.landing-nav a {
  color: #526173;
}

.landing-nav a:hover,
.landing-nav a:focus {
  background: #eef6f5;
  color: #0f766e;
}

.landing-hero {
  min-height: min(720px, calc(100vh - 64px));
  align-items: center;
}

.landing-copy {
  gap: 22px;
}

.eyebrow-pill,
.eyebrow {
  border-color: #cfe6e3;
  background: #eef8f6;
  color: #0f766e;
  letter-spacing: 0.03em;
}

.hero-title {
  max-width: 12ch;
  color: #14213d;
  font-weight: 760;
}

.hero-copy {
  max-width: 640px;
  color: #46596f;
}

.tw-btn,
.button-link {
  border-color: #0f766e;
  background: #0f766e;
  color: #ffffff;
  box-shadow: 0 10px 22px rgba(15, 118, 110, 0.18);
}

.tw-btn:hover,
.button-link:hover {
  border-color: #115e59;
  background: #115e59;
}

.tw-btn-secondary {
  border-color: #cad7e2;
  background: #ffffff;
  color: #14213d;
}

.tw-btn-secondary:hover {
  border-color: #0f766e;
  color: #0f766e;
}

.hero-frame,
.feature-card,
.plan-card,
.signup-panel,
.info-hero,
.info-card,
.info-section {
  border-color: rgba(18, 32, 52, 0.1);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 1px 0 rgba(18, 32, 52, 0.04), 0 18px 44px rgba(18, 32, 52, 0.07);
}

.hero-frame {
  padding: 10px;
}

.hero-frame::before {
  background-color: #edf5f4;
  background-image:
    radial-gradient(circle at 12px 14px, #0f766e 0 3px, transparent 3.5px),
    radial-gradient(circle at 26px 14px, #2563eb 0 3px, transparent 3.5px),
    radial-gradient(circle at 40px 14px, #f59e0b 0 3px, transparent 3.5px);
}

.feature-card,
.plan-card {
  min-height: 150px;
}

.feature-card:hover,
.plan-card:hover,
.info-card:hover {
  border-color: #b8d8d4;
  box-shadow: 0 22px 46px rgba(18, 32, 52, 0.1);
}

.feature-card strong,
.plan-card strong,
.info-card strong {
  color: #14213d;
}

.feature-card span,
.plan-card span,
.info-card span,
.info-copy,
.info-section li,
.info-section p {
  color: #526173;
}

.plan-card.featured {
  border-color: #0f766e;
  background: linear-gradient(180deg, #0f766e, #115e59);
  box-shadow: 0 20px 42px rgba(15, 118, 110, 0.22);
}

.plan-card.featured span {
  color: #d8f1ee;
}

.signup-panel {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(246, 250, 249, 0.95));
}

.signup-panel h2,
.info-hero h1,
.info-section h2 {
  color: #14213d;
}

.signup-panel p,
#signup-status {
  color: #526173;
}

.signup-form input,
.signup-form select,
.info-page input,
.info-page select {
  border-color: #cfd9e4;
  background: #ffffff;
}

.landing-footer {
  border-top-color: rgba(18, 32, 52, 0.1);
  background: #ffffff;
}

.landing-footer-inner,
.landing-footer-inner a {
  color: #526173;
}

.landing-footer-inner a:hover,
.landing-footer-inner a:focus {
  color: #0f766e;
}

@media (max-width: 760px) {
  .landing-bar {
    align-items: flex-start;
    flex-direction: column;
    padding-block: 12px;
  }

  .landing-nav {
    justify-content: flex-start;
  }

  .hero-title {
    font-size: clamp(2.6rem, 13vw, 4.1rem);
  }
}