/* One continuous circuit of twelve unique crystal service links. */
.service-glide{position:relative;overflow:hidden;padding:31px 0 12px;background:#fff}
.service-glide:before{content:"";position:absolute;left:13%;right:13%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(57,181,204,.16),transparent);pointer-events:none}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.glide-lane{position:relative;width:100%;height:104px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#a6cdd5 transparent;overscroll-behavior-inline:contain}
.glide-track{display:flex;align-items:center;gap:15px;width:max-content;min-height:94px;padding:12px 16px}
.glide-lane.is-running{overflow:hidden}
.glide-lane.is-running .glide-track{display:block;position:relative;width:100%;height:100%;min-height:0;padding:0}
.glide-chip{--crystal:#47dbed;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:none;min-height:62px;padding:0 23px 0 20px;overflow:hidden;border:1px solid rgba(96,197,215,.64);border-radius:18px;background:linear-gradient(125deg,rgba(255,255,255,.95) 0%,rgba(230,250,253,.88) 30%,rgba(142,226,239,.63) 57%,rgba(233,250,253,.92) 80%,rgba(177,211,222,.68) 100%);box-shadow:inset 0 2px 1px rgba(255,255,255,.98),inset 0 -2px 5px rgba(48,143,171,.18),0 8px 20px rgba(29,90,113,.16),0 0 16px rgba(88,219,236,.12);color:#173f52;font:800 12px/1.15 Manrope,Arial,sans-serif;white-space:nowrap;text-decoration:none;letter-spacing:.015em;isolation:isolate;transform:translateZ(0);transition:scale .23s ease,background .23s ease,box-shadow .23s ease,border-color .23s ease,color .23s ease}
.glide-lane.is-running .glide-chip{position:absolute;top:20px;left:0;will-change:transform}
.glide-chip:nth-child(4n+2){--crystal:#8acfff;border-color:rgba(139,179,217,.72);background:linear-gradient(120deg,#fff,rgba(224,239,252,.9) 41%,rgba(160,211,247,.54) 69%,#f8fcff)}
.glide-chip:nth-child(4n+3){--crystal:#76dfd4;border-color:rgba(116,205,198,.66);background:linear-gradient(120deg,#fff,rgba(224,249,246,.95) 41%,rgba(154,225,218,.58) 69%,#fafffe)}
.glide-chip:nth-child(4n){--crystal:#c6d9e5;border-color:rgba(152,185,202,.75);background:linear-gradient(120deg,#fff,rgba(234,244,249,.95) 40%,rgba(179,213,227,.61) 70%,#fff)}
.glide-chip:before{content:"";position:absolute;inset:-40% auto -40% -36%;width:53%;z-index:0;transform:skewX(-24deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent);opacity:.7;transition:left .48s ease}
.glide-chip:after{content:"";position:absolute;inset:2px;border:1px solid rgba(255,255,255,.53);border-radius:15px;pointer-events:none}
.glide-dot{position:relative;z-index:1;flex:none;width:9px;height:9px;border-radius:3px;transform:rotate(45deg);background:var(--crystal);box-shadow:0 0 0 3px rgba(255,255,255,.83),0 0 10px var(--crystal),0 0 19px var(--crystal)}
.glide-label{position:relative;z-index:1}
.glide-chip:is(:hover,:focus-visible,.is-armed){z-index:3;scale:1.095;border-color:#28d5f0;background:linear-gradient(125deg,#fff,#d7faff 39%,#8beafa 67%,#f5fcff);color:#0b3b51;box-shadow:inset 0 2px 1px #fff,0 0 0 2px rgba(114,232,248,.32),0 7px 22px rgba(20,133,171,.28),0 0 23px rgba(33,214,240,.58),0 0 42px rgba(119,213,242,.37)}
.glide-chip:is(:hover,:focus-visible,.is-armed):before{left:104%}
.glide-chip:focus-visible{outline:2px solid #087e94;outline-offset:4px}
.glide-chip.is-bursting{z-index:5;animation:crystal-break .48s ease-out both;pointer-events:none}
@keyframes crystal-break{0%{opacity:1;scale:1.09;filter:brightness(1)}32%{opacity:1;scale:1.24;filter:brightness(1.9)}100%{opacity:0;scale:.68;filter:blur(8px) brightness(2.2)}}
.crystal-burst{position:fixed;inset:0;z-index:9999;pointer-events:none;overflow:hidden}
.crystal-shard{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border:1px solid rgba(255,255,255,.92);clip-path:polygon(50% 0,100% 31%,79% 100%,0 70%);background:linear-gradient(135deg,#fff 7%,#91f2ff 46%,#1cb1d5 72%,#e0edf3);box-shadow:0 0 8px #67e8ff;opacity:0;animation:crystal-shatter .57s cubic-bezier(.17,.72,.32,1) var(--delay) forwards}
.crystal-shard:nth-child(3n){border-radius:50%;clip-path:none;background:#fff;box-shadow:0 0 12px #31dfff}
.crystal-shard:nth-child(4n){background:linear-gradient(130deg,#fff,#b7c7d6 64%,#5a9cb2)}
@keyframes crystal-shatter{0%{opacity:0;transform:translate3d(0,0,0) scale(.3) rotate(0)}15%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translate3d(var(--dx),var(--dy),0) scale(.25) rotate(var(--spin))}}
.crystal-shockwave{position:absolute;left:var(--cx);top:var(--cy);width:52px;height:52px;border:3px solid #9df5ff;border-radius:50%;box-shadow:0 0 12px #30dbf5,inset 0 0 16px #a2eafb;transform:translate(-50%,-50%) scale(.3);animation:crystal-shock .52s ease-out forwards}
@keyframes crystal-shock{0%{opacity:1;transform:translate(-50%,-50%) scale(.3)}100%{opacity:0;transform:translate(-50%,-50%) scale(7)}}
.crystal-flash{position:absolute;left:var(--cx);top:var(--cy);width:180px;height:90px;background:radial-gradient(ellipse,#fff 0%,rgba(146,244,255,.8) 23%,transparent 70%);transform:translate(-50%,-50%);animation:crystal-flash .4s ease-out forwards}
@keyframes crystal-flash{from{opacity:1;scale:.3}to{opacity:0;scale:1.8}}
.service-glide+.intro{padding-top:70px}
@media(max-width:800px){.service-glide{padding:24px 0 6px}.glide-lane{height:86px}.glide-track{gap:11px;min-height:80px;padding:10px 12px}.glide-chip{min-height:55px;padding:0 17px;font-size:11px;border-radius:16px}.glide-chip:after{border-radius:13px}.glide-lane.is-running .glide-chip{top:14px}.service-glide+.intro{padding-top:56px}}
@media(prefers-reduced-motion:reduce){.glide-lane{height:auto;min-height:77px}.glide-chip{transition:none!important}.glide-chip:before{transition:none}.glide-chip.is-bursting{animation:none}.crystal-burst{display:none}}

/* Selected chip advances in depth while its horizontal position remains fixed. */
.glide-lane{height:134px}
.glide-lane.is-running .glide-chip{top:35px}
.glide-chip.is-primed,.glide-chip.is-primed:is(:hover,:focus-visible){
  z-index:8;scale:1.3;border-color:#d9fbff;
  background:linear-gradient(130deg,#073448 0%,#126b8a 28%,#19c8e0 53%,#68edfa 72%,#b5cbd9 100%);
  color:#fff;text-shadow:0 1px 4px rgba(1,39,58,.52);
  box-shadow:inset 0 2px 2px rgba(255,255,255,.8),inset 0 -5px 12px rgba(0,75,105,.48),0 0 0 2px rgba(149,245,255,.73),0 15px 28px rgba(3,75,113,.32),0 0 32px rgba(19,220,246,.93),0 0 65px rgba(46,192,245,.52);
  animation:crystal-prime-shake .56s ease-out 1,crystal-prime-glow 1.8s ease-in-out .56s infinite;
}
.glide-chip.is-primed .glide-label{transform:translateY(-6px)}
.glide-chip.is-primed .glide-dot{background:#eaffff;box-shadow:0 0 0 3px rgba(255,255,255,.35),0 0 13px #fff,0 0 23px #61efff}
.crystal-hint{position:absolute;z-index:2;bottom:8px;left:0;right:0;text-align:center;font:800 7px/1 Manrope,Arial,sans-serif;letter-spacing:.12em;color:#e5fcff;text-shadow:0 0 7px #4beaff}
.crystal-ion{position:absolute;left:var(--ix);top:var(--iy);width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 7px 3px #87f7ff;pointer-events:none;opacity:0;animation:crystal-ion .85s ease-out var(--id) forwards}
@keyframes crystal-ion{0%{opacity:0;scale:.2}26%{opacity:1;scale:1.8}100%{opacity:0;scale:.1}}
@keyframes crystal-prime-shake{0%,100%{rotate:0}12%{rotate:-2deg}23%{rotate:1.8deg}34%{rotate:-1.2deg}46%{rotate:.7deg}64%{rotate:-.35deg}}
@keyframes crystal-prime-glow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.18) saturate(1.2)}}
.glide-chip.is-primed.is-bursting{animation:crystal-break .58s cubic-bezier(.2,.6,.4,1) both}
@keyframes crystal-break{0%{opacity:1;scale:1.3;filter:brightness(1)}30%{opacity:1;scale:1.48;filter:brightness(2.2)}100%{opacity:0;scale:.62;filter:blur(12px) brightness(2.7)}}
.crystal-portal{position:absolute;left:var(--cx);top:var(--cy);width:100vmax;height:100vmax;border-radius:50%;background:radial-gradient(circle,#f6ffff 0%,#80ecfb 18%,#129cc4 40%,rgba(4,43,70,.85) 66%,transparent 72%);opacity:0;transform:translate(-50%,-50%) scale(.005);animation:crystal-portal .77s cubic-bezier(.16,.65,.36,1) forwards}
@keyframes crystal-portal{0%{opacity:0;transform:translate(-50%,-50%) scale(.005)}18%{opacity:.84}76%{opacity:.92}100%{opacity:1;transform:translate(-50%,-50%) scale(2.8)}}
.crystal-shockwave-late{animation-delay:.16s;border-color:#fff}
.crystal-shard{z-index:2;animation-duration:.72s}
.crystal-flash{z-index:3}
@media(max-width:800px){.glide-lane{height:112px}.glide-lane.is-running .glide-chip{top:27px}.glide-chip.is-primed,.glide-chip.is-primed:is(:hover,:focus-visible){scale:1.22}}
@media(prefers-reduced-motion:reduce){.glide-chip.is-primed,.glide-chip.is-primed:is(:hover,:focus-visible){animation:none;scale:1.08}.glide-chip.is-primed.is-bursting{animation:none}.crystal-ion{display:none}}

/* Hover lifts in depth; the reel stays fixed while any pointer is inside it. */
.glide-lane.is-running{overflow:clip}
.glide-chip:is(:hover,:focus-visible,.is-primed),
.glide-chip.is-primed:is(:hover,:focus-visible){
  z-index:8;scale:1.29;border-color:#d9fbff;
  background:linear-gradient(130deg,#073448 0%,#126b8a 28%,#19c8e0 53%,#68edfa 72%,#b5cbd9 100%);
  color:#fff;text-shadow:0 1px 4px rgba(1,39,58,.52);
  box-shadow:inset 0 2px 2px rgba(255,255,255,.8),inset 0 -5px 12px rgba(0,75,105,.48),0 0 0 2px rgba(149,245,255,.73),0 15px 28px rgba(3,75,113,.32),0 0 32px rgba(19,220,246,.93),0 0 65px rgba(46,192,245,.52);
  animation:crystal-prime-shake .56s ease-out 1,crystal-prime-glow 1.8s ease-in-out .56s infinite;
}
.glide-chip:is(:hover,:focus-visible,.is-primed) .glide-dot{background:#eaffff;box-shadow:0 0 0 3px rgba(255,255,255,.35),0 0 13px #fff,0 0 23px #61efff}
.glide-chip.is-primed .glide-label{transform:none}
.glide-chip.is-primed.is-bursting{animation:crystal-break .58s cubic-bezier(.2,.6,.4,1) both}
.crystal-promo{position:fixed;z-index:1000;box-sizing:border-box;display:grid;gap:8px;padding:21px 22px 16px;border:1px solid #b4f4fc;border-radius:18px;background:linear-gradient(135deg,rgba(4,41,63,.97),rgba(9,97,126,.97) 68%,rgba(35,162,186,.96));color:#fff;box-shadow:0 18px 45px rgba(5,44,70,.38),0 0 28px rgba(35,225,247,.65),inset 0 1px 0 rgba(255,255,255,.55);font:600 13px/1.45 Manrope,Arial,sans-serif;opacity:0;transform:translateY(9px) scale(.94);transition:opacity .28s,transform .28s;pointer-events:none}
.crystal-promo.is-visible{opacity:1;transform:translateY(0) scale(1)}
.crystal-promo.is-closing{opacity:0;transform:scale(1.2);transition-duration:.3s}
.crystal-promo-eyebrow{color:#9ef4ff;font-size:10px;font-weight:900;letter-spacing:.15em}
.crystal-promo strong{font-size:19px;line-height:1.15}
.crystal-promo small{font-size:11px;color:#c6eef4}
.crystal-promo i{display:block;height:3px;margin-top:5px;border-radius:3px;background:linear-gradient(90deg,#77f5ff,#fff);transform-origin:left;animation:crystal-countdown 5s linear forwards}
@keyframes crystal-countdown{from{scale:1 1}to{scale:0 1}}
@media(max-width:800px){.glide-chip:is(:hover,:focus-visible,.is-primed),.glide-chip.is-primed:is(:hover,:focus-visible){scale:1.2}.crystal-promo{padding:16px 18px}}
@media(prefers-reduced-motion:reduce){.glide-chip:is(:hover,:focus-visible,.is-primed),.glide-chip.is-primed:is(:hover,:focus-visible){animation:none;scale:1.08}.crystal-promo,.crystal-promo.is-visible{transition:none;transform:none}.crystal-promo i{animation:none}}

/* The animated copy lifts from a stationary reel chip. No chip is scaled or shifted on hover. */
.glide-lane.is-running .glide-chip:is(:hover,:focus-visible,.is-primed),
.glide-lane.is-running .glide-chip.is-primed:is(:hover,:focus-visible){
  z-index:1;scale:1;rotate:0;animation:none;border-color:rgba(96,197,215,.64);
  background:linear-gradient(125deg,rgba(255,255,255,.95),rgba(230,250,253,.88) 30%,rgba(142,226,239,.63) 57%,rgba(233,250,253,.92) 80%,rgba(177,211,222,.68));
  color:#173f52;text-shadow:none;box-shadow:inset 0 2px 1px rgba(255,255,255,.98),inset 0 -2px 5px rgba(48,143,171,.18),0 8px 20px rgba(29,90,113,.16);
}
.glide-lane.is-running .glide-chip:is(:hover,:focus-visible) .glide-label{transform:none}
.glide-lane.is-running .glide-chip.is-bursting{opacity:0}
.glide-spotlight{position:fixed;z-index:1001;pointer-events:none;isolation:isolate;transform:translate(-50%,-50%);filter:drop-shadow(0 0 18px #15eaff) drop-shadow(0 0 36px rgba(0,191,234,.75));animation:spotlight-ignition .65s cubic-bezier(.12,1.35,.34,1) both,spotlight-flicker 1.6s ease-in-out .65s infinite}
.glide-spotlight:before{content:"";position:absolute;inset:-34px;border:2px solid rgba(119,243,255,.8);border-radius:33px;box-shadow:0 0 15px #fff,0 0 35px #00dff8,inset 0 0 30px rgba(29,222,244,.7);animation:spotlight-ring .9s ease-out both}
.glide-spotlight:after{content:"";position:absolute;inset:-15px;border-radius:28px;background:repeating-conic-gradient(from 0deg,transparent 0deg 14deg,rgba(117,246,255,.7) 15deg 16deg,transparent 17deg 30deg);mask:radial-gradient(ellipse,transparent 57%,#000 70%,transparent 78%);animation:spotlight-friction 1.1s linear infinite}
.spotlight-core{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 8px;border:1px solid #efffff;border-radius:19px;background:linear-gradient(125deg,#052d46,#0b789d 32%,#06c5e8 65%,#b0fbff);box-shadow:inset 0 2px 2px #fff,inset 0 -8px 16px #066686,0 0 0 3px rgba(149,252,255,.77),0 0 28px #08dfff,0 0 65px rgba(0,198,246,.95);color:#fff;text-shadow:0 1px 4px #06405c;font:900 12px/1.1 Manrope,Arial,sans-serif;white-space:nowrap}
.spotlight-core:after{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.65);border-radius:15px}
.spotlight-gem{color:#f6ffff;font-size:15px;text-shadow:0 0 8px #fff,0 0 20px #1feaff}
.spotlight-title{position:relative;z-index:1}
.spotlight-spark{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 6px 2px #fff,0 0 15px 5px #05dbff;animation:spotlight-spark .9s ease-out var(--sd) both}
@keyframes spotlight-ignition{0%{opacity:0;scale:.5;filter:brightness(2)}25%{opacity:1;scale:1.76;filter:brightness(2.4)}45%{scale:1.38;rotate:-1.2deg}62%{scale:1.55;rotate:1deg}78%{scale:1.43;rotate:-.4deg}100%{scale:1.48;rotate:0}}
@keyframes spotlight-flicker{0%,100%{filter:drop-shadow(0 0 18px #15eaff) drop-shadow(0 0 36px rgba(0,191,234,.75))}50%{filter:drop-shadow(0 0 28px #b7ffff) drop-shadow(0 0 58px #05ddff)}}
@keyframes spotlight-ring{0%{opacity:0;scale:.3}35%{opacity:1}100%{opacity:.45;scale:1.4}}
@keyframes spotlight-friction{to{rotate:360deg}}
@keyframes spotlight-spark{0%{opacity:0;transform:translate(0,0) scale(.2)}20%{opacity:1}100%{opacity:0;transform:translate(var(--sx),var(--sy)) scale(.1)}}
.glide-spotlight.is-exploding{animation:crystal-break .6s ease-out both}
.crystal-promo{z-index:1002;background:linear-gradient(135deg,#06283d,#08617c 68%,#159ab0);box-shadow:0 20px 42px rgba(4,34,59,.45),0 0 32px rgba(23,223,246,.72);opacity:0}
.crystal-promo.is-visible{opacity:1}
.crystal-promo i{display:none}
.crystal-promo.is-counting i{display:block}
@media(max-width:800px){.glide-spotlight{scale:.84}.crystal-promo{max-width:calc(100vw - 24px)}}
@media(prefers-reduced-motion:reduce){.glide-spotlight{display:none}.crystal-promo i{animation:none}}
