https://airfocus.com/component---src-page-templates-ads-try-now-template-tsx-fd1c5b3247ce1f66b55f.js
1"use strict";(self.webpackChunkairfocus=self.webpackChunkairfocus||[]).push([[3397,4346,7100,8232,8298,9879],{126:function(e,a,t){var r=t(3769),i=t(6540),n=t(2358),s=t(9988),o=t(1143),l=t(4017),d=t(7263),m=t(2982);const c=["a","button","input","select","textarea"],p=e=>{if(Array.isArray(e))return e.some(p);if(!i.isValidElement(e))return!1;const a=e.props,t="string"==typeof e.type&&c.includes(e.type),r="href"in a||"to"in a||"link"in a||"onClick"in a||"link"===a.role||"button"===a.role||void 0!==a.tabIndex;return!(!t&&!r)||"children"in a&&p(a.children)};a.A=({className:e,title:a,descriptionAsMarkdown:t,blueSubtitle:i,graySubtitle:n,description:o,footnote:c,iconSrc:y,imageSrc:f,imageAlt:w,gatsbyImageSrc:x,imgStyle:v,imgWithBorder:Y=!1,hoverImageSrc:A,roundedImage:N=!1,primaryLink:k,arrowLink:$,footerLabel:S,additionalJsx:H,isCentered:T=!1,onClick:C,withImageOverlay:L,cssStyles:P=r.AH``,withCenteredImageOnGrayBG:E=!1,bgColor:I,headingClassName:G="heading4",withoutBorderRadius:O=!1})=>{const R=!(null==k||!k.url)||!!C,B=!(null==$||!$.url||null==$||!$.text),W=R||B||!!S,M=p(H),D=!(null==k||!k.url||null!=k&&k.text||B||M),z=a?(0,s.QZ)(a):(0,s.QZ)(o),F=(0,s.op)(null==k?void 0:k.url,z),j={baseAriaLabel:z,title:a,blueSubtitle:i,graySubtitle:n,description:o,descriptionAsMarkdown:t,footnote:c,gatsbyImageSrc:x,iconSrc:y,imageSrc:f,imageAlt:w,imgStyle:v,imgWithBorder:Y,hoverImageSrc:A,roundedImage:N,primaryLink:k,arrowLink:$,footerLabel:S,onClick:C,additionalJsx:H,useWholeCardLink:D,isCentered:T,withImageOverlay:L,withCardFrame:W,headingClassName:G,withoutBorderRadius:O};return(0,m.Y)("div",{className:e,css:[u(T),P,(E||I)&&b(I),"",""]},R?(0,m.Y)("div",{className:"translate-and-shadow-on-hover",css:g(!!C||D)},(0,m.Y)(d.A,j),D&&(0,m.Y)(l.N_,{href:null==k?void 0:k.url,css:h,"aria-label":F})):(0,m.Y)(d.A,j))};const u=e=>r.AH` 2 text-align: left; 3 height: 100%; 4 5 ${e&&"\n text-align: center;\n "}; 6`,g=e=>r.AH` 7 position: relative; 8 isolation: isolate; 9 z-index: 0; 10 display: flex; 11 flex-direction: column; 12 height: 100%; 13 border-radius: 0.25rem; 14 overflow: ${e?"visible":"hidden"}; 15 width: 100%; 16`,h=r.AH` 17 position: absolute; 18 inset: 0; 19 z-index: 1; 20 21 &:focus-visible { 22 ${o.Ms}; 23 border-radius: 0.25rem; 24 } 25`,b=e=>r.AH` 26 & > div { 27 height: 100%; 28 } 29 30 #text-card-image { 31 ${e?`\n background-size: cover;\n background-repeat: no-repeat;\n background-image: url('/images/${e}-gradient-bg.webp');\n `:`\n background: #fafafa;\n border: 1px solid ${n.T.grayLight};\n border-bottom: none;\n `} 32 aspect-ratio: 2/1; 33 display: flex; 34 justify-content: center; 35 align-items: center; 36 padding: 1rem; 37 } 38 39 #text-card-content { 40 border: 1px solid ${n.T.grayLight}; 41 border-top: none; 42 padding: 1.5rem; 43 border-radius: 0 0 0.25rem 0.25rem; 44 flex-grow: 1; 45 display: flex; 46 flex-direction: column; 47 justify-content: space-between; 48 } 49`},1096:function(e,a,t){var r=t(8168),i=t(3769),n=t(6540),s=t(196),o=t(2358),l=t(4033),d=t(8117),m=t(5557),c=t(2982);a.A=({id:e,srcType:a,ratio:t,className:i,autoPlay:s=!0,loop:o=!0,thumbnail:h,playInView:b=!1,loopDelay:y,withPlayPause:f=!0,...w})=>{const x=w["aria-label"],v=n.useRef(null),[Y,A]=n.useState(!1),[N,k]=n.useState(!1),[$,S]=n.useState(!1),[H,T]=n.useState(!1),C=n.useRef(null),L=n.useRef(!1),P=n.useCallback(()=>{C.current&&clearTimeout(C.current),C.current=setTimeout(()=>T(!1),2e3)},[]),E=n.useCallback(()=>{v.current&&(N?v.current.pause():v.current.play().catch(e=>{console.error("Error attempting to play video:",e)}))},[N]);return n.useEffect(()=>()=>{C.current&&clearTimeout(C.current)},[]),n.useEffect(()=>{f&&$&&!L.current&&(N||(T(!0),P()))},[N,f,$,P]),n.useEffect(()=>{const e=v.current;if(!e||!f)return;const a=()=>{L.current=!1,k(!0),S(!0)},t=()=>{var e;null!==(e=v.current)&&void 0!==e&&e.ended&&(L.current=!0),k(!1)};return e.addEventListener("play",a),e.addEventListener("pause",t),e.paused||(k(!0),S(!0)),()=>{e.removeEventListener("play",a),e.removeEventListener("pause",t)}},[f]),n.useEffect(()=>{if(!b||!v.current)return;let e=!1,a=!1;const t=()=>{e&&a&&A(!0)},r=setTimeout(()=>{a=!0,t()},2e3),i=new IntersectionObserver(a=>{e=a[0].isIntersecting,t()},{threshold:.1});return i.observe(v.current),()=>{clearTimeout(r),i.disconnect()}},[b]),n.useEffect(()=>{const e=()=>{L.current=!0,setTimeout(()=>{var e;L.current=!1,null===(e=v.current)||void 0===e||e.play().catch(e=>{console.error("Error attempting to loop video:",e)})},y)};return v.current&&o&&y&&v.current.addEventListener("ended",e),()=>{var a;null===(a=v.current)||void 0===a||a.removeEventListener("ended",e)}},[y,o]),n.useEffect(()=>{v.current&&s&&(!b||b&&Y)&&v.current.play().catch(e=>
49{console.error("Error attempting to autoplay video:",e)})},[s,b,Y]),(0,c.Y)("div",(0,r.A)({id:e,style:{position:"relative",overflow:"hidden"},className:i,onClick:f?()=>{E(),T(!0),P()}:void 0,onMouseMove:f?()=>{T(!0),N||P()}:void 0,onMouseLeave:f?()=>{N&&T(!1)}:void 0},f?{}:x?{role:"img","aria-label":x}:{"aria-hidden":!0}),(0,c.Y)("div",{style:{width:"100%",paddingBottom:`${(1/t*100).toFixed(4)}%`}}),(0,c.Y)("video",{autoPlay:s&&(!b||b&&Y),playsInline:!0,loop:o&&!y,muted:!0,css:p,ref:v,poster:h},a.map(({src:e,type:a},t)=>(0,c.Y)("source",{key:t,src:e,type:a})),"Your browser does not support the video tag."),f&&(0,c.Y)(l.$n,{type:"unstyled",className:"play-pause-overlay",cssStyles:u,style:H?{display:"flex",opacity:1,pointerEvents:"auto",visibility:"visible"}:void 0,tabIndex:0,"aria-label":N?"Pause":"Play"},N?(0,c.Y)(d.A,{className:"pause-icon",css:g,"aria-hidden":!0}):(0,c.Y)(m.A,{className:"play-icon",css:g,"aria-hidden":!0})))};const p=i.AH` 50 position: absolute; 51 left: 0; 52 top: 0; 53 width: 100%; 54 height: 100%; 55`,u=i.AH` 56 position: absolute; 57 top: 50%; 58 left: 50%; 59 transform: translate(-50%, -50%); 60 width: 4rem; 61 height: 4rem; 62 border-radius: 50%; 63 border: 2px solid ${o.T.white}; 64 background: rgba(0, 0, 0, 0.5); 65 backdrop-filter: blur(2px); 66 display: flex; 67 align-items: center; 68 justify-content: center; 69 transition: 70 transform 0.25s ease, 71 background 0.2s ease; 72 opacity: 0; 73 pointer-events: none; 74 75 &:hover { 76 transform: translate(-50%, -50%) scale(1.05); 77 background: rgba(0, 0, 0, 0.7); 78 } 79 80 &:focus-visible { 81 opacity: 1; 82 display: flex; 83 visibility: visible; 84 pointer-events: auto; 85 } 86 87 @media (hover: none) { 88 visibility: hidden; 89 } 90 91 @media screen and (max-width: ${s.fi.medium}px) { 92 width: 3rem; 93 height: 3rem; 94 } 95`,g=i.AH` 96 &.play-icon { 97 width: 1.5rem; 98 height: 1.5rem; 99 margin-left: 0.15rem; 100 } 101 102 &.pause-icon { 103 width: 2rem; 104 height: 2rem; 105 } 106 107 @media screen and (max-width: ${s.fi.medium}px) { 108 &.play-icon { 109 width: 1rem; 110 height: 1rem; 111 margin-left: 0.22rem; 112 } 113 114 &.pause-icon { 115 width: 1.5rem; 116 height: 1.5rem; 117 } 118 } 119`},1904:function(e,a,t){a.A=t.p+"static/airfocus-ai-138ceef432ae9628f5c7c246d9a570b9.mp4"},2015:function(e,a,t){t.r(a),t.d(a,{Head:function(){return L},whyUsGridStyle:function(){return F}});var r=t(3769),i=t(5992),n=t(3029),s=t(4033),o=t(7650),l=t(7728),d=t(1718),m=t(6065),c=t(4913),p=t(6994),u=t(2530),g=t(7505),h=t(7746),b=t(2932),y=t(126),f=t(5512),w=t(1335),x=t(196),v=t(2358),Y=t(5921),A=t(5157),N=t(9988),k=t(8287),$=t(464),S=t(1143),H=t(1904),T=t(7632),C=t(2982);a.default=({pageContext:e})=>{const{heroTitle:a,heroSubtitle:t,outroHeading:r,outroDescription:h,subHeading:v}=e,N=(0,$.o)(),L=e=>{var a;return null!==(a=e[N])&&void 0!==a?a:e.en};return(0,C.Y)(u.Ay,null,(0,C.Y)(c.Ay,{distractionFreeMode:!0,entriesLogin:k.Tf}),(0,C.Y)(n.A,null,(0,C.Y)(m.A,{columnsTemplate:"1fr 1.2fr",columnGap:2,breakPoint:x.fi.large,cssStyles:P},(0,C.Y)("div",{css:E},v&&(0,C.Y)("h1",{className:"subheading center-on-small white-text"},L(v)),(0,C.Y)("h2",{className:"heading1 small center-on-small white-text"},(0,i.Ay)(L(a))),(0,C.Y)("p",{className:"subtitle center-on-small white-text",css:I},(0,i.Ay)(L(t))),(0,C.Y)("div",{css:(0,S.uh)(x.fi.large)},(0,C.Y)(s.s,{type:"yellow",cssStyles:O}))),(0,C.Y)("div",{className:"with-blue-box-shadow",css:G},(0,C.Y)(w.A,{srcType:[{src:H.A,type:"video/mp4"},{src:T.A,type:"video/webm"}],"aria-label":"airfocus product demo",thumbnail:"/images/product-intelligence-platform-thumbnail.webp"})),(0,C.Y)("div",{css:(0,S.gW)(x.fi.large)},(0,C.Y)(s.s,{isCentered:!0,type:"yellow",cssStyles:O}))),(0,C.Y)(g.A,null),(0,C.Y)("div",{className:"blue-bg-block",css:R},(0,C.Y)("h2",{className:"heading2 center center-on-small"},"Powering product organizations at scale"),(0,C.Y)(m.A,{columns:3,columnGap:2,alignContent:"stretch",twoColumnsForTablet:!0,css:B},(0,C.Y)("div",{className:"with-blue-box-shadow",css:W},(0,C.Y)("div",{css:M},(0,C.Y)(p.A,{src:"testimonials/ricoh/ricoh-logo.webp",alt:"Ricoh logo",imgStyle:{width:"140px",height:"auto",maxHeight:"100%",maxWidth:"100%",margin:"auto"}})),(0,C.Y)("p",{className:"body-1 center no-margin"},"20x delivery scale. Global ",(0,C.Y)("br",{className:"hide-on-small-medium-large"})," alignment across 150 countries.")),(0,C.Y)("div",{className:"with-blue-box-shadow",css:W},(0,C.Y)("div",{css:M},(0,C.Y)(p.A,{src:"testimonials/visit-group/visit-group-logo.webp",alt:"Visit Group logo",imgStyle:{width:"150px",height:"auto",maxHeight:"100%",maxWidth:"100%",margin:"auto"}})),(0,C.Y)("p",{className:"body-1 center no-margin"},"One product OS for a global team of 40+. 100% cross-team visibility.")),(0,C.Y)("div",{className:"with-blue-box-shadow",css:W},(0,C.Y)("div",{css:M},(0,C.Y)(p.A,{src:"testimonials/snp-group/snp-group-logo.webp",alt:"SNP Group logo",imgStyle:{width:"50px",height:"auto",maxHeight:"100%",maxWidth:"100%",margin:"auto"}})),(0,C.Y)("p",{className:"body-1 center no-margin"},"Product intelligence for AI transformation. ",(0,C.Y)("br",{className:"hide-on-small hide-on-large-desktop"})," 5x less planning time."))),(0,C.Y)(o.A,{size:8,color:Y.Y.blue[10]}),(0,C.Y)("h2",{className:"heading2 center"},"Decide, align, and build the right thing.",(0,C.Y)("br",{className:"hide-on-small",css:(0,S.gW)(x.fi.xlarge)})," ",(0,C.Y)("span",{css:D},"With confidence")),(0,C.Y)(m.A,{columns:3,columnGap:2,twoColumnsForTablet:!0,css:j},(0,C.Y)(y.A,{imageSrc:"ai/sharp-decisions.webp",title:"Sharper product decisions, every time",description:"Strategy, signal, and insight in one connected system: the structured context layer that grounds every AI agent in your team's actual work. No more PowerPoint product theater. Sharper with every decision.",primaryLink:{url:"/product/",text:"Learn more"},cssStyles:Q}),(0,C.Y)(y.A,{imageSrc:"ai/proactive-portfolio.webp",title:"The proactive product portfolio, always ahead, always aligned",de
119scription:"Roadmaps, OKRs, and dependencies across any team and product, no matter the complexity. Ask anything, dig anywhere, visualize at any level. AI flags risks, surfaces opportunities, keeps you on course. No more rearview roadmaps.",primaryLink:{url:"/product/portfolio-management-software/",text:"Learn more"},cssStyles:Q}),(0,C.Y)(y.A,{imageSrc:"ai/agents-humans.webp",title:"Agents and humans, hand in hand",description:"AI at your team's side and operating with all the product context it needs: triaging feedback and insights, co-authoring PRDs and specs, and closing stakeholder loops. No more coordination tax. Smarter, together.",primaryLink:{url:"/product/ai/",text:"Learn more"},cssStyles:Q}))),(0,C.Y)("div",{css:Z},(0,C.Y)("h2",{className:"heading2 center center-on-small"},"Everything connected."," ",(0,C.Y)("span",{className:"center-on-small",css:D},"Nothing siloed")),(0,C.Y)(f.A,{withoutHeading:!0})),(0,C.Y)("div",{css:J},(0,C.Y)("h2",{className:"heading2 center center-on-small"},"The product management tool with ",(0,C.Y)("br",{className:"hide-on-small hide-on-desktop"})," intelligence built in"),(0,C.Y)(l.A,{panels:A.W8,cssStyles:z})),(0,C.Y)(m.A,{rowGap:4,rowGapMobile:4},(0,C.Y)(m.A,{columns:2,columnGap:7,cssStyles:F},(0,C.Y)("div",null,(0,C.Y)("div",{className:"section"},"Flexibility"),(0,C.Y)("h3",{className:"heading3"},"Flexible enough for any workflow"),(0,C.Y)("div",{className:"subtitle"},"Customisable hierarchies, fields, and views that fit ",(0,C.Y)("br",{className:"hide-on-small-medium-large"})," how",(0,C.Y)("br",{className:"hide-on-small hide-on-large-desktop"}),"your organisation actually works, ",(0,C.Y)("br",{className:"hide-on-small-medium-large"})," not the other way around.")),(0,C.Y)(p.A,{src:"campaigns/ai-product-management/flexibility.webp",alt:"Align and adapt faster"})),(0,C.Y)(m.A,{columns:2,columnGap:7,responsiveReversed:!0,cssStyles:F},(0,C.Y)(p.A,{src:"campaigns/ai-product-management/purpose-built.webp",alt:"Roadmaps that make strategy unmistakably clear"}),(0,C.Y)("div",null,(0,C.Y)("div",{className:"section"},"Purpose-built"),(0,C.Y)("h3",{className:"heading3"},"Built for portfolio complexity"),(0,C.Y)("div",{className:"subtitle"},"Multi-team visibility, cross-team dependencies, ",(0,C.Y)("br",{className:"hide-on-small hide-on-large"})," and governance at scale across hundreds of ",(0,C.Y)("br",{className:"hide-on-small-medium-large"})," workspaces.",(0,C.Y)("br",{className:"hide-on-small hide-on-large-desktop"}),"Designed to handle change, ",(0,C.Y)("br",{className:"hide-on-small-medium-large"})," not fall apart because of it."))),(0,C.Y)(m.A,{columns:2,columnGap:7,cssStyles:F},(0,C.Y)("div",null,(0,C.Y)("div",{className:"section"},"Ease of use"),(0,C.Y)("h3",{className:"heading3"},"Deployed in 30 days"),(0,C.Y)("div",{className:"subtitle"},"Complex organisations shouldn't need a 3-6 month ",(0,C.Y)("br",{className:"hide-on-small-medium-large"}),"implementation. ",(0,C.Y)("br",{className:"hide-on-small hide-on-large-desktop"})," Get fully onboarded in under 30",(0,C.Y)("br",{className:"hide-on-small-medium-large"})," days, with seamless Jira migration,",(0,C.Y)("br",{className:"hide-on-small hide-on-large-desktop"})," so you can",(0,C.Y)("br",{className:"hide-on-small-medium-large"})," start seeing value in weeks, not months.")),(0,C.Y)(p.A,{src:"campaigns/ai-product-management/easy-to-use.webp",alt:"One canvas for dynamic planning and decisions"})),(0,C.Y)(m.A,{columns:2,columnGap:7,responsiveReversed:!0,cssStyles:F},(0,C.Y)(p.A,{src:"campaigns/ai-product-management/enterprise-ready.webp",alt:"Scale processes that keep teams moving"}),(0,C.Y)("div",null,(0,C.Y)("div",{className:"section"},"Enterprise ready"),(0,C.Y)("h3",{className:"heading3"},"Enterprise-grade security"),(0,C.Y)("div",{className:"subtitle"},"SOC 2 Type II, ISO 27001:2022, GDPR and CCPA ",(0,C.Y)("br",{className:"hide-on-small-medium-large"})," certified. EU or US ",(0,C.Y)("br",{className:"hide-on-small hide-on-large-desktop"})," hosted. The security posture",(0,C.Y)("br",{className:"hide-on-small-medium-large"})," your procurement team expects.")))),(0,C.Y)(b.A,{heading:"Hear it from our customers",background:"blueRadialGradient",cssStyles:U}),(0,C.Y)("div",{css:V},(0,C.Y)(p.A,{src:"airfocus-logos/airfocus-logo-star.webp",alt:"",css:K}),(0,C.Y)("h2",{className:"heading2 center center-on-small no-margin"},(0,i.Ay)(L(r))),(0,C.Y)("p",{className:"subtitle center"},(0,i.Ay)(L(h))),(0,C.Y)(s.s,{isCentered:!0}))),(0,C.Y)(d.A,{withoutNavigation:!0,withoutMarginTop:!0}))};const L=({pageContext:{heroTitle:e,heroSubtitle:a}})=>(0,C.Y)(h.A,{noindex:!0,title:(0,N.QZ)(e.en),description:(0,N.QZ)(a.en)}),P=r.AH` 120 ${S.lO}; 121 padding: 8rem 0; 122 margin-bottom: 6rem; 123 background: 124 radial-gradient(ellipse 45% 100% at 80% 35%, rgba(224, 212, 255, 1) 0%, transparent 52%), 125 radial-gradient(ellipse 60% 100% at 60% 65%, rgba(45, 218, 255, 0.7) 0%, transparent 48%), #0a6aff; 126 127 .subheading { 128 text-wrap: balance; 129 } 130 131 @media screen and (max-width: ${x.fi.xlarge}px) { 132 grid-template-columns: 1fr 1fr; 133 } 134 135 @media screen and (max-width: ${x.fi.large}px) { 136 padding-top: 6rem; 137 grid-template-columns: 1fr; 138 background: 139 radial-gradient(ellipse 85% 50% at 75% 50%, rgba(224, 212, 255, 1) 0%, transparent 52%), 140 radial-gradient(ellipse 100% 40% at 20% 70%, rgba(45, 218, 255, 0.7) 0%, transparent 50%), #0a6aff; 141 } 142 143 @media screen and (max-width: ${x.fi.small}px) { 144 padding: 4rem 0 6rem; 145 background: 146 radial-gradient(ellipse 85% 30% at 85% 60%, rgba(224, 212, 255, 1) 0%, transparent 52%), 147 radial-gradient(ellipse 90% 20% at 15% 75%, rgba(45, 218, 255, 0.7) 0%, transparent 48%), #0a6aff; 148 } 149`,E=r.AH` 150 display: flex; 151 flex-direction: column; 152 justify-content: center; 153 154 @media screen and (max-width: ${x.fi.large}px) {
155 align-items: center; 156 text-align: center; 157 } 158`,I=r.AH` 159 @media screen and (max-width: ${x.fi.large}px) { 160 max-width: 550px; 161 } 162`,G=r.AH` 163 border-radius: 0.5rem; 164 overflow: hidden; 165 166 // play icon overlay styles 167 .start-playing-button { 168 top: initial; 169 bottom: 7%; 170 } 171 172 @media screen and (max-width: ${x.fi.large}px) { 173 width: 700px; 174 margin: 2rem auto 0; 175 } 176 177 @media screen and (max-width: ${x.fi.medium}px) { 178 width: 100%; 179 } 180 181 @media screen and (max-width: ${x.fi.small}px) { 182 margin: 3rem 0; 183 184 // play icon overlay styles 185 .start-playing-button { 186 bottom: 5%; 187 } 188 } 189`,O=r.AH` 190 margin-top: 2rem; 191 width: fit-content; 192`,R=r.AH` 193 ${S.lO} 194 margin-top: 6rem !important; 195 margin-bottom: 0 !important; 196`,B=r.AH` 197 @media screen and (max-width: ${x.fi.large}px) { 198 column-gap: 1rem; 199 } 200 201 @media screen and (max-width: ${x.fi.medium}px) { 202 margin-top: 4rem; 203 row-gap: 2rem; 204 205 @media screen and (min-width: ${x.fi.small+1}px) { 206 & > *:nth-child(3) { 207 grid-column: 1 / -1; 208 } 209 } 210 } 211`,W=r.AH` 212 background-color: ${v.T.white}; 213 border-radius: 1rem; 214 padding: 1rem 2rem 2.5rem; 215 216 @media screen and (max-width: ${x.fi.large}px) { 217 padding: 1rem 8% 2.5rem; 218 } 219 220 @media screen and (max-width: ${x.fi.medium}px) { 221 max-width: 30rem; 222 margin: auto; 223 padding: 1rem 1.5rem 2.5rem; 224 height: -webkit-fill-available; 225 } 226`,M=r.AH` 227 height: 60px; 228 display: flex; 229 align-items: center; 230 justify-content: center; 231 margin-bottom: 1rem; 232 233 .gatsby-image-wrapper { 234 height: 100%; 235 width: 100%; 236 } 237`,D=r.AH` 238 font-weight: 300 !important; 239 240 @media screen and (max-width: ${x.fi.medium}px) { 241 display: inline-block; 242 margin-top: 0.5rem; 243 } 244`,z=r.AH` 245 @media screen and (max-width: ${x.fi.medium}px) { 246 margin-top: 4rem !important; 247 } 248 249 @media screen and (max-width: ${x.fi.small}px) { 250 .bubble-icon { 251 width: 25px; 252 transform: translateY(5px); 253 } 254 255 .circles-icon { 256 width: 27px; 257 transform: translateY(4px); 258 } 259 260 .stars-icon { 261 width: 25px; 262 transform: translateY(2px); 263 } 264 } 265`,F=r.AH` 266 @media screen and (max-width: ${x.fi.large}px) { 267 column-gap: 2rem; 268 } 269 270 @media screen and (max-width: ${x.fi.medium}px) { 271 .gatsby-image-wrapper { 272 max-width: 30rem; 273 } 274 } 275`,j=r.AH` 276 .gatsby-image-wrapper { 277 position: relative; 278 height: auto; 279 margin: auto; 280 } 281 282 > div:nth-of-type(1) .gatsby-image-wrapper { 283 width: 80%; 284 transform: translateY(-9%); 285 } 286 287 > div:nth-of-type(2) .gatsby-image-wrapper { 288 width: 75%; 289 transform: translateY(3%); 290 } 291 292 > div:nth-of-type(3) .gatsby-image-wrapper { 293 width: 83%; 294 transform: translate(-6%, 6%); 295 } 296 297 @media screen and (max-width: ${x.fi.large}px) { 298 column-gap: 1rem; 299 } 300 301 @media screen and (max-width: ${x.fi.medium}px) { 302 margin-top: 4rem; 303 304 > div:nth-of-type(3) { 305 @media screen and (min-width: ${x.fi.small+1}px) { 306 grid-column: 1 / -1; 307 max-width: calc(50% - 0.75rem); 308 margin: auto; 309 } 310 } 311 312 @media screen and (max-width: ${x.fi.small}px) { 313 .gatsby-image-wrapper { 314 max-width: 250px; 315 } 316 317 > div:nth-of-type(1) .gatsby-image-wrapper { 318 transform: translateY(-7%); 319 } 320 } 321 } 322`,Q=r.AH` 323 a { 324 border-radius: 1rem; 325 } 326 327 #text-card-image { 328 display: flex; 329 aspect-ratio: 1.6; 330 background: radial-gradient(60% 60% at 30% 40%, ${v.T.blueSecondary} 0%, ${v.T.bluePrimary} 100%); 331 } 332 333 #text-card-content { 334 background-color: ${v.T.white}; 335 border-radius: 0 0 1rem 1rem; 336 } 337`,Z=r.AH` 338 ${S.lO}; 339 padding: 8rem 0; 340 background-color: ${v.T.peachLight}; 341 342 .progress-bar { 343 background: ${v.T.white} !important; 344 } 345 346 .tab:not(:last-child) { 347 border-bottom: 1px solid ${v.T.peachPrimary}; 348 } 349 350 .gray-bordered-block { 351 border: 1px solid ${v.T.peachPrimary}; 352 box-shadow: ${v.T.caseStudy.peachBoxShadow}; 353 } 354`,J=r.AH` 355 ${S.lO}; 356 padding: 8rem 0; 357 margin-bottom: 8rem; 358 background: linear-gradient(180deg, ${Y.Y.blue[0]} 20%, ${Y.Y.blue[30]} 100%); 359`,U=r.AH` 360 margin-bottom: 0 !important; 361`,V=r.AH` 362 ${S.lO}; 363 padding: 8rem 0; 364 background: linear-gradient(180deg, ${v.T.white} 0%, ${v.T.blueLight} 70%); 365 366 .subtitle { 367 max-width: 40rem; 368 margin-bottom: 2rem; 369 } 370 371 @media screen and (max-width: ${x.fi.small}px) { 372 background: linear-gradient(180deg, ${v.T.white} 0%, ${v.T.blueLight} 40%); 373 } 374`,K=r.AH` 375 width: 100px; 376 margin: 0 auto 2rem; 377`},4166:function(e,a,t){var r=t(3769),i=t(5992),n=t(2358),s=t(4991),o=t(2982);a.A=({className:e,children:a,color:t=n.T.grayMedium,withoutText:r,partnersText:m,cssStyles:c})=>{const{t:p}=(0,s.B)();return(0,o.Y)("div",{id:"partners-block",className:`${null!=e?e:""} center`.trim(),css:c,style:{color:t}},!r&&(0,o.Y)("div",{className:"heading4 center",css:d},m&&(0,i.Ay)(m)||(0,i.Ay)(p("Partners.text"))),(0,o.Y)("div",{id:"partners-container-block",css:l},a))};const l=r.AH` 378 margin: 0 auto; 379 display: flex; 380 justify-content: center; 381 align-items: center; 382 flex-wrap: wrap; 383`,d=r.AH` 384 margin: 4rem auto 2.5rem; 385 text-transform: uppercase; 386 font-weight: 600 !important; 387 letter-spacing: 0.5px; 388 text-align: center; 389`},7505:function(e,a,t){var r=t(8168),i=t(3769),n=t(196),s=t(4842),o=t(9860),l=t(7687),d=t(7370),m=t(1353),c=t(9160),p=t(4166),u=t(2982);a.A=({cssStyles:e,color:a,...t})=>(0,u.Y)(p.A,(0,r.A)({},t,{color:a,cssStyles:i.AH` 390 ${g} 391 ${e} 392 `}),(0,u.Y)(s.A,{height:32,className:"globalPartners",role:"img","aria-label":"Global Partners",style:{"--gp-shade1":null!=a?a:"var(--gp-shade1-override, #BDC2
392C7)","--gp-shade2":null!=a?a:"var(--gp-shade2-override, #A1ACB9)"}}),(0,u.Y)(o.A,{height:34,className:"orange",role:"img","aria-label":"Orange"}),(0,u.Y)(d.A,{height:32,className:"siemensHealthineers",role:"img","aria-label":"Siemens Healthineers"}),(0,u.Y)(c.A,{height:28,className:"wago",role:"img","aria-label":"WAGO"}),(0,u.Y)(m.A,{height:38,className:"snp",role:"img","aria-label":"SNP"}),(0,u.Y)(l.A,{height:17,className:"ricoh",role:"img","aria-label":"Ricoh"}));const g=i.AH` 393 #partners-container-block { 394 gap: 2.75rem 3.5rem; 395 opacity: 1; 396 397 .snp { 398 transform: translate(4px, -4px); 399 } 400 } 401 402 @media screen and (max-width: ${n.fi.large}px) { 403 #partners-container-block { 404 max-width: 35rem; 405 gap: 2rem 3rem; 406 } 407 408 .globalPartners { 409 order: 1; 410 } 411 .orange { 412 order: 2; 413 } 414 .snp { 415 order: 3; 416 } 417 .siemensHealthineers { 418 order: 4; 419 } 420 .wago { 421 order: 5; 422 } 423 .ricoh { 424 order: 6; 425 } 426 } 427 428 @media screen and (max-width: ${n.fi.small}px) { 429 #partners-container-block { 430 max-width: 21rem; 431 gap: 2.25rem 1.75rem; 432 } 433 434 .wago { 435 order: 1; 436 } 437 .orange { 438 order: 2; 439 } 440 .siemensHealthineers { 441 order: 3; 442 } 443 .globalPartners { 444 order: 4; 445 } 446 .snp { 447 order: 5; 448 } 449 .ricoh { 450 order: 6; 451 } 452 } 453`},7632:function(e,a,t){a.A=t.p+"static/airfocus-ai-1ee5392b7217eede71c36ece23e10e5b.webm"},7650:function(e,a,t){var r=t(3769),i=t(196),n=t(2358),s=t(2982);a.A=({className:e,color:a,size:t,isTop:o=!0,isBottom:l=!0,fullScreenWidth:d=!1,notDecreased:m=!1,cssStyles:c})=>(0,s.Y)("div",{className:`${d?"full-screen-relative":void 0} ${e}`,css:[r.AH` 454 width: 100%; 455 height: 1px; 456 background: ${a||n.T.grayLight}; 457 display: block; 458 position: relative; 459 ${o&&`margin-top: ${t}rem;`} 460 ${l&&`margin-bottom: ${t}rem;`} 461 @media screen and (max-width: ${i.fi.medium}px) { 462 ${o&&!m&&`margin-top: calc(${t}rem/2);`} 463 ${l&&!m&&`margin-bottom: calc(${t}rem/2);`} 464 } 465 `,c,"",""]})}}]); 466//# sourceMappingURL=component---src-page-templates-ads-try-now-template-tsx-fd1c5b3247ce1f66b55f.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.