:root{--bg:#07090d;--bg2:#0c1016;--card:#10151d;--line:#1d2430;--line2:#2a3342;--tx:#e9e4d6;--mut:#8b93a1;--gold:#d8b45a;--gold2:#f1d78c;--grn:#3ccf8e;--red:#ef5a5a;
  --BTC:#f7931a;--ETH:#8c9cff;--GOLD:#e2b64c;--NVDA:#76b900;--TSLA:#e82127;--SPY:#5ab0ff}
*{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:clip;scroll-behavior:smooth}
body{background:var(--bg);color:var(--tx);font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:15px;line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.serif{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.01em}
.mono{font-family:'IBM Plex Mono',monospace}
#guil{position:fixed;inset:0;z-index:-1;opacity:.55;pointer-events:none}
.wrap{width:min(1240px,calc(100% - 40px));margin:0 auto}

/* nav */
.nav{position:sticky;top:0;z-index:40;backdrop-filter:blur(14px);background:rgba(7,9,13,.72);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;gap:26px;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-family:'Instrument Serif';font-size:26px}
.brand i{font-style:italic;color:var(--gold)}
.seal{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--gold);display:grid;place-items:center;font-family:'IBM Plex Mono';font-size:12px;color:var(--gold);position:relative}
.seal:after{content:'';position:absolute;inset:3px;border-radius:50%;border:1px dashed rgba(216,180,90,.5)}
.nav nav{display:flex;gap:22px;color:var(--mut);font-size:14px}
.nav nav a:hover,.nav nav a.on{color:var(--tx)}
.nav .sp{flex:1}
.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line2);border-radius:10px;padding:9px 16px;font-size:14px;font-weight:500;background:var(--card);transition:.15s;cursor:pointer;color:var(--tx)}
.btn:hover{border-color:var(--gold);color:var(--gold2)}
.btn.gold{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#1a1408;border-color:transparent;font-weight:600}
.btn.gold:hover{filter:brightness(1.08);color:#1a1408}
.ca{display:flex;align-items:center;gap:8px;border:1px solid var(--line2);border-radius:10px;padding:6px 6px 6px 12px;font-family:'IBM Plex Mono';font-size:12px;color:var(--mut);max-width:330px;min-width:0}
.ca span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.ca button{border:0;background:var(--line);color:var(--tx);border-radius:7px;padding:5px 9px;font-size:11px;cursor:pointer;font-family:inherit}
.xl{width:38px;height:38px;border:1px solid var(--line2);border-radius:10px;display:grid;place-items:center}
.xl:hover{border-color:var(--gold)}

/* hero */
.hero{padding:70px 0 40px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.kick{font-family:'IBM Plex Mono';font-size:12px;letter-spacing:.18em;color:var(--gold);text-transform:uppercase;display:flex;align-items:center;gap:10px}
.kick:before{content:'';width:26px;height:1px;background:var(--gold)}
h1.serif{font-size:clamp(54px,7vw,104px);line-height:.95;margin:18px 0 20px}
h1 .rot{display:inline-block;color:var(--gold2);font-style:italic;min-width:4ch;transition:opacity .35s,transform .35s}
h1 .rot.out{opacity:0;transform:translateY(12px)}
.lead{font-size:18px;color:#c9c3b4;max-width:560px}
.hero .cta{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.hero .cta .btn{padding:13px 22px;font-size:15px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;margin-top:34px;overflow:hidden;background:rgba(16,21,29,.6)}
.stats div{padding:14px 16px;border-right:1px solid var(--line)}
.stats div:last-child{border:0}
.stats small{display:block;font-size:11px;color:var(--mut);letter-spacing:.08em;text-transform:uppercase}
.stats b{font-family:'IBM Plex Mono';font-size:20px;font-weight:500}

/* the note (hero visual) */
.note{position:relative;aspect-ratio:1.62;border-radius:18px;border:1px solid rgba(216,180,90,.45);background:radial-gradient(120% 90% at 20% 0%,#1a1d17,#0b0d0f 60%);box-shadow:0 40px 80px rgba(0,0,0,.6),inset 0 0 0 6px rgba(216,180,90,.06);overflow:hidden;transform:perspective(1200px) rotateY(-9deg) rotateX(4deg)}
.note canvas{position:absolute;inset:0;width:100%;height:100%}
.note .tl,.note .br{position:absolute;font-family:'IBM Plex Mono';font-size:11px;color:var(--gold);letter-spacing:.2em}
.note .tl{top:16px;left:20px}.note .br{bottom:14px;right:20px}
.note .emb{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.18),transparent 45%),radial-gradient(circle,var(--ac,#d8b45a) 0,color-mix(in srgb,var(--ac,#d8b45a) 55%,#000) 100%);box-shadow:0 0 0 6px rgba(0,0,0,.35),0 0 0 7px rgba(216,180,90,.5),0 20px 50px rgba(0,0,0,.6);transition:background .5s}
.note .emb b{font-family:'Instrument Serif';font-size:clamp(40px,6vw,74px);color:#0b0c0e;line-height:1}
.note .emb small{display:block;font-family:'IBM Plex Mono';font-size:10px;color:rgba(0,0,0,.65);letter-spacing:.2em;margin-top:2px}
.note .nm{position:absolute;left:20px;bottom:44px;font-family:'Instrument Serif';font-size:28px}
.note .nm i{color:var(--gold2)}
.note .px{position:absolute;left:20px;bottom:18px;font-family:'IBM Plex Mono';font-size:12px;color:var(--mut)}
.note .serial{position:absolute;right:20px;top:14px;font-family:'IBM Plex Mono';font-size:11px;color:rgba(216,180,90,.7)}

/* sections */
section{padding:70px 0}
.sh{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px;flex-wrap:wrap}
.sh h2{font-family:'Instrument Serif';font-size:clamp(38px,4.6vw,62px);line-height:1}
.sh h2 i{color:var(--gold2)}
.sh p{color:var(--mut);max-width:520px}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--bg2)}
.flow div{padding:22px;border-right:1px solid var(--line);position:relative}
.flow div:last-child{border:0}
.flow div:not(:last-child):after{content:'→';position:absolute;right:-9px;top:24px;color:var(--gold);background:var(--bg2);font-family:'IBM Plex Mono'}
.flow small{font-family:'IBM Plex Mono';color:var(--gold);font-size:11px;letter-spacing:.14em}
.flow h4{font-family:'Instrument Serif';font-size:26px;font-weight:400;margin:6px 0 4px}
.flow p{color:var(--mut);font-size:14px}
.split{display:flex;height:10px;border-radius:5px;overflow:hidden;margin-top:14px}
.split i{display:block}

.assets{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.as{border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--card);position:relative;overflow:hidden;transition:.2s}
.as:hover{border-color:var(--ac);transform:translateY(-3px)}
.as:before{content:'';position:absolute;inset:auto -20% -60% -20%;height:90%;background:radial-gradient(closest-side,color-mix(in srgb,var(--ac) 35%,transparent),transparent);opacity:.5}
.tok{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-family:'Instrument Serif';font-size:20px;color:#0b0c0e;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.35),transparent 50%),var(--ac);flex:none}
.as h5{font-family:'Instrument Serif';font-size:24px;font-weight:400;margin-top:12px;position:relative}
.as .u{font-family:'IBM Plex Mono';font-size:11px;color:var(--mut);position:relative}
.as .p{font-family:'IBM Plex Mono';font-size:14px;margin-top:8px;position:relative}

.agents{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ag{border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--card);display:flex;gap:14px}
.ag .ic{width:42px;height:42px;border-radius:12px;border:1px solid var(--line2);display:grid;place-items:center;flex:none;color:var(--gold)}
.ag h5{font-family:'Instrument Serif';font-size:24px;font-weight:400;line-height:1.1}
.ag p{color:var(--mut);font-size:14px;margin-top:4px}
.ag code{font-family:'IBM Plex Mono';font-size:11px;color:var(--gold);display:block;margin-top:8px}

/* markets table */
.tbl{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--bg2)}
.tools{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.chip{border:1px solid var(--line2);border-radius:999px;padding:6px 12px;font-size:13px;color:var(--mut);cursor:pointer;background:transparent;font-family:inherit}
.chip.on{color:var(--tx);border-color:var(--gold);background:rgba(216,180,90,.08)}
table{width:100%;border-collapse:collapse}
th{font-weight:500;color:var(--mut);font-size:12px;text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:13px 14px;border-bottom:1px solid var(--line);font-size:14px;white-space:nowrap}
tr:last-child td{border-bottom:0}
tbody tr{cursor:pointer;transition:background .15s}
tbody tr:hover{background:rgba(255,255,255,.025)}
.mk{display:flex;align-items:center;gap:10px}
.mk img{width:34px;height:34px;border-radius:9px;object-fit:cover;background:var(--line)}
.mk b{font-weight:600;display:block}
.mk small{color:var(--mut);font-family:'IBM Plex Mono';font-size:11px}
.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 10px 3px 4px;font-size:12px;border:1px solid var(--line2)}
.pill .tok{width:20px;height:20px;font-size:11px}
.agp{font-family:'IBM Plex Mono';font-size:11px;letter-spacing:.06em;color:var(--gold);border:1px solid rgba(216,180,90,.35);border-radius:6px;padding:3px 7px;text-transform:uppercase}
.bar{width:90px;height:6px;border-radius:3px;background:var(--line);overflow:hidden;display:inline-block;vertical-align:middle}
.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2))}
.up{color:var(--grn)}.dn{color:var(--red)}
.empty{padding:40px;text-align:center;color:var(--mut)}
.empty .btn{margin-top:14px}
.tscroll{overflow-x:auto}

/* feed */
.cols{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}
.feed{border:1px solid var(--line);border-radius:16px;background:var(--bg2);max-height:520px;overflow:auto}
.fi{display:flex;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line);font-size:14px}
.fi .dot{width:8px;height:8px;border-radius:50%;margin-top:7px;flex:none;background:var(--gold)}
.fi .dot.pay{background:var(--grn)}.fi .dot.act,.fi .dot.burn{background:var(--red)}.fi .dot.launch{background:#8c9cff}
.fi small{color:var(--mut);font-family:'IBM Plex Mono';font-size:11px;display:block;margin-top:2px}
.fi a{color:var(--gold)}
.root{border:1px solid rgba(216,180,90,.4);border-radius:16px;padding:22px;background:linear-gradient(180deg,rgba(216,180,90,.07),transparent 60%),var(--card)}
.root h3{font-family:'Instrument Serif';font-size:36px;font-weight:400}
.root p{color:var(--mut);margin:6px 0 16px}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kv div{border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.kv small{font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:.08em}
.kv b{display:block;font-family:'IBM Plex Mono';font-weight:500;font-size:17px}

footer{border-top:1px solid var(--line);padding:30px 0 50px;color:var(--mut);font-size:13px}
footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

/* forms (launch) */
.lp{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;padding:40px 0 80px;align-items:start}
.panel{border:1px solid var(--line);border-radius:16px;background:var(--bg2);padding:24px}
.panel h3{font-family:'Instrument Serif';font-size:30px;font-weight:400;margin-bottom:4px}
.panel .hint{color:var(--mut);font-size:13px;margin-bottom:18px}
label{display:block;font-size:12px;color:var(--mut);margin:14px 0 6px;letter-spacing:.06em;text-transform:uppercase}
input,textarea{width:100%;background:var(--card);border:1px solid var(--line2);border-radius:10px;padding:11px 12px;color:var(--tx);font:inherit}
input:focus,textarea:focus{outline:0;border-color:var(--gold)}
textarea{min-height:80px;resize:vertical}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.drop{border:1px dashed var(--line2);border-radius:12px;height:140px;display:grid;place-items:center;color:var(--mut);cursor:pointer;overflow:hidden;position:relative}
.drop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.drop.over{border-color:var(--gold)}
.pick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pk{border:1px solid var(--line2);border-radius:12px;padding:12px;cursor:pointer;background:var(--card);display:flex;gap:10px;align-items:center;transition:.15s}
.pk:hover{border-color:var(--gold)}
.pk.on{border-color:var(--gold);background:rgba(216,180,90,.09)}
.pk b{display:block;font-size:14px}
.pk small{color:var(--mut);font-size:12px}
.buys{display:flex;gap:8px;flex-wrap:wrap}
.buys button{border:1px solid var(--line2);background:var(--card);color:var(--tx);border-radius:9px;padding:8px 14px;cursor:pointer;font-family:'IBM Plex Mono'}
.buys button.on{border-color:var(--gold);color:var(--gold2)}
.status{margin-top:14px;font-size:14px;color:var(--mut);min-height:22px}
.status.err{color:var(--red)}.status.ok{color:var(--grn)}
.sum{font-family:'IBM Plex Mono';font-size:13px;border-top:1px solid var(--line);margin-top:16px;padding-top:14px;color:var(--mut)}
.sum div{display:flex;justify-content:space-between;padding:3px 0}
.sum b{color:var(--tx);font-weight:500}

@media(max-width:980px){
  .hero,.cols,.lp{grid-template-columns:1fr}
  .note{transform:none}
  .assets{grid-template-columns:repeat(3,1fr)}
  .agents{grid-template-columns:1fr 1fr}
  .flow{grid-template-columns:1fr 1fr}
  .flow div:nth-child(2){border-right:0}.flow div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .flow div:after{display:none}
  .nav nav{display:none}.ca{display:none}
}
@media(max-width:600px){
  .assets,.agents{grid-template-columns:1fr 1fr}.agents{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr}.stats div:nth-child(2){border-right:0}.stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .pick{grid-template-columns:1fr 1fr}.row2{grid-template-columns:1fr}
  h1.serif{font-size:50px}
}

/* ===== premium layer ===== */
body:after{content:'';position:fixed;inset:-50%;z-index:60;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,3%)}80%{transform:translate(3%,1%)}100%{transform:translate(0,0)}}
.tick{border-bottom:1px solid var(--line);background:#05070a;overflow:hidden;white-space:nowrap;height:34px;display:flex;align-items:center}
.tick .lv{flex:none;display:flex;align-items:center;gap:7px;padding:0 14px;font-family:'IBM Plex Mono';font-size:11px;letter-spacing:.14em;color:var(--gold);border-right:1px solid var(--line);height:100%;background:#05070a;z-index:2}
.tick .lv i{width:7px;height:7px;border-radius:50%;background:var(--grn);box-shadow:0 0 10px var(--grn);animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.35}}
.tick .run{display:inline-flex;animation:roll 60s linear infinite}
.tick .it{display:inline-flex;align-items:center;gap:8px;padding:0 22px;font-family:'IBM Plex Mono';font-size:12px;color:var(--mut)}
.tick .it img{width:18px;height:18px;object-fit:contain}
.tick .it b{color:var(--tx);font-weight:500}
@keyframes roll{to{transform:translateX(-50%)}}

.hv{position:relative;min-height:calc(100vh - 98px);display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}
.hv video,.hv .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.hv:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#07090d 0%,rgba(7,9,13,.92) 30%,rgba(7,9,13,.35) 62%,rgba(7,9,13,.15) 100%),linear-gradient(0deg,#07090d 0%,transparent 30%)}
.hv .wrap{position:relative;z-index:2;padding:80px 0}
.hv .copy{max-width:620px}
.gt{background:linear-gradient(100deg,#b8892f 0%,#f6e3a1 35%,#d8b45a 55%,#fff3c4 70%,#b8892f 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 6s linear infinite}
@keyframes sheen{to{background-position:-200% 0}}
.hv .stats{background:rgba(7,9,13,.55);backdrop-filter:blur(10px)}
.hv .seal-row{display:flex;gap:-8px;margin-top:26px;align-items:center}
.hv .seal-row img{width:44px;height:44px;object-fit:contain;margin-right:-10px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6))}
.hv .seal-row span{margin-left:22px;color:var(--mut);font-size:13px}
.scroll-hint{position:absolute;left:50%;bottom:22px;z-index:2;transform:translateX(-50%);font-family:'IBM Plex Mono';font-size:10px;letter-spacing:.3em;color:var(--mut)}

.gb{position:relative;border:0!important;background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(140deg,rgba(241,215,140,.55),rgba(42,51,66,.6) 35%,rgba(42,51,66,.6) 65%,rgba(216,180,90,.45)) border-box!important;border:1px solid transparent!important}
.num{font-family:'IBM Plex Mono';color:var(--gold);font-size:12px;letter-spacing:.2em;display:block;margin-bottom:12px}

.as{padding:18px 16px 16px;text-align:left}
.as .coin{width:100%;aspect-ratio:1;display:grid;place-items:center;margin-bottom:6px;perspective:600px}
.as .coin img{width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.7));transition:transform .5s cubic-bezier(.2,.8,.2,1);animation:float 5s ease-in-out infinite}
.as:nth-child(2n) .coin img{animation-delay:-2.5s}
.as:hover .coin img{transform:rotateY(18deg) scale(1.06)}
@keyframes float{50%{translate:0 -6px}}
.as .ch{font-family:'IBM Plex Mono';font-size:11px;color:var(--mut);position:relative}

.flowbg{position:relative;border-radius:18px;overflow:hidden;padding:1px}
.flowbg:before{content:'';position:absolute;inset:0;background:url(/img/guil.jpg) center/cover;opacity:.32}
.flowbg .flow{position:relative;background:rgba(12,16,22,.78);backdrop-filter:blur(2px)}

.seal3d{width:150px;height:150px;margin:0 auto 6px;perspective:800px}
.seal3d img{width:100%;height:100%;object-fit:contain;animation:spin 9s linear infinite;filter:drop-shadow(0 18px 26px rgba(0,0,0,.7))}
@keyframes spin{to{transform:rotateY(360deg)}}
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s}
.rv.in{opacity:1;transform:none}
.pk .cimg{width:34px;height:34px;object-fit:contain;flex:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.6))}
@media(max-width:980px){.hv:before{background:linear-gradient(180deg,rgba(7,9,13,.5),#07090d 70%)}.hv{align-items:flex-end}.hv .wrap{padding:220px 0 50px}}