/* BayesPharma Labs — System v32 redesign */
.system{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 28%,rgba(120,212,234,.075),transparent 27%),radial-gradient(circle at 82% 34%,rgba(121,229,189,.08),transparent 29%),linear-gradient(180deg,#020705 0%,#04100c 56%,#030806 100%)}
.system:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(121,229,189,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(121,229,189,.022) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(180deg,transparent,black 16%,black 84%,transparent);opacity:.65}
.system .shell{position:relative;z-index:2}
.system .chapter-head{grid-template-columns:86px minmax(0,1.05fr) minmax(330px,.62fr);gap:38px;align-items:end;margin-bottom:50px}
.system .chapter-index{align-self:end;margin-bottom:2px;padding:9px 11px;border-left:2px solid rgba(121,229,189,.52);background:linear-gradient(90deg,rgba(121,229,189,.045),transparent);border-radius:0 12px 12px 0}
.system .chapter-index b{font-size:1.25rem;color:#9ce8cc}.system .chapter-index span{color:#5f7b70}
.system .chapter-title{max-width:820px}.system .chapter-title h2{font-size:clamp(3rem,5.1vw,6.1rem);line-height:.88;letter-spacing:-.068em;max-width:820px}.system .chapter-title h2 em{background:linear-gradient(90deg,#7be4bd,#78d4ea);-webkit-background-clip:text;background-clip:text;color:transparent}
.system .chapter-intro{align-self:center;max-width:520px;padding:18px 20px;border:1px solid rgba(255,255,255,.055);border-radius:18px;background:rgba(255,255,255,.018);box-shadow:inset 0 1px 0 rgba(255,255,255,.025);font-size:.78rem;color:#789087}.system .chapter-intro strong{display:block;margin-bottom:5px;color:#d9ebe4;font-size:.82rem;line-height:1.55}
.system-map{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 156px minmax(0,1fr);gap:20px;align-items:stretch}
.system-map:before{content:"";position:absolute;left:8%;right:8%;top:50%;height:1px;background:linear-gradient(90deg,rgba(120,212,234,.05),rgba(120,212,234,.28) 29%,rgba(121,229,189,.34) 71%,rgba(121,229,189,.05));box-shadow:0 0 28px rgba(121,229,189,.1);z-index:0}
.system-side{position:relative;z-index:1;min-height:410px;padding:30px;border-radius:30px;background:linear-gradient(155deg,rgba(8,24,18,.97),rgba(3,12,9,.99));box-shadow:0 30px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025);overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.system-side:hover{transform:translateY(-4px)}
.system-side:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.62}
.system-side.ai{border:1px solid rgba(120,212,234,.18)}.system-side.ai:before{background:radial-gradient(circle at 14% 0%,rgba(120,212,234,.09),transparent 34%),linear-gradient(135deg,rgba(120,212,234,.018),transparent 55%)}.system-side.ai:hover{border-color:rgba(120,212,234,.3);box-shadow:0 34px 90px rgba(0,0,0,.32),0 0 50px rgba(120,212,234,.04)}
.system-side.labs{border:1px solid rgba(121,229,189,.18)}.system-side.labs:before{background:radial-gradient(circle at 86% 0%,rgba(121,229,189,.09),transparent 34%),linear-gradient(225deg,rgba(121,229,189,.018),transparent 55%)}.system-side.labs:hover{border-color:rgba(121,229,189,.3);box-shadow:0 34px 90px rgba(0,0,0,.32),0 0 50px rgba(121,229,189,.04)}
.system-label,.system-side h3,.system-side>p,.cap-grid,.system-side>.btn{position:relative;z-index:2}
.system-label{padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.055)}.system-label small{font-size:.5rem;letter-spacing:.15em}.system-label .status{padding:6px 9px;border:1px solid rgba(121,229,189,.09);border-radius:999px;background:rgba(121,229,189,.025)}
.system-side h3{margin:25px 0 8px;font-size:clamp(2rem,2.65vw,3.15rem);letter-spacing:-.055em}.system-side.ai h3{color:#9ee6f2}.system-side.labs h3{color:#9ce8cb}
.system-side>p{max-width:590px;margin:0;color:#759086;font-size:.75rem;line-height:1.68}
.cap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:24px}.cap-grid span{position:relative;padding:11px 12px 11px 28px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.018);color:#8da89e;font-size:.56rem;transition:background .2s ease,border-color .2s ease,color .2s ease}.cap-grid span:before{content:"";position:absolute;left:11px;top:50%;width:6px;height:6px;border-radius:2px;transform:translateY(-50%);background:#4f6f64}.system-side.ai .cap-grid span:before{background:#65bdcf}.system-side.labs .cap-grid span:before{background:#64c7a4}.system-side:hover .cap-grid span{background:rgba(255,255,255,.024);color:#a7bdb5}
.system-side>.btn{margin-top:24px;min-height:44px}
.system-bridge{position:relative;z-index:3;display:grid;place-items:center;min-height:100%}.system-bridge:before{content:"DECISION → CONTRACT";position:absolute;top:23%;left:50%;transform:translateX(-50%);width:140px;text-align:center;color:#718c81;font-size:.42rem;font-weight:900;letter-spacing:.13em}.system-bridge:after{content:"← EVIDENCE RETURN";position:absolute;bottom:22%;left:50%;transform:translateX(-50%);width:140px;text-align:center;color:#70877f;font-size:.42rem;font-weight:900;letter-spacing:.13em}
.bridge-core{position:relative;display:grid;place-items:center;width:118px;height:118px;border:1px solid rgba(121,229,189,.27);border-radius:50%;background:radial-gradient(circle at 50% 42%,rgba(121,229,189,.09),rgba(4,18,13,.98) 63%);box-shadow:0 0 0 10px rgba(121,229,189,.018),0 0 70px rgba(121,229,189,.1),inset 0 0 30px rgba(121,229,189,.04)}.bridge-core:before,.bridge-core:after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:9px;height:9px;border-radius:50%;background:#79e5bd;box-shadow:0 0 0 7px rgba(121,229,189,.05),0 0 18px rgba(121,229,189,.3)}.bridge-core:before{top:-28px}.bridge-core:after{bottom:-28px;background:#78d4ea;box-shadow:0 0 0 7px rgba(120,212,234,.05),0 0 18px rgba(120,212,234,.28)}.bridge-core small{font-size:.43rem;letter-spacing:.14em;color:#648277}.bridge-core b{margin-top:3px;font-size:.7rem;line-height:1.12;color:#b1ead4}.bridge-core b:after{content:"SIGNED";display:block;margin-top:7px;font-size:.4rem;letter-spacing:.12em;color:#628076}
.system-loop{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;margin-top:24px;padding:0;border:1px solid rgba(255,255,255,.055);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.009));overflow:hidden}.system-loop b{position:relative;display:flex;align-items:center;justify-content:center;min-height:58px;padding:0 10px;color:#839b92;font-size:.5rem;letter-spacing:.085em;text-align:center;border-right:1px solid rgba(255,255,255,.05)}.system-loop b:first-child{color:#9cddec}.system-loop b:nth-of-type(4){color:#9ce8cb}.system-loop b:last-child{color:#d7c98d;border-right:0}.system-loop b:before{content:"";width:6px;height:6px;margin-right:8px;border-radius:50%;background:#4e6b61}.system-loop b:first-child:before{background:#78d4ea}.system-loop b:nth-of-type(4):before{background:#79e5bd}.system-loop b:last-child:before{background:#e7c36c}.system-loop i{display:none}.system-loop:after{content:"CLOSED LEARNING LOOP";position:absolute;right:12px;top:-9px;padding:2px 7px;background:#04100c;color:#5d786e;font-size:.38rem;font-weight:900;letter-spacing:.14em}
@media(max-width:1120px){.system .chapter-head{grid-template-columns:72px minmax(0,1fr);gap:26px}.system .chapter-intro{grid-column:2;max-width:760px}.system-map{grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr)}.bridge-core{width:96px;height:96px}.system-side{padding:24px}.cap-grid{grid-template-columns:1fr}.system-loop{grid-template-columns:repeat(4,1fr)}.system-loop b{border-bottom:1px solid rgba(255,255,255,.05)}}
@media(max-width:820px){.system{padding-top:74px}.system .chapter-head{display:block}.system .chapter-index{display:inline-flex;margin-bottom:24px}.system .chapter-title h2{font-size:clamp(3rem,12vw,5.4rem)}.system .chapter-intro{margin-top:24px}.system-map{grid-template-columns:1fr;gap:16px}.system-map:before{left:50%;right:auto;top:12%;bottom:12%;width:1px;height:auto}.system-bridge{min-height:128px;order:2}.system-side.ai{order:1}.system-side.labs{order:3}.system-bridge:before{top:8px}.system-bridge:after{bottom:7px}.bridge-core{width:88px;height:88px}.system-loop{grid-template-columns:1fr 1fr}.system-loop b{min-height:52px}.system-side{min-height:auto}}
@media(max-width:560px){.system .chapter-title h2{font-size:clamp(2.75rem,14vw,4.5rem)}.system-side{padding:20px;border-radius:22px}.system-side h3{font-size:2.1rem}.cap-grid{grid-template-columns:1fr}.system-loop{grid-template-columns:1fr}.system-loop b{border-right:0;border-bottom:1px solid rgba(255,255,255,.05)}.system-loop b:last-child{border-bottom:0}}