/* BravaGuest 2.2.0 — final responsive product, sales and host-portal polish. */

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

/* ---------- Shared website shell ---------- */
.bg-marketing-page-v3,
.bg-account-shell,
.bg-legal-page{
  font-family:var(--bg-font,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);
  color:var(--bg-text,#17212b);
}
.bg-marketing-page-v3{
  width:min(calc(100% - (var(--bg-page-gutter,24px) * 2)),var(--bg-site-max,1440px));
  margin:0 auto;
  padding:18px 0 46px;
  overflow:clip;
}
.bg-marketing-page-v3 :where(h1,h2,h3,p,ul){margin-top:0}
.bg-marketing-page-v3 :where(h1,h2,h3){font-family:var(--bg-font);letter-spacing:-.035em;text-wrap:balance;overflow-wrap:normal;word-break:normal;hyphens:none}
.bg-marketing-page-v3 p{line-height:1.68;color:var(--bg-muted,#667482);overflow-wrap:break-word}
.bg-marketing-page-v3 .bg-eyebrow{font-size:.74rem;line-height:1.25;letter-spacing:.16em;font-weight:800;text-transform:uppercase;color:var(--bg-primary,#1f4f7a)}

.bg-site-nav{
  width:100%;
  min-height:72px;
  padding:10px 14px 10px 18px;
  border:1px solid rgba(23,33,43,.08);
  border-radius:22px;
  background:rgba(255,255,255,.94);
  box-shadow:0 14px 42px rgba(30,58,86,.09);
  backdrop-filter:blur(16px);
}
.bg-site-brand{gap:12px;min-width:0;font-size:1.13rem!important;font-weight:800!important;letter-spacing:-.025em!important}
.bg-site-brand-logo{width:40px!important;height:40px!important;object-fit:contain}
.bg-site-brand-fallback{width:40px!important;height:40px!important;border-radius:13px!important}
.bg-site-nav-links{gap:4px!important;align-items:center}
.bg-site-nav-links>a:not(.bg-button){padding:11px 12px!important;border-radius:11px;font-size:.91rem!important;font-weight:700!important;color:#33485d!important}
.bg-site-nav-links>a:not(.bg-button):hover{background:#eef5fa;color:var(--bg-primary)!important}
.bg-site-nav .bg-nav-cta{min-height:46px;padding:0 20px!important}

/* ---------- Sales hero ---------- */
.bg-marketing-hero-v3{
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(0,1.02fr) minmax(390px,.82fr)!important;
  align-items:center!important;
  gap:clamp(36px,6vw,96px)!important;
  min-height:660px;
  margin-top:18px!important;
  padding:clamp(48px,7vw,92px)!important;
  border:1px solid rgba(31,79,122,.12);
  border-radius:32px!important;
  background:
    radial-gradient(circle at 86% 18%,rgba(110,169,212,.34),transparent 31%),
    linear-gradient(135deg,#fbfdff 0%,#eef6fc 58%,#e5f1f9 100%)!important;
  box-shadow:0 28px 80px rgba(30,58,86,.12);
  overflow:hidden;
}
.bg-marketing-hero-v3::after{content:"";position:absolute;inset:auto -90px -150px auto;width:430px;height:430px;border-radius:50%;background:rgba(255,255,255,.42);pointer-events:none}
.bg-marketing-hero-v3 .bg-marketing-copy{position:relative;z-index:2;max-width:690px!important;padding:0!important}
.bg-marketing-hero-v3 h1{max-width:680px;margin:16px 0 22px!important;font-size:clamp(2.65rem,4.5vw,4.7rem)!important;line-height:.99!important;font-weight:820!important;color:#111b2b!important}
.bg-marketing-hero-v3 .bg-marketing-copy>p{max-width:650px;margin-bottom:30px!important;font-size:clamp(1.03rem,1.5vw,1.28rem)!important;line-height:1.65!important}
.bg-registration-hero-actions{display:flex!important;align-items:center;flex-wrap:wrap;gap:12px!important;margin:0!important}
.bg-registration-hero-actions .bg-button{min-height:54px;padding:0 23px!important;font-size:.98rem!important}
.bg-registration-trust-v3{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:28px!important}
.bg-registration-trust-v3 span{display:flex;align-items:flex-start;gap:7px;font-size:.9rem!important;font-weight:700!important;color:#314960!important}

.bg-home-phone-v3{position:relative;z-index:2;width:min(100%,465px)!important;min-height:620px!important;margin:0 auto!important;border:9px solid #132231!important;border-radius:44px!important;transform:rotate(1deg);box-shadow:0 35px 70px rgba(12,33,52,.25)!important;background:#fff!important;overflow:hidden!important}
.bg-home-phone-v3 .bg-preview-browser{height:42px!important;padding:0 15px!important}
.bg-home-phone-v3 .bg-preview-browser small{max-width:82%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.68rem!important}
.bg-home-phone-v3 .bg-preview-hero{min-height:245px!important;padding:34px 26px 24px!important;background:linear-gradient(160deg,#f9fcff,#eaf4fb)!important}
.bg-home-phone-v3 .bg-preview-hero strong{font-size:1.85rem!important;line-height:1.08!important}
.bg-home-phone-v3 .bg-preview-quick{min-height:84px!important}
.bg-home-phone-v3 .bg-preview-content{padding:18px!important;gap:12px!important}
.bg-home-phone-v3 .bg-preview-content>div{min-height:74px!important;padding:13px!important}

/* ---------- Outcome and proof sections ---------- */
.bg-marketing-proofbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:18px 0 0;border:1px solid rgba(31,79,122,.1);border-radius:22px;background:rgba(31,79,122,.1);overflow:hidden;box-shadow:0 14px 38px rgba(30,58,86,.07)}
.bg-marketing-proofbar>div{padding:22px 25px;background:#fff}
.bg-marketing-proofbar strong{display:block;margin-bottom:5px;font-size:.92rem;color:#16283a}
.bg-marketing-proofbar span{display:block;font-size:.84rem;line-height:1.55;color:var(--bg-muted)}

.bg-marketing-section{margin-top:clamp(64px,8vw,112px)!important;padding:0!important}
.bg-marketing-heading{width:min(100%,800px)!important;margin:0 auto clamp(30px,4vw,48px)!important;text-align:center!important;display:block!important}
.bg-marketing-heading h2{max-width:800px!important;margin:10px auto 15px!important;font-size:clamp(2rem,3.5vw,3.35rem)!important;line-height:1.05!important;color:#132032!important}
.bg-marketing-heading p{max-width:750px!important;margin:0 auto!important;font-size:1.02rem!important}

.bg-outcome-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.bg-outcome-grid article,.bg-feature-bento article,.bg-how-grid-v3 article{min-width:0;padding:28px;border:1px solid rgba(23,33,43,.08);border-radius:22px;background:#fff;box-shadow:0 15px 38px rgba(30,58,86,.07)}
.bg-outcome-grid article{display:flex;flex-direction:column;min-height:245px}
.bg-outcome-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:36px;border-radius:14px;background:#eaf3f9;color:var(--bg-primary);font-size:1.2rem;font-weight:900}
.bg-outcome-grid h3,.bg-feature-bento h3,.bg-how-grid-v3 h3{margin:0 0 10px!important;font-size:clamp(1.12rem,1.5vw,1.38rem)!important;line-height:1.18!important;color:#172332!important}
.bg-outcome-grid p,.bg-feature-bento p,.bg-how-grid-v3 p{margin:0!important;font-size:.94rem!important;line-height:1.62!important}

/* ---------- Live example ---------- */
.bg-demo-showcase-v3{display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(420px,.78fr)!important;align-items:center!important;gap:clamp(36px,7vw,100px)!important;padding:clamp(34px,5vw,70px)!important;border:1px solid rgba(31,79,122,.1);border-radius:30px;background:linear-gradient(135deg,#0f2f4b,#1f5b89)!important;color:#fff;box-shadow:0 28px 70px rgba(20,56,87,.17)}
.bg-demo-showcase-v3 .bg-eyebrow,.bg-demo-showcase-v3 h2{color:#fff!important}
.bg-demo-showcase-v3 h2{margin:10px 0 15px!important;font-size:clamp(2rem,3.5vw,3.25rem)!important;line-height:1.05!important}
.bg-demo-showcase-v3 p,.bg-demo-showcase-v3 li{color:rgba(255,255,255,.78)!important}
.bg-demo-checks{display:grid;gap:11px;padding:0!important;margin:24px 0!important;list-style:none}
.bg-demo-checks li{position:relative;padding-left:26px;font-size:.95rem}
.bg-demo-checks li::before{content:"✓";position:absolute;left:0;color:#a9dcff;font-weight:900}
.bg-demo-showcase-v3 .bg-button-ghost{border-color:rgba(255,255,255,.45)!important;color:#fff!important;background:rgba(255,255,255,.08)!important}
.bg-demo-showcase-v3 .bg-demo-device{width:min(100%,480px)!important;margin:auto!important;transform:rotate(-1deg);box-shadow:0 30px 70px rgba(2,14,25,.32)!important}

/* ---------- Feature bento ---------- */
.bg-feature-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bg-feature-bento article{min-height:210px}
.bg-feature-bento article.is-wide{grid-column:span 2;background:linear-gradient(135deg,#fff,#f0f7fc)}
.bg-feature-bento article>span{display:inline-flex;margin-bottom:34px;padding:6px 9px;border-radius:999px;background:#eaf3f9;color:var(--bg-primary);font-size:.72rem;font-weight:900;letter-spacing:.08em}

/* ---------- How it works ---------- */
.bg-how-grid-v3{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.bg-how-grid-v3 article{position:relative;min-height:260px;padding-top:78px!important}
.bg-how-grid-v3 article>span{position:absolute;top:24px;left:26px;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--bg-primary);color:#fff;font-weight:900}

/* ---------- Pricing ---------- */
.bg-pricing-section-v3{padding:clamp(34px,5vw,70px)!important;border:1px solid rgba(31,79,122,.1);border-radius:30px;background:linear-gradient(180deg,#fbfdff,#eef5fa)}
.bg-pricing-grid-single{max-width:900px!important;margin:0 auto!important}
.bg-price-card-v3{padding:clamp(28px,4vw,48px)!important;border:2px solid rgba(31,79,122,.62)!important;border-radius:25px!important;box-shadow:0 22px 55px rgba(31,79,122,.13)!important}
.bg-price-card-v3 .bg-price-card-head{align-items:flex-start!important;gap:18px!important}
.bg-price-card-v3 h3{max-width:630px!important;margin:6px 0 0!important;font-size:clamp(1.5rem,2.3vw,2.2rem)!important;line-height:1.1!important}
.bg-price-card-v3 .bg-price{margin:26px 0 10px!important}
.bg-price-card-v3 .bg-price strong{font-size:clamp(3rem,6vw,5rem)!important;line-height:.9!important}
.bg-included-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 42px;margin:28px 0}
.bg-included-columns ul{display:grid;gap:12px;margin:0!important;padding:0!important;list-style:none}
.bg-included-columns li{position:relative;padding-left:25px;font-size:.94rem;line-height:1.45;color:#405264}
.bg-included-columns li::before{content:"✓";position:absolute;left:0;color:#1e7d56;font-weight:900}
.bg-price-card-v3 .bg-select-plan{display:flex!important;justify-content:center;align-items:center;min-height:55px;border-radius:var(--bg-button-radius)!important;font-weight:800!important}
.bg-price-note{display:block;margin-top:13px;text-align:center;color:var(--bg-muted)}

/* ---------- Products, FAQ, CTA ---------- */
.bg-home-qr-products,.bg-home-upgrades{padding:clamp(30px,4vw,55px)!important;border-radius:28px;background:#fff;border:1px solid rgba(23,33,43,.08);box-shadow:0 18px 50px rgba(30,58,86,.07)}
.bg-qr-order-explainer{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-bottom:28px!important}
.bg-qr-order-explainer>div{min-height:90px;padding:18px!important;border-radius:17px!important}
.bg-faq-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.bg-faq-grid details{padding:0!important;border:1px solid rgba(23,33,43,.09)!important;border-radius:17px!important;background:#fff!important;box-shadow:0 10px 28px rgba(30,58,86,.055)!important;overflow:hidden}
.bg-faq-grid summary{padding:20px 22px!important;font-size:.98rem!important;line-height:1.35!important;font-weight:800!important;cursor:pointer}
.bg-faq-grid details p{padding:0 22px 21px!important;margin:0!important;font-size:.91rem!important}
.bg-final-cta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:30px!important;padding:clamp(30px,5vw,62px)!important;border-radius:30px;background:linear-gradient(135deg,#132f48,#245f8e)!important;color:#fff}
.bg-final-cta h2{max-width:760px;margin:8px 0 12px!important;font-size:clamp(1.8rem,3.2vw,3rem)!important;line-height:1.08!important;color:#fff!important}
.bg-final-cta p{max-width:710px;margin:0!important;color:rgba(255,255,255,.76)!important}
.bg-final-cta .bg-eyebrow{color:#b9e2ff!important}
.bg-final-cta-actions{display:flex;flex-wrap:wrap;gap:12px;flex:0 0 auto}
.bg-final-cta .bg-button-ghost{border-color:rgba(255,255,255,.5)!important;background:transparent!important;color:#fff!important}
.bg-referral-promo{margin-top:24px!important}

/* ---------- Registration and authentication ---------- */
.bg-registration-page .bg-registration-section,
.bg-registration-page .bg-registration-hero{scroll-margin-top:100px}
.bg-registration-card,.bg-auth-card-premium{padding:clamp(28px,4vw,44px)!important;border-radius:26px!important;border:1px solid rgba(23,33,43,.09)!important;box-shadow:0 24px 60px rgba(30,58,86,.12)!important}
.bg-registration-card h3,.bg-auth-card h2{margin:0 0 24px!important;font-size:clamp(1.65rem,2.5vw,2.25rem)!important;line-height:1.1!important}
.bg-registration-card>p:not(.bg-login-link):not(.bg-terms-check){margin:0 0 21px!important}
.bg-registration-card label{display:grid!important;gap:8px!important;font-size:.92rem!important;font-weight:800!important;color:#22384d!important}
.bg-registration-card input[type="text"],.bg-registration-card input[type="email"],.bg-registration-card input[type="password"],.bg-auth-card input[type="text"],.bg-auth-card input[type="password"]{width:100%!important;min-height:56px!important;padding:12px 15px!important;border:1px solid #c9d7e2!important;border-radius:13px!important;background:#fff!important;font-size:1rem!important;line-height:1.3!important;box-shadow:inset 0 1px 2px rgba(20,45,67,.025)!important}
.bg-registration-card input:focus,.bg-auth-card input:focus{border-color:var(--bg-primary)!important;outline:3px solid rgba(31,79,122,.13)!important;outline-offset:1px!important}
.bg-registration-card small{display:block;margin-top:7px!important;font-size:.78rem!important;line-height:1.4!important;color:var(--bg-muted)!important}
.bg-terms-check{margin:7px 0 22px!important}
.bg-terms-check label{display:flex!important;grid-template-columns:none!important;align-items:flex-start!important;gap:10px!important;font-weight:600!important;line-height:1.45!important}
.bg-terms-check input{flex:0 0 auto;margin-top:3px!important}
.bg-registration-submit{width:100%!important;min-height:57px!important}
.bg-login-link{margin:20px 0 0!important;text-align:center!important;font-size:.9rem!important}
.bg-signup-plan-summary{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:20px!important;padding:18px 20px!important;border-radius:15px!important;font-size:.94rem!important}

/* ---------- Host portal ---------- */
.bg-account-shell{width:min(calc(100% - (var(--bg-page-gutter,24px) * 2)),var(--bg-site-max,1440px))!important;margin:0 auto!important;padding:24px 0 52px!important}
.bg-account-header{align-items:center!important;padding:22px 26px!important;border:1px solid rgba(23,33,43,.08)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 14px 40px rgba(30,58,86,.08)!important}
.bg-account-header h1{margin:5px 0 0!important;font-size:clamp(1.75rem,3vw,2.6rem)!important;line-height:1.04!important}
.bg-account-header-actions{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:9px!important}
.bg-account-header-actions .bg-button{min-height:43px!important;padding:0 15px!important;font-size:.84rem!important}
.bg-portal-overview{display:grid;gap:16px;margin:22px 0 28px}
.bg-portal-welcome{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px;border:1px solid rgba(31,79,122,.12);border-radius:24px;background:linear-gradient(135deg,#f9fcff,#eaf4fb);box-shadow:0 16px 42px rgba(30,58,86,.08)}
.bg-portal-welcome h2{margin:7px 0 8px!important;font-size:clamp(1.6rem,3vw,2.45rem)!important;line-height:1.05!important}
.bg-portal-welcome p{max-width:760px;margin:0!important;line-height:1.6!important;color:var(--bg-muted)!important}
.bg-portal-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.bg-portal-metrics>div{min-width:0;padding:20px;border:1px solid rgba(23,33,43,.08);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(30,58,86,.055)}
.bg-portal-metrics span,.bg-portal-metrics small{display:block}
.bg-portal-metrics span{font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--bg-muted)}
.bg-portal-metrics strong{display:block;margin:8px 0 4px;font-size:2rem;line-height:1;color:#172638}
.bg-portal-metrics small{font-size:.76rem;line-height:1.35;color:var(--bg-muted)}
.bg-portal-next-step{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 24px;border-radius:20px;background:#173f62;color:#fff}
.bg-portal-next-step strong{display:block;margin:4px 0;font-size:1.18rem}
.bg-portal-next-step p{margin:0!important;color:rgba(255,255,255,.72)!important;font-size:.87rem!important}
.bg-portal-step-label{font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#bfe4ff}
.bg-portal-next-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.bg-portal-next-actions .bg-button-ghost{border-color:rgba(255,255,255,.35)!important;background:rgba(255,255,255,.08)!important;color:#fff!important}
.bg-dashboard-toolbar{margin-top:26px!important;padding:0 2px!important}
.bg-dashboard-toolbar h2{margin:0 0 6px!important;font-size:1.55rem!important}
.bg-guide-list{display:grid!important;gap:14px!important}
.bg-guide-row{display:grid!important;grid-template-columns:150px minmax(0,1fr) auto!important;align-items:center!important;gap:22px!important;padding:16px!important;border:1px solid rgba(23,33,43,.08)!important;border-radius:21px!important;background:#fff!important;box-shadow:0 12px 34px rgba(30,58,86,.06)!important}
.bg-guide-thumb{width:150px!important;min-height:112px!important;border-radius:15px!important;background-color:#e9f0f5!important;background-size:cover!important;background-position:center!important}
.bg-guide-row-main h3{margin:8px 0 5px!important;font-size:1.24rem!important;line-height:1.15!important}
.bg-guide-row-main p{margin:0 0 11px!important;font-size:.84rem!important}
.bg-guide-actions{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:8px!important;max-width:330px}
.bg-guide-actions .bg-button{min-height:42px!important;padding:0 14px!important;font-size:.81rem!important}
.bg-referral-card{margin-top:28px!important}

/* Host editor navigation and forms */
.bg-editor-workspace{grid-template-columns:245px minmax(0,1fr) 290px!important;gap:20px!important;align-items:start!important}
.bg-editor-nav,.bg-editor-assistant{top:90px!important}
.bg-form-section-v2{padding:clamp(24px,3vw,36px)!important;border-radius:22px!important}
.bg-form-section-head{margin-bottom:25px!important;padding-bottom:20px!important}
.bg-form-section-head h3{font-size:clamp(1.35rem,2vw,1.8rem)!important;line-height:1.12!important}
.bg-form-grid{gap:20px!important}
.bg-field label{margin-bottom:8px!important;font-size:.9rem!important;line-height:1.3!important}
.bg-field input:not([type="checkbox"]):not([type="radio"]),.bg-field select,.bg-field textarea{min-height:51px!important;padding:12px 14px!important;border-radius:12px!important;font-size:.95rem!important}
.bg-field textarea{min-height:125px!important}
.bg-field small{margin-top:7px!important;font-size:.77rem!important;line-height:1.45!important}

/* ---------- Public guide refinements ---------- */
.bg-guide{--bg-readable:760px}
.bg-guide-header,.bg-guide-shell{width:min(calc(100% - 32px),var(--bg-max,1120px))!important}
.bg-guide-shell{padding-bottom:max(95px,env(safe-area-inset-bottom))!important}
.bg-guide-search{border-radius:18px!important}
.bg-guide-section{scroll-margin-top:110px}
.bg-section-heading h2{font-size:clamp(2rem,4vw,3.25rem)!important;line-height:1.02!important}
.bg-topic-card,.bg-inventory-card,.bg-visual-card,.bg-link-card{min-width:0}
.bg-topic-content p,.bg-rich-copy{overflow-wrap:anywhere}

/* ---------- Breakpoints ---------- */
@media(max-width:1180px){
  .bg-marketing-hero-v3{grid-template-columns:minmax(0,1fr) minmax(340px,.75fr)!important;padding:52px!important;gap:40px!important}
  .bg-home-phone-v3{min-height:575px!important}
  .bg-outcome-grid,.bg-how-grid-v3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .bg-editor-workspace{grid-template-columns:210px minmax(0,1fr)!important}
  .bg-editor-assistant{display:none!important}
}
@media(max-width:900px){
  .bg-marketing-page-v3,.bg-account-shell{width:min(calc(100% - 28px),var(--bg-site-max,1440px))!important}
  .bg-marketing-hero-v3{grid-template-columns:1fr!important;min-height:0;padding:44px 30px!important;text-align:left!important}
  .bg-marketing-hero-v3 .bg-marketing-copy{max-width:760px!important}
  .bg-home-phone-v3{width:min(100%,430px)!important;min-height:560px!important;transform:none}
  .bg-marketing-proofbar{grid-template-columns:1fr}
  .bg-demo-showcase-v3{grid-template-columns:1fr!important;padding:38px 28px!important}
  .bg-feature-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bg-feature-bento article.is-wide{grid-column:span 2}
  .bg-portal-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bg-guide-row{grid-template-columns:115px minmax(0,1fr)!important}
  .bg-guide-thumb{width:115px!important}
  .bg-guide-actions{grid-column:1/-1;max-width:none;justify-content:flex-start!important;padding-left:137px}
  .bg-editor-workspace{grid-template-columns:1fr!important}
  .bg-editor-nav{position:static!important;display:flex!important;overflow:auto!important;gap:7px!important;padding:8px!important;border-radius:16px!important}
  .bg-editor-nav-title{display:none!important}
  .bg-editor-nav button{flex:0 0 auto!important;width:auto!important;min-height:42px!important;padding:0 12px!important}
}
@media(max-width:680px){
  .bg-marketing-page-v3,.bg-account-shell{width:min(calc(100% - 20px),var(--bg-site-max,1440px))!important;padding-top:10px!important}
  .bg-site-nav{min-height:62px;padding:8px 10px 8px 12px;border-radius:17px}
  .bg-site-brand-logo,.bg-site-brand-fallback{width:34px!important;height:34px!important}
  .bg-site-brand{font-size:1rem!important}
  .bg-marketing-hero-v3{margin-top:10px!important;padding:34px 22px 28px!important;border-radius:23px!important}
  .bg-marketing-hero-v3 h1{font-size:clamp(2.25rem,11vw,3.2rem)!important;line-height:1!important}
  .bg-marketing-hero-v3 .bg-marketing-copy>p{font-size:1rem!important}
  .bg-registration-hero-actions{display:grid!important;grid-template-columns:1fr;width:100%}
  .bg-registration-hero-actions .bg-button{width:100%!important}
  .bg-registration-trust-v3{margin-top:22px!important}
  .bg-home-phone-v3{min-height:500px!important;border-width:7px!important;border-radius:34px!important}
  .bg-home-phone-v3 .bg-preview-hero{min-height:190px!important}
  .bg-marketing-section{margin-top:62px!important}
  .bg-marketing-heading{margin-bottom:26px!important;text-align:left!important}
  .bg-marketing-heading h2{margin-left:0!important;font-size:clamp(1.85rem,9vw,2.5rem)!important}
  .bg-marketing-heading p{font-size:.95rem!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}
  .bg-outcome-grid article,.bg-feature-bento article,.bg-how-grid-v3 article{min-height:0;padding:23px!important}
  .bg-outcome-icon{margin-bottom:25px}
  .bg-demo-showcase-v3,.bg-pricing-section-v3,.bg-home-qr-products,.bg-home-upgrades{padding:27px 20px!important;border-radius:23px!important}
  .bg-included-columns{grid-template-columns:1fr;gap:12px}
  .bg-price-card-v3{padding:26px 20px!important}
  .bg-price-card-v3 .bg-price-card-head{display:grid!important;grid-template-columns:1fr auto!important}
  .bg-qr-order-explainer{grid-template-columns:1fr!important}
  .bg-final-cta{display:grid!important;padding:29px 22px!important;border-radius:23px}
  .bg-final-cta-actions{display:grid;width:100%}
  .bg-final-cta-actions .bg-button{width:100%!important}
  .bg-account-header{display:grid!important;gap:18px!important;padding:20px!important}
  .bg-account-header-actions{justify-content:flex-start!important}
  .bg-portal-welcome{display:grid;padding:23px}
  .bg-portal-welcome .bg-button{width:100%}
  .bg-portal-metrics{grid-template-columns:1fr 1fr;gap:10px}
  .bg-portal-metrics>div{padding:16px}
  .bg-portal-metrics strong{font-size:1.65rem}
  .bg-portal-next-step{display:grid;padding:20px}
  .bg-portal-next-actions{justify-content:flex-start}
  .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;display:grid!important;grid-template-columns:1fr!important}
  .bg-guide-actions .bg-button{width:100%!important}
  .bg-registration-card,.bg-auth-card-premium{padding:24px 18px!important}
  .bg-signup-plan-summary{display:grid!important;gap:5px!important}
  .bg-form-section-v2{padding:22px 17px!important}
  .bg-form-grid{grid-template-columns:1fr!important}
  .bg-guide-header,.bg-guide-shell{width:min(calc(100% - 20px),var(--bg-max,1120px))!important}
}
@media(max-width:420px){
  .bg-portal-metrics{grid-template-columns:1fr}
  .bg-marketing-hero-v3{padding-inline:18px!important}
  .bg-home-phone-v3{min-height:455px!important}
  .bg-account-header-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%}
  .bg-account-header-actions .bg-button{width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  .bg-home-phone-v3,.bg-demo-showcase-v3 .bg-demo-device{transform:none!important}
}

/* Registration journey strip. */
.bg-registration-steps{width:min(calc(100% - 40px),var(--bg-site-max,1440px));margin:22px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bg-registration-steps>div{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:13px;align-items:center;padding:17px 18px;border:1px solid rgba(23,33,43,.08);border-radius:17px;background:#fff;box-shadow:0 10px 26px rgba(30,58,86,.055)}
.bg-registration-steps span{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eaf3f9;color:var(--bg-primary);font-weight:900}
.bg-registration-steps strong{font-size:.9rem;line-height:1.25}
.bg-registration-steps small{font-size:.76rem;line-height:1.35;color:var(--bg-muted)}
@media(max-width:760px){.bg-registration-steps{width:min(calc(100% - 20px),var(--bg-site-max,1440px));grid-template-columns:1fr}.bg-registration-steps>div{padding:14px}}