:root{
  --black:#080909;
  --ink:#101111;
  --paper:#efefe9;
  --paper2:#e7e7e0;
  --line:#c9c9c1;
  --muted:#6c6f6d;
  --acid:#d8ff00;
  --white:#f8f8f3;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
  --sans:"Inter Tight",Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}img{display:block;width:100%}::selection{background:var(--acid);color:#000}
#fieldCanvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.18;mix-blend-mode:multiply}
body>*:not(#fieldCanvas){position:relative;z-index:1}

.topbar{height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(8,9,9,.86);backdrop-filter:blur(18px);color:#fff;position:fixed;top:0;left:0;right:0;z-index:50;transition:height .25s ease,background .25s ease}
.topbar.scrolled{height:60px;background:rgba(8,9,9,.96)}
.brand{display:flex;align-items:center;width:max-content;min-width:0}.brand-mark{font:800 36px/.8 var(--sans);letter-spacing:-.08em;border-right:1px solid rgba(255,255,255,.35);padding-right:10px;margin-right:9px}.brand-word{font:800 21px/.9 var(--sans);letter-spacing:.19em}.brand-meta{font:500 7px/1.35 var(--mono);color:#8f9590;letter-spacing:.07em;border-left:1px solid rgba(255,255,255,.15);padding-left:14px;margin-left:15px;white-space:nowrap}
.nav{display:flex;gap:30px;align-items:center}.nav a{font:600 11px/1 var(--sans);letter-spacing:.05em;color:#d8dbd5;position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;height:1px;bottom:-8px;background:var(--acid);transition:right .2s ease}.nav a:hover:after{right:0}
.top-actions{justify-self:end;display:flex;align-items:center;gap:10px}.icon-btn,.archive-btn{height:36px;border:1px solid rgba(255,255,255,.19);background:transparent;color:#fff;cursor:pointer}.icon-btn{width:38px;font:500 22px/1 var(--sans)}.archive-btn{padding:0 16px;font:600 9px var(--mono);letter-spacing:.08em}.archive-btn:hover,.icon-btn:hover{border-color:var(--acid);color:var(--acid)}

.hero{min-height:860px;height:100svh;position:relative;background:#090a0a;color:#fff;display:flex;flex-direction:column;overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media img{height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.55) contrast(1.18) brightness(.65)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,6,.93) 0%,rgba(5,6,6,.78) 31%,rgba(5,6,6,.18) 66%,rgba(5,6,6,.5) 100%),linear-gradient(0deg,rgba(5,6,6,.78),transparent 36%)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.5fr);gap:60px;align-items:end;flex:1;padding:150px 44px 122px}.hero-copy{max-width:980px}.eyebrow,.kicker{font:600 9px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase}.eyebrow{color:#c5cac3;margin-bottom:24px;display:flex;align-items:center;gap:10px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 5px rgba(216,255,0,.08),0 0 18px rgba(216,255,0,.7);display:inline-block}
.hero h1{font:700 clamp(72px,8.1vw,150px)/.78 var(--sans);letter-spacing:-.065em;margin:0;text-transform:uppercase}.hero h1 em{font-style:normal;color:var(--acid)}.hero-copy>p{max-width:620px;color:#c3c7c1;font-size:18px;line-height:1.45;margin:32px 0 36px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.cta-primary,.cta-ghost,.cta-invert{min-height:48px;display:inline-flex;align-items:center;justify-content:space-between;gap:44px;padding:0 18px;font:600 10px var(--mono);letter-spacing:.055em;border:1px solid rgba(255,255,255,.3);transition:all .18s ease}.cta-primary{background:var(--acid);border-color:var(--acid);color:#000}.cta-primary:hover{background:#fff;border-color:#fff}.cta-ghost:hover{border-color:var(--acid);color:var(--acid)}
.hero-panel{align-self:end;border:1px solid rgba(255,255,255,.18);background:rgba(10,11,11,.72);backdrop-filter:blur(14px);padding:18px}.panel-head{display:flex;justify-content:space-between;font:600 8px var(--mono);letter-spacing:.08em;color:#8d948d;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.12)}.panel-head .status{color:var(--acid)}.panel-reading{display:flex;align-items:end;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1)}.panel-reading span{font:500 8px var(--mono);color:#8f958f}.panel-reading strong{font:500 23px/1 var(--mono)}.panel-chart{height:90px;display:flex;align-items:end;gap:5px;padding-top:15px}.panel-chart span{height:var(--h);flex:1;background:linear-gradient(180deg,var(--acid),rgba(216,255,0,.15))}
.hero-bottom{position:absolute;left:0;right:0;bottom:0;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(8,9,9,.9);border-top:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px)}.hero-bottom div{padding:18px 28px;border-right:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:20px}.hero-bottom span{font:500 8px var(--mono);color:#777e77;letter-spacing:.08em}.hero-bottom strong{font:600 10px var(--mono);letter-spacing:.05em}

.section-pad{padding:110px 44px}.statement{display:grid;grid-template-columns:180px minmax(0,1fr) 320px;gap:40px;align-items:start;border-bottom:1px solid var(--line);background:var(--paper)}.statement-index{font:600 9px var(--mono);letter-spacing:.1em;color:#777}.statement h2,.section-head h2,.systems-intro h2,.network-copy h2,.archive-tease h2{font:700 clamp(54px,6vw,100px)/.82 var(--sans);letter-spacing:-.06em;margin:0;text-transform:uppercase}.statement p{font-size:20px;line-height:1.45;max-width:700px;margin:30px 0 0;color:#3f4341}.statement-code{font:500 9px/1.7 var(--mono);color:#747875;border-left:1px solid #8e918c;padding-left:20px}

.research{background:var(--paper)}.section-head{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:60px;align-items:end;margin-bottom:48px}.kicker{display:block;color:#777b77;margin-bottom:18px}.section-head>p,.systems-intro>p{font-size:17px;line-height:1.5;color:#616561;margin:0 0 6px}.research-grid{display:grid;grid-template-columns:1.4fr .8fr;grid-template-rows:430px 380px;gap:14px}.research-card{position:relative;overflow:hidden;background:#111;color:#fff;isolation:isolate}.research-card--large{grid-row:1/3}.research-card img{height:100%;object-fit:cover;filter:saturate(.55) contrast(1.1);transition:transform 1s cubic-bezier(.22,.65,.22,1),filter .35s ease}.research-card:hover img{transform:scale(1.025);filter:saturate(.78) contrast(1.08)}.research-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:end;padding:28px;background:linear-gradient(0deg,rgba(5,6,6,.9),rgba(5,6,6,.08) 58%)}.tagline{font:600 8px var(--mono);letter-spacing:.12em;color:var(--acid);margin-bottom:10px}.research-overlay h3,.dark-card-copy h3{font:700 clamp(28px,3vw,50px)/.9 var(--sans);letter-spacing:-.04em;margin:0}.research-overlay p,.dark-card-copy p{max-width:420px;color:#b7bcb6;font-size:14px;line-height:1.45;margin:12px 0 18px}.card-link,.text-btn{font:600 9px var(--mono);letter-spacing:.06em;color:#fff}.research-card--dark{background:#0b0d0c;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:30px}.radar{width:min(100%,230px);aspect-ratio:1;border:1px solid #363b37;border-radius:50%;position:relative;margin:auto;background:radial-gradient(circle,transparent 0 21%,#252925 22% 22.5%,transparent 23% 42%,#252925 43% 43.5%,transparent 44% 64%,#252925 65% 65.5%,transparent 66%)}.radar:before,.radar:after{content:"";position:absolute;background:#303530}.radar:before{width:1px;top:0;bottom:0;left:50%}.radar:after{height:1px;left:0;right:0;top:50%}.radar i{position:absolute;width:7px;height:7px;background:var(--acid);border-radius:50%;box-shadow:0 0 12px var(--acid)}.radar i:nth-child(1){left:29%;top:35%}.radar i:nth-child(2){left:66%;top:26%}.radar i:nth-child(3){left:71%;top:69%}.radar i:nth-child(4){left:42%;top:73%}.radar b{position:absolute;width:50%;height:50%;left:50%;top:0;transform-origin:0 100%;background:conic-gradient(from 90deg,rgba(216,255,0,.18),transparent 70%);animation:sweep 4s linear infinite}@keyframes sweep{to{transform:rotate(360deg)}}.text-btn{border:0;padding:0;background:none;cursor:pointer;color:var(--acid)}

.systems{background:var(--black);color:#fff}.systems-intro{display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:end;border-bottom:1px solid rgba(255,255,255,.11)}.kicker--light{color:#8b918a}.systems-intro>p{color:#9ca19b}.product-stage{padding:18px 18px 28px}.product-feature{display:grid;grid-template-columns:1.35fr .65fr;min-height:650px;background:#111;border:1px solid #232724}.product-media{overflow:hidden;background:#d8d9d1}.product-media img{height:100%;object-fit:cover;filter:saturate(.78);transition:transform .9s cubic-bezier(.22,.65,.22,1)}.product-feature:hover .product-media img{transform:scale(1.018)}.product-copy{padding:48px;display:flex;flex-direction:column}.product-copy>span{font:600 8px var(--mono);letter-spacing:.1em;color:#848a84}.product-copy h3{font:700 clamp(56px,6vw,94px)/.82 var(--sans);letter-spacing:-.06em;margin:24px 0 24px}.product-copy>p{font-size:16px;line-height:1.5;color:#b0b5af;margin:0 0 32px;max-width:440px}.spec-row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid #2c302d;font:500 8px var(--mono);color:#7f857f}.spec-row strong{color:#d9ddd6;font-weight:500}.cta-invert{margin-top:auto;background:#fff;color:#000;border-color:#fff;width:max-content}.cta-invert:hover{background:var(--acid);border-color:var(--acid)}.product-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.product-strip article{background:#111;border:1px solid #232724;padding:10px}.product-strip img{aspect-ratio:16/10;object-fit:cover;background:#d6d8d1;filter:saturate(.78)}.product-strip span,.product-strip strong{display:block;font-family:var(--mono);letter-spacing:.04em}.product-strip span{font-size:7px;color:#767d76;margin:12px 0 6px}.product-strip strong{font-size:9px;color:#e2e5df}

.people{background:var(--paper)}.section-head--compact{margin-bottom:30px}.people-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#bdbdb6;border:1px solid #bdbdb6}.person{background:var(--paper);overflow:hidden}.person img{aspect-ratio:4/5;object-fit:cover;object-position:top center;filter:grayscale(.12) saturate(.75);transition:filter .25s ease,transform .55s cubic-bezier(.22,.65,.22,1)}.person:hover img{filter:grayscale(0) saturate(.95);transform:scale(1.015)}.person div{padding:14px}.person strong,.person span{display:block;font-family:var(--mono)}.person strong{font-size:9px;letter-spacing:.02em}.person span{font-size:7px;color:#777c78;margin-top:5px}

.network{display:grid;grid-template-columns:1.15fr .85fr;background:#0a0b0b;color:#fff;min-height:720px}.network-media{overflow:hidden}.network-media img{height:100%;object-fit:cover;filter:saturate(.45) contrast(1.1) brightness(.72)}.network-copy{padding:80px 48px;display:flex;flex-direction:column}.network-copy>p{font-size:16px;line-height:1.5;color:#9ba09a;max-width:500px;margin:28px 0 40px}.network-list{margin-top:auto}.network-list button{width:100%;background:none;border:0;border-top:1px solid #2d322e;color:#fff;display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;text-align:left;padding:15px 0;cursor:pointer}.network-list button:hover{color:var(--acid)}.network-list span,.network-list em{font:500 8px var(--mono);color:#737a73;font-style:normal}.network-list strong{font:600 11px var(--mono);letter-spacing:.03em}.network-list em{justify-self:end}.network-list button:hover em{color:var(--acid)}

.archive-tease{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:var(--acid);color:#000}.archive-tease-copy p{max-width:620px;font-size:17px;line-height:1.5;margin:28px 0 34px}.cta-primary--dark{background:#000;border-color:#000;color:#fff}.cta-primary--dark:hover{background:#fff;color:#000;border-color:#fff}.archive-terminal{background:#0a0b0b;color:#d8ded6;border:1px solid rgba(0,0,0,.5);box-shadow:0 24px 70px rgba(0,0,0,.18);min-height:360px}.terminal-top{height:46px;border-bottom:1px solid #313632;display:flex;justify-content:space-between;align-items:center;padding:0 16px;font:500 8px var(--mono);color:#828982}.archive-terminal pre{font:500 11px/1.8 var(--mono);padding:24px;margin:0;white-space:pre-wrap}

.footer{min-height:150px;background:#090a0a;color:#fff;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:30px 44px;border-top:1px solid #222}.footer-brand{display:flex;align-items:center}.footer-brand .brand-mark{font-size:30px}.footer-brand .brand-word{font-size:18px}.footer-links{display:flex;gap:26px}.footer-links a,.footer-links button{background:none;border:0;color:#b9beb8;font:500 9px var(--mono);cursor:pointer;padding:0}.footer-links a:hover,.footer-links button:hover{color:var(--acid)}.footer-status{justify-self:end;display:flex;align-items:center;gap:10px;font:500 8px var(--mono);color:#7b827b}

.search-dialog{border:0;padding:0;background:transparent;width:min(760px,calc(100vw - 30px));color:#fff}.search-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(8px)}.search-shell{background:#0d0f0e;border:1px solid #383d39;box-shadow:0 30px 100px rgba(0,0,0,.55)}.search-head{height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2c312d;padding:0 16px;font:600 8px var(--mono);letter-spacing:.08em}.search-head button{background:none;border:0;color:#868d86;font:500 8px var(--mono);cursor:pointer}.search-input-wrap{display:grid;grid-template-columns:38px 1fr;align-items:center;border-bottom:1px solid #2c312d;padding:14px 16px}.search-input-wrap span{font-size:24px;color:var(--acid)}.search-input-wrap input{width:100%;background:none;border:0;outline:0;color:#fff;font:500 28px var(--sans)}.search-results{padding:6px 16px 18px;max-height:380px;overflow:auto}.search-item{display:grid;grid-template-columns:90px 1fr auto;gap:16px;align-items:center;padding:13px 0;border-bottom:1px solid #262a27;cursor:pointer}.search-item span,.search-item small{font:500 8px var(--mono);color:#737b74}.search-item strong{font-size:15px}.search-item:hover strong{color:var(--acid)}

.archive-overlay{position:fixed;inset:0;background:#080909;z-index:100;opacity:0;pointer-events:none;transition:opacity .25s ease;color:#e7ebe4}.archive-overlay.open{opacity:1;pointer-events:auto}.archive-shell{height:100%;display:flex;flex-direction:column}.archive-bar{height:62px;border-bottom:1px solid #2a2f2b;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.archive-bar>div{display:flex;align-items:center;gap:12px}.archive-bar strong{font:600 11px var(--mono);letter-spacing:.05em}.archive-bar small{font:500 8px var(--mono);color:#69716a;border-left:1px solid #2f3530;padding-left:12px}.archive-bar button{background:none;border:1px solid #343a35;color:#aaa;font:500 8px var(--mono);padding:9px 12px;cursor:pointer}.archive-grid{display:grid;grid-template-columns:220px 1fr;min-height:0;flex:1}.archive-nav{border-right:1px solid #2a2f2b;padding:20px 12px}.archive-nav button{width:100%;display:block;background:none;border:0;color:#6f7770;text-align:left;font:500 9px var(--mono);letter-spacing:.05em;padding:12px 10px;cursor:pointer}.archive-nav button.active,.archive-nav button:hover{background:#151815;color:var(--acid)}.archive-content{padding:34px;overflow:auto}.archive-content h2{font:700 clamp(44px,5vw,82px)/.86 var(--sans);letter-spacing:-.05em;margin:0 0 30px}.archive-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#2c312d;border:1px solid #2c312d}.archive-record{background:#0e100f;padding:18px;min-height:130px}.archive-record span{font:500 7px var(--mono);color:#737a73}.archive-record strong{display:block;font:600 16px var(--sans);margin:15px 0 8px}.archive-record p{font-size:12px;line-height:1.45;color:#8f968f;margin:0}.archive-record:hover strong{color:var(--acid)}

@media (max-width:1100px){.nav{gap:18px}.brand-meta{display:none}.hero-grid{grid-template-columns:1fr 320px;gap:30px}.hero h1{font-size:clamp(68px,8vw,110px)}.statement{grid-template-columns:130px 1fr}.statement-code{grid-column:2}.section-head,.systems-intro{grid-template-columns:1fr 340px}.research-grid{grid-template-columns:1fr 1fr;grid-template-rows:420px 360px}.people-grid{grid-template-columns:repeat(3,1fr)}.network{grid-template-columns:1fr 1fr}.archive-tease{gap:40px}}
@media (max-width:820px){.topbar{grid-template-columns:1fr auto;height:62px;padding:0 16px}.nav{display:none}.top-actions{gap:8px}.archive-btn{padding:0 12px}.hero{min-height:760px;height:auto}.hero-grid{grid-template-columns:1fr;padding:120px 20px 180px}.hero-panel{display:none}.hero h1{font-size:clamp(58px,16vw,90px)}.hero-copy>p{font-size:16px}.hero-bottom{grid-template-columns:1fr 1fr}.hero-bottom div{padding:14px 16px}.section-pad{padding:76px 20px}.statement{grid-template-columns:1fr}.statement-index{margin-bottom:5px}.statement-code{grid-column:1}.statement h2,.section-head h2,.systems-intro h2,.network-copy h2,.archive-tease h2{font-size:clamp(50px,13vw,76px)}.section-head,.systems-intro{grid-template-columns:1fr;gap:24px}.research-grid{grid-template-columns:1fr;grid-template-rows:520px 380px 330px}.research-card--large{grid-row:auto}.research-card--dark{grid-template-columns:1fr 1fr}.product-stage{padding:10px}.product-feature{grid-template-columns:1fr}.product-media{min-height:440px}.product-copy{padding:34px 24px}.product-strip{grid-template-columns:1fr}.people-grid{grid-template-columns:1fr 1fr}.network{grid-template-columns:1fr}.network-media{height:520px}.network-copy{padding:60px 20px}.archive-tease{grid-template-columns:1fr}.archive-terminal{min-height:310px}.footer{grid-template-columns:1fr;gap:24px;padding:30px 20px}.footer-links{flex-wrap:wrap}.footer-status{justify-self:start}.archive-grid{grid-template-columns:1fr}.archive-nav{border-right:0;border-bottom:1px solid #2a2f2b;display:flex;overflow:auto;padding:8px}.archive-nav button{width:auto;white-space:nowrap}.archive-content{padding:22px}.archive-list{grid-template-columns:1fr}}
@media (max-width:520px){.brand-mark{font-size:30px}.brand-word{font-size:17px}.archive-btn{font-size:7px}.hero-grid{padding-top:106px}.hero h1{font-size:clamp(52px,16.5vw,72px)}.hero-bottom{grid-template-columns:1fr}.hero-bottom div{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.research-grid{grid-template-rows:430px 340px 420px}.research-card--dark{grid-template-columns:1fr}.radar{width:170px}.people-grid{grid-template-columns:1fr}.person img{aspect-ratio:5/4}.product-media{min-height:330px}.network-media{height:360px}.archive-tease{padding-top:70px;padding-bottom:70px}.archive-terminal pre{font-size:9px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* =========================================================
   ASYNC UPDATE 02 — BRAND / SEARCH / ARCHIVE / MOTION
   ========================================================= */
:root{--ease-out:cubic-bezier(.16,1,.3,1);--ease-soft:cubic-bezier(.22,.61,.36,1)}
html,body{min-height:100%;background:var(--black)}
body{background:var(--black)}
main{background:var(--black)}
.statement,.research,.people{background:var(--paper)}
.footer{background:var(--black);margin:0;min-height:150px}

/* Real ASYNC mark from assets/organizations/async.png */
.brand{height:100%;gap:14px;overflow:hidden}
.brand-logo{display:block;width:58px;height:48px;object-fit:contain;filter:invert(1);flex:0 0 58px}
.brand-meta{margin-left:0;padding-left:14px}
.footer-logo{display:block;width:54px;height:45px;object-fit:contain;filter:invert(1)}
.footer-brand{min-width:70px}

/* Search icon: clean SVG instead of glyph */
.icon-btn{display:grid;place-items:center;padding:0;transition:border-color .4s var(--ease-out),color .4s var(--ease-out),background .4s var(--ease-out),transform .4s var(--ease-out)}
.search-svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;display:block}
.icon-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.035)}
.search-input-icon{display:grid;place-items:center;color:var(--acid)}
.search-input-icon .search-svg{width:22px;height:22px}

/* Smoother global motion */
.topbar{transition:height .55s var(--ease-out),background .55s var(--ease-out),border-color .55s var(--ease-out)}
.nav a:after{transition:right .45s var(--ease-out)}
.archive-btn,.cta-primary,.cta-ghost,.cta-invert,.footer-links a,.footer-links button{transition:color .4s var(--ease-out),background .4s var(--ease-out),border-color .4s var(--ease-out),transform .4s var(--ease-out)}
.archive-btn:hover,.cta-primary:hover,.cta-ghost:hover,.cta-invert:hover{transform:translateY(-1px)}
.research-card img,.product-media img,.person img{transition:transform 1.25s var(--ease-out),filter .65s var(--ease-out)}
.research-card{transition:transform .7s var(--ease-out),box-shadow .7s var(--ease-out)}
.network-list button{transition:color .45s var(--ease-out),background .45s var(--ease-out),padding .45s var(--ease-out)}
.network-list button:hover{padding-left:8px}

/* prevent any light document tail after footer at unusual browser zoom levels */
body:after{content:"";display:block;height:1px;background:var(--black)}

/* Completely rebuilt archive */
.archive-overlay{position:fixed;inset:0;background:#070908;z-index:100;opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.008);transition:opacity .55s var(--ease-out),transform .8s var(--ease-out),visibility 0s linear .8s;color:#e7ebe4;overflow:hidden}
.archive-overlay:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(216,255,0,.025) 3px 4px)}
.archive-overlay.open{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
.archive-gate{position:absolute;inset:0;display:grid;grid-template-columns:1.05fr .95fr;background:radial-gradient(circle at 72% 46%,rgba(216,255,0,.075),transparent 28%),#080a09;transition:opacity .65s var(--ease-out),transform .8s var(--ease-out);z-index:2}
.archive-gate.is-hidden{opacity:0;transform:translateY(-18px) scale(.992);pointer-events:none}
.archive-gate-panel{padding:clamp(90px,11vh,150px) clamp(32px,6vw,100px);display:flex;flex-direction:column;justify-content:center;border-right:1px solid #283028;position:relative}
.archive-gate-brand{display:flex;align-items:center;gap:16px;font:600 8px var(--mono);letter-spacing:.09em;color:#8c978d}
.archive-gate-brand img{width:52px;height:42px;object-fit:contain;filter:invert(1);opacity:.92}
.archive-gate-code{position:absolute;top:28px;left:clamp(32px,6vw,100px);font:500 8px var(--mono);color:#556057;letter-spacing:.08em}
.archive-gate h2{font:700 clamp(58px,6.6vw,118px)/.8 var(--sans);letter-spacing:-.065em;margin:40px 0 26px;max-width:850px}
.archive-gate-panel>p{max-width:620px;color:#8d968e;font-size:16px;line-height:1.55;margin:0 0 38px}
.archive-login-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:720px}
.archive-login-grid label{display:block;border:1px solid #313a32;background:#0d100e;padding:11px 13px}
.archive-login-grid label>span{display:block;font:600 7px var(--mono);letter-spacing:.1em;color:#687269;margin-bottom:8px}
.archive-login-grid input{width:100%;border:0;outline:0;background:transparent;color:#e5eae3;font:500 13px var(--mono);letter-spacing:.08em}
.archive-gate-status{margin:18px 0 22px;display:flex;align-items:center;gap:10px;font:500 8px var(--mono);color:#7e897f;letter-spacing:.07em}
.archive-gate-status i{width:7px;height:7px;border-radius:50%;background:#5a655b;box-shadow:0 0 0 4px rgba(90,101,91,.08);transition:background .35s ease,box-shadow .35s ease}
.archive-gate-status.ready i{background:var(--acid);box-shadow:0 0 14px rgba(216,255,0,.65)}
.archive-gate-status.ready{color:#c8d3c8}
.archive-gate-actions{display:flex;gap:10px;flex-wrap:wrap}
.archive-gate-actions button{min-height:44px;padding:0 16px;border:1px solid #394139;background:transparent;color:#a6aea6;font:600 8px var(--mono);letter-spacing:.06em;cursor:pointer;transition:all .4s var(--ease-out)}
.archive-gate-actions button:first-child{background:var(--acid);border-color:var(--acid);color:#060706;min-width:180px;display:flex;justify-content:space-between;align-items:center}
.archive-gate-actions button:disabled{opacity:.28;cursor:default;transform:none!important}
.archive-gate-actions button:not(:disabled):hover{transform:translateY(-1px);border-color:var(--acid);color:#fff}.archive-gate-actions button:first-child:not(:disabled):hover{background:#fff;border-color:#fff;color:#000}
.archive-gate-visual{position:relative;display:grid;place-items:center;overflow:hidden}
.archive-orbit{width:min(56vw,620px);aspect-ratio:1;border:1px solid #283028;border-radius:50%;position:relative;background:radial-gradient(circle,rgba(216,255,0,.07),transparent 47%)}
.archive-orbit:before,.archive-orbit:after{content:"";position:absolute;inset:10%;border:1px solid #202721;border-radius:50%}.archive-orbit:after{inset:27%}
.archive-orbit i{position:absolute;inset:50% auto auto 50%;width:46%;height:1px;background:linear-gradient(90deg,#313b32,transparent);transform-origin:left center}
.archive-orbit i:nth-child(1){transform:rotate(15deg)}.archive-orbit i:nth-child(2){transform:rotate(135deg)}.archive-orbit i:nth-child(3){transform:rotate(255deg)}
.archive-orbit b{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--acid);left:70%;top:27%;box-shadow:0 0 25px rgba(216,255,0,.8);animation:archivePulse 2.6s ease-in-out infinite}
@keyframes archivePulse{50%{transform:scale(.62);opacity:.5}}
.archive-gate-stats{position:absolute;left:32px;right:32px;bottom:28px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #283028;padding-top:15px}.archive-gate-stats span{display:grid;gap:5px;font:500 7px var(--mono);color:#626d64}.archive-gate-stats strong{font:500 12px var(--mono);color:#cdd5cd}

.archive-workspace{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity .65s var(--ease-out),transform .8s var(--ease-out);z-index:1;background:#080a09}
.archive-workspace.ready{opacity:1;transform:none;pointer-events:auto}
.archive-bar{height:66px;min-height:66px;border-bottom:1px solid #2a322b;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;background:#0a0d0b}
.archive-bar-brand{display:flex;align-items:center;gap:12px}.archive-bar-brand img{width:34px;height:30px;object-fit:contain;filter:invert(1);opacity:.9}.archive-bar-brand strong{font:600 10px var(--mono);letter-spacing:.06em}.archive-bar-brand small{font:500 7px var(--mono);color:#657067;border-left:1px solid #323a33;padding-left:12px}
.archive-session{display:flex;align-items:center;gap:12px;font:500 7px var(--mono);color:#687269;letter-spacing:.06em}.archive-session .pulse{width:6px;height:6px}
.archive-bar>button{justify-self:end;background:none;border:1px solid #343d35;color:#9aa39b;font:500 8px var(--mono);padding:9px 12px;cursor:pointer;transition:all .35s var(--ease-out)}.archive-bar>button:hover{border-color:var(--acid);color:var(--acid)}
.archive-grid{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:0;flex:1}
.archive-nav{border-right:1px solid #2a322b;padding:18px 12px;display:flex;flex-direction:column;min-height:0;background:#090c0a}
.archive-nav-label{font:600 7px var(--mono);letter-spacing:.12em;color:#4f5951;padding:4px 10px 10px}
.archive-nav button{width:100%;display:grid;grid-template-columns:30px 1fr;gap:7px;background:none;border:0;color:#788279;text-align:left;font:500 9px var(--mono);letter-spacing:.045em;padding:12px 10px;cursor:pointer;transition:background .35s var(--ease-out),color .35s var(--ease-out),padding .35s var(--ease-out)}.archive-nav button span{color:#4f5850;font-size:7px}.archive-nav button.active,.archive-nav button:hover{background:#141a15;color:var(--acid);padding-left:14px}.archive-nav button.active span,.archive-nav button:hover span{color:var(--acid)}
.archive-nav-search{margin-top:16px;padding-top:16px;border-top:1px solid #252d26}.archive-nav-search>span{display:block;padding:0 10px 8px;font:600 7px var(--mono);letter-spacing:.09em;color:#4f5951}.archive-nav-search label{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:7px;border:1px solid #293129;margin:0 4px;padding:8px 9px;color:#69746b}.archive-nav-search .search-svg{width:14px;height:14px}.archive-nav-search input{min-width:0;background:none;border:0;outline:0;color:#cad2ca;font:500 8px var(--mono)}
.archive-node-meta{margin-top:auto;padding:14px 10px 4px;border-top:1px solid #252d26;font:500 7px/1.75 var(--mono);color:#424c44;letter-spacing:.07em}
.archive-content{padding:34px 38px 44px;overflow:auto;scrollbar-color:#303a31 #0b0e0c;scrollbar-width:thin}
.archive-content-head{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;margin-bottom:28px}.archive-content h2{font:700 clamp(48px,5.6vw,94px)/.82 var(--sans);letter-spacing:-.06em;margin:0}.archive-content-meta{text-align:right;font:500 7px/1.65 var(--mono);color:#59635b;letter-spacing:.07em}
.archive-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#293129;border:1px solid #293129;margin-bottom:22px}.archive-stat{background:#0d110e;padding:16px}.archive-stat span{display:block;font:500 7px var(--mono);color:#566058;letter-spacing:.08em;margin-bottom:18px}.archive-stat strong{font:500 24px/1 var(--mono);color:#e2e8e2}.archive-stat strong.ok{color:var(--acid)}
.archive-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#2c342d;border:1px solid #2c342d}.archive-record{background:#0d100e;padding:18px;min-height:150px;position:relative;overflow:hidden;transition:background .4s var(--ease-out)}.archive-record:hover{background:#111612}.archive-record.has-image{min-height:260px;display:flex;flex-direction:column;justify-content:flex-end}.archive-record-image{position:absolute;inset:0}.archive-record-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.35) contrast(1.1) brightness(.43);transition:transform 1.1s var(--ease-out),filter .6s var(--ease-out)}.archive-record.has-image:hover .archive-record-image img{transform:scale(1.025);filter:saturate(.55) contrast(1.08) brightness(.5)}.archive-record-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0b0e0c 3%,rgba(11,14,12,.58) 53%,rgba(11,14,12,.08))}.archive-record-body{position:relative;z-index:2}.archive-record span{font:500 7px var(--mono);color:#69736a;letter-spacing:.045em}.archive-record strong{display:block;font:600 19px/1 var(--sans);margin:16px 0 8px;letter-spacing:-.02em}.archive-record p{font-size:12px;line-height:1.5;color:#8d968e;margin:0;max-width:620px}.archive-record:hover strong{color:var(--acid)}
.archive-timeline{border-left:1px solid #303930;margin-left:7px}.archive-event{display:grid;grid-template-columns:90px 1fr;gap:18px;padding:0 0 28px 22px;position:relative}.archive-event:before{content:"";width:7px;height:7px;background:var(--acid);border-radius:50%;position:absolute;left:-4px;top:5px;box-shadow:0 0 12px rgba(216,255,0,.35)}.archive-event time{font:500 9px var(--mono);color:#7b857c}.archive-event strong{font-size:17px}.archive-event p{font-size:12px;color:#737d74;margin:6px 0 0}.archive-empty{padding:30px;border:1px solid #293129;font:500 9px var(--mono);color:#657067}

@media(max-width:900px){.brand-meta{display:none}.brand-logo{width:52px;height:44px}.archive-gate{grid-template-columns:1fr}.archive-gate-visual{display:none}.archive-gate-panel{border-right:0}.archive-login-grid{grid-template-columns:1fr}.archive-bar{grid-template-columns:1fr auto}.archive-session{display:none}.archive-grid{grid-template-columns:1fr}.archive-nav{border-right:0;border-bottom:1px solid #2a322b;display:grid;grid-template-columns:repeat(7,max-content);overflow-x:auto;padding:8px 10px}.archive-nav-label,.archive-nav-search,.archive-node-meta{display:none}.archive-nav button{width:auto;white-space:nowrap}.archive-content{padding:24px 20px 34px}.archive-dashboard{grid-template-columns:1fr 1fr}.archive-list{grid-template-columns:1fr}}
@media(max-width:520px){.brand-logo{width:47px;height:40px}.archive-gate-panel{padding:80px 20px 34px}.archive-gate h2{font-size:clamp(50px,16vw,72px)}.archive-content-head{grid-template-columns:1fr}.archive-content-meta{text-align:left}.archive-dashboard{grid-template-columns:1fr 1fr}.archive-bar-brand small{display:none}.archive-bar{padding:0 12px}.archive-content{padding:20px 14px 30px}.archive-record.has-image{min-height:220px}}
