@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;800;900&family=IBM+Plex+Mono:wght@600;800&display=swap');:root{--bg:#020203;--red:#ff3048;--line:rgba(255,255,255,.085);--hot:rgba(255,48,72,.42);--panel:rgba(8,9,11,.74);--soft:rgba(255,255,255,.035);--text:#f4f4f4;--muted:#8f8f8f}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:var(--bg);color:var(--text);font-family:Archivo,system-ui,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input{font:inherit;color:inherit}button{cursor:pointer}#sphere,#grid{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#sphere{z-index:1}#grid{z-index:2}.grain{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.052;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 260 260' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='5'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)'/%3E%3C/svg%3E")}.shade{position:fixed;inset:0;z-index:45;pointer-events:none;background:radial-gradient(circle at 70% 22%,rgba(255,48,72,.16),transparent 30%),radial-gradient(circle at 28% 80%,rgba(255,48,72,.09),transparent 36%);box-shadow:inset 0 0 260px #000}.tag{font:800 11px "IBM Plex Mono";color:var(--red);letter-spacing:.2em;text-transform:uppercase}.nav{position:fixed;z-index:100;left:0;right:0;top:0;height:76px;padding:0 clamp(18px,5vw,82px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(2,2,3,.66);backdrop-filter:blur(18px)}.brand{width:max-content;display:flex;align-items:baseline;gap:12px}.brand b{font-size:27px;letter-spacing:-.1em;line-height:.8;color:var(--red)}.brand span{font:800 10px "IBM Plex Mono";color:#aaa;letter-spacing:.2em}.nav nav{display:flex;gap:8px;border:1px solid var(--line);border-radius:999px;padding:7px;background:var(--soft)}.nav nav a,.nav button{border:0;border-radius:999px;background:transparent;padding:10px 14px;color:#aaa;font:800 11px "IBM Plex Mono"}.nav nav a:hover,.nav button:hover{background:rgba(255,48,72,.08);color:#fff}.nav button{justify-self:end;border:1px solid var(--hot)}main{position:relative;z-index:10}.hero{min-height:100vh;padding:134px clamp(20px,6vw,96px) 72px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,410px);gap:46px;align-items:center}.hero h1{margin-top:15px;display:grid;font-size:clamp(56px,7.4vw,118px);line-height:.79;letter-spacing:-.09em;font-weight:900;text-shadow:0 0 80px rgba(255,48,72,.13)}.lead{max-width:720px;margin-top:22px;color:#aaa;font-size:17px;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hero-actions a,.hero-actions button,.tool-row button,.trace-body a,.profile-actions a,.profile-actions button{min-height:42px;border:1px solid var(--line);border-radius:13px;background:var(--soft);padding:0 15px;color:#aaa;font:800 12px "IBM Plex Mono";display:inline-flex;align-items:center}.hero-actions a:hover,.tool-row button:hover,.profile-actions a:hover,.profile-actions button:hover{border-color:var(--hot);color:#fff;background:rgba(255,48,72,.08)}.terminal{margin-top:18px;min-height:54px;max-width:700px;border:1px solid var(--line);border-radius:14px;background:var(--soft);display:flex;align-items:center;gap:10px;padding:0 14px;color:#aaa;font:800 13px "IBM Plex Mono"}.terminal b{color:var(--red)}.terminal i{width:8px;height:17px;background:var(--red);animation:blink .9s steps(2) infinite}.orbit-card,.glass,.feed-window,.tool-panel,.output-panel,.trace-box,.profile-card{border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.055),transparent 42%),var(--panel);box-shadow:0 28px 110px rgba(0,0,0,.45);backdrop-filter:blur(18px);overflow:hidden}.orbit-card{border-color:var(--hot)}.bar{height:52px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:0 17px}.bar i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.15)}.bar b{margin-left:12px;color:var(--muted);font:800 12px "IBM Plex Mono"}.orbit-body,.empty,.server,.error{padding:26px}.orbit-body h2{font-size:clamp(54px,6vw,84px);line-height:.78;letter-spacing:-.08em;margin-top:12px}.pulse-map{height:138px;display:grid;place-items:center;position:relative}.pulse-map span{position:absolute;border:1px solid rgba(255,48,72,.2);border-radius:50%;box-shadow:0 0 50px rgba(255,48,72,.1)}.pulse-map span:nth-child(1){width:124px;height:124px;animation:spin 14s linear infinite}.pulse-map span:nth-child(2){width:86px;height:86px;border-style:dashed;animation:spin 20s linear infinite reverse}.pulse-map span:nth-child(3){width:48px;height:48px;animation:spin 8s linear infinite}.pulse-map b{width:14px;height:14px;border-radius:50%;background:var(--red);box-shadow:0 0 34px var(--red)}.state-list{display:grid;gap:8px}.state-list div{min-height:40px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;font:800 12px "IBM Plex Mono"}.state-list b{color:#888}.section{padding:clamp(80px,8vw,132px) clamp(20px,6vw,96px);border-top:1px solid var(--line)}.section-head{max-width:980px;margin-bottom:38px}.section-head.split{display:grid;grid-template-columns:1fr minmax(260px,.42fr);gap:28px;align-items:end}.section-head h2,.page-hero h1,.tool-hero h1{margin-top:12px;font-size:clamp(44px,5.6vw,86px);line-height:.84;letter-spacing:-.085em}.section-head p:not(.tag),.split>p,.page-hero p:not(.tag),.tool-hero p:not(.tag){color:#aaa;line-height:1.6}.manifest-grid,.operator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.manifest-grid article,.operator-card{min-height:210px;border:1px solid var(--line);border-radius:22px;background:var(--soft);padding:24px}.manifest-grid b,.operator-card b{color:var(--red);font:800 12px "IBM Plex Mono"}.manifest-grid h3,.operator-card h3{margin-top:52px;font-size:32px;letter-spacing:-.06em}.manifest-grid p,.operator-card p{margin-top:10px;color:#aaa;line-height:1.5}.feed-window{min-height:480px}#runtimeFeed{padding:17px;display:grid;gap:10px;align-content:start}#runtimeFeed p{min-height:42px;border:1px solid var(--line);border-radius:12px;background:var(--soft);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;color:#aaa;font:800 12px "IBM Plex Mono"}#runtimeFeed b{color:var(--red)}.page-hero,.tool-hero{padding:132px clamp(20px,6vw,96px) 40px}.operator-grid{position:relative;z-index:10;padding:0 clamp(20px,6vw,96px) 100px}.operator-card{text-align:left;cursor:pointer;color:inherit}.operator-card:hover{border-color:var(--hot);background:rgba(255,48,72,.06)}.operator-card span{display:block;margin-top:8px;color:#888;font:800 12px "IBM Plex Mono"}.profile-modal,.trace-modal{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:22px}.profile-modal[hidden],.trace-modal[hidden],.loader[hidden]{display:none!important}.modal-bg{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(16px)}.profile-card,.trace-box{position:relative;z-index:2;width:min(720px,96vw);border-color:var(--hot)}.profile-card{padding:30px}.modal-close{position:absolute;right:18px;top:18px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--soft);color:#aaa}.profile-card h2{font-size:clamp(54px,8vw,90px);line-height:.78;letter-spacing:-.09em;margin-top:16px}.profile-card>span{display:block;margin-top:12px;color:var(--red);font:800 12px "IBM Plex Mono";text-transform:uppercase;letter-spacing:.18em}.profile-info{margin-top:22px;display:grid;gap:9px}.profile-info div{min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--soft);display:flex;justify-content:space-between;align-items:center;padding:0 12px;font:800 12px "IBM Plex Mono";color:#aaa}.profile-info b{color:var(--red)}.profile-actions{display:flex;gap:10px;margin-top:18px}.trace-body{padding:26px}.trace-body h3{font-size:54px;letter-spacing:-.08em;line-height:.84;margin:14px 0}.tool-layout{position:relative;z-index:10;padding:0 clamp(20px,6vw,96px) 100px;display:grid;grid-template-columns:.82fr 1.18fr;gap:14px}.tool-panel{padding:22px}.tool-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.tool-switch button{height:44px;border:1px solid var(--line);border-radius:13px;background:var(--soft);color:#999;font:800 12px "IBM Plex Mono"}.tool-switch button.active{border-color:var(--hot);color:#fff;background:rgba(255,48,72,.08)}.input-shell{height:58px;border:1px solid var(--line);border-radius:15px;background:var(--soft);display:flex;align-items:center;gap:12px;padding:0 14px;margin-top:10px}.input-shell b{color:var(--red);font:800 12px "IBM Plex Mono"}.input-shell input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:800 14px "IBM Plex Mono"}.tool-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.tool-row button{justify-content:center}.output-panel{min-height:430px}.empty h3,.server h3,.error h3{font-size:clamp(38px,5vw,58px);line-height:.86;letter-spacing:-.07em;margin-top:10px}.empty span,.server-top span,.error span{display:block;color:#aaa;line-height:1.5;margin-top:12px}.server-top{display:grid;grid-template-columns:76px minmax(0,1fr);gap:16px;align-items:center}.server-mark,.server-top img{width:76px;height:76px;border:1px solid var(--line);border-radius:18px;background:var(--soft);display:grid;place-items:center;color:var(--red);font:900 22px Archivo;object-fit:cover}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.stat-grid div,.details{min-height:66px;border:1px solid var(--line);border-radius:13px;background:var(--soft);padding:13px}.stat-grid b,.details b{display:block;color:#999;font:800 10px "IBM Plex Mono";text-transform:uppercase;letter-spacing:.12em}.stat-grid span{display:block;margin-top:7px;font-size:clamp(18px,1.6vw,22px);font-weight:900;letter-spacing:-.05em;word-break:break-word}.details{margin-top:10px}.details span{display:block;margin-top:8px;color:#aaa;line-height:1.5;max-height:130px;overflow:auto}.loader{position:fixed;right:28px;bottom:28px;z-index:420;width:min(360px,calc(100vw - 56px))}.loader div{border:1px solid var(--hot);border-radius:18px;background:rgba(10,10,12,.92);padding:20px;backdrop-filter:blur(16px);box-shadow:0 20px 80px rgba(0,0,0,.45)}.loader h3{margin-top:10px;font-size:28px;letter-spacing:-.055em}.loader span{display:block;margin-top:8px;color:#999;font:800 11px "IBM Plex Mono"}@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.nav{grid-template-columns:1fr auto}.nav nav{display:none}.hero,.section-head.split,.tool-layout{grid-template-columns:1fr}.manifest-grid,.operator-grid{grid-template-columns:1fr}.hero{padding-top:116px}}@media(max-width:640px){.hero h1{font-size:48px}.section-head h2,.page-hero h1,.tool-hero h1{font-size:44px}.tool-row{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr}.profile-card h2{font-size:52px}.nav{height:70px}.brand span{display:none}}
/* V2 refinement */
.hero h1{font-size:clamp(54px,6.8vw,106px)}
.section-head h2{font-size:clamp(42px,5vw,78px)}
.orbit-card{background:linear-gradient(135deg,rgba(255,48,72,.075),rgba(4,5,7,.78) 42%,rgba(2,2,3,.88));border-color:rgba(255,48,72,.34)}
.orbit-body h2{font-size:clamp(48px,5.2vw,76px)}
.pulse-map{height:120px}
.pulse-map span:nth-child(1){width:112px;height:112px}
.pulse-map span:nth-child(2){width:76px;height:76px}
.pulse-map span:nth-child(3){width:38px;height:38px}
.manifest-grid article{transition:.2s;position:relative;overflow:hidden}
.manifest-grid article:before{content:"";position:absolute;inset:auto 18px 18px 18px;height:1px;background:linear-gradient(90deg,transparent,var(--red),transparent);opacity:.35}
.manifest-grid article:hover{border-color:rgba(255,48,72,.32);transform:translateY(-3px)}
.manifest-grid h3{font-size:clamp(26px,2.2vw,34px)}
.manifest-grid p{font-size:15px}
.core-section{padding-top:100px}


