.solutionPage{position:relative;isolation:isolate;overflow:hidden;color:var(--public-ink);background:var(--public-canvas)}.solutionPage:before{position:absolute;inset:0;z-index:-1;content:"";pointer-events:none;background-image:url(https://oss.xpptx.com/xpptx.com/static/dist_zb/imgs/home/home-sky-continuous.png);background-repeat:no-repeat;background-position:top;background-size:100% auto;opacity:.22;mask-image:linear-gradient(180deg,#000 0,#000 46%,rgba(0,0,0,.58) 68%,transparent 94%)}.solutionPage .solutionHeroBanner{min-height:min(860px,100svh - 72px);background:linear-gradient(180deg,rgba(198,221,250,.54),rgba(255,255,255,.68) 76%,rgba(255,255,255,.92))}.solutionPage .solutionHeroBanner:before{display:block;position:absolute;inset:0;content:"";pointer-events:none;opacity:.72;background:radial-gradient(ellipse 34% 25% at 22% 30%,rgba(255,255,255,.8),transparent 68%),radial-gradient(ellipse 30% 24% at 74% 24%,rgba(255,255,255,.68),transparent 70%),radial-gradient(ellipse 46% 28% at 52% 80%,rgba(255,255,255,.8),transparent 72%);filter:blur(12px)}.dark .solutionPage .solutionHeroBanner{background:linear-gradient(180deg,#17243a,#0b0f17)}.dark .solutionPage .solutionHeroBanner:before{opacity:.58;background:radial-gradient(ellipse 34% 25% at 22% 30%,rgba(90,166,255,.16),transparent 68%),radial-gradient(ellipse 30% 24% at 74% 24%,rgba(35,136,255,.12),transparent 70%),radial-gradient(ellipse 46% 28% at 52% 80%,rgba(90,166,255,.1),transparent 72%)}.dark .solutionPage .solutionHeroInner p{color:#cbd5e1}.solutionPage .solutionHeroInner{position:relative;z-index:1;width:min(1280px,100% - 32px);padding-top:clamp(48px,8vh,108px);padding-bottom:clamp(48px,8vh,108px)}.solutionPage .solutionHeroInner>div:first-child{padding:28px 0}.solutionPage .solutionHeroInner h1{max-width:11ch;color:var(--public-ink);font-family:var(--font-public-display),sans-serif;font-size:clamp(50px,4.2vw,64px);font-weight:900;letter-spacing:0;line-height:1.08}.solutionPage .solutionHeroInner h1 span{color:var(--public-blue)!important;text-shadow:0 8px 24px rgba(35,136,255,.14)}.solutionPage .solutionHeroInner p{max-width:42ch;color:color-mix(in srgb,var(--public-ink) 68%,transparent);font-family:var(--font-public-display),sans-serif;font-size:18px;font-weight:400;line-height:1.625}.solutionPage .solutionHeroAnimation{width:100%;max-width:700px}.solutionPage .solutionFeatureCopy h3,.solutionPage .solutionSectionTitle{color:var(--public-ink);font-family:var(--font-public-display),sans-serif;font-size:clamp(36px,3.6vw,58px);font-weight:700;letter-spacing:-.055em;line-height:.98}.solutionPage .solutionFeatureCopy h3 span,.solutionPage .solutionSectionTitle span{color:var(--public-blue)!important}.solutionPage .solutionFeatureCopy p,.solutionPage .solutionSectionTitle+p{max-width:58ch;color:color-mix(in srgb,var(--public-ink) 72%,transparent);font-family:var(--font-public-display),sans-serif;font-size:14px;font-weight:500;line-height:1.55}.solutionPage .solutionFeatureImage{width:90%!important;max-width:576px}.solutionPage .solutionHeroAnimation>div{height:520px;max-width:none;border-radius:28px}@media(max-width:1023px){.solutionPage .solutionHeroBanner{min-height:0}.solutionPage .solutionHeroInner{padding-top:48px}.solutionPage .solutionHeroInner h1{max-width:14ch;font-size:clamp(42px,6vw,52px);text-align:center}.solutionPage .solutionHeroInner>div:first-child{display:flex;flex-direction:column;align-items:center;text-align:center}.solutionPage .solutionHeroInner p{max-width:44rem}.solutionPage .solutionHeroAnimation{max-width:770px}}@media(max-width:768px){.solutionPage .solutionHeroBanner{padding-top:0}.solutionPage .solutionHeroInner{width:min(100% - 24px,680px);padding:34px 0 52px}.solutionPage .solutionHeroInner h1{font-size:clamp(34px,7vw,42px)}.solutionPage .solutionHeroInner p{font-size:16px}.solutionPage .solutionHeroAnimation>div{height:280px;border-radius:20px}}@media(max-width:639px){.solutionPage .solutionHeroInner h1{font-size:clamp(30px,9vw,38px)}.solutionPage .solutionHeroInner p{font-size:14px}}@media(min-width:640px)and (max-width:768px){.solutionPage .solutionHeroAnimation>div{height:340px}}