/* Hover glow from the live site's silver-lines.css, made stronger: an orbiting light on the edge, a breathing
   outline and a soft outer bloom. Silver on cards and the green buttons, green on the other buttons.
   Only used by signature-pick.html. */
@property --sm-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
.sm-glow-host{position:relative;isolation:isolate}
.sm-glow{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:4}
.sm-glow::before{content:'';position:absolute;inset:-3px;border-radius:inherit;padding:3px;opacity:0;background:conic-gradient(from var(--sm-angle),transparent 0deg,transparent 140deg,#c4d2df88 220deg,#fff 285deg,#e6eef5aa 325deg,transparent 359deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;filter:drop-shadow(0 0 6px #fff);transition:opacity .25s;animation:sm-orbit 3.6s linear infinite;animation-play-state:paused}
.sm-glow::after{content:'';position:absolute;inset:0;border:1.5px solid #f2f7ff;border-radius:inherit;opacity:0;box-shadow:0 0 16px #e3eefcdd,0 0 42px #cfe1ff88,0 0 80px #cfe1ff33,inset 0 0 14px #e7f3ff44;transition:opacity .25s}
.sm-glow.green::before{background:conic-gradient(from var(--sm-angle),transparent 0deg,transparent 140deg,#b0e84d88 220deg,#eaffb8 285deg,#c9ff75aa 325deg,transparent 359deg);filter:drop-shadow(0 0 6px #c9ff75)}
.sm-glow.green::after{border-color:#d5ff75;box-shadow:0 0 16px #c2fa70dd,0 0 42px #b4ed5588,0 0 80px #b4ed5533,inset 0 0 14px #d5ff7533}
@media(hover:hover){.sm-glow-host:hover>.sm-glow::before{opacity:1;animation-play-state:running}.sm-glow-host:hover>.sm-glow::after{opacity:1;animation:sm-breathe 2.4s ease-in-out infinite}}
.sm-glow-host:focus-visible>.sm-glow::after{opacity:.9}
@keyframes sm-orbit{to{--sm-angle:360deg}}@keyframes sm-breathe{0%,100%{opacity:.6}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.sm-glow::before,.sm-glow::after{animation:none!important;transition:none!important}.sm-glow-host:hover>.sm-glow::after{opacity:.8}}
body.light .sm-glow:not(.green)::after{border-color:#9fb0bd;box-shadow:0 0 14px #8fa3b388,0 0 34px #b9c8d366}
/* Text links: rounded pill that sits around the words with space on every side. */
.sm-glow.pill{inset:-9px -16px;border-radius:999px}
/* Zero specificity: any page rule that hides or lays out these links still wins. */
:where(.sm-glow-host:has(>.sm-glow.pill)){display:inline-flex;align-items:center;gap:.35em}
.care-details>summary.sm-glow-host{display:flex}
.desktop-nav .sm-glow.pill,.footer-legal .sm-glow.pill{inset:-7px -9px}
/* Hosts that clip their own content: the orbit runs just inside the edge and the bloom is a breathing shadow on the host. */
.sm-clipped>.sm-glow::before{inset:0}
@media(hover:hover){
.sm-clipped.sm-silver:hover{animation:sm-bloom-silver 2.4s ease-in-out infinite}
.sm-clipped.sm-green:hover{animation:sm-bloom-green 2.4s ease-in-out infinite}}
@keyframes sm-bloom-silver{0%,100%{box-shadow:0 0 14px #e3eefc99,0 0 36px #cfe1ff55}50%{box-shadow:0 0 20px #e3eefcee,0 0 56px #cfe1ff99,0 0 90px #cfe1ff33}}
@keyframes sm-bloom-green{0%,100%{box-shadow:0 0 14px #c2fa7099,0 0 36px #b4ed5555}50%{box-shadow:0 0 20px #c2fa70ee,0 0 56px #b4ed5599,0 0 90px #b4ed5533}}
@media(prefers-reduced-motion:reduce){.sm-clipped:hover{animation:none!important;box-shadow:0 0 16px #e3eefcaa,0 0 40px #cfe1ff66}}
/* The header login already has its own padding: its pill hugs it so it never touches "Let's talk". */
.header-login>.sm-glow.pill{inset:-3px}
/* Full-width rows (the hosting & care toggle) get a rounded glow that follows the row instead of a wide pill. */
.care-details>summary.sm-glow-host{border-radius:10px;padding-inline:12px;margin-inline:-12px}