/* RMG Services 2026 1.2.1 - All Services section (tabs + 10 cards) approved by Seion 2026-10-18.
   Generated from APPROVED/rmg-services-allservices_APPROVED_2026-10-18.css: header/mega-menu/staging rules dropped, every remaining rule scoped under #rmgsv #rmgas (same order, same values). */
#rmgsv #rmgas{font-family:'Red Hat Text',Roboto,sans-serif;color:#1A1B1E;text-align:left}
#rmgsv #rmgas h2,#rmgsv #rmgas h4,#rmgsv #rmgas p{text-transform:none;letter-spacing:normal}
#rmgsv #rmgas .card h4{color:#1A1B1E}
/* neutralise rmg-o2.css rules that share class names (.pi, .ic) or heading defaults with this section */
#rmgsv #rmgas .pi{grid-template-columns:none;gap:0;padding:0;border:0;align-items:initial}
#rmgsv #rmgas .ic{vertical-align:baseline}#rmgsv #rmgas .ic svg{max-width:none}
#rmgsv #rmgas h2,#rmgsv #rmgas h4{line-height:normal;letter-spacing:normal}
/* same width as the approved section (1320px staging container), centred on the page even though the theme column is 1240px */
@media (min-width:1101px){#rmgsv #rmgas.svc{width:min(1320px,calc(100vw - 40px));position:relative;left:50%;transform:translateX(-50%)}}
#rmgsv #rmgas{--blue:#0095D9;--blue2:#1f6fe0;--orange:#FE4C1C;--orange2:#FF970F;--ink:#1A1B1E;--grey:#5b6472;--line:#e3ebf5;--bg:#F0F6FF}
#rmgsv #rmgas,#rmgsv #rmgas *{box-sizing:border-box}
#rmgsv #rmgas a{color:inherit;text-decoration:none}
#rmgsv #rmgas button{font:inherit;cursor:pointer;background:none;border:0;color:inherit}
#rmgsv #rmgas .card h4{margin:0 0 6px;font-family:'Red Hat Display';font-weight:700;font-size:16px}
#rmgsv #rmgas .card p{margin:0;font-size:12.5px;line-height:1.45;color:var(--grey)}
#rmgsv #rmgas .ic{flex:none;width:58px;height:58px;display:grid;place-items:center;border-radius:12px;background:#eef4fd}
#rmgsv #rmgas .ic svg{width:46px;height:46px;transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
#rmgsv #rmgas .card:hover .ic svg{transform:scale(1.12) rotate(-4deg)}
#rmgsv #rmgas.svc{padding:40px 32px 60px}
#rmgsv #rmgas .svc-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}
#rmgsv #rmgas .eyebrow{color:var(--orange);font-weight:700;font-size:12.5px;letter-spacing:.06em}
#rmgsv #rmgas.svc h2{margin:6px 0 0;font-family:'Red Hat Display';font-weight:900;font-size:40px;position:relative;padding-bottom:6px}
#rmgsv #rmgas.svc h2:after{content:"";position:absolute;left:0;bottom:0;width:72px;height:4px;border-radius:4px;background:var(--orange)}
#rmgsv #rmgas .svc-head p{font-weight:500;margin:0}
#rmgsv #rmgas .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
#rmgsv #rmgas .card{display:flex;align-items:center;gap:14px;padding:20px 16px;background:#fff;border-radius:14px;border:1px solid var(--line);box-shadow:0 4px 14px #1a3c6a0d;transition:transform .25s,box-shadow .25s;animation:rmgas-in .5s both}
#rmgsv #rmgas .card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #1f6fe022}
#rmgsv #rmgas .card.hide{display:none}
#rmgsv #rmgas .rb{margin-left:auto;flex:none;width:30px;height:30px;border-radius:50%;background:#e3effc;color:var(--blue2);display:grid;place-items:center;transition:.25s}
#rmgsv #rmgas .card:hover .rb{background:var(--blue2);color:#fff;transform:translateX(3px)}
#rmgsv #rmgas .pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;padding:14px;background:#fff;border-radius:14px;border:1px solid var(--line)}
#rmgsv #rmgas .pill{border:1px solid #d8e2ee;background:#fff;border-radius:999px;padding:9px 16px;font-size:13px;transition:.2s}
#rmgsv #rmgas .pill:hover{border-color:var(--blue2)}
#rmgsv #rmgas .pill.on{background:var(--blue2);color:#fff;border-color:var(--blue2);padding:9px 22px}
@keyframes rmgas-in{from{opacity:0;transform:translateY(10px)}}
#rmgsv #rmgas .float{animation:rmgas-fl 3s ease-in-out infinite}
@keyframes rmgas-fl{50%{transform:translateY(-2px)}}
@media (max-width:1100px){#rmgsv #rmgas .cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:820px){#rmgsv #rmgas.svc{padding:28px 16px}
#rmgsv #rmgas .svc-head{flex-direction:column;align-items:flex-start;gap:10px}
#rmgsv #rmgas.svc h2{font-size:32px}
#rmgsv #rmgas .cards{grid-template-columns:1fr}
#rmgsv #rmgas .pills{flex-wrap:nowrap;overflow-x:auto}
#rmgsv #rmgas .pill{white-space:nowrap}}
@media (prefers-reduced-motion:reduce){#rmgsv #rmgas,#rmgsv #rmgas *{animation:none!important;transition:none!important}}
#rmgsv #rmgas .pill{padding:8px 13px;font-size:12.5px}
#rmgsv #rmgas .pills{flex-wrap:nowrap;justify-content:space-between}
@media (max-width:1300px){#rmgsv #rmgas .pills{flex-wrap:wrap;justify-content:flex-start}}
#rmgsv #rmgas .pill{white-space:nowrap}
#rmgsv #rmgas .pills{flex-wrap:wrap;justify-content:flex-start}
#rmgsv #rmgas .ic{width:60px;height:60px;background:none}
#rmgsv #rmgas .ic svg{width:52px;height:52px}
#rmgsv #rmgas .card h4{font-size:17px;font-weight:800;margin-bottom:5px}
#rmgsv #rmgas .card p{font-size:12.5px;line-height:1.45}
#rmgsv #rmgas .card{padding:20px 14px;min-height:96px}
#rmgsv #rmgas .pills{flex-wrap:nowrap;justify-content:space-between;gap:6px;padding:12px}
#rmgsv #rmgas .pill{padding:7px 11px;font-size:12px}
#rmgsv #rmgas .pill.on{padding:7px 18px}
@media (max-width:1300px){#rmgsv #rmgas .pills{flex-wrap:wrap;justify-content:flex-start}}
@media (max-width:820px){#rmgsv #rmgas .pills{flex-wrap:wrap}
#rmgsv #rmgas .ic{width:52px;height:52px}
#rmgsv #rmgas .ic svg{width:44px;height:44px}}
#rmgsv #rmgas .card h4{font-size:18px}
#rmgsv #rmgas .card p{font-size:14px;line-height:1.4}
#rmgsv #rmgas .ic{width:64px;height:64px}
#rmgsv #rmgas .ic svg{width:60px;height:60px}
#rmgsv #rmgas.svc h2{font-size:48px}
#rmgsv #rmgas .eyebrow{font-size:14px}
#rmgsv #rmgas .svc-head p{font-size:16px}
#rmgsv #rmgas .pills{flex-wrap:nowrap!important;gap:6px}
#rmgsv #rmgas .pill{font-size:12.5px;padding:8px 12px}
@media (max-width:1300px){#rmgsv #rmgas .pills{flex-wrap:wrap!important}}
@media (max-width:820px){#rmgsv #rmgas .card p{font-size:13px}}
#rmgsv #rmgas .ic{background:linear-gradient(145deg,#eef4ff,#e3ecfa);border-radius:14px;width:66px;height:66px}
#rmgsv #rmgas .ic svg{width:50px;height:50px}
#rmgsv #rmgas.svc{margin-top:18px;background:linear-gradient(180deg,#f7faff,#eef5fd);border-radius:20px;padding:34px 28px 26px;box-shadow:0 2px 0 #e3ecf7}
#rmgsv #rmgas.svc h2:after{width:84px;height:4px}
#rmgsv #rmgas .card{background:linear-gradient(180deg,#fbfdff,#f3f7fd);border:1px solid #e3ebf6}
#rmgsv #rmgas .rb{background:#dcebfb}
#rmgsv #rmgas .pills{background:transparent;border:0;padding:6px 0 0}
#rmgsv #rmgas .pill{background:#fff;border-color:#dbe4ef}
#rmgsv #rmgas .pill.on{background:#1a6be3;border-color:#1a6be3}
@media (max-width:820px){#rmgsv #rmgas.svc{margin:12px;padding:24px 14px}}
#rmgsv #rmgas .card{gap:12px;padding:14px 12px}
#rmgsv #rmgas .card h4{font-size:16px;white-space:nowrap}
#rmgsv #rmgas .card p{font-size:12.5px}
#rmgsv #rmgas .ic{width:58px;height:58px}
#rmgsv #rmgas .ic svg{width:46px;height:46px}
#rmgsv #rmgas .rb{margin-left:auto}
@media (max-width:820px){#rmgsv #rmgas .card h4{white-space:normal}}
@keyframes rmgas-mmBob{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-2px) rotate(-2deg)}50%{transform:translateY(-3px) rotate(0)}75%{transform:translateY(-1px) rotate(2deg)}}
@keyframes rmgas-mmPop{0%{transform:scale(1)}45%{transform:scale(1.16) rotate(-6deg)}70%{transform:scale(1.08) rotate(4deg)}100%{transform:scale(1.12) rotate(0)}}
@keyframes rmgas-mmShine{0%,70%{left:-60%}100%{left:130%}}
@keyframes rmgas-mmOrb{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-8px,-9px) scale(1.06)}}
#rmgsv #rmgas.svc .pills{margin:0 0 18px;padding:0;flex-wrap:wrap!important;gap:8px}
#rmgsv #rmgas.svc .pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 6px!important;font-size:13px;animation:rmgas-in .5s both}
#rmgsv #rmgas.svc .pill.on{padding:6px 18px 6px 6px!important}
#rmgsv #rmgas .pills .pi{position:relative;overflow:hidden;flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#eef4ff,#e3ecfa);transition:box-shadow .25s,background .25s}
#rmgsv #rmgas .pills .pill.on .pi{background:#fff}
#rmgsv #rmgas .pills .pi:before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,#ffffffb3,transparent);transform:skewX(-18deg);animation:rmgas-mmShine 5.5s ease-in-out infinite;pointer-events:none}
#rmgsv #rmgas .pills .pi svg{position:relative;width:22px;height:22px;animation:rmgas-mmBob 3.2s ease-in-out infinite;transform-origin:50% 60%}
#rmgsv #rmgas .pills .pill:nth-child(3n+2) .pi svg{animation-delay:-1.1s}
#rmgsv #rmgas .pills .pill:nth-child(3n) .pi svg{animation-delay:-2.2s}
#rmgsv #rmgas .pills .pill:nth-child(n+5) .pi:before{animation-delay:.6s}
#rmgsv #rmgas .pills .pill:nth-child(n+9) .pi:before{animation-delay:1.2s}
#rmgsv #rmgas .pills .pill:hover .pi svg,#rmgsv #rmgas .pills .pill:focus-visible .pi svg{animation:rmgas-mmPop .7s cubic-bezier(.3,1.6,.5,1) both}
#rmgsv #rmgas .pills .pill:hover .pi{box-shadow:0 4px 10px #1f6fe033}
@media (max-width:820px){#rmgsv #rmgas.svc .pills{flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:6px}
#rmgsv #rmgas.svc .pill{white-space:nowrap}}
@media (prefers-reduced-motion:reduce){#rmgsv #rmgas .pills .pi:before{display:none}
#rmgsv #rmgas .pills .pi svg{animation:none!important}}
#rmgsv #rmgas .pills .pill-rs .pi{width:34px;height:30px;border-radius:9px;background:#E8F6FD}
#rmgsv #rmgas .pills .pill-rs .pi svg{width:32px;height:24px;overflow:visible}
#rmgsv #rmgas .pills .pill-rs .pi g{transform-box:fill-box;transform-origin:center}
@keyframes rs-pulse{0%,100%{transform:scale(1)}45%{transform:scale(1.16)}}
@keyframes rs-spin{to{transform:rotate(360deg)}}
@keyframes rs-draw{0%{stroke-dasharray:140;stroke-dashoffset:140}100%{stroke-dasharray:140;stroke-dashoffset:0}}
#rmgsv #rmgas .pills .pill-rs:hover .pi .a-pulse{animation:rs-pulse .8s cubic-bezier(.2,.8,.2,1)}
#rmgsv #rmgas .pills .pill-rs:hover .pi .a-spin{animation:rs-spin 1.1s cubic-bezier(.2,.8,.2,1)}
#rmgsv #rmgas .pills .pill-rs:hover .pi .a-draw path{animation:rs-draw .9s cubic-bezier(.2,.8,.2,1)}
@media (prefers-reduced-motion:reduce){#rmgsv #rmgas .pills .pill-rs .pi g,#rmgsv #rmgas .pills .pill-rs .pi path{animation:none!important}}
#rmgsv #rmgas.svc .pills{justify-content:flex-start!important}
#rmgsv #rmgas.svc .pill{flex:none!important}
#rmgsv #rmgas .cards{display:flex!important;flex-wrap:wrap;justify-content:center;gap:14px}
#rmgsv #rmgas .cards .card{flex:0 0 calc((100% - 42px)/4);min-width:0}
#rmgsv #rmgas .card-rs .ic{background:#E8F6FD}
#rmgsv #rmgas .card-rs .ic svg{width:54px;height:40px;overflow:visible}
#rmgsv #rmgas .card-rs .ic g{transform-box:fill-box;transform-origin:center}
#rmgsv #rmgas .card-rs:hover .ic .a-pulse{animation:rs-pulse .8s cubic-bezier(.2,.8,.2,1)}
#rmgsv #rmgas .card-rs:hover .ic .a-spin{animation:rs-spin 1.1s cubic-bezier(.2,.8,.2,1)}
#rmgsv #rmgas .card-rs:hover .ic .a-draw path{animation:rs-draw .9s cubic-bezier(.2,.8,.2,1)}
@media (max-width:1100px){#rmgsv #rmgas .cards .card{flex-basis:calc((100% - 14px)/2)}}
@media (max-width:820px){#rmgsv #rmgas .cards .card{flex-basis:100%}}