PageSourceSearch

https://airfocus.com/component---src-pages-product-index-tsx-81883e8188401680e8f8.js

js airfocus.com collected 2026-10-02 03:11:18 UTC 30,259 bytes, 366 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(9988),n=a(1143),c=a(4017),l=a(7263),d=a(2982);const m=["a","button","input","select","textarea"],p=e=>{if(Array.isArray(e))return e.some(p);if(!r.isValidElement(e))return!1;const t=e.props,a="string"==typeof e.type&&m.includes(e.type),i="href"in t||"to"in t||"link"in t||"onClick"in t||"link"===t.role||"button"===t.role||void 0!==t.tabIndex;return!(!a&&!i)||"children"in t&&p(t.children)};t.A=({className:e,title:t,descriptionAsMarkdown:a,blueSubtitle:r,graySubtitle:o,description:n,footnote:m,iconSrc:f,imageSrc:y,imageAlt:w,gatsbyImageSrc:v,imgStyle:A,imgWithBorder:k=!1,hoverImageSrc:Y,roundedImage:x=!1,primaryLink:S,arrowLink:N,footerLabel:P,additionalJsx:T,isCentered:$=!1,onClick:I,withImageOverlay:B,cssStyles:M=i.AH``,withCenteredImageOnGrayBG:C=!1,bgColor:H,headingClassName:z="heading4",withoutBorderRadius:O=!1})=>{const R=!(null==S||!S.url)||!!I,W=!(null==N||!N.url||null==N||!N.text),E=R||W||!!P,G=p(T),L=!(null==S||!S.url||null!=S&&S.text||W||G),j=t?(0,s.QZ)(t):(0,s.QZ)(n),D=(0,s.op)(null==S?void 0:S.url,j),K={baseAriaLabel:j,title:t,blueSubtitle:r,graySubtitle:o,description:n,descriptionAsMarkdown:a,footnote:m,gatsbyImageSrc:v,iconSrc:f,imageSrc:y,imageAlt:w,imgStyle:A,imgWithBorder:k,hoverImageSrc:Y,roundedImage:x,primaryLink:S,arrowLink:N,footerLabel:P,onClick:I,additionalJsx:T,useWholeCardLink:L,isCentered:$,withImageOverlay:B,withCardFrame:E,headingClassName:z,withoutBorderRadius:O};return(0,d.Y)("div",{className:e,css:[u($),M,(C||H)&&b(H),"",""]},R?(0,d.Y)("div",{className:"translate-and-shadow-on-hover",css:h(!!I||L)},(0,d.Y)(l.A,K),L&&(0,d.Y)(c.N_,{href:null==S?void 0:S.url,css:g,"aria-label":D})):(0,d.Y)(l.A,K))};const u=e=>i.AH`
2  text-align: left;
3  height: 100%;
4
5  ${e&&"\n    text-align: center;\n    "};
6`,h=e=>i.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`,g=i.AH`
17  position: absolute;
18  inset: 0;
19  z-index: 1;
20
21  &:focus-visible {
22    ${n.Ms};
23    border-radius: 0.25rem;
24  }
25`,b=e=>i.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 ${o.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 ${o.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`},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
49o 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")}
49),(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:L},(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`
50  .heading1 {
51    max-width: 700px !important;
52  }
53
54  .subtitle {
55    max-width: 800px !important;
56
57    @media screen and (max-width: ${N.fi.large}px) {
58      max-width: 620px !important;
59    }
60
61    @media screen and (max-width: ${N.fi.medium}px) {
62      max-width: 500px !important;
63    }
64  }
65
66  #button-container {
67    margin-top: 2rem;
68  }
69`,z=i.AH`
70  ${B.lO};
71  background: linear-gradient(335deg, ${P.T.bluePrimary} 3%, #72d4ff 87%);
72  background-color: ${P.T.blueLight};
73  margin: 8rem 0;
74  padding: 6rem 0;
75
76  @media screen and (max-width: ${N.fi.small}px) {
77    padding: 4rem 0;
78  }
79`,O=i.AH`
80  max-width: 700px;
81  margin: 4rem auto;
82  border-radius: 1rem;
83  overflow: hidden;
84`,R=i.AH`
85  @media screen and (max-width: ${N.fi.medium}px) {
86    margin-bottom: 4rem !important;
87  }
88`,W=i.AH`
89  @media screen and (max-width: ${N.fi.large}px) {
90    grid-template-columns: 1fr 1fr;
91    column-gap: 5%;
92  }
93
94  @media screen and (max-width: ${N.fi.small}px) {
95    row-gap: 2rem;
96    grid-template-columns: 1fr;
97  }
98`,E=i.AH`
99  max-width: 60rem;
100  margin: 0 auto;
101  display: block;
102
103  @media screen and (max-width: ${N.fi.small}px) {
104    .gatsby-image-wrapper {
105      width: 100% !important;
106    }
107  }
108`,G=i.AH`
109  position: relative;
110  overflow: hidden;
111  margin: 8rem 0;
112  padding: 4rem 5rem;
113  border-radius: 0.5rem;
114
115  .heading2 {
116    margin-bottom: 2rem !important;
117  }
118
119  @media screen and (max-width: ${N.fi.large}px) {
120    padding: 4rem;
121  }
122
123  @media screen and (max-width: ${N.fi.medium}px) {
124    padding: 3rem;
125  }
126
127  @media screen and (max-width: ${N.fi.small}px) {
128    padding: 3rem 3rem 2rem 2rem;
129  }
130`,L=i.AH`
131  position: absolute;
132  top: 50%;
133  transform: translateY(-47%);
134  right: 1rem;
135  width: 500px;
136
137  @media screen and (max-width: ${N.fi.large}px) {
138    width: 475px;
139    right: 0;
140  }
141
142  @media screen and (max-width: ${N.AV}px) {
143    width: 300px;
144    right: 4rem;
145  }
146
147  @media screen and (max-width: ${N.fi.medium}px) {
148    width: 250px;
149    right: 3.75vw;
150  }
151
152  @media screen and (max-width: ${N.fi.small}px) {
153    width: 50px;
154    right: 1rem;
155    top: 40px;
156  }
157`},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`
158  position: absolute;
159  box-sizing: border-box;
160  top: 0;
161  left: 0;
162  width: 100%;
163  height: 100%;
164  background-color: ${e?s.T.black:"rgba(255, 255, 255, 0.2)"};
165  ${!e&&"backdrop-filter: blur(20px)"};
166  display: flex;
167  flex-direction: column;
168  justify-content: center;
169  align-items: center;
170  z-index: 6;
171`,u=e=>i.AH`
172  ${!e&&"margin-top: 2rem"};
173  padding: 11px 16px 12px;
174  display: flex;
175  align-items: center;
176  color: ${s.T.bluePrimary};
177  background-color: ${s.T.white};
178  border: 1px solid ${s.T.bluePrimary};
179
180  &:hover {
181    text-decoration: underline;
182    background-color: ${s.T.white};
183  }
184
185  @media screen and (max-width: ${o.fi.small}px) {
186    max-width: fit-content;
187    ${!e&&"margin-top: 1rem"};
188  }
189`},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`
190  margin: 1.5rem auto;
191  display: flex;
192  column-gap: 2.25rem;
193  justify-content: center;
194
195  svg {
196    cursor: pointer;
197  }
198`,m=i.AH`
199  display: flex;
200  column-gap: 1rem;
201`,p=(e,t)=>i.AH`
202  display: flex;
203  /* better UX (clickable area is larger than the circle) */
204  padding: 0.25rem;
205  margin: -0.25rem;
206
207  svg {
208    width: 12px;
209
210    circle {
211      fill: transparent;
212      stroke: ${t}${e?"":"50"};
213      transition: all 0.125s;
214    }
215  }
216
217  &:hover svg circle {
218    stroke: ${t}${e?"":"80"};
219  }
220`,u=i.AH`
221  display: flex;
222  // better UX (clickable area is larger than the circle)
223  padding: 0.5rem;
224  margin: -0.5rem;
225
226  svg {
227    width: 17px;
228  }
229`},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"),primaryLink:a?{url:"/security#Security/",text:u("learnMoreTextEn")}:void 0,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"),primaryLink:a?{url:"/security#Reliability/",text:u("learnMoreTextEn")}:void 0,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"),primaryLink:a?{url:"/security#Data/",text:u("learnMoreTextEn")}:void 0,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"),primaryLink:a?{url:"/security#Compliance/",text:u("learnMoreTextEn")}:void 0,withCenteredImageOnGrayBG:!0})))};const m=i.AH`
230  margin-bottom: 4rem;
231
232  .heading2 {
233    margin-bottom: 1.5rem;
234  }
235
236  @media screen and (max-width: ${o.fi.medium}px) {
237    margin-bottom: 3rem;
238  }
239`,p=i.AH`
240  // for fixing Safari issue
241  #text-card-image {
242    aspect-ratio: initial !important;
243    height: 128px;
244  }
245`}
245,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
245scription: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`
246  margin-bottom: 4rem !important;
247`,h=i.AH`
248  .gatsby-image-wrapper {
249    position: relative;
250    height: auto;
251    margin: auto;
252  }
253
254  > div:nth-of-type(1) .gatsby-image-wrapper {
255    width: 80%;
256    transform: translateY(-9%);
257  }
258
259  > div:nth-of-type(2) .gatsby-image-wrapper {
260    width: 75%;
261    transform: translateY(3%);
262  }
263
264  > div:nth-of-type(3) .gatsby-image-wrapper {
265    width: 83%;
266    transform: translate(-6%, 6%);
267  }
268
269  @media screen and (max-width: ${o.fi.large}px) {
270    column-gap: 1rem;
271  }
272
273  @media screen and (max-width: ${o.fi.medium}px) {
274    margin-top: 4rem;
275
276    > div:nth-of-type(3) {
277      @media screen and (min-width: ${o.fi.small+1}px) {
278        grid-column: 1 / -1;
279        max-width: calc(50% - 0.75rem);
280        margin: auto;
281      }
282    }
283
284    @media screen and (max-width: ${o.fi.small}px) {
285      .gatsby-image-wrapper {
286        max-width: 250px;
287      }
288
289      > div:nth-of-type(1) .gatsby-image-wrapper {
290        transform: translateY(-7%);
291      }
292    }
293  }
294`,g=i.AH`
295  a {
296    border-radius: 1rem;
297  }
298
299  #text-card-image {
300    border-radius: 0.5rem;
301    display: flex;
302    aspect-ratio: 1.6;
303    background: radial-gradient(60% 60% at 30% 40%, ${s.T.blueSecondary} 0%, ${s.T.bluePrimary} 100%);
304  }
305
306  #text-card-content {
307    background-color: ${s.T.white};
308    border-radius: 0 0 1rem 1rem;
309  }
310`},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`
311  position: absolute;
312  left: 0;
313  top: 0;
314  width: 100%;
315  height: 100%;
316`,b=i.AH`
317  position: absolute;
318  inset: 0;
319  width: 100%;
320  height: 100%;
321  display: block;
322
323  &:hover span {
324    transform: translate(-50%, -50%) scale(1.05);
325    background: rgba(0, 0, 0, 0.7);
326  }
327`,f=i.AH`
328  position: absolute;
329  inset: 0;
330  width: 100%;
331  height: 100%;
332  object-fit: cover;
333`,y=i.AH`
334  position: absolute;
335  top: 50%;
336  left: 50%;
337  transform: translate(-50%, -50%);
338  width: 4rem;
339  height: 4rem;
340  border-radius: 50%;
341  border: 2px solid ${s.T.white};
342  background: rgba(0, 0, 0, 0.5);
343  backdrop-filter: blur(2px);
344  display: flex;
345  align-items: center;
346  justify-content: center;
347  transition:
348    transform 0.25s ease,
349    background 0.2s ease;
350
351  @media screen and (max-width: ${o.fi.medium}px) {
352    width: 3rem;
353    height: 3rem;
354  }
355`,w=i.AH`
356  width: 1.5rem;
357  height: 1.5rem;
358  margin-left: 0.15rem;
359
360  @media screen and (max-width: ${o.fi.medium}px) {
361    width: 1rem;
362    height: 1rem;
363    margin-left: 0.22rem;
364  }
365`},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}}}}}]);
366//# sourceMappingURL=component---src-pages-product-index-tsx-81883e8188401680e8f8.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.