/* BrandVerse Operating Landscape v4 — three premium motion views */
body.bv-v3 .bv-landscape{
  --land-ink:#06152f;
  --land-ink-2:#0b2854;
  --land-ink-3:#123a70;
  --land-gold:#d8b35f;
  --land-gold-2:#f1d994;
  --land-blue:#8eb8f8;
  --land-line:rgba(219,229,245,.14);
  --land-soft:rgba(255,255,255,.055);
  min-height:650px;
  isolation:isolate;
  overflow:hidden;
  border-radius:36px;
  background:
    radial-gradient(circle at 82% 10%,rgba(216,179,95,.19),transparent 26%),
    radial-gradient(circle at 20% 82%,rgba(71,128,211,.18),transparent 30%),
    linear-gradient(rgba(255,255,255,.034) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.034) 1px,transparent 1px),
    linear-gradient(145deg,#041126 0%,#082046 54%,#06162f 100%);
  background-size:auto,auto,34px 34px,34px 34px,auto;
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 38px 100px rgba(7,26,58,.28);
}
body.bv-v3 .bv-landscape::before{
  content:"";
  position:absolute;
  width:330px;height:330px;
  right:-180px;top:-190px;
  border-radius:50%;
  border:1px solid rgba(241,217,148,.32);
  box-shadow:
    0 0 65px rgba(216,179,95,.12),
    inset 0 0 60px rgba(216,179,95,.08);
  pointer-events:none;
  animation:bvPlanetDrift 14s ease-in-out infinite alternate;
}
body.bv-v3 .bv-landscape::after{
  content:"";
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(110deg,transparent 0 42%,rgba(255,255,255,.035) 49%,transparent 56%) -120% 0/62% 100% no-repeat;
  animation:bvSurfaceSweep 12s ease-in-out infinite;
}
body.bv-v3 .bv-landscape-chrome{
  position:absolute;
  inset:22px 24px auto 24px;
  z-index:20;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
body.bv-v3 .bv-landscape-heading{
  max-width:300px;
  color:#fff;
}
body.bv-v3 .bv-landscape-heading small{
  display:block;
  margin-bottom:5px;
  color:#9fb2ce;
  font-size:9px;
  font-weight:850;
  letter-spacing:.18em;
  text-transform:uppercase;
}
body.bv-v3 .bv-landscape-heading strong{
  display:block;
  color:#fff;
  font-size:17px;
  line-height:1.2;
  letter-spacing:-.02em;
}
body.bv-v3 .bv-landscape-status{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:8px;
  color:#d9c58d;
  font-size:9px;
  font-weight:760;
  letter-spacing:.1em;
  text-transform:uppercase;
}
body.bv-v3 .bv-landscape-status::before{
  content:"";
  width:7px;height:7px;border-radius:50%;
  background:var(--land-gold);
  box-shadow:0 0 0 5px rgba(216,179,95,.11),0 0 22px rgba(216,179,95,.55);
  animation:bvLivePulse 2.3s ease-out infinite;
}
body.bv-v3 .bv-landscape-switcher{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:4px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(2,11,27,.48);
  backdrop-filter:blur(16px) saturate(130%);
  box-shadow:0 12px 30px rgba(0,0,0,.14);
}
body.bv-v3 .bv-landscape-switcher button{
  appearance:none;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#91a7c6;
  min-height:31px;
  padding:0 12px;
  font:inherit;
  font-size:9px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
  transition:color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease;
}
body.bv-v3 .bv-landscape-switcher button:hover{color:#fff}
body.bv-v3 .bv-landscape-switcher button[aria-selected="true"]{
  color:#071a3a;
  background:linear-gradient(135deg,#f6e5b1,#d8b35f);
  box-shadow:0 8px 22px rgba(216,179,95,.2);
}
body.bv-v3 .bv-landscape-switcher button:focus-visible{
  outline:2px solid #fff;
  outline-offset:3px;
}
body.bv-v3 .bv-landscape-scenes{
  position:absolute;
  inset:0;
  z-index:3;
}
body.bv-v3 .bv-landscape-scene{
  position:absolute;
  inset:72px 16px 92px;
  opacity:0;
  visibility:hidden;
  transform:translateY(9px) scale(.985);
  transition:opacity .42s ease,transform .42s cubic-bezier(.2,.75,.2,1),visibility .42s;
  pointer-events:none;
}
body.bv-v3 .bv-landscape-scene.is-active{
  opacity:1;
  visibility:visible;
  transform:none;
  pointer-events:auto;
}
body.bv-v3 .bv-landscape-process{
  position:absolute;
  z-index:18;
  left:20px;right:20px;bottom:18px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px;
  padding:7px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:18px;
  background:rgba(2,11,27,.52);
  backdrop-filter:blur(17px);
}
body.bv-v3 .bv-landscape-process div{
  position:relative;
  min-height:62px;
  padding:10px 9px;
  border-radius:12px;
  overflow:hidden;
  background:rgba(255,255,255,.03);
}
body.bv-v3 .bv-landscape-process div::after{
  content:"";
  position:absolute;left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--land-gold),transparent);
  transform:translateX(-105%);
  animation:bvProcessBeam 5s linear infinite;
}
body.bv-v3 .bv-landscape-process div:nth-child(2)::after{animation-delay:1s}
body.bv-v3 .bv-landscape-process div:nth-child(3)::after{animation-delay:2s}
body.bv-v3 .bv-landscape-process div:nth-child(4)::after{animation-delay:3s}
body.bv-v3 .bv-landscape-process div:nth-child(5)::after{animation-delay:4s}
body.bv-v3 .bv-landscape-process span{
  display:block;
  color:#7892b6;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}
body.bv-v3 .bv-landscape-process b{
  display:block;
  margin-top:6px;
  color:#fff;
  font-size:9px;
  line-height:1.15;
}

/* View 01 — Orbit */
body.bv-v3 .bv-orbit-view{
  display:grid;
  place-items:center;
}
body.bv-v3 .bv-orbit-system{
  position:relative;
  width:min(100%,480px);
  aspect-ratio:1/1;
}
body.bv-v3 .bv-orbit-ring{
  position:absolute;
  left:50%;top:50%;
  border:1px solid rgba(255,255,255,.13);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
body.bv-v3 .bv-orbit-ring.r1{
  width:92%;height:92%;
  animation:bvRingSpin 32s linear infinite;
}
body.bv-v3 .bv-orbit-ring.r2{
  width:69%;height:69%;
  border-color:rgba(216,179,95,.25);
  border-style:dashed;
  animation:bvRingSpinReverse 23s linear infinite;
}
body.bv-v3 .bv-orbit-ring.r3{
  width:47%;height:47%;
  box-shadow:0 0 55px rgba(216,179,95,.055) inset;
}
body.bv-v3 .bv-orbit-ring::before,
body.bv-v3 .bv-orbit-ring::after{
  content:"";
  position:absolute;
  width:9px;height:9px;
  border-radius:50%;
  background:var(--land-gold-2);
  box-shadow:0 0 0 5px rgba(216,179,95,.11),0 0 25px rgba(216,179,95,.5);
}
body.bv-v3 .bv-orbit-ring::before{left:11%;top:17%}
body.bv-v3 .bv-orbit-ring::after{right:8%;bottom:25%}
body.bv-v3 .bv-landscape-core{
  position:absolute;
  z-index:6;
  left:50%;top:50%;
  width:142px;height:142px;
  transform:translate(-50%,-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:34px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,247,252,.92));
  box-shadow:
    0 24px 65px rgba(0,0,0,.32),
    0 0 0 1px rgba(255,255,255,.74),
    0 0 75px rgba(216,179,95,.13);
  animation:bvCoreFloat 5s ease-in-out infinite;
}
body.bv-v3 .bv-landscape-core img{
  width:86px;height:73px;object-fit:contain;
}
body.bv-v3 .bv-landscape-core strong{
  margin-top:0;
  color:#071a3a;
  font-size:12px;
  letter-spacing:-.02em;
}
body.bv-v3 .bv-landscape-core small{
  margin-top:2px;
  color:#587093;
  font-size:7px;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
body.bv-v3 .bv-orbit-card{
  position:absolute;
  z-index:8;
  width:132px;
  min-height:74px;
  padding:12px 13px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(13,45,91,.88),rgba(4,19,43,.86));
  backdrop-filter:blur(15px);
  box-shadow:0 16px 36px rgba(0,0,0,.2);
  color:#fff;
  animation:bvNodeFloat 5.8s ease-in-out infinite;
}
body.bv-v3 .bv-orbit-card::before{
  content:"";
  position:absolute;
  width:6px;height:6px;
  border-radius:50%;
  background:var(--land-gold);
  box-shadow:0 0 14px rgba(216,179,95,.7);
}
body.bv-v3 .bv-orbit-card small{
  display:block;
  color:#93a8c7;
  font-size:7px;
  font-weight:850;
  letter-spacing:.13em;
  text-transform:uppercase;
}
body.bv-v3 .bv-orbit-card b{
  display:block;
  margin-top:7px;
  font-size:12px;
  line-height:1.15;
}
body.bv-v3 .bv-orbit-card.o1{left:1%;top:19%}
body.bv-v3 .bv-orbit-card.o1::before{right:-4px;top:50%}
body.bv-v3 .bv-orbit-card.o2{right:0;top:21%;animation-delay:-1.2s}
body.bv-v3 .bv-orbit-card.o2::before{left:-4px;top:50%}
body.bv-v3 .bv-orbit-card.o3{left:4%;bottom:15%;animation-delay:-2.1s}
body.bv-v3 .bv-orbit-card.o3::before{right:-4px;top:45%}
body.bv-v3 .bv-orbit-card.o4{right:4%;bottom:15%;animation-delay:-3s}
body.bv-v3 .bv-orbit-card.o4::before{left:-4px;top:45%}
body.bv-v3 .bv-orbit-card.o5{
  left:50%;top:0;transform:translateX(-50%);
  animation:bvNodeFloatTop 5.4s ease-in-out infinite;
}
body.bv-v3 .bv-orbit-card.o5::before{left:50%;bottom:-4px}

/* View 02 — Flow */
body.bv-v3 .bv-flow-view{
  display:grid;
  place-items:center;
}
body.bv-v3 .bv-flow-canvas{
  position:relative;
  width:min(100%,480px);
  min-height:440px;
  padding:20px 8px 8px;
}
body.bv-v3 .bv-flow-spine{
  position:absolute;
  left:50%;top:24px;bottom:30px;
  width:2px;
  transform:translateX(-50%);
  background:rgba(255,255,255,.1);
  overflow:hidden;
}
body.bv-v3 .bv-flow-spine::after{
  content:"";
  position:absolute;
  left:0;right:0;height:90px;top:-100px;
  background:linear-gradient(transparent,var(--land-gold-2),transparent);
  box-shadow:0 0 24px rgba(216,179,95,.35);
  animation:bvFlowBeam 4.4s linear infinite;
}
body.bv-v3 .bv-flow-card{
  position:relative;
  z-index:5;
  width:46%;
  min-height:72px;
  display:grid;
  grid-template-columns:31px 1fr;
  gap:10px;
  align-items:center;
  margin-bottom:13px;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(6,27,59,.82);
  backdrop-filter:blur(14px);
  box-shadow:0 14px 34px rgba(0,0,0,.16);
  animation:bvFlowCardBreath 5s ease-in-out infinite;
}
body.bv-v3 .bv-flow-card:nth-of-type(odd){margin-left:auto}
body.bv-v3 .bv-flow-card:nth-of-type(even){margin-right:auto}
body.bv-v3 .bv-flow-card:nth-of-type(3){animation-delay:-1s}
body.bv-v3 .bv-flow-card:nth-of-type(4){animation-delay:-2s}
body.bv-v3 .bv-flow-card:nth-of-type(5){animation-delay:-3s}
body.bv-v3 .bv-flow-card:nth-of-type(6){animation-delay:-4s}
body.bv-v3 .bv-flow-card::after{
  content:"";
  position:absolute;
  top:50%;
  width:9%;height:1px;
  background:linear-gradient(90deg,rgba(216,179,95,.8),rgba(216,179,95,.1));
}
body.bv-v3 .bv-flow-card:nth-of-type(odd)::after{right:100%}
body.bv-v3 .bv-flow-card:nth-of-type(even)::after{left:100%;transform:scaleX(-1)}
body.bv-v3 .bv-flow-icon{
  width:31px;height:31px;
  display:grid;place-items:center;
  border:1px solid rgba(216,179,95,.24);
  border-radius:10px;
  color:#f3d98c;
  background:rgba(216,179,95,.07);
  font-size:10px;
  font-style:normal;
  font-weight:900;
}
body.bv-v3 .bv-flow-card small{
  display:block;color:#90a5c3;
  font-size:7px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;
}
body.bv-v3 .bv-flow-card b{
  display:block;margin-top:4px;color:#fff;font-size:11px;line-height:1.12;
}
body.bv-v3 .bv-flow-core{
  position:absolute;left:50%;top:50%;z-index:2;
  width:90px;height:90px;
  transform:translate(-50%,-50%);
  display:grid;place-items:center;
  border:1px solid rgba(216,179,95,.2);
  border-radius:50%;
  background:radial-gradient(circle,rgba(216,179,95,.12),rgba(5,21,47,.18) 68%);
  box-shadow:0 0 60px rgba(216,179,95,.12);
  animation:bvCorePulse 4s ease-in-out infinite;
}
body.bv-v3 .bv-flow-core-label{color:#f3d98c;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 8px 18px rgba(0,0,0,.28)}

/* View 03 — Constellation */
body.bv-v3 .bv-network-view{
  display:grid;
  place-items:center;
}
body.bv-v3 .bv-network-canvas{
  position:relative;
  width:min(100%,500px);
  aspect-ratio:1/1;
}
body.bv-v3 .bv-network-lines{
  position:absolute;inset:6%;width:88%;height:88%;
  overflow:visible;
}
body.bv-v3 .bv-network-lines line{
  stroke:rgba(185,207,239,.24);
  stroke-width:1;
  stroke-dasharray:5 8;
  animation:bvNetworkDash 7s linear infinite;
}
body.bv-v3 .bv-network-lines line:nth-child(2n){animation-direction:reverse}
body.bv-v3 .bv-network-lines circle{
  fill:#f1d994;
  filter:drop-shadow(0 0 5px rgba(216,179,95,.7));
  animation:bvStarPulse 2.8s ease-in-out infinite;
}
body.bv-v3 .bv-network-core{
  position:absolute;left:50%;top:50%;z-index:5;
  width:126px;height:126px;
  transform:translate(-50%,-50%);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.17);
  border-radius:50%;
  background:
    radial-gradient(circle at 40% 30%,rgba(255,255,255,.16),transparent 42%),
    linear-gradient(145deg,#0d3970,#06172f);
  box-shadow:
    0 0 0 14px rgba(255,255,255,.025),
    0 0 0 30px rgba(216,179,95,.025),
    0 25px 60px rgba(0,0,0,.24);
  animation:bvCoreFloat 5.5s ease-in-out infinite;
}
body.bv-v3 .bv-network-core img{width:67px;height:57px}
body.bv-v3 .bv-network-core strong{margin-top:0;max-width:88px;text-align:center;color:#fff;font-size:10px;line-height:1.25}
body.bv-v3 .bv-network-node{
  position:absolute;z-index:7;
  min-width:112px;max-width:130px;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(7,29,61,.76);
  backdrop-filter:blur(14px);
  box-shadow:0 13px 32px rgba(0,0,0,.17);
  color:#fff;
  animation:bvConstellationFloat 6s ease-in-out infinite;
}
body.bv-v3 .bv-network-node::before{
  content:"";
  position:absolute;
  width:5px;height:5px;border-radius:50%;
  background:#f1d994;box-shadow:0 0 15px rgba(216,179,95,.7);
}
body.bv-v3 .bv-network-node small{
  display:block;color:#8fa5c6;font-size:7px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;
}
body.bv-v3 .bv-network-node b{display:block;margin-top:5px;font-size:11px;line-height:1.12}
body.bv-v3 .bv-network-node.c1{left:0;top:10%}
body.bv-v3 .bv-network-node.c1::before{right:-3px;bottom:17px}
body.bv-v3 .bv-network-node.c2{right:0;top:17%;animation-delay:-1.1s}
body.bv-v3 .bv-network-node.c2::before{left:-3px;bottom:17px}
body.bv-v3 .bv-network-node.c3{left:2%;bottom:14%;animation-delay:-2s}
body.bv-v3 .bv-network-node.c3::before{right:-3px;top:17px}
body.bv-v3 .bv-network-node.c4{right:1%;bottom:9%;animation-delay:-3.2s}
body.bv-v3 .bv-network-node.c4::before{left:-3px;top:17px}
body.bv-v3 .bv-network-node.c5{
  left:50%;top:0;transform:translateX(-50%);
  animation:bvConstellationFloatTop 5.7s ease-in-out infinite;
}
body.bv-v3 .bv-network-node.c5::before{left:50%;bottom:-3px}

@keyframes bvPlanetDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-18px,18px,0)}}
@keyframes bvSurfaceSweep{0%,22%{background-position:-120% 0}68%,100%{background-position:260% 0}}
@keyframes bvLivePulse{0%{box-shadow:0 0 0 0 rgba(216,179,95,.42),0 0 18px rgba(216,179,95,.5)}70%{box-shadow:0 0 0 9px rgba(216,179,95,0),0 0 18px rgba(216,179,95,.35)}100%{box-shadow:0 0 0 0 rgba(216,179,95,0),0 0 18px rgba(216,179,95,.35)}}
@keyframes bvProcessBeam{0%{transform:translateX(-110%)}60%,100%{transform:translateX(110%)}}
@keyframes bvRingSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes bvRingSpinReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes bvCoreFloat{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-6px)}}
@keyframes bvNodeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes bvNodeFloatTop{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-7px)}}
@keyframes bvFlowBeam{to{transform:translateY(560px)}}
@keyframes bvFlowCardBreath{0%,100%{border-color:rgba(255,255,255,.12);box-shadow:0 14px 34px rgba(0,0,0,.16)}50%{border-color:rgba(216,179,95,.28);box-shadow:0 16px 40px rgba(0,0,0,.2),0 0 24px rgba(216,179,95,.06)}}
@keyframes bvCorePulse{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.82}50%{transform:translate(-50%,-50%) scale(1.07);opacity:1}}
@keyframes bvNetworkDash{to{stroke-dashoffset:-52}}
@keyframes bvStarPulse{0%,100%{opacity:.6;r:2.2}50%{opacity:1;r:3.2}}
@keyframes bvConstellationFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(4px,-8px,0)}}
@keyframes bvConstellationFloatTop{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}

