#system-star{position:absolute;width:120px;height:120px;pointer-events:none;z-index:2;border-radius:50%;background:radial-gradient(circle closest-side,#fff 0 6%,#eaf8ffc0 12%,#9fd2e855 28%,#9fd2e81c 54%,#9fd2e800 100%)}
#system-star::before{content:"";position:absolute;width:18px;height:18px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 0 15px 5px #fff9,0 0 45px 16px #9fd2e860,0 0 90px 34px #9fd2e81c}
#system-star[hidden]{display:none}
#system-star i,#system-star b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(90deg,#9fd2e800,#9fd2e866 40%,#fff 50%,#9fd2e866 60%,#9fd2e800);width:190px;height:2px}
#system-star b{transform:translate(-50%,-50%) rotate(90deg);width:150px}
#system-one{min-width:0;border:0;background:none;box-shadow:none;padding:0;color:#fff;letter-spacing:.14em;font-size:14px}
#system-one small{font-size:12px;margin-top:5px;color:#c6d5de}
#ribbon-controls :is(button,a.ribbon-link) .ribbon-label{font-size:10px;line-height:1.45;top:calc(100% + 8px);bottom:auto;padding:0;background:none;white-space:normal;text-align:left;text-overflow:clip;overflow:visible}
#ribbon-controls :is(button,a.ribbon-link) .segment-head{position:absolute;left:0;bottom:calc(100% + 12px);white-space:normal;width:100%;font:500 12px/1.45 "JetBrains Mono","Zen Kaku Gothic New",monospace;opacity:1;letter-spacing:.01em;text-align:left}
#ribbon-controls :is(button,a.ribbon-link) .segment-head em{font-style:normal;display:block;font-size:10px;opacity:.65;margin-top:3px;letter-spacing:.12em}
#ribbon-controls :is(button,a.ribbon-link) .try-it{position:absolute;left:8px;bottom:8px;background:#101216bd;color:#fff;padding:5px 8px;font-size:10px}
#scene6 .contact-copy .jp-copy{line-height:1.9}
#scene6 .contact-copy .jp-mask{display:block}
@media(min-width:768px){#scene3 .strong-copy{bottom:6vh}#scene3 h2{font-size:clamp(42px,5vw,68px);margin:12px 0}}
@media(max-width:767px){#system-one{font-size:12px}#system-one small{font-size:11px}#ribbon-controls :is(button,a.ribbon-link) .segment-head{font-size:12px}#scene3 .strong-copy{bottom:5vh}}

#ribbon-controls a.ribbon-link{position:absolute;pointer-events:auto;color:#111;text-decoration:none;padding:0;background:#ffffff0f;cursor:pointer}
