/* beta200: fluid widths and stable pointer targets. */
img,video{max-width:100%}
.wrap,.header-actions,.hero-grid,.hero-text,.hero-visual,.plan,.plan-lifetime,.rank-highlight>div{min-width:0}
button,.btn{max-width:100%;overflow-wrap:anywhere}
.btn:hover,.reviews-cta:hover{transform:none}
.rank-highlight a{max-width:100%;text-align:center}
@media(max-width:1200px) and (min-width:861px){.wrap.nav{gap:14px}nav ul{gap:14px}nav a{font-size:13px}.header-actions .btn{padding:10px;font-size:13px}}
@media(max-width:600px){.rank-highlight{padding:22px 18px}.catalogo-inner{padding-inline:16px}.reviews-overall{gap:12px}.reviews-overall>div+div{padding-left:12px}}
@media(max-width:380px){.wrap{padding-inline:16px}.header-actions{gap:6px}.header-actions .btn{font-size:11px;padding:9px 10px}.logo-text{font-size:22px}.review-author{flex-wrap:wrap}.review-rank{margin-left:46px}.reviews-overall{gap:10px}.reviews-summary-stars{font-size:19px;letter-spacing:2px}.reviews-overall strong{font-size:28px}.rank-tile{padding-inline:4px}.rank-tile strong{font-size:13px}}