.web-system{color:#fffff5;background:#000;overflow-x:clip}.web-system-eyebrow{letter-spacing:.16em;color:#e8dfc8;font-size:12px}.web-system-section{grid-template-columns:55% 45%;align-items:center;gap:0;max-width:none;margin:auto;padding:40px 32px;display:grid}.web-system-noart{grid-template-columns:1fr}.web-system-noart .web-system-copy{max-width:900px}.web-system-art img{width:100%;height:auto}.web-system-copy{padding:40px}.web-system h2{letter-spacing:-.045em;margin:24px 0;font-size:clamp(32px,3.6vw,52px);font-weight:400;line-height:1.12}.web-system-copy p,.web-system-process p{color:#a3a3a3;font-size:17px;line-height:1.75}.web-system-copy .web-system-example{color:#e8dfc8;border-top:1px solid #ffffff26;margin-top:28px;padding-top:24px;font-size:15px}.web-system-reverse .web-system-art{order:2}.web-system-process{max-width:none;margin:auto;padding:100px 7vw}.web-system-steps{grid-template-columns:repeat(4,1fr);gap:32px;margin-top:56px;display:grid}.web-system-steps h3{margin-bottom:18px;font-size:22px;font-weight:400}.web-system-steps>div{border-top:1px solid #fff3;padding-top:24px}.web-system-contact{max-width:1000px;margin:auto;padding:70px 32px 100px}.web-system-contact h2{margin-bottom:40px}@media (max-width:900px){.web-system-section{grid-template-columns:1fr;padding:20px}.web-system-copy{padding:24px 12px 50px}.web-system-reverse .web-system-art{order:0}.web-system-steps{grid-template-columns:repeat(2,1fr)}.web-system-process{padding:70px 7vw}}@media (max-width:480px){.web-system-steps{grid-template-columns:1fr}.web-system-contact{padding:40px 20px 70px}}.web-system-capabilities{color:#000;background:#e8dfc8}.web-system-capabilities .web-system-eyebrow,.web-system-capabilities p{color:#333}.web-system-capabilities .web-system-steps>div{border-color:#0003}.web-system-faq{max-width:1100px}.web-system-faq details{border-bottom:1px solid #ffffff26}.web-system-faq summary{cursor:pointer;justify-content:space-between;gap:24px;padding:26px 0;font-size:21px;list-style:none;display:flex}.web-system-faq summary::-webkit-details-marker{display:none}.web-system-faq summary span{transition:transform .2s}.web-system-faq details[open] summary span{transform:rotate(45deg)}.web-system-faq details p{max-width:850px;padding:0 0 24px}
