.connections-page{padding:28px 32px 48px;max-width:1500px;margin:auto;color:#23362c}.connect-intro{max-width:850px;margin:0 0 26px}.connect-eyebrow{font-size:11px;font-weight:750;letter-spacing:.14em;color:#647d6b}.connect-intro h2{font-size:30px;letter-spacing:-.8px;line-height:1.2;margin:10px 0}.connect-intro p{font-size:16px;color:#607067;margin:12px 0}.connect-intro small{display:block;font-size:12px;color:#718078;line-height:1.6}.connect-flow{display:flex;gap:18px;align-items:center;background:#edf3ec;border:1px solid #dce7d9;border-radius:14px;padding:18px 24px;margin-bottom:30px;font-size:14px;font-weight:650}.connect-flow span{color:#6d8a6c}.connect-section-title{font-size:21px;margin:30px 0 16px}.connect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.connect-card,.connect-core,.connect-app{border:1px solid #dfe6df;background:#fff;border-radius:16px;padding:24px;min-width:0}.connect-heading{display:flex;gap:14px;align-items:center;margin-bottom:18px}.connect-mark{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:13px;font-size:20px;font-weight:800;background:#e6efe4;color:#466b40}.connect-mark.glovo{background:#fff0ba;color:#226c5b}.connect-mark.cmi{background:#e9efff;color:#3158a0;font-size:14px}.connect-mark.square{background:#eef0f2;color:#283338}.connect-mark.whatsapp{background:#e0f5e9;color:#26754f}.connect-heading h3{font-size:20px;margin:0 0 4px}.connect-heading p{font-size:13px;margin:0;color:#6b786f}.connect-card>p,.connect-core>p,.connect-app>p{color:#57685e;line-height:1.65;font-size:14px}.connect-badge{display:inline-block;background:#edf4ec;color:#42613b;border:1px solid #dbe7d6;border-radius:30px;padding:5px 10px;font-size:11px;font-weight:650;margin-bottom:4px}.connect-stores{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.connect-stores section{background:#f7f9f5;border:1px solid #e7ece2;border-radius:12px;padding:16px;min-width:0}.connect-stores h4{font-size:12px;letter-spacing:.06em;margin:0 0 12px;color:#466b40}.connect-refs{margin:12px 0}.connect-refs>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #edf0eb;font-size:13px;line-height:1.5}.connect-refs dt{color:#6c786f;flex:1}.connect-refs dd{margin:0;font-weight:600;text-align:right;flex:1;overflow-wrap:anywhere}.connect-stores .connect-refs>div{display:block;padding:6px 0}.connect-stores .connect-refs dd{text-align:left;font-size:14px;margin-top:3px;font-variant-numeric:tabular-nums}.connect-details{border-top:1px solid #e6ece3;margin-top:20px;padding-top:14px}.connect-details summary{cursor:pointer;font-size:13px;font-weight:650;color:#446b3d;line-height:1.5}.connect-details p{font-size:13px;color:#657168;line-height:1.6}.connect-card footer{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.connect-card footer button{font-size:13px}.connect-note{font-size:12px;color:#718077;line-height:1.6}.connect-core{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:20px 0;background:#f3f7ef}.connect-core .connect-heading{margin:0}.connect-core>p{flex:1;min-width:180px}.connect-links{display:flex;gap:14px;flex-wrap:wrap}.connect-link{display:inline-block;color:#416a40;font-size:13px;font-weight:600;text-decoration:none;overflow-wrap:anywhere}.connect-link:hover{text-decoration:underline}.connect-apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.connect-app{padding:22px}.connect-app h3{margin:0 0 6px;font-size:17px}.connect-app-role{font-size:12px;color:#84917e}.connect-end{margin-top:28px}.connections-page button:focus-visible,.connections-page a:focus-visible,.connections-page summary:focus-visible{outline:3px solid #8eaf7d;outline-offset:4px}@media(max-width:1100px){.connect-apps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.connections-page{padding:20px 16px}.connect-intro h2{font-size:25px}.connect-grid,.connect-apps{grid-template-columns:1fr}.connect-flow{gap:8px;padding:15px;font-size:12px;flex-wrap:wrap}.connect-card{padding:20px}.connect-stores{gap:8px}.connect-stores section{padding:12px}.connect-refs>div{gap:10px}.connect-core{gap:12px}}@media(max-width:380px){.connect-stores{grid-template-columns:1fr}}
@media(max-width:1100px){.connect-grid{grid-template-columns:1fr}}@media(max-width:900px){.connect-apps{grid-template-columns:1fr}}