/* Business software. Dark, page-scoped. Site tokens: black, #1466ff, IBM Plex. */
.bx{
  --blue:#1466ff;--blue-d:#0a49c4;--ink:#e7edf5;--ink2:#c5d0de;--mute:#9aa6b4;
  --line:rgba(219,229,242,.16);--paper:#000;--mist:#070b12;--panel:#0c121c;
  --ok:#24a148;--warn:#f1c21b;--bad:#fa4d56;
  background:#000;color:var(--ink);overflow-x:clip;
}
.bx *{box-sizing:border-box}
.bx h2,.bx h3,.bx h4,.bx p,.bx ul,.bx ol{margin:0}
.bx button,.bx input,.bx select{font:inherit;color:inherit}
.bx .we2-hero{background:#000;padding-block:18px 8px}
.bx .we2-actions{margin-top:16px}
.bx .we2-keys{margin-top:16px}
.bx .we2-lead,.bx .we2-sub{color:var(--ink2)}
.bx .we2-btn--ghost{border-color:var(--line);color:var(--ink);background:transparent}
.bx .we2-btn--ghost:hover{background:#fff;color:#000}
.bx .we2-keys{border-top-color:var(--line);max-width:none}
.bx .we2-keys dt{color:#9ec0ff}
.bx .we2-keys dd{color:var(--mute)}
.bx-sec{padding:22px 0 18px;border-top:1px solid var(--line);scroll-margin-top:72px}
.bx h2{font:600 clamp(24px,2.4vw,32px)/1.15 var(--font-sans);letter-spacing:-.02em;max-width:36ch}
.bx h3{font:600 17px/1.3 var(--font-sans)}
.bx-head{display:grid;gap:6px;margin-bottom:12px;max-width:46rem}
.bx-head>p{color:var(--mute);line-height:1.45;font-size:15.5px}
.bx-jump{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}
.bx-jump a{color:#9ec0ff;font-weight:600;font-size:14px;text-decoration:none}
.bx-jump a:hover{text-decoration:underline}
.bx-tag,.bx-kicker{font:500 12px/1.4 var(--font-mono);letter-spacing:.04em;color:#9ec0ff}
.bx-kicker{margin-bottom:2px}
.bx-link{margin-top:auto;font-weight:600;color:#9ec0ff;text-decoration:none}
.bx-link:hover{text-decoration:underline}
.bx-private{margin-top:14px;padding:14px 16px;border:1px solid var(--line);background:var(--panel);color:var(--ink2);line-height:1.5}
.bx-private b{color:var(--ink)}

.bx-studio{background:var(--panel);border:1px solid var(--line);padding:16px;display:grid;gap:14px;min-width:0;background-image:linear-gradient(rgba(219,229,242,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(219,229,242,.06) 1px,transparent 1px);background-size:28px 28px;background-color:#0c121c}
.bx-studio__bar{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.bx-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.bx-chips button{background:#101826;border:1px solid var(--line);padding:10px 12px;min-height:44px;text-align:left;cursor:pointer;font-weight:600;font-size:13.5px;color:var(--ink)}
.bx-chips button:hover{border-color:#9ec0ff}
.bx button[aria-pressed=true],.bx .bx-layers button[aria-selected=true]{background:var(--blue);border-color:var(--blue);color:#fff}
.bx-pipe{position:relative;padding:18px 0 6px}
.bx-pipe__line{position:absolute;left:10%;right:10%;top:36px;height:3px;background:#243044}
.bx-pipe__line u{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--blue);transition:width .28s ease}
.bx-pipe__line b{position:absolute;top:-6px;left:0;width:15px;height:15px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(20,102,255,.25);transform:translateX(-50%);transition:left .28s ease}
.bx-pipe__nodes{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative}
.bx-pipe__nodes button{display:grid;justify-items:center;gap:8px;width:100%;background:none;border:0;cursor:pointer;color:var(--mute);font:600 12.5px var(--font-sans);padding:0 2px 6px;min-height:44px}
.bx-pipe__nodes i{width:36px;height:36px;display:grid;place-items:center;background:#101826;border:2px solid #31445e;color:var(--ink);font:600 11px var(--font-mono);font-style:normal;transition:border-color .25s,background .25s,color .25s;z-index:1}
.bx-pipe__nodes button.done i{border-color:var(--blue);color:#9ec0ff}
.bx-pipe__nodes button.skip{opacity:.45}
.bx-pipe__nodes button[aria-pressed=true]{background:none;color:#fff}
.bx-pipe__nodes button[aria-pressed=true] i{background:var(--blue);border-color:var(--blue);color:#fff}
.bx-ctl{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;font-size:13.5px;font-weight:600}
.bx-ctl output{font:600 14px var(--font-mono);color:#9ec0ff}
.bx-ctl input{grid-column:1/-1;width:100%;accent-color:var(--blue);height:28px;margin:0}
.bx-res{background:#070b12;border:1px solid var(--line);padding:14px;display:grid;gap:8px}
.bx-badge{display:inline-block;justify-self:start;padding:6px 10px;font:600 12px var(--font-mono);letter-spacing:.04em;text-transform:uppercase;background:#1a2433;color:var(--ink2)}
.bx-badge[data-tone=ok]{background:var(--ok);color:#04140a}
.bx-badge[data-tone=warn]{background:var(--warn);color:#161616}
.bx-badge[data-tone=bad]{background:var(--bad);color:#1a0507}
.bx-badge[data-tone=info]{background:var(--blue);color:#fff}
.bx-sum{font-size:15px;line-height:1.45;font-weight:600}
.bx-det{font-size:13.5px;line-height:1.45;color:var(--mute);min-height:2.8em}

.bx-mix,.bx-eng,.bx-grid4,.bx-grid3{display:grid;gap:12px;align-items:stretch}
.bx-mix,.bx-grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bx-eng,.bx-grid4{grid-template-columns:repeat(4,minmax(0,1fr))}
.bx-card{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:100%;background:var(--panel);border:1px solid var(--line);padding:12px}
.bx-card>p,.bx-card li{color:var(--ink2);font-size:14.5px;line-height:1.45}
.bx-card ul{list-style:none;padding:0;display:grid;gap:4px;margin-top:2px}
.bx-card li{padding-left:12px;position:relative}
.bx-card li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;background:#9ec0ff}
.bx-card h3{margin-top:2px}
.bx-risk{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);color:var(--mute);font-size:14px;line-height:1.45}
.bx-risk b{color:var(--ink);font-weight:600}
.bx-mark{width:64px;height:40px;color:#9ec0ff}
.bx-shot{aspect-ratio:2/1;background:#070b12;border:1px solid var(--line);overflow:hidden;display:grid;place-items:center}
.bx-fit,.bx-receive{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bx-fit article,.bx-receive div{background:var(--panel);border:1px solid var(--line);padding:12px 14px;min-width:0}
.bx-fit p,.bx-receive dd{color:var(--ink2);font-size:14.5px;line-height:1.45;margin:4px 0 0}
.bx-receive dt{font-weight:600}
.bx-examples{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bx-examples li{display:grid;gap:2px;background:var(--panel);border:1px solid var(--line);padding:12px 14px}
.bx-examples a{font-weight:600;color:#9ec0ff;text-decoration:none}
.bx-examples a:hover{text-decoration:underline}
.bx-examples span{color:var(--ink2);font-size:14.5px;line-height:1.45}
.bx-faq{border:1px solid var(--line);background:var(--panel)}
.bx-faq details{border-top:1px solid var(--line)}
.bx-faq details:first-child{border-top:0}
.bx-faq summary{cursor:pointer;padding:12px 14px;font-weight:600;min-height:44px}
.bx-faq details p{padding:0 14px 12px;color:var(--ink2);line-height:1.5;max-width:70ch}
.bx-faq a{color:#9ec0ff}
.bx-shot img{width:100%;height:100%;object-fit:contain;padding:10px}
.bx-shot--photo img{object-fit:cover;padding:0}

.bx-tech{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.9fr) minmax(0,1.15fr);align-items:stretch;border:1px solid var(--line);background:#070b12}
.bx-stage,.bx-layers,.bx-tech__panels{min-height:100%;height:auto}
.bx-stage{display:flex;flex-direction:column;padding:20px 16px 12px;border-right:1px solid var(--line);background:
  radial-gradient(420px 220px at 50% 58%,rgba(20,102,255,.18),transparent 70%),#070b12}
.bx-stage__note{margin-top:auto;color:var(--mute);font-size:13px;text-align:center}
.bx-iso{position:relative;flex:1;min-height:280px;perspective:900px;display:grid;place-items:center}
.bx-iso i{position:absolute;width:min(240px,70%);aspect-ratio:1;height:auto;border:1px solid rgba(158,192,255,.55);background:rgba(16,36,72,.72);transform:rotateX(60deg) rotateZ(calc(-35deg + var(--rz,0deg))) translateZ(calc(var(--i)*36px + var(--lift,0px)));transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s,border-color .35s}
.bx-iso i.on{background:rgba(20,102,255,.35);border-color:#9ec0ff;--lift:28px}
.bx-layers{display:grid;grid-template-rows:repeat(5,minmax(0,1fr));border-right:1px solid var(--line)}
.bx-layers button{display:flex;flex-direction:column;justify-content:center;gap:4px;background:transparent;border:0;border-bottom:1px solid var(--line);border-left:3px solid transparent;cursor:pointer;text-align:left;padding:12px 18px;color:var(--ink);min-height:0}
.bx-layers button:last-child{border-bottom:0}
.bx-layers button small{color:var(--mute);font-weight:400;font-size:13px}
.bx-layers button[aria-selected=true] small{color:#d6e4ff}
.bx-tech__panels{display:grid;background:var(--panel)}
.bx-panel{padding:28px 24px}
.bx.js .bx-panel{display:none}
.bx.js .bx-tech .bx-panel,.bx.js .bx-tech .bx-panel.on{display:block;min-height:0;height:auto;padding:12px 14px;border-bottom:1px solid var(--line)}
.bx.js .bx-tech .bx-panel.on{background:#101a2c}
.bx-tech .bx-panel:last-child{border-bottom:0}
.bx-tech .bx-panel p{color:var(--ink2);line-height:1.45;font-size:14.5px;max-width:48ch}
.bx-tech .bx-risk{border:0;padding-top:6px;margin-top:6px}

.bx-host{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);border:1px solid var(--line);background:var(--panel);min-height:420px}
.bx-host__visual{background:#070b12;border-right:1px solid var(--line);display:grid;place-items:center;min-height:320px}
.bx-host__visual img{width:100%;height:100%;object-fit:cover;object-position:left center}
.bx-host__copy{display:flex;flex-direction:column;gap:16px;justify-content:center;padding:clamp(24px,4vw,48px)}
.bx-host__copy>p{color:var(--ink2);line-height:1.55;font-size:17px;max-width:42ch}
.bx-host ul{list-style:none;padding:0;display:grid;gap:8px}
.bx-host li{color:var(--ink2);line-height:1.4;padding-top:8px;border-top:1px solid var(--line)}
.bx-host li b{display:block;color:var(--ink);margin-bottom:2px}
.bx-host .we2-btn{align-self:flex-start;margin-top:4px}

.bx-close{padding:28px 0;border-top:1px solid var(--line);background:#070b12}
.bx-close__grid{display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:28px;align-items:end}
.bx-close p{margin-top:12px;color:var(--ink2);font-size:17px;max-width:46ch}
.bx-close .we2-actions{margin-top:0}

.bx :focus-visible{outline:2px solid #9ec0ff;outline-offset:2px}
@media (max-width:1100px){
  .bx-eng,.bx-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bx-tech{grid-template-columns:minmax(0,1fr);min-height:0}
  .bx-fit,.bx-receive{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bx-stage,.bx-layers,.bx-tech__panels,.bx.js .bx-tech .bx-panel.on{min-height:0}
  .bx-stage{border-right:0;border-bottom:1px solid var(--line);min-height:240px}
  .bx-iso{min-height:200px}
  .bx-layers{border-right:0;grid-template-rows:none}
  .bx.js .bx-tech .bx-panel.on{min-height:0}
  .bx-host{grid-template-columns:minmax(0,1fr)}
  .bx-host__visual{border-right:0;border-bottom:1px solid var(--line)}
}
@media (max-width:860px){
  .bx .we2-hero__grid,.bx-mix,.bx-grid3,.bx-close__grid{grid-template-columns:minmax(0,1fr)}
  .bx .we2-keys{grid-template-columns:minmax(0,1fr)}
  .bx-close .we2-actions{margin-top:8px}
}
@media (max-width:600px){
  .bx-eng,.bx-grid4,.bx-chips,.bx-fit,.bx-receive,.bx-examples{grid-template-columns:minmax(0,1fr)}
  .bx-pipe__nodes button{font-size:10.5px}
  .bx-pipe__nodes i{width:30px;height:30px}
  .bx-pipe__line{top:33px}
  .bx-iso i{width:min(160px,64%)}
}
@media (prefers-reduced-motion:reduce){
  .bx *,.bx *:before,.bx *:after{animation:none!important;transition:none!important}
}