/* Homepage services only; CMS data and links are unchanged. */
.velvot-services-modern{padding:96px 0;background:radial-gradient(ellipse at 0 0,rgba(42,164,245,.12),transparent 60%),var(--soft)}
.velvot-services-modern .eyebrow{display:inline-flex;align-items:center;gap:10px;letter-spacing:.16em;font-size:12px}
.velvot-services-modern .eyebrow::before{content:"";width:26px;height:2px;background:var(--brand)}
.velvot-services-modern .section-title{max-width:970px;font-size:clamp(32px,4vw,52px);line-height:1.12;letter-spacing:-.045em;margin:18px 0}
.velvot-services-modern .section-copy{max-width:720px;font-size:17px}
.velvot-services-modern .card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.velvot-services-modern .service-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:30px;min-height:315px;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:0 5px 20px rgba(16,70,115,.03);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.velvot-services-modern .service-card::before{content:"";display:block;width:54px;height:54px;flex-shrink:0;border-radius:16px;background-color:rgba(42,164,245,.09);border:1px solid rgba(36,151,242,.18);background-image:var(--service-icon);background-size:28px;background-position:center;background-repeat:no-repeat}
.velvot-services-modern .service-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#1687ef,#65d4ff);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.velvot-services-modern .card-no{position:absolute;top:32px;right:28px;font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--muted);opacity:.65}
.velvot-services-modern .service-card h3{font-size:20px;line-height:1.3;letter-spacing:-.025em;margin:23px 0 12px;color:var(--text)}
.velvot-services-modern .service-card p{font-size:15px;line-height:1.65;margin:0 0 24px;color:var(--muted)}
.velvot-services-modern .service-card .text-link{margin-top:auto;display:block;width:100%;border-top:1px solid var(--line);padding-top:17px;font-size:14px;color:var(--brand)}
.velvot-services-modern .service-card:hover,.velvot-services-modern .service-card:focus-within{transform:translateY(-5px);border-color:#369fe9;box-shadow:0 18px 38px rgba(21,112,192,.13)}
.velvot-services-modern .service-card:hover::after,.velvot-services-modern .service-card:focus-within::after{transform:scaleX(1)}
.velvot-services-modern .text-link:focus-visible{outline:3px solid #2199eb;outline-offset:4px;border-radius:3px}
html[data-theme="dark"] .velvot-services-modern .service-card::before{background-color:rgba(68,169,255,.15)}
@media(max-width:960px){.velvot-services-modern .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.velvot-services-modern{padding:60px 0}.velvot-services-modern .card-grid{grid-template-columns:1fr;gap:14px;margin-top:28px}.velvot-services-modern .service-card{padding:24px;min-height:290px}}
@media(prefers-reduced-motion:reduce){.velvot-services-modern .service-card,.velvot-services-modern .service-card::after{transition:none}.velvot-services-modern .service-card:hover,.velvot-services-modern .service-card:focus-within{transform:none}}

.velvot-services-modern .service-card{--service-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231594ec%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22/%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22/%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22/%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22/%3E%3C/svg%3E")}
.velvot-services-modern .service-card:has(a[href*="digital-transformation"]) {--service-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231594ec%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m13%202-9%2012h7l-1%208%2010-13h-8l1-7Z%22/%3E%3C/svg%3E")}
.velvot-services-modern .service-card:has(a[href*="cloud"]) {--service-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231594ec%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%2019h11a4%204%200%200%200%201-8%207%207%200%200%200-13-1%204.5%204.5%200%200%200%201%209Z%22/%3E%3C/svg%3E")}
.velvot-services-modern .service-card:has(a[href*="productivity"]) {--service-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231594ec%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%226%22%20width%3D%2218%22%20height%3D%2215%22%20rx%3D%223%22/%3E%3Cpath%20d%3D%22M8%206V3h8v3M3%2012h18m-9-2v4%22/%3E%3C/svg%3E")}
.velvot-services-modern .service-card:has(a[href*="microsoft-365"]) {--service-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231594ec%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22/%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22/%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22/%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22/%3E%3C/svg%3E")}
.velvot-services-modern .service-card:has(a[href*="automation"]) {--service-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231594ec%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%229%22%20y%3D%222%22%20width%3D%226%22%20height%3D%226%22%20rx%3D%222%22/%3E%3Crect%20x%3D%222%22%20y%3D%2216%22%20width%3D%226%22%20height%3D%226%22%20rx%3D%222%22/%3E%3Crect%20x%3D%2216%22%20y%3D%2216%22%20width%3D%226%22%20height%3D%226%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M12%208v4H5v4m7-4h7v4%22/%3E%3C/svg%3E")}
.velvot-services-modern .service-card:has(a[href*="security-compliance"]) {--service-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231594ec%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%202%209%204v6c0%205-9%2010-9%2010S3%2017%203%2012V6l9-4Zm-4%2010%203%203%205-6%22/%3E%3C/svg%3E")}
.velvot-services-modern .service-card:has(a[href*="cybersecurity"]) {--service-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231594ec%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%2210%22%20width%3D%2214%22%20height%3D%2212%22%20rx%3D%223%22/%3E%3Cpath%20d%3D%22M8%2010V6a4%204%200%200%201%208%200v4m-4%205v3%22/%3E%3C/svg%3E")}
.velvot-services-modern .service-card:has(a[href*="app-development"]) {--service-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231594ec%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%226%22%20y%3D%226%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%223%22/%3E%3Cpath%20d%3D%22M9%201v5m6-5v5M9%2018v5m6-5v5M1%209h5m-5%206h5m12-6h5m-5%206h5m-13-5h4v4h-4z%22/%3E%3C/svg%3E")}
.velvot-services-modern .service-card:has(a[href*="web-development"]) {--service-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231594ec%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%2220%22%20height%3D%2218%22%20rx%3D%223%22/%3E%3Cpath%20d%3D%22M2%208h20m-13%204-3%203%203%203m6-6%203%203-3%203%22/%3E%3C/svg%3E")}