.tmr-service-circle{--rim:#16a8ff;--glow:rgba(7,145,255,.56);display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;text-decoration:none;width:162px;height:162px;min-width:162px;flex:0 0 162px;padding:14px 14px 13px;border-radius:50%;border:3px solid rgba(43,179,255,.99);background:radial-gradient(circle at 48% 30%,rgba(17,61,122,.72) 0%,rgba(4,26,64,.95) 56%,#010d22 81%),#031d42;box-shadow:0 0 0 3px rgba(9,85,185,.75),0 0 0 6px rgba(17,127,237,.15),0 0 20px var(--glow),0 9px 16px rgba(0,31,102,.76),inset 0 0 12px rgba(30,133,255,.60),inset 0 0 27px rgba(4,58,117,.62);transition:transform .18s,box-shadow .18s;isolation:isolate}
.tmr-service-circle::before{content:"";pointer-events:none;position:absolute;inset:6px;border:1px solid rgba(71,198,255,.68);border-radius:50%;box-shadow:0 0 11px rgba(50,181,255,.52),inset 0 0 12px rgba(15,111,212,.18)}
.tmr-service-circle::after{content:"";pointer-events:none;position:absolute;z-index:-2;bottom:-16px;left:9%;right:9%;height:18px;background:radial-gradient(ellipse,rgba(12,145,255,.46),transparent 74%);filter:blur(6px)}
.tmr-service-circle:hover,.tmr-service-circle:focus-visible{transform:translateY(-6px);box-shadow:0 0 0 3px rgba(9,85,185,.95),0 0 0 6px rgba(17,127,237,.24),0 0 34px var(--glow),0 15px 22px rgba(0,31,102,.76),inset 0 0 19px rgba(52,176,255,.7)}
.tmr-service-circle.tmr-circle-purple{--rim:#ae72ff;--glow:rgba(155,58,255,.53);border-color:#b575ff;background:radial-gradient(circle at 50% 29%,rgba(80,41,139,.48),rgba(24,15,73,.96) 62%,#100b3b 85%);box-shadow:0 0 0 3px rgba(72,27,135,.75),0 0 0 6px rgba(164,93,243,.16),0 0 22px var(--glow),0 10px 14px rgba(33,6,95,.62),inset 0 0 13px rgba(160,80,244,.48)}
.tmr-service-circle.tmr-circle-purple::before{border-color:rgba(203,137,255,.65);box-shadow:0 0 11px rgba(187,105,255,.43)}.tmr-service-circle.tmr-circle-purple::after{background:radial-gradient(ellipse,rgba(154,54,255,.48),transparent 76%)}.tmr-service-circle.tmr-circle-purple:hover{box-shadow:0 0 0 3px rgba(72,27,135,.87),0 0 0 6px rgba(164,93,243,.26),0 0 35px var(--glow),inset 0 0 18px rgba(200,117,255,.48)}
.tmr-circle-icon{display:block;flex:0 0 auto;width:34px;height:34px;stroke-width:1.75;color:#39cfff;filter:drop-shadow(0 0 10px rgba(45,170,255,.6))}.tmr-circle-track .tmr-circle-icon{color:#76aaff}.tmr-circle-monitor .tmr-circle-icon{color:#25e2eb}.tmr-service-circle.tmr-circle-purple .tmr-circle-icon{color:#d0a0ff;filter:drop-shadow(0 0 10px rgba(185,104,255,.7))}
.tmr-service-circle h4{margin:1px 0 0;font-weight:800;letter-spacing:-.025em;line-height:1.08;font-size:14px;max-width:124px}.tmr-service-circle p{margin:0;color:#d2e2f5;font-size:10.5px;line-height:1.28;max-width:128px;min-height:42px}
.tmr-circle-collection{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;padding:14px 0}
.tmr-circle-component-icons{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}



@media(max-width:680px){.tmr-service-circle{width:148px;height:148px;min-width:148px;flex-basis:148px}.tmr-circle-collection{gap:16px}}

/* ADR landing page: isolate shared component from legacy page typography. */
.hero-motif a.tmr-service-circle{box-sizing:border-box!important;position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:174px!important;height:174px!important;min-width:174px!important;min-height:174px!important;max-width:174px!important;max-height:174px!important;flex:0 0 174px!important;margin:0!important;padding:19px 13px!important;text-align:center!important;overflow:visible!important;line-height:normal!important}
.hero-motif a.tmr-service-circle .tmr-circle-icon{width:32px!important;height:32px!important;flex-shrink:0!important;margin:0!important;display:block!important}
.hero-motif a.tmr-service-circle h4{display:block!important;margin:2px 0 0!important;padding:0!important;font-size:13px!important;line-height:1.16!important;max-width:135px!important;letter-spacing:-.02em!important;text-align:center!important;position:static!important;transform:none!important;white-space:normal!important}
.hero-motif a.tmr-service-circle p{display:block!important;margin:0!important;padding:0!important;color:#e2d6fa!important;font-size:10px!important;line-height:1.25!important;max-width:130px!important;min-height:0!important;text-align:center!important;position:static!important;transform:none!important;white-space:normal!important}
.hero-motif{min-height:182px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}
@media(max-width:550px){.hero-motif{justify-content:center!important}}