/* Brand kit demo. Flat vectors only. No prices. */
.bk-banner{margin:0;padding:10px 16px;background:#334155;color:#fff;font-weight:600;text-align:center}
.bk-page{padding-top:24px}
.bk-page h1{overflow-wrap:anywhere}
.bk-page fieldset{border:1px solid #E2E8F0;border-radius:12px;margin:12px 0;min-width:0}
.bk-page fieldset label{display:flex;gap:8px;align-items:center;min-height:44px;margin:0 12px 8px}
.bk-kicker{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}
.bk-grid{display:grid;grid-template-columns:1fr;gap:16px;margin:0 0 24px}
.bk-swatch,.bk-lock,.mock,.bk-card{min-width:0;background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:16px}
.bk-swatch h3,.bk-lock h3,.mock h3{margin:0 0 8px;font-size:1.05rem}
.swatch-chip{height:72px;border-radius:12px;margin:0 0 8px;border:1px solid #E2E8F0}
.pair{display:inline-block;margin:4px 8px 0 0;padding:4px 8px;border-radius:999px;font-size:.8rem;font-weight:600;background:#E2E8F0;color:#0F172A}
.pair.ok{background:#047857;color:#fff}
.pair.warn{background:#FDE68A;color:#0F172A}
.lock svg,.mock svg{width:100%;height:auto;display:block}
.plate{border-radius:12px;padding:12px;background:var(--bg,#F7F5F0)}
.plate-rev{background:var(--dark,#0B2545)}
.lock-row{display:grid;gap:12px}
.font-sample{margin:0;font-size:1.75rem;line-height:1.2;color:#0F172A}
.font-body{font-size:1rem;line-height:1.5}
.bk-note{color:#475569;font-size:.95rem}
.bk-links{display:flex;flex-wrap:wrap;gap:8px}
.bk-links a{min-height:44px;display:inline-flex;align-items:center}
.mock-note{margin:8px 0 0;color:#475569;font-size:.9rem}
.misuse{display:grid;gap:12px}
.misuse svg{background:#fff;border-radius:8px}

/* Intake */
.bk-progress{margin:0 0 12px;color:#0F172A;font-weight:600}
.step[hidden]{display:none}
.bk-fields{display:grid;gap:12px}
.bk-fields label{color:#0F172A;font-weight:600}
.bk-fields input,.bk-fields select,.bk-fields textarea{width:100%;max-width:100%;box-sizing:border-box;font:inherit;padding:12px;border:1px solid #CBD5E1;border-radius:12px;background:#fff;color:#0F172A}
.bk-fields input:focus-visible,.bk-fields select:focus-visible,.bk-fields textarea:focus-visible,.style-card:focus-visible,.chip:focus-visible,.bk-nav button:focus-visible{outline:3px solid #0F172A;outline-offset:2px}
.style-grid,.chip-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.chip-row{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}
.style-card,.chip{min-height:48px;border:1px solid #E2E8F0;border-radius:12px;background:#fff;color:#0F172A;font:600 .9rem/1.3 Inter,system-ui,sans-serif;padding:8px;cursor:pointer;text-align:left}
.style-card svg{width:100%;height:48px;display:block;margin-bottom:6px}
.style-card[aria-pressed="true"],.chip[aria-pressed="true"]{border-color:#047857;box-shadow:inset 0 0 0 2px #047857}
.check-list{display:grid;gap:8px}
.check-list label{font-weight:500;display:flex;gap:8px;align-items:flex-start}
.bk-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.bk-nav button{min-height:48px;border-radius:12px;border:1px solid #4F46E5;background:#4F46E5;color:#fff;font:600 1rem Inter,system-ui,sans-serif;padding:12px 16px;cursor:pointer}
.bk-nav .ghost{background:#fff;color:#4F46E5}
.err{color:#B91C1C;font-weight:600;margin:0}
#done[hidden]{display:none}
@media(min-width:768px){
.bk-grid{grid-template-columns:1fr 1fr}
.lock-row{grid-template-columns:1fr 1fr}
.misuse{grid-template-columns:1fr 1fr}
.style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:390px){
.bk-page{padding-top:12px}
.style-grid{grid-template-columns:1fr 1fr}
}