.bsbp-page{--ink:#123246;--muted:#587083;--blue:#1d79a0;--blue-deep:#083a55;--gold:#d69f35;--green:#4e8162;--paper:#fbfdff;--line:rgba(29,121,160,.22);min-height:100dvh;background:linear-gradient(180deg,#eef8fb 0%,#fbfdff 42%,#fff8ea 100%);color:var(--ink)}
.bsbp-shell{width:min(100%,1240px)}
.bsbp-main{display:grid;gap:clamp(1rem,2.7vw,2rem);padding:0 clamp(.2rem,1vw,.55rem) 2rem}
.bsbp-kicker{display:inline-flex;width:fit-content;min-height:1.65rem;align-items:center;border:1px solid rgba(29,121,160,.18);border-radius:999px;background:rgba(236,249,253,.78);color:#116d91;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;padding:.22rem .58rem}
.bsbp-section-head{display:grid;gap:.42rem;max-width:860px;margin:0 auto;text-align:center}
.bsbp-section-head h2{margin:0;color:#0b344b;font-size:clamp(1.7rem,4vw,3.45rem);line-height:.98;letter-spacing:0;text-wrap:balance}
.bsbp-section-head p{margin:0;color:var(--muted);font-size:clamp(.98rem,1.45vw,1.08rem);line-height:1.5}
.bsbp-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(320px,.97fr);gap:clamp(1rem,3vw,2rem);align-items:center;min-height:620px;border:1px solid rgba(142,224,255,.28);border-radius:28px;background:radial-gradient(circle at 82% 18%,rgba(255,220,132,.18),transparent 24%),radial-gradient(circle at 24% 28%,rgba(86,205,245,.25),transparent 30%),linear-gradient(145deg,#05172b 0%,#073d58 48%,#081f34 100%);box-shadow:0 28px 66px rgba(6,48,70,.24);color:#fff;padding:clamp(1rem,4vw,3rem)}
.bsbp-grid-sky{position:absolute;inset:0;background-image:linear-gradient(rgba(164,231,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(164,231,255,.08) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.7) 0 1px,transparent 1.5px);background-size:42px 42px,42px 42px,86px 86px;opacity:.54;mask-image:linear-gradient(to bottom,black,transparent 94%)}
.bsbp-hero-copy{position:relative;z-index:1;display:grid;gap:.72rem;align-content:center}
.bsbp-hero h1{margin:0;color:#fff;font-size:clamp(2.8rem,7.5vw,7.2rem);line-height:.86;letter-spacing:0;text-wrap:balance}
.bsbp-subtitle{margin:0!important;color:#a9eaff!important;font-size:clamp(1.2rem,3vw,2.15rem)!important;font-weight:900;line-height:1.08!important}
.bsbp-hero-copy p{margin:0;max-width:66ch;color:rgba(235,249,255,.8);font-size:clamp(1rem,1.48vw,1.16rem);line-height:1.5}
.bsbp-prompt{width:fit-content;border:1px solid rgba(169,234,255,.35);border-radius:14px;background:rgba(1,20,35,.58);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);color:#fff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(.94rem,1.5vw,1.08rem);font-weight:850;padding:.72rem .88rem}
.bsbp-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.28rem}
.bsbp-actions button{appearance:none;font:inherit;cursor:pointer}
.bsbp-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:2.45rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;font-weight:900;padding:.52rem .82rem}
.bsbp-actions button:hover,.bsbp-actions button:focus-visible{outline:2px solid rgba(255,255,255,.56);outline-offset:2px;background:rgba(255,255,255,.16)}
.bsbp-collab{position:relative;z-index:1;width:min(100%,510px);aspect-ratio:1;margin:auto;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(118,220,255,.22),transparent 35%);display:grid;place-items:center}
.bsbp-collab:before,.bsbp-collab:after{content:"";position:absolute;border:1px solid rgba(167,232,255,.28);border-radius:50%}.bsbp-collab:before{inset:7%}.bsbp-collab:after{inset:22%}
.bsbp-collab-core{position:relative;z-index:2;display:grid;place-items:center;text-align:center;width:36%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff,#83dff7 39%,#0c7fa4 68%,#06334e);box-shadow:0 0 55px rgba(120,223,255,.38);padding:.8rem}
.bsbp-collab-core span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#06334e}.bsbp-collab-core strong{color:#fff;font-size:clamp(.9rem,1.6vw,1.2rem);line-height:1.05;text-shadow:0 2px 8px rgba(0,0,0,.28)}
.bsbp-person{position:absolute;z-index:3;display:grid;gap:.25rem;width:38%;min-height:92px;align-content:center;border:1px solid rgba(255,255,255,.26);border-radius:18px;background:rgba(2,23,38,.68);box-shadow:0 18px 35px rgba(0,0,0,.22);padding:.82rem;text-align:center;backdrop-filter:blur(12px)}
.bsbp-person span{color:#a9eaff;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:900}.bsbp-person strong{color:#fff;line-height:1.12}.bsbp-person-1{top:2%;left:31%}.bsbp-person-2{right:0;bottom:22%}.bsbp-person-3{left:0;bottom:22%}
.bsbp-three,.bsbp-view,.bsbp-observations,.bsbp-timeline,.bsbp-footer{border:1px solid rgba(29,121,160,.14);border-radius:24px;background:rgba(255,255,255,.78);box-shadow:0 18px 42px rgba(11,67,93,.08);padding:clamp(1rem,3vw,2rem)}
.bsbp-three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-top:1.1rem}
.bsbp-three-card{display:grid;gap:.5rem;border:1px solid rgba(29,121,160,.15);border-radius:8px;background:linear-gradient(180deg,#fff,rgba(238,249,253,.78));padding:1rem}
.bsbp-three-card>span{color:#116d91;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:900}.bsbp-three-card h3{margin:0;color:#0b344b;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1}.bsbp-three-card p{margin:0;color:#244c62;font-weight:900;line-height:1.25}.bsbp-three-card div{display:flex;gap:.38rem;flex-wrap:wrap}.bsbp-three-card em{font-style:normal;border:1px solid rgba(29,121,160,.16);border-radius:999px;background:#f3fbfe;color:#45697b;font-size:.76rem;font-weight:800;padding:.25rem .48rem}
.bsbp-deploy-note{margin:1rem 0 0;text-align:center;color:#0b344b;font-size:1.05rem}
.bsbp-view{display:grid;gap:1rem}.bsbp-view[hidden]{display:none}.bsbp-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.bsbp-principles article{position:relative;overflow:hidden;border:1px solid rgba(29,121,160,.14);border-radius:8px;background:#fff;padding:1rem}.bsbp-principles article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(var(--blue),var(--gold))}.bsbp-principles span{color:#116d91;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:900}.bsbp-principles h3{margin:.35rem 0;color:#0b344b;font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.05}.bsbp-principles p{margin:0;color:var(--muted);line-height:1.45}
.bsbp-map{position:relative;min-height:610px;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(96,208,247,.25),transparent 18%),radial-gradient(circle at 30% 20%,rgba(235,181,72,.12),transparent 20%),linear-gradient(150deg,#061b31,#06425d 52%,#07182b);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.bsbp-map:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.72) 0 1px,transparent 1.5px);background-size:66px 66px;opacity:.24}
.bsbp-map-lines{position:absolute;inset:0;width:100%;height:100%}.bsbp-map-lines line{stroke:rgba(157,232,255,.32);stroke-width:1.5;stroke-dasharray:5 8}
.bsbp-map-center,.bsbp-map-node{position:absolute;z-index:2;appearance:none;border:0;font:inherit;cursor:pointer;text-align:center;color:#fff;transition:transform .18s ease,filter .18s ease}.bsbp-map-center:hover,.bsbp-map-node:hover{filter:brightness(1.12)}.bsbp-map-center:focus-visible,.bsbp-map-node:focus-visible{filter:brightness(1.16);outline:4px solid rgba(255,255,255,.9);outline-offset:5px;box-shadow:0 0 0 9px rgba(29,121,160,.38)}
.bsbp-map-center{left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:155px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#82dff7 38%,#08789e 68%,#06334e);box-shadow:0 0 52px rgba(117,221,255,.38);padding:.9rem}.bsbp-map-center strong{font-size:1.15rem}.bsbp-map-center span{font-size:.72rem;color:rgba(255,255,255,.78)}
.bsbp-map-node{transform:translate(-50%,-50%);display:grid;gap:.32rem;justify-items:center;background:transparent}.bsbp-map-node span{display:grid;place-items:center;width:64px;aspect-ratio:1;border:1px solid rgba(226,248,255,.65);border-radius:50%;background:linear-gradient(145deg,#dbf8ff,#55bee1);color:#07384f;font-weight:950;box-shadow:0 14px 30px rgba(0,0,0,.28)}.bsbp-map-node strong{max-width:9rem;font-size:.84rem;line-height:1.08;text-shadow:0 2px 12px #001}.bsbp-map-node-1{left:16%;top:20%}.bsbp-map-node-2{left:50%;top:13%}.bsbp-map-node-3{left:84%;top:20%}.bsbp-map-node-4{left:28%;top:84%}.bsbp-map-node-5{left:72%;top:84%}
.bsbp-map-detail{display:grid;gap:.25rem;margin:.2rem auto 0;max-width:760px;text-align:center}.bsbp-map-detail span{color:#0b344b;font-size:1.3rem;font-weight:950}.bsbp-map-detail p{margin:0;color:var(--muted);line-height:1.45}
.bsbp-branch-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem}.bsbp-branch-grid article{display:grid;gap:.45rem;border:1px solid rgba(29,121,160,.14);border-radius:8px;background:#fff;padding:.85rem}.bsbp-branch-grid h3{margin:0;color:#0b344b}.bsbp-branch-grid p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.38}.bsbp-branch-grid div{display:flex;gap:.32rem;flex-wrap:wrap}.bsbp-branch-grid span{border-radius:999px;background:#f7fbfc;color:#426578;font-size:.72rem;font-weight:800;padding:.24rem .44rem}
.bsbp-cheats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.bsbp-cheats article{display:grid;gap:.35rem;border:1px solid rgba(29,121,160,.14);border-radius:8px;background:linear-gradient(135deg,#fff,#f2fbfe);padding:1rem}.bsbp-cheats h3{margin:0;color:#0b344b}.bsbp-cheats p{margin:0;color:var(--muted);line-height:1.42}
.bsbp-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;align-items:stretch}.bsbp-flip{appearance:none;border:0;background:transparent;padding:0;perspective:900px;cursor:pointer;text-align:left}.bsbp-flip-inner{display:grid;width:100%;height:100%;transform-style:preserve-3d;transition:transform .35s ease}.bsbp-flip.is-flipped .bsbp-flip-inner{transform:rotateY(180deg)}.bsbp-flip-face{position:relative;grid-area:1/1;display:grid;gap:.7rem;align-content:start;min-height:clamp(8.5rem,15vw,10.75rem);border:1px solid rgba(29,121,160,.16);border-radius:8px;background:#fff;box-shadow:0 14px 30px rgba(11,67,93,.08);backface-visibility:hidden;padding:.92rem}.bsbp-flip-front{background:linear-gradient(145deg,#fff,#eaf9fd)}.bsbp-flip-back{transform:rotateY(180deg);background:linear-gradient(145deg,#07384f,#0a6687);color:#fff}.bsbp-flip em{font-style:normal;color:#116d91;font-size:.76rem;font-weight:950}.bsbp-flip strong{font-size:clamp(1rem,1.55vw,1.18rem);line-height:1.18}.bsbp-flip-cue{align-self:end;margin-top:auto;color:#116d91;font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.bsbp-flip-back .bsbp-flip-cue{color:#a9eaff}.bsbp-flip:focus-visible{outline:3px solid rgba(29,121,160,.3);outline-offset:4px;border-radius:10px}
.bsbp-observation-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.65rem;margin-top:1rem}.bsbp-observation-grid blockquote{margin:0;min-height:150px;display:grid;align-content:center;border:1px solid rgba(29,121,160,.14);border-radius:8px;background:linear-gradient(180deg,#fff,#fff9ed);color:#173d52;font-size:clamp(.96rem,1.35vw,1.08rem);font-weight:850;line-height:1.25;padding:1rem}
.bsbp-timeline ol{position:relative;display:grid;gap:.75rem;list-style:none;margin:1rem auto 0;padding:0;max-width:900px}.bsbp-timeline li{display:grid;grid-template-columns:180px minmax(0,1fr);gap:.8rem;align-items:start}.bsbp-timeline li span{display:inline-flex;align-items:center;justify-content:center;min-height:2.2rem;border-radius:999px;background:#e9f8fd;color:#0b6f94;font-weight:950;text-align:center;padding:.35rem .65rem}.bsbp-timeline li p{margin:0;border-left:3px solid rgba(29,121,160,.22);padding:.32rem 0 .32rem .8rem;color:var(--muted);line-height:1.45}
.bsbp-footer{display:grid;gap:.45rem;text-align:center;background:linear-gradient(145deg,#061b31,#073d58);color:#fff}.bsbp-footer p{margin:0;color:rgba(235,249,255,.78);line-height:1.45}.bsbp-footer strong{color:#fff}
@media(max-width:1040px){.bsbp-hero{grid-template-columns:1fr;min-height:0}.bsbp-collab{width:min(92%,470px)}.bsbp-three-grid,.bsbp-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bsbp-branch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bsbp-observation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.bsbp-main{padding-left:.15rem;padding-right:.15rem}.bsbp-hero,.bsbp-three,.bsbp-view,.bsbp-observations,.bsbp-timeline,.bsbp-footer{border-radius:18px}.bsbp-hero{padding:1rem}.bsbp-hero h1{font-size:clamp(2.75rem,16vw,4.8rem)}.bsbp-collab{aspect-ratio:auto;border-radius:20px;display:grid;gap:.65rem;background:rgba(255,255,255,.06);padding:.75rem}.bsbp-collab:before,.bsbp-collab:after{display:none}.bsbp-collab-core,.bsbp-person{position:static;width:auto;aspect-ratio:auto;min-height:0;transform:none;border-radius:14px}.bsbp-collab-core{padding:1rem}.bsbp-person{padding:.82rem}.bsbp-actions button{width:100%}.bsbp-three-grid,.bsbp-principles,.bsbp-cheats,.bsbp-card-grid,.bsbp-observation-grid{grid-template-columns:1fr}.bsbp-flip-face{min-height:7.7rem;padding:.86rem}.bsbp-map{min-height:auto;display:grid;grid-template-columns:1fr;gap:.55rem;padding:1rem}.bsbp-map-lines{display:none}.bsbp-map-center,.bsbp-map-node{position:static;transform:none!important;width:auto;aspect-ratio:auto;min-height:78px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);padding:.75rem}.bsbp-map-center span,.bsbp-map-node strong{color:#fff;text-shadow:none}.bsbp-map-node{grid-template-columns:auto 1fr;align-items:center;text-align:left}.bsbp-map-node span{width:48px}.bsbp-branch-grid{grid-template-columns:1fr}.bsbp-timeline li{grid-template-columns:1fr;gap:.35rem}.bsbp-timeline li span{justify-content:flex-start}.bsbp-timeline li p{border-left:0;border-top:3px solid rgba(29,121,160,.22);padding:.55rem 0 0}}
@media(prefers-reduced-motion:reduce){.bsbp-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}