:root{--ink:#16161a;--ink-2:#1e1e23;--paper:#f4f2ee;--pink:#e0116d;--slate:#6b6b70;--mist:#a6a6a6;--line:#f4f2ee1f;--orange:#f26419;--sky:#28a8e0;--clay:#9a6440;--display:var(--font-display), "Bricolage Grotesque", "Arial Black", system-ui, sans-serif;--body:var(--font-body), "Instrument Sans", "Helvetica Neue", Arial, system-ui, sans-serif;--mono:var(--font-mono), "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--gutter-l:max(16px, env(safe-area-inset-left,0px));--gutter-r:max(16px, env(safe-area-inset-right,0px));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{background:var(--ink);color:var(--paper);font:400 17px/1.6 var(--body);overflow-x:clip}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:30;background:var(--ink);position:fixed;inset:0 0 auto}::selection{background:var(--pink);color:var(--paper)}a{color:inherit}:focus-visible{outline:2px solid var(--pink);outline-offset:3px;border-radius:4px}#stage{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.vignette{z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,#0000 55%,#00000073 100%);position:fixed;inset:0}.top{top:env(safe-area-inset-top,0px);z-index:20;padding:18px var(--gutter-r) 18px var(--gutter-l);background:linear-gradient(var(--ink) 0%, #16161abf 60%, transparent);justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;left:0;right:0}.top .logo{flex:none;width:auto;height:30px;display:block}.top .logo svg{width:auto;height:100%;display:block}.top nav{font:500 13px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:28px;display:flex}.top nav a{color:var(--mist);text-decoration:none;transition:color .2s}.top nav a:hover{color:var(--paper)}.btn{cursor:pointer;font:600 15px/1 var(--body);color:var(--paper);background:var(--pink);border:0;border-radius:999px;align-items:center;gap:10px;padding:13px 20px;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;display:inline-flex;box-shadow:0 0 #e0116d00}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 30px -6px #e0116d99}.btn .dot{background:var(--paper);border-radius:50%;width:7px;height:7px}.top nav .btn{color:var(--paper);text-transform:none;letter-spacing:0;font-family:var(--body)}main{z-index:2;position:relative}section{min-height:100svh;padding:120px var(--gutter-r) 80px var(--gutter-l);align-items:center;display:flex;position:relative}.wrap{width:100%;max-width:1240px;margin:0 auto}.eyebrow{font:500 12px/1.4 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--mist)}.eyebrow b{color:var(--pink);font-weight:500}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:700}p{margin:0}#hero{align-items:flex-end;padding-bottom:clamp(48px,9vh,96px)}#hero .wrap{gap:22px;display:grid}#hero h1{letter-spacing:-.035em;font-variation-settings:"opsz" 96;max-width:11ch;font-size:clamp(46px,7.2vw,116px);line-height:.92}#hero h1 em{color:var(--pink);font-style:normal}.hero-foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.hero-foot .lead{color:#cfccc6;max-width:46ch;font-size:18px}.hint{font:400 12px/1.5 var(--mono);color:var(--mist);letter-spacing:.06em;align-items:center;gap:10px;display:flex}.hint i{border:1px solid var(--line);border-radius:50%;width:22px;height:22px;display:inline-block;position:relative}.hint i:after{content:"";background:var(--pink);border-radius:50%;width:6px;height:6px;margin:-3px;animation:2.4s ease-in-out infinite nudge;position:absolute;top:50%;left:50%}@keyframes nudge{0%,to{transform:translate(0)}50%{transform:translate(5px,-4px)}}#converge .wrap{justify-content:flex-end;display:flex}#converge .copy{gap:22px;max-width:520px;display:grid}#converge h2{font-size:clamp(36px,5vw,68px);line-height:1}#converge .lead{color:#cfccc6;font-size:19px}.mono-note{font:400 13px/1.6 var(--mono);color:var(--mist);border-left:2px solid var(--pink);padding-left:14px}.svc .wrap{display:flex}.svc .copy{gap:20px;max-width:540px;display:grid}.svc h2{font-size:clamp(34px,4.4vw,60px);line-height:1.02}.svc .lead{color:#cfccc6}.svc ul{border-top:1px solid var(--line);gap:0;margin:4px 0 0;padding:0;list-style:none;display:grid}.svc li{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:12px 0;font-size:16px;display:flex}.svc li span:last-child{font:400 12px/1.9 var(--mono);color:var(--mist);text-align:right}.demo{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1e1e23b8;border-radius:14px;min-height:150px;margin-top:8px;padding:16px;overflow:hidden}.flow{width:100%;height:auto;display:block}.flow text{font:500 11px var(--mono);fill:var(--paper)}.flow .box{fill:var(--ink);stroke:#f4f2ee4d}.flow .box.hot{stroke:var(--pink)}.flow .wire{stroke:#f4f2ee40;stroke-width:1.5px;fill:none}.flow .pulse{fill:var(--pink)}.wire-svg{width:100%;height:auto;display:block}.wire-svg rect,.wire-svg line{fill:none;stroke:var(--paper);stroke-opacity:.55;stroke-width:1.5px;stroke-dasharray:600;stroke-dashoffset:600px}.svc.on .wire-svg rect,.svc.on .wire-svg line{animation:2.6s cubic-bezier(.6,0,.2,1) forwards draw}.wire-svg .fillp{fill:var(--pink);fill-opacity:0;stroke:none}.svc.on .wire-svg .fillp{animation:.6s 2.2s forwards fillin}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fillin{to{fill-opacity:1}}.code{font:400 13px/1.7 var(--mono);color:#cfccc6;white-space:pre;min-height:150px;margin:0;overflow-x:auto}.code .k{color:var(--pink)}.code .s{color:#f5b78f}.code .c{color:var(--slate)}.caret{background:var(--pink);vertical-align:-2px;width:8px;height:15px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.deck{height:170px;position:relative}.card{background:var(--ink);border:1px solid var(--line);transform-origin:50% 120%;border-radius:12px;flex-direction:column;justify-content:space-between;width:190px;height:140px;margin-left:-95px;padding:14px;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:12px;left:50%}.card .tag{font:500 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.card h3{font-size:19px;line-height:1.1}.card .bar{border-radius:2px;width:40%;height:4px}.card:first-child .tag{color:var(--orange)}.card:first-child .bar{background:var(--orange)}.card:nth-child(2) .tag{color:var(--sky)}.card:nth-child(2) .bar{background:var(--sky)}.card:nth-child(3) .tag{color:var(--pink)}.card:nth-child(3) .bar{background:var(--pink)}.svc.on .card:first-child{transform:translate(-120px)rotate(-9deg)}.svc.on .card:nth-child(2){transform:translateY(-6px)}.svc.on .card:nth-child(3){transform:translate(120px)rotate(9deg)}#solve{text-align:center;justify-content:center}#solve .wrap{justify-items:center;gap:20px;max-width:600px;display:grid}#solve.answered .chips{display:none}#solve h2{font-size:clamp(30px,4vw,50px);line-height:1.05}.ask{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#16161adb;border:1px solid #f4f2ee38;border-radius:999px;gap:8px;width:100%;padding:6px;transition:border-color .2s,box-shadow .3s;display:flex}.ask:focus-within{border-color:var(--pink);box-shadow:0 0 0 6px #e0116d1f}.ask input{min-width:0;color:var(--paper);font:400 17px var(--body);background:0 0;border:0;outline:none;flex:1;padding:10px 16px}.ask input::placeholder{color:var(--slate)}.chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{font:400 12px/1 var(--mono);color:var(--mist);border:1px solid var(--line);cursor:pointer;background:#16161acc;border-radius:999px;padding:9px 12px;transition:color .2s,border-color .2s}.chip:hover{color:var(--paper);border-color:var(--pink)}.reply[hidden]{display:none}.reply{text-align:left;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#16161ae6;border-radius:16px;gap:12px;width:100%;padding:18px 20px;display:grid}.reply .quote{font:400 13px/1.5 var(--mono);color:var(--mist)}.reply .quote b{color:var(--pink);font-weight:500}.reply h3{font-size:22px}.reply .lead{color:#cfccc6;font-size:16px}.reply .row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.reply .small{font:400 11px/1.5 var(--mono);color:var(--slate)}.thinking{font:400 13px var(--mono);color:var(--mist)}.thinking:after{content:"…";animation:1s step-end infinite blink}footer{z-index:2;padding:32px var(--gutter-r) 40px var(--gutter-l);border-top:1px solid var(--line);background:var(--ink);position:relative}#solve .mail{font:400 13px/1.6 var(--mono);color:var(--mist);margin:0}a.email{color:var(--paper);text-decoration:underline;-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink);text-underline-offset:3px}a.email:hover,a.email:focus-visible{color:var(--pink)}#solve .privacy-note{font:400 11.5px/1.6 var(--mono);color:var(--slate);margin:0}#solve .privacy-note a,footer .privacy-link{color:var(--mist);text-decoration:underline;-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink);text-underline-offset:3px}#solve .privacy-note a:hover,footer .privacy-link:hover{color:var(--paper)}footer .legal{gap:16px;display:inline-flex}.reply .ai-note{font:400 11px/1.5 var(--mono);color:var(--slate)}.reply .ai-note a{color:var(--mist);text-decoration:underline;-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink);text-underline-offset:3px}footer .wrap{font:400 12px/1.6 var(--mono);color:var(--slate);letter-spacing:.06em;flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.blabel{z-index:3;pointer-events:none;font:500 11px/1 var(--mono);letter-spacing:.2em;color:var(--paper);border:1px solid var(--line);white-space:nowrap;opacity:0;will-change:transform, opacity;background:#16161ab3;border-radius:999px;padding:7px 10px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.blabel.pull{border-color:var(--pink);color:var(--paper)}.cdot{z-index:40;background:var(--pink);pointer-events:none;opacity:0;border:1.5px solid #0000;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;transition:width .25s,height .25s,margin .25s,background-color .25s,border-color .25s,opacity .3s;position:fixed;top:0;left:0}.cdot.big{border-color:var(--pink);background:#e0116d14;width:38px;height:38px;margin:-19px 0 0 -19px}.cdot.grab{border-color:var(--paper);background:0 0;width:22px;height:22px;margin:-11px 0 0 -11px}body.grabbing,body.grabbing *{cursor:grabbing!important}body.can-grab{cursor:grab}.fallback{display:none}.no-webgl .fallback{right:var(--gutter-r);opacity:.9;width:min(38vw,320px);display:block;position:absolute;top:120px}@media (max-width:760px){.top nav a:not(.btn){display:none}.top .logo{height:24px}.top nav .btn{padding:11px 15px;font-size:14px}#hero h1{font-size:clamp(42px,13vw,64px)}.hero-foot .lead{font-size:16px}section{align-items:flex-start;padding-top:46svh}#hero{align-items:flex-end;padding-top:0}#converge .wrap{justify-content:flex-start}.svc .copy,#converge .copy{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#16161a99;border-radius:16px;padding:4px 0}#solve{text-align:left}#solve .wrap{justify-items:stretch}.svc.on .card:first-child{transform:translate(-80px)rotate(-9deg)}.svc.on .card:nth-child(3){transform:translate(80px)rotate(9deg)}.card{width:150px;margin-left:-75px}}@media (max-width:760px) and (max-height:760px){#hero h1{font-size:clamp(36px,10.5vw,46px)}#hero .eyebrow{margin-bottom:-4px}.hero-foot .lead{font-size:15px;line-height:1.5}#hero .hint{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.wire-svg rect,.wire-svg line{stroke-dashoffset:0}.wire-svg .fillp{fill-opacity:1}}
