:root{--primary-color:#00d9ff;--primary-dark:#00a8cc;--primary-light:#33e0ff;--secondary-color:#8b5cf6;--accent-color:#10b981;--accent-warning:#f59e0b;--text-primary:#ffffff;--text-secondary:#e5e7eb;--text-light:#9ca3af;--text-muted:#6b7280;--bg-primary:#0a0e27;--bg-secondary:#1a1a2e;--bg-tertiary:#16213e;--bg-dark:#0d1117;--bg-card:rgba(26, 26, 46, 0.8);--border-color:rgba(255, 255, 255, 0.1);--border-color-hover:rgba(0, 217, 255, 0.3);--divider-color:rgba(255, 255, 255, 0.05);--error-color:#ef4444;--success-color:#10b981;--warning-color:#f59e0b;--info-color:#00d9ff;--glow-primary:0 0 20px rgba(0, 217, 255, 0.3);--glow-secondary:0 0 20px rgba(139, 92, 246, 0.3);--glow-hover:0 0 30px rgba(0, 217, 255, 0.5);--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:2rem;--font-primary:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--font-mono:'Courier New',Courier,monospace;--max-width:1200px;--header-height:70px;--border-radius:12px;--border-radius-lg:16px;--box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.3),0 2px 4px -1px rgba(0, 0, 0, 0.2);--box-shadow-lg:0 20px 25px -5px rgba(0, 0, 0, 0.4),0 10px 10px -5px rgba(0, 0, 0, 0.2);--box-shadow-glow:0 0 40px rgba(0, 217, 255, 0.2);--transition-fast:150ms ease-in-out;--transition-normal:300ms ease-in-out;--transition-slow:500ms ease-in-out;--transition-bounce:400ms cubic-bezier(0.68, -0.55, 0.265, 1.55)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;background-color:#0a0e27}body{font-family:var(--font-primary);color:var(--text-primary);background:linear-gradient(135deg,#0a0e27 0,#1a1a2e 50%,#16213e 100%);background-attachment:scroll;min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(0,217,255,.05) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.05) 0,transparent 50%),radial-gradient(circle at 40% 20%,rgba(16,185,129,.03) 0,transparent 50%);background-size:100% 100%;animation:backgroundShift 20s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes backgroundShift{0%,100%{opacity:1}50%{opacity:.8}}body::after{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,217,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}body>*{position:relative;z-index:1}body.menu-open{overflow:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md);color:var(--text-primary);text-shadow:0 2px 10px rgba(0,0,0,.3)}h1{font-size:2.5rem;margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,var(--text-primary) 0,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:2rem;margin-bottom:var(--spacing-md)}h3{font-size:1.5rem;margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-md);color:var(--text-secondary);text-shadow:0 1px 3px rgba(0,0,0,.2)}a{color:var(--primary-color);text-decoration:none;transition:all var(--transition-fast);position:relative}a:hover{color:var(--primary-light);text-shadow:0 0 10px rgba(0,217,255,.5)}a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transition:width var(--transition-normal)}a:hover::after{width:100%}.skip-link{position:absolute;top:-100px;left:0;background:var(--primary-color);color:var(--bg-primary);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;font-weight:600;z-index:10000;border-radius:0 0 var(--border-radius) 0;transition:top var(--transition-fast)}.skip-link:focus{top:0;outline:3px solid var(--secondary-color);outline-offset:2px}.site-header{background:rgba(10,14,39,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000;transition:all var(--transition-normal)}.site-header.sticky{box-shadow:var(--box-shadow);background:rgba(10,14,39,.95);border-bottom-color:var(--border-color-hover)}.header-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:space-between;align-items:center;height:var(--header-height)}.logo{font-size:1.25rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center}.logo a{color:inherit;display:flex;align-items:center;text-decoration:none}.logo-img{height:40px;width:auto;max-width:200px;object-fit:contain;transition:opacity var(--transition-fast)}.logo-img:hover{opacity:.8}.logo-text{color:var(--primary-color);display:inline-block}.main-nav{position:relative}.nav-menu{display:flex;list-style:none;gap:var(--spacing-lg);align-items:center}.nav-link{color:var(--text-primary);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);transition:all var(--transition-fast)}.nav-link.active,.nav-link:hover{color:var(--primary-color);background:rgba(0,217,255,.1);box-shadow:var(--glow-primary);transform:translateY(-2px)}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:0 0;border:none;cursor:pointer;padding:var(--spacing-xs);z-index:1001}.hamburger-line{width:25px;height:3px;background-color:var(--text-primary);border-radius:2px;transition:all var(--transition-normal)}.mobile-menu-toggle.active .hamburger-line:first-child{transform:rotate(45deg) translate(8px,8px)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.hero-section{padding-top:var(--spacing-2xl);padding-left:var(--spacing-md);padding-right:var(--spacing-md);padding-bottom:0;background:0 0;position:relative}#hero-introduction{margin-bottom:0;padding-bottom:0}#hero-introduction .hero-container,#hero-introduction .hero-content,#hero-introduction .section-container{margin-bottom:0;padding-bottom:0}#hero-introduction .calculator-container{margin-bottom:0;padding-bottom:0}#hero-introduction .calculator-form{margin-bottom:0;padding-bottom:0}.hero-container{max-width:var(--max-width);margin:0 auto}.hero-content{text-align:center;margin:0;padding:0}#hero-introduction-content{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}#hero-introduction-content .section-container{margin-top:0;margin-bottom:0}#hero-introduction-content .content-block-wrapper{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm);margin-top:0;margin-bottom:0}#hero-introduction-content .content-block-wrapper h1{margin-top:0;margin-bottom:var(--spacing-sm)}#hero-introduction-content .content-block-wrapper p:first-of-type{margin-top:0}#hero-introduction-content .content-block-wrapper p:last-of-type{margin-bottom:0}.hero-title{font-size:3rem;color:var(--text-primary);margin-bottom:var(--spacing-md)}.hero-subtitle{font-size:1.5rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.hero-description{font-size:1.125rem;color:var(--text-secondary);max-width:800px;margin:0 auto;min-height:3.5rem;line-height:1.6;font-display:swap}.calculator-container{background:rgba(26,26,46,.92);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg),var(--glow-primary);padding:var(--spacing-xl);margin-top:var(--spacing-xl);transition:all var(--transition-normal);position:relative;overflow:visible;min-height:auto;width:100%;box-sizing:border-box}.calculator-container::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,217,255,.1),transparent);transition:left .5s}.calculator-container:hover::before{left:100%}.calculator-container:hover{border-color:var(--border-color-hover);box-shadow:var(--box-shadow-lg),var(--glow-hover);transform:translateY(-4px)}.calculator-title{text-align:center;margin-bottom:var(--spacing-lg);color:var(--text-primary);font-size:1.75rem;line-height:1.3;min-height:2.5rem;font-display:swap}.calculator-form-fields{width:100%;margin:0 auto}.form-fields-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);min-height:650px;width:100%;box-sizing:border-box}@media (max-width:992px){.form-fields-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.form-fields-grid{grid-template-columns:1fr}}.form-group{margin-bottom:var(--spacing-lg);display:flex;flex-direction:column;min-height:80px;width:100%;box-sizing:border-box}.form-fields-grid .form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--text-primary)}.label-icon{margin-right:var(--spacing-xs)}.form-label-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.65rem;padding:0 .35rem;margin-right:.45rem;font-size:.5rem;font-weight:800;letter-spacing:.04em;line-height:1;text-transform:uppercase;vertical-align:middle;border-radius:8px;border:1px solid rgba(0,217,255,.35);background:rgba(0,217,255,.1);color:var(--primary-color);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.form-label-badge::after{content:attr(data-badge)}.form-label-badge[data-badge=COOL],.form-label-badge[data-badge=GAME],.form-label-badge[data-badge=GFX]{font-size:.42rem;letter-spacing:.02em}.required{color:var(--error-color)}.select-wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:.5rem;min-height:52px;box-sizing:border-box}.select-search{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;font-family:var(--font-primary);background:rgba(26,26,46,.8);backdrop-filter:blur(10px);color:var(--text-primary);transition:all var(--transition-fast);margin-bottom:var(--spacing-xs);display:block!important;visibility:visible!important;opacity:1!important;position:relative;z-index:10;pointer-events:auto;box-sizing:border-box}.select-search:hover{border-color:var(--border-color-hover);background:rgba(26,26,46,.9)}.select-search:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(0,217,255,.2),var(--glow-primary);background:#1a1a2e}.select-search::placeholder{color:var(--text-light);opacity:.6}.select-suggestions{position:absolute;top:100%;left:0;right:0;background:rgba(26,26,46,.95);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);max-height:300px;overflow-y:auto;z-index:1000;display:none;box-shadow:0 4px 12px rgba(0,0,0,.3);margin-top:-1px}.suggestion-item{padding:.75rem var(--spacing-sm);color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast);border-bottom:1px solid rgba(255,255,255,.05);font-size:.95rem;line-height:1.5}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:rgba(0,217,255,.15)}.suggestion-item strong{color:var(--primary-color);font-weight:600}.form-select{width:100%;padding:.75rem var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;font-family:var(--font-primary);background:rgba(26,26,46,.8);backdrop-filter:blur(10px);color:var(--text-primary);transition:all var(--transition-fast);position:relative;z-index:2;pointer-events:auto;cursor:pointer;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist;height:auto;min-height:52px;box-sizing:border-box;font-display:swap;text-overflow:ellipsis;overflow:visible;white-space:normal;line-height:1.6;padding-right:2.5rem;vertical-align:middle}.form-select:hover{border-color:var(--border-color-hover);background:rgba(26,26,46,.9)}.form-select:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(0,217,255,.2),var(--glow-primary);background:#1a1a2e;z-index:10}.form-select:active,.form-select:focus{pointer-events:auto}.form-select option{background:#1a1a2e;color:var(--text-primary);padding:.5rem;display:block;white-space:normal;word-wrap:break-word;overflow:visible;text-overflow:clip}.form-select:active option,.form-select:focus option{white-space:normal;overflow:visible;text-overflow:clip;max-width:none}.form-select option[hidden]{display:none}.form-help{display:block;font-size:.875rem;color:var(--text-light);margin-top:var(--spacing-xs)}.form-actions{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.85rem 1.35rem;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:#fff;border:1px solid var(--primary-dark);border-radius:var(--border-radius);font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;box-shadow:var(--glow-primary);transition:transform var(--transition-normal),box-shadow var(--transition-normal),background var(--transition-normal),color var(--transition-normal)}.btn:hover{background:linear-gradient(135deg,var(--primary-light) 0,var(--primary-color) 100%);transform:translateY(-1px);box-shadow:var(--glow-hover),var(--box-shadow-lg)}.btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.btn.secondary{background:0 0;color:var(--text-primary);border-color:var(--border-color);box-shadow:none}.btn.small{padding:.65rem 1rem;font-size:.95rem}.btn-reset{background:rgba(107,114,128,.3);color:var(--text-primary);border:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-xl);font-size:1.125rem;font-weight:600;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-normal);min-width:150px;display:inline-block!important;visibility:visible!important;opacity:1!important}.btn-reset:hover{background:rgba(107,114,128,.5);border-color:var(--border-color-hover);transform:translateY(-2px);box-shadow:var(--glow-primary)}.btn-calculate{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-xl);font-size:1.125rem;font-weight:600;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-normal);min-width:200px;position:relative;overflow:hidden;box-shadow:var(--glow-primary)}.btn-calculate::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-calculate:hover:not(:disabled)::before{width:300px;height:300px}.btn-calculate:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:var(--glow-hover),var(--box-shadow-lg);background:linear-gradient(135deg,var(--primary-light) 0,var(--primary-color) 100%)}.btn-calculate:disabled{opacity:.6;cursor:not-allowed}.calculator-results{margin-top:var(--spacing-xl);padding:var(--spacing-xl);background:rgba(26,26,46,.96);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg),var(--glow-primary);transition:all var(--transition-normal);animation:fadeInUp .5s ease-out;display:none!important}.calculator-results.is-visible{display:block!important;margin-bottom:var(--spacing-2xl)}.calculator-results .btn-action,.calculator-results .results-actions-header{display:flex!important;visibility:visible!important;opacity:1!important}.results-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color);flex-wrap:wrap;justify-content:center}.result-tab{padding:1rem 1.5rem;background:0 0;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .3s;font-size:1rem;position:relative}.result-tab:hover{color:var(--primary-color);background:rgba(0,217,255,.05)}.result-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-pane{display:none;animation:fadeIn .3s ease-in;min-height:400px}.tab-pane.active{display:block}.tab-pane:not(.active) .bottleneck-percentage,.tab-pane:not(.active) .bottleneck-severity{display:none!important}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.results-header{display:none!important;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color);flex-wrap:wrap;gap:var(--spacing-md)}.calculator-results.is-visible .results-header{display:flex!important}.results-actions-header{display:flex!important;gap:var(--spacing-sm);flex-wrap:wrap;align-items:center;visibility:visible!important;opacity:1!important}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.calculator-results:hover{border-color:var(--border-color-hover);box-shadow:var(--box-shadow-lg),var(--glow-hover)}.results-title{color:var(--text-primary);font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--text-primary) 0,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;flex:1;min-width:200px}.results-actions-header{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;align-items:center}.btn-action{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:rgba(26,26,46,.6);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-action:hover{background:rgba(26,26,46,.9);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--glow-primary)}.btn-action .btn-icon{font-size:1rem}.btn-download-pdf:hover{background:rgba(239,68,68,.2);border-color:#ef4444}.btn-share-facebook:hover{background:rgba(24,119,242,.2);border-color:#1877f2}.btn-share-twitter:hover{background:rgba(29,161,242,.2);border-color:#1da1f2}.results-summary{margin-bottom:var(--spacing-xl)}.results-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-md);margin:var(--spacing-lg) 0}.insight-card{padding:var(--spacing-md);background:rgba(26,26,46,.5);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.insight-label{text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;color:var(--text-light);margin-bottom:.35rem}.insight-value{color:var(--text-primary);font-weight:700;font-size:1.15rem;margin-bottom:.5rem}.insight-sub{color:var(--text-secondary);font-size:.9rem;margin:0}.micro-meter{width:100%;height:6px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin-bottom:.5rem}.micro-meter span{display:block;height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.quick-upgrade-callout{margin:1.5rem 0;padding:1rem 1.25rem;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.3);border-radius:var(--border-radius);display:grid;gap:.35rem}.callout-label{color:var(--text-light);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.callout-main{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-weight:700}.callout-arrow{color:var(--text-secondary)}.callout-meta{display:flex;gap:1rem;align-items:center;color:var(--text-secondary);font-size:.9rem}.callout-gain{color:var(--accent-color);font-weight:700}.purpose-tips{margin:1.5rem 0;padding:1rem 1.25rem;background:rgba(26,26,46,.5);border:1px solid var(--border-color);border-radius:var(--border-radius)}.purpose-title{color:var(--primary-color);font-weight:700;margin-bottom:.35rem}.purpose-copy{color:var(--text-secondary);margin:0}.summary-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin:var(--spacing-lg) 0}.summary-card{padding:var(--spacing-md);background:rgba(26,26,46,.5);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.card-label{text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;color:var(--text-light)}.card-value{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:.35rem 0}.card-sub{color:var(--text-secondary);font-size:.95rem}.performance-snapshot{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-md);margin:var(--spacing-lg) 0}.snapshot-card{padding:var(--spacing-md);background:rgba(26,26,46,.5);border:1px solid var(--border-color);border-radius:var(--border-radius)}.snapshot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.snapshot-label{color:var(--text-light);font-size:.9rem}.snapshot-value{color:var(--text-primary);font-weight:700}.snapshot-bar{width:100%;height:8px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}.snapshot-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--secondary-color),#a78bfa)}.snapshot-bar.accent span{background:linear-gradient(90deg,var(--accent-color),#34d399)}.snapshot-bar.stability span{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.snapshot-range{position:relative;height:12px;margin-top:.35rem}.range-track{position:absolute;top:50%;left:0;width:100%;height:6px;background:rgba(255,255,255,.08);border-radius:999px;transform:translateY(-50%)}.range-window{position:absolute;top:50%;height:6px;background:rgba(0,217,255,.25);border-radius:999px;transform:translateY(-50%)}.range-point{position:absolute;top:50%;width:10px;height:10px;background:var(--primary-color);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px rgba(0,217,255,.6)}.upgrade-roi{margin:var(--spacing-lg) 0;padding:var(--spacing-md);background:rgba(26,26,46,.5);border:1px solid var(--border-color);border-radius:var(--border-radius)}.roi-header{color:var(--primary-color);font-weight:700;margin-bottom:.75rem}.roi-rows{display:flex;flex-direction:column;gap:.5rem}.roi-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.75rem;padding:.75rem;border-radius:var(--border-radius);background:rgba(255,255,255,.03)}.roi-col{color:var(--text-secondary);font-size:.95rem}.roi-col.gain{color:var(--accent-color);font-weight:700}.roi-col.price{color:var(--text-primary);font-weight:600}.roi-label{text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;color:var(--text-light);margin-bottom:.25rem}.roi-value{color:var(--text-primary);font-weight:600}.health-signals{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin:var(--spacing-lg) 0}.health-chip{padding:var(--spacing-md);background:rgba(26,26,46,.5);border:1px solid var(--border-color);border-radius:var(--border-radius)}.chip-label{text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;color:var(--text-light)}.chip-value{display:block;color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:.25rem 0}.chip-note{color:var(--text-secondary);font-size:.9rem}.data-notes{margin:var(--spacing-lg) 0;padding:var(--spacing-md);background:rgba(26,26,46,.45);border:1px solid var(--border-color);border-radius:var(--border-radius)}.data-note-title{color:var(--primary-color);font-weight:700;margin-bottom:.5rem}.data-note-list{margin:0;padding-left:1.25rem;color:var(--text-secondary);line-height:1.5}.bottleneck-percentage{text-align:center;padding:var(--spacing-lg);background:rgba(0,217,255,.05);border-radius:var(--border-radius);margin-bottom:var(--spacing-md)}.results-actions,.results-details,.results-explanation{margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background:rgba(26,26,46,.4);border-radius:var(--border-radius);border:1px solid var(--border-color)}.results-actions h4,.results-details h4,.results-explanation h4{color:var(--primary-color);margin-bottom:var(--spacing-md);font-size:1.25rem}.actions-list li,.config-list li{padding:var(--spacing-sm) 0;color:var(--text-secondary);transition:color var(--transition-fast)}.actions-list li:hover,.config-list li:hover{color:var(--text-primary)}.explanation-content p{line-height:1.8;color:var(--text-secondary)}.results-title{text-align:center;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.trust-factors-section{padding:var(--spacing-2xl) var(--spacing-md);background:0 0;position:relative}.trust-container{max-width:var(--max-width);margin:0 auto;text-align:center}.trust-title{font-size:2.5rem;margin-bottom:var(--spacing-xl);color:var(--text-primary)}.user-count-display{margin-bottom:var(--spacing-md);text-align:center}.user-count-number{font-size:4rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;font-variant-numeric:tabular-nums;text-shadow:0 0 30px rgba(0,217,255,.3);filter:drop-shadow(0 0 20px rgba(0, 217, 255, .4));display:inline-block;line-height:1.2}.user-count-label{font-size:1.25rem;color:var(--text-secondary);font-weight:400;display:inline-block;margin-left:var(--spacing-sm);vertical-align:middle}.company-badges{margin:var(--spacing-2xl) 0}.badges-title{font-size:1.5rem;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.badges-grid{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--spacing-md);max-width:100%;margin:0 auto;overflow-x:auto;padding:var(--spacing-sm) 0}.company-badge{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius);padding:var(--spacing-sm);transition:all var(--transition-normal);position:relative;overflow:hidden;min-width:120px;height:80px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.company-badge::before{content:'';position:absolute;inset:0;background:rgba(255,255,255,.05);z-index:0;transition:background var(--transition-normal)}.company-badge::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,217,255,.15),transparent);transition:left .5s;z-index:2;pointer-events:none}.company-badge:hover::after{left:100%}.company-badge:hover{transform:translateY(-4px) scale(1.05);box-shadow:var(--box-shadow-lg),var(--glow-primary);border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.15)}.company-badge:hover::before{background:rgba(255,255,255,.1)}.badge-text{position:relative;z-index:1;color:var(--text-primary);font-size:1.1rem;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:2px;transition:all var(--transition-normal);text-shadow:0 2px 10px rgba(0,0,0,.3)}.company-badge:hover .badge-text{color:var(--primary-color);text-shadow:0 2px 20px rgba(0,217,255,.5);transform:scale(1.1)}.trust-indicators{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.trust-indicator{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);border-radius:var(--border-radius);font-size:.875rem}.indicator-icon{font-size:1.25rem}.table-of-contents-section{padding:var(--spacing-3xl) var(--spacing-md)!important;background:linear-gradient(180deg,var(--bg-primary) 0,rgba(15,15,30,.95) 100%)!important;position:relative!important;overflow:visible!important;display:block!important;visibility:visible!important;opacity:1!important;min-height:200px!important;width:100%!important;max-width:100%!important;margin:0!important;z-index:1!important}.table-of-contents-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(0,217,255,.08) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.08) 0,transparent 50%);pointer-events:none;z-index:0}.toc-container{max-width:var(--max-width);margin:0 auto;position:relative;z-index:1}.toc-header{text-align:center;margin-bottom:var(--spacing-3xl);position:relative}.toc-title{font-size:3rem;font-weight:800;margin-bottom:var(--spacing-md);color:var(--text-primary);text-transform:uppercase;letter-spacing:2px;position:relative;display:inline-block}.toc-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:120px;height:4px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);border-radius:2px}.toc-description{font-size:1.125rem;color:var(--text-secondary);max-width:800px;margin:var(--spacing-lg) auto 0;line-height:1.7}.toc-magazine-grid{--toc-gap:var(--spacing-md);display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-content:flex-start!important;gap:var(--toc-gap)!important;position:relative!important;visibility:visible!important;opacity:1!important;min-height:200px!important;width:100%!important;box-sizing:border-box!important}.toc-magazine-card{--toc-cols:4;--toc-gaps:calc((var(--toc-cols) - 1) * var(--toc-gap));position:relative!important;flex:0 0 calc((100% - var(--toc-gaps))/ var(--toc-cols))!important;width:calc((100% - var(--toc-gaps))/ var(--toc-cols))!important;max-width:calc((100% - var(--toc-gaps))/ var(--toc-cols))!important;min-width:0!important;box-sizing:border-box!important;min-height:220px!important;border-radius:var(--border-radius)!important;overflow:hidden!important;transition:all .4s cubic-bezier(.4, 0, .2, 1)!important;cursor:pointer!important;background:var(--bg-secondary)!important;box-shadow:0 10px 40px rgba(0,0,0,.3)!important;display:block!important;visibility:visible!important;opacity:1!important}.toc-magazine-card::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.85) 100%);z-index:1;transition:opacity .4s ease}.toc-magazine-card:hover::before{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.2) 50%,rgba(0,0,0,.75) 100%)}.toc-card-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .6s cubic-bezier(.4, 0, .2, 1);opacity:.4;filter:blur(2px);z-index:0;background-image:var(--bg-image-jpg, url('/images/bg-tech-1.jpg'))}.toc-card-bg[data-bg-webp].webp-loaded{background-image:var(--bg-image-webp)}.toc-card-bg[data-bg-webp]:not(.webp-loaded){background-image:var(--bg-image-jpg)}.toc-magazine-card:hover .toc-card-bg{transform:scale(1.1);opacity:.5;filter:blur(1px)}.toc-card-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--spacing-md);color:var(--text-primary)}.toc-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.toc-card-number{width:32px;height:32px;background:rgba(0,217,255,.2);backdrop-filter:blur(10px);border:2px solid var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:var(--primary-color);box-shadow:0 0 20px rgba(0,217,255,.3);transition:all .4s ease;flex-shrink:0;margin-left:auto}.toc-magazine-card:hover .toc-card-number{transform:scale(1.15) rotate(360deg);box-shadow:0 0 30px rgba(0,217,255,.5);background:rgba(0,217,255,.3)}.toc-card-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .5));transition:transform .4s ease;flex-shrink:0}.toc-magazine-card:hover .toc-card-icon{transform:scale(1.2) translateY(-2px)}.toc-card-title{font-size:1rem;font-weight:700;line-height:1.3;text-shadow:0 2px 10px rgba(0,0,0,.8);transition:color .3s ease;margin:0;flex:1}.toc-magazine-card:hover .toc-card-title{color:var(--primary-color);text-shadow:0 2px 20px rgba(0,217,255,.6)}.toc-card-description{font-size:.85rem;line-height:1.5;color:rgba(255,255,255,.9);text-shadow:0 1px 5px rgba(0,0,0,.8);margin-bottom:var(--spacing-sm);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.toc-card-footer{display:flex;align-items:center;gap:var(--spacing-xs);padding-top:var(--spacing-sm);border-top:1px solid rgba(255,255,255,.2);margin-top:auto;justify-content:space-between}.toc-card-link-text{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--primary-color);transition:all .3s ease}.toc-card-arrow{width:20px;height:20px;color:var(--primary-color);transition:transform .3s ease;filter:drop-shadow(0 0 8px rgba(0, 217, 255, .5))}.toc-magazine-card:hover .toc-card-arrow{transform:translateX(8px)}.toc-magazine-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 60px rgba(0,217,255,.3),0 0 40px rgba(139,92,246,.2)}.toc-magazine-card::after{content:'';position:absolute;inset:-2px;border-radius:var(--border-radius-lg);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));opacity:0;z-index:-1;transition:opacity .4s ease;filter:blur(20px)}.toc-magazine-card:hover::after{opacity:.6}@media (max-width:992px){.toc-magazine-card{--toc-cols:2;--toc-gaps:calc((var(--toc-cols) - 1) * var(--toc-gap));min-height:200px}}@media (max-width:768px){.toc-title{font-size:2.2rem}.toc-magazine-card{--toc-cols:1;--toc-gaps:0px;flex:0 0 100%!important;width:100%!important;max-width:100%!important;min-height:180px}.toc-card-content{padding:var(--spacing-md)}.toc-card-title{font-size:.95rem}.toc-card-icon{font-size:1.3rem}.toc-card-description{font-size:.8rem}}.toc-empty-state{text-align:center;padding:var(--spacing-3xl);color:var(--text-secondary);font-size:1.1rem}section[id]{padding:var(--spacing-2xl) var(--spacing-md);scroll-margin-top:calc(var(--header-height) + 20px);position:relative}section[id] .section-container{max-width:var(--max-width);margin:0 auto;position:relative;z-index:1}section[id].content-section{padding:var(--spacing-md) var(--spacing-md);position:relative;overflow:hidden}section[id].content-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;background-attachment:fixed;opacity:.08;z-index:0;pointer-events:none}section[id].content-section .section-container{position:relative;z-index:1}#hero-introduction-content::before{background-image:url('/images/bg-tech-1.jpg')}#what-is-pc-bottleneck::before{background-image:url('/images/bg-tech-2.jpg')}#how-to-know-if-bottleneck::before{background-image:url('/images/bg-tech-3.jpg')}#why-pc-slow::before{background-image:url('/images/bg-tech-4.jpg')}#understanding-pc-bottlenecks::before{background-image:url('/images/bg-tech-1.jpg')}#cpu-vs-gpu-bottleneck::before{background-image:url('/images/bg-tech-2.jpg')}#how-to-use-calculator::before{background-image:url('/images/bg-tech-3.jpg')}#interpreting-results::before{background-image:url('/images/bg-tech-4.jpg')}#how-to-fix-bottleneck::before{background-image:url('/images/bg-tech-1.jpg')}#key-factors-bottleneck::before{background-image:url('/images/bg-tech-2.jpg')}#faq::before{background-image:url('/images/bg-tech-3.jpg')}section[id]:nth-child(2n){background:0 0;position:relative}.content-block-wrapper{background:rgba(26,26,46,.92);backdrop-filter:blur(15px);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-md);position:relative;margin:var(--spacing-sm) 0;position:relative;transition:all var(--transition-normal);overflow:hidden;min-height:400px}.content-block-wrapper::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.08;z-index:0;transition:opacity .4s ease,transform .6s ease;background-image:var(--bg-image-jpg, var(--bg-image, url('/images/bg-tech-1.jpg')))}.content-block-wrapper[data-bg-webp].webp-loaded::before{background-image:var(--bg-image-webp, var(--bg-image-jpg, var(--bg-image, url('/images/bg-tech-1.webp'))))}.content-block-wrapper:hover::before{opacity:.12;transform:scale(1.05)}.content-block-wrapper>*{position:relative;z-index:1}.content-block-wrapper:hover{border-color:var(--primary-color);box-shadow:var(--box-shadow-lg),var(--glow-primary);transform:translateY(-4px)}.content-block-wrapper h1,.content-block-wrapper h2,.content-section h1,.content-section h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg);margin-top:0;line-height:1.3}.content-block-wrapper h3,.content-section h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);line-height:1.4}.content-block-wrapper h4,.content-section h4{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.content-block-wrapper p,.content-section p{font-size:1.0625rem;line-height:1.8;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.content-block-wrapper strong,.content-section strong{color:var(--text-primary);font-weight:600}.content-block-wrapper ol,.content-block-wrapper ul,.content-section ol,.content-section ul{margin:var(--spacing-md) 0;padding-left:var(--spacing-lg);color:var(--text-secondary);line-height:1.8}.content-block-wrapper li,.content-section li{margin-bottom:var(--spacing-sm);font-size:1.0625rem}.content-cta-wrapper{text-align:center;margin:var(--spacing-xl) 0}.example-box,.info-box,.warning-box{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);margin:var(--spacing-md) 0;border-left:3px solid;background:rgba(26,26,46,.6);backdrop-filter:blur(10px);font-size:.95rem;line-height:1.6}.example-box{border-left-color:var(--primary-color);background:rgba(0,217,255,.05)}.example-box h3{margin-top:0;margin-bottom:var(--spacing-xs);font-size:1.1rem;color:var(--primary-color)}.example-box p{margin:0;font-size:.95rem}.info-box{border-left-color:var(--info-color);background:rgba(59,130,246,.05)}.warning-box{border-left-color:var(--warning-color);background:rgba(245,158,11,.05)}.bottleneck-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin:var(--spacing-lg) 0}@media (max-width:768px){.bottleneck-types{grid-template-columns:1fr;gap:var(--spacing-sm)}}.type-item{padding:var(--spacing-md) var(--spacing-lg);background:rgba(26,26,46,.6);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all var(--transition-normal);font-size:1rem;line-height:1.7}.type-item:hover{transform:translateY(-2px);box-shadow:var(--box-shadow),var(--glow-primary);border-color:var(--primary-color)}.type-item h3{color:var(--primary-color);margin-top:0;margin-bottom:var(--spacing-sm);font-size:1.25rem;line-height:1.5;font-weight:600}.type-item p{margin:0;font-size:1rem;line-height:1.7}.faq-container{margin:var(--spacing-xl) 0}.faq-item{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color);transition:all var(--transition-normal)}.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.faq-item:hover{border-bottom-color:var(--primary-color)}.faq-question{color:var(--primary-color);font-size:1.25rem;font-weight:600;line-height:1.5;margin:0 0 var(--spacing-sm) 0;padding:0;cursor:default}.faq-question::before{content:'Q: ';color:var(--secondary-color);font-weight:700;margin-right:var(--spacing-xs)}.faq-answer{margin-top:var(--spacing-sm);padding-left:var(--spacing-lg);position:relative}.faq-answer::before{content:'A: ';position:absolute;left:0;color:var(--primary-color);font-weight:600;font-size:1.1rem}.faq-answer p{margin:0 0 var(--spacing-sm) 0;font-size:1rem;line-height:1.7;color:var(--text-color)}.faq-answer p:last-child{margin-bottom:0}.faq-answer ul{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.faq-answer .benefits-list{margin:var(--spacing-sm) 0;padding-left:0}.benefits-list{list-style:none;padding:0;margin:var(--spacing-md) 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xs);counter-reset:benefits-counter}.benefits-list li{padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:0;background:rgba(26,26,46,.4);border-radius:var(--border-radius);border-left:2px solid var(--primary-color);display:flex;align-items:flex-start;gap:var(--spacing-xs);transition:all var(--transition-fast);font-size:.9rem;line-height:1.5;counter-increment:benefits-counter}.benefits-list li::before{content:counter(benefits-counter) '.';color:var(--primary-color);font-weight:700;font-size:.95rem;flex-shrink:0;margin-top:.1rem;min-width:1.25rem;text-align:right}.benefits-list li:hover{background:rgba(26,26,46,.6);transform:translateX(2px);border-left-color:var(--secondary-color)}.benefits-list li strong{font-weight:600;margin-right:.25rem}@media (max-width:768px){.benefits-list{grid-template-columns:1fr;gap:var(--spacing-xs)}}.content-cta{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--bg-primary);text-decoration:none;border-radius:var(--border-radius);font-weight:600;font-size:1rem;transition:all var(--transition-normal);box-shadow:var(--glow-primary);text-transform:uppercase;letter-spacing:1px}.content-cta:hover{transform:translateY(-2px);box-shadow:var(--glow-primary),0 8px 20px rgba(0,217,255,.3)}.content-section table{width:100%;border-collapse:collapse;margin:var(--spacing-xl) 0;background:rgba(26,26,46,.6);border-radius:var(--border-radius);overflow:hidden}.content-section table th{background:rgba(0,217,255,.15);color:var(--text-primary);padding:var(--spacing-md);text-align:left;font-weight:600;border-bottom:2px solid var(--primary-color)}.content-section table td{padding:var(--spacing-md);color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.content-section table tr:hover{background:rgba(0,217,255,.05)}.content-section table tr:last-child td{border-bottom:none}@media (max-width:992px){.content-section-wrapper{grid-template-columns:1fr;gap:var(--spacing-lg)}.content-section-wrapper.reverse{direction:ltr}.bottleneck-types{grid-template-columns:1fr}.content-section h1,.content-section h2{font-size:1.875rem}.content-section h3{font-size:1.5rem}}.site-footer{background:linear-gradient(180deg,rgba(13,17,23,.95) 0,#0a0e27 100%);backdrop-filter:blur(10px);color:var(--text-light);padding:var(--spacing-2xl) var(--spacing-md);margin-top:var(--spacing-2xl);border-top:1px solid var(--border-color);position:relative}.site-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);opacity:.5}.footer-container{max-width:var(--max-width);margin:0 auto}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-column{display:flex;flex-direction:column}.footer-title{font-size:1.25rem;color:var(--text-primary);margin-bottom:var(--spacing-md);text-shadow:0 2px 10px rgba(0,0,0,.3)}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-link{color:var(--text-light);transition:color var(--transition-fast)}.footer-link:hover{color:var(--primary-color);text-shadow:0 0 10px rgba(0,217,255,.5);transform:translateX(4px);transition:all var(--transition-fast)}.footer-social-section{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:2rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-top:2rem;gap:1.5rem}.footer-social-links{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.footer-social-label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--border-color);color:var(--text-secondary);transition:all .3s ease;background:rgba(255,255,255,.05)}.social-icon::after{display:none}.social-icon--facebook{background:rgba(24,119,242,.1);border-color:rgba(24,119,242,.3);color:#1877f2}.social-icon--twitter{background:rgba(0,0,0,.1);border-color:rgba(255,255,255,.2);color:#fff}.social-icon--instagram{background:linear-gradient(45deg,rgba(253,29,29,.1),rgba(131,58,180,.1));border-color:rgba(225,48,108,.3);color:#e1306c}.social-icon--pinterest{background:rgba(189,8,28,.1);border-color:rgba(189,8,28,.3);color:#bd081c}.footer-dmca{display:flex;align-items:center;gap:1rem}.dmca-shield-icon{color:var(--primary-color)}.dmca-text{color:var(--text-secondary);font-size:.8rem;font-weight:500}.social-links{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.social-link{color:var(--text-light);transition:color var(--transition-fast)}.social-link:hover{color:var(--primary-color);transform:translateY(-3px) scale(1.1);filter:drop-shadow(0 0 8px rgba(0, 217, 255, .6));transition:all var(--transition-fast)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.footer-copyright,.footer-credits{color:var(--text-light);font-size:.875rem}@media (max-width:768px){:root{--header-height:60px}h1{font-size:2rem}h2{font-size:1.75rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.25rem}.user-count-number{font-size:3rem}.mobile-menu-toggle{display:flex}.nav-menu{position:fixed;top:var(--header-height);left:0;right:0;background:var(--bg-primary);flex-direction:column;padding:var(--spacing-lg);box-shadow:var(--box-shadow-lg);transform:translateX(-100%);transition:transform var(--transition-normal);max-height:calc(100vh - var(--header-height));overflow-y:auto}.nav-menu.active{transform:translateX(0)}.nav-menu li{width:100%}.nav-link{display:block;padding:var(--spacing-sm);width:100%}.calculator-container{padding:var(--spacing-md);min-height:750px}.form-fields-grid{min-height:550px}.badges-grid{flex-wrap:wrap;gap:var(--spacing-sm)}.company-badge{min-width:100px;height:70px}.toc-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;text-align:center}}@media (max-width:480px){.hero-section{padding:var(--spacing-xl) var(--spacing-sm)}.calculator-container{padding:var(--spacing-sm);min-height:650px}.form-fields-grid{min-height:450px;grid-template-columns:1fr}.hero-section{min-height:700px}.badges-grid{flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.company-badge{min-width:90px;height:60px}.footer-grid{grid-template-columns:1fr}.trust-indicators{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}body::after,body::before{animation:none!important}.calculator-container:hover{transform:none}.toc-magazine-card:hover{transform:none}.content-block-wrapper:hover{transform:none}}.social-icon--facebook:hover{background:#1877f2!important;color:#fff!important}.social-icon--twitter:hover{background:#000!important;border-color:#000!important;color:#fff!important}.social-icon--instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)!important;color:#fff!important}.social-icon--pinterest:hover{background:#bd081c!important;color:#fff!important}.popular-calculations{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.popular-calculations-title{font-size:1rem;color:var(--text-secondary);margin-bottom:1rem;text-align:left}.popular-calculations-grid{display:flex;flex-wrap:wrap;gap:.75rem}.seo-pill{font-size:.8rem;padding:.5rem .8rem;background:rgba(0,0,0,.2);border:1px solid var(--border-color);border-radius:6px;color:var(--text-muted);text-decoration:none;transition:all .2s ease;display:inline-block}.seo-pill:hover{border-color:var(--primary-color);color:var(--primary-color);background:rgba(0,217,255,.08)}.seo-pill::after{display:none}.trending-builds__pills .seo-pill{min-height:2.65rem;display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:10px;font-weight:600;color:var(--text-primary);border:1px solid rgba(0,217,255,.28);background:rgba(18,18,32,.75);box-shadow:0 4px 16px rgba(0,0,0,.2)}.trending-builds__pills .seo-pill:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.28)}@media (prefers-reduced-motion:reduce){.trending-builds__pills .seo-pill:hover{transform:none}}.trending-builds{margin-top:2.25rem;padding-top:1.75rem;border-top:1px solid var(--border-color)}.trending-builds__eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--primary-color);margin:0 0 .35rem}.trending-builds__title{font-size:1.35rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;line-height:1.25}.trending-builds__subtitle{font-size:.9rem;color:var(--text-secondary);margin:0 0 1.25rem;line-height:1.55;max-width:52rem}.trending-builds__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.85rem}.trending-build-card{position:relative;display:flex;flex-direction:column;gap:.65rem;padding:1rem 1rem .85rem 1rem;border-radius:14px;border:1px solid var(--border-color);background:rgba(0,0,0,.22);text-decoration:none;color:inherit;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.trending-build-card:hover{border-color:rgba(0,217,255,.45);box-shadow:0 8px 28px rgba(0,0,0,.35);transform:translateY(-2px)}.trending-build-card__rank{position:absolute;top:.65rem;right:.65rem;font-size:.72rem;font-weight:700;color:var(--primary-color);opacity:.85}.trending-build-card__lines{display:flex;flex-direction:column;gap:.35rem;padding-right:2rem;flex:1}.trending-build-card__cpu,.trending-build-card__gpu{font-size:.8rem;line-height:1.35;color:var(--text-primary)}.trending-build-card__lbl{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.15rem}.trending-build-card__badge{align-self:flex-start;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--primary-color);padding:.2rem .5rem;border-radius:6px;background:rgba(0,217,255,.1);border:1px solid rgba(0,217,255,.25)}.trending-build-card__cta{margin-top:.35rem;align-self:stretch;text-align:center;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:.5rem .65rem;border-radius:10px;background:linear-gradient(135deg,rgba(0,217,255,.18),rgba(139,92,246,.12));border:1px solid rgba(0,217,255,.4);color:var(--primary-color);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.trending-build-card:hover .trending-build-card__cta{border-color:rgba(0,217,255,.65);background:linear-gradient(135deg,rgba(0,217,255,.26),rgba(139,92,246,.16))}.trending-builds__more{margin-top:1.5rem;padding-top:1.25rem;border-top:1px dashed var(--border-color)}.trending-builds__more-label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem}.trending-builds__pills{margin-top:0}.pairing-callout{display:flex;gap:1rem;align-items:flex-start;padding:1.1rem 1.25rem;margin-bottom:1.25rem;border-radius:14px;border:1px solid rgba(16,185,129,.35);background:rgba(16,185,129,.08)}.pairing-callout__icon{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(16,185,129,.22);color:#10b981;font-weight:800;font-size:1rem}.pairing-callout__icon--check::after{content:"";display:block;width:.32rem;height:.62rem;margin-bottom:.12rem;border:solid #10b981;border-width:0 2px 2px 0;transform:rotate(45deg)}.pairing-callout__title{display:block;font-size:.95rem;color:#34d399;margin-bottom:.35rem}.pairing-callout__desc{margin:0;font-size:.88rem;line-height:1.55;color:var(--text-secondary)}.results-summary-panel{position:relative;margin:1.5rem 0 1.25rem;padding:1.25rem 1.35rem;border-radius:16px;border:1px solid var(--border-color);background:rgba(18,18,32,.55);box-shadow:0 12px 40px rgba(0,0,0,.25);overflow:hidden}.results-summary-panel__accent{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--summary-accent,var(--primary-color));opacity:.85}.results-summary-panel__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;padding-left:.35rem}.results-summary-panel__status{display:flex;align-items:center;gap:.5rem;min-width:0}.results-summary-panel__dot{flex-shrink:0;width:.65rem;height:.65rem;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.06)}.results-summary-panel__dot--good{background:#10b981}.results-summary-panel__dot--mid{background:#00d9ff}.results-summary-panel__dot--bad{background:#ef4444}.results-summary-panel__headline{font-size:1.05rem;color:var(--text-primary);font-weight:600;line-height:1.3}.results-summary-panel__pct-block{text-align:right}.results-summary-panel__big{font-size:2.25rem;font-weight:800;line-height:1}.results-summary-panel__comp{font-size:.85rem;color:var(--text-muted);margin-top:.2rem}.results-summary-panel__sub{margin:.85rem 0 0 .35rem;padding-left:0;font-size:.82rem;color:var(--text-muted)}.resolution-impact-card{margin:1.25rem 0 1.5rem;padding:1.25rem 1.35rem;border-radius:16px;border:1px solid var(--border-color);background:rgba(0,0,0,.2)}.resolution-impact-card__title{margin:0 0 .4rem;font-size:1.05rem;font-weight:600;color:var(--text-primary)}.resolution-impact-card__hint{margin:0 0 1rem;font-size:.78rem;line-height:1.45;color:var(--text-muted)}.resolution-impact-card__rows{display:flex;flex-direction:column;gap:.65rem}.resolution-impact-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;padding:.65rem .85rem;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.resolution-impact-row__label{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);min-width:4rem}.resolution-impact-row__pct-wrap{display:inline-flex;align-items:center;gap:.45rem}.resolution-impact-row__pct{font-size:.95rem;font-weight:700;color:var(--text-primary)}.status-dot{flex-shrink:0;width:.5rem;height:.5rem;border-radius:50%}.status-dot--good{background:#10b981}.status-dot--mid{background:#00d9ff}.status-dot--bad{background:#ef4444}.resolution-impact-row__note{font-size:.8rem;color:var(--text-secondary);flex:1 1 100%}@media (min-width:540px){.resolution-impact-row__note{flex:1 1 auto;text-align:right}}.results-empty-state{grid-column:1/-1;max-width:28rem;margin:.5rem auto 1.25rem;padding:1.35rem 1.5rem;text-align:center;border-radius:16px;border:1px solid var(--border-color);background:linear-gradient(165deg,rgba(0,217,255,.06),rgba(139,92,246,.05));box-shadow:0 10px 32px rgba(0,0,0,.2)}.results-empty-state__glyph{width:3rem;height:3rem;margin:0 auto 1rem;border-radius:12px;border:1px dashed rgba(0,217,255,.35);background:rgba(0,0,0,.25);position:relative}.results-empty-state__glyph::after{content:"";position:absolute;left:50%;top:50%;width:1.15rem;height:1.15rem;margin:-.575rem 0 0 -.575rem;border-radius:50%;border:2px solid rgba(0,217,255,.45);border-top-color:transparent;animation:results-empty-spin 1.1s linear infinite}@keyframes results-empty-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.results-empty-state__glyph::after{animation:none;border-top-color:rgba(0,217,255,.25)}}.results-empty-state__title{margin:0 0 .5rem;font-size:1.05rem;font-weight:700;color:var(--text-primary)}.results-empty-state__body{margin:0 0 .5rem;font-size:.88rem;line-height:1.55;color:var(--text-secondary)}.results-empty-state__hint{margin:0 0 1rem;font-size:.78rem;line-height:1.45;color:var(--text-muted)}.results-empty-state__action{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.15rem;border-radius:10px;border:1px solid rgba(0,217,255,.45);background:rgba(0,217,255,.12);color:var(--primary-color);font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease}.results-empty-state__action:hover{background:rgba(0,217,255,.2);border-color:var(--primary-color);transform:translateY(-1px)}.metrics-grid>.results-empty-state{grid-column:1/-1;justify-self:stretch;max-width:none}.results-summary-panel__big{color:var(--summary-accent,var(--primary-color))}.results-rec-card{margin:2rem 0;padding:1.35rem 1.5rem;border-radius:14px;border:1px solid color-mix(in srgb,var(--rec-accent,var(--primary-color)) 28%,transparent);border-left:4px solid var(--rec-accent,var(--primary-color));background:color-mix(in srgb,var(--rec-accent,var(--primary-color)) 11%,rgba(0,0,0,.35));box-shadow:0 12px 36px rgba(0,0,0,.2)}@supports not (background:color-mix(in srgb,white 50%,black)){.results-rec-card{border-color:rgba(0,217,255,.22);background:rgba(0,0,0,.38)}}.results-rec-card__severity{display:block;margin-bottom:.5rem;font-size:.8125rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--rec-accent,var(--primary-color))}.results-rec-card__text{margin:0;color:var(--text-primary);font-size:1.0625rem;font-weight:500;line-height:1.5}.results-quick-tips{margin:1.5rem 0;padding:1.35rem 1.5rem;border-radius:14px;border:1px solid var(--border-color);background:linear-gradient(155deg,rgba(0,217,255,.07) 0,rgba(139,92,246,.07) 100%);box-shadow:0 10px 32px rgba(0,0,0,.18)}.results-quick-tips__title{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.0625rem;font-weight:700;color:var(--primary-color)}.results-quick-tips__title::before{content:"";width:.35rem;height:1.15rem;border-radius:3px;background:linear-gradient(180deg,var(--primary-color),var(--secondary-color))}.results-quick-tips__grid{display:grid;gap:.65rem}.results-tip-row{display:flex;gap:.85rem;align-items:flex-start;padding:.85rem 1rem;border-radius:11px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.06);transition:border-color .2s ease,background .2s ease}.results-tip-row:hover{border-color:rgba(0,217,255,.2);background:rgba(0,0,0,.3)}.results-tip-row__icon{flex-shrink:0;font-size:1.1rem;line-height:1.2;opacity:.85}.results-tip-row__title{display:block;color:var(--text-primary);font-size:.875rem;font-weight:700}.results-tip-row__text{margin:.28rem 0 0;color:var(--text-secondary);font-size:.8rem;line-height:1.45}.results-scoreboards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin:2rem 0}.results-scoreboard-card{text-align:center;padding:1.35rem 1.25rem;border-radius:16px;border:1px solid var(--border-color);background:rgba(26,26,46,.82);box-shadow:0 10px 28px rgba(0,0,0,.22);transition:border-color .2s ease,transform .15s ease}.results-scoreboard-card:hover{border-color:rgba(0,217,255,.25);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.results-scoreboard-card:hover{transform:none}}.results-scoreboard-card__eyebrow{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:1rem}.results-scoreboard-card__gauge-wrap{position:relative;width:100px;height:100px;margin:0 auto}.results-scoreboard-card__gauge{transform:rotate(-90deg)}.results-gauge-arc{transition:stroke-dashoffset 1s ease}@media (prefers-reduced-motion:reduce){.results-gauge-arc{transition:none}}.results-scoreboard-card__gauge-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.results-scoreboard-card__gauge-num{font-size:1.65rem;font-weight:800;line-height:1.1}.results-scoreboard-card__gauge-sub{font-size:.68rem;color:var(--text-muted)}.results-scoreboard-card__caption{color:var(--text-secondary);font-size:.8rem;margin-top:1rem;line-height:1.4}.results-scoreboard-card__rank-num{font-size:2.35rem;font-weight:800;color:var(--primary-color);line-height:1}.results-scoreboard-card__bar-track{width:100%;height:6px;margin-top:1rem;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}.results-scoreboard-card__bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.results-scoreboard-card__future-num{font-size:2.35rem;font-weight:800;line-height:1}.results-scoreboard-card__future-num span{font-size:1rem;font-weight:700;opacity:.85}.results-future-bars{display:flex;justify-content:center;gap:4px;margin-top:1rem}.results-future-bar{width:20px;height:6px;border-radius:3px;background:rgba(255,255,255,.1)}.results-metrics-panel{margin:2rem 0;padding:1.75rem 1.5rem;border-radius:16px;border:1px solid var(--border-color);background:rgba(26,26,46,.62);box-shadow:0 12px 36px rgba(0,0,0,.2)}.results-metrics-panel__title{margin:0 0 1.35rem;font-size:1.2rem;font-weight:700;color:var(--primary-color)}.results-metrics-panel__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}.results-metric-tile{padding:1.35rem;border-radius:12px;border:1px solid transparent}.results-metric-tile--cyan{background:rgba(0,217,255,.09);border-color:rgba(0,217,255,.28)}.results-metric-tile--violet{background:rgba(139,92,246,.09);border-color:rgba(139,92,246,.28)}.results-metric-tile--green{background:rgba(16,185,129,.09);border-color:rgba(16,185,129,.28)}.results-metric-tile__label{color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:.45rem}.results-metric-tile__value{font-size:2.35rem;font-weight:800;line-height:1.1}.results-metric-tile--cyan .results-metric-tile__value{color:var(--primary-color)}.results-metric-tile--violet .results-metric-tile__value{color:var(--secondary-color)}.results-metric-tile--green .results-metric-tile__value{color:var(--accent-color)}.results-metric-tile__sub{color:var(--text-secondary);font-size:.875rem;margin-top:.35rem}.results-metric-tile__bar{width:100%;height:8px;margin-top:.55rem;border-radius:4px;overflow:hidden}.results-metric-tile__bar-fill{height:100%;border-radius:4px}.results-metric-tile--violet .results-metric-tile__bar{background:rgba(139,92,246,.2)}.results-metric-tile--violet .results-metric-tile__bar-fill{background:var(--secondary-color)}.results-metric-tile--green .results-metric-tile__bar{background:rgba(16,185,129,.2)}.results-metric-tile--green .results-metric-tile__bar-fill{background:var(--accent-color)}.results-sys-panel{margin:2rem 0;padding:1.75rem 1.5rem;border-radius:16px;border:1px solid var(--border-color);background:rgba(26,26,46,.62)}.results-sys-panel__title{margin:0 0 1.35rem;font-size:1.2rem;font-weight:700;color:var(--primary-color)}.results-sys-panel__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.85rem}.results-sys-chip{padding:1rem 1.1rem;border-radius:10px;background:rgba(26,26,46,.55);border-left:3px solid var(--sys-chip-accent,var(--primary-color))}.results-sys-chip__label{color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.results-sys-chip__value{color:var(--text-primary);font-weight:600;margin-top:.25rem;line-height:1.35}.results-tab-strip{display:flex;flex-wrap:wrap;gap:.5rem;margin:2rem 0;padding:1rem 1.1rem;border-radius:14px;border:1px solid var(--border-color);background:rgba(26,26,46,.65);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.results-summary-fastwin{margin-bottom:2rem;padding:1.35rem 1.5rem;border-radius:14px;border:1px solid rgba(16,185,129,.35);background:linear-gradient(135deg,rgba(16,185,129,.1) 0,rgba(0,217,255,.08) 100%);box-shadow:0 8px 28px rgba(0,0,0,.18)}.results-summary-fastwin__eyebrow{color:var(--accent-color);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;margin-bottom:.45rem}.results-summary-fastwin__row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.results-summary-fastwin__meta{margin-top:.5rem;font-size:.875rem}.results-summary-statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.results-summary-stat{padding:1rem 1.1rem;border-radius:11px;background:rgba(26,26,46,.5);border:1px solid rgba(255,255,255,.06)}.results-summary-stat__label{color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.results-summary-stat__value{font-size:1.25rem;font-weight:800;margin-top:.2rem}.results-summary-stat__value--cpu{color:var(--secondary-color)}.results-summary-stat__value--gpu{color:var(--primary-color)}.results-summary-stat__value--stab{color:var(--accent-color)}.results-summary-stat__hint{color:var(--text-secondary);font-size:.75rem;margin-top:.2rem}.results-summary-disclaimer{padding:1.1rem 1.25rem;border-radius:11px;background:rgba(26,26,46,.35);border-left:3px solid rgba(255,255,255,.12)}.results-summary-disclaimer__title{color:var(--text-muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.45rem}.results-summary-disclaimer ul{color:var(--text-secondary);font-size:.8rem;margin:0;padding-left:1.25rem;line-height:1.6}.results-history-panel{margin:2.5rem 0;padding:1.75rem 1.5rem;border-radius:16px;border:1px solid var(--border-color);background:rgba(26,26,46,.62)}.results-history-panel__head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.35rem}.results-history-panel__title{color:var(--primary-color);font-size:1.2rem;font-weight:700;margin:0}.results-history-panel__clear{padding:.4rem .85rem;background:rgba(239,68,68,.1);border:1px solid #ef4444;border-radius:8px;color:#f87171;cursor:pointer;font-size:.75rem;font-weight:600;transition:background .2s ease,color .2s ease}.results-history-panel__clear:hover{background:rgba(239,68,68,.18);color:#fca5a5}.results-history-panel__list{display:grid;gap:1rem}.results-trust-panel{margin:2.5rem 0;padding:1.75rem 1.5rem;border-radius:16px;border:1px solid var(--border-color);background:linear-gradient(145deg,rgba(0,217,255,.05) 0,rgba(139,92,246,.05) 100%)}.results-trust-panel__title{color:var(--primary-color);margin:0 0 1.35rem;text-align:center;font-size:1.15rem;font-weight:700}.results-trust-panel__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem}.results-trust-panel__cell{text-align:center;padding:1rem}.results-trust-panel__cell strong{display:block;font-weight:700;color:var(--text-primary);margin-bottom:.35rem}.results-trust-panel__cell span{color:var(--text-secondary);font-size:.75rem}.results-trust-panel__fineprint{color:var(--text-muted);font-size:.7rem;text-align:center;margin:1.25rem 0 0;line-height:1.5}.results-feedback{text-align:center;margin:2rem 0}.results-feedback__prompt{color:var(--text-secondary);margin-bottom:1rem}.results-feedback__actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.results-feedback__btn{padding:.75rem 1.5rem;border-radius:10px;cursor:pointer;font-weight:600;font-size:.875rem;transition:transform .15s ease,box-shadow .2s ease}.results-feedback__btn--yes{background:rgba(16,185,129,.12);border:1px solid #10b981;color:#34d399}.results-feedback__btn--no{background:rgba(245,158,11,.1);border:1px solid #f59e0b;color:#fbbf24}.results-feedback__btn:hover{transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.results-feedback__btn:hover{transform:none}}.results-reset-footer{text-align:center;padding-top:2rem;border-top:1px solid var(--border-color)}.results-reset-footer .btn-reset{min-width:200px}.results-section-title--compact{font-size:1rem}.results-budget-row{display:flex;flex-wrap:wrap;gap:.75rem}.results-budget-hint{font-size:.8rem;color:var(--text-secondary);margin:0 0 .75rem 0;line-height:1.45}.results-budget-empty{font-size:.8rem;color:var(--text-muted);margin:.75rem 0 0 0}.results-budget-empty[hidden]{display:none!important}.metric-value--jumbo{font-size:1.5rem}.text-size-sm{font-size:.875rem}.balance-value-lg{font-size:2rem}.scenario-icon-slot{font-size:2rem}.text-75{font-size:.75rem}.text-70{font-size:.7rem}.footer-dmca-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(0,0,0,.3);border:1px solid var(--border-color);border-radius:8px;text-decoration:none;transition:all .3s ease}.footer-dmca-link:hover{border-color:var(--primary-color)}.footer-dmca-link::after{display:none}#back-to-top{position:fixed;bottom:30px;right:30px;z-index:9999;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,217,255,.4);transition:all .3s ease;opacity:0;transform:translateY(20px)}#back-to-top:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 8px 25px rgba(0,217,255,.6)}.text-center{text-align:center}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.quick-tips-section{animation:fadeInUp .6s ease-out}.related-content-card:hover{background:rgba(0,217,255,.1)!important;border-color:var(--primary-color)!important;transform:translateY(-3px);box-shadow:var(--glow-primary)}.related-content-card h5{transition:color .2s}.related-content-card:hover h5{color:var(--primary-color)!important}.related-content-section{animation:fadeInUp .7s ease-out}.build-score-section{animation:fadeInUp .6s ease-out}.build-score-section>div{transition:transform .2s,box-shadow .2s}.build-score-section>div:hover{transform:translateY(-3px);box-shadow:var(--glow-primary)}.did-you-know-section{animation:fadeInUp .7s ease-out}.trust-signals-section{animation:fadeInUp .75s ease-out}.trust-signals-section>div>div{transition:transform .2s}.trust-signals-section>div>div:hover{transform:translateY(-2px)}.feedback-section{animation:fadeInUp .8s ease-out}.feedback-btn:hover{border-color:var(--primary-color)!important;color:var(--primary-color)!important;transform:translateY(-2px)}@keyframes circleProgress{from{stroke-dashoffset:283}}.results-tab-content{min-height:0}.results-tab-content:empty{min-height:0;display:none}@media (max-width:768px){.results-header{flex-direction:column;align-items:flex-start}.results-actions-header{width:100%;justify-content:flex-start}}.static-page .container{width:min(var(--max-width),92vw);margin:0 auto}.page-hero{padding:4.5rem 0 2.5rem;background:linear-gradient(135deg,rgba(0,217,255,.12),rgba(139,92,246,.12))}.page-hero h1{margin:.25rem 0 .5rem}.page-hero .lede{max-width:760px;color:var(--text-secondary)}.page-content{padding:2.5rem 0 4rem}.contact-cta-row{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.25rem}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-top:1.5rem}.contact-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:1.25rem 1.4rem;box-shadow:var(--box-shadow)}.contact-card h3{margin-bottom:.5rem}.contact-card p{color:var(--text-secondary)}.contact-link a{color:var(--primary-color);font-weight:600}.contact-note{margin-top:.4rem;color:var(--text-light);font-size:.95rem}.contact-help{margin-top:2rem;padding:1.25rem 1.4rem;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background:rgba(26,33,62,.6)}.contact-list{margin-top:.75rem;padding-left:1.25rem;color:var(--text-secondary)}.contact-list li{margin-bottom:.4rem}.contact-form-card{max-width:820px;margin:0 auto;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:1.5rem;box-shadow:var(--box-shadow)}.contact-form{display:grid;gap:1rem;margin-top:1rem}.contact-form input,.contact-form textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary);box-shadow:inset 0 1px 2px rgba(0,0,0,.2);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.contact-form input:focus,.contact-form textarea:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(0,217,255,.12)}.contact-form textarea{resize:vertical;min-height:140px}.contact-form button{align-self:flex-start}@media (max-width:640px){.contact-cta-row{flex-direction:column;align-items:flex-start}}.blog-page .container,.blog-post-page .container{width:min(1200px,92vw);margin:0 auto}.blog-hero{padding:5rem 0 3rem;background:linear-gradient(135deg,rgba(0,217,255,.12),rgba(139,92,246,.1))}.blog-hero h1{margin-bottom:.75rem}.blog-hero .lead{max-width:720px}.blog-list{padding:2rem 0 4rem}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.blog-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--box-shadow);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--box-shadow-lg)}.blog-card-link{color:inherit;display:block;height:100%}.blog-card-hero{height:180px;background-size:cover;background-position:center}.blog-card-body{padding:1.25rem}.blog-meta{font-size:.95rem;color:var(--text-light);margin-bottom:.35rem}.blog-dek{color:var(--text-secondary);margin-top:.35rem}.pagination{display:flex;gap:.5rem;margin-top:1.5rem;align-items:center}.pagination .current,.pagination .page{padding:.5rem .85rem;border-radius:10px;border:1px solid var(--border-color)}.pagination .current{background:var(--primary-color);color:#0b1021;border-color:var(--primary-color)}@media (max-width:960px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.blog-grid{grid-template-columns:1fr}}.blog-post{background:var(--bg-secondary)}.blog-post-hero{position:relative;min-height:320px;background-size:cover;background-position:center}.blog-post-hero .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,14,39,.8) 0,rgba(10,14,39,.6) 60%,rgba(10,14,39,.9) 100%);display:flex;align-items:flex-end;padding-bottom:3rem}.blog-post-hero .container{width:min(1200px,92vw)}.blog-post-body{padding:2.5rem 0 3rem}.blog-post-body .content{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:var(--box-shadow)}.blog-post-body .content h2,.blog-post-body .content h3{margin-top:1.5rem}.blog-post-body .content ul{margin-left:1.25rem;margin-bottom:1rem}.blog-post-body .content img{max-width:100%;height:auto;border-radius:var(--border-radius-lg);display:block;margin:1.5rem auto}.blog-post-body .content figure{margin:1.5rem auto;text-align:center}.blog-post-body .content figcaption{margin-top:.4rem;color:var(--text-muted);font-size:.95rem}.blog-post-body .content blockquote{border-left:4px solid rgba(0,217,255,.4);padding-left:1rem;color:var(--text-muted)}.blog-post-body .content table{width:100%;border-collapse:collapse;margin:1.5rem 0;overflow:hidden;border-radius:var(--border-radius-lg)}.blog-post-body .content table td,.blog-post-body .content table th{border:1px solid var(--border-color);padding:.75rem .9rem;text-align:left}.blog-post-body .content table th{background:rgba(255,255,255,.02)}.blog-post-body .content pre{background:#0c1225;border-radius:var(--border-radius-lg);padding:1rem;overflow-x:auto}.post-actions{margin-top:1rem}.related-posts{padding:0 0 4rem}.section-header{margin-bottom:1rem}.card.notice{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.3);border-radius:var(--border-radius-lg);padding:1.25rem}@media (max-width:640px){.blog-card-hero{height:160px}.blog-post-hero{min-height:240px}}.results-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:2rem 0;padding:.5rem;background:rgba(26,26,46,.6);border-radius:12px;border:1px solid var(--border-color)}.result-tab{flex:1;min-width:100px;padding:.75rem 1rem;background:0 0;border:none;border-bottom:none;border-radius:8px;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:var(--font-primary)}.result-tab:hover{background:rgba(0,217,255,.1);color:var(--text-primary)}.result-tab.active{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#000;font-weight:600;border-bottom-color:transparent}.settings-optimizer{animation:fadeInUp .5s ease-out}.settings-optimizer>div>div:hover{background:rgba(0,217,255,.05)!important}.power-thermal-analysis{animation:fadeInUp .5s ease-out}.power-thermal-analysis>div{animation:fadeInUp .5s ease-out}.vr-rt-analysis{animation:fadeInUp .5s ease-out}.vr-rt-analysis svg circle{transition:stroke-dashoffset 1s ease-out}.balance-scale div[style*="height:"]{transition:height .5s ease-out}.results-budget-row .budget-btn{cursor:pointer;padding:.45rem .85rem;border:1px solid var(--border-color);border-radius:8px;background:rgba(0,0,0,.2);color:var(--text-secondary);font-size:.8rem;font-weight:500;transition:all .2s ease!important}.results-budget-row .budget-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,217,255,.2)}.results-budget-row .budget-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#000}.upgrade-card{transition:all .3s ease;animation:fadeInUp .5s ease-out}.upgrade-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.3)}.expandable-faq details{transition:all .2s ease}.expandable-faq details[open]{background:rgba(0,217,255,.05)!important}.expandable-faq details[open] summary span:last-child{transform:rotate(180deg)}.expandable-faq summary:hover{background:rgba(0,217,255,.03)}.expandable-faq summary::-webkit-details-marker{display:none}.build-history-section{animation:fadeInUp .7s ease-out}.build-history-section>div>div{transition:all .2s ease}.build-history-section>div>div:hover{background:rgba(0,217,255,.08)!important;transform:translateX(5px)}.export-btn:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(0,0,0,.2)}.resolution-comparison>div>div{transition:all .2s ease}.resolution-comparison>div>div:hover{transform:scale(1.05)}.streaming-analysis>div>div{transition:all .2s ease}.streaming-analysis>div>div:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.quick-power-summary{animation:fadeInUp .55s ease-out}.lows-analysis>div>div{transition:transform .2s ease}.lows-analysis>div>div:hover{transform:translateY(-3px)}.price-performance>div>div{transition:all .2s ease}.price-performance>div>div:hover{transform:scale(1.03)}.vr-rt-analysis div[style*=grid-template-columns]>div{transition:transform .2s ease}.vr-rt-analysis div[style*=grid-template-columns]>div:hover{transform:scale(1.03)}.cost-per-fps{animation:fadeInUp .5s ease-out}.cost-per-fps>div>div{transition:transform .2s ease}.cost-per-fps>div>div:hover{transform:translateY(-3px)}@media (max-width:768px){.results-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.result-tab{flex:0 0 auto;min-width:80px;font-size:.75rem;padding:.6rem .8rem}.balance-scale>div>div{flex:1 1 100%!important;max-width:100%!important}.balance-scale>div{flex-direction:column!important}.streaming-analysis>div{grid-template-columns:1fr!important}.vr-rt-analysis>div>div{grid-template-columns:1fr!important}}@media (max-width:480px){.budget-filter>div{flex-direction:column}.budget-btn{width:100%;text-align:center}.upgrade-card>div:last-child{grid-template-columns:1fr 1fr!important}}@media print{.budget-filter,.build-history-section,.export-options,.feedback-section,.results-tabs{display:none!important}.tab-pane{display:block!important;page-break-inside:avoid}.tab-pane[data-content=summary]{display:block!important}}.results-summary{margin-bottom:var(--spacing-lg)}.bottleneck-display{text-align:center;margin:2rem 0;padding:2rem;border-radius:var(--border-radius-lg);border:2px solid}.bottleneck-display--excellent{background:linear-gradient(135deg,rgba(16,185,129,.15) 0,rgba(16,185,129,.05) 100%);border-color:rgba(16,185,129,.4)}.bottleneck-display--minor{background:linear-gradient(135deg,rgba(16,185,129,.15) 0,rgba(16,185,129,.05) 100%);border-color:rgba(16,185,129,.4)}.bottleneck-display--moderate{background:linear-gradient(135deg,rgba(245,158,11,.15) 0,rgba(245,158,11,.05) 100%);border-color:rgba(245,158,11,.4)}.bottleneck-display--high{background:linear-gradient(135deg,rgba(245,158,11,.15) 0,rgba(245,158,11,.05) 100%);border-color:rgba(245,158,11,.4)}.bottleneck-display--critical{background:linear-gradient(135deg,rgba(239,68,68,.15) 0,rgba(239,68,68,.05) 100%);border-color:rgba(239,68,68,.4)}.bottleneck-percentage{font-size:5rem;font-weight:700;line-height:1;margin-bottom:.5rem}.bottleneck-percentage--excellent,.bottleneck-percentage--minor{color:var(--accent-color);text-shadow:0 0 30px rgba(16,185,129,.5)}.bottleneck-percentage--high,.bottleneck-percentage--moderate{color:var(--accent-warning);text-shadow:0 0 30px rgba(245,158,11,.5)}.bottleneck-percentage--critical{color:var(--error-color);text-shadow:0 0 30px rgba(239,68,68,.5)}.bottleneck-title{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem;font-weight:600}.bottleneck-severity-text{font-size:1rem;color:var(--text-secondary)}.severity-box{padding:1.5rem;border-radius:var(--border-radius);margin:2rem 0;border-left:5px solid}.severity-box--excellent,.severity-box--minor{background:rgba(16,185,129,.2);border-color:var(--accent-color)}.severity-box--high,.severity-box--moderate{background:rgba(245,158,11,.2);border-color:var(--accent-warning)}.severity-box--critical{background:rgba(239,68,68,.2);border-color:var(--error-color)}.severity-label{text-transform:uppercase;font-size:.875rem;letter-spacing:2px;display:block;margin-bottom:.25rem;font-weight:600}.severity-message{margin:0;font-size:1.125rem;font-weight:500;color:var(--text-primary)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{padding:1.5rem;border-radius:var(--border-radius);border:1px solid;text-align:center}.metric-card--primary{background:rgba(0,217,255,.1);border-color:rgba(0,217,255,.3)}.metric-card--secondary{background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.3)}.metric-card--accent{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.3)}.metric-card--warning{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3)}.metric-card--dark{background:rgba(26,26,46,.5);border-color:var(--border-color)}.metric-label{color:var(--text-light);font-size:.75rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.metric-value{font-size:2.5rem;font-weight:700;margin-bottom:.25rem}.metric-value--primary{color:var(--primary-color)}.metric-value--secondary{color:var(--secondary-color)}.metric-value--accent{color:var(--accent-color)}.metric-value--warning{color:var(--accent-warning)}.metric-value--error{color:var(--error-color)}.metric-sub{color:var(--text-secondary);font-size:.875rem}.progress-bar{width:100%;height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden;margin-top:.5rem}.progress-bar__fill{height:100%;transition:width .5s ease-out;border-radius:4px}.progress-bar__fill--primary{background:linear-gradient(90deg,var(--primary-color),#33e0ff)}.progress-bar__fill--secondary{background:linear-gradient(90deg,var(--secondary-color),#a78bfa)}.progress-bar__fill--accent{background:linear-gradient(90deg,var(--accent-color),#34d399)}.progress-bar__fill--warning{background:linear-gradient(90deg,var(--accent-warning),#fbbf24)}.progress-bar__fill--error{background:linear-gradient(90deg,var(--error-color),#f87171)}.results-section{margin:2.5rem 0;padding:2rem;background:rgba(26,26,46,.6);border-radius:var(--border-radius-lg);border:1px solid var(--border-color)}.results-section--gradient{background:linear-gradient(135deg,rgba(0,217,255,.1) 0,rgba(139,92,246,.1) 100%)}.results-section--accent{background:linear-gradient(135deg,rgba(16,185,129,.1) 0,rgba(0,217,255,.1) 100%)}.results-section--warning{background:linear-gradient(135deg,rgba(245,158,11,.1) 0,rgba(239,68,68,.1) 100%);border-color:rgba(245,158,11,.3)}.section-title{color:var(--primary-color);margin-bottom:1.5rem;font-size:1.5rem;display:flex;align-items:center;gap:.5rem}.section-title--warning{color:var(--accent-warning)}.section-title--accent{color:var(--accent-color)}.section-title--error{color:var(--error-color)}.section-description{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem}.component-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.component-card{padding:1.5rem;border-radius:var(--border-radius);text-align:center;border:1px solid;transition:transform .2s ease}.component-card:hover{transform:translateY(-3px)}.component-card--cpu{background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.3)}.component-card--gpu{background:rgba(0,217,255,.1);border-color:rgba(0,217,255,.3)}.component-card--ram{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.3)}.component-card--storage{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3)}.comparison-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center}.comparison-card{padding:1.5rem;border-radius:var(--border-radius);border:2px solid}.comparison-card--current{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3)}.comparison-card--recommended{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.3)}.comparison-arrow{font-size:1.5rem;color:var(--primary-color);font-weight:600}.upgrade-card{margin-bottom:1.5rem;padding:1.5rem;background:rgba(26,26,46,.8);border-radius:var(--border-radius);border:1px solid var(--border-color);position:relative;transition:transform .2s ease,box-shadow .2s ease}.upgrade-card:hover{transform:translateY(-2px);box-shadow:var(--glow-primary)}.upgrade-card--best{border:2px solid var(--accent-color)}.upgrade-badge{position:absolute;top:-10px;right:1rem;background:var(--accent-color);color:#000;padding:.25rem .75rem;border-radius:4px;font-size:.7rem;font-weight:700}.upgrade-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.upgrade-footer{padding-top:1rem;border-top:1px solid var(--border-color);display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;align-items:center}.quick-tips{margin:1.5rem 0;padding:1.5rem;background:linear-gradient(135deg,rgba(0,217,255,.08) 0,rgba(139,92,246,.08) 100%);border-radius:var(--border-radius);border:1px solid var(--border-color)}.tip-item{display:flex;gap:.75rem;padding:.75rem;background:rgba(0,0,0,.2);border-radius:8px;margin-bottom:.75rem}.tip-item:last-child{margin-bottom:0}.tip-icon{font-size:1.25rem}.tip-title{color:var(--text-primary);font-size:.875rem;font-weight:600}.tip-text{color:var(--text-secondary);font-size:.8rem;margin:.25rem 0 0 0}.health-signals{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}.health-chip{flex:1;min-width:150px;padding:1rem;background:rgba(26,26,46,.6);border-radius:8px;border:1px solid var(--border-color)}.chip-label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem}.chip-value{display:block;font-size:1.25rem;font-weight:700;color:var(--primary-color)}.chip-note{display:block;font-size:.7rem;color:var(--text-secondary);margin-top:.25rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.comparison-grid{grid-template-columns:1fr}.bottleneck-percentage{font-size:3.5rem}.metric-value{font-size:2rem}}.tab-loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary)}.tab-loading::after{content:'';width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-left:.75rem}@keyframes spin{to{transform:rotate(360deg)}}.status-excellent{color:var(--accent-color)}.status-good{color:var(--primary-color)}.status-moderate{color:var(--accent-warning)}.status-poor{color:var(--error-color)}.text-center{text-align:center}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.text-right{text-align:right}.tab-loading{display:flex;align-items:center;justify-content:center;min-height:400px;padding:3rem;color:var(--text-secondary);font-size:1rem;position:relative}.tab-loading::after{content:'';position:absolute;width:24px;height:24px;border:3px solid rgba(0,217,255,.2);border-top-color:var(--primary-color);border-radius:50%;margin-left:1rem;animation:tab-spin .8s linear infinite}@keyframes tab-spin{to{transform:rotate(360deg)}}.tab-pane.active,.tab-pane[data-content=summary]{display:block}.calculator-microcopy{color:var(--text-secondary);font-size:.85rem;text-align:center;margin:0 0 1rem;min-height:1.2rem}.calc-audience-chips{margin:0 0 1rem;min-height:84px}.calc-audience-chips__label{display:block;color:var(--text-secondary);font-size:.8rem;font-weight:600;margin-bottom:.5rem}.calc-audience-chips__row{display:flex;flex-wrap:wrap;gap:.5rem}.calc-chip{appearance:none;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);color:var(--text-primary);border-radius:999px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.calc-chip:hover{border-color:var(--primary-color);background:rgba(0,217,255,.1)}.calc-chip.is-active{border-color:var(--primary-color);background:var(--primary-color);color:#04141a}.calc-chip:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.calc-restore-prompt{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:rgba(0,217,255,.08);border:1px solid rgba(0,217,255,.25);border-radius:10px;padding:.75rem 1rem;margin:0 0 1rem}.calc-restore-prompt[hidden]{display:none}.calc-restore-prompt__text{color:var(--text-primary);font-size:.875rem;font-weight:500}.calc-restore-prompt__actions{display:flex;align-items:center;gap:.5rem}.calc-restore-prompt__btn{appearance:none;border:none;background:var(--primary-color);color:#04141a;font-weight:600;border-radius:8px;padding:.45rem 1rem;cursor:pointer;font-size:.85rem}.calc-restore-prompt__dismiss{appearance:none;border:none;background:0 0;color:var(--text-secondary);font-size:1.4rem;line-height:1;cursor:pointer;padding:0 .4rem}.calc-compare-toggle{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin:0 0 1rem}.calc-compare-toggle__switch{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-primary);font-size:.875rem;font-weight:600}.calc-compare-toggle__hint{color:var(--text-secondary);font-size:.8rem}.calc-compare-toggle__hint[hidden]{display:none}.calc-compare-panel{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem;margin:0 0 1rem}.calc-compare-panel[hidden]{display:none}.calc-compare-panel__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem;color:var(--text-primary)}.calc-compare-panel__clear{appearance:none;border:1px solid rgba(255,255,255,.15);background:0 0;color:var(--text-secondary);border-radius:8px;padding:.35rem .75rem;cursor:pointer;font-size:.8rem}.calc-compare-panel__slots{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.calc-compare-panel__build{background:rgba(255,255,255,.04);border-radius:8px;padding:.75rem}.calc-compare-panel__build-name{color:var(--primary-color);font-weight:700;font-size:.8rem;margin-bottom:.25rem}.calc-compare-panel__build-spec{color:var(--text-primary);font-size:.8rem}.calc-compare-panel__set{appearance:none;border:1px dashed rgba(255,255,255,.25);background:0 0;color:var(--text-primary);border-radius:8px;padding:.75rem;cursor:pointer;font-size:.8rem;font-weight:600;width:100%}.calc-compare-table{display:grid;gap:.25rem}.calc-compare-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:.5rem;padding:.5rem;border-radius:6px;background:rgba(255,255,255,.02);font-size:.85rem;color:var(--text-primary)}.calc-compare-row--head{color:var(--text-secondary);font-weight:700;font-size:.75rem;text-transform:uppercase;background:0 0}.calc-compare-row__lbl{color:var(--text-secondary)}.calc-compare-row__a.a-win,.calc-compare-row__b.b-win{color:#10b981;font-weight:700}.calc-insight{background:rgba(0,217,255,.06);border:1px solid rgba(0,217,255,.2);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem}.calc-insight__title{color:var(--primary-color);font-size:.95rem;margin:0 0 .5rem}.calc-insight__lead{color:var(--text-primary);font-weight:600;margin:0 0 .5rem;font-size:.9rem}.calc-insight__row{display:flex;align-items:flex-start;gap:.5rem;color:var(--text-secondary);font-size:.85rem;margin-bottom:.4rem}.calc-insight__icon{flex-shrink:0}.calc-insight__stream{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}.calc-insight__stream-title{display:block;color:var(--text-primary);font-size:.85rem;margin-bottom:.5rem}@media (max-width:560px){.calc-compare-panel__slots{grid-template-columns:1fr}.calc-compare-row{grid-template-columns:1.2fr 1fr 1fr}}
/**
 * Precision Engineering v2 — full-width layout, Plus Jakarta / Space Grotesk / JetBrains Mono.
 * Loads after style.min.css. Fonts are linked from includes/header.php (no @import here).
 */

:root {
  --font-display: "Space Grotesk", system-ui, sans-serif;
  --font-body: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  --bg-base: #0b0b11;
  --bg-surface: #13131c;
  --bg-elevated: #1a1a26;
  --bg-subtle: #1f1f2e;

  --accent: #f5a623;
  --accent-dim: rgba(245, 166, 35, 0.1);
  --accent-glow: rgba(245, 166, 35, 0.22);
  --accent-border: rgba(245, 166, 35, 0.3);

  --text-primary: #eeeef5;
  --text-secondary: #9090b0;
  --text-muted: #55556a;
  --text-on-accent: #0b0b11;

  --border: rgba(255, 255, 255, 0.07);
  --border-strong: rgba(255, 255, 255, 0.13);
  --border-accent: var(--accent-border);

  --status-great: #22c55e;
  --status-good: #86efac;
  --status-moderate: #f5a623;
  --status-high: #f97316;
  --status-critical: #ef4444;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 18px;
  --section-gap: 64px;

  /* Legacy (style.min + calculator JS) */
  --green: var(--status-great);
  --yellow: var(--status-moderate);
  --orange: var(--status-high);
  --red: var(--status-critical);
  --primary-color: var(--accent);
  --primary-dark: #d4920f;
  --primary-light: #ffc14d;
  --secondary-color: #9090b0;
  --accent-color: var(--status-great);
  --accent-warning: var(--status-moderate);
  --text-light: var(--text-secondary);
  --bg-primary: var(--bg-base);
  --bg-secondary: var(--bg-surface);
  --bg-tertiary: var(--bg-elevated);
  --bg-card: var(--bg-surface);
  --bg-dark: var(--bg-base);
  --border-color: var(--border);
  --border-color-hover: var(--accent-border);
  --divider-color: var(--border);
  --error-color: var(--status-critical);
  --success-color: var(--status-great);
  --warning-color: var(--status-moderate);
  --info-color: var(--accent);
  --glow-primary: 0 8px 28px var(--accent-glow);
  --glow-secondary: 0 8px 24px rgba(0, 0, 0, 0.35);
  --glow-hover: 0 12px 32px var(--accent-glow);
  --font-primary: var(--font-body);
  --max-width: none;
  --header-height: 58px;
  --border-radius: var(--radius-sm);
  --border-radius-lg: var(--radius-lg);
  --box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  --box-shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.45);
  --box-shadow-glow: var(--glow-primary);
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-2xl: 2rem;
}

