/* ROi signature hero v1.0.16. CSS-only visuals: no new images, font requests, or heavy effects libraries.
   Each theme is isolated to the hero so the radio, content screens and brand logo remain untouched. */
.rbp-stage-mode #home .visual{isolation:isolate;contain:layout style}
.rbp-stage-mode #home .visual .rbp-hero-atmosphere,
.rbp-stage-mode #home .visual .rbp-hero-beams{position:absolute;inset:4%;pointer-events:none;z-index:-1}
.rbp-stage-mode #home .visual-center,
.rbp-stage-mode #home .visual-ring,.rbp-stage-mode #home .float-chip{transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,transform .35s ease}
.rbp-stage-mode #home .visual .hero-logo{max-width:86%;max-height:64%;object-fit:contain}
/* 01 · Orbit Luxe: exact approved baseline; no visual overrides. */
/* 02 · Glass Infinity: rotated sheets of frosted sapphire glass and a jewel-like square centerpiece. */
.rbp-theme-glass-infinity #home .visual{filter:drop-shadow(0 0 40px #29bfff1c)}
.rbp-theme-glass-infinity #home .visual:before{width:88%;border-radius:22%;background:radial-gradient(ellipse,#9feeff22,transparent 70%)}
.rbp-theme-glass-infinity #home .visual .rbp-hero-atmosphere{inset:12% 14%;border:1px solid #aff5ff65;border-radius:32px;transform:rotate(-24deg) skew(3deg);background:linear-gradient(140deg,#effbff29,#1697ff0b 45%,#aef8ff23);box-shadow:inset 0 1px 20px #c5faff33,0 0 36px #3cceff55}
.rbp-theme-glass-infinity #home .visual .rbp-hero-beams{inset:16% 20%;border:1px solid #c7f9ff75;border-radius:27px;transform:rotate(25deg);background:linear-gradient(50deg,#defbff18,#1c65b811 48%,#d5ffff23);backdrop-filter:blur(5px)}
.rbp-theme-glass-infinity #home .visual-orbit{border-color:#9ce8ff67;transform:rotateX(72deg) rotateZ(25deg)}
.rbp-theme-glass-infinity #home .visual-center{border-radius:28px;transform:rotate(-8deg);background:linear-gradient(140deg,#c9f6ff48,#0c4389b0 52%,#04182dd9);border:1px solid #bbf8ffb5;box-shadow:0 14px 70px #38c2ff8a,inset 0 2px 30px #ffffff34;backdrop-filter:blur(11px)}
.rbp-theme-glass-infinity #home .visual-ring{border-radius:22px;transform:rotate(8deg);border:1px solid #b9f1ff77;background:linear-gradient(140deg,#ffffff24,#08345a80)}
.rbp-theme-glass-infinity #home .float-chip{border:1px solid #b0f3ff80;background:linear-gradient(130deg,#bffbff26,#093052dd);backdrop-filter:blur(9px)}
/* 03 · Royal Grid Pulse: square structure, gold-tinted signal lines and a 3D data-gate. */
.rbp-theme-royal-grid #home .visual:before{width:95%;border-radius:0;background:radial-gradient(circle,#c9b1742b,transparent 70%)}
.rbp-theme-royal-grid #home .visual-grid{inset:0;opacity:.9;transform:perspective(230px) rotateX(62deg);background-size:20px 20px;background-image:linear-gradient(#d9b26453 1px,transparent 1px),linear-gradient(90deg,#d9b26453 1px,transparent 1px)}
.rbp-theme-royal-grid #home .rbp-hero-atmosphere{inset:10% 16%;border:2px solid #b99953a8;transform:perspective(600px) rotateY(-18deg);box-shadow:inset 0 0 70px #c2a46130,0 0 56px #cfb47436}
.rbp-theme-royal-grid #home .rbp-hero-beams{inset:21% 8%;background:repeating-linear-gradient(90deg,transparent 0 37px,#e1bf6040 38px 39px,transparent 40px 66px);mask-image:linear-gradient(transparent,#000,transparent)}
.rbp-theme-royal-grid #home .visual-orbit{border-color:#d7a94c88;transform:rotateX(65deg) rotateZ(0deg)}
.rbp-theme-royal-grid #home .visual-center{border-radius:5px;background:linear-gradient(135deg,#303a45,#0d253f 56%,#0b1228);border:3px double #e8c47e;box-shadow:0 0 0 15px #bca45b10,0 0 70px #d8bb7651}
.rbp-theme-royal-grid #home .visual-ring{border:1px solid #dfc77a99;border-radius:0;background:radial-gradient(circle,#45608071,transparent 70%)}
.rbp-theme-royal-grid #home .float-chip{color:#ffe4a4;border-color:#d4af6088;background:#12243fed;border-radius:3px}
.rbp-theme-royal-grid #home .dot{background:#ebc46f;box-shadow:0 0 12px #ebc46f}
/* 04 · Nebula Halo: soft celestial opalescent cloud, no corporate grid. */
.rbp-theme-nebula-halo #home .visual-grid,.rbp-theme-nebula-halo #home .city-silhouette{opacity:.08}
.rbp-theme-nebula-halo #home .visual:before{width:100%;border-radius:50%;background:radial-gradient(circle at 24% 35%,#a786ff8a,transparent 45%),radial-gradient(circle at 72% 70%,#37e7ff8c,transparent 53%),radial-gradient(circle,#3345ba8c,transparent 78%);filter:blur(20px)}
.rbp-theme-nebula-halo #home .rbp-hero-atmosphere{inset:7%;border-radius:50%;background:conic-gradient(from 10deg,#a26cf300,#bf9cff57,#1559ee20,#62daff69,#8d64d700);filter:blur(18px)}
.rbp-theme-nebula-halo #home .rbp-hero-beams{inset:22%;border-radius:50%;box-shadow:0 0 0 35px #ad80ff17,0 0 0 75px #479dff0f,0 0 85px #c3aaffaa}
.rbp-theme-nebula-halo #home .visual-orbit{border-style:dashed;border-color:#c3a7ff55}
.rbp-theme-nebula-halo #home .visual-center{border:1px solid #d0aeffb8;background:radial-gradient(circle at 30% 15%,#826bd3a0,#17466e 45%,#0c1436 90%);box-shadow:0 0 68px #b2a2ffae,0 0 140px #3886ff66}
.rbp-theme-nebula-halo #home .visual-ring{border-color:#d7c7ff99;background:radial-gradient(circle,#a6a3dd38,transparent 80%)}
.rbp-theme-nebula-halo #home .float-chip{border-color:#9c9effaa;background:#1b1a49e8;color:#e8deff;border-radius:22px}
/* 05 · Crystal Beam: faceted hexagonal prism with converging refraction rays. */
.rbp-theme-crystal-beam #home .visual-grid{opacity:.18}
.rbp-theme-crystal-beam #home .rbp-hero-atmosphere{inset:0;background:conic-gradient(from 25deg at 50% 48%,transparent 0 12deg,#8bf5ff55 13deg 15deg,transparent 16deg 76deg,#e4f9ff5a 77deg 79deg,transparent 80deg 180deg,#69c6ff33 181deg 183deg,transparent 184deg);filter:blur(4px)}
.rbp-theme-crystal-beam #home .rbp-hero-beams{inset:11%;clip-path:polygon(50% 0,96% 25%,96% 74%,50% 100%,4% 74%,4% 25%);background:linear-gradient(30deg,#ecffff36,#1459aa05 40%,#e7ffff34);box-shadow:inset 0 0 40px #d6ffff75}
.rbp-theme-crystal-beam #home .visual-center{border-radius:0;clip-path:polygon(50% 0,96% 24%,96% 76%,50% 100%,4% 76%,4% 24%);background:linear-gradient(135deg,#d5f9ff8a 0%,#1c70b8 17%,#041b38 58%,#2edbff88 100%);border:0;box-shadow:none;width:min(26vw,40dvh,268px);height:auto;aspect-ratio:1}
.rbp-theme-crystal-beam #home .visual-ring{border:1px solid #a8f9ffb2;border-radius:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#061c3aaf}
.rbp-theme-crystal-beam #home .visual-orbit{border-color:#d2f7ff4e;transform:rotateX(82deg) rotateZ(35deg)}
.rbp-theme-crystal-beam #home .float-chip{background:linear-gradient(110deg,#073362,#0c78926b);border-color:#94fcff;border-radius:2px}
/* 06 · Executive Monolith: tall, solid dark sculptural stone pedestal and focused spotlight. */
.rbp-theme-executive-monolith #home .visual-grid,.rbp-theme-executive-monolith #home .visual-orbit{opacity:0}
.rbp-theme-executive-monolith #home .visual:before{width:70%;height:100%;border-radius:0;background:linear-gradient(90deg,transparent,#b6ddff24 50%,transparent);filter:blur(12px)}
.rbp-theme-executive-monolith #home .rbp-hero-atmosphere{inset:0 21%;background:linear-gradient(90deg,transparent,#eafaff23 50%,transparent);clip-path:polygon(44% 0,56% 0,97% 100%,3% 100%);filter:blur(8px)}
.rbp-theme-executive-monolith #home .rbp-hero-beams{inset:7% 17%;border-bottom:4px solid #bbdfff88;border-top:1px solid #bddefb66;box-shadow:0 20px 40px #0009;background:repeating-linear-gradient(0deg,transparent 0 45px,#b9dfff12 46px 47px)}
.rbp-theme-executive-monolith #home .visual-center{width:min(21vw,34dvh,205px);height:min(49dvh,340px);min-height:190px;border-radius:12px 12px 20px 20px;background:linear-gradient(100deg,#010714,#10273e 45%,#051123 76%,#405978);border:1px solid #aac1d8;box-shadow:10px 20px 52px #000b,inset 8px 0 16px #ffffff13,0 0 62px #c5d9ff33}
.rbp-theme-executive-monolith #home .visual-ring{width:90%;height:60%;border:0;border-top:1px solid #bed7ee8a;border-bottom:1px solid #bed7ee8a;border-radius:0;background:transparent}
.rbp-theme-executive-monolith #home .float-chip{background:#0c1827;border:1px solid #7896bd;border-radius:2px;box-shadow:0 15px 25px #0008}
/* 07 · Aurora Prestige: fluid ribbon lights, silk metallic atmosphere, oval light-emblem. */
.rbp-theme-aurora-prestige #home .city-silhouette{opacity:.28}
.rbp-theme-aurora-prestige #home .visual:before{width:110%;background:radial-gradient(ellipse,#388fff56,transparent 72%)}
.rbp-theme-aurora-prestige #home .rbp-hero-atmosphere{inset:5% -4%;border-radius:48%;background:conic-gradient(from 210deg at 52% 45%,transparent 1%,#54caff80 18%,#b2a3fc75 29%,transparent 47%,#66e3bf6d 63%,#4b7bf778 73%,transparent 94%);filter:blur(22px);transform:rotate(-12deg)}
.rbp-theme-aurora-prestige #home .rbp-hero-beams{inset:20% -2%;border:2px solid #6bead064;border-radius:50% 20% 50% 35%;transform:rotate(-19deg);box-shadow:0 0 42px #6baefd88,inset 0 0 35px #94b7ff4f}
.rbp-theme-aurora-prestige #home .visual-orbit{border-color:#7af0d077;transform:rotateX(66deg) rotateZ(-24deg)}
.rbp-theme-aurora-prestige #home .visual-center{border:1px solid #9efbe9a8;border-radius:45% 55% 48% 52%;background:radial-gradient(circle at 40% 20%,#279fc368,#0d365a 53%,#06142e 89%);box-shadow:0 0 55px #43d5dca6,0 0 100px #7784e766}
.rbp-theme-aurora-prestige #home .visual-ring{border-color:#7af8d499;background:linear-gradient(135deg,#5ca9ff11,#b89cfe26);border-radius:45% 55% 48% 52%}
.rbp-theme-aurora-prestige #home .float-chip{background:linear-gradient(105deg,#053c48df,#203372ec);border-color:#75e5da85;border-radius:12px}
/* Extra mobile guards for unusual emblem geometries. Keep the official logo visible. */
@media(max-width:650px){
 .rbp-theme-glass-infinity #home .visual .rbp-hero-atmosphere{inset:12% 19%}
 .rbp-theme-royal-grid #home .visual .rbp-hero-atmosphere{inset:8% 26%}
 .rbp-theme-executive-monolith #home .visual-center{height:min(28dvh,220px);min-height:135px;width:min(30vw,130px)}
 .rbp-theme-executive-monolith #home .visual-ring{width:95%;height:70%}
 .rbp-theme-crystal-beam #home .visual-center{width:min(35vw,175px)}
 .rbp-theme-nebula-halo #home .rbp-hero-atmosphere{inset:12%}
}
/* v1.0.18: intro animations live only in hero-intro-v1018.css. */