body.landing-body{
  --landing-bg:var(--ui-color-bg);
  --landing-bg2:var(--ui-color-bg-alt);
  --landing-panel:var(--ui-color-panel);
  --landing-line:var(--ui-color-line);
  --landing-line-soft:var(--ui-color-line-soft);
  --landing-text:var(--ui-color-text);
  --landing-muted:var(--ui-color-muted);
  --landing-heading:var(--ui-color-heading);
}

body.landing-body{
  min-height:100vh;
  color:var(--landing-text);
  font:var(--ui-type-body-size)/var(--ui-type-body-line) Arial, Helvetica, sans-serif;
  letter-spacing:.01em;
}

.landing-wrap{
  max-width:1240px;
  margin:0 auto;
  padding:48px 0 36px;
}

.landing-hero{
  display:flex;
  flex-direction:column;
  align-items:center;
}

.landing-logo{
  display:block;
  width:500px;
  max-width:100%;
  height:auto;
}

.landing-intro{
  width:100%;
  max-width:680px;
  margin:28px auto 0;
  text-align:center;
}

.landing-intro a{
  color:inherit;
}

.tool-grid{
  display:grid;
  grid-template-columns:repeat(2, 600px);
  gap:20px;
  justify-content:center;
  margin-top:48px;
}

.tool-card{
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  width:600px;
  height:200px;
  border:1px solid var(--landing-line);
  border-radius:8px;
  background:rgba(36,45,57,.82);
  color:inherit;
  overflow:hidden;
}

.tool-card-link{
  text-decoration:none;
}

.tool-card-copy{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  justify-content:center;
  padding:24px 28px;
  transition:background-color .15s ease, box-shadow .15s ease;
}

.tool-card-link:hover .tool-card-copy,
.tool-card-link:focus-visible .tool-card-copy{
  background:rgba(255,255,255,.035);
  box-shadow:inset 0 0 0 999px rgba(255,255,255,.03);
}

.tool-card-link:focus-visible{
  outline:1px solid rgba(201,150,85,.55);
  outline-offset:2px;
  border-radius:8px;
}

.tool-card h2{
  margin:0 0 10px;
  color:var(--landing-heading);
}

.tool-card p{
  margin:0;
  color:var(--landing-text);
  max-width:240px;
}

.tool-card-image{
  display:block;
  width:300px;
  height:200px;
  object-fit:contain;
  flex:0 0 300px;
  background:#1d2531;
}

.landing-footer-note{margin-top:24px}

.landing-footer-note-signoff{
  margin-top:20px;
}

@media (max-width:1280px){
  .landing-wrap{
    width:calc(100% - 32px);
    padding-left:16px;
    padding-right:16px;
  }

  .tool-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .tool-card{
    width:100%;
  }
}

@media (max-width:960px){
  .landing-wrap{
    width:calc(100% - 24px);
    padding-left:12px;
    padding-right:12px;
  }

  .tool-grid{
    grid-template-columns:1fr;
    gap:24px;
  }

  .tool-card{
    height:auto;
    min-height:200px;
  }
}

@media (max-width:720px){
  .tool-card{
    flex-direction:column;
  }

  .tool-card-copy{
    padding:24px 24px 18px;
  }

  .tool-card p{
    max-width:none;
  }

  .tool-card-image{
    flex:none;
    width:100%;
    height:auto;
    aspect-ratio:3 / 2;
    object-fit:cover;
    background:transparent;
  }
}