/* Compact post-tour feature bands. One panel per band stays visible so the
   newer capability story adds depth without returning to a long-scroll wall. */
.rb-capability-bands {
  padding: 66px 0 74px;
  border-top: 1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 12% 12%, rgba(255,107,26,.08), transparent 34%),
    radial-gradient(circle at 88% 72%, rgba(43,205,219,.06), transparent 30%),
    #090d12;
}
.rb-capability-bands-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.7fr); gap:42px; align-items:end; margin-bottom:28px; }
.rb-capability-bands-heading h2 { margin:7px 0 0; max-width:760px; color:#f5f0e7; font:700 clamp(36px,5vw,64px)/.98 var(--display); letter-spacing:-.035em; text-transform:uppercase; }
.rb-capability-bands-heading > p { margin:0; color:var(--ink-2); font-size:15px; line-height:1.65; }
.rb-capability-band { margin-top:22px; border:1px solid rgba(255,255,255,.12); background:rgba(11,16,22,.9); box-shadow:0 24px 70px rgba(0,0,0,.2); overflow:hidden; }
.rb-capability-band-heading { display:grid; grid-template-columns:minmax(230px,.7fr) minmax(300px,1fr); gap:34px; align-items:end; padding:22px 24px 20px; border-bottom:1px solid rgba(255,255,255,.1); }
.rb-capability-band-heading small { color:var(--signal); font:700 9px var(--mono); letter-spacing:.18em; }
.rb-capability-band-heading h3 { margin:6px 0 0; color:#fff; font:700 clamp(25px,3vw,38px)/1 var(--display); text-transform:uppercase; }
.rb-capability-band-heading p { margin:0; color:var(--ink-3); font-size:13px; line-height:1.55; }
.operator-band { --band-accent:#35c7d6; }
.player-band { --band-accent:var(--signal); }
.operator-band .rb-capability-band-heading small { color:var(--band-accent); }
.rb-capability-tabs { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-bottom:1px solid rgba(255,255,255,.1); background:#080c11; }
.operator-band .rb-capability-tabs { grid-template-columns:repeat(4,minmax(0,1fr)); }
.rb-capability-tabs button { min-width:0; min-height:52px; padding:10px 13px; border:0; border-right:1px solid rgba(255,255,255,.08); background:transparent; color:var(--ink-3); font:700 10px var(--mono); letter-spacing:.045em; text-align:left; text-transform:uppercase; cursor:pointer; }
.rb-capability-tabs button:last-child { border-right:0; }
.rb-capability-tabs button span { display:block; margin-bottom:3px; color:var(--ink-4); font-size:8px; }
.rb-capability-tabs button:hover { color:#fff; background:rgba(255,255,255,.035); }
.rb-capability-tabs button[aria-selected='true'] { color:#fff; box-shadow:inset 0 -3px var(--band-accent); background:linear-gradient(180deg,transparent,rgba(255,107,26,.08)); }
.operator-band .rb-capability-tabs button[aria-selected='true'] { background:linear-gradient(180deg,transparent,rgba(53,199,214,.08)); }
.rb-capability-tabs button:focus-visible { outline:2px solid var(--band-accent); outline-offset:-3px; }
.rb-capability-panels { min-height:465px; }
.rb-capability-panel { display:grid; grid-template-columns:minmax(245px,.63fr) minmax(0,1.37fr); min-height:465px; }
.rb-capability-panel[hidden] { display:none; }
.rb-capability-copy { display:flex; flex-direction:column; justify-content:center; min-width:0; padding:34px 30px; border-right:1px solid rgba(255,255,255,.1); background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 58%); }
.rb-capability-copy h4 { margin:14px 0 12px; color:#fff; font:700 clamp(28px,3.3vw,44px)/.98 var(--display); letter-spacing:-.025em; text-transform:uppercase; }
.rb-capability-copy p { margin:0; color:#e4ded5; font-size:15px; line-height:1.62; }
.rb-capability-copy small { display:block; margin-top:18px; padding-top:16px; border-top:1px solid rgba(255,255,255,.1); color:var(--ink-3); font:500 10px/1.6 var(--mono); }
.rb-capability-tag { align-self:flex-start; padding:6px 8px; border:1px solid rgba(255,255,255,.18); color:var(--band-accent); font:700 8px var(--mono); letter-spacing:.12em; }
.rb-capability-tag.supporter { color:#f5d65f; border-color:rgba(245,214,95,.35); }
.rb-capability-tag.safe { color:#64d99a; border-color:rgba(100,217,154,.35); }
.rb-capability-tag.optional { color:#79cfe5; border-color:rgba(121,207,229,.35); }
.rb-capability-capture { position:relative; min-width:0; margin:0; overflow:hidden; background:#06090d; }
.rb-capability-capture img { display:block; width:100%; height:100%; object-fit:cover; object-position:center top; filter:saturate(.92) contrast(1.03); }
.rb-capability-capture::after { content:''; position:absolute; inset:0; pointer-events:none; box-shadow:inset 0 0 0 1px rgba(255,255,255,.035), inset 34px 0 55px rgba(3,5,8,.12); }
.rb-capability-capture figcaption { position:absolute; right:12px; bottom:12px; z-index:1; padding:6px 8px; border:1px solid rgba(255,255,255,.18); background:rgba(4,7,10,.84); color:#c9d0d7; font:700 8px var(--mono); letter-spacing:.1em; text-transform:uppercase; }
.rb-capability-demo { position:relative; display:flex; flex-direction:column; min-width:0; margin:22px; border:1px solid rgba(255,255,255,.14); background:#090e14; overflow:hidden; }
.rb-capability-demo > header,.rb-capability-demo > footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 13px; border-bottom:1px solid rgba(255,255,255,.1); background:linear-gradient(180deg,#182028,#11171e); color:#fff; font:700 9px var(--mono); letter-spacing:.09em; }
.rb-capability-demo > header span { color:var(--band-accent); font-size:8px; }
.rb-capability-demo > footer { margin-top:auto; border-top:1px solid rgba(255,255,255,.1); border-bottom:0; color:var(--ink-3); }
.rb-capability-demo > footer b { padding:6px 8px; background:var(--band-accent); color:#090d12; }
.garage-status { display:grid; grid-template-columns:1fr 1fr auto; gap:8px; padding:12px 12px 0; }
.garage-status p,.garage-status > b { margin:0; padding:10px 12px; border:1px solid rgba(255,255,255,.1); background:#121920; }
.garage-status span,.garage-status strong { display:block; }
.garage-status span { color:var(--ink-3); font:700 7px var(--mono); letter-spacing:.08em; }
.garage-status strong { margin-top:4px; color:#fff; font:700 12px var(--display); }
.garage-status > b { display:grid; place-items:center; color:#f5d65f; font:700 8px var(--mono); }
.garage-slots { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:9px 12px 12px; }
.garage-slots article { position:relative; display:grid; grid-template-rows:auto 1fr auto auto; min-width:0; min-height:262px; padding:10px; border:1px solid rgba(255,255,255,.1); background:linear-gradient(145deg,#192129,#10161c); overflow:hidden; }
.garage-slots article > span { color:var(--signal); font:700 7px var(--mono); letter-spacing:.08em; }
.garage-slots img { align-self:center; justify-self:center; width:min(118px,88%); height:118px; object-fit:contain; filter:drop-shadow(0 12px 12px rgba(0,0,0,.48)); }
.garage-slots p { min-width:0; margin:0; }
.garage-slots strong,.garage-slots small { display:block; }
.garage-slots strong { color:#fff; font:700 13px var(--display); }
.garage-slots small { margin-top:4px; color:var(--ink-3); font:500 7px var(--mono); }
.garage-slots em { margin-top:9px; padding:7px; border:1px solid rgba(255,107,26,.38); background:rgba(255,107,26,.08); color:#fff; font:700 7px var(--mono); font-style:normal; letter-spacing:.08em; text-align:center; }
.garage-slots .empty { border-style:dashed; background:rgba(255,255,255,.018); }
.garage-slots .empty > span { color:var(--ink-4); }
.garage-slots .empty i { align-self:center; justify-self:center; display:grid; place-items:center; width:58px; height:58px; border:1px solid rgba(255,255,255,.13); color:var(--ink-4); font:300 28px var(--mono); font-style:normal; }
.rb-relay-demo label { display:flex; gap:16px; margin:12px; padding:11px 13px; border:1px solid rgba(255,255,255,.12); color:var(--ink-3); font:700 9px var(--mono); }
.rb-relay-demo label span { color:var(--signal); }
.relay-items { display:grid; grid-template-columns:1fr 1fr; gap:9px; padding:0 12px 12px; }
.relay-items article { display:grid; grid-template-columns:64px 1fr auto; gap:11px; align-items:center; min-width:0; padding:11px; border:1px solid rgba(255,255,255,.1); background:#141b22; }
.relay-items img { width:58px; height:58px; object-fit:contain; }
.relay-items p { min-width:0; margin:0; }
.relay-items strong,.relay-items small { display:block; }
.relay-items strong { color:#fff; font:700 13px var(--display); text-transform:uppercase; }
.relay-items small { margin-top:4px; color:var(--ink-3); font:500 8px var(--mono); }
.relay-items article > b { color:var(--signal); font:700 15px var(--mono); }
.rb-bases-demo { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(150px,.7fr); grid-template-rows:auto 1fr auto; }
.rb-bases-demo > header,.rb-bases-demo > footer { grid-column:1/-1; }
.base-plan { position:relative; min-height:290px; margin:14px; background-color:#0f171b; background-image:linear-gradient(rgba(92,117,126,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(92,117,126,.13) 1px,transparent 1px); background-size:25px 25px; }
.base-plan::before { content:''; position:absolute; left:16%; top:18%; width:49%; height:58%; border:2px solid #f06b2d; background:rgba(240,107,45,.1); transform:rotate(-3deg); }
.base-plan::after { content:''; position:absolute; right:11%; bottom:10%; width:43%; height:48%; border:2px solid #37c5d5; background:rgba(55,197,213,.08); transform:rotate(3deg); }
.base-plan i,.base-plan b { position:absolute; z-index:1; padding:4px 6px; background:#080c10; font:700 8px var(--mono); }
.base-plan .claim-one { left:18%; top:20%; color:#f06b2d; }.base-plan .claim-two { right:13%; bottom:12%; color:#37c5d5; }.base-plan b { left:48%; top:48%; color:#fff; }
.base-stats { display:flex; flex-direction:column; justify-content:center; gap:8px; padding:14px 14px 14px 0; }
.base-stats p { margin:0; padding:15px; border:1px solid rgba(255,255,255,.1); background:#121920; }
.base-stats span,.base-stats strong { display:block; }.base-stats span { color:var(--ink-3); font:700 8px var(--mono); }.base-stats strong { margin-top:6px; color:#fff; font:700 17px var(--display); }
.rb-reset-flow > div { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; padding:16px; align-items:stretch; }
.rb-reset-flow article { position:relative; min-width:0; min-height:190px; padding:16px 12px; border:1px solid rgba(255,255,255,.1); background:#121920; }
.rb-reset-flow article::after { content:'→'; position:absolute; right:-9px; top:50%; z-index:1; color:var(--ink-4); }.rb-reset-flow article:last-child::after{display:none}
.rb-reset-flow i { display:grid; place-items:center; width:30px; height:30px; border:1px solid var(--ink-4); color:var(--ink-3); font:700 9px var(--mono); }.rb-reset-flow .done i { border-color:#64d99a; color:#64d99a; }
.rb-reset-flow strong,.rb-reset-flow small { display:block; }.rb-reset-flow strong { margin-top:36px; color:#fff; font:700 15px var(--display); text-transform:uppercase; }.rb-reset-flow small { margin-top:8px; color:var(--ink-3); font:500 8px/1.5 var(--mono); }
.rb-protection-demo { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(170px,.75fr); grid-template-rows:auto 1fr auto; }
.rb-protection-demo > header,.rb-protection-demo > footer { grid-column:1/-1; }
.protection-map { position:relative; margin:14px; min-height:285px; background:radial-gradient(circle at 30% 20%,#283229,#172022 44%,#0e151a); overflow:hidden; }
.protection-map::before,.protection-map::after { content:''; position:absolute; border:1px solid rgba(255,255,255,.08); transform:rotate(-17deg); width:130%; left:-15%; }.protection-map::before{top:35%;}.protection-map::after{top:62%;}
.protected-zone { position:absolute; left:18%; top:18%; width:56%; height:58%; display:grid; place-items:center; border:2px solid var(--signal); background:rgba(255,107,26,.09); color:#fff; font:700 9px var(--mono); text-align:center; }.protected-zone b{color:var(--signal)}
.protection-map i { position:absolute; z-index:2; display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#080c10; font-style:normal; }.protection-map .owner{left:42%;top:44%;color:#64d99a}.protection-map .visitor{right:14%;bottom:18%;color:#f15b5b}
.rb-protection-demo aside { display:flex; flex-direction:column; justify-content:center; gap:8px; padding:14px 14px 14px 0; }.rb-protection-demo aside p{margin:0;padding:14px;border:1px solid rgba(255,255,255,.1);background:#121920}.rb-protection-demo aside span,.rb-protection-demo aside strong{display:block}.rb-protection-demo aside span{color:var(--ink-3);font:700 8px var(--mono)}.rb-protection-demo aside strong{margin-top:5px;color:#fff;font:700 13px var(--display)}
.automation-rail { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:9px; align-items:center; padding:24px 18px 16px; }.automation-rail > i{color:var(--band-accent);font-style:normal}.automation-rail article{min-height:168px;padding:15px;border:1px solid rgba(255,255,255,.1);background:#121920}.automation-rail small,.automation-rail strong,.automation-rail span{display:block}.automation-rail small{color:var(--band-accent);font:700 8px var(--mono)}.automation-rail strong{margin-top:38px;color:#fff;font:700 14px var(--display)}.automation-rail span{margin-top:8px;color:var(--ink-3);font:500 8px var(--mono)}
.automation-state { display:flex; flex-wrap:wrap; gap:7px; padding:0 18px 18px; }.automation-state span,.automation-state b{padding:7px 9px;border:1px solid rgba(255,255,255,.12);color:var(--ink-2);font:700 8px var(--mono)}.automation-state b{margin-left:auto;border-color:rgba(100,217,154,.4);color:#64d99a}
.fairplay-modes { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; padding:16px; }.fairplay-modes article{padding:16px;border:1px solid rgba(255,255,255,.1);background:#121920}.fairplay-modes small,.fairplay-modes strong,.fairplay-modes span{display:block}.fairplay-modes small{color:var(--ink-3);font:700 8px var(--mono)}.fairplay-modes strong{margin-top:14px;color:#fff;font:700 20px var(--display)}.fairplay-modes span{margin-top:5px;color:var(--band-accent);font:500 8px var(--mono)}
.fairplay-ledger { margin:0 16px 16px; border:1px solid rgba(255,255,255,.1); }.fairplay-ledger > span{display:block;padding:8px 11px;border-bottom:1px solid rgba(255,255,255,.1);color:var(--ink-3);font:700 8px var(--mono)}.fairplay-ledger p{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,1fr) auto;gap:12px;align-items:center;margin:0;padding:11px;border-bottom:1px solid rgba(255,255,255,.07)}.fairplay-ledger p:last-child{border-bottom:0}.fairplay-ledger b{color:#fff;font:700 10px var(--mono)}.fairplay-ledger small{color:var(--ink-3);font:500 8px var(--mono)}.fairplay-ledger em{color:#64d99a;font:700 8px var(--mono);font-style:normal}
@media (max-width:980px){
  .rb-capability-bands-heading,.rb-capability-band-heading{grid-template-columns:1fr;gap:14px}.rb-capability-panel{grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr)}.rb-capability-copy{padding:27px 23px}.rb-capability-demo{margin:14px}.garage-slots article{min-height:248px}.garage-slots img{height:102px}.rb-reset-flow > div{grid-template-columns:1fr 1fr}.rb-reset-flow article{min-height:130px}.rb-reset-flow article::after{display:none}.automation-rail{grid-template-columns:1fr}.automation-rail > i{display:none}.automation-rail article{min-height:92px}.automation-rail strong{margin-top:16px}
}
@media (max-width:720px){
  .rb-capability-bands{padding:48px 0 54px}.rb-capability-bands-heading h2{font-size:38px}.rb-capability-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.rb-capability-tabs::-webkit-scrollbar{display:none}.rb-capability-tabs button{flex:0 0 142px;scroll-snap-align:start}.rb-capability-panel{display:block;min-height:0}.rb-capability-copy{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.rb-capability-copy h4{font-size:31px}.rb-capability-panels{min-height:0}.rb-capability-capture{height:330px}.rb-capability-demo{min-height:390px}.garage-slots{grid-template-columns:1fr 1fr}.garage-slots .empty{display:none}.garage-status{grid-template-columns:1fr 1fr}.garage-status>b{grid-column:1/-1}.relay-items{grid-template-columns:1fr}.rb-bases-demo,.rb-protection-demo{display:flex}.base-plan,.protection-map{min-height:250px}.base-stats,.rb-protection-demo aside{display:grid;grid-template-columns:repeat(3,1fr);padding:0 14px 14px}.fairplay-modes{grid-template-columns:1fr}.fairplay-ledger p{grid-template-columns:1fr auto}.fairplay-ledger small{grid-column:1/-1}.rb-reset-flow > div{grid-template-columns:1fr 1fr}.operator-band{margin-top:34px}
}
@media (max-width:470px){.rb-capability-band-heading{padding:18px}.rb-capability-copy{padding:24px 20px}.rb-capability-capture{height:270px}.rb-capability-demo{margin:10px;min-height:370px}.garage-slots{grid-template-columns:1fr}.garage-slots article:nth-child(2){display:none}.garage-slots article{min-height:260px}.garage-slots img{height:130px}.relay-items article{grid-template-columns:50px 1fr auto}.relay-items img{width:46px;height:46px}.base-stats,.rb-protection-demo aside{grid-template-columns:1fr}.rb-reset-flow > div{grid-template-columns:1fr}.automation-state b{margin-left:0}.rb-capability-demo > footer{align-items:flex-start;flex-direction:column}.rb-capability-demo > footer b{align-self:stretch;text-align:center}}