/* Shared enrollment presentation for Bookkeeper Launch, Your Move, and Investment Options. */
.bkbl26-page .option-grid,
.bkym26-page .plan-grid,
.investment-options-page .plan-grid{
  max-width:1110px;
  margin-inline:auto;
  gap:20px;
}
.bkbl26-page .option,
.bkym26-page .plan,
.investment-options-page .plan{
  border:2px solid #dcd1ef;
  background:linear-gradient(155deg,#fff 52%,#f8f3ff);
  box-shadow:0 12px 34px #31204d10;
}
.bkbl26-page .option.featured,
.bkym26-page .plan.featured,
.investment-options-page .plan.featured{
  border:3px solid #7844e1;
  background:linear-gradient(155deg,#fff 45%,#f0e7ff);
  box-shadow:0 24px 58px #6230c52a;
}
.bkbl26-page .option .option-price{
  display:flex;
  align-items:baseline;
  gap:8px;
  margin-top:auto;
  margin-bottom:22px;
  color:var(--ink);
}
.bkbl26-page .option-price strong{font-size:27px;line-height:1}
.bkbl26-page .option-price span{color:var(--muted);font-size:12px}
.bkbl26-page .option .option-actions{margin-top:0}
.bkbl26-page .option .installment-button,
.bkym26-page .plan .installment-button,
.investment-options-page .plan .installment-button{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-height:78px;
  padding:10px 12px;
  line-height:1.15;
  text-align:center;
  white-space:normal;
}
.bkbl26-page .option .installment-button.btn-outline,
.bkym26-page .plan .installment-button.btn-outline,
.investment-options-page .plan .installment-button.btn-outline{
  border-color:#7b4be0;
  background:#eee6ff;
  color:#301568;
}
.bkbl26-page .installment-button strong,
.bkym26-page .installment-button strong,
.investment-options-page .installment-button strong{font-size:27px;font-weight:800}
.bkbl26-page .installment-button span,
.bkym26-page .installment-button span,
.investment-options-page .installment-button span{font-size:12px;font-weight:700}
.bkbl26-page .value-total,
.bkym26-page .total-card,
.investment-options-page .total-card{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) auto;gap:26px}
.bkbl26-page .value-price,
.bkym26-page .purchase-price,
.investment-options-page .purchase-price{
  padding:22px 25px;
  border:1px solid #e0d2fa;
  border-radius:18px;
  background:#f5efff;
}
.bkbl26-page .value-price>strong,
.bkym26-page .total-card .purchase-price>strong,
.investment-options-page .total-card .purchase-price>strong{
  color:#16784d;
  font-size:clamp(44px,4vw,62px);
  line-height:1.1;
}
.bkbl26-page .value-savings,
.bkym26-page .package-value,
.investment-options-page .package-value{
  min-width:0;
  padding-left:22px;
  border-left:1px solid #e8e2ef;
}
.bkbl26-page .value-savings b,
.bkym26-page .package-value b,
.investment-options-page .package-value b{
  display:block;
  color:var(--ink);
  font-size:clamp(25px,2.6vw,34px);
  line-height:1.2;
}
/* Mark the estimated value clearly without obscuring the actual price. */
.bkbl26-page .value-savings .crossed-package-value,
.bkym26-page .package-value .crossed-package-value,
.investment-options-page .package-value .crossed-package-value{
  position:relative;
  display:inline-block;
  width:max-content;
  max-width:100%;
  margin:3px 0;
}
.crossed-package-value::before,
.crossed-package-value::after{
  position:absolute;
  top:50%;
  left:50%;
  width:calc(100% + 6px);
  height:2px;
  border-radius:3px;
  background:#cb3347;
  content:"";
  opacity:.72;
  pointer-events:none;
}
.crossed-package-value::before{transform:translate(-50%,-50%) rotate(12deg)}
.crossed-package-value::after{transform:translate(-50%,-50%) rotate(-12deg)}
.bkbl26-page .value-total .not-your-price,
.bkym26-page .total-card .not-your-price,
.investment-options-page .total-card .not-your-price{
  display:block;
  margin:2px 0 9px;
  color:#6532bc;
  font-size:12px;
  font-weight:800;
  letter-spacing:0;
  text-transform:none;
}
.bkbl26-page .value-savings>strong,
.bkym26-page .total-card .package-value>strong,
.investment-options-page .total-card .package-value>strong{
  display:block;
  margin-top:8px;
  color:#207451;
  font-size:16px!important;
  font-weight:800;
  letter-spacing:0;
  line-height:1.35;
}
@media(max-width:1000px){
  .bkbl26-page .value-total,
  .bkym26-page .total-card,
  .investment-options-page .total-card{grid-template-columns:1fr 1fr}
  .bkbl26-page .value-total .btn,
  .bkym26-page .total-card .btn,
  .investment-options-page .total-card .btn{grid-column:1/-1;grid-row:auto;justify-self:start}
}
@media(max-width:880px){
  .bkbl26-page .option-grid,
  .bkym26-page .plan-grid,
  .investment-options-page .plan-grid{max-width:580px}
}
@media(max-width:650px){
  .bkbl26-page .value-total,
  .bkym26-page .total-card,
  .investment-options-page .total-card{grid-template-columns:1fr;gap:17px}
  .bkbl26-page .value-savings,
  .bkym26-page .package-value,
  .investment-options-page .package-value{padding:18px 0 0;border-top:1px solid #e8e2ef;border-left:0}
  .bkbl26-page .value-total .btn,
  .bkym26-page .total-card .btn,
  .investment-options-page .total-card .btn{grid-column:1;width:100%;white-space:normal}
}

/* One identical card system across the three enrollment pages. */
.enrollment-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  max-width:1110px;
  gap:20px;
  margin-inline:auto;
}
.enrollment-grid .enrollment-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:570px;
  padding:35px 30px;
  border:2px solid #d7c8ef;
  border-radius:27px;
  background:#f5f0ff;
  box-shadow:0 14px 34px #341e5c16;
  transform:none;
  color:#20163f;
  font-family:"Plus Jakarta Sans",Arial,sans-serif;
}
.enrollment-grid .enrollment-card:nth-child(3){background:#f2edfc}
.enrollment-grid .enrollment-card.featured{
  border:3px solid #7844e1;
  background:#eee4ff;
  box-shadow:0 26px 60px #6230c52a;
  transform:translateY(-8px);
}
.enrollment-grid .enrollment-card .plan-kicker,
.enrollment-grid .enrollment-card .recommended{
  display:inline-block;
  align-self:flex-start;
  margin-bottom:28px;
  color:#6535c8;
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.enrollment-grid .enrollment-card .recommended{
  padding:9px 13px;
  border-radius:999px;
  background:#fff;
}
.enrollment-grid .enrollment-card h3{
  margin:0 0 14px;
  color:#20163f;
  font-size:34px;
  font-weight:700;
  letter-spacing:-.05em;
  line-height:1.14;
}
.enrollment-grid .enrollment-card .price{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:9px;
  margin:0 0 26px;
  color:#20163f;
  line-height:1.2;
}
.enrollment-grid .enrollment-card .price b{font-size:36px;line-height:1.1}
.enrollment-grid .enrollment-card .price span{padding:0;color:#5f5274;font-size:12px}
.enrollment-grid .enrollment-card ul{
  display:grid;
  gap:11px;
  margin:0 0 25px;
  padding:0;
  list-style:none;
}
.enrollment-grid .enrollment-card li{
  position:relative;
  padding-left:23px;
  color:#544b63;
  font-size:13px;
  line-height:1.6;
}
.enrollment-grid .enrollment-card li:before{
  position:absolute;
  left:0;
  color:#238452;
  font-weight:900;
  content:"✓";
}
.enrollment-grid .enrollment-card .plan-leader{
  margin:0 0 22px;
  padding:12px 14px;
  border-radius:14px;
  background:#fff;
  color:#514364;
  font-size:12px;
  line-height:1.5;
}
.enrollment-grid .enrollment-card .plan-actions{
  display:grid;
  gap:9px;
  margin-top:auto;
}
/* Reserve the space used by Pro and Premier's second checkout link. */
.enrollment-grid .enrollment-card.team-plan .plan-actions{
  padding-bottom:55px;
}
.enrollment-grid .enrollment-card .plan-actions .btn{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:46px;
  padding:13px 16px;
  border-radius:999px;
  font-family:inherit;
  font-size:12px;
  font-weight:700;
  line-height:1.2;
  text-align:center;
  text-decoration:none;
  white-space:normal;
}
.enrollment-grid .enrollment-card .installment-button{
  flex-direction:column;
  gap:0;
  min-height:82px;
  padding:12px 14px;
  border-radius:999px;
  line-height:1.16;
}
.enrollment-grid .enrollment-card .installment-button.btn-outline{
  border:1px solid #7946df;
  background:#e9dcff;
  color:#28115b;
}
.enrollment-grid .enrollment-card .installment-button.btn-primary{
  background:linear-gradient(135deg,#552ac6,#7846e7);
  color:#fff;
}
.enrollment-grid .enrollment-card .installment-button strong{font-size:32px;font-weight:800}
.enrollment-grid .enrollment-card .installment-button span{font-size:12px;font-weight:700}
.enrollment-grid .enrollment-card .text-btn{
  min-height:44px;
  color:#5124ba;
  font-size:12px!important;
}
@media(max-width:880px){
  .enrollment-grid .enrollment-card.team-plan .plan-actions{padding-bottom:0}
  .enrollment-grid{grid-template-columns:1fr;max-width:580px}
  .enrollment-grid .enrollment-card{min-height:0}
  .enrollment-grid .enrollment-card.featured{order:-1;transform:none}
}
@media(max-width:590px){
  .enrollment-grid .enrollment-card{padding:28px 24px}
}