/* Concept artwork is distinct from claims about the current application. */
.bf-hero.bf-art-hero{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:58px;max-width:1240px;margin:0 auto;padding:68px 28px 50px;text-align:left;min-height:0}
.bf-art-copy h1{font-size:clamp(42px,5.25vw,76px);line-height:1.05;letter-spacing:-.045em;margin:22px 0}.bf-art-copy .bf-lead{font-size:18px;line-height:1.65;margin:0;max-width:510px}.bf-art-copy .bf-actions{justify-content:flex-start;margin:26px 0}
.bf-art-disclosure{font-size:13px;line-height:1.65;color:var(--bf-muted);max-width:500px;border-left:2px solid var(--gold);padding-left:15px;margin:25px 0}.bf-art-disclosure strong{color:var(--bf-ink)}
.bf-art-meta{display:flex;flex-wrap:wrap;gap:12px 22px;font-family:monospace;font-size:11px;letter-spacing:.04em;color:var(--bf-muted);margin-top:35px;padding-top:18px;border-top:1px solid var(--line)}
.bf-art-feature{margin:0;transform:rotate(2deg);padding:0;background:#ff4a16;box-shadow:0 28px 65px -38px #0009}.bf-art-feature img{width:100%;height:auto;display:block}.bf-art-feature a,.bf-art-tile a{display:block;position:relative}.bf-art-expand{display:block;background:#18201e;color:#fff;padding:12px 17px;font-size:12px;letter-spacing:.02em}.showcase-open:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.bf-art-section-head{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:end;margin-bottom:32px}.bf-art-section-head h2{margin-bottom:0}.bf-art-section-head>p{max-width:470px;line-height:1.75;color:var(--bf-muted)}
.bf-art-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;scroll-margin-top:90px}.bf-art-tile{margin:0;min-width:0}.bf-art-wide{grid-column:1/-1}.bf-art-tile img{width:100%;height:auto;display:block}.bf-art-tile figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:14px 0;font-size:12px}.bf-art-tile figcaption span{color:var(--bf-muted)}.bf-art-story>a{background:#18201e}.bf-art-story img{max-height:690px;width:100%;object-fit:contain}.bf-art-section>.bf-small{margin-top:22px;max-width:850px}
.bf-workspace-shot{margin:25px 0;border:1px solid var(--line);padding:14px;border-radius:16px;background:var(--bf-card)}.bf-workspace-shot img{width:100%;height:auto;display:block;border-radius:7px}.bf-workspace-shot figcaption{padding-top:12px;color:var(--bf-muted);font-size:12px}
#artwork-viewer{width:min(1100px,94vw);max-height:94vh;padding:20px;border:1px solid #58625e;border-radius:12px;background:#141a18;color:#fff;overflow:auto}#artwork-viewer::backdrop{background:#050907e8}.artwork-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:-20px;background:#141a18;padding:14px 0}.artwork-toolbar h2{font-size:16px;margin:0;color:#fff}.artwork-toolbar button{background:#fff;color:#111;border:0;border-radius:6px;padding:11px 16px;font:inherit;cursor:pointer;flex-shrink:0}.artwork-image img{display:block;width:auto;max-width:100%;max-height:72vh;margin:auto;object-fit:contain}#artwork-viewer p,#artwork-viewer>a{color:#d2dcd5;font-size:13px}#artwork-viewer>a{text-decoration:underline}#artwork-viewer button:focus-visible,#artwork-viewer a:focus-visible{outline:3px solid #ffcb65;outline-offset:4px}
@media(max-width:760px){.bf-hero.bf-art-hero{grid-template-columns:1fr;gap:28px;padding:38px 20px}.bf-art-copy h1{font-size:clamp(42px,10vw,66px)}.bf-art-feature{transform:none;max-width:540px;margin:auto}.bf-art-section-head{grid-template-columns:1fr;gap:14px}.bf-art-grid{grid-template-columns:1fr;gap:20px}.bf-art-wide{grid-column:auto}.bf-art-story img{max-height:none}.bf-art-copy .bf-lead{font-size:16px}.bf-art-meta{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.bf-art-feature{transform:none}}

/* Actual product output stays upright and readable in both themes. */
.bf-product-proof{transform:none;background:var(--bf-card);border:1px solid var(--line);border-radius:16px;overflow:hidden;min-width:0}.bf-product-proof figcaption{padding:22px;color:var(--bf-muted);font-size:14px;line-height:1.7}.bf-product-proof figcaption strong{color:var(--bf-ink)}.bf-product-proof figcaption p{margin:10px 0}.bf-product-proof figcaption a{display:inline;color:var(--bf-ink);text-decoration:underline;text-underline-offset:3px}.bf-product-proof a:focus-visible{outline:3px solid var(--gold);outline-offset:-4px}

/* Premium hero: concept creative is dominant; the inset is verified real UI. */
.bf-premium-hero-proof{position:relative;transform:none;background:var(--bf-card);border:1px solid var(--line);border-radius:18px;overflow:hidden;min-width:0;box-shadow:0 34px 80px -42px #000c}.bf-premium-hero-proof .bf-hero-campaign{background:#18201e}.bf-premium-hero-proof .bf-hero-campaign>img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center;display:block}.bf-premium-hero-proof .bf-art-expand{padding-right:50%;background:linear-gradient(90deg,#18201e 0%,#18201e 62%,rgba(24,32,30,.84) 100%)}
.bf-hero-ui-proof{position:absolute!important;right:18px;bottom:116px;width:46%;padding:8px;border:1px solid color-mix(in srgb,var(--gold) 42%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--bg) 94%,#000);box-shadow:0 24px 55px -24px #000;transform:rotate(-1.1deg);text-decoration:none!important;color:var(--bf-ink);z-index:3}.bf-hero-ui-proof>img{display:block;width:100%;height:auto;border-radius:7px;border:1px solid var(--line)}.bf-hero-ui-proof>span{display:flex;flex-direction:column;gap:1px;padding:8px 4px 2px;font-size:11px;line-height:1.35}.bf-hero-ui-proof strong{font-size:11.5px;color:var(--bf-ink)}.bf-hero-ui-proof small{font-size:10px;color:var(--bf-muted)}.bf-hero-ui-proof:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.bf-premium-hero-proof figcaption{padding:20px;color:var(--bf-muted);font-size:13px;line-height:1.65}.bf-premium-hero-proof figcaption strong{color:var(--bf-ink)}.bf-premium-hero-proof figcaption p{margin:8px 0 0}
@media(max-width:1000px) and (min-width:761px){.bf-hero.bf-art-hero{gap:34px}.bf-hero-ui-proof{width:50%;right:12px;bottom:124px}.bf-premium-hero-proof .bf-art-expand{padding-right:52%}}
@media(max-width:760px){.bf-premium-hero-proof{max-width:540px}.bf-hero-ui-proof{position:relative!important;right:auto;bottom:auto;width:auto;margin:12px;transform:none}.bf-premium-hero-proof .bf-art-expand{padding-right:17px}.bf-premium-hero-proof figcaption{padding:16px 18px 20px}}
@media(prefers-reduced-motion:reduce){.bf-hero-ui-proof{transform:none}}

/* Keep six agent orbs behind both hero columns, never over artwork or controls. */
.bf-art-hero{isolation:isolate;overflow:hidden}.bf-art-hero #hero-swarm{position:absolute;inset:0;z-index:0;pointer-events:none}.bf-art-hero .bf-art-copy,.bf-art-hero .bf-art-feature{position:relative;z-index:1}