.bp{--bp-ink:oklch(92% .01 290);--bp-line:oklch(80% .03 290/.32);--bp-hue:oklch(62% .22 285);width:560px;height:700px;color:var(--bp-ink);font-family:var(--font-sans);background:oklch(16% .014 290);flex-direction:column;display:flex}.bp i,.bp em{font-style:normal}.bp-chrome{border-bottom:1px solid var(--bp-line);flex:none;justify-content:space-between;align-items:center;height:48px;padding:0 20px;display:flex}.bp-dots{gap:7px;display:flex}.bp-dots i{background:var(--bp-line);border-radius:50%;width:11px;height:11px}.bp-live{color:oklch(72% .02 295);opacity:var(--s5,0);font-size:14px}.bp-live:before{content:"";background:oklch(75% .17 150);border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}.bp-stage{background-image:radial-gradient(circle,oklch(80% .03 290/.22) 1px,#0000 1.4px);background-size:24px 24px;flex-direction:column;flex:1;gap:22px;min-height:0;padding:30px 32px;display:flex;position:relative}.bp-corner{border-color:var(--bp-line);border-style:solid;border-width:0;width:14px;height:14px;position:absolute}.bp-corner--tl{border-top-width:2px;border-left-width:2px;top:10px;left:10px}.bp-corner--tr{border-top-width:2px;border-right-width:2px;top:10px;right:10px}.bp-corner--bl{border-bottom-width:2px;border-left-width:2px;bottom:10px;left:10px}.bp-corner--br{border-bottom-width:2px;border-right-width:2px;bottom:10px;right:10px}.bp-nav,.bp-hero,.bp-cards,.bp-foot{position:relative}.bp-b1{opacity:var(--b1,0);clip-path:inset(-20px calc((1 - var(--b1,0)) * 100%) -20px -20px)}.bp-b2{opacity:var(--b2,0);clip-path:inset(-20px calc((1 - var(--b2,0)) * 100%) -20px -20px)}.bp-b3{opacity:var(--b3,0);clip-path:inset(-20px calc((1 - var(--b3,0)) * 100%) -20px -20px)}.bp-b4{opacity:var(--b4,0);clip-path:inset(-20px calc((1 - var(--b4,0)) * 100%) -20px -20px)}.bp-tag{letter-spacing:.06em;text-transform:uppercase;color:oklch(72% .02 295);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;position:absolute;top:-15px;right:0}.bp-c{position:relative}.bp-c:after{content:"";border-radius:inherit;background:var(--bp-hue);opacity:var(--s2,0);filter:hue-rotate(calc(var(--p,0) * 720deg));position:absolute;inset:0}.bp-line{border:1.5px dashed var(--bp-line);border-radius:6px;height:12px;display:block;position:relative}.bp-line:after{content:"";border-radius:inherit;background:var(--bp-ink);opacity:.85;transform-origin:0;transform:scaleX(var(--s3,0));position:absolute;inset:-1.5px}.bp-line--title{width:88%;height:30px}.bp-line--short{width:56%}.bp-cursor{overflow:visible}.bp-cursor:before{content:"";top:-2px;bottom:-2px;left:calc(var(--s3,0) * 100%);background:var(--bp-hue);width:3px;opacity:calc(var(--s3,0) * (1 - var(--s4,0)));filter:hue-rotate(calc(var(--p,0) * 720deg));border-radius:2px;position:absolute}.bp-nav{justify-content:space-between;align-items:center;gap:20px;display:flex}.bp-logo{border:1.5px dashed var(--bp-line);border-radius:12px;width:38px;height:38px}.bp-bars{flex:1;justify-content:center;gap:14px;display:flex}.bp-bars .bp-line{width:56px;height:10px}.bp-pill{border:1.5px dashed var(--bp-line);border-radius:999px;width:92px;height:36px}.bp-hero{border:1.5px dashed var(--bp-line);border-radius:28px;grid-template-columns:1.1fr .9fr;align-items:center;gap:24px;min-height:250px;padding:26px;display:grid}.bp-copy{flex-direction:column;gap:12px;display:flex}.bp-btn{border:1.5px dashed var(--bp-line);border-radius:999px;width:120px;height:38px;margin-top:8px}.bp-img{border:1.5px dashed var(--bp-line);border-radius:22px;height:190px;position:relative;overflow:hidden}.bp-img svg{z-index:1;fill:none;width:100%;height:100%;stroke:var(--bp-line);stroke-width:1.5px;vector-effect:non-scaling-stroke;position:absolute;inset:0}.bp-img svg path{vector-effect:non-scaling-stroke;opacity:calc(1 - var(--s2,0))}.bp-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.bp-card{border:1.5px dashed var(--bp-line);border-radius:20px;flex-direction:column;gap:10px;padding:18px;display:flex}.bp-ico{border:1.5px dashed var(--bp-line);border-radius:12px;width:40px;height:40px;margin-bottom:4px}.bp-foot{gap:14px;display:flex}.bp-pillbox{border:1.5px dashed var(--bp-line);border-radius:16px;flex:1;height:46px}.bp-wa{background:var(--bp-hue);color:oklch(99% .004 290);width:62px;height:62px;opacity:var(--s4,0);transform:scale(calc(.4 + .6 * var(--s4,0)));filter:hue-rotate(calc(var(--p,0) * 720deg));border-radius:50%;place-items:center;display:grid;position:absolute;bottom:28px;right:30px}.bp-wa svg{width:28px;height:28px}.bp-ring{border:2px solid var(--bp-hue);opacity:calc((1 - var(--s4,0)) * .7);transform:scale(calc(1 + var(--s4,0) * .7));border-radius:50%;position:absolute;inset:0}