/* AI Compute page. Visual layer only: type sizes, families and weights follow styles.css so the page matches the rest of the site.
   Brand base: deep teal #0C3B4F and cyan #9FD3EA. Extensions: midnight #041019, signal cyan #38BDF8, aqua #2DD4BF, ice #E6F7FB. */
:root{--mid:#041019;--deep9:#0C3B4F;--cyan:#9FD3EA;--sig:#38BDF8;--aqua:#2DD4BF;--ice:#E6F7FB}

/* hero: site masthead and site type, with the network background and centered text */
.cmock .title{position:relative;overflow:hidden!important;
  background:radial-gradient(ellipse 70% 60% at 50% 105%,rgba(30,143,184,.55) 0%,rgba(30,143,184,0) 70%),radial-gradient(ellipse 50% 45% at 85% 10%,rgba(79,195,232,.18) 0%,rgba(79,195,232,0) 70%),linear-gradient(180deg,#041019 0%,#082636 55%,#0C3B4F 100%)!important}
.cmock .title::before,.cmock .title::after,.cmock .title h1::after{display:none!important;content:none!important}
.cmock #net{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.cmock .title__inner{position:relative;z-index:2;text-align:center;justify-items:center;grid-template-columns:minmax(0,1fr)!important}
.cmock .title__inner>div{display:flex;flex-direction:column;align-items:center}
.cmock .title h1{color:#fff!important;max-width:none!important;margin-bottom:.7rem!important}
.cmock .title h1 .hl{font-style:italic;background:linear-gradient(90deg,#9FD3EA 0%,#38BDF8 45%,#2DD4BF 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.title__tag{font-family:var(--display);font-weight:500;font-size:clamp(1.2rem,1.7vw,1.45rem);line-height:1.3;color:var(--ice);margin:0 0 1.1rem}
.cmock .title__sub{color:#CFE6EF!important;margin-left:auto!important;margin-right:auto!important}
.cmock .coverage{position:relative;z-index:2;background:rgba(4,16,25,.35)!important;border-top:1px solid rgba(159,211,234,.18)!important}
.cmock .coverage span{color:#CFE6EF!important}
.cmock .coverage span::before{background:rgba(159,211,234,.25)!important}
@media(prefers-reduced-motion:reduce){.cmock #net{display:none}}

/* body */
.cmock .sheet--mist{background:#F3F8FA!important}
.cmock .who__card{border-radius:20px!important;border:1px solid #E1E7EA!important;box-shadow:0 10px 30px rgba(12,59,79,.06)!important;transition:transform .2s,box-shadow .2s}
.cmock .who__card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(12,59,79,.12)!important}

/* diagram panels */
.cmock .fl__panel,.cmock .gx__fig,.cmock .stack,.cmock .ex{background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(56,189,248,.14),rgba(56,189,248,0) 70%),linear-gradient(160deg,#06202D 0%,#041019 100%)!important;border:1px solid rgba(56,189,248,.28)!important;border-radius:22px!important;box-shadow:0 24px 60px rgba(4,16,25,.28),inset 0 1px 0 rgba(159,211,234,.12)!important}
.cmock .fl__phase,.cmock .stack .glance__label{color:var(--aqua)!important}
.cmock .fl__name{fill:#E6F7FB!important}
.cmock .fl__lab{fill:#BFE3EF!important}
.cmock .fl__track{stroke:rgba(159,211,234,.08)!important;stroke-width:8!important;stroke-linecap:round}
.cmock .fl__flow{stroke:var(--cyan)!important;stroke-width:2.4!important;stroke-dasharray:none!important;animation:none!important;filter:drop-shadow(0 0 6px rgba(159,211,234,.7))}
.cmock .fl__flow.fl--cap{stroke:var(--aqua)!important;filter:drop-shadow(0 0 6px rgba(45,212,191,.75))}
.cmock .fl__cap{color:#5E7680!important}
/* spheres */
.cmock .fl__ring{stroke:rgba(255,255,255,.28)!important;stroke-width:1!important;filter:drop-shadow(0 0 16px rgba(56,189,248,.45))}
.cmock .fl__shadow{filter:blur(2px)}
.cmock .fl__ic{stroke:#fff!important;stroke-width:2!important;filter:drop-shadow(0 1px 1.5px rgba(4,16,25,.55))}
.cmock .fl__ic circle{fill:#fff!important}
/* capital stack as glass cylinders */
.cmock .st__sen,.cmock .st__eq{stroke:rgba(255,255,255,.22)!important;stroke-width:1!important;fill-opacity:1!important}
.cmock .st__sen{filter:drop-shadow(0 0 16px rgba(56,189,248,.45))}
.cmock .st__in,.cmock .st__in--lt{fill:#fff!important}
.cmock .st__br{stroke:var(--aqua)!important;stroke-width:1.4!important}
.cmock .st__t{fill:#fff!important}
.cmock .st__d,.cmock .st__sm,.cmock .st__cash{fill:#BFE3EF!important}
.cmock .st__who{fill:#E6F7FB!important}
.cmock .st__ar{stroke:var(--sig)!important;stroke-width:2!important;stroke-dasharray:none!important;animation:none!important;filter:drop-shadow(0 0 5px rgba(56,189,248,.7))}
/* example table */
.cmock .ex__rows dt{color:#BFE3EF!important}.cmock .ex__rows dd{color:#fff!important}
.cmock .ex__rows div{border-bottom-color:rgba(159,211,234,.15)!important}
.cmock .ex__rows .ex__key{border-bottom-color:var(--aqua)!important}
.cmock .ex__rows .ex__key dt{color:#fff!important}
.cmock .ex .glance__label{color:var(--aqua)!important}

/* dark operators band */
.cmock #operators{background:radial-gradient(ellipse 60% 50% at 80% 0%,rgba(56,189,248,.14),rgba(56,189,248,0) 70%),radial-gradient(ellipse 50% 40% at 10% 100%,rgba(45,212,191,.10),rgba(45,212,191,0) 70%),linear-gradient(180deg,#041019 0%,#082636 100%)!important;border:0!important}
.cmock #operators h2,.cmock #operators .gx__title,.cmock #operators .pair__term{color:#fff!important}
.cmock #operators .sec__label,.cmock #operators .pair__role{color:#9FD3EA!important}
.cmock #operators .pair__def,.cmock #operators p{color:#C3DCE6}
.cmock #operators .glance__label,.cmock #operators .fl__phase{color:#2DD4BF!important}
.cmock #operators .keyline{background:linear-gradient(90deg,#38BDF8,#2DD4BF)!important}
.cmock #operators .pair__cell{border-color:rgba(159,211,234,.18)!important}
.cmock #operators .fl__cap{color:#8FB3C1!important}
.cmock #operators .gx--flow{background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(56,189,248,.12),rgba(56,189,248,0) 70%),linear-gradient(160deg,#071E2A,#041019)!important;border:1px solid rgba(159,211,234,.18)!important;border-radius:18px;box-shadow:0 30px 70px -30px rgba(0,0,0,.6)!important}
.cmock #operators .gx--flow::before,.cmock #operators .gx--flow::after{display:none!important}
.cmock #operators .fl__panel,.cmock #operators .ex{background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02))!important;box-shadow:none!important;border-color:rgba(159,211,234,.2)!important}

/* lenders band */
.cmock #lenders h2{color:#fff!important}
.cmock #lenders .lead,.cmock #lenders p.lead,.cmock #lenders .sec__body>p{color:#DCEBF5!important}
.cmock #lenders .sec__label{color:#9FD3EA!important}

/* operator funding stack, beside the prepayment text */
.cmock .ostack{margin:clamp(32px,3.6vw,48px) 0 0;padding:clamp(20px,2.2vw,28px) clamp(18px,2vw,24px) clamp(14px,1.6vw,20px);border-radius:22px;border:1px solid rgba(159,211,234,.2);background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}
.cmock .ostack svg{display:block;width:100%;height:auto;font-family:var(--text);overflow:visible}
.cmock .ostack .glance__label{color:var(--aqua)!important;margin:0 0 18px}
.cmock .os__sen{filter:drop-shadow(0 0 16px rgba(56,189,248,.45))}