PageSourceSearch

https://airfocus.com/component---src-pages-product-ai-tsx-73f6049acec403d88395.js

js airfocus.com collected 2026-09-24 17:45:48 UTC 24,149 bytes, 413 lines download raw bytes

1"use strict";(self.webpackChunkairfocus=self.webpackChunkairfocus||[]).push([[3397,4346,7100,8232,8515,9300],{126:function(e,a,t){var i=t(3769),s=t(6540),r=t(2358),n=t(1887),o=t(1143),l=t(4033),d=t(4017),c=t(7263),m=t(2982);const u=e=>{if(Array.isArray(e))return e.some(u);if(!s.isValidElement(e))return!1;const a=e.props;return"href"in a||"link"in a||"children"in a&&u(a.children)};a.A=({className:e,title:a,descriptionAsMarkdown:t,blueSubtitle:s,graySubtitle:r,description:o,footnote:x,iconSrc:y,imageSrc:A,imageAlt:Y,gatsbyImageSrc:v,imgStyle:k,imgWithBorder:$=!1,hoverImageSrc:N,roundedImage:S=!1,linkText:T,linkUrl:I,arrowLinkUrl:H,additionalJsx:C,isCentered:P=!1,onClick:D,iconAboveImageSrc:z,withImageOverlay:M,cssStyles:G=i.AH``,withCenteredImageOnGrayBG:B=!1,bgColor:V,headingClassName:L="heading4",withoutBorderRadius:O=!1})=>{const R=!!I||!!T,U=u(C),F=!!I&&U,W=!!D&&!!H,q={title:a,blueSubtitle:s,graySubtitle:r,description:o,descriptionAsMarkdown:t,footnote:x,gatsbyImageSrc:v,iconSrc:y,imageSrc:A,imageAlt:Y,imgStyle:k,imgWithBorder:$,hoverImageSrc:N,roundedImage:S,linkText:T,linkUrl:I,arrowLinkUrl:H,onClick:D,additionalJsx:C,isCentered:P,iconAboveImageSrc:z,withImageOverlay:M,clickable:R,headingClassName:L,withoutBorderRadius:O,elevateAdditionalJsx:U&&(F||W),elevateArrowLink:W},j=a?(0,n.QZ)(a):(0,n.QZ)(o),J=null!=I&&I.toLowerCase().endsWith(".pdf")?`${j} (PDF)`:j;return(0,m.Y)("div",{className:e,css:[h(P),G,(B||V)&&w(V),"",""]},F||W?(0,m.Y)("div",{className:"translate-and-shadow-on-hover",css:b},(0,m.Y)(c.A,q),F?(0,m.Y)(d.N_,{href:I,css:f,"aria-label":J}):(0,m.Y)(l.$n,{type:"unstyled",onClick:D,cssStyles:f,"aria-label":J},(0,m.Y)("span",{"aria-hidden":!0}))):I?(0,m.Y)(d.N_,{className:"translate-and-shadow-on-hover",href:I,css:g,"aria-label":J},(0,m.Y)(c.A,q)):D?(0,m.Y)(l.$n,{type:"unstyled",className:"translate-and-shadow-on-hover",onClick:D,cssStyles:p,"aria-label":J},(0,m.Y)(c.A,q)):(0,m.Y)(c.A,q))};const h=e=>i.AH`
2  text-align: left;
3  height: 100%;
4
5  ${e&&"\n    text-align: center;\n    "};
6`,p=i.AH`
7  display: flex;
8  flex-direction: column;
9  height: 100%;
10  border-radius: 0.25rem;
11  overflow: hidden;
12  width: 100%;
13  text-align: left;
14`,g=i.AH`
15  display: flex;
16  flex-direction: column;
17  height: 100%;
18  border-radius: 0.25rem;
19  overflow: hidden;
20
21  &:focus-visible {
22    ${o.Ms};
23  }
24`,b=i.AH`
25  position: relative;
26  display: flex;
27  flex-direction: column;
28  height: 100%;
29  border-radius: 0.25rem;
30  overflow: hidden;
31
32  &:has(> a:focus-visible),
33  &:has(> button:focus-visible) {
34    ${o.Ms};
35  }
36`,f=i.AH`
37  position: absolute;
38  inset: 0;
39  z-index: 0;
40
41  &:focus-visible {
42    outline: none;
43    box-shadow: none;
44  }
45`,w=e=>i.AH`
46  & > div {
47    height: 100%;
48  }
49
50  #text-card-image {
51    ${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 ${r.T.grayLight};\n          border-bottom: none;\n        `}
52    aspect-ratio: 2/1;
53    display: flex;
54    justify-content: center;
55    align-items: center;
56    padding: 1rem;
57  }
58
59  #text-card-content {
60    border: 1px solid ${r.T.grayLight};
61    border-top: none;
62    padding: 1.5rem;
63    border-radius: 0 0 0.25rem 0.25rem;
64    flex-grow: 1;
65    display: flex;
66    flex-direction: column;
67    justify-content: space-between;
68  }
69`},557:function(e,a,t){t.r(a),t.d(a,{Head:function(){return R},benefitGridStyle:function(){return J}});var i=t(3769),s=t(1826),r=t(3029),n=t(4033),o=t(3533),l=t(3892),d=t(7650),c=t(7929),m=t(1718),u=t(6065),h=t(4913),p=t(6772),g=t(6994),b=t(7002),f=t(2530),w=t(7505),x=t(8529),y=t(7746),A=t(2932),Y=t(126),v=t(1335),k=t(196),$=t(2358),N=t(5921),S=t(5157),T=t(3118),I=t(1887),H=t(4991),C=t(1143),P=t(1904),D=t(7632),z=t(2982);const{image:M,quote:G,name:B,position:V,company:L,icon:O}=T.wn[0];a.default=({data:{blogPosts:e,caseStudy:a,eBook:t}})=>{const i=(0,s.useLocation)(),{t:y}=(0,H.B)();return(0,z.Y)(f.Ay,null,(0,z.Y)(h.Ay,null),(0,z.Y)(r.A,null,(0,z.Y)("div",{css:U},(0,z.Y)("div",{css:F},(0,z.Y)("div",{className:"section white-text"},"AI tool for product management"),(0,z.Y)("h1",{className:"heading1 small white-text center-on-small"},"Make the right ",(0,z.Y)("br",{css:(0,C.uh)(k.AV)})," product decisions -",(0,z.Y)("br",{css:(0,C.uh)(k.AV)})," not just the fast ones"),(0,z.Y)("div",{css:q},(0,z.Y)(g.A,{src:{desktop:"ai/hero.webp",tablet:"ai/hero-small.webp",mobile:"ai/hero.webp"},breakPointTablet:k.fi.xlarge,breakPointMobile:k.AV,alt:"airfocus AI illustration"})),(0,z.Y)("div",{className:"subtitle white-text center-on-small",css:W},"Most AI tools for product teams help them write faster. airfocus helps them decide better, at scale. Customer feedback, strategy, and roadmaps connected into one live intelligence layer, so teams surface what matters, catch strategic drift early, and ground every AI tool in real product context."),(0,z.Y)(n.s,{className:"blue-text",cssStyles:j}))),(0,z.Y)(w.A,null),(0,z.Y)(d.A,{size:4,notDecreased:!0}),(0,z.Y)(u.A,{columnsTemplate:"395px auto",columnGap:9,cssStyles:J},(0,z.Y)("div",null,(0,z.Y)("h3",{className:"heading3"},"Turn signal into strategy. No more ",(0,z.Y)("br",{className:"hide-on-small hide-on-large"})," manual triage."),(0,z.Y)("p",{className:"subtitle"},"The signals that should be shaping your strategy are buried in tickets, transcripts, and surveys your team doesn't have time to read. airfocus surfaces the patterns that matter, automatically and continuously, traceable back to the source. No manual triage. No signal lost in the noise.")),(0,z.Y)(g.A,{src:"ai/strategy.webp"})),(0,z.Y)(d.A,{size:4,notDecreased:!0}),(0,z.Y)(u.A,{columnsTemplate:"45% 395px",columnGap:8,responsiveReversed:!0,cssStyles:J},(0,z.Y)(g.A,{src:"ai/strategic-drift.webp"}),(0,z.Y)("div",null,(0,z.Y)("h3",{className:"heading3"},"Catch strategic drift while ",(0,z.Y)("br",{className:"hide-on-small hide-on-large"})," it still matters"),(0,z.Y)("p",{className:"subtitle"},"When execution accelerates, misalignment compounds. airfocus continuously compares what your teams are shipping against what your strategy says matters - and flags portfolio-level drift in real time, not in a quarterly review."))),(0,z.Y)(d.A,{size:4,notDecreased:!0}),(0,z.Y)(u.A,{columnsTemplate:"425px auto",columnGap:7,cssStyles:J},(0,z.Y)("div",null,(0,z.Y)("h3",{className:"heading3"},"Your product context, working inside",(0,z.Y)("br",{className:"hide-on-small hide-on-large"})," every AI tool your teams already use"),(0,z.Y)("p",{className:"subtitle"},"The airfocus MCP server makes your strategy, feedback, and roadmaps available to Claude, ChatGPT, Copilot - and any custom agents your team builds on top. Query your roadmap. Interrogate your feedback. And go further: build agents that don't just read your product data, but act on it.")),(0,z.Y)(g.A,{src:"ai/intelligence.webp"})),(0,z.Y)("div",{css:Q},(0,z.Y)("h2",{className:"heading2 center center-on-small white-text no-margin"},"Why have a dedicated AI tool for ",(0,z.Y)("br",{className:"hide-on-small"})," product management?"),(0,z.Y)("p",{className:"subtitle center white-text",css:E},"The companies seeing real productivity gains from AI aren't the ones with the most sophisticated coding tools - they're the ones who structured how decisions get made before any code was written.",(0,z.Y)("br",null),(0,z.Y)("br",null),"In an AI-first world, speed is no longer the constraint. Knowing what to build is. Development cycles that used to take quarters now take weeks. Execution is no longer the bottleneck. Which means knowing what to build, and why, has never mattered more."),(0,z.Y)("div",{css:K},(0,z.Y)(p.A,{css:Z,"aria-hidden":!0}),(0,z.Y)(v.A,{id:"ai-pm-video",className:"with-blue-box-shadow",srcType:[{src:P.A,type:"video/mp4"},{src:D.A,type:"video/webm"}],thumbnail:"/images/product-intelligence-platform-thumbnail.webp"}),(0,z.Y)(p.A,{css:_,"aria-hidden":!0})),(0,z.Y)("p",{className:"subtitle center white-text",css:E},"airfocus is a dedicated AI tool for product managers that provides the foundation:",(0,z.Y)("br",{className:"hide-on-small-medium hide-on-desktop"})," one structured home for",(0,z.Y)("br",{className:"hide-on-small-medium-large"}),"the customer insights, strategy, decisions, and ",(0,z.Y)("br",{className:"hide-on-small-medium hide-on-desktop"}),"roadmaps that make every AI investment pay off. ",(0,z.Y)("br",{className:"hide-on-small-medium hide-on-desktop"}),(0,z.Y)("br",{className:"hide-on-small-medium-large"})," Connected, traceable, and ready for every AI tool your team uses.")),(0,z.Y)("h2",{className:"heading2 center"},"How AI in airfocus works"),(0,z.Y)(u.A,{columnsTemplate:"370px 1fr",columns:2,columnGap:10,cssStyles:X},(0,z.Y)("div",null,(0,z.Y)("div",{className:"section"},"Insights agent"),(0,z.Y)("h3",{className:"heading3"},"Separate signal from noise, ",(0,z.Y)("br",{className:"hide-on-small"})," at scale"),(0,z.Y)("p",{className:"subtitle",css:ee},"The Insights agent continuously analyzes customer feedback across every channel and surfaces the signals that align with your strategy. It catches patterns humans miss at scale - recurring pain points across hundreds of tickets, strategic themes buried in call transcripts, emerging needs across interview cohorts - and links every insight back to the source for auditable, data-backed decisions.")),(0,z.Y)(g.A,{src:"ai/insights-agent.webp"})),(0,z.Y)(d.A,{size:6,notDecreased:!0}),(0,z.Y)(u.A,{columnsTemplate:"1fr 370px",columns:2,columnGap:10,responsiveReversed:!0,cssStyles:X},(0,z.Y)(g.A,{src:"ai/dashboard.webp"}),(0,z.Y)("div",null,(0,z.Y)("div",{className:"section"},"AI dashboard"),(0,z.Y)("h3",{className:"heading3"},"Portfolio-level answers without scheduling",(0,z.Y)("br",{className:"hide-on-small hide-on-large-desktop"})," another status meeting"),(0,z.Y)("p",{className:"subtitle",css:ee},"AI Dashboard widgets scan work across every team and product line to surface what's moving, what's blocked, what's drifting from strategy, and what's trending, automatically. Product leaders get portfolio-level answers without scheduling another status meeting or chasing updates across five tools."))),(0,z.Y)(d.A,{size:6,notDecreased:!0}),(0,z.Y)(u.A,{columnsTemplate:"370px 1fr",columns:2,columnGap:10,cssStyles:X},(0,z.Y)("div",null,(0,z.Y)("div",{className:"section"},"Autofill"),(0,z.Y)("h3",{className:"heading3"},"Triage feedback to the right team, ",(0,z.Y)("br",{className:"hide-on-small hide-on-large-desktop"})," automatically"),(0,z.Y)("p",{className:"subtitle",css:ee},"Insights agent reads each piece of incoming feedback - and Autofill links it to what's already in your workspace, suggesting the right fields, labels, and owners. Critical insights reach the teams who need them, without manual tagging. No more feedback dying in an inbox. No more duplicates.")),(0,z.Y)(g.A,{src:"ai/autofill.webp"})),(0,z.Y)(d.A,{size:6,notDecreased:!0}),(0,z.Y)(u.A,{columnsTemplate:"1fr 380px",columns:2,columnGap:10,responsiveReversed:!0,cssStyles:X},(0,z.Y)(g.A,{src:"ai/mcp-server.webp"}),(0,z.Y)("div",null,(0,z.Y)("div",{className:"section"},"MCP server"),(0,z.Y)("h3",{className:"heading3"},"Bring airfocus data to the rest of your ",(0,z.Y)("br",{className:"hide-on-small hide-on-large-desktop"})," AI tools - with MCP"),(0,z.Y)("p",{className:"subtitle",css:ee},"The airfocus MCP server makes your strategy, feedback, and roadmaps accessible to Claude, ChatGPT, Copilot, and any other AI tool your team already uses - and it's the foundation your teams build on to create custom agents that query and act on airfocus data inside your existing workflows. Your product context stops living in a silo and starts powering every AI-assisted decision across the business."))),(0,z.Y)(d.A,{size:6,notDecreased:!0}),(0,z.Y)(u.A,{columnsTemplate:"370px 1fr",columns:2,columnGap:10,cssStyles:X},(0,z.Y)("div",null,(0,z.Y)("div",{className:"section"},"Airfocus agent"),(0,z.Y)("h3",{className:"heading3"},"Write, search, and summarize without ",(0,z.Y)("br",{className:"hide-on-small hide-on-large-desktop"})," leaving your workspace"),(0,z.Y)("p",{className:"subtitle",css:ee},'AI Assist helps you draft and refine PRDs, problem statements, user stories, and release notes - so the "why" behind every decision stays durable at speed. AI-powered search cuts across strategy, roadmaps, and feedback to surface exactly what you need, and AI summaries keep everyone aligned without another update cycle.')),(0,z.Y)(g.A,{src:"ai/assist.webp"})),(0,z.Y)(l.A,null),(0,z.Y)(A.A,{testimonialData:T.Cv,cssStyles:ae}),(0,z.Y)("div",{css:te},(0,z.Y)("h2",{className:"heading2 center"},"FAQs"),(0,z.Y)("div",{css:c.Gl},S.K3.map(({question:e,answer:a})=>(0,z.Y)(c.Tw,{key:e,question:e,answer:a})))),(0,z.Y)(o.A,{heading:'Start faster with templates built for <br className="hide-on-small" />
69 AI-powered product management',subtitle:"Customizable templates to get your AI-ready product <br className='hide-on-small' /> organization set up in minutes.",templatesSlugsArray:["full-product-management-workflow","feedback-to-opportunity-workflow","feedback-and-insights","product-strategy"]}),(0,z.Y)("div",{className:"blue-bg-block",css:ie},(0,z.Y)(u.A,{columnsTemplate:"190px auto",columnGap:5,cssStyles:se},(0,z.Y)(g.A,{className:"with-blue-box-shadow",src:M,css:re}),(0,z.Y)("div",null,(0,z.Y)("p",{className:"quote"},'"',G.en,'"'),(0,z.Y)("p",{className:"body-1"},B," - ",V.en,", ",L),(0,z.Y)(g.A,{src:O.src,css:ne})))),(0,z.Y)("h2",{className:"heading2 center"},"Related content"),(0,z.Y)(u.A,{columns:3,twoColumnsForTablet:!0},(0,z.Y)(Y.A,{gatsbyImageSrc:e.nodes[0].heroImage,description:e.nodes[0].title,linkText:"Read now",linkUrl:`/blog/${e.nodes[0].slug}/`,cssStyles:oe}),(0,z.Y)(Y.A,{gatsbyImageSrc:t.cardImage,description:t.title,linkText:"Read now",linkUrl:(0,I.wD)(t.educationCategory.id,t.slug),cssStyles:oe}),(0,z.Y)(Y.A,{description:a.headline.headline,descriptionAsMarkdown:!0,gatsbyImageSrc:a.cardImage,linkText:y("learnMoreText"),linkUrl:`/resources/case-studies/${a.slug}/`,cssStyles:oe}),(0,z.Y)(Y.A,{className:"hide-on-small hide-on-large-desktop",gatsbyImageSrc:e.nodes[1].heroImage,description:e.nodes[1].title,linkText:"Read now",linkUrl:`/blog/${e.nodes[1].slug}/`,cssStyles:oe})),(0,z.Y)(b.A,{withHeading2Style:!0,heading:"Sync with the tools you love <br className='hide-on-small hide-on-desktop' /> and save time",subtitle:"Integrate with existing product workflows and push prioritized features to tools <br className='hide-on-small' /> such as Jira, Azure DevOps, Trello, Shortcut, and so much more.",linkText:"Discover all integrations",linkUrl:"/integrations/",cssStyles:le}),(0,z.Y)(x.A,{heading:"Discover airfocus features",filteredFeatureSlugs:[i.pathname,"/product/portal/"]}),(0,z.Y)("div",{className:"purple-gradient-bg with-box-shadow",css:de},(0,z.Y)("h2",{className:"heading2 no-margin"},"Fast is easy, now ",(0,z.Y)("br",{className:"hide-on-small"})," confident decisions ",(0,z.Y)("br",{className:"hide-on-small"})," are too."),(0,z.Y)(n.s,null),(0,z.Y)("div",{css:ce},(0,z.Y)(g.A,{src:{desktop:"cta/ai.webp",tablet:"ai/hero-small.webp",mobile:"cta/ai-small.webp"},breakPointTablet:k.AV})))),(0,z.Y)(m.A,null))};const R=()=>(0,z.Y)(y.A,{title:"AI Tool for Product Management",description:"airfocus connects feedback, strategy, and roadmaps in one live intelligence layer - surfacing what matters, catching strategic drift - for real product context.",ogTitle:"airfocus - AI Tool for Product Management, Intelligence for Better Product Decisions",ogDescription:"Surface what matters, catch strategic drift, and ground every AI tool in real product context. One connected layer for insights, strategy, and roadmaps."}),U=i.AH`
70  ${C.lO};
71  overflow: hidden;
72
73  background:
74    radial-gradient(ellipse 45% 100% at 80% 35%, rgba(224, 212, 255, 1) 0%, transparent 52%),
75    radial-gradient(ellipse 60% 100% at 60% 65%, rgba(45, 218, 255, 0.7) 0%, transparent 48%), #0a6aff;
76
77  @media screen and (max-width: ${k.fi.xlarge}px) {
78    background:
79      radial-gradient(ellipse 65% 110% at 85% 25%, rgba(224, 212, 255, 1) 0%, transparent 52%),
80      radial-gradient(ellipse 80% 150% at 60% 100%, rgba(45, 218, 255, 0.7) 0%, transparent 48%), #0a6aff;
81  }
82
83  @media screen and (max-width: ${k.AV}px) {
84    background:
85      radial-gradient(ellipse 85% 50% at 75% 55%, rgba(224, 212, 255, 1) 0%, transparent 52%),
86      radial-gradient(ellipse 90% 40% at 30% 80%, rgba(45, 218, 255, 0.7) 0%, transparent 48%), #0a6aff;
87  }
88
89  @media screen and (max-width: ${k.fi.small}px) {
90    background:
91      radial-gradient(ellipse 85% 50% at 85% 35%, rgba(224, 212, 255, 1) 0%, transparent 52%),
92      radial-gradient(ellipse 90% 20% at 15% 55%, rgba(45, 218, 255, 0.7) 0%, transparent 48%), #0a6aff;
93  }
94`,F=i.AH`
95  ${C.lO}
96  padding: 6rem 0;
97
98  @media screen and (max-width: ${k.AV}px) {
99    display: flex;
100    flex-direction: column;
101    align-items: center;
102    text-align: center;
103    max-width: 34rem;
104    margin: 0 auto;
105  }
106`,W=i.AH`
107  max-width: 34rem;
108
109  @media screen and (max-width: ${k.fi.xlarge}px) {
110    max-width: 26rem;
111  }
112
113  @media screen and (max-width: ${k.AV}px) {
114    max-width: initial;
115  }
116`,q=i.AH`
117  position: absolute;
118  top: 56%;
119  width: 900px;
120  right: calc(var(--emptySpaceWidth) - 10.5rem);
121  transform: translateY(-50%);
122
123  @media screen and (max-width: ${k.fi.xxlarge}px) {
124    right: -75px;
125    width: 900px;
126  }
127
128  @media screen and (max-width: ${k.fi.xlarge}px) {
129    right: 3vw;
130    width: 60%;
131  }
132
133  @media screen and (max-width: ${k.fi.large}px) {
134    top: 51%;
135    width: 55%;
136  }
137
138  @media screen and (max-width: ${k.AV}px) {
139    position: relative;
140    width: 120%;
141    top: initial;
142    right: initial;
143    transform: translate(0, 0);
144    margin: 1rem 0 -4rem;
145    order: 1;
146  }
147
148  @media screen and (max-width: ${k.fi.small}px) {
149    width: 130%;
150    left: -1rem;
151    margin: 2rem 0 -2rem;
152    order: 0;
153  }
154`,j=i.AH`
155  margin-top: 2rem;
156  background-color: ${$.T.white};
157
158  &:hover {
159    background-color: ${N.Y.blue[5]};
160  }
161
162  @media screen and (max-width: ${k.AV}px) {
163    order: 1;
164  }
165`,J=i.AH`
166  @media screen and (max-width: ${k.fi.large}px) {
167    grid-template-columns: 1fr 1fr;
168    column-gap: 5%;
169
170    .subtitle {
171      max-width: 26rem;
172    }
173  }
174
175  @media screen and (max-width: ${k.fi.medium}px) {
176    grid-template-columns: initial;
177
178    .subtitle {
179      max-width: 27.4rem;
180    }
181
182    .gatsby-image-wrapper {
183      max-width: 30rem;
184    }
185  }
186`,Q=i.AH`
187  ${C.lO};
188
189  margin: 8rem 0;
190  padding: 4rem 0;
191  overflow: hidden;
192  background: linear-gradient(180deg, ${$.T.bluePrimary} 0%, ${N.Y.indigo[40]} 100%);
193`,E=i.AH`
194  max-width: 860px;
195
196  @media screen and (max-width: ${k.fi.medium}px) {
197    max-width: 535px;
198  }
199`,K=i.AH`
200  position: relative;
201  border: 1px solid ${$.T.bluePrimary};
202  max-width: 700px;
203  margin: 4rem auto;
204  border-radius: 1rem;
205
206  #ai-pm-video {
207    border-radius: 1rem;
208  }
209
210  // play icon overlay styles
211  .start-playing-button {
212    top: initial;
213    bottom: 7%;
214
215    @media screen and (max-width: ${k.fi.small}px) {
216      bottom: 5%;
217    }
218  }
219`,Z=i.AH`
220  position: absolute;
221  width: 40px;
222  left: calc(50% - 1136px / 2);
223  top: 20px;
224
225  @media screen and (max-width: ${k.fi.xlarge}px) {
226    left: calc(55% - 50vw);
227  }
228
229  @media screen and (max-width: ${k.fi.medium}px) {
230    top: -65px;
231  }
232
233  @media screen and (max-width: ${k.fi.small}px) {
234    top: -50px;
235    width: 30px;
236    opacity: 0.8;
237  }
238`,_=i.AH`
239  position: absolute;
240  width: 30px;
241  right: calc(50% - 1136px / 2);
242  bottom: 80px;
243  transform: rotate(60deg);
244
245  @media screen and (max-width: ${k.fi.xlarge}px) {
246    right: calc(55% - 50vw);
247  }
248
249  @media screen and (max-width: ${k.fi.medium}px) {
250    bottom: -50px;
251  }
252
253  @media screen and (max-width: ${k.fi.small}px) {
254    bottom: -40px;
255    width: 20px;
256    opacity: 0.8;
257  }
258`,X=i.AH`
259  @media screen and (max-width: ${k.fi.xlarge}px) {
260    grid-template-columns: 1fr 1fr;
261    column-gap: 5rem;
262  }
263
264  @media screen and (max-width: ${k.fi.large}px) {
265    column-gap: 5%;
266  }
267
268  @media screen and (max-width: ${k.fi.medium}px) {
269    grid-template-columns: 1fr;
270
271    .gatsby-image-wrapper {
272      max-width: 30rem;
273    }
274  }
275`,ee=i.AH`
276  @media screen and (max-width: ${k.fi.medium}px) {
277    max-width: 410px;
278  }
279`,ae=i.AH`
280  background: linear-gradient(180deg, ${$.T.bluePrimary} 0%, ${N.Y.indigo[40]} 100%);
281  margin-bottom: 0 !important;
282
283  .arrow {
284    background-color: #628ffe;
285    border: 2px solid ${$.T.white};
286
287    svg > path {
288      stroke: ${$.T.white};
289    }
290  }
291
292  @media screen and (max-width: ${k.fi.small}px) {
293    .arrow {
294      bottom: 1.5rem;
295      background-color: #8191ff;
296    }
297  }
298`,te=i.AH`
299  ${C.lO};
300
301  padding: 8rem 0;
302  background-color: ${$.T.grayVeryLight};
303`,ie=i.AH`
304  ${C.lO}
305`,se=i.AH`
306  max-width: 865px;
307  margin: 0 auto;
308
309  .quote {
310    margin-top: 0 !important;
311  }
312
313  @media screen and (max-width: ${k.fi.large}px) {
314    grid-template-columns: 178px auto;
315    column-gap: 4%;
316  }
317
318  @media screen and (max-width: ${k.fi.small}px) {
319    grid-template-columns: 1fr;
320  }
321`,re=i.AH`
322  aspect-ratio: 1;
323  border-radius: 50%;
324  border: 8px solid ${$.T.white};
325
326  @media screen and (max-width: ${k.fi.small}px) {
327    width: 150px;
328  }
329`,ne=i.AH`
330  width: 120px;
331  height: auto;
332  margin-top: 1rem;
333`,oe=i.AH`
334  #text-card-image {
335    aspect-ratio: 1.8;
336  }
337`,le=i.AH`
338  margin: 8rem 0 !important;
339`,de=i.AH`
340  position: relative;
341  overflow: hidden;
342  margin: 8rem 0;
343  padding: 4rem 5rem;
344  border-radius: 0.5rem;
345
346  .heading2 {
347    margin-bottom: 2rem !important;
348  }
349
350  @media screen and (max-width: ${k.fi.large}px) {
351    padding: 4rem;
352  }
353
354  @media screen and (max-width: ${k.fi.medium}px) {
355    padding: 3rem;
356  }
357
358  @media screen and (max-width: ${k.fi.small}px) {
359    padding: 3rem 3rem 2rem 2rem;
360  }
361`,ce=i.AH`
362  position: absolute;
363  top: 50%;
364  transform: translateY(-47%);
365  right: 1rem;
366  width: 500px;
367
368  @media screen and (max-width: ${k.fi.large}px) {
369    width: 475px;
370    right: 0;
371  }
372
373  @media screen and (max-width: ${k.AV}px) {
374    width: 300px;
375    right: 4rem;
376  }
377
378  @media screen and (max-width: ${k.fi.medium}px) {
379    width: 250px;
380    right: 3.75vw;
381  }
382
383  @media screen and (max-width: ${k.fi.small}px) {
384    width: 50px;
385    right: 1rem;
386    top: 40px;
387  }
388`},1904:function(e,a,t){a.A=t.p+"static/airfocus-ai-138ceef432ae9628f5c7c246d9a570b9.mp4"},7632:function(e,a,t){a.A=t.p+"static/airfocus-ai-1ee5392b7217eede71c36ece23e10e5b.webm"},7650:function(e,a,t){var i=t(3769),s=t(196),r=t(2358),n=t(2982);a.A=({className:e,color:a,size:t,isTop:o=!0,isBottom:l=!0,fullScreenWidth:d=!1,notDecreased:c=!1,cssStyles:m})=>(0,n.Y)("div",{className:`${d?"full-screen-relative":void 0} ${e}`,css:[i.AH`
389          width: 100%;
390          height: 1px;
391          background: ${a||r.T.grayLight};
392          display: block;
393          position: relative;
394          ${o&&`margin-top: ${t}rem;`}
395          ${l&&`margin-bottom: ${t}rem;`}
396        @media screen and (max-width: ${s.fi.medium}px) {
397            ${o&&!c&&`margin-top: calc(${t}rem/2);`}
398            ${l&&!c&&`margin-bottom: calc(${t}rem/2);`}
399          }
400        `,m,"",""]})},8529:function(e,a,t){var i=t(3769),s=t(6540),r=t(196),n=t(2169),o=t(8287),l=t(4678),d=t(4412),c=t(6065),m=t(126),u=t(2982);const h=(0,l.u)({features:d});a.A=({heading:e,filteredFeatureSlugs:a})=>{const{t:t}=h();return(0,u.Y)(s.Fragment,null,(0,u.Y)("h2",{className:"heading2 center"},null!=e?e:t("features.featuresBlock.heading")),(0,u.Y)(c.A,{columns:3,noBreakForTablet:!0,twoColumnsForMobile:!0,cssStyles:p},n.E.filter(({link:e})=>!a.some(a=>(0,o.Tl)(e).includes(a))).map(({title:e,description:a,link:t,imageSrc:i})=>(0,u.Y)(m.A,{key:(0,o.Tl)(e),title:(0,o.Tl)(e),description:a,linkText:"Learn more",linkUrl:(0,o.Tl)(t),imageSrc:i}))))};const p=i.AH`
401  max-width: 755px;
402
403  @media screen and (max-width: ${r.fi.small}px) {
404    #text-card-image {
405      aspect-ratio: 1.5;
406    }
407
408    #text-card-content {
409      padding: 1rem;
410    }
411  }
412`}}]);
413//# sourceMappingURL=component---src-pages-product-ai-tsx-73f6049acec403d88395.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.