
/* Client Brief Mobile V2 — conversational presentation only.
   Existing desktop brief, fields, backend and checkout remain unchanged. */
@media (min-width:621px){
  .mbv2-top,.mbv2-nav{display:none!important}
}
@media (max-width:620px){
  body.brief-mobile-v2{background:var(--br-bg);min-height:100dvh;overflow-x:hidden}
  body.brief-mobile-v2 .site-header,
  body.brief-mobile-v2 .top-screen,
  body.brief-mobile-v2 .brief-sidebar,
  body.brief-mobile-v2 .brief-card-progress,
  body.brief-mobile-v2 .brief-question-head:not([data-mbv2-keep]),
  body.brief-mobile-v2 .brief-footer-actions,
  body.brief-mobile-v2 .brief-context-note,
  body.brief-mobile-v2 .brief-bottom{display:none!important}

  body.brief-mobile-v2 .brief-main,
  body.brief-mobile-v2 .brief-workspace{background:var(--br-bg)}
  body.brief-mobile-v2 .brief-shell{width:100%;margin:0}
  body.brief-mobile-v2 .brief-workspace{display:block;padding:0}
  body.brief-mobile-v2 .brief-card{
    position:relative;min-height:100dvh;width:100%;padding:0 18px 112px;
    border:0;border-radius:0;box-shadow:none;background:var(--br-bg)
  }
  body.brief-mobile-v2 .brief-step,
  body.brief-mobile-v2 .brief-step.active{display:block!important;padding:0}
  body.brief-mobile-v2 .brief-fields,
  body.brief-mobile-v2 .brief-fields.two,
  body.brief-mobile-v2 [data-family-panel]{display:contents}
  body.brief-mobile-v2 [hidden]{display:none!important}

  .mbv2-top{
    position:sticky;top:0;z-index:30;margin:0 -18px 12px;padding:13px 18px 11px;
    background:color-mix(in srgb,var(--br-bg) 94%,transparent);
    border-bottom:1px solid var(--br-line);backdrop-filter:blur(14px)
  }
  .mbv2-topline{display:flex;align-items:center;justify-content:space-between;gap:14px}
  .mbv2-brand{display:flex;align-items:baseline;gap:8px;color:var(--br-text)}
  .mbv2-brand strong{font:800 17px/1 Manrope,Inter,sans-serif;letter-spacing:-.04em}
  .mbv2-brand strong b{color:var(--br-accent)}
  .mbv2-brand small{color:var(--br-muted);font-size:8px;font-weight:800;letter-spacing:.12em}
  .mbv2-count{color:var(--br-muted);font-size:9px;font-weight:800;white-space:nowrap}
  .mbv2-progress{height:3px;margin-top:10px;border-radius:999px;background:var(--br-line);overflow:hidden}
  .mbv2-progress i{display:block;height:100%;width:8%;border-radius:inherit;background:var(--br-accent);transition:width .22s ease}

  .mbv2-screen{display:none!important}
  .mbv2-screen.mbv2-active{
    display:flex!important;flex-direction:column;justify-content:flex-start;
    min-height:calc(100dvh - 188px);padding:20px 0 28px
  }
  .mbv2-screen.mbv2-active.mbv2-center{
    justify-content:center;
    padding-top:16px;
    padding-bottom:34px
  }
  label.mbv2-screen.mbv2-active{display:flex!important}

  .mbv2-screen .brief-question-head{display:flex!important;margin:0 0 18px}
  .mbv2-screen .brief-question-head>span{display:none}
  .mbv2-screen .brief-question-head h2,
  .mbv2-screen>span:first-child,
  .mbv2-screen>legend,
  .mbv2-screen.brief-field>span,
  .mbv2-screen .mbv2-question{
    margin:0 0 12px;color:var(--br-text);
    font:800 27px/1.08 Manrope,Inter,sans-serif;letter-spacing:-.04em
  }
  .mbv2-screen .brief-question-head p{margin:7px 0 0;color:var(--br-muted);font-size:13px;line-height:1.45}
  .mbv2-screen.brief-field{gap:12px}
  .mbv2-screen.brief-field input,
  .mbv2-screen.brief-field textarea,
  .mbv2-screen.brief-field select{
    min-height:58px;padding:14px 15px;border-radius:13px;
    font-size:16px;line-height:1.45;background:var(--br-panel);border-color:var(--br-line2)
  }
  .mbv2-screen.brief-field textarea{min-height:132px;resize:none}
  .mbv2-screen.brief-field input:focus,
  .mbv2-screen.brief-field textarea:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--br-accent) 18%,transparent)}

  .mbv2-screen .brief-service-list{gap:8px}
  .mbv2-screen .brief-service-group-label{
    margin:13px 0 3px;font-size:9px;letter-spacing:.12em;color:var(--br-muted)
  }
  .mbv2-screen .brief-service-row{
    grid-template-columns:auto minmax(0,1fr) auto;gap:11px;padding:13px 12px;
    border-radius:13px;background:var(--br-panel)
  }
  .mbv2-screen .brief-service-copy b{font-size:13px}
  .mbv2-screen .brief-service-copy small{font-size:10px;line-height:1.35}
  .mbv2-screen .brief-service-price{grid-column:auto;text-align:right}
  .mbv2-screen .brief-service-price strong{font-size:17px}
  .mbv2-screen .brief-service-price small{font-size:8px}
  .mbv2-screen .brief-help{font-size:11px;line-height:1.45}

  .mbv2-screen.brief-fieldset{margin:0}
  .mbv2-screen.brief-fieldset legend{margin-bottom:14px}
  .mbv2-screen .brief-pills{display:grid;grid-template-columns:1fr;gap:9px}
  .mbv2-screen .brief-pills label{display:block;width:100%}
  .mbv2-screen .brief-pills span{
    display:flex;width:100%;min-height:52px;justify-content:flex-start;padding:0 15px;
    border-radius:13px;background:var(--br-panel);font-size:14px;color:var(--br-text)
  }
  .mbv2-screen .brief-pills.small span{min-width:0;justify-content:flex-start}
  .mbv2-screen .brief-pills input:checked+span{
    background:color-mix(in srgb,var(--br-accent) 16%,var(--br-panel));
    border-color:var(--br-accent);color:var(--br-text)
  }
  .mbv2-screen.brief-current,
  .mbv2-screen .brief-current{margin:0;padding:0;border:0;background:transparent}
  .mbv2-screen .brief-service-group-label{color:var(--br-text)}

  .mbv2-screen .market-estimator{margin:0;padding:0;border:0;background:transparent}
  #marketEstimator.mbv2-screen.mbv2-active{
    min-height:0;
    height:auto;
    padding:26px 0 34px;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important
  }
  .mbv2-screen .market-estimator-head{display:block}
  .mbv2-screen .market-kicker{font-size:9px}
  .mbv2-screen .market-estimator h3{font-size:27px}
  .mbv2-screen .market-estimator-head p{font-size:13px;line-height:1.5}
  .mbv2-screen .market-run{width:100%;min-height:54px;margin-top:18px;font-size:12px;border-radius:13px}
  .mbv2-screen .market-result{max-height:none}
  .mbv2-screen .market-metrics{grid-template-columns:1fr}
  .mbv2-screen .market-columns{grid-template-columns:1fr}

  .mbv2-optional{display:block;margin:10px 0 13px;color:var(--br-muted);font-size:11px;line-height:1.45}
  #marketEstimator>.mbv2-optional{order:3;margin:14px 0 0}
  #marketEstimator .market-estimator-head{order:1}
  #marketEstimator .market-status,
  #marketEstimator .market-result{order:2}
  .mbv2-group{display:flex;flex-direction:column}
  .mbv2-group>.mbv2-question{display:block}
  .mbv2-group>.brief-pills{margin-top:0!important}

  .mbv2-final .brief-summary{margin:0 0 14px}
  .mbv2-final .brief-summary dl{grid-template-columns:1fr}
  .mbv2-final .brief-summary dl>div:nth-child(odd){border-right:0}
  .mbv2-final .brief-summary-service{gap:12px}
  .mbv2-final .brief-payment-note{margin-top:12px}
  .mbv2-final .brief-confirm{margin-top:12px;padding:13px;background:var(--br-panel)}
  .mbv2-final .brief-status{font-size:12px}

  .mbv2-nav{
    position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;
    grid-template-columns:58px minmax(0,1fr);gap:10px;padding:11px 14px calc(11px + env(safe-area-inset-bottom));
    background:color-mix(in srgb,var(--br-bg) 95%,transparent);
    border-top:1px solid var(--br-line);backdrop-filter:blur(14px)
  }
  .mbv2-back,.mbv2-next{
    min-height:56px;border-radius:13px;font:800 14px/1 Inter,Arial,sans-serif;cursor:pointer
  }
  .mbv2-back{border:1px solid var(--br-line2);background:var(--br-panel);color:var(--br-text);font-size:24px}
  .mbv2-back:disabled{opacity:.3}
  .mbv2-next{border:1px solid var(--br-accent);background:var(--br-accent);color:#07100d}
  .mbv2-next:active,.mbv2-back:active{transform:translateY(1px)}
}


