.tool-hero{padding:25px 18px 18px}.tool-head{display:flex;align-items:center;gap:12px}.tool-head h1{font-size:35px;font-weight:300;margin:0}.back{width:44px;height:44px;border:0;border-radius:50%;background:#fff;font-size:25px}.scroll-row{display:flex;gap:13px;overflow:auto;scrollbar-width:none}.scroll-row::-webkit-scrollbar{display:none}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.service-card{background:#fff;border-radius:26px;padding:21px;min-height:165px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;position:relative}.service-card .svc-icon{position:absolute;top:23px;font-size:30px}.service-card h3{font-size:23px;font-weight:300;margin:0}.compass{width:min(84vw,360px);aspect-ratio:1;margin:25px auto;border-radius:50%;background:radial-gradient(circle,#fff 0 54%,#eceeef 55%);box-shadow:0 18px 55px rgba(0,0,0,.08);display:grid;place-items:center;position:relative}.needle{position:absolute;bottom:50%;left:calc(50% - 2px);width:4px;height:42%;background:#111;border-radius:5px;transform-origin:50% 100%}.tasbih-count{font-size:100px;font-weight:300}.tap-zone{min-height:55vh;display:grid;place-items:center;text-align:center;touch-action:manipulation;user-select:none}