.software-scenes{color:#f5fbff;background:#061b2b;border:1px solid #26485c;border-radius:20px;max-width:1300px;margin:28px auto 40px;overflow:hidden;box-shadow:0 20px 60px #102d441b}.scene-modes{background:#092538;border-bottom:1px solid #26485c;gap:8px;padding:8px;display:flex}.scene-modes button{color:#bacdd9;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex:1;padding:16px 12px;font-family:inherit;font-size:16px;font-weight:650;line-height:1.5}.scene-modes button span{opacity:.65;margin-inline-end:12px;font-size:13px}.scene-modes button[aria-pressed=true]{color:#fff;background:#103f56;border-color:#268397}.scene-stage{isolation:isolate;aspect-ratio:16/9;touch-action:pan-y;background:#030d18;position:relative;overflow:hidden}.scene-environment,.scene-photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scene-display{cursor:zoom-in;background:#030d18;border:0;width:60.11%;height:52.18%;padding:0;position:absolute;top:7.86%;left:19.86%;overflow:hidden}.scene-workplace .scene-display{width:47.31%;height:44.42%;top:17.53%;left:26.08%}.scene-display img{object-fit:contain;width:100%;height:100%;display:block}.scene-brand{bottom:18px;letter-spacing:.13em;text-shadow:0 2px 8px #000;pointer-events:none;background:#041521c9;border-radius:6px;padding:10px 14px;font-size:14px;font-weight:700;position:absolute;inset-inline-start:24px}.scene-brand span{letter-spacing:.06em;color:#87d4e2;margin-inline-start:16px;font-size:12px}.scene-mobile{background:radial-gradient(at 50% 80%,#125477 0%,#09283e 40%,#030d18 80%)}.phone-ensemble{direction:ltr;justify-content:center;align-items:center;gap:5%;height:100%;padding:3% 0 5%;display:flex}.phone-device{aspect-ratio:215/550;background:#07121b;border:6px solid #273441;border-radius:34px;flex-shrink:0;height:94%;padding:5px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #94a4b166,0 24px 45px #0009}.phone-offset--1{opacity:.7;transform:perspective(1100px)rotateY(15deg)scale(.84)}.phone-offset-1{opacity:.7;transform:perspective(1100px)rotateY(-15deg)scale(.84)}.phone-screen{background-color:#061521;background-image:url(/software-screens/oneos-technician.jpeg);background-repeat:no-repeat;background-size:auto 163.64%;border-radius:23px;width:100%;height:100%}.scene-controls{justify-content:space-between;align-items:center;gap:24px;padding:24px 28px 10px;display:flex}.scene-caption{flex:1;min-width:0}.scene-caption>span{letter-spacing:.12em;color:#60cddd;font-size:12px}.scene-caption h2{color:#fff;margin:6px 0;font-size:22px;line-height:1.45}.scene-paging{white-space:nowrap;align-items:center;gap:16px;font-size:14px;display:flex}.scene-paging button{color:#fff;cursor:pointer;background:#103548;border:1px solid #4b758c;border-radius:50%;width:44px;height:44px;font-size:22px}.scene-original{color:#fff;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #55788a;border-radius:8px;padding:12px 16px;font-size:14px}.scene-dots{flex-wrap:wrap;justify-content:center;gap:4px;padding:8px 20px;display:flex}.scene-dots button{cursor:pointer;background:0 0;border:0;width:28px;height:28px;position:relative}.scene-dots button:after{content:"";background:#66859a;border-radius:6px;width:6px;height:6px;margin:auto;transition:width .2s;display:block}.scene-dots button[aria-pressed=true]:after{background:#49d6db;width:22px}.scene-note{text-align:center;padding:0 20px 20px;line-height:1.8;color:#a2bbca!important;margin:0!important;font-size:13px!important}.scene-enter{animation:.32s ease-out scene-in}@keyframes scene-in{0%{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.software-screen-library{max-width:1300px;margin:24px auto}.software-screen-library>summary{cursor:pointer;color:#135274;padding:16px 0;font-size:18px;font-weight:700}.software-gallery-heading>span{margin-top:18px}.software-gallery-heading>p{max-width:980px}@media (width<=720px){.scene-modes{gap:3px;padding:6px}.scene-modes button{padding:12px 5px;font-size:14px}.scene-modes button span{display:none}.scene-stage{aspect-ratio:4/3}.scene-environment{height:75%;top:12.5%}.scene-mobile{aspect-ratio:4/5}.phone-ensemble{gap:4%;padding:9% 0 12%}.phone-device{border-width:4px;border-radius:26px;height:94%;padding:3px}.phone-screen{border-radius:19px}.phone-offset--1,.phone-offset-1{opacity:.42;height:58%;position:absolute}.phone-offset--1{left:-14%}.phone-offset-1{right:-14%}.phone-offset-0{z-index:1}.scene-brand{bottom:10px;padding:7px;font-size:11px;inset-inline-start:12px}.scene-brand span{display:none}.scene-controls{flex-wrap:wrap;gap:12px;padding:16px}.scene-caption{flex-basis:100%}.scene-caption h2{font-size:18px}.scene-original{margin-inline-start:auto}.scene-paging{gap:10px}.scene-paging button{width:42px;height:42px}.software-scenes{border-radius:12px;margin-top:20px}.scene-note{font-size:12px!important}}@media (prefers-reduced-motion:reduce){.scene-enter{animation:none}.scene-dots button:after{transition:none}}.software-gallery .software-scenes{color:#f5fbff;background:#061b2b}.software-scenes .scene-controls,.software-scenes .scene-dots,.software-scenes .scene-note{background:#061b2b}
