/* Term vs permanent comparison on /personal-plans/ (seo agent 2026-10-16) */
.tvp{--tvp-ink:#16242e;--tvp-muted:#55626c;--tvp-accent:#126d69;--tvp-accent-2:#0b4744;--tvp-bg:#f3f8f6;--tvp-line:#d6e3de;
  background:linear-gradient(180deg,#fff 0%,var(--tvp-bg) 100%);color:var(--tvp-ink);padding:72px 20px;perspective:1400px}
.tvp__inner{max-width:1100px;margin:0 auto}
.tvp__eyebrow{margin:0 0 8px;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tvp-accent)}
.tvp__title{margin:0 0 16px;font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.2;color:var(--tvp-ink)}
.tvp__answer{max-width:780px;margin:0 0 32px;font-size:1.1rem;line-height:1.65;color:var(--tvp-ink)}
.tvp__card{background:#fff;border-radius:18px;border:1px solid var(--tvp-line);overflow:hidden;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 2px 4px rgba(11,71,68,.06),0 18px 40px -12px rgba(11,71,68,.28),0 40px 80px -40px rgba(11,71,68,.35);
  transform:rotateX(2deg);transform-origin:50% 0;transition:transform .5s ease,box-shadow .5s ease}
.tvp__card:hover{transform:rotateX(0) translateY(-4px);box-shadow:0 2px 4px rgba(11,71,68,.06),0 26px 50px -14px rgba(11,71,68,.34),0 50px 90px -40px rgba(11,71,68,.4)}
.tvp__table{width:100%;border-collapse:collapse;font-size:1rem;line-height:1.55;margin:0}
.tvp__caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tvp__table thead th{background:linear-gradient(135deg,var(--tvp-accent),var(--tvp-accent-2));color:#fff;text-align:left;padding:16px 18px;font-size:1rem;border:0}
.tvp__table tbody th{text-align:left;font-weight:700;width:24%;padding:16px 18px;color:var(--tvp-ink);background:#f8fbfa;border:0}
.tvp__table td{padding:16px 18px;vertical-align:top;text-align:left;color:var(--tvp-ink);border:0}
.tvp__table tbody tr+tr th,.tvp__table tbody tr+tr td{border-top:1px solid var(--tvp-line)}
.tvp__mix{margin:36px 0 0;max-width:820px}
.tvp__sub{margin:0 0 10px;font-size:1.3rem;color:var(--tvp-ink)}
.tvp__mix p{margin:0 0 14px;line-height:1.65;color:var(--tvp-ink)}
.tvp__cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:20px}
.tvp__button{display:inline-block;padding:14px 26px;border-radius:999px;background:linear-gradient(135deg,var(--tvp-accent),var(--tvp-accent-2));color:#fff;font-weight:700;text-decoration:none;
  box-shadow:0 6px 0 #073230,0 14px 24px -8px rgba(11,71,68,.5);transition:transform .2s ease,box-shadow .2s ease}
.tvp__button:hover,.tvp__button:focus-visible{color:#fff;transform:translateY(2px);box-shadow:0 4px 0 #073230,0 10px 18px -8px rgba(11,71,68,.5)}
.tvp__link{color:var(--tvp-accent);font-weight:600}
.tvp__note{margin:28px 0 0;font-size:.85rem;color:var(--tvp-muted);line-height:1.5}
@media (max-width:760px){
  .tvp{padding:52px 16px}
  .tvp__card{transform:none;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
  .tvp__card:hover{transform:none;box-shadow:none}
  .tvp__table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tvp__table,.tvp__table tbody,.tvp__table tr,.tvp__table th,.tvp__table td{display:block;width:auto}
  .tvp__table tbody tr{background:#fff;border:1px solid var(--tvp-line);border-radius:14px;margin:0 0 16px;overflow:hidden;
    box-shadow:0 2px 4px rgba(11,71,68,.06),0 14px 28px -12px rgba(11,71,68,.3)}
  .tvp__table tbody tr+tr th,.tvp__table tbody tr+tr td{border-top:0}
  .tvp__table tbody th{width:auto;background:linear-gradient(135deg,var(--tvp-accent),var(--tvp-accent-2));color:#fff;padding:12px 16px}
  .tvp__table td{padding:12px 16px}
  .tvp__table td+td{border-top:1px solid var(--tvp-line)}
  .tvp__table td::before{content:attr(data-label);display:block;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tvp-accent);margin-bottom:4px}
}
@media (prefers-reduced-motion:reduce){.tvp__card,.tvp__card:hover,.tvp__button,.tvp__button:hover{transition:none;transform:none}}