@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/maven-pro-0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/maven-pro-0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/maven-pro-0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/maven-pro-0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/maven-pro-0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/assets/maven-pro-0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}







:root{--bg:#10110f;--surface:#171916;--soft:#1e211c;--ink:#f3f3e9;--muted:#a4a79c;--amber:#ffb34a;--line:#33362e;--font:'DM Sans',sans-serif;--mono:'IBM Plex Mono',monospace;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--amber);outline-offset:6px;border-radius:4px}::selection{background:var(--amber);color:var(--bg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:16px;z-index:50;background:var(--amber);color:var(--bg);padding:12px}.skip-link:focus{top:12px}.section-wrap,.nav-wrap,.hero-inner,.language-strip{width:min(1280px,calc(100% - 112px));margin-inline:auto}.site-header{position:relative;z-index:20;border-bottom:1px solid #ffffff0b;background:var(--bg)}.nav-wrap{height:106px;display:flex;align-items:center;justify-content:space-between}.wordmark{display:inline-block;font-weight:700;font-size:37px;line-height:.84;letter-spacing:-2px;position:relative}.brand-dot{color:var(--amber)}.wordmark-sub{display:block;font-size:11px;letter-spacing:2.5px;font-weight:500;margin-top:10px}.site-header nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:500}.site-header nav>a:not(.button){color:#c4c7ba}.site-header nav>a:hover{color:var(--amber)}.nav-github{display:flex;align-items:center;gap:8px;margin-left:20px}.nav-github svg{width:19px;height:19px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:16px 23px;border-radius:7px;line-height:1.4;font-weight:600;font-size:15px;border:1px solid var(--line);transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px);background:#2a2d25}.button span[aria-hidden]{font-size:20px}.button.primary{background:var(--amber);border-color:var(--amber);color:#211909;box-shadow:0 1px 0 #ffffff50 inset}.button.primary:hover{background:#ffc373}.nav-start{padding:10px 15px;gap:16px}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;overflow:hidden}.hero-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 85% 40%,#90703112,transparent 50%);z-index:-1}.hero-inner{position:relative;min-height:650px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;padding-block:66px 83px}.hero-copy{position:relative;z-index:2}.intro-link{display:inline-flex;align-items:center;gap:10px;color:#c4c7b9;font-size:13px;padding-bottom:6px;border-bottom:1px solid #65694b70}.intro-link>span:last-child{margin-left:8px}.mini-orbit{color:var(--amber);font-size:21px;line-height:1}h1,h2,h3,h4,p{margin:0}h1{font-weight:500;font-size:clamp(49px,5.15vw,78px);letter-spacing:-4px;line-height:1.05;margin-top:31px;max-width:760px}.hero-copy>p{font-size:17px;line-height:1.85;max-width:490px;color:#b2b5a8;margin-top:26px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:35px}.text-link{display:inline-flex;align-items:center;gap:11px;font-size:14px;font-weight:500}.text-link:hover,.subtle-link:hover{color:var(--amber)}.hero-footnote{display:flex;align-items:center;gap:9px;font-size:12px;color:#979d8c;margin-top:30px}.tiny-code{font-family:var(--mono);font-size:14px;color:#b4bda8}.hero-visual{height:520px;position:relative;min-width:0;perspective:1000px;transform-style:preserve-3d}.artwork-halo{position:absolute;inset:5%;border-radius:50%;background:radial-gradient(ellipse,#a6761919,transparent 66%)}.flight-field{position:absolute;inset:10%;border:1px solid #cab6700d;border-radius:50%;transform:rotate(-27deg) scaleX(1.25);box-shadow:0 0 100px #ffb34a05,inset 0 0 100px #ffb34a03}.hero-art{position:absolute;width:132%;max-width:none;left:-15%;top:-17%;height:130%;object-fit:contain;mix-blend-mode:lighten;will-change:transform;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0) rotateX(var(--art-rx,0deg)) rotateY(var(--art-ry,0deg));transition:transform .7s cubic-bezier(.2,.8,.2,1);mask-image:radial-gradient(ellipse at center,#000 45%,transparent 71%)}.visual-caption{position:absolute;bottom:0;right:0;font:11px var(--mono);color:#8d9280;display:flex;align-items:center;gap:10px}.caption-line{display:inline-block;width:23px;height:1px;background:#616b48}.language-strip{position:relative;display:flex;align-items:center;justify-content:space-between;padding:29px 0 36px;border-top:1px solid var(--line);gap:20px}.strip-label{color:#949a8d;font-size:12px;line-height:1.65;min-width:136px}.language-strip>a{display:flex;align-items:center;gap:12px;font-size:16px;color:#b7bdad;font-weight:500}.language-strip>a:hover{color:var(--amber)}.language-symbol{font-family:var(--mono);font-weight:500;font-size:20px;letter-spacing:-1px;color:#d3d7c8}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:flex-end}.section-kicker{color:var(--amber);font-size:13px;display:block;margin-bottom:19px;font-weight:500}.section-heading h2{font-size:clamp(34px,3.4vw,49px);font-weight:450;line-height:1.16;letter-spacing:-1.9px}.section-heading>p{color:var(--muted);max-width:380px;font-size:15px;line-height:1.85;margin-bottom:4px}.frameworks{padding-top:92px;padding-bottom:100px}.framework-tabs{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line);margin-top:43px}.framework-tabs button{appearance:none;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:17px;text-align:left;padding:16px 18px 18px;line-height:1.45}.framework-tabs button span{display:block;font-size:12px;margin-top:5px;color:#7f8678}.framework-tabs button[aria-selected=true]{color:var(--amber);border-bottom-color:var(--amber);background:linear-gradient(0deg,#ffb34a09,transparent)}.framework-tabs button[aria-selected=true] span{color:#b7a37b}.framework-tabs button:hover{background:#ffffff04;color:var(--ink)}.framework-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;padding-top:44px}.framework-meta{font:12px var(--mono);color:var(--muted);margin-bottom:15px}.framework-summary h3{font-size:30px;line-height:1.25;font-weight:450;letter-spacing:-.8px}.framework-summary>p{color:var(--muted);font-size:15px;line-height:1.8;margin-top:17px;max-width:425px}.framework-summary ul{list-style:none;padding:0;margin:21px 0 26px;color:#c0c6b6;font-size:14px}.framework-summary li{margin-block:8px;padding-left:23px;position:relative}.framework-summary li:before{content:'✓';position:absolute;left:0;color:var(--amber);font-size:13px}.framework-summary .button{padding:12px 16px;font-size:13px;gap:18px}.subtle-link{display:inline-block;font-size:13px;margin-left:19px;color:var(--muted)}.code-window{min-width:0;background:#151812;border:1px solid #363d2e;border-radius:12px;overflow:hidden;box-shadow:0 20px 50px #00000020;display:flex;flex-direction:column}.code-topbar{height:51px;border-bottom:1px solid #333a2d;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font:12px var(--mono);color:#a7af9b}.window-dots{display:flex;gap:5px}.window-dots i{height:7px;width:7px;background:#4d5542;border-radius:50%}.window-dots i:first-child{background:#947447}.code-tag{font-size:10px;color:#869273;border:1px solid #3a432d;padding:3px 7px;border-radius:4px}.code-window pre{padding:26px 26px 30px;font:12px/1.9 var(--mono);color:#d7ddc8;overflow:auto;margin:0;min-height:285px;flex:1;tab-size:2;scrollbar-color:#465038 transparent}.code-comment{color:#7e8b70}.code-string{color:#d1c598}.code-keyword{color:#c5a376}.code-tagname{color:#b1ce89}.code-bottom{min-height:50px;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:12px 19px;border-top:1px solid #303929;color:#88957a;font-size:11px}.code-bottom button{display:flex;gap:7px;align-items:center;border:0;background:none;color:#c8cebd;font-size:12px;padding:5px}.code-bottom button:hover{color:var(--amber)}.copy-icon{font-size:19px;line-height:1}.framework-caveat{margin-top:24px;color:#838b7c;font-size:12px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:42px;border-top:1px solid var(--line)}.site-footer .wordmark{font-size:29px}.site-footer .wordmark-sub{font-size:9px}.site-footer p{color:var(--muted);font-size:13px}.site-footer>a:last-child{font-size:13px;color:#c4cabb}
@media(min-width:1600px){.hero-inner{min-height:730px}.hero-visual{height:600px}}@media(max-width:1100px){.section-wrap,.nav-wrap,.hero-inner,.language-strip{width:calc(100% - 64px)}.site-header nav{gap:23px}.nav-github{margin-left:0}.hero-inner{min-height:615px;grid-template-columns:1.1fr 1fr}.hero-visual{height:450px}.hero-copy{width:110%}h1{font-size:60px;letter-spacing:-3px}.hero-copy>p{max-width:440px}.framework-panel{gap:35px}.language-strip{gap:14px}.language-strip>a{gap:7px;font-size:14px}.strip-label{min-width:120px}.hero-actions{gap:20px}.button{gap:14px;padding:15px 18px}.section-heading{gap:35px}.section-heading>p{max-width:330px}.framework-summary .subtle-link{display:block;margin-left:0;margin-top:16px}}
@media(max-width:800px){.section-wrap,.nav-wrap,.hero-inner,.language-strip{width:calc(100% - 40px)}.nav-wrap{height:86px}.wordmark{font-size:32px}.wordmark-sub{font-size:9px}.menu-toggle{display:flex;flex-direction:column;gap:7px;justify-content:center;padding:12px;background:transparent;border:1px solid var(--line);border-radius:6px;width:44px;height:44px;color:var(--ink)}.menu-toggle span{width:18px;height:1px;background:currentColor}.site-header nav{display:none;position:absolute;left:0;right:0;top:86px;align-items:stretch;padding:20px;background:#171a14;border-bottom:1px solid var(--line);box-shadow:0 15px 25px #0005}.site-header nav.open{display:flex;flex-direction:column;gap:0}.site-header nav>a{padding:14px 10px}.site-header nav .nav-start{margin-top:10px}.nav-github svg{width:18px}.hero-inner{grid-template-columns:1fr;min-height:0;padding-top:40px;padding-bottom:25px}.hero-copy{width:100%}h1{font-size:clamp(45px,8.3vw,66px);letter-spacing:-2.4px}.hero-copy>p{font-size:16px;max-width:490px}.hero-actions{gap:24px}.hero-footnote{margin-top:24px}.hero-visual{height:380px;max-width:520px;width:100%;margin:0 auto}.hero-art{width:115%;left:-7%;height:120%;top:-5%}.visual-caption{font-size:10px;right:50%;transform:translateX(50%);white-space:nowrap}.language-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-block:25px}.strip-label{grid-column:1/-1}.strip-label br{display:none}.language-strip>a{font-size:15px;gap:12px}.section-heading{display:block}.section-heading>p{max-width:560px;margin-top:22px}.frameworks{padding-top:67px;padding-bottom:65px}.framework-tabs{grid-template-columns:repeat(3,1fr);margin-top:30px}.framework-tabs button{font-size:16px;padding:13px 12px}.framework-tabs button span{font-size:11px}.framework-panel{grid-template-columns:1fr;gap:32px;padding-top:32px}.framework-summary>p{max-width:600px}.framework-summary .subtle-link{display:inline-block;margin-left:18px;margin-top:0}.code-window pre{min-height:250px;font-size:12px;padding:21px}.site-footer{flex-wrap:wrap;gap:24px;padding-block:30px}.site-footer p{order:3;width:100%}.site-footer>a:last-child{font-size:12px}}
@media(max-width:380px){h1{font-size:41px;letter-spacing:-2px}.hero-actions{gap:17px}.hero-actions .button{font-size:13px;padding:14px}.text-link{font-size:12px}.intro-link{font-size:11px}.hero-visual{height:320px}.framework-summary .subtle-link{display:block;margin:15px 0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-art{transform:none!important}}
.architecture{background:#e9ece0;color:#252b20;padding:57px 0 69px;overflow:hidden}.architecture .section-kicker{color:#677450;margin:0}.architecture-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:40px;border-bottom:1px solid #c7cebc}.architecture-aside{font-size:12px;color:#758165}.architecture-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:51px}.architecture-copy h2{font-size:clamp(40px,4vw,56px);font-weight:450;letter-spacing:-2px;line-height:1.1}.architecture-copy>p{color:#616d56;max-width:470px;font-size:16px;line-height:1.85;margin-top:23px;margin-bottom:34px}.principle{display:flex;align-items:flex-start;gap:19px;margin-top:25px}.principle-icon{font-size:23px;line-height:1.35;color:#65734e;flex-shrink:0;min-width:25px}.principle h3{font-size:16px;font-weight:600;letter-spacing:-.2px}.principle p{font-size:14px;color:#67725c;max-width:400px;margin-top:5px;line-height:1.75}.architecture-diagram{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.stack-scene{position:relative;width:100%;height:450px;perspective:1100px;transform-style:preserve-3d}.stack-plane{position:absolute;left:50%;width:330px;height:240px;transform:translateX(-50%) rotateX(49deg) rotateZ(-31deg);border-radius:20px;border:1px solid #aab698;box-shadow:-14px 22px 0 -3px #8c9b7533,-32px 54px 30px #48513519;transition:transform .7s cubic-bezier(.2,.8,.2,1);padding:30px;background:#dbe2cf}.stack-plane>span{font-size:19px;font-weight:500;letter-spacing:-.5px}.stack-plane>i{display:block;font-size:11px;font-style:normal;margin-top:4px;color:#5e6b50}.plane-infra{top:235px;background:linear-gradient(135deg,#c9d3ba,#e0e6d8);z-index:1}.plane-application{top:139px;background:linear-gradient(135deg,#d4ddc6ee,#eef1e8ee);z-index:2}.plane-domain{top:35px;background:linear-gradient(130deg,#f4f4db,#e9ebc9);z-index:3;border-color:#c7c889;box-shadow:-14px 22px 0 -3px #b5b96a4d,-32px 54px 30px #48513526}.domain-core{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);font-weight:650;font-size:78px;letter-spacing:-7px;color:#424f33;text-shadow:0 8px 0 #343f2419}.domain-core span{color:#c49a39}.stack-scene:hover .plane-domain{transform:translate(-50%,-12px) rotateX(49deg) rotateZ(-31deg)}.stack-scene:hover .plane-infra{transform:translate(-50%,12px) rotateX(49deg) rotateZ(-31deg)}.architecture-diagram figcaption{font:11px var(--mono);color:#6c795c;margin-top:20px}.ecosystem{padding-top:100px;padding-bottom:95px}.ecosystem-featured{display:grid;grid-template-columns:1.05fr 1fr;gap:25px;margin-top:42px}.agentic-card{position:relative;border-radius:14px;padding:37px 38px 30px;overflow:hidden;border:1px solid #404636;background:radial-gradient(ellipse at 60% 120%,#343e26,transparent 70%),#1a1e16}.card-category{font-size:12px;color:#a7b496;margin-bottom:17px}.agentic-card h3{font-size:29px;font-weight:450;line-height:1.2;letter-spacing:-1px}.agentic-card p{font-size:14px;color:#a5b097;line-height:1.85;max-width:425px;margin-top:17px}.agentic-card .text-link{margin-top:23px;font-size:13px;color:#d2dcc3}.agent-flow{margin:35px auto 0;max-width:350px;display:flex;flex-direction:column;align-items:center;font:11px var(--mono);color:#a9b796}.flow-input{font-size:10px}.flow-connector{width:1px;height:24px;background:#718553}.flow-core{padding:15px 22px;background:#2a3520;border:1px solid #71884f;border-radius:8px;color:#dbe9c8;font-size:13px;box-shadow:0 0 30px #8ca85d09}.flow-spark{color:#d0dba1;font-size:18px;vertical-align:middle;margin-right:6px}.flow-branches{display:flex;justify-content:space-between;gap:18px;position:relative;margin-top:32px;width:100%}.flow-branches:before{content:'';position:absolute;height:16px;left:15%;right:15%;top:-17px;border:1px solid #5c7040;border-bottom:0}.flow-branches:after{content:'';width:1px;height:16px;background:#5c7040;position:absolute;top:-32px;left:50%}.flow-branches span{border:1px solid #4b5b38;border-radius:5px;background:#252f1d;padding:8px 12px;min-width:85px;text-align:center}.ecosystem-side{display:grid;grid-template-rows:1fr 1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#141712}.ecosystem-mini{display:flex;gap:23px;padding:30px}.ecosystem-mini:first-child{border-bottom:1px solid var(--line)}.project-glyph{font-size:31px;width:44px;flex-shrink:0;color:#adbda0;padding-top:15px}.ecosystem-mini h3{font-size:23px;line-height:1.3;font-weight:450;letter-spacing:-.65px}.ecosystem-mini .card-category{margin-bottom:10px}.ecosystem-mini p{font-size:14px;color:var(--muted);line-height:1.8;margin-top:11px;max-width:350px}.ecosystem-mini .text-link{font-size:13px;margin-top:18px;color:#d2dcc3}.project-links{display:flex;flex-wrap:wrap;gap:21px;font-size:12px;margin-top:18px;color:#d2dcc3}.project-links a:hover{color:var(--amber)}.modules-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:70px;margin-bottom:26px}.modules-heading h3{font-size:23px;font-weight:450;letter-spacing:-.5px}.modules-heading>span{color:#9aab8a;font-size:12px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);border-radius:10px;overflow:hidden}.module-card{padding:26px 28px 27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .25s;background:#141611}.module-card:hover{background:#20251a}.module-symbol{font-size:27px;color:#a8b693;height:46px}.module-card h4{display:flex;align-items:center;justify-content:space-between;font-size:17px;font-weight:500;gap:13px}.module-card h4 span{color:#859476;font-size:19px;transition:transform .2s}.module-card:hover h4 span{transform:translate(2px,-2px);color:var(--amber)}.module-card p{font-size:14px;color:#9fa994;line-height:1.8;margin-top:10px;max-width:340px}.module-tags{display:block;font-size:10px;color:#7f8d72;margin-top:20px;font-family:var(--mono)}.ecosystem-bottom{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-top:29px}.ecosystem-bottom p{font-size:12px;color:#838f78;max-width:500px}.ecosystem-bottom .text-link{font-size:12px;white-space:nowrap}.closing{position:relative;isolation:isolate;text-align:center;padding-top:54px;padding-bottom:97px;overflow:hidden}.closing-glow{position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 130%,#bf8d201a,transparent 68%)}.closing .section-kicker{font-size:12px;color:#a3ad96;margin-bottom:23px}.closing h2{font-size:clamp(36px,4.5vw,64px);line-height:1.13;letter-spacing:-2.6px;font-weight:450}.closing>p{font-size:15px;color:var(--muted);margin-top:23px}.closing-actions{display:flex;align-items:center;justify-content:center;gap:29px;margin-top:29px}.closing-actions .button{padding:14px 21px}.closing-actions .text-link{font-size:13px}.hero-art{animation:arrival 1.8s cubic-bezier(.2,.8,.2,1) both}@keyframes arrival{from{opacity:0;scale:.94}to{opacity:1;scale:1}}
@media(max-width:1100px){.architecture-grid{gap:25px}.stack-plane{width:280px;height:220px}.ecosystem-featured{gap:20px}.agentic-card{padding:28px}.ecosystem-mini{padding:26px 24px;gap:17px}.project-glyph{width:28px}.ecosystem-mini h3{font-size:21px}.module-card{padding:24px 22px}.module-card h4{font-size:16px}}
@media(max-width:800px){.architecture{padding:35px 0 40px}.architecture-top{padding-bottom:26px}.architecture-aside{display:none}.architecture-grid{grid-template-columns:1fr;padding-top:35px;gap:7px}.architecture-copy>p{max-width:600px}.principle p{max-width:560px}.architecture-diagram{margin-top:13px}.stack-scene{max-width:470px;height:440px}.stack-plane{width:290px;height:220px}.architecture-diagram figcaption{margin-top:0;font-size:10px}.ecosystem{padding-top:65px;padding-bottom:55px}.ecosystem-featured{grid-template-columns:1fr;margin-top:30px}.agentic-card{padding:29px 26px}.agentic-card p{max-width:550px}.ecosystem-mini{padding:26px}.agent-flow{margin-top:29px;margin-bottom:9px}.modules-heading{display:block;margin-top:40px;margin-bottom:22px}.modules-heading h3{font-size:22px}.modules-heading>span{display:block;margin-top:9px}.module-grid{grid-template-columns:repeat(2,1fr)}.module-card{padding:22px}.module-card h4{font-size:15px}.module-card p{font-size:13px}.module-tags{font-size:9px;line-height:1.8}.ecosystem-bottom{display:block}.ecosystem-bottom .text-link{margin-top:18px}.closing{padding-block:45px 65px}.closing h2{letter-spacing:-1.6px}.closing>p{font-size:14px;max-width:330px;margin-inline:auto}.closing-actions{gap:24px}.closing-actions .text-link{font-size:12px}}
@media(max-width:460px){.module-grid{grid-template-columns:1fr}.module-card{padding:24px}.module-card h4{font-size:17px}.module-card p{font-size:14px}.module-tags{font-size:11px}.closing-actions{flex-direction:column;gap:24px}.ecosystem-mini{gap:16px;padding:25px 22px}.project-glyph{font-size:24px;width:23px}.stack-plane{width:250px;height:220px}.architecture-diagram figcaption{font-size:9px}.agent-flow{max-width:310px}.flow-branches{gap:9px}.flow-branches span{min-width:72px;padding:8px;font-size:10px}}
.site-footer{flex-wrap:wrap}.copyright{flex:1 0 100%;font-size:12px;color:#929b85;border-top:1px solid #2b3025;padding-top:23px;margin-top:2px;display:flex;justify-content:space-between;gap:30px}.copyright span{color:#818a75;font-size:11px}.hero-copy>p,.section-heading>p,.framework-summary>p,.agentic-card p,.ecosystem-mini p,.module-card p{font-size:16px}.principle p{font-size:15px}.module-tags{font-size:12px}.ecosystem-bottom p,.framework-caveat{font-size:13px}.code-bottom{font-size:12px}.hero-footnote{font-size:13px}.framework-tabs button span{font-size:13px}.wordmark-sub{font-size:12px;letter-spacing:2px}.code-window pre{font-size:13px}.architecture-diagram figcaption{font-size:12px}.visual-caption{font-size:12px}.language-strip .strip-label{font-size:13px}@media(max-width:800px){.copyright{flex-direction:column;gap:9px;order:4;font-size:11px}.copyright span{font-size:11px}.hero-copy>p,.section-heading>p,.framework-summary>p,.agentic-card p,.ecosystem-mini p,.module-card p{font-size:16px}.framework-tabs button span{font-size:12px}.visual-caption{font-size:10px}.architecture-diagram figcaption{font-size:10px}}
.original-logo{width:132px;background:#f0f1e7;padding:11px 12px 10px;border-radius:7px;line-height:0;flex-shrink:0}.original-logo img{display:block;width:100%;height:auto}.site-footer .original-logo{width:122px}.site-header nav{gap:26px}.nav-github{margin-left:4px}.hero-art{mask-image:radial-gradient(ellipse at center,#000 53%,transparent 76%)}.code-topbar{gap:15px}.code-topbar>span:not(.code-tag){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.code-bottom a:hover{color:var(--amber)}.code-window pre{max-height:390px;min-height:390px;font-size:12px}.code-tag{flex-shrink:0}.window-dots{flex-shrink:0}.framework-summary h3{font-size:29px}@media(max-width:1100px){.site-header nav{gap:19px}.original-logo{width:114px}.nav-start{font-size:13px}}@media(max-width:800px){.original-logo{width:112px;padding:8px 10px}.site-header nav{gap:0}.code-window pre{min-height:320px;max-height:390px}.hero-art{mask-image:radial-gradient(ellipse at center,#000 52%,transparent 77%)}}
.source-context{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#1c2316;color:#aebb9f;font-size:11px;padding:10px 17px;border-bottom:1px solid #36432a}.source-context span{white-space:nowrap;color:#808f71;font-size:10px}.hero-inner{grid-template-columns:1.12fr 1fr}.hero-copy{min-width:0}.hero-copy h1{white-space:nowrap}.hero-visual{isolation:isolate}.hero-art{z-index:1}.visual-caption{z-index:2}@media(max-width:1100px){.hero-copy h1{font-size:clamp(40px,5vw,59px)}}@media(max-width:800px){.hero-inner{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(40px,8.3vw,66px);white-space:normal}.source-context{font-size:10px;gap:10px}.source-context span{font-size:9px}}
.original-logo{background:none;padding:0;width:125px;filter:invert(1) hue-rotate(180deg)}.site-footer .original-logo{width:112px}.bridge-link{display:block;font-size:12px;margin-top:13px;color:#b2c29f}.bridge-link:hover{color:var(--amber)}@media(max-width:800px){.original-logo{width:104px}}
.patterns{padding-top:85px;padding-bottom:6px}.pattern-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:100px;align-items:end}.pattern-intro .section-kicker{grid-column:1/-1}.pattern-intro h2{font-size:39px;line-height:1.15;letter-spacing:-1.5px;font-weight:450}.pattern-intro>p{font-size:16px;color:var(--muted);line-height:1.85;max-width:450px}.pattern-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:37px;border-top:1px solid var(--line)}.pattern-grid article{padding:25px 27px 0 0}.pattern-grid article+article{padding-left:25px;border-left:1px solid var(--line)}.pattern-grid h3{font-size:17px;font-weight:500}.pattern-grid p{font-size:15px;color:#a4ae99;margin-top:13px;line-height:1.8}.pattern-grid article>span{display:block;margin-top:20px;font-size:12px;color:#88967a}.project-directory{padding-top:5px;padding-bottom:80px}.directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-block:32px 21px}.project-search{display:flex;align-items:center;gap:11px;width:min(440px,100%);border:1px solid #3a4331;background:#171d12;border-radius:7px;padding:10px 16px}.search-symbol{color:#a6b197;font-size:23px;line-height:1}.project-search input{color:var(--ink);width:100%;font:14px var(--font);padding:5px 0;border:0;background:transparent;outline:0;min-width:0}.project-search:focus-within{outline:2px solid var(--amber);outline-offset:3px}.project-search input::placeholder{color:#9eab8f}.directory-toolbar>span{font-size:12px;color:#8e9d7e}.project-groups{border-top:1px solid var(--line)}.project-group{border-bottom:1px solid var(--line)}.project-group summary{display:flex;align-items:center;gap:20px;cursor:pointer;padding:21px 4px;list-style:none;font-size:17px;color:#d1d8c6}.project-group summary::-webkit-details-marker{display:none}.project-group summary>span:first-child{flex:1}.project-group summary:hover{color:var(--amber)}.project-count{font:12px var(--mono);color:#899979}.expand-icon{font-size:24px;font-weight:400;color:#93a47d;width:20px;text-align:center;transition:transform .2s}.project-group[open] .expand-icon{transform:rotate(45deg);color:var(--amber)}.project-group[open] summary{color:var(--amber)}.group-description{color:#9ca991;font-size:14px;max-width:740px;margin-bottom:23px}.repository-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 38px;padding-bottom:30px}.repository{position:relative;display:block;padding:17px 30px 17px 18px;border:1px solid #30382a;border-radius:6px;min-width:0;background:#141910}.repository:hover{background:#1d2716;border-color:#586f40}.repository h4{font:12px/1.6 var(--mono);color:#d0dcbe;overflow-wrap:anywhere;font-weight:500}.repository p{font-size:14px;color:#9bab8e;margin-top:7px;line-height:1.75}.repository>span{position:absolute;right:12px;top:16px;color:#93a57d}.directory-note{font-size:12px;color:#8b997c;margin-top:22px;max-width:850px}#no-projects{padding-block:30px;color:#a6b29a}.copyright a{text-decoration:underline;text-underline-offset:3px}.project-group[hidden],.repository[hidden]{display:none}
@media(max-width:1100px){.pattern-intro{gap:35px}.pattern-grid{grid-template-columns:repeat(2,1fr);row-gap:26px}.pattern-grid article:nth-child(3){border-left:0;padding-left:0}.repository-list{gap:13px}}
@media(max-width:800px){.patterns{padding-top:56px}.pattern-intro{display:block}.pattern-intro h2{font-size:34px}.pattern-intro>p{margin-top:22px;max-width:570px}.pattern-grid{grid-template-columns:1fr 1fr;margin-top:28px}.pattern-grid article{padding-top:20px;padding-right:17px}.pattern-grid article+article{padding-left:17px}.pattern-grid article:nth-child(3){padding-left:0}.pattern-grid p{font-size:15px}.pattern-grid h3{font-size:16px}.pattern-grid article>span{font-size:11px}.project-directory{padding-bottom:45px}.directory-toolbar{display:block}.directory-toolbar>span{display:block;margin-top:16px}.project-search{width:100%}.project-group summary{font-size:15px;gap:12px}.repository-list{grid-template-columns:1fr}.repository h4{font-size:12px}.project-group-content{padding-inline:3px}.directory-note{font-size:12px}}
@media(max-width:380px){.pattern-grid{grid-template-columns:1fr;gap:0}.pattern-grid article+article{border-left:0;padding-left:0}.pattern-grid article{padding-bottom:19px;border-bottom:1px solid var(--line)}}
/* Firefly's own typography and a more dimensional visual system. */
:root{--bg:#090909;--surface:#121212;--soft:#1b1b1b;--ink:#f5f5f5;--muted:#a5a5a5;--amber:#ff9e32;--line:#2b2b2b;--font:'Maven Pro',sans-serif;--mono:'Maven Pro',sans-serif;color-scheme:dark}
body{font-family:var(--font);background:#090909}h1,h2,h3,h4{font-weight:500}button,input,pre,code{font-family:var(--font)}.site-header{position:absolute;top:22px;width:100%;border:0;background:none}.nav-wrap{height:84px;background:#101010d9;border:1px solid #ffffff1b;border-radius:17px;padding-inline:26px;backdrop-filter:blur(18px);box-shadow:0 12px 50px #0005}.site-header nav{font-size:15px;gap:28px}.site-header nav>a:not(.button){color:#ccc}.original-logo{width:119px}.button{border-radius:9px;font-size:15px;font-weight:600}.button.primary{box-shadow:0 0 0 1px #ffc67550 inset,0 6px 28px #ff880013;background:linear-gradient(130deg,#ffb455,#ff9822)}.button.primary:hover{background:linear-gradient(130deg,#ffc57d,#ffaa40);box-shadow:0 8px 35px #ff880029}.nav-start{border-color:#555;background:#181818}.hero{padding-top:100px;background:radial-gradient(ellipse at 80% 44%,#8e431711,transparent 60%)}.hero-atmosphere{background:radial-gradient(ellipse at 71% 48%,#a7441915,transparent 50%)}.hero-inner{min-height:720px;padding-top:98px;padding-bottom:86px;grid-template-columns:1.04fr 1fr;align-items:center}.hero-copy{width:110%;position:relative;z-index:3;pointer-events:none}.hero-copy a{pointer-events:auto}.intro-link{font-size:14px;color:#bbb;border-bottom:0;padding:7px 0}.intro-link .mini-orbit{font-size:25px}.hero-copy h1{font-size:clamp(58px,5.45vw,82px);line-height:1.06;letter-spacing:-4px;font-weight:600;white-space:nowrap;margin-top:26px}.hero-copy>p{font-size:18px;line-height:1.8;max-width:510px;color:#aaa;margin-top:29px}.hero-actions{margin-top:34px;gap:29px}.hero-actions .button{padding:17px 22px}.hero-footnote{font-size:13px;color:#909090;margin-top:29px}.tiny-code{color:#aaa}.hero-visual{height:570px;perspective:1200px;isolation:isolate;width:118%;margin-left:-5%;z-index:2}.hero-art{width:116%;height:116%;top:-6%;left:-8%;transition:opacity .7s;mask-image:radial-gradient(ellipse at center,#000 56%,transparent 76%)}#firefly-scene{position:absolute;inset:-4% -4% 0;z-index:3;opacity:0;transition:opacity .8s;pointer-events:auto}#firefly-scene canvas{width:100%;height:100%;display:block}.scene-ready #firefly-scene{opacity:1}.scene-ready .hero-art,.scene-ready .flight-field{opacity:0}.scene-ready .artwork-halo{opacity:.7}.hero-visual .artwork-halo{background:radial-gradient(ellipse at 55% 60%,#f4781624,transparent 58%)}.flight-field{border-color:#ff921011;box-shadow:0 0 100px #ff910006}.visual-caption{left:7%;right:5%;bottom:-7px;display:flex;justify-content:space-between;gap:25px;transform:none;color:#888;font-size:12px;white-space:normal}.visual-caption button{background:#151515b3;border:1px solid #444;color:#aaa;font:12px var(--font);padding:7px 12px;border-radius:20px;white-space:nowrap}.visual-caption button:hover{border-color:var(--amber);color:var(--ink)}.language-strip{padding-block:33px 37px;border-color:#323232}.language-strip>a{font-size:17px;color:#ccc}.language-symbol{font-size:23px;color:#eee;letter-spacing:-.7px}.strip-label{color:#969696;font-size:14px!important}.section-heading h2{font-weight:500;font-size:clamp(37px,3.6vw,53px);letter-spacing:-2.1px;line-height:1.12}.section-kicker{font-size:14px;font-weight:500;color:#f0a752}.section-heading>p{color:#aaa;line-height:1.85}.frameworks{padding-top:91px}.framework-tabs button{font-size:18px;font-weight:500;padding:19px 18px}.framework-tabs button span{color:#8e8e8e;font-weight:400}.framework-tabs button[aria-selected=true]{background:linear-gradient(0deg,#ff98150b,transparent)}.framework-tabs button[aria-selected=true] span{color:#c3a483}.framework-panel{gap:65px}.framework-meta{font-size:13px;color:#9f9f9f}.framework-summary h3{font-size:32px;font-weight:500}.framework-summary>p{font-size:16px;color:#aaa}.framework-summary li{font-size:15px;color:#c4c4c4}.framework-summary .button{font-size:14px}.subtle-link{font-size:14px;color:#aaa}.framework-caveat{color:#949494;font-size:13px}.code-window{border-color:#3a3128;background:linear-gradient(130deg,#1c1915,#111);box-shadow:0 16px 80px #0008;border-radius:14px;transform:perspective(1600px) rotateY(-3deg) rotateX(1deg);transition:transform .5s}.code-window:hover,.code-window:focus-within{transform:perspective(1600px) rotateY(0) rotateX(0)}.source-context{background:#211b13;border-bottom-color:#382a1d;color:#c9af8f;font-size:12px}.source-context span{font-size:11px;color:#a88c6f}.code-topbar{color:#b4a99b;border-color:#352d24;font-size:13px}.code-tag{color:#b5a085;border-color:#594331;font-size:12px}.window-dots i{background:#605548}.window-dots i:first-child{background:#e69647}.code-window pre{font-size:14px;line-height:1.8;color:#ddd2c1}.code-string{color:#dec299}.code-keyword{color:#f1a960}.code-comment{color:#9f947f}.code-bottom{border-color:#392f23;color:#b1a48d;font-size:13px}.code-bottom button{color:#d3c5b2;font-size:13px}.framework-summary .button{margin-top:4px}.architecture{background:radial-gradient(ellipse at 78% 45%,#6340191c,transparent 50%),#111;color:#eee;border-block:1px solid #252525;padding-block:62px 87px}.architecture .section-kicker{color:#f0a752}.architecture-top{border-color:#303030}.architecture-aside{color:#8e8e8e;font-size:13px}.architecture-copy h2{font-size:clamp(45px,4.5vw,64px);letter-spacing:-2.8px;line-height:1.05}.architecture-copy>p{color:#aaa;font-size:17px}.principle h3{color:#ececec;font-size:18px;font-weight:500}.principle p{color:#a0a0a0;font-size:16px}.principle-icon{color:#e59d47}.stack-scene{height:470px;perspective:1100px}.stack-plane{color:#f5e4c8;border:1px solid #eaa14d55;border-radius:18px;box-shadow:-11px 17px 0 -2px #54361ccc,-25px 45px 50px #0007;background:linear-gradient(140deg,#25201b,#1b1a18)}.stack-plane>span{font-size:23px;font-weight:500}.stack-plane>i{color:#b29b7d;font-size:13px}.plane-infra{top:256px;background:linear-gradient(130deg,#211f1b,#181817);opacity:.85}.plane-application{top:133px;background:linear-gradient(130deg,#34291f,#24201b);opacity:.95}.plane-domain{top:5px;background:linear-gradient(130deg,#49331b,#292119);border-color:#e2a152b3;box-shadow:-11px 17px 0 -2px #6a4520cc,-25px 45px 50px #0007,0 0 80px #fca0330b}.domain-core{width:91px;top:64%;text-shadow:none;font-size:0}.domain-core img{width:100%;height:auto;filter:invert(1) hue-rotate(180deg)}.architecture-diagram figcaption{font-size:13px;color:#a08e78;margin-top:35px}.pattern-intro h2{font-size:43px;font-weight:500}.pattern-grid h3{font-size:18px;font-weight:500}.pattern-grid p{color:#a4a4a4;font-size:16px}.pattern-grid article>span{color:#939393;font-size:12px}.agentic-card{background:radial-gradient(ellipse at 50% 120%,#71421040,transparent 70%),#151310;border-color:#4d3925;border-radius:16px;box-shadow:0 12px 70px #0004}.agentic-card h3{font-weight:500;font-size:34px;letter-spacing:-1.5px}.agentic-card p{color:#b0a698}.card-category{font-size:13px;color:#c6a882}.agentic-card .text-link,.ecosystem-mini .text-link{font-size:14px;color:#eadac2}.bridge-link{color:#bda789;font-size:13px}.agent-flow{color:#c0aa8b}.flow-core{background:#332517;border-color:#886032;color:#f6d8ac;box-shadow:0 0 55px #ff9b2216;font-size:15px}.flow-spark{color:#ffb447}.flow-connector{background:#9f7136}.flow-input{font-size:12px}.flow-branches span{border-color:#74502b;background:#2b2117;font-size:12px}.flow-branches:before{border-color:#966b35}.flow-branches:after{background:#966b35}.ecosystem-side{background:#121212;border-color:#333;border-radius:16px}.ecosystem-mini{gap:25px}.ecosystem-mini:first-child{border-color:#333}.ecosystem-mini h3{font-size:26px;font-weight:500}.ecosystem-mini p{color:#aaa}.project-glyph{color:#c5945f}.module-grid{border-color:#333;border-radius:12px}.module-card{border-color:#333;background:#111;position:relative}.module-card:hover{background:#1c1711}.module-card h4{font-size:19px;font-weight:500}.module-card h4 span,.module-symbol{color:#d4a26a}.module-card p{color:#aaa}.module-tags{color:#979087}.modules-heading>span{color:#aaa;font-size:13px}.modules-heading h3{font-size:27px;font-weight:500}.ecosystem-bottom p{color:#929292}.ecosystem-bottom .text-link{font-size:14px}.project-search{background:#171411;border-color:#55432c;padding:13px 17px}.project-search input{font-size:16px}.project-search input::placeholder{color:#aaa092}.search-symbol{color:#d1aa72}.directory-toolbar>span{color:#aaa;font-size:13px}.project-group summary{color:#d6d6d6;padding:22px 4px;font-size:18px}.project-count{color:#b49a7a;font-size:14px}.expand-icon{color:#ce985b}.group-description{color:#aaa;font-size:16px}.repository{background:#15120e;border-color:#3e3429;padding:19px 35px 19px 20px}.repository h4{font-size:15px;color:#e6ccb0}.repository p{color:#afa393;font-size:15px}.repository>span{color:#ca9c67}.repository:hover{background:#241b11;border-color:#b37d3d}.directory-note{color:#999;font-size:13px}.closing{padding-block:64px 107px}.closing h2{font-size:clamp(43px,5vw,70px);font-weight:500;letter-spacing:-3px}.closing>p{font-size:17px}.closing .section-kicker{font-size:14px;color:#bda78c}.closing-glow{background:radial-gradient(ellipse at 50% 135%,#bd651325,transparent 66%)}.copyright,.copyright span{font-size:12px;color:#919191}.site-footer p,.site-footer>a:last-child{font-size:14px;color:#aaa}.site-footer .original-logo{width:115px}.copyright a{color:#b8a68f}.skip-link{top:0;transform:translateY(-150%);transition:transform .15s;background:var(--amber)}.skip-link:focus{top:12px;transform:translateY(0)}
@media(max-width:1100px){.hero-copy h1{font-size:clamp(47px,5.7vw,66px);letter-spacing:-3px}.hero-inner{min-height:690px}.hero-visual{height:510px;width:120%;margin-left:-7%}.hero-copy>p{max-width:440px;font-size:17px}.site-header nav{gap:20px;font-size:14px}.nav-wrap{padding-inline:20px}.original-logo{width:103px}.section-heading h2{font-size:43px}.pattern-intro h2{font-size:38px}.module-card h4{font-size:17px}}
@media(max-width:800px){.site-header{top:14px}.nav-wrap{height:71px;padding-inline:17px;border-radius:13px}.site-header nav{top:81px;left:20px;right:20px;border-radius:13px;border:1px solid #444;background:#141414f5;backdrop-filter:blur(18px)}.menu-toggle{width:40px;height:40px;border-color:#444}.original-logo{width:99px}.hero{padding-top:88px}.hero-inner{grid-template-columns:1fr;padding-top:40px;min-height:0;padding-bottom:27px}.hero-copy{width:100%}.hero-copy h1{font-size:clamp(43px,8.5vw,69px);letter-spacing:-2.4px;white-space:normal;margin-top:25px}.hero-copy>p{max-width:560px;font-size:17px;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:20px 24px;margin-top:27px}.hero-actions a{white-space:nowrap}.hero-actions .button{padding:15px 18px;font-size:14px;gap:18px}.hero-actions .text-link{font-size:14px}.intro-link{font-size:12px}.hero-footnote{font-size:12px;margin-top:23px}.hero-visual{height:400px;width:calc(100% + 30px);max-width:none;margin:10px -15px 0}.visual-caption{bottom:0;left:15px;right:15px;font-size:11px;align-items:center;gap:10px}.visual-caption button{font-size:11px;padding:6px 10px}.language-strip{padding-block:27px}.language-strip>a{font-size:16px}.frameworks{padding-top:66px}.section-heading h2{font-size:clamp(33px,6.3vw,44px);letter-spacing:-1.5px}.section-heading>p{font-size:16px}.framework-tabs button{font-size:17px;padding:16px 12px}.framework-tabs button span{font-size:12px}.framework-panel{gap:30px}.framework-summary h3{font-size:30px}.code-window{transform:none}.code-window pre{font-size:13px}.source-context{font-size:11px}.source-context span{font-size:10px}.architecture{padding-block:38px 65px}.architecture-copy h2{font-size:46px;letter-spacing:-2px}.architecture-copy>p{font-size:16px}.principle h3{font-size:17px}.principle p{font-size:16px}.stack-scene{height:475px}.stack-plane{width:265px;height:220px}.stack-plane>span{font-size:22px}.stack-plane>i{font-size:12px}.architecture-diagram figcaption{font-size:11px;margin-top:0}.pattern-intro h2{font-size:35px;letter-spacing:-1.5px}.pattern-grid{grid-template-columns:1fr 1fr}.pattern-grid h3{font-size:17px}.pattern-grid p{font-size:16px}.pattern-grid article>span{font-size:12px}.agentic-card h3{font-size:31px}.ecosystem-mini{padding:27px 22px;gap:17px}.ecosystem-mini h3{font-size:25px}.module-grid{grid-template-columns:1fr}.module-card{padding:26px}.module-card h4{font-size:20px}.module-card p{font-size:16px}.modules-heading h3{font-size:26px}.project-group summary{font-size:17px;padding:22px 0}.closing h2{font-size:42px;letter-spacing:-1.8px}.closing>p{font-size:16px;line-height:1.8}.copyright{font-size:12px}.copyright span{font-size:12px}.site-footer>a:last-child{font-size:13px}.closing{padding-bottom:75px}}@media(max-width:430px){.hero-visual{height:355px}.hero-copy h1{font-size:43px;letter-spacing:-2px}.hero-actions{gap:19px}.hero-actions .text-link{font-size:13px}.pattern-grid{grid-template-columns:1fr}.pattern-grid article+article{border-left:0;padding-left:0}.pattern-grid article{padding:22px 0;border-bottom:1px solid var(--line)}.stack-plane{width:245px}.section-kicker{font-size:13px}.language-strip>a{font-size:15px}.language-symbol{font-size:20px}.source-context{font-size:10px}.source-context span{font-size:9px}}
.module-card{display:flex;flex-direction:column}.module-card .module-tags{margin-top:auto;padding-top:22px}.module-card p{margin-bottom:0}.module-card h4{min-height:28px}.ecosystem-featured{align-items:stretch}.agentic-card{display:flex;flex-direction:column}.agent-flow{margin-top:auto;padding-top:35px;width:100%}.ecosystem-mini{align-items:flex-start}.ecosystem-mini>div{display:flex;flex-direction:column;height:100%;align-items:flex-start}.ecosystem-mini .text-link{margin-top:auto;padding-top:20px}.ecosystem-mini .card-category{margin-bottom:10px}.ecosystem-mini p{margin-bottom:0}.architecture-diagram{padding-top:28px}.visual-caption button[hidden]{display:none}.hero-art{pointer-events:none}.code-window{min-width:0}.code-bottom{min-height:55px}.hero-actions a{flex-shrink:0}.site-header .button{white-space:nowrap}.project-glyph{padding-top:8px}.pattern-grid article{display:flex;flex-direction:column}.pattern-grid article>span{margin-top:auto;padding-top:20px}
.scene-ready .hero-art{animation:none;opacity:0;visibility:hidden}#firefly-scene{mix-blend-mode:screen;mask-image:radial-gradient(ellipse at 50% 48%,#000 47%,transparent 75%)}
.stack-scene{height:545px}.architecture-diagram figcaption{margin-top:13px}.hero-visual{width:112%;margin-left:-2%}#firefly-scene{inset:0 -2% 0}.scene-ready .artwork-halo{opacity:.2}@media(max-width:800px){.hero-visual{width:calc(100% + 30px);margin:10px -15px 0}.stack-scene{height:545px}.architecture-diagram figcaption{margin-top:2px}}

/* Each selected layer moves forward while the other two remain in context. */
.architecture-grid{align-items:center;gap:70px}
.architecture-diagram{padding-top:0;align-self:center;max-width:620px;width:100%;margin:0;--deck-width:340px;--deck-height:230px}
.stack-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:0 0 15px;border-bottom:1px solid #ffffff15;line-height:1.5}
.stack-overline{font-size:12px;text-transform:uppercase;letter-spacing:1.4px;color:#d3b38a}
.stack-hint{font-size:12px;color:#8d8d8d;max-width:150px;text-align:right}
.stack-hint>span{color:var(--amber);margin-left:4px}
.stack-scene{width:100%;max-width:none;height:370px;perspective:1200px;position:relative;transform-style:preserve-3d}
.stack-model{position:absolute;width:var(--deck-width);height:var(--deck-height);left:50%;top:48%;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(var(--stack-tilt-y,0deg)) rotateY(var(--stack-tilt-x,0deg));transition:transform .8s cubic-bezier(.16,1,.3,1)}
.stack-plane,.stack-scene:hover .stack-plane{inset:0;width:var(--deck-width);height:var(--deck-height);padding:24px 26px;border-radius:17px;opacity:1;transform-style:preserve-3d;backface-visibility:hidden;isolation:auto;color:#eee;border:1px solid #81623d;box-shadow:0 2px 0 #72512e,0 6px 0 #392b1a,0 20px 45px #0007;background:linear-gradient(125deg,#27221c,#191713);transform:translate3d(var(--deck-x),var(--deck-y),var(--deck-z)) rotateX(var(--deck-rx)) rotateY(var(--deck-ry)) rotateZ(var(--deck-rz));transition:transform 850ms cubic-bezier(.22,.8,.22,1),filter 650ms,border-color 650ms,box-shadow 650ms;will-change:transform}
.stack-plane[data-position=front]{--deck-x:0px;--deck-y:34px;--deck-z:100px;--deck-rx:9deg;--deck-ry:-12deg;--deck-rz:-5deg;filter:brightness(1);border-color:#eaa950;box-shadow:0 2px 0 #bd8a47,0 6px 0 #5b3b18,0 32px 50px #0008,0 0 45px #db8b1910}
.stack-plane[data-position=middle]{--deck-x:8px;--deck-y:-31px;--deck-z:-80px;--deck-rx:38deg;--deck-ry:-12deg;--deck-rz:-13deg;filter:brightness(.65);border-color:#786144}
.stack-plane[data-position=back]{--deck-x:14px;--deck-y:-95px;--deck-z:-220px;--deck-rx:45deg;--deck-ry:-12deg;--deck-rz:-20deg;filter:brightness(.45);border-color:#786144}
.stack-plane:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(130deg,#ffffff09,transparent 50%,#ffb33f05);pointer-events:none}
.plane-domain{background:linear-gradient(130deg,#38291a,#201a13)!important;z-index:auto}.plane-application{background:linear-gradient(130deg,#2a2824,#191a18)!important;z-index:auto}.plane-infra{background:linear-gradient(130deg,#252829,#171a1a)!important;z-index:auto}
.plane-heading{display:flex;align-items:center;justify-content:space-between;line-height:1;margin-bottom:23px}.plane-number{font-size:11px;letter-spacing:1.8px;color:#c9a77a}.plane-node{width:28px;height:28px;border:1px solid #be985657;border-radius:7px;display:grid;place-items:center;color:#eeb267;font-size:23px}
.plane-label>span{font-size:30px;letter-spacing:-.8px;line-height:1.15;font-weight:500}.plane-label>i{display:block;font-size:14px;font-style:normal;color:#bcb0a0;margin-top:9px}.plane-tags{display:flex;gap:8px;position:absolute;bottom:24px;left:26px;right:26px}.plane-tags>span{border:1px solid #ffffff16;border-radius:5px;padding:4px 8px;font-size:11px;color:#b6a68e;background:#0002;white-space:nowrap}
.stack-ground{position:absolute;left:15%;right:8%;bottom:15px;height:45px;background:#b7780a18;border-radius:50%;filter:blur(25px);pointer-events:none}
.stack-selector{display:grid;grid-template-columns:.84fr 1fr 1.17fr;width:100%;border-bottom:1px solid #4c3825;position:relative;z-index:4;margin-top:10px}
.stack-selector button{border:0;border-bottom:2px solid transparent;background:none;color:#999;padding:14px 7px;font:14px var(--font);white-space:nowrap;transition:color .3s,background .3s}.stack-selector button>span{font-size:10px;color:#71695f;margin-right:6px}.stack-selector button[aria-selected=true]{color:#ffb04e;border-color:#ffb04e;background:linear-gradient(0deg,#ff991810,transparent)}.stack-selector button[aria-selected=true]>span{color:#c28d4b}.stack-selector button:hover{color:#fff}
.architecture-diagram figcaption{font:15px/1.75 var(--font);color:#aaa;margin-top:23px;min-height:203px;width:100%;text-align:left;padding:0}.architecture-diagram figcaption h3{font-size:20px;line-height:1.4;letter-spacing:-.4px;font-weight:500;color:#ece3d7;margin-bottom:10px}.architecture-diagram figcaption p{max-width:520px}.stack-takeaway{display:block;margin-top:16px;font-size:12px;color:#c29a68;letter-spacing:.1px}.stack-takeaway:before{content:'↳';margin-right:8px;color:#e1a354}
.hero-visual .visual-caption{z-index:5;pointer-events:auto}
@media(max-width:1100px){.architecture-grid{gap:40px}.architecture-diagram{--deck-width:300px;--deck-height:220px}.stack-scene{height:345px}.plane-label>span{font-size:27px}.plane-tags{gap:5px}.plane-tags>span{font-size:10px;padding:4px 6px}.stack-overline{font-size:10px;letter-spacing:1px}.stack-hint{font-size:11px}.stack-selector button{font-size:13px}.stack-selector button>span{display:none}.architecture-diagram figcaption{min-height:237px}}
@media(max-width:800px){.architecture-grid{gap:40px}.architecture-diagram{max-width:560px;--deck-width:320px;--deck-height:225px;margin:0 auto}.stack-scene{height:365px}.stack-overline{font-size:11px}.stack-hint{font-size:12px}.stack-selector button{font-size:14px}.stack-selector button>span{display:inline}.architecture-diagram figcaption{min-height:215px;font-size:15px;margin-top:23px}.architecture-diagram figcaption h3{font-size:20px}.plane-label>span{font-size:29px}.plane-tags>span{font-size:11px}.source-context,.source-context span{font-size:12px}}
@media(max-width:420px){.architecture-diagram{--deck-width:270px;--deck-height:215px}.stack-scene{height:345px}.stack-plane,.stack-scene:hover .stack-plane{padding:21px}.plane-heading{margin-bottom:19px}.plane-label>span{font-size:26px}.plane-label>i{font-size:12px}.plane-tags{left:21px;right:21px;bottom:22px}.plane-tags>span{font-size:10px;padding:4px 5px}.plane-number{font-size:10px;letter-spacing:1.3px}.stack-selector button{font-size:12px;padding:14px 2px}.stack-selector button>span{display:none}.stack-hint{font-size:11px;max-width:126px}.architecture-diagram figcaption{min-height:250px}}
@media(max-width:350px){.architecture-diagram{--deck-width:234px;--deck-height:210px}.plane-label>span{font-size:24px}.plane-label>i{font-size:11px}.plane-tags>span{font-size:9px}.stack-scene{height:330px}.architecture-diagram figcaption{min-height:285px}}
@media(prefers-reduced-motion:reduce){.stack-plane,.stack-model{transition:none!important}.stack-plane{will-change:auto}}

/* Full-width architecture showcase. */
.architecture{padding-block:88px 70px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#79502116,transparent 58%),#101010}
.architecture-intro{text-align:center;margin-inline:auto;max-width:960px}
.architecture-intro h2{font-size:clamp(40px,4.2vw,60px);line-height:1.12;letter-spacing:-2.5px;font-weight:500}
.architecture-intro .section-kicker{margin-bottom:20px}
.architecture-intro>p{font-size:17px;line-height:1.8;color:#9e9e9e;margin-top:21px}
.architecture-grid{display:block;padding-top:8px}
.architecture-diagram{max-width:none;width:100%;--deck-width:410px;--deck-height:260px;margin:0}
.stack-scene{height:405px;perspective:1250px}
.stack-model{top:48%}
.stack-plane,.stack-scene:hover .stack-plane{padding:28px 32px;border-radius:20px}
.stack-plane[data-position=front]{--deck-x:0px;--deck-y:23px;--deck-z:110px;--deck-rx:7deg;--deck-ry:-7deg;--deck-rz:-3deg}
.stack-plane[data-position=middle]{--deck-x:-265px;--deck-y:-25px;--deck-z:-185px;--deck-rx:14deg;--deck-ry:22deg;--deck-rz:-11deg;filter:brightness(.67)}
.stack-plane[data-position=back]{--deck-x:265px;--deck-y:-25px;--deck-z:-185px;--deck-rx:14deg;--deck-ry:-22deg;--deck-rz:11deg;filter:brightness(.67)}
.plane-heading{margin-bottom:26px}.plane-number{font-size:12px}.plane-node{width:34px;height:34px;font-size:25px}.plane-label>span{font-size:36px}.plane-label>i{font-size:15px;margin-top:12px}.plane-tags{left:32px;right:32px;bottom:27px;gap:10px}.plane-tags>span{font-size:12px;padding:5px 10px}
.stack-ground{left:25%;right:25%;bottom:27px;background:#b7780a16;filter:blur(32px)}
.stack-selector{width:min(630px,100%);margin-top:4px;grid-template-columns:repeat(3,1fr)}
.stack-selector button{font-size:16px;padding-block:17px}.stack-selector button>span{display:inline;font-size:11px;margin-right:10px}
.architecture-diagram figcaption{max-width:690px;text-align:center;margin:30px auto 0;min-height:183px;font-size:16px;line-height:1.75}
.architecture-diagram figcaption h3{font-size:25px;margin-bottom:12px}.architecture-diagram figcaption p{max-width:none}.stack-takeaway{font-size:13px;margin-top:18px}
@media(max-width:1100px){.architecture-diagram{--deck-width:355px;--deck-height:240px}.stack-plane[data-position=middle]{--deck-x:-218px}.stack-plane[data-position=back]{--deck-x:218px}.plane-label>span{font-size:32px}.plane-tags>span{font-size:11px}.stack-scene{height:380px}}
@media(max-width:800px){.architecture{padding-block:65px 51px}.architecture-intro h2{max-width:550px;margin-inline:auto;font-size:44px;letter-spacing:-1.9px}.architecture-intro>p{font-size:16px}.architecture-diagram{--deck-width:330px;--deck-height:230px}.stack-plane[data-position=middle]{--deck-x:-162px;--deck-y:-35px;--deck-z:-250px}.stack-plane[data-position=back]{--deck-x:162px;--deck-y:-35px;--deck-z:-250px}.stack-plane,.stack-scene:hover .stack-plane{padding:25px}.plane-heading{margin-bottom:20px}.plane-label>span{font-size:30px}.plane-label>i{font-size:13px}.plane-tags{left:25px;right:25px;bottom:25px;gap:7px}.plane-tags>span{font-size:10px;padding:4px 7px}.stack-scene{height:350px}.stack-selector button{font-size:14px}.stack-selector button>span{font-size:10px;margin-right:6px}.architecture-diagram figcaption{min-height:215px;font-size:15px;max-width:580px}.architecture-diagram figcaption h3{font-size:22px}}
@media(max-width:560px){.architecture-intro h2{font-size:40px;max-width:360px}.architecture-intro>p{font-size:15px;max-width:340px;margin-inline:auto}.architecture-intro>p br{display:none}.architecture-grid{padding-top:20px}.architecture-diagram{--deck-width:275px;--deck-height:215px}.stack-scene{height:335px}.stack-plane,.stack-scene:hover .stack-plane{padding:22px}.stack-plane[data-position=front]{--deck-z:65px;--deck-y:32px;--deck-ry:-8deg;--deck-rz:-4deg}.stack-plane[data-position=middle]{--deck-x:-58px;--deck-y:-46px;--deck-z:-165px;--deck-rx:30deg;--deck-ry:12deg;--deck-rz:-15deg}.stack-plane[data-position=back]{--deck-x:58px;--deck-y:-61px;--deck-z:-190px;--deck-rx:30deg;--deck-ry:-12deg;--deck-rz:15deg}.plane-label>span{font-size:27px}.plane-label>i{font-size:12px}.plane-heading{margin-bottom:18px}.plane-number{font-size:10px;letter-spacing:1.3px}.plane-node{width:28px;height:28px;font-size:22px}.plane-tags{left:22px;right:22px;bottom:22px;gap:5px}.plane-tags>span{font-size:10px;padding:4px 5px}.stack-selector{grid-template-columns:.85fr 1fr 1.15fr}.stack-selector button{font-size:13px;padding-inline:2px}.stack-selector button>span{display:none}.architecture-diagram figcaption{min-height:270px;max-width:380px}.architecture-diagram figcaption h3{font-size:22px;max-width:330px;margin-inline:auto}.stack-takeaway{font-size:12px}}
@media(max-width:350px){.architecture-intro h2{font-size:36px}.architecture-diagram{--deck-width:235px;--deck-height:205px}.stack-scene{height:310px}.stack-plane[data-position=middle]{--deck-x:-42px}.stack-plane[data-position=back]{--deck-x:42px}.plane-label>span{font-size:24px}.plane-label>i{font-size:11px}.plane-tags>span{font-size:9px;padding-inline:4px}.architecture-diagram figcaption{min-height:290px}.stack-selector button{font-size:12px}}

.stack-plane{font-family:var(--font);text-align:left;cursor:pointer}.stack-plane:focus-visible{outline:2px solid var(--amber);outline-offset:7px}

.plane-label{display:block}
/* Framework discovery */
.framework-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;margin-top:44px}
.framework-entry{grid-column:span 2}.framework-entry:nth-last-child(-n+2){grid-column:span 3}
.framework-entry{display:flex;flex-direction:column;min-width:0;padding:28px 28px 23px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(140deg,#20251d90,#141712);transition:border-color .25s,background .25s;position:relative}
.framework-entry:hover{border-color:#ab8450;background:linear-gradient(140deg,#30291e90,#191c16)}
.framework-entry-language{font-size:13px;color:var(--amber);margin-bottom:19px}
.framework-entry h3{font-size:27px;font-weight:500;letter-spacing:-.8px;line-height:1.2}
.framework-entry-base{font-size:12px;color:#b6bbab;margin-top:10px}
.framework-entry>p{color:var(--muted);font-size:14px;line-height:1.8;margin-top:22px;flex:1}
.framework-entry-link{display:flex;align-items:center;justify-content:space-between;font-size:13px;gap:12px;padding-top:23px;margin-top:25px;border-top:1px solid #ffffff10;color:#e3e7d9}
.framework-entry-link>span{font-size:20px;transition:transform .2s;color:var(--amber)}
.framework-entry:hover .framework-entry-link>span{transform:translate(2px,-2px)}
.hero+.frameworks{border-top:1px solid var(--line)}
@media(min-width:801px){.site-header nav{gap:24px}.nav-github{margin-left:0}}
@media(max-width:1050px){.framework-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.framework-entry,.framework-entry:nth-last-child(-n+2){grid-column:span 1}.framework-entry:last-child{grid-column:1/-1}.site-header nav{gap:17px}}
@media(max-width:600px){.framework-cards{grid-template-columns:1fr;gap:14px;margin-top:30px}.framework-entry{padding:24px}.framework-entry>p{margin-top:16px}.framework-entry-language{margin-bottom:12px}.framework-entry-link{padding-top:15px;margin-top:18px}}
@media(prefers-reduced-motion:reduce){.framework-entry,.framework-entry-link>span{transition:none}}
/* Books use the original published artwork. */
.books{padding-block:95px 100px;border-top:1px solid var(--line)}
.bookshelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:45px}
.book-entry{display:flex;flex-direction:column;min-width:0}
.book-display{height:296px;display:flex;align-items:center;justify-content:center;perspective:1100px;background:radial-gradient(ellipse at 50% 95%,#b28c461b,transparent 68%);border-bottom:1px solid #a68b5b35;margin-bottom:24px}
.book-object{position:relative;transform-style:preserve-3d;transform:rotateY(-14deg) rotateZ(-2deg);transition:transform .5s cubic-bezier(.22,.7,.2,1);height:250px;max-width:90%;box-shadow:14px 17px 22px #0005;border-radius:2px}
.book-object:before{content:'';position:absolute;inset:0 auto 0 -7px;width:9px;background:linear-gradient(90deg,#5b5441,#1f211a);transform:rotateY(-25deg);transform-origin:right}
.book-object:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#ffffff16,transparent 6%,transparent 96%,#0005);border-radius:2px}
.book-object img{display:block;height:100%;width:auto;max-width:100%;object-fit:contain;border-radius:2px}
.book-entry:hover .book-object,.book-entry:focus-visible .book-object{transform:rotateY(-5deg) rotateZ(0deg) translateY(-7px)}
.book-language{color:var(--amber);font-size:12px;margin-bottom:10px}
.book-entry h3{font-size:22px;line-height:1.3;font-weight:500;letter-spacing:-.45px;min-height:58px}
.book-entry>p{font-size:13px;color:var(--muted);line-height:1.7;margin-top:12px;flex:1}
.book-entry-link{font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:25px;padding-top:14px;color:#d6d9ce}
.book-entry-link>span{font-size:18px;color:var(--amber)}
.books-note{color:#90998c;font-size:12px;margin-top:35px;max-width:780px;line-height:1.8}
@media(max-width:1000px){.bookshelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}.book-entry h3{min-height:0}.book-display{height:280px}}
@media(max-width:600px){.books{padding-block:65px}.bookshelf{gap:30px 20px;margin-top:30px}.book-display{height:210px;margin-bottom:19px}.book-object{height:180px}.book-entry h3{font-size:19px;min-height:74px}.book-entry>p{font-size:12px}.book-entry-link{font-size:11px;gap:6px}.books-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.book-object{transition:none}.book-entry:hover .book-object,.book-entry:focus-visible .book-object{transform:rotateY(-14deg) rotateZ(-2deg)}}

/* General application patterns stay readable as a six-part reference. */
.pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:30px}
.pattern-grid article:nth-child(n){padding:26px 28px 0;border-bottom:0;border-left:1px solid var(--line)}
.pattern-grid article:nth-child(3n+1){border-left:0;padding-left:0}
@media(max-width:900px){.pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-grid article:nth-child(n){padding:22px 20px 0;border-left:1px solid var(--line)}.pattern-grid article:nth-child(2n+1){padding-left:0;border-left:0}}
@media(max-width:580px){.pattern-grid{grid-template-columns:1fr;gap:0}.pattern-grid article:nth-child(n){padding:22px 0;border-left:0;border-bottom:1px solid var(--line)}}
@media(min-width:801px) and (max-width:900px){.nav-wrap{height:71px;padding-inline:17px}.menu-toggle{display:flex;flex-direction:column;gap:7px;justify-content:center;padding:10px;background:transparent;border:1px solid #444;border-radius:6px;width:40px;height:40px;color:var(--ink)}.menu-toggle span{width:18px;height:1px;background:currentColor}.site-header nav{display:none;position:absolute;left:32px;right:32px;top:81px;align-items:stretch;padding:20px;background:#141414f5;backdrop-filter:blur(18px);border:1px solid #444;border-radius:13px;box-shadow:0 15px 25px #0005}.site-header nav.open{display:flex;flex-direction:column;gap:0}.site-header nav>a{padding:14px 10px}.site-header nav .nav-start{margin-top:10px}}

/* A short bridge from the ecosystem into its origins. */
.origin-bridge{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;padding-top:90px;padding-bottom:90px;border-top:1px solid var(--line, #292724)}
.origin-bridge h2{font-size:clamp(32px,3.5vw,52px);line-height:1.13;letter-spacing:-.045em;margin:20px 0 0}
.origin-bridge p{font-size:18px;line-height:1.75;color:var(--muted,#b0aaa2);max-width:520px;margin:0 0 24px}
@media(max-width:700px){.origin-bridge{grid-template-columns:1fr;gap:28px;padding-top:64px;padding-bottom:64px}.origin-bridge p{font-size:16px}}