/* TRANSMIT — classified conversion longform.
   Atmosphere only. Tokens/base/nav/lab/signal/footer carry the system.
   Not a FAQ step grid, not a Medium clone, not a Coinbase ad surface. */

/* ---- hero strip — full-bleed key art ---- */
.sy-tx-hero{
  position:relative;
  min-height:92vh;
  min-height:92svh;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
  scroll-margin-top:88px;
}
.sy-tx-back{
  position:absolute;
  inset:0;
  overflow:hidden;
}
.sy-tx-art{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 22%;
  transform:scale(1.06);
  will-change:transform;
}
.sy-tx-scrim{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,
      rgba(10,10,12,0.58) 0%,
      rgba(10,10,12,0.12) 32%,
      rgba(10,10,12,0.28) 55%,
      rgba(10,10,12,0.88) 82%,
      var(--sy-void) 100%),
    radial-gradient(90% 55% at 20% 90%, rgba(10,10,12,0.75) 0%, transparent 60%);
}
.sy-tx-scan{
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(180deg,
    rgba(200,248,255,0.028) 0px,
    rgba(200,248,255,0.028) 1px,
    transparent 1px,
    transparent 4px);
  mix-blend-mode:overlay;
  pointer-events:none;
}
.sy-tx-hero-content{
  position:relative;
  z-index:2;
  padding-top:calc(var(--sy-nav-h) + 48px);
  padding-bottom:72px;
}
.sy-tx-brand{
  display:block;
  font-family:var(--font-sans);
  font-weight:800;
  font-size:clamp(2.8rem,8vw,5.4rem);
  line-height:0.95;
  letter-spacing:-0.03em;
  text-transform:uppercase;
  color:var(--sy-text);
  text-shadow:0 0 42px rgba(42,238,247,0.16),0 2px 24px rgba(5,5,7,0.8);
  max-width:12ch;
}
.sy-tx-hero .sy-kicker{margin-top:22px;margin-bottom:14px}
.sy-tx-title{
  font-family:var(--font-serif);
  font-weight:400;
  font-size:clamp(1.55rem,3.2vw,2.15rem);
  line-height:1.25;
  color:var(--sy-ice);
  max-width:22ch;
}
.sy-tx-sub{
  margin-top:18px;
  max-width:46ch;
  font-size:1.05rem;
  color:var(--sy-dim);
}
.sy-tx-sub b{color:var(--sy-ice);font-weight:500}
.sy-tx-hero-ctas{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px;
  margin-top:28px;
}
.sy-tx-hero-ctas .sy-btn--discord{width:auto;min-width:220px}

/* ---- article measure ---- */
.sy-tx-article{
  padding:56px 0 40px;
}
.sy-tx-measure{
  max-width:68ch;
  margin:0 auto;
}
.sy-tx-beat{
  margin-top:48px;
  padding-top:28px;
  border-top:1px solid var(--sy-border-subtle);
}
.sy-tx-beat:first-child{
  margin-top:0;
  padding-top:0;
  border-top:none;
}
.sy-tx-beat--drop{border-top-color:rgba(42,238,247,0.18)}
.sy-tx-beat--lab{border-top-color:rgba(122,124,255,0.22)}
.sy-tx-beat--proof{border-top-color:rgba(245,160,60,0.28)}

.sy-tx-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:500;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:var(--sy-cyan);
}
.sy-tx-kicker::before{
  content:"";
  width:18px;
  height:1px;
  background:linear-gradient(90deg,var(--sy-cyan),transparent);
}
.sy-tx-beat--lab .sy-tx-kicker{color:var(--sy-violet)}
.sy-tx-beat--lab .sy-tx-kicker::before{background:linear-gradient(90deg,var(--sy-violet),transparent)}
.sy-tx-beat--proof .sy-tx-kicker{color:var(--sy-amber)}
.sy-tx-beat--proof .sy-tx-kicker::before{background:linear-gradient(90deg,var(--sy-amber),transparent)}

.sy-tx-beat h2{
  margin-top:14px;
  font-weight:600;
  font-size:clamp(1.35rem,2.4vw,1.75rem);
  line-height:1.2;
  letter-spacing:-0.01em;
  color:var(--sy-text);
}
.sy-tx-beat p{
  margin-top:14px;
  font-size:1.02rem;
  line-height:1.7;
  color:var(--sy-dim);
}
.sy-tx-beat p b{color:var(--sy-ice);font-weight:500}
.sy-tx-beat p + p{margin-top:12px}

