/* YBX R4: accessible finishing pass; no JavaScript, no API/trading/payment changes. */
:root { --ybx-r4-amber:#f2cb79; --ybx-r4-focus:#ffdc82; --ybx-r4-edge:rgba(225,193,126,.17) }
html {scroll-padding-top:84px}
.ybxLanding {overflow-x:clip}
.ybxLanding .nav {isolation:isolate;box-shadow:0 8px 32px rgba(0,0,0,.24)}
.ybxLanding .navin {gap:clamp(8px,1.2vw,18px)}
.ybxLanding .nav .actions {min-width:0;gap:8px}
.ybxLanding .nav .actions .btn {white-space:nowrap;min-height:42px}
.ybxLanding .nav .brand img {width:40px;height:40px;object-fit:contain}
.ybxLanding .nav .brand strong {line-height:1.1;letter-spacing:.05em}
.ybxLanding .hero {overflow:clip}
.ybxLanding .heroCopy {min-width:0}
.ybxLanding .heroCopy h1 {text-wrap:balance}
.ybxLanding .heroActions .btn {min-height:46px;max-width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.ybxLanding .dashboardPreview {min-width:0;max-width:100%;overflow:hidden}
.ybxLanding .sectionIntro h2,.ybxLanding .ybxPartnersIntro h2 {text-wrap:balance}
.ybxLanding .featureCard,.ybxLanding .priceCard,.ybxLanding .faq details {min-width:0}
.ybxLanding .priceCard {height:100%}
.ybxLanding .ybxPartnerGrid {grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.ybxLanding .ybxPartnerCard {display:flex!important;flex-direction:column;gap:10px!important;border:1px solid var(--ybx-r4-edge)!important;box-shadow:0 8px 30px rgba(0,0,0,.18)!important;background:linear-gradient(145deg,#111d2a,#0b1119)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}
.ybxLanding .ybxPartnerCard:hover {transform:translateY(-3px);border-color:rgba(242,203,121,.45)!important;box-shadow:0 16px 38px rgba(0,0,0,.29)!important}
.ybxLanding .ybxPartnerLogo.ybxOriginalLogoSlot {height:124px!important;min-height:124px!important;max-height:124px!important;padding:12px!important;border:1px solid rgba(255,255,255,.09);background:#080f19!important;gap:8px}
.ybxLanding .ybxPartnerLogo .ybxPartnerOfficial {display:block;max-height:94px;max-width:100%;height:auto;width:auto;object-fit:contain;border-radius:5px}
.ybxLanding .ybxPartnerLogo[data-brand="justmarkets"] {flex-direction:row;gap:13px;padding-inline:17px!important}
.ybxLanding .ybxPartnerLogo[data-brand="justmarkets"] .ybxPartnerOfficial {width:66px;height:66px;max-width:66px;max-height:66px;object-fit:contain;flex:0 0 66px}
.ybxLanding .ybxPartnerLogo[data-brand="justmarkets"] .ybxBrandNameFallback {display:block!important;font-weight:800;font-size:clamp(1.2rem,1.7vw,1.55rem);color:#eaf2ff;white-space:normal;overflow-wrap:anywhere}
.ybxLanding .ybxPartnerLogo[data-brand="exness"] .ybxPartnerOfficial {width:min(100%,248px);max-height:86px}
.ybxLanding .ybxPartnerLogo[data-brand="acy"] {padding:0!important}
.ybxLanding .ybxPartnerLogo[data-brand="acy"] .ybxPartnerOfficial {display:block;width:100%;max-width:100%;height:124px;max-height:124px;object-fit:cover;object-position:center;border-radius:12px}
.ybxLanding .ybxPartnerLogo .ybxBrandNameFallback {font-weight:800;font-size:clamp(1.3rem,2vw,1.8rem);color:#f8f4eb}
.ybxLanding .ybxPartnerCard h3 {margin:0!important;line-height:1.45}
.ybxLanding .ybxPartnerCard p {margin:0!important;line-height:1.8;color:#aebccb}
.ybxLanding .ybxPartnerCode {margin:4px 0!important;overflow-wrap:anywhere}
.ybxLanding .ybxPartnerAction {margin-top:auto!important;min-height:48px!important;padding:10px 14px!important;white-space:normal}
.ybxLanding .ybxJoinPanel {align-items:center;min-width:0}
.ybxLanding .ybxJoinPanel p {line-height:1.85}
.ybxLanding .ybxJoinAction {min-height:46px;display:inline-flex;align-items:center;justify-content:center;text-align:center}
.ybxLanding .ybxFloatingDock {z-index:75!important;gap:8px!important}
.ybxLanding .ybxFloatingDock .floatContact {border:1px solid rgba(255,255,255,.15)!important;backdrop-filter:blur(8px)}
.ybxLanding .ybxFloatingDock .floatContact:focus-visible {outline:3px solid var(--ybx-r4-focus)!important;outline-offset:3px}
.ybxLanding .ybxFloatingDock .floatContact:hover {box-shadow:0 8px 23px rgba(0,0,0,.44)!important}
.ybxLanding .ybxFloatingDock .floatingIcon svg {width:22px!important;height:22px!important;min-width:22px!important;max-width:22px!important}
.ybxLanding .footer a {overflow-wrap:anywhere}
.ybxLanding .authModal {overflow:auto}
.ybxLanding .authModal .modal {max-width:min(100%,480px);max-height:calc(100dvh - 28px);overflow-y:auto;overscroll-behavior:contain}
.ybxLanding .authModal input {max-width:100%}
.ybxLanding .mobileNavPanel {max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}
.ybxLanding :is(a,button,input,select,textarea,summary):focus-visible {outline:2px solid var(--ybx-r4-focus)!important;outline-offset:3px}
.cpApp,.app:not(.cpApp) {min-width:0}
.cpApp .main,.app:not(.cpApp) .main {min-width:0;max-width:100%}
.cpApp .top,.app:not(.cpApp) .top {flex-wrap:wrap;min-height:65px}
.cpApp .top > *, .app:not(.cpApp) .top > * {min-width:0}
.cpApp .panel,.app:not(.cpApp) .panel {max-width:100%}
.cpApp .table,.app:not(.cpApp) .table {display:block;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.cpApp .table :is(th,td),.app:not(.cpApp) .table :is(th,td) {vertical-align:middle}
.cpApp .menu,.app:not(.cpApp) .menu {scrollbar-width:thin;scrollbar-color:#54482a transparent}
.ybxAdminLogin .login {width:min(460px,calc(100vw - 28px))}
@media(max-width:1120px) {
 .ybxLanding .nav .links {gap:10px}
 .ybxLanding .nav .links a {font-size:.84rem}
 .ybxLanding .ybxPartnerGrid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:780px) {
 .ybxLanding .container {width:calc(100% - 30px)}
 .ybxLanding .hero {padding-top:18px}
 .ybxLanding .heroActions {display:flex;gap:10px}
 .ybxLanding .heroActions .btn {flex:1 1 180px}
 .ybxLanding .ybxPartnerGrid {grid-template-columns:1fr!important;gap:16px!important}
 .ybxLanding .ybxPartnerCard {padding:18px!important}
 .ybxLanding .ybxPartnerLogo.ybxOriginalLogoSlot {height:114px!important;min-height:114px!important;max-height:114px!important}
 .ybxLanding .ybxPartnerLogo[data-brand="acy"] .ybxPartnerOfficial {height:114px}
 .ybxLanding .ybxFloatingDock {left:10px!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;gap:7px!important}
 .ybxLanding .ybxFloatingDock .floatContact {width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;min-height:42px!important;max-height:42px!important;flex-basis:42px!important}
 .ybxLanding .ybxFloatingDock .floatingIcon {width:29px!important;height:29px!important}
 .ybxLanding .ybxJoinPanel {flex-wrap:wrap}
 .ybxLanding .ybxJoinAction {max-width:100%}
 .cpApp .top,.app:not(.cpApp) .top {gap:10px;padding-block:12px}
}
@media(max-width:430px) {
 .ybxLanding .heroActions .btn {width:100%;flex-basis:100%}
 .ybxLanding .ybxPartnerLogo[data-brand="justmarkets"] .ybxBrandNameFallback {font-size:1.18rem}
 .ybxLanding .ybxFloatingDock {left:8px!important}
 .ybxLanding .footerGrid {min-width:0}
}
@media(prefers-reduced-motion:reduce){.ybxLanding .ybxPartnerCard,.ybxLanding .btn{transition:none!important;transform:none!important}}