html:has(.landing),.landing{overflow-x:clip}.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:24px;padding:14px max(24px,calc((100% - 1200px)/2 + 24px));background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.nav nav{display:flex;gap:22px;margin-left:auto;font-size:15px;color:var(--muted)}.nav nav a{text-decoration:none}.nav nav a:hover{color:var(--ink)}@media(max-width:720px){.nav nav{display:none}.nav .btn{margin-left:auto}}main{max-width:1200px;margin:0 auto;padding:0 24px}.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:56px;align-items:center;padding:64px 0 96px}.field{position:absolute;pointer-events:none;overflow:hidden;background:radial-gradient(40% 60% at 70% 30%,var(--brand),transparent 70%),radial-gradient(40% 60% at 30% 80%,var(--p4),transparent 70%),radial-gradient(50% 70% at 90% 90%,var(--p2),transparent 70%),var(--p5)}.field>canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important}.hero-field{z-index:-2;top:-80px;bottom:-40px;left:calc(50% - 50vw);width:100vw;-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent);mask-image:linear-gradient(180deg,#000 78%,transparent)}.wash{position:absolute;z-index:-1;top:-80px;bottom:-41px;left:calc(50% - 50vw);width:100vw;pointer-events:none;background:linear-gradient(90deg,var(--bg) 0%,var(--bg) 28%,color-mix(in srgb,var(--bg) 72%,transparent) 44%,color-mix(in srgb,var(--bg) 10%,transparent) 66%,transparent 80%),linear-gradient(0deg,var(--bg) 0%,transparent 22%)}@media(max-width:900px){.wash{background:linear-gradient(180deg,var(--bg) 0%,var(--bg) 34%,color-mix(in srgb,var(--bg) 40%,transparent) 52%,transparent 66%,transparent 86%,var(--bg) 100%)}}.hl-mask{padding-bottom:.2em;margin-bottom:-.2em}.hero h1{margin:0;font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-.045em;font-weight:800;text-wrap:balance}.lede{margin:22px 0 0;font-size:19px;line-height:1.5;color:var(--muted);max-width:30em}.cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.cta .btn{height:50px;padding:0 22px;font-size:16px}.fine{margin:16px 0 0;font-size:14px;color:var(--faint)}.demo{position:relative;background:color-mix(in srgb,var(--panel) 86%,transparent);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-radius:24px;padding:12px;box-shadow:inset 0 1px #fffc,0 50px 90px -40px color-mix(in oklab,var(--p1) 70%,transparent),0 0 0 1px #ffffff80;transition:scale .4s cubic-bezier(.2,.8,.2,1)}.demo.over{scale:1.015}.demo-photo{position:relative;border-radius:16px;overflow:hidden;background:var(--soft);aspect-ratio:4 / 3}.demo-photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.demo-photo{cursor:crosshair}.demo.loading #demoImg{filter:saturate(.6) brightness(.9);transition:filter .3s}.pins{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pin{position:absolute;left:0;top:0;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:3px solid #fff;box-shadow:0 4px 14px #00000059,0 0 0 1px #00000026}.pin:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%;border:2px solid rgba(255,255,255,.85);opacity:0;animation:ping 2.8s cubic-bezier(.2,.8,.2,1) infinite;animation-delay:var(--d, 0s)}@keyframes ping{0%{transform:scale(.6);opacity:.9}70%,to{transform:scale(1.5);opacity:0}}.loupe{position:absolute;left:0;top:0;z-index:3;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;border:4px solid #fff;pointer-events:none;box-shadow:0 10px 30px #00000059,0 0 0 1px #0003;opacity:0;scale:.4;transition:opacity .2s,scale .25s cubic-bezier(.2,.8,.2,1)}.loupe.on{opacity:1;scale:1}.loupe b{position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%);font:600 12px var(--mono);white-space:nowrap;padding:4px 8px;border-radius:999px;background:#141416;color:#fff}@media(pointer:coarse){.loupe{display:none}.demo-photo{cursor:default}}.drop-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:color-mix(in srgb,var(--ink) 55%,transparent);color:#fff;font-weight:700;font-size:20px;opacity:0;transition:opacity .2s;pointer-events:none}.demo.over .drop-hint{opacity:1}.demo-sw{list-style:none;margin:10px 0 0;padding:0;display:flex;height:92px;border-radius:14px;overflow:hidden}.demo-sw li{position:relative;flex:1 1 0;min-width:min(78px,(100vw - 72px) / 5);display:flex;flex-direction:column;justify-content:flex-end;padding:10px clamp(4px,1.4vw,10px);font-size:12px;line-height:1.25;overflow:hidden;container-type:inline-size}.demo-sw li b{font:600 clamp(9.5px,2.9vw,13px) var(--mono);letter-spacing:.01em;white-space:nowrap}.demo-sw li>span{opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@container (max-width: 47px){.demo-sw li>span{display:none}}.demo-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 6px 4px;font-size:14px;color:var(--muted)}@media(pointer:coarse){.foot-r{font-size:0}.foot-r .pick{font-size:14px}}.demo-foot #demoName{font-weight:600;color:var(--ink)}.pick{color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-weight:600}.pick input{position:absolute;width:1px;height:1px;opacity:0}.pick:focus-within{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}.demo-err{margin:6px;font-size:14px;color:var(--bad)}@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr);gap:36px;padding:36px 0 64px}}.strip{margin:0 calc(50% - 50vw) 56px;padding:6px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.strip-track{display:flex;gap:14px;width:max-content;min-height:68px;will-change:transform}.strip.still{overflow-x:auto}.chip{display:flex;align-items:center;gap:12px;padding:8px 14px 8px 8px;border:0;border-radius:18px;background:var(--panel);box-shadow:0 0 0 1px var(--line);cursor:pointer;text-align:left;transition:box-shadow .2s,transform .3s cubic-bezier(.2,.8,.2,1)}.chip:hover{transform:translateY(-3px);box-shadow:0 0 0 1.5px var(--ink),0 16px 30px -18px #0006}.chip img{width:52px;height:52px;border-radius:12px;object-fit:cover}.chip .bars{display:flex;width:150px;height:52px;border-radius:10px;overflow:hidden}.chip .bars i{flex:1}.chip b{display:block;font-size:14px}.chip small{display:block;font:500 11.5px var(--mono);color:var(--faint)}h2{font-size:clamp(30px,3.6vw,44px);line-height:1.04;letter-spacing:-.035em;font-weight:750;margin:0;text-wrap:balance}.features{padding:40px 0 80px}.fgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}@media(max-width:900px){.fgrid{grid-template-columns:minmax(0,1fr)}}.f{background:var(--panel);border-radius:20px;padding:14px 14px 22px;box-shadow:0 0 0 1px var(--line)}.f h3{margin:18px 8px 6px;font-size:19px;letter-spacing:-.02em}.f p{margin:0 8px;color:var(--muted);font-size:15.5px}.fvis{height:170px;border-radius:12px;overflow:hidden;background:var(--soft)}.shares{display:flex;flex-direction:column;justify-content:flex-end;padding:14px;gap:6px}.shares div{display:flex;align-items:center;gap:10px;font:500 12px var(--mono);color:var(--muted)}.shares i{height:18px;border-radius:6px;min-width:8px}.pairs{display:grid;gap:4px;padding:10px}.pairs span{display:grid;place-items:center;border-radius:7px;font-size:13px;font-weight:700;position:relative}.pairs span small{position:absolute;right:4px;bottom:2px;font:600 9px var(--mono);opacity:.85}.scale{display:flex;flex-direction:column;padding:10px;gap:3px}.scale div{flex:1;display:flex;gap:3px}.scale i{flex:1;border-radius:4px}.how{padding:40px 0 80px}.steps-wrap{position:relative;margin-top:32px}.steps-line{position:absolute;z-index:1;top:41px;left:40px;right:calc((100% - 32px) / 3 - 40px);height:3px;border-radius:3px;background:var(--line);pointer-events:none}.steps-line i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px;background:var(--brand);transform-origin:left;transform:scaleX(var(--fill, 1))}@media(max-width:900px){.steps-line{display:none}}.steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:900px){.steps{grid-template-columns:minmax(0,1fr)}}.steps li{counter-increment:s;position:relative;padding:24px 22px;border-radius:20px;background:var(--panel);box-shadow:0 0 0 1px var(--line);display:grid;gap:6px;align-content:start}.steps li:before{content:counter(s);position:relative;z-index:2;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;margin-bottom:10px;background:var(--brand);color:var(--on-brand);font-weight:700;transition:background .4s,color .4s,box-shadow .4s}.steps li.dim:before{background:var(--panel);color:var(--faint);box-shadow:inset 0 0 0 2px var(--line)}.steps b{font-size:19px;letter-spacing:-.02em}.steps span{color:var(--muted);font-size:15.5px}.export{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center;padding:40px 0 90px}@media(max-width:900px){.export{grid-template-columns:minmax(0,1fr)}}.ex-copy p{color:var(--muted);font-size:17px;margin:16px 0 24px;max-width:28em}.ex-panel{position:relative;background:#141416;color:#e9e9ec;border-radius:20px;padding:14px;box-shadow:0 30px 60px -30px #00000080}.ex-tabs{display:flex;gap:4px;flex-wrap:wrap}.ex-tabs button{border:0;border-radius:999px;padding:7px 13px;font-size:13.5px;font-weight:600;background:transparent;color:#a6a6ad;cursor:pointer}.ex-tabs button[aria-selected=true]{background:#2a2a2f;color:#fff}.code{margin:12px 0 0;padding:16px;border-radius:12px;background:#0d0d0f;font:500 13.5px/1.6 var(--mono);overflow:auto;min-height:220px;white-space:pre}.code .sw{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;vertical-align:-1px;box-shadow:0 0 0 1px #ffffff26}.code .ln{display:block;min-height:1.6em}.code .hx{color:#fff}.ex-copybtn{position:absolute;right:18px;top:16px;color:#fff;box-shadow:inset 0 0 0 1.5px #3a3a40}.ex-copybtn:hover{background:#2a2a2f}.band{position:relative;isolation:isolate;overflow:hidden;margin:0 0 80px;padding:84px 32px;border-radius:28px;text-align:center;display:grid;justify-items:center;gap:28px;color:#fff;background:color-mix(in oklab,var(--p1) 72%,#000)}.band-field{top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(55% 75% at 22% 28%,var(--brand),transparent 70%),radial-gradient(50% 70% at 82% 74%,var(--brand),transparent 70%),radial-gradient(60% 80% at 62% 0%,var(--p2),transparent 70%),var(--p1)}.band-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(80% 90% at 50% 50%,#0a0a0c47,#0a0a0c8f)}.band h2{color:#fff;max-width:16em;font-size:clamp(32px,4.4vw,56px);text-shadow:0 2px 24px rgba(0,0,0,.25)}.band .btn{height:54px;padding:0 28px;font-size:16px}.btn.light{background:#fff;color:#141416;box-shadow:0 14px 30px -14px #0009}.foot{max-width:1200px;margin:0 auto;padding:0 24px 40px;color:var(--faint);font-size:14px}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}