Download index.html from Agnora-AI/README: direct link, hf CLI and curl.
- Browser
- Download file 39.8 kB
-
https://huggingface.co/spaces/Agnora-AI/README/resolve/main/index.html
- Command line
-
hf download hf://spaces/Agnora-AI/README/index.html
-
curl -L -o index.html https://huggingface.co/spaces/Agnora-AI/README/resolve/main/index.html
39.8 kB
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | |
| <meta name="theme-color" content="#020603" /> | |
| <meta name="description" content="Agnora — Human-governed autonomous commercial intelligence." /> | |
| <title>Agnora — Human-governed autonomous commercial intelligence</title> | |
| <style> | |
| :root{ | |
| --bg:#020603; | |
| --panel:#071008; | |
| --green:#B6E54A; | |
| --green-2:#8EB631; | |
| --green-3:#365117; | |
| --muted:#91A56C; | |
| --line:rgba(182,229,74,.34); | |
| --line-strong:rgba(182,229,74,.72); | |
| --shadow:0 0 22px rgba(182,229,74,.10); | |
| } | |
| *{box-sizing:border-box} | |
| html{scroll-behavior:smooth} | |
| body{ | |
| margin:0; | |
| background:#020603; | |
| color:#B6E54A; | |
| font-family:"Courier New", Courier, monospace; | |
| line-height:1.5; | |
| letter-spacing:.01em; | |
| } | |
| body::before{ | |
| content:""; | |
| pointer-events:none; | |
| position:fixed; | |
| inset:0; | |
| background:repeating-linear-gradient(180deg, rgba(255,255,255,.014) 0 1px, transparent 1px 4px); | |
| mix-blend-mode:screen; | |
| opacity:.32; | |
| z-index:999; | |
| } | |
| a{color:inherit;text-decoration:none} | |
| .wrap{width:min(100%,1040px);padding:0 18px;margin:0 auto} | |
| header{ | |
| position:sticky;top:0;z-index:20; | |
| backdrop-filter:blur(10px); | |
| background:rgba(2,6,3,.88); | |
| border-bottom:1px solid var(--line); | |
| } | |
| .topbar{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0} | |
| .brand{display:flex;align-items:center;gap:14px;min-width:0} | |
| .logo{ | |
| width:52px;height:52px;display:grid;place-items:center; | |
| box-shadow:var(--shadow);flex:0 0 auto; | |
| } | |
| .logo svg{width:100%;height:100%;display:block} | |
| .brand-copy{min-width:0} | |
| .brand-name{font-weight:900;font-size:18px;letter-spacing:.07em;color:#B6E54A} | |
| .brand-sub{font-size:9px;color:#91A56C;text-transform:uppercase;white-space:normal;line-height:1.35} | |
| .top-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end} | |
| .chip,.btn{ | |
| border:1px solid var(--line-strong);padding:8px 10px;text-transform:uppercase;font-size:11px; | |
| background:rgba(182,229,74,.025);transition:.15s ease;box-shadow:inset 0 0 0 1px rgba(182,229,74,.03); | |
| } | |
| .chip{color:var(--muted)} | |
| .btn:hover{background:var(--green);color:var(--bg);box-shadow:0 0 16px rgba(182,229,74,.24)} | |
| main{padding:36px 0 60px} | |
| .eyebrow{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.14em} | |
| h1{font-size:clamp(44px,8vw,104px);line-height:.9;margin:18px 0 26px;letter-spacing:-.055em;text-shadow:0 0 22px rgba(182,229,74,.12)} | |
| .hero-pixel-title{ | |
| width:min(100%,610px); | |
| margin:18px 0 28px; | |
| color:var(--green); | |
| filter:drop-shadow(0 0 10px rgba(182,229,74,.18)); | |
| } | |
| .hero-wordmark{display:block;width:100%;height:auto;image-rendering:pixelated} | |
| .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start} | |
| .hero-copy,.status-card{min-width:0} | |
| .lead{font-size:clamp(16px,1.8vw,22px);max-width:720px;color:#D5F58C;margin:0 0 16px} | |
| .hero-copy p{color:#A5B985;max-width:720px;font-size:13px} | |
| .hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px} | |
| .status-card,.panel{ | |
| border:1px solid var(--line-strong);background:linear-gradient(180deg,rgba(182,229,74,.03),rgba(182,229,74,.012));box-shadow:var(--shadow) | |
| } | |
| .status-card{padding:14px} | |
| .status-title{font-size:12px;text-transform:uppercase;margin-bottom:13px;color:#D5F58C} | |
| .status-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:7px 0;border-top:1px solid var(--line);font-size:10px} | |
| .status-row span:first-child{color:var(--muted)} | |
| .section{margin-top:50px} | |
| .section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px;border-bottom:1px solid var(--line);padding-bottom:12px} | |
| h2{font-size:clamp(22px,3.2vw,36px);margin:0;letter-spacing:-.02em;color:#B6E54A} | |
| .section-note{color:var(--muted);font-size:12px;text-align:right;max-width:420px} | |
| .verb-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px} | |
| .verb{border:1px solid var(--line);padding:18px 14px;min-height:116px;background:rgba(182,229,74,.018)} | |
| .verb strong{display:block;font-size:14px;margin-bottom:8px;color:#D5F58C} | |
| .verb span{font-size:11px;color:var(--muted)} | |
| .architecture{display:grid;gap:8px} | |
| .layer{border:1px solid var(--line);padding:13px 16px;display:grid;grid-template-columns:190px 1fr;gap:22px;align-items:center;background:rgba(182,229,74,.015)} | |
| .layer strong{font-size:12px;color:#D5F58C;text-transform:uppercase} | |
| .layer .content{font-size:13px;color:var(--green)} | |
| .arrow{height:16px;display:grid;place-items:center;color:var(--green-2);font-size:15px} | |
| .models{display:grid;grid-template-columns:repeat(5,1fr);gap:10px} | |
| .model{border:1px solid var(--line);padding:16px;min-height:146px;background:rgba(182,229,74,.018)} | |
| .model .n{font-size:11px;color:var(--muted);margin-bottom:22px} | |
| .model h3{margin:0 0 8px;font-size:17px} | |
| .model p{margin:0;color:var(--muted);font-size:11px} | |
| .agent-box{display:grid;grid-template-columns:.9fr 1.1fr;gap:12px} | |
| .panel{padding:20px} | |
| .panel h3{margin:0 0 10px;font-size:15px} | |
| .panel p,.panel li{font-size:12px;color:var(--muted)} | |
| .dna{font-size:18px;color:#D5F58C;margin:14px 0 6px} | |
| .stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px} | |
| .stack span{border:1px solid var(--line);padding:7px 9px;font-size:11px;color:var(--green)} | |
| .research-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px} | |
| .list{display:grid;gap:8px;margin-top:12px} | |
| .list div{border-top:1px solid var(--line);padding-top:8px;font-size:12px;color:var(--muted)} | |
| footer{border-top:1px solid var(--line);padding:24px 0 38px;color:var(--muted);font-size:11px} | |
| .footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap} | |
| .blink{animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}} | |
| @media(max-width:1280px){ | |
| .hero-grid,.agent-box,.research-grid{grid-template-columns:1fr} | |
| .hero-pixel-title{width:min(100%,600px)} | |
| .status-card{max-width:none;width:100%} | |
| } | |
| @media(max-width:1280px){ | |
| .hero-actions{display:flex;flex-wrap:wrap} | |
| .hero-actions .btn{flex:1 1 180px;text-align:center} | |
| .topbar{height:auto;min-height:74px;padding:10px 0;flex-wrap:wrap} | |
| .top-links{max-width:100%} | |
| } | |
| @media(max-width:960px){ | |
| .verb-grid{grid-template-columns:repeat(2,1fr)} | |
| .models{grid-template-columns:repeat(2,1fr)} | |
| .layer{grid-template-columns:1fr;gap:4px} | |
| .section-note{text-align:left} | |
| } | |
| @media(max-width:640px){ | |
| .wrap{width:min(100% - 22px,1180px)} | |
| .topbar{height:auto;padding:12px 0;align-items:flex-start} | |
| .brand-sub{white-space:normal} | |
| .top-links{gap:6px} | |
| .chip,.btn{padding:7px 9px;font-size:10px} | |
| main{padding-top:38px} | |
| .hero-pixel-title{width:min(100%,540px);margin:16px 0 22px} | |
| .topbar{flex-wrap:wrap} | |
| .brand{max-width:100%} | |
| .top-links{width:100%;justify-content:flex-start} | |
| .verb-grid,.models{grid-template-columns:1fr} | |
| .section{margin-top:48px} | |
| .section-head{align-items:flex-start;flex-direction:column} | |
| } | |
| @media(max-width:420px){ | |
| .brand-name{font-size:17px} | |
| .brand-sub{font-size:9px;white-space:normal} | |
| .logo{width:44px;height:44px} | |
| .hero-actions{display:grid;grid-template-columns:1fr;width:100%} | |
| .hero-actions .btn{text-align:center} | |
| } | |
| @media(max-width:900px){ | |
| .hero-grid{grid-template-columns:1fr} | |
| .status-card{max-width:none} | |
| .topbar{align-items:flex-start;flex-wrap:wrap} | |
| .top-links{width:100%;justify-content:flex-start} | |
| .hero-pixel-title{width:min(100%,520px)} | |
| } | |
| @media(max-width:760px){ | |
| .wrap{padding:0 14px} | |
| .hero-pixel-row{gap:4px} | |
| .hero-pixel-letter{width:clamp(34px,10vw,54px)} | |
| .hero-actions{display:flex;flex-wrap:wrap} | |
| .hero-actions .btn{flex:1 1 180px;text-align:center} | |
| .status-row{font-size:9px} | |
| .section-head{align-items:flex-start;flex-direction:column} | |
| } | |
| @media(max-width:520px){ | |
| .logo{width:42px;height:42px} | |
| .brand-name{font-size:16px} | |
| .brand-sub{font-size:8px} | |
| .top-links{gap:6px} | |
| .chip,.btn{font-size:9px;padding:7px 8px} | |
| .eyebrow{font-size:10px} | |
| .hero-pixel-title{margin-top:10px} | |
| .hero-copy p{font-size:12px} | |
| .verb-grid,.models{grid-template-columns:1fr} | |
| .layer{grid-template-columns:1fr} | |
| } | |
| /* v4 — Hugging Face organization-card layout */ | |
| body{font-size:14px;line-height:1.55;background:#020603;color:#B6E54A} | |
| .wrap{width:100%;max-width:980px;padding:0 16px;margin:0 auto} | |
| main{padding:18px 0 38px} | |
| .hero-grid{grid-template-columns:minmax(0,1fr) 250px;gap:18px;align-items:start} | |
| .eyebrow{font-size:12px;letter-spacing:.10em;margin-bottom:8px;color:#A9C36A} | |
| .hero-pixel-title{width:min(100%,500px);margin:8px 0 14px;filter:none} | |
| .lead{font-size:16px;line-height:1.45;margin:0 0 10px;color:#D9F69B} | |
| .hero-copy p{font-size:13px;line-height:1.55;color:#AFC284;margin:0 0 12px;max-width:650px} | |
| .hero-actions{margin-top:16px;gap:8px} | |
| .btn,.chip{font-size:10px;padding:8px 10px;line-height:1.2} | |
| .status-card{padding:12px;box-shadow:none} | |
| .status-title{font-size:11px;margin-bottom:8px} | |
| .status-row{font-size:10px;padding:6px 0;gap:10px} | |
| .section{margin-top:30px} | |
| .section-head{margin-bottom:12px;padding-bottom:8px;gap:12px;align-items:center} | |
| h2{font-size:22px;line-height:1.2;letter-spacing:0} | |
| .section-note{font-size:11px;line-height:1.45;max-width:360px} | |
| .verb-grid{gap:8px} | |
| .verb{padding:12px;min-height:0} | |
| .verb strong{font-size:12px;margin-bottom:5px} | |
| .verb span{font-size:11px;line-height:1.45} | |
| .architecture{gap:5px} | |
| .layer{padding:10px 12px;grid-template-columns:165px 1fr;gap:14px} | |
| .layer strong{font-size:11px} | |
| .layer .content{font-size:12px;line-height:1.4} | |
| .arrow{height:10px;font-size:12px} | |
| .models{gap:8px} | |
| .model{padding:12px;min-height:0} | |
| .model .n{font-size:10px;margin-bottom:8px} | |
| .model h3{font-size:14px;margin-bottom:5px} | |
| .model p{font-size:11px;line-height:1.4} | |
| .agent-box,.research-grid{gap:8px} | |
| .panel{padding:14px} | |
| .panel h3{font-size:13px;margin-bottom:7px} | |
| .panel p,.panel li{font-size:11px;line-height:1.5} | |
| .dna{font-size:15px;margin:8px 0 4px} | |
| .stack{gap:6px;margin-top:10px} | |
| .stack span{font-size:10px;padding:6px 7px} | |
| .list{gap:6px;margin-top:8px} | |
| .list div{font-size:11px;padding-top:6px} | |
| footer{padding:18px 0 24px;font-size:10px} | |
| @media(max-width:820px){ | |
| .hero-grid{grid-template-columns:1fr} | |
| .status-card{width:100%} | |
| .hero-pixel-title{width:min(100%,460px)} | |
| .section-head{align-items:flex-start;flex-direction:column} | |
| .section-note{text-align:left;max-width:none} | |
| .layer{grid-template-columns:1fr;gap:3px} | |
| } | |
| @media(max-width:680px){ | |
| .wrap{padding:0 12px} | |
| main{padding-top:14px} | |
| .verb-grid,.models{grid-template-columns:1fr 1fr} | |
| .hero-actions{display:grid;grid-template-columns:1fr 1fr} | |
| .hero-actions .btn:last-child{grid-column:1/-1} | |
| h2{font-size:19px} | |
| .section{margin-top:24px} | |
| } | |
| @media(max-width:460px){ | |
| .verb-grid,.models{grid-template-columns:1fr} | |
| .hero-actions{grid-template-columns:1fr} | |
| .hero-actions .btn:last-child{grid-column:auto} | |
| .hero-pixel-title{width:100%} | |
| .lead{font-size:15px} | |
| .hero-copy p{font-size:12px} | |
| } | |
| </style> | |
| <style id="hf-card-v5-overrides"> | |
| :root{ | |
| --bg:#020603; | |
| --green:#B6E54A; | |
| --green-soft:#D5F58C; | |
| --muted:#AFC284; | |
| --line:rgba(182,229,74,.48); | |
| --line-strong:#6E8F2B; | |
| } | |
| html,body{ | |
| background:#020603 !important; | |
| color:#B6E54A !important; | |
| } | |
| body{ | |
| font-size:15px !important; | |
| line-height:1.55 !important; | |
| } | |
| .wrap{ | |
| max-width:980px !important; | |
| padding:0 18px !important; | |
| } | |
| main{ | |
| padding:20px 0 34px !important; | |
| } | |
| .hero-grid{ | |
| grid-template-columns:minmax(0,1fr) 260px !important; | |
| gap:18px !important; | |
| } | |
| .eyebrow{ | |
| font-size:13px !important; | |
| line-height:1.4 !important; | |
| color:#B6E54A !important; | |
| letter-spacing:.08em !important; | |
| } | |
| .hero-pixel-title{ | |
| width:min(100%,500px) !important; | |
| margin:10px 0 16px !important; | |
| color:#B6E54A !important; | |
| } | |
| .hero-wordmark, | |
| .hero-wordmark *{ | |
| fill:#B6E54A !important; | |
| color:#B6E54A !important; | |
| } | |
| .lead{ | |
| font-size:17px !important; | |
| line-height:1.45 !important; | |
| color:#D5F58C !important; | |
| margin-bottom:10px !important; | |
| } | |
| .hero-copy p{ | |
| font-size:14px !important; | |
| line-height:1.6 !important; | |
| color:#B8C997 !important; | |
| } | |
| .hero-actions{ | |
| margin-top:14px !important; | |
| gap:8px !important; | |
| } | |
| .btn,.chip{ | |
| font-size:11px !important; | |
| line-height:1.25 !important; | |
| padding:8px 10px !important; | |
| background:transparent !important; | |
| border:1px solid var(--line-strong) !important; | |
| color:#B6E54A !important; | |
| } | |
| .btn:hover{ | |
| background:#B6E54A !important; | |
| color:#020603 !important; | |
| } | |
| .status-card, | |
| .panel, | |
| .verb, | |
| .model, | |
| .layer{ | |
| background:transparent !important; | |
| box-shadow:none !important; | |
| border:1px solid var(--line-strong) !important; | |
| } | |
| .status-card{ | |
| padding:13px !important; | |
| } | |
| .status-title{ | |
| font-size:12px !important; | |
| color:#B6E54A !important; | |
| margin-bottom:8px !important; | |
| } | |
| .status-row{ | |
| font-size:11px !important; | |
| line-height:1.4 !important; | |
| padding:7px 0 !important; | |
| border-top:1px solid var(--line) !important; | |
| } | |
| .status-row span:first-child{ | |
| color:#B8C997 !important; | |
| } | |
| .section{ | |
| margin-top:28px !important; | |
| } | |
| .section-head{ | |
| gap:12px !important; | |
| margin-bottom:10px !important; | |
| padding-bottom:8px !important; | |
| border-bottom:1px solid var(--line) !important; | |
| } | |
| h2{ | |
| font-size:21px !important; | |
| line-height:1.25 !important; | |
| color:#B6E54A !important; | |
| } | |
| .section-note{ | |
| font-size:12px !important; | |
| line-height:1.45 !important; | |
| color:#B8C997 !important; | |
| max-width:400px !important; | |
| } | |
| .verb-grid, | |
| .models{ | |
| gap:8px !important; | |
| } | |
| .verb, | |
| .model{ | |
| padding:12px !important; | |
| min-height:0 !important; | |
| } | |
| .verb strong, | |
| .model h3{ | |
| font-size:13px !important; | |
| line-height:1.35 !important; | |
| color:#D5F58C !important; | |
| } | |
| .verb span, | |
| .model p, | |
| .model .n{ | |
| font-size:12px !important; | |
| line-height:1.45 !important; | |
| color:#B8C997 !important; | |
| } | |
| .model .n{ | |
| margin-bottom:7px !important; | |
| } | |
| .architecture{ | |
| gap:6px !important; | |
| } | |
| .layer{ | |
| padding:10px 12px !important; | |
| grid-template-columns:165px minmax(0,1fr) !important; | |
| gap:14px !important; | |
| } | |
| .layer strong{ | |
| font-size:12px !important; | |
| color:#D5F58C !important; | |
| } | |
| .layer .content{ | |
| font-size:13px !important; | |
| line-height:1.45 !important; | |
| color:#B8C997 !important; | |
| } | |
| .arrow{ | |
| height:10px !important; | |
| font-size:12px !important; | |
| } | |
| .agent-box, | |
| .research-grid{ | |
| gap:8px !important; | |
| } | |
| .panel{ | |
| padding:14px !important; | |
| } | |
| .panel h3{ | |
| font-size:13px !important; | |
| color:#D5F58C !important; | |
| } | |
| .panel p, | |
| .panel li{ | |
| font-size:12px !important; | |
| line-height:1.5 !important; | |
| color:#B8C997 !important; | |
| } | |
| .dna{ | |
| font-size:15px !important; | |
| line-height:1.45 !important; | |
| color:#B6E54A !important; | |
| } | |
| .stack span{ | |
| font-size:11px !important; | |
| border:1px solid var(--line-strong) !important; | |
| background:transparent !important; | |
| color:#D5F58C !important; | |
| } | |
| .list div{ | |
| font-size:12px !important; | |
| line-height:1.5 !important; | |
| color:#B8C997 !important; | |
| } | |
| footer{ | |
| font-size:11px !important; | |
| padding:16px 0 20px !important; | |
| } | |
| @media(max-width:820px){ | |
| .hero-grid{ | |
| grid-template-columns:1fr !important; | |
| } | |
| .status-card{ | |
| width:100% !important; | |
| } | |
| .section-head{ | |
| align-items:flex-start !important; | |
| flex-direction:column !important; | |
| } | |
| .section-note{ | |
| text-align:left !important; | |
| max-width:none !important; | |
| } | |
| } | |
| @media(max-width:680px){ | |
| .wrap{ | |
| padding:0 12px !important; | |
| } | |
| .verb-grid, | |
| .models{ | |
| grid-template-columns:1fr 1fr !important; | |
| } | |
| .layer{ | |
| grid-template-columns:1fr !important; | |
| gap:3px !important; | |
| } | |
| .hero-actions{ | |
| display:grid !important; | |
| grid-template-columns:1fr 1fr !important; | |
| } | |
| .hero-actions .btn:last-child{ | |
| grid-column:1/-1 !important; | |
| } | |
| } | |
| @media(max-width:470px){ | |
| body{ | |
| font-size:14px !important; | |
| } | |
| .verb-grid, | |
| .models{ | |
| grid-template-columns:1fr !important; | |
| } | |
| .hero-actions{ | |
| grid-template-columns:1fr !important; | |
| } | |
| .hero-actions .btn:last-child{ | |
| grid-column:auto !important; | |
| } | |
| .hero-pixel-title{ | |
| width:100% !important; | |
| } | |
| h2{ | |
| font-size:19px !important; | |
| } | |
| } | |
| </style> | |
| <style id="hf-card-v6-hard-borders"> | |
| /* Hugging Face embed-safe borders: deliberately explicit and high contrast. */ | |
| .status-card, | |
| .verb, | |
| .model, | |
| .layer, | |
| .panel{ | |
| position:relative !important; | |
| background:#020603 !important; | |
| border:2px solid #55731F !important; | |
| outline:0 !important; | |
| box-shadow: | |
| inset 0 0 0 1px rgba(182,229,74,.07), | |
| 0 0 0 0 transparent !important; | |
| } | |
| .status-card:hover, | |
| .verb:hover, | |
| .model:hover, | |
| .layer:hover, | |
| .panel:hover{ | |
| border-color:#B6E54A !important; | |
| } | |
| .status-card{ | |
| padding:14px !important; | |
| } | |
| .verb-grid, | |
| .models, | |
| .agent-box, | |
| .research-grid{ | |
| gap:10px !important; | |
| } | |
| .verb, | |
| .model{ | |
| padding:13px !important; | |
| } | |
| .layer{ | |
| padding:11px 13px !important; | |
| } | |
| .panel{ | |
| padding:15px !important; | |
| } | |
| /* Section dividers remain subtler than actual cards. */ | |
| .section-head{ | |
| border-bottom:1px solid #55731F !important; | |
| } | |
| .status-row, | |
| .list div{ | |
| border-top:1px solid rgba(182,229,74,.30) !important; | |
| } | |
| /* Avoid tiny type in the embedded organization card. */ | |
| .eyebrow{font-size:13px !important} | |
| .hero-copy p{font-size:14px !important} | |
| .status-title{font-size:12px !important} | |
| .status-row{font-size:11.5px !important} | |
| .section-note{font-size:12.5px !important} | |
| .verb strong,.model h3,.panel h3,.layer strong{font-size:13px !important} | |
| .verb span,.model p,.model .n,.panel p,.panel li,.layer .content,.list div{ | |
| font-size:12.5px !important; | |
| } | |
| /* Keep Agnora wordmark in the brand green. */ | |
| .hero-wordmark, | |
| .hero-wordmark *, | |
| .hero-pixel-title, | |
| .hero-pixel-title *{ | |
| color:#B6E54A !important; | |
| fill:#B6E54A !important; | |
| } | |
| @media(max-width:680px){ | |
| .status-card, | |
| .verb, | |
| .model, | |
| .layer, | |
| .panel{ | |
| border-width:1px !important; | |
| } | |
| } | |
| </style> | |
| <style id="hf-card-v7-black-background"> | |
| html, | |
| body, | |
| #root, | |
| main{ | |
| background:#000000 ; | |
| } | |
| body::before{ | |
| background:transparent ; | |
| opacity:0 ; | |
| } | |
| .status-card, | |
| .verb, | |
| .model, | |
| .layer, | |
| .panel{ | |
| background:#000000 ; | |
| } | |
| </style> | |
| <style id="hf-card-v8-readability-alignment"> | |
| /* Final readability/alignment pass for the Hugging Face embedded card */ | |
| /* General body copy */ | |
| body{ | |
| font-size:15px !important; | |
| line-height:1.58 !important; | |
| } | |
| .hero-copy p{ | |
| font-size:14.5px !important; | |
| line-height:1.62 !important; | |
| color:#C5D8A0 !important; | |
| max-width:690px !important; | |
| margin:0 0 12px !important; | |
| } | |
| .lead{ | |
| font-size:16px !important; | |
| line-height:1.5 !important; | |
| color:#D5F58C !important; | |
| margin:0 0 12px !important; | |
| } | |
| /* Public status: no white values, cleaner alignment */ | |
| .status-card{ | |
| padding:14px 15px !important; | |
| } | |
| .status-title{ | |
| font-size:12.5px !important; | |
| line-height:1.35 !important; | |
| color:#B6E54A !important; | |
| } | |
| .status-row{ | |
| grid-template-columns:minmax(0,1fr) auto !important; | |
| gap:14px !important; | |
| min-height:31px !important; | |
| padding:7px 0 !important; | |
| align-items:center !important; | |
| font-size:11.5px !important; | |
| line-height:1.35 !important; | |
| } | |
| .status-row span:first-child{ | |
| color:#B6E54A !important; | |
| white-space:normal !important; | |
| } | |
| .status-row b{ | |
| color:#D5F58C !important; | |
| font-size:11.5px !important; | |
| font-weight:700 !important; | |
| white-space:nowrap !important; | |
| text-align:right !important; | |
| } | |
| /* Section headings and explanatory notes */ | |
| h2{ | |
| font-size:21px !important; | |
| line-height:1.25 !important; | |
| } | |
| .section-note{ | |
| font-size:13px !important; | |
| line-height:1.45 !important; | |
| color:#C5D8A0 !important; | |
| } | |
| /* Five narrative boxes */ | |
| .verb{ | |
| padding:14px !important; | |
| min-height:138px !important; | |
| display:flex !important; | |
| flex-direction:column !important; | |
| justify-content:flex-start !important; | |
| } | |
| .verb strong{ | |
| font-size:13.5px !important; | |
| line-height:1.35 !important; | |
| margin-bottom:10px !important; | |
| color:#D5F58C !important; | |
| } | |
| .verb span{ | |
| font-size:13px !important; | |
| line-height:1.58 !important; | |
| color:#C5D8A0 !important; | |
| } | |
| /* Architecture rows: consistent internal alignment and readable copy */ | |
| .architecture{ | |
| gap:0 !important; | |
| } | |
| .layer{ | |
| grid-template-columns:165px minmax(0,1fr) !important; | |
| gap:14px !important; | |
| min-height:46px !important; | |
| padding:11px 14px !important; | |
| align-items:center !important; | |
| } | |
| .layer strong{ | |
| font-size:13px !important; | |
| line-height:1.35 !important; | |
| color:#D5F58C !important; | |
| } | |
| .layer .content{ | |
| font-size:13px !important; | |
| line-height:1.5 !important; | |
| color:#C5D8A0 !important; | |
| min-width:0 !important; | |
| overflow-wrap:anywhere !important; | |
| } | |
| /* Replace floating white triangles with a subtle Agnora-green connector */ | |
| .arrow{ | |
| position:relative !important; | |
| height:22px !important; | |
| font-size:0 !important; | |
| color:transparent !important; | |
| display:block !important; | |
| } | |
| .arrow::before{ | |
| content:"" !important; | |
| position:absolute !important; | |
| left:50% !important; | |
| top:3px !important; | |
| width:2px !important; | |
| height:10px !important; | |
| transform:translateX(-50%) !important; | |
| background:#55731F !important; | |
| } | |
| .arrow::after{ | |
| content:"" !important; | |
| position:absolute !important; | |
| left:50% !important; | |
| top:11px !important; | |
| transform:translateX(-50%) !important; | |
| width:0 !important; | |
| height:0 !important; | |
| border-left:5px solid transparent !important; | |
| border-right:5px solid transparent !important; | |
| border-top:6px solid #B6E54A !important; | |
| } | |
| /* Intelligence / Agent System / Research boxes */ | |
| .model, | |
| .panel{ | |
| padding:14px !important; | |
| } | |
| .model h3, | |
| .panel h3{ | |
| font-size:13.5px !important; | |
| line-height:1.35 !important; | |
| color:#D5F58C !important; | |
| } | |
| .model .n{ | |
| font-size:11.5px !important; | |
| margin-bottom:8px !important; | |
| color:#B6E54A !important; | |
| } | |
| .model p, | |
| .panel p, | |
| .panel li, | |
| .list div{ | |
| font-size:13px !important; | |
| line-height:1.55 !important; | |
| color:#C5D8A0 !important; | |
| } | |
| .dna{ | |
| font-size:15px !important; | |
| line-height:1.5 !important; | |
| } | |
| .stack span{ | |
| font-size:11.5px !important; | |
| line-height:1.3 !important; | |
| } | |
| /* Buttons: slightly easier to read without becoming heavy */ | |
| .btn, | |
| .chip{ | |
| font-size:11.5px !important; | |
| line-height:1.3 !important; | |
| padding:8px 11px !important; | |
| } | |
| /* Compact but not cramped */ | |
| .section{ | |
| margin-top:30px !important; | |
| } | |
| .section-head{ | |
| margin-bottom:11px !important; | |
| } | |
| @media(max-width:820px){ | |
| .status-row{ | |
| font-size:12px !important; | |
| } | |
| .layer{ | |
| grid-template-columns:145px minmax(0,1fr) !important; | |
| } | |
| } | |
| @media(max-width:680px){ | |
| .hero-copy p{ | |
| font-size:14px !important; | |
| } | |
| .verb{ | |
| min-height:0 !important; | |
| } | |
| .verb span, | |
| .model p, | |
| .panel p, | |
| .panel li, | |
| .layer .content{ | |
| font-size:12.5px !important; | |
| } | |
| .layer{ | |
| grid-template-columns:1fr !important; | |
| gap:4px !important; | |
| padding:12px !important; | |
| } | |
| .arrow{ | |
| height:18px !important; | |
| } | |
| } | |
| </style> | |
| <style id="hf-card-v9-column-alignment"> | |
| /* Clarify label/value columns for technical scanning */ | |
| .layer{ | |
| grid-template-columns:190px minmax(0,1fr) !important; | |
| column-gap:18px !important; | |
| align-items:center !important; | |
| } | |
| .layer strong{ | |
| text-align:left !important; | |
| white-space:normal !important; | |
| } | |
| .layer .content{ | |
| text-align:left !important; | |
| justify-self:stretch !important; | |
| padding-left:0 !important; | |
| } | |
| /* BUILD OR CONNECT rows */ | |
| .list div{ | |
| display:grid !important; | |
| grid-template-columns:160px minmax(0,1fr) !important; | |
| column-gap:18px !important; | |
| align-items:center !important; | |
| padding:9px 12px !important; | |
| border:1px solid #55731F !important; | |
| border-top:1px solid #55731F !important; | |
| background:#000 !important; | |
| } | |
| .list div + div{ | |
| margin-top:4px !important; | |
| } | |
| .list div strong, | |
| .list div b, | |
| .list div span:first-child{ | |
| text-align:left !important; | |
| color:#D5F58C !important; | |
| } | |
| .list div span:last-child{ | |
| text-align:left !important; | |
| color:#C5D8A0 !important; | |
| } | |
| @media(max-width:680px){ | |
| .layer{ | |
| grid-template-columns:1fr !important; | |
| row-gap:4px !important; | |
| } | |
| .list div{ | |
| grid-template-columns:1fr !important; | |
| row-gap:4px !important; | |
| padding:10px 12px !important; | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <main> | |
| <div class="wrap"> | |
| <section class="hero-grid"> | |
| <div class="hero-copy"> | |
| <div class="eyebrow">A> SYSTEM ONLINE / PUBLIC RESEARCH SURFACE</div> | |
| <div class="hero-pixel-title"><svg class="hero-wordmark" viewBox="0 0 388 82" role="img" aria-label="AGNORA" xmlns="http://www.w3.org/2000/svg"><g fill="#B6E54A"><rect x="12" y="0" width="10" height="10" rx="0"/><rect x="24" y="0" width="10" height="10" rx="0"/><rect x="36" y="0" width="10" height="10" rx="0"/><rect x="0" y="12" width="10" height="10" rx="0"/><rect x="48" y="12" width="10" height="10" rx="0"/><rect x="0" y="24" width="10" height="10" rx="0"/><rect x="48" y="24" width="10" height="10" rx="0"/><rect x="0" y="36" width="10" height="10" rx="0"/><rect x="12" y="36" width="10" height="10" rx="0"/><rect x="24" y="36" width="10" height="10" rx="0"/><rect x="36" y="36" width="10" height="10" rx="0"/><rect x="48" y="36" width="10" height="10" rx="0"/><rect x="0" y="48" width="10" height="10" rx="0"/><rect x="48" y="48" width="10" height="10" rx="0"/><rect x="0" y="60" width="10" height="10" rx="0"/><rect x="48" y="60" width="10" height="10" rx="0"/><rect x="0" y="72" width="10" height="10" rx="0"/><rect x="48" y="72" width="10" height="10" rx="0"/><rect x="78" y="0" width="10" height="10" rx="0"/><rect x="90" y="0" width="10" height="10" rx="0"/><rect x="102" y="0" width="10" height="10" rx="0"/><rect x="114" y="0" width="10" height="10" rx="0"/><rect x="66" y="12" width="10" height="10" rx="0"/><rect x="66" y="24" width="10" height="10" rx="0"/><rect x="66" y="36" width="10" height="10" rx="0"/><rect x="102" y="36" width="10" height="10" rx="0"/><rect x="114" y="36" width="10" height="10" rx="0"/><rect x="66" y="48" width="10" height="10" rx="0"/><rect x="114" y="48" width="10" height="10" rx="0"/><rect x="66" y="60" width="10" height="10" rx="0"/><rect x="114" y="60" width="10" height="10" rx="0"/><rect x="78" y="72" width="10" height="10" rx="0"/><rect x="90" y="72" width="10" height="10" rx="0"/><rect x="102" y="72" width="10" height="10" rx="0"/><rect x="132" y="0" width="10" height="10" rx="0"/><rect x="180" y="0" width="10" height="10" rx="0"/><rect x="132" y="12" width="10" height="10" rx="0"/><rect x="144" y="12" width="10" height="10" rx="0"/><rect x="180" y="12" width="10" height="10" rx="0"/><rect x="132" y="24" width="10" height="10" rx="0"/><rect x="156" y="24" width="10" height="10" rx="0"/><rect x="180" y="24" width="10" height="10" rx="0"/><rect x="132" y="36" width="10" height="10" rx="0"/><rect x="168" y="36" width="10" height="10" rx="0"/><rect x="180" y="36" width="10" height="10" rx="0"/><rect x="132" y="48" width="10" height="10" rx="0"/><rect x="180" y="48" width="10" height="10" rx="0"/><rect x="132" y="60" width="10" height="10" rx="0"/><rect x="180" y="60" width="10" height="10" rx="0"/><rect x="132" y="72" width="10" height="10" rx="0"/><rect x="180" y="72" width="10" height="10" rx="0"/><rect x="210" y="0" width="10" height="10" rx="0"/><rect x="222" y="0" width="10" height="10" rx="0"/><rect x="234" y="0" width="10" height="10" rx="0"/><rect x="198" y="12" width="10" height="10" rx="0"/><rect x="246" y="12" width="10" height="10" rx="0"/><rect x="198" y="24" width="10" height="10" rx="0"/><rect x="246" y="24" width="10" height="10" rx="0"/><rect x="198" y="36" width="10" height="10" rx="0"/><rect x="246" y="36" width="10" height="10" rx="0"/><rect x="198" y="48" width="10" height="10" rx="0"/><rect x="246" y="48" width="10" height="10" rx="0"/><rect x="198" y="60" width="10" height="10" rx="0"/><rect x="246" y="60" width="10" height="10" rx="0"/><rect x="210" y="72" width="10" height="10" rx="0"/><rect x="222" y="72" width="10" height="10" rx="0"/><rect x="234" y="72" width="10" height="10" rx="0"/><rect x="264" y="0" width="10" height="10" rx="0"/><rect x="276" y="0" width="10" height="10" rx="0"/><rect x="288" y="0" width="10" height="10" rx="0"/><rect x="300" y="0" width="10" height="10" rx="0"/><rect x="264" y="12" width="10" height="10" rx="0"/><rect x="312" y="12" width="10" height="10" rx="0"/><rect x="264" y="24" width="10" height="10" rx="0"/><rect x="312" y="24" width="10" height="10" rx="0"/><rect x="264" y="36" width="10" height="10" rx="0"/><rect x="276" y="36" width="10" height="10" rx="0"/><rect x="288" y="36" width="10" height="10" rx="0"/><rect x="300" y="36" width="10" height="10" rx="0"/><rect x="264" y="48" width="10" height="10" rx="0"/><rect x="288" y="48" width="10" height="10" rx="0"/><rect x="264" y="60" width="10" height="10" rx="0"/><rect x="300" y="60" width="10" height="10" rx="0"/><rect x="264" y="72" width="10" height="10" rx="0"/><rect x="312" y="72" width="10" height="10" rx="0"/><rect x="342" y="0" width="10" height="10" rx="0"/><rect x="354" y="0" width="10" height="10" rx="0"/><rect x="366" y="0" width="10" height="10" rx="0"/><rect x="330" y="12" width="10" height="10" rx="0"/><rect x="378" y="12" width="10" height="10" rx="0"/><rect x="330" y="24" width="10" height="10" rx="0"/><rect x="378" y="24" width="10" height="10" rx="0"/><rect x="330" y="36" width="10" height="10" rx="0"/><rect x="342" y="36" width="10" height="10" rx="0"/><rect x="354" y="36" width="10" height="10" rx="0"/><rect x="366" y="36" width="10" height="10" rx="0"/><rect x="378" y="36" width="10" height="10" rx="0"/><rect x="330" y="48" width="10" height="10" rx="0"/><rect x="378" y="48" width="10" height="10" rx="0"/><rect x="330" y="60" width="10" height="10" rx="0"/><rect x="378" y="60" width="10" height="10" rx="0"/><rect x="330" y="72" width="10" height="10" rx="0"/><rect x="378" y="72" width="10" height="10" rx="0"/></g></svg></div> | |
| <p class="lead">The autonomous commercial ecosystem, governed by humans.</p> | |
| <p>Agnora is building a modular commercial ecosystem where people define objectives, a COO coordinates the system, and specialized agents execute real work across acquisition, sales, support and operations.</p> | |
| <div class="hero-actions"> | |
| <a class="btn" href="#architecture">Explore architecture</a> | |
| <a class="btn" href="#intelligence">Agnora Intelligence</a> | |
| <a class="btn" href="https://agnora.foundation" target="_blank" rel="noopener">Open Foundation ↗</a> | |
| </div> | |
| </div> | |
| <aside class="status-card"> | |
| <div class="status-title">// PUBLIC STATUS</div> | |
| <div class="status-row"><span>FOUNDATION</span><b>ACTIVE</b></div> | |
| <div class="status-row"><span>CONSTITUTION</span><b>v1.0.0</b></div> | |
| <div class="status-row"><span>PUBLIC ARCHITECTURE</span><b>AVAILABLE</b></div> | |
| <div class="status-row"><span>MODEL ARTIFACTS</span><b>SELECTIVE</b></div> | |
| <div class="status-row"><span>DEVELOPERS</span><b>COMING SOON</b></div> | |
| </aside> | |
| </section> | |
| <section class="section"> | |
| <div class="section-head"> | |
| <h2>CREATE · CONNECT · OPERATE · LEARN · GOVERN</h2> | |
| <div class="section-note">Five verbs that summarize how Agnora turns intent into governed commercial execution.</div> | |
| </div> | |
| <div class="verb-grid"> | |
| <div class="verb"><strong>01 / CREATE</strong><span>Turn an objective into a commercial system.</span></div> | |
| <div class="verb"><strong>02 / CONNECT</strong><span>Keep existing infrastructure and connect only what is needed.</span></div> | |
| <div class="verb"><strong>03 / OPERATE</strong><span>Deploy specialized agents for real commercial work.</span></div> | |
| <div class="verb"><strong>04 / LEARN</strong><span>Improve through private memory, evaluation and governed feedback.</span></div> | |
| <div class="verb"><strong>05 / GOVERN</strong><span>Humans retain goals, permissions, oversight and intervention rights.</span></div> | |
| </div> | |
| </section> | |
| <section class="section" id="architecture"> | |
| <div class="section-head"> | |
| <h2>PUBLIC ARCHITECTURE</h2> | |
| <div class="section-note">Models provide intelligence. The agent system turns intelligence into governed work.</div> | |
| </div> | |
| <div class="architecture"> | |
| <div class="layer"><strong>Human Governance</strong><div class="content">Goals · permissions · boundaries · approvals · intervention</div></div> | |
| <div class="arrow">▼</div> | |
| <div class="layer"><strong>COO</strong><div class="content">Understands intent · assembles the stack · coordinates the system</div></div> | |
| <div class="arrow">▼</div> | |
| <div class="layer"><strong>Specialized Agents</strong><div class="content">Acquisition · Sales · Support · Operations · Content · Analytics</div></div> | |
| <div class="arrow">▼</div> | |
| <div class="layer"><strong>Agnora Intelligence</strong><div class="content">C1 · Vision · Image · Video · Voice</div></div> | |
| <div class="arrow">▼</div> | |
| <div class="layer"><strong>Agent System</strong><div class="content">DNA · Memory · Tools · Permissions · Coordination</div></div> | |
| <div class="arrow">▼</div> | |
| <div class="layer"><strong>Modular Commercial Infrastructure</strong><div class="content">Data · Payments · Shipping · Domains · Frontends · Communications · External providers</div></div> | |
| </div> | |
| </section> | |
| <section class="section" id="intelligence"> | |
| <div class="section-head"> | |
| <h2>AGNORA INTELLIGENCE</h2> | |
| <div class="section-note">Public artifacts and release status may differ by system.</div> | |
| </div> | |
| <div class="models"> | |
| <div class="model"><div class="n">/01</div><h3>Agnora C1</h3><p>Commerce intelligence.</p></div> | |
| <div class="model"><div class="n">/02</div><h3>Agnora Vision</h3><p>Visual commerce intelligence.</p></div> | |
| <div class="model"><div class="n">/03</div><h3>Agnora Image</h3><p>Commercial image generation and transformation.</p></div> | |
| <div class="model"><div class="n">/04</div><h3>Agnora Video</h3><p>Commercial video generation and editing.</p></div> | |
| <div class="model"><div class="n">/05</div><h3>Agnora Voice</h3><p>Voice and conversational interaction.</p></div> | |
| </div> | |
| </section> | |
| <section class="section"> | |
| <div class="section-head"> | |
| <h2>AGENT SYSTEM</h2> | |
| <div class="section-note">Intelligence is not the same thing as an agent.</div> | |
| </div> | |
| <div class="agent-box"> | |
| <div class="panel"> | |
| <h3>MODEL = INTELLIGENCE</h3> | |
| <div class="dna">DNA = BEHAVIOR, PRINCIPLES, MEMORY AND WAY OF WORKING.</div> | |
| <p>Agnora agents combine one or more intelligence systems with an operational layer that defines how they behave and what they are allowed to do.</p> | |
| </div> | |
| <div class="panel"> | |
| <h3>AGENT RUNTIME PRIMITIVES</h3> | |
| <div class="stack"><span>DNA</span><span>MEMORY</span><span>TOOLS</span><span>PERMISSIONS</span><span>COORDINATION</span></div> | |
| <p>The objective is not only to answer questions. The objective is to perform real commercial work while remaining under human governance.</p> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="section"> | |
| <div class="section-head"> | |
| <h2>BUILD OR CONNECT</h2> | |
| <div class="section-note">Agnora is modular by default.</div> | |
| </div> | |
| <div class="architecture"> | |
| <div class="layer"><strong>Data</strong><div class="content">Agnora-managed or customer infrastructure</div></div> | |
| <div class="layer"><strong>Payments</strong><div class="content">Agnora connectors or customer providers</div></div> | |
| <div class="layer"><strong>Shipping</strong><div class="content">Agnora agreements or customer accounts</div></div> | |
| <div class="layer"><strong>Domain</strong><div class="content">Agnora-managed or external provider</div></div> | |
| <div class="layer"><strong>Frontend</strong><div class="content">Agnora-generated or existing product</div></div> | |
| <div class="layer"><strong>Agents</strong><div class="content">Coordinated by Agnora</div></div> | |
| </div> | |
| </section> | |
| <section class="section"> | |
| <div class="section-head"> | |
| <h2>PUBLIC RESEARCH</h2> | |
| <div class="section-note">Agnora will publish selectively, not indiscriminately.</div> | |
| </div> | |
| <div class="research-grid"> | |
| <div class="panel"> | |
| <h3>PLANNED PUBLIC ARTIFACTS</h3> | |
| <div class="list"> | |
| <div>Technical reports</div> | |
| <div>Benchmarks</div> | |
| <div>Evaluation datasets</div> | |
| <div>Research notes</div> | |
| <div>Model and system cards</div> | |
| </div> | |
| </div> | |
| <div class="panel"> | |
| <h3>PROTECTED CORE</h3> | |
| <p>Strategic models, datasets, training systems, economic orchestration and proprietary infrastructure may remain private.</p> | |
| <p>Being present on Hugging Face does not mean opening the entire Agnora core.</p> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="section"> | |
| <div class="section-head"> | |
| <h2>LINKS</h2> | |
| <div class="section-note">More public surfaces will be activated as they are ready.</div> | |
| </div> | |
| <div class="panel"> | |
| <div class="list"> | |
| <div><b>Foundation</b> — <a href="https://agnora.foundation" target="_blank" rel="noopener">agnora.foundation ↗</a></div> | |
| <div><b>Developers</b> — coming soon</div> | |
| <div><b>GitHub</b> — coming soon</div> | |
| <div><b>X</b> — coming soon</div> | |
| </div> | |
| </div> | |
| </section> | |
| </div> | |
| </main> | |
| <footer> | |
| <div class="wrap footer-row"> | |
| <span>A> AGNORA / HUGGING FACE</span> | |
| <span>PUBLIC RESEARCH SURFACE <span class="blink">▋</span></span> | |
| </div> | |
| </footer> | |
| </body> | |
| </html> | |