1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3364],{29619:function(e,t,a){a.d(t,{q:function(){return f}});var n=a(24246),i=a(60413),r=a.n(i);a(27378);var s=a(8191),l=a(51187),o=a(5),d=a(81983),c=a(6630);let p=[{id:1,avatar:"/img/png/review01.webp"},{id:2,avatar:"/img/png/review02.webp"},{id:3,avatar:"/img/png/review03.webp"},{id:4,avatar:"/img/png/review04.webp"},{id:5,avatar:"/img/png/review05.webp"},{id:6,avatar:"/img/png/review06.webp"},{id:7,avatar:"/img/png/review07.webp"},{id:8,avatar:"/img/png/review08.webp"},{id:9,avatar:"/img/png/review09.webp"},{id:10,avatar:"/img/png/review10.webp"}],m=[{id:11,avatar:"/img/png/review11.webp"},{id:12,avatar:"/img/png/review12.webp"},{id:13,avatar:"/img/png/review13.webp"},{id:14,avatar:"/img/png/review14.webp"},{id:15,avatar:"/img/png/review15.webp"},{id:16,avatar:"/img/png/review16.webp"},{id:17,avatar:"/img/png/review17.webp"},{id:18,avatar:"/img/png/review18.webp"},{id:19,avatar:"/img/png/review19.webp"},{id:20,avatar:"/img/png/review20.webp"}],u=(e,t)=>e.map(e=>({...e,name:t(`LandingClientReview${e.id}Name`),role:t(`LandingClientReview${e.id}Role`),message:t(`LandingClientReview${e.id}Message`)}));function f(){let{t:e}=(0,s.$G)(),{ref:t,inView:a}=(0,c.Y)(),i=u(p,e),r=u(m,e);return(0,n.jsx)(l.q6G,{as:"section",id:"aurora-testimonials",ref:t,className:`w-full py-20 lg:py-28 ${a?"":"landing-testi-gated"}`,bg:o.DM.backgroundSoft,children:(0,n.jsxs)(l.sL1,{spacing:"0",className:"w-full flex-col items-center",children:[(0,n.jsxs)(l.q6G,{className:"mx-auto mb-10 w-full max-w-[1200px] px-5",children:[(0,n.jsx)("span",{className:"text-[11px] font-bold uppercase tracking-[0.14em] text-[color:var(--aurora-ink-muted)]",children:"Reviews"}),(0,n.jsx)(l.X_t,{as:"h2",className:"m-0 mt-2.5 text-[28px] font-bold tracking-tight text-[color:var(--aurora-ink-primary)] lg:text-[38px]",children:e(d.R8.LandingAuroraTestimonialTitle)}),(0,n.jsx)(l.X_t,{className:"mt-3 text-[15px] text-[color:var(--aurora-ink-body)]",children:e(d.R8.LandingAuroraTestimonialSubtitle)})]}),(0,n.jsxs)(l.sL1,{className:"w-full flex-col gap-0",children:[(0,n.jsx)(g,{testimonials:i,direction:"left"}),(0,n.jsx)(g,{testimonials:r,direction:"right"})]})]})})}function x(e){let{name:t,role:a,message:i,avatar:r="/img/sample-image.jpeg"}=e;return(0,n.jsxs)(l.sL1,{className:"landing-testi-card h-[150px] w-60 shrink-0 select-none flex-col justify-between rounded-2xl border bg-[var(--testimonial-card)] px-4 py-4 md:w-[300px]",color:"var(--aurora-ink-secondary)",children:[(0,n.jsx)(l.X_t,{className:"landing-testi-msg line-clamp-3 text-[13px] leading-[1.55] md:text-[13.5px]",children:i}),(0,n.jsxs)(l.vc9,{className:"min-w-0 shrink-0 items-center gap-2.5",children:[(0,n.jsx)(l.q6G,{className:"shrink-0",children:(0,n.jsx)(l.NnR,{src:r,name:t,size:"sm",className:"bg-muted rounded-full"})}),(0,n.jsxs)(l.sL1,{spacing:"0",className:"min-w-0 flex-1",children:[(0,n.jsx)(l.X_t,{className:"text-[13px] font-bold leading-snug text-[color:var(--aurora-ink-primary)]",noOfLines:1,children:t}),(0,n.jsx)(l.X_t,{className:"text-[11.5px] leading-snug text-[color:var(--aurora-ink-muted)]",noOfLines:1,children:a})]})]})]})}function g(e){let{testimonials:t,direction:a="left"}=e,i=252*t.length/45,s=312*t.length/45;return(0,n.jsxs)(l.q6G,{className:"landing-testi-clip mx-auto w-full max-w-[1200px] overflow-hidden px-5 py-3",children:[(0,n.jsx)("div",{style:{"--testi-dur-m":`${i}s`,"--testi-dur":`${s}s`},className:`jsx-8cbf94985114a27f landing-testi-track flex w-max ${"left"===a?"landing-testi-track--left":"landing-testi-track--right"}`,children:[0,1].map(e=>(0,n.jsx)("div",{"aria-hidden":e>0||void 0,className:"flex shrink-0 gap-3 pr-3",children:t.map(t=>(0,n.jsx)(x,{...t},`${e}-${t.id}`))},e))}),(0,n.jsx)(r(),{id:"8cbf94985114a27f",children:".landing-testi-track{will-change:transform;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.landing-testi-gated .landing-testi-track{-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused}.landing-testi-clip{-webkit-mask-image:-webkit-linear-gradient(left,transparent,#000 56px,#000 -webkit-calc(100% - 56px),transparent);-webkit-mask-image:-moz-linear-gradient(left,transparent,#000 56px,#000 -moz-calc(100% - 56px),transparent);-webkit-mask-image:-o-linear-gradient(left,transparent,#000 56px,#000 calc(100% - 56px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 56px,#000 calc(100% - 56px),transparent);mask-image:-webkit-linear-gradient(left,transparent,#000 56px,#000 -webkit-calc(100% - 56px),transparent);mask-image:-moz-linear-gradient(left,transparent,#000 56px,#000 -moz-calc(100% - 56px),transparent);mask-image:-o-linear-gradient(left,transparent,#000 56px,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(to right,transparent,#000 56px,#000 calc(100% - 56px),transparent)}@media(min-width:48em){.landing-testi-clip{-webkit-mask-image:-webkit-linear-gradient(left,transparent,#000 90px,#000 -webkit-calc(100% - 90px),transparent);-webkit-mask-image:-moz-linear-gradient(left,transparent,#000 90px,#000 -moz-calc(100% - 90px),transparent);-webkit-mask-image:-o-linear-gradient(left,transparent,#000 90px,#000 calc(100% - 90px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 90px,#000 calc(100% - 90px),transparent);mask-image:-webkit-linear-gradient(left,transparent,#000 90px,#000 -webkit-calc(100% - 90px),transparent);mask-image:-moz-linear-gradient(left,transparent,#000 90px,#000 -moz-calc(100% - 90px),transparent);mask-image:-o-linear-gradient(left,transparent,#000 90px,#000 calc(100% - 90px),transparent);mask-image:linear-gradient(to right,transparent,#000 90px,#000 calc(100% - 90px),transparent)}}.landing-testi-card{border-color:var(--aurora-ink-divider-soft);-webkit-transition:-webkit-transform.2s ease,border-color.2s ease,box-shadow.2s ease,-webkit-filter.2s ease;-moz-transition:-moz-transform.2s ease,border-color.2s ease,box-shadow.2s ease,filter.2s ease;-o-transition:-o-transform.2s ease,border-color.2s ease,box-shadow.2s ease,filter.2s ease;transition:-webkit-transform.2s ease,border-color.2s ease,box-shadow.2s ease,-webkit-filter.2s ease;transition:-moz-transform.2s ease,border-color.2s ease,box-shadow.2s ease,filter.2s ease;transition:-o-transform.2s ease,border-color.2s ease,box-shadow.2s ease,filter.2s ease;transition:transform.2s ease,border-color.2s ease,box-shadow.2s ease,filter.2s ease}.landing-testi-card:hover{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);-o-transform:scale(1.01);transform:scale(1.01);border-color:var(--aurora-ink-border-hover);-webkit-box-shadow:var(--shadow-subtle);-moz-box-shadow:var(--shadow-subtle);box-shadow:var(--shadow-subtle);-webkit-filter:brightness(1.03);filter:brightness(1.03)}.landing-testi-msg{-webkit-transition:color.22s ease;-moz-transition:color.22s ease;-o-transition:color.22s ease;transition:color.22s ease}.landing-testi-card:hover .landing-testi-msg{color:var(--aurora-ink-primary)}@media(prefers-reduced-motion:no-preference){.landing-testi-track{-webkit-animation-duration:var(--testi-dur-m);-moz-animation-duration:var(--testi-dur-m);-o-animation-duration:var(--testi-dur-m);animation-duration:var(--testi-dur-m);-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite}.landing-testi-track--left{-webkit-animation-name:landing-testi-left;-moz-animation-name:landing-testi-left;-o-animation-name:landing-testi-left;animation-name:landing-testi-left}.landing-testi-track--right{-webkit-animation-name:landing-testi-right;-moz-animation-name:landing-testi-right;-o-animation-name:landing-testi-right;animation-name:landing-testi-right}@media(min-width:48em){.landing-testi-track{-webkit-animation-duration:var(--testi-dur);-moz-animation-duration:var(--testi-dur);-o-animation-duration:var(--testi-dur);animation-duration:var(--testi-dur)}}}@-webkit-keyframes landing-testi-left{from{-webkit-transform:translate3d(0,
10,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-moz-keyframes landing-testi-left{from{-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-moz-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-o-keyframes landing-testi-left{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}@keyframes landing-testi-left{from{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-webkit-keyframes landing-testi-right{from{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-moz-keyframes landing-testi-right{from{-moz-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}to{-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-o-keyframes landing-testi-right{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}@keyframes landing-testi-right{from{-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}to{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}"})]})}},35830:function(e,t,a){a.d(t,{v:function(){return m}});var n=a(24246),i=a(60413),r=a.n(i),s=a(27378),l=a(8191),o=a(51187),d=a(5),c=a(81983),p=a(18283);function m(){let{t:e}
1=(0,l.$G)(),[t,a]=(0,s.useState)(null),i=[{question:e(c.R8.LandingFAQ_Q1),answer:e(c.R8.LandingFAQ_A1)},{question:e(c.R8.LandingFAQ_Q2),answer:e(c.R8.LandingFAQ_A2)},{question:e(c.R8.LandingFAQ_Q3),answer:e(c.R8.LandingFAQ_A3)},{question:e(c.R8.LandingFAQ_Q4),answer:e(c.R8.LandingFAQ_A4)},{question:e(c.R8.LandingFAQ_Q5),answer:e(c.R8.LandingFAQ_A5)},{question:e(c.R8.LandingFAQ_Q6),answer:e(c.R8.LandingFAQ_A6)},{question:e(c.R8.LandingFAQ_Q7),answer:e(c.R8.LandingFAQ_A7)}];return(0,n.jsxs)(o.q6G,{as:"section",className:"w-full py-20 lg:py-28",bg:d.DM.bg,children:[(0,n.jsxs)("div",{className:"jsx-445da6d473387a48 mx-auto w-full max-w-[1200px] px-5",children:[(0,n.jsxs)("div",{className:"jsx-445da6d473387a48 mb-10",children:[(0,n.jsx)("span",{className:"jsx-445da6d473387a48 text-[11px] font-bold uppercase tracking-[0.14em] text-[color:var(--aurora-ink-muted)]",children:e(c.R8.LandingFAQLabel)}),(0,n.jsx)("h2",{className:"jsx-445da6d473387a48 m-0 mt-2.5 text-[28px] font-bold tracking-tight text-[color:var(--aurora-ink-primary)] lg:text-[38px]",children:e(c.R8.LandingFAQTitle)})]}),(0,n.jsx)(o.q6G,{"data-testid":"faq-section",className:"w-full",children:(0,n.jsx)("ul",{className:"jsx-445da6d473387a48 landing-faq m-0 list-none border-y p-0",children:i.map((e,i)=>{let r=t===i;return(0,n.jsxs)("li",{className:`jsx-445da6d473387a48 landing-faq-item ${r?"is-open":""}`,children:[(0,n.jsxs)("button",{type:"button",id:`faq-question-home-${i}`,"aria-expanded":r,"aria-controls":`faq-answer-home-${i}`,onClick:()=>{r||(0,p.ob)("home:faq:icon:expand",String(i)),a(r?null:i)},className:"jsx-445da6d473387a48 landing-faq-q flex w-full items-center justify-between gap-4 px-4 py-6 text-left",children:[(0,n.jsxs)("span",{className:"jsx-445da6d473387a48 landing-faq-qtext text-[16.5px] font-semibold leading-[1.45] lg:text-[17.5px]",children:["Q. ",e.question]}),(0,n.jsxs)("span",{"aria-hidden":"true",className:"jsx-445da6d473387a48 landing-faq-toggle",children:[(0,n.jsx)("i",{className:"jsx-445da6d473387a48"}),(0,n.jsx)("i",{className:"jsx-445da6d473387a48"})]})]}),(0,n.jsx)("div",{id:`faq-answer-home-${i}`,role:"region","aria-labelledby":`faq-question-home-${i}`,"aria-hidden":!r,style:{maxHeight:r?560:0},className:"jsx-445da6d473387a48 landing-faq-a overflow-hidden",children:(0,n.jsxs)("p",{className:"jsx-445da6d473387a48 landing-faq-atext m-0 whitespace-pre-line px-5 pb-7 pt-1 text-[15.5px] font-normal leading-[1.65] lg:px-8",children:["A. ",e.answer]})})]},`faq-${i}`)})})})]}),(0,n.jsx)(r(),{id:"445da6d473387a48",children:".landing-faq{border-color:var(--aurora-ink-divider-soft)}.landing-faq-item{-webkit-transition:background-color.2s ease;-moz-transition:background-color.2s ease;-o-transition:background-color.2s ease;transition:background-color.2s ease}.landing-faq-item+.landing-faq-item{border-top:1px solid var(--aurora-ink-divider-soft)}.landing-faq-item:hover{background-color:var(--landing-faq-hover)}.landing-faq-item.is-open{background-color:var(--landing-faq-active)}.landing-faq-q{cursor:pointer;background:transparent;border:0}.landing-faq-q:focus-visible{outline:2px solid var(--xb-brand-red);outline-offset:-2px}.landing-faq-qtext{color:var(--aurora-ink-primary)}.landing-faq-atext{color:var(--aurora-ink-body)}.landing-faq-toggle{position:relative;display:grid;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center;place-items:center;width:28px;height:28px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border:1px solid var(--aurora-ink-divider-soft);-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;-webkit-transition:border-color.2s ease;-moz-transition:border-color.2s ease;-o-transition:border-color.2s ease;transition:border-color.2s ease}.landing-faq-toggle i{position:absolute;width:12px;height:1.5px;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;background:var(--aurora-ink-muted);-webkit-transition:-webkit-transform.22s ease,background-color.2s ease;-moz-transition:-moz-transform.22s ease,background-color.2s ease;-o-transition:-o-transform.22s ease,background-color.2s ease;transition:-webkit-transform.22s ease,background-color.2s ease;transition:-moz-transform.22s ease,background-color.2s ease;transition:-o-transform.22s ease,background-color.2s ease;transition:transform.22s ease,background-color.2s ease}.landing-faq-toggle i:last-child{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.landing-faq-item:hover .landing-faq-toggle{border-color:var(--aurora-ink-border-hover)}.landing-faq-item:hover .landing-faq-toggle i{background:var(--aurora-ink-secondary)}.landing-faq-item.is-open .landing-faq-toggle i:last-child{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}.landing-faq-a{opacity:0;-webkit-transition:max-height.25s ease,opacity.2s ease;-moz-transition:max-height.25s ease,opacity.2s ease;-o-transition:max-height.25s ease,opacity.2s ease;transition:max-height.25s ease,opacity.2s ease}.landing-faq-item.is-open .landing-faq-a{opacity:1}"})]})}},4692:function(e,t,a){a.d(t,{o:function(){return R}});var n=a(24246),i=a(60413),r=a.n(i),s=a(27378),l=a(31542),o=a(8191),d=a(81983),c=a(51187),p=a(5),m=a(53563),u=a(82109),f=a(78976),x=a(5414),g=a(57809),b=a(55253),h=a(84979),y=a(8971),w=a(62112),v=a(30605),k=a(18283),j=a(22948),N=a(55015),z=a(29331);let q=(()=>
1{if(!N.Uo)return{};let{imageScale:e,tapScale:t,duration:a,tapDuration:n}=N.landingEffectConfig.galleryHover,[i,r,s,l]=N.landingEffectConfig.ease,o=`cubic-bezier(${i},${r},${s},${l})`;return{transition:`transform ${n}s ${o}`,"& img":{transition:`transform ${a}s ${o}`},"@media (hover: hover)":{"&:hover img":{transform:`scale(${e})`,willChange:"transform"}},"&:active":{transform:`scale(${t})`,willChange:"transform"}}})();function R(e){let{initialPosts:t}=e,{t:a}=(0,o.$G)(),{posts:i,hasNextPage:g,fetch:w,loading:v}=(0,m.R)(),N=s.useMemo(()=>i.length>0?i:t||[],[i,t]),q=s.useRef(null),R=(0,f.b9)(x.h.post),[M,T]=s.useState(!1),[C,A]=s.useState(!1),[E,_]=s.useState(0),[I,P]=s.useState(!1),G=s.useRef(null),K=s.useRef(null),Q=()=>{let e=q.current;if(e){if(I){var t;K.current&&(e.removeEventListener("transitionend",K.current),K.current=null);let a=(null===(t=G.current)||void 0===t?void 0:t.getBoundingClientRect().top)??null;if(e.style.transition="none",e.style.removeProperty("max-height"),(0,l.flushSync)(()=>P(!1)),null!==a&&G.current){let e=G.current.getBoundingClientRect().top;window.scrollTo({top:window.scrollY+(e-a),behavior:"auto"})}requestAnimationFrame(()=>{e.style.removeProperty("transition")})}else{e.style.removeProperty("transition");let t=e.clientHeight,a=[...e.querySelectorAll(".gal-tile")],n=e.getBoundingClientRect().top,i=0;a.forEach(e=>{e.classList.remove("gal-pop"),e.style.removeProperty("animation-delay");let a=e.getBoundingClientRect().top-n;a>t-80&&a<t+900&&(e.style.animationDelay=`${55*Math.min(i,14)}ms`,e.classList.add("gal-pop"),i+=1)}),e.style.maxHeight=`${e.scrollHeight}px`;let r=t=>{"max-height"===t.propertyName&&(e.style.maxHeight="none",e.removeEventListener("transitionend",r),K.current=null)};K.current=r,e.addEventListener("transitionend",r),P(!0)}}},F=s.useRef(!1),H=s.useRef(!1);s.useEffect(()=>{let e=()=>{T(window.innerWidth<800)},t=()=>{if(q.current){let e=q.current.clientWidth;_(Math.min(e,p.zy.maxWidth))}};e(),t(),A(!0);let a=()=>{e(),t()};return window.addEventListener("resize",a),()=>{window.removeEventListener("resize",a)}},[]);let U=C&&M?z.h6:z.PQ,O=s.useMemo(()=>N.slice(0,U),[N,U]);s.useEffect(()=>{H.current&&!v&&(F.current=!1),H.current=v,!v&&!F.current&&g&&N.length<U&&(F.current=!0,w())},[w,g,v,N.length,U]);let Z=M?2:5,{width:Y,buckets:W}=(0,u.Z)({posts:O,containerRef:q,containerWidth:E,gapPixel:4,fixedColumns:Z,fallbackWidth:1160}),B=W.length>Z?W.slice(0,Z):W,V=B.some(e=>e.posts.length>0);return(0,n.jsxs)(c.q6G,{as:"section",className:"mx-auto w-full max-w-full px-5 pb-20 pt-20 md:max-w-[1200px] lg:pb-28 lg:pt-28",bg:p.DM.backgroundSoft,"aria-label":"Gallery",children:[(0,n.jsxs)(c.q6G,{className:"mb-9 w-full",children:[(0,n.jsx)("span",{className:"jsx-434382e26139e837 text-[11px] font-bold uppercase tracking-[0.14em] text-[color:var(--aurora-ink-muted)]",children:"Showcase"}),(0,n.jsx)(c.X_t,{as:"h2",className:"m-0 mt-2.5 text-[28px] font-bold tracking-tight text-[color:var(--aurora-ink-primary)] lg:text-[38px]",children:a(d.R8.LandingGalleryTitle)})]}),(0,n.jsxs)(c.q6G,{ref:q,className:`relative w-full overflow-hidden transition-[max-height] duration-700 ease-in-out ${I?"":"max-h-[560px] md:max-h-[760px]"}`,role:"group","aria-label":a(d.R8.LandingGalleryTitle),onKeyDown:L,children:[(0,n.jsx)(j.U,{stagger:!0,staggerChildren:.05,children:(0,n.jsx)(c.vc9,{gap:"4px",className:"w-full items-start justify-center",children:V?B.map(e=>{var t;return(0,n.jsx)(j.$,{duration:.4,children:(0,n.jsx)($,{width:Y,items:e.posts,onClick:R,gapPixel:4,firstTabStop:e.index===(null===(t=B[0])||void 0===t?void 0:t.index)})},e.index)}):D.slice(0,Z).map((e,t)=>(0,n.jsx)(j.$,{duration:.4,children:(0,n.jsx)(S,{width:Y,heights:e,gapPixel:4})},`placeholder-${t}`))})}),(0,n.jsx)(c.q6G,{className:"pointer-events-none absolute bottom-0 left-0 right-0 h-[150px]",bg:"linear-gradient(0deg, var(--aurora-bg) 12%, transparent 100%)"}),(0,n.jsx)("div",{className:"jsx-434382e26139e837 absolute bottom-6 left-0 right-0 flex justify-center",children:(0,n.jsxs)("button",{ref:G,type:"button","aria-expanded":I,onClick:()=>{(0,k.ob)(I?"home:gallery-list:more:collapse":"home:gallery-list:more:cta"),Q()},className:"jsx-434382e26139e837 landing-gallery-cta group/cta inline-flex items-center gap-1.5 rounded-full border px-5 py-2.5 text-[13.5px] font-semibold backdrop-blur-[10px] transition-all hover:-translate-y-0.5",children:[a(I?d.R8.LandingGalleryCollapse:d.R8.LandingGalleryMore),I?(0,n.jsx)(h.Z,{className:"h-3.5 w-3.5 transition-transform group-hover/cta:-translate-y-0.5","aria-hidden":"true"}):(0,n.jsx)(y.Z,{className:"h-3.5 w-3.5 transition-transform group-hover/cta:translate-y-0.5","aria-hidden":"true"})]})}),(0,n.jsx)(b.Ij,{})]}),(0,n.jsx)(r(),{id:"434382e26139e837",children:".landing-gallery-cta,.landing-gallery-cta:hover{color:#fff}.landing-gallery-cta{background:rgba(10,10,10,.72);border-color:rgba(255,255,255,.12);-webkit-box-shadow:0 8px 24px -14px rgba(14,17,22,.4);-moz-box-shadow:0 8px 24px -14px rgba(14,17,22,.4);box-shadow:0 8px 24px -14px rgba(14,17,22,.4)}.landing-gallery-cta:hover{background:rgba(10,10,10,.82);border-color:rgba(255,255,255,.24)}@-webkit-keyframes gal-pop-in{from{opacity:0;-webkit-transform:translatey(10px);transform:translatey(10px)}to{opacity:1;-webkit-transform:translatey(0);transform:translatey(0)}}@-moz-keyframes gal-pop-in{from{opacity:0;-moz-transform:translatey(10px);transform:translatey(10px)}to{opacity:1;-moz-transform:translatey(0);transform:translatey(0)}}@-o-keyframes gal-pop-in{from{opacity:0;-o-transform:translatey(10px);transform:translatey(10px)}to{opacity:1;-o-transform:translatey(0);transform:translatey(0)}}@keyframes gal-pop-in{from{opacity:0;-webkit-transform:translatey(10px);-moz-transform:translatey(10px);-o-transform:translatey(10px);transform:translatey(10px)}to{opacity:1;-webkit-transform:translatey(0);-moz-transform:translatey(0);-o-transform:translatey(0);transform:translatey(0)}}.gal-pop{-webkit-animation:gal-pop-in.45s ease-out both;-moz-animation:gal-pop-in.45s ease-out both;-o-animation:gal-pop-in.45s ease-out both;animation:gal-pop-in.45s ease-out both}@media(prefers-reduced-motion:reduce){.gal-pop{-webkit-animation:none;-moz-animation:none;-o-animation:none;animation:none}}"})]})}let L=e=>{var t;let a="ArrowRight"===e.key||"ArrowDown"===e.key?1:"ArrowLeft"===e.key||"ArrowUp"===e.key?-1:"Home"===e.key?-1/0:"End"===e.key?1/0:0;
1if(0===a)return;let n=Array.from(e.currentTarget.querySelectorAll("button.gal-tile")),i=n.indexOf(document.activeElement);if(i<0)return;e.preventDefault();let r=Number.isFinite(a)?Math.min(n.length-1,Math.max(0,i+a)):a<0?0:n.length-1;n.forEach((e,t)=>e.setAttribute("tabindex",t===r?"0":"-1")),null===(t=n[r])||void 0===t||t.focus()};function $(e){let{width:t,items:a,onClick:i,gapPixel:r,firstTabStop:s}=e;return(0,n.jsx)(c.vc9,{className:"flex-col items-stretch",gap:`${r}px`,style:{width:(0,p.px)(t)},suppressHydrationWarning:!0,children:a.map((e,a)=>{let r=Math.max(Math.round(e.height*t/e.width),120);return(0,n.jsx)(M,{item:e,height:r,onClick:i,tabIndex:s&&0===a?0:-1},e.contentId)})})}function M(e){let{item:t,height:a,onClick:i,tabIndex:r}=e,[l,o]=(0,v.kt)(),d=(0,s.useRef)(null);return(0,s.useEffect)(()=>()=>{d.current&&clearTimeout(d.current)},[]),(0,n.jsxs)(c.RbZ,{variant:"unstyled",h:(0,p.px)(a),className:"gal-tile min-w-auto relative block w-full overflow-hidden rounded-xl",bg:"var(--landing-card-surface)",sx:q,gtmId:"home:gallery-list:image:content",gtmVal:t.contentId,tabIndex:r,onClick:()=>{i(t)},onMouseEnter:()=>{o.on(),d.current=setTimeout(()=>{(0,k.qo)({name:"mouseover",payload:{gtm_id:"home:gallery-list:image:content",gtm_val:t.contentId}})},2e3)},onMouseLeave:()=>{o.off(),d.current&&(clearTimeout(d.current),d.current=null)},"aria-label":t.prompt&&"undefined"!==t.prompt?`View: ${t.prompt.slice(0,60)}`:`View gallery item ${t.contentId}`,children:[(0,n.jsx)(c.YaA,{src:(0,g.g)(t.url),alt:t.prompt&&"undefined"!==t.prompt?t.prompt.slice(0,100):t.model?`AI artwork by ${t.model}`:`Gallery ${t.contentId}`,className:"h-full w-full object-cover",objectPosition:"center",loading:"lazy"}),(0,n.jsxs)("span",{"aria-hidden":"true",className:"duration-250 pointer-events-none absolute inset-x-0 top-0 h-[30%] transition-opacity",style:{opacity:l?1:0,background:"linear-gradient(to bottom, rgba(0,0,0,0.54) 0%, rgba(0,0,0,0.24) 62%, transparent 100%)"},children:[(0,n.jsxs)("span",{className:"absolute left-2.5 right-8 top-2 text-left",children:[t.prompt&&"undefined"!==t.prompt&&(0,n.jsx)("b",{className:"block truncate text-[11.5px] font-semibold leading-snug text-white",children:t.prompt.slice(0,60)}),(0,n.jsx)("i",{className:"text-white/65 mt-0.5 block text-[8.5px] font-bold not-italic tracking-[0.14em]",children:"IMAGE"})]}),(0,n.jsx)(w.Z,{className:"absolute right-2 top-2 h-3.5 w-3.5 text-white/90"})]})]})}function S(e){let{width:t,heights:a,gapPixel:i}=e;return(0,n.jsx)(c.vc9,{className:"flex-col items-stretch",gap:`${i}px`,style:{width:(0,p.px)(t)},suppressHydrationWarning:!0,children:a.map((e,t)=>(0,n.jsx)(c.q6G,{className:"w-full rounded-xl",h:(0,p.px)(e),bg:"var(--landing-card-surface)"},`placeholder-cell-${t}`))})}let D=[[360,320,280,300,260],[320,300,260,340,240],[340,280,300,220,320],[360,240,320,260,280],[320,300,260,340,220],[340,260,300,240,320],[360,280,260,300,240]]},30647:function(e,t,a){a.d(t,{q:function(){return v},x:function(){return w}});var n=a(24246),i=a(60413),r=a.n(i),s=a(27378),l=a(8191),o=a(81983),d=a(18283),c=a(65469),p=a(43160),m=a(5),u=a(10053),f=a(88950),x=a(21690),g=a(56262),b=
1a(88894),h=a(46724),y=a(68646);let w=h.q;function v(){var e;let{headerOffset:t=!0}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{t:a}=(0,l.$G)(),i=(0,g.J)(),{settled:w,isMember:v}=(0,b.x)(),{ready:k,pending:j}=(0,x.U)(),{intentHandlers:N}=(0,p.Z)(),z=s.useRef(null),[q,R]=s.useState(!0),[L,$]=s.useState(!0);s.useEffect(()=>{let e=z.current;if(!e||"undefined"==typeof IntersectionObserver)return;let t=new IntersectionObserver(e=>R(e.some(e=>e.isIntersecting)),{threshold:0});return t.observe(e),()=>t.disconnect()},[]),s.useEffect(()=>{let e=()=>$("visible"===document.visibilityState);return e(),document.addEventListener("visibilitychange",e),()=>document.removeEventListener("visibilitychange",e)},[]);let M=q&&L,S=a(o.R8.LandingReplayTitle),D=a(o.R8.LandingReplayTitleHighlight),T=D?S.indexOf(D):-1,C=T>0?S.slice(0,T):"",A=T>=0?S.slice(T+D.length):S,E=T>=0?(null===(e=A.match(/^\s*/))||void 0===e?void 0:e[0])??"":A,_=A.slice(E.length);return(0,n.jsxs)("section",{ref:z,"data-hero-paused":M?void 0:"",style:{marginTop:t?`-${y.TsM}px`:0,paddingTop:t?`${y.TsM}px`:0,background:"radial-gradient(ellipse 560px 360px at 10% 12%, var(--aurora-orb-cyan), transparent 60%),radial-gradient(ellipse 560px 400px at 92% 22%, var(--aurora-orb-red), transparent 62%),radial-gradient(ellipse 520px 420px at 80% 68%, rgba(124, 92, 255, 0.09), transparent 62%),var(--aurora-bg)"},className:"jsx-1e278e6f547cab35 relative w-full overflow-hidden",children:[(0,n.jsx)(u.K,{orbs:[{...m.lX.blue,size:360,blur:140,top:"12%",left:"6%"},{...m.lX.red,size:300,blur:120,top:"16%",right:"5%"}],grid:!0,fade:"bottom"}),(0,n.jsxs)("div",{className:"jsx-1e278e6f547cab35 relative z-10 mx-auto grid w-full max-w-[1200px] grid-cols-1 items-center gap-12 px-5 pb-16 pt-24 lg:grid-cols-[0.9fr_1.1fr] lg:gap-10 lg:pb-24 lg:pt-28",children:[(0,n.jsxs)("div",{className:"jsx-1e278e6f547cab35 text-center lg:text-left",children:[(0,n.jsxs)("h1",{style:{color:m.DM.ink.primary,fontSize:"clamp(40px, 6.2vw, 72px)",wordBreak:"keep-all"},className:"jsx-1e278e6f547cab35 m-0 font-bold leading-[1.16] tracking-[-0.035em]",children:[C,T>=0&&(0,n.jsx)(f.t,{gradient:m.DM.headlineAccentWarm,children:D}),E,""!==_&&(0,n.jsx)("span",{className:"jsx-1e278e6f547cab35 whitespace-nowrap",children:_})]}),(0,n.jsx)("p",{style:{color:m.DM.ink.secondary,textWrap:"balance"},className:"jsx-1e278e6f547cab35 mx-auto mt-6 max-w-[26em] whitespace-pre-line text-[17px] font-medium leading-relaxed lg:mx-0 lg:text-[19px]",children:a(o.R8.LandingReplaySubtitle)}),(0,n.jsxs)("div",{className:"jsx-1e278e6f547cab35 mt-9 flex flex-col items-center justify-center gap-3 md:flex-row lg:justify-start",children:[(0,n.jsx)("button",{type:"button",...N,onClick:()=>{i(),(0,d.ob)(c.N.replayPrimary)},style:{background:m.DM.ink.primary,color:m.DM.ink.onPrimary},className:"jsx-1e278e6f547cab35 inline-flex items-center justify-center whitespace-nowrap rounded-full px-8 py-4 text-[15.5px] font-semibold transition-transform hover:-translate-y-0.5",children:(0,n.jsx)(b.u,{settled:w,isMember:v,guest:a(o.R8.LandingReplayCtaPrimary),member:a(o.R8.LandingCtaOpenWorkspace)})}),k&&(0,n.jsxs)("a",{href:"#landing-live",onClick:()=>(0,d.ob)(c.N.replayLivePill),style:{borderColor:m.DM.ink.border,color:m.DM.ink.primary},className:"jsx-1e278e6f547cab35 inline-flex items-center justify-center gap-2.5 whitespace-nowrap rounded-full border bg-[var(--aurora-surface)] px-7 py-4 text-[14.5px] font-semibold transition-transform hover:-translate-y-0.5",children:[(0,n.jsx)("span",{"aria-hidden":"true",className:"jsx-1e278e6f547cab35 landing-live-dot"}),a(o.R8.LandingLivePill)]}),!k&&j&&(0,n.jsx)("span",{"aria-hidden":"true","data-testid":"landing-live-pill-skeleton",style:{borderColor:m.DM.ink.border},className:"jsx-1e278e6f547cab35 inline-flex items-center justify-center gap-2.5 whitespace-nowrap rounded-full border bg-[var(--aurora-surface)] px-7 py-4 text-[14.5px] font-semibold md:hidden",children:(0,n.jsxs)("span",{style:{color:m.DM.ink.secondary},className:"jsx-1e278e6f547cab35 opacity-35 inline-flex items-center gap-2.5 blur-[2px]",children:[(0,n.jsx)("span",{style:{background:m.DM.ink.secondary},className:"jsx-1e278e6f547cab35 inline-block h-2 w-2 rounded-full"}),a(o.R8.LandingLivePill)]})})]})]}),(0,n.jsxs)("div",{className:"jsx-1e278e6f547cab35 relative",children:[(0,n.jsx)("div",{"aria-hidden":"true",style:{background:"radial-gradient(closest-side at 28% 22%, rgba(253, 86, 86, 0.13), transparent 70%),radial-gradient(closest-side at 74% 76%, rgba(124, 92, 255, 0.12), transparent 70%)"},className:"jsx-1e278e6f547cab35 landing-hero-backglow pointer-events-none absolute -inset-8 rounded-[48px] opacity-70"}),(0,n.jsx)(h.u,{active:M})]})]}),(0,n.jsx)("div",{style:{background:"linear-gradient(to bottom, transparent, var(--aurora-bg))"},className:"jsx-1e278e6f547cab35 pointer-events-none absolute bottom-0 left-0 right-0 z-[1] h-16"}),(0,n.jsx)(r(),{id:"1e278e6f547cab35",children:'.landing-live-dot{position:relative;z-index:0;width:8px;height:8px;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px}.landing-live-dot::before{content:"";position:absolute;inset:0;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;background:var(--xb-brand-red,#e5484d)}.landing-live-dot::after{content:"";position:absolute;
1left:50%;top:50%;width:24px;height:24px;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;background:rgba(229,72,77,1);-webkit-transform:translate(-50%,-50%)scale(.33333);-moz-transform:translate(-50%,-50%)scale(.33333);-ms-transform:translate(-50%,-50%)scale(.33333);-o-transform:translate(-50%,-50%)scale(.33333);transform:translate(-50%,-50%)scale(.33333);opacity:0;z-index:-1}@media(prefers-reduced-motion:no-preference){.landing-live-dot::after{-webkit-animation:landing-live-pulse-ring 1.6s ease-out infinite;-moz-animation:landing-live-pulse-ring 1.6s ease-out infinite;-o-animation:landing-live-pulse-ring 1.6s ease-out infinite;animation:landing-live-pulse-ring 1.6s ease-out infinite}.landing-hero-backglow{-webkit-animation:landing-hero-backglow-drift 28s ease-in-out infinite alternate;-moz-animation:landing-hero-backglow-drift 28s ease-in-out infinite alternate;-o-animation:landing-hero-backglow-drift 28s ease-in-out infinite alternate;animation:landing-hero-backglow-drift 28s ease-in-out infinite alternate}}@-webkit-keyframes landing-hero-backglow-drift{from{-webkit-transform:translate3d(-10px,6px,0)scale(.99);transform:translate3d(-10px,6px,0)scale(.99)}to{-webkit-transform:translate3d(12px,-8px,0)scale(1.03);transform:translate3d(12px,-8px,0)scale(1.03)}}@-moz-keyframes landing-hero-backglow-drift{from{-moz-transform:translate3d(-10px,6px,0)scale(.99);transform:translate3d(-10px,6px,0)scale(.99)}to{-moz-transform:translate3d(12px,-8px,0)scale(1.03);transform:translate3d(12px,-8px,0)scale(1.03)}}@-o-keyframes landing-hero-backglow-drift{from{transform:translate3d(-10px,6px,0)scale(.99)}to{transform:translate3d(12px,-8px,0)scale(1.03)}}@keyframes landing-hero-backglow-drift{from{-webkit-transform:translate3d(-10px,6px,0)scale(.99);-moz-transform:translate3d(-10px,6px,0)scale(.99);transform:translate3d(-10px,6px,0)scale(.99)}to{-webkit-transform:translate3d(12px,-8px,0)scale(1.03);-moz-transform:translate3d(12px,-8px,0)scale(1.03);transform:translate3d(12px,-8px,0)scale(1.03)}}@-webkit-keyframes landing-live-pulse-ring{0%{-webkit-transform:translate(-50%,-50%)scale(.33333);transform:translate(-50%,-50%)scale(.33333);opacity:.4}70%{-webkit-transform:translate(-50%,-50%)scale(1);transform:translate(-50%,-50%)scale(1);opacity:0}100%{-webkit-transform:translate(-50%,-50%)scale(.33333);transform:translate(-50%,-50%)scale(.33333);opacity:0}}@-moz-keyframes landing-live-pulse-ring{0%{-moz-transform:translate(-50%,-50%)scale(.33333);transform:translate(-50%,-50%)scale(.33333);opacity:.4}70%{-moz-transform:translate(-50%,-50%)scale(1);transform:translate(-50%,-50%)scale(1);opacity:0}100%{-moz-transform:translate(-50%,-50%)scale(.33333);transform:translate(-50%,-50%)scale(.33333);opacity:0}}@-o-keyframes landing-live-pulse-ring{0%{-o-transform:translate(-50%,-50%)scale(.33333);transform:translate(-50%,-50%)scale(.33333);opacity:.4}70%{-o-transform:translate(-50%,-50%)scale(1);transform:translate(-50%,-50%)scale(1);opacity:0}100%{-o-transform:translate(-50%,-50%)scale(.33333);transform:translate(-50%,-50%)scale(.33333);opacity:0}}@keyframes landing-live-pulse-ring{0%{-webkit-transform:translate(-50%,-50%)scale(.33333);-moz-transform:translate(-50%,-50%)scale(.33333);-o-transform:translate(-50%,-50%)scale(.33333);transform:translate(-50%,-50%)scale(.33333);opacity:.4}70%{-webkit-transform:translate(-50%,-50%)scale(1);-moz-transform:translate(-50%,-50%)scale(1);-o-transform:translate(-50%,-50%)scale(1);transform:translate(-50%,-50%)scale(1);opacity:0}100%{-webkit-transform:translate(-50%,-50%)scale(.33333);-moz-transform:translate(-50%,-50%)scale(.33333);-o-transform:translate(-50%,-50%)scale(.33333);transform:translate(-50%,-50%)scale(.33333);opacity:0}}'})]})}},58365:function(e,t,a){a.d(t,{c:function(){return w}});var n=a(24246),i=a(60413),r=a.n(i);a(27378);var s=a(8191),l=a(6630),o=a(13742),d=a(49482),c=a(13542),p=a(31012),m=a(28498),u=a(81983),f=a(5);let x="/img/landing/how",g=[{n:"1",color:"var(--landing-how-lavender)",soft:"var(--landing-how-lavender-soft)",titleKey:u.R8.LandingHowAct1Title,bodyKey:u.R8.LandingHowAct1Body},{n:"2",color:"var(--landing-how-mint)",soft:"var(--landing-how-mint-soft)",titleKey:u.R8.LandingHowAct2Title,bodyKey:u.R8.LandingHowAct2Body},{n:"3",color:"var(--landing-how-peach)",soft:"var(--landing-how-peach-soft)",titleKey:u.R8.LandingHowAct3Title,bodyKey:u.R8.LandingHowAct3Body}],b=e=>{let{src:t,size:a,className:i=""}=e;return(0,n.jsx)(m.Y,{src:t,alt:"",className:`shrink-0 rounded-full bg-white object-cover ring-1 ring-black/5 ${i}`,style:{width:a,height:a}})},h=e=>{let{collab:t=!1}=e,{t:a}=(0,s.$G)();return(0,n.jsxs)("div",{className:"relative w-full max-w-[248px] rounded-2xl border bg-[var(--aurora-surface)] p-2.5 shadow-[0_10px_30px_-18px_rgba(14,17,22,0.25)]",style:{borderColor:f.DM.ink.border},children:[!t&&(0,n.jsx)("span",{"aria-hidden":"true",className:"absolute -right-2 -top-2 grid h-6 w-6 place-items-center rounded-full text-white shadow-sm",style:{background:"var(--landing-how-mint)"}
1,children:(0,n.jsx)(o.Z,{className:"h-3.5 w-3.5",strokeWidth:3})}),(0,n.jsxs)("div",{className:"flex gap-2.5",children:[(0,n.jsx)(m.Y,{src:`${x}/lotion.webp`,alt:"",className:"h-[104px] w-[78px] shrink-0 rounded-lg object-cover"}),(0,n.jsxs)("div",{className:"min-w-0 flex-1 pt-1",children:[(0,n.jsx)("b",{className:"block text-[14px] font-bold leading-tight",style:{color:f.DM.ink.primary},children:a(u.R8.LandingHowResultTitle)}),(0,n.jsx)("p",{className:"mt-0.5 text-[12px] leading-snug",style:{color:f.DM.ink.body},children:a(u.R8.LandingHowResultSub)}),(0,n.jsxs)("div",{className:"mt-2 flex gap-1",children:[(0,n.jsx)(m.Y,{src:`${x}/lotion.webp`,alt:"",className:"h-8 w-8 rounded-md object-cover"}),(0,n.jsx)(m.Y,{src:`${x}/lotion.webp`,alt:"",className:"h-8 w-8 rounded-md object-cover object-bottom"}),(0,n.jsx)("span",{className:"relative grid h-8 w-8 place-items-center overflow-hidden rounded-md bg-[var(--landing-card-surface)]",children:(0,n.jsx)(d.Z,{className:"h-3 w-3",style:{color:f.DM.ink.secondary},"aria-hidden":"true"})})]})]})]}),t&&(0,n.jsxs)("div",{className:"mt-2 flex items-center gap-1 border-t pt-2",style:{borderColor:f.DM.ink.dividerSoft},children:[(0,n.jsx)(b,{src:`${x}/rabbit.webp`,size:20}),(0,n.jsx)(b,{src:`${x}/cat.webp`,size:20,className:"-ml-2"}),(0,n.jsx)(b,{src:`${x}/bear.webp`,size:20,className:"-ml-2"}),(0,n.jsx)(c.Z,{className:"ml-1.5 h-3 w-3",style:{color:"var(--landing-how-lavender)"},"aria-hidden":"true"}),(0,n.jsx)("span",{className:"ml-auto grid h-5 w-5 place-items-center rounded-full border",style:{borderColor:f.DM.ink.border,color:f.DM.ink.muted},"aria-hidden":"true",children:(0,n.jsx)(p.Z,{className:"h-3 w-3"})})]})]})},y=e=>{let{avatar:t,roleKey:a,sayKey:i,color:r,soft:l,className:o=""}=e,{t:d}=(0,s.$G)();return(0,n.jsxs)("div",{className:`flex items-start gap-1.5 ${o}`,children:[(0,n.jsx)(b,{src:t,size:26}),(0,n.jsxs)("div",{className:"relative max-w-[200px] rounded-xl rounded-tl-sm px-2.5 py-1.5 shadow-[0_6px_16px_-8px_rgba(14,17,22,0.28)] ring-1 ring-black/[0.04]",style:{background:l},children:[(0,n.jsx)("i",{className:"block text-[10px] font-bold not-italic tracking-[0.02em]",style:{color:r},children:d(a)}),(0,n.jsx)("p",{className:"mt-0.5 text-[13px] leading-snug",style:{color:f.DM.ink.secondary},children:d(i)}),(0,n.jsx)(c.Z,{className:"absolute -bottom-1.5 -right-1.5 h-3 w-3",style:{color:r},"aria-hidden":"true"})]})]})};function w(){let{t:e}=(0,s.$G)(),{ref:t,inView:a}=(0,l.Y)();return(0,n.jsxs)("section",{ref:t,className:`jsx-80f2269a89627d3b w-full bg-[var(--aurora-bg)] pb-20 pt-16 lg:pb-28 lg:pt-24 ${a?"":"landing-how-gated"}`,children:[(0,n.jsxs)("div",{className:"jsx-80f2269a89627d3b mx-auto w-full max-w-[1200px] px-5",children:[(0,n.jsxs)("div",{className:"jsx-80f2269a89627d3b max-w-[640px]",children:[(0,n.jsx)("span",{style:{color:f.DM.ink.muted},className:"jsx-80f2269a89627d3b text-[11px] font-bold uppercase tracking-[0.14em]",children:"How it works"}),(0,n.jsx)("h2",{style:{color:f.DM.ink.primary,wordBreak:"keep-all"},className:"jsx-80f2269a89627d3b mt-2.5 text-[28px] font-bold tracking-tight lg:text-[38px]",children:e(u.R8.LandingHowTitle)})]}),(0,n.jsxs)("div",{className:"jsx-80f2269a89627d3b mt-8 grid grid-cols-1 gap-x-8 gap-y-10 lg:grid-cols-3",children:[(0,n.jsxs)("div",{className:"jsx-80f2269a89627d3b",children:[(0,n.jsxs)("div",{className:"jsx-80f2269a89627d3b mb-4 flex items-center gap-2.5",children:[(0,n.jsx)("span",{style:{background:g[0].soft,color:g[0].color},className:"jsx-80f2269a89627d3b grid h-[30px] w-[30px] place-items-center rounded-full text-[14.5px] font-bold",children:"1"}),(0,n.jsx)("h3",{style:{color:f.DM.ink.primary},className:"jsx-80f2269a89627d3b text-[20px] font-semibold",children:e(g[0].titleKey)})]}),(0,n.jsx)("p",{style:{color:f.DM.ink.secondary},className:"jsx-80f2269a89627d3b whitespace-pre-line text-[15.5px] leading-relaxed",children:e(g[0].bodyKey)}),(0,n.jsxs)("div",{className:"jsx-80f2269a89627d3b mt-6",children:[(0,n.jsxs)("div",{style:{background:g[0].soft},className:"jsx-80f2269a89627d3b rounded-2xl rounded-bl-md p-3.5",children:[(0,n.jsxs)("div",{className:"jsx-80f2269a89627d3b flex items-start gap-2.5",children:[(0,n.jsx)(b,{src:`${x}
1/rabbit.webp`,size:34}),(0,n.jsx)("div",{className:"jsx-80f2269a89627d3b rounded-xl rounded-tl-sm bg-[var(--aurora-surface)] px-3 py-2 shadow-sm",children:(0,n.jsx)("p",{style:{color:f.DM.ink.primary},className:"jsx-80f2269a89627d3b text-[13.5px] font-semibold leading-snug",children:e(u.R8.LandingHowChatMsg)})})]}),(0,n.jsx)("span",{style:{color:f.DM.ink.muted},className:"jsx-80f2269a89627d3b mt-1.5 block text-right text-[10px]",children:e(u.R8.LandingHowChatTime)})]}),(0,n.jsxs)("span",{className:"jsx-80f2269a89627d3b landing-how-typing mt-2.5 inline-flex items-center gap-1 rounded-full rounded-tl-sm bg-[var(--landing-card-surface)] px-3 py-2.5",children:[(0,n.jsx)("i",{className:"jsx-80f2269a89627d3b"}),(0,n.jsx)("i",{className:"jsx-80f2269a89627d3b"}),(0,n.jsx)("i",{className:"jsx-80f2269a89627d3b"})]})]})]}),(0,n.jsxs)("div",{className:"jsx-80f2269a89627d3b",children:[(0,n.jsxs)("div",{className:"jsx-80f2269a89627d3b mb-4 flex items-center gap-2.5",children:[(0,n.jsx)("span",{style:{background:g[1].soft,color:g[1].color},className:"jsx-80f2269a89627d3b grid h-[30px] w-[30px] place-items-center rounded-full text-[14.5px] font-bold",children:"2"}),(0,n.jsx)("h3",{style:{color:f.DM.ink.primary},className:"jsx-80f2269a89627d3b text-[20px] font-semibold",children:e(g[1].titleKey)})]}),(0,n.jsx)("p",{style:{color:f.DM.ink.secondary},className:"jsx-80f2269a89627d3b whitespace-pre-line text-[15.5px] leading-relaxed",children:e(g[1].bodyKey)}),(0,n.jsxs)("div",{className:"jsx-80f2269a89627d3b relative mt-6",children:[(0,n.jsxs)("div",{className:"jsx-80f2269a89627d3b mb-2.5 flex items-end gap-2",children:[(0,n.jsxs)("span",{className:"jsx-80f2269a89627d3b relative inline-block",children:[(0,n.jsx)(b,{src:`${x}/ai.webp`,size:44}),(0,n.jsx)("i",{style:{background:"var(--landing-how-lavender)"},"aria-hidden":"true",className:"jsx-80f2269a89627d3b absolute -left-1 -top-1 grid h-[18px] w-[18px] place-items-center rounded-full text-[7.5px] font-bold not-italic text-white",children:"AI"})]}),(0,n.jsx)("span",{style:{background:g[1].soft,color:f.DM.ink.secondary},className:"jsx-80f2269a89627d3b mb-1 rounded-xl rounded-bl-sm px-2.5 py-1.5 text-[13px] font-medium",children:e(u.R8.LandingHowThinking)}),(0,n.jsx)("i",{style:{color:"var(--landing-how-mint)"},"aria-hidden":"true",className:"jsx-80f2269a89627d3b landing-how-sparkle mb-2 text-[13px] not-italic",children:"â¦"})]}),(0,n.jsx)(h,{}),(0,n.jsx)("i",{style:{color:"var(--landing-how-lavender)"},"aria-hidden":"true",className:"jsx-80f2269a89627d3b landing-how-sparkle absolute -left-1.5 bottom-6 text-[11px] not-italic [animation-delay:0.9s]",children:"â¦"})]})]}),(0,n.jsxs)("div",{className:"jsx-80f2269a89627d3b",children:[(0,n.jsxs)("div",{className:"jsx-80f2269a89627d3b mb-4 flex items-center gap-2.5",children:[(0,n.jsx)("span",{style:{background:g[2].soft,color:g[2].color},className:"jsx-80f2269a89627d3b grid h-[30px] w-[30px] place-items-center rounded-full text-[14.5px] font-bold",children:"3"}),(0,n.jsx)("h3",{style:{color:f.DM.ink.primary},className:"jsx-80f2269a89627d3b text-[20px] font-semibold",children:e(g[2].titleKey)})]}),(0,n.jsx)("p",{style:{color:f.DM.ink.secondary},className:"jsx-80f2269a89627d3b whitespace-pre-line text-[15.5px] leading-relaxed",children:e(g[2].bodyKey)}),(0,n.jsxs)("div",{className:"jsx-80f2269a89627d3b relative mt-6 lg:min-h-[252px] lg:pt-10",children:[(0,n.jsx)("div",{className:"jsx-80f2269a89627d3b lg:flex lg:justify-end lg:pr-1",children:(0,n.jsx)(h,{collab:!0})}),(0,n.jsx)(y,{avatar:`${x}/rabbit.webp`,roleKey:u.R8.LandingHowRole1,sayKey:u.R8.LandingHowSay1,color:"var(--landing-how-peach)",soft:"var(--landing-how-peach-soft)",className:"mt-3 lg:absolute lg:-top-1 lg:left-0 lg:mt-0"}),(0,n.jsx)(y,{avatar:`${x}/cat.webp`,roleKey:u.R8.LandingHowRole2,sayKey:u.R8.LandingHowSay2,color:"var(--landing-how-lavender)",soft:"var(--landing-how-lavender-soft)",className:"mt-2 lg:absolute lg:-left-2 lg:top-[128px] lg:mt-0"}),(0,n.jsx)(y,{avatar:`${x}/bear.webp`,roleKey:u.R8.LandingHowRole3,sayKey:u.R8.LandingHowSay3,color:"var(--landing-how-mint)",soft:"var(--landing-how-mint-soft)",className:"mt-2 lg:absolute lg:-bottom-3 lg:left-24 lg:mt-0"})]})]})]})]}),(0,n.jsx)(r(),{id:"80f2269a89627d3b",children:".landing-how-typing i{width:5px;height:5px;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;background:var(--aurora-ink-muted);opacity:.5}.landing-how-sparkle{opacity:.75}@media(prefers-reduced-motion:no-preference){.landing-how-typing i{-webkit-animation:landing-how-dot 1.4s ease-in-out infinite;-moz-animation:landing-how-dot 1.4s ease-in-out infinite;-o-animation:landing-how-dot 1.4s ease-in-out infinite;animation:landing-how-dot 1.4s ease-in-out infinite}.landing-how-typing i:nth-child(2){-webkit-animation-delay:.18s;-moz-animation-delay:.18s;-o-animation-delay:.18s;animation-delay:.18s}.landing-how-typing i:nth-child(3){-webkit-animation-delay:.36s;-moz-animation-delay:.36s;-o-animation-delay:.36s;animation-delay:.36s}.landing-how-sparkle{-webkit-animation:landing-how-twinkle 2.6s ease-in-out infinite;-moz-animation:landing-how-twinkle 2.6s ease-in-out infinite;-o-animation:landing-how-twinkle 2.6s ease-in-out infinite;animation:landing-how-twinkle 2.6s ease-in-out infinite}}.landing-how-gated .landing-how-typing i,.landing-how-gated .landing-how-sparkle{-webkit-animation-play-state:paused;-moz-animation-play-state:paused;
1-o-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes landing-how-dot{0%,60%,100%{opacity:.35;-webkit-transform:translatey(0);transform:translatey(0)}30%{opacity:.9;-webkit-transform:translatey(-2px);transform:translatey(-2px)}}@-moz-keyframes landing-how-dot{0%,60%,100%{opacity:.35;-moz-transform:translatey(0);transform:translatey(0)}30%{opacity:.9;-moz-transform:translatey(-2px);transform:translatey(-2px)}}@-o-keyframes landing-how-dot{0%,60%,100%{opacity:.35;-o-transform:translatey(0);transform:translatey(0)}30%{opacity:.9;-o-transform:translatey(-2px);transform:translatey(-2px)}}@keyframes landing-how-dot{0%,60%,100%{opacity:.35;-webkit-transform:translatey(0);-moz-transform:translatey(0);-o-transform:translatey(0);transform:translatey(0)}30%{opacity:.9;-webkit-transform:translatey(-2px);-moz-transform:translatey(-2px);-o-transform:translatey(-2px);transform:translatey(-2px)}}@-webkit-keyframes landing-how-twinkle{0%,100%{opacity:.35}50%{opacity:.95}}@-moz-keyframes landing-how-twinkle{0%,100%{opacity:.35}50%{opacity:.95}}@-o-keyframes landing-how-twinkle{0%,100%{opacity:.35}50%{opacity:.95}}@keyframes landing-how-twinkle{0%,100%{opacity:.35}50%{opacity:.95}}"})]})}},12850:function(e,t,a){a.d(t,{i:function(){return $}});var n=a(24246),i=a(60413),r=a.n(i),s=a(27378),l=a(21045),o=a(8191),d=a(81983);a(89626),a(95348),a(2203);var c=a(29876),p=a(92559),m=a(57420),u=a(5097),f=a(42841),x=a(9404),g=a(54704),b=a(35162),h=a(51187),y=a(29331),w=a(35005),v=a(57809),k=a(5),j=a(10053),N=a(6630);function z(e){return e.split("").reduce((e,t)=>e+t.charCodeAt(0),0)}let q=["ì¹´í¸ì¹ë
¸","ì¤ì","ì§ì°","ì ë","í°ì","ì리","ë¡ì","ë ì´","ìì
","ì´ë¦¬ì¤"],R=["/img/jpg/landing/function01.webp","/img/jpg/landing/function02.
1webp","/img/jpg/landing/function03.webp","/img/jpg/landing/function04.webp","/img/jpg/landing/function05.webp","/img/jpg/landing/function06.webp","/img/jpg/landing/function07.webp","/img/jpg/landing/function08.webp","/img/jpg/landing/bg_landing_01.webp","/img/jpg/landing/bg_landing_videosection_poster.webp"];async function L(e){let t=await fetch((0,y.O_)(e),{method:"GET"});if(!t.ok)throw Error(`Personas fetch failed: ${t.status}`);let a=await t.json();return a.items??[]}function $(e){let{initialPersonas:t=[],locale:a}=e,{data:i}=(0,l.a)({queryKey:["xspark","personas",a],queryFn:()=>L(a),initialData:t,staleTime:3e5,refetchOnWindowFocus:!1,retry:1}),r=(0,N.Y)(),o=s.useMemo(()=>{let e=(i??[]).slice(0,y.kh).map(e=>{let t=z(e.personaId||e.name),a=function(e){let t=e.videoThumbnailUrl||e.thumbnailUrl||"/img/jpg/landing/bg_landing_01.webp";return(0,v.g)(t,"taskList")||t}(e),n=120+t%830,i=e.likeCount??0;return{persona:e,name:e.name,thumbnail:a,avatar:a,videoUrl:e.videoUrl||null,videoPoster:(0,v.g)(e.videoThumbnailUrl||e.thumbnailUrl||void 0,"taskList")||null,fallbackVideoUrl:null,displayLikeCount:i>n?i:n,displayCommentCount:8+t%52}});return e.length>0?e:R.map((e,t)=>{let a=q[t%q.length],n=z(a+t);return{persona:null,name:a,thumbnail:e,avatar:e,videoUrl:null,videoPoster:null,fallbackVideoUrl:null,displayLikeCount:120+n%830,displayCommentCount:8+n%52}})},[i]),[d,c]=s.useState(()=>new Set);s.useEffect(()=>{let e=o.map((e,t)=>e.videoUrl?t:-1).filter(e=>e>=0),t=[...e];for(let e=t.length-1;e>0;e--){let a=Math.floor(Math.random()*(e+1));[t[e],t[a]]=[t[a],t[e]]}c(new Set(t.slice(0,3)))},[o]);let[p,m]=s.useState(!0),u=s.useCallback(()=>m(e=>!e),[]),f=(0,w.eC)(a),x=s.useCallback(e=>{let t=e?`${f}/${e}`:f;window.location.href=t},[f]);return(0,n.jsx)(h.q6G,{id:"aurora-showcase",className:"w-full overflow-hidden",children:(0,n.jsxs)(h.q6G,{as:"section",bg:k.DM.bg,className:"relative pb-12 pt-0 lg:pb-16",ref:r.ref,"data-orbs-paused":r.inView?void 0:"",children:[(0,n.jsx)(h.X_t,{as:"h2",className:"sr-only m-0",children:"AI Personas"}),(0,n.jsx)(j.K,{orbs:[{...k.lX.cyan,top:0,right:0}]}),(0,n.jsxs)(h.q6G,{className:"landing-persona-clip relative mx-auto w-full max-w-[1200px] overflow-hidden px-5",zIndex:10,children:[(0,n.jsx)("span",{"aria-hidden":"true",className:"landing-persona-edge landing-persona-edge--left"}),(0,n.jsx)("span",{"aria-hidden":"true",className:"landing-persona-edge landing-persona-edge--right"}),(0,n.jsx)(D,{cards:o,seedanceAds:[],locale:a,direction:"left",autoPlayIndexSet:d,globalMuted:p,onToggleMute:u,onCardClick:x})]})]})})}let M=[0,48,16,72,32,8,56,24,64,12,40,20,52,36],S=` 2 .swiper-seamless .swiper-wrapper { 3 transition-timing-function: linear !important; 4 } 5 .swiper-seamless .swiper-slide { 6 backface-visibility: hidden; 7 -webkit-backface-visibility: hidden; 8 } 9 .swiper-seamless .swiper-slide:has([data-ad-expanded="true"]) { 10 z-index: 50 !important; 11 } 12 /* Swiper ë²ë¤ ëì°© ì ë ì¼ ì ì²´ê° í ë²ì í ëíëë íì¸ ë°©ì§ â 13 fade + rise ì§ì . 300msë¡ ì§§ê²: opacity 0 구ê°ì´ 길면 priority ì¹´ë 14 ì´ë¯¸ì§ì LCP íì ì´ ê·¸ë§í¼ ë¦ì´ì§ë¤. */ 15 @keyframes marquee-rail-in { 16 from { opacity: 0; transform: translateY(16px); } 17 to { opacity: 1; transform: translateY(0); } 18 } 19 .marquee-rail-enter { 20 animation: marquee-rail-in 300ms ease-out both; 21 } 22 @media (prefers-reduced-motion: reduce) { 23 .marquee-rail-enter { animation: none; } 24 } 25 /* 48R: ì¢ì° fade mask(56/90px â í기 ì¹ì ëí) + edge íì soft blur. 26 mask ë ìí ì ì©ì´ë¼ ë¼ì´í¸/ë¤í¬ ë°°ê²½ 모ëìì ë°°ê²½ìì¼ë¡ ì©í´. */ 27 .landing-persona-clip { 28 -webkit-mask-image: linear-gradient( 29 to right, transparent, #000 56px, #000 calc(100% - 56px), transparent 30 ); 31 mask-image: linear-gradient( 32 to right, transparent, #000 56px, #000 calc(100% - 56px), transparent 33 ); 34 } 35 @media (min-width: 48em) { 36 .landing-persona-clip { 37 -webkit-mask-image: linear-gradient( 38 to right, transparent, #000 90px, #000 calc(100% - 90px), transparent 39 ); 40 mask-image: linear-gradient( 41 to right, transparent, #000 90px, #000 calc(100% - 90px), transparent 42 ); 43 } 44 } 45 .landing-persona-edge { 46 position: absolute; 47 top: 0; 48 bottom: 0; 49 width: 72px; 50 z-index: 30; 51 pointer-events: none; 52 backdrop-filter: blur(2.5px); 53 -webkit-backdrop-filter: blur(2.5px); 54 } 55 .landing-persona-edge--left { 56 left: 0; 57 -webkit-mask-image: linear-gradient(to right, #000, transparent); 58 mask-image: linear-gradient(to right, #000, transparent); 59 } 60 .landing-persona-edge--right { 61 right: 0; 62 -webkit-mask-image: linear-gradient(to left, #000, transparent); 63 mask-image: linear-gradient(to left, #000, transparent); 64 } 65`;function D(e){let{cards:t,seedanceAds:i,locale:l,direction:o,autoPlayIndexSet:d,globalMuted:c,onToggleMute:p,onCardClick:m}=e,u=s.useMemo(()=>(function(e,t){if(!e.length)return[];if(!t.length)return e.map((e,t)=>({kind:"persona",data:e,personaIndex:t}));let a=[],n=0;return e.forEach((e,i)=>{a.push({kind:"persona",data:e,personaIndex:i}),(i+1)%3==0&&(a.push({kind:"ad",data:t[n%t.length]}),n+=1)}),a})(t,i),[t,i]),f=s.useMemo(()=>
65{if(!u.length)return[];let e=Math.max(1,Math.ceil(24/u.length));return Array.from({length:e},()=>u).flat()},[u]),x=s.useRef(null),g=s.useRef(null),b=s.useRef(!1),y=s.useRef(0),w=s.useRef(!1),v=s.useRef(!1),k=s.useRef(null),[j,N]=s.useState(null),[z,q]=s.useState(null),[R,L]=s.useState(null),[$,D]=s.useState(!1),[A,E]=s.useState(!1),_=s.useRef(0);s.useEffect(()=>{let e=g.current;if(!e||"undefined"==typeof IntersectionObserver){D(!0),E(!0);return}let t=new IntersectionObserver(e=>{for(let t of e)t.isIntersecting?(D(!0),E(!0)):E(!1)},{rootMargin:"200px"});return t.observe(e),()=>t.disconnect()},[]),s.useEffect(()=>{if(!$||R)return;let e=!1;return Promise.all([a.e(5648).then(a.bind(a,75648)),a.e(7162).then(a.bind(a,27162))]).then(t=>{var a;let[n,i]=t;if(e)return;let r=null===(a=g.current)||void 0===a?void 0:a.getBoundingClientRect();_.current=r&&r.top>0?600:0,L({Swiper:n.Swiper,SwiperSlide:n.SwiperSlide,Autoplay:i.Autoplay,FreeMode:i.FreeMode})}),()=>{e=!0}},[$,R]);let I=s.useRef(!1);s.useEffect(()=>{var e,t,a,n,i,r;let s=x.current;if(null==s?void 0:s.autoplay){if(A&&!b.current){if(!I.current){I.current=!0,null===(a=(n=s.autoplay).stop)||void 0===a||a.call(n);let e=window.setTimeout(()=>{var e,t;b.current||null===(t=s.autoplay)||void 0===t||null===(e=t.start)||void 0===e||e.call(t)},1500);return()=>window.clearTimeout(e)}null===(e=(t=s.autoplay).start)||void 0===e||e.call(t)}else A||null===(i=(r=s.autoplay).stop)||void 0===i||i.call(r)}},[A,R]);let P=s.useCallback(()=>{var e,t,a,n,i,r;let s=x.current;if(!s||b.current)return;b.current=!0,null===(e=s.autoplay)||void 0===e||e.stop(),s.wrapperEl&&(s.wrapperEl.style.transitionDuration="0ms",s.wrapperEl.style.transitionDelay="0ms");let l=s.getTranslate();y.current=l,null===(t=s.setTransition)||void 0===t||t.call(s,0),null===(a=s.setTranslate)||void 0===a||a.call(s,l),null===(n=s.updateProgress)||void 0===n||n.call(s,l),null===(i=s.updateActiveIndex)||void 0===i||i.call(s),null===(r=s.updateSlidesClasses)||void 0===r||r.call(s),s.animating=!1},[]),G=s.useCallback(()=>{var e,t,a,n,i,r,s;let l=x.current;if(!l||!b.current)return;b.current=!1;let o=(null===(e=l.getTranslate)||void 0===e?void 0:e.call(l))??y.current??0;null===(t=l.autoplay)||void 0===t||t.stop(),null===(a=l.setTransition)||void 0===a||a.call(l,0),null===(n=l.setTranslate)||void 0===n||n.call(l,o),l.wrapperEl&&(l.wrapperEl.style.transitionDuration="0ms"),null===(i=l.updateProgress)||void 0===i||i.call(l,o),null===(r=l.updateActiveIndex)||void 0===r||r.call(l),null===(s=l.updateSlidesClasses)||void 0===s||s.call(l),l.animating=!1,requestAnimationFrame(()=>{var e,t,a,n,i,r,s,d,c,p,m;if(b.current)return;null===(e=l.setTransition)||void 0===e||e.call(l,6e3),l.wrapperEl&&(l.wrapperEl.style.transitionDuration="6000ms");let u=(null===(a=l.slides)||void 0===a?void 0:null===(t=a[l.activeIndex])||void 0===t?void 0:t.swiperSlideSize)??(null===(i=l.slides)||void 0===i?void 0:null===(n=i[0])||void 0===n?void 0:n.swiperSlideSize)??250,f=Number((null===(r=l.params)||void 0===r?void 0:r.spaceBetween)??32),x=o-(u+f);y.current=x,null===(s=l.setTranslate)||void 0===s||s.call(l,x),null===(c=l.autoplay)||void 0===c||null===(d=c.start)||void 0===d||d.call(c),null===(m=l.autoplay)||void 0===m||null===(p=m.run)||void 0===p||p.call(m)})},[]);return s.useEffect(()=>{if(!j&&!z)return;let e=e=>{let t=g.current;t&&!t.contains(e.target)&&(j&&(N(null),window.setTimeout(()=>{G()},500)),z&&q(null))};return document.addEventListener("pointerdown",e),()=>document.removeEventListener("pointerdown",e)},[j,z,G]),s.useEffect(()=>()=>{k.current&&(clearTimeout(k.current),k.current=null)},[]),(0,n.jsxs)(h.q6G,{ref:g,className:"relative w-full",onMouseEnter:()=>{k.current&&(clearTimeout(k.current),k.current=null),P()},onMouseLeave:()=>{if(v.current){k.current&&clearTimeout(k.current),k.current=setTimeout(()=>{k.current=null,G()},520);return}G()},style:{height:`${440+Math.max(...M)+16}px`},children:[!R&&(0,n.jsx)(h.q6G,{className:"relative h-full w-full"}),R&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r(),{id:S.__hash,children:S}),(0,n.jsx)(h.q6G,{className:"marquee-rail-enter relative h-full w-full",style:{animationDelay:`${_.current}ms`},sx:{overflow:"visible"},children:(0,n.jsx)(R.Swiper,{onSwiper:e=>{if(x.current=e,!A){var t,a;null===(a=e.autoplay)||void 0===a||null===(t=a.stop)||void 0===t||t.call(a)}},onTouchStart:()=>{w.current=!1},onSliderMove:()=>{w.current=!0},onTouchEnd:()=>{window.setTimeout(()=>{w.current=!1},150)},modules:[R.Autoplay,R.FreeMode],slidesPerView:"auto",observer:!1,observeParents:!1,resizeObserver:!1,watchOverflow:!1,spaceBetween:32,loop:!0,loopAdditionalSlides:8,freeMode:{enabled:!0,momentum:!1},autoplay:{delay:1,disableOnInteraction:!1,pauseOnMouseEnter:!1,reverseDirection:"right"===o},speed:6e3,allowTouchMove:!0,grabCursor:!0,className:"swiper-seamless !overflow-visible",children:f.map((e,t)=>{let a=M[t%M.length];if("persona"===e.kind){var i;let r=e.data,s=d.has(e.personaIndex),l=`p-${(null===(i=r.persona)||void 0===i?void 0:i.personaId)??"fallback"}-${t}`;return(0,n.jsx)(R.SwiperSlide,{style:{width:250,height:550},children:(0,n.jsx)(T,{card:r,yOffset:a,autoPlay:s,globalMuted:c,onToggleMute:p,isDraggingRef:w,isActiveCard:z===l,onActivate:()=>q(l),onClick:()=>{var e;return m((null===(e=r.persona)||void 0===e?void 0:e.personaId)??null)},isPriority:t<3})},l)}let r=`ad-${e.data.templateId}-${t}`;return(0,n.jsx)(R.SwiperSlide,{style:{width:250,height:550},children:(0,n.jsx)(C,{template:e.data,offset:a,locale:l,globalMuted:c,onToggleMute:p,isActiveCard:j===r,isDraggingRef:w,forceCollapsed:null!==j&&j!==r,onActivate:e=>{var t,a,n,i,s,l;N(r),v.current=!0,window.setTimeout(()=>{v.current=!1},500);let o=x.current;if(!o)return;null===(t=o.autoplay)||void 0===t||t.stop(),b.current=!0;let d=o.wrapperEl;
65if(!d||!e)return;let c=e.getBoundingClientRect(),p=c.left+c.width/2,m=window.innerWidth/2,u="function"==typeof o.getTranslate?o.getTranslate():0,f=u+(m-p);y.current=f,d.style.transitionDuration="400ms",null===(a=o.setTransition)||void 0===a||a.call(o,400),null===(n=o.setTranslate)||void 0===n||n.call(o,f),null===(i=o.updateProgress)||void 0===i||i.call(o,f),null===(s=o.updateActiveIndex)||void 0===s||s.call(o),null===(l=o.updateSlidesClasses)||void 0===l||l.call(o)},onDeactivate:()=>{N(e=>e===r?null:e),v.current=!0,window.setTimeout(()=>{v.current=!1},500)}})},r)})})})]})]})}function T(e){var t;let{card:a,yOffset:i,autoPlay:r,globalMuted:l,onToggleMute:b,onClick:y,isDraggingRef:w,isActiveCard:v,onActivate:k,isPriority:j}=e,{t:N}=(0,o.$G)(),z=s.useRef(null),q=s.useRef(null),[R,L]=s.useState(!1),[$,M]=s.useState(!1),[S,D]=s.useState(!1),T=s.useRef(!1),C=!!a.videoUrl,E=R||$||!!v,_=s.useRef(!0);s.useEffect(()=>{_.current=window.matchMedia("(hover: hover)").matches},[]),s.useEffect(()=>{if(!r||!C)return;let e=q.current;if(!e)return;let t=new IntersectionObserver(e=>{let[t]=e;if(t.isIntersecting)M(!0);else{var a;M(!1),null===(a=z.current)||void 0===a||a.pause()}},{threshold:.3});return t.observe(e),()=>t.disconnect()},[r,C]),s.useEffect(()=>{let e=z.current;if(e&&C){if(E){let t=R||!!v;e.muted=!t||l;let a=e.play();a&&a.catch(()=>{e.muted=!0,e.play().catch(()=>{})})}else e.pause()}},[E,R,v,l,C]),s.useEffect(()=>{let e=z.current;e&&(R||v)&&(e.muted=l)},[l,R,v]);let I=!(E&&S);return(0,n.jsxs)(h.q6G,{ref:q,role:"button",tabIndex:0,className:"relative h-[340px] w-[190px] shrink-0 overflow-hidden rounded-[20px] bg-black sm:h-[440px] sm:w-[250px]",boxShadow:"0 8px 24px -8px rgba(0, 0, 0, 0.3)",onClick:e=>{if(e.preventDefault(),null==w?void 0:w.current){e.stopPropagation();return}if(!_.current&&!v){null==k||k();return}y()},onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),y())},onMouseEnter:()=>{null!=w&&w.current||L(!0)},onMouseLeave:()=>L(!1),"aria-label":`Open persona ${a.name}`,style:{transform:`translateY(${i}px)`},transition:"box-shadow 200ms ease",_hover:{boxShadow:"0 12px 32px -8px rgba(0, 0, 0, 0.4)"},children:[C&&(E||S)&&(0,n.jsx)("video",{ref:z,src:a.videoUrl??void 0,poster:a.videoPoster??a.thumbnail,muted:!0,playsInline:!0,loop:!0,preload:"metadata",onLoadedData:()=>D(!0),onError:()=>{let e=z.current;e&&a.fallbackVideoUrl&&!T.current&&(T.current=!0,e.src=a.fallbackVideoUrl,e.load())},style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",zIndex:1,pointerEvents:"none"}}),(0,n.jsx)("div",{"aria-hidden":!0,style:{position:"absolute",inset:0,zIndex:2,...j?{}:{backgroundImage:`url("${a.thumbnail}")`,backgroundSize:"cover",backgroundPosition:"center"},opacity:I?1:0,transition:"opacity 300ms ease",pointerEvents:"none"},children:(0,n.jsx)("img",{src:a.thumbnail,alt:`AI persona ${a.name}`,draggable:!1,loading:j?"eager":"lazy",decoding:"async",fetchpriority:j?"high":"low",style:{width:"100%",height:"100%",objectFit:"cover",display:"block"}})}),C&&(R||v)&&(0,n.jsx)(h.q6G,{as:"button",top:"8px",right:"8px",zIndex:3,bg:"rgba(0,0,0,0.5)",className:"absolute flex h-8 w-8 items-center justify-center rounded-full text-white",onClick:e=>{e.preventDefault(),e.stopPropagation(),b()},_hover:{bg:"var(--overlay-dim)"},transition:"background-color 160ms ease","aria-label":l?"Unmute":"Mute",children:l?(0,n.jsx)(c.Z,{size:16}):(0,n.jsx)(p.Z,{size:16})}),(0,n.jsx)(h.q6G,{className:"pointer-events-none absolute bottom-0 left-0 right-0 h-[180px] sm:h-[220px]",zIndex:3,style:{backgroundImage:"linear-gradient(to top, rgba(0,0,0,0.7), transparent)"}}),(0,n.jsxs)(h.vc9,{className:"pointer-events-none absolute bottom-0 left-0 right-0 items-end gap-2 p-3 sm:p-4",zIndex:3,children:[(0,n.jsxs)(h.vc9,{className:"flex-1 items-center gap-1.5 sm:gap-2",children:[(0,n.jsx)(h.q6G,{className:"relative h-6 w-6 shrink-0 overflow-hidden rounded-full sm:h-8 sm:w-8",bg:"rgba(255,255,255,0.1)",children:a.avatar?(0,n.jsx)(h.YaA,{src:a.avatar,alt:"",className:"h-full w-full object-cover",loading:"lazy",draggable:!1}):(0,n.jsx)(h.vc9,{className:"h-full w-full items-center justify-center bg-[#606060] text-[10px] font-semibold text-white",children:a.name.charAt(0)})}),(0,n.jsx)(h.X_t,{className:"text-[10px] font-semibold text-white sm:text-xs",noOfLines:1,children:a.name})]}),(0,n.jsxs)(h.sL1,{className:"flex-col items-center gap-3 sm:gap-4",children:[(0,n.jsx)(A,{icon:(0,n.jsx)(m.Z,{size:18,fill:"
65currentColor",strokeWidth:0}),label:(t=a.displayLikeCount)>=1e3?`${(t/1e3).toFixed(1)}K`:String(t)}),(0,n.jsx)(A,{icon:(0,n.jsx)(u.Z,{size:18}),label:String(a.displayCommentCount)}),(0,n.jsx)(A,{icon:(0,n.jsx)(f.Z,{size:16})}),(0,n.jsx)(A,{icon:(0,n.jsx)(x.Z,{size:16})}),(0,n.jsxs)(h.q6G,{className:"relative h-7 w-7 sm:h-8 sm:w-8",children:[(0,n.jsx)(h.q6G,{inset:0,className:"absolute overflow-hidden rounded-md",children:a.avatar?(0,n.jsx)(h.YaA,{src:a.avatar,alt:N(d.R8.AltCreatorProfile,{name:a.name}),className:"h-full w-full object-cover",loading:"lazy",draggable:!1}):(0,n.jsx)(h.q6G,{className:"h-full w-full bg-[var(--xb-gray-neutral-700)]"})}),(0,n.jsx)(h.vc9,{right:"-4px",bottom:"-4px",className:"absolute h-3.5 w-3.5 items-center justify-center rounded-full bg-black text-white",children:(0,n.jsx)(g.Z,{size:8})})]})]})]})]})}function C(e){let{template:t,offset:a,locale:i,globalMuted:r,onToggleMute:l,onActivate:m,onDeactivate:u,forceCollapsed:f,isActiveCard:x,isDraggingRef:g}=e,h=s.useRef(null),y=s.useRef(null),[w,v]=s.useState(!1),[k,j]=s.useState(!1),[N,z]=s.useState(!1),q=s.useRef(null),R=s.useRef(!1),L=t.previewVideoUrl||null,$=t.previewThumbnailUrl||t.sampleStartFrameUrl||t.bgSheetUrl||"",M=!!L,S=function(e,t){let a=(null==e?void 0:e.startsWith("ko"))?"ko":"en";return`/x/${a}/seedance-ad/${t}`}(i,t.templateId);s.useEffect(()=>{let e=h.current;e&&M&&(w?(e.muted=r,e.play().catch(()=>{e.muted=!0,e.play().catch(()=>{})})):e.pause())},[w,r,M]),s.useEffect(()=>()=>{q.current&&clearTimeout(q.current)},[]);let D=s.useRef(!1);s.useEffect(()=>{x&&(D.current=!0)},[x]),s.useEffect(()=>{let e=D.current&&!x,t=f||e;if(t&&w){var a;v(!1),j(!0),q.current&&clearTimeout(q.current),q.current=setTimeout(()=>{j(!1),q.current=null},500),null===(a=h.current)||void 0===a||a.pause(),e&&(D.current=!1)}},[f,x,w]);let{t:T}=(0,o.$G)(),C=T(d.R8.PremiumAd),A=T(d.R8.UseThisTemplate),E=t.totalDuration?`${Math.round(t.totalDuration)}s`:null,_={"--base-offset":`${a}px`,"--expanded-w":"min(604px, calc(100vw - 16px))","--expanded-left":"calc((190px - min(604px, calc(100vw - 16px))) / 2)","--expanded-w-sm":"782px","--expanded-left-sm":"calc((250px - 782px) / 2)"};return(0,n.jsx)("div",{role:"link",tabIndex:0,onClick:e=>{if(e.preventDefault(),e.stopPropagation(),null==g||!g.current){if(R.current){if(!w){v(!0),null==m||m(y.current);return}window.location.href=S;return}window.location.href=S}},onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),window.location.href=S)},onDragStart:e=>e.preventDefault(),"aria-label":t.title,children:(0,n.jsx)("div",{className:"relative h-[340px] w-[190px] sm:h-[440px] sm:w-[250px]",style:_,onMouseEnter:()=>{!R.current&&(null!=g&&g.current||(q.current&&(clearTimeout(q.current),q.current=null),j(!1),v(!0)))},onMouseLeave:()=>{var e;R.current||(v(!1),j(!0),q.current&&clearTimeout(q.current),q.current=setTimeout(()=>{j(!1),q.current=null},500),null===(e=h.current)||void 0===e||e.pause(),null==u||u())},onTouchStart:()=>{R.current=!0},children:(0,n.jsxs)("div",{ref:y,draggable:!1,"data-ad-expanded":w||k?"true":"false",className:`group absolute top-0 cursor-pointer overflow-hidden rounded-[20px] bg-zinc-900 shadow-[0_8px_24px_-8px_rgba(0,0,0,0.3)] ring-1 ring-cyan-400/20 transition-[width,left,transform,box-shadow] duration-500 ease-out ${w||k?"z-50":""} ${w?"left-(--expanded-left) w-(--expanded-w) sm:left-(--expanded-left-sm) sm:w-(--expanded-w-sm) h-[340px] shadow-[0_20px_60px_-12px_rgba(34,211,238,0.5)] ring-2 ring-cyan-400/60 sm:h-[440px]":"left-0 h-[340px] w-[190px] sm:h-[440px] sm:w-[250px]"}`,style:{transform:`translateY(${a}px)`},children:[$?(0,n.jsx)("img",{src:$,alt:t.title,draggable:!1,loading:"lazy",decoding:"async",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",zIndex:1}}):(0,n.jsx)("div",{className:"bg-linear-to-br absolute inset-0 from-zinc-800 via-zinc-900 to-black"}),M&&(w||k||N)&&(0,n.jsx)("video",{ref:h,src:L??void 0,poster:$||void 0,muted:!0,playsInline:!0,loop:!0,preload:"metadata",onLoadedData:()=>z(!0),style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",zIndex:2,opacity:w&&N?1:0,transition:"opacity 300ms ease",pointerEvents:"none"}}),(0,n.jsxs)("div",{className:"bg-linear-to-r absolute left-2 top-2 z-10 flex items-center gap-1 rounded-full from-cyan-400/25 to-blue-500/25 px-2 py-1 text-[9px] font-semibold text-white ring-1 ring-white/20 backdrop-blur-md sm:left-3 sm:top-3 sm:px-2.5 sm:py-1 sm:text-[10px]",children:[(0,n.jsx)(b.Z,{className:"size-3 text-cyan-200"}),(0,n.jsx)("span",{children:C})]}),M&&w&&(0,n.jsx)("button",{type:"button",onClick:e=>{e.preventDefault(),e.stopPropagation(),l()},className:"size-8 absolute right-2 top-2 z-10 flex cursor-pointer items-center justify-center rounded-full bg-black/50 transition-colors hover:bg-black/70","aria-label":r?"Unmute":"Mute",children:r?(0,n.jsx)(c.Z,{className:"size-4 text-white"}):(0,n.jsx)(p.Z,{className:"size-4 text-white"})}),(0,n.jsx)("div",{className:"z-3 bg-linear-to-t from-black/85 pointer-events-none absolute bottom-0 left-0 right-0 h-[200px] via-black/40 to-transparent sm:h-[240px]"}),(0,n.jsxs)("div",{className:"z-4 absolute bottom-0 left-0 right-0 flex flex-col gap-2 p-3 sm:p-4",children:[(0,n.jsxs)("div",{className:"flex flex-wrap items-center gap-1",children:[t.category&&(0,n.jsx)("span",{className:"rounded-full bg-white/10 px-1.5 py-0.5 text-[9px] font-medium text-white/80 backdrop-blur-sm sm:text-[10px]",children:t.category}),t.tone&&(0,n.jsx)("span",{className:"rounded-full bg-white/10 px-1.5 py-0.5 text-[9px] font-medium text-white/80 backdrop-blur-sm sm:text-[10px]",children:t.tone}),E&&(0,n.jsx)("span",{className:"rounded-full bg-white/10 px-1.5 py-0.5 text-[9px] font-medium text-white/80 backdrop-blur-sm sm:text-[10px]",children:E})]}),(0,n.jsx)("h3",{className:"line-clamp-2 text-[13px] font-bold leading-tight text-white sm:text-[15px]",children:t.title}),(0,n.jsx)("div",{className:"mt-1 flex items-center justify-between gap-2",children:(0,n.jsxs)("span",{className:"text-[10px] font-semibold text-cyan-200 sm:text-[11px]",children:[A," â"]})})]})]})})})}function A(e){let{icon:t,label:a}=e;return(0,n.jsxs)(h.sL1,{className:"flex-col items-center gap-0.5 text-white",children:[t,a&&(0,n.jsx)(h.X_t,{className:"text-[9px] font-semibold text-white sm:text-[10px]",children:a})]})}},68804:function(e,t,a){a.d(t,{r:function(){return k}});var n=a(24246),i=a(60413),r=a.n(i),s=a(27378),l=a(8191),o=a(28498),d=a(81983),c=a(18283),p=a(65469),m=a(86677),u=a(5),f=a(88299),x=a(51613),g=a(45627),b=a(88894);let h="/img/quick-actions/v13",y=[{key:"expand-resize",titleKey:d.R8.LandingQsExpandTitle,de
65scKey:d.R8.LandingQsExpandDesc,media:{kind:"pair",before:`${h}/expand-resize-before.webp`,after:`${h}/expand-resize-after.webp`,transition:"fade",beforeFit:"contain"},sizeChips:["1:1","4:5","16:9"]},{key:"replace-text",titleKey:d.R8.LandingQsReplaceTitle,descKey:d.R8.LandingQsReplaceDesc,media:{kind:"pair",before:`${h}/replace-text-before3.webp`,after:`${h}/replace-text-after3.webp`,transition:"morph"}},{key:"localize-cn",titleKey:d.R8.LandingQsLocalizeTitle,descKey:d.R8.LandingQsLocalizeDesc,media:{kind:"pair",before:`${h}/localize-en-before.webp`,after:`${h}/localize-ko-after.webp`,transition:"wipe",beforePos:"object-[25%_50%]",afterPos:"object-[25%_50%]"}},{key:"remove-object",titleKey:d.R8.LandingQsEraseTitle,descKey:d.R8.LandingQsEraseDesc,media:{kind:"pair",before:`${h}/remove-object-before2.webp`,after:`${h}/remove-object-after2.webp`,transition:"split"}},{key:"make-video",titleKey:d.R8.LandingQsVideoTitle,descKey:d.R8.LandingQsVideoDesc,media:{kind:"video",poster:`${h}/make-video-poster2.webp`,src:"/video/landing-quick-make-video2.mp4"}},{key:"trend-style",titleKey:d.R8.LandingQsFigureTitle,descKey:d.R8.LandingQsFigureDesc,media:{kind:"pair",before:`${h}/trend-style-before4.webp`,after:`${h}/trend-style-after4.webp`,transition:"slide",beforePos:"object-[50%_30%]"}}],w=()=>{let[e,t]=s.useState(!0);return s.useEffect(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)"),a=()=>t(!e.matches);return a(),e.addEventListener("change",a),()=>e.removeEventListener("change",a)},[]),e},v=e=>{let{card:t,index:a,motionOK:i,inView:r,onClick:c}=e,{t:p}=(0,l.$G)(),m=s.useRef(null),f=r&&i;s.useEffect(()=>{let e=m.current;e&&(f?e.play().catch(()=>void 0):e.pause())},[f]);let{media:x}=t,g={animationDelay:`${450*a}ms`};return(0,n.jsxs)("button",{type:"button",onClick:c,className:"qs-card group relative overflow-hidden rounded-2xl border bg-[var(--aurora-surface)] text-left",children:[(0,n.jsx)("div",{className:"qs-media relative h-[256px] w-full overflow-hidden",children:"pair"===x.kind?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.Y,{src:x.after,alt:"",loading:"lazy",className:`h-full w-full object-cover ${x.afterPos??""}`}),i&&(0,n.jsxs)("span",{"aria-hidden":"true",children:[(0,n.jsxs)("span",{className:`qs-flip qs-flip--${x.transition} absolute inset-0 ${"contain"===x.beforeFit?"bg-[var(--landing-card-surface)]":""}`,style:g,children:[(0,n.jsx)(o.Y,{src:x.before,alt:"",loading:"lazy",className:`h-full w-full ${"contain"===x.beforeFit?"object-contain":"object-cover"} ${x.beforePos??""}`}),(0,n.jsx)("i",{className:"qs-hint absolute left-2.5 top-2.5 not-italic",children:p(d.R8.LandingQsTagBefore)})]}),(0,n.jsx)("i",{className:"qs-hint qs-hint--after absolute left-2.5 top-2.5 not-italic",style:g,children:p(d.R8.LandingQsTagAfter)})]}),i&&t.sizeChips&&(0,n.jsx)("span",{"aria-hidden":"true",className:"qs-hint--after absolute bottom-2.5 right-2.5 flex gap-1",style:g,children:t.sizeChips.map(e=>(0,n.jsx)("i",{className:"qs-hint not-italic",children:e},e))})]}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.Y,{src:x.poster,alt:"",loading:"lazy",className:"h-full w-full object-cover"}),(0,n.jsx)("video",{ref:m,src:x.src,muted:!0,loop:!0,playsInline:!0,preload:"metadata","aria-hidden":"true",className:"absolute inset-0 h-full w-full object-cover transition-opacity duration-500",style:{opacity:f?1:0}})]})}),(0,n.jsxs)("div",{className:"px-4 pb-3 pt-2.5",children:[(0,n.jsx)("b",{className:"block truncate text-[14px] font-bold leading-tight",style:{color:u.DM.ink.primary},children:p(t.titleKey)}),(0,n.jsx)("p",{className:"mt-[3px] line-clamp-1 text-[12px] leading-snug",style:{color:u.DM.ink.body},children:p(t.descKey)})]})]})};function k(){var e;let{t,i18n:a}=(0,l.$G)(),i=(0,m.useRouter)(),o=w(),h=s.useRef(null),{settled:k,isMember:j}=(0,b.x)(),N=!k||!j,z=i.query.locale||((null===(e=a.language)||void 0===e?void 0:e.startsWith("ko"))?"ko":"en"),q=N?`/${z}/quick-start`:f.kn,R=N?`/${z}/recipes`:f.E5,[L,$]=s.useState(!1);return s.useEffect(()=>{let e=h.current;if(!e||"undefined"==typeof IntersectionObserver)return;let t=new IntersectionObserver(e=>{let[t]=e;return $(t.isIntersecting)},{threshold:.2});return t.observe(e),()=>t.disconnect()},[]),(0,n.jsxs)("section",{ref:h,className:r().dynamic([["7bfd254e77e15442",[3600]]])+" "+`w-full bg-[var(--aurora-bg)] pb-20 pt-20 lg:pb-28 lg:pt-28 ${L?"":"qs-paused"}`,children:[(0,n.jsxs)("div",{className:r().dynamic([["7bfd254e77e15442",[3600]]])+" mx-auto w-full max-w-[1200px] px-5",children:[(0,n.jsxs)("div",{className:r().dynamic([["7bfd254e77e15442",[3600]]])+" max-w-[680px]",children:[(0,n.jsx)("span",{style:{color:u.DM.ink.muted},className:r().dynamic([["7bfd254e77e15442",[3600]]])+" text-[11px] font-bold uppercase tracking-[0.14em]",children:"Qu
65ick Start \xb7 Recipes"}),(0,n.jsx)("h2",{style:{color:u.DM.ink.primary,wordBreak:"keep-all"},className:r().dynamic([["7bfd254e77e15442",[3600]]])+" mt-2.5 text-[28px] font-bold tracking-tight lg:text-[38px]",children:t(d.R8.LandingStartTitle)}),(0,n.jsx)("p",{style:{color:u.DM.ink.body},className:r().dynamic([["7bfd254e77e15442",[3600]]])+" mt-3.5 text-[15.5px] leading-relaxed",children:t(d.R8.LandingStartSubtitle)})]}),(0,n.jsx)("div",{className:r().dynamic([["7bfd254e77e15442",[3600]]])+" mt-10 grid grid-cols-1 gap-3.5 sm:grid-cols-2 lg:grid-cols-3",children:y.map((e,t)=>(0,n.jsx)(v,{card:e,index:t,motionOK:o,inView:L,onClick:()=>{(0,x.l0)((0,g.XA)("quick-start")),i.push(q),(0,c.ob)(p.N.startCard,e.key,{guest:N})}},e.key))}),(0,n.jsx)("div",{className:r().dynamic([["7bfd254e77e15442",[3600]]])+" mt-12 flex flex-wrap items-center gap-4",children:(0,n.jsxs)("a",{href:R,onClick:()=>(0,c.ob)(p.N.startRecipes,null,{guest:N}),style:{background:u.DM.ink.primary,color:u.DM.ink.onPrimary},className:r().dynamic([["7bfd254e77e15442",[3600]]])+" inline-flex items-center justify-center rounded-full px-6 py-3 text-[14px] font-semibold transition-transform hover:-translate-y-0.5",children:[t(d.R8.LandingStartPrimaryCta)," â"]})})]}),(0,n.jsx)(r(),{id:"7bfd254e77e15442",dynamic:[3600],children:".qs-flip,.qs-hint--after{-webkit-animation-duration:3600ms;-moz-animation-duration:3600ms;-o-animation-duration:3600ms;animation-duration:3600ms;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;-o-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.qs-paused .qs-flip,.qs-paused .qs-hint--after{-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused}.qs-flip--fade{-webkit-animation-name:qs-cycle-fade;-moz-animation-name:qs-cycle-fade;-o-animation-name:qs-cycle-fade;animation-name:qs-cycle-fade}.qs-flip--morph{-webkit-animation-name:qs-cycle-morph;-moz-animation-name:qs-cycle-morph;-o-animation-name:qs-cycle-morph;animation-name:qs-cycle-morph}.qs-flip--wipe{-webkit-animation-name:qs-cycle-wipe;-moz-animation-name:qs-cycle-wipe;-o-animation-name:qs-cycle-wipe;animation-name:qs-cycle-wipe}.qs-flip--split{-webkit-animation-name:qs-cycle-split;-moz-animation-name:qs-cycle-split;-o-animation-name:qs-cycle-split;animation-name:qs-cycle-split}.qs-flip--slide{-webkit-animation-name:qs-cycle-slide;-moz-animation-name:qs-cycle-slide;-o-animation-name:qs-cycle-slide;animation-name:qs-cycle-slide}@-webkit-keyframes qs-cycle-fade{0%,33%{opacity:1}52%,86%{opacity:0}100%{opacity:1}}@-moz-keyframes qs-cycle-fade{0%,33%{opacity:1}52%,86%{opacity:0}100%{opacity:1}}@-o-keyframes qs-cycle-fade{0%,33%{opacity:1}52%,86%{opacity:0}100%{opacity:1}}@keyframes qs-cycle-fade{0%,33%{opacity:1}52%,86%{opacity:0}100%{opacity:1}}@-webkit-keyframes qs-cycle-morph{0%,33%{opacity:1;-webkit-filter:blur(0);filter:blur(0)}42%{opacity:.55;-webkit-filter:blur(2.5px);filter:blur(2.5px)}52%,86%{opacity:0;-webkit-filter:blur(0);filter:blur(0)}100%{opacity:1;-webkit-filter:blur(0);filter:blur(0)}}@-moz-keyframes qs-cycle-morph{0%,33%{opacity:1;filter:blur(0)}42%{opacity:.55;filter:blur(2.5px)}52%,86%{opacity:0;filter:blur(0)}100%{opacity:1;filter:blur(0)}}@-o-keyframes qs-cycle-morph{0%,33%{opacity:1;filter:blur(0)}42%{opacity:.55;filter:blur(2.5px)}52%,86%{opacity:0;filter:blur(0)}100%{opacity:1;filter:blur(0)}}@keyframes qs-cycle-morph{0%,33%{opacity:1;-webkit-filter:blur(0);filter:blur(0)}42%{opacity:.55;-webkit-filter:blur(2.5px);filter:blur(2.5px)}52%,86%{opacity:0;-webkit-filter:blur(0);filter:blur(0)}100%{opacity:1;-webkit-filter:blur(0);filter:blur(0)}}@-webkit-keyframes qs-cycle-wipe{0%,33%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:1}52%{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%);opacity:1}85.9%{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%);opacity:0}
6586%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:0}100%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:1}}@-moz-keyframes qs-cycle-wipe{0%,33%{clip-path:inset(0 0 0 0);opacity:1}52%{clip-path:inset(0 0 0 100%);opacity:1}85.9%{clip-path:inset(0 0 0 100%);opacity:0}86%{clip-path:inset(0 0 0 0);opacity:0}100%{clip-path:inset(0 0 0 0);opacity:1}}@-o-keyframes qs-cycle-wipe{0%,33%{clip-path:inset(0 0 0 0);opacity:1}52%{clip-path:inset(0 0 0 100%);opacity:1}85.9%{clip-path:inset(0 0 0 100%);opacity:0}86%{clip-path:inset(0 0 0 0);opacity:0}100%{clip-path:inset(0 0 0 0);opacity:1}}@keyframes qs-cycle-wipe{0%,33%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:1}52%{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%);opacity:1}85.9%{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%);opacity:0}86%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:0}100%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:1}}@-webkit-keyframes qs-cycle-split{0%,33%{-webkit-clip-path:inset(0 0%0 0%);clip-path:inset(0 0%0 0%);opacity:1}52%{-webkit-clip-path:inset(0 50%0 50%);clip-path:inset(0 50%0 50%);opacity:1}85.9%{-webkit-clip-path:inset(0 50%0 50%);clip-path:inset(0 50%0 50%);opacity:0}86%{-webkit-clip-path:inset(0 0%0 0%);clip-path:inset(0 0%0 0%);opacity:0}100%{-webkit-clip-path:inset(0 0%0 0%);clip-path:inset(0 0%0 0%);opacity:1}}@-moz-keyframes qs-cycle-split{0%,33%{clip-path:inset(0 0%0 0%);opacity:1}52%{clip-path:inset(0 50%0 50%);opacity:1}85.9%{clip-path:inset(0 50%0 50%);opacity:0}86%{clip-path:inset(0 0%0 0%);opacity:0}100%{clip-path:inset(0 0%0 0%);opacity:1}}@-o-keyframes qs-cycle-split{0%,33%{clip-path:inset(0 0%0 0%);opacity:1}52%{clip-path:inset(0 50%0 50%);opacity:1}85.9%{clip-path:inset(0 50%0 50%);opacity:0}86%{clip-path:inset(0 0%0 0%);opacity:0}100%{clip-path:inset(0 0%0 0%);opacity:1}}@keyframes qs-cycle-split{0%,33%{-webkit-clip-path:inset(0 0%0 0%);clip-path:inset(0 0%0 0%);opacity:1}52%{-webkit-clip-path:inset(0 50%0 50%);clip-path:inset(0 50%0 50%);opacity:1}85.9%{-webkit-clip-path:inset(0 50%0 50%);clip-path:inset(0 50%0 50%);opacity:0}86%{-webkit-clip-path:inset(0 0%0 0%);clip-path:inset(0 0%0 0%);opacity:0}100%{-webkit-clip-path:inset(0 0%0 0%);clip-path:inset(0 0%0 0%);opacity:1}}@-webkit-keyframes qs-cycle-slide{0%,33%{-webkit-transform:translatex(0);transform:translatex(0);opacity:1}52%,86%{-webkit-transform:translatex(-28px);transform:translatex(-28px);opacity:0}100%{-webkit-transform:translatex(0);transform:translatex(0);opacity:1}}@-moz-keyframes qs-cycle-slide{0%,33%{-moz-transform:translatex(0);transform:translatex(0);opacity:1}52%,86%{-moz-transform:translatex(-28px);transform:translatex(-28px);opacity:0}100%{-moz-transform:translatex(0);transform:translatex(0);opacity:1}}@-o-keyframes qs-cycle-slide{0%,33%{-o-transform:translatex(0);transform:translatex(0);opacity:1}52%,86%{-o-transform:translatex(-28px);transform:translatex(-28px);opacity:0}100%{-o-transform:translatex(0);transform:translatex(0);opacity:1}}@keyframes qs-cycle-slide{0%,33%{-webkit-transform:translatex(0);-moz-transform:translatex(0);-o-transform:translatex(0);transform:translatex(0);opacity:1}52%,86%{-webkit-transform:translatex(-28px);-moz-transform:translatex(-28px);-o-transform:translatex(-28px);transform:translatex(-28px);opacity:0}100%{-webkit-transform:translatex(0);-moz-transform:translatex(0);-o-transform:translatex(0);transform:translatex(0);opacity:1}}.qs-card{border-color:var(--aurora-ink-divider-soft);-webkit-transition:border-color.2s ease,box-shadow.2s ease;-moz-transition:border-color.2s ease,box-shadow.2s ease;-o-transition:border-color.2s ease,box-shadow.2s ease;transition:border-color.2s ease,box-shadow.2s ease}.qs-card:hover{border-color:var(--aurora-ink-border-hover);-webkit-box-shadow:var(--shadow-subtle);-moz-box-shadow:var(--shadow-subtle);box-shadow:var(--shadow-subtle)}.qs-media{-webkit-transition:-webkit-filter.2s ease;-moz-transition:filter.2s ease;-o-transition:filter.2s ease;transition:-webkit-filter.2s ease;transition:filter.2s ease}.qs-card:hover .qs-media{-webkit-filter:brightness(1.03);filter:brightness(1.03)}.qs-hint{-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;background:rgba(23,24,27,.15);border:1px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);padding:5.5px 11px;font-size:13px;font-weight:600;letter-spacing:.01em;color:rgba(255,255,255,.95)}.qs-hint--after{-webkit-animation-name:qs-cycle-hint-after;-moz-animation-name:qs-cycle-hint-after;-o-animation-name:qs-cycle-hint-after;animation-name:qs-cycle-hint-after}@-webkit-keyframes qs-cycle-hint-after{0%,50%{opacity:0}
6560%,84%{opacity:1}94%,100%{opacity:0}}@-moz-keyframes qs-cycle-hint-after{0%,50%{opacity:0}60%,84%{opacity:1}94%,100%{opacity:0}}@-o-keyframes qs-cycle-hint-after{0%,50%{opacity:0}60%,84%{opacity:1}94%,100%{opacity:0}}@keyframes qs-cycle-hint-after{0%,50%{opacity:0}60%,84%{opacity:1}94%,100%{opacity:0}}"})]})}},82109:function(e,t,a){a.d(t,{Z:function(){return r}});var n=a(27378);let i=(e,t,a)=>{let n=a&&a>0?Math.max(1,Math.min(a,14)):void 0;if(n)return{width:(e-t*(n-1))/n,columns:n};let i=2;for(;e>(1===i?460:320*i)&&i<14;)i+=1;let r=(e-t*(i-1))/i;return{width:r,columns:i}},r=e=>{let{posts:t,containerRef:a,containerWidth:r,gapPixel:s,fixedColumns:l,fallbackWidth:o=1200}=e,{width:d,columns:c}=(0,n.useMemo)(()=>{var e;return i(r||(null==a?void 0:null===(e=a.current)||void 0===e?void 0:e.clientWidth)||o,s,l)},[r,a,s,l,o]),p=(0,n.useMemo)(()=>{let e=Array.from(Array(c).keys()).map(e=>({index:e,height:0,posts:[]})),a=e[0];return t.forEach((t,n)=>{a.posts.push(t);let i=Math.round(t.height*d/t.width);a.height+=i;let r=Math.min(...e.map(e=>e.height));a=e.find(e=>e.height===r)??a}),e},[c,t,d]);return{width:d,maxWidth:640,buckets:p}}}}]);
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.