.profile-actions .disabled{
  opacity:.45;
  pointer-events:none;
}


/* V4 live globe + visualizer + world activity */
#visualizer{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  z-index:3;
  pointer-events:none;
  opacity:.9;
}

.root-activity{
  position:fixed;
  left:clamp(18px,4vw,64px);
  bottom:clamp(18px,4vw,54px);
  z-index:80;
  width:min(360px,calc(100vw - 36px));
  display:grid;
  gap:8px;
  pointer-events:none;
}

.root-event{
  min-height:38px;
  border:1px solid rgba(255,48,72,.22);
  border-radius:12px;
  background:rgba(5,6,8,.62);
  backdrop-filter:blur(12px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 12px;
  color:#aaa;
  font:800 11px "IBM Plex Mono",monospace;
  box-shadow:0 12px 44px rgba(0,0,0,.28);
  animation:eventIn .28s ease both;
}

.root-event b{
  color:var(--red);
  font-weight:800;
}

.root-event span{
  color:#d8d8d8;
}

.root-event.fade{
  animation:eventOut .45s ease both;
}

.live-node-label{
  position:fixed;
  z-index:82;
  pointer-events:none;
  min-width:90px;
  min-height:30px;
  border:1px solid rgba(255,48,72,.28);
  border-radius:999px;
  background:rgba(5,6,8,.72);
  backdrop-filter:blur(10px);
  color:#ddd;
  display:grid;
  place-items:center;
  padding:0 12px;
  font:800 10px "IBM Plex Mono",monospace;
  letter-spacing:.08em;
  transform:translate(-50%,-50%);
  opacity:0;
  transition:.18s;
}

.live-node-label.show{
  opacity:1;
}

@keyframes eventIn{
  from{opacity:0;transform:translateX(-12px)}
  to{opacity:1;transform:translateX(0)}
}

@keyframes eventOut{
  to{opacity:0;transform:translateX(-14px)}
}

@media(max-width:720px){
  .root-activity{
    width:calc(100vw - 32px);
    bottom:14px;
    left:16px;
  }
  .root-event{
    min-height:34px;
    font-size:10px;
  }
}


/* V5 Root identity + cleaner activity layer */
.root-activity{
  left:auto;
  right:clamp(14px,2.5vw,34px);
  bottom:clamp(14px,2.5vw,30px);
  width:min(290px,calc(100vw - 28px));
  opacity:.78;
  z-index:64;
}

.root-event{
  min-height:32px;
  border-radius:10px;
  background:rgba(2,3,4,.48);
  border-color:rgba(255,48,72,.16);
  padding:0 10px;
  font-size:10px;
  transform-origin:right center;
}

.root-event em{
  color:#666;
  font-style:normal;
}

.root-event span{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.nav .brand span{
  letter-spacing:.28em;
}

@media(max-width:900px){
  .root-activity{
    display:none;
  }
}

@media(min-width:901px){
  body[data-page="home"] .root-activity{
    bottom:24px;
    right:24px;
  }
}

/* activity layer disabled in reworked build */
.root-activity,.root-event{display:none!important;}