@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Instrument+Serif:ital@0;1&display=swap');
:root { --ink:#10201a; --paper:#f5f3ea; --lime:#b8e535; --line:rgba(16,32,26,.16); --night:#101916; --accent:#d4ff55; }
*{box-sizing:border-box} html{scroll-behavior:smooth;background:var(--paper)} body{margin:0;color:var(--ink);background:var(--paper);font:500 16px/1.45 'DM Sans',Arial,sans-serif;letter-spacing:-.015em;overflow-x:hidden}.matrix-gpu{position:fixed;z-index:0;inset:0;width:100vw;height:100vh;pointer-events:none;opacity:.25;mix-blend-mode:multiply}.grain{pointer-events:none;position:fixed;inset:0;z-index:4;opacity:.08;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)' opacity='.4'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}.topbar,main,.footer{position:relative;z-index:1}.wrap{width:min(1190px,calc(100% - 56px));margin-inline:auto}
.topbar{position:relative;z-index:5;height:88px;width:min(1320px,calc(100% - 56px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-weight:700;font-size:18px;letter-spacing:-.09em;white-space:nowrap}.wordmark span{color:#73a116}.topbar nav{display:flex;gap:28px;color:#53635b;font-size:13px}.topbar nav a:hover,.small-link:hover,.text-link:hover,.footer>a:last-child:hover{color:#769d1e}.small-link,.text-link{font:500 12px 'DM Mono',monospace;letter-spacing:-.04em}.small-link span,.text-link span{color:#7cab18;font-size:16px}
.hero{padding:76px 0 42px}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 18px;color:#657068;font:500 11px/1.2 'DM Mono',monospace;letter-spacing:.015em;text-transform:uppercase}.eyebrow i{width:8px;height:8px;border-radius:100%;background:#8bbb24;box-shadow:0 0 0 4px rgba(139,187,36,.14)}.hero-grid{display:grid;grid-template-columns:1fr 430px;gap:90px;align-items:end}.kicker{margin:0 0 13px;color:#62726a;font-size:18px}.hero h1,.section-intro h2,.address-copy h2,.formation h2,.closing h2{margin:0;font-size:clamp(57px,7.2vw,102px);font-weight:500;letter-spacing:-.075em;line-height:.9;max-width:720px}.hero h1 em,.section-intro h2 em,.address-copy h2 em,.formation h2 em,.closing h2 em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.055em}.lede{margin:27px 0 0;color:#526158;font-size:18px;line-height:1.52;max-width:595px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:45px;gap:24px;padding:0 16px;border:1px solid var(--ink);font-size:13px;transition:.18s ease}.button.primary{background:var(--ink);color:var(--paper)}.button.primary:hover{background:#527d28;border-color:#527d28;transform:translateY(-2px)}.button.quiet:hover{background:#e4e7d9}.button span{font-size:18px;color:var(--accent)}.button.quiet span{color:#668d20}
.address-card{position:relative;overflow:hidden;background:var(--night);padding:21px;color:#e8eee0;box-shadow:16px 18px 0 #dce1d2}.address-card:before{content:'';position:absolute;right:-62px;top:-72px;width:220px;height:220px;border:1px solid rgba(184,229,53,.18);border-radius:50%;box-shadow:0 0 0 43px rgba(184,229,53,.04),0 0 0 86px rgba(184,229,53,.025)}.card-header{position:relative;z-index:1;display:flex;justify-content:space-between;font:500 9px 'DM Mono',monospace;letter-spacing:.035em;color:#a3afa9}.card-header b{color:var(--lime);font-weight:500}.subject{position:relative;z-index:1;display:flex;gap:12px;align-items:center;padding:32px 0 25px}.orb{width:37px;height:37px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#e6ff90 0 3%,#78a931 18%,#335e37 52%,#15271d 74%);box-shadow:0 0 0 7px rgba(184,229,53,.08)}.subject small{display:block;margin-bottom:2px;color:#9ba7a1;font:500 9px 'DM Mono',monospace;letter-spacing:.08em}.subject strong{font-size:20px;letter-spacing:-.05em}.coordinate{position:relative;z-index:1;display:grid;grid-template-columns:43px 1fr 15px;gap:8px;align-items:center;padding:10px 0;border-top:1px solid rgba(231,238,224,.12);color:#9fad9f;font-size:10px}.coordinate.active{color:#edffe0}.coordinate span{color:#7c8982;font:500 8px 'DM Mono',monospace}.coordinate code{font:500 10px 'DM Mono',monospace;letter-spacing:-.06em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coordinate b{color:var(--lime);font-size:13px;font-weight:400}.address-card p{position:relative;z-index:1;margin:20px 0 0;padding-top:15px;border-top:1px solid rgba(231,238,224,.12);color:#90a096;font-size:11px;line-height:1.45}.ticker{display:flex;justify-content:space-between;gap:16px;margin-top:70px;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;color:#53645a;white-space:nowrap;font:500 10px 'DM Mono',monospace;text-transform:uppercase}.ticker span:before{content:'✦';margin-right:16px;color:#87b921}.ticker span:first-child:before{display:none}
.worlds{padding:109px 0 126px}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:40px}.section-intro h2{font-size:clamp(45px,5.4vw,77px)}.world-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);margin-top:58px}.world{position:relative;min-height:300px;padding:22px 19px;border-right:1px solid var(--ink);transition:.22s ease}.world:first-child{border-left:1px solid var(--ink)}.world:hover{transform:translateY(-7px);box-shadow:0 12px 0 var(--ink)}.world-index{color:#526159;font:500 10px 'DM Mono',monospace}.world h3{margin:86px 0 9px;font-size:35px;letter-spacing:-.07em}.world p{max-width:195px;color:#526159;font-size:13px;line-height:1.4}.world-go{position:absolute;bottom:20px;display:flex;justify-content:space-between;width:calc(100% - 38px);font-size:12px}.world-go b{font-size:17px;font-weight:400}.world.life{background:#d4e5d2}.world.live{background:#eccf9c}.world.shop{background:#c9d7f0}.world.work{background:#d8d3db}.world.life:hover{background:#bcdfb6}.world.live:hover{background:#efd89f}.world.shop:hover{background:#b5cdf5}.world.work:hover{background:#c9c1cf}
.address-section{background:var(--night);color:#eaf0e5;padding:120px 0}.address-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.address-copy h2{font-size:clamp(43px,5.5vw,75px)}.address-copy .eyebrow{color:#a5b1a9}.address-copy .eyebrow i{background:var(--lime)}.address-copy>p:not(.eyebrow){max-width:490px;margin:26px 0 24px;color:#a9b6ad;font-size:16px;line-height:1.55}.text-link{color:var(--lime)}.address-diagram{position:relative;height:472px}.ring{position:absolute;border:1px solid rgba(231,238,224,.18);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-one{width:151px;height:151px}.ring-two{width:282px;height:282px}.ring-three{width:425px;height:425px}.core-node{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;top:50%;left:50%;width:117px;height:117px;transform:translate(-50%,-50%);border-radius:50%;color:#102017;background:var(--lime);text-align:center}.core-node span,.core-node small{font:500 8px 'DM Mono',monospace}.core-node strong{margin:2px 0;font-size:20px;letter-spacing:-.06em}.node{position:absolute;padding:6px 8px;color:#c7d6cc;border:1px solid rgba(231,238,224,.27);background:#17231e;font:500 9px 'DM Mono',monospace;letter-spacing:.015em}.node.web{top:9%;left:43%}.node.api{top:22%;right:2%}.node.mcp{bottom:24%;right:0}.node.fs{bottom:6%;left:43%}.node.qr{bottom:27%;left:1%}.node.habitat{top:45%;left:0}.node.foreign{top:28%;left:12%}
.formation{padding:124px 0}.formation-head{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:end}.formation h2{font-size:clamp(45px,5.5vw,75px)}.formation-head>p:not(.eyebrow){margin:0 0 4px;color:#526159;font-size:16px;line-height:1.55}.formation-path{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:65px 0 0;padding:0;list-style:none;border-top:1px solid var(--ink)}.formation-path li{position:relative;min-height:203px;padding:20px 17px 0;border-right:1px solid var(--ink)}.formation-path li:first-child{border-left:1px solid var(--ink)}.formation-path li:not(:last-child):after{content:'→';position:absolute;right:-8px;top:-11px;z-index:1;width:16px;background:var(--paper);text-align:center;color:#668e1e}.formation-path span{color:#6b796f;font:500 10px 'DM Mono',monospace}.formation-path strong{display:block;margin:42px 0 9px;font-size:20px;line-height:1;letter-spacing:-.05em}.formation-path p{color:#596860;font-size:12px;line-height:1.45}
.examples{padding:5px 0 126px}.example-grid{display:grid;grid-template-columns:1.18fr 1fr 1fr;gap:14px;margin-top:52px}.example{position:relative;min-height:370px;padding:23px;overflow:hidden;color:#edf3e9;background:#223e2f}.example:after{content:'';position:absolute;width:250px;height:250px;bottom:-130px;right:-85px;border-radius:50%;border:1px solid rgba(232,243,226,.24);box-shadow:0 0 0 35px rgba(232,243,226,.045),0 0 0 72px rgba(232,243,226,.03)}.example span{position:relative;z-index:1;color:#b7c5ba;font:500 9px 'DM Mono',monospace}.example h3{position:relative;z-index:1;margin:105px 0 10px;font-size:38px;line-height:.9;letter-spacing:-.07em}.example p{position:relative;z-index:1;max-width:310px;margin:0;color:#c5d0c9;font-size:13px;line-height:1.46}.example a{position:absolute;z-index:1;bottom:22px;color:var(--lime);font-size:12px}.example a b{margin-left:8px;font-size:16px;font-weight:400}.example.food{background:#a84f30}.example.shout{background:#343465}.example.food:after{border-color:rgba(255,220,157,.3)}.example.shout:after{border-color:rgba(203,206,255,.3)}
.closing{padding:108px 0 118px;color:#eaf0e4;background:#647c37}.closing h2{max-width:930px;font-size:clamp(48px,6.2vw,86px)}.closing .eyebrow{color:#e9f3dd}.closing .eyebrow i{background:#e0ff78}.closing>div>p:not(.eyebrow){max-width:490px;margin:24px 0 28px;color:#e1ebd9;font-size:17px}.closing .button{border-color:#e8f0e2}.closing .button.primary{color:#283c1c;background:#e8f0e2}.closing .button.primary span{color:#648e26}.footer{min-height:105px;display:flex;gap:30px;align-items:center;justify-content:space-between;color:#65736a;font-size:12px}.footer p{margin:0 auto 0 0}.footer>a:last-child{font:500 11px 'DM Mono',monospace}
body[data-territory='life']{--accent:#588c61}body[data-territory='live']{--accent:#cb5e35}body[data-territory='shop']{--accent:#5279ca}body[data-territory='work']{--accent:#71527e}body[data-territory='leaf']{--accent:#c5e96d}body[data-territory='leaf'] .hero{background:radial-gradient(ellipse at 73% 32%,rgba(165,198,72,.16),transparent 31%)}body[data-territory='leaf'] .wordmark span{color:#8caf2c}
@media(max-width:850px){.hero-grid,.address-layout,.formation-head{grid-template-columns:1fr;gap:40px}.hero{padding-top:55px}.address-card{max-width:520px}.world-grid,.formation-path{grid-template-columns:repeat(2,1fr)}.world:nth-child(3),.formation-path li:nth-child(3){border-left:1px solid var(--ink)}.world:nth-child(n+3),.formation-path li:nth-child(n+3){border-top:1px solid var(--ink)}.example-grid{grid-template-columns:1fr}.example{min-height:285px}.example h3{margin-top:65px}.address-section{padding:88px 0}.address-diagram{transform:scale(.88);transform-origin:left center;margin-bottom:-20px}.ticker{justify-content:start}.formation-head>p:not(.eyebrow){max-width:540px}.section-intro{display:block}}
@media(max-width:560px){.wrap,.topbar{width:min(100% - 34px,1190px)}.topbar{height:70px}.topbar nav{display:none}.hero h1{font-size:54px}.hero-grid{gap:31px}.lede{font-size:16px}.world-grid,.formation-path{grid-template-columns:1fr}.world,.formation-path li{border-left:1px solid var(--ink);border-top:1px solid var(--ink)}.world:first-child,.formation-path li:first-child{border-top:0}.world{min-height:190px}.world h3{margin-top:44px}.formation-path li{min-height:153px}.formation-path strong{margin-top:24px}.formation-path li:not(:last-child):after{right:auto;left:17px;top:auto;bottom:-11px;transform:rotate(90deg)}.address-diagram{transform:scale(.64);transform-origin:left center;width:155%;margin-bottom:-105px}.footer{flex-wrap:wrap;gap:13px;padding:25px 0}.footer p{order:3;flex-basis:100%}.small-link{font-size:10px}.actions{display:grid}.button{width:100%}.hero{padding-bottom:24px}.ticker{margin-top:43px}}