/* UiSynce newsletter signup blocks (staging, Oct 2026). Uses tokens from style.css + redesign.css. */
.su{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:var(--rc);padding:clamp(22px,3vw,32px)}
.su-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:center}
.su h2,.su .su-h{margin:0 0 8px;font-size:clamp(1.3rem,1.1rem + .6vw,1.65rem);line-height:1.15;letter-spacing:-.02em;padding:0}
.su p{margin:0;color:var(--ink-2)}
.su-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px;font-size:.95rem;color:var(--ink-2)}
.su-list li{display:flex;gap:10px;align-items:baseline}.su-list li:before{content:"";flex:0 0 8px;height:8px;border-radius:2px;background:var(--accent);transform:translateY(-1px)}
.su-fine{font-size:.82rem;color:var(--muted);margin-top:10px!important}
/* beehiiv embed container + mock form (replace the mock with Jordan's embed) */
.bh-embed{position:relative}
.bh-mock{display:flex;gap:8px;flex-wrap:wrap}
.bh-mock label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.bh-mock input{flex:1 1 220px;min-height:48px;padding:0 14px;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line-2);border-radius:var(--rc)}
.bh-mock button{min-height:48px;padding:0 20px;font:inherit;font-weight:600;color:#fff;background:var(--accent);border:0;border-radius:var(--rc);cursor:not-allowed}
.bh-flag{display:inline-block;margin-top:8px;font:600 .72rem/1.4 "Geist Mono",ui-monospace,monospace;color:var(--note-ink);background:var(--note-bg);box-shadow:inset 0 0 0 1px var(--note-line);padding:2px 8px;border-radius:var(--rc-s)}
.su--home{margin-top:clamp(8px,2vw,16px)}
.su--article{margin:48px 0 8px;max-width:none}
.su--article .su-grid{grid-template-columns:minmax(0,1fr)}
.su--article h2{margin-top:0!important}
/* footer slim form */
.foot-su{border-top:1px solid var(--line);padding-block:22px;display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;height:auto}
.foot-su p{margin:0;font-size:.92rem;color:var(--ink-2)}.foot-su p b{color:var(--ink)}
.foot-su .bh-embed{flex:0 1 460px}
.foot-su .bh-mock input,.foot-su .bh-mock button{min-height:42px}
/* landing + thanks */
.lp{padding:clamp(36px,5vw,72px) 0 clamp(48px,6vw,88px)}
.lp-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,72px);align-items:start}
.lp h1{font-size:clamp(2.1rem,1.3rem + 2.4vw,3.2rem);line-height:1.05;letter-spacing:-.03em;margin:0 0 16px;max-width:16ch}
.lp .sub{font-size:1.1rem;color:var(--ink-2);margin:0 0 22px;max-width:52ch}
.lp-pages{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lp-pages img{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:var(--rc-s);box-shadow:var(--shadow);background:#fff}
.lp-inside{margin-top:clamp(36px,5vw,56px);border-top:1px solid var(--line);padding-top:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 40px}
.lp-inside h2{grid-column:1/-1;margin:0;font-size:1.25rem}
.lp-inside div h3{font-size:1rem;margin:0 0 4px}.lp-inside div p{margin:0;color:var(--ink-2);font-size:.95rem}
.ty{max-width:640px;padding:clamp(48px,7vw,96px) 0}
.ty h1{font-size:clamp(2rem,1.3rem + 2vw,2.8rem);letter-spacing:-.03em;line-height:1.08;margin:0 0 14px}
.ty .dl{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 22px;margin:18px 0 26px;background:var(--accent);color:#fff;font-weight:600;text-decoration:none;border-radius:var(--rc)}
.ty .dl:hover{background:var(--accent-ink);color:#fff}
.ty ol{padding-left:20px;color:var(--ink-2)}.ty li+li{margin-top:6px}
@media (max-width:760px){.su-grid,.lp-grid,.lp-inside{grid-template-columns:minmax(0,1fr)}.foot-su .bh-embed{flex-basis:100%}}