.for-users__host{margin:48px 0;padding-bottom:64px;display:flex;gap:48px;align-items:center;min-height:500px}.for-users__section{flex:1 1}.list-item__host{display:flex;margin:12px 0;font:var(--website-cck-text-md-regular);color:var(--website-cck-color-font-1)}.list-item__host.list-item__host--inactive,.list-item__tag{color:var(--website-cck-color-font-3)}.list-item__tag{background-color:var(--website-cck-color-bg-4);padding:0 12px;margin:auto 4px;font:var(--website-cck-text-sm-regular);border-radius:500px;display:inline-flex;justify-content:center;align-items:center}.frameworks__host{margin:48px 0;padding-bottom:64px;display:flex;flex-direction:column;align-items:center;background:radial-gradient(50% 50% at 50% 50%,rgba(1,1,1,0) 0,var(--website-cck-color-bg-0) 100%),url(/banner-effect-1.png) var(--website-cck-color-bg-0) 50%/cover no-repeat}.frameworks__description{text-align:center}.frameworks__inline-icon{display:inline-flex}.frameworks__list{margin-top:48px;max-width:700px;display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.framework-item__host{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;padding:18px 44px 16px 20px;background-color:var(--website-cck-color-bg-1);border:1px solid var(--website-cck-color-border-2);box-shadow:0 4px 20px 0 hsla(0,0%,100%,.06)}.framework-item__host--active{background:linear-gradient(123deg,#1e1e1e 19.44%,#071a0f 80.56%);border:1px solid var(--website-cck-color-brand-default)}.framework-item__host--active .framework-item__text{color:var(--website-cck-color-brand-default)}.light .framework-item__host--active{background:linear-gradient(123deg,#f0f0f0 19.44%,#aeeac7 80.56%)}.dark .framework-item__host--active{background:linear-gradient(123deg,#1e1e1e 19.44%,#071a0f 80.56%)}.framework-item__logo{grid-column:1/2;grid-row:1/2}.framework-item__title{grid-column:2/3;grid-row:1/2;font:var(--website-cck-text-md-semibold);color:var(--website-cck-color-font-1)}.framework-item__text{grid-column:2/3;grid-row:2/3;font:var(--website-cck-text-md-regular);color:var(--website-cck-color-font-3)}.framework-logo{width:24px;height:24px;fill:var(--website-cck-color-font-1)}.inside-cocokits__host{margin:48px 0;padding-bottom:64px;display:flex;flex-direction:column;align-items:center}.inside-cocokits__feature-wrapper{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;margin-top:32px;gap:32px}.inside-cocokits__feature{display:flex;flex-direction:column;align-items:center;justify-content:center;width:336px}.inside-cocokits__feature-image{width:336px;height:auto;margin-bottom:16px}.join-us__host{margin:48px 0;padding-bottom:64px;display:flex;flex-direction:column;align-items:center}.join-us__description{text-align:center}.join-us__footer{margin-top:80px;width:400px;padding:20px 24px;display:flex;gap:16px;background-color:#000;font:var(--website-cck-text-md-regular);color:var(--website-cck-color-font-2);position:relative;border:1px dashed var(--website-cck-color-brand-darker)}.join-us__footer-text{flex:1 1}.join-us__footer-corner-1,.join-us__footer-corner-2,.join-us__footer-corner-3,.join-us__footer-corner-4{position:absolute}.join-us__footer-corner-1{top:-2px;left:-2px}.join-us__footer-corner-2{top:-2px;right:-2px;transform:rotate(90deg)}.join-us__footer-corner-3{bottom:-2px;right:-2px;transform:rotate(180deg)}.join-us__footer-corner-4{bottom:-2px;left:-2px;transform:rotate(-90deg)}.examples-container{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:32px;gap:32px;margin-top:48px}.examples-1x1{grid-column:span 1;grid-row:span 1}.examples-1x2{grid-column:span 2;grid-row:span 1}.brand_brand__wrapper__JL02w{display:flex;align-items:center;gap:10px}.brand_brand__logo--md__vFuOH{width:24px;height:24px}.brand_brand__logo--sm__nVjhR{width:20px;height:20px}.brand_brand__text__g3mXU{font:var(--website-cck-text-md-medium);color:var(--website-cck-color-font-3)}.brand_brand__text--highlight__YQwvg{font:var(--website-cck-text-md-semibold);color:var(--website-cck-color-font-1)}.cck-component__host{min-width:250px;min-height:250px;position:relative;border-radius:var(--website-cck-radius-md);display:flex;justify-content:center;align-items:center;background-image:linear-gradient(90deg,var(--website-cck-color-bg-0) 0,var(--website-cck-color-main-effect-surface-start) 50%,var(--website-cck-color-bg-0) 100%),linear-gradient(180deg,var(--website-cck-color-bg-0) 3.62%,var(--website-cck-color-main-effect-surface-start) 51.49%,var(--website-cck-color-bg-0) 100%),radial-gradient(circle at 3px 3px,var(--website-cck-color-bg-5) 3px,transparent 3px);background-repeat:no-repeat,no-repeat,repeat;background-size:cover,cover,16px 16px;box-shadow:0 4px 10px 0 hsla(0,0%,100%,.04);border:1px solid var(--website-cck-color-border-2)}.cck-component__name{position:absolute;bottom:24px;left:24px;font:var(--website-cck-text-sm-semibold);color:var(--website-cck-color-font-4)}.welcome_welcome__host__rDnUb{position:relative;padding:88px 0 168px;display:flex;align-items:center;gap:64px}.welcome_welcome__content__sCsdl{width:560;flex:1 1}.welcome_welcome__description__xkMuG{max-width:460px;color:var(--website-cck-color-font-3)}.welcome_welcome__actions-wrapper__kBHTK{display:flex;gap:16px;margin-top:48px}.welcome_welcome__ds-title__fRtuE{margin-top:84px;color:var(--website-cck-color-font-4);font:var(--website-cck-text-sm-regular)}.welcome_welcome__ds-wrapper__P96k8{display:flex;gap:24px;align-items:center;margin-top:8px}.welcome_welcome__ds-empty-spot__y_Ag4{display:flex;align-items:center;border-radius:500px;border:1px dashed var(--website-cck-color-border-3);color:var(--website-cck-color-font-4);font:var(--website-cck-text-sm-regular);padding:4px 12px;cursor:pointer}.welcome_welcome__ds-empty-spot__y_Ag4:hover{background-color:var(--website-cck-color-bg-3)}.welcome_welcome__overlay-wrapper__kFt4f{flex:1.5 1;position:relative;align-self:stretch}.welcome_welcome__overlay-image__IpxGP{opacity:.6;height:100%;width:auto;object-fit:cover}.welcome_welcome__overlay-effect__nSiqX{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 60%,var(--website-cck-color-bg-0) 80%),linear-gradient(to bottom,var(--website-cck-color-bg-0) 0,transparent 20px),linear-gradient(to right,var(--website-cck-color-bg-0) 0,transparent 20px),linear-gradient(to left,var(--website-cck-color-bg-0) 0,transparent 20px),linear-gradient(to top,var(--website-cck-color-bg-0) 0,transparent 20px)}.nav_nav__B9XQ0{position:-webkit-sticky;position:sticky;top:0;z-index:1;background-color:var(--website-cck-color-bg-0);width:100%;display:flex;align-items:center;padding:20px 32px}.nav_nav__item-wrapper__rAb43{display:flex;align-items:center;justify-content:space-between;gap:24px}.nav_nav__item___T6bQ{font:var(--website-cck-text-sm-medium);color:var(--website-cck-color-font-1);text-decoration:none;white-space:nowrap;cursor:pointer}.nav_nav__item___T6bQ:hover{color:var(--website-cck-color-brand-default)}.nav_nav__social__ImIx_{display:flex;gap:12px;margin-left:auto}