.rf-why-cod-page {
  display: none;
  overflow: clip;
  color: #202020;
  background: #fff;
}

.rf-why-cod-page:target,
body:has(#rf-why-cod-paradox:target) .rf-why-cod-page,
body:has(#rf-why-cod-steps:target) .rf-why-cod-page,
body:has(#rf-why-cod-difference:target) .rf-why-cod-page,
body:has(#rf-why-cod-solution:target) .rf-why-cod-page { display: block !important; }

body:has(#rinfire-why-cant-play-cod:target) :is(.rf-download-page, .rf-assistant-page, .rf-support-page, .rf-gun-support-page, .rf-gun-manual-page, .rf-tutorial-page, .rf-gun-faq-page, .rf-after-sales-page, .rf-controller-support-page, .rf-gun-product, .rf-mcs-page),
body:has(#rf-why-cod-paradox:target) :is(.rf-download-page, .rf-assistant-page, .rf-support-page, .rf-gun-support-page, .rf-gun-manual-page, .rf-tutorial-page, .rf-gun-faq-page, .rf-after-sales-page, .rf-controller-support-page, .rf-gun-product, .rf-mcs-page),
body:has(#rf-why-cod-steps:target) :is(.rf-download-page, .rf-assistant-page, .rf-support-page, .rf-gun-support-page, .rf-gun-manual-page, .rf-tutorial-page, .rf-gun-faq-page, .rf-after-sales-page, .rf-controller-support-page, .rf-gun-product, .rf-mcs-page),
body:has(#rf-why-cod-difference:target) :is(.rf-download-page, .rf-assistant-page, .rf-support-page, .rf-gun-support-page, .rf-gun-manual-page, .rf-tutorial-page, .rf-gun-faq-page, .rf-after-sales-page, .rf-controller-support-page, .rf-gun-product, .rf-mcs-page),
body:has(#rf-why-cod-solution:target) :is(.rf-download-page, .rf-assistant-page, .rf-support-page, .rf-gun-support-page, .rf-gun-manual-page, .rf-tutorial-page, .rf-gun-faq-page, .rf-after-sales-page, .rf-controller-support-page, .rf-gun-product, .rf-mcs-page) { display: none !important; }

.rf-why-cod-container { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.rf-why-cod-eyebrow { margin: 0 0 14px; color: #ff8200; font-size: 13px; font-weight: 800; line-height: 1.4; letter-spacing: .18em; text-transform: uppercase; }

.rf-why-cod-hero { position: relative; min-height: min(780px, calc(100vh - var(--rf-header-height, 72px))); display: flex; align-items: flex-end; overflow: hidden; color: #fff; background: #080808; }
.rf-why-cod-hero > img,
.rf-why-cod-hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.rf-why-cod-hero > img { object-fit: cover; object-position: center; filter: saturate(.82) contrast(1.04); }
.rf-why-cod-hero-shade { background: linear-gradient(90deg, rgba(0, 0, 0, .9), rgba(0, 0, 0, .35) 58%, rgba(0, 0, 0, .12)), linear-gradient(0deg, rgba(0, 0, 0, .76), transparent 58%); }
.rf-why-cod-hero-content { position: relative; z-index: 1; padding-bottom: clamp(70px, 9vw, 122px); }
.rf-why-cod-hero h1 { max-width: 900px; margin: 0; font-size: clamp(43px, 5.8vw, 76px); line-height: 1.1; letter-spacing: -.045em; }
.rf-why-cod-hero-content > p:not(.rf-why-cod-eyebrow) { max-width: 640px; margin: 24px 0 0; color: rgba(255, 255, 255, .78); font-size: 18px; line-height: 1.8; }

.rf-why-cod-button { min-width: 148px; min-height: 48px; display: inline-flex; align-items: center; justify-content: center; margin-top: 30px; padding: 0 25px; border: 1px solid #ff8200; border-radius: 999px; color: #161616 !important; font-weight: 700; text-decoration: none !important; background: #ff8200; transition: transform .2s ease, background-color .2s ease, color .2s ease; }
.rf-why-cod-button:hover,
.rf-why-cod-button:focus-visible { color: #fff !important; background: transparent; transform: translateY(-2px); }
.rf-why-cod-button-outline { color: #fff !important; background: transparent; }
.rf-why-cod-button-outline:hover,
.rf-why-cod-button-outline:focus-visible { color: #161616 !important; background: #ff8200; }

.rf-why-cod-nav { position: sticky; top: var(--rf-header-height, 72px); z-index: 8; border-bottom: 1px solid #e9e9e9; background: rgba(255, 255, 255, .94); backdrop-filter: blur(14px); }
.rf-why-cod-nav .rf-why-cod-container { min-height: 62px; display: flex; align-items: center; justify-content: center; gap: clamp(24px, 4vw, 56px); overflow-x: auto; scrollbar-width: none; }
.rf-why-cod-nav a { flex: 0 0 auto; color: #555; font-size: 14px; font-weight: 700; text-decoration: none; }
.rf-why-cod-nav a:hover,
.rf-why-cod-nav a:focus-visible { color: #ff8200; }

.rf-why-cod-intro { padding: clamp(80px, 10vw, 140px) 0; }
.rf-why-cod-intro-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: clamp(50px, 8vw, 110px); align-items: start; }
.rf-why-cod-page h2 { margin: 0; font-size: clamp(34px, 4.4vw, 58px); line-height: 1.16; letter-spacing: -.035em; }
.rf-why-cod-intro-copy > p { margin: 0 0 20px; color: #606060; font-size: 17px; line-height: 1.9; }
.rf-why-cod-formula { margin-top: 34px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.rf-why-cod-formula span { padding: 12px 18px; border: 1px solid #dedede; border-radius: 999px; font-weight: 750; background: #fafafa; }
.rf-why-cod-formula b { color: #ff8200; font-size: 22px; }

.rf-why-cod-steps { padding: clamp(80px, 9vw, 128px) 0; background: #f3f3f3; }
.rf-why-cod-section-heading { max-width: 780px; margin: 0 auto clamp(50px, 6vw, 82px); text-align: center; }
.rf-why-cod-section-heading > p:last-child { margin: 22px auto 0; color: #676767; font-size: 17px; line-height: 1.8; }
.rf-why-cod-step-list { display: grid; gap: 24px; }
.rf-why-cod-step-card { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(270px, .75fr); overflow: hidden; border: 1px solid #e0e0e0; border-radius: 26px; background: #fff; box-shadow: 0 14px 38px rgba(0, 0, 0, .05); }
.rf-why-cod-step-card:nth-child(even) { grid-template-columns: minmax(270px, .75fr) minmax(0, 1.65fr); }
.rf-why-cod-step-card:nth-child(even) .rf-why-cod-step-media { order: 2; }
.rf-why-cod-step-media { min-height: 310px; background: #020817; }
.rf-why-cod-step-media img { width: 100%; height: 100%; display: block; object-fit: contain; }
.rf-why-cod-step-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(32px, 4vw, 58px); }
.rf-why-cod-step-copy > span { color: #ff8200; font-size: 15px; font-weight: 800; letter-spacing: .14em; }
.rf-why-cod-step-copy h3 { margin: 15px 0 16px; font-size: clamp(24px, 2.4vw, 32px); line-height: 1.25; }
.rf-why-cod-step-copy p { margin: 0; color: #666; line-height: 1.85; }

.rf-why-cod-difference { padding: clamp(90px, 10vw, 145px) 0; color: #fff; background: radial-gradient(circle at 78% 12%, rgba(255, 130, 0, .14), transparent 32%), #111; }
.rf-why-cod-heading-light h2 { color: #fff; }
.rf-why-cod-compare { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
.rf-why-cod-compare article { min-height: 290px; padding: clamp(34px, 4.5vw, 58px); border: 1px solid rgba(255, 255, 255, .15); border-radius: 24px; background: rgba(255, 255, 255, .045); }
.rf-why-cod-compare span { color: #ff8200; font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.rf-why-cod-compare h3 { margin: 24px 0 15px; font-size: clamp(26px, 3vw, 38px); }
.rf-why-cod-compare p { margin: 0; color: rgba(255, 255, 255, .67); font-size: 16px; line-height: 1.9; }

.rf-why-cod-solution { padding: clamp(80px, 10vw, 145px) 0; color: #fff; background: #202020; }
.rf-why-cod-solution-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: clamp(48px, 7vw, 96px); align-items: center; }
.rf-why-cod-video-frame { overflow: hidden; border: 1px solid #404040; border-radius: 26px; background: #080808; box-shadow: 0 28px 70px rgba(0, 0, 0, .3); }
.rf-why-cod-video-frame video { width: 100%; aspect-ratio: 16 / 9; display: block; object-fit: cover; }
.rf-why-cod-solution-copy > p:not(.rf-why-cod-eyebrow) { margin: 24px 0 0; color: rgba(255, 255, 255, .7); font-size: 17px; line-height: 1.85; }
.rf-why-cod-solution-copy .rf-why-cod-note { padding-left: 16px; border-left: 2px solid #ff8200; color: rgba(255, 255, 255, .55); font-size: 14px; }
.rf-why-cod-actions { display: flex; flex-wrap: wrap; gap: 14px; }

@media (max-width: 900px) {
  .rf-why-cod-intro-grid,
  .rf-why-cod-solution-grid { grid-template-columns: 1fr; }
  .rf-why-cod-step-card,
  .rf-why-cod-step-card:nth-child(even) { grid-template-columns: 1fr; }
  .rf-why-cod-step-card:nth-child(even) .rf-why-cod-step-media { order: 0; }
  .rf-why-cod-compare { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .rf-why-cod-container { width: min(100% - 32px, 1180px); }
  .rf-why-cod-hero { min-height: 690px; }
  .rf-why-cod-hero > img { object-position: 58% center; }
  .rf-why-cod-hero h1 { font-size: clamp(36px, 11vw, 48px); }
  .rf-why-cod-hero-content > p:not(.rf-why-cod-eyebrow) { font-size: 16px; }
  .rf-why-cod-nav .rf-why-cod-container { justify-content: flex-start; }
  .rf-why-cod-step-media { min-height: 0; }
  .rf-why-cod-step-media img { height: auto; object-fit: contain; }
  .rf-why-cod-step-copy { padding: 28px 24px 34px; }
  .rf-why-cod-formula { gap: 8px; }
  .rf-why-cod-formula span { padding: 10px 13px; font-size: 13px; }
  .rf-why-cod-actions { display: grid; }
  .rf-why-cod-actions .rf-why-cod-button { width: 100%; margin-top: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .rf-why-cod-button { transition: none; }
}