/* "One HUB. Every Screen." section (home page). Self-contained, prefix rs- */
.rs-sec{position:relative;overflow:hidden;padding:84px 24px 90px;background:#050508;border-top:1px solid rgba(255,255,255,.06)}
.rs-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 55%,rgba(79,142,247,.16),transparent 55%),radial-gradient(circle at 85% 10%,rgba(139,92,246,.12),transparent 40%)}
.rs-in{position:relative;max-width:1100px;margin:0 auto}
.rs-head{text-align:center;max-width:760px;margin:0 auto 56px}
.rs-eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:14px;color:#3b82f6;font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:.85rem}
.rs-eyebrow i{width:40px;height:1px;background:linear-gradient(90deg,#4f8ef7,transparent)}
.rs-eyebrow i:last-child{transform:scaleX(-1)}
.rs-h2{font-family:'Poppins',sans-serif;font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.12;margin:0 0 14px;font-weight:700;color:#fff}
.rs-grad{background:linear-gradient(135deg,#4f8ef7,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.rs-head p{color:#94a3b8;margin:0;line-height:1.7}
.rs-stage{position:relative;height:560px;max-width:1040px;margin:0 auto}
.rs-dev{box-sizing:border-box;position:absolute;background:#0b0f16;border:2px solid #2a3140;box-shadow:0 30px 70px rgba(0,0,0,.55);overflow:hidden}
.rs-desktop{left:0;top:0;width:650px;height:314px;border-radius:14px;border-bottom-width:2px}
.rs-desktop img{display:block;width:100%;height:100%;object-fit:fill}
.rs-stand{position:absolute;left:265px;top:314px;width:120px;height:46px;background:linear-gradient(#2a3140,#1b212c);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}
.rs-base{position:absolute;left:205px;top:358px;width:240px;height:8px;border-radius:8px;background:#2a3140}
.rs-tablet{right:70px;top:100px;width:300px;height:400px;border-radius:24px;border:7px solid #232a37}
.rs-phone{right:0;top:195px;width:150px;height:300px;border-radius:26px;border:6px solid #232a37;z-index:3}
.rs-lbl{position:absolute;top:384px;font-size:.7rem;font-weight:700;padding:5px 11px;border-radius:99px;background:rgba(79,142,247,.15);border:1px solid rgba(79,142,247,.4);color:#8fb4ff;white-space:nowrap}
.rs-lbl.d{left:262px}.rs-lbl.t{right:185px;top:520px}.rs-lbl.p{right:0;top:520px}
.rs-tablet img,.rs-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.rs-notch{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:40px;height:7px;border-radius:7px;background:#232a37;z-index:5}
/* (legacy drawn mini-UI, unused) mini HUB (tablet / phone), drawn in the real HUB look: navy rail, white cards */
.rs-app{display:flex;height:100%;background:#f4f6fb;color:#0f172a;font-size:9px;font-family:Inter,system-ui,sans-serif}
.rs-rail{width:34px;background:#031a39;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 4px}
.rs-rail b{width:18px;height:18px;border-radius:5px;background:#1e3a66;display:block}.rs-rail b.on{background:#4f8ef7}
.rs-main{flex:1;padding:10px;display:flex;flex-direction:column;gap:8px;min-width:0}
.rs-top{font-weight:800;font-size:11px}
.rs-cards{display:grid;grid-template-columns:1fr 1fr;gap:6px}.rs-cards.one{grid-template-columns:1fr}
.rs-c{background:#fff;border:1px solid #e3e8f1;border-radius:8px;padding:7px}
.rs-c small{display:block;color:#64748b;font-size:7px;letter-spacing:.06em;text-transform:uppercase}.rs-c strong{font-size:13px}
.rs-ring{flex:1;display:grid;place-items:center;background:#fff;border:1px solid #e3e8f1;border-radius:8px}
.rs-ring i{width:70px;height:70px;border-radius:50%;background:conic-gradient(#10b981 0 50%,#3f51b5 50% 100%);display:grid;place-items:center}
.rs-ring i:after{content:"";width:44px;height:44px;border-radius:50%;background:#fff}
.rs-tab{display:flex;justify-content:space-around;padding:8px 4px 10px;background:#031a39}
.rs-tab span{width:14px;height:14px;border-radius:4px;background:#1e3a66}.rs-tab span.on{background:#4f8ef7}
.rs-bp{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1040px;margin:70px auto 0}
.rs-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px;transition:.3s}
.rs-card:hover{border-color:rgba(79,142,247,.45);transform:translateY(-4px)}
.rs-ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:1.25rem;margin-bottom:12px;background:rgba(79,142,247,.12);border:1px solid rgba(79,142,247,.3)}
.rs-card h3{margin:0 0 2px;font-size:1.05rem;color:#fff;font-weight:700}
.rs-card .rs-r{display:block;font-size:.72rem;color:#8fb4ff;font-weight:700;letter-spacing:.06em;margin-bottom:10px}
.rs-card ul{margin:0;padding:0;list-style:none}
.rs-card li{font-size:.84rem;color:#94a3b8;padding:5px 0 5px 20px;position:relative;line-height:1.5}
.rs-card li:before{content:"✓";position:absolute;left:0;color:#22c55e;font-weight:800}
.rs-chips{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:34px}
.rs-chips span{padding:8px 16px;border-radius:99px;font-size:.78rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#c0c8d4}
.rs-cta{text-align:center;margin-top:36px}
@media(max-width:1000px){
 .rs-stage{height:auto;display:flex;flex-direction:column;align-items:center;gap:26px}
 .rs-dev{position:relative!important;left:auto!important;right:auto!important;top:auto!important}
 .rs-desktop{width:100%;max-width:560px;height:auto;aspect-ratio:16/8.4}
 .rs-stand,.rs-base,.rs-lbl{display:none}
 .rs-bp{grid-template-columns:1fr}
}
@media(max-width:640px){.rs-sec{padding:60px 20px}}
[data-theme="light"] .rs-sec{background:#f8fafc;border-top-color:rgba(15,23,42,.08)}
[data-theme="light"] .rs-h2,[data-theme="light"] .rs-card h3{color:#0f172a}
[data-theme="light"] .rs-head p,[data-theme="light"] .rs-card li{color:#475569}
[data-theme="light"] .rs-card,[data-theme="light"] .rs-chips span{background:#fff;border-color:rgba(15,23,42,.1);color:#334155}