@media(max-width:760px){
  body.bv-v3 .bv-landscape{min-height:620px;border-radius:28px}
  body.bv-v3 .bv-landscape-chrome{
    inset:18px 16px auto 16px;
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }
  body.bv-v3 .bv-landscape-heading strong{font-size:15px}
  body.bv-v3 .bv-landscape-switcher{
    justify-self:start;
    max-width:100%;
  }
  body.bv-v3 .bv-landscape-switcher button{
    min-height:29px;
    padding-inline:10px;
    font-size:8px;
  }
  body.bv-v3 .bv-landscape-scene{inset:128px 8px 92px}
  body.bv-v3 .bv-orbit-system,
  body.bv-v3 .bv-network-canvas{width:min(100%,420px)}
  body.bv-v3 .bv-landscape-core{width:126px;height:126px;border-radius:30px}
  body.bv-v3 .bv-landscape-core img{width:75px;height:64px}
  body.bv-v3 .bv-orbit-card{width:112px;min-height:66px;padding:10px 11px;border-radius:15px}
  body.bv-v3 .bv-orbit-card b{font-size:10px}
  body.bv-v3 .bv-orbit-card.o1{left:0}
  body.bv-v3 .bv-orbit-card.o2{right:0}
  body.bv-v3 .bv-orbit-card.o3{left:0}
  body.bv-v3 .bv-orbit-card.o4{right:0}
  body.bv-v3 .bv-flow-canvas{min-height:390px}
  body.bv-v3 .bv-flow-card{width:48%;min-height:65px;padding:9px 10px;grid-template-columns:26px 1fr;gap:8px}
  body.bv-v3 .bv-flow-icon{width:26px;height:26px}
  body.bv-v3 .bv-flow-card b{font-size:10px}
  body.bv-v3 .bv-network-core{width:112px;height:112px}
  body.bv-v3 .bv-network-node{min-width:100px;max-width:112px;padding:9px 10px}
  body.bv-v3 .bv-network-node b{font-size:10px}
  body.bv-v3 .bv-landscape-process{left:12px;right:12px;bottom:12px;padding:5px;gap:4px}
  body.bv-v3 .bv-landscape-process div{min-height:54px;padding:8px 6px}
  body.bv-v3 .bv-landscape-process span{font-size:7px}
  body.bv-v3 .bv-landscape-process b{font-size:8px}
}
@media(max-width:480px){
  body.bv-v3 .bv-landscape{min-height:590px}
  body.bv-v3 .bv-landscape-scene{inset:130px 2px 86px}
  body.bv-v3 .bv-orbit-system{width:100%;max-width:360px}
  body.bv-v3 .bv-orbit-ring.r1{width:88%;height:88%}
  body.bv-v3 .bv-orbit-ring.r2{width:64%;height:64%}
  body.bv-v3 .bv-orbit-ring.r3{width:43%;height:43%}
  body.bv-v3 .bv-landscape-core{width:106px;height:106px;border-radius:26px}
  body.bv-v3 .bv-landscape-core img{width:62px;height:53px}
  body.bv-v3 .bv-landscape-core strong{font-size:10px}
  body.bv-v3 .bv-orbit-card{width:99px;min-height:60px;padding:9px}
  body.bv-v3 .bv-orbit-card.o1{top:21%}
  body.bv-v3 .bv-orbit-card.o2{top:23%}
  body.bv-v3 .bv-orbit-card.o3{bottom:16%}
  body.bv-v3 .bv-orbit-card.o4{bottom:16%}
  body.bv-v3 .bv-orbit-card.o5{top:1%}
  body.bv-v3 .bv-flow-canvas{min-height:360px;padding-top:8px}
  body.bv-v3 .bv-flow-card{width:49%;margin-bottom:10px;min-height:60px}
  body.bv-v3 .bv-flow-card::after{width:4%}
  body.bv-v3 .bv-flow-core{width:72px;height:72px}
  body.bv-v3 .bv-network-canvas{width:100%;max-width:360px}
  body.bv-v3 .bv-network-core{width:96px;height:96px}
  body.bv-v3 .bv-network-node{min-width:91px;max-width:99px;padding:8px}
  body.bv-v3 .bv-network-node b{font-size:9px}
  body.bv-v3 .bv-network-node.c1{top:12%}
  body.bv-v3 .bv-network-node.c2{top:19%}
  body.bv-v3 .bv-network-node.c3{bottom:15%}
  body.bv-v3 .bv-network-node.c4{bottom:10%}
  body.bv-v3 .bv-landscape-process div{min-height:48px;padding:7px 4px}
  body.bv-v3 .bv-landscape-process span{font-size:6px}
  body.bv-v3 .bv-landscape-process b{font-size:7px}
}
@media(prefers-reduced-motion:reduce){
  body.bv-v3 .bv-landscape *,
  body.bv-v3 .bv-landscape *::before,
  body.bv-v3 .bv-landscape *::after{
    animation:none!important;
    transition-duration:.001ms!important;
  }
}


