:root{
  --bg:#030705;
  --panel:rgba(6,13,9,.72);
  --panel-strong:rgba(7,17,11,.9);
  --text:#f4fff7;
  --muted:#91a99a;
  --line:rgba(204,255,217,.11);
  --green:#3cff78;
  --green2:#8dffad;
  --shadow:0 30px 90px rgba(0,0,0,.56);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{min-height:100svh;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
.bg{position:fixed;inset:-4%;z-index:0;background:url('assets/truuuump-wide.png') center/cover no-repeat;filter:blur(22px) brightness(.24) saturate(.92);transform:scale(1.08);opacity:.84}
.bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,4,2,.92),rgba(3,10,6,.52) 35%,rgba(3,10,6,.52) 65%,rgba(1,4,2,.92))}
.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 42%,transparent 0 27%,rgba(0,0,0,.08) 45%,rgba(0,0,0,.66) 100%)}
.stage{position:relative;z-index:2;width:min(1420px,calc(100% - 28px));min-height:100svh;margin:0 auto;padding:18px 0 24px;display:flex;flex-direction:column}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:54px;padding:4px 4px 12px}
.brand{display:flex;align-items:baseline;gap:12px}.brand strong{font-size:18px;letter-spacing:.02em}.brand span{font-size:11px;font-weight:900;letter-spacing:.2em;color:var(--green)}
.signal{display:flex;align-items:center;gap:8px;color:#9bb6a2;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.signal i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 18px rgba(60,255,120,.95)}
.hero{flex:1;display:grid;grid-template-columns:minmax(210px,.8fr) minmax(360px,1.32fr) minmax(210px,.8fr);gap:clamp(18px,3vw,44px);align-items:center;min-height:0;padding:6px 0 12px}
.side{display:flex;flex-direction:column;gap:16px}.side-left{align-items:flex-end}.side-right{align-items:flex-start}
.action{width:min(100%,310px);min-height:84px;display:flex;align-items:center;gap:13px;padding:13px 15px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(15,24,18,.86),rgba(5,10,7,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 20px 54px rgba(0,0,0,.28);backdrop-filter:blur(16px);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}
.action:hover{transform:translateY(-3px) scale(1.01);border-color:rgba(107,255,150,.28);background:linear-gradient(145deg,rgba(20,34,24,.96),rgba(7,15,10,.96));box-shadow:0 24px 58px rgba(0,0,0,.42),0 0 28px rgba(60,255,120,.08)}
.action-pump{border-color:rgba(60,255,120,.25);background:linear-gradient(135deg,rgba(17,59,31,.95),rgba(6,21,11,.94))}.action-pump:hover{border-color:rgba(98,255,143,.48)}
.action img{width:54px;height:54px;flex:0 0 auto;border-radius:15px;object-fit:cover;background:#070b08;border:1px solid rgba(255,255,255,.08)}
.action-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.action-copy small{font-size:9px;font-weight:900;letter-spacing:.18em;color:#8faa97}.action-copy strong{font-size:14px;line-height:1.08;white-space:nowrap}.arrow{margin-left:auto;color:#b8c9bd;font-size:17px;opacity:.78}
.centerpiece{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
.halo{position:absolute;border-radius:50%;filter:blur(54px);pointer-events:none}.halo-one{width:68%;aspect-ratio:1;top:10%;background:rgba(40,255,103,.11)}.halo-two{width:42%;aspect-ratio:1;bottom:10%;background:rgba(118,255,159,.08)}
.portrait-wrap{position:relative;width:min(50vw,560px);aspect-ratio:1;border-radius:42px;overflow:hidden;border:1px solid rgba(164,255,187,.17);background:#071109;box-shadow:var(--shadow),0 0 58px rgba(60,255,120,.10);transform-origin:50% 78%;animation:floatCharacter 5.8s ease-in-out infinite;will-change:transform}
.portrait{width:100%;height:100%;object-fit:cover;transform:scale(1.015);animation:microSway 7.6s ease-in-out infinite;will-change:transform}
.portrait-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 18%,rgba(255,255,255,.05) 45%,transparent 62%);transform:translateX(-100%);animation:shine 8s ease-in-out infinite}
.ticker-lockup{display:flex;align-items:center;gap:14px;margin-top:15px;padding:8px 15px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(3,8,5,.62);backdrop-filter:blur(12px);box-shadow:0 14px 40px rgba(0,0,0,.26)}.ticker-lockup span{font-size:10px;font-weight:900;letter-spacing:.24em;color:#a7b8ac}.ticker-lockup strong{font-size:11px;letter-spacing:.18em;color:var(--green)}
.contract-row{width:min(760px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid var(--line);border-radius:19px;background:rgba(4,10,6,.72);backdrop-filter:blur(14px);box-shadow:0 20px 48px rgba(0,0,0,.25)}
.contract-main{display:flex;align-items:center;gap:11px;min-width:0}.contract-main img{width:42px;height:42px;border-radius:12px;object-fit:cover}.contract-copy{min-width:0}.contract-copy small{display:block;margin-bottom:4px;color:#809486;font-size:9px;font-weight:900;letter-spacing:.18em}.contract-copy code{display:block;max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e5f2e8;font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}
#copyButton{border:1px solid rgba(94,255,139,.18);border-radius:12px;background:rgba(43,255,101,.11);color:#eaffef;padding:10px 13px;font-weight:850;cursor:pointer;transition:.18s ease}#copyButton:hover{background:rgba(43,255,101,.2)}
.banner-strip{height:1px;overflow:hidden;opacity:0;pointer-events:none}.banner-strip img{display:none}
@keyframes floatCharacter{0%,100%{transform:translateY(0) rotate(-.28deg)}50%{transform:translateY(-9px) rotate(.28deg)}}
@keyframes microSway{0%,100%{transform:scale(1.015) translateX(0)}35%{transform:scale(1.025) translateX(-3px)}70%{transform:scale(1.02) translateX(3px)}}
@keyframes shine{0%,65%{transform:translateX(-120%)}82%,100%{transform:translateX(120%)}}
@media (prefers-reduced-motion:reduce){.portrait-wrap,.portrait,.portrait-shine{animation:none!important}}
@media(max-width:980px){body{overflow-y:auto}.stage{min-height:auto}.hero{grid-template-columns:1fr;gap:18px}.centerpiece{order:-1}.portrait-wrap{width:min(72vw,560px)}.side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.side-left,.side-right{align-items:stretch}.action{width:100%;max-width:none}.contract-row{margin-top:8px}}
@media(max-width:620px){.stage{width:min(100% - 18px,1420px);padding-top:10px}.topbar{padding-bottom:8px}.signal{display:none}.hero{padding-top:2px}.portrait-wrap{width:min(92vw,520px);border-radius:28px}.side{grid-template-columns:1fr}.action{min-height:72px;padding:10px 12px}.action img{width:50px;height:50px}.contract-row{flex-direction:column;align-items:stretch}.contract-main{width:100%}#copyButton{width:100%}.ticker-lockup{margin-top:11px}}