.institution-services{--inst-bg:#080808;--inst-text:#f4f4f4;--inst-muted:#a5a5a5;--inst-rule:#303030;background:var(--inst-bg);color:var(--inst-text);padding:90px 0 55px}
.institution-intro{position:relative;min-height:365px;padding:42px 0;isolation:isolate;overflow:hidden}
.institution-intro-copy{position:relative;z-index:1;max-width:500px}
.institution-intro-copy>p:first-child{font-size:13px;color:#aaa;margin:0 0 24px}
.institution-intro h2{font-size:43px;line-height:1.35;letter-spacing:-1.4px;margin:0}
.institution-intro-description{font-size:13px;color:#aaa;line-height:1.95;max-width:350px;margin:23px 0}
.institution-intro .button{padding:14px 23px;min-height:49px;font-size:12px;gap:16px}
.institution-material{position:absolute;right:-40px;top:0;height:100%;width:70%;object-fit:cover;object-position:center;z-index:-2;opacity:.78}
.institution-intro:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080808 12%,#080808e6 35%,#08080800 75%);z-index:-1}
.institution-service-line{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:32px;padding:27px 0;border-top:1px solid var(--inst-rule)}
.institution-service-line h3{font-size:17px;font-weight:500;letter-spacing:-.3px;margin:0 0 10px}
.institution-service-line p{font-size:12px;color:var(--inst-muted);line-height:1.8;margin:0}
.jit-section{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:95px;padding:80px 0 85px}
.jit-copy{order:2}.jit-demonstration{order:1;min-width:0}
.jit-copy h3,.mcmc-header h3{font-size:46px;line-height:1.15;letter-spacing:-1.7px;font-weight:500;margin:0 0 23px}
.jit-copy h4{font-size:28px;font-weight:500;line-height:1.5;letter-spacing:-.8px;margin:0 0 20px}
.jit-copy>p{font-size:13px;line-height:1.9;color:var(--inst-muted);max-width:330px;margin:0}
.motion-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:27px}
.motion-button{border:1px solid #555;border-radius:24px;background:none;color:#ddd;font-size:11px;padding:10px 16px;min-height:37px}
.motion-button:hover{background:#f4f4f4;color:#111;border-color:#f4f4f4}
.motion-button.secondary{border-color:transparent;color:#999;padding-left:6px;padding-right:6px}.motion-button.secondary:hover{color:#fff;background:none}
.jit-stage{height:398px;position:relative;overflow:hidden;perspective:1300px;padding:10px 0}
.liquidity-card{position:absolute;top:15px;left:50%;width:min(84%,410px);min-height:358px;background:#f0f0f0;color:#141414;border-radius:17px;padding:30px 33px;transform:translate(-50%,420px) scale(.82);opacity:0;transition:transform .95s cubic-bezier(.16,1,.3,1),opacity .65s ease;box-shadow:0 10px 30px #0005;z-index:1}
.liquidity-card.active{transform:translate(-50%,0) scale(1);opacity:1;z-index:4}
.liquidity-card.stacked{transform:translate(calc(-92% - var(--stack-i,0)*17%),15px) scale(calc(.83 - var(--stack-i,0)*.04)) rotate(calc(-6deg - var(--stack-i,0)*4deg));opacity:.28;z-index:2}
.liquidity-card[data-card="1"]{background:#e1e1e1}.liquidity-card[data-card="2"]{background:#f4f4f4}
.card-topic{font-size:11px;color:#666;margin:0 0 24px}
.liquidity-card h5{font-size:29px;letter-spacing:-.7px;font-weight:600;line-height:1.4;margin:0 0 26px}
.request-ticket{padding-top:19px;border-top:1px solid #ccc;display:flex;flex-direction:column;gap:10px}
.request-ticket>span{font-size:10px;color:#777}.request-ticket b{font-size:14px;font-weight:500}
.card-description{font-size:10px;line-height:1.8;color:#727272;margin:24px 0 0}
.fee-confirmation{padding-top:10px}.confirmation-word{font-size:38px;font-weight:500;letter-spacing:-1.5px;display:block}
.confirmation-rule{height:1px;background:#555;margin:18px 0 12px;transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.16,1,.3,1) .35s}
.fee-confirmation>p{font-size:11px;color:#666;margin:0}.active .confirmation-rule{transform:scaleX(1)}
.liquidity-layers>div{padding:14px 16px;font-size:12px;border-radius:6px;transition:transform .85s cubic-bezier(.34,1.56,.64,1),opacity .65s;opacity:0;transform:translateY(22px)}
.own-liquidity{background:#dedede;transition-delay:.25s!important}.platform-liquidity{background:#111;color:#eee;margin-top:7px;transition-delay:.6s!important}.active .liquidity-layers>div{transform:none;opacity:1}
.jit-stage-selectors{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px}
.jit-stage-selectors button{background:none;border:0;color:#777;font-size:11px;padding:12px 0;text-align:left;position:relative}
.jit-stage-selectors button[aria-pressed="true"]{color:#f4f4f4}
.jit-stage-selectors button:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#333}
.jit-stage-selectors button[aria-pressed="true"]:before{background:#eee}
.demonstration-note{font-size:9px;color:#888;margin:10px 0 0}
.mcmc-section{padding:55px 0 35px;border-top:1px solid var(--inst-rule)}
.mcmc-header{max-width:590px}.mcmc-header h3{margin-bottom:18px}.mcmc-header h4{font-size:27px;line-height:1.4;font-weight:500;letter-spacing:-.6px;margin:0 0 18px}.mcmc-header>p{font-size:13px;line-height:1.9;color:var(--inst-muted);max-width:490px;margin:0}
.mcmc-demonstration{margin-top:42px}
.mcmc-readout{display:flex;justify-content:space-between;color:#999;font-size:11px;padding-bottom:20px}
.mcmc-readout b{color:#eee;font-size:16px;font-weight:500;font-variant-numeric:tabular-nums;margin-right:6px}
#mcmc-canvas{display:block;width:100%;height:300px}
.mcmc-axis{display:flex;justify-content:space-between;font-size:10px;color:#888;margin-top:12px}
.mcmc-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:23px}.mcmc-bottom>p{font-size:10px;color:#999;margin:0;line-height:1.8}.mcmc-bottom .motion-controls{margin:0}
.institution-terms{font-size:10px;color:#888;line-height:1.95;margin:28px 0 0;padding-top:23px;border-top:1px solid var(--inst-rule)}
.jurisdiction-disclosure b{font-size:11px;color:#aaa;font-weight:500}.jurisdiction-disclosure p{font-size:10px;color:#888;line-height:1.95;margin:11px 0 26px;max-width:1150px}.footer-bottom{gap:18px;align-items:flex-start;flex-wrap:wrap}.copyright{display:flex;align-items:center;flex-wrap:wrap;gap:0 3px}.copyright .ownership{border-left:1px solid #444;margin-left:12px;padding-left:12px;color:#aaa}
@media(max-width:1024px){.jit-section{gap:45px}.jit-copy h3,.mcmc-header h3{font-size:39px}.jit-copy h4{font-size:25px}.liquidity-card{padding:27px;width:87%}.liquidity-card h5{font-size:25px}.institution-intro h2{font-size:39px}}
@media(max-width:768px){.institution-services{padding:60px 0 45px}.institution-intro{padding:26px 0;min-height:350px}.institution-intro h2{font-size:34px;letter-spacing:-1px}.institution-intro-description{max-width:290px;font-size:12px}.institution-material{width:100%;right:-35%;opacity:.65}.institution-intro:after{background:linear-gradient(90deg,#080808 0%,#080808dd 45%,#08080800)}.institution-service-line{gap:25px;margin-top:21px}.institution-service-line h3{font-size:14px}.institution-service-line p{font-size:10px}.jit-section{grid-template-columns:1fr;gap:30px;padding:47px 0}.jit-copy{order:1}.jit-demonstration{order:2}.jit-copy h3,.mcmc-header h3{font-size:37px}.jit-copy h4{font-size:26px}.jit-copy>p{max-width:460px;font-size:12px}.motion-controls{margin-top:22px}.jit-stage{height:395px;max-width:490px;margin:0 auto}.liquidity-card{width:min(85%,380px);padding:28px 30px}.liquidity-card h5{font-size:28px}.mcmc-section{padding-top:45px}.mcmc-header h4{font-size:25px}.mcmc-header>p{font-size:12px}.mcmc-demonstration{margin-top:32px}#mcmc-canvas{height:235px}.mcmc-bottom{display:block}.mcmc-bottom .motion-controls{margin-top:20px}.institution-terms{font-size:9px}.jurisdiction-disclosure p{font-size:9px}.copyright{flex-basis:100%}.footer-bottom{gap:15px}.copyright .ownership{margin-left:8px;padding-left:8px;font-size:9px}}
@media(max-width:400px){.institution-service-line{grid-template-columns:1fr;gap:22px}.jit-stage{height:415px}.liquidity-card{min-height:330px;padding:25px;width:85%}.liquidity-card h5{font-size:24px}.jit-stage-selectors button{font-size:9px}.confirmation-word{font-size:34px}.institution-intro h2{font-size:31px}.copyright .ownership{flex-basis:100%;border-left:0;padding:0;margin:8px 0 0}}
@media(prefers-reduced-motion:reduce){.liquidity-card,.liquidity-layers>div,.confirmation-rule{transition:none!important}.liquidity-card.stacked{opacity:0;visibility:hidden}.motion-button:not(.secondary){display:none}}