/* RMG Services 2026 1.2.2 - live compatibility for the approved Logo Design package page (2026-10-18).
   The approved CSS (rmg-styles.css, rmg-packages-2026-10-18.css) is byte-identical to the APPROVED folder.
   The live theme overrides four computed values the approved page relies on; these rules put the approved values back. No design change. */
.rmg-single .pk-bg:before,.rmg-single .pk-bg:after{box-sizing:content-box}
.rmg-single .pk-swoosh{overflow:visible}
.rmg-single{color:#09152e}
.rmg-single .rmg-service-note{margin:1em 0}

/* ---- STAGING 2026-10-18 (Seion 8:03-8:07 PM CT): icons matched to Seion reference (Font Awesome Free 6.6.0 solid, CC BY 4.0; cart = Lucide 0.460.0, ISC) + animation. Logo Design page only (.rmg-single). ---- */
.rmg-single .rmg-ic{display:block;flex:none;overflow:visible}
.rmg-single .rmg-ic.a-spin{transform-box:fill-box;transform-origin:center}
/* Spin = live /services/ Web Hosting & Domains spin: @keyframes rs-spin{to{transform:rotate(360deg)}} 1.1s cubic-bezier(.2,.8,.2,1). Same keyframes, own names (2 aliases so hover can replay after the load spin). */
@keyframes rmgk-spin{to{transform:rotate(360deg)}}
@keyframes rmgk-spin2{to{transform:rotate(360deg)}}
/* top of page: tier icons + Most Popular star spin once on load, staggered per card */
.rmg-single .pk-head .a-spin,.rmg-single .pk-pop .a-spin{animation:rmgk-spin 1.1s cubic-bezier(.2,.8,.2,1) var(--rmgk-d,0ms) both}
.rmg-single .pk-pop .a-spin{animation-delay:300ms}
/* replay on hover of the card (same trigger style as live: hover) */
.rmg-single .pk-card:hover .pk-head .a-spin{animation:rmgk-spin2 1.1s cubic-bezier(.2,.8,.2,1)}
/* Get Started buttons: pop out toward the viewer on hover / keyboard focus / tap, cart icon spins */
.rmg-single .pk-btn{position:relative;z-index:1;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s cubic-bezier(.2,.8,.2,1),filter .22s;will-change:transform;-webkit-tap-highlight-color:transparent}
.rmg-single .pk-btn:hover,.rmg-single .pk-btn:focus-visible,.rmg-single .pk-btn:active{color:#fff;transform:translateY(-6px) scale(1.1);filter:brightness(1.06);z-index:2;box-shadow:0 16px 30px rgba(10,60,140,.34),0 4px 10px rgba(10,60,140,.2)}
.rmg-single .pk-premium .pk-btn:hover,.rmg-single .pk-premium .pk-btn:focus-visible,.rmg-single .pk-premium .pk-btn:active{box-shadow:0 16px 30px rgba(200,50,10,.36),0 4px 10px rgba(200,50,10,.22)}
.rmg-single .pk-btn:hover .a-spin,.rmg-single .pk-btn:focus-visible .a-spin,.rmg-single .pk-btn:active .a-spin{animation:rmgk-spin 1.1s cubic-bezier(.2,.8,.2,1)}
.rmg-single .pk-btn svg.rmg-ic{width:30px;height:30px}
@media (prefers-reduced-motion:reduce){.rmg-single .rmg-ic.a-spin{animation:none!important}.rmg-single .pk-btn{transition:none}.rmg-single .pk-btn:hover,.rmg-single .pk-btn:focus-visible,.rmg-single .pk-btn:active{color:#fff;transform:none}}