Speednation Gaming PC for Sim Racing

.sn-pc- width: 100%; max-width: 1470px; margin: 0 auto; padding: 20px 16px 52px; font-family: inherit; font-size: 16px; line-height: 1.6; color: #161616; .sn-pc- box-sizing: border-box; .sn-pc- h2, .sn-pc- h3, .sn-pc- h4 font-family: inherit; letter-spacing: 0; text-transform: none; .sn-pc-hero background: radial-gradient(circle at 12% 18%, rgba(255, 88, 13, 0.28), transparent 32%), linear-gradient(135deg, #111 0%, #1f1f1f 58%, #ff580d 100%); color: #fff; border-radius: 24px; padding: 58px 42px; text-align: center; overflow: hidden; .sn-pc-hero h2 margin: 0 0 18px; color: #fff; font-size: clamp(38px, 5vw, 66px); line-height: 1.05; .sn-pc-hero p max-width: 980px; margin: 0 auto 18px; color: rgba(255, 255, 255, 0.94); font-size: clamp(16px, 1.05vw, 18px); line-height: 1.65; .sn-pc-badges display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 24px; .sn-pc-badge display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 10px 16px; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 999px; background: rgba(255, 255, 255, 0.14); color: #fff; font-size: 14.5px; font-weight: 800; .sn-pc-section margin-top: 44px; .sn-pc-section h3 margin: 0 0 16px; color: #111; font-size: clamp(28px, 3vw, 42px); line-height: 1.15; text-align: center; .sn-pc-intro max-width: 1080px; margin: 0 auto 34px; color: #333; font-size: clamp(16.5px, 1vw, 18px); line-height: 1.7; text-align: center; .sn-pc-options display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; .sn-pc-card position: relative; display: flex; flex-direction: column; min-height: 100%; overflow: hidden; border: 1px solid #e8e8e8; border-radius: 22px; background: #fff; box-shadow: 0 10px 26px rgba(0, 0, 0, 0.06); .sn-pc-card-featured border-color: #ffb58f; box-shadow: 0 14px 34px rgba(255, 88, 13, 0.14); .sn-pc-card-top display: grid; grid-template-rows: auto 78px auto; align-items: start; min-height: 252px; padding: 28px 28px 24px; background: #111; color: #fff; .sn-pc-card-featured .sn-pc-card-top background: linear-gradient(135deg, #111 0%, #232323 55%, #ff580d 100%); .sn-pc-tier display: inline-flex; align-items: center; margin-bottom: 14px; padding: 7px 11px; border-radius: 999px; background: rgba(255, 255, 255, 0.14); color: #fff; font-size: 12px; font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase; .sn-pc-card h4 margin: 0 0 10px; color: #fff; font-size: clamp(23px, 1.85vw, 31px); line-height: 1.1; .sn-pc-resolution margin: 0; color: rgba(255, 255, 255, 0.86); font-size: 15px; font-weight: 700; .sn-pc-card-body display: flex; flex: 1; flex-direction: column; padding: 26px 28px 28px; .sn-pc-card-body p margin: 0 0 22px; color: #444; font-size: 15.5px; line-height: 1.62; .sn-pc-specs display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; .sn-pc-specs li position: relative; padding: 0 0 0 28px; color: #333; font-size: 15px; line-height: 1.45; .sn-pc-specs li:before content: "2713"; position: absolute; top: 0; left: 0; color: #ff580d; font-weight: 900; .sn-pc-panel display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 22px; align-items: stretch; margin-top: 36px; .sn-pc-copy-panel, .sn-pc-included-panel border: 1px solid #e8e8e8; border-radius: 22px; background: #fff; padding: 30px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05); .sn-pc-copy-panel h3, .sn-pc-included-panel h3 margin-bottom: 14px; text-align: left; font-size: clamp(25px, 2.3vw, 36px); .sn-pc-copy-panel p margin: 0 0 16px; color: #333; font-size: 16.5px; line-height: 1.7; .sn-pc-choice-list, .sn-pc-included-list display: grid; gap: 12px; width: 100%; margin: 0; padding: 0; list-style: none; text-align: left; justify-items: stretch; .sn-pc-choice-list li, .sn-pc-included-list li position: relative; display: block; width: 100%; padding: 13px 14px 13px 44px; border: 1px solid #ededed; border-radius: 14px; background: #fafafa; color: #333; font-size: 15.5px; line-height: 1.5; .sn-pc-choice-list li:before, .sn-pc-included-list li:before content: "2713"; position: absolute; top: 15px; left: 14px; display: grid; width: 20px; height: 20px; place-items: center; border-radius: 999px; background: #ff580d; color: #fff; font-size: 12px; font-weight: 900; line-height: 1; .sn-pc-choice-list strong, .sn-pc-included-list strong color: #111; .sn-pc-note margin-top: 26px; padding: 20px 22px; border: 1px solid #ffd4bf; border-left: 5px solid #ff580d; border-radius: 16px; background: #fff5ef; color: #333; font-size: clamp(15px, 0.85vw, 16px); line-height: 1.55; .sn-pc-cta margin-top: 44px; padding: 38px 32px; border-radius: 22px; background: #111; color: #fff; text-align: center; .sn-pc-cta h3 margin: 0 0 12px; color: #fff; .sn-pc-cta p max-width: 880px; margin: 0 auto; color: rgba(255, 255, 255, 0.84); font-size: clamp(15.5px, 0.95vw, 17px); line-height: 1.6; .sn-pc-card, .sn-pc-copy-panel, .sn-pc-included-panel, .sn-pc-in