.hero { align-items: stretch; }
.hero-copy { height: auto; min-height: 680px; }
.hero-copy h1 { font-size: clamp(38px, 4.3vw, 62px); letter-spacing: -.05em; }
.product-descriptor { font-size: 15px; color: #9fafff; line-height: 1.5; margin: 0 0 14px; }
.hero-copy .lead { font-size: 15px; line-height: 1.7; }
.hero-copy .product-top i { font-size: 8px; }
.hero-copy .actions { margin: 22px 0; }
.hero > .terminal { height: auto; min-height: 680px; }
.walkthrough a { display: block; margin-top: 22px; color: #66d6ff; font-size: 13px; }
.walkthrough p { line-height: 1.8; }
.faq { max-width: 1000px; }
.faq details { border-bottom: 1px solid var(--line); padding: 22px 0; }
.faq summary { cursor: pointer; font-size: 17px; font-weight: 600; }
.faq details p { color: #aab8c7; line-height: 1.85; max-width: 820px; font-size: 15px; }
.faq a { color: var(--cyan); }
.section-head p { max-width: 760px; margin-left: auto; margin-right: auto; }
@media(max-width:900px) {
  .hero-copy { min-height: 0; }
  .hero > .terminal { min-height: 0; height: 680px; }
  .hero-copy h1 { font-size: clamp(36px, 7vw, 60px); }
}
@media(max-width:600px) {
  .hero-copy h1 { font-size: 36px; }
  .product-descriptor { font-size: 13px; }
  .hero-copy .lead { font-size: 14px; }
  .hero-copy .product-top i { display: none; }
  .faq summary { font-size: 15px; }
}