:root {
    --ink: #071115;
    --ink-2: #0b181d;
    --panel: #102329;
    --panel-2: #142b31;
    --line: rgba(201, 242, 231, .13);
    --line-strong: rgba(201, 242, 231, .24);
    --paper: #eaf4ee;
    --muted: #8ca39e;
    --mint: #6de0c1;
    --mint-dark: #2c9c85;
    --violet: #bca8ff;
    --blue: #65b9ff;
    --amber: #e7b777;
    --danger: #ff7e78;
    --shadow: 0 28px 80px rgba(0, 0, 0, .38);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color-scheme: dark;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ink); color: var(--paper); }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }

.brand { display: inline-flex; align-items: center; gap: 12px; font-size: 13px; font-weight: 800; letter-spacing: .19em; }
.brand-mark { display: grid; grid-template-columns: repeat(3, 5px); align-items: end; gap: 3px; width: 22px; height: 22px; padding: 4px; border: 1px solid rgba(109, 224, 193, .45); transform: rotate(45deg); }
.brand-mark i { display: block; width: 4px; background: var(--mint); }
.brand-mark i:nth-child(1) { height: 5px; }
.brand-mark i:nth-child(2) { height: 11px; }
.brand-mark i:nth-child(3) { height: 8px; }
.live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 4px rgba(109, 224, 193, .1), 0 0 18px rgba(109, 224, 193, .65); animation: pulse 2.2s infinite; }

