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