/* BeginRooms landing (workspace-3d.html): fill-the-screen + continuous flow (br-flow-r1, 24 Oct 2026).
   Loaded only by workspace-3d.html, scoped to body.bt-flow-br. Copy, links and prices untouched. */
body.bt-flow-br{--flow-gut:clamp(18px,4.2vw,96px);--flow-max:1880px;--flow-w:min(calc(100% - 2*var(--flow-gut)),var(--flow-max))}

/* ---------- fill the screen ---------- */
@media (min-width:1151px){
  body.bt-flow-br .wrap{width:var(--flow-w)!important}
  body.bt-flow-br :is(.tour-head,.tour-body,.product-nav .shell){max-width:calc(var(--flow-w) + 48px)!important}
}
@layer bts-shell{
  @media (min-width:1151px){
    body.bt-flow-br #bts-header .bts-header-inner,
    body.bt-flow-br #bts-footer .bts-footer-inner{max-width:calc(var(--flow-w) + 2*var(--bts-gutter,24px))!important}
  }
  body.bt-flow-br #bts-footer{border-top:0!important}
}
@media (min-width:1640px){body.bt-flow-br{zoom:1.08}}
@media (min-width:1800px){body.bt-flow-br{zoom:1.16}}
@media (min-width:2100px){body.bt-flow-br{zoom:1.3}}
@media (min-width:2400px){body.bt-flow-br{zoom:1.42}}
@media (min-width:3000px){body.bt-flow-br{zoom:1.7}}

/* ---------- no section rules, one rhythm ---------- */
body.bt-flow-br .tour,
body.bt-flow-br .br .sec,
body.bt-flow-br .br .sec[style]{border-top:0!important;border-bottom:0!important}
body.bt-flow-br .br .sec{padding-block:clamp(56px,7vw,112px)}
body.bt-flow-br .tour-head{padding-top:clamp(56px,7vw,104px)}

/* plans -> blog signup -> questions: close the two big gaps */
body.bt-flow-br #br-plans{padding-bottom:clamp(28px,3vw,44px)}
body.bt-flow-br #br-plans .small-print{margin-bottom:0}
body.bt-flow-br #faq{padding-top:clamp(40px,4.5vw,72px)}

/* blog signup: same width as the content, two columns, no floating box.
   bt-growth.js swaps the [data-bt-slot] placeholder for this section, so both shapes are covered. */
body.bt-flow-br :is(main>.btg-newsletter,[data-bt-slot="newsletter"]>.btg-newsletter){box-sizing:border-box;max-width:none;width:min(1320px,calc(100% - 112px));margin:0 auto;border:0;border-radius:24px;
  padding:clamp(22px,3vw,40px) clamp(20px,3.2vw,48px);
  background:linear-gradient(110deg,color-mix(in srgb,var(--accent,#8aabff) 12%,transparent),color-mix(in srgb,var(--ink,#fff) 3%,transparent) 50%,color-mix(in srgb,#ab83f8 10%,transparent))}
@media (min-width:1151px){body.bt-flow-br :is(main>.btg-newsletter,[data-bt-slot="newsletter"]>.btg-newsletter){width:var(--flow-w)}}
@media (max-width:1150px){body.bt-flow-br :is(main>.btg-newsletter,[data-bt-slot="newsletter"]>.btg-newsletter){width:calc(100% - 72px)}}
@media (max-width:600px){body.bt-flow-br :is(main>.btg-newsletter,[data-bt-slot="newsletter"]>.btg-newsletter){width:calc(100% - 36px)}}
@media (min-width:860px){
  body.bt-flow-br :is(main>.btg-newsletter,[data-bt-slot="newsletter"]>.btg-newsletter){display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.95fr);column-gap:clamp(28px,4vw,72px);align-items:center}
  body.bt-flow-br :is(main>.btg-newsletter,[data-bt-slot="newsletter"]>.btg-newsletter)>.btg-eyebrow{grid-column:1;grid-row:1}
  body.bt-flow-br :is(main>.btg-newsletter,[data-bt-slot="newsletter"]>.btg-newsletter)>.btg-title{grid-column:1;grid-row:2;font-size:clamp(20px,1.7vw,26px)}
  body.bt-flow-br :is(main>.btg-newsletter,[data-bt-slot="newsletter"]>.btg-newsletter)>.btg-text{grid-column:1;grid-row:3;margin-bottom:0}
  body.bt-flow-br :is(main>.btg-newsletter,[data-bt-slot="newsletter"]>.btg-newsletter)>form{grid-column:2;grid-row:1/3;align-self:end}
  body.bt-flow-br :is(main>.btg-newsletter,[data-bt-slot="newsletter"]>.btg-newsletter)>.btg-small{grid-column:2;grid-row:3;align-self:start;margin-bottom:0}
  body.bt-flow-br :is(main>.btg-newsletter,[data-bt-slot="newsletter"]>.btg-newsletter)>.btg-status{grid-column:2;grid-row:4}
  body.bt-flow-br :is(main>.btg-newsletter,[data-bt-slot="newsletter"]>.btg-newsletter)>.btg-status:empty{display:none}
  body.bt-flow-br :is(main>.btg-newsletter,[data-bt-slot="newsletter"]>.btg-newsletter) .btg-input{flex:1 1 220px;min-width:0}
}

/* ---------- QA polish 1 (24 Oct 2026) ---------- */
/* Who it's for: a 3x2 grid on desktop (2 columns on tablets); swipe stays on phones with a visible cue */
@media (min-width:761px){
  body.bt-flow-br #br-who .strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;scroll-snap-type:none;gap:14px}
  body.bt-flow-br #br-who .strip>article{width:auto;min-width:0;flex:none}
  body.bt-flow-br #br-who .strip-cue{display:none}
}
@media (min-width:1000px){body.bt-flow-br #br-who .strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){
  body.bt-flow-br #br-who .strip{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent);scroll-padding-inline:0}
  body.bt-flow-br #br-who .strip-cue{display:block;margin:10px 0 0;font-size:13px;font-weight:600;color:var(--muted,#5b6577)}
  body.bt-flow-br #br-who .strip-cue span{display:inline-block;margin-left:4px}
}
/* Early Bird card: the small supporting text is readable on the dark card in both themes (about 78% white) */
body.bt-flow-br .btg-earlybird .btg-founding-copy p:last-child{color:rgba(255,255,255,.78)}
/* Tools footnote: trial line and PDF notes on separate lines */
body.bt-flow-br #br-tools .br-tools-notes p{margin:0 0 6px}
body.bt-flow-br #br-tools .br-tools-notes p:last-child{margin-bottom:0}