:root{
  --bg:#0d110e;
  --panel:#151a16;
  --panel-2:#1a201b;
  --text:#f4f6f3;
  --muted:#8e9b91;
  --line:rgba(255,255,255,.09);
  --green:#22d44e;
  --green-deep:#0da934;
  --shadow:0 24px 70px rgba(0,0,0,.35);
}
*{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:100vh;overflow-x:hidden;background:
  radial-gradient(circle at 50% 35%,rgba(34,212,78,.08),transparent 35%),
  linear-gradient(180deg,#101511 0%,#090c0a 100%)}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button{font:inherit}

.page-shell{width:min(1420px,calc(100% - 36px));min-height:100vh;margin:0 auto;display:flex;flex-direction:column;justify-content:center;padding:28px 0 20px}
.brand-block{text-align:center;margin:0 auto 22px}
.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.22em;color:var(--green);margin-bottom:8px}
h1{font-size:clamp(2.2rem,4.2vw,4.9rem);letter-spacing:-.065em;line-height:.94;margin:0;font-weight:850}
.brand-block p{margin:10px 0 0;color:var(--muted);font-size:clamp(.88rem,1.25vw,1.04rem)}

.stage{display:grid;grid-template-columns:minmax(230px,1fr) minmax(340px,560px) minmax(230px,1fr);gap:clamp(18px,2.3vw,34px);align-items:center}
.side-links{display:flex;flex-direction:column;gap:16px}
.side-links-left{align-items:flex-end}.side-links-right{align-items:flex-start}
.site-button{width:min(100%,340px);min-height:88px;padding:13px 15px;border-radius:21px;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel-2),var(--panel));display:grid;grid-template-columns:56px minmax(0,1fr) 18px;align-items:center;gap:13px;box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.site-button:hover{transform:translateY(-3px);border-color:rgba(34,212,78,.4);background:linear-gradient(145deg,#1d251f,#141a16)}
.buy-button{background:linear-gradient(145deg,#24df54,#0fb73b);border-color:rgba(255,255,255,.18);color:white}
.buy-button:hover{background:linear-gradient(145deg,#2bea5e,#10c33f);border-color:rgba(255,255,255,.32)}
.icon-tile{width:56px;height:56px;border-radius:15px;background:#0d1110;border:1px solid rgba(255,255,255,.11);overflow:hidden;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.icon-tile img{width:100%;height:100%;object-fit:cover}
.button-copy{min-width:0}.button-copy small{display:block;color:#7e8b81;font-size:.62rem;font-weight:850;letter-spacing:.16em;margin-bottom:6px}.buy-button .button-copy small{color:rgba(255,255,255,.72)}
.button-copy strong{display:block;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arrow{font-size:1.05rem;color:#6e7b71}.buy-button .arrow{color:#fff}

.art-column{min-width:0;display:flex;flex-direction:column;gap:14px;align-items:stretch}
.art-card{margin:0;aspect-ratio:1/1;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#151915;box-shadow:0 32px 90px rgba(0,0,0,.42),0 0 70px rgba(34,212,78,.08)}
.art-card img{width:100%;height:100%;object-fit:cover}
.contract-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 11px 11px 16px;background:rgba(20,25,21,.92);border:1px solid var(--line);border-radius:18px;box-shadow:0 15px 40px rgba(0,0,0,.24)}
.contract-text{min-width:0}.contract-text span{display:block;font-size:.58rem;font-weight:850;letter-spacing:.16em;color:var(--muted);margin-bottom:5px}.contract-text code{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#dce5de;font-size:.75rem}
.copy-button{border:0;border-radius:13px;min-height:46px;padding:0 13px 0 7px;background:#232b25;color:white;display:flex;align-items:center;gap:8px;font-weight:800;cursor:pointer;transition:.18s ease}
.copy-button:hover{background:#2a352d;transform:translateY(-1px)}
.copy-button img{width:34px;height:34px;border-radius:9px;object-fit:cover}
footer{text-align:center;margin-top:18px;color:#667269;font-size:.76rem;letter-spacing:.06em}footer b{color:#8ea795}

@media(max-width:1000px){
  .page-shell{padding-top:22px;justify-content:flex-start}
  .stage{grid-template-columns:1fr minmax(300px,520px) 1fr;gap:14px}
  .site-button{grid-template-columns:48px minmax(0,1fr) 14px;min-height:74px;padding:10px}
  .icon-tile{width:48px;height:48px;border-radius:13px}
  .button-copy strong{font-size:.9rem}
}
@media(max-width:760px){
  .page-shell{width:min(100% - 20px,620px)}
  .stage{display:flex;flex-direction:column}
  .art-column{order:1;width:min(100%,560px)}
  .side-links{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch!important}
  .side-links-left{order:2}.side-links-right{order:3}
  .site-button{width:100%;min-height:70px;grid-template-columns:44px minmax(0,1fr) 12px;border-radius:17px}
  .icon-tile{width:44px;height:44px;border-radius:11px}
  .button-copy small{font-size:.52rem}.button-copy strong{font-size:.82rem}
  .art-card{border-radius:22px}
  footer{margin-bottom:12px}
}
@media(max-width:460px){
  .brand-block{margin-bottom:15px}.brand-block p{font-size:.82rem}
  .side-links{grid-template-columns:1fr}
  .site-button{min-height:66px}
}