.sy-tx-lede{
  font-family:var(--font-serif);
  font-size:clamp(1.15rem,2.1vw,1.35rem);
  line-height:1.55;
  color:var(--sy-ice);
}

.sy-tx-pull{
  margin:40px 0 8px;
  padding:8px 0 8px 22px;
  border-left:1px solid rgba(42,238,247,0.45);
  font-family:var(--font-serif);
  font-style:italic;
  font-size:clamp(1.2rem,2.4vw,1.45rem);
  line-height:1.45;
  color:var(--sy-ice);
}

.sy-tx-infra{
  margin-top:18px;
  font-family:var(--font-mono);
  font-size:10.5px;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:var(--sy-faint);
}
.sy-tx-infra b{color:var(--sy-mint);font-weight:500}

/* ---- rails soft CTA — infrastructure inset, not an ad banner ---- */
.sy-tx-rails{
  margin-top:28px;
  padding:22px 24px;
  border:1px solid var(--sy-border);
  background:rgba(17,19,23,0.72);
}
.sy-tx-rails-label{
  font-family:var(--font-mono);
  font-size:10.5px;
  font-weight:500;
  letter-spacing:0.2em;
  text-transform:uppercase;
  color:var(--sy-ice);
}
.sy-tx-rails p{
  margin-top:10px;
  font-size:0.95rem;
  line-height:1.65;
  color:var(--sy-dim);
}
.sy-tx-rails-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:14px 20px;
  margin-top:16px;
}
.sy-tx-rails-link{
  font-family:var(--font-mono);
  font-size:12px;
  font-weight:500;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--sy-cyan);
  border-bottom:1px solid rgba(42,238,247,0.35);
  padding-bottom:2px;
}
.sy-tx-rails-link:hover{color:var(--sy-ice);border-bottom-color:var(--sy-ice)}
.sy-tx-rails-note{
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--sy-faint);
}

/* ---- close cluster ---- */
.sy-tx-close{
  padding:28px 0 110px;
  scroll-margin-top:88px;
}
.sy-tx-close-panel{
  max-width:720px;
  margin:0 auto;
  padding:36px 40px;
  border:1px solid transparent;
  background:
    linear-gradient(180deg,rgba(22,26,32,0.9),rgba(17,19,23,0.94)) padding-box,
    linear-gradient(135deg,rgba(122,124,255,0.4),rgba(42,238,247,0.12) 48%,rgba(122,124,255,0.08)) border-box;
}
.sy-tx-close .sy-kicker{color:var(--sy-violet)}
.sy-tx-close .sy-kicker::before{background:linear-gradient(90deg,var(--sy-violet),transparent)}
.sy-tx-close-title{
  margin-top:14px;
  font-weight:600;
  font-size:clamp(1.4rem,2.5vw,1.9rem);
  line-height:1.15;
  letter-spacing:-0.01em;
}
.sy-tx-close-sub{
  margin-top:12px;
  color:var(--sy-dim);
  font-size:0.98rem;
  max-width:46ch;
}
.sy-tx-close-actions{
  display:flex;
  flex-direction:column;
  gap:22px;
  margin-top:26px;
}
.sy-tx-close-primary{
  display:flex;
  flex-direction:column;
  gap:10px;
  max-width:320px;
}
.sy-tx-close-primary .sy-btn--discord{width:100%}
.sy-tx-close .sy-signal-form{max-width:480px}
.sy-tx-close-tertiary{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--sy-dim);
}
.sy-tx-close-tertiary:hover{color:var(--sy-cyan)}
.sy-tx-close-soft{
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid var(--sy-border-subtle);
  font-family:var(--font-mono);
  font-size:10.5px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--sy-faint);
}
.sy-tx-close-soft a{color:var(--sy-dim);border-bottom:1px solid var(--sy-border)}
.sy-tx-close-soft a:hover{color:var(--sy-cyan)}

@media (max-width:860px){
  .sy-tx-art{object-position:60% 26%}
  .sy-tx-hero-content{padding-bottom:56px}
  .sy-tx-hero-ctas .sy-btn{width:100%}
  .sy-tx-hero-ctas .sy-btn--discord{min-width:0}
  .sy-tx-close-panel{padding:30px 24px}
}
@media (max-width:560px){
  .sy-tx-art{object-position:62% 30%}
  .sy-tx-brand{font-size:clamp(2.4rem,14vw,3.2rem)}
  .sy-tx-rails{padding:18px 16px}
}