/* A short, scroll-led mobile story for the existing Product Truth hero. */
.ir-mobile-sequence{display:none}
@media (max-width: 760px) {
  .ir-hero:not([data-mobile-scene]) .ir-hero-stage{height:var(--mobile-stage-height)}
  .ir-hero:not([data-mobile-scene]) .ir-hero-pin{position:relative;top:0}
  .ir-home .ir-hero:not([data-mobile-scene]) .ir-hero-material .ir-satellite{display:none!important}
  .ir-mobile-sequence{position:absolute;inset:auto 24px 21px;z-index:10;display:flex;align-items:center;gap:15px;font:400 11px/1.5 var(--body);color:#6c756e;pointer-events:none}
  .ir-mobile-sequence>span{white-space:nowrap}
  .ir-mobile-sequence>i{height:1px;flex:1;background:#d5d7ce}
  .ir-mobile-sequence>i>b{height:1px;background:#a46e4b;display:block;transform:scaleX(var(--sequence-progress,0));transform-origin:left}
  .ir-mobile-sequence>small{font-size:10px;font-variant-numeric:tabular-nums}
  .ir-home .ir-hero-stage {
    --mobile-stage-height: min(64svh, 540px);
    position: relative;
    height: calc(var(--mobile-stage-height) + 88svh);
    width: calc(100% - 24px);
    margin: 34px auto 0;
  }

  .ir-home .ir-hero-pin {
    position: sticky;
    top: calc(env(safe-area-inset-top) + var(--chapter-top, 70px));
    height: var(--mobile-stage-height);
    min-height: 0;
    max-height: none;
    overflow: visible;
  }

  .ir-home .ir-hero .ir-hero-material {
    position: absolute;
    inset: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-radius: 18px;
    transform: none !important;
    transform-origin: center;
    isolation: isolate;
  }

  .ir-home .ir-hero .ir-hero-material .ir-desktop-menubar,
  .ir-home .ir-hero[data-mobile-scene] .ir-hero-material .ir-hero-dock,
  .ir-home .ir-hero .ir-hero-material .ir-mobile-proof {
    display: none !important;
  }

  /* Restore the real interface hidden by the old decorative mobile treatment. */
  .ir-home .ir-hero[data-mobile-scene] .ir-hero-material .ir-window-chrome,
  .ir-home .ir-hero[data-mobile-scene] .ir-hero-material .ir-window-name { display: flex !important; }
  .ir-home .ir-hero[data-mobile-scene] .ir-hero-material .ir-network-label { display: block !important; }
  .ir-home .ir-hero[data-mobile-scene] .ir-hero-material .ir-network-center { display: flex !important; }
  .ir-home .ir-hero[data-mobile-scene] .ir-hero-material .ir-network-caption {
    display: none !important;
  }
  .ir-home .ir-hero[data-mobile-scene] .ir-hero-material .ir-hero-phone > *,
  .ir-home .ir-hero[data-mobile-scene] .ir-hero-material .ir-hero-record > * { display: block !important; }
  .ir-home .ir-hero[data-mobile-scene] .ir-hero-material .ir-hero-phone .ir-phone-top,
  .ir-home .ir-hero[data-mobile-scene] .ir-hero-material .ir-hero-phone .ir-phone-app,
  .ir-home .ir-hero[data-mobile-scene] .ir-hero-material .ir-hero-phone .ir-phone-detail > span,
  .ir-home .ir-hero[data-mobile-scene] .ir-hero-material .ir-hero-record .ir-satellite-chrome,
  .ir-home .ir-hero[data-mobile-scene] .ir-hero-material .ir-hero-record .ir-code-status { display: flex !important; }
  .ir-home .ir-hero[data-mobile-scene] .ir-hero-material .ir-hero-phone::before,
  .ir-home .ir-hero[data-mobile-scene] .ir-hero-material .ir-hero-phone::after,
  .ir-home .ir-hero[data-mobile-scene] .ir-hero-material .ir-hero-record::before,
  .ir-home .ir-hero[data-mobile-scene] .ir-hero-material .ir-hero-record::after {
    content: none !important;
    display: none !important;
  }

  .ir-home .ir-hero .ir-hero-material .ir-network-window {
    position: absolute;
    inset: 10px;
    width: auto;
    height: auto;
    max-height: none;
    margin: 0;
    overflow: hidden;
    border-radius: 14px;
    transform: none !important;
    transform-origin: center;
    opacity: calc(var(--mobile-brand-opacity, 1) + var(--mobile-product-opacity, 0));
    pointer-events: none;
    will-change: opacity;
  }

  .ir-home .ir-hero .ir-hero-material .ir-network-screen {
    position: relative;
    height: calc(100% - 26px);
    min-height: 0;
    overflow: hidden;
    border-radius: 0 0 13px 13px;
  }

  .ir-home .ir-hero .ir-hero-material .ir-window-name {
    left: 13px;
    right: 13px;
    top: 12px;
    gap: 7px;
    font-size: 11px;
  }

  .ir-home .ir-hero .ir-hero-material .ir-window-name > span:last-child {
    display: none;
    max-width: 92px;
    font-size: 8px;
    line-height: 1.3;
    text-align: right;
  }

  .ir-home .ir-hero .ir-hero-material .ir-network-label {
    max-width: 105px;
    padding: 5px 7px;
    font-size: 9px;
    line-height: 1.35;
  }

  .ir-home .ir-hero .ir-hero-material .nl-1 { top: 28%; left: 5%; }
  .ir-home .ir-hero .ir-hero-material .nl-2 { top: 44%; right: 4%; }
  .ir-home .ir-hero .ir-hero-material .nl-3 { bottom: 18%; left: 9%; }
  .ir-home .ir-hero .ir-hero-material .nl-4 { top: 69%; right: 5%; }

  .ir-home .ir-hero .ir-hero-material .ir-network-center {
    width: 72px;
    height: 72px;
    gap: 5px;
    font-size: 9px;
  }

  .ir-home .ir-hero .ir-hero-material .ir-network-center svg { width: 20px; height: 20px; }

  .ir-home .ir-hero .ir-hero-material .ir-network-caption {
    bottom: 11px;
    gap: 5px;
    font-size: 10px;
  }

  .ir-home .ir-hero .ir-hero-material .ir-network-caption i { width: 10px; }

  .ir-home .ir-hero .ir-hero-material .ir-network-answer {
    display: none;
    padding:22px;
  }
  .ir-home .ir-hero .ir-hero-material .ir-network-answer h3{font-size:clamp(18px,5.5vw,22px)!important;line-height:1.4!important;margin:14px 0 10px}
  .ir-home .ir-hero .ir-hero-material .ir-network-answer p{font-size:13px;line-height:1.65}

  .ir-home .ir-hero[data-mobile-scene="product"] .ir-hero-material .ir-network-answer {
    display: block !important;
    left: 50%;
    right: auto;
    top: 46%;
    bottom: auto;
    width: min(82%, 330px);
    transform: translate(-50%,-35%);
    opacity: var(--mobile-product-opacity, 0);
  }

  .ir-home .ir-hero .ir-hero-material .ir-satellite {
    display: block !important;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    z-index: 6;
    max-width: calc(100% - 24px);
    max-height: calc(100% - 24px);
    margin: 0;
    pointer-events: none;
    will-change: opacity, transform;
    transition: none;
  }

  .ir-home .ir-hero[data-mobile-scene] .ir-hero-material .ir-hero-phone {
    width: min(380px, calc(100% - 24px));
    height: auto;
    min-height: 0;
    max-height: calc(100% - 24px);
    overflow: auto;
    border: 1px solid #eee7dc;
    border-radius: 20px;
    background: #fffefb;
    opacity: var(--mobile-question-opacity, 0) !important;
    transform: translate(-50%, calc(-50% + var(--mobile-question-y, 20px))) !important;
  }

  .ir-home .ir-hero .ir-hero-material .ir-hero-phone .ir-phone-app { padding: 12px 14px; font-size: 12px; }
  .ir-home .ir-hero .ir-hero-material .ir-hero-phone .ir-phone-question { margin: 2px 14px 16px; padding: 12px 13px; font-size: 13px; line-height: 1.55; }
  .ir-home .ir-hero .ir-hero-material .ir-hero-phone h4 { padding: 0 14px; font-size: 15px; line-height: 1.45; }
  .ir-home .ir-hero .ir-hero-material .ir-hero-phone > p { padding: 0 14px; font-size: 13px; line-height: 1.6; }
  .ir-home .ir-hero .ir-hero-material .ir-phone-detail { padding: 10px 14px 14px; }
  .ir-home .ir-hero .ir-hero-material .ir-phone-detail > span { font-size: 12px; }
  .ir-home .ir-hero .ir-hero-material .ir-phone-detail p { font-size: 12px; line-height: 1.6; }

  .ir-home .ir-hero[data-mobile-scene] .ir-hero-material .ir-hero-record {
    background: #263b34;
    border-color: #324c40;
    color: #e6ece2;
    width: min(440px, calc(100% - 24px));
    height: auto;
    min-height: 0;
    max-height: calc(100% - 24px);
    overflow: auto;
    border-radius: 16px;
    opacity: var(--mobile-facts-opacity, 0) !important;
    transform: translate(-50%, calc(-50% + var(--mobile-facts-y, 20px))) !important;
  }

  .ir-home .ir-hero .ir-hero-material .ir-hero-record .ir-satellite-chrome { height: 36px; padding-inline: 13px; background:#20322b;border-bottom:1px solid #d1e2d719 }
  .ir-home .ir-hero .ir-hero-material .ir-hero-record .ir-satellite-chrome > span { font-size: 10px; }
  .ir-home .ir-hero .ir-hero-material .ir-hero-record .ir-code { padding: 19px 15px; font-size: 11px; line-height: 1.85; color:#e6ece2 }
  .ir-home .ir-hero .ir-hero-material .ir-hero-record .ir-code :is(span,b,strong){color:#c2dbc3}
  .ir-home .ir-hero .ir-hero-material .ir-hero-record .ir-code p { line-height: 1.75; }
  .ir-home .ir-hero .ir-hero-material .ir-hero-record .ir-code-status {
    position: relative;
    inset: auto;
    min-height: 38px;
    padding: 8px 13px;
    font-size: 10px;
    color:#b2c7b6;
    border-top:1px solid #d1e2d719;
  }

  .ir-home .ir-hero[data-mobile-scene] .ir-hero-material .ir-hero-collaboration {
    width: min(480px, calc(100% - 24px));
    min-height: 0;
    max-width: none;
    max-height: calc(100% - 24px);
    overflow: auto;
    border-width: 1px;
    border-radius: 16px;
    opacity: var(--mobile-team-opacity, 0) !important;
    transform: translate(-50%, calc(-50% + var(--mobile-team-y, 20px))) !important;
  }

  .ir-home .ir-hero .ir-hero-material .ir-hero-collaboration .ir-collab-title { padding: 12px 14px; font-size: 12px; line-height: 1.5; }
  .ir-home .ir-hero .ir-hero-material .ir-hero-collaboration .ir-collab-message { gap: 9px; padding: 13px 13px 0; }
  .ir-home .ir-hero .ir-hero-material .ir-hero-collaboration .ir-collab-message strong { font-size: 12px; }
  .ir-home .ir-hero .ir-hero-material .ir-hero-collaboration .ir-collab-message strong small { display: inline-block; margin-left: 4px; font-size: 10px; }
  .ir-home .ir-hero .ir-hero-material .ir-hero-collaboration .ir-collab-message p,
  .ir-home .ir-hero .ir-hero-material .ir-hero-collaboration .ir-collab-message ul { font-size: 12px; line-height: 1.65; overflow-wrap: anywhere; }
  .ir-home .ir-hero .ir-hero-material .ir-hero-collaboration .ir-collab-result { margin: 13px 12px 14px 43px; font-size: 10px; }

}

@media (max-width: 760px) and (min-width: 381px) {
  .ir-home .ir-hero .ir-hero-material .ir-network-label { max-width: 118px; font-size: 10px; }
  .ir-home .ir-hero .ir-hero-material .ir-network-caption { gap: 7px; font-size: 10px; }
  .ir-home .ir-hero .ir-hero-material .ir-network-caption i { width: 14px; }
}

@media (max-width: 760px) and (max-height: 700px) {
  .ir-home .ir-hero-stage { --mobile-stage-height: min(76svh, 500px); }
}

@media (max-width: 760px) and (prefers-reduced-motion: reduce), (max-width: 760px) and (max-height: 600px) {
  .ir-mobile-sequence{display:none}
  .ir-home .ir-hero-stage { height: auto; margin-bottom: 0; }
  .ir-home .ir-hero-pin { position: relative; top: 0; height: auto; overflow: visible; }
  .ir-home .ir-hero .ir-hero-material {
    position: relative;
    inset: auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    height: auto;
    padding: 12px;
    overflow: visible;
    transform: none !important;
  }
  .ir-home .ir-hero .ir-hero-material .ir-network-window {
    position: relative;
    order: 0;
    inset: auto;
    width: 100%;
    height: min(58svh, 460px);
    min-height: 340px;
    opacity: 1;
    pointer-events: auto;
  }
  .ir-home .ir-hero .ir-hero-material .ir-satellite {
    position: relative;
    inset: auto;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    max-width: none;
    max-height: none;
    height: auto;
    overflow: visible;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto;
  }
  .ir-home .ir-hero .ir-hero-material .ir-hero-phone { order: 1; }
  .ir-home .ir-hero .ir-hero-material .ir-hero-record { order: 2; }
  .ir-home .ir-hero .ir-hero-material .ir-hero-collaboration { order: 3; }
  .ir-home .ir-hero[data-mobile-scene="static"] .ir-hero-material .ir-hero-phone,
  .ir-home .ir-hero[data-mobile-scene="static"] .ir-hero-material .ir-hero-record,
  .ir-home .ir-hero[data-mobile-scene="static"] .ir-hero-material .ir-hero-collaboration {
    position: relative;
    inset: auto;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    height: auto;
    max-height: none;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto;
  }
  .ir-home .ir-hero .ir-hero-material .ir-hero-record .ir-code-status { position: relative; }
  .ir-home .ir-hero .ir-hero-material .ir-hero-collaboration { min-height: 0; }
  .ir-home .ir-hero[data-mobile-scene="static"] .ir-hero-material .ir-network-answer {
    display: block !important;
    opacity: 1 !important;
  }
  .ir-home .ir-hero .ir-hero-material .ir-network-caption { font-size: 10px; }
}