/* Page-specific styles: online-trading.html */
.tk+.pt{margin-top:var(--space-6)}
.section-text p+.tk,.pcards p+.tk{margin-top:var(--space-5,20px)}
.lk{display:flex;flex-wrap:wrap;gap:var(--space-3,12px);margin-top:var(--space-6)}
.lk a{display:inline-block;padding:10px 18px;border:1px solid var(--navy);border-radius:999px;font:600 15px/22px var(--font-display);color:var(--navy);text-decoration:none}
.obx-hd{text-align:center;margin-bottom:var(--space-10,40px)}
.obx-hd .h2{margin:var(--space-2) 0 var(--space-4);font-size:32px;line-height:40px}
.obx-hd .jda-rule{margin:0 auto var(--space-5,20px)}
.obx-hd p{margin:0 auto;max-width:720px;font:400 18px/30px var(--font-body);color:var(--navy)}
.obx-l{list-style:none;margin:0;padding:0;position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-4)}
.obx-l::before{content:"";position:absolute;left:10%;right:10%;top:23px;height:2px;background:repeating-linear-gradient(90deg,var(--hairline) 0 8px,transparent 8px 14px)}
.obx-l li{position:relative;display:flex!important;flex-direction:column;align-items:center;text-align:center;padding:0}
.obx-l .n{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;margin:0 0 var(--space-4);border-radius:50%;background:var(--white);border:2px dashed var(--emerald);font:600 16px/1 var(--font-display);color:var(--navy)}
.obx-l li:nth-child(even) .n{border-color:var(--mustard)}
.obx-l li:last-child .n{background:var(--emerald);border-style:solid;color:var(--white)}
.obx-c{width:100%;box-sizing:border-box;padding:var(--space-4) var(--space-3);background:var(--white);border:1px solid var(--hairline);border-top:3px solid var(--emerald);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}
.obx-l li:nth-child(even) .obx-c{border-top-color:var(--mustard)}
.obx-c h3{margin:0;font:600 18px/26px var(--font-display);color:var(--navy)}
.obx-f{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);margin-top:var(--space-10,40px)}
.obx-f .obj{flex:1;margin:0!important}
.obx-f .jx-btn{flex:none}
.pax-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-12,48px);align-items:center}
.pax-l .h2{margin:var(--space-2) 0 var(--space-4);font-size:32px;line-height:40px}
.pax-l p{margin:var(--space-5,20px) 0 0;font:400 18px/30px var(--font-body);color:var(--navy)}
.pax-n{margin:0 0 var(--space-5,20px);padding:var(--space-5,20px) var(--space-6);background:var(--white);border:1px solid var(--hairline);border-left:6px solid var(--emerald);border-radius:var(--radius-md);font:500 17px/28px var(--font-body);color:var(--navy)}
.pax-t{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.pax-t a{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:72px;box-sizing:border-box;padding:var(--space-4) var(--space-5,20px);background:var(--white);border:1px solid var(--hairline);border-top:3px solid var(--mustard);border-radius:var(--radius-md);box-shadow:var(--shadow-card);font:600 17px/26px var(--font-display);color:var(--navy);text-decoration:none}
.pax-t a:nth-child(2),.pax-t a:nth-child(3){border-top-color:var(--emerald)}
.pax-t i{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--navy)}
.pax-ar{width:18px;height:18px;fill:none;stroke:var(--mustard);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.section-media{isolation:isolate}
.section-media::before{content:"";position:absolute;z-index:0;left:calc(var(--space-5,20px) * -1);bottom:calc(var(--space-5,20px) * -1);width:38%;height:34%;background:var(--mustard);border-radius:var(--radius-lg);pointer-events:none}
.section-media::after{content:"";position:absolute;z-index:0;right:calc(var(--space-5,20px) * -1);top:calc(var(--space-5,20px) * -1);width:28%;height:26%;background:var(--emerald);border-radius:var(--radius-lg);pointer-events:none}
.section-media .ph{z-index:1;box-shadow:var(--shadow-card)}
.jda-section{padding:var(--space-14,56px) 0}
.b1{position:relative;overflow:hidden;background:var(--tb);color:var(--tf);padding:64px 0}
.b1::before{content:"";position:absolute;right:-130px;top:-170px;width:460px;height:460px;border-radius:50%;border:70px solid var(--tw)}
.b1::after{content:"";position:absolute;right:230px;bottom:-190px;width:300px;height:300px;border-radius:50%;border:44px solid var(--tw)}
.b1 h2{font:600 36px/44px var(--font-display);color:var(--tf)}
.b1 p{margin-top:12px;max-width:560px;font:400 18px/28px var(--font-body);color:var(--tm)}
.b2{background:var(--off-white);padding:72px 0}
.b2 h2{font:600 28px/36px var(--font-display);color:var(--navy)}
.b2 p{margin-top:6px;font:400 17px/26px var(--font-body);color:var(--text-muted,#5B6B7A)}
.b2.section--light{background:var(--white)}
.b2.cx-mint{background:#E9F3EE}
.b2.section--accent{background:var(--mustard-25)}