/* Compact and task-first journeys for the business, SaaS, and retail demos. */
.bf-journey{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(.9rem,3.4vw,3rem);align-items:start}
.bf-journey .d-form{padding:clamp(.85rem,2vw,1.55rem);gap:.7rem}
.bf-journey .d-form-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem .8rem}
.bf-journey .d-field:has(textarea),.bf-journey .d-field:has(input[type=password]),.bf-journey .d-field:only-child{grid-column:1/-1}
.bf-journey .d-field textarea{min-height:6rem;height:6rem}
.bf-journey .d-field :is(input,select,textarea){min-width:0}
.bf-journey .d-field :is(input,select,textarea)::placeholder{color:var(--d-muted)}
.bf-journey .d-form-hint{font-size:.78rem}
.bf-help{display:grid;gap:.6rem;padding:clamp(.85rem,2.3vw,1.6rem);background:var(--d-soft);border-top:2px solid var(--d-accent)}
.bf-help h2{font-size:clamp(1.2rem,2.3vw,1.62rem)}
.bf-help p{font-size:.95rem;line-height:1.5;color:var(--d-muted)}
.i-design:has(.bf-journey) :is(.i-workspace,.i-editorial-grid,.i-grid-chapter){grid-template-columns:minmax(0,1fr)}
.i-design:has(.bf-journey) :is(.i-masthead,.i-workspace){padding-block:clamp(.9rem,2.6vw,2.1rem)}
.i-design:has(.bf-journey) :is(.i-mast-inner,.i-console-nav){min-height:0;align-content:start}
.i-design:has(.bf-journey) :is(.i-lead,.i-console-nav) h1{font-size:clamp(2.1rem,4.7vw,4.25rem)}
.i-design:has(.bf-journey) .i-content-wrap{padding-block:clamp(.7rem,2vw,1.55rem)}
.i-design:has(.bf-journey) .i-content{min-width:0}
.i-design:has(.bf-journey) .d-hero-index{display:none}
.i-design:has(.bf-journey) .d-crumb{margin-bottom:.3rem}
.i-design:has(.bf-journey) .d-lead{max-width:72ch;margin-top:.35rem;font-size:clamp(1rem,1.45vw,1.1rem)}
.i-design:has(.bf-journey) .i-content .i-article{min-width:0}
.i-design:has(.bf-journey) .i-console-nav{border-inline-end:0}
[data-demo-slug="patchbay-cloud"][data-page-slug="sign-up"] .d-head-cell-C,
[data-demo-slug="formcraft-studio"][data-page-slug="sign-up"] .d-head-cell-C{visibility:hidden}
:is([data-demo-slug="patchbay-cloud"],[data-demo-slug="modular-mind"])[data-page-slug="sign-up"] .bf-journey .d-field :is(input,select,textarea){border-color:color-mix(in srgb,var(--d-text) 62%,transparent)}

.bf-catalog{min-width:0}
.bf-catalog-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;padding:.5rem 0 .8rem;border-bottom:1px solid var(--d-line);margin-bottom:.8rem}
.bf-kicker{font-size:.75rem;font-weight:780;letter-spacing:.08em;text-transform:uppercase;color:var(--d-muted)}
.bf-product-grid,.bf-role-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.6rem,2vw,1.6rem)}
.bf-product,.bf-role-list article{min-width:0;border:1px solid var(--d-line);overflow:hidden}
.bf-product{display:grid;grid-template-rows:auto 1fr;scroll-margin-top:1rem}
.bf-product:target{outline:2px solid var(--d-accent);outline-offset:3px}
.bf-product-art{display:block;width:100%;height:auto;aspect-ratio:240/150}
.bf-product>.bf-product-art{aspect-ratio:auto;height:clamp(6.8rem,10vw,8.8rem)}
.bf-product-copy,.bf-role-list article{display:flex;flex-direction:column;align-items:start;gap:.45rem;padding:clamp(.7rem,1.75vw,1.3rem)}
.bf-product-copy h2,.bf-role-list h2{font-size:clamp(1.17rem,2vw,1.65rem);line-height:1.15;overflow-wrap:normal}
.bf-product-copy p,.bf-role-list p:not(.bf-kicker){font-size:.9rem;color:var(--d-muted);line-height:1.45}
.bf-product-copy>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;width:100%;margin-top:auto;padding-top:.7rem}
.bf-catalog-support{display:flex;flex-wrap:wrap;gap:.6rem 1.25rem;padding-top:1.05rem}
.bf-roles .bf-catalog-top label{flex:1;min-width:min(100%,20rem);max-width:32rem}
.bf-roles .bf-catalog-top p{font-size:.83rem}
.bf-sample{margin-top:.65rem;font-size:.8rem;color:var(--d-muted)}
.i-design:has(.bf-catalog) :is(.i-editorial-grid,.i-grid-chapter){grid-template-columns:minmax(0,1fr)}
.i-design:has(.bf-catalog) :is(.i-masthead,.i-content-wrap){padding-block:clamp(.7rem,2.1vw,1.7rem)}
.i-design:has(.bf-catalog) .i-mast-inner{min-height:0}
.i-design:has(.bf-catalog) .i-lead h1{font-size:clamp(2.1rem,4.7vw,4.25rem)}
.i-design:has(.bf-catalog) .d-hero-index{display:none}
.i-design:has(.bf-catalog) .d-crumb{margin-bottom:.3rem}
.i-design:has(.bf-catalog) .d-lead{margin-top:.35rem;max-width:72ch;font-size:clamp(1rem,1.5vw,1.12rem)}

