.tt-nextory {
  --nx-ink: #182c31;
  --nx-muted: #566369;
  --nx-accent: #ff596b;
  box-sizing: border-box;
  width: min(100%, 920px);
  margin: 0 auto 32px;
  padding: 25px 30px 21px;
  border: 1px solid #f0e8e5;
  border-radius: 22px;
  background: #fffaf7;
  box-shadow: 0 7px 28px rgb(37 42 47 / 5%);
  color: var(--nx-ink);
  font-family: Poppins, Arial, sans-serif;
  text-align: left;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 0;
}
.tt-nextory *, .tt-nextory *::before, .tt-nextory *::after { box-sizing: border-box; }
.tt-nextory .nx-main { grid-column: 1; display: grid; grid-template-columns: minmax(0,1fr) 206px; column-gap: 30px; align-items: center; }
.tt-nextory h3.nx-title { padding: 0; margin: 0 0 10px; color: var(--nx-ink); font-size: 30px; line-height: 1.2; font-weight: 600; letter-spacing: -.8px; }
.tt-nextory .nx-copy { padding: 0; margin: 0; min-height: 52px; color: #34494e; font-size: 16px; line-height: 1.6; font-weight: 400; }
.tt-nextory .nx-nowrap { white-space: nowrap; }
.tt-nextory a.nx-cta { display: flex; align-items: center; justify-content: center; gap: 13px; width: 100%; min-height: 56px; padding: 14px 18px; border: 0; border-radius: 999px; background: var(--nx-ink); color: #fff; font-family: inherit; font-size: 16px; line-height: 1.5; font-weight: 600; text-align: center; text-decoration: none; white-space: nowrap; }
.tt-nextory a.nx-cta:hover { background: #2b474d; color: #fff; }
.tt-nextory a.nx-cta:focus-visible { outline: 3px solid var(--nx-accent); outline-offset: 4px; }
.tt-nextory .nx-arrow { font-size: 23px; font-weight: 400; line-height: 1; }
@media (max-width: 767px) {
  .tt-nextory { display: block; width: calc(100% - 28px); max-width: 560px; margin-bottom: 28px; padding: 23px 22px 22px; border-radius: 20px; }
  .tt-nextory .nx-main { grid-template-columns: minmax(0,1fr); row-gap: 22px; }
  .tt-nextory h3.nx-title { min-height: 70px; font-size: 29px; line-height: 1.2; letter-spacing: -.7px; margin-bottom: 12px; }
  .tt-nextory .nx-copy { min-height: 81px; font-size: 17px; line-height: 1.6; }
  .tt-nextory a.nx-cta { min-height: 56px; font-size: 17px; }
}
@media (max-width: 360px) {
  .tt-nextory { padding: 21px 18px; }
  .tt-nextory h3.nx-title { min-height: 98px; font-size: 27px; }
  .tt-nextory .nx-title .nx-nowrap { white-space: normal; }
  .tt-nextory .nx-copy { min-height: 82px; font-size: 16px; }
}

.tt-nextory[data-nextory-look="purple"] { --nx-ink:#fff; --nx-muted:#eadcf1; background:#491d67; border-color:#491d67; box-shadow:0 7px 24px rgb(62 20 86 / 10%); }
.tt-nextory[data-nextory-look="purple"] .nx-copy { color:#fff5fb; }
.tt-nextory[data-nextory-look="purple"] .nx-ad { color:#eadcf1; }
.tt-nextory[data-nextory-look="purple"] .nx-logo { background:#fff; border-radius:7px; padding:2px 5px; mix-blend-mode:normal; }
.tt-nextory[data-nextory-look="purple"] a.nx-cta { color:#491d67; background:#fff; }
.tt-nextory[data-nextory-look="purple"] a.nx-cta:hover { background:#fff0f5; }
.tt-nextory[data-nextory-look="whitegold"] { --nx-ink:#34383d; --nx-muted:#5d636a; --nx-accent:#ffac00; background:#fff; border-color:#eadfc9; box-shadow:0 5px 24px rgb(52 56 61 / 5%); }
.tt-nextory[data-nextory-look="whitegold"] .nx-copy { color:#4b5056; }
.tt-nextory[data-nextory-look="whitegold"] .nx-ad { color:#686d73; }
.tt-nextory[data-nextory-look="whitegold"] a.nx-cta { background:#ffac00; color:#34383d; }
.tt-nextory[data-nextory-look="whitegold"] a.nx-cta:hover { background:#f3a300; color:#34383d; }
.tt-nextory-slot { clear:both; width:100%; min-width:0; }
.tt-nextory-slot .nx-partnership { max-width:920px; width:100%; margin:0 auto 8px; padding:0; color:#687076; font:11px/1.5 Poppins,Arial,sans-serif; text-align:left; }
@media(max-width:767px) { .tt-nextory-slot .nx-partnership { width:calc(100% - 28px); } .tt-nextory-slot[data-nextory-placement="benefits"] .nx-partnership { width:100%; } }
.tt-nextory-slot[data-nextory-placement="benefits"] .tt-nextory { width:100%; max-width:100%; min-height:290px; height:100%; padding:25px 22px; margin:0; text-align:left; }
.tt-nextory-slot[data-nextory-placement="benefits"] .tt-nextory .nx-main { grid-template-columns:minmax(0,1fr); row-gap:22px; }
.tt-nextory-slot[data-nextory-placement="benefits"] .tt-nextory h3.nx-title { min-height:96px; font-size:26px; line-height:1.22; letter-spacing:-.6px; }
.tt-nextory-slot[data-nextory-placement="benefits"] .tt-nextory .nx-title .nx-nowrap { white-space:normal; }
.tt-nextory-slot[data-nextory-placement="benefits"] .tt-nextory .nx-copy { min-height:100px; font-size:16px; line-height:1.6; }
.tt-nextory-slot[data-nextory-placement="benefits"] .tt-nextory a.nx-cta { font-size:16px; padding:14px 12px; }
.tt-nextory-slot[data-nextory-placement="benefits"] { height:100%; }
.tt-nextory-qa-note { position:fixed; z-index:99999; left:50%; bottom:65px; transform:translateX(-50%); max-width:calc(100% - 32px); width:max-content; padding:12px 18px; border-radius:12px; background:#34383d; color:#fff; font:14px/1.5 Arial,sans-serif; box-shadow:0 4px 22px #0002; }
@media(max-width:767px) { .tt-nextory-slot[data-nextory-placement="benefits"] .tt-nextory { width:100%; padding:23px 22px; } }

/* The homepage benefit card uses one compact appearance for both A/B copies. */
.tt-nextory-slot[data-nextory-page="homepage"][data-nextory-placement="benefits"] { align-self:stretch; display:flex; flex-direction:column; height:100%; min-height:0; }
.tt-nextory-slot[data-nextory-page="homepage"][data-nextory-placement="benefits"] .tt-nextory {
  --nx-ink:#fff;
  --nx-muted:#eadcf1;
  --nx-accent:#ffac00;
  flex:1;
  display:flex;
  flex-direction:column;
  height:auto;
  min-height:0;
  padding:27px 24px 24px;
  border-color:#491d67;
  border-radius:22px;
  background:#491d67;
  background-image:radial-gradient(ellipse at 115% -15%, rgb(183 108 220 / 19%) 0, transparent 57%), radial-gradient(ellipse at -15% 115%, rgb(112 51 148 / 22%) 0, transparent 55%);
  box-shadow:0 8px 26px rgb(62 20 86 / 12%);
}
.tt-nextory-slot[data-nextory-page="homepage"][data-nextory-placement="benefits"] .tt-nextory .nx-main { flex:1; display:flex; flex-direction:column; align-items:stretch; justify-content:space-between; gap:24px; min-width:0; }
.tt-nextory-slot[data-nextory-page="homepage"][data-nextory-placement="benefits"] .tt-nextory .nx-message { min-width:0; }
.tt-nextory-slot[data-nextory-page="homepage"][data-nextory-placement="benefits"] .tt-nextory h3.nx-title { min-height:0; margin:0 0 12px; color:#fff; font-size:27px; line-height:1.2; letter-spacing:-.65px; }
.tt-nextory-slot[data-nextory-page="homepage"][data-nextory-placement="benefits"] .tt-nextory .nx-copy { min-height:0; color:#fff5fb; font-size:16px; line-height:1.6; }
.tt-nextory-slot[data-nextory-page="homepage"][data-nextory-placement="benefits"] .tt-nextory .nx-nowrap { white-space:normal; }
.tt-nextory-slot[data-nextory-page="homepage"][data-nextory-placement="benefits"] .tt-nextory a.nx-cta { min-width:0; min-height:54px; padding:13px 14px; background:#ffac00; color:#34383d; font-size:16px; gap:12px; }
.tt-nextory-slot[data-nextory-page="homepage"][data-nextory-placement="benefits"] .tt-nextory a.nx-cta:hover { background:#ffce76; color:#34383d; }
@media(max-width:360px) {
  .tt-nextory-slot[data-nextory-page="homepage"][data-nextory-placement="benefits"] .tt-nextory { padding:24px 20px 21px; }
  .tt-nextory-slot[data-nextory-page="homepage"][data-nextory-placement="benefits"] .tt-nextory h3.nx-title { font-size:25px; }
}