/* Isolated v2 homepage preview. The four existing hero slides retain their layout. */
.bf-home .bf-lifestyle-hero[data-slide-index="0"] .bf-hero{min-height:460px;position:relative;display:block;padding:36px 24px 62px}
.bf-home .bf-lifestyle-hero[data-slide-index="0"] .bf-hero-copy{max-width:510px;width:43%;min-height:0;padding:0}
.bf-home .bf-lifestyle-hero[data-slide-index="0"] h1{font-size:42px;min-height:0;line-height:1.12;margin:12px 0 18px}
.bf-home .bf-lifestyle-hero[data-slide-index="0"] .bf-hero-description{font-size:15px;min-height:0;line-height:1.6}
.bf-home-login{position:absolute;right:24px;top:24px;width:310px;z-index:3;background:#fffffffa;border:1px solid #dfe7f1;border-radius:18px;padding:22px;box-shadow:0 12px 35px #17375a12;color:#102744}
.bf-home-login[hidden]{display:none}.bf-home-login h2{font-size:22px;margin:0 0 5px}.bf-home-login>p{font-size:12px;color:#526783;margin:0 0 15px}
.bf-home-login form{display:grid;gap:7px}.bf-home-login label{font-size:12px;font-weight:650}.bf-home-login input{min-width:0;width:100%;height:40px;border:1px solid #ceddeb;border-radius:9px;padding:8px 11px;background:white;color:#102744;font:inherit;font-size:14px}.bf-home-login input:focus{outline:2px solid #087bff;outline-offset:2px}.bf-home-password{display:flex;position:relative}.bf-home-password input{padding-right:44px}.bf-home-password button{position:absolute;right:1px;top:1px;width:40px;height:38px;border:0;background:none;color:#164d85;cursor:pointer}.bf-home-login .bf-button{width:100%;justify-content:center;min-height:40px;padding:10px}.bf-home-login #loginError{margin:0;color:#af2639;font-size:12px}.bf-home-login #forgotPasswordLink{font-size:12px;text-align:center}.bf-home-signup{border-top:1px solid #e4edf5;margin-top:14px;padding-top:12px;font-size:12px;text-align:center;display:grid;gap:5px}
.bf-discover-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.bf-discover-heading h2{font-size:30px;margin:6px 0 8px}.bf-discover-heading p{color:#536b87;font-size:14px}.bf-discover-heading>.bf-button{flex:none}
.bf-discover-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.bf-discover-card{grid-column:span 2;display:flex;flex-direction:column;min-width:0;position:relative;padding:24px;border-radius:20px;border:1px solid #dce8f5;background:#f2f8ff;color:#102744;text-decoration:none;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}.bf-discover-card:nth-child(n+4){grid-column:span 3;flex-direction:row;align-items:center}.bf-discover-card:nth-child(n+4)>div{width:52%;flex:none}.bf-discover-card:nth-child(n+4)>img{width:48%;height:210px}.bf-discover-card h3{font-size:24px;margin:0 0 10px}.bf-discover-card p{font-size:14px;color:#526783;min-height:44px;line-height:1.55;margin:0 0 14px}.bf-discover-card img{width:100%;height:200px;object-fit:contain;mix-blend-mode:multiply;margin-top:12px}.bf-discover-open{display:inline-flex;align-items:center;gap:14px;border:1px solid #b6d8ff;background:#fff;border-radius:10px;padding:9px 17px;font-size:13px;font-weight:700;color:#0075ef}.bf-discover-open span{transition:transform .18s}.bf-discover-card:hover{transform:translateY(-3px);border-color:#83b5eb;box-shadow:0 10px 25px #1263a512}.bf-discover-card:hover .bf-discover-open span{transform:translateX(3px)}.bf-discover-card:focus-visible{outline:3px solid #087bff;outline-offset:3px}.bf-discover-setchecker{background:#f1faf6}.bf-discover-buildaset{background:#fffaee}.bf-discover-buildafig{background:#f5f2ff}
.bf-home-audiences{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:50px}.bf-home-audiences article{display:flex;align-items:center;min-width:0;background:#edf7ff;border:1px solid #dce8f5;border-radius:20px;padding:24px}.bf-home-audiences article:nth-child(2){background:#fff8e9}.bf-home-audiences article>div{width:60%;flex:none}.bf-home-audiences h2{font-size:22px;line-height:1.2;margin:0 0 12px}.bf-home-audiences p{font-size:13px;color:#536b87;line-height:1.6}.bf-home-audiences .bf-button{font-size:12px;padding:10px 12px}.bf-home-audiences img{width:40%;height:190px;object-fit:contain;mix-blend-mode:multiply}
.bf-home .reset-dialog{max-width:440px;width:calc(100% - 32px);border:1px solid #dce8f5;border-radius:18px;padding:24px;color:#102744;background:white}.bf-home .reset-dialog::backdrop{background:#10274466}.bf-home .reset-dialog form{display:grid;gap:12px}.bf-home .reset-dialog input{padding:12px;border:1px solid #cadbeb;border-radius:8px;width:100%}.bf-home .reset-dialog button{background:#087bff;color:white;border:0;border-radius:8px;padding:11px 14px;cursor:pointer}.bf-home .reset-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:1100px){.bf-home .bf-lifestyle-hero[data-slide-index="0"] .bf-hero-copy{width:52%;max-width:none}.bf-home .bf-lifestyle-hero[data-slide-index="0"] h1{font-size:34px}.bf-home .bf-lifestyle-hero[data-slide-index="0"] .bf-slide-images{top:0;bottom:0;height:100%}.bf-home-login{width:290px;right:20px}.bf-discover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bf-discover-card,.bf-discover-card:nth-child(n+4){grid-column:auto;flex-direction:column;align-items:stretch}.bf-discover-card:nth-child(n+4)>div,.bf-discover-card:nth-child(n+4)>img{width:100%}.bf-home-audiences article{padding:18px}.bf-home-audiences article>div{width:65%}.bf-home-audiences img{width:35%}}
@media(max-width:700px){.bf-home .bf-lifestyle-hero[data-slide-index="0"] .bf-hero{padding:24px 16px 70px;min-height:0;display:flex;flex-direction:column;gap:24px}.bf-home .bf-lifestyle-hero[data-slide-index="0"] .bf-hero-copy{width:100%;order:0;min-height:0}.bf-home .bf-lifestyle-hero[data-slide-index="0"] h1{font-size:32px;min-height:0}.bf-home-login{position:relative;inset:auto;width:100%;order:1;padding:20px}.bf-home .bf-lifestyle-hero[data-slide-index="0"] .bf-slide-images{top:0;bottom:auto;height:350px}.bf-discover-grid,.bf-home-audiences{grid-template-columns:1fr}.bf-discover-heading{display:block}.bf-discover-heading h2{font-size:26px}.bf-discover-card img{height:210px}.bf-home-audiences{margin-bottom:30px}.bf-home .bf-slide-dots button{min-width:20px}.bf-home .bf-slide-controls{gap:0}.bf-home .bf-slide-controls button{min-width:28px}.bf-home .bf-slide-count{padding:0 3px}}
@media(prefers-reduced-motion:reduce){.bf-discover-card,.bf-discover-open span{transition:none}.bf-discover-card:hover,.bf-discover-card:hover .bf-discover-open span{transform:none}}

/* Visual correction: keep the welcome artwork clear of the login and readable on narrow screens. */
@media(min-width:1101px){.bf-home .bf-lifestyle-hero[data-slide-index="0"] .bf-slide.is-active{transform:translateX(-120px)}.bf-home .bf-lifestyle-hero[data-slide-index="0"] .bf-slide-images{background:#f6faff}}
@media(max-width:1100px){.bf-home .bf-lifestyle-hero[data-slide-index="0"] .bf-hero-copy{background:#ffffffeb;border-radius:14px;padding:16px}.bf-home .bf-lifestyle-hero[data-slide-index="0"] .bf-hero-description{font-size:14px}}
.bf-home .bf-demo-card[data-demo="4"]>h2{font-size:14px;line-height:1.3;letter-spacing:0;margin:0 0 8px}
.bf-home .bf-home-login form[hidden]{display:none}
@media(min-width:1101px){.bf-home .bf-lifestyle-hero[data-slide-index="0"] .bf-slide.is-active{object-fit:cover;mask-image:linear-gradient(90deg,transparent 12%,#000 50%)}.bf-home .bf-lifestyle-hero[data-slide-index="0"] .bf-slide-images{background:#fffcf6}}

/* A persistent login beside the carousel, independent of the selected slide. */
.bf-home .bf-home-entry{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;align-items:start;margin-top:16px}
.bf-home .bf-home-entry>.bf-home-login{position:relative;inset:auto;width:100%;margin:0;min-width:0;order:0}
.bf-home .bf-home-entry .bf-lifestyle-hero{width:100%;max-width:none;margin:0;border-radius:20px;overflow:hidden;min-width:0}
.bf-home .bf-home-entry .bf-lifestyle-hero .bf-hero{position:relative;display:block;width:100%;max-width:none;min-height:440px;padding:28px 24px 62px}
.bf-home .bf-home-entry .bf-lifestyle-hero .bf-hero-copy{width:51%;max-width:none;min-height:0;padding:0;background:none}
.bf-home .bf-home-entry .bf-lifestyle-hero h1{font-size:30px;line-height:1.15;min-height:0;margin:12px 0}
.bf-home .bf-home-entry .bf-lifestyle-hero .bf-hero-description{font-size:13px;min-height:0;line-height:1.6}
.bf-home .bf-home-entry .bf-lifestyle-hero .bf-slide-images{inset:0;height:100%;background:#fffcf6;border-radius:20px}
.bf-home .bf-home-entry .bf-lifestyle-hero .bf-slide{transform:none;left:0;width:100%;height:100%;object-fit:cover;object-position:right center;mask-image:linear-gradient(90deg,transparent,#000 65%)}
.bf-home .bf-home-entry .bf-demo-card{position:absolute;top:50px;right:20px;width:230px;max-width:43%;margin:0}
.bf-home .bf-home-entry .bf-lifestyle-hero .bf-actions{display:flex;flex-wrap:wrap;gap:8px;min-height:0}
.bf-home .bf-home-entry .bf-slide-benefits{min-height:0}
@media(max-width:1100px){
 .bf-home .bf-home-entry{grid-template-columns:minmax(0,1fr) 252px;gap:16px}
 .bf-home .bf-home-entry .bf-lifestyle-hero .bf-hero{min-height:480px;padding:24px 18px 62px}
 .bf-home .bf-home-entry .bf-lifestyle-hero .bf-hero-copy{width:100%;position:relative;z-index:1;max-width:380px;background:#ffffffdf;border-radius:12px;padding:12px}
 .bf-home .bf-home-entry .bf-lifestyle-hero:not([data-slide-index="0"]) .bf-hero{min-height:710px}
 .bf-home .bf-home-entry .bf-demo-card{top:auto;bottom:55px;right:18px;max-width:calc(100% - 36px)}
 .bf-home .bf-home-entry .bf-lifestyle-hero h1{font-size:28px}
}
@media(max-width:800px){
 .bf-home .bf-home-entry{grid-template-columns:1fr}
 .bf-home .bf-home-entry .bf-lifestyle-hero .bf-hero{min-height:420px}
 .bf-home .bf-home-entry>.bf-home-login{max-width:none}
}
@media(max-width:480px){
 .bf-home .bf-home-entry .bf-lifestyle-hero .bf-hero{min-height:470px;padding:20px 16px 58px}
 .bf-home .bf-home-entry .bf-slide-controls{left:50%;transform:translateX(-50%);white-space:nowrap}
}
.bf-home .bf-home-entry .bf-lifestyle-hero[data-slide-index] .bf-slide.is-active{transform:none;mask-image:linear-gradient(90deg,transparent 5%,#00000018 30%,#00000090 52%,#000 76%)}
/* One typographic point larger throughout the carousel. */
.bf-home .bf-home-entry .bf-lifestyle-hero h1{font-size:calc(30px + 1pt)}
.bf-home .bf-home-entry .bf-lifestyle-hero .bf-eyebrow{font-size:calc(8px + 1pt)}
.bf-home .bf-home-entry .bf-lifestyle-hero .bf-hero-description{font-size:calc(13px + 1pt)}
.bf-home .bf-home-entry .bf-lifestyle-hero :is(.bf-actions .bf-button,.bf-slide-benefits,.bf-slide-count,.bf-demo-caption,.bf-completion>p,.bf-demo-cta,.bf-example-query,.bf-build-list li,.bf-demo-card h3){font-size:calc(10px + 1pt)}
.bf-home .bf-home-entry .bf-lifestyle-hero :is(.bf-camper-heading>span:only-child,.bf-camper-result h2,.bf-camper-values strong){font-size:calc(12px + 1pt)}
.bf-home .bf-home-entry .bf-lifestyle-hero .bf-camper-result p{font-size:calc(8px + 1pt)}
.bf-home .bf-home-entry .bf-lifestyle-hero :is(.bf-demo-badge,.bf-build-list small){font-size:calc(9px + 1pt)}
.bf-home .bf-home-entry .bf-lifestyle-hero .bf-parts-list li{font-size:calc(11px + 1pt)}
.bf-home .bf-home-entry .bf-lifestyle-hero .bf-completion>strong{font-size:calc(24px + 1pt)}
.bf-home .bf-home-entry .bf-lifestyle-hero .bf-demo-card[data-demo="4"]>h2{font-size:calc(14px + 1pt)}
.bf-home .bf-home-entry .bf-lifestyle-hero .bf-slide-controls button{font-size:calc(16px + 1pt)}
.bf-home .bf-home-entry .bf-lifestyle-hero .bf-camper-gem{font-size:calc(17px + 1pt)}
@media(min-width:1101px){
 .bf-home .bf-home-entry{align-items:stretch}
 .bf-home .bf-home-entry .bf-lifestyle-hero{contain:size;min-height:0;height:100%}
 .bf-home .bf-home-entry .bf-lifestyle-hero .bf-hero{height:100%;min-height:0;padding-top:22px;padding-bottom:50px}
 .bf-home .bf-home-entry .bf-demo-card{top:30px;height:290px}
}
@media(max-width:1100px){
 .bf-home .bf-home-entry{grid-template-columns:1fr}
 .bf-home .bf-home-entry .bf-lifestyle-hero h1{font-size:calc(28px + 1pt)}
}
@media(min-width:1101px) and (max-width:1300px){.bf-home .bf-home-entry .bf-lifestyle-hero[data-slide-index="0"] .bf-hero-copy{width:68%}}

.bf-home #discover-tools{padding-top:28px}
.bf-home #discover-tools .bf-discover-heading h2{margin-top:0}

/* Center marketplace connections in the space remaining after the sync copy. */
.bf-home .bf-sync>svg{flex:0 0 21px}
.bf-home .bf-sync>p{flex:0 1 auto;margin:0}
.bf-home .bf-marketplace-flow{flex:1 0 auto;display:flex;align-items:center;justify-content:center;gap:14px;min-width:0}
.bf-home .bf-marketplace-brand{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;white-space:nowrap}
.bf-home .bf-marketplace-brand img{width:28px;height:28px;object-fit:contain}
.bf-home .bf-marketplace-arrow{color:#087beb;font-size:22px;line-height:1}
@media(max-width:1100px){.bf-home .bf-sync>p{flex:1}.bf-home .bf-marketplace-flow{flex-basis:100%;padding-top:6px}}
@media(max-width:420px){.bf-home .bf-marketplace-flow{gap:7px}.bf-home .bf-marketplace-brand{font-size:11px;gap:4px}.bf-home .bf-marketplace-brand img{width:22px;height:22px}.bf-home .bf-marketplace-arrow{font-size:18px}}