/* фон «чертёж»: серый, точки, редкая сетка и размерные линии */
html{background:#ededef}
body{background:transparent!important}
.bp{position:fixed;inset:0;z-index:0;pointer-events:none}
.bp .dots{position:absolute;inset:0;background:radial-gradient(circle,rgba(24,24,27,.17) 1px,transparent 1.5px) 0 0/22px 22px}
.bp .grid{position:absolute;inset:0;background:linear-gradient(rgba(24,24,27,.07) 1px,transparent 1px) 0 0/110px 110px,linear-gradient(90deg,rgba(24,24,27,.07) 1px,transparent 1px) 0 0/110px 110px;
 -webkit-mask:radial-gradient(34% 42% at 90% 26%,#000 30%,transparent),radial-gradient(30% 38% at 6% 88%,#000 30%,transparent);mask:radial-gradient(34% 42% at 90% 26%,#000 30%,transparent),radial-gradient(30% 38% at 6% 88%,#000 30%,transparent)}
.bp svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.bp line,.bp rect,.bp circle,.bp path{fill:none;stroke:rgba(24,24,27,.24);stroke-width:1}
.bp .ds{stroke-dasharray:4 4}.bp .lt{stroke:rgba(24,24,27,.14)}
.bp text{font:500 10px 'JetBrains Mono',monospace;fill:rgba(24,24,27,.42);letter-spacing:.08em}
@media (max-width:760px){.bp svg{display:none}}