.bp-network-art{
  perspective:1100px;
  transform-style:preserve-3d;
  isolation:isolate;
  border-color:#d8b08a;
  background:
    radial-gradient(circle at 50% 46%,#ffe4bd 0 9%,transparent 35%),
    radial-gradient(circle at 17% 19%,#fff7e9 0 2%,transparent 19%),
    linear-gradient(145deg,#fff9ee 0%,#f8e6d0 55%,#efd0aa 100%);
  box-shadow:inset 0 1px 0 #fff, inset 0 -28px 80px #b9651b12,0 28px 65px #6f3f151c;
}
.bp-network-art::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-22%;right:-22%;bottom:-42%;height:72%;
  background-image:linear-gradient(#d98a4d29 1px,transparent 1px),linear-gradient(90deg,#d98a4d29 1px,transparent 1px);
  background-size:34px 34px;
  -webkit-mask-image:linear-gradient(to top,#000 8%,transparent 75%);
  mask-image:linear-gradient(to top,#000 8%,transparent 75%);
  transform:rotateX(68deg) translateZ(-110px);
  transform-origin:center bottom;
  animation:bp-network-grid 18s linear infinite;
}
.bp-network-art::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(112deg,transparent 26%,#ffffff80 43%,transparent 59%);
  transform:translateX(-90%);
  animation:bp-network-sheen 9s ease-in-out infinite;
  pointer-events:none;
}
.bp-network-art .bp-orbit{
  z-index:0;
  transform-style:preserve-3d;
  border-color:#c96b2759;
  box-shadow:0 0 20px #e8792d15,inset 0 0 18px #fff5;
  will-change:transform;
}
.bp-network-art .bp-orbit-one{
  width:310px;height:310px;
  border-width:1.5px;
  animation:bp-network-orbit-one 14s linear infinite;
}
.bp-network-art .bp-orbit-two{
  width:450px;height:450px;
  border-color:#c96b2738;
  animation:bp-network-orbit-two 24s linear infinite reverse;
}
.bp-network-art .bp-orbit-one::before,
.bp-network-art .bp-orbit-two::before{
  content:"";
  position:absolute;
  width:9px;height:9px;
  border-radius:50%;
  background:#ff6417;
  box-shadow:0 0 0 6px #ff8c3b24,0 0 24px #ff5c00b8;
}
.bp-network-art .bp-orbit-one::before{right:30px;top:61px}
.bp-network-art .bp-orbit-two::before{left:40px;bottom:88px;width:7px;height:7px;background:#8e461d}
.bp-network-art .bp-orbit-one::after{
  top:auto;left:67px;bottom:26px;
  box-shadow:0 0 0 6px #ffac6540,0 0 22px #f48a3c99;
}
.bp-network-core{
  z-index:2;
  width:205px;height:205px;
  overflow:hidden;
  border-color:#e9ae79;
  background:
    radial-gradient(circle at 33% 26%,#fff 0 5%,transparent 18%),
    radial-gradient(circle at 37% 31%,#fff8e9 0 12%,#ffc97c 41%,#db6a24 76%,#813313 100%);
  box-shadow:inset -20px -18px 34px #6f21073e,inset 14px 10px 28px #fff7,0 20px 48px #8e461d3d,0 0 0 13px #fff8ec7d,0 0 65px #ea7f2a3d;
  animation:bp-network-core 6s ease-in-out infinite;
  will-change:transform;
}
.bp-network-core::before{
  content:"";
  position:absolute;
  width:156%;height:49%;
  left:-28%;top:25%;
  border:1px solid #fff9;
  border-radius:50%;
  transform:rotate(-17deg);
  box-shadow:0 -1px 0 #97451d50;
  animation:bp-network-core-ring 8s linear infinite;
}
.bp-network-core::after{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid #fff5;
  border-radius:50%;
  background:linear-gradient(118deg,transparent 31%,#fff4 48%,transparent 62%);
  animation:bp-network-core-light 5.5s ease-in-out infinite;
}
.bp-network-core>span,.bp-network-core>strong,.bp-network-core>b{position:relative;z-index:2;text-shadow:0 1px 12px #fff9}
.bp-network-core>span{color:#76330f}
.bp-network-core>strong{color:#351c0e}
.bp-network-core>b{color:#fff;text-shadow:0 3px 14px #842904a3}
.bp-network-node{
  z-index:4;
  border-color:#de9d63;
  background:#fffaf0ec;
  box-shadow:0 13px 30px #7533122b,inset 0 1px 0 #fff;
  backdrop-filter:blur(9px);
  transform:translateZ(55px);
  animation:bp-network-float 5.5s ease-in-out infinite;
}
.bp-network-node::before{
  content:"";
  width:6px;height:6px;
  display:inline-block;
  margin-right:7px;
  border-radius:50%;
  background:#f2631c;
  box-shadow:0 0 0 4px #f2631c20,0 0 12px #f2631c7d;
}
.bp-node-two{animation-delay:-1.8s}.bp-node-three{animation-delay:-3.5s}
.bp-network-art>small{z-index:5;color:#704426;text-shadow:0 1px #fff}
.bp-motion-paused .bp-network-art::before,
.bp-motion-paused .bp-network-art::after,
.bp-motion-paused .bp-network-art .bp-orbit,
.bp-motion-paused .bp-network-art .bp-network-core,
.bp-motion-paused .bp-network-art .bp-network-core::before,
.bp-motion-paused .bp-network-art .bp-network-core::after,
.bp-motion-paused .bp-network-art .bp-network-node{animation-play-state:paused}
@keyframes bp-network-orbit-one{from{transform:translate(-50%,-50%) rotateX(67deg) rotateZ(0)}to{transform:translate(-50%,-50%) rotateX(67deg) rotateZ(360deg)}}
@keyframes bp-network-orbit-two{from{transform:translate(-50%,-50%) rotateX(58deg) rotateY(12deg) rotateZ(0)}to{transform:translate(-50%,-50%) rotateX(58deg) rotateY(12deg) rotateZ(360deg)}}
@keyframes bp-network-core{0%,100%{transform:translate(-50%,-50%) translateZ(40px) rotateY(-4deg)}50%{transform:translate(-50%,-53%) translateZ(60px) rotateY(5deg)}}
@keyframes bp-network-core-ring{to{transform:rotate(343deg)}}
@keyframes bp-network-core-light{0%,100%{transform:translateX(-32%);opacity:.3}50%{transform:translateX(30%);opacity:.85}}
@keyframes bp-network-float{0%,100%{transform:translateZ(55px) translateY(0)}50%{transform:translateZ(75px) translateY(-9px)}}
@keyframes bp-network-grid{to{background-position:0 68px,68px 0}}
@keyframes bp-network-sheen{0%,58%,100%{transform:translateX(-90%);opacity:0}72%{opacity:.65}90%{transform:translateX(90%);opacity:0}}
@media(max-width:700px){
  .bp-network-art .bp-orbit-one{width:260px;height:260px}
  .bp-network-art .bp-orbit-two{width:355px;height:355px}
  .bp-network-core{width:174px;height:174px}
  .bp-network-core strong{font-size:22px}
  .bp-network-node{font-size:7.5px;padding:8px 10px}
  .bp-node-one{top:12%;left:9%}.bp-node-two{top:43%;right:2%}.bp-node-three{bottom:12%;left:11%}
}
@media(prefers-reduced-motion:reduce){
  .bp-network-art::before,.bp-network-art::after,.bp-network-art .bp-orbit,.bp-network-art .bp-network-core,.bp-network-art .bp-network-core::before,.bp-network-art .bp-network-core::after,.bp-network-art .bp-network-node{animation:none}
}

/* Shared page rhythm and dimensional opportunity artwork. */
.branchless-page{--bp-page-gutter:clamp(22px,6vw,96px)}
.branchless-main .bp-hero,.branchless-main .bp-section{padding-inline:var(--bp-page-gutter)}
.branchless-main .bp-principles,.branchless-main .bp-cta{margin-inline:var(--bp-page-gutter)}
.branchless-main .bp-section-heading{align-items:start}
.branchless-main .bp-cta{border-radius:20px;box-shadow:0 24px 58px #25170f1d,inset 0 1px #fff2}
.bp-network-depth{position:absolute;left:8%;right:8%;bottom:4%;height:36%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#7d3b161f 0 16%,#f18b3a16 38%,transparent 72%);transform:rotateX(72deg) translateZ(-90px);filter:blur(1px);box-shadow:0 36px 55px #7a3c181c}
.bp-network-art .bp-orbit-three{width:385px;height:385px;border-color:#ff8c3d35;border-style:dashed;animation:bp-network-orbit-three 19s linear infinite}
.bp-network-art .bp-orbit-three:before{content:"";position:absolute;left:34px;top:91px;width:5px;height:5px;border-radius:50%;background:#ff721d;box-shadow:0 0 0 7px #ff721d1c,0 0 24px #ff721db8}
.bp-network-particle{position:absolute;z-index:3;width:5px;height:5px;border-radius:50%;background:#fff9dc;box-shadow:0 0 12px #ff7a1f,0 0 0 5px #ffb3661c;animation:bp-network-pulse 3.4s ease-in-out infinite}
.bp-particle-one{left:24%;top:33%}.bp-particle-two{right:22%;top:24%;animation-delay:-1.2s}.bp-particle-three{right:28%;bottom:23%;animation-delay:-2.4s}
.bp-network-core{filter:drop-shadow(0 24px 18px #71310d26)}
.bp-network-node{box-shadow:0 18px 35px #4d210f33,inset 0 1px 0 #fff,0 0 0 1px #fff5}
.bp-motion-paused .bp-network-depth,.bp-motion-paused .bp-network-art .bp-orbit-three,.bp-motion-paused .bp-network-particle{animation-play-state:paused}
@keyframes bp-network-orbit-three{from{transform:translate(-50%,-50%) rotateX(74deg) rotateY(-9deg) rotateZ(0)}to{transform:translate(-50%,-50%) rotateX(74deg) rotateY(-9deg) rotateZ(360deg)}}
@keyframes bp-network-pulse{0%,100%{opacity:.35;transform:translateZ(20px) scale(.8)}50%{opacity:1;transform:translateZ(70px) scale(1.35)}}
@media(max-width:1050px){.branchless-page{--bp-page-gutter:5vw}}
@media(max-width:700px){.branchless-page{--bp-page-gutter:22px}.bp-network-art .bp-orbit-three{width:310px;height:310px}.branchless-main .bp-cta{margin-bottom:40px}}
@media(prefers-reduced-motion:reduce){.bp-network-art .bp-orbit-three,.bp-network-particle{animation:none}}