@property --spin{syntax:"<angle>";inherits:true;initial-value:0deg}.hero{position:relative;height:140vh;background:var(--color-media);--r:460px;--h:260px}@media (min-width:1280px){.hero{--r:600px;--h:300px}}.hero-static{height:auto}@media (prefers-reduced-motion:reduce){.hero{height:auto}.hero .hero-sticky{position:relative;height:auto;min-height:100vh;padding:96px 0}.hero .ring{animation:none}.hero .hero-fg{transform:none;opacity:1}}.hero-sticky{position:sticky;top:72px;height:calc(100vh - 72px);overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-static .hero-sticky{position:relative;height:auto;min-height:100vh;padding:96px 0}.hero-open .hero-sticky{min-height:0;padding:28px 0 40px}.ring-stage{position:absolute;inset:0;perspective:1400px;perspective-origin:50% 42%;pointer-events:none}.ring{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;--spin:0deg;animation:ring-spin 60s linear infinite}.hero-static .ring,.hero[data-off] .ring{animation:none}.hero[data-off] .ring-stage{visibility:hidden}.hero-bridge{position:absolute;inset:0;z-index:1;opacity:clamp(0,calc((var(--p, 0) - .35) * .4),.22);pointer-events:none}.hero-bridge video{width:100%;height:100%;object-fit:cover;object-position:50% 20%}.hero-static .hero-bridge{display:none}.ring-card{position:absolute;left:-80px;top:-142px;width:160px;height:284px;border-radius:16px;overflow:hidden;background:var(--color-card);backface-visibility:hidden;transform:rotateY(calc(var(--a) + var(--spin))) translateZ(calc(var(--r) + var(--p, 0) * 500px)) translateY(calc(var(--y) * var(--h)));opacity:calc((.725 - cos(calc(var(--a) + var(--spin))) * .275) * (1 - var(--p, 0) * 1.4))}.ring-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%}.ring-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18))}@keyframes ring-spin{0%{--spin:0deg}to{--spin:360deg}}.hero-fg{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:100%;text-align:center;transform:translateY(calc(var(--p, 0) * -70px));opacity:calc(1 - var(--p, 0) * 1.1)}.hero-fg:before{content:"";position:absolute;inset:-16% -12%;z-index:-1;background:radial-gradient(ellipse closest-side at 50% 42%,color-mix(in srgb,var(--color-media) 78%,transparent) 0,color-mix(in srgb,var(--color-media) 50%,transparent) 50%,transparent 100%);pointer-events:none}.hero-static .hero-fg{transform:none;opacity:1}.hero-title{font-size:clamp(3.25rem,min(9vw,13vh),8.75rem);max-width:12ch;text-shadow:0 2px 24px rgba(0,0,0,.35)}:root[data-theme=light] .hero-title{text-shadow:0 1px 0 rgba(255,255,255,.6)}@media (min-width:1440px){.hero-title{letter-spacing:-.045em}}.hero-sub{margin-top:1rem;font-size:1.125rem;max-width:40ch}.hero-composer{width:min(760px,100%);margin-top:1.75rem}.fly{position:fixed;z-index:70;pointer-events:none;border-radius:12px;background-size:cover;background-position:50%}.try{position:relative;z-index:30;width:100%;margin-top:1.5rem}.try-label{margin-bottom:10px;font-size:.875rem}.try-row{display:flex;justify-content:center;gap:14px}.try-card,.try-item{position:relative}.try-card{display:block;width:96px;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:var(--color-card);transform:rotate(var(--tilt));transition:transform var(--t-2) var(--ease),box-shadow var(--t-2) var(--ease)}.try-card video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%}.try-item:focus-within,.try-item:hover,.try-item[data-open]{z-index:2}.try-item:focus-within .try-card,.try-item:hover .try-card,.try-item[data-open] .try-card{transform:rotate(0deg) scale(1.28);box-shadow:0 18px 40px rgba(0,0,0,.45)}.try-card[aria-pressed=true]{box-shadow:0 0 0 2px var(--color-accent)}.try-pop{position:absolute;left:50%;bottom:calc(100% + 28px);width:260px;padding:12px 14px;border-radius:16px;background:color-mix(in srgb,var(--color-card) 92%,transparent);backdrop-filter:blur(12px);border:1px solid var(--color-border);box-shadow:0 16px 40px rgba(0,0,0,.35);text-align:left;opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity var(--t-2) var(--ease),transform var(--t-2) var(--ease),visibility 0s linear var(--t-2);pointer-events:none}.try-item:focus-within .try-pop,.try-item:hover .try-pop,.try-item[data-open] .try-pop{opacity:1;visibility:visible;transform:translate(-50%);transition-delay:0s;pointer-events:auto}.try-pop-name{font-weight:600;font-size:.9375rem}.try-pop-intro{margin-top:4px;font-size:.8125rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.try-pop-use{margin-top:10px}@media (max-width:767px){.hero{--r:230px;--h:170px}.ring-card{left:-55px;top:-98px;width:110px;height:196px;border-radius:12px}.hero-sub{font-size:1rem;max-width:30ch}.try-row{gap:8px}.try-card{width:60px;border-radius:10px}.try-pop{width:220px;bottom:calc(100% + 18px)}.try-item:focus-within .try-card,.try-item:hover .try-card,.try-item[data-open] .try-card{transform:rotate(0deg) scale(1.12)}}.vfs{position:relative;height:250vh;background:var(--color-media)}.vfs-stage{position:sticky;top:0;height:100vh;overflow:hidden;touch-action:pan-y;color:#fff}.vfs-bg{inset:-40px;width:calc(100% + 80px);height:calc(100% + 80px);filter:blur(28px) grayscale(1) brightness(.5)}.vfs-bg,.vfs-video{position:absolute;object-fit:cover}.vfs-video{inset:0;width:100%;height:100%;clip-path:inset(40% 39% 40% 39% round 12px)}.vfs-frame{position:absolute;left:0;top:0;width:320px;height:220px;cursor:grab;touch-action:none;--vf-color:#fff;--vf-size:20px;--vf-inset:0px;transition:opacity var(--t-2) var(--ease)}.vfs-stage[data-expanded=true] .vfs-frame{opacity:0}.vfs-cross{position:absolute;left:50%;top:50%;width:14px;height:14px;transform:translate(-50%,-50%);background:linear-gradient(#fff,#fff) 50% /1px 100% no-repeat,linear-gradient(#fff,#fff) 50% /100% 1px no-repeat;opacity:.9}.vfs-hud{position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(0,0,0,.55),transparent 24%,transparent 66%,rgba(0,0,0,.6))}.vfs-hud-top{position:absolute;top:28px;left:28px;display:flex;align-items:center;gap:18px}.vfs-effect{margin-left:8px}.vfs-left,.vfs-right{position:absolute;top:50%;transform:translateY(-50%)}.vfs-left{left:28px}.vfs-right{right:28px}.vfs-bl{position:absolute;left:28px;bottom:44px}.vfs-ruler{position:absolute;left:18%;right:18%;bottom:22px;height:12px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.9) 0 1px,transparent 1px 60px) bottom /100% 12px repeat-x,repeating-linear-gradient(90deg,rgba(255,255,255,.45) 0 1px,transparent 1px 12px) bottom /100% 6px repeat-x}.vfs-ruler:after{content:"";position:absolute;left:50%;bottom:0;width:2px;height:16px;margin-left:-1px;background:var(--color-accent)}.vfs-title{position:absolute;left:24px;right:24px;bottom:14%;display:flex;flex-wrap:wrap;justify-content:center;font-size:clamp(2.5rem,7vw,6rem);color:#fff;text-align:center;pointer-events:none;text-shadow:0 2px 20px rgba(0,0,0,.4)}.word{display:inline-flex;white-space:nowrap;margin-right:.28em}.word:last-child{margin-right:0}.vfs-letter{display:inline-block;--k:clamp(0,calc((var(--p, 0) - 0.42 - var(--i) * 0.012) * 7),1);opacity:var(--k);transform:translateY(calc((1 - var(--k)) * .4em))}.vfs-hint{position:absolute;right:28px;bottom:44px;font-size:.75rem;color:rgba(255,255,255,.7);opacity:calc(1 - var(--p, 0) * 3)}@media (max-width:767px){.vfs{height:220vh}.vfs-frame{width:220px;height:150px}.vfs-video{clip-path:inset(40% 22% 40% 22% round 12px)}.vfs-hud-top{top:20px;left:20px}.vfs-left{left:20px}.vfs-right{right:20px}.vfs-bl{left:20px;bottom:40px}.vfs-hint{right:20px;bottom:40px}.vfs-title{bottom:18%}}.how{position:relative;padding:96px 0}@media (min-width:768px) and (prefers-reduced-motion:no-preference){.how{height:300vh;padding:0}.how-sticky{position:sticky;top:0;display:flex;align-items:center;height:100vh}}.how-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:48px;width:100%}.how-grid>*{min-width:0}@media (min-width:1024px){.how-grid{grid-template-columns:5fr 7fr;align-items:center;gap:80px}}.how-tabs{display:flex;flex-direction:column;margin-top:32px;border-top:1px solid var(--color-border)}.how-tab{position:relative;display:grid;grid-template-columns:3rem 1fr;gap:8px;padding:20px 0 22px;border-bottom:1px solid var(--color-border);text-align:left;color:var(--color-muted-foreground);transition:color var(--t-2) var(--ease)}.how-tab[aria-selected=true]{color:var(--color-foreground)}.how-num{padding-top:6px;font-size:.8125rem;color:var(--color-muted-foreground)}.how-body{display:flex;flex-direction:column;gap:4px}.how-step{font-size:1.5rem}.how-desc{font-size:.9375rem}.how-bar{position:absolute;left:0;right:0;bottom:-1px;height:2px;overflow:hidden}.how-fill{display:block;height:100%;background:var(--color-accent);transform-origin:left;transform:scaleX(0)}.how-fill-timed{animation:how-fill 5s linear forwards}@keyframes how-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width:1023px){.how-tabs{flex-direction:row;gap:16px;overflow-x:auto;border-top:0;scroll-snap-type:x mandatory;padding-bottom:4px}.how-tab{flex:none;width:78%;scroll-snap-align:start;border-top:1px solid var(--color-border)}}.app{display:flex;flex-direction:column;aspect-ratio:4/3;max-height:72vh;overflow:hidden}.app-bar{display:flex;align-items:center;gap:6px;padding:12px 14px;border-bottom:1px solid var(--color-border)}.app-bar>span:nth-child(-n+3){width:10px;height:10px;border-radius:50%;background:var(--color-border-strong)}.app-url{margin-left:12px;padding:4px 12px;border-radius:var(--radius-control);background:var(--color-border);font-size:.75rem;color:var(--color-muted-foreground)}.app-body{position:relative;flex:1;min-height:0;padding:28px}.app-step{place-items:center;width:100%;height:100%;animation:reveal var(--t-2) var(--ease)}.app-drop,.app-step{position:relative;display:grid}.app-drop{place-items:center}.app-drop,.cx-tile-lg{width:98px;height:123px}.cx-tile-lg{border-radius:16px}.app-thumb{position:absolute;left:50%;top:50%;width:86px;height:112px;margin:-56px 0 0 -43px;border-radius:12px;object-fit:cover;box-shadow:0 16px 40px rgba(0,0,0,.45);animation:app-drop 1.1s var(--ease) .3s both}@keyframes app-drop{0%{opacity:0;transform:translate(-40px,-220px) rotate(-10deg)}60%{opacity:1;transform:translateY(6px) rotate(2deg)}to{opacity:1;transform:translate(0) rotate(0deg)}}.app-pick{display:flex;flex-direction:column;gap:20px;place-items:stretch}.app-chips{display:flex;flex-wrap:wrap;gap:8px}.app-chips .chip{animation:reveal var(--t-2) var(--ease) both;animation-delay:calc(var(--i) * 80ms)}.app-chip-on{animation:app-select .6s var(--ease) .7s both!important}@keyframes app-select{0%{background:transparent;color:var(--color-foreground);border-color:var(--color-border-strong)}to{background:var(--color-foreground);color:var(--color-background);border-color:var(--color-foreground)}}.app-stage{flex:1;min-height:0}.app-stage img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}.app-result{width:min(240px,56%);aspect-ratio:9/16;max-height:100%;--vf-color:#fff}.app-result video{width:100%;height:100%;object-fit:cover}.app-toast{position:absolute;left:50%;bottom:4px;display:flex;align-items:center;gap:16px;padding:8px 8px 8px 18px;border-radius:var(--radius-control);background:var(--color-foreground);white-space:nowrap;transform:translateX(-50%);animation:app-toast var(--t-2) var(--ease) 1.2s both}.app-toast,.app-toast .h-ui{color:var(--color-background)}.app-toast .h-ui{font-size:1.125rem}@keyframes app-toast{0%{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%)}}.row{display:grid;align-items:center;gap:32px;padding:48px 0}@media (min-width:1024px){.row{grid-template-columns:1fr 1fr;gap:80px;padding:72px 0}.row[data-flip=true] .row-text{order:2}}.row-title{font-size:clamp(2rem,3.4vw,3rem)}.row-text p{margin:16px 0 20px;font-size:1.0625rem}.row-media{will-change:transform}.row-frame{overflow:hidden;aspect-ratio:4/5;max-height:560px;border-radius:var(--radius-panel);background:var(--color-media)}.row-frame video{width:100%;height:100%;object-fit:cover;object-position:50% 20%}.bubbles{position:relative;min-height:100vh;padding:120px 0 0;overflow:hidden;background:var(--color-media)}.bubbles-title{position:relative;z-index:1;display:flex;flex-direction:column;font-size:clamp(3.5rem,10vw,9rem);pointer-events:none}.bubbles-l2{padding-left:14vw}.bubble-box{position:absolute;inset:0}.bubble{position:absolute;left:0;top:0;overflow:hidden;border-radius:50%;background:var(--color-card);box-shadow:0 10px 40px rgba(0,0,0,.45);cursor:grab;touch-action:none;will-change:transform;transform:translate(-200vw)}.bubble video{width:100%;height:100%;object-fit:cover;pointer-events:none}.bubble-name{position:absolute;left:0;right:0;bottom:0;padding:10px 6px 8px;text-align:center;font-size:.6875rem;font-weight:600;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.65));opacity:0;transition:opacity var(--t-1) var(--ease)}.bubble:focus-visible .bubble-name,.bubble:hover .bubble-name,.bubbles-static .bubble-name{opacity:1}.bubble-held{z-index:2;cursor:grabbing}.bubbles-static{min-height:0;padding-bottom:96px}.bubbles-static .bubble-box{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:48px 24px 0}.bubbles-static .bubble{position:relative;transform:none;cursor:pointer}.cases-grid{display:grid;gap:16px;margin:36px 0 0;padding:0;list-style:none}@media (min-width:768px){.cases-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.cases-grid{grid-template-columns:repeat(3,1fr)}}.case{padding:28px}.case-title{margin-bottom:10px;font-size:1.375rem}.case p{font-size:.9375rem}.stats{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:0;padding:0;list-style:none}.stat{display:block;font-size:clamp(2.5rem,5vw,4rem)}.quotes{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:32px 0 0;padding:0;list-style:none}.quotes li{padding:24px}.cta{position:relative;height:200vh;background:var(--color-media)}.cta-static{height:auto;padding:120px 0}.cta-sticky{position:sticky;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;overflow:hidden}.cta-static .cta-sticky{position:relative;height:auto}.cta-cards{position:absolute;inset:0;pointer-events:none}.cta-card{position:absolute;left:50%;top:50%;width:180px;aspect-ratio:9/16;margin:-160px 0 0 -90px;opacity:calc(.9 - var(--p, 0) * .6);transform:translate(calc(var(--ox) + var(--dir) * var(--p, 0) * 28vw),var(--oy)) rotate(var(--rot))}.cta-card video{width:100%;height:100%;object-fit:cover}.cta-title{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;font-size:clamp(3.5rem,11vw,10rem);text-align:center}.cta-mask{display:inline-block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}.cta-letter{display:inline-block;--k:clamp(0,calc((var(--p, 0) - 0.12 - var(--i) * 0.035) * 4),1);transform:translateY(calc((1 - var(--k)) * 110%))}.cta-static .cta-letter{transform:none}.cta-body{margin-top:20px;max-width:40ch;text-align:center;opacity:clamp(0,calc((var(--p, 0) - .5) * 4),1)}.cta-body,.cta-btn{position:relative;z-index:1}.cta-btn{margin-top:40px;opacity:clamp(0,calc((var(--p, 0) - .55) * 4),1)}.cta-static .cta-body,.cta-static .cta-btn{opacity:1}@media (max-width:767px){.cta-card{width:110px;margin:-98px 0 0 -55px}}:root:not([data-theme=light]):has(.ambient) :is(.hero,.vfs,.bubbles,.cta){background:transparent}