.hl-pd{ --pd-ink:#f4f4f3; --pd-ink-2:#a8a8aa; --pd-ink-3:#6a6a6d; --pd-ink-4:#454548; --pd-line:rgba(247,247,247,0.10); --pd-red:#a4110a; --pd-red-ink:#e0675e; --pd-surface:#121214; --pd-surface-2:#17171a; font-family:ui-sans-serif,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; color:var(--pd-ink-2); max-width:600px; line-height:1.65; -webkit-font-smoothing:antialiased; } .hl-pd *{box-sizing:border-box;} .hl-pd__open{margin:0 0 44px;} .hl-pd__open p{ font-size:18px; line-height:1.6; color:var(--pd-ink); margin:0 0 18px; font-weight:400; } .hl-pd__open p:last-child{margin-bottom:0;} .hl-pd__open .hl-pd__pull{ font-size:20px; font-weight:700; color:var(--pd-ink); letter-spacing:-0.01em; line-height:1.4; padding:4px 0 4px 20px; border-left:2px solid var(--pd-red); margin:26px 0; } .hl-pd__sec{margin:0 0 40px;} .hl-pd__kicker{ font-size:11px; letter-spacing:0.18em; text-transform:uppercase; color:var(--pd-ink-3); font-weight:600; margin:0 0 14px; } .hl-pd__lead{ font-size:16px; line-height:1.62; color:var(--pd-ink-2); margin:0 0 12px; } .hl-pd__lead strong{color:var(--pd-ink); font-weight:600;} .hl-pd__lead:last-child{margin-bottom:0;} .hl-pd__list{list-style:none; margin:0; padding:0;} .hl-pd__list li{ font-size:15px; line-height:1.6; color:var(--pd-ink-2); padding:13px 0 13px 24px; position:relative; border-top:1px solid var(--pd-line); } .hl-pd__list li:first-child{border-top:0;} .hl-pd__list li::before{ content:""; position:absolute; left:2px; top:21px; width:7px; height:7px; border-radius:99px; background:var(--pd-red); } .hl-pd__list li strong{color:var(--pd-ink); font-weight:600;} .hl-pd__split{margin:0 0 40px;} .hl-pd__panel{ background:var(--pd-surface); border:1px solid var(--pd-line); border-radius:14px; padding:22px 22px; margin:0 0 10px; } .hl-pd__panel:last-child{margin-bottom:0;} .hl-pd__panel-k{ font-size:11px; letter-spacing:0.14em; text-transform:uppercase; font-weight:700; margin:0 0 9px; } .hl-pd__panel--for .hl-pd__panel-k{color:var(--pd-red-ink);} .hl-pd__panel--not .hl-pd__panel-k{color:var(--pd-ink-3);} .hl-pd__panel p{font-size:15px; line-height:1.58; color:var(--pd-ink-2); margin:0;} .hl-pd__pos{ border-top:1px solid var(--pd-line); margin-top:8px; padding-top:24px; } .hl-pd__pos-row{display:flex; gap:7px; flex-wrap:wrap; margin:0 0 14px;} .hl-pd__stage{ font-size:11px; font-weight:600; letter-spacing:0.03em; color:var(--pd-ink-3); background:var(--pd-surface); border:1px solid var(--pd-line); border-radius:99px; padding:6px 12px; } .hl-pd__stage--here{ color:#fff; background:var(--pd-red); border-color:var(--pd-red); } .hl-pd__pos-note{font-size:13px; line-height:1.55; color:var(--pd-ink-4); margin:0;} .hl-pd__incl{ font-size:13px; color:var(--pd-ink-3); margin:28px 0 0; padding-top:20px; border-top:1px solid var(--pd-line); } .hl-pd__incl strong{color:var(--pd-ink-2); font-weight:600;} Fixing one stage at a time works. Fixing all five, in the right order, is a different thing entirely. The System - the complete organic operating system. All five organic stages, in order, as one connected system. Attention, Clarity, Consistency, Conversion, Distribution. Content that gets seen, understood, sustained, acted on and spread. Not five products - one operating system for content that grows a business. What's included All five organic stages - Attention through Distribution Each stage handing off to the next, in the order they're meant to be built Start Here - included free Who this is for People done fixing one thing at a time, who want the entire framework built in the right order. AttentionClarityConsistencyConversionDistribution The complete five-stage Hookline System. The full organic engine. Includes Start Here free - the foundation the whole system is built on.
