@font-face{font-family:"EB Garamond";font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/eb-garamond-latin-400-normal.woff2) format("woff2")}@font-face{font-family:"EB Garamond";font-weight:400;font-style:italic;font-display:swap;src:url(/fonts/eb-garamond-latin-400-italic.woff2) format("woff2")}@font-face{font-family:"EB Garamond";font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/eb-garamond-latin-500-normal.woff2) format("woff2")}@font-face{font-family:"Schibsted Grotesk";font-weight:400;font-display:swap;src:url(/fonts/schibsted-grotesk-latin-400-normal.woff2) format("woff2")}@font-face{font-family:"Schibsted Grotesk";font-weight:500;font-display:swap;src:url(/fonts/schibsted-grotesk-latin-500-normal.woff2) format("woff2")}@font-face{font-family:"Schibsted Grotesk";font-weight:600;font-display:swap;src:url(/fonts/schibsted-grotesk-latin-600-normal.woff2) format("woff2")}@font-face{font-family:"IBM Plex Mono";font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2")}@font-face{font-family:"IBM Plex Mono";font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2")}
/* Hyris — deep-water blue, white type, Hyperliquid mint used for signal only (live data, money, proof). Geist + Geist Mono. */
:root{
  --bg:#071920; --bg2:#0a1f27; --s1:#0d242d; --s2:#112d37; --s3:#163843;
  --line:rgba(151,252,228,.09); --line2:rgba(151,252,228,.16); --hair:rgba(255,255,255,.06);
  --ink:#f3fbf9; --ink2:#c3d6da; --muted:#86a3aa; --dim:#5d7c84;
  --mint:#97fce4; --mint2:#5ee9c8; --glow:rgba(151,252,228,.35); --warn:#ffc27a; --bad:#ff8f7a;
  --serif:"EB Garamond","Iowan Old Style",Georgia,serif; --sans:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif; --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace; --brass:#d1ae68;
  color-scheme:dark;
}
*{box-sizing:border-box}html{scroll-padding-top:90px}html,body{margin:0}
body{background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;padding:0 16px;overflow-x:hidden}
body:before{content:"";position:fixed;inset:-20% -10% auto;height:900px;background:radial-gradient(50% 50% at 70% 20%,rgba(94,233,200,.10),transparent 70%),radial-gradient(40% 40% at 10% 0%,rgba(80,150,255,.07),transparent 70%);pointer-events:none;z-index:-1}
h1,h2,h3,p{margin:0}
a{color:var(--mint);text-underline-offset:3px}a:hover{color:var(--ink)}
:focus-visible{outline:2px solid var(--mint);outline-offset:3px;border-radius:8px}
main{max-width:1180px;margin:0 auto;padding-bottom:40px;min-height:70vh}
main>*{min-width:0}
.mono,code,pre{font-family:var(--mono)}
::selection{background:var(--mint);color:#04211c}

/* ---------- nav */
.top{position:sticky;top:0;z-index:30;margin:0 -16px;padding:0 16px;background:rgba(7,25,32,.72);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--hair)}
.top-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:28px;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:600 18px/1 var(--sans);letter-spacing:-.03em;flex:none}
.brand:hover{color:var(--ink)}
.mark{width:38px;height:auto;flex:none;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.brand:hover .mark{transform:scaleY(.78)}
.tabs{display:flex;gap:4px;margin-left:auto;overflow-x:auto;scrollbar-width:none;align-items:center}
.tabs::-webkit-scrollbar{display:none}
.tabs a{text-decoration:none;color:var(--muted);padding:8px 12px;border-radius:10px;white-space:nowrap;font:500 14px/1 var(--sans);transition:color .2s}
.tabs a:hover,.tabs a[aria-current]{color:var(--ink)}
.tabs a.cta{margin-left:10px}

/* ---------- buttons: a pressed key, not a pill */
.btn{--b:var(--ink);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:46px;padding:0 20px;border-radius:12px;border:0;cursor:pointer;text-decoration:none;
  font:500 15px/1 var(--sans);letter-spacing:-.01em;color:#04211c;background:var(--b);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -2px 0 rgba(0,0,0,.18),0 10px 30px -12px var(--glow);transition:transform .15s,box-shadow .2s,background .2s}
.btn:hover{--b:var(--mint);color:#04211c;transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -2px 0 rgba(0,0,0,.18),0 16px 40px -14px var(--glow)}
.btn:active{transform:translateY(1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 1px 2px rgba(0,0,0,.25)}
.btn .k{font:500 11px/1 var(--mono);padding:4px 6px;border-radius:6px;background:rgba(4,33,28,.1)}
.btn.ghost{background:rgba(255,255,255,.03);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line2)}
.btn.ghost:hover{background:rgba(151,252,228,.07);color:var(--ink);box-shadow:inset 0 0 0 1px var(--mint)}
.btn.sm{height:34px;padding:0 13px;font-size:13.5px;border-radius:9px}
.tabs a.btn.sm{color:#04211c;padding:0 14px}
.btn[disabled]{opacity:.4;cursor:not-allowed;transform:none}
.link{color:var(--ink);text-decoration:none;font-weight:500;border-bottom:1px solid var(--line2);padding-bottom:2px;transition:border-color .2s}
.link:hover{border-color:var(--mint);color:var(--ink)}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.badge{font:500 11.5px var(--mono);padding:3px 8px;border-radius:6px;background:var(--s2);color:var(--ink2);margin-right:4px;text-decoration:none;white-space:nowrap}
.badge.on{background:rgba(151,252,228,.1);color:var(--mint)}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 0 var(--glow);animation:ping 2s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 var(--glow)}70%,100%{box-shadow:0 0 0 7px transparent}}

/* ---------- home rhythm */
.home{display:grid;gap:140px;padding-bottom:20px}
.home>*{min-width:0}
.kicker{font:500 13px var(--mono);color:var(--mint);letter-spacing:.02em}
.h2{font:500 clamp(34px,4.6vw,56px)/1.02 var(--sans);letter-spacing:-.05em;margin-top:14px;max-width:18ch}
.lede{color:var(--muted);font-size:18px;max-width:58ch;margin-top:16px}
h2{font:500 26px/1.15 var(--sans);letter-spacing:-.035em;margin:44px 0 10px}
.sub{color:var(--ink2);margin:-2px 0 18px;max-width:68ch}
.note{font-size:13px;color:var(--muted)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}

/* ---------- hero */
.hx{padding-top:84px;text-align:center;display:grid;justify-items:center}
.hx .live{display:inline-flex;align-items:center;gap:10px;font:500 13px var(--mono);color:var(--ink2);padding:7px 12px 7px 10px;border-radius:999px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--line)}
.hx .live b{color:var(--mint);font-weight:500}
.hx h1{font:500 clamp(52px,8.4vw,112px)/.92 var(--sans);letter-spacing:-.065em;margin-top:26px;max-width:12ch}
.hx h1 span{display:inline-block;opacity:0;transform:translateY(.35em);filter:blur(8px);animation:rise .9s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes rise{to{opacity:1;transform:none;filter:none}}
.hx .sub{font-size:19px;color:var(--muted);max-width:560px;margin:26px 0 0}
.hx .row{margin-top:32px;justify-content:center}
.hx .facts{display:flex;gap:28px;flex-wrap:wrap;justify-content:center;margin-top:30px;font:400 13.5px var(--mono);color:var(--muted)}
.hx .facts b{color:var(--ink);font-weight:500}

/* conveyor of receipts */
.conv{position:relative;margin:70px -16px 0;height:470px;perspective:1600px;overflow:hidden;
  -webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.plane{position:absolute;inset:0;transform:rotateX(22deg) rotateZ(-5deg) translateY(-10px);transform-style:preserve-3d;display:grid;align-content:center;gap:18px}
.rail{display:flex;gap:18px;width:max-content;animation:slide 80s linear infinite}
.rail.r2{animation-duration:95s;animation-direction:reverse;margin-left:-180px}
.conv:hover .rail{animation-play-state:paused}
@keyframes slide{to{transform:translateX(-50%)}}
.tk{width:290px;flex:none;background:linear-gradient(180deg,var(--s2),var(--s1));border-radius:16px;padding:16px 18px 14px;box-shadow:inset 0 0 0 1px var(--line),0 30px 50px -30px rgba(0,0,0,.9);display:grid;gap:10px;position:relative}
.tk:before,.tk:after{content:"";position:absolute;top:calc(100% - 44px);width:14px;height:14px;border-radius:50%;background:var(--bg)}
.tk:before{left:-7px}.tk:after{right:-7px}
.tk .h{display:flex;justify-content:space-between;align-items:center;font:400 12px var(--mono);color:var(--muted)}
.tk .h i{font-style:normal;display:inline-flex;align-items:center;gap:6px;color:var(--mint)}
.tk .m{font:500 14.5px/1.3 var(--mono);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk .c{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.tk .c b{font:500 30px/1 var(--sans);letter-spacing:-.04em}
.tk .c span{font:400 12px var(--mono);color:var(--muted)}
.tk svg{width:100%;height:34px;display:block}
.tk .f{display:flex;justify-content:space-between;gap:10px;padding-top:12px;margin-top:2px;border-top:1.5px dashed var(--line2);font:400 11.5px var(--mono);color:var(--dim)}
.tk .f em{font-style:normal;color:var(--mint)}
.tk.live{background:linear-gradient(180deg,#123b40,var(--s1) 75%)}
.conv .tag{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:2;font:500 11.5px var(--mono);color:var(--muted)}

/* ---------- flow (how it works) */
.flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:56px}
.flow:before{content:"";position:absolute;left:28px;right:28px;top:27px;height:1px;background:linear-gradient(90deg,var(--line2),var(--line2))}
.flow .pulse{position:absolute;top:22px;left:28px;width:11px;height:11px;border-radius:50%;background:var(--mint);box-shadow:0 0 18px 4px var(--glow);animation:travel 5.5s cubic-bezier(.6,0,.4,1) infinite}
@keyframes travel{0%{left:28px;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:calc(100% - 40px);opacity:0}}
.st{position:relative;display:grid;gap:12px;align-content:start}
.st .n{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--s1);box-shadow:inset 0 0 0 1px var(--line2);position:relative;z-index:1}
.st .n svg{width:24px;height:24px;stroke:var(--mint);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.st h3{font:500 19px/1.2 var(--sans);letter-spacing:-.025em;margin-top:6px}
.st p{color:var(--muted);font-size:15px;max-width:30ch}
.st code{font-size:13px;color:var(--ink2)}

/* live ledger */
.ledger{margin-top:56px;border-radius:18px;background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.ledger .lh{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line);font:500 13px var(--mono);color:var(--ink2)}
.ledger .lh span{display:inline-flex;align-items:center;gap:9px}
.ledger .lb{padding:6px 20px 12px;font:13px/2.1 var(--mono);overflow-x:auto}
.ledger .r{display:grid;grid-template-columns:60px minmax(110px,.7fr) minmax(220px,1.5fr) 80px 90px;gap:14px;white-space:nowrap;color:var(--ink2)}
.ledger .r.new{animation:flash 1.4s}
@keyframes flash{from{background:rgba(151,252,228,.12)}to{background:transparent}}
.ledger .hd{color:var(--dim);font-size:11.5px}
.ledger .g{color:var(--mint);text-align:right}.ledger .d{color:var(--dim)}.ledger .rt{text-align:right}

/* ---------- agent showcase */
.show{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;margin-top:48px;align-items:stretch}
.caps{display:grid;gap:2px;align-content:start}
.cap{all:unset;cursor:pointer;display:grid;gap:4px;padding:16px 18px 16px 20px;border-radius:14px;position:relative;transition:background .25s}
.cap:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:2px;background:var(--line2);transition:background .25s}
.cap b{font:500 18px/1.2 var(--sans);letter-spacing:-.02em;color:var(--muted);transition:color .25s}
.cap span{font-size:14.5px;color:var(--dim);display:none}
.cap .bar{position:absolute;left:0;top:14px;width:2px;height:0;background:var(--mint);border-radius:2px}
.cap[aria-selected="true"]{background:rgba(255,255,255,.025)}
.cap[aria-selected="true"] b{color:var(--ink)}
.cap[aria-selected="true"] span{display:block;color:var(--muted)}
.cap[aria-selected="true"] .bar{animation:fillbar 7s linear forwards}
@keyframes fillbar{to{height:calc(100% - 28px)}}
.cap:hover b{color:var(--ink)}
.term{background:#051318;border-radius:18px;box-shadow:inset 0 0 0 1px var(--line2),0 40px 80px -40px rgba(0,0,0,.9);display:flex;flex-direction:column;min-height:420px;overflow:hidden}
.term .th{display:flex;justify-content:space-between;gap:10px;padding:13px 18px;border-bottom:1px solid var(--line);font:500 12.5px var(--mono);color:var(--muted)}
.term .th b{color:var(--ink);font-weight:500}
.term pre{margin:0;padding:18px 20px;font:13px/1.85 var(--mono);color:#cfe9e3;white-space:pre-wrap;word-break:break-word;flex:1}
.term .k{color:#7fb6c2}.term .s{color:var(--mint)}.term .c{color:var(--dim)}.term .w{color:var(--warn)}
.term .cur{display:inline-block;width:8px;height:16px;background:var(--mint);vertical-align:-3px;animation:blinkc 1s steps(1) infinite}
@keyframes blinkc{50%{opacity:0}}

/* guardrails: the budget meter */
.guard{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.meter{border-radius:20px;background:linear-gradient(180deg,var(--s1),var(--bg2));box-shadow:inset 0 0 0 1px var(--line);padding:26px}
.meter .top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.meter .top b{font:500 15px var(--mono)}
.meter .top span{font:400 13px var(--mono);color:var(--muted)}
.meter .big{font:500 54px/1 var(--sans);letter-spacing:-.05em;margin:22px 0 14px}
.meter .big small{font-size:20px;color:var(--muted);letter-spacing:-.02em}
.meter .track{height:12px;border-radius:99px;background:var(--s3);overflow:hidden}
.meter .track i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--mint2),var(--mint));transition:width .45s cubic-bezier(.2,.8,.2,1),background .3s}
.meter.full .track i{background:linear-gradient(90deg,#ffb36b,var(--bad))}
.meter .log{margin-top:18px;font:12.5px/1.9 var(--mono);color:var(--muted);height:115px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
.meter .log .no{color:var(--bad)}
.rules{list-style:none;margin:30px 0 0;padding:0;display:grid}
.rules li{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:14px 0;border-top:1px solid var(--line)}
.rules li:last-child{border-bottom:1px solid var(--line)}
.rules b{font-weight:500}.rules span{color:var(--muted)}

/* ---------- proof: receipt + merkle */
.split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.merkle{margin-top:34px}
.merkle svg{width:100%;max-width:470px;height:auto;display:block}
.merkle line{stroke:var(--line2);stroke-width:1.5}
.merkle .lit{stroke:var(--mint);stroke-dasharray:80;stroke-dashoffset:80;animation:draw 7s infinite}
.merkle circle{fill:var(--s2);stroke:var(--line2);stroke-width:1.5}
.merkle .lf{animation:lf 7s infinite}
.merkle .root{fill:var(--mint);stroke:none;animation:rt 7s infinite;transform-origin:center;transform-box:fill-box}
.merkle text{font:500 11px var(--mono);fill:var(--muted)}
@keyframes draw{0%,8%{stroke-dashoffset:80}30%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:80}}
@keyframes lf{0%,4%{fill:var(--s2)}10%,85%{fill:var(--mint)}100%{fill:var(--s2)}}
@keyframes rt{0%,52%{opacity:.25;transform:scale(.7)}60%,85%{opacity:1;transform:scale(1)}100%{opacity:.25;transform:scale(.7)}}
.points{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:10px}
.points li{display:grid;grid-template-columns:22px 1fr;gap:10px;color:var(--ink2)}
.points li:before{content:"";width:10px;height:10px;margin-top:8px;border-radius:3px;background:var(--mint);opacity:.8}

/* ---------- models */
.ticker{margin:0 -16px;overflow:hidden;padding:18px 0;border-block:1px solid var(--hair);-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ticker .belt{display:flex;gap:44px;width:max-content;animation:slide 90s linear infinite}
.ticker span{font:400 14px var(--mono);color:var(--muted);white-space:nowrap}
.ticker span b{font-weight:500;color:var(--ink);margin-left:10px}
.mtable{margin-top:36px;border-radius:18px;background:var(--s1);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.mtable table{width:100%;border-collapse:collapse;font-size:15px}
.mtable th,.mtable td{padding:15px 20px;border-bottom:1px solid var(--line);text-align:left}
.mtable th{font:500 12px var(--mono);color:var(--dim)}
.mtable td.n,.mtable th.n{text-align:right;font-family:var(--mono)}
.mtable td small{display:block;font:12px var(--mono);color:var(--dim);margin-top:2px}
.mtable tbody tr{transition:background .2s}.mtable tbody tr:hover{background:rgba(255,255,255,.02)}
.mtable tr:last-child td{border-bottom:0}
.mfoot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted)}

/* ---------- code block */
.cblock{background:#051318;border-radius:18px;box-shadow:inset 0 0 0 1px var(--line2);overflow:hidden}
.cblock header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line)}
.cblock .ctabs{display:flex;gap:2px;flex-wrap:wrap}
.cblock .ctabs button,.cblock .cp{background:none;border:0;color:var(--muted);font:500 12.5px var(--mono);padding:6px 11px;border-radius:8px;cursor:pointer}
.cblock .ctabs button[aria-selected="true"]{background:var(--s2);color:var(--ink)}
.cblock .cp{box-shadow:inset 0 0 0 1px var(--line2);color:var(--ink2)}.cblock .cp:hover{color:var(--ink)}
.cblock pre{margin:0;padding:20px;font:13.5px/1.8 var(--mono);overflow-x:auto;color:#cfe9e3}
.cblock .s{color:var(--mint)}.cblock .del{color:#e08f7f;text-decoration:line-through;opacity:.8}
.connect{list-style:none;padding:0;margin:28px 0 0;display:grid}
.connect li{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:16px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}
.connect li:last-child{border-bottom:1px solid var(--line)}
.connect b{font-weight:500;font-size:15px}.connect code{font-size:13.5px;color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- funding, faq, closing */
.fund{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:40px;background:var(--line);border-radius:18px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.fcard{background:var(--bg);padding:28px;display:grid;gap:10px;align-content:start}
.fcard .ic{font:500 26px/1 var(--sans);letter-spacing:-.04em;color:var(--mint)}
.fcard b{font:500 18px var(--sans);letter-spacing:-.02em}.fcard p{color:var(--muted);font-size:15px}
.faq{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:48px}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}
.faq details:first-child{border-top:1px solid var(--line)}
.faq summary{cursor:pointer;font-weight:500;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"";width:10px;height:10px;margin-top:6px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);transition:transform .25s}
.faq details[open] summary:after{transform:rotate(225deg)}
.faq details p{color:var(--muted);margin-top:10px;max-width:60ch}
.closing{position:relative;text-align:center;display:grid;justify-items:center;gap:26px;padding:80px 20px;border-radius:28px;overflow:hidden;background:radial-gradient(60% 90% at 50% 100%,rgba(94,233,200,.16),transparent 70%),var(--bg2);box-shadow:inset 0 0 0 1px var(--line)}
.closing h2{font:500 clamp(40px,6vw,76px)/.98 var(--sans);letter-spacing:-.06em;margin:0;max-width:14ch}
.closing .eye{width:120px;opacity:.9}

/* ---------- console */
.con{display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px;padding-top:34px}
.side{position:sticky;top:96px;align-self:start;display:grid;gap:2px}
.side .who{display:grid;gap:3px;padding:0 12px 18px;margin-bottom:10px;border-bottom:1px solid var(--line)}
.side .who b{font:500 14px var(--mono)}.side .who span{font-size:12.5px;color:var(--muted)}
.side a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:var(--muted);font:500 14.5px var(--sans);padding:9px 12px;border-radius:10px;transition:background .2s,color .2s}
.side a:hover{color:var(--ink)}
.side a[aria-current]{background:var(--s1);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.side a small{font:400 11.5px var(--mono);color:var(--dim)}
.side .out{margin-top:16px}
.ch{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.ch h1{font:500 34px/1 var(--sans);letter-spacing:-.045em}
.ch p{color:var(--muted);margin-top:8px}
.panel{background:var(--s1);border-radius:18px;box-shadow:inset 0 0 0 1px var(--line);padding:22px}
.panel h3{font:500 15px var(--sans);margin:0 0 14px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.panel h3 span{font:400 12.5px var(--mono);color:var(--muted)}
.kpis{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px}
.kpi{background:var(--s1);border-radius:18px;box-shadow:inset 0 0 0 1px var(--line);padding:20px 22px;display:grid;gap:8px;align-content:start}
.kpi span{font:400 13px var(--sans);color:var(--muted)}
.kpi b{font:500 34px/1 var(--sans);letter-spacing:-.045em}
.kpi small{font:400 12.5px var(--mono);color:var(--dim)}
.kpi.main{background:linear-gradient(160deg,#134046,var(--s1) 70%);box-shadow:inset 0 0 0 1px var(--line2)}
.kpi.main b{font-size:46px}
.grid2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;margin-top:14px}
.chart{display:flex;align-items:flex-end;gap:8px;height:150px;padding-top:10px}
.chart div{flex:1;display:grid;gap:6px;justify-items:center;align-content:end;height:100%}
.chart i{display:block;width:100%;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--mint),rgba(151,252,228,.25));min-height:3px;transform-origin:bottom;animation:grow .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes grow{from{transform:scaleY(0)}}
.chart span{font:400 11px var(--mono);color:var(--dim)}
.list{display:grid}
.list .li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:14.5px}
.list .li:first-child{border-top:0}
.list .li .l{display:grid;gap:2px;min-width:0}
.list .li .l b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list .li .l span{font:400 12.5px var(--mono);color:var(--muted)}
.inp{height:44px;border:0;border-radius:11px;background:var(--bg);color:var(--ink);padding:0 14px;font:inherit;box-shadow:inset 0 0 0 1px var(--line2);transition:box-shadow .2s;min-width:0}
.inp:focus{outline:0;box-shadow:inset 0 0 0 1.5px var(--mint)}
.signin{max-width:460px;margin:70px auto;text-align:center;display:grid;justify-items:center;gap:16px}
.signin .eye{width:96px;margin-bottom:6px}
.signin h1{font:500 40px/1 var(--sans);letter-spacing:-.05em}
.signin p{color:var(--muted)}
.signin .alt{width:100%;margin-top:18px;padding-top:20px;border-top:1px solid var(--line);display:grid;gap:10px}
.signin .alt .row{flex-wrap:nowrap}

/* ---------- shared bits for the other pages */
.hero{padding:56px 0 30px}
.hero h1{font:500 clamp(40px,5.4vw,66px)/1 var(--sans);letter-spacing:-.055em;margin:0 0 18px}
.hero p{font-size:18px;color:var(--muted);max-width:56ch}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-radius:18px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line);margin:8px 0 28px}
.stat{background:var(--s1);padding:18px 20px}
.stat b{display:block;font:500 28px var(--sans);letter-spacing:-.04em}
.stat span{font-size:13px;color:var(--muted)}
.bar-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.seg{display:inline-flex;background:var(--s1);border-radius:11px;padding:3px;box-shadow:inset 0 0 0 1px var(--line)}
.seg button{border:0;background:none;color:var(--muted);font:500 13.5px var(--sans);padding:7px 13px;border-radius:8px;cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--s3);color:var(--ink)}
.search,.field input,.field select,textarea,select{border:0;background:var(--s1);color:var(--ink);border-radius:11px;padding:11px 13px;font:inherit;box-shadow:inset 0 0 0 1px var(--line2)}
.search:focus,.field input:focus,textarea:focus,select:focus{outline:0;box-shadow:inset 0 0 0 1.5px var(--mint)}
.search{flex:1;min-width:180px;max-width:340px}
.tbl{width:100%;border-collapse:collapse;background:var(--s1);border-radius:18px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.tbl th{font:500 12px var(--mono);color:var(--dim);text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap}
.tbl tr:last-child td{border-bottom:0}
.num{text-align:right}
.card{background:var(--s1);border-radius:18px;box-shadow:inset 0 0 0 1px var(--line);padding:22px}
.card h3{margin:0 0 12px;font:500 15px var(--sans)}
.cols{display:grid;grid-template-columns:1fr 360px;gap:22px;align-items:start}
.empty{padding:30px;text-align:center;color:var(--muted)}
.skel{height:14px;background:var(--s2);border-radius:4px;animation:pulse 1.2s infinite alternate}
@keyframes pulse{to{opacity:.4}}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mirrorcard .row{display:flex;justify-content:space-between;gap:10px;font-size:14px;padding:8px 0;border-bottom:1px solid var(--line)}
.sticky{position:sticky;top:90px}
.call{background:var(--s1);border-radius:18px;box-shadow:inset 0 0 0 1px var(--line2),0 40px 80px -50px rgba(0,0,0,.9);overflow:hidden}
.call .q{padding:16px 18px;border-bottom:1px solid var(--line);font-size:14px}
.call .q b{display:block;font:500 12px var(--mono);color:var(--muted);margin-bottom:6px}
.call .tool{display:flex;gap:10px;align-items:center;padding:10px 18px;border-bottom:1px solid var(--line);background:rgba(151,252,228,.06);font:400 12.5px/1.4 var(--mono);color:var(--mint)}
.call .a{padding:18px;font-size:15px}
.call .meta{display:flex;justify-content:space-between;gap:10px;padding:11px 18px;border-top:1px dashed var(--line2);font:400 12px/1.3 var(--mono);color:var(--muted)}
pre.code{background:#051318;color:#cfe9e3;border-radius:16px;box-shadow:inset 0 0 0 1px var(--line2);padding:18px 20px;overflow-x:auto;font-size:13px;line-height:1.7;margin:0}
.codebox{position:relative}.codebox .cp{position:absolute;top:10px;right:10px}
.keybox{font:500 15px/1.4 var(--mono);background:var(--bg);border-radius:12px;padding:13px 15px;word-break:break-all;margin:12px 0;box-shadow:inset 0 0 0 1px var(--line2)}
.warn{background:rgba(255,194,122,.07);border-radius:12px;padding:11px 14px;font-size:14px;color:#ffd9a8;box-shadow:inset 0 0 0 1px rgba(255,194,122,.2)}
.field{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.chat{display:flex;flex-direction:column;gap:12px;min-height:320px;max-height:60vh;overflow-y:auto;padding:18px;background:var(--bg2);border-radius:18px;box-shadow:inset 0 0 0 1px var(--line)}
.msg{max-width:80%;padding:11px 15px;border-radius:16px;white-space:pre-wrap;line-height:1.5}
.msg.u{align-self:flex-end;background:var(--ink);color:#04211c;border-bottom-right-radius:6px}
.msg.a{align-self:flex-start;background:var(--s2);border-bottom-left-radius:6px}
.msg small{display:block;margin-top:6px;font:400 11.5px/1.3 var(--mono);opacity:.75}
.compose{display:flex;gap:8px;margin-top:10px}.compose textarea{flex:1;resize:vertical;min-height:54px}
.toggle{display:inline-flex;align-items:center;gap:8px;font-weight:500;cursor:pointer}
.toggle input{width:18px;height:18px;accent-color:var(--mint)}
.doc h3{font:500 18px var(--sans);margin:30px 0 8px}.doc p,.doc li{color:var(--ink2);max-width:72ch}
.doc table{border-collapse:collapse;width:100%;max-width:840px;background:var(--s1);border-radius:14px;overflow:hidden}
.doc td,.doc th{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:14px;vertical-align:top}
.doc th{font:500 12px var(--mono);color:var(--dim)}
.doc code{background:var(--s2);padding:1px 6px;border-radius:5px;font-size:13px}
#agents .tbl{table-layout:auto}#agents .tbl td:nth-child(4){white-space:normal;max-width:170px}#agents .tbl td:last-child{white-space:normal;text-align:right;min-width:150px}#agents .tbl td:last-child .btn{margin:2px 0}

/* ---------- footer */
.foot{max-width:1180px;margin:100px auto 0;padding:40px 0 44px;border-top:1px solid var(--hair);color:var(--muted);font-size:13.5px}
.foot .ft{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.foot .tag{margin-top:12px;color:var(--ink2)}
.foot .cols2{display:flex;gap:64px}
.foot .cols2 div{display:grid;gap:9px;align-content:start}
.foot .cols2 b{color:var(--ink);font-weight:500;font-size:14px}
.foot .cols2 a{color:var(--muted);text-decoration:none}.foot .cols2 a:hover{color:var(--ink)}
.foot .legal{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:34px;padding-top:18px;border-top:1px solid var(--hair);font-size:12.5px;color:var(--dim)}

@media (max-width:960px){
  .split,.faq,.guard,.show,.con{grid-template-columns:minmax(0,1fr)}
  .flow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px}.flow:before,.flow .pulse{display:none}
  .fund{grid-template-columns:minmax(0,1fr)}
  .home{gap:100px}.conv{height:400px}
  .side{position:static;grid-auto-flow:column;overflow-x:auto;gap:4px}.side .who,.side .out{display:none}
  .kpis,.grid2{grid-template-columns:minmax(0,1fr)}
  .cols{grid-template-columns:1fr}.sticky{position:static}
  .stats{grid-template-columns:repeat(2,1fr)}.steps3{grid-template-columns:1fr}
  .tbl{display:block;overflow-x:auto}.tbl td,.tbl th{padding:11px 10px}
}
@media (max-width:600px){
  .top-in{gap:10px}.mark{width:34px}.brand span{display:none}.tabs a{padding:8px 8px}.tabs a.hm{display:none}.tabs a.cta{margin-left:4px}
  .hx{padding-top:48px}.conv{height:330px;margin-top:40px}.tk{width:240px}.tk .c b{font-size:25px}
  .flow{grid-template-columns:minmax(0,1fr)}
  .rules li{grid-template-columns:1fr;gap:2px}
  .connect li{grid-template-columns:1fr auto;}.connect li b{grid-column:1/-1}
  .hide-s{display:none}.msg{max-width:92%}
  .mtable th,.mtable td{padding:12px}
  .meter .big{font-size:42px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hx h1 span{opacity:1;transform:none;filter:none}}

/* ================= editorial layer (Priors-style type and structure, Hyris colours) ================= */
:root{--rule:rgba(232,240,238,.14);--rule2:rgba(232,240,238,.08)}
body:before{opacity:.6}
.mono,code,pre{letter-spacing:0}
/* nav + dateline */
.top{background:rgba(7,25,32,.86)}
.brand{font:500 25px/1 var(--serif);letter-spacing:-.01em}
.tabs a{font:500 14.5px/1 var(--sans);border-radius:0}
.dateline{margin:0 -16px;padding:0 16px;border-bottom:1px solid var(--rule)}
.dateline .in{max-width:1180px;margin:0 auto;display:flex;gap:28px;flex-wrap:wrap;justify-content:space-between;padding:9px 0;font:400 13px var(--sans);color:var(--muted)}
.dateline a{color:var(--ink2);text-decoration:underline;text-underline-offset:4px}
/* buttons: square, ink on paper, a mint underline inside the primary */
.btn{height:auto;padding:13px 19px;border-radius:0;font:500 15px/1 var(--sans);letter-spacing:0;color:var(--ink);background:transparent;border:1px solid var(--ink);box-shadow:none;transform:none}
.btn:hover{background:rgba(255,255,255,.05);color:var(--ink);transform:none;box-shadow:none}
.btn:active{transform:translateY(1px);box-shadow:none}
.btn.primary,.btn:not(.ghost):not(.sm){background:var(--ink);color:#061a20;box-shadow:inset 0 -4px 0 var(--ink),inset 0 -5px 0 var(--mint)}
.btn.primary:hover,.btn:not(.ghost):not(.sm):hover{background:var(--mint);border-color:var(--mint);color:#061a20;box-shadow:none}
.btn.ghost{background:transparent;border:1px solid var(--rule);box-shadow:none;color:var(--ink)}
.btn.ghost:hover{border-color:var(--ink);background:transparent;box-shadow:none}
.btn.sm{padding:8px 12px;font-size:13.5px;border-radius:0;border-color:var(--rule)}
.tabs a.btn.sm{background:var(--ink);color:#061a20;border-color:var(--ink);padding:9px 14px;box-shadow:inset 0 -3px 0 var(--ink),inset 0 -4px 0 var(--mint)}
.tabs a.btn.sm:hover{background:var(--mint);border-color:var(--mint)}
.link{font-weight:500;color:var(--ink);border:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;padding:0}
.link:hover{color:var(--mint)}
.badge{border-radius:0;font-family:var(--mono)}
/* type */
.hx h1,.h2,h2,.closing h2,.ch h1,.signin h1,.hero h1,.meter .big,.kpi b,.tk .c b,.st h3,.cap b,.fcard .ic,.stat b,.acct .v{font-family:var(--serif);font-weight:400}
.hx h1{font-size:clamp(50px,7.2vw,96px);line-height:.96;letter-spacing:-.025em;max-width:13ch}
.h2{font-size:clamp(36px,4.4vw,56px);line-height:1.03;letter-spacing:-.02em;margin-top:0;max-width:16ch}
h2{letter-spacing:-.015em;font-size:34px}
.lede,.hx .sub{font-family:var(--sans)}
.kicker{font:400 15px var(--sans);color:var(--mint);margin:0 0 22px;display:flex;align-items:baseline;gap:14px;padding-top:14px;border-top:1px solid var(--ink);max-width:280px}
.kicker i{font:italic 400 22px/1 var(--serif);color:var(--brass)}
/* hero: left aligned, like a front page */
.hx{text-align:left;justify-items:start;padding-top:72px}
.hx .live{border-radius:0;box-shadow:none;padding:0;background:none;font:400 15px var(--sans);color:var(--mint)}
.hx .live b{color:var(--ink)}
.hx .row{justify-content:flex-start}
.hx .facts{justify-content:flex-start;font-family:var(--sans);font-size:14px}
.hx h1 span{filter:none}
.conv{margin-top:56px}
.tk{border-radius:2px}
.tk .c b{font-size:34px;letter-spacing:-.02em}
/* the account strip */
.acct{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:-60px}
.acct .cell{padding:28px 28px 24px;border-left:1px solid var(--rule);min-width:0}
.acct .cell:first-child{border-left:0;padding-left:0}
.acct .k{font:400 14px var(--sans);color:var(--muted)}
.acct .v{font-size:clamp(38px,4vw,54px);line-height:1;letter-spacing:-.02em;margin:12px 0 8px}
.acct .s{font:400 13px var(--sans);color:var(--dim)}
.source{font-size:13px;color:var(--muted);margin-top:12px}
/* flatten the rest: rules instead of rounded boxes */
.flow{margin-top:40px}.st .n{border-radius:0}.st h3{font-size:26px;letter-spacing:-.01em}
.ledger,.term,.meter,.mtable,.cblock,.call,.panel,.kpi,.card,.tbl,.stats,.chat,.closing,.fund,.keybox,.inp,.search,.seg,select,textarea,.warn,pre.code,.side a,.cap{border-radius:0!important}
.ledger{background:var(--bg);box-shadow:none;border-top:1px solid var(--ink);border-bottom:1px solid var(--rule)}
.ledger .lh{padding:14px 0;font-family:var(--sans)}.ledger .lb{padding:6px 0 12px}
.ledger .r{font-size:14px}
.cap{padding-left:20px}.cap b{font-size:26px;letter-spacing:-.01em}
.meter{background:var(--bg2)}
.meter .big{font-size:64px;letter-spacing:-.02em}
.rules li{border-color:var(--rule)}
.points li:before{border-radius:0}
.mtable{box-shadow:none;background:transparent;border-top:1px solid var(--ink)}
.mtable th{font:400 13px var(--sans);color:var(--muted)}
.mtable td b{font:400 22px var(--serif)}
.fund{background:var(--rule);box-shadow:none;border-block:1px solid var(--rule)}
.fcard{padding:34px 32px 38px}.fcard .ic{font-size:44px;color:var(--ink);font-style:italic}.fcard b{font:400 26px/1.1 var(--serif)}
.faq details:first-child{border-top-color:var(--ink)}.faq summary{font-weight:500}
.closing{background:var(--bg2);box-shadow:none;border-top:1px solid var(--ink)}
.closing h2{font-size:clamp(44px,6vw,84px);letter-spacing:-.025em}
.call{box-shadow:none;border:1px solid var(--rule)}
.connect li{border-color:var(--rule)}
.cblock{box-shadow:none;border:1px solid var(--rule)}
/* console */
.ch h1{font-size:46px;letter-spacing:-.02em}
.kpi{box-shadow:none;border:1px solid var(--rule);background:transparent}.kpi.main{background:var(--bg2);border-color:var(--ink)}.kpi b{font-size:42px;letter-spacing:-.02em}.kpi.main b{font-size:58px}
.panel{box-shadow:none;border:1px solid var(--rule);background:transparent}
.panel h3{font:400 24px var(--serif)}
.side a[aria-current]{box-shadow:inset 2px 0 0 var(--mint);background:var(--bg2)}
.signin h1{font-size:54px;letter-spacing:-.02em}
.foot .brand{font:500 25px var(--serif)}
@media (max-width:960px){.acct{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-30px}.acct .cell:nth-child(3){border-left:0;padding-left:0}.acct .cell:nth-child(n+3){border-top:1px solid var(--rule)}}
@media (max-width:600px){.dateline .in span:nth-child(n+2){display:none}.hx h1{font-size:52px}.kpi.main b{font-size:46px}}

.mono,code,pre,.num,.n,.tbl,.mtable td,.kpi b,.acct .v,.meter .big,.tk .c,.ledger,.list .li>span,.list .li>a{font-variant-numeric:tabular-nums}
.acct{margin-top:28px}
.conv .tag{bottom:6px}

/* ================= more contrast: brighter type, visible rules, alternating full-width bands ================= */
:root{--bg:#0d2733;--bg2:#081c25;--s1:#123341;--s2:#173d4c;--s3:#1d4757;--ink:#ffffff;--ink2:#e0ecee;--muted:#a9c3c9;--dim:#86a6ad;
  --rule:rgba(255,255,255,.2);--rule2:rgba(255,255,255,.1);--line:rgba(151,252,228,.16);--line2:rgba(151,252,228,.28);--hair:rgba(255,255,255,.12);
  --paper:#eaf3f1;--paper-ink:#0b2630;--paper-muted:#44626a;--paper-rule:#b9cfcc;--night:#061820;--brass:#e8c47a}
body{background:var(--bg)}
body:before{opacity:1;background:radial-gradient(50% 50% at 75% 15%,rgba(151,252,228,.16),transparent 70%),radial-gradient(40% 40% at 5% 0%,rgba(110,170,255,.12),transparent 70%)}
.top{background:rgba(13,39,51,.9)}
.home{gap:0}
.home>section{padding:112px 0}
.home>header{padding-bottom:72px}
/* one background everywhere: sections are separated by a rule, not by colour */
.home>section+section,.home>.ticker+section{border-top:1px solid var(--rule)}
.ch-night .ledger{background:transparent}
.ticker{background:transparent;border-color:var(--rule)}
.ticker span{color:var(--ink2)}.ticker span b{color:var(--mint)}
.acct .v{color:#fff}.acct .cell{border-color:var(--rule)}.acct{border-color:var(--rule)}
.tk{background:linear-gradient(180deg,#1b4555,#123341);box-shadow:inset 0 0 0 1px rgba(151,252,228,.2),0 30px 50px -30px rgba(0,0,0,.9)}
.tk.live{background:linear-gradient(180deg,#1d5a5e,#123341 75%)}
.tk .m{color:#fff}.tk .h{color:var(--ink2)}.tk .f{color:var(--muted)}
.tk:before,.tk:after{background:var(--bg)}
.meter{background:#0b2531;border:1px solid var(--rule)}
.mtable td,.mtable th{border-color:var(--rule)}
.closing{background:radial-gradient(70% 100% at 50% 100%,rgba(151,252,228,.22),transparent 70%),transparent;border-top:0;margin:0}
.hx .sub,.lede{color:var(--ink2)}
.hx .facts{color:var(--ink2)}
.dateline{background:transparent;border-color:var(--rule)}
.dateline .in{color:var(--ink2)}
.panel,.kpi{border-color:var(--rule)}.kpi.main{background:linear-gradient(160deg,#18505a,#123341 75%);border-color:var(--mint)}
.foot{border-color:var(--rule)}