/* v130 · 가격 카드 인터랙션: 커서를 따라 테두리에 흐르는 키컬러 빛 + 안쪽 은은한 조명,
   나머지 카드는 한 걸음 물러나고, 항목이 하나씩 앞으로 나오며 + 가 체크로 바뀜 */
#estimate .tier{isolation:isolate}
#estimate .tier>.tier-rim,#estimate .tier>.tier-spot{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .45s ease;z-index:0}
/* rim: only the 1px border lights up, around the pointer */
#estimate .tier>.tier-rim{padding:1px;background:radial-gradient(260px circle at var(--tx,50%) var(--ty,0),#fd4533,rgba(253,69,51,.35) 35%,transparent 65%);
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
/* spot: soft light inside the card */
#estimate .tier>.tier-spot{background:radial-gradient(520px circle at var(--tx,50%) var(--ty,0),rgba(253,69,51,.11),transparent 55%)}
#estimate .tier:hover>.tier-rim,#estimate .tier:hover>.tier-spot{opacity:1}
#estimate .tier>*:not(.tier-rim):not(.tier-spot){position:relative;z-index:1}
#estimate .tier::after{display:none !important}
/* the others step back */
#estimate .tiers:hover .tier:not(:hover){opacity:.5;filter:saturate(.6);translate:0 4px}
#estimate .tier{transition:translate .55s cubic-bezier(.22,1,.36,1),opacity .45s ease,filter .45s ease,border-color .4s ease,box-shadow .5s ease !important}
/* step label and price react */
#estimate .tier .lv span{transition:color .35s ease,letter-spacing .45s ease}
#estimate .tier:hover .lv span{color:#fd4533;letter-spacing:.06em}
#estimate .tier .pp{transition:transform .6s cubic-bezier(.22,1,.36,1),color .4s ease;transform-origin:left bottom}
#estimate .tier:hover .pp{transform:scale(1.04)}
/* list items come forward one by one; + turns into a check */
#estimate .tier li{transition:transform .5s cubic-bezier(.22,1,.36,1),color .35s ease}
#estimate .tier:hover li{transform:translateX(6px);color:#fff}
#estimate .tier:hover li:nth-child(2){transition-delay:.05s}
#estimate .tier:hover li:nth-child(3){transition-delay:.1s}
#estimate .tier:hover li:nth-child(4){transition-delay:.15s}
#estimate .tier:hover li:nth-child(5){transition-delay:.2s}
#estimate .tier ul:not(.bd) li::before{display:inline-block;width:14px;transition:transform .45s cubic-bezier(.22,1,.36,1)}
#estimate .tier:hover ul:not(.bd) li::before{content:"✓";transform:scale(1.1);color:#fd4533}
#estimate .tier .bd li:hover i{color:#fd4533}
@media (hover:none),(prefers-reduced-motion:reduce){#estimate .tiers:hover .tier:not(:hover){opacity:1;filter:none;translate:none}#estimate .tier:hover li{transform:none}}