.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;} Most content problems trace back to the same place. Not the polish. Not the effort. The foundation underneath. The Foundation - the essential structural layer. Attention, Clarity and Consistency - the three stages that have to be solid before anything else can hold. Earn the stop. Find a direction a stranger can place in seconds. Build a rhythm that survives a busy week. This is where the system is meant to begin. What's included Attention - earn the stop Clarity - a direction a stranger can place Consistency - a rhythm you can sustain Start Here - the foundation underneath all of it Who this is for People starting properly, or rebuilding on foundations that were never fully set. AttentionClarityConsistencyConversionDistribution The first three stages of the Hookline System, as one structural layer. Includes Start Here free - the foundation the whole system is built on.
