/**
 * BravaGuest 2.3 production layout.
 * This is intentionally loaded last. It establishes one predictable spacing,
 * type and responsive system after WordPress themes, page builders and legacy
 * BravaGuest styles have loaded.
 */

:where(.bg-marketing-page-v3,.bg-registration-page,.bg-account-shell,.bg-legal-page,.bg-guide){
  --bg-prod-max:1320px;
  --bg-prod-reading:760px;
  --bg-prod-gutter:clamp(16px,2.4vw,32px);
  --bg-prod-section:clamp(64px,7vw,96px);
  --bg-prod-card-pad:clamp(22px,2.3vw,32px);
  --bg-prod-radius:24px;
  --bg-prod-line:color-mix(in srgb,var(--bg-text,#17212b) 10%,transparent);
  --bg-prod-shadow:0 18px 52px rgba(20,45,68,.075);
}

:where(.bg-marketing-page-v3,.bg-registration-page,.bg-account-shell,.bg-legal-page,.bg-guide),
:where(.bg-marketing-page-v3,.bg-registration-page,.bg-account-shell,.bg-legal-page,.bg-guide) *{
  box-sizing:border-box;
}

:where(.bg-marketing-page-v3,.bg-registration-page,.bg-account-shell,.bg-legal-page,.bg-guide) :is(h1,h2,h3,h4,p,ul,ol){
  max-width:100%;
  word-break:normal;
  overflow-wrap:break-word;
  hyphens:none;
}

:where(.bg-marketing-page-v3,.bg-registration-page,.bg-account-shell,.bg-legal-page) :is(h1,h2,h3,h4){
  text-wrap:balance;
}

:where(.bg-marketing-page-v3,.bg-registration-page,.bg-account-shell,.bg-legal-page) img,
.bg-guide img{
  display:block;
  max-width:100%;
}

/* --------------------------------------------------------------------------
   Shared website navigation
   -------------------------------------------------------------------------- */
.bg-site-nav{
  contain:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  width:100%!important;
  min-height:72px!important;
  padding:10px 12px 10px 18px!important;
  border-radius:20px!important;
}
.bg-site-nav.is-sticky{top:12px!important}
.admin-bar .bg-site-nav.is-sticky{top:44px!important}
.bg-site-brand{flex:0 1 auto!important;min-width:0!important}
.bg-site-nav-links{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:2px!important;
  min-width:0!important;
}
.bg-site-nav-links>a{flex:0 0 auto!important}
.bg-site-nav-links>a:not(.bg-button){padding:10px 11px!important}
.bg-site-nav .bg-nav-cta{min-height:46px!important;padding-inline:19px!important}

/* Anchor links must stop below the sticky navigation. */
.bg-marketing-page-v3 :is(section[id],div[id]),
.bg-registration-page :is(section[id],div[id]){
  scroll-margin-top:112px;
}
.admin-bar .bg-marketing-page-v3 :is(section[id],div[id]),
.admin-bar .bg-registration-page :is(section[id],div[id]){
  scroll-margin-top:150px;
}

/* --------------------------------------------------------------------------
   Marketing website
   -------------------------------------------------------------------------- */
.bg-marketing-page-v3{
  width:min(calc(100% - (var(--bg-prod-gutter) * 2)),var(--bg-prod-max))!important;
  max-width:var(--bg-prod-max)!important;
  margin-inline:auto!important;
  padding:16px 0 64px!important;
  overflow:visible!important;
}
.bg-marketing-page-v3>.bg-site-nav{margin-bottom:18px!important}

.bg-marketing-hero-v3{
  display:grid!important;
  grid-template-columns:minmax(0,1.04fr) minmax(360px,.86fr)!important;
  align-items:center!important;
  gap:clamp(38px,5vw,78px)!important;
  min-height:620px!important;
  margin:0!important;
  padding:clamp(42px,5.5vw,76px)!important;
  border-radius:30px!important;
}
.bg-marketing-hero-v3 .bg-marketing-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:0!important;
  min-width:0!important;
  max-width:680px!important;
}
.bg-marketing-hero-v3 h1{
  margin:14px 0 20px!important;
  font-size:clamp(2.7rem,4.3vw,4.45rem)!important;
  line-height:1.01!important;
  letter-spacing:-.05em!important;
}
.bg-marketing-hero-v3 .bg-marketing-copy>p{
  margin:0 0 27px!important;
  max-width:650px!important;
  font-size:clamp(1rem,1.25vw,1.18rem)!important;
  line-height:1.66!important;
}
.bg-registration-hero-actions{margin:0!important}
.bg-registration-trust-v3{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px 18px!important;
  width:100%!important;
  margin-top:28px!important;
}
.bg-registration-trust-v3 span{font-size:.85rem!important;line-height:1.4!important}
.bg-home-phone-v3{
  width:min(100%,430px)!important;
  min-height:560px!important;
  justify-self:center!important;
  margin:0!important;
}
.bg-home-phone-v3 .bg-preview-hero{min-height:215px!important}

.bg-marketing-proofbar{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  margin-top:16px!important;
}
.bg-marketing-proofbar>div{padding:20px 23px!important}

.bg-marketing-page-v3 .bg-marketing-section{
  width:100%!important;
  margin:var(--bg-prod-section) 0 0!important;
  padding:0!important;
}
.bg-marketing-page-v3 .bg-marketing-heading{
  display:block!important;
  width:min(100%,820px)!important;
  max-width:820px!important;
  margin:0 auto clamp(30px,3.5vw,44px)!important;
  padding:0!important;
  text-align:center!important;
}
.bg-marketing-page-v3 .bg-marketing-heading h2{
  margin:9px auto 14px!important;
  font-size:clamp(2rem,3.15vw,3.15rem)!important;
  line-height:1.07!important;
  letter-spacing:-.042em!important;
}
.bg-marketing-page-v3 .bg-marketing-heading p{
  width:min(100%,740px)!important;
  margin:0 auto!important;
  font-size:clamp(.96rem,.35vw + .92rem,1.06rem)!important;
  line-height:1.68!important;
}

.bg-outcome-grid,
.bg-how-grid-v3{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
.bg-feature-bento{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
.bg-feature-bento article.is-wide{grid-column:span 2!important}

.bg-marketing-page-v3 :is(.bg-outcome-grid,.bg-how-grid-v3,.bg-feature-bento)>article{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  padding:var(--bg-prod-card-pad)!important;
  overflow:visible!important;
  border-radius:22px!important;
}
.bg-marketing-page-v3 :is(.bg-outcome-grid,.bg-how-grid-v3,.bg-feature-bento)>article>span{
  position:static!important;
  inset:auto!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  margin:0 0 22px!important;
  transform:none!important;
}
.bg-marketing-page-v3 :is(.bg-outcome-grid,.bg-how-grid-v3,.bg-feature-bento) h3{
  position:static!important;
  width:100%!important;
  margin:0 0 10px!important;
  font-size:clamp(1.08rem,.45vw + 1rem,1.28rem)!important;
  line-height:1.23!important;
  letter-spacing:-.025em!important;
}
.bg-marketing-page-v3 :is(.bg-outcome-grid,.bg-how-grid-v3,.bg-feature-bento) p{
  position:static!important;
  width:100%!important;
  margin:0!important;
  font-size:clamp(.9rem,.18vw + .86rem,.98rem)!important;
  line-height:1.62!important;
}

.bg-demo-showcase-v3{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(360px,.78fr)!important;
  align-items:center!important;
  gap:clamp(34px,5vw,70px)!important;
  padding:clamp(34px,4.5vw,62px)!important;
}
.bg-demo-showcase-v3 .bg-demo-device{width:min(100%,440px)!important}

.bg-pricing-section-v3{
  padding:clamp(32px,4vw,56px)!important;
  overflow:visible!important;
}
.bg-pricing-section-v3 .bg-marketing-heading{margin-bottom:32px!important}
.bg-pricing-grid-single{
  display:block!important;
  width:min(100%,760px)!important;
  max-width:760px!important;
  margin-inline:auto!important;
}
.bg-price-card-v3{
  width:100%!important;
  max-width:760px!important;
  margin-inline:auto!important;
  padding:clamp(28px,3.5vw,42px)!important;
}
.bg-price-card-v3 .bg-price-card-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
}
.bg-price-card-v3 h3{font-size:clamp(1.45rem,2vw,2rem)!important}
.bg-price-card-v3 .bg-price{display:flex!important;align-items:flex-end!important;gap:6px!important}
.bg-price-card-v3 .bg-price strong{font-size:clamp(3rem,5vw,4.5rem)!important}
.bg-included-columns{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px 36px!important;
  margin:26px 0!important;
}
.bg-included-columns li{font-size:.94rem!important;line-height:1.52!important}

.bg-home-qr-products,
.bg-home-upgrades{
  padding:clamp(30px,4vw,50px)!important;
}
.bg-woo-offer-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))!important;
  gap:18px!important;
}
.bg-faq-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.bg-final-cta,
.bg-referral-promo{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:28px!important;
}
.bg-legal-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:wrap!important;
  gap:14px!important;
  margin-top:40px!important;
  padding:22px 4px!important;
}

