.cl{gap:clamp(2.5rem,3.5vw,3.5rem);min-height:0;padding:clamp(4rem,6vw,7rem) 0}.cl .cg1{opacity:.35;width:44vw;height:44vw;top:-26vw;left:28vw}.cl .beam{opacity:.8;z-index:1;background:linear-gradient(90deg,#0000,#0063f6e6,#0000);height:1px;position:absolute;top:0;left:0;right:0}.cl-head{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:1.25rem;display:flex;position:relative}.cl-head .eyebrow{align-self:center}.cl-head h2{color:#fff;text-wrap:balance;max-width:1100px;margin:0}.cl-head h2 em{color:#0063f6;font-style:normal}.cl-wrap{z-index:2;position:relative}.cl .cl-wrap.rv{opacity:1;transform:none}.cl-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.75rem,1vw,1.25rem);margin:0;padding:0;list-style:none;display:grid;position:relative}.cl-tile{isolation:isolate;aspect-ratio:4/3;transition:translate .5s var(--ease-figma),background-color .5s var(--ease-figma);background:#ffffff06;border-radius:1rem;place-items:center;display:grid;position:relative}html.rv-js .cl-wrap.rv:not(.in) .cl-tile{opacity:0}.cl-wrap.in .cl-tile{animation:hx-rise .8s var(--ease-figma) both;animation-delay:calc(var(--d,0) * 70ms)}.cl-tile:before{content:"";border-radius:inherit;background:radial-gradient(240px circle at var(--x,-999px) var(--y,-999px),#4fa0fff2,#ffffff17 55%);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.cl-tile:after{content:"";border-radius:inherit;background:radial-gradient(200px circle at var(--x,-999px) var(--y,-999px),#0063f633,transparent 70%);z-index:-1;pointer-events:none;position:absolute;inset:0}.cl-tile img{object-fit:contain;height:auto;max-height:56%;opacity:calc(.45 + var(--p,0) * .55);transition:scale .5s var(--ease-figma);display:block}.cl-tile:hover{background:#0063f614;translate:0 -4px}.cl-tile:hover img{opacity:1;scale:1.06}.cl-cta{transition:translate .5s var(--ease-figma),background-color .5s var(--ease-figma),box-shadow .5s var(--ease-figma);background:#0063f6;container-type:inline-size}.cl-cta:before,.cl-cta:after{display:none}.cl-cta:hover{background:#8be013;box-shadow:0 0 40px -6px #8be0138c}.cl-cta a{isolation:isolate;border-radius:inherit;color:#fff;transition:color .5s var(--ease-figma);flex-direction:column;justify-content:space-between;padding:clamp(.75rem,9cqi,1.5rem);text-decoration:none;display:flex;position:absolute;inset:0;overflow:hidden}.cl-cta:hover a{color:#000}.cl-cta .sheen{background:conic-gradient(from 0deg,transparent 0 72%,#ffffff38 86%,transparent 100%);filter:blur(10px);z-index:-1;pointer-events:none;animation:7s linear infinite hx-spin;position:absolute;inset:-60%}.cl-cta .roll{letter-spacing:-.01em;height:1.25em;font-size:clamp(.8125rem,10.5cqi,1.75rem);font-weight:600;line-height:1.25em;display:block;overflow:hidden}.cl-cta .rl{animation:cl-roll 6s var(--ease-figma) infinite;flex-direction:column;display:flex}.cl-cta .rl span{white-space:nowrap;height:1.25em;display:block}@keyframes cl-roll{0%,24%{transform:translateY(0)}33%,57%{transform:translateY(-1.25em)}66%,90%{transform:translateY(-2.5em)}to{transform:translateY(-3.75em)}}.cl-cta .go{width:clamp(2rem,20cqi,2.75rem);height:clamp(2rem,20cqi,2.75rem);transition:rotate .5s var(--ease-figma),background-color .5s var(--ease-figma);background:#ffffff2e;border-radius:50%;align-self:flex-end;place-items:center;display:grid}.cl-cta:hover .go{background:#0000001a;rotate:-45deg}.cl-cta .go svg{width:1.25rem;height:1.25rem}@media (max-width:767px){.cl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-tile{aspect-ratio:3/2}}@media (prefers-reduced-motion:reduce){.cl-tile{opacity:1}}.hx.cl{color:#0a0a2d;background:#ebf8eb}.cl .grid-bg{background-image:linear-gradient(#0a0a2d0d 1px,#0000 1px),linear-gradient(90deg,#0a0a2d0d 1px,#0000 1px)}.cl .cg1{opacity:.12}.cl .beam{display:none}.cl .cl-head .eyebrow{color:#151515;-webkit-backdrop-filter:none;background:#fff;border-color:#cadab2}.cl .cl-head h2{color:#0a0a2d}.cl .cl-tile{transition:translate .5s var(--ease-figma),box-shadow .5s var(--ease-figma);background:#fff;box-shadow:0 1px 2px #0a0a2d0d}.cl .cl-tile:before{background:radial-gradient(240px circle at var(--x,-999px) var(--y,-999px),#0063f6e6,#0a0a2d1a 55%)}.cl .cl-tile:after{background:radial-gradient(200px circle at var(--x,-999px) var(--y,-999px),#0063f612,transparent 70%)}.cl .cl-tile img{opacity:calc(.55 + var(--p,0) * .45);filter:grayscale(calc(1 - var(--p,0)))}.cl .cl-tile img.ink{filter:brightness(0)}.cl .cl-tile:hover{background:#fff;box-shadow:0 24px 48px -24px #0063f659}.cl .cl-tile:hover img{filter:none;opacity:1}.cl .cl-tile:hover img.ink{filter:brightness(0)}.cl .cl-cta{transition:translate .5s var(--ease-figma),background-color .5s var(--ease-figma),box-shadow .5s var(--ease-figma);background:#0063f6;box-shadow:0 20px 40px -20px #0063f68c}.cl .cl-cta:hover{background:#8be013;box-shadow:0 20px 40px -20px #8be013a6}.hx.cl.cl-w{background:#fff}.cl-w .cl-tile:not(.cl-cta){background:#fff;box-shadow:0 0 0 1px #eceef2,0 1px 2px #0a0a2d0a}.cl-w .cl-tile:not(.cl-cta):hover{box-shadow:0 0 0 1px #0063f640,0 24px 48px -24px #0063f659}
