@layer components{:is(html:has(.landing),body:has(.landing)){height:auto;overflow:auto}.landing{--sans:"Geist", "Geist Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"JetBrains Mono", "JetBrains Mono Fallback", "SF Mono", Menlo, Consolas, monospace;font-family:var(--sans)}.landing h1,.landing h2{letter-spacing:-.045em;text-wrap:balance;font-weight:500;line-height:1.04}.l-defer{content-visibility:auto;contain-intrinsic-size:auto 56rem}.l-reveal{overflow-anchor:none}.l-hl{color:var(--acc)}.l-hero{background-image:radial-gradient(ellipse 60% 50% at 50% 0%, color-mix(in srgb, var(--acc) 9%, transparent), transparent 70%), linear-gradient(color-mix(in srgb, var(--line) 55%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--line) 55%, transparent) 1px, transparent 1px);background-position:50% -1px;background-size:auto,56px 56px,56px 56px}.l-product{-webkit-mask-image:linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(#000 60%,#0000 100%)}.l-hero .l-fade{z-index:2;pointer-events:none;background:linear-gradient(transparent, var(--bg));height:clamp(220px,32vw,460px);position:absolute;inset:auto 0 0}.l-floats{pointer-events:none;position:absolute;inset:0}.l-float{background:linear-gradient(160deg, var(--chrome), var(--bg));border:1px solid var(--line2);width:148px;font-size:var(--text-body);transform:translate(calc(var(--px,0) * var(--d,1) * 10px), calc(var(--py,0) * var(--d,1) * 8px)) rotate(var(--r,0deg));left:clamp(8px, calc(50% + var(--x) * .9px - 74px), calc(100% - 156px));top:calc(var(--y) * 1px);border-radius:14px;flex-direction:column;gap:2px;padding:12px 14px;transition:transform .9s cubic-bezier(.2,.7,.2,1),left .4s;animation:7s ease-in-out infinite l-bob;display:flex;position:absolute;box-shadow:inset 0 1px #ffffff0d,0 20px 40px -18px #0009}@keyframes l-bob{50%{translate:0 -8px}}.l-float b{letter-spacing:-.02em;font-weight:600}.l-float-s{font-family:var(--mono);font-size:var(--text-caption);color:var(--faint)}.l-float-d{font-family:var(--mono);font-size:var(--text-caption);color:var(--acc)}.l-f1{--r:-7deg;--d:1.4}.l-f2{--r:4deg;--d:.7;animation-delay:-2s}.l-f3{--r:-4deg;--d:.9;animation-delay:-4s}.l-f4{--r:6deg;--d:1.2;animation-delay:-1s}.l-f5{--r:5deg;--d:1.8;animation-delay:-3s}.l-f6{--r:-6deg;--d:1.5;animation-delay:-5s}@media (width<=68.75rem){.l-f1,.l-f4{display:none}}@media (width<=53.75rem){.l-floats{display:none}}.l-picker{background:var(--panel);border:1px solid var(--line2);box-shadow:0 10px 40px -12px color-mix(in srgb, var(--acc) 35%, transparent);position:relative}.l-hint{color:var(--acc);pointer-events:none;flex-direction:column;align-items:flex-end;transition:opacity .4s;display:flex;position:absolute;bottom:62%;right:-150px}.l-hint-note{font-size:var(--text-body);white-space:nowrap;margin-bottom:.25rem;margin-right:-18px;font-weight:600;rotate:4deg}.l-hint-off{opacity:0}@media (width<=68.75rem){.l-hint{display:none}}.l-picker-glow{animation:1.6s ease-in-out 2 l-glow}@keyframes l-glow{50%{box-shadow:0 10px 40px -12px color-mix(in srgb, var(--acc) 35%, transparent), 0 0 0 6px color-mix(in srgb, var(--acc) 22%, transparent), 0 0 50px -6px color-mix(in srgb, var(--acc) 55%, transparent)}}.l-picked{background:var(--acc);font-weight:600}.l-swap{animation:.45s cubic-bezier(.2,.7,.2,1) both l-rise}@keyframes l-rise{0%{opacity:0;translate:0 14px}}@supports (animation-timeline:view()){.l-reveal{animation:linear both l-rise;animation-timeline:view();animation-range:entry entry 35%}.l-tilt{transform-origin:50% 0;animation:linear both l-flatten;animation-timeline:scroll(root);animation-range:0 520px}@keyframes l-flatten{0%{transform:perspective(1600px)rotateX(16deg)scale(.94)}to{transform:none}}}.l-curve-label{font-size:11px}.l-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 2.2s cubic-bezier(.3,.6,.2,1)}.l-line-once{stroke:var(--faint);stroke-width:2.5px}.l-line-reviewed{stroke:var(--acc);stroke-width:3px;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--acc) 45%, transparent))}.l-dot{transition:opacity .4s}.l-curve[data-seen=false] .l-line{stroke-dashoffset:1px;transition:none}.l-curve[data-seen=false] .l-dot{opacity:0;transition:none}.l-rung{transition:background-color .35s,border-color .35s,box-shadow .35s}.l-frame{box-shadow:0 40px 80px -40px #0009, 0 0 0 1px color-mix(in srgb, var(--acc) 8%, transparent), 0 0 90px -30px color-mix(in srgb, var(--acc) 35%, transparent)}.l-editor .cm-host .cm-editor,.l-editor .cm-host .cm-scroller{min-height:300px}.l-answer,.l-prompt{max-height:260px;overflow:auto}.l-marquee{-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.l-track{animation:90s linear infinite l-scroll}.l-track.l-rev{animation-direction:reverse}.l-marquee:hover .l-track,.l-marquee:focus-within .l-track{animation-play-state:paused}@keyframes l-scroll{to{transform:translate(-50%)}}.l-bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"progress progress phone offline""progress progress phone editor""progress progress share backup"}@media (width<64rem){.l-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"progress progress""phone offline""phone editor""share backup"}}@media (width<40rem){.l-bento{grid-template-columns:minmax(0,1fr);grid-template-areas:"progress""phone""offline""editor""share""backup"}}.l-avatar{background:var(--acc)}.l-final{background:radial-gradient(ellipse 50% 60% at 50% 100%, color-mix(in srgb, var(--acc) 12%, transparent), transparent 70%)}.l-faq summary{list-style:none}.l-faq summary::-webkit-details-marker{display:none}.l-faq-icon{transition:rotate .2s}.l-faq[open] .l-faq-icon{rotate:45deg}.l-light,:root[data-theme=light] .l-dark{display:none}:root[data-theme=light] .l-light{display:block}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .l-dark{display:none}:root:not([data-theme=dark]) .l-light{display:block}}@media (prefers-reduced-motion:reduce){.l-float{transform:rotate(var(--r,0deg));transition:none;animation:none}.l-track,.l-picker-glow,.l-swap,.l-reveal,.l-tilt{animation:none}.l-line,.l-dot,.l-rung{transition:none}}}