/* Two service entrances. Whole cards are links; visuals illustrate capabilities. */
#solutions{padding-bottom:32px}
#solutions .expanding-panels{display:flex;gap:18px;border:0;border-radius:0;background:transparent;overflow:visible}
#solutions .solution-panel{position:relative;isolation:isolate;display:flex;flex-direction:column;flex:1;min-width:0;min-height:340px;padding:26px 30px 23px;border:1px solid #c6d7df;border-radius:8px;overflow:hidden;box-shadow:none;transition:flex .5s cubic-bezier(.2,.7,.3,1),border-color .25s,box-shadow .25s}
#solutions .solution-panel.is-active{flex:1.18;box-shadow:0 12px 25px -20px #102b3855}
#solutions .solution-panel::after{display:none}
#solutions .voice-panel{background:radial-gradient(ellipse at 82% 90%,#145472 0,transparent 65%),#102b38;color:#fff;border-color:#254b5e}
#solutions .systems-panel{background:radial-gradient(ellipse at 92% 88%,#c3e5f5 0,transparent 70%),#edf4f7;color:#102b38}
#solutions .systems-panel::before{content:'';position:absolute;inset:42% 0 0;z-index:-1;opacity:.3;background-image:radial-gradient(#6494a9 1px,transparent 1px);background-size:16px 16px;mask-image:linear-gradient(transparent,#000)}
#solutions .service-topline{display:flex;align-items:center;justify-content:space-between;gap:14px}
#solutions .service-kicker{font:600 10px/1.5 Montserrat,Arial,sans-serif;letter-spacing:.095em;color:#416273}
#solutions .voice-panel .service-kicker{color:#acd3e5}
#solutions .service-arrow{display:grid;place-items:center;border:1px solid #9bbbc9;border-radius:50%;width:34px;height:34px;flex-shrink:0;font:400 21px/1 Arial;transition:transform .25s,background .25s}
#solutions .voice-panel .service-arrow{border-color:#557f91;color:#a8e3ff}
#solutions .service-copy{margin-top:14px}
#solutions .service-title{font:600 clamp(24px,2.35vw,34px)/1.2 Montserrat,Arial,sans-serif;letter-spacing:-.04em;color:inherit;margin:0}
#solutions .service-description{font:400 15px/1.6 Arial,sans-serif;color:#405a68;max-width:390px;margin:12px 0 0;min-height:48px}
#solutions .voice-panel .service-description{color:#d1e2ea}
#solutions .service-art{display:flex;align-items:center;min-height:104px;margin:18px 0 16px;pointer-events:none}
#solutions .voice-art{gap:18px}
#solutions .voice-disc{display:grid;place-items:center;flex-shrink:0;width:53px;height:53px;border-radius:50%;background:#1baef0;color:#102b38;font:400 29px/1 Arial;box-shadow:0 0 0 7px #49c4fa13,0 0 0 15px #49c4fa09}
#solutions .voice-wave{display:flex;align-items:center;justify-content:space-between;gap:5px;flex:1;max-width:270px;height:78px;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
#solutions .voice-wave i{display:block;width:4px;flex-shrink:1;height:var(--bar);border-radius:4px;background:#72d0f6;transform:scaleY(.7);transition:transform .45s cubic-bezier(.2,.7,.3,1),background .3s}
#solutions .voice-wave i:nth-child(3n){background:#24adf0}
#solutions .voice-art-label{font:500 9px/1.6 Montserrat,Arial,sans-serif;letter-spacing:.07em;color:#b2d4e2;flex-shrink:0}
#solutions .automation-art{justify-content:center;gap:0;transform:translateY(0);transition:transform .4s}
#solutions .workflow-node{position:relative;display:grid;place-items:center;min-width:65px;padding:12px 10px;white-space:nowrap;border:1px solid #bdd1dc;background:#ffffffed;border-radius:5px;font:500 12px/1.4 Montserrat,Arial,sans-serif;box-shadow:0 6px 15px -12px #254a5c66}
#solutions .workflow-core{padding:17px 16px;background:#fff;border-color:#6aa7c2;color:#153d50;font-size:18px;font-weight:600;box-shadow:0 0 0 5px #fff5,0 8px 24px -14px #38678188}
#solutions .workflow-core span{font:500 8px/1.5 Montserrat,Arial,sans-serif;letter-spacing:.035em;color:#486b7c;margin-top:6px}
#solutions .workflow-wire{position:relative;height:1px;background:#6e9db1;flex:1;min-width:12px;max-width:42px}
#solutions .workflow-wire::after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#168bbd;transition:transform .4s}
#solutions .service-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #c0d4de;padding-top:17px;margin-top:auto}
#solutions .voice-panel .service-bottom{border-color:#446778}
#solutions .service-link{display:inline-flex;align-items:center;gap:15px;font:600 13px/1.5 Montserrat,Arial,sans-serif;color:#00638f}
#solutions .voice-panel .service-link{color:#fff}
#solutions .service-caption{font:500 9px/1.5 Montserrat,Arial,sans-serif;letter-spacing:.07em;color:#526f7d}
#solutions .voice-panel .service-caption{color:#acd3e5}
#solutions .solution-panel:focus-visible{outline:3px solid #008cca;outline-offset:4px}
@media(hover:hover) and (pointer:fine){
  #solutions .solution-panel:hover .service-arrow{transform:translate(2px,-2px);background:#ffffff15}
  #solutions .voice-panel:hover .voice-wave i{transform:scaleY(1)}
  #solutions .systems-panel:hover .automation-art{transform:translateY(-4px)}
  #solutions .systems-panel:hover .workflow-wire::after{transform:translateX(-8px)}
}
@media(max-width:1050px){#solutions .solution-panel{padding:23px;min-height:340px}#solutions .voice-art-label{display:none}#solutions .service-caption{display:none}#solutions .workflow-node{font-size:11px;padding:11px 8px;min-width:60px}#solutions .workflow-core{font-size:16px;padding:15px 11px}#solutions .service-title{font-size:26px}}
@media(max-width:680px){#solutions .expanding-panels{flex-direction:column;gap:15px}#solutions .solution-panel,#solutions .solution-panel.is-active{flex:auto;min-height:0;padding:23px}#solutions .service-title{font-size:27px}#solutions .service-description{min-height:0;max-width:440px}#solutions .service-art{min-height:80px;margin:14px 0}#solutions .voice-wave{max-width:none}#solutions .workflow-wire{max-width:65px}#solutions .service-bottom{padding-top:14px}#solutions .service-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){#solutions .solution-panel,#solutions .service-arrow,#solutions .voice-wave i,#solutions .automation-art,#solutions .workflow-wire::after{transition:none}#solutions .systems-panel:hover .automation-art,#solutions .systems-panel:hover .workflow-wire::after,#solutions .solution-panel:hover .service-arrow{transform:none}}
