:root{--orange-500:#e86800;--orange-50:#fdf0e6;--grey-800:#252525;--grey-700:#303030;--grey-500:#444;--grey-50:#ececec;--background-100:#fcfbfa;--background-200:#faf9f8;--background-white:#f5f3ef;--white:#fff;--black:#000;--banner-bg:#f5f5f5;--font-heading:"Roboto Serif",Georgia,"Times New Roman",serif;--font-body:"Poppins","Segoe UI",system-ui,sans-serif;--content-max:1184px;--gutter:128px}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--white);color:var(--grey-500);font-family:var(--font-body);font-size:16px;line-height:1.6;margin:0;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}.eyebrow{color:var(--grey-500)!important;font-size:14px!important;letter-spacing:4.2px;line-height:22.4px!important;text-transform:uppercase}.section-heading{color:var(--black)!important;font-family:var(--font-heading);font-size:37px;font-weight:600;line-height:1.5}.lead{color:var(--grey-500)!important;font-size:18px;line-height:1.6}.hero{background:#06121b url(https://www.knacksystems.com/hubfs/Autonomous-CX/hero-bg.png) 100%/cover no-repeat;color:var(--white);margin-top:76px;overflow:hidden;position:relative}.hero__bg{inset:0;position:absolute;z-index:0}.hero__bg:after{background:linear-gradient(90deg,rgba(0,0,0,.76) 38%,hsla(0,0%,40%,.24) 83%);content:"";inset:0;position:absolute}.hero__inner{gap:70px;max-width:580px;padding:100px 0;position:relative;z-index:1}.hero__copy,.hero__inner{display:flex;flex-direction:column}.hero__copy{gap:30px}.badge{font-family:var(--font-body);font-size:16px;font-weight:400;letter-spacing:4.2px;line-height:22.4px;text-transform:uppercase}.badge,.hero__title{color:var(--white)!important;margin:0!important}.hero__title{font-weight:600}.hero__title span{color:var(--orange-500)}.hero__subtitle{color:var(--white)!important;max-width:674px}.hero__actions{display:flex;flex-wrap:wrap;gap:40px}.opportunity{background:var(--white);padding:100px 0}.opportunity__grid{align-items:center;display:grid;gap:40px;grid-template-columns:minmax(0,550px) minmax(0,1fr)}.opportunity__text{display:flex;flex-direction:column;max-width:550px}.opportunity__text .eyebrow{margin-bottom:15px}.opportunity__text .section-heading{max-width:500px;text-align:left}.opportunity__body{color:var(--grey-500);display:flex;flex-direction:column;margin-bottom:40px;max-width:525px}.callout{background:var(--orange-50);border-left:3px solid var(--orange-500);color:var(--black)!important;font-family:var(--font-heading);font-size:22px;font-weight:600;line-height:33px;padding:35px 40px}.hub-wrap{height:723px;margin-inline:auto;width:595px}.hub{position:relative;transform-origin:top left}.why{background:var(--banner-bg);padding:100px 0}.why__head{align-items:center;display:flex;flex-direction:column;margin:0 auto 55px;max-width:720px}.why__head,.why__head .lead,.why__head .section-heading{text-align:center}.cards{display:grid;gap:55px;grid-template-columns:repeat(2,minmax(0,1fr))}.card{backface-visibility:hidden;background:var(--white);border:1px solid var(--grey-50);border-radius:20px;box-shadow:0 0 5px hsla(0,0%,86.7%,.3);display:flex;flex-direction:column;gap:20px;padding:40px;transform:translateZ(0);transition:border-color .3s ease,box-shadow .3s ease}.card:hover{border-color:var(--orange-500)}.card__icon{align-items:center;background:var(--grey-800);border-radius:6px;display:inline-flex;height:46px;justify-content:center;width:46px}.card:hover .card__icon{background:var(--orange-500)}.card__icon img{height:26px;pointer-events:none;width:26px}.card__body{display:flex;flex-direction:column;gap:20px}.card__title{color:var(--grey-500);font-family:var(--font-heading);font-size:20px;font-weight:600;line-height:28.5px;margin:0!important;text-align:left!important}.card:hover .card__title{color:var(--orange-500)}.card__desc{color:var(--grey-500)}.card__desc,.pill{font-size:16px;line-height:25.6px}.pill{align-items:center;align-self:flex-start;background:var(--background-100);border:1px solid transparent;border-radius:6px;color:var(--black);display:inline-flex;font-weight:500;justify-content:center;padding:10px 20px;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.card:hover .pill--grey{background:var(--white);border:1px solid var(--orange-500);color:var(--orange-500)}.pill--grey{background:var(--background-200);color:var(--black)}.case{background:var(--white);padding:100px 0}.case__grid{align-items:center;background:#000;background:#292929 url(https://www.knacksystems.com/hubfs/Autonomous-CX/carlisle-casestudy-banner.webp) 50%/cover no-repeat;border-radius:20px;box-shadow:0 0 7.5px hsla(0,0%,94.5%,.6);display:grid;gap:30px;grid-template-columns:minmax(0,515px) minmax(0,640px);justify-content:center;padding:30px}.case__text{display:flex;flex-direction:column;gap:40px;max-width:515px}.case__text .eyebrow{font-size:16px;font-weight:400;letter-spacing:4.2px;line-height:28px;margin-bottom:20px}.case__text .section-heading{max-width:500px;text-align:left}.case__text .lead{margin-top:20px;max-width:475px}.case__intro{display:flex;flex-direction:column}.case__text .btn{align-self:flex-start}.case__intro h2,.case__intro p{color:#fff!important}.metric-card{background:var(--white);border:1px solid var(--grey-50);border-radius:30px;display:flex;flex-direction:column;gap:20px;padding:30px 25px}.metric-card__head{align-items:center;display:flex;flex-wrap:wrap;gap:25px;justify-content:space-between}.metric-card__logo{height:43px!important;width:auto!important}.metric-card__sector{color:var(--grey-500);font-size:18px;line-height:1.6}.metrics{display:grid;gap:25px;grid-template-columns:repeat(3,minmax(0,1fr))}.metric{display:flex;flex-direction:column;gap:7px;text-align:center}.metric__value{align-items:center;background:var(--orange-500);border-radius:10px;color:var(--white);display:flex;font-family:var(--font-heading);font-size:30px;font-weight:600;height:55px;justify-content:center;line-height:46px}.metric__label{color:var(--grey-500);font-size:18px;line-height:1.6}.metric-card__divider{border:0;border-top:1px solid var(--orange-500);margin:4px 10px 0}.metric-card__logos{align-items:center;display:flex;gap:40px;padding:8px 10px 0}.metric-card__logos img{border-right:1px solid #ccc;height:48px!important;padding-right:40px;width:auto!important}.metric-card__logos img.sap{height:60px!important}.metric-card__logos p{font-weight:600}.cta{color:var(--white)!important;text-align:center}.cta,.cta__bg{overflow:hidden;position:relative}.cta__bg{background:#292929 url(https://www.knacksystems.com/hubfs/Autonomous-CX/automation-01.webp) 50%/cover no-repeat;inset:0;padding:70px 0;z-index:0}.cta__bg img{height:100%;object-fit:cover;width:100%}.cta__inner{align-items:center;display:flex;flex-direction:column;gap:40px;margin-inline:auto;max-width:890px;position:relative;z-index:1}.cta__title{font-family:var(--font-heading);font-size:43px;font-weight:600;line-height:1.5}.cta__text,.cta__title{color:var(--white)!important;margin:0!important}.cta__text{font-size:18px;line-height:1.6}@media (max-width:767px){.container{padding:0 32px}.hero{margin-top:98px}.hero__inner{gap:40px;padding:60px 0}.hero__actions{gap:30px}.hero__actions a{width:100%}.badge{font-size:18px;line-height:28px}.eyebrow{font-size:20px!important;line-height:30px!important}.opportunity__grid{gap:0;grid-template-columns:1fr}.opportunity__text{display:block}.opportunity__body,.opportunity__text,.opportunity__text .section-heading{max-width:-webkit-fill-available}.hub-wrap{height:auto;margin-top:50px;width:auto}.callout{font-size:18px!important;line-height:28px!important}.cards{grid-template-columns:1fr}.card__title{font-size:18px!important;line-height:28px!important}.metric__value{font-size:20px;line-height:30px}.case__grid{display:block}.case__grid,.metrics{grid-template-columns:1fr}.metrics{gap:30px;margin-top:10px}.metric-card{margin-top:50px}.metric-card__logo{height:35px!important}.metric-card__logos{display:grid;gap:0}.metric-card__logos img.sap{margin-top:20px}.metric-card__logos img{border-bottom:1px solid #ccc;border-right:none;padding-bottom:10px;padding-right:5px}.metric-card__logos p{font-size:14px;line-height:24px;padding-top:10px}}@media (min-width:768px){.container{margin:0 auto;padding:0 48px}.hero__inner{gap:40px;max-width:500px;padding:60px 0}.badge{font-size:18px;line-height:28px}.eyebrow{font-size:20px!important;line-height:30px!important}.opportunity__grid{gap:40px;grid-template-columns:minmax(0,325px) minmax(0,1fr)}.hub-wrap{height:910px;width:300px}.callout,.card__title{font-size:18px!important;line-height:28px!important}.case__text{max-width:420px}.metrics{gap:20px}.metric-card__logos{gap:15px}.metric-card__logos img{height:35px!important;padding-right:10px}.metric__value{font-size:20px;height:70px;line-height:30px}}@media (min-width:1024px){.container{margin:0 auto;padding:0 48px}.hero__inner{gap:70px;max-width:530px;padding:70px 0}.badge{font-size:20px;line-height:30px}.eyebrow{font-size:22px!important;line-height:32px!important}.trust__list{gap:12px 12px}.opportunity__grid{grid-template-columns:minmax(0,450px) minmax(0,1fr)}.hub-wrap{height:715px;width:430px}.callout{font-size:20px!important;line-height:30px!important}.card__title{font-size:18px!important;line-height:28px!important}.case__text{max-width:420px}.metric__value{font-size:20px;height:55px;line-height:30px}.metric-card__logos{gap:40px}.metric-card__logos img{height:48px!important;padding-right:40px}.metric-card__head{gap:10px}}@media (min-width:1280px){.container{margin:0 auto;padding:0 32px;width:1140px}.hero__inner{max-width:520px;padding:80px 0}.badge{font-size:20px;line-height:30px}.eyebrow{font-size:22px!important;line-height:32px!important}.opportunity__grid{grid-template-columns:minmax(0,480px) minmax(0,1fr)}.hub-wrap{height:670px;width:550px}.card__title{font-size:20px!important;line-height:30px!important}.case__text{max-width:515px}.metric__value{font-size:26px;line-height:36px}.metric-card__head{gap:25px}}@media (min-width:1440px){.container{margin:0 auto;padding:0 32px;width:1380px}.hero__inner{padding:90px 0}.badge{font-size:20px;line-height:30px}.eyebrow{font-size:22px!important;line-height:32px!important}.opportunity__grid{grid-template-columns:minmax(0,550px) minmax(0,1fr)}.hub-wrap{height:690px;width:600px}.callout{font-size:22px!important;line-height:32px!important}.case__grid{grid-template-columns:minmax(0,515px) minmax(0,765px)}.metrics{gap:25px}.metric__value{font-size:30px;line-height:40px}.metric-card__logos p{font-size:18px;line-height:28px}}