.bf-demo-panel{display:grid;gap:.7rem;min-width:0;padding:clamp(.75rem,1.7vw,1.3rem);border:1px solid var(--d-line);border-top:3px solid var(--d-accent);background:var(--d-soft)}
.bf-demo-panel header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem .75rem}
.bf-demo-panel header span{font-size:.71rem;font-weight:730;color:var(--d-muted)}
.bf-board>div,.bf-metrics dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:0}
.bf-board article,.bf-metrics dl>div{min-width:0;padding:.55rem;background:var(--d-bg);border:1px solid var(--d-line)}
.bf-board article h2{margin:0 0 .25rem;font-size:.79rem;text-transform:uppercase;letter-spacing:.03em}
.bf-board article p,.bf-metrics dt{font-size:.85rem;line-height:1.35}
.bf-board article small{display:block;margin-top:.25rem;color:var(--d-muted);line-height:1.3}
.bf-api pre{margin:0;padding:.6rem;background:var(--d-bg);white-space:pre-wrap;overflow-wrap:anywhere;font-size:.79rem}
.bf-api code{font-size:.85em}
.hs-opener .bf-flow ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;counter-reset:form-step}
.bf-flow li{padding:.55rem;background:var(--d-bg);counter-increment:form-step;font-size:.85rem;line-height:1.35}
.bf-flow li::before{display:block;content:counter(form-step);font-weight:760;color:var(--d-muted);margin-bottom:.22rem}
.bf-metrics dd{font:800 clamp(1.1rem,3vw,1.9rem)/1.1 var(--d-sans);margin:.25rem 0 0}
.bf-review p{font-size:.9rem;color:var(--d-muted)}
.bf-feature-link{display:flex;flex-wrap:wrap;gap:.4rem .85rem;font-size:.92rem;background:var(--d-soft);padding:.65rem .85rem;border-left:2px solid var(--d-accent)}

