.container{box-sizing:border-box;margin:0;padding:0}.headerHero{background-color:var(--background);color:var(--text);padding:1rem 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box;margin:2rem;border-radius:1.5rem;background:transparent}@media(min-width:1024px){.headerHero{margin:1rem 10rem}}.headerHero .heroContainer{width:100%;max-width:1200px;text-align:center;padding:0 1rem;height:auto;min-height:30vh}@media(min-width:768px){.headerHero .heroContainer{padding:0 2rem;height:35vh}}.headerHero .heroContainer .heroTitle{font-family:Urbanist,sans-serif;font-size:1.5em;font-weight:700;line-height:1.2;margin-bottom:1rem;background:linear-gradient(92deg,var(--primary) 1.39%,var(--dark) 82.76%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(min-width:768px){.headerHero .heroContainer .heroTitle{font-size:3rem}}.headerHero .heroContainer .heroSubtitle{color:var(--text-muted);font-family:Roboto Flex,sans-serif;font-size:1rem;font-weight:500}@media(min-width:768px){.headerHero .heroContainer .heroSubtitle{font-size:1.25rem}}.headerHero .heroContainer .searchBox{position:relative;width:100%;max-width:500px;margin:2rem auto}.headerHero .heroContainer .searchBox .searchInput{width:100%;padding:14px 20px 14px 44px;border:1px solid #e5e7eb;border-radius:25px;font-size:16px;color:var(--text);background:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);font-family:Urbanist,sans-serif;transition:all .3s ease}.headerHero .heroContainer .searchBox .searchInput:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(132,204,22,.2)}.headerHero .heroContainer .searchBox .searchIcon{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-muted);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236B7280'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:contain}.integrationGrid{margin:2rem auto;border-radius:3rem}@media(max-width:1023px){.integrationGrid{margin:1.5rem;border-radius:2rem}}.integrationGrid .gridContainer{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}@media(min-width:640px){.integrationGrid .gridContainer{grid-template-columns:repeat(2,1fr);padding:0 2rem}}@media(min-width:1024px){.integrationGrid .gridContainer{grid-template-columns:repeat(3,1fr);padding:0 4rem;gap:2rem}}.integrationGrid .gridItem{position:relative;border-radius:1.5rem;border:1px solid #e5e7eb;background-color:#fff;padding:2rem;overflow:hidden;--mouse-x:50%;--mouse-y:50%;--spotlight-color:hsla(82,85%,67%,.2);display:flex;flex-direction:column;height:380px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);text-align:left;transition:all .3s ease}@media(min-width:640px){.integrationGrid .gridItem{height:400px}}.integrationGrid .gridItem:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;transition:opacity .5s ease;pointer-events:none}.integrationGrid .gridItem:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.integrationGrid .gridItem:hover:before{opacity:.8}.integrationGrid .coverImage{width:64px;height:64px;-o-object-fit:contain;object-fit:contain;margin-bottom:1.5rem}.integrationGrid .gridItemTitle{font-size:1.25rem;margin-bottom:1rem;font-weight:700;line-height:1.2;color:var(--text);height:auto}@media(min-width:768px){.integrationGrid .gridItemTitle{font-size:1.5rem}}.integrationGrid .gridItemDesc{color:var(--text-muted);font-family:Urbanist,sans-serif;margin-bottom:1.5rem;flex-grow:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:1rem;line-height:1.5}.integrationGrid .readMoreBtn{padding:.6rem 1.5rem;font-size:.9rem;background:transparent;border:1px solid var(--primary);border-radius:9999px;color:var(--text);font-weight:600;cursor:pointer;transition:all .3s ease;width:-moz-fit-content;width:fit-content;align-self:flex-start;margin-top:auto}.integrationGrid .readMoreBtn:hover{background:var(--primary);color:#fff;box-shadow:0 4px 12px rgba(132,204,22,.3)}@media(min-width:768px){.integrationGrid .readMoreBtn{font-size:1rem}}.skeleton{background-color:#f3f4f6;animation:pulse 1.5s ease-in-out infinite;opacity:.8}.skeletonImage{width:30%;height:150px;margin:0 auto}.skeletonImage,.skeletonText{background-color:#e5e7eb;border-radius:5px}.skeletonText{height:20px;margin:15px 0}.skeletonButton{width:60%;height:35px;background-color:#d1d5db;margin:10px auto;border-radius:20px}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}