.hero{padding:190px 0 90px;position:relative;z-index:2}
.hero-kicker{
  font-family:var(--mono);font-size:12px;color:var(--muted);
  letter-spacing:2.4px;text-transform:uppercase;
  margin-bottom:30px;display:flex;align-items:center;gap:12px;
}
.hero-kicker::before{content:'';width:34px;height:1px;background:var(--cyan)}

.hero-title{
  font-size:clamp(52px,13.5vw,178px);
  line-height:.86;font-weight:800;
  letter-spacing:-.045em;margin-bottom:38px;
}
.hero-title .ln{display:block;overflow:hidden;padding-bottom:.06em}
.hero-title .w{display:inline-block;animation:rise 1.15s var(--ease) both}
.hero-title .ln:nth-child(2) .w{animation-delay:.13s}
@keyframes rise{
  from{opacity:0;transform:translateY(.55em) skewY(5deg);filter:blur(14px)}
  to{opacity:1;transform:none;filter:none}
}
.times{color:var(--magenta);font-weight:300}

.hero-bottom{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:start}
.hero-desc{
  font-size:16.5px;color:var(--muted);
  line-height:1.9;margin-bottom:34px;max-width:44ch;
}
.hero-desc b{color:var(--text);font-weight:600}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px}

.mini-stats{display:flex;gap:40px;flex-wrap:wrap}
.mini b{
  display:block;font-family:var(--mono);
  font-size:24px;font-weight:700;
  letter-spacing:-.5px;color:var(--text);
}
.mini span{font-size:11.5px;color:var(--dim);letter-spacing:.6px;font-family:var(--mono)}

.term{
  background:linear-gradient(180deg,#0d0f16,#08090d);
  border:1px solid var(--line-hi);border-radius:15px;overflow:hidden;
  box-shadow:0 40px 90px -40px rgba(0,0,0,1),
             0 0 0 1px rgba(0,245,196,.06),
             0 0 70px -30px rgba(0,245,196,.25);
  animation:rise 1.2s var(--ease) .3s both;
}
.term-bar{
  display:flex;align-items:center;gap:8px;padding:12px 15px;
  border-bottom:1px solid var(--line);background:rgba(255,255,255,.022);
}
.d{width:10px;height:10px;border-radius:50%}
.d1{background:#ff5f57}.d2{background:#febc2e}.d3{background:#28c840}
.term-t{margin-left:10px;font-family:var(--mono);font-size:11.5px;color:var(--dim)}
.term-body{
  padding:22px 20px;font-family:var(--mono);
  font-size:12.5px;line-height:2.05;color:#a9aec4;
  white-space:pre-wrap;word-break:break-word;min-height:230px;
}
.caret{
  display:inline-block;width:8px;height:14px;
  background:var(--cyan);vertical-align:-2px;
  animation:caret .9s steps(2) infinite;
}
@keyframes caret{50%{opacity:0}}

.scroll-hint{
  position:absolute;bottom:36px;left:28px;z-index:2;
  font-family:var(--mono);font-size:10.5px;color:var(--dim);
  letter-spacing:2px;display:flex;align-items:center;gap:10px;
}
.scroll-hint .ln{
  width:1px;height:42px;
  background:linear-gradient(180deg,var(--cyan),transparent);
  animation:drop 2.2s infinite;
}
@keyframes drop{
  0%{transform:scaleY(0);transform-origin:top}
  50%{transform:scaleY(1);transform-origin:top}
  51%{transform-origin:bottom}
  100%{transform:scaleY(0);transform-origin:bottom}
}
@media(max-width:1100px){.scroll-hint{display:none}}
@media(max-width:980px){
  .hero{padding:150px 0 70px}
  .hero-bottom{grid-template-columns:1fr;gap:48px}
  .mini-stats{gap:28px}
}