/** BALEON — Mobile & responsive polish (client-ready UX) */
.br-mobile { display: none; }

.path-grid--app {
  margin-bottom: var(--space-xxl);
}

/* Unified iPhone sizing across demos */
.docs-demo__phone .iphone,
.docs-demo__phone.iphone,
.docs-vault__demo .iphone,
.demo-playground__grid .iphone,
.chat-showcase__phone.iphone,
.chat-showcase > .iphone {
  max-width: var(--phone-display-w, 272px);
  margin-inline: auto;
}

/* Verified subscription checkmarks (X/Twitter-style seal in list) */
.plan-card__features--verified li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.1em;
  width: 1.15rem;
  height: 1.15rem;
  background: currentColor;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M8.603 3.799A4.49 4.49 0 0112 2.25c1.357 0 2.573.6 3.397 1.548A4.49 4.49 0 0118.75 6c0 1.357-.6 2.573-1.548 3.397A4.49 4.49 0 0121.75 10.5c0 1.357-.6 2.573-1.548 3.397A4.49 4.49 0 0118.75 15c0 1.357-.6 2.573-1.548 3.397A4.49 4.49 0 0112 18.75c-1.357 0-2.573-.6-3.397-1.548A4.49 4.49 0 015.25 15c0-1.357.6-2.573 1.548-3.397A4.49 4.49 0 012.25 10.5c0-1.357.6-2.573 1.548-3.397A4.49 4.49 0 015.25 6c1.357 0 2.573-.6 3.397-1.548A4.49 4.49 0 0112 2.25zm2.25 10.382l3.236-3.236a.75.75 0 111.06 1.06l-3.75 3.75a.75.75 0 01-1.06 0l-1.5-1.5a.75.75 0 111.06-1.06l.944.944 3.004-3.004z' clip-rule='evenodd'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M8.603 3.799A4.49 4.49 0 0112 2.25c1.357 0 2.573.6 3.397 1.548A4.49 4.49 0 0118.75 6c0 1.357-.6 2.573-1.548 3.397A4.49 4.49 0 0121.75 10.5c0 1.357-.6 2.573-1.548 3.397A4.49 4.49 0 0118.75 15c0 1.357-.6 2.573-1.548 3.397A4.49 4.49 0 0112 18.75c-1.357 0-2.573-.6-3.397-1.548A4.49 4.49 0 015.25 15c0-1.357.6-2.573 1.548-3.397A4.49 4.49 0 012.25 10.5c0-1.357.6-2.573 1.548-3.397A4.49 4.49 0 015.25 6c1.357 0 2.573-.6 3.397-1.548A4.49 4.49 0 0112 2.25zm2.25 10.382l3.236-3.236a.75.75 0 111.06 1.06l-3.75 3.75a.75.75 0 01-1.06 0l-1.5-1.5a.75.75 0 111.06-1.06l.944.944 3.004-3.004z' clip-rule='evenodd'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}

.plan-card--plus .plan-card__features--verified li::before { color: var(--forest); }
.plan-card--gold .plan-card__features--verified li::before { color: var(--gold); }

/* Benefit / feature icons */
.benefit-card__icon svg,
.feature-icon svg {
  display: block;
  color: var(--forest);
}
.benefit-card--highlight .benefit-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(45, 75, 50, 0.1);
}

.feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 11px;
  background: rgba(45, 75, 50, 0.08);
  margin-bottom: 0.5rem;
}
.feature-icon svg { color: var(--forest); }

