.bb{--paper:#f4f4f2;--paper2:#eaeae7;--white:#fcfcfb;--ink:#1d1d1f;--ink2:#3a3a3d;--g1:#5e5e63;--g2:#85858a;--g3:#b2b2b6;--g4:#d5d5d7;--g5:#e6e6e4;--brush:"BB Caveat Brush", "Comic Sans MS", cursive;--hand:"BB Kalam", "Comic Sans MS", system-ui, sans-serif;color:var(--ink);font-family:var(--hand);background:var(--paper);font-size:1.0625rem;font-weight:400;line-height:1.5;position:relative;overflow:hidden}.bb *,.bb :before,.bb :after{box-sizing:border-box}.bb b,.bb strong{font-weight:700}.bb :focus-visible{outline:3px dashed var(--ink);outline-offset:4px}.bb-grain{z-index:50;pointer-events:none;mix-blend-mode:multiply;opacity:.28;background:var(--w-grain) 0 0 / 192px 192px;position:absolute;inset:0}.bb-wrap{z-index:2;width:100%;max-width:76rem;margin-inline:auto;padding-inline:1rem;position:relative}@media (width>=640px){.bb-wrap{padding-inline:1.5rem}}.bb-section{padding-block:5rem;position:relative}.bb-blob{z-index:0;pointer-events:none;background:var(--w-blob) center / 100% 100% no-repeat;opacity:.28;position:absolute}.bb-blob.is-2{background-image:var(--w-blob2);opacity:.35}.bb h1,.bb h2,.bb h3{font-family:var(--brush);margin:0;font-weight:400;line-height:1.02}.bb-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--white);background:var(--ink);clip-path:polygon(0 8%,100% 0,98% 100%,2% 92%);margin:0;padding:.1rem .9rem .2rem;font-size:.95rem;font-weight:700;display:inline-block;transform:rotate(-1.5deg)}.bb-h2{isolation:isolate;width:fit-content;max-width:100%;font-size:clamp(2.4rem,6vw,3.9rem);display:block;position:relative;margin-top:.9rem!important}.bb-h2:before{content:"";z-index:-1;background:var(--w-stroke2) center / 100% 100% no-repeat;opacity:.8;position:absolute;inset:8% -6% -14% -4%}.bb-lead{max-width:46rem;color:var(--ink2);margin-top:1.1rem;font-size:1.2rem;line-height:1.6}.bb-lead strong{color:var(--ink)}.bb-card{isolation:isolate;padding:1.4rem 1.5rem;position:relative}.bb-card:before{content:"";z-index:-1;background:var(--white);border:2.6px solid var(--ink);filter:url(#bb-wobble);border-radius:14px;position:absolute;inset:0;box-shadow:3px 4px #1d1d1f24}.bb-card:after{content:"";z-index:-1;background:var(--w-card) center / 100% 100% no-repeat;opacity:.55;pointer-events:none;border-radius:12px;position:absolute;inset:5px}.bb-card.is-2:after{background-image:var(--w-card2)}.bb-card.is-ink{color:var(--white)}.bb-card.is-ink:before{background:var(--ink)}.bb-card.is-ink:after{background-image:var(--w-dark);opacity:.5;mix-blend-mode:screen}.bb-card h3{font-size:1.9rem}.bb-card p{color:var(--ink2);margin:.5rem 0 0;line-height:1.6}.bb-card.is-ink p{color:#fcfcfbd1}.bb-btn{isolation:isolate;min-height:46px;font-family:var(--brush);color:var(--ink);white-space:nowrap;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:.55rem;padding:.7rem 1.4rem;font-size:1.35rem;line-height:1.1;text-decoration:none;transition:transform .18s cubic-bezier(.3,1.8,.5,1);display:inline-flex;position:relative}.bb-btn:before{content:"";z-index:-1;background:var(--w-btn-light) center / 100% 100% no-repeat, var(--white);border:2.6px solid var(--ink);box-shadow:0 4px 0 var(--ink);filter:url(#bb-wobble);border-radius:12px;transition:box-shadow .12s;position:absolute;inset:0}@media (hover:hover){.bb-btn:hover:not(:disabled){transform:translateY(-2px)rotate(-1deg)}}.bb-btn:active:not(:disabled){transform:translateY(3px)}.bb-btn:active:not(:disabled):before{box-shadow:0 1px 0 var(--ink)}.bb-btn:disabled{opacity:.45;cursor:not-allowed}.bb-btn.is-ink{color:var(--white)}.bb-btn.is-ink:before{background:var(--w-btn) center / 110% 130% no-repeat, var(--ink2)}.bb-btn.is-ghost:before{background:var(--white)}.bb-btn.is-outline{color:var(--white)}.bb-btn.is-outline:before{border-color:var(--white);background:0 0;box-shadow:0 4px #fcfcfb80}.bb-btn.is-big{min-height:58px;padding:.85rem 1.9rem;font-size:1.7rem}.bb-btn.is-small{min-height:40px;padding:.45rem .95rem;font-size:1.1rem}.bb-btn.is-small:before{box-shadow:0 3px 0 var(--ink);border-radius:10px}.bb-chip{border:2px solid var(--ink);background:var(--white);min-height:34px;box-shadow:0 2px 0 var(--ink);border-radius:20px;align-items:center;gap:.35rem;padding:.25rem .8rem;font-size:.95rem;font-weight:700;display:inline-flex}.bb-chip.is-dashed{border-style:dashed}.bb-chip.is-ink{background:var(--ink);color:var(--white)}.bb-bubble{background:var(--white);border:2.2px solid var(--ink);border-radius:16px 18px 15px 17px;margin:0;padding:.6rem .95rem;font-size:1.02rem;line-height:1.35;position:relative;box-shadow:2px 3px #1d1d1f1f}.bb-bubble.is-left:before{content:"";border:7px solid #0000;border-right:10px solid var(--ink);border-left:0;margin-top:-7px;position:absolute;top:50%;left:-11px}.bb-bubble.is-left:after{content:"";border:5px solid #0000;border-right:8px solid var(--white);border-left:0;margin-top:-5px;position:absolute;top:50%;left:-7px}.bb-bubble.is-down:before{content:"";border:7px solid #0000;border-top:12px solid var(--ink);border-bottom:0;position:absolute;bottom:-13px;left:28px}.bb-bubble.is-down:after{content:"";border:5px solid #0000;border-top:9px solid var(--white);border-bottom:0;position:absolute;bottom:-9px;left:30px}.bb-stamp{isolation:isolate;font-family:var(--brush);white-space:nowrap;border:4px solid var(--ink);background:var(--white);border-radius:10px;padding:.3rem 1.2rem .45rem;font-size:clamp(2.4rem,6vw,3.6rem);line-height:1;display:inline-block;position:relative;transform:rotate(-6deg)}.bb-stamp:before{content:"";z-index:-1;background:var(--w-dark) center / 100% 100% no-repeat;opacity:.35;position:absolute;inset:-16px -24px}.bb-stamp.is-fell{color:var(--white);background:var(--ink)}.bb-stamp.is-neutral{border-style:dashed}.bb-stamp.is-in{animation:.5s cubic-bezier(.2,1.6,.4,1) both bb-stamp}@keyframes bb-stamp{0%{opacity:0;transform:scale(2.2)rotate(-18deg)}60%{opacity:1;transform:scale(.94)rotate(-5deg)}to{transform:rotate(-6deg)}}.bb-hero{padding-top:1.5rem;position:relative;overflow:hidden}.bb-hero .bb-blob.a{width:62%;height:80%;top:-18%;left:-14%}.bb-hero .bb-blob.b{width:52%;height:70%;top:22%;right:-14%}.bb-crumbs{z-index:2;color:var(--g1);font-size:.95rem;font-weight:700;position:relative}.bb-crumbs a{-webkit-text-decoration:underline wavy;text-decoration:underline wavy;-webkit-text-decoration-color:var(--g3);text-decoration-color:var(--g3);text-underline-offset:4px}.bb-crumbs a:hover{color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.bb-hero-grid{align-items:center;gap:3rem;padding-top:2.2rem;display:grid}@media (width>=1024px){.bb-hero-grid{grid-template-columns:1fr 1.05fr}}.bb-logo{isolation:isolate;flex-wrap:wrap;align-items:baseline;gap:0 .18em;font-size:clamp(3.6rem,10vw,5.8rem);line-height:.9;display:flex;position:relative}.bb-logo:before{content:"";z-index:-1;background:var(--w-stroke) center / 100% 100% no-repeat;opacity:.75;position:absolute;inset:-16% -8% -22%}.bb-logo span{display:inline-block}.bb-logo .w1{transform:rotate(-3deg)}.bb-logo .amp{color:var(--g1);font-size:.6em;transform:translateY(-.1em)}.bb-logo .w2{transform:rotate(2deg)translateY(4px)}.bb-tagline{color:var(--white);background:var(--ink);clip-path:polygon(0 8%,100% 0,98% 100%,2% 92%);margin-top:1.3rem;padding:.3rem 1.3rem .4rem;font-size:clamp(1.05rem,2.5vw,1.3rem);display:inline-block;transform:rotate(-1deg)}.bb-socrate{align-items:center;gap:.8rem;max-width:34rem;margin-top:1.4rem;display:flex}.bb-socrate img{flex:none;width:84px;height:auto;animation:3s ease-in-out infinite bb-bob}.bb-actions{flex-wrap:wrap;gap:1rem;margin-top:1.8rem;display:flex}.bb-facts{color:var(--g1);flex-wrap:wrap;gap:.6rem 1.4rem;margin:1.6rem 0 0;padding:0;font-size:1rem;list-style:none;display:flex}.bb-facts li{align-items:baseline;gap:.35rem;display:flex}.bb-facts b{font-family:var(--brush);color:var(--ink);font-size:1.7rem;font-weight:400}.bb-frame{isolation:isolate;padding:.8rem;position:relative;transform:rotate(1.2deg)}.bb-frame:before{content:"";z-index:-1;background:var(--white);border:3px solid var(--ink);filter:url(#bb-wobble);border-radius:16px;position:absolute;inset:0;box-shadow:6px 7px #1d1d1f33}.bb-frame video,.bb-frame img{border:2px solid var(--ink);background:var(--paper2);border-radius:8px;width:100%;height:auto;display:block}.bb-frame .bb-stamp{z-index:3;font-size:2.2rem;position:absolute;bottom:-1.6rem;right:-.8rem}.bb-ground{z-index:1;height:260px;margin-top:2rem;position:relative}.bb-ground:after{content:"";background:var(--ink);border-radius:3px;height:3px;position:absolute;bottom:38px;left:-2%;right:-2%;transform:rotate(-.4deg)}.bb-cast{align-items:flex-end;gap:clamp(.4rem,4vw,3.5rem);display:flex;position:absolute;bottom:20px;left:50%;translate:-50%}.bb-cast img{width:auto;height:calc(clamp(120px, 16vw, 200px) * var(--h,680) / 680);display:block}.bb-cast .fig.surprised{animation:2.6s ease-in-out infinite bb-wiggle}.bb-cast .fig.magnifier{animation:3.2s ease-in-out infinite bb-bob}.bb-cast .bb-bubble{width:max-content;max-width:min(15rem,60vw);font-size:.95rem;position:absolute;bottom:calc(100% - .5rem);left:50%;translate:-30%}.bb-cast .with-bubble{position:relative}@keyframes bb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes bb-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes bb-pop{0%{opacity:0;transform:scale(.5)rotate(-5deg)}to{opacity:1;transform:none}}@keyframes bb-up{0%{opacity:0;transform:translateY(18px)}}.bb-pillars{gap:1.8rem;margin-top:3rem;display:grid}@media (width>=900px){.bb-pillars{grid-template-columns:repeat(3,1fr)}}.bb-pillar{padding-top:1.6rem}.bb-pillar:first-child{transform:rotate(-.8deg)}.bb-pillar:nth-child(2){transform:rotate(.7deg)}.bb-pillar:nth-child(3){transform:rotate(-.4deg)}.bb-pillar .n{width:2.6rem;height:2.6rem;font-family:var(--brush);color:var(--white);background:var(--ink);border-radius:50%;place-items:center;font-size:1.6rem;display:grid;position:absolute;top:-1.2rem;left:1.1rem}.bb-quote{align-items:center;gap:1.2rem;margin-top:3.5rem;display:grid}@media (width>=768px){.bb-quote{grid-template-columns:auto 1fr}}.bb-quote img{width:110px;height:auto}.bb-quote .bb-card p{color:var(--white);margin:0;font-size:1.25rem}.bb-quote .bb-card p+p{opacity:.7;margin-top:.5rem;font-size:.95rem}.bb-stats{text-align:center;grid-template-columns:repeat(2,1fr);gap:1.5rem 1rem;margin-top:3.5rem;padding:2rem 1.4rem;display:grid}@media (width>=768px){.bb-stats{grid-template-columns:repeat(6,1fr)}}.bb-stats strong{font-family:var(--brush);color:var(--white);font-size:2.9rem;font-weight:400;line-height:1;display:block}.bb-stats span{color:#fcfcfbbf;margin-top:.3rem;font-size:.95rem;display:block}.bb-demo{margin-top:2.6rem}.bb-phases{gap:.4rem;max-width:50rem;margin:0 auto 1.2rem;padding:0;list-style:none;display:flex}.bb-phases li{min-width:0;color:var(--g2);flex-direction:column;flex:1;align-items:center;gap:.2rem;font-size:.85rem;display:flex}.bb-phases li i{background:var(--g5);border:1.6px solid var(--g3);border-radius:6px;width:100%;height:8px;transition:background .3s,border-color .3s;display:block}.bb-phases li span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.bb-phases li.is-past i{background:var(--g2);border-color:var(--ink)}.bb-phases li.is-now{color:var(--ink);font-weight:700}.bb-phases li.is-now i{background:var(--w-stroke) center / 100% 300%, var(--g3);border-color:var(--ink)}.bb-level{max-width:54rem;margin:0 auto}.bb-tip{align-items:center;gap:.7rem;margin-bottom:1rem;display:flex}.bb-tip img{flex:none;width:52px;height:auto}.bb-tip .bb-bubble{flex:1;min-width:0}.bb-step{padding:1.6rem clamp(1rem,3vw,2rem);animation:.35s ease-out bb-up}.bb-step h3{font-family:var(--hand);font-size:clamp(1.2rem,2.4vw,1.45rem);font-weight:700;line-height:1.35}.bb-sign{justify-content:center;align-items:flex-end;gap:.4rem;margin:1.2rem 0 .4rem;display:flex}.bb-sign img{width:auto;height:150px}.bb-sign .board{font-family:var(--brush);background:var(--white);border:3px solid var(--ink);border-radius:6px;margin-bottom:70px;padding:.2rem 1.1rem .35rem;font-size:3rem;line-height:1;animation:.4s cubic-bezier(.3,1.7,.5,1) both bb-pop;position:relative;transform:rotate(-3deg);box-shadow:3px 4px #1d1d1f26}.bb-sign .board:after{content:"";background:var(--ink);border-radius:2px;width:4px;height:70px;margin-left:-2px;position:absolute;top:100%;left:50%}.bb-opts{gap:.7rem;margin-top:1rem;display:grid}@media (width>=640px){.bb-opts.is-2{grid-template-columns:1fr 1fr}}.bb-opt{isolation:isolate;width:100%;min-height:54px;font:inherit;text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:.75rem;padding:.7rem 1rem;font-size:1.05rem;line-height:1.3;transition:transform .16s cubic-bezier(.3,1.8,.5,1),opacity .2s;display:flex;position:relative}.bb-opt:before{content:"";z-index:-1;background:var(--white);border:2.2px solid var(--ink);border-radius:12px;position:absolute;inset:0;box-shadow:0 3px #1d1d1fcc}.bb-opt:after{content:"";z-index:-1;background:var(--w-btn-light) center / 100% 100% no-repeat;opacity:0;border-radius:10px;transition:opacity .2s;position:absolute;inset:3px}@media (hover:hover){.bb-opt:hover:not(:disabled){transform:translateY(-2px)}.bb-opt:hover:not(:disabled):after{opacity:.8}}.bb-opt:disabled{cursor:default}.bb-opt i{width:26px;height:26px;color:var(--g1);border:1.8px solid var(--g2);border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-style:normal;font-weight:700;display:grid}.bb-opt.is-right:before{border-width:3.4px}.bb-opt.is-right:after{background-image:var(--w-stroke);opacity:.6}.bb-opt.is-right i{background:var(--ink);color:var(--white);border-color:var(--ink)}.bb-opt.is-wrong:before{background:repeating-linear-gradient(-45deg, var(--g5) 0 4px, var(--white) 4px 9px)}.bb-opt.is-wrong span{text-decoration:line-through;text-decoration-thickness:2px}.bb-opt.is-dim{opacity:.45}.bb-est{text-align:center;max-width:32rem;margin:1rem auto 0}.bb-est output{font-family:var(--brush);font-size:3.6rem;line-height:1;display:block}.bb-est output small{color:var(--g1);font-size:1.6rem}.bb-slider{appearance:none;cursor:pointer;--p:50%;background:0 0;width:100%;height:40px;margin-top:.6rem}.bb-slider::-webkit-slider-runnable-track{border:2px solid var(--ink);background:linear-gradient(90deg, var(--g2) var(--p), var(--white) var(--p));border-radius:10px;height:10px}.bb-slider::-moz-range-track{border:2px solid var(--ink);background:linear-gradient(90deg, var(--g2) var(--p), var(--white) var(--p));border-radius:10px;height:10px}.bb-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--white);border:3px solid var(--ink);width:30px;height:30px;box-shadow:0 3px 0 var(--ink);border-radius:50%;margin-top:-12px}.bb-slider::-moz-range-thumb{background:var(--white);border:3px solid var(--ink);border-radius:50%;width:26px;height:26px}.bb-slider.is-untouched::-webkit-slider-runnable-track{background:var(--white)}.bb-slider.is-untouched::-webkit-slider-thumb{opacity:0}.bb-slider.is-untouched::-moz-range-thumb{opacity:0}.bb-slider.is-untouched::-moz-range-track{background:var(--white)}.bb-est-ends{color:var(--g1);justify-content:space-between;font-size:.85rem;display:flex}.bb-hint{color:var(--g1);text-align:center;margin:.5rem 0 0;font-size:.9rem}.bb-step-actions{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1.4rem;display:flex}.bb-stamp-row{flex-wrap:wrap;align-items:center;gap:1.2rem 1.6rem;margin:.6rem 0 1.4rem;display:flex}.bb-stamp-row p:not(.bb-stamp){min-width:14rem;color:var(--ink2);flex:1;margin:0;font-size:1.1rem}.bb-reveal p{margin:0 0 1rem;line-height:1.6}.bb-bars{gap:.5rem;margin:1rem 0 .4rem;display:grid}.bb-bar{grid-template-columns:minmax(7rem,34%) 1fr 4.2rem;align-items:center;gap:.7rem;font-size:.95rem;display:grid}.bb-bar>span:first-child{text-align:right;line-height:1.2}.bb-bar .track{border-bottom:2px solid var(--ink);height:22px;position:relative}.bb-bar .track i{width:var(--w);background:var(--w-stroke) center / 100% 300%, var(--g3);border:2px solid var(--ink);transform-origin:0;animation:.7s cubic-bezier(.3,1.2,.5,1) both bb-grow;animation-delay:calc(var(--i) * .12s + .2s);border-radius:3px 8px 8px 3px;position:absolute;top:2px;bottom:2px;left:0}.bb-bar.is-truth .track i{background:var(--w-btn) center / 100% 300%, var(--ink2)}.bb-bar.is-you .track i{background:repeating-linear-gradient(-45deg, var(--g4) 0 4px, var(--white) 4px 8px);border-style:dashed}.bb-bar.is-truth>span:first-child,.bb-bar.is-you>span:first-child{font-weight:700}.bb-bar b{font-family:var(--brush);white-space:nowrap;font-size:1.35rem;font-weight:400}@keyframes bb-grow{0%{transform:scaleX(0)}}.bb-biascard{isolation:isolate;max-width:40rem;margin:1.6rem auto 0;padding:1.2rem 1.3rem 1rem;animation:.5s ease-out .3s both bb-up;position:relative}.bb-biascard:before{content:"";z-index:-1;background:var(--w-card2) center / 100% 100% no-repeat, var(--white);border:3px solid var(--ink);filter:url(#bb-wobble);border-radius:16px;position:absolute;inset:0;box-shadow:5px 6px #1d1d1f33}.bb-biascard small.ch{letter-spacing:.06em;text-transform:uppercase;color:var(--g1);font-size:.8rem}.bb-biascard h4{font-family:var(--brush);margin:.1rem 0 0;font-size:clamp(2.1rem,5vw,2.7rem);font-weight:400;line-height:1}.bb-biascard .art{border-radius:8px;width:100%;max-width:22rem;height:auto;margin:.6rem auto .2rem;display:block}.bb-biascard .short{text-align:center;margin:.3rem 0 .8rem;font-size:1.15rem;font-weight:700}.bb-biascard dl{gap:.2rem;margin:0;display:grid}.bb-biascard dt{font-family:var(--brush);margin-top:.4rem;font-size:1.35rem}.bb-biascard dd{color:var(--ink2);margin:0}.bb-biascard footer{border-top:1.5px dashed var(--g3);color:var(--g1);margin-top:.8rem;padding-top:.5rem;font-size:.82rem}.bb-new-card{font-family:var(--brush);align-items:center;gap:.5rem;margin:1.6rem 0 0;font-size:1.6rem;display:flex}.bb-strip{border-radius:6px;width:100%;height:auto;margin:.2rem 0 1rem;display:block}.bb-feedback{border-left:3px solid var(--ink);background:var(--w-panel) center / 100% 100% no-repeat, var(--white);border-radius:4px 12px 12px 4px;margin-top:1.1rem;padding:.9rem 1rem;animation:.3s ease-out bb-up}.bb-feedback b.head{font-family:var(--brush);font-size:1.8rem;font-weight:400}.bb-feedback p{margin:.3rem 0 0}.bb-done{text-align:center}.bb-done img.soc{width:90px;height:auto;margin:-.5rem auto 0;animation:2.4s ease-in-out infinite bb-bob}.bb-done h3{font-size:clamp(2.6rem,6vw,3.4rem)}.bb-done .stars{justify-content:center;gap:.3rem;margin:.6rem 0;display:flex}.bb-done .stars svg{width:46px;height:46px;color:var(--g5)}.bb-done .stars svg.on{color:var(--g2);animation:.4s cubic-bezier(.3,1.7,.5,1) both bb-pop}.bb-done .stars svg.on:nth-child(2){animation-delay:.15s}.bb-done .stars svg.on:nth-child(3){animation-delay:.3s}.bb-done ul{flex-direction:column;align-items:center;gap:.2rem;margin:.4rem 0 0;padding:0;list-style:none;display:flex}.bb-tabs{flex-wrap:wrap;gap:.5rem;margin-top:2.4rem;display:flex}.bb-tabs button{min-height:42px;font:inherit;color:var(--ink);background:var(--white);border:2.2px solid var(--ink);box-shadow:0 3px 0 var(--ink);cursor:pointer;border-radius:22px;align-items:center;gap:.45rem;padding:.35rem 1rem;font-weight:700;transition:transform .15s cubic-bezier(.3,1.8,.5,1);display:inline-flex;position:relative}.bb-tabs button i{border:1.8px solid;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.8rem;font-style:normal;display:grid}.bb-tabs button[aria-pressed=true]{color:var(--white);background:var(--ink);box-shadow:0 1px 0 var(--ink);translate:0 2px}@media (hover:hover){.bb-tabs button:hover{transform:translateY(-2px)}}.bb-howto{align-items:center;gap:2rem;margin-top:1.6rem;display:grid}@media (width>=1024px){.bb-howto{grid-template-columns:1.35fr 1fr;gap:3rem}}.bb-howto h3{font-size:clamp(2rem,4vw,2.6rem)}.bb-howto p{color:var(--ink2);margin:.8rem 0 0;font-size:1.1rem;line-height:1.65}.bb-shot{isolation:isolate;cursor:zoom-in;background:0 0;border:0;width:100%;padding:.65rem;transition:transform .25s cubic-bezier(.3,1.6,.5,1);display:block;position:relative;transform:rotate(-1deg)}.bb-shot.is-flip{transform:rotate(1deg)}@media (hover:hover){.bb-shot:hover{transform:rotate(0)scale(1.012)}}.bb-shot:before{content:"";z-index:-1;background:var(--white);border:2.6px solid var(--ink);filter:url(#bb-wobble);border-radius:14px;position:absolute;inset:0;box-shadow:6px 7px #1d1d1f2e}.bb-shot img{border:2px solid var(--ink);border-radius:8px;width:100%;height:auto;display:block}.bb-shot .bb-stamp{z-index:3;font-size:1.9rem;position:absolute;top:-1.2rem;right:-.6rem}.bb-lightbox{z-index:60;cursor:zoom-out;background:#1d1d1fc7;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.bb-lightbox img{border:3px solid var(--ink);background:var(--white);border-radius:12px;max-width:min(1440px,100%);max-height:90vh}.bb-chapters{gap:2.4rem;margin-top:3rem;display:grid;position:relative}.bb-chapters>svg{z-index:0;opacity:.5;width:100%;height:calc(100% - 4rem);position:absolute;top:2rem;left:0}.bb-chapter{transform:rotate(var(--tilt));gap:1.2rem 1.6rem;padding:1.1rem;display:grid}@media (width>=900px){.bb-chapter{grid-template-columns:minmax(0,40%) 1fr;width:88%}.bb-chapter:nth-child(odd){margin-left:auto}}.bb-chapter .vignette{align-self:start;position:relative}.bb-chapter .vignette img{border:2px solid var(--ink);border-radius:10px;width:100%;height:auto;display:block}.bb-chapter small.num{letter-spacing:.06em;text-transform:uppercase;color:var(--g1);font-size:.8rem;display:block}.bb-chapter h3{font-size:2.3rem}.bb-chapter .sub{color:var(--g1);margin:.1rem 0 0;font-style:italic}.bb-chapter .lvls{flex-wrap:wrap;gap:.4rem;margin-top:.9rem;display:flex}.bb-chapter .xp{border-left:3px solid var(--ink);background:var(--w-panel) center / 100% 100% no-repeat, var(--white);border-radius:4px 12px 12px 4px;margin-top:.9rem;padding:.6rem .8rem;font-size:.98rem}.bb-chapter .xp b{font-family:var(--brush);font-size:1.2rem;font-weight:400}.bb-xps{gap:3.5rem;margin-top:3.5rem;display:grid}.bb-xp{align-items:center;gap:1.8rem;display:grid}@media (width>=1024px){.bb-xp{grid-template-columns:1.2fr 1fr;gap:3.5rem}.bb-xp.is-flip>:first-child{order:2}}.bb-xp .tag{letter-spacing:.06em;text-transform:uppercase;color:var(--g1);font-size:.85rem;font-weight:700}.bb-xp h3{font-size:clamp(2rem,4vw,2.6rem);margin-top:.2rem!important}.bb-xp p{color:var(--ink2);margin:.8rem 0 0;font-size:1.08rem;line-height:1.65}.bb-figure{align-items:center;gap:.9rem;margin-top:1.1rem;display:flex}.bb-figure strong{isolation:isolate;font-family:var(--brush);flex:none;font-size:3.4rem;font-weight:400;line-height:1;position:relative}.bb-figure strong:before{content:"";z-index:-1;background:var(--w-blob) center / 100% 100% no-repeat;opacity:.45;position:absolute;inset:-12% -18%}.bb-figure span{color:var(--g1);font-size:.98rem;line-height:1.4}.bb-notebook{margin-top:2rem}.bb-nb-grid{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:1.2rem;margin-top:1rem;display:grid}@media (width>=1024px){.bb-nb-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.bb-nb-head{font-size:1.9rem;margin-top:2.6rem!important}.bb-nb-head small{font-family:var(--hand);letter-spacing:.06em;text-transform:uppercase;color:var(--g1);font-size:.85rem}.bb-mini{isolation:isolate;font:inherit;color:var(--ink);text-align:center;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:.4rem;padding:.6rem .6rem .8rem;transition:transform .2s cubic-bezier(.3,1.6,.5,1);animation:.35s ease-out both bb-up;display:flex;position:relative}.bb-mini:before{content:"";z-index:-1;background:var(--w-card2) center / 100% 100% no-repeat, var(--white);border:2.4px solid var(--ink);filter:url(#bb-wobble);border-radius:12px;position:absolute;inset:0;box-shadow:3px 4px #1d1d1f2e}.bb-mini:nth-child(odd){transform:rotate(-1deg)}.bb-mini:nth-child(2n){transform:rotate(1deg)}@media (hover:hover){.bb-mini:hover{transform:translateY(-4px)rotate(0)}}.bb-mini img{aspect-ratio:308/166;border:1.6px solid var(--g3);background:var(--white);border-radius:8px;width:100%;height:auto;display:block}.bb-mini b{font-family:var(--brush);font-size:1.4rem;font-weight:400;line-height:1.05}.bb-modal{z-index:70;background:#1d1d1f66;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow-y:auto}.bb-modal .bb-biascard{width:min(40rem,100%);margin:auto;animation:.3s ease-out bb-up}.bb-modal .close{z-index:2;width:40px;height:40px;font-family:var(--brush);background:var(--white);border:2px solid var(--ink);cursor:pointer;border-radius:50%;place-items:center;font-size:1.6rem;display:grid;position:absolute;top:.5rem;right:.5rem}.bb-trio{gap:2rem;margin-top:3rem;display:grid}@media (width>=900px){.bb-trio{grid-template-columns:1fr 1fr}}.bb-trio figure{margin:0}.bb-trio figcaption{margin-top:1rem;padding-inline:.3rem}.bb-trio figcaption b{font-family:var(--brush);font-size:1.8rem;font-weight:400;line-height:1.05;display:block}.bb-trio figcaption span{color:var(--ink2);margin-top:.3rem;line-height:1.55;display:block}.bb-phone{align-items:center;gap:2rem;margin-top:3.5rem;display:grid}@media (width>=900px){.bb-phone{grid-template-columns:auto 1fr;gap:3rem}}.bb-phone .device{background:var(--ink);border-radius:30px;width:min(250px,70vw);margin-inline:auto;padding:.7rem .55rem;position:relative;transform:rotate(-2deg);box-shadow:6px 8px #1d1d1f33}.bb-phone .device img{border-radius:20px;width:100%;height:auto;display:block}.bb-phone h3{font-size:clamp(2rem,4vw,2.6rem)}.bb-phone p{color:var(--ink2);margin:.7rem 0 0;font-size:1.08rem;line-height:1.6}.bb-work{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1.2rem;margin-top:2.6rem;display:grid}.bb-work .bb-card{padding:1.2rem 1.2rem 1.1rem}.bb-work .bb-card:nth-child(3n+1){transform:rotate(-.6deg)}.bb-work .bb-card:nth-child(3n+2){transform:rotate(.5deg)}.bb-work small{letter-spacing:.06em;text-transform:uppercase;color:var(--g1);font-size:.8rem;font-weight:700;display:block}.bb-work h3{font-size:1.7rem;margin-top:.1rem!important}.bb-work .lvls{flex-wrap:wrap;gap:.35rem;margin-top:.7rem;display:flex}.bb-work .lvls span{border:1.8px solid var(--ink);background:var(--white);border-radius:16px;padding:.05rem .6rem;font-size:.85rem;font-weight:700}.bb-train{align-items:center;gap:2.4rem;margin-top:3.5rem;padding:2.4rem 1.6rem;display:grid}@media (width>=1024px){.bb-train{grid-template-columns:1.2fr 1fr;padding:3rem}}.bb-train h2{color:var(--white);font-size:clamp(2.2rem,5vw,3.2rem)}.bb-train ul{gap:.8rem;margin:1.4rem 0 0;padding:0;list-style:none;display:grid}.bb-train li{color:#fcfcfbd9;gap:.7rem;line-height:1.5;display:flex}.bb-train li:before{content:"✓";width:24px;height:24px;color:var(--ink);background:var(--white);border-radius:50%;flex:none;place-items:center;font-size:.8rem;display:grid}.bb-train li b{color:var(--white)}.bb-train .bb-btn.is-ghost{color:var(--ink)}.bb-train img{border:2.5px solid var(--white);border-radius:12px;width:100%;height:auto;display:block;transform:rotate(1.5deg)}.bb-train p.bb-kicker{color:var(--ink);background:var(--white)}.bb-faq details{isolation:isolate;margin-top:1rem;position:relative}.bb-faq details:before{content:"";z-index:-1;background:var(--white);border:2.4px solid var(--ink);filter:url(#bb-wobble);border-radius:14px;position:absolute;inset:0;box-shadow:3px 4px #1d1d1f24}.bb-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;font-size:1.12rem;font-weight:700;list-style:none;display:flex}.bb-faq summary::-webkit-details-marker{display:none}.bb-faq summary span{width:30px;height:30px;font-family:var(--brush);color:var(--white);background:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:1.4rem;transition:rotate .2s;display:grid}.bb-faq details[open] summary span{rotate:45deg}.bb-faq details>div{color:var(--ink2);padding:0 1.2rem 1.1rem;line-height:1.6}.bb-finale{text-align:center;color:var(--white);background:var(--ink);padding-block:6rem 0;position:relative;overflow:hidden}.bb-finale:before{content:"";background:var(--w-blob) center / 100% 100% no-repeat;opacity:.12;filter:invert();width:70%;height:90%;position:absolute;top:-20%;left:-10%}.bb-finale:after{content:"";background:var(--w-blob2) center / 100% 100% no-repeat;opacity:.1;filter:invert();width:60%;height:90%;position:absolute;bottom:-10%;right:-12%}.bb-finale h2{z-index:2;font-size:clamp(2.8rem,7vw,4.8rem);position:relative}.bb-finale p{z-index:2;color:#fcfcfbd1;max-width:38rem;margin:1.1rem auto 0;font-size:1.2rem;line-height:1.6;position:relative}.bb-finale .bb-actions{z-index:2;justify-content:center;position:relative}.bb-finale .bb-btn.is-ghost{color:var(--ink)}.bb-finale-stage{z-index:2;background:var(--paper);border-radius:50% 50% 0 0/22% 22% 0 0;justify-content:center;align-items:flex-end;gap:clamp(.4rem,4vw,3rem);max-width:56rem;margin:3rem auto 0;padding:1.5rem 1rem 0;display:flex;position:relative}.bb-finale-stage img{width:auto;height:calc(clamp(110px, 14vw, 170px) * var(--h,680) / 680);margin-bottom:-4px;display:block}.bb-finale-stage .soc{animation:2.4s ease-in-out infinite bb-bob}.bb-others{flex-wrap:wrap;gap:1rem;margin-top:1.6rem;display:flex}.bb-others .bb-btn{font-size:1.1rem}@media (prefers-reduced-motion:reduce){.bb *,.bb :before,.bb :after{transition:none!important;animation:none!important}}.bb-hero-grid>*,.bb-howto>*,.bb-xp>*,.bb-chapter>*,.bb-train>*,.bb-phone>*{min-width:0}@media (width<=639px){.bb-section{padding-block:3.5rem}.bb-ground{height:200px}.bb-cast .bb-bubble{max-width:11rem;font-size:.8rem;translate:-20%}.bb-cast .fig.thinker,.bb-phases li span{display:none}.bb-phases li.is-now span{display:block}.bb-bar{grid-template-columns:1fr auto}.bb-bar>span:first-child{text-align:left;grid-column:1/-1}.bb-stamp-row{text-align:center;flex-direction:column}.bb-stamp-row p:not(.bb-stamp){min-width:0}.bb-chapter{transform:none}.bb-nb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.bb-mini b{font-size:1.15rem}.bb-figure strong{font-size:2.6rem}.bb-tabs button{padding-inline:.7rem;font-size:.9rem}}
