PageSourceSearch

https://airfocus.com/component---src-pages-product-index-tsx-3f63940c4adadeefe638.js

js airfocus.com collected 2026-09-24 17:45:21 UTC 30,663 bytes, 386 lines download raw bytes

1"use strict";(self.webpackChunkairfocus=self.webpackChunkairfocus||[]).push([[7271],{126:function(e,t,a){var i=a(3769),r=a(6540),o=a(2358),s=a(1887),n=a(1143),c=a(4033),l=a(4017),d=a(7263),m=a(2982);const p=e=>{if(Array.isArray(e))return e.some(p);if(!r.isValidElement(e))return!1;const t=e.props;return"href"in t||"link"in t||"children"in t&&p(t.children)};t.A=({className:e,title:t,descriptionAsMarkdown:a,blueSubtitle:r,graySubtitle:o,description:n,footnote:w,iconSrc:v,imageSrc:A,imageAlt:k,gatsbyImageSrc:Y,imgStyle:x,imgWithBorder:S=!1,hoverImageSrc:N,roundedImage:P=!1,linkText:T,linkUrl:$,arrowLinkUrl:I,additionalJsx:B,isCentered:M=!1,onClick:C,iconAboveImageSrc:H,withImageOverlay:z,cssStyles:O=i.AH``,withCenteredImageOnGrayBG:R=!1,bgColor:W,headingClassName:E="heading4",withoutBorderRadius:G=!1})=>{const j=!!$||!!T,L=p(B),D=!!$&&L,U=!!C&&!!I,K={title:t,blueSubtitle:r,graySubtitle:o,description:n,descriptionAsMarkdown:a,footnote:w,gatsbyImageSrc:Y,iconSrc:v,imageSrc:A,imageAlt:k,imgStyle:x,imgWithBorder:S,hoverImageSrc:N,roundedImage:P,linkText:T,linkUrl:$,arrowLinkUrl:I,onClick:C,additionalJsx:B,isCentered:M,iconAboveImageSrc:H,withImageOverlay:z,clickable:j,headingClassName:E,withoutBorderRadius:G,elevateAdditionalJsx:L&&(D||U),elevateArrowLink:U},F=t?(0,s.QZ)(t):(0,s.QZ)(n),V=null!=$&&$.toLowerCase().endsWith(".pdf")?`${F} (PDF)`:F;return(0,m.Y)("div",{className:e,css:[u(M),O,(R||W)&&y(W),"",""]},D||U?(0,m.Y)("div",{className:"translate-and-shadow-on-hover",css:b},(0,m.Y)(d.A,K),D?(0,m.Y)(l.N_,{href:$,css:f,"aria-label":V}):(0,m.Y)(c.$n,{type:"unstyled",onClick:C,cssStyles:f,"aria-label":V},(0,m.Y)("span",{"aria-hidden":!0}))):$?(0,m.Y)(l.N_,{className:"translate-and-shadow-on-hover",href:$,css:g,"aria-label":V},(0,m.Y)(d.A,K)):C?(0,m.Y)(c.$n,{type:"unstyled",className:"translate-and-shadow-on-hover",onClick:C,cssStyles:h,"aria-label":V},(0,m.Y)(d.A,K)):(0,m.Y)(d.A,K))};const u=e=>i.AH`
2  text-align: left;
3  height: 100%;
4
5  ${e&&"\n    text-align: center;\n    "};
6`,h=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    ${n.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    ${n.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`,y=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 ${o.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 ${o.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`},341:function(e,t,a){t.A=a.p+"static/homepage-bac5c72d06b8f9245ad774b80b366489.webm"},774:function(e,t,a){t.A=a.p+"static/prioritization-816351474fec876ac297b57b2ba49775.webm"},1074:function(e,t,a){t.A=a.p+"static/roadmaps-d94123daa471cb966e4682b6a71f3f40.mp4"},2125:function(e,t,a){t.A=a.p+"static/prioritization-8cc37da250f955bc019b0ef38f558a82.mp4"},2543:function(e,t,a){a.r(t),a.d(t,{Head:function(){return C}});var i=a(3769),r=a(5350),o=a(3029),s=a(4033),n=a(9911),c=a(3533),l=a(7650),d=a(1718),m=a(6065),p=a(4913),u=a(552),h=a(6994),g=a(7002),b=a(8236),f=a(2530),y=a(4017),w=a(645),v=a(6009),A=a(4779),k=a(7746),Y=a(1096),x=a(1064),S=a(8353),N=a(196),P=a(2358),T=a(9978),$=a(464),I=a(4991),B=a(1143),M=a(2982);t.default=()=>{const{t:e}=(0,I.B)();return(0,M.Y)(f.Ay,null,(0,M.Y)(p.Ay,null),(0,M.Y)(o.A,null,(0,M.Y)(b.a,{upperHeading:"AIRFOCUS PRODUCT OVERVIEW",headlineText:"The Product OS your company has been missing",subheaderText:"airfocus is where sharper decisions get made, strategy stays aligned, and every team member, agent, and AI tool in your stack works from real product context and insights. It unifies feedback, strategy, OKRs, roadmaps, and delivery in one connected data model, with AI agents that triage feedback, draft stakeholder updates, and keep portfolio data clean - and bidirectional MCP makes that context available to every AI tool already in your stack.",withPartners:!0,withModularityAnimation:!0,noMaxWidthForSubtitle:!0,withBadges:!0,withoutBorder:!0,withoutMarginBottom:!0,cssStyles:H}),(0,M.Y)(l.A,{size:8,isTop:!1}),(0,M.Y)(v.A,{card1:{title:"Decide better, not just faster",description:"Development cycles that took quarters now take weeks. Execution is no longer the bottleneck - knowing what to build is. airfocus is the structured home for the insights, strategy, and decisions that make every product bet pay off."},card2:{title:"One connected source of product truth",description:"Feedback, OKRs, roadmaps, and delivery in one connected system. Every decision traces back to the customer who raised it and the goal it serves - so nothing important gets buried and nothing ships unexplained."},card3:{title:"AI-ready by design",description:"Your product context, queryable from Claude, ChatGPT, Copilot, and any custom agent your team builds. Stop feeding AI generic prompts. Start grounding it in your real strategy, feedback, and roadmap."}}),(0,M.Y)("div",{css:z},(0,M.Y)("div",{className:"with-blue-box-shadow",css:O},(0,M.Y)(S.A,{id:"qwIm6rKUPR4",thumbnailSrc:"videos/getting-started.webp",ratio:16/9}))),(0,M.Y)("h2",{className:"heading2 center",css:R},"How airfocus works"),(0,M.Y)(m.A,{columnsTemplate:"350px 1fr",columnGap:7,breakPoint:N.fi.small,cssStyles:W},(0,M.Y)("div",null,(0,M.Y)("div",{className:"hide-on-small section"},"Product management with intelligence"),(0,M.Y)("div",{className:"section hide-on-medium-large-desktop"},"Intelligent product management"),(0,M.Y)("h3",{className:"heading3"},"Make the right decisions, not just the fast ones"),(0,M.Y)("p",{className:"body-1"},"Most AI tools help product teams write faster. airfocus helps them decide better, at scale. The Insights agent turns customer signal into strategy, drift detection flags misalignment in real time, and the airfocus MCP server makes your product context available to every AI tool your team already uses."),(0,M.Y)(y.N_,{className:"body-1",href:"/product/ai/",withArrow:!0},"Learn more about AI")),(0,M.Y)(h.A,{src:"features/roadmaps/roadmaps-5.webp"})),(0,M.Y)(l.A,{size:8}),(0,M.Y)(m.A,{columnsTemplate:"1fr 370px",columnGap:7,responsiveReversed:!0,breakPoint:N.fi.small,cssStyles:W},(0,M.Y)(Y.A,{className:"gray-bordered-block",srcType:[{src:(0,T.Y)("objectives-okrs").MP4,type:"video/mp4"},{src:(0,T.Y)("objectives-okrs").Webm,type:"video/webm"}],ratio:1.756363636,playInView:!0,loopDelay:4e3}),(0,M.Y)("div",null,(0,M.Y)("div",{className:"section"},"Objectives & OKRs"),(0,M.Y)("h3",{className:"heading3"},"Supercharge your strategy with built-in OKRs"),(0,M.Y)("p",{className:"body-1"},"Keep OKRs, roadmaps, and product workflows interconnected to drive alignment. Track progress from user stories to company-wide objectives - all in one place - s
69o strategy stays the anchor every decision flows from, not a slide nobody revisits. Ask airfocus what's drifting, and it'll tell you."),(0,M.Y)(y.N_,{className:"body-1",href:"/product/objectives-okrs/",withArrow:!0},"Learn more about objectives"))),(0,M.Y)(l.A,{size:8}),(0,M.Y)(m.A,{columnsTemplate:"370px 1fr",columnGap:6,breakPoint:N.fi.small,cssStyles:W},(0,M.Y)("div",null,(0,M.Y)("div",{className:"section"},"Roadmaps"),(0,M.Y)("h3",{className:"heading3"},"Roadmaps that align on decisions, not just dates"),(0,M.Y)("p",{className:"body-1"},"Roll individual team roadmaps into one unified portfolio view. Tie every initiative to a goal, make every trade-off traceable, and let the airfocus agent draft tailored updates when plans change - so communication never lags behind the plan. Say goodbye to rearview roadmaps."),(0,M.Y)(y.N_,{className:"body-1",href:"/product/roadmaps/",withArrow:!0},"Learn more about roadmaps")),(0,M.Y)(Y.A,{className:"gray-bordered-block",srcType:[{src:(0,T.Y)("roadmaps").MP4,type:"video/mp4"},{src:(0,T.Y)("roadmaps").Webm,type:"video/webm"}],ratio:1.756363636,playInView:!0,loopDelay:4e3})),(0,M.Y)(l.A,{size:8}),(0,M.Y)(m.A,{columnsTemplate:"1fr 350px",columnGap:7,responsiveReversed:!0,breakPoint:N.fi.small,cssStyles:W},(0,M.Y)(Y.A,{className:"gray-bordered-block",srcType:[{src:(0,T.Y)("prioritization").MP4,type:"video/mp4"},{src:(0,T.Y)("prioritization").Webm,type:"video/webm"}],ratio:1.756363636,playInView:!0,loopDelay:4e3}),(0,M.Y)("div",null,(0,M.Y)("div",{className:"section"},"Prioritization"),(0,M.Y)("h3",{className:"heading3"},"Prioritize with evidence, not opinions"),(0,M.Y)("p",{className:"body-1"},"Score initiatives with RICE, weighted scoring, or your own frameworks. Priority Poker turns scoring into a team sport, and every decision ties back to the customer signal and OKR behind it - so you walk into the QBR with evidence, not the loudest voice in the room."),(0,M.Y)(y.N_,{className:"body-1",href:"/product/prioritization/",withArrow:!0},"Learn more about prioritization"))),(0,M.Y)(l.A,{size:8}),(0,M.Y)(m.A,{columnsTemplate:"350px 1fr",columnGap:7,breakPoint:N.fi.small,cssStyles:W},(0,M.Y)("div",null,(0,M.Y)("div",{className:"section"},"Feedback & Insights"),(0,M.Y)("h3",{className:"heading3"},"Every voice heard. Zero signal missed"),(0,M.Y)("p",{className:"body-1"},"The Insights agent reads every ticket, call, and survey you collect and surfaces the patterns that map to your strategy - traceable back to the customer who raised them. Autofill routes each piece of feedback to the team that owns it, automatically. No more loudest-voice roadmaps. No feedback dying in an inbox."),(0,M.Y)(y.N_,{className:"body-1",href:"/product/insights/",withArrow:!0},"Learn more about insights")),(0,M.Y)(Y.A,{className:"gray-bordered-block",srcType:[{src:(0,T.Y)("insights").MP4,type:"video/mp4"},{src:(0,T.Y)("insights").Webm,type:"video/webm"}],ratio:1.756363636,playInView:!0,loopDelay:4e3})),(0,M.Y)(l.A,{size:8}),(0,M.Y)(m.A,{columnsTemplate:"1fr 350px",columnGap:7,responsiveReversed:!0,breakPoint:N.fi.small,cssStyles:W},(0,M.Y)(Y.A,{className:"gray-bordered-block",srcType:[{src:(0,T.Y)("portfolio-management-software").MP4,type:"video/mp4"},{src:(0,T.Y)("portfolio-management-software").Webm,type:"video/webm"}],ratio:1.756363636,playInView:!0,loopDelay:4e3}),(0,M.Y)("div",null,(0,M.Y)("div",{className:"section"},"Portfolio management"),(0,M.Y)("h3",{className:"heading3"},"The proactive portfolio. Always ahead, always aligned"),(0,M.Y)("p",{className:"body-1"},"Every roadmap, OKR, dependency, and initiative across every team rolls up into one live view, automatically. Ask the portfolio anything, drill from strategic intent to the work shipping today, and let airfocus surface drift the moment it appears. No more snapshot management."),(0,M.Y)(y.N_,{className:"body-1",href:"/product/portfolio-management-software/",withArrow:!0},"Learn more about portfolio management"))),(0,M.Y)(l.A,{size:8}),(0,M.Y)(m.A,{columnsTemplate:"350px 1fr",columnGap:7,breakPoint:N.fi.small,cssStyles:W},(0,M.Y)("div",null,(0,M.Y)("div",{className:"section"},"Portal"),(0,M.Y)("h3",{className:"heading3"},"Engage users and stakeholders"),(0,M.Y)("p",{className:"body-1"},"Capture direct customer signal through a branded portal where users submit ideas, vote on features, and stay informed on what's coming. The intake layer that feeds the intelligence engine."),(0,M.Y)(y.N_,{className:"body-1",href:"/product/portal/",withArrow:!0},"Learn more about portal")),(0,M.Y)(Y.A,{className:"gray-bordered-block",srcType:[{src:(0,T.Y)("portal").MP4,type:"video/mp4"},{src:(0,T.Y)("portal").Webm,type:"video/webm"}],ratio:1.756363636,playInView:!0,loopDelay:4e3})),(0,M.Y)(l.A,{size:8}),(0,M.Y)("h2",{className:"heading2 center no-margin"},"A product management platform that adapts ",(0,M.Y)("br",{className:"hide-on-small-medium-large"}),"to your unique needs"),(0,M.Y)("div",{className:"subtitle center left-on-small"},"Every product and team is unique. That's why we built the world's first and only",(0,M.Y)("br",{className:"hide-no-small"})," modular product management platform. Start simple with ready-to-use",(0,M.Y)("br",{className:"hide-no-small"}),"templates, and extend airfocus as you grow and scale - one data model, ",(0,M.Y)("br",{className:"hide-no-small"})," one permission model, one AI context across every team."),(0,M.Y)(u.A,{css:[E,(0,B.uh)(N.fi.small),"",""]}),(0,M.Y)("div",{css:[E,(0,B.gW)(N.fi.small),"",""]},(0,M.Y)(w.A,{withCubeOnSmall:!0})),(0,M.Y)(l.A,{size:8}),(0,M.Y)(r.A,null),(0,M.Y)(l.A,{size:8}),(0,M.Y)(x.A,{heading:e("product.viewsBlock.heading")}),(0,M.Y)(g.A,{withHeading2Style:!0,heading:e("product.integrationsBlock.heading"),subtitle:e("product.integrationsBlock.subtitle"),linkText:e("product.integrationsBlock.link.text"),linkUrl:e("product.integrationsBlock.link.url")}),(0,M.Y)(l.A,{size:8}),(0,M.Y)(c.A,{templatesSlugsArray:["full-product-management-workflow","how-airfocus-uses-airfocus","outcome-based-roadmap","objectives-and-key-results"]}),(0,M.Y)(l.A,{size:8}),(0,M.Y)(A.A,null),(0,M.Y)(l.A,{size:8}),(0,M.Y)(n.A,{heading:e("product.customersBlock.heading")}
69),(0,M.Y)("div",{className:"purple-gradient-bg with-box-shadow",css:G},(0,M.Y)("h2",{className:"heading2 no-margin"},"Fast is easy, now ",(0,M.Y)("br",{className:"hide-on-small"})," confident decisions ",(0,M.Y)("br",{className:"hide-on-small"})," are too."),(0,M.Y)(s.s,null),(0,M.Y)("div",{css:j},(0,M.Y)(h.A,{src:{desktop:"cta/ai.webp",tablet:"ai/hero-small.webp",mobile:"cta/ai-small.webp"},breakPointTablet:N.AV})))),(0,M.Y)(d.A,null))};const C=()=>{const{t:e}=(0,I.B)();return(0,M.Y)(k.A,{lang:(0,$.o)(),title:e("product.seo.title"),description:e("product.seo.description"),ogTitle:e("product.seo.ogTitle"),ogDescription:e("product.seo.ogDescription")})},H=i.AH`
70  .heading1 {
71    max-width: 700px !important;
72  }
73
74  .subtitle {
75    max-width: 800px !important;
76
77    @media screen and (max-width: ${N.fi.large}px) {
78      max-width: 620px !important;
79    }
80
81    @media screen and (max-width: ${N.fi.medium}px) {
82      max-width: 500px !important;
83    }
84  }
85
86  #button-container {
87    margin-top: 2rem;
88  }
89`,z=i.AH`
90  ${B.lO};
91  background: linear-gradient(335deg, ${P.T.bluePrimary} 3%, #72d4ff 87%);
92  background-color: ${P.T.blueLight};
93  margin: 8rem 0;
94  padding: 6rem 0;
95
96  @media screen and (max-width: ${N.fi.small}px) {
97    padding: 4rem 0;
98  }
99`,O=i.AH`
100  max-width: 700px;
101  margin: 4rem auto;
102  border-radius: 1rem;
103  overflow: hidden;
104`,R=i.AH`
105  @media screen and (max-width: ${N.fi.medium}px) {
106    margin-bottom: 4rem !important;
107  }
108`,W=i.AH`
109  @media screen and (max-width: ${N.fi.large}px) {
110    grid-template-columns: 1fr 1fr;
111    column-gap: 5%;
112  }
113
114  @media screen and (max-width: ${N.fi.small}px) {
115    row-gap: 2rem;
116    grid-template-columns: 1fr;
117  }
118`,E=i.AH`
119  max-width: 60rem;
120  margin: 0 auto;
121  display: block;
122
123  @media screen and (max-width: ${N.fi.small}px) {
124    .gatsby-image-wrapper {
125      width: 100% !important;
126    }
127  }
128`,G=i.AH`
129  position: relative;
130  overflow: hidden;
131  margin: 8rem 0;
132  padding: 4rem 5rem;
133  border-radius: 0.5rem;
134
135  .heading2 {
136    margin-bottom: 2rem !important;
137  }
138
139  @media screen and (max-width: ${N.fi.large}px) {
140    padding: 4rem;
141  }
142
143  @media screen and (max-width: ${N.fi.medium}px) {
144    padding: 3rem;
145  }
146
147  @media screen and (max-width: ${N.fi.small}px) {
148    padding: 3rem 3rem 2rem 2rem;
149  }
150`,j=i.AH`
151  position: absolute;
152  top: 50%;
153  transform: translateY(-47%);
154  right: 1rem;
155  width: 500px;
156
157  @media screen and (max-width: ${N.fi.large}px) {
158    width: 475px;
159    right: 0;
160  }
161
162  @media screen and (max-width: ${N.AV}px) {
163    width: 300px;
164    right: 4rem;
165  }
166
167  @media screen and (max-width: ${N.fi.medium}px) {
168    width: 250px;
169    right: 3.75vw;
170  }
171
172  @media screen and (max-width: ${N.fi.small}px) {
173    width: 50px;
174    right: 1rem;
175    top: 40px;
176  }
177`},3262:function(e,t,a){t.A=a.p+"static/insights-8aab08bef01cb80350a7ce4582349463.mp4"},3805:function(e,t,a){a.d(t,{A:function(){return m}});var i=a(3769),r=a(6540),o=a(196),s=a(2358);const n={ESSENTIAL:"Essential",MARKETING:"Targeted Advertising",PERSONALIZATION:"Personalization",ANALYTICS:"Analytics"};var c=a(3590),l=a(4033),d=a(2982);var m=({consentPurpose:e="MARKETING",children:t,blackBG:a,small:i,cssStyles:o})=>{const[s,m]=r.useState(!1);r.useEffect(()=>{m(!0)},[]);const h=(0,c.gm)(e),g=n[e];return s?h?(0,d.Y)(r.Fragment,null,t):(0,d.Y)("div",{css:[p(a),o,"",""]},!i&&(0,d.Y)("div",{className:`subtitle ${a?"white-text":""} no-margin center`},"Providing this content utilizes 3rd-party services and requires your consent."," ",(0,d.Y)("br",{className:"hide-on-small"}),' Opt-in to "',g,'" to view this content.'),(0,d.Y)(l.$n,{className:"strong-body-2",cssStyles:u(i),onClick:c.rj},"Privacy preferences")):null};const p=e=>i.AH`
178  position: absolute;
179  box-sizing: border-box;
180  top: 0;
181  left: 0;
182  width: 100%;
183  height: 100%;
184  background-color: ${e?s.T.black:"rgba(255, 255, 255, 0.2)"};
185  ${!e&&"backdrop-filter: blur(20px)"};
186  display: flex;
187  flex-direction: column;
188  justify-content: center;
189  align-items: center;
190  z-index: 6;
191`,u=e=>i.AH`
192  ${!e&&"margin-top: 2rem"};
193  padding: 11px 16px 12px;
194  display: flex;
195  align-items: center;
196  color: ${s.T.bluePrimary};
197  background-color: ${s.T.white};
198  border: 1px solid ${s.T.bluePrimary};
199
200  &:hover {
201    text-decoration: underline;
202    background-color: ${s.T.white};
203  }
204
205  @media screen and (max-width: ${o.fi.small}px) {
206    max-width: fit-content;
207    ${!e&&"margin-top: 1rem"};
208  }
209`},4098:function(e,t,a){var i=a(3769),r=a(2358),o=a(4033),s=a(2487),n=a(6384),c=a(1095),l=a(2982);t.A=({circlesQuantity:e,currentSelection:t,setCurrentSelection:a,className:i,color:h=r.T.bluePrimary,displayArrowsOnSmallOnly:g=!1,withoutArrowsOnAllScreens:b=!1,cssStyles:f})=>{if(e<2)return null;const y=[];for(let r=0;r<e;r++)y.push((0,l.Y)(o.$n,{key:`pagination-circle-${r}`,type:"unstyled","aria-label":`Go to slide ${r+1}`,"aria-current":r===t||void 0,cssStyles:p(r===t,h),onClick:()=>a(r)},(0,l.Y)(c.A,{"aria-hidden":!0})));return(0,l.Y)("div",{className:i,css:[d,f,"",""]},!b&&(0,l.Y)(o.$n,{type:"unstyled","aria-label":"Previous slide",className:"opacity-on-hover"+(g?" hide-on-medium-large-desktop":""),onClick:()=>a(0===t?e-1:t-1),cssStyles:u},(0,l.Y)(s.A,{"aria-hidden":!0})),(0,l.Y)("div",{css:m},y),!b&&(0,l.Y)(o.$n,{type:"unstyled","aria-label":"Next slide",className:"opacity-on-hover"+(g?" hide-on-medium-large-desktop":""),onClick:()=>a((t+1)%e),cssStyles:u},(0,l.Y)(n.A,{"aria-hidden":!0})))};const d=i.AH`
210  margin: 1.5rem auto;
211  display: flex;
212  column-gap: 2.25rem;
213  justify-content: center;
214
215  svg {
216    cursor: pointer;
217  }
218`,m=i.AH`
219  display: flex;
220  column-gap: 1rem;
221`,p=(e,t)=>i.AH`
222  display: flex;
223  /* better UX (clickable area is larger than the circle) */
224  padding: 0.25rem;
225  margin: -0.25rem;
226
227  svg {
228    width: 12px;
229
230    circle {
231      fill: transparent;
232      stroke: ${t}${e?"":"50"};
233      transition: all 0.125s;
234    }
235  }
236
237  &:hover svg circle {
238    stroke: ${t}${e?"":"80"};
239  }
240`,u=i.AH`
241  display: flex;
242  // better UX (clickable area is larger than the circle)
243  padding: 0.5rem;
244  margin: -0.5rem;
245
246  svg {
247    width: 17px;
248  }
249`},4209:function(e,t,a){t.A=a.p+"static/okr-hero-51b47e9ee540df835c984e5cef3474cd.mp4"},4779:function(e,t,a){var i=a(3769),r=a(5992),o=a(196),s=a(4991),n=a(2258),c=a(4017),l=a(126),d=a(2982);t.A=({withoutHeader:e=!1,subtitle:t,withLinks:a=!1,cssStyles:o=i.AH``})=>{const{t:u}=(0,s.B)();return(0,d.Y)("div",{css:o},!e&&(0,d.Y)("div",{css:m},(0,d.Y)("h2",{className:"heading2 center"},(0,r.Ay)(u("SecurityAndPrivacyBlock.heading"))),(0,d.Y)("p",{className:"subtitle center left-on-small"},(0,r.Ay)(t||u("SecurityAndPrivacyBlock.subtitle"))),(0,d.Y)("div",{className:"center left-on-small"},(0,d.Y)(c.N_,{className:"subtitle",href:u("SecurityAndPrivacyBlock.link.url"),withArrow:!0},u("learnMoreTextEn")))),(0,d.Y)(n.A,{columns:4,alignContent:"flex-start",breakPoint:950,twoColumnsForTablet:!0,css:p},(0,d.Y)(l.A,{imageSrc:"security/lock.png",imgStyle:{height:"5.5rem",width:"5.5rem"},title:u("SecurityAndPrivacyBlock.itemBlock.item1.title"),description:u("SecurityAndPrivacyBlock.itemBlock.item1.description"),linkText:a?u("learnMoreTextEn"):"",linkUrl:a?"/security#Security/":"",withCenteredImageOnGrayBG:!0}),(0,d.Y)(l.A,{imageSrc:"security/reliability.png",imgStyle:{height:"5.5rem",width:"5rem"},title:u("SecurityAndPrivacyBlock.itemBlock.item2.title"),description:u("SecurityAndPrivacyBlock.itemBlock.item2.description"),linkText:a?u("learnMoreTextEn"):"",linkUrl:a?"/security#Reliability/":"",withCenteredImageOnGrayBG:!0}),(0,d.Y)(l.A,{imageSrc:"security/privacy.png",imgStyle:{height:"5.5rem",width:"3.75rem"},title:u("SecurityAndPrivacyBlock.itemBlock.item3.title"),description:u("SecurityAndPrivacyBlock.itemBlock.item3.description"),linkText:a?u("learnMoreTextEn"):"",linkUrl:a?"/security#Data/":"",withCenteredImageOnGrayBG:!0}),(0,d.Y)(l.A,{imageSrc:"security/compliance.png",imgStyle:{height:"5.5rem",width:"5.5rem"},title:u("SecurityAndPrivacyBlock.itemBlock.item4.title"),description:u("SecurityAndPrivacyBlock.itemBlock.item4.description"),linkText:a?u("learnMoreTextEn"):"",linkUrl:a?"/security#Compliance/":"",withCenteredImageOnGrayBG:!0})))};const m=i.AH`
250  margin-bottom: 4rem;
251
252  .heading2 {
253    margin-bottom: 1.5rem;
254  }
255
256  @media screen and (max-width: ${o.fi.medium}px) {
257    margin-bottom: 3rem;
258  }
259`,p=i.AH`
260  // for fixing Safari issue
261  #text-card-image {
262    aspect-ratio: initial !important;
263    height: 128px;
264  }
265`}
265,4892:function(e,t,a){t.A=a.p+"static/portal-f6c67e55dd384c8323fd19c1dfac45c3.webm"},5695:function(e,t,a){t.A=a.p+"static/homepage-ce9b46587195e00acd3d08fa304fb65e.mp4"},6009:function(e,t,a){var i=a(3769),r=a(5992),o=a(196),s=a(2358),n=a(6065),c=a(126),l=a(2982);const d={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."},m={title:"The proactive product portfolio, always ahead, always aligned",description:"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."},p={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."};t.A=({heading:e,subtitle:t,card1:a,card2:i,card3:o,cssStyles:s})=>{var b,f,y,w,v,A;return(0,l.Y)("div",{css:s},(0,l.Y)("h2",{className:"heading2 center "+(t?"no-margin":"")},null!=e?e:"Why airfocus?"),t&&(0,l.Y)("p",{className:"subtitle center left-on-small",css:u},(0,r.Ay)(t)),(0,l.Y)(n.A,{columns:3,columnGap:2,rowGapMobile:3,twoColumnsForTablet:!0,css:h},(0,l.Y)(c.A,{imageSrc:"ai/sharp-decisions.webp",title:null!==(b=null==a?void 0:a.title)&&void 0!==b?b:d.title,de
265scription:null!==(f=null==a?void 0:a.description)&&void 0!==f?f:d.description,cssStyles:g}),(0,l.Y)(c.A,{imageSrc:"ai/proactive-portfolio.webp",title:null!==(y=null==i?void 0:i.title)&&void 0!==y?y:m.title,description:null!==(w=null==i?void 0:i.description)&&void 0!==w?w:m.description,cssStyles:g}),(0,l.Y)(c.A,{imageSrc:"ai/agents-humans.webp",title:null!==(v=null==o?void 0:o.title)&&void 0!==v?v:p.title,description:null!==(A=null==o?void 0:o.description)&&void 0!==A?A:p.description,cssStyles:g})))};const u=i.AH`
266  margin-bottom: 4rem !important;
267`,h=i.AH`
268  .gatsby-image-wrapper {
269    position: relative;
270    height: auto;
271    margin: auto;
272  }
273
274  > div:nth-of-type(1) .gatsby-image-wrapper {
275    width: 80%;
276    transform: translateY(-9%);
277  }
278
279  > div:nth-of-type(2) .gatsby-image-wrapper {
280    width: 75%;
281    transform: translateY(3%);
282  }
283
284  > div:nth-of-type(3) .gatsby-image-wrapper {
285    width: 83%;
286    transform: translate(-6%, 6%);
287  }
288
289  @media screen and (max-width: ${o.fi.large}px) {
290    column-gap: 1rem;
291  }
292
293  @media screen and (max-width: ${o.fi.medium}px) {
294    margin-top: 4rem;
295
296    > div:nth-of-type(3) {
297      @media screen and (min-width: ${o.fi.small+1}px) {
298        grid-column: 1 / -1;
299        max-width: calc(50% - 0.75rem);
300        margin: auto;
301      }
302    }
303
304    @media screen and (max-width: ${o.fi.small}px) {
305      .gatsby-image-wrapper {
306        max-width: 250px;
307      }
308
309      > div:nth-of-type(1) .gatsby-image-wrapper {
310        transform: translateY(-7%);
311      }
312    }
313  }
314`,g=i.AH`
315  a {
316    border-radius: 1rem;
317  }
318
319  #text-card-image {
320    border-radius: 0.5rem;
321    display: flex;
322    aspect-ratio: 1.6;
323    background: radial-gradient(60% 60% at 30% 40%, ${s.T.blueSecondary} 0%, ${s.T.bluePrimary} 100%);
324  }
325
326  #text-card-content {
327    background-color: ${s.T.white};
328    border-radius: 0 0 1rem 1rem;
329  }
330`},6058:function(e,t,a){t.A=a.p+"static/insights-290e68fabd57bf742c45d5197dfebf83.webm"},6718:function(e,t,a){t.A=a.p+"static/roadmaps-55e6cacfdbf9933e39ea63a88d532dc4.webm"},6990:function(e,t,a){t.A=a.p+"static/cp-hero-9353f1af243ff33ad5c893e85f523546.webm"},8075:function(e,t,a){t.A=a.p+"static/okr-hero-eeee2c3461154f58b396e12a6ae088bb.webm"},8353:function(e,t,a){var i=a(3769),r=a(6540),o=a(196),s=a(2358),n=a(3590),c=a(4033),l=a(5557),d=a(6994),m=a(3805),p=a(2982);const u=["https://www.youtube-nocookie.com","https://i.ytimg.com"];function h(){u.forEach(e=>{if(document.querySelector(`link[rel="preconnect"][href="${e}"]`))return;const t=document.createElement("link");t.rel="preconnect",t.href=e,document.head.appendChild(t)})}t.A=({id:e,ratio:t,className:a,cssStyles:i,title:o,thumbnailSrc:s})=>{const[u,v]=r.useState(!1),A=(0,n.gm)("MARKETING");return(0,p.Y)("div",{style:{position:"relative",overflow:"hidden"},className:a,css:i},(0,p.Y)("div",{style:{width:"100%",paddingBottom:`${(1/t*100).toFixed(4)}%`}}),s&&!u?(0,p.Y)(c.$n,{type:"unstyled",cssStyles:b,"aria-label":`Play: ${(null==o?void 0:o.trim())||"YouTube video"}`,onMouseEnter:A?h:void 0,onTouchStart:A?h:void 0,onClick:()=>v(!0)},(0,p.Y)(d.A,{src:s,css:f}),(0,p.Y)("span",{css:y},(0,p.Y)(l.A,{css:w}))):(0,p.Y)(m.A,{blackBG:!0},(0,p.Y)("iframe",{src:`https://www.youtube-nocookie.com/embed/${e}${u?"?autoplay=1":""}`,title:(null==o?void 0:o.trim())||"YouTube video player",frameBorder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,css:g})))};const g=i.AH`
331  position: absolute;
332  left: 0;
333  top: 0;
334  width: 100%;
335  height: 100%;
336`,b=i.AH`
337  position: absolute;
338  inset: 0;
339  width: 100%;
340  height: 100%;
341  display: block;
342
343  &:hover span {
344    transform: translate(-50%, -50%) scale(1.05);
345    background: rgba(0, 0, 0, 0.7);
346  }
347`,f=i.AH`
348  position: absolute;
349  inset: 0;
350  width: 100%;
351  height: 100%;
352  object-fit: cover;
353`,y=i.AH`
354  position: absolute;
355  top: 50%;
356  left: 50%;
357  transform: translate(-50%, -50%);
358  width: 4rem;
359  height: 4rem;
360  border-radius: 50%;
361  border: 2px solid ${s.T.white};
362  background: rgba(0, 0, 0, 0.5);
363  backdrop-filter: blur(2px);
364  display: flex;
365  align-items: center;
366  justify-content: center;
367  transition:
368    transform 0.25s ease,
369    background 0.2s ease;
370
371  @media screen and (max-width: ${o.fi.medium}px) {
372    width: 3rem;
373    height: 3rem;
374  }
375`,w=i.AH`
376  width: 1.5rem;
377  height: 1.5rem;
378  margin-left: 0.15rem;
379
380  @media screen and (max-width: ${o.fi.medium}px) {
381    width: 1rem;
382    height: 1rem;
383    margin-left: 0.22rem;
384  }
385`},9538:function(e,t,a){t.A=a.p+"static/cp-hero-d96285dd5e0ac66aea40c9616c45fbad.mp4"},9548:function(e,t,a){t.A=a.p+"static/portal-57414c76656b36a1a54632d2cf5bf891.mp4"},9978:function(e,t,a){a.d(t,{a:function(){return O},Y:function(){return z}});var i=a(5695),r=a(341),o=a.p+"static/cp-big-picture-3b7f28c0fd6a0a0f02d6ad617daaac26.mp4",s=a.p+"static/cp-big-picture-c8a02c6b7d6e07b0f42bcdf612f7b439.webm",n=a.p+"static/cp-buffer-3e970f7a4939bd567506ff355a02c972.mp4",c=a.p+"static/cp-buffer-d90e7ffae025d702914bac726a200287.webm",l=a(9538),d=a(6990),m=a.p+"static/cp-szenarios-be2e5a07ba6547307bb4e5e2f21c8a30.mp4",p=a.p+"static/cp-szenarios-66f2347960c3e25bdef944c10384a39a.webm",u=a(3262),h=a(6058),g=a.p+"static/okr-framework-0807408ae723832445634324b87a75bb.mp4",b=a.p+"static/okr-framework-b733a9ee9686324569981618b7ba0482.webm",f=a(4209),y=a(8075),w=a.p+"static/okr-linking-d9898947aeb97d37562c001958a4d519.mp4",v=a.p+"static/okr-linking-33a168caf08a75f56806317601762f96.webm",A=a.p+"static/okr-outcome-a49d34e6cef21e91c3645bd8d267dc8d.mp4",k=a.p+"static/okr-outcome-3948204c4c9371421caedbc0ff77e586.webm",Y=a.p+"static/okr-progress-53426d6e8cc14d416e84d30ab48e8fec.mp4",x=a.p+"static/okr-progress-3f0550ca88978cbfc95007c12394daa2.webm",S=a.p+"static/okr-transparency-05faf63b4f2e1c536944f39fe4b7b44a.mp4",N=a.p+"static/okr-transparency-20a48f2c703df08287385c3b3a80e52d.webm",P=a(9548),T=a(4892),$=a.p+"static/portfolio-management-hero-2457cfb1b5b83c4bcac36001400ff170.mp4",I=a.p+"static/portfolio-management-hero-86a64db44c482bcb774c51141fd5264d.webm",B=a(2125),M=a(774),C=a(1074),H=a(6718);const z=e=>{switch(e){case"roadmaps":return{MP4:C.A,Webm:H.A};case"prioritization":return{MP4:B.A,Webm:M.A};case"insights":return{MP4:u.A,Webm:h.A};case"portal":return{MP4:P.A,Webm:T.A};case"objectives-okrs":return{MP4:f.A,Webm:y.A};case"capacity-planning":return{MP4:l.A,Webm:d.A};case"portfolio-management-software":return{MP4:$,Webm:I};default:return{MP4:i.A,Webm:r.A}}},O=e=>{switch(e){case"okr-outcome":return{MP4:A,Webm:k};case"okr-linking":return{MP4:w,Webm:v};case"okr-progress":return{MP4:Y,Webm:x};case"okr-transparency":return{MP4:S,Webm:N};case"okr-framework":return{MP4:g,Webm:b};case"cp-buffer":return{MP4:n,Webm:c};case"cp-szenarios":return{MP4:m,Webm:p};case"cp-big-picture":return{MP4:o,Webm:s}}}}}]);
386//# sourceMappingURL=component---src-pages-product-index-tsx-3f63940c4adadeefe638.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.