/* Tactile surfaces and intentional, user-controlled 3D interactions. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.scene{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;border-radius:13px}.scene:focus-visible{outline:2px solid #f7b664;outline-offset:-5px}.scene.is-dragging{cursor:grabbing}.scene.is-dragging .scene-world{transition:none!important}.scene-world{transform:translate(-50%,-50%) rotateX(var(--tilt-x,58deg)) rotateZ(var(--tilt-z,-34deg));transition:transform .3s ease-out}.scene.is-dragging .scene-card{opacity:.65;animation-play-state:paused}.scene-card{transition:opacity .2s}.scene[data-assembled="true"] .platform{--elevation:-32px}.scene[data-assembled="true"] .intelligence{--elevation:-4px}.scene[data-assembled="true"] .connection{--elevation:22px}.scene[data-assembled="true"] .light-column{opacity:0}.scene[data-assembled="true"] .solid .face-top{box-shadow:inset 0 0 20px #ffffff08}.scene[data-assembled="true"] .foundation .face-top{box-shadow:0 30px 45px #0009,inset 0 0 0 10px #66758322,inset 0 0 0 11px #a3b4c333}
.dimensional-hero .hero-grid{padding-top:61px;padding-bottom:51px;min-height:720px}.scene{height:365px}.scene-heading{margin-bottom:0}.view-tools{text-align:center;margin:0 0 16px;position:relative;z-index:4}.view-tools>p{font-size:9px;line-height:1.6;color:#97adba;margin:0 0 10px}.view-tools>p>span{color:#708895;margin:0 5px}.view-tool-buttons{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.view-tool-buttons button{font-size:9px;color:#c0ced7;border:1px solid #8098a744;border-radius:5px;background:#26343d;padding:7px 10px;min-height:34px;line-height:1.5}.view-tool-buttons button:hover{background:#344753;border-color:#9eb7c777}.view-tool-buttons button:first-child,.view-tool-buttons button:nth-child(2){font-size:17px;min-width:34px;line-height:1;padding:6px}.view-tool-buttons button[aria-pressed="true"]{border-color:#5da27699;color:#9cdbb0;background:#22b24c0a}.scene-caption{min-height:33px;margin-top:12px}.layer-discover{display:flex;justify-content:center;align-items:center;gap:12px;margin:4px auto 12px;font-size:11px;color:#d5e4ed;width:fit-content;min-height:30px}.layer-discover:hover{color:#ffc57a}.layer-discover span{font-size:16px}.scene-disclaimer{margin-top:0}.view-tool-buttons button:active{translate:0 1px}.scene-controls button:active{translate:0 2px}.btn{box-shadow:0 4px 0 #15253128,0 8px 15px #15253105;transition:transform .2s,background .2s,box-shadow .2s}.btn:active{transform:translateY(2px);box-shadow:0 1px 0 #15253133}.sip-hero-actions>.btn{box-shadow:0 4px 0 #147735,0 10px 25px #22b24c11}.dimensional-hero .hero-actions>.btn{box-shadow:0 4px 0 #137534,0 10px 25px #22b24c13}.dimensional-hero .hero-actions>.btn:active,.sip-hero-actions>.btn:active{box-shadow:0 1px 0 #137534;transform:translateY(3px)}
.has-depth{position:relative}.service-card.has-depth,.ai-case.has-depth,.product.has-depth,.delivery-card.has-depth{transform:perspective(1100px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg)) translateY(var(--depth-lift,0px));transition:transform .3s ease-out,box-shadow .3s,border-color .3s;will-change:auto}.has-depth:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:5;border-radius:inherit;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,15%),#fff9,transparent 55%);opacity:0;transition:opacity .3s;mix-blend-mode:soft-light}.service-card.has-depth:focus-within,.ai-case.has-depth:focus-within,.product.has-depth:focus-within,.delivery-card.has-depth:focus-within{box-shadow:0 17px 40px #15283815}.has-depth .service-icon{box-shadow:4px 6px 0 var(--card-edge,#a8c5b0),9px 14px 22px #1e3c2a14}
@media(hover:hover) and (pointer:fine){.service-card.has-depth:hover,.ai-case.has-depth:hover,.product.has-depth:hover,.delivery-card.has-depth:hover{--depth-lift:-6px;box-shadow:0 26px 43px #142a391f,0 5px 0 #142a3908}.has-depth:hover:before{opacity:1}.product.has-depth:hover{box-shadow:0 26px 43px #07121a44,0 5px 0 #07121a33}}
/* SIP screen explorer. The phone remains an illustration; the accessible controls are outside it. */
.sip-preview{min-width:0}.sip-preview .sip-phone-stage{height:505px}.sip-screen-controls{display:flex;justify-content:center;gap:8px;margin-top:11px}.sip-screen-controls button{padding:10px 18px;border:1px solid #769ab344;border-radius:6px;background:#263b4b;color:#afc7d8;font-size:11px;min-height:42px;box-shadow:0 3px 0 #101e2977;transition:background .2s,transform .2s}.sip-screen-controls button:hover{background:#355269}.sip-screen-controls button[aria-pressed="true"]{background:#22b24c;border-color:#45c669;color:#102f1a;box-shadow:0 3px 0 #137734}.sip-screen-controls button[data-phone-view="contacts"][aria-pressed="true"]{background:#f7941d;border-color:#ffb459;color:#42280c;box-shadow:0 3px 0 #ad681a}.sip-screen-controls button[data-phone-view="history"][aria-pressed="true"]{background:#0072bc;border-color:#4297ce;color:#f1faff;box-shadow:0 3px 0 #004a7b}.sip-screen-controls button:active{transform:translateY(2px)}.sip-preview-description{font-size:11px;color:#9bb5c7;text-align:center;margin:14px auto 0;max-width:330px;line-height:1.7;min-height:37px}.sip-app-view{display:flex;flex:1;flex-direction:column;align-items:center;min-height:0;width:100%;padding-top:0}.sip-app-view>.device-avatar{margin:25px 0 17px;width:60px;height:60px;min-height:60px}.sip-app-view>strong{font-size:13px;font-weight:500}.sip-app-view .device-wave{margin:18px 0;height:21px;min-height:21px}.sip-app-view .device-call-icon{margin:15px 0 15px}.device-bottom span{transition:color .2s}.device-bottom span:first-child{color:#8faabd}.device-bottom span.selected{color:#7cd797}.sip-preview[data-screen="contacts"] .device-bottom span.selected{color:#ffc079}.sip-preview[data-screen="history"] .device-bottom span.selected{color:#80c6f4}.sip-preview[data-screen="contacts"] .sip-device{transform:translate(-50%,-50%) rotateY(-9deg) rotateZ(-5deg)}.sip-preview[data-screen="history"] .sip-device{transform:translate(-50%,-50%) rotateY(12deg) rotateZ(5deg)}.phone-screen-title{font-size:18px;color:#e3eff6;text-align:left;width:100%;font-weight:500;letter-spacing:-.4px;margin:25px 0 9px}.phone-screen-note{font-size:5.5px;letter-spacing:1.2px;color:#8da9bd;width:100%;text-align:left;margin-bottom:17px}.phone-contact{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:14px 0;border-bottom:1px solid #6b8da233}.phone-contact>span{display:grid;place-items:center;background:#bb884a25;border:1px solid #bf945b55;width:29px;height:29px;border-radius:9px;color:#edb16b;font-size:11px}.phone-contact>div{font-size:10px;color:#d4e2ec;line-height:1.5}.phone-contact small{font-size:6px;display:block;color:#8fa9ba;margin-top:3px}.phone-contact>b{font-weight:400;color:#f7b25f;font-size:16px;margin-left:auto}.phone-preview-note{font-size:7px;color:#90aabc;margin-top:auto;margin-bottom:25px;text-align:center;line-height:1.7}.history-row>span{background:#0072bc16;border-color:#0072bc66;color:#75bfed;font-size:18px}.history-row.missed>span{background:#f7941d0a;border-color:#f7941d44;color:#ecaf61}.history-row.missed>div{color:#e1be8f}
/* Industrial discussion choices represent planning topics, not a simulation of POC capabilities. */
.industrial-topics{display:block}.poc-topic-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.poc-topic-heading>span{font-size:11px;color:#a3b8c7}.poc-topic-buttons{display:flex;gap:9px;flex-wrap:wrap}.poc-topic-buttons button{background:#293b49;border:1px solid #8ba4b544;border-radius:5px;padding:10px 14px;font-size:11px;color:#b6cbd9;min-height:41px;transition:background .2s,border-color .2s}.poc-topic-buttons button:hover{border-color:#b7cddc77;background:#354b5b}.poc-topic-buttons button[aria-pressed="true"]{background:#22b24c12;color:#9ddab0;border-color:#60a97899}.poc-topic-buttons button[data-poc-topic="environment"][aria-pressed="true"]{background:#f7941d0a;color:#edbf84;border-color:#ba8d5699}.poc-topic-buttons button[data-poc-topic="systems"][aria-pressed="true"]{background:#0072bc22;color:#a2d4f4;border-color:#6da1c499}#poc-topic-description{font-size:12px;line-height:1.8;color:#a2b9ca;margin:20px 0 0;max-width:700px}.industrial-scene .safety-floor,.industrial-scene .workplace-beacon,.industrial-scene .worker-model{transition:border-color .4s,box-shadow .4s,filter .4s}.industrial-scene[data-topic="environment"] .safety-floor{border-color:#f7b360;box-shadow:5px 9px 0 #4b3e2d,10px 25px 40px #10192288}.industrial-scene[data-topic="systems"] .workplace-beacon{border-color:#b9e4ff;box-shadow:2px 4px 0 #21455d,0 0 0 9px #0072bc25,0 0 25px #0072bc55}.industrial-scene[data-topic="objective"] .worker-model{filter:drop-shadow(5px 5px 0 #22b24c22) drop-shadow(0 0 10px #22b24c22)}
@media(min-width:1500px){.dimensional-hero .hero-grid{padding-top:76px;padding-bottom:66px;min-height:785px}.scene{height:395px}.sip-preview .sip-phone-stage{height:540px}}
@media(max-width:1100px){.view-tool-buttons button{font-size:8px;padding:7px 9px}.view-tool-buttons button:first-child,.view-tool-buttons button:nth-child(2){min-width:31px;font-size:16px}.view-tools>p{font-size:8px}.scene{height:355px}.dimensional-hero .hero-grid{min-height:700px}.layer-discover{font-size:10px}.poc-topic-buttons{gap:7px}.poc-topic-buttons button{font-size:10px;padding:9px 11px}.poc-topic-heading>span{font-size:10px}}
@media(max-width:850px) and (min-width:721px){.dimensional-hero .hero-grid{padding-top:48px;padding-bottom:45px;min-height:680px}.scene{height:325px}.view-tool-buttons{gap:5px}.view-tool-buttons button{font-size:7px;padding:6px 8px}.view-tools>p{font-size:7px}.view-tools>p>span{margin:0 3px}.view-tools{margin-bottom:14px}.layer-discover{font-size:9px}.sip-preview .sip-phone-stage{height:440px}.sip-preview-description{font-size:10px}.poc-topic-buttons button{font-size:9px;padding:8px 9px}.poc-topic-heading{gap:20px}}
@media(max-width:720px){.dimensional-hero .hero-grid{padding-top:47px;padding-bottom:35px;min-height:0}.scene{height:370px}.view-tools{margin:0 0 18px}.view-tools>p{font-size:9px}.view-tool-buttons{gap:7px}.view-tool-buttons button{font-size:10px;padding:10px 12px;min-height:42px}.view-tool-buttons button:first-child,.view-tool-buttons button:nth-child(2){min-width:41px;font-size:20px;padding:9px}.layer-discover{font-size:12px;margin:4px auto 11px;min-height:37px}.scene-caption{font-size:11px;min-height:33px}.sip-preview .sip-phone-stage{height:490px}.sip-screen-controls{gap:10px;margin-top:10px}.sip-screen-controls button{padding:12px 21px;font-size:12px;min-height:45px}.sip-preview-description{font-size:11px;margin-top:15px;min-height:38px;max-width:340px}.industrial-topics{display:block}.poc-topic-heading{flex-direction:column;align-items:start;gap:17px}.poc-topic-heading>span{font-size:11px}.poc-topic-buttons{gap:8px}.poc-topic-buttons button{font-size:10px;padding:10px 13px;min-height:43px}#poc-topic-description{font-size:12px;margin-top:18px}.has-depth:before{display:none}}
@media(max-width:420px){.scene{height:316px}.view-tools>p{font-size:8px}.view-tool-buttons{gap:5px}.view-tool-buttons button{font-size:8px;padding:9px 10px;min-height:40px}.view-tool-buttons button:first-child,.view-tool-buttons button:nth-child(2){min-width:37px;font-size:18px;padding:9px}.scene-caption{font-size:10px;min-height:32px}.layer-discover{font-size:11px;min-height:33px}.sip-preview .sip-phone-stage{height:435px}.sip-screen-controls button{font-size:11px;padding:11px 19px;min-height:44px}.sip-preview-description{font-size:10px;max-width:290px}.poc-topic-buttons{gap:7px}.poc-topic-buttons button{font-size:9px;padding:10px;min-height:42px}#poc-topic-description{font-size:11px}}
@media(max-width:350px){.scene{height:285px}.view-tool-buttons button{font-size:7px;padding:8px 9px}.view-tool-buttons button:first-child,.view-tool-buttons button:nth-child(2){min-width:33px;font-size:17px}.view-tools>p{font-size:7px}.layer-discover{font-size:10px}.sip-preview .sip-phone-stage{height:410px}.sip-screen-controls button{font-size:10px;padding:10px 16px}.poc-topic-buttons button{font-size:9px;padding:9px 10px}}
@media(prefers-reduced-motion:reduce){.has-depth,.service-card.has-depth:hover,.ai-case.has-depth:hover,.product.has-depth:hover,.delivery-card.has-depth:hover{transform:none!important}.scene-world{transform:translate(-50%,-50%) rotateX(var(--tilt-x,58deg)) rotateZ(var(--tilt-z,-34deg));transition:none!important}.has-depth:before{display:none}.sip-device,.solid,.scene-card,.workplace-beacon,.worker-model{transition:none!important}}
