.chero{
  position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;
  padding:clamp(124px,16vh,180px) 0 clamp(56px,8vh,96px);
  background:radial-gradient(130% 115% at 80% -12%,#23342f 0%,var(--green) 44%,var(--green-deep) 100%);
}
.chero::before{content:"";position:absolute;z-index:1;right:-7%;top:8%;
  width:min(56vw,640px);aspect-ratio:1;pointer-events:none;
  background:var(--kairum-symbol,none) center/contain no-repeat;
  opacity:.06;animation:chero-float 9s ease-in-out infinite}
.chero::after{content:"";position:absolute;inset:auto 0 0 0;height:34%;z-index:1;pointer-events:none;
  background:linear-gradient(to bottom,transparent,var(--green))}
@keyframes chero-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}
.chero__bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.chero__bg::before{content:"";position:absolute;width:48vw;height:48vw;left:-14vw;bottom:-18vw;
  background:radial-gradient(circle,rgba(28,43,39,.85),transparent 62%)}
.chero__bg::after{content:"";position:absolute;width:40vw;height:40vw;right:4vw;top:-12vw;
  background:radial-gradient(circle,rgba(197,197,197,.07),transparent 62%)}
.chero__in{position:relative;z-index:2;width:100%}
.chero__badge{display:inline-flex;align-items:center;gap:.6em;margin-bottom:1.4rem;
  font-family:var(--t-display);font-weight:500;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gray);border:1px solid var(--line);border-radius:100px;padding:.55em 1.1em;
  background:rgba(197,197,197,.04);backdrop-filter:blur(6px)}
.chero__badge::before{content:"";width:7px;height:7px;border-radius:50%;background:#7CF2A5;
  box-shadow:0 0 0 4px rgba(124,242,165,.18)}
.chero h1{font-size:clamp(2.9rem,8.5vw,6.4rem);margin-top:.2rem}
.chero h1 b{font-weight:700;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent}
.chero__lead{color:var(--gray);max-width:46ch;margin-top:1.7rem;font-size:clamp(1rem,1.3vw,1.12rem)}
.chero__chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:clamp(30px,3.6vw,46px)}
.chero__chips span,.chero__chips a{text-decoration:none;display:inline-block;font-family:var(--t-display);font-weight:500;font-size:.78rem;letter-spacing:.03em;
  color:var(--gray);border:1px solid var(--line);border-radius:100px;padding:.5em 1.05em;transition:.35s var(--ease)}
.chero__chips span:hover,.chero__chips a:hover,.chero__chips a:focus-visible{border-color:var(--gray);color:var(--paper);outline:none}
.chero__stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(40px,5vw,62px);
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  background:linear-gradient(165deg,rgba(28,43,39,.45),rgba(12,19,17,.25));backdrop-filter:blur(8px)}
.chero__stat{position:relative;padding:clamp(22px,2.6vw,30px) clamp(18px,2.2vw,30px);transition:.4s var(--ease)}
.chero__stat:hover{background:rgba(197,197,197,.05)}
.chero__stat + .chero__stat::before{content:"";position:absolute;left:0;top:50%;translate:0 -50%;
  height:54%;width:1px;background:var(--line)}
.chero__stat .n{display:flex;align-items:baseline;gap:.08em;font-family:var(--t-display);font-weight:300;
  font-size:clamp(2.2rem,4.4vw,3.4rem);line-height:1;letter-spacing:-.02em;
  background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent}
.chero__stat .l{display:block;margin-top:.7rem;font-size:.78rem;letter-spacing:.06em;color:var(--gray-2)}
@media(max-width:680px){
  .chero__stats{grid-template-columns:repeat(2,1fr)}
  .chero__stat:nth-child(3)::before{display:none}
  .chero__stat:nth-child(n+3){border-top:1px solid var(--line)}
}
.chero__cue{position:absolute;left:50%;bottom:26px;translate:-50% 0;z-index:2;display:flex;flex-direction:column;
  align-items:center;gap:.5rem;color:var(--gray-2);font-family:var(--t-display);font-size:.7rem;letter-spacing:.22em;
  text-transform:uppercase}
.chero__cue svg{width:16px;height:16px;animation:chero-cue 1.8s ease-in-out infinite}
@keyframes chero-cue{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(5px);opacity:1}}
@media(max-width:560px){.chero__cue{display:none}}