/* Revision3: retain published cards and typography; adjust only outer layout. */
html[data-bf-route=home] :is(.page-width,.nav-shell){width:min(1600px,calc(100% - 96px))!important;max-width:none!important}
html[data-bf-route=home] .hero#top .hero-grid{width:min(1680px,calc(100% - 120px))!important}
html[data-bf-route=home] #categories .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
html[data-bf-route=home] #categories .category-top>span,html[data-bf-route=home] #categories .section-kicker>span{display:none!important}
html[data-bf-route=home] .catalog-section{padding-top:90px!important;padding-bottom:90px!important}
html[data-bf-route=home] .faq-section{padding:0!important;background:#08171c!important}
html[data-bf-route=home] .faq-section>:not(#bf-home-ending),html[data-bf-route=home] .final-cta,html[data-bf-route=home] main>footer{display:none!important}
.bf-numbered-heading{display:flex;align-items:start;gap:24px;margin-top:20px}.bf-section-number{font:450 76px/.96 Onest,Arial,sans-serif;letter-spacing:-.04em;font-variant-numeric:lining-nums;color:#91d7bd;flex-shrink:0}.bf-numbered-heading>h2{margin-top:0!important;min-width:0}
@media(max-width:1000px){html[data-bf-route=home] :is(.page-width,.nav-shell){width:calc(100% - 56px)!important}html[data-bf-route=home] #categories .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){html[data-bf-route=home] :is(.page-width,.nav-shell){width:calc(100% - 40px)!important}html[data-bf-route=home] .hero#top .hero-grid{width:calc(100% - 40px)!important}.bf-section-number{font-size:56px}.bf-numbered-heading{gap:16px}html[data-bf-route=home] .catalog-section{padding-top:60px!important;padding-bottom:60px!important}html[data-bf-route=home] #categories .category-grid{grid-template-columns:1fr!important;gap:22px!important}html[data-bf-route=home] .help-bubble{width:48px!important;height:48px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#a4dfc5!important;border:1px solid #d0f1df!important;box-shadow:0 6px 20px #0004!important}html[data-bf-route=home] .help-bubble>div{display:none!important}html[data-bf-route=home] .help-bubble>span{width:42px!important;height:42px!important;background:transparent!important;color:#153f2c!important}}

/* Backgrounds only. Component geometry, content and cards remain unchanged. */
html[data-bf-route=home]{--bf-story-canvas:#091813;background:var(--bf-story-canvas)!important}
html[data-bf-route=home] body,html[data-bf-route=home] main{background:var(--bf-story-canvas)!important}
html[data-bf-route=home] .signal-strip,html[data-bf-route=home] .scroll-cue{display:none!important}
html[data-bf-route=home] .hero#top{background:linear-gradient(180deg,#091813 0%,transparent 20%,transparent 72%,#091813 100%),radial-gradient(ellipse at 70% 45%,#142c22 0%,#0d2018 44%,#091813 78%)!important}
html[data-bf-route=home] .hero-noise{mask-image:linear-gradient(180deg,#000 0%,#000 68%,transparent 100%)}
html[data-bf-route=home] section:is(#access[data-bf-pricing-redesign],#inside.light-section,#why-not-marketplaces.marketplace-section,#workflow.workflow-section,#about.trust-section,.faq-section,#categories.catalog-section){background:#091813!important;border-bottom-color:transparent!important}
html[data-bf-route=home] :is(#bf-home-access,#bf-home-inside,#bf-home-marketplace,#bf-home-workflow,#bf-home-trust,#bf-home-ending){background:#091813!important}
html[data-bf-route=home] #bf-home-access .screen.live{background:linear-gradient(180deg,#091813 0%,transparent 22%,transparent 76%,#091813 100%),radial-gradient(ellipse at 55% 44%,#10271e 0%,#091813 78%)!important}
html[data-bf-route=home] #categories.catalog-section::before{mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 80%,transparent 100%)}

html[data-bf-route=home] .hero#top{background-color:#091813!important}

/* Replace excess blank height with a compact, vertical catalogue window. */
html[data-bf-route=home] .hero#top{height:auto!important;min-height:0!important}
html[data-bf-route=home] .hero#top .hero-grid{height:auto!important;min-height:940px!important;padding-bottom:36px!important}
.bf-catalog-bridge{width:min(1512px,calc(100% - 96px));margin:0 auto;display:grid;grid-template-columns:1fr 1.7fr;gap:54px;align-items:center;min-height:190px;padding:12px 0 20px;color:#eff5f1;font-family:Onest,Arial,sans-serif}
.bf-bridge-copy{max-width:440px}.bf-bridge-copy p{font-size:17px;color:#aabfb3;margin:0 0 10px}.bf-bridge-copy h2{font:500 28px/1.2 Onest,Arial,sans-serif;letter-spacing:-.035em;margin:0}
.bf-bridge-window{height:174px;overflow:hidden;mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bf-bridge-track{animation:bf-catalog-rise 28s linear infinite;animation-play-state:paused;will-change:transform}
.bf-catalog-bridge[data-moving=true] .bf-bridge-track{animation-play-state:running}
.bf-bridge-track:nth-child(2){animation-duration:34s;animation-direction:reverse}
.bf-bridge-group{display:grid;gap:14px;padding-bottom:14px}
.bf-bridge-item{height:120px;display:grid;grid-template-columns:105px 1fr;align-items:center;gap:14px;padding:10px;border:1px solid #36504588;border-radius:14px;background:linear-gradient(140deg,#20382c,#10221b);box-shadow:inset 0 1px #ffffff0b}
.bf-bridge-item img{height:98px;width:105px;object-fit:cover;object-position:center 42%;border-radius:8px;background:#e6ebe4}
.bf-bridge-item span{font-size:16px;line-height:1.35}
@keyframes bf-catalog-rise{to{transform:translateY(-50%)}}
@media(max-width:1200px){.bf-catalog-bridge{grid-template-columns:.8fr 1.5fr;gap:30px}.bf-bridge-window{grid-template-columns:repeat(2,minmax(0,1fr))}.bf-bridge-track:nth-child(3){display:none}}
@media(max-width:760px){html[data-bf-route=home] .hero#top .hero-grid{min-height:0!important;padding-bottom:16px!important}.bf-catalog-bridge{width:calc(100% - 40px);grid-template-columns:1fr;gap:16px;padding:12px 0 10px}.bf-bridge-copy{max-width:none}.bf-bridge-copy p{font-size:15px;margin-bottom:7px}.bf-bridge-copy h2{font-size:24px}.bf-bridge-window{height:148px;gap:12px}.bf-bridge-item{height:118px;grid-template-columns:1fr;gap:7px;padding:8px}.bf-bridge-item img{width:100%;height:70px}.bf-bridge-item span{font-size:14px}.bf-bridge-group{gap:12px;padding-bottom:12px}}
@media(prefers-reduced-motion:reduce){.bf-bridge-track{animation:none!important;will-change:auto}.bf-bridge-window{mask-image:none}}

/* One action palette throughout the public story. */
:root,:host{--bf-buy:linear-gradient(135deg,#ffb16e,#ff9a4e 64%,#f28b44);--bf-buy-ink:#242d31;--bf-help:#a4dfc5;--bf-help-ink:#153f2c}
a.bf-action-purchase,button.bf-action-purchase{background:var(--bf-buy)!important;color:var(--bf-buy-ink)!important;border:1px solid #ffc291!important;box-shadow:inset 0 1px #fff7,0 6px 20px #aa592b18!important}
a.bf-action-help,button.bf-action-help{background:var(--bf-help)!important;color:var(--bf-help-ink)!important;border:1px solid #c1ecd7!important;box-shadow:inset 0 1px #fff5!important}
a.bf-action-view{background:#10221d99!important;color:#e4eee8!important;border:1px solid #547063!important;box-shadow:none!important}
a:is(.bf-action-purchase,.bf-action-help,.bf-action-view) :is(span,svg){color:inherit!important}
a.bf-action-text-purchase{color:#ffb16e!important}
a.bf-action-text-help{color:#a4dfc5!important}
@media(hover:hover) and (pointer:fine){a:is(.bf-action-purchase,.bf-action-help,.bf-action-view):hover{filter:brightness(1.07);transform:translateY(-2px)}}
a:is(.bf-action-purchase,.bf-action-help,.bf-action-view):active{transform:scale(.98)}
/* Section 2: one clear headline, then the three existing benefits. */
.experience .hero-bottom{margin-top:36px!important;padding-bottom:32px!important}
.usefulness{padding-top:80px!important;padding-bottom:60px!important}
.usefulness .section-heading{display:block!important;margin-bottom:34px!important}
.usefulness .section-heading .eyebrow,.usefulness .section-heading>p{display:none!important}
.usefulness .section-heading :is(h2,h3){font:550 clamp(28px,2.7vw,44px)/1.18 Onest,Arial,sans-serif!important;letter-spacing:-.04em!important;margin:0!important;text-wrap:balance}
.usefulness .section-heading :is(h2,h3) br{display:none}
.usefulness .benefit-copy>p{font-size:17px!important;line-height:1.6!important}
.usefulness .detail{font-size:15px!important;line-height:1.5!important}
.usefulness .support{gap:32px!important;padding-top:28px!important}
/* A pause in the story, without introducing a new background slab. */
.beyond .wrap{padding-top:86px!important}
.platforms>span:nth-of-type(1){color:#ffab65!important}
.platforms>span:nth-of-type(2){color:#85baff!important}
.platforms>span:nth-of-type(3){color:#e6b3ca!important}
@media(min-width:1400px){.usefulness .section-heading :is(h2,h3){white-space:nowrap}}
@media(max-width:760px){.usefulness{padding-top:52px!important;padding-bottom:44px!important}.usefulness .section-heading{margin-bottom:26px!important}.usefulness .section-heading :is(h2,h3){font-size:30px!important;line-height:1.22!important}.beyond .wrap{padding-top:60px!important}.usefulness .benefit-copy>p{font-size:17px!important}.usefulness .detail{font-size:15px!important}}
@media(prefers-reduced-motion:reduce){a:is(.bf-action-purchase,.bf-action-help,.bf-action-view){transition:none!important;transform:none!important}}
/* Mode selectors indicate state; they do not look like a purchase action. */
.mode[data-mode],.mode[data-mode].selected{background:linear-gradient(125deg,#1d382d,#12251e)!important;border-color:#466657!important;color:#edf5f1!important;box-shadow:inset 0 1px #ffffff15!important}
.mode[data-mode].selected{background:linear-gradient(125deg,#c9eadb,#a4d6bf)!important;border-color:#c3e8d4!important;color:#163d2c!important}
.mode[data-mode] .mode-status{background:#172d23!important;border-color:#527260!important;color:#c2d6c9!important}
.mode[data-mode].selected .mode-status{background:#183b30!important;border-color:#183b30!important;color:#effbf4!important}
.workflow[data-work-mode=team] .step.selected{border-color:#91d7bd88!important;background:linear-gradient(135deg,#1b3830ef,#10211cf5)!important}
.workflow[data-work-mode=team] .step.selected .number,.workflow[data-work-mode=team] .detail-label,.workflow[data-work-mode=team] .step.selected .select-mark{color:#91d7bd!important}
html[data-bf-route=home] #bf-home-access .screen.live>.wrap{padding-top:64px!important}
/* Revision 6: marketplace explanation shares the width with its headline. */
.beyond .intro{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);column-gap:64px;row-gap:24px;padding-bottom:30px!important;align-items:end}
.beyond .intro>.kicker{grid-column:1/-1}
.beyond .intro>.bf-numbered-heading{grid-column:1;margin-top:0!important}
.beyond .intro>.lead{grid-column:2;max-width:460px;margin:0 0 5px!important;padding:5px 0 5px 28px;border-left:1px solid #78988780;font-size:20px;line-height:1.6}
.beyond .platforms{grid-column:1/-1;justify-content:center;text-align:center;margin-top:8px!important;gap:12px}
.beyond .platforms>span:nth-of-type(n){color:#ffab65!important}
.beyond .platforms small{font-size:16px}
@media(max-width:1100px){.beyond .intro{column-gap:32px;grid-template-columns:1.25fr 1fr}.beyond .intro>.lead{font-size:18px;padding-left:22px}}
@media(max-width:800px){.beyond .intro{grid-template-columns:1fr;gap:24px}.beyond .intro>.lead{grid-column:1;margin:0!important;max-width:650px;font-size:18px;padding:0 0 0 20px}.beyond .platforms{grid-column:1;gap:10px;margin-top:4px!important;justify-content:center}.beyond .platforms small{flex-basis:100%;padding:0;margin:0;border:0;font-size:16px}}

/* Revision 7: platform note follows the three reason cards. */
.beyond .reasons+.platforms{margin:28px 0 0!important;justify-content:center;gap:12px}
.beyond .platforms+.conclusion{margin-top:28px!important}
@media(max-width:800px){.beyond .reasons+.platforms{margin-top:26px!important;gap:10px}.beyond .platforms+.conclusion{margin-top:26px!important}}

/* First paint: do not show superseded styles while coordinated hosts mount. */
html[data-bf-route=home] :is(#bf-home-access,#bf-home-inside,#bf-home-marketplace,#bf-home-workflow,#bf-home-trust):not([data-bf-finish-ready]){visibility:hidden!important}
html[data-bf-route=home] .faq-section:not(:has(#bf-home-ending)){min-height:800px}

html[data-bf-route=home] :is(.hero .button-primary,.nav-cta){background:linear-gradient(135deg,#ffb16e,#ff9a4e 64%,#f28b44)!important;color:#242d31!important;border:1px solid #ffc291!important}