Podium Ultimate Flagship Racing Simulator

.sf-turnkey width: 100%; max-width: 1470px; margin: 0 auto; padding: 20px 16px 50px; font-family: inherit; font-size: 16px; line-height: 1.6; color: #161616; .sf-turnkey, .sf-turnkey box-sizing: border-box; .sf-turnkey h2, .sf-turnkey h3, .sf-turnkey h4 font-family: inherit; letter-spacing: 0; text-transform: none; .sf-hero background: linear-gradient(135deg, #111 0%, #1f1f1f 55%, #ff580d 100%); color: #fff; border-radius: 24px; padding: 58px 42px; text-align: center; overflow: hidden; position: relative; .sf-hero h2 font-size: clamp(38px, 5vw, 66px); line-height: 1.05; margin: 0 0 20px; color: #fff; .sf-hero p max-width: 990px; margin: 0 auto 20px; font-size: clamp(16px, 1.05vw, 18px); line-height: 1.65; color: rgba(255, 255, 255, 0.94); .sf-badges display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 24px; .sf-badge display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.14); border: 1px solid rgba(255, 255, 255, 0.24); color: #fff; padding: 11px 16px; border-radius: 999px; font-size: 14.5px; font-weight: 700; .sf-section margin-top: 42px; .sf-section h3 font-size: clamp(28px, 3vw, 42px); margin: 0 0 18px; line-height: 1.15; color: #111; text-align: center; .sf-section-intro max-width: 1150px; margin: 0 auto 38px; color: #333; font-size: clamp(17px, 1.05vw, 18.5px); line-height: 1.7; text-align: center; .sf-grid display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; .sf-card background: #fff; border: 1px solid #e8e8e8; border-radius: 18px; padding: 34px 28px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05); text-align: center; .sf-card h4 margin: 0 0 14px; font-size: clamp(18px, 1.1vw, 20px); line-height: 1.25; color: #111; .sf-card p margin: 0; color: #444; font-size: clamp(15px, 0.9vw, 16px); line-height: 1.6; .sf-card .sf-icon width: 54px; height: 54px; border-radius: 14px; background: #ff580d; color: #fff; display: grid; place-items: center; font-weight: 900; font-size: 17px; margin: 0 auto 18px; .sf-game-grid display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; margin-top: 28px; .sf-game-card background: #fff; border: 1px solid #e8e8e8; border-radius: 18px; overflow: hidden; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06); .sf-game-image aspect-ratio: 16 / 9; background: #111; overflow: hidden; .sf-game-image img width: 100%; height: 100%; display: block; object-fit: cover; .sf-game-body padding: 24px 24px 26px; .sf-game-body h4 margin: 0 0 10px; font-size: clamp(19px, 1.18vw, 22px); line-height: 1.2; color: #111; .sf-game-body p margin: 0; color: #444; font-size: clamp(15px, 0.9vw, 16px); line-height: 1.55; .sf-game-tags display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; .sf-game-tag display: inline-flex; align-items: center; border-radius: 999px; background: #fff5ef; border: 1px solid #ffd4bf; color: #c94300; padding: 7px 10px; font-size: 12.5px; line-height: 1; font-weight: 800; text-transform: uppercase; letter-spacing: 0.03em; .sf-feature display: grid; grid-template-columns: 1fr 1fr; gap: 34px; align-items: stretch; margin: 34px 0; background: #fafafa; border: 1px solid #ececec; border-radius: 24px; padding: 28px; .sf-feature:nth-child(even) .sf-feature-image order: 2; .sf-feature-image min-height: 315px; padding: 24px; display: grid; place-items: center; background: #fff; border: 1px solid #ededed; border-radius: 18px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.07); .sf-feature-image img width: 100%; max-width: 100%; max-height: 335px; display: block; object-fit: contain; border-radius: 12px; box-shadow: none; background: transparent; .sf-feature-text align-self: center; .sf-feature-text h4 font-size: clamp(32px, 3vw, 46px); margin: 0 0 18px; line-height: 1.1; color: #111; .sf-feature-text p color: #333; margin: 0 0 20px; font-size: clamp(16px, 1vw, 17.5px); line-height: 1.65; .sf-feature-list display: grid; gap: 12px; margin: 22px 0 0; padding: 0; list-style: none; .sf-feature-list li position: relative; padding-left: 32px; color: #333; font-size: clamp(15px, 0.88vw, 16px); line-height: 1.55; .sf-feature-list li:before content: "2713"; position: absolute; left: 0; top: 0; color: #ff580d; font-weight: 900; font-size: 1.15em; .sf-feature-no-image grid-template-columns: 1fr; background: #fff; .sf-option-box display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; .sf-option border: 1px solid #e8e8e8; border-radius: 18px; padding: 28px; background: #fff; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04); .sf-option strong color: #ff580d; display: block; margin-bottom: 6px; font-size: 14px; text-transform: uppercase; letter-spacing: 0.04em; .sf-option h4 margin: 0 0 10px; font-size: clamp(18px, 1.08vw, 20px); color: #111; .sf-option p margin: 0; color: #555; font-size: clamp(15px, 0.85vw, 16px); line-height: 1.55; .sf-included columns: 2 420px; column-gap: 46px; margin: 0; padding-left: 20px; .sf-included li break-inside: avoid; margin: 0