| <!doctype html> |
| <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 !important; |
| } |
| |
| body::before{ |
| background:transparent !important; |
| opacity:0 !important; |
| } |
| |
| .status-card, |
| .verb, |
| .model, |
| .layer, |
| .panel{ |
| background:#000000 !important; |
| } |
| </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> |
|
|
