: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;}body{font-family:var(--font-primary);color:var(--text-primary);background:linear-gradient(135deg,#0a0e27 0%,#1a1a2e 50%,#16213e 100%);background-attachment:fixed;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,0.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,0.05) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(16,185,129,0.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;transform:scale(1);}50%{opacity:0.8;transform:scale(1.05);}}body::after{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,217,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,0.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;animation:gridMove 20s linear infinite;}@keyframes gridMove{0%{transform:translate(0,0);}100%{transform:translate(50px,50px);}}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,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,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,0.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,0.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,0.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:0.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:hover,.nav-link.active{color:var(--primary-color);background:rgba(0,217,255,0.1);box-shadow:var(--glow-primary);transform:translateY(-2px);}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:none;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:nth-child(1){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:transparent;position:relative;}#hero-introduction{margin-bottom:0;padding-bottom:0;}#hero-introduction .hero-container,#hero-introduction .section-container,#hero-introduction .hero-content{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,0.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);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:clip;min-height:850px;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,0.1),transparent);transition:left 0.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 0.35rem;margin-right:0.45rem;font-size:0.5rem;font-weight:800;letter-spacing:0.04em;line-height:1;text-transform:uppercase;vertical-align:middle;border-radius:8px;border:1px solid rgba(0,217,255,0.35);background:rgba(0,217,255,0.1);color:var(--primary-color);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);}.form-label-badge::after{content:attr(data-badge);}.form-label-badge[data-badge="GAME"],.form-label-badge[data-badge="GFX"],.form-label-badge[data-badge="COOL"]{font-size:0.42rem;letter-spacing:0.02em;}.required{color:var(--error-color);}.select-wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:0.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,0.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,0.9);}.select-search:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(0,217,255,0.2),var(--glow-primary);background:rgba(26,26,46,1);}.select-search::placeholder{color:var(--text-light);opacity:0.6;}.select-suggestions{position:absolute;top:100%;left:0;right:0;background:rgba(26,26,46,0.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,0.3);margin-top:-1px;}.suggestion-item{padding:0.75rem var(--spacing-sm);color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast);border-bottom:1px solid rgba(255,255,255,0.05);font-size:0.95rem;line-height:1.5;}.suggestion-item:last-child{border-bottom:none;}.suggestion-item:hover{background-color:rgba(0,217,255,0.15);}.suggestion-item strong{color:var(--primary-color);font-weight:600;}.form-select{width:100%;padding:0.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,0.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,0.9);}.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(0,217,255,0.2),var(--glow-primary);background:rgba(26,26,46,1);z-index:10;}.form-select:active,.form-select:focus{pointer-events:auto;}.form-select option{background:rgba(26,26,46,1);color:var(--text-primary);padding:0.5rem;display:block;white-space:normal;word-wrap:break-word;overflow:visible;text-overflow:clip;}.form-select:focus option,.form-select:active option{white-space:normal;overflow:visible;text-overflow:clip;max-width:none;}.form-select option[hidden]{display:none;}.form-help{display:block;font-size:0.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:0.45rem;padding:0.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:transparent;color:var(--text-primary);border-color:var(--border-color);box-shadow:none;}.btn.small{padding:0.65rem 1rem;font-size:0.95rem;}.btn-reset{background:rgba(107,114,128,0.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,0.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:white;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,0.2);transform:translate(-50%,-50%);transition:width 0.6s,height 0.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:0.6;cursor:not-allowed;}.calculator-results{margin-top:var(--spacing-xl);padding:var(--spacing-xl);background:rgba(26,26,46,0.8);backdrop-filter:blur(15px);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 0.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:0.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color);flex-wrap:wrap;justify-content:center;}.result-tab{padding:1rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all 0.3s;font-size:1rem;position:relative;}.result-tab:hover{color:var(--primary-color);background:rgba(0,217,255,0.05);}.result-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);}.tab-pane{display:none;animation:fadeIn 0.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:0.5rem;padding:0.625rem 1rem;background:rgba(26,26,46,0.6);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:0.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;}.btn-action:hover{background:rgba(26,26,46,0.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,0.2);border-color:#ef4444;}.btn-share-facebook:hover{background:rgba(24,119,242,0.2);border-color:#1877f2;}.btn-share-twitter:hover{background:rgba(29,161,242,0.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,0.5);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);}.insight-label{text-transform:uppercase;letter-spacing:0.5px;font-size:0.75rem;color:var(--text-light);margin-bottom:0.35rem;}.insight-value{color:var(--text-primary);font-weight:700;font-size:1.15rem;margin-bottom:0.5rem;}.insight-sub{color:var(--text-secondary);font-size:0.9rem;margin:0;}.micro-meter{width:100%;height:6px;background:rgba(255,255,255,0.08);border-radius:999px;overflow:hidden;margin-bottom:0.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,0.08);border:1px solid rgba(16,185,129,0.3);border-radius:var(--border-radius);display:grid;gap:0.35rem;}.callout-label{color:var(--text-light);font-size:0.8rem;letter-spacing:0.5px;text-transform:uppercase;}.callout-main{display:flex;align-items:center;gap:0.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:0.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,0.5);border:1px solid var(--border-color);border-radius:var(--border-radius);}.purpose-title{color:var(--primary-color);font-weight:700;margin-bottom:0.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,0.5);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);}.card-label{text-transform:uppercase;letter-spacing:0.5px;font-size:0.8rem;color:var(--text-light);}.card-value{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0.35rem 0;}.card-sub{color:var(--text-secondary);font-size:0.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,0.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:0.5rem;}.snapshot-label{color:var(--text-light);font-size:0.9rem;}.snapshot-value{color:var(--text-primary);font-weight:700;}.snapshot-bar{width:100%;height:8px;background:rgba(255,255,255,0.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:0.35rem;}.range-track{position:absolute;top:50%;left:0;width:100%;height:6px;background:rgba(255,255,255,0.08);border-radius:999px;transform:translateY(-50%);}.range-window{position:absolute;top:50%;height:6px;background:rgba(0,217,255,0.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,0.6);}.upgrade-roi{margin:var(--spacing-lg) 0;padding:var(--spacing-md);background:rgba(26,26,46,0.5);border:1px solid var(--border-color);border-radius:var(--border-radius);}.roi-header{color:var(--primary-color);font-weight:700;margin-bottom:0.75rem;}.roi-rows{display:flex;flex-direction:column;gap:0.5rem;}.roi-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:0.75rem;padding:0.75rem;border-radius:var(--border-radius);background:rgba(255,255,255,0.03);}.roi-col{color:var(--text-secondary);font-size:0.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:0.5px;font-size:0.75rem;color:var(--text-light);margin-bottom:0.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,0.5);border:1px solid var(--border-color);border-radius:var(--border-radius);}.chip-label{text-transform:uppercase;letter-spacing:0.5px;font-size:0.8rem;color:var(--text-light);}.chip-value{display:block;color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0.25rem 0;}.chip-note{color:var(--text-secondary);font-size:0.9rem;}.data-notes{margin:var(--spacing-lg) 0;padding:var(--spacing-md);background:rgba(26,26,46,0.45);border:1px solid var(--border-color);border-radius:var(--border-radius);}.data-note-title{color:var(--primary-color);font-weight:700;margin-bottom:0.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,0.05);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);}.results-details,.results-explanation,.results-actions{margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background:rgba(26,26,46,0.4);border-radius:var(--border-radius);border:1px solid var(--border-color);}.results-details h4,.results-explanation h4,.results-actions h4{color:var(--primary-color);margin-bottom:var(--spacing-md);font-size:1.25rem;}.config-list li,.actions-list li{padding:var(--spacing-sm) 0;color:var(--text-secondary);transition:color var(--transition-fast);}.config-list li:hover,.actions-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:transparent;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,0.3);filter:drop-shadow(0 0 20px rgba(0,217,255,0.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,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.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,0.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,0.15),transparent);transition:left 0.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,0.4);background:rgba(255,255,255,0.15);}.company-badge:hover::before{background:rgba(255,255,255,0.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,0.3);}.company-badge:hover .badge-text{color:var(--primary-color);text-shadow:0 2px 20px rgba(0,217,255,0.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:0.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,0.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,0.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,0.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{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:var(--spacing-md) !important;position:relative !important;visibility:visible !important;opacity:1 !important;min-height:400px !important;width:100% !important;}.toc-magazine-card{position:relative !important;min-height:220px !important;border-radius:var(--border-radius) !important;overflow:hidden !important;transition:all 0.4s cubic-bezier(0.4,0,0.2,1) !important;cursor:pointer !important;background:var(--bg-secondary) !important;box-shadow:0 10px 40px rgba(0,0,0,0.3) !important;display:block !important;visibility:visible !important;opacity:1 !important;width:100% !important;}.toc-magazine-card::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.85) 100%);z-index:1;transition:opacity 0.4s ease;}.toc-magazine-card:hover::before{background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.75) 100%);}.toc-card-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1);opacity:0.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:0.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,0.2);backdrop-filter:blur(10px);border:2px solid var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:800;color:var(--primary-color);box-shadow:0 0 20px rgba(0,217,255,0.3);transition:all 0.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,0.5);background:rgba(0,217,255,0.3);}.toc-card-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.5));transition:transform 0.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,0.8);transition:color 0.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,0.6);}.toc-card-description{font-size:0.85rem;line-height:1.5;color:rgba(255,255,255,0.9);text-shadow:0 1px 5px rgba(0,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,0.2);margin-top:auto;justify-content:space-between;}.toc-card-link-text{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:var(--primary-color);transition:all 0.3s ease;}.toc-card-arrow{width:20px;height:20px;color:var(--primary-color);transition:transform 0.3s ease;filter:drop-shadow(0 0 8px rgba(0,217,255,0.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,0.3),0 0 40px rgba(139,92,246,0.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 0.4s ease;filter:blur(20px);}.toc-magazine-card:hover::after{opacity:0.6;}@media (max-width:1400px){.toc-magazine-grid{grid-template-columns:repeat(3,1fr);}}@media (max-width:992px){.toc-magazine-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);}.toc-magazine-card{min-height:200px;}}@media (max-width:768px){.toc-title{font-size:2.2rem;}.toc-magazine-grid{grid-template-columns:1fr;gap:var(--spacing-md);}.toc-magazine-card{min-height:180px;}.toc-card-content{padding:var(--spacing-md);}.toc-card-title{font-size:0.95rem;}.toc-card-icon{font-size:1.3rem;}.toc-card-description{font-size:0.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:0.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(even){background:transparent;position:relative;}.content-block-wrapper{background:rgba(26,26,46,0.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:0.08;z-index:0;transition:opacity 0.4s ease,transform 0.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:0.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 ul,.content-block-wrapper ol,.content-section ul,.content-section ol{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,0.6);backdrop-filter:blur(10px);font-size:0.95rem;line-height:1.6;}.example-box{border-left-color:var(--primary-color);background:rgba(0,217,255,0.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:0.95rem;}.info-box{border-left-color:var(--info-color);background:rgba(59,130,246,0.05);}.warning-box{border-left-color:var(--warning-color);background:rgba(245,158,11,0.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,0.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,0.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:0.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:0.95rem;flex-shrink:0;margin-top:0.1rem;min-width:1.25rem;text-align:right;}.benefits-list li:hover{background:rgba(26,26,46,0.6);transform:translateX(2px);border-left-color:var(--secondary-color);}.benefits-list li strong{font-weight:600;margin-right:0.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,0.3);}.content-section table{width:100%;border-collapse:collapse;margin:var(--spacing-xl) 0;background:rgba(26,26,46,0.6);border-radius:var(--border-radius);overflow:hidden;}.content-section table th{background:rgba(0,217,255,0.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,0.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,0.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:0.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,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,0.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:0.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 0.3s ease;background:rgba(255,255,255,0.05);}.social-icon::after{display:none;}.social-icon--facebook{background:rgba(24,119,242,0.1);border-color:rgba(24,119,242,0.3);color:#1877f2;}.social-icon--twitter{background:rgba(0,0,0,0.1);border-color:rgba(255,255,255,0.2);color:#fff;}.social-icon--instagram{background:linear-gradient(45deg,rgba(253,29,29,0.1),rgba(131,58,180,0.1));border-color:rgba(225,48,108,0.3);color:#e1306c;}.social-icon--pinterest{background:rgba(189,8,28,0.1);border-color:rgba(189,8,28,0.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:0.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,0.6));transition:all var(--transition-fast);}.footer-bottom{border-top:1px solid rgba(255,255,255,0.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:0.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){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}body::before,body::after{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:0.75rem;}.seo-pill{font-size:0.8rem;padding:0.5rem 0.8rem;background:rgba(0,0,0,0.2);border:1px solid var(--border-color);border-radius:6px;color:var(--text-muted);text-decoration:none;transition:all 0.2s ease;display:inline-block;}.seo-pill:hover{border-color:var(--primary-color);color:var(--primary-color);background:rgba(0,217,255,0.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:0.5rem 1rem;border-radius:10px;font-weight:600;color:var(--text-primary);border:1px solid rgba(0,217,255,0.28);background:rgba(18,18,32,0.75);box-shadow:0 4px 16px rgba(0,0,0,0.2);}.trending-builds__pills .seo-pill:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,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:0.7rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--primary-color);margin:0 0 0.35rem;}.trending-builds__title{font-size:1.35rem;font-weight:700;color:var(--text-primary);margin:0 0 0.5rem;line-height:1.25;}.trending-builds__subtitle{font-size:0.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:0.85rem;}.trending-build-card{position:relative;display:flex;flex-direction:column;gap:0.65rem;padding:1rem 1rem 0.85rem 1rem;border-radius:14px;border:1px solid var(--border-color);background:rgba(0,0,0,0.22);text-decoration:none;color:inherit;transition:border-color 0.2s ease,box-shadow 0.2s ease,transform 0.15s ease;}.trending-build-card:hover{border-color:rgba(0,217,255,0.45);box-shadow:0 8px 28px rgba(0,0,0,0.35);transform:translateY(-2px);}.trending-build-card__rank{position:absolute;top:0.65rem;right:0.65rem;font-size:0.72rem;font-weight:700;color:var(--primary-color);opacity:0.85;}.trending-build-card__lines{display:flex;flex-direction:column;gap:0.35rem;padding-right:2rem;flex:1;}.trending-build-card__cpu,.trending-build-card__gpu{font-size:0.8rem;line-height:1.35;color:var(--text-primary);}.trending-build-card__lbl{display:block;font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);margin-bottom:0.15rem;}.trending-build-card__badge{align-self:flex-start;font-size:0.68rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:var(--primary-color);padding:0.2rem 0.5rem;border-radius:6px;background:rgba(0,217,255,0.1);border:1px solid rgba(0,217,255,0.25);}.trending-build-card__cta{margin-top:0.35rem;align-self:stretch;text-align:center;font-size:0.72rem;font-weight:800;text-transform:uppercase;letter-spacing:0.08em;padding:0.5rem 0.65rem;border-radius:10px;background:linear-gradient(135deg,rgba(0,217,255,0.18),rgba(139,92,246,0.12));border:1px solid rgba(0,217,255,0.4);color:var(--primary-color);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);}.trending-build-card:hover .trending-build-card__cta{border-color:rgba(0,217,255,0.65);background:linear-gradient(135deg,rgba(0,217,255,0.26),rgba(139,92,246,0.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:0.8rem;color:var(--text-muted);margin-bottom:0.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,0.35);background:rgba(16,185,129,0.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,0.22);color:#10b981;font-weight:800;font-size:1rem;}.pairing-callout__icon--check::after{content:"";display:block;width:0.32rem;height:0.62rem;margin-bottom:0.12rem;border:solid #10b981;border-width:0 2px 2px 0;transform:rotate(45deg);}.pairing-callout__title{display:block;font-size:0.95rem;color:#34d399;margin-bottom:0.35rem;}.pairing-callout__desc{margin:0;font-size:0.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,0.55);box-shadow:0 12px 40px rgba(0,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:0.85;}.results-summary-panel__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;padding-left:0.35rem;}.results-summary-panel__status{display:flex;align-items:center;gap:0.5rem;min-width:0;}.results-summary-panel__dot{flex-shrink:0;width:0.65rem;height:0.65rem;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,0.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:0.85rem;color:var(--text-muted);margin-top:0.2rem;}.results-summary-panel__sub{margin:0.85rem 0 0 0.35rem;padding-left:0;font-size:0.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,0.2);}.resolution-impact-card__title{margin:0 0 0.4rem;font-size:1.05rem;font-weight:600;color:var(--text-primary);}.resolution-impact-card__hint{margin:0 0 1rem;font-size:0.78rem;line-height:1.45;color:var(--text-muted);}.resolution-impact-card__rows{display:flex;flex-direction:column;gap:0.65rem;}.resolution-impact-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.5rem 1rem;padding:0.65rem 0.85rem;border-radius:10px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);}.resolution-impact-row__label{font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-muted);min-width:4rem;}.resolution-impact-row__pct-wrap{display:inline-flex;align-items:center;gap:0.45rem;}.resolution-impact-row__pct{font-size:0.95rem;font-weight:700;color:var(--text-primary);}.status-dot{flex-shrink:0;width:0.5rem;height:0.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:0.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:0.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,0.06),rgba(139,92,246,0.05));box-shadow:0 10px 32px rgba(0,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,0.35);background:rgba(0,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:-0.575rem 0 0 -0.575rem;border-radius:50%;border:2px solid rgba(0,217,255,0.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,0.25);}}.results-empty-state__title{margin:0 0 0.5rem;font-size:1.05rem;font-weight:700;color:var(--text-primary);}.results-empty-state__body{margin:0 0 0.5rem;font-size:0.88rem;line-height:1.55;color:var(--text-secondary);}.results-empty-state__hint{margin:0 0 1rem;font-size:0.78rem;line-height:1.45;color:var(--text-muted);}.results-empty-state__action{display:inline-flex;align-items:center;justify-content:center;padding:0.55rem 1.15rem;border-radius:10px;border:1px solid rgba(0,217,255,0.45);background:rgba(0,217,255,0.12);color:var(--primary-color);font-size:0.8rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;cursor:pointer;transition:background 0.2s ease,border-color 0.2s ease,transform 0.15s ease;}.results-empty-state__action:hover{background:rgba(0,217,255,0.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,0.35));box-shadow:0 12px 36px rgba(0,0,0,0.2);}@supports not (background:color-mix(in srgb,white 50%,black)){.results-rec-card{border-color:rgba(0,217,255,0.22);background:rgba(0,0,0,0.38);}}.results-rec-card__severity{display:block;margin-bottom:0.5rem;font-size:0.8125rem;font-weight:800;letter-spacing:0.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,0.07) 0%,rgba(139,92,246,0.07) 100%);box-shadow:0 10px 32px rgba(0,0,0,0.18);}.results-quick-tips__title{display:flex;align-items:center;gap:0.5rem;margin:0 0 1rem;font-size:1.0625rem;font-weight:700;color:var(--primary-color);}.results-quick-tips__title::before{content:"";width:0.35rem;height:1.15rem;border-radius:3px;background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));}.results-quick-tips__grid{display:grid;gap:0.65rem;}.results-tip-row{display:flex;gap:0.85rem;align-items:flex-start;padding:0.85rem 1rem;border-radius:11px;background:rgba(0,0,0,0.24);border:1px solid rgba(255,255,255,0.06);transition:border-color 0.2s ease,background 0.2s ease;}.results-tip-row:hover{border-color:rgba(0,217,255,0.2);background:rgba(0,0,0,0.3);}.results-tip-row__icon{flex-shrink:0;font-size:1.1rem;line-height:1.2;opacity:0.85;}.results-tip-row__title{display:block;color:var(--text-primary);font-size:0.875rem;font-weight:700;}.results-tip-row__text{margin:0.28rem 0 0;color:var(--text-secondary);font-size:0.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,0.82);box-shadow:0 10px 28px rgba(0,0,0,0.22);transition:border-color 0.2s ease,transform 0.15s ease;}.results-scoreboard-card:hover{border-color:rgba(0,217,255,0.25);transform:translateY(-2px);}@media (prefers-reduced-motion:reduce){.results-scoreboard-card:hover{transform:none;}}.results-scoreboard-card__eyebrow{font-size:0.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.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:0.68rem;color:var(--text-muted);}.results-scoreboard-card__caption{color:var(--text-secondary);font-size:0.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,0.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:0.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,0.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,0.62);box-shadow:0 12px 36px rgba(0,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,0.09);border-color:rgba(0,217,255,0.28);}.results-metric-tile--violet{background:rgba(139,92,246,0.09);border-color:rgba(139,92,246,0.28);}.results-metric-tile--green{background:rgba(16,185,129,0.09);border-color:rgba(16,185,129,0.28);}.results-metric-tile__label{color:var(--text-muted);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.08em;font-weight:700;margin-bottom:0.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:0.875rem;margin-top:0.35rem;}.results-metric-tile__bar{width:100%;height:8px;margin-top:0.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,0.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,0.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,0.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:0.85rem;}.results-sys-chip{padding:1rem 1.1rem;border-radius:10px;background:rgba(26,26,46,0.55);border-left:3px solid var(--sys-chip-accent,var(--primary-color));}.results-sys-chip__label{color:var(--text-muted);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.06em;font-weight:700;}.results-sys-chip__value{color:var(--text-primary);font-weight:600;margin-top:0.25rem;line-height:1.35;}.results-tab-strip{display:flex;flex-wrap:wrap;gap:0.5rem;margin:2rem 0;padding:1rem 1.1rem;border-radius:14px;border:1px solid var(--border-color);background:rgba(26,26,46,0.65);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);}.results-summary-fastwin{margin-bottom:2rem;padding:1.35rem 1.5rem;border-radius:14px;border:1px solid rgba(16,185,129,0.35);background:linear-gradient(135deg,rgba(16,185,129,0.1) 0%,rgba(0,217,255,0.08) 100%);box-shadow:0 8px 28px rgba(0,0,0,0.18);}.results-summary-fastwin__eyebrow{color:var(--accent-color);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.1em;font-weight:800;margin-bottom:0.45rem;}.results-summary-fastwin__row{display:flex;align-items:center;flex-wrap:wrap;gap:0.5rem;}.results-summary-fastwin__meta{margin-top:0.5rem;font-size:0.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,0.5);border:1px solid rgba(255,255,255,0.06);}.results-summary-stat__label{color:var(--text-muted);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.06em;font-weight:700;}.results-summary-stat__value{font-size:1.25rem;font-weight:800;margin-top:0.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:0.75rem;margin-top:0.2rem;}.results-summary-disclaimer{padding:1.1rem 1.25rem;border-radius:11px;background:rgba(26,26,46,0.35);border-left:3px solid rgba(255,255,255,0.12);}.results-summary-disclaimer__title{color:var(--text-muted);font-size:0.72rem;font-weight:800;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.45rem;}.results-summary-disclaimer ul{color:var(--text-secondary);font-size:0.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,0.62);}.results-history-panel__head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0.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:0.4rem 0.85rem;background:rgba(239,68,68,0.1);border:1px solid #ef4444;border-radius:8px;color:#f87171;cursor:pointer;font-size:0.75rem;font-weight:600;transition:background 0.2s ease,color 0.2s ease;}.results-history-panel__clear:hover{background:rgba(239,68,68,0.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,0.05) 0%,rgba(139,92,246,0.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:0.35rem;}.results-trust-panel__cell span{color:var(--text-secondary);font-size:0.75rem;}.results-trust-panel__fineprint{color:var(--text-muted);font-size:0.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:0.75rem 1.5rem;border-radius:10px;cursor:pointer;font-weight:600;font-size:0.875rem;transition:transform 0.15s ease,box-shadow 0.2s ease;}.results-feedback__btn--yes{background:rgba(16,185,129,0.12);border:1px solid #10b981;color:#34d399;}.results-feedback__btn--no{background:rgba(245,158,11,0.1);border:1px solid #f59e0b;color:#fbbf24;}.results-feedback__btn:hover{transform:translateY(-1px);}.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:0.75rem;}.metric-value--jumbo{font-size:1.5rem;}.text-size-sm{font-size:0.875rem;}.balance-value-lg{font-size:2rem;}.scenario-icon-slot{font-size:2rem;}.text-75{font-size:0.75rem;}.text-70{font-size:0.7rem;}.footer-dmca-link{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:rgba(0,0,0,0.3);border:1px solid var(--border-color);border-radius:8px;text-decoration:none;transition:all 0.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,0.4);transition:all 0.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,0.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 0.6s ease-out;}.related-content-card:hover{background:rgba(0,217,255,0.1) !important;border-color:var(--primary-color) !important;transform:translateY(-3px);box-shadow:var(--glow-primary);}.related-content-card h5{transition:color 0.2s;}.related-content-card:hover h5{color:var(--primary-color) !important;}.related-content-section{animation:fadeInUp 0.7s ease-out;}.build-score-section{animation:fadeInUp 0.6s ease-out;}.build-score-section>div{transition:transform 0.2s,box-shadow 0.2s;}.build-score-section>div:hover{transform:translateY(-3px);box-shadow:var(--glow-primary);}.did-you-know-section{animation:fadeInUp 0.7s ease-out;}.trust-signals-section{animation:fadeInUp 0.75s ease-out;}.trust-signals-section>div>div{transition:transform 0.2s;}.trust-signals-section>div>div:hover{transform:translateY(-2px);}.feedback-section{animation:fadeInUp 0.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,0.12),rgba(139,92,246,0.12));}.page-hero h1{margin:0.25rem 0 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:0.5rem;}.contact-card p{color:var(--text-secondary);}.contact-link a{color:var(--primary-color);font-weight:600;}.contact-note{margin-top:0.4rem;color:var(--text-light);font-size:0.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,0.6);}.contact-list{margin-top:0.75rem;padding-left:1.25rem;color:var(--text-secondary);}.contact-list li{margin-bottom:0.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,0.2);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(0,217,255,0.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,0.12),rgba(139,92,246,0.1));}.blog-hero h1{margin-bottom:0.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:0.95rem;color:var(--text-light);margin-bottom:0.35rem;}.blog-dek{color:var(--text-secondary);margin-top:0.35rem;}.pagination{display:flex;gap:0.5rem;margin-top:1.5rem;align-items:center;}.pagination .page,.pagination .current{padding:0.5rem 0.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,0.8) 0%,rgba(10,14,39,0.6) 60%,rgba(10,14,39,0.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:0.4rem;color:var(--text-muted);font-size:0.95rem;}.blog-post-body .content blockquote{border-left:4px solid rgba(0,217,255,0.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 th,.blog-post-body .content table td{border:1px solid var(--border-color);padding:0.75rem 0.9rem;text-align:left;}.blog-post-body .content table th{background:rgba(255,255,255,0.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,0.08);border:1px solid rgba(16,185,129,0.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:0.5rem;margin:2rem 0;padding:0.5rem;background:rgba(26,26,46,0.6);border-radius:12px;border:1px solid var(--border-color);}.result-tab{flex:1;min-width:100px;padding:0.75rem 1rem;background:transparent;border:none;border-bottom:none;border-radius:8px;color:var(--text-secondary);font-size:0.85rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;font-family:var(--font-primary);}.result-tab:hover{background:rgba(0,217,255,0.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 0.5s ease-out;}.settings-optimizer>div>div:hover{background:rgba(0,217,255,0.05) !important;}.power-thermal-analysis{animation:fadeInUp 0.5s ease-out;}.power-thermal-analysis>div{animation:fadeInUp 0.5s ease-out;}.vr-rt-analysis{animation:fadeInUp 0.5s ease-out;}.vr-rt-analysis svg circle{transition:stroke-dashoffset 1s ease-out;}.balance-scale div[style*="height:"]{transition:height 0.5s ease-out;}.budget-btn{transition:all 0.2s ease !important;}.budget-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,217,255,0.2);}.upgrade-card{transition:all 0.3s ease;animation:fadeInUp 0.5s ease-out;}.upgrade-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,0.3);}.expandable-faq details{transition:all 0.2s ease;}.expandable-faq details[open]{background:rgba(0,217,255,0.05) !important;}.expandable-faq details[open] summary span:last-child{transform:rotate(180deg);}.expandable-faq summary:hover{background:rgba(0,217,255,0.03);}.expandable-faq summary::-webkit-details-marker{display:none;}.build-history-section{animation:fadeInUp 0.7s ease-out;}.build-history-section>div>div{transition:all 0.2s ease;}.build-history-section>div>div:hover{background:rgba(0,217,255,0.08) !important;transform:translateX(5px);}.export-btn:hover{transform:translateY(-2px) !important;box-shadow:0 4px 12px rgba(0,0,0,0.2);}.resolution-comparison>div>div{transition:all 0.2s ease;}.resolution-comparison>div>div:hover{transform:scale(1.05);}.streaming-analysis>div>div{transition:all 0.2s ease;}.streaming-analysis>div>div:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.2);}.quick-power-summary{animation:fadeInUp 0.55s ease-out;}.lows-analysis>div>div{transition:transform 0.2s ease;}.lows-analysis>div>div:hover{transform:translateY(-3px);}.price-performance>div>div{transition:all 0.2s ease;}.price-performance>div>div:hover{transform:scale(1.03);}.vr-rt-analysis div[style*="grid-template-columns"]>div{transition:transform 0.2s ease;}.vr-rt-analysis div[style*="grid-template-columns"]>div:hover{transform:scale(1.03);}.cost-per-fps{animation:fadeInUp 0.5s ease-out;}.cost-per-fps>div>div{transition:transform 0.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:0.75rem;padding:0.6rem 0.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{.results-tabs,.budget-filter,.export-options,.build-history-section,.feedback-section{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,0.15) 0%,rgba(16,185,129,0.05) 100%);border-color:rgba(16,185,129,0.4);}.bottleneck-display--minor{background:linear-gradient(135deg,rgba(16,185,129,0.15) 0%,rgba(16,185,129,0.05) 100%);border-color:rgba(16,185,129,0.4);}.bottleneck-display--moderate{background:linear-gradient(135deg,rgba(245,158,11,0.15) 0%,rgba(245,158,11,0.05) 100%);border-color:rgba(245,158,11,0.4);}.bottleneck-display--high{background:linear-gradient(135deg,rgba(245,158,11,0.15) 0%,rgba(245,158,11,0.05) 100%);border-color:rgba(245,158,11,0.4);}.bottleneck-display--critical{background:linear-gradient(135deg,rgba(239,68,68,0.15) 0%,rgba(239,68,68,0.05) 100%);border-color:rgba(239,68,68,0.4);}.bottleneck-percentage{font-size:5rem;font-weight:700;line-height:1;margin-bottom:0.5rem;}.bottleneck-percentage--excellent,.bottleneck-percentage--minor{color:var(--accent-color);text-shadow:0 0 30px rgba(16,185,129,0.5);}.bottleneck-percentage--moderate,.bottleneck-percentage--high{color:var(--accent-warning);text-shadow:0 0 30px rgba(245,158,11,0.5);}.bottleneck-percentage--critical{color:var(--error-color);text-shadow:0 0 30px rgba(239,68,68,0.5);}.bottleneck-title{font-size:1.5rem;color:var(--text-primary);margin-bottom:0.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,0.2);border-color:var(--accent-color);}.severity-box--moderate,.severity-box--high{background:rgba(245,158,11,0.2);border-color:var(--accent-warning);}.severity-box--critical{background:rgba(239,68,68,0.2);border-color:var(--error-color);}.severity-label{text-transform:uppercase;font-size:0.875rem;letter-spacing:2px;display:block;margin-bottom:0.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,0.1);border-color:rgba(0,217,255,0.3);}.metric-card--secondary{background:rgba(139,92,246,0.1);border-color:rgba(139,92,246,0.3);}.metric-card--accent{background:rgba(16,185,129,0.1);border-color:rgba(16,185,129,0.3);}.metric-card--warning{background:rgba(245,158,11,0.1);border-color:rgba(245,158,11,0.3);}.metric-card--dark{background:rgba(26,26,46,0.5);border-color:var(--border-color);}.metric-label{color:var(--text-light);font-size:0.75rem;margin-bottom:0.5rem;text-transform:uppercase;letter-spacing:1px;}.metric-value{font-size:2.5rem;font-weight:700;margin-bottom:0.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:0.875rem;}.progress-bar{width:100%;height:8px;background:rgba(255,255,255,0.1);border-radius:4px;overflow:hidden;margin-top:0.5rem;}.progress-bar__fill{height:100%;transition:width 0.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,0.6);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);}.results-section--gradient{background:linear-gradient(135deg,rgba(0,217,255,0.1) 0%,rgba(139,92,246,0.1) 100%);}.results-section--accent{background:linear-gradient(135deg,rgba(16,185,129,0.1) 0%,rgba(0,217,255,0.1) 100%);}.results-section--warning{background:linear-gradient(135deg,rgba(245,158,11,0.1) 0%,rgba(239,68,68,0.1) 100%);border-color:rgba(245,158,11,0.3);}.section-title{color:var(--primary-color);margin-bottom:1.5rem;font-size:1.5rem;display:flex;align-items:center;gap:0.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:0.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 0.2s ease;}.component-card:hover{transform:translateY(-3px);}.component-card--cpu{background:rgba(139,92,246,0.1);border-color:rgba(139,92,246,0.3);}.component-card--gpu{background:rgba(0,217,255,0.1);border-color:rgba(0,217,255,0.3);}.component-card--ram{background:rgba(16,185,129,0.1);border-color:rgba(16,185,129,0.3);}.component-card--storage{background:rgba(245,158,11,0.1);border-color:rgba(245,158,11,0.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,0.1);border-color:rgba(239,68,68,0.3);}.comparison-card--recommended{background:rgba(16,185,129,0.1);border-color:rgba(16,185,129,0.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,0.8);border-radius:var(--border-radius);border:1px solid var(--border-color);position:relative;transition:transform 0.2s ease,box-shadow 0.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:0.25rem 0.75rem;border-radius:4px;font-size:0.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,0.08) 0%,rgba(139,92,246,0.08) 100%);border-radius:var(--border-radius);border:1px solid var(--border-color);}.tip-item{display:flex;gap:0.75rem;padding:0.75rem;background:rgba(0,0,0,0.2);border-radius:8px;margin-bottom:0.75rem;}.tip-item:last-child{margin-bottom:0;}.tip-icon{font-size:1.25rem;}.tip-title{color:var(--text-primary);font-size:0.875rem;font-weight:600;}.tip-text{color:var(--text-secondary);font-size:0.8rem;margin:0.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,0.6);border-radius:8px;border:1px solid var(--border-color);}.chip-label{display:block;font-size:0.75rem;color:var(--text-muted);margin-bottom:0.25rem;}.chip-value{display:block;font-size:1.25rem;font-weight:700;color:var(--primary-color);}.chip-note{display:block;font-size:0.7rem;color:var(--text-secondary);margin-top:0.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:0.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:0.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,0.2);border-top-color:var(--primary-color);border-radius:50%;margin-left:1rem;animation:tab-spin 0.8s linear infinite;}@keyframes tab-spin{to{transform:rotate(360deg);}}.tab-pane.active,.tab-pane[data-content="summary"]{display:block;}