html {
  font-size: 16px;
}

body {
  font-family: var(--font-body);
  font-weight: 400;
  line-height: 1.78;
  color: var(--text-primary);
  background-color: var(--bg-base) !important;
  background: var(--bg-base) !important;
  background-attachment: scroll !important;
  min-height: 100vh;
  width: 100%;
  overflow-x: hidden;
}

body::before,
body::after {
  animation: none !important;
  background-image: linear-gradient(
      rgba(245, 166, 35, 0.025) 1px,
      transparent 1px
    ),
    linear-gradient(90deg, rgba(245, 166, 35, 0.025) 1px, transparent 1px) !important;
  background-size: 44px 44px !important;
  opacity: 1 !important;
  transform: none !important;
}

/* Full-width sections — horizontal gutter only on section/header/footer */
section {
  width: 100%;
  box-sizing: border-box;
  padding-left: clamp(20px, 5vw, 80px);
  padding-right: clamp(20px, 5vw, 80px);
  padding-top: var(--section-gap);
  padding-bottom: var(--section-gap);
}

section + section {
  border-top: 1px solid var(--border);
}

.site-header,
.site-footer {
  width: 100%;
  box-sizing: border-box;
  padding-left: clamp(20px, 5vw, 80px);
  padding-right: clamp(20px, 5vw, 80px);
}

