/* REL 6.17.55 — public systems + client continuity demos */

/* SYSTEMS // five machines, one operating loop */
.systems-loop{position:relative;margin-top:56px;padding:clamp(24px,4vw,46px);border:1px solid rgba(241,238,229,.12);background:linear-gradient(145deg,rgba(13,13,12,.98),rgba(4,4,4,.99));overflow:hidden;isolation:isolate}.systems-loop::before{content:"";position:absolute;z-index:-1;right:-17%;top:-46%;width:680px;aspect-ratio:1;border:1px solid rgba(201,163,75,.14);border-radius:50%;box-shadow:0 0 0 52px rgba(201,163,75,.012),0 0 0 104px rgba(241,238,229,.008)}.sl-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.56fr);gap:30px;align-items:end;padding-bottom:27px;border-bottom:1px solid rgba(241,238,229,.09)}.sl-head h2{margin:10px 0 0;font:700 clamp(2.4rem,5.2vw,5.4rem)/.88 var(--serif);letter-spacing:-.045em;color:#fff}.sl-head p{margin:0;color:#a49c90;line-height:1.65}.sl-shell{display:grid;grid-template-columns:minmax(390px,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,70px);align-items:center;padding-top:34px}.sl-map{position:relative;min-height:520px}.sl-map::before,.sl-map::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}.sl-map::before{width:390px;aspect-ratio:1;border:1px solid rgba(241,238,229,.15);box-shadow:0 0 0 34px rgba(201,163,75,.015)}.sl-map::after{width:260px;aspect-ratio:1;border:1px dashed rgba(201,163,75,.27)}.sl-core{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:168px;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;padding:20px;border:1px solid rgba(201,163,75,.7);background:radial-gradient(circle at 50% 38%,rgba(201,163,75,.12),rgba(5,5,5,.98) 69%);box-shadow:0 0 0 12px rgba(0,0,0,.75),0 0 0 13px rgba(241,238,229,.11),0 18px 60px rgba(0,0,0,.65)}.sl-core small,.sl-core strong{display:block}.sl-core small{font:900 .45rem var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#9f8d64}.sl-core strong{margin-top:9px;font:900 .68rem/1.35 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#f1ece1}.sl-stage{position:absolute;z-index:4;width:150px;min-height:66px;padding:10px 12px;border:1px solid rgba(241,238,229,.14);background:rgba(8,8,7,.95);color:#a9a196;text-align:left;cursor:pointer;transition:.18s}.sl-stage:hover,.sl-stage:focus-visible{outline:none;border-color:rgba(201,163,75,.58);transform:translateY(-2px)}.sl-stage span,.sl-stage strong{display:block}.sl-stage span{font:900 .43rem var(--mono);letter-spacing:.17em;color:#8f846c;text-transform:uppercase}.sl-stage strong{margin-top:6px;font:900 .58rem/1.25 var(--mono);letter-spacing:.09em;color:#e9e3d7;text-transform:uppercase}.sl-stage.is-active{border-color:#d2aa55;background:linear-gradient(145deg,rgba(30,25,15,.98),rgba(8,8,7,.98));box-shadow:0 0 34px rgba(201,163,75,.08)}.sl-stage.is-active span{color:#d2aa55}.sl-stage.s1{left:50%;top:1%;transform:translateX(-50%)}.sl-stage.s1:hover,.sl-stage.s1:focus-visible{transform:translateX(-50%) translateY(-2px)}.sl-stage.s2{right:0;top:28%}.sl-stage.s3{right:7%;bottom:4%}.sl-stage.s4{left:7%;bottom:4%}.sl-stage.s5{left:0;top:28%}.sl-detail{display:grid;align-content:center;min-height:400px;padding:clamp(24px,4vw,42px);border-left:1px solid rgba(201,163,75,.3)}.sl-detail .section-index{margin-bottom:14px}.sl-detail h3{margin:0;font:700 clamp(2.3rem,4.4vw,4.5rem)/.92 var(--serif);letter-spacing:-.04em;color:#fff}.sl-detail .sl-state{display:inline-flex;align-items:center;gap:8px;width:max-content;margin:18px 0 22px;padding:7px 9px;border:1px solid rgba(201,163,75,.36);font:900 .48rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#c7a356}.sl-detail .sl-state::before{content:"";width:6px;height:6px;border-radius:50%;background:#d2aa55;box-shadow:0 0 10px rgba(210,170,85,.6)}.sl-detail p{max-width:720px;margin:0;color:#aaa297;font-size:1.02rem;line-height:1.72}.sl-output{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin-top:28px;padding-top:18px;border-top:1px solid rgba(241,238,229,.09);font:900 .49rem/1.55 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#847d72}.sl-output b{color:#b9944d}.sl-output strong{color:#d9d2c5}.sl-readout{margin-top:24px;font:900 .47rem/1.5 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:#7f786d}.sl-readout b{color:#cfa753}

/* CLIENT PORTALS // continuity is visible, not implied */
.system-client-portals .continuity-console{position:relative;overflow:hidden}.continuity-console::before{content:"";position:absolute;left:50%;top:50%;width:86%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(185,154,187,.25);border-radius:50%;box-shadow:0 0 0 34px rgba(185,154,187,.012),0 0 80px rgba(185,154,187,.05);pointer-events:none}.continuity-console .cc-ring{position:absolute;left:50%;top:50%;width:62%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(45deg);border:1px dashed rgba(185,154,187,.28);pointer-events:none}.cc-label{position:absolute;z-index:5;left:50%;top:5%;transform:translateX(-50%);width:max-content;max-width:84%;text-align:center;font:900 .45rem/1.45 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#a88faa}.cc-label b{color:#d7c1d9}.cc-core{position:absolute;z-index:5;left:50%;top:48%;transform:translate(-50%,-50%);width:min(330px,52%);padding:22px;border:1px solid rgba(214,190,216,.4);background:rgba(8,7,8,.94);box-shadow:0 22px 60px rgba(0,0,0,.58),inset 0 0 0 1px rgba(255,255,255,.018)}.cc-core small{display:block;font:900 .44rem var(--mono);letter-spacing:.18em;color:#9f86a2;text-transform:uppercase}.cc-core>strong{display:block;margin:8px 0 15px;font:900 .76rem/1.25 var(--mono);letter-spacing:.1em;color:#f0e6f1;text-transform:uppercase}.cc-ledger{display:grid;gap:6px}.cc-row{display:grid;grid-template-columns:74px 1fr;gap:10px;padding:7px 0;border-top:1px solid rgba(241,238,229,.08);font:800 .46rem/1.42 var(--mono);letter-spacing:.08em;text-transform:uppercase}.cc-row b{color:#8f7892}.cc-row span{color:#716a71}.cc-row[data-loaded="true"] span{color:#e1d3e2}.cc-row[data-loaded="true"] b{color:#c8a7cb}.cc-stage{position:absolute;z-index:7;width:150px;min-height:70px;padding:10px 11px;text-align:left;border:1px solid rgba(241,238,229,.14);background:rgba(8,7,8,.96);color:#aaa0aa;cursor:pointer;transition:.18s}.cc-stage:hover,.cc-stage:focus-visible{outline:none;border-color:rgba(185,154,187,.68);transform:translateY(-2px)}.cc-stage small,.cc-stage strong,.cc-stage span{display:block}.cc-stage small{font:900 .4rem var(--mono);letter-spacing:.16em;color:#816f84;text-transform:uppercase}.cc-stage strong{margin:6px 0 4px;font:900 .54rem var(--mono);letter-spacing:.1em;color:#ece2ed;text-transform:uppercase}.cc-stage span{font:700 .4rem/1.35 var(--mono);letter-spacing:.07em;color:#817981;text-transform:uppercase}.cc-stage[aria-pressed="true"]{border-color:#c7a3ca;background:linear-gradient(145deg,rgba(30,22,31,.98),rgba(8,7,8,.98));box-shadow:0 0 30px rgba(185,154,187,.09)}.cc-stage[aria-pressed="true"] small{color:#c6a5c8}.cc-stage.c1{left:4%;top:17%}.cc-stage.c2{right:2%;top:30%}.cc-stage.c3{left:5%;bottom:18%}.cc-stage.c4{right:4%;bottom:15%}.cc-reset{position:absolute;z-index:8;left:50%;top:72%;transform:translateX(-50%);padding:8px;border:0;background:transparent;color:#7a707b;font:900 .42rem var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.cc-reset:hover,.cc-reset:focus-visible{outline:none;color:#cfb2d1}.continuity-console[data-count="4"] .cc-core{border-color:#d7b6da;box-shadow:0 22px 60px rgba(0,0,0,.58),0 0 48px rgba(185,154,187,.12)}.continuity-console .hero-readout{bottom:5%;grid-template-columns:auto auto}.continuity-console .hero-nodes{inset:12% 9%}.continuity-console .hero-node{--instrument-accent:#b99abb}.continuity-console .hero-node.n1{left:16%;top:20%}.continuity-console .hero-node.n2{right:16%;top:29%}.continuity-console .hero-node.n3{right:18%;bottom:20%}.continuity-console .hero-node.n4{left:18%;bottom:25%}

@media(max-width:980px){.sl-shell{grid-template-columns:1fr}.sl-map{min-height:500px;max-width:620px;width:100%;margin:auto}.sl-detail{border-left:0;border-top:1px solid rgba(201,163,75,.28);min-height:0}.sl-head{grid-template-columns:1fr}}
@media(max-width:680px){.systems-loop{margin-top:40px;padding:22px 17px}.sl-head h2{font-size:clamp(2.4rem,12vw,4rem)}.sl-map{min-height:440px}.sl-map::before{width:300px}.sl-map::after{width:210px}.sl-core{width:132px;padding:14px}.sl-core strong{font-size:.58rem}.sl-stage{width:126px;min-height:58px;padding:8px}.sl-stage strong{font-size:.49rem}.sl-stage span{font-size:.37rem}.sl-stage.s2{right:-4%;top:29%}.sl-stage.s5{left:-4%;top:29%}.sl-stage.s3{right:2%;bottom:3%}.sl-stage.s4{left:2%;bottom:3%}.sl-detail{padding:26px 4px 4px}.sl-output{grid-template-columns:1fr}.system-client-portals .continuity-console{min-height:560px}.cc-core{width:58%;padding:16px}.cc-core>strong{font-size:.62rem}.cc-row{grid-template-columns:58px 1fr;font-size:.4rem}.cc-stage{width:132px;min-height:62px;padding:8px}.cc-stage span{display:none}.cc-stage.c1{left:0}.cc-stage.c2{right:0}.cc-stage.c3{left:0}.cc-stage.c4{right:0}.cc-reset{top:73%}.continuity-console .hero-readout{bottom:2%;min-width:250px}}
@media(max-width:430px){.sl-map{min-height:410px}.sl-map::before{width:260px}.sl-map::after{width:184px}.sl-core{width:116px}.sl-stage{width:112px}.sl-stage strong{font-size:.45rem}.system-client-portals .continuity-console{min-height:530px}.cc-core{width:61%;padding:13px}.cc-row{grid-template-columns:1fr;gap:2px}.cc-stage{width:112px}.cc-stage strong{font-size:.46rem}.cc-stage small{font-size:.35rem}.cc-label{font-size:.38rem}.cc-reset{top:74%}}
@media(prefers-reduced-motion:reduce){.sl-stage,.cc-stage{transition:none!important}}