#ahero { padding-top: calc(var(--nav) + 64px); padding-bottom: 20px; position: relative; overflow: hidden; }
         .aprose { font-size: 1rem; color: var(--tx2); line-height: 1.8; }
         .aprose p { margin-bottom: 18px; }
         .aprose p:last-child { margin-bottom: 0; }
         .tl-wrap { display: flex; gap: 0; }
         .tl-item { flex: 1; position: relative; padding: 0 20px; text-align: center; }
         .tl-item:not(:last-child)::after { content: ''; position: absolute; top: 23px; right: -50%; width: 100%; height: 2px; background: var(--grad); opacity: .3; }
         .tl-dot { width: 46px; height: 46px; border-radius: 50%; background: var(--grad); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: .82rem; color: #fff; margin: 0 auto 16px; position: relative; z-index: 1; }
         .tl-item h3 { font-size: 1rem; font-weight: 600; margin-bottom: 8px; color: var(--tx); }
         .tl-item p { font-size: .87rem; color: var(--tx2); line-height: 1.6; margin: 0; }
         @media (max-width: 767px) {
            .tl-wrap { flex-direction: column; gap: 30px; }
            .tl-item { text-align: left; padding: 0 0 0 62px; }
            .tl-item::before { content: ''; position: absolute; left: 23px; top: 46px; bottom: -30px; width: 2px; background: var(--grad); opacity: .3; }
            .tl-item:last-child::before { display: none; }
            .tl-dot { position: absolute; left: 0; top: 0; margin: 0; }
            .tl-item:not(:last-child)::after { display: none; }
         }