/* Hero: tighter vertical rhythm + grid texture (overrides generic section padding) */
#hero-introduction.hero-section {
  padding-top: 72px !important;
  padding-bottom: 56px !important;
  position: relative;
  overflow: visible;
  background: var(--bg-base);
}

#hero-introduction::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(
      rgba(245, 166, 35, 0.025) 1px,
      transparent 1px
    ),
    linear-gradient(90deg, rgba(245, 166, 35, 0.025) 1px, transparent 1px);
  background-size: 44px 44px;
  pointer-events: none;
  z-index: 0;
}

#hero-introduction .hero-content,
#hero-introduction .calculator-container {
  position: relative;
  z-index: 1;
}

/* Remove boxed max-width — inner shells span content area */
.hero-container,
.header-container,
.trust-container,
.stats-bar-container,
.footer-container {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box;
}

/* Article sections: keep full width but restore horizontal inset (was zeroed with shells above) */
.section-container {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: clamp(20px, 4vw, 64px) !important;
  padding-right: clamp(20px, 4vw, 64px) !important;
  box-sizing: border-box;
}

/* Do NOT break calculator combobox positioning */
.select-wrapper,
.calculator-form,
.calculator-form-fields,
.content-block-wrapper {
  max-width: none !important;
}

/* Typography (v2) */
h1 {
  font-family: var(--font-display);
  font-size: clamp(2.2rem, 4.5vw, 3.5rem);
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.1;
  color: var(--text-primary);
  text-shadow: none;
}