/* Mobile QA fix: centered simple questions + compact market screen */
@media (max-width:620px){
  body.brief-mobile-v2 .mbv2-screen.mbv2-center{min-height:calc(100dvh - 188px)}
  body.brief-mobile-v2 #marketEstimator.mbv2-active{justify-content:flex-start}
}


/* Approved Mobile Brief V2 visual skin — Pricing surfaces + mint conversational layer */
@media (max-width:620px){
  body.brief-mobile-v2{
    --mb-bg:#f4f4f1;
    --mb-surface:#ffffff;
    --mb-text:#171817;
    --mb-muted:#6a706b;
    --mb-line:#d9dad6;
    --mb-soft:#f0f0ed;
    --mb-mint:#e9f8ef;
    --mb-mint-strong:#d9f4e4;
    --mb-accent:#35ba78;
    --mb-accent-dark:#19945a;
    --mb-shadow:0 16px 44px rgba(20,22,20,.07);
    background:
      radial-gradient(circle at 104% 18%,rgba(53,186,120,.13),transparent 31%),
      radial-gradient(circle at -12% 73%,rgba(126,231,173,.13),transparent 30%),
      var(--mb-bg);
    color:var(--mb-text);
  }

  body.brief-mobile-v2 .brief-main,
  body.brief-mobile-v2 .brief-workspace{
    background:transparent!important;
  }
  body.brief-mobile-v2 .brief-card{
    background:
      linear-gradient(155deg,rgba(233,248,239,.68) 0%,rgba(244,244,241,.24) 32%,transparent 54%),
      transparent!important;
  }

  .mbv2-top{
    margin-bottom:0;
    padding:15px 18px 13px;
    background:rgba(255,255,255,.91);
    border-bottom:1px solid var(--mb-line);
    box-shadow:0 8px 24px rgba(20,22,20,.025);
  }
  .mbv2-brand strong{color:var(--mb-text);font-size:18px}
  .mbv2-brand strong b{color:var(--mb-accent)}
  .mbv2-brand small,.mbv2-count{color:#737a74}
  .mbv2-progress{height:4px;background:#e3e5e1}
  .mbv2-progress i{
    background:linear-gradient(90deg,var(--mb-accent),#59ce92);
    box-shadow:0 0 16px rgba(53,186,120,.23)
  }

  .mbv2-screen.mbv2-active{
    position:relative;
    isolation:isolate;
  }
  .mbv2-screen.mbv2-active.mbv2-center{
    margin:0 -18px;
    padding:46px 34px 54px;
    min-height:calc(100dvh - 188px);
    background:
      radial-gradient(ellipse at 84% 16%,rgba(126,231,173,.22),transparent 31%),
      radial-gradient(ellipse at 8% 88%,rgba(53,186,120,.10),transparent 27%),
      linear-gradient(180deg,rgba(239,251,244,.72),rgba(244,244,241,.18) 42%,rgba(244,244,241,.04));
  }

  .mbv2-screen.mbv2-center:before{
    content:attr(data-mbv2-eyebrow);
    display:block;
    margin:0 0 17px;
    color:var(--mb-accent-dark);
    font:800 10px/1 Inter,Arial,sans-serif;
    letter-spacing:.17em;
    text-transform:uppercase;
  }

  .mbv2-screen.brief-field>span,
  .mbv2-screen .mbv2-question,
  .mbv2-screen>legend{
    color:var(--mb-text);
    font-size:30px;
    line-height:1.04;
    letter-spacing:-.045em;
  }

  .mbv2-screen.brief-field input,
  .mbv2-screen.brief-field textarea,
  .mbv2-screen.brief-field select{
    width:100%;
    min-height:64px;
    padding:16px 17px;
    border:1px solid var(--mb-line);
    border-radius:16px;
    background:rgba(255,255,255,.96);
    color:var(--mb-text);
    box-shadow:var(--mb-shadow);
  }
  .mbv2-screen.brief-field textarea{min-height:145px}
  .mbv2-screen.brief-field input::placeholder,
  .mbv2-screen.brief-field textarea::placeholder{color:#a3aaa4}
  .mbv2-screen.brief-field input:focus,
  .mbv2-screen.brief-field textarea:focus{
    border-color:rgba(53,186,120,.66);
    box-shadow:0 0 0 3px rgba(53,186,120,.10),var(--mb-shadow);
  }

  .mbv2-support{
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:12px;
    align-items:center;
    margin-top:16px;
    padding:14px 15px;
    border:1px solid rgba(53,186,120,.13);
    border-radius:16px;
    background:linear-gradient(135deg,rgba(217,244,228,.92),rgba(239,250,244,.83));
    color:var(--mb-muted);
    font-size:11px;
    line-height:1.45;
  }
  .mbv2-support i{
    width:38px;height:38px;border-radius:13px;
    display:grid;place-items:center;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(53,186,120,.13);
    color:var(--mb-accent-dark);
    font-style:normal;font-weight:900;font-size:18px;
  }
  .mbv2-support b{display:block;margin-bottom:2px;color:var(--mb-text);font-size:11px}

  /* Pricing-page-like option and service surfaces. */
  .mbv2-screen .brief-service-row,
  .mbv2-screen .brief-pills span{
    border:1px solid var(--mb-line);
    background:rgba(255,255,255,.94);
    box-shadow:0 8px 26px rgba(20,22,20,.035);
  }
  .mbv2-screen .brief-service-row{border-radius:16px;padding:14px 13px}
  .mbv2-screen .brief-service-row:has(input:checked),
  .mbv2-screen .brief-pills input:checked+span{
    border-color:rgba(53,186,120,.62);
    background:linear-gradient(135deg,#f7fffa,var(--mb-mint));
    box-shadow:0 10px 30px rgba(53,186,120,.10);
  }
  .mbv2-screen .brief-pills span{min-height:56px;border-radius:15px}
  .mbv2-screen .brief-service-price strong{color:var(--mb-text)}
  .mbv2-screen .brief-service-copy small,
  .mbv2-screen .brief-service-price small,
  .mbv2-screen .brief-help{color:var(--mb-muted)}

  /* Google Ads market step becomes a compact feature card, not an empty legacy panel. */
  #marketEstimator.mbv2-screen.mbv2-active{
    margin:26px 0 0;
    min-height:auto!important;
    padding:22px!important;
    border:1px solid rgba(53,186,120,.20)!important;
    border-radius:22px!important;
    background:
      radial-gradient(circle at 92% 12%,rgba(53,186,120,.18),transparent 28%),
      linear-gradient(145deg,#f6fff9 0%,#eaf8f0 100%)!important;
    box-shadow:0 18px 50px rgba(28,90,57,.09)!important;
    overflow:hidden;
  }
  #marketEstimator:before{
    content:"↗";
    position:absolute;
    right:18px;top:17px;
    width:46px;height:46px;
    display:grid;place-items:center;
    border-radius:15px;
    background:rgba(255,255,255,.74);
    border:1px solid rgba(53,186,120,.14);
    color:var(--mb-accent-dark);
    font:900 21px/1 Inter,Arial,sans-serif;
    transform:rotate(-12deg);
  }
  #marketEstimator .market-estimator-head{position:relative;z-index:1}
  #marketEstimator .market-kicker{
    display:block;
    padding-right:62px;
    color:var(--mb-accent-dark);
    font-size:10px;
    letter-spacing:.16em;
  }
  #marketEstimator .market-estimator h3,
  #marketEstimator h3{
    max-width:88%;
    margin-top:13px;
    color:var(--mb-text);
    font-size:30px;
    line-height:1.03;
    letter-spacing:-.045em;
  }
  #marketEstimator .market-estimator-head p{
    max-width:92%;
    color:var(--mb-muted);
    font-size:13px;
    line-height:1.55;
  }
  #marketEstimator .market-run{
    min-height:60px;
    margin-top:20px;
    border:0;
    border-radius:16px;
    background:linear-gradient(135deg,var(--mb-accent),#28ad6b);
    color:#07100d;
    box-shadow:0 13px 30px rgba(53,186,120,.20);
    font-size:14px;
    font-weight:900;
  }
  #marketEstimator .market-status{
    margin-top:14px;
    border-radius:15px;
    border-width:1px;
    font-size:11px;
    line-height:1.45;
  }
  #marketEstimator>.mbv2-optional{
    margin:15px 0 0;
    padding:0 2px;
    color:#6f7771;
    font-size:11px;
  }

  .mbv2-final .brief-summary,
  .mbv2-final .brief-payment-note,
  .mbv2-final .brief-confirm{
    border:1px solid var(--mb-line);
    border-radius:16px;
    background:rgba(255,255,255,.95);
    box-shadow:0 12px 34px rgba(20,22,20,.045);
  }

  .mbv2-nav{
    grid-template-columns:64px minmax(0,1fr);
    gap:11px;
    padding:11px 18px calc(11px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.94);
    border-top:1px solid var(--mb-line);
    box-shadow:0 -12px 34px rgba(20,22,20,.035);
  }
  .mbv2-back,.mbv2-next{min-height:60px;border-radius:17px}
  .mbv2-back{
    border:1px solid var(--mb-line);
    background:#fff;
    color:var(--mb-text);
    box-shadow:0 8px 24px rgba(20,22,20,.04);
  }
  .mbv2-next{
    border:0;
    background:linear-gradient(135deg,var(--mb-accent),#31b572);
    color:#07100d;
    box-shadow:0 12px 28px rgba(53,186,120,.18);
    font-size:15px;
  }
}


