body.solution-detail-shell{--qyft-page-max:1490px;background:#fff}qyft-solution-detail{display:block}.solution-detail{color:#303946;background:#fff;overflow-x:hidden}.solution-container{width:min(calc(100% - 48px), var(--qyft-page-max));margin-inline:auto}.solution-hero{--solution-hero-product-width:clamp(560px, 42vw, 820px);--solution-hero-product-x:72%;--solution-hero-product-y:50%;background:#eaf4ff;height:clamp(300px,26vw,520px);position:relative;overflow:hidden}.solution-hero__background{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;inset:0}.solution-hero__product{z-index:1;width:var(--solution-hero-product-width);object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;height:auto;position:absolute;inset-block-start:var(--solution-hero-product-y);inset-inline-start:var(--solution-hero-product-x);transform:translate(-50%,-50%)}.solution-detail[data-solution-id=multi] .solution-hero{--solution-hero-product-width:clamp(500px, 38vw, 740px)}.solution-detail[data-solution-id=visual] .solution-hero{--solution-hero-product-width:clamp(430px, 33vw, 640px)}.solution-detail[data-solution-id=smart] .solution-hero{--solution-hero-product-width:clamp(390px, 29vw, 560px)}.solution-hero__inner{z-index:1;align-items:center;height:100%;display:flex;position:relative}.solution-hero h1{color:#293038;letter-spacing:0;max-width:min(42vw,640px);margin-block:0;margin-inline-start:clamp(72px,12vw,240px);font-size:clamp(32px,2.2vw,46px);font-weight:500}.solution-detail[data-solution-id=single] .solution-hero h1{margin-inline-start:clamp(0px,3vw,64px)}.solution-section{padding-block:clamp(72px,6vw,112px)}.solution-section__title{color:#333;margin-block-end:clamp(52px,5vw,78px);font-size:clamp(28px,2vw,32px);font-weight:500}.solution-intro{grid-template-columns:minmax(360px,520px) minmax(0,1fr);grid-template-areas:"heading heading""media copy";align-items:center;gap:34px clamp(72px,8vw,150px);display:grid}.solution-intro__heading{grid-area:heading;align-self:end}.solution-intro__heading h2{color:#333;white-space:nowrap;margin-block-end:12px;font-size:clamp(26px,1.8vw,32px)}.solution-intro__heading p{color:#333;font-size:clamp(17px,1.1vw,22px)}.solution-intro__media{background:#f8f9fb;border-radius:8px;grid-area:media;place-items:center;min-height:278px;padding:30px;transition:background-color .2s,box-shadow .22s cubic-bezier(.25,1,.5,1);display:grid;position:relative}.solution-intro__media img{height:140%;transition:transform .28s cubic-bezier(.25,1,.5,1);position:absolute;left:57%;transform:translate(-50%)}.solution-intro__media.multi img{height:168%;top:-42%;left:9%;transform:scale(1.2)}.solution-intro__media.visual img{height:115%;top:-15%}.solution-intro__media.smart img{height:378px;top:-26%}.solution-intro__copy{grid-area:copy;align-self:end;padding-block-end:8px}.solution-intro__copy h3{color:#333;margin-block-end:18px;font-size:20px;font-weight:500}.solution-intro__copy p{color:#333;max-width:760px;font-size:16px;line-height:1.5}.solution-intro__copy p+p{margin-block-start:4px}.solution-intro__copy ul{color:#333;border-top:1px solid #e8edf4;grid-template-columns:repeat(3,minmax(0,max-content));justify-content:space-between;gap:18px 34px;margin:34px 0 0;padding:24px 0 0;font-size:16px;list-style:none;display:grid}.solution-intro__copy li{white-space:normal;align-items:center;gap:12px;min-width:0;display:flex}.solution-intro__copy li span{background:#0144da;border-radius:2px;flex:none;width:9px;height:9px;box-shadow:2px 2px 0 1px #0b52cc1a}.solution-section--features{background:#f7f7f8}.solution-section--picker{background:#fff;padding-block:76px clamp(68px,5vw,96px)}.solution-section--picker .solution-section__title{margin-block-end:40px}.solution-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(42px,4vw,70px) clamp(58px,7vw,110px);display:grid}.solution-feature{border-bottom:1px solid #e7e9ee;min-height:150px;padding-block-end:40px;transition:border-color .18s}.solution-feature__title{align-items:center;gap:14px;margin-block-end:18px;display:flex}.solution-feature__icon{color:#fff;background:#1269ff;border-radius:4px;flex:none;place-items:center;width:24px;height:24px;transition:transform .2s cubic-bezier(.25,1,.5,1);display:grid}.solution-feature__icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:18px;height:18px}.solution-feature__icon img{object-fit:contain;width:100%;height:100%;display:block}.solution-feature h3{color:#333;font-size:18px;font-weight:500;line-height:1.45}.solution-feature p{color:#333;font-size:16px;font-weight:400;line-height:1.5}.solution-spec{grid-template-columns:minmax(420px,650px) minmax(0,1fr);align-items:center;gap:clamp(72px,9vw,168px);display:grid}.solution-spec__copy{min-width:0}.solution-spec__table{border-collapse:collapse;table-layout:fixed;color:#6c7682;text-align:center;width:100%;font-size:14px;font-weight:700}.solution-spec__table th,.solution-spec__table td{border:4px solid #fff;height:42px;padding:9px 16px}.solution-spec__table thead th{color:#fff;background:#0144da;font-size:16px;font-weight:400}.solution-spec__table tbody th,.solution-spec__table tbody td{color:#767676;background:#f4f4f4;font-size:16px;font-weight:400;transition:color .16s,background-color .16s}.solution-spec__table tbody tr:nth-child(2n) th,.solution-spec__table tbody tr:nth-child(2n) td{background:#fbfbfb}.solution-spec__table th:first-child{width:35%}.solution-spec__media{place-items:center;min-height:420px;display:grid}.solution-spec__media img{object-fit:contain;width:auto;max-width:min(620px,100%);max-height:470px}.solution-spec__media .solution-spec__image--dimension{filter:none;max-height:560px}.solution-picker{grid-template-columns:150px minmax(245px,.78fr) minmax(293px,.94fr) minmax(390px,1.23fr) minmax(310px,1.05fr);align-items:stretch;gap:0;display:grid;overflow:auto hidden}.solution-picker__labels,.solution-picker__product{grid-template-rows:250px repeat(9,minmax(56px,auto));display:grid}.solution-picker__labels{color:#333;font-size:16px;font-weight:400}.solution-picker__labels span{align-items:center;min-height:56px;display:flex}.solution-picker__product{isolation:isolate;min-width:0;color:inherit;border-radius:0;padding-inline:18px;text-decoration:none;position:relative}.solution-picker__product:before{content:"";z-index:-1;background:0 0;border-radius:24px 24px 0 0;transition:background-color .18s;position:absolute;inset:82px 0 0}.solution-picker__product:focus-visible:before{background:#f3f8ff}.solution-picker__product.is-active:before,.solution-picker__product.is-active:focus-visible:before{background:#eaf4ff}.solution-picker__image{z-index:1;border-bottom:1px solid #e3e7ee;place-items:end center;min-height:250px;padding-block:24px 42px;display:grid;position:relative}.solution-picker__product.is-active .solution-picker__image{border-bottom-color:#0000}.solution-picker__product.is-active .solution-picker__image img{mix-blend-mode:multiply;transform:translateY(60px)scale(1.5)}.solution-picker__product[data-product-id=visual].is-active .solution-picker__image img{mix-blend-mode:multiply;transform:translateY(20px)scale(1.5)}.solution-picker__image img{z-index:2;object-fit:contain;transform-origin:bottom;width:auto;max-width:90%;max-height:176px;transition:transform .24s cubic-bezier(.25,1,.5,1);position:relative;transform:translateY(45px)}@media (hover:hover) and (pointer:fine){.solution-intro__media:hover{background:#f3f7fd;box-shadow:0 6px 16px #20477e1a}.solution-intro__media:hover img{transform:translate(-50%)translateY(-5px)scale(1.025)}.solution-intro__media.multi:hover img{transform:translate(-3%)translateY(-38px)scale(1.2)}.solution-feature:hover{border-bottom-color:#1467ff}.solution-feature:hover .solution-feature__icon{transform:scale(1.08)}.solution-spec__table tbody tr:hover th,.solution-spec__table tbody tr:hover td{color:#26303a;background:#e9f1ff}.solution-picker__product:not([aria-current=page]):hover:before,.solution-picker__product:not([aria-current=page]):focus-visible:before{background:#f3f8ff}.solution-picker__product:not([aria-current=page]):hover .solution-picker__image img,.solution-picker__product:not([aria-current=page]):focus-visible .solution-picker__image img{transform:translateY(38px)scale(1.06)}}@media (prefers-reduced-motion:reduce){.solution-intro__media,.solution-intro__media img,.solution-feature__icon,.solution-spec__table tbody th,.solution-spec__table tbody td,.solution-picker__product:before,.solution-picker__image img{transition:none}}.solution-picker__product[data-product-id=single] .solution-picker__image img{max-height:188px}.solution-picker__product[data-product-id=multi] .solution-picker__image img{max-width:86%;max-height:176px}.solution-picker__product[data-product-id=visual] .solution-picker__image img{max-width:96%;max-height:176px;top:-3px}.solution-picker__product[data-product-id=smart] .solution-picker__image img{max-height:174px}.solution-picker__product dl{margin:0;display:contents}.solution-picker__product dl div{align-items:center;min-height:56px;display:flex}.solution-picker__product dt{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.solution-picker__product dd{color:#767676;margin:0;font-size:16px;line-height:1.5}.solution-picker__product dl div:first-child dd{color:#333;font-size:16px}.solution-picker__product[aria-current=page]{pointer-events:none}@media (width<=1320px){body.solution-detail-shell{--qyft-page-max:1040px}.solution-intro,.solution-spec{gap:44px}.solution-intro__copy ul{gap-inline:28px;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.solution-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-picker{grid-template-columns:120px minmax(245px,.78fr) minmax(293px,.94fr) minmax(390px,1.23fr) minmax(310px,1.05fr);padding-block-end:12px}.solution-picker__product{padding-inline:18px}}@media (width<=1024px) and (width>=821px){.solution-intro__copy ul{gap-block:14px;grid-template-columns:1fr}}@media (width<=820px){.solution-container{width:min(calc(100% - 32px), var(--qyft-page-max))}.solution-hero{height:300px}.solution-hero__background{object-position:56% center}.solution-hero.visual .solution-hero__background{object-position:86% center}.solution-hero.single .solution-hero__background{object-position:46% center}.solution-hero{--solution-hero-product-width:clamp(420px, 62vw, 510px);--solution-hero-product-x:72%;--solution-hero-product-y:58%}.solution-detail[data-solution-id=multi] .solution-hero{--solution-hero-product-width:clamp(350px, 53vw, 435px)}.solution-detail[data-solution-id=visual] .solution-hero{--solution-hero-product-width:clamp(300px, 46vw, 380px)}.solution-detail[data-solution-id=smart] .solution-hero{--solution-hero-product-width:clamp(260px, 40vw, 330px)}.solution-hero__inner{align-items:flex-start;padding-block-start:58px}.solution-hero h1{text-shadow:0 1px #fffc;max-width:min(10.5em,48%);margin-inline-start:0;font-size:28px}.solution-detail[data-solution-id=single] .solution-hero h1{margin-inline-start:0}.solution-intro,.solution-spec{grid-template-columns:1fr;grid-template-areas:none}.solution-intro__heading{order:0;grid-area:auto}.solution-intro__media{grid-area:auto;min-height:240px;padding:24px}.solution-intro__copy{grid-area:auto}.solution-intro__copy ul{grid-template-columns:1fr;display:grid}.solution-feature-grid{grid-template-columns:1fr}.solution-feature{min-height:auto}.solution-spec__media{min-height:260px}.solution-spec__media img,.solution-spec__media .solution-spec__image--dimension{max-height:360px}.solution-picker{grid-template-columns:1fr;gap:18px;overflow:visible}.solution-picker__labels{display:none}.solution-picker__product{isolation:auto;background:#fff;border:1px solid #e5edf6;padding:20px;display:block;position:static}.solution-picker__product:before{display:none}.solution-picker__product.is-active{background:#eaf4ff;border-color:#cfe4ff}.solution-picker__image{min-height:150px;padding-block:8px 18px}.solution-picker__image img{width:auto;max-width:90%;max-height:128px;transform:translateY(6px)}.solution-picker__product.is-active .solution-picker__image img{transform:translateY(6px)scale(1.5)}.solution-picker__product dl{gap:8px;display:grid}.solution-picker__product dl div{border-bottom:1px solid #eef2f6;grid-template-columns:96px 1fr;gap:12px;min-height:0;padding-block:6px;display:grid}.solution-picker__product dt{clip:auto;color:#3d4857;white-space:normal;width:auto;height:auto;font-size:13px;font-weight:800;position:static;overflow:visible}.solution-picker__product dd{font-size:13px}}@media (width<=560px){.solution-section{padding-block:58px}.solution-section__title,.solution-section--picker .solution-section__title{margin-block-end:36px}.solution-hero{--solution-hero-product-width:clamp(290px, 88vw, 360px);--solution-hero-product-x:73%;--solution-hero-product-y:63%;height:248px}.solution-detail[data-solution-id=single] .solution-hero{--solution-hero-product-width:clamp(270px, 78vw, 310px);--solution-hero-product-x:76%}.solution-detail[data-solution-id=multi] .solution-hero{--solution-hero-product-width:clamp(230px, 70vw, 285px)}.solution-detail[data-solution-id=visual] .solution-hero{--solution-hero-product-width:clamp(205px, 62vw, 250px);--solution-hero-product-x:65%}.solution-detail[data-solution-id=smart] .solution-hero{--solution-hero-product-width:clamp(175px, 53vw, 215px)}.solution-hero h1{max-width:52%;font-size:clamp(20px,6.2vw,24px)}.solution-intro__heading h2{font-size:clamp(12px,4vw,24px)}.solution-spec__table{font-size:12px}.solution-spec__table th,.solution-spec__table td{padding-inline:8px}.solution-picker__product dl div{grid-template-columns:86px 1fr}}
