#custom-systems.custom-solutions{display:block;padding-block:58px;background:radial-gradient(ellipse at 100% 0,#153f50,transparent 50%),#101e26;scroll-margin-top:80px}
#custom-systems .custom-intro{max-width:810px;margin-bottom:30px}
#custom-systems .eyebrow{font:600 10px/1.5 Montserrat,Arial,sans-serif;letter-spacing:.11em;color:#9ecbdf;margin:0 0 15px}
#custom-systems h2{font:600 clamp(30px,3.1vw,46px)/1.13 Montserrat,Arial,sans-serif;letter-spacing:-.04em;color:#fff;margin:0 0 16px;max-width:760px}
#custom-systems .custom-lead{font:400 16px/1.7 Arial,sans-serif;color:#c9dce6;margin:0;max-width:690px}
.custom-choose{font:400 12px/1.5 Arial,sans-serif;color:#a9c9d9;margin:0 0 10px}
.custom-area-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:17px}
.custom-area-tabs button{padding:15px 12px;text-align:left;background:#183340;color:#d5e6ee;border:1px solid #375866;border-radius:5px;cursor:pointer;transition:background .2s,border-color .2s}
.custom-area-tabs strong{font:600 12px/1.5 Montserrat,Arial,sans-serif}
.custom-area-tabs button[aria-selected=true]{background:#dff3fc;border-color:#62c8f5;color:#102b38}
.custom-area-tabs button:hover{border-color:#19b4f4}
#custom-systems :is(a,button):focus-visible{outline:3px solid #19b4f4;outline-offset:4px}
#custom-example{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;background:#edf5f8;border:1px solid #c5dfe9;border-radius:7px;padding:30px;color:#102b38}
#custom-example h3{font:600 28px/1.2 Montserrat,Arial,sans-serif;letter-spacing:-.035em;color:#102b38;margin:0 0 16px;max-width:420px}
.workflow-context>p{font:400 15px/1.7 Arial,sans-serif;color:#486370;margin:0 0 24px;max-width:430px}
#custom-example .button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:#102b38;color:#fff;border:1px solid #102b38;padding:13px 17px;font:600 12px/1.4 Montserrat,Arial,sans-serif;border-radius:4px}
#custom-example .button:hover{background:#20506a}
.workflow-demo{min-width:0;background:#fff;border:1px solid #c1d7e2;border-radius:5px;overflow:hidden;box-shadow:0 10px 25px -20px #163f5360}
.workflow-demo-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 17px;border-bottom:1px solid #dbe6eb}
.workflow-demo-bar img{width:90px;height:auto}
.workflow-demo-bar>span{font:600 8px/1.5 Montserrat,Arial,sans-serif;letter-spacing:.07em;color:#5a7988}
.workflow-record{padding:15px 17px 6px}
.workflow-record>div{display:flex;align-items:start;flex-direction:column;gap:8px;margin-bottom:8px}
.workflow-record strong{font:600 12px/1.5 Montserrat,Arial,sans-serif;color:#163f53}
.workflow-status{font:400 10px/1.4 Arial,sans-serif;background:#e6f3fa;border-radius:3px;color:#235970;padding:4px 7px}
.workflow-record dl{margin:0}
.workflow-record dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:15px;border-bottom:1px solid #e6eef2;padding:10px 0;font:400 12px/1.5 Arial,sans-serif}
.workflow-record dl>div:last-child{border:0}
.workflow-record dt{color:#607985}.workflow-record dd{color:#173d50;text-align:right;margin:0;max-width:65%}
.custom-example-note{font:400 11px/1.6 Arial,sans-serif;color:#adc7d3;margin:13px 0 0}
@media(min-width:1600px){#custom-systems.custom-solutions{padding-inline:max(5.5%,calc((100vw - 1500px)/2))}}
@media(max-width:760px){#custom-systems.custom-solutions{padding:40px 6%}#custom-systems h2{font-size:32px}.custom-area-tabs{grid-template-columns:1fr 1fr}.custom-area-tabs button{padding:12px 10px}.custom-area-tabs strong{font-size:11px}#custom-example{grid-template-columns:1fr;gap:24px;padding:21px}#custom-example h3{font-size:25px}.workflow-context>p{font-size:14px}.workflow-record{padding-inline:12px}.workflow-demo-bar{padding-inline:12px}.workflow-record dl>div{gap:9px;font-size:11px}.workflow-record dd{max-width:63%}}
@media(prefers-reduced-motion:reduce){.custom-area-tabs button{transition:none}}