/* Mobile QA experiment — black chrome */
@media (max-width:620px){
  .mbv2-top{
    background:#0b0c0b!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.14)!important;
  }
  .mbv2-brand strong{color:#ffffff!important}
  .mbv2-brand strong b{color:#55d28e!important}
  .mbv2-brand small,.mbv2-count{color:#aeb5b0!important}
  .mbv2-progress{background:#2a2e2b!important}
  .mbv2-progress i{background:linear-gradient(90deg,#35ba78,#55d28e)!important}

  .mbv2-nav{
    background:#0b0c0b!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 -12px 30px rgba(0,0,0,.16)!important;
  }
  .mbv2-back{
    border-color:#333834!important;
    background:#171917!important;
    color:#ffffff!important;
    box-shadow:none!important;
  }
  .mbv2-next{
    background:linear-gradient(135deg,#35ba78,#55d28e)!important;
    color:#07100d!important;
    box-shadow:0 12px 28px rgba(53,186,120,.20)!important;
  }
}


/* =========================================================
   OSOMA CLIENT BRIEF COMPARISON VARIANT
   One Screen. One Message. One Action.
   Based on MOBILE_SERVICE_DESIGN_SYSTEM.md
   ========================================================= */
@media (max-width:620px){
  body.brief-mobile-v2{
    --os-bg:#f5f6f3;
    --os-surface:#ffffff;
    --os-ink:#18211d;
    --os-muted:#68746e;
    --os-line:#dce2dd;
    --os-accent:#42c786;
    --os-accent-strong:#2e9f68;
    --os-soft:#edf8f1;
    background:
      radial-gradient(circle at 74% 32%,rgba(66,199,134,.11),transparent 30%),
      radial-gradient(circle at 8% 82%,rgba(66,199,134,.07),transparent 28%),
      var(--os-bg)!important;
    color:var(--os-ink)!important;
  }

  body.brief-mobile-v2 .brief-main,
  body.brief-mobile-v2 .brief-workspace,
  body.brief-mobile-v2 .brief-card{
    background:transparent!important;
  }

  /* OSOMA chrome: quiet, not a competing card. */
  .mbv2-top{
    position:sticky;
    top:0;
    z-index:30;
    margin:0 -18px!important;
    padding:15px 18px 12px!important;
    background:rgba(245,246,243,.94)!important;
    border-bottom:1px solid var(--os-line)!important;
    box-shadow:none!important;
    backdrop-filter:blur(14px);
  }
  .mbv2-brand strong{
    color:var(--os-ink)!important;
    font-size:18px!important;
    letter-spacing:-.045em!important;
  }
  .mbv2-brand strong b{color:var(--os-accent)!important}
  .mbv2-brand small,.mbv2-count{
    color:#7a847e!important;
    font-size:8px!important;
    letter-spacing:.14em!important;
  }
  .mbv2-progress{
    height:3px!important;
    margin-top:11px!important;
    background:#dfe4df!important;
  }
  .mbv2-progress i{
    background:var(--os-accent)!important;
    box-shadow:none!important;
  }

  /* Main scene: viewport composition, optically shifted slightly upward. */
  .mbv2-screen.mbv2-active{
    min-height:calc(100dvh - 184px)!important;
    padding:42px 0 52px!important;
    justify-content:center!important;
  }
  .mbv2-screen.mbv2-active:not(.mbv2-center){
    justify-content:flex-start!important;
  }
  .mbv2-screen.mbv2-active.mbv2-center{
    margin:0!important;
    padding:28px 0 62px!important;
    background:transparent!important;
    transform:translateY(-16px);
  }
  .mbv2-screen.mbv2-active.mbv2-center:before{
    content:attr(data-mbv2-eyebrow);
    display:block;
    margin:0 0 18px;
    color:var(--os-accent-strong);
    font:850 10px/1 Inter,Arial,sans-serif;
    letter-spacing:.18em;
    text-transform:uppercase;
  }

  /* One dominant headline per scene. */
  .mbv2-screen.brief-field>span,
  .mbv2-screen .mbv2-question,
  .mbv2-screen>legend{
    max-width:620px;
    margin:0 0 28px!important;
    color:var(--os-ink)!important;
    font:800 clamp(40px,11.5vw,58px)/.94 Manrope,Inter,Arial,sans-serif!important;
    letter-spacing:-.062em!important;
  }
  .mbv2-screen .brief-question-head h2{
    color:var(--os-ink)!important;
    font:800 clamp(40px,11.5vw,58px)/.94 Manrope,Inter,Arial,sans-serif!important;
    letter-spacing:-.062em!important;
  }
  .mbv2-screen .brief-question-head p{
    max-width:560px;
    margin-top:14px!important;
    color:var(--os-muted)!important;
    font-size:15px!important;
    line-height:1.55!important;
  }

  /* Field is the action surface — no nested card around the whole scene. */
  .mbv2-screen.brief-field{gap:0!important}
  .mbv2-screen.brief-field input,
  .mbv2-screen.brief-field textarea,
  .mbv2-screen.brief-field select{
    width:100%;
    min-height:64px!important;
    padding:16px 18px!important;
    border:1px solid #cfd8d1!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.80)!important;
    color:var(--os-ink)!important;
    box-shadow:none!important;
    font-size:16px!important;
  }
  .mbv2-screen.brief-field textarea{min-height:138px!important}
  .mbv2-screen.brief-field input:focus,
  .mbv2-screen.brief-field textarea:focus,
  .mbv2-screen.brief-field select:focus{
    outline:none!important;
    border-color:var(--os-accent)!important;
    box-shadow:0 0 0 3px rgba(66,199,134,.09)!important;
  }
  .mbv2-screen.brief-field input::placeholder,
  .mbv2-screen.brief-field textarea::placeholder{color:#a1aaa4!important}

  /* Quiet benefit line: text-first, not a large card. */
  .mbv2-support{
    display:flex!important;
    align-items:flex-start!important;
    gap:10px!important;
    margin:18px 2px 0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--os-muted)!important;
    font-size:12px!important;
    line-height:1.5!important;
  }
  .mbv2-support i{
    flex:0 0 28px!important;
    width:28px!important;height:28px!important;
    border:1px solid rgba(66,199,134,.20)!important;
    border-radius:50%!important;
    background:var(--os-soft)!important;
    color:var(--os-accent-strong)!important;
    font-size:13px!important;
  }
  .mbv2-support b{
    display:block!important;
    margin:1px 0 2px!important;
    color:var(--os-ink)!important;
    font-size:12px!important;
  }

  /* Selection screens: typographic rows, not a wall of cards. */
  .mbv2-screen .brief-service-list{gap:0!important}
  .mbv2-screen .brief-service-group-label{
    margin:22px 0 8px!important;
    color:var(--os-accent-strong)!important;
    font-size:9px!important;
    letter-spacing:.17em!important;
  }
  .mbv2-screen .brief-service-row{
    min-height:70px;
    padding:14px 2px!important;
    border:0!important;
    border-top:1px solid var(--os-line)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .mbv2-screen .brief-service-row:last-of-type{border-bottom:1px solid var(--os-line)!important}
  .mbv2-screen .brief-service-row:has(input:checked){
    background:linear-gradient(90deg,rgba(66,199,134,.07),transparent 82%)!important;
    border-color:var(--os-accent)!important;
    box-shadow:none!important;
  }
  .mbv2-screen .brief-service-copy b{font-size:14px!important;color:var(--os-ink)!important}
  .mbv2-screen .brief-service-copy small{font-size:10px!important;color:var(--os-muted)!important}
  .mbv2-screen .brief-service-price strong{font-size:18px!important;color:var(--os-ink)!important}
  .mbv2-screen .brief-service-price small{font-size:8px!important;color:var(--os-muted)!important}

  .mbv2-screen .brief-pills{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    border-top:1px solid var(--os-line);
  }
  .mbv2-screen .brief-pills label{width:100%!important}
  .mbv2-screen .brief-pills span{
    min-height:58px!important;
    justify-content:space-between!important;
    padding:0 3px!important;
    border:0!important;
    border-bottom:1px solid var(--os-line)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--os-ink)!important;
    font-size:14px!important;
  }
  .mbv2-screen .brief-pills input:checked+span{
    border-color:var(--os-accent)!important;
    background:linear-gradient(90deg,rgba(66,199,134,.08),transparent 84%)!important;
    color:var(--os-accent-strong)!important;
    box-shadow:none!important;
  }

  /* Market check = OSOMA tool scene, one focal product surface. */
  #marketEstimator.mbv2-screen.mbv2-active{
    min-height:calc(100dvh - 184px)!important;
    margin:0!important;
    padding:38px 0 52px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    justify-content:center!important;
  }
  #marketEstimator:before{
    content:"GOOGLE ADS MARKET CHECK";
    position:static!important;
    width:auto!important;height:auto!important;
    display:block!important;
    margin:0 0 18px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--os-accent-strong)!important;
    font:850 10px/1 Inter,Arial,sans-serif!important;
    letter-spacing:.18em!important;
    transform:none!important;
  }
  #marketEstimator .market-kicker{display:none!important}
  #marketEstimator h3{
    max-width:610px!important;
    margin:0 0 18px!important;
    color:var(--os-ink)!important;
    font:800 clamp(42px,12vw,62px)/.92 Manrope,Inter,Arial,sans-serif!important;
    letter-spacing:-.064em!important;
  }
  #marketEstimator .market-estimator-head p{
    max-width:560px!important;
    margin:0!important;
    color:var(--os-muted)!important;
    font-size:15px!important;
    line-height:1.58!important;
  }
  #marketEstimator .market-run{
    width:100%!important;
    min-height:62px!important;
    margin-top:28px!important;
    border:0!important;
    border-radius:17px!important;
    background:var(--os-accent)!important;
    color:#07100d!important;
    box-shadow:none!important;
    font-size:15px!important;
    font-weight:900!important;
  }
  #marketEstimator .market-status{
    margin-top:16px!important;
    border-radius:14px!important;
    font-size:11px!important;
  }
  #marketEstimator>.mbv2-optional{
    margin:17px 2px 0!important;
    color:var(--os-muted)!important;
    font-size:11px!important;
  }

  /* Review: content can exceed a viewport but stays typographic. */
  .mbv2-final{
    justify-content:flex-start!important;
  }
  .mbv2-final .brief-summary,
  .mbv2-final .brief-payment-note,
  .mbv2-final .brief-confirm{
    border:1px solid var(--os-line)!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.72)!important;
    box-shadow:none!important;
  }

  /* One clear persistent action. */
  .mbv2-nav{
    grid-template-columns:60px minmax(0,1fr)!important;
    gap:11px!important;
    padding:10px 17px calc(10px + env(safe-area-inset-bottom))!important;
    background:rgba(245,246,243,.95)!important;
    border-top:1px solid var(--os-line)!important;
    box-shadow:none!important;
  }
  .mbv2-back,.mbv2-next{
    min-height:62px!important;
    border-radius:17px!important;
  }
  .mbv2-back{
    border:1px solid var(--os-line)!important;
    background:rgba(255,255,255,.65)!important;
    color:var(--os-ink)!important;
    box-shadow:none!important;
  }
  .mbv2-next{
    border:0!important;
    background:var(--os-accent)!important;
    color:#07100d!important;
    box-shadow:none!important;
    font-size:15px!important;
    font-weight:900!important;
  }
}


