/* SIGNAL — mint-day capture strip */
.sy-signal{padding:26px 0 110px}

.sy-signal-panel{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:40px;
  align-items:center;
  padding:44px 48px;
  border:1px solid var(--sy-border);
  background:
    linear-gradient(180deg,rgba(22,26,32,0.85),rgba(17,19,23,0.92)) padding-box,
    linear-gradient(135deg,rgba(42,238,247,0.35),rgba(122,124,255,0.12) 45%,rgba(42,238,247,0.05)) border-box;
  border:1px solid transparent;
}

.sy-signal-title{
  margin-top:14px;
  font-weight:600;
  font-size:clamp(1.5rem,2.6vw,2.1rem);
  line-height:1.15;
  letter-spacing:-0.01em;
}
.sy-signal-sub{
  margin-top:12px;
  color:var(--sy-dim);
  font-size:0.98rem;
  max-width:420px;
}

.sy-signal-form{display:flex;flex-direction:column;gap:12px}
.sy-signal-row{display:flex;gap:12px}

.sy-signal-input{
  flex:1;
  min-width:0;
  padding:15px 18px;
  border:1px solid var(--sy-border);
  background:rgba(10,10,12,0.6);
  color:var(--sy-text);
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:0.04em;
  transition:border-color var(--sy-fast) var(--sy-ease),box-shadow var(--sy-fast) var(--sy-ease);
}
.sy-signal-input::placeholder{color:var(--sy-faint)}
.sy-signal-input:focus{outline:none;border-color:rgba(42,238,247,0.55);box-shadow:var(--sy-glow-cyan)}

/* honeypot — visually gone, present for bots */
.sy-signal-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

.sy-signal-note{
  font-family:var(--font-mono);
  font-size:10.5px;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--sy-faint);
}
.sy-signal-note.is-ok{color:var(--sy-mint)}
.sy-signal-note.is-err{color:var(--sy-amber)}

@media (max-width:860px){
  .sy-signal-panel{grid-template-columns:1fr;gap:26px;padding:34px 26px}
  .sy-signal-row{flex-direction:column}
  .sy-signal-row .sy-btn{width:100%}
}