:root{--bt-ink:#11131a;--bt-muted:#626875;--bt-line:#dfe3e9;--bt-paper:#f4f6f8;--bt-blue:#3157ff;--bt-purple:#7a42f4;--bt-green:#0b8f67;--bt-radius:20px;--bt-shadow:0 24px 70px rgba(17,19,26,.12)}
.business-app{margin:0;color:var(--bt-ink);background:#fff;font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.business-app *{box-sizing:border-box}.business-app button,.business-app input,.business-app select,.business-app textarea{font:inherit}
.business-app .compact-nav-menu{width:580px;padding:16px;grid-template-columns:1fr 1fr}.business-app .compact-nav-menu>a{display:grid;gap:3px;padding:14px;border-radius:14px;text-decoration:none;color:inherit}.business-app .compact-nav-menu>a:hover{background:#f5f6f8}.business-app .compact-nav-menu small{color:#69707c}
.bt-shell{width:min(1380px,calc(100% - 48px));margin:auto}.bt-eyebrow{margin:0 0 10px;color:var(--bt-blue);font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.bt-hero{padding:78px 0 64px;background:radial-gradient(circle at 88% 10%,rgba(199,243,107,.55),transparent 26%),radial-gradient(circle at 10% 90%,rgba(49,87,255,.13),transparent 28%),var(--bt-paper)}.bt-hero-grid{display:grid;grid-template-columns:1fr .52fr;gap:64px;align-items:center}.bt-hero h1{max-width:860px;margin:0;font-size:clamp(50px,7vw,94px);line-height:.92;letter-spacing:-.065em}.bt-hero p:not(.bt-eyebrow){max-width:720px;color:var(--bt-muted);font-size:19px}.bt-hero aside{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;border:1px solid #242731;border-radius:24px;background:#242731;box-shadow:var(--bt-shadow)}.bt-hero aside div{min-height:150px;padding:26px 18px;background:var(--bt-ink);color:#fff;display:flex;flex-direction:column;justify-content:end}.bt-hero aside strong{font-size:43px;line-height:1}.bt-hero aside span{margin-top:10px;color:#bcc2cf;font-size:12px}.bt-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.bt-button{border:1px solid var(--bt-ink);border-radius:999px;background:#fff;color:var(--bt-ink);padding:11px 17px;font-weight:850;text-decoration:none;cursor:pointer}.bt-button.primary{background:var(--bt-ink);color:#fff}.bt-button.ai{border-color:var(--bt-purple);background:var(--bt-purple);color:#fff}.bt-button:disabled{opacity:.45;cursor:not-allowed}
.bt-proof{border-block:1px solid var(--bt-line)}.bt-proof .bt-shell{display:grid;grid-template-columns:repeat(6,1fr)}.bt-proof span{padding:16px 10px;border-right:1px solid var(--bt-line);color:var(--bt-muted);font-size:12px;font-weight:800;text-align:center}.bt-proof span:last-child{border:0}
.bt-catalogue{padding:72px 0 100px}.bt-catalogue>div>header{display:flex;align-items:end;justify-content:space-between;gap:32px}.bt-catalogue h2,.bt-workbench h2{margin:0;font-size:clamp(38px,5vw,64px);line-height:1;letter-spacing:-.05em}.bt-catalogue label{display:grid;gap:7px;color:var(--bt-muted);font-size:12px;font-weight:800}.bt-catalogue input{width:min(390px,75vw);border:1px solid #cbd0d9;border-radius:999px;padding:12px 16px}.bt-category-row{display:flex;gap:8px;overflow:auto;padding:30px 0 18px}.bt-chip{white-space:nowrap;border:1px solid var(--bt-line);border-radius:999px;background:#fff;padding:8px 13px;font-size:12px;font-weight:800;cursor:pointer}.bt-chip.active{border-color:var(--bt-ink);background:var(--bt-ink);color:#fff}.bt-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.bt-tool-card{min-height:270px;padding:22px;border:1px solid var(--bt-line);border-radius:var(--bt-radius);background:#fff;text-align:left;cursor:pointer;transition:.2s}.bt-tool-card:hover{transform:translateY(-3px);border-color:#b8bec8;box-shadow:var(--bt-shadow)}.bt-tool-card .icon{width:50px;height:50px;border-radius:15px;background:var(--bt-ink);color:#fff;display:grid;place-items:center;font-size:15px;font-weight:900}.bt-tool-card h3{margin:28px 0 6px;font-size:22px;letter-spacing:-.025em}.bt-tool-card p{min-height:68px;margin:0;color:var(--bt-muted)}.bt-tool-card small{display:block;margin-top:18px;color:var(--bt-blue);font-weight:850}
.bt-workbench{min-height:75vh;padding:58px 0 100px;background:var(--bt-paper)}.bt-workbench>div>header{display:grid;grid-template-columns:160px 1fr;gap:32px;align-items:start;margin-bottom:30px}.bt-workbench>div>header p:last-child{max-width:760px;color:var(--bt-muted);font-size:17px}.bt-back{border:0;background:transparent;padding:9px 0;text-align:left;font-weight:850;cursor:pointer}.bt-workbench-grid{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr);gap:18px;align-items:start}.bt-form,.bt-output{border:1px solid var(--bt-line);border-radius:24px;background:#fff;box-shadow:0 12px 40px rgba(17,19,26,.06)}.bt-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:24px}.bt-field{display:grid;gap:6px}.bt-field.wide,.bt-form-actions,.signature-template-picker,.signature-help{grid-column:1/-1}.bt-field>span,.signature-template-picker>span{font-size:12px;font-weight:850}.bt-field input,.bt-field textarea,.bt-field select{width:100%;border:1px solid #cbd0d9;border-radius:11px;background:#fff;padding:11px 13px}.bt-field textarea{min-height:96px;resize:vertical}.bt-field.check{grid-template-columns:auto 1fr;align-items:start}.bt-field.check input{width:auto;margin-top:4px}.bt-form-actions{display:flex;gap:9px;padding-top:5px}.bt-output{position:sticky;top:104px;overflow:hidden}.bt-output>header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:19px 22px;border-bottom:1px solid var(--bt-line)}.bt-output h3{margin:0;font-size:21px}.bt-output>header button{border:1px solid var(--bt-line);border-radius:999px;background:#fff;padding:8px 12px;font-weight:800;cursor:pointer}.bt-output>header button:disabled{opacity:.45}.bt-output-body{min-height:430px;max-height:680px;overflow:auto;padding:24px}.bt-output footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 22px;border-top:1px solid var(--bt-line)}.bt-output footer small{max-width:320px;color:var(--bt-muted)}.bt-empty-output{min-height:360px;display:grid;place-content:center;text-align:center;color:var(--bt-muted)}.bt-empty-output span{font-size:66px;font-weight:900;color:#e1e4e9}.bt-empty-output strong{color:var(--bt-ink);font-size:20px}.bt-generated{display:grid;gap:14px}.bt-generated section{padding:17px;border:1px solid var(--bt-line);border-radius:15px}.bt-generated h4{margin:0 0 8px;font-size:16px}.bt-generated p,.bt-generated ul{margin:0;white-space:pre-wrap}.bt-generated ul{padding-left:20px}.bt-score{display:grid;place-items:center;width:112px;height:112px;border-radius:50%;background:conic-gradient(var(--bt-green) calc(var(--score)*1%),#e5e8ed 0);position:relative}.bt-score:after{content:"";position:absolute;inset:11px;border-radius:50%;background:#fff}.bt-score strong{position:relative;z-index:1;font-size:31px}.bt-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bt-metric{padding:14px;border-radius:14px;background:var(--bt-paper)}.bt-metric span{display:block;color:var(--bt-muted);font-size:11px}.bt-metric strong{display:block;margin-top:4px;font-size:21px}.bt-audit-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.bt-audit-facts div{padding:12px;border:1px solid var(--bt-line);border-radius:12px}.bt-audit-facts span{display:block;color:var(--bt-muted);font-size:11px}.bt-audit-facts strong{display:block;overflow-wrap:anywhere}.bt-status{grid-column:1/-1;padding:11px 13px;border-radius:11px;background:var(--bt-paper);color:var(--bt-muted)}.bt-status.error{background:#ffe7e7;color:#8d2222}
.signature-template-picker{display:grid;gap:8px}.signature-templates{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.signature-template{min-height:58px;border:1px solid var(--bt-line);border-radius:12px;background:#fff;font-weight:850;cursor:pointer}.signature-template.active{border:2px solid var(--bt-blue);color:var(--bt-blue)}.signature-preview{padding:26px;border-radius:16px;background:linear-gradient(145deg,#fff,#f4f5f7);overflow:auto}.signature-help{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.signature-help details{border:1px solid var(--bt-line);border-radius:12px;padding:10px}.signature-help summary{font-weight:850;cursor:pointer}.signature-help p{font-size:12px;color:var(--bt-muted)}
.bt-principles{padding:75px 0;background:var(--bt-ink);color:#fff}.bt-principles .bt-shell{display:grid;grid-template-columns:repeat(3,1fr)}.bt-principles article{padding:28px;border-right:1px solid #343844}.bt-principles article:last-child{border:0}.bt-principles span{color:#9eb0ff;font-weight:900}.bt-principles h2{margin:26px 0 7px;font-size:29px}.bt-principles p{color:#bcc2ce}.bt-footer{padding:42px 0;background:#07090d;color:#fff}.bt-footer .bt-shell{display:flex;align-items:center;justify-content:space-between}.bt-footer img{width:140px;height:auto}.bt-footer a{margin-left:18px;color:#fff;text-decoration:none}
@media(max-width:1100px){.bt-hero-grid{grid-template-columns:1fr}.bt-tool-grid{grid-template-columns:repeat(3,1fr)}.bt-workbench-grid{grid-template-columns:1fr}.bt-output{position:static}.bt-principles .bt-shell{grid-template-columns:1fr}.bt-principles article{border-right:0;border-bottom:1px solid #343844}}
@media(max-width:780px){.bt-shell{width:min(100% - 28px,1380px)}.bt-hero{padding:52px 0}.bt-hero h1{font-size:52px}.bt-hero aside{grid-template-columns:1fr}.bt-hero aside div{min-height:100px}.bt-proof .bt-shell{grid-template-columns:repeat(2,1fr)}.bt-proof span:nth-child(2n){border-right:0}.bt-catalogue>div>header{align-items:flex-start;flex-direction:column}.bt-catalogue input{width:100%}.bt-tool-grid{grid-template-columns:1fr 1fr}.bt-workbench>div>header{grid-template-columns:1fr}.bt-form{grid-template-columns:1fr}.bt-field.wide,.bt-form-actions,.signature-template-picker,.signature-help{grid-column:auto}.signature-templates{grid-template-columns:1fr 1fr}.bt-metrics,.bt-audit-facts,.signature-help{grid-template-columns:1fr}.bt-output>header,.bt-output footer,.bt-footer .bt-shell{align-items:flex-start;flex-direction:column}.bt-footer nav a{margin:0 14px 0 0}}
@media(max-width:480px){.bt-tool-grid{grid-template-columns:1fr}.bt-form{padding:18px}.bt-output-body{padding:18px}.bt-hero aside{display:none}}


/* V3: shared navigation and visual signature gallery */
.business-app .site-header,
.directory-app .site-header { position: fixed; inset: 0 0 auto; z-index: 10000; }
.business-app main,
.directory-app #app { position: relative; z-index: 1; }
.signature-templates { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.signature-template { min-height: 118px; padding: 10px; display: grid; gap: 8px; text-align: left; border: 1px solid #d8dbe4; background: #fff; }
.signature-template.active { border-color: #11131a; box-shadow: 0 0 0 2px #11131a; }
.signature-template-thumb { position: relative; display: block; height: 70px; overflow: hidden; border: 1px solid #e3e5eb; background: #f7f8fb; }
.signature-template-thumb i { position:absolute; left:8px; top:10px; width:24px; height:24px; border-radius:50%; background:#c8cedd; }
.signature-template-thumb b { position:absolute; left:40px; top:11px; width:62%; height:7px; background:#141722; box-shadow:0 13px 0 #aab1c1; }
.signature-template-thumb em { position:absolute; left:40px; right:8px; bottom:10px; height:5px; background:#3157ff; }
.signature-template-thumb.compact { height:54px; margin-top:8px; }
.signature-template-thumb.sidebar { border-left:14px solid #3157ff; }
.signature-template-thumb.banner em { left:0; right:0; bottom:0; height:13px; }
.signature-template-thumb.minimal i { display:none; }
.signature-template-thumb.minimal b,.signature-template-thumb.minimal em { left:10px; }
.signature-template-thumb.executive { background:#11131a; }
.signature-template-thumb.executive b { background:#fff; box-shadow:0 13px 0 #9298a8; }
.signature-template-thumb.split { background:linear-gradient(90deg,#3157ff 0 35%,#f7f8fb 35%); }
.signature-template-thumb.split i { background:#fff; }
.signature-template-thumb.monogram i { border-radius:8px;background:#3157ff; }
.signature-template-thumb.card { margin:5px;background:#fff;box-shadow:0 2px 8px rgba(17,19,26,.14); }
.signature-template-thumb.social em { height:14px;background:linear-gradient(90deg,#3157ff,#7657ff); }
.signature-template-thumb.sales-cta { border-right:30px solid #3157ff; }
.signature-template-thumb.founder { background:#faf8f2;border-left:8px solid #ffbd3e; }
.signature-template-thumb.founder i { left:auto;right:8px; }
.td-tradeoff { margin: 10px 0; color: #4b5263; font-size: .88rem; line-height: 1.5; }
@media (max-width:720px){ .signature-templates{grid-template-columns:repeat(2,minmax(0,1fr));} }