/* Application panels matched to the approved standalone mockup. */
.mc-applications{color-scheme:dark;--canvas:#08141c;--panel:#0b1c26;--text:#e9f2f3;--muted:#acbdc7;--mint:#a6cbc3;--border:rgba(139,188,200,.54)}
.mc-applications *,.mc-applications *::before,.mc-applications *::after{box-sizing:border-box}
.mc-applications{margin:0;background:var(--canvas);color:var(--text);font-family:Inter,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.mc-applications button{font:inherit}
.mc-applications button:focus-visible{outline:2px solid var(--mint);outline-offset:5px}
.mc-applications .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mc-applications .mca-canvas{position:relative;isolation:isolate;container-type:inline-size;width:100%;max-width:1814px;aspect-ratio:1814 / 1084;margin-inline:auto;background:rgb(8, 20, 28),var(--canvas)}
.mc-applications .mca-panel{position:absolute;isolation:isolate;overflow:hidden;background:var(--panel);border:1px solid var(--border);border-radius:1.005cqw;box-shadow:inset 1px 0 0 rgba(166,203,195,.06)}
.mc-applications .mca-panel__background{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}
.mc-applications .mca-eyebrow{margin:0;color:var(--mint);font-size:.662cqw;line-height:1.5;font-weight:650;letter-spacing:.2em}
.mc-applications h3{margin:0;font-size:1.875cqw;line-height:1.08;font-weight:650;letter-spacing:-.055em}
.mc-applications p{margin:0;color:var(--muted);font-size:.9923cqw;line-height:1.6;font-weight:400;letter-spacing:-.015em}
.mc-applications .mca-operations{left:2.97685%;top:17.15867%;width:31.53252%;height:38.83764%;padding:1.819cqw}
.mc-applications .mca-operations .mca-panel__background{object-position:71% 51%}
.mc-applications .mca-operations::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(5,18,28,.93),rgba(5,18,28,.83) 32%,rgba(5,18,28,.12) 72%)}
.mc-applications .mca-operations h3{margin-top:1.048cqw}
.mc-applications .mca-operations p{margin-top:.9923cqw;max-width:23.3cqw}
.mc-applications .mca-intelligence{left:35.22602%;top:4.8893%;width:16.75854%;height:51.10701%;padding:1.4895cqw}
.mc-applications .mca-intelligence h3{margin-top:1.158cqw;font-size:1.599cqw;line-height:1.12;letter-spacing:-.055em}
.mc-applications .mca-environment{left:8.10364%;top:57.28782%;width:18.24697%;height:34.13284%;padding:1.71cqw}
.mc-applications .mca-environment__icon{width:3.3076cqw;height:3.3076cqw;border:1px solid rgba(78,148,164,.35);border-radius:50%;display:grid;place-items:center;background:rgba(12,37,49,.45);margin-bottom:2.15cqw}
.mc-applications .mca-environment__icon svg{width:1.323cqw;height:1.323cqw;color:var(--mint)}
.mc-applications .mca-environment h3{font-size:1.654cqw;line-height:1.12;margin-top:.8269cqw}
.mc-applications .mca-environment p{margin-top:.7166cqw;max-width:14.4cqw}
.mc-applications .mca-diligence{left:27.12238%;top:57.28782%;width:24.80706%;height:38.74539%;padding:2.04cqw 1.599cqw}
.mc-applications .mca-diligence h3{margin-top:.882cqw;font-size:1.875cqw;max-width:20.2cqw}
.mc-applications .mca-diligence p{margin-top:.882cqw;max-width:18.8cqw}
.mc-applications .mca-workflow{left:52.70121%;top:13.92989%;width:44.26681%;height:82.65683%;padding:1.599cqw 1.4895cqw}
.mc-applications .mca-workflow::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(108deg,rgba(19,48,63,0) 24%,rgba(59,111,137,.42) 100%)}
.mc-applications .mca-workflow::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(8,23,31,.93),transparent 62%);mask-image:linear-gradient(180deg,transparent 36%,#000 83%)}
.mc-applications .mca-workflow h3{margin-top:.7166cqw;font-size:1.985cqw;line-height:1.16;letter-spacing:-.055em}
.mc-applications .mca-workflow p{margin-top:1.378cqw;max-width:30.1cqw;font-size:.9923cqw;line-height:1.59}
.mc-applications .mca-expand{position:absolute;right:1.158cqw;bottom:1.158cqw;width:2.205cqw;height:2.205cqw;border:1px solid rgba(154,197,207,.58);border-radius:50%;padding:.606cqw;display:grid;place-items:center;background:rgba(7,25,35,.64);color:#b5d6d4;cursor:pointer;transition:background .2s,border-color .2s}
.mc-applications .mca-expand svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.5;fill:none}
.mc-applications .mca-expand:hover{background:rgba(66,106,123,.6);border-color:#b5d6d4}
.mc-applications .mca-workflow .mca-expand{right:1.158cqw;bottom:.772cqw;background:rgba(65,108,130,.66);border-color:rgba(163,205,222,.8)}
.mc-applications .mca-panel-detail{position:absolute;inset:auto 0 0;z-index:2;max-height:calc(100% - 13cqw);overflow-y:auto;overscroll-behavior:contain;padding:clamp(16px,1.378cqw,25px) clamp(76px,5.954cqw,108px) clamp(20px,1.378cqw,25px) clamp(20px,2.04cqw,37px);background:rgba(5,18,28,.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(130,190,203,.22)}
.mc-applications .mca-panel-detail[hidden]{display:none!important}
.mc-applications .mca-panel-detail p,.mc-applications .mca-workflow .mca-panel-detail p{margin:0;max-width:none;font-size:clamp(13px,.882cqw,16px);line-height:1.6;color:var(--text);letter-spacing:0}
.mc-applications .mca-intelligence .mca-panel-detail{padding:clamp(16px,1.213cqw,22px) clamp(16px,1.323cqw,24px) 76px}
.mc-applications .mca-operations.is-expanded > p{visibility:hidden}
.mc-applications .mca-expand{z-index:3}
.mc-applications .mca-expand svg{transition:transform .2s}
.mc-applications .mca-expand[aria-expanded="true"] svg{transform:rotate(45deg)}
.mc-applications .mca-expand[aria-expanded="true"]{background:#d4e9e5;color:#14232d;border-color:#d4e9e5}
.mc-applications .mca-panel__background{image-rendering:auto}
@media(max-width:950px){
.mc-applications .mca-panel-detail{max-height:calc(100% - 160px);padding:22px 84px 24px 28px}
.mc-applications .mca-panel-detail p,.mc-applications .mca-workflow .mca-panel-detail p{font-size:15px}
.mc-applications .mca-intelligence .mca-panel-detail{padding:22px 84px 24px 28px}
}
@media(max-width:600px){
.mc-applications .mca-panel-detail{max-height:calc(100% - 180px);padding:22px 80px 24px 24px}
.mc-applications .mca-panel-detail p,.mc-applications .mca-workflow .mca-panel-detail p{font-size:14px;line-height:1.55}
.mc-applications .mca-intelligence .mca-panel-detail{padding:22px 80px 24px 24px}
}
@media(max-width:950px){
.mc-applications .mca-canvas{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:32px 24px}
.mc-applications .mca-panel{position:relative;inset:auto;width:auto;height:auto;border-radius:30px;padding:28px}
.mc-applications .mca-eyebrow{font-size:11px}
.mc-applications h3,.mc-applications .mca-operations h3,.mc-applications .mca-intelligence h3,.mc-applications .mca-environment h3,.mc-applications .mca-diligence h3{font-size:29px;line-height:1.12;margin-top:22px;max-width:none}
.mc-applications p,.mc-applications .mca-workflow p{font-size:16px;line-height:1.6;max-width:none;margin-top:20px}
.mc-applications .mca-operations,.mc-applications .mca-intelligence{min-height:480px}
.mc-applications .mca-operations p{max-width:370px;margin-top:22px}
.mc-applications .mca-environment{min-height:355px}
.mc-applications .mca-diligence{min-height:355px}
.mc-applications .mca-environment__icon{width:58px;height:58px;margin-bottom:36px}
.mc-applications .mca-environment__icon svg{width:25px;height:25px}
.mc-applications .mca-environment h3{margin-top:16px}
.mc-applications .mca-environment p{max-width:290px}
.mc-applications .mca-diligence p{max-width:310px}
.mc-applications .mca-workflow{grid-column:1 / -1;min-height:940px}
.mc-applications .mca-workflow h3{font-size:34px;margin-top:18px}
.mc-applications .mca-workflow p{max-width:560px;margin-top:24px}
.mc-applications .mca-workflow .mca-panel__background{object-position:center 60%}
.mc-applications .mca-expand,.mc-applications .mca-workflow .mca-expand{width:40px;height:40px;padding:11px;right:20px;bottom:20px}

}
@media(max-width:600px){
.mc-applications .mca-canvas{grid-template-columns:1fr;padding:24px 18px;gap:18px}
.mc-applications .mca-panel{padding:28px;border-radius:28px}
.mc-applications .mca-operations{min-height:435px}
.mc-applications .mca-intelligence{min-height:570px}
.mc-applications .mca-intelligence .mca-panel__background{object-position:center 80%}
.mc-applications .mca-environment{min-height:330px}
.mc-applications .mca-diligence{min-height:410px}
.mc-applications .mca-workflow{grid-column:auto;min-height:880px}
.mc-applications .mca-workflow h3{font-size:30px;line-height:1.14;letter-spacing:-.045em}
.mc-applications .mca-workflow p{font-size:16px;line-height:1.6}
.mc-applications .mca-workflow .mca-panel__background{inset:auto 0 0;width:100%;height:540px;object-fit:cover;object-position:43% bottom}
.mc-applications .mca-workflow::after{display:none}

}
@media(prefers-reduced-motion:reduce){
.mc-applications *{transition:none!important}
}


.mc-applications{box-sizing:border-box;scroll-margin-top:90px}

.mc-applications .mca-canvas{scroll-margin-top:90px}