/* =========================================================
   OSOMA BRIEF B2 — TRUE VERTICAL SCENES
   Mirrors mobile-service-master-v2 behavior:
   scenes live in document flow; navigation scrolls down/up.
   ========================================================= */
@media (max-width:620px){
  body.brief-mobile-v2{
    scroll-behavior:smooth;
  }

  /* Header is quiet and sticky; no bottom fixed form chrome. */
  .mbv2-top{
    position:sticky!important;
    top:0!important;
    z-index:50!important;
    margin:0 -18px!important;
  }
  .mbv2-nav{display:none!important}

  /* All available questions exist as vertical scenes in document flow. */
  body.brief-mobile-v2 .brief-step,
  body.brief-mobile-v2 .brief-step.active{
    display:contents!important;
  }
  body.brief-mobile-v2 .mbv2-screen{
    display:flex!important;
    position:relative;
    flex-direction:column;
    justify-content:center;
    min-height:calc(100svh - 74px);
    padding:56px 0 72px!important;
    border-top:1px solid var(--os-line);
    scroll-margin-top:74px;
    overflow:hidden;
  }
  @supports(height:100dvh){
    body.brief-mobile-v2 .mbv2-screen{
      min-height:calc(100dvh - 74px);
    }
  }
  body.brief-mobile-v2 [data-mbv2-key][hidden],
  body.brief-mobile-v2 [data-family-panel][hidden] [data-mbv2-key],
  body.brief-mobile-v2 [data-seo-audit-only][hidden] [data-mbv2-key],
  body.brief-mobile-v2 #currentIssue[hidden]{
    display:none!important;
  }

  body.brief-mobile-v2 .mbv2-screen.mbv2-center,
  body.brief-mobile-v2 .mbv2-screen.mbv2-active.mbv2-center{
    margin:0!important;
    padding:56px 0 72px!important;
    transform:none!important;
    background:transparent!important;
  }

  /* Alternate a very restrained atmosphere so the page has rhythm. */
  body.brief-mobile-v2 .mbv2-screen:nth-of-type(odd)::before{
    content:"";
    position:absolute;
    z-index:-2;
    width:430px;height:300px;
    left:50%;top:48%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:radial-gradient(circle,rgba(66,199,134,.105),rgba(66,199,134,.025) 44%,transparent 72%);
    filter:blur(10px);
    pointer-events:none;
  }

  /* Scene index as quiet graphic device from the service-master language. */
  body.brief-mobile-v2 .mbv2-screen::after{
    content:attr(data-mbv2-index);
    position:absolute;
    right:-7px;
    top:30px;
    z-index:-1;
    color:rgba(24,33,29,.035);
    font:900 clamp(82px,25vw,132px)/.8 Manrope,Inter,sans-serif;
    letter-spacing:-.09em;
    pointer-events:none;
  }

  .mbv2-screen[data-mbv2-eyebrow]::before{
    content:attr(data-mbv2-eyebrow)!important;
    position:static!important;
    width:auto!important;height:auto!important;
    display:block!important;
    margin:0 0 20px!important;
    background:transparent!important;
    filter:none!important;
    transform:none!important;
    color:var(--os-accent-strong)!important;
    font:850 10px/1 Inter,Arial,sans-serif!important;
    letter-spacing:.18em!important;
    text-transform:uppercase!important;
    border:0!important;
  }

  /* Strong cover-like question treatment. */
  .mbv2-screen.brief-field>span,
  .mbv2-screen .mbv2-question,
  .mbv2-screen>legend{
    max-width:640px!important;
    margin:0 0 30px!important;
    font:800 clamp(46px,13.5vw,70px)/.9 Manrope,Inter,Arial,sans-serif!important;
    letter-spacing:-.068em!important;
    color:var(--os-ink)!important;
  }
  .mbv2-screen .brief-question-head h2{
    max-width:640px!important;
    font:800 clamp(46px,13.5vw,70px)/.9 Manrope,Inter,Arial,sans-serif!important;
    letter-spacing:-.068em!important;
  }

  /* Green result word accent like Google Ads cover, injected by JS. */
  .mbv2-title-accent{
    color:var(--os-accent)!important;
  }

  /* Input/action surface remains restrained. */
  .mbv2-screen.brief-field input,
  .mbv2-screen.brief-field textarea,
  .mbv2-screen.brief-field select{
    background:rgba(255,255,255,.86)!important;
    min-height:66px!important;
  }

  /* Bottom scene navigation belongs to the scene, not browser chrome. */
  .mbv2-scene-actions{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:11px;
    align-items:center;
    margin-top:30px;
  }
  .mbv2-scene-back,
  .mbv2-scene-next{
    min-height:58px;
    border-radius:16px;
    font:850 14px/1 Inter,Arial,sans-serif;
    cursor:pointer;
  }
  .mbv2-scene-back{
    min-width:58px;
    padding:0 17px;
    border:1px solid var(--os-line);
    background:rgba(255,255,255,.68);
    color:var(--os-ink);
  }
  .mbv2-scene-back[hidden]{display:none!important}
  .mbv2-scene-next{
    border:0;
    background:var(--os-accent);
    color:#07100d;
  }

  .mbv2-scene-cue{
    display:flex;
    justify-content:flex-end;
    margin-top:14px;
    color:#87928b;
    font:800 9px/1 Inter,Arial,sans-serif;
    letter-spacing:.14em;
    text-transform:uppercase;
  }

  /* Service choice can naturally exceed one viewport: still one event. */
  [data-mbv2-key="service"]{
    justify-content:flex-start!important;
    padding-top:42px!important;
  }

  /* Market tool becomes its own branded OSOMA scene. */
  #marketEstimator.mbv2-screen{
    min-height:calc(100svh - 74px)!important;
    padding:58px 0 74px!important;
    justify-content:center!important;
    border-top:1px solid var(--os-line)!important;
  }
  #marketEstimator::before{
    content:"GOOGLE ADS MARKET CHECK"!important;
    display:block!important;
    margin:0 0 20px!important;
    color:var(--os-accent-strong)!important;
    font:850 10px/1 Inter,Arial,sans-serif!important;
    letter-spacing:.18em!important;
  }
  #marketEstimator::after{
    content:"09";
    position:absolute;
    right:-8px;top:32px;
    color:rgba(24,33,29,.035);
    font:900 clamp(82px,25vw,132px)/.8 Manrope,Inter,sans-serif;
    letter-spacing:-.09em;
    pointer-events:none;
  }
  #marketEstimator h3{
    max-width:640px!important;
    font:800 clamp(46px,13vw,68px)/.9 Manrope,Inter,Arial,sans-serif!important;
    letter-spacing:-.068em!important;
  }
  #marketEstimator .market-run{
    min-height:62px!important;
    border-radius:17px!important;
  }

  /* Final review can be taller than a viewport. */
  .mbv2-final{
    justify-content:flex-start!important;
    min-height:auto!important;
    padding-bottom:88px!important;
  }

  /* OSOMA signature once per brief, low prominence. */
  .mbv2-osoma-signature{
    position:absolute;
    right:2px;
    bottom:22px;
    color:#98a19c;
    font:800 7px/1 Inter,Arial,sans-serif;
    letter-spacing:.17em;
    text-transform:uppercase;
    opacity:.75;
  }
}


