.hitz360-app-page,
.hitz360-app-page *,
.hitz360-app-page *::before,
.hitz360-app-page *::after { box-sizing: border-box; }

.hitz360-app-page {
  width: min(1100px, calc(100% - 48px));
  margin: 0 auto;
  padding: 40px 0 60px;
  color: #171717;
}
.hitz360-app-hero { padding: 55px 25px; border-radius: 18px; background: #111; color: #fff; text-align: center; }
.hitz360-app-hero h1 { margin: 0 0 16px; color: #fff; font-size: 42px; line-height: 1.15; }
.hitz360-app-hero p { max-width: 700px; margin: 0 auto 28px; color: #e7e7e7; font-size: 18px; line-height: 1.7; }
.hitz360-app-btn { display: inline-flex; min-height: 54px; padding: 14px 30px; align-items: center; justify-content: center; border-radius: 9px; background: #ed1c24; color: #fff; font-size: 17px; font-weight: 700; line-height: 1.2; transition: opacity .2s ease, transform .2s ease; }
.hitz360-app-btn:hover, .hitz360-app-btn:focus { transform: translateY(-2px); color: #fff; opacity: .92; }
.hitz360-app-btn:focus-visible { outline: 3px solid rgba(237,28,36,.35); outline-offset: 3px; }
.hitz360-app-section { margin-top: 50px; }
.hitz360-app-section h2 { margin: 0 0 28px; color: #171717; font-size: 30px; line-height: 1.3; text-align: center; }
.hitz360-app-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.hitz360-app-card, .hitz360-app-install { border: 1px solid #e7e7e7; border-radius: 14px; background: #f7f7f7; }
.hitz360-app-card { padding: 25px; }
.hitz360-app-card h3 { margin: 0 0 10px; color: #171717; font-size: 19px; line-height: 1.4; }
.hitz360-app-card p { margin: 0; color: #555; font-size: 15px; line-height: 1.7; }
.hitz360-app-install { padding: 30px; color: #333; }
.hitz360-app-install ol { margin: 0; padding: 0 0 0 24px; }
.hitz360-app-install li { margin: 0 0 14px; padding-left: 5px; font-size: 16px; line-height: 1.7; }
.hitz360-app-install li:last-child { margin-bottom: 0; }
.hitz360-app-bottom { margin-top: 50px; padding: 42px 25px; border: 1px solid #e7e7e7; border-radius: 16px; background: #f2f2f2; text-align: center; }
.hitz360-app-bottom h2 { margin: 0 0 12px; color: #171717; font-size: 29px; line-height: 1.3; }
.hitz360-app-bottom p { max-width: 650px; margin: 0 auto 24px; color: #555; font-size: 16px; line-height: 1.7; }

@media (max-width: 900px) {
  .hitz360-app-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .hitz360-app-page { width: calc(100% - 48px); padding: 24px 0 45px; }
  .hitz360-app-hero { padding: 40px 20px; border-radius: 14px; }
  .hitz360-app-hero h1 { font-size: 32px; }
  .hitz360-app-hero p { font-size: 16px; line-height: 1.65; }
  .hitz360-app-btn { width: 100%; max-width: 330px; min-height: 52px; padding: 14px 20px; font-size: 16px; }
  .hitz360-app-section { margin-top: 40px; }
  .hitz360-app-section h2 { margin-bottom: 22px; font-size: 25px; }
  .hitz360-app-card { padding: 22px; }
  .hitz360-app-install { padding: 24px 20px; }
  .hitz360-app-install li { font-size: 15px; }
  .hitz360-app-bottom { margin-top: 40px; padding: 32px 20px; }
  .hitz360-app-bottom h2 { font-size: 25px; }
}
@media (max-width: 420px) {
  .hitz360-app-page { width: calc(100% - 36px); }
  .hitz360-app-hero { padding: 34px 16px; }
  .hitz360-app-hero h1 { font-size: 28px; }
  .hitz360-app-card, .hitz360-app-install { padding: 20px 18px; }
}