@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#0d1830;--muted:#69738a;--purple:#6952f5;--blue:#16b9e9;--paper:#f7f8fc;--line:#dfe4ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.wrap{max-width:1200px;margin:auto;padding-left:32px;padding-right:32px}.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:auto;padding:0 32px}.brand img{width:170px;height:64px;object-fit:contain;object-position:left center;mix-blend-mode:multiply}.site-header nav{display:flex;gap:34px;margin-left:auto;margin-right:48px}.site-header nav a,.footer a{color:var(--muted);text-decoration:none;font-size:13px;font-weight:600}.site-header nav a:hover,.footer a:hover{color:var(--ink)}.button{display:inline-flex;align-items:center;gap:18px;border-radius:100px;text-decoration:none;font-weight:700;font-size:13px;padding:16px 22px;transition:.2s transform,.2s box-shadow}.button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #4f43b52b}.button span,.text-link span{font-size:17px}.button-small{padding:11px 17px;font-size:12px;gap:12px}.button-dark{background:var(--ink);color:#fff}.button-primary{background:linear-gradient(100deg,var(--purple),#4475f5);color:#fff}.button-light{background:#fff;color:var(--ink)}.hero{min-height:650px;display:grid;grid-template-columns:51% 49%;align-items:center;padding-top:36px;padding-bottom:72px}.eyebrow{font:500 11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.12em;color:var(--purple);margin:0 0 22px}.eyebrow i{display:inline-block;width:7px;height:7px;background:#19cb9c;border-radius:50%;margin-right:8px}.hero h1{font-size:clamp(47px,6vw,78px);line-height:1.04;letter-spacing:-.065em;margin:0 0 28px;font-weight:800}.hero h1 em,.section h2 em,.dark-section h2 em,.cta h2 em{font-style:normal;color:var(--purple)}.lede{font-size:17px;line-height:1.7;color:var(--muted);max-width:535px;margin-bottom:34px}.hero-actions{display:flex;align-items:center;gap:25px}.text-link{color:var(--ink);text-decoration:none;font-size:13px;font-weight:700}.hero-art{height:470px;position:relative}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:260px;height:260px;left:90px;top:105px;background:#6746ef20}.orb-b{width:220px;height:220px;right:22px;top:56px;background:#16b9e924}.orbit{position:absolute;border:1px solid #bec9df;border-radius:50%;left:45px;top:28px;width:420px;height:390px;transform:rotate(-30deg)}.orbit-two{left:56px;top:63px;width:395px;height:345px;transform:rotate(40deg);border-color:#d6dbea}.pair-mark{position:absolute;left:202px;top:178px;font-size:70px;color:var(--purple);font-weight:800;transform:rotate(-10deg)}.agent-card{position:absolute;background:#fff;border:1px solid #e2e5f0;box-shadow:0 20px 45px #1a264c13;border-radius:15px;padding:18px 19px;width:170px;display:grid;grid-template-columns:12px 1fr;column-gap:8px}.agent-card strong{font-size:13px}.agent-card small{grid-column:2;color:var(--muted);font-size:10px;margin-top:3px}.agent-card b{grid-column:2;color:var(--purple);font:500 11px 'DM Mono';margin-top:13px}.card-a{left:12px;top:85px;transform:rotate(-7deg)}.card-b{right:12px;bottom:74px;transform:rotate(6deg)}.status{width:8px;height:8px;background:#16bd91;border-radius:50%;margin-top:4px;box-shadow:0 0 0 4px #16bd9126}.status.blue{background:#1cb7ec;box-shadow:0 0 0 4px #1cb7ec26}.star{position:absolute;color:var(--blue);font-size:25px}.star-one{right:50px;top:104px}.star-two{left:58px;bottom:70px;color:var(--purple);font-size:15px}.signal{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.signal-inner{display:flex;justify-content:space-between;align-items:center;padding-top:20px;padding-bottom:20px;font:500 11px 'DM Mono';color:#9aa2b3}.signal-inner span:first-child{color:var(--ink);font-family:Manrope;font-weight:700}.section{padding-top:135px;padding-bottom:135px}.section-intro{max-width:680px}.section-intro h2,.dark-section h2,.cta h2{font-size:clamp(35px,4vw,55px);line-height:1.08;letter-spacing:-.055em;margin:0 0 22px}.section-intro>p:last-child{color:var(--muted);line-height:1.7;font-size:15px;max-width:550px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:80px}.feature{padding:30px 0;border-top:1px solid var(--ink)}.feature-number{color:var(--purple);font:500 12px 'DM Mono'}.feature h3{font-size:21px;margin:46px 0 13px;letter-spacing:-.03em}.feature p{color:var(--muted);font-size:13px;line-height:1.7;max-width:285px}.dark-section{background:var(--ink);color:#fff;padding:135px 0}.dark-section .eyebrow{color:#6fdaf4}.light>p:last-child{color:#9aa7bd}.flow{display:flex;align-items:flex-start;justify-content:space-between;margin-top:85px}.flow-step{max-width:190px}.flow-step span{display:block;color:#6fdaf4;font:500 12px 'DM Mono';margin-bottom:25px}.flow-step strong{font-size:20px}.flow-step p{color:#9aa7bd;font-size:12px;line-height:1.65;margin-top:12px}.flow-line{width:80px;border-top:1px solid #3a4863;margin-top:8px}.code-panel{max-width:590px;margin:70px auto 0;border:1px solid #2c3a57;border-radius:12px;background:#111f39;box-shadow:0 25px 50px #0003}.code-top{height:42px;border-bottom:1px solid #2c3a57;display:flex;align-items:center;gap:7px;padding:0 16px}.dot{width:7px;height:7px;border-radius:50%;background:#ef7171}.dot.yellow{background:#f3c65e}.dot.green{background:#5ed89d}.code-top small{margin-left:auto;color:#71809c;font:11px 'DM Mono'}.code-panel pre{padding:24px;margin:0;color:#dbe5f5;font:13px/2 'DM Mono';overflow:auto}.muted{color:#7dd7ee}.key{color:#d79aff}.string{color:#9be59b}.open-source{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.open-source .oss-copy>p:not(.eyebrow){color:var(--muted);line-height:1.75;font-size:15px;max-width:510px;margin-bottom:30px}.reference-card{background:#fff;padding:30px;border:1px solid var(--line);border-radius:16px}.ref-head{display:flex;gap:15px;align-items:center}.ref-icon{font-size:32px;color:var(--purple)}.ref-head strong{display:block}.ref-head small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.reference-card>p{font-size:12px;color:var(--muted);margin:32px 0 13px}.reference-card ul{margin:0 0 28px;padding-left:18px;color:var(--ink);font-size:13px;line-height:2}.reference-card>a{color:var(--purple);font-size:12px;font-weight:700;text-decoration:none}.resources{padding-bottom:135px}.resources h2{font-size:38px;letter-spacing:-.05em;margin:0 0 45px}.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.resource-grid a{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;min-height:155px}.resource-grid a:hover{border-color:var(--purple);transform:translateY(-3px);transition:.2s}.resource-grid span{font-size:23px;color:var(--purple)}.resource-grid strong{font-size:13px;margin-top:auto}.resource-grid small{font-size:11px;line-height:1.5;color:var(--muted);margin:7px 0}.cta{background:linear-gradient(110deg,#6e51f4,#406ff3);color:#fff;border-radius:20px;padding-top:62px;padding-bottom:62px;margin-bottom:110px;display:flex;justify-content:space-between;align-items:center}.cta .eyebrow{color:#b7c1ff}.cta h2{margin:0;font-size:42px}.cta h2 em{color:#d5d6ff}.footer{padding-top:0;padding-bottom:45px;display:flex;align-items:center;gap:28px;color:#8993a7;font-size:11px}.footer-brand img{height:44px;width:130px}.footer>div{margin-left:auto;display:flex;gap:24px}.footer a{font-size:11px}
@media(max-width:800px){.site-header nav{display:none}.site-header{height:74px}.site-header .button{display:none}.hero{display:block;padding-top:60px}.hero-art{height:390px;margin-top:30px;transform:scale(.85);transform-origin:left top;width:115%}.signal-inner{flex-wrap:wrap;gap:15px}.signal-inner span:first-child{width:100%}.section,.dark-section{padding-top:85px;padding-bottom:85px}.feature-grid,.open-source{grid-template-columns:1fr;gap:45px}.open-source{gap:50px}.flow{display:grid;grid-template-columns:1fr 1fr;gap:25px}.flow-line{display:none}.resource-grid{grid-template-columns:1fr 1fr}.cta{margin-left:20px;margin-right:20px;display:block}.cta .button{margin-top:30px}.footer{flex-wrap:wrap}.footer>div{margin-left:0;width:100%}}
@media(max-width:480px){.wrap{padding-left:20px;padding-right:20px}.hero h1{font-size:46px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-art{transform:scale(.68);height:330px;width:145%}.resource-grid{grid-template-columns:1fr}.cta h2{font-size:34px}}

/* final polish */
body{background:radial-gradient(circle at 78% 8%,#e8e8ff 0,transparent 22rem),radial-gradient(circle at 12% 28%,#e9f8fc 0,transparent 20rem),var(--paper)}
.site-header{position:relative;z-index:3}
.site-header nav{padding:12px 18px;border:1px solid #ffffffb8;background:#ffffff80;backdrop-filter:blur(14px);border-radius:100px;box-shadow:0 8px 25px #25335b08}
.hero h1{max-width:700px;letter-spacing:-.075em}
.hero-art{border-radius:50%;background:radial-gradient(circle at 50% 48%,#ffffffc9 0,transparent 48%),radial-gradient(circle,#dcd8ff 1px,transparent 1px);background-size:auto,20px 20px;box-shadow:inset 0 0 90px #ffffff80}
.feature{transition:transform .25s ease}.feature:hover{transform:translateY(-5px)}
.reference-card{background:linear-gradient(145deg,#fff,#f4f5ff);box-shadow:0 25px 60px #27346212;position:relative;overflow:hidden}.reference-card:after{content:'';position:absolute;width:170px;height:170px;border-radius:50%;background:#7258f514;right:-50px;top:-65px}
.resource-grid a{background:#ffffffb8;backdrop-filter:blur(10px);box-shadow:0 8px 20px #27346206}
.cta{background:radial-gradient(circle at 88% 18%,#55c9ee 0,transparent 18rem),linear-gradient(110deg,#6e51f4,#406ff3);box-shadow:0 25px 60px #4b55bd40;position:relative;overflow:hidden}.cta:after{content:'↗';position:absolute;right:38%;bottom:-45px;font-size:230px;line-height:1;color:#ffffff0b;font-weight:800;transform:rotate(-15deg)}