/* Performance and tier-specific case imagery, in Helix's existing blue palette. */
.performance-section{margin-top:28px;padding:28px;border:1px solid #253b4c;background:linear-gradient(145deg,#101a25,#0b1119);scroll-margin-top:110px}
.performance-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}
.performance-heading h2{font-size:43px;margin-top:10px;letter-spacing:0}
.performance-heading h2>span{color:var(--blue)}
.performance-heading .eyebrow{font-size:8px;letter-spacing:1.7px}
.performance-badge{font-size:7px;letter-spacing:1.1px;color:#93b5cb;border:1px solid #2b485b;padding:8px 10px;line-height:1.5;text-align:center}
.performance-intro{color:#b3c2cd;font-size:12px;margin-top:14px}
.performance-config{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:10px;color:#8da8bb;margin-top:17px}
.performance-config strong{color:#d6efff;font-weight:600}
.performance-config>span:last-child{border-left:1px solid #345064;padding-left:10px}
.resolution-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:5px;gap:5px;background:#090f17;border:1px solid #2a3e50;border-radius:10px;margin-top:23px}
.resolution-tabs button{min-height:56px;border:1px solid transparent;border-radius:6px;font-size:13px;font-weight:700;color:#a9bdcc;transition:background .15s,border-color .15s}
.resolution-tabs button small{display:block;font-size:8px;font-weight:400;letter-spacing:.5px;color:#7f9aaf;margin-top:5px}
.resolution-tabs button[aria-selected=true]{color:#5bd1ff;border-color:#2885b0;background:#092333;box-shadow:inset 0 0 18px #0088bb12}
.resolution-tabs button:hover{background:#102330}
.performance-settings{font-size:9px;color:#8ca4b8;margin:16px 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.performance-settings i{display:inline-block;width:3px;height:3px;background:#3c718f;border-radius:50%}
.fps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fps-card{position:relative;overflow:hidden;min-width:0;background:linear-gradient(150deg,#17222f,#0e1721);border:1px solid #263746;border-radius:15px;text-align:center;padding:23px 10px 22px}
.game-genre{font-size:7px;letter-spacing:1.1px;color:#6fa3c1}
.fps-card h3{font-size:11px;font-weight:600;line-height:1.6;min-height:36px;display:flex;align-items:center;justify-content:center;margin-top:11px;color:#d0dfeb}
.fps-number{font-family:var(--heading);font-size:63px;font-weight:500;line-height:1.15;letter-spacing:1px;color:#f3f9ff;margin-top:11px;white-space:nowrap}
.fps-approx{font-size:24px;letter-spacing:0;vertical-align:middle;color:#87aec5;margin-right:2px}
.fps-label{display:block;font-size:7px;line-height:1.5;letter-spacing:.5px;font-weight:600;color:#8cb3cd;margin-top:3px}
.fps-card>p{font-size:9px;color:#8199ac;margin-top:12px}
.fps-meter{height:2px;background:#243442;position:absolute;bottom:0;left:20%;right:20%}
.fps-meter>span{display:block;height:100%;background:var(--blue);box-shadow:0 0 10px #00b6ff88}
.fps-empty{font-size:43px;color:#708a9c}
.performance-disclaimer{font-size:10px;line-height:1.8;color:#8fa6b9;margin-top:18px}
.performance-pending{padding:13px;border-left:2px solid #4badd5;background:#102331;font-size:10px;line-height:1.8;margin-top:15px;color:#adc9db}
.performance-method{border-top:1px solid #243b4c;margin-top:18px;padding-top:16px}
.performance-method summary{display:flex;justify-content:space-between;gap:10px;cursor:pointer;font-size:10px;color:#b4d7ed;list-style:none}
.performance-method summary::-webkit-details-marker{display:none}
.performance-method summary>span{color:var(--blue)}
.performance-method[open] summary>span{transform:rotate(45deg)}
.performance-method>div{margin-top:13px;font-size:10px;line-height:1.8;color:#8da7ba}
.performance-method ul{padding-left:17px;margin:12px 0}
.performance-method a{color:#58c7f4;text-decoration:underline;text-underline-offset:3px}
.performance-card-link{display:flex;justify-content:space-between;align-items:center;color:#67caf3;font-size:10px;margin-top:17px;gap:8px}
.performance-card-link:hover{color:#c0eeff}
.card-image img{object-fit:contain!important;width:82%!important;height:91%!important;position:absolute!important;top:5%!important;left:9%!important;transform:none!important;mix-blend-mode:normal!important}
.rig-card:first-child .card-image img,.rig-card:last-child .card-image img{transform:none}
.product-showcase img{width:59%;height:94%;right:1%;top:1%;mix-blend-mode:normal}
.checkout-product img{object-fit:contain;mix-blend-mode:normal}
@media(max-width:1050px){.performance-section{padding:22px}.performance-badge{max-width:100px;font-size:6px}.performance-heading h2{font-size:37px}.fps-grid{gap:8px}.fps-card{padding:20px 8px}.fps-number{font-size:53px}.fps-card h3{font-size:10px}.fps-label{font-size:6px}.game-genre{font-size:6px}}
@media(max-width:600px){.performance-section{padding:20px 14px;margin-top:22px}.performance-heading h2{font-size:38px}.performance-heading .eyebrow{font-size:7px;letter-spacing:1px}.performance-badge{max-width:95px;letter-spacing:.5px;font-size:6px;padding:7px}.performance-intro{font-size:10px;margin-top:13px}.performance-config{font-size:9px;gap:8px}.performance-config>span:last-child{width:100%;border:0;padding:0}.resolution-tabs{margin-top:19px}.resolution-tabs button{font-size:12px;min-height:53px}.resolution-tabs button small{font-size:7px;letter-spacing:0}.performance-settings{font-size:8px;gap:7px}.fps-grid{gap:7px}.fps-card{padding:19px 5px;border-radius:11px}.fps-number{font-size:47px;letter-spacing:0}.fps-approx{font-size:18px}.fps-card h3{font-size:9px;line-height:1.5;min-height:40px}.fps-label{font-size:6px;letter-spacing:0}.game-genre{font-size:5px;letter-spacing:.5px}.fps-card>p{font-size:8px}.performance-disclaimer,.performance-method>div{font-size:9px}.performance-method summary{font-size:9px}.card-image{min-height:290px}.card-image img{width:100%!important;left:-4%!important;top:8%!important;height:84%!important}.product-showcase img{width:60%;right:0;height:90%;top:3%}.performance-card-link{font-size:9px;line-height:1.6;margin-top:12px}}

#storage-select{width:100%;border:1px solid #375267;background:#0b1722;color:#dceaf5;padding:15px 35px 15px 14px;font-size:12px;border-radius:0}#storage-detail{font-size:10px;color:#93adbf}.extra-storage-option{margin-top:22px}.spec-summary strong{overflow-wrap:anywhere}@media(max-width:600px){#storage-select{font-size:11px;padding:15px 30px 15px 11px}.extra-storage-option small{line-height:1.6}.spec-summary>div{gap:15px}.spec-summary strong{max-width:66%;text-align:right}}