/* B3 — service choice starts the brief immediately; no service preview scene */
@media (max-width:620px){
  [data-mbv2-key="service"] .mbv2-scene-next:disabled{
    opacity:.38;
    cursor:default;
  }
  [data-mbv2-key="service"] .mbv2-scene-cue{
    justify-content:flex-start;
    margin-top:18px;
    color:#66736c;
    letter-spacing:.08em;
    text-transform:none;
    font-size:10px;
  }
  [data-mbv2-key="service"] .mbv2-scene-cue::before{
    content:"Choose a service — the brief starts immediately.";
  }
  [data-mbv2-key="service"] .mbv2-scene-cue{
    font-size:0;
  }
  [data-mbv2-key="service"] .mbv2-scene-cue::before{
    font:700 10px/1.4 Inter,Arial,sans-serif;
  }
}


/* =========================================================
   B4 — PRICING → BRIEF CONTINUITY + RESPONSIVE OSOMA
   Same visual system, one purchasing flow.
   ========================================================= */
@media (max-width:620px){
  body.brief-mobile-v2{
    --p-bg:#f4f4f1;
    --p-surface:#fff;
    --p-text:#171817;
    --p-muted:#656963;
    --p-line:#d9dad6;
    --p-soft:#f0f0ed;
    --p-soft2:#e7e8e4;
    --p-dark:#252724;
    --p-dark-text:#fff;
    --p-shadow:0 14px 44px rgba(20,22,20,.045);
    --os-bg:var(--p-bg);
    --os-surface:var(--p-surface);
    --os-ink:var(--p-text);
    --os-muted:var(--p-muted);
    --os-line:var(--p-line);
    background:var(--p-bg)!important;
  }

  body.brief-mobile-v2 .brief-card{
    background:var(--p-bg)!important;
  }

  /* The brief header is deliberately the same family as Pricing header. */
  .mbv2-top{
    min-height:66px;
    margin:0 -18px!important;
    padding:11px 18px 10px!important;
    background:rgba(244,244,241,.96)!important;
    border-bottom:1px solid var(--p-line)!important;
    box-shadow:none!important;
  }
  .mbv2-topline{align-items:center!important}
  .mbv2-brand{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:3px!important;
  }
  .mbv2-brand strong{
    color:var(--p-text)!important;
    font:800 18px/1 Manrope,Inter,sans-serif!important;
    letter-spacing:-.04em!important;
  }
  .mbv2-brand strong b{color:#42c786!important}
  .mbv2-brand strong i{color:var(--p-text)!important;font-style:normal}
  .mbv2-brand small{
    color:var(--p-muted)!important;
    font:750 6.8px/1 Inter,Arial,sans-serif!important;
    letter-spacing:.13em!important;
  }
  .mbv2-topmeta{display:flex;align-items:center;gap:8px}
  .mbv2-count{
    min-width:45px;
    color:var(--p-muted)!important;
    font:800 8px/1 Inter,Arial,sans-serif!important;
    letter-spacing:.08em;
    text-align:right;
  }
  .mbv2-exit{
    min-height:29px;
    padding:0 11px;
    border:1px solid var(--p-line);
    border-radius:999px;
    background:var(--p-soft);
    color:var(--p-text);
    font:800 8px/1 Inter,Arial,sans-serif;
  }
  .mbv2-progress{height:2px!important;background:var(--p-line)!important}
  .mbv2-progress i{background:#42c786!important}

  /* START is Pricing continued, not an OSOMA question. */
  [data-mbv2-key="service"]{
    min-height:auto!important;
    padding:22px 0 126px!important;
    border-top:0!important;
    overflow:visible!important;
  }
  [data-mbv2-key="service"]::after,
  [data-mbv2-key="service"]::before{display:none!important}
  [data-mbv2-key="service"]>.brief-question-head{display:none!important}
  .mbv2-service-intro{margin-bottom:16px}
  .mbv2-pr-flow{
    display:flex;
    align-items:center;
    gap:12px;
    margin:5px 0 19px;
  }
  .mbv2-pr-flow span{height:1px;flex:1;background:var(--p-line)}
  .mbv2-pr-flow b{
    flex:none;
    color:var(--p-text);
    font:700 18px/1 Manrope,Inter,sans-serif;
    letter-spacing:-.04em;
  }
  .mbv2-services-back{
    display:inline-flex;
    margin-bottom:22px;
    color:var(--p-muted);
    text-decoration:none;
    font:750 9px/1 Inter,Arial,sans-serif;
  }
  .mbv2-service-intro>small{
    display:block;
    margin-bottom:8px;
    color:#2e9f68;
    font:850 9px/1 Inter,Arial,sans-serif;
    letter-spacing:.17em;
  }
  .mbv2-service-intro h1{
    margin:0;
    color:var(--p-text);
    font:800 34px/1 Manrope,Inter,sans-serif;
    letter-spacing:-.05em;
  }
  .mbv2-service-intro p{
    margin:9px 0 0;
    color:var(--p-muted);
    font:500 12px/1.5 Inter,Arial,sans-serif;
  }

  .mbv2-screen .brief-service-list{
    display:grid!important;
    gap:12px!important;
  }
  .mbv2-pr-section{
    overflow:hidden;
    border:1px solid var(--p-line);
    border-radius:16px;
    background:var(--p-surface);
    box-shadow:var(--p-shadow);
  }
  .mbv2-pr-section-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    padding:12px 14px;
    border-bottom:1px solid var(--p-line);
  }
  .mbv2-pr-section-head .brief-service-group-label{
    margin:0!important;
    color:var(--p-text)!important;
    font:800 15px/1 Manrope,Inter,sans-serif!important;
    letter-spacing:-.03em!important;
    text-transform:none!important;
  }
  .mbv2-pr-section-head p{
    margin:2px 0 0;
    color:var(--p-muted);
    font:500 8px/1.35 Inter,Arial,sans-serif;
    text-align:right;
  }
  .mbv2-pr-section .brief-service-row{
    min-height:74px!important;
    padding:13px 14px!important;
    border:0!important;
    border-radius:0!important;
    background:var(--p-surface)!important;
    box-shadow:none!important;
  }
  .mbv2-pr-section .brief-service-row+.brief-service-row{
    border-top:1px solid var(--p-line)!important;
  }
  .mbv2-pr-section .brief-service-row:has(input:checked){
    background:linear-gradient(90deg,rgba(66,199,134,.10),rgba(66,199,134,.025))!important;
    box-shadow:inset 3px 0 0 #42c786!important;
  }
  .mbv2-pr-section .brief-service-copy b{
    color:var(--p-text)!important;
    font-size:13px!important;
  }
  .mbv2-pr-section .brief-service-copy small{
    color:var(--p-muted)!important;
    font-size:9px!important;
  }
  .mbv2-pr-section .brief-service-price strong{
    color:var(--p-text)!important;
    font-size:20px!important;
  }
  .mbv2-pr-section .brief-service-price small{
    color:var(--p-muted)!important;
    font-size:8px!important;
  }
  .brief-service-list.is-preselected .mbv2-pr-section:not(:has(.is-selected)){display:none!important}
  .brief-service-list.is-preselected .mbv2-pr-section:has(.is-selected) .mbv2-pr-section-head{display:none}

  /* Explicit first-step action: clear control, no automatic jump. */
  .mbv2-service-launch{
    display:none;
    position:fixed;
    left:0;right:0;bottom:0;
    z-index:70;
    grid-template-columns:74px minmax(0,1fr);
    gap:9px;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom));
    background:rgba(244,244,241,.96);
    border-top:1px solid var(--p-line);
    backdrop-filter:blur(14px);
  }
  body.mbv2-at-start .mbv2-service-launch{display:grid}
  .mbv2-service-launch a,
  .mbv2-service-launch button{
    min-height:54px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    font:800 11px/1 Inter,Arial,sans-serif;
  }
  .mbv2-service-launch a{
    border:1px solid var(--p-line);
    background:var(--p-surface);
    color:var(--p-text);
    text-decoration:none;
  }
  .mbv2-service-launch button{
    border:1px solid var(--p-dark);
    background:var(--p-dark);
    color:var(--p-dark-text);
  }
  .mbv2-service-launch button:disabled{opacity:.34}

  /* Every OSOMA scene occupies the actual available visual viewport. */
  body.brief-mobile-v2 .mbv2-screen:not([data-mbv2-key="service"]){
    box-sizing:border-box!important;
    min-height:var(--mbv2-scene-h,calc(100dvh - 66px))!important;
    padding:clamp(34px,6dvh,58px) 0 clamp(42px,7dvh,68px)!important;
    scroll-margin-top:var(--mbv2-header-h,66px)!important;
    overflow:visible!important;
    border-top:1px solid var(--p-line)!important;
  }
  body.brief-mobile-v2 .mbv2-screen.mbv2-center:not([data-mbv2-key="service"]){
    min-height:var(--mbv2-scene-h,calc(100dvh - 66px))!important;
    padding:clamp(34px,6dvh,58px) 0 clamp(42px,7dvh,68px)!important;
  }

  /* Adaptive title scale: same look, different geometry. */
  .mbv2-screen.mbv2-q-short.brief-field>span,
  .mbv2-screen.mbv2-q-short .mbv2-question,
  .mbv2-screen.mbv2-q-short>legend{
    font-size:clamp(43px,12.2vw,62px)!important;
  }
  .mbv2-screen.mbv2-q-medium.brief-field>span,
  .mbv2-screen.mbv2-q-medium .mbv2-question,
  .mbv2-screen.mbv2-q-medium>legend{
    font-size:clamp(37px,10.5vw,54px)!important;
    line-height:.92!important;
  }
  .mbv2-screen.mbv2-q-long.brief-field>span,
  .mbv2-screen.mbv2-q-long .mbv2-question,
  .mbv2-screen.mbv2-q-long>legend{
    font-size:clamp(32px,9.1vw,46px)!important;
    line-height:.94!important;
    letter-spacing:-.058em!important;
  }
  .mbv2-screen.mbv2-q-xlong.brief-field>span,
  .mbv2-screen.mbv2-q-xlong .mbv2-question,
  .mbv2-screen.mbv2-q-xlong>legend{
    font-size:clamp(28px,8.1vw,40px)!important;
    line-height:.96!important;
    letter-spacing:-.052em!important;
  }

  .mbv2-scene-actions{
    margin-top:clamp(20px,4dvh,30px)!important;
  }
  .mbv2-scene-cue{
    margin-top:10px!important;
  }

  /* The original generated service scene action is replaced by Pricing-like launch bar. */
  [data-mbv2-key="service"]>.mbv2-scene-actions,
  [data-mbv2-key="service"]>.mbv2-scene-cue{display:none!important}
}

