.rv-design *{ box-sizing: border-box; }
.rv-design{
  margin: 0;
  background:
    radial-gradient(ellipse 78% 550px at 43% 240px, rgba(0, 190, 218, .19), transparent 76%),
    radial-gradient(ellipse 65% 430px at 100% 94%, rgba(0, 134, 172, .16), transparent 80%),
    #03090e;
}
.rv-design, .rv-design button, .rv-design textarea{ font-family: Arial, "Helvetica Neue", sans-serif; }
.rv-design button{ font: inherit; }
.rv-design button, .rv-design a{ -webkit-tap-highlight-color: transparent; }
.rv-design button:focus-visible{ outline: 2px solid #00e2f9; outline-offset: 5px; }
.rv-design ::selection{ background: #00e2f9; color: #001114; }
.rv-design .rv-hero{
  position: relative;
  isolation: isolate;
  min-height: 100svh;
  display: grid;
  place-items: center;
  align-content: center;
  gap: clamp(20px, 3vw, 40px);
  padding: clamp(24px, 5vw, 88px);
}
.rv-design .wordmark{
  width: min(100%, 1240px);
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  line-height: 0;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
.rv-design .wordmark-art{
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.rv-design .wordmark:focus-visible{ outline: 2px solid #00e2f9; outline-offset: 12px; border-radius: 8px; }
.rv-design .hero-copy{
  text-align: center;
  font-family: "Arial", "Helvetica Neue", sans-serif;
}
.rv-design .hero-copy h2{
  margin: 0;
  font-size: clamp(28px, 4vw, 52px);
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.12;
  text-wrap: balance;
}
.rv-design .hero-copy p{
  margin: 14px 0 0;
  color: #b5c2c8;
  font-size: clamp(16px, 1.8vw, 22px);
  line-height: 1.5;
  text-wrap: balance;
}
.rv-design .hero-copy strong{ color: #00e2f9; font-weight: 700; }
.rv-design .hero-actions{ text-align: center; width: min(100%, 560px); }
.rv-design .action-row{ display: flex; justify-content: center; gap: 12px; }
.rv-design .action{
  display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  min-height: 54px; padding: 0 27px; border-radius: 10px;
  font-size: 16px; font-weight: 700; border: 1px solid transparent; cursor: pointer;
  transition: background-color 140ms ease, border-color 140ms ease;
}
.rv-design .action svg{ width: 19px; height: 19px; }
.rv-design .action-primary{ background: #00e2f9; color: #001114; }
.rv-design .action-primary:hover{ background: #6af0ff; }
.rv-design .action-secondary{ background: #0d1113; border-color: #30383b; color: #f5f9fa; }
.rv-design .action-secondary:hover{ background: #192023; border-color: #68767c; }
.rv-design .key-note{ margin: 14px 0 0; color: #9baab1; font-size: 13px; line-height: 1.5; }
.rv-design .premium-note{ margin: 28px 0 0; color: #9baab1; font-size: 14px; line-height: 1.8; }
.rv-design .text-link{ color: #eaf7fa; background: none; border: 0; padding: 8px 0; cursor: pointer; font-size: 14px; font-weight: 600; text-underline-offset: 5px; }
.rv-design .text-link:hover{ color: #00e2f9; text-decoration: underline; }
.rv-design .premium-note .text-link{ margin-left: 8px; }
.rv-design #script-fallback{ width: 100%; margin-top: 16px; padding: 14px; background: #101619; border: 1px solid #46555c; border-radius: 8px; color: #fff; min-height: 84px; }
.rv-design .popular{ max-width: 1240px; margin: 0 auto; padding: 30px clamp(24px, 5vw, 64px) 80px; }
.rv-design .section-heading{ display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 26px; }
.rv-design .section-heading h2{ font-size: clamp(24px, 2.8vw, 32px); line-height: 1.2; letter-spacing: -.025em; margin: 0; }
.rv-design .section-heading p{ color: #9baab1; font-size: 14px; line-height: 1.5; margin: 9px 0 0; }
.rv-design .game-grid{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; }
.rv-design .game{ text-align: left; border: 0; padding: 0; background: none; color: #f1f7f9; cursor: pointer; align-self: start; }
.rv-design .game img{ display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 12px; }
.rv-design .game span{ display: block; margin-top: 13px; font-size: 15px; line-height: 1.4; font-weight: 600; }
.rv-design .game:hover span{ color: #00e2f9; }
.rv-design .preview-note{ color: #91a2aa; font-size: 12px; margin-top: 22px; }
.rv-design .toast{ position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); width: max-content; max-width: calc(100% - 32px); padding: 14px 20px; border: 1px solid #39494f; border-radius: 10px; background: #121c20; color: #eaf7fa; font-size: 14px; line-height: 1.5; opacity: 0; pointer-events: none; }
.rv-design .toast.visible{ opacity: 1; }
.rv-design [data-snake="accents"] path{
  transform-box: fill-box;
  transform-origin: center;
}
.rv-design .visually-hidden{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 600px){.rv-design .rv-hero{ padding: 48px 20px 40px; min-height: 85svh; gap: 24px; }
.rv-design .action{ padding: 0 18px; font-size: 15px; min-height: 52px; }
.rv-design .action-row{ gap: 10px; }
.rv-design .premium-note .text-link{ display: block; margin: 0; width: 100%; }
.rv-design .section-heading{ align-items: flex-start; flex-direction: column; gap: 8px; }
.rv-design .popular{ padding: 24px 20px 56px; }
.rv-design .game-grid{ grid-template-columns: repeat(5, minmax(140px, 43%)); overflow-x: auto; gap: 16px; padding: 0 2px 14px; scroll-snap-type: x proximity; scrollbar-color: #3b555e #0d1113; scrollbar-width: thin; }
.rv-design .game{ scroll-snap-align: start; }
.rv-design .game span{ font-size: 14px; }
}
@media (max-height: 500px) and (orientation: landscape){.rv-design .wordmark{ width: min(100%, 190svh); }
}

.rv-design.key-page{ min-height: 100svh; background: radial-gradient(ellipse 700px 460px at 18% 25%, rgba(0, 160, 190, .09), transparent 80%), #03090e; }
.rv-design .key-layout{ max-width: 1120px; margin: auto; padding: 32px 40px 44px; }
.rv-design .back-home{ color: #afc0c8; text-decoration: none; font-size: 15px; display: inline-flex; align-items: center; gap: 10px; min-height: 44px; }
.rv-design .back-home:hover{ color: #00e2f9; }
.rv-design .key-heading{ margin: 42px 0 42px; text-align: center; }
.rv-design .key-heading h1{ margin: 0; font-size: clamp(36px, 5vw, 56px); line-height: 1.1; letter-spacing: -.03em; }
.rv-design .key-heading p{ margin: 18px auto 0; color: #afc0c8; line-height: 1.6; font-size: 17px; max-width: 520px; text-wrap: balance; }
.rv-design .access-options{ display: grid; grid-template-columns: 1fr 1fr; gap: 22px; align-items: stretch; }
.rv-design .premium-panel, .rv-design .free-panel{ border-radius: 16px; padding: 32px; }
.rv-design .premium-panel{ background: linear-gradient(145deg, #07232e, #07161e 75%); border: 1px solid #17566a; display: flex; flex-direction: column; }
.rv-design .premium-heading, .rv-design .free-heading{ display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
.rv-design .premium-heading h2, .rv-design .free-heading h2{ margin: 0; font-size: 20px; letter-spacing: -.02em; }
.rv-design .price{ color: #b6cbd4; font-size: 14px; }
.rv-design .price strong{ font-size: 19px; color: #fff; }
.rv-design .premium-statement{ margin: 32px 0 12px; font-size: clamp(28px, 3.5vw, 38px); line-height: 1.15; font-weight: 700; letter-spacing: -.03em; }
.rv-design .premium-description{ color: #b6cbd4; font-size: 15px; line-height: 1.6; margin: 0; max-width: 300px; }
.rv-design .premium-benefits{ padding: 0; margin: 28px 0 30px; list-style: none; display: grid; gap: 14px; font-size: 15px; color: #e1edf2; }
.rv-design .premium-benefits span{ color: #00e2f9; margin-right: 10px; }
.rv-design .premium-panel > .action{ margin-top: auto; width: 100%; }
.rv-design .free-panel{ border: 1px solid #27373f; background: #071016; }
.rv-design .free-heading > span{ font-size: 13px; color: #b2c2ca; }
.rv-design .free-description{ margin: 15px 0 25px; color: #afc0c8; font-size: 15px; line-height: 1.6; }
.rv-design .provider-list{ border-top: 1px solid #213039; }
.rv-design .provider{ padding: 21px 0; border-bottom: 1px solid #213039; display: flex; justify-content: space-between; align-items: center; gap: 14px; }
.rv-design .provider-name{ display: flex; align-items: center; gap: 12px; }
.rv-design .provider-name img{ display: block; object-fit: contain; }
.rv-design .provider h3{ font-size: 16px; margin: 0; }
.rv-design .provider-action{ padding: 0 15px; min-height: 46px; font-size: 13px; background: #11232d; border-color: #2c4754; color: #eff9fd; gap: 9px; white-space: nowrap; }
.rv-design .provider-action:hover{ background: #193641; border-color: #4d8595; }
.rv-design .free-help > p{ font-size: 13px; line-height: 1.65; color: #a9bdc7; margin: 24px 0 12px; }
.rv-design summary{ cursor: pointer; }
.rv-design .key-help summary{ color: #e4eef3; font-size: 13px; padding: 10px 0; }
.rv-design .key-help p{ color: #afc0c8; font-size: 13px; line-height: 1.7; }
.rv-design .existing-key{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; margin-top: 32px; padding: 25px 0; border-bottom: 1px solid #203039; }
.rv-design .existing-key h2{ margin: 0; font-size: 17px; }
.rv-design .existing-key p{ margin: 8px 0 0; color: #a5b7c0; font-size: 14px; line-height: 1.5; }
.rv-design .existing-key .action{ font-size: 14px; min-height: 48px; }
.rv-design .survey{ padding: 17px 0 0; }
.rv-design .survey > summary{ font-size: 13px; color: #9fb3bf; width: fit-content; padding: 10px 0; }
.rv-design .survey-content{ position: relative; padding: 20px 0; }
.rv-design .survey-content h2{ font-size: 17px; margin: 0 40px 18px 0; }
.rv-design .dismiss-survey{ position: absolute; right: 0; top: 7px; width: 44px; height: 44px; border: 0; background: none; color: #c7d7e0; cursor: pointer; font-size: 25px; }
.rv-design .survey-choices{ display: flex; flex-wrap: wrap; gap: 10px; }
.rv-design .survey-choices button{ border: 1px solid #314651; border-radius: 8px; padding: 12px 15px; min-height: 44px; background: #0b1820; color: #cbdce5; cursor: pointer; font-size: 13px; }
.rv-design .survey-choices button:hover, .rv-design .survey-choices button[aria-pressed="true"]{ border-color: #00e2f9; color: #00e2f9; }
.rv-design .survey-result{ font-size: 13px; color: #a5cad6; }
.rv-design .local-note{ margin: 20px 0 0; max-width: 700px; font-size: 12px; line-height: 1.6; color: #91a7b4; }
.rv-design summary:focus-visible, .rv-design a:focus-visible{ outline: 2px solid #00e2f9; outline-offset: 5px; }
@media (max-width: 800px){.rv-design .key-layout{ padding: 20px 22px 36px; }
.rv-design .key-heading{ margin: 24px 0 30px; }
.rv-design .key-heading p{ font-size: 15px; }
.rv-design .access-options{ grid-template-columns: 1fr; gap: 18px; }
.rv-design .premium-panel, .rv-design .free-panel{ padding: 24px; }
.rv-design .premium-statement{ margin: 23px 0 10px; font-size: 30px; }
.rv-design .premium-description{ max-width: none; }
.rv-design .premium-benefits{ margin: 20px 0 23px; gap: 10px; font-size: 14px; }
}
@media (max-width: 380px){.rv-design .key-layout{ padding-left: 16px; padding-right: 16px; }
.rv-design .premium-panel, .rv-design .free-panel{ padding: 20px; }
.rv-design .provider{ gap: 8px; }
.rv-design .provider-name{ gap: 8px; }
.rv-design .provider-name img{ width: 28px; height: 28px; }
.rv-design .provider h3{ font-size: 15px; }
.rv-design .provider-action{ padding: 0 10px; font-size: 12px; }
}

.rv-design.premium-page{ background: radial-gradient(ellipse 900px 700px at 5% 10%, #00536926, transparent 75%), #03090e; }
.rv-design .premium-layout{ max-width: 1170px; margin: auto; padding: 26px 40px 36px; }
.rv-design .premium-back{ display: inline-flex; align-items: center; min-height: 44px; color: #a8bdc8; text-decoration: none; font-size: 14px; }
.rv-design .premium-back:hover, .rv-design.premium-page a:hover{ color: #00e2f9; }
.rv-design .premium-page-heading{ margin: 30px 0 34px; }
.rv-design .premium-page-heading h1{ margin: 0; font-size: clamp(34px,4.5vw,50px); line-height: 1.1; letter-spacing: -.03em; }
.rv-design .premium-page-heading > p{ margin: 15px 0 0; color: #b6cbd6; font-size: 18px; line-height: 1.6; }
.rv-design .premium-intro{ display: grid; grid-template-columns: 1.12fr 1fr; gap: 50px; align-items: start; }
.rv-design .access-visual{ padding: 16px 0 0; }
.rv-design .access-visual > h2{ font-size: clamp(30px,3.5vw,42px); letter-spacing: -.03em; line-height: 1.13; margin: 0 0 29px; }
.rv-design .access-track{ padding: 24px; border-radius: 13px; }
.rv-design .free-track{ border: 1px solid #2a3c46; background: #09151c; }
.rv-design .track-heading{ display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.rv-design .track-heading h3{ font-size: 15px; margin: 0; }
.rv-design .track-heading > span{ color: #adc3cf; font-size: 12px; }
.rv-design .free-journey{ display: flex; align-items: center; gap: 14px; margin: 26px 0 21px; color: #c4d6df; font-size: 13px; }
.rv-design .free-journey > span:not(.journey-connector){ padding: 12px 10px; border: 1px solid #32434c; border-radius: 7px; white-space: nowrap; }
.rv-design .journey-connector{ height: 1px; flex: 1; min-width: 15px; background: #4a6572; }
.rv-design .repeat-line{ display: flex; align-items: center; gap: 9px; color: #9fb6c2; font-size: 12px; line-height: 1.5; }
.rv-design .repeat-line svg{ width: 17px; height: 17px; flex-shrink: 0; }
.rv-design .paid-track{ margin-top: 16px; border: 1px solid #216075; background: linear-gradient(120deg,#0b303e,#09202a); }
.rv-design .paid-track .track-heading > span{ color: #7beaf7; }
.rv-design .premium-journey{ display: flex; align-items: center; gap: 14px; margin: 27px 0 18px; }
.rv-design .key-symbol{ display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid #3b8494; border-radius: 10px; color: #54e7f8; }
.rv-design .key-symbol svg{ width: 25px; height: 25px; }
.rv-design .access-duration{ font-weight: 700; font-size: 21px; color: #f2fcff; display: block; line-height: 1.25; }
.rv-design .access-subtitle{ font-size: 11px; color: #adcbd8; display: block; margin-top: 5px; }
.rv-design .access-line{ flex: 1; min-width: 10px; height: 1px; background: #00e2f9; }
.rv-design .access-check{ width: 23px; height: 23px; color: #00e2f9; }
.rv-design .paid-track > p{ font-size: 12px; line-height: 1.7; color: #b4d0dc; margin: 0; max-width: 330px; }
.rv-design .coverage{ margin: 23px 0 0; color: #c5dce7; font-size: 13px; line-height: 1.5; }
.rv-design .coverage strong{ color: #00e2f9; }
.rv-design .purchase-panel{ padding: 27px; border: 1px solid #335462; border-radius: 16px; background: #0a1921; }
.rv-design .purchase-panel h2{ font-size: 22px; letter-spacing: -.02em; margin: 0; }
.rv-design .plans-description{ font-size: 13px; color: #abc1cd; line-height: 1.5; margin: 10px 0 24px; }
.rv-design .plan-options{ border: 0; padding: 0; margin: 0; display: grid; gap: 11px; }
.rv-design .plan{ display: flex; align-items: center; gap: 13px; padding: 18px 15px; border: 1px solid #344c58; border-radius: 10px; background: #0c1e27; cursor: pointer; transition: background-color 150ms ease,border-color 150ms ease; }
.rv-design .plan:hover{ border-color: #729aa9; }
.rv-design .plan:has(input:checked){ border-color: #00e2f9; background: #0b2c39; }
.rv-design .plan-popular{ border-color: #527d8c; background: #102833; }
.rv-design .plan input{ margin: 0; width: 17px; height: 17px; flex-shrink: 0; accent-color: #00e2f9; }
.rv-design .plan-duration{ font-size: 16px; font-weight: 700; line-height: 1.35; }
.rv-design .plan small{ display: block; font-weight: 400; font-size: 11px; color: #b4cad6; margin-top: 5px; }
.rv-design .popular-label{ display: block; color: #70ebfa; font-size: 10px; line-height: 1.4; margin-bottom: 5px; }
.rv-design .plan-price{ margin-left: auto; font-size: 19px; font-weight: 700; text-align: right; white-space: nowrap; }
.rv-design .plan-price small{ font-size: 10px; }
.rv-design .purchase-summary{ display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 24px 0 17px; font-size: 13px; color: #c6dce7; }
.rv-design .purchase-summary strong{ color: #fff; font-size: 23px; }
.rv-design .purchase-button{ width: 100%; padding: 0 10px; font-size: 15px; }
.rv-design .payment-note{ font-size: 12px; text-align: center; line-height: 1.5; color: #e0eef5; margin: 15px 0 0; }
.rv-design .purchase-reassurance{ text-align: center; border-top: 1px solid #29414c; margin-top: 18px; padding-top: 12px; }
.rv-design .purchase-reassurance p{ font-size: 12px; line-height: 1.6; color: #b7ccd7; margin: 4px 0; }
.rv-design .purchase-reassurance a{ font-size: 12px; display: inline-block; color: #d4e9f2; margin-top: 6px; text-underline-offset: 5px; }
.rv-design .checkout-note{ text-align: center; font-size: 11px; line-height: 1.5; color: #99b1be; margin-bottom: 0; }
.rv-design .premium-supporting{ border-top: 1px solid #233944; border-bottom: 1px solid #233944; margin-top: 50px; padding: 30px 0; }
.rv-design .member-benefits{ display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.rv-design .game-showcases{ padding: 34px 0 32px; border-bottom: 1px solid #233944; }
.rv-design .game-showcases > h2{ font-size: 26px; letter-spacing: -.025em; margin: 0; }
.rv-design .showcases-description{ font-size: 13px; color: #adc3d0; line-height: 1.6; margin: 10px 0 22px; }
.rv-design .showcase-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.rv-design .showcase-item{ min-width: 0; }
.rv-design .showcase-item h3{ display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 13px 0 0; font-size: 15px; line-height: 1.5; }
.rv-design .showcase-item h3 span{ color: #a9c1cf; font-size: 12px; font-weight: 400; white-space: nowrap; }
.rv-design .member-benefits h2{ font-size: 19px; margin: 0 0 8px; letter-spacing: -.02em; }
.rv-design .member-benefits p{ color: #abc1cd; font-size: 13px; line-height: 1.75; margin: 0; max-width: 340px; }
.rv-design .member-benefits a{ display: inline-block; color: #d9edf7; font-size: 12px; margin-top: 9px; text-underline-offset: 5px; }
.rv-design .supporting-showcase{ display: grid; grid-template-columns: .95fr 1fr; gap: 20px; align-items: center; }
.rv-design .showcase-preview{ position: relative; padding: 0; display: block; width: 100%; aspect-ratio: 16/9; overflow: hidden; border: 1px solid #355764; border-radius: 11px; background: #07141c; cursor: pointer; }
.rv-design .showcase-preview img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.rv-design .play-control{ display: grid; place-items: center; position: absolute; inset: 0; margin: auto; width: 46px; height: 46px; background: #00e2f9; border-radius: 50%; color: #001114; }
.rv-design .play-control svg{ width: 22px; height: 22px; }
.rv-design .showcase-preview:hover .play-control{ background: #9bf6ff; }
.rv-design .showcase-context h2{ font-size: 19px; line-height: 1.3; margin: 0 0 10px; letter-spacing: -.02em; }
.rv-design .showcase-context p{ font-size: 12px; line-height: 1.65; color: #aec5d2; margin: 8px 0; }
.rv-design .showcase-context .shared-features-note{ font-size: 11px; }
.rv-design .proof-links{ display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 13px; }
.rv-design .proof-links a{ color: #d9edf6; font-size: 11px; text-underline-offset: 5px; }
.rv-design .premium-faq{ padding: 40px 0 20px; }
.rv-design .section-intro h2{ font-size: 28px; letter-spacing: -.025em; margin: 0 0 24px; }
.rv-design .premium-faq details{ border-bottom: 1px solid #223742; }
.rv-design .premium-faq summary{ padding: 21px 28px 21px 0; position: relative; font-size: 15px; line-height: 1.5; cursor: pointer; list-style: none; }
.rv-design .premium-faq summary::-webkit-details-marker{ display: none; }
.rv-design .premium-faq summary::after{ content: '+'; position: absolute; right: 4px; color: #7cb5c8; font-size: 20px; top: 17px; }
.rv-design .premium-faq details[open] summary::after{ content: '−'; }
.rv-design .premium-faq details[open] summary{ color: #7feafa; }
.rv-design .premium-faq details p{ color: #acc3d0; font-size: 13px; line-height: 1.8; margin: 0 0 23px; max-width: 750px; }
.rv-design .premium-preview-note{ font-size: 11px; color: #94adbc; line-height: 1.7; margin-top: 22px; }
.rv-design.premium-page a:focus-visible, .rv-design.premium-page summary:focus-visible{ outline: 2px solid #00e2f9; outline-offset: 5px; }
.rv-design .showcase-dialog{ width: min(900px,calc(100% - 28px)); max-height: 92svh; padding: 20px; border: 1px solid #375663; border-radius: 14px; background: #07151e; color: #f0f8fb; }
.rv-design .showcase-dialog::backdrop{ background: #01070bdc; }
.rv-design .video-dialog-heading{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.rv-design .video-dialog-heading h2{ font-size: 18px; margin: 0; }
.rv-design .video-dialog-heading button{ width: 44px; height: 44px; border: 0; background: transparent; color: #fff; font-size: 28px; cursor: pointer; }
.rv-design #showcase-player iframe{ width: 100%; aspect-ratio: 16/9; display: block; border: 0; }
.rv-design .showcase-dialog > p{ font-size: 12px; line-height: 1.7; color: #afc5d1; }
@media (max-width: 900px){.rv-design .premium-intro{ gap: 28px; }
.rv-design .premium-supporting{ gap: 30px; }
.rv-design .supporting-showcase{ grid-template-columns: 1fr; }
.rv-design .supporting-showcase .showcase-preview{ max-width: 260px; }
}
@media (max-width: 800px){.rv-design .premium-layout{ padding: 18px 22px 30px; }
.rv-design .premium-page-heading{ margin: 24px 0 25px; }
.rv-design .premium-page-heading > p{ font-size: 16px; max-width: 310px; }
.rv-design .premium-intro{ display: flex; flex-direction: column; gap: 32px; }
.rv-design .purchase-panel{ order: -1; width: 100%; padding: 22px; }
.rv-design .access-visual{ width: 100%; padding-top: 0; }
.rv-design .access-visual > h2{ font-size: 29px; margin-bottom: 23px; }
.rv-design .access-track{ padding: 22px; }
.rv-design .premium-supporting{ grid-template-columns: 1fr; gap: 30px; margin-top: 32px; padding: 28px 0; }
.rv-design .supporting-showcase{ grid-template-columns: .9fr 1fr; gap: 18px; }
.rv-design .member-benefits{ gap: 22px; grid-template-columns: 1fr; }
.rv-design .showcase-grid{ gap: 14px; }
.rv-design .showcase-item h3{ font-size: 13px; flex-direction: column; gap: 2px; }
.rv-design .premium-faq{ padding-top: 30px; }
}
@media (max-width: 360px){.rv-design .premium-layout{ padding-left: 16px; padding-right: 16px; }
.rv-design .purchase-panel, .rv-design .access-track{ padding: 18px; }
.rv-design .free-journey{ gap: 9px; font-size: 11px; }
.rv-design .supporting-showcase{ grid-template-columns: 1fr; }
}
@media (max-width: 600px){.rv-design .showcase-grid{ grid-template-columns: repeat(3, minmax(220px, 78%)); overflow-x: auto; padding-bottom: 15px; scroll-snap-type: x proximity; scrollbar-width: thin; scrollbar-color: #42616f #09151c; }
.rv-design .showcase-item{ scroll-snap-align: start; }
.rv-design .showcase-item h3{ flex-direction: row; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce){.rv-design .plan{ transition: none; }
}
.rv-design .premium-intro{ grid-template-columns: 1.17fr 1fr; gap: 42px; }
.rv-design .product-presentation{ min-width: 0; }
.rv-design .ui-view-switch{ display: inline-flex; gap: 4px; border: 1px solid #2c4551; padding: 4px; border-radius: 10px; background: #08161e; margin-bottom: 15px; }
.rv-design .ui-view-switch button{ min-height: 36px; padding: 0 15px; background: transparent; color: #adc5d2; border: 0; border-radius: 6px; cursor: pointer; font-size: 12px; }
.rv-design .ui-view-switch button[aria-pressed="true"]{ background: #15323f; color: #e9faff; }
.rv-design .ui-view-switch button:hover{ color: #7debf7; }
.rv-design .ui-stage{ position: relative; aspect-ratio: 1.45; border-radius: 15px; overflow: hidden; border: 1px solid #2a4a59; background: radial-gradient(ellipse at 60% 60%, #0b3442, #04111a 80%); box-shadow: 0 16px 28px #00000035; }
.rv-design .standard-artwork{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 51% 48%; }
.rv-design .ui-stage[hidden]{ display: none; }
.rv-design .operation-screen{ position: absolute; width: 89%; aspect-ratio: 592/426; top: 5%; right: 3%; overflow: hidden; border-radius: 12px; border: 1px solid #357184; box-shadow: -10px 16px 24px #00000080; container-type: inline-size; }
.rv-design .operation-screen > img{ position: absolute; width: 106.25%; height: auto; max-width: none; top: -1.174%; left: -1.858%; }
.rv-design .premium-tier{ position: absolute; top: 3.5%; right: 8%; width: 11%; height: 5.5%; display: flex; align-items: center; justify-content: center; color: #00e2f9; background: #07131b; font-size: 1.55cqw; letter-spacing: .04em; }
.rv-design .loader-detail{ position: absolute; left: 2%; bottom: 3%; width: 36%; aspect-ratio: 694/636; overflow: hidden; border-radius: 9px; border: 1px solid #247b90; transform: rotate(-4deg); }
.rv-design .loader-detail > img{ position: absolute; width: 241%; max-width: none; height: auto; left: -41.2%; top: -21.4%; }
.rv-design .ui-caption{ color: #9cb7c5; font-size: 11px; line-height: 1.6; margin: 13px 0 20px; }
.rv-design .compact-comparison{ border-top: 1px solid #25404d; }
.rv-design .compact-comparison h2{ margin: 17px 0 13px; font-size: 15px; }
.rv-design .compact-comparison > div{ display: grid; grid-template-columns: 75px 1fr; align-items: baseline; gap: 12px; padding: 10px 0; }
.rv-design .compact-comparison > div > span{ font-size: 12px; color: #b0c7d3; }
.rv-design .compact-comparison p{ margin: 0; color: #abc3d0; line-height: 1.6; font-size: 12px; }
.rv-design .compact-premium p, .rv-design .compact-premium > span{ color: #7ce7f3 !important; }
.rv-design .compact-premium strong{ font-weight: 600; }
.rv-design .coverage{ margin-top: 15px; }
.rv-design .purchase-panel{ padding: 24px; background: linear-gradient(150deg,#0e222c,#08171f); }
.rv-design .purchase-proof{ display: flex; align-items: center; gap: 7px; margin: 0 0 20px; color: #b8ced9; font-size: 12px; line-height: 1.5; }
.rv-design .purchase-proof strong{ color: #e6f8fc; font-weight: 650; }
.rv-design .plan{ padding-top: 16px; padding-bottom: 16px; }
.rv-design .plan small{ max-width: 175px; white-space: normal; }
.rv-design .purchase-reassurance{ margin-top: 14px; padding-top: 10px; }
.rv-design .purchase-reassurance p{ font-size: 11px; }
.rv-design .purchase-reassurance a{ margin-top: 4px; }
.rv-design .member-benefits > div{ position: relative; padding-left: 18px; }
.rv-design .member-benefits > div::before{ content: ''; position: absolute; top: 3px; left: 0; height: 14px; width: 3px; border-radius: 2px; background: #00c7dc; }
.rv-design .member-benefits h2{ font-size: 18px; }
.rv-design .showcase-heading{ display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.rv-design .showcase-heading h2{ font-size: 26px; letter-spacing: -.025em; margin: 0; }
.rv-design .showcase-controls{ display: none; gap: 8px; }
.rv-design .showcase-controls button{ width: 44px; height: 44px; border: 1px solid #35515f; border-radius: 8px; color: #cae7f5; background: #0a1d27; cursor: pointer; }
.rv-design .showcase-grid{ scrollbar-width: none; }
.rv-design .showcase-grid::-webkit-scrollbar{ display: none; }
.rv-design .showcase-preview{ transition: border-color 160ms ease; }
.rv-design .showcase-preview:hover{ border-color: #6feaf7; }
.rv-design .showcase-item{ padding: 2px; }
@media (max-width: 900px){.rv-design .premium-intro{ gap: 26px; }
}
@media (max-width: 800px){.rv-design .purchase-panel{ padding: 21px; }
.rv-design .product-presentation{ width: 100%; }
.rv-design .ui-stage{ max-width: 600px; }
.rv-design .plan small{ max-width: 150px; }
.rv-design .premium-page-heading{ margin-bottom: 22px; }
}
@media (max-width: 600px){.rv-design .showcase-controls{ display: flex; }
.rv-design .showcase-heading h2{ font-size: 24px; }
.rv-design .showcase-grid{ grid-template-columns: repeat(3,minmax(230px,85%)); gap: 14px; scrollbar-width: none; }
.rv-design .showcase-item h3{ white-space: normal; }
}
@media (prefers-reduced-motion: reduce){.rv-design .showcase-preview{ transition: none; }
}

.rv-design { color:#fff; font-family:Arial,"Helvetica Neue",sans-serif; }
.rv-design [hidden] { display:none !important; }
.rv-design a.action { text-decoration:none; }
.rv-design button,.rv-design input,.rv-design textarea { font:inherit; }
.rv-design h1,.rv-design h2,.rv-design h3 { font-weight:700; }
.rv-design a:focus-visible { outline:2px solid #00e2f9; outline-offset:4px; }
.rv-design .rv-hero { background:none; }
.rv-design .rv-hero::before,.rv-design .rv-hero::after { content:none; }
.rv-design .rv-hero { grid-template-columns:minmax(0,1fr); }
.rv-design .wordmark { justify-self:center; }
.rv-design .game { text-decoration:none; color:#fff; }
.rv-design .game-grid:empty { display:none; }
.rv-design .compact-comparison { margin-top:20px; }
.rv-design .purchase-panel .variants { display:flex; flex-direction:column; gap:12px; }
.rv-design .purchase-panel .variant { display:flex; justify-content:space-between; align-items:center; gap:12px; width:100%; position:relative; padding:16px; border:1px solid #35515f; background:#0b1c25; border-radius:10px; text-align:left; color:#fff; }
.rv-design .purchase-panel .variant.active { border-color:#00d9ee; background:#0c2b36; }
.rv-design .purchase-panel .variant:disabled { opacity:.5; cursor:not-allowed; }
.rv-design .purchase-panel .variant p { margin:0; }
.rv-design .purchase-panel .variant .description,.rv-design .purchase-panel .variant .stock { font-size:11px; line-height:1.6; color:#aec5d1 !important; }
.rv-design .purchase-panel .variant .price { text-align:right; font-weight:700; font-size:18px; }
.rv-design .purchase-panel .variant .price small { display:block; font-size:10px; font-weight:400; }
.rv-design .purchase-panel .variant svg { width:18px; height:18px; }
.rv-design .purchase-panel .active-indicator { display:none; }
.rv-design .purchase-panel .rh-pp-plan-badge { display:block; color:#73e6f0; font-size:10px; margin-bottom:4px; }
.rv-design .purchase-panel .rh-pp-primary-buy { background:#00d8ed; border:0; color:#00202a; min-height:54px; font-weight:700; border-radius:9px; }
.rv-design .purchase-panel .buy-buttons svg { width:18px; height:18px; }
.rv-design .purchase-panel .form-label { font-size:12px; color:#bed1dc; }
.rv-design .purchase-panel label[for="method"] { display:none; }
.rv-design .purchase-panel .variants .price { background:transparent; padding:0; }
.rv-design .purchase-panel .variants .price > span { color:#fff; }
.rv-design .purchase-panel .rh-pp-sticky { display:none; }
.rv-design .survey[hidden] { display:none !important; }
/* Homepage background spans its navigation and the footer junction. */
body:has(.rv-design.home-page) { background:radial-gradient(ellipse 78% 550px at 43% 322px,rgba(0,190,218,.19),transparent 76%),radial-gradient(ellipse 65% 430px at 100% 78%,rgba(0,134,172,.16),transparent 80%),#03090e!important; }
.rv-design.home-page { background:transparent; display:flow-root; }
.rv-design.home-page .rv-executor-help { margin-bottom:0; padding-bottom:26px!important; }
/* Fewer competing containers around the product and native plan controls. */
.rv-design.premium-page .purchase-panel { background:#0a1921; border-color:#29434f; border-radius:12px; }
.rv-design.premium-page .purchase-panel .variant { background:transparent; border-color:transparent; border-radius:8px; }
.rv-design.premium-page .purchase-panel .variant:not(.active):not(:disabled):hover { background:#102731; border-color:#294b59; }
.rv-design.premium-page .purchase-panel .variant.active { border-color:#00e2f8; background:#10303b; }
.rv-design.premium-page .ui-view-switch { background:transparent; border:0; border-bottom:1px solid #29434f; border-radius:0; padding:0; gap:20px; }
.rv-design.premium-page .ui-view-switch button { border-radius:0; padding:10px 0; background:transparent; border-bottom:2px solid transparent; font-weight:600; }
.rv-design.premium-page .ui-view-switch button[aria-pressed=true] { background:transparent; color:#effaff; border-bottom-color:#00e2f8; }
.rv-design.premium-page .ui-stage { border-color:transparent; border-radius:10px; box-shadow:none; }

/* Quiet separation between available plan choices. */
.rv-design.premium-page .purchase-panel .variant:not(.active) { background:#0d2029; border-color:#203b47; }
.rv-design.premium-page .purchase-panel .variant:not(.active):not(:disabled):hover { background:#122a35; border-color:#3a5a68; }

.rv-design.premium-page .purchase-panel .stock .stock-in-stock { color:#8bd5b0; }
.rv-design.premium-page .purchase-panel .stock .stock-low,
.rv-design.premium-page .purchase-panel .stock .stock-very-low { color:#e2bd79; }
.rv-design.premium-page .purchase-panel .stock .stock-out { color:#a8b7bf; }

.rv-design.premium-page .purchase-panel .stock .stock-very-low { color:#e8a477; }
.rv-design .premium-included-link { display:none; }
.rv-design #premium-included { scroll-margin-top:24px; }
@media(max-width:800px) {
 .rv-design .premium-included-link { display:inline-flex; align-items:center; gap:7px; align-self:flex-start; margin:-8px 0 20px; color:#8fe8f2; font-size:13px; text-underline-offset:4px; }
}