@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAn4ABMAAAAAEwQAAAmOAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjQbgnQcLj9IVkFSgQEGYD9TVEFUgQIAgQovahEICok0h0ULIAAwhzoBNgIkAzwEIAWHJgeBDgwHG6QQUdRKTmoBFD8K42bniObKrG3LZFcMWZzFmrjTFhQ6TVTqPJcInrfrvzq3b2PGn1wwMiNYGTy9ViREYARlL1zAGcPdPqBt3gNWrfKthv4xnM+b9caw+wmjgEUVRjHXhS6jgCK6zf5HiWQacJpGdAgdrbV6g/Rf1BfxRqZVQnrxRVWSJb6RLFnyu0elilmjeoSQCKnxsmwLaddUMjnksriSYuuPl06EAl7KfAiWQjCUETz0zNZ3EII94CDQtzkMfZ/9IkkY8tZRZTDky5ZVwBAM+GYpdd4ZVAWYImnLkiTg48l79gGx3D+VBtLeyg8u7bJAd4uo0pFuQBFysE9C95l0W4Fkiao6GfrDbu77lVU7wk9cV3uqOsXmQiMkhVKl1ugjzUAJBSIkkVWHijkpkVSyUFsgVBuJMA0N+ZnXtyUv5yMigGdfQRmwL1AAjQ3YXG6iIFNSUdPQo8+AISPGAltBMDQRAtyf4ZspLlZkpyOVoMZPvFGWzvk8p5SUC/NWPMj6T2/Yas2EdlON5GkfdkeFwVGjta825H89NIenlLWAPAp5h1KDtRhCaAQWMsFKtEvOKpIhgLHlXPARokkgEGEOAkqxJRQpKYq4ezahIiLHP6hZpqMbV0pUF2vdvEimLEQ/iIUYLgYWs0VXGVlLTOPdaPmFfCC/XrtzqVo1ez7vz6+Kd2+7o11ZJ+4MreLbB5BKVGxobAq4jZYalZ5aX2CKJiwUuc9GNJyi4M8bGyKcdjSRrG4JohdF8buJfmQefbYYREnMFsOoiNliFDVxmRgL0XUmUMLqzW0A4gCQAhWGYCQpFNukwXhIkPMsbRI19ewtw8Cp2Wj/Ro5cM2OTAbJAvZ/L4opBXb9+UHscYuOKM/W8isgwN26Exexjizmfnlp9dE3hOSqdZ/F5QqbckIlPb+oKfXxd6hftJ7Sm/uyPYpONza84CRlMNk/uhOrLpyf53982++zRkXNu3g3VF8qFbx1+7fbHZ9DrB3VXWNSmhnT2vrwS1+1Z+kHGBaZIhnnvuLBTNDeA340D1DWu5/jEa9pVfl6+Jij+yo3EELNixXCLjr173Q5eDP7Y7/L4iQFHbjpaJLFoP4cCsYP6sAPL7gMHNg53yYjqxqTDrYqLDl5DzW/eTLjYxCvucprjI3yl2ykKowKUC2Ox2FJLFo6Fa1HBWLC2jMCIIBEmklkYhmkpmBhTm/LCvJAH5oGcMKcgFEP1xUdho8ANPa6RFD99/PN60fjj9eXy2Eex4B5MpmRapXidzFk1p4uLk3+hn6jAP9ovJcXPPwk8o/0ltizbdbnTprvx4PSxT0VZ3Xc772aN7RflgbXRYwc3hLNO+k878nxGwfuVM8m8Gs7WEoVGWLHwSpx4vNSHBCMNqJ4m15Kp/TfHHVkQd++eY7PGN4W5byTs+6Ft8Ozvb/D60btv37de8ER0mS3P/0sLW84qGjEVkwztPzz06eGUWwKLwPb0D/WFd3vltl2aP276KpM0JNz6AfnAnZ5ADlF2zVyZ2OkxHSMxWPMnSZLbbDR3F1UjPVqp4d68da13F1YZujdWw7271iecO2l9+/4p47Oztjck355/75wFOI+VdGDqbNGs+ISgxg3iB2jb2r+b0CWsNLHIM4sdv8SDSFBP/Oromz6FNCWw2iMTxV0R8QLyBTkpe0j5+pSSJOOTB5Mck/gh3IopuNQnhKj02t3FL80gGbEh89SZcwTxcYt5cZT/nMnB3uXfPy8BSpVMBuRx+ZhACGzDBmwHsJRAjhotOnzuj2wDz3ug2wOUAY2NgZln9/TK/enG/oE4rO1wxvGUFMAxsZ0qNjRC7hl9d17e7imbgDt6uJXhUobDg7v3RX/yRCKxgMhfyiKcZfbpk0wmCcdQlIAOHeakXLvCNt++WfKiozNqSZxxJotn+c0a7DdPsx7DPYgKIDxwwYUZDg9aJbxocTjcwovr9WAsVV32mQoiiIOCHc60Oltst9qCQYuCqN1yHo0Kj60OgI2OqmiuBUWrNA0NDhYCDcdpmMrs1fZZ0xdTzMr1HdPtIHstYhqaPDDA5YxUDx7J4fJiisBSDI/L6G/bn34GNy8Q2g044ZTulAdFLb0tI6NNxfj3DzLjWiNGxje1pz7aXOcNV68lDPEd2SXl6VfBuwmHzdf1gxFy1HvA7pD8I2BnnmyGw852Cg5XbgIdEEGE5UCzen5jTlG6JCU5iajlxVcsXvbcS0SAcg1dcesWJLVK8+hYHOYQ+Pjy+EyVGXP0aPTFagrV9E03hCQvYx+g47KGq+1GsLj8uBIyihNw33YUe8PNC4BOJ3Lm1AglLV3nCuvUdIP+v15tVGbWIwgxLVpPkfpthCGpTKG+oA/DQfsKKvxhScqaN6FuElAUtTKv2UYgOmQegsN/n7njHUju8wM4VTcm+Q8xfX9SFwjTzdVqu95UOWSIGOabH8OGBEba//8Yxl3GcPdP/dMBOoSX/0z5SZmBoLbaPs+9asaMpb36yknKaw6FqWZa6A5vDa02mhkOba1q6KtLV208xrkwmW5C4VD6n2fvRjADy2qDYYnNy+H10Fq0LMbNzS863gkO7iQ8eC48/Ny5m59tOcEso3u7Qg3yrqDL6eKXwJAuWnhylfbWrRObe66rzX59+XDtzusnL66dI/86ArmtLlzED860Ef3bFPV78OX/zFTA11fcBn2Vntb7qiGBSgLBHyuv/uEaqqoTgSpOyjlzh86me1Vriv7i9rLPLvtghWmSnblRbAsBJL/4dScSQTBxOivHMO5QvBBY0iheJvfwWLxLOGzYKZyM4zVc2Cll46zEpeUV4MqGEWZj22SdOxhGAjgs9AEnfT+RoiMfcDb0GS5NncKVxju4Nt/mRk13O9Gz3FLct5oCD6wkwUNrCfHIUg6SMf8LwQGyVaBUqpLPW5BaMpRshEpl8nS1qw5dgnzlik8QBXmdy5UrIH74heTKZKMSilQso4hsRiGraQZRzxpNGqlEJMsXuAU7GlcR8mWSykUpVkWGyIf0a8v4qEQp5CtGsMiZa+4ESYQy+WilCiguHzxMXO54ogShooTV2bj2z1zL6DYSoImoQ8lFUWxMLBNQQgLkV2tHYgUoIbkuREz+fJHKxxWBcnvu3KQppFCxLkguB1NyVSp/TknRvNwYlCdbblWu3ze6owHdWluhE5tgQ6ej2SV65CijijoaRfSiH4Nqz1OpfEW+WeI/oU0ly60zkV9YzOQSYtZVEGYmrysTZAJkY4qZtIBD9/LYTIK7Nww3vMiYBwA=) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-cyrillic-wght-normal-Dvxsihut.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-greek-wght-normal-DL7QRZyv.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-vietnamese-wght-normal-usUDDRr7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-latin-ext-wght-normal-Ch3YOpNY.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(./unbounded-cyrillic-wght-normal-C627f1f8.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(./unbounded-vietnamese-wght-normal-rat7GD3o.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(./unbounded-latin-ext-wght-normal-D6H-S6MW.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(./unbounded-latin-wght-normal-D5afBTBx.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--page: #f1f1f3;--page-ink: #18181b;--page-2: #55555f;--page-line: rgba(24, 24, 27, .1);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--glim: #6366f1;--blue: #5cc8ff;--teal: #36d4c4;--amber: #ffc53d;--red: #ff6a5f;--green: #3ddc84;font-family:Manrope Variable,Segoe UI Variable Text,Segoe UI,system-ui,sans-serif;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0;background:var(--page);color:var(--page-ink);font-size:14px;line-height:1.5}.page{max-width:1180px;margin:0 auto;padding:22px clamp(16px,4vw,48px) 72px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:780;letter-spacing:-.015em;color:var(--page-ink);text-decoration:none}.top-links{display:flex;gap:4px;flex-wrap:wrap}.top-links a,.foot a{display:inline-flex;align-items:center;gap:4px;padding:7px 10px;border-radius:8px;font-size:13px;font-weight:650;color:var(--page-2);text-decoration:none;transition:background-color .15s var(--ease-out),color .15s var(--ease-out)}.top-links a:hover,.foot a:hover{background:#18181b0f;color:var(--page-ink)}.stage{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);grid-template-areas:"intro desk" "controls desk";grid-template-rows:auto 1fr;gap:32px 48px;margin-top:44px}.intro{grid-area:intro;padding-top:12px}.intro h1{margin:0;font-size:clamp(36px,4.4vw,54px);line-height:1.02;letter-spacing:-.04em;font-weight:800;text-wrap:balance}.intro p{margin:16px 0 0;max-width:60ch;font-size:16.5px;line-height:1.6;color:var(--page-2);text-wrap:pretty}.desk{position:relative;display:flex;justify-content:center;align-items:flex-start;padding-top:3px;overflow:hidden;border-radius:14px;background:radial-gradient(130% 120% at 50% 0%,#fdfdfe,#e5e7ed 58%,#d8dbe3);box-shadow:inset 0 0 0 1px #18181b12}.desk:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:#000}.desk-live{grid-area:desk;flex-direction:column;justify-content:flex-start;align-items:center;height:620px;border-radius:18px}.desk-hint{margin:22px 0 0;text-align:center;font-size:13px;font-weight:600;color:var(--page-2);pointer-events:none;animation:hint-in .5s var(--ease-out) .3s both}@keyframes hint-in{0%{opacity:0;transform:translateY(-4px)}}.desk-compact{height:96px;padding-bottom:20px}.desk-view{min-height:220px;padding-bottom:36px}.desk-current{align-items:stretch}.desk-current iframe{display:block;border:0;background:transparent;color-scheme:dark}.fit{position:relative;width:100%}.fit-inner{position:absolute;top:0;left:50%;transform-origin:top center}.slot{display:flex;justify-content:center}.controls{grid-area:controls;display:grid;gap:18px;align-content:start}.control{display:grid;gap:7px;justify-items:start}.controls-note{margin:0;font-size:13px;color:var(--page-2)}.control>span{font-size:12.5px;font-weight:750;color:var(--page-2)}.pseg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:11px;background:#18181b11}.pseg button{border:0;background:none;padding:7px 11px;border-radius:8px;font-size:13px;font-weight:650;color:var(--page-2);transition:background-color .15s var(--ease-out),color .15s var(--ease-out)}.pseg button:hover{color:var(--page-ink)}.pseg button[aria-pressed=true]{background:#fff;color:var(--page-ink);box-shadow:0 1px 2px #18181b1f,0 2px 6px #18181b0d}.section{margin-top:96px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;margin-bottom:26px}.section-head h2{margin:0;font-size:clamp(24px,3vw,30px);line-height:1.15;letter-spacing:-.03em;font-weight:780}.section-head p{margin:8px 0 0;max-width:62ch;color:var(--page-2);font-size:15px;text-wrap:pretty}.page-toggle{display:inline-flex;align-items:center;gap:9px;padding:8px 12px 8px 10px;border-radius:10px;background:#18181b11;font-size:13.5px;font-weight:650;cursor:pointer}.page-toggle input{width:16px;height:16px;margin:0;accent-color:var(--page-ink);cursor:pointer}.ideas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:26px 44px}.ideas li{display:grid;gap:5px;padding-top:14px;border-top:1px solid var(--page-line)}.ideas b{font-size:15.5px;font-weight:760;letter-spacing:-.01em}.ideas span{color:var(--page-2);line-height:1.55;text-wrap:pretty}.states{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:30px 20px}.state{margin:0}.state figcaption{display:grid;gap:2px;margin-top:11px}.state figcaption b{font-size:14.5px;font-weight:750}.state figcaption span{font-size:13.5px;line-height:1.5;color:var(--page-2);text-wrap:pretty}.views{display:grid;gap:72px}.view{display:grid;grid-template-columns:minmax(0,560px) minmax(220px,1fr);gap:24px 40px;align-items:start;scroll-margin-top:24px}.view.compare{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(200px,260px);gap:20px 24px}.frame-label{margin:0 0 8px;font-size:12.5px;font-weight:750;color:var(--page-2)}.view-notes{padding-top:6px}.view-notes h3{margin:0 0 12px;font-size:19px;line-height:1.25;letter-spacing:-.02em;font-weight:770;text-wrap:balance}.view-notes ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}.view-notes li{position:relative;padding-left:17px;font-size:14px;line-height:1.55;color:var(--page-2);text-wrap:pretty}.view-notes li:before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--page-ink);opacity:.4}.foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:96px;padding-top:18px;border-top:1px solid var(--page-line);font-size:13px;color:var(--page-2)}@media(max-width:960px){.stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "desk" "controls";grid-template-rows:none;gap:24px}.view,.view.compare{grid-template-columns:minmax(0,1fr)}.view-notes{padding-top:0}}@media(max-width:640px){.stage{margin-top:28px}.intro{padding-top:0}.desk-live{height:580px}.section{margin-top:72px}}.gl{--ink: #000;--fg-1: #f4f4f5;--fg-2: #a9a9b1;--fg-3: #82828c;--hair: rgba(255, 255, 255, .09);--hover: rgba(255, 255, 255, .06);--control: #1c1c20;--control-hover: #27272d;color:var(--fg-1);font-size:13px;line-height:1.4;color-scheme:dark;text-align:left}.shoulder{position:absolute;top:0;width:27px;height:15px;background:var(--ink)}.shoulder.l{right:calc(100% - 1px);clip-path:path("M0 0H27V15H26C26 4.5 18.2 0 0 0Z")}.shoulder.r{left:calc(100% - 1px);clip-path:path("M27 0H0V15H1C1 4.5 8.8 0 27 0Z")}.logo-codex{background:var(--fg-1);-webkit-mask:url(../providers/codex.png) center / contain no-repeat luminance;mask:url(../providers/codex.png) center / contain no-repeat luminance}.compact{display:flex;align-items:center;gap:10px;width:100%;height:34px;padding:0 15px 0 12px;text-align:left;cursor:pointer;transition:background-color .15s var(--ease-out)}.compact-wrap{display:grid;grid-template-columns:minmax(0,1fr)}.inbox{list-style:none;margin:0;padding:4px 8px 8px;border-top:1px solid var(--hair)}.inbox-more{width:100%;padding:4px 6px 0;font-size:11.5px;font-weight:650;color:var(--fg-2);text-align:left;cursor:pointer}.inbox-more:hover{color:var(--fg-1)}.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:42px;padding:0 2px 0 10px}.bar-actions{display:flex;flex-shrink:0}.sheet-body{padding:6px 10px 4px}.gl select{appearance:none;max-width:180px;padding:6px 30px 6px 11px;border:0;border-radius:9px;background:var(--control) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a9a9b1' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 9px center / 13px;font-size:12.5px;font-weight:650;color:var(--fg-1);cursor:pointer}.conn-head{display:flex;align-items:center;gap:11px;width:100%;min-height:54px;padding:8px 10px 8px 13px;border-radius:12px;text-align:left;cursor:pointer;transition:background-color .16s var(--ease-out)}.conn-head:hover{background:var(--hover)}.conn-chev{flex-shrink:0;color:var(--fg-3);transition:transform .32s var(--ease-out)}.conn-collapse{overflow:hidden}.conn-body .actions .btn{animation:conn-swap .22s var(--ease-out) backwards}@keyframes conn-swap{0%{opacity:0;transform:scale(.96)}}@media(prefers-reduced-motion:reduce){.conn-body .actions .btn{animation:none}}.brand-frame{overflow:hidden;border-radius:14px;background:#000;box-shadow:inset 0 0 0 1px #18181b12}.lockups{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.lockup{display:grid;place-content:center;justify-items:center;gap:24px;min-height:300px;padding:40px 20px;background:radial-gradient(130% 120% at 50% 0%,#fdfdfe,#e5e7ed 58%,#d8dbe3);color:#000}.lockup.dark{background:#000;color:#f4f4f5}.logo-stage{display:grid;gap:14px;justify-items:center}.logo-stage>.brand-frame{justify-self:stretch}.tray{display:flex;align-items:flex-end;justify-content:center;gap:22px;padding:12px 18px 10px;border-radius:10px;background:#1f1f1f}.tray figure{display:grid;justify-items:center;gap:6px;margin:0}.tray svg{display:block}.tray figcaption{font-size:11.5px;font-weight:650;color:#c9c9ce}.lockup svg{display:block}.lockup span{font-size:46px;font-weight:800;letter-spacing:-.045em;line-height:1}.mascot-stage{display:grid;justify-items:center;gap:26px;padding:40px 20px 22px}.mascot-big{position:relative;display:grid;place-items:center;padding:12px;border-radius:24px;cursor:pointer}.mascot-moods{justify-content:center}.mood-strip{list-style:none;margin:0;padding:20px 18px 26px;display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:18px 8px;border-top:1px solid var(--hair)}.mood-strip li{display:grid;justify-items:center;gap:9px;font-size:12px;font-weight:650;color:var(--fg-2);text-align:center}.icons{display:grid;gap:14px;padding:26px;background:radial-gradient(130% 120% at 50% 0%,#fdfdfe,#e5e7ed 58%,#d8dbe3)}.taskbar{display:flex;align-items:center;justify-content:center;gap:26px;height:68px;padding:0 18px;border-radius:10px;background:#f3f3f3;box-shadow:inset 0 0 0 1px #18181b14}.taskbar.dark{background:#1f1f1f}.taskbar svg{display:block}.before-after{display:flex;justify-content:center;gap:44px;padding-top:10px}.before-after figure{display:grid;justify-items:center;gap:8px;margin:0}.before-after img,.before-after svg{display:block}.before-after figcaption{font-size:12.5px;font-weight:750;color:var(--page-2)}.logo-stage .pseg button,.mascot-moods button{padding:6px 9px}:root{color-scheme:dark;--page: #f1f1f3;--page-ink: #18181b;--page-2: #55555f;--page-line: rgba(24, 24, 27, .1);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--glim: #6366f1;--blue: #5cc8ff;--teal: #36d4c4;--amber: #ffc53d;--red: #ff6a5f;--green: #3ddc84;font-family:Manrope Variable,Segoe UI Variable Text,Segoe UI,system-ui,sans-serif;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:transparent;color:var(--page-ink);font-size:14px;line-height:1.5}::selection{background:#18181b29}button,select,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--page-ink);outline-offset:2px;border-radius:4px}html{scrollbar-color:rgba(24,24,27,.28) transparent}.num{font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.native-stage{background:transparent;min-height:0}.preview-stage{position:relative;min-height:100svh;background:#fff;overflow:hidden}.island-anchor{position:relative;z-index:10;display:flex;align-items:flex-start;justify-content:center;width:100%;min-height:34px}.idle-hidden{visibility:hidden}.preview-bottom{position:absolute;inset:auto 0 0;padding:24px}.preview-controls{display:grid;justify-items:center;gap:16px;color:#55555f}.preview-badge{font-size:12px}.simulation-controls,.preview-navigation{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.simulation-controls{padding:4px;background:#f1f1f3;border-radius:10px}:is(.simulation-controls,.preview-navigation) :is(button,a){display:inline-flex;align-items:center;gap:5px;border:0;padding:8px 12px;border-radius:8px;font-size:12px;background:transparent;color:inherit}:is(.simulation-controls,.preview-navigation) :is(button,a):hover{background:#e5e5e8}.error-toast{position:fixed;z-index:99;top:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;max-width:calc(100vw - 40px);padding:12px 16px;border-radius:12px;background:#27272d;color:#f4f4f5;font-size:12px}.error-toast button{border:0;background:none;display:grid}.fields{margin:0;padding:0;border:0;min-width:0}.fields:disabled{opacity:.6}.inline-error{margin:10px 0;font-size:12px;color:#ff9088;overflow-wrap:anywhere}.glance{max-height:min(616px,calc(100svh - 24px));overflow-y:auto;scrollbar-width:thin}.sheet{max-height:min(616px,calc(100svh - 24px));display:flex;flex-direction:column}.sheet-body.scroll{min-height:0}.sheet-head,.setup-foot{flex-shrink:0}.welcome .mascot-big,.empty .mascot-big{padding:0;flex-shrink:0}.gl{font-variant-numeric:tabular-nums;--ink: #000;--fg-1: #f4f4f5;--fg-2: #a9a9b1;--fg-3: #82828c;--hair: rgba(255, 255, 255, .09);--hover: rgba(255, 255, 255, .06);--control: #1c1c20;--control-hover: #27272d;color:var(--fg-1);font-size:13px;line-height:1.4;color-scheme:dark;text-align:left}.gl ::selection{background:#ffffff42}.gl :focus-visible{outline:2px solid var(--fg-1);outline-offset:1px;border-radius:8px}:where(.gl button){border:0;background:none;padding:0}:where(.gl) :where(h1,h2,h3,h4,p){margin:0}.tone-active{--tone: var(--blue)}.tone-attention{--tone: var(--amber)}.tone-error{--tone: var(--red)}.tone-success{--tone: var(--teal)}.tone-done{--tone: var(--green)}.tone-calm{--tone: #8f8f99}.tone-off{--tone: #5e5e68}.state-text{color:var(--tone)}.tone-active .state-text{color:var(--fg-2)}.dot{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--tone, #8f8f99)}.shell{position:relative;flex-shrink:0;filter:drop-shadow(0 12px 20px rgba(9,9,11,.24)) drop-shadow(0 2px 3px rgba(9,9,11,.16))}.shell .surface{position:absolute;inset:0;overflow:hidden;background:var(--ink);border-radius:0 0 24px 24px}.shell.static .surface{position:relative;inset:auto}.shell.static.is-compact{width:max-content;min-width:144px;max-width:360px}.shell.static.is-compact .surface{border-radius:0 0 17px 17px}.shoulder{position:absolute;top:0;width:9px;height:8px;background:var(--ink)}.shoulder.l{right:calc(100% - 1px);clip-path:path("M0 0H9V8H8A8 8 0 0 0 0 0Z")}.shoulder.r{left:calc(100% - 1px);clip-path:path("M9 0H0V8H1A8 8 0 0 1 9 0Z")}.shell[data-tone=attention]{--glow: var(--amber)}.shell[data-tone=error]{--glow: var(--red)}.shell[data-tone=success]{--glow: var(--teal)}.shell[data-compact=true]:is([data-tone=attention],[data-tone=error],[data-tone=success]):after{content:"";position:absolute;z-index:-1;left:16%;right:16%;bottom:-5px;height:12px;border-radius:50%;background:var(--glow);filter:blur(9px);opacity:.6;animation:spill 2s var(--ease-in-out) infinite}@keyframes spill{50%{opacity:.18}}.frame{position:absolute;top:0;left:50%}.glim-character{position:relative;display:inline-grid;place-items:center;flex-shrink:0;vertical-align:middle;pointer-events:none}.glim-character>*{position:absolute}.glim-character canvas{display:block;opacity:0}.glim-character[data-renderer="3d"] canvas{opacity:1}.glim-character[data-motion=false] .eyes,.glim-character[data-motion=false] .eyes *{animation:none!important;transition:none!important}.eyes{display:block;flex-shrink:0;overflow:visible}.eyes-head{fill:var(--tone);transition:fill .3s var(--ease-out)}.tone-brand{--tone: var(--glim);--eye: #fff}.eyes .eye{fill:var(--eye, var(--ink, #000));transform-box:fill-box;transform-origin:center;transition:transform .22s var(--ease-out)}.mood-wide .eye{transform:scale(1.12,1.16)}.mood-half .eye{transform:translateY(3.3px) scaleY(.48)}.eyes-line{fill:none;stroke:var(--eye, var(--ink, #000));stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.eyes-look{transform:translate(var(--look-x, 0px),var(--look-y, 0px));transition:transform .22s var(--ease-out)}.mood-scan .eyes-pair{animation:eyes-scan 3.6s var(--ease-in-out) infinite}.mood-open .eye,.mood-scan .eye{animation:eyes-blink 6s infinite}.mood-wide{animation:eyes-perk 1.8s var(--ease-in-out) infinite}.mood-happy:not(.tone-done){animation:eyes-skip 3s var(--ease-in-out) infinite}.mood-happy.tone-done{animation:eyes-hop .6s var(--ease-out)}.mood-cross{animation:eyes-shake 3.2s var(--ease-in-out) infinite}.mood-half .eye{animation:eyes-droop 7s 1s infinite}.mood-closed{animation:eyes-breathe 4.8s var(--ease-in-out) infinite}@keyframes eyes-scan{0%,14%{transform:translate(-2.8px)}42%,64%{transform:translate(2.8px)}92%,to{transform:translate(-2.8px)}}@keyframes eyes-blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes eyes-perk{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}@keyframes eyes-skip{0%,30%,to{transform:translateY(0)}8%{transform:translateY(-2px)}16%{transform:translateY(0)}23%{transform:translateY(-1px)}}@keyframes eyes-hop{40%{transform:translateY(-2px)}}@keyframes eyes-shake{0%,18%,to{transform:translate(0)}3%{transform:translate(-1.6px)}7%{transform:translate(1.6px)}11%{transform:translate(-1.1px)}15%{transform:translate(.6px)}}@keyframes eyes-droop{0%,90%,to{transform:translateY(3.3px) scaleY(.48)}94%{transform:translateY(5.5px) scaleY(.14)}}@keyframes eyes-breathe{50%{transform:scale(1.03)}}.logo{display:block;flex-shrink:0}.logo-codex{background:var(--fg-1);-webkit-mask:url(../providers/codex.png) center / contain no-repeat luminance;mask:url(../providers/codex.png) center / contain no-repeat luminance}.compact{display:flex;align-items:center;gap:10px;width:100%;min-width:0;height:34px;padding:0 15px 0 12px;text-align:left;cursor:pointer;transition:background-color .15s var(--ease-out)}.compact:hover{background:#ffffff09}.compact-text{display:flex;flex:1 1 auto;min-width:0;overflow:hidden}.compact-line{display:flex;flex:1 1 auto;align-items:center;min-width:0}.compact-title{flex:none;max-width:150px;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:680;letter-spacing:-.005em}.ticker-box{display:flex;flex:1 1 auto;min-width:0;overflow:hidden}.ticker{display:inline-flex;flex:none;white-space:nowrap}.ticker-copy{display:inline-block}.compact-text .state-text{font-size:12.5px;font-weight:620}@property --fade-l{syntax: "<length>"; inherits: false; initial-value: 0px;}.ticker-box.is-marquee{-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--fade-l),#000 calc(100% - 18px),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--fade-l),#000 calc(100% - 18px),transparent);animation:fade-l .24s var(--ease-out) 1.4s forwards}@keyframes fade-l{to{--fade-l: 14px}}.is-marquee .ticker-copy{padding-right:40px}.is-marquee .ticker{animation:ticker var(--speed) linear 1.4s infinite}.compact:hover :is(.ticker,.ticker-box){animation-play-state:paused}.shell:hover :is(.ticker,.ticker-box){animation-play-state:paused}@keyframes ticker{to{transform:translate(calc(-1 * var(--run)))}}@media(prefers-reduced-motion:reduce){.ticker-box{display:block;white-space:nowrap;text-overflow:ellipsis}.ticker,.ticker-copy{display:inline}}.compact-end{display:flex;align-items:center;gap:4px;flex-shrink:0;font-size:12px;font-weight:650;color:var(--fg-3)}.dots{display:flex;align-items:center;gap:4px}.dots small{margin-left:2px;font-size:11px}.dots .tone-active{animation:breathe 2.4s var(--ease-in-out) infinite}.dots.turn .dot{width:5px;height:5px;background:#ffffff42;transition:background-color .3s var(--ease-out),transform .3s var(--ease-out)}.dots.turn .dot.on{background:var(--fg-1);transform:scale(1.25)}.compact-wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto}.inbox{grid-column:1 / -1;list-style:none;margin:0;padding:4px 8px 8px;border-top:1px solid var(--hair)}.inbox:empty{display:none}.inbox-row{display:flex;align-items:center;gap:8px;width:100%;height:30px;padding:0 6px 0 4px;border-radius:9px;font-size:12px;text-align:left;cursor:pointer;transition:background-color .15s var(--ease-out)}.inbox-row:hover{background:var(--hover)}.inbox-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:660}.inbox-row .dot{margin:0 3px 0 5px}.inbox-row .state-text{flex-shrink:0;font-weight:650}.inbox-time{flex-shrink:0;margin-left:auto;padding-left:10px;font-size:11.5px;color:var(--fg-3)}.inbox-actions{display:flex;align-items:center;justify-content:space-between;height:24px}.inbox-more,.inbox-hide,.inbox-show{padding:4px 6px;font-size:11.5px;line-height:16px;font-weight:650;color:var(--fg-2);text-align:left;cursor:pointer}.inbox-hide{margin-left:auto}.inbox-show{height:34px;padding:0 12px 0 4px}.inbox-more:hover,.inbox-hide:hover,.inbox-show:hover{color:var(--fg-1)}.inbox-more:active,.inbox-hide:active,.inbox-show:active{opacity:.65}@keyframes breathe{50%{opacity:.4}}.glance{padding:0 8px 10px}.bar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;height:42px;padding:0 2px 0 10px}.bar-title{display:flex;align-items:center;gap:12px;min-width:0;font-size:12.5px;font-weight:680;color:var(--fg-2);white-space:nowrap;overflow:hidden}.bar-actions{position:relative;display:flex;flex-shrink:0}.bar-toggle{position:absolute;inset:0;width:100%;height:100%;border-radius:9px}.bar-title{pointer-events:none}.icon-btn{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:var(--fg-3);cursor:pointer;transition:background-color .15s var(--ease-out),color .15s var(--ease-out)}.icon-btn:hover{background:var(--hover);color:var(--fg-1)}.paused{display:flex;align-items:center;gap:10px;margin:0 2px 10px;padding:8px 8px 8px 12px;border-radius:12px;background:#ffffff0f;font-size:12.5px;color:var(--fg-2)}.paused span{flex:1;min-width:0}.glance.is-paused .glance-body{opacity:.5}.hero{padding:2px 10px 14px}.hero-head{display:flex;align-items:center;gap:9px;min-height:26px}.hero-head h3{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:740;letter-spacing:-.015em}.chip{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;font-size:13px;font-weight:700;color:var(--tone)}.hero-body{margin-left:29px}.hero-now{display:flex;justify-content:space-between;gap:12px;margin-top:2px;font-size:12.5px;color:var(--fg-2)}.hero-now span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-now .num{flex-shrink:0;color:var(--fg-3)}.hero-hint{margin-top:10px;font-size:12.5px;font-weight:600;color:var(--tone)}.task{display:flex;align-items:center;gap:10px;margin-top:14px}.task-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:660}.pips{display:flex;gap:3px}.pips i{width:12px;height:4px;border-radius:2px;background:#ffffff24}.pips .completed{background:var(--green)}.pips .in_progress{background:var(--blue);animation:breathe 1.8s var(--ease-in-out) infinite}.task-count{font-size:12px;font-weight:600;color:var(--fg-3)}.meters{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px 22px;margin-top:14px}.meter-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;color:var(--fg-2)}.meter-row b{font-weight:700;color:var(--fg-1)}.meter-row b.na{font-weight:560;color:var(--fg-3)}.track{display:block;height:4px;margin-top:6px;border-radius:2px;background:#ffffff1f;overflow:hidden}.track i{display:block;height:100%;border-radius:inherit;background:#e6e6ea;transform-origin:left center;transition:transform .6s var(--ease-out)}.track .fill-attention{background:var(--amber)}.track .fill-error{background:var(--red)}.meter small{display:block;margin-top:5px;font-size:11.5px;color:var(--fg-3)}.meter.large .track{height:6px;margin-top:8px;border-radius:3px}.meter.large .meter-row{font-size:13px}.meter.large .meter-row b{font-size:15px}.subs{margin-top:14px}.subs-title{font-size:12px;font-weight:680;color:var(--fg-2)}.subs ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:5px}.subs li{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--fg-2)}.subs li .num{margin-left:auto;font-size:12px;color:var(--fg-3)}.subs .tone-active .dot{animation:breathe 2.4s var(--ease-in-out) infinite}.hero-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:12px;color:var(--fg-3)}.hero-foot>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;font-size:12.5px;font-weight:680;color:var(--fg-2);text-decoration:none;cursor:pointer;transition:color .15s var(--ease-out)}.link:hover{color:var(--fg-1)}.others{list-style:none;margin:2px 0 0;padding:6px 0 0;border-top:1px solid var(--hair)}.row{display:flex;align-items:center;gap:9px;width:100%;height:40px;padding:0 10px;border-radius:10px;text-align:left;cursor:pointer;transition:background-color .15s var(--ease-out)}.row:hover{background:var(--hover)}.row-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:660}.row-badge{flex-shrink:0;padding:1px 6px;border-radius:6px;background:#ffffff17;font-size:11px;font-weight:700;color:var(--fg-2)}.row-state{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;font-size:12.5px;font-weight:680;color:var(--tone)}.row-time{flex-shrink:0;min-width:52px;text-align:right;font-size:12px;color:var(--fg-3)}.empty{display:flex;align-items:center;gap:18px;padding:8px 16px 22px}.empty h3{font-size:15px;font-weight:740}.empty p{margin-top:3px;max-width:31ch;font-size:12.5px;line-height:1.5;color:var(--fg-2)}.sheet{padding:0 8px 12px}.sheet-head{display:flex;align-items:center;gap:8px;min-height:50px;padding:6px 10px 4px 2px}.sheet-title{flex:1;min-width:0;padding-left:4px}.sheet-title h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:740;letter-spacing:-.012em}.sheet-title p{margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--fg-3)}.sheet-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:6px 10px 4px}.sheet-body.scroll{max-height:470px;padding-bottom:26px;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 26px),transparent);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}.sec+.sec,.chart+.sec{margin-top:24px}.sec h4{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;font-size:12.5px;font-weight:740;color:var(--fg-2)}.sec h4 .num{font-weight:620;color:var(--fg-3)}.stack{display:grid;gap:16px}.fine{margin-top:10px;font-size:12px;line-height:1.5;color:var(--fg-3)}.checklist{list-style:none;margin:0;padding:0;display:grid;gap:10px}.checklist li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--fg-2)}.checklist li.completed{color:var(--fg-3)}.checklist li.in_progress{color:var(--fg-1);font-weight:660}.check{display:grid;place-items:center;flex-shrink:0;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #ffffff42;color:#000}.completed .check{background:var(--green);box-shadow:none}.in_progress .check{box-shadow:inset 0 0 0 1.5px var(--blue);background:radial-gradient(circle,var(--blue) 0 3px,transparent 3.5px)}.ledger{display:grid;gap:8px;margin:0;font-size:13px}.ledger div{display:flex;justify-content:space-between;gap:16px}.ledger dt{color:var(--fg-2)}.ledger dd{margin:0;font-weight:660}.ledger .sum{padding-top:9px;border-top:1px solid var(--hair)}.ledger .sum dt,.ledger .sum dd{color:var(--fg-1);font-weight:760}.ledger .aside dt,.ledger .aside dd{color:var(--fg-3);font-weight:560}.field{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:46px;padding:6px 0}.field+.field{border-top:1px solid var(--hair)}.field-label{font-size:13px;font-weight:600;color:var(--fg-1)}.actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.switch{position:relative;flex-shrink:0;width:38px;height:22px;border-radius:11px;background:#3a3a42;box-shadow:inset 0 0 0 1px #ffffff12;cursor:pointer;transition:background-color .18s var(--ease-out)}.switch i{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#c4c4cc;transition:transform .22s var(--ease-out),background-color .18s var(--ease-out)}.switch[aria-checked=true]{background:var(--fg-1)}.switch[aria-checked=true] i{transform:translate(16px);background:#000}.seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:2px;border-radius:10px;background:var(--control)}.seg button{padding:5px 10px;border-radius:8px;font-size:12.5px;font-weight:650;color:var(--fg-2);white-space:nowrap;cursor:pointer;transition:background-color .15s var(--ease-out),color .15s var(--ease-out)}.seg button:hover{color:var(--fg-1)}.seg button[aria-pressed=true]{background:#3a3a42;color:var(--fg-1)}.gl select{appearance:none;max-width:180px;padding:6px 30px 6px 11px;border:0;border-radius:9px;background:var(--control) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a9a9b1' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 9px center / 13px;font-size:12.5px;font-weight:650;color:var(--fg-1);cursor:pointer}@supports (appearance: base-select){.gl select,.gl select::picker(select){appearance:base-select}.gl select{display:inline-flex;align-items:center}.gl select::picker-icon{display:none}.gl select::picker(select){min-width:anchor-size(width);margin:6px 0;padding:4px;border:0;border-radius:12px;background:var(--control);box-shadow:inset 0 0 0 1px var(--hair),0 14px 34px #0000008c;color:var(--fg-1);opacity:0;translate:0 -4px;transition:opacity .14s var(--ease-out),translate .14s var(--ease-out),overlay .14s allow-discrete,display .14s allow-discrete}.gl select:open::picker(select){opacity:1;translate:0 0}@starting-style{.gl select:open::picker(select){opacity:0;translate:0 -4px}}.gl select option{gap:8px;padding:7px 10px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--fg-2)}.gl select option:is(:hover,:focus-visible){outline:none;background:var(--control-hover);color:var(--fg-1)}.gl select option:checked{color:var(--fg-1)}.gl select option::checkmark{font-size:11px;color:var(--fg-1)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 13px;border-radius:9px;background:var(--control);color:var(--fg-1);font-size:12.5px;font-weight:680;white-space:nowrap;cursor:pointer;transition:background-color .15s var(--ease-out),transform .15s var(--ease-out)}.gl .btn{background:var(--control)}.gl .btn:hover{background:var(--control-hover)}.gl .btn:active:not(:disabled){transform:scale(.97)}.btn.small{height:28px;padding:0 10px;font-size:12px}.gl .btn.primary{background:var(--fg-1);color:#0a0a0b}.gl .btn.primary:hover{background:#fff}.btn.large{height:42px;padding:0 20px;border-radius:12px;font-size:14px}.gl .btn.danger{background:#ff6a5f29;color:#ff9088}.gl .btn.danger:hover{background:#ff6a5f42}.btn:disabled{opacity:.45;cursor:not-allowed}.connectors{display:grid;gap:6px}.conn{border-radius:12px;background:#ffffff0b}.conn-head{display:flex;align-items:center;gap:11px;width:100%;min-height:54px;padding:8px 10px 8px 13px;border-radius:12px;text-align:left;cursor:pointer}.conn-name{display:flex;flex-direction:column;flex:1;min-width:0}.conn-name b{font-size:13.5px;font-weight:700}.conn-name small{font-size:12px;color:var(--fg-3)}.conn-status{--tone: var(--green);display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:650;color:var(--fg-2)}.conn-chev{flex-shrink:0;color:var(--fg-3);transition:transform .2s var(--ease-out)}.conn.open .conn-chev{transform:rotate(180deg)}.conn-body{padding:0 14px 14px 44px}.conn-lead{margin-bottom:6px;font-size:12px;font-weight:700;color:var(--fg-2)}.conn-body ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}.conn-body li{display:flex;align-items:center;gap:8px;font-size:13px}.conn-body li svg{flex-shrink:0;color:var(--green)}.conn-body code{display:block;margin-top:10px;padding:8px 10px;border-radius:8px;background:#ffffff0d;font:500 12px/1.4 Cascadia Code,Consolas,ui-monospace,monospace;color:var(--fg-2);overflow-wrap:anywhere}.conn-body .actions{justify-content:flex-start;margin-top:12px}.notice{display:flex;align-items:flex-start;gap:8px;margin-top:4px;padding:9px 12px;border-radius:10px;background:#3ddc841a;font-size:12.5px;line-height:1.5;color:#c4f5d9}.notice svg{flex-shrink:0;margin-top:2px;color:var(--green)}.privacy{display:flex;align-items:flex-start;gap:8px;margin-bottom:4px;font-size:12.5px;line-height:1.5;color:var(--fg-2)}.privacy svg{flex-shrink:0;margin-top:2px;color:var(--fg-3)}.about{display:flex;justify-content:space-between;align-items:center;margin:20px 10px 0;padding-top:12px;border-top:1px solid var(--hair);font-size:12px;color:var(--fg-3)}.usage-filters{display:flex;flex-wrap:wrap;gap:8px}.usage-total{margin-top:18px;font-size:14px;color:var(--fg-2)}.usage-total b{font-size:15.5px;font-weight:760;color:var(--fg-1)}.usage-split{margin-top:4px;font-size:12px;line-height:1.5;color:var(--fg-3)}.chart{margin-top:18px}.chart-readout{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;min-height:20px;font-size:12.5px;color:var(--fg-2)}.chart-readout b{font-weight:740;color:var(--fg-1)}.legend{display:inline-flex;align-items:center;gap:6px}.legend:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--series)}.legend.claude,.bar-seg.claude{--series: #d97757}.legend.codex,.bar-seg.codex{--series: #7a9dff}.bars{position:relative;display:flex;align-items:flex-end;gap:3px;height:132px;margin-top:10px;padding-top:18px;border-bottom:1px solid var(--hair)}.bars:before{content:"";position:absolute;left:0;right:0;top:18px;border-top:1px dashed rgba(255,255,255,.12)}.bars-max{position:absolute;top:0;right:0;font-size:11px;color:var(--fg-3)}.col{display:flex;align-items:flex-end;flex:1;height:100%}.bar-stack{display:flex;flex-direction:column;gap:1px;width:100%;border-radius:3px 3px 0 0;overflow:hidden;transition:opacity .15s var(--ease-out)}.bar-seg{display:block;min-height:1px;background:var(--series)}.bars:hover .col:not(.on) .bar-stack{opacity:.4}.chart-axis{display:flex;justify-content:space-between;margin-top:6px;font-size:11.5px;color:var(--fg-3)}.projects{list-style:none;margin:0;padding:0;display:grid;gap:12px}.projects li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;font-size:13px}.projects li>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projects .num{color:var(--fg-2)}.projects .track{grid-column:1 / -1;margin:0;height:3px}.projects .track i{background:#ffffff80}.steps{display:flex;gap:4px;padding-right:6px}.steps i{width:18px;height:4px;border-radius:2px;background:#ffffff24;transition:background-color .2s var(--ease-out)}.steps i.on{background:var(--fg-1)}.welcome{display:flex;flex-direction:column;align-items:center;padding:22px 0 18px;text-align:center}.welcome h1{margin-top:22px;font-size:30px;font-weight:800;letter-spacing:-.035em;line-height:1.1}.welcome p{margin:6px 0 24px;font-size:14.5px;color:var(--fg-2)}.welcome small{margin-top:14px;font-size:12px;color:var(--fg-3)}.setup-intro{margin:2px 0 14px}.setup-intro h3{font-size:16px;font-weight:740;letter-spacing:-.012em}.setup-intro p{margin-top:3px;font-size:13px;color:var(--fg-2)}.setup-foot{display:flex;justify-content:space-between;align-items:center;margin:14px 10px 0;padding-top:12px;border-top:1px solid var(--hair)}.mascot-big{border:0;background:transparent;color:inherit;position:relative;display:grid;place-items:center;padding:12px;border-radius:24px;cursor:pointer}.mascot-big.is-hello .eyes{animation:hop .56s var(--ease-out)}@keyframes hop{30%{transform:translateY(-12px) rotate(-5deg)}65%{transform:translateY(0) rotate(2deg)}}.mascot-hello{position:absolute;bottom:-12px;font-size:13px;font-weight:650;color:var(--fg-2)}@media(prefers-reduced-motion:reduce){.gl *,.gl *:before,.gl *:after,.shell:after,.eyes,.eyes *{animation:none!important;transition-duration:.01ms!important}}@media(prefers-contrast:more){.gl{--fg-2: #cfcfd5;--fg-3: #b4b4bc}}:root{--ease-expo: cubic-bezier(.16, 1, .3, 1);--night: #0a0a0f;--night-2: #13131b;--site-text: #f4f4f7;--site-text-2: #a4a4b2;--site-line: rgba(255, 255, 255, .09);--site-indigo: #4f46e5;--site-indigo-hover: #4338ca;--display: "Unbounded Variable", "Manrope Variable", "Segoe UI", system-ui, sans-serif}html{scroll-padding-top:110px;scrollbar-color:rgba(255,255,255,.22) var(--night)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--night)}.site{position:relative;overflow-x:clip;background:var(--night);color:var(--site-text);font-size:16px;line-height:1.55}.site ::selection{background:#6366f173}.site :focus-visible{outline-color:#fff}.site main,.site-foot{position:relative;z-index:1}.site-spill{position:fixed;left:50%;top:-42vh;z-index:0;width:min(1500px,140vw);height:88vh;background-color:var(--spill);-webkit-mask-image:radial-gradient(closest-side,#000 0%,rgba(0,0,0,.86) 10%,rgba(0,0,0,.7) 20%,rgba(0,0,0,.54) 30%,rgba(0,0,0,.4) 40%,rgba(0,0,0,.28) 50%,rgba(0,0,0,.18) 60%,rgba(0,0,0,.1) 70%,rgba(0,0,0,.05) 80%,rgba(0,0,0,.015) 90%,transparent 100%);mask-image:radial-gradient(closest-side,#000 0%,rgba(0,0,0,.86) 10%,rgba(0,0,0,.7) 20%,rgba(0,0,0,.54) 30%,rgba(0,0,0,.4) 40%,rgba(0,0,0,.28) 50%,rgba(0,0,0,.18) 60%,rgba(0,0,0,.1) 70%,rgba(0,0,0,.05) 80%,rgba(0,0,0,.015) 90%,transparent 100%);opacity:.4;translate:-50% 0;pointer-events:none;scale:.42;transition:background-color 1.4s var(--ease-out),scale 1.2s var(--ease-out);animation:site-spill 6s var(--ease-in-out) infinite}.site-spill.is-wide{scale:1}@keyframes site-spill{50%{opacity:.28}}.site-edge{position:fixed;inset:0 0 auto;z-index:40;height:3px;background:#000}.site-island{position:fixed;top:3px;left:0;right:0;z-index:50;display:flex;justify-content:center;pointer-events:none}.site-island .island-anchor{pointer-events:none}.site-island .island-shell{pointer-events:auto}.site .shell{filter:drop-shadow(0 18px 40px rgba(0,0,0,.6))}.glim3d{position:relative;display:inline-grid;flex-shrink:0;place-items:center}.glim3d>*{grid-area:1 / 1}.glim3d-slot{position:relative;display:inline-grid;flex-shrink:0;place-items:center}.glim3d-slot>.glim3d{position:absolute}.glim3d canvas{display:block;opacity:0;transition:opacity .5s var(--ease-out)}.glim3d.is-ready canvas{opacity:1}:is(.site-states-glim,.site-sleeper):after{content:"";position:absolute;left:50%;bottom:9%;z-index:-1;width:50%;height:8%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.12),transparent);translate:-50% 0}.site-top{position:fixed;top:0;left:0;right:0;z-index:45;display:flex;align-items:flex-start;justify-content:space-between;padding:12px clamp(12px,2.4vw,28px) 0;pointer-events:none}.site-top>*{pointer-events:auto}.site-pill{display:inline-flex;align-items:center;gap:2px;padding:5px;border-radius:999px;transition:background-color .3s var(--ease-out),box-shadow .3s var(--ease-out)}.site-top.is-scrolled .site-pill{background:#13131bbd;-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);box-shadow:inset 0 0 0 1px var(--site-line),0 12px 30px #00000059}.site-brand{display:inline-flex;align-items:center;gap:8px;color:var(--site-text);font-size:20px;font-weight:800;letter-spacing:-.045em;text-decoration:none}.site-pill.site-brand{padding:2px 16px 2px 4px}.site-link{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:999px;color:var(--site-text);font-size:14.5px;font-weight:680;text-decoration:none;transition:background-color .15s var(--ease-out)}.site-link:hover{background:#ffffff14}.site-button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 30px;border-radius:999px;background:var(--site-indigo);color:#fff;font-size:16.5px;font-weight:750;letter-spacing:-.01em;text-decoration:none;box-shadow:inset 0 1px #ffffff3d,0 1px 2px #0000004d,0 14px 36px #6366f16b;transition:background-color .15s var(--ease-out),box-shadow .25s var(--ease-out),transform .25s var(--ease-out)}.site-button:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.36) 50%,transparent 70%);transform:translate(-130%);animation:site-sheen 4.4s var(--ease-in-out) 1.6s infinite}@keyframes site-sheen{0%{transform:translate(-130%)}32%,to{transform:translate(130%)}}.site-button:hover{background:var(--site-indigo-hover);box-shadow:inset 0 1px #ffffff3d,0 2px 4px #0000004d,0 18px 44px #6366f18c;transform:translateY(-2px)}.site-button:hover svg{animation:site-nudge .65s var(--ease-out)}@keyframes site-nudge{45%{transform:translateY(3px)}}.site-button:active{transform:translateY(0)}.site-button-light{background:#fff;color:#3730a3;box-shadow:0 1px 2px #0003,0 16px 40px #0a082873}.site-button-light:after{background:linear-gradient(105deg,transparent 30%,rgba(99,102,241,.22) 50%,transparent 70%)}.site-button-light:hover{background:#eef0ff;box-shadow:0 2px 4px #00000038,0 20px 46px #0a082880}.site-button-small{height:40px;padding:0 18px;gap:8px;font-size:14.5px;box-shadow:inset 0 1px #ffffff3d}.site-button-small:after{display:none}.site-button-small:hover{box-shadow:inset 0 1px #ffffff3d;transform:none}.site-more{display:inline-flex;align-items:center;gap:8px;height:56px;padding:0 26px;border-radius:999px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff2e;color:var(--site-text);font-size:16.5px;font-weight:720;text-decoration:none;transition:background-color .15s var(--ease-out)}.site-more:hover{background:#ffffff1f}.site :is(h1,h2):not(.gl *){margin:0;font-family:var(--display);font-weight:700;letter-spacing:-.035em;text-wrap:balance}.site h2:not(.gl *){max-width:15ch;font-size:clamp(30px,3.6vw,50px);line-height:1.08}.site-lede{max-width:33em;margin:20px 0 0;color:var(--site-text-2);font-size:clamp(17px,1.35vw,19px);line-height:1.6;text-wrap:pretty}.site-section{padding:clamp(96px,11vw,150px) clamp(16px,4vw,40px) 0}.site-wrap{max-width:1200px;margin:0 auto}.site-hero{--hw: max(850px, 67.5vw);--hh: clamp(56px, 5vw, 88px);position:relative;isolation:isolate;overflow:hidden;display:grid;justify-items:center;align-content:start;min-height:max(100svh,860px);padding:132px clamp(16px,4vw,40px) calc(var(--span, 1440px) * .13 + 56px);text-align:center}.site-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 38%,rgba(48,48,110,.32) 76%,rgba(48,48,110,0) 100%);pointer-events:none}.site-terminal{position:absolute;inset:0;z-index:-2;opacity:.5;pointer-events:none;-webkit-mask-image:var(--clearing, linear-gradient(#fff, #fff)),linear-gradient(180deg,transparent 2%,#000 16%,#000 62%,transparent 86%);mask-image:var(--clearing, linear-gradient(#fff, #fff)),linear-gradient(180deg,transparent 2%,#000 16%,#000 62%,transparent 86%);mask-mode:luminance,alpha;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}.site-terminal canvas{display:block}.site-hero-copy{position:relative;z-index:3;display:grid;justify-items:center}.site-hero h1{max-width:18em;font-size:clamp(36px,4.6vw,66px);line-height:1.04}.site-hero h1 span{display:block;color:#8e8ea2}.site-sub{max-width:34em;margin:26px 0 0;color:var(--site-text-2);font-size:clamp(17px,1.45vw,19.5px);line-height:1.55;text-wrap:pretty}.site-cta,.site-close-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 14px;margin-top:34px}.site-meta{margin:16px 0 0;color:var(--site-text-2);font-size:14px;font-weight:600}.site-try{display:grid;justify-items:center;gap:10px;margin-top:40px}.site-try>span,.site-try p{margin:0;color:var(--site-text-2);font-size:13px}.site-try>span{font-weight:750}.site-try .pseg{justify-content:center;background:#ffffff0f;box-shadow:inset 0 0 0 1px var(--site-line)}.site-try .pseg button{padding:9px 14px;color:#f4f4f7cc;font-size:14px}.site-try .pseg button:hover:not(:disabled){background:#fff;color:var(--night)}.site-try .pseg button:disabled{opacity:.4;cursor:default}.site-crowd{--base: clamp(24px, 2.6vw, 44px);position:absolute;inset:0;z-index:1;pointer-events:none;-webkit-mask-image:radial-gradient(var(--hw) var(--hh) at 50% 100%,transparent 99.4%,#000 100%);mask-image:radial-gradient(var(--hw) var(--hh) at 50% 100%,transparent 99.4%,#000 100%)}@property --sink{syntax: "<percentage>"; inherits: true; initial-value: 0%;}.site-peek{position:absolute;display:block;translate:-50% calc(20% + var(--sink));pointer-events:auto}.site-peek .glim3d{transition:translate .5s var(--ease-expo)}.site-peek:hover .glim3d{translate:0 -14%}.site-horizon{position:absolute;left:50%;bottom:0;z-index:2;width:calc(var(--hw) * 2);height:var(--hh);border-radius:50% 50% 0 0/100% 100% 0 0;box-shadow:0 -30px 70px -30px #a5b4fc40;translate:-50% 0;pointer-events:none}.site-states{display:grid;justify-items:center;text-align:center}.site-states .site-lede{margin-inline:auto}.site-states-glim{position:relative;display:grid;place-items:center;margin-bottom:4px}.site-states-glim:before{content:"";position:absolute;z-index:-1;width:120%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,var(--dot),transparent);opacity:.3}.site-state-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;margin:52px 0 0;padding:0;list-style:none;text-align:left}.site-card{--lift: 0px;--ring: 0;position:relative;display:grid;align-content:start;gap:14px;padding:10px 10px 18px;border-radius:22px;background:color-mix(in srgb,var(--dot) 6%,rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px var(--site-line);translate:0 var(--lift);isolation:isolate;cursor:pointer}.site-card:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:color-mix(in srgb,var(--dot) 10%,transparent);box-shadow:inset 0 0 0 1.5px var(--dot),0 24px 48px -24px var(--dot);opacity:var(--ring);pointer-events:none}.site-card,.site-card:before{transition:translate .42s var(--ease-out),opacity .42s var(--ease-out)}.site-card:hover{--lift: -3px;--ring: .45}.site-card.is-shown{--lift: -3px;--ring: 1}.site-card:hover:after{content:"";position:absolute;inset:100% 0 -3px}.site .site-card .desk{border-radius:14px;background:radial-gradient(75% 120% at 50% 0%,color-mix(in srgb,var(--dot) 34%,transparent),transparent 72%),#0c0c11;box-shadow:inset 0 0 0 1px #000}.site-card p{display:grid;gap:4px;margin:0;padding:0 6px}.site-card p b{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:760;letter-spacing:-.01em}.site-card p b i{width:9px;height:9px;border-radius:50%;background:var(--dot);box-shadow:0 0 10px var(--dot)}.site-card p span{color:var(--site-text-2);font-size:14px;line-height:1.5}.site-card-hit{position:absolute;inset:0;border:0;border-radius:22px;background:none}.site-card-hit:focus-visible{outline-offset:3px}:is(.site-card,.site-states-glim,.site-pipe-caption,.site-pipe-ping,.site-pipe-packet,.site-pipe-leak)[data-tone=active]{--dot: #5cc8ff}:is(.site-card,.site-states-glim,.site-pipe-caption,.site-pipe-ping,.site-pipe-packet,.site-pipe-leak)[data-tone=attention]{--dot: #ffc53d}:is(.site-card,.site-states-glim,.site-pipe-caption,.site-pipe-ping,.site-pipe-packet,.site-pipe-leak)[data-tone=success]{--dot: #36d4c4}:is(.site-card,.site-states-glim,.site-pipe-caption,.site-pipe-ping,.site-pipe-packet,.site-pipe-leak)[data-tone=error]{--dot: #ff6a5f}:is(.site-card,.site-states-glim,.site-pipe-caption,.site-pipe-ping,.site-pipe-packet,.site-pipe-leak)[data-tone=done]{--dot: #3ddc84}:is(.site-card,.site-states-glim,.site-pipe-caption,.site-pipe-ping,.site-pipe-packet,.site-pipe-leak)[data-tone=calm]{--dot: #a3a3b2}:is(.site-card,.site-states-glim,.site-pipe-caption,.site-pipe-ping,.site-pipe-packet,.site-pipe-leak)[data-tone=brand]{--dot: #818cf8}.site-card[data-tone=spectrum]{--dot: #818cf8;background:linear-gradient(110deg,#5cc8ff0f,#36d4c40f 25%,#ffc53d0f 55%,#ff6a5f0f 80%,#818cf80f),#ffffff05;box-shadow:inset 0 0 0 1px var(--site-line),-22px 24px 48px -26px color-mix(in srgb,#5cc8ff calc(var(--ring) * 100%),transparent),0 24px 48px -26px color-mix(in srgb,#ffc53d calc(var(--ring) * 100%),transparent),22px 24px 48px -26px color-mix(in srgb,#ff6a5f calc(var(--ring) * 100%),transparent);transition:translate .42s var(--ease-out),box-shadow .42s var(--ease-out)}.site-card[data-tone=spectrum]:before{padding:1.5px;background:linear-gradient(110deg,#5cc8ff,#36d4c4,#3ddc84,#ffc53d,#ff6a5f,#818cf8);box-shadow:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.site .site-card[data-tone=spectrum] .desk{background:radial-gradient(45% 120% at 22% 0%,#5cc8ff4d,transparent 72%),radial-gradient(45% 120% at 50% 0%,#ffc53d4d,transparent 72%),radial-gradient(45% 120% at 78% 0%,#ff6a5f4d,transparent 72%),#0c0c11}.site-card[data-tone=spectrum] p b i{background:conic-gradient(#5cc8ff,#3ddc84,#ffc53d,#ff6a5f,#818cf8,#5cc8ff);box-shadow:0 0 10px #818cf8}.site-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(40px,6vw,96px)}.site-facts{display:grid;margin:36px 0 0;padding:0;list-style:none}.site-fact{position:relative;padding:22px 0 26px}.site-fact-line{position:absolute;inset:0 0 auto;height:2px;overflow:hidden;border-radius:1px;background:#ffffff38}.site-fact-line b{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease-out)}.site-fact:is(.is-done,.is-active) .site-fact-line b{transform:none}.site-fact h3{margin:0;color:#fff;font-size:19px;font-weight:760;letter-spacing:-.01em;line-height:1.3;transition:color .4s var(--ease-out)}.site-fact p{max-width:32em;margin:6px 0 0;color:#eef0ffdb;font-size:15.5px;line-height:1.6;text-wrap:pretty;transition:color .4s var(--ease-out)}.site-facts.is-steps .site-fact:not(.is-active) h3{color:#ffffffb3}.site-facts.is-steps .site-fact:not(.is-active) p{color:#eef0ff94}.site-facts.is-steps .site-fact:hover h3{color:#fff}.site-fact h3 button{padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:left}.site-fact h3 button:after{content:"";position:absolute;inset:0}@supports (animation-timeline: view()){.site-scrolly{timeline-scope:--fact-0,--fact-1,--fact-2}.site-scrolly-step{view-timeline-inset:0px}.site-scrolly-step[data-scene=details-glance]{view-timeline-name:--fact-0}.site-scrolly-step[data-scene=details-details]{view-timeline-name:--fact-1}.site-scrolly-step[data-scene=details-usage]{view-timeline-name:--fact-2}.site-facts.is-steps .site-fact-line b{transition:none;animation:site-fill linear both;animation-range:cover 50vh cover calc(50vh + var(--step))}.site-facts.is-steps .site-fact:nth-child(1) .site-fact-line b{animation-timeline:--fact-0}.site-facts.is-steps .site-fact:nth-child(2) .site-fact-line b{animation-timeline:--fact-1}.site-facts.is-steps .site-fact:nth-child(3) .site-fact-line b{animation-timeline:--fact-2}}@keyframes site-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.site .desk{background:linear-gradient(180deg,#1c1c27,#121219);box-shadow:inset 0 0 0 1px var(--site-line)}.site-art{border-radius:22px}.site-scrolly{--step: 40vh;position:relative;height:calc(100vh + 3 * var(--step));margin-top:clamp(60px,8vw,110px)}.site-scrolly-stage{position:sticky;top:0;display:grid;grid-template-columns:minmax(0,1fr) 500px minmax(0,1fr);align-items:center;height:100vh;max-width:1480px;margin:0 auto;padding:0 clamp(24px,3vw,48px)}.site-scrolly-copy{grid-column:1}.site-scrolly h2:not(.gl *){font-size:clamp(28px,2.8vw,42px)}.site-scrolly .site-facts{grid-column:3;margin:0}.site-scrolly-step{position:absolute;left:0;right:0;top:calc(50vh + var(--i) * var(--step));height:var(--step);pointer-events:none}.site-details{--site-text-2: rgba(238, 240, 255, .8);--site-line: rgba(255, 255, 255, .24);margin-inline:clamp(8px,1.6vw,24px);border-radius:clamp(40px,5vw,80px);corner-shape:squircle;background:linear-gradient(100deg,#5b54f0,#4a42d8,#3a32b5);color:#fff}.site-section.site-details{margin-top:clamp(60px,8vw,110px);padding-bottom:clamp(72px,9vw,120px)}.site-privacy-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:20px clamp(32px,5vw,80px)}.site-privacy-head .site-lede{margin:0}.site-vault{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-top:52px}.site-vault-card{display:grid;grid-template-rows:1fr auto auto;align-content:start;gap:6px;padding:10px 10px 24px;border-radius:26px;background:color-mix(in srgb,#818cf8 5%,rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px var(--site-line)}.site-vault-card.is-pipe,.site-vault-card.is-pause{grid-column:span 7}.site-vault-card.is-kept,.site-vault-card.is-changes{grid-column:span 5}.site-vault-art{position:relative;display:grid;place-items:center;min-height:280px;margin-bottom:14px;padding:22px 16px;border-radius:18px;background:radial-gradient(80% 70% at 50% 0%,rgba(255,255,255,.14),transparent 70%),radial-gradient(90% 80% at 50% 120%,rgba(19,14,70,.85),transparent 70%),linear-gradient(165deg,#5b54f0,#4338ca,#2a2391);overflow:hidden}.site-vault-card>h3{margin:0;padding:0 12px;font-size:18px;font-weight:760;letter-spacing:-.012em}.site-vault-card>p{margin:0;padding:0 12px;color:var(--site-text-2);font-size:15px;line-height:1.6;text-wrap:pretty}.site-pipe-card{padding:20px;border-radius:22px;background:#000;box-shadow:inset 0 0 0 1px #ffffff14,0 28px 56px -28px #0a0828e6}.site-pipe{position:relative;width:560px;height:230px}.site-pipe-pc{position:absolute;inset:0 auto 0 0;width:400px;border:1.5px dashed rgba(255,255,255,.2);border-radius:24px}.site-pipe-tag{position:absolute;top:14px;left:18px;display:inline-flex;align-items:center;gap:6px;color:var(--site-text-2);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.site-pipe-agent{position:absolute;left:22px;display:flex;align-items:center;gap:9px;width:156px;height:40px;padding:0 12px 0 10px;border-radius:20px;background:#16161d;box-shadow:inset 0 0 0 1.5px var(--wire);font-size:14px;font-weight:700}.site-pipe-card{--wire: #34343e}.site-pipe-agent .gl{display:flex}.site-pipe-agent>img,.site-pipe-agent>.gl{flex-shrink:0}.site-pipe-wires{position:absolute;inset:0;overflow:visible}.site-pipe-wires path{fill:none;stroke:var(--wire);stroke-width:1.5}.site-pipe-ping{position:absolute;inset:-2px;border:1.5px solid var(--dot);border-radius:999px;animation:site-ping .9s var(--ease-out) forwards}@keyframes site-ping{0%{inset:-2px;opacity:1}to{inset:-9px;opacity:0}}.site-pipe-packet{position:absolute;left:0;top:0;width:9px;height:9px;border-radius:50%;background:color-mix(in srgb,var(--dot) 45%,#fff);box-shadow:0 0 6px var(--dot),0 0 16px var(--dot);offset-path:path("M178 78 C 236 78, 236 116, 286 116");offset-rotate:0deg;animation:site-packet .95s var(--ease-in-out) both}.site-pipe-packet.from-codex{offset-path:path("M178 152 C 236 152, 236 116, 286 116")}@keyframes site-packet{0%{offset-distance:0%;opacity:0}15%{opacity:1}to{offset-distance:100%;opacity:0}}.site-pipe-caption{position:absolute;left:332px;top:30px;display:inline-flex;align-items:center;gap:6px;padding:5px 11px 5px 7px;border-radius:999px;background:#000;box-shadow:inset 0 0 0 1px #ffffff1a;color:var(--dot);font-size:11.5px;font-weight:750;white-space:nowrap;translate:-50% 0;animation:site-caption 2.4s var(--ease-out) both}.site-pipe-caption img,.site-pipe-caption .gl{display:flex}@keyframes site-caption{0%{opacity:0;transform:translateY(6px) scale(.92)}12%,80%{opacity:1;transform:none}to{opacity:0}}.site-pipe-leak{position:absolute;left:0;top:0;width:9px;height:9px;border-radius:50%;background:color-mix(in srgb,var(--dot) 45%,#fff);box-shadow:0 0 6px var(--dot),0 0 16px var(--dot);offset-path:path("M374 116 H 432");offset-rotate:0deg;animation:site-leak .7s var(--ease-in-out) .35s both}@keyframes site-leak{0%{offset-distance:0%;opacity:0}20%,85%{opacity:1}to{offset-distance:100%;opacity:0}}.site-pipe-stop{position:absolute;left:440px;top:116px;width:22px;height:22px;border-radius:50%;box-shadow:0 0 0 2px #ff6a5fb3;translate:-50% -50%;animation:site-stop .7s var(--ease-out) 1s both}@keyframes site-stop{0%{opacity:1;scale:.6}to{opacity:0;scale:2.2}}.site-pipe-glim{position:absolute;left:286px;top:70px}.site-pipe-note{position:absolute;left:0;right:0;bottom:14px;color:#8e8ea2;font-size:12px;font-weight:600;text-align:center}.site-pipe-cut{position:absolute;left:440px;top:116px}.site-pipe-cut svg{position:absolute;left:0;top:0;box-sizing:content-box;padding:4px;border-radius:50%;background:#2a1214;color:#ff6a5f;box-shadow:inset 0 0 0 1px #ff6a5f66;translate:-50% -50%}.site-pipe-cloud{position:absolute;left:482px;top:101px;display:grid;justify-items:center;gap:4px;color:#5d5d6c;font-size:12px;font-weight:700}.site-kept{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:14px;width:100%;max-width:440px}.site-kept>div{padding:16px 16px 18px;border-radius:16px;background:#000;box-shadow:inset 0 0 0 1px #ffffff14,0 22px 44px -24px #0a0828e6}.site-kept span{display:block;margin-bottom:12px;color:var(--site-text-2);font-size:12px;font-weight:700;line-height:1.35}.site-kept ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.site-kept li{position:relative;display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:650}.site-kept li svg{flex-shrink:0;color:#3ddc84}.site-kept .is-never li{color:#77778a}.site-kept .is-never li svg{color:#ff6a5f}.site-sort-chip{position:absolute;z-index:2;left:50%;top:-18px;padding:6px 10px;border-radius:999px;background:#000;box-shadow:inset 0 0 0 1px #ffffff24,0 10px 24px -8px #000c;color:#e4e4ea;font:600 11.5px/1 Cascadia Code,Consolas,ui-monospace,monospace;white-space:nowrap;translate:-50% -50%;pointer-events:none;transition:left .62s var(--ease-in-out),top .62s var(--ease-in-out);animation:site-chip-kept 1.9s var(--ease-out) both}.site-sort-chip.is-never{animation-name:site-chip-never}@keyframes site-chip-kept{0%{opacity:0;scale:.8}8%,68%{opacity:1;scale:1}84%,to{opacity:0;scale:.5}}@keyframes site-chip-never{0%{opacity:0;scale:.8}8%,68%{opacity:1;scale:1;filter:none;color:#e4e4ea}75%{color:#ff6a5f;box-shadow:inset 0 0 0 1px #ff6a5f99}to{opacity:0;scale:1.15;filter:blur(6px);color:#ff6a5f}}.site-kept li:before{content:"";position:absolute;inset:-4px -8px;z-index:-1;border-radius:8px;opacity:0}.site-kept li.is-hit:before{background:#3ddc8424;animation:site-row-hit .9s var(--ease-out)}.site-kept .is-never li.is-hit:before{background:#ff6a5f24}.site-kept li.is-hit svg{animation:site-row-check .5s var(--ease-out)}.site-kept li.is-hit s,.can-reveal .site-vault-card[data-in] .site-kept li.is-hit s{animation:v-strike .45s var(--ease-out) .15s backwards}@keyframes site-row-hit{0%{opacity:0}25%{opacity:1}to{opacity:0}}@keyframes site-row-check{40%{scale:1.45}}.site-kept ul{isolation:isolate}.site-kept s{text-decoration:none;background:linear-gradient(#ff6a5f99,#ff6a5f99) 0 56% / 100% 1.5px no-repeat}.site-vault-card.is-changes .site-vault-art{place-items:start center;padding-top:0}.site-vault-sheet{padding:14px 8px 12px}.site-sleeper{position:relative;display:grid;place-items:center}.site-zs{position:absolute;inset:0;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .7s var(--ease-out)}.site-vault-art[data-asleep] .site-zs{opacity:1}.site-zs b{position:absolute;left:66%;bottom:50%;color:#a5b4fc;font-family:var(--display);font-size:clamp(56px,7vw,100px);font-weight:800;line-height:1;opacity:0;animation:site-zs 7.5s linear infinite;animation-delay:calc(var(--i) * -2.5s)}@keyframes site-zs{0%{opacity:0;transform:translate(0) scale(.55) rotate(-10deg)}15%{opacity:.24}65%{opacity:.16}to{opacity:0;transform:translate(70%,-240%) scale(1.2) rotate(8deg)}}.site-vault-card.is-pause .site-vault-art:before,.site-vault-card.is-pause .site-vault-art:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .9s var(--ease-out)}.site-vault-card.is-pause .site-vault-art:before{background:radial-gradient(circle at 84% 18%,rgba(255,255,255,.85) 0 1.3px,transparent 2px),radial-gradient(circle at 76% 34%,rgba(255,255,255,.55) 0 1px,transparent 1.6px),radial-gradient(circle at 54% 6%,rgba(255,255,255,.6) 0 1px,transparent 1.6px),radial-gradient(circle at 88% 64%,rgba(255,255,255,.5) 0 1px,transparent 1.6px),radial-gradient(circle at 14% 78%,rgba(255,255,255,.45) 0 1px,transparent 1.6px),radial-gradient(circle at 9% 14%,#fff 0 1px,transparent 1.6px),radial-gradient(circle at 22% 38%,rgba(255,255,255,.7) 0 1px,transparent 1.6px),radial-gradient(circle at 36% 9%,rgba(255,255,255,.8) 0 1.2px,transparent 1.8px),radial-gradient(circle at 63% 30%,rgba(255,255,255,.6) 0 1px,transparent 1.6px),radial-gradient(circle at 93% 46%,rgba(255,255,255,.7) 0 1px,transparent 1.6px),radial-gradient(circle at 5% 56%,rgba(255,255,255,.5) 0 1px,transparent 1.6px),linear-gradient(180deg,#0e0c2c,#16124a 55%,#221d6b)}.site-vault-card.is-pause .site-vault-art:after{background:radial-gradient(circle at 15% 26%,#fff 0 1.3px,transparent 2px),radial-gradient(circle at 48% 18%,#fff 0 1px,transparent 1.7px),radial-gradient(circle at 74% 8%,#fff 0 1.2px,transparent 1.9px),radial-gradient(circle at 30% 52%,#fff 0 1px,transparent 1.7px),radial-gradient(circle at 91% 28%,#fff 0 1.2px,transparent 1.9px),radial-gradient(circle at 66% 48%,#fff 0 1px,transparent 1.7px)}.site-vault-card.is-pause .site-vault-art[data-asleep]:before{opacity:1}.site-vault-card.is-pause .site-vault-art[data-asleep]:after{opacity:1;animation:site-twinkle 3.2s var(--ease-in-out) infinite alternate}@keyframes site-twinkle{0%{opacity:.25}to{opacity:1}}.site-vault-card.is-pause .site-vault-art{place-items:start center;min-height:380px}.site-vault-card.is-pause .site-sleeper{position:absolute;left:50%;bottom:0;translate:-50% 34%}.site-vault-card.is-pause .site-sleeper:after{display:none}.site-pause{position:relative;z-index:1;width:min(100%,300px);margin-top:8px;padding:2px 16px;border-radius:16px;background:#000;box-shadow:inset 0 0 0 1px #ffffff14,0 16px 34px -16px #000c}.site-steps{--gap: clamp(24px, 4vw, 48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:32px var(--gap);margin:48px 0 0;padding:0;list-style:none;counter-reset:step}.site-steps li{display:grid;align-content:start;gap:8px;counter-increment:step}.site-steps li:before{content:counter(step);display:grid;place-items:center;width:40px;height:40px;margin-bottom:8px;border-radius:50%;background:var(--site-text);color:var(--night);font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}.site-steps b{font-size:18px;font-weight:760;letter-spacing:-.01em}.site-steps span{color:var(--site-text-2);font-size:15.5px;line-height:1.6}.site-steps code{padding:1px 6px;border-radius:6px;background:#ffffff14;color:var(--site-text);font-family:Cascadia Code,Consolas,monospace;font-size:.9em}.site-works{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:48px}.site-agent{display:inline-flex;align-items:center;gap:9px;padding:8px 16px 8px 10px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--site-line);font-size:15px;font-weight:720}.site-codex{display:inline-block;width:22px;height:22px;background:var(--site-text);-webkit-mask:url(../providers/codex.png) center / contain no-repeat luminance;mask:url(../providers/codex.png) center / contain no-repeat luminance}.site-works p{flex:1 1 300px;margin:0 0 0 6px;color:var(--site-text-2);font-size:15px}@property --cta-glow{syntax: "<color>"; inherits: true; initial-value: #36d4c4;}.site-close{overflow-x:clip;padding-top:clamp(170px,16vw,230px);padding-bottom:clamp(100px,11vw,150px)}.site-cta-stage{position:relative;transition:--cta-glow 1.2s var(--ease-out);max-width:1120px;margin:0 auto}.site-cta-stage .site-cta-panel{z-index:1}.site-cheer{position:absolute;z-index:0;display:block;opacity:0;pointer-events:none;transition:translate .42s var(--ease-out),rotate .42s var(--ease-out),opacity .2s var(--ease-out) .12s}.site-cheer.is-left{left:0;translate:0 -50%}.site-cheer.is-right{left:100%;translate:-100% -50%}.site-cta-stage:has(.site-cta-panel .site-button:is(:hover,:focus-visible)) .site-cheer{opacity:1;transition:translate .7s var(--ease-expo),rotate .7s var(--ease-expo),opacity .16s var(--ease-out);transition-delay:calc(var(--i, 0) * 55ms)}.site-cta-stage:has(.site-cta-panel .site-button:is(:hover,:focus-visible)) .site-cheer.is-left{translate:calc(-1 * var(--out)) -50%;rotate:var(--tilt)}.site-cta-stage:has(.site-cta-panel .site-button:is(:hover,:focus-visible)) .site-cheer.is-right{translate:calc(-100% + var(--out)) -50%;rotate:var(--tilt)}@media(prefers-reduced-motion:reduce){.site-cheer{display:none}}.site-cta-panel{--glim: 220px;--pad: clamp(96px, 10vw, 128px);position:relative;display:grid;justify-items:center;max-width:1120px;margin:0 auto;padding:var(--pad) clamp(24px,6vw,80px) clamp(64px,7vw,92px);border-radius:clamp(56px,7vw,104px);corner-shape:squircle;background:radial-gradient(70% 60% at 50% 0%,color-mix(in srgb,var(--cta-glow) 30%,transparent),transparent 72%),radial-gradient(90% 80% at 50% 120%,rgba(19,14,70,.9),transparent 70%),linear-gradient(165deg,#5b54f0,#4338ca 46%,#2a2391);box-shadow:inset 0 1px #ffffff3d,inset 0 0 0 1px #ffffff14,0 60px 140px -50px #6366f1b3;text-align:center}.site-cta-panel .site-hello{margin-top:calc(-1 * var(--pad) - var(--glim) * .5)}.site-cta-panel h2:not(.gl *){max-width:14ch;margin-top:4px;color:#fff;font-size:clamp(32px,4.6vw,64px)}.site-cta-panel .site-lede{color:#ffffffd1}.site-cta-panel .site-more{background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff47;color:#fff}.site-cta-panel .site-meta{color:#ffffffa8}.site-hello{position:relative;display:grid;place-items:center;padding:0;border:0;border-radius:32px;background:none}.site-hello-text{position:absolute;top:6%;left:50%;padding:7px 14px;border-radius:999px;background:#fff;color:#3730a3;font-size:15px;font-weight:800;white-space:nowrap;box-shadow:0 12px 28px -10px #0a0828b3;translate:-50% -100%;animation:site-hello-pop .42s var(--ease-out) both;pointer-events:none}.site-hello-text:after{content:"";position:absolute;left:50%;bottom:-4px;width:10px;height:10px;border-radius:2px;background:inherit;translate:-50% 0;rotate:45deg}.site-hello-text:empty{visibility:hidden}@keyframes site-hello-pop{0%{opacity:0;transform:translateY(8px) scale(.85)}}.site-foot{padding:56px clamp(16px,4vw,40px) 40px;border-top:1px solid var(--site-line);background:#000;color:var(--site-text-2)}.site-foot-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:32px}.site-foot-brand p{max-width:26em;margin:12px 0 0}.site-foot nav{display:grid;align-content:start;gap:8px}.site-foot nav b{margin-bottom:4px;color:var(--site-text);font-size:14.5px;font-weight:760}.site-foot nav a{color:var(--site-text-2);font-size:14.5px;font-weight:600;text-decoration:none;text-underline-offset:4px}.site-foot nav a:hover{color:var(--site-text);text-decoration:underline}.site-foot-note{margin-top:40px;padding-top:20px;border-top:1px solid var(--site-line);font-size:13px}.can-reveal .site-hero-copy>*{animation:site-drop 1s var(--ease-expo) backwards;animation-delay:calc(80ms + var(--i, 0) * 90ms)}.can-reveal .site-peek{animation:site-peek 1.2s var(--ease-expo) backwards;animation-delay:calc(.45s + var(--i, 0) * 70ms)}@keyframes site-drop{0%{opacity:0;transform:translateY(-16px);filter:blur(6px)}}@keyframes site-peek{0%{transform:translateY(110%)}}.can-reveal .site-close :is(h2,.site-lede):not(.gl *){opacity:0;transform:translateY(-14px);filter:blur(6px);transition:opacity .9s var(--ease-expo),transform .9s var(--ease-expo),filter .9s var(--ease-expo)}.can-reveal .site-close .site-lede{transition-delay:90ms}.can-reveal .site-close[data-in] :is(h2,.site-lede):not(.gl *){opacity:1;transform:none;filter:none}.can-reveal .site-close .site-item{opacity:0;transform:translateY(-12px);transition:opacity .8s var(--ease-expo),transform .8s var(--ease-expo);transition-delay:calc(.16s + var(--i, 0) * 60ms)}.can-reveal .site-close[data-in] .site-item{opacity:1;transform:none}.can-reveal .site-close .site-cta-panel{opacity:0;scale:.94;transition:opacity .8s var(--ease-expo),scale 1s var(--ease-expo)}.can-reveal .site-close[data-in] .site-cta-panel{opacity:1;scale:1}.can-reveal .site-vault-card{--base: calc(var(--i, 0) * .12s + .42s);opacity:0;transform:translateY(48px) scale(.95);transition:opacity .5s var(--ease-out) calc(var(--i, 0) * .12s),transform 1s var(--ease-expo) calc(var(--i, 0) * .12s)}.can-reveal .site-vault-card[data-in]{opacity:1;transform:none}.can-reveal .site-vault-card[data-in] :is(.site-pipe-pc,.site-pipe-agent,.site-pipe-glim,.site-pipe-note,.site-pipe-cut,.site-pipe-cloud,.site-kept>div,.site-kept li,.fit,.site-sleeper,.site-pause){animation:1s var(--ease-expo) var(--base) backwards}.can-reveal .site-vault-card[data-in] .site-pipe-pc{animation-name:v-fade}.can-reveal .site-vault-card[data-in] .site-pipe-agent{animation-name:v-from-left}.can-reveal .site-vault-card[data-in] .site-pipe-agent+.site-pipe-agent{animation-delay:calc(var(--base) + 90ms)}.can-reveal .site-vault-card[data-in] .site-pipe-wires path{stroke-dasharray:160;animation:v-draw .9s var(--ease-out) calc(var(--base) + .3s) backwards}.can-reveal .site-vault-card[data-in] .site-pipe-glim{animation-name:v-pop;animation-delay:calc(var(--base) + .65s)}.can-reveal .site-vault-card[data-in] .site-pipe-note{animation-name:v-fade;animation-delay:calc(var(--base) + .8s)}.can-reveal .site-vault-card[data-in] .site-pipe-cut{animation-name:v-grow;animation-delay:calc(var(--base) + .9s)}.can-reveal .site-vault-card[data-in] .site-pipe-cloud{animation-name:v-from-right;animation-delay:calc(var(--base) + 1s)}.can-reveal .site-vault-card[data-in] .site-kept>div{animation-name:v-rise}.can-reveal .site-vault-card[data-in] .site-kept>div+div{animation-delay:calc(var(--base) + .12s)}.can-reveal .site-vault-card[data-in] .site-kept li{animation-name:v-from-left;animation-delay:calc(var(--base) + .25s + var(--j) * 70ms)}.can-reveal .site-vault-card[data-in] .site-kept s{animation:v-strike .5s var(--ease-out) calc(var(--base) + .5s + var(--j) * 70ms) backwards}.can-reveal .site-vault-card[data-in].is-changes .fit{animation-name:v-drop}.can-reveal .site-vault-card[data-in].is-pause .site-sleeper{animation-name:v-lie-down;animation-duration:1.2s}.can-reveal .site-vault-card[data-in] .site-pause{animation-name:v-drop-small;animation-delay:calc(var(--base) + .2s)}@keyframes v-fade{0%{opacity:0}}@keyframes v-from-left{0%{opacity:0;transform:translate(-24px)}}@keyframes v-from-right{0%{opacity:0;transform:translate(24px)}}@keyframes v-rise{0%{opacity:0;transform:translateY(18px)}}@keyframes v-pop{0%{opacity:0;transform:scale(.5)}}@keyframes v-grow{0%{transform:scaleX(0);transform-origin:left}}@keyframes v-draw{0%{stroke-dashoffset:160}}@keyframes v-strike{0%{background-size:0 1.5px}}@keyframes v-drop{0%{transform:translateY(-110%)}}@keyframes v-drop-small{0%{opacity:0;transform:translateY(-16px)}}@keyframes v-lie-down{0%{transform:translateY(45%)}}.site{timeline-scope:--cta}.site-close{view-timeline:--cta block}.site-haze{translate:0 100%}@supports (animation-timeline: view()){.site-haze{animation:site-haze linear both;animation-timeline:--cta;animation-range:entry-crossing 150px entry-crossing 100%}}@keyframes site-haze{0%,to{translate:0 100%}18%,82%{translate:0 0}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference)and (min-width:721px){.site-hero{view-timeline:--hero block;view-timeline-inset:0px}.site-hero-copy{animation:sr-hero-copy linear both;animation-timeline:--hero;animation-range:exit-crossing 5% exit-crossing 55%}.site-crowd{animation:sr-sink linear both;animation-timeline:--hero;animation-range:exit-crossing 0% exit-crossing 45%}}}@keyframes sr-hero-copy{to{opacity:0;transform:translateY(-56px) scale(.97)}}@keyframes sr-sink{to{--sink: 70%}}.site-rise{padding-bottom:.14em;margin-bottom:-.14em}.site-rise>span{display:block}@media(prefers-reduced-motion:no-preference){.can-reveal .site-rise{overflow:hidden}.can-reveal .site-rise>span{transform:translateY(105%);transition:transform 1.1s var(--ease-expo)}.can-reveal .site-lede.site-rise>span{transition-delay:.16s}.can-reveal .site-rise[data-in]>span{transform:none}.can-reveal .site-states-glim[data-show]:not([data-in]){opacity:0}.can-reveal .site-states-glim[data-in]{animation:site-pop .9s var(--ease-out) backwards}.can-reveal .site-state-grid[data-show]:not([data-in]) .site-card{opacity:0}.can-reveal .site-state-grid[data-in] .site-card{animation:site-card-on .8s var(--ease-expo) backwards;animation-delay:calc(var(--i, 0) * 90ms)}.can-reveal .site-state-grid[data-in] .site-card .slot{animation:site-island-drop .75s var(--ease-expo) backwards;animation-delay:calc(var(--i, 0) * 90ms + .26s)}.can-reveal .site-state-grid[data-in] .site-card p{animation:site-caption-in .7s var(--ease-expo) backwards;animation-delay:calc(var(--i, 0) * 90ms + .38s)}.can-reveal .site-facts[data-show]:not([data-in])>li{opacity:0}.can-reveal .site-facts[data-in]>li{animation:site-from-left .8s var(--ease-expo) backwards;animation-delay:calc(var(--i, 1) * .11s)}.can-reveal .site-split .site-item[data-show]:not([data-in]){opacity:0}.can-reveal .site-split .site-item[data-in]{animation:site-pop .9s var(--ease-out) backwards}.can-reveal .site-steps[data-show]:not([data-in])>li:before{scale:0}.can-reveal .site-steps[data-show]:not([data-in])>li>*,.can-reveal .site-steps[data-show]:not([data-in])>li:after{opacity:0}.can-reveal .site-steps[data-in]>li:before{animation:site-step-pop .62s var(--ease-expo) backwards;animation-delay:calc(var(--i, 0) * .76s)}.can-reveal .site-steps[data-in]>li>*{animation:site-caption-in .7s var(--ease-expo) backwards;animation-delay:calc(var(--i, 0) * .76s + .18s)}.can-reveal .site-steps[data-in]>li:after{animation:site-draw .52s var(--ease-in-out) backwards;animation-delay:calc(var(--i, 0) * .76s + .3s)}.can-reveal .site-works[data-show]:not([data-in])>*{opacity:0}.can-reveal .site-works[data-in]>*{animation:site-step-pop .62s var(--ease-expo) backwards}.can-reveal .site-works[data-in]>:nth-child(2){animation-delay:.11s}.can-reveal .site-works[data-in]>p{animation:site-caption-in .7s var(--ease-expo) .24s backwards}}.site-steps>li{position:relative}@media(min-width:1000px){.site-steps>li:not(:last-child):after{content:"";position:absolute;top:19px;left:48px;width:calc(100% + var(--gap) - 56px);height:2px;border-radius:1px;background:linear-gradient(90deg,#818cf8,#818cf866);transform-origin:left}}@keyframes site-pop{0%{opacity:0;transform:translateY(36px) scale(.6)}55%{opacity:1;transform:translateY(-4px) scale(1.06)}78%{transform:scale(.98)}}@keyframes site-card-on{0%{opacity:0;transform:translateY(26px) scale(.95);clip-path:inset(0 0 100% 0 round 22px)}60%{opacity:1}to{clip-path:inset(0 0 0 0 round 22px)}}@keyframes site-island-drop{0%{transform:translateY(-130%)}}@keyframes site-caption-in{0%{opacity:0;transform:translateY(14px)}}@keyframes site-from-left{0%{opacity:0;transform:translate(-40px)}}@keyframes site-step-pop{0%{opacity:0;scale:0}}@keyframes site-draw{0%{opacity:1;transform:scaleX(0)}to{opacity:1}}@media(prefers-reduced-motion:reduce){.site-button:after{display:none}.site-vault-card.is-pause .site-vault-art[data-asleep]:after{animation:none}.site-zs b{animation:none;opacity:.12}.site-zs b:not(:first-child){display:none}.site-button:hover,.site-button:hover svg{transform:none;animation:none}.site-spill{animation:none}}@media(max-width:1100px){.site-anchor,.site-link span{display:none}.site-link{width:40px;padding:0;justify-content:center}}@media(max-width:1100px){.site-state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1100px){.site-vault-card:is(.is-pipe,.is-kept,.is-changes,.is-pause){grid-column:span 6}}@media(max-width:900px){.site-split,.site-privacy-head{grid-template-columns:minmax(0,1fr)}.site-vault-card:is(.is-pipe,.is-kept,.is-changes,.is-pause){grid-column:1 / -1}.site-vault-card.is-pause .site-vault-art{min-height:300px}.site-cta-panel{--glim: 160px}.site-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-foot-brand{grid-column:1 / -1}}@media(max-width:720px){.site-top{top:auto;bottom:0;align-items:flex-end;padding:0 12px calc(12px + env(safe-area-inset-bottom))}.site-top .site-pill{background:#13131bdb;-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);box-shadow:inset 0 0 0 1px var(--site-line),0 10px 28px #00000073}.site-hero{min-height:auto;padding-top:120px;padding-bottom:calc(var(--span, 390px) * .5 + 40px)}:is(.site-cta,.site-close-cta)>a{justify-content:center;width:min(100%,300px)}.site-state-grid{--gutter: clamp(16px, 4vw, 40px);grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;width:calc(100% + 2 * var(--gutter));margin:44px calc(-1 * var(--gutter)) 0;padding:8px var(--gutter) 36px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none}.site-state-grid>li{scroll-snap-align:start}.site-card:before{box-shadow:inset 0 0 0 1.5px var(--dot),0 12px 26px -18px var(--dot)}.site-card[data-tone=spectrum]{box-shadow:inset 0 0 0 1px var(--site-line),-12px 12px 26px -18px color-mix(in srgb,#5cc8ff calc(var(--ring) * 100%),transparent),0 12px 26px -18px color-mix(in srgb,#ffc53d calc(var(--ring) * 100%),transparent),12px 12px 26px -18px color-mix(in srgb,#ff6a5f calc(var(--ring) * 100%),transparent)}.can-reveal .site-facts[data-in]>li{animation-name:site-caption-in}.site-try .pseg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,340px)}.site-details .site-split>.site-item{display:none}.site-vault-art{min-height:220px}.site-close{padding-bottom:36px}.site-vault-card.is-pipe .site-vault-art{padding-inline:8px}.site-pipe-card{padding:12px}.site-foot{padding-bottom:104px}.site-foot nav{gap:0}.site-foot nav a{display:flex;align-items:center;min-height:40px}}.gradual-blur-inner{position:relative;width:100%;height:100%}.gradual-blur-inner>div{-webkit-backdrop-filter:inherit;backdrop-filter:inherit}.gradual-blur{isolation:isolate}@supports not (backdrop-filter: blur(1px)){.gradual-blur-inner>div{background:#0000004d;opacity:.5}}.gradual-blur-fixed{position:fixed!important;inset:0;pointer-events:none;z-index:1000}