/* Landing */
.landing-body { min-height: 100vh; overflow-x: hidden; background: #071115; }
.landing-nav { height: 76px; padding: 0 clamp(24px, 5vw, 84px); display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); position: relative; z-index: 10; }
.nav-links { display: flex; gap: 30px; align-items: center; color: #9eb2ae; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.nav-links a:hover { color: white; }
.nav-cta { padding: 12px 18px; border: 1px solid var(--line-strong); color: white !important; }
.nav-cta span { color: var(--mint); margin-left: 8px; }
.hero { min-height: 780px; display: grid; grid-template-columns: .86fr 1.14fr; align-items: center; gap: clamp(36px, 6vw, 100px); padding: 80px clamp(24px, 5vw, 84px) 110px; position: relative; isolation: isolate; }
.hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 75% 45%, rgba(45, 156, 133, .14), transparent 34%), radial-gradient(circle at 12% 8%, rgba(101, 185, 255, .08), transparent 25%); z-index: -2; }
.hero-noise { position: absolute; inset: 0; opacity: .12; pointer-events: none; z-index: -1; 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='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E"); }
.eyebrow { display: flex; align-items: center; gap: 12px; color: #a9bdb8; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 28px; }
.hero h1 { margin: 0; max-width: 760px; font-family: Georgia, "Times New Roman", serif; font-weight: 400; line-height: .94; font-size: clamp(58px, 6.6vw, 108px); letter-spacing: -.055em; }
.hero h1 em { color: var(--mint); font-weight: 400; }
.hero-copy > p { color: #9db1ac; font-size: clamp(17px, 1.4vw, 21px); line-height: 1.7; max-width: 620px; margin: 30px 0 36px; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.button { min-height: 52px; padding: 0 22px; display: inline-flex; align-items: center; gap: 28px; border: 1px solid var(--line-strong); text-transform: uppercase; font-size: 11px; letter-spacing: .12em; font-weight: 850; transition: .2s ease; }
.button-primary { color: #071115; background: var(--mint); border-color: var(--mint); }
.button-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 34px rgba(109, 224, 193, .2); }
.button-ghost:hover { background: rgba(255, 255, 255, .04); }
.hero-proof { display: flex; flex-wrap: wrap; gap: 20px; color: #718b85; text-transform: uppercase; font-size: 9px; font-weight: 800; letter-spacing: .13em; margin-top: 32px; }
.hero-proof span::before { content: "✓"; color: var(--mint); margin-right: 7px; }
.world-preview { display: block; width: 100%; max-width: 860px; justify-self: end; background: #0a171b; border: 1px solid var(--line-strong); box-shadow: 0 45px 120px rgba(0, 0, 0, .56); transform: perspective(1200px) rotateY(-4deg) rotateX(2deg); transition: .4s ease; }
.world-preview:hover { transform: perspective(1200px) rotateY(-1deg) rotateX(0) translateY(-8px); border-color: rgba(109, 224, 193, .45); }
.preview-header, .preview-footer { height: 48px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; color: #718b85; font-size: 9px; font-weight: 900; letter-spacing: .16em; border-bottom: 1px solid var(--line); }
.preview-footer { border-top: 1px solid var(--line); border-bottom: 0; }
.preview-footer span:last-child { color: var(--mint); }
.preview-online { color: var(--mint); }
.preview-grid { aspect-ratio: 1.45 / 1; padding: 15px; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: .95fr 1.05fr; gap: 7px; background-image: linear-gradient(rgba(109,224,193,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(109,224,193,.035) 1px, transparent 1px); background-size: 22px 22px; }
.preview-room { position: relative; overflow: hidden; border: 2px solid rgba(234, 244, 238, .11); box-shadow: inset -8px -8px 0 rgba(0,0,0,.15); }
.preview-room::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(45deg, rgba(255,255,255,.018) 25%, transparent 25%, transparent 75%, rgba(255,255,255,.018) 75%); background-size: 20px 20px; }
.preview-room b { position: absolute; top: 10px; left: 12px; font-size: 8px; letter-spacing: .15em; color: rgba(255,255,255,.62); z-index: 2; }
.room-a { background: #18363d; }.room-b { background: #2f293c; }.room-c { background: #1b3a4b; }.room-d { background: #403328; }
.mini-desk { position: absolute; width: 36%; height: 17%; left: 32%; top: 48%; background: #8a694d; border: 3px solid #ad8968; box-shadow: 6px 6px 0 rgba(0,0,0,.25); z-index: 1; }
.mini-desk::after { content: ""; position: absolute; width: 24%; height: 60%; left: 37%; bottom: 70%; background: #17282d; border: 2px solid var(--mint); }
.mini-desk.d2 { left: 45%; top: 55%; }
.mini-person { position: absolute; width: 17px; height: 23px; border-radius: 9px 9px 4px 4px; background: var(--mint); left: 25%; top: 49%; z-index: 3; box-shadow: 3px 5px 0 rgba(0,0,0,.22); }
.mini-person::before { content: ""; position: absolute; width: 11px; height: 11px; border-radius: 50%; background: #d99a73; left: 3px; top: -8px; border-top: 4px solid #302b3b; }
.mini-person.p2 { background: var(--blue); left: 36%; top: 62%; }
.mini-table { position: absolute; width: 52%; height: 34%; left: 24%; top: 39%; border-radius: 50%; background: #7c624d; border: 4px solid #9c8067; box-shadow: 6px 7px 0 rgba(0,0,0,.25); }
.mini-node { position: absolute; width: 42%; height: 32%; left: 29%; top: 42%; border: 2px solid var(--amber); background: repeating-linear-gradient(0deg, #172126 0 10px, #6b533b 11px 13px); box-shadow: 0 0 28px rgba(231,183,119,.16); }
.system-section { padding: 130px clamp(24px, 7vw, 120px); background: #e8f0ea; color: #0a171b; }
.section-kicker { color: #497268; text-transform: uppercase; letter-spacing: .18em; font-size: 10px; font-weight: 900; margin-bottom: 30px; }
.system-heading { display: grid; grid-template-columns: 1.15fr .7fr; gap: 70px; align-items: end; }
.system-heading h2 { font: 400 clamp(44px, 5.3vw, 82px)/.98 Georgia, serif; letter-spacing: -.045em; margin: 0; }
.system-heading p { color: #526762; font-size: 17px; line-height: 1.75; margin: 0; }
.system-map { margin-top: 80px; display: grid; grid-template-columns: 1fr 180px 1fr; align-items: center; }
.system-card { min-height: 320px; padding: 34px; border: 1px solid rgba(10,23,27,.18); display: flex; flex-direction: column; position: relative; overflow: hidden; }
.system-card::after { content: ""; position: absolute; width: 180px; height: 180px; border: 1px solid currentColor; opacity: .07; border-radius: 50%; right: -45px; top: -45px; box-shadow: 0 0 0 34px currentColor, 0 0 0 70px currentColor; }
.system-card small { font-size: 9px; letter-spacing: .18em; font-weight: 900; opacity: .65; }
.system-card h3 { margin: auto 0 16px; font: 400 43px/1 Georgia, serif; }
.system-card p { max-width: 440px; line-height: 1.65; opacity: .72; }
.central-card { background: #0e262b; color: #dff8f0; }
.node-card { background: #d9e9de; }
.card-signal { margin-top: 22px; display: flex; align-items: center; gap: 5px; font-size: 8px; letter-spacing: .14em; font-weight: 900; }
.card-signal i { width: 4px; background: var(--mint); height: 8px; }.card-signal i:nth-child(2){height:13px}.card-signal i:nth-child(3){height:10px}.card-signal span{margin-left:8px}
.system-link { text-align: center; color: #5d706c; font-size: 8px; letter-spacing: .12em; text-transform: uppercase; font-weight: 900; }
.system-link i { display: block; height: 1px; background: #78928b; margin-top: 10px; position: relative; }
.system-link i::after { content: ""; position: absolute; right: 0; top: -3px; border-left: 5px solid #78928b; border-top: 3px solid transparent; border-bottom: 3px solid transparent; }
.manifesto { padding: 140px clamp(24px, 7vw, 120px); text-align: center; background: #0b181d; }
.manifesto > p { color: #668079; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; }
.manifesto h2 { margin: 30px auto 70px; max-width: 1100px; font: 400 clamp(45px, 6.2vw, 92px)/1.05 Georgia, serif; letter-spacing: -.045em; }
.manifesto h2 em { color: var(--mint); }
.manifesto-grid { display: grid; grid-template-columns: repeat(4, 1fr); max-width: 1080px; margin: auto; border: 1px solid var(--line); }
.manifesto-grid span { padding: 24px; border-right: 1px solid var(--line); color: #9eb3ae; font-size: 11px; text-transform: uppercase; letter-spacing: .1em; }
.manifesto-grid span:last-child { border: 0; }
.plans-section { padding: 120px clamp(24px, 7vw, 120px); background: #cfded4; color: #0a171b; }
.plan-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid rgba(10,23,27,.2); }
.plan-card { min-height: 500px; padding: 32px; display: flex; flex-direction: column; border-right: 1px solid rgba(10,23,27,.2); }
.plan-card:last-child { border: 0; }
.plan-card.featured { background: #0e262b; color: #dff8f0; transform: translateY(-18px); box-shadow: var(--shadow); }
.plan-code { font: 400 32px Georgia, serif; opacity: .35; }
.plan-card h3 { font: 400 46px Georgia, serif; margin: 70px 0 16px; }
.plan-card p { color: inherit; opacity: .66; line-height: 1.6; min-height: 76px; }
.plan-card ul { list-style: none; padding: 24px 0; margin: 0; border-top: 1px solid currentColor; opacity: .8; }
.plan-card li { padding: 7px 0; font-size: 12px; }.plan-card li::before{content:"+";color:var(--mint-dark);margin-right:10px;font-weight:900}
.plan-card a { margin-top: auto; text-transform: uppercase; letter-spacing: .12em; font-size: 10px; font-weight: 900; display:flex;justify-content:space-between;border-top:1px solid currentColor;padding-top:18px; }
footer { min-height: 180px; padding: 0 clamp(24px, 7vw, 120px); display: flex; align-items: center; justify-content: space-between; color: #718b85; font-size: 11px; }
footer > a:last-child { color: var(--mint); text-transform: uppercase; letter-spacing: .12em; font-weight: 900; }

/* App shell */
.app-body { height: 100vh; overflow: hidden; background: #071115; }
.app-shell { height: 100vh; display: grid; grid-template-columns: 62px minmax(560px, 1fr) 330px; grid-template-rows: 58px minmax(0, 1fr) 78px; }
.topbar { grid-column: 1 / -1; display: grid; grid-template-columns: 220px 1fr auto; align-items: center; gap: 24px; padding: 0 18px; border-bottom: 1px solid var(--line); background: rgba(7,17,21,.96); z-index: 30; }
.world-breadcrumb { color: #536e67; font-size: 9px; letter-spacing: .13em; font-weight: 800; }.world-breadcrumb strong{color:#b8cac5;margin:0 7px}
.topbar-actions { display: flex; align-items: center; gap: 8px; }
.node-chip, .plan-chip, .icon-button { border: 1px solid var(--line); background: rgba(255,255,255,.02); height: 34px; }
.node-chip { display: flex; align-items: center; gap: 9px; padding: 0 12px; cursor: pointer; }.node-chip strong{font-size:9px;letter-spacing:.1em}.node-chip small{font-size:8px;color:#607a74;text-transform:uppercase}.node-chip .live-dot{width:5px;height:5px}
.plan-chip { padding: 0 12px; color: #8ca39e; font-size: 8px; letter-spacing: .12em; font-weight: 900; }
.icon-button { width: 34px; display:grid;place-items:center;cursor:pointer}.icon-button svg{width:14px;fill:#7b918c}
.side-rail { grid-row: 2 / -1; padding: 14px 9px; display: flex; flex-direction: column; align-items: center; gap: 8px; border-right: 1px solid var(--line); background: #09161a; z-index: 20; }
.rail-item { position: relative; width: 42px; height: 42px; border: 1px solid transparent; background: transparent; cursor:pointer; display:grid;place-items:center; }
.rail-item:hover,.rail-item.active{background:rgba(109,224,193,.07);border-color:rgba(109,224,193,.16)}.rail-item.active::before{content:"";position:absolute;left:-10px;width:2px;height:22px;background:var(--mint);box-shadow:0 0 12px var(--mint)}
.rail-icon svg{width:17px;height:17px;fill:#6f8881}.rail-item.active svg{fill:var(--mint)}
.rail-item::after{content:attr(data-label);position:absolute;left:52px;padding:6px 8px;background:#102329;border:1px solid var(--line);font-size:8px;letter-spacing:.1em;opacity:0;pointer-events:none;transform:translateX(-4px);transition:.15s;z-index:100}.rail-item:hover::after{opacity:1;transform:none}.rail-item.has-alert::before{content:"";position:absolute;right:6px;top:7px;width:5px;height:5px;border-radius:50%;background:var(--danger)}
.rail-spacer{flex:1}
.world-column { min-width: 0; min-height: 0; display: grid; grid-template-rows: 70px minmax(0, 1fr) 64px; background:#0b181d; }
.world-toolbar { display: flex; align-items: center; gap: 24px; padding: 0 18px; border-bottom: 1px solid var(--line); }.section-label{display:block;color:#58736c;font-size:8px;letter-spacing:.16em;font-weight:900;margin-bottom:5px}.world-toolbar h1{font:400 22px Georgia,serif;margin:0;color:#dce9e4}
.world-stats { display:flex;gap:18px;margin-left:auto }.stat-item{display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:12px}.stat-item b{font:400 17px Georgia,serif}.stat-item span{color:#58736c;font-size:7px;letter-spacing:.11em;text-transform:uppercase;margin-top:2px}
.camera-controls{display:flex;border:1px solid var(--line)}.camera-controls button,.camera-controls span{height:29px;min-width:30px;border:0;border-right:1px solid var(--line);background:#0b181d;display:grid;place-items:center;color:#708a84;font-size:10px}.camera-controls button{cursor:pointer}.camera-controls button:hover{color:var(--mint);background:#10242a}.camera-controls span{min-width:45px}.camera-controls>*:last-child{border:0}.camera-controls svg{width:13px;fill:currentColor}
.world-viewport { position:relative;overflow:hidden;cursor:grab;background:radial-gradient(circle at 50% 42%,#143039 0,#0d2026 40%,#09171b 74%); }.world-viewport:active{cursor:grabbing}
.world-viewport::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,17,21,.5),transparent 12%,transparent 88%,rgba(7,17,21,.5)),linear-gradient(rgba(7,17,21,.28),transparent 15%,transparent 85%,rgba(7,17,21,.4));z-index:9;pointer-events:none}
.loading-world{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:15;background:#0a191e;transition:.5s}.loading-world.hidden{opacity:0;pointer-events:none}.loading-world strong{font-size:9px;letter-spacing:.16em}.loading-world small{color:#5f7973}.loader-core{width:34px;height:34px;border:1px solid var(--mint);transform:rotate(45deg);animation:loader 1.8s infinite}.loader-core::after{content:"";position:absolute;inset:7px;background:var(--mint);opacity:.5}
.world-canvas { position:absolute;width:1100px;height:680px;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);transform-origin:center;transition:transform .2s ease;filter:drop-shadow(0 35px 35px rgba(0,0,0,.35)); }
.floor-grid{position:absolute;inset:0;background-color:#112a31;background-image:linear-gradient(rgba(159,222,207,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(159,222,207,.035) 1px,transparent 1px);background-size:22px 22px;border:1px solid rgba(109,224,193,.14);box-shadow:inset 0 0 0 10px #0d2228,inset 0 0 0 11px rgba(109,224,193,.12),0 28px 0 #071216,0 34px 30px rgba(0,0,0,.46);clip-path:polygon(0 0,100% 0,100% 96%,98% 100%,2% 100%,0 96%)}
.room{position:absolute;border:5px solid #0a191e;background:var(--room-color);box-shadow:inset -14px -14px 0 rgba(0,0,0,.13),inset 0 0 0 1px rgba(255,255,255,.08);overflow:hidden}.room::before{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,rgba(255,255,255,.017) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.017) 75%),linear-gradient(45deg,rgba(255,255,255,.017) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.017) 75%);background-position:0 0,12px 12px;background-size:24px 24px}.room::after{content:"";position:absolute;inset:0;border-top:5px solid rgba(255,255,255,.09);border-left:5px solid rgba(255,255,255,.05);pointer-events:none}.room-label{position:absolute;left:12px;top:12px;z-index:1}.room-label strong{display:block;font-size:10px;letter-spacing:.16em}.room-label span{display:block;color:rgba(255,255,255,.42);font-size:7px;letter-spacing:.13em;margin-top:4px;text-transform:uppercase}.room-door{position:absolute;width:54px;height:8px;background:#876f55;bottom:-5px;left:50%;transform:translateX(-50%);z-index:2;box-shadow:0 -2px 0 #c5a577}
.world-label{position:absolute;right:24px;bottom:20px;text-align:right;color:rgba(255,255,255,.17)}.world-label span{display:block;font:400 42px Georgia,serif;line-height:1}.world-label small{font-size:7px;letter-spacing:.18em}
.world-object{position:absolute;transform:translate(-50%,-50%);z-index:4;cursor:pointer;transition:filter .2s,transform .2s}.world-object:hover{filter:brightness(1.2);transform:translate(-50%,-50%) translateY(-3px)}.object-label{position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);white-space:nowrap;padding:4px 6px;background:rgba(7,17,21,.88);border:1px solid var(--line);font-size:6px;letter-spacing:.09em;opacity:0;transition:.15s;pointer-events:none}.world-object:hover .object-label{opacity:1}
.obj-desk{width:98px;height:49px;background:#765840;border:4px solid #a57e5d;box-shadow:7px 9px 0 rgba(0,0,0,.25)}.obj-desk::before{content:"";position:absolute;width:34px;height:24px;background:#10242a;border:3px solid #55736c;left:29px;bottom:34px;box-shadow:0 0 10px rgba(109,224,193,.14)}.obj-desk::after{content:"";position:absolute;width:14px;height:8px;background:var(--mint);left:39px;bottom:43px;opacity:.55}
.obj-inbox{width:42px;height:32px;background:#785c43;border:3px solid #b58b63;box-shadow:4px 5px 0 rgba(0,0,0,.25)}.obj-inbox::before,.obj-inbox::after{content:"";position:absolute;width:28px;height:20px;background:#dfe8dd;left:4px;top:-9px;transform:rotate(-4deg)}.obj-inbox::after{transform:rotate(5deg);top:-5px;background:#f1e3c5}.world-object[data-state=attention]::after{content:"2";position:absolute;right:-8px;top:-12px;width:18px;height:18px;border-radius:50%;background:var(--danger);display:grid;place-items:center;font-size:8px;font-weight:900}
.obj-board_table{width:150px;height:76px;border-radius:50%;background:#68533f;border:6px solid #9a7c5f;box-shadow:8px 10px 0 rgba(0,0,0,.25)}.obj-board_table::before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.14);border-radius:50%}
.obj-computer{width:72px;height:48px;background:#263f47;border:5px solid #5d7c82;box-shadow:6px 7px 0 rgba(0,0,0,.3)}.obj-computer::before{content:"BUILD\A  68%";white-space:pre;position:absolute;inset:5px;background:#07171b;color:var(--blue);font:700 7px/1.6 monospace;padding:6px;box-shadow:inset 0 0 14px rgba(101,185,255,.16)}
.obj-whiteboard{width:115px;height:54px;background:#dce8df;border:5px solid #7d8f89;box-shadow:6px 7px 0 rgba(0,0,0,.25)}.obj-whiteboard::before{content:"NODES  →  WORLD";position:absolute;inset:10px;color:#39665b;font:800 7px monospace;border-bottom:2px solid var(--mint-dark)}
.obj-archive{width:82px;height:72px;background:repeating-linear-gradient(90deg,#5a4533 0 17px,#bd8f5f 18px 20px);border:5px solid #8d6b4e;box-shadow:7px 8px 0 rgba(0,0,0,.26)}.obj-archive::after{content:"";position:absolute;inset:13px 8px;background:repeating-linear-gradient(0deg,transparent 0 12px,rgba(234,244,238,.55) 13px 15px)}
.obj-node{width:72px;height:78px;background:#0c1b20;border:3px solid #b28a5d;box-shadow:0 0 24px rgba(231,183,119,.2),6px 8px 0 rgba(0,0,0,.3)}.obj-node::before{content:"";position:absolute;inset:9px;background:repeating-linear-gradient(0deg,#182a2f 0 12px,#7d633f 13px 15px)}.obj-node::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--mint);right:12px;bottom:13px;box-shadow:0 -15px 0 var(--mint),0 -30px 0 var(--amber)}
.agent-token{position:absolute;width:48px;height:62px;transform:translate(-50%,-50%);z-index:7;cursor:pointer;transition:.2s}.agent-token:hover{transform:translate(-50%,-50%) translateY(-5px)}.agent-shadow{position:absolute;width:36px;height:15px;border-radius:50%;background:rgba(0,0,0,.3);left:6px;bottom:0;filter:blur(2px)}.agent-person{position:absolute;left:9px;top:4px;width:30px;height:48px;animation:idle 2.8s ease-in-out infinite}.agent-head{position:absolute;left:7px;top:0;width:17px;height:18px;border-radius:45% 45% 48% 48%;background:var(--skin);z-index:2}.agent-hair{position:absolute;left:5px;top:-2px;width:21px;height:12px;border-radius:50% 50% 25% 25%;background:var(--hair);z-index:3}.agent-body{position:absolute;left:4px;top:17px;width:23px;height:23px;border-radius:7px 7px 4px 4px;background:var(--jacket);border-top:3px solid var(--accent);z-index:2}.agent-body::before,.agent-body::after{content:"";position:absolute;width:7px;height:17px;background:var(--jacket);top:3px;border-radius:4px}.agent-body::before{left:-5px;transform:rotate(7deg)}.agent-body::after{right:-5px;transform:rotate(-7deg)}.agent-legs{position:absolute;left:7px;top:37px;width:17px;height:12px;border-left:6px solid #172126;border-right:6px solid #172126}.agent-badge{position:absolute;left:50%;bottom:-16px;transform:translateX(-50%);white-space:nowrap;background:rgba(7,17,21,.93);border:1px solid var(--line);padding:4px 7px;box-shadow:0 5px 12px rgba(0,0,0,.22)}.agent-badge strong{display:block;font-size:7px;letter-spacing:.06em}.agent-badge small{display:block;color:#678079;font-size:6px;margin-top:2px}.agent-token.active .agent-badge{border-color:var(--mint);box-shadow:0 0 15px rgba(109,224,193,.16)}.agent-token.active::after{content:"ACTIVE";position:absolute;left:50%;top:-16px;transform:translateX(-50%);color:var(--mint);font-size:6px;letter-spacing:.13em;font-weight:900}.agent-token[data-status=working] .agent-person,.agent-token[data-status=curating] .agent-person{animation:working 1.1s ease-in-out infinite alternate}
.world-document{position:absolute;width:28px;height:36px;background:#ecf2e9;border:1px solid #b5c1b8;box-shadow:4px 5px 0 rgba(0,0,0,.23);z-index:8;transform:rotate(-6deg);cursor:pointer}.world-document::before{content:"";position:absolute;left:5px;right:5px;top:9px;height:2px;background:#66847b;box-shadow:0 6px 0 #9baca6,0 12px 0 #9baca6}.world-document.new{animation:documentArrive .7s cubic-bezier(.2,.9,.3,1.3)}.world-document:hover{transform:rotate(0) scale(1.16)}
.viewport-hint{position:absolute;left:14px;bottom:12px;z-index:11;display:flex;align-items:center;gap:8px;color:#4f6c65;font-size:6px;letter-spacing:.13em}.viewport-hint i{width:3px;height:3px;border-radius:50%;background:#4f6c65}
.activity-dock{display:grid;grid-template-columns:180px 1fr 86px;align-items:center;border-top:1px solid var(--line);background:#09171b;min-width:0}.dock-heading{height:100%;display:grid;grid-template-columns:10px 1fr;grid-template-rows:1fr 1fr;align-items:end;column-gap:9px;padding:14px 16px;border-right:1px solid var(--line)}.dock-heading .live-dot{grid-row:1/3;align-self:center;width:5px;height:5px}.dock-heading strong{font-size:8px;letter-spacing:.12em}.dock-heading small{align-self:start;color:#536e67;font-size:7px;margin-top:3px}.event-stream{display:flex;gap:18px;padding:0 18px;overflow:hidden;min-width:0}.event-item{min-width:210px;max-width:250px;padding-left:11px;border-left:1px solid var(--line)}.event-item time{display:block;color:#58736c;font-size:6px;letter-spacing:.1em}.event-item p{font-size:8px;line-height:1.35;color:#9bb0aa;margin:5px 0 0}.dock-expand{height:100%;border:0;border-left:1px solid var(--line);background:transparent;color:#637d76;font-size:7px;letter-spacing:.12em;cursor:pointer}.dock-expand:hover{color:var(--mint)}
.inspector{grid-column:3;grid-row:2/-1;background:#0a181c;border-left:1px solid var(--line);overflow:auto;position:relative}.inspector-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:44px;color:#58736c}.empty-glyph{font:400 48px Georgia,serif;color:#294940}.inspector-empty h2{font:400 20px Georgia,serif;color:#9ab0aa;margin:20px 0 10px}.inspector-empty p{font-size:11px;line-height:1.7}.hidden{display:none!important}
.agent-panel{min-height:100%;padding:20px}.panel-kicker,.panel-section-title{display:flex;justify-content:space-between;align-items:center;color:#58736c;font-size:7px;letter-spacing:.14em;font-weight:900}.panel-kicker button{background:none;border:0;font-size:20px;color:#58736c;cursor:pointer}.agent-identity{display:grid;grid-template-columns:78px 1fr;gap:16px;align-items:center;padding:22px 0}.portrait{width:76px;height:82px;position:relative;background:linear-gradient(145deg,#17353c,#0d2025);border:1px solid var(--line-strong);overflow:hidden}.portrait-head{position:absolute;width:31px;height:34px;border-radius:48%;background:var(--skin,#d99a73);left:23px;top:15px;z-index:2}.portrait-hair{position:absolute;width:39px;height:23px;border-radius:50% 50% 20% 20%;background:var(--hair,#302b3b);left:19px;top:9px;z-index:3}.portrait-body{position:absolute;width:60px;height:48px;border-radius:20px 20px 0 0;background:var(--jacket,#6de0c1);left:8px;top:50px}.agent-status-line{display:flex;align-items:center;gap:6px;color:var(--mint);font-size:7px;letter-spacing:.12em}.agent-status-line i{width:5px;height:5px;border-radius:50%;background:var(--mint)}.agent-identity h2{font:400 26px Georgia,serif;margin:6px 0 3px}.agent-identity p{margin:0;color:#718b85;font-size:10px}
.active-switch-row{display:flex;align-items:center;justify-content:space-between;padding:15px;border:1px solid var(--line);background:rgba(109,224,193,.035)}.active-switch-row strong{display:block;font-size:9px}.active-switch-row span{display:block;color:#5d7770;font-size:7px;line-height:1.4;margin-top:4px;max-width:190px}.switch input{display:none}.switch>span{width:38px;height:20px;background:#20353a;border:1px solid #3a5350;border-radius:20px;position:relative;cursor:pointer}.switch>span::after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#657c77;left:2px;top:2px;transition:.2s}.switch input:checked+span{background:rgba(109,224,193,.17);border-color:var(--mint)}.switch input:checked+span::after{left:20px;background:var(--mint);box-shadow:0 0 10px rgba(109,224,193,.5)}
.focus-card{margin-top:14px;padding:15px;background:#102329;border:1px solid var(--line)}.focus-card>span{color:#5f7973;font-size:7px;letter-spacing:.12em;font-weight:900}.focus-card p{font:400 16px/1.3 Georgia,serif;margin:10px 0 14px}.progress-track{height:3px;background:#243a3f}.progress-track i{display:block;height:100%;background:var(--mint);box-shadow:0 0 8px rgba(109,224,193,.45)}.focus-card small{display:block;color:#5c7770;font-size:7px;margin-top:7px;text-align:right}
.panel-section{margin-top:22px}.panel-section-title{padding-bottom:9px;border-bottom:1px solid var(--line)}.panel-section-title button{border:0;background:none;color:var(--mint);font-size:6px;letter-spacing:.1em;cursor:pointer}.capability-list,.context-list{display:flex;flex-direction:column}.capability-item,.context-item{appearance:none;width:100%;padding:10px 0;border:0;border-bottom:1px solid rgba(201,242,231,.07);background:transparent;color:var(--paper);text-align:left;font:inherit;cursor:pointer;display:grid;grid-template-columns:23px 1fr auto;gap:9px;align-items:center;transition:background .18s ease,padding .18s ease}.capability-item:hover,.capability-item:focus-visible,.context-item:hover,.context-item:focus-visible{background:rgba(109,224,193,.055);padding-left:7px;padding-right:7px;outline:none}.capability-glyph{width:23px;height:23px;display:grid;place-items:center;border:1px solid var(--line);color:var(--mint);font-size:10px}.capability-item strong,.context-item strong{display:block;font-size:8px}.capability-item small,.context-item small{display:block;color:#6f8d85;font-size:7px;margin-top:3px}.risk-pill{font-size:6px;letter-spacing:.08em;color:#749289}.context-item{grid-template-columns:1fr auto}.context-item>span{font-size:6px;color:#6e8982;text-transform:uppercase}
.talk-button{width:100%;margin-top:20px;min-height:58px;border:1px solid rgba(109,224,193,.36);background:rgba(109,224,193,.08);display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:10px;text-align:left;padding:10px 13px;cursor:pointer}.talk-button:hover{background:rgba(109,224,193,.13)}.talk-pulse{width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(109,224,193,.08)}.talk-button strong{display:block;font-size:9px}.talk-button small{display:block;color:#668079;font-size:7px;margin-top:4px}
.command-bar{grid-column:2;grid-row:3;display:grid;grid-template-columns:42px 1fr 92px;align-items:center;gap:12px;padding:10px 15px;border-top:1px solid var(--line);background:#0c1d22;z-index:20}.command-avatar{width:38px;height:38px;border:1px solid rgba(109,224,193,.25);background:#143038;display:grid;place-items:center;font:400 16px Georgia,serif;position:relative}.command-avatar i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--mint);right:-2px;bottom:-2px;border:2px solid #0c1d22}.command-bar form label{display:block;color:#58736c;font-size:6px;letter-spacing:.13em;font-weight:900;margin-bottom:5px}.command-input-wrap{display:flex}.command-input-wrap input{width:100%;height:33px;border:1px solid var(--line);border-right:0;background:#071519;padding:0 12px;color:#d7e7e1;outline:none;font-size:10px}.command-input-wrap input:focus{border-color:rgba(109,224,193,.35)}.command-input-wrap input::placeholder{color:#45615a}.command-input-wrap button{width:72px;border:1px solid rgba(109,224,193,.35);background:rgba(109,224,193,.1);color:var(--mint);font-size:7px;letter-spacing:.1em;font-weight:900;cursor:pointer}.command-mode{padding-left:12px;border-left:1px solid var(--line)}.command-mode span,.command-mode strong{display:block;font-size:6px;letter-spacing:.1em}.command-mode span{color:#58736c}.command-mode strong{color:var(--mint);margin-top:5px}
.toast-stack{position:fixed;right:350px;top:75px;z-index:100;display:flex;flex-direction:column;gap:8px}.toast{width:300px;padding:13px 15px;background:#10262b;border:1px solid rgba(109,224,193,.28);box-shadow:var(--shadow);animation:toastIn .35s ease}.toast strong{display:block;font-size:9px}.toast p{color:#7e9892;font-size:8px;line-height:1.5;margin:6px 0 0}

@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
@keyframes loader{0%,100%{transform:rotate(45deg) scale(.82);opacity:.55}50%{transform:rotate(135deg) scale(1);opacity:1}}
@keyframes idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes working{from{transform:rotate(-2deg) translateY(0)}to{transform:rotate(2deg) translateY(-2px)}}
@keyframes documentArrive{from{opacity:0;transform:translateY(-40px) rotate(-20deg) scale(.5)}to{opacity:1;transform:translateY(0) rotate(-6deg) scale(1)}}
@keyframes toastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

@media(max-width:1100px){.app-shell{grid-template-columns:54px minmax(520px,1fr) 290px}.world-canvas{width:920px;height:570px}.toast-stack{right:310px}.topbar{grid-template-columns:190px 1fr auto}.world-breadcrumb{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.world-preview{justify-self:center;max-width:850px}.system-heading{grid-template-columns:1fr}.system-map{grid-template-columns:1fr;gap:18px}.system-link{height:50px}.system-link i{width:1px;height:35px;margin:8px auto}.plan-grid{grid-template-columns:1fr}.plan-card{border-right:0;border-bottom:1px solid rgba(10,23,27,.2);min-height:auto}.plan-card.featured{transform:none}.plan-card h3{margin-top:35px}}
@media(max-width:820px){.app-shell{grid-template-columns:48px 1fr;grid-template-rows:54px minmax(0,1fr) 74px}.topbar{grid-template-columns:1fr auto}.topbar .brand{font-size:10px}.plan-chip{display:none}.inspector{position:fixed;right:0;top:54px;bottom:0;width:min(340px,90vw);z-index:50;box-shadow:-20px 0 50px rgba(0,0,0,.45);transform:translateX(100%);transition:.25s}.inspector.open{transform:none}.world-column{grid-column:2}.command-bar{grid-column:2}.world-stats{display:none}.toast-stack{right:16px}.nav-links>a:not(.nav-cta){display:none}.manifesto-grid{grid-template-columns:1fr 1fr}.manifesto-grid span{border-bottom:1px solid var(--line)}footer{gap:20px;flex-wrap:wrap}.world-canvas{width:780px;height:485px}}
@media(max-width:560px){.landing-nav{padding:0 16px}.nav-cta{padding:10px}.hero{padding:55px 18px 80px}.hero h1{font-size:52px}.hero-actions{flex-direction:column}.button{justify-content:space-between}.world-preview{transform:none}.system-section,.manifesto,.plans-section{padding:80px 18px}.system-heading h2,.manifesto h2{font-size:44px}.manifesto-grid{grid-template-columns:1fr}.plan-card{padding:25px}.topbar-actions .node-chip small,.topbar-actions .node-chip strong{display:none}.world-toolbar{padding:0 10px}.world-toolbar h1{font-size:17px}.camera-controls{display:none}.activity-dock{grid-template-columns:130px 1fr}.dock-expand{display:none}.command-bar{grid-template-columns:34px 1fr}.command-mode{display:none}.side-rail{padding-left:3px;padding-right:3px}.world-column{grid-template-rows:64px minmax(0,1fr) 57px}}