.sphero{position:relative;overflow:hidden;padding:72px 24px;background:#1F2F38}
.sphero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,178,0,0.04) 0 2px,transparent 2px 28px)}
.sphero-in{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}
.sphero-txt{max-width:620px;min-width:0}
.sphero .lead{font-size:18px;margin-bottom:24px}
.sphero-art{background:#26394A;border-radius:16px;padding:22px;box-shadow:0 14px 34px rgba(6,12,16,0.45);width:40%;max-width:320px;min-width:180px;margin-left:32px;flex:none}
.sphero-art svg{display:block;width:100%;height:auto}
.syntaxbox{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#131E28;border-radius:10px;padding:14px 16px;margin:6px 0 18px}
.syntaxbox code{color:#A9D95E;font-family:Consolas,Menlo,monospace;font-size:16px;font-weight:700;margin-right:14px}
@media(max-width:1080px){.sphero-in{flex-direction:column}.sphero-txt{max-width:640px}.sphero-art{margin:30px auto 0;width:100%;max-width:260px}}
@media(max-width:480px){.sphero{padding:52px 14px}.syntaxbox code{font-size:14px}}