.cj-hub-editor { width:calc(100% - 2 * var(--m)); max-width:1360px; margin:auto; padding:110px 0 90px; scroll-margin-top:80px; }
.cj-hub-heading { max-width:none; margin:0 0 34px; text-align:center; color:#fff; font:600 clamp(34px,4vw,62px)/1.05 var(--font-display); letter-spacing:-.045em; }
.cj-hub-demo { overflow:hidden; border:1px solid #93a5c438; border-radius:18px; background:#121212; box-shadow:0 30px 90px -40px #000,0 0 100px -60px #7594c4; }
#cj-hub-frame { display:block; width:100%; height:760px; max-height:82svh; border:0; background:#121212; }
.cj-hub-under { display:flex; justify-content:space-between; align-items:start; gap:40px; padding-top:22px; }
.cj-hub-under p { min-height:48px; max-width:80ch; color:#acb9cc; font-size:14px; line-height:1.65; }
.cj-hub-under a { flex:none; color:#d1ddee; font-size:12px; text-decoration:none; padding-top:3px; }
.cj-hub-under a:hover { color:#fff; }
.cj-plugins-more { display:block; min-height:46px; margin:34px auto 0; padding:12px 26px; border:1px solid #ffffff32; border-radius:999px; background:#ffffff08; color:#fff; font:500 13px var(--font-sans); cursor:pointer; }
.cj-plugins-more:hover { background:#ffffff14; border-color:#ffffff65; }
@media(max-width:760px) {
 .cj-hub-editor { padding:74px 0 50px; scroll-margin-top:65px; }
 .cj-hub-demo { border-radius:12px; }
 #cj-hub-frame { height:700px; max-height:none; }
 .cj-hub-under { flex-direction:column; gap:10px; padding-top:16px; }
 .cj-hub-under p { font-size:14px; }
}