@font-face{font-family:satoshi;src:url(../media/Satoshi_Regular-s.p.2oultpqxb_gh9.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:satoshi;src:url(../media/Satoshi_Medium-s.p.2gbh8zsgu5xby.woff2)format("woff2");font-display:swap;font-weight:500}@font-face{font-family:satoshi;src:url(../media/Satoshi_Bold-s.p.19z5sx2nusz2v.woff2)format("woff2");font-display:swap;font-weight:700}@font-face{font-family:satoshi Fallback;src:local(Arial);ascent-override:102.23%;descent-override:24.29%;line-gap-override:10.12%;size-adjust:98.8%}.bCSEXW_className{font-family:satoshi,satoshi Fallback}.bCSEXW_variable{--font-satoshi:"satoshi", "satoshi Fallback"} html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms} :root{--page:#ecece9;--frame:#fff;--card:#f6f6f3;--ink:#262510;--muted:#77766c;--line:#e6e5df;--btn:#1c1c1a;--btn-ink:#fff;--accent:#2f9e5b;--shadow:0 1px 2px #0000000a, 0 8px 24px #0000000f;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-io:cubic-bezier(.76, 0, .24, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}body{background:var(--page);color:var(--ink);font:400 16px/1.6 var(--font-satoshi), ui-sans-serif, system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}:focus-visible{outline-offset:3px;border-radius:6px;outline:2px solid}.ch-mask,.wd-mask,.ln-mask{margin-bottom:-.14em;padding-bottom:.14em}.preloader{z-index:100;color:var(--frame);background:radial-gradient(#ffffff0f 1px,#0000 1.5px) 50%/24px 24px,#161614;place-items:center;display:grid;position:fixed;inset:0}.pre-center{justify-items:center;gap:28px;width:100%;display:grid}.pre-words{text-align:center;letter-spacing:-.045em;width:100%;height:1.2em;font-size:clamp(56px,10vw,140px);font-weight:700;line-height:1.2;position:relative;overflow:clip}.pre-words span{position:absolute;inset:0;transform:translateY(110%)}.pre-grid{aspect-ratio:30/7;grid-template-rows:repeat(7,1fr);grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;width:min(420px,100% - 48px);display:grid}.pre-grid i{background:#ffffff12;border-radius:3px;transition:scale .6s cubic-bezier(.34,1.56,.64,1),background-color .4s;scale:.5}.pre-grid i.on{background:hsl(142 calc(62% + 18% * var(--t)) calc(40% + 22% * var(--t)));scale:1}.pre-grid.done i{animation:cell-flash .7s ease-out calc(var(--x) * 18ms) backwards}@keyframes cell-flash{30%{background:#c8ffd8;scale:1.25}}.pre-note{letter-spacing:.04em;color:#ffffff80;font-variant-numeric:tabular-nums;font-size:13px;overflow:clip}.pre-note>span{display:block}.pre-note b{color:var(--frame);font-weight:500}.pre-foot{letter-spacing:.02em;justify-content:space-between;font-size:14px;display:flex;position:absolute;bottom:28px;left:32px;right:32px;overflow:clip}.pre-foot>span{align-items:flex-end;display:flex}.odo{font-variant-numeric:tabular-nums;line-height:1;display:inline-flex}.odo-col{height:1em;overflow:clip}.odo-reel{display:grid}.pre-count{letter-spacing:-.04em;font-size:clamp(40px,6vw,88px);font-weight:700;line-height:1}.backdrop{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.frame{background:var(--frame);border:1px solid var(--line);--px:64px;max-width:1240px;padding:56px var(--px) 40px;border-radius:48px;margin:48px auto}section{margin-top:140px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:500}.h2{letter-spacing:-.03em;font-size:clamp(30px,3.4vw,44px);font-weight:700;line-height:1.1}.sub{color:var(--muted);margin-top:10px}.head{margin-bottom:36px}header{justify-content:space-between;align-items:center;display:flex}.hello{letter-spacing:-.01em;font-size:22px;font-weight:700}.greet{vertical-align:bottom;margin-bottom:-.12em;padding-bottom:.12em;display:inline-grid;overflow:clip}.greet>span{white-space:nowrap;grid-area:1/1}.greet-in{animation:greet-in .8s var(--ease-out) both}.greet-out{animation:greet-out .5s var(--ease-io) both}@keyframes greet-in{0%{transform:translateY(110%)}}@keyframes greet-out{to{transform:translateY(-110%)}}.header-right{align-items:center;gap:12px;display:flex}.status{background:color-mix(in srgb, var(--accent) 9%, var(--frame));border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);color:#1f6b3e;border-radius:999px;align-items:center;gap:10px;padding:8px 16px 8px 13px;font-size:14px;font-weight:500;transition:background .35s,color .35s,border-color .35s;display:inline-flex}.status:hover{background:var(--accent);border-color:var(--accent);color:#fff}.status-dot{width:8px;height:8px;color:var(--accent);background:currentColor;border-radius:50%;flex:none;transition:color .35s;position:relative}.status:hover .status-dot{color:#fff}.status-dot:before,.status-dot:after{content:"";animation:radar 2.4s var(--ease-out) infinite;border:1.5px solid;border-radius:50%;position:absolute;inset:0}.status-dot:after{animation-delay:1.2s}@keyframes radar{0%{opacity:.8;scale:1}to{opacity:0;scale:3.2}}.status-flip{height:1.3em;line-height:1.3;display:inline-grid;overflow:clip}.status-flip span{transition:translate .5s var(--ease-io);grid-area:1/1}.status-flip span+span{translate:0 110%}.status:hover .status-flip span:first-child{translate:0 -110%}.status:hover .status-flip span+span{translate:0}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent)}70%,to{box-shadow:0 0 0 10px #0000}}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:56px;margin-top:88px;display:grid}.id{align-items:center;gap:20px;display:flex;position:relative}.avatar{object-fit:cover;border:4px solid var(--frame);width:84px;height:84px;box-shadow:var(--shadow), 0 0 0 1px var(--line);transition:scale .5s var(--ease-out), rotate .5s var(--ease-out);border-radius:22px;transform:rotate(-4deg)}.avatar:hover{rotate:6deg;scale:1.08}.avatar-pop{z-index:20;aspect-ratio:1;border:4px solid var(--frame);pointer-events:none;width:260px;box-shadow:0 30px 60px -15px #00000073, 0 0 0 1px var(--line);transform-origin:0 0;visibility:hidden;opacity:0;border-radius:24px;position:absolute;top:calc(100% + 14px);left:0;overflow:hidden}.avatar-pop img{object-fit:cover;object-position:50% 22%;width:100%;height:100%}.avatar-chip{color:#fff;-webkit-backdrop-filter:blur(10px);background:#00000059;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500;position:absolute;bottom:12px;left:12px}.name{letter-spacing:-.045em;font-size:clamp(44px,5.6vw,76px);font-weight:700;line-height:1}.tagline{letter-spacing:-.015em;margin-top:28px;font-size:clamp(22px,2.4vw,30px);font-weight:500;line-height:1.35;display:flow-root}.tagline+.tagline{color:var(--muted);margin-top:12px}.org{white-space:nowrap}.org img{vertical-align:-.2em;outline-offset:-1px;width:1.1em;height:1.1em;transition:scale .6s var(--ease-out);border-radius:.28em;outline:1px solid #ffffff24;margin:0 .3em 0 .1em;display:inline-block;box-shadow:0 .15em .35em -.1em #00000040}.tagline .org>span{color:var(--ink);background:linear-gradient(var(--brand), var(--brand)) 0 100% / 0 .08em no-repeat;transition:color .3s, background-size .5s var(--ease-out)}.org:hover img{animation:org-spin .8s var(--ease-out);scale:1.12}.tagline .org:hover>span{color:var(--brand);background-size:100% .08em}@keyframes org-spin{0%{transform:perspective(240px)rotateY(360deg)}}.ctas{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.btn{border:1px solid var(--line);height:56px;color:var(--ink);cursor:pointer;transition:background .3s, translate .3s var(--ease-out);background:0 0;border-radius:999px;align-items:center;gap:10px;padding:0 26px;font-family:inherit;font-size:16px;font-weight:500;display:inline-flex}.btn:hover{background:var(--card)}.btn.primary{background:var(--btn);color:var(--btn-ink);border-color:#0000;box-shadow:0 6px 16px #0000002e}.btn svg{flex:none;width:18px;height:18px}.roll{height:1.3em;line-height:1.3;display:inline-block;overflow:clip}.roll>span{text-shadow:0 1.3em;transition:transform .6s var(--ease-io);display:inline-block}.btn:hover .roll>span{transform:translateY(-1.3em)}.meta{--meta-line:1;justify-content:space-between;align-items:center;gap:20px;margin-top:40px;padding-top:28px;display:flex;position:relative}.meta:before{content:"";background:var(--line);transform-origin:0;height:1px;scale:var(--meta-line) 1;position:absolute;inset:0 0 auto}.socials{gap:10px;display:flex}.socials a{border:1px solid var(--line);width:48px;height:48px;transition:color .3s, border-color .3s, translate .3s var(--ease-out);isolation:isolate;border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.socials a:before{content:"";z-index:-1;background:var(--brand);transition:translate .5s var(--ease-out);position:absolute;inset:0;translate:0 101%}.socials a:hover{color:#fff;border-color:#0000}.socials a[aria-label=GitHub]:hover{color:var(--btn-ink)}.socials a:hover:before{translate:0}.socials svg{fill:currentColor;width:18px;height:18px;transition:scale .5s var(--ease-out), rotate .5s var(--ease-out)}.socials a:hover svg{rotate:-10deg;scale:1.15}.where{text-align:right;line-height:1.3}.where small{color:var(--muted);font-size:13px;display:block}.where b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.where .tz{color:var(--muted);letter-spacing:0;font-size:13px;font-weight:500}.sec{color:var(--muted)}.digit{height:1em;line-height:1;display:inline-grid;overflow:clip}.digit>span{grid-area:1/1}.d-in{animation:d-in .55s var(--ease-out)}.d-out{opacity:0;animation:d-out .55s var(--ease-out)}@keyframes d-in{0%{opacity:0;translate:0 -100%}}@keyframes d-out{0%{opacity:1;translate:0}to{opacity:0;translate:0 100%}}.shots{aspect-ratio:1/.9;position:relative}.dev{position:absolute}.dev-laptop{z-index:1;width:92%;top:6%;left:0}.dev-code{z-index:2;bottom:4%;left:-4%}.dev-phone{z-index:3;width:27%;bottom:0;right:0}.laptop{background:#0b0b0c;border-radius:16px 16px 3px 3px;margin:0 7%;padding:2.2% 2.2% 2.6%;position:relative;box-shadow:0 0 0 1.5px #c9cacf,0 0 0 2.5px #8d8f94,inset 0 0 0 1px #2a2a2d}.laptop:after{content:"";aspect-ratio:40;background:radial-gradient(50% 100% at 50% 0,#a9abb0 95%,#0000) 50% 0/14% 55% no-repeat,linear-gradient(#eceef1,#c3c5ca 55%,#8f9196);border-radius:2px 2px 18px 18px/2px 2px 100% 100%;position:absolute;top:100%;left:-8.2%;right:-8.2%;box-shadow:0 28px 40px -18px #0006}.laptop .screen{aspect-ratio:16/10.4;border-radius:6px 6px 0 0}.laptop:before{content:"";z-index:2;aspect-ratio:8.5/5.2;background:radial-gradient(circle at 50% 58%,#2a3346 0 1.2px,#151518 1.8px 2.6px,#0000 3px),#0b0b0c;border-radius:0 0 6px 6px;width:8.5%;position:absolute;top:0;left:50%;translate:-50%}.phone{background:#0b0b0c;border-radius:18%/8.5%;padding:4.5%;position:relative;box-shadow:0 0 0 1.5px #a6a7ac,0 0 0 2.5px #6f7075,inset 0 0 0 1px #2a2a2d,0 40px 60px -24px #00000080}.phone:before,.phone:after{content:"";background:#8d8f94;border-radius:2px;width:3px;position:absolute}.phone:before{height:13%;top:27%;right:-4.5px}.phone:after{background:linear-gradient(#8d8f94 0 44%,#0000 0 56%,#8d8f94 0);height:17%;top:19%;left:-4.5px}.phone .screen{aspect-ratio:9/19.5;border-radius:14%/6.5%}.phone .screen:before{content:"";z-index:1;background:#000;border-radius:999px;width:32%;height:4.2%;position:absolute;top:1.8%;left:50%;translate:-50%}.screen{background:#fff;position:relative;overflow:hidden;container-type:size}.screen img{width:100%;height:auto;animation:30s ease-in-out infinite alternate site-scroll}@keyframes site-scroll{0%,8%{translate:0}92%,to{translate:0 calc(100cqh - 100%)}}.phone .screen img{animation-duration:22s;animation-delay:-4s}.code{color:#e8e6dc;background:#161614;border-radius:16px;width:calc(24ch + 36px);padding:12px 18px 16px;font:500 12.5px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;rotate:-4deg;box-shadow:0 30px 50px -20px #00000080}.code-bar{color:#77766c;justify-content:space-between;gap:24px;margin-bottom:8px;font-size:11px;display:flex}.code-bar b{color:#39d353;font-weight:600}.code .ln{white-space:pre;display:block;overflow:hidden}.code .k{color:#ff8a65}.code .p{color:#8ab4ff}.code .s{color:#9be28f}.code .f{color:#f5d76e}.code .c{color:#77766c}.caret{vertical-align:-.2em;background:#39d353;width:7px;height:1.1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.code.play .ln{animation:type calc(var(--n) * 40ms) steps(var(--n)) var(--at) backwards}.code.play .code-bar b{animation:bubble-in .5s cubic-bezier(.34, 1.56, .64, 1) var(--done) backwards}@keyframes type{0%{width:0}to{width:calc(var(--n) * 1ch)}}.manifesto{margin-top:180px}.manifesto-text{letter-spacing:-.035em;max-width:24ch;margin-top:24px;font-size:clamp(30px,4.2vw,58px);font-weight:500;line-height:1.12}.m-verb{white-space:nowrap}.m-chip{vertical-align:-.1em;background:var(--c);color:#fff;width:.88em;height:.88em;rotate:var(--r);border-radius:.24em;place-items:center;margin-right:.16em;display:inline-grid;box-shadow:0 .12em .3em -.1em #00000059}.m-chip svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:60%;height:60%;overflow:visible}.m-chip .i-draw{stroke-dasharray:1;animation:i-draw 2.6s var(--ease-io) infinite}.m-chip .i-l{animation:i-l 1.6s var(--ease-io) infinite}.m-chip .i-r{animation:i-r 1.6s var(--ease-io) infinite}.m-chip .i-dot{fill:currentColor;stroke:none;animation:i-dot 1.3s var(--ease-io) infinite alternate}.m-chip:has(.i-ship){overflow:hidden}.m-chip .i-ship{animation:2.2s infinite i-ship}@keyframes i-draw{0%{stroke-dashoffset:1px}45%,75%{stroke-dashoffset:0}to{stroke-dashoffset:-1px}}@keyframes i-l{50%{translate:-2px}}@keyframes i-r{50%{translate:2px}}@keyframes i-dot{to{translate:6px}}@keyframes i-ship{0%,30%{animation-timing-function:cubic-bezier(.55,0,.8,.2);translate:0}55%{translate:30px -30px}55.01%{animation-timing-function:cubic-bezier(.2,.8,.45,1);translate:-30px 30px}80%,to{translate:0}}.mark{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(#ffe066,#ffe066) 0 90%/0% 38% no-repeat}.platforms{margin:110px calc(-1 * var(--px)) 0;border-block:1px solid var(--line);letter-spacing:-.03em;text-align:center;grid-template-columns:repeat(5,1fr);padding:0;font-size:clamp(15px,2.6vw,32px);font-weight:500;list-style:none;display:grid}.platforms li{padding:.9em 0;transition:background .4s;position:relative;overflow:hidden}.platforms li+li{border-left:1px solid var(--line)}.platforms li>span{transition:translate .6s var(--ease-out);display:block}.platforms svg{opacity:0;fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:2.24em;height:1.4em;transition:opacity .3s, translate .6s var(--ease-out), scale .6s var(--ease-out);position:absolute;top:50%;left:50%;overflow:visible;translate:-50% -60%;scale:.7}.platforms svg *{transform-box:fill-box;transform-origin:50%}.platforms .g-a{fill:var(--g);stroke:none}.platforms .g-h{stroke:var(--muted);stroke-width:1px}.platforms .g-anchor,.platforms .g-win rect{fill:var(--card)}.platforms .g-web>*{transform-origin:0}.platforms .g-draw{stroke:var(--g);stroke-width:2.2px;stroke-dasharray:1}.platforms .g-pulse{stroke:var(--g);stroke-width:2.6px;stroke-dasharray:.35 1.4;stroke-dashoffset:.35px}.platforms .g-check{stroke:var(--g);stroke-width:1.8px;stroke-dasharray:1;stroke-dashoffset:1px}.platforms li.on{background:var(--card)}.platforms li.on>span{translate:0 .5em}.platforms li.on svg{opacity:1;translate:-50% -105%;scale:1}.platforms li.on .g-pop{animation:g-pop 2.6s var(--ease-out) var(--d,0s) infinite both}.platforms li.on .g-web>*{animation:g-load 2.6s var(--ease-out) var(--d,0s) infinite both}.platforms li.on .g-draw{animation:g-draw 2.6s var(--ease-io) var(--d,0s) infinite both}.platforms li.on .g-feed{animation:1.6s linear infinite g-feed}.platforms li.on .g-pulse{animation:2.6s linear infinite g-pulse-a}.platforms li.on .g-pulse.b{animation-name:g-pulse-b}.platforms li.on .g-star{animation:g-star 2.6s var(--ease-io) infinite}.platforms li.on .g-check{animation:g-check 2.6s var(--ease-out) infinite}@keyframes g-pop{0%{scale:0}15%,85%{opacity:1;scale:1}to{opacity:0;scale:1}}@keyframes g-load{0%{scale:0 1}20%,85%{opacity:1;scale:1}to{opacity:0;scale:1}}@keyframes g-draw{0%{stroke-dashoffset:1px}45%,85%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes g-feed{to{translate:0 -20px}}@keyframes g-pulse-a{0%{stroke-dashoffset:.35px}25%,to{stroke-dashoffset:-1px}}@keyframes g-pulse-b{0%,50%{stroke-dashoffset:.35px}72%,to{stroke-dashoffset:-1px}}@keyframes g-star{0%,25%{fill:#0000;rotate:0deg;scale:1}40%{fill:var(--g);stroke:var(--g);rotate:90deg;scale:1.25}55%,85%{fill:var(--g);stroke:var(--g);rotate:90deg;scale:1}to{fill:#0000;rotate:90deg}}@keyframes g-check{0%,70%{stroke-dashoffset:1px}82%,92%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.stack{gap:40px;display:grid}.stack-card{top:calc(24px + var(--i) * 18px);position:sticky}.stack-inner{color:#f4f4f0;transform-origin:50% 0;background:#111110;border:1px solid #ffffff0f;border-radius:36px;grid-template-columns:1fr 1.35fr;align-items:center;gap:48px;padding:28px 28px 28px 44px;display:grid;position:relative;box-shadow:0 -12px 40px -20px #00000073}.stack-inner:after{content:"";border-radius:inherit;opacity:var(--dim,0);pointer-events:none;background:#000;position:absolute;inset:0}.stack-info{flex-direction:column;height:100%;padding:16px 0;display:flex}.stack-top{color:#ffffff80;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:14px;display:flex}.stack-info h3{letter-spacing:-.04em;margin-top:auto;font-size:clamp(30px,3.6vw,52px);font-weight:700;line-height:1}.stack-info p{color:#fff9;max-width:38ch;margin-top:16px}.stack-info .tags span{color:#ffffffbf;border-color:#ffffff29}.stack-links{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.stack-links .btn{color:#fff;border-color:#fff3;height:48px;padding:0 20px}.stack-links .btn:hover{background:#ffffff14}.stack-links .btn.primary{color:#111110;box-shadow:none;background:#fff;border-color:#0000}.stack-visual{aspect-ratio:16/10;isolation:isolate;border-radius:24px;display:block;position:relative;overflow:hidden}.stack-visual .wall{z-index:-1;background:var(--g0);transition:scale 1.2s var(--ease-out);position:absolute;inset:0;overflow:hidden}.wall i{aspect-ratio:1;background:radial-gradient(closest-side, var(--c), transparent);border-radius:50%;width:75%;animation:16s ease-in-out infinite alternate drift;position:absolute}.wall i:first-child{--c:var(--g1);top:-35%;left:-20%}.wall i:nth-child(2){--c:var(--g2);animation-duration:19s;animation-direction:alternate-reverse;top:-5%;right:-25%}.wall i:nth-child(3){--c:var(--g3);animation-duration:22s;bottom:-55%;left:10%}@keyframes drift{to{translate:14% 12%;scale:1.2}}.wall:after{content:"";opacity:.3;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.stack-visual .window{display:block;position:absolute;top:15%;left:6%;right:6%}.window-in{aspect-ratio:16/10;transition:translate .8s var(--ease-out);background:#fff;border-radius:10px;display:block;overflow:hidden;box-shadow:0 30px 60px -18px #0000008c,0 0 0 1px #ffffff59}.window-in img{object-fit:cover;object-position:top;width:100%;height:100%}.stack-visual:hover .wall{scale:1.06}.stack-visual:hover .window-in{translate:0 -10px}.work-more{justify-content:center;margin-top:48px;display:flex}.tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.tags span{border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:12px}.xp{--logo:64px;--gap:28px;margin:0;padding:0;list-style:none;position:relative}.xp li{grid-template-columns:var(--logo) minmax(0, 1fr) auto;align-items:center;gap:8px var(--gap);padding:28px 0;display:grid;position:relative}.xp li:before,.xp li:last-child:after{content:"";left:calc(var(--logo) + var(--gap));background:var(--line);transform-origin:0;height:1px;position:absolute;top:0;right:0}.xp li:last-child:after{top:auto;bottom:0}.xp-logos{z-index:1;align-content:start;gap:10px;display:grid;position:relative}.xp-logos img{width:var(--logo);height:var(--logo);transition:scale .8s cubic-bezier(.34, 1.56, .64, 1), rotate .6s var(--ease-out), filter .6s, opacity .6s;border-radius:18px;box-shadow:0 0 0 1px #0000000f,0 10px 22px -10px #00000059}.xp-logos img+img{transition-delay:80ms}.xp li:hover .xp-logos img{rotate:-6deg;scale:1.08}.xp li:hover .xp-logos img+img{rotate:6deg}.xp.live:before,.xp.live:after{content:"";left:calc(var(--logo) / 2);position:absolute;translate:-50%}.xp.live:before{background:linear-gradient(var(--accent) 0 0) top / 100% calc(var(--p,0) * 100%) no-repeat, var(--line);border-radius:2px;width:2px;top:0;bottom:0}.xp.live:after{top:calc(var(--p,0) * 100%);background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 4px var(--frame), 0 0 0 9px color-mix(in srgb, var(--accent) 22%, transparent);border-radius:50%;margin-top:-6px}.xp.live li>:not(.xp-logos),.xp.live li:before{transition:opacity .6s var(--ease-out), translate .8s var(--ease-out), scale 1.2s var(--ease-io)}.xp.live li>.xp-when{transition-delay:80ms}.xp.live li:not(.on)>:not(.xp-logos){opacity:.2;translate:0 14px}.xp.live li:not(.on):before{scale:0 1}.xp.live li:not(.on) .xp-logos img{filter:grayscale();opacity:.45;scale:.72}.xp h3{letter-spacing:-.02em;font-size:20px;font-weight:700;line-height:1.3}.xp h3 span:not(.now){color:var(--muted);font-weight:500}.xp li p{max-width:62ch;color:var(--muted);margin-top:6px;font-size:15px}.xp .xp-when{color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;align-content:start;justify-items:end;gap:2px;margin:0;display:grid}.xp-when small{color:var(--muted);font-size:14px}.now{vertical-align:2px;letter-spacing:.02em;color:#1f6b3e;background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:999px;align-items:center;gap:6px;margin-left:10px;padding:3px 11px 3px 9px;font-size:12px;font-weight:700;display:inline-flex}.now:before{content:"";width:6px;height:6px;animation:ping 1.6s var(--ease-out) infinite;background:currentColor;border-radius:50%}@keyframes ping{0%{box-shadow:0 0}to{box-shadow:0 0 0 7px #0000}}.gh-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.gh-head .h2{margin-top:12px}.gh-card{isolation:isolate;color:#ffffff8c;background:#111110;border-radius:36px;padding:40px 44px 28px;position:relative;overflow:hidden}.gh-card:before{content:"";z-index:-1;aspect-ratio:1;background:radial-gradient(closest-side,#39d35333,#0000);border-radius:50%;width:70%;animation:14s ease-in-out infinite alternate drift;position:absolute;top:-70%;right:-20%}.gh-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 48px;display:flex}.gh-total b{letter-spacing:-.055em;color:#fff;font-variant-numeric:tabular-nums;margin-bottom:6px;font-size:clamp(64px,9vw,120px);font-weight:700;line-height:.9;display:block}.gh-stats{flex-wrap:wrap;gap:20px 40px;margin:0;display:flex}.gh-stats dt{letter-spacing:.12em;text-transform:uppercase;color:#fff6;font-size:12px}.gh-stats dd{margin:6px 0 0;font-size:14px}.gh-stats b{letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700}.gh-scroll{scrollbar-width:none;margin:40px -8px 0;padding:8px;overflow-x:auto}.gh-cal{min-width:700px}.gh-months{height:1.4em;margin-bottom:6px;font-size:12px;position:relative}.gh-months span{left:calc(var(--x) / var(--cols) * 100%);white-space:nowrap;position:absolute}.gh-plot{aspect-ratio:var(--cols) / 7;position:relative}.gh-plot canvas{width:calc(100% + 24px);height:calc(100% + 24px);position:absolute;inset:-12px}.gh-foot{justify-content:space-between;align-items:center;gap:16px;margin-top:18px;font-size:13px;display:flex}.gh-legend{align-items:center;gap:5px;display:flex}.gh-legend i{background:#ffffff12;border-radius:28%;width:12px;height:12px}.gh-tip{z-index:3;pointer-events:none;white-space:nowrap;color:#111110;opacity:0;transition:opacity .2s, transform .2s, translate .25s var(--ease-out);background:#fff;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:500;position:absolute;top:0;left:0;transform:translate(-50%,-100%)scale(.9);box-shadow:0 12px 30px -8px #00000080}.gh-tip.on{opacity:1;transform:translate(-50%,-100%)}.about{background:var(--card);border:1px solid var(--line);border-radius:36px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:32px;padding:56px;display:grid;overflow:hidden}.about .h2{margin-top:16px}.about p{color:var(--muted);max-width:46ch;margin-top:20px}.about-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin:28px 0 0;padding:0;font-size:15px;list-style:none;display:grid}.about-facts li{align-items:center;gap:12px;display:flex}.about-facts svg{width:20px;height:20px;color:var(--muted);flex:none}.about .btn{margin-top:32px}@property --t{syntax:"";inherits:true;initial-value:0}@property --open{syntax:"";inherits:true;initial-value:1}@property --tilt{syntax:"";inherits:true;initial-value:.5}@property --spin{syntax:"";inherits:true;initial-value:-10deg}.orbit{aspect-ratio:1/.9;isolation:isolate;transition:--tilt 1s var(--ease-out), --spin 1s var(--ease-out), --open 2s var(--ease-out);animation:3600s linear infinite orbit-t;position:relative;container-type:inline-size}@keyframes orbit-t{to{--t:3600}}.orbit.armed{--open:0}.orbit.armed.in{--open:1}.orbit ul{margin:0;padding:0;list-style:none}.ring{width:calc(var(--r) * 100cqw);aspect-ratio:1;translate:-50% -50%;rotate:var(--spin);scale:var(--open) calc(var(--tilt) * var(--open));border:1.5px dashed #26251024;border-radius:50%;position:absolute;top:50%;left:50%}.orbit li{--ang:calc((var(--a0) + var(--t) * var(--w)) * 1deg);--R:calc(var(--r) * 50cqw * var(--open));--s:sin(var(--ang));translate:calc(var(--R) * (cos(var(--ang)) * cos(var(--spin)) - var(--tilt) * var(--s) * sin(var(--spin)))) calc(var(--R) * (cos(var(--ang)) * sin(var(--spin)) + var(--tilt) * var(--s) * cos(var(--spin))));z-index:calc(2 + sign(var(--s)));position:absolute;top:50%;left:50%}.orbit li span{width:56px;height:56px;scale:calc((.84 + .18 * var(--s)) * var(--open));opacity:calc(.6 + .4 * var(--s));background:#fff;border-radius:17px;place-items:center;margin:-28px;display:grid;box-shadow:0 12px 28px -10px #00000040,0 0 0 1px #0000000d}.orbit li img{width:28px;height:28px}.orbit-core{z-index:2;aspect-ratio:1;border-radius:50%;width:30cqw;transition:scale 1.4s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 8px #fffc,0 30px 60px -20px #0006}.orbit-core img{object-fit:cover;object-position:50% 20%;border-radius:50%;width:100%;height:100%}.orbit-core:before,.orbit-core:after{content:"";z-index:-1;border:1.5px solid var(--accent);animation:orbit-ping 3.2s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:0}.orbit-core:after{animation-delay:1.6s}@keyframes orbit-ping{0%{opacity:.5;scale:1}to{opacity:0;scale:1.9}}.orbit.armed:not(.in) .orbit-core{scale:0}.contact{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px;display:grid}.contact-title{letter-spacing:-.05em;margin-top:18px;font-size:clamp(44px,5.8vw,88px);font-weight:700;line-height:.98}.contact .sub{max-width:40ch;margin-top:22px}.chat{border:1px solid var(--line);background:var(--frame);border-radius:28px;overflow:hidden;box-shadow:0 40px 80px -40px #0000004d}.chat-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 20px;display:flex}.chat-head img{object-fit:cover;border-radius:50%;width:44px;height:44px}.chat-head b{font-size:15px;line-height:1.3;display:block}.chat-head small{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.chat-dot{background:var(--accent);width:7px;height:7px;color:var(--accent);animation:ping 1.6s var(--ease-out) infinite;border-radius:50%}.chat-body{overscroll-behavior:contain;background:var(--card);scrollbar-width:none;flex-direction:column;gap:8px;height:340px;padding:20px;display:flex;overflow-y:auto}.bubble,.typing{transform-origin:0 100%;background:var(--frame);border:1px solid var(--line);border-radius:20px 20px 20px 6px;align-self:flex-start;max-width:82%;padding:10px 15px;font-size:15px;line-height:1.45;animation:.55s cubic-bezier(.34,1.56,.64,1) backwards bubble-in}.bubble.you{transform-origin:100% 100%;background:var(--btn);color:var(--btn-ink);border-color:#0000;border-radius:20px 20px 6px;align-self:flex-end}@keyframes bubble-in{0%{opacity:0;translate:0 14px;scale:.5}}.typing{gap:4px;padding:14px 16px;display:flex}.typing i{background:var(--muted);border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite typing}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.35;translate:0}30%{opacity:1;translate:0 -5px}}.chips{background:var(--card);flex-wrap:wrap;gap:8px;padding:4px 20px 16px;display:flex}.chips a{border:1px solid var(--line);background:var(--frame);transition:background .25s, color .25s, border-color .25s, translate .3s var(--ease-out);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;display:inline-flex}.chips a:hover{background:var(--btn);color:var(--btn-ink);border-color:#0000;translate:0 -2px}.chips[data-state=wait] a{opacity:0;pointer-events:none;transition:none;translate:0 10px}.chips[data-state=ready] a{animation:.5s cubic-bezier(.34,1.56,.64,1) backwards bubble-in;animation-delay:calc(var(--i) * 70ms)}.composer{border-top:1px solid var(--line);gap:8px;padding:12px;display:flex}.composer input{background:var(--card);min-width:0;height:46px;font:inherit;color:var(--ink);border:1px solid #0000;border-radius:999px;outline:none;flex:1;padding:0 18px;font-size:15px;transition:border-color .2s}.composer input:focus{border-color:var(--line)}.composer button{background:var(--btn);width:46px;height:46px;color:var(--btn-ink);cursor:pointer;transition:scale .3s var(--ease-out), rotate .4s var(--ease-out);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.composer button:hover{rotate:12deg;scale:1.06}.composer button svg{width:18px;height:18px}.foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:110px;padding-top:28px;font-size:14px;display:flex}.foot .socials a{width:40px;height:40px}.foot .socials svg{width:16px;height:16px}.to-top{align-items:center;gap:6px;transition:color .2s;display:inline-flex}.to-top:hover{color:var(--ink)}.to-top span{transition:translate .4s var(--ease-out);display:inline-block}.to-top:hover span{translate:0 -4px}.demo-pop{z-index:50;pointer-events:none;visibility:hidden;opacity:0;background:#fff;border-radius:14px;width:420px;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 40px 80px -24px #00000080,0 0 0 1px #00000014}.demo-bar{background:#f4f4f2;border-bottom:1px solid #e7e7e3;align-items:center;gap:6px;height:34px;padding:0 12px;display:flex}.demo-bar i{background:#ff5f57;border-radius:50%;width:9px;height:9px}.demo-bar i:nth-child(2){background:#febc2e}.demo-bar i:nth-child(3){background:#28c840}.demo-url{color:#6b6b64;background:#fff;border:1px solid #e7e7e3;border-radius:999px;margin:0 auto;padding:2px 14px;font-size:11.5px;translate:-14px}.demo-screen{background:#fff;height:262px;overflow:hidden}.demo-screen img{width:100%}.toast{z-index:11;background:var(--btn);width:max-content;color:var(--btn-ink);animation:toast .4s var(--ease-out);border-radius:999px;margin-inline:auto;padding:10px 18px;font-size:14px;position:fixed;bottom:24px;left:0;right:0}@keyframes toast{0%{opacity:0;translate:0 12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.mark{background-size:100% 38%}}@media (max-width:960px){.frame{--px:24px;padding:32px var(--px) 28px;border-radius:32px;margin:16px}.hero{grid-template-columns:1fr;gap:48px;margin-top:56px}.shots{aspect-ratio:1/1.08;width:100%;max-width:560px;margin-inline:auto}.dev-laptop{width:100%;top:0}.dev-code{bottom:2%;left:0}.dev-phone{width:30%}.about{grid-template-columns:1fr;padding:36px 28px 20px}.about-facts{grid-template-columns:1fr}.contact{grid-template-columns:1fr;gap:40px}.foot{text-align:center;justify-content:center}.orbit{aspect-ratio:1/.72}.orbit li span{border-radius:13px;width:44px;height:44px;margin:-22px}.orbit li img{width:22px;height:22px}section{margin-top:100px}.manifesto{margin-top:120px}}@media (max-width:900px){.stack-inner{border-radius:26px;grid-template-columns:1fr;gap:8px;padding:12px 12px 24px}.stack-info{padding:8px 10px 0}.stack-info h3{margin-top:14px}.stack-visual{border-radius:18px;order:-1}.stack-card{top:calc(16px + var(--i) * 12px)}}@media (max-width:600px){.frame{--px:16px;padding:24px var(--px);border-width:0 0 1px;border-radius:0 0 28px 28px;margin:0 0 16px}.status{gap:8px;padding:7px 13px 7px 11px;font-size:12.5px}.code{width:calc(24ch + 28px);padding:10px 14px 12px;font-size:10.5px}.platforms{grid-template-columns:repeat(6,1fr);margin-top:64px;font-size:16px}.platforms li{grid-column:span 2;padding:1.4em 0}.platforms li:nth-child(n+4){border-top:1px solid var(--line);grid-column:span 3}.platforms li:nth-child(4){border-left:0}.platforms svg{width:2.8em;height:1.75em}.xp{--logo:48px;--gap:16px}.xp li{grid-template-columns:var(--logo) minmax(0, 1fr);row-gap:4px;padding:22px 0}.xp-logos{grid-row:span 2}.xp-logos img{border-radius:14px}.xp h3{font-size:18px}.xp .xp-when{text-align:left;flex-wrap:wrap;grid-column:2;gap:0 6px;margin-top:6px;font-size:14px;display:flex}.xp-when small:before{content:"· "}.socials{gap:8px}.socials a{width:42px;height:42px}.where b{font-size:20px}.gh-card{border-radius:26px;padding:28px 20px 22px}.gh-stats b{font-size:24px}.btn{height:50px;padding:0 20px}.pre-foot{left:18px;right:18px}}