/* Email sequences · pitch-side viewer (system A). Tokens/fonts from ads.css. */
.seq { position: relative; overflow: hidden; padding: clamp(52px, 8vh, 104px) 16px clamp(56px, 9vh, 104px); }
.seq .container { position: relative; z-index: 1; max-width: 760px; margin: 0 auto; }
.seq__intro { text-align: center; max-width: 640px; margin: 0 auto clamp(40px, 6vw, 60px); }
.seq__sub { margin: 14px auto 0; font-size: 16px; line-height: 1.6; color: var(--text-2); }
.seq__list { display: flex; flex-direction: column; gap: 22px; }
.email { background: rgba(255,255,255,.035); border: 1px solid rgba(168,149,255,.16); border-radius: 22px; padding: clamp(22px, 3.4vw, 36px); box-shadow: 0 24px 60px -30px rgba(0,0,0,.7); }
.email__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.email__tag { font-size: 11.5px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--accent-2); padding: 6px 12px; border: 1px solid rgba(168,149,255,.3); background: rgba(140,115,255,.08); border-radius: 999px; }
.email__meta { font-size: 13px; color: var(--text-3); }
.email__meta b { color: var(--text-2); font-weight: 600; }
.email__sl { margin-top: 22px; padding: 14px 16px; border-radius: 14px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.06); }
.email__sl span { display: block; font-size: 10.5px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--text-3); }
.email__subject { margin: 6px 0 0; font-family: var(--display); font-weight: 700; font-size: clamp(20px, 2.4vw, 24px); line-height: 1.2; color: var(--text); }
.email__pv { margin: 6px 0 0; font-size: 14.5px; color: var(--text-2); }
.email__body { margin-top: 22px; }
.email__body p { margin: 0 0 14px; font-size: 16.5px; line-height: 1.6; color: #CFCAE0; }
.email__sign { margin: 18px 0 0; font-size: 16.5px; color: var(--text); font-weight: 500; }
.email__ps { margin: 16px 0 0; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.07); font-size: 15.5px; line-height: 1.55; color: var(--text-2); }
.tok-merge, .tok-link { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: .86em; padding: 1px 6px; border-radius: 6px; white-space: nowrap; }
.tok-merge { background: rgba(140,115,255,.16); color: #D9D1FF; }
.tok-link { background: rgba(201,240,74,.12); color: #DDF58A; }
.seq__nav { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin: 0 auto 36px; }
.seq__nav a { font-size: 13.5px; font-weight: 600; color: var(--text-2); text-decoration: none; padding: 13px 16px; border-radius: 999px; border: 1px solid rgba(255,255,255,.1); }
.seq__nav a[aria-current] { color: var(--accent-ink); background: var(--accent-2); border-color: var(--accent-2); }
@media (max-width: 420px) { .tok-merge, .tok-link { white-space: normal; } }