https://mstudio.ai/build/assets/AIVfxPage.DJN2MZ2e.js

1import{r as S}from"./rolldown-runtime.C1f3BsDW.js";import"./inertia.BE4YqsTM.js";import"./http.DWpeO7Ui.js";import{Hr as k,I as F,Ln as U,Qr as M,dr as L,fn as E,l as P,r as V,wr as X}from"./icons.ChOq_Y4q.js";import{t as T}from"./react-core.CAMe6Z4j.js";import"./utils.CgzVjNgC.js";import"./state.L8kQliOB.js";import{C as R,J as A,Tt as _,i as z,jt as I,k as w,mt as C}from"./entry-client.DX3aUoe5.js";import"./dist.CoNAZqlp.js";import"./dist.DxccqHSW.js";import"./dist.D4237Rk6.js";import"./dist.BhzTvz6X.js";import"./es2015.Cr2X04_P.js";import"./dist.C1cc-Zbw.js";import"./badge.CK53iWwP.js";import"./dropdown-menu.D1MnQ7U0.js";import"./useMediaQuery.CHA9c3gs.js";import{t as B}from"./lenis.DZFFtZ8G.js";import{t as H}from"./SEO.gPDL2mFy.js";import"./marketingVideos.CTDV7UYs.js";import{n as D,t as O}from"./cta-card-section.BVZwUhiQ.js";import{t as q}from"./CtaMicrocopy.D3zGPrw8.js";import{t as $}from"./useRoute.D5WEuP_a.js";import{t as G}from"./useStartCreatingHref.BVwqKiRT.js";import"./gsap.BxN_RF7A.js";import{t as u}from"./RevealOnScroll.Bzi3Q9FE.js";import{t as W}from"./how-it-works-section.C3FA2lIt.js";import"./logo.7ZVhR9ER.js";import{t as J}from"./Footer.Ccp81B1O.js";import{t as K}from"./Header.C54sFzrK.js";import{a as Q,i as Z,n as Y,o as ee,r as te,t as ae}from"./MarketingHero.CGOgM9co.js";/* empty css                   */import{t as re}from"./clients-section.JEQW946i.js";var i=S(M(),1);const se=[{id:"lumen-portal",title:"Lumen Portal Collapse",description:"A multi-layer portal tear with chromatic debris, glow falloff, and volumetric haze for hero shots.",videoUrl:"https://pub-3626123a908346a7a8be8d9295f44e26.r2.dev/generations/64e302e6-f2d8-47d8-886c-4102d8e3aa2f.mp4",fallbackImageUrl:"https://assets.modelslab.ai/generations/f76f115a-791b-4592-9c44-36dbeec36d76.webp",tags:["portals","energy","hero"]},{id:"mech-impact",title:"Mech Impact Burst",description:"Dense particulate shockwave, camera tremor, and debris timing aligned to impact beats.",videoUrl:"https://assets.modelslab.ai/generations/c3624e62-d15c-4ff7-af8a-b73cdbe9937e.mp4",fallbackImageUrl:"https://assets.modelslab.ai/generations/c9ce3151-c274-466d-9c62-ec0c53794a88.webp",tags:["debris","shockwave","impact"]},{id:"neo-rain",title:"Neo Rain Refractor",description:"Rain layers refract neon signage with micro-ice highlights for night exteriors.",videoUrl:"https://assets.modelslab.ai/generations/a512df08-a53a-4222-b740-947a4e4850a3.mp4",fallbackImageUrl:"https://assets.modelslab.ai/generations/3b1731c5-e517-45a2-adb2-04e5ad0caf23.webp",tags:["rain","neon","night"]},{id:"drift-dust",title:"Drift Dust Trail",description:"Anisotropic dust sheets and turbulence layers for high-speed chase plates.",videoUrl:"https://assets.modelslab.ai/generations/cc2383c5-b1ef-4ebe-a247-293c4aa99c57.mp4",fallbackImageUrl:"https://assets.modelslab.ai/generations/656314c0-c91f-458b-b48b-eeb59cb4a0a3.webp",tags:["dust","speed","chase"]},{id:"liquid-morph",title:"Liquid Morph Skin",description:"Viscous morph with clean edge control and glints for creature transitions.",videoUrl:"https://assets.modelslab.ai/generations/722c5897-17e9-4656-bbbc-c91700bbc838.mp4",fallbackImageUrl:"https://assets.modelslab.ai/generations/94fd5eaa-e58f-427c-8aa0-6af794dfd9c2.webp",tags:["morph","liquid","creature"]},{id:"skyfall",title:"Skyfall Fracture",description:"High-altitude fracture with expanding refraction plates and cloud parallax.",videoUrl:"https://assets.modelslab.ai/generations/146ad6f4-b13c-43a8-8ad8-3c694eb064a5.mp4",fallbackImageUrl:"https://assets.modelslab.ai/generations/82d0f006-0dd0-4fae-9e07-ab940d52282d.webp",tags:["fracture","sky","parallax"]}],ie=[{id:"comp-1",title:"",videoUrlBefore:"https://assets.modelslab.ai/generations/66fb97e6-d69a-4128-b2ae-5582e161ac74.mp4",videoUrlAfter:"https://assets.modelslab.ai/generations/cf28e6f1-2c82-4f38-b31d-871fcc5e4950.mp4"},{id:"comp-2",title:"",videoUrlBefore:"https://assets.modelslab.ai/generations/c3b0722b-27b1-4ca7-9760-eb2e83ad4f01.mp4",videoUrlAfter:"https://assets.modelslab.ai/generations/f4b9a384-7f09-47b6-a770-1ea89a3ecc7d.mp4"},{id:"comp-3",title:"",videoUrlBefore:"https://assets.modelslab.ai/generations/eaa1f7ca-f005-4733-8459-2cd6e0044bec.mp4",videoUrlAfter:"https://assets.modelslab.ai/generations/d355debf-0bfb-4048-86e7-9f12c79cc5d2.mp4"},{id:"comp-4",title:"",videoUrlBefore:"https://assets.modelslab.ai/generations/9c905973-b7de-4d3c-914f-c1b877c3dcab.mp4",videoUrlAfter:"https://assets.modelslab.ai/generations/488fad21-3552-409a-af63-b2502b4b57f1.mp4"},{id:"comp-5",title:"",videoUrlBefore:"https://assets.modelslab.ai/generations/e5779288-6dc7-4201-b5be-0e672eef2358.mp4",videoUrlAfter:"https://assets.modelslab.ai/generations/e50df5f2

1-3d9e-41da-8538-dc8320348777.mp4"}];var e=S(T(),1);function ne(s,c,n){if(!n)return{label:`Choose ${s.name}`,isCurrent:!1};const d=(c??"")===s.slug;return{label:d?"Current plan":"Change plan",isCurrent:d}}function le(s){return`$${Math.round(s/100).toLocaleString()}`}function oe(s){return typeof s=="string"?s:s.included===!1?null:s.feature??null}function De({plans:s=[]}){const c=$(),{user:n}=z(),d=G(),[g,h]=(0,i.useState)(!1),b=g?n:null,[p,m]=(0,i.useState)(null);(0,i.useEffect)(()=>{h(!0)},[]);const x=async()=>{m("portal");try{const t=(await C.portal()).data.data?.portal_url;if(!t)throw new Error("Missing billing portal URL");window.location.href=t}catch(t){A(t)||_.error(t.response?.data?.message??"Could not open billing. Try again."),m(null)}},j=async t=>{if(!p){if(!n){window.location.href=`${c("register")}?plan=${t.slug}`;return}if(n.has_subscription){await x();return}m(t.slug);try{const r=(await C.create(t.slug,"monthly")).data.data?.checkout_url;if(!r)throw new Error("Missing checkout URL");window.location.href=r}catch(r){A(r)||_.error(r.response?.data?.message??"Could not start checkout. Try again."),m(null)}}},y=(0,i.useMemo)(()=>s.filter(t=>!t.is_enterprise),[s]),a=se[1];return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(H,{title:"AI VFX — cinematic effects for storyboards",description:"Explore AI VFX samples built for storyboards. Preview portals, impacts, atmospheric FX, and stylized transitions before you generate your next scene.",keywords:"AI VFX, cinematic VFX, AI effects, visual effects, storyboard VFX",canonical:"/ai-vfx",ogImage:a?.fallbackImageUrl}),(0,e.jsxs)("div",{className:"theme-marketing relative min-h-screen overflow-x-hidden bg-background",children:[(0,e.jsx)(B,{root:!0}),(0,e.jsx)(K,{variant:"blur"}),(0,e.jsxs)("main",{id:"main-content",className:"relative z-10",children:[(0,e.jsxs)("section",{className:ae,children:[(0,e.jsx)(Z,{}),(0,e.jsxs)("div",{className:"relative z-10 mx-auto grid max-w-screen-2xl items-center gap-10 lg:grid-cols-[minmax(0,1fr)_minmax(0,0.95fr)] lg:gap-14",children:[(0,e.jsxs)("div",{className:"text-center lg:text-left",children:[(0,e.jsx)(te,{children:"AI VFX"}),(0,e.jsx)(ee,{accent:"for every shot",children:"Cinematic AI VFX and CGI"}),(0,e.jsx)(Q,{className:"mx-auto lg:mx-0",children:"Turn raw footage into finished shots with AI VFX and CGI. Add explosions, environments, weather effects, cinematic relighting, and visual effects to any video with the M Studio AI VFX generator."}),(0,e.jsxs)(Y,{className:"justify-center lg:justify-start",children:[(0,e.jsx)(w,{size:"lg",asChild:!0,children:(0,e.jsxs)("a",{href:d,className:"inline-flex items-center gap-2",children:["Start now",(0,e.jsx)(k,{className:"h-4 w-4"})]})}),(0,e.jsx)(w,{variant:"outline",size:"lg",asChild:!0,children:(0,e.jsx)("a",{href:"#samples",className:"inline-flex items-center gap-2",children:"Watch samples"})})]}),(0,e.jsx)(q,{className:"mt-4 justify-center lg:justify-start"})]}),(0,e.jsx)("div",{className:"hero-panel-enter",children:(0,e.jsx)("article",{className:"group relative overflow-hidden rounded-3xl border border-border/40 bg-card/60",children:(0,e.jsxs)("div",{className:"relative aspect-[16/10] overflow-hidden",children:[a&&(0,e.jsx)(D,{src:a.videoUrl,fallbackImageUrl:a.fallbackImageUrl,fallbackAlt:a.title,fallbackSizes:"(max-width: 1024px) 100vw, 50vw",priority:!0,containerClassName:"h-full w-full",className:"h-full w-full object-cover transition-transform duration-500 group-hover:scale-105",autoPlay:!0,muted:!0,loop:!0,playsInline:!0,preload:"metadata"}),(0,e.jsx)("div",{className:"pointer-events-none absolute inset-0 bg-gradient-to-t from-background/70 via-background/20 to-transparent"})]})})})]})]}),(0,e.jsx)("section",{className:"px-4 pb-8 sm:px-6 lg:px-8",children:(0,e.jsx)(u,{className:"mx-auto max-w-screen-2xl",variant:"up",children:(0,e.jsxs)("ul",{className:"grid gap-4 rounded-3xl p-4 sm:grid-cols-2 sm:p-5 lg:grid-cols-3",children:[(0,e.jsx)(N,{icon:F,label:"First cut",value:"One session"}),(0,e.jsx)(N,{icon:P,label:"Video clips",value:"1080p"}),(0,e.jsx)(N,{icon:k,label:"Export",value:"4K"})]})})}),(0,e.jsx)(re,{}),(0,e.jsx)("section",{className:"px-4 py-14 sm:px-6 sm:py-16 lg:px-8 lg:py-20",id:"samples",children:(0,e.jsxs)("div",{className:"mx-auto max-w-screen-2xl",children:[(0,e.jsx)(u,{variant:"up",children:(0,e.jsxs)("div",{className:"text-center mb-16",children:[(0,e.jsx)("span",{className:"text-xs font-bold uppercase tracking-[0.24em] text-primary",children:"Before and after"}),(0,e.jsxs)("h2",{className:"mt-3 text-4xl font-semibold tracking-tight text-foreground sm:text-5xl lg:text-6xl",children:["Drag to see the"," ",(0,e.jsx)("span",{className:"text-gradient-hero-animated",children:"transformation"})]}),(0,e.jsx)("p",{className:"mt-4 text-base text-muted-foreground max-w-2xl mx-auto 

1sm:text-lg",children:"Drag each handle to compare the raw footage with the finished M Studio VFX."})]})}),(0,e.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 max-w-7xl mx-auto",children:ie.map((t,r)=>(0,e.jsx)(ce,{sample:t,index:r},t.id))})]})}),(0,e.jsx)("section",{className:"px-4 py-14 sm:px-6 sm:py-16 lg:px-8 lg:py-20",children:(0,e.jsxs)("div",{className:"mx-auto max-w-screen-2xl",children:[(0,e.jsx)(u,{variant:"up",children:(0,e.jsxs)("div",{className:"text-center mb-16",children:[(0,e.jsx)("span",{className:"text-xs font-bold uppercase tracking-[0.24em] text-primary",children:"What AI VFX does"}),(0,e.jsxs)("h2",{className:"mt-3 text-4xl font-semibold tracking-tight text-foreground sm:text-5xl lg:text-6xl",children:["AI VFX features for",(0,e.jsx)("span",{className:"text-gradient-hero-animated",children:"filmmakers and creators"})]}),(0,e.jsx)("p",{className:"mt-4 text-base text-muted-foreground max-w-2xl mx-auto sm:text-lg",children:"Pick one, pick all three. The AI handles compositing, lighting physics, and integration automatically."})]})}),(0,e.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6 max-w-7xl mx-auto",children:[(0,e.jsx)(u,{variant:"up",delay:.05,children:(0,e.jsxs)("div",{className:"flex flex-col gap-5 rounded-3xl bg-card/45 p-8 hover:bg-card/70 transition-all duration-300 h-full",children:[(0,e.jsx)("div",{className:"w-12 h-12 rounded-2xl bg-primary/10 flex items-center justify-center text-2xl",children:(0,e.jsx)(E,{})}),(0,e.jsx)("h3",{className:"text-xl font-semibold text-foreground",children:"Environment replacement"}),(0,e.jsx)("p",{className:"text-sm leading-relaxed text-muted-foreground",children:"Swap your backdrop with any world — a burning city, an alien landscape, a rain-slicked Tokyo alley at 2am. Lighting and reflections match the new environment automatically."})]})}),(0,e.jsx)(u,{variant:"up",delay:.1,children:(0,e.jsxs)("div",{className:"flex flex-col gap-5 rounded-3xl bg-card/45 p-8 hover:bg-card/70 transition-all duration-300 h-full",children:[(0,e.jsx)("div",{className:"w-12 h-12 rounded-2xl bg-primary/10 flex items-center justify-center text-2xl",children:(0,e.jsx)(V,{})}),(0,e.jsx)("h3",{className:"text-xl font-semibold text-foreground",children:"Practical effects, digitally"}),(0,e.jsx)("p",{className:"text-sm leading-relaxed text-muted-foreground",children:"Explosions, lightning, water, smoke, fire — practical effects that used to need pyrotechnics or a six-figure budget. Describe them in plain language and they appear, composited cleanly into your shot."})]})}),(0,e.jsx)(u,{variant:"up",delay:.15,children:(0,e.jsxs)("div",{className:"flex flex-col gap-5 rounded-3xl bg-card/45 p-8 hover:bg-card/70 transition-all duration-300 h-full",children:[(0,e.jsx)("div",{className:"w-12 h-12 rounded-2xl bg-primary/10 flex items-center justify-center text-2xl",children:(0,e.jsx)(U,{})}),(0,e.jsx)("h3",{className:"text-xl font-semibold text-foreground",children:"Cinematic relighting"}),(0,e.jsx)("p",{className:"text-sm leading-relaxed text-muted-foreground",children:"Transform flat, overexposed, or badly-lit footage into golden-hour warmth, neon noir, or moonlit drama. The AI reads your scene geometry and adds the light that should have been there."})]})})]})]})}),(0,e.jsx)("section",{className:"px-4 py-14 sm:px-6 sm:py-16 lg:px-8 lg:py-20",id:"plans",children:(0,e.jsxs)("div",{className:"mx-auto max-w-screen-2xl",children:[(0,e.jsx)(u,{variant:"up",children:(0,e.jsxs)("div",{className:"mx-auto max-w-4xl text-center mb-16",children:[(0,e.jsx)("p",{className:"text-xs font-bold uppercase tracking-[0.24em] text-primary",children:"Pricing"}),(0,e.jsx)("h2",{className:"mt-6 text-4xl font-semibold tracking-[-0.04em] text-foreground sm:text-5xl lg:text-6xl",children:"Simple pricing for creative teams"}),(0,e.jsx)("p",{className:"mx-auto mt-5 max-w-2xl text-base text-muted-foreground sm:text-lg",children:"Script to final cut — storyboards, shots, voice, and sound in one timeline."})]})}),(0,e.jsx)("div",{className:"mx-auto mt-14 grid max-w-6xl gap-6 lg:grid-cols-3",children:y.map(t=>{const r=ne(t,b?.plan_type,b?.has_subscription??!1),l=t.features.map(oe).filter(o=>!!o).filter(o=>!/film cut/i.test(o)),f=l.find(o=>/film cut|film length|up to .*(min|hour)/i.test(o)),v=l.filter(o=>o!==f).slice(0,8);return(0,e.jsxs)("article",{className:I("relative flex min-h-[28rem] flex-col rounded-3xl border bg-card/70 p-7 backdrop-blur-sm transition-all duration-300",r.isCurrent?"border-primary/40 bg-primary/10 ring-2 ring-primary/40":t.is_popular?"border-2 border-primary bg-primary/[0.08] shadow-2xl shadow-primary/20 ring-1 ring-primary/30 lg:z-10 lg:scale-[1.05]":"border-border/50 hover:bg-card/90"),children:[t.is_popular&&!r.isCurrent&&(0,e.jsx)("span",{className:"absolute right-6 top-6 rounded-full bg-primary px-3 py-1 text-[10px] font-semibold uppercase tracking-wide text-primary-foreground",children:"Most popular"}),r.isCurrent&&(0,e.jsx)("span",{className:"absolute right-6 top-6 rounded-full bg-primary px-3 py-1 text-[10px] font-semibold uppercase tracking-wide text-primary-foreground",children:"Current plan"}),(0,e.jsxs)("div",{children:[(0,e.jsx)("p",{className:"text-sm font-medium text-primary",children:t.name}),(0,e.jsxs)("h2",{className:"mt-4 flex items-end gap-1 text-5xl font-semibold tracking-tight text-foreground",children:[le(t.price_monthly_cents),(0,e.jsx)("span",{className:"pb-1 text-sm font-medium text-muted-foreground",children:"/mo"})]}),(0,e.jsx)("p",{className:"mt-3 text-sm leading-relaxed text-muted-foreground",children:t.description})]}),f&&(0,e.jsxs)("div",{className:"mt-5 flex items-center gap-2.5 rounded-lg border border-primary/30 bg-primary/10 px-3.5 py-2.5",children:[(0,e.jsx)(L,{className:"h-4 w-4 shrink-0 text-primary","aria-hidden":"true"}),(0,e.jsx)("span",{className:"text-sm font-semibold text-foreground",children:f})]}),(0,e.jsx)("div",{className:"mt-6 mb-6 space-y-3",children:v.map(o=>(0,e.jsxs)("div",{className:"flex items-start gap-3",children:[(0,e.jsx)(X,{className:"mt-0.5 h-4 w-4 shrink-0 text-primary"}),(0,e.jsx)("span",{className:"text-sm text-muted-foreground",children:o})]},o))}),(0,e.jsxs)("div",{className:"mt-auto",children:[(0,e.jsx)(w,{size:"lg",variant:r.isCurrent?"secondary":void 0,className:"w-full rounded-md",disabled:p!==null||r.isCurrent,onClick:()=>{R({planName:t.name,planPrice:t.price_monthly_cents/100,billingCycle:"monthly"}),j(t)},children:p===t.slug?"Starting…":p==="portal"?"Opening…":r.label}),!r.isCurrent&&(0,e.jsx)("p",{className:"mt-3 text-center text-[11px] leading-relaxed text-muted-foreground",children:"Cancel anytime · 100% refund within 24h · Secure checkout via Stripe"})]})]},t.slug)})})]})}),(0,e.jsx)("section",{className:"px-4 pb-4 sm:px-6 lg:px-8",children:(0,e.jsxs)("p",{className:"mx-auto max-w-screen-2xl text-sm leading-relaxed text-muted-foreground",children:["Pair VFX with a"," ",(0,e.jsx)("a",{href:"/ai-director",className:"font-medium text-foreground underline-offset-4 hover:underline",children:"director style"})," ","for coverage and camera moves, or drive the whole film from"," ",(0,e.jsx)("a",{href:"/mcp-server",className:"font-medium text-foreground underline-offset-4 hover:underline",children:"Claude or ChatGPT"}),". See it in real films:"," ",(0,e.jsx)("a",{href:"/demo",className:"font-medium text-foreground underline-offset-4 hover:underline",children:"watch examples"}),"."]})}),(0,e.jsx)(W,{}),(0,e.jsx)(O,{eyebrow:"Ready for VFX",title:"Build a storyboard with VFX beats already mapped to your shots.",description:"Lock your timing, review the VFX for each shot, then make the video clips.",primaryActionLabel:"Start now",primaryActionHref:d,secondaryActionLabel:"See pricing",secondaryActionHref:c("pricing"),videoSrc:a?.videoUrl,videoF

1allbackImageSrc:a?.fallbackImageUrl,videoAriaLabel:"AI VFX cinematic preview"})]}),(0,e.jsx)(J,{})]})]})}function ce({sample:s,index:c}){const n=(0,i.useRef)(null),d=(0,i.useRef)(null),g=(0,i.useRef)(null),[h,b]=(0,i.useState)(50),[p,m]=(0,i.useState)(!1),x=(0,i.useCallback)(a=>{if(!n.current)return;const t=n.current.getBoundingClientRect(),r=a-t.left;b(Math.min(94,Math.max(6,r/t.width*100)))},[]),j=a=>{m(!0),x(a.clientX)},y=a=>{m(!0),a.touches[0]&&x(a.touches[0].clientX)};return(0,i.useEffect)(()=>{if(!p)return;const a=l=>{x(l.clientX)},t=l=>{l.touches[0]&&x(l.touches[0].clientX)},r=()=>m(!1);return window.addEventListener("mousemove",a),window.addEventListener("touchmove",t,{passive:!0}),window.addEventListener("mouseup",r),window.addEventListener("touchend",r),()=>{window.removeEventListener("mousemove",a),window.removeEventListener("touchmove",t),window.removeEventListener("mouseup",r),window.removeEventListener("touchend",r)}},[p,x]),(0,i.useEffect)(()=>{const a=d.current,t=g.current;if(!a||!t)return;let r;const l=()=>{!a.paused&&!t.paused&&Math.abs(a.currentTime-t.currentTime)>.15&&(t.currentTime=a.currentTime),r=requestAnimationFrame(l)},f=()=>{t.play().catch(()=>{})},v=()=>{t.pause()};return a.addEventListener("play",f),a.addEventListener("pause",v),r=requestAnimationFrame(l),()=>{a.removeEventListener("play",f),a.removeEventListener("pause",v),cancelAnimationFrame(r)}},[]),(0,e.jsxs)("div",{ref:n,onMouseDown:j,onTouchStart:y,className:I("relative rounded-2xl overflow-hidden border border-white/10 cursor-ew-resize select-none bg-[#13131B]",c===0?"aspect-[16/9] md:col-span-2 md:aspect-[21/9]":"aspect-square"),children:[(0,e.jsx)("div",{className:"absolute inset-0 w-full h-full z-10 pointer-events-none",children:(0,e.jsx)("video",{ref:d,className:"h-full w-full object-cover",autoPlay:!0,muted:!0,loop:!0,playsInline:!0,preload:"metadata",children:(0,e.jsx)("source",{src:s.videoUrlBefore,type:"video/mp4"})})}),(0,e.jsx)("div",{className:"absolute inset-0 w-full h-full z-20 pointer-events-none",style:{clipPath:`inset(0 0 0 ${h.toFixed(1)}%)`},children:(0,e.jsx)("video",{ref:g,className:"h-full w-full object-cover",autoPlay:!0,muted:!0,loop:!0,playsInline:!0,preload:"metadata",children:(0,e.jsx)("source",{src:s.videoUrlAfter,type:"video/mp4"})})}),(0,e.jsx)("div",{className:"absolute top-0 bottom-0 z-30 w-[2px] bg-white/85 -translate-x-1/2 pointer-events-none",style:{left:`${h.toFixed(1)}%`}}),(0,e.jsx)("div",{className:"absolute top-1/2 -translate-y-1/2 -translate-x-1/2 w-[38px] h-[38px] rounded-full bg-white grid place-items-center shadow-[0_2px_14px_rgba(0,0,0,0.6)] z-30 pointer-events-none",style:{left:`${h.toFixed(1)}%`},children:(0,e.jsx)("svg",{className:"w-[17px] h-[17px] text-[#1a1a1a] stroke-current fill-none stroke-[2.5]",viewBox:"0 0 24 24",children:(0,e.jsx)("path",{d:"M8 9l-3 3 3 3M16 9l3 3-3 3"})})}),(0,e.jsx)("span",{className:"absolute top-[14px] left-[14px] z-20 text-[10px] font-bold tracking-[1.5px] uppercase py-1 px-[9px] rounded-[4px] pointer-events-none bg-black/65 text-white/50 backdrop-blur-[4px]",children:"Original"}),(0,e.jsx)("span",{className:"absolute top-[14px] right-[14px] z-20 text-[10px] font-bold tracking-[1.5px] uppercase py-1 px-[9px] rounded-[4px] pointer-events-none bg-primary text-white",children:"M Studio VFX"}),(0,e.jsx)("span",{className:"absolute bottom-[14px] left-[14px] z-20 text-xs font-semibold text-white/85 drop-shadow-[0_1px_6px_rgba(0,0,0,0.8)] pointer-events-none max-w-[85%]",children:s.title})]})}function N({icon:s,label:c,value:n}){return(0,e.jsxs)("li",{className:"flex flex-col items-center justify-center gap-2 p-4 text-center",children:[(0,e.jsx)("p",{className:"mt-3 text-3xl font-semibold leading-none tracking-tight text-foreground md:text-5xl",children:n}),(0,e.jsxs)("div",{className:"flex items-center gap-2.5 text-muted-foreground",children:[(0,e.jsx)(s,{className:"h-4 w-4"}),(0,e.jsx)("span",{className:"text-xs font-medium uppercase tracking-[0.2em]",children:c})]})]})}export{De as default};