@import url('/ui-primitives.css');
.intake-channels-demo{ margin-top:28px; color:var(--palette-ink-6); }
.intake-channels-demo *{ box-sizing:border-box; }
.intake-demo-intro{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding:28px; border:1px solid var(--palette-border-10); border-radius:20px; background:var(--palette-accent-subtle-17); }
.intake-demo-kicker,.intake-channel-label{ margin:0 0 8px; color:var(--palette-ink-7); font-size:10px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.intake-demo-intro h2{ max-width:670px; margin:0; font-size:clamp(28px,3vw,42px); font-weight:600; letter-spacing:-.05em; line-height:1.03; }
.intake-demo-intro p:not(.intake-demo-kicker){ max-width:620px; margin:12px 0 0; color:var(--palette-ink-8); font-size:13px; line-height:1.65; }
.intake-demo-count{ display:grid; min-width:132px; place-items:center; padding:22px; border-radius:16px; background:var(--palette-ink-6); color:var(--palette-surface-1); text-align:center; }
.intake-demo-count strong{ font-size:38px; line-height:1; }
.intake-demo-count span{ margin-top:7px; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.intake-demo-layout{ display:grid; grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr); gap:18px; margin-top:18px; }
.intake-channel-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.intake-channel-card{ min-height:248px; padding:22px; border:1px solid var(--palette-border-11); border-radius:16px; background:var(--palette-surface-1); }
.intake-channel-card.featured{ border-color:var(--palette-border-12); box-shadow:4px 4px 0 var(--palette-ink-6); }
.intake-channel-top{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.intake-channel-icon{ display:grid; width:34px; height:34px; place-items:center; border-radius:50%; background:var(--palette-ink-6); color:var(--palette-surface-1); font-size:11px; font-weight:800; }
.intake-channel-status{ padding:5px 8px; border-radius:999px; background:var(--palette-accent-subtle-18); color:var(--palette-ink-9); font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.intake-channel-card h3{ margin:18px 0 7px; font-size:19px; font-weight:650; letter-spacing:-.03em; }
.intake-channel-card>p{ min-height:58px; margin:0 0 16px; color:var(--palette-ink-10); font-size:12px; line-height:1.55; }
.intake-code-row{ display:flex; min-height:41px; align-items:center; justify-content:space-between; gap:10px; padding:9px 10px; overflow:hidden; border-radius:9px; background:var(--palette-accent-subtle-19); }
.intake-code-row code{ overflow:hidden; color:var(--palette-ink-11); font:10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace; text-overflow:ellipsis; white-space:nowrap; }
.intake-card-action{ margin-top:14px; }
.intake-brand-studio{ overflow:hidden; border:1px solid var(--palette-border-11); border-radius:16px; background:var(--palette-surface-1); }
.intake-brand-preview{ min-height:255px; padding:22px; background:var(--intake-demo-accent,var(--palette-accent-6)); color:var(--palette-surface-1); }
.intake-brand-preview-head{ display:flex; align-items:center; gap:10px; font-size:12px; font-weight:750; }
.intake-brand-monogram{ display:grid; width:34px; height:34px; place-items:center; border-radius:10px; background:var(--palette-surface-1); color:var(--intake-demo-accent,var(--palette-accent-6)); font-size:11px; font-weight:850; }
.intake-brand-preview h3{ max-width:280px; margin:46px 0 9px; font-size:28px; font-weight:600; letter-spacing:-.045em; line-height:1.04; }
.intake-brand-preview p{ margin:0; color:var(--palette-surface-3); font-size:11px; line-height:1.55; }
.intake-brand-form{ padding:22px; }
.intake-brand-form h3{ margin:0; font-size:18px; letter-spacing:-.03em; }
.intake-brand-form>p{ margin:6px 0 18px; color:var(--palette-ink-12); font-size:11px; line-height:1.5; }
.intake-demo-field{ display:grid; gap:6px; margin-top:12px; color:var(--palette-ink-13); font-size:10px; font-weight:750; }
.intake-color-row{ display:flex; align-items:center; gap:10px; }
.intake-color-value{ font:11px ui-monospace,SFMono-Regular,Menlo,monospace; }
.intake-demo-note{ display:flex; gap:9px; align-items:flex-start; margin-top:16px; padding:12px; border-radius:10px; background:var(--palette-accent-subtle-19); color:var(--palette-ink-10); font-size:10px; line-height:1.45; }
.intake-demo-note strong{ color:var(--palette-ink-6); }
@media(max-width:980px){.intake-demo-layout{grid-template-columns:1fr}}
@media(max-width:680px){.intake-demo-intro{align-items:stretch;flex-direction:column}
.intake-demo-count{display:flex;justify-content:center;gap:10px}
.intake-demo-count strong{font-size:24px}
.intake-channel-grid{grid-template-columns:1fr}
.intake-channel-card{min-height:0}}