.bbl{--bbl-max:1180px;--bbl-accent:#4a68b5;--bbl-accent-ink:#fff;--bbl-card:#f4f6f6;--bbl-line:#dfe5e5;--bbl-muted:var(--text-secondary,#475050);--bbl-ink:var(--text-primary,#080808);--bbl-bg:var(--surface-background,#fff);--bbl-shadow:0 20px 50px rgba(8,8,8,.14),0 2px 6px rgba(8,8,8,.08);color:var(--bbl-ink);background:var(--bbl-bg);font-size:1rem;line-height:1.5;overflow-x:clip}@media(prefers-color-scheme:dark){.bbl{--bbl-card:#232b2b;--bbl-line:#3a4444;--bbl-shadow:0 20px 50px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.4)}}.bbl *,.bbl *:before,.bbl *:after{box-sizing:border-box}.bbl-wrap{max-width:var(--bbl-max);margin:0 auto;padding:0 20px}.bbl-center{text-align:center}.bbl h1,.bbl h2,.bbl h3{font-family:Industry,sans-serif;text-transform:uppercase;letter-spacing:.01em;line-height:1.05;margin:0}.bbl-h1{font-size:clamp(2.1rem,5.2vw,3.7rem);font-weight:700}.bbl-h2{font-size:clamp(1.7rem,3.6vw,2.6rem);font-weight:700;margin-bottom:.9rem}.bbl h3{font-size:1.25rem;font-weight:700;margin:0 0 .45rem}.bbl p{margin:0 0 1rem;font-size:1.0625rem;color:var(--bbl-ink)}.bbl-eyebrow{font-family:Industry,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:.9rem;font-weight:700;color:var(--bbl-accent);margin-bottom:.8rem}.bbl-lede{font-size:1.2rem;color:var(--bbl-muted);max-width:44rem}.bbl-fineprint{font-size:.9375rem;color:var(--bbl-muted);margin-top:.9rem}.bbl-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:Industry,sans-serif;text-transform:uppercase;letter-spacing:.04em;font-weight:700;font-size:1.05rem;line-height:1;padding:1rem 1.5rem;border-radius:.5rem;border:2px solid transparent;text-decoration:none;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;min-height:52px}.bbl-btn--primary{background:var(--bbl-accent);color:var(--bbl-accent-ink)!important;border-color:var(--bbl-accent);box-shadow:0 8px 20px #4a68b559}.bbl-btn--primary:hover{background:#3f5a9f;transform:translateY(-1px)}.bbl-btn--ghost{background:transparent;color:var(--bbl-ink)!important;border-color:var(--bbl-line)}.bbl-btn--ghost:hover{border-color:var(--bbl-accent);color:var(--bbl-accent)!important}.bbl-btn--lg{font-size:1.2rem;padding:1.15rem 2rem}.bbl-ctas{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.4rem}.bbl-ctas .bbl-btn{flex:1 1 auto}@media(min-width:48em){.bbl-ctas .bbl-btn{flex:0 0 auto}}.bbl-hero{padding:2.5rem 0 0}.bbl-hero__inner{display:grid;gap:2rem}.bbl-hero__copy{max-width:46rem}.bbl-hero__media{position:relative;margin:0 auto;width:100%}.bbl-shot{margin:0}.bbl-shot img{display:block;width:100%;height:auto}.bbl-shot--desktop{display:none;border-radius:14px;overflow:hidden;box-shadow:var(--bbl-shadow);border:1px solid var(--bbl-line);background:#fff}.bbl-shot--phone{width:min(300px,78vw);margin:0 auto;border-radius:32px;overflow:hidden;box-shadow:var(--bbl-shadow);border:6px solid #111;background:#111}@media(min-width:52em){.bbl-hero{padding-top:3.5rem}.bbl-hero__inner{gap:2.5rem}.bbl-shot--desktop{display:block}.bbl-shot--phone{display:none}}@media(min-width:64em){.bbl-hero__inner{grid-template-columns:1fr}.bbl-hero__copy{max-width:52rem}}.bbl-stats{margin-top:2.5rem;background:var(--bbl-card);border-top:1px solid var(--bbl-line);border-bottom:1px solid var(--bbl-line)}.bbl-stats__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem 1rem;padding-top:1.6rem;padding-bottom:1.6rem}@media(min-width:48em){.bbl-stats__grid{grid-template-columns:repeat(4,1fr)}}.bbl-stat{display:flex;flex-direction:column;gap:.15rem}.bbl-stat strong{font-family:Industry,sans-serif;font-size:2rem;line-height:1;color:var(--bbl-accent)}.bbl-stat span{font-size:1rem;color:var(--bbl-muted)}.bbl-how{padding:3.5rem 0 3rem}.bbl-steps{list-style:none;margin:0;padding:0;display:grid;gap:2rem}@media(min-width:48em){.bbl-steps{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.bbl-step{background:var(--bbl-card);border:1px solid var(--bbl-line);border-radius:16px;padding:1.5rem 1.4rem 0;display:flex;flex-direction:column;overflow:hidden}.bbl-step__num{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--bbl-accent);color:#fff;font-family:Industry,sans-serif;font-weight:700;font-size:1.15rem;margin-bottom:.9rem}.bbl-step p{flex:1 1 auto;color:var(--bbl-muted)}.bbl-step__img{margin:.5rem 0 0;border-radius:12px 12px 0 0;overflow:hidden;box-shadow:0 -6px 24px #0808081f;border:1px solid var(--bbl-line);border-bottom:0;background:#fff;height:250px}.bbl-step__img img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.bbl-step__img--wide{height:auto;margin-top:auto}.bbl-step__img--wide img{height:auto;object-fit:fill}.bbl-how .bbl-center{margin-top:2.2rem}.bbl-why{padding:1rem 0 3rem}.bbl-cards{display:grid;gap:1rem}@media(min-width:48em){.bbl-cards{grid-template-columns:repeat(2,1fr);gap:1.25rem}}.bbl-card{border:1px solid var(--bbl-line);border-radius:16px;padding:1.5rem 1.4rem;background:var(--bbl-bg)}.bbl-card h3{color:var(--bbl-accent)}.bbl-card p{margin:0;color:var(--bbl-muted)}.bbl-import{background:var(--bbl-card);border-top:1px solid var(--bbl-line);border-bottom:1px solid var(--bbl-line);padding:3rem 0}.bbl-import__inner{display:grid;gap:2rem;align-items:center}@media(min-width:52em){.bbl-import__inner{grid-template-columns:1.2fr 1fr;gap:3rem}}.bbl-shot--card{border-radius:14px;overflow:hidden;box-shadow:var(--bbl-shadow);border:1px solid var(--bbl-line);max-width:420px;margin:0 auto;background:#fff}.bbl-faq{padding:3rem 0 1rem}.bbl-faq__inner{max-width:820px}.bbl-q{border-bottom:1px solid var(--bbl-line);padding:.2rem 0}.bbl-q summary{cursor:pointer;list-style:none;font-weight:700;font-size:1.1rem;padding:.9rem 2rem .9rem 0;position:relative}.bbl-q summary::-webkit-details-marker{display:none}.bbl-q summary:after{content:"+";position:absolute;right:.2rem;top:.7rem;font-size:1.5rem;line-height:1;color:var(--bbl-accent);transition:transform .15s}.bbl-q[open] summary:after{transform:rotate(45deg)}.bbl-q p{color:var(--bbl-muted);padding-bottom:.6rem}.bbl-final{padding:3rem 0 4rem}.bbl-final .bbl-h2{margin-bottom:1.4rem}
/*# sourceMappingURL=/cdn/shop/t/54/assets/beer-builder-landing.css.map */