.letter{padding:110px 24px;position:relative;overflow:hidden}.letter .container{max-width:760px;margin:0 auto;position:relative}.letter .reveal{opacity:1!important;transform:none!important}.letter-eyebrow{display:inline-block;font-family:var(--font-mono, ui-monospace, monospace);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent, #22e39a);margin-bottom:22px}.letter-headline{font-family:var(--font-display, sans-serif);font-weight:700;font-size:clamp(26px,3.6vw,40px);line-height:1.12;letter-spacing:-.02em;margin:0 0 14px;text-transform:uppercase}.letter-headline em{font-style:normal;background:linear-gradient(105deg,#edff42,#7cf74d 34%,#22e39a 68%,#00c68b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.letter-sub{color:var(--text-dim, #c4c4c4);font-size:20px;line-height:1.5;font-weight:500;margin:0 0 38px;max-width:660px}.letter-from{display:flex;align-items:center;gap:15px;padding:15px 18px;border-left:2px solid var(--accent, #22e39a);background:#22e39a0d;border-radius:0 12px 12px 0;margin-bottom:36px}.lf-avatar{width:60px;height:60px;border-radius:50%;padding:2.5px;flex-shrink:0;background:linear-gradient(135deg,#c0fe71,#fff 55%,#7cf74d);box-shadow:0 4px 18px -6px #c0fe7180}.lf-avatar-img{width:100%;height:100%;border-radius:50%;background:#000 url(/images/letter/john-prom.png) center / cover no-repeat}.lf-text{display:flex;flex-direction:column;gap:2px;min-width:0}.lf-label{font-family:var(--font-mono, monospace);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute, #6a6a6a)}.lf-name{display:flex;align-items:center;gap:7px;font-family:var(--font-display, sans-serif);font-weight:700;font-size:18px}.lf-verified{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;background:linear-gradient(135deg,#c0fe71,#22e39a);flex-shrink:0;box-shadow:0 2px 8px -2px #22e39a99}.lf-verified svg{width:11px;height:11px}.lf-role{font-size:13px;color:var(--text-dim, #9a9a9a)}.letter-body{font-size:18px;line-height:1.72;color:var(--text, #f5f5f5)}.letter-body p{margin:0 0 18px}.letter-body .ll{margin:0 0 19px;font-size:18px;line-height:1.62}.letter-body .dim{color:var(--text-dim, #9a9a9a)}.letter-body strong{color:#fff;font-weight:700}.lf-underital{font-style:italic;text-decoration:underline;text-underline-offset:3px}.lf-grad{font-weight:700;background:linear-gradient(105deg,#c0fe71,#7cf74d 50%,#22e39a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.letter-body mark.hl{background:linear-gradient(105deg,#e8ff4238,#22e39a38);color:#eaffb0;padding:0 4px;border-radius:3px;font-weight:600}.letter-body em{font-style:italic;color:#fff}.letter-h3-big{font-size:clamp(28px,4vw,40px)!important;margin:44px 0 24px!important}.letter-h3{font-family:var(--font-display, sans-serif);font-weight:700;font-size:clamp(21px,2.6vw,28px);line-height:1.2;letter-spacing:-.01em;margin:38px 0 20px;text-transform:uppercase}.letter-h3 em{font-style:normal;background:linear-gradient(105deg,#edff42,#7cf74d 34%,#22e39a 68%,#00c68b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.letter-swap{display:flex;flex-direction:column;gap:12px;margin:6px 0 30px}.letter-swap-row{display:grid;grid-template-columns:1fr;gap:6px;padding:16px 18px;border:1px solid var(--border, #242424);border-radius:14px;background:linear-gradient(180deg,#14141899,#0a0a0cd9)}.letter-swap-bad,.letter-swap-good{display:flex;align-items:flex-start;gap:11px;font-size:15px;line-height:1.5}.letter-swap-bad{color:var(--text-mute, #6a6a6a)}.letter-swap-bad .ico{color:#c65b5b;flex-shrink:0;font-weight:700}.letter-swap-good{color:var(--text, #f5f5f5)}.letter-swap-good .ico{color:var(--accent, #22e39a);flex-shrink:0;font-weight:700}.letter-checks{list-style:none;padding:0;margin:6px 0 34px;display:flex;flex-direction:column;gap:13px}.letter-checks li{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.5}.letter-checks li .ico{color:var(--accent, #22e39a);flex-shrink:0;font-weight:700;font-size:15px;margin-top:1px}.letter-checks li strong{color:#fff}.letter-cta{margin-top:40px;text-align:center}.letter-cta a{display:inline-flex;align-items:center;gap:9px;padding:17px 34px;border-radius:100px;background:linear-gradient(105deg,#edff42,#7cf74d 34%,#22e39a 68%,#00c68b);color:#04100b;font-family:var(--font-body, sans-serif);font-weight:700;font-size:16px;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 34px -12px #22e39a80}.letter-cta a:hover{transform:translateY(-2px);box-shadow:0 18px 44px -12px #22e39a99}.letter-cta a svg{width:18px;height:18px}@media(max-width:560px){.letter{padding:80px 20px}}