h2 {
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 2.8vw, 2rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: var(--text-primary);
  text-shadow: none;
}

h3 {
  font-family: var(--font-display);
  font-size: 1.15rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--text-primary);
  text-shadow: none;
}

h4 {
  font-family: var(--font-body);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--text-primary);
  text-shadow: none;
}

p {
  font-family: var(--font-body);
  font-size: 0.95rem;
  font-weight: 400;
  line-height: 1.78;
  color: var(--text-secondary);
}

p strong,
li strong {
  font-weight: 600;
  color: var(--text-primary);
}

/* Header / nav */
.site-header {
  position: sticky;
  top: 0;
  z-index: 200;
  width: 100%;
  background: rgba(11, 11, 17, 0.88) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--border);
  padding-top: 0;
  padding-bottom: 0;
}

.header-container {
  height: var(--header-height);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.nav-link {
  font-family: var(--font-body) !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  color: var(--text-secondary) !important;
  text-decoration: none;
  transition: color 0.18s ease;
}

.nav-link:hover,
.nav-link.active {
  color: var(--accent) !important;
}

.skip-link {
  background: var(--accent);
  color: var(--text-on-accent);
}

/* Hero title + subtitle */
h1.hero-title,
#hero-introduction .hero-title {
  font-size: clamp(2rem, 4.5vw, 3.4rem);
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.12;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 14px;
  text-align: center;
  background: none !important;
  -webkit-text-fill-color: unset !important;
  animation: heroReveal 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.hero-subtitle {
  font-family: var(--font-body);
  font-size: 1rem;
  color: var(--text-secondary);
  line-height: 1.7;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 36px;
  text-align: center;
  animation: heroReveal 0.55s 0.08s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.hero-description {
  font-family: var(--font-body);
  font-size: 1rem;
  color: var(--text-secondary);
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.75;
  text-align: center;
  animation: heroReveal 0.55s 0.14s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes heroReveal {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes bn-fade-in {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Calculator shell */
.calculator-container#bottleneck-calculator {
  width: 100%;
  max-width: none;
  background: var(--bg-surface) !important;
  border: 1px solid var(--border);
  border-top: 3px solid var(--accent);
  border-radius: var(--radius-lg);
  padding: 36px clamp(20px, 4vw, 44px);
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.calculator-container#bottleneck-calculator::before {
  display: none;
}

.calculator-form .calculator-title {
  font-family: var(--font-display);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 24px;
}

/* Form: 3 columns desktop (matches original calculator layout) */
.form-fields-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px 20px !important;
  width: 100% !important;
  min-width: 0;
  margin-bottom: var(--spacing-lg) !important;
}

.form-fields-grid .form-group {
  min-width: 0;
  width: 100% !important;
  float: none !important;
  position: relative !important;
}

@media (max-width: 1100px) {
  .form-fields-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .form-fields-grid {
    grid-template-columns: 1fr !important;
  }
}

.form-label {
  font-family: var(--font-body);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text-muted) !important;
}

.form-label .required {
  color: var(--accent);
  margin-left: 2px;
}

.form-label-badge {
  border-color: var(--accent-border) !important;
  background: var(--accent-dim) !important;
  color: var(--accent) !important;
}

.select-wrapper {
  position: relative;
}

.select-wrapper::after {
  content: "▾";
  position: absolute;
  right: 12px;
  bottom: 12px;
  color: var(--text-muted);
  pointer-events: none;
  font-size: 0.85rem;
  line-height: 1;
  z-index: 3;
}

.select-wrapper:has(.select-search)::after {
  display: none;
}

.form-select,
.select-search {
  width: 100%;
  box-sizing: border-box;
  background: var(--bg-elevated) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-sm) !important;
  color: var(--text-primary) !important;
  font-family: var(--font-body) !important;
  font-size: 0.9rem !important;
  font-weight: 400;
  padding: 10px 14px !important;
  outline: none;
  transition: border-color 0.18s, box-shadow 0.18s;
  appearance: none;
  -webkit-appearance: none;
}

.form-select {
  padding-right: 36px !important;
}

.form-select:focus,
.select-search:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px var(--accent-dim);
}

