:root { --brand:#0d6efd; --ink:#0b1220; }
body { font-family: system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial; color: var(--ink); }
.hero { position: relative; background: linear-gradient(180deg, rgba(13,110,253,.08), rgba(13,110,253,.03)); min-height: 60vh; display: grid; place-items: center; text-align: center; color: #0b1220; }
.hero .mask { position:absolute; inset:0; background:rgba(255,255,255,.6); }
.hero .content { position: relative; z-index: 1; }
.hero-logo { height: 72px; width: auto; margin-bottom: 1rem; }
.hero-mini { background: linear-gradient(180deg, rgba(13,110,253,.06), rgba(13,110,253,.02)); }
.service-card { transition: transform .25s, box-shadow .25s; }
.service-card:hover { transform: translateY(-4px); box-shadow: 0 10px 30px rgba(0,0,0,.08); }
body.rtl .text-dir-start { text-align: right; }
body.ltr .text-dir-start { text-align: left; }