.flow .flow-grid{grid-template-columns:1fr;max-width:1020px}.flow .flow-grid>div{max-width:none}.flow .steps{display:grid;grid-template-columns:1fr 1fr;gap:22px 40px}.flow .steps li{margin:0;padding:20px 0}.card .scene-caption{font-size:12px;line-height:1.45;color:#685881;padding:10px 12px 0}.presence-demo{margin-bottom:22px;border-radius:17px;overflow:hidden;background:#100e20;color:#fff}.presence-stage{position:relative;aspect-ratio:3/2;overflow:hidden;isolation:isolate}.presence-house{position:absolute;width:100%;height:100%;object-fit:cover}.room-light{position:absolute;top:12%;bottom:10%;width:33.33%;background:linear-gradient(0deg,#0008,#0005);transition:background .7s,opacity .7s;z-index:1}.living-light{left:0}.kitchen-light{left:33.33%}.dining-light{left:66.66%}.room-light.is-on{background:radial-gradient(ellipse at 50% 32%,#ffd47788,transparent 72%);opacity:.85}.presence-person{position:absolute;left:18%;top:84%;height:39%;width:auto;transform:translate(-50%,-100%);z-index:3}.presence-room-labels{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);z-index:4;background:#100e20dc;font-size:10px;text-align:center;padding:6px 0}.presence-play{display:block;width:calc(100% - 24px);min-height:44px;margin:12px;background:#835ae7;color:white;border:0;border-radius:30px;font:700 13px "DM Sans",sans-serif;cursor:pointer}.presence-play:disabled{opacity:.7;cursor:default}.presence-play:focus-visible{outline:3px solid #ffd029;outline-offset:2px}.presence-status{display:block;padding:0 12px 14px;font-size:12px;line-height:1.4}.card .card-media{object-position:center!important}@media(max-width:620px){.flow .steps{grid-template-columns:1fr}}
.solutions .cards .card:nth-child(1),.solutions .cards .card:nth-child(2),.solutions .cards .card:nth-child(4),.solutions .cards .card:nth-child(5){grid-column:span 3}.solutions .cards .card:nth-child(3){grid-column:1/-1}.presence-stage{aspect-ratio:3/1}.presence-person{top:79%;height:42%}.room-light{top:18%;bottom:23%}.presence-room-labels{font-size:12px;padding:9px 0}.presence-status{font-size:14px}.presence-play{max-width:270px}.presence-demo{margin-bottom:22px}.presence-room-labels span{transition:color .5s}.presence-room-labels .active-room{color:#ffd029;font-weight:800}@media(max-width:940px){.solutions .cards .card:nth-child(1),.solutions .cards .card:nth-child(2),.solutions .cards .card:nth-child(4),.solutions .cards .card:nth-child(5){grid-column:auto}.solutions .cards .card:nth-child(3){grid-column:1/-1}}@media(max-width:620px){.presence-room-labels{font-size:10px;padding:5px 0}.presence-status{font-size:12px}}
.presence-person.presence-walker{width:auto;aspect-ratio:3/4;background-image:url('presence-walk-cycle.webp');background-repeat:no-repeat;background-size:400% 200%;background-position:0 0;filter:drop-shadow(1px 2px 2px #0003);will-change:left,background-position}

.presence-still-label{position:absolute;z-index:4;left:4%;top:21%;padding:9px 13px;border-radius:9px;background:#100e20ed;color:#ffd029;font-size:clamp(11px,1.4vw,17px);font-weight:700}.presence-explanation{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 24px}.presence-explanation>div{display:flex;flex-direction:column;gap:5px}.presence-explanation strong{color:#ffd029;font-size:18px}.presence-explanation span{font-size:15px;color:#f2edff}@media(max-width:620px){.presence-explanation{padding:16px;gap:15px}.presence-explanation strong{font-size:15px}.presence-explanation span{font-size:12px}}