/* Small interactions that leave the page layout and reading flow intact. */
.td-wow-card{position:relative;isolation:isolate;transform-origin:center;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .25s}
.td-wow-card::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(320px circle at var(--td-px,50%) var(--td-py,50%),#e817221a,transparent 70%);opacity:0;transition:opacity .35s}
.td-wow-card.td-wow-active{transform:perspective(1100px) rotateX(var(--td-rx,0deg)) rotateY(var(--td-ry,0deg)) translateY(-3px);box-shadow:0 18px 45px #0000001f;border-color:#e8172270}
.td-wow-card.td-wow-active::before{opacity:1}
html[data-theme="light"] .td-wow-card.td-wow-active{box-shadow:0 16px 38px #22222212}
.td-wow-magnetic{position:relative;overflow:hidden;translate:var(--td-mx,0px) var(--td-my,0px);transition:translate .25s ease,background .2s,color .2s,border-color .2s,transform .2s}
.td-wow-magnetic::after{content:'';position:absolute;inset:-80% auto -80% -60%;width:35%;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffff45,transparent);transform:rotate(25deg);opacity:0}
.td-wow-magnetic:hover::after{animation:td-button-shine .7s ease-out}
@keyframes td-button-shine{0%{left:-60%;opacity:0}20%{opacity:1}100%{left:130%;opacity:0}}
.td-wow-enter{opacity:0;translate:0 22px}
.td-wow-reveal{transition:opacity .65s ease var(--td-delay,0ms),translate .65s cubic-bezier(.2,.7,.2,1) var(--td-delay,0ms),transform .35s ease,box-shadow .35s ease}
@media(hover:none),(pointer:coarse){.td-wow-card.td-wow-active{transform:none;box-shadow:none}.td-wow-magnetic{translate:none}.td-wow-magnetic::after{display:none}}
@media(prefers-reduced-motion:reduce){.td-wow-card,.td-wow-magnetic,.td-wow-enter{transition:none!important;translate:none!important}.td-wow-card.td-wow-active{transform:none!important;box-shadow:none}.td-wow-enter{opacity:1!important}.td-wow-card::before,.td-wow-magnetic::after{display:none!important;animation:none!important}}

/* Tariff cards: lift and a red edge without moving their contents. */
.plan{position:relative;transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .3s}
html[data-theme] .plan:focus-within{border-color:var(--red);box-shadow:0 0 0 1px #e8172235}
@media(hover:hover) and (pointer:fine){
 html[data-theme] .plan:hover{transform:translateY(-7px);border-color:var(--red);box-shadow:0 18px 40px #00000017,0 0 0 1px #e8172220;background-image:linear-gradient(135deg,transparent 60%,#e8172209)}
 html[data-theme="dark"] .plan.featured:hover{box-shadow:0 18px 40px #00000030,0 0 25px #e8172217}
}
@media(prefers-reduced-motion:reduce){.plan{transition:none!important}html[data-theme] .plan:hover{transform:none}}
