.bpx{background:#02070b;color:#eef5fb;font-family:Inter,Arial,sans-serif;overflow:hidden}.bpx *{box-sizing:border-box}.bpx h2,.bpx h3{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase}.bpx small{color:#20ff4d;text-transform:uppercase;letter-spacing:.15em}.bpx h2{font-size:clamp(58px,6vw,100px);line-height:.88;margin:20px 0}.bpx-systems{padding:9vw 6vw;background:#06111a}.bpx-systems header{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.bpx-systems header p{color:#9eb0bc;line-height:1.8}.bpx-systems>div{display:grid;grid-template-columns:repeat(3,1fr);margin-top:5vw}.bpx-systems article{padding:30px;border:1px solid #0d65bf;margin:-1px 0 0 -1px;min-height:290px}.bpx-systems article b{color:#ffd400}.bpx-systems h3{font-size:27px;margin:55px 0 12px}.bpx-systems p{color:#9eb0bc;line-height:1.7}.bpx-safety{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:9vw 7vw;background:#ffd400;color:#05080b}.bpx-safety>div p{line-height:1.8}.bpx-safety ol{list-style:none;padding:0}.bpx-safety li{display:grid;grid-template-columns:45px 1fr 1.4fr;gap:18px;padding:22px 0;border-top:1px solid #9a8100}.bpx-projects{padding:9vw 6vw}.bpx-projects>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.bpx-projects article{padding:35px;background:#06111a;border-top:3px solid #0878ff;min-height:280px}.bpx-projects article span{color:#20ff4d;text-transform:uppercase;font-size:10px}.bpx-projects h3{font-size:30px}.bpx-projects p{color:#9eb0bc}.bpx-proof{display:grid;grid-template-columns:repeat(4,1fr);background:#0878ff}.bpx-proof article{padding:40px;border-right:1px solid #63a8ff}.bpx-proof b{display:block;font:700 58px 'Barlow Condensed'}.bpx-proof span{text-transform:uppercase;font-size:10px}.bpx-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:9vw 7vw}.bpx-faq details{padding:23px 0;border-top:1px solid #21425d}.bpx-faq summary{font:700 24px 'Barlow Condensed';text-transform:uppercase}.bpx-faq p{color:#9eb0bc;line-height:1.7}.bpx-contact{text-align:center;padding:9vw;background:#06111a}.bpx-contact a{display:inline-block;padding:20px 30px;background:#ffd400;color:#05080b;text-transform:uppercase;font-weight:700}.bpx-footer{display:grid;grid-template-columns:1fr 2fr auto;gap:25px;padding:32px 5vw;background:#010406;color:#7890a0;font-size:11px}.bpx-footer a{color:#ffd400}
@media(max-width:800px){.bpx-systems header,.bpx-safety,.bpx-faq{grid-template-columns:1fr}.bpx-systems,.bpx-safety,.bpx-projects,.bpx-faq{padding:75px 20px}.bpx-systems>div,.bpx-projects>div,.bpx-proof{grid-template-columns:1fr}.bpx-safety li{grid-template-columns:40px 1fr}.bpx-safety li span{grid-column:2}.bpx-footer{grid-template-columns:1fr;text-align:center}}
.bpx-console{padding:8vw 5vw;background:#05090b;color:#d7ffe6}.bpx-console>header{display:flex;align-items:end;justify-content:space-between}.bpx-console h2{font-size:clamp(58px,6vw,100px);line-height:.88;margin:20px 0}.bpx-screen{display:grid;grid-template-columns:.7fr 1.3fr .8fr;border:1px solid #20ff77;background:linear-gradient(rgba(32,255,119,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(32,255,119,.025) 1px,transparent 1px);background-size:24px 24px}.bpx-screen>div,.bpx-screen>aside{padding:36px;border-right:1px solid #164c2a}.bpx-meter>b{display:block;font:700 100px/1 'Barlow Condensed';color:#20ff77}.bpx-meter>b span{font-size:18px}.bpx-meter>i{display:block;height:12px;background:linear-gradient(90deg,#20ff77 var(--load),#12351e var(--load));margin:25px 0}.bpx-meter small{color:#20ff77}.bpx-circuits>div{display:grid;grid-template-columns:40px 1fr auto;padding:18px 0;border-bottom:1px solid #164c2a}.bpx-circuits i{font-style:normal;color:#20ff77}.bpx-circuits .planned{color:#ffe95b}.bpx-screen aside b{color:#20ff77;font-size:11px;letter-spacing:.16em}.bpx-screen aside p{line-height:1.7;color:#9fb6a7;margin:25px 0 40px}.bpx-screen aside a{display:inline-block;color:#05090b;background:#20ff77;padding:14px 16px;font-weight:800;font-size:11px}@media(max-width:800px){.bpx-console{padding:70px 18px}.bpx-console>header{display:block}.bpx-screen{grid-template-columns:1fr}.bpx-screen>div,.bpx-screen>aside{border-right:0;border-bottom:1px solid #164c2a;padding:24px}.bpx-meter>b{font-size:78px}}
