:root { --night: #0d1726; --ink: #1f2937; --mist: #edf2f4; --lime: #c7e36b; --sky: #74c8d8; }
body.hh-child-page { background: var(--mist) !important; color: var(--ink) !important; font-family: Arial, "Microsoft YaHei", sans-serif !important; }
body.hh-child-page > nav { position: sticky !important; top: 0 !important; z-index: 80 !important; background: var(--night) !important; border-bottom: 0 !important; box-shadow: 0 12px 30px rgba(13,23,38,.18) !important; }
body.hh-child-page > nav .container { max-width: 1240px !important; min-height: 76px !important; }
body.hh-child-page > nav .navbar-brand { color: #f6f8f9 !important; letter-spacing: .05em !important; }
body.hh-child-page > nav .navbar-brand i { color: var(--lime) !important; }
body.hh-child-page > nav .navbar-links a { color: #cbd5e1 !important; }
body.hh-child-page > nav .navbar-links a:hover, body.hh-child-page > nav .navbar-links .navbar-cta { color: var(--night) !important; background: var(--lime) !important; }
body.hh-child-page > nav .mobile-toggle { color: #fff !important; }
body.hh-child-page > nav .mobile-menu { background: var(--night) !important; border-top: 1px solid rgba(255,255,255,.12) !important; }
body.hh-child-page > nav .mobile-menu a { color: #e2e8f0 !important; }
body.hh-child-page > .hero { min-height: 660px !important; padding: 72px 0 86px !important; background: var(--night) !important; }
body.hh-child-page > .hero > .container { display: grid !important; grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr) !important; gap: 78px !important; align-items: center !important; }
body.hh-child-page > .hero > .container > .hero-image { grid-column: 1 !important; grid-row: 1 !important; width: 100% !important; order: 0 !important; }
body.hh-child-page > .hero > .container > .hero-content { grid-column: 2 !important; grid-row: 1 !important; order: 0 !important; }
body.hh-child-page .hero-content { max-width: 720px !important; }
body.hh-child-page .hero-title { color: #f8fafc !important; font-size: clamp(3rem, 7vw, 6rem) !important; line-height: .96 !important; letter-spacing: 0 !important; }
body.hh-child-page .hero-description, body.hh-child-page .tdk-focus { color: #cbd5e1 !important; }
body.hh-child-page .tdk-focus { margin: 22px 0 !important; padding: 14px 18px !important; border-left: 4px solid var(--lime) !important; line-height: 1.85 !important; }
body.hh-child-page .hero-buttons .btn-primary { background: var(--lime) !important; color: var(--night) !important; border-radius: 999px !important; }
body.hh-child-page .hero-buttons .btn-secondary { border-color: var(--sky) !important; color: #e0f2fe !important; border-radius: 999px !important; }
body.hh-child-page .hero-image { transform: rotate(-2deg) !important; }
body.hh-child-page .hero-image img { min-height: 430px !important; object-fit: cover !important; border: 12px solid #f8fafc !important; border-radius: 4px !important; filter: saturate(.8) contrast(1.1) !important; }
body.hh-child-page .hero-float-card { border-radius: 4px !important; background: var(--lime) !important; color: var(--night) !important; }
body.hh-child-page > section:not(.hero) { padding: 92px 0 !important; }
body.hh-child-page > section.features { background: #f8fafc !important; }
body.hh-child-page > section.stats { background: var(--sky) !important; }
body.hh-child-page > section.testimonials { background: #dbe7e8 !important; }
body.hh-child-page > section .container { max-width: 1240px !important; }
body.hh-child-page .section-header { text-align: left !important; margin-left: 0 !important; }
body.hh-child-page .section-badge { background: var(--night) !important; color: var(--lime) !important; border-radius: 999px !important; }
body.hh-child-page .section-title { color: var(--night) !important; font-size: clamp(2rem, 4vw, 3.8rem) !important; text-align: left !important; }
body.hh-child-page .features-grid, body.hh-child-page .testimonials-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 18px !important; }
body.hh-child-page .feature-card, body.hh-child-page .testimonial-card { min-height: 230px !important; border: 0 !important; border-radius: 4px !important; box-shadow: 12px 12px 0 rgba(13,23,38,.09) !important; background: #fff !important; }
body.hh-child-page .feature-icon { border-radius: 4px !important; background: var(--night) !important; color: var(--lime) !important; }
body.hh-child-page footer { background: var(--night) !important; border-radius: 0 !important; }
@media (max-width: 760px) {
  body.hh-child-page > .hero { padding: 46px 0 60px !important; }
  body.hh-child-page > .hero > .container { display: flex !important; flex-direction: column !important; gap: 34px !important; }
  body.hh-child-page > .hero > .container > .hero-image { order: 1 !important; }
  body.hh-child-page > .hero > .container > .hero-content { order: 2 !important; }
  body.hh-child-page .hero-image img { min-height: 260px !important; }
  body.hh-child-page > section:not(.hero) { padding: 58px 0 !important; }
  body.hh-child-page .features-grid, body.hh-child-page .testimonials-grid { grid-template-columns: 1fr !important; }
}
