@import url("https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700;800&display=swap");:root{--cb-intro-dark:#001d27;--cb-intro-primary:#407d8d;--cb-intro-secondary:#80beca;--cb-intro-accent:#d1399c;--cb-intro-white:#fff;--cb-intro-light:#f4f8f9;--cb-intro-text:#17343c;--cb-intro-muted:#687e84;--cb-intro-border:rgba(0,29,39,.1)}*{box-sizing:border-box}.cb-integration-intro{background:radial-gradient(circle at 12% 12%,rgba(128,190,202,.1),transparent 24%),var(--cb-intro-white);font-family:Urbanist,sans-serif;overflow:hidden;padding:120px 0 105px;position:relative;width:100%}.cb-integration-intro:before{border:1px solid rgba(64,125,141,.08);border-radius:50%;content:"";height:300px;position:absolute;right:-110px;top:80px;width:300px}.cb-integration-intro:after{border:1px dashed rgba(64,125,141,.1);border-radius:50%;content:"";height:170px;position:absolute;right:-45px;top:135px;width:170px}.cb-integration-container{margin:0 auto;position:relative;width:min(1280px,calc(100% - 48px));z-index:2}.cb-integration-intro__heading{margin:0 auto 65px;max-width:900px;text-align:center}.cb-integration-intro__eyebrow{color:var(--cb-intro-primary);display:inline-block;font-size:12px;font-weight:800;letter-spacing:.16em;line-height:1.4;margin-bottom:18px}.cb-integration-intro__title{color:var(--cb-intro-dark);font-size:clamp(38px,4vw,58px);font-weight:700;letter-spacing:-.04em;line-height:1.1;margin:0 0 22px}.cb-integration-intro__title span{color:var(--cb-intro-primary);display:block}.cb-integration-intro__description{color:var(--cb-intro-muted);font-size:18px;font-weight:400;line-height:1.72;margin:0 auto;max-width:760px}.cb-integration-benefits{display:grid;gap:22px;grid-template-columns:repeat(3,1fr)}.cb-integration-benefit-card{background:hsla(0,0%,100%,.92);border:1px solid var(--cb-intro-border);border-radius:22px;box-shadow:0 10px 35px rgba(0,29,39,.03);display:flex;flex-direction:column;min-height:310px;overflow:hidden;padding:32px;position:relative;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.cb-integration-benefit-card:before{background:linear-gradient(90deg,var(--cb-intro-secondary),var(--cb-intro-primary),transparent);content:"";height:3px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .35s ease;width:100%}.cb-integration-benefit-card:hover{border-color:rgba(64,125,141,.3);box-shadow:0 28px 60px rgba(0,29,39,.09);transform:translateY(-8px)}.cb-integration-benefit-card:hover:before{transform:scaleX(1)}.cb-integration-benefit-card__top{align-items:center;display:flex;justify-content:space-between;margin-bottom:42px}.cb-integration-benefit-card__number{color:var(--cb-intro-secondary);font-size:14px;font-weight:800;letter-spacing:.08em}.cb-integration-benefit-card__icon{align-items:center;background:rgba(128,190,202,.14);border-radius:15px;display:flex;height:50px;justify-content:center;transition:transform .3s ease,background .3s ease;width:50px}.cb-integration-benefit-card__icon svg{fill:var(--cb-intro-primary);height:23px;width:23px}.cb-integration-benefit-card:hover .cb-integration-benefit-card__icon{background:rgba(128,190,202,.22);transform:rotate(-6deg) scale(1.05)}.cb-integration-benefit-card h3{color:var(--cb-intro-dark);font-size:23px;font-weight:700;line-height:1.25;margin:0 0 14px}.cb-integration-benefit-card p{color:var(--cb-intro-muted);font-size:15px;font-weight:400;line-height:1.7;margin:0}.cb-integration-benefit-card__line{background:var(--cb-intro-border);height:1px;margin:auto 0 17px;width:100%}.cb-integration-benefit-card__tag{color:var(--cb-intro-primary);font-size:12px;font-weight:700;letter-spacing:.02em}@media (max-width:900px){.cb-integration-intro{padding:100px 0 90px}.cb-integration-benefits{grid-template-columns:1fr}.cb-integration-benefit-card{min-height:260px}.cb-integration-intro:after,.cb-integration-intro:before{display:none}}@media (max-width:600px){.cb-integration-container{width:calc(100% - 28px)}.cb-integration-intro{padding:80px 0}.cb-integration-intro__heading{margin-bottom:45px;text-align:left}.cb-integration-intro__title{font-size:39px}.cb-integration-intro__title span{display:inline}.cb-integration-intro__description{font-size:16px;margin-left:0}.cb-integration-benefit-card{min-height:auto;padding:27px}.cb-integration-benefit-card__top{margin-bottom:34px}.cb-integration-benefit-card__line{margin-top:35px}}