@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color:#000;--text-primary:#fff;--text-secondary:#888;--border-color:#222;--accent:#f0f0f0;--accent-hover:#fff;--pi-color:#8a2be2}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.layout{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:0 24px;display:flex}.navbar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:32px 0;display:flex}.logo{letter-spacing:-.02em;align-items:center;font-size:1.125rem;font-weight:700;display:flex}.logo-mark{background:var(--text-primary);border-radius:4px;width:24px;height:24px;margin-right:12px}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--text-secondary);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--text-primary)}.nav-cta{color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:6px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .15s}.nav-cta:hover{background:#111;border-color:#444}.hero{flex:1;justify-content:space-between;align-items:center;gap:64px;padding:80px 0;display:flex}.hero-content{flex:1;max-width:540px}.tagline{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border-color);border-radius:100px;margin-bottom:24px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.hero-title{letter-spacing:-.04em;background:linear-gradient(#fff 0%,#999 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-size:4rem;font-weight:600;line-height:1.1}.hero-description{color:var(--text-secondary);margin-bottom:40px;font-size:1.125rem;line-height:1.6}.hero-actions{gap:16px;display:flex}.btn-primary{background:var(--text-primary);color:var(--bg-color);cursor:pointer;border:none;border-radius:8px;padding:14px 28px;font-size:1rem;font-weight:500;transition:opacity .15s}.btn-primary:hover{opacity:.9}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:8px;padding:14px 28px;font-size:1rem;font-weight:500;transition:background .15s}.btn-secondary:hover{background:#111}.hero-visual{flex:1;justify-content:flex-end;display:flex}.abstract-ui{border:1px solid var(--border-color);background:#0a0a0a;border-radius:16px;width:100%;max-width:440px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.ui-header{border-bottom:1px solid var(--border-color);background:#0d0d0d;height:48px}.ui-body{padding:32px}.ui-line{background:#1a1a1a;border-radius:6px;width:100%;height:12px;margin-bottom:16px}.ui-line.short{width:60%;margin-bottom:32px}.ui-box{border:1px solid var(--border-color);text-align:center;background:#111;border-radius:12px;margin-bottom:32px;padding:24px}.pi-symbol{color:var(--pi-color);margin-bottom:12px;font-family:serif;font-size:2rem}.amount{color:var(--text-primary);margin-bottom:8px;font-size:1.5rem;font-weight:600}.status{color:var(--text-secondary);font-size:.875rem}.ui-btn{border:1px solid var(--border-color);background:#1a1a1a;border-radius:8px;width:100%;height:48px}@media (width<=900px){.hero{text-align:center;flex-direction:column;padding:40px 0}.hero-content{flex-direction:column;align-items:center;display:flex}.nav-links{display:none}}