1;!function(){try { var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof global?global:"undefined"!=typeof window?window:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&((e._debugIds|| (e._debugIds={}))[n]="9ecbf680-cfb9-5921-ce8c-d588e15024f4")}catch(e){}}(); 2(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,94791,e=>{"use strict";var i=e.i(843476),o=e.i(997053),t=e.i(343794),a=e.i(522016),r=e.i(224997),n=e.i(86274),s=e.i(419323),d=e.i(655654),l=e.i(256394),c=e.i(975157),p=e.i(714760),g=e.i(843);let m=o.styled.div.withConfig({displayName:"ArticleCard__ThumbnailWrapper",componentId:"sc-677779e2-0"})` 3 ${s.imageZoomOnHoverStyles} 4 border-radius: ${({theme:e})=>e.radius.mini}; 5`,h=(0,o.styled)(d.default).withConfig({displayName:"ArticleCard__Thumbnail",componentId:"sc-677779e2-1"})` 6 aspect-ratio: 12 / 8; 7 border-radius: ${({theme:e})=>e.radius.mini}; 8 display: block; 9 height: auto; 10 object-fit: cover; 11 width: 100%; 12`,u=o.styled.p.withConfig({displayName:"ArticleCard__Description",componentId:"sc-677779e2-2"})` 13 ${l.bodyXs} 14 margin: 0; 15 16 overflow: hidden; 17 text-overflow: ellipsis; 18 align-self: start; 19 20 display: -webkit-box; 21 -webkit-line-clamp: 2; 22 -webkit-box-orient: vertical; 23 24 &.is-mini-feature { 25 display: block; 26 -webkit-line-clamp: unset; 27 -webkit-box-orient: unset; 28 } 29`,y=o.styled.h3.withConfig({displayName:"ArticleCard__Headline",componentId:"sc-677779e2-3"})` 30 margin-block-end: 0; 31 padding-block: 0; 32 text-wrap: auto; 33`,f=o.styled.div.withConfig({displayName:"ArticleCard__Content",componentId:"sc-677779e2-4"})` 34 display: flex; 35 flex-direction: column; 36 gap: ${({theme:e})=>e.spacing[.5]}; 37`,b=(0,o.styled)(a.default).withConfig({displayName:"ArticleCard__CardLink",componentId:"sc-677779e2-5"})` 38 border-radius: ${({theme:e})=>e.radius.sm}; 39 color: var(--global-color); 40 display: flex; 41 flex-direction: column; 42 gap: ${({theme:e})=>e.spacing[1.5]}; 43 padding: ${({theme:e})=>e.spacing[.75]}; 44 text-decoration: none; 45 transition: 46 box-shadow var(--global-motion), 47 background-color var(--global-motion); 48 49 &.mini { 50 display: grid; 51 grid-template-columns: 1fr 3fr; 52 grid-template-areas: 'thumbnail content'; 53 align-items: start; 54 gap: ${({theme:e})=>e.spacing[.5]}; 55 56 ${m} { 57 grid-area: thumbnail; 58 } 59 60 ${f} { 61 grid-area: content; 62 display: grid; 63 grid-template-columns: subgrid; 64 grid-template-areas: 65 'headline' 66 'description'; 67 row-gap: ${({theme:e})=>e.spacing[.5]}; 68 } 69 70 ${y} { 71 grid-area: headline; 72 } 73 74 ${u} { 75 grid-area: description; 76 } 77 } 78 79 &.miniFeature ${y}::after { 80 content: 'â'; 81 display: inline-block; 82 padding-inline-start: ${({theme:e})=>e.spacing[.25]}; 83 transition: 84 transform var(--global-motion), 85 opacity var(--global-motion); 86 opacity: 0; 87 } 88 89 ${({theme:e})=>e.mq.minWidth.medium} { 90 &.miniFeature { 91 padding-inline: ${({theme:e})=>e.spacing[1]}; 92 } 93 } 94 95 ${({theme:e})=>e.mq.minWidth.large} { 96 &.mini { 97 gap: ${({theme:e})=>e.spacing[1]}; 98 } 99 } 100 101 &:visited { 102 color: var(--global-color); 103 } 104 105 &:hover, 106 &:focus-visible { 107 background-color: ${({theme:e})=>e.colors.white}; 108 box-shadow: ${({theme:e})=>e.elevation.elevation1()}; 109 color: ${({theme:e})=>e.colors.blue800}; 110 ${s.imageZoomHoverActiveStyles} 111 112 &.miniFeature { 113 background-color: unset; 114 box-shadow: unset; 115 color: var(--global-color); 116 ${y} { 117 ${g.TextLinkHoverStyles} 118 } 119 } 120 121 &.miniFeature ${y}::after { 122 opacity: 1; 123 } 124 } 125`,$=o.styled.div.withConfig({displayName:"ArticleCard__MiniFeatureContent",componentId:"sc-677779e2-6"})` 126 display: flex; 127 flex-direction: column; 128 gap: ${({theme:e})=>e.spacing[.5]}; 129 130 ${({theme:e})=>e.mq.minWidth.large} { 131 display: flex; 132 flex-direction: column; 133 } 134 135 ${({theme:e})=>e.mq.minWidth.xl} { 136 display: grid; 137 grid-template-columns: 1fr 1fr; 138 grid-template-rows: auto 1fr; 139 grid-template-areas: 140 'headline description' 141 'tag description'; 142 column-gap: ${({theme:e})=>e.spacing[2]}; 143 row-gap: ${({theme:e})=>e.spacing[1]}; 144 145 ${y} { 146 grid-area: headline; 147 } 148 149 ${u} {
150 grid-area: description; 151 align-self: start; 152 } 153 154 .MiniFeatureTag { 155 grid-area: tag; 156 align-self: start; 157 } 158 } 159`,w=o.styled.div.withConfig({displayName:"ArticleCard__Meta",componentId:"sc-677779e2-7"})` 160 align-items: center; 161 color: ${({theme:e})=>e.colors.grey600}; 162 display: flex; 163 gap: ${({theme:e})=>e.spacing[.5]}; 164`,v=o.styled.p.withConfig({displayName:"ArticleCard__Author",componentId:"sc-677779e2-8"})` 165 ${l.bodyXs} 166 margin: 0; 167 168 color: ${({theme:e})=>e.colors.grey600}; 169`;e.s(["default",0,({headline:e,description:o,href:a,image:s,author:d,category:l,showVideoIcon:g=!0,variant:k="default",className:x})=>{let C=(0,c.lowercaseAndHyphenate)(a.split("/").pop()),_="feature"===k&&!!l,S="miniFeature"===k,j=_?"h2":"h3";return(0,i.jsxs)(b,{href:a,onClick:()=>{(0,n.trackLink)(C,"blog-article-card")},className:(0,t.default)(k,x),children:[!S&&(0,i.jsx)(m,{children:(0,i.jsx)(h,{alt:s.alt,height:"feature"===k?600:400,src:s.src,width:"feature"===k?900:600})}),S?(0,i.jsxs)($,{children:[(0,i.jsx)(y,{as:j,children:e}),(0,i.jsx)(u,{className:"is-mini-feature",children:o}),l?(0,i.jsx)(p.default,{category:l,className:"MiniFeatureTag"}):null]}):(0,i.jsxs)(f,{className:k,children:[(0,i.jsx)(y,{as:j,children:e}),(0,i.jsx)(u,{children:o}),_&&l?(0,i.jsx)(p.default,{category:l}):null,_?null:(0,i.jsxs)(w,{children:[g?(0,i.jsx)(r.Icon,{type:"media",size:"md"}):null,(0,i.jsx)(v,{children:d})]})]})]})}])},714760,e=>{"use strict";var i=e.i(843476),o=e.i(343794),t=e.i(224997),a=e.i(570016),r=e.i(480176);e.s(["default",0,({category:e,variant:n="default",className:s,"aria-current":d})=>{let{name:l,textColor:c,backgroundColor:p,icon:g}=a.BLOG_CATEGORY_DATA[e];return(0,i.jsxs)(r.TagWrapper,{className:(0,o.default)(s,n),$textColor:c,$backgroundColor:p,"aria-current":d,children:["subtle"===n&&(0,i.jsx)(t.Icon,{type:g,size:"sm"}),l]})}])},884214,e=>{"use strict";var i=e.i(843476),o=e.i(997053),t=e.i(256394),a=e.i(224997),r=e.i(94791),n=e.i(843),s=e.i(570016),d=e.i(146419);let l=o.styled.div.withConfig({displayName:"BrowseByCategory__Wrapper",componentId:"sc-d3495301-0"})` 170 display: flex; 171 flex-direction: column; 172 gap: ${({theme:e})=>e.spacing[1.5]}; 173 padding-block: ${({theme:e})=>e.spacing[2]}; 174`,c=o.styled.div.withConfig({displayName:"BrowseByCategory__HeadingRow",componentId:"sc-d3495301-1"})` 175 align-items: center; 176 display: flex; 177 gap: ${({theme:e})=>e.spacing[1]}; 178 justify-content: space-between; 179 padding-block-end: ${({theme:e})=>e.spacing[1.5]}; 180 border-bottom: 1px solid ${({theme:e})=>e.colors.blue200}; 181`,p=o.styled.h3.withConfig({displayName:"BrowseByCategory__CategoryHeading",componentId:"sc-d3495301-2"})` 182 align-items: center; 183 display: flex; 184 gap: ${({theme:e})=>e.spacing[.75]}; 185 margin: 0; 186 padding-block-start: 0; 187 font-size: ${d.blogTokens.typography.fontSize.headingTwo}; 188 189 ${({theme:e})=>e.mq.minWidth.large} { 190 font-size: ${d.blogTokens.typography.fontSize.desktop.headingTwo}; 191 } 192`,g=(0,o.styled)(a.Icon).withConfig({displayName:"BrowseByCategory__CategoryIcon",componentId:"sc-d3495301-3"})` 193 color: ${({theme:e})=>e.colors.blue700}; 194`,m=o.styled.div.withConfig({displayName:"BrowseByCategory__CardGrid",componentId:"sc-d3495301-4"})` 195 display: grid; 196 gap: ${({theme:e})=>e.spacing[1]}; 197 grid-template-columns: 1fr; 198 199 ${({theme:e})=>e.mq.minWidth.medium} { 200 gap: ${({theme:e})=>e.spacing[2]}; 201 grid-template-columns: repeat(3, 1fr); 202 } 203`,h=(0,o.styled)(n.default).withConfig({displayName:"BrowseByCategory__SeeMoreLink",componentId:"sc-d3495301-5"})` 204 text-wrap: nowrap; 205`,u=({category:e,articles:o,cta:t})=>{let a=s.BLOG_CATEGORY_DATA[e],n=t??{href:(0,s.categoryUrl)(e),text:"See more",trackingLabel:`browse-by-category-${e}`,trackingProperty:"blog-category-section"},d=o.slice(0,3);return(0,i.jsxs)(l,{children:[(0,i.jsxs)(c,{children:[(0,i.jsxs)(p,{children:[(0,i.jsx)(g,{type:a.icon,size:"lg"}),a.name]}),(0,i.jsx)(h,{title:`See more ${a.name} articles`,cta:n})]}),(0,i.jsx)(m,{children:d.map(e=>(0,i.jsx)(r.default,{headline:e.headline,description:e.description,href:e.href,image:e.image,author:e.author,showVideoIcon:e.showVideoIcon},e.href))})]})},y=o.styled.h2.withConfig({displayName:"BrowseByCategories__Heading",componentId:"sc-7530a05-0"})` 206 ${t.headingOne} 207 margin: 0; 208 padding-block-start: ${({theme:e})=>e.spacing[2]}; 209 text-align: center; 210`;e.s(["default",0,({sections:e})=>(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(y,{children:"Browse by category"}),e.map(e=>(0,i.jsx)(u,{...e},e.category))]})],884214)},689162,e=>{"use strict";var i=e.i(843476),o=e.i(522016),t=e.i(997053),a=e.i(843),r=e.i(983526),n=e.i(419323),s=e.i(86274),d=e.i(975157);let l="green800",c="green300",p="green700",g="blue800",m="blue300",h="blue700",u=t.
210styled.div.withConfig({displayName:"CustomerStory__Wrapper",componentId:"sc-241f36ea-0"})` 211 padding-block: ${({theme:e})=>e.spacing[3]}; 212 213 ${({theme:e})=>e.mq.minWidth.medium} { 214 padding-block: ${({theme:e})=>`${e.spacing[2]} ${e.spacing[4]}`}; 215 } 216`,y=t.styled.div.withConfig({displayName:"CustomerStory__Inner",componentId:"sc-241f36ea-1"})` 217 display: flex; 218 flex-direction: column; 219 gap: ${({theme:e})=>e.spacing[1.5]}; 220 margin: 0 auto; 221`,f=t.styled.h5.withConfig({displayName:"CustomerStory__Eyebrow",componentId:"sc-241f36ea-2"})` 222 // The h5 eyebrow defaults to blue500 in the blog global styles; override it 223 // to follow the section's color scheme instead. 224 color: var(--global-color); 225 // Keep the balanced default; the blog-base override only targets prose body headings. 226 text-wrap: balance; 227`,b=t.styled.div.withConfig({displayName:"CustomerStory__StoryCard",componentId:"sc-241f36ea-3"})` 228 align-items: stretch; 229 display: grid; 230 gap: ${({theme:e})=>e.spacing[1]}; 231 232 ${({theme:e})=>e.mq.minWidth.medium} { 233 grid-template-columns: 1fr 1fr; 234 column-gap: ${({theme:e})=>e.spacing[2]}; 235 row-gap: ${({theme:e})=>e.spacing[1]}; 236 237 .CustomerStory__video { 238 display: block; 239 align-content: center; 240 } 241 } 242 243 ${({theme:e})=>e.mq.minWidth.large} { 244 grid-template-columns: 1fr 2fr; 245 } 246`,$=t.styled.div.withConfig({displayName:"CustomerStory__ImageWrapper",componentId:"sc-241f36ea-4"})` 247 ${n.imageZoomOnHoverStyles} 248 width: 100%; 249 overflow: hidden; 250 border-radius: ${({theme:e})=>e.radius.std}; 251 display: block; 252 align-content: center; 253`,w=(0,t.styled)(o.default).withConfig({displayName:"CustomerStory__ImageLink",componentId:"sc-241f36ea-5"})` 254 display: block; 255 256 &:hover, 257 &:focus-visible { 258 ${n.imageZoomHoverActiveStyles} 259 }
260`,v=t.styled.div.withConfig({displayName:"CustomerStory__QuoteCard",componentId:"sc-241f36ea-6"})` 261 display: flex; 262 border-radius: ${({theme:e})=>e.radius.std}; 263 padding: ${({theme:e})=>e.spacing[2]}; 264 position: relative; 265 266 ${({theme:e})=>e.mq.minWidth.medium} { 267 padding: ${({theme:e})=>e.spacing[2]}; 268 } 269 270 ${({theme:e})=>e.mq.minWidth.xl} { 271 padding: ${({theme:e})=>e.spacing[3]}; 272 } 273 274 &.green { 275 background: ${({theme:e})=>e.colors[c]}; 276 color: ${({theme:e})=>e.colors[l]}; 277 } 278 279 &.blue { 280 background: ${({theme:e})=>e.colors[m]}; 281 color: ${({theme:e})=>e.colors[g]}; 282 } 283`,k=t.styled.div.withConfig({displayName:"CustomerStory__QuoteCardContent",componentId:"sc-241f36ea-7"})` 284 display: flex; 285 flex-direction: column; 286 justify-content: center; 287 gap: ${({theme:e})=>e.spacing[1]}; 288`,x=t.styled.h2.withConfig({displayName:"CustomerStory__Title",componentId:"sc-241f36ea-8"})` 289 margin: 0; 290 padding-block-start: 0; 291 // Keep the balanced default; the blog-base override only targets prose body headings. 292 text-wrap: balance; 293`,C=(0,t.styled)(a.default).withConfig({displayName:"CustomerStory__StoryLink",componentId:"sc-241f36ea-9"})` 294 &::before { 295 content: ''; 296 inset: 0; 297 position: absolute; 298 } 299 300 &.green { 301 color: ${({theme:e})=>e.colors[p]}; 302 } 303 304 &.blue { 305 color: ${({theme:e})=>e.colors[h]}; 306 } 307`,_=t.styled.p.withConfig({displayName:"CustomerStory__Description",componentId:"sc-241f36ea-10"})` 308 margin-block-start: 0; 309`;e.s(["default",0,e=>{let{eyebrow:o,title:t,description:a,cta:n,className:l,colorScheme:c}=e,p=n.trackingLabel||(0,d.lowercaseAndHyphenate)(n.href.split("/").pop()),g=n.trackingProperty||"blog-customer-story";return(0,i.jsx)(u,{className:l,children:(0,i.jsxs)(y,{children:[o&&(0,i.jsx)(f,{children:o}),(0,i.jsxs)(b,{children:[(0,i.jsx)(v,{className:c,children:(0,i.jsxs)(k,{children:[t&&(0,i.jsx)(x,{children:t}),(0,i.jsx)(_,{children:a}),(0,i.jsx)(C,{className:c,cta:{...n,trackingLabel:p,trackingProperty:g}})]})}),"video"===e.kind?(0,i.jsx)(r.default,{hashedId:e.hashedId,className:"CustomerStory__video"}):(0,i.jsx)($,{children:(0,i.jsx)(w,{"aria-hidden":!0,href:n.href,onClick:()=>(0,s.trackLink)(p,g),tabIndex:-1,children:(0,i.jsx)(r.default,{alt:e.alt,height:484,src:e.src,width:864})})})]})]})})}])},269147,e=>{"use strict";var i=e.i(843476),o=e.i(997053),t=e.i(343794),a=e.i(94791);let r={editorsPicks:{featureVariant:"feature",miniVariant:"miniFeature"},featuredContent:{featureVariant:"default",miniVariant:"mini"}},n=(0,o.styled)(a.default).withConfig({displayName:"EditorsPicks__FeatureCard",componentId:"sc-4a889b82-0"})` 310 width: 100%; 311`,s=(0,o.styled)(a.default).withConfig({displayName:"EditorsPicks__MiniCard",componentId:"sc-4a889b82-1"})` 312 position: relative; 313`,d=o.styled.section.withConfig({displayName:"EditorsPicks__ContentGrid",componentId:"sc-4a889b82-2"})` 314 display: grid; 315 grid-template-columns: 1fr; 316 column-gap: ${({theme:e})=>e.spacing[2]}; 317 row-gap: ${({theme:e})=>e.spacing[1]}; 318 padding-block: ${({theme:e})=>e.spacing[2]}; 319 320 ${({theme:e})=>e.mq.minWidth.large} { 321 align-items: start; 322 padding-block: ${({theme:e})=>e.spacing[3]}; 323 } 324 325 &.editorsPicks { 326 /* Mobile: feature + 4 minis stacked. A 1px divider line is drawn in the 327 gap above every mini. */ 328 & > ${s}::before { 329 content: ''; 330 position: absolute; 331 top: -${({theme:e})=>e.spacing[.5]}; 332 inset-inline: 0; 333 block-size: 1px; 334 background: ${({theme:e})=>e.colors.blue200}; 335 } 336 337 /* medium: feature full-width on top, 2Ã2 minis below. Only the line 338 between the two mini rows survives (above children 5â6). */ 339 ${({theme:e})=>e.mq.minWidth.medium} { 340 grid-template-columns: 1fr 1fr; 341 342 ${n} { 343 grid-column: 1 / -1; 344 grid-row: 1; 345 } 346 347 & > ${s}:nth-child(2)::before { 348 content: none; 349 } 350 & > ${s}:nth-child(3)::before { 351 content: none; 352 } 353 } 354 355 /* large: feature beside the 2Ã2. */ 356 ${({theme:e})=>e.mq.minWidth.large} { 357 grid-template-columns: 2fr 1fr 1fr; 358 359 ${n} { 360 grid-column: 1; 361 grid-row: 1 / span 2; 362 } 363 } 364 365 /* xl: feature beside 4 stacked minis â restore the divider above mini 2. */ 366 ${({theme:e})=>e.mq.minWidth.xl} { 367 grid-template-columns: 1fr 1fr; 368 369 ${n} { 370 grid-column: 1; 371 grid-row: 1 / span 4; 372 } 373 & > ${s}:nth-child(3)::before { 374 content: ''; 375 } 376 } 377 } 378 379 /* 3 minis, no dividers, same rhythm throughout; single-column until large, 380 where the feature sits beside the stack. */ 381 &.featuredContent { 382 ${({theme:e})=>e.mq.minWidth.large} { 383 grid-template-columns: 1fr 1fr; 384 /* page design has less white space, irrespective of component design */ 385 padding-block: ${({theme:e})=>e.spacing[2]}; 386 387 ${n} { 388 grid-column: 1; 389 grid-row: 1 / span 3; 390 } 391 } 392 } 393`;e.s(["default",0,({kind:e="editorsPicks",featureArticle:o,articles:a,className:l})=>{let{featureVariant:c,miniVariant:p}=r[e];return(0,i.jsxs)(d,{className:(0,t.default)(l,e),children:[(0,i.jsx)(n,{...o,variant:c}),a.map(e=>(0,i.jsx)(s,{...e,variant:p},e.href))]})}])},371204,e=>{"use strict";var i=e.i(843476),o=e.i(997053),t=e.i(522016),a=e.i(343794),r=e.i(655654),n=e.i(419323),s=e.i(86274),d=e.i(975157);let l="green300",c="green800",p="blue300",g="blue800",m=(0,o.styled)(t.default).withConfig({displayName:"GuideCard__CardLink",componentId:"sc-3c273ace-0"})` 394 background-color: ${({theme:e})=>e.colors.black}; 395 border-radius: ${({theme:e})=>
395e.radius.std}; 396 display: flex; 397 flex-direction: column; 398 overflow: hidden; 399 text-decoration: none; 400 transition: box-shadow var(--global-motion); 401 402 &.green { 403 color: ${({theme:e})=>e.colors[c]}; 404 } 405 406 &.blue { 407 color: ${({theme:e})=>e.colors[g]}; 408 } 409 410 &:visited { 411 &.green { 412 color: ${({theme:e})=>e.colors[c]}; 413 } 414 415 &.blue { 416 color: ${({theme:e})=>e.colors[g]}; 417 } 418 } 419 420 &:hover, 421 &:focus-visible { 422 box-shadow: ${({theme:e})=>e.elevation.elevation1(e.colors.black)}; 423 ${n.imageZoomHoverActiveStyles} 424 } 425`,h=o.styled.div.withConfig({displayName:"GuideCard__ImagePanel",componentId:"sc-3c273ace-1"})` 426 ${n.imageZoomOnHoverStyles} 427 position: relative; 428 width: 100%; 429 border-radius: ${({theme:e})=>e.radius.std} 430 ${({theme:e})=>e.radius.std} 0 0; 431 432 &::after { 433 // Magic numbers come from Figma gradient stop positions for guide-card legibility 434 // TODO: tokenize these values if possible in the future should we need them elsewhere 435 background: linear-gradient( 436 180deg, 437 hsla(230, 8%, 5%, 0) 62.229%, 438 ${({theme:e})=>e.colors.black} 97.504% 439 ); 440 content: ''; 441 inset: 0; 442 pointer-events: none; 443 position: absolute; 444 } 445`,u=(0,o.styled)(r.default).withConfig({displayName:"GuideCard__CoverImage",componentId:"sc-3c273ace-2"})` 446 display: block; 447 height: 100%; 448 object-fit: cover; 449 width: 100%; 450 border-radius: ${({theme:e})=>e.radius.std} 451 ${({theme:e})=>e.radius.std} 0 0; 452`,y=o.styled.div.withConfig({displayName:"GuideCard__Footer",componentId:"sc-3c273ace-3"})` 453 background-color: ${({theme:e})=>e.colors.black}; 454 padding: ${({theme:e})=>`${e.spacing[.75]} ${e.spacing[1.5]} ${e.spacing[1.5]}`}; 455 456 ${({theme:e})=>e.mq.minWidth.medium} { 457 padding: ${({theme:e})=>`${e.spacing[.75]} ${e.spacing[1]} ${e.spacing[1]}`}; 458 } 459 460 ${({theme:e})=>e.mq.minWidth.large} { 461 padding: ${({theme:e})=>`${e.spacing[.75]} ${e.spacing[1.5]} ${e.spacing[1.5]}`}; 462 } 463`,f=o.styled.span.withConfig({displayName:"GuideCard__CtaPill",componentId:"sc-3c273ace-4"})` 464 align-items: center; 465 border-radius: ${({theme:e})=>e.radius.btn}; 466 display: flex; 467 font-size: ${({theme:e})=>e.typography.fontSize.desktop.bodySm}; 468 justify-content: center; 469 padding: ${({theme:e})=>`${e.spacing[.5]} ${e.spacing[.75]}`}; 470 width: 100%; 471 472 &.green { 473 background-color: ${({theme:e})=>e.colors[l]}; 474 color: ${({theme:e})=>e.colors[c]}; 475 } 476 477 &.blue { 478 background-color: ${({theme:e})=>e.colors[p]}; 479 color: ${({theme:e})=>e.colors[g]}; 480 } 481 482 &::after { 483 content: ' â'; 484 display: inline-block; 485 margin-inline-start: ${({theme:e})=>e.spacing[.25]}; 486 transition: transform var(--global-motion); 487 } 488 489 ${m}:hover &::after, 490 ${m}:focus-visible &::after { 491 transform: translateX(${({theme:e})=>e.spacing[.25]}); 492 } 493 494 ${({theme:e})=>e.mq.minWidth.medium} { 495 padding: ${({theme:e})=>`${e.spacing[.25]} `}; 496 } 497 498 ${({theme:e})=>e.mq.minWidth.large} { 499 padding: ${({theme:e})=>`${e.spacing[.5]} ${e.spacing[.75]}`}; 500 font-size: ${({theme:e})=>e.typography.fontSize.desktop.bodyMd}; 501 } 502`;var b=e.i(256394);let $=o.styled.section.withConfig({displayName:"GuideCardSection__Wrapper",componentId:"sc-bc0f5936-0"})` 503 align-items: center; 504 display: flex; 505 flex-direction: column; 506 gap: ${({theme:e})=>e.spacing[1.5]}; 507 padding-block-end: ${({theme:e})=>e.spacing[1]}; 508 width: 100%; 509 510 ${({theme:e})=>e.mq.minWidth.large} { 511 padding-block-end: ${({theme:e})=>e.spacing[2]}; 512 } 513`,w=o.styled.h2.withConfig({displayName:"GuideCardSection__Eyebrow",componentId:"sc-bc0f5936-1"})` 514 align-self: stretch; 515 ${b.eyebrow} 516 margin: 0; 517 padding: 0; 518`,v=o.styled.div.withConfig({displayName:"GuideCardSection__CardRow",componentId:"sc-bc0f5936-2"})` 519 display: flex; 520 flex-direction: column; 521 gap: ${({theme:e})=>e.spacing[1.5]}; 522 width: 100%; 523 524 ${({theme:e})=>e.mq.minWidth.medium} { 525 flex-direction: row; 526 gap: ${({theme:e})=>e.spacing[1]}; 527 } 528 529 ${({theme:e})=>e.mq.minWidth.large} { 530 gap: ${({theme:e})=>e.spacing[2]}; 531 } 532`,k=(0,o.styled)(({imageSrc:e,imageAlt:o="",className:t,cta:r,colorScheme:n="green"})=>{let l=r.trackingLabel||(0,d.lowercaseAndHyphenate)(r.href.split("/").pop()),c=r.trackingProperty||"blog-guide-card";return(0,i.jsxs)(m,{className:(0,a.default)(t,n),href:r.href,onClick:()=>(0,s.trackLink)(l,c),children:[(0,i.jsx)(h,{children:(0,i.jsx)(u,{alt:o,height:309,src:e,width:416})}),(0,i.jsx)(y,{children:(0,i.jsx)(f,{className:n,children:r.text})})]})}).withConfig({displayName:"GuideCardSection__Card",componentId:"sc-bc0f5936-3"})` 533 width: 100%; 534`;e.s(["default",0,({title:e="Wistia Guides",guides:o,className:t})=>(0,i.jsxs)($,{className:t,children:[(0,i.jsx)(w,{children:e}),(0,i.jsx)(v,{children:o.map(e=>(0,i.jsx)(k,{...e},e.cta.href))})]})],371204)},928159,e=>{"use strict";var i=e.i(843476),o=e.i(522016),t=e.i(997053),a=e.i(570016),r=e.i(714760),n=e.i(983526),s=e.i(86274);let d=t.styled.header.withConfig({displayName:"HomeHero__Hero",componentId:"sc-94dca88b-0"})` 535 align-items: center; 536 background-color: ${({theme:e})=>e.colors.blue700}; 537 border-radius: ${({theme:e})=>
537e.radius.std}; 538 display: flex; 539 justify-content: center; 540 overflow: hidden; 541 padding-block: ${({theme:e})=>e.spacing[4]}; 542 position: relative; 543 margin-block-start: ${({theme:e})=>e.spacing[2]}; 544 545 &::after { 546 content: ''; 547 position: absolute; 548 inset: 0; 549 background-color: color-mix( 550 in srgb, 551 ${({theme:e})=>e.colors.black} 50%, 552 transparent 553 ); 554 pointer-events: none; 555 } 556`,l=t.styled.div.withConfig({displayName:"HomeHero__Content",componentId:"sc-94dca88b-1"})` 557 gap: ${({theme:e})=>e.spacing[1]}; 558 position: relative; 559 text-align: center; 560 z-index: 1; 561 display: grid; 562 ${({theme:e})=>e.grid.columns.small} 563 564 ${({theme:e})=>e.mq.minWidth.medium} { 565 ${({theme:e})=>e.grid.columns.medium} 566 gap: ${({theme:e})=>e.spacing[2.5]}; 567 } 568 569 ${({theme:e})=>e.mq.minWidth.large} { 570 ${({theme:e})=>e.grid.columns.large} 571 } 572`,c=t.styled.h1.withConfig({displayName:"HomeHero__Title",componentId:"sc-94dca88b-2"})` 573 color: ${({theme:e})=>e.colors.white}; 574 margin: 0; 575 font-size: 3rem; 576 grid-column: 1 / span 2; 577 grid-row: 1; 578 579 ${({theme:e})=>e.mq.minWidth.medium} { 580 grid-column: 1 / span 6; 581 font-size: 5rem; 582 } 583 584 ${({theme:e})=>e.mq.minWidth.large} { 585 grid-column: 2 / span 10; 586 font-size: 7.125rem; 587 } 588`,p=t.styled.ul.withConfig({displayName:"HomeHero__Categories",componentId:"sc-94dca88b-3"})` 589 display: flex; 590 flex-wrap: wrap; 591 justify-content: center; 592 grid-column: 1 / span 2; 593 gap: ${({theme:e})=>e.spacing[1]}; 594 list-style: none; 595 // Separates the row from the title. Previously inherited from the blog 596 // element defaults, which no longer outrank this component. 597 margin: 0; 598 margin-block-start: ${({theme:e})=>e.spacing[.75]}; 599 padding: 0; 600 601 ${({theme:e})=>e.mq.minWidth.medium} { 602 grid-column: 1 / span 6; 603 } 604 605 ${({theme:e})=>e.mq.minWidth.large} { 606 grid-column: 3 / span 8; 607 margin-block-start: ${({theme:e})=>e.spacing[1.25]}; 608 } 609 610 grid-row: 2; 611`,g=t.styled.li.withConfig({displayName:"HomeHero__CategoryItem",componentId:"sc-94dca88b-4"})` 612 display: flex; 613 margin-block-start: 0; 614`,m=(0,t.styled)(o.default).withConfig({displayName:"HomeHero__CategoryLink",componentId:"sc-94dca88b-5"})` 615 border-radius: ${({theme:e})=>e.radius.btn}; 616 display: inline-flex; 617 text-decoration: none; 618 transition: 619 transform var(--global-motion), 620 box-shadow var(--global-motion); 621 622 &:hover, 623 &:focus-visible { 624 box-shadow: ${({theme:e})=>e.elevation.elevation2(e.colors.blue700)}; 625 transform: translateY(-3px); 626 } 627 628 &:focus-visible { 629 outline: 1px solid ${({theme:e})=>e.colors.white}; 630 outline-offset: 2px; 631 } 632 633 @media (prefers-reduced-motion: reduce) { 634 transition: none; 635 } 636`,h=(0,t.styled)(n.default).withConfig({displayName:"HomeHero__BackgroundMedia",componentId:"sc-94dca88b-6"})` 637 position: absolute; 638 inset: 0; 639`,u=(0,t.styled)(h).withConfig({displayName:"HomeHero__DesktopMedia",componentId:"sc-94dca88b-7"})` 640 display: none; 641 ${({theme:e})=>e.mq.minWidth.large} { 642 display: block; 643 644 @media (prefers-reduced-motion: reduce) { 645 display: none; 646 } 647 } 648`,y=(0,t.styled)(h).withConfig({displayName:"HomeHero__TabletMedia",componentId:"sc-94dca88b-8"})` 649 display: none; 650 ${({theme:e})=>e.mq.minWidth.medium} { 651 display: block; 652 653 @media (prefers-reduced-motion: reduce) { 654 display: none; 655 } 656 } 657 ${({theme:e})=>e.mq.minWidth.large} { 658 display: none; 659 } 660`,f=(0,t.styled)(h).withConfig({displayName:"HomeHero__MobileMedia",componentId:"sc-94dca88b-9"})` 661 display: block; 662 663 @media (prefers-reduced-motion: reduce) { 664 display: none; 665 } 666 667 ${({theme:e})=>e.mq.minWidth.medium} { 668 display: none; 669 } 670`;e.s(["default",0,()=>(0,i.jsxs)(d,{children:[(0,i.jsx)(u,{hashedId:"zq2129jss8",fitStrategy:"cover"}),(0,i.jsx)(y,{hashedId:"zq2129jss8",fitStrategy:"cover"}),(0,i.jsx)(f,{hashedId:"zq2129jss8",fitStrategy:"cover"}),(0,i.jsxs)(l,{children:[(0,i.jsx)(c,{children:"Wistia Blog"}),(0,i.jsx)(p,{children:a.BLOG_CATEGORY_KEYS.map(e=>(0,i.jsx)(g,{children:(0,i.jsx)(m,{href:(0,a.categoryUrl)(e),onClick:()=>{(0,s.trackLink)(e,"blog_hero")},children:(0,i.jsx)(r.default,{category:e,variant:"subtle"})})},e))})]})]})])},146419,e=>{"use strict";var i=e.i(562297);
670let o={article:"1200px"},t={minWidth:{article:(0,i.minWidthMediaQuery)(o.article)}};e.s(["blogTokens",0,{breakpoints:o,mq:t,typography:{fontSize:{title:"2.25rem",headingOne:"1.5rem",headingTwo:"1.125rem",headingThree:"0.875rem",headingFour:"0.75rem",desktop:{title:"3rem",headingOne:"2.25rem",headingTwo:"1.5rem",headingThree:"1.125rem",headingFour:"0.875rem",bodyXs:"0.875rem"}},lineHeight:{bodyMd:"1.6",bodySm:"1.6",bodyXs:"1.6",desktop:{bodyMd:"1.8",bodySm:"1.8",bodyXs:"1.8"}},fontWeight:{headingOne:"600"}}}])},256394,e=>{"use strict";var i=e.i(997053),o=e.i(562297),t=e.i(146419);let a=i.css` 671 font-family: var(--font-walsheim); 672 font-size: ${t.blogTokens.typography.fontSize.title}; 673 font-weight: ${o.tokens.typography.fontWeight.superTitle}; 674 line-height: ${o.tokens.typography.lineHeight.superTitle}; 675 676 ${o.tokens.mq.minWidth.large} { 677 font-size: ${t.blogTokens.typography.fontSize.desktop.title}; 678 } 679`,r=i.css` 680 font-family: var(--font-walsheim); 681 font-size: ${t.blogTokens.typography.fontSize.headingOne}; 682 font-weight: ${t.blogTokens.typography.fontWeight.headingOne}; 683 line-height: ${o.tokens.typography.lineHeight.headingOne}; 684 685 ${o.tokens.mq.minWidth.large} { 686 font-size: ${t.blogTokens.typography.fontSize.desktop.headingOne}; 687 } 688`,n=i.css` 689 font-family: var(--font-inter); 690 font-size: ${o.tokens.typography.fontSize.bodyMd}; 691 font-weight: ${o.tokens.typography.fontWeight.body}; 692 line-height: ${t.blogTokens.typography.lineHeight.bodyMd}; 693 ${o.tokens.mq.minWidth.large} { 694 font-size: ${o.tokens.typography.fontSize.desktop.bodyMd}; 695 line-height: ${t.blogTokens.typography.lineHeight.desktop.bodyMd}; 696 } 697`,s=i.css` 698 font-family: var(--font-inter); 699 font-size: ${o.tokens.typography.fontSize.bodySm}; 700 font-weight: ${o.tokens.typography.fontWeight.body}; 701 line-height: ${t.blogTokens.typography.lineHeight.bodySm}; 702 703 ${o.tokens.mq.minWidth.large} { 704 font-size: ${o.tokens.typography.fontSize.desktop.bodySm}; 705 } 706`,d=i.css` 707 font-family: var(--font-inter); 708 font-size: ${o.tokens.typography.fontSize.bodyXs}; 709 font-weight: ${o.tokens.typography.fontWeight.body}; 710 line-height: ${t.blogTokens.typography.lineHeight.bodyXs}; 711 712 ${o.tokens.mq.minWidth.large} { 713 font-size: ${t.blogTokens.typography.fontSize.desktop.bodyXs}; 714 } 715`,l=i.css` 716 font-family: var(--font-inter); 717 font-size: ${o.tokens.typography.fontSize.eyebrow}; 718 font-weight: ${o.tokens.typography.fontWeight.eyebrow}; 719 line-height: ${o.tokens.typography.lineHeight.eyebrow}; 720 letter-spacing: ${o.tokens.typography.letterSpacing.eyebrow}; 721 text-transform: uppercase; 722`;e.s(["bodyMd",0,n,"bodySm",0,s,"bodyXs",0,d,"eyebrow",0,l,"headingOne",0,r,"title",0,a])},570016,e=>{"use strict";let i={"video-strategy":{name:"Video Strategy",backgroundColor:"green300",textColor:"green700",icon:"light-bulb",description:"Build a video strategy that actually moves the needle for your business.",featuredArticles:["wistia-mcp-server","optimal-video-length","consolidating-video-tools","video-mcp-explained"],promo:{title:"2026 State of Video Report",description:"Get the latest trends, insights, and benchmarks you need to create a winning video strategy this year.",cta:{text:"Grab a free copy",href:"/explore/state-of-video-report"},colorScheme:"green",image:{src:"https://images.ctfassets.net/j7pfe8y48ry3/7o4btXiXObQ465mAcaSEgy/8a9e37b7b7dd0ee57aba24ed295ae660/state-of-video-2026.png",alt:"2026 State of Video Report cover"}}},"product-comparison":{name:"Product Comparison",backgroundColor:"purple200",textColor:"purple700",icon:"list",description:"Explore how other video and webinar platforms measure up to Wistia.",featuredArticles:["wistia-vs-vimeo","wistia-vs-youtube","wistia-vs-zoom","wistia-vs-vidyard"],promo:{title:"See Wistia in action",description:"Dive into our demo videos and discover how Wistia can help you reach your video and webinar goals.",cta:{text:"Letâs go",href:"/watch"},colorScheme:"blue",image:{src:"https://images.ctfassets.net/j7pfe8y48ry3/5jtMfWEQwS0ds1JTMuoGCR/b9a6b40a309807268a58007bc80f2734/05962cdd811ab2be1c19ae6ab44f601e2a504d40.png",alt:"Wistia in action"}}},webinars:{name:"Webinars",backgroundColor:"blue300",textColor:"blue700",icon:"live",description:"Host better webinars and take your strategy to the next level.",featuredArticles:["webinar-marketing-metrics","how-to-do-a-webinar","automate-webinar-tasks-ai-agent","wistia-webinar-data-hubspot"],promo:{title:"Wistiaâs Webinar Guidebook",description:"Order a free book or download a PDF and discover the secrets to becoming a webinar wiz.",cta:{text:"Get your copy",href:"/explore/webinar-guide"},colorScheme:"green",image:{src:"https://images.ctfassets.net/j7pfe8y48ry3/40NsqXfstautgPYRoSCWLg/a04cb4f0585add59cc26b6de94a8c591/webinar-guidebook.png",alt:"Wistiaâs Webinar Guidebook cover"}}},"video-distribution":{name:"Video Distribution",backgroundColor:"orange200",textColor:"orange700",icon:"clapboard",description:"Repurpose your videos, expand your reach, and turn views into leads.",featuredArticles:["generating-leads-with-video","optimal-video-length","video-transcripts","repurposing-video-for-social-media"],promo:{title:"Your Guide to Embedding Videos",description:"Learn the benefits of embedding videos on your site, plus data-backed tips on where to place them.",cta:{text:"Grab a free copy",href:"/explore/video-embedding-guide"},colorScheme:"blue",image:{src:"https://images.ctfassets.net/j7pfe8y48ry3/4Q1qaU2VgsSuGSn0cBrZfn/b4e96f0a73b4fb3f4872856e5113327b/guide-to-embedding.png",alt:"Your Guide to Embedding Videos cover"}}},"video-analytics":{name:"Video Analytics",backgroundColor:"purple300",textColor:"purple700",icon:"stats",description:"Make smarter video decisions with the data you already have.",featuredArticles:["video-marketing-statistics","webinar-marketing-metrics","social-media-video-kpis","engagement-graph-learnings"],promo:{title:"2026 State of Video Report",description:"See how your play rate, engagement rate, and other video metrics compare to industry benchmarks.",cta:{text:"Grab a free copy",href:"/explore/state-of-video-report"},colorScheme:"green",image:{src:"https://images.ctfassets.net/j7pfe8y48ry3/7o4btXiXObQ465mAcaSEgy/8a9e37b7b7dd0ee57aba24ed295ae660/state-of-video-2026.png",alt:"2026 State of Video Report cover"}}},"video-production":{name:"Video Production",backgroundColor:"blue200",textColor:"blue700",icon:"camera",description:"Get practical tips for making great videos, whether youâve never touched a camera or youâve been doing this for years.",featuredArticles:["best-iphone-camera-settings-for-video","shooting-video-with-an-iphone","vertical-videos","choosing-the-aspect-ratio-for-your-video"],promo:{title:"AI Video Marketing Trends",description:"See how teams like yours use AI to produce better videos faster.",cta:{text:"Download the report",href:"/explore/ai-video-trends"},colorScheme:"blue",image:{src:"https://images.ctfassets.net/j7pfe8y48ry3/2KmGbx3zU5G9KCe19QVhC1/776702356a3f16e5cf0097b960eacc19/ai-report.png",alt:"AI Video Marketing Trends report cover"}}},editing:{name:"Editing",backgroundColor:"pink300",textColor:"pink700",icon:"scissors",description:"Get practical advice for turning raw footage into videos people actually want to watch.",featuredArticles:["repurposing-video-for-social-media","optimal-video-length","ai-video-creation","vertical-videos"],promo:{title:"Video Repurposing Cookbook",description:"Get tried-and-true tips on editing your videos into social clips, ads, and other video assets.",cta:{text:"Grab your free copy",href:"/explore/video-repurposing-cookbook"},colorScheme:"green",image:{src:"https://images.ctfassets.net/j7pfe8y48ry3/3kDgYevZ30rEbDBazBRDAv/18c2ae135af95b9ef10c677a9141f2a0/repurpsoing-cookbook.png",alt:"
722Video Repurposing Cookbook cover"}}},podcasting:{name:"Podcasting",backgroundColor:"pink200",textColor:"pink700",icon:"mic",description:"Get tried-and-true tips for launching and running a podcast worth listening to.",featuredArticles:["wistia-vs-riverside","why-start-a-podcast","how-to-craft-engaging-podcast-content","promoting-your-podcast"],promo:{title:"Video Repurposing Cookbook",description:"Learn tried-and-true ways to repurpose your podcasts into social clips, quotes, and other thought leadership content.",cta:{text:"Get your free copy",href:"/explore/video-repurposing-cookbook"},colorScheme:"green",image:{src:"https://images.ctfassets.net/j7pfe8y48ry3/3kDgYevZ30rEbDBazBRDAv/18c2ae135af95b9ef10c677a9141f2a0/repurpsoing-cookbook.png",alt:"Video Repurposing Cookbook cover"}}},"customer-stories":{name:"Customer Stories",backgroundColor:"yellow300",textColor:"yellow800",icon:"sharing-permissions",description:"See how companies like yours use Wistia to turn their videos and webinars into real business results.",featuredArticles:["reddit","defendify","marketing-meetup-webinars","tomorrow-io"],promo:{title:"See Wistia in action",description:"Dive into our demo videos and discover how Wistia can help you reach your video and webinar goals.",cta:{text:"Letâs go",href:"/watch"},colorScheme:"blue",image:{src:"https://images.ctfassets.net/j7pfe8y48ry3/5jtMfWEQwS0ds1JTMuoGCR/b9a6b40a309807268a58007bc80f2734/05962cdd811ab2be1c19ae6ab44f601e2a504d40.png",alt:"Wistia in action"}}},"wistia-updates":{name:"Wistia Updates",backgroundColor:"yellow200",textColor:"yellow800",icon:"envelope",description:"Get the latest product and company updates right here.",featuredArticles:["wistia-mcp-server","video-ai-tools","llm-friendly-embeds","wistia-live-faq"],promo:{title:"Diversity, Equity, Inclusion, & Belonging",description:"Learn how DEIB shapes the way we work and the environment weâre building for our team.",cta:{text:"Get the report",href:"/about/diversity-equity-inclusion-belonging"},colorScheme:"yellow",image:{src:"https://images.ctfassets.net/j7pfe8y48ry3/7oYKAhHRkJ7b35yEVRmKYA/2b157e9759d560836f1ad38bb35c40c1/deib-report.png",alt:"Diversity, Equity, Inclusion, & Belonging report cover"}}}},o=Object.keys(i);e.s(["BLOG_CATEGORY_DATA",0,i,"BLOG_CATEGORY_KEYS",0,o,"categoryUrl",0,e=>`/blog/category/${e}`])},975157,e=>{"use strict";e.s(["lowercaseAndHyphenate",0,e=>e.normalize("NFD").replace(/\p{M}/gu,"").toLowerCase().replace(/\s+/g,"-").replace(/[^a-z0-9-]/g,"").replace(/-+/g,"-").replace(/^-+|-+$/g,""),"setLiveFunnelParam",0,e=>{let i;return(i=new URL(e)).searchParams.set("funnel_type","live"),i.toString()}])}]); 723 724//# debugId=9ecbf680-cfb9-5921-ce8c-d588e15024f4 725//# sourceMappingURL=11ela3eou-e6k.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.