/* Supporting stories: generated 3D character/plane, with editable interface props. */
.orbit-scene{--os-blue:#0071e3;--os-ink:#20252d;position:relative;isolation:isolate;width:100%;max-width:390px;margin:24px 0 0;color:var(--os-ink);font-family:Inter,system-ui,sans-serif;overflow:hidden}
.os-stage{position:relative;width:100%;aspect-ratio:360/214;container-type:inline-size;overflow:hidden}
.orbit-scene figcaption{font-size:14px!important;line-height:1.5!important;color:#5d6878;margin:3px 0 0!important;text-align:center;font-weight:400!important;letter-spacing:0!important}
.os-actor{position:absolute;left:0;top:23%;width:48%;aspect-ratio:1;z-index:3;transform-origin:50% 75%}
.orbit-scene .os-mascot.orbit-sprite{position:relative!important;inset:auto!important;display:block;width:100%!important;height:100%!important;margin:0!important;z-index:auto;pointer-events:none}
.os-headset{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 4px #23234010)}
.os-call .os-actor{left:-1%;top:21%;width:49%}
.os-ground{position:absolute;left:8%;top:91%;width:28%;height:4%;background:radial-gradient(ellipse,#38375125,transparent 70%);filter:blur(2px);z-index:0}
.os-calendar{position:absolute;right:3%;top:12%;width:49%;height:75%;border:1px solid #dce3ee;background:#fff;border-radius:12px;box-shadow:0 5px 0 #edf1f7,0 14px 25px -16px #27375538;transform:rotate(3deg);z-index:2;padding:0 11px;overflow:visible}
.os-calendar-top{height:27%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8edf3;font-size:10px;font-weight:600;letter-spacing:.08em;color:#637185}
.os-calendar-top i{position:absolute;top:-7px;left:20%;width:5px;height:16px;border-radius:3px;background:#a7b7cc;box-shadow:1px 0 0 white}
.os-calendar-top i:last-child{left:auto;right:20%}
.os-calendar-days{display:flex;align-items:center;justify-content:space-between;height:29%;font-size:11px;color:#798494}
.os-calendar-days span:nth-child(4){border-radius:50%;background:#eef5ff;color:#0071e3;width:23px;height:23px;display:grid;place-items:center}
.os-booking{display:flex;align-items:center;gap:7px;background:#eef6ff;border:1px solid #c8dfff;border-radius:7px;padding:9px 7px;box-shadow:0 3px 8px #17395c07;color:#1d3959;transform:translateY(4px)}
.os-booking b,.os-booking small{display:block;line-height:1.45;white-space:nowrap}.os-booking b{font-size:12px!important;font-weight:600}.os-booking small{font-size:10px!important;color:#61748b}.os-check{width:18px;height:18px;display:grid;place-items:center;background:#0071e3;color:#fff;border-radius:50%;font-size:11px;flex-shrink:0}
.os-voice{position:absolute;left:4%;top:9%;display:flex;align-items:center;gap:9px;width:39%;height:18%;z-index:5;transform-origin:left center}
.os-voice-icon{display:grid;place-items:center;width:29px;height:29px;background:#eff6ff;border:1px solid #d3e6ff;border-radius:50%;color:#0071e3}.os-voice-icon svg{width:14px;height:14px}
.os-wave{height:25px;display:flex;gap:3px;align-items:center}.os-wave i{display:block;width:3px;height:5px;background:#0071e3;border-radius:3px}
.os-bubble{position:absolute;left:22%;top:1%;font-size:12px;line-height:1.5;white-space:nowrap;padding:7px 10px;border:1px solid #e0e6ee;border-radius:10px 10px 10px 2px;background:white;z-index:6;box-shadow:0 4px 14px #16253608;opacity:0}
.os-time-chip{position:absolute;top:6%;left:2%;padding:8px 10px;border:1px solid #d7e4f5;background:#f6faff;border-radius:9px;font-size:11px;z-index:5;transform:rotate(-5deg)}
.os-plane{position:absolute;left:24%;top:0%;width:25%;height:auto;z-index:6;filter:drop-shadow(0 5px 3px #1b337a13)}
.os-flight-path{position:absolute;inset:0;width:100%;height:100%;z-index:1;color:#a6b8e8}.os-flight-path path{stroke:currentColor;stroke-width:1.4;stroke-dasharray:3 6}
.os-envelope{position:absolute;right:8%;top:17%;width:24%;aspect-ratio:1.25;border-radius:12px;background:linear-gradient(145deg,#f4f7ff,#e4ecfa);border:1px solid #c4d1e7;box-shadow:3px 4px 0 #e4eaf4,0 12px 25px -10px #27436b1c;display:grid;place-items:center;transform:rotate(7deg);color:#708cb3}.os-envelope svg{width:47%;height:47%}
.os-delivered{position:absolute;right:4%;top:58%;font-size:13px;line-height:1.4;padding:9px 12px;background:#fff;border:1px solid #dce8e1;border-radius:9px;box-shadow:0 5px 15px #123d1c07;display:flex;gap:7px;align-items:center;z-index:6}.os-delivered span{color:#14865b;font-weight:600}
.os-task-tray{position:absolute;right:1%;top:9%;width:55%;height:83%;padding:11px 10px;border:1px solid #e0e6ef;background:#f8fafc;border-radius:10px;transform:rotate(3deg);box-shadow:3px 5px 0 #eff2f7}.os-task-tray>span{font-size:10px;letter-spacing:.07em;font-weight:600;color:#617087;display:block;margin-bottom:13px}.os-task-tray>i{height:23%;border-top:1px dashed #d6e1ee;display:block}
.os-task{position:absolute;right:4%;width:49%;height:18%;display:flex;align-items:center;gap:5px;padding:5px 7px;background:#fff;border:1px solid #dde5ef;border-radius:7px;box-shadow:0 4px 9px #26365809;z-index:4;transform-origin:50% 50%}.os-task-0{top:29%}.os-task-1{top:50%}.os-task-2{top:71%}.os-task b{font-size:10px!important;font-weight:500;white-space:nowrap}.os-task small{font-size:9px!important;color:#7c8898;margin-left:auto}.os-task-check{width:14px;height:14px;border:1px solid #bdd1ea;border-radius:4px;display:grid;place-items:center;font-size:10px;color:#0071e3;background:#eef6ff;flex-shrink:0}
.os-spark{position:absolute;font-size:19px;color:#8d9af0;z-index:8;opacity:0}.os-spark-a{left:31%;top:14%}.os-spark-b{left:9%;top:34%;font-size:12px}
.pv-story-copy .orbit-scene{margin-top:32px;max-width:360px}.pv-story-copy .orbit-scene figcaption{text-align:left;padding-left:5px}.home-v8 .feature-trio article{display:flex;flex-direction:column}.home-v8 .feature-trio article>.orbit-scene{margin-top:auto;padding-top:24px}.home-v8 .feature-trio article>.text-link{margin-bottom:8px}
.pv-stage-main>.os-hero-buddy{position:absolute;right:4px;bottom:-21px;width:121px;aspect-ratio:1;z-index:4;pointer-events:none}.os-hero-buddy img{width:100%;height:100%;object-fit:contain}
@media(max-width:600px){.pv-story-copy .orbit-scene{margin-top:20px;max-width:330px}.home-v8 .feature-trio article>.orbit-scene{max-width:345px;margin:0 auto}.orbit-scene figcaption{font-size:14px!important}.pv-stage-main>.os-hero-buddy{width:88px;bottom:-20px}.os-task b{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.orbit-scene *{animation:none!important;transition:none!important}.os-bubble{opacity:0}}

.orbit-scene{scroll-margin-top:155px}
