.sfrw-showcase{background:#f7f5fb;color:#171829;border-top:1px solid #e9e4f0;border-bottom:1px solid #e9e4f0;padding:66px 44px 54px;overflow:hidden}.sfrw-inner{max-width:1192px;margin:0 auto}.sfrw-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:end;margin-bottom:42px}.sfrw-eyebrow{display:block;color:#7131d7;font-size:11px;letter-spacing:.12em;line-height:1.5;font-weight:700;margin-bottom:17px}.sfrw-heading h2{font-size:clamp(30px,3.1vw,44px);line-height:1.14;letter-spacing:-.045em;margin:0;font-family:inherit;font-weight:750}.sfrw-heading p{font-size:14px;color:#646171;line-height:1.85;margin:0 0 14px}.sfrw-all{display:inline-flex;gap:18px;align-items:center;font-size:12px;font-weight:700;color:#6b2dd0!important;text-decoration:none}.sfrw-devices{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr) minmax(0,.72fr);gap:32px;align-items:end}.sfrw-project{margin:0;min-width:0}.sfrw-project-link{display:block;color:inherit;text-decoration:none}.sfrw-project-link:focus-visible,.sfrw-all:focus-visible{outline:3px solid #7936ef;outline-offset:7px;border-radius:4px}.sfrw-device-stage{height:430px;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;padding:18px 0 0}.sfrw-monitor{width:100%;border:7px solid #272632;border-radius:10px;background:#272632;box-shadow:0 15px 24px #211c3620;overflow:hidden}.sfrw-browser-top{height:23px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 8px;background:#fafafa;border-bottom:1px solid #e9e9ed;font-size:8px;line-height:1;color:#76717e}.sfrw-browser-top>span:first-child{font-size:6px;letter-spacing:2px;color:#b9b5c0}.sfrw-monitor .sfrw-screen{aspect-ratio:1.75;overflow:hidden;background:#fff}.sfrw-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;max-width:100%;margin:0}.sfrw-monitor-chin{height:18px;background:#dddae2;display:flex;align-items:center;justify-content:center;margin:0 -1px -1px}.sfrw-monitor-chin>span{width:5px;height:5px;background:#8d8994;border-radius:50%}.sfrw-monitor-neck{width:65px;height:24px;background:linear-gradient(#aaa5b3,#dcd8e2);clip-path:polygon(20% 0,80% 0,95% 100%,5% 100%)}.sfrw-monitor-foot{width:115px;height:6px;border-radius:70% 70% 2px 2px;background:linear-gradient(#ddd9e4,#aaa5b3);box-shadow:0 5px 9px #211c361a}.sfrw-tablet,.sfrw-phone{position:relative;border:7px solid #272632;background:#272632;box-shadow:0 15px 24px #211c3625;overflow:hidden}.sfrw-tablet{width:min(100%,242px);border-radius:17px;padding:8px 0}.sfrw-tablet .sfrw-screen{aspect-ratio:.75;overflow:hidden;border-radius:3px;background:#fff}.sfrw-phone{width:min(100%,148px);border-radius:23px;padding-top:4px}.sfrw-phone .sfrw-screen{aspect-ratio:390/844;overflow:hidden;border-radius:15px;background:#fff}.sfrw-camera{position:absolute;z-index:1;top:4px;left:50%;transform:translateX(-50%);width:3px;height:3px;background:#767080;border-radius:50%}.sfrw-phone .sfrw-camera{top:5px;width:34px;height:7px;border-radius:0 0 7px 7px;background:#272632}.sfrw-project figcaption{display:block;border-top:1px solid #ddd7e7;margin-top:23px;padding-top:17px;min-height:74px}.sfrw-project-sector{display:block;text-transform:uppercase;letter-spacing:.09em;color:#7b7286;font-size:9px;font-weight:600;margin-bottom:7px;line-height:1.4}.sfrw-project-title{display:flex;justify-content:space-between;gap:10px;font-size:16px;font-weight:700;line-height:1.35;letter-spacing:-.025em}.sfrw-project-title>span{color:#7131d7;flex-shrink:0}.sfrw-project-link:hover .sfrw-project-title{color:#7131d7}.sfrw-real-work-page .visual-story{display:none}
@media(max-width:1000px){.sfrw-showcase{padding:48px 30px}.sfrw-heading{gap:35px}.sfrw-devices{gap:23px}.sfrw-device-stage{height:350px}.sfrw-tablet{max-width:195px}.sfrw-phone{max-width:119px}.sfrw-project-title{font-size:14px}.sfrw-browser-top{font-size:7px}}
@media(max-width:760px){.sfrw-showcase{padding:42px 22px 34px}.sfrw-heading{display:block;margin-bottom:23px}.sfrw-eyebrow{font-size:10px;margin-bottom:14px}.sfrw-heading h2{font-size:31px;max-width:440px;margin:0 0 20px}.sfrw-heading p{font-size:13px;line-height:1.8}.sfrw-devices{grid-template-columns:1fr 1fr;gap:26px 22px}.sfrw-project-monitor{grid-column:1/-1}.sfrw-device-stage{height:300px;padding-top:10px}.sfrw-project-monitor .sfrw-device-stage{height:auto;max-width:520px;margin:auto}.sfrw-project-monitor .sfrw-monitor{border-width:6px}.sfrw-monitor .sfrw-screen{aspect-ratio:1.58}.sfrw-tablet{width:min(100%,183px);border-width:6px;border-radius:14px}.sfrw-phone{width:116px;border-width:6px;border-radius:20px}.sfrw-phone .sfrw-screen{border-radius:13px}.sfrw-project figcaption{margin-top:18px;padding-top:13px;min-height:70px}.sfrw-project-title{font-size:15px}.sfrw-project-sector{font-size:8px}.sfrw-browser-top{font-size:7px}}
@media(max-width:360px){.sfrw-device-stage{height:240px}.sfrw-tablet{max-width:145px}.sfrw-phone{max-width:105px}.sfrw-project-title{font-size:13px}}

.sfrw-device-stage>*{flex-shrink:0}