.page-app .app-hero { background: #15111e; color: #fff; overflow: hidden; padding: 95px 0; }
.page-app .app-hero__grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 50px; align-items: center; }
.page-app .app-hero h1 { font-size: clamp(3.5rem,6.5vw,6.6rem); }
.page-app .app-hero p { color: rgba(255,255,255,.68); font-size: 1.2rem; }
.page-app .app-feature-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 15px; }
.page-app .app-feature-grid article { background: #fff; padding: 35px; border-radius: 24px; }
.page-app .app-feature-grid article > span { font-weight: 900; color: var(--purple); }
.page-app .app-feature-grid p { color: var(--muted); }
.page-app .concept-roadmap { display: grid; grid-template-columns: .8fr 1fr; gap: 8vw; }
.page-app .concept-roadmap p { color: rgba(255,255,255,.65); }
.page-app .roadmap-list div { display: grid; gap: 7px; padding: 25px 0; border-top: 1px solid rgba(255,255,255,.15); }
.page-app .roadmap-list span { color: var(--accent); font-size: .78rem; font-weight: 720; }
.page-app .form-split { display: grid; grid-template-columns: .72fr 1fr; gap: 8vw; }

@media (max-width: 1080px) {
  .page-app .app-hero__grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .page-app .app-hero { padding: 74px 0; }
  .page-app .app-hero h1 { font-size: clamp(2.7rem, 12vw, 4.25rem); }
  .page-app .app-hero p { font-size: 1.08rem; }
  .page-app .app-feature-grid, .page-app .concept-roadmap, .page-app .form-split { grid-template-columns: 1fr; }
}