/* --------------------------------------------------------------------------
   Registration journey
   -------------------------------------------------------------------------- */
.bg-registration-page{
  display:block!important;
  width:min(calc(100% - (var(--bg-prod-gutter) * 2)),var(--bg-prod-max))!important;
  max-width:var(--bg-prod-max)!important;
  margin:0 auto!important;
  padding:16px 0 64px!important;
}
.bg-registration-page>.bg-registration-nav{margin-bottom:18px!important}
.bg-registration-page .bg-registration-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(340px,.82fr)!important;
  align-items:center!important;
  gap:clamp(34px,5vw,70px)!important;
  min-height:570px!important;
  padding:clamp(38px,5vw,68px)!important;
  border-radius:30px!important;
}
.bg-registration-page .bg-registration-copy{min-width:0!important}
.bg-registration-page .bg-registration-copy h1{
  margin:12px 0 18px!important;
  font-size:clamp(2.45rem,4.2vw,4.25rem)!important;
  line-height:1.01!important;
}
.bg-registration-page .bg-registration-copy>p{
  margin:0!important;
  max-width:620px!important;
  font-size:clamp(1rem,1.2vw,1.16rem)!important;
}
.bg-registration-page .bg-live-preview{
  width:min(100%,430px)!important;
  justify-self:center!important;
  margin:0!important;
}
.bg-registration-steps{
  width:100%!important;
  margin:16px 0 0!important;
  gap:12px!important;
}
.bg-registration-steps>div{padding:16px 18px!important}

