.product-project-content{margin-top:34px}.project-context{background:linear-gradient(130deg,#f7faff,#fff);border:1px solid #dce4ef;border-radius:18px;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:38px;padding:28px;display:grid}.project-context-kicker{letter-spacing:1.7px;color:#4c6fac;font-size:10px;font-weight:650}.project-context h2{letter-spacing:-.9px;word-break:keep-all;margin:12px 0 14px;font-size:27px;line-height:1.5}.project-context .article-body{font-size:14px;line-height:1.95}.project-context .article-body p:last-child{margin-bottom:0}.project-context>img{object-fit:contain;width:100%;height:170px}.project-section-label{margin-bottom:22px}.project-section-label>span{letter-spacing:1.7px;color:#6c82a4;font-size:10px;font-weight:650}.project-section-label h2{letter-spacing:-.8px;word-break:keep-all;margin:7px 0 0;font-size:25px;line-height:1.6}.project-capabilities,.project-screens,.project-working-notes{margin-top:46px}.project-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.project-feature{background:#fff;border:1px solid #dce4ef;border-radius:14px;padding:23px 21px}.project-feature-top{color:#2855bc;justify-content:space-between;align-items:center;display:flex}.project-feature-top>span{letter-spacing:1px;color:#8193af;font-size:11px}.project-feature h3{letter-spacing:-.6px;word-break:keep-all;margin:17px 0 12px;font-size:18px;line-height:1.6}.project-feature .article-body{word-break:keep-all;overflow-wrap:break-word;font-size:12px;line-height:1.95}.project-feature .article-body p:last-child{margin-bottom:0}.project-screen-choices{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.project-screen-choices button{color:#637594;cursor:pointer;text-align:left;background:#fff;border:1px solid #d9e3f0;border-radius:8px;padding:9px 13px;font-size:11px}.project-screen-choices button[aria-pressed=true]{color:#2855bc;background:#edf3ff;border-color:#8dace2}.project-screen-choices button:focus-visible{outline-offset:3px;outline:2px solid #2855bc}.project-screen-frame{background:#fafcff;border:1px solid #dce4ef;border-radius:14px;margin:0;overflow:hidden;box-shadow:0 12px 35px #22375408}.project-screen-frame>a{padding:12px;display:block}.project-screen-frame img{object-fit:contain;width:100%;height:auto;max-height:490px;display:block}.project-screen-frame figcaption{color:#627493;background:#fff;border-top:1px solid #e4eaf3;justify-content:space-between;align-items:center;gap:15px;padding:16px 20px;font-size:12px;line-height:1.7;display:flex}.project-screen-frame figcaption>a{white-space:nowrap;color:#2855bc;align-items:center;gap:4px;font-size:11px;display:inline-flex}.project-working-notes{border-top:1px solid #dce4ef;padding-top:30px}.project-working-notes .article-body>section:first-child h2{margin-top:0}.product-project-content .article-body{word-break:keep-all;overflow-wrap:break-word}@media (max-width:760px){.project-context{grid-template-columns:minmax(0,1fr) 120px;gap:18px;padding:23px}.project-context>img{height:135px}.project-feature-grid{grid-template-columns:1fr}.project-feature{padding:22px}.project-feature .article-body{font-size:13px}.project-feature h3{margin-top:12px}.project-capabilities,.project-screens,.project-working-notes{margin-top:34px}}@media (max-width:480px){.project-context{grid-template-columns:1fr;padding:23px}.project-context>img{justify-self:center;max-width:150px;height:130px}.project-context h2{font-size:24px}.project-context .article-body{font-size:13px}.project-section-label h2{font-size:22px}.project-screen-frame>a{padding:5px}.project-screen-frame figcaption{align-items:start;padding:13px 14px;font-size:11px}.project-screen-choices button{font-size:10px}}