@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#f5f6f8;--ink:#17212d;--muted:#68727e;--blue:#225cff;--line:#dce0e6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button,a{transition:background .2s,color .2s,transform .2s}a:hover{color:var(--blue)}.wrap{max-width:1280px;margin:auto;padding-left:48px;padding-right:48px}.header{height:92px;padding:0 48px;max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:27px;letter-spacing:-1.5px;display:flex;align-items:center}.muted{color:#747d87}.brand-symbol{font-size:32px;background:var(--blue);color:#fff;width:37px;height:37px;border-radius:9px;margin-right:12px;line-height:34px;text-align:center;position:relative}.brand-symbol span{position:absolute;font-size:19px;right:1px;top:-7px}.header nav{display:flex;gap:35px;font-size:14px}.github{font-size:14px;border:1px solid var(--line);border-radius:6px;padding:10px 16px}.github span{margin-left:20px}.hero{min-height:620px;padding-top:87px;padding-bottom:75px;position:relative;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:650;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:var(--blue);display:inline-block;flex-shrink:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif;font-weight:500}h1{font-size:clamp(54px,6.5vw,88px);line-height:1.05;letter-spacing:-5px;margin:31px 0;position:relative;z-index:1}h1>span{color:#7b8593}.hero-bottom{position:relative;z-index:1}.hero p{font-size:17px;line-height:1.7;color:var(--muted);margin:25px 0}.button{display:inline-flex;align-items:center;gap:33px;padding:16px 21px;border-radius:5px;font-size:14px;font-weight:550}.primary{color:#fff;background:var(--blue)}.primary:hover{background:#1549db;color:#fff;transform:translateY(-2px)}.hero-art{position:absolute;width:440px;height:440px;right:16px;top:80px;background:radial-gradient(circle,#e2eaff 0,transparent 66%);z-index:0}.orbit{position:absolute;border:1px solid #c9d3e4;border-radius:50%;inset:12%;transform:rotate(-30deg)}.orbit.two{inset:4% 22%;transform:rotate(45deg)}.orbit.three{inset:22% 4%;transform:rotate(45deg)}.art-core{position:absolute;left:140px;top:150px;width:142px;height:118px;display:flex;align-items:center;justify-content:center;border:1px solid #c5d5ff;border-radius:23px;background:#f7f9ff;box-shadow:12px 20px 45px #225cff18;font-family:'Space Grotesk',sans-serif;font-size:48px;letter-spacing:-4px;transform:rotate(-10deg)}.art-core span{color:var(--blue)}.node{position:absolute;font-family:monospace;font-size:12px;background:var(--bg);border:1px solid var(--line);border-radius:5px;padding:9px 13px}.n1{top:64px;left:82px}.n2{top:235px;right:10px}.n3{bottom:43px;left:70px}.cross{position:absolute;color:var(--blue);font-size:22px}.c1{right:42px;top:70px}.c2{left:22px;bottom:95px}.coordinate{position:absolute;bottom:0;right:60px;font-size:9px;letter-spacing:2px;color:var(--muted)}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.strip>.wrap{display:flex;justify-content:space-between;gap:20px;padding-top:22px;padding-bottom:22px;font-family:monospace;font-size:11px;color:var(--muted)}.strip span:before{content:'+';color:var(--blue);margin-right:12px}.featured{padding-top:110px;padding-bottom:110px;display:grid;grid-template-columns:.85fr 1.3fr;gap:65px;align-items:center}h2{font-size:44px;line-height:1.12;letter-spacing:-2px;margin:20px 0}.blue{color:var(--blue)}.featured-copy>p,.ecosystem p{font-size:16px;line-height:1.8;color:var(--muted);max-width:400px}.pill-row{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 30px}.pill-row span{border:1px solid var(--line);padding:6px 9px;border-radius:4px;font-size:10px}.text-link{display:block;font-size:13px;font-weight:550;margin-top:22px}.app-preview{background:#e7ebf2;border:1px solid #ccd3de;border-radius:10px;overflow:hidden;box-shadow:0 24px 45px #17212d12;transform:perspective(1100px) rotateY(-5deg)}.window-bar{display:flex;align-items:center;gap:5px;padding:12px;background:#eff1f5}.window-bar>span{width:6px;height:6px;border-radius:50%;background:#b6beca}.window-bar small{font:9px monospace;color:#697485;margin-left:14px}.app-preview img{display:block;width:100%;height:auto;aspect-ratio:1.55;object-fit:cover;object-position:top}.preview-label{padding:15px;display:flex;align-items:center;gap:9px;font:9px monospace;letter-spacing:1px}.catalog{padding-top:35px;padding-bottom:100px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-head h2{font-size:40px}.section-head>p{font-size:14px;line-height:1.7;color:var(--muted);padding-bottom:5px}.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);margin-top:24px;margin-bottom:26px;padding-bottom:20px}.filters{display:flex;flex-wrap:wrap;gap:5px}.filters button{cursor:pointer;border:0;padding:10px 14px;background:transparent;color:var(--muted);font-size:12px;border-radius:5px}.filters button:hover{background:#e4e8ef}.filters button.selected{background:var(--ink);color:#fff}#project-count{font:11px monospace;color:var(--muted);white-space:nowrap}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project{border:1px solid var(--line);background:#fff;padding:25px;border-radius:7px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.project:hover{border-color:#8faaff;transform:translateY(-3px)}.project[hidden]{display:none}.card-top{display:flex;justify-content:space-between;align-items:center}.project-icon{font-family:monospace;font-size:26px;color:var(--blue);width:42px;height:42px;background:#eff3ff;display:grid;place-items:center;border-radius:7px}.category{font:9px monospace;color:var(--muted)}h3{font-size:21px;letter-spacing:-.6px;margin:24px 0 0}.project p{font-size:13px;line-height:1.8;color:var(--muted);margin:12px 0 22px;flex:1}.tags{font:9px monospace;color:#737f8d;padding-bottom:23px}.card-links{display:flex;justify-content:space-between;border-top:1px solid #edf0f4;padding-top:17px;font-size:11px;font-weight:550}.card-links a>span{margin-left:10px}.ecosystem{background:#eaf0fa;border-top:1px solid #dce4f1;border-bottom:1px solid #dce4f1}.ecosystem-inner{padding-top:85px;padding-bottom:85px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.ecosystem h2{font-size:49px}.stack{display:grid;gap:10px}.stack>div{padding:22px;background:#f9fbff;border:1px solid #d0dcee;border-radius:6px;display:grid;grid-template-columns:30px 1fr;gap:6px 15px}.stack>div>span{grid-row:span 2;color:var(--blue);font:11px monospace;padding-top:4px}.stack strong{font-size:16px;font-weight:550}.stack small{color:var(--muted);font:11px monospace}.community{padding-top:100px;padding-bottom:100px}.community h2{font-size:56px}.community p{font-size:16px;line-height:1.8;color:var(--muted)}.community-links{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;gap:25px}.community-links a{padding:21px 0;border-top:1px solid var(--line);font-size:13px;display:flex;justify-content:space-between}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:30px!important;padding-bottom:35px!important;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}footer .brand{color:var(--ink);font-size:21px}.skip{position:fixed;top:-100px;z-index:10;background:white;padding:15px}.skip:focus{top:0}@media(min-width:1500px){.hero-art{right:45px}}@media(max-width:1000px){.hero-art{opacity:.5;right:-110px}.hero h1{font-size:70px}.featured{gap:35px}.project-grid{grid-template-columns:repeat(2,1fr)}.ecosystem-inner{gap:40px}.section-head h2{font-size:34px}.strip>.wrap{flex-wrap:wrap}}@media(max-width:640px){.wrap{padding-left:23px;padding-right:23px}.header{height:76px;padding:0 23px}.brand{font-size:23px}.brand-symbol{width:31px;height:31px;font-size:26px;line-height:29px}.header nav{gap:15px;font-size:11px}.header nav a:last-child{display:none}.github{padding:8px 10px;font-size:11px}.github span{margin-left:6px}.hero{padding-top:55px;padding-bottom:45px;min-height:590px}.hero h1{font-size:52px;letter-spacing:-3px;margin-top:27px}.hero p{font-size:15px;max-width:310px}.hero-art{width:270px;height:270px;right:-80px;top:287px;opacity:.32}.art-core{left:86px;top:93px;width:90px;height:75px;font-size:32px}.node{font-size:8px;padding:5px}.n1{top:30px;left:35px}.n2{top:150px;right:6px}.n3{bottom:25px;left:30px}.coordinate{display:none}.eyebrow{font-size:9px;letter-spacing:1.4px}.hero .button{margin-top:14px}.strip>.wrap{gap:14px 8px;font-size:9px;display:grid;grid-template-columns:1fr 1fr;padding-top:18px;padding-bottom:18px}.strip span:before{margin-right:6px}.featured{padding-top:65px;padding-bottom:70px;grid-template-columns:1fr;gap:35px}.featured h2{font-size:36px}.app-preview{transform:none}.section-head{display:block}.section-head h2{font-size:34px}.section-head>p{font-size:13px}.catalog-tools{align-items:flex-start;flex-direction:column;gap:12px}.filters{gap:3px}.filters button{font-size:11px;padding:9px 10px}.project-grid{grid-template-columns:1fr}.project{padding:25px}.project p{font-size:14px}.catalog{padding-bottom:60px}.ecosystem-inner{padding-top:60px;padding-bottom:60px;grid-template-columns:1fr;gap:25px}.ecosystem h2{font-size:42px}.community{padding-top:65px;padding-bottom:50px}.community h2{font-size:39px;letter-spacing:-1.8px}.community p{font-size:14px}.community-links{grid-template-columns:1fr;gap:0;margin-top:30px}.community-links a{padding:21px 0}footer{flex-wrap:wrap;font-size:10px}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* A continuous sky behind the page, with solid surfaces for project content. */
body{background:#eef3fa;isolation:isolate}.sky-background{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(160deg,#f5f8fd 5%,#e1edfc 55%,#f1f5fb 100%)}#drone-sky{width:100%;height:100%;display:block}.header{background:#f5f8fcbd;backdrop-filter:blur(12px)}.hero{overflow:visible}.hero h1,.hero-bottom,.hero>.eyebrow{width:fit-content;position:relative;z-index:1}.hero h1{text-shadow:0 2px 30px #f4f8ff,0 0 70px #f4f8ff}.hero p{color:#536376;text-shadow:0 1px 12px #fff}.strip{background:#f5f8fbd9;backdrop-filter:blur(8px)}.featured,.catalog,.community{background:#f5f7facf}.ecosystem{background:#eaf0faed}footer{background:#f5f7fae8}.hero:after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#f3f7fcaa,transparent 85%)}@media(max-width:640px){.hero:after{background:linear-gradient(90deg,#f3f7fcce,#f3f7fc30)}.hero h1{font-size:clamp(38px,8.8vw,52px)}}
.company-logo{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;background:#225cff;border-radius:10px;margin-right:11px}.company-logo img{display:block;width:32px;height:30px;object-fit:contain}footer .company-logo{width:35px;height:35px;border-radius:8px}footer .company-logo img{width:25px;height:24px}@media(max-width:640px){.company-logo{width:36px;height:36px;border-radius:8px;margin-right:8px}.company-logo img{width:27px;height:25px}}
.featured-docs a{display:inline-block;margin-top:16px;font-size:13px;font-weight:550}.card-links{gap:12px;flex-wrap:wrap}