@import url('./tokens.css');
body { overflow-x: hidden; }
.nav { height:70px; display:flex; align-items:center; justify-content:space-between; }
.logo { font-size:20px; font-weight:900; }.logo span { color:var(--primary); }
.nav-actions { display:flex; align-items:center; gap:10px; }
select { background:var(--surface-2); color:var(--text); border:1px solid var(--border); border-radius:9px; padding:9px; }
.hero { min-height: calc(100vh - 70px); display:grid; align-items:center; grid-template-columns:1.1fr .9fr; gap:48px; padding:70px 0; }
.hero h1 { font-size:clamp(42px,7vw,84px); line-height:.95; letter-spacing:-.055em; margin:0 0 24px; }
.hero p { font-size:18px; line-height:1.7; color:var(--muted); max-width:680px; }
.cta { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.terminal { padding:20px; min-height:420px; transform:perspective(1000px) rotateY(-4deg); }
.terminal-head { display:flex; gap:8px; border-bottom:1px solid var(--border); padding-bottom:14px; }.terminal-head i { width:10px; height:10px; border-radius:50%; background:var(--primary); }
.market-bars { display:grid; gap:14px; margin-top:24px; }.bar { height:44px; background:linear-gradient(90deg,rgba(19,199,132,.22) var(--w),var(--surface-2) var(--w)); border-radius:9px; border:1px solid var(--border); }
.features { padding:80px 0; }.features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.feature { padding:22px; }
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:40px}.terminal{transform:none}.features-grid{grid-template-columns:1fr}}