:root{--bg-base: #0b0d12;--bg-surface: #111420;--bg-elevated: #171b29;--bg-hover: #1d2235;--text-primary: #e2e6f3;--text-secondary: #9aa3bf;--text-muted: #646e8c;--accent-a: #ff6b6b;--accent-a-dim: rgba(255, 107, 107, .15);--accent-a-glow: rgba(255, 107, 107, .08);--accent-b: #4ecdc4;--accent-b-dim: rgba(78, 205, 196, .15);--accent-b-glow: rgba(78, 205, 196, .08);--gold: #f4c842;--border: rgba(255, 255, 255, .055);--border-medium: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .14);--font-display: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-body: "Inter", sans-serif;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 22px;--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);min-height:100dvh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.grain{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px}.app:before{content:"";position:fixed;top:-30%;left:-15%;width:55%;height:60%;background:radial-gradient(ellipse,rgba(255,107,107,.045) 0%,transparent 65%);pointer-events:none;z-index:0}.app:after{content:"";position:fixed;top:-30%;right:-15%;width:55%;height:60%;background:radial-gradient(ellipse,rgba(78,205,196,.045) 0%,transparent 65%);pointer-events:none;z-index:0}.header{position:sticky;top:0;z-index:50;background:#0b0d12d9;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid var(--border)}.header-inner{max-width:1100px;margin:0 auto;padding:0 32px;height:62px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:11px;text-decoration:none;transition:opacity .2s}.logo:hover{opacity:.82}.logo-text{font-family:var(--font-display);font-weight:700;font-size:1.1rem;letter-spacing:-.02em;line-height:1}.logo-token{color:var(--text-primary)}.logo-compare{color:var(--accent-a)}.header-nav{display:flex;align-items:center;gap:4px}.nav-link{font-size:.8rem;font-weight:600;color:var(--text-secondary);padding:5px 12px;border-radius:40px;border:1px solid transparent;transition:color .15s,border-color .15s,background .15s}.nav-link:hover{color:var(--text-primary);border-color:var(--border-medium);background:var(--bg-elevated)}.nav-link.active{color:var(--accent-b)}.blog-hero{position:relative;z-index:1;border-bottom:1px solid var(--border);padding:64px 32px 56px}.blog-hero-inner{max-width:760px;margin:0 auto}.blog-eyebrow{font-size:.72rem;font-weight:600;color:var(--accent-b);text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px;display:block}.blog-hero-title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.8rem,4vw,2.8rem);color:var(--text-primary);letter-spacing:-.04em;line-height:1.12;margin-bottom:18px}.blog-hero-desc{font-size:1.05rem;color:var(--text-secondary);line-height:1.75;max-width:600px;margin-bottom:28px}.blog-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.blog-meta-item{font-size:.78rem;color:var(--text-muted);display:flex;align-items:center;gap:5px}.blog-meta-sep{width:3px;height:3px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.blog-layout{max-width:1100px;margin:0 auto;padding:56px 32px 80px;display:grid;grid-template-columns:1fr 280px;gap:64px;position:relative;z-index:1;align-items:start}.blog-content{min-width:0}.blog-content h2{font-family:var(--font-display);font-weight:700;font-size:1.3rem;color:var(--text-primary);letter-spacing:-.02em;line-height:1.3;margin:40px 0 14px}.blog-content h2:first-child{margin-top:0}.blog-content h3{font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--text-primary);letter-spacing:-.01em;margin:28px 0 10px}.blog-content p{font-size:.95rem;color:var(--text-secondary);line-height:1.8;margin-bottom:18px}.blog-content ul,.blog-content ol{margin:0 0 20px;padding-left:20px;display:flex;flex-direction:column;gap:8px}.blog-content li{font-size:.9rem;color:var(--text-secondary);line-height:1.7}.blog-content strong{color:var(--text-primary);font-weight:600}.blog-content a{color:var(--accent-b);text-decoration:underline;text-decoration-color:#4ecdc459;text-underline-offset:2px;transition:text-decoration-color .15s}.blog-content a:hover{text-decoration-color:var(--accent-b)}.blog-content code{font-family:var(--font-mono);font-size:.82rem;background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--r-sm);padding:2px 6px;color:var(--gold)}.blog-content pre{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px 24px;overflow-x:auto;margin:0 0 20px;font-size:.83rem;line-height:1.65}.blog-content pre code{background:none;border:none;padding:0;color:var(--text-secondary)}.blog-content blockquote{border-left:3px solid var(--accent-b);margin:0 0 20px;padding:12px 20px;background:var(--accent-b-glow);border-radius:0 var(--r-md) var(--r-md) 0}.blog-content blockquote p{color:var(--text-primary);margin-bottom:0}.callout{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px 24px;margin:0 0 24px}.callout.tip{border-color:#4ecdc44d;background:var(--accent-b-glow)}.callout.tip .callout-label{color:var(--accent-b)}.callout.warning{border-color:#f4c8424d;background:#f4c8420d}.callout.warning .callout-label{color:var(--gold)}.callout-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:8px}.callout p{margin-bottom:0}.token-table-wrapper{overflow-x:auto;margin:0 0 24px}.token-table{width:100%;border-collapse:collapse;font-size:.85rem}.token-table th{font-family:var(--font-display);font-weight:600;font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:10px 16px;text-align:left;border-bottom:1px solid var(--border)}.token-table td{padding:10px 16px;border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.85rem}.token-table tr:last-child td{border-bottom:none}.token-table td:first-child{font-family:var(--font-mono);color:var(--text-primary)}.token-table td.count{text-align:right;font-family:var(--font-mono);color:var(--gold)}.blog-sidebar{position:sticky;top:80px;display:flex;flex-direction:column;gap:20px}.sidebar-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px}.sidebar-title{font-family:var(--font-display);font-weight:700;font-size:.82rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.sidebar-toc{list-style:none;display:flex;flex-direction:column;gap:2px}.sidebar-toc a{font-size:.82rem;color:var(--text-secondary);padding:5px 8px;border-radius:var(--r-sm);display:block;line-height:1.45;transition:color .15s,background .15s}.sidebar-toc a:hover{color:var(--text-primary);background:var(--bg-elevated)}.cta-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column;gap:12px;border-top:2.5px solid var(--accent-a)}.cta-card-title{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--text-primary)}.cta-card-body{font-size:.82rem;color:var(--text-secondary);line-height:1.6}.cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--accent-a);color:#fff;font-weight:700;font-size:.82rem;padding:10px 18px;border-radius:40px;text-decoration:none;transition:opacity .15s,transform .15s;letter-spacing:.02em;font-family:var(--font-display)}.cta-btn:hover{opacity:.88;transform:translateY(-1px)}.related-posts{position:relative;z-index:1;border-top:1px solid var(--border);padding:48px 32px 64px}.related-inner{max-width:1100px;margin:0 auto}.related-title{font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:20px}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.related-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:8px;transition:border-color .2s,background .2s}.related-card:hover{border-color:var(--border-medium);background:var(--bg-elevated)}.related-label{font-size:.68rem;font-weight:700;color:var(--accent-b);text-transform:uppercase;letter-spacing:.1em}.related-card-title{font-family:var(--font-display);font-weight:700;font-size:.9rem;color:var(--text-primary);letter-spacing:-.01em;line-height:1.35}.related-card-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.6;flex:1}.related-cta{font-size:.75rem;font-weight:600;color:var(--accent-b);margin-top:4px}.footer{position:relative;z-index:1;border-top:1px solid var(--border);background:#0b0d12b3;backdrop-filter:blur(8px)}.footer-inner{max-width:1100px;margin:0 auto;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:7px;font-family:var(--font-display);font-weight:700;font-size:.82rem;color:var(--text-secondary);letter-spacing:-.01em}.footer-sep{color:var(--text-muted);font-size:.8rem}.footer-copy{font-size:.8rem;color:var(--text-muted)}.footer-links{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.footer-link{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;color:var(--text-muted);padding:5px 10px;border-radius:40px;border:1px solid transparent;transition:color .15s,border-color .15s,background .15s;font-weight:500}.footer-link:hover{color:var(--text-primary);border-color:var(--border-medium);background:var(--bg-elevated)}.blog-listing-grid{max-width:1100px;margin:0 auto;padding:48px 32px 80px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;position:relative;z-index:1}.blog-listing-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:30px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s,background .2s,transform .2s}.blog-listing-card:hover{border-color:var(--border-medium);background:var(--bg-elevated);transform:translateY(-2px)}.blog-listing-label{font-size:.68rem;font-weight:700;color:var(--accent-b);text-transform:uppercase;letter-spacing:.1em}.blog-listing-title{font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--text-primary);letter-spacing:-.02em;line-height:1.3}.blog-listing-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.65;flex:1}.blog-listing-meta{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:8px}.blog-listing-cta{font-size:.8rem;font-weight:600;color:var(--accent-b)}@media(max-width:900px){.blog-layout{grid-template-columns:1fr}.blog-sidebar{position:static}.blog-hero{padding:40px 20px 36px}.blog-layout{padding:40px 20px 60px;gap:40px}.related-posts{padding:36px 20px 48px}.related-grid{grid-template-columns:1fr}.blog-listing-grid{grid-template-columns:1fr;padding:36px 20px 60px}.footer-inner{padding:16px 20px}.header-inner{padding:0 20px}}@media(max-width:600px){.header-inner{padding:0 16px;height:54px}.logo-text{font-size:1rem}.blog-hero{padding:32px 16px 28px}.blog-layout{padding:32px 16px 48px}.related-posts{padding:28px 16px 40px}.blog-listing-grid{padding:28px 16px 48px}.footer-inner{flex-direction:column;align-items:flex-start;gap:12px}}