/* One open stage, three specific working situations. */
.hero{overflow:visible;padding:50px 0 70px}.hero-top{gap:20px}.hero-top .kicker{font-size:10px;letter-spacing:.12em}.hero-top>span:last-child{font-size:9px;color:#849396}.hero-grid{grid-template-columns:1.3fr 1fr;gap:9%;margin-top:35px;align-items:end}.hero h1{font-size:clamp(62px,6.9vw,100px);letter-spacing:-.065em;line-height:1.03}.hero-summary{padding-bottom:4px}.hero-intro{font-size:15px;line-height:1.8;margin:0;max-width:410px}.hero-summary .actions{margin-top:24px;align-items:center;gap:25px}.hero-text-link{font-size:12px;display:flex;align-items:center;gap:18px;padding:12px 0;border-bottom:1px solid #4c5c60}.hero-text-link:hover{color:var(--red)}
.solutions-stage{margin-top:50px;position:relative;border-top:1px solid #4a585b;border-bottom:1px solid #354448;background:linear-gradient(180deg,#15202520,#15202570 60%,transparent);isolation:isolate}.stage-topline{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0}.stage-topline>.mono{color:#d4d5ca;font-size:10px;letter-spacing:.12em}.story-status{display:flex;align-items:center;gap:9px;font-size:10px;color:#a6b8b6;min-height:18px}.story-status i{width:5px;height:5px;display:inline-block;background:#9cb6a7;border-radius:50%}.solutions-scenes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;position:relative}.solution-scene{min-width:0;position:relative;display:flex;flex-direction:column}.solution-scene+.solution-scene:before{content:'';position:absolute;top:20px;bottom:36px;left:0;width:1px;background:linear-gradient(transparent,#56666b77 15%,#56666b77 80%,transparent)}.scene-drawing{width:100%;height:310px;min-width:0;position:relative}.scene-drawing svg{display:block;width:100%;height:100%;overflow:visible}.scene-copy{padding:8px 24px 32px}.solution-scene:first-child .scene-copy{padding-left:0}.solution-scene:last-child .scene-copy{padding-right:0}.scene-category{font-family:var(--mono);font-size:9px;color:#90a3a6;letter-spacing:.09em;text-transform:uppercase;display:inline-block;padding-bottom:10px;border-bottom:2px solid transparent;transition:color .3s,border-color .3s}.scene-copy h2{font-size:23px;letter-spacing:-.035em;line-height:1.25;margin:4px 0 14px;max-width:310px}.scene-copy p{font-size:12px;line-height:1.85;max-width:330px;color:#a4b0af}.scene-copy a{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:300px;font-size:10px;color:#d7ddd7;margin-top:20px;padding-top:12px;border-top:1px solid #4c5b5d88}.scene-copy a:hover{color:#f18a7a}.scene-copy a span{color:#db8272;font-size:15px}.solutions-stage[data-step="paper"] .scene-paper .scene-category,.solutions-stage[data-step="queue"] .scene-paper .scene-category,.solutions-stage[data-step="operator"] .scene-cnc .scene-category,.solutions-stage[data-step="robot"] .scene-robot .scene-category,.solutions-stage[data-step="complete"] .scene-cnc .scene-category{color:#ef9681;border-color:#dc806e}.stage-footline{border-top:1px solid #34474c;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 0;color:#8d9f9f;font-size:9px}.stage-footline>.mono{font-size:8px;letter-spacing:.06em;text-align:right}.story-track{display:block;flex:1;height:2px;background:#293d41;max-width:230px;overflow:hidden}.story-track i{display:block;height:100%;width:0;background:#c6806c}.robot-study.scene-drawing{height:310px;max-width:none;margin:0}.robot-study-controls{bottom:12px;left:18px;right:6px}.robot-study-controls button{width:24px;height:24px;border-color:#53666a;background:#152025;color:#b1c0bd;font-size:12px}.robot-drag-hint{font-size:8px;color:#8ca09f}.scene-robot .robot-study.uses-fallback{height:310px}.scene-robot .robot-fallback{top:10%;height:85%;object-fit:contain}.robot-canvas-mount canvas{touch-action:pan-y}.scene-paper svg,.scene-cnc svg{contain:layout style}.solutions-stage:focus-within{outline:none}
@media(min-width:1500px){.hero{padding-top:65px}.scene-drawing,.robot-study.scene-drawing{height:340px}.hero-grid{margin-top:40px}.solutions-stage{margin-top:55px}}
@media(max-width:1100px) and (min-width:761px){.hero-grid{gap:6%;grid-template-columns:1.2fr 1fr}.hero h1{font-size:7vw}.hero-intro{font-size:13px}.scene-drawing,.robot-study.scene-drawing{height:250px}.scene-copy{padding-inline:18px}.scene-copy h2{font-size:20px}.scene-copy p{font-size:11px}.scene-copy a{font-size:9px}.robot-study-controls{left:12px;right:8px}.robot-drag-hint{font-size:7px}.stage-footline{gap:15px}.stage-footline .mono{display:none}}
@media(max-width:760px){.hero{padding:30px 0 45px}.hero-top>.mono:last-child{display:none}.hero-top .kicker{font-size:9px}.hero-grid{grid-template-columns:1fr;gap:22px;margin-top:28px}.hero h1{font-size:clamp(55px,10.8vw,80px);line-height:1.04}.hero-intro{font-size:14px;max-width:480px;line-height:1.8}.hero-summary .actions{margin-top:22px;gap:24px}.hero-summary .button{font-size:12px;padding:14px 18px}.solutions-stage{margin-top:34px}.stage-topline{display:block;padding:16px 0 7px}.stage-topline>.mono{font-size:9px}.story-status{margin-top:9px;font-size:9px}.solutions-scenes{grid-template-columns:1fr}.solution-scene{display:grid;grid-template-columns:1fr;gap:0}.solution-scene+.solution-scene{border-top:1px solid #35484c}.solution-scene+.solution-scene:before{display:none}.scene-drawing,.robot-study.scene-drawing,.scene-robot .robot-study.uses-fallback{height:auto;aspect-ratio:440/310;max-height:380px;width:100%}.scene-drawing svg{max-width:500px;margin:auto}.scene-copy,.solution-scene:first-child .scene-copy,.solution-scene:last-child .scene-copy{padding:0 0 30px}.scene-category{font-size:10px;padding-bottom:7px}.scene-copy h2{font-size:26px;max-width:none;margin:6px 0 12px}.scene-copy p{font-size:13px;max-width:460px;line-height:1.8}.scene-copy a{font-size:11px;max-width:none;margin-top:16px}.robot-study-controls{left:0;right:0;bottom:10px}.robot-drag-hint{font-size:9px}.robot-study-controls button{width:28px;height:28px}.stage-footline{align-items:start;font-size:9px;line-height:1.7;gap:20px}.stage-footline>span:first-child{max-width:230px}.stage-footline>.mono{display:none}.story-track{min-width:45px;margin-top:7px}.scene-robot .robot-fallback{height:85%;top:5%}}
@media(min-width:540px) and (max-width:760px){.solution-scene{grid-template-columns:1.1fr 1fr;gap:20px;align-items:center;padding:20px 0}.scene-copy,.solution-scene:first-child .scene-copy,.solution-scene:last-child .scene-copy{padding:0}.scene-copy h2{font-size:22px}.scene-copy p{font-size:12px}.scene-copy a{font-size:10px}.scene-category{font-size:8px}.robot-study-controls{bottom:4px}.robot-drag-hint{font-size:7px}.robot-study-controls button{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){.story-track{display:none}.story-status i{background:#a7b9aa}}

/* Six distinct examples. Open rows keep the workshop scenes connected. */
.solutions-stage .scene-copy{display:flex;flex-direction:column;flex:1}.scene-copy .scene-category{align-self:flex-start}.scene-copy p{margin-bottom:20px}.solutions-stage .scene-copy a{margin-top:auto}
.solutions-stage .scene-category{border-bottom-color:#486d69;color:#9eb9ae}.solutions-stage .scene-copy{padding:8px 24px 32px}.solution-scene:nth-child(3n+1) .scene-copy{padding-left:0}.solution-scene:nth-child(3n) .scene-copy{padding-right:0}.solution-scene:nth-child(3n+1):before{display:none}.solution-scene:nth-child(n+4){border-top:1px solid #40595b}.scene-drawing svg{font-family:var(--display)}.scene-copy h2{max-width:340px;font-size:24px}.scene-copy p{min-height:88px}.scene-copy a{max-width:none}.stage-footline{gap:24px}.scene-measure svg,.scene-security svg,.scene-listen svg{contain:layout style}.story-status{color:#91aaa4;font-family:var(--mono);font-size:9px}.hero .scene-copy h2{font-weight:500}
@media(min-width:761px) and (max-width:1149px){.solutions-scenes{grid-template-columns:1fr 1fr}.solution-scene:nth-child(n){border-top:0}.solution-scene:nth-child(n+3){border-top:1px solid #40595b}.solution-scene:nth-child(n):before{display:block}.solution-scene:nth-child(2n+1):before{display:none}.solutions-stage .solution-scene .scene-copy{padding:8px 22px 30px}.solution-scene:nth-child(2n+1) .scene-copy{padding-left:0}.solution-scene:nth-child(2n) .scene-copy{padding-right:0}.scene-drawing,.robot-study.scene-drawing{height:300px}.scene-copy h2{font-size:23px}.scene-copy p{font-size:12px;min-height:82px}}
@media(max-width:760px){.solution-scene:nth-child(n){border-top:0}.solution-scene:nth-child(n+2){border-top:1px solid #40595b}.solution-scene:nth-child(n):before{display:none}.solutions-stage .solution-scene .scene-copy{padding:0 0 28px}.scene-copy p{min-height:0}.scene-copy h2{max-width:none}.stage-footline>span:first-child{max-width:none}.scene-copy a{font-size:11px}}
@media(min-width:540px) and (max-width:760px){.solutions-stage .solution-scene .scene-copy{padding:0}.scene-copy h2{font-size:22px}.scene-copy p{font-size:12px}}
.service-content p+p{margin-top:14px}.optimus-sharp.project-optimus{display:block}.optimus-project-head{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:end;margin-bottom:35px}.project-optimus.optimus-sharp h3{font-size:42px;line-height:1.15;margin:13px 0 0}.optimus-project-head p{max-width:480px}.optimus-project-head .project-platforms{margin-top:16px}.optimus-display{width:min(100%,1120px);margin:0 auto}.optimus-bezel{padding:12px;background:#29383e;border:1px solid #718083;border-radius:12px;box-shadow:0 18px 45px #0004}.optimus-bezel img{width:100%;height:auto;display:block;border:1px solid #111a20}.optimus-bezel a{display:block;cursor:zoom-in}.optimus-stand{height:53px;width:160px;margin:auto;background:linear-gradient(90deg,#34434a,#6a787b 50%,#34434a);clip-path:polygon(25% 0,75% 0,80% 75%,100% 90%,100% 100%,0 100%,0 90%,20% 75%)}.optimus-image-foot{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:8px}.optimus-image-foot .image-note{margin:0}.optimus-image-foot>a{font-size:11px;border-bottom:1px solid #667776;padding:9px 0}.optimus-image-foot a:hover{color:var(--red)}.receiver-showcase{display:grid;grid-template-columns:1.7fr .7fr;align-items:center;gap:5%;padding:30px 4%;border:1px solid #34454e;background:#101b21}.receiver-context img{width:100%;height:auto}.receiver-device{margin:0;max-width:220px;justify-self:center}.receiver-phone-frame{padding:9px 7px;border:2px solid #6f858b;border-radius:24px;background:#09131b;box-shadow:0 14px 25px #0005;overflow:hidden}.receiver-phone-frame img{width:100%;height:auto;border-radius:14px}.receiver-device figcaption{font:9px var(--mono);color:#a6b7b6;line-height:1.6;text-align:center;margin-top:14px}
@media(max-width:760px){.optimus-project-head{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.project-optimus.optimus-sharp h3{font-size:31px}.optimus-bezel{padding:6px;border-radius:7px}.optimus-stand{height:35px;width:110px}.optimus-image-foot{display:block}.optimus-image-foot>a{display:inline-block;margin-top:8px;font-size:10px}.receiver-showcase{grid-template-columns:1fr;gap:25px;padding:15px 3% 25px}.receiver-context{width:100%;max-width:520px;justify-self:center}.receiver-device{max-width:195px}.receiver-device figcaption{font-size:9px}}

/* Subject groups replace the mixed six-scene grid. Every scene keeps an inset. */
.solution-group{scroll-margin-top:100px}.solution-group+.solution-group{border-top:1px solid #486065}.group-heading{padding:24px 28px 10px;display:flex;justify-content:space-between;align-items:baseline;gap:30px}.group-heading h2{font-size:31px;letter-spacing:-.04em;line-height:1.2}.group-heading p{font-size:12px;color:#94aaa5;line-height:1.6;max-width:430px}.group-office .solutions-scenes{grid-template-columns:repeat(2,minmax(0,1fr))}.group-industry .solutions-scenes{grid-template-columns:repeat(3,minmax(0,1fr))}.group-security .solutions-scenes{grid-template-columns:1fr}.solution-group .solution-scene{border-top:0}.solution-group .solution-scene .scene-copy{padding:10px 28px 30px}.solution-group .scene-copy h3{font-size:24px;line-height:1.25;letter-spacing:-.035em;margin:4px 0 14px;font-weight:500;max-width:430px}.solution-group .scene-copy p{max-width:480px}.solution-group .scene-copy a{max-width:none}.solution-group .scene-drawing{padding:0 14px}.solution-group .scene-robot .scene-drawing{padding:0}.group-office .scene-drawing{height:340px}.group-office .scene-copy p,.group-security .scene-copy p{min-height:0}.group-security .scene-security{display:grid;grid-template-columns:1fr 1fr;align-items:center}.group-security .scene-drawing{height:365px}.group-security .scene-copy{padding-block:30px}.group-industry .solution-scene+.solution-scene:before,.group-office .solution-scene+.solution-scene:before{display:block;top:20px;bottom:30px}.group-security .solution-scene:before{display:none}.solutions-stage .stage-footline{padding:16px 28px}
@media(min-width:761px) and (max-width:1099px){.group-industry .solutions-scenes{grid-template-columns:repeat(2,minmax(0,1fr))}.group-industry .scene-robot{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;border-top:1px solid #40595b}.group-industry .scene-robot:before{display:none!important}.group-industry .scene-robot .scene-copy{padding-block:28px}.group-office .scene-drawing{height:300px}.group-security .scene-drawing{height:330px}}
@media(max-width:760px){.group-heading{display:block;padding:22px 22px 4px}.group-heading h2{font-size:28px}.group-heading p{font-size:12px;margin-top:10px}.group-office .solutions-scenes,.group-industry .solutions-scenes{grid-template-columns:1fr}.solution-group .solution-scene .scene-copy{padding:8px 22px 28px}.solution-group .solution-scene+.solution-scene{border-top:1px solid #40595b}.solution-group .solution-scene:before{display:none!important}.solution-group .scene-copy h3{font-size:24px;max-width:none}.solution-group .scene-copy p{font-size:13px;min-height:0}.solution-group .scene-drawing,.group-office .scene-drawing,.group-security .scene-drawing{height:auto;aspect-ratio:440/310;max-height:380px}.group-security .scene-security{display:flex;flex-direction:column;align-items:stretch}.solutions-stage .stage-footline{padding-inline:22px}.solution-group .scene-drawing{padding-inline:8px}}
@media(min-width:540px) and (max-width:760px){.solution-group .solution-scene{display:grid;grid-template-columns:1.1fr 1fr;gap:0;padding:18px 0}.solution-group .solution-scene .scene-copy{padding:10px 22px}.solution-group .scene-copy h3{font-size:22px}.solution-group .scene-copy p{font-size:12px}.group-security .scene-security{display:grid;grid-template-columns:1.1fr 1fr}}

/* Booking is its own office example, drawn with the same native illustration style. */
.scene-booking svg{contain:layout style}
@media(min-width:1100px){.group-office .solutions-scenes{grid-template-columns:repeat(3,minmax(0,1fr))}.group-office .scene-drawing{height:320px}}
@media(min-width:761px) and (max-width:1099px){.group-office .scene-listen{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;border-top:1px solid #40595b}.group-office .scene-listen:before{display:none!important}.group-office .scene-listen .scene-copy{padding-block:28px}}