/* RioPing Liquid Aurora Fusion V4 — landing only, no dashboard overrides */
:root{--rio-navy:#081a37;--rio-pearl:#f6faff;--rio-cobalt:#136bff;--rio-cyan:#32c5ff;--rio-violet:#7559ff}
body:has(.rio-intro){background:#f6faff!important;color:#112848}
.rio-intro{background:linear-gradient(160deg,#081a37 0%,#102e60 24%,#e7f6ff 48%,#f6faff 66%,#eaf1ff 100%)!important;color:#112848!important;min-height:100vh;position:relative;overflow:hidden}
.rio-intro:before{content:"";position:absolute;top:3%;left:-15%;width:70vw;height:70vw;max-width:680px;max-height:680px;background:radial-gradient(circle,rgba(50,197,255,.27),transparent 68%);pointer-events:none}
.rio-intro-wrap{position:relative;max-width:1160px;margin:auto}
.rio-intro-header{background:rgba(8,26,55,.45)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:22px!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:12px 18px!important}
.rio-intro-brand,.rio-intro-brand span,.rio-v51-nav a{color:#fff!important}
.rio-intro-main{border-radius:30px!important;background:linear-gradient(125deg,rgba(12,37,80,.88),rgba(18,74,145,.38))!important;border:1px solid rgba(123,204,255,.25)!important;box-shadow:0 22px 75px rgba(3,22,59,.22);padding:clamp(22px,4vw,55px)!important;overflow:hidden}
.rio-intro-copy h1{color:#fff!important;font-weight:850;line-height:1.4!important}.rio-intro-copy h1 span{color:#8de9ff!important}.rio-intro-copy p,.rio-intro-kicker,.rio-intro-note{color:#d1e7ff!important}
.rio-intro-art{position:relative;filter:drop-shadow(0 14px 35px rgba(26,164,255,.22))}.rio-intro-halo{background:radial-gradient(circle,rgba(50,197,255,.32),rgba(117,89,255,.18) 45%,transparent 70%)!important}
.rio-intro-cta,.rio-extra-action{background:linear-gradient(115deg,#136bff,#32b9f8,#7559ff)!important;color:white!important;border:0!important;box-shadow:0 10px 28px rgba(19,107,255,.22)!important;transition:transform .2s,box-shadow .2s}.rio-intro-cta:hover,.rio-extra-action:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(19,107,255,.32)!important}.rio-secondary-cta{border:1px solid #8ccfff!important;color:#e6f7ff!important;background:rgba(255,255,255,.07)!important}
.rio-intro-benefits{gap:14px!important}.rio-intro-benefits>div{background:rgba(255,255,255,.92)!important;border:1px solid #d7e9fb!important;box-shadow:0 10px 30px rgba(26,72,131,.08)!important;border-radius:23px!important;color:#0b2345!important}.rio-intro-benefits strong{color:#102b51!important}.rio-intro-benefits small{color:#5e7491!important}.rio-intro-benefits span{color:#136bff!important}
.rio-trust{background:rgba(255,255,255,.76)!important;border:1px solid #dce9f8!important;border-radius:26px!important;color:#10284b!important}.rio-trust h2,.rio-trust span{color:#12335b!important}
.rio-extra-dark{background:linear-gradient(125deg,#081a37,#10366d 75%,#24438a)!important;border:1px solid rgba(93,184,255,.4)!important;border-radius:28px!important;box-shadow:0 20px 45px rgba(7,26,58,.16)!important;color:#fff!important}.rio-extra-dark p,.rio-extra-dark small{color:#d3e8ff!important}.rio-extra-flags span{background:rgba(255,255,255,.1)!important;border:1px solid rgba(159,217,255,.28)!important;color:#fff!important}
.rio-extra-grid{gap:18px!important}.rio-extra-card{background:rgba(255,255,255,.93)!important;border:1px solid #d5e5f7!important;border-radius:27px!important;box-shadow:0 16px 38px rgba(16,57,109,.09)!important;color:#102849!important}.rio-extra-card h2{color:#0b2444!important}.rio-extra-card p{color:#60758f!important}.rio-extra-icon{color:#136bff!important}.rio-support-handle{color:#1266df!important;font-weight:750!important}.rio-extra-bottom{color:#284a70!important}.rio-intro-footer{color:#607894!important}
.rio-mascot{animation:rioFloat 5s ease-in-out infinite}@keyframes rioFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(max-width:700px){.rio-intro{background:linear-gradient(180deg,#081a37 0%,#143d77 28%,#edf7ff 45%,#f6faff 75%,#e9f2ff 100%)!important}.rio-intro-main{padding:20px!important}.rio-intro-art{max-height:280px}.rio-intro-copy h1{font-size:clamp(27px,7vw,42px)!important}.rio-intro-header{margin:10px!important}.rio-intro-benefits{grid-template-columns:repeat(3,minmax(0,1fr))!important}.rio-intro-benefits>div{padding:12px 6px!important}.rio-intro-benefits strong{font-size:13px!important}.rio-intro-benefits small{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.rio-mascot{animation:none}.rio-intro-cta,.rio-extra-action{transition:none}}