/* Bridge Systems v26.2: additive mobile layer. No backend or analytics changes. */
.bridge-founder-mobile-copy, .bridge-slider-tools { display: none; }
svg.bridge-product-logo-v262 { display:block; flex:none; overflow:visible; filter:none!important; opacity:1!important; }
.tool-symbol.brand-symbol svg.bridge-product-logo-v262 { width:100%; height:100%; }
.demo-v24 .action-brand svg.bridge-product-logo-v262 { width:19px; height:19px; }
.mobile-tools svg.bridge-product-logo-v262 { width:28px; height:28px; padding:3px; border-radius:5px; background:#fff; box-sizing:border-box; }
/* An independent safety gate, in addition to the existing app's hidden state. */
#mobileStickyCta[data-mobile-suppressed="true"] { display:none!important; }

@media (max-width:680px), (max-width:940px) and (max-height:500px) and (pointer:coarse) {
  :root { --bridge-mobile-header:72px; --bridge-mobile-space:56px; }
  html { scroll-padding-top:calc(var(--bridge-mobile-header) + 16px); }
  html.bridge-mobile-scrolled { --bridge-mobile-header:60px; }
  body { padding-bottom:calc(82px + env(safe-area-inset-bottom, 0px)); }
  .container { width:calc(100% - 32px); }
  .section { padding-block:var(--bridge-mobile-space); }
  .section-heading { margin-bottom:26px; }
  .kicker { margin-bottom:16px; letter-spacing:.045em; }
  .split-heading>p, .demo-section .split-heading>p { margin-top:16px; font-size:1.0625rem; line-height:1.6; }
  .button { min-height:48px; }
  .section h2 { font-size:clamp(1.875rem,8vw,2.5rem); line-height:1.14; }

  /* Keep a familiar full lockup at the top, then reclaim vertical room. */
  .site-header .nav { height:var(--bridge-mobile-header); gap:12px; }
  .site-header .brand { min-width:0; gap:9px; }
  .site-header .brand img { width:40px; height:24px; }
  .site-header .brand strong { font-size:1.0625rem; line-height:1.3; }
  .site-header .brand small { font-size:.75rem; line-height:1.3; letter-spacing:.035em; }
  .site-header .menu-toggle { width:44px; height:44px; min-width:44px; margin-left:auto; }
  .site-header .nav-cta { display:none; }
  html.bridge-mobile-scrolled .site-header .brand small { display:none; }
  .site-header .scroll-progress { height:2px; }
  .site-header .mobile-menu { max-height:calc(100svh - 74px); overflow-y:auto; padding:8px 16px 18px; }

  /* One action, no copy block, with room for the device's safe area. */
  #mobileStickyCta { left:16px; right:16px; bottom:calc(10px + env(safe-area-inset-bottom,0px)); max-width:340px; margin-inline:auto; padding:6px; gap:0; min-height:60px; border-radius:14px; }
  #mobileStickyCta>span { display:none; }
  #mobileStickyCta>.button { width:100%; min-height:46px; padding:11px 16px; font-size:1rem; justify-content:center; }

  /* A content-sized handset. Empty messages no longer occupy an 840px frame. */
  .demo-section>.container { width:calc(100% - 24px); }
  .demo-v24 .demo-toolbar { padding:10px 8px; }
  .demo-v24 .demo-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; }
  .demo-v24 .demo-tab { min-height:58px; padding:8px 3px; font-size:.875rem; line-height:1.25; gap:4px; }
  .demo-v24 .demo-tab .icon { width:18px; height:18px; }
  .demo-v24 .demo-panel { display:grid; grid-template-columns:1fr; padding:18px 12px; gap:22px; }
  .phone-stage { max-width:420px; width:100%; }
  .phone-perspective { margin:0 3px 13px; flex-direction:row; align-items:center; }
  .phone-perspective>span:last-child { display:none; }
  .demo-phone { height:auto; min-height:0; max-height:none; max-width:420px; padding:7px; border-radius:36px; box-shadow:0 0 0 2px #0a0e16,0 0 0 3px #2d3a47,0 18px 30px -18px #000b; }
  .demo-phone .phone-screen { height:auto; border-radius:28px; }
  .phone-statusbar { height:34px; padding:2px 16px 0; font-size:.8125rem; }
  .phone-camera { width:88px; height:22px; top:6px; }
  .phone-camera:after { top:7px; }
  .phone-contact { min-height:64px; padding:10px 11px; gap:8px; }
  .phone-contact strong { font-size:1rem; line-height:1.3; }
  .phone-contact>div>span { font-size:.875rem; line-height:1.4; }
  .phone-contact-info { display:none; }
  .phone-business-avatar { width:30px; height:30px; }
  .phone-business-avatar svg { width:23px; height:23px; }
  .phone-webbar { padding:8px 10px; font-size:.8125rem; }
  .phone-webbar>span { font-size:.75rem; }
  .demo-v24 .demo-thread { flex:0 1 auto; height:auto; min-height:0; max-height:280px; max-height:clamp(168px,35svh,280px); gap:9px; padding:13px 10px; overflow-y:auto; overscroll-behavior-y:auto; }
  .demo-v24 .demo-message { flex:none; max-width:96%; padding:10px 11px; font-size:1.0625rem; line-height:1.45; }
  .demo-v24 .demo-message.system { font-size:.8125rem; padding:0 0 3px; line-height:1.4; }
  .demo-v24 .reply-area { flex:none; padding:10px 9px 6px; min-height:0; max-height:none; overflow:visible; }
  .reply-caption { margin-bottom:8px; gap:4px; }
  .demo-v24 .reply-label, .reply-caption>span:last-child { font-size:.8125rem; line-height:1.4; }
  .demo-v24 .demo-replies { gap:6px; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .demo-v24 .reply-button { min-height:48px; padding:9px; border-radius:11px; font-size:1rem; line-height:1.3; }
  .phone-home { height:18px; }
  .phone-home span { height:4px; width:94px; }
  .phone-below { margin:12px 2px 0; gap:6px; }
  .phone-below>span { font-size:.8125rem; }
  .phone-reset { min-height:44px; font-size:.875rem; }
  .demo-context, .mobile-action-peek, .state-annotation { display:none; }
  .demo-v24 .demo-business-side { padding-top:0; border-top:0; }
  .demo-v24 .demo-explore { display:none; }
  .demo-v24 .demo-next .text-button { display:none; }
  .demo-state-bar { margin:0 0 12px; padding:12px 2px; }
  .demo-v24 .automation-side>summary { min-height:48px; padding:14px 10px; }
  .demo-v24 .automation-heading { font-size:1rem; }
  .demo-v24 .automation-log { max-height:none; padding:14px 6px 0; overflow:visible; }
  .demo-v24 .automation-log strong { font-size:1rem; }
  .demo-v24 .automation-log p { font-size:.9375rem; line-height:1.6; }
  .demo-v24 .demo-result { margin-top:16px; padding:16px; }
  .demo-explore { padding:14px; margin-top:14px; }
  .demo-explore p { font-size:.9375rem; line-height:1.6; }
  .demo-v24 .demo-next { margin-top:16px; }
  .demo-v24 .demo-disclosure { padding:16px 14px; }
  .demo-disclosure>p { font-size:.875rem; line-height:1.6; }

  /* Preserve the story; make the tool marks a tidy supporting grid. */
  .system-layout { gap:24px; }
  .system-copy .effect-toggle { margin-top:20px; }
  .map-header { min-height:58px; padding:14px 16px; gap:8px; }
  .map-header>span:first-child { font-size:.8125rem; }
  .map-badge { font-size:.8125rem; padding:4px 6px; }
  .mobile-map { padding:20px 16px; }
  .mobile-map-step { min-height:76px; padding:14px; gap:12px; }
  .mobile-map-step strong { font-size:1rem; line-height:1.4; }
  .mobile-map-step small { font-size:.9375rem; line-height:1.5; }
  .mobile-map-step>.icon { flex:none; }
  .mobile-map-step>span { min-width:0; }
  .mobile-tools { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:24px; }
  .mobile-tools::before { content:'WORKS WITH YOUR TOOLS'; grid-column:1/-1; font-family:var(--mono); font-size:.8125rem; letter-spacing:.04em; color:#b4ccd6; padding-bottom:3px; }
  .mobile-tools>span { min-height:50px; padding:10px; font-size:.9375rem; gap:8px; line-height:1.3; border-radius:8px; }
  .mobile-tools>span:last-child { grid-column:1/-1; }
  .mobile-tools img, .mobile-tools svg.bridge-product-logo-v262 { width:28px; height:28px; flex:none; }
  .map-bottom { display:grid; grid-template-columns:1fr; gap:9px; padding:16px 20px; }
  .map-bottom>span { font-size:.9375rem; }

  /* Money is one compact hierarchy. Full math and disclaimer remain. */
  .calculator-inputs,.calculator-output { padding:24px 20px; }
  .calculator-inputs { gap:24px; }
  .range-heading { gap:10px; }
  .range-heading label { font-size:1.0625rem; line-height:1.4; min-width:120px; }
  .range-limits { font-size:.875rem; }
  .number-wrap input { min-height:44px; }
  .range-field input[type=range] { height:44px; }
  .calculator-output .calculation-live { display:flex; flex-wrap:wrap; align-items:baseline; column-gap:10px; }
  .calculator-output .revenue-total { font-size:clamp(2.75rem,12vw,3.875rem); line-height:1.15; margin-top:12px; }
  .calculator-output .revenue-total.large-total { font-size:clamp(2.25rem,10vw,3.25rem); max-width:100%; overflow-wrap:anywhere; }
  .calculator-output .per-month { font-size:1rem; white-space:nowrap; }
  .calculator-output .annual { flex-basis:100%; padding:8px 0 20px; }
  .calculator-output .annual>span { display:none; }
  .calculator-output .annual>strong { font-size:1.375rem; }
  .calculator-output .output-label { font-size:.8125rem; letter-spacing:.045em; }
  .calculator-output .button { width:100%; }
  .calculator-disclaimer,.calculator-method p { font-size:.9375rem; line-height:1.65; }
  .bridge-slider-tools { display:grid; gap:6px; margin-top:10px; }
  .bridge-slider-tools label { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:.875rem; color:#bfd0dc; }
  .bridge-slider-tools select { font:inherit; color:#e4f3fa; background:#0a151e; border:1px solid #426171; border-radius:7px; min-height:44px; padding:8px 10px; max-width:65%; }
  .bridge-slider-note { font-size:.875rem; line-height:1.5; color:#aec4d3; margin:0; }

  /* Founder trust row rather than a full-width portrait and repeated labels. */
  .trust-grid { gap:34px; }
  .founder-card { padding:22px; gap:24px; border-radius:18px; }
  .founder-portrait { display:grid; grid-template-columns:88px minmax(0,1fr); align-items:center; gap:16px; max-width:none; width:100%; align-self:stretch; }
  .founder-portrait picture { width:88px; border-radius:16px; }
  .founder-portrait img { width:88px; height:88px; aspect-ratio:1; object-fit:cover; }
  .founder-portrait figcaption { margin:0; gap:5px; min-width:0; }
  .founder-portrait figcaption strong { font-size:1.25rem; line-height:1.3; }
  .founder-portrait figcaption span { font-size:.9375rem; line-height:1.5; }
  .founder-story>.kicker { display:none; }
  .founder-story h2 { font-size:clamp(1.875rem,8vw,2.375rem); line-height:1.15; }
  .founder-story>p:not(.kicker) { font-size:1.0625rem; line-height:1.65; margin-top:18px; }
  .founder-story .bridge-founder-full-copy, .founder-card .founder-story blockquote { display:none; }
  .founder-story .bridge-founder-mobile-copy { display:block; }
  .founder-story .text-link { margin-top:20px; font-size:1rem; min-height:44px; }
  .guardrails { gap:22px; }
  .guardrail-row { padding-top:20px; }
  .guardrail-row p,.process-grid p,.leak-card p { font-size:1.0625rem; line-height:1.6; }
  .leak-grid { gap:16px; }
  .faq-list summary { font-size:1.125rem; padding-block:20px; }
  .faq-list details p { font-size:1.0625rem; line-height:1.65; }
  .site-footer { padding-top:38px; }
}
@media (max-width:355px) {
 .founder-card { padding:18px; }
 .founder-portrait { grid-template-columns:72px minmax(0,1fr); gap:12px; }
 .founder-portrait picture,.founder-portrait img { width:72px; height:72px; }
 .demo-v24 .demo-panel { padding-inline:10px; }
 .phone-statusbar { padding-inline:14px; }
 .phone-contact { padding-inline:9px; gap:6px; }
 .phone-contact strong { font-size:.9375rem; }
 .demo-v24 .demo-message { padding:9px 10px; }
 .demo-v24 .reply-button { padding:9px 7px; }
 .mobile-tools>span { padding:9px 7px; gap:6px; }
}
@media (max-width:940px) and (max-height:500px) and (pointer:coarse) {
 #mobileStickyCta { display:none!important; }
 .demo-phone { max-width:400px; }
 .demo-v24 .demo-thread { max-height:240px; }
 .mobile-map { display:block; }
 .map-canvas { display:none; }
}
@media (prefers-reduced-motion:reduce) {
 .site-header .nav,#mobileStickyCta { transition:none!important; }
}

/* Enlarged browser text needs reflow, not clipping or a forced smaller font. */
@media (max-width:680px), (max-width:940px) and (max-height:500px) and (pointer:coarse) {
 html.bridge-mobile-large-text { --bridge-mobile-header:110px; }
 .bridge-mobile-large-text .site-header .nav { height:auto; min-height:96px; padding-block:10px; }
 .bridge-mobile-large-text .site-header .brand { flex:1; min-width:0; white-space:normal; }
 .bridge-mobile-large-text .site-header .brand>span { min-width:0; }
 .bridge-mobile-large-text .site-header .brand strong { white-space:normal; overflow-wrap:anywhere; }
 .bridge-mobile-large-text .site-header .brand small { display:none; }
 .bridge-mobile-large-text .hero-grid,.bridge-mobile-large-text .leak-grid,.bridge-mobile-large-text .process-grid { grid-template-columns:minmax(0,1fr); }
 .bridge-mobile-large-text .hero-copy,.bridge-mobile-large-text .hero-visual,.bridge-mobile-large-text .leak-card { min-width:0; }
 .bridge-mobile-large-text .hero h1 { overflow-wrap:anywhere; }
 .bridge-mobile-large-text .hero-promises>span { white-space:normal; }
 .bridge-mobile-large-text .button { white-space:normal; text-align:center; }
 .bridge-mobile-large-text .signal-path { flex-direction:column; gap:8px; }
 .bridge-mobile-large-text .path-wire { display:none; }
 .bridge-mobile-large-text .path-node { width:100%; justify-content:center; }
 .bridge-mobile-large-text .console-outcomes { grid-template-columns:1fr; display:grid; }
 .bridge-mobile-large-text .hero-metrics,.bridge-mobile-large-text .industry-strip>span { white-space:normal; }
 .bridge-mobile-large-text .hero-visual-foot { overflow-wrap:anywhere; }
 .bridge-mobile-large-text .demo-tabs,.bridge-mobile-large-text .demo-v24 .demo-replies { grid-template-columns:minmax(0,1fr); }
 .bridge-mobile-large-text .demo-v24 .demo-tab { flex-direction:row; }
 .bridge-mobile-large-text .phone-statusbar { display:none; }
 .bridge-mobile-large-text .phone-contact strong,.bridge-mobile-large-text .demo-message { overflow-wrap:anywhere; }
 .bridge-mobile-large-text .reply-caption { display:block; }
 .bridge-mobile-large-text .phone-below { display:block; }
 .bridge-mobile-large-text .phone-reset { white-space:normal; }
 .bridge-mobile-large-text .mobile-tools { grid-template-columns:minmax(0,1fr); }
 .bridge-mobile-large-text .mobile-tools>span { white-space:normal; overflow-wrap:anywhere; min-width:0; }
 .bridge-mobile-large-text .mobile-map-step>span { overflow-wrap:anywhere; }
 .bridge-mobile-large-text .effect-toggle { display:flex; flex-direction:column; }
 .bridge-mobile-large-text .bridge-slider-tools label { display:grid; }
 .bridge-mobile-large-text .bridge-slider-tools select { max-width:100%; }
 .bridge-mobile-large-text .founder-portrait { grid-template-columns:1fr; }
 .bridge-mobile-large-text .founder-story .text-link { white-space:normal; }
 .bridge-mobile-large-text .footer-main,.bridge-mobile-large-text .intake-progress { grid-template-columns:1fr; }
 .bridge-mobile-large-text .footer-main .brand { white-space:normal; }
 .bridge-mobile-large-text .intake-progress { display:grid; }
 .bridge-mobile-large-text .footer-contact a,.bridge-mobile-large-text .fit-email a { overflow-wrap:anywhere; }
}
@media (max-width:680px), (max-width:940px) and (max-height:500px) and (pointer:coarse) {
 .bridge-mobile-large-text main { overflow-wrap:anywhere; }
 .bridge-mobile-large-text .industry-strip * { white-space:normal; }
 .bridge-mobile-large-text .map-header { flex-direction:column; align-items:flex-start; }
 .bridge-mobile-large-text .calculator-card,.bridge-mobile-large-text .offer-grid { grid-template-columns:minmax(0,1fr); }
 .bridge-mobile-large-text .calculator-inputs,.bridge-mobile-large-text .calculator-output,.bridge-mobile-large-text .flagship-offer,.bridge-mobile-large-text .offer-side { min-width:0; }
 .bridge-mobile-large-text .blueprint-strip { display:grid; grid-template-columns:minmax(0,1fr); }
 .bridge-mobile-large-text .blueprint-strip>div { min-width:0; width:100%; }
 .bridge-mobile-large-text .blueprint-price { flex-direction:column; align-items:flex-start; }
 .bridge-mobile-large-text .blueprint-strip>.button { width:100%; max-width:100%; }
}