.grid[data-astro-cid-7eimdu73]{margin-top:24px;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));row-gap:40px;-moz-column-gap:32px;column-gap:32px}@media screen and (max-width: 1400px){.grid[data-astro-cid-7eimdu73]:not(.full){grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width: 1280px){.grid[data-astro-cid-7eimdu73]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (max-width: 1024px){.grid[data-astro-cid-7eimdu73]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width: 768px){.grid[data-astro-cid-7eimdu73]{grid-template-columns:repeat(2,minmax(0,1fr))}}.card[data-astro-cid-gkvgxwqp]{position:relative}.card[data-astro-cid-gkvgxwqp]:hover:not(.is-playing) .preview{opacity:.75}.card[data-astro-cid-gkvgxwqp] .demo[data-astro-cid-gkvgxwqp]{position:relative;width:100%;height:24px}.card[data-astro-cid-gkvgxwqp] .demo[data-astro-cid-gkvgxwqp] a[data-astro-cid-gkvgxwqp]{position:absolute;inset:0;z-index:11;display:flex;align-items:center;justify-content:center;transition:.1s ease;font-size:13px}.card[data-astro-cid-gkvgxwqp] .demo[data-astro-cid-gkvgxwqp] a[data-astro-cid-gkvgxwqp]>div[data-astro-cid-gkvgxwqp]{width:100%;display:inline-flex;justify-content:center;align-items:center}.card[data-astro-cid-gkvgxwqp] .demo[data-astro-cid-gkvgxwqp] a[data-astro-cid-gkvgxwqp] svg[data-astro-cid-gkvgxwqp]{margin-right:4px}.card[data-astro-cid-gkvgxwqp] .demo[data-astro-cid-gkvgxwqp] a[data-astro-cid-gkvgxwqp]:hover{transform:scale3d(1.1,1.1,1.1)}.card[data-astro-cid-gkvgxwqp]:not(.is-playing) .demo[data-astro-cid-gkvgxwqp] a[data-astro-cid-gkvgxwqp] .playing[data-astro-cid-gkvgxwqp]{display:none}.card[data-astro-cid-gkvgxwqp].is-playing .preview>.frame{display:block}.card[data-astro-cid-gkvgxwqp].is-playing .preview>img{display:none}.card[data-astro-cid-gkvgxwqp].is-playing .demo[data-astro-cid-gkvgxwqp] a[data-astro-cid-gkvgxwqp]:hover{transform:none}.card[data-astro-cid-gkvgxwqp].is-playing .demo[data-astro-cid-gkvgxwqp] a[data-astro-cid-gkvgxwqp] .play[data-astro-cid-gkvgxwqp]{display:none}.card[data-astro-cid-gkvgxwqp] .body[data-astro-cid-gkvgxwqp]{margin-top:14px;display:flex;flex-direction:column;align-items:center;text-align:center}.card[data-astro-cid-gkvgxwqp] .body[data-astro-cid-gkvgxwqp] h3[data-astro-cid-gkvgxwqp]{margin-top:8px;font-size:13px;font-weight:600;color:#10172c}.card[data-astro-cid-gkvgxwqp] .body[data-astro-cid-gkvgxwqp] .absolute[data-astro-cid-gkvgxwqp]{position:absolute;inset:0;cursor:pointer;z-index:10}.badges[data-astro-cid-gkvgxwqp]{display:flex;gap:6px}.badge[data-astro-cid-gkvgxwqp]{display:inline-flex;align-items:center;border-radius:99px;background-color:#dce9fe;padding:2px 10px;font-size:12px;font-weight:500;line-height:16px;color:#1d40af}.hero{position:relative;display:flex;align-items:center;justify-content:space-between;padding:36px 36px 36px 0}.hero-badge{margin-bottom:.75rem;display:inline-flex;align-items:center;-moz-column-gap:.375rem;column-gap:.375rem;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity));padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:600;color:var(--accent)}@media screen and (min-width: 1540px){.hero{padding-right:0}}@media screen and (max-width: 1024px){.hero{flex-direction:column;gap:60px;padding:0}}@media screen and (max-width: 768px){.hero{align-items:center;text-align:center;gap:36px}.hero h1{font-size:36px!important}}.hero .col-left{width:100%;max-width:800px;margin-right:50px;flex-shrink:0;padding-bottom:60px}@media screen and (max-width: 1400px){.hero .col-left{max-width:600px}}@media screen and (max-width: 1024px){.hero .col-left{max-width:unset;margin-right:0;padding:0}}.hero .col-right{max-width:600px;flex-shrink:1}.hero .col-right .img-container{position:relative;width:300px;height:600px}.hero .col-right .img-container-motion{transform-style:preserve-3d}@media screen and (min-width: 1540px){.hero .col-right .img-container{z-index:4;transform:translate(-40px,85px) scale(.95)}}@media (max-width: 600px){.hero .col-right .img-container{max-height:400px;overflow:hidden}}.hero .col-right .img-container img{position:absolute;width:300px;max-height:600px;-o-object-fit:contain;object-fit:contain;backface-visibility:hidden}.hero .col-right .img-container img.rotate-y-180{transform:rotateY(180deg)}.hero h1{font-size:48px;line-height:1.25;font-weight:700;margin-top:0}.hero h1 span{white-space:nowrap}.hero-badge{margin-top:36px}.hero-overflow{position:absolute;inset:0;overflow:hidden;z-index:-1}.hero-overflow-content{position:relative;width:100%;height:100%;padding:0}.hero-overflow-inner{display:flex;flex-direction:row;height:500px;transform:translateY(110px) translate(750px)}@media screen and (max-width: 1539px){.hero-overflow-inner{display:none}}.hero-overflow-images{position:relative}.hero-overflow-images img{height:100%}.hero-overflow-arrow{margin-top:60px;margin-right:100px;width:150px;transform:rotate(8deg)}.hero-overflow-arrow svg{width:100%}h3[data-astro-cid-icwqgt7j] strong,p[data-astro-cid-icwqgt7j] strong{font-weight:700;color:var(--accent)}@media screen and (min-width: 1024px){.grid[data-astro-cid-icwqgt7j]{grid-template-columns:minmax(0,1fr) 400px}.grid[data-astro-cid-icwqgt7j].reverse{grid-template-columns:400px minmax(0,1fr)}}.missing-preview[data-astro-cid-icwqgt7j]{width:300px;height:600px;border-radius:28px;background:linear-gradient(180deg,#e5e7eb,#f3f4f6);display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:13px;font-weight:600}.kit[data-astro-cid-j7pv25f6]{margin:80px 0 0}.kit-header[data-astro-cid-j7pv25f6]{margin-bottom:44px;display:flex;align-items:center;flex-direction:column;text-align:center;font-size:20px}.kit-header[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]{font-size:16px;font-weight:500;color:#111;text-transform:uppercase}.kit-header[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{margin-top:12px;margin-bottom:18px;font-weight:700;font-size:36px;line-height:40px;color:#000}@media screen and (max-width: 768px){.kit-header[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{font-size:32px}}.kit-footer[data-astro-cid-j7pv25f6]{margin-top:60px;display:flex;align-items:center;justify-content:center}.kit-footer[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]{font-size:20px;line-height:1.6;display:flex;align-items:center}.kit-footer[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6] svg[data-astro-cid-j7pv25f6]{top:1px}