/* ══════════════════════════════════════════════════════ FRAMELIMIT.COM — MASTER STYLESHEET Single shared CSS for all pages. Last updated: March 2026 ══════════════════════════════════════════════════════ */ /* ── FONTS (also in each HTML ) ────────────────── Bebas Neue → headings Barlow → body text JetBrains Mono → labels, code, specs ─────────────────────────────────────────────────── */ :root{--black:#080A0C;--deep:#0B0E12;--panel:#0F1419;--border:#1E2A36;--muted:#7A94A8;--text:#D8E8F4;--white:#F0F8FF;--cyan:#00D4FF;--orange:#FF4500;--green:#00FF88;--yellow:#FFD600;--purple:#A855F7;--amd:#FF6B35;--amd-dim:#CC5529} *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth;overflow-x:hidden} body{background:var(--black);color:var(--text);font-family:'Barlow',sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden;max-width:100vw} /* ── NAV ── */ nav{position:fixed;top:0;left:0;right:0;z-index:300;background:rgba(8,10,12,.97);border-bottom:1px solid var(--border);backdrop-filter:blur(20px);height:64px} .nav-inner{max-width:1400px;margin:0 auto;height:100%;display:flex;align-items:center;padding:0 32px;gap:32px} .nav-logo{font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:4px;color:var(--white);text-decoration:none;flex-shrink:0}.nav-logo span{color:var(--cyan)} .nav-links{display:flex;gap:6px;list-style:none;flex:1} .nav-links>li{position:relative} .nav-links>li>a{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--muted);text-decoration:none;letter-spacing:1.5px;text-transform:uppercase;padding:8px 14px;display:block;transition:color .2s}.nav-links>li>a:hover{color:var(--white)} .nav-search{margin-left:auto;background:rgba(0,212,255,.08);border:1px solid rgba(0,212,255,.2);color:var(--cyan);font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:1px;padding:6px 14px;cursor:pointer} .nav-cta{background:var(--cyan);color:var(--black);font-family:'Barlow',sans-serif;font-weight:700;font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:8px 20px;text-decoration:none;white-space:nowrap;flex-shrink:0}.nav-cta:hover{background:var(--white)} /* Hamburger */ .nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;flex-shrink:0} .nav-hamburger span{width:24px;height:2px;background:var(--white);transition:all .3s} .nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)} .nav-hamburger.open span:nth-child(2){opacity:0} .nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} /* Mobile drawer */ .mobile-drawer{position:fixed;top:64px;left:0;width:85%;max-width:340px;bottom:0;background:var(--deep);z-index:299;transform:translateX(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);overflow-y:auto;border-right:1px solid var(--border)} .mobile-drawer.open{transform:translateX(0)} .md-section{padding:20px 24px;border-bottom:1px solid var(--border)} .md-label{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px} .md-links{list-style:none;display:flex;flex-direction:column;gap:4px} .md-links a{font-size:15px;color:var(--text);text-decoration:none;padding:11px 0;display:block;border-bottom:1px solid rgba(30,42,54,.4)}.md-links a:hover{color:var(--cyan)} .md-cta{margin:20px 24px;background:var(--cyan);color:var(--black);font-weight:700;font-size:13px;text-decoration:none;padding:14px 20px;display:block;text-align:center;letter-spacing:1px;text-transform:uppercase} .drawer-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:298} .drawer-overlay.open{display:block} /* ── HERO ── */ .hero{min-height:100vh;display:flex;align-items:center;padding:100px 32px 60px;position:relative;overflow:hidden;background:linear-gradient(135deg,#050709 0%,#0a0f15 50%,#060b10 100%)} .hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,212,255,.015) 2px,rgba(0,212,255,.015) 4px);pointer-events:none} .hero-inner{max-width:1400px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 480px;gap:60px;align-items:center} .hero-cat{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--cyan);letter-spacing:3px;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:12px} .hero-cat::before{content:'';width:40px;height:1px;background:var(--cyan)} .hero-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(52px,8vw,100px);color:var(--white);line-height:.95;letter-spacing:1px;margin-bottom:24px} .hero-title span{color:var(--cyan)} .hero-sub{font-size:17px;color:var(--muted);line-height:1.8;margin-bottom:36px;max-width:520px} .hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:48px} .btn-primary{background:var(--cyan);color:var(--black);font-family:'Barlow',sans-serif;font-weight:700;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;padding:14px 28px;text-decoration:none;transition:all .2s}.btn-primary:hover{background:var(--white)} .btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text);font-family:'Barlow',sans-serif;font-weight:600;font-size:13px;letter-spacing:1px;text-transform:uppercase;padding:14px 28px;text-decoration:none;transition:all .2s}.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)} .hero-stats{display:flex;gap:32px;flex-wrap:wrap} .hs{text-align:left} .hs-num{font-family:'Bebas Neue',sans-serif;font-size:36px;color:var(--white);line-height:1} .hs-num span{color:var(--cyan)} .hs-label{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase} /* Top picks stack */ .hero-picks{display:flex;flex-direction:column;gap:8px} .hp-card{background:var(--panel);border:1px solid var(--border);padding:16px 18px;cursor:pointer;transition:border-color .2s;position:relative;overflow:hidden} .hp-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:transparent;transition:background .2s} .hp-card:hover{border-color:var(--cyan)}.hp-card:hover::before{background:var(--cyan)} .hp-rank{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--muted);letter-spacing:2px;margin-bottom:6px} .hp-name{font-family:'Bebas Neue',sans-serif;font-size:18px;color:var(--white);margin-bottom:4px} .hp-spec{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--muted)} .hp-price{font-size:14px;font-weight:700;color:var(--green);margin-top:6px} /* ── SECTIONS ── */ section{padding:80px 32px} .section-inner{max-width:1400px;margin:0 auto} .section-header{margin-bottom:48px} .section-label{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--cyan);letter-spacing:3px;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:12px} .section-label::before{content:'';width:32px;height:1px;background:var(--cyan)} .section-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,5vw,56px);color:var(--white);letter-spacing:1px;line-height:1.05} .section-sub{font-size:16px;color:var(--muted);margin-top:10px;max-width:600px} /* ── AFFILIATE RIBBON ── */ .aff-ribbon{background:rgba(255,214,0,.08);border-bottom:1px solid rgba(255,214,0,.15);padding:8px 32px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--yellow);letter-spacing:1.5px;margin-top:64px} /* ── DEALS ── */ #deals-section{background:var(--deep)} .deals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .deal-card{background:var(--panel);border:1px solid var(--border);padding:20px;position:relative;transition:border-color .2s}.deal-card:hover{border-color:var(--cyan)} .deal-badge{position:absolute;top:12px;right:12px;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:1px;padding:3px 8px} .badge-hot{background:var(--orange);color:var(--white)} .badge-new{background:var(--cyan);color:var(--black)} .badge-sale{background:var(--green);color:var(--black)} .deal-brand{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px} .deal-name{font-family:'Bebas Neue',sans-serif;font-size:22px;color:var(--white);margin-bottom:6px} .deal-spec{font-size:12px;color:var(--muted);margin-bottom:12px;line-height:1.6} .deal-prices{display:flex;align-items:baseline;gap:10px;margin-bottom:12px} .deal-price{font-family:'Bebas Neue',sans-serif;font-size:32px;color:var(--green)} .deal-was{font-size:13px;color:var(--muted);text-decoration:line-through} .deal-save{font-size:11px;color:var(--green);font-weight:700} .deal-timer{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--yellow);margin-bottom:14px} .deal-btn{display:block;background:var(--cyan);color:var(--black);text-align:center;font-weight:700;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:10px;text-decoration:none}.deal-btn:hover{background:var(--white)} /* ── GPU COMPARE ── */ #compare-tool{background:var(--black)} .gpu-tabs{display:flex;gap:0;margin-bottom:28px;border:1px solid var(--border)} .gpu-tab{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;padding:10px 20px;background:none;border:none;color:var(--muted);cursor:pointer;transition:all .2s;border-right:1px solid var(--border)} .gpu-tab:last-child{border-right:none} .gpu-tab.active{background:var(--cyan);color:var(--black)} .chart-wrap{background:var(--panel);border:1px solid var(--border);padding:24px;margin-bottom:24px} .chart-title{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--cyan);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px} /* ── BEST PICKS ── */ #best-picks{background:var(--deep)} .picks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .pick-card{background:var(--panel);border:1px solid var(--border);padding:20px;transition:border-color .2s;position:relative}.pick-card:hover{border-color:var(--cyan)} .pick-badge{font-family:'JetBrains Mono',monospace;font-size:8px;padding:3px 8px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px;display:inline-block} .pick-name{font-family:'Bebas Neue',sans-serif;font-size:20px;color:var(--white);margin-bottom:4px} .pick-spec{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:12px} .pick-price{font-family:'Bebas Neue',sans-serif;font-size:28px;color:var(--green);margin-bottom:12px} .pick-score{position:absolute;top:16px;right:16px;font-family:'Bebas Neue',sans-serif;font-size:36px;color:var(--white);line-height:1;text-align:right} .pick-score-sub{font-family:'JetBrains Mono',monospace;font-size:8px;color:var(--muted);text-align:right;letter-spacing:1px} .pick-btn{display:block;background:transparent;border:1px solid var(--border);color:var(--text);text-align:center;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:8px;text-decoration:none;transition:all .2s}.pick-btn:hover{border-color:var(--cyan);color:var(--cyan)} /* ── BUDGET FINDER ── */ #finder{background:var(--black)} .finder-wrap{background:var(--panel);border:1px solid var(--border);padding:32px} .finder-label{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px} .finder-title{font-size:18px;font-weight:700;color:var(--white);margin-bottom:20px} .range-row{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap} input[type=range]{flex:1;min-width:200px;accent-color:var(--cyan)} .range-val{font-family:'Bebas Neue',sans-serif;font-size:28px;color:var(--cyan);min-width:80px} .platform-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px} .chip{background:var(--deep);border:1px solid var(--border);color:var(--muted);font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:1px;padding:6px 14px;cursor:pointer;transition:all .2s} .chip.active{background:var(--cyan);color:var(--black);border-color:var(--cyan)} .finder-result{background:var(--deep);border:1px solid var(--border);border-left:3px solid var(--cyan);padding:20px;margin-top:20px} .fr-title{font-family:'Bebas Neue',sans-serif;font-size:24px;color:var(--white);margin-bottom:6px} .fr-sub{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:14px} .fr-link{display:inline-block;background:var(--cyan);color:var(--black);font-weight:700;font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:10px 20px;text-decoration:none}.fr-link:hover{background:var(--white)} /* ── PRICE ALERT ── */ #price-alert{background:var(--deep)} .pricedrop-bg{background:linear-gradient(135deg,rgba(0,212,255,.06),rgba(168,85,247,.04));border:1px solid rgba(0,212,255,.15);padding:40px} .pa-title{font-family:'Bebas Neue',sans-serif;font-size:42px;color:var(--white);margin-bottom:8px} .pa-sub{font-size:15px;color:var(--muted);margin-bottom:28px} .pa-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;flex-wrap:wrap} .pa-field{display:flex;flex-direction:column;gap:6px} .pa-field label{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase} .pa-field input,.pa-field select{background:var(--panel);border:1px solid var(--border);color:var(--text);font-family:'Barlow',sans-serif;font-size:14px;padding:10px 14px;width:100%} .pa-btn{background:var(--cyan);color:var(--black);font-weight:700;font-size:13px;letter-spacing:1px;text-transform:uppercase;padding:11px 24px;border:none;cursor:pointer;white-space:nowrap}.pa-btn:hover{background:var(--white)} .pa-stats{display:flex;gap:32px;margin-top:20px;flex-wrap:wrap} .pa-stat{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted)} .pa-stat strong{color:var(--cyan)} .pa-success{display:none;background:rgba(0,255,136,.08);border:1px solid rgba(0,255,136,.2);color:var(--green);padding:16px;font-size:14px;margin-top:16px} /* ── BLOG ── */ #blog{background:var(--black)} .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .blog-card{background:var(--panel);border:1px solid var(--border);transition:border-color .2s;text-decoration:none}.blog-card:hover{border-color:var(--cyan)} .bc-img{height:140px;background:linear-gradient(135deg,var(--deep),var(--border));display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:48px;color:var(--border)} .bc-body{padding:18px} .bc-cat{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--cyan);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px} .bc-title{font-size:15px;font-weight:700;color:var(--white);line-height:1.4;margin-bottom:8px} .bc-sub{font-size:13px;color:var(--muted);line-height:1.6} .bc-meta{display:flex;gap:12px;padding:12px 18px;border-top:1px solid var(--border);font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--muted)} /* ── MODAL TOOLS ── */ .modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:500;overflow-y:auto;padding:40px 20px} .modal-overlay.open{display:flex;align-items:flex-start;justify-content:center} .modal{background:var(--deep);border:1px solid var(--border);max-width:800px;width:100%;padding:32px;position:relative} .modal-close{position:absolute;top:16px;right:16px;background:none;border:1px solid var(--border);color:var(--muted);font-size:18px;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--white);border-color:var(--white)} .modal-title{font-family:'Bebas Neue',sans-serif;font-size:32px;color:var(--white);margin-bottom:6px} .modal-sub{font-size:13px;color:var(--muted);margin-bottom:24px} /* Display tool table */ .disp-table{width:100%;border-collapse:collapse;font-size:13px} .disp-table th{font-family:'JetBrains Mono',monospace;font-size:8px;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;padding:8px 12px;background:var(--panel);border-bottom:2px solid var(--border);text-align:left} .disp-table td{padding:9px 12px;border-bottom:1px solid rgba(30,42,54,.5);font-size:12px;vertical-align:top} .disp-table tr:hover{background:rgba(0,212,255,.02)} .dtag-best{background:rgba(0,212,255,.12);color:var(--cyan);font-family:'JetBrains Mono',monospace;font-size:8px;padding:2px 6px} .dtag-good{background:rgba(0,255,136,.1);color:var(--green);font-family:'JetBrains Mono',monospace;font-size:8px;padding:2px 6px} .dtag-ok{background:rgba(255,214,0,.1);color:var(--yellow);font-family:'JetBrains Mono',monospace;font-size:8px;padding:2px 6px} /* ── TOOLS BAR ── */ .tools-bar{background:var(--panel);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:16px 32px} .tools-inner{max-width:1400px;margin:0 auto;display:flex;gap:12px;flex-wrap:wrap;align-items:center} .tool-label{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-right:8px} .tool-btn{background:var(--deep);border:1px solid var(--border);color:var(--text);font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:1px;padding:8px 16px;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.tool-btn:hover{border-color:var(--cyan);color:var(--cyan)} /* ── AD SLOTS ── */ .ad-slot{background:var(--panel);border:1px solid var(--border);height:90px;display:flex;align-items:center;justify-content:center;color:var(--border);font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;margin:32px 0} /* ── FOOTER ── */ footer{background:var(--deep);border-top:1px solid var(--border);padding:48px 32px 32px} .footer-inner{max-width:1400px;margin:0 auto} .footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px} .footer-brand-name{font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:4px;color:var(--white);margin-bottom:10px}.footer-brand-name span{color:var(--cyan)} .footer-desc{font-size:13px;color:var(--muted);line-height:1.8} .footer-col-title{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--cyan);letter-spacing:2px;text-transform:uppercase;margin-bottom:14px} .footer-links{list-style:none;display:flex;flex-direction:column;gap:8px} .footer-links a{font-size:13px;color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--white)} .footer-bottom{border-top:1px solid var(--border);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:gap;gap:16px} .footer-copy{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--muted)} .footer-aff{font-size:11px;color:var(--muted);max-width:600px;line-height:1.6} /* ── RESPONSIVE ── */ @media(max-width:1100px){ .hero-inner{grid-template-columns:1fr} .hero-picks{display:grid;grid-template-columns:repeat(2,1fr)} .deals-grid{grid-template-columns:repeat(2,1fr)} .picks-grid{grid-template-columns:repeat(2,1fr)} .blog-grid{grid-template-columns:repeat(2,1fr)} .footer-top{grid-template-columns:1fr 1fr} } @media(max-width:768px){ .nav-links{display:none} .nav-search{display:none} .nav-hamburger{display:flex} .nav-inner{padding:0 20px} .hero{padding:90px 20px 50px} section{padding:60px 20px} .deals-grid{grid-template-columns:1fr} .picks-grid{grid-template-columns:1fr} .blog-grid{grid-template-columns:1fr} .pa-form{grid-template-columns:1fr} .footer-top{grid-template-columns:1fr} .tools-bar{padding:12px 20px} .aff-ribbon{padding:8px 20px} } @media(max-width:600px){ .hero-picks{grid-template-columns:1fr} .hero-stats{gap:20px} .gpu-tabs{flex-wrap:wrap} } /* ══════════════════════════════════════════════════════ REVIEWS PAGE — reviews.html ══════════════════════════════════════════════════════ */ :root{ --black:#080A0C;--deep:#0D1117;--panel:#111820;--border:#1E2A36; --muted:#7A94A8;--text:#D8E8F4;--white:#F2F8FF; --cyan:#00D4FF;--orange:#FF5B20;--green:#00FF88;--yellow:#FFD600;--purple:#A855F7; --amd:#ED1C24; } *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} body{background:var(--black);color:var(--text);font-family:'Barlow',sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden} nav{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(8,10,12,.97);border-bottom:1px solid var(--border);backdrop-filter:blur(20px);height:64px} .nav-inner{max-width:1400px;margin:0 auto;height:100%;display:flex;align-items:center;padding:0 32px;gap:24px} .nav-logo{font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:4px;color:var(--white);text-decoration:none;flex-shrink:0}.nav-logo span{color:var(--cyan)} .nav-links{display:flex;gap:4px;list-style:none;flex:1} .nav-links a{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--muted);text-decoration:none;letter-spacing:1.5px;text-transform:uppercase;padding:8px 12px;transition:color .2s;display:block}.nav-links a:hover,.nav-links a.active{color:var(--white)} .nav-cta{background:var(--cyan);color:var(--black);font-weight:700;font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:8px 18px;text-decoration:none;white-space:nowrap;flex-shrink:0;margin-left:auto}.nav-cta:hover{background:var(--white)} .nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;flex-shrink:0} .nav-hamburger span{width:22px;height:2px;background:var(--white);transition:all .3s} .nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)} .nav-hamburger.open span:nth-child(2){opacity:0} .nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} .mobile-drawer{position:fixed;top:64px;left:0;width:85%;max-width:320px;bottom:0;background:var(--deep);z-index:299;transform:translateX(-100%);transition:transform .3s ease;overflow-y:auto;border-right:1px solid var(--border)} .mobile-drawer.open{transform:translateX(0)} .drawer-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:298}.drawer-overlay.open{display:block} .md-links{list-style:none;padding:20px} .md-links a{display:block;font-size:15px;color:var(--text);text-decoration:none;padding:12px 0;border-bottom:1px solid var(--border)}.md-links a:hover{color:var(--cyan)} .ribbon{background:rgba(255,214,0,.07);border-bottom:1px solid rgba(255,214,0,.15);color:var(--muted);font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:1.5px;text-align:center;padding:7px 20px;margin-top:64px} .ribbon a{color:var(--yellow);text-decoration:none} .page-hero{padding:56px 32px 48px;max-width:1400px;margin:0 auto} .ph-label{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--cyan);letter-spacing:3px;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:12px} .ph-label::before{content:'';width:28px;height:1px;background:var(--cyan)} .page-hero h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(52px,7vw,96px);color:var(--white);letter-spacing:1px;line-height:.92;margin-bottom:16px} .page-hero h1 em{font-style:normal;color:var(--cyan)} .page-hero p{font-size:15px;color:var(--muted);max-width:560px;line-height:1.8} .filters{display:flex;gap:8px;padding:0 32px;max-width:1400px;margin:0 auto 40px;flex-wrap:wrap} .chip{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;padding:7px 16px;background:transparent;border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:all .2s} .chip:hover,.chip.active{border-color:var(--cyan);color:var(--cyan);background:rgba(0,212,255,.06)} .chip.amd-chip.active{border-color:var(--amd);color:#FF7A40;background:rgba(237,28,36,.06)} .reviews-wrap{max-width:1400px;margin:0 auto;padding:0 32px 80px;display:flex;flex-direction:column;gap:2px} .review-card{background:var(--panel);border:1px solid var(--border);display:none;overflow:hidden} .review-card.visible{display:block} .rc-hero{display:grid;grid-template-columns:420px 1fr;min-height:300px} .rc-img-wrap{position:relative;overflow:hidden;background:#0a0f15;min-height:260px} .rc-img-wrap img{width:100%;height:100%;object-fit:contain;object-position:center;padding:20px;transition:transform .6s ease;display:block;background:#0d1117} .review-card:hover .rc-img-wrap img{transform:scale(1.04)} .rc-img-overlay{position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,var(--panel) 100%);pointer-events:none} .rc-img-badges{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:6px} .badge{font-family:'JetBrains Mono',monospace;font-size:8px;font-weight:700;letter-spacing:1.5px;padding:5px 12px;text-transform:uppercase;display:inline-block} .badge-gold{background:var(--cyan);color:var(--black)} .badge-silver{background:var(--purple);color:var(--white)} .badge-value{background:var(--green);color:var(--black)} .badge-amd{background:var(--amd);color:var(--white)} .badge-thin{background:var(--orange);color:var(--white)} .badge-budget{background:var(--yellow);color:var(--black)} .rc-info{padding:28px 32px;display:flex;flex-direction:column;justify-content:space-between} .rc-brand{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--muted);letter-spacing:3px;text-transform:uppercase;margin-bottom:6px} .rc-name{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,3vw,44px);color:var(--white);letter-spacing:.5px;line-height:1;margin-bottom:8px} .rc-sub{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--muted);margin-bottom:20px;line-height:1.6} .rc-score-row{display:flex;align-items:flex-end;gap:20px;margin-bottom:20px;flex-wrap:wrap} .rc-score-big{font-family:'Bebas Neue',sans-serif;font-size:76px;line-height:1;color:var(--white)} .rc-score-big span{color:var(--cyan)} .rc-score-label{font-family:'JetBrains Mono',monospace;font-size:8px;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px} .rc-subscores{display:grid;grid-template-columns:repeat(3,1fr);gap:6px} .ss{background:var(--deep);border:1px solid var(--border);padding:8px 10px;text-align:center} .ss-label{font-family:'JetBrains Mono',monospace;font-size:7px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:3px} .ss-val{font-family:'Bebas Neue',sans-serif;font-size:20px;line-height:1} .ss-val.g{color:var(--green)}.ss-val.m{color:var(--yellow)}.ss-val.b{color:var(--orange)} .rc-price{font-family:'Bebas Neue',sans-serif;font-size:28px;color:var(--green)} .rc-body{padding:28px 32px;border-top:1px solid var(--border)} .rc-specs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px} .spec{font-family:'JetBrains Mono',monospace;font-size:9px;padding:4px 10px;background:var(--deep);border:1px solid var(--border);color:var(--text)} .spec.nv{border-color:rgba(0,212,255,.3);color:var(--cyan)} .spec.amd{border-color:rgba(237,28,36,.3);color:#FF7A40} .rc-summary{font-size:14px;color:var(--text);line-height:1.9;margin-bottom:24px} .bench-wrap{margin-bottom:24px;overflow-x:auto} .bench-label{font-family:'JetBrains Mono',monospace;font-size:8px;color:var(--cyan);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:10px} .bench-label.amd-label{color:#FF7A40} table.bench{width:100%;border-collapse:collapse;font-size:12px} .bench th{font-family:'JetBrains Mono',monospace;font-size:8px;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;padding:8px 12px;background:var(--deep);border-bottom:1px solid var(--border);text-align:left} .bench td{padding:8px 12px;border-bottom:1px solid rgba(30,42,54,.4);vertical-align:middle} .bench tr:hover td{background:rgba(0,212,255,.02)} .fps-cell{display:flex;align-items:center;gap:8px} .fps-bar{flex:1;max-width:100px;height:5px;background:var(--border);overflow:hidden} .fps-fill{height:100%;background:var(--cyan);width:0;transition:width 1s ease} .fps-fill.af{background:var(--amd)} .fps-num{font-family:'JetBrains Mono',monospace;font-size:11px;min-width:36px;font-weight:600} .fps-num.g{color:var(--green)}.fps-num.m{color:var(--yellow)}.fps-num.b{color:var(--orange)} .pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px} .pc-box{background:var(--deep);border:1px solid var(--border);padding:16px} .pc-box.pro{border-top:2px solid var(--green)}.pc-box.con{border-top:2px solid var(--orange)} .pc-title{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px} .pc-title.p{color:var(--green)}.pc-title.c{color:var(--orange)} .pc-list{list-style:none;display:flex;flex-direction:column;gap:7px} .pc-list li{font-size:13px;color:var(--text);display:flex;gap:8px;line-height:1.5} .pc-list li::before{flex-shrink:0;margin-top:1px;font-size:11px} .pc-box.pro .pc-list li::before{content:'✓';color:var(--green)} .pc-box.con .pc-list li::before{content:'✗';color:var(--orange)} .verdict{background:linear-gradient(135deg,rgba(0,212,255,.05),rgba(0,212,255,.01));border:1px solid rgba(0,212,255,.15);border-left:3px solid var(--cyan);padding:20px;margin-bottom:20px} .verdict.amd-v{background:linear-gradient(135deg,rgba(237,28,36,.05),rgba(237,28,36,.01));border-color:rgba(237,28,36,.15);border-left-color:var(--amd)} .v-label{font-family:'JetBrains Mono',monospace;font-size:8px;color:var(--cyan);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:8px} .v-label.al{color:#FF7A40} .v-text{font-size:14px;color:var(--text);line-height:1.85} .cta-row{display:flex;gap:10px;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--border)} .btn-buy{background:var(--orange);color:var(--white);font-family:'Barlow',sans-serif;font-weight:700;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;padding:12px 24px;text-decoration:none;transition:filter .2s;display:inline-block}.btn-buy:hover{filter:brightness(1.15)} .btn-buy.am{background:var(--amd)} .btn-ghost{background:transparent;color:var(--cyan);font-family:'Barlow',sans-serif;font-weight:600;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:12px 24px;text-decoration:none;border:1px solid rgba(0,212,255,.3);transition:all .2s;display:inline-block}.btn-ghost:hover{background:rgba(0,212,255,.07);border-color:var(--cyan)} .comp-section{background:var(--deep);border-top:1px solid var(--border);padding:64px 32px} .comp-inner{max-width:1400px;margin:0 auto} .comp-label{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--cyan);letter-spacing:3px;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:12px} .comp-label::before{content:'';width:28px;height:1px;background:var(--cyan)} .comp-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(32px,4vw,56px);color:var(--white);letter-spacing:1px;margin-bottom:6px} .comp-sub{font-size:13px;color:var(--muted);margin-bottom:32px} .comp-wrap{overflow-x:auto} table.comp{width:100%;border-collapse:collapse} .comp th{font-family:'JetBrains Mono',monospace;font-size:8px;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;padding:12px 16px;background:var(--panel);border-bottom:2px solid var(--border);text-align:left;white-space:nowrap} .comp td{padding:14px 16px;border-bottom:1px solid rgba(30,42,54,.4);font-size:13px;vertical-align:middle} .comp tr:hover td{background:rgba(0,212,255,.02)} .comp tr.top td:first-child{border-left:2px solid var(--cyan)} .comp tr.top{background:rgba(0,212,255,.03)} .laptop-name{font-family:'Bebas Neue',sans-serif;font-size:18px;color:var(--white);display:block;line-height:1.2} .laptop-brand{font-family:'JetBrains Mono',monospace;font-size:8px;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase} .gpu-tag{font-family:'JetBrains Mono',monospace;font-size:9px;padding:3px 8px;display:inline-block} .nv-tag{background:rgba(0,212,255,.1);color:var(--cyan);border:1px solid rgba(0,212,255,.2)} .am-tag{background:rgba(237,28,36,.1);color:#FF7A40;border:1px solid rgba(237,28,36,.2)} .cs{font-family:'Bebas Neue',sans-serif;font-size:22px} .cs.top{color:var(--cyan)}.cs.great{color:var(--green)}.cs.good{color:var(--yellow)} .c-price{font-family:'Bebas Neue',sans-serif;font-size:20px;color:var(--white)} footer{background:var(--deep);border-top:1px solid var(--border);padding:40px 32px 32px} .footer-inner{max-width:1400px;margin:0 auto} .footer-disc{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--muted);line-height:1.9;padding:16px;background:rgba(255,214,0,.04);border:1px solid rgba(255,214,0,.1);margin-bottom:20px} .footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid var(--border);padding-top:20px;font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--muted)} .footer-bottom a{color:var(--cyan);text-decoration:none} @media(max-width:900px){ .nav-links{display:none}.nav-hamburger{display:flex} .rc-hero{grid-template-columns:1fr} .rc-img-wrap{height:240px} .rc-img-overlay{display:none} .pros-cons{grid-template-columns:1fr} .reviews-wrap,.filters,.page-hero{padding-left:20px;padding-right:20px} .comp-section{padding:40px 20px} } @media(max-width:600px){ .cta-row{flex-direction:column}.cta-row a{text-align:center} .rc-score-big{font-size:58px} } /* ══════════════════════════════════════════════════════ GUIDE PAGES — all guide-*.html ══════════════════════════════════════════════════════ */ :root{--black:#080A0C;--deep:#0B0E12;--panel:#0F1419;--border:#1E2A36;--muted:#7A94A8;--text:#D8E8F4;--white:#F0F8FF;--cyan:#00D4FF;--orange:#FF4500;--green:#00FF88;--yellow:#FFD600;--purple:#A855F7;--amd:#FF6B35} *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth;overflow-x:hidden} body{background:var(--black);color:var(--text);font-family:'Barlow',sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden;max-width:100vw} nav{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(8,10,12,.97);border-bottom:1px solid var(--border);backdrop-filter:blur(20px);height:64px;display:flex;align-items:center;padding:0 48px;justify-content:space-between} .nav-logo{font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:3px;color:var(--white);text-decoration:none}.nav-logo span{color:var(--cyan)} .nav-links{display:flex;gap:24px;list-style:none}.nav-links a{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--muted);text-decoration:none;letter-spacing:1.5px;text-transform:uppercase;transition:color .2s}.nav-links a:hover{color:var(--cyan)} .nav-cta{background:var(--amd);color:var(--white);font-family:'Barlow',sans-serif;font-weight:700;font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:8px 18px;text-decoration:none}.nav-cta:hover{background:var(--white);color:var(--black)} .article-wrap{max-width:780px;margin:0 auto;padding:100px 24px 80px;overflow-x:hidden;word-break:break-word} .article-cat{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--amd);letter-spacing:3px;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:12px}.article-cat::before{content:'';width:32px;height:1px;background:var(--amd)} .article-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(38px,7vw,68px);color:var(--white);letter-spacing:1px;line-height:1.05;margin-bottom:20px} .article-subtitle{font-size:18px;color:var(--muted);line-height:1.7;margin-bottom:28px} .article-meta{display:flex;gap:20px;flex-wrap:wrap;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--border);margin-bottom:40px} .meta-author{display:flex;align-items:center;gap:10px} .meta-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--amd),var(--yellow));display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:14px;color:var(--black);flex-shrink:0} .meta-name{font-weight:600;font-size:14px;color:var(--white)}.meta-role{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--muted)} .meta-item{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--muted)} .meta-updated{background:rgba(255,107,53,.1);border:1px solid rgba(255,107,53,.3);color:var(--amd);font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:1px;padding:4px 10px} .quick-picks{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--amd);padding:24px;margin-bottom:40px} .qp-title{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--amd);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:16px} .qp-list{list-style:none;display:flex;flex-direction:column;gap:10px} .qp-list li{display:flex;align-items:baseline;gap:12px;font-size:14px;flex-wrap:wrap} .qp-rank{font-family:'Bebas Neue',sans-serif;font-size:22px;color:var(--amd);min-width:28px;flex-shrink:0} .qp-laptop{font-weight:600;color:var(--white)}.qp-reason{color:var(--muted);font-size:13px} /* GPU LINEUP */ .gpu-lineup{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin:28px 0;background:var(--border)} .gpu-tier{background:var(--panel);padding:18px;text-align:center} .gpu-tier.flagship{background:rgba(255,107,53,.06);border-top:2px solid var(--amd)} .gpu-name{font-family:'Bebas Neue',sans-serif;font-size:22px;color:var(--amd);letter-spacing:.5px;margin-bottom:4px} .gpu-vram{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--muted);letter-spacing:1px;margin-bottom:10px} .gpu-stat{font-size:12px;color:var(--text);margin-bottom:3px} .gpu-stat strong{color:var(--white)} /* PICK CARDS */ .pick-card{background:var(--panel);border:1px solid var(--border);margin:32px 0;overflow:hidden} .pick-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px} .pick-badge{font-family:'JetBrains Mono',monospace;font-size:9px;padding:4px 10px;letter-spacing:2px;text-transform:uppercase;display:inline-block;margin-bottom:8px;background:var(--amd);color:var(--white)} .pick-name{font-family:'Bebas Neue',sans-serif;font-size:26px;color:var(--white);letter-spacing:.5px;margin-bottom:4px} .pick-sub{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--muted);letter-spacing:.5px} .pick-score{font-family:'Bebas Neue',sans-serif;font-size:52px;color:var(--white);line-height:1;text-align:right} .pick-score-label{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--muted);letter-spacing:1px;text-align:right} .pick-body{padding:20px 24px} .pick-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-bottom:18px} .ps{background:var(--deep);padding:10px 12px;text-align:center} .ps-label{font-family:'JetBrains Mono',monospace;font-size:8px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:4px} .ps-val{font-size:14px;font-weight:600;color:var(--text)} .pick-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px} .pros-col,.cons-col{background:var(--deep);padding:14px 16px} .pc-label{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px} .pros-col .pc-label{color:var(--green)}.cons-col .pc-label{color:var(--orange)} .pc-list{list-style:none;display:flex;flex-direction:column;gap:6px} .pc-list li{font-size:13px;line-height:1.5;display:flex;gap:8px;align-items:flex-start} .pc-list li::before{flex-shrink:0;margin-top:2px} .pros-col li::before{content:'✓';color:var(--green);font-weight:700}.cons-col li::before{content:'✗';color:var(--orange)} .pick-verdict{border-left:3px solid var(--amd);padding:14px 18px;font-size:14px;line-height:1.8;margin-bottom:18px;background:rgba(255,107,53,.04)} .pick-verdict strong{color:var(--amd)} .pick-cta-row{display:flex;gap:10px;flex-wrap:wrap} .btn-buy{background:var(--amd);color:var(--white);font-family:'Barlow',sans-serif;font-weight:700;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:12px 20px;text-decoration:none;transition:all .2s;white-space:nowrap;border-bottom:none}.btn-buy:hover{background:var(--white);color:var(--black)} .btn-sec{background:transparent;border:1px solid var(--border);color:var(--text);font-family:'Barlow',sans-serif;font-weight:600;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:12px 20px;text-decoration:none;transition:all .2s;white-space:nowrap}.btn-sec:hover{border-color:var(--amd);color:var(--amd);border-bottom:1px solid var(--amd)} .aff-note{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--muted);margin-top:8px} .callout{padding:18px 22px;margin:24px 0;border-left:3px solid;line-height:1.8;font-size:14px} .callout-amd{background:rgba(255,107,53,.04);border-color:var(--amd)} .callout-warn{background:rgba(255,214,0,.04);border-color:var(--yellow)} .callout-tip{background:rgba(0,255,136,.04);border-color:var(--green)} .callout strong{color:var(--white)}.callout-label{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;display:block} .callout-amd .callout-label{color:var(--amd)}.callout-warn .callout-label{color:var(--yellow)}.callout-tip .callout-label{color:var(--green)} .bench-wrap{overflow-x:auto;margin:24px 0} .bench-table{width:100%;border-collapse:collapse;font-size:13px} .bench-table th{font-family:'JetBrains Mono',monospace;font-size:8px;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;padding:9px 12px;background:var(--deep);border-bottom:2px solid var(--border);text-align:right;white-space:nowrap} .bench-table th:first-child{text-align:left} .bench-table td{padding:9px 12px;border-bottom:1px solid rgba(30,42,54,.5);text-align:right;font-family:'JetBrains Mono',monospace;font-size:11px} .bench-table td:first-child{text-align:left;font-family:'Barlow',sans-serif;font-size:13px;font-weight:600;color:var(--white)} .bench-table tr:hover{background:rgba(255,107,53,.02)} .amd-val{color:var(--amd)}.nv-val{color:var(--cyan)}.good{color:var(--green)}.mid{color:var(--yellow)} .article-body h2{font-family:'Bebas Neue',sans-serif;font-size:34px;color:var(--white);letter-spacing:.5px;margin:48px 0 16px;padding-top:8px;border-top:1px solid var(--border)} .article-body h3{font-size:18px;font-weight:700;color:var(--white);margin:28px 0 12px} .article-body p{margin-bottom:20px;color:var(--text);line-height:1.85;overflow-wrap:break-word} .article-body ul{padding-left:20px;margin-bottom:20px}.article-body li{margin-bottom:8px;line-height:1.7} .article-body strong{color:var(--white)} .article-body a{color:var(--amd);text-decoration:none;border-bottom:1px solid rgba(255,107,53,.3)}.article-body a:hover{border-color:var(--amd)} .ad-inline{background:var(--panel);border:1px solid var(--border);height:90px;display:flex;align-items:center;justify-content:center;margin:32px 0;color:var(--border);font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px} .back-link{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--muted);text-decoration:none;letter-spacing:1px;text-transform:uppercase;margin-bottom:24px;transition:color .2s;border-bottom:none}.back-link:hover{color:var(--amd)} .article-footer{background:var(--deep);border-top:1px solid var(--border);padding:32px 24px;text-align:center;margin-top:60px} .article-footer p{font-size:12px;color:var(--muted);line-height:1.8}.article-footer a{color:var(--amd);text-decoration:none} @media(max-width:768px){.nav-links{display:none}nav{padding:0 20px}} @media(max-width:600px){.article-wrap{padding:90px 16px 60px}.pick-specs{grid-template-columns:1fr 1fr}.pick-pros-cons{grid-template-columns:1fr}.gpu-lineup{grid-template-columns:1fr}} \n:root{\n --black:#080A0C;--deep:#0B0E12;--panel:#0F1419;--border:#1E2A36;--muted:#7A94A8;\n --text:#D8E8F4;--white:#F0F8FF;--cyan:#00D4FF;--orange:#FF4500;--green:#00FF88;\n --yellow:#FFD600;--purple:#A855F7;\n}\n*{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:var(--black);color:var(--text);font-family:'Barlow',sans-serif;font-size:16px;line-height:1.7}\n\n/* NAV */\nnav{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(8,10,12,.97);border-bottom:1px solid var(--border);backdrop-filter:blur(20px);height:64px;display:flex;align-items:center;padding:0 48px;justify-content:space-between}\n.nav-logo{font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:3px;color:var(--white);text-decoration:none}\n.nav-logo span{color:var(--cyan)}\n.nav-links{display:flex;gap:24px;list-style:none}\n.nav-links a{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--muted);text-decoration:none;letter-spacing:1.5px;text-transform:uppercase;transition:color .2s}\n.nav-links a:hover{color:var(--cyan)}\n.nav-cta{background:var(--cyan);color:var(--black);font-family:'Barlow',sans-serif;font-weight:700;font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:8px 18px;text-decoration:none;transition:background .2s}\n.nav-cta:hover{background:var(--white)}\n@media(max-width:768px){.nav-links{display:none}nav{padding:0 20px}}\n\n/* ARTICLE LAYOUT */\n.article-wrap{max-width:780px;margin:0 auto;padding:100px 24px 80px}\n\n/* HERO */\n.article-cat{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--cyan);letter-spacing:3px;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:12px}\n.article-cat::before{content:'';width:32px;height:1px;background:var(--cyan)}\n.article-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(40px,7vw,72px);color:var(--white);letter-spacing:1px;line-height:1.05;margin-bottom:20px}\n.article-subtitle{font-size:18px;color:var(--muted);line-height:1.7;margin-bottom:28px;max-width:640px}\n.article-meta{display:flex;gap:24px;flex-wrap:wrap;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--border);margin-bottom:40px}\n.meta-author{display:flex;align-items:center;gap:10px}\n.meta-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--purple));display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:14px;color:var(--black);flex-shrink:0}\n.meta-name{font-weight:600;font-size:14px;color:var(--white)}\n.meta-role{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--muted);letter-spacing:.5px}\n.meta-item{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--muted);letter-spacing:.5px}\n.meta-updated{background:rgba(0,255,136,.08);border:1px solid rgba(0,255,136,.2);color:var(--green);font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:1px;padding:4px 10px}\n\n/* QUICK PICKS */\n.quick-picks{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--cyan);padding:24px;margin-bottom:48px}\n.qp-title{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--cyan);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:16px}\n.qp-list{list-style:none;display:flex;flex-direction:column;gap:10px}\n.qp-list li{display:flex;align-items:baseline;gap:12px;font-size:14px}\n.qp-rank{font-family:'Bebas Neue',sans-serif;font-size:22px;color:var(--border);min-width:28px}\n.qp-laptop{font-weight:600;color:var(--white)}\n.qp-reason{color:var(--muted);font-size:13px}\n.qp-list li:nth-child(1) .qp-rank{color:var(--yellow)}\n.qp-list li:nth-child(2) .qp-rank{color:var(--muted)}\n.qp-list li:nth-child(3) .qp-rank{color:var(--orange)}\n\n/* ARTICLE BODY */\n.article-body h2{font-family:'Bebas Neue',sans-serif;font-size:36px;color:var(--white);letter-spacing:.5px;margin:48px 0 16px;padding-top:8px;border-top:1px solid var(--border)}\n.article-body h3{font-size:18px;font-weight:700;color:var(--white);margin:28px 0 12px}\n.article-body p{margin-bottom:20px;color:var(--text);line-height:1.85}\n.article-body ul,.article-body ol{padding-left:20px;margin-bottom:20px}\n.article-body li{margin-bottom:8px;line-height:1.7}\n.article-body strong{color:var(--white)}\n.article-body a{color:var(--cyan);text-decoration:none;border-bottom:1px solid rgba(0,212,255,.3);transition:border-color .2s}\n.article-body a:hover{border-color:var(--cyan)}\n\n/* LAPTOP PICK CARDS */\n.pick-card{background:var(--panel);border:1px solid var(--border);margin:32px 0;overflow:hidden}\n.pick-card-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px}\n.pick-rank-badge{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--black);background:var(--cyan);padding:4px 10px;letter-spacing:2px;text-transform:uppercase}\n.pick-rank-badge.best-overall{background:var(--yellow);color:var(--black)}\n.pick-rank-badge.best-value{background:var(--green);color:var(--black)}\n.pick-rank-badge.best-amd{background:var(--orange);color:var(--white)}\n.pick-rank-badge.premium{background:var(--purple);color:var(--white)}\n.pick-rank-badge.budget{background:var(--muted);color:var(--black)}\n.pick-name{font-family:'Bebas Neue',sans-serif;font-size:26px;color:var(--white);letter-spacing:.5px;margin-top:6px}\n.pick-gpu{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--muted);letter-spacing:1px;margin-top:2px}\n.pick-score-wrap{text-align:right}\n.pick-score{font-family:'Bebas Neue',sans-serif;font-size:48px;color:var(--white);line-height:1}\n.pick-score-label{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--muted);letter-spacing:1px}\n.pick-body{padding:20px 24px}\n.pick-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-bottom:18px}\n.pick-spec{background:var(--deep);padding:10px 12px;text-align:center}\n.pick-spec-label{font-family:'JetBrains Mono',monospace;font-size:8px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}\n.pick-spec-val{font-size:14px;font-weight:600;color:var(--text)}\n.pick-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}\n.pros-col,.cons-col{background:var(--deep);padding:14px 16px}\n.pros-cons-label{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px}\n.pros-col .pros-cons-label{color:var(--green)}\n.cons-col .pros-cons-label{color:var(--orange)}\n.pros-cons-list{list-style:none;display:flex;flex-direction:column;gap:6px}\n.pros-cons-list li{font-size:13px;line-height:1.5;display:flex;gap:8px;align-items:flex-start}\n.pros-cons-list li::before{flex-shrink:0;margin-top:2px}\n.pros-col li::before{content:'\u2713';color:var(--green);font-weight:700}\n.cons-col li::before{content:'\u2717';color:var(--orange)}\n.pick-verdict{background:rgba(0,212,255,.04);border-left:3px solid var(--cyan);padding:14px 18px;font-size:14px;line-height:1.8;margin-bottom:18px}\n.pick-verdict strong{color:var(--cyan)}\n.pick-cta-row{display:flex;gap:10px;flex-wrap:wrap}\n.btn-buy{background:var(--cyan);color:var(--black);font-family:'Barlow',sans-serif;font-weight:700;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:12px 20px;text-decoration:none;transition:all .2s;white-space:nowrap}\n.btn-buy:hover{background:var(--white);border-bottom:none}\n.btn-review{background:transparent;border:1px solid var(--border);color:var(--text);font-family:'Barlow',sans-serif;font-weight:600;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:12px 20px;text-decoration:none;transition:all .2s;white-space:nowrap}\n.btn-review:hover{border-color:var(--cyan);color:var(--cyan);border-bottom:1px solid var(--cyan)}\n.affiliate-note{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--muted);letter-spacing:.3px;margin-top:8px}\n@media(max-width:600px){.pick-specs{grid-template-columns:1fr 1fr}.pick-pros-cons{grid-template-columns:1fr}}\n\n/* BENCHMARK TABLE */\n.bench-table-wrap{overflow-x:auto;margin:24px 0}\n.bench-table{width:100%;border-collapse:collapse;font-size:13px}\n.bench-table th{font-family:'JetBrains Mono',monospace;font-size:8px;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;padding:9px 12px;background:var(--deep);border-bottom:2px solid var(--border);text-align:right}\n.bench-table th:first-child{text-align:left}\n.bench-table td{padding:9px 12px;border-bottom:1px solid rgba(30,42,54,.5);text-align:right;font-family:'JetBrains Mono',monospace;font-size:11px}\n.bench-table td:first-child{text-align:left;font-family:'Barlow',sans-serif;font-size:13px;font-weight:600;color:var(--white)}\n.bench-table tr:hover{background:rgba(0,212,255,.03)}\n.fps-good{color:var(--green)}\n.fps-ok{color:var(--yellow)}\n.fps-low{color:var(--orange)}\n.bench-note{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--muted);letter-spacing:.3px;margin-top:8px;line-height:1.7}\n\n/* CALLOUT BOXES */\n.callout{padding:18px 22px;margin:24px 0;border-left:3px solid;line-height:1.8;font-size:14px}\n.callout-info{background:rgba(0,212,255,.04);border-color:var(--cyan);color:var(--text)}\n.callout-warn{background:rgba(255,214,0,.04);border-color:var(--yellow);color:var(--text)}\n.callout-tip{background:rgba(0,255,136,.04);border-color:var(--green);color:var(--text)}\n.callout strong{color:var(--white)}\n.callout-label{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;display:block}\n.callout-info .callout-label{color:var(--cyan)}\n.callout-warn .callout-label{color:var(--yellow)}\n.callout-tip .callout-label{color:var(--green)}\n\n/* TOC */\n.toc{background:var(--panel);border:1px solid var(--border);padding:22px;margin-bottom:40px}\n.toc-title{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--muted);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:14px}\n.toc-list{list-style:none;counter-reset:toc-counter;display:flex;flex-direction:column;gap:8px}\n.toc-list li{counter-increment:toc-counter;display:flex;gap:12px;align-items:baseline}\n.toc-list li::before{content:counter(toc-counter,decimal-leading-zero);font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--muted);min-width:24px}\n.toc-list a{font-size:14px;color:var(--text);text-decoration:none;border-bottom:none;transition:color .2s}\n.toc-list a:hover{color:var(--cyan)}\n\n/* AD SLOT */\n.ad-inline{background:var(--panel);border:1px solid var(--border);height:90px;display:flex;align-items:center;justify-content:center;margin:32px 0;color:var(--border);font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px}\n\n/* FOOTER */\n.article-footer{background:var(--deep);border-top:1px solid var(--border);padding:32px 24px;text-align:center;margin-top:60px}\n.article-footer p{font-size:12px;color:var(--muted);line-height:1.8}\n.article-footer a{color:var(--cyan);text-decoration:none}\n.back-link{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--muted);text-decoration:none;letter-spacing:1px;text-transform:uppercase;margin-bottom:24px;transition:color .2s;border-bottom:none}\n.back-link:hover{color:var(--cyan)}\n