:root{--bg:#07090f;--bg-2:#0e121c;--text:#e9edf6;--muted:#98a2b8;--line:#ffffff14;--blue:#3873ff;--red:#ff4550;--green:#33d97a;--yellow:#ffd433;--purple:#9e5cff;--text-2:#c5cde0;--accent-text:#9cb9ff;--nav-bg:#07090f99;--panel:#141926eb;--surface:#ffffff0a;--surface-hover:#ffffff14;--card:linear-gradient(160deg, #ffffff0d, #ffffff04);--shadow:#00000073;--glow-1:#3873ff2e;--glow-2:#9e5cff1f;--blob-glow:45%;color-scheme:dark}:root[data-theme=light]{--bg:#f6f7fb;--bg-2:#fff;--text:#10131c;--muted:#5b6478;--line:#10131c1a;--text-2:#343b4d;--accent-text:#2557d6;--nav-bg:#f6f7fbbf;--panel:#fffffff0;--surface:#10131c08;--surface-hover:#10131c12;--card:linear-gradient(160deg, #fff, #fff9);--shadow:#1e285024;--glow-1:#3873ff24;--glow-2:#9e5cff1a;--blob-glow:65%;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(60rem 40rem at 80% -10%, var(--glow-1), transparent 60%), radial-gradient(40rem 30rem at -10% 30%, var(--glow-2), transparent 60%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:17px/1.6 ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}a{color:inherit}h1,h2,h3{letter-spacing:-.02em;margin:0;font-family:ui-rounded,SF Pro Rounded,-apple-system,sans-serif;line-height:1.1}.nav{z-index:10;backdrop-filter:blur(14px);background:var(--nav-bg);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.9rem clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}.brand{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.nav nav{gap:clamp(.8rem,2.5vw,1.8rem);font-size:.95rem;display:flex}.nav nav a{color:var(--muted);text-decoration:none}.nav nav a:hover{color:var(--text)}.nav nav{align-items:center}.menu{position:relative}.menu summary{cursor:pointer;color:var(--muted);border:1px solid var(--line);user-select:none;border-radius:999px;align-items:center;gap:.4rem;padding:.15rem .7rem;list-style:none;display:flex}.menu summary::-webkit-details-marker{display:none}.menu summary:hover,.menu[open] summary{color:var(--text);background:var(--surface-hover)}.menu .chevron{transition:transform .15s}.menu[open] .chevron{transform:rotate(180deg)}.menu ul{background:var(--panel);border:1px solid var(--line);min-width:10rem;box-shadow:0 16px 40px var(--shadow);backdrop-filter:blur(12px);border-radius:14px;margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + .5rem);right:0}.nav .menu ul :is(a,button){width:100%;font:inherit;text-align:left;cursor:pointer;color:var(--text);background:0 0;border:0;border-radius:9px;align-items:center;gap:.5rem;padding:.45rem .75rem;text-decoration:none;display:flex}.nav .menu ul :is(a,button):hover{background:var(--surface-hover)}.nav .menu ul :is(a,button):is([aria-current=page],[aria-checked=true]){color:var(--accent-text)}.nav .menu ul :is(a,button):is([aria-current=page],[aria-checked=true]):after{content:" ✓"}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:2rem;max-width:1200px;margin:0 auto;padding:clamp(3rem,8vw,6rem) clamp(1rem,4vw,3rem) 3rem;display:grid}.kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin:0 0 1rem;font-size:.8rem}.hero h1{font-size:clamp(2.4rem,5vw,4rem)}.hero h1 span{background:linear-gradient(90deg, var(--blue), var(--purple) 45%, var(--red) 75%, var(--yellow));color:#0000;-webkit-background-clip:text;background-clip:text}.lead{color:var(--text-2);max-width:34rem;margin:1.4rem 0 2rem;font-size:1.2rem}.actions{flex-wrap:wrap;gap:.8rem;display:flex}.button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:.75rem 1.4rem;font-weight:600;text-decoration:none;transition:transform .15s,background .15s;display:inline-block}.button:hover{background:var(--surface-hover);transform:translateY(-1px)}.button.primary{color:#fff;background:var(--blue);border-color:#0000;box-shadow:0 8px 30px #3873ff66}.button.primary:hover{background:#4a82ff}.note{color:var(--muted);margin-top:1.2rem;font-size:.9rem}.stage{height:480px;position:relative}.blob{width:130px;height:150px;animation:drift calc(9s + var(--i) * 1.3s) ease-in-out infinite alternate;flex-direction:column;align-items:center;transition:transform .6s cubic-bezier(.2,.9,.3,1.3);display:flex;position:absolute}.blob .body{--c:var(--blue);background:radial-gradient(circle at 34% 30%, #ffffffbf, transparent 28%), radial-gradient(circle at 50% 55%, var(--c), color-mix(in oklab, var(--c), black 45%) 100%);width:110px;height:110px;box-shadow:0 0 40px color-mix(in oklab, var(--c), transparent var(--blob-glow)), inset -8px -12px 24px #0000004d;animation:wobble calc(5s + var(--i) * .7s) ease-in-out infinite;border-radius:48% 52% 55% 45%/50% 45% 55% 50%;transition:box-shadow .4s,filter .4s}.blob .name{color:var(--muted);margin-top:.5rem;font-size:.8rem;transition:color .3s}.blob-blue{top:10%;left:6%}.blob-red{top:2%;left:58%}.blob-green{top:44%;left:74%}.blob-yellow{top:52%;left:2%}.blob-purple{top:34%;left:36%}.blob-blue .body{--c:var(--blue)}.blob-red .body{--c:var(--red)}.blob-green .body{--c:var(--green)}.blob-yellow .body{--c:var(--yellow)}.blob-purple .body{--c:var(--purple)}.blob.active{z-index:2;transform:scale(1.18)}.blob.active .body{box-shadow:0 0 80px color-mix(in oklab, var(--c), transparent 20%), inset -8px -12px 24px #0000004d;animation-duration:1.6s}.blob.active .name{color:var(--text)}@keyframes wobble{0%,to{border-radius:48% 52% 55% 45%/50% 45% 55% 50%}33%{border-radius:56% 44% 46% 54%/44% 56% 46% 54%}66%{border-radius:44% 56% 52% 48%/56% 48% 52% 44%}}@keyframes drift{0%{translate:0}to{translate:10px -16px}}.bubble{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(12px);width:min(100%,26rem);box-shadow:0 20px 60px var(--shadow);z-index:3;border-radius:18px;padding:1rem 1.2rem;position:absolute;bottom:0;left:50%;translate:-50%}.bubble[data-color=blue]{--c:var(--blue)}.bubble[data-color=red]{--c:var(--red)}.bubble[data-color=green]{--c:var(--green)}.bubble[data-color=yellow]{--c:var(--yellow)}.bubble[data-color=purple]{--c:var(--purple)}.bubble.in{animation:.45s ease-out pop}.bubble p{margin:0}.said{font-weight:600}.said:before{content:"“";color:var(--muted)}.said:after{content:"”";color:var(--muted)}.reply{color:var(--muted);padding-left:1.1rem;font-size:.95rem;position:relative;margin-top:.3rem!important}.reply:before{content:"";background:var(--c,var(--blue));width:.6rem;height:.6rem;box-shadow:0 0 10px var(--c,var(--blue));border-radius:50%;position:absolute;top:.55em;left:0}@keyframes pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.section{max-width:1100px;margin:0 auto;padding:clamp(3rem,7vw,5.5rem) clamp(1rem,4vw,3rem)}.section h2{max-width:40rem;margin-bottom:2rem;font-size:clamp(1.8rem,4vw,2.7rem)}.grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1rem;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:1.5rem}.card .dot{background:radial-gradient(circle at 35% 30%, #ffffffb3, transparent 30%), var(--c);width:26px;height:26px;box-shadow:0 0 20px color-mix(in oklab, var(--c), transparent 40%);border-radius:48% 52% 55% 45%/50% 45% 55% 50%;margin-bottom:1rem;display:block}.card h3{margin-bottom:.5rem;font-size:1.2rem}.card p,.steps p{color:var(--muted);margin:0}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.steps li{border-top:1px solid var(--line);padding-top:1.2rem}.num{width:2rem;height:2rem;color:var(--accent-text);background:#3873ff26;border-radius:50%;place-items:center;margin-bottom:.8rem;font-weight:700;display:inline-grid}.steps h3{margin-bottom:.4rem;font-size:1.15rem}.agents p{color:var(--text-2);max-width:44rem;margin:-.8rem 0 2rem;font-size:1.15rem}.pipeline{flex-wrap:wrap;align-items:center;gap:.7rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.95rem;display:flex}.pipeline span{border:1px solid var(--line);background:var(--bg-2);border-radius:12px;padding:.5rem .9rem}.pipeline i{color:var(--muted);font-style:normal}.cta{text-align:center}.cta h2{margin:0 auto 1rem}.cta p{color:var(--text-2);max-width:36rem;margin:0 auto 2rem}.cta .note{color:var(--muted);margin-top:1.5rem}.footer{border-top:1px solid var(--line);color:var(--muted);text-align:center;padding:2rem 1rem 3rem;font-size:.9rem}.footer p{margin:.3rem 0}@media (width<=860px){.hero{grid-template-columns:1fr}.stage{height:420px}.blob .body{width:84px;height:84px}.blob-green{left:70%}.nav nav>a:not([href$=docs\/]){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.theme summary [data-icon]{display:none}.theme[data-choice=auto] summary [data-icon=auto],.theme[data-choice=light] summary [data-icon=light],.theme[data-choice=dark] summary [data-icon=dark]{display:block}
