/* StreamPays responsive layout: desktop ≥ 1200px, tablet 769–1199px, mobile ≤ 768px. */
.client-nav .nav-links a, .client-nav .nav-actions a, .client-nav .nav-actions button { color: #fff !important; text-decoration: none !important; }
.client-nav .nav-links a, .client-nav .nav-actions a, .client-nav .nav-actions button { font-family: 'Koulen', 'Noto Sans Khmer', sans-serif !important; font-weight: 400 !important; }
.client-nav .nav-links a:hover, .client-nav .nav-links a.active { color: #79efff !important; }
.client-nav .nav-join { color: #06155b !important; }
.trust-row > div:last-child b { color: #ff424d !important; }
.client-footer, .client-footer p, .client-footer a, .client-footer .footer-bottom { font-size: 17px !important; }
.client-footer, .client-footer p, .client-footer a, .client-footer h3, .client-footer .footer-bottom { font-family: 'Koulen', 'Noto Sans Khmer', sans-serif !important; font-weight: 400 !important; }
.client-footer .footer-main h3 { font-size: 21px !important; }
.client-footer .social-links a { font-size: 16px !important; }

@media (min-width: 769px) and (max-width: 1199px) {
  .nav-inner { padding-inline: 28px; }
  .nav-links { margin-left: 18px; gap: 2px; }
  .nav-links a { padding-inline: 8px; font-size: 14px; }
  .nav-actions { gap: 2px; font-size: 13px; }
  .site-shell { padding-inline: 34px; }
  .hero { grid-template-columns: 1fr .9fr; gap: 25px; min-height: 600px; }
  .hero h1 { font-size: clamp(42px, 5.1vw, 58px); }
  .site-shell .visual-wrap { min-height: 500px; }
  .site-shell .visual-wrap:before { left: -42px; width: 310px; height: 430px; }
  .site-shell .visual-wrap .orb-two { right: -50px !important; width: 310px !important; height: 430px !important; }
  .pricing-grid { grid-template-columns: repeat(3, 1fr); gap: 13px; }
  .price-card { padding: 24px 18px; }
  .price-card h3 { font-size: 16px; }
  .footer-main { grid-template-columns: 1.5fr 1fr 1fr; gap: 28px; }
  .footer-contact { grid-column: 2 / 4; }
}

@media (max-width: 768px) {
  .client-nav { height: 58px !important; overflow: visible !important; }
  .nav-inner { padding-inline: 18px; position: relative; }
  .brand-word { font-size: 20px; }
  .brand-icon { width: 25px; height: 31px; }
  .nav-mobile { display: block !important; cursor: pointer; z-index: 30; }
  .nav-links, .nav-actions { display: none !important; }
  .client-nav.is-open .nav-links, .client-nav.is-open .nav-actions { display: flex !important; }
  .client-nav.is-open .nav-links { position: absolute; top: 58px; left: 0; right: 0; z-index: 25; height: auto; margin: 0; padding: 13px 20px; gap: 4px; flex-direction: column; align-items: stretch; background: #06155b; border-top: 1px solid #ffffff22; box-shadow: 0 16px 25px #06113a88; }
  .client-nav.is-open .nav-links a { height: auto; padding: 12px 10px; border: 0; border-radius: 8px; font-size: 16px; }
  .client-nav.is-open .nav-links a.active { background: #ffffff12; }
  .client-nav.is-open .nav-actions { position: absolute; top: 276px; left: 0; right: 0; z-index: 26; padding: 0 20px 17px; flex-wrap: wrap; gap: 5px; background: #06155b; box-shadow: 0 16px 25px #06113a88; }
  .site-shell { padding: 0 20px 42px; }
  .hero { display: flex; flex-direction: column; gap: 16px; min-height: 0; padding: 48px 0 26px; }
  .hero-copy { padding-top: 0; }
  .hero h1 { font-size: clamp(39px, 12vw, 52px); line-height: 1.25; margin: 14px 0; }
  .hero-copy > p { font-size: 14px; line-height: 1.75; }
  .hero-actions { margin-top: 23px; flex-wrap: wrap; }
  .hero-actions .btn, .hero-actions .btn-outline { flex: 1 1 185px; }
  .trust-row { margin-top: 28px; gap: 8px; flex-wrap: wrap; }
  .trust-row > div { flex: 1 1 115px; }
  .site-shell .visual-wrap { display: block !important; min-height: 350px; width: 100%; margin-top: 5px; }
  .site-shell .visual-wrap:before { left: -18px; bottom: -4px; width: 220px; height: 315px; }
  .site-shell .visual-wrap .orb-two { right: -18px !important; bottom: -4px !important; width: 220px !important; height: 315px !important; }
  .plans-section { padding-top: 55px; }
  .plans-intro h2, .section-heading h2 { font-size: 29px; }
  .pricing-grid { grid-template-columns: 1fr; gap: 23px; }
  .price-card.featured { transform: none; }
  .creator-section { padding-top: 55px; }
  .section-heading { display: block; }
  .all-link { display: inline-block; margin-top: 18px; }
  .footer-main { grid-template-columns: 1fr; gap: 26px; }
  .footer-contact { grid-column: auto; }
  .footer-bottom { display: block; }
  .footer-bottom div { margin-top: 11px; flex-wrap: wrap; }
}