Turn Key - Go Kart + 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 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: 980px; 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-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 0 9px; color: #333; font-size: clamp(14.5px, 0.8vw, 15.5px); line-height: 1.45; .sf-note background: #fff5ef; border: 1px solid #ffd4bf; border-left: 5px solid #ff580d; border-radius: 16px; padding: 20px 22px; color: #333; margin-top: 26px; font-size: clamp(15px, 0.85vw, 16px); line-height: 1.55; .sf-cta background: #111; color: #fff; border-radius: 22px; padding: 38px 32px; text-align: center; margin-top: 44px; .sf-cta h3 margin-bottom: 12px; color: #fff; .sf-cta p max-width: 850px; margin: 0 auto; color: rgba(255, 255, 255, 0.84); font-size: clamp(15.5px, 0.95vw, 17px); line-height: 1.6; @media (max-width: 990px) .sf-grid, .sf-option-box grid-template-columns: repeat(2, 1fr); .sf-feature grid-template-columns: 1fr; .sf-feature:nth-child(even) .sf-feature-image order: initial; @media (max-width: 680px) .sf-hero padding: 40px 22px; border-radius: 18px; .sf-hero h2 font-size: 34px; .sf-hero p font-size: 15.5px; line-height: 1.6; .sf-badge font-size: 14px; padding