/* v4.1 — richer slide, float and kinetic motion */
body.bv-v3 .bv-landscape{
  --land-scene-x:0px;
  --land-scene-y:0px;
}
body.bv-v3 .bv-landscape-scene{
  will-change:transform,opacity,filter;
  filter:blur(8px);
}
body.bv-v3 .bv-landscape-scene.is-active{
  filter:blur(0);
  animation:bvSceneSettle .7s cubic-bezier(.16,.9,.25,1) both;
}
body.bv-v3 .bv-landscape-scene.is-entering-right{
  animation:bvSceneEnterRight .72s cubic-bezier(.16,.9,.25,1) both;
}
body.bv-v3 .bv-landscape-scene.is-entering-left{
  animation:bvSceneEnterLeft .72s cubic-bezier(.16,.9,.25,1) both;
}
body.bv-v3 .bv-landscape-scene.is-leaving-left{
  visibility:visible;
  opacity:0;
  transform:translateX(-46px) scale(.975);
  filter:blur(8px);
}
body.bv-v3 .bv-landscape-scene.is-leaving-right{
  visibility:visible;
  opacity:0;
  transform:translateX(46px) scale(.975);
  filter:blur(8px);
}
body.bv-v3 .bv-landscape-switcher button[aria-selected="true"]::after{
  content:"";
  position:absolute;
  left:10px;right:10px;bottom:3px;
  height:2px;
  border-radius:999px;
  background:rgba(7,26,58,.4);
  transform-origin:left center;
  animation:bvTabProgress 6.8s linear both;
}
body.bv-v3 .bv-landscape-switcher button{
  position:relative;
  overflow:hidden;
}
body.bv-v3 .bv-landscape.is-paused .bv-landscape-switcher button[aria-selected="true"]::after{
  animation-play-state:paused;
}
body.bv-v3 .bv-landscape-core,
body.bv-v3 .bv-network-core,
body.bv-v3 .bv-flow-core{
  will-change:transform;
}
body.bv-v3 .bv-orbit-card,
body.bv-v3 .bv-network-node,
body.bv-v3 .bv-flow-card{
  will-change:transform,box-shadow,border-color;
}
body.bv-v3 .bv-orbit-view.is-active .bv-orbit-system{
  animation:bvStageDrift 10s ease-in-out infinite alternate;
}
body.bv-v3 .bv-flow-view.is-active .bv-flow-canvas{
  animation:bvStageDriftSoft 9s ease-in-out infinite alternate;
}
body.bv-v3 .bv-network-view.is-active .bv-network-canvas{
  animation:bvStageDriftReverse 11s ease-in-out infinite alternate;
}
body.bv-v3 .bv-orbit-view.is-active .bv-orbit-card,
body.bv-v3 .bv-network-view.is-active .bv-network-node{
  box-shadow:0 18px 44px rgba(0,0,0,.22),0 0 30px rgba(216,179,95,.035);
}
body.bv-v3 .bv-flow-view.is-active .bv-flow-card{
  animation-name:bvFlowFloat;
  animation-duration:5.8s;
  animation-timing-function:ease-in-out;
  animation-iteration-count:infinite;
}
body.bv-v3 .bv-flow-view.is-active .bv-flow-card:nth-of-type(2){animation-delay:-.7s}
body.bv-v3 .bv-flow-view.is-active .bv-flow-card:nth-of-type(3){animation-delay:-1.4s}
body.bv-v3 .bv-flow-view.is-active .bv-flow-card:nth-of-type(4){animation-delay:-2.1s}
body.bv-v3 .bv-flow-view.is-active .bv-flow-card:nth-of-type(5){animation-delay:-2.8s}
body.bv-v3 .bv-flow-view.is-active .bv-flow-card:nth-of-type(6){animation-delay:-3.5s}
body.bv-v3 .bv-landscape-process{
  animation:bvDockFloat 7s ease-in-out infinite;
}
body.bv-v3 .bv-landscape-process div{
  transition:transform .25s ease,background .25s ease,border-color .25s ease;
}
body.bv-v3 .bv-landscape-process div:hover{
  transform:translateY(-4px);
  background:rgba(255,255,255,.065);
}
body.bv-v3 .bv-landscape::before{
  animation:bvPlanetDrift 14s ease-in-out infinite alternate,bvPlanetGlow 6s ease-in-out infinite;
}
body.bv-v3 .bv-network-lines{
  animation:bvNetworkTilt 13s ease-in-out infinite alternate;
  transform-origin:center;
}
body.bv-v3 .bv-orbit-ring.r3{
  animation:bvRingBreath 6.2s ease-in-out infinite;
}
body.bv-v3 .bv-landscape:hover .bv-landscape-process{
  transform:translateY(-2px);
}
@keyframes bvSceneSettle{
  0%{opacity:0;transform:translateY(18px) scale(.975);filter:blur(8px)}
  100%{opacity:1;transform:none;filter:blur(0)}
}
@keyframes bvSceneEnterRight{
  0%{opacity:0;transform:translateX(52px) scale(.972);filter:blur(9px)}
  100%{opacity:1;transform:none;filter:blur(0)}
}
@keyframes bvSceneEnterLeft{
  0%{opacity:0;transform:translateX(-52px) scale(.972);filter:blur(9px)}
  100%{opacity:1;transform:none;filter:blur(0)}
}
@keyframes bvTabProgress{
  from{transform:scaleX(0);opacity:.35}
  to{transform:scaleX(1);opacity:.9}
}
@keyframes bvStageDrift{
  0%{transform:translate3d(-3px,4px,0) rotate(-.35deg)}
  50%{transform:translate3d(4px,-4px,0) rotate(.35deg)}
  100%{transform:translate3d(2px,3px,0) rotate(-.15deg)}
}
@keyframes bvStageDriftSoft{
  0%{transform:translate3d(0,4px,0)}
  100%{transform:translate3d(0,-5px,0)}
}
@keyframes bvStageDriftReverse{
  0%{transform:translate3d(4px,-3px,0) rotate(.25deg)}
  100%{transform:translate3d(-4px,4px,0) rotate(-.3deg)}
}
@keyframes bvFlowFloat{
  0%,100%{transform:translate3d(0,0,0);border-color:rgba(255,255,255,.12)}
  50%{transform:translate3d(0,-7px,0);border-color:rgba(216,179,95,.3)}
}
@keyframes bvDockFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}
@keyframes bvPlanetGlow{
  0%,100%{box-shadow:0 0 65px rgba(216,179,95,.1),inset 0 0 60px rgba(216,179,95,.07)}
  50%{box-shadow:0 0 90px rgba(216,179,95,.19),inset 0 0 78px rgba(216,179,95,.1)}
}
@keyframes bvNetworkTilt{
  0%{transform:rotate(-1.2deg) scale(.995)}
  100%{transform:rotate(1.2deg) scale(1.01)}
}
@keyframes bvRingBreath{
  0%,100%{transform:translate(-50%,-50%) scale(.96);opacity:.6}
  50%{transform:translate(-50%,-50%) scale(1.04);opacity:1}
}
@media(max-width:760px){
  body.bv-v3 .bv-landscape-scene.is-entering-right{
    animation-name:bvSceneEnterMobileRight;
  }
  body.bv-v3 .bv-landscape-scene.is-entering-left{
    animation-name:bvSceneEnterMobileLeft;
  }
}
@keyframes bvSceneEnterMobileRight{
  0%{opacity:0;transform:translateX(30px) scale(.985);filter:blur(6px)}
  100%{opacity:1;transform:none;filter:blur(0)}
}
@keyframes bvSceneEnterMobileLeft{
  0%{opacity:0;transform:translateX(-30px) scale(.985);filter:blur(6px)}
  100%{opacity:1;transform:none;filter:blur(0)}
}
@media(prefers-reduced-motion:reduce){
  body.bv-v3 .bv-landscape-switcher button[aria-selected="true"]::after{display:none}
}


