@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&display=swap');
.social-x{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #44443a;flex-shrink:0;color:#e8e6db}.social-x svg{width:15px;height:15px}header>.social-x{margin-left:auto}header>.social-x+.outline{margin-left:0}@media(max-width:700px){header>.social-x{width:30px;height:32px}footer>.social-x{order:3}}
:root{--bg:#080807;--panel:#0c0c0a;--line:#33332c;--ink:#e8e6db;--muted:#959387;--copper:#e8e6db;--green:#a5b685}
body{background:var(--bg);font-family:Arial,sans-serif}
header{height:64px;padding:0 3.5%;position:relative;background:#090908;border-color:#292923;justify-content:flex-start;gap:34px;backdrop-filter:none}
.brand{font:700 15px 'IBM Plex Mono',monospace;letter-spacing:4px}.brand img{width:23px;height:23px;filter:grayscale(1)}.version{display:none}nav{gap:24px;font-size:12px}header>.outline{margin-left:auto}.small{font-size:11px;padding:10px 16px}.textbutton{font-size:12px}
h1,h2,h3{font-family:'IBM Plex Mono',monospace;font-weight:700;letter-spacing:-1.4px}h1{font-size:clamp(52px,5.1vw,78px);line-height:.99;text-transform:uppercase;margin:28px 0 25px}h1 span{color:transparent;-webkit-text-stroke:1px var(--ink);font-weight:700}h2{font-size:32px;line-height:1.12;letter-spacing:-1.3px;margin-top:12px}h3{font-size:18px;letter-spacing:-.6px}
.hero{padding:49px 3.5% 45px;grid-template-columns:1.05fr 1fr;gap:3%;min-height:570px;align-items:start;position:relative;isolation:isolate;background:none}
.hero:before{content:'';position:absolute;inset:0;z-index:-1;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#080807 3px 7px),repeating-linear-gradient(90deg,#dedcc546 0 3px,transparent 3px 7px);mask-image:radial-gradient(ellipse at 23% 13%,#000b,transparent 67%);pointer-events:none}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,#ffffff03 2px 3px);opacity:.7}
.hero-copy{padding:22px 0 0}.eyebrow{font:9px 'IBM Plex Mono',monospace;letter-spacing:1.8px;color:#8f8b7c}.dot{background:#a6b28d;box-shadow:none}.hero-copy>p{font-size:14px;line-height:1.85;max-width:500px;color:#b8b5a8;margin-bottom:22px}.outline,.primary{font:600 12px Arial,sans-serif;border-radius:0;padding:16px 21px;gap:24px}.primary{background:var(--ink);border-color:var(--ink);color:#090908}.outline{border-color:#44443a}.hero-caption{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:25px;border:1px solid var(--line);font:9px 'IBM Plex Mono',monospace;letter-spacing:1px;color:#afab9c}.hero-caption span{padding:15px 10px;border-right:1px solid var(--line);line-height:1.7}.hero-caption span:last-child{border-right:0}
.hero>.log-panel{margin-top:0;background:#0c0c0abb}.panel-title{padding:16px;font:600 10px 'IBM Plex Mono',monospace;letter-spacing:1.5px}.panel-title>span:last-child{font-size:9px;font-weight:400;letter-spacing:0;color:#7d7a6d}.log-entry{padding:21px 17px;gap:16px;min-height:93px}.log-entry time{font:10px 'IBM Plex Mono',monospace}.pill{font:9px 'IBM Plex Mono',monospace;border:0;padding:0;color:#a6b28d}.log-entry p{font-size:12px;line-height:1.65;color:#b8b5a6;margin-top:8px}.log-footer{padding:16px;font:9px 'IBM Plex Mono',monospace;color:#807e71}.ticker{padding:18px 3.5%;font:10px 'IBM Plex Mono',monospace;border-color:#24241e;color:#8f8c7d}.ticker>span:first-child{color:#c5c2b3}.ticker i{color:#5d6051}
.section{padding:56px 3.5%}.section-head{margin-bottom:24px}.section-head>p{font-size:12px;line-height:1.7}.directory-toolbar{padding-bottom:14px}.filters{gap:0}.filters button{font:10px 'IBM Plex Mono',monospace;padding:9px 13px}.filters button.active{background:#191914;border-color:#444338}.search{padding:9px 13px;background:#0d0d0a}.search input{font:10px 'IBM Plex Mono',monospace}.data-note{font:8px 'IBM Plex Mono',monospace;margin:12px 0;color:#777464}.agent-grid{grid-template-columns:repeat(3,1fr);gap:9px}.agent-card{padding:0;background:#0d0d0b;border-color:#303029;display:flex;flex-direction:column;transform:none!important}.agent-card:hover{border-color:#7a7867}.card-top{height:155px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at center,#ffffff0b,transparent 70%),repeating-linear-gradient(0deg,transparent 0 3px,#ffffff03 3px 4px)}.avatar{width:100%;height:100%;border:0;border-radius:0;font:100px 'IBM Plex Mono',monospace;filter:saturate(.3);background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--tone) 18%,#080807),#090908 75%);text-shadow:0 0 35px color-mix(in srgb,var(--tone) 30%,transparent);position:relative}.avatar:after{content:'';position:absolute;inset:8px;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:17px 17px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}.status{position:absolute;right:10px;top:10px;font:8px 'IBM Plex Mono',monospace;background:#0a0b08dd;padding:5px 6px;z-index:1;color:#a6b28d}.agent-card h3{font-size:17px;margin:17px 16px 5px}.token{font:8px 'IBM Plex Mono',monospace;margin:0 16px}.agent-card p{font-size:11px;line-height:1.7;margin:12px 16px;min-height:38px}.card-tags{gap:12px;margin:0 16px}.card-bottom{margin:18px 0 0;padding:13px 16px;font:8px 'IBM Plex Mono',monospace}.card-bottom button{font-size:10px}.card-tags .pill{color:#91977f;font-size:8px}
.system{background:#0a0a08;border-block:0}.steps{border:0;gap:9px}.steps article{border:1px solid var(--line);padding:20px;background:#0e0e0a}.steps article:last-child{border:1px solid var(--line)}.step-number{font:9px 'IBM Plex Mono',monospace;color:#696b58}.step-art{height:85px;font:21px 'IBM Plex Mono',monospace;color:#aaa997}.steps h3{font-size:17px}.steps p{font-size:11px;line-height:1.75;max-width:none}.feature-strip{font:9px 'IBM Plex Mono',monospace;color:#8e927e;margin-top:20px}.feature-strip span:before{color:#a6b28d}
.activity{grid-template-columns:1fr 1fr;gap:3%;align-items:center;border-top:1px solid #24241e}.activity-intro>p{font-size:12px;max-width:420px;margin:20px 0}.copper{color:#dfddcf}.mindscene{background:#0a0a08;border-color:var(--line);box-shadow:none}.scene-top{font:9px 'IBM Plex Mono',monospace;padding:16px;color:#92917e}.orb{height:285px;background-image:repeating-linear-gradient(0deg,transparent 0 2px,#ffffff02 2px 3px)}.orb-ring{border-color:#aaaa8155;box-shadow:none;border-style:dotted}.orb-core{background:#0d0e08;border:1px dotted #aaa98f;color:#e1dfcb;border-radius:0;font:42px 'IBM Plex Mono',monospace;box-shadow:none;text-shadow:none}.orb-core span{font:7px 'IBM Plex Mono',monospace}.orb:before,.orb:after{border-color:#aaaa8130;border-style:dotted}.satellite{font:8px 'IBM Plex Mono',monospace;background:#0c0d08;border-color:#393c2b;box-shadow:none}.satellite b{color:#b9bda2}.scene-bottom{padding:17px 20px}.scene-bottom strong{font:600 17px 'IBM Plex Mono',monospace;letter-spacing:-.5px;margin-top:10px}.cross{font-size:33px;color:#a9ad91}.s1{top:14px}.s3{bottom:15px}.s4{top:145px}.s2{top:115px}
.economics{border-top:1px solid #24241e}.economics-grid{gap:9px;grid-template-columns:1fr 1fr}.economics-grid>div:first-child{border:1px solid var(--line);padding:25px;background:#0c0c09}.token-heading{gap:15px}.token-mark{border:1px solid #656450;background:#10110b;color:#d4d4bf;font:28px 'IBM Plex Mono',monospace;width:50px;height:50px;border-radius:0}.token-heading h3{font-size:20px}.muted{font:9px 'IBM Plex Mono',monospace}.economics-copy{font-size:12px;margin:20px 0}.contract{font:9px 'IBM Plex Mono',monospace;padding:14px 0}.fee-panel{background:#0d0d09}.allocation-bar span:nth-child(1),.swatch{background:#d9d7c9}.allocation-bar span:nth-child(2),.secondary{background:#999c7c}.allocation-bar span:nth-child(3),.tertiary{background:#4f5440}.fee-panel>label{font-size:12px}.fee-panel>label>span{color:#d9d7c9}.fine{color:#858572;font-size:10px}.allocation-row{font-size:11px}.allocation-row b,.allocation-row small{font-family:'IBM Plex Mono',monospace}
.closing{margin:30px 3.5% 70px;border:1px solid var(--line);padding:55px 30px;background:#0c0c09;text-align:left;display:grid;grid-template-columns:1fr auto;align-items:center;gap:15px}.closing>.eyebrow{grid-column:1/-1}.closing h2{font-size:48px;text-transform:uppercase;margin:10px 0}.closing .primary{align-self:center}.closing-watermark{display:none}footer{padding:36px 3.5%;align-items:start;background:#070706;border-color:#24241e}footer>.brand{font-size:13px}footer>span{font-size:11px}footer>div{font-size:11px;gap:25px}footer small{color:#676858;font:9px 'IBM Plex Mono',monospace}
dialog{background:#0c0d09;border-color:#555642}dialog h2{font-size:28px}dialog h3{font-size:16px}.form-field input,.form-field select,.form-field textarea{background:#080a06;border-color:#353929;border-radius:0}.receipt{font:11px 'IBM Plex Mono',monospace;line-height:2}.workspace-tabs{font:11px 'IBM Plex Mono',monospace}#toast{background:#e8e6db}
@media(min-width:1600px){header,footer,.hero,.section{padding-inline:calc((100vw - 1480px)/2)}}
@media(max-width:1000px){header{gap:20px}nav{gap:16px}.hero{gap:25px}h1{font-size:55px}.hero-caption{font-size:8px}.hero-caption span{padding:12px 8px}.section-head>p{max-width:250px}.card-top{height:145px}.closing h2{font-size:40px}}
@media(max-width:700px){header{height:62px;padding-inline:5%;gap:10px}header .brand{font-size:13px;letter-spacing:3px}.small{font-size:10px;padding:10px 12px}.hero{padding:35px 5%;grid-template-columns:1fr;gap:30px;min-height:0}.hero-copy{padding-top:5px}h1{font-size:clamp(42px,9.5vw,65px);line-height:1.06;margin:24px 0}.hero h1{font-size:clamp(42px,9.5vw,65px)}.hero-copy>p{font-size:13px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-caption{font-size:7px;margin-top:20px;grid-template-columns:repeat(3,1fr)}.hero-caption span{padding:10px 8px}.hero>.log-panel{width:100%}.log-entry{min-height:0;padding:17px 13px}.panel-title{font-size:9px;padding:14px}.panel-title>span:last-child{font-size:8px}.log-entry p{font-size:11px}.section{padding:38px 5%}.section-head{gap:14px;margin-bottom:22px}.section-head h2,h2,.activity h2{font-size:27px;letter-spacing:-1px}.section-head>p{max-width:none;font-size:11px}.ticker{padding:15px 5%;font-size:9px}.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.card-top{height:120px}.avatar{font-size:72px}.status{font-size:6px;padding:4px;top:7px;right:5px}.agent-card h3{font-size:15px;margin:13px 10px 5px}.token{margin:0 10px;font-size:7px}.agent-card p{font-size:10px;margin:10px;min-height:67px;line-height:1.65}.card-tags{margin:0 10px;flex-wrap:wrap;gap:5px}.card-tags .pill{font-size:7px}.card-bottom{padding:10px;gap:5px;flex-wrap:wrap;margin-top:12px}.card-bottom>span{font-size:6px}.card-bottom button{font-size:9px}.filters button{font-size:9px;padding:9px 11px}.steps{grid-template-columns:1fr;gap:8px}.steps article{padding:19px}.step-art{height:65px}.feature-strip{font-size:8px}.activity,.economics-grid{grid-template-columns:1fr;gap:25px}.mindscene{width:100%}.orb{height:280px}.economics-grid>div:first-child{padding:20px}.closing{margin:18px 5% 40px;padding:30px 22px;grid-template-columns:1fr}.closing h2{font-size:35px}.closing .primary{justify-self:start;margin-top:10px}.allocation-row{font-size:10px}.closing>.eyebrow{grid-column:auto}footer{padding:30px 5%;gap:22px}footer>span{width:auto}dialog h2{font-size:25px}}
