/* Isolated conversion experiment styles; original site is unmodified when ?variant=original. */
.cfg-summary.ap-enhanced {gap:.72rem; box-shadow: 0 14px 46px rgba(0,0,0,.18)}
.ap-cro-actions{width:100%;margin-top:.35rem;color:#172034}
.ap-cro-actions .ap-primary{display:flex;justify-content:center;align-items:center;gap:.45rem;font-size:.99rem;font-weight:650;box-shadow:0 7px 14px rgba(24,96,206,.12)}
.ap-cro-actions .ap-primary span:last-child{font-size:1.2rem}
.ap-cro-actions .ap-test{display:flex;align-items:center;justify-content:center;gap:.25rem;font-weight:600}
.ap-cro-actions .ap-under-cta{font-size:.735rem;line-height:1.35;text-align:center;color:#787f90;margin:.35rem 0 .8rem}
.ap-cro-actions .ap-test-caption{margin-top:.38rem;margin-bottom:.25rem}
.ap-business-card{border:1px solid #e3e8f0;border-radius:.75rem;padding:1rem;background:linear-gradient(135deg,#f7f9fd,#eef4ff)}
.ap-business-kicker{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#19243c}
.ap-business-glyph{display:grid;place-items:center;background:#e1ecff;border-radius:.5rem;color:#165aca;width:1.85rem;height:1.85rem;font-weight:700;font-size:1.2rem}
.ap-business-card p{font-size:.79rem;color:#64718a;line-height:1.5;margin:.5rem 0 .7rem}
.ap-text-button{border:none;background:none;text-align:left;padding:0;color:#155ab9;font:650 .85rem/1.35 var(--font);cursor:pointer;text-decoration:none}
.ap-text-button:hover{text-decoration:underline}
.ap-divider{margin:.9rem 0 .85rem;display:flex;align-items:center;gap:.5rem;color:#8e97a5;font-size:.68rem;white-space:nowrap}
.ap-divider:before,.ap-divider:after{content:"";height:1px;background:#e3e7ed;flex:1}
.ap-tabs{background:#f0f2f6;border-radius:.68rem;padding:.26rem;display:flex;gap:.2rem;margin:.15rem 0 1rem}
.ap-tabs button{font:600 .82rem/1.3 var(--font);cursor:pointer;padding:.7rem .42rem;border:0;color:#6b7382;background:transparent;flex:1;border-radius:.5rem;white-space:nowrap}
.ap-tabs button.is-active{color:#162039;background:white;box-shadow:0 2px 8px rgba(23,32,57,.08)}
.ap-layout-b [data-ap-panel][hidden]{display:none}
.ap-inline-switch{display:block;margin:.8rem auto .1rem;padding:.2rem .1rem;border:0;background:none;color:#5f6c83;font:400 .77rem/1.55 var(--font);cursor:pointer;text-align:center}
.ap-inline-switch b{display:block;color:#155ab9;font-size:.8rem}
.ap-business-head{padding:.7rem .2rem .9rem;text-align:center}
.ap-business-icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;margin:0 auto .65rem;border-radius:.8rem;background:#e9f1ff;color:#1d61c6;font-size:1.4rem}
.ap-business-head strong{font-size:1rem;color:#18233c}
.ap-business-head p{margin:.48rem 0 0;color:#6a7384;font-size:.81rem;line-height:1.48}
.ap-business-points{border:1px solid #e8ebf1;background:#fafbfc;border-radius:.7rem;padding:.8rem .85rem;margin-bottom:.95rem;display:grid;gap:.52rem;color:#4f6078;font-size:.82rem}
.ap-business-points span::first-letter{color:#1ba75a}
.ap-modal .modal.modal-v2{max-width:30rem}
.ap-modal .ap-selected-order{display:flex;flex-direction:column;gap:.42rem;border-radius:.8rem;border:1px solid #e2e8f2;background:#f8faff;padding:1rem;margin:0 0 1.15rem;font-size:.88rem}
.ap-modal .ap-selected-order .ap-order-row{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}
.ap-modal .ap-selected-order .ap-order-row span{color:#657086}
.ap-modal .ap-selected-order .ap-order-row strong{color:#17233c;text-align:right}
.ap-modal .ap-selected-order .ap-order-row.is-total{border-top:1px solid #dce3ed;margin-top:.4rem;padding-top:.8rem}
.ap-modal .ap-selected-order .ap-order-row.is-total strong{font-size:1.12rem}
.ap-modal .ap-register-notice{color:#7e8898;font-size:.73rem;line-height:1.45;margin:.75rem 0 .1rem}
.ap-modal .ap-modal-actions{display:grid;gap:.75rem}
.ap-modal .ap-modal-actions .btn{width:100%;text-align:center}
.ap-modal .ap-selected-brief{border-radius:.75rem;background:#eef4ff;color:#254069;font-size:.82rem;padding:.8rem .9rem;margin-bottom:1.1rem;line-height:1.45}
.ap-modal .ap-form-control{display:grid;gap:.32rem;margin-bottom:.9rem}
.ap-modal .ap-form-control label{font-weight:600;font-size:.79rem;color:#4f5b70}
.ap-modal .ap-form-control input,.ap-modal .ap-form-control textarea{border:1px solid #dbe0e9;border-radius:.65rem;font:400 .92rem/1.35 var(--font);padding:.82rem .92rem;outline:none;background:#fafbfc;color:#18243a;width:100%}
.ap-modal .ap-form-control textarea{resize:vertical;min-height:6rem}
.ap-modal .ap-form-control input:focus,.ap-modal .ap-form-control textarea:focus{border-color:#1760cf;box-shadow:0 0 0 3px rgba(23,96,207,.1);background:white}
.ap-modal .ap-privacy{display:flex;align-items:flex-start;gap:.45rem;font-size:.75rem;color:#68738a;margin:.5rem 0 1rem;line-height:1.45}
.ap-modal .ap-privacy input{margin:.14rem 0 0}
.ap-modal .ap-privacy a{color:#1663cb}
.ap-modal .ap-form-error{color:#c52b40;font-size:.78rem;min-height:1em;margin-bottom:.5rem}
.ap-modal .ap-result-box{text-align:center;margin:1rem 0;color:#1b6c3c}
.ap-modal .ap-result-box strong{display:block;font-size:1.15rem}
.ap-modal .ap-result-box p{font-size:.85rem;margin:.6rem 0;color:#62718b}
.ap-modal [hidden]{display:none!important}
@media(max-width:599px){.cfg-summary.ap-enhanced{padding:1.15rem}.ap-business-card{padding:.85rem}.ap-modal .modal.modal-v2{max-height:90vh;overflow:auto}}


/* Receipt-style pricing summary: both conversion layouts, never the original. */
.cfg-summary.ap-enhanced { padding:1rem; background:#fff; gap:0; border:1px solid #ecf0f4; box-shadow:0 18px 44px rgba(9,19,45,.12); overflow:visible; }
.cfg-summary.ap-enhanced > .cfg-product-name,
.cfg-summary.ap-enhanced > .cfg-badge,
.cfg-summary.ap-enhanced > .cfg-line,
.cfg-summary.ap-enhanced > .cfg-total,
.cfg-summary.ap-enhanced > .cfg-next,
.cfg-summary.ap-enhanced > [data-cfg-order],
.cfg-summary.ap-enhanced > [data-offer="test_day"],
.cfg-summary.ap-enhanced > .cfg-fine {display:none!important}
/* Minimal receipt: product first, uncluttered hierarchy, no decorative barcode. */
.ap-receipt {
  position:relative;
  overflow:hidden;
  margin:0 0 1.05rem;
  padding:1.12rem 1rem 1.05rem;
  border-radius:1rem;
  background:linear-gradient(150deg,#ffffff 0%,#f7f9fd 100%);
  border:1px solid #e7ebf3;
  box-shadow:0 3px 12px rgba(17,38,77,.035);
  color:#172034;
  font-variant-numeric:tabular-nums;
}
.ap-receipt-item {margin:0 0 1.12rem;padding:0 0 .94rem;border-bottom:1px solid #e4e9f1}
.ap-receipt-item strong {display:block;font-size:1.08rem;letter-spacing:-.023em;line-height:1.28;font-weight:750;color:#192336}
.ap-receipt-list {display:grid;gap:.77rem;margin:0 0 1.02rem}
.ap-receipt-list>div {display:flex;justify-content:space-between;align-items:center;gap:.6rem;font-size:.81rem;line-height:1.45}
.ap-receipt-list dt {flex:1 1 auto;color:#697589;font-weight:450}
.ap-receipt-list dd {margin:0;white-space:nowrap;font-weight:700;color:#1e293b;letter-spacing:-.015em}
.ap-receipt-list .ap-receipt-subtotal {padding-top:.78rem;border-top:1px solid #e8ecf3}
.ap-receipt-discount dt,.ap-receipt-discount dd {color:#15834b!important;font-weight:700!important}
.ap-receipt-discount dt span {margin-left:.1rem}
.ap-receipt-discount[hidden],.ap-receipt-subtotal[hidden]{display:none!important}
.ap-receipt-rule {position:relative;height:0;border-top:1px dashed #cbd4e0;margin:.05rem 0 1.03rem}
.ap-receipt-rule:before,.ap-receipt-rule:after {position:absolute;content:'';top:-.48rem;width:.75rem;height:.75rem;border-radius:50%;background:#fff;border:1px solid #e7ebf3}
.ap-receipt-rule:before {left:-1.48rem}.ap-receipt-rule:after {right:-1.48rem}
.ap-receipt-total {display:flex;flex-direction:column;gap:.36rem}
.ap-receipt-total span {font-size:.79rem;font-weight:600;color:#67748a;letter-spacing:.004em}
.ap-receipt-total strong {font-size:clamp(1.8rem,2.5vw,2.22rem);line-height:1.13;font-weight:790;letter-spacing:-.05em;color:#172039;white-space:nowrap}
.ap-receipt-hint {font-size:.75rem;line-height:1.42;color:#148747;margin:.73rem 0 0;padding:.55rem .65rem;border-radius:.55rem;background:#edfaf2;font-weight:550}
.ap-receipt-hint:empty {display:none}
.ap-cro-actions{margin-top:0}
.ap-buy-block {display:grid;gap:.65rem}
.ap-cro-actions .ap-test {margin:0;text-decoration:none;min-height:3.15rem;white-space:normal;}
.ap-cro-actions .ap-primary {min-height:3.15rem;}
.ap-layout-a .ap-divider{margin:.95rem 0 .85rem}
.ap-layout-b .ap-tabs{margin:0 0 .85rem}
/* Outline back action must contrast on the white dialog surface. */
.ap-modal .ap-modal-actions .btn-secondary,
.ap-modal .ap-result-box .btn-secondary{background:#fff!important;color:#165dc4!important;border:1.5px solid #165dc4!important;opacity:1!important;visibility:visible!important;font-weight:650!important;box-shadow:0 1px 2px rgba(0,0,0,.02)}
.ap-modal .ap-modal-actions .btn-secondary:hover,
.ap-modal .ap-result-box .btn-secondary:hover{background:#edf4ff!important;color:#0f4dab!important}
@media(max-width:599px){.cfg-summary.ap-enhanced{padding:.85rem}.ap-receipt{padding:1rem .9rem}.ap-receipt-rule:before{left:-1.37rem}.ap-receipt-rule:after{right:-1.37rem}.ap-receipt-total strong{font-size:2rem}.ap-buy-block{gap:.6rem}}


/* CRO: Two rows of three full-height scenario cards on desktop.
   The receipt is an independent grid item beside the scenarios, so its top
   aligns with row one, rather than being pushed down by both scenario rows. */
@media (min-width: 1024px) {
  .cfg.ap-receipt-raised {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 22rem;
    grid-template-rows: auto 1fr;
    gap: 1.5rem 2.5rem;
    align-items: start;
  }
  .cfg.ap-receipt-raised > .cfg-scenarios {
    grid-column: 1;
    grid-row: 1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .625rem;
    min-width: 0;
  }
  .cfg.ap-receipt-raised .cfg-scenarios button {
    min-width: 0;
    overflow-wrap: break-word;
  }
  .cfg.ap-receipt-raised > .cfg-body {
    display: contents;
  }
  .cfg.ap-receipt-raised .cfg-main {
    grid-column: 1;
    grid-row: 2;
    min-width: 0;
  }
  .cfg.ap-receipt-raised .cfg-summary {
    grid-column: 2;
    grid-row: 1 / span 2;
    justify-self: stretch;
    align-self: start;
  }
}
/* Intermediate widths: two columns of scenarios keep titles readable.
   The desktop receipt remains aligned with the first row. */
@media (min-width: 1024px) and (max-width: 1279px) {
  .cfg.ap-receipt-raised {grid-template-columns:minmax(0,1fr) 19rem;column-gap:1.25rem}
  .cfg.ap-receipt-raised > .cfg-scenarios {grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Under 1024px preserve the site's native responsive layout;
   scenarios remain above the main calculator and receipt. */