/* ProAI Homepage Integration R1
   Scope: boundary ownership only.
   Current production Two Worlds -> frozen Technology R1.5.1 -> Financial Stream R1.4.
   Do not alter internal composition, copy, motion, platform groups, or neighboring section architecture. */

.tw-r2 + .home-tech-ff,
.home-tech-ff + .home-fs-showcase-r14{
  margin-top:-1px;
}

/* Temporary compatibility seam for the CURRENT non-final Two Worlds.
   Future fullscreen Two Worlds owns the final upstream handoff; Technology internals remain frozen. */
.tw-r2 + .home-tech-ff{
  border-top-color:transparent;
}
.tw-r2 + .home-tech-ff::before{
  content:"";
  position:absolute;
  z-index:11;
  left:50%;
  top:0;
  width:1px;
  height:clamp(54px,6.5svh,76px);
  transform:translateX(-50%);
  pointer-events:none;
  background:linear-gradient(
    180deg,
    rgba(218,216,211,.04) 0%,
    rgba(226,224,219,.16) 52%,
    rgba(226,224,219,.06) 100%
  );
  opacity:.72;
}

/* Technology -> Financial Stream is treated as the stable downstream seam.
   R1.5.1 resolves back to center; Financial Stream begins from that same center axis. */
.home-tech-ff + .home-fs-showcase-r14{
  position:relative;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(116,109,137,.035),transparent 20%),
    linear-gradient(180deg,#080a0d 0%,#0a0d11 52%,#070708 100%);
}
.home-tech-ff + .home-fs-showcase-r14::after{
  content:"";
  position:absolute;
  z-index:2;
  left:50%;
  top:0;
  width:1px;
  height:clamp(44px,4.5vw,64px);
  transform:translateX(-50%);
  pointer-events:none;
  background:linear-gradient(
    180deg,
    rgba(235,233,228,.18) 0%,
    rgba(209,224,233,.13) 52%,
    rgba(209,224,233,0) 100%
  );
  opacity:.78;
}

/* Existing FS decorative seam remains suppressed by its own approved polish layer.
   This integration line is the only cross-section handoff. */
.home-tech-ff + .home-fs-showcase-r14 .home-fs-showcase-r11__seam{
  position:relative;
  z-index:3;
}

/* Phone portrait: keep the seam quiet and clear of the heading/scene composition. */
@media(max-width:700px) and (orientation:portrait){
  .tw-r2 + .home-tech-ff::before{
    height:38px;
    opacity:.42;
  }
  .home-tech-ff + .home-fs-showcase-r14::after{
    height:42px;
    opacity:.66;
  }
}

/* Phone landscape: use a short centered relay; no decorative expansion. */
@media(orientation:landscape) and (max-height:500px) and (max-width:960px){
  .tw-r2 + .home-tech-ff::before{
    height:32px;
    opacity:.46;
  }
  .home-tech-ff + .home-fs-showcase-r14::after{
    height:36px;
    opacity:.64;
  }
}

/* Reduced motion keeps the same static geometry and avoids introducing transition behavior. */
@media(prefers-reduced-motion:reduce){
  .tw-r2 + .home-tech-ff::before,
  .home-tech-ff + .home-fs-showcase-r14::after{
    transition:none!important;
    animation:none!important;
  }
}