{"compiledCode":"\"use strict\";Object.defineProperty(exports, \"__esModule\", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _react = require('react'); var _react2 = _interopRequireDefault(_react);\n\n function OwnedAudiencePage() {\n  const css = `\n    .tr-page.tr-owned {\n      --tr-ink: #15161c;\n      --tr-muted: #4b4f5e;\n      --tr-line: #e3e4ec;\n      --tr-bg: #ffffff;\n      --tr-soft: #f6f6fb;\n      --tr-accent: #2a2bd6;\n      --tr-accent-soft: #eceefd;\n      color: var(--tr-ink);\n      background: var(--tr-bg);\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      line-height: 1.6;\n      font-size: 17px;\n    }\n    .tr-owned .tr-wrap {\n      max-width: 900px;\n      margin: 0 auto;\n      padding: 28px 20px 72px;\n    }\n    .tr-owned h1 {\n      font-size: clamp(1.9rem, 4.5vw, 2.7rem);\n      line-height: 1.12;\n      letter-spacing: -0.02em;\n      margin: 8px 0 14px;\n    }\n    .tr-owned h2 {\n      font-size: clamp(1.35rem, 3vw, 1.7rem);\n      line-height: 1.2;\n      letter-spacing: -0.01em;\n      margin: 44px 0 12px;\n    }\n    .tr-owned h3 { font-size: 1.12rem; margin: 22px 0 6px; }\n    .tr-owned p { margin: 0 0 14px; }\n    .tr-owned a {\n      color: var(--tr-accent);\n      text-decoration: underline;\n      text-underline-offset: 2px;\n    }\n    .tr-owned a:hover { text-decoration: none; }\n    .tr-owned .tr-lede {\n      font-size: clamp(1.05rem, 2.2vw, 1.22rem);\n      color: var(--tr-muted);\n      max-width: 70ch;\n    }\n    .tr-owned .tr-kicker {\n      display: inline-block;\n      font-size: 0.78rem;\n      font-weight: 700;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      color: var(--tr-accent);\n      background: var(--tr-accent-soft);\n      padding: 5px 11px;\n      border-radius: 999px;\n      margin-bottom: 6px;\n    }\n    .tr-owned ul, .tr-owned ol { margin: 0 0 16px; padding-left: 1.3em; }\n    .tr-owned li { margin: 6px 0; }\n    .tr-owned .tr-card {\n      border: 1px solid var(--tr-line);\n      border-radius: 14px;\n      padding: 20px 22px;\n      background: var(--tr-bg);\n    }\n    .tr-owned .tr-summary {\n      background: var(--tr-soft);\n      border: 1px solid var(--tr-line);\n      border-radius: 14px;\n      padding: 20px 22px;\n      margin: 28px 0;\n    }\n    .tr-owned .tr-summary h2 { margin-top: 0; }\n    .tr-owned .tr-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n      margin: 18px 0 6px;\n    }\n    .tr-owned .tr-grid .tr-card h3 { margin-top: 0; }\n    .tr-owned .tr-grid .tr-card p { margin-bottom: 8px; color: var(--tr-muted); font-size: 0.97rem; }\n    .tr-owned .tr-step {\n      border-left: 3px solid var(--tr-accent);\n      padding: 2px 0 2px 18px;\n      margin: 18px 0;\n    }\n    .tr-owned .tr-step h3 { margin-top: 0; }\n    .tr-owned table {\n      width: 100%;\n      border-collapse: collapse;\n      margin: 14px 0 20px;\n      font-size: 0.96rem;\n    }\n    .tr-owned th, .tr-owned td {\n      text-align: left;\n      padding: 11px 12px;\n      border-bottom: 1px solid var(--tr-line);\n      vertical-align: top;\n    }\n    .tr-owned th {\n      background: var(--tr-soft);\n      font-weight: 700;\n      font-size: 0.86rem;\n      letter-spacing: 0.02em;\n    }\n    .tr-owned .tr-cedros {\n      background: var(--tr-accent-soft);\n      border: 1px solid #d6d9fb;\n      border-radius: 14px;\n      padding: 20px 22px;\n      margin: 28px 0;\n    }\n    .tr-owned .tr-cedros h2 { margin-top: 0; }\n    .tr-owned .tr-cta {\n      display: inline-block;\n      margin: 6px 10px 6px 0;\n      padding: 12px 20px;\n      border-radius: 10px;\n      background: var(--tr-accent);\n      color: #fff;\n      font-weight: 600;\n      text-decoration: none;\n    }\n    .tr-owned .tr-cta:hover { background: #2122ad; text-decoration: none; }\n    .tr-owned .tr-cta.tr-ghost {\n      background: transparent;\n      color: var(--tr-accent);\n      border: 1px solid var(--tr-accent);\n    }\n    .tr-owned .tr-cta.tr-ghost:hover { background: var(--tr-accent-soft); }\n    .tr-owned .tr-ctarow { margin: 18px 0 6px; }\n    .tr-owned .tr-faq dt { font-weight: 700; margin: 20px 0 4px; font-size: 1.05rem; }\n    .tr-owned .tr-faq dd { margin: 0 0 14px; color: var(--tr-muted); }\n    .tr-owned .tr-meta {\n      font-size: 0.85rem;\n      color: var(--tr-muted);\n      border-top: 1px solid var(--tr-line);\n      margin-top: 44px;\n      padding-top: 16px;\n    }\n    @media (max-width: 560px) {\n      .tr-owned { font-size: 16px; }\n      .tr-owned .tr-wrap { padding: 22px 16px 56px; }\n      .tr-owned table { font-size: 0.9rem; }\n      .tr-owned th, .tr-owned td { padding: 9px 9px; }\n    }\n  `;\n\n  return (\n    _react2.default.createElement('div', { className: [\"np-triberocket\",\"tr-page tr-owned\"].join(\" \"),}\n, _react2.default.createElement('style', null, \"\\n    .np-triberocket.tr-page.tr-owned {\\n      --tr-ink:var(--c1djdekhr-fg);\\n      --tr-muted:var(--c1djdekhr-muted);\\n      --tr-line:var(--c1djdekhr-border);\\n      --tr-bg:var(--c1djdekhr-bg);\\n      --tr-soft:var(--c1djdekhr-panel-muted);\\n      --tr-accent:var(--c1djdekhr-link);\\n      --tr-accent-soft: #eceefd;\\n      color: var(--tr-ink);\\n      background: var(--tr-bg);\\n      font-family:var(--c1djdekh-font-body, \\\"DM Sans\\\", Arial, sans-serif);\\n      line-height: 1.6;\\n      font-size: 17px;\\n    }\\n    .np-triberocket.tr-owned .tr-wrap {\\n      max-width: 900px;\\n      margin: 0 auto;\\n      padding: 28px 20px 72px;\\n    }\\n    .np-triberocket.tr-owned h1 {\\n      font-size: clamp(1.9rem, 4.5vw, 2.7rem);\\n      line-height: 1.12;\\n      letter-spacing: -0.02em;\\n      margin: 8px 0 14px;\\n    }\\n    .np-triberocket.tr-owned h2 {\\n      font-size: clamp(1.35rem, 3vw, 1.7rem);\\n      line-height: 1.2;\\n      letter-spacing: -0.01em;\\n      margin: 44px 0 12px;\\n    }\\n    .np-triberocket.tr-owned h3 { font-size: 1.12rem; margin: 22px 0 6px; }\\n    .np-triberocket.tr-owned p { margin: 0 0 14px; }\\n    .np-triberocket.tr-owned a {\\n      color: var(--tr-accent);\\n      text-decoration: underline;\\n      text-underline-offset: 2px;\\n    }\\n    .np-triberocket.tr-owned a:hover { text-decoration: none; }\\n    .np-triberocket.tr-owned .tr-lede {\\n      font-size: clamp(1.05rem, 2.2vw, 1.22rem);\\n      color: var(--tr-muted);\\n      max-width: 70ch;\\n    }\\n    .np-triberocket.tr-owned .tr-kicker {\\n      display: inline-block;\\n      font-size: 0.78rem;\\n      font-weight: 700;\\n      letter-spacing: 0.08em;\\n      text-transform: uppercase;\\n      color: var(--tr-accent);\\n      background: var(--tr-accent-soft);\\n      padding: 5px 11px;\\n      border-radius: 999px;\\n      margin-bottom: 6px;\\n    }\\n    .np-triberocket.tr-owned ul, .np-triberocket.tr-owned ol { margin: 0 0 16px; padding-left: 1.3em; }\\n    .np-triberocket.tr-owned li { margin: 6px 0; }\\n    .np-triberocket.tr-owned .tr-card {\\n      border: 1px solid var(--tr-line);\\n      border-radius: 14px;\\n      padding: 20px 22px;\\n      background: var(--tr-bg);\\n    }\\n    .np-triberocket.tr-owned .tr-summary {\\n      background: var(--tr-soft);\\n      border: 1px solid var(--tr-line);\\n      border-radius: 14px;\\n      padding: 20px 22px;\\n      margin: 28px 0;\\n    }\\n    .np-triberocket.tr-owned .tr-summary h2 { margin-top: 0; }\\n    .np-triberocket.tr-owned .tr-grid {\\n      display: grid;\\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\\n      gap: 16px;\\n      margin: 18px 0 6px;\\n    }\\n    .np-triberocket.tr-owned .tr-grid .tr-card h3 { margin-top: 0; }\\n    .np-triberocket.tr-owned .tr-grid .tr-card p { margin-bottom: 8px; color: var(--tr-muted); font-size: 0.97rem; }\\n    .np-triberocket.tr-owned .tr-step {\\n      border-left: 3px solid var(--tr-accent);\\n      padding: 2px 0 2px 18px;\\n      margin: 18px 0;\\n    }\\n    .np-triberocket.tr-owned .tr-step h3 { margin-top: 0; }\\n    .np-triberocket.tr-owned table {\\n      width: 100%;\\n      border-collapse: collapse;\\n      margin: 14px 0 20px;\\n      font-size: 0.96rem;\\n    }\\n    .np-triberocket.tr-owned th, .np-triberocket.tr-owned td {\\n      text-align: left;\\n      padding: 11px 12px;\\n      border-bottom: 1px solid var(--tr-line);\\n      vertical-align: top;\\n    }\\n    .np-triberocket.tr-owned th {\\n      background: var(--tr-soft);\\n      font-weight: 700;\\n      font-size: 0.86rem;\\n      letter-spacing: 0.02em;\\n    }\\n    .np-triberocket.tr-owned .tr-cedros {\\n      background: var(--tr-accent-soft);\\n      border: 1px solid #d6d9fb;\\n      border-radius: 14px;\\n      padding: 20px 22px;\\n      margin: 28px 0;\\n    }\\n    .np-triberocket.tr-owned .tr-cedros h2 { margin-top: 0; }\\n    .np-triberocket.tr-owned .tr-cta {\\n      display: inline-block;\\n      margin: 6px 10px 6px 0;\\n      padding: 12px 20px;\\n      border-radius: 10px;\\n      background: var(--tr-accent);\\n      color: #fff;\\n      font-weight: 600;\\n      text-decoration: none;\\n    }\\n    .np-triberocket.tr-owned .tr-cta:hover { background: #2122ad; text-decoration: none; }\\n    .np-triberocket.tr-owned .tr-cta.tr-ghost {\\n      background: transparent;\\n      color: var(--tr-accent);\\n      border: 1px solid var(--tr-accent);\\n    }\\n    .np-triberocket.tr-owned .tr-cta.tr-ghost:hover { background: var(--tr-accent-soft); }\\n    .np-triberocket.tr-owned .tr-ctarow { margin: 18px 0 6px; }\\n    .np-triberocket.tr-owned .tr-faq dt { font-weight: 700; margin: 20px 0 4px; font-size: 1.05rem; }\\n    .np-triberocket.tr-owned .tr-faq dd { margin: 0 0 14px; color: var(--tr-muted); }\\n    .np-triberocket.tr-owned .tr-meta {\\n      font-size: 0.85rem;\\n      color: var(--tr-muted);\\n      border-top: 1px solid var(--tr-line);\\n      margin-top: 44px;\\n      padding-top: 16px;\\n    }\\n    @media (max-width: 560px) {\\n      .np-triberocket.tr-owned { font-size: 16px; }\\n      .np-triberocket.tr-owned .tr-wrap { padding: 22px 16px 56px; }\\n      .np-triberocket.tr-owned table { font-size: 0.9rem; }\\n      .np-triberocket.tr-owned th, .np-triberocket.tr-owned td { padding: 9px 9px; }\\n    }\\n  \")\n      , _react2.default.createElement('div', { className: \"tr-wrap\",}\n        , _react2.default.createElement('span', { className: \"tr-kicker\",}, \"Owned Audience Hub - Pillar 6\"     )\n        , _react2.default.createElement('h1', null, \"Owned Audience & Conversion: Turn Followers Into Something You Own\"         )\n        , _react2.default.createElement('p', { className: \"tr-lede\",}, \"Followers are reach you rent. An email list, a landing page, and a community hub are assets you own. This hub is the bridge from rented platforms to owned business value: how to move social attention to a place you control, capture the right people without being pushy, and build a destination that actually converts. Durable strategy first, tools second.\"\n\n\n\n\n        )\n\n        , _react2.default.createElement('div', { className: \"tr-ctarow\",}\n          , _react2.default.createElement('a', { className: \"tr-cta\", href: \"/blog/owned-audience-101\",}, \"Read Owned Audience 101\"   )\n          , _react2.default.createElement('a', { className: \"tr-cta tr-ghost\" , href: \"/blog/owned-audience-101\",}, \"Turn followers into subscribers\"   )\n        )\n\n        , _react2.default.createElement('section', { className: \"tr-summary\", 'aria-label': \"Plain-language summary\" ,}\n          , _react2.default.createElement('h2', null, \"The short version\"  )\n          , _react2.default.createElement('p', null, \"A platform can change its reach, suspend an account, or disappear, and your followers go with it because you never actually had a way to reach them. An owned audience fixes that. You give people a reason to take one step off the feed - usually onto an email list or into a community hub - and you point that step at a destination you control. Then you keep your promise so the list stays alive.\"\n\n\n\n\n\n          )\n          , _react2.default.createElement('ul', null\n            , _react2.default.createElement('li', null, _react2.default.createElement('strong', null, \"Rented vs owned:\"  ), \" followers and platform reach are rented; an email list, a website, and a member hub are owned.\"                 )\n            , _react2.default.createElement('li', null, _react2.default.createElement('strong', null, \"The move:\" ), \" offer something genuinely useful, send people to a destination you control, and follow through.\"              )\n            , _react2.default.createElement('li', null, _react2.default.createElement('strong', null, \"The destination matters:\"  ), \" a link-in-bio is a directory; a landing page is a destination with one clear action.\"               )\n            , _react2.default.createElement('li', null, _react2.default.createElement('strong', null, \"Start with:\" ), \" the \"  , _react2.default.createElement('a', { href: \"/blog/owned-audience-101\",}, \"cornerstone guide\" ), \", then pick the sub-topic that matches where you are stuck below.\"           )\n          )\n        )\n\n        , _react2.default.createElement('section', { 'aria-labelledby': \"who-when\",}\n          , _react2.default.createElement('h2', { id: \"who-when\",}, \"Who this is for and when to use it\"        )\n          , _react2.default.createElement('p', null, \"This hub is for you when you have some attention on social and want it to become something durable.\"                  )\n          , _react2.default.createElement('div', { className: \"tr-grid\",}\n            , _react2.default.createElement('div', { className: \"tr-card\",}\n              , _react2.default.createElement('h3', null, \"Who this is for\"   )\n              , _react2.default.createElement('ul', null\n                , _react2.default.createElement('li', null, \"Solo founders who have followers but no way to reach them directly\"           )\n                , _react2.default.createElement('li', null, \"Creators who want a link-in-bio alternative they actually own\"        )\n                , _react2.default.createElement('li', null, \"Coaches and consultants turning attention into qualified leads\"       )\n                , _react2.default.createElement('li', null, \"Newsletter and course operators growing an email list and members\"         )\n                , _react2.default.createElement('li', null, \"Local businesses and agencies routing social traffic to a real destination\"          )\n              )\n            )\n            , _react2.default.createElement('div', { className: \"tr-card\",}\n              , _react2.default.createElement('h3', null, \"When to use this\"   )\n              , _react2.default.createElement('ul', null\n                , _react2.default.createElement('li', null, \"You get engagement but have nowhere good to send people\"         )\n                , _react2.default.createElement('li', null, \"You worry about losing your audience if an account is restricted\"          )\n                , _react2.default.createElement('li', null, \"You are about to run a launch and need a destination that converts\"            )\n                , _react2.default.createElement('li', null, \"You built an email list but no one opens it\"         )\n                , _react2.default.createElement('li', null, \"People click your bio link and bounce immediately\"       )\n              )\n            )\n          )\n          , _react2.default.createElement('p', null, \"If you are still deciding what to post week to week, start one level up with\"\n                           , \" \"\n            , _react2.default.createElement('a', { href: \"/social-media-strategy\",}, \"social media strategy\"  ), \". If you are gearing up for a specific campaign, the \"\n               , _react2.default.createElement('a', { href: \"/launches\",}, \"launches hub\" ), \" covers the sequence that feeds these destinations.\"\n\n          )\n        )\n\n        , _react2.default.createElement('section', { 'aria-labelledby': \"rented-owned\",}\n          , _react2.default.createElement('h2', { id: \"rented-owned\",}, \"Rented, borrowed, and owned: know the difference\"      )\n          , _react2.default.createElement('p', null, \"Most of an entrepreneur's audience lives on ground they do not control. Knowing which is which tells you what to protect and what to build next.\"\n\n\n          )\n          , _react2.default.createElement('div', { className: \"np-table\", tabIndex: 0, role: \"region\", 'aria-label': \"Scrollable reference table\"  ,}, _react2.default.createElement('table', null\n            , _react2.default.createElement('thead', null\n              , _react2.default.createElement('tr', null\n                , _react2.default.createElement('th', null, \"Type\")\n                , _react2.default.createElement('th', null, \"What it is\"  )\n                , _react2.default.createElement('th', null, \"The risk\" )\n                , _react2.default.createElement('th', null, \"Example\")\n              )\n            )\n            , _react2.default.createElement('tbody', null\n              , _react2.default.createElement('tr', null\n                , _react2.default.createElement('td', null, \"Rented\")\n                , _react2.default.createElement('td', null, \"Reach you get only while a platform allows it\"        )\n                , _react2.default.createElement('td', null, \"Reach can drop, accounts can be restricted, rules change\"        )\n                , _react2.default.createElement('td', null, \"Followers on a social platform\"    )\n              )\n              , _react2.default.createElement('tr', null\n                , _react2.default.createElement('td', null, \"Borrowed\")\n                , _react2.default.createElement('td', null, \"Access through someone else's audience\"    )\n                , _react2.default.createElement('td', null, \"Ends when the relationship or feature does\"      )\n                , _react2.default.createElement('td', null, \"A guest post, a podcast feature, a shoutout\"       )\n              )\n              , _react2.default.createElement('tr', null\n                , _react2.default.createElement('td', null, \"Owned\")\n                , _react2.default.createElement('td', null, \"A direct line you control and can reach anytime\"        )\n                , _react2.default.createElement('td', null, \"You are responsible for keeping it healthy and consented\"        )\n                , _react2.default.createElement('td', null, \"Email list, your website, a community hub\"      )\n              )\n            )\n          ))\n          , _react2.default.createElement('p', null, \"None of these is bad - you use rented and borrowed reach to feed the owned channel. The mistake is stopping at rented and calling it an audience. For the plain-English version, read\"\n\n                         , \" \"\n            , _react2.default.createElement('a', { href: \"/blog/owned-audience\",}, \"owned audience: a plain-English definition\"    ), \", and for the case that this matters, see\"\n               , \" \"\n            , _react2.default.createElement('a', { href: \"/blog/why-owning-your-audience-matters\",}, \"why renting your audience is risky\"     ), \".\"\n          )\n        )\n\n        , _react2.default.createElement('section', { 'aria-labelledby': \"bridge\",}\n          , _react2.default.createElement('h2', { id: \"bridge\",}, \"The bridge: how social attention becomes an owned asset\"        )\n          , _react2.default.createElement('p', null, \"Moving people from a feed to a list you own is a repeatable sequence, not a lucky moment. Every sub-topic in this hub fits one of these four steps.\"\n\n\n          )\n          , _react2.default.createElement('div', { className: \"tr-step\",}\n            , _react2.default.createElement('h3', null, \"1. Give a reason to leave the feed\"       )\n            , _react2.default.createElement('p', null, \"People do not subscribe out of loyalty; they subscribe for something useful. A small, specific lead magnet that solves one real problem usually works better than \\\"join my newsletter.\\\" See\"\n\n\n               , \" \"\n              , _react2.default.createElement('a', { href: \"/blog/lead-magnets-small-audiences\",}, \"lead magnets for small audiences\"    ), \".\"\n            )\n          )\n          , _react2.default.createElement('div', { className: \"tr-step\",}\n            , _react2.default.createElement('h3', null, \"2. Point at a destination you own\"      )\n            , _react2.default.createElement('p', null, \"Decide where the click lands. A link-in-bio is a directory of options; a landing page is a single destination with one clear action. Pick the right one for the goal -\"\n\n                           , \" \"\n              , _react2.default.createElement('a', { href: \"/blog/link-in-bio-vs-landing-page\",}, \"link-in-bio vs landing page\"   ), \" walks through it.\"\n            )\n          )\n          , _react2.default.createElement('div', { className: \"tr-step\",}\n            , _react2.default.createElement('h3', null, \"3. Make the ask and capture cleanly\"      )\n            , _react2.default.createElement('p', null, \"Match the promise of your post to the promise of the page, ask once and clearly, and capture only what you need. The step-by-step is in\"\n\n                     , \" \"\n              , _react2.default.createElement('a', { href: \"/blog/followers-to-email-subscribers\",}, \"how to turn followers into email subscribers\"      ), \".\"\n            )\n          )\n          , _react2.default.createElement('div', { className: \"tr-step\",}\n            , _react2.default.createElement('h3', null, \"4. Keep the promise so the asset stays alive\"        )\n            , _react2.default.createElement('p', null, \"An owned list is only valuable if people open it. Deliver what you said you would, on a rhythm people expect. When a list goes cold, diagnose it with\"\n\n                        , \" \"\n              , _react2.default.createElement('a', { href: \"/blog/dead-email-list-troubleshooting\",}, \"dead email list troubleshooting\"   ), \".\"\n            )\n          )\n        )\n\n        , _react2.default.createElement('section', { 'aria-labelledby': \"topics\",}\n          , _react2.default.createElement('h2', { id: \"topics\",}, \"Explore the owned-audience guides\"   )\n          , _react2.default.createElement('p', null, \"Each guide below is a full walkthrough. Start with the one that matches what you are stuck on.\"                 )\n          , _react2.default.createElement('div', { className: \"tr-grid\",}\n            , _react2.default.createElement('div', { className: \"tr-card\",}\n              , _react2.default.createElement('h3', null, \"Why owning matters\"  )\n              , _react2.default.createElement('p', null, \"The case for owned over rented: account loss, reach you cannot count on, and what to build instead of depending on a feed.\"\n\n\n              )\n              , _react2.default.createElement('p', null, _react2.default.createElement('a', { href: \"/blog/why-owning-your-audience-matters\",}, \"Why renting your audience is risky\"     ))\n            )\n            , _react2.default.createElement('div', { className: \"tr-card\",}\n              , _react2.default.createElement('h3', null, \"Link-in-bio vs landing page\"   )\n              , _react2.default.createElement('p', null, \"Which destination fits your goal - a traffic hub or a conversion page - plus the ownership and control tradeoffs.\"\n\n\n              )\n              , _react2.default.createElement('p', null, _react2.default.createElement('a', { href: \"/blog/link-in-bio-vs-landing-page\",}, \"Link-in-bio vs landing page\"   ))\n            )\n            , _react2.default.createElement('div', { className: \"tr-card\",}\n              , _react2.default.createElement('h3', null, \"Followers to email subscribers\"   )\n              , _react2.default.createElement('p', null, \"A step-by-step method to move social traffic onto your list - the offer, the destination, the on-platform ask, and the follow-through.\"\n\n\n              )\n              , _react2.default.createElement('p', null, _react2.default.createElement('a', { href: \"/blog/followers-to-email-subscribers\",}, \"Turn followers into subscribers\"   ))\n            )\n            , _react2.default.createElement('div', { className: \"tr-card\",}\n              , _react2.default.createElement('h3', null, \"Lead magnets for small audiences\"    )\n              , _react2.default.createElement('p', null, \"What actually works when you do not have thousands of followers yet, with examples by business type.\"\n\n\n              )\n              , _react2.default.createElement('p', null, _react2.default.createElement('a', { href: \"/blog/lead-magnets-small-audiences\",}, \"Lead magnets for small audiences\"    ))\n            )\n            , _react2.default.createElement('div', { className: \"tr-card\",}\n              , _react2.default.createElement('h3', null, \"Social-friendly homepage\" )\n              , _react2.default.createElement('p', null, \"How to lay out a homepage that converts the people who clicked your bio link instead of letting them bounce.\"\n\n\n              )\n              , _react2.default.createElement('p', null, _react2.default.createElement('a', { href: \"/blog/social-friendly-homepage\",}, \"Design a social-friendly homepage\"   ))\n            )\n            , _react2.default.createElement('div', { className: \"tr-card\",}\n              , _react2.default.createElement('h3', null, \"Website sections a community needs\"    )\n              , _react2.default.createElement('p', null, \"The pages a community hub actually requires: a hub, a join flow, and a member home - durable structure over platform features.\"\n\n\n              )\n              , _react2.default.createElement('p', null, _react2.default.createElement('a', { href: \"/blog/website-sections-every-community-needs\",}, \"Website sections every community needs\"    ))\n            )\n            , _react2.default.createElement('div', { className: \"tr-card\",}\n              , _react2.default.createElement('h3', null, \"Landing-page brief\" )\n              , _react2.default.createElement('p', null, \"A fill-in-the-blank brief for a campaign landing page: goal, audience, offer, message match, single CTA, and success metric.\"\n\n\n              )\n              , _react2.default.createElement('p', null, _react2.default.createElement('a', { href: \"/blog/landing-page-brief-template\",}, \"The landing-page brief template\"   ))\n            )\n            , _react2.default.createElement('div', { className: \"tr-card\",}\n              , _react2.default.createElement('h3', null, \"Dead email list troubleshooting\"   )\n              , _react2.default.createElement('p', null, \"Why people sign up but never open, and how to fix the signup-to-content gap, expectation mismatch, and sending rhythm.\"\n\n\n              )\n              , _react2.default.createElement('p', null, _react2.default.createElement('a', { href: \"/blog/dead-email-list-troubleshooting\",}, \"Diagnose a dead owned list\"    ))\n            )\n          )\n        )\n\n        , _react2.default.createElement('section', { 'aria-labelledby': \"matcher\",}\n          , _react2.default.createElement('h2', { id: \"matcher\",}, \"Match your situation to a starting point\"      )\n          , _react2.default.createElement('p', null, \"Not sure where to begin? Find your situation, then go straight to the guide.\"             )\n          , _react2.default.createElement('div', { className: \"np-table\", tabIndex: 0, role: \"region\", 'aria-label': \"Scrollable reference table\"  ,}, _react2.default.createElement('table', null\n            , _react2.default.createElement('thead', null\n              , _react2.default.createElement('tr', null\n                , _react2.default.createElement('th', null, \"Your situation\" )\n                , _react2.default.createElement('th', null, \"Where to start\"  )\n                , _react2.default.createElement('th', null, \"Go to\" )\n              )\n            )\n            , _react2.default.createElement('tbody', null\n              , _react2.default.createElement('tr', null\n                , _react2.default.createElement('td', null, \"You are not sure why owning an audience even matters\"         )\n                , _react2.default.createElement('td', null, \"Make the case\"  )\n                , _react2.default.createElement('td', null, _react2.default.createElement('a', { href: \"/blog/why-owning-your-audience-matters\",}, \"Why owning matters\"  ))\n              )\n              , _react2.default.createElement('tr', null\n                , _react2.default.createElement('td', null, \"You have nowhere good to send people from your bio\"         )\n                , _react2.default.createElement('td', null, \"Choose a destination\"  )\n                , _react2.default.createElement('td', null, _react2.default.createElement('a', { href: \"/blog/link-in-bio-vs-landing-page\",}, \"Link-in-bio vs landing page\"   ))\n              )\n              , _react2.default.createElement('tr', null\n                , _react2.default.createElement('td', null, \"You want to grow an email list from social\"        )\n                , _react2.default.createElement('td', null, \"Run the move\"  )\n                , _react2.default.createElement('td', null, _react2.default.createElement('a', { href: \"/blog/followers-to-email-subscribers\",}, \"Followers to subscribers\"  ))\n              )\n              , _react2.default.createElement('tr', null\n                , _react2.default.createElement('td', null, \"You have a small audience and no lead magnet\"        )\n                , _react2.default.createElement('td', null, \"Pick an offer\"  )\n                , _react2.default.createElement('td', null, _react2.default.createElement('a', { href: \"/blog/lead-magnets-small-audiences\",}, \"Lead magnets\" ))\n              )\n              , _react2.default.createElement('tr', null\n                , _react2.default.createElement('td', null, \"People click your bio link and bounce\"      )\n                , _react2.default.createElement('td', null, \"Fix the page\"  )\n                , _react2.default.createElement('td', null, _react2.default.createElement('a', { href: \"/blog/social-friendly-homepage\",}, \"Social-friendly homepage\" ))\n              )\n              , _react2.default.createElement('tr', null\n                , _react2.default.createElement('td', null, \"You need a landing page for a launch\"       )\n                , _react2.default.createElement('td', null, \"Spec the brief\"  )\n                , _react2.default.createElement('td', null, _react2.default.createElement('a', { href: \"/blog/landing-page-brief-template\",}, \"Landing-page brief\" ))\n              )\n              , _react2.default.createElement('tr', null\n                , _react2.default.createElement('td', null, \"Your list is built but nobody opens it\"       )\n                , _react2.default.createElement('td', null, \"Diagnose it\" )\n                , _react2.default.createElement('td', null, _react2.default.createElement('a', { href: \"/blog/dead-email-list-troubleshooting\",}, \"Dead list troubleshooting\"  ))\n              )\n            )\n          ))\n        )\n\n        , _react2.default.createElement('section', { className: \"tr-cedros\", 'aria-labelledby': \"build\",}\n          , _react2.default.createElement('h2', { id: \"build\",}, \"Where do you actually build the destination?\"      )\n          , _react2.default.createElement('p', null, \"Once you know what you need - a landing page, a link-in-bio alternative, or a simple site you own - you have to build it somewhere. You can hand a brief to a developer, use any website tool you already like, or build it yourself.\"\n\n\n\n          )\n          , _react2.default.createElement('p', null, \"One option is our sister product \"\n                  , _react2.default.createElement('strong', null, \"Cedros\"), \", a simple builder for landing pages and small websites you own. We mention it here transparently because this is one of the few places where an owned-destination moment genuinely fits - not as a default, a redirect, or a hard sell. The strategy on this hub works no matter what you build it with. Plan the destination first, then choose your tool.\"\n\n\n\n          )\n          , _react2.default.createElement('p', null, \"Decide which destination you need with\"\n                 , \" \"\n            , _react2.default.createElement('a', { href: \"/blog/link-in-bio-vs-landing-page\",}, \"the link-in-bio versus landing page\"    ), \", then spec it with the\"\n                , \" \"\n            , _react2.default.createElement('a', { href: \"/blog/landing-page-brief-template\",}, \"six-field landing page brief\"   ), \" before you build a single section.\"\n\n          )\n          , _react2.default.createElement('div', { className: \"tr-ctarow\",}\n            , _react2.default.createElement('a', { className: \"tr-cta\", href: \"/blog/landing-page-brief-template\",}, \"Spec your landing page\"   )\n            , _react2.default.createElement('a', { className: \"tr-cta tr-ghost\" , href: \"/blog/link-in-bio-vs-landing-page\",}, \"Choose your destination\"  )\n          )\n        )\n\n        , _react2.default.createElement('section', { 'aria-labelledby': \"tools\",}\n          , _react2.default.createElement('h2', { id: \"tools\",}, \"Templates and tools to do this today\"      )\n          , _react2.default.createElement('p', null, \"Pair the strategy above with assets built to be filled in and shipped, not just read.\"               )\n          , _react2.default.createElement('ul', null\n            , _react2.default.createElement('li', null, _react2.default.createElement('a', { href: \"/blog/owned-audience-101\",}, \"Owned Audience 101\"  ), \" - how the lead magnet, the destination, and the capture flow fit together.\"             )\n            , _react2.default.createElement('li', null, _react2.default.createElement('a', { href: \"/blog/lead-magnets-small-audiences\",}, \"Lead magnets for small audiences\"    ), \" - design a lead magnet and capture flow that fits a small audience.\"             )\n            , _react2.default.createElement('li', null, _react2.default.createElement('a', { href: \"/blog/link-in-bio-vs-landing-page\",}, \"Link-in-bio vs landing page\"   ), \" - decide and own the right destination for your bio link.\"           )\n            , _react2.default.createElement('li', null, _react2.default.createElement('a', { href: \"/blog/landing-page-brief-template\",}, \"The landing page brief\"   ), \" - spec the goal, audience, offer, message match, and single CTA before you build.\"              )\n            , _react2.default.createElement('li', null, _react2.default.createElement('a', { href: \"/resources\",}, \"Browse the full resource library\"    ), \" - calendars, templates, checklists, and prompt packs.\"       )\n          )\n        )\n\n        , _react2.default.createElement('section', { 'aria-labelledby': \"related\",}\n          , _react2.default.createElement('h2', { id: \"related\",}, \"Related pillars\" )\n          , _react2.default.createElement('p', null, \"An owned audience is one part of a larger system. These hubs feed into and out of it.\"                 )\n          , _react2.default.createElement('div', { className: \"tr-grid\",}\n            , _react2.default.createElement('div', { className: \"tr-card\",}\n              , _react2.default.createElement('h3', null, \"Launches & campaigns\"  )\n              , _react2.default.createElement('p', null, \"Every campaign needs a destination. This is where launch traffic should land and stay.\"             )\n              , _react2.default.createElement('p', null, _react2.default.createElement('a', { href: \"/launches\",}, \"Launch & campaign playbooks\"   ))\n            )\n            , _react2.default.createElement('div', { className: \"tr-card\",}\n              , _react2.default.createElement('h3', null, \"Social media strategy\"  )\n              , _react2.default.createElement('p', null, \"The week-to-week system that earns the attention you convert here.\"         )\n              , _react2.default.createElement('p', null, _react2.default.createElement('a', { href: \"/social-media-strategy\",}, \"Social media strategy\"  ))\n            )\n            , _react2.default.createElement('div', { className: \"tr-card\",}\n              , _react2.default.createElement('h3', null, \"Creator & founder growth\"   )\n              , _react2.default.createElement('p', null, \"Build the trust that makes people willing to leave the feed for your list.\"             )\n              , _react2.default.createElement('p', null, _react2.default.createElement('a', { href: \"/creator-growth\",}, \"Creator & founder growth\"   ))\n            )\n            , _react2.default.createElement('div', { className: \"tr-card\",}\n              , _react2.default.createElement('h3', null, \"Analytics & iteration\"  )\n              , _react2.default.createElement('p', null, \"Measure whether your owned channel is actually healthy, not just bigger.\"          )\n              , _react2.default.createElement('p', null, _react2.default.createElement('a', { href: \"/analytics\",}, \"Analytics & experiments\"  ))\n            )\n          )\n          , _react2.default.createElement('p', null, \"Not sure where to begin? The \"      , _react2.default.createElement('a', { href: \"/start-here\",}, \"Start Here guide\"  ), \" routes you by goal.\"    )\n        )\n\n        , _react2.default.createElement('section', { 'aria-labelledby': \"faq\",}\n          , _react2.default.createElement('h2', { id: \"faq\",}, \"Owned audience FAQ\"  )\n          , _react2.default.createElement('dl', { className: \"tr-faq\",}\n            , _react2.default.createElement('dt', null, \"What does \\\"owned audience\\\" actually mean?\"     )\n            , _react2.default.createElement('dd', null, \"An owned audience is a group of people you can reach directly, anytime, without depending on a platform's reach or rules - typically an email list, your own website, or a community hub you control. Followers are rented reach; an owned audience is a direct line. For the full definition, see\"\n\n\n\n               , \" \"\n              , _react2.default.createElement('a', { href: \"/blog/owned-audience\",}, \"owned audience: a plain-English definition\"    ), \".\"\n            )\n\n            , _react2.default.createElement('dt', null, \"Why not just keep growing my followers?\"      )\n            , _react2.default.createElement('dd', null, \"Keep growing them - followers feed the top of the funnel. The risk is stopping there. Reach can fall, accounts can be restricted, and a platform can change overnight, and if that is your only connection, you lose the audience with it. Owned channels protect the relationship.\"\n\n\n                          , \" \"\n              , _react2.default.createElement('a', { href: \"/blog/why-owning-your-audience-matters\",}, \"Why renting your audience is risky\"     ), \" makes the case.\"\n\n            )\n\n            , _react2.default.createElement('dt', null, \"Do I need a landing page, or is a link-in-bio enough?\"          )\n            , _react2.default.createElement('dd', null, \"It depends on the goal. A link-in-bio is a directory that points to several options and works well as a general hub. A landing page is a single destination built around one action, so it is usually the stronger choice for a specific offer or campaign because it can match the exact promise of your posts. Compare them in\"\n\n\n                    , \" \"\n              , _react2.default.createElement('a', { href: \"/blog/link-in-bio-vs-landing-page\",}, \"link-in-bio vs landing page\"   ), \".\"\n            )\n\n            , _react2.default.createElement('dt', null, \"How do I get people off social and onto my email list without being pushy?\"              )\n            , _react2.default.createElement('dd', null, \"Offer something genuinely useful that solves one specific problem, send people to a clear destination, ask once and plainly, then deliver on the promise. Pushiness comes from asking with nothing to offer, not from inviting people to something worth their email. The step-by-step is in\"\n\n\n\n                , \" \"\n              , _react2.default.createElement('a', { href: \"/blog/followers-to-email-subscribers\",}, \"how to turn followers into email subscribers\"      ), \".\"\n            )\n\n            , _react2.default.createElement('dt', null, \"My audience is small. Is a lead magnet even worth it?\"          )\n            , _react2.default.createElement('dd', null, \"Yes, and small can be an advantage - a focused offer for a specific person beats a generic one for everyone. You do not need a big audience to start capturing the right people; you need a lead magnet that fits where they are. See\"\n\n\n                      , \" \"\n              , _react2.default.createElement('a', { href: \"/blog/lead-magnets-small-audiences\",}, \"lead magnets for small audiences\"    ), \" for examples by business type, and use the format table there to build one.\"\n\n            )\n\n            , _react2.default.createElement('dt', null, \"People click my bio link and leave immediately. What is wrong?\"          )\n            , _react2.default.createElement('dd', null, \"Usually a message-match problem: the page does not continue the promise that made them click, or it asks for too much before giving anything. A social-friendly homepage leads with one clear value statement and one obvious next action.\"\n\n\n                     , \" \"\n              , _react2.default.createElement('a', { href: \"/blog/social-friendly-homepage\",}, \"How to design a social-friendly homepage\"     ), \" walks through the layout.\"\n\n            )\n\n            , _react2.default.createElement('dt', null, \"I built an email list but nobody opens my emails. How do I fix it?\"              )\n            , _react2.default.createElement('dd', null, \"A quiet list usually traces back to a gap between what people signed up for and what they receive, an unclear sending rhythm, or expectations that were never set. Diagnose the cause before sending more.\"\n\n\n                , \" \"\n              , _react2.default.createElement('a', { href: \"/blog/dead-email-list-troubleshooting\",}, \"Diagnosing a dead owned list\"    ), \" covers the common causes, and the \"\n                  , _react2.default.createElement('a', { href: \"/analytics\",}, \"analytics hub\" ), \" helps you track the right owned metrics.\"\n\n            )\n\n            , _react2.default.createElement('dt', null, \"Where should I build my landing page or owned site?\"         )\n            , _react2.default.createElement('dd', null, \"Anywhere that lets you ship a clear page you control - your developer, a website tool you already use, or build it yourself. The strategy here works regardless of the tool. The important part is to plan the destination first: decide what you need with the\"\n\n\n                           , \" \"\n              , _react2.default.createElement('a', { href: \"/blog/link-in-bio-vs-landing-page\",}, \"link-in-bio versus landing page comparison\"    ), \" and spec it with the \"\n                , _react2.default.createElement('a', { href: \"/blog/landing-page-brief-template\",}, \"six-field landing page brief\"   ), \" before you build a single section.\"\n\n            )\n          )\n        )\n\n        , _react2.default.createElement('section', { 'aria-labelledby': \"next\",}\n          , _react2.default.createElement('h2', { id: \"next\",}, \"Start building your owned home\"    )\n          , _react2.default.createElement('p', null, \"Read the cornerstone guide for the full picture, pick the one destination you actually need, and plan it before you post your next call to action.\"\n\n\n          )\n          , _react2.default.createElement('div', { className: \"tr-ctarow\",}\n            , _react2.default.createElement('a', { className: \"tr-cta\", href: \"/blog/owned-audience-101\",}, \"Read Owned Audience 101\"   )\n            , _react2.default.createElement('a', { className: \"tr-cta tr-ghost\" , href: \"/blog/owned-audience-101\",}, \"Turn followers into subscribers\"   )\n            , _react2.default.createElement('a', { className: \"tr-cta tr-ghost\" , href: \"/start-here\",}, \"New here? Start here\"   )\n          )\n        )\n\n        , _react2.default.createElement('p', { className: \"tr-meta\",}, \"This hub describes durable owned-audience strategy, not platform-specific email or website features. Specific tool features and platform mechanics change often - always check the official documentation for any tool before you rely on it.\"\n\n\n\n        )\n      )\n\n, _react2.default.createElement('style', null, \"\\n.np-triberocket{--np-paper:#eef0e8;--np-ink:#2f3937;--np-accent:#bfcfd1;box-sizing:border-box;max-width:none!important;width:100%;min-height:100vh;background:var(--np-paper)!important;color:var(--np-ink)!important;margin:0!important;padding:0 clamp(20px,5vw,72px) 72px!important;font-family:var(--c1djdekh-font-body, \\\"DM Sans\\\", Arial, sans-serif)!important;font-size:17px!important;line-height:1.75!important;overflow-wrap:anywhere}\\n.np-triberocket *{box-sizing:border-box;min-width:0}.np-triberocket>*{max-width:1080px;margin-left:auto;margin-right:auto}.np-triberocket .np-topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;margin-bottom:52px;border-bottom:1px solid var(--np-ink)}.np-triberocket .np-brand{font-family:var(--c1djdekh-font-heading, \\\"Fraunces\\\", Georgia, serif);font-size:22px;letter-spacing:-.5px;text-decoration:none}.np-triberocket .np-topbar nav{display:flex;flex-wrap:wrap;gap:10px 22px}.np-triberocket .np-topbar nav a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;text-decoration:none;border-bottom:1px solid transparent}.np-triberocket .np-topbar nav a:hover{border-bottom-color:currentColor}\\n.np-triberocket h1{font-family:var(--c1djdekh-font-heading, \\\"Fraunces\\\", Georgia, serif)!important;font-weight:400!important;font-size:clamp(36px,5.2vw,66px)!important;line-height:1.08!important;letter-spacing:-1.8px!important;max-width:960px;margin-top:0!important;margin-bottom:28px!important;text-wrap:balance;color:var(--np-ink)!important}.np-triberocket h2{font-family:var(--c1djdekh-font-heading, \\\"Fraunces\\\", Georgia, serif)!important;font-weight:400!important;font-size:clamp(25px,3vw,35px)!important;line-height:1.25!important;letter-spacing:-.5px!important;color:var(--np-ink)!important;margin-top:38px!important;margin-bottom:18px!important;text-wrap:balance}.np-triberocket h3{font-size:19px!important;line-height:1.4!important;color:var(--np-ink)!important;margin-top:24px!important;margin-bottom:10px!important}.np-triberocket p,.np-triberocket li{line-height:1.8!important;max-width:78ch}.np-triberocket p{margin-bottom:18px!important}.np-triberocket p,.np-triberocket li,.np-triberocket label{color:var(--np-ink)!important}.np-triberocket main,.np-triberocket article,.np-triberocket section{max-width:100%}.np-triberocket section{padding-top:8px!important;padding-bottom:24px!important;background:transparent!important}.np-triberocket section+section{border-top:1px solid color-mix(in srgb,var(--np-ink) 22%,transparent);margin-top:32px!important}.np-triberocket ul,.np-triberocket ol{padding-left:24px;max-width:78ch}.np-triberocket li{margin-bottom:10px!important}\\n.np-triberocket a{color:var(--np-ink);text-underline-offset:4px;text-decoration-thickness:1px}.np-triberocket a:hover{text-decoration:underline}.np-triberocket a:focus-visible,.np-triberocket button:focus-visible,.np-triberocket input:focus-visible,.np-triberocket select:focus-visible,.np-triberocket textarea:focus-visible,.np-triberocket summary:focus-visible{outline:3px solid var(--np-ink);outline-offset:5px}.np-triberocket button,.np-triberocket input,.np-triberocket select,.np-triberocket textarea{font:inherit;max-width:100%;min-height:44px;border-radius:3px!important}.np-triberocket button{cursor:pointer}.np-triberocket [class*=\\\"cta\\\"] a,.np-triberocket [class*=\\\"button\\\"]{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px!important;background:var(--np-ink)!important;color:var(--np-paper)!important;border:1px solid var(--np-ink)!important;border-radius:3px!important;text-decoration:none!important;font-size:14px!important;font-weight:600!important;white-space:normal;line-height:1.45!important}.np-triberocket details{border:1px solid color-mix(in srgb,var(--np-ink) 28%,transparent)!important;border-radius:3px!important;padding:0 18px!important;background:transparent!important;margin-bottom:12px!important}.np-triberocket summary{min-height:48px;padding:14px 0;cursor:pointer;font-weight:600;line-height:1.5}.np-triberocket details>p{padding-bottom:12px}.np-triberocket blockquote{border-left:3px solid var(--np-ink)!important;background:var(--np-accent)!important;color:var(--np-ink)!important;padding:18px 22px!important;margin:24px 0!important;max-width:78ch}.np-triberocket .np-table{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin:24px 0;outline-offset:4px}.np-triberocket table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.65;display:table!important;overflow:visible!important}.np-triberocket th{background:var(--np-accent)!important;color:var(--np-ink)!important;text-align:left;padding:15px!important;font-weight:600}.np-triberocket td{color:var(--np-ink)!important;background:transparent!important;padding:15px!important;border-bottom:1px solid color-mix(in srgb,var(--np-ink) 22%,transparent)!important;vertical-align:top}.np-triberocket pre{max-width:100%;overflow-x:auto;padding:20px;background:var(--np-ink)!important;color:var(--np-paper)!important;line-height:1.6;font-size:14px}.np-triberocket pre code{color:inherit!important;background:transparent!important}.np-triberocket img,.np-triberocket svg{max-width:100%;height:auto}\\n@media(max-width:680px){.np-triberocket{font-size:16px!important;padding-left:20px!important;padding-right:20px!important}.np-triberocket .np-topbar{display:block;margin-bottom:36px;padding-top:20px}.np-triberocket .np-topbar nav{margin-top:12px;gap:4px 18px}.np-triberocket h1{letter-spacing:-1px!important}.np-triberocket [style*=\\\"grid-template-columns\\\"]{grid-template-columns:minmax(0,1fr)!important}.np-triberocket [class*=\\\"cta\\\"]{flex-wrap:wrap!important;gap:12px!important}.np-triberocket .np-table table{min-width:580px}.np-triberocket th,.np-triberocket td{padding:12px!important}.np-triberocket blockquote{padding:16px!important}}\\n@media(prefers-reduced-motion:reduce){.np-triberocket *{scroll-behavior:auto!important;transition:none!important}}\\n\")\n, _react2.default.createElement('style', null, \".np-triberocket{--np-paper:var(--c1djdekhr-bg);--np-ink:var(--c1djdekhr-fg);--np-accent:var(--c1djdekhr-panel-muted);--tr-ink:var(--c1djdekhr-fg);--tr-ink-soft:var(--c1djdekhr-fg);--tr-muted:var(--c1djdekhr-muted);--tr-line:var(--c1djdekhr-border);--tr-bg:var(--c1djdekhr-bg);--tr-bg-soft:var(--c1djdekhr-panel-muted);--tr-accent:var(--c1djdekhr-link);--tr-accent-deep:var(--c1djdekhr-link);padding-top:64px!important;padding-bottom:88px!important;font-family:var(--c1djdekh-font-body)!important;background:var(--c1djdekhr-bg)!important;color:var(--c1djdekhr-fg)!important}\\n.np-triberocket h1,.np-triberocket h2,.np-triberocket h3{font-family:var(--c1djdekh-font-heading)!important;font-weight:400!important}.np-triberocket h1{max-width:22ch!important;font-size:clamp(36px,4.8vw,64px)!important;letter-spacing:-.04em!important;line-height:1.12!important}.np-triberocket h2{letter-spacing:-.025em!important}.np-triberocket h3{letter-spacing:-.015em!important}\\n.np-triberocket a{color:var(--c1djdekhr-link)!important}.np-triberocket p,.np-triberocket li{color:var(--c1djdekhr-fg)!important}.np-triberocket [class*=\\\"intro\\\"],.np-triberocket [class*=\\\"lede\\\"]{font-size:20px!important;line-height:1.7!important;max-width:64ch!important;color:var(--c1djdekhr-muted)!important}\\n.np-triberocket [class*=\\\"callout\\\"],.np-triberocket [class*=\\\"note\\\"],.np-triberocket [class*=\\\"summary\\\"],.np-triberocket [class*=\\\"card\\\"],.np-triberocket .tr-cta{background:var(--c1djdekhr-panel-muted)!important;border-color:var(--c1djdekhr-border)!important;color:var(--c1djdekhr-fg)!important;border-radius:8px!important}\\n.np-triberocket [class*=\\\"cta\\\"] a,.np-triberocket [class*=\\\"button\\\"],.np-triberocket .tr-btn{background:var(--c1djdekhr-fg)!important;color:var(--c1djdekhr-bg)!important;border-color:var(--c1djdekhr-fg)!important;min-height:48px!important}.np-triberocket [class*=\\\"eyebrow\\\"]{color:var(--c1djdekhr-link)!important;letter-spacing:.12em!important}.np-triberocket details{border-color:var(--c1djdekhr-border)!important}.np-triberocket th{background:var(--c1djdekhr-panel-muted)!important;color:var(--c1djdekhr-fg)!important}\\n.np-triberocket .tr-hero{padding-top:0!important}.np-triberocket .tr-wrap{max-width:1080px!important;padding-left:0!important;padding-right:0!important}.np-triberocket :focus-visible{outline-color:var(--c1djdekhr-link)!important}@media(max-width:680px){.np-triberocket{padding-top:38px!important;padding-bottom:56px!important}.np-triberocket [class*=\\\"intro\\\"],.np-triberocket [class*=\\\"lede\\\"]{font-size:18px!important}}\")\n, _react2.default.createElement('style', null, \".np-triberocket strong,.np-triberocket em{color:inherit!important}.np-triberocket section,.np-triberocket header{border-color:var(--c1djdekhr-border)!important}\"))\n  );\n} exports.default = OwnedAudiencePage;"}