
:root{--navy:#020e2b;--bg:#031234;--blue:#0878ff;--cyan:#11d9ff;--text:#eef6ff;--muted:#a9bbd5;--card:#071b43}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,var(--navy),var(--bg));color:var(--text);line-height:1.65}.connect-header{display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:1240px;margin:auto;padding:18px 22px}.brand img{display:block;width:min(360px,42vw);height:auto}.connect-header nav{display:flex;gap:15px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.connect-header a{color:#eaf5ff;text-decoration:none;font-weight:650;font-size:14px}.connect-header .client,.cta{background:linear-gradient(90deg,var(--blue),#0aaeff);padding:10px 16px;border-radius:10px;color:white;text-decoration:none}.wrap{max-width:1120px;margin:auto;padding:58px 22px 82px}.breadcrumb{font-size:14px;color:var(--muted);margin-bottom:28px}.breadcrumb a{color:var(--cyan);text-decoration:none}.hero{padding:42px 0 36px}.hero .eyebrow{color:var(--cyan);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:13px}.hero h1{font-size:clamp(38px,5vw,66px);line-height:1.04;margin:12px 0 20px;max-width:920px}.hero p{font-size:clamp(18px,2.2vw,23px);color:#cbd8eb;max-width:850px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:34px 0}.card{background:linear-gradient(180deg,rgba(9,34,80,.96),rgba(5,21,55,.96));border:1px solid rgba(17,217,255,.14);border-radius:18px;padding:26px;box-shadow:0 16px 55px rgba(0,0,0,.16)}.card h2{font-size:22px;line-height:1.2;margin:0 0 12px}.card p{color:#c5d3e7;margin:0}.related{display:flex;gap:12px;flex-wrap:wrap;margin-top:38px}.related a{border:1px solid rgba(17,217,255,.3);border-radius:10px;padding:10px 14px;color:#c9f8ff;text-decoration:none}.connect-footer{border-top:1px solid rgba(255,255,255,.08);padding:42px 22px;text-align:center;background:#01081b}.connect-footer img{width:min(330px,82vw);height:auto}.footlinks{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:20px 0}.footlinks a{color:#d4e3f6;text-decoration:none}.connect-footer p{color:#8094b0;font-size:13px}@media(max-width:920px){.connect-header{align-items:flex-start}.connect-header nav{display:none}.brand img{width:min(420px,78vw)}.grid{grid-template-columns:1fr}.wrap{padding-top:30px}}
