.article-hero{position:relative;display:flex;align-items:center;justify-content:center;padding:8rem 2rem 3rem;text-align:center;overflow:hidden}.article-hero-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 30% 20%,rgba(124,92,252,.12) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(212,168,83,.08) 0%,transparent 50%),var(--gradient-hero)}.article-hero-content{position:relative;z-index:2;max-width:800px}.article-breadcrumb{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem;font-size:.82rem}.article-breadcrumb a{color:var(--text-muted)}.article-breadcrumb a:hover{color:var(--gold)}.breadcrumb-sep{color:var(--text-muted);opacity:.4}.breadcrumb-current{color:var(--text-secondary)}.article-hero-title{font-family:Outfit,sans-serif;font-weight:900;font-size:clamp(1.8rem,4.5vw,3rem);line-height:1.2;margin-bottom:1.25rem;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--gold-light) 50%,var(--text-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.article-hero-desc{font-size:clamp(.95rem,1.8vw,1.1rem);color:var(--text-secondary);max-width:640px;margin:0 auto 1.5rem;line-height:1.7}.article-meta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.article-meta-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:100px;font-size:.78rem;color:var(--text-secondary);font-weight:500}.article-meta-badge svg{color:var(--gold)}.article-visuals-section{padding-top:1rem;padding-bottom:0}.article-visuals-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.article-widget{padding:1.8rem}.widget-wide{grid-column:1 / -1}.widget-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.widget-icon{width:40px;height:40px;border-radius:10px;background:#d4a8531a;border:1px solid rgba(212,168,83,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.widget-header h3{font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700;color:var(--text-primary)}.widget-converter{display:flex;align-items:center;gap:1rem}.widget-input-group{flex:1}.widget-input-group label{display:block;font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.widget-arrow-row{display:flex;align-items:center;justify-content:center;padding-top:1.2rem;flex-shrink:0}.widget-arrow{width:40px;height:40px;border-radius:50%;background:#d4a85314;border:1px solid rgba(212,168,83,.2);display:flex;align-items:center;justify-content:center;animation:pulseArrow 2s ease-in-out infinite}@keyframes pulseArrow{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.widget-result-group{flex:1}.widget-result-group label{display:block;font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.widget-result-value{padding:.9rem 1.2rem;background:#d4a8530f;border:1px solid rgba(212,168,83,.2);border-radius:var(--radius-md);font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800;color:var(--gold);text-align:center;transition:all .3s ease}.widget-presets{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.25rem;justify-content:center}.preset-chip{padding:.4rem .9rem;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:100px;cursor:pointer;color:var(--text-secondary);font-size:.75rem;font-family:Inter,sans-serif;font-weight:500;transition:var(--transition)}.preset-chip:hover{background:#d4a8531a;border-color:#d4a8534d;color:var(--gold)}.preset-chip.active{background:#d4a85326;border-color:var(--gold);color:var(--gold);box-shadow:0 0 12px var(--gold-glow)}.widget-caption{font-size:.75rem;color:var(--text-muted);text-align:center;margin-top:1.25rem;font-style:italic}.platform-bars{display:flex;flex-direction:column;gap:1rem}.platform-bar-item{display:flex;align-items:center;gap:.8rem}.platform-bar-label{display:flex;align-items:center;gap:.5rem;min-width:140px;font-size:.85rem;font-weight:600;color:var(--text-primary)}.platform-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.steam-icon{background:#1b283899;color:#66c0f4}.xbox-icon{background:#107c1033;color:#107c10}.ps-icon{background:#00379133;color:#2e6db4}.platform-unit{font-size:.68rem;color:var(--text-muted);font-weight:400}.platform-bar-track{flex:1;height:28px;background:#ffffff0a;border-radius:14px;overflow:hidden;border:1px solid var(--glass-border);position:relative}.platform-bar-fill{height:100%;border-radius:14px;width:0;transition:width 1.5s cubic-bezier(.4,0,.2,1);position:relative}.platform-bar-fill.animated{width:var(--target-width)}.steam-fill{background:linear-gradient(90deg,#1b2838,#66c0f4);box-shadow:0 0 12px #66c0f44d}.xbox-fill{background:linear-gradient(90deg,#0e5c0e,#107c10);box-shadow:0 0 12px #107c104d}.ps-fill{background:linear-gradient(90deg,#003791,#2e6db4);box-shadow:0 0 12px #0037914d}.fill-1g{background:linear-gradient(90deg,#1b3833,#3da588);box-shadow:0 0 12px #3da5884d}.fill-2g{background:linear-gradient(90deg,#3a2510,#d4a853);box-shadow:0 0 12px #d4a8534d}.fill-10g{background:linear-gradient(90deg,#2a1b42,#7c5cfc);box-shadow:0 0 12px #7c5cfc4d}.platform-bar-value{font-size:.82rem;font-weight:700;min-width:85px;text-align:right;color:var(--text-secondary);font-family:Outfit,sans-serif}.download-calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.download-calc-inputs{display:flex;flex-direction:column;gap:1rem}.download-calc-results{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.dl-result-card{padding:1.5rem 1rem;text-align:center;background:#ffffff05;border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:var(--transition)}.dl-result-card:hover{background:#d4a8530a;border-color:#d4a85326}.dl-result-icon{margin-bottom:.5rem}.dl-result-time{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;color:var(--gold);margin-bottom:.25rem;transition:all .3s ease}.dl-result-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.dl-game-presets{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;align-items:center}.dl-preset-label{font-size:.78rem;color:var(--text-muted);font-weight:600;margin-right:.25rem}.article-body-section{padding-top:2rem;padding-bottom:2rem}.article-body{display:grid;grid-template-columns:1fr 280px;gap:3rem;max-width:1100px;margin:0 auto;align-items:start}.article-toc{position:sticky;top:6rem}.toc-inner{padding:1.5rem}.toc-title{display:flex;align-items:center;gap:.5rem;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--glass-border)}.toc-nav{display:flex;flex-direction:column;gap:.15rem}.toc-nav a{display:block;padding:.35rem .6rem;border-radius:6px;font-size:.78rem;color:var(--text-secondary);transition:var(--transition);line-height:1.4;border-left:2px solid transparent}.toc-nav a:hover{color:var(--text-primary);background:#ffffff08}.toc-nav a.active{color:var(--gold);border-left-color:var(--gold);background:#d4a8530f}.toc-nav a.toc-h3{padding-left:1.2rem;font-size:.74rem}.prose{max-width:760px;font-size:1.02rem;line-height:1.8;color:var(--text-secondary)}.prose h1{font-family:Outfit,sans-serif;font-size:2.6rem;font-weight:900;color:var(--text-primary);margin:3rem 0 1.8rem;line-height:1.25;letter-spacing:-.02em}.prose h2{font-family:Outfit,sans-serif;font-size:2.4rem;font-weight:800;color:var(--text-primary);margin:3rem 0 1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--glass-border);line-height:1.3;letter-spacing:-.01em;position:relative}.prose h2:before{content:"";position:absolute;bottom:-1px;left:0;width:60px;height:2px;background:var(--gradient-gold)}.prose h3{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:700;color:var(--text-primary);margin:2.5rem 0 1.2rem}.prose p{margin-bottom:1.5rem;line-height:1.8}.prose strong{color:var(--text-primary);font-weight:600}.prose a{color:var(--gold);text-decoration:underline;text-decoration-color:#d4a8534d;text-underline-offset:3px;transition:var(--transition)}.prose a:hover{text-decoration-color:var(--gold)}.prose ul,.prose ol{margin:1rem 0 1.5rem 1.25rem}.prose li{margin-bottom:.5rem}.prose li::marker{color:var(--gold)}.prose blockquote{margin:1.5rem 0;padding:1rem 1.5rem;background:#d4a8530d;border-left:3px solid var(--gold);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;color:var(--text-primary)}.prose table{width:100%;border-collapse:separate;border-spacing:0;margin:2rem 0;font-size:.95rem;text-align:left;background:#ffffff04;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 0 0 1px var(--glass-border),0 8px 32px #00000026}.prose th{padding:1.2rem 1.5rem;background:#ffffff0a;color:var(--text-primary);font-family:Outfit,sans-serif;font-weight:700;border-bottom:1px solid var(--glass-border);font-size:.95rem;letter-spacing:.02em}.prose td{padding:1.1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.03);color:var(--text-secondary);transition:var(--transition)}.prose tr:last-child td{border-bottom:none}.prose tr:nth-child(2n) td{background:#ffffff04}.prose tr:hover td{background:#d4a8530d;color:var(--text-primary)}.prose td:first-child{font-weight:600;color:var(--text-primary)}.prose hr{border:none;height:1px;background:var(--glass-border);margin:2.5rem 0}.prose code{background:#7c5cfc1a;color:var(--accent-light);padding:.15rem .45rem;border-radius:4px;font-size:.88em}.prose pre{background:#0006;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1.5rem;overflow-x:auto;margin:1.5rem 0}.prose pre code{background:none;padding:0;color:var(--text-primary)}.article-cta-banner{display:flex;align-items:center;justify-content:space-between;padding:2rem 2.5rem;gap:2rem;background:linear-gradient(135deg,#7c5cfc14,#d4a8530f)!important;border-color:#d4a85333!important}.cta-banner-content h3{font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:800;margin-bottom:.3rem}.cta-banner-content p{color:var(--text-secondary);font-size:.92rem}.blog-grid-v2{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.blog-card-v2{display:flex;flex-direction:column;text-decoration:none;overflow:hidden;border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:#ffffff05;backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.4,0,.2,1)}.blog-card-v2:hover{transform:translateY(-3px);border-color:#d4a85340;box-shadow:0 12px 32px #0006}.card-v2-visual{position:relative;height:140px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden}.card-v2-img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.blog-card-v2:hover .card-v2-img{transform:scale(1.06)}.card-v2-icon{font-size:3rem;position:relative;z-index:2}.card-v2-icon-glow{position:absolute;width:60px;height:60px;border-radius:50%;opacity:.15;filter:blur(20px)}.card-v2-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.card-v2-tags{display:flex;gap:.35rem;margin-bottom:.75rem;flex-wrap:wrap}.article-tag{padding:.25rem .65rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:100px;font-size:.68rem;color:var(--text-secondary);font-weight:500;letter-spacing:.02em}.article-tag-sm{font-size:.62rem;padding:.2rem .5rem}.card-v2-title{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;line-height:1.35}.card-v2-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;flex:1}.card-v2-footer{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.card-v2-date{font-size:.75rem;color:var(--text-muted)}.card-v2-readtime{font-size:.72rem;color:var(--text-muted);padding:.15rem .5rem;background:#ffffff0a;border-radius:100px}.blog-read-more-v2{margin-left:auto;font-size:.82rem;display:inline-flex;align-items:center;gap:.4rem;color:var(--gold);font-weight:600}.arrow-icon{transition:transform .3s ease;display:inline-block}.blog-card-v2:hover .arrow-icon{transform:translate(4px)}@media(max-width:1024px){.article-body{grid-template-columns:1fr}.article-toc{display:none}}@media(max-width:768px){.article-hero{padding:7rem 1.5rem 2.5rem}.article-visuals-grid{grid-template-columns:1fr}.widget-converter{flex-direction:column}.widget-arrow-row{padding-top:0}.widget-arrow{transform:rotate(90deg)}.download-calc-grid{grid-template-columns:1fr}.platform-bar-label{min-width:110px;font-size:.78rem}.article-cta-banner{flex-direction:column;text-align:center}.prose h1{font-size:2.1rem;margin-bottom:1.4rem}.prose h2{font-size:1.9rem;margin-bottom:1.2rem}.prose h3{font-size:1.5rem;margin-bottom:1rem}}@media(max-width:480px){.article-hero-title{font-size:1.5rem}.article-meta-row{gap:.5rem}.platform-bar-label{min-width:90px}.download-calc-results{grid-template-columns:1fr}.dl-game-presets{justify-content:center}}.bits-byte-visualizer{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem}.byte-container{background:#ffffff08;border:2px solid rgba(212,168,83,.3);border-radius:var(--radius-md);padding:1.5rem;width:100%;text-align:center;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #d4a8530d}.byte-label{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:800;color:var(--gold);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.1em}.bits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.bit-box{background:#7c5cfc1a;border:1px solid rgba(124,92,252,.3);border-radius:6px;padding:.8rem 0;font-family:monospace;font-size:1.2rem;font-weight:700;color:var(--accent-light);transition:all .3s ease;opacity:.5;transform:scale(.9)}.bit-box.active{background:#7c5cfc66;border-color:var(--accent-light);color:#fff;opacity:1;transform:scale(1);box-shadow:0 0 15px #7c5cfc80}.bb-equation{font-size:1rem;color:var(--text-secondary);font-weight:600;margin-top:.5rem}.bb-highlight{color:var(--accent-light)}.bb-highlight-accent{color:var(--gold)}