.solutions-hero{padding:88px 0 80px;color:#fff;background:radial-gradient(circle at 82% 48%,rgba(31,137,214,.25),transparent 28%),linear-gradient(120deg,#06142b 0%,#0a2949 70%,#0e3f6b 100%);overflow:hidden}.solutions-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:82px;align-items:center}.solutions-hero h1{max-width:760px}.solutions-hero-intro{max-width:700px;color:#c6d7e6;font-size:1.12rem;line-height:1.7;margin-bottom:30px}.ecosystem-visual{position:relative;min-height:360px;display:grid;place-items:center}.ecosystem-core{position:relative;z-index:2;width:210px;height:210px;border:1px solid rgba(103,181,239,.7);background:linear-gradient(145deg,#103c69,#071a34);box-shadow:0 0 0 28px rgba(72,151,211,.08),0 22px 60px rgba(0,0,0,.28);display:flex;flex-direction:column;align-items:center;justify-content:center}.ecosystem-core strong{font-size:2rem;letter-spacing:.1em}.ecosystem-core span{font-size:.7rem;color:#78c5f7;text-transform:uppercase;letter-spacing:.12em}.ecosystem-links{position:absolute;inset:0}.ecosystem-links span{position:absolute;padding:11px 15px;border:1px solid rgba(117,186,255,.3);background:#0a223e;color:#d8e8f5;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.ecosystem-links span:nth-child(1){top:12%;left:2%}.ecosystem-links span:nth-child(2){top:12%;right:4%}.ecosystem-links span:nth-child(3){bottom:12%;left:0}.ecosystem-links span:nth-child(4){bottom:12%;right:1%}.solutions-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:88px}.solutions-intro-grid>div:last-child p{font-size:1.04rem;color:#566579}.ecosystem-solutions{border-top:1px solid #dbe4ed}.solution-profile{padding:76px 0;background:#fff;border-bottom:1px solid #dbe4ed}.solution-profile.alt{background:#f5f8fc}.solution-profile-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:88px;align-items:center}.solution-mark{min-height:280px;padding:42px;display:flex;flex-direction:column;justify-content:center;color:#fff;background:linear-gradient(145deg,#07182f,#0d3c68);border-bottom:5px solid #3f9de0}.solution-mark span{font-size:clamp(2rem,4vw,3.6rem);font-weight:800;letter-spacing:.04em}.solution-mark small{margin-top:8px;color:#93cffa;font-size:.75rem;text-transform:uppercase;letter-spacing:.13em}.dtsms-mark{border-color:#268ce2}.osha-mark{background:linear-gradient(145deg,#153624,#3c773e);border-color:#77b747}.btwixt-mark{background:linear-gradient(145deg,#101e3b,#153455);border-color:#e5352d}.cqube-mark{background:linear-gradient(145deg,#06152c,#0c3a66);border-color:#10bdf1}.solution-profile h2{font-size:clamp(2rem,3.5vw,3rem);margin-bottom:14px}.solution-lead{color:#4c5d71;font-size:1.08rem;line-height:1.7}.solution-details{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin:30px 0}.solution-details h3{font-size:1rem;text-transform:uppercase;letter-spacing:.07em;color:#102a4c}.solution-details ul{list-style:none;padding:0;margin:0}.solution-details li{padding:7px 0;color:#566579}.solution-details li:before{content:"";display:inline-block;width:6px;height:6px;background:#2f86ca;margin:0 11px 2px 0}.solution-details p{color:#566579}.text-link{color:#1168aa;font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}.connection-section{background:#fff}.connection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}.connection-grid article{padding:32px;border:1px solid #dbe4ed;border-top:3px solid #2776b9}.connection-grid span{font-size:.78rem;color:#2776b9;font-weight:800;letter-spacing:.12em}.connection-grid h3{font-size:1.25rem;margin-top:16px}.connection-grid p{color:#5d6b7e;font-size:.94rem}.solutions-cta{padding:88px 0;background:#102a4c;color:#fff}.solutions-cta .container{max-width:980px}.solutions-cta p:not(.eyebrow){max-width:780px;color:#c3d3e1;font-size:1.04rem}.solutions-cta .secondary{color:#fff;border-color:#8da5bb}@media(max-width:900px){.solutions-hero-grid,.solutions-intro-grid,.solution-profile-grid{grid-template-columns:1fr;gap:44px}.ecosystem-visual{min-height:310px}.solution-profile-grid{max-width:760px}.solution-mark{min-height:210px}.connection-grid{grid-template-columns:1fr}}@media(max-width:600px){.ecosystem-visual{display:none}.solution-details{grid-template-columns:1fr;gap:18px}.solution-profile{padding:56px 0}.solution-mark{padding:30px;min-height:180px}}
/* Use the official brand artwork instead of approximating the CQube wordmark with a web font. */
.ecosystem-core{width:230px;height:210px;padding:28px;background:#f7f9fc;flex-direction:row}
.ecosystem-core img{display:block;width:100%;height:auto;object-fit:contain}

/* High-contrast presentation for the official dark CQube wordmark. */
.solutions-page .ecosystem-core{width:250px;height:218px;padding:24px;background:#fff;border-color:#8fc8ee;box-shadow:0 0 0 28px rgba(72,151,211,.1),0 22px 60px rgba(0,0,0,.3);flex-direction:row}
.solutions-page .ecosystem-core img{width:100%;max-width:215px;height:auto;filter:none}

/* Soft circular glow keeps the dark wordmark readable without a hard white box. */
.solutions-page .ecosystem-core{width:260px;height:260px;padding:34px;border:0;border-radius:50%;background:radial-gradient(circle,#fff 0%,#f7fbff 48%,rgba(225,241,252,.82) 67%,rgba(99,174,225,.18) 82%,rgba(99,174,225,0) 100%);box-shadow:none}
.solutions-page .ecosystem-core img{max-width:220px}

/* Official ecosystem logo presentation. */
.solution-mark img{display:block;width:100%;height:auto;max-height:190px;object-fit:contain}
.solution-mark.dtsms-mark,.solution-mark.btwixt-mark,.solution-mark.cqube-mark{background:#fff;border:1px solid #dbe4ed;border-bottom-width:5px}
.solution-mark.dtsms-mark{border-bottom-color:#268ce2}
.solution-mark.btwixt-mark{background:linear-gradient(135deg,#071b38 0%,#102d52 55%,#193d65 100%);border-color:#d9e3ef;border-bottom-color:#e5352d}
.solution-mark.cqube-mark{border-bottom-color:#10bdf1}
.dtsms-mark img{max-width:410px;margin:auto}
.btwixt-mark img{max-width:390px;margin:auto}
.cqube-mark img{max-width:410px;margin:auto}
.solution-mark.osha-mark{background:#fff;border:1px solid #dbe4ed;border-bottom:5px solid #c62026}
.osha-mark img{max-width:410px;margin:auto}
.solution-note{margin:-6px 0 24px;padding:14px 17px;border-left:3px solid #2f86ca;background:#eef6fc;color:#3f5368;font-size:.9rem;line-height:1.6}