/* v4.2 — keep floating constellation nodes inside narrow mobile stage */
@media(max-width:480px){
  body.bv-v3 .bv-network-node.c1,
  body.bv-v3 .bv-network-node.c3{left:8px}
  body.bv-v3 .bv-network-node.c2,
  body.bv-v3 .bv-network-node.c4{right:8px}
}


/* v4.3 — luminous operating system motion */
body.bv-v3 .bv-landscape{
  --land-px:0px;
  --land-py:0px;
  --land-mode-glow:rgba(86,141,245,.22);
  width:100%;
  max-width:100%;
  min-width:0;
  contain:paint;
  background:
    radial-gradient(circle at calc(78% + var(--land-px)) calc(12% + var(--land-py)),rgba(216,179,95,.20),transparent 27%),
    radial-gradient(circle at calc(18% - var(--land-px)) calc(78% - var(--land-py)),var(--land-mode-glow),transparent 32%),
    linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px),
    linear-gradient(145deg,#041126 0%,#082046 54%,#06162f 100%);
  background-size:auto,auto,34px 34px,34px 34px,auto;
  transition:background-color .7s ease,box-shadow .7s ease;
}
body.bv-v3 .bv-landscape[data-landscape-mode="flow"]{--land-mode-glow:rgba(62,202,197,.18)}
body.bv-v3 .bv-landscape[data-landscape-mode="network"]{--land-mode-glow:rgba(154,111,255,.18)}

