/* LeapCode newsletter card (Scaling Secrets). Click to load: the Substack form is not requested until the visitor taps the button. */
.nl-card{border:1px solid var(--line,#E3E8EB);border-radius:var(--r-card,14px);padding:22px clamp(16px,4vw,28px);background:#fff;color:#1A1A1A;margin:1.4em 0}
.nl-card h2,.nl-card h3{margin:0 0 .3em;border:0;padding:0;font-size:1.3rem}
.nl-card p{margin:.3em 0 1em;max-width:62ch}
.nl-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 26px;border:0;border-radius:12px;background:#D44040;color:#fff;font:600 1rem var(--font-body,"Source Sans 3",sans-serif);text-decoration:none;cursor:pointer;box-shadow:0 6px 16px rgba(200,58,58,.28);transition:transform .18s ease,box-shadow .18s ease}
.nl-btn::after{content:"";position:absolute;top:0;left:-70%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-20deg);transition:left .55s ease}
.nl-btn:hover,.nl-btn:focus-visible{transform:translateY(-2px);box-shadow:0 10px 22px rgba(200,58,58,.38)}
.nl-btn:hover::after,.nl-btn:focus-visible::after{left:130%}
.nl-btn:focus-visible{outline:3px solid #F6B93B;outline-offset:2px}
.nl-alt{display:inline-block;margin-left:14px;font-size:.9375rem}
.nl-frame{display:none;margin-top:16px}
.nl-frame.on{display:block}
.nl-frame iframe{width:100%;max-width:480px;height:320px;border:1px solid #E3E8EB;border-radius:10px;background:#fff}
.nl-card[hidden]{display:none}
@media(max-width:480px){.nl-btn{width:100%}.nl-alt{display:block;margin:12px 0 0}}
@media(prefers-reduced-motion:reduce){.nl-btn,.nl-btn::after{transition:none}.nl-btn:hover{transform:none}}
.nl-card[data-nl-live] .nl-frame iframe{max-width:none;width:100%}
.nl-card[data-nl-live] h2{margin-bottom:.6em}
.nl-card[data-nl-live]{border:0;padding:0;background:transparent}
