{"id":678,"date":"2026-08-02T15:02:58","date_gmt":"2026-08-02T15:02:58","guid":{"rendered":"https:\/\/socials.ink\/?page_id=678"},"modified":"2026-08-03T13:26:43","modified_gmt":"2026-08-03T13:26:43","slug":"publish-and-command","status":"publish","type":"page","link":"https:\/\/socials.ink\/?page_id=678","title":{"rendered":"Publish and Command"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"678\" class=\"elementor elementor-678\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8af4cbb e-con e-atomic-element e-flexbox-base e-25a0ad5 \" data-id=\"8af4cbb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8af4cbb\">\n    \t\t<div class=\"elementor-element elementor-element-1a0dc51 elementor-widget elementor-widget-html\" data-id=\"1a0dc51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     Publish Hero Split Section \u2014 socials.ink (WordPress Custom HTML)\r\n     Paste this whole block into a Custom HTML widget\/block.\r\n     Self-contained: no external CSS\/JS\/fonts required.\r\n============================================================ -->\r\n<section class=\"pb-section\" id=\"pbSection\">\r\n  <div class=\"pb-wrap\">\r\n\r\n    <div class=\"pb-content\">\r\n      <p class=\"pb-eyebrow\">Publish<\/p>\r\n      <h2 class=\"pb-heading\">One dashboard,<br>every client's channel<\/h2>\r\n      <p class=\"pb-text\">Schedule and publish content for every client at the ideal time \u2014 Facebook, Instagram, TikTok, LinkedIn, Threads, Bluesky, YouTube, Pinterest, Google Business, and X, all from one unified workspace.<\/p>\r\n      <a href=\"#\" class=\"pb-cta\">\r\n        <span>Get started for free<\/span>\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M11.47 4.47a.75.75 0 0 1 1.06 0l7 7a.75.75 0 0 1 0 1.06l-7 7a.75.75 0 1 1-1.06-1.06l5.72-5.72H5a.75.75 0 0 1 0-1.5h12.19l-5.72-5.72a.75.75 0 0 1 0-1.06Z\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"pb-imgbox\">\r\n      <img decoding=\"async\" class=\"pb-real-img\" src=\"https:\/\/socials.ink\/wp-content\/uploads\/2026\/08\/publish.png\" alt=\"socials.ink publish calendar across every client channel\" loading=\"lazy\">\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .pb-section{\r\n    position:relative; overflow:hidden;\r\n    box-sizing:border-box;\r\n    padding:88px 24px;\r\n    \/* flat background only \u2014 no decorative glow near the image area,\r\n       so nothing purple\/colored shows around the screenshot *\/\r\n    background:#110a1f;\r\n    font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n  }\r\n  .pb-section *{ box-sizing:border-box; }\r\n\r\n  .pb-wrap{\r\n    position:relative; z-index:1;\r\n    max-width:1240px; margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:1fr 1.05fr;\r\n    align-items:center;\r\n    gap:56px;\r\n  }\r\n\r\n  \/* ---------- left content ---------- *\/\r\n  .pb-eyebrow{\r\n    margin:0 0 14px;\r\n    font-size:13px; font-weight:700; letter-spacing:.1em; text-transform:uppercase;\r\n    background:linear-gradient(120deg,#a78bfa,#60a5fa);\r\n    -webkit-background-clip:text; background-clip:text; color:transparent;\r\n  }\r\n  .pb-heading{\r\n    margin:0 0 20px;\r\n    font-size:clamp(2rem, 3.6vw, 3rem);\r\n    font-weight:700;\r\n    line-height:1.12;\r\n    letter-spacing:-.02em;\r\n    color:#f2eefc;\r\n  }\r\n  .pb-text{\r\n    margin:0 0 32px;\r\n    font-size:17px;\r\n    line-height:1.65;\r\n    color:#a89dc7;\r\n    max-width:480px;\r\n  }\r\n  .pb-cta{\r\n    display:inline-flex; align-items:center; gap:10px;\r\n    padding:15px 26px;\r\n    border-radius:100px;\r\n    font-size:1rem; font-weight:700; color:#fff;\r\n    background:linear-gradient(120deg,#7c3aed,#3b82f6);\r\n    box-shadow:0 10px 26px rgba(124,58,237,.4);\r\n    text-decoration:none;\r\n    transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;\r\n  }\r\n  .pb-cta svg{ width:20px; height:20px; transition:transform .25s ease; }\r\n  .pb-cta:hover{ transform:translateY(-2px); filter:brightness(1.08); box-shadow:0 14px 32px rgba(124,58,237,.5); }\r\n  .pb-cta:hover svg{ transform:translateX(4px); }\r\n\r\n  \/* ---------- right image ---------- *\/\r\n  .pb-imgbox{\r\n    position:relative;\r\n    border-radius:28px;\r\n    overflow:hidden;\r\n    aspect-ratio:832 \/ 612;\r\n    width:100%;\r\n    \/* flat dark tone matching the screenshot's own UI background \u2014\r\n       no purple\/violet frame visible around the image anymore *\/\r\n    background:#0b0714;\r\n    box-shadow:0 30px 70px rgba(0,0,0,.5);\r\n  }\r\n  .pb-real-img{\r\n    position:absolute; inset:0;\r\n    width:100%; height:100%;\r\n    display:block;\r\n    object-fit:cover;        \/* crops out the image's own baked-in colored frame *\/\r\n    object-position:center center;\r\n    \/* modest zoom crops away the outer purple\/blue border baked into the\r\n       source screenshot, without cutting into the actual card content *\/\r\n    transform:scale(1.12);\r\n    transform-origin:center center;\r\n    transition:transform .5s cubic-bezier(.2,.8,.2,1);\r\n  }\r\n  .pb-imgbox:hover .pb-real-img{\r\n    transform:scale(1.16);\r\n  }\r\n\r\n  @media (max-width:900px){\r\n    .pb-wrap{ grid-template-columns:1fr; gap:40px; }\r\n    .pb-content{ text-align:center; }\r\n    .pb-text{ margin-left:auto; margin-right:auto; }\r\n  }\r\n  @media (max-width:500px){\r\n    .pb-section{ padding:64px 16px; }\r\n    .pb-imgbox{ border-radius:20px; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b3e30e6 e-con e-atomic-element e-flexbox-base e-13e82b4 \" data-id=\"b3e30e6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b3e30e6\">\n    \t\t<div class=\"elementor-element elementor-element-eb435e0 elementor-widget elementor-widget-html\" data-id=\"eb435e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     \"Connect your favorite accounts\" Section (WordPress Custom HTML)\r\n     Paste this whole block into a Custom HTML widget\/block.\r\n     Self-contained: no external CSS\/JS\/fonts required.\r\n     Contains all 12 requested platforms:\r\n     LinkedIn, Threads, Pinterest, Bluesky, YouTube, X, Google Business,\r\n     Instagram, TikTok, Facebook, Snapchat, Reddit\r\n============================================================ -->\r\n<section class=\"ca-section\" id=\"caSection\">\r\n  <div class=\"ca-card\">\r\n\r\n    <div class=\"ca-heading-wrap\">\r\n      <h2 class=\"ca-heading\">Connect your<br>favorite accounts<\/h2>\r\n      <span class=\"ca-connector\" aria-hidden=\"true\">\r\n        <span class=\"ca-connector-line\"><\/span>\r\n        <svg viewBox=\"0 0 6 7\" width=\"7\" height=\"8\"><path fill=\"currentColor\" d=\"M5.196 3.5 0 6.5v-6z\"\/><\/svg>\r\n      <\/span>\r\n    <\/div>\r\n\r\n    <ul class=\"ca-tiles\" id=\"caTiles\">\r\n\r\n      <li><a href=\"#\" class=\"ca-tile\" style=\"--bg:#0A66C2;\" title=\"LinkedIn\">\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"#fff\" fill-rule=\"evenodd\" d=\"M18.338 18.338H15.67v-4.177c0-.997-.018-2.278-1.387-2.278-1.39 0-1.602 1.085-1.602 2.206v4.25h-2.668v-8.59h2.561v1.173h.036c.356-.675 1.227-1.388 2.526-1.388 2.703 0 3.202 1.78 3.202 4.092v4.712ZM7.004 8.574a1.548 1.548 0 1 1 0-3.097 1.548 1.548 0 0 1 0 3.097ZM5.67 18.338h2.67v-8.59h-2.67v8.59ZM19.668 3H4.328C3.597 3 3 3.581 3 4.297v15.404C3 20.418 3.596 21 4.329 21h15.339c.734 0 1.332-.582 1.332-1.299V4.297C21 3.581 20.402 3 19.668 3Z\"\/><\/svg>\r\n      <\/a><\/li>\r\n\r\n      <li><a href=\"#\" class=\"ca-tile\" style=\"--bg:#000000;\" title=\"Threads\">\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"#fff\" d=\"M11.628 1.256c-.72.033-1.37.106-1.987.222-2.53.481-4.495 1.715-5.805 3.648-.097.143-.179.272-.306.481-.062.1-.29.529-.364.685a11.365 11.365 0 0 0-.852 2.57c-.18.869-.272 1.683-.307 2.701a16.084 16.084 0 0 0 .24 3.23c.305 1.667.869 3.067 1.707 4.245 1.019 1.427 2.402 2.454 4.126 3.062 1.062.374 2.235.584 3.585.64.485.02 1.004.01 1.574-.028 2.455-.168 4.3-.903 5.84-2.325.889-.82 1.479-1.757 1.766-2.805a5.35 5.35 0 0 0 .173-.964 7.545 7.545 0 0 0 0-.907c-.112-1.177-.521-2.134-1.273-2.973-.16-.18-.519-.51-.714-.66a7.256 7.256 0 0 0-1.632-.938l-.134-.055-.014-.174c-.098-1.194-.442-2.172-1.039-2.946-.814-1.056-2.1-1.642-3.737-1.701-1.308-.048-2.457.254-3.386.89a4.61 4.61 0 0 0-.545.443 4.266 4.266 0 0 0-.548.611l-.05.07.282.178.802.508.552.349.03.019.102-.126c.557-.689 1.416-1.05 2.494-1.05.79 0 1.437.168 1.913.497.516.358.852.917 1.026 1.708.017.076.03.145.03.152 0 .01-.022.01-.093-.002-.822-.13-2.057-.171-2.983-.097-1.08.085-2.015.367-2.769.838a3.876 3.876 0 0 0-.973.862 3.13 3.13 0 0 0-.64 1.508c-.03.2-.03.698.001.902.145.98.671 1.774 1.554 2.35.852.554 2.043.839 3.22.77 1.845-.11 3.18-.885 3.986-2.314.31-.55.566-1.323.673-2.039a.785.785 0 0 1 .022-.115c.006-.009.046.009.135.063.267.161.472.313.69.516.591.547.909 1.189 1.007 2.029.022.182.018.598-.007.79-.12.94-.563 1.754-1.341 2.47-1.072.986-2.344 1.534-4.002 1.723-1.258.145-2.564.099-3.692-.128-2.92-.587-4.773-2.367-5.55-5.331-.419-1.589-.514-3.502-.266-5.282.35-2.516 1.365-4.386 2.99-5.513C8.19 3.785 9.478 3.35 11.035 3.2a11.997 11.997 0 0 1 2.878.072c2.112.315 3.742 1.204 4.854 2.649.511.664.939 1.505 1.227 2.41.032.101.063.183.07.183.015 0 1.925-.47 1.936-.477.016-.01-.17-.57-.292-.884-.928-2.375-2.584-4.097-4.853-5.047-1.136-.475-2.398-.747-3.905-.84a21.664 21.664 0 0 0-1.32-.01Zm2.362 11.049c.399.032.81.085 1.114.142l.12.021c.008 0-.008.182-.036.381-.098.718-.293 1.31-.579 1.754-.472.735-1.194 1.098-2.276 1.146-.84.037-1.607-.17-2.092-.567-.684-.559-.722-1.502-.086-2.117.188-.182.374-.304.655-.43.435-.194.985-.308 1.666-.346.28-.015 1.253-.006 1.514.016Z\"\/><\/svg>\r\n      <\/a><\/li>\r\n\r\n      <li><a href=\"#\" class=\"ca-tile\" style=\"--bg:#E60023;\" title=\"Pinterest\">\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"#fff\" fill-rule=\"evenodd\" d=\"M12 1C5.925 1 1 5.925 1 12c0 4.66 2.9 8.644 6.991 10.247-.096-.87-.183-2.21.039-3.16.2-.858 1.29-5.467 1.29-5.467s-.33-.659-.33-1.633c0-1.53.887-2.672 1.99-2.672.94 0 1.392.705 1.392 1.55 0 .944-.6 2.355-.91 3.662-.26 1.095.549 1.988 1.628 1.988 1.955 0 3.458-2.061 3.458-5.037 0-2.634-1.892-4.475-4.594-4.475-3.13 0-4.967 2.347-4.967 4.774 0 .945.364 1.959.818 2.51a.33.33 0 0 1 .077.315c-.084.348-.27 1.095-.306 1.248-.048.201-.16.244-.368.147-1.374-.64-2.233-2.648-2.233-4.262 0-3.47 2.521-6.656 7.268-6.656 3.816 0 6.782 2.719 6.782 6.353 0 3.791-2.39 6.842-5.708 6.842-1.115 0-2.163-.58-2.521-1.263 0 0-.552 2.1-.686 2.615-.248.955-.919 2.153-1.367 2.883 1.03.319 2.123.491 3.257.491 6.075 0 11-4.925 11-11S18.075 1 12 1Z\"\/><\/svg>\r\n      <\/a><\/li>\r\n\r\n      <li><a href=\"#\" class=\"ca-tile\" style=\"--bg:#1185FE;\" title=\"Bluesky\">\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"#fff\" d=\"M5.769 4.212C8.29 5.972 11.004 9.539 12 11.453c.996-1.914 3.709-5.482 6.231-7.241C20.051 2.942 23 1.96 23 5.086c0 .624-.385 5.244-.611 5.994-.785 2.608-3.647 3.273-6.192 2.87 4.449.704 5.58 3.035 3.136 5.366-4.642 4.426-6.672-1.111-7.192-2.53-.096-.26-.14-.382-.141-.278 0-.104-.045.018-.14.278-.52 1.419-2.55 6.956-7.193 2.53-2.445-2.331-1.313-4.662 3.136-5.366-2.545.403-5.407-.262-6.192-2.87C1.385 10.33 1 5.71 1 5.086c0-3.126 2.949-2.144 4.769-.874Z\"\/><\/svg>\r\n      <\/a><\/li>\r\n\r\n      <li><a href=\"#\" class=\"ca-tile\" style=\"--bg:#FF0000;\" title=\"YouTube\">\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"#fff\" d=\"M23.76 7.148s-.234-1.68-.954-2.42c-.912-.97-1.935-.974-2.404-1.031-3.359-.247-8.397-.247-8.397-.247h-.01s-5.038 0-8.397.247c-.469.057-1.491.061-2.404 1.032-.72.74-.954 2.42-.954 2.42S0 9.12 0 11.092v1.85c0 1.971.24 3.944.24 3.944s.234 1.68.954 2.42c.913.97 2.112.939 2.646 1.04 1.92.188 8.16.246 8.16.246s5.043-.008 8.402-.255c.469-.056 1.492-.06 2.404-1.032.72-.74.954-2.42.954-2.42s.24-1.972.24-3.944v-1.85c0-1.971-.24-3.944-.24-3.944ZM9.523 15.183V8.335l6.484 3.435-6.484 3.413Z\"\/><\/svg>\r\n      <\/a><\/li>\r\n\r\n      <li><a href=\"#\" class=\"ca-tile\" style=\"--bg:#000000;\" title=\"X\">\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"#fff\" d=\"M13.903 10.469 21.348 2h-1.764l-6.465 7.353L7.955 2H2l7.808 11.12L2 22h1.764l6.828-7.765L16.044 22H22l-8.097-11.531Zm-2.417 2.748-.791-1.107L4.4 3.3h2.71l5.08 7.11.791 1.107 6.604 9.242h-2.71l-5.389-7.542Z\"\/><\/svg>\r\n      <\/a><\/li>\r\n\r\n      <li><a href=\"#\" class=\"ca-tile\" style=\"--bg:#4285F4;\" title=\"Google Business\">\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"#fff\" d=\"M22 8.5c0 1.37-1.12 2.5-2.5 2.5S17 9.87 17 8.5c0 1.37-1.12 2.5-2.5 2.5S12 9.87 12 8.5c0 1.37-1.12 2.5-2.5 2.5S7 9.87 7 8.5C7 9.87 5.88 11 4.5 11S2 9.87 2 8.5l1.39-5.42S3.68 2 4.7 2h14.6c1.02 0 1.31 1.08 1.31 1.08L22 8.5Zm-1 3.7V20c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2v-7.8a3.96 3.96 0 0 0 4-.58c.69.55 1.56.88 2.5.88.95 0 1.82-.33 2.5-.88.69.55 1.56.88 2.5.88.95 0 1.82-.33 2.5-.88.68.55 1.56.88 2.5.88.53 0 1.04-.11 1.5-.3Zm-2 5.13c0-.2 0-.41-.05-.63l-.03-.16h-2.97v1.17h1.81c-.06.22-.14.44-.31.62-.33.33-.78.51-1.26.51-.5 0-.99-.21-1.35-.56-.69-.71-.69-1.86.02-2.58.69-.7 1.83-.7 2.55-.03l.14.13.84-.85-.16-.14c-.56-.52-1.3-.81-2.08-.81h-.01c-.81 0-1.57.31-2.14.87-.59.58-.92 1.34-.92 2.13 0 .8.31 1.54.88 2.09a3.2 3.2 0 0 0 2.22.91h.02c.8 0 1.51-.29 2.03-.8.47-.48.77-1.2.77-1.87Z\"\/><\/svg>\r\n      <\/a><\/li>\r\n\r\n      <li><a href=\"#\" class=\"ca-tile ca-tile-gradient\" title=\"Instagram\">\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"#fff\" fill-rule=\"evenodd\" d=\"M20.387 3.653C19.34 2.565 17.847 2 16.153 2H7.847C4.339 2 2 4.339 2 7.847v8.266c0 1.734.565 3.226 1.694 4.314C4.782 21.476 6.234 22 7.887 22h8.226c1.734 0 3.185-.564 4.234-1.573C21.435 19.38 22 17.887 22 16.153V7.847c0-1.694-.564-3.145-1.613-4.194Zm-.161 12.5c0 1.25-.444 2.258-1.17 2.944-.725.685-1.733 1.048-2.943 1.048H7.887c-1.21 0-2.218-.363-2.943-1.048-.726-.726-1.09-1.734-1.09-2.984V7.847c0-1.21.364-2.218 1.09-2.944.685-.685 1.733-1.048 2.943-1.048h8.306c1.21 0 2.218.363 2.944 1.089.686.725 1.089 1.733 1.089 2.903v8.306Zm-1.694-9.476a1.17 1.17 0 1 1-2.339 0 1.17 1.17 0 0 1 2.339 0ZM6.838 11.96c0-2.863 2.34-5.162 5.162-5.162s5.161 2.34 5.161 5.162S14.863 17.12 12 17.12a5.146 5.146 0 0 1-5.162-5.161Zm1.855 0A3.321 3.321 0 0 0 12 15.266a3.321 3.321 0 0 0 3.306-3.306A3.321 3.321 0 0 0 12 8.653a3.321 3.321 0 0 0-3.307 3.307Z\"\/><\/svg>\r\n      <\/a><\/li>\r\n\r\n      <li><a href=\"#\" class=\"ca-tile\" style=\"--bg:#000000;\" title=\"TikTok\">\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"#fff\" d=\"M16.1 1c.347 3.122 2.01 4.983 4.9 5.181v3.511c-1.675.172-3.142-.402-4.849-1.485v6.568c0 8.342-8.677 10.95-12.166 4.97-2.242-3.848-.87-10.6 6.322-10.87v3.702c-.548.092-1.133.237-1.668.429-1.6.567-2.507 1.63-2.255 3.505.485 3.59 6.77 4.653 6.247-2.363V1.007h3.47V1Z\"\/><\/svg>\r\n      <\/a><\/li>\r\n\r\n      <li><a href=\"#\" class=\"ca-tile\" style=\"--bg:#1877F2;\" title=\"Facebook\">\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"#fff\" d=\"M23 12.067C23 5.955 18.075 1 12 1S1 5.955 1 12.067C1 17.591 5.023 22.17 10.281 23v-7.734H7.488v-3.199h2.793V9.63c0-2.774 1.643-4.306 4.155-4.306 1.204 0 2.462.216 2.462.216v2.724h-1.387c-1.366 0-1.792.853-1.792 1.728v2.076h3.05l-.487 3.2h-2.563V23C18.977 22.17 23 17.591 23 12.067Z\"\/><\/svg>\r\n      <\/a><\/li>\r\n\r\n      <li><a href=\"#\" class=\"ca-tile\" style=\"--bg:#FFFC00;\" title=\"Snapchat\">\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"#111\" d=\"M12 2.2c2.9 0 5.05 2.15 5.2 4.9.05.85.02 1.9.08 2.55.06.15.25.35.75.5.5.15 1.15.2 1.4.55.1.15.1.35 0 .55-.25.55-1.15.85-1.85 1.1-.15.05-.2.2-.15.35.35 1.05 1.35 1.75 2.65 2 .2.05.35.25.3.45-.15.65-1.4.9-2.15 1.05-.15.55-.3.95-.4 1.1-.15.2-.4.15-.7.1-.5-.1-1.05-.2-1.75-.05-.7.15-1.3.6-2.05 1.05-.75.45-1.6.9-2.38.9-.03 0-.05 0-.05 0s-.02 0-.05 0c-.78 0-1.63-.45-2.38-.9-.75-.45-1.35-.9-2.05-1.05-.7-.15-1.25-.05-1.75.05-.3.05-.55.1-.7-.1-.1-.15-.25-.55-.4-1.1-.75-.15-2-.4-2.15-1.05-.05-.2.1-.4.3-.45 1.3-.25 2.3-.95 2.65-2 .05-.15 0-.3-.15-.35-.7-.25-1.6-.55-1.85-1.1-.1-.2-.1-.4 0-.55.25-.35.9-.4 1.4-.55.5-.15.69-.35.75-.5.06-.65.03-1.7.08-2.55.15-2.75 2.3-4.9 5.2-4.9Z\"\/><circle cx=\"8.7\" cy=\"9.6\" r=\"1\" fill=\"#FFFC00\"\/><circle cx=\"15.3\" cy=\"9.6\" r=\"1\" fill=\"#FFFC00\"\/><\/svg>\r\n      <\/a><\/li>\r\n\r\n      <li><a href=\"#\" class=\"ca-tile\" style=\"--bg:#FF4500;\" title=\"Reddit\">\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"#fff\" d=\"M22 12.4c0-1-.8-1.8-1.8-1.8-.5 0-.9.2-1.25.5-1.2-.8-2.85-1.35-4.7-1.42l.8-3.75 2.6.55a1.35 1.35 0 1 0 .15-.75l-2.9-.6a.4.4 0 0 0-.47.3l-.9 4.2c-1.87.06-3.55.6-4.75 1.4-.34-.3-.79-.48-1.28-.48C6.8 10.55 6 11.35 6 12.35c0 .72.42 1.34 1.02 1.63a2.6 2.6 0 0 0-.05.5c0 2.32 2.7 4.2 6.03 4.2s6.03-1.88 6.03-4.2c0-.16-.02-.32-.04-.48.63-.28 1.06-.9 1.06-1.6ZM10 13.3a1.15 1.15 0 1 1 2.3 0 1.15 1.15 0 0 1-2.3 0Zm5.86 2.63c-.7.7-1.94.94-2.86.94-.92 0-2.16-.24-2.86-.94a.32.32 0 0 1 .45-.45c.5.5 1.44.7 2.4.7.97 0 1.9-.2 2.4-.7a.32.32 0 1 1 .47.45Zm-.2-2.63a1.15 1.15 0 1 1 0-2.3 1.15 1.15 0 0 1 0 2.3Z\"\/><\/svg>\r\n      <\/a><\/li>\r\n\r\n    <\/ul>\r\n\r\n    <span class=\"ca-mark\" aria-hidden=\"true\">\r\n      <svg viewBox=\"0 0 24 24\"><path fill=\"url(#caMarkGrad)\" d=\"M12 2 3 6.4l9 4.6 9-4.6L12 2Z\"\/><path fill=\"url(#caMarkGrad)\" d=\"m5.3 10.6 6.7 3.4 6.7-3.4 3 1.5L12 17.3 2.3 12.1l3-1.5Z\"\/><path fill=\"url(#caMarkGrad)\" d=\"m5.3 15.6 6.7 3.4 6.7-3.4 3 1.5L12 22.3 2.3 17.1l3-1.5Z\"\/>\r\n        <defs><linearGradient id=\"caMarkGrad\" x1=\"2\" y1=\"2\" x2=\"22\" y2=\"22\"><stop offset=\"0\" stop-color=\"#a78bfa\"\/><stop offset=\"1\" stop-color=\"#22d3ee\"\/><\/linearGradient><\/defs>\r\n      <\/svg>\r\n    <\/span>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .ca-section{\r\n    box-sizing:border-box;\r\n    padding:24px 24px 96px;\r\n    background:#110a1f;\r\n    font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n  }\r\n  .ca-section *{ box-sizing:border-box; }\r\n\r\n  .ca-card{\r\n    position:relative;\r\n    max-width:1240px;\r\n    margin:0 auto;\r\n    display:flex;\r\n    align-items:center;\r\n    gap:32px;\r\n    flex-wrap:wrap;\r\n    padding:44px 48px;\r\n    border-radius:28px;\r\n    \/* flat base matches the section\/page background so the card's own\r\n       edges also blend \u2014 glow kept small & centered, never reaches edges *\/\r\n    background:#110a1f;\r\n    border:1px solid rgba(150,120,255,.22);\r\n    overflow:hidden;\r\n  }\r\n  .ca-card::before{\r\n    content:\"\";\r\n    position:absolute; inset:0; z-index:0;\r\n    background:radial-gradient(420px 200px at 50% 50%, rgba(124,58,237,.16), transparent 72%);\r\n    pointer-events:none;\r\n  }\r\n\r\n  .ca-heading-wrap{\r\n    position:relative; z-index:1;\r\n    display:flex; align-items:center; gap:22px;\r\n    flex-shrink:0;\r\n  }\r\n  .ca-heading{\r\n    margin:0;\r\n    font-size:clamp(1.5rem, 2.6vw, 1.9rem);\r\n    font-weight:700;\r\n    line-height:1.2;\r\n    color:#f2eefc;\r\n  }\r\n  .ca-connector{\r\n    display:flex; align-items:center; color:#8f7fc7; flex-shrink:0;\r\n  }\r\n  .ca-connector-line{\r\n    width:44px; height:1px;\r\n    background:linear-gradient(90deg, rgba(150,120,255,.1), rgba(150,120,255,.6));\r\n  }\r\n  .ca-connector svg{ margin-left:2px; }\r\n\r\n  @media (max-width:900px){\r\n    .ca-connector{ display:none; }\r\n  }\r\n\r\n  \/* ---------- icon tiles ---------- *\/\r\n  .ca-tiles{\r\n    position:relative; z-index:1;\r\n    list-style:none;\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    margin:0;\r\n    padding:4px 0;\r\n    flex:1;\r\n    overflow-x:auto;\r\n    scrollbar-width:none;\r\n  }\r\n  .ca-tiles::-webkit-scrollbar{ display:none; }\r\n\r\n  .ca-tile{\r\n    flex-shrink:0;\r\n    width:56px; height:56px;\r\n    border-radius:16px;\r\n    display:flex; align-items:center; justify-content:center;\r\n    background:var(--bg,#333);\r\n    box-shadow:0 8px 20px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.12);\r\n    transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease;\r\n  }\r\n  .ca-tile svg{ width:26px; height:26px; }\r\n\r\n  .ca-tile-gradient{\r\n    background:radial-gradient(circle at 30% 110%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);\r\n  }\r\n\r\n  .ca-tile:hover{\r\n    transform:translateY(-6px) scale(1.06);\r\n    box-shadow:0 16px 30px rgba(124,58,237,.4), inset 0 1px 0 rgba(255,255,255,.2);\r\n  }\r\n\r\n  @media (max-width:900px){\r\n    .ca-card{ flex-direction:column; align-items:flex-start; padding:36px 28px; }\r\n    .ca-heading{ font-size:1.6rem; }\r\n    .ca-tiles{ width:100%; }\r\n  }\r\n  @media (max-width:480px){\r\n    .ca-tile{ width:48px; height:48px; border-radius:13px; }\r\n    .ca-tile svg{ width:22px; height:22px; }\r\n  }\r\n\r\n  .ca-mark{\r\n    position:relative; z-index:1;\r\n    flex-shrink:0;\r\n    display:none;\r\n    width:26px; height:26px;\r\n    opacity:.85;\r\n  }\r\n  .ca-mark svg{ width:100%; height:100%; }\r\n  @media (min-width:1150px){ .ca-mark{ display:block; } }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-88348eb e-con e-atomic-element e-flexbox-base e-83e7a28 \" data-id=\"88348eb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"88348eb\">\n    \t\t<div class=\"elementor-element elementor-element-a23c8fe elementor-widget elementor-widget-html\" data-id=\"a23c8fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     Benefits Section \u2014 socials.ink (WordPress Custom HTML)\r\n     Paste this whole block into a Custom HTML widget\/block.\r\n     Self-contained: no external CSS\/JS\/fonts required.\r\n============================================================ -->\r\n<section class=\"bn-section\" id=\"bnSection\">\r\n  <div class=\"bn-wrap\">\r\n\r\n    <div class=\"bn-benefit\">\r\n      <span class=\"bn-icon\">\r\n        <svg width=\"30\" height=\"30\" viewBox=\"0 0 54 54\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M21.697 30.417h-8.72c-.964 0-1.745.781-1.745 1.744v8.72c0 .964.781 1.745 1.745 1.745h8.72c.963 0 1.744-.781 1.744-1.744v-8.72c0-.964-.78-1.745-1.744-1.745ZM21.697 11.232h-8.72c-.964 0-1.745.781-1.745 1.744v8.72c0 .964.781 1.745 1.745 1.745h8.72c.963 0 1.744-.781 1.744-1.744v-8.72c0-.964-.78-1.745-1.744-1.745ZM40.882 30.417h-8.72c-.964 0-1.745.781-1.745 1.744v8.72c0 .964.781 1.745 1.744 1.745h8.72c.964 0 1.745-.781 1.745-1.744v-8.72c0-.964-.78-1.745-1.744-1.745ZM35.226 10.81l-5.285 5.284a1.495 1.495 0 0 0 0 2.115l5.285 5.285c.584.584 1.53.584 2.114 0l5.286-5.285a1.495 1.495 0 0 0 0-2.114l-5.285-5.286a1.495 1.495 0 0 0-2.115 0Z\"\/><\/svg>\r\n      <\/span>\r\n      <div class=\"bn-content\">\r\n        <h3 class=\"bn-heading\">Share at the perfect time<\/h3>\r\n        <p class=\"bn-text\">Set a posting schedule based on the best times to post \u2014 for every client, on every platform.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"bn-benefit\">\r\n      <span class=\"bn-icon\">\r\n        <svg width=\"30\" height=\"30\" viewBox=\"0 0 54 54\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M42.626 26.929v12.209a3.488 3.488 0 0 1-3.488 3.488H14.72a3.488 3.488 0 0 1-3.489-3.488V14.72a3.488 3.488 0 0 1 3.489-3.488h12.208m6.977 3.488H44.37m-5.232-5.232v10.465m3.488 12.208-5.382-5.382a3.488 3.488 0 0 0-4.933 0L16.465 42.626m8.72-20.93a3.488 3.488 0 1 1-6.976 0 3.488 3.488 0 0 1 6.976 0Z\"\/><\/svg>\r\n      <\/span>\r\n      <div class=\"bn-content\">\r\n        <h3 class=\"bn-heading\">Stay on-brand, every platform<\/h3>\r\n        <p class=\"bn-text\">Each client's Brand Kit shapes every post automatically \u2014 the right colors, voice, and format for every channel.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"bn-benefit\">\r\n      <span class=\"bn-icon\">\r\n        <svg width=\"30\" height=\"30\" viewBox=\"0 0 54 54\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M13 25.25A15.75 15.75 0 0 1 28.75 41M13 13a28 28 0 0 1 28 28M14.75 41a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5Z\"\/><\/svg>\r\n      <\/span>\r\n      <div class=\"bn-content\">\r\n        <h3 class=\"bn-heading\">See what's coming up<\/h3>\r\n        <p class=\"bn-text\">Get a clear view of every client's content calendar \u2014 published, pending, and awaiting approval, all in one place.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"bn-benefit\">\r\n      <span class=\"bn-icon\">\r\n        <svg width=\"30\" height=\"30\" viewBox=\"0 0 54 54\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M31 32.2c.267-1.35.933-2.295 2-3.375 1.333-1.215 2-2.97 2-4.725a8.152 8.152 0 0 0-2.343-5.728A7.95 7.95 0 0 0 27 16a7.95 7.95 0 0 0-5.657 2.372A8.152 8.152 0 0 0 19 24.1c0 1.35.267 2.97 2 4.725.933.945 1.733 2.025 2 3.375m0 5.4h8M24.333 43h5.334M32.663 12.851l2.145-3.779m-13.993 3.78-2.152-3.78m20.332 13.789 3.985.102m-28.498-.102-3.983.102\"\/><\/svg>\r\n      <\/span>\r\n      <div class=\"bn-content\">\r\n        <h3 class=\"bn-heading\">Create faster with AI<\/h3>\r\n        <p class=\"bn-text\">Describe the post or drop in a reference \u2014 AI Studio generates an on-brand image and caption in seconds.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .bn-section{\r\n    box-sizing:border-box;\r\n    padding:80px 24px;\r\n    background:\r\n      radial-gradient(600px 240px at 85% 10%, rgba(59,130,246,.16), transparent 72%),\r\n      #110a1f;\r\n    font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n  }\r\n  .bn-section *{ box-sizing:border-box; }\r\n\r\n  .bn-wrap{\r\n    max-width:1240px; margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:repeat(4, 1fr);\r\n    gap:36px;\r\n  }\r\n\r\n  .bn-benefit{\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:flex-start;\r\n  }\r\n\r\n  .bn-icon{\r\n    display:flex; align-items:center; justify-content:center;\r\n    width:64px; height:64px;\r\n    border-radius:18px;\r\n    margin-bottom:22px;\r\n    background:rgba(139,92,246,.12);\r\n    border:1px solid rgba(150,120,255,.25);\r\n    color:#c4b5fd;\r\n    transition:transform .3s ease, background .3s ease, color .3s ease, border-color .3s ease;\r\n  }\r\n  .bn-benefit:hover .bn-icon{\r\n    transform:translateY(-4px);\r\n    background:rgba(139,92,246,.22);\r\n    border-color:rgba(180,150,255,.5);\r\n    color:#fff;\r\n  }\r\n\r\n  .bn-heading{\r\n    margin:0 0 10px;\r\n    font-size:1.15rem;\r\n    font-weight:700;\r\n    color:#f2eefc;\r\n    line-height:1.3;\r\n  }\r\n  .bn-text{\r\n    margin:0;\r\n    font-size:14.5px;\r\n    line-height:1.6;\r\n    color:#a89dc7;\r\n  }\r\n\r\n  @media (max-width:980px){\r\n    .bn-wrap{ grid-template-columns:repeat(2, 1fr); gap:40px 28px; }\r\n  }\r\n  @media (max-width:560px){\r\n    .bn-wrap{ grid-template-columns:1fr; gap:36px; }\r\n    .bn-section{ padding:60px 20px; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a51f5d5 e-con e-atomic-element e-flexbox-base e-cf138ce \" data-id=\"a51f5d5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a51f5d5\">\n    \t\t<div class=\"elementor-element elementor-element-5f6a7aa elementor-widget elementor-widget-html\" data-id=\"5f6a7aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     Customize Feature Section \u2014 socials.ink (WordPress Custom HTML)\r\n     Paste this whole block into a Custom HTML widget\/block.\r\n============================================================ -->\r\n<section class=\"fs-section\" id=\"fsSection\">\r\n  <div class=\"fs-wrap\">\r\n\r\n    <div class=\"fs-content\">\r\n      <p class=\"fs-eyebrow\">Customize<\/p>\r\n      <h2 class=\"fs-heading\">Craft the perfect post for every client<\/h2>\r\n      <p class=\"fs-text\">Build platform-specific content from one intuitive editor \u2014 no double work, no copy-pasting between tabs.<\/p>\r\n\r\n      <a href=\"#\" class=\"fs-cta\">\r\n        <span>Get started for free<\/span>\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M11.47 4.47a.75.75 0 0 1 1.06 0l7 7a.75.75 0 0 1 0 1.06l-7 7a.75.75 0 1 1-1.06-1.06l5.72-5.72H5a.75.75 0 0 1 0-1.5h12.19l-5.72-5.72a.75.75 0 0 1 0-1.06Z\"\/><\/svg>\r\n      <\/a>\r\n\r\n      <ul class=\"fs-features\">\r\n        <li class=\"fs-feature\">\r\n          <span class=\"fs-feature-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M18.945 14.294v3.1a1.55 1.55 0 0 1-1.55 1.55H6.542a1.55 1.55 0 0 1-1.55-1.55v-3.1m3.1-3.876 3.877 3.876m0 0 3.875-3.876m-3.875 3.876V4.992\"\/><\/svg>\r\n          <\/span>\r\n          <span class=\"fs-feature-text\">Schedule threaded posts, videos, carousels, and more<\/span>\r\n        <\/li>\r\n        <li class=\"fs-feature\">\r\n          <span class=\"fs-feature-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M13.778 14.311c.118-.6.415-1.02.889-1.5.592-.54.888-1.32.888-2.1 0-.955-.374-1.87-1.041-2.546A3.533 3.533 0 0 0 12 7.111c-.943 0-1.848.38-2.514 1.054a3.623 3.623 0 0 0-1.042 2.546c0 .6.119 1.32.89 2.1.414.42.77.9.888 1.5m0 2.4h3.556m-2.963 2.4h2.37M14.516 5.712l.954-1.68m-6.22 1.68-.956-1.68m9.037 6.128 1.77.046M6.437 10.16l-1.77.046\"\/><\/svg>\r\n          <\/span>\r\n          <span class=\"fs-feature-text\">Auto-publish or get a reminder to finish the post natively \u2014 per client, per platform<\/span>\r\n        <\/li>\r\n        <li class=\"fs-feature\">\r\n          <span class=\"fs-feature-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M9.643 13.519H5.767a.775.775 0 0 0-.775.775v3.876c0 .428.347.775.775.775h3.876a.775.775 0 0 0 .775-.775v-3.876a.775.775 0 0 0-.775-.775ZM9.643 4.992H5.767a.775.775 0 0 0-.775.775v3.876c0 .428.347.775.775.775h3.876a.775.775 0 0 0 .775-.775V5.767a.775.775 0 0 0-.775-.775ZM18.17 13.519h-3.876a.775.775 0 0 0-.775.775v3.876c0 .428.347.775.775.775h3.876a.775.775 0 0 0 .775-.775v-3.876a.775.775 0 0 0-.775-.775ZM15.656 4.804l-2.349 2.35c-.26.259-.26.68 0 .939l2.35 2.349c.259.26.68.26.939 0l2.349-2.35c.26-.259.26-.68 0-.939l-2.35-2.349a.664.664 0 0 0-.939 0Z\"\/><\/svg>\r\n          <\/span>\r\n          <span class=\"fs-feature-text\">Auto-add a first comment with hashtags or a link, every time<\/span>\r\n        <\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- Right Image Box with Rounded Borders & Subtle Glow Animation -->\r\n    <div class=\"fs-imgbox\">\r\n      <img decoding=\"async\" class=\"fs-real-img\" src=\"https:\/\/socials.ink\/wp-content\/uploads\/2026\/08\/designer-1.png\" alt=\"socials.ink Designer \u2014 platform-specific post editor\" loading=\"lazy\">\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .fs-section{\r\n    box-sizing:border-box;\r\n    padding:88px 24px;\r\n    background:\r\n      radial-gradient(600px 260px at 85% 20%, rgba(34,211,238,.14), transparent 72%),\r\n      #110a1f;\r\n    font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n  }\r\n  .fs-section *{ box-sizing:border-box; }\r\n\r\n  .fs-wrap{\r\n    max-width:1240px; margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:1fr 1.05fr;\r\n    align-items:center;\r\n    gap:56px;\r\n  }\r\n\r\n  \/* ---------- Left Content ---------- *\/\r\n  .fs-eyebrow{\r\n    margin:0 0 14px;\r\n    font-size:13px; font-weight:700; letter-spacing:.1em; text-transform:uppercase;\r\n    background:linear-gradient(120deg,#22d3ee,#60a5fa);\r\n    -webkit-background-clip:text; background-clip:text; color:transparent;\r\n  }\r\n  .fs-heading{\r\n    margin:0 0 18px;\r\n    font-size:clamp(1.8rem, 3.2vw, 2.5rem);\r\n    font-weight:700;\r\n    line-height:1.16;\r\n    letter-spacing:-.02em;\r\n    color:#f2eefc;\r\n  }\r\n  .fs-text{\r\n    margin:0 0 28px;\r\n    font-size:16.5px;\r\n    line-height:1.65;\r\n    color:#a89dc7;\r\n    max-width:460px;\r\n  }\r\n  .fs-cta{\r\n    display:inline-flex; align-items:center; gap:10px;\r\n    padding:14px 24px;\r\n    border-radius:100px;\r\n    font-size:.98rem; font-weight:700; color:#fff;\r\n    background:linear-gradient(120deg,#7c3aed,#3b82f6);\r\n    box-shadow:0 10px 24px rgba(124,58,237,.4);\r\n    text-decoration:none;\r\n    margin-bottom:36px;\r\n    transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;\r\n  }\r\n  .fs-cta svg{ width:18px; height:18px; transition:transform .25s ease; }\r\n  .fs-cta:hover{ transform:translateY(-2px); filter:brightness(1.08); box-shadow:0 14px 30px rgba(124,58,237,.5); }\r\n  .fs-cta:hover svg{ transform:translateX(4px); }\r\n\r\n  .fs-features{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:20px; }\r\n  .fs-feature{ display:flex; align-items:flex-start; gap:14px; }\r\n  .fs-feature-icon{\r\n    flex-shrink:0;\r\n    width:40px; height:40px;\r\n    display:flex; align-items:center; justify-content:center;\r\n    border-radius:12px;\r\n    background:rgba(139,92,246,.14);\r\n    border:1px solid rgba(150,120,255,.25);\r\n    color:#c4b5fd;\r\n  }\r\n  .fs-feature-icon svg{ width:20px; height:20px; }\r\n  .fs-feature-text{ font-size:15px; line-height:1.55; color:#d8d0f2; padding-top:8px; }\r\n\r\n  \/* ---------- Right Image Card (Fixed Display & Animations) ---------- *\/\r\n  .fs-imgbox{\r\n    position:relative;\r\n    width:100%;\r\n    border-radius:24px;\r\n    overflow:hidden;\r\n    background:#0b0714;\r\n    border:1px solid rgba(150,120,255,.25);\r\n    box-shadow:0 20px 50px rgba(0,0,0,.6), 0 0 20px rgba(124,58,237,.15);\r\n    animation: pulseGlow 6s ease-in-out infinite alternate;\r\n    transition:transform .4s ease, box-shadow .4s ease;\r\n  }\r\n\r\n  .fs-imgbox:hover{\r\n    transform:translateY(-4px);\r\n    box-shadow:0 30px 60px rgba(0,0,0,.7), 0 0 30px rgba(124,58,237,.3);\r\n  }\r\n\r\n  \/* Full Image Display Fix *\/\r\n  .fs-imgbox .fs-real-img{\r\n    width:100% !important;\r\n    height:auto !important;\r\n    max-width:100% !important;\r\n    display:block !important;\r\n    border-radius:24px;\r\n    object-fit:cover;\r\n    transition:transform .5s cubic-bezier(.2,.8,.2,1);\r\n  }\r\n\r\n  .fs-imgbox:hover .fs-real-img{\r\n    transform:scale(1.02);\r\n  }\r\n\r\n  @keyframes pulseGlow {\r\n    0% {\r\n      box-shadow: 0 20px 50px rgba(0,0,0,.6), 0 0 15px rgba(124,58,237,.15);\r\n    }\r\n    100% {\r\n      box-shadow: 0 20px 50px rgba(0,0,0,.6), 0 0 30px rgba(34,211,238,.25);\r\n    }\r\n  }\r\n\r\n  @media (max-width:900px){\r\n    .fs-wrap{ grid-template-columns:1fr; gap:44px; }\r\n    .fs-content{ text-align:center; }\r\n    .fs-text{ margin-left:auto; margin-right:auto; }\r\n    .fs-cta{ margin-left:auto; margin-right:auto; }\r\n    .fs-feature{ text-align:left; }\r\n  }\r\n  @media (max-width:500px){\r\n    .fs-section{ padding:60px 16px; }\r\n    .fs-imgbox{ border-radius:18px; }\r\n    .fs-imgbox .fs-real-img{ border-radius:18px; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1415c76 e-con e-atomic-element e-flexbox-base e-02be373 \" data-id=\"1415c76\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1415c76\">\n    \t\t<div class=\"elementor-element elementor-element-5da9160 elementor-widget elementor-widget-html\" data-id=\"5da9160\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     AI Assistant Feature Section \u2014 socials.ink (WordPress Custom HTML)\r\n     Mirrored layout: image on the left, text on the right.\r\n     Paste this whole block into a Custom HTML widget\/block.\r\n     Self-contained: no external CSS\/JS\/fonts required.\r\n============================================================ -->\r\n<section class=\"ai-section\" id=\"aiSection\">\r\n  <div class=\"ai-wrap\">\r\n\r\n    <div class=\"ai-imgbox\">\r\n      <img decoding=\"async\" class=\"ai-real-img\" src=\"https:\/\/socials.ink\/wp-content\/uploads\/2026\/08\/ai-studio-1.png\" alt=\"socials.ink AI Studio generating an on-brand post\" loading=\"lazy\">\r\n    <\/div>\r\n\r\n    <div class=\"ai-content\">\r\n      <p class=\"ai-eyebrow\">AI Studio<\/p>\r\n      <h2 class=\"ai-heading\">Write smarter, across every client<\/h2>\r\n      <p class=\"ai-text\">Let AI Studio fine-tune your content in seconds \u2014 rephrase, shorten, expand, or match the tone to each client's brand voice.<\/p>\r\n      <a href=\"#\" class=\"ai-cta\">\r\n        <span>Learn more<\/span>\r\n        <svg viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M11.47 4.47a.75.75 0 0 1 1.06 0l7 7a.75.75 0 0 1 0 1.06l-7 7a.75.75 0 1 1-1.06-1.06l5.72-5.72H5a.75.75 0 0 1 0-1.5h12.19l-5.72-5.72a.75.75 0 0 1 0-1.06Z\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .ai-section{\r\n    box-sizing:border-box;\r\n    padding:88px 24px;\r\n    background:#110a1f;\r\n    font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n  }\r\n  .ai-section *{ box-sizing:border-box; }\r\n\r\n  .ai-wrap{\r\n    max-width:1240px; margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:1.05fr 1fr;\r\n    align-items:center;\r\n    gap:56px;\r\n  }\r\n\r\n  \/* ---------- image (left) ---------- *\/\r\n  .ai-imgbox{\r\n    position:relative;\r\n    width:100%;\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n  }\r\n  .ai-imgbox .ai-real-img{\r\n    position:relative !important;\r\n    display:block !important;\r\n    width:100% !important;\r\n    height:auto !important;\r\n    max-width:100% !important;\r\n    margin:0 !important;\r\n    border-radius:0;\r\n    \/* Removes the dark background box surrounding the screenshot UI *\/\r\n    mix-blend-mode: lighten;\r\n    filter: contrast(105%) brightness(102%);\r\n    transition:transform .5s cubic-bezier(.2,.8,.2,1);\r\n  }\r\n  .ai-imgbox:hover .ai-real-img{\r\n    transform:scale(1.02);\r\n  }\r\n\r\n  \/* ---------- content (right) ---------- *\/\r\n  .ai-eyebrow{\r\n    margin:0 0 14px;\r\n    font-size:13px; font-weight:700; letter-spacing:.1em; text-transform:uppercase;\r\n    background:linear-gradient(120deg,#a78bfa,#60a5fa);\r\n    -webkit-background-clip:text; background-clip:text; color:transparent;\r\n  }\r\n  .ai-heading{\r\n    margin:0 0 18px;\r\n    font-size:clamp(1.8rem, 3.2vw, 2.5rem);\r\n    font-weight:700;\r\n    line-height:1.16;\r\n    letter-spacing:-.02em;\r\n    color:#f2eefc;\r\n  }\r\n  .ai-text{\r\n    margin:0 0 28px;\r\n    font-size:16.5px;\r\n    line-height:1.65;\r\n    color:#a89dc7;\r\n    max-width:440px;\r\n  }\r\n  .ai-cta{\r\n    display:inline-flex; align-items:center; gap:8px;\r\n    font-size:1rem; font-weight:700; color:#c4b5fd;\r\n    text-decoration:none;\r\n  }\r\n  .ai-cta svg{ width:20px; height:20px; transition:transform .25s ease; }\r\n  .ai-cta:hover{ color:#fff; }\r\n  .ai-cta:hover svg{ transform:translateX(5px); }\r\n\r\n  @media (max-width:900px){\r\n    .ai-wrap{ grid-template-columns:1fr; gap:44px; display:flex; flex-direction:column; }\r\n    .ai-imgbox{ order:1; }\r\n    .ai-content{ order:2; text-align:center; }\r\n    .ai-text{ margin-left:auto; margin-right:auto; }\r\n  }\r\n  @media (max-width:500px){\r\n    .ai-section{ padding:60px 16px; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a1a6a21 e-con e-atomic-element e-flexbox-base e-ef79b0f \" data-id=\"a1a6a21\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a1a6a21\">\n    \t\t<div class=\"elementor-element elementor-element-e796ff4 elementor-widget elementor-widget-html\" data-id=\"e796ff4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"smw-feature\">\r\n  <div class=\"smw-feature-text\">\r\n    <p class=\"smw-eyebrow\">Apps and integrations<\/p>\r\n    <h2 class=\"smw-feature-heading\">Share everywhere from anywhere<\/h2>\r\n    <p class=\"smw-feature-body\">Connect all your social accounts and share content with just a few clicks\u2014on your desktop or phone.<\/p>\r\n    <a class=\"smw-feature-btn\" href=\"https:\/\/socials.ink\/signup\">\r\n      <span>Get started for free<\/span>\r\n      <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\"><path fill=\"currentColor\" d=\"M11.47 4.47a.75.75 0 0 1 1.06 0l7 7a.75.75 0 0 1 0 1.06l-7 7a.75.75 0 1 1-1.06-1.06l5.72-5.72H5a.75.75 0 0 1 0-1.5h12.19l-5.72-5.72a.75.75 0 0 1 0-1.06Z\"\/><\/svg>\r\n    <\/a>\r\n  <\/div>\r\n  <div class=\"smw-feature-image\">\r\n    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/socials.ink\/wp-content\/uploads\/2026\/08\/connections-1.png\" alt=\"socials.ink post publish view with social media channel selector and previews for each channel.\" loading=\"lazy\" width=\"724\" height=\"600\">\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .smw-feature{\r\n    --f-bg:#110a1f;\r\n    --f-purple:#7c3aed;\r\n    --f-blue:#3b82f6;\r\n    --f-cyan:#22d3ee;\r\n    --f-text:#f4f1fb;\r\n    --f-muted:#a99fc7;\r\n    position:relative;\r\n    display:flex;\r\n    align-items:center;\r\n    gap:56px;\r\n    width:100%;\r\n    box-sizing:border-box;\r\n    padding:64px 40px;\r\n    border-radius:24px;\r\n    background:\r\n      radial-gradient(520px 260px at 12% 30%, rgba(124,58,237,.30), transparent 70%),\r\n      radial-gradient(480px 240px at 85% 70%, rgba(59,130,246,.20), transparent 70%),\r\n      var(--f-bg);\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n    overflow:hidden;\r\n  }\r\n\r\n  .smw-feature-text{ flex:1 1 420px; min-width:0; }\r\n  .smw-feature-image{ flex:1 1 380px; min-width:0; }\r\n\r\n  .smw-eyebrow{\r\n    margin:0 0 12px;\r\n    font-size:.85rem;\r\n    font-weight:600;\r\n    letter-spacing:.06em;\r\n    text-transform:uppercase;\r\n    color:var(--f-cyan);\r\n  }\r\n  .smw-feature-heading{\r\n    margin:0 0 18px;\r\n    font-size:clamp(1.8rem, 3.2vw, 2.6rem);\r\n    line-height:1.12;\r\n    font-weight:700;\r\n    letter-spacing:-.02em;\r\n    color:var(--f-text);\r\n  }\r\n  .smw-feature-body{\r\n    margin:0 0 32px;\r\n    font-size:1.05rem;\r\n    line-height:1.55;\r\n    color:var(--f-muted);\r\n    max-width:46ch;\r\n  }\r\n\r\n  .smw-feature-btn{\r\n    display:inline-flex; align-items:center; gap:8px;\r\n    padding:14px 24px;\r\n    border-radius:100px;\r\n    font-size:.98rem; font-weight:600;\r\n    color:#fff;\r\n    text-decoration:none;\r\n    background:linear-gradient(120deg, var(--f-purple), var(--f-blue));\r\n    box-shadow:0 8px 20px rgba(59,130,246,.35);\r\n    transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;\r\n  }\r\n  .smw-feature-btn svg{ transition:transform .25s ease; }\r\n  .smw-feature-btn:hover{\r\n    transform:translateY(-2px);\r\n    filter:brightness(1.08);\r\n    box-shadow:0 12px 26px rgba(124,58,237,.45);\r\n  }\r\n  .smw-feature-btn:hover svg{ transform:translateX(3px); }\r\n\r\n  \/* ---------- Image Box & Seamless Blend Updates ---------- *\/\r\n  .smw-feature-image{\r\n    position:relative;\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    border-radius:24px;\r\n    overflow:hidden;\r\n    transition:transform .4s ease;\r\n  }\r\n\r\n  .smw-feature-image:hover{\r\n    transform:scale(1.02);\r\n  }\r\n\r\n  .smw-feature-image img{\r\n    display:block;\r\n    width:100%;\r\n    height:auto;\r\n    border-radius:24px;\r\n    \/* Seamless blend removing the surrounding dark image border *\/\r\n    mix-blend-mode: lighten;\r\n    filter: contrast(105%) brightness(102%);\r\n    transition:transform .5s cubic-bezier(.2,.8,.2,1);\r\n  }\r\n\r\n  @media (max-width:900px){\r\n    .smw-feature{ flex-direction:column; padding:48px 24px; text-align:center; }\r\n    .smw-feature-body{ margin-left:auto; margin-right:auto; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-134cd70 e-con e-atomic-element e-flexbox-base e-c744f11 \" data-id=\"134cd70\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"134cd70\">\n    \t\t<div class=\"elementor-element elementor-element-c12d161 elementor-widget elementor-widget-html\" data-id=\"c12d161\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     Testimonial Section \u2014 socials.ink (WordPress Custom HTML)\r\n     Paste this whole block into a Custom HTML widget\/block.\r\n     Self-contained: no external CSS\/JS\/fonts required.\r\n============================================================ -->\r\n<section class=\"ts-section\" id=\"tsSection\">\r\n  <div class=\"ts-wrap\">\r\n    <div class=\"ts-card\">\r\n      <div class=\"ts-quote-mark\" aria-hidden=\"true\">&ldquo;<\/div>\r\n\r\n      <figure class=\"ts-figure\">\r\n        <blockquote class=\"ts-quote\">\r\n          Managing five client accounts used to mean five different tabs and a spreadsheet holding it all together. socials.ink turned that into one dashboard \u2014 I finally know what's scheduled, what's pending approval, and what needs my attention today.\r\n        <\/blockquote>\r\n        <figcaption class=\"ts-source\">\r\n          <span class=\"ts-avatar\">MB<\/span>\r\n          <span class=\"ts-source-text\">\r\n            <span class=\"ts-name\">Miraal Batool<\/span>\r\n          <\/span>\r\n        <\/figcaption>\r\n      <\/figure>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  :root {\r\n    --bg-deep:        #14101F;\r\n    --bg-card:        #1B1530;\r\n    --border-line:    #3A2F5C;\r\n    --text-heading:   #F3F0FA;\r\n    --text-body:      #B6ACD1;\r\n    --accent-violet: #8B6BF2;\r\n    --accent-blue:    #4E7FF5;\r\n    --glow-violet:    rgba(139, 107, 242, 0.35);\r\n  }\r\n\r\n  .ts-section{\r\n    box-sizing:border-box;\r\n    padding:88px 24px;\r\n    background:\r\n      radial-gradient(600px 260px at 50% 0%, var(--glow-violet), transparent 72%),\r\n      var(--bg-deep);\r\n    font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n  }\r\n  .ts-section *{ box-sizing:border-box; }\r\n\r\n  .ts-wrap{ max-width:900px; margin:0 auto; }\r\n\r\n  .ts-card{\r\n    position:relative;\r\n    padding:56px 48px 48px;\r\n    border-radius:28px;\r\n    background: var(--bg-card);\r\n    border:1px solid var(--border-line);\r\n    box-shadow:0 30px 70px rgba(0,0,0,.4);\r\n    text-align:center;\r\n  }\r\n\r\n  .ts-quote-mark{\r\n    position:absolute; top:18px; left:36px;\r\n    font-size:5rem; line-height:1; font-weight:800;\r\n    font-family:Georgia, \"Times New Roman\", serif;\r\n    background:linear-gradient(120deg, var(--accent-violet), var(--accent-blue));\r\n    -webkit-background-clip:text; background-clip:text; color:transparent;\r\n    opacity:.5;\r\n    pointer-events:none;\r\n    user-select:none;\r\n  }\r\n\r\n  .ts-figure{ margin:0; position:relative; z-index:1; }\r\n\r\n  .ts-quote{\r\n    margin:0 0 32px;\r\n    font-size:clamp(1.2rem, 2.2vw, 1.55rem);\r\n    line-height:1.55;\r\n    font-weight:600;\r\n    color: var(--text-heading);\r\n    letter-spacing:-.01em;\r\n  }\r\n\r\n  .ts-source{\r\n    display:flex; align-items:center; justify-content:center; gap:14px;\r\n  }\r\n  .ts-avatar{\r\n    width:52px; height:52px; flex-shrink:0;\r\n    display:flex; align-items:center; justify-content:center;\r\n    border-radius:50%;\r\n    font-size:.95rem; font-weight:800; color:#fff;\r\n    background:linear-gradient(135deg, var(--accent-violet), var(--accent-blue));\r\n    box-shadow:0 8px 18px rgba(139, 107, 242, 0.4);\r\n  }\r\n  .ts-source-text{ display:flex; flex-direction:column; align-items:center; }\r\n  .ts-name{ font-size:1rem; font-weight:700; color: var(--text-heading); }\r\n\r\n  @media (max-width:640px){\r\n    .ts-card{ padding:64px 24px 36px; }\r\n    .ts-quote-mark{ top:12px; left:20px; font-size:4rem; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-65aebed e-con e-atomic-element e-flexbox-base e-4f86421 \" data-id=\"65aebed\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"65aebed\">\n    \t\t<div class=\"elementor-element elementor-element-3c010b7 elementor-widget elementor-widget-html\" data-id=\"3c010b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     FAQ Section \u2014 socials.ink (WordPress Custom HTML)\r\n     Paste this whole block into a Custom HTML widget\/block.\r\n     Self-contained: no external CSS\/JS\/fonts required.\r\n     Uses native <details>\/<summary> \u2014 works without any JavaScript,\r\n     but a tiny script is included to allow smooth height animation.\r\n============================================================ -->\r\n<section class=\"fq-section\" id=\"fqSection\">\r\n  <div class=\"fq-wrap\">\r\n    <h2 class=\"fq-heading\">FAQs<\/h2>\r\n\r\n    <div class=\"fq-list\">\r\n\r\n      <details class=\"fq-item\" open>\r\n        <summary class=\"fq-summary\">\r\n          <h3 class=\"fq-q\">What is socials.ink?<\/h3>\r\n          <svg class=\"fq-caret\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414Z\"\/><\/svg>\r\n        <\/summary>\r\n        <div class=\"fq-a\"><p>socials.ink is a unified command center for agencies and freelancers managing social media for multiple clients \u2014 one workspace to create on-brand content, get client approvals, publish everywhere, and reply to every message.<\/p><\/div>\r\n      <\/details>\r\n\r\n      <details class=\"fq-item\">\r\n        <summary class=\"fq-summary\">\r\n          <h3 class=\"fq-q\">How does socials.ink help me manage multiple clients?<\/h3>\r\n          <svg class=\"fq-caret\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414Z\"\/><\/svg>\r\n        <\/summary>\r\n        <div class=\"fq-a\"><p>Every client gets their own project workspace with a separate Brand Kit, content calendar, and client portal. You can switch between projects instantly, and each one keeps its own accounts, approvals, and history completely separate.<\/p><\/div>\r\n      <\/details>\r\n\r\n      <details class=\"fq-item\">\r\n        <summary class=\"fq-summary\">\r\n          <h3 class=\"fq-q\">Which platforms can I publish to?<\/h3>\r\n          <svg class=\"fq-caret\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414Z\"\/><\/svg>\r\n        <\/summary>\r\n        <div class=\"fq-a\"><p>You can plan, schedule, and publish to Facebook, Instagram, TikTok, LinkedIn, Threads, Bluesky, YouTube, Pinterest, Google Business, X, Snapchat, and Reddit \u2014 all from one dashboard.<\/p><\/div>\r\n      <\/details>\r\n\r\n      <details class=\"fq-item\">\r\n        <summary class=\"fq-summary\">\r\n          <h3 class=\"fq-q\">What is AI Studio, and how does the Brand Kit keep it on-brand?<\/h3>\r\n          <svg class=\"fq-caret\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414Z\"\/><\/svg>\r\n        <\/summary>\r\n        <div class=\"fq-a\"><p>AI Studio generates on-brand images and captions from a short description or a reference image. Each client's 15-field Brand Kit \u2014 colors, logo, voice, and business details \u2014 feeds every generation automatically, so output stays on-brand without you re-explaining it each time.<\/p><\/div>\r\n      <\/details>\r\n\r\n      <details class=\"fq-item\">\r\n        <summary class=\"fq-summary\">\r\n          <h3 class=\"fq-q\">How does the Client Portal work \u2014 do clients need to create an account?<\/h3>\r\n          <svg class=\"fq-caret\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414Z\"\/><\/svg>\r\n        <\/summary>\r\n        <div class=\"fq-a\"><p>No account needed. You share a password-protected link with your client, and they can approve, request changes, or comment on posts directly \u2014 no sign-up, no onboarding.<\/p><\/div>\r\n      <\/details>\r\n\r\n      <details class=\"fq-item\">\r\n        <summary class=\"fq-summary\">\r\n          <h3 class=\"fq-q\">What is Replai, and how does the AI inbox handle multiple client voices?<\/h3>\r\n          <svg class=\"fq-caret\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414Z\"\/><\/svg>\r\n        <\/summary>\r\n        <div class=\"fq-a\"><p>Replai pulls every DM and comment from all your connected client accounts into one inbox and drafts a reply in that specific client's brand voice \u2014 so you can review and send in seconds instead of switching between accounts.<\/p><\/div>\r\n      <\/details>\r\n\r\n      <details class=\"fq-item\">\r\n        <summary class=\"fq-summary\">\r\n          <h3 class=\"fq-q\">What is Mail 2 Post?<\/h3>\r\n          <svg class=\"fq-caret\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414Z\"\/><\/svg>\r\n        <\/summary>\r\n        <div class=\"fq-a\"><p>Snap a photo at an event and email it to your project's Mail 2 Post address, with a subject and short note. We turn it into a cover image plus a written caption, then send back a link so you can review, edit, and publish.<\/p><\/div>\r\n      <\/details>\r\n\r\n      <details class=\"fq-item\">\r\n        <summary class=\"fq-summary\">\r\n          <h3 class=\"fq-q\">How do Competitor Reports work?<\/h3>\r\n          <svg class=\"fq-caret\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414Z\"\/><\/svg>\r\n        <\/summary>\r\n        <div class=\"fq-a\"><p>Paste a competitor's Facebook, LinkedIn, or Instagram URL and set how many posts to analyze. socials.ink generates a full report \u2014 stored as a PDF, a JSON summary, and a zip of every image and payload \u2014 that you can save or use straight in a client pitch.<\/p><\/div>\r\n      <\/details>\r\n\r\n      <details class=\"fq-item\">\r\n        <summary class=\"fq-summary\">\r\n          <h3 class=\"fq-q\">How many client workspaces can I manage on each plan?<\/h3>\r\n          <svg class=\"fq-caret\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414Z\"\/><\/svg>\r\n        <\/summary>\r\n        <div class=\"fq-a\"><p>Starter includes 1 project workspace, Growth includes 5, and Agency includes 12 \u2014 each with its own Brand Kit, calendar, and client portal. See the full breakdown on our <a href=\"#\">Billing &amp; Pricing<\/a> page.<\/p><\/div>\r\n      <\/details>\r\n\r\n      <details class=\"fq-item\">\r\n        <summary class=\"fq-summary\">\r\n          <h3 class=\"fq-q\">Can I export a client's brand knowledge for use in a chatbot?<\/h3>\r\n          <svg class=\"fq-caret\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414Z\"\/><\/svg>\r\n        <\/summary>\r\n        <div class=\"fq-a\"><p>Yes. Each project keeps a knowledge base you can export as a unique URL \u2014 ready to drop in as system prompt context for any AI chatbot, so it always answers with accurate, on-brand information.<\/p><\/div>\r\n      <\/details>\r\n\r\n      <details class=\"fq-item\">\r\n        <summary class=\"fq-summary\">\r\n          <h3 class=\"fq-q\">Can I control what my team members can access?<\/h3>\r\n          <svg class=\"fq-caret\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414Z\"\/><\/svg>\r\n        <\/summary>\r\n        <div class=\"fq-a\"><p>Yes. Invite team members and assign them only to the specific client projects they work on. Every action \u2014 creating, approving, or editing a post \u2014 is logged in a complete audit trail, with who did it and when.<\/p><\/div>\r\n      <\/details>\r\n\r\n      <details class=\"fq-item\">\r\n        <summary class=\"fq-summary\">\r\n          <h3 class=\"fq-q\">How does billing work \u2014 can I change plans later?<\/h3>\r\n          <svg class=\"fq-caret\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414Z\"\/><\/svg>\r\n        <\/summary>\r\n        <div class=\"fq-a\"><p>Plans are flat and all-in-one, with no per-seat or per-channel surprises as you add clients. You can upgrade, downgrade, or cancel any time from your billing settings, and invoices are generated automatically.<\/p><\/div>\r\n      <\/details>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .fq-section{\r\n    box-sizing:border-box;\r\n    padding:88px 24px 100px;\r\n    background:\r\n      radial-gradient(600px 240px at 15% 8%, rgba(59,130,246,.14), transparent 72%),\r\n      #110a1f;\r\n    font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n  }\r\n  .fq-section *{ box-sizing:border-box; }\r\n\r\n  .fq-wrap{ max-width:840px; margin:0 auto; }\r\n\r\n  .fq-heading{\r\n    margin:0 0 36px;\r\n    font-size:clamp(1.9rem, 3.4vw, 2.4rem);\r\n    font-weight:700;\r\n    letter-spacing:-.02em;\r\n    color:#f2eefc;\r\n  }\r\n\r\n  .fq-list{ display:flex; flex-direction:column; }\r\n\r\n  .fq-item{\r\n    border-bottom:1px solid rgba(150,120,255,.16);\r\n  }\r\n  .fq-item:first-child{ border-top:1px solid rgba(150,120,255,.16); }\r\n\r\n  .fq-summary{\r\n    list-style:none;\r\n    display:flex; align-items:center; justify-content:space-between;\r\n    gap:16px;\r\n    padding:22px 4px;\r\n    cursor:pointer;\r\n  }\r\n  .fq-summary::-webkit-details-marker{ display:none; }\r\n\r\n  .fq-q{\r\n    margin:0;\r\n    font-size:1.02rem;\r\n    font-weight:600;\r\n    color:#e9e4f8;\r\n    transition:color .2s ease;\r\n  }\r\n  .fq-summary:hover .fq-q{ color:#fff; }\r\n\r\n  .fq-caret{\r\n    width:22px; height:22px; flex-shrink:0;\r\n    color:#a89dc7;\r\n    transition:transform .3s ease, color .2s ease;\r\n  }\r\n  .fq-item[open] .fq-caret{ transform:rotate(180deg); color:#c4b5fd; }\r\n\r\n  .fq-a{\r\n    padding:0 30px 24px 4px;\r\n    animation:fqFadeIn .25s ease;\r\n  }\r\n  .fq-a p{\r\n    margin:0;\r\n    font-size:.96rem;\r\n    line-height:1.65;\r\n    color:#a89dc7;\r\n  }\r\n  .fq-a a{\r\n    color:#c4b5fd;\r\n    text-decoration:underline;\r\n    text-underline-offset:3px;\r\n  }\r\n  .fq-a a:hover{ color:#fff; }\r\n\r\n  @keyframes fqFadeIn{\r\n    from{ opacity:0; transform:translateY(-4px); }\r\n    to{ opacity:1; transform:translateY(0); }\r\n  }\r\n\r\n  @media (max-width:600px){\r\n    .fq-section{ padding:60px 16px 72px; }\r\n    .fq-q{ font-size:.95rem; }\r\n    .fq-a{ padding-right:10px; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  \/\/ Only one FAQ open at a time (optional, common UX pattern)\r\n  (function(){\r\n    var items = document.querySelectorAll('#fqSection .fq-item');\r\n    items.forEach(function(item){\r\n      item.addEventListener('toggle', function(){\r\n        if(item.open){\r\n          items.forEach(function(other){\r\n            if(other !== item) other.open = false;\r\n          });\r\n        }\r\n      });\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b292fdb e-con e-atomic-element e-flexbox-base e-b709928 \" data-id=\"b292fdb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b292fdb\">\n    \t\t<div class=\"elementor-element elementor-element-241b909 elementor-widget elementor-widget-html\" data-id=\"241b909\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CTA SECTION - Dark Purple Theme\r\n     Paste this entire block into an Elementor \"HTML\" widget\r\n     ============================================================ -->\r\n\r\n<style>\r\n  .cta-wrapper {\r\n    --cta-panel: linear-gradient(155deg, #7c3aed 0%, #4c1d95 100%);\r\n    --cta-text-light: #f5f2ff;\r\n    --cta-text-muted: rgba(245, 242, 255, 0.75);\r\n    --cta-btn-bg: #120a1f;\r\n    --cta-btn-text: #ffffff;\r\n\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    padding: 40px 24px 60px;\r\n    box-sizing: border-box;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n  }\r\n  .cta-wrapper * { box-sizing: border-box; }\r\n\r\n  .cta-panel {\r\n    background: var(--cta-panel);\r\n    border-radius: 28px;\r\n    padding: 80px 40px;\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    animation: ctaFadeUp 0.8s ease forwards;\r\n    box-shadow: 0 25px 60px rgba(124, 58, 237, 0.35);\r\n  }\r\n\r\n  \/* subtle glow accents *\/\r\n  .cta-panel::before,\r\n  .cta-panel::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(60px);\r\n    opacity: 0.5;\r\n    pointer-events: none;\r\n  }\r\n  .cta-panel::before {\r\n    width: 260px;\r\n    height: 260px;\r\n    background: #a78bfa;\r\n    top: -100px;\r\n    left: -80px;\r\n  }\r\n  .cta-panel::after {\r\n    width: 300px;\r\n    height: 300px;\r\n    background: #5eead4;\r\n    bottom: -120px;\r\n    right: -100px;\r\n  }\r\n\r\n  .cta-heading {\r\n    position: relative;\r\n    font-size: clamp(30px, 4.5vw, 48px);\r\n    font-weight: 700;\r\n    color: var(--cta-text-light);\r\n    line-height: 1.2;\r\n    max-width: 720px;\r\n    margin: 0 auto 34px;\r\n  }\r\n\r\n  .cta-btn {\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: var(--cta-btn-bg);\r\n    color: var(--cta-btn-text);\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    padding: 17px 30px;\r\n    border-radius: 999px;\r\n    text-decoration: none;\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;\r\n    opacity: 0;\r\n    animation: ctaFadeUp 0.7s ease 0.2s forwards;\r\n  }\r\n  .cta-btn svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    transition: transform 0.3s ease;\r\n  }\r\n  .cta-btn:hover {\r\n    background: #2a0e4d;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.4);\r\n  }\r\n  .cta-btn:hover svg {\r\n    transform: translateX(5px);\r\n  }\r\n\r\n  .cta-subtext {\r\n    position: relative;\r\n    margin: 22px 0 0;\r\n    font-size: 15px;\r\n    color: var(--cta-text-muted);\r\n    opacity: 0;\r\n    animation: ctaFadeUp 0.7s ease 0.35s forwards;\r\n  }\r\n\r\n  @keyframes ctaFadeUp {\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .cta-panel { padding: 56px 24px; border-radius: 22px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"cta-wrapper\">\r\n  <div class=\"cta-panel\">\r\n    <h2 class=\"cta-heading\">Grow your social presence with confidence<\/h2>\r\n    <a class=\"cta-btn\" href=\"#\">\r\n      <span>Get started for free<\/span>\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M11.47 4.47a.75.75 0 0 1 1.06 0l7 7a.75.75 0 0 1 0 1.06l-7 7a.75.75 0 1 1-1.06-1.06l5.72-5.72H5a.75.75 0 0 1 0-1.5h12.19l-5.72-5.72a.75.75 0 0 1 0-1.06Z\"\/><\/svg>\r\n    <\/a>\r\n    <p class=\"cta-subtext\">No credit card needed. Free forever.<\/p>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Publish One dashboard,every client&#8217;s channel Schedule and publish content for every client at the ideal time \u2014 Facebook, Instagram, TikTok, LinkedIn, Threads, Bluesky, YouTube, Pinterest, Google Business, and X, all from one unified workspace. Get started for free Connect yourfavorite accounts Share at the perfect time Set a posting schedule based on the best times [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-678","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/socials.ink\/index.php?rest_route=\/wp\/v2\/pages\/678","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/socials.ink\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/socials.ink\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/socials.ink\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/socials.ink\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=678"}],"version-history":[{"count":0,"href":"https:\/\/socials.ink\/index.php?rest_route=\/wp\/v2\/pages\/678\/revisions"}],"wp:attachment":[{"href":"https:\/\/socials.ink\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=678"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}