.samples-list{padding-block:40px 80px}.sample-entry{padding:35px 0 55px;border-bottom:1px solid var(--line)}.sample-caption span{font-size:14px;letter-spacing:.12em;color:var(--green)}.sample-caption h2{margin:10px 0}.sample-caption p{font-size:14px}.device-pair{display:flex;gap:26px;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8eef5,#f4f7f9);padding:35px 20px;border-radius:18px;margin-bottom:25px;overflow:hidden}.desktop-shell{width:720px;height:485px;border:7px solid white;border-radius:12px;box-shadow:0 10px 30px #263d5520;overflow:hidden;flex-shrink:0;background:white}.window-dots{height:22px;line-height:18px;letter-spacing:3px;color:#a7b7c4;font-size:12px;padding-inline:8px}.window-dots span{float:right;letter-spacing:0}.desktop-shell iframe{width:1280px;height:815px;border:0;transform:scale(.552);transform-origin:top left;pointer-events:none}.phone-shell{width:210px;height:440px;background:white;border:7px solid #243341;border-radius:34px;overflow:hidden;box-shadow:0 10px 30px #263d5530;flex-shrink:0}.phone-top{font:700 12px Arial;padding:11px 16px 8px;height:32px}.phone-top span{float:right;font-size:10px}.phone-shell iframe{border:0;width:390px;height:790px;transform:scale(.503);transform-origin:top left;pointer-events:none}.sample-entry>.button{font-size:15px}@media(max-width:1100px){.desktop-shell{width:560px;height:380px}.desktop-shell iframe{transform:scale(.427)}.phone-shell{width:180px;height:380px}.phone-shell iframe{transform:scale(.426)}.device-pair{gap:16px}}@media(max-width:800px){.device-pair{position:relative;min-height:280px;justify-content:flex-start;padding:20px 12px;gap:8px}.desktop-shell{width:72%;height:220px;border-width:4px;border-radius:6px}.desktop-shell iframe{transform:scale(.3);width:1280px}.phone-shell{position:absolute;right:10px;bottom:15px;width:120px;height:250px;border-width:4px;border-radius:20px}.phone-top{font-size:9px;padding:6px 10px;height:20px}.phone-shell iframe{transform:scale(.287)}.sample-caption h2{font-size:25px}.sample-entry{padding-top:22px}}@media(max-width:440px){.desktop-shell iframe{transform:scale(.17)}.desktop-shell{height:170px}.device-pair{min-height:245px}}
.sample-caption .sample-type{display:block;line-height:1.55}