/* Shared page hero for moai.studio — visually mirrors the homepage carousel
   slide. Rendered by hero.js from the single source in slides.js, so the
   carousel landing and each page's top are the same content (edit once). */
.moai-hero{
  position:relative;
  min-height:100vh;
  overflow:hidden;
  background:#080b10;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  color:#e9edf2;
  --mh-accent:#8fb3ff;
}
.moai-hero .mh-bg{
  position:absolute;inset:0;z-index:1;
  background-size:cover;background-position:center;background-repeat:no-repeat;
  background-color:#080b10;transform:scale(1.06);
}
.moai-hero .mh-veil{
  position:absolute;inset:0;z-index:2;
  background:linear-gradient(90deg,rgba(8,11,16,.92) 0%,rgba(8,11,16,.55) 45%,rgba(8,11,16,.25) 100%);
}
.moai-hero .mh-veil-b{
  position:absolute;inset:0;z-index:2;
  background:linear-gradient(180deg,rgba(8,11,16,.30) 0%,rgba(8,11,16,.82) 100%);
}
.moai-hero .mh-content{
  position:relative;z-index:3;
  display:flex;flex-direction:column;justify-content:center;
  min-height:100vh;
  padding:60px clamp(28px,6vw,110px);
  max-width:980px;
}
.moai-hero .mh-tag{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.22em;
  text-transform:uppercase;color:#99a4b3;margin-bottom:18px;padding:6px 12px;
  border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.35);
  border-radius:999px;width:fit-content;backdrop-filter:blur(6px);
}
.moai-hero .mh-tag .td{width:8px;height:8px;border-radius:99px}
.moai-hero .mh-title{
  font-family:'JetBrains Mono',monospace;
  font-size:clamp(34px,4.8vw,58px);font-weight:600;line-height:1.05;
  letter-spacing:-.01em;margin:0 0 18px;color:#fff;
  text-shadow:0 4px 40px rgba(0,0,0,.6);
}
.moai-hero .mh-sub{
  font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.15em;
  text-transform:uppercase;color:var(--mh-accent);margin-bottom:28px;opacity:.92;
}
.moai-hero .mh-desc{font-size:16px;line-height:1.65;color:#cfd7e3;max-width:640px;margin-bottom:28px}
.moai-hero .mh-features{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:34px}
.moai-hero .mh-features li{
  font-family:'JetBrains Mono',monospace;font-size:11px;color:#cfd7e3;
  border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.45);
  padding:6px 12px;border-radius:999px;backdrop-filter:blur(6px);
}
.moai-hero .mh-btn{
  display:inline-flex;align-items:center;gap:10px;padding:14px 24px;
  border:1px solid rgba(143,179,255,.4);
  background:linear-gradient(180deg,rgba(143,179,255,.22),rgba(143,179,255,.08));
  border-radius:999px;color:#fff;font-family:'JetBrains Mono',monospace;
  font-size:13px;font-weight:600;letter-spacing:.04em;cursor:pointer;
  transition:transform .12s,border-color .12s;width:fit-content;backdrop-filter:blur(6px);
}
.moai-hero .mh-btn:hover{transform:translateY(-1px);border-color:rgba(143,179,255,.7)}
.moai-hero .mh-btn .dot{width:8px;height:8px;border-radius:99px;background:rgba(134,247,194,.9);box-shadow:0 0 0 4px rgba(134,247,194,.12)}
.moai-hero .mh-cue{
  position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:4;
  display:flex;align-items:center;justify-content:center;
  width:46px;height:46px;border-radius:999px;
  color:#fff;cursor:pointer;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.45);
  box-shadow:0 0 22px rgba(143,179,255,.45), inset 0 0 10px rgba(255,255,255,.06);
  animation:mh-bounce 1.5s ease-in-out infinite;
  transition:background .15s,border-color .15s,box-shadow .15s;
}
.moai-hero .mh-cue:hover{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.75);
  box-shadow:0 0 28px rgba(143,179,255,.6);
}
.moai-hero .mh-cue svg{width:26px;height:26px;display:block;stroke-width:2.5}
@keyframes mh-bounce{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,7px)}}
@media(max-width:760px){
  .moai-hero{min-height:88vh}
  .moai-hero .mh-content{min-height:88vh;padding:48px 22px}
}

/* Inside the homepage carousel frame: the page's own top nav is redundant
   with the homepage sidebar, so hide it. */
.moai-embedded .navbar,
.moai-embedded .topbar{display:none !important}