.platform-card{--card-accent:var(--cat-ink,var(--brand));border:1px solid color-mix(in srgb, var(--line) 84%, var(--card-accent));border-radius:var(--r-xl);background:var(--paper);min-width:0;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--paper) 84%, white), 0 1px 0 #05160e1a;transition:transform var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease);display:grid;position:relative;overflow:hidden;container:card/inline-size}@media (hover:hover) and (pointer:fine){.platform-card:hover{border-color:color-mix(in srgb, var(--line) 48%, var(--card-accent));box-shadow:var(--e-2);transform:translateY(-2px)}}.platform-card-layout{--pc-cover:clamp(3.5rem, 24%, 8.5rem);--pc-pad-x:var(--sp-4);--pc-pad-y:var(--sp-3);--pc-gap-rows:var(--sp-3);--pc-gap-inline:var(--sp-2);--pc-gap-facts:var(--sp-1);--pc-edge:.7rem;--pc-save:2.75rem;--pc-tile:2.5rem;--pc-title-size:var(--fs-heading);--pc-pay-size:var(--fs-heading);--pc-pay-pad-y:.3rem;--pc-fact-size:var(--fs-sm);--pc-fact-lead-size:var(--fs-ui);--pc-end-reserve:var(--sp-6);--pc-show-tags:block;--pc-show-chevron:flex;grid-template-columns:var(--pc-cover) minmax(0, 1fr);min-width:0;display:grid}.card-cover{background:var(--cat-tint,var(--mint));min-height:100%;position:relative;overflow:hidden}.card-cover .icon{aspect-ratio:1;width:auto;height:110%;color:var(--cat-ink,var(--brand));opacity:.2;position:absolute;top:10%;right:-30%}.card-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.card-cover .icon,.card-cover img{transition:transform .6s var(--ease)}@media (hover:hover) and (pointer:fine){.platform-card:hover .card-cover .icon,.platform-card:hover .card-cover img{transform:scale(1.04)}}}.platform-card-main{align-content:start;gap:var(--pc-gap-rows);min-width:0;padding:var(--pc-pad-y) var(--pc-pad-x);color:inherit;grid-template-columns:minmax(0,1fr);text-decoration:none;display:grid}.platform-card-head{justify-items:start;gap:var(--pc-gap-inline);min-width:0;display:grid}.platform-identity{align-items:center;gap:var(--pc-gap-inline);width:100%;min-width:0;padding-inline-end:calc(var(--pc-save) + var(--pc-edge) - var(--pc-pad-x) + var(--pc-gap-inline));display:flex}.platform-card .category-tile{width:var(--pc-tile);height:var(--pc-tile)}.platform-title-group{min-width:0}.platform-card-title{-webkit-line-clamp:2;line-clamp:2;color:var(--forest);font-size:var(--pc-title-size);letter-spacing:-.02em;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.platform-tags{display:var(--pc-show-tags);color:var(--cat-ink,var(--ink-2));font-weight:600;font-size:var(--fs-label);overflow-wrap:anywhere;margin:0;line-height:1.35}.platform-card-link{color:inherit;text-decoration:none}.platform-card-link:after{z-index:0;border-radius:inherit;content:"";position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.platform-card-link:hover{text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:1px}}.platform-card-link:focus-visible{outline:none}.platform-card:has(.platform-card-link:focus-visible){outline:3px solid var(--brand);outline-offset:3px}.platform-card .platform-rate{align-items:baseline;gap:0 var(--pc-gap-inline);border:1px solid color-mix(in srgb, var(--brand) 40%, var(--line));border-radius:var(--r-md);width:fit-content;min-width:0;max-width:100%;padding:var(--pc-pay-pad-y) .65rem var(--pc-pay-pad-y) .55rem;background:linear-gradient(180deg, color-mix(in srgb, var(--brand) 18%, var(--paper)), color-mix(in srgb, var(--brand) 8%, var(--paper)));text-align:left;flex-wrap:wrap;margin:0;display:flex}.platform-card .platform-rate strong{align-items:center;gap:var(--sp-1);color:var(--forest);font-size:var(--pc-pay-size);font-variant-numeric:tabular-nums;letter-spacing:-.02em;overflow-wrap:anywhere;font-weight:800;display:inline-flex}.platform-card .platform-rate strong .icon{width:1.05rem;height:1.05rem;color:var(--brand);flex:none}.platform-rate-unit{color:var(--forest);white-space:nowrap;font-size:var(--fs-label);opacity:.85;overflow-wrap:anywhere;font-weight:600}.card-facts{gap:var(--pc-gap-facts);grid-template-columns:minmax(0,1fr);margin:0;padding:0;padding-inline-end:var(--pc-end-reserve);list-style:none;display:grid}.card-fact{align-items:flex-start;gap:var(--pc-gap-inline);color:var(--ink-2);font-size:var(--pc-fact-size);overflow-wrap:anywhere;font-weight:500;line-height:1.4;display:flex}.card-fact .icon{width:1rem;height:1rem;color:var(--muted);flex:none;margin-top:calc(.7em - .5rem)}.card-fact-first{color:var(--ink);font-size:var(--pc-fact-lead-size);font-weight:700}.card-fact-works .icon{color:var(--brand)}.card-fact-caution{color:var(--ink)}.card-fact-caution .icon{color:var(--caution)}.card-fact:not(.card-fact-first,.card-fact-caution){display:var(--pc-show-extra,flex)}.platform-card .recommendation-warning{margin:0}.platform-reason{display:var(--pc-show-reason,flex);align-items:flex-start;gap:var(--pc-gap-inline);color:var(--forest);font-size:var(--fs-sm);margin:0;font-weight:600;line-height:1.4}.platform-reason .icon{width:1.1rem;height:1.1rem;color:var(--cat-ink,var(--brand));flex:none;margin-top:calc(.7em - .55rem)}.platform-reason-text{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.card-chevron{z-index:1;right:var(--pc-edge);bottom:var(--pc-edge);display:var(--pc-show-chevron);color:var(--muted);pointer-events:none;position:absolute}.card-chevron .icon{width:1.3rem;height:1.3rem;transition:transform var(--dur-2) ease}@media (hover:hover) and (pointer:fine){.platform-card:hover .card-chevron .icon{color:var(--cat-ink,var(--brand));transform:translate(3px)}}.platform-card .platform-save-action{top:var(--pc-edge);right:var(--pc-edge)}@container card (width<=26rem){.platform-card-layout{--pc-pad-x:var(--sp-3);--pc-pad-y:var(--sp-2);--pc-gap-rows:var(--sp-2);--pc-gap-facts:0;--pc-edge:var(--sp-2);--pc-tile:2rem;--pc-pay-size:var(--fs-body);--pc-pay-pad-y:.1rem;--pc-fact-lead-size:var(--fs-sm);--pc-end-reserve:0;--pc-show-tags:none;--pc-show-chevron:none;--pc-show-extra:none;--pc-show-reason:none}}@container card (width<=20.25rem){.platform-card-layout{--pc-cover:3rem}.platform-identity>.category-tile{display:none}}@container card (width<=19rem){.platform-card .platform-rate strong{white-space:normal}}
