:root { --wix-ads-height: 0px !important; --wix-ads-top-height: 0px !important; }
html { background: #021526; }
body { --wix-ads-height: 0px !important; --wix-ads-top-height: 0px !important; }
vizion-image { display: block; }
vizion-image picture, vizion-image img { display: block; width: 100%; height: 100%; }
html:not(.motion-enabled) [id^="comp-"] { animation: none !important; }
/* Authored layouts stay intact. The shared runtime owns motion so the exported
   paused polygon animations cannot keep large paint layers alive while scrolling. */
[data-motion-enter] { animation: none !important; clip-path: none !important; }
.motion-enabled [data-motion-enter="pending"] { opacity: 0 !important; }
[data-motion-wipe] { overflow: hidden; clip-path: none !important; }
.vizion-wipe-mask, .vizion-wipe-image { transform-origin: center; }
[role="tabpanel"][aria-hidden="true"] { display: none !important; }
[role="tab"] { cursor: pointer; }
a:focus-visible, button:focus-visible, [role="tab"]:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
/* Pages 01 and 02 were desktop-only on Wix. Keep their content, typography,
   image layers and effects while stacking the authored grid's reading order. */
@media (max-width: 1000px) {
  :is(.presentation-01,.presentation-02) { overflow-x: clip; }
  :is(.presentation-01,.presentation-02) [data-testid="page-bg"] { background-color: #021526 !important; }
  :is(.presentation-01,.presentation-02) :is(.theme-vars,.izena-container,.kon3g-container) { gap: 0 !important; }
  :is(.presentation-01,.presentation-02) [id^="comp-"] {
    --scaling-factor: 1280px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    grid-area: auto !important;
    order: var(--mobile-order, 0);
  }
  :is(.presentation-01,.presentation-02) [data-mobile-stack]:not([data-mobile-layered]) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 28px !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
  }
  :is(.presentation-01,.presentation-02) [data-mobile-stack] > [id^="comp-"] {
    width: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    align-self: stretch !important;
    justify-self: stretch !important;
  }
  :is(.presentation-01,.presentation-02) [id^="PAGE_SECTIONS"] > [id^="comp-"] {
    padding: 36px 30px !important;
    box-sizing: border-box;
    height: auto !important;
    min-height: 0 !important;
  }
  :is(.presentation-01,.presentation-02) [data-mobile-image] {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    align-self: stretch !important;
    aspect-ratio: var(--mobile-image-ratio) !important;
  }
  :is(.presentation-01,.presentation-02) [data-mobile-icon] {
    width: 80px !important;
    align-self: flex-start !important;
  }
  :is(.presentation-01,.presentation-02) [data-mobile-layered] {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    grid-template-rows: auto !important;
    padding: 0 !important;
    gap: 0 !important;
  }
  :is(.presentation-01,.presentation-02) [data-mobile-layered] > [data-mobile-image] {
    grid-area: 1 / 1 !important;
    width: 100% !important;
    order: initial;
  }
  :is(.presentation-01,.presentation-02) [data-mobile-layered] > button {
    grid-area: 2 / 1 !important;
    margin-top: 20px !important;
    width: fit-content !important;
  }
  :is(.presentation-01,.presentation-02) .wixui-rich-text {
    width: 100% !important;
    margin: 0 !important;
  }
  :is(.presentation-01,.presentation-02) [role="tablist"] {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px !important;
    margin-bottom: 28px !important;
  }
  .presentation-01 #comp-mn7n5lbq { height: 65svh !important; min-height: 420px !important; padding: 0 !important; }
  .presentation-01 #comp-mncafwfy { position: absolute !important; inset: 24px auto auto 24px; width: 90px !important; }
  .presentation-01 #comp-mncafwfy [data-mobile-stack] { display: grid !important; grid-template-columns: 20px 1fr !important; gap: 8px !important; }
  .presentation-01 #comp-mncafwfy .wixui-vector-image { width: 20px !important; }
  .presentation-01 #comp-mncam74i { width: 100% !important; height: auto !important; aspect-ratio: 1668 / 1080; }
  .presentation-01 #comp-mnc7cub9 { width: 100% !important; height: auto !important; }
  .presentation-01 #comp-mn7ndhrp { order: 0 !important; }
  .presentation-01 #comp-mn7n71tw { order: 1 !important; }
  :is(.presentation-01,.presentation-02) .wixui-button { max-width: 100% !important; }
  #comp-mnc7bz7d, #comp-mnq9j1oc19 {
    width: min(100%, 280px) !important;
    min-height: 48px !important;
    margin-top: 24px !important;
    --fnt: normal normal 400 14px/1.4 'space grotesk', sans-serif;
  }
  #comp-mnc7bz7d a, #comp-mnq9j1oc19 a { width: 100%; min-height: 48px; }
}
/* Research proposal, not yet applied or tested against local migrated page.
   Scope: source page3 only, keep the already-working mobile content/layout.
   Place AFTER exported Wix CSS. The root importer may remove placeholders
   instead, in which case the first rule is redundant. */
@media (max-width: 750px) {
  #comp-mo63r8jn19 { display: none !important; --l_display: none; }

  /* Section14 is the actual conclusion, source currently hides it on mobile.
     Section15 is the fullscreen placeholder and section16 is an unused draft. */
  #urap6 .urap6-container {
    grid-template-rows: repeat(14, auto) 0px 0px;
  }
  #comp-mo7pgrev {
    --l_display: initial;
    --comp-display: flex;
    display: flex !important;
  }
  #comp-mo7pgrev .comp-mo7pgrev-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 40px 7.8125vw 80px;
  }
  #comp-mo7pgrfc, #comp-mo7pgrfj, #comp-mo7pgrfm4 {
    grid-area: auto;
    width: 100%;
    min-width: 0;
  }
  #comp-mo7pgrfe, #comp-mo7pgrfk1,
  #comp-mo7pgrfn13, #comp-mo7pgrfo4 { width: 100%; }
  #comp-mo7pgrfo4 { margin-bottom: 32px; }
  #comp-mo7pgrfq6 {
    width: min(100%, 248px);
    min-height: 44px;
    aspect-ratio: auto;
    --horizontalPadding: 20px;
    --verticalPadding: 12px;
    --fnt: normal normal 400 14px/1.4 'space grotesk', sans-serif;
  }
  /* Same photo is stacked twice for top-down entry reveal. Source forgot
     this mobile override on its base layer, producing 200 vs154px crops. */
  #comp-mo7qd7bj { margin-top: 0; }
}
/* Research proposal only; not applied to the project.
   Pages 4 and 5 already have complete, usable 390px mobile layouts.
   Preserve their existing mobile stacking, image crops, and hidden intro logos.
   Confirmed source defect at 320px: fixed 328px portal button is clipped at
   x=-4.82..323.18 while page overflow:clip hides the spill.
   The following preserves the exact 328px width at 390px and above, while
   retaining the page's ~30px visual margins on narrower phones. */
@media (max-width: 750px) {
  #comp-moty8u5j,
  #comp-mp57eczd1 {
    width: min(328px, calc(100vw - 60px));
    max-width: calc(100vw - 60px);
    margin-inline: 0;
  }
}