{"product_id":"complycrypt-encrypted-messages","title":"ComplyCrypt Encrypted Messages","description":"\u003c!--\n  ComplyCrypt — Full Overview Section (No Footer) — CENTERED HERO\n  Recreated from: ComplyCrypt-Overview.pdf\n  Built for: Shopify Plus \/ Impact Theme — paste into a Custom Liquid section.\n  Hero content (pill, tag, headline, lede) is now centered.\n  Backstop fix matches the scoped pattern used in the working Guardian section.\n--\u003e\n\u003csection class=\"cc-page not-prose\"\u003e\n  \u003cstyle\u003e\n    .cc-page {\n      --navy: #0B1220;\n      --navy-2: #111C30;\n      --blue: #2563EB;\n      --blue-light: #60A5FA;\n      --blue-bg: #EFF6FF;\n      --blue-border: #BFDBFE;\n      --blue-text: #1E3A8A;\n      --red: #B91C1C;\n      --red-bg: #FEF2F2;\n      --red-border: #FECACA;\n      --gray-text: #5A6472;\n      --white: #FFFFFF;\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      -webkit-font-smoothing: antialiased;\n      color: #1A2233;\n      background: #FFFFFF;\n    }\n    .cc-page * { box-sizing: border-box; }\n    .cc-page .cc-container {\n      max-width: 1440px;\n      margin: 0 auto;\n      padding: 0 24px;\n    }\n    .cc-page section { padding: 64px 0; }\n    .cc-page h1, .cc-page h2, .cc-page h3, .cc-page h4, .cc-page p, .cc-page ul, .cc-page li {\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* ================================================================\n       BACKSTOP FIX: neutralize theme \".prose :first-child\" margin\n       override by targeting ONLY the repeating grid-item containers\n       (matches the working Guardian section pattern).\n       ================================================================ *\/\n    .cc-cap-grid \u003e .cc-cap-card,\n    .cc-badge-row \u003e .cc-badge-item,\n    .cc-steps-grid \u003e .cc-step {\n      margin-top: 0 !important;\n      margin-block-start: 0 !important;\n    }\n    .cc-cap-grid \u003e .cc-cap-card *,\n    .cc-badge-row \u003e .cc-badge-item *,\n    .cc-steps-grid \u003e .cc-step * {\n      margin-block-start: revert;\n    }\n    .cc-cap-card h3,\n    .cc-cap-card p,\n    .cc-step h4,\n    .cc-step p,\n    .cc-problem-list li {\n      margin-block-start: 0 !important;\n    }\n\n    \/* ---------- HERO ---------- *\/\n    .cc-hero {\n      background: radial-gradient(circle at 20% 20%, #16233D 0%, var(--navy) 60%);\n      color: var(--white);\n      padding: 72px 0 64px;\n    }\n    .cc-hero .cc-container {\n      text-align: center;\n    }\n    .cc-eyebrow-row {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      flex-wrap: wrap;\n      margin-bottom: 24px;\n    }\n    .cc-logo-badge {\n      font-weight: 800;\n      font-size: 15px;\n      letter-spacing: 0.06em;\n      padding: 6px 14px;\n      border-radius: 999px;\n      background: rgba(37, 99, 235, 0.18);\n      border: 1px solid rgba(96, 165, 250, 0.4);\n      color: var(--blue-light);\n    }\n    .cc-tag-pill {\n      font-size: 13px;\n      font-weight: 600;\n      letter-spacing: 0.04em;\n      text-transform: uppercase;\n      color: #9CB4DD;\n    }\n    .cc-hero h1 {\n      font-size: 44px;\n      font-weight: 800;\n      line-height: 1.15;\n      color: var(--white);\n      max-width: 780px;\n      margin: 0 auto;\n    }\n    .cc-hero h1 .cc-accent { color: var(--blue-light); }\n    .cc-hero p.cc-lede {\n      margin: 20px auto 0;\n      font-size: 18px;\n      line-height: 1.6;\n      color: #C7D2E5;\n      max-width: 680px;\n    }\n\n    \/* ---------- PROBLEM PANEL (red, matches PDF's warning treatment) ---------- *\/\n    .cc-problem-wrap { background: var(--white); }\n    .cc-problem-panel {\n      background: var(--red-bg);\n      border: 1px solid var(--red-border);\n      border-radius: 16px;\n      padding: 32px 36px;\n    }\n    .cc-problem-title {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      color: var(--red);\n      font-weight: 800;\n      font-size: 20px;\n      text-transform: uppercase;\n      letter-spacing: 0.02em;\n      margin-bottom: 20px;\n    }\n    .cc-problem-list {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 14px 32px;\n      list-style: none;\n    }\n    .cc-problem-list li {\n      display: flex;\n      gap: 10px;\n      align-items: flex-start;\n      color: var(--red);\n      font-size: 15px;\n      line-height: 1.5;\n    }\n    .cc-problem-list li::before {\n      content: \"\\276F\";\n      font-weight: 700;\n      color: var(--red);\n      flex-shrink: 0;\n      margin-top: 1px;\n    }\n\n    \/* ---------- CORE CAPABILITIES ---------- *\/\n    .cc-capabilities-wrap { background: #F8FAFC; }\n    .cc-section-heading {\n      text-align: left;\n      margin-bottom: 32px;\n    }\n    .cc-section-heading h2 {\n      font-size: 30px;\n      font-weight: 800;\n      color: #0F172A;\n    }\n    .cc-cap-grid {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 20px;\n      align-items: start;\n    }\n    .cc-cap-card {\n      background: var(--white);\n      border: 1px solid #E2E8F0;\n      border-radius: 14px;\n      padding: 22px 20px;\n    }\n    .cc-cap-card .cc-cap-icon {\n      width: 36px;\n      height: 36px;\n      border-radius: 10px;\n      background: var(--blue-bg);\n      color: var(--blue);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: 800;\n      font-size: 16px;\n      margin-bottom: 14px;\n      margin-top: 0 !important;\n    }\n    .cc-cap-card h3 {\n      font-size: 16px;\n      font-weight: 700;\n      color: #0F172A;\n      margin-bottom: 8px;\n    }\n    .cc-cap-card p {\n      font-size: 14px;\n      line-height: 1.5;\n      color: var(--gray-text);\n      margin: 0;\n    }\n\n    \/* ---------- TRUST BADGES ---------- *\/\n    .cc-badge-row {\n      display: flex;\n      gap: 16px;\n      flex-wrap: wrap;\n      margin-top: 36px;\n      align-items: start;\n    }\n    .cc-badge-item {\n      flex: 1;\n      min-width: 200px;\n      text-align: center;\n      background: var(--white);\n      border: 1px solid var(--blue-border);\n      border-radius: 12px;\n      padding: 18px 16px;\n    }\n    .cc-badge-item .cc-badge-num {\n      display: block;\n      font-size: 22px;\n      font-weight: 800;\n      color: var(--blue-text);\n      margin-bottom: 4px;\n      margin-top: 0 !important;\n    }\n    .cc-badge-item .cc-badge-label {\n      display: block;\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--gray-text);\n    }\n\n    \/* ---------- WORKFLOW INTEGRATION CALLOUT ---------- *\/\n    .cc-workflow-wrap { background: #F8FAFC; padding-top: 0; }\n    .cc-workflow-banner {\n      background: linear-gradient(135deg, var(--navy) 0%, #16274A 100%);\n      border-radius: 18px;\n      padding: 36px 40px;\n      color: var(--white);\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 24px;\n      flex-wrap: wrap;\n    }\n    .cc-workflow-banner h3 {\n      font-size: 20px;\n      font-weight: 800;\n      margin-bottom: 10px;\n      color: var(--white);\n    }\n    .cc-workflow-banner p {\n      font-size: 15px;\n      line-height: 1.6;\n      color: #C7D2E5;\n      max-width: 560px;\n      margin: 0;\n    }\n    .cc-workflow-chip {\n      flex-shrink: 0;\n      background: rgba(96, 165, 250, 0.15);\n      border: 1px solid rgba(96, 165, 250, 0.4);\n      color: var(--blue-light);\n      font-weight: 700;\n      font-size: 14px;\n      padding: 10px 18px;\n      border-radius: 999px;\n      white-space: nowrap;\n    }\n\n    \/* ---------- HOW IT WORKS ---------- *\/\n    .cc-howitworks-wrap { background: var(--white); }\n    .cc-steps-grid {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 24px;\n      position: relative;\n      align-items: start;\n    }\n    .cc-step {\n      position: relative;\n      text-align: left;\n      padding-top: 8px;\n    }\n    .cc-step-num {\n      width: 44px;\n      height: 44px;\n      border-radius: 50%;\n      background: var(--blue);\n      color: var(--white);\n      font-weight: 800;\n      font-size: 18px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 16px;\n      margin-top: 0 !important;\n    }\n    .cc-step h4 {\n      font-size: 17px;\n      font-weight: 700;\n      color: #0F172A;\n      margin-bottom: 6px;\n    }\n    .cc-step p {\n      font-size: 14px;\n      line-height: 1.5;\n      color: var(--gray-text);\n      margin: 0;\n    }\n    @media (min-width: 750px) {\n      .cc-steps-grid::before {\n        content: \"\";\n        position: absolute;\n        top: 22px;\n        left: 8%;\n        right: 8%;\n        height: 2px;\n        background: var(--blue-border);\n        z-index: 0;\n      }\n      .cc-step-num { position: relative; z-index: 1; }\n    }\n\n    \/* ---------- RESPONSIVE ---------- *\/\n    @media (max-width: 1024px) {\n      .cc-cap-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n      .cc-steps-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 24px; }\n      .cc-steps-grid::before { display: none; }\n      .cc-hero h1 { font-size: 36px; }\n    }\n    @media (max-width: 749px) {\n      .cc-page section { padding: 48px 0; }\n      .cc-problem-list { grid-template-columns: 1fr; }\n      .cc-cap-grid { grid-template-columns: 1fr; }\n      .cc-badge-row { flex-direction: column; }\n      .cc-steps-grid { grid-template-columns: 1fr; }\n      .cc-workflow-banner { flex-direction: column; align-items: flex-start; }\n      .cc-hero h1 { font-size: 30px; }\n      .cc-hero p.cc-lede { font-size: 16px; }\n    }\n  \u003c\/style\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"cc-hero not-prose\"\u003e\n    \u003cdiv class=\"cc-container not-prose\"\u003e\n      \u003cdiv class=\"cc-eyebrow-row\"\u003e\n        \u003cspan class=\"cc-logo-badge\"\u003eCOMPLYCRYPT\u003c\/span\u003e\n        \u003cspan class=\"cc-tag-pill\"\u003e🔒 End-to-End Encrypted Messaging\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003ch1\u003eSecure Messaging for Dealers.\u003cbr\u003e\u003cspan class=\"cc-accent\"\u003eInvest in Certainty.\u003c\/span\u003e\n\u003c\/h1\u003e\n      \u003cp class=\"cc-lede\"\u003eThe first encrypted messaging tool designed specifically for dealerships that ensures usage and detects violations in real-time. Instantly send and receive encrypted files without the need for logins, passwords, or accounts.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- THE PROBLEM --\u003e\n  \u003cdiv class=\"cc-problem-wrap not-prose\"\u003e\n    \u003cdiv class=\"cc-container not-prose\"\u003e\n      \u003cdiv class=\"cc-problem-panel\"\u003e\n        \u003cdiv class=\"cc-problem-title\"\u003e⚖ The Problem: Insecure Communication\u003c\/div\u003e\n        \u003cul class=\"cc-problem-list\"\u003e\n          \u003cli\u003eStandard email is not secure for NPI (Drivers Licenses, SSN Cards, Stips, Credit Apps)\u003c\/li\u003e\n          \u003cli\u003eStaff defaults to personal cell phones for speed, creating risk\u003c\/li\u003e\n          \u003cli\u003ePortals with passwords have low customer adoption rates\u003c\/li\u003e\n          \u003cli\u003eLack of audit trails for sensitive file sharing events\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- CORE CAPABILITIES --\u003e\n  \u003cdiv class=\"cc-capabilities-wrap not-prose\"\u003e\n    \u003cdiv class=\"cc-container not-prose\"\u003e\n      \u003cdiv class=\"cc-section-heading\"\u003e\n        \u003ch2\u003eCore Capabilities\u003c\/h2\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cc-cap-grid\"\u003e\n        \u003cdiv class=\"cc-cap-card\"\u003e\n          \u003cdiv class=\"cc-cap-icon\"\u003e1\u003c\/div\u003e\n          \u003ch3\u003eNo Logins Required\u003c\/h3\u003e\n          \u003cp\u003eFrictionless experience. Customers can upload\/download without creating an account.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cc-cap-card\"\u003e\n          \u003cdiv class=\"cc-cap-icon\"\u003e2\u003c\/div\u003e\n          \u003ch3\u003eAutomatic Expiration\u003c\/h3\u003e\n          \u003cp\u003eSet custom rules for file link expiration to minimize long-term data exposure.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cc-cap-card\"\u003e\n          \u003cdiv class=\"cc-cap-icon\"\u003e3\u003c\/div\u003e\n          \u003ch3\u003eSignature Permalinks\u003c\/h3\u003e\n          \u003cp\u003eEmbed secure upload links directly into employee email signatures.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cc-cap-card\"\u003e\n          \u003cdiv class=\"cc-cap-icon\"\u003e4\u003c\/div\u003e\n          \u003ch3\u003eWebsite Embeddable\u003c\/h3\u003e\n          \u003cp\u003eEmbed a secure data-sharing portal directly on your dealership website.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cc-cap-card\"\u003e\n          \u003cdiv class=\"cc-cap-icon\"\u003e5\u003c\/div\u003e\n          \u003ch3\u003eData Encrypted At Rest\u003c\/h3\u003e\n          \u003cp\u003eAll files and messages are secured with military-grade encryption protocols.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cc-cap-card\"\u003e\n          \u003cdiv class=\"cc-cap-icon\"\u003e6\u003c\/div\u003e\n          \u003ch3\u003eAccess Logs \u0026amp; Reporting\u003c\/h3\u003e\n          \u003cp\u003eDetailed audit trails showing exactly when files were requested, sent, and opened.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cc-cap-card\"\u003e\n          \u003cdiv class=\"cc-cap-icon\"\u003e7\u003c\/div\u003e\n          \u003ch3\u003eQR Code Sign-on\u003c\/h3\u003e\n          \u003cp\u003eStaff can instantly access the secure portal by scanning a QR code.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cc-cap-card\"\u003e\n          \u003cdiv class=\"cc-cap-icon\"\u003e8\u003c\/div\u003e\n          \u003ch3\u003eMobile Optimized\u003c\/h3\u003e\n          \u003cp\u003eWorks seamlessly on any device—perfect for collecting stips on the go.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cc-badge-row\"\u003e\n        \u003cdiv class=\"cc-badge-item\"\u003e\n          \u003cspan class=\"cc-badge-num\"\u003eSOC²\u003c\/span\u003e\n          \u003cspan class=\"cc-badge-label\"\u003eType 2 Certified\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cc-badge-item\"\u003e\n          \u003cspan class=\"cc-badge-num\"\u003e256-bit\u003c\/span\u003e\n          \u003cspan class=\"cc-badge-label\"\u003eAES Encryption\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cc-badge-item\"\u003e\n          \u003cspan class=\"cc-badge-num\"\u003eFree\u003c\/span\u003e\n          \u003cspan class=\"cc-badge-label\"\u003eFor Dealers in Endorsing States\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- WORKFLOW INTEGRATION --\u003e\n  \u003cdiv class=\"cc-workflow-wrap not-prose\"\u003e\n    \u003cdiv class=\"cc-container not-prose\"\u003e\n      \u003cdiv class=\"cc-workflow-banner\"\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eSeamless Workflow Integration\u003c\/h3\u003e\n          \u003cp\u003eSeamlessly compatible with standard email and texting. Instantly send and receive encrypted files without the need for logins, passwords, or accounts—ensuring 100% adoption.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"cc-workflow-chip\"\u003e100% Adoption\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- HOW IT WORKS --\u003e\n  \u003cdiv class=\"cc-howitworks-wrap not-prose\"\u003e\n    \u003cdiv class=\"cc-container not-prose\"\u003e\n      \u003cdiv class=\"cc-section-heading\"\u003e\n        \u003ch2\u003eHow It Works\u003c\/h2\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cc-steps-grid\"\u003e\n        \u003cdiv class=\"cc-step\"\u003e\n          \u003cdiv class=\"cc-step-num\"\u003e1\u003c\/div\u003e\n          \u003ch4\u003eAccess\u003c\/h4\u003e\n          \u003cp\u003eScan QR code or visit unique URL to enter the portal.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cc-step\"\u003e\n          \u003cdiv class=\"cc-step-num\"\u003e2\u003c\/div\u003e\n          \u003ch4\u003eRequest\u003c\/h4\u003e\n          \u003cp\u003eGenerate a secure link to text or email to your customer.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cc-step\"\u003e\n          \u003cdiv class=\"cc-step-num\"\u003e3\u003c\/div\u003e\n          \u003ch4\u003eUpload\u003c\/h4\u003e\n          \u003cp\u003eCustomer uploads files instantly—no password needed.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cc-step\"\u003e\n          \u003cdiv class=\"cc-step-num\"\u003e4\u003c\/div\u003e\n          \u003ch4\u003eReceive\u003c\/h4\u003e\n          \u003cp\u003eGet notified immediately and securely download the docs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n","brand":"ComplyAuto","offers":[{"title":"Default Title","offer_id":42427324727351,"sku":null,"price":99.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/4377\/7335\/files\/complycrypt.jpg?v=1788361918","url":"https:\/\/theshop.com\/products\/complycrypt-encrypted-messages","provider":"The Shop","version":"1.0","type":"link"}