/* Gin-only presentation; the existing Fortuisoft shell remains shared. */
.gin-page .breadcrumb { padding-bottom: 22px; }
.gin-hero { background: #f0f6f5; padding: 56px 0 46px; }
.gin-hero-grid { display: grid; grid-template-columns: .9fr 1.2fr; align-items: center; gap: 48px; }
.gin-hero-copy h1 { font-size: clamp(44px, 4.7vw, 66px); margin: 28px 0 22px; }
.gin-hero-copy .lead { font-size: 22px; max-width: 450px; color: #424b4c; }
.gin-actions { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; margin-top: 28px; }
.gin-note { color: #535d5f; font-size: 13px; margin-top: 17px; }
.gin-gameplay { min-width: 0; margin: 0; }
.gin-screen { background: #171c1e; padding: 12px; border: 1px solid #6c777b; border-radius: 23px; box-shadow: 0 20px 32px #203b401c; }
.gin-screen img { width: 100%; height: auto; border-radius: 11px; }
.gin-gameplay figcaption { font-size: 12px; color: #535d5f; text-align: center; margin-top: 18px; }
.gin-benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; padding-top: 39px; padding-bottom: 39px; border-bottom: 1px solid var(--line); }
.gin-benefits strong { font-size: 17px; font-weight: 600; }
.gin-benefits p { font-size: 14px; margin-top: 8px; }
.gin-play { padding-top: 74px; padding-bottom: 70px; }
.gin-play h2, .gin-upgrade h2, .gin-questions h2 { font-size: clamp(34px, 3.7vw, 46px); }
.gin-steps { list-style: none; padding: 0; margin: 35px 0 18px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
.gin-steps li > span { display: block; color: #31666c; font-size: 14px; font-weight: 650; margin-bottom: 17px; }
.gin-steps h3 { font-size: 24px; line-height: 1.15; margin-bottom: 14px; }
.gin-steps p { font-size: 16px; }
.gin-upgrade { padding-top: 70px; padding-bottom: 70px; }
.gin-upgrade .plan-grid article { display: flex; flex-direction: column; align-items: flex-start; }
.gin-upgrade .plan-grid .store-button { margin-top: auto; }
.gin-upgrade .plan-grid h3 { font-size: 32px; }
.gin-questions { display: grid; grid-template-columns: .85fr 1.2fr; gap: 80px; padding-top: 75px; padding-bottom: 56px; }
.gin-questions h2 { margin: 15px 0 18px; }
.gin-questions .faq-section { margin: 0; }
.gin-questions .faq-section summary { font-size: 17px; }
.gin-close { background: #f0f6f5; text-align: center; padding: 64px 0; }
.gin-close h2 { font-size: clamp(36px, 4vw, 50px); margin-bottom: 26px; }
.gin-note a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.gin-attribution { font-size: 12px; padding-bottom: 24px; max-width: 1240px; }
@media (max-width: 1050px) {
  .gin-hero-grid { gap: 28px; grid-template-columns: 1fr 1.1fr; }
  .gin-hero-copy h1 { font-size: 48px; }
  .gin-hero-copy .lead { font-size: 20px; }
  .gin-screen { padding: 9px; border-radius: 18px; }
  .gin-questions { gap: 40px; }
}
@media (max-width: 760px) {
  .gin-hero { padding: 34px 0; }
  .gin-hero-grid { grid-template-columns: 1fr; gap: 32px; }
  .gin-hero-copy { max-width: 560px; }
  .gin-hero-copy h1 { font-size: 52px; margin: 22px 0 18px; }
  .gin-hero-copy .lead { max-width: 520px; }
  .gin-actions { margin-top: 22px; gap: 20px; }
  .gin-gameplay { max-width: 640px; }
  .gin-screen { border-radius: 17px; padding: 7px 12px; }
  .gin-screen img { border-radius: 7px; }
  .gin-gameplay figcaption { margin-top: 13px; font-size: 11px; }
  .gin-benefits { gap: 23px; padding-top: 30px; padding-bottom: 30px; }
  .gin-benefits strong { font-size: 15px; }
  .gin-benefits p { font-size: 13px; }
  .gin-play, .gin-upgrade { padding-top: 48px; padding-bottom: 48px; }
  .gin-steps { gap: 24px; }
  .gin-steps h3 { font-size: 21px; }
  .gin-steps p { font-size: 15px; }
  .gin-upgrade .plan-grid { grid-template-columns: 1fr; }
  .gin-questions { grid-template-columns: 1fr; gap: 12px; padding-top: 48px; padding-bottom: 48px; }
  .gin-close { padding: 48px 0; }
}
@media (max-width: 520px) {
  .gin-hero-copy h1 { font-size: 45px; }
  .gin-hero-copy .lead { font-size: 19px; }
  .gin-note { font-size: 12px; }
  .gin-benefits { grid-template-columns: 1fr; gap: 22px; }
  .gin-benefits strong { font-size: 17px; }
  .gin-benefits p { font-size: 14px; margin-top: 4px; }
  .gin-steps { grid-template-columns: 1fr; gap: 28px; }
  .gin-steps li > span { margin-bottom: 8px; }
  .gin-steps h3 { font-size: 24px; margin-bottom: 10px; }
  .gin-upgrade .plan-grid h3 { font-size: 29px; }
}