/* Mobile selectors: selected context appears directly beneath the chosen option. */
.mobile-application-detail, .mobile-product-detail { display: none; }

@media (max-width: 720px) {
  .application-layout .application-detail, .product-layout .product-detail { display: none; }
  .application-list, .product-tabs { display: block; }
  .mobile-application-detail, .mobile-product-detail { position: relative; display: block; min-height: 0; overflow: hidden; padding: 1.3rem 1.25rem 1.35rem; color: #fff; background: linear-gradient(135deg, #0d2c47, #174967); border-bottom: 1px solid rgba(190,219,234,.2); }
  .mobile-application-detail[hidden], .mobile-product-detail[hidden] { display: none; }
  .mobile-product-detail { background: linear-gradient(135deg, #0b2944, #123b5a); }
  .mobile-detail-visual { position: absolute; z-index: 0; inset: 0; overflow: hidden; opacity: .8; background-image: linear-gradient(rgba(182,216,234,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(182,216,234,.08) 1px, transparent 1px); background-size: 25px 25px; mask-image: linear-gradient(90deg, transparent 2%, #000 68%, #000); }
  .mobile-detail-visual::before { content: ""; position: absolute; right: 1.6rem; top: 1.55rem; width: 7.7rem; height: 7.7rem; border: 1px solid rgba(112,207,93,.42); border-radius: 50%; box-shadow: 0 0 0 1.3rem rgba(112,207,93,.045), 0 0 0 2.7rem rgba(120,185,220,.035); }
  .mobile-detail-visual i { position: absolute; display: block; width: .8rem; height: .8rem; border: 1px solid rgba(112,207,93,.75); border-radius: 50%; }.mobile-detail-visual i:nth-child(1) { right: 3rem; top: 2.65rem; }.mobile-detail-visual i:nth-child(2) { right: 7.15rem; top: 5rem; width: .5rem; height: .5rem; }.mobile-detail-visual i:nth-child(3) { right: 4.8rem; bottom: 1.75rem; width: 1rem; height: 1rem; background: rgba(112,207,93,.12); }
  .mobile-product-detail .mobile-detail-visual::before { right: 1.3rem; top: 1.35rem; width: 8.2rem; height: 8.2rem; border-color: rgba(112,207,93,.3); }.mobile-product-detail .mobile-detail-visual i:nth-child(1) { right: 5rem; top: 1.9rem; background: var(--green); border: 0; }.mobile-product-detail .mobile-detail-visual i:nth-child(2) { right: 2.25rem; top: 5.4rem; }.mobile-product-detail .mobile-detail-visual i:nth-child(3) { right: 6.7rem; bottom: 1.5rem; background: var(--orange); border: 0; }
  .mobile-application-detail > p, .mobile-application-detail h3, .mobile-application-detail .mobile-detail-copy, .mobile-product-detail > p, .mobile-product-detail h3, .mobile-product-detail .mobile-detail-copy { position: relative; z-index: 1; }
  .mobile-application-detail > p, .mobile-product-detail > p { margin: 0 0 3.8rem; color: #b9d1dd; font: .67rem var(--mono); letter-spacing: .06em; text-transform: uppercase; }
  .mobile-application-detail h3, .mobile-product-detail h3 { max-width: 14.5rem; margin: 0 0 .6rem; color: #fff; font-size: 1.75rem; line-height: 1.08; letter-spacing: -.06em; }
  .mobile-detail-copy { max-width: 17.5rem; }
  .mobile-detail-copy > span { display: block; color: #d6e4eb; font-size: .94rem; line-height: 1.58; }
  .mobile-detail-copy a { display: inline-flex; align-items: center; gap: .5rem; min-height: 42px; margin-top: .8rem; color: var(--green); font-size: .9rem; font-weight: 800; }
  .mobile-detail-copy a b { color: #80bddf; font-size: 1rem; }
  .application-tab.active + .mobile-application-detail, .product-tab.active + .mobile-product-detail { animation: selector-panel-in .22s cubic-bezier(.23, 1, .32, 1) both; }
}

@media (max-width: 390px) {
  .mobile-application-detail, .mobile-product-detail { padding: 1.15rem 1.05rem 1.2rem; }
  .mobile-application-detail > p, .mobile-product-detail > p { margin-bottom: 3.2rem; }
  .mobile-application-detail h3, .mobile-product-detail h3 { font-size: 1.55rem; }
  .mobile-detail-copy > span { font-size: .9rem; }
}

@media (prefers-reduced-motion: no-preference) {
  @keyframes selector-panel-in { from { opacity: 0; transform: translateY(-.3rem); } to { opacity: 1; transform: translateY(0); } }
}