.dev-callout dl{margin:1.5rem 0 0;border-top:1px solid var(--dev-line)}
.dev-callout dl div{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--dev-line)}
.dev-callout dt{color:#777f89;font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.dev-callout dd{margin:0;color:#fff;font-size:.78rem;font-weight:700;text-align:right}
.dev-systems{background:linear-gradient(180deg,#090b0e,#0e080b)}
.dev-system-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--dev-line);border-left:1px solid var(--dev-line)}
.dev-system-grid article{position:relative;min-height:260px;padding:2rem;border-right:1px solid var(--dev-line);border-bottom:1px solid var(--dev-line)}
.dev-system-grid article>span{color:#ff4b40;font:900 1rem Barlow Condensed,sans-serif}
.dev-system-grid h3{margin:3rem 0 1rem;font:800 2rem/1 Barlow Condensed,sans-serif;text-transform:uppercase}
.dev-system-grid p{color:#aeb3ba;font-size:.86rem;line-height:1.7}
.dev-final>div>p:not(.eyebrow){max-width:760px;margin:0 auto 2rem;line-height:1.75}
@media(max-width:900px){.dev-system-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.dev-system-grid{grid-template-columns:1fr}.dev-callout dl div{display:block}.dev-callout dd{display:block;margin-top:.35rem;text-align:left}}