0xNOX

Redirecting to platform...

Click here if not redirected automatically

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; } :root { --accent: #66FFFF; --accent-secondary: #00ff88; --accent-glow: rgba(102, 255, 255, 0.4); --bg: #000000; --bg-card: rgba(255,255,255,0.02); --text: #ffffff; --text-dim: #888888; --border: rgba(102, 255, 255, 0.15); } html { scroll-behavior: smooth; } body { background: var(--bg); color: var(--text); font-family: 'Space Grotesk', sans-serif; line-height: 1.6; overflow-x: hidden; } /* Background Effects */ .bg-grid { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(rgba(102, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(102, 255, 255, 0.03) 1px, transparent 1px); background-size: 60px 60px; animation: gridMove 30s linear infinite; pointer-events: none; z-index: 0; } @keyframes gridMove { 0% { transform: translate(0, 0); } 100% { transform: translate(60px, 60px); } } .bg-glow { position: fixed; top: 30%; left: 50%; width: 1000px; height: 1000px; transform: translate(-50%, -50%); background: radial-gradient(circle, var(--accent-glow) 0%, transparent 60%); opacity: 0.2; animation: pulse 6s ease-in-out infinite; pointer-events: none; z-index: 0; } @keyframes pulse { 0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.2; } 50% { transform: translate(-50%, -50%) scale(1.3); opacity: 0.35; } } /* Particles */ .particles { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; z-index: 0; } .particle { position: absolute; width: 3px; height: 3px; background: var(--accent); border-radius: 50%; opacity: 0; animation: floatUp 20s infinite; } @keyframes floatUp { 0% { transform: translateY(100vh) scale(0); opacity: 0; } 10% { opacity: 0.8; } 90% { opacity: 0.8; } 100% { transform: translateY(-100vh) scale(1); opacity: 0; } } /* Layout */ .container { position: relative; z-index: 10; max-width: 1200px; margin: 0 auto; padding: 0 24px; } section { padding: 100px 0; } /* Hero */ .hero { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 40px 24px; } .logo { margin-bottom: 30px; animation: logoFloat 4s ease-in-out infinite; } .logo svg { width: 120px; height: 132px; filter: drop-shadow(0 0 40px var(--accent-glow)); } @keyframes logoFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } } .hero-title { font-size: clamp(3.5rem, 12vw, 7rem); font-weight: 700; letter-spacing: 6px; margin-bottom: 16px; background: linear-gradient(135deg, #fff 0%, var(--accent) 50%, #fff 100%); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: shimmer 4s linear infinite; } @keyframes shimmer { 0% { background-position: 200% center; } 100% { background-position: -200% center; } } .hero-subtitle { font-size: 1.3rem; color: var(--text-dim); margin-bottom: 50px; letter-spacing: 2px; } .hero-subtitle span { color: var(--accent); } /* Countdown */ .countdown-wrapper { margin-bottom: 50px; } .countdown-label { font-size: 0.85rem; color: var(--accent); letter-spacing: 4px; text-transform: uppercase; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; gap: 10px; } .countdown-label::before, .countdown-label::after { content: ''; width: 30px; height: 1px; background: linear-gradient(90deg, transparent, var(--accent)); } .countdown-label::after { background: linear-gradient(90deg, var(--accent), transparent); } .countdown { display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; } .countdown-item { background: var(--bg-card); border: 1px solid var(--border); border-radius: 16px; padding: 20px 25px; min-width: 100px; text-align: center; backdrop-filter: blur(10px); } .countdown-value { font-family: 'JetBrains Mono', monospace; font-size: clamp(2rem, 6vw, 3.5rem); font-weight: 700; color: var(--accent); text-shadow: 0 0 30px var(--accent-glow); line-height: 1; } .countdown-unit { font-size: 0.7rem; color: var(--text-dim); text-transform: uppercase; letter-spacing: 2px; margin-top: 8px; } /* CTA Buttons */ .hero-cta { display: flex; gap: 16px; flex-wrap: wrap; justify-content: center; } .btn { display: inline-flex; align-items: center; gap: 10px; padding: 16px 32px; font-size: 1rem; font-weight: 600; text-decoration: none; border-radius: 12px; transition: all 0.3s ease; cursor: pointer; border: none; } .btn-primary { background: var(--accent); color: #000; } .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 15px 40px var(--accent-glow); } .btn-outline { background: transparent; color: var(--accent); border: 1px solid var(--accent); } .btn-outline:hover { background: rgba(102, 255, 255, 0.1); transform: translateY(-3px); } .btn svg { width: 20px; height: 20px; } /* Section Headers */ .section-header { text-align: center; margin-bottom: 60px; } .section-label { font-size: 0.8rem; color: var(--accent); letter-spacing: 3px; text-transform: uppercase; margin-bottom: 16px; } .section-title { font-size: clamp(2rem, 5vw, 3rem); font-weight: 700; margin-bottom: 16px; } .section-desc { color: var(--text-dim); max-width: 600px; margin: 0 auto; } /* Features Grid */ .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; } .feature-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 20px; padding: 32px; position: relative; overflow: hidden; transition: all 0.4s ease; } .feature-card:hover { border-color: var(--accent); transform: translateY(-8px); box-shadow: 0 25px 50px rgba(102, 255, 255, 0.1); } .feature-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(102, 255, 255, 0.05), transparent); animation: cardSweep 4s ease-in-out infinite; } @keyframes cardSweep { 0% { left: -100%; } 50%, 100% { left: 100%; } } .feature-icon { width: 56px; height: 56px; background: rgba(102, 255, 255, 0.1); border-radius: 14px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; color: var(--accent); } .feature-icon svg { width: 28px; height: 28px; } .feature-title { font-size: 1.25rem; font-weight: 600; margin-bottom: 12px; } .feature-desc { color: var(--text-dim); font-size: 0.95rem; margin-bottom: 16px; } .feature-tag { display: inline-flex; align-items: center; gap: 6px; font-size: 0.75rem; color: var(--accent); opacity: 0.8; } .feature-tag svg { width: 14px; height: 14px; } /* Dev Tools Section */ .dev-section { background: linear-gradient(180deg, transparent 0%, rgba(102, 255, 255, 0.02) 50%, transparent 100%); } .dev-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .dev-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 20px; padding: 36px; } .dev-card-header { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; } .dev-card-icon { width: 48px; height: 48px; background: rgba(0, 255, 136, 0.1); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: var(--accent-secondary); } .dev-card-icon svg { width: 24px; height: 24px; } .dev-card-title { font-size: 1.2rem; font-weight: 600; } .dev-card ul { list-style: none; padding: 0; } .dev-card li { padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--text-dim); display: flex; align-items: center; gap: 12px; } .dev-card li:last-child { border-bottom: none; } .dev-card li::before { content: '→'; color: var(--accent-secondary); } /* NONOS Integration */ .integration-box { background: linear-gradient(135deg, rgba(102, 255, 255, 0.05) 0%, rgba(0, 255, 136, 0.05) 100%); border: 1px solid var(--border); border-radius: 24px; padding: 48px; text-align: center; } .integration-logos { display: flex; align-items: center; justify-content: center; gap: 40px; margin-bottom: 30px; } .integration-logo { width: 80px; height: 80px; background: rgba(255,255,255,0.05); border-radius: 20px; display: flex; align-items: center; justify-content: center; color: var(--accent); } .integration-logo svg { width: 48px; height: 48px; } .integration-arrow { color: var(--accent); font-size: 2rem; animation: arrowPulse 1.5s ease-in-out infinite; } @keyframes arrowPulse { 0%, 100% { transform: translateX(0); opacity: 0.5; } 50% { transform: translateX(10px); opacity: 1; } } .integration-title { font-size: 1.5rem; font-weight: 600; margin-bottom: 16px; } .integration-desc { color: var(--text-dim); max-width: 700px; margin: 0 auto 30px; } .integration-steps { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; } .integration-step { text-align: center; } .step-number { width: 40px; height: 40px; background: var(--accent); color: #000; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; margin: 0 auto 12px; } .step-text { font-size: 0.9rem; color: var(--text-dim); } /* Unlocked Content */ .unlocked-section { background: rgba(34, 197, 94, 0.03); border: 1px solid rgba(34, 197, 94, 0.2); border-radius: 20px; padding: 40px; text-align: center; } .unlocked-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(34, 197, 94, 0.15); color: #22c55e; padding: 10px 20px; border-radius: 30px; font-size: 0.85rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px; } .unlocked-badge svg { width: 18px; height: 18px; } .unlocked-title { font-size: 1.5rem; margin-bottom: 12px; } .unlocked-desc { color: var(--text-dim); margin-bottom: 24px; } .unlocked-btn { display: inline-flex; align-items: center; gap: 12px; background: #22c55e; color: #000; padding: 16px 32px; border-radius: 12px; text-decoration: none; font-weight: 600; transition: all 0.3s ease; } .unlocked-btn:hover { transform: translateY(-3px); box-shadow: 0 15px 40px rgba(34, 197, 94, 0.3); } .unlocked-btn svg { width: 20px; height: 20px; } /* Social Links */ .social-section { text-align: center; padding: 80px 0; } .social-title { font-size: 1.2rem; color: var(--text-dim); margin-bottom: 24px; } .social-links { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; } .social-link { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; background: var(--bg-card); border: 1px solid var(--border); border-radius: 14px; color: var(--accent); text-decoration: none; transition: all 0.3s ease; } .social-link:hover { background: var(--accent); color: #000; transform: translateY(-4px); box-shadow: 0 15px 30px var(--accent-glow); } .social-link svg { width: 24px; height: 24px; } /* Launch Banner */ .launch-banner { position: fixed; bottom: 0; left: 0; right: 0; background: linear-gradient(90deg, var(--accent), var(--accent-secondary), var(--accent)); background-size: 200% auto; animation: gradientMove 4s linear infinite; padding: 14px; text-align: center; font-weight: 600; color: #000; letter-spacing: 1px; z-index: 100; } @keyframes gradientMove { 0% { background-position: 0% center; } 100% { background-position: 200% center; } } /* Unlock Redirect */ .unlock-redirect { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: var(--bg); flex-direction: column; align-items: center; justify-content: center; } .unlocked .unlock-redirect { display: flex; } .unlocked .main-content, .unlocked .launch-banner { display: none; } .unlock-text { font-size: 2.5rem; color: var(--accent); margin-bottom: 30px; } .enter-btn { padding: 24px 60px; font-size: 1.3rem; font-weight: 600; background: var(--accent); color: #000; border: none; border-radius: 16px; cursor: pointer; text-decoration: none; transition: all 0.3s ease; } .enter-btn:hover { transform: scale(1.05); box-shadow: 0 25px 50px var(--accent-glow); } /* Mobile */ @media (max-width: 768px) { section { padding: 60px 0; } .hero { padding: 80px 20px 60px; } .countdown-item { min-width: 70px; padding: 16px; } .integration-logos { gap: 20px; } .integration-logo { width: 60px; height: 60px; } .integration-steps { gap: 20px; } .dev-grid { grid-template-columns: 1fr; } .integration-box { padding: 30px 20px; } } /* Scroll margin for banner */ body { padding-bottom: 60px; }

0xNOX

Token Infrastructure for NONOS

Coming Soon

00

Days

00

Hours

00

Minutes

00

Seconds

Read Tokenomics NONOS Downloads

What's Coming

Complete Token Ecosystem

Everything you need to launch, trade, and manage tokens — integrated with NONOS Kernel.

Token Launchpad

Deploy tokens with automated bonding curve liquidity. Fair launch mechanics with built-in trading from block one.

Unlocks Monday

Cellframe Bridge

Bridge NOX to Cellframe's post-quantum blockchain. Real wallet generation with downloadable private keys.

Unlocks Monday

Time Capsules

Encrypted vaults unlocked by time or NFT keys. Store secrets, messages, or tokens with cryptographic guarantees.

Unlocks Monday

NFT Pass

Exclusive access and staking rewards for holders. Platform benefits, reduced fees, and governance rights.

Unlocks Monday

For Developers

Build on 0xNOX

Complete toolkit for building capsules — sandboxed apps with blockchain-native licensing.

Dev Portal

Visual Capsule Builder — no code required
Ed25519 key generation & management
NOXC manifest editor
One-click publishing to marketplace
Version control & update system

Capsule SDK

HTML/CSS/JS sandboxed apps
Secure IPC with NONOS Kernel
Token-gated content APIs
Encrypted storage & secrets
Cross-capsule messaging

Monetization

Token-based licensing
NFT unlock requirements
Subscription models
Pay-per-use with NOX
Revenue sharing built-in

→

Embedded in NONOS Kernel

0xNOX capsules install directly into NONOS — a privacy-first operating system. Build once, distribute to all NONOS users through the built-in marketplace.

1

Build capsule
on 0xNOX

2

Sign & publish
to marketplace

3

Users install
in NONOS Kernel

4

Earn NOX from
token licensing

Available Now

Read the Tokenomics

Full breakdown of NOX token distribution, utility, and ecosystem economics.

View Documentation

Platform Unlocked!

Enter 0xNOX →