@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

:root{color-scheme:dark;--bg:#101411;--panel:#171d18;--text:#eeeede;--muted:#a2aa9e;--line:#31392f;--accent:#ef7848;--mono:'Space Mono',monospace;--body:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}.wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;left:20px;top:-100px;background:var(--accent);color:var(--bg);padding:12px;z-index:20}.skip-link:focus{top:12px}.header{height:116px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:22px;line-height:1.05;letter-spacing:-1px;font-weight:800}.brand-mark{border:1px solid var(--accent);height:43px;min-width:46px;display:flex;align-items:center;justify-content:center;color:var(--accent);font-family:var(--display);font-size:30px;transform:rotate(-5deg);position:relative}.brand-mark span{font:15px var(--mono);position:absolute;right:-5px;top:-12px;background:var(--bg);padding:0 2px}.brand-sub{display:block;font:8px var(--mono);letter-spacing:2.2px;color:var(--muted);margin-top:7px}.header nav{display:flex;align-items:center;gap:40px;font-size:13px}.nav-guide{color:#c5cbbf}.nav-join{border:1px solid #64705f;padding:11px 19px}.nav-join span{margin-left:20px;color:var(--accent)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-block:58px 60px;align-items:center}.eyebrow{font:10px var(--mono);letter-spacing:1.8px;line-height:1.7;color:var(--muted);margin:0 0 24px}.cross{color:var(--accent);font-size:19px;vertical-align:middle;margin-right:8px}.hero h1{font:800 clamp(64px,6.8vw,100px)/.92 var(--display);letter-spacing:-1px;margin:0 0 27px}.hero h1 span{color:var(--accent)}.intro{color:#b6bdaf;line-height:1.8;margin-bottom:26px}.hero-actions{display:flex;align-items:center;gap:26px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:13px 22px;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.primary{background:var(--accent);color:#171a12}.primary:hover{background:#ff956b;transform:translateY(-2px)}.button span{font-size:23px;line-height:1}.text-link{font-size:12px;color:#c5cbbf}.text-link span{margin-left:9px;color:var(--accent)}.connection-mini{margin-top:31px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tiny-label{font:8px var(--mono);letter-spacing:1.5px;color:var(--muted)}code{font-family:var(--mono)}.connection-mini code{font-size:11px}.connection-mini code span{color:var(--accent)}.icon-button{color:var(--muted);background:none;border:1px solid var(--line);width:32px;height:32px;line-height:1}.icon-button:hover{color:var(--accent);border-color:var(--accent)}.hero-art{position:relative;isolation:isolate;border:1px solid #3c4535;aspect-ratio:6/7;overflow:hidden;background:#242b20}.hero-art img{height:100%;width:100%;display:block;object-fit:cover}.hero-art:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.17;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.55' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.art-top,.art-bottom{position:absolute;left:23px;right:23px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1.6px;color:#d2d4bb}.art-top{top:22px}.art-top span:last-child{font-size:20px;line-height:1}.art-bottom{bottom:22px;border-top:1px solid #6a705847;padding-top:13px}.art-stamp{position:absolute;left:29px;bottom:88px;border:1px solid #e0dfbb70;padding:12px 16px;transform:rotate(-7deg);color:#e2debb}.art-stamp>span:first-child{font:700 28px/1 var(--display);letter-spacing:1px}.stamp-small{display:block;font:6px var(--mono);letter-spacing:1.3px;margin-top:8px}.ticker{border-block:1px solid var(--line);background:#171d17}.ticker>div{display:flex;justify-content:space-between;gap:20px;padding-block:18px;font:700 17px var(--display);letter-spacing:2px;color:#c4c9b7}.ticker-accent{color:var(--accent)}.guide{padding-block:79px 77px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.section-heading .eyebrow{margin-bottom:12px}.section-heading h2,.connection h2{font:600 42px/1.06 var(--display);margin:0}.section-heading>p{color:var(--muted);font-size:12px;margin:0 0 3px}.steps{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.steps li{border-top:1px solid var(--line);padding:20px 0 0}.step-number{color:var(--accent);font:11px var(--mono)}.steps h3{font-size:18px;letter-spacing:-.4px;margin:17px 0 9px;font-weight:500}.steps p{font-size:13px;color:var(--muted);max-width:320px;margin:0;overflow-wrap:anywhere}.steps strong{color:#d2d7c9;font-weight:500}.connection{padding-block:54px 67px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.1fr 1fr;gap:68px;align-items:center}.connection .eyebrow{margin-bottom:16px}.connection h2{font-size:48px}.connection h2 span{color:#a9b59e}.connection-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-block:19px 23px}.server-card{background:var(--panel);border:1px solid #3a4336;padding:23px 27px}.card-title{font:9px var(--mono);letter-spacing:1.2px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:17px}.card-title>span:first-child{font-size:21px;color:var(--accent);line-height:1}.protocol{margin-left:auto;color:var(--muted);font-size:8px}.server-card dl{margin:0}.server-card dl>div{padding-top:18px}dt{font:8px var(--mono);letter-spacing:1.5px;color:var(--muted);margin-bottom:4px}dd{margin:0;display:flex;align-items:center;justify-content:space-between;gap:12px}dd code{font-size:16px;overflow-wrap:anywhere}.small-copy{border:1px solid #4c5945;color:#c8d2bc;background:transparent;padding:6px 10px;font:9px var(--mono);min-height:32px}.small-copy:hover{border-color:var(--accent);color:var(--accent)}.server-note{border-top:1px solid var(--line);padding-top:15px;color:var(--muted);font-size:10px;margin:18px 0 0}.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-block:27px 32px}.footer-brand{font-size:14px;font-weight:800;letter-spacing:-.5px}.footer-brand span{color:var(--accent);margin-left:5px}.footer p{color:#b7c0ad;font-size:11px}.footer-note{color:var(--muted);font-size:9px;line-height:1.8;text-align:right}dialog{background:var(--panel);color:var(--text);border:1px solid #58614c;width:min(480px,calc(100% - 32px));padding:36px;max-height:calc(100dvh - 32px);overflow:auto}dialog::backdrop{background:#080c08d9;backdrop-filter:blur(7px)}body:has(dialog[open]){overflow:hidden}.dialog-close{position:absolute;right:15px;top:15px;font-size:24px}.dialog-close:focus{outline-offset:2px}dialog .eyebrow{font-size:8px;padding-right:18px;margin-top:10px;margin-bottom:16px}dialog h2{font:700 48px/.98 var(--display);margin:0 0 18px}dialog>p:not(.eyebrow){color:var(--muted);font-size:13px}.dialog-fields{border-block:1px solid var(--line);margin-block:24px}.dialog-fields>div{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding-block:14px}.dialog-fields>div+div{border-top:1px solid var(--line)}.dialog-fields span{font:8px var(--mono);letter-spacing:1.4px;color:var(--muted)}.dialog-fields code{font-size:14px;grid-column:1;overflow-wrap:anywhere}.dialog-fields button{grid-column:2;grid-row:1 / span 2}.launch{width:100%;gap:12px}.launch-note{font-size:10px!important;line-height:1.7}details{font-size:12px;color:var(--muted);margin-top:20px}summary{cursor:pointer;color:#c7cfbd;padding:9px 0}details p{margin:8px 0 12px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,18px);opacity:0;visibility:hidden;background:#e4e8d6;color:#172016;border:1px solid #aab89d;padding:13px 20px;font:11px var(--mono);z-index:30;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);text-align:center;pointer-events:none}.toast.visible{visibility:visible;transform:translate(-50%,0);opacity:1}
.dialog-status:empty{display:none}.dialog-status{color:var(--accent)!important;font:10px/1.7 var(--mono)!important;overflow-wrap:anywhere;margin:0 0 16px}
@media(min-width:1500px){.hero h1{font-size:108px}.hero{gap:70px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.header{height:96px}.hero{gap:24px;padding-block:40px}.hero h1{font-size:clamp(62px,7.9vw,90px)}.hero-actions{gap:15px;flex-wrap:wrap}.hero-art{aspect-ratio:3/4;align-self:stretch}.intro{font-size:13px}.connection-mini{gap:8px;margin-top:22px}.tiny-label{width:100%}.connection{gap:35px}.connection h2{font-size:42px}.server-card{padding:20px}dd code{font-size:14px}.art-stamp{left:20px;bottom:70px}.art-stamp>span:first-child{font-size:23px}.section-heading h2{font-size:36px}}
@media(max-width:680px){.wrap{width:calc(100% - 40px)}.header{height:83px}.brand{font-size:18px;gap:9px}.brand-mark{height:35px;min-width:37px;font-size:25px}.brand-sub{font-size:6px;letter-spacing:1.8px}.header nav{gap:12px}.nav-guide{display:none}.nav-join{padding:9px 11px;font-size:10px}.nav-join span{margin-left:9px}.hero{grid-template-columns:1fr;padding-block:35px;gap:32px}.hero .eyebrow{margin-bottom:22px;font-size:8px}.hero h1{font-size:clamp(70px,15vw,100px);letter-spacing:-.6px;margin-bottom:22px}.intro{font-size:14px}.hero-actions{gap:23px}.hero-art{aspect-ratio:6/5;max-height:420px}.hero-art img{object-position:center 53%}.connection-mini{margin-top:24px;gap:12px}.tiny-label{width:auto}.connection-mini code{font-size:10px}.art-top,.art-bottom{left:19px;right:19px;font-size:7px}.art-stamp{bottom:65px}.ticker>div{padding-block:15px;gap:14px;flex-wrap:wrap;justify-content:center;font-size:13px;letter-spacing:1.5px}.ticker>div>span:last-child{display:none}.guide{padding-block:45px}.section-heading{align-items:start;flex-direction:column;gap:15px}.section-heading h2{font-size:34px}.section-heading>p br{display:none}.steps{grid-template-columns:1fr;gap:23px;margin-top:27px}.steps li{display:grid;grid-template-columns:40px 1fr;column-gap:14px;padding-top:20px}.step-number{grid-column:1;grid-row:1 / span 2;padding-top:4px}.steps h3{grid-column:2;margin:0 0 8px}.steps p{grid-column:2;max-width:none}.connection{grid-template-columns:1fr;padding-block:37px 42px;gap:30px}.connection h2{font-size:42px}.server-card{padding:22px}.footer{flex-wrap:wrap;gap:5px 20px;padding-block:24px}.footer p{margin-left:auto}.footer-note{flex-basis:100%;text-align:left;margin-top:10px;font-size:8px}.footer-note br{display:none}.footer-note br:after{content:' '}dialog{padding:27px 23px}dialog .eyebrow{letter-spacing:1px}.dialog-fields code{font-size:13px}.button{min-height:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}