.bk-domain-logo{color:#1d2433;gap:12px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid}.bk-domain-logo__preview{color:#7b8496;background:#fff;border:1px solid #d7dce5;border-radius:8px;place-items:center;width:128px;height:128px;display:grid;overflow:hidden}.bk-domain-logo__preview img{object-fit:contain;max-width:92%;max-height:92%;display:block}.bk-domain-logo__preview[data-status=loading]{background:#f4f7fb}.bk-domain-logo__controls{justify-content:space-between;align-items:flex-start;gap:12px;max-width:520px;display:flex}.bk-domain-logo__meta{gap:4px;min-width:0;display:grid}.bk-domain-logo__meta strong{font-size:14px;font-weight:650}.bk-domain-logo__meta code{color:#566174;text-overflow:ellipsis;white-space:nowrap;max-width:320px;font-size:12px;display:block;overflow:hidden}.bk-domain-logo__meta small{color:#a33b2f;font-size:12px}.bk-domain-logo__actions{gap:8px;display:flex}.bk-domain-logo button{color:#1d2433;cursor:pointer;min-height:36px;font:inherit;background:#fff;border:1px solid #cfd6e3;border-radius:8px;font-size:13px;font-weight:600}.bk-domain-logo button:hover:not(:disabled){border-color:#6f7ff2}.bk-domain-logo button:disabled{cursor:wait;opacity:.6}.bk-domain-logo__actions button{padding:0 12px}.bk-domain-logo__variants{flex-wrap:wrap;gap:8px;display:flex}.bk-domain-logo__variants button{place-items:center;width:64px;height:64px;padding:6px;display:grid}.bk-domain-logo__variants button.is-selected{border-color:#2f4ce0;box-shadow:0 0 0 2px #2f4ce029}.bk-domain-logo__variants img{object-fit:contain;max-width:100%;max-height:100%}:root{color:#18202f;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}.site-header{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f8fbeb;border-bottom:1px solid #18202f14;justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(20px,5vw,72px);display:flex;position:sticky;top:0}.brand,.site-header nav{align-items:center;gap:16px;display:flex}.brand{font-weight:760;text-decoration:none}.brand-mark{color:#fff;background:#18202f;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.site-header nav a,.site-header nav button{color:#4b5669;cursor:pointer;background:0 0;border:0;font-size:14px;font-weight:650;text-decoration:none}.site-header nav button{color:#18202f;background:#fff;border:1px solid #cbd3df;border-radius:8px;min-height:36px;padding:0 14px}.hero{background:linear-gradient(120deg,#3c63f621,#0000 34%),linear-gradient(150deg,#0000 0%,#eef2f7 62%,#f6eadc 100%);grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr);align-items:center;gap:clamp(28px,5vw,72px);min-height:calc(100vh - 68px);padding:clamp(56px,8vw,104px) clamp(20px,5vw,72px) 48px;display:grid}.hero h1,.section-heading h2,.tools-band h2,.cta-band h2{color:#111827;letter-spacing:0;margin:0}.hero h1{max-width:760px;font-size:76px;line-height:.96}.hero p{color:#4b5669;max-width:680px;font-size:18px;line-height:1.65}.eyebrow{color:#3952c8;letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:760}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-actions a,.hero-actions button,.cta-band button,.install-block a{color:#fff;cursor:pointer;background:#18202f;border:1px solid #18202f;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}.hero-actions button,.cta-band button{color:#18202f;background:#fff}.notice{color:#315b43;font-size:14px}.hero-surface{background:#fff;border:1px solid #18202f1a;border-radius:8px;gap:18px;padding:24px;display:grid;box-shadow:0 24px 70px #18202f1f}.logo-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.logo-tile{border-radius:8px;place-items:center;gap:10px;min-height:142px;padding:14px;display:grid}.logo-tile span{background:#fff;border-radius:8px;place-items:center;width:52px;height:52px;font-size:24px;font-weight:800;display:grid}.logo-tile small{color:#3f485a;font-weight:700}pre,code{border-radius:8px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;overflow:auto}pre{color:#f7f8fb;background:#111827;margin:0;padding:18px}.tools-band,.product-section,.cta-band{padding:72px clamp(20px,5vw,72px)}.tools-band{background:#fff;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:32px;display:grid}.tools-band h2,.section-heading h2,.cta-band h2{font-size:52px;line-height:1.05}.tools-band p,.section-heading p,.cta-band p,.install-block p{color:#596476;line-height:1.7}.tools-band ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.tools-band li{background:#f3f6fb;border-left:3px solid #3c63f6;padding:14px 16px;font-weight:700}.product-section{background:#f7f8fb}.section-heading{max-width:760px}.demo-layout{grid-template-columns:minmax(300px,420px) minmax(320px,1fr);align-items:start;gap:28px;margin-top:34px;display:grid}.demo-controls,.component-demo,.install-block{background:#fff;border:1px solid #dce2eb;border-radius:8px}.demo-controls{gap:18px;padding:22px;display:grid}label{color:#3f485a;gap:8px;font-size:13px;font-weight:720;display:grid}input{color:#18202f;border:1px solid #cbd3df;border-radius:8px;width:100%;min-height:44px;padding:0 12px}.hint{color:#7c4b28;margin:0;font-size:13px;line-height:1.5}.result{gap:8px;padding-top:4px;display:grid}.result span{color:#596476;text-transform:uppercase;font-size:12px;font-weight:760}.result code{color:#334155;overflow-wrap:anywhere;background:#f3f6fb;min-height:44px;padding:12px}.component-demo{padding:24px}.component-demo .bk-domain-logo__preview{width:180px;height:180px}.install-block{grid-template-columns:minmax(0,1fr) minmax(260px,460px) auto;align-items:center;gap:18px;margin-top:28px;padding:22px;display:grid}.install-block h3,.install-block p{margin:0}.install-block code{color:#18202f;background:#eef2f7;padding:14px}.cta-band{background:#e7f1ef;justify-items:start;gap:16px;display:grid}footer{color:#fff;background:#18202f;justify-content:space-between;gap:20px;padding:28px clamp(20px,5vw,72px);display:flex}footer div{gap:18px;display:flex}@media (width<=840px){.site-header,footer{align-items:flex-start}.site-header{flex-direction:column}.site-header nav{flex-wrap:wrap;gap:12px}.hero,.tools-band,.demo-layout,.install-block{grid-template-columns:1fr}.hero{min-height:auto}.hero h1{font-size:42px;line-height:1.02}.hero p{font-size:16px}.tools-band h2,.section-heading h2,.cta-band h2{font-size:34px;line-height:1.08}.logo-row{grid-template-columns:1fr}}