body.bv-v3 .bv-landscape-ambient{
  position:absolute;
  inset:0;
  z-index:1;
  overflow:hidden;
  pointer-events:none;
  mix-blend-mode:screen;
}
body.bv-v3 .bv-ambient-glow{
  position:absolute;
  border-radius:50%;
  filter:blur(4px);
  opacity:.58;
  will-change:transform,opacity;
}
body.bv-v3 .bv-ambient-glow.g1{
  width:220px;height:220px;
  left:-80px;top:24%;
  background:radial-gradient(circle,rgba(80,145,255,.23),rgba(80,145,255,.06) 46%,transparent 72%);
  animation:bvAuroraOne 12s ease-in-out infinite alternate;
}
body.bv-v3 .bv-ambient-glow.g2{
  width:260px;height:260px;
  right:-105px;bottom:18%;
  background:radial-gradient(circle,rgba(216,179,95,.22),rgba(216,179,95,.05) 48%,transparent 73%);
  animation:bvAuroraTwo 15s ease-in-out infinite alternate;
}
body.bv-v3 .bv-ambient-glow.g3{
  width:180px;height:180px;
  left:43%;top:33%;
  background:radial-gradient(circle,rgba(76,209,199,.13),transparent 68%);
  animation:bvAuroraThree 10s ease-in-out infinite alternate;
}
body.bv-v3 .bv-ambient-scan{
  position:absolute;
  left:-18%;right:-18%;top:-18%;
  height:22%;
  opacity:.42;
  background:linear-gradient(180deg,transparent,rgba(160,205,255,.12),rgba(255,236,184,.15),transparent);
  transform:rotate(-8deg);
  filter:blur(1px);
  animation:bvLightScan 9.5s cubic-bezier(.4,0,.2,1) infinite;
}
body.bv-v3 .bv-ambient-spark{
  position:absolute;
  width:4px;height:4px;border-radius:50%;
  background:#fff4c7;
  box-shadow:0 0 8px rgba(255,241,193,.9),0 0 22px rgba(110,170,255,.48);
  opacity:.75;
  animation:bvSparkDrift 8s ease-in-out infinite;
}
body.bv-v3 .bv-ambient-spark.s1{left:13%;top:41%;animation-delay:-1.7s}
body.bv-v3 .bv-ambient-spark.s2{right:18%;top:31%;animation-delay:-4.2s}
body.bv-v3 .bv-ambient-spark.s3{left:48%;bottom:23%;animation-delay:-6.1s}

