/* Phone-only adaptation. Desktop rules and art remain authoritative. */
@media (max-width:760px) {
  /* Native document reading: nothing masks widgets at the viewport edge. */
  .main-world-page .main-mobile-content {
    position:relative; height:var(--world-height); box-sizing:border-box;
    display:flex; flex-direction:column; align-items:center; justify-content:space-between;
    gap:var(--mobile-journey-gap,48px); padding-bottom:var(--mobile-landscape-reserve,0px);

  }
  .main-world-page .main-hero { flex:none; height:auto!important; min-height:100svh; display:flex; align-items:flex-end; padding:112px 24px 24px; }
  .main-world-page .main-hero-stack { position:static; width:100%; }
  .main-world-page .main-memory { display:contents; }
  .main-world-page .memory-network,.main-world-page .main-plans { scroll-margin-top:12px; }
  .main-world-page .mn-mechanism { margin-top:var(--mobile-journey-gap,48px); }
  .main-world-page .mn-core { background-color:rgba(5,19,38,.82); }
  .main-world-page .main-plans { margin:0; }
  .main-world-page .main-integrations { display:contents; }
  /* Reuse the existing entry actions as the ending, inside the unchanged art.
     The compact foreground placement stays below Tasya and her pier. */
  .main-world-page .main-integrations .main-copy {
    position:absolute; z-index:2; top:auto; bottom:max(16px,env(safe-area-inset-bottom,0px));
    left:max(16px,env(safe-area-inset-left,0px)); right:max(16px,env(safe-area-inset-right,0px));
    width:auto; max-width:none; text-shadow:0 1px 2px #071425,0 0 8px #071425;
  }
  .main-world-page .main-integrations .main-copy .world-kicker { margin:0; font-size:10px; line-height:12px; }
  .main-world-page .main-integrations .main-copy h2 { margin:4px 0 0; font-size:20px; line-height:1.05; }
  .main-world-page .main-integrations .world-actions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:8px; }
  .main-world-page .main-integrations .world-button { min-height:44px; padding:0 8px; font-size:10px; letter-spacing:.07em; }
  .main-world-page .main-practical { position:static; flex:none; width:calc(100% - 32px); margin:0; }
  .main-world-page .pricing-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
  .main-world-page .pricing-card { padding:24px; border-radius:20px; }
  .main-world-page .pricing-card[data-compute-card] { grid-column:auto; }
  .main-world-page .pricing-card > p { font-size:16px; line-height:1.55; margin:18px 0 22px; }
  .main-world-page .plan-label { font-size:11px; letter-spacing:.08em; }
  .main-world-page .main-plans h3 { font-size:38px; }
  .main-world-page .main-plans h3 small { display:inline; font-size:12px; }
  .main-world-page .plan-action { width:100%; min-height:48px; font-size:14px; }
  .main-world-page .compute-selector label > span { min-height:56px; font-size:14px; }
  .main-world-page .compute-selector small { font-size:12px; }
  .main-world-page .plans-terms { font-size:13px; line-height:1.6; }
  .main-world-page .main-hero .world-scroll-cue { min-height:44px; align-items:center; font-size:12px; line-height:1.4; margin-top:14px; }
  .main-world-page .mn-example,
  .main-world-page .mn-app small,
  .main-world-page .mn-port-label,
  .main-world-page .mn-compute,
  .main-world-page .mn-footnote { font-size:12px; line-height:1.5; }
  .main-world-page .mn-app strong { font-size:13px; line-height:1.3; }
  .main-world-page .mn-result p:last-child,
  .main-world-page .mn-record p,
  .main-world-page .connection-steps,
  .main-world-page .practical-note p { font-size:14px; line-height:1.55; }
  .main-world-page .mn-route { font-size:12px; overflow-wrap:anywhere; }
}