/* Six connected, clickable digital-solution tiles. */
.digital-teaser{grid-template-columns:.82fr 1.18fr;gap:50px;padding-block:95px;background:radial-gradient(ellipse at 80% 45%,#0b4c7230,transparent 58%),linear-gradient(115deg,#07172b,#050e1c);overflow:hidden}.digital-teaser>div:first-child{max-width:440px}.digital-teaser h2{font-size:clamp(34px,3.25vw,50px);line-height:1.17}.digital-teaser p{max-width:380px;line-height:1.85}.solution-network{position:relative;padding:20px;border:1px solid #2560846b;border-radius:18px;background:radial-gradient(ellipse at 50% 45%,#126db124,#071524 75%);box-shadow:0 30px 70px #0003,0 0 70px #0878bc0a;isolation:isolate}.solution-network:before{content:'';position:absolute;inset:-1px;border-radius:18px;background:linear-gradient(115deg,#1686c826,transparent 38%,#26c7d919);pointer-events:none;z-index:-1}.solution-network-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;min-height:30px}.solution-network-top>span{display:flex;align-items:center;gap:9px;font:7px var(--font);letter-spacing:1.6px;color:#80b4d2}.solution-network-top>span>i{width:5px;height:5px;border-radius:50%;background:#28d6de;box-shadow:0 0 12px #23d8df99}.network-motion-toggle{font-size:8px;letter-spacing:0;padding:6px 8px;border:1px solid #25547280;border-radius:5px;flex-shrink:0;min-height:30px}.network-motion-toggle:hover{color:#d0f8ff;border-color:#2d98b7}.network-motion-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.network-motion-toggle:disabled{cursor:default;opacity:.7}.solution-board{position:relative}.solution-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none}.connection-track{stroke:#246183;stroke-width:1}.connection-signal{stroke:url(#solution-signal);stroke-width:2;stroke-dasharray:18 220;animation:solution-flow 9s linear infinite}.solution-connections circle{fill:#70f6f5;stroke:#1f6c96;stroke-width:4;animation:solution-junction 6s ease-in-out infinite}.solution-connections circle:nth-of-type(2){animation-delay:-2s}.solution-connections circle:nth-of-type(3){animation-delay:-4s}.solution-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 13px;position:relative}.solution-tile{display:flex;flex-direction:column;position:relative;min-width:0;min-height:181px;padding:15px 15px 19px;border:1px solid #24516e;border-radius:10px;background:linear-gradient(145deg,#102b44,#081a2c 70%);box-shadow:0 9px 20px #0002;overflow:hidden;transition:transform .25s,box-shadow .25s;animation:solution-spotlight 12s ease-in-out infinite;animation-delay:var(--tile-delay)}.solution-tile:before{content:'';position:absolute;width:110px;height:110px;top:-75px;right:-50px;border:1px solid #36b3d433;border-radius:50%;box-shadow:0 0 0 20px #36b3d409,0 0 0 40px #36b3d405;pointer-events:none}.solution-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#48d9ff0d 45%,#b4faff17 50%,transparent 70%);transform:translateX(-140%);animation:solution-sheen 12s ease-in-out infinite;animation-delay:var(--tile-delay);pointer-events:none}.solution-tile-top{display:flex;justify-content:space-between;align-items:center;font:7px var(--font);letter-spacing:1px;color:#668eac}.tile-open{font-size:15px;line-height:1;color:#6495b5;transition:transform .25s,color .25s}.solution-icon{display:grid;place-items:center;width:49px;height:49px;margin:8px 0 14px;border:1px solid #24799b66;border-radius:12px;background:linear-gradient(145deg,#103f5e,#0b233c);color:#6bd8ef;box-shadow:inset 0 1px #54cdf412;animation:solution-icon-glow 12s ease-in-out infinite;animation-delay:var(--tile-delay)}.solution-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.solution-tile h3{font-size:15px;line-height:1.2;letter-spacing:-.25px;color:#d2e9f7;margin:0 0 7px;font-weight:500}.solution-tile p{font-size:10px;line-height:1.6;color:#7fa4be;margin:0;max-width:145px}.tile-edge{position:absolute;bottom:0;left:20%;height:2px;width:60%;background:linear-gradient(90deg,transparent,#2ad9eb,transparent);opacity:0;animation:solution-edge 12s ease-in-out infinite;animation-delay:var(--tile-delay)}.solution-tile:hover,.solution-tile:focus-visible{transform:translateY(-5px);border-color:#53d5e9!important;box-shadow:0 12px 28px #00111c99,0 0 20px #0c98bb20;outline:none;z-index:1}.solution-tile:hover .tile-open,.solution-tile:focus-visible .tile-open{transform:translate(2px,-2px);color:#bafcff}.solution-tile:focus-visible{outline:2px solid #8af8f5;outline-offset:3px}.solution-network-bottom{display:flex;gap:9px;align-items:center;margin-top:23px;padding-top:15px;border-top:1px solid #204e6966;font:6px var(--font);letter-spacing:1.2px;color:#719bb5}.network-count{margin-left:auto;font-size:7px;letter-spacing:.6px;color:#5b86a5}.network-hub{display:flex;gap:3px;align-items:end;height:11px}.network-hub i{display:block;width:2px;height:6px;background:#39c8dc;animation:solution-meter 2.5s ease-in-out infinite}.network-hub i:nth-child(2){height:10px;animation-delay:-.8s}.network-hub i:nth-child(3){height:8px;animation-delay:-1.6s}.clock-hand{transform-origin:30px 29px;animation:solution-clock 16s linear infinite}.business-bar{stroke-width:4;transform-origin:50% 39px;animation:solution-bar 5s ease-in-out infinite}.bar-two{animation-delay:-1.2s}.bar-three{animation-delay:-2.4s}.web-cursor{fill:#0c2f47;animation:solution-cursor 6s ease-in-out infinite}.icon-check{stroke-dasharray:30;animation:solution-check 6s ease-in-out infinite}.workflow-arrow{animation:solution-arrow 4s ease-in-out infinite}.integration-packet{stroke:#b4fcf5;stroke-width:2.5;stroke-dasharray:3 19;animation:solution-packet 3s linear infinite}.network-inactive *,.network-inactive *:before,.network-inactive *:after{animation-play-state:paused!important}
@media(hover:hover) and (pointer:fine){.solution-network:has(.solution-tile:hover) *,.solution-network:has(.solution-tile:hover) *:after{animation-play-state:paused}}
.solution-network:has(.solution-tile:focus-visible) *,.solution-network:has(.solution-tile:focus-visible) *:after{animation-play-state:paused}
@keyframes solution-flow{to{stroke-dashoffset:-476}}@keyframes solution-spotlight{0%,3%,18%,100%{border-color:#24516e;background-color:#081a2c}6%,14%{border-color:#36bbd6;background-color:#164260;box-shadow:0 0 26px #0bbbd321,0 9px 20px #0002}}@keyframes solution-sheen{0%,2%{transform:translateX(-140%)}18%,100%{transform:translateX(140%)}}@keyframes solution-icon-glow{0%,3%,18%,100%{color:#6bd8ef;box-shadow:inset 0 1px #54cdf412}6%,14%{color:#b6ffff;box-shadow:0 0 20px #14c5f03a,inset 0 0 12px #44dbef22}}@keyframes solution-edge{0%,3%,18%,100%{opacity:0}6%,14%{opacity:1}}@keyframes solution-junction{0%,100%{opacity:.3}50%{opacity:1}}@keyframes solution-meter{50%{transform:scaleY(.5);opacity:.5}}@keyframes solution-clock{to{transform:rotate(360deg)}}@keyframes solution-bar{50%{transform:scaleY(.5)}}@keyframes solution-cursor{0%,100%{transform:translate(0,0)}40%,65%{transform:translate(-5px,-3px)}}@keyframes solution-check{0%,10%{stroke-dashoffset:30}40%,100%{stroke-dashoffset:0}}@keyframes solution-arrow{50%{opacity:.4}}@keyframes solution-packet{to{stroke-dashoffset:-44}}
@media(max-width:1150px){.digital-teaser{gap:30px;grid-template-columns:.75fr 1.25fr;padding-inline:5%}.digital-teaser h2{font-size:36px}.solution-network{padding:16px}.solution-tile{padding:13px 12px 16px;min-height:175px}.solution-tile h3{font-size:12px}.solution-tile p{font-size:8px}.solution-network-top>span{font-size:6px;letter-spacing:1px}.solution-network-bottom{font-size:5.5px;letter-spacing:.8px}}
@media(max-width:950px){.digital-teaser{grid-template-columns:1fr;gap:38px;padding:70px 7%}.digital-teaser>div:first-child{max-width:600px}.digital-teaser p{max-width:600px}.solution-network{width:100%;max-width:650px;justify-self:center;padding:22px}.solution-tile{min-height:180px;padding:16px}.solution-tile h3{font-size:14px}.solution-tile p{font-size:9px}.solution-network-top>span{font-size:7px}.solution-network-bottom{font-size:6px}}
@media(max-width:520px){.digital-teaser{padding:60px 6%;gap:30px}.digital-teaser h2{font-size:34px}.digital-teaser p{font-size:12px}.solution-network{padding:15px 12px;border-radius:13px}.solution-network-top{gap:6px;margin-bottom:15px;align-items:center}.solution-network-top>span{font-size:5.5px;letter-spacing:.9px;gap:6px}.network-motion-toggle{font-size:7px;gap:4px;min-height:36px;padding:5px 6px}.solution-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.solution-connections{display:none}.solution-board:before{content:'';position:absolute;inset:0 50%;width:1px;background:linear-gradient(#15587b,#38d6d177,#15587b)}.solution-tile{min-height:179px;padding:14px 12px 17px}.solution-tile h3{font-size:13px;line-height:1.3}.solution-tile p{font-size:9px}.solution-icon{margin-top:7px;margin-bottom:13px}.solution-network-bottom{margin-top:17px;padding-top:14px;letter-spacing:.7px;font-size:5px;gap:7px}.network-count{font-size:6px;white-space:nowrap}.network-hub{gap:2px}.solution-tile-top{font-size:7px}}
@media(prefers-reduced-motion:reduce){.solution-network *,.solution-network *:before,.solution-network *:after{animation:none!important;transition:none!important}.solution-tile:hover,.solution-tile:focus-visible{transform:none}.solution-tile:after{display:none}.tile-edge{opacity:.4}.connection-signal{stroke-dasharray:18 100;opacity:.7}.solution-icon{color:#86e9f2}}