.float-a{animation:floaty 4.2s ease-in-out infinite}.float-b{animation:floaty 4.8s ease-in-out infinite reverse}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.primary,.features article,.price-grid article>a,.nav a{transition:transform .2s ease,box-shadow .2s ease,color .2s ease}
.primary:hover,.price-grid article>a:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(18,172,208,.24)}
@media(max-width:700px){
  .compare-wrap{padding-left:10px;padding-right:10px}
  .compare-shell{overflow:visible}
  .compare-head,.compare-row,.compare-actions{min-width:0;grid-template-columns:1.25fr .8fr .8fr}
  .compare-head>div{min-height:125px;padding:16px 7px}
  .compare-head>div:first-child{padding-left:12px}
  .plan-head b{font-size:1.45rem}
  .plan-head span{font-size:.66rem}
  .plan-head.full em{font-size:.48rem;top:8px}
  .compare-row{min-height:54px}
  .compare-row>strong{padding:11px 9px;font-size:.75rem}
  .compare-row>span{padding:5px;font-size:.73rem}
  .compare-row .yes,.compare-row .no{font-size:1.25rem}
  .compare-actions a{margin:12px 5px 0;padding:11px 5px;font-size:.72rem}
  .compare-note{margin-left:3px;margin-right:3px;padding:17px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.float-card{animation:none}.primary,.features article,.price-grid article>a,.nav a{transition:none}}