.partnerStudio{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.partnerStudioHero{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(280px, 460px);
  gap:18px;
  align-items:center;
  padding:20px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:8px;
  background:
    radial-gradient(circle at 16% 0%, rgba(57,217,255,.16), transparent 42%),
    radial-gradient(circle at 88% 18%, rgba(255,143,77,.14), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.13));
}

.partnerStudioHero__eyebrow,
.partnerVisual__meta span,
.partnerCode__label{
  color:#ffcf9b;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.partnerStudioHero h1{
  margin:6px 0 10px;
  font-size:32px;
  line-height:1.1;
}

.partnerStudioHero p,
.partnerVisual__meta p{
  margin:0;
  color:var(--muted);
}

.partnerStudioHero__preview{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:150px;
  padding:18px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:
    radial-gradient(circle at 50% 0%, rgba(57,217,255,.10), transparent 54%),
    rgba(0,0,0,.22);
}

.partnerStudioHero__preview img{
  width:100%;
  max-width:468px;
  height:auto;
  filter:drop-shadow(0 16px 28px rgba(0,0,0,.45));
}

.partnerWorkbench{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.partnerRow{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(310px, 1.05fr) minmax(320px, .95fr);
  gap:0;
  border:1px solid rgba(255,255,255,.13);
  border-radius:8px;
  background:
    radial-gradient(circle at 10% 0%, rgba(57,217,255,.12), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(0,0,0,.13));
}

.partnerRow::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg, #39d9ff, rgba(255,143,77,.78));
}

.partnerVisual,
.partnerCode{
  min-width:0;
  padding:18px;
}

.partnerVisual{
  display:grid;
  grid-template-columns:minmax(150px, .62fr) minmax(0, 1fr);
  gap:16px;
  align-items:center;
  border-right:1px solid rgba(255,255,255,.10);
}

.partnerRow--feature .partnerVisual{
  grid-template-columns:minmax(150px, .48fr) minmax(220px, 1fr);
}

.partnerVisual__meta h2{
  margin:7px 0 7px;
  font-size:22px;
  line-height:1.12;
}

.partnerVisual__preview{
  min-height:118px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:
    radial-gradient(circle at 50% 0%, rgba(57,217,255,.08), transparent 52%),
    rgba(0,0,0,.22);
}

.partnerRow--feature .partnerVisual__preview{
  min-height:260px;
}

.partnerVisual__preview img{
  display:block;
  max-width:100%;
  height:auto;
  filter:drop-shadow(0 14px 28px rgba(0,0,0,.42));
}

.partnerCode{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
  background:rgba(0,0,0,.12);
}

.partnerCode__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.partnerCode__top strong{
  display:block;
  margin-top:4px;
  color:var(--text);
  font-size:16px;
}

.partner-code{
  width:100%;
  min-height:132px;
  resize:vertical;
  padding:12px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(0,0,0,.30);
  color:rgba(231,236,255,.92);
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size:12px;
  line-height:1.45;
}

.partner-copy{
  white-space:nowrap;
}

.partner-copy.is-ok{
  color:#67ff9a;
}

@media (max-width:1100px){
  .partnerRow,
  .partnerStudioHero{
    grid-template-columns:1fr;
  }

  .partnerVisual{
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.10);
  }
}

@media (max-width:720px){
  .partnerStudioHero h1{
    font-size:26px;
  }

  .partnerVisual,
  .partnerRow--feature .partnerVisual{
    grid-template-columns:1fr;
  }

  .partnerCode__top{
    align-items:flex-start;
    flex-direction:column;
  }

  .partner-copy{
    width:100%;
  }
}