.form-select:hover,
.select-search:hover {
  border-color: var(--border-strong) !important;
}

.btn-calculate {
  background: var(--accent) !important;
  color: var(--text-on-accent) !important;
  font-family: var(--font-display) !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  padding: 13px 32px !important;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.btn-calculate:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 28px var(--accent-glow);
}

.btn-calculate:active {
  transform: translateY(0);
  box-shadow: none;
}

.btn-reset {
  background: transparent !important;
  border: 1px solid var(--border-strong) !important;
  color: var(--text-secondary) !important;
  font-family: var(--font-body) !important;
  font-size: 0.85rem !important;
  padding: 10px 22px !important;
  border-radius: var(--radius-sm) !important;
}

.btn-reset:hover {
  border-color: var(--text-secondary) !important;
  color: var(--text-primary) !important;
}

.form-help {
  color: var(--text-muted) !important;
}

/* Results */
.calculator-results.is-visible,
.calculator-results[style*="display: block"] {
  background: var(--bg-surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 32px clamp(20px, 4vw, 44px);
  margin-top: 20px;
  width: 100%;
  box-sizing: border-box;
  animation: bn-fade-in 0.4s ease both;
}

.results-summary-panel__big {
  font-family: var(--font-mono);
  font-size: clamp(2.8rem, 7vw, 4.5rem);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--summary-accent, var(--accent));
}

