.rds-showcase{margin-top:34px;overflow:hidden;border:1px solid rgba(11,28,45,.12);background:#fff;box-shadow:0 28px 70px rgba(11,28,45,.12)}
.rds-tabs{display:flex;gap:0;overflow-x:auto;border-bottom:1px solid rgba(11,28,45,.12);background:#fff;scrollbar-width:thin}
.rds-tab{position:relative;flex:1 0 190px;min-height:66px;padding:12px 22px;border:0;border-right:1px solid rgba(11,28,45,.1);background:#fff;color:#697481;text-align:left;font:inherit;font-size:13px;font-weight:800;letter-spacing:.035em;cursor:pointer;transition:background .2s,color .2s}
.rds-tab span{display:block;margin-bottom:3px;color:#a4762b;font-size:9px;letter-spacing:.13em}
.rds-tab:after{content:"";position:absolute;right:20px;bottom:0;left:20px;height:3px;background:#c99b4d;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.rds-tab:hover,.rds-tab.is-active{background:#f7f4ee;color:#0b1c2d}
.rds-tab.is-active:after{transform:scaleX(1)}
.rds-stage{position:relative;min-height:650px;padding:66px 5.2% 52px;overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(55,79,101,.28),transparent 34%),linear-gradient(135deg,#111c28,#07111c 74%)}
.rds-status{position:absolute;top:28px;left:32px;z-index:5;display:flex;align-items:center;gap:8px;color:#fff;font-size:10px;font-weight:900;letter-spacing:.18em}
.rds-status span{width:9px;height:9px;border-radius:50%;background:#b7f34b;box-shadow:0 0 0 5px rgba(183,243,75,.09),0 0 16px rgba(183,243,75,.5)}
.rds-desktop{position:relative;z-index:1;width:86%;overflow:hidden;border:7px solid #060a0f;border-radius:14px;background:#080b0f;box-shadow:0 35px 70px rgba(0,0,0,.42)}
.rds-browserbar{display:flex;height:40px;align-items:center;gap:8px;padding:0 15px;background:#1b2026;color:#929ba7}
.rds-browserbar>span{width:9px;height:9px;border-radius:50%}.rds-browserbar .is-red{background:#ef7e75}.rds-browserbar .is-yellow{background:#d9b85d}.rds-browserbar .is-green{background:#79b488}
.rds-browserbar b{margin-left:6px;overflow:hidden;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.rds-viewport{position:relative;width:100%;overflow:hidden;background:#0a0d11}
.rds-canvas{position:absolute;top:0;left:0;transform-origin:top left}
.rds-canvas iframe{display:block;border:0;pointer-events:none;background:#fff}
.rds-loading{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:#101720;color:#c7ced6;font-size:11px;letter-spacing:.08em;transition:opacity .25s,visibility .25s}
.rds-viewport.is-loaded .rds-loading{opacity:0;visibility:hidden}
.rds-phone{position:absolute;right:5.3%;bottom:28px;z-index:3;width:22%;max-width:270px;padding:29px 9px 11px;border:6px solid #05080c;border-radius:33px;background:#05080c;box-shadow:0 30px 62px rgba(0,0,0,.48)}
.rds-phone-speaker{position:absolute;top:10px;left:50%;width:30%;height:4px;border-radius:99px;background:#303740;transform:translateX(-50%)}
.rds-phone-viewport{overflow:hidden;border-radius:20px;background:#090c11}
.rds-overlay{position:absolute;inset:0;z-index:4}
.rds-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:42px;align-items:center;padding:30px 34px 32px;background:#fff}
.rds-copy span{display:block;margin-bottom:8px;color:#a4762b;font-size:11px;font-weight:800;letter-spacing:.13em}
.rds-copy h3{margin:0;color:#0b1c2d;font-family:Georgia,"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(25px,2.4vw,35px);line-height:1.45}
.rds-copy p{max-width:760px;margin:10px 0 0;color:#65707d;font-size:14px;line-height:1.85}
.rds-copy .btn{white-space:nowrap}
.rds-open{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:12px 22px;border:1px solid #a4762b;background:#a4762b;color:#fff;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.04em;transition:background .2s,border-color .2s}.rds-open:hover{border-color:#0b1c2d;background:#0b1c2d;color:#fff}.rds-showcase .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.rds-noscript{margin:0;padding:0 34px 28px;color:#65707d;font-size:13px}
.rds-empty{padding:24px;border:1px solid rgba(11,28,45,.12);background:#fff;color:#65707d}
@media(max-width:960px){.rds-stage{min-height:520px;padding:48px 36px 42px}.rds-desktop{width:91%}.rds-phone{right:3.5%;bottom:24px;width:25%;padding:20px 7px 9px;border-width:4px;border-radius:23px}.rds-copy{grid-template-columns:1fr;gap:22px}.rds-copy .btn{justify-self:start}}
@media(max-width:620px){.rds-showcase{margin-top:24px}.rds-tabs{padding-left:8px}.rds-tab{flex-basis:154px;min-height:58px;padding:10px 14px;font-size:12px}.rds-tab:after{right:12px;left:12px}.rds-stage{min-height:0;padding:48px 13px 30px}.rds-status{top:17px;left:18px}.rds-desktop{width:100%;border-width:4px;border-radius:8px}.rds-browserbar{height:25px;padding:0 8px;gap:5px}.rds-browserbar>span{width:6px;height:6px}.rds-browserbar b{font-size:7px}.rds-phone{right:17px;bottom:15px;width:29%;max-width:124px;padding:15px 5px 7px;border-width:3px;border-radius:18px}.rds-phone-speaker{top:6px;height:3px}.rds-phone-viewport{border-radius:11px}.rds-loading{font-size:8px}.rds-copy{padding:24px 19px 26px;gap:18px}.rds-copy h3{font-size:24px;line-height:1.5}.rds-copy p{font-size:14px}.rds-copy .btn{width:100%}}