@media (max-width:620px) and (max-height:760px){
  body.brief-mobile-v2 .mbv2-screen:not([data-mbv2-key="service"]){
    padding-top:26px!important;
    padding-bottom:34px!important;
  }
  .mbv2-screen[data-mbv2-eyebrow]::before{margin-bottom:13px!important}
  .mbv2-screen.brief-field>span,
  .mbv2-screen .mbv2-question,
  .mbv2-screen>legend{margin-bottom:19px!important}
  .mbv2-support{margin-top:12px!important}
  .mbv2-scene-actions{margin-top:17px!important}
  .mbv2-scene-back,.mbv2-scene-next{min-height:52px!important}
}

@media (max-width:370px){
  .mbv2-pr-flow b{font-size:16px}
  .mbv2-pr-section-head p{display:none}
  .mbv2-service-intro h1{font-size:30px}
  .mbv2-screen.mbv2-q-short.brief-field>span,
  .mbv2-screen.mbv2-q-short .mbv2-question,
  .mbv2-screen.mbv2-q-short>legend{font-size:40px!important}
}


/* B5 — remove Google Ads Market Check from mobile brief */
@media (max-width:620px){
  body.brief-mobile-v2 #marketEstimator{
    display:none!important;
  }
}


/* B8 — standalone field scene wrappers / Android navigation stability */
@media (max-width:620px){
  body.brief-mobile-v2,
  body.brief-mobile-v2 .brief-card,
  body.brief-mobile-v2 .mbv2-screen{
    overflow-anchor:none!important;
  }
  .mbv2-field-scene{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
  }
  .mbv2-control-label{
    display:block;
    width:100%;
  }
  .mbv2-field-scene .mbv2-control-label input,
  .mbv2-field-scene .mbv2-control-label textarea,
  .mbv2-field-scene .mbv2-control-label select{
    width:100%;
  }
}


/* B9 — keyboard-stable OSOMA geometry */
@media (max-width:620px){
  body.brief-mobile-v2 .mbv2-screen:not([data-mbv2-key="service"]),
  body.brief-mobile-v2 .mbv2-screen.mbv2-center:not([data-mbv2-key="service"]){
    min-height:var(--mbv2-scene-h)!important;
    padding:clamp(28px,8vw,44px) 0 clamp(36px,10vw,56px)!important;
  }

  .mbv2-field-scene input,
  .mbv2-field-scene textarea,
  .mbv2-field-scene select{
    scroll-margin-top:110px;
    scroll-margin-bottom:180px;
  }

  body.mbv2-editing .mbv2-screen:not([data-mbv2-key="service"]){
    min-height:var(--mbv2-scene-h)!important;
  }
}

/* Override the earlier short-height rule when a keyboard reduces viewport height. */
@media (max-width:620px) and (max-height:760px){
  body.brief-mobile-v2 .mbv2-screen:not([data-mbv2-key="service"]),
  body.brief-mobile-v2 .mbv2-screen.mbv2-center:not([data-mbv2-key="service"]){
    padding:clamp(28px,8vw,44px) 0 clamp(36px,10vw,56px)!important;
  }
}