.results-summary-panel__comp {
  font-family: var(--font-mono);
  font-size: 0.9rem;
  color: var(--text-secondary);
}

.results-summary-panel {
  position: relative;
}

.bn-summary-meter {
  width: 100%;
  height: 5px;
  background: var(--bg-elevated);
  border-radius: 99px;
  overflow: hidden;
  margin-top: 14px;
}

.bn-summary-meter__fill {
  display: block;
  height: 100%;
  width: var(--bn-pct, 0%);
  border-radius: 99px;
  background: var(--accent);
  transition: width 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}

.results-metric-tile__value,
.results-scoreboard-card__gauge-num,
.results-scoreboard-card__rank-num,
.results-scoreboard-card__future-num,
.results-summary-stat__value,
.resolution-impact-row__pct,
.user-count-number,
.stat-number,
[class*="mono"] {
  font-family: var(--font-mono);
  font-weight: 500;
}

.result-tab {
  font-family: var(--font-body);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.btn-action {
  border-color: var(--border) !important;
  color: var(--text-secondary) !important;
}

.btn-action:hover {
  border-color: var(--accent) !important;
  color: var(--accent) !important;
}

/* Trending builds */
.trending-builds__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 14px;
  width: 100%;
}

.trending-build-card {
  background: var(--bg-surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-md) !important;
  padding: 18px 20px !important;
  width: 100% !important;
  min-width: 0;
  box-sizing: border-box;
  cursor: pointer;
  text-decoration: none !important;
  display: block;
  transition: border-color 0.18s, transform 0.18s, box-shadow 0.18s;
  color: inherit !important;
}