body.bv-v3 .bv-landscape-chrome,
body.bv-v3 .bv-landscape-scenes,
body.bv-v3 .bv-landscape-process{isolation:isolate}

body.bv-v3 .bv-landscape-heading strong{
  text-shadow:0 0 28px rgba(148,190,255,.12);
}
body.bv-v3 .bv-landscape-status{
  position:relative;
}
body.bv-v3 .bv-landscape-status::after{
  content:"";
  width:28px;height:1px;
  background:linear-gradient(90deg,rgba(216,179,95,.8),transparent);
  animation:bvStatusLine 2.6s ease-in-out infinite;
}

body.bv-v3 .bv-orbit-ring{
  filter:drop-shadow(0 0 10px rgba(114,166,244,.08));
}
body.bv-v3 .bv-orbit-view.is-active .bv-orbit-ring.r1{
  box-shadow:0 0 44px rgba(76,136,230,.07),inset 0 0 30px rgba(76,136,230,.05);
}
body.bv-v3 .bv-orbit-view.is-active .bv-orbit-ring.r2{
  filter:drop-shadow(0 0 12px rgba(216,179,95,.18));
}
body.bv-v3 .bv-landscape-core::after,
body.bv-v3 .bv-network-core::after,
body.bv-v3 .bv-flow-core::after{
  content:"";
  position:absolute;
  inset:-10px;
  border-radius:inherit;
  border:1px solid rgba(255,226,154,.12);
  box-shadow:0 0 34px rgba(95,157,255,.11);
  opacity:.75;
  animation:bvHaloBreath 4.8s ease-in-out infinite;
  pointer-events:none;
}

