/* Preview second pass — premium factory + NEXUS v2 composition */
/* Factory imagery: exact vendored copies from apidevelopers-media-assets@e64fd57f259b46a9c8ec2b381219cdf2a09793f3. */
.product-card.rich .product-art{
  aspect-ratio:12/7;
  min-height:0!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-color:#07182f!important;
}
.product-card.rich .art-sites{background-image:url('./assets/canonical/factory/2026-08-18/sites-premium.webp')!important}
.product-card.rich .art-wa{background-image:url('./assets/canonical/factory/2026-08-18/whatsapp-intelligence-premium.webp')!important}
.product-card.rich .art-auto{background-image:url('./assets/canonical/factory/2026-08-18/automacoes-premium.webp')!important}
.product-card.rich .art-api{background-image:url('./assets/canonical/factory/2026-08-18/integracoes-premium.webp')!important}
.product-card.rich .art-saas{background-image:url('./assets/canonical/factory/2026-08-18/saas-premium.webp')!important}
.product-card.rich .art-trust{background-image:url('./assets/canonical/factory/2026-08-18/trust-identity-premium.webp')!important}
.product-card.rich .product-art:after{
  background:linear-gradient(180deg,rgba(2,12,28,0),rgba(2,12,28,.08));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
.product-card.rich{background:linear-gradient(180deg,#fff,#fbfdff)}
.product-card.rich:hover .product-art{filter:saturate(1.06) contrast(1.02)}

.nexus-v2{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr)!important;
  grid-template-areas:"copy stage" "governance governance";
  gap:26px 38px!important;
  align-items:center!important;
  min-height:0!important;
  padding:52px!important;
  overflow:hidden;
  isolation:isolate;
}
.nexus-v2>.nexus-v2-glow{
  position:absolute;inset:-30% 22% auto -18%;height:560px;
  background:radial-gradient(circle,rgba(31,120,255,.22),transparent 66%);
  filter:blur(30px);pointer-events:none;z-index:0
}
.nexus-v2-copy{grid-area:copy;position:relative;z-index:3;padding:0!important;min-width:0}
.nexus-v2-copy h3{font-size:clamp(24px,2.3vw,38px);line-height:1.08;letter-spacing:-.035em;margin:22px 0 16px;max-width:650px}
.nexus-v2-copy>p{max-width:650px;color:#bfd0e5;line-height:1.65}
.nexus-v2-title{display:flex;align-items:center;gap:14px;margin-top:12px}
.nexus-v2-title h2{margin:0;font-size:34px;letter-spacing:.08em}
.nexus-v2-title small{color:#9fb6d1}
.nexus-v2-badge{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;font-weight:900;background:linear-gradient(145deg,#146dff,#7659ff);box-shadow:0 16px 36px rgba(25,100,255,.28)}
.nexus-v2-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.nexus-v2-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px;color:#a9bdd5;font-size:11px}
.nexus-v2-trust span:before{content:"✓";display:inline-grid;place-items:center;width:16px;height:16px;margin-right:6px;border:1px solid rgba(132,192,255,.35);border-radius:50%;color:#75d7ff}

.nexus-v2-stage{
  grid-area:stage;
  position:relative;
  min-height:500px;
  display:grid;
  place-items:center;
  isolation:isolate;
  z-index:2;
}
.nexus-v2-stage:before{
  content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;
  border:1px solid rgba(87,167,255,.24);
  box-shadow:0 0 90px rgba(37,112,255,.12),inset 0 0 90px rgba(37,112,255,.08);
  transform:rotate(-10deg)
}
.nexus-v2-stage:after{inset:14% 8%!important;z-index:0}
.nexus-v2-stage>img{
  width:min(100%,520px);
  max-height:470px;
  object-fit:contain;
  border-radius:28px;
  z-index:3!important;
  filter:drop-shadow(0 30px 42px rgba(4,15,34,.42));
}
.nexus-v2-orbit{position:absolute;border:1px solid rgba(84,170,255,.24);border-radius:50%;z-index:1}
.nexus-v2-orbit.orbit-one{width:92%;height:48%;transform:rotate(-9deg)}
.nexus-v2-orbit.orbit-two{width:66%;height:70%;transform:rotate(24deg);border-color:rgba(136,104,255,.22)}
.nexus-v2-core{position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(67,170,255,.24),transparent 68%);filter:blur(18px);z-index:1}

.nexus-float{
  position:absolute;z-index:5;display:flex;align-items:center;gap:10px;
  min-width:155px;padding:10px 12px;border-radius:15px;
  border:1px solid rgba(137,188,255,.17);
  background:rgba(7,28,54,.78);backdrop-filter:blur(14px);
  box-shadow:0 14px 32px rgba(0,10,30,.24);
}
.nexus-float>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(39,123,255,.16);color:#76d8ff;font-weight:800}
.nexus-float div{display:grid;gap:2px}
.nexus-float b{font-size:11px;color:#fff}
.nexus-float small{font-size:9px;color:#9eb5cf}
.nexus-float.float-a{left:0;top:17%}
.nexus-float.float-b{right:0;top:24%}
.nexus-float.float-c{left:3%;bottom:16%}
.nexus-float.float-d{right:2%;bottom:11%}

.nexus-v2-governance{
  grid-area:governance;
  position:relative;z-index:4;
  display:grid!important;
  grid-template-columns:minmax(190px,.72fr) minmax(310px,1.25fr) minmax(360px,1.55fr);
  gap:20px 28px;
  align-items:center;
  padding:22px 24px!important;
  margin:4px 0 0!important;
  border:1px solid rgba(128,182,255,.14);
  border-radius:20px;
}
.nexus-v2-governance>.nexus-v2-status{align-self:start}
.nexus-v2-governance>strong{font-size:16px;line-height:1.35}
.nexus-v2-governance>p{margin:0;color:#9eb4cd;font-size:11px;line-height:1.55}
.nexus-v2-metrics{grid-column:1/3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.nexus-v2-metrics>div{padding:10px 12px;border:1px solid rgba(128,182,255,.10);border-radius:12px;background:rgba(3,17,34,.34)}
.nexus-v2-metrics small,.nexus-v2-metrics b{display:block}
.nexus-v2-metrics small{color:#7895b7;font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.nexus-v2-metrics b{margin-top:3px;color:#dceaff;font-size:10px}

@media(max-width:980px){
  .nexus-v2{
    grid-template-columns:1fr!important;
    grid-template-areas:"copy" "stage" "governance";
    padding:36px 30px!important;
    gap:24px!important
  }
  .nexus-v2-copy{grid-column:auto!important}
  .nexus-v2-stage{min-height:470px}
  .nexus-v2-governance{grid-template-columns:1fr 1fr!important}
  .nexus-v2-governance>p{grid-column:1/-1}
  .nexus-v2-metrics{grid-column:1/-1}
}
@media(max-width:680px){
  .product-card.rich .product-art{aspect-ratio:12/7;min-height:0!important}
  .nexus-v2{padding:30px 20px!important;border-radius:24px}
  .nexus-v2-copy h3{font-size:28px}
  .nexus-v2-stage{min-height:390px;margin-inline:-8px}
  .nexus-v2-stage>img{width:min(100%,390px);max-height:350px}
  .nexus-float{position:relative!important;inset:auto!important;min-width:0;width:calc(50% - 7px);padding:8px}
  .nexus-v2-stage{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;align-content:center;gap:8px}
  .nexus-v2-stage>img{flex:0 0 100%}
  .nexus-v2-orbit,.nexus-v2-core{display:none}
  .nexus-v2-governance{grid-template-columns:1fr!important;padding:18px!important}
  .nexus-v2-governance>strong,.nexus-v2-governance>p,.nexus-v2-metrics{grid-column:1!important}
  .nexus-v2-metrics{grid-template-columns:1fr}
}