:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary: #10b981;--secondary-dark: #059669;--accent: #f59e0b;--accent-dark: #d97706;--bronze: #cd7f32;--silver: #c0c0c0;--gold: #ffd700;--platinum: #e5e4e2;--bg-dark: #0f0f23;--bg-card: #1a1a2e;--bg-card-hover: #252542;--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #6b7280;--border: #2d2d44;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--gradient-secondary: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-hero: linear-gradient(180deg, #0f0f23 0%, #1a1a2e 50%, #0f0f23 100%);--section-padding: 100px 0;--container-max: 1200px;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(99, 102, 241, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);background:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{color:var(--primary-light);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary)}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:1.25rem}p{color:var(--text-secondary);margin-bottom:1rem}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.section{padding:var(--section-padding)}.section-title{text-align:center;margin-bottom:60px}.section-title span{display:inline-block;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{color:var(--text-secondary);font-size:1.125rem;max-width:600px;margin:0 auto;text-align:center}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0f0f23f2;backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:16px 0}.navbar .container{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:800;color:var(--text-primary)}.logo-icon{width:40px;height:40px;background:var(--gradient-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.nav-links{display:flex;align-items:center;gap:24px;list-style:none}.nav-links a{color:var(--text-secondary);font-weight:500;transition:color var(--transition-fast);font-size:14px}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.nav-dropdown{position:relative}.nav-dropdown>a{display:flex;align-items:center;gap:4px;cursor:pointer}.nav-dropdown>a:after{content:"▼";font-size:8px;transition:transform .2s}.nav-dropdown:hover>a:after{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);min-width:180px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:8px 0;opacity:0;visibility:hidden;transition:all .2s;margin-top:12px;box-shadow:0 10px 40px #0000004d;z-index:100}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible}.dropdown-menu a{display:flex;align-items:center;gap:10px;padding:10px 16px;color:var(--text-secondary);transition:all .2s;font-size:14px}.dropdown-menu a:hover{background:#6366f11a;color:var(--text-primary)}.dropdown-menu a.active{color:var(--primary);background:#6366f11a}.dropdown-divider{height:1px;background:var(--border);margin:8px 0}.nav-actions{display:flex;align-items:center;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border)}.btn-secondary:hover{border-color:var(--primary);background:#6366f11a}.btn-success{background:var(--gradient-secondary);color:#fff}.btn-lg{padding:16px 32px;font-size:1.125rem}.btn-sm{padding:8px 16px;font-size:.875rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;transition:all var(--transition-normal)}.card:hover{background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-icon{width:64px;height:64px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:20px}.card-title{font-size:1.25rem;margin-bottom:12px}.card-text{color:var(--text-secondary);font-size:.95rem}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-5{grid-template-columns:repeat(3,1fr)}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-5,.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 24px 80px;background:var(--gradient-hero);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(99,102,241,.15) 0%,transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:900px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#6366f133;border:1px solid rgba(99,102,241,.3);padding:8px 16px;border-radius:50px;font-size:.875rem;color:var(--primary-light);margin-bottom:24px}.hero-title{margin-bottom:24px}.hero-title span{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto 40px}.hero-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;padding:0 16px}@media(max-width:600px){.hero-actions{flex-direction:column;align-items:stretch;gap:12px;width:100%;max-width:300px;margin:0 auto}.hero-actions .btn{width:100%;justify-content:center;padding:14px 20px;font-size:.95rem}}.hero-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:60px;padding-top:40px;border-top:1px solid var(--border)}@media(max-width:900px){.hero-stats{grid-template-columns:repeat(3,1fr);gap:16px}}@media(max-width:600px){.hero-stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:40px;padding-top:24px}}.stat-card{background:#8b5cf614;border:1px solid rgba(139,92,246,.2);border-radius:16px;padding:24px 16px;text-align:center;transition:all .3s ease}.stat-card:hover{background:#8b5cf61f;border-color:#8b5cf666;transform:translateY(-4px)}.stat-icon{font-size:1.5rem;margin-bottom:12px}.stat{text-align:center}.stat-value{font-size:1.75rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.stat-label{color:var(--text-secondary);font-size:.8rem;margin-top:8px;line-height:1.3}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.features-grid{grid-template-columns:1fr}}.tier-card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-lg);padding:32px;text-align:center;transition:all var(--transition-normal)}.tier-card.bronze{border-color:var(--bronze)}.tier-card.silver{border-color:var(--silver)}.tier-card.gold{border-color:var(--gold)}.tier-card.platinum{border-color:var(--platinum)}.tier-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.tier-badge{font-size:3rem;margin-bottom:16px}.tier-name{font-size:1.5rem;font-weight:700;margin-bottom:8px}.tier-requirements{color:var(--text-secondary);font-size:.9rem;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border)}.tier-benefits{list-style:none;text-align:left}.tier-benefits li{padding:8px 0;color:var(--text-secondary);display:flex;align-items:center;gap:12px}.tier-benefits li:before{content:"✓";color:var(--secondary);font-weight:700}.code-block{background:#0d0d1a;border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;font-family:var(--font-mono);font-size:.875rem;overflow-x:auto;display:flex;justify-content:center}.code-block pre{margin:0}.code-block code{color:var(--text-secondary);white-space:pre;display:block;text-align:left}@media(max-width:900px){.code-block{padding:16px;font-size:.7rem;justify-content:flex-start}.code-block code{min-width:max-content}}.code-block .keyword{color:#c792ea}.code-block .string{color:#c3e88d}.code-block .number{color:#f78c6c}.code-block .comment{color:#546e7a}.table-container{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md)}table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--border)}th{background:var(--bg-card);color:var(--text-primary);font-weight:600}td{color:var(--text-secondary)}tr:hover td{background:var(--bg-card-hover)}.footer{background:var(--bg-card);border-top:1px solid var(--border);padding:60px 0 30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}@media(max-width:1024px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.footer-grid{grid-template-columns:1fr!important;gap:24px}}.footer-brand p{margin-top:16px;color:var(--text-muted);font-size:.9rem}.footer-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--text-muted);font-size:.9rem;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--text-primary)}.footer-bottom{padding-top:30px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--text-muted)}.footer-social{display:flex;gap:16px}.footer-social a{width:40px;height:40px;background:var(--bg-dark);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast)}.footer-social a:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.text-center{text-align:center}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mt-5{margin-top:48px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mb-5{margin-bottom:48px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeInUp .6s ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:8px;z-index:1001}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#0f0f23fa;backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:1000;padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom))}.bottom-nav-container{display:flex;justify-content:space-around;align-items:center;max-width:500px;margin:0 auto}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;color:var(--text-muted);text-decoration:none;font-size:10px;font-weight:500;transition:color .2s;min-width:60px}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item:hover{color:var(--text-primary)}.bottom-nav-icon{font-size:22px;line-height:1}.bottom-nav-label{white-space:nowrap}.bottom-nav-dropdown{position:relative}.bottom-nav-menu{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:8px 0;min-width:160px;box-shadow:0 -10px 40px #0006;display:none;margin-bottom:8px}.bottom-nav-dropdown.open .bottom-nav-menu{display:block}.bottom-nav-menu a{display:flex;align-items:center;gap:10px;padding:12px 16px;color:var(--text-secondary);font-size:14px;text-decoration:none;transition:all .2s}.bottom-nav-menu a:hover,.bottom-nav-menu a.active{background:#6366f11a;color:var(--text-primary)}.bottom-nav-menu .divider{height:1px;background:var(--border);margin:8px 0}@media(max-width:900px){.mobile-menu-btn{display:none}.nav-links,.nav-actions{display:none!important}.bottom-nav{display:block}body{padding-bottom:70px}.footer{padding-bottom:80px}.navbar{position:relative;padding:10px 0}.navbar .container{justify-content:center}.hero{min-height:auto;padding:30px 16px 40px}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:.9rem;padding:0 8px}.hero-buttons{flex-direction:column;gap:12px;width:100%;padding:0 16px}.hero-buttons .btn{width:100%;justify-content:center}.hero-badge{font-size:.7rem;padding:6px 12px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.node-table{min-width:700px}table{min-width:600px}.card{overflow-x:auto}}.contract-address{display:inline-flex;align-items:center;gap:8px;background:var(--bg-dark);border:1px solid var(--border);padding:12px 16px;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.875rem}.contract-address button{background:none;border:none;color:var(--primary-light);cursor:pointer;padding:4px}.contract-address button:hover{color:var(--primary)}.comparison-header{display:flex;align-items:center;gap:12px}.comparison-badge{background:var(--secondary);color:#fff;font-size:.75rem;padding:4px 8px;border-radius:4px;font-weight:600}#pwa-install-banner{position:fixed;bottom:-100px;left:16px;right:16px;max-width:500px;margin:0 auto;background:var(--bg-card);border:1px solid var(--primary);border-radius:var(--radius-lg);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:9999;box-shadow:0 -4px 30px #6366f14d;transition:bottom .3s ease}#pwa-install-banner.show{bottom:20px}@media(max-width:900px){#pwa-install-banner.show{bottom:90px}}.install-content{display:flex;align-items:center;gap:12px;flex:1}.install-icon{width:48px;height:48px;background:var(--gradient-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.install-text{display:flex;flex-direction:column}.install-text strong{color:var(--text-primary);font-size:1rem}.install-text span{color:var(--text-secondary);font-size:.85rem}.install-actions{display:flex;align-items:center;gap:8px}.install-btn{background:var(--gradient-primary);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:transform .2s}.install-btn:hover{transform:scale(1.05)}.install-close{background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:8px}.install-close:hover{color:var(--text-primary)}@media(max-width:500px){#pwa-install-banner{flex-direction:column;text-align:center;left:12px;right:12px}.install-content{flex-direction:column}.install-actions{width:100%;justify-content:center}.install-btn{flex:1}}@media(max-width:900px){:root{--section-padding: 50px 0}.hero-stats{flex-wrap:wrap;gap:20px}.stat-value{font-size:1.5rem}.section-title{margin-bottom:30px}.container{padding:0 16px}.card,.tier-card{padding:20px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}.grid{gap:16px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media(max-width:480px){html{font-size:14px}.hero{padding:70px 12px 30px}.hero-title{font-size:1.6rem}.hero-subtitle{font-size:.85rem}.hero-badge{font-size:.7rem;padding:5px 10px}.btn{padding:12px 20px;font-size:.9rem}.btn-lg{padding:14px 24px;font-size:.95rem}.card{padding:16px}.card-icon{width:44px;height:44px;font-size:1.1rem}table th,table td{padding:10px;font-size:.8rem}.section{padding:40px 0}}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}#pwa-install-banner{bottom:max(20px,env(safe-area-inset-bottom))}#pwa-install-banner.show{bottom:max(20px,calc(env(safe-area-inset-bottom) + 10px))}}@media(hover:none)and (pointer:coarse){.btn{min-height:48px}.nav-links a{min-height:48px;display:flex;align-items:center}.card:hover,.tier-card:hover{transform:none}}.contract-address,.contract-address code{word-break:break-all;overflow-wrap:break-word}@media(max-width:900px){[style*="grid-template-columns: repeat(3"]{grid-template-columns:1fr!important}[style*="grid-template-columns: repeat(4"],[style*="grid-template-columns: repeat(5"]{grid-template-columns:repeat(2,1fr)!important}.code-block{overflow-x:auto;-webkit-overflow-scrolling:touch}.code-block pre{min-width:max-content}.code-block code{font-size:.65rem}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px}table{min-width:500px}th,td{padding:10px 12px;font-size:.85rem;white-space:nowrap}.comparison-table{min-width:500px}.contract-info{overflow:hidden}.contract-address{padding:8px 12px;font-size:.75rem}.contract-address code{font-size:.65rem}.step{gap:12px}.step-number{width:28px;height:28px;font-size:.85rem}.feature-list li,.info-row{font-size:.9rem}.download-info{padding:12px}[style*="gap: 32px"]{gap:16px!important}[style*="display: flex"][style*="justify-content: center"][style*="gap: 32px"]{gap:16px!important;flex-wrap:wrap}[style*="font-size: 36px"]{font-size:24px!important}[style*="font-size: 42px"]{font-size:28px!important}[style*="font-size: 32px"]{font-size:22px!important}[style*="font-size: 48px"]{font-size:32px!important}[style*="grid-template-columns: repeat(auto-fit, minmax(250px"],[style*="grid-template-columns: repeat(3, 1fr)"]{grid-template-columns:1fr!important}.table-container table{font-size:.75rem}.table-container table th,.table-container table td{padding:8px 6px;font-size:.75rem}}@media(max-width:480px){[style*="grid-template-columns: repeat(2"],[style*="display: grid"][style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.card-icon{width:40px;height:40px;font-size:1rem}[style*="font-size: 4rem"]{font-size:2.5rem!important}[style*="font-size: 3rem"]{font-size:2rem!important}table{min-width:400px}.code-block code{font-size:.6rem}.contract-address{flex-direction:column;align-items:flex-start;gap:4px}.contract-address button{align-self:flex-end}.footer-grid{grid-template-columns:1fr!important;gap:24px!important}.footer{padding:30px 0 20px!important}.footer-bottom{flex-direction:column;gap:12px;text-align:center}.grid.grid-3{grid-template-columns:1fr!important}.card .contract-address{display:flex;flex-direction:column;align-items:stretch;padding:10px!important}.card .contract-address code{font-size:.6rem!important;word-break:break-all;overflow-wrap:anywhere;display:block;line-height:1.4}.card .contract-address button{align-self:flex-end;margin-left:0!important;margin-top:6px}.card[style*="padding: 32px"]{padding:20px 16px!important}}