@media(min-width:47rem){
  [data-demo-slug="ledger-grove"] .hs-guide .hs-wrap{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}
  [data-demo-slug="ledger-grove"] .hs-guide-cover{grid-column:2;grid-row:1}
  [data-demo-slug="ledger-grove"] .hs-guide-copy{grid-column:1;grid-row:1}
  [data-demo-slug="ledger-grove"] .hs-guide-copy .h-actions{margin-top:.7rem}
  [data-demo-slug="ledger-grove"] .hs-guide .hs-photo .d-art{aspect-ratio:1.5}
  [data-demo-slug="harborwell-capital"] .d-chrome-header .d-wordmark{font-size:clamp(1.35rem,3vw,2.4rem)}
  [data-demo-slug="harborwell-capital"] .d-chrome-header .d-head-row{min-height:0;padding-block:.3rem}
  [data-demo-slug="harborwell-capital"] .hs-directory-title{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center}
  [data-demo-slug="harborwell-capital"] .hs-directory-title .hs-description{grid-row:1/3;align-self:end}
  [data-demo-slug="juniper-risk"] .hs-briefing .hs-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(1rem,3vw,2.6rem);align-items:start}
  [data-demo-slug="juniper-risk"] .hs-briefing-title{grid-column:1;grid-row:1;margin:0;align-self:end}
  [data-demo-slug="juniper-risk"] .hs-briefing-body{display:contents}
  [data-demo-slug="juniper-risk"] .hs-briefing-body .hs-photo{grid-column:2;grid-row:1/3}
  [data-demo-slug="juniper-risk"] .hs-briefing-body aside{grid-column:2;grid-row:3}
  [data-demo-slug="juniper-risk"] .hs-briefing-actions{grid-column:1;grid-row:2;align-self:start}
  [data-demo-slug="bridge-counsel"] .hs-story>.hs-wrap,[data-demo-slug="parcel-pilot"] .hs-story>.hs-wrap,[data-demo-slug="stillwater-supply"] .hs-story>.hs-wrap{display:flex;flex-direction:column}
  :is([data-demo-slug="bridge-counsel"],[data-demo-slug="parcel-pilot"],[data-demo-slug="stillwater-supply"]) .hs-story-grid{order:-1;margin-block:1.6rem .95rem}
  :is([data-demo-slug="bridge-counsel"],[data-demo-slug="parcel-pilot"],[data-demo-slug="stillwater-supply"]) .hs-story .hs-photo .d-art{aspect-ratio:4.8}
  [data-demo-slug="meridian-search"] .hs-dispatch-arrangement{grid-template-columns:minmax(0,1.55fr) minmax(0,.8fr) minmax(0,.65fr)}
  [data-demo-slug="meridian-search"] .hs-dispatch-arrangement .hs-arrangement-title{align-self:start}
  [data-demo-slug="meridian-search"] .hs-dispatch-note{background:var(--d-bg)}
  [data-demo-slug="formcraft-studio"] .hs-guide>.hs-wrap{grid-template-columns:minmax(0,1.55fr) minmax(0,.8fr);align-items:start}
  [data-demo-slug="formcraft-studio"] .hs-guide-copy{grid-column:1;grid-row:1}
  [data-demo-slug="formcraft-studio"] .hs-guide-cover{grid-column:2;grid-row:1}
  [data-demo-slug="formcraft-studio"] .hs-guide .hs-photo .d-art{aspect-ratio:1.48}
  [data-demo-slug="warden-systems"] .hs-pathway-lead .hs-photo .d-art{aspect-ratio:2.5}
  [data-demo-slug="warden-systems"] .hs-pathway-lead{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)}
  [data-demo-slug="modular-mind"] .hs-workbench>.hs-wrap{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);grid-template-areas:"title review" "photo detail";gap:.9rem var(--hs-gap)}
  [data-demo-slug="modular-mind"] .hs-workbench-arrangement{display:contents}
  [data-demo-slug="modular-mind"] .hs-workbench .hs-audit-lead{grid-area:review;margin-top:0;align-self:center}
}
[data-demo-slug="clearbeam-audit"] .d-chrome-header[data-chrome] .d-head-cell-S{display:none}
[data-demo-slug="clearbeam-audit"] .d-head-row:not(:has(.d-chrome-cell:not(.d-head-cell-S))){display:none}
[data-demo-slug="foundry-desk"] .hs-showroom-options{display:flex;flex-direction:column}
[data-demo-slug="foundry-desk"] .hs-showroom-options .h-actions{order:-1;margin:0 0 .65rem}
[data-demo-slug="foundry-desk"] .hs-showroom-options>.hs-description{order:-2}
[data-demo-slug="juniper-risk"] .hs-briefing-actions .h-actions{display:flex;flex-wrap:wrap}