/* Docs iPhone — match hero phone shell */
.iphone__ui .ui-screen--documents {
  background: var(--sand, #f8f6f4);
  font-size: 0.8125rem;
}

/* Interactive seg tabs in static phones */
.app-seg-3__btn {
  cursor: pointer;
  border: none;
  font: inherit;
  background: transparent;
  color: inherit;
}
.app-seg-3__btn:focus-visible {
  outline: 2px solid var(--forest);
  outline-offset: 2px;
}

/* Tablet: chat list + phone side by side, composer full width below */
@media (max-width: 1100px) and (min-width: 769px) {
  .chat-showcase__composer {
    grid-column: 1 / -1;
  }
}

@media (max-width: 768px) {
  .br-mobile { display: inline; }

  .section-head__title--balance {
    text-wrap: balance;
    line-height: 1.15;
  }
  .section-head__title-sub {
    display: inline-block;
    margin-top: 0.15em;
  }

  /* Center key marketing blocks on mobile */
  .section-head,
  .section-lead,
  .hero-copy,
  .hero-actions,
  .hero-trust,
  .benefit-card,
  .feature,
  .path-card,
  .compare-matrix,
  .docs-vault__head,
  .docs-vault__lead,
  .docs-vault__unique,
  .docs-vault__types,
  .docs-vault__pillars,
  .plan-card,
  .demo-playground__lead,
  .app-showcase-item figcaption,
  .chat-flow li,
  .chat-capabilities li,
  .impact-card,
  .impact-quote {
    text-align: center;
  }

  .benefit-card__icon,
  .feature-icon,
  .path-card__icon,
  .impact-card__icon {
    margin-left: auto;
    margin-right: auto;
  }

  .impact-card h3 {
    justify-content: center;
  }

  .hero-actions,
  .hero-trust,
  .hero-device,
  .hero-stage,
  .hero-stage__hint,
  .hero-bubble,
  .eyebrow {
    text-align: center;
    justify-content: center;
  }

  .eyebrow {
    justify-content: center;
  }

  .hero-device,
  .hero-stage {
    width: 100%;
  }

  .path-card__badge {
    left: 50%;
    transform: translateX(-50%);
  }

  /* Chats: phone-first on mobile */
  .chat-showcase {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: var(--space-lg);
  }
  .chat-showcase__aside,
  .chat-showcase__composer {
    display: none;
  }
  .chat-showcase__phone,
  .chat-showcase > .iphone {
    width: 100%;
    max-width: min(100%, var(--phone-display-w, 272px));
    margin-inline: auto;
    justify-self: center;
  }
  .chat-showcase__mobile-hint {
    display: block;
    text-align: center;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--ink-muted);
    margin: 0;
    max-width: 20rem;
    margin-inline: auto;
    line-height: 1.45;
  }
  .chat-capabilities {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .chat-flow li span:first-child {
    margin-left: auto;
    margin-right: auto;
  }

  /* App showcase + compact preview strips */
  .app-showcase-grid {
    grid-template-columns: 1fr;
    gap: var(--space-xl);
  }
  .app-showcase-item .iphone {
    margin: 0 auto;
  }
  .app-showcase-grid--premium {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 0.85rem;
    padding-bottom: 0.5rem;
    margin-inline: calc(-1 * var(--page-inset));
    padding-inline: var(--page-inset);
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .app-showcase-grid--premium::-webkit-scrollbar { display: none; }
  .app-showcase-grid--premium .app-showcase-item {
    flex: 0 0 min(58vw, 210px);
    scroll-snap-align: start;
    --phone-display-w: min(56vw, 200px);
  }
  .app-showcase-grid--premium figcaption {
    font-size: 0.8125rem;
  }

  .app-tab-flow--strip {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.75rem;
    width: 100%;
    max-width: none;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    overflow-x: visible;
  }
  .app-tab-section--compact {
    flex: unset;
    width: 100%;
    max-width: min(272px, calc(100vw - var(--page-inset) * 2));
    --phone-display-w: min(272px, calc(100vw - var(--page-inset) * 2));
    gap: 0.65rem;
  }
  .app-tab-trail {
    font-size: 0.8125rem;
    margin-bottom: 0.75rem;
  }

  .docs-demo__grid {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 0.85rem;
    padding-bottom: 0.5rem;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .docs-demo__grid::-webkit-scrollbar { display: none; }
  .docs-demo__grid > * {
    flex: 0 0 min(62vw, 220px);
    scroll-snap-align: start;
    --phone-display-w: min(58vw, 210px);
  }
  .demo-playground__grid {
    grid-template-columns: 1fr;
  }
  .demo-playground--matches .demo-playground__shell {
    padding: 1.15rem var(--page-inset);
  }
  .demo-playground__stats {
    flex-direction: column;
    align-items: stretch;
  }
  .demo-playground__stats li {
    justify-content: center;
  }
  .demo-playground__panel {
    width: 100%;
    max-width: 100%;
  }
  .path-grid {
    grid-template-columns: 1fr;
  }
  .compare-matrix__label {
    font-size: 0.8125rem;
    line-height: 1.35;
    hyphens: auto;
  }

  /* Docs vault — darker, clearer */
  .section--docs-vault {
    background:
      linear-gradient(165deg, #1a2e1e 0%, #2d4b32 38%, #3d5c44 72%, #243828 100%);
  }
  .docs-vault__intro {
    text-align: center;
  }
  .docs-vault__head h2,
  .docs-vault__lead {
    margin-left: auto;
    margin-right: auto;
  }
  .docs-vault__pillars,
  .docs-vault__benefits {
    text-align: center;
  }
  .vault-pillar {
    text-align: left;
  }
  .doc-benefit {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .doc-benefit__icon {
    margin-bottom: 0.5rem;
  }
  .docs-vault__demo .docs-demo__grid {
    grid-template-columns: 1fr;
  }

  /* Premium verified badges */
  .plan-card__head {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.65rem;
  }
  .plan-seal {
    width: 36px;
    height: 36px;
  }
  .plan-card--verified .plan-card__features li {
    padding-left: 2rem;
    text-align: left;
    max-width: 18rem;
    margin-inline: auto;
  }
  .pricing-grid {
    grid-template-columns: 1fr;
  }

  /* Demo playground */
  .demo-playground__grid {
    grid-template-columns: 1fr;
  }

  /* —— Mobile nav drawer (extra polish) —— */
  .site-header.is-scrolled .nav-toggle {
    background: rgba(255, 255, 255, 0.92);
  }

  /* —— Footer mobile —— */
  .footer-bottom__aside {
    width: 100%;
  }
}