/* One coherent product surface, shared by the hero and feature devices. */
.real-workspace.container{width:min(1280px,calc(100% - 80px));margin-top:65px;padding-bottom:26px;perspective:none}.workspace-window{border:1px solid #cbd7e9;border-radius:13px;overflow:hidden;background:white;box-shadow:0 28px 70px -22px #35558345,0 0 0 6px #ffffff50}.workspace-window iframe{border:0;width:100%;height:715px;display:block;background:#fff}.workspace-explore{display:flex;justify-content:flex-end;margin-top:18px}.workspace-explore a{display:flex;align-items:center;gap:11px;font-size:11px;color:#4b6590;padding:8px 2px}.workspace-explore a:hover{color:#174daa}.feature-layout{grid-template-columns:.9fr 1.1fr;gap:60px}.feature-visual.device-gallery{background:#e9edf2;border-radius:12px;padding:30px 22px}.real-device-scene{min-height:680px;display:flex;align-items:center;justify-content:center;position:relative}.real-device-scene[hidden]{display:none}.real-laptop{width:100%;border:1px solid #b4bdc9;border-radius:10px 10px 4px 4px;box-shadow:0 17px 35px -16px #152d4b45;background:#fff;position:relative}.device-windowbar{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;background:#f3f4f6;border-bottom:1px solid #e4e7eb;border-radius:10px 10px 0 0;font-size:8px;color:#939da9}.device-windowbar>span:first-child{display:flex;gap:4px}.device-windowbar i{width:5px;height:5px;background:#d4d9e0;display:block;border-radius:50%}.device-windowbar b{font-weight:400}.real-laptop iframe{display:block;width:100%;height:610px;border:0;background:#fff}.real-laptop-base{position:absolute;left:-12px;right:-12px;bottom:-9px;height:9px;background:linear-gradient(#d2d8e0,#b4becb);border-radius:0 0 16px 16px;box-shadow:0 5px 8px #182b4320}.real-laptop-base:before{content:'';position:absolute;width:65px;height:4px;top:0;left:calc(50% - 32px);background:#aeb9c6;border-radius:0 0 4px 4px}.real-phone{width:340px;max-width:100%;padding:6px;border-radius:39px;background:#333b46;box-shadow:inset 0 0 0 2px #9199a3,0 20px 35px -18px #182d4850;overflow:hidden}.real-phone iframe{width:100%;height:565px;display:block;border:0;background:#fff}.device-phone-top{height:37px;border-radius:32px 32px 0 0;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:6px 21px 0;font-size:9px;color:#27313d}.device-phone-top>b{font-weight:550}.device-phone-top>i{width:85px;height:22px;background:#202833;border-radius:20px;position:absolute;left:calc(50% - 42px);margin-top:-8px}.device-phone-bottom{height:21px;background:#fff;display:grid;place-items:center;border-radius:0 0 32px 32px}.device-phone-bottom>i{width:96px;height:3px;border-radius:3px;background:#283341}.real-device-scene.phone{padding:8px 0}.feature-list{align-self:center}
@media(max-width:1050px){.feature-layout{gap:35px;grid-template-columns:.9fr 1.1fr}.feature-visual.device-gallery{padding:22px 15px}.workspace-window iframe{height:750px}.real-workspace.container{width:calc(100% - 60px)}}
@media(max-width:800px){.feature-layout{grid-template-columns:1fr;gap:28px}.real-device-scene{min-height:660px}.real-laptop{max-width:540px}.real-laptop iframe{height:585px}.feature-visual.device-gallery{padding:22px}.real-workspace.container{width:calc(100% - 36px)}.workspace-window iframe{height:780px}.workspace-window{border-radius:10px;box-shadow:0 20px 50px -20px #35558340,0 0 0 4px #ffffff45}.real-workspace{margin-top:44px}.workspace-explore{justify-content:center}.real-device-scene.phone{min-height:650px}}
@media(max-width:420px){.real-workspace.container{width:calc(100% - 24px)}.workspace-window iframe{height:810px}.feature-visual.device-gallery{padding:19px 11px}.real-device-scene{min-height:650px}.real-laptop-base{left:-5px;right:-5px}.real-phone{width:320px;border-radius:34px}.real-phone iframe{height:585px}.device-phone-top{border-radius:28px 28px 0 0}.real-laptop iframe{height:610px}.device-windowbar{height:28px}.feature-visual{min-width:0}}
@media(min-width:1001px){.features.container{width:min(1280px,calc(100% - 80px))}.feature-layout{grid-template-columns:.65fr 1.35fr;gap:45px}.real-device-scene{min-height:635px}.real-laptop iframe{height:560px}.real-device-scene.phone{min-height:650px}.feature-visual.device-gallery{padding:24px 22px}}
.real-device-scene{padding:0;background:transparent;border:0;box-shadow:none}.real-device-scene.phone{padding:8px 0}