.stage{position:relative;width:min(1420px,92vw);margin-inline:auto;min-height:clamp(300px,32vw,420px)}
.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}

.chip{display:inline-flex;align-items:center;gap:9px;padding:5px 11px;border-radius:8px;background:rgba(6,30,40,.72);border:1px solid rgba(123,219,211,.16);backdrop-filter:blur(6px);font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:rgba(215,238,236,.86);white-space:nowrap}
.chip--core{padding:9px 16px;border-radius:10px;background:rgba(5,26,35,.9);border-color:rgba(123,219,211,.26);color:#EAF7F6;font-size:11px}
.chip--gold{padding:8px 14px;border-radius:9px;background:rgba(252,201,33,.1);border-color:rgba(252,201,33,.42);color:var(--accent);font-size:10px}
.chip--out{padding:10px 15px;border-radius:9px;background:rgba(18,186,176,.18);border-color:rgba(24,219,206,.46);color:#9FEDE6;font-size:10.5px;letter-spacing:.12em}
.ov{position:absolute;inset:0;z-index:2;pointer-events:none}
.ov > *{position:absolute}

.g1a .fams{left:0;top:50%;transform:translateY(-50%);display:grid;gap:clamp(8px,2vh,23px);justify-items:start}
.g1a .core{left:50%;top:50%;transform:translate(-50%,-50%)}
.g1a .o1{right:0;top:calc(50% - 124px);transform:translateY(-50%)}
.g1a .o2{right:0;top:calc(50% + 124px);transform:translateY(-50%)}
@media(max-width:1100px){
  .g1a .o1{top:calc(50% - 96px)}
  .g1a .o2{top:calc(50% + 96px)}
}

.g2a .core{left:50%;top:50%;transform:translate(-50%,-50%)}
.g2a .v0{left:9%;top:50%;transform:translateY(-50%)}
.g2a .v1{right:9%;top:50%;transform:translateY(-50%)}

.g3a .st{top:50%;transform:translate(-50%,-50%)}

@media(max-width:760px){
  .stage{ min-height:240px; }
  .ov{ visibility:hidden; }
  .ov .chip{ padding:0; border:0; font-size:0; line-height:0; }
}

#svcHero .cmh-crumbs{ --d:.06s; }
#svcHero h1{ --d:.17s; }
#svcHero .cmh-stage{ --d:.28s; }
#svcHero .cmh-card{ --d:.39s; }

.g8a .fams{left:0;top:50%;transform:translateY(-50%);display:grid;gap:clamp(8px,2vh,22px);justify-items:start}
.g8a .core{left:50%;top:calc(50% - 1px);transform:translate(-50%,-50%)}
.g8a .o1{right:0;top:calc(50% - 96px);transform:translateY(-50%)}
.g8a .o2{right:0;top:calc(50% + 96px);transform:translateY(-50%)}
@media(max-width:1100px){
  .g8a .o1{top:calc(50% - 74px)}
  .g8a .o2{top:calc(50% + 74px)}
}
@media(max-width:767px){
  .g8a.stage{ min-height:360px; }
  .g8a .ov{ visibility:visible; }
  .g8a .chip{
    padding:3px 7px; border:1px solid rgba(123,219,211,.18);
    font-size:8px; line-height:1.3; letter-spacing:.04em;
  }
  .g8a .chip--core{ font-size:8.5px; padding:4px 9px; }
  .g8a .core{ left:50%; top:0; transform:translateX(-50%); }
  .g8a .fams{
    left:0; right:0; top:32px; transform:none;
    display:flex; justify-content:space-between; align-items:flex-start; gap:4px;
  }
  .g8a .o1{ left:0; right:auto; top:auto; bottom:0; transform:none; }
  .g8a .o2{ right:0; left:auto; top:auto; bottom:0; transform:none; }
}