/* Financial Stream Flagship Showcase R1.3 — signature polish layer.
   Load after R1.1 + R1.2. No architecture changes. */

.home-fs-showcase-r11{position:relative}
.home-fs-showcase-r11::before{content:"";position:absolute;z-index:0;left:50%;top:0;width:min(1180px,82vw);height:260px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse at 50% 0%,rgba(28,93,140,.13),rgba(14,52,87,.045) 44%,transparent 72%);opacity:.18}
.home-fs-showcase-r11__shell,.home-fs-showcase-r11__seam{position:relative;z-index:1}
.home-fs-showcase-r11__seam span{background:linear-gradient(90deg,rgba(216,225,231,.28),#dce6eb 34%,#b9cfdb 54%,#dce6eb 72%,rgba(216,225,231,.28));box-shadow:0 0 16px rgba(209,224,233,.18),0 0 30px rgba(28,93,140,.07)}
.home-fs-showcase-r11__stage{isolation:isolate}
.home-fs-showcase-r11__field{overflow:hidden;box-shadow:0 30px 86px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.48),inset 0 -34px 80px rgba(14,52,87,.035)}
.home-fs-showcase-r11__field::before{content:"";position:absolute;inset:-1px;pointer-events:none;background:radial-gradient(circle at 78% 16%,rgba(28,93,140,.17),transparent 25%),linear-gradient(115deg,transparent 0 60%,rgba(14,52,87,.055) 71%,transparent 82%);opacity:.38}
.home-fs-showcase-r11__primary,.home-fs-showcase-r11__secondary{isolation:isolate;border-color:rgba(8,37,58,.22);background:#f8fbfc;box-shadow:0 34px 72px rgba(18,44,63,.24),0 1px 0 rgba(255,255,255,.9),0 0 0 1px rgba(255,255,255,.18) inset}
.home-fs-showcase-r11__primary::after,.home-fs-showcase-r11__secondary::after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;border:1px solid rgba(255,255,255,.22);background:linear-gradient(110deg,rgba(255,255,255,.12),transparent 18% 74%,rgba(28,93,140,.035));mix-blend-mode:screen;opacity:.42}
.home-fs-showcase-r11__primary img,.home-fs-showcase-r11__secondary img{position:relative;z-index:1}

/* Desktop / landscape: prefer the full natural-aspect mobile proof when it fits. */
@media (min-width:601px){
  .home-fs-showcase-r11__secondary{top:clamp(14px,1.8vw,24px);bottom:auto;height:auto;overflow:hidden}
  .home-fs-showcase-r11__secondary img{display:block;width:100%;height:auto;object-fit:contain;object-position:top center}
}

/* Human voice: editorial distinction without card UI. */
.home-fs-showcase-r11__validation{position:relative}
.home-fs-showcase-r11 blockquote{position:relative;max-width:790px;padding-left:clamp(16px,1.8vw,26px)}
.home-fs-showcase-r11 blockquote::before{content:"";position:absolute;left:0;top:.18em;bottom:.16em;width:1px;background:linear-gradient(180deg,rgba(221,231,237,.62),rgba(28,93,140,.28) 58%,rgba(221,231,237,.12))}
.home-fs-showcase-r11 blockquote p{font-size:clamp(17px,1.45vw,21px);line-height:1.56;letter-spacing:-.012em;color:rgba(246,249,251,.9)}
.home-fs-showcase-r11 cite{margin-top:18px;gap:12px}
.home-fs-showcase-r11__cta{border-color:rgba(220,230,237,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.home-fs-showcase-r11__cta--primary{box-shadow:0 8px 20px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.78)}

/* Authored arrival: desktop registers first, mobile locks in later, then evidence/human proof. */
.js .home-fs-showcase-r11::before{opacity:0}
.js .home-fs-showcase-r11 .home-fs-showcase-r11__seam span{filter:saturate(.88)}
.js .home-fs-showcase-r11 .home-fs-showcase-r11__field::before{opacity:0}
.js .home-fs-showcase-r11 .home-fs-showcase-r11__primary{opacity:0;transform:perspective(1800px) translateY(16px) scale(.992) rotateX(1.35deg) rotateY(-1.55deg)}
.js .home-fs-showcase-r11 .home-fs-showcase-r11__secondary{opacity:0;transform:translateY(13px) scale(.988) rotate(1.35deg)}
.js .home-fs-showcase-r11.is-live::before{animation:fs13-client-reflect 1.35s cubic-bezier(.2,.72,.2,1) .05s both}
.js .home-fs-showcase-r11.is-live .home-fs-showcase-r11__seam span{filter:saturate(1);transition:transform .78s cubic-bezier(.2,.76,.2,1),opacity .5s,filter .7s ease}
.js .home-fs-showcase-r11.is-live .home-fs-showcase-r11__field::before{animation:fs13-field-register 1.35s cubic-bezier(.2,.75,.2,1) .12s both}
.js .home-fs-showcase-r11.is-live .home-fs-showcase-r11__primary{opacity:1;transform:perspective(1800px) translateY(0) scale(1) rotateX(.8deg) rotateY(-1.1deg);transition:opacity .5s ease .34s,transform .92s cubic-bezier(.2,.78,.2,1) .27s,box-shadow .8s ease .28s}
.js .home-fs-showcase-r11.is-live .home-fs-showcase-r11__secondary{opacity:1;transform:translateY(0) scale(1) rotate(.8deg);transition:opacity .48s ease .54s,transform .82s cubic-bezier(.2,.78,.2,1) .48s,box-shadow .75s ease .48s}
.js .home-fs-showcase-r11.is-live .home-fs-showcase-r11__metric{transition-delay:.68s}
.js .home-fs-showcase-r11.is-live .home-fs-showcase-r11__metric:nth-child(2){transition-delay:.73s}
.js .home-fs-showcase-r11.is-live .home-fs-showcase-r11__metric:nth-child(3){transition-delay:.78s}
.js .home-fs-showcase-r11.is-live .home-fs-showcase-r11__validation{transition-delay:.82s}

@keyframes fs13-client-reflect{0%{opacity:0;transform:translateX(-50%) scaleX(.56)}52%{opacity:.34;transform:translateX(-50%) scaleX(1)}100%{opacity:.18;transform:translateX(-50%) scaleX(1)}}
@keyframes fs13-field-register{0%{opacity:0;transform:translateX(-2%)}54%{opacity:.58;transform:translateX(0)}100%{opacity:.38;transform:translateX(0)}}

/* Preserve R1.2 portrait hierarchy exactly; only polish material/timing. */
@media (max-width:600px) and (orientation:portrait){
  .home-fs-showcase-r11__primary{box-shadow:0 24px 46px rgba(15,40,58,.24),0 1px 0 rgba(255,255,255,.92),0 0 0 1px rgba(255,255,255,.14) inset}
  .home-fs-showcase-r11__secondary{box-shadow:0 22px 40px rgba(15,40,58,.31),0 1px 0 rgba(255,255,255,.78),0 0 0 1px rgba(255,255,255,.12) inset}
  .home-fs-showcase-r11 blockquote{padding-left:14px}
  .home-fs-showcase-r11 blockquote p{font-size:15px;line-height:1.5}
  .js .home-fs-showcase-r11 .home-fs-showcase-r11__primary{transform:perspective(1400px) translateY(12px) scale(.994) rotateY(-.62deg) rotate(-.30deg)}
  .js .home-fs-showcase-r11 .home-fs-showcase-r11__secondary{transform:translateY(10px) scale(.985) rotate(.95deg)}
  .js .home-fs-showcase-r11.is-live .home-fs-showcase-r11__primary{transform:perspective(1400px) translateY(0) scale(1) rotateY(-.45deg) rotate(-.22deg)}
  .js .home-fs-showcase-r11.is-live .home-fs-showcase-r11__secondary{transform:translateY(0) scale(1) rotate(.7deg)}
}

@media (prefers-reduced-motion:reduce){
  .home-fs-showcase-r11::before{opacity:.18!important;animation:none!important}
  .home-fs-showcase-r11__field::before{opacity:.38!important;animation:none!important}
  .js .home-fs-showcase-r11 .home-fs-showcase-r11__primary,.js .home-fs-showcase-r11 .home-fs-showcase-r11__secondary{opacity:1;transition:none!important}
}
