.page-copilot{background-color:var(--gray-700);background-image:url(https://assets.nodesource.com/website/bg-hex-pattern.png);background-size:3.125em}@keyframes moveLeft{0%{transform:translateX(100vw)}to{transform:translateX(0)}}@keyframes copilotMoveRight{0%{transform:translateX(-100vw)}to{transform:translateX(0)}}@keyframes slideLeft{0%{opacity:0;transform:translateY(-50%) translateX(30%)}to{opacity:1;transform:translateY(-50%) translateX(12%)}}.copilot-hero{background-image:url(https://assets.nodesource.com/website/copilot/Background+Texture+N-Solid+Copilot.png),url(https://imagedelivery.net/_VBqpS8WC_j67-ZlmCm5Ow/55d34a46-ec05-4f56-256c-62156de09400/public),linear-gradient(transparent,var(--gray-400));height:800px;background-repeat:no-repeat;background-size:cover}.copilot-hero:after{background-image:linear-gradient(to bottom,rgba(32,37,37,0),var(--gray-700));content:"";position:absolute;bottom:0;width:100%;height:100%}.copilot-hero .content-container{margin:0;width:100%}.copilot-hero .content-container>div{display:flex}.copilot-hero .container-text{display:flex;align-items:center;margin:0 8%;animation:fadeIn 1s ease-in both}.copilot-hero .container-text img{height:75px}.copilot-hero .container-text:before{content:"";height:1px;flex-grow:1;background-image:linear-gradient(90deg,#fff 0,hsla(0,0%,85%,0))}.copilot-hero .container-text:after{content:"";height:1px;flex-grow:1;background-image:linear-gradient(270deg,#fff 0,hsla(0,0%,85%,0))}.copilot-hero>div:first-of-type{height:100%;background:linear-gradient(transparent,transparent,var(--gray-400))}.copilot-hero .content-container h1{letter-spacing:normal;text-align:left;color:var(--gray-10);font-size:var(--font-size-h1);line-height:var(--line-height-h1);font-weight:400;margin:40px 10px}.copilot-hero .content-container .container-images{position:relative;height:550px;display:flex;align-items:center;justify-content:center}.copilot-hero .content-container .container-images .img-1{object-fit:contain;position:absolute;top:-140px;left:0;animation:copilotMoveRight 2s ease-in-out forwards;height:888px;z-index:3}.copilot-hero .content-container .container-images .img-2{width:-moz-fit-content;width:fit-content;top:50%;left:50%;margin-top:-225px;margin-left:-420px;position:absolute;animation:moveLeft 1s ease-in-out forwards}.copilot-hero .content-container .container-images .img-3{object-fit:contain;position:absolute;top:-140px;right:0;height:888px;z-index:3;animation:moveLeft 2s ease-in-out forwards}.copilot-hero .content-container .container-images .image-overlay{z-index:2;position:absolute;animation:slideLeft .5s ease-in-out forwards;animation-delay:2s;top:40%;transform:translateY(-50%) translateX(12%);width:-moz-fit-content;width:fit-content;opacity:0}.copilot-hero .button-container{flex-direction:row;align-items:center;padding:10.6px 19.8px;border-radius:2px;box-shadow:0 5.3px 5.3px 0 rgba(0,0,0,.1);border:1px solid rgba(32,37,37,.5);background-color:var(--green-300);margin-right:auto;margin-left:auto;width:400px;font-size:var(--font-size-p);line-height:var(--line-height-p);letter-spacing:normal;text-align:center;color:var(--green-500);text-transform:uppercase;z-index:2;position:relative;justify-content:center;display:flex}.copilot-feature{padding:40px;color:var(--gray-10)}.copilot-feature .container-title{display:grid;text-align:center}.copilot-feature .title{font-weight:300;font-size:var(--font-size-h1);line-height:var(--line-height-h1);color:var(--gray-10);display:flex;justify-content:center}.copilot-feature .subtitle{padding-top:10px;font-size:var(--font-size-p-promo);line-height:var(--line-height-p-promo);color:var(--gray-200);margin:0 15%}.copilot-feature .docs{width:300px;height:48.2px;flex-grow:0;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:2px;box-shadow:0 5.3px 5.3px 0 rgba(0,0,0,.1);border:1px solid rgba(32,37,37,.5);background-color:var(--yellow-400);text-align:center;color:var(--gray-700);margin-bottom:60px;margin-right:auto;margin-left:auto;text-transform:uppercase;font-size:var(--font-size-p);line-height:var(--line-height-p)}.copilot-feature ul{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-bottom:3.213em;margin-top:3.213em}.copilot-feature ul li{display:flex;width:30%;padding:10px 0}.copilot-feature .container-feature p{font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:600;text-align:left;color:var(--blue-200);margin-bottom:20px}.container-feature span{font-size:var(--font-size-small);line-height:var(--line-height-small);text-align:left}.copilot-feature .container-feature .container-img{width:150px;position:relative;height:150px}.copilot-feature .container-feature .container-img img{position:absolute;left:-40px}.key-use-case{color:#fff}.key-use-case .content-container{display:grid}.key-use-case .content-container .title-text{color:var(--gray-10);font-size:var(--font-size-h2);line-height:var(--line-height-h2);font-weight:300;text-align:center;letter-spacing:-.5px;padding-bottom:40px}.key-use-case .container-items{display:flex;flex-wrap:wrap;margin-top:40px;margin-bottom:80px;justify-content:center}.key-use-case .container-items>div{display:flex;flex-direction:row;width:45%}.key-use-case .container-items .features{padding:20px 20px 20px 0;height:-moz-fit-content;height:fit-content}.key-use-case .container-items .features>div{padding-bottom:20px}.key-use-case .container-column .container-img{width:100px;height:100px;position:relative;flex-shrink:0;margin-right:20px}.key-use-case .container-column img{width:100px;height:100px;margin-right:20px;flex-grow:0}.key-use-case .container-column .img-runtime{position:absolute;width:200px;height:200px;top:-38px;left:-52px;margin:0}.key-use-case .container-column .title{text-transform:uppercase;color:var(--blue-200);font-size:var(--font-size-p);line-height:var(--line-height-p);font-weight:600;text-align:left}.key-use-case .container-column p{font-weight:400;color:var(--gray-10);font-size:var(--font-size-p);line-height:var(--line-height-p);padding-bottom:25px;border-bottom:1px solid var(--green-300)}.technology-stack{background-image:url(https://assets.nodesource.com/website/bg-hex-pattern.png),url(https://imagedelivery.net/_VBqpS8WC_j67-ZlmCm5Ow/55d34a46-ec05-4f56-256c-62156de09400/public),linear-gradient(to right,var(--green-400) 10%,var(--green-500) 90%);background-size:3.125em,cover,100%;-webkit-clip-path:polygon(0 0,100% 10%,100% 100%,0 90%);clip-path:polygon(0 0,100% 10%,100% 100%,0 90%)}.technology-stack .content-container{display:flex;width:1270px;margin:130px auto;gap:50px}.technology-stack .content-container .container-img{border-radius:10px;height:-moz-fit-content;height:fit-content;padding:20px;margin:auto;box-shadow:0 10px 50px 0 rgba(0,0,0,.5);background-image:radial-gradient(circle at 50% 50%,var(--blue-200) 28%,var(--blue-400) 78%)}.technology-stack .container-text{width:50%}.technology-stack .container-text .title{color:var(--gray-10);font-size:var(--font-size-h3);line-height:var(--line-height-h3)}.technology-stack .container-text .container-item{display:flex}.technology-stack .container-text .container-icon{margin-top:25px;margin-right:10px}.technology-stack p{color:#fff;margin-top:20px;text-align:left;font-size:var(--font-size-p);line-height:var(--line-height-p)}.technology-partners{background-color:#fff;background-image:url(https://assets.nodesource.com/website/bg-hex-pattern.png),linear-gradient(to bottom,var(--gray-10),var(--gray-10));background-repeat:repeat;background-size:3.125em;z-index:1;-webkit-clip-path:polygon(0 8%,100% 0,100% 85%,0 100%);clip-path:polygon(0 8%,100% 0,100% 85%,0 100%)}.technology-partners .content-container{display:grid;margin-bottom:80px}.technology-partners .content-container .title{color:var(--gray-700);font-size:var(--font-size-h2);line-height:var(--line-height-h2);text-align:center;margin-bottom:40px;display:flex;justify-content:center}.technology-partners .container-partners{display:flex}.technology-partners .container-partners .container-item{display:grid;grid-gap:30px;gap:30px;margin:20px;align-items:end}.technology-partners .container-partners .container-item p{color:var(--gray-700);font-size:var(--font-size-p);line-height:var(--line-height-p);border-top:1px solid var(--green-300);padding-top:20px;margin-top:auto}.technology-partners .container-partners .container-item .subtitle{text-transform:uppercase;font-weight:600}.technology-partners .content-container .last-text{font-size:var(--font-size-h2);line-height:var(--line-height-h2);color:#000;text-align:center;font-weight:300;margin:40px auto}.try-banner-copilot{margin-top:-70px;z-index:0;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.testimony-copilot{-webkit-clip-path:polygon(0 9%,100% 0,100% 89%,0 100%);clip-path:polygon(0 9%,100% 0,100% 89%,0 100%)}.try-banner-copilot .content-container{margin-bottom:0}@media screen and (max-width:800px){.copilot-hero{height:auto}.copilot-hero .content-container h1{margin-top:0;margin-bottom:30px}.copilot-hero .content-container .container-images{display:none}.copilot-hero .button-container{width:100%}.copilot-hero .content-container .container-images .img-1,.copilot-hero .content-container .container-images .img-3{display:none}header div.content-container{margin-bottom:0}.copilot-feature{padding:20px}.copilot-feature ul li{width:100%}.copilot-feature .subtitle{margin:auto}.copilot-feature .container-feature{display:flex;flex-direction:column;align-items:center;margin-top:20px}.copilot-feature .container-feature p,.copilot-feature .container-feature span{text-align:center}.key-use-case .container-items{display:grid}.key-use-case .container-column,.key-use-case .container-items .features{flex-direction:column;width:100%}.key-use-case .container-column{align-items:center}.key-use-case .content-container .title-text{padding-bottom:0}.key-use-case .container-column .container-text,.key-use-case .container-column .title{text-align:center!important}.key-use-case .container-column p{text-align:center}.technology-stack .container-text,.technology-stack .content-container{width:auto;text-align:center}.technology-stack .container-text .title{text-align:center}.technology-stack .content-container{display:grid}.technology-stack .content-container .container-img{padding:10px}.technology-stack .content-container .container-img img{width:min-content;height:min-content}.technology-partners{-webkit-clip-path:polygon(0 2%,100% 0,100% 94%,0 100%);clip-path:polygon(0 2%,100% 0,100% 94%,0 100%)}.technology-partners .container-partners{flex-direction:column}.technology-partners .container-partners .container-item{width:auto;display:flex;align-items:start;flex-direction:column}}@media screen and (min-width:801px) and (max-width:1000px){.copilot-hero .content-container .container-images .img-1{z-index:3}.copilot-feature .subtitle{margin:auto}.technology-stack .content-container{width:780px;display:grid}.technology-stack .container-text{width:100%}.technology-partners .content-container .last-text{margin-bottom:100px}}@media screen and (min-width:1001px) and (max-width:1280px){header div.content-container{margin-bottom:0;padding-bottom:20px}.copilot-hero{height:auto}.technology-stack .content-container{width:960px}.technology-stack .content-container .container-img img{max-width:600px}.technology-partners .content-container .last-text{margin-bottom:60px}}@media screen and (min-width:1601px){.copilot-hero .content-container,.copilot-hero .content-container .container-images{max-width:2560px;margin:auto}.copilot-feature .subtitle{margin-left:25%;margin-right:25%}.technology-partners .content-container .last-text{margin:40px 10%}}