.rw-device-scene{position:relative;margin:0;min-width:0;width:100%;height:500px;isolation:isolate;--device-shell:#171b24;--device-edge:#424854;--screen:#10141c;--screen-panel:#191f2b;--screen-line:#2c3442;--screen-text:#e9edf5;--screen-muted:#a1aaba;color:var(--screen-text)}
html[data-theme=light] .rw-device-scene{--device-shell:#cdd1d8;--device-edge:#9aA2b0;--screen:#f5f7fa;--screen-panel:#fff;--screen-line:#dce1e8;--screen-text:#253044;--screen-muted:#647087}
.rw-device-topline{position:absolute;top:18px;left:18px;right:8px;display:flex;justify-content:space-between;font:500 9px 'JetBrains Mono',monospace;letter-spacing:.15em;color:var(--b2b-muted)}
.rw-device-orbit{position:absolute;inset:60px 0 50px;border:1px solid var(--b2b-line);border-radius:50%;transform:rotate(-15deg);z-index:-1;background:radial-gradient(ellipse at 55% 45%,var(--b2b-soft),transparent 65%)}
.rw-laptop{position:absolute;top:82px;left:0;width:92%;animation:rw-device-enter .9s ease-out both;filter:drop-shadow(0 22px 22px rgba(0,0,0,.18))}.rw-laptop-lid{position:relative;border:1px solid var(--device-edge);border-radius:15px 15px 6px 6px;background:var(--device-shell);padding:16px 9px 10px}.rw-camera{position:absolute;top:6px;left:50%;width:4px;height:4px;border-radius:50%;background:#080b10}.rw-laptop-screen{border-radius:4px;overflow:hidden;border:1px solid var(--screen-line);background:var(--screen);height:278px}.rw-screen-bar{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--screen-line);padding:11px 12px;font-size:10px}.rw-screen-bar img{width:17px;height:17px;object-fit:contain}.rw-screen-tag{font-size:7px;margin-left:auto;color:var(--screen-muted)}.rw-workspace{display:grid;grid-template-columns:37px 1fr;height:calc(100% - 40px)}.rw-app-rail{display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:18px;border-right:1px solid var(--screen-line);font-size:11px;color:var(--screen-muted)}.rw-app-rail i:first-child{color:#d3af37}.rw-app-rail span{margin-top:auto;margin-bottom:12px;font-size:7px;border:1px solid var(--screen-line);padding:4px;border-radius:50%}.rw-app-main{padding:14px 11px;min-width:0}.rw-app-heading{display:flex;justify-content:space-between;font-size:12px;margin-bottom:17px}.rw-app-heading>span{color:var(--screen-muted)}.rw-kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rw-col-name{display:flex;align-items:center;gap:4px;font-size:7px;color:var(--screen-muted);margin-bottom:10px;white-space:nowrap}.rw-col-name i{width:4px;height:4px;border-radius:50%;background:#d3af37}.rw-kanban-col:last-child .rw-col-name i{background:#659f88}.rw-task-card{background:var(--screen-panel);border:1px solid var(--screen-line);border-radius:5px;padding:9px 7px;position:relative;overflow:hidden}.rw-task-card strong{display:block;font-size:7px;line-height:1.5;font-weight:500;margin:7px 0}.rw-task-line{display:block;height:3px;width:20px;background:#b89224;border-radius:2px}.rw-task-lines{display:block;width:75%;height:3px;background:var(--screen-line);margin:5px 0 11px}.rw-task-footer{display:flex;justify-content:space-between;align-items:center}.rw-task-footer b{font-size:5px;font-weight:400;background:var(--screen-line);border-radius:50%;padding:4px}.rw-task-footer i{width:17px;height:3px;background:var(--screen-line)}.rw-task-secondary{margin-top:8px;padding:6px}.rw-chart{display:flex;gap:14px;align-items:center;padding-top:12px;border-top:1px solid var(--screen-line);margin-top:13px}.rw-chart>span{font-size:7px;color:var(--screen-muted);max-width:70px}.rw-chart>div{display:flex;align-items:flex-end;gap:8px;height:30px;flex:1}.rw-chart i{display:block;width:9%;height:var(--bar-height);background:#b89224;opacity:.65;border-radius:2px 2px 0 0;transform-origin:bottom;animation:rw-bar-enter 1.5s ease-out both}.rw-laptop-base{height:12px;margin:0 -9px;border:1px solid var(--device-edge);border-top:0;border-radius:0 0 40% 40%;background:linear-gradient(180deg,var(--device-shell),var(--device-edge));position:relative}.rw-laptop-base>i{position:absolute;top:0;left:40%;right:40%;height:4px;background:var(--device-edge);border-radius:0 0 5px 5px}
.rw-phone{position:absolute;right:0;top:174px;width:151px;height:287px;border:2px solid var(--device-edge);padding:5px;border-radius:24px;background:var(--device-shell);box-shadow:-12px 17px 35px rgba(0,0,0,.27);animation:rw-device-enter 1.1s .12s ease-out both}.rw-phone-island{position:absolute;top:10px;left:35%;width:30%;height:9px;border-radius:12px;background:#080b10;z-index:1}.rw-phone-screen{height:100%;background:var(--screen);border-radius:18px;overflow:hidden;padding:24px 10px 9px}.rw-phone-brand{display:flex;gap:5px;align-items:center;font-size:8px}.rw-phone-brand img{width:17px;height:17px;object-fit:contain}.rw-phone-label{display:block;font-size:6px;color:var(--screen-muted);margin-top:18px}.rw-phone-title{display:block;font-size:12px;line-height:1.35;margin-top:5px}.rw-phone-job{padding:10px 0}.rw-phone-status{font-size:6px;display:flex;align-items:center;gap:5px}.rw-phone-status i{width:4px;height:4px;background:#b89224;border-radius:50%}.rw-phone-progress{height:4px;border-radius:4px;background:var(--screen-line);margin:9px 0 4px;overflow:hidden}.rw-phone-progress i{display:block;height:100%;width:65%;background:#d3af37;transform-origin:left;animation:rw-bar-enter 1.8s ease-out both}.rw-phone-job>span:last-child{font-size:5px;color:var(--screen-muted)}.rw-phone-list{display:grid;gap:9px;font-size:6px}.rw-phone-list>span{display:flex;align-items:center;gap:6px}.rw-phone-list i{color:#b89224}.rw-phone-detail{display:flex;justify-content:space-between;margin-top:14px;padding:7px;background:#d3af37;color:#18150a;font-size:6px;font-weight:600;border-radius:4px}.rw-phone-nav{display:flex;justify-content:space-around;border-top:1px solid var(--screen-line);padding-top:9px;margin-top:10px;font-size:8px;color:var(--screen-muted)}.rw-phone-nav i:first-child{color:#b89224}
.rw-device-scene figcaption{position:absolute;bottom:0;left:10px;right:0;display:grid;gap:5px}.rw-device-scene figcaption strong{font-size:12px;font-weight:500;color:var(--b2b-text)}.rw-device-scene figcaption span{font-size:10px;color:var(--b2b-muted)}
@keyframes rw-device-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes rw-bar-enter{from{transform:scale(.2)}to{transform:scale(1)}}
@media(max-width:1050px) and (min-width:761px){.b2b-hero{grid-template-columns:1fr}.b2b-hero-copy{max-width:700px}.rw-device-scene{max-width:570px;justify-self:center}}
@media(max-width:760px){.rw-device-scene{max-width:510px;margin:auto;height:440px}.rw-device-topline{top:8px;left:4px}.rw-laptop{top:55px;width:94%}.rw-laptop-screen{height:250px}.rw-phone{top:155px;width:135px;height:263px;right:0}.rw-phone-screen{padding:24px 9px 7px}.rw-phone-title{font-size:11px}.rw-phone-label{margin-top:12px}.rw-phone-list{gap:7px}.rw-phone-detail{margin-top:10px}.rw-phone-nav{margin-top:8px;padding-top:7px}.rw-device-scene figcaption{bottom:0;left:0;padding-right:120px}.rw-device-scene figcaption strong{font-size:11px}.rw-device-scene figcaption span{font-size:9px}.rw-screen-tag{display:none}.rw-app-heading{font-size:11px}.rw-kanban{gap:5px}.rw-task-card{padding:6px 4px}.rw-task-card strong{font-size:6px}.rw-workspace{grid-template-columns:28px 1fr}.rw-app-main{padding:12px 8px}.rw-col-name{font-size:6px}.rw-device-orbit{inset:45px 0 30px}.rw-laptop-base{margin-left:-4px;margin-right:-4px}}
@media(prefers-reduced-motion:reduce){.rw-device-scene *{animation:none!important}}

.rw-device-scene{overflow:clip}