/* Page-specific styles: demat.html */
.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}
.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)}
.dv-s .section-head{margin-bottom:var(--space-10,40px)}
.dv-r{position:absolute;opacity:0;pointer-events:none}
.dv{position:relative}
.dv-view{overflow:hidden;padding:2px 0 8px}
.dv-track{display:flex;gap:var(--space-6);transition:transform .4s ease}
.dv-c{flex:0 0 calc((100% - 2*var(--space-6))/3);box-sizing:border-box;background:var(--white);border:1px solid var(--hairline);border-bottom:4px solid var(--mustard);border-radius:var(--radius-sm);padding:var(--space-8);box-shadow:var(--shadow-card)}
.dv-c:nth-child(even){border-bottom-color:var(--emerald)}
.dv-i{display:grid;place-items:center;width:64px;height:64px;margin-bottom:var(--space-5,20px);border-radius:8px;background:#FBF1DD;color:var(--navy)}
.dv-c:nth-child(even) .dv-i{background:#E3F1E9}
.dv-i svg{width:32px;height:32px}
.dv-c h3{margin:0 0 var(--space-3,12px);font:600 22px/30px var(--font-display);color:var(--navy)}
.dv-c p{margin:0;font:400 16px/26px var(--font-body);color:var(--navy)}
.dv-a{position:absolute;top:50%;margin-top:-26px;width:52px;height:52px;border-radius:50%;background:var(--navy);color:var(--mustard);display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #123a5e33;z-index:2}
.dv-a svg{width:24px;height:24px}
.dv-a:hover{background:var(--emerald);color:var(--white)}
.dv-p{left:-72px}
.dv-n{right:-72px}
.dv-p1,.dv-n5{opacity:.3;cursor:default;pointer-events:none}
#dsr1:checked~.dv .dv-track{transform:translateX(calc(-0*(100%/3 + var(--space-6)/3)))}
#dsr1:checked~.dv .dv-p1,#dsr1:checked~.dv .dv-n1{display:flex}
#dsr1:focus-visible~.dv .dv-a{outline:3px solid var(--mustard);outline-offset:2px}
#dsr2:checked~.dv .dv-track{transform:translateX(calc(-1*(100%/3 + var(--space-6)/3)))}
#dsr2:checked~.dv .dv-p2,#dsr2:checked~.dv .dv-n2{display:flex}
#dsr2:focus-visible~.dv .dv-a{outline:3px solid var(--mustard);outline-offset:2px}
#dsr3:checked~.dv .dv-track{transform:translateX(calc(-2*(100%/3 + var(--space-6)/3)))}
#dsr3:checked~.dv .dv-p3,#dsr3:checked~.dv .dv-n3{display:flex}
#dsr3:focus-visible~.dv .dv-a{outline:3px solid var(--mustard);outline-offset:2px}
#dsr4:checked~.dv .dv-track{transform:translateX(calc(-3*(100%/3 + var(--space-6)/3)))}
#dsr4:checked~.dv .dv-p4,#dsr4:checked~.dv .dv-n4{display:flex}
#dsr4:focus-visible~.dv .dv-a{outline:3px solid var(--mustard);outline-offset:2px}
#dsr5:checked~.dv .dv-track{transform:translateX(calc(-4*(100%/3 + var(--space-6)/3)))}
#dsr5:checked~.dv .dv-p5,#dsr5:checked~.dv .dv-n5{display:flex}
#dsr5:focus-visible~.dv .dv-a{outline:3px solid var(--mustard);outline-offset:2px}
.dq-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-12,48px);align-items:center}
.dq-l .h2{margin:var(--space-2) 0 var(--space-4);font-size:32px;line-height:40px}
.dq-l>p{margin:var(--space-5,20px) 0 var(--space-6);font:400 18px/30px var(--font-body);color:var(--navy)}
.dq-l .lk{margin:0;justify-content:flex-start}
.dq-c{box-sizing:border-box;padding:var(--space-8) var(--space-10,40px);background:var(--navy);border-radius:32px;color:var(--white);box-shadow:var(--shadow-card)}
.dq-t{display:block;margin-bottom:var(--space-2);font:600 12px/18px var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--mustard)}
.dq-c>div{padding:var(--space-5,20px) 0;border-top:1px solid #ffffff2e}
.dq-c>div:first-of-type{border-top:0}
.dq-c small{display:block;font:600 12px/18px var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--white);opacity:.7}
.dq-c b{display:block;margin-top:4px;font:600 26px/34px var(--font-display);color:var(--white)}
.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)}