@import url("https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700;800&display=swap");:root{--cb-dark:#001d27;--cb-dark-light:#06323e;--cb-primary:#407d8d;--cb-secondary:#80beca;--cb-accent:#d1399c;--cb-white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}.cb-integration-hero{align-items:center;background:radial-gradient(circle at 77% 35%,rgba(128,190,202,.24),transparent 30%),linear-gradient(135deg,#001d27,#06323e 55%,#001d27);display:flex;font-family:Urbanist,sans-serif;min-height:770px;overflow:hidden;padding:110px 0;position:relative;width:100%}.cb-integration-container{margin:0 auto;position:relative;width:min(1280px,calc(100% - 48px))}.cb-integration-hero__grid{background-image:linear-gradient(hsla(0,0%,100%,.08) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.08) 1px,transparent 0);background-size:54px 54px;inset:0;mask-image:linear-gradient(180deg,#000,transparent);opacity:.13;pointer-events:none;position:absolute}.cb-integration-hero__glow{border-radius:50%;filter:blur(20px);pointer-events:none;position:absolute}.cb-integration-hero__glow--one{background:rgba(128,190,202,.13);height:580px;right:-140px;top:-250px;width:580px}.cb-integration-hero__glow--two{background:rgba(209,57,156,.08);bottom:-320px;height:620px;left:15%;width:620px}.cb-integration-hero__wrapper{align-items:center;display:grid;gap:80px;grid-template-columns:1.1fr .9fr}.cb-integration-hero__content{position:relative;z-index:2}.cb-integration-hero__badge{align-items:center;background:rgba(128,190,202,.08);border:1px solid rgba(128,190,202,.28);border-radius:100px;color:#ddf5f8;display:inline-flex;font-size:13px;font-weight:700;gap:11px;margin-bottom:26px;padding:10px 16px}.cb-integration-hero__badge-dot{background:var(--cb-secondary);border-radius:50%;box-shadow:0 0 0 5px rgba(128,190,202,.12);flex:0 0 8px;height:8px;width:8px}.cb-integration-hero__title{color:var(--cb-white);font-size:clamp(48px,5.1vw,78px);font-weight:700;letter-spacing:-.045em;line-height:1.03;margin:0 0 27px;max-width:760px}.cb-integration-hero__title span{color:var(--cb-secondary);display:block}.cb-integration-hero__description{color:hsla(0,0%,100%,.68);font-size:18px;font-weight:400;line-height:1.72;margin:0 0 38px;max-width:660px}.cb-integration-hero__buttons{display:flex;flex-wrap:wrap;gap:13px}.cb-integration-button{align-items:center;border:1px solid transparent;border-radius:12px;display:inline-flex;font-family:Urbanist,sans-serif;font-size:15px;font-weight:700;gap:14px;justify-content:center;min-height:56px;padding:0 25px;text-decoration:none;transition:transform .25s ease,border-color .25s ease,background .25s ease}.cb-integration-button:hover{transform:translateY(-3px)}.cb-integration-button--primary{background:var(--cb-secondary);color:var(--cb-dark)}.cb-integration-button--primary:hover{background:#a0d7df}.cb-integration-button--outline{backdrop-filter:blur(12px);background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.18);color:var(--cb-white)}.cb-integration-button--outline:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.4)}.cb-integration-hero__features{align-items:center;display:flex;gap:25px;margin-top:60px}.cb-integration-hero__feature{display:flex;flex-direction:column;gap:6px}.cb-integration-hero__feature strong{color:var(--cb-white);font-size:16px;font-weight:700}.cb-integration-hero__feature span{color:hsla(0,0%,100%,.45);font-size:12px;font-weight:400}.cb-integration-hero__feature-divider{background:hsla(0,0%,100%,.13);height:40px;width:1px}.cb-integration-hero__visual{height:510px;max-width:100%;position:relative;width:510px;z-index:2}.cb-integration-hero__orbit{border:1px solid rgba(128,190,202,.23);border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.cb-integration-hero__orbit--large{animation:cb-integration-rotate 34s linear infinite;border-style:dashed;height:485px;width:485px}.cb-integration-hero__orbit--small{height:340px;width:340px}.cb-integration-hero__core{align-items:center;backdrop-filter:blur(18px);background:linear-gradient(145deg,rgba(128,190,202,.23),rgba(0,29,39,.92));border:1px solid rgba(128,190,202,.35);border-radius:50%;box-shadow:0 0 70px rgba(128,190,202,.15),inset 0 0 30px hsla(0,0%,100%,.04);display:flex;height:190px;justify-content:center;left:50%;overflow:hidden;padding:38px;position:absolute;top:50%;transform:translate(-50%,-50%);width:190px;z-index:3}.cb-integration-hero__core-logo{display:block;filter:drop-shadow(0 10px 20px rgba(0,0,0,.18));height:auto;max-height:112px;max-width:112px;object-fit:contain;object-position:center;width:100%}.cb-integration-hero__node{align-items:center;animation:cb-integration-float 4s ease-in-out infinite;backdrop-filter:blur(15px);background:rgba(6,47,59,.8);border:1px solid hsla(0,0%,100%,.13);border-radius:20px;box-shadow:0 20px 45px rgba(0,0,0,.18);color:var(--cb-white);display:flex;font-size:14px;font-weight:800;height:82px;justify-content:center;position:absolute;width:82px;z-index:4}.cb-integration-hero__node--one{left:215px;top:5px}.cb-integration-hero__node--two{animation-delay:.8s;right:0;top:115px}.cb-integration-hero__node--three{animation-delay:1.5s;bottom:40px;right:50px}.cb-integration-hero__node--four{animation-delay:2s;bottom:25px;left:65px}.cb-integration-hero__node--five{animation-delay:2.5s;left:0;top:130px}@keyframes cb-integration-rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes cb-integration-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:1000px){.cb-integration-hero{min-height:auto;padding:100px 0 90px}.cb-integration-hero__wrapper{grid-template-columns:1fr}.cb-integration-hero__visual{display:none}.cb-integration-hero__title{max-width:820px}}@media (max-width:600px){.cb-integration-container{width:calc(100% - 28px)}.cb-integration-hero{padding:80px 0 70px}.cb-integration-hero__title{font-size:44px}.cb-integration-hero__description{font-size:16px}.cb-integration-hero__buttons{flex-direction:column}.cb-integration-button{width:100%}.cb-integration-hero__features{align-items:flex-start;flex-direction:column;gap:18px;margin-top:45px}.cb-integration-hero__feature-divider{height:1px;width:100%}}