.container{box-sizing:border-box;margin:0;padding:0}.integration-landing-wrapper .headerHero{background-color:#fffaeb;color:#2d3748;padding:2rem 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box;margin:2rem;border-radius:1rem;background:linear-gradient(160deg,#fffaeb,#fff3d0);box-shadow:0 4px 6px rgba(0,0,0,.05)}@media(min-width:1024px){.integration-landing-wrapper .headerHero{margin:1rem 10rem}}.integration-landing-wrapper .headerHero .heroContainer{width:100%;max-width:1200px;text-align:center;padding:0 1rem;height:auto;min-height:25vh}@media(min-width:768px){.integration-landing-wrapper .headerHero .heroContainer{padding:0 2rem;height:30vh}}.integration-landing-wrapper .headerHero .heroContainer .heroTitle{font-family:Inter,Urbanist,sans-serif;font-size:1.75em;font-weight:600;line-height:1.2;margin-bottom:1rem;color:#7d5700}@media(min-width:768px){.integration-landing-wrapper .headerHero .heroContainer .heroTitle{font-size:2.25rem}}.integration-landing-wrapper .headerHero .heroContainer .heroSubtitle{color:#946500;font-family:Inter,Roboto Flex,sans-serif;font-size:1.1rem;font-weight:400;margin-bottom:1.5rem}@media(min-width:768px){.integration-landing-wrapper .headerHero .heroContainer .heroSubtitle{font-size:1.25rem}}.integration-landing-wrapper .headerHero .heroContainer .searchBox{position:relative;width:100%;max-width:500px;margin:2rem auto}.integration-landing-wrapper .headerHero .heroContainer .searchBox .searchInput{width:100%;padding:12px 20px 12px 40px;border:1px solid #ffd580;border-radius:8px;font-size:16px;color:#7d5700;background:#fffdf7;box-shadow:0 1px 3px rgba(201,145,0,.1);font-family:Inter,Urbanist,sans-serif}.integration-landing-wrapper .headerHero .heroContainer .searchBox .searchInput:focus{outline:none;border-color:#ffb700;box-shadow:0 0 0 3px rgba(255,183,0,.2)}.integration-landing-wrapper .headerHero .heroContainer .searchBox .searchInput::-moz-placeholder{color:#c99100;opacity:.6}.integration-landing-wrapper .headerHero .heroContainer .searchBox .searchInput::placeholder{color:#c99100;opacity:.6}.integration-landing-wrapper .headerHero .heroContainer .searchBox .searchIcon{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#c99100;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c99100'%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}.integration-landing-wrapper .integrationGrid{margin:2rem auto;border-radius:3rem}.integration-landing-wrapper .integrationGrid .gridContainer{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}@media(min-width:640px){.integration-landing-wrapper .integrationGrid .gridContainer{grid-template-columns:repeat(2,1fr);padding:0 2rem}}@media(min-width:1024px){.integration-landing-wrapper .integrationGrid .gridContainer{grid-template-columns:repeat(3,1fr);padding:0 4rem;gap:2rem}}.integration-landing-wrapper .integrationGrid .gridItem{position:relative;border-radius:1.5rem;border:1px solid #222;background-color:#111;padding:1.5rem;overflow:hidden;--mouse-x:50%;--mouse-y:50%;--spotlight-color:rgba(255,231,171,.433);display:flex;flex-direction:column;height:380px;box-shadow:0 2px 4px rgba(232,228,41,.33);text-align:left;transition:transform .3s ease}@media(min-width:640px){.integration-landing-wrapper .integrationGrid .gridItem{height:420px}}.integration-landing-wrapper .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}.integration-landing-wrapper .integrationGrid .gridItem:hover{transform:translateY(-5px)}.integration-landing-wrapper .integrationGrid .gridItem:hover:before{opacity:.6}.integration-landing-wrapper .integrationGrid .gridItem:focus-within:before{opacity:.6}.integration-landing-wrapper .integrationGrid .imageWrapper{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:1.25rem}.integration-landing-wrapper .integrationGrid .coverImage{width:150px;height:150px;-o-object-fit:contain;object-fit:contain;margin-bottom:0}.integration-landing-wrapper .integrationGrid .gridItemTitle{font-size:1.1rem;margin-bottom:.75rem;font-weight:600;line-height:1.2;color:#fff;height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(min-width:768px){.integration-landing-wrapper .integrationGrid .gridItemTitle{font-size:1.25rem}}.integration-landing-wrapper .integrationGrid .gridItemDesc{color:#fff;font-family:Lora,serif;margin-bottom:1rem;flex-grow:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.4}.integration-landing-wrapper .integrationGrid .readMoreBtn{padding:.5rem 1.2rem;font-size:.9rem;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;color:#fff;cursor:pointer;transition:all .3s ease;width:-moz-fit-content;width:fit-content;align-self:flex-end;margin-top:auto}.integration-landing-wrapper .integrationGrid .readMoreBtn:hover{background:hsla(0,0%,100%,.2)}@media(min-width:768px){.integration-landing-wrapper .integrationGrid .readMoreBtn{padding:.6rem 1.5rem;font-size:1rem}}.integration-landing-wrapper .skeleton{background-color:#333;animation:pulse 1.5s ease-in-out infinite;opacity:.8}.integration-landing-wrapper .skeletonImage{width:30%;height:150px;margin:0 auto;background-color:#444;border-radius:5px}.integration-landing-wrapper .skeletonText{height:20px;background-color:#444;margin:15px 0;border-radius:5px}.integration-landing-wrapper .skeletonButton{width:60%;height:35px;background-color:#555;margin:10px auto;border-radius:20px}@keyframes pulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}