:is(html:has(.brand-builder-app),body:has(.brand-builder-app)){height:auto!important;overflow:auto!important}.brand-builder-app{--bb-void:#0a0908;--bb-panel:#141210;--bb-panel-2:#1b1815;--bb-ink:#f5f0e6;--bb-ink-dim:#a89f92;--bb-ink-faint:#5f584f;--bb-red:#fa557a;--bb-gradient:linear-gradient(135deg, #3b82f6 0%, #9b6fd1 33%, #d6409f 66%, #fa557a 100%);--bb-line:#2a241f;background:var(--bb-void);color:var(--bb-ink);min-height:100vh;padding:76px 0 60px;font-family:Archivo,sans-serif}.brand-builder-app *{box-sizing:border-box}.brand-builder-app a{color:inherit;text-decoration:none}.bb-mono{letter-spacing:.03em;font-family:Space Mono,monospace}.bb-hero{text-align:center;max-width:760px;margin:0 auto;padding:56px 8vw 32px}.bb-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--bb-ink-dim);margin-bottom:18px;font-family:Space Mono,monospace;font-size:.72rem}.bb-display{text-transform:uppercase;letter-spacing:.01em;font-family:Anton,sans-serif;font-size:clamp(2.2rem,6.5vw,3.8rem);line-height:.95}.bb-hot{background:var(--bb-gradient);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bb-lede{color:var(--bb-ink-dim);margin-top:16px;font-size:1.02rem;line-height:1.7}.bb-shell{max-width:820px;margin:0 auto;padding:0 8vw 96px}.bb-panel{background:var(--bb-panel);border:1px solid var(--bb-line);border-radius:16px;padding:28px}@media (max-width:640px){.bb-panel{padding:20px}}.bb-shell-with-sidebar{align-items:flex-start;gap:36px;max-width:1360px;margin:0 auto;padding:32px 3vw 90px;display:flex}.bb-main{flex:auto;min-width:0}.bb-sidebar{flex-direction:column;flex:0 0 250px;gap:22px;display:flex;position:sticky;top:96px}.bb-sidebar-brand{padding:0 6px}.bb-sidebar-brand-label{letter-spacing:.14em;text-transform:uppercase;color:var(--bb-ink-faint);margin-bottom:4px;font-family:Space Mono,monospace;font-size:.64rem}.bb-sidebar-brand-name{text-transform:uppercase;background:var(--bb-gradient);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Anton,sans-serif;font-size:1.3rem;line-height:1.05}.bb-sidebar-nav{flex-direction:column;gap:4px;display:flex}.bb-nav-item{color:var(--bb-ink-dim);border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-family:Space Mono,monospace;font-size:.8rem;transition:background .2s,border-color .2s,color .2s;display:flex}.bb-nav-item:hover{background:var(--bb-panel-2);color:var(--bb-ink)}.bb-nav-item--active{background:var(--bb-panel);border-color:var(--bb-line);color:#fff}.bb-nav-item--disabled{opacity:.4;pointer-events:none}.bb-nav-num{background:var(--bb-panel-2);width:24px;height:24px;color:var(--bb-ink-faint);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.66rem;display:flex}.bb-nav-item--active .bb-nav-num{background:var(--bb-gradient);color:#fff}.bb-nav-divider{background:var(--bb-line);height:1px;margin:8px 6px}.bb-sidebar-back{letter-spacing:.06em;text-transform:uppercase;color:var(--bb-ink-faint);padding:0 6px;font-family:Space Mono,monospace;font-size:.72rem;transition:color .2s}.bb-sidebar-back:hover{color:var(--bb-ink)}@media (max-width:960px){.bb-shell-with-sidebar{flex-direction:column;padding:24px 6vw 80px}.bb-sidebar{flex:none;width:100%;position:static}.bb-sidebar-nav{flex-flow:wrap}.bb-nav-item{flex:none}}.bb-chapter-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;display:flex}.bb-chapter-title{text-transform:uppercase;font-family:Anton,sans-serif;font-size:clamp(1.8rem,3vw,2.4rem)}.bb-chapter-step{letter-spacing:.1em;text-transform:uppercase;color:var(--bb-red);white-space:nowrap;font-family:Space Mono,monospace;font-size:.72rem}.bb-field-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:22px 32px;display:grid}.bb-field-full{grid-column:1/-1}@media (max-width:760px){.bb-field-grid{grid-template-columns:1fr}}.bb-card{background:var(--bb-panel-2);border:1px solid var(--bb-line);border-radius:14px;padding:20px 22px}.bb-sticky-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--bb-line);background:#141210eb;border-radius:999px;justify-content:flex-end;gap:12px;margin-top:32px;padding:14px 18px;display:flex;position:sticky;bottom:20px;box-shadow:0 20px 50px -20px #0009}@media (max-width:640px){.bb-sticky-actions{border-radius:16px}}.bb-progress-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.bb-progress-step{letter-spacing:.08em;text-transform:uppercase;color:var(--bb-red);font-family:Space Mono,monospace;font-size:.72rem}.bb-brand-select{background:var(--bb-panel-2);border:1px solid var(--bb-line);color:var(--bb-ink);border-radius:8px;padding:8px 10px;font-family:Space Mono,monospace;font-size:.72rem}.bb-progress-track{background:var(--bb-panel-2);border-radius:999px;width:100%;height:4px;margin-bottom:28px;overflow:hidden}.bb-progress-fill{background:var(--bb-gradient);height:100%;transition:width .4s}.bb-field{margin-bottom:22px}.bb-field-grid>.bb-field,.bb-card>.bb-field:last-child{margin-bottom:0}.bb-label{letter-spacing:.1em;text-transform:uppercase;color:var(--bb-ink-faint);margin-bottom:8px;font-family:Space Mono,monospace;font-size:.68rem;display:block}.bb-textarea,.bb-input,.bb-select{background:var(--bb-panel-2);border:1px solid var(--bb-line);width:100%;color:var(--bb-ink);border-radius:10px;padding:13px 15px;font-family:Archivo,sans-serif;font-size:.95rem;line-height:1.6;transition:border-color .25s}.bb-select{cursor:pointer;font-family:Space Mono,monospace;font-size:.8rem}.bb-textarea:focus,.bb-input:focus,.bb-select:focus{border-color:var(--bb-red);outline:none}.bb-textarea{resize:vertical;min-height:100px}.bb-wand-row{align-items:flex-start;gap:10px;display:flex}.bb-wand-row .bb-textarea{flex:1}.bb-wand-btn{border:1px solid var(--bb-line);background:var(--bb-panel-2);width:42px;height:42px;color:var(--bb-ink-dim);cursor:pointer;border-radius:10px;flex:none;font-size:1.05rem;transition:border-color .25s,color .25s,background .25s}.bb-wand-btn:hover{border-color:var(--bb-red);color:var(--bb-red)}.bb-wand-btn:disabled{opacity:.4;cursor:not-allowed}.bb-chip-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.bb-chip{color:var(--bb-ink);background:#fa557a1f;border:1px solid #fa557a4d;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-family:Space Mono,monospace;font-size:.72rem;display:inline-flex}.bb-chip button{color:var(--bb-red);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;line-height:1}.bb-swatch-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;display:grid}.bb-swatch{border:2px solid var(--bb-line);cursor:pointer;text-align:center;background:var(--bb-panel-2);border-radius:10px;padding:10px 6px;transition:border-color .25s,transform .2s}.bb-swatch:hover{transform:translateY(-2px)}.bb-swatch--selected{border-color:var(--bb-red)}.bb-swatch-color{border:1px solid var(--bb-line);border-radius:6px;width:100%;height:32px;margin-bottom:6px}.bb-swatch-label{color:var(--bb-ink-dim);text-overflow:ellipsis;white-space:nowrap;font-family:Space Mono,monospace;font-size:.62rem;overflow:hidden}.bb-visual-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.bb-visual-card{border:2px solid var(--bb-line);cursor:pointer;background:var(--bb-panel-2);border-radius:10px;transition:border-color .25s;overflow:hidden}.bb-visual-card--selected{border-color:var(--bb-red)}.bb-visual-card-img{object-fit:cover;background:var(--bb-panel);width:100%;height:90px}.bb-visual-card-label{text-align:center;padding:8px 4px;font-family:Space Mono,monospace;font-size:.68rem}.bb-toggle-row{gap:10px;display:flex}.bb-toggle-btn{border:1px solid var(--bb-line);background:var(--bb-panel-2);color:var(--bb-ink-dim);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border-radius:10px;flex:1;padding:14px;font-family:Space Mono,monospace;font-size:.8rem;transition:border-color .25s,color .25s,background .25s}.bb-toggle-btn--active{color:#fff;background:var(--bb-gradient);border-color:#0000}.bb-btn{letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:10px;padding:13px 24px;font-family:Space Mono,monospace;font-size:.78rem;transition:transform .25s,box-shadow .25s,opacity .25s;display:inline-flex}.bb-btn-primary{color:#fff;background:var(--bb-gradient)}.bb-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px -10px #fa557a80}.bb-btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.bb-btn-outline{color:var(--bb-ink-dim);border:1px solid var(--bb-line);background:0 0}.bb-btn-outline:hover{color:var(--bb-ink);border-color:var(--bb-ink-dim)}.bb-btn-row{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:28px;display:flex}.bb-auth-gate{text-align:center;border:1px dashed var(--bb-line);border-radius:12px;padding:24px}.bb-auth-gate p{color:var(--bb-ink-dim);margin-bottom:14px;font-size:.92rem}.bb-hero-rotator{align-items:center;min-height:520px;display:flex;position:relative;overflow:hidden}.bb-hero-rotator-bg{z-index:0;object-fit:cover;object-position:center;filter:grayscale(.15)contrast(1.05)brightness(.75);width:100%;height:100%;position:absolute;inset:0}.bb-hero-rotator-overlay{z-index:1;background:linear-gradient(to top, var(--bb-void) 0%, #0a0908d1 40%, #0a090859 75%, #0a09081a 100%);position:absolute;inset:0}.bb-hero-rotator-inner{z-index:2;flex-direction:column;align-items:flex-start;gap:32px;width:100%;max-width:1100px;margin:0 auto;padding:64px 5vw 40px;display:flex;position:relative}.bb-hero-rotator-copy{opacity:0;max-width:640px;transition:opacity .5s,transform .5s;transform:translateY(10px)}.bb-hero-rotator-copy.in{opacity:1;transform:translateY(0)}.bb-hero-rotator-copy .bb-eyebrow,.bb-hero-rotator-copy .bb-display{text-align:left}.bb-hero-rotator-copy .bb-lede{max-width:520px}.bb-hero-rotator-cta{margin-top:24px}.bb-rot-tabs{gap:8px;display:flex}.bb-rot-tab{cursor:pointer;background:#f5f0e629;border:none;border-radius:2px;width:34px;height:4px;padding:0;transition:background .25s;position:relative;overflow:hidden}.bb-rot-tab i{background:var(--bb-gradient);width:0%;display:block;position:absolute;inset:0}.bb-rot-tab.done i{width:100%}.bb-rot-tab.active i{width:100%;transition:width 6s linear}.bb-rot-tab:hover{background:#f5f0e652}.bb-rot-controls{align-items:center;gap:16px;display:flex}.bb-rot-playpause{border:1px solid var(--bb-line);width:30px;height:30px;color:var(--bb-ink-dim);cursor:pointer;background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:border-color .25s,color .25s;display:flex}.bb-rot-playpause:hover{border-color:var(--bb-red);color:var(--bb-red)}.bb-rot-playpause svg{display:block}@media (max-width:640px){.bb-hero-rotator{min-height:460px}.bb-hero-rotator-inner{gap:24px;padding:48px 6vw 32px}}.bb-landing-shell{max-width:1100px;margin:0 auto;padding:32px 5vw 100px}.bb-landing-section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--bb-ink-faint);margin-bottom:18px;font-family:Space Mono,monospace;font-size:.72rem}.bb-brand-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;display:grid}.bb-brand-card{background:var(--bb-panel);border:1px solid var(--bb-line);border-radius:16px;flex-direction:column;gap:14px;padding:22px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex}.bb-brand-card:hover{border-color:var(--bb-ink-faint);transform:translateY(-3px);box-shadow:0 20px 40px -24px #000000b3}.bb-brand-card-swatches{gap:6px;display:flex}.bb-brand-card-swatch{border:1px solid #ffffff26;border-radius:50%;width:18px;height:18px}.bb-brand-card-name{text-transform:uppercase;font-family:Anton,sans-serif;font-size:1.25rem;line-height:1.1}.bb-brand-card-mission{color:var(--bb-ink-dim);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:auto;font-size:.86rem;line-height:1.55;display:-webkit-box;overflow:hidden}.bb-brand-card-status{letter-spacing:.08em;text-transform:uppercase;color:var(--bb-ink-faint);font-family:Space Mono,monospace;font-size:.64rem}.bb-brand-card-actions{gap:10px;margin-top:4px;display:flex}.bb-brand-card-actions .bb-btn{padding:9px 16px;font-size:.68rem}.bb-new-brand-card{border:1px dashed var(--bb-line);text-align:center;min-height:168px;color:var(--bb-ink-dim);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:22px;transition:border-color .25s,color .25s;display:flex}.bb-new-brand-card:hover{border-color:var(--bb-red);color:var(--bb-ink)}.bb-new-brand-plus{background:var(--bb-gradient);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Anton,sans-serif;font-size:2rem}.bb-landing-empty{text-align:center;border:1px dashed var(--bb-line);color:var(--bb-ink-dim);border-radius:16px;padding:60px 20px}.bb-landing-loading{color:var(--bb-ink-faint);text-align:center;padding:40px 0;font-family:Space Mono,monospace;font-size:.82rem}.bb-book{background:var(--bb-panel);border:1px solid var(--bb-line);border-radius:20px;overflow:hidden}.bb-book-section{border-bottom:1px solid var(--bb-line);padding:40px 8vw}.bb-book-section:last-child{border-bottom:none}.bb-book-hero{text-align:center;padding:72px 8vw}.bb-book-hero .bb-display{font-size:clamp(2.6rem,8vw,4.6rem)}.bb-book-label{letter-spacing:.14em;text-transform:uppercase;color:var(--bb-ink-faint);margin-bottom:10px;font-family:Space Mono,monospace;font-size:.68rem}.bb-book-h2{text-transform:uppercase;margin-bottom:16px;font-family:Anton,sans-serif;font-size:1.5rem}.bb-book-p{color:var(--bb-ink-dim);white-space:pre-wrap;margin-bottom:14px;line-height:1.75}.bb-book-tag-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.bb-book-tag{border:1px solid var(--bb-line);color:var(--bb-ink-dim);border-radius:999px;padding:6px 12px;font-family:Space Mono,monospace;font-size:.72rem}.bb-book-color-row{flex-wrap:wrap;gap:14px;margin-top:10px;display:flex}.bb-book-color-swatch{text-align:center;width:70px}.bb-book-color-chip{border:1px solid var(--bb-line);border-radius:8px;width:100%;height:50px;margin-bottom:6px}.bb-book-color-name{color:var(--bb-ink-faint);font-family:Space Mono,monospace;font-size:.62rem}@media print{.sh-header,.bb-hero,.bb-btn-row,.bb-no-print{display:none!important}.brand-builder-app{color:#111;background:#fff;padding:0}.bb-book{border:none;border-radius:0}.bb-book-p,.bb-book-tag,.bb-book-color-name,.bb-book-label{color:#444}}