.glass-surface{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .26s ease-out}.glass-surface__filter{width:100%;height:100%;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;z-index:-1}.glass-surface__content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:inherit;position:relative;z-index:1}.glass-surface--svg{background:light-dark(hsl(0 0% 100% / var(--glass-frost, 0)),hsl(0 0% 0% / var(--glass-frost, 0)));-webkit-backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));box-shadow:0 0 2px 1px light-dark(color-mix(in oklch,black,transparent 85%),color-mix(in oklch,white,transparent 65%)) inset,0 0 10px 4px light-dark(color-mix(in oklch,black,transparent 90%),color-mix(in oklch,white,transparent 85%)) inset,0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,0 4px 16px #11111a0d inset,0 8px 24px #11111a0d inset,0 16px 56px #11111a0d inset}.glass-surface--fallback{background:#ffffff52;backdrop-filter:blur(6px) saturate(1.4);-webkit-backdrop-filter:blur(6px) saturate(1.4);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268733,0 2px 16px #1f26871a,inset 0 1px #fff6,inset 0 -1px #fff3}@media (prefers-color-scheme: dark){.glass-surface--fallback{background:#ffffff24;backdrop-filter:blur(6px) saturate(1.4);-webkit-backdrop-filter:blur(6px) saturate(1.4);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}}@supports not (backdrop-filter: blur(10px)){.glass-surface--fallback{background:#fff6;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff4d}.glass-surface--fallback:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff26;border-radius:inherit;z-index:-1}}@supports not (backdrop-filter: blur(10px)){@media (prefers-color-scheme: dark){.glass-surface--fallback{background:#0006}.glass-surface--fallback:before{background:#ffffff0d}}}.glass-surface:focus-visible{outline:2px solid light-dark(#007aff,#0a84ff);outline-offset:2px}html.bat3d-on,html.bat3d-on body{background:#000}.bat3d{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-template-rows:minmax(0,1fr);align-items:center;column-gap:clamp(24px,4vw,80px);padding:clamp(28px,8vh,96px) clamp(24px,9vw,180px);background:#000;color:#fff}.bat3d-copy{position:relative;z-index:2}.bat3d-title{width:fit-content;margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",var(--font-display);font-size:clamp(2.25rem,5vw,6rem);font-weight:600;line-height:1.05;letter-spacing:-.035em;will-change:transform,opacity,filter}.bat3d-title-line{display:block;padding-bottom:.1em;margin-bottom:-.1em;color:transparent;background-image:linear-gradient(172deg,#fff,#fff 36%,#ffffffe6 60%,#ffffff8a);background-repeat:no-repeat;background-size:100% 200%;background-position:0 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:bat3dTitleIn 1.3s cubic-bezier(.16,1,.3,1) both}.bat3d-title-line:nth-child(2){background-position:0 100%;animation-delay:.14s}@keyframes bat3dTitleIn{0%{opacity:0;transform:translateY(.42em);filter:blur(14px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.bat3d-device{position:relative;z-index:3;align-self:stretch;min-width:0;min-height:0}.bat3d-cam,.bat3d-tilt{position:absolute;top:0;right:0;bottom:0;left:0}.bat3d-fit{position:absolute;left:50%;top:50%;width:300px;height:624px;transform:translate(-50%,-50%) scale(var(--s, 1))}.bat3d-rise{position:relative;animation:bat3dPhoneIn 1.5s cubic-bezier(.16,1,.3,1) .2s both}@keyframes bat3dPhoneIn{0%{opacity:0;transform:translateY(46px) scale(.955);filter:blur(16px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.bat3d-rim{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:52px;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff21,0 0 0 1px #0009}.bat3d-halos{position:absolute;left:var(--hx, 75%);top:var(--hy, 50%);width:0;height:0;z-index:0;pointer-events:none;animation:bat3dHalosIn 2.2s ease-out both}@keyframes bat3dHalosIn{0%{opacity:0}to{opacity:1}}.bat3d-halo{position:absolute;left:calc(var(--w) / -2);top:calc(var(--h) / -2);width:var(--w);height:var(--h);border-radius:50%;mix-blend-mode:screen;will-change:transform;background:radial-gradient(closest-side,rgb(var(--c) / var(--a)),rgb(var(--c) / calc(var(--a) * .982)),rgb(var(--c) / calc(var(--a) * .93)),rgb(var(--c) / calc(var(--a) * .849)),rgb(var(--c) / calc(var(--a) * .748)),rgb(var(--c) / calc(var(--a) * .634)),rgb(var(--c) / calc(var(--a) * .519)),rgb(var(--c) / calc(var(--a) * .409)),rgb(var(--c) / calc(var(--a) * .31)),rgb(var(--c) / calc(var(--a) * .226)),rgb(var(--c) / calc(var(--a) * .157)),rgb(var(--c) / calc(var(--a) * .105)),rgb(var(--c) / calc(var(--a) * .066)),rgb(var(--c) / calc(var(--a) * .038)),rgb(var(--c) / calc(var(--a) * .02)),rgb(var(--c) / calc(var(--a) * .008)),rgb(var(--c) / 0))}.bat3d-halo--mint{--c: 52 211 153;--a: 1;--w: 158vmin;--h: 136vmin;animation:bat3dMint 17s cubic-bezier(.45,0,.55,1) -6s infinite alternate}.bat3d-halo--blue{--c: 38 98 255;--a: .86;--w: 150vmin;--h: 128vmin;animation:bat3dBlue 23s cubic-bezier(.45,0,.55,1) -16s infinite alternate}.bat3d-halo--aqua{--c: 110 231 183;--a: .7;--w: 104vmin;--h: 92vmin;animation:bat3dAqua 13s cubic-bezier(.45,0,.55,1) -3s infinite alternate}.bat3d-halo--deep{--c: 24 58 190;--a: .5;--w: 176vmin;--h: 140vmin;animation:bat3dDeep 31s cubic-bezier(.45,0,.55,1) -12s infinite alternate}@keyframes bat3dMint{0%{transform:translate3d(-20vw,22vh,0) rotate(-14deg) scale(.94)}to{transform:translate3d(15vw,-24vh,0) rotate(12deg) scale(1.1)}}@keyframes bat3dBlue{0%{transform:translate3d(17vw,-26vh,0) rotate(18deg) scale(1.08)}to{transform:translate3d(-21vw,24vh,0) rotate(-10deg) scale(.94)}}@keyframes bat3dAqua{0%{transform:translate3d(24vw,12vh,0) rotate(8deg) scale(.9)}to{transform:translate3d(-21vw,-10vh,0) rotate(-8deg) scale(1.12)}}@keyframes bat3dDeep{0%{transform:translate3d(-12vw,-14vh,0) rotate(-6deg) scale(1)}to{transform:translate3d(10vw,16vh,0) rotate(8deg) scale(1.1)}}.bat3d-grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.22;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@media (max-aspect-ratio: 1/1),(max-width: 720px){.bat3d{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);row-gap:clamp(20px,4vh,44px);padding:clamp(40px,8vh,84px) clamp(20px,6vw,56px) clamp(24px,5vh,56px)}.bat3d-copy{text-align:center}.bat3d-title{margin-inline:auto;font-size:clamp(2rem,8.5vw,4.25rem)}}