.waitlist-panel{display:grid;gap:10px;border:2px solid rgba(255,179,64,.65);border-radius:14px;background:rgba(255,179,64,.08);padding:16px}
.waitlist-panel.active{border-color:rgba(91,218,155,.65);background:rgba(91,218,155,.08)}
.waitlist-panel>strong{font-family:var(--font-head);font-size:20px;color:var(--paper)}
.waitlist-panel p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}

.marketing-page{min-height:100vh;background:radial-gradient(circle at 82% 0,rgba(255,78,58,.17),transparent 28%),var(--night)}
.marketing-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:10px clamp(14px,3vw,34px);background:rgba(13,16,36,.94);border-bottom:2px solid rgba(112,126,174,.4);backdrop-filter:blur(14px)}
.marketing-top-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.marketing-shell{width:min(1240px,calc(100% - 28px));margin:0 auto;padding:32px 0 70px}
.marketing-gate{max-width:680px;margin:70px auto;text-align:center}
.marketing-heading,.marketing-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}
.marketing-heading h1,.marketing-panel-head h2,.link-builder h2,.metric-notes h2{margin:2px 0 6px}
.marketing-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:18px}
.marketing-kpis article{display:grid;gap:5px;min-width:0;border:2px solid rgba(112,126,174,.48);border-radius:15px;background:var(--night-2);box-shadow:0 6px 0 var(--ink-deep);padding:17px;position:relative;overflow:hidden}
.marketing-kpis article::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--cyan)}
.marketing-kpis article:nth-child(2)::before,.marketing-kpis article:nth-child(4)::before{background:var(--green)}
.marketing-kpis article:nth-child(3)::before,.marketing-kpis article:nth-child(5)::before{background:var(--yellow)}
.marketing-kpis article:nth-child(6)::before{background:var(--orange)}
.marketing-kpis small,.data-note{font-size:11px;color:var(--muted);font-weight:800}
.marketing-kpis strong{font-family:var(--font-head);font-size:clamp(23px,3vw,34px);color:var(--cyan);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.marketing-kpis span{font-size:11px;color:var(--muted)}
.link-builder{display:grid;gap:15px;margin-bottom:18px}
.link-builder-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:10px}
.link-builder-grid label{font-size:11px;color:var(--muted);font-weight:800}
.tracked-link-output{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.tracked-link-output input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
.marketing-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.75fr);gap:18px;margin-bottom:18px}
.marketing-layout>.panel,.marketing-events-panel,.metric-notes{min-width:0}
.marketing-table-wrap{width:100%;overflow:auto}
.marketing-table{width:100%;border-collapse:collapse;min-width:650px}
.marketing-table th,.marketing-table td{padding:11px 10px;border-bottom:1px solid rgba(112,126,174,.35);text-align:left;font-size:12px;vertical-align:top}
.marketing-table th{position:sticky;top:0;background:var(--night-2);color:var(--muted);font-size:10px;letter-spacing:.07em;text-transform:uppercase}
.marketing-table td strong{color:var(--paper)}
.marketing-table td small{display:block;color:var(--muted);margin-top:3px}
.source-bar{display:flex;align-items:center;gap:8px;min-width:150px}
.source-bar span{display:block;height:7px;min-width:3px;border-radius:999px;background:linear-gradient(90deg,var(--red),var(--orange))}
.source-bar small{white-space:nowrap}
.marketing-list{display:grid;gap:9px}
.marketing-list article{display:flex;justify-content:space-between;gap:12px;border:1px solid rgba(112,126,174,.4);border-radius:11px;padding:11px;background:rgba(20,25,50,.65)}
.marketing-list article div{display:grid;gap:3px}
.marketing-list strong{color:var(--paper)}
.marketing-list .waitlist-person{align-items:center}
.waitlist-person-copy span{color:var(--paper);font-size:12px;font-weight:800}
.marketing-list .waitlist-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}
.marketing-list small{color:var(--muted);font-size:11px}
.marketing-list .waitlist-count{font-family:var(--font-head);font-size:24px;color:var(--orange)}
.empty-marketing{padding:22px;text-align:center;color:var(--muted);font-size:13px}
.metric-notes{margin-top:18px}
.metric-notes ul{margin:8px 0 0;padding-left:20px;color:var(--muted);line-height:1.75;font-size:12px}
.metric-notes strong{color:var(--paper)}

@media(max-width:900px){
  .marketing-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .link-builder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .marketing-layout{grid-template-columns:1fr}
}
@media(max-width:620px){
  .marketing-topbar{align-items:flex-start}.marketing-top-actions{max-width:180px}
  .marketing-shell{width:min(100% - 20px,1240px);padding-top:22px}
  .marketing-heading{align-items:flex-start}.marketing-kpis{grid-template-columns:1fr}
  .link-builder-grid,.tracked-link-output{grid-template-columns:1fr}
  .marketing-panel-head{align-items:flex-start;flex-direction:column;gap:4px}
  .marketing-list .waitlist-person{align-items:stretch;flex-direction:column}
  .marketing-list .waitlist-actions{justify-content:flex-start;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .marketing-list .waitlist-actions .btn{width:100%}
}