/* Decorative service illustration: independent of account and authentication state. */
.service-scene{position:relative;width:100%;max-width:440px;height:268px;margin:28px 0 0;isolation:isolate}
.service-scene:before{content:'';position:absolute;inset:15px 20px;border-radius:50%;background:radial-gradient(ellipse,#407ce832,transparent 68%)}
.service-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;color:#6e9ee5}
.service-links path{fill:none;stroke:currentColor;stroke-width:1;stroke-dasharray:4 7;opacity:.5;animation:service-flow 24s linear infinite}
.service-hub{position:absolute;left:calc(50% - 28px);top:106px;width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:#255dbe;border:1px solid #82b5ff80;box-shadow:0 0 0 9px #87b6ff08,0 12px 30px #03142c50}
.service-hub svg{width:32px;height:32px;color:white}
.service-tile{position:absolute;display:flex;align-items:center;gap:11px;padding:14px;width:44%;border:1px solid #b8d3ff38;border-radius:14px;background:linear-gradient(135deg,#244878f5,#173762f5);box-shadow:0 10px 24px #03142c30;animation:service-float 7s ease-in-out infinite}
.service-tile:nth-of-type(2){left:0;top:8px;--rise:-6px}
.service-tile:nth-of-type(3){right:0;top:26px;animation-delay:-2s;--rise:6px}
.service-tile:nth-of-type(4){left:0;top:174px;animation-delay:-4s;--rise:6px}
.service-tile:nth-of-type(5){right:0;top:192px;animation-delay:-1s;--rise:-6px}
.service-icon{display:grid;place-items:center;flex:0 0 34px;height:38px;border-radius:10px;background:#a8cdff17;color:#c1dcff}
.service-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.service-tile strong{display:block;color:#fff;font-size:14px;font-weight:600;line-height:1.4;white-space:nowrap}
.service-tile small{display:block;color:#b3c9e9;font-size:11px;line-height:1.5;white-space:nowrap}
.service-scene-caption{margin:15px 0 0!important;font-size:12px!important;letter-spacing:.1px;color:#a8c7ec!important}
@keyframes service-float{0%,100%{transform:translateY(0)}50%{transform:translateY(var(--rise,-6px))}}
@keyframes service-flow{to{stroke-dashoffset:-220}}
@media(min-width:721px) and (max-width:1050px){.service-tile{padding:11px;gap:7px;width:46%}.service-icon{flex-basis:28px}.service-tile strong{font-size:12px}.service-tile small{font-size:10px}.service-scene{height:270px}}
@media(prefers-reduced-motion:reduce){.service-tile,.service-links path{animation:none}}