.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.service-card{display:flex;flex-direction:column;align-items:flex-start;min-height:320px;padding:25px;border:1px solid #e4eaf5;border-radius:21px;background:linear-gradient(145deg,#fff,#fbfcff);box-shadow:0 8px 28px rgba(25,43,80,.035);transition:transform .25s,box-shadow .25s,border-color .25s}.service-card:hover{transform:translateY(-5px);border-color:#d1dcf6;box-shadow:0 22px 48px rgba(25,43,80,.09)}.service-card-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;margin-bottom:23px}.service-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;font:800 24px var(--font-display)}.icon-seo{background:#eaf0ff;color:#356cf0}.icon-google{background:#e8f7f1;color:#1a9b76;font-size:20px}.icon-meta{background:#f0edff;color:#7958e8}.icon-social{background:#fff0e8;color:#e9894e}.icon-web{background:#e9f4ff;color:#347ecb}.icon-performance{background:#2c3c5d;color:#fff}.card-index{color:#a0aabe;font-size:9px;font-weight:800;letter-spacing:1.1px}.service-card h3{margin:0 0 10px;font:800 20px/1.3 var(--font-display);letter-spacing:-.7px}.service-card p{margin:0;color:#6d7a91;font-size:12px;line-height:1.8}.service-tags{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0 21px}.service-tags span{padding:6px 9px;border-radius:8px;background:#f3f5fa;color:#6e7b91;font-size:9px;font-weight:700}.service-card .text-link{margin-top:auto}.service-card-dark{border-color:#17243d;background:linear-gradient(145deg,#17243d,#263d66);color:#fff}.service-card-dark p{color:#c0cbe0}.service-card-dark .card-index{color:#98a9c8}.service-card-dark .service-tags span{background:rgba(255,255,255,.1);color:#d9e2f4}.text-link-light{color:#cbd7ff}
@media(max-width:950px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{min-height:300px}}
@media(max-width:560px){.service-grid{grid-template-columns:1fr;gap:13px}.service-card{min-height:0;padding:22px}.service-card-top{margin-bottom:17px}.service-card h3{font-size:19px}.service-tags{margin:14px 0 18px}}
