@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:600;src:url(/native-surface/assets/sora-latin-600-normal-Cdg4DaK0.woff2) format("woff2"),url(/native-surface/assets/sora-latin-600-normal-1_7fyUAY.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/native-surface/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/native-surface/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/native-surface/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/native-surface/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/native-surface/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/native-surface/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/native-surface/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2) format("woff2"),url(/native-surface/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/native-surface/assets/jetbrains-mono-latin-500-normal-BWZEU5yA.woff2) format("woff2"),url(/native-surface/assets/jetbrains-mono-latin-500-normal-CJOVTJB7.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/native-surface/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2) format("woff2"),url(/native-surface/assets/space-grotesk-latin-400-normal-BnQMeOim.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/native-surface/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2) format("woff2"),url(/native-surface/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/native-surface/assets/space-grotesk-latin-600-normal-DjKNqYRj.woff2) format("woff2"),url(/native-surface/assets/space-grotesk-latin-600-normal-BflQw4A9.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/native-surface/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2) format("woff2"),url(/native-surface/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff) format("woff")}:root{--bg: #06070A;--surface: #0E1015;--surface-2: #151821;--line: #FFFFFF14;--text: #F2F5F9;--text-muted: #98A2B3;--text-dim: #5F6879;--glow: #22D3EE;--glow-2: #8B5CF6;--app-bg: #0C0E12;--app-surface: #181C24;--app-accent: #C6F432;--font-display: "Sora", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html{--stage-scale: 1;background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--bg);font-family:var(--font-body);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}img,svg,canvas{display:block}a{color:inherit;text-decoration:none}.inline-link{text-decoration:underline;text-decoration-color:#ffffff38;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .15s,text-decoration-color .15s}.inline-link:hover,.inline-link:focus-visible{color:var(--text);text-decoration-color:currentColor}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--app-accent);outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.shader-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.eyebrow{margin:0;font:400 12px var(--font-mono);letter-spacing:.12em;color:#7a8496;white-space:pre}.section-title{margin:0;font-family:var(--font-body);font-weight:600;color:var(--text)}.mark{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff1f;color:var(--text);flex:none}.brand{display:inline-flex;align-items:center;gap:10px;font:600 18px var(--font-body);letter-spacing:-.03em;color:var(--text)}.btn-primary{display:inline-flex;align-items:center;gap:9px;padding:14px 22px;border-radius:10px;background:var(--text);font:600 15px var(--font-body);letter-spacing:-.01em;color:#0a0b0d;white-space:nowrap;transition:background .16s ease}.btn-primary:hover{background:#fff}.btn-ghost{display:inline-flex;align-items:center;padding:14px 22px;border-radius:10px;background:none;box-shadow:inset 0 0 0 1px #ffffff1f;font:500 15px var(--font-body);letter-spacing:-.01em;color:var(--text-muted);white-space:nowrap;transition:box-shadow .16s ease,color .16s ease}.btn-ghost:hover{box-shadow:inset 0 0 0 1px #ffffff3d;color:var(--text)}.slot-placeholder{-webkit-user-select:none;user-select:none}.x-link{display:inline-flex;align-items:center;gap:8px;flex:none;padding:8px 14px 8px 12px;border-radius:999px;background:none;box-shadow:inset 0 0 0 1px #ffffff1f;font:500 14px var(--font-body);color:var(--text-muted);white-space:nowrap;transition:box-shadow .16s ease,color .16s ease}.x-link:hover,.x-link:focus-visible{box-shadow:inset 0 0 0 1px #ffffff3d;color:var(--text)}.phone3d{position:absolute;left:0;top:0;width:560px;height:780px;perspective-origin:50% 50%;pointer-events:none}.phone3d__plane{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:translate3d(0,var(--phone-lift, 0px),0) rotateY(var(--phone-rotate-y)) rotateX(var(--phone-rotate-x)) rotate(var(--phone-rotate-z)) scale(var(--phone-scale));pointer-events:none}.phone{position:absolute;transform-origin:0 0;transform-style:preserve-3d;pointer-events:none}.phone3d__facet{position:absolute;left:0;top:0;transform-origin:0 0;backface-visibility:hidden;background:#5c6473}.phone__back{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:var(--frame-radius);transform-origin:0 0;transform-style:preserve-3d;backface-visibility:hidden;background-color:#2b303b;background-image:radial-gradient(120% 70% at 20% 0%,#ffffff10,#fff0 60%),linear-gradient(165deg,#ffffff08,#00000030);box-shadow:inset 0 0 0 1.5px #ffffff14}.phone__back>*{position:absolute;backface-visibility:hidden}.phone__back-gloss{top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(118deg,#fff0,#fff0 34%,#fff5 44%,#fffc,#fff5 56%,#fff0 66%,#fff0) 0 0 / 300% 300% no-repeat;transform:translateZ(.3px);opacity:.05}.phone__island-wall,.phone__camera{left:20px;top:20px;width:168px;height:175px;border-radius:48px}.phone__island-wall{background:#4a505c}.phone__camera{transform:translateZ(3.4px);background-color:#343a46;background-image:linear-gradient(150deg,#ffffff12,#fff0 55%,#00000026);box-shadow:inset 0 0 0 1px #ffffff1c,inset 0 -2px 6px #00000040}.phone__camera>span{position:absolute;border-radius:50%}.phone__lens{width:60px;height:60px;background:radial-gradient(circle at 37% 33%,#fffa 0,#fffa 1.5px,#fff0 3px),radial-gradient(circle at 60% 64%,#8b5cf640 0,#8b5cf640 3px,#8b5cf600 7px),radial-gradient(circle,#030409 0,#030409 21%,#1c2547 25%,#0b0e18 33%,#050608 50%,#2b3039 53%,#9aa3b2 59%,#4b525e 64%,#1c2027 72%,#30353f);box-shadow:0 1.5px 3px #000a,0 0 0 1px #0009}.phone__flash{width:19px;height:19px;background:radial-gradient(circle,#fff7e6 0,#fff7e6 30%,#d9cfb8 55%,#6b6658);box-shadow:0 0 0 1px #0008}.phone__lidar{width:19px;height:19px;background:radial-gradient(circle,#1d2130 0,#1d2130 45%,#0a0b10 70%,#3a3f49);box-shadow:0 0 0 1px #0008}.phone__mic{width:5px;height:5px;background:#0b0c10}.phone__back-mark{left:175px;top:411px;width:76px;height:76px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #ffffff12,0 0 0 1px #00000030;transform:translateZ(.2px)}.phone__body{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--frame-radius);background:linear-gradient(225deg,#3a3f4a,#1a1d24 45%,#4a505c);backface-visibility:hidden}.phone__body:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;background:linear-gradient(240deg,#c9d2e0,#5b6270,#aab3c2);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.phone__screen{position:absolute;inset:var(--bezel);border-radius:var(--screen-radius);overflow:hidden;background:#f4f2f1;display:flex;flex-direction:column;transform:translateZ(.5px);backface-visibility:hidden}.phone__gloss{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--frame-radius);background:linear-gradient(118deg,#fff0,#fff0 33%,#ffffff30 42%,#ffffffb0 48%,#ffffffd0,#ffffffb0 52%,#ffffff30 58%,#fff0 67%,#fff0) 50% 50% / 300% 300% no-repeat;opacity:.16;transform:translateZ(1px);backface-visibility:hidden;pointer-events:none}.hero3d-sparkle{position:absolute;left:-80px;top:240px;width:720px;height:620px;pointer-events:none}.phone__status{z-index:1;pointer-events:none}.live-hero{position:relative}.hero__device.is-intro .hero__caption,.hero__device.is-intro .hero__shadow{opacity:0}.hero__device.is-landed .hero__shadow{opacity:1;transition:opacity .7s ease}.hero__device.is-settled .hero__caption{opacity:1;transition:opacity .6s ease .12s}.hero__device{touch-action:pan-y}.hero__device.is-dragging,.hero__device.is-dragging *{cursor:grabbing!important}.hero__device .live-hero{cursor:auto}.hero__hint{position:absolute;left:20px;top:824px;width:520px;margin:0;text-align:center;font:400 11px var(--font-mono);letter-spacing:.5px;color:#5f6879;white-space:pre;pointer-events:none;opacity:0;transition:opacity .5s ease}.hero__device.is-settled .hero__hint{opacity:1;transition:opacity .7s ease .9s}.hero__device .hero__hint.is-dismissed{opacity:0;transition:opacity .6s ease}@media(prefers-reduced-motion:reduce){.hero__hint,.hero__shadow{transition:none!important}}.callout-group,.callout-group *{pointer-events:none}.ide__preview{width:auto}.live-pg{position:relative}button.ide__item{width:100%;border:0;background:none;font:inherit;font-size:12.5px;text-align:left;cursor:pointer}button.ide__item:hover:not(.is-selected){background:#ffffff08;color:#c3cad6}button.ide__item.is-selected{background:#ffffff0f}.prop__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#5f6879 50%),linear-gradient(135deg,#5f6879 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 10px) 50%;background-size:4px 4px;background-repeat:no-repeat}.prop__select option{background:#0a0c10}.seg button:disabled{opacity:.45;cursor:not-allowed}.live-xl-item{align-self:flex-start;margin-top:8px;padding:10px;border-radius:12px;background:#f4f2f1}.phone3d,.phone3d__plane{pointer-events:none}.nav{position:absolute;top:0;left:0;width:1440px;padding:28px 64px;display:flex;justify-content:space-between;align-items:center;z-index:5}.nav__links{display:flex;gap:36px;align-items:center}.nav__links a{font:400 14px var(--font-body);color:var(--text-muted);transition:color .16s ease}.nav__links a:hover,.nav__icon:hover{color:var(--text)}.nav__actions{display:flex;gap:20px;align-items:center}.nav__icon{position:relative;display:grid;place-items:center;flex:none;color:var(--text-muted);transition:color .16s ease}.nav__menu-btn,.nav__menu{display:none}@media(max-width:899px){.nav{position:relative;width:100%;padding:18px 20px;flex-wrap:nowrap}.nav .brand{flex:none;gap:8px;white-space:nowrap}.nav__links{display:none}.nav__actions{flex:none;gap:8px}.nav__icon:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.nav__menu-btn{display:grid;place-items:center;flex:none;width:44px;height:44px;margin:-10px 0;color:var(--text-muted);border-radius:10px}.nav__menu-btn:hover,.nav__menu-btn[aria-expanded=true]{color:var(--text)}.nav__menu{display:flex;flex-direction:column;position:absolute;top:calc(100% - 8px);left:20px;right:20px;z-index:20;padding:8px;border-radius:14px;background:#0e1015ee;box-shadow:0 18px 48px #000000a0,inset 0 0 0 1px #ffffff18;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.nav__menu[hidden]{display:none}.nav__menu a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:10px;font:500 15px var(--font-body);color:var(--text-muted)}.nav__menu a:hover,.nav__menu a:focus-visible{color:var(--text);background:#ffffff0d}}@media(max-width:899px){.nav__x{position:relative;padding:0;background:none;box-shadow:none;color:var(--text-muted)}.nav__x .x-link__handle{display:none}.nav__x:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.nav__menu .nav__menu-x{gap:10px;margin-top:4px;border-radius:10px;color:var(--text);background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff1a}}.nav .brand{font:600 18px var(--font-body);letter-spacing:-.03em}.nav .mark{background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff1f;color:var(--text)}@media(min-width:900px){.nav .x-link{background:none;box-shadow:inset 0 0 0 1px #ffffff1f;color:var(--text-muted);transition:box-shadow .16s ease,color .16s ease}.nav .x-link:hover,.nav .x-link:focus-visible{background:none;box-shadow:inset 0 0 0 1px #ffffff3d;color:var(--text)}}.hero{position:relative;height:calc(980px * var(--stage-scale));overflow:hidden;background:var(--bg);isolation:isolate;--hero-accent: var(--app-accent)}.hero__stage{position:absolute;top:0;left:50%;width:1440px;height:980px;transform:translate(-50%) scale(var(--stage-scale));transform-origin:top center;z-index:1}.hero__copy{position:absolute;left:96px;top:244px;width:700px;display:flex;flex-direction:column;align-items:flex-start}.hero__headline{margin:0;display:flex;flex-direction:column;font:600 92px/.98 var(--font-body);letter-spacing:-.045em;color:var(--text)}.hero__headline>span{display:block;white-space:nowrap}.hero__stop{color:var(--hero-accent)}.hero__dek{margin:22px 0 0;font:500 30px/1.2 var(--font-body);letter-spacing:-.025em;color:#c4cad4}.hero__sub{margin:26px 0 0;max-width:54ch;padding-top:26px;border-top:1px solid var(--line);font:400 17px/1.6 var(--font-body);color:var(--text-muted)}.hero__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:36px}.hero .btn-primary{gap:9px;padding:14px 22px;border-radius:10px;background:var(--text);box-shadow:none;font:600 15px var(--font-body);letter-spacing:-.01em;color:#0a0b0d;transition:background .16s ease}.hero .btn-primary:hover{background:#fff;box-shadow:none;transform:none}.command{display:inline-flex;align-items:center;gap:14px;padding:9px 14px;border-radius:10px;background:none;box-shadow:inset 0 0 0 1px #ffffff1a;color:var(--text-dim);transition:box-shadow .16s ease,color .16s ease}.command__lines{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.command code{font:400 12px/1.5 var(--font-mono);color:#c4cad4;white-space:nowrap}.command code+code{color:#7a8496}.command:hover{box-shadow:inset 0 0 0 1px #fff3;color:var(--text-muted)}.hero__proof{margin:30px 0 0;display:flex;flex-wrap:wrap;gap:6px 22px;font:400 12px/1.5 var(--font-mono);letter-spacing:.01em;color:var(--text-dim)}.hero__proof div{display:flex;align-items:baseline;white-space:nowrap}.hero__proof dt{font-weight:500;color:var(--text-muted)}.hero__proof dd{margin:0 0 0 .6em}.hero .inline-link{text-decoration-color:#ffffff38}.hero .inline-link:hover,.hero .inline-link:focus-visible{color:var(--text);text-decoration-color:currentColor}.hero__device{position:absolute;left:800px;top:110px;width:560px;height:830px}.hero__shadow{position:absolute;left:120px;top:716px;width:320px;height:46px;border-radius:50%;background:radial-gradient(closest-side,#000000d9,#00000080 45%,#0000);filter:blur(6px);pointer-events:none}.hero__caption{position:absolute;left:20px;top:800px;width:520px;margin:0;display:flex;justify-content:center;align-items:center;gap:10px;font:400 12px var(--font-mono);letter-spacing:.04em;color:#7a8496;white-space:pre}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--hero-accent);flex:none}@property --phone-rotate-x{syntax: "<angle>"; inherits: false; initial-value: -6deg;}@property --phone-rotate-y{syntax: "<angle>"; inherits: false; initial-value: 24deg;}@property --phone-rotate-z{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@property --phone-scale{syntax: "<number>"; inherits: false; initial-value: 1;}@property --phone-lift{syntax: "<length>"; inherits: false; initial-value: 0px;}.phone__status{position:absolute;inset:0 0 auto;padding:0 32px 3px 44px;display:flex;justify-content:space-between;align-items:center;color:#191015}.phone__time{font:600 17px Space Grotesk,system-ui,sans-serif}.phone__island{position:absolute;left:50%;translate:-50% 0;border-radius:999px;background:#000}.phone__indicators{display:flex;gap:6px;align-items:center}.phone__home{position:absolute;left:50%;bottom:8px;width:140px;height:5px;translate:-50% 0;border-radius:3px;background:#191015;z-index:1;pointer-events:none}.phone__app{position:absolute;top:0;right:0;bottom:0;left:0}@media(max-width:899px){.hero{height:auto}.hero__stage{position:relative;left:0;width:100%;height:auto;transform:none;display:flex;flex-direction:column}.hero__copy{position:relative;left:0;top:0;width:100%;padding:44px 20px 0;order:1}.hero__headline{display:block;font-size:clamp(40px,11vw,72px);line-height:1.02;letter-spacing:-.04em;text-wrap:balance}.hero__headline>span{display:inline;white-space:normal}.hero__dek{margin-top:16px;font-size:22px}.hero__sub{max-width:none;margin-top:20px;padding-top:20px;font-size:16px}.hero__ctas{margin-top:26px}.hero__proof{margin-top:22px}.hero__device{--device-scale: min(.9, calc((var(--vw-num, 390) - 24) / 440));position:relative;order:2;left:50%;top:0;margin:56px 0 calc(830px * (var(--device-scale) - 1) + 36px);transform:translate(-50%) scale(var(--device-scale));transform-origin:top center}}.hero__sub--mob{display:none}@media(max-width:599px){.hero__dek,.hero__sub--desk,.hero__ctas .command,.hero__proof{display:none!important}.hero__sub--mob{display:block}.hero__copy{padding:16px 20px 0}.hero__headline{font-size:40px;line-height:1.02}.hero__sub{margin-top:14px;padding-top:0;border-top:0;font-size:15px;line-height:1.45}.hero__ctas{margin-top:18px}.hero .btn-primary{padding:13px 20px}.hero__device{margin-top:4px}.hero__caption{left:72px;width:416px;top:auto;bottom:12px;display:block;text-align:center;line-height:1.5;letter-spacing:.02em;white-space:normal}.hero__caption .live-dot{display:inline-block;margin-right:8px;vertical-align:1px}}.ig-heading{width:272px;font:700 30px/1.12 Space Grotesk,system-ui,sans-serif;letter-spacing:-.4px;color:#191015}.ig-toggle{width:272px;display:flex;justify-content:space-between;align-items:center;font:500 15px Space Grotesk,system-ui,sans-serif;color:#191015}.ig-toggle__track{width:52px;height:30px;padding:3px;border-radius:15px;background:#d7cec9;display:flex;align-items:center}.ig-toggle__knob{width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #19101533}.ig-fav{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:17px;background:#fff;border:1px solid #d7cec9;font:500 13px Space Grotesk,system-ui,sans-serif;color:#191015;white-space:nowrap}.ig-fav.is-fav{background:#f4e0d9;border-color:#dda28e;color:#a54f31}.ig-fav.is-fav svg{color:#c76542}.ig-card{width:272px;display:flex;gap:12px;padding:14px;border-radius:16px;background:#fff;border:1px solid #d7cec9;box-shadow:0 8px 16px #1910150f;font-family:Space Grotesk,system-ui,sans-serif;color:#191015;transition:transform .12s ease}.ig-card.is-pressed{transform:scale(.98);background:#f7f5f4}.ig-card.is-dark{background:#1f1b1d;border-color:#3a3235;color:#f4f2f1}.ig-card.is-dark .ig-card__meta{color:#b5aca8}.ig-card__content{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.ig-card__meta{font-size:11px;color:#564e4a}.ig-card__title{font-size:15px;font-weight:600;line-height:1.25}.ig-card__cover{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none}.ig-tabs{width:320px;display:flex;padding:10px 8px 24px;background:#fff;border-top:1px solid #d7cec9;font:500 11px Space Grotesk,system-ui,sans-serif;color:#191015}.ig-tabs__tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.ig-tabs__tab.is-active{color:#c76542}.exploded{position:relative;overflow:hidden;isolation:isolate;background:var(--bg);display:flex;flex-direction:column;align-items:center;gap:40px;padding:140px 0 120px}.exploded__header{position:relative;z-index:1;width:820px;max-width:calc(100% - 40px);display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.exploded__title{font-size:52px;letter-spacing:-.04em;line-height:1.1}.exploded__body{margin:0;font:400 18px/1.6 var(--font-body);color:var(--text-muted)}.stack-viewport{position:relative;z-index:1;width:100%;height:calc(1120px * var(--stage-scale))}.stack{position:absolute;left:50%;top:0;width:1440px;height:1120px;transform:translate(-50%) scale(var(--stage-scale));transform-origin:top center}.xl-frame{position:absolute;left:230px;width:980px;height:980px;perspective-origin:50% 50%;pointer-events:none}.xl-space{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.xl-plane{position:absolute;transform-origin:50% 50%;transform-style:preserve-3d}.xl-sheet{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#ffffff05;box-shadow:inset 0 0 0 1.5px #ffffff2e}.xl-ink--flat{position:absolute;left:0;top:0;opacity:0}.xl-plane--device{background:linear-gradient(225deg,#3a3f4a,#1a1d24 45%,#4a505c);box-shadow:inset 0 0 0 1.5px #aab3c2}.xl-glass{position:absolute;background:#05060a}.xl-screen{position:absolute;background:#f4f2f1;box-shadow:inset 0 0 0 1px #ffffff1f}.xl-screen__island{position:absolute;left:138px;top:11px;width:126px;height:37px;border-radius:18.5px;background:#000}.xl-screen__time{position:absolute;left:44px;top:18px;font:600 17px Space Grotesk,system-ui,sans-serif;color:#191015}.xl-solid{position:absolute;transform-style:preserve-3d}.xl-gloss{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:58px;mix-blend-mode:plus-lighter;pointer-events:none}.callout{position:absolute;width:270px;display:flex;flex-direction:column;gap:5px}.callout--left{align-items:flex-end;text-align:right}.callout code,.callout-legend code{font:500 15px var(--font-mono);color:var(--text);white-space:nowrap}.callout span{font:400 13px var(--font-body);color:#7a8496}.leader{position:absolute;height:1px}.leader--left{transform-origin:100% 50%;background:#fff3}.leader--right{transform-origin:0 50%;background:#fff3}.anchor{position:absolute;width:10px;height:10px;border-radius:50%;background:#0b0d12;box-shadow:inset 0 0 0 1.5px #c4cad4}.callout-legend{display:none}@media(max-width:899px){.exploded{padding:88px 0 72px;gap:28px}.exploded__title{font-size:clamp(32px,9vw,44px);letter-spacing:-.035em;line-height:1.1}.exploded__body{font-size:16px}.stack-viewport{--s: calc(var(--vw-num, 390) / 860);height:calc(1080px * var(--s));overflow:hidden}.stack{left:0;transform:scale(var(--s)) translate(-290px,10px);transform-origin:0 0}.callout,.leader{display:none}.callout-legend{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin:0;padding:0 20px;list-style:none}.callout-legend li{padding:5px 10px;border-radius:999px;background:none;box-shadow:inset 0 0 0 1px #ffffff1f}.callout-legend code{font-size:12px}}.uth{position:relative;display:flex;flex-direction:column;gap:56px;padding:100px 96px 110px;background:var(--bg)}.uth__header,.pg__header{max-width:720px;display:flex;flex-direction:column;gap:20px}.uth__title,.pg__title{font-size:48px;line-height:1.08;letter-spacing:-.04em}.uth__header{max-width:none}@media(min-width:1100px){.uth__title{white-space:nowrap}}.pipeline{position:relative;margin:0;padding:0;list-style:none;display:flex;gap:32px}.pipeline__rail{position:absolute;left:var(--rail-x, 32px);top:var(--rail-y, 31px);width:var(--rail-len, 960px);height:1px;background:#ffffff24;transform-origin:left center}.pipeline__head{position:absolute;left:var(--rail-x, 32px);top:var(--rail-y, 31px);width:var(--rail-len, 960px);height:2px;opacity:0;pointer-events:none}.pipeline__head:after{content:"";position:absolute;right:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--app-accent)}.step{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:14px}.step__node{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;position:relative;background:var(--bg);box-shadow:inset 0 0 0 1px #ffffff24;color:var(--text)}.step__text{display:flex;flex-direction:column;gap:6px;padding-top:4px}.step__index{font:400 12px var(--font-mono);letter-spacing:.04em;color:#7a8496}.step__title{margin:0;font:600 20px var(--font-body);letter-spacing:-.02em;color:var(--text)}@media(max-width:1100px){.uth{padding:110px 48px 96px}}@media(max-width:899px){.uth{padding:64px 20px 72px;gap:36px}.uth__title,.pg__title{font-size:clamp(32px,9vw,44px);letter-spacing:-.035em}.pipeline{flex-direction:column;gap:20px}.pipeline__rail{left:var(--rail-x, 31px);top:var(--rail-y, 32px);width:1px;height:var(--rail-len, calc(100% - 64px) );transform-origin:center top}.pipeline__head{left:var(--rail-x, 31px);top:var(--rail-y, 32px);width:1px;height:var(--rail-len, calc(100% - 64px) )}.pipeline__head:after{right:-3px;top:auto;bottom:-3px}.step{flex-direction:row;align-items:center;gap:18px}.step__node{flex:none}.step__text{padding-top:0}}.pipeline{--draw: 1.2s;--stagger: .18s;--lead: .12s}.pipeline--armed .pipeline__rail{transform:scaleX(0)}.pipeline--armed .step__node{opacity:0;transform:scaleY(.6);transform-origin:center bottom}.pipeline--armed .step__index,.pipeline--armed .step__title{opacity:0;transform:translateY(8px);filter:blur(4px)}.pipeline--in .pipeline__rail{animation:uth-draw-x var(--draw) cubic-bezier(.16,1,.3,1) both}.pipeline--in .pipeline__head{animation:uth-head-x var(--draw) cubic-bezier(.16,1,.3,1) both}.pipeline--in .step__node{animation:uth-node .56s cubic-bezier(.3,.7,.4,1) both;animation-delay:calc(var(--lead) + var(--i) * var(--stagger))}.pipeline--in .step__index,.pipeline--in .step__title{animation:uth-text .42s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--lead) + var(--i) * var(--stagger) + .22s + var(--t, 0ms))}.pipeline--in .step__title{--t: 50ms}@keyframes uth-draw-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes uth-draw-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes uth-head-x{0%{opacity:0;transform:translate(-100%)}8%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(0)}}@keyframes uth-head-y{0%{opacity:0;transform:translateY(-100%)}8%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(0)}}@keyframes uth-node{0%{opacity:0;transform:scaleY(.6)}25%{opacity:1}60%{transform:scaleY(1.04)}to{opacity:1;transform:scaleY(1)}}@keyframes uth-text{0%{opacity:0;transform:translateY(8px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@media(max-width:899px){.pipeline--armed .pipeline__rail{transform:scaleY(0)}.pipeline--in .pipeline__rail{animation-name:uth-draw-y}.pipeline--in .pipeline__head{animation-name:uth-head-y}}@media(prefers-reduced-motion:reduce){.pipeline--armed .pipeline__rail,.pipeline--armed .step__node,.pipeline--armed .step__index,.pipeline--armed .step__title{opacity:1;transform:none;filter:none;animation:none}.pipeline__head{display:none}}.nsp{--nsp-bg: #06070a;--nsp-window: #0d0f14;--nsp-bar: #12151c;--nsp-panel: #0a0c10;--nsp-canvas: #0b0d12;--nsp-drawer: #08090d;--nsp-surface: #0e1015;--nsp-surface-2: #151821;--nsp-line: #ffffff14;--nsp-text: #f2f5f9;--nsp-text-2: #e5e9f0;--nsp-muted: #98a2b3;--nsp-dim: #5f6879;--nsp-glow: #22d3ee;--nsp-glow-2: #8b5cf6;--nsp-live: #c6f432;--nsp-error: #fb7185;--nsp-dot: #232937;--nsp-font-body: "Inter", system-ui, sans-serif;--nsp-font-mono: "JetBrains Mono", ui-monospace, monospace;--nsp-height: 780px;--nsp-radius: 20px;box-sizing:border-box;color:var(--nsp-text);-webkit-font-smoothing:antialiased}.nsp *,.nsp *:before,.nsp *:after{box-sizing:border-box}.nsp button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.nsp a{color:inherit;text-decoration:none}.nsp p{margin:0}.nsp canvas{display:block}.nsp :focus-visible{outline:2px solid var(--nsp-glow);outline-offset:2px}.nsp [hidden]{display:none!important}.nsp{position:relative;height:var(--nsp-height);display:flex;flex-direction:column;border-radius:var(--nsp-radius);background:var(--nsp-window);box-shadow:0 40px 120px #22d3ee1a,0 0 60px #8b5cf614;overflow:hidden;font-family:var(--nsp-font-mono)}.nsp:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(60deg,#22d3ee66,#ffffff14,#8b5cf666);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:3}.nsp__bar{height:52px;flex:none;display:flex;align-items:center;gap:16px;padding:0 16px;background:var(--nsp-bar);box-shadow:inset 0 -1px #ffffff10}.nsp__lights{display:flex;gap:7px}.nsp__lights i{width:11px;height:11px;border-radius:50%}.nsp__spacer{flex:1 1 0;min-width:0;min-height:0}.nsp-seg{display:flex;gap:2px;padding:3px;border-radius:9px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff14}.nsp-seg button{padding:5px 12px;border-radius:6px;font:500 12px var(--nsp-font-body);color:#7a8496;transition:background .14s ease,color .14s ease}.nsp-seg button:hover{color:#c3cad6}.nsp-seg button.is-on{background:#ffffff14;color:var(--nsp-text)}.nsp__url{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;background:#ffffff08;font-size:12px;color:var(--nsp-muted);white-space:nowrap;min-width:0;overflow:hidden}.nsp__size{padding:5px 10px;border-radius:6px;background:#ffffff08;font-size:11px;color:#7a8496}.nsp__live{display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:1px;color:var(--nsp-live);white-space:nowrap}.nsp__live-dot{width:7px;height:7px;background:var(--nsp-live);box-shadow:0 0 6px var(--nsp-live)}.nsp__body{flex:1;min-height:0;display:flex}.nsp__sidebar{width:240px;flex:none;display:flex;flex-direction:column;gap:2px;padding:18px 14px;background:var(--nsp-panel);box-shadow:inset -1px 0 #ffffff10}.nsp__search{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff10;font:400 12px var(--nsp-font-body);color:var(--nsp-dim)}.nsp__search:focus-within{box-shadow:inset 0 0 0 1px #22d3ee66}.nsp__search input{flex:1;min-width:0;border:0;padding:0;background:none;font:inherit;color:var(--nsp-text-2);outline:none}.nsp__search input::placeholder{color:var(--nsp-dim)}.nsp__search input::-webkit-search-cancel-button{display:none}.nsp__search kbd{font:400 11px var(--nsp-font-mono)}.nsp__clear{display:grid;place-items:center;width:18px;height:18px;border-radius:4px;color:#7a8496}.nsp__clear:hover{background:#ffffff10;color:var(--nsp-text-2)}.nsp__lists{flex:1;min-height:0;display:flex;flex-direction:column;gap:18px;margin:14px -6px 0;padding:0 6px 8px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffffff1a transparent}.nsp__empty{margin:0;padding:0 10px;font-size:11.5px;color:var(--nsp-dim)}.nsp__heading{margin:0;font:400 10px var(--nsp-font-mono);letter-spacing:1px;color:var(--nsp-dim)}.nsp__item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;font-size:12.5px;color:var(--nsp-muted);white-space:nowrap}.nsp__item svg{color:var(--nsp-dim);flex:none}.nsp__item.is-selected{background:#22d3ee14;color:#e6fbff}.nsp__item.is-selected svg{color:#67e8f9}.nsp__group{display:flex;flex-direction:column;gap:1px}.nsp__group .nsp__heading{padding-bottom:6px}.nsp__center{flex:1;min-width:0;display:flex;flex-direction:column}.nsp__canvas{position:relative;flex:1;min-height:0;display:flex;justify-content:center;align-items:center;background:var(--nsp-canvas);overflow:hidden}.nsp__stage{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:24px}.nsp__states{background:#ffffff0a}.nsp__states button{padding:5px 10px;font:400 11px var(--nsp-font-mono)}.nsp__states button.is-on{background:#22d3ee1f;color:#a5f3fc}.nsp__preview{width:340px}.nsp__timing{margin:0;font-size:11px;color:var(--nsp-dim);white-space:pre}.nsp__source,.nsp__drawer-source{position:relative;z-index:1;margin:0;max-width:100%;padding:24px;overflow:auto;font:400 12.5px/1.6 var(--nsp-font-mono);color:#c3cad6}.nsp__drawer-source{padding:0;max-height:120px;font-size:12px}.nsp__drawer{flex:none;background:var(--nsp-drawer);box-shadow:inset 0 1px #ffffff10}.nsp__drawer-bar{display:flex;align-items:center;gap:18px;padding:10px 18px;box-shadow:inset 0 -1px #ffffff0a}.nsp__drawer-bar button{font:400 11px var(--nsp-font-mono);letter-spacing:.5px;color:var(--nsp-dim)}.nsp__drawer-bar button.is-on{color:#a5f3fc}.nsp__code{display:flex;flex-direction:column;gap:6px;padding:16px 18px 20px;font-size:13px;white-space:pre;min-height:135px}.nsp__props{width:300px;flex:none;display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--nsp-panel);box-shadow:inset 1px 0 #ffffff10}.nsp-prop{display:flex;flex-direction:column;gap:6px}.nsp-prop--row{flex-direction:row;justify-content:space-between;align-items:center}.nsp-prop__key{font-size:11px;color:var(--nsp-muted)}.nsp-prop__input{width:100%;padding:8px 10px;border:0;border-radius:8px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff14;font:400 12px var(--nsp-font-mono);color:var(--nsp-text-2);text-overflow:ellipsis;outline:none;transition:box-shadow .14s ease}.nsp-prop__input:focus,.nsp-prop__input.is-hot{box-shadow:inset 0 0 0 1px #22d3ee80}.nsp-switch{width:32px;height:18px;padding:2px;border-radius:9px;background:#2a303c;display:flex;justify-content:flex-start;transition:background .16s ease}.nsp-switch span{width:14px;height:14px;border-radius:50%;background:var(--nsp-muted);transition:transform .16s ease}.nsp-switch.is-on{background:var(--nsp-glow)}.nsp-switch.is-on span{background:var(--nsp-bg);transform:translate(14px)}.nsp__event{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:8px;background:#c6f43210;font-size:11px;color:var(--nsp-muted)}.nsp__event-name{color:var(--nsp-live);white-space:pre}.nsp__env{display:flex;flex-direction:column;gap:10px;padding-top:14px;box-shadow:inset 0 1px #ffffff10}.nsp__select{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:8px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff14;font-size:12px;color:var(--nsp-text-2)}.nsp__theme button{flex:1;padding:5px 0;font:400 11px var(--nsp-font-mono)}@media(max-width:1240px){.nsp__sidebar{width:200px}.nsp__props{width:260px}}@media(max-width:1023px){.nsp__sidebar{display:none}}@media(max-width:899px){.nsp{height:auto}.nsp__bar{height:46px;gap:10px;padding:0 12px}.nsp__url,.nsp__size{display:none}.nsp__body{flex-direction:column}.nsp__canvas{min-height:360px;padding:28px 12px}.nsp__preview{width:auto}.nsp__code{min-height:0;overflow-x:auto;font-size:11.5px}.nsp__props{width:100%;box-shadow:inset 0 1px #ffffff10}.nsp__props>.nsp__spacer{display:none}}.nsp--loading{background:var(--nsp-window)}.nsp__states button{text-transform:lowercase}.nsp__stage[hidden]{display:none}.nsp__preview{position:relative}.nsp-live__frame{position:relative;transform-origin:0 0}.nsp__error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:16px;border-radius:12px;background:#1a0d12f2;box-shadow:inset 0 0 0 1px #fb718566;font-size:11.5px;color:#fda4af;white-space:pre-wrap}.nsp__error strong{color:#fb7185;font-weight:500}.nsp__muted{margin:0;font-size:12px;color:var(--nsp-dim);white-space:normal}.nsp__filepath{font-size:10.5px;color:var(--nsp-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.nsp__badge{margin-left:6px;padding:0 5px;border-radius:6px;background:#c6f4321f;color:var(--nsp-live);font-size:10px}.nsp__drawer-action{font:400 10.5px var(--nsp-font-mono);color:var(--nsp-dim)}.nsp__drawer-action:hover{color:#c3cad6}.nsp__codeview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;background:#0b0d12f0}.nsp__files{flex:none;display:flex;align-items:center;gap:4px;padding:10px 14px;box-shadow:inset 0 -1px #ffffff0a}.nsp__files button{padding:5px 10px;border-radius:6px;font:400 11.5px var(--nsp-font-mono);color:#7a8496}.nsp__files button.is-on{background:#ffffff0f;color:var(--nsp-text-2)}.nsp__codeview .nsp__source{flex:1;min-height:0;max-width:none;padding:16px 18px}.nsp-code{margin:0;font:400 13px/1.75 var(--nsp-font-mono);color:#c3cad6;white-space:pre;-moz-tab-size:2;tab-size:2}.nsp-code code{display:block;width:max-content;min-width:100%}.nsp-code__line{display:flex}.nsp-code__n{flex:none;width:2.2em;padding-right:1em;text-align:right;color:#3d4452;-webkit-user-select:none;user-select:none}.nsp-console{font-size:12px}.nsp-code .token.comment,.nsp-code .token.prolog{color:var(--nsp-dim);font-style:italic}.nsp-code .token.keyword,.nsp-code .token.module,.nsp-code .token.control-flow{color:#c4b5fd}.nsp-code .token.string,.nsp-code .token.template-string,.nsp-code .token.number,.nsp-code .token.boolean{color:var(--nsp-live)}.nsp-code .token.tag,.nsp-code .token.class-name,.nsp-code .token.builtin{color:#67e8f9}.nsp-code .token.attr-name,.nsp-code .token.property{color:#c4b5fd}.nsp-code .token.function{color:var(--nsp-text)}.nsp-code .token.punctuation,.nsp-code .token.operator{color:#7a8496}.nsp__code{height:146px;min-height:0;overflow:auto;gap:0;padding:14px 18px 16px;scrollbar-width:thin;scrollbar-color:#ffffff1a transparent}.nsp__code .nsp-code{font-size:13px}.nsp__code[data-tab=Source] .nsp-code,.nsp__code[data-tab=Console] .nsp-code{font-size:12px;line-height:1.65}.nsp__fields{flex:1;min-height:0;display:flex;flex-direction:column;gap:16px;margin:0 -20px;padding:2px 20px 12px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffffff1a transparent}.nsp-prop__input[type=date]{color-scheme:dark}.nsp-prop__input[type=date]::-webkit-calendar-picker-indicator{opacity:.45;cursor:pointer}.nsp-prop__input.is-bad{box-shadow:inset 0 0 0 1px #fb718599}.nsp__event{transition:background .2s ease}.nsp__event.is-fired{background:#c6f4321a}.nsp__event-state{color:var(--nsp-live)}.nsp__event:not(.is-fired) .nsp__event-state{color:#7a8496}.nsp__select{position:relative;gap:8px;cursor:pointer}.nsp__select select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;cursor:pointer;font-size:16px}.nsp__select:before{content:attr(data-label)}.nsp__select-dim{margin-left:auto;font-size:10.5px;color:var(--nsp-dim)}.nsp__select:focus-within{box-shadow:inset 0 0 0 1px #22d3ee66}.nsp-device{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:-apple-system,"SF Pro Text",var(--nsp-font-body);color:#191015}.nsp-device--dark{color:#f4f2f1}.nsp-device__bar{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 34px 0 46px}.nsp-device--island .nsp-device__bar{align-items:flex-start;padding-top:21px}.nsp-device--notch-less .nsp-device__bar{padding:0 10px}.nsp-device--android .nsp-device__bar{padding:0 22px}.nsp-device__time{font-size:17px;font-weight:600;letter-spacing:-.2px}.nsp-device--notch-less .nsp-device__time,.nsp-device--android .nsp-device__time{font-size:13px}.nsp-device__island{position:absolute;left:50%;top:11px;width:124px;height:36px;margin-left:-62px;border-radius:18px;background:#000}.nsp-device__icons{display:flex;align-items:center;gap:6px;padding-top:3px}.nsp-device__icons i{display:block;background:currentColor}.nsp-device__signal{width:17px;height:11px;clip-path:polygon(0 100%,100% 0,100% 100%);border-radius:1px}.nsp-device__wifi{width:15px;height:11px;clip-path:polygon(50% 100%,0 25%,15% 8%,50% 0,85% 8%,100% 25%)}.nsp-device__battery{width:25px;height:12px;border-radius:3.5px;opacity:.9}.nsp-device--notch-less .nsp-device__icons i,.nsp-device--android .nsp-device__icons i{transform:scale(.8)}.nsp-device__home{position:absolute;left:50%;bottom:8px;width:140px;height:5px;margin-left:-70px;border-radius:3px;background:currentColor}.nsp__canvas[data-layout=fullscreen] .nsp__stage{gap:16px}@media(hover:none)and (pointer:coarse){.nsp-switch{position:relative}.nsp-switch:after{content:"";position:absolute;top:-13px;right:-6px;bottom:-13px;left:-6px}}@media(max-width:1023px)and (min-width:900px){.nsp__sidebar{display:flex;width:184px}}@media(max-width:899px){.nsp__sidebar{display:flex;width:100%;padding:12px;box-shadow:inset 0 -1px #ffffff10}.nsp__lists{flex-direction:row;gap:14px;margin:10px -12px 0;padding:0 12px 4px;overflow-x:auto;overflow-y:hidden}.nsp__group{flex-direction:row;align-items:center;gap:4px}.nsp__group .nsp__heading{padding:0 4px 0 0;white-space:nowrap}button.nsp__item{width:auto;padding:8px 10px;min-height:36px;box-shadow:inset 0 0 0 1px #ffffff10}.nsp__canvas{min-height:380px}.nsp__canvas[data-layout=fullscreen]{height:620px}.nsp__codeview{position:relative;max-height:520px}.nsp__code{height:200px;overflow-x:auto}.nsp__fields{overflow:visible}.nsp-prop__input,.nsp__search input{font-size:16px}.nsp__search{padding:10px 12px}.nsp-switch{position:relative}.nsp-switch:after{content:"";position:absolute;top:-13px;right:-6px;bottom:-13px;left:-6px}}.nsp-prop__date{position:relative;display:flex}.nsp-prop__date .nsp-prop__input{padding-right:34px}.nsp-prop__pick{position:absolute;right:4px;top:50%;width:28px;height:28px;margin-top:-14px;display:grid;place-items:center;border-radius:6px;color:var(--nsp-dim)}.nsp-prop__pick:hover{color:var(--nsp-text-2);background:#ffffff0d}.nsp-prop__picker{position:absolute;right:0;bottom:0;width:1px;height:1px;opacity:0;pointer-events:none;color-scheme:dark}.nsp__code[hidden]{display:none}.nsp .nsp-prop__select{padding-right:26px;background-color:#ffffff08;background-image:linear-gradient(45deg,transparent 50%,#7a8496 50%),linear-gradient(135deg,#7a8496 50%,transparent 50%);background-position:calc(100% - 15px) 52%,calc(100% - 11px) 52%;background-size:4px 4px;background-repeat:no-repeat}.nsp-live{overflow:hidden;overflow:clip;isolation:isolate}.nsp-live--framed{box-shadow:0 24px 60px #000000a0}.nsp__live-dot{border-radius:50%}.nsp__preview{width:auto}.nsp-live{position:relative}button.nsp__url{cursor:pointer;font:inherit;font-size:12px;color:var(--nsp-muted)}button.nsp__url:hover{color:var(--nsp-text-2)}.nsp__url svg{flex:none;color:var(--nsp-dim)}.nsp__url span{overflow:hidden;text-overflow:ellipsis}.nsp__link:hover{color:var(--nsp-text-2)}.nsp__dots{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(55% 45% at 50% 45%,#22d3ee0d,#22d3ee00),radial-gradient(circle,var(--nsp-dot) 1.1px,transparent 1.6px) 0 0 / 22px 22px,var(--nsp-canvas);pointer-events:none}button.nsp__item{width:100%;font-size:12.5px;text-align:left}button.nsp__item span{overflow:hidden;text-overflow:ellipsis}button.nsp__item:hover:not(.is-selected){background:#ffffff08;color:#c3cad6}.nsp-prop__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.nsp-prop__key{overflow:hidden;text-overflow:ellipsis}.nsp .story-error{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;min-width:260px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:16px;border-radius:12px;background:#1a0d12f2;box-shadow:inset 0 0 0 1px #fb718566;font-size:11.5px;color:#fda4af;white-space:pre-wrap}.nsp .story-error strong{color:var(--nsp-error);font-weight:500}.nsp .story-error pre{margin:0;font:inherit;white-space:pre-wrap;word-break:break-word}.nsp .story-error.not-bridged{background:#1a160df2;box-shadow:inset 0 0 0 1px #fbbf2466;color:#fde68a}.nsp .story-error.not-bridged strong{color:#fbbf24}.nsp .story-error-hint{color:var(--nsp-muted)}.nsp__events{display:flex;flex-direction:column;gap:4px}.nsp__event-tag{margin-left:8px;color:var(--nsp-dim)}.nsp__event-row{display:flex;justify-content:space-between;gap:8px;padding:3px 10px;font-size:10.5px;color:var(--nsp-dim)}.nsp__event-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nsp__events-clear{align-self:flex-end;padding:2px 0}.nsp-tok--punct{color:#7a8496}.nsp-tok--tag{color:#67e8f9}.nsp-tok--attr{color:#c4b5fd}.nsp-tok--ident{color:var(--nsp-text)}.nsp-tok--lit{color:var(--nsp-live)}.nsp-log--mount{color:var(--nsp-muted)}.nsp-log--render{color:#67e8f9}.nsp-log--event{color:var(--nsp-live)}.nsp-log--env{color:#c4b5fd}.nsp-log--error{color:var(--nsp-error)}.nsp__badge--warn{background:#fbbf241f;color:#fbbf24}.nsp-audit{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:12px;white-space:normal}.nsp-audit li{display:flex;gap:12px;align-items:baseline}.nsp-audit__spec{color:#fbbf24}.nsp-audit__importer{color:var(--nsp-dim);overflow:hidden;text-overflow:ellipsis}.nsp__sizes{display:flex;gap:8px}.nsp__field{flex:1;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--nsp-dim)}.nsp__blank{flex:1;display:grid;place-items:center;padding:40px}.nsp__muted{font-family:var(--nsp-font-mono)}.nsp--shoot{height:auto;border-radius:0;background:transparent;box-shadow:none}.nsp--shoot:after{display:none}.nsp-shoot{position:relative;background:#fff}.nsp__props-head{display:flex;justify-content:space-between;align-items:center}.pg{position:relative;display:flex;flex-direction:column;gap:56px;padding:120px 96px 140px;background:var(--bg)}.pg__lede{margin:0;font:400 18px/1.6 var(--font-body);color:var(--text-muted)}.pg .pg__ide{--nsp-font-body: var(--font-body);--nsp-font-mono: var(--font-mono);--nsp-glow: var(--app-accent);--nsp-glow-2: #c4cad4}.pg .nsp{box-shadow:0 30px 80px #0000008c}.pg .nsp:after{background:#ffffff1a}.pg .nsp__live-dot{box-shadow:none}.pg .nsp__item.is-selected{background:#ffffff0f;color:var(--text)}.pg .nsp__item.is-selected svg{color:var(--text)}.pg .nsp__states button.is-on{background:#ffffff14;color:var(--text)}.pg .nsp__drawer-bar button.is-on{color:var(--text)}.pg .nsp__search:focus-within,.pg .nsp__select:focus-within,.pg .nsp-prop__input:focus,.pg .nsp-prop__input.is-hot{box-shadow:inset 0 0 0 1px #ffffff40}.pg .nsp__dots{background:radial-gradient(circle,var(--nsp-dot) 1.1px,transparent 1.6px) 0 0 / 22px 22px,var(--nsp-canvas)}.pg .nsp-code .token.tag,.pg .nsp-code .token.class-name,.pg .nsp-code .token.builtin,.pg .nsp-tok--tag,.pg .nsp-log--render{color:var(--text)}.pg .nsp-code .token.keyword,.pg .nsp-code .token.module,.pg .nsp-code .token.control-flow,.pg .nsp-code .token.attr-name,.pg .nsp-code .token.property,.pg .nsp-tok--attr,.pg .nsp-log--env{color:var(--text-muted)}.pg__ide--loading{height:var(--nsp-height, 780px);border-radius:20px;background:#0d0f14}@media(max-width:1240px){.pg{padding:110px 48px 120px}}@media(max-width:899px){.pg{padding:88px 16px 96px;gap:36px}.pg__lede{font-size:16px;line-height:1.5}}.cta{position:relative;isolation:isolate;overflow:hidden;height:520px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:0 20px;text-align:center;background:var(--bg);border-top:1px solid var(--line)}.cta__title{font-size:64px;letter-spacing:-.045em;line-height:1}.cta__body{margin:0;font:400 18px/1.5 var(--font-body);color:var(--text-muted)}.cta__buttons{display:flex;align-items:center;gap:12px;padding-top:14px}@media(max-width:899px){.cta{height:auto;min-height:0;padding:96px 20px 104px;gap:18px}.cta__title{font-size:clamp(40px,11vw,56px);letter-spacing:-.04em;line-height:1.02}.cta__body{font-size:16px;line-height:1.5}.cta__buttons{flex-direction:column;align-items:stretch;width:100%;max-width:320px}.cta__buttons a{justify-content:center}}.footer{display:flex;align-items:center;gap:40px;padding:36px 96px;background:var(--bg);border-top:1px solid var(--line)}.footer__links{display:flex;align-items:center;gap:28px;margin-left:auto}.footer__links a{display:inline-flex;align-items:center;gap:6px;font:400 14px var(--font-body);color:var(--text-muted);transition:color .16s ease}.footer__links a:hover{color:var(--text)}.footer__copy{margin:0;font:400 13px var(--font-body);color:#7a8496}@media(max-width:1100px){.footer{padding:32px 48px;gap:28px}}@media(max-width:899px){.footer{flex-direction:column;align-items:flex-start;gap:20px;padding:40px 20px 48px}.footer__links{margin-left:0;flex-wrap:wrap;gap:4px 24px}.footer__links a{min-height:44px}}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0;transition:opacity 1.8s ease}.backdrop.is-on{opacity:1}.has-backdrop main,.has-backdrop .footer{position:relative;z-index:1}.has-backdrop :is(.hero,.exploded,.pg,.uth,.cta,.footer){background:transparent}@media(prefers-reduced-motion:reduce){.backdrop{transition:none}}