.trending-build-card:hover {
  border-color: var(--accent) !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

.trending-build-card__rank {
  font-family: var(--font-mono);
  font-size: 0.65rem;
  color: var(--accent);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block;
}

.trending-build-card__lbl {
  font-family: var(--font-mono);
  font-size: 0.63rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--text-muted);
  margin-right: 6px;
}

.trending-build-card__cpu,
.trending-build-card__gpu {
  font-family: var(--font-body);
  font-size: 0.84rem;
  color: var(--text-primary);
  line-height: 1.5;
}

.trending-build-card__badge {
  display: inline-block;
  margin-top: 10px;
  font-family: var(--font-mono);
  font-size: 0.63rem;
  padding: 3px 8px;
  background: var(--accent-dim);
  color: var(--accent);
  border-radius: 4px;
}

.trending-builds__title {
  font-family: var(--font-display);
  font-weight: 700;
}

.trending-builds__eyebrow {
  font-family: var(--font-mono);
  font-size: 0.68rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--accent);
}

/* TOC — scoped to beat style.css grid + 1400px 3-col; 4 per row; number on top; tight inner inset */
#table-of-contents .toc-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(16px, 3vw, 40px);
  padding-right: clamp(16px, 3vw, 40px);
  box-sizing: border-box;
}

#table-of-contents .toc-magazine-grid {
  --toc-gap: 14px;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center;
  align-content: flex-start;
  gap: var(--toc-gap);
  width: 100%;
  min-height: 0 !important;
  box-sizing: border-box;
  grid-template-columns: none !important;
}

