.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 600px;gap:48px;align-items:center;min-height:470px;padding:30px 0 8px}
          .eyebrow{display:flex;align-items:center;gap:12px;font-size:13.5px;color:var(--faint)}
          .eyebrow b{font-weight:600;color:var(--text)}
          .hh1{margin:20px 0 0;max-width:17ch;font:700 48px/1.06 var(--font);letter-spacing:-.028em;text-wrap:balance}
          .hero .lede{margin:16px 0 0;max-width:56ch;font-size:16px;line-height:1.6;color:var(--dim);text-wrap:pretty}
          .acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
          .cta{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:var(--r2);background:var(--coc);color:oklch(0.2 0.04 75);font:600 14px/1 var(--font);transition:filter .15s}
          .cta:hover{color:oklch(0.2 0.04 75);filter:brightness(1.08)}
          .scatter.coc-art{height:470px}
          .ths{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line)}
          .tht{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px 12px;background:var(--surface);text-align:center;transition:background-color .15s}
          .tht:hover{background:var(--surface2)}
          .tht img{width:74px;height:74px;object-fit:contain;transition:transform .25s var(--ease)}
          .tht:hover img{transform:translateY(-3px) scale(1.04)}
          .tht b{font:650 13.5px/1 var(--font)}
          .tht small{font-size:11.5px;color:var(--faint);font-variant-numeric:tabular-nums}
          .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}
          .nu{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:4px 20px 20px}
          .nui{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--r2);background:var(--bg2)}
          .nui img{width:44px;height:44px;object-fit:contain}
          .nui .ph0{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:var(--surface3)}
          .nui .ph0 .gl{width:20px;height:20px;color:var(--faint)}
          .nui b{display:block;font:600 13px/1.25 var(--font)}
          .nui small{font-size:11.5px;color:var(--faint)}
          .hgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line)}
          .hc{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;background:var(--surface);text-align:center;transition:background-color .15s}
          .hc:hover{background:var(--surface2)}
          .hc img{width:84px;height:84px;object-fit:contain}
          .hc b{font:600 14px/1.2 var(--font)}
          .hc small{font-size:12px;color:var(--faint)}
          .groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
          .grp{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r3);box-shadow:inset 0 1px 0 var(--hi);overflow:hidden;transition:border-color .2s,transform .2s var(--ease)}
          .grp:hover{border-color:var(--line2);transform:translateY(-2px)}
          .grp .gh{display:flex;align-items:baseline;justify-content:space-between;padding:16px 18px 6px}
          .grp .gh b{font:650 15.5px/1.2 var(--font)}
          .grp .gh small{font-size:12.5px;color:var(--faint)}
          .grp p{margin:0;padding:0 18px;font-size:13px;line-height:1.5;color:var(--faint)}
          .icons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:14px 18px 18px}
          .icons img{width:100%;aspect-ratio:1;object-fit:contain}
          .list5{display:flex;flex-direction:column}
          .li5{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:9px 20px;border-top:1px solid var(--line);transition:background-color .12s}
          .li5:hover{background:var(--surface2)}
          .li5 img{width:44px;height:44px;object-fit:contain}
          .li5 strong{font:600 13px/1 var(--font);color:var(--dim);font-variant-numeric:tabular-nums}
          @media (max-width:1300px){.hero{grid-template-columns:minmax(0,1fr) 500px}.ths{grid-template-columns:repeat(6,minmax(0,1fr))}.groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
          @media (max-width:1100px){.hero{grid-template-columns:minmax(0,1fr)}.scatter.coc-art{width:600px;max-width:100%;justify-self:center}.two{grid-template-columns:minmax(0,1fr)}}
          @media (max-width:760px){.hh1{font-size:36px}.scatter.coc-art{max-width:none;zoom:.54}.ths{grid-template-columns:repeat(3,minmax(0,1fr))}.groups{grid-template-columns:minmax(0,1fr)}.hgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}