.bg-registration-page .bg-registration-section{
  width:100%!important;
  margin:var(--bg-prod-section) 0 0!important;
  padding:0!important;
}
.bg-registration-page .bg-pricing-section-v3{
  padding:clamp(32px,4vw,56px)!important;
}
.bg-registration-page .bg-signup-section{
  display:grid!important;
  grid-template-columns:minmax(0,.85fr) minmax(390px,1fr)!important;
  align-items:center!important;
  gap:clamp(40px,6vw,80px)!important;
  width:min(100%,1080px)!important;
  max-width:1080px!important;
  margin-inline:auto!important;
}
.bg-registration-page .bg-signup-copy{
  position:static!important;
  top:auto!important;
  align-self:center!important;
  padding:0!important;
  margin:0!important;
}
.bg-registration-page .bg-signup-copy h2{
  margin:8px 0 14px!important;
  font-size:clamp(2rem,3.2vw,3rem)!important;
  line-height:1.06!important;
}
.bg-registration-page .bg-signup-copy>p{margin:0!important}
.bg-registration-page .bg-signup-plan-summary{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  margin-top:24px!important;
}
.bg-registration-card{
  width:100%!important;
  max-width:560px!important;
  justify-self:end!important;
  padding:clamp(26px,3.3vw,40px)!important;
}
.bg-registration-card h3{margin-bottom:25px!important}
.bg-registration-card>p:not(.bg-login-link):not(.bg-terms-check){margin:0 0 20px!important}
.bg-registration-card label{gap:8px!important}
.bg-registration-card input[type="text"],
.bg-registration-card input[type="email"],
.bg-registration-card input[type="password"]{
  min-height:54px!important;
}
.bg-registration-card small{margin:7px 0 0!important}
.bg-terms-check{
  width:100%!important;
  margin:4px 0 22px!important;
  padding:14px 15px!important;
  border:1px solid var(--bg-prod-line)!important;
  border-radius:13px!important;
  background:#f8fbfd!important;
}
.bg-terms-check label{
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  align-items:start!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  font-size:.9rem!important;
  font-weight:600!important;
  line-height:1.5!important;
}
.bg-terms-check input{
  width:17px!important;
  height:17px!important;
  margin:2px 0 0!important;
}
.bg-terms-copy{
  display:block!important;
  min-width:0!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.bg-terms-copy a{display:inline!important;white-space:normal!important}
.bg-registration-submit{margin-top:0!important}

/* --------------------------------------------------------------------------
   Host portal and host forms
   -------------------------------------------------------------------------- */
.bg-account-shell{
  width:min(calc(100% - (var(--bg-prod-gutter) * 2)),var(--bg-prod-max))!important;
  max-width:var(--bg-prod-max)!important;
  margin:0 auto!important;
  padding:20px 0 64px!important;
}
.bg-account-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:24px!important;
  padding:24px 28px!important;
}
.bg-account-header-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  gap:9px!important;
}
.bg-portal-overview{gap:16px!important}
.bg-portal-welcome{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:28px!important;
  padding:28px!important;
}
.bg-portal-metrics{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
.bg-portal-metrics>div{min-width:0!important;padding:20px!important}
.bg-portal-next-step{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:24px!important;
}
.bg-guide-list{gap:14px!important}
.bg-guide-row{
  display:grid!important;
  grid-template-columns:142px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:20px!important;
  min-width:0!important;
  padding:15px!important;
}
.bg-guide-thumb{width:142px!important;min-height:106px!important}
.bg-guide-row-main{min-width:0!important}
.bg-guide-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:0!important;
}
.bg-account-shell .bg-form-section-v2{
  padding:clamp(22px,3vw,34px)!important;
  border-radius:22px!important;
}
.bg-account-shell .bg-form-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;
}
.bg-account-shell .bg-field{min-width:0!important}
.bg-account-shell .bg-field :is(input,select,textarea){width:100%!important;max-width:100%!important}

