:root{--bg:#04111d;--panel:#091f31;--line:#1b435b;--text:#edf7fb;--muted:#9db4c1;--teal:#58dfc0;--cyan:#63d9f2;--blue:#6aa9ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 86% -8%,rgba(72,204,207,.10),transparent 28%),radial-gradient(circle at 8% 2%,rgba(80,139,255,.08),transparent 25%),linear-gradient(180deg,#04111d,#071a2a 48%,#04111d);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.62}a{color:inherit}.wrap{width:min(1180px,calc(100% - 34px));margin:auto}.sitehead{position:sticky;top:0;z-index:10;background:rgba(4,17,29,.90);backdrop-filter:blur(18px);border-bottom:1px solid rgba(120,169,193,.16)}.headin{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;font-size:25px}.logo img{width:42px;height:42px;object-fit:cover;border-radius:13px;box-shadow:0 7px 18px rgba(0,10,20,.22)}.logo span{color:var(--teal)}nav{display:flex;gap:6px;flex-wrap:wrap}nav a{font-size:14px;font-weight:720;color:#c7d8e1;text-decoration:none;padding:10px 11px;border-radius:10px;transition:.17s ease}nav a:hover{background:rgba(255,255,255,.045);color:#fff}.crumb{font-size:13px;color:#8fa8b6;padding:22px 0 0}.crumb a{color:#82ddca;text-decoration:none}.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:18px;padding:25px 0 18px}.hero>.panel{min-width:0;overflow:hidden}.card{background:linear-gradient(145deg,rgba(10,34,52,.97),rgba(8,27,43,.94));border:1px solid rgba(90,159,188,.25);border-radius:22px;box-shadow:0 18px 42px rgba(0,11,22,.18)}.heroCopy,.panel{padding:24px}.heroCopy{position:relative;overflow:hidden}.heroCopy:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-120px;top:-130px;background:linear-gradient(135deg,rgba(74,151,255,.12),rgba(84,229,191,.10));pointer-events:none}.eyebrow{display:inline-flex;align-items:center;width:max-content;max-width:100%;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:850;color:#83e8da;padding:7px 10px;border-radius:999px;border:1px solid rgba(101,207,207,.18);background:rgba(255,255,255,.035)}h1{font-size:clamp(37px,5vw,62px);line-height:1.03;letter-spacing:-.04em;margin:11px 0 13px}h2{font-size:27px;letter-spacing:-.025em;margin:0 0 8px}h3{font-size:18px;margin:0 0 7px}.lead{font-size:18px;color:#c4d6df}.muted{color:var(--muted)}.heroCopy .muted{font-size:12.5px;line-height:1.55;max-width:760px}.cta{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;text-decoration:none;border:1px solid #32647c;background:#0d3044;padding:10px 14px;border-radius:12px;font-weight:720;font-size:13.5px;transition:.17s ease}.btn.primary{background:linear-gradient(115deg,#67a7ff,#59d7ec 49%,#77e9b6);border-color:transparent;color:#052031;box-shadow:0 12px 26px rgba(56,178,213,.18)}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(0,12,24,.18)}.section{padding:20px 0}.section>.eyebrow+h2{margin-top:8px}.ranklist{display:grid;gap:10px}.rankcard{position:relative;display:grid;grid-template-columns:48px 122px minmax(0,1fr) auto;gap:15px;align-items:center;padding:14px 16px;border:1px solid rgba(87,155,184,.22);border-radius:18px;background:linear-gradient(135deg,rgba(8,30,46,.97),rgba(7,26,40,.94));text-decoration:none;overflow:hidden;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease,background .17s ease}.rankcard:hover{transform:translateY(-2px);border-color:rgba(100,214,207,.38);background:linear-gradient(135deg,rgba(10,38,57,.98),rgba(7,31,45,.96));box-shadow:0 16px 32px rgba(0,12,23,.20)}.rankcard.pc-awarded{border-color:rgba(91,222,192,.34);background:radial-gradient(circle at 90% 10%,rgba(72,218,187,.075),transparent 22%),linear-gradient(135deg,rgba(9,37,54,.98),rgba(7,29,42,.96))}.rankcard.pc-awarded:before{content:"CURRENT #1";position:absolute;right:13px;top:0;padding:4px 8px;border-radius:0 0 9px 9px;background:rgba(70,209,176,.13);border:1px solid rgba(91,222,192,.18);border-top:0;color:#8bedda;font-size:8px;font-weight:850;letter-spacing:.11em}.ranknum{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:18px;font-weight:900;color:#79e4cb;border:1px solid rgba(87,202,191,.20);background:rgba(67,186,173,.08)}.rankimg{width:122px;height:78px;display:grid;place-items:center;border-radius:13px;background:radial-gradient(circle at center,rgba(88,165,205,.10),transparent 68%);overflow:visible}.rankimg img{max-width:100%;max-height:76px;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(0,0,0,.26))}.rankfallback{width:100%;height:100%;display:grid;place-items:center;border-radius:12px;border:1px dashed rgba(89,153,180,.18);color:#42657b;font-size:12px;font-weight:850;letter-spacing:.12em}.rankcard h3{margin:2px 0 4px;font-size:18px;letter-spacing:-.015em}.rankmeta{font-size:13px;color:#95aebb;line-height:1.48;max-width:720px}.badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:5px}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;border:1px solid rgba(67,152,180,.32);background:rgba(41,124,151,.12);color:#8fe2d0;font-size:10.5px;font-weight:760}.price{text-align:right;font-size:18px;font-weight:850;white-space:nowrap}.price small{display:block;font-size:9.5px;color:#7895a6;font-weight:650;text-transform:uppercase;letter-spacing:.05em}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.watch{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.watch .card{padding:16px;transition:.17s ease}.watch .card:hover{transform:translateY(-2px);border-color:rgba(101,207,204,.32);box-shadow:0 14px 30px rgba(0,12,23,.16)}.watch p{font-size:13px;color:#9db4c1}.lightbox{background:linear-gradient(135deg,#f5fafc,#eaf5f8);color:#15364e;border-color:rgba(125,183,202,.26)}.lightbox .muted{color:#607e90}.pc-award-hero-panel{position:relative;overflow:hidden;padding-bottom:22px!important;min-width:0}.pc-award-hero-panel:before{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-95px;top:-105px;background:linear-gradient(135deg,rgba(74,156,255,.15),rgba(83,231,194,.13))}.pc-award-hero-panel>*{position:relative;z-index:2}.guideHeroProduct{width:100%;max-width:100%;height:138px;min-width:0;display:grid;place-items:center;overflow:hidden;margin:0 0 12px;border-radius:15px;background:radial-gradient(circle at center,rgba(91,176,210,.12),transparent 68%)}.guideHeroProduct img{display:block;width:auto;height:auto;max-width:280px;max-height:126px;object-fit:contain;border-radius:8px;filter:drop-shadow(0 14px 13px rgba(0,0,0,.28))}footer{margin-top:30px;padding:24px 0 36px;border-top:1px solid #15364a;color:#829daa;font-size:13px}.mini{font-size:12px}@media(max-width:850px){.hero,.grid2{grid-template-columns:1fr}.watch{grid-template-columns:1fr 1fr}.rankcard{grid-template-columns:40px 90px minmax(0,1fr)}.rankimg{width:90px}.rankcard .price{grid-column:3;text-align:left;display:flex;align-items:baseline;gap:7px}.rankcard .price small{display:inline}.guideHeroProduct{height:122px}.guideHeroProduct img{max-width:240px;max-height:112px}}@media(max-width:560px){.wrap{width:min(100% - 22px,1180px)}.sitehead{position:relative}.headin{display:block;padding:12px 0}.headin nav{margin-top:8px}.hero{padding-top:16px}.heroCopy,.panel{padding:18px}.eyebrow{font-size:9px;padding:6px 8px}.lead{font-size:15px}.rankcard{grid-template-columns:36px minmax(0,1fr);gap:9px;padding:12px}.rankimg{display:none}.rankcard .price{grid-column:2;text-align:left}.rankcard.pc-awarded:before{display:none}.watch{grid-template-columns:1fr}.guideHeroProduct{height:102px}.guideHeroProduct img{max-width:210px;max-height:94px}}