.ci-showcase{width:100%;overflow-x:clip;font-family:Poppins,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(to bottom,#fff,#fff 21%,#ffffff8c 44%,#fff0 70%),repeating-linear-gradient(90deg,rgba(150,172,234,.3) 0 1px,transparent 1px 10px),#c8d4fb}.ci-showcase,.ci-showcase *{box-sizing:border-box;margin:0;padding:0}.ci-showcase .scrolly{position:relative;height:105vh}.ci-showcase .sticky{position:sticky;top:0;height:100vh;overflow:hidden}.ci-showcase .hero{position:absolute;left:0;right:0;top:0;padding-top:19vh;text-align:center;z-index:10;will-change:opacity,transform}.ci-showcase .hero h1{font-family:Poppins,sans-serif;font-size:clamp(30px,4.1vw,56px);line-height:1.08;letter-spacing:-.015em;font-weight:700;color:#141414;max-width:860px;margin:0 auto}.ci-showcase .hero p{margin:26px auto 0;max-width:46ch;font-size:clamp(15px,1.35vw,20px);line-height:1.5;color:#5b616b;font-weight:400}.ci-showcase .hero .ctas{display:flex;gap:12px;justify-content:center;margin-top:36px}.ci-showcase .hero .btn{font-family:Poppins,sans-serif;font-size:15px;font-weight:600;padding:11px 20px;border-radius:9px;cursor:pointer;border:1px solid transparent}.ci-showcase .hero .btn.primary{background:#17181c;color:#fff}.ci-showcase .hero .btn.ghost{background:#fff;color:#1a1c22;border-color:#d7dbe4;box-shadow:0 1px 2px #1e28460d}.ci-showcase #group{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.ci-showcase .box{position:absolute;left:0;top:0;transform-origin:top left;will-change:transform,left,top,opacity}.ci-showcase .box iframe{border:0;display:block;background:transparent;box-shadow:0 30px 70px #28375f2e;border-radius:14px}.ci-showcase #box-center iframe,.ci-showcase #box-db iframe{box-shadow:none}@media (max-width: 1199px){.ci-showcase{background-attachment:scroll}.ci-showcase .scrolly{height:auto}.ci-showcase .sticky{position:relative;top:auto;height:auto;min-height:0;overflow:hidden;padding:72px 24px 76px}.ci-showcase .hero{position:relative;left:auto;right:auto;top:auto;padding-top:0;opacity:1!important;transform:none!important}.ci-showcase .hero h1{font-size:clamp(34px,5vw,48px);padding:0 12px}.ci-showcase .hero p{font-size:clamp(16px,2vw,19px);padding:0 12px}.ci-showcase #group{position:relative;inset:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"center center" "slack video" "db db";-moz-column-gap:24px;column-gap:24px;row-gap:32px;align-items:start;margin:36px auto 0;width:100%;max-width:1120px;transform:none!important}.ci-showcase .box{position:relative;left:auto!important;top:auto!important;transform:none!important;transform-origin:top left;opacity:0!important;transition:opacity .55s ease,translate .55s ease;translate:0 20px;overflow:visible}.ci-showcase .box.ci-visible{opacity:1!important;translate:0 0}.ci-showcase .box iframe{position:absolute;left:0;top:0;transform-origin:top left}.ci-showcase #box-center{grid-area:center;justify-self:center}.ci-showcase #box-slack{grid-area:slack;justify-self:center}.ci-showcase #box-video{grid-area:video;justify-self:center}.ci-showcase #box-db{grid-area:db;justify-self:center}}@media (max-width: 767px){.ci-showcase .sticky{padding:56px 16px 60px}.ci-showcase .hero h1{font-size:clamp(28px,8.5vw,34px);padding:0}.ci-showcase .hero p{margin-top:20px;max-width:36ch;font-size:15px;padding:0}.ci-showcase .hero .ctas{flex-direction:column;align-items:stretch;gap:10px;width:min(100%,320px);margin:28px auto 0}.ci-showcase .hero .btn{min-height:46px;width:100%}.ci-showcase #group{grid-template-columns:minmax(0,1fr);grid-template-areas:"center" "video" "slack" "db";gap:24px;margin-top:32px}.ci-showcase #box-center,.ci-showcase #box-video,.ci-showcase #box-slack,.ci-showcase #box-db{grid-column:1;justify-self:center}.ci-showcase #box-center{order:1}.ci-showcase #box-video{order:2}.ci-showcase #box-slack{order:3}.ci-showcase #box-db{order:4}}@media (prefers-reduced-motion: reduce){.ci-showcase .box{transition:none}}
