/* YBX Signals R3 Visual Refresh: scoped, CSS-only, no trading/API requests. */
:root{--ybx-r3-ink:#071018;--ybx-r3-gold:#f4c55f;--ybx-r3-line:rgba(234,191,97,.22);--ybx-r3-radius:18px}
.ybxLanding{background:radial-gradient(circle at 18% -4%,#182027 0%,#060a10 36%,#05080b 76%);color:#f9f4eb}
.ybxLanding .container{width:min(1320px,calc(100% - 48px))}
.ybxLanding .nav{background:rgba(6,11,18,.88)!important;border-bottom:1px solid rgba(239,197,88,.18);backdrop-filter:blur(18px)}
.ybxLanding .navin{min-height:72px}
.ybxLanding .nav .brand,.ybxLanding .mobileNav .brand{min-width:0}
.ybxLanding .nav .links{gap:clamp(12px,1.6vw,28px)}
.ybxLanding .nav .links a{font-weight:700;white-space:nowrap;transition:color .2s ease}
.ybxLanding .hero{background:radial-gradient(circle at 68% 6%,rgba(239,197,88,.12),transparent 46%),radial-gradient(circle at 3% 56%,rgba(28,110,146,.14),transparent 50%)}
.ybxLanding .heroCopy h1{font-size:clamp(2rem,3.45vw,3.7rem)!important;line-height:1.22!important;letter-spacing:-.025em}
.ybxLanding .heroCopy p{font-size:clamp(.91rem,1.1vw,1.09rem)!important;line-height:1.95!important;color:#bec9d3;max-width:640px}
.ybxLanding .heroActions{gap:12px;flex-wrap:wrap}
.ybxLanding .btn,.ybxLanding .ybxPartnerAction,.ybxLanding .ybxJoinAction{border-radius:12px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.ybxLanding .btn:focus-visible,.ybxLanding a:focus-visible,.ybxLanding button:focus-visible{outline:2px solid #f4ce71;outline-offset:3px}
.ybxLanding .dashboardPreview{border-radius:22px;border:1px solid rgba(244,197,95,.18);box-shadow:0 22px 100px rgba(0,0,0,.45),0 0 0 1px rgba(244,197,95,.06)}
.ybxLanding .section{scroll-margin-top:90px}
.ybxLanding .featureCard,.ybxLanding .priceCard,.ybxLanding .faq details{border-radius:16px;transition:border-color .2s ease,transform .2s ease}
.ybxLanding .priceCard:hover,.ybxLanding .featureCard:hover{border-color:rgba(244,197,95,.4);transform:translateY(-3px)}
.ybxLanding .faq details[open]{border-color:rgba(244,197,95,.32)}
.ybxLanding .ybxPartnerGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important;margin:24px auto 20px!important}
.ybxLanding .ybxPartnerCard{min-width:0!important;display:flex!important;flex-direction:column;gap:8px;padding:22px!important;border-radius:18px!important;overflow:hidden;box-shadow:0 16px 46px rgba(0,0,0,.22);background:linear-gradient(155deg,rgba(18,31,42,.96),rgba(6,13,20,.98));border:1px solid rgba(244,197,95,.22)}
.ybxLanding .ybxPartnerCard:hover{border-color:rgba(244,197,95,.52)}
.ybxLanding .ybxPartnerLogo.ybxOriginalLogoSlot{display:flex!important;flex-direction:column;justify-content:center;align-items:center;min-width:0;width:100%;height:100px;min-height:100px!important;max-height:100px;overflow:hidden!important;background:radial-gradient(circle at 50% 10%,rgba(255,255,255,.05),transparent 70%),rgba(3,8,15,.48);border:1px solid rgba(255,255,255,.075);border-radius:14px;margin:0 0 8px!important;padding:12px!important}
.ybxLanding .ybxPartnerOfficial{display:block;max-width:100%;max-height:72px;height:auto;width:auto;object-fit:contain;object-position:center;border-radius:4px}
.ybxLanding .ybxPartnerOfficial[hidden],.ybxLanding [hidden]{display:none!important}
.ybxLanding .ybxPartnerLogo[data-brand=acy] .ybxPartnerOfficial{max-height:82px;width:100%;object-fit:contain}
.ybxLanding .ybxPartnerLogo[data-brand=justmarkets] .ybxPartnerOfficial{width:38px;height:38px;object-fit:contain}
.ybxLanding .ybxPartnerLogo .ybxBrandNameFallback{font-size:clamp(1.2rem,1.7vw,1.7rem);letter-spacing:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.ybxLanding .ybxPartnerCard h3{font-size:1.13rem!important;margin:2px 0!important;color:#fff}
.ybxLanding .ybxPartnerCard p{line-height:1.8;margin:0!important;color:#aebdcc}
.ybxLanding .ybxPartnerCode{margin:4px 0 8px;line-height:1.7;border-radius:10px;word-break:break-word}
.ybxLanding .ybxPartnerAction{margin-top:auto!important;min-height:44px;display:inline-flex;justify-content:center;align-items:center;text-align:center}
.ybxLanding .ybxJoinPanel{border-radius:18px;padding:clamp(17px,2.2vw,30px);gap:18px}
.ybxLanding .ybxSocialChip{border-radius:13px;padding:9px 13px;min-height:48px}
.ybxLanding .ybxSocialChip svg{width:18px;height:18px}
.ybxLanding .ybxAffiliateDisclaimer{font-size:.8rem;max-width:960px}
/* Fixed compact social dock — avoids the full-width flex/stretch regression. */
.ybxLanding .ybxFloatingDock{position:fixed!important;inset:auto auto 18px 16px!important;right:auto!important;left:16px!important;bottom:18px!important;z-index:90!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:auto!important;gap:9px!important;padding:0!important;margin:0!important;direction:ltr!important}
.ybxLanding .ybxFloatingDock .floatContact{position:relative!important;display:inline-flex!important;flex:0 0 48px!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding:0!important;margin:0!important;border-radius:50%!important;align-items:center!important;justify-content:center!important;background:#09131c!important;box-shadow:0 6px 24px #0006!important;text-decoration:none!important;overflow:visible!important}
.ybxLanding .ybxFloatingDock .floatContact[style*="none"]{display:none!important}
.ybxLanding .ybxFloatingDock .floatContact b,.ybxLanding .ybxFloatingDock .floatContact::after{display:none!important;content:none!important}
.ybxLanding .ybxFloatingDock .floatingIcon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:29px!important;height:29px!important;min-width:29px!important;max-width:29px!important;border-radius:50%!important;margin:0!important;padding:0!important}
.ybxLanding .ybxFloatingDock .floatingIcon svg{display:block!important;width:19px!important;height:19px!important;min-width:19px!important;max-width:19px!important;color:white!important}
.ybxLanding .ybxFloatingDock .whatsappFloat .floatingIcon.wa{background:#25d366!important}
.ybxLanding .ybxFloatingDock .floatContact:hover{transform:translateX(2px)!important;border-color:rgba(244,197,95,.5)!important}
/* Client portal and admin: coherent surfaces, not an API rewrite. */
.cpBody,.ybxAdminLogin{background:radial-gradient(ellipse at 85% -5%,rgba(193,143,50,.09),transparent 34%),#080d14}
.cpApp .side,.app:not(.cpApp) .side{border-left:1px solid rgba(227,185,80,.13);box-shadow:inset 1px 0 rgba(255,255,255,.02)}
.cpApp .top,.app:not(.cpApp) .top{border-bottom:1px solid rgba(227,185,80,.12);background:rgba(10,17,25,.65)}
.cpApp .panel,.cpApp .card,.app:not(.cpApp) .panel,.app:not(.cpApp) .card{border-radius:16px;box-shadow:0 12px 36px rgba(0,0,0,.13)}
.cpApp .side .menu button,.app:not(.cpApp) .menu button{border-radius:10px;min-height:39px;transition:background .18s ease,color .18s ease}
.cpApp button:focus-visible,.cpApp input:focus-visible,.cpApp select:focus-visible,.app:not(.cpApp) button:focus-visible,.app:not(.cpApp) input:focus-visible,.app:not(.cpApp) select:focus-visible{outline:2px solid #d9b256;outline-offset:2px}
.cpApp input,.cpApp select,.cpApp textarea,.app:not(.cpApp) input,.app:not(.cpApp) select,.app:not(.cpApp) textarea{max-width:100%;border-radius:10px}
.cpApp .cpHero{border:1px solid rgba(239,197,88,.24);border-radius:20px;box-shadow:0 22px 65px rgba(0,0,0,.24)}
.ybxAdminLogin .login{width:min(460px,100%);border-color:rgba(239,197,88,.21);box-shadow:0 30px 100px rgba(0,0,0,.48)}
.ybxAdminLogin .login input:focus-visible{outline:2px solid #e5bd61;outline-offset:2px}
@media (max-width:1060px){.ybxLanding .ybxPartnerGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ybxLanding .nav .links{gap:12px}}
@media (max-width:760px){.ybxLanding .container{width:calc(100% - 28px)}.ybxLanding .heroCopy h1{font-size:clamp(1.75rem,7.5vw,2.6rem)!important}.ybxLanding .ybxPartnerGrid{grid-template-columns:1fr!important;gap:14px!important}.ybxLanding .ybxPartnerCard{padding:18px!important}.ybxLanding .ybxFloatingDock{left:10px!important;bottom:12px!important;width:43px!important;min-width:43px!important;max-width:43px!important}.ybxLanding .ybxFloatingDock .floatContact{width:43px!important;min-width:43px!important;max-width:43px!important;height:43px!important;min-height:43px!important;max-height:43px!important;flex-basis:43px!important}.ybxLanding .ybxFloatingDock .floatingIcon{width:27px!important;height:27px!important}.ybxLanding .ybxSocialRow{gap:8px}.ybxLanding .ybxSocialChip{flex:1 1 125px;justify-content:center}.cpApp .top,.app:not(.cpApp) .top{gap:9px}}
@media (prefers-reduced-motion:reduce){.ybxLanding *, .cpApp *, .app:not(.cpApp) *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}