.hero {padding: 32px 0 28px;}

.hero h1 {margin: 0 0 12px; color: var(--text); font-family: var(--head); font-size: clamp(28px, 3.5vw, 40px); font-weight: 700; line-height: 1.2; letter-spacing: -0.7px;}

.hero p {max-width: 820px; margin: 0; color: var(--text2); font-size: 16px; line-height: 1.75;}

.platform-section {margin-bottom: 38px;}

.platform-title {margin: 0 0 12px; padding-left: 14px; border-left: 4px solid var(--accent); color: var(--text); font-family: var(--head); font-size: clamp(21px, 2.5vw, 27px); font-weight: 700; line-height: 1.35; letter-spacing: -0.4px;}

.platform-section > p {max-width: 900px; margin: 0 0 22px; color: var(--text2); font-size: 15px; line-height: 1.75;}

.platform-section .game-grid {margin-top: 18px;}

.home-about {margin-top: 42px; margin-bottom: 45px;}

.home-about .platform-title {margin-bottom: 20px;}

.home-about h3 {margin: 26px 0 12px; color: var(--text); font-family: var(--head); font-size: 19px; font-weight: 700; line-height: 1.4;}

.home-about p, .platform-section.home-about > p {max-width: 900px; margin: 0 0 16px; color: var(--text2); font-size: 15px; line-height: 1.85;}

@media (max-width: 768px) {
  .hero {padding: 26px 0 22px;}

  .platform-section {margin-bottom: 32px;}

  .platform-title {padding-left: 11px; border-left-width: 3px;}

  .home-about {margin-top: 34px;}
}

@media (max-width: 600px) {
  .hero {padding: 22px 0 20px;}

  .hero h1 {font-size: 28px; letter-spacing: -0.5px;}

  .hero p {font-size: 14px; line-height: 1.7;}

  .platform-section {margin-bottom: 28px;}

  .platform-title {font-size: 21px; line-height: 1.3;}

  .platform-section > p {font-size: 14px; margin-bottom: 16px;}

  .home-about h3 {font-size: 17px; margin: 22px 0 10px;}

  .home-about p, .platform-section.home-about > p {font-size: 14px; line-height: 1.8;}
}

.platform-title {border-left-color: var(--accent);}

.home-quick-links {display: flex; align-items: center; flex-wrap: wrap; gap: 8px 18px; margin-top: 18px; color: var(--muted); font-size: 13px;}

.home-quick-links a {color: var(--accent); font-weight: 600; text-decoration: none;}

.home-quick-links a:hover {text-decoration: underline; text-underline-offset: 3px;}

.home-list-header {display: flex; justify-content: space-between; align-items: end; gap: 14px; margin-bottom: 18px;}

.home-list-header .platform-title {margin-bottom: 7px;}

.home-list-header .home-section-intro {margin: 0; color: var(--text2); font-size: 14px; line-height: 1.55;}

.home-game-count {flex-shrink: 0; margin: 0 0 2px; font-size: 12px; color: var(--muted);}

.home-collection .home-game-grid {margin-top: 0;}

.home-pagination {margin: 28px 0 0;}

.home-guide {max-width: 820px; padding-top: 28px; border-top: 1px solid var(--line);}

.home-guide .platform-title {margin-bottom: 14px;}

.home-guide h3 {font: 700 17px/1.35 var(--head); margin: 22px 0 8px;}

.home-guide p {color: var(--text2); line-height: 1.75; margin: 0 0 14px; font-size: 14px;}

@media (max-width:640px) {
  .home-list-header {display: block;}

  .home-game-count {margin: 9px 0 0;}

  .home-quick-links {gap: 8px 14px;}
}

.home-intro h1 {font-size: clamp(32px, 3.2vw, 43px); font-weight: 700; letter-spacing: -.035em;}

.home-intro p {max-width: 760px;}

.home-quick-links {gap: 8px; margin-top: 17px;}

.home-quick-links > span {margin-right: 6px;}

.home-quick-links a {display: inline-flex; align-items: center; min-height: 32px; padding: 5px 10px; border: 1px solid var(--ui-strong-border, var(--line-dark)); color: var(--text); background: var(--surface); font: 700 12px/1.35 var(--head); text-decoration: none;}

.home-quick-links a:hover {background: var(--accent); color: var(--surface); text-decoration: none;}

.home-list-header {padding-bottom: 15px; border-bottom: 1px solid var(--line-dark); margin-bottom: 18px;}

.home-list-header .platform-title {margin-bottom: 7px;}

.platform-title {border-left-width: 4px;}

.home-game-count {font: 600 12px/1.5 var(--body);}

.home-guide {border-top: 2px solid var(--ui-strong-border, var(--line-dark));}

@media (max-width: 600px) {
  .home-intro {padding-top: 18px;}

  .home-intro h1 {font-size: 30px;}

  .home-quick-links {gap: 8px;}
}