.card{border-radius:16px;flex-direction:column;padding:1.6rem 1.4rem 1.3rem;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 22px #0f172a33}.card .header h3{color:#111;margin-block-end:4px;font-size:26px}.card .header .subtitle{color:#666;margin-block-end:24px;font-size:16px}.card .layout{grid-template-columns:1fr 380px;gap:32px;display:grid}.card .main h4{color:#222;margin-block:22px 8px;font-size:18px;font-weight:600}.card .metrics{flex-direction:column;gap:12px;margin-block-end:20px;display:flex}.card .metric{text-align:center;background:#f2f2f4;border:1px solid #e3e6ed;border-radius:10px;padding:18px}.card .metric .label{color:#555;font-size:14px}.card .metric .number{color:#111;font-size:26px;font-weight:700;display:block}.card .image{max-inline-size:200px;margin:auto;overflow:hidden}.card .image img{block-size:auto;inline-size:100%;display:block}.card .card-body{flex:auto;min-height:0}.card:hover{box-shadow:0 10px 28px #0003}.card h3{margin-block-end:.25rem;font-size:1rem}.card p{font-size:.95rem}.card.product:before{content:"";background:linear-gradient(90deg,#0071e3,#0ea5e9);block-size:3px;position:absolute;inset-block-start:0;inset-inline:0}.card.product>a{flex-direction:column;height:100%;display:flex}.card.product .label{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin-block-end:.6rem;font-size:.8rem;font-weight:600}.card.product .visual{margin:auto;margin-block-end:.8rem}.card.product:hover .visual img{transition:transform .3s;transform:scale(1.025);-webkit-mask-image:none;mask-image:none}.card.product .visual img{object-fit:contain;object-position:center;border-radius:8px 8px 0 0;width:auto;max-width:100%;height:auto;-webkit-mask-image:radial-gradient(circle,#000 60%,#0000 100%);mask-image:radial-gradient(circle,#000 60%,#0000 100%)}.card.product h3{margin-block-end:.4rem;font-size:1.02rem}.card.product p{color:#4b5563;font-size:.9rem}.card.product .link{color:#2563eb;align-items:center;gap:.25rem;font-weight:500;display:inline-flex}.card.product .tag{opacity:.9;color:#3c3f8f;background:#f4f5fb;border-radius:12px;align-items:center;gap:.35rem;min-height:42px;padding:.35rem .7rem;font-weight:500;animation:2s infinite pulse;display:inline-flex}.card.product .card-footer{border-block-start:1px solid #0000000f;justify-content:flex-end;align-items:center;gap:12px;margin-block-start:auto;padding-block-start:.9rem;font-size:.9rem;display:flex}.grid.product .card.product:only-child{grid-template-rows:auto 1fr auto;grid-template-columns:300px 1fr;align-items:start;gap:1.5rem 2rem;padding:2rem;display:grid}.grid.product .card.product:only-child .visual{grid-area:1/1/span 3;align-self:center;margin:0;max-inline-size:100%!important}.grid.product .card.product:only-child .visual img{object-fit:contain;border-radius:12px;width:100%;height:auto;-webkit-mask-image:none!important;mask-image:none!important}.grid.product .card.product:only-child .label{grid-area:1/2;margin:0}.grid.product .card.product:only-child .card-body{grid-area:2/2;margin:0}.grid.product .card.product:only-child .card-footer{border-top:1px solid #0000000f;grid-area:3/2;margin:0;padding-top:1rem}@media (max-width:900px){.card .layout{grid-template-columns:1fr}.card{padding:28px}.card .metric{padding:14px}.card .metric .number{font-size:22px}}@media (max-width:700px){.grid.product .card.product:only-child{grid-template-rows:auto auto auto auto;grid-template-columns:1fr;gap:1.5rem}.grid.product .card.product:only-child .visual{grid-area:2/1;max-width:400px;margin:0 auto}.grid.product .card.product:only-child .label{grid-area:1/1}.grid.product .card.product:only-child .card-body{grid-area:3/1}.grid.product .card.product:only-child .card-footer{grid-area:4/1}}@media (max-width:600px){.card .header h3{font-size:22px}.card .header .subtitle{font-size:15px}.card .main h4{font-size:17px}}