:root{color:#f2f1ed;background:#070708;font-family:Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{background:#070708;scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;background:#070708}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #9b87ff;outline-offset:4px}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.source-site{min-height:100vh;background:linear-gradient(90deg,transparent calc(50% - .5px),#121215 50%,transparent calc(50% + .5px)),#070708}.site-header{position:fixed;z-index:20;inset:0 0 auto;border-bottom:1px solid #252529;background:#070708e5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.site-nav{display:flex;align-items:center;justify-content:space-between;width:min(1440px,100%);height:64px;margin:0 auto;padding:0 28px;font-size:13px}.site-brand{display:flex;align-items:center;gap:10px;font-weight:700}.site-brand span{display:grid;width:27px;height:27px;place-items:center;border:1px solid #707076;font:10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.nav-links{display:flex;gap:26px;color:#aaa9ae}.nav-links a{transition:color .16s ease}.nav-links a:hover{color:#f2f1ed}.workspace-layer{position:fixed;z-index:2;top:50%;right:clamp(24px,4vw,64px);width:min(56vw,820px);transform:translateY(-48%)}.product-workspace{overflow:hidden;border:1px solid #414147;background:#0d0d0f;box-shadow:0 32px 100px #00000085}.workspace-titlebar{display:grid;grid-template-columns:72px 1fr 72px;align-items:center;height:36px;padding:0 11px;border-bottom:1px solid #303036;background:#1a1a1e;color:#85848a;font:8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center}.workspace-titlebar>span:last-child{color:#65646a;text-align:right}.window-dots{display:flex;gap:6px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#636268}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:500px}.source-editor{min-width:0;overflow:hidden;border-right:1px solid #303036;background:#111114;transition:opacity .24s ease,transform .24s ease}.editor-tabs{display:flex;border-bottom:1px solid #2d2d32;background:#17171a}.editor-tabs span{padding:12px 16px;border-right:1px solid #2d2d32;color:#d0cfd3;font:8px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.editor-tabs span:last-child{color:#66656b}.install-command{margin:0;padding:11px 14px;border-bottom:1px solid #29292e;color:#a995ff;font:8px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.source-lines{margin:0;padding:14px 12px 14px 44px;color:#66656b;font:8px/1.62 ui-monospace,SFMono-Regular,Menlo,monospace}.source-lines li{min-height:13px;padding-left:8px;transition:color .18s ease,background .18s ease}.source-lines li::marker{color:#4e4d53}.source-lines li.is-active{color:#dedde1;background:#795cff17}.source-lines code{white-space:pre}.runtime-column{display:grid;grid-template-rows:minmax(0,1fr) 184px;min-width:0}.browser-session{position:relative;min-width:0;padding-top:1px;background:#e7e6e2;color:#232327;transition:opacity .24s ease,transform .24s ease}.browser-session:before{content:"‹  ›   ↻";position:absolute;top:19px;left:13px;color:#77767b;font:10px/1 Arial,sans-serif}.browser-address{margin:10px 10px 10px 58px;padding:7px 9px;border:1px solid #c2c1bd;background:#f4f3ef;color:#55545a;font:7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-page{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;margin:18px;padding:18px;border:1px solid #cfcec9;background:#f5f4f0}.browser-page div{display:grid;min-width:0;gap:5px}.browser-page strong{font-size:14px}.browser-page div span{color:#67666b;font-size:9px;line-height:1.4}.browser-avatar{display:grid;width:46px;height:46px;place-items:center;border-radius:50%;background:#252529;color:#f3f2ee;font-size:12px;font-weight:700}.browser-facts{display:grid;margin:0 18px;border-top:1px solid #cbc9c5;border-bottom:1px solid #cbc9c5}.browser-facts div{display:grid;grid-template-columns:1fr 1.25fr;gap:12px;padding:8px 0;border-bottom:1px solid #d3d2ce;font:8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.browser-facts div:last-child{border-bottom:0}.browser-facts dt{color:#77767b}.browser-facts dd{margin:0;color:#2d2c31;overflow-wrap:anywhere}.browser-state{display:grid;gap:8px;margin:0 18px;padding:14px 0;border-top:1px solid #cbc9c5;font:8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.browser-state span{color:#747379}.browser-state strong{color:#6147d8;font-weight:600}.run-console{min-width:0;overflow:hidden;border-top:1px solid #303036;background:#09090b;transition:opacity .24s ease,transform .24s ease}.run-console header{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #29292e;color:#77767c;font:7px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.run-console ul{margin:0;padding:9px 12px 9px 27px;color:#adacb1;font:7px/1.62 ui-monospace,SFMono-Regular,Menlo,monospace}.run-console li::marker{color:#795cff;content:"›  "}.product-workspace[data-emphasis=code] .browser-session,.product-workspace[data-emphasis=code] .run-console,.product-workspace[data-emphasis=browser] .source-editor,.product-workspace[data-emphasis=console] .source-editor,.product-workspace[data-emphasis=console] .browser-session{opacity:.44}.product-workspace[data-emphasis=code] .source-editor,.product-workspace[data-emphasis=browser] .browser-session,.product-workspace[data-emphasis=console] .run-console{opacity:1;transform:translateY(-2px)}.product-workspace[data-emphasis=workspace] .source-editor,.product-workspace[data-emphasis=workspace] .browser-session,.product-workspace[data-emphasis=workspace] .run-console{opacity:1}.source-scenes{position:relative;z-index:4}.source-scene{position:relative;display:flex;min-height:100svh;align-items:center;padding:96px clamp(24px,5vw,76px) 54px;pointer-events:none}.scene-copy{width:min(34vw,460px);pointer-events:auto}.scene-coordinate{display:block;margin-bottom:22px;color:#7c7b81;font:9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.scene-copy h1,.scene-copy h2{margin:0;max-width:620px;font-size:clamp(50px,5.8vw,86px);font-weight:600;line-height:.92;letter-spacing:-.065em}.scene-copy h2{font-size:clamp(44px,4.8vw,72px)}.scene-copy p{max-width:450px;margin:27px 0;color:#aaa9ae;font-size:clamp(15px,1.25vw,18px);line-height:1.6}.inline-command,.clone-command{display:block;width:100%;margin:22px 0 28px;padding:14px 15px;border-left:2px solid #795cff;background:#101012;color:#d2d1d5;font:10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.scene-actions{display:flex;align-items:center;gap:22px;font-size:12px;font-weight:700}.primary-link{display:inline-flex;align-items:center;gap:22px;padding:15px 18px;background:#f2f1ed;color:#070708;transition:background .16s ease,transform .16s ease}.primary-link:hover{background:#fff;transform:translateY(-1px)}.secondary-link{color:#c5c4c8}.scroll-cue{position:absolute;left:clamp(24px,5vw,76px);bottom:30px;display:flex;gap:10px;align-items:center;color:#77767c;font:8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;pointer-events:auto}.risk-note{padding-top:16px;border-top:1px solid #303036;font-size:12px!important}.site-footer{position:relative;z-index:5;display:flex;justify-content:space-between;padding:22px 28px;border-top:1px solid #252529;background:#070708;color:#77767c;font:8px/1 ui-monospace,SFMono-Regular,Menlo,monospace}@media (max-width: 1100px){.workspace-layer{right:24px;width:55vw}.scene-copy{width:36vw}.scene-copy h1{font-size:clamp(48px,6vw,72px)}.scene-copy h2{font-size:clamp(42px,5vw,62px)}}@media (max-width: 760px){.source-site{background:#070708}.site-nav{height:64px;padding:0 16px}.nav-links{gap:16px}.nav-links>a:first-child{display:none}.workspace-layer{position:fixed;z-index:2;top:76px;right:10px;left:10px;width:auto;transform:none}.product-workspace{max-height:51svh;box-shadow:0 24px 70px #000000a3}.workspace-titlebar{grid-template-columns:54px 1fr 54px;height:32px}.workspace-grid{display:block;min-height:0}.source-editor{border-right:0}.source-lines{max-height:calc(51svh - 94px);overflow:hidden;padding-top:10px;font-size:7px;line-height:1.5}.runtime-column{min-height:calc(51svh - 32px);grid-template-rows:minmax(190px,1fr) minmax(132px,auto)}.browser-page{margin:12px;padding:14px}.browser-state{margin:0 12px;padding:10px 0}.browser-facts{margin:0 12px}.browser-facts div{padding:6px 0}.run-console ul{font-size:7px;line-height:1.5}.product-workspace[data-phase=launch] .runtime-column,.product-workspace[data-phase=source] .runtime-column,.product-workspace[data-phase=connect] .source-editor,.product-workspace[data-phase=message] .source-editor{display:none}.source-scene{min-height:100svh;align-items:flex-end;padding:calc(51svh + 112px) 16px 34px;background:linear-gradient(to bottom,transparent 0,transparent 50%,rgb(7 7 8 / 94%) 60%,#070708 70%)}.scene-copy{width:100%}.scene-copy h1,.scene-copy h2{max-width:620px;font-size:clamp(43px,12vw,64px)}.scene-copy p{margin:18px 0;font-size:15px}.inline-command,.clone-command{margin:17px 0 20px;font-size:9px}.scroll-cue{display:none}.site-footer{padding-inline:16px}}@media (max-width: 410px){.nav-links{gap:13px;font-size:12px}.workspace-titlebar{font-size:7px}.browser-page{grid-template-columns:40px minmax(0,1fr)}.browser-avatar{width:40px;height:40px}.scene-actions{gap:16px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}