.cx-marketing .home-v3-hero{
  padding: 35px 0 19px;
  background: radial-gradient(ellipse at 50% 55%, #fff2d8 0, #fffaf1 50%, #fffdf9 100%);
  border-bottom: 1px solid #f0e7db;
}.cx-marketing .home-v3-intro{ text-align: center; margin: 0 auto 29px; }.cx-marketing .home-v3-intro h1{ font-size: clamp(26px, 2.6vw, 37px); letter-spacing: -.035em; line-height: 1.17; }.cx-marketing .home-v3-intro p{ font-size: 15px; margin-top: 10px; line-height: 1.5; }.cx-marketing .home-v3-intro strong{ font-weight: 700; }.cx-marketing .home-v3-possibilities{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }.cx-marketing .home-v3-card{
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--home-v3-tone);
  border: 1.5px solid #292939;
  border-radius: 17px;
  box-shadow: 0 5px 0 #29293912;
}.cx-marketing .home-v3-create{ --home-v3-tone: #e8f5fc; }.cx-marketing .home-v3-gift{ --home-v3-tone: #ffedf2; }.cx-marketing .home-v3-publish{ --home-v3-tone: #f0ecff; }.cx-marketing .home-v3-sell{ --home-v3-tone: #fff2c6; }.cx-marketing .home-v3-card-copy{ padding: 22px 18px 17px; }.cx-marketing .home-v3-heading{ display: flex; align-items: center; gap: 9px; }.cx-marketing .home-v3-heading h2{ font-size: clamp(34px, 3.15vw, 46px); line-height: 1.05; letter-spacing: -.045em; color: var(--ink); }.cx-marketing .home-v3-heading .icon{ width: 37px; height: 37px; }.cx-marketing .home-v3-card-copy p{ font-size: 14px; line-height: 1.55; margin-top: 13px; min-height: 50px; color: #474655; }.cx-marketing .home-v3-picture{ height: 191px; margin: auto 10px 10px; position: relative; overflow: hidden; border-radius: 9px; isolation: isolate; }.cx-marketing .home-v3-scene{ width: 100%; height: 100%; object-fit: cover; }.cx-marketing .home-v3-gift .home-v3-scene{ object-position: 50% 53%; }.cx-marketing .home-v3-picture-label{ position: absolute; z-index: 2; left: 8px; right: 8px; bottom: 9px; padding: 6px 8px; border: 1px solid #ffffffdb; border-radius: 6px; background: #fffef5f2; color: var(--ink); font-size: 10px; line-height: 1.3; font-weight: 900; text-align: center; box-shadow: 0 2px 7px #1d182913; }.cx-marketing .home-v3-making{ background: #cee5f5; }.cx-marketing .home-v3-making .home-v3-comic{ width: 53%; height: auto; position: absolute; right: 17px; top: 13px; transform: rotate(8deg); border: 4px solid white; box-shadow: 0 4px 12px #28324527; }.cx-marketing .home-v3-idea{ position: absolute; z-index: 1; left: 12px; top: 34px; transform: rotate(-7deg); padding: 14px 11px; border: 1.5px solid #191d2c; border-radius: 12px 12px 12px 2px; font-size: 13px; line-height: 1.4; background: #fffefa; box-shadow: 0 4px 0 #28324512; }.cx-marketing .home-v3-idea::after{ content: ''; display: block; position: absolute; left: 14px; bottom: -7px; width: 12px; height: 12px; background: #fffefa; border-right: 1.5px solid #191d2c; border-bottom: 1.5px solid #191d2c; transform: rotate(45deg); }.cx-marketing .home-v3-publishing{ background: #e0d9f6; padding: 10px 19px 0; }.cx-marketing .home-v3-author-window{ background: white; border: 1px solid #d0c6e4; border-radius: 7px 7px 0 0; min-height: 205px; box-shadow: 0 4px 10px #30294815; overflow: hidden; }.cx-marketing .home-v3-window-bar{ display: flex; gap: 3px; align-items: center; padding: 7px; border-bottom: 1px solid #e4dfec; background: #faf9fd; }.cx-marketing .home-v3-window-bar i{ width: 4px; height: 4px; background: #b6a9cb; border-radius: 50%; }.cx-marketing .home-v3-window-bar span{ text-align: center; flex: 1; font-size: 7px; font-weight: 800; line-height: 1.3; }.cx-marketing .home-v3-author-name{ display: flex; align-items: center; justify-content: center; gap: 7px; margin: 11px 5px 10px; }.cx-marketing .home-v3-author-name>.icon{ width: 26px; height: 26px; background: #eee7ff; padding: 4px; border-radius: 50%; }.cx-marketing .home-v3-author-name strong{ display: block; font-size: 10px; line-height: 1.25; }.cx-marketing .home-v3-author-name span{ display: block; font-size: 7px; color: #63606c; margin-top: 3px; }.cx-marketing .home-v3-author-books{ display: flex; justify-content: center; gap: 12px; padding: 0 10px; }.cx-marketing .home-v3-author-books>img{ width: 37%; height: 112px; object-fit: cover; object-position: top; border: 2px solid white; box-shadow: 0 3px 7px #21112e24; }.cx-marketing .home-v3-selling .home-v3-scene{ object-position: 36% center; }.cx-marketing .home-v3-phone{ position: absolute; right: 14px; bottom: 30px; width: 68px; height: 108px; background: #292d3c; border: 4px solid #292d3c; border-top-width: 8px; border-radius: 9px; transform: rotate(8deg); box-shadow: 0 5px 12px #19102055; overflow: hidden; }.cx-marketing .home-v3-phone>img{ width: 100%; height: 100%; object-fit: cover; }.cx-marketing .home-v3-conversion{ text-align: center; margin-top: 28px; }.cx-marketing .home-v3-next{ font-size: 14px; color: var(--ink); }.cx-marketing .home-v3-next strong{ font-weight: 900; }.cx-marketing .home-v3-actions{ display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 12px; }.cx-marketing .home-v3-actions .button{ min-height: 53px; }.cx-marketing .home-v3-actions .home-v3-example{ color: var(--ink); background: transparent; border: none; box-shadow: none; padding-inline: 5px; }.cx-marketing .home-v3-actions .home-v3-example:hover{ color: #b60043; text-decoration: underline; text-underline-offset: 4px; transform: none; box-shadow: none; }.cx-marketing .home-v3-reassurance{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; margin-top: 13px; font-size: 10px; line-height: 1.4; }.cx-marketing .home-v3-reassurance .icon{ width: 18px; height: 18px; }.cx-marketing .home-v3-demo-note{ text-align: right; font-size: 8px; line-height: 1.4; margin-top: 10px; color: #73717b; }@media (min-width: 701px) and (max-width: 1000px){.cx-marketing .home-v3-hero{ padding-top: 29px; }.cx-marketing .home-v3-possibilities{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }.cx-marketing .home-v3-heading h2{ font-size: 37px; }.cx-marketing .home-v3-card-copy{ padding: 18px 18px 11px; }.cx-marketing .home-v3-card-copy p{ min-height: 40px; margin-top: 9px; }.cx-marketing .home-v3-picture{ height: 150px; }.cx-marketing .home-v3-making .home-v3-comic{ width: 47%; top: 9px; }.cx-marketing .home-v3-idea{ top: 23px; }.cx-marketing .home-v3-conversion{ margin-top: 23px; }
}@media (max-width: 700px){.cx-marketing .home-v3-hero{ padding: 18px 0 15px; }.cx-marketing .home-v3-hero>.cxm-container{ width: calc(100% - 28px); }.cx-marketing .home-v3-intro{ margin-bottom: 14px; }.cx-marketing .home-v3-intro h1{ font-size: 26px; max-width: 320px; margin-inline: auto; }.cx-marketing .home-v3-intro p{ font-size: 12px; line-height: 1.45; margin: 8px auto 0; max-width: 320px; }.cx-marketing .home-v3-possibilities{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px 11px; }.cx-marketing .home-v3-card{ border-radius: 12px; box-shadow: 0 3px 0 #29293912; }.cx-marketing .home-v3-card-copy{ padding: 13px 11px 9px; }.cx-marketing .home-v3-heading{ gap: 6px; }.cx-marketing .home-v3-heading h2{ font-size: 29px; }.cx-marketing .home-v3-heading .icon{ width: 25px; height: 25px; }.cx-marketing .home-v3-card-copy p{ font-size: 12.5px; line-height: 1.44; min-height: 54px; margin-top: 8px; }.cx-marketing .home-v3-desktop-break{ display: none; }.cx-marketing .home-v3-picture{ height: 96px; margin: auto 6px 6px; border-radius: 7px; }.cx-marketing .home-v3-picture-label{ font-size: 8px; padding: 4px 3px; bottom: 5px; left: 5px; right: 5px; border-radius: 4px; }.cx-marketing .home-v3-making .home-v3-comic{ width: 47%; top: 7px; right: 10px; border-width: 2px; }.cx-marketing .home-v3-idea{ font-size: 8px; top: 17px; left: 7px; padding: 8px 6px; border-radius: 7px 7px 7px 1px; border-width: 1px; }.cx-marketing .home-v3-idea::after{ width: 8px; height: 8px; bottom: -5px; border-width: 1px; left: 8px; }.cx-marketing .home-v3-publishing{ padding: 5px 10px 0; }.cx-marketing .home-v3-author-window{ min-height: 140px; border-radius: 5px 5px 0 0; }.cx-marketing .home-v3-window-bar{ padding: 4px; gap: 2px; }.cx-marketing .home-v3-window-bar i{ width: 3px; height: 3px; }.cx-marketing .home-v3-window-bar span{ font-size: 5px; }.cx-marketing .home-v3-author-name{ gap: 4px; margin: 5px 2px; }.cx-marketing .home-v3-author-name>.icon{ width: 18px; height: 18px; padding: 2px; }.cx-marketing .home-v3-author-name strong{ font-size: 7px; }.cx-marketing .home-v3-author-name span{ font-size: 5px; margin-top: 2px; }.cx-marketing .home-v3-author-books{ gap: 9px; padding-inline: 7px; }.cx-marketing .home-v3-author-books>img{ height: 67px; border-width: 1px; }.cx-marketing .home-v3-phone{ width: 39px; height: 63px; right: 10px; bottom: 15px; border-width: 2px; border-top-width: 5px; border-radius: 6px; }.cx-marketing .home-v3-conversion{ margin-top: 20px; }.cx-marketing .home-v3-next{ font-size: 12px; }.cx-marketing .home-v3-actions{ flex-direction: column; gap: 7px; margin-top: 10px; }.cx-marketing .home-v3-actions>.button:first-child{ width: min(100%, 370px); min-height: 49px; font-size: 13px; }.cx-marketing .home-v3-actions .home-v3-example{ font-size: 11px; min-height: 34px; padding: 4px 7px; gap: 8px; }.cx-marketing .home-v3-example .icon{ width: 18px; height: 18px; }.cx-marketing .home-v3-reassurance{ margin-top: 7px; column-gap: 4px; font-size: 8px; }.cx-marketing .home-v3-reassurance .icon{ width: 14px; height: 14px; }.cx-marketing .home-v3-demo-note{ font-size: 7px; text-align: center; margin-top: 12px; }
}@media (max-width: 360px){.cx-marketing .home-v3-hero>.cxm-container{ width: calc(100% - 22px); }.cx-marketing .home-v3-heading h2{ font-size: 25px; }.cx-marketing .home-v3-heading .icon{ width: 22px; height: 22px; }.cx-marketing .home-v3-card-copy{ padding: 12px 9px 9px; }.cx-marketing .home-v3-card-copy p{ font-size: 12px; min-height: 70px; }.cx-marketing .home-v3-picture{ height: 82px; }.cx-marketing .home-v3-reassurance{ max-width: 250px; margin-inline: auto; }.cx-marketing .home-v3-reassurance>span{ display: none; }
}
