@font-face{font-family:Aeonik;src:url(/fonts/aeonik-regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Aeonik;src:url(/fonts/aeonik-medium.woff2) format("woff2");font-style:normal;font-weight:500 700;font-display:swap}@font-face{font-family:JetBrains;src:url(/fonts/jetbrains-mono-regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:JetBrains;src:url(/fonts/jetbrains-mono-medium.woff2) format("woff2");font-style:normal;font-weight:500 700;font-display:swap}:root{--ink: #ede8df;--bg: #0c0b0a;--font-sans: "Aeonik", system-ui, sans-serif;--font-mono: "JetBrains", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink)}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}a{color:var(--ink);text-decoration:none}a:hover{color:#fff}::selection{background:#ede8dfeb;color:var(--bg)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E")}@keyframes vRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes vFade{0%{opacity:0}to{opacity:1}}@keyframes vDraw{to{stroke-dashoffset:0}}@keyframes vPulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes vModalIn{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.page{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.top{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,4vw,56px);border-bottom:1px solid rgba(237,232,223,.08);animation:vFade .8s ease both;flex:none}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:block}.brand-name{font-size:19px;font-weight:500;letter-spacing:.01em}.top-right{display:flex;align-items:center;gap:16px}.badge{display:flex;align-items:center;gap:7px;border:1px solid rgba(237,232,223,.16);border-radius:999px;padding:5px 12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:#ede8dfb3}.badge-dot{width:6px;height:6px;border-radius:50%;background:#9ad5a5;animation:vPulse 2.6s ease-in-out infinite}.doclink{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:#ede8dfa6}.tree{flex:1;position:relative;min-height:0}.glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(720px 480px at 18% 50%,#f0eadc0f,#f0eadc00 70%)}#branches{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;width:100%;height:100%}#branches path{transition:stroke .25s,stroke-width .25s}.hero{position:absolute;left:clamp(24px,5vw,72px);top:50%;transform:translateY(-50%);z-index:2;animation:vRise 1s cubic-bezier(.2,.7,.2,1) both}.kicker{font-family:var(--font-mono);font-size:10px;letter-spacing:.34em;color:#ede8df6b;margin-bottom:14px}.mark{margin:0;display:inline-block;font-weight:500;font-size:clamp(58px,8.5vw,138px);line-height:.95;letter-spacing:-.03em}.node{position:absolute;z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column;gap:3px;padding:12px 17px 11px;width:172px;border:1px solid rgba(237,232,223,.14);border-radius:13px;background:#141311b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .25s,background .25s,box-shadow .25s,transform .25s;animation:vFade .9s ease both}.node:hover{border-color:#ede8df73;background:#1e1c19d9;box-shadow:0 12px 40px #00000080;transform:translate(-3px)}@media(min-width:721px){.node-perps{top:5%;right:clamp(20px,4vw,64px)}.node-beak{top:20%;right:clamp(44px,7vw,120px)}.node-fun{top:35%;right:clamp(60px,9vw,156px)}.node-bridge{top:50%;right:clamp(60px,9vw,156px)}.node-swap{top:65%;right:clamp(44px,7vw,120px)}.node-explore{top:80%;right:clamp(20px,4vw,64px)}}.node-port{position:absolute;top:50%;left:-4px;margin-top:-3.5px;width:7px;height:7px;border-radius:50%;background:var(--bg);border:1px solid rgba(237,232,223,.55)}.node-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.node-name{font-size:13.5px;font-weight:500;letter-spacing:.02em}.node-desc{font-family:var(--font-mono);font-size:10px;color:#ede8df80;letter-spacing:.04em}.foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(20px,4vw,56px);border-top:1px solid rgba(237,232,223,.08);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;color:#ede8df66;animation:vFade 1s ease .7s both;flex:none}.foot a{color:#ede8df66}.foot span{line-height:1.8}.tagline{font-family:var(--font-sans);font-style:italic;font-size:10.5px;letter-spacing:.04em;color:#ede8df8c}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:clamp(10px,3vw,40px);background:#0a09088c;backdrop-filter:blur(20px) saturate(1.15);-webkit-backdrop-filter:blur(20px) saturate(1.15);animation:vFade .25s ease both}.overlay[hidden]{display:none}.modal{width:min(1180px,96vw);height:min(820px,90vh);display:flex;flex-direction:column;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff17,#ffffff0a);box-shadow:0 40px 120px #0009,inset 0 1px #ffffff29;overflow:hidden;animation:vModalIn .36s cubic-bezier(.2,.8,.2,1) both}.modal-bar{display:flex;align-items:center;gap:12px;padding:11px 14px 11px 18px;border-bottom:1px solid rgba(255,255,255,.1);flex:none}.modal-dot{width:7px;height:7px;border-radius:50%;background:var(--ink);opacity:.85;animation:vPulse 2.6s ease-in-out infinite}.modal-name{font-size:17px;font-weight:500;line-height:1}.modal-desc{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:#ede8df73}.modal-url{flex:1;text-align:right;font-family:var(--font-mono);font-size:10.5px;color:#ede8df66;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.modal-ext,.modal-close{font-family:var(--font-mono);font-size:11px;color:#ede8df8c;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:5px 10px;line-height:1;background:none;cursor:pointer}.modal-ext:hover,.modal-close:hover{color:var(--ink);border-color:#ffffff59}.modal-body{flex:1;min-height:0;background:var(--bg);display:flex}.modal-body iframe{flex:1;width:100%;border:none;background:var(--bg)}@media(max-width:720px){body{overflow:auto}.page{height:auto;min-height:100dvh}.top{position:sticky;top:0;z-index:5;background:#0c0b0ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tree{display:flex;flex-direction:column;padding:34px 20px 44px}.glow{background:radial-gradient(420px 340px at 50% 0%,#f0eadc12,#f0eadc00 70%)}.hero{position:static;transform:none;margin-bottom:46px}.mark{font-size:clamp(56px,17vw,84px)}.node{position:static;width:100%;margin:9px 0 9px 26px;max-width:calc(100% - 26px)}.node:hover{transform:none}.foot{flex-direction:column;gap:8px;text-align:center;padding-bottom:22px}.overlay{padding:0}.modal{width:100vw;height:100dvh;border-radius:0;border:none}.modal-desc,.modal-url{display:none}.modal-bar{padding:10px 12px 10px 16px}.modal-name{flex:1}}