.crm-project-art{background:linear-gradient(135deg,#e7eee4,#f7faf5)!important;padding:28px 24px 0!important}.crm-project-art>div{padding:0 0 22px;color:#173a5e}.crm-project-art>div>span{font-size:9px;letter-spacing:1.3px;display:block;margin-bottom:16px}.crm-project-art strong{font-weight:500;font-size:clamp(25px,2.3vw,36px);letter-spacing:-1.2px}.portfolio-card .crm-project-art img{border:1px solid #173a5e18;border-radius:12px 12px 0 0;box-shadow:0 15px 35px #173a5e12}.project-screen-showcase{margin:20px 7% 50px;padding:32px;border:1px solid #fff;border-radius:28px;background:linear-gradient(135deg,#ffffffe0,#e7eee599);box-shadow:0 24px 65px #173a5e0a;scroll-margin-top:130px}.screen-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.screen-heading h2{font-size:clamp(30px,4vw,52px);letter-spacing:-1.8px;line-height:1.13;margin:18px 0}.screen-heading>p{font-size:14px;line-height:1.7;color:#4c6558;max-width:220px}.screen-switch{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 25px}.screen-switch button{border-radius:100px;border:1px solid #173a5e22;background:#ffffff99;padding:13px 22px;min-height:46px;color:#315e4b;font:500 13px Inter,Arial,sans-serif;cursor:pointer;transition:background .2s,box-shadow .2s}.screen-switch button[aria-pressed=true]{background:linear-gradient(130deg,#2c577a,#173a5e);color:white;box-shadow:inset 0 1px #ffffff44,0 7px 20px #173a5e18}.project-screen-showcase figure{margin:0}.screen-enlarge{position:relative;display:block;width:100%;padding:0;overflow:hidden;border-radius:18px;border:1px solid #173a5e18;background:#f6f8f5;cursor:zoom-in}.screen-enlarge img{display:block;width:100%;height:auto}.screen-enlarge>span{position:absolute;bottom:16px;right:16px;padding:11px 17px;border-radius:100px;background:#173a5ef0;color:white;font-size:12px;backdrop-filter:blur(14px)}.project-screen-showcase figcaption{font-size:12px;line-height:1.8;color:#4c6558;margin:16px 3px 0}.workflow-preview{margin:20px 7%;padding:40px;background:linear-gradient(125deg,#183c58,#0e2c40);border:1px solid #ffffff33;border-radius:28px;color:#fff;box-shadow:0 24px 60px #173a5e12}.workflow-preview .eyebrow{color:#aad8c1}.workflow-preview h2{font-size:clamp(28px,4vw,46px);letter-spacing:-1.5px;margin:25px 0}.workflow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.workflow-steps button{border:1px solid #ffffff30;border-radius:18px;background:#ffffff09;color:#e3ede6;text-align:left;padding:20px;cursor:pointer;font:500 18px Inter,Arial,sans-serif;transition:background .2s,border-color .2s;min-height:110px;display:flex;gap:14px;align-items:center}.workflow-steps button>span{font-size:11px;color:#a9d8c1}.workflow-steps button>b{margin-left:auto;font-size:16px;font-weight:400}.workflow-steps button[aria-pressed=true]{background:#ffffff16;border-color:#64cba5}.workflow-steps p{grid-column:1/-1;min-height:50px;font-size:15px;line-height:1.8;margin:18px 0 0;color:#d0e2da}.screen-lightbox{width:min(1500px,96vw);max-height:94dvh;box-sizing:border-box;padding:22px;border:1px solid white;border-radius:24px;background:#f4f7f0;color:#173a5e;overflow:auto;box-shadow:0 30px 100px #001c3888}.screen-lightbox::backdrop{background:#092434cc;backdrop-filter:blur(14px)}.screen-lightbox>div{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.screen-lightbox h2{font:500 18px Inter,Arial,sans-serif;letter-spacing:-.3px}.screen-lightbox button{padding:12px 18px;min-height:44px;border:1px solid #173a5e22;border-radius:100px;background:white;color:#173a5e;cursor:pointer}.screen-lightbox>img{display:block;width:100%;height:auto;border-radius:12px}.screen-lightbox>p{font-size:12px;line-height:1.7;color:#4c6558;margin-top:16px}.screen-lightbox[open]{animation:screen-enter .2s ease-out}@keyframes screen-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.project-screen-showcase button:focus-visible,.workflow-preview button:focus-visible,.screen-lightbox button:focus-visible{outline:3px solid #0ba87c;outline-offset:4px}.case-story p,.case-story li{color:#4b6356}
@media(max-width:760px){.project-screen-showcase{padding:20px;margin:20px 5% 35px;border-radius:22px}.screen-heading{display:block}.screen-heading>p{max-width:none}.workflow-preview{margin:20px 5%;padding:25px}.workflow-steps{grid-template-columns:1fr}.workflow-steps button{min-height:68px;padding:18px;font-size:17px}.workflow-steps p{min-height:82px}.screen-enlarge{border-radius:12px}.screen-enlarge>span{padding:9px 12px;bottom:8px;right:8px;font-size:10px}.screen-lightbox{padding:14px}.crm-project-art{padding:22px 18px 0!important}}
@media(prefers-reduced-motion:reduce){.screen-lightbox[open]{animation:none}.screen-switch button,.workflow-steps button{transition:none}}