.bb-demo,.bb-catalog,.bb-landing{--bb-yellow: #ffe600;--bb-pink: #ff2d7a;--bb-red: #e10600;--bb-black: #0a0a0a;--bb-white: #ffffff;--bb-neon: #39ff14;--bb-lilac: #c9b8ff;font-family:Arial Black,Impact,Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--bb-black)}.bb-topbar{position:sticky;top:0;z-index:40;background:var(--bb-white);border-bottom:3px solid var(--bb-black);transition:padding .2s ease,box-shadow .2s ease}.bb-topbar--compact{box-shadow:0 6px #00000014}.bb-topbar__inner{margin:0 auto;display:flex;max-width:72rem;align-items:center;gap:.75rem;padding:.85rem 1rem}.bb-topbar--compact .bb-topbar__inner{padding-block:.55rem}.bb-wordmark{display:inline-flex;align-items:center;gap:.4rem;font-size:.95rem;font-weight:900;letter-spacing:.04em;text-decoration:none;color:var(--bb-black);flex-shrink:0}.bb-wordmark__pin{width:1.4rem;height:1.4rem;-o-object-fit:contain;object-fit:contain}.bb-topbar__subtitle{margin:0;font-size:.62rem;letter-spacing:.22em;color:var(--bb-pink);font-weight:800}.bb-topbar__nav{display:none;margin-left:auto;gap:1rem}.bb-topbar__nav a{font-size:.65rem;letter-spacing:.12em;text-decoration:none;color:var(--bb-black);font-weight:800}.bb-topbar__nav a:hover{color:var(--bb-pink)}.bb-cta{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.45rem;border:3px solid var(--bb-black);padding:.65rem 1rem;font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;box-shadow:3px 3px 0 var(--bb-black)}.bb-cta:hover{transform:translate(-1px,-1px) rotate(-.5deg);box-shadow:4px 4px 0 var(--bb-black)}.bb-cta:focus-visible{outline:3px solid var(--bb-pink);outline-offset:2px}.bb-cta--yellow{background:var(--bb-yellow);color:var(--bb-black)}.bb-cta--pink{background:var(--bb-pink);color:var(--bb-white)}.bb-cta--outline{background:var(--bb-white);color:var(--bb-black)}.bb-cta--sm{min-height:2.4rem;padding:.45rem .75rem;font-size:.62rem}.bb-cta--block{width:100%}.bb-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(255,230,0,.55),transparent 42%),radial-gradient(circle at 88% 12%,rgba(255,45,122,.35),transparent 40%),linear-gradient(160deg,#fff9d6,#fff 45%,#ffe4f0);border-bottom:3px solid var(--bb-black);padding:1.5rem 1rem 2rem}.bb-hero__grid{margin:0 auto;display:grid;max-width:72rem;gap:1.5rem}.bb-hero__copy{position:relative;z-index:1}.bb-hero__title{margin:.75rem 0 0;font-size:clamp(1.85rem,6vw,3.4rem);line-height:.95;letter-spacing:.02em;text-transform:uppercase}.bb-hero__boom{display:inline-block;animation:bb-bounce 1.8s ease-in-out infinite}.bb-hero__subtitle{margin:.9rem 0 0;max-width:34rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.98rem;font-weight:500;line-height:1.45;color:#222}.bb-hero__actions{display:flex;flex-direction:column;gap:.65rem;margin-top:1.15rem}.bb-hero__note{margin:.75rem 0 0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.78rem;color:#444}.bb-sticker-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.bb-sticker{display:inline-block;border:2px solid var(--bb-black);padding:.28rem .55rem;font-size:.58rem;font-weight:900;letter-spacing:.08em;transform:rotate(-2deg);box-shadow:2px 2px 0 var(--bb-black)}.bb-sticker--yellow{background:var(--bb-yellow)}.bb-sticker--pink{background:var(--bb-pink);color:var(--bb-white);transform:rotate(2deg)}.bb-sticker--red{background:var(--bb-red);color:var(--bb-white);transform:rotate(-3deg)}.bb-hero__stage{position:relative}.bb-camera-frame{position:relative;border:4px solid var(--bb-black);background:var(--bb-black);box-shadow:8px 8px 0 var(--bb-pink);overflow:hidden;min-height:18rem}.bb-camera-frame__badge{position:absolute;top:.7rem;left:.7rem;z-index:2;background:var(--bb-yellow);border:2px solid var(--bb-black);padding:.2rem .45rem;font-size:.55rem;letter-spacing:.12em}.bb-camera-mock{position:relative;display:grid;place-items:center;min-height:18rem;background:linear-gradient(135deg,#1a1a1a,#3a0030 55%,#1a1a1a),repeating-linear-gradient(-12deg,transparent,transparent 10px,rgba(255,230,0,.05) 10px,rgba(255,230,0,.05) 12px);color:var(--bb-white);text-align:center;padding:1.5rem}.bb-camera-mock__label{margin:0;font-size:1.2rem;letter-spacing:.08em}.bb-camera-mock__hint{margin:.5rem 0 0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.8rem;opacity:.8}.bb-spark,.bb-heart,.bb-bolt{position:absolute;font-size:1.4rem;animation:bb-float 2.4s ease-in-out infinite}.bb-spark{top:1.2rem;right:1.4rem;color:var(--bb-yellow)}.bb-heart{bottom:1.4rem;left:1.2rem;color:var(--bb-pink);animation-delay:.4s}.bb-bolt{bottom:2rem;right:1.6rem;color:var(--bb-neon);animation-delay:.8s}.bb-camera-live{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;background:#111}.bb-camera-live__video{width:100%;aspect-ratio:3 / 4;-o-object-fit:cover;object-fit:cover;transform:scaleX(-1);background:#222}.bb-camera-live__actions{display:flex;flex-wrap:wrap;gap:.5rem}.bb-alert{margin:1rem auto 0;max-width:72rem;padding:0 1rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.82rem;color:var(--bb-red)}.bb-alert--muted{color:#555}.bb-hero-compact-anchor{scroll-margin-top:4.5rem}.bb-catalog{border:3px solid var(--bb-black);background:var(--bb-white);box-shadow:6px 6px 0 var(--bb-yellow)}.bb-catalog__head{position:relative;border-bottom:3px solid var(--bb-black);background:linear-gradient(120deg,var(--bb-yellow),#fff 55%,#ffd0e4);padding:1rem}.bb-catalog__title{margin:.35rem 0 0;font-size:1.2rem;letter-spacing:.06em}.bb-eyebrow{margin:0;font-size:.58rem;letter-spacing:.18em;color:#444}.bb-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:3px solid var(--bb-black)}.bb-tab{min-height:2.75rem;border:0;border-right:2px solid var(--bb-black);background:var(--bb-white);font-size:.58rem;font-weight:900;letter-spacing:.06em;cursor:pointer;padding:.4rem .2rem}.bb-tab:last-child{border-right:0}.bb-tab--active{background:var(--bb-black);color:var(--bb-yellow)}.bb-tab:focus-visible{outline:3px solid var(--bb-pink);outline-offset:-3px}.bb-subtabs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.85rem 1rem 0}.bb-subtab{min-height:2.4rem;border:2px solid var(--bb-black);background:#fff;font-size:.62rem;font-weight:900;letter-spacing:.08em;cursor:pointer}.bb-subtab--active{background:var(--bb-pink);color:#fff}.bb-active-card{display:flex;gap:.85rem;padding:1rem}.bb-active-card__img,.bb-product-card__img{width:5.5rem;height:5.5rem;-o-object-fit:contain;object-fit:contain;background:#f5f5f5;border:2px solid var(--bb-black);flex-shrink:0}.bb-active-card__name,.bb-product-card__name{margin:.2rem 0 0;font-size:.9rem;letter-spacing:.05em}.bb-active-card__shade,.bb-active-card__effect,.bb-product-card__desc,.bb-product-card__cat,.bb-active-card__price,.bb-product-card__price{margin:.25rem 0 0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.78rem;font-weight:500;color:#333}.bb-active-card__effect{display:inline-block;margin-top:.4rem;border-bottom:3px solid var(--bb-yellow);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.bb-section-label{margin:0;padding:0 1rem;font-size:.62rem;letter-spacing:.14em}.bb-swatches{display:flex;flex-wrap:wrap;gap:.7rem;padding:.65rem 1rem .2rem}.bb-swatch{width:2.75rem;height:2.75rem;border-radius:999px;border:3px solid #ccc;cursor:pointer}.bb-swatch--selected{border-color:var(--bb-black);box-shadow:0 0 0 3px var(--bb-yellow)}.bb-swatch:focus-visible{outline:3px solid var(--bb-pink);outline-offset:2px}.bb-product-grid{display:grid;gap:.75rem;padding:1rem}.bb-product-card{display:flex;gap:.75rem;border:2px solid var(--bb-black);padding:.65rem;background:linear-gradient(180deg,#fff,#fff8e8);transition:transform .15s ease}.bb-product-card:hover{transform:rotate(-.6deg) translateY(-2px)}.bb-catalog__actions{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 1rem 1rem}.bb-looks{padding:1rem}.bb-looks__title{margin:0 0 .85rem;font-size:1rem;letter-spacing:.05em}.bb-looks__grid{display:grid;gap:.75rem}.bb-look-card{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;border:3px solid var(--bb-black);background:var(--bb-white);padding:.9rem;text-align:left;cursor:pointer;box-shadow:4px 4px 0 var(--bb-pink)}.bb-look-card--active{background:var(--bb-yellow)}.bb-look-card__name{font-size:.95rem;letter-spacing:.08em}.bb-look-card__sub{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.78rem;font-weight:500;color:#333}.bb-landing{margin-top:1.5rem;padding:0 0 1.5rem}.bb-trust{border:3px solid var(--bb-black);background:var(--bb-black);color:var(--bb-white);padding:1.25rem 1rem;box-shadow:6px 6px 0 var(--bb-pink)}.bb-trust__title{margin:0;font-size:1.15rem;letter-spacing:.06em;color:var(--bb-yellow)}.bb-trust__list{margin:.85rem 0 0;padding:0;list-style:none;display:grid;gap:.55rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.92rem;font-weight:600}.bb-trust__list li:before{content:"★ ";color:var(--bb-yellow)}.bb-final{margin-top:1.25rem;border:3px solid var(--bb-black);background:linear-gradient(135deg,var(--bb-yellow),#fff 40%,#ffd6e8);padding:1.4rem 1rem;text-align:center}.bb-final__title{margin:0 0 1rem;font-size:clamp(1.1rem,3.5vw,1.7rem);letter-spacing:.04em;line-height:1.1}.bb-credit{margin:1rem 0 0;text-align:center;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.68rem;letter-spacing:.04em;color:#888}.bb-tryon-stage{scroll-margin-top:4.5rem;border:4px solid #0a0a0a;background:#fff;box-shadow:8px 8px #ff2d7a;padding:.65rem}@keyframes bb-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes bb-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(8deg)}}@media (min-width: 640px){.bb-hero__actions{flex-direction:row;flex-wrap:wrap}.bb-product-grid{grid-template-columns:1fr 1fr}.bb-looks__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 768px){.bb-topbar__nav{display:flex}.bb-hero__grid{grid-template-columns:1.05fr .95fr;align-items:center}}@media (min-width: 1024px){.bb-camera-frame,.bb-camera-mock{min-height:22rem}}@media (prefers-reduced-motion: reduce){.bb-hero__boom,.bb-spark,.bb-heart,.bb-bolt,.bb-cta,.bb-product-card{animation:none!important;transition:none!important}}