@media(max-width:47rem){
  .bf-journey,.bf-journey .d-form-fields,.bf-product-grid,.bf-role-list{grid-template-columns:minmax(0,1fr)}
  .bf-journey .d-field:has(textarea),.bf-journey .d-field:has(input[type=password]){grid-column:auto}
  .bf-product{grid-template:1fr/minmax(0,.68fr) minmax(0,1.32fr)}
  .bf-product>.bf-product-art{height:100%;min-height:6.8rem;object-fit:cover}
  .bf-product-copy>div .d-button{padding-inline:.5rem}
  .hs-opener:has(.hs-audit-lead)>.hs-wrap{display:flex;flex-direction:column;align-items:stretch}
  .hs-opener:has(.hs-audit-lead) .hs-audit-lead{margin-top:.5rem}
  [data-demo-slug="sprintboard"] .hs-dispatch-arrangement{display:contents}
  [data-demo-slug="sprintboard"] .hs-dispatch-issue{order:-4;margin:0}
  [data-demo-slug="sprintboard"] .hs-arrangement-title{order:-3}
  [data-demo-slug="sprintboard"] .hs-audit-lead{order:-2}
  [data-demo-slug="sprintboard"] .hs-dispatch-note{order:-1}
  [data-demo-slug="stackfolio"] .hs-masthead-grid{display:contents}
  [data-demo-slug="stackfolio"] .hs-masthead-note{order:-2}
  [data-demo-slug="stackfolio"] .hs-masthead-main{order:-3}
  [data-demo-slug="stackfolio"] .hs-audit-lead{order:-1}
  [data-demo-slug="formcraft-studio"] .hs-guide-copy{order:-2}
  [data-demo-slug="formcraft-studio"] .hs-audit-lead{order:-1}
  [data-demo-slug="sundial-metrics"] .hs-directory-title{order:-2}
  [data-demo-slug="sundial-metrics"] .hs-audit-lead{order:-1}
  [data-demo-slug="sundial-metrics"] .hs-directory-body .hs-photo{grid-row:auto}
  [data-demo-slug="modular-mind"] .hs-workbench-arrangement{display:contents}
  [data-demo-slug="modular-mind"] .hs-arrangement-title{order:-3}
  [data-demo-slug="modular-mind"] .hs-audit-lead{order:-2}
  [data-demo-slug="modular-mind"] .hs-workbench-tools{order:-1}
  [data-demo-slug="fieldwork-people"] .hs-arrangement{grid-template-areas:"title" "detail" "photo"}
  [data-demo-slug="fieldwork-people"] .hs-workbench-tools{display:flex;flex-direction:column}
  [data-demo-slug="fieldwork-people"] .hs-workbench-tools .h-actions{order:-1;margin:0 0 .85rem}
  [data-demo-slug="patchbay-cloud"] .hs-showroom-body{display:flex;flex-direction:column}
  [data-demo-slug="patchbay-cloud"] .hs-showroom-body .hs-photo{order:2;width:100%}
  [data-demo-slug="patchbay-cloud"] .hs-showroom-options{display:flex;flex-direction:column}
  [data-demo-slug="patchbay-cloud"] .hs-showroom-options>.hs-description{order:-2}
  [data-demo-slug="patchbay-cloud"] .hs-showroom-options .h-actions{order:-1;margin:0 0 .75rem}
  :is([data-demo-slug="copper-road-logistics"],[data-demo-slug="signaldesk"],[data-demo-slug="slow-press"]) .hs-screen-nav ul{grid-template-columns:minmax(0,1fr)}
  :is([data-demo-slug="copper-road-logistics"],[data-demo-slug="signaldesk"],[data-demo-slug="slow-press"]) .hs-screen-nav li{border-inline-start:0;border-bottom:1px solid var(--d-line)}
  :is([data-demo-slug="onward-it"],[data-demo-slug="little-field"]) .hs-briefing-body{display:flex;flex-direction:column}
  :is([data-demo-slug="onward-it"],[data-demo-slug="little-field"]) .hs-briefing-actions{order:-1}
  [data-demo-slug="needle-dust"] .hs-showroom-body{display:flex;flex-direction:column}
  [data-demo-slug="needle-dust"] .hs-showroom-body .hs-photo{order:2;width:100%}
  [data-demo-slug="needle-dust"] .hs-showroom-body .hs-photo .d-art{aspect-ratio:2.6}
  [data-demo-slug="needle-dust"] .hs-showroom-options article{align-items:start}
  [data-demo-slug="needle-dust"] .hs-showroom-options article>div{display:grid;grid-template-columns:3.8rem minmax(0,1fr);gap:.2rem .55rem}
  [data-demo-slug="needle-dust"] .hs-showroom-options article>div .d-item-art{grid-column:1;grid-row:1/4;aspect-ratio:1;margin:0}
  [data-demo-slug="needle-dust"] .hs-showroom-options article>div :is(h2,p){grid-column:2}
  [data-demo-slug="clay-cabinet"] .hs-guide-cover{margin-right:3.1rem}
}
@media(max-width:24rem){
  .bf-board>div,.bf-metrics dl,.hs-opener .bf-flow ol{grid-template-columns:minmax(0,1fr)}
  .bf-product{grid-template:1fr/minmax(0,.8fr) minmax(0,1.2fr)}
}