@font-face{font-family:Inter;src:url('/assets/fonts/inter.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Mono;src:url('/assets/fonts/mono.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--bg:#080b0e;--panel:#0c1116;--ink:#e9edf0;--muted:#85929c;--cyan:#77e3ff;--line:#232e36;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink);font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}img,svg{display:block}a,button{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}[hidden]{display:none!important}::selection{background:var(--cyan);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}.skip-link{position:fixed;top:10px;left:10px;z-index:10;padding:15px;background:var(--cyan);color:var(--bg);transform:translateY(-150%)}.skip-link:focus{transform:none}.shell{width:calc(100% - 112px);max-width:1280px;margin-inline:auto}
.header{height:96px;display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;font-size:27px;font-weight:600;letter-spacing:-1.3px;min-height:44px;gap:0}.wordmark img{height:44px;width:44px;object-fit:cover;margin-right:9px}.domain{color:#74828d;font-weight:450}.header nav{display:flex;gap:32px;margin-left:auto;margin-right:25px;font-size:12px;color:#aeb8bf}.header nav a{padding:16px 0;transition:color .2s}.header nav a:hover{color:var(--cyan)}.header-x{display:flex;gap:12px;align-items:center;padding:12px 15px;min-height:44px;border:1px solid #34434d;border-radius:5px;font-size:11px;transition:border-color .2s,background .2s}.header-x svg{fill:currentColor;width:17px;height:17px}.header-x .external{font-size:16px;color:var(--cyan);margin-left:8px}.header-x:hover{border-color:#77e3ff80;background:#111c22}
.hero{display:grid;grid-template-columns:1fr 1.06fr;align-items:center;gap:30px;min-height:656px;padding-top:51px;padding-bottom:55px}.hero-copy{padding-left:26px;min-width:0}.eyebrow{font:9px/1.7 Mono,monospace;letter-spacing:1px;color:#8fa5b2;display:flex;align-items:center;gap:9px}.signal-dot{height:5px;width:5px;flex-shrink:0;display:inline-block;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px #6cddff55}.hero h1{font-size:clamp(65px,6.2vw,88px);font-weight:530;line-height:1.03;letter-spacing:-4.8px;margin-top:27px}.hero h1>span{color:var(--cyan)}.hero-slogan{font-size:15px;line-height:1.7;letter-spacing:-.2px;margin-top:27px;color:#c1cbd2}.hero-description{font-size:13px;line-height:1.8;color:var(--muted);max-width:350px;margin-top:14px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:29px}.button{display:inline-flex;align-items:center;gap:28px;min-height:50px;padding:0 20px;background:#c7f2ff;color:#102029;border:1px solid #def9ff;border-radius:4px;font-size:11px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#edfcff;transform:translateY(-2px)}.button>span{font-size:20px}.stage{display:flex;align-items:center;gap:8px;font:9px Mono,monospace;color:#81909a}.stage i{height:5px;width:5px;border:1px solid #8ea1ad;border-radius:50%}
.hero-art{position:relative;height:532px;min-width:0;isolation:isolate;display:grid;place-items:center}.hero-symbol{position:relative;z-index:1;width:100%;max-width:545px;height:auto;aspect-ratio:1;object-fit:contain;mask-image:radial-gradient(ellipse 65% 65%,#000 55%,transparent 78%);animation:arrive .9s both}.art-heading,.art-foot{display:flex;align-items:center;justify-content:space-between;position:absolute;left:23px;right:23px;font:7px Mono,monospace;letter-spacing:.7px;color:#586e7b;z-index:3}.art-heading{top:9px;padding-top:17px;border-top:1px solid #26343e}.art-foot{bottom:8px;padding-top:17px;border-top:1px solid #26343e;font-size:6px;letter-spacing:.5px}.art-foot b{color:#6b99a9;font-weight:400;margin-inline:7px}.endpoint{position:absolute;top:51%;z-index:3;font:7px Mono,monospace;color:#94a9b5;letter-spacing:.5px;display:flex;flex-direction:column;gap:11px;align-items:center}.endpoint-a{left:-4px}.endpoint-b{right:-4px}.endpoint>span{height:8px;width:8px;border:1px solid #72cde6;background:#0e2430;box-shadow:0 0 12px #6cddff33}.art-rail{position:absolute;top:52%;height:1px;background:#2f7086;z-index:0;overflow:hidden}.rail-left{left:20px;width:42%}.rail-right{right:20px;width:42%}.art-rail i{display:block;height:1px;width:35px;background:#c6f6ff;box-shadow:0 0 10px 2px #3bbde8;animation:signal-pass 2.3s ease-out 1}.hero-art:hover .art-rail i{animation:signal-pass-hover 1.8s ease-out 1}.signal-strip{display:flex;align-items:center;gap:27px;font:8px Mono,monospace;letter-spacing:1.1px;color:#6f8897;padding:0 26px 30px;border-bottom:1px solid var(--line)}.signal-strip>div{flex:1;height:1px;background:linear-gradient(90deg,#233843,#4b96af88,#233843);position:relative}.signal-strip i{position:absolute;left:50%;top:-2px;width:5px;height:5px;border:1px solid #6faac0;background:var(--bg)}
.protocol{padding:78px 26px 72px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:65px;margin-bottom:34px}.section-heading h2,.direction h2{font-size:36px;line-height:1.2;letter-spacing:-1.5px;font-weight:500;margin-top:22px}.section-heading h2 span,.direction h2 span{color:#8b9ca7}.section-heading>p{font-size:12px;line-height:1.85;max-width:325px;color:var(--muted);padding-bottom:2px}.protocol-console{border:1px solid #2a3942;border-radius:8px;overflow:hidden;background:var(--panel)}.tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #2a3942}.tabs button{border:0;border-right:1px solid #2a3942;border-radius:0;background:#0b1014;color:#8b9ba6;display:flex;align-items:center;padding:20px 25px;gap:14px;text-align:left;font-size:13px;position:relative;min-height:66px}.tabs button:last-child{border-right:0}.tabs button>span{font:8px Mono,monospace;color:#597181}.tabs button>b{font-size:18px;margin-left:auto;font-weight:400;color:#4f6c7c}.tabs button[aria-selected=true]{color:#d1f5ff;background:#101e26}.tabs button[aria-selected=true]::after{content:'';position:absolute;bottom:-1px;height:2px;left:0;right:0;background:var(--cyan);box-shadow:0 0 14px #58d4ff55}.tabs button[aria-selected=true]>span,.tabs button[aria-selected=true]>b{color:var(--cyan)}.tabs button:hover{background:#101b23}.tabs button:focus-visible{outline-offset:-6px}.exchange-body{display:grid;grid-template-columns:1fr 1.1fr;min-height:343px}.exchange-copy{padding:40px 38px}.panel-label{font:8px Mono,monospace;letter-spacing:1px;color:#6fbdcf}.exchange-copy h3{font-size:32px;font-weight:500;letter-spacing:-1.2px;line-height:1.2;margin-top:15px}.exchange-copy p:not(.panel-label){font-size:12px;line-height:1.85;max-width:330px;color:var(--muted);margin-top:16px}.exchange-visual{background:#0a1014;border-left:1px solid #26333c;padding:25px 30px;display:flex;flex-direction:column;justify-content:space-between;gap:25px;min-width:0}.exchange-meta{display:flex;justify-content:space-between;align-items:center;font:7px Mono,monospace;letter-spacing:.7px;color:#5c788a}.exchange-meta>span:last-child{font-size:18px;color:#83a5b6}.route{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:8px 12px 1px}.agent-terminal{display:flex;align-items:center;flex-direction:column;gap:13px}.terminal-icon{font:16px Mono,monospace;color:#95d6e8;width:59px;height:49px;display:grid;place-items:center;border:1px solid #2c4f62;background:#0c202a;border-radius:3px}.agent-terminal strong{font-size:8px;color:#8ca3af;font-weight:400;white-space:nowrap}.route-line{height:1px;flex:1;background:#336d84;position:relative;margin-top:-22px}.route-line i{display:block;position:absolute;height:5px;width:5px;top:-2px;left:50%;background:#9beaff;box-shadow:0 0 12px #5ee2ff77}.route-line>span{position:absolute;top:-21px;left:0;right:0;text-align:center;font:7px Mono,monospace;color:#5d95ab;letter-spacing:2px}.packet{border-left:2px solid #467d95;padding:0 0 0 15px;margin-left:12px;min-height:76px}.packet-label{font:7px Mono,monospace;letter-spacing:.7px;color:#6ea9bf}.packet p{font-size:14px;line-height:1.5;letter-spacing:-.2px;color:#c8d6df;margin:9px 0 7px}.packet-note{font-size:9px;color:#718796}.exchange-bottom{font:6px/1.5 Mono,monospace;letter-spacing:.5px;color:#667f8d;display:flex;align-items:center;gap:7px}.exchange-bottom .signal-dot{height:4px;width:4px;background:#4a788e;box-shadow:none}
.direction{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;padding:47px 26px 65px;border-top:1px solid var(--line)}.direction h2{font-size:31px;max-width:490px}.direction-copy{padding-top:33px}.direction-copy>p{font-size:12px;line-height:1.85;color:#a1adb5;max-width:400px}.direction-copy>p+p{color:var(--muted);margin-top:13px}.development-note{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding-top:18px;margin-top:24px;color:#71929f;font:8px/1.7 Mono,monospace}.development-note .signal-dot{background:#688793;box-shadow:none}
.follow{text-align:center;padding:55px 25px 58px;border:1px solid #25404e;border-radius:8px;background:radial-gradient(ellipse at 50% 0,#112a3655,transparent 65%),#0b1116;position:relative;overflow:hidden}.follow-line{height:1px;position:absolute;top:0;left:15%;right:15%;background:linear-gradient(90deg,transparent,#75e0ff,transparent)}.follow-line i{display:block;width:30px;height:2px;background:#c4f3ff;box-shadow:0 0 20px 2px #28b8ed;position:absolute;left:50%;top:0;transform:translateX(-50%)}.follow .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.5px;color:#72b8cb}.follow h2{font-size:43px;font-weight:500;line-height:1.15;letter-spacing:-1.8px;margin-top:18px}.follow h2 span{color:#829da9}.follow>p:not(.eyebrow){font-size:11px;line-height:1.8;color:var(--muted);margin-top:16px}.follow-account{display:inline-flex;align-items:center;gap:23px;background:#c6effa;color:#10222b;padding:18px 25px;border:1px solid #dcf8ff;border-radius:5px;margin-top:26px;text-align:left;transition:transform .2s,background .2s}.follow-account svg{width:29px;height:29px;fill:currentColor}.follow-account>span:not(.sr-only){font-size:24px;font-weight:550;letter-spacing:-.7px}.follow-account small{display:block;font:7px Mono,monospace;letter-spacing:1px;color:#456775;margin-bottom:7px}.follow-account b{font-size:23px;font-weight:400;margin-left:14px}.follow-account:hover{background:#e7faff;transform:translateY(-3px)}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:105px}.footer .wordmark{font-size:21px;letter-spacing:-1px}.footer p,.footer>span{font-size:9px;color:#677e8b}.noscript-note{text-align:center;font-size:11px;line-height:1.7;color:#85929c;padding:20px}
@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes signal-pass{from{transform:translateX(-50px);opacity:0}30%{opacity:1}to{transform:translateX(280px);opacity:0}}@keyframes signal-pass-hover{from{transform:translateX(-50px);opacity:0}30%{opacity:1}to{transform:translateX(280px);opacity:0}}
@media(min-width:1600px){.hero{gap:55px;min-height:715px}.hero h1{font-size:95px}.hero-art{height:560px}.hero-symbol{max-width:565px}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.hero-copy{padding-left:10px}.hero{gap:22px;padding-top:42px;min-height:610px}.hero h1{font-size:69px;letter-spacing:-4px}.hero-art{height:450px}.art-heading,.art-foot{font-size:5px;left:12px;right:12px}.art-foot b{margin-inline:4px}.endpoint{font-size:6px}.hero-slogan{font-size:13px}.hero-description{font-size:12px}.hero-actions{gap:17px}.stage{font-size:7px}.button{gap:20px;padding:0 17px;font-size:10px}.header nav{margin-right:10px}.section-heading{gap:35px}.section-heading h2{font-size:31px}.section-heading>p{max-width:270px;font-size:11px}.protocol{padding:65px 10px 60px}.exchange-copy{padding:32px 28px}.exchange-copy h3{font-size:29px}.exchange-visual{padding:23px}.direction{padding:40px 10px 55px;gap:45px}.direction h2{font-size:28px}.follow h2{font-size:40px}}
@media(max-width:800px){.shell{width:calc(100% - 48px)}.header{height:84px;gap:20px}.header nav{font-size:11px;gap:24px;margin-right:8px}.header-x>span{display:none}.header-x{padding:12px}.wordmark{font-size:24px}.wordmark img{width:40px;height:40px;margin-right:6px}.hero{grid-template-columns:1fr;padding:43px 20px 20px;gap:20px;max-width:660px}.hero-copy{padding-left:0}.hero h1{font-size:76px;letter-spacing:-4.5px}.hero-slogan{font-size:15px}.hero-description{font-size:13px;max-width:390px}.hero-actions{gap:25px}.button{font-size:11px;padding-inline:21px}.stage{font-size:9px}.hero-art{height:470px}.hero-symbol{max-width:490px}.art-heading,.art-foot{font-size:6px;left:8px;right:8px}.endpoint{font-size:7px;top:50%}.signal-strip{max-width:660px;font-size:7px;padding-inline:20px;gap:20px}.protocol{max-width:660px;padding:50px 20px}.section-heading{flex-direction:column;align-items:flex-start;gap:18px}.section-heading>p{max-width:450px;font-size:12px}.section-heading h2{font-size:33px}.exchange-body{grid-template-columns:1fr}.exchange-copy{padding:30px;min-height:270px}.exchange-copy h3{font-size:32px}.exchange-copy p:not(.panel-label){max-width:440px}.exchange-visual{border-left:0;border-top:1px solid #26333c;padding:25px 30px;min-height:325px}.route{max-width:400px;width:100%;margin:auto}.packet{margin-left:0}.exchange-bottom{font-size:7px}.direction{max-width:660px;grid-template-columns:1fr;gap:22px;padding:36px 20px 50px}.direction h2{font-size:31px}.direction-copy{padding-top:0}.direction-copy>p{max-width:450px}.follow{max-width:660px}.footer{max-width:660px;flex-wrap:wrap;padding-block:26px;gap:10px;min-height:0}.footer p{order:3;flex-basis:100%;font-size:8px}}
@media(max-width:480px){.shell{width:calc(100% - 32px)}.header{height:77px;gap:12px}.header nav{gap:0;margin-right:0;font-size:10px}.header nav a:last-child{display:none}.wordmark{font-size:23px}.wordmark img{width:35px;height:35px}.header-x{padding:11px;min-height:42px}.header-x svg{width:18px;height:18px}.hero{padding:35px 12px 18px;gap:28px}.eyebrow{font-size:7px;letter-spacing:.7px}.hero h1{font-size:clamp(53px,16vw,68px);letter-spacing:-3.7px;margin-top:24px}.hero-slogan{font-size:12px;line-height:1.8;margin-top:22px}.hero-description{font-size:11px;max-width:300px}.hero-actions{margin-top:24px;gap:18px;flex-wrap:wrap}.button{font-size:10px;min-height:48px;padding-inline:17px;gap:22px}.stage{font-size:7px}.hero-art{height:326px}.hero-symbol{width:100%;max-width:350px}.art-heading,.art-foot{font-size:5px;left:2px;right:2px;letter-spacing:.4px}.art-heading{top:0;padding-top:13px}.art-foot{bottom:0;padding-top:13px}.art-foot>span:last-child{font-size:4px}.art-foot b{margin-inline:3px}.endpoint{font-size:5px;gap:8px;top:50%}.endpoint-a{left:-9px}.endpoint-b{right:-9px}.endpoint>span{height:6px;width:6px}.art-rail{top:51%;width:42%}.rail-left{left:5px}.rail-right{right:5px}.signal-strip{padding:0 12px 23px;gap:12px;font-size:5px;letter-spacing:.5px}.protocol{padding:42px 10px}.section-heading h2{font-size:28px;letter-spacing:-1.2px;margin-top:18px}.section-heading{margin-bottom:25px;gap:17px}.section-heading>p{font-size:11px}.tabs button{min-height:58px;font-size:10px;padding:15px 11px;gap:7px}.tabs button>span{font-size:6px}.tabs button>b{font-size:12px}.exchange-copy{padding:27px 23px;min-height:265px}.exchange-copy h3{font-size:29px}.panel-label{font-size:7px}.exchange-copy p:not(.panel-label){font-size:11px}.exchange-visual{padding:21px;min-height:305px;gap:23px}.exchange-meta{font-size:6px}.route{gap:10px;padding:0}.agent-terminal strong{font-size:7px}.terminal-icon{width:51px;height:44px;font-size:14px}.packet p{font-size:12px}.packet-note{font-size:8px}.exchange-bottom{font-size:5px;letter-spacing:.3px}.direction{padding:32px 10px 38px;gap:20px}.direction h2{font-size:27px;letter-spacing:-1.2px;margin-top:18px}.direction-copy>p{font-size:11px}.development-note{font-size:7px;gap:8px}.follow{padding:40px 22px 43px}.follow .eyebrow{font-size:6px;letter-spacing:1.3px}.follow h2{font-size:33px;letter-spacing:-1.5px}.follow>p:not(.eyebrow){font-size:10px;max-width:270px;margin-inline:auto}.follow-account{padding:17px 21px;gap:19px}.follow-account svg{width:26px;height:26px}.follow-account>span:not(.sr-only){font-size:22px}.follow-account b{font-size:21px;margin-left:8px}.follow-account small{font-size:6px}.footer{padding-block:23px}.footer .wordmark{font-size:19px}.footer>span{font-size:8px}}
@media(max-width:360px){.hero{padding-inline:8px}.hero h1{font-size:54px;letter-spacing:-3px}.hero-slogan{font-size:11px}.hero-art{height:290px}.endpoint-a{left:-6px}.endpoint-b{right:-6px}.art-foot{font-size:4px}.hero-actions{gap:15px}.button{font-size:9px;padding-inline:14px;gap:15px}.stage{font-size:6px}.tabs button{font-size:9px;padding-inline:9px;gap:6px}.tabs button>b{font-size:10px}.section-heading h2{font-size:25px}.exchange-copy{padding-inline:20px;min-height:270px}.exchange-copy h3{font-size:27px}.exchange-visual{padding-inline:17px}.direction h2{font-size:25px}.follow h2{font-size:29px}.follow-account{padding-inline:18px;gap:17px}.header{gap:10px}.header nav{font-size:9px}.wordmark{font-size:21px}.wordmark img{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}