/* Topic-specific modules for the TorobPay installments landing. */
.page-torobpay-installments .torobpay-installments-enhancements{--tpi-line:#eadfdc;--tpi-red:#e2342f;--tpi-purple:#8b5cf6;--tpi-ink:#31243a;--tpi-muted:#6b5d73;min-width:0}
.page-torobpay-installments .content-hero{background:radial-gradient(circle at 82% 14%,rgba(226,52,47,.14),transparent 26%),radial-gradient(circle at 14% 86%,rgba(139,92,246,.10),transparent 28%),linear-gradient(180deg,#fff8f7 0%,#fff 100%)}
.page-torobpay-installments .content-heading__kicker{background:#fff0ef;border-color:rgba(226,52,47,.14);color:var(--tpi-red)}
.page-torobpay-installments .content-hero__visual{background:linear-gradient(145deg,#fff4f1,#ffffff)}
.page-torobpay-installments .tpi-benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:26px 0}
.page-torobpay-installments .tpi-benefit-grid article,.page-torobpay-installments .tpi-journey-board article,.page-torobpay-installments .tpi-lane-board>div{padding:22px;border:1px solid var(--tpi-line);border-radius:22px;background:linear-gradient(145deg,#fff,#fefbfb);box-shadow:0 14px 35px rgba(65,26,25,.05)}
.page-torobpay-installments .tpi-benefit-grid span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#e2342f,#ff6c55);color:#fff;margin-bottom:12px;box-shadow:0 10px 24px rgba(226,52,47,.2)}
.page-torobpay-installments .tpi-benefit-grid h3,.page-torobpay-installments .tpi-journey-board h3{font-size:16px;margin:0 0 7px;color:var(--tpi-ink)}
.page-torobpay-installments .tpi-benefit-grid p,.page-torobpay-installments .tpi-journey-board p,.page-torobpay-installments .tpi-lane-board p{font-size:12px;line-height:2;margin:0;color:var(--tpi-muted)}
.page-torobpay-installments .tpi-ready-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0}
.page-torobpay-installments .tpi-ready-board>div{position:relative;padding:22px;border-radius:22px;border:1px solid var(--tpi-line);background:linear-gradient(145deg,#fff5f4,#fff)}
.page-torobpay-installments .tpi-ready-board>div:nth-child(2){background:linear-gradient(145deg,#fff,#fcf8ff)}
.page-torobpay-installments .tpi-ready-board strong{display:block;font-size:15px;margin-bottom:8px;color:var(--tpi-ink)}
.page-torobpay-installments .tpi-ready-board p{font-size:12px;line-height:2;margin:0;color:var(--tpi-muted)}
.page-torobpay-installments .tpi-journey-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}
.page-torobpay-installments .tpi-journey-board article{position:relative;padding-top:24px}
.page-torobpay-installments .tpi-journey-board article span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#e2342f,#ff6c55);color:#fff;font-weight:800;margin-bottom:14px;box-shadow:0 10px 22px rgba(226,52,47,.22)}
.page-torobpay-installments .tpi-lane-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}
.page-torobpay-installments .aside-note{padding:20px;border:1px solid var(--tpi-line);border-radius:22px;background:linear-gradient(145deg,#fff,#fff7f6);box-shadow:0 14px 35px rgba(65,26,25,.05)}
.page-torobpay-installments .aside-note strong{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--tpi-ink);margin-bottom:12px}
.page-torobpay-installments .aside-note ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.page-torobpay-installments .aside-note li{position:relative;padding-inline-start:18px;font-size:12px;line-height:1.95;color:var(--tpi-muted)}
.page-torobpay-installments .aside-note li::before{content:'';position:absolute;inset-inline-start:0;top:10px;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#e2342f,#ff6c55)}
.page-torobpay-installments .check-panel{background:linear-gradient(135deg,#73211c,#d63933 55%,#9b5cf6)}
.page-torobpay-installments .content-section--dark{background:linear-gradient(135deg,#661d19,#d63a34 55%,#915cf5)}
@media(max-width:980px){
  .page-torobpay-installments .tpi-ready-board,.page-torobpay-installments .tpi-journey-board{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-torobpay-installments .tpi-lane-board{grid-template-columns:1fr}
}
@media(max-width:760px){
  .page-torobpay-installments .tpi-benefit-grid,.page-torobpay-installments .tpi-ready-board,.page-torobpay-installments .tpi-journey-board{grid-template-columns:1fr}
}