.integrations{display:grid;grid-template-columns:repeat(auto-fit,calc(412 * var(--u)));justify-content:center;gap:calc(36 * var(--u));margin:0;padding:0;list-style:none}.integration-card{position:relative;display:flex;flex-direction:column;box-sizing:border-box;min-height:calc(378 * var(--u));padding:calc(56 * var(--u)) calc(32 * var(--u));border-radius:calc(34 * var(--u));background:rgb(255 255 255/.8);box-shadow:inset 0 0 0 1px #eff0f6,0 calc(2 * var(--u)) calc(6 * var(--u)) rgb(20 20 43/.06);color:#111029;text-decoration:none;transition:box-shadow .2s ease,translate .2s ease}.integration-card:hover{translate:0 calc(-4 * var(--u));box-shadow:inset 0 0 0 1px #eff0f6,0 calc(16 * var(--u)) calc(44 * var(--u)) rgb(18 47 119/.12)}.integration-card:focus-visible{outline:2px solid #51d5ff;outline-offset:3px}.integration-card__top{display:flex;align-items:center;gap:calc(20 * var(--u))}.integration-disc{display:grid;flex:none;place-items:center;width:calc(100 * var(--u));height:calc(100 * var(--u));border-radius:50%;background:#f2f1ff;color:#111029}.integration-disc svg{width:44%;height:44%}.integration-card__body,.integration-card__kind,.integration-card__name{display:block}.integration-card__name{margin:0;font-size:calc(32 * var(--u));line-height:calc(44 * var(--u));font-weight:600}.integration-card__kind{margin:calc(4 * var(--u)) 0 0;color:#57596c;font-size:calc(18 * var(--u));line-height:calc(20 * var(--u))}.integration-card__body{margin:calc(24 * var(--u)) 0 0;color:#57596c;font-size:calc(18 * var(--u));line-height:calc(30 * var(--u));font-weight:500}.integration-card__link{display:inline-flex;align-items:center;gap:calc(6 * var(--u));margin-top:auto;padding-top:calc(24 * var(--u));font-size:calc(18 * var(--u));line-height:calc(20 * var(--u))}.integration-card__link svg,.integration-tabs svg{width:calc(20 * var(--u));height:calc(20 * var(--u))}.integration-hero{position:relative;color:#111029;font-family:Rubik,sans-serif}.integration-hero__frame{width:calc(1308 * var(--u));margin-inline:auto;padding-top:calc(102 * var(--u));text-align:center}.integration-hero__banner{height:calc(260 * var(--u));border-radius:calc(40 * var(--u));background:linear-gradient(135deg,#c39eff,#8ea6ff 55%,#51d5ff)}.integration-hero .integration-disc{width:calc(160 * var(--u));height:calc(160 * var(--u));margin:calc(-80 * var(--u)) auto 0;border:calc(12 * var(--u)) solid #ffffff;box-sizing:border-box;box-shadow:0 calc(16 * var(--u)) calc(44 * var(--u)) rgb(18 47 119/.14)}.integration-hero__title{margin:calc(32 * var(--u)) 0 0;font-size:calc(60 * var(--u));line-height:calc(71 * var(--u));font-weight:600}.integration-hero__text{width:calc(760 * var(--u));margin:calc(16 * var(--u)) auto 0;font-size:calc(18 * var(--u));line-height:calc(30 * var(--u));font-weight:500;color:#57596c}.integration-tabs{display:flex;justify-content:center;gap:calc(12 * var(--u));margin:calc(56 * var(--u)) auto 0;padding-top:calc(56 * var(--u));border-top:1px solid #eff0f6}.integration-tabs a{padding:calc(14 * var(--u)) calc(26 * var(--u));border-radius:999px;background:#f2f1ff;color:#111029;font-size:calc(16 * var(--u));line-height:calc(18 * var(--u));font-weight:500;text-decoration:none}.integration-tabs a:first-child{background:#111029;color:#ffffff}@media (prefers-reduced-motion:reduce){.integration-card{transition:none}}@media (max-width:1023px){.integrations{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}.integration-card{min-height:0;padding:32px 26px;border-radius:28px}.integration-card__top{gap:16px}.integration-disc{width:72px;height:72px}.integration-card__name{font-size:26px;line-height:1.3}.integration-card__kind,.integration-card__link{font-size:16px;line-height:1.3}.integration-card__body{margin-top:18px;font-size:16px;line-height:1.667}.integration-card__link{padding-top:20px}.integration-card__link svg,.integration-tabs svg{width:18px;height:18px}.integration-hero__frame{width:100%;box-sizing:border-box;padding:clamp(80px,14vw,102px) clamp(20px,5.5vw,48px) 0}.integration-hero__banner{height:clamp(140px,24vw,260px);border-radius:28px}.integration-hero .integration-disc{width:112px;height:112px;margin-top:-56px;border-width:8px}.integration-hero__title{margin-top:24px;font-size:clamp(30px,5.6vw,52px);line-height:1.183}.integration-hero__text{width:min(100%,640px);font-size:clamp(16px,2vw,18px);line-height:1.667}.integration-tabs{flex-wrap:wrap;gap:10px;margin-top:36px;padding-top:36px}.integration-tabs a{padding:12px 20px;font-size:15px;line-height:18px}}