.navbar-dark{background:#1a1f2e;border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}.navbar-dark.scrolled{background:#fff;border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 2px 20px #0000001a}.navbar-dark .nav-link{color:#fffc}.navbar-dark .nav-link:hover,.navbar-dark .nav-link.active{color:#fff}.navbar-dark .nav-link.active:after{background:#fff}.navbar-dark.scrolled .nav-link{color:var(--gray-600)}.navbar-dark.scrolled .nav-link:hover,.navbar-dark.scrolled .nav-link.active{color:var(--primary-600)}.navbar-dark.scrolled .nav-link.active:after{background:var(--primary-600)}.navbar-dark .nav-wallet-btn{background:var(--metamask-orange);border:none}.navbar-dark .nav-wallet-btn:hover{background:var(--metamask-orange-hover);box-shadow:0 4px 12px #f6851b66}.navbar-dark.scrolled .nav-wallet-btn{background:var(--metamask-orange);border:none}.navbar-dark.scrolled .nav-wallet-btn:hover{background:var(--metamask-orange-hover);box-shadow:0 4px 12px #f6851b4d}.navbar-dark .nav-toggle .bar{background:#fffc}.navbar-dark.scrolled .nav-toggle .bar{background:var(--gray-700)}.nav-brand{display:flex;align-items:center;gap:12px}.nav-brand-text{font-weight:700;font-size:1.25rem;color:var(--gray-900)}.nav-actions{display:flex;align-items:center;gap:16px}.nav-wallet-btn{display:flex;align-items:center;gap:8px;padding:8px 20px;background:var(--metamask-orange);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.nav-wallet-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.nav-wallet-btn:hover{background:var(--metamask-orange-hover);transform:translateY(-1px);box-shadow:0 4px 12px #f6851b4d}.hero{position:relative;min-height:90vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#0f172a,#1e293b)}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.hero-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(59,130,246,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.1) 1px,transparent 1px);background-size:50px 50px;animation:grid-move 20s linear infinite}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.hero-glow{position:absolute;top:50%;left:50%;width:800px;height:800px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(59,130,246,.2) 0%,transparent 70%);filter:blur(100px)}.hero-container{position:relative;z-index:1;width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-6)}.hero-content{max-width:800px;text-align:center;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 24px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:30px;margin-bottom:32px}.badge-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.badge-text{color:#22c55e;font-weight:600;font-size:14px;letter-spacing:.5px}.hero-title{font-size:4rem;font-weight:900;line-height:1.1;color:#fff;margin-bottom:24px;letter-spacing:-.03em}.title-gradient{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;line-height:1.7;color:#94a3b8;margin-bottom:48px;max-width:680px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:64px}.btn-large{padding:16px 32px;font-size:16px}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;max-width:800px;margin:0 auto}.stat-item{text-align:center}.stat-value{font-size:2rem;font-weight:800;color:#fff;margin-bottom:8px;display:block}.stat-label{font-size:.875rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.hero-visual{position:absolute;top:50%;right:-200px;transform:translateY(-50%);width:600px;height:600px;opacity:.3}.network-visualization{position:relative;width:100%;height:100%}.node{position:absolute;background:#3b82f6;border-radius:50%;box-shadow:0 0 40px #3b82f699}.node-primary{width:80px;height:80px;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#3b82f6,#8b5cf6);animation:pulse 3s ease-in-out infinite}.node-secondary{width:40px;height:40px;background:#8b5cf6}.node-secondary:nth-child(2){top:20%;left:30%}.node-secondary:nth-child(3){top:20%;right:30%}.node-secondary:nth-child(4){bottom:20%;left:40%}.node-tertiary{width:20px;height:20px;background:#ec4899}.node-tertiary:nth-child(5){top:40%;left:10%}.node-tertiary:nth-child(6){bottom:40%;right:10%}.connection{position:absolute;height:2px;background:linear-gradient(90deg,transparent,#3b82f6,transparent);transform-origin:left center;animation:flow 3s linear infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}@keyframes flow{0%{opacity:0}50%{opacity:1}to{opacity:0}}.live-stats{padding:80px 0;background:#fff;border-bottom:1px solid #e2e8f0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.stat-card{display:flex;align-items:center;gap:20px}.stat-icon{width:56px;height:56px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#3b82f6}.stat-content{flex:1}.stat-number{font-size:1.75rem;font-weight:800;color:#0f172a;margin-bottom:4px}.stat-name{font-size:.875rem;color:#64748b;margin-bottom:4px}.stat-change{font-size:.75rem;font-weight:600}.stat-change.positive{color:#22c55e}.stat-change.negative{color:#ef4444}.backed-by{padding:60px 0;background:#f8fafc;border-bottom:1px solid #e2e8f0}.backed-header{text-align:center;margin-bottom:40px}.backed-header h3{font-size:1rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.backed-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;align-items:center;max-width:800px;margin:0 auto;justify-items:center}.backer-item{display:flex;justify-content:center;align-items:center}.backer-logo{font-size:1.5rem;font-weight:700;color:#94a3b8;opacity:.7;transition:all .3s ease}.backer-item:hover .backer-logo{opacity:1;color:#64748b}.features{padding:120px 0;background:#fff}.section-label{display:inline-block;font-size:.875rem;font-weight:600;color:#3b82f6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.feature-card{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:40px;transition:all .3s ease;margin-top:30px}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a;border-color:transparent}.feature-card.featured{background:linear-gradient(135deg,#f8fafc,#fff);border:2px solid #3b82f6}.feature-badge{position:absolute;top:-12px;right:32px;padding:6px 16px;background:#3b82f6;color:#fff;font-size:.75rem;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.feature-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px;padding-top:32px;border-top:1px solid #e2e8f0}.metric{text-align:center}.metric-value{display:block;font-size:1.5rem;font-weight:800;color:#0f172a;margin-bottom:4px}.metric-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.feature-list{display:flex;flex-direction:column;gap:12px;margin-top:24px}.list-item{display:flex;align-items:center;gap:12px;color:#475569}.list-item svg{color:#22c55e;flex-shrink:0}.technology{padding:120px 0;background:#f8fafc}.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:64px}.tech-content{display:flex;flex-direction:column;gap:40px}.tech-item{display:flex;gap:24px}.tech-number{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:12px}.tech-item h3{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:8px}.tech-item p{color:#475569;line-height:1.6}.consensus-diagram{position:relative;width:100%;height:400px;background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 30px #0000001a}.validator-pool{position:absolute;width:160px;height:120px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:16px}.pool-1{top:40px;left:40px}.pool-2{top:40px;right:40px}.pool-label{font-weight:600;color:#0f172a;margin-bottom:12px}.validator{width:24px;height:24px;background:#3b82f6;border-radius:50%;display:inline-block;margin:2px}.consensus-flow{position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.flow-line{width:2px;height:60px;background:#3b82f6;margin:0 auto}.flow-label{margin-top:8px;font-weight:600;color:#3b82f6}.finality-block{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:200px;padding:20px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border-radius:12px;text-align:center;font-weight:600}.use-cases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:64px}.use-case-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px;transition:all .3s ease;cursor:pointer}.use-case-card:hover,.use-case-card.active{border-color:#3b82f6;box-shadow:0 10px 30px #3b82f61a}.use-case-icon{width:48px;height:48px;background:#eff6ff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#3b82f6;margin-bottom:20px}.use-case-card h3{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:12px}.use-case-card p{color:#475569;line-height:1.6;margin-bottom:16px}.use-case-link{color:#3b82f6;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;transition:all .2s ease}.use-case-link:hover{transform:translate(4px)}.developer-section{padding:120px 0;background:#0f172a;color:#fff}.dev-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.dev-content h2{font-size:2.5rem;font-weight:800;margin-bottom:16px}.dev-content p{font-size:1.125rem;color:#94a3b8;margin-bottom:32px}.code-example{background:#1e293b;border:1px solid #334155;border-radius:12px;overflow:hidden;margin-bottom:32px}.code-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#0f172a;border-bottom:1px solid #334155}.code-title{font-weight:600;color:#94a3b8}.copy-btn{padding:6px 16px;background:#334155;color:#94a3b8;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.copy-btn:hover{background:#475569;color:#fff}.code-example pre{padding:24px;overflow-x:auto;margin:0}.code-example code{color:#e2e8f0;font-family:Menlo,Monaco,Courier New,monospace;font-size:14px;line-height:1.6}.dev-links{display:flex;gap:16px}.dev-features{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.dev-feature{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:24px}.dev-icon{font-size:2rem;margin-bottom:16px}.dev-feature h4{font-size:1.125rem;font-weight:700;margin-bottom:8px}.dev-feature p{color:#94a3b8;font-size:.875rem;line-height:1.5}.cta{position:relative;padding:120px 0;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;overflow:hidden}.cta-background{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.1}.cta-pattern{width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,white 2px,transparent 2px),radial-gradient(circle at 80% 20%,white 2px,transparent 2px),radial-gradient(circle at 50% 50%,white 2px,transparent 2px);background-size:100px 100px}.cta-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.cta-title{font-size:3rem;font-weight:800;margin-bottom:16px}.cta-description{font-size:1.25rem;margin-bottom:48px;opacity:.9}.cta-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-bottom:48px}.cta-stat{text-align:center}.cta-stat-value{display:block;font-size:2.5rem;font-weight:800;margin-bottom:8px}.cta-stat-label{font-size:.875rem;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.footer{background:#0f172a;color:#fff;padding:80px 0 40px}.footer-content{display:grid;grid-template-columns:1.5fr 2fr;gap:80px;margin-bottom:60px}.footer-brand{max-width:400px}.footer-logo{height:40px;margin-bottom:16px}.footer-tagline{color:#94a3b8;line-height:1.6}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.footer-section h4{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:24px;color:#94a3b8}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:12px}.footer-section a{color:#cbd5e1;text-decoration:none;transition:color .2s ease}.footer-section a:hover{color:#fff}.footer-bottom{padding-top:40px;border-top:1px solid #1e293b;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}@media (max-width: 1024px){.hero-title{font-size:3rem}.stats-grid,.backed-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr}.tech-grid,.dev-grid{grid-template-columns:1fr;gap:48px}.use-cases{margin-top:30px;margin-bottom:30px}.use-cases-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:48px}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-stats{grid-template-columns:repeat(2,1fr)}.nav-actions{display:none}.hero-buttons{flex-direction:column;align-items:center}.backed-grid{grid-template-columns:repeat(2,1fr);gap:24px;max-width:400px}.dev-features{grid-template-columns:1fr}.cta-stats,.footer-links{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;text-align:center}}@media (max-width: 640px){.hero{min-height:80vh}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.stats-grid{grid-template-columns:1fr;gap:24px}.backer-logo{font-size:1.125rem}.developer-section{padding:60px 0;overflow-x:hidden}.dev-grid{gap:40px}.dev-content{max-width:100%;overflow-x:hidden}.dev-content h2{font-size:1.875rem;word-wrap:break-word}.dev-content p{font-size:1rem}.code-example{font-size:12px;max-width:100%;overflow:hidden}.code-example pre{padding:16px;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.code-example code{font-size:12px;word-break:break-word}.dev-links{flex-direction:column;align-items:stretch}.dev-links .btn{text-align:center;justify-content:center}.cta{padding:60px 0}.cta-title{font-size:2rem}.cta-description{font-size:1rem}.cta-buttons{flex-direction:column;gap:12px;align-items:stretch}.cta-buttons .btn{width:100%;justify-content:center;margin:0}}