.package-intro {
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(0,.75fr);
  gap:80px;
  align-items:center;
  padding-top:80px;
  padding-bottom:64px;
}
.package-intro>* {
  min-width:0;
}
.package-intro h1 {
  margin:22px 0;
}
.package-intro__lede {
  max-width:650px;
  margin-bottom:20px;
  font-size:var(--fs-lede);
  color:var(--c-muted);
}
.package-intro__copy>.muted {
  max-width:630px;
  margin-bottom:0;
}
.package-intro__note {
  border-top:4px solid var(--c-accent);
}
.package-intro__note>.mono {
  font-size:var(--fs-small);
}
.package-intro__note ol {
  list-style:none;
  margin:20px 0 24px;
  padding:0;
}
.package-intro__note li {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:6px 20px;
  padding-block:12px;
  border-bottom:1px solid var(--c-line);
  font-size:var(--fs-label);
}
.package-intro__note li span {
  color:var(--c-muted);
}
.package-intro__note>a {
  font-size:var(--fs-label);
  font-weight:var(--weight-bold);
}
.package-platform-heading {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:16px 28px;
  margin:36px 0 28px;
}
.package-platform-heading h2 {
  margin:0 0 12px;
}
.package-platform-heading p {
  margin:0;
}
.package-platform-heading>a {
  font-size:var(--fs-label);
  font-weight:var(--weight-bold);
}
.package-options {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:32px;
}
.package-choice {
  min-width:0;
}
.package-choice+.package-choice {
  padding-left:32px;
  border-left:1px solid var(--c-line);
}
.package-choice h4 {
  margin:0 0 6px;
  font-size:var(--fs-brand);
  font-weight:var(--weight-brand);
}
.package-choice__subtitle {
  margin-bottom:18px;
  color:var(--c-muted);
  font-size:var(--fs-label);
}
.package-choice .btn {
  width:100%;
  min-height:56px;
  white-space:normal;
  text-align:center;
}
.package-choice .btn+p {
  margin-top:22px;
}
.package-choice>p:last-child {
  color:var(--c-muted);
  margin-bottom:0;
}
.package-choice__alternate {
  font-size:var(--fs-small);
}
.package-choice__alternate a {
  display:inline-flex;
  align-items:center;
  min-height:44px;
}
.package-requirements {
  margin-top:48px;
}
.package-requirements>h3 {
  margin:0 0 20px;
}
.package-requirements .prose {
  max-width:var(--width-reading);
  margin-top:36px;
}
.package-requirements .prose p {
  color:var(--c-muted);
}
.package-client-stack {
  display:grid;
  gap:32px;
}
.package-faq {
  padding-bottom:64px;
}
@media(max-width:1000px) {
  .package-intro {
    gap:36px;
    grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  }
}
@media(max-width:768px) {
  .package-intro {
    grid-template-columns:minmax(0,1fr);
    padding-top:48px;
    padding-bottom:40px;
  }
  .package-options {
    grid-template-columns:minmax(0,1fr);
    gap:28px;
  }
  .package-choice+.package-choice {
    padding-left:0;
    padding-top:28px;
    border-left:0;
    border-top:1px solid var(--c-line);
  }
  .package-requirements {
    margin-top:36px;
  }
}
@media(max-width:640px) {
  .package-intro {
    gap:28px;
  }
  .package-platform-heading {
    margin-top:28px;
  }
  .package-choice .btn {
    padding-inline:12px;
  }
  .package-faq {
    padding-bottom:32px;
  }
}