*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--navy:#1c205c;--marine:#5390ff;--lilac:#c2d3ee;--monet:#e6ecf8;--text-dark:#1c205c;--text-mid:#3a4068;--text-muted:#6a7499;--white:#fff;--grey-rule:#dde4f0}body{background:var(--white);color:var(--text-dark);font-family:Poppins,sans-serif;font-size:16px;letter-spacing:0;line-height:32px;-webkit-font-smoothing:antialiased}.integrations-section{margin:0 auto;max-width:1200px;padding:96px 64px}.integrations-heading{margin-bottom:56px;text-align:center}.integrations-eyebrow{align-items:center;color:var(--marine);display:inline-flex;font-size:18px;font-weight:400;gap:10px;letter-spacing:0;line-height:29px;margin-bottom:16px}.integrations-eyebrow:after,.integrations-eyebrow:before{background:var(--marine);content:"";display:block;height:1.5px;width:32px}.integrations-heading h2{color:var(--navy);font-size:38px;font-weight:700;letter-spacing:-1px;line-height:61px}.integrations-grid{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.integration-card{background:var(--monet);border:1px solid var(--lilac);border-radius:14px;display:flex;flex-direction:column;overflow:hidden;padding:36px 28px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.integration-card:hover{box-shadow:0 12px 32px rgba(28,32,92,.1);transform:translateY(-3px)}.integration-card:before{background:linear-gradient(90deg,var(--marine),#7aabff);content:"";height:3px;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%}.integration-card:hover:before{opacity:1}.card-top{margin-bottom:20px}.card-icon,.card-top{align-items:center;display:flex}.card-icon{background:var(--white);border:1px solid var(--lilac);border-radius:10px;flex-shrink:0;height:40px;justify-content:center;width:40px}.card-icon svg{fill:none;height:20px;stroke:var(--marine);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75;width:20px}.card-title{color:var(--navy);font-size:19px;font-weight:700;letter-spacing:0;line-height:30px;margin-bottom:10px}.card-body{color:var(--text-mid);font-size:16px;font-weight:400;letter-spacing:0;line-height:32px}@media (max-width:960px){.integrations-grid{grid-template-columns:repeat(2,1fr)}.integrations-heading h2{font-size:28px;line-height:42px}}@media (max-width:600px){.integrations-section{padding:64px 24px}.integrations-grid{grid-template-columns:1fr}}