/* =====================
   HERO
===================== */

.hero {

  max-width: 1000px;

  margin: auto;

  padding:
    140px 20px 120px;

  text-align: center;
}

.hero-system {

  margin-bottom: 24px;

  font-size: 11px;

  letter-spacing: 3px;

  color:
    rgba(34,197,94,0.75);
}

.hero h1 {

  font-family:
    "Cormorant Garamond",
    serif;

  font-size: 78px;

  line-height: 1.05;

  margin-bottom: 30px;

  color:
    #f8fafc;
}

.hero-subsystem {

  margin-bottom: 30px;

  font-size: 13px;

  letter-spacing: 2px;

  color:
    rgba(34,197,94,0.8);
}

.hero p {

  max-width: 760px;

  margin:
    0 auto 22px;

  color:
    #cbd5e1;
}

.terminal-cursor {

  display: inline-block;

  width: 0.28em;
  height: 0.55em;

  background:
    #f8fafc;

  margin-left: 2px;

  vertical-align: baseline;

  transform:
    translateY(2px);

  animation:
    blink 1s steps(1) infinite;
}

/* =====================
   BUTTONS
===================== */

.buttons,
.section-actions {

  display: flex;

  justify-content: center;

  gap: 14px;

  flex-wrap: wrap;
}

.buttons a,
.action-btn {

  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-width: 180px;

  height: 48px;

  padding:
    0 18px;

  border:
    1px solid rgba(34,197,94,0.2);

  background:
    rgba(5,10,18,0.96);

  color:
    #b8f7ca;

  text-decoration: none;

  font-size: 12px;

  letter-spacing: 2px;
}

/* =====================
   SECTIONS
===================== */

section {

  padding:
    90px 20px;

  border-bottom:
    1px solid rgba(34,197,94,0.08);
}

section h2 {

  font-family:
    "Cormorant Garamond",
    serif;

  font-size: 56px;

  text-align: center;

  margin-bottom: 50px;
}

/* =====================
   INTRO
===================== */

.intro {

  max-width: 780px;

  margin:
    0 auto 40px;

  padding:
    30px;

  border:
    1px solid rgba(34,197,94,0.15);

  background:
    rgba(5,10,18,0.96);
}

/* =====================
   CLOSING
===================== */

.closing {

  margin:
    50px auto 0;

  text-align: center;
}

.closing-label {

  margin-bottom: 12px;

  color:
    rgba(34,197,94,0.75);

  font-size: 12px;

  letter-spacing: 2px;
}

.closing-main {

  font-size: 22px;

  color:
    #f8fafc;
}