#table-of-contents .toc-magazine-card {
  --toc-cols: 4;
  --toc-gaps: calc((var(--toc-cols) - 1) * var(--toc-gap));
  flex: 0 0 calc((100% - var(--toc-gaps)) / var(--toc-cols)) !important;
  width: calc((100% - var(--toc-gaps)) / var(--toc-cols)) !important;
  max-width: calc((100% - var(--toc-gaps)) / var(--toc-cols)) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  padding: 0 !important;
  min-height: 200px !important;
  min-width: 0;
  box-sizing: border-box;
  text-decoration: none !important;
  color: inherit !important;
  transition: border-color 0.18s, background 0.18s;
}

#table-of-contents .toc-magazine-card:hover {
  border-color: var(--accent) !important;
  background: var(--bg-elevated) !important;
}

#table-of-contents .toc-card-content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 100% !important;
  padding: 8px 3px 10px 3px !important;
  box-sizing: border-box !important;
}

#table-of-contents .toc-card-number {
  width: 30px !important;
  height: 30px !important;
  margin: 0 0 6px 0 !important;
  margin-left: 0 !important;
  align-self: flex-start !important;
  flex-shrink: 0 !important;
  font-family: var(--font-mono) !important;
  font-size: 0.7rem !important;
  font-weight: 800 !important;
  color: var(--accent) !important;
  background: rgba(255, 107, 53, 0.12) !important;
  border: 2px solid var(--accent) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 0 12px rgba(255, 107, 53, 0.25) !important;
}

#table-of-contents .toc-card-header {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  margin: 0 0 4px 0 !important;
}

#table-of-contents .toc-card-icon {
  font-size: 1.1rem !important;
  flex-shrink: 0 !important;
  margin-top: 1px !important;
  line-height: 1 !important;
}

#table-of-contents .toc-card-title {
  font-family: var(--font-display) !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: var(--text-primary) !important;
  margin: 0 !important;
}

#table-of-contents .toc-card-description {
  font-family: var(--font-body) !important;
  font-size: 0.72rem !important;
  line-height: 1.45 !important;
  color: var(--text-secondary) !important;
  margin: 0 0 8px 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

#table-of-contents .toc-card-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin-top: auto !important;
  padding-top: 8px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
}

#table-of-contents .toc-card-link-text {
  font-family: var(--font-mono) !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.06em !important;
}

#table-of-contents .toc-card-arrow {
  flex-shrink: 0 !important;
  margin-left: auto !important;
}

.toc-title {
  font-family: var(--font-display);
  font-weight: 700;
}

/* Content sections */
.content-section h2 {
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 2.8vw, 2rem);
  font-weight: 700;
  padding-left: 16px;
  border-left: 3px solid var(--accent);
  margin-bottom: 20px;
  line-height: 1.2;
}

.content-section h3 {
  font-family: var(--font-display);
  font-size: 1.15rem;
  font-weight: 600;
  margin: 28px 0 10px;
}

.content-section h4 {
  font-family: var(--font-body);
  font-size: 0.95rem;
  font-weight: 600;
  margin: 20px 0 8px;
}

.content-section p,
.content-section .lead-text {
  font-family: var(--font-body);
  font-size: 0.95rem;
  color: var(--text-secondary);
  line-height: 1.78;
  margin-bottom: 16px;
}

.content-section strong {
  color: var(--text-primary);
  font-weight: 600;
}

.content-section .content-block-wrapper > ul:not(.benefits-list) {
  list-style: none;
  padding: 0;
  margin: 14px 0;
}

.content-section .content-block-wrapper > ul:not(.benefits-list) li {
  font-family: var(--font-body);
  font-size: 0.92rem;
  color: var(--text-secondary);
  padding: 9px 0 9px 22px;
  border-bottom: 1px solid var(--border);
  position: relative;
  line-height: 1.65;
}

.content-section .content-block-wrapper > ul:not(.benefits-list) li:last-child {
  border-bottom: none;
}

.content-section .content-block-wrapper > ul:not(.benefits-list) li::before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--accent);
  font-size: 0.82rem;
}

/* Benefits cards in main copy: 4-up, centered short last row (same pattern as TOC) */
.content-section .content-block-wrapper > ul.benefits-list {
  --benefits-gap: 14px;
  --benefits-cols: 4;
  list-style: none !important;
  padding: 0 !important;
  margin-left: auto;
  margin-right: auto;
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  gap: var(--benefits-gap);
  width: 100%;
  box-sizing: border-box;
  counter-reset: benefits-counter;
}

.content-section .content-block-wrapper > ul.benefits-list li {
  --benefits-gaps: calc((var(--benefits-cols) - 1) * var(--benefits-gap));
  flex: 0 0 calc((100% - var(--benefits-gaps)) / var(--benefits-cols)) !important;
  width: calc((100% - var(--benefits-gaps)) / var(--benefits-cols)) !important;
  max-width: calc((100% - var(--benefits-gaps)) / var(--benefits-cols)) !important;
  min-width: 0;
  box-sizing: border-box;
  border-bottom: none;
  /* Inner layout: not flex row (counter was beside body). First line = counter + heading; body below. */
  display: flow-root !important;
  flex-direction: unset !important;
  align-items: unset !important;
  gap: unset !important;
  padding: 10px 10px 12px 3px !important;
}

.content-section .content-block-wrapper > ul.benefits-list li::before {
  display: inline !important;
  margin: 0 0.35em 0 0 !important;
  text-align: left !important;
  vertical-align: baseline !important;
}

.content-section .content-block-wrapper > ul.benefits-list li strong {
  display: inline !important;
  margin: 0 !important;
}

/* 3px gap between heading line and body (sibling text after </strong>) */
.content-section .content-block-wrapper > ul.benefits-list li strong::after {
  content: "";
  display: block;
  height: 3px;
}

.callout-box {
  background: var(--accent-dim);
  border: 1px solid var(--accent-border);
  border-radius: var(--radius-md);
  padding: 18px 22px;
  margin: 24px 0;
  width: 100%;
  box-sizing: border-box;
}

.callout-box p {
  color: var(--text-primary);
  font-size: 0.9rem;
  margin: 0;
}

.example-box {
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-left: 3px solid var(--accent);
  border-radius: var(--radius-md);
  padding: 20px 24px;
  margin: 18px 0;
  width: 100% !important;
  min-width: 0;
  box-sizing: border-box;
  float: none !important;
  position: relative !important;
}

.example-box .config-label,
.example-box h3:first-child {
  font-family: var(--font-mono);
  font-size: 0.78rem;
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 6px;
}

/* Legacy “bottleneck types” row from style.min (if present in DOM) */
.bottleneck-types {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 20px 0 !important;
  float: none !important;
  position: static !important;
}

.type-item {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box;
  background: var(--bg-elevated) !important;
  border: 1px solid var(--border) !important;
  border-left: 3px solid var(--accent) !important;
  border-radius: var(--radius-md) !important;
}

.type-item h3 {
  color: var(--accent) !important;
}

.type-item p {
  color: var(--text-secondary);
}

/* Trust + stats — tighter vertical rhythm before TOC */
.trust-factors-section {
  border: none;
}

section#trust-factors,
section.stats-bar-section {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.stats-section,
.stats-bar-section {
  background: var(--bg-surface) !important;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center;
}

.stat-item {
  text-align: center;
  padding: 20px 16px;
  min-width: 0;
}

.stat-item .stat-number {
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  color: var(--accent);
  margin-bottom: 8px;
}

.stat-item .stat-number--text {
  font-family: var(--font-body);
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--text-primary);
}

.stat-item .stat-label {
  font-family: var(--font-body);
  font-size: 0.78rem;
  color: var(--text-secondary);
  line-height: 1.4;
  text-transform: none;
  letter-spacing: 0.02em;
}

.company-badges .badges-grid {
  opacity: 0.55;
  filter: grayscale(1);
  transition: opacity 0.3s;
}

.company-badges .badges-grid:hover {
  opacity: 0.85;
}

/* FAQ */
.faq-item {
  border-bottom: 1px solid var(--border);
  width: 100%;
}

.faq-question {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  font: inherit;
}

.faq-question__btn {
  width: 100%;
  text-align: left;
  background: transparent;
  border: none;
  color: var(--text-primary);
  font-family: var(--font-body);
  font-size: 0.94rem;
  font-weight: 500;
  padding: 20px 48px 20px 0;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  transition: color 0.18s;
  position: relative;
  margin: 0;
}

.faq-container .faq-question::before {
  content: none !important;
}

.faq-question__btn:hover {
  color: var(--accent);
}

.faq-question__btn:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

.faq-icon {
  font-family: var(--font-mono);
  font-size: 1rem;
  color: var(--accent);
  flex-shrink: 0;
  transition: transform 0.22s ease;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.faq-item.open .faq-icon {
  transform: translateY(-50%) rotate(45deg);
}

.faq-answer {
  font-family: var(--font-body);
  font-size: 0.9rem;
  color: var(--text-secondary);
  line-height: 1.75;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.32s cubic-bezier(0.16, 1, 0.3, 1), padding 0.32s ease;
  padding-bottom: 0;
}

.faq-item.open .faq-answer {
  max-height: 2000px;
  padding-bottom: 20px;
}

#back-to-top.is-visible {
  display: flex;
  opacity: 1;
  transform: translateY(0);
}

/* Footer */
.site-footer {
  padding-top: 56px;
  padding-bottom: 32px;
  background: var(--bg-surface);
  border-top: 1px solid var(--border);
}

.footer-grid {
  display: grid;
  grid-template-columns: 2fr repeat(3, 1fr);
  gap: 40px;
  margin-bottom: 40px;
  width: 100%;
}

.footer-link {
  color: var(--text-secondary);
}

.footer-link:hover {
  color: var(--accent);
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding-top: 24px;
  border-top: 1px solid var(--border);
  font-family: var(--font-body);
  font-size: 0.78rem;
  color: var(--text-muted);
}

/* ── Tablet ───────────────────────────── */
@media (max-width: 1024px) {
  :root {
    --section-gap: 72px;
  }

  section,
  .site-header,
  .site-footer {
    padding-left: clamp(20px, 4vw, 48px);
    padding-right: clamp(20px, 4vw, 48px);
  }
}

/* ── Mobile landscape ───────────────── */
@media (max-width: 768px) {
  :root {
    --section-gap: 56px;
    --header-height: 52px;
  }

  h1 {
    font-size: clamp(1.75rem, 6vw, 2.4rem);
  }
  h2 {
    font-size: clamp(1.3rem, 4.5vw, 1.7rem);
  }

  .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .trending-builds__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #table-of-contents .toc-magazine-card {
    --toc-cols: 2;
    --toc-gaps: calc((var(--toc-cols) - 1) * var(--toc-gap));
    flex: 0 0 calc((100% - var(--toc-gaps)) / var(--toc-cols)) !important;
    width: calc((100% - var(--toc-gaps)) / var(--toc-cols)) !important;
    max-width: calc((100% - var(--toc-gaps)) / var(--toc-cols)) !important;
  }

  .content-section .content-block-wrapper > ul.benefits-list {
    --benefits-cols: 2;
  }

  .bottleneck-types {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 28px;
  }

  .footer-bottom {
    flex-direction: column;
    text-align: center;
    justify-content: center;
  }

  .calculator-container#bottleneck-calculator {
    padding: 24px 18px !important;
  }
}

/* ── Mobile portrait ────────────────── */
@media (max-width: 560px) {
  :root {
    --section-gap: 44px;
  }

  section,
  .site-header,
  .site-footer {
    padding-left: 18px;
    padding-right: 18px;
  }

  h1 {
    font-size: 1.75rem;
    letter-spacing: -0.02em;
  }
  h2 {
    font-size: 1.3rem;
  }
  h3 {
    font-size: 1.05rem;
  }

  .trending-builds__grid {
    grid-template-columns: 1fr !important;
  }

  #table-of-contents .toc-magazine-card {
    --toc-cols: 1;
    --toc-gaps: 0px;
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .content-section .content-block-wrapper > ul.benefits-list {
    --benefits-cols: 1;
    --benefits-gap: 12px;
  }

  .bottleneck-types {
    grid-template-columns: 1fr !important;
  }

  .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .footer-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .calculator-container#bottleneck-calculator {
    padding: 20px 18px !important;
  }

  .btn-calculate {
    width: 100%;
    text-align: center;
  }

  .results-summary-panel__big {
    font-size: 2.8rem;
  }
}

/* ── Very small ─────────────────────── */
@media (max-width: 380px) {
  h1,
  h1.hero-title {
    font-size: 1.55rem !important;
  }

  .stat-item .stat-number {
    font-size: 1.4rem;
  }

  .site-header {
    padding-left: 14px;
    padding-right: 14px;
  }
}