:root{
  --mw-hero-stage-height:590px;
  --mw-section-anchor-offset:96px
}
[id]{scroll-margin-top:var(--mw-section-anchor-offset)}
.p-hero{
  position:relative;
  overflow:hidden;
  padding:3.8rem 0 0;
  text-align:center
}
.p-hero::before{
  position:absolute;
  inset:0 0 auto;
  height:520px;
  background-image:radial-gradient(circle,rgba(168,62,181,.12) 1px,transparent 1px);
  background-size:24px 24px;
  opacity:.22;
  mask-image:linear-gradient(to bottom,#000,transparent);
  content:"";
  pointer-events:none
}
.p-hero__inner{position:relative;z-index:1}
.p-hero__badges{display:flex;justify-content:center;margin-bottom:1.7rem}
.p-hero__badge{
  width:54px;
  height:54px;
  margin-left:-7px;
  border:1px solid var(--mw-ink);
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--mw-white);
  box-shadow:0 0 0 4px var(--mw-white);
  transform:rotate(var(--tilt,0deg));
  transition:transform .2s var(--mw-ease)
}
.p-hero__badge:first-child{margin-left:0}
.p-hero__badge:hover{transform:translateY(-5px) rotate(0)}
.p-hero__badge svg{width:28px;height:28px}
.p-hero__title{max-width:1160px;margin:auto}
.p-hero__highlight{
  position:relative;
  z-index:0;
  display:inline-block;
  padding:0 .22em .05em
}
.p-hero__highlight::before{
  position:absolute;
  z-index:-1;
  inset:.12em 0 .03em;
  border-radius:999px;
  background:var(--mw-apricot);
  content:"";
  transform:rotate(-1deg)
}
.p-hero__copy{max-width:730px;margin:1.7rem auto 0;color:var(--mw-muted);font-size:var(--mw-size-lg)}
.p-hero__actions{margin-top:1.6rem;display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem}
.p-hero__micro{margin-top:1rem;display:flex;justify-content:center;flex-wrap:wrap;gap:1.2rem;color:var(--mw-muted);font-size:.75rem}
.p-hero__micro span{display:flex;align-items:center;gap:.45rem}
.p-hero__micro i{width:6px;height:6px;border-radius:50%;background:var(--mw-primary)}
.p-hero__stage{
  position:relative;
  height:var(--mw-hero-stage-height);
  margin:3.3rem auto 0;
  overflow:hidden;
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-lg) var(--mw-radius-lg) 0 0;
  background:
    linear-gradient(rgba(168,62,181,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(168,62,181,.05) 1px,transparent 1px),
    var(--mw-paper);
  background-size:32px 32px;
  text-align:left
}
.p-hero__stage-bar{
  position:absolute;
  z-index:4;
  inset:0 0 auto;
  height:48px;
  padding:0 1rem;
  border-bottom:1px solid var(--mw-line);
  display:flex;
  align-items:center;
  background:rgba(255,255,255,.82);
  font-family:var(--mw-mono);
  font-size:.65rem;
  color:var(--mw-muted)
}
.p-hero__stage-dots{display:flex;gap:7px}
.p-hero__stage-dots i{width:9px;height:9px;border:1px solid var(--mw-line-strong);border-radius:50%;background:var(--mw-white)}
.p-hero__stage-title{position:absolute;left:50%;transform:translateX(-50%)}
.p-hero__art{position:absolute;left:2%;top:62px;width:72%;height:500px;object-fit:contain}
.p-hero__terminal{
  position:absolute;
  z-index:5;
  top:94px;
  right:3%;
  width:350px;
  padding:1rem;
  border:1px solid #4E4652;
  border-radius:var(--mw-radius-md);
  background:#251D2B;
  color:#D9CEDC;
  box-shadow:var(--mw-shadow);
  font-family:var(--mw-mono);
  font-size:.7rem;
  line-height:1.8
}
.p-hero__terminal-head{padding-bottom:.65rem;margin-bottom:.65rem;border-bottom:1px solid #493F4D;display:flex;justify-content:space-between;color:#B9AFBD}
.p-hero__terminal strong{color:#D584DC;font-weight:500}
.p-hero__terminal em{color:#9BD0C5;font-style:normal}
.p-hero__node{
  position:absolute;
  z-index:6;
  right:7%;
  bottom:45px;
  width:250px;
  padding:1rem;
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-md);
  background:var(--mw-white)
}
.p-page-hero{padding:6rem 0 4.5rem;border-bottom:1px solid var(--mw-line);background:var(--mw-paper)}
.p-page-hero__title{max-width:850px}
.p-page-hero__copy{max-width:680px;margin-top:1.25rem;color:var(--mw-muted);font-size:var(--mw-size-lg)}
.p-cta{
  position:relative;
  min-height:390px;
  margin-block:1rem 7rem;
  padding:3.6rem;
  overflow:hidden;
  border-radius:var(--mw-radius-lg);
  background:var(--mw-ink);
  color:var(--mw-white)
}
.p-cta h2{max-width:650px;color:var(--mw-white)}
.p-cta p{max-width:560px;margin:1.25rem 0 1.7rem;color:#C8BDC9}
.p-cta::after{
  position:absolute;
  right:-80px;
  bottom:-150px;
  width:420px;
  height:420px;
  border:1px solid #5A4B60;
  border-radius:50%;
  box-shadow:0 0 0 45px transparent,0 0 0 46px #5A4B60,0 0 0 92px transparent,0 0 0 93px #5A4B60;
  content:""
}
.p-cta>*{position:relative;z-index:2}
@media (max-width:980px){
  .p-hero__stage{height:520px}
  .p-hero__art{left:-5%;width:85%}
  .p-hero__terminal{width:310px}
}
@media (max-width:700px){
  .p-hero{padding-top:2.8rem}
  .p-hero__badge{width:46px;height:46px}
  .p-hero__copy{font-size:var(--mw-size-base)}
  .p-hero__stage{height:500px;margin-top:2.5rem}
  .p-hero__stage-title{display:none}
  .p-hero__art{left:-15%;top:50px;width:130%;height:330px}
  .p-hero__terminal{top:auto;right:16px;left:16px;bottom:20px;width:auto;font-size:.62rem}
  .p-hero__node{display:none}
  .p-cta{padding:2.2rem 1.5rem;margin-bottom:4rem}
}