@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/instrument-sans-latin-ext-wght-normal.2jfp7v6ns64yg.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/instrument-sans-latin-wght-normal.3h2wr6o8p949u.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-cyrillic-ext-wght-normal.1ladf10s224e1.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-cyrillic-wght-normal.0x7cg5h5x34js.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-greek-wght-normal.1k07jbkicvzf3.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-vietnamese-wght-normal.0a13tgqsi9z78.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-latin-ext-wght-normal.3rxtet6g9i1k3.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-latin-wght-normal.2rmhnsrc80fag.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--sh-accent:#8f81ff;--sh-accent-strong:#7b6cf6;--sh-accent-ink:#0e0d14;--sh-accent-text:#a89cff;--sh-ice:#d9d6f5;--sh-accent-soft:color-mix(in srgb, var(--sh-accent) 14%, transparent);--sh-accent-line:color-mix(in srgb, var(--sh-accent) 45%, transparent);--sh-prism:linear-gradient(120deg, #ffffff38, #8f81ff6b 30%, #8f81ff00 58%, #ffffff1f 100%);--sh-bg:#0e0e10;--sh-surface:#151517;--sh-surface-2:#1c1c1f;--sh-glass:#1e1e2285;--sh-glass-strong:#1e1e22d1;--sh-blur:18px;--sh-line:#26262a;--sh-line-strong:#36363c;--sh-glass-line:#ffffff14;--sh-rim:inset 0 1px 0 #ffffff0d;--sh-text:#f4f4f5;--sh-muted:#a1a1a8;--sh-faint:#75757d;--sh-critical:#ff7a8f;--sh-high:#ffae6b;--sh-medium:#ebd37a;--sh-low:#8ec5ff;--sh-ok:#7fe0b0;--sh-font-sans:"Instrument Sans Variable", "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--sh-font-mono:"JetBrains Mono Variable", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sh-text-xs:12px;--sh-text-sm:13px;--sh-text-md:14px;--sh-text-lg:16px;--sh-text-xl:20px;--sh-text-2xl:24px;--sh-text-3xl:32px;--sh-text-4xl:44px;--sh-display:clamp(44px, 6.2vw, 88px);--sh-track-display:-.035em;--sh-track-heading:-.02em;--sh-r-xs:6px;--sh-r-sm:8px;--sh-r-md:12px;--sh-r-lg:18px;--sh-r-pill:999px;--sh-space-1:4px;--sh-space-2:8px;--sh-space-3:12px;--sh-space-4:16px;--sh-space-6:24px;--sh-space-8:32px;--sh-space-12:48px;--sh-space-24:96px;--sh-focus:0 0 0 2px var(--sh-bg), 0 0 0 4px var(--sh-accent);--sh-overlay-shadow:0 24px 60px -20px #000000b3;--sh-ease:cubic-bezier(.19, 1, .22, 1);--sh-ease-snap:cubic-bezier(.2, .75, .25, 1);--sh-fast:.16s;--sh-slow:.9s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--sh-accent-strong:#6e5cf0;--sh-accent-text:#5b4bd6;--sh-accent-soft:color-mix(in srgb, var(--sh-accent) 12%, transparent);--sh-prism:linear-gradient(120deg, #0000001f, #8f81ff73 30%, #8f81ff00 58%, #0000000f 100%);--sh-bg:#f4f4f5;--sh-surface:#fff;--sh-surface-2:#ededef;--sh-glass:#ffffffb3;--sh-glass-strong:#ffffffdb;--sh-line:#e1e1e4;--sh-line-strong:#cacacf;--sh-glass-line:#00000014;--sh-rim:inset 0 1px 0 #ffffffe6;--sh-text:#131316;--sh-muted:#5b5b63;--sh-faint:#74747c;--sh-critical:#b5122f;--sh-high:#a35400;--sh-medium:#7a6200;--sh-low:#1f5f99;--sh-ok:#1c7a4a;--sh-focus:0 0 0 2px var(--sh-surface), 0 0 0 4px var(--sh-accent-text);--sh-overlay-shadow:0 24px 60px -24px #00000038;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}
html{-webkit-text-size-adjust:100%}body{font-family:var(--sh-font-sans);font-size:var(--sh-text-md);color:var(--sh-text);background:var(--sh-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01", "cv11";margin:0;line-height:1.55}code,kbd,samp,pre{font-family:var(--sh-font-mono);font-size:.9em}h1,h2,h3,h4{text-wrap:balance}p{text-wrap:pretty}::selection{background:color-mix(in srgb, var(--sh-accent) 34%, transparent)}:focus-visible{outline:2px solid var(--sh-accent);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.glass{background:var(--sh-glass);border:1px solid var(--sh-glass-line);box-shadow:var(--sh-rim);border-radius:var(--sh-r-lg);-webkit-backdrop-filter:blur(var(--sh-blur)) saturate(140%);backdrop-filter:blur(var(--sh-blur)) saturate(140%)}.prism-edge{isolation:isolate;position:relative}.prism-edge:before{content:"";border-radius:inherit;background:var(--sh-prism);-webkit-mask-composite:xor;pointer-events:none;z-index:1;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.terrain{z-index:0;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 50% 45%,#000 45%,#0000 100%);mask-image:radial-gradient(120% 90% at 50% 45%,#000 45%,#0000 100%)}.terrain canvas{pointer-events:auto}.terrain--quiet{opacity:.8}.seal{--mark:clamp(104px, 15vw, 188px);--apart:min(176px, 23vw);width:min(600px,92vw);height:var(--mark);margin:0 auto 44px;position:relative}.seal__mark{height:var(--mark);filter:drop-shadow(0 18px 36px #00000080);will-change:transform;width:auto;position:absolute;top:50%;left:50%}.seal__mark--hackaranda{height:calc(var(--mark) * 1.38);transform:translate(-50%, -50%) translateX(calc((1 - var(--c,0)) * -1 * var(--apart) + var(--c,0) * var(--mark) * -.4));z-index:1}.seal__mark--shield{transform:translate(-50%, -50%) translateX(calc((1 - var(--c,0)) * var(--apart) + var(--c,0) * var(--mark) * .4));z-index:2}.seal__x{transform:translate(-50%, -50%) rotate(calc(var(--c,0) * 90deg)) scale(calc(1 - var(--c,0) * .6));color:var(--sh-faint);opacity:calc(1 - var(--c,0) * 2.4);font-size:22px;position:absolute;top:50%;left:50%}.seal__ring{width:calc(var(--mark) * 1.9);aspect-ratio:1;transform:translate(-50%, -50%) rotate(calc(var(--p,0) * 220deg)) scale(calc(.82 + var(--c,0) * .18));opacity:clamp(0, calc((var(--c,0) - .5) * 2.2), 1);-webkit-mask-composite:xor;pointer-events:none;background:conic-gradient(#8f81ff00,#8f81fff2 18%,#c4bcffe6 26%,#8f81ff00 42% 60%,#8f81ff8c 78%,#8f81ff00);border-radius:50%;padding:1px;position:absolute;top:50%;left:50%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.seal--sealed{--c:1;--p:.55;margin:0}.btn{border-radius:var(--sh-r-pill);min-height:40px;font:500 var(--sh-text-md)/1 var(--sh-font-sans);letter-spacing:0;cursor:pointer;transition:background-color var(--sh-fast) ease, border-color var(--sh-fast) ease, color var(--sh-fast) ease, transform var(--sh-fast) var(--sh-ease-snap);border:1px solid #0000;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--sh-accent);color:var(--sh-accent-ink);font-weight:600}.btn--primary:hover{background:var(--sh-accent-strong)}.btn--ghost{background:var(--sh-glass);color:var(--sh-text);border-color:var(--sh-glass-line);box-shadow:var(--sh-rim)}.btn--ghost:hover{border-color:var(--sh-line-strong)}.btn--quiet{color:var(--sh-muted);border-color:var(--sh-glass-line);min-height:34px;font-size:var(--sh-text-sm);background:0 0;padding:0 14px}.btn--quiet:hover{color:var(--sh-text);border-color:var(--sh-line-strong)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important}}
*{box-sizing:border-box}img{max-width:100%;display:block}a{color:inherit}.site{min-height:100vh;overflow-x:clip}.site-header{z-index:50;background:linear-gradient(var(--sh-bg) 40%, color-mix(in srgb, var(--sh-bg) 0%, transparent));justify-content:space-between;align-items:center;min-height:72px;padding:0 28px;display:flex;position:fixed;inset:0 0 auto}.wordmark{letter-spacing:.34em;color:var(--sh-text);font-size:13px;font-weight:600;text-decoration:none}.site-nav{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.site-nav .gooey-nav{flex-wrap:nowrap}.header-cta{margin-left:auto}h1{font-size:var(--sh-display);letter-spacing:var(--sh-track-display);margin:0;font-weight:560;line-height:.98}.section-title{letter-spacing:var(--sh-track-heading);margin:0;font-size:clamp(28px,3.4vw,44px);font-weight:540;line-height:1.06}.lede{max-width:46ch;color:var(--sh-muted);margin:22px auto 0;font-size:clamp(16px,1.45vw,19px)}.actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.stage{--p:0;--c:min(1, calc(var(--p) * 1.55));height:230vh;position:relative}.stage__pin{text-align:center;place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.stage__content{--f:clamp(0, calc((var(--p) - .62) * 2.8), 1);z-index:1;transform:translateY(calc(var(--c) * -2vh - var(--f) * 28px)) scale(calc(1 - var(--f) * .035));filter:blur(calc(var(--f) * 8px));opacity:calc(1 - var(--f) * .7);padding:0 28px;position:relative}.stage .terrain{opacity:calc(1 - clamp(0, calc((var(--p) - .62) * 2.8), 1) * .6)}.stage__content:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--sh-bg) 82%, transparent), transparent);pointer-events:none;position:absolute;inset:18% -12% -8%}.stage__content h1{max-width:12ch;margin-inline:auto}.stage .seal{margin-bottom:calc(44px + var(--c) * var(--mark) * .25)}.stage__cue{background:linear-gradient(var(--sh-accent), transparent);width:1px;height:44px;opacity:calc(1 - var(--p) * 4);position:absolute;bottom:28px;left:50%}.reveal{opacity:0;transition:opacity .72s,transform .72s cubic-bezier(.2,.7,.2,1);transform:translateY(30px)}.reveal.is-visible{opacity:1;transform:none}.stories{width:min(1240px,100% - 56px);margin:0 auto}.story{border-bottom:1px solid var(--sh-line);grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:72px;min-height:560px;padding:96px 0;display:grid}.story:first-child{border-top:1px solid var(--sh-line)}.story__copy{max-width:720px}.story__label{font-size:var(--sh-text-sm);color:var(--sh-accent-text);margin-bottom:18px;font-weight:500;display:block}.story h2,.demo h2{letter-spacing:var(--sh-track-display);margin:0 0 22px;font-size:clamp(36px,4vw,56px);font-weight:560;line-height:1.06}.story p,.demo p{max-width:56ch;color:var(--sh-muted);margin:0;font-size:clamp(17px,1.5vw,20px);line-height:1.7}.story__link{font-size:var(--sh-text-lg);color:var(--sh-text);transition:color var(--sh-fast) ease;gap:10px;margin-top:30px;font-weight:500;text-decoration:none;display:inline-flex}.story__link span{color:var(--sh-accent);transition:transform var(--sh-fast) var(--sh-ease-snap)}.story__link:hover{color:var(--sh-accent-text)}.story__link:hover span{transform:translate(4px)}.story__mark{object-fit:contain;filter:drop-shadow(0 24px 48px #00000073);justify-self:center;width:280px;height:280px}.stories--compact .story{grid-template-columns:1fr;min-height:0;padding:72px 0}.stories--compact .story:first-child{border-top:0}.demos{width:min(1400px,100% - 56px);margin:0 auto}.demo{border-bottom:1px solid var(--sh-line);grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);align-items:center;gap:64px;padding:104px 0;display:grid}.demo--reverse{grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr)}.demo--reverse .demo__copy{grid-area:1/2}.demo--reverse .demo__frame{grid-area:1/1}.demo__frame{border-radius:var(--sh-r-md);border:1px solid var(--sh-line);background:var(--sh-surface);box-shadow:var(--sh-overlay-shadow);margin:0;overflow:hidden}.demo__frame img{width:100%;height:auto}.scroll-fade{--fade:0;filter:blur(calc(var(--fade) * 8px));opacity:calc(1 - var(--fade) * .58);transform:translateY(calc(var(--fade) * -28px)) scale(calc(1 - var(--fade) * .035))}.wip{border-radius:var(--sh-r-pill);border:1px solid var(--sh-line);font-size:var(--sh-text-sm);color:var(--sh-muted);align-items:center;gap:8px;margin-bottom:22px;padding:6px 12px;display:inline-flex}.wip__dot{background:var(--sh-accent);border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite wip-pulse}@keyframes wip-pulse{50%{opacity:.35}}.page-hero{text-align:center;place-items:center;min-height:86svh;padding:120px 24px 72px;display:grid;position:relative;overflow:hidden}.page-hero--plain{min-height:72svh}.page-hero__content{z-index:1;position:relative}.page-hero__mark{filter:drop-shadow(0 14px 28px #00000073);width:auto;height:84px;margin:0 auto 36px}.page-hero h1{max-width:17ch;margin-inline:auto;font-size:clamp(38px,5vw,68px)}.closing{text-align:center;padding:72px 24px var(--sh-space-24)}.closing .btn{margin-top:28px}.site-footer{border-top:1px solid var(--sh-line);width:min(1180px,100% - 48px);color:var(--sh-muted);font-size:var(--sh-text-sm);flex-wrap:wrap;align-items:center;gap:16px 28px;margin:0 auto;padding:28px 0 40px;display:flex}.site-footer nav{gap:20px;margin-left:auto;display:flex}.site-footer nav a{color:var(--sh-muted);text-decoration:none}.site-footer nav a:hover{color:var(--sh-text)}@media (max-width:860px){.site-header{padding:0 16px}.header-cta{display:none}.site-nav{margin-left:auto;position:static;transform:none}.story,.demo,.demo--reverse{grid-template-columns:1fr;gap:32px;min-height:0;padding:72px 0}.story__mark{grid-row:1;justify-self:start;width:140px;height:140px}.demo--reverse .demo__copy,.demo--reverse .demo__frame{grid-area:auto/1}.stories,.demos{width:calc(100% - 32px)}}@media (max-width:520px){.wordmark{letter-spacing:.26em;font-size:12px}.seal{margin-bottom:32px}.page-hero{padding-top:104px}}@media (prefers-reduced-motion:reduce){.stage{height:auto}.stage__pin{height:auto;min-height:100svh;padding:120px 0 80px;position:relative}.stage__cue{display:none}.reveal{opacity:1;transition:none;transform:none}.wip__dot{animation:none}}