.hero-grid { grid-template-columns: 1fr 1fr; }
.app { font-size: 14.5px; }
.app-body { grid-template-columns: 156px 1fr; }
.app-side { padding: 14px 0 18px; }
.app-side i { font-size: 10.5px; padding: 12px 16px 5px; }
.app-side span { font-size: 14px; padding: 5px 16px; }
.app-side span.on { padding: 5px 10px; }
.app-main { padding: 20px 22px 24px; gap: 13px; }
.app-main .crumb { font-size: 12.5px; }
.app-main .kick { font-size: 11px; }
.app-main h3 { font-size: 23px; }
.app-sum div { padding: 10px 12px; }
.app-sum b { font-size: 20px; }
.app-sum span { font-size: 12px; }
.app-tabs span { font-size: 13px; padding: 5px 10px; }
.app-list div { padding: 13px 14px; }
.app-list span { font-size: 13px; }
.app-list em { font-size: 12px; padding: 3px 10px; }
@media (max-width: 560px) { .app { font-size: 13px; } }
.step { grid-template-rows: auto auto 1fr auto; }
.step p { align-self: start; }
.path { align-items: stretch; }
.path b { align-self: start; line-height: 1.3; }
.team-sec { padding-top: 0; }
.future-grid { grid-template-columns: 1fr; gap: 32px; }
.future .sec-head { max-width: 46rem; }
.path div { padding: 20px 22px; grid-template-rows: auto; }
@media (max-width: 640px) { .path { grid-template-columns: 1fr; } .path div { margin-right: 0; border-bottom: 1px solid var(--line); } .path div:last-child { border-bottom: 0; } }
.ab-hero h1 { max-width: 20ch; }
.ab-hero .lead { max-width: 60ch; }
.member { grid-template-rows: auto auto auto auto 1fr auto; align-content: stretch; }
.member p:nth-of-type(2) { align-self: start; }
.member p:last-child { align-self: end; }