/* --------------------------------------------------------------------------
   Public guest guide
   -------------------------------------------------------------------------- */
body.bg-guide-page{overflow-x:hidden!important}
.bg-guide{
  width:100%!important;
  padding-bottom:clamp(40px,6vw,78px)!important;
}
.bg-guide.has-mobile-actions{padding-bottom:max(105px,calc(80px + env(safe-area-inset-bottom)))!important}
.bg-guide .bg-topbar{
  width:min(calc(100% - (var(--bg-prod-gutter) * 2)),1380px)!important;
  height:70px!important;
}
.bg-guide .bg-hero{
  width:min(calc(100% - (var(--bg-prod-gutter) * 2)),1380px)!important;
  min-height:clamp(430px,53vw,650px)!important;
}
.bg-guide .bg-hero-content{
  padding:clamp(28px,4.7vw,62px)!important;
}
.bg-guide .bg-hero h1{
  font-size:clamp(2.7rem,6vw,5.4rem)!important;
  line-height:.98!important;
}
.bg-guide .bg-guide-shell{
  width:min(calc(100% - (var(--bg-prod-gutter) * 2)),1240px)!important;
  max-width:1240px!important;
  margin-top:clamp(28px,4vw,48px)!important;
}
.bg-guide .bg-welcome-panel{padding:clamp(22px,3vw,34px)!important}
.bg-guide .bg-quick-facts{gap:12px!important}
.bg-guide .bg-wifi-panel{
  grid-template-columns:auto minmax(145px,.65fr) minmax(250px,1.4fr) auto!important;
  gap:20px!important;
  padding:clamp(22px,3vw,32px)!important;
}
.bg-guide .bg-gallery-section{
  margin:30px 0 40px!important;
  padding:clamp(22px,3vw,32px)!important;
  border:1px solid var(--bg-prod-line)!important;
  border-radius:26px!important;
  background:color-mix(in srgb,var(--bg-card,#fff) 84%,var(--bg-page,#f4f7fa))!important;
  box-shadow:var(--bg-prod-shadow)!important;
}
.bg-guide .bg-section-kicker{
  margin:0 0 22px!important;
  padding:0 0 20px!important;
  border-bottom:1px solid var(--bg-prod-line)!important;
}
.bg-guide .bg-gallery{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-rows:clamp(190px,20vw,285px)!important;
  gap:14px!important;
}
.bg-guide .bg-gallery-item,
.bg-guide .bg-gallery-item:first-child,
.bg-guide .bg-gallery-item:nth-child(2){
  grid-column:auto!important;
  grid-row:auto!important;
  min-width:0!important;
  border-radius:18px!important;
}
.bg-guide .bg-content-layout{
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr)!important;
  align-items:start!important;
  gap:clamp(24px,3vw,38px)!important;
}
.bg-guide .bg-guide-sidebar{min-width:0!important}
.bg-guide .bg-sidebar-inner{
  position:sticky!important;
  top:24px!important;
  padding:16px!important;
}
.admin-bar .bg-guide .bg-sidebar-inner{top:58px!important}
.bg-guide .bg-guide-content{min-width:0!important}
.bg-guide .bg-guide-search{
  min-height:58px!important;
  margin:0 0 22px!important;
}
.bg-guide .bg-guide-section{
  margin:0 0 clamp(26px,3.5vw,40px)!important;
  padding:clamp(22px,2.8vw,32px)!important;
  border-radius:26px!important;
}
.bg-guide .bg-section-heading{
  grid-template-columns:54px minmax(0,1fr)!important;
  gap:16px!important;
  margin:0 0 22px!important;
  padding:0 0 21px!important;
}
.bg-guide .bg-section-heading h2{
  font-size:clamp(2rem,3vw,3rem)!important;
  line-height:1.03!important;
}
.bg-guide .bg-topic-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:14px!important;
}
.bg-guide .bg-topic-card{
  grid-column:span 2!important;
  min-width:0!important;
  min-height:142px!important;
  padding:20px!important;
}
.bg-guide .bg-topic-card:nth-child(3n+1):last-child{grid-column:1/-1!important}
.bg-guide .bg-topic-card:nth-last-child(2):nth-child(3n+1),
.bg-guide .bg-topic-card:last-child:nth-child(3n+2){grid-column:span 3!important}
.bg-guide .bg-topic-card.is-wide{grid-column:1/-1!important}
.bg-guide .bg-inventory-grid,
.bg-guide .bg-visual-grid,
.bg-guide .bg-link-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))!important;
  gap:14px!important;
}
.bg-guide .bg-host-panel{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:20px!important;
  padding:clamp(22px,3vw,30px)!important;
}
.bg-guide .bg-host-buttons{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:9px!important}
.bg-guide .bg-mobile-actions{
  left:max(12px,env(safe-area-inset-left))!important;
  right:max(12px,env(safe-area-inset-right))!important;
  bottom:max(10px,env(safe-area-inset-bottom))!important;
  width:auto!important;
  max-width:620px!important;
  margin-inline:auto!important;
}

