.compatibility-rating{--rating:#f2d19a;margin-bottom:24px;padding:20px;border:1px solid color-mix(in srgb,var(--rating) 46%,transparent);border-radius:22px;background:color-mix(in srgb,var(--rating) 12%,rgba(255,255,255,.035));display:grid;grid-template-columns:1fr auto;gap:14px 18px;align-items:center}.compatibility-rating.excellent{--rating:#42d392}.compatibility-rating.good{--rating:#8bd450}.compatibility-rating.fair{--rating:#f2c94c}.compatibility-rating.poor{--rating:#f28c45}.compatibility-rating.bad{--rating:#ef5350}.rating-copy>span{display:block;color:var(--rating);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.rating-copy strong{display:block;margin-top:5px;font-size:1.35rem}.rating-copy p{margin:8px 0 0;color:#ddd6e6;line-height:1.55;font-size:.92rem}.rating-number{display:flex;align-items:baseline;gap:5px;color:var(--rating)}.rating-number b{font-size:clamp(2.8rem,7vw,4.4rem);line-height:.9}.rating-number span{font-size:1rem;font-weight:800}.rating-scale{grid-column:1/-1;height:12px;border-radius:999px;background:linear-gradient(90deg,#ef5350 0%,#f28c45 28%,#f2c94c 50%,#8bd450 72%,#42d392 100%);overflow:hidden;position:relative}.rating-scale::after{content:"";position:absolute;inset:0 0 0 var(--rating-fill,0);background:rgba(16,14,31,.72)}.rating-scale i{display:block;height:100%;border-right:4px solid #fff;box-shadow:0 0 0 2px rgba(0,0,0,.24)}.rating-legend{grid-column:1/-1;display:flex;justify-content:space-between;color:#bdb5c9;font-size:.76rem;font-weight:700}.upgrade-recommendations{margin-top:24px;padding-top:22px;border-top:1px solid rgba(241,224,198,.14)}.recommendation-heading>span{display:block;color:#f2d19a;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.recommendation-heading h3{margin:6px 0 7px;font-size:1.35rem}.recommendation-heading p{margin:0;color:#cfc7db;line-height:1.6}.recommendation-list{display:grid;gap:12px;margin-top:16px}.recommendation-card{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:16px;border:1px solid rgba(241,224,198,.14);border-radius:18px;background:rgba(255,255,255,.04)}.recommendation-card small{display:block;color:#8ed6d0;font-size:.72rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.recommendation-card strong{display:block;margin-top:5px;color:#f7f2fb}.recommendation-card p{margin:7px 0 0;color:#d5cedf;line-height:1.55;font-size:.9rem}.recommendation-card button{min-height:40px;padding:0 13px;border:0;border-radius:999px;background:#f4e6ca;color:#17152a;font:inherit;font-size:.82rem;font-weight:900;cursor:pointer;white-space:nowrap}.recommendation-card button:hover{transform:translateY(-1px)}@media(max-width:620px){.compatibility-rating{grid-template-columns:1fr}.rating-number{justify-self:start}.rating-copy p{font-size:.88rem}.recommendation-card{grid-template-columns:1fr}.recommendation-card button{width:100%}}