body.bv-v3 .bv-orbit-card::after,
body.bv-v3 .bv-network-node::after,
body.bv-v3 .bv-flow-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(112deg,transparent 28%,rgba(255,255,255,.08) 43%,rgba(255,224,145,.13) 50%,rgba(116,178,255,.08) 57%,transparent 72%);
  transform:translateX(-135%);
  animation:bvCardLight 7.2s ease-in-out infinite;
}
body.bv-v3 .bv-orbit-card.o2::after,
body.bv-v3 .bv-network-node.c2::after,
body.bv-v3 .bv-flow-card.f2::before{animation-delay:-1.2s}
body.bv-v3 .bv-orbit-card.o3::after,
body.bv-v3 .bv-network-node.c3::after,
body.bv-v3 .bv-flow-card.f3::before{animation-delay:-2.4s}
body.bv-v3 .bv-orbit-card.o4::after,
body.bv-v3 .bv-network-node.c4::after,
body.bv-v3 .bv-flow-card.f4::before{animation-delay:-3.6s}
body.bv-v3 .bv-orbit-card.o5::after,
body.bv-v3 .bv-network-node.c5::after,
body.bv-v3 .bv-flow-card.f5::before{animation-delay:-4.8s}

body.bv-v3 .bv-flow-spine{
  box-shadow:0 0 18px rgba(103,164,255,.12);
}
body.bv-v3 .bv-flow-spine::before{
  content:"";
  position:absolute;
  left:50%;top:0;bottom:0;
  width:18px;
  transform:translateX(-50%);
  background:linear-gradient(180deg,transparent,rgba(99,161,255,.08),rgba(216,179,95,.1),transparent);
  filter:blur(7px);
}
body.bv-v3 .bv-network-lines line{
  filter:drop-shadow(0 0 2px rgba(125,181,255,.35));
}
body.bv-v3 .bv-network-lines circle{
  filter:drop-shadow(0 0 4px rgba(241,217,148,.75));
}
body.bv-v3 .bv-network-view.is-active .bv-network-lines{
  filter:drop-shadow(0 0 8px rgba(115,169,255,.08));
}