/* --------------------------------------------------------------------------
   Responsive breakpoints
   -------------------------------------------------------------------------- */
@media(max-width:1120px){
  .bg-site-nav-toggle{display:grid!important}
  .bg-site-nav-links{
    position:absolute!important;
    top:calc(100% + 10px)!important;
    left:0!important;
    right:0!important;
    z-index:90!important;
    display:none!important;
    grid-template-columns:1fr!important;
    align-items:stretch!important;
    padding:12px!important;
    border:1px solid var(--bg-prod-line)!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 20px 55px rgba(20,45,68,.16)!important;
  }
  .bg-site-nav.is-open .bg-site-nav-links{display:grid!important}
  .bg-site-nav-links>a{width:100%!important;justify-content:flex-start!important;text-align:left!important}
  .bg-site-nav-links .bg-nav-cta{justify-content:center!important;text-align:center!important}

  .bg-marketing-hero-v3,
  .bg-registration-page .bg-registration-hero{
    grid-template-columns:minmax(0,1fr) minmax(320px,.8fr)!important;
    gap:36px!important;
  }
  .bg-outcome-grid,
  .bg-how-grid-v3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .bg-feature-bento{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .bg-feature-bento article.is-wide{grid-column:span 2!important}

  .bg-account-header{grid-template-columns:1fr!important}
  .bg-account-header-actions{justify-content:flex-start!important}
  .bg-portal-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .bg-guide-row{grid-template-columns:120px minmax(0,1fr)!important}
  .bg-guide-thumb{width:120px!important}
  .bg-guide-actions{grid-column:1/-1!important;justify-content:flex-start!important;padding-left:140px!important}

  .bg-guide .bg-content-layout{grid-template-columns:1fr!important;gap:0!important}
  .bg-guide .bg-guide-sidebar{position:relative!important;margin-bottom:20px!important}
  .bg-guide .bg-sidebar-inner{
    position:static!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .bg-guide .bg-sidebar-title{display:none!important}
  .bg-guide .bg-section-nav{
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    padding:4px 2px 10px!important;
    scrollbar-width:thin!important;
  }
  .bg-guide .bg-section-nav a{flex:0 0 auto!important;min-width:max-content!important}
}

@media(max-width:860px){
  .bg-marketing-hero-v3,
  .bg-registration-page .bg-registration-hero,
  .bg-demo-showcase-v3,
  .bg-registration-page .bg-signup-section{
    grid-template-columns:1fr!important;
  }
  .bg-marketing-hero-v3,
  .bg-registration-page .bg-registration-hero{min-height:0!important}
  .bg-marketing-hero-v3 .bg-marketing-copy,
  .bg-registration-page .bg-registration-copy{max-width:none!important}
  .bg-home-phone-v3,
  .bg-registration-page .bg-live-preview{justify-self:center!important}
  .bg-registration-trust-v3{grid-template-columns:1fr!important}
  .bg-marketing-proofbar{grid-template-columns:1fr!important}
  .bg-marketing-proofbar>div+div{border-top:1px solid rgba(31,79,122,.1)!important}
  .bg-marketing-proofbar>div{padding:17px 20px!important}
  .bg-registration-page .bg-signup-copy{max-width:720px!important;margin-inline:auto!important;text-align:center!important}
  .bg-registration-page .bg-signup-plan-summary{max-width:560px!important;margin-inline:auto!important}
  .bg-registration-card{justify-self:center!important}
  .bg-final-cta,
  .bg-referral-promo{grid-template-columns:1fr!important}
  .bg-final-cta-actions{justify-content:flex-start!important}

  .bg-guide .bg-wifi-panel{
    grid-template-columns:auto minmax(0,1fr) auto!important;
  }
  .bg-guide .bg-wifi-values{grid-column:2/4!important}
  .bg-guide .bg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .bg-guide .bg-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .bg-guide .bg-topic-card,
  .bg-guide .bg-topic-card:nth-child(3n+1):last-child,
  .bg-guide .bg-topic-card:nth-last-child(2):nth-child(3n+1),
  .bg-guide .bg-topic-card:last-child:nth-child(3n+2){grid-column:auto!important}
  .bg-guide .bg-topic-card.is-wide{grid-column:1/-1!important}
}

@media(max-width:680px){
  :where(.bg-marketing-page-v3,.bg-registration-page,.bg-account-shell,.bg-legal-page,.bg-guide){
    --bg-prod-gutter:10px;
    --bg-prod-section:54px;
  }
  .bg-marketing-page-v3,
  .bg-registration-page,
  .bg-account-shell{padding-top:9px!important}
  .bg-site-nav{min-height:62px!important;padding:8px 9px 8px 11px!important;border-radius:17px!important}
  .bg-site-brand-logo,.bg-site-brand-fallback{width:34px!important;height:34px!important;flex-basis:34px!important}
  .bg-site-brand{font-size:1rem!important}
  .admin-bar .bg-site-nav.is-sticky{top:54px!important}

  .bg-marketing-hero-v3,
  .bg-registration-page .bg-registration-hero{
    padding:30px 20px!important;
    border-radius:23px!important;
  }
  .bg-marketing-hero-v3 h1,
  .bg-registration-page .bg-registration-copy h1{
    font-size:clamp(2.25rem,10vw,3.15rem)!important;
  }
  .bg-registration-hero-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .bg-registration-hero-actions .bg-button{width:100%!important}
  .bg-home-phone-v3{min-height:490px!important;border-width:7px!important;border-radius:34px!important}
  .bg-home-phone-v3 .bg-preview-hero{min-height:180px!important}
  .bg-marketing-page-v3 .bg-marketing-heading{text-align:left!important;margin-bottom:25px!important}
  .bg-marketing-page-v3 .bg-marketing-heading h2{margin-left:0!important;font-size:clamp(1.8rem,8.8vw,2.45rem)!important}
  .bg-marketing-page-v3 .bg-marketing-heading p{margin-left:0!important}
  .bg-outcome-grid,
  .bg-how-grid-v3,
  .bg-feature-bento,
  .bg-faq-grid{grid-template-columns:1fr!important}
  .bg-feature-bento article.is-wide{grid-column:auto!important}
  .bg-marketing-page-v3 :is(.bg-outcome-grid,.bg-how-grid-v3,.bg-feature-bento)>article{padding:22px!important}
  .bg-demo-showcase-v3,
  .bg-pricing-section-v3,
  .bg-home-qr-products,
  .bg-home-upgrades{padding:25px 18px!important;border-radius:22px!important}
  .bg-included-columns{grid-template-columns:1fr!important;gap:11px!important}
  .bg-price-card-v3{padding:25px 19px!important}
  .bg-faq-grid summary{padding:18px!important}
  .bg-final-cta,
  .bg-referral-promo{padding:27px 20px!important;border-radius:22px!important}
  .bg-legal-footer{align-items:flex-start!important;flex-direction:column!important}

  .bg-registration-steps{grid-template-columns:1fr!important}
  .bg-registration-page .bg-signup-copy{text-align:left!important}
  .bg-registration-page .bg-signup-plan-summary{grid-template-columns:1fr!important}
  .bg-registration-card{padding:24px 18px!important}
  .bg-terms-check{padding:13px!important}

  .bg-account-header{padding:20px!important}
  .bg-account-header-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}
  .bg-account-header-actions .bg-button{width:100%!important}
  .bg-portal-welcome,
  .bg-portal-next-step{grid-template-columns:1fr!important;padding:22px!important}
  .bg-portal-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .bg-guide-row{grid-template-columns:82px minmax(0,1fr)!important;gap:13px!important;padding:12px!important}
  .bg-guide-thumb{width:82px!important;min-height:82px!important}
  .bg-guide-actions{padding-left:0!important;display:grid!important;grid-template-columns:1fr!important}
  .bg-guide-actions .bg-button{width:100%!important}
  .bg-account-shell .bg-form-grid{grid-template-columns:1fr!important}

  .bg-guide .bg-topbar,
  .bg-guide .bg-hero,
  .bg-guide .bg-guide-shell{width:calc(100% - 20px)!important}
  .bg-guide .bg-topbar{height:62px!important}
  .bg-guide .bg-hero{min-height:450px!important;border-radius:24px!important}
  .bg-guide .bg-hero-content{
    align-items:stretch!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    gap:20px!important;
    padding:24px!important;
  }
  .bg-guide .bg-hero h1{font-size:clamp(2.35rem,12vw,3.7rem)!important}
  .bg-guide .bg-hero-actions{justify-content:flex-start!important}
  .bg-guide .bg-hero-button{min-height:46px!important}
  .bg-guide .bg-welcome-panel{grid-template-columns:1fr!important;gap:15px!important}
  .bg-guide .bg-quick-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .bg-guide .bg-wifi-panel{
    grid-template-columns:auto minmax(0,1fr)!important;
    gap:15px!important;
  }
  .bg-guide .bg-wifi-values{grid-column:1/-1!important;grid-template-columns:1fr 1fr!important}
  .bg-guide .bg-copy-button{grid-column:1/-1!important;width:100%!important;justify-content:center!important}
  .bg-guide .bg-gallery-section{padding:18px!important;border-radius:21px!important}
  .bg-guide .bg-gallery{grid-template-columns:1fr!important;grid-auto-rows:230px!important;gap:11px!important}
  .bg-guide .bg-guide-search{min-height:54px!important}
  .bg-guide .bg-guide-section{padding:18px!important;border-radius:21px!important}
  .bg-guide .bg-section-heading{
    grid-template-columns:46px minmax(0,1fr)!important;
    gap:12px!important;
    margin-bottom:18px!important;
    padding-bottom:18px!important;
  }
  .bg-guide .bg-section-heading h2{font-size:clamp(1.75rem,8.8vw,2.35rem)!important}
  .bg-guide .bg-topic-grid{grid-template-columns:1fr!important;gap:11px!important}
  .bg-guide .bg-topic-card,
  .bg-guide .bg-topic-card.is-wide{grid-column:auto!important;min-height:0!important;padding:18px!important}
  .bg-guide .bg-host-panel{grid-template-columns:1fr!important;padding:22px!important}
  .bg-guide .bg-host-buttons{justify-content:flex-start!important}
}

@media(max-width:420px){
  .bg-account-header-actions{grid-template-columns:1fr!important}
  .bg-portal-metrics{grid-template-columns:1fr!important}
  .bg-guide .bg-quick-facts{grid-template-columns:1fr!important}
  .bg-guide .bg-wifi-values{grid-template-columns:1fr!important}
  .bg-guide .bg-hero-actions{display:grid!important;grid-template-columns:1fr!important}
  .bg-guide .bg-hero-button{width:100%!important;justify-content:center!important}
}

@media(prefers-reduced-motion:reduce){
  .bg-home-phone-v3,.bg-demo-device{transform:none!important}
}