/* Selected reference pages only: existing full-page screenshots in independently scrollable devices. */
.rws-web-showcase{padding:40px;background:#1b1c19;border:1px solid #3e4236;border-radius:16px;isolation:isolate}
.rws-showcase-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:40px}.rws-showcase-heading .section-label{display:block;font-size:11px;letter-spacing:1.6px;margin-bottom:18px}.rws-showcase-heading h2{font-size:clamp(30px,3.3vw,48px);line-height:1.08}.rws-showcase-heading p{max-width:270px;font-size:13px;color:var(--muted);line-height:1.7}.rws-touch-hint{display:none}
.rws-device-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.265fr);gap:38px;align-items:end;max-width:1230px;margin-inline:auto}.rws-device{min-width:0;margin:0}.rws-browser-frame{border:1px solid #5c6154;background:#252720;padding:7px 7px 0;border-radius:12px 12px 4px 4px;box-shadow:0 16px 36px #0003}.rws-browser-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;height:34px;padding:0 10px;font-size:10px;color:#c3c6b8;letter-spacing:.4px}.rws-browser-dots{display:flex;gap:5px}.rws-browser-dots i{width:5px;height:5px;border-radius:50%;background:#6f7464}.rws-browser-dots i:first-child{background:var(--lime)}.rws-browser-arrow{font-size:16px;color:var(--lime)}
.rws-screen{position:relative;overflow:auto;overflow-x:hidden;scroll-behavior:auto;scrollbar-width:none;background:#fff;overscroll-behavior:contain;touch-action:pan-y;outline-offset:4px}.rws-screen::-webkit-scrollbar{display:none}.rws-screen:focus-visible{outline:2px solid var(--lime)}.rws-screen img{display:block;width:100%;max-width:none;height:auto;user-select:none}.rws-desktop .rws-screen{aspect-ratio:16/9}.rws-laptop-base{height:13px;margin:0 -7px;background:linear-gradient(#75796d,#45483f);border:1px solid #7e8372;border-radius:0 0 60% 60% / 0 0 100% 100%;position:relative}.rws-laptop-base::before{content:"";position:absolute;left:41%;top:0;width:18%;height:5px;background:#2b2e25;border-radius:0 0 7px 7px}
.rws-phone-frame{padding:0 7px;background:#20221c;border:1px solid #747969;border-radius:28px;box-shadow:0 16px 36px #0004}.rws-phone-top{height:24px;display:grid;place-items:center}.rws-phone-top span{width:40px;height:5px;background:#090a08;border-radius:10px}.rws-mobile .rws-screen{aspect-ratio:1/1.95;border-radius:3px}.rws-phone-bottom{height:20px;display:grid;place-items:center}.rws-phone-bottom span{width:32%;height:3px;background:#737866;border-radius:5px}
.rws-device figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;font-size:10px;letter-spacing:1.2px;color:#c4c7b9}.rws-device button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 0;background:transparent;border:0;border-bottom:1px solid #68724a;color:var(--lime);font-size:12px;letter-spacing:0;white-space:nowrap}.rws-device button:hover{color:var(--ink)}.rws-device button:disabled{opacity:.45;cursor:default}.rws-showcase-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px;padding-top:24px;border-top:1px solid #414538}.rws-showcase-footer>span{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.rws-showcase-footer a{display:inline-flex;align-items:center;gap:22px;font-size:13px;min-height:40px}.rws-showcase-footer a span{color:var(--lime)}.rws-showcase-footer a:hover{color:var(--lime)}
@media(max-width:1000px){.rws-web-showcase{padding:28px}.rws-device-grid{gap:26px;grid-template-columns:minmax(0,1fr) minmax(160px,.3fr)}.rws-showcase-heading{gap:24px}.rws-showcase-heading p{max-width:210px}.rws-device figcaption{letter-spacing:.6px}}
@media(max-width:760px){.rws-web-showcase{padding:24px 18px;border-radius:12px}.rws-showcase-heading{flex-direction:column;align-items:start;gap:18px;margin-bottom:28px}.rws-showcase-heading h2{font-size:34px}.rws-showcase-heading p{max-width:none;font-size:12px}.rws-device-grid{grid-template-columns:minmax(0,1fr);gap:36px}.rws-mobile{width:min(246px,85%);justify-self:center}.rws-desktop .rws-screen{aspect-ratio:16/10}.rws-browser-toolbar{padding:0 5px;font-size:9px;height:28px}.rws-browser-frame{padding:5px 5px 0;border-radius:9px 9px 3px 3px}.rws-laptop-base{height:10px;margin-inline:-4px}.rws-showcase-footer{flex-direction:column;align-items:start;gap:10px}.rws-device figcaption{margin-top:12px}.rws-phone-frame{border-radius:24px}}
@media(hover:none),(pointer:coarse){.rws-hover-hint{display:none}.rws-touch-hint{display:block}}