.blogGridSection{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;width:100%}.blogGridCard{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;box-shadow:0 10px 30px #0000001a;min-width:0;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.blogGridCard:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-4px)}.blogGridCardLink{box-sizing:border-box;color:inherit;display:flex;flex-direction:column;height:100%;min-height:100%;text-decoration:none}.blogGridCardMedia{background:#f5f5f7;flex-shrink:0;height:176px;min-height:176px;position:relative;width:100%}.blogGridCardImg{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:relative;width:100%;z-index:0}.blogGridCardMediaScrim{background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.12) 14%,rgba(0,0,0,.04) 26%,transparent 42%);inset:0;pointer-events:none;position:absolute;z-index:1}.blogGridCardRoi{align-items:center;border:1px solid transparent;border-radius:10px;display:inline-flex;font-size:15px;font-variant-numeric:tabular-nums;font-weight:700;justify-content:center;inset:12px 12px auto auto;letter-spacing:-.03em;line-height:1.2;max-width:calc(100% - 24px);padding:8px 14px;position:absolute;text-align:center;z-index:2}.blogGridCardRoi--missing,.blogGridCardRoi--negative,.blogGridCardRoi--neutral,.blogGridCardRoi--positive{background:linear-gradient(90deg,#00c6ff,#0072ff);border-color:#ffffff47;box-shadow:0 2px 12px #0072ff59,0 4px 20px #00c6ff38;color:#fff}.blogGridCardRoi--missing{font-size:13px;font-weight:700}.blogGridCardBody{display:flex;flex:1;flex-direction:column;gap:12px;min-height:0;padding:18px 20px 20px}.blogGridCardMetaRow{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:10px;justify-content:space-between}.blogGridCardDate{color:#86868b;font-variant-numeric:tabular-nums;font-weight:400}.blogGridCardRegion{color:#1d1d1f;font-weight:600;letter-spacing:-.01em;word-break:keep-all}.blogGridCardTitle{color:#1d1d1f;font-size:17px;font-weight:700;letter-spacing:-.022em;line-height:1.3;margin:0;word-break:keep-all}.blogGridCardDesc{color:#5c5c62;display:-webkit-box;flex:1;font-size:14px;font-weight:400;letter-spacing:-.01em;-webkit-line-clamp:3;line-clamp:3;line-height:1.65;margin:0;-webkit-box-orient:vertical;overflow:hidden}.blogGridCardFooter{align-items:stretch;border-top:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;gap:14px;margin-top:auto;padding-top:14px}.blogGridCardFooterMeta{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.blogGridFooterDiscount{font-size:13px;font-variant-numeric:tabular-nums;font-weight:500}.blogGridFooterDiscount,.blogGridFooterFail{color:#52525b;letter-spacing:-.02em;line-height:1.45}.blogGridFooterFail{font-size:13px;font-weight:500}.blogGridFooterFailNum{color:#0072ff;font-variant-numeric:tabular-nums;font-weight:700}.blogGridCardFooterCta{display:flex;justify-content:center;width:100%}.blogGridCardCtaBtn{align-items:center;background:#e8e8ed;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:none;color:#3a3a3c;display:inline-flex;font-size:13px;font-weight:600;justify-content:center;letter-spacing:-.02em;min-height:40px;padding:0 24px;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:100%}.blogGridCard:hover .blogGridCardCtaBtn{background:linear-gradient(90deg,#00c6ff,#0072ff);border:none;box-shadow:0 4px 16px #0072ff59;color:#fff}.blogGridCard:active .blogGridCardCtaBtn{transform:scale(.98)}@keyframes blogGridSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.blogGridSkeletonLine{animation:blogGridSkeletonShimmer 1.35s ease-in-out infinite;background:linear-gradient(110deg,#c4c9d4,#d5d9e2 42%,#c4c9d4 84%);background-size:220% 100%;border-radius:5px;display:block;height:10px}.blogGridSkeletonLine--xs{border-radius:4px;height:8px;width:56px}.blogGridSkeletonLine--sm{border-radius:4px;height:9px;width:72px}.blogGridSkeletonLine--md{border-radius:5px;height:11px;max-width:100%;width:100%}.blogGridSkeletonLine--lg{border-radius:6px;height:13px;max-width:280px;width:88%}.blogGridSkeletonLine--short{max-width:160px;width:52%}.blogGridSkeletonBlock{display:flex;flex:1;flex-direction:column;gap:8px;margin-top:2px;min-height:0}.blogGridSkeletonMeta{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.blogGridSkeletonCta{background:linear-gradient(110deg,#b9c0cc,#cbd1db 42%,#b9c0cc 84%);background-size:220% 100%;border-radius:8px;height:40px;width:100%}.blogGridCardSkeletonRoi,.blogGridSkeletonCta{animation:blogGridSkeletonShimmer 1.35s ease-in-out infinite}.blogGridCardSkeletonRoi{background:linear-gradient(110deg,#aeb6c4,#c2c9d5 42%,#aeb6c4 84%);background-size:220% 100%;border-radius:10px;height:34px;position:absolute;right:12px;top:12px;width:96px;z-index:2}.blogGridCardMediaScrim--placeholder{background:linear-gradient(180deg,rgba(0,0,0,.1),transparent 50%,rgba(0,0,0,.04));z-index:1}.blogGridCard--placeholder{background:#f1f3f6;border:1px solid rgba(0,0,0,.07);box-shadow:0 6px 20px #0000000d;pointer-events:none}.blogGridCard--placeholder:hover{box-shadow:0 8px 24px #0000000f;transform:none}.blogGridCardLink--placeholder{cursor:default;pointer-events:none}.blogGridCardMedia--placeholder{background:linear-gradient(165deg,#b8c0cc,#c9d0da 48%,#bcc4cf)}.blogGridCardBody--placeholder{box-sizing:border-box;display:flex;flex:1;flex-direction:column;gap:10px;min-height:168px;padding:18px 20px 20px}.blogGridCardFooter--skeleton{border-top:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;gap:14px;margin-top:auto;padding-top:14px}.blogGridCardPlaceholderHint{color:#3c3c4373;font-size:12px;font-weight:500;letter-spacing:-.02em;line-height:1.4;margin:4px 0 0;text-align:center}@media(prefers-reduced-motion:reduce){.blogGridCardSkeletonRoi,.blogGridSkeletonCta,.blogGridSkeletonLine{animation:none;background:#c4c9d4;background-size:auto}}@media(max-width:960px){.blogGridSection{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.blogGridSection{gap:20px;grid-template-columns:1fr}.blogGridCardMedia{height:200px;min-height:200px}.blogGridCardBody--placeholder{min-height:120px}}