body.bv-v3 .bv-landscape-process div{
  isolation:isolate;
}
body.bv-v3 .bv-landscape-process div::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  background:radial-gradient(circle at 50% 110%,rgba(216,179,95,.16),transparent 58%);
  opacity:.15;
  animation:bvProcessGlow 10s ease-in-out infinite;
}
body.bv-v3 .bv-landscape-process div:nth-child(2)::before{animation-delay:2s}
body.bv-v3 .bv-landscape-process div:nth-child(3)::before{animation-delay:4s}
body.bv-v3 .bv-landscape-process div:nth-child(4)::before{animation-delay:6s}
body.bv-v3 .bv-landscape-process div:nth-child(5)::before{animation-delay:8s}

@keyframes bvAuroraOne{
  from{transform:translate3d(-12px,10px,0) scale(.92);opacity:.38}
  to{transform:translate3d(56px,-26px,0) scale(1.12);opacity:.7}
}
@keyframes bvAuroraTwo{
  from{transform:translate3d(16px,20px,0) scale(.9);opacity:.35}
  to{transform:translate3d(-58px,-42px,0) scale(1.14);opacity:.67}
}
@keyframes bvAuroraThree{
  from{transform:translate3d(-30px,28px,0) scale(.9);opacity:.25}
  to{transform:translate3d(38px,-25px,0) scale(1.18);opacity:.55}
}
@keyframes bvLightScan{
  0%,12%{transform:translateY(-180%) rotate(-8deg);opacity:0}
  24%{opacity:.42}
  56%{opacity:.2}
  72%,100%{transform:translateY(690%) rotate(-8deg);opacity:0}
}
@keyframes bvSparkDrift{
  0%,100%{transform:translate3d(0,0,0) scale(.8);opacity:.3}
  45%{transform:translate3d(15px,-20px,0) scale(1.35);opacity:.95}
  70%{transform:translate3d(-8px,-34px,0) scale(.9);opacity:.48}
}
@keyframes bvStatusLine{
  0%,100%{transform:scaleX(.45);opacity:.35}
  50%{transform:scaleX(1);opacity:.9}
}
@keyframes bvHaloBreath{
  0%,100%{transform:scale(.98);opacity:.4}
  50%{transform:scale(1.035);opacity:.9}
}
@keyframes bvCardLight{
  0%,55%{transform:translateX(-135%);opacity:0}
  68%{opacity:.85}
  86%,100%{transform:translateX(135%);opacity:0}
}
@keyframes bvProcessGlow{
  0%,15%,100%{opacity:.12;box-shadow:none}
  28%,42%{opacity:.9;box-shadow:inset 0 0 24px rgba(216,179,95,.07)}
  55%{opacity:.18}
}

@media(max-width:760px){
  body.bv-v3 .bv-landscape{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  body.bv-v3 .bv-ambient-glow.g1{width:160px;height:160px;left:-70px}
  body.bv-v3 .bv-ambient-glow.g2{width:190px;height:190px;right:-85px}
  body.bv-v3 .bv-ambient-glow.g3{width:130px;height:130px}
  body.bv-v3 .bv-ambient-scan{opacity:.28}
}
@media(max-width:420px){
  body.bv-v3 .bv-landscape-chrome{inset-inline:14px}
  body.bv-v3 .bv-landscape-heading{max-width:100%}
  body.bv-v3 .bv-landscape-heading small{font-size:8px;letter-spacing:.14em}
  body.bv-v3 .bv-landscape-heading strong{font-size:14px}
  body.bv-v3 .bv-landscape-status{font-size:8px;letter-spacing:.075em}
}
@media(prefers-reduced-motion:reduce){
  body.bv-v3 .bv-landscape-ambient *,
  body.bv-v3 .bv-landscape-core::after,
  body.bv-v3 .bv-network-core::after,
  body.bv-v3 .bv-flow-core::after,
  body.bv-v3 .bv-orbit-card::after,
  body.bv-v3 .bv-network-node::after,
  body.bv-v3 .bv-flow-card::before,
  body.bv-v3 .bv-landscape-process div::before,
  body.bv-v3 .bv-landscape-status::after{
    animation:none!important;
  }
  body.bv